body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
height: 100%;
background-image: url(left.png);
}

/*** img {
border:4px solid #BF9E7F;
padding:10px;
background-color:#000;
}
***/


#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: black;
	margin: 0;
	padding-left: 3em;
	padding-right: 3em;
	}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm fieldset#message label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
}	
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	margin: 0;
	padding: .5em;
}	
	
	
	
P { 

font-family: Verdana, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-style:normal;
text-align: justify;
text-decoration:none;
line-height: 16px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
margin:0;
} 

H1 { 
font-family: Arial , Verdana, Helvetica;
font-size:12px;
color:#FF9D26;
font-style:normal;
font-weight:bold;
text-decoration:none;
text-transform : uppercase;
margin:0;

} 


H2 { 
font-family:  Trebuchet MS;
font-size: 16px;
color: #0675A9;
font-style:normal;
font-weight:bold;
text-decoration: underline;
text-indent: 38px ;
letter-spacing: normal;
margin:0;
padding-top: 18px;
padding-bottom: 7px;
padding-left: 10px;
background-image:url(titre.jpg);
background-position:10px 25px;
background-repeat: no-repeat;
	/***border-bottom: 1px dotted #80B3CA;***/
} 

H3 { 

font-family: Arial , Verdana, Helvetica;
font-weight:bold;
font-size: 12px;
color: grey;
text-decoration: none;
text-indent: 0px ;
line-height: 17px;
margin:0;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 13px;
} 

H4 { 

font-family: Trebuchet MS;
font-weight:bold;
font-size: 11px;
line-height: 14px;
color: #FD9D2C;
width: 250px;
text-decoration: none;
text-indent: 20px ;
text-align: center;
margin:0;
padding-top: 10px;
padding-bottom: 10px;
background-color: #FFFFFF; 


} 

.link a{
font-family:  Trebuchet MS;
font-size: 13px;
color: #0675A9;
font-style:normal;
font-weight:bold;
text-decoration: underline overline;
text-indent: 35px ;
letter-spacing: normal;
margin:0;
padding-top: 15px;
padding-bottom: 7px;
padding-left: 10px;
background-image:url(flech_orang.gif);
background-position:10px 22px;
background-repeat: no-repeat;
}

.link a:hover { 
font-family: Trebuchet MS;
font-size:13px;
text-decoration: underline overline;
color:#FE9D2A;
font-weight:bold;
background-color:#FFFFFF;
text-decoration: underline overline;
text-indent: 35px ;
letter-spacing: normal;
margin:0;
padding-top: 15px;
padding-bottom: 7px;
padding-left: 10px;
background-image:url(flech_orang.gif);
background-position:10px 22px;
background-repeat: no-repeat;
} 
.dates { 

font-family: arial, verdana, sans-serif;
font-weight:bold;
font-size: 11px;
color: #000000;
text-decoration: none;
text-indent: 9px ;
margin:0;
padding-top: 30px;
padding-bottom: 10px;
letter-spacing: 1px;


} 

.groslienplan {
font-family:  Trebuchet MS;
font-size: 14px;
color: #0675A9;
font-style:normal;
font-weight:bold;
text-decoration: none;
text-indent: 35px ;
letter-spacing: normal;
margin:0;
padding-top: 15px;
padding-bottom: 7px;
padding-left: 10px;
text-transform: uppercase;
}
.groslienplan a{
font-family:  Trebuchet MS;
font-size: 13px;
color: #0675A9;
font-style:normal;
font-weight:bold;
text-decoration: underline overline;
text-indent: 35px ;
letter-spacing: normal;
margin:0;
padding-top: 15px;
padding-bottom: 7px;
padding-left: 10px;
text-transform: uppercase;
}

.groslienplan a:hover { 
font-family:  Trebuchet MS;
font-size: 13px;
color:#FE9D2A;
font-style:normal;
font-weight:bold;
text-decoration: underline overline;
text-indent: 35px ;
letter-spacing: normal;
margin:0;
padding-top: 15px;
padding-bottom: 7px;
padding-left: 10px;
text-transform: uppercase;

} 
.petitlien a{
font-family:  arial, verdana, sans-serif;
font-size: 11px;
color:#000000;
font-style:normal;
font-weight:normal;
text-decoration: none;
text-indent: 35px ;
letter-spacing: normal;
margin:0;
padding-top: 0px;
padding-bottom: 7px;
padding-left: 10px;
background-image:url(flech_orang.gif);
background-position:14px 5px;
background-repeat: no-repeat;
}


