/***************** STYLE GLOBAUX *****************/
.clearer{
clear:both;
}

/***************** STYLE CONTENU *****************/
#contenu h1, #contenugche h1{
font:bold 14px Arial, Helvetica, sans-serif;
color:#777777;
line-height: 16px;
padding:3px 0 3px 13px;
background-color: #CCCCCC;
text-align: left;
border: 0px solid red;
margin-bottom: 3px;

}

#contenu h2, #contenugche h2{
border-bottom:0px solid #7F7F7F;
margin-bottom: 15px;
}
#contenu h3, #contenugche h3{
font:bold 12px Verdana,Arial, Helvetica, sans-serif;
color:#7F7F7F;
margin-left:13px;
margin-bottom: 8px;
  }

  #contenu h4, #contenugche h4{
font:bold 14px Arial, Helvetica, sans-serif;
margin:15px 0px 5px 13px;
color:#777777;
padding: 0px 0px 0px 0px;
text-align: left;
  }

#contenu h5, #contenugche h5{
border-bottom: 1px solid #E2E2E2;
background-image: url(../images/charte/bull.jpg);
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0px 6px 8px;
line-height: 16px;
font:bold 12px Verdana,Arial, Helvetica, sans-serif;
margin-left: 0px;
margin-top: 15px;
text-transform: uppercase;
margin-bottom: 5px;
  }

.scroller{
height: 420px;
padding-right: 10px;
width: 230px;

}

.scroller2{
height: 90px;
padding-right: 10px;
width: 230px;
text-align: justify;
}

.scroller3{
height: 438px;
padding-right: 10px;
width: 555px;
text-align: justify;
}

.scroller3 p{
padding-left: 15px;

}

.scroller4{
height: 355px;
padding-right: 10px;
width: 555px;
text-align: justify;
}

.scroller4 p{
padding-left: 15px;

}

.scroller5{
height: 490px;
padding-right: 10px;
width: 555px;
text-align: justify;
}

.scroller5 p{
padding-left: 15px;

}


.separator {
padding: 10px 0px 0px 0px;

}

.separator2 {
padding: 10px 0px 0px 0px;
border-top: 1px solid #E2E2E2;

}

.separator3 {
padding: 10px 0px 0px 0px;
margin-left: 15px;
border-top: 1px solid #E2E2E2;

}



.bull{
  /*background-image: url(../images/charte/bull.jpg);
  background-repeat: no-repeat;
  padding-left: 7px;
  background-position: top left;
  margin-left: 15px;  */ 

}

.bull a{
text-decoration: none;
color: #444444;
line-height: 20px;
}

.bull a:hover{
text-decoration: none;
color: #777777;
}

.retours{
text-decoration: none;
color: #444444;
line-height: 20px;
}

.retours:hover{
text-decoration: none;
color: #777777;
}



.bull2{
 /* background-image: url(../images/charte/bull.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 10px;
  margin-left: 15px;*/
  margin-bottom: 8px;
}

.bull3{
 /* margin-left: 15px;
  padding-left: 10px;*/
  margin-bottom: 8px;
}

.bull3 span{
  font-style: italic;
}
 .bull4{
  background-image: url(../images/charte/bull.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: 15px;
  padding-left: 10px;

}

.address{
font:bold 10px Verdana,Arial, Helvetica, sans-serif;
color:#ffffff;
line-height: 16px;
padding:5px 0 5px 0;
background-color: #7F7F7F;
text-align: center;
margin-left: 15px;
}

.gallery-detail-thumb{
float: left;
height: 50px;
width: 70px;
margin-right: 4px;
margin-left: 0px;
margin-top: 3px;
background-color: #777777;
cursor: pointer;
}




#contenu a{
font-weight:bold;
text-decoration:underline;
color:#FFF;
}
#contenu a:hover{
color:#FFF;
text-decoration:none;
}

.projet{
border-bottom: 1px solid #E2E2E2;
background-image: url(../images/charte/li.jpg);
background-repeat: no-repeat;
background-position: top left;
padding: 7px 0px 7px 25px;
line-height: 16px;
}

.projet a{
font:bold 11px Verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:underline;
color:#5E5E5E;

}


.projet a:hover{
color:#000000;
text-decoration:none;
}

.back{
font:bold 11px Verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:underline;
color:#5E5E5E;

}


.back:hover{
color:#000000;
text-decoration:none;
}


/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
margin-top: -5px;

}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

.inputForm{
border:1px solid #C8C9CA;
background-color: #FFFFFF;
width:150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #C8C9CA;
background-color: #F5F4F4;
width:150px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #8B8A8A;
background-color: #B0AEAE;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #8B8A8A;
background-color: #8B8A8A;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor:pointer;
color:#FFFFFF;
}
.capatchas{
border:1px solid #C8C9CA;
background-color: #ffffff;
margin-top:1px;
padding: 5px 55px 6px 55px
}


.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
 /*	background-color:#D4D4D4; */
	font-size:11px;
  width: 545px;
	border:0px solid #B0AEAE;
  background-image: url(../images/charte/back.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

.frmContact .Label, .frmContact label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;


}

.notice{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
  line-height: 18px;
	padding:0px;

}

.invisible{
display: none;

}

a img{
-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{
-moz-opacity: 0.70; opacity:0.70;
border: 0px;
}

