/* special thanks to css.alsacreations.com */
#body {
margin: 0;
padding: 0;
font-family:Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
background-color: #fff; /*couleur de fond blanche*/
}

#barre {
position: relative;
margin: 0 auto;
background-color:#fff;
height:20px;
font-size: 10px;
width: 750px;
text-align: right;
border-top: 4px solid  #B30000;
padding-top:4px;
}

#conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
font-family:Verdana, Tahoma, Arial, sans-serif;
width: 750px;
margin: 0 auto;
border: 1px solid #999999;
}

#header {
background: transparent url("images/logo.jpg") no-repeat left top;
text-align: left;
font-family:Verdana, Tahoma, Arial, sans-serif;
height: 130px;
padding: 20px 0 0 190px;
background-color: #fff;
}

#header h1 {
	color: #333333;
	font-size: 20px;
}
#header h2 {
	color: #666666;
	font-size: 18px;
	}
      
#header h5 {
	color: #666666;
	font-size: 11px;
}

#header A IMG{
border:none;
}

#header IMG{ float: right; padding: 2%; margin-top: 2px; margin-bottom: 2px; margin-right: 2px}



#news {
float: left;
color: #333333;
width: 150px;
/*height: 300px;*/
margin-top: 0px;
margin-bottom: 6px;
margin-right: 6px;
margin-left: 0px;
/*background: transparent url("images/fondnews.jpg") no-repeat left top;*/
background-color:#FFF;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-size: 10px;
font-family:Verdana, Tahoma, Arial, sans-serif;
}

#news A {
color: #B30000;
text-decoration: none;
}

#news A:hover {
color: #000000;
text-decoration: none;
}

#news .glop {
padding: 5px 5px 5px 5px;
margin-right: 5px;
}

#news A IMG{
border:none;
}

#news IMG{ float: left; padding: 2%; margin-top: 2px; margin-bottom: 2px; margin-right: 2px}


ul#menuleft {list-style-type: none;} 

ul#menuleft li {margin-bottom: 5px;}

ul#menuleft a {
     margin: 0 2px;
     width: 90px; 
     height: 13px;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #000;
     background: #fff;
	 }
	 
ul#menuleft a:hover {
     background: #ccc;
     border: 1px solid gray; 
     }



#news .newsfooter {
text-align:left;
/*line-height: 2em;
height: 15px;*/
font-family:Verdana, Tahoma, Arial, sans-serif;
background-color: #fff;
font-size: 10px;
border-top: 1px solid #999999;
margin-top; 2px;
padding-top:2px;
margin-right: 2px;}

#news .newsfooter A {
color: #B30000;
font-size: 10px;
text-decoration: none;
}

#news .newsfooter A:hover {
color: #000000;
text-decoration: none;
}








#frame {
width: auto;
background-color:#fff;
font-family:Verdana, Tahoma, Arial, sans-serif;
color: #333333;
font-size: 12px;
margin-top: 10px;
padding: 10px 10px 10px 156px;
text-align: justify;
}

#frame A IMG{
border:none;
}

#frame .IMGL{ float: left; padding: 2%; margin-top: 2px; margin-bottom: 2px; margin-right: 2px}
#frame .IMGR{ float: right; padding: 2%; margin-top: 2px; margin-bottom: 2px; margin-right: 2px}

#frame A {
color: #B30000;
text-decoration: none;
}

#frame A:hover {
color: #000000;
text-decoration: none;
}



#frame A[href $='.pdf'] { padding-left: 22px; background: transparent url(images/pdf.png) no-repeat center left;}
#frame A[href $='.doc'] { padding-left: 22px; background: transparent url(images/word.png) no-repeat center left;}
#frame A[href $='.xls'] { padding-left: 22px; background: transparent url(images/excel.png) no-repeat center left;}
#frame A[href $='.odt'] { padding-left: 22px; background: transparent url(images/opendoc.png) no-repeat center left;}
#frame A[href $='.ods'] { padding-left: 22px; background: transparent url(images/calc.png) no-repeat center left;}
#frame A[href $='.txt'] { padding-left: 22px; background: transparent url(images/texte.png) no-repeat center left;}
#frame A[href $='.zip'] { padding-left: 22px; background: transparent url(images/compress.png) no-repeat center left;}
#frame A[href $='.rar'] { padding-left: 22px; background: transparent url(images/compress.png) no-repeat center left;}
#frame A[href $='.tar.gz'] { padding-left: 22px; background: transparent url(images/compress.png) no-repeat center left;}
#frame A[href $='.pkg.gz'] { padding-left: 22px; background: transparent url(images/compress.png) no-repeat center left;}






