@charset "utf-8";
/* CSS Document */

/***************************  RAS ***************************/

*{
	margin:0;
	padding:0;
	/*font-weight:normal; */
	list-style:none; 
	font-family:"Trebuchet MS", "Times New Roman", serif;
	float:none;
}

/*************************** GENERAL **************************/
h1 {
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	color:#367680;
	font-size:18px;
}



h2{
	padding-left:10px;
	padding-right:10px;
	font-size: 16px;
	color:#554411;
	margin-bottom:5px;
}
h3{
	padding-left:10px;
	padding-right:10px;
	font-size: 13px;
	font-weight: bold;
	color: #337788;
	margin-bottom:5px;
}

table{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}


.clearboth { clear:both;
}



body {
	background-image: url(../images/fond-conteneur.png); 
	background-repeat: repeat-x;
	background-color: #EFEEED;
	
	
	
}

#conteneur {
	/*width:1160px;*/
	width:1002px;
	margin:auto;
}


/*************************** HEADER ***************************/

#header{
	margin-bottom:0;
	width:1002px;
}

#bandeau{
	background-image:url(../images/header.png);
	width:1002px;
	height:119px;
}



#bandeau img{
	margin-left:10px;
	border:0;
}


#barre-menu {
	height:34px;

}


/*::::::::::::::  menu deroulant  ::::::::::::::::::*/

#nav{
	border: 0;
	background-image:url(../images/menu.gif);
	width: 1002px;
	height:34px;
	list-style-type: none;
	position: absolute;
	z-index:999;
	background-repeat: no-repeat;
}

  
#nav  li{
	float: left;
	position: relative;
	width: 10em;

}
#nav  li  a:link, #nav  li  a:visited  {
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 16px;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#nav li a:active{} 

/*couleur bloc*/

#nav li a:hover {
	background-repeat:repeat-x;
	color:#554411;
	height: 16px;
	
	background-image: url(../images/roll-over.png);
}
	
#nav .sousMenu {
	list-style-type: none;
	float: left;
	display: none;
}

#nav .sousMenu    li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 25px;
	width: 160px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	text-align: left;
}

#nav li ul {display: none;position: absolute;}

#nav .sousMenu li a:link, #nav .sousMenu li a:visited{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #77cccc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat: repeat;
	height: 25px;
	text-align: leftborder-width: 0 0 2pt 0;	
	/*border-bottom-style: solid;
	border-bottom-color: #FFFFFF;*/
}

#nav .sousMenu li a:hover{
	background-image: none;
	color: #554411;
	height: 25px;
}

#nav li:hover > .sousMenu{display: block;position: absolute;}

/*pour ie6 */
#nav li.sfhover > .sousMenu  {display: block;position: absolute;}

#nav li > ul {left: auto;top:auto;}

#nav ul {list-style: none;}
  
#nav li:hover ul, li.over ul { display: block; }

/* pour ie6*/
#nav li.sfhover ul, li.over ul{ display: block;}

/*:::::::::::::: Fin menu deroulant  ::::::::::::::::::*/




/****************************** CONTENU ********************************/


#contenu {
	
	background-image: url(../images/contenu.gif);
	background-repeat: repeat-y;
	width:1002px;
}

#bloc-central {
	clear:both;
	width:732px;
	height:434px; /*434*/
	/*background-image:url(../images/gallery/01.jpg);*/
	/*background-image:url(../images/photo-home.png);*/
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	background-repeat: no-repeat;

	
}


#bloc-central-rubrique {
	clear:both;
	width:732px;
	/*height:434px;*/
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	background-color: #eeeeee;
	
}

 #bloc-central-rubrique p, #bloc-central-rubrique ul {
 	color:#555555;
	font-size:12px;
	/*margin-top:10px;
	margin-bottom:10px;*/
	padding-left:10px;
	padding-right:10px;
 }

#bloc-central-rubrique li {
	margin-bottom:10px;
	
	list-style-type: disc;
	list-style-position:inside;
}

#bloc-central-rubrique img {
	margin-left:10px;
	margin-right:10px;
	
	border:solid #FFFFFF 3px;
	float:left;
}

#bloc-central-rubrique a:link, #bloc-central-rubrique a:visited {
	color:#367680;
	font-weight:bold;
	text-decoration: underline;
}

#bloc-central-rubrique a:hover{
	color:#554411;
	font-weight:bold;
	text-decoration: underline;
}



#bloc-transparent {

	width: 732px;
	height: 140px; /*128*/
	background-color: #77cccc;
	opacity:0.8;
	filter: alpha(opacity=80);
	margin-top:294px; /*305*/
	float:left;
	position:absolute;
	z-index:10;


}

#bloc-transparent h1 {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
	margin-top:5px;
	color:#367680;
	font-size:15px;
	font-weight:bold;
}



#bloc-transparent p{ 
	color:#555555;
	font-size:12px;
	
}
#bloc-transparent p, #bloc-transparent a{
	padding-left:10px;
	padding-right:10px;
	
}

#bloc-transparent a {
	color:#554411;
	font-size:11px;
	margin-left:635px;
	font-weight:bold;
		
}



#bloc-droit{
	float:left;
}

#bloc-droit img{
	margin-left:60px;
	margin-top:15px;
}

#bloc-contact{
	
	width:219px;
	padding-left:10px;
	padding-top:10px;
	
}

#haut-contact {
	background-image: url(../images/haut-contact.gif);
	background-repeat: no-repeat;	
}

#bloc-contact h1 {
	 color:#FFFFFF;
	 font-size:16px;
	 font-weight:bold;
	 margin-left:10px;	
}
#contenu-contact{
	background-image: url(../images/fond-contact.gif);
	background-repeat: repeat-x;
	height: 219px;
}
#bloc-tel {
	
	
	width:219px;
	margin-left:10px;
	margin-top:20px;
	background-image: url(../images/fond-tel.gif);
	background-repeat: repeat-x;
	height: 100px;
	
}
.bordure-bleu{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0099CC;
}

#bloc-tel p {
	padding-left:5px;
	
}
/****************************** Formulaire ********************************/

#contenu-contact fieldset{
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top:10px;
}



#contenu-contact label{
	color:#554411;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:5px;
	width:100px;
	display:block;
	float:left;
	
}

#contenu-contact input {
	width: 105px;

}

#contenu-contact p{
	margin-bottom:3px;
}


/********************************* Formulaire recrutement **************************/



 fieldset{
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top:10px;
}



label{
	color:#554411;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:5px;
	width:150px;
	display:block;
	float:left;
	
}

input {
	width: 200px;

}


/****************************** FOOTER *********************************/

#footer{
	clear:both;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 1002px;
}

#footer p{
	padding-top:10px;
}

.txt-footer{
	/*margin-left:210px;*/margin-left:390px;
}
/****************************** CLASS *********************************/

.txt-marron{
	color:#554411;
}

.txt-blanc{
	color:#fff;
}

.txt-turquoise{
	color:#337788;
}


.txt-gris{
	color:#777777;
}

.txt-10{
	font-size:10px;
}
.txt-11{
	font-size:11px;
}
.txt-12{
	font-size:12px;
}

.txt-13{
	font-size:13px;
}
.txt-14{
	font-size:14px;
}


.txt-19{
	font-size:19px;
}

.souligne{
	text-decoration: underline;
}