@CHARSET "ISO-8859-1";
html body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
	background: #fff;
}

p {	margin:0.2em; }
h1{ font-size:150%;width:auto;margin:2em 1em 0.2em 0;color:#105478;}
h2 {font-size:130%;margin:0.5em 1em 5px;padding-left:0.4em;color:#9d1623;font-style:italic;}
h3 {font-size:120%;margin:0.4em 1em 5px;padding-left:0.5em;color:#e17002;}
h4 {font-size:105%;margin:0.5em 1em 5px;padding-left:0.4em;color:#9D1623;text-decoration:underline;}

hr.clear_right {clear:right;visibility:hidden;}
hr.clear_left {clear:left;visibility:hidden;}
hr.clear_both {clear:both;visibility:hidden;}

a {
	text-decoration:underline;
	color:#105478;
}
a:hover {
	text-decoration:none;
	color:#1c64d1;
}
a img {border:0;text-decoration:none;}
	/***************************************
	Blocs généraux ***/

#content {
	position:relative;
	width:1020px;
	margin:0 auto 0 0;
	background:#fff url(images/BG_CONTENT.png) no-repeat left top;	
}

#content #header {
	width: 815px;
	height: 115px;
	margin:0 0 0 220px;
	padding:0;
	background:#fff url(images/BG_HEADER.png) no-repeat left top;	
}

#content #haut {
	width: auto;
	height:15px;
	margin: 16px 0 0 210px;
	border-bottom: 3px solid #e17002;
	background: #fff;
}

#content #menu_gauche {
	float: left;
	margin: 135px 0 50px;
	width: 175px;
	background: transparent;
}
#content #contenu {
	margin-left: 225px;
}

#content #footer {
	height: 25px;
	line-height: 25px;
	text-align: center;
	clear:both;
	background:#e17002;
}

.module {
	border: 2px solid #9D1623;
	width: 30%;
	height:260px;
	background-color: #fff;
	margin:1%;
	float: left;
	overflow: auto;
}

	/***************************************
	Détails blocs et sous-blocs ***/

/***************************************
Header ***/
#header p {
	text-align:left;
	width:200px;
	height:30px;
	float:left;
	margin: 90px 0 0 0;
}
#header h1 {
	width: 200px;
	margin: 0px 0px 0px 590px;
}
#header h1 a {
	display:block;
	width: 200px;
	height: 120px;
	text-indent: -3000000px;
	background: url(images/BG_LOGO.png) no-repeat left 15px;
}
/* Configuration du menu à onglet en haut */
#haut dt,#haut dl,#haut dd,#haut ul,#haut li {
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0 10px 0 0;
}
#haut dt { border-right:1px solid #000; }
#haut dt a{ font-weight:bold; }
#haut dl { float: left; position: relative;}
#haut li { display: inline; }

#haut a {
	text-decoration: none;
	color: #000;
	background: transparent;
}

#haut dt a:hover, #haut dt a:active, #haut li a:hover{color:#c9000e;}
#haut .smenu {
	position: absolute;
	left: -20px;
	/* margin-left:230px; */
	padding-top:5px;
	font-size: 0.9em;
	/* border-top: 1px solid gray;*/
	width: auto;
}
#haut dd.smenu, #haut dd.smenu ul {margin: 0; padding: 0; z-index:1}
#haut .smenu ul li {
	display: block;
	background: #fff;
	padding: 1ex 0.5em;
	border-top: 1px solid gray;
}
/* Fin de configuration du menu du haut */

/* Menu de gauche						*/

#menu_gauche ul { list-style: none; padding-left: 25px; width: 150px; margin: 0;}
#menu_gauche li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}
#menu_gauche li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-top: 13px;
	color:#fff;
	border-bottom: 1px solid #fff;
}
#menu_gauche li a:hover {
	text-decoration: none;
	color:#1a1617;
	background:#fff;
}

#footer p {
	font-size: 90%;
}
/***************************************
Paramètres modules ***/
.module h2 {
	padding-left: 0;
	margin:0.3em 1em auto;
	color:#9D1623;
	border-bottom: 2px solid #9D1623;
	font-variant: small-caps;
	font-style: normal;
}
.module p {
	margin:0.5em;
}
/***************************************
Paramètres module lettre d'information ***/

#lettreinfo {
	font-weight:bold;
	font-size: 80%;
	width:100%;
	margin: 10px 0;
	padding-top: 5px;
	background: #c3cdd1;
}
#lettreinfo h2 {
	color: #105478;
	text-transform: uppercase;
	font-size:185%;
	text-align:left;
}
#lettreinfo img {display:block;width:106px;margin:auto;}
#lettreinfo form, #lettreinfo p { margin:0.5em 10px; text-align:center; }
#lettreinfo fieldset, #lettreinfo input{ margin:0.2em 0; }
#lettreinfo label { width:125px; }
#lettreinfo fieldset { border:0; }
#lettreinfo a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
#lettreinfo a.info span {
   display: none; /* on masque l'infobulle */
}
#lettreinfo a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
#lettreinfo a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: -20px;
   background: white;
   color: #333;
   padding: 1em 0.5em;
   border: 1px solid #c9000e;
   border-left: 3px solid #c9000e;
}

/***************************************
Paramètres module témoignage ***/
#temoignage img, .temoignage img{
	float:left;
	padding:1px;
	margin: auto 0.4em;
	border:1px solid #000;
	background:#fff;
}
p.temoignage, p.temoignage2 {
	width:75%;
	margin-left:5%;
}
p.temoignage2 {
	border-bottom:1px solid #c9000e;
	padding-bottom:5px;
}
.temoignage img {float:right;}

/***************************************
Paramètres module Focus ***/
#focus {
	clear:right;
	height:351px;
	float: right;
}
/***************************************
Paramètres module agenda ***/
#agenda h3 {
	margin: 0;
	padding: 2px 5px 2px 1.2em;
	color: #000;
	font-size: 100%;
}
#agenda dl {margin:0.2em;}
#agenda dt {
	margin:0.5em;
	font-size:85%;
	font-weight:bold;
}
#agenda h4 {
	padding-left: 0;
	margin-left: 1.2em;
	font-size: 90%;
}
#agenda dd {
	margin:auto 0.3em auto 1em;
}

/***************************************
Paramètres du conteneur principal ***/
#contenu #indexflash, #contenu #my_slideshow {
	display:block;
	float:right;
	margin:0 1.5ex 1em 3ex;
	border:5px solid #0b2e4c;
	padding:1px;
	background:#fff;
}

#contenu p {text-align:justify;}
#contenu p.center {text-align:center;}
#contenu p.left {text-align:left;}
#contenu p.right {text-align:right;}
#contenu p#chemin {font-size: 95%;}

p.chapeau {margin:0 1.8em 2em;}

#contenu ul {
	list-style:url(img/puce.gif);
	list-style-position:inside;
	padding-left: 0;
}

#contenu blockquote {
	padding:1%;
	padding-left:20px;
	background:#ddd url(img/quote.gif) no-repeat;
	border: 1px dotted #999;
}
span.legende {
	font-size:x-small;
}

.float-left {
	float:left;
	margin:0 0.5em 0.5em;
}
.float-right {
	float:right;
	margin:0 0.5em 0.5em;
}
p.retour {
	width: 80%;
	margin: 25px auto 2px;
}