/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(top.css); 
@import url(bottom.css); 
@import url(galerie.css);
@import url(article.css);


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/

body{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size: 11px;
background: #330705 url('../img/bando1.jpg') repeat-x top left;
}
img {
 border: none;
}
a {
 text-decoration: none;
 font-weight:bold;
 color: #fff;
}
a:hover {
 text-decoration: none;
 color: #FFCC00;
}
*:focus {
 outline: none;
}
h1 {
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}
#conteneur {
margin: auto;
min-height:272px;
background: url('../img/body.jpg') no-repeat top center;
}
#page {
 width: 980px;
 margin: auto;
}
#center h2 {
color: #A68000;
min-height: 24px;
font-size:14px;
margin-top:10px;
text-transform:uppercase;
padding:5px 0 0 66px;
margin:0;
background: url('../img/titre.png') no-repeat;
}

/*********************************************************************
 ******************************* CADRES ******************************
 *********************************************************************/

div#contenu{
padding:0;
margin:0;
width:980px;
height: 100%;
float:left;
}
div#gauche{
padding:0;
margin:0;
width:272px;
margin-left:54px;
min-height:300px;
float:left;
}


/* ------ MENU ACCORDEON ------ */

#fond_menu{
padding:0;
margin:0;
width:272px;
background: url('../img/fond_menu.jpg') repeat-x;
}
#haut_menu{
padding:0;
margin:0;
width:272px;
min-height:120px;
background: url('../img/haut_menu.jpg') no-repeat;
}
.menu_g {
margin:0;
padding:0;
width:260px;
padding-top:40px;
padding-left:6px;
list-style:none;
}
.acc_toggler{
margin:0;
padding:0;
}
.acc_toggler a, .menu_g h3 a {
margin:0;
padding:0;
display:block;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:13px;
padding-top:6px;
padding-left:13px;
width:247px;
height:20px;
text-align:left;
background: url('../img/menu01.png') no-repeat;
}
.acc_toggler a:hover, .menu_g h3 a:hover  {
margin:0;
padding:0;
padding-top:6px;
padding-left:13px;
text-decoration:none;
color:#FFCC00;
background: url('../img/menu02.png') no-repeat;
} 
.acc_element h3 {
 margin: 0;
 padding:0;
 width:260px;
 text-align:left;
 min-height:17px;
 
} 
.acc_element a {	
 margin: 0;
 padding:0;
 display:block;
 padding-left:13px;
 color:#fff;
 font-size:12px;
 text-decoration:none;
background: url('../img/slien1.png') no-repeat;
}
.acc_element a:hover {	
 margin: 0;
 padding:0;
 padding-left:13px;
 text-decoration: none;
 color:#FFCC00;
 background: url('../img/slien2.png') no-repeat;
}
h2, h3 {
 margin:0;
 padding:0;
 font-weight:normal;
} 
#bas_menu{
padding:0;
margin:0;
width:272px;
height:27px;
background: url('../img/bas_menu.png') no-repeat;
}
#flash{
margin:0;
padding:0;
width:272px;
height:252px;
background: url('../img/flash.png') no-repeat;
}
div#flash_infos{
margin:0;
padding:0;
position:absolute;
width:238px;
height:181px;
margin-top:53px;
margin-left:18px;
text-align:left;
font-size:11px;
color:#fff;
}
div#flash_infos a{
text-decoration:none;
font-weight:bold;
color:#fff;
}
div#flash_infos a:hover{
text-decoration:underline;
color:#fff;
}

#horaire{
margin:0;
padding:0;
width:272px;
height:101px;
background: url('../img/horaires.png') no-repeat;
}

div#center{
padding:0;
margin:0;
width:654px;
min-height:300px;
float:left;
}

.article {
width:588px;
clear: both;
padding-left:66px;
padding-bottom:20px;
}
.article2 {
width:588px;
clear: both;
padding-left:0px;
padding-bottom:20px;
}
.articles h2.article {
color: #A68000;
min-height: 24px;
font-size:14px;
margin-top:10px;
text-transform:uppercase;
padding:5px 0 0 0;
margin: 0;
background: url('../img/titre.png') no-repeat;
}
.article .article_contenu {
margin-top:10px;
padding-bottom:15px;
width:588px;
}



/**************************************galerie********************************/

div.galeries {
margin:0;
padding:0;
}
div.galerie {
margin:0;
padding:0;
display: block;
float: left;
width:630px;
margin-left:20px;
margin-top:20px;
margin-bottom:20px;
}
div.photos {
margin:0;
padding:0;
display: block;
border:0px;
}
div.photo_fond {
margin:0;
width: 165px;
height: 162px;
float: left;
text-align: center;
padding:14px 0 0 15px;
margin-left:10px;
margin-bottom:10px;
background: url('../img/fond_photo.jpg') no-repeat;
}
div.photo {
padding:0;
float: left;
width: 180px;
height: 162px;
text-align: center;
padding:14px 0 0 0;
margin-left:20px;
margin-bottom:10px;
background: url('../img/fond_photo.jpg') no-repeat;
}

img.photo {
 max-width: 151px;
 max-height: 134px;
 }
 
.galerie h2 {
color: #A68000;
min-height: 24px;
font-size:14px;
margin-top:10px;
text-transform:uppercase;
padding:5px 0 0 66px;
margin: 0;
background: url('../img/titre.png') no-repeat;
}
 /****************************** CONTACT ******************************
 *********************************************************************/

.contact_frame{
margin:0;
padding:0;
width:300px;
margin-left:40px;
}
span.obligatoire, .contact_field_cross, .contact_error{
color:#FF0000;
}
p.msg_erreur{
color:#FF0000;
}
.bouton_suivant{
margin:0;
padding:0;
width:100%;
text-align:center;
margin-top:20px;
}
#centre b{
color:#999999;
}