/* CSS RESET */
html{color:#000;background:#003366;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font-size:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */



body {
	text-align:center;
	color:#666666;
}
a {
	text-decoration:none;
	color:#003399;
}
a:hover {
	text-decoration: underline;
	color:#0066CD;
}
#wrap {
	width:960px;
	text-align:left;
	margin:0 auto;
	background:#EEE;
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}



/* header */
#header {  height:135px; color:#FFFFFF; }
#header .fl { float:right;margin-left:20px;color:#000}
#header img {margin-left:0px}
#header .img { float:left;height:135px;}
#header2 {width:190px;padding-top: 0px;} 


#q,#submit {border:#FFFFFF 1px solid; background:#336699; color:#FFFFFF; font-size:11px }
#header .fr {margin-right: 20px;line-height:30px;}
/* content  */
#content { background:#EEEEEE;margin-top: 2.5em;}
.mleft {width:227px; background:url(images/menubg.gif);}
.main {width:690px}
.main1 {width:690px}
.main_i h1 {font-size:15px; font-weight:bold;}
.mleft, .main_i {margin-top:30px;}
.main ul#nav {width:690px; height:30px;float:right}
.main ul#nav li{background: url(images/barnav.jpg) 0% -1px;float:left; width:130px; text-align:center; line-height:28px }
/*.main1 h2 {background:url(images/bartitre2.gif); height:25px; width:630px; text-align:left; color:#000033; font-weight:700; font-size:16px; padding:7px 0 0 40px }*/
.main1 h2 {font-size:16px;text-align:left; color:#000033;}
DIV.magenda {border-bottom:2px solid #000;}
.magendadate span {font-size:1em;}

.main ul#nav a { color:#fff}
#bottom {position:relative;background:url(images/basmenu.jpg) no-repeat;width:227px; height:14px;padding:0;margin:0;}
.separator {padding:0 0 0 10px;margin:0;}
.main ul#nav a:hover { color:#FFFFFF; text-decoration:none; font-weight:700}
.main p {width:690px; margin:20px 0 0 0;}

#colbot div {float:left;width:279px; padding:20px 15px 10px 25px;border-top:1px #000033 solid;border-right:1px #0066FF dotted;}
#colbot ul {border:0;padding:0}
#colbot h3{background:url(images/imgtit.gif) no-repeat; line-height:39px; padding-left:40px; font-size:16px}
#colbot a {color:#0066FF;}

.mleft_i { margin:10px 0 0 10px;}
.mleft_i h2 {font-weight:700;padding-top:10px;border-bottom:1px solid #666;width:80%; }
/* footer */
#fto {height:52px;color:#FFFFFF;width:960px;text-align:center;padding:5px ;}
#fto2 {text-align:right;color:#999;width:920px;padding:2px 40px 5px 0;background:#eee}
#footer2 {background:url(images/footer.jpg); height:52px; position:relative}
#footer2222{background:#056dab;; height:22px; position:relative}
#footer{
	clear:both;
	width:auto;
	text-align:center;
	height:21px;
	background:#2272E3;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF
}
	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
	#footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFF}
	#footer A:hover {color:#FF6600}


#mentete {float:left;width:100%;background:#056dab;margin-top:1em;padding:0 0 2px 0;border-bottom:1px solid #FFF;}
	#entete a{color:#99CCFF;font-weight:bold}
	#entete a:hover{color:#FFF}
	#entete{margin-left:10px;color:#EEEEEE;font-weight:normal}


/* page accueil */

#accueil{
	width:99%
}

#aa01E{
	width:100%;
}

#aa01E h1 {}

#aa01{
	float:left;
	width:325px;
	padding:0.2em;
	BORDER:#900 1px dotted;
		font-weight:bold;font-size:9px;
		text-align:left;
		
}
#aa01 h1 {text-align:right;color:#FFFFFF;font-size:18px;padding:3px 0px 0 0;background:url(images/Imag315.jpg);height:32px; width:315px;background-repeat: no-repeat;}
#aa01 img {padding-left:80px;}

#aa011{
	float:right;
	width:325px;
	padding:0.2em;
	margin-right:1.2em;
	BORDER:#900 1px dotted;
	font-weight:bold;font-size:9px
}
#aa011 h1 {text-align:right;color:#FFFFFF;font-size:18px;padding:3px 0px 0 0;background:url(images/Imag315.jpg);height:32px; width:315px;background-repeat: no-repeat;}


#rubriques{
	float:left;
	width:98%;
	margin-top:0.5em;
	padding-top:0.5em;
	padding-bottom:1em;
	border-top:#666 1px solid
}
 #rubriques h1  { background:url(images/bartitre.jpg);height:28px; width:650px;text-align:right; color:#FFFFFF;font-weight:700; font-size:18px; padding:5px 20px 0 0}
 #rubriques h2 {font-size:18px;font-weight:bold;}




/* fin page accueil */
/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}
/* autres éléments par défaut */
INPUT {
   background-color:#336699; border-color:#FFF;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:11px;
   color:#FFF
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EEE
}

SELECT {  
   font-size:10px;
   color:#000;
   background-color:#FFF
}