body { font-family: Arial, sans-serif; font-size:10pt; margin: 1em 8%; background: #D4F4DD url('../images/fond.gif');}
td { font-family: Arial, sans-serif; font-size:10pt; }
a { color: #330099; text-decoration: none }
a:hover { color: #009933; text-decoration: underline }
img {border:0}
.left {float: left;}
.center  {margin:0 auto;}
h1 {font-weight: bold; color:#330099; margin: 8px auto; text-align: center; font-size: 10pt;}

.accueil { position : relative; clear: both; background-color: white; border: 1px dashed #330099; padding: 15px; margin: 0;}
.autres 	{ position : relative; clear: both; background-color: white; border: 1px dashed #330099; padding: 15px;}
.texte_pa { clear: both; position: relative; z-index:1; background-color: white;}
.texte { clear: both; position: relative; z-index:1; background-color: white; }
.avendre {clear: both; margin: 10px auto; padding: 10px 5px; width: 90%}

.copyright {font-size: 8pt; text-align: center;}

#tit_info{ margin-bottom:5px; font-weight: bold; font-size: 10pt; color:#CC0000; }
#date_info{ margin-bottom:3px; font-size: 9pt; font-weight: bold; color:#000000; }
#txt_info{ margin-bottom:3px; font-size: 8pt; color:#000000; text-align:justify; }
.tit_info{ margin-bottom:5px; font-weight: bold; font-size: 10pt; color:#CC0000; }
.tit_info a { color:#CC0000; }
.date_info{ margin-bottom:3px; font-size: 9pt; font-weight: bold; color:#000000; }
.txt_info{ margin-bottom:3px; font-size: 8pt; color:#000000; text-align:justify; }

.actu { position: relative ; z-index:1; float:left; font-family: Arial; margin:2% 5%; width: 80%; }
.actu img { padding: 0 5px 0 0 }
.actu li { display: block; list-style-type: none; }

.float { position: relative ; z-index:1; float: left; width: 33%; text-align: center; color: #330099; margin: 1em 0; }
.float_band { float: left; width: 33%; text-align: center; position: relative; z-index:1; color: #330099; font-size: 9pt; padding: 0 0 5px 0}
.float_band span.gauche { margin-top: 50px;  }
.float_band span.droite { margin-top: 50px; }

.basdepage { clear: both; font-size: 8pt; font-family: Arial, sans-serif; text-align:center}

#navcontainer		{ clear: both; margin: 0 auto; padding: 0; font-family: Tahoma, sans-serif;  font-size: 8pt;font-weight: bold; text-align:center}
ul#navlist {margin:0; padding:0;}
ul#navlist ul			{ list-style: none; padding: 0; margin: 0 auto; }
ul#navlist li		{ display: block; float: left; width: 10%; margin: 0; padding: 0; text-align:center}
ul#navlist li a	 	{ display: block; padding: 5px 0; width: 100%; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff;	border-style: solid; color: #ffffff; text-decoration: none; background: #330099; }
ul#navlist li#active a { background: #009933; color: #cccccc; }
ul#navlist li a:hover, ul#navlist li#active a:hover { color: #cccccc; background: #009933; border-color: #aaab9c #fff #fff #ccc; }

.liste { font-family: Arial, sans-serif; font-size: 8pt; margin: 10px auto; text-align: center}
.liste span.item { width: 18%; height: 20px; margin: 2px 2px; }
.liste a { color: #330099; text-decoration: none; background: #C1E0FF; padding:2px }
.liste a:hover { color: #009933; text-decoration: none; background: #B0FFC5; }

.liste2 { font-family: Arial, sans-serif; font-size: 8pt; margin: 10px auto;text-align: center }
.liste2 span.item { margin: 2px 2px; }
.liste2 a { color: #330099; text-decoration: none; background: #C1E0FF; padding:2px }
.liste2 a:hover { color: #009933; text-decoration: none; background: #B0FFC5; }


div.cont { clear: both; margin-top:3px; margin-left:5%; margin-right:2%; }
div.cont span.label { float: left; font-weight: bold;}
div.cont span.form { float: left; text-align: left; margin-left:2px; }
div.cont span.formlong { float: left; text-align: left; margin-left:2px; }

.activ {border:1px solid black;}


#hideshow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#fade { background: #000; position: fixed; width: 100%; height: 100%; filter:alpha(opacity=80); opacity: .80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/ left: 0; z-index: 10; }
.popup_block { background: #d4f4dd; padding: 10px 20px; border: 10px solid #330099; float: left; width: 480px; position: fixed; top: 20%; left: 50%; margin: 0 0 0 -250px; z-index: 100; }
.popup_block .popup { float: left; width: 100%; background: #fff; margin: 10px 0; padding: 10px 0; border: 1px solid #bbb; }
.popup h3 { margin: 0 0 20px; padding: 5px 10px; border-bottom: 1px solid #bbb; font-size: 1.5em; font-weight: normal; }
.popup p { padding: 5px 10px; margin: 5px 0;}
.popup img.cntrl { position: absolute; right: -20px; top: -20px; }

/*-- Faire IE6 gérer le positionnement fixe --*/
*html #fade { position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); }
*html .popup_block { position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +((documentElement.clientHeight-this.clientHeight)/2) : document.body.scrollTop +((document.body.clientHeight-this.clientHeight)/2)); left:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollLeft + (document.body.clientWidth /2 ) : document.body.scrollLeft + (document.body.offsetWidth /2 )); }
/*--IE 6 PNG Fix--*/
img{ behavior: url(iepngfix.htc) }