.petitpetitlien a{
font-family:  arial, verdana, sans-serif;
font-size: 10px;
color:#696969;
font-style:normal;
font-weight:normal;
text-decoration: none;
text-indent: 60px ;
letter-spacing: normal;
margin:0;
padding-top: 0px;
padding-bottom: 7px;
padding-left: 20px;

}


.petitlien a:hover { 
font-family:  arial, verdana, sans-serif;
font-size:11px;
color:#FE9D2A;
font-style:normal;
font-weight:normal;
text-decoration: none;
text-indent: 35px ;
letter-spacing: normal;
margin:0;
padding-top: 0px;
padding-bottom: 7px;
padding-left: 10px;
background-image:url(flech_orang.gif);
background-position:14px 5px;
background-repeat: no-repeat;
} 





.petitpetitlien a:hover { 
font-family:  arial, verdana, sans-serif;
font-size:10px;
color:#FE9D2A;
font-style:normal;
font-weight:normal;
text-decoration: none;
text-indent: 60px ;
letter-spacing: normal;
margin:0;
padding-top: 0px;
padding-bottom: 7px;
padding-left: 20px;

} 


#bloch {
border-bottom: 1px dotted #B9B9B9;
}

.texthaut {
margin-left: 235px;
padding-top:7px;
font-size: 12px;
font-weight : bold ;
color:#BEB9AF;
}



#header {
height: 102px;
background-image:  url(haut.png); 
background-position: top;
background-repeat: no-repeat;
}


#ariane {
height: 23px;
background-image:  url(slow_02.png); background-repeat: no-repeat;
}



.menunav {
margin-left: 255px;
padding-top: 5px;
font-family: Verdana, Helvetica;
font-size:0.8em;
color: #000000;
font-style:normal;
font-weight:normal;
text-decoration:none;
}

.menunav a {font-family: Verdana, Helvetica;
font-size:10px;
color: #7ABEDD;
font-style:normal;
font-weight:bold;
text-decoration:none;
margin-left: 5px;
}

.menunav a:hover {font-family: Verdana, Helvetica;
font-size:10px;
color:#FF9D26;
font-style:normal;
font-weight:bold;
text-decoration:none;
background-color: #FFFFFF;
}





#conteneur {
position: absolute;
width: 830px;
left: 50%;
margin-left: -415px;
background-image:  url(fonds.jpg);
}
#centre {
background-image:  url(slow_04.png);background-repeat: no-repeat;
margin-left: 198px;
margin-right: 181px;
width: 451px;
}

#gauche {
position: absolute;
left:0;
width: 198px;
background-image: url(maquette20_09.png); background-repeat: repeat-y;

}


#debgauche {
left:0;
padding-top: 15px;
width: 198px;
height: 276px;
background-image:  url(maquette20_04.png);background-position: top left; 
background-repeat: no-repeat;
}
html>body #debgauche {
height: auto;
min-height: 276px;
} 

#basgauche {
left:0;
width: 198px;
height: 22px;
background-image:  url(maquette20_10.png); background-position: bottom left;
background-repeat: no-repeat;
}
ul,li {
list-style-type: none; 
margin: 0;
padding: 0;
border:0;
display: inline; 

}
#droite {
position: absolute;
right:0;
width: 181px;
background-image:  url(12.png); background-repeat: repeat-y;
}
#debdroite {
right:0;
padding-top: 20px;
width: 181px;
height: 262px;
background-image:  url(11.png); background-repeat: no-repeat;
}
html>body #debdroite {
height: auto;
min-height: 262px;
} 
#basdroite {
right:0;
width: 181px;
height: 12px;
background-image:  url(13.png); background-repeat: no-repeat; background-position: bottom;
}

#menu { /* on définit un conteneur pour le menu */
border: 0;
margin-left:22px;
width: 157px;
/* border: 1px solid #DBDBDB;
background-color: #FFFFFF;*/
font-family: verdana, arial;
font-size: 1em;
text-align: center;
padding: 0;
}


#menu a li {
margin: 0;
padding: 0;
border: 0;
width:100%;
display: block;
}

#menu a {
font-size: 10px;
font-weight: bold;
color: #FF9D26;
     margin-top: 2px;
     width:100%;
     height: 16px;
     display: block;
     text-align: center;
     border: 0;
	 padding-left: 0px;
     text-decoration: none;

    /* background: #FFFFFF;*/
	 }
#menu a:link {
    text-decoration: none;
	 /* background: #FFFFFF;*/
     }	