#frame H1 {
	height: 20px;
	font-size: 150%;
	margin: 10px 0 15px 0px;
	}

#frame H1 {display: run-in}
#frame H1:before {content:url(images/contenthead.png);}

#frame H2 {
	font-size: 150%;
	margin: 0 0 10px 0px;
}
#frame H2 {display: run-in}
#frame H2:before {content:url(images/contenthead.png);}

#frame H3 {
	font-size: 100%;
	margin: 0 0 0 20px;
}

#frame H4 {
	font-size: 100%;
	margin: 10px 0px 5px 0px;
	color: #666666;
}
#frame H4 {display: run-in}
#frame H4:before {content:url(images/arrowsmall.png);}

#frame H5 {
	font-size: 16px;
	margin-top: 10px;
}

#frame H6 {
	font-size: 120%;
	margin: 10px 0 10px 0px;
	border-top: 1px solid silver;
	padding-top: 5px;
}
#frame H6 {display: run-in}
#frame H6:before {content:url(images/contenthead2.png);}

#frame ul {
margin: 0 0 0 0px;
}

#frame li {
margin: 0 0 0 0px;
}

#frame BLOCKQUOTE {
background-color: #F5FAF9;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border-left: 1px solid #B30000;
font-size:90%;
}

#footer {
text-align:center;
line-height: 2em;
height: 25px;
font-family:Verdana, Tahoma, Arial, sans-serif;
background-color: #fff;
font-size: 10px;
margin-top; 10px;
border-top: 1px solid #999999;
padding-top:10px;}

#footer A {
color: #B30000;
font-size: 10px;
text-decoration: none;
}

#footer A:hover {
color: #000000;
text-decoration: none;
}

#footer A IMG{
border:none;
}

p {
margin: 0 0 5px 0;
}

#searchbox .submit{border:1px solid #B30000;background-color:white;font-size: 10px;}
INPUT, SELECT {
font-size: 10px;
}

#smalicon {text-align: right}

#locator {
	border-bottom: 1px solid #999999;
	color: #444444;
	font-size: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
}

#editeur {
font-size: 10px;
}

#editeur IMG {padding: 0%; margin-top: 0px; margin-bottom: 0px; margin-right: 0px}
#editeur ul {
margin: 0 0 0 0;
}

#editeur li {
margin: 0 0 0 0;
}



/* Navigation - toc(1) ----------------------- */
div#nav {margin:0;position:relative;top:0px;left:0px;z-index:2;width: 720px;text-align: left;}
 
div#nav ul {float:left;margin: 0 1px 0 5px;padding:0;/*height: 25px;*/}
 
div#nav li {position:relative;list-style:none;float:left;padding-left: 4px;margin:0;font-size: 10px;line-height: 20px;white-space: nowrap;/*background: url(./menu/button1a.gif) 0 0 no-repeat;*/background-color:#ffffff;background-image:none;border:1px solid silver;}
 
div#nav li a{display:block;float:left;padding:1px 10px 0 7px;text-decoration:none;font-weight: bold;/*background: url(./menu/button1.gif) 100% 0 no-repeat;*/background-color:#ffffff;background-image:none;color: #4b4b4b;width: .1em;}
html>body #nav a {width: auto;} /*fixes IE6 hack*/
	/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
 
div#nav a {float: none;} /* End of IE5-Mac hack */
 
div#nav a:hover,div#nav a:focus{color:#fff;}
 
div#nav .sdoc, div#nav .sdocs {color: #ffffff; /*background-image: url(./menu/button3a.gif)*/background-color:#B30000;background-image:none;}
 
div#nav .sdoc a, div#nav .sdocs a {color: #ffffff;/* background-image: url(./menu/button3.gif)*/background-color:#B30000;background-image:none;}
 
div#nav ul.menulevel1 li:hover,div#nav ul.menulevel1 li:focus{/*background-image: url(./menu/button2a.gif);*/background-color:#B30000;background-image:none;}
 
div#nav li:hover a,div#nav li:focus a{/*background-image: url(./menu/button2.gif)*/background-color:#B30000;background-image:none;}
 
/* Navigation - toc(2)/toc(3) ----------------------- */
 
div#nav li ul.menulevel2,div#nav li ul.menulevel3{width:150px;}
 
div#nav ul ul{position:absolute;top:21px;margin:0;left:-1px;display:none;}
 
