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


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



body{
margin:0;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#393939;
background: #1C1A1A url('../img/bando1.jpg') repeat-x top center;
}
img{
border: 0;
}
div#conteneur{
width: 981px;
margin:0;
padding:0;
margin: auto;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#393939;
}
#arbo{
padding:0;
width:650px;
height:16px;
margin:-36px 0 0 -230px;
color:#fff;
}
div#arbo a{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-decoration:none;
}
div#arbo a:hover{
color:#fff;
text-decoration: underline;
}
#titre_h1{
display:none
}
#marg{
margin:0;
padding:0;
margin-left:30px;
}
#centre h2{
margin:0;
padding:0;
margin-top:10px;
font-size:15px;
font-weight:bold;
color:#333333;
height:20px;
padding-left:45px;
}

div#contenu{
padding:0;
margin:0;
width:981px;
float:left;
background: url('../img/ligne.jpg') repeat-y;
}
#centre a{
color:#FF0000;
text-decoration:none;
}
#centre a:hover{
color:#FF0000;
text-decoration:underline;
}
div#gauche{
padding:0;
margin:0;
width:245px;
float:left;
}
div#flash{
margin:0;
padding:0;
width:245px;
height:157px;
margin-top:20px;
background: url('../img/flash.jpg') no-repeat;
}
div#flash_infos{
margin:0;
padding:0;
position:absolute;
width:220px;
height:100px;
margin-left:11px;
margin-top:37px;
font-size:12px;
color:#585858;
}
div#flash_infos a{
color:#FF0000;
font-weight:bold;
text-decoration:none;
}
div#flash_infos a:hover{
text-decoration: underline;
}

div#centre{
padding:0;
margin:0;
width:736px;
padding-top:20px;
float:left;
}
div.galeries {
margin:0;
padding:0;
}

div.galerie {
margin:0;
padding:0;
display: block;
float: left;
margin-left:45px;
margin-bottom:10px;
width:658px;
background-color:#4B4B4C
}

div.photos {
margin:0;
padding:0;
 display: block;

}

div.photo {
margin:0;
padding:0;
 float: left;
 margin-left:20px;
  margin-top:20px;
 text-align: center;
 width: 100px;
 height: 66px;
 margin-bottom:10px;
}

img.photo {
 max-width: 100px;
 max-height: 66px;
}

/* ------ MENU ------ */
/* ------ MENU ACCORDEON ------ */
.menu_g {
margin:0;
padding:0;
width:245px;
margin:10px 0 0 0;
list-style:none;
}
.acc_toggler{
margin:0;
padding:0;
}
.acc_toggler a{
margin:0;
padding:0;
display:block;
color:#666666;
text-decoration:none;
padding-left:12px;
padding-top:2px;
width:233px;
height:19px;
font-size:12px;
cursor:pointer;
background: url('../img/menu01.jpg') no-repeat;
} 
.acc_toggler a:hover  {
margin:0;
padding:0;
display:block;
color:#fff;
text-decoration:none;
padding-left:12px;
padding-top:2px;
width:233px;
height:19px;
font-size:12px;
cursor:pointer;
background: url('../img/menu02.jpg') no-repeat;
} 
.acc_element h3 {
 margin: 0;
 padding:0;
 padding-left:12px;
  font-size:12px;
  width:233px;
 text-align:left;
 min-height:20px;
} 
.acc_element h3 a {	
color:#666666;	
 text-decoration:none;
 font-size:12px;

}
.acc_element h3 a:hover {	
 text-decoration:none;
 color:#383838;	
 font-size:12px;
 font-weight:bold;
}
h2, h3 {
 margin:0;
 padding:0;
 font-weight:normal;
} 



div#menu_bas{
margin:0;
padding:0;
position:absolute;
margin-top:304px;
margin-left:4px;
font-size:11px;
line-height:15px;
width:770px;
color:#444445;
}
#menu_bas a{
text-decoration:none;
color:#444445;
margin-left:2px;
margin-right:2px;
}
#menu_bas a:hover{
color:#E72400;
text-decoration:underline;
}
#menu_bas span{
color:#444445;
}
#menu_bas li {
display:inline;
border: none;
float:left
}
#menu_bas ul {
margin:0;
padding:0
}

/*
.menu_g {
margin:0;
padding:0;
width:245px;
margin:10px 0 0 0;
list-style:none;
}
.acc_toggler {
margin:0;
padding:0;
display:block;
color:#666666;
text-decoration:none;
padding-left:12px;
padding-top:2px;
width:233px;
height:19px;
font-size:12px;
cursor:pointer;
background: url('../img/menu01.jpg') no-repeat;
} 
.acc_toggler:hover {
margin:0;
padding:0;
display:block;
color:#fff;
text-decoration:none;
padding-left:12px;
padding-top:2px;
width:233px;
height:19px;
font-size:12px;
cursor:pointer;
background: url('../img/menu02.jpg') no-repeat;

} 

.acc_element h3 {
 margin: 0;
 padding:0;
 padding-left:12px;
  font-size:12px;
  width:233px;
 text-align:left;
 min-height:20px;
} 

.acc_element h3 a {	
 color:#666666;	
 text-decoration:none;
 font-size:12px;
}
.acc_element h3 a:hover {	
 text-decoration:none;
 color:#383838;	
 font-size:12px;
 font-weight:bold;
}

.acc_element h2 {
 margin:0;
 text-align:left;
} */
/* ------ Fourmulaire ------ */
.inscription{
margin:0;
padding:0;
width:300px;
margin-left:20px;
}
.contact_frame{
margin:0;
padding:0;
width:300px;
margin-left:20px;
}
span.obligatoire{
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;
}