@charset "utf-8";
* { margin:0; padding:0;}
body  {
	font: 90% Arial, Helvetica, sans-serif;
	background: #336699;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #FFF;
}
a{ text-decoration:none; color:#FFF; }
strong { color:#F90;}
#container { 	width: 960px; 	margin: 0 auto; text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */}
ul { list-style: none; margin-bottom: 15px;}

#header { height: 70px;	margin-top: 20px; position:relative;} 
#header h1 {
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	display:block;
	height:33px;
	padding: 10px 0px 0 10px;
	position: absolute;
	top:0;
	right:0;
	width: 614px;
}
#header ul { list-style-type: none; margin-top: 43px; position:absolute; bottom:20; right:0;}
#header ul li { float:left; }
#header a { display:block; width:129px; height:22px; background: url(images/menu.jpg) bottom no-repeat ; text-align:center; color:#F90; font-weight:bold; padding: 5px 0 0;}
#header a:hover { background: url(images/menu.jpg) top no-repeat ; color:#FFF;}
#header a.encour { background: url(images/menu.jpg) top no-repeat ; color:#FFF;}


#anim { height: 243px; background-color:#666;}
#centre { /*background-color:#232020;*/ background:url(images/fond-centre.jpg) repeat-y;}

#sidebar1 {	float: left; width: 315px; padding-bottom: 20px;}
#sidebar1 p { padding: 10px 20px;}
#sidebar1 h3 { display:block; height:22px; text-align: center; color:#FFF; padding:10px 0; margin-bottom: 20px; font-size:18px; background-color:#000;}
#sidebar1 ul.icone-l, .content ul.icone-l { list-style-type: none; margin-left: 30px; margin-bottom: 20px; }
#sidebar1 ul.icone-l li { background:url(images/icone-liste.jpg) no-repeat left; padding-left: 25px; line-height: 24px; color:#F90;}
a.lien {display: block; width: 150px; margin: 0px auto 0; color:#FFF; background-color:#F60; text-align:center; padding: 5px 0;}
a.lien:hover { color:#F60; background-color:#FFF; text-align:center; padding: 5px 0;}

#mainContent { 	margin: 0 0 0 315px; width: 645px; _width:642px; 	}
#mainContent h1 { display:block; height:22px; color:#F90; font-size:20px; background-color:#232020; padding: 10px 0 10px 30px; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom: 20px;}
		.content { padding: 0 30px 10px 20px; line-height: 20px; }
		.content p { margin-bottom: 20px;}
		.content p.intro { font-size: 18px; line-height: 26px; text-align:justify}
		.content ul.lien a { color:#F90; text-decoration: underline;}
#mainContent h2 { display:block; padding: 5px 10px; background-color:#F60; font-size:16px; margin: 20px 0;}	

span.form { display:block; width: 150px; float:left; text-align: right; margin-right: 10px; font-weight:bold;}

.ecart-img { margin-right:100px;}
#footer { 
	padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background: url(images/footer.jpg) no-repeat;
	height: 31px;
	clear:both;
} 
#footer a { color:#F60;}
#footer p {
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	color: #F60;
	font-size: 12px;
	text-align:center;
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 20px;

}
.fltlft1 { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
hr { visibility: hidden;}
/*Jquery---*/
.content table { margin: 0 auto;}
.slideshow { margin-bottom:20px;}
/**/
input { width: 140px;}
#map { width: 300px; height: 300px; margin:10px auto; color:#000; overflow:hidden; }
#map a { border:0;}