* {
		margin:0;
		padding:0;
		}
		
html, body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FEB149;
	}


#distance{
	width:1px;
		height:10px;
		margin-bottom:-30em; /* half of container's height */
		float:left;
}

#conteneur{
	margin:0 auto;
		padding-top:2px;
		position:relative; /* puts container in front of distance */
		text-align:left;
		width:856px;
		clear:left;
}

#piedinterieur{
width:856px;
height:60px;
}

#container {
padding-left:0px;
padding-top:0px;
width: 856px;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin: auto;
}

#logo {	
padding-top:5px;
	margin-top:5px;
	margin-left:10px;
	width:303px;
	height:140px;
}

#top {
width:856px;
height:180px;
background-image:url(../_IMAGE/structure/fond/bandeau-interieur.png);
background-repeat:no-repeat;

}


#menuConteneur{
top:15px;
right:20px;
position:absolute;
width:520px;
margin-top:17px;
}

#animation{
width:600px;
height:450px;
position:relative;
margin-bottom:130px;
margin-left:-20px;
}


.titreIntermediaire, h4{
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
line-height:20px;
font-weight:bold;
color:#F6A800;
}

.texte-exergue{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:15px;
color:#E2001A;
}

.titreExergue{
color:#4A000B;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height:18px;
}

.texte-lieu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#d2871e;
}

.titreTableau{
color:#9E2618;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height:25px;
border-bottom:1px solid #F0D775;
vertical-align:top;
}

.soustitreTableau{
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
vertical-align:top;

}

input{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.textareaFormulaire{
width:250px;
}

.inputFormulaire{
width:250px;
}
.soustitreTableauMilieu{
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.soustitreTableauTop{
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
vertical-align:top;
}

.separateurTableau{
padding-left:0px;
height:15px;
padding-top:0px;
background-image:url(../_IMAGE/structure/ligne_tableau.gif);
background-position:center;
background-repeat:repeat-x;
}

.soustitreTableauTrait{
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
vertical-align:top;
border-bottom:1px solid #F0D775;
}

.contour{
border:1px solid #F0D775;
}

.contenuTableau{
line-height:16px;
text-align:left;
padding-left:5px;
}

.legende{

margin-top:5px;
margin-bottom:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
text-align:right;
color:#6DB6D1;
}

.image{
margin-left:8px;
float:right;
}

table{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#1A171B;
}

.contenuTableauTrait{
line-height:16px;
border-bottom:1px solid #F0D775;
padding-left:5px;
}

.tableauTrait{
line-height:16px;
border-bottom:1px solid #F0D775;
}

.textevert{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#759933;
}

.textebleu{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#6DB6D1;
}

.textenoir{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.texterouge{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
color:#9B3161;
}

.texte-normal{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#1A171B;
line-height:16px;
padding-bottom:10px;
}


a{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF9900;
line-height:14px;
text-decoration:none;
}

a:hover{
color:#4A000B;
text-decoration:none;
}

/********************************************/
/********************************************/
/********************************************/
#main{
width:850px;
height:auto;
background-color:#00FFFF;
}

#partenairebas{
margin-left:10px;
width:200px;
margin-top:-110px;
position:absolute;
/*background-color:#FF3399;*/
}



/*-----------------------------------------*/


.titrePartenaireDroit{
color:#712506;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weight:bold;
line-height:20px;
}
/*-----------------------------------------*/

#contenu{
width:440px;
height:auto;
padding-top:30px;
margin-left:180px;
}

/********************************************/

#partenaire{
	position:absolute;
	width:205px;
	margin-left: 640px;
		right:0px;
	-margin-left: 640px;
	
}


#partenaireGauche{
position:absolute;
margin-left:15px; !important
margin-left:-150px;
left:0px;
margin-top:60px;
width:145px;
height:auto;
}



/********************************************/
/********************************************/



#organisateur{
top:100px;
width:105px;
}

#gauche{
margin-top:15px;
float:right;
width:300px;
}

#texteaccueil{
margin-top:15px;
width:220px;
height:auto;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
float:right;
}

.texteExergueAccueil{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
line-height:15px;
color:#712506;
}

.titre{
font-family: Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
line-height:24px;
color:#E2001A;
margin-bottom:20px;
}

.chapeau{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
line-height:15px;
color:#FF9900;
}

#organisateur .titrageOrganisateur{
background: url(../_IMAGE/structure/fleche.gif) no-repeat; 
padding: 0px 0px 0px 10px;
background-position: 0px 5px; 
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:15px;
color:#712506;
}