#menu a:visited {
 text-decoration: none;
   /* background: #FFFFFF;*/
     } 
#menu a:hover {
 text-decoration: none;
font-weight: bold;
color: #ED851F;
    background: #FFFFFF ;

	}

#menu a:active {
 text-decoration: none;
  }


#menudeux { /* on définit un conteneur pour le menu */
border: 0;
margin-left:22px;
width: 157px;
/* border: 1px solid #DBDBDB;
background-color: #FFFFFF;*/
font-family: verdana, arial;
text-align: left;
padding-left: 10px;

}
#menudeux a li {
margin: 0;
padding: 0;
border: 0;
width:100%;
display: block;
}

#menudeux a {
font-size: 10px;
font-weight: normal;
color: #000000;
     margin:0px;
     width:100%;
     height: 16px;
     display: block;
     text-align: left;
     border: 0;
	 padding: 0;
     text-decoration: none;
text-indent: 15px;
background-image:url(h.gif);
background-position: 1px 3px;
background-repeat: no-repeat;
}
#menudeux a:link {
    text-decoration: none;
	 
     }	
#menudeux a:visited {
 text-decoration: none;
   
     } 
#menudeux a:hover {
color: #0675A9;
background-image:url(g.gif);
background-position:1px 3px;
background-repeat: no-repeat;
 text-decoration: underline overline;
    
	}

#menudeux a:active {
 text-decoration: none;
     background: #FFFFFF;
     }
#menutrois { /* on définit un conteneur pour le menu */
border: 0;
margin-left:22px;
width: 157px;
/* border: 1px solid #DBDBDB;
background-color: #FFFFFF;*/
font-family: verdana, arial;
text-align: center;
padding: 0;
}
#menutrois a li {
margin: 0;
padding: 0;
border: 0;
width:100%;
display: block;
}

#menutroisa {
font-size: 10px;font-weight: bold;
color: #ED851F;
     margin:0px;
     width:100%;
     height: 16px;
     display: block;
     text-align: center;
     border: 0;
	 padding: 0px;
     text-decoration: none;
    /* background: #FFFFFF;*/
	 }
#menutrois a:link {
    text-decoration: none;
	 /* background: #FFFFFF;*/
     }	
#menutrois a:visited {
 text-decoration: none;
   /* background: #FFFFFF;*/
     } 
#menutrois a:hover {
 text-decoration: none;
    background: #FFFFFF;
	}

#menutrois a:active {
 text-decoration: none;
   
     }

.titreun {
margin-left: 33px;
margin-top: 0;
padding-top: 0;
padding-bottom: 13px;
font-size: 12px;font-weight: bold;color: #000000;
width:153px;
height: 15px;
font-family: arial, verdana;
text-align: left;
letter-spacing: 1px;

}
.titredeux {
margin-left: 33px;
margin-top: 12px;
padding-top:10px;
padding-bottom: 13px;
font-size: 12px;font-weight: bold;color: #000000;
/*background-color: #CADD35;*/
width:151px;
height: 15px;
font-family: arial, verdana;
text-align: left;
letter-spacing: 1px;
}
.titredroit {
text-align: left;
width: 30px;
font-family: Arial, Verdana, sans-serif;
font-weight:bold;
font-size: 13px;
color: #FD9C29;
position : relative;
left: 27px;
bottom: 5px;
text-decoration: none;
padding: 0px;
margin-right: 50px;



}
#droite h4
{

font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-weight:bold;
font-size: 13px;
color: #FD9C29;
text-indent: 5px;
margin-top: 0;
width: 142px;
margin-left: 20px;
margin-bottom: 0;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top: 1px solid #F3F3F3;
border-bottom: 1px solid #F3F3F3;
letter-spacing: 1px;

}

#gauche h3
{

font-family: Arial, Verdana, sans-serif;
font-weight:normal;
font-size: 13px;
color: #000000;
text-align: center;
margin-top: 0;
width: 150px;
margin-left: 16px;
margin-bottom: 0;
padding-bottom: 3px;
padding-top: 3px;
/***border-bottom: 1px solid #F4AF37; ***/
}


.contact a{
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-weight:bold;
font-size: 13px;
color: #0675A9;
text-align: center;
margin-top: 0;
width: 150px;
margin-left: 78px;
margin-bottom: 0;
padding-bottom: 3px;
padding-top: 3px;
text-decoration: none;
}

.contact a:hover { 
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-weight:bold;
font-size: 13px;
color: #0675A9;
text-align: center;
margin-top: 0;
width: 150px;
margin-left: 78px;
margin-bottom: 0;
padding-bottom: 3px;
padding-top: 3px;
text-decoration: underline overline;
} 

