@charset "iso-8859-1";
html {height:100%; width:100%}
body {font-family:Arial, Helvetica, sans-serif; font-size:medium;  background: #000000; color:#CCCCCC; height:100%; width:100% }

body a {color:#ffffff; text-decoration:none; font-weight:bold; }
body a:hover {text-decoration:none; color:#FF0000}
body h1 {font-size: large;}

/* Fond du site */


/* Codes relatifs au header */
.header { font-size:large; padding-top:196px;  background:url(site/head.jpg) top center no-repeat; }
.header ul{ float:right; margin:0; padding:0 10px 0 0 ;  }
.header li{ float:left; list-style:none; padding:5px 10px 0px 10px; display:block;}
.header li.active a {color:#FF0000; }

#main_list{ width:770px; padding:10px;  float:right; }

#menu {width:180px;  padding:10px; float:left; margin-bottom:15px; }
#menu h1{font-size:medium;}
#menu .section {font-size:small}
#menu_list {text-align:right; margin:0; padding:15px 0 0 0; width:100% }
#menu_list li { list-style:none; margin-bottom:5px;  display:block; }
#menu_list li.active a { color:#FF0000;}




.imgR { margin:0px 0px 3px 10px; } 
.imgL { margin:0px 10px 3px 0px; } 


.footer {  text-align:center; font-size:x-small; padding:10px; } 
.footer a {color:#CCCCCC;}
.footer a:hover {color:#FF0000; text-decoration:none;}


img {border:none; }

.thumbR { margin:0px 0px 3px 10px;float:right; } 
.thumbL { margin:0px 10px 3px 0px; float:left; }

.container { width:990px; margin:0 auto; text-align:left; border:1px solid #FF0000; }  












/**********************************************************************************************************************/





body { width:100%; height:100%; margin:0; padding:0; text-align:center; }


p { color:inherit;}
h1 { color:inherit;}
h2 { color:inherit;}
h3 { color:inherit;}
li { color:inherit;}
li { list-style: inside; }

img {border:none; }

.thumbR { margin:0px 0px 3px 10px;float:right; } 
.thumbL { margin:0px 10px 3px 0px; float:left; }

.container {margin:0 auto; text-align:left; height:auto;  }  


#news:before {  content: ""; display: block; clear: both; }
#news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.footer {clear:both;} 

.gal:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gal:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gal {margin-top:20px;}

.section {color:inherit;}
.section:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.imgR { float:right; } 
.imgL { float:left; } 

.clear {clear:both;}