/*--------------- bas de page ------------------*/
#pied{
margin-top:175px;
width: 768px;
height:50px;
position:absolute;
}


#outils{
float:right;
	text-align:right;
	margin-top:40px;
	margin-right:5px;
	width:360px;
	color:#E2001A;
}

#outils a{
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
color:#E2001A;
}

#outils a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#9E2618;
}

#bas_de_page{
clear:both;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
float:right;
}

.clear{
clear:both;
}

#bas_de_page a{
color:#999999;
text-decoration:none;
}
#bas_de_page a:hover{
color:#712506;
text-decoration:none;
}


.legende{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#1A171B;
margin-left:10px;
padding-left:10px;
background-image:url(../_IMAGE/structure/puce-fleche.gif);
background-position:4px 8px;
background-repeat:no-repeat;
list-style-type:none;
line-height:15px;
}



.textenoir {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.texteorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
}

.texteorange13 {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	color: #FF9900;
}

.listepuce li{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#1A171B;
margin-left:10px;
padding-left:10px;
background-image:url(../_IMAGE/structure/puce-fleche.gif);
background-position:0px 5px;
background-repeat:no-repeat;
list-style-type:none;
line-height:15px;
}

.cellulereserve{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
background-color:#F6A800;
padding:15px;
line-height:16px;
}

.cellulereserve a{
color:#E3321E;
text-decoration:none;
}

.cellulereserve a:hover{
color:#9E2618;
text-decoration:none;
}


.date{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
margin-top:0px;
line-height:15px;
color:#FF9900;
font-weight:bold;
border-bottom:1px solid #FF9900;

padding-top:8px;
padding-bottom:4px;
}

.legende{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
font-size:9px;
color:#666666;
padding-top:5px;
}

.lien{
padding-left:10px;
background-image:url(../_IMAGE/structure/puce-fleche-orange.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}

/******************************************************/
#liste, #liste ul { 
		width:420px;
		list-style: none;
		line-height: 25px;
		padding: 0;
		margin: 0 0 0 0;
		text-align:left;
	}
	
	#liste a {
	width:430px;
			line-height:20px;
		display: block;
		color: #333333;
		text-decoration: none;
		background-position:2px 10px;
		padding-left:10px;
	}
	
	#liste a:hover {
		width:430px;
		display: block;
		color: #333333;
		text-decoration: none;
		background-position:2px 10px;
				background-color:#ffdf8d;
		padding-left:10px;
	}

	
	#liste li {
		
		padding: 0;
		width: 100%;

		border-bottom: 1px solid #f5f5f5;
		font-size:11px;
	}


	
	#liste li:hover, #liste li.sfhover {
		background-color:#ffdf8d;
		cursor:pointer;
		width: 100%;
	}

.surtitretableau{
background-color:#fdc400;
color:#8a3614;
line-height:20px;
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

.entetetableau{
vertical-align:top;
border-style:solid; 
color:#8A3614;
background-color:#fdc400;
line-height:20px;
padding-left:4px;
}

.lignetableau{
vertical-align:top;
color:#8A3614;
background-color:#ffdf8d;
line-height:16px;
padding-left:4px;
}

.ligneTitre{
text-align:left;
background-color:#ffdf8d;
font-size:16px;
background:URL(../_IMAGE/structure/fond-tableau.png);
background-repeat:no-repeat;
line-height:33px;
padding-left:15px;
color:#9E2618;
font-weight:bold;
}



.lignetableauclair{
vertical-align:top;
color:#8A3614;
background-color:#ffdf8d;
line-height:16px;
padding-left:4px;
}


.lignetableaufonce{
vertical-align:top;
color:#8A3614;
font-weight:bold;
font-size:12px;
background-color:#fdc400;
line-height:20px;
padding-left:4px;
}

.exergueTableau{
color:#8A3614;
font-weight:bold;
font-size:11px;
}


.fleche{
background-image:url(../_IMAGE/structure/fleche-tableau.gif);
background-repeat:no-repeat;
background-position:2px 3px;
padding-left:15px;
}

.flechetexte{
background-image:url(../_IMAGE/structure/fleche-tableau.gif);
background-repeat:no-repeat;
background-position:2px 3px;
padding-left:15px;
vertical-align:top;
color:#8A3614;
font-weight:bold;
font-size:12px;
line-height:20px;
}