*{ font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 8pt;}
html, body {height:100%; margin-top:0px}
#fond_noir { float:left; width:100%; height:20px;  background-color: #578C19;    }

img { border: 0px; margin-bottom:-2px}
.click { float: left; width : 100%; height:100%;  }
.click_retour { float: left; width : 400px; height:130px;  }
.click_logo { float:right;  margin-top:30px; width : 200px; height:50px;margin-bottom:50px;  }
p{margin:0px}
.rouge{ margin:0px; font-weight: bold;  color: Red;  }
.mini{font-size: 9px;}
.light{font-weight:lighter}

form {margin:0px; padding:0px; }
form fieldset.hidden{background-color:transparent;display:block;margin:0px; padding:0px; width:auto; clear:left; border-width:0 }

.logo_top16{ background-image: url(v2_logo_compet_top16.gif);  background-repeat: no-repeat;  margin-bottom: -90px; height:100px; margin-left:130px}
.logo_hcup{ background-image: url(img_logo_compet_hcup.gif);  background-repeat: no-repeat;  margin-bottom: -90px; height:100px; margin-left:130px}

form.rechercher{float:right;  font-weight:bold; color:white;  clear:both}
form.rechercher input.text {font-size:9px; border: 1px solid black; padding:2px; margin:0px 0px 2px 2px; width:50px; height:5px}
form.rechercher input.bouton{ margin: 2px 0px 0px 0px; background-color:#578C19; width:25px; font-size:9px;}
.detail_image{margin: 0px;  background-color:#ed1c24; padding:8px; color:white; font-weight:bold}

#suivant{width:100%; text-align:center; margin:20px 0px 20px 0px;padding:0px 0px 0px 0px;}
a.suiv{	COLOR: #339933;}
a.suiv:hover{COLOR: silver;}

a.blanc{color:white; text-decoration: none; font-size:8pt}
a.blanc:hover{color:silver; text-decoration: none; font-size:8pt}

a.noir{color:black; text-decoration: none; font-size:8pt}
a.noir:hover{color:silver; text-decoration: none; font-size:8pt}
a.vert{color: #578C19; text-decoration: none; font-size:8pt; font-weight: bold;}
a.vert:hover{color: silver; text-decoration: none; font-size:8pt; font-weight: bold;}

.pub{clear: both;  background-image: url(img_info_pub.gif);  background-repeat: no-repeat;  padding-top: 15px;  background-color: White;  }	

#pied {  padding:0px; margin:0px; clear: both;  width: 955px; background-color: #ed1c24 }
.divw3c{font-size: 9px; float:right ; color:white}
a.w3c{ color: black;  text-decoration: none;  font-weight: normal;  margin: 0px 3px 0px 3px;}
a.w3c:hover{ color: silver;  text-decoration: none; font-weight: normal;  margin: 0px 3px 0px 3px;}

form.form_pres{ padding:0px 2px 0px 15px;}
form.form_pres label  { font-weight:bold; display: inline;  float: left;  width: 200px; text-align:left;  margin: 2px; } 
form.form_pres input.text {border: 1px solid; border-color : Silver; padding:2px; margin:0px 0px 2px 0px; width:255px;}
form.form_pres textarea {border: 1px solid; border-color : Silver; padding:2px; margin:0px 0px 2px 0px; width:255px;}
form.form_pres .select {border: 1px solid; border-color : Silver; padding:2px; margin:0px 0px 2px 0px; width:150px;}
form.form_pres input.bouton{ margin: 3px 0px 0px 200px;}

#bouton{width:auto;text-align:center; margin:20px 0px 100px 0px;padding:0px 0px 0px 0px;}
/* fond blanc */
#imprimer{ float:left;	background-image: url(img_bt_imprimer.gif); background-repeat: no-repeat; background-position: left;width:41px;	height:50px;}	
#retour_acc{ float:left; background-image: url(img_bt_retour_acc.gif);	background-repeat: no-repeat; 	background-position: left; width:45px;	height:50px;}
#retour_som{ float:left; background-image: url(img_bt_retour_som.gif);	background-repeat: no-repeat; 	background-position: left;	width:65px;height:50px;}
#envoi_ami{ float:left;	background-image: url(img_bt_envoi_ami.gif);	background-repeat: no-repeat; 	background-position: left;	width:47px;	height:50px;}
#reagir{ float:left; background-image: url(img_bt_reagir.gif);	background-repeat: no-repeat; 	background-position: left;	width:55px;	height:50px;}
#archive{ float:left; background-image: url(img_bt_archive.gif);	background-repeat: no-repeat; 	background-position: left;	width:39px;	height:50px;}

/* fond vert */
#imprimer_vert{ float:left;	background-image: url(img_bt_imprimer_v.gif); background-repeat: no-repeat; 	background-position: left;	width:41px;	height:50px;}
#retour_acc_vert{ float:left; background-image: url(img_bt_retour_acc_v.gif);	background-repeat: no-repeat; 	background-position: left;	width:45px;	height:50px;}
#retour_som_vert{ float:left; background-image: url(img_bt_retour_som_v.gif);	background-repeat: no-repeat; 	background-position: left;width:65px;	height:50px;}
#envoi_ami_vert{ float:left;	background-image: url(img_bt_envoi_ami_v.gif);	background-repeat: no-repeat; 	background-position: left;	width:47px;	height:50px;}
#reagir_vert{ float:left; background-image: url(img_bt_reagir_v.gif);	background-repeat: no-repeat; 	background-position: left;width:55px;	height:50px;}
#archive_vert{ float:left; background-image: url(img_bt_archive_v.gif);	background-repeat: no-repeat; 	background-position: left;	width:39px;	height:50px;}


/* fond violet */
#imprimer_violet{ float:left;	background-image: url(img_bt_imprimer_r.gif); background-repeat: no-repeat; 	background-position: left;	width:41px;	height:50px;}
#retour_acc_violet{ float:left; background-image: url(img_bt_retour_acc_r.gif);	background-repeat: no-repeat; 	background-position: left;	width:45px;	height:50px;}
#retour_som_violet{ float:left; background-image: url(img_bt_retour_som_r.gif);	background-repeat: no-repeat; 	background-position: left;	width:65px;	height:50px;}
#envoi_ami_violet{ float:left;	background-image: url(img_bt_envoi_ami_r.gif);	background-repeat: no-repeat; 	background-position: left;	width:47px;	height:50px;}
#reagir_violet{ float:left; background-image: url(img_bt_reagir_r.gif);	background-repeat: no-repeat; 	background-position: left;	width:55px;	height:50px;}
#archive_violet{ float:left; background-image: url(img_bt_archive_r.gif);	background-repeat: no-repeat; 	background-position: left;	width:39px;	height:50px;}

/* fond black */
#imprimer_black{ float:left;	background-image: url(img_bt_imprimer_bl.gif); background-repeat: no-repeat; 	background-position: left;	width:41px;	height:50px;}
#retour_acc_black{ float:left; background-image: url(img_bt_retour_acc_bl.gif);	background-repeat: no-repeat; 	background-position: left;	width:45px;	height:50px;}
#retour_som_black{ float:left; background-image: url(img_bt_retour_som_bl.gif);	background-repeat: no-repeat; 	background-position: left;	width:65px;	height:50px;}
#envoi_ami_black{ float:left;	background-image: url(img_bt_envoi_ami_bl.gif);	background-repeat: no-repeat; 	background-position: left;	width:47px;	height:50px;}
#reagir_black{ float:left; background-image: url(img_bt_reagir_bl.gif);	background-repeat: no-repeat; 	background-position: left;	width:55px;	height:50px;}
#archive_black{ float:left; background-image: url(img_bt_archive_bl.gif);	background-repeat: no-repeat; 	background-position: left;	width:39px;	height:50px;}

/* fond gris */
#imprimer_gris{ float:left;	background-image: url(img_bt_imprimer_g.gif); background-repeat: no-repeat; 	background-position: left;	width:41px;	height:50px;}
#retour_acc_gris{ float:left; background-image: url(img_bt_retour_acc_g.gif);	background-repeat: no-repeat; 	background-position: left;	width:45px;	height:50px;}
#retour_som_gris{ float:left; background-image: url(img_bt_retour_som_g.gif);	background-repeat: no-repeat; 	background-position: left;	width:65px;	height:50px;}
#envoi_ami_gris{ float:left;	background-image: url(img_bt_envoi_ami_g.gif);	background-repeat: no-repeat; 	background-position: left;	width:47px;	height:50px;}
#reagir_gris{ float:left; background-image: url(img_bt_reagir_g.gif);	background-repeat: no-repeat; 	background-position: left;	width:55px;	height:50px;}
#archive_gris{ float:left; background-image: url(img_bt_archive_g.gif);	background-repeat: no-repeat; 	background-position: left;	width:39px;	height:50px;}




/* blanc*/
#lien_ext{background-image: url(img_ic_lien.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_int{ background-image: url(img_ic_article.gif);background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_audio{ background-image: url(img_ic_audio.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_video{ background-image: url(img_ic_video.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_pdf{background-image: url(img_ic_pdf.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_autre{background-image: url(img_ic_autre.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }

/* violet*/
#lien_ext_violet{background-image: url(img_ic_lien_violet.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_int_violet{ background-image: url(img_ic_article_violet.gif);background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_audio_violet{ background-image: url(img_ic_audio_violet.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_video_violet{ background-image: url(img_ic_video_violet.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_pdf_violet{background-image: url(img_ic_pdf_violet.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }

/* vert*/
#lien_ext_vert{background-image: url(img_ic_lien_vert.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_int_vert{ background-image: url(img_ic_article_vert.gif);background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_audio_vert{ background-image: url(img_ic_audio_vert.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_video_vert{ background-image: url(img_ic_video_vert.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_pdf_vert{background-image: url(img_ic_pdf_vert.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }


/* vert*/
#lien_ext_gris{background-image: url(img_ic_lien_gris.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_int_gris{ background-image: url(img_ic_article_gris.gif);background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_audio_gris{ background-image: url(img_ic_audio_gris.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_video_gris{ background-image: url(img_ic_video_gris.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_pdf_gris{background-image: url(img_ic_pdf_gris.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }


/* vert*/
#lien_ext_black{background-image: url(img_ic_lien_black.gif); background-repeat: no-repeat; background-position: top left;	width:120px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_int_black{ background-image: url(img_ic_article_black.gif);background-repeat: no-repeat; background-position: top left;	width:120px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_audio_black{ background-image: url(img_ic_audio_black.gif); background-repeat: no-repeat; background-position: top left;	width:120px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_video_black{ background-image: url(img_ic_video_black.gif); background-repeat: no-repeat; background-position: top left;	width:120px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_pdf_black{background-image: url(img_ic_pdf_black.gif); background-repeat: no-repeat; background-position: top left;	width:120px; margin-bottom:10px; padding:22px 0px 0px 30px; }



/* regard fonce */
#lien_ext_reg_f{background-image: url(img_ic_lien_reg_f.gif); background-repeat: no-repeat; background-position: top left;	width:100px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_int_reg_f{ background-image: url(img_ic_article_reg_f.gif);background-repeat: no-repeat; background-position: top left;	width:100px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_audio_reg_f{ background-image: url(img_ic_audio_reg_f.gif); background-repeat: no-repeat; background-position: top left;	width:100px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_video_reg_f{ background-image: url(img_ic_video_reg_f.gif); background-repeat: no-repeat; background-position: top left;	width:100px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_pdf_reg_f{background-image: url(img_ic_pdf_reg_f.gif); background-repeat: no-repeat; background-position: top left;	width:100px; margin-bottom:10px; padding:22px 0px 0px 30px; }

/* regard clair */
#lien_ext_reg_c{background-image: url(img_ic_lien_reg_c.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_int_reg_c{ background-image: url(img_ic_article_reg_c.gif);background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_audio_reg_c{ background-image: url(img_ic_audio_reg_c.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }
#lien_video_reg_c{ background-image: url(img_ic_video_reg_c.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px;}
#lien_pdf_reg_c{background-image: url(img_ic_pdf_reg_c.gif); background-repeat: no-repeat; background-position: top left;	width:150px; margin-bottom:10px; padding:22px 0px 0px 30px; }

#imprimer_reg_c{ float:left;	background-image: url(img_bt_imprimer_reg_c.gif); background-repeat: no-repeat; 	background-position: left;	width:41px;	height:50px;}
#retour_acc_reg_c{ float:left; background-image: url(img_bt_retour_acc_reg_c.gif);	background-repeat: no-repeat; 	background-position: left;	width:45px;	height:50px;}
#retour_som_reg_c{ float:left; background-image: url(img_bt_retour_som_reg_c.gif);	background-repeat: no-repeat; 	background-position: left;	width:65px;	height:50px;}
#envoi_ami_reg_c{ float:left;	background-image: url(img_bt_envoi_ami_reg_c.gif);	background-repeat: no-repeat; 	background-position: left;	width:47px;	height:50px;}
#reagir_reg_c{ float:left; background-image: url(img_bt_reagir_reg_c.gif);	background-repeat: no-repeat; 	background-position: left;	width:55px;	height:50px;}




.img_fd_image_club1{margin:0px; padding:0px; background-image: url(img_fd_image_club1.gif); width:360px; height:300px }
.img_fd_image_club2{margin:0px; padding:0px; background-image: url(img_fd_image_club2.gif); width:360px; height:300px }
.img_fd_image_rouge{margin:0px; padding:0px; background-image: url(img_fd_image_rouge.gif); width:360px; height:300px }
.img_fd_image_gris{margin:0px; padding:0px; background-image: url(img_fd_image_gris.gif); width:360px; height:300px }
.img_fd_image_vertgris{margin:0px; padding:0px; background-image: url(img_fd_image_vert.gif); width:360px; height:300px }
.vignette {  width: 97%; padding-left: 2px; margin-left:0px}
.flottante { padding: 0px; margin: 5px;  float: left;  text-align: center; display:block}
.spacer {  clear: both; }


ul.reaction{margin-left:0px}
.reaction_titre{font-weight:bold;margin-left:0px}




ul#menup {width:100%; height:23px; background: #004318; display:block; margin:0px; padding:0px; list-style:none;  }
ul#menup li ul{  display:none;}
ul#menup li:hover>ul{ display:block;}
ul#menup li{  float:left;  display:block;  padding:0px; margin:0px; border:0px solid red; }
ul#menup li a, ul#menup li.menufin a{  display:block;   padding: 0px; margin:0px;  color:white; text-decoration:none; font-size : 8pt;font-weight:bold}
ul#menup li.menudeb a{  display:block;  padding:0px; margin:0px; color:white;   text-decoration:none;font-size : 8pt;font-weight:bold}
ul#menup li a:hover{ background: #004318;  }
ul#menup li.menudeb{ padding:0px; border:0px solid yellow; font-size :8pt;font-weight:bold }
ul#menup li.menufin{  padding:0px; border:0px solid green; font-size :8pt;font-weight:bold}
ul#menup .menubold{ font-weight:bold;font-size:8pt}
ul#menup ul{  position:absolute;  background:#578C19;  list-style:none;  margin:0px;  padding:0px;  width:auto;  z-index:1; border:1px solid #004318; font-size :8pt;font-weight:bold}
ul#menup ul ul{  top:0px;  left:200px;  z-index:2;}
ul#menup ul li{  position:relative;  float:none;  margin:0px;  padding:0px; font-size :8pt;font-weight:bold/* _display:inline;*/ }
ul#menup ul li a{  display:block;	margin:0px;	padding:2px 6px; width:200px; border:none; font-size :8pt;font-weight:bold}


#menui {width:100%; height:22px; background: #004318; display:block; margin:0px; padding:0px; list-style:none;  }
#menui li ul{  display:none;}
#menui li:hover>ul{ display:block;}
#menui li{  float:left;  display:block;  padding:0px 1px; border:0px solid red; }
#menui li a, ul#menui li.menufin a{  display:block;   padding:5px 6px 4px 15px; margin:0px;  color:white; text-decoration:none; font-size : 97%; font-weight:bold}
#menui li.menudeb a{  display:block;  padding:5px 6px 4px 15px; margin:0px; color:white;   text-decoration:none;font-size :97%;font-weight:bold}
#menui li a:hover{ background: #004318;font-weight:bold  }
#menui li.menudeb{ padding:0px; border:0px solid yellow }
#menui li.menufin{  padding:0px; border:0px solid green}
#menui .menubold{ font-weight:bold;font-size:120%}
#menui ul{  position:absolute;  background:#578C19;  list-style:none;  margin:0px;  padding:0px;  width:auto;  z-index:1; border:1px solid #004318}
#menui ul ul{  top:0px;  left:200px;  z-index:2;}
#menui ul li{  position:relative;  float:none;  margin:0px;  padding:0px; /* _display:inline;*/ }
#menui ul li a{  display:block;	margin:0px;	padding:2px 6px; width:200px; border:none;}