@charset "iso-8859-2";
/* CSS Document */

body {margin:0;padding:0; background: url(../img/commun/bg_2.gif) top center repeat-x #10151f; font-family: Arial, Helvetica, sans-serif;}
a {outline:none;}

#conteneur {margin:0 auto; width:1024px; }
#conteneur .banniere {margin:0; padding:0; height:130px;}
#marge {margin:0 auto; width:1024px;}

.beaker {clear:both;}
.gauche {float:left;}
.droite {float:right}

p {font-family:Arial, Helvetica, sans-serif;}

#pointille {float:left; width:564px; background:url(../img/commun/pointilles.gif) top left repeat-x; margin:30px 0 30px 0;}
#pointille2 {float:left; width:564px; background:url(../img/commun/pointilles.gif) top left repeat-x; margin:0px 0 20px 0;}
#pointille_bleu {float:left; width:356px; background:url(../img/commun/pointille_bleu.gif) top left repeat-x; margin:0;}

#menu {margin:0; padding:0; background:url(../img/commun/menu_bg.jpg) top no-repeat; width:100%; height:49px;}
#menu .section {width:960px; height:49px; margin:0 auto;}
.ombre {width:960px; margin:0 auto; height:11px;}

#sous_menu {float:left; width:564px; height:28px; background:url(../img/commun/sm_bg.gif) top left no-repeat;}
#sous_menu ul {margin:2px 0 0 0; padding:0; position:absolute;}
#sous_menu li { display:inline; color:#fff; font-size:11px; text-transform:uppercase; font-weight:bold; margin:0 27px 0 27px; padding:0;}
#sous_menu li.on a{ text-decoration:underline;}
#sous_menu li a { text-decoration:none; color:#FFF;}
#sous_menu li a:hover { text-decoration:underline;}
* html #sous_menu ul { margin:6px 0 0 0;}
*+html #sous_menu ul { margin:6px 0 0 0;}

#sous_menu2 {float:left; width:564px; height:28px; background:url(../img/commun/sm_bg2.gif) top left no-repeat;}
#sous_menu2 ul {margin:2px 0 0 0; padding:0; position:absolute;}
#sous_menu2 li {display:inline; color:#fff; font-size:11px; text-transform:uppercase; font-weight:bold; margin:0 22px 0 22px; padding:0;}
#sous_menu2 li.on a{text-decoration:underline;}
#sous_menu2 li a { text-decoration:none; color:#FFF;}
#sous_menu2 li a:hover { text-decoration:underline;}
* html #sous_menu2 ul { margin:6px 0 0 0;}
*+html #sous_menu2 ul { margin:6px 0 0 0;}

.sous_menu3 {margin:20px 0 30px 0; padding:0; float:left;}

#page_conteneur {width:960px; margin:0 auto;}
#page {width:896px; background-color: #fff; margin:0 auto; float:left; padding:0 32px 30px 32px;}

#col_gauche {width:564px; float:left; margin:0 32px 0 0;}

#bloc {margin:0 0 30px 0; float:left;}
#bloc p {font-size:12px;}
#bloc .titre {margin:0 0 20px 0; padding:0;}
#bloc .lien a {text-decoration:none; cursor:pointer; float:left;}

.mention a {font-size:12px; text-decoration:none; color:#3e4e58; margin:16px 0 0 0;}
.mention a:hover {text-decoration: underline;}

.titre2 {float:left; margin:30px 0 20px 0;} 

#col_droite {width:300px; float:right; margin:0 0 60px 0;}
#bloc_droite {margin:0 0 14px 0; float:left;}

.flash {margin:8px 0 0 0}
.ecrire { width:300px; height:122px; background:url(../img/t_ecrire.gif) top left no-repeat;}
.txt {margin:0; padding:0; font-size:12px; color:#FFF; position:absolute; margin:32px 0 0 100px;}

.zone_txt { float:left; margin:0; padding:14px; font-size:13px; color:#293b46; border:1px solid #d9d9d9; background:url(../img/commun/bg_bloc_droite.gif) bottom repeat-x #FFF; width:270px;}
.email form {margin:6px 0 0 0; padding:0; width:210px; float:left;}

.mini_actu {border-bottom:1px solid #d9d9d9; font-size:11px; padding:0 0 10px 0; margin:0 0 10px 0;}
.mini_actu a {text-decoration:none; color: #293b46;}
.mini_actu a:hover {text-decoration:underline;}

.btn_ok input { background:url(../img/commun/btn_ok.gif) top left repeat; float:left; margin:6px 24px 0 0; padding:0; width:28px; height:23px; border:hidden; float:right;}
.btn_ok input:hover { background:url(../img/commun/btn_ok_on.gif) top left repeat; cursor:pointer;}

.btn_participer {position:absolute; height:24px; width:97px; background:url(../img/commun/btn_bg_participer.gif) top left no-repeat; font-size:11px; color:#0f2a3b; font-weight:bold; margin:86px 0 0 191px; padding:5px 0 0 0; text-align:center;}
.btn_participer a {display:block; height:100%; color:#0f2a3b;text-decoration:none;}
.btn_participer a:hover {display:block; height:100%; color:#09598c;text-decoration:none;}

.btn_participer2 {position:absolute; height:24px; width:97px; background:url(../img/commun/btn_bg_participer.gif) top left no-repeat; font-size:11px; color:#0f2a3b; font-weight:bold; margin:110px 0 0 191px; padding:5px 0 0 0; text-align:center;}
.btn_participer2 a {display:block; height:100%; color:#0f2a3b;text-decoration:none;}
.btn_participer2 a:hover {display:block; height:100%; color:#09598c;text-decoration:none;}

.btn_suite {float:left; height:23px; width:101px; background: url(../img/commun/btn_suite.gif) top left no-repeat; font-size:11px; font-weight:bold;}
.btn_suite p {margin:0; padding:4px 0 0 22px; color:#FFF;}
.btn_suite:hover {background:url(../img/commun/btn_suite_on.gif) top left no-repeat;}

.btn_actu { float:right; height:23px; width:149px; background: url(../img/commun/btn_bg_actu.gif) top left no-repeat; font-size:11px; font-weight:bold;}
.btn_actu a {display:block; height:100%; color:#fff;text-decoration:none;}
.btn_actu a p {margin:0; padding:4px 0 0 22px;}
.btn_actu:hover {background:url(../img/commun/btn_bg_actu_on.gif) top left no-repeat;}

.btn_trouver { float:left; height:23px; width:163px; background: url(../img/commun/btn_trouver.gif) top left no-repeat; font-size:11px; }
.btn_trouver a {display:block; height:100%;text-decoration:none;}
.btn_trouver a p {margin:0; padding:4px 0 0 22px; color:#575757}
.btn_trouver:hover {background:url(../img/commun/btn_trouver_on.gif) top left no-repeat;}
.btn_trouver:hover p {color:#FFF;}

.btn_produit {float:left; height:23px; width:134px; background: url(../img/commun/btn_produit.gif) top left no-repeat; font-size:11px;}
.btn_produit a {display:block; height:100%; text-decoration:none;}
.btn_produit a p {margin:0; padding:4px 0 0 22px;}
.btn_produit:hover {background:url(../img/commun/btn_produit_on.gif) top left no-repeat;}
.btn_produit:hover p {color:#FFF;}

.btn_trouver2 { float:left; height:23px; width:163px; background: url(../img/commun/btn_trouver_on.gif) top left no-repeat; font-size:11px;}
.btn_trouver2  p {margin:0; padding:4px 0 0 22px; color:#FFF;}

.btn_envoi {position:absolute; height:24px; width:150px; background:url(../img/commun/btn_envoi.gif) top left no-repeat; font-size:11px; color:#0f2a3b; font-weight:bold; margin:12px 0 0 202px; padding:5px 0 0 0; text-align:center;}
.btn_envoi a {display:block; height:100%; color:#0f2a3b;text-decoration:none;}
.btn_envoi a:hover {display:block; height:100%; color:#09598c;text-decoration:none;}

.btn_haut {margin:40px 0 0 308px}

.la_une img {float:left; padding:6px 0 0 0; margin:0 8px 6px 0;}
.la_une h1 {font-size:23px; font-weight:bold; padding:0; margin:0; color:#3e4e58;}
#bloc .lien .la_une p {color:#3e4e58;}

#bloc_info { float:left; margin:0 0 20px 0;}
.une img {float:left; padding:12px 0 0 0; margin:0 8px 6px 0;}
.une h1 {font-size:26px; font-weight:bold; padding:0; margin:16px 0 0 0; color:#3e4e58;}
.une h1.alt {font-size:26px; font-weight:bold; padding:0; margin:8px 0 0 0; color:#3e4e58;}
#bloc_info .une p, #bloc_info .une_med p {color:#3e4e58; font-size:12px;}
#bloc_info a {text-decoration:none;}


.une_med img {float:left; padding:4px 0 0 0; margin:0 8px 6px 0;}
.une_med h2 {font-size:18px; font-weight:bold; color:#3e4e58; margin:0; padding:0;}

.produit img {float:left; }
.produit h1 {font-size:16px; font-weight:bold; padding:0; margin:0; color:#3e4e58;}
#bloc .lien .produit p.blanc {color:#fff;}
#bloc .lien .produit p {color:#3e4e58;}
.col_prod {float:left; width:380px; margin:0 0 0 12px;}
.col_btn {float:right; width:398px;}

.col_prod2 {float:left; width:186px; margin:0 0 0 12px;}
.col_btn2 {float:left; width:180px; margin:0;}

.bloc_ecrire { float:left; width:564px; height:149px; background:url(../img/bloc_ecrire.jpg) top left no-repeat; margin:0 0 30px 0;}
.bloc_ecrire p {position:absolute; margin:44px 0 0 190px; padding:0; color: #FFF; width:350px; font-size:13px;}

.bloc_ecrire2 { float:left; width:564px; height:184px; background:url(../img/bloc_ecrire2.jpg) top left no-repeat;  margin:0 0 30px 0;}
.col_ecrire {width:349px; margin:60px 0 0 191px; color:#FFF; font-size:12px;}
.col_ecrire h3 {font-weight:bold; font-size:14px; margin:15px 0 4px 0; padding:0;}

.jeu {margin:15px 0 60px 0;}

.lien_hdm a {font-size:11px; text-decoration:none; color:#064265;background:url(../img/puce_lien.gif) top left no-repeat; margin:0; padding:0 0 0 12px; background-position:0 3px;}
.lien_hdm a:hover {text-decoration:underline;}

.date {font-size:11px; color:#999; margin:10px 0 0 0; padding:0;}

#footer {width:896px; height:54px; background:url(../img/commun/bg_footer.gif) top repeat-x #0c4e79; margin:0 auto 0 auto; float:left; padding:12px 32px 12px 32px; color:#FFF; font-size:12px;}