#gauche h4
{

font-family: Arial, Verdana, sans-serif;
font-weight:bold;
font-size: 12px;
color: #000000;
letter-spacing: 1px;
text-indent: 10px;
margin-top: 0;
width: 158px;
margin-left: 21px;
margin-bottom: 0;
padding-bottom: 3px;
padding-top: 3px;
border-top: 1px dotted #F4AF37;
border-bottom: 1px dotted #F4AF37;

}
#droite a{
font-size: 10px;
display: block;
height: 8px;
width: 100%;
text-decoration: none;
color: #000000;
position : relative;
left: 27px;
text-indent: 15px;
background-image:url(liste.gif);
background-position: 0px 7px;
background-repeat: no-repeat;
}
#droite a:hover{
font-size: 10px;
display: block;
height: 8px;
width: 100%;
text-decoration: underline;
color: #FD9C29;
position : relative;
left: 30px;
text-indent: 15px;
background-image:url(listeg.gif);
background-position: 0px 7px;
background-repeat: no-repeat;
}


#droite li a{
margin: 0;
padding-top: 5px;
border: 0;
width:120px;
display: block;
height: 20px;
}
#droite li a:hover{
margin: 0;
padding-top: 5px;
border: 0;
width:120px;
display: block;
height: 20px;
}

#fingauche {
padding:0;
left:0;
width: 198px;
height:auto;
background-image:  url('gauchefin.png');
background-repeat: repeat-y;
}

#pied {
height: 70px;
background-image:  url(bottom.jpg); background-repeat: no-repeat;
clear: both ;

}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}



.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin-left: 50px;
font-family: tahoma;
font-size: 1em;
color: #FFA500;
text-decoration: none;
}
.menugauche a:hover {
text-decoration: none;
}

.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 30px;
font-family: tahoma;
font-weight:bold;
font-size: 0.8em;
color: #828180;
text-decoration: none;
border-bottom: 2px dotted #EDE7DD;
}
.menudroit a:hover {
text-decoration: none;

}


.pieds {
padding-top:47px;
font-size: 10px;font-weight: bold;color: #FFFFFF;
font-family: verdana, arial;
text-align: center;

}

.pieds a{
padding-top:47px;
font-size: 10px;font-weight: bold;color: #FFFFFF;
font-family: verdana, arial;
text-align: center;

}

.pieds a:hover{
padding-top:47px;
font-size: 10px;font-weight: bold;color: #0675A9;
font-family: verdana, arial;
text-align: center;

}












div.photo p
{vertical-align: text-top;
padding-top: 20px; 
margin: 0;
}

		
div.photo img
{
padding-top: 20px ;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
float: left ;
margin: 0;
}



.liennormaux a{
font-family: Trebuchet MS, Verdana, Helvetica;
font-size:10px;
color:#0675A9;
text-decoration:none;
}

.liennormaux a:hover { 
font-family: Verdana, Helvetica;
font-size:10px;
color:#CC6601;
text-decoration:none;
background-color:#FFFFFF;
} 
.miniblocun { 
margin: 0;
width: 435px;
height: 140px;
border: 1px solid #EBEBEB;
background-color: #FEFEFE;
font-family: verdana, arial;
padding: 0;
padding-right: 10px;
}
.miniblocun p { 

padding-top: 5px;
padding-bottom: 5px;


}



.sejourtof { 
margin: 0;
height: 120px;
width: 180px;
float : left;
/*border: 1px solid #D5CDC1;*/
/*background-color: #FFFFFF;*/
padding: 10px 10px;
} 

.linkz a{
font-family:  Trebuchet MS;
font-size: 13px;
color: #FE9D2A;
font-style:normal;
font-weight:bold;
text-decoration: underline overline;
text-indent: 35px ;
letter-spacing: normal;
margin:0;
padding-top: 15px;
padding-bottom: 7px;
padding-left: 10px;
background-image:url(flech_bleue.gif);
background-position:10px 22px;
background-repeat: no-repeat;
}

.linkz a:hover { 
font-family: Trebuchet MS;
font-size:13px;
text-decoration: underline overline;
color:#0675A9;
font-weight:bold;
text-indent: 35px ;
letter-spacing: normal;
margin:0;
padding-top: 15px;
padding-bottom: 7px;
padding-left: 10px;
background-image:url(flech_bleue.gif);
background-position:10px 22px;
background-repeat: no-repeat;
}