html,body { height:100%; margin:0px; background-color: #66a8dc; background-image:url(Images/background.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; }
#global { min-height: 100%; position:relative; width:1166px; margin: 0px auto; }

a { color:#F00; text-decoration:none; font-weight:bold;}
a:hover { color:#F00; text-decoration:underline; font-weight:bold;}
a:active { color:#F00; text-decoration:underline; font-weight:bold;}
a:focus { color:#F00; text-decoration:underline; font-weight:bold;}
	
/*------ HEADER --------------*/	
#header{ width:1166px; height:207px; background-image:url(Images/silhouettes.png); background-repeat:no-repeat; background-position:0px 32px; margin:0px; text-align:right;}
#reflang { width:1166px; height:25px; font-size:14px; color:#005fa1; text-align:center; padding-top:6px; padding-bottom:0px; margin:0px; }
#logo { margin-top:27px; margin-left:43px; width:362px; height:101px; float:left; }
	
/*---- NAV HORIZONTALE -----------*/	
#nav_hor { position:relative; width:980px; float:right; height:30px; margin-top:15px; padding:0px; background-image:url(Images/bg_rub.gif); background-repeat:repeat-x; }
#menu span { text-indent: -5000px; display:none;} 
#menu ul { margin:0; padding:0; border:0; } 
#menu li { list-style-type:none; margin:0; padding:0; }
#menu li a { position:absolute; top:0px; left:0px; display:block; height:30px; width:163px; background:url("Images/rub.gif") 0px 0px no-repeat; margin:0px; border:0px; }
#menu #rub1 { left:0px; background-position:0px 0; } 
#menu #rub1:hover,#menu #rub1:active,#menu #rub1:focus { background-position:0px -30px; } 
#menu #rub2 {left:163px; background-position:-163px 0px; } 
#menu #rub2:hover, #menu #rub2:active, #menu #rub2:focus { background-position:-163px -30px; } 
#menu #rub3 { left:326px; background-position:-326px 0px; } 
#menu #rub3:hover, #menu #rub3:active, #menu #rub3:focus { background-position:-326px -30px; } 
#menu #rub4 { left:489px; background-position:-489px 0px; } 
#menu #rub4:hover, #menu #rub4:active, #menu #rub4:focus {  background-position:-489px -30px; } 
#menu #rub5 { left:652px; background-position:-652px 0px; } 
#menu #rub5:hover, #menu #rub5:active, #menu #rub5:focus{ background-position:-652px -30px; } 
#menu #rub6 { left:815px; background-position:-815px 0px; } 
#menu #rub6:hover, #menu #rub6:active, #menu #rub6:focus { background-position:-815px -30px; }

/*------ FORMATS BANNIERES ---------------*/
#bannertop { width:auto; margin-right:0px; margin-top:27px; width:728px; float:right; }
#banner120 { width:120px; text-align:right; margin-left:20px; margin-bottom:20px; float:left; }
#banner468 { width: 620px; text-align:right; margin-top:20px; float:left; }


/*----- COLONNES ------------------*/
#main { float: left; background-image:url(Images/bg_main.gif); background-repeat:repeat-y; padding-bottom:20px; }
#content { float:right; width:980px; height:100%;}
#sidebarre { float: left; width: 186px; height:100%;}
#colmilieu { float: left; width: 640px; height:100%; padding-left:20px; }
#colpub { float: left; width: 320px; height:auto; padding-top:20px; text-align:left;}

/*----- FOOTER ------------------*/
#footer { width:1166px; height:auto; background-image:url(Images/bg_footer.gif); background-repeat:repeat-x; text-align:center; color:#FFF; overflow:auto; }
#footer p { font-size:12px; font-weight:normal; line-height:16px; padding:20px; margin:0px;  }	
#footer a { text-decoration:none; color:#FFF; font-weight:normal; }
#footer a:hover { text-decoration:underline; font-weight:normal; }

/*---- THEMES SIDEBARRE ----------*/
#themes { margin-top:20px; width:186px; margin-bottom:20px; }
#themes ul { margin:0px; padding:0px; border:0px; }	
#themes li{ list-style-type:none; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; line-height:20px; }
#themes li a { position:relative; text-decoration:none; top:0px; left:0px; display:block; height:22px; width:186px; margin:0px; border:0px; padding-left:20px; color:#fff; }
#themes li a:hover { position:relative; text-decoration:none; top:0px; left:0px; display:block; height:22px; width:186px; background-color:#FFF; margin:0; border:0; padding-left:20px; color:#0072c2; }
#themes li a:focus { position:relative; text-decoration:none; top:0px; left:0px; display:block; height:22px; width:186px; background-color:#FFF; margin:0; border:0; padding-left:20px; color:#0072c2; }

/*-------BLOC INTRO 1 COL ------*/
#intro{ width:300px; margin-top:20px; margin-right:20px; float:left; }
#intro h1{ font-size:24px; color:#0073c3; line-height: 24px; margin-top:0; margin-bottom:10px; font-style:normal;}
#intro p{ font-size:12px; color:#000; line-height: 16px; margin:0;}

/*-------BLOC INTRO 2 COL ------*/
#intro2{ width:620px; margin-top:20px; margin-right:20px; float:left; }
#intro2 h1{ font-size:24px; color:#0073c3; line-height: 24px; margin-top:0; margin-bottom:10px; font-style:normal;}
#intro2 p{ font-size:12px; color:#000; line-height: 16px; margin:0;}

/*------- BLOC 1 COL ------*/
#bloc_1col{width:300px; margin-top:20px; float:left; background-color:#f3f3f3; margin-left:0px; margin-right:20px;}
#bloc_1col p { font-size:12px; line-height: 16px; margin-left:10px; margin-right:10px;}	
#bloc_1col h1 { font-size:16px; margin-left:10px; font-weight:normal; margin-right:10px;}	
#bloc_1col img { margin-right:10px; margin-bottom:10px;}

/*-------BLOC 2 COL------*/
#bloc_2col{width:620px; margin-top:20px; float:left; background-color:#f3f3f3; }
#bloc_2col p { font-size:12px; line-height: 16px; margin-left:10px; margin-right:10px;}	
#bloc_2col h1 { font-size:16px; margin-left:10px; font-weight:normal; margin-right:10px;}	

/*-------BLOC COMPATIBILITE------*/
#compatibilite{width:300px; margin-top:Opx; float:left; background-color:#f3f3f3; margin-left:0px; margin-right:20px;}
#compatibilite p { font-size:12px; line-height: 16px; margin-top:10px; margin-left:10px; margin-right:10px;}	
#compatibilite h1 { font-size:16px; margin-left:10px; font-weight:normal; margin-right:10px;}
#compatibilite .red { color:#F00; font-weight:bold;}
#anim{width:300px; margin-top:0px; float:left;}

/*-------BLOC ANALYSE------*/
#analyse{width:620px; margin-top:20px; float:left; background-color:#f3f3f3; margin-left:0px; margin-right:20px;}
#analyse p { font-size:12px; line-height: 16px; margin-top:10px; margin-left:10px; margin-right:10px;}	
#analyse h1 { font-size:16px; margin-left:10px; font-weight:normal; margin-right:10px;}
#analyse .red { color:#F00; font-weight:bold;}

/*-------BLOC RECHERCHE ------*/
#search {width:300px; height:auto; float:left; background-color:#f559b6; margin-left:0px; margin-right:20px; margin-top:0px; margin-bottom:0px;float:left;}
#search p { font-size:12px; line-height: 16px; margin-top:5px; margin-left:10px; margin-right:10px; text-align:center;}
.globale input[type="text"]{ width: 90%;; background-color:#FFF; color:#039;; margin-bottom:5px;}
.genre select, option{ width: 50%;;background-color:#FFF; color:#039; margin-bottom:5px;}
.lettre select, option{ width: 20%;;background-color:#FFF; color:#039; margin-bottom:5px;}
.origine select, option{ width: 80%;;background-color:#FFF; color:#039; margin-bottom:5px;}
#search input[type="submit"] {width: 140px; height:26px; background-image:url(Images/bouton_search.gif); color:#FFF; font-size:12px; border:none;}
#search_top{ width:300px; height:38px; background-image:url(Images/search_top.gif); background-repeat:no-repeat; margin-top:10px; margin-bottom:0px;float:left;}
#search_bottom{ width:300px; height:14px; background-image:url(Images/search_bottom.gif); background-repeat:no-repeat; margin-top:0px; margin-bottom:20px; float:left;}

/*-------BLOC PARTENAIRE------*/
#partenaire{width:620px; margin-top:Opx; float:left;margin-bottom:20px;}
#partenaire img { margin-right:10px; margin-left:2Opx; margin-top:10px; }
#partenaire h1 { font-size:16px;  font-weight:normal; margin-top:10px; margin-right:10px; margin-bottom:10px;}
#partenaire p { font-size:12px; line-height: 16px; }
#compatibilite .red { color:#F00; font-weight:bold;}

/*------- BLOC FORUM ------*/
#bloc_forum {width:300px; margin-top:20px; margin-bottom:20px; margin-left:0px; float:left; background-color:#f3f3f3; }
#bloc_forum p { font-size:12px; line-height: 16px; margin-left:10px; margin-right:10px;}	
#bloc_forum h1 { font-size:16px; margin-left:10px; font-weight:normal; margin-right:10px;}

#banner300 {width:300px; margin-top:20px; margin-left:0px; float:left; background-color:#f3f3f3; }

/*----- FORMULAIRE ---------*/
#formulaire { width: 100%;}
#formulaire p{ margin-left:10px; text-align:center;}
.email input{width: 140px; border: #CCC 1px solid; background-color:#FFF; color:#039;}
.prenom input{ margin-left:5px; width: 120px; border: #CCC 1px solid; background-color:#FFF; color:#039;}
#formulaire input[type="submit"] {width: 140px; height:26px; background-image:url(Images/bouton.gif); color:#FFF; font-size:12px; border:none;}

/*-------BARRE TITRE------*/
#barre{ width:100%; height:29px; background-image:url(Images/barre_bleu.gif); }
#barre h1{font-size:20px; line-height:28px; font-weight:normal; color:#FFF; margin-left:38px; margin-top:0px; }
	
/*------- TABLEAU --------*/
table { margin-left:10px; margin-top:10px; margin-bottom:10px; font-size:12px; border: 0;}
th { border:0px; text-align:left; height:20px; padding-bottom:10px; padding-right:10px }
td{ border:0px; text-align:left; height:20px; padding-bottom:10px; padding-top:5px; padding-right:10px; }

/*------- FORUM ----------*/
.discussion{ color:#0073c3; font-weight:bold;}
.date{ color:#999; font-weight:bold;}
.reponse{ color:#F00;}