div#nav ul.menulevel1 li.docs:hover ul.menulevel2,div#nav ul.menulevel1 li.sdocs:hover ul.menulevel2,div#nav ul.menulevel2 li.docs:hover ul.menulevel3,div#nav ul.menulevel2 li.sdocs:hover ul.menulevel3 {display:block;}
 
div#nav ul.menulevel2 li.doc,div#nav ul.menulevel2 li.docs{position:relative;list-style:none;float:left;padding: 0;margin:0;font-size: 10px;line-height: 18px;width:150px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) 0 0 no-repeat;*/background-color:#ffffff;background-image:none;}
 
div#nav ul.menulevel2 li.doc a,div#nav ul.menulevel2 li.docs a {display:block;float:left;text-decoration:none;font-weight: bold;color: #4b4b4b;width:130px;background-image:none;background-color:#ffffff;}
 
div#nav ul.menulevel2 li.sdoc,div#nav ul.menulevel2 li.sdocs{position:relative;list-style:none;float:left;padding: 0;margin:0;font-size: 10px;line-height: 18px;width:150px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) -300px 0 no-repeat*/;background-color:#ffffff;background-image:none;}
 
div#nav ul.menulevel2 li.sdoc a,div#nav ul.menulevel2 li.sdocs a {display:block;float:left;padding: 1px 10px 0 7px;text-decoration:none;font-weight: bold;color: #4b4b4b;background-image:none;background-color:#ffffff;}
 
div#nav ul.menulevel2 li:hover,div#nav ul.menulevel2 li:focus {/*background: url(./menu/bluebuttonx.gif) -150px 0 no-repeat;*/background-color:#ffffff;background-image:none;}
 
div#nav ul.menulevel2 li:hover a,div#nav ul.menulevel2 li:focus a {color:#4b4b4b;background-color:#ffffff;color: #B30000;}
 
div#nav li ul.menulevel3 {margin: -15px 0 0 120px;}
 
/* Navigation - toc(3) ----------------------- */
 
div#nav ul.menulevel2 ul.menulevel3 li.doc,div#nav ul.menulevel2 ul.menulevel3 li.docs{position:relative;list-style:none;float:left;padding:0;margin:0;font-size: 10px;line-height: 18px;width:150px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) 0 0 no-repeat;*/background-color:#ffffff;background-image:none;}
 
div#nav ul.menulevel2 ul.menulevel3 li.doc a,div#nav ul.menulevel2 ul.menulevel3 li.docs a {display:block;float:left;padding: 1px 10px 0 7px;text-decoration:none;font-weight: bold;color: #4b4b4b;width:130px;background-image:none;background-color:#ffffff;}
 
div#nav ul.menulevel2 ul.menulevel3 li.sdoc,div#nav ul.menulevel2 ul.menulevel3 li.sdocs{position:relative;list-style:none;float:left;paddingt:0;margin:0;font-size: 10px;line-height: 18px;width:150px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) -300px 0 no-repeat;*/background-color:#B30000;background-image:none;}
 
div#nav ul.menulevel2 ul.menulevel3 li.sdoc a,div#nav ul.menulevel2 ul.menulevel3 li.sdocs a {display:block;float:left;padding: 1px 10px 0 7px;text-decoration:none;font-weight: bold;color: #4b4b4b;background-image:none;background-color:#ffffff;}
 
div#nav ul.menulevel2 ul.menulevel3 li:hover,div#nav ul.menulevel2 ul.menulevel3 li:focus {/*background: url(./menu/bluebuttonx.gif) -150px 0 no-repeat;*/background-color:#ffffff;background-image:none;}
 
div#nav ul.menulevel2 ul.menulevel3 li:hover a,div#nav ul.menulevel2 ul.menulevel3 li:focus a {color:#4b4b4b;background-color:#ffffff;color: #B30000;}
/* z-indices ----------------------------------- */
 
div#nav ul.menulevel1 {z-index:10;}
div#nav ul.menulevel2 {z-index:20;}
div#nav ul.menulevel3 {z-index:30;}
div#nav li:hover {z-index:40;}
div#content form textarea{margin:10px 0 0;padding:0;background-color:white;border:3px double #999999;width:320px;}
div#content input.submit,div#middle input.text{background-color:transparent;border:1px solid #999999;margin-top:5px; width:90px;}
div#content input.text{background-color:transparent;border:1px solid #999999;margin-top:5px; width:120px;}







-->