/*------------------- CSS ATOUTS-GAGNANTS.COM -----------------------*/
/*------------------- Copyright AG CREATIONS ------------------------*/

* {margin: 0;padding:0;border: 0;}
html, body {margin:0;padding:0;text-align: center; color: #000;}
.hide {	display: none;}
img {border:0;}
hr {width: 100%;clear:both; color:#FFFFFF;}


body{
	font-family: Verdana, Helvetica, sans-serif;
	text-align:center;
	background :#ffbb17 url("../gfx/background.gif") repeat-x;
	font-size:10px;
}	

.conteneur{
	position:relative;
    width:1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}



#header {
z-index :2;
float:left;
width:990px;
height:170px;
}
	

#logo{
	position:absolute;
	margin-top:0px;
	margin-left:20px;
	width:230px;
	height:170px;
	background : url('../gfx/logo.gif') no-repeat;	
}

#logo a{
display: block; 
width: 100%;
height : 100%;
background: url('../gfx/logo.gif') no-repeat;	
}
#logo a:hover {
background: transparent none; 
}

#pub_banniere{
	position:absolute;
	margin-top:30px;
	margin-left:250px;
	width:728px;
	height:90px;
}

#pub_banniere_petit{
	position:absolute;
	margin-top:30px;
	margin-left:250px;
	width:468px;
	height:60px;
}

#header h1{
	position:absolute;
	margin-top:4px;
	margin-left:250px;
	width:728px;
	height:20px;
	color:#FFFFFF;
	font-size:12px;
}


/*MENU DU HAUT------------------------------------------------------------------*/
#bloc_menu{
	position:absolute;
	margin-top:123px;
	margin-left:230px;
	width:728px;
	height:20px;
	color:#FFFFFF;
	display:block;
}

#bloc_menu li ul{ visibility:hidden; list-style: none; }
#bloc_menu li{  list-style: none; }

#menu_accueil{
	position:absolute;
	width:79px;
	height:42px;
	background : url('../gfx/menu1_accueil.gif') no-repeat;	
}
#menu_accueil a{
display: block; 
width: 100%;
height : 100%;
background: url('../gfx/menu2_accueil.gif') no-repeat;	
}
#menu_accueil a:hover {background: transparent none; }

#menu_concours{
	position:absolute;
	margin-top:0px;
	margin-left:79px;
	width:80px;
	height:42px;
	background : url('../gfx/menu1_concours.gif') no-repeat;	
}
#menu_concours a{
display: block; 
width: 100%;
height : 100%;
background: url('../gfx/menu2_concours.gif') no-repeat;	
}
#menu_concours a:hover {background: transparent none; }


#menu_club{
	position:absolute;
	margin-top:0px;
	margin-left:159px;
	width:80px;
	height:42px;
	background : url('../gfx/menu1_club.gif') no-repeat;	
}
#menu_club a{
display: block; 
width: 100%;
height : 100%;
background: url('../gfx/menu2_club.gif') no-repeat;	
}
#menu_club a:hover {background: transparent none; }


#menu_promo{
	position:absolute;
	margin-top:0px;
	margin-left:239px;
	width:95px;
	height:42px;
	background : url('../gfx/menu1_promotion.gif') no-repeat;	
}
#menu_promo a{
display: block; 
width: 100%;
height : 100%;
background: url('../gfx/menu2_promotion.gif') no-repeat;	
}
#menu_promo a:hover {background: transparent none; }

#menu_interactif{
	position:absolute;
	margin-top:0px;
	margin-left:334px;
	width:105px;
	height:42px;
	background : url('../gfx/menu1_interactif.gif') no-repeat;	
}
#menu_interactif a{
display: block; 
width: 100%;
height : 100%;
background: url('../gfx/menu2_interactif.gif') no-repeat;	
}
#menu_interactif a:hover {background: transparent none; }

#menu_pub{
	position:absolute;
	margin-top:0px;
	margin-left:439px;
	width:81px;
	height:42px;
	background : url('../gfx/menu1_pub.gif') no-repeat;	
}
#menu_pub a{
display: block; 
width: 100%;
height : 100%;
background: url('../gfx/menu2_pub.gif') no-repeat;	
}
#menu_pub a:hover {background: transparent none; }

#menu_contact{
	position:absolute;
	margin-top:0px;
	margin-left:520px;
	width:88px;
	height:42px;
	background : url('../gfx/menu1_contact.gif') no-repeat;	
}
#menu_contact a{
display: block; 
width: 100%;
height : 100%;
background: url('../gfx/menu2_contact.gif') no-repeat;	
}
#menu_contact a:hover {background: transparent none; }


/*--Contenu---------------------------------------------*/
#contenu {
float:left;
width:980px;
height:auto;
margin:0;
padding : 0;
background: url('../gfx/menu_gauche.gif') repeat-y;
}

.acc_txt {text-align:justify}
.acc_txt a {color:#000; text-decoration:none;}
.acc_txt a:hover {text-decoration :underline;}


/*bloc_gauche------------------------------------------------------------------*/
#bloc_gauche{
	float:left;
	margin:0;padding:0; 
	width:180px;
}

#bloc_gauche fieldset{ border: 0; padding:2px 0 0 12px;margin:0;}

#search{
  width: 173px;
  height:51px;
  background: url('../gfx/recherche.gif') no-repeat;
  padding : 0;
  margin: 0 0 0 7px;
}

#search p{
  color:#FFFFFF;
  font-size:10px;
  font-weight:bold;
  margin:0;padding:3px 0 2px 0;
}

#formulaire{margin:0;padding: 0;width: 173px;}

#search input{
padding:0;margin-left:8px;
font-size:11px;
background-color:#fff;
color:#EA2E00;
width: 100px;
border:solid 1px #F9E69B;
}

#search input.ok {
	 cursor:pointer;
     width: 25px;
     height: 20px;
	 border: 0px none;
	 background: url('../gfx/ok.gif') bottom no-repeat;
}


.menu_gauche{
width: 180px;
background: url('../gfx/menu_gauche_milieu.gif') repeat-y;
margin:0; padding:0; text-indent:0;}

.menu_gauche dt{
background: url('../gfx/menu_gauche_haut.gif') no-repeat;
font-weight: bold;
font-size:12px;
color:#EA2E00;
width: 160px;
padding: 5px 0 0 20px;
height:37px;}

.menu_gauche dd{
background: url('../gfx/menu_gauche_bas.gif') bottom no-repeat;
width: 180px;margin:0; padding:0 0 20px 0 ;}


.menu_gauche ul{
  list-style: none;
}
.menu_gauche ul li a, #contest_todo_menu strong{
  display: block;
  width: 125px; 
  line-height: 16px;
  margin: 0 0 0 17px;
  padding: 0 0 0 12px;
  background: url('../gfx/arrows.gif') left no-repeat;
  color: #000;
  text-decoration: none;
  font-size: 10px;
}
#contest_todo_menu strong{
  color: #f00;
}
.menu_gauche ul li a:hover{
  background: url('../gfx/arrows.gif') left no-repeat;
  color: #EA2E00;
}

ul.ssmenu1 {
padding: 0 0 0 20px;
color: #005F82;
}



/*bloc_milieu------------------------------------------------------------------*/
#wrapper {
float:left;
width:800px;
min-height: 100%;
background:#FFFFFF url('../gfx/milieu.gif') top repeat-x;
}

#bloc_milieu, #bloc_milieu_page{float:left;}


#bienvenue h1{
color: #EA2E00;
font-size:17px;
padding:5px 0 0 0;
}

#bienvenue span{
color: #656565;
font-size:10px;
}

#bienvenue{
background: url('../gfx/title_main.gif') left no-repeat;
height:55px;
padding: 5px 0 0 55px;
}

#contenu_page h2{
font-size:13px;
padding:0 0 0 15px;
color:#000;
font-weight:bold;
background: url('../gfx/puce.gif') left no-repeat;
}
#contenu_page h2 a {color:#000000; text-decoration:none;}
#contenu_page h2 a:hover{color:#000000; text-decoration:underline;}

.tableau{list-style: none;width: 528px;padding : 0 0 5px 10px;}
.tableau li {display:block;}
.blanc {background-color: #fff;display: block; padding: 5px;}
.jaune {background-color: #FDF9E6;display: block; padding: 5px;}
.tableau li a {display: block; color:#000000; text-decoration:none;width:518px;}
.tableau li a:hover{display: block;background-color:#FAE69B;}

.tableau em {color: #EA2E00; font-weight:bold; font-style:normal;}
.tableau {color: #000; }


.see_more{  display: block;  text-align: center;padding : 0 0 20px 0; }
.see_more a{  color: #fe7319;   font-weight:bold;  text-decoration: none;  }
.see_more a:hover{ color: #333333; text-decoration:underline;}


.mail{width: 545px;background: url('../gfx/mail_milieu.gif') repeat-y; text-indent:0;margin-top:15px;}
.mail dt{
background: url('../gfx/mail_haut.gif') no-repeat;width: 545px; height:10px;}
.mail dd{background: url('../gfx/mail_bas.gif') bottom no-repeat;width: 545px;margin:0; padding:0 0 8px 0;}

.mail p{text-align:center;}
.mail a{color:#000; text-decoration:underline;}

.mail label{
color: #EA2E00;
font-size:12px;
padding:0 0 0 15px;
color:#000000;
font-weight:bold;
background: url('../gfx/puce.gif') left no-repeat;
}
.mail em{ color: #EA2E00; font-style:normal;vertical-align:middle;}

#formulaire4 fieldset, #formulaire5 fieldset{ border: 0; 
padding:2px 0 0 10px;
text-align:center;
vertical-align:middle;
}

#formulaire4{width: 530px;}
#formulaire4 label {vertical-align:middle;}

#nl_email{
font-size:11px;
background-color:#fff;
color:#EA2E00;
width: 100px; height:17px;
border:solid 1px #696969;
vertical-align:middle;
}

#nl_submit {
	 cursor:pointer;
     width: 24px; 
	 vertical-align:middle;
     height: 20px;
	 border: 0px none;
}




/*bloc_droite------------------------------------------------------------------*/

#bloc_droite{
	float:right;
	width:170px;
	padding: 0px ;
}

.encart_droite{
width: 170px;
background: url('../gfx/droite_milieu.gif') repeat-y;
margin:7px 0 0 0; text-indent:0;}

.encart_droite dt{
background: url('../gfx/droite_haut.gif') no-repeat;
width: 170px; height:11px;padding:3px 0 3px 0;text-align:center;}

.encart_droite dd{
background: url('../gfx/droite_bas.gif') bottom no-repeat;
width: 170px; padding:0 0 11px 0;}


.concours_droite{
width: 170px;
background: url('../gfx/concours_milieu.gif') repeat-y;
margin:0; text-indent:0;text-align:center; }


.concours_droite dd, .bargains_droite dd{
background: url('../gfx/concours_bas.gif') bottom no-repeat;
width: 160px; padding:0 5px 15px 5px;}

.concours_droite dt{
background: url('../gfx/concours_haut.gif') no-repeat;
width: 170px; height:35px;padding:3px 0 3px 0; text-indent:-9000px; font-size:1px;}

.concours_droite p {font-size:10px;}
.concours_droite img {padding:10px 0 5px 0;}

.concours_droite a {
color:#FF0000; text-decoration:none; font-weight:bold;}

.concours_droite a:hover{
color:#FF0000; text-decoration:underline;}


.partenaire{width: 170px;
background: url('../gfx/partenaire_milieu.gif') repeat-y;
margin:0; padding:0; text-indent:0;}
.partenaire dt{background: url('../gfx/partenaire_haut.gif') no-repeat;
width: 170px; height:37px;}
.partenaire dd{background: url('../gfx/partenaire_bas.gif') bottom no-repeat;
width: 170px;margin:0; padding:0 0 10px 0 ;}

.partenaire ul{  list-style: none;}
.partenaire ul li a{
  display: block;
  width: 110px; 
  height: 16px;
  margin: 0 0 0 50px;
  padding: 0 0 0 8px;
  background: url('../gfx/puce2.gif') left no-repeat;
  color: #696969;
  text-decoration: none;
  font-size: 10px;
}
.partenaire ul li a:hover{  background: url('../gfx/puce2.gif') left no-repeat;  color: #EA2E00;}

#pub12060{
width:120px;
height:60px;
margin:20px 0 0 35px;}


/*bloc milieu pages--------------------------------------*/

#bloc_milieu_page h1{
color: #EA2E00;
font-size:17px;
margin:5px 0 10px 5px;padding:27px 0 0 88px;
background: url('../gfx/titre.gif') left no-repeat;
height:35px;
}



#formulaire3{width:170px;text-align:center;}

.encart_droite input{
margin:5px 0 0 0;
font-size:11px;
background-color:#fff;
color:#EA2E00;
width: 120px;
border:solid 1px #696969;
}

.encart_droite input.ok3 {
	 cursor:pointer;
     width: 90px;
     height: 50px;
	 border: 0px none;
	 background: url('../gfx/ok3.gif') bottom no-repeat;
}

.pub90600{
width:120px;
height:600px;
margin:0 0 0 25px;
text-align:center;
}

/*tableaux concours--------------------------------------*/

#contenu_page, #contenu_page_concours, #contenu_page_concours2, #contenu_page_contact, #contenu_page_club,  #contenu_page_interactif, #contenu_page_actu{
margin-left:55px;width:550px; margin-bottom:15px;
}




.boutons{

width:550px;height:15px;font-weight:bold;font-size:11px;
clear: both;
padding:5px 0 5px 0;}

.bouton2 {float:left;margin: 0 10px;}

a.bouton {
float:left;
width:100px;display: block; 
color: #EA2E00;
border:1px solid #EA2E00;
text-decoration: none;
text-align: center;padding:3px;
  
}
a.bouton:hover {
width:100px;display: block; 
color:#fff;background-color: #EA2E00;
}

p.precedent{float:left; width:220px;padding:0; padding:2px 0 0 15px;background: url("../gfx/flecheg.gif") left no-repeat;}
p.suivant{float:right; width:220px;text-align:right;padding:2px 15px 0 0 ; background: url("../gfx/fleched.gif") right no-repeat;}
p.pages{background-color:#FAE69B;float:left; width:80px;text-align:center;height:15px; padding-top:3px;}

p#maj{color:#333333; text-align:center; font-size:10px;}






/*promo--------------------------------------*/
#pub46860, .pub46860{
	margin: 10px auto 0 auto;
	width:468px;
	height:60px;
}

td.pre2, td.pre2 a{width:130px;color: #ff791b; text-align:right;}

.actu_box{ width: 550px;}

dt.actu_image{
  padding: 5px; margin:0 10px 5px 0;
  background-color:#000000;
  float: left; width:60px;
}

dt.actu_titre{
font-size:14px;
font-weight:bold;
color:#ea2e00;
}

.actu_cat{float: left;padding:0 0 20px 0;}
.actu_cat a{color: #ff791b; text-decoration:none;}
.actu_cat a:hover{color: #000; text-decoration:underline;}

p.actu_source{  
  margin: 10px 0 0 0;  
  color: #333333;
  font-style: italic;
  text-align: right;
}
.actu_source strong{ color: #000;}
#contenu_page_concours2 .actu_resume  em{ 
font-style:italic; 
color:#000000; font-weight: normal;font-size:11px;}

.table_actu a {color:#000000; text-decoration:none;}
.table_actu a:hover {text-decoration:underline;}

.actu_resume a {color:#000000;text-decoration:none;}

/*Footer-----------------------------------------------
-----------------------------------------------------*/
#footer_fond {padding-left:22px;}

#footer{
float:left;
height:50px;
width:943px;
color:#ffffff;
margin-bottom:0px;
font-size: 11px;
background: url('../gfx/fond-footer.gif') repeat-x; 
}

#footer1{position:absolute;padding-left:10px;padding-top:15px;}
#footer1 a {color:#fff;text-decoration:none;font-weight :bold;}
#footer1 a:hover{color:#000;font-weight :bold;}

#footer2{position:absolute;margin-left:710px;padding-top:18px;}
#footer3{position:absolute;margin-left:770px;padding-top:15px;}
#footer4{position:absolute;margin-left:858px;}


#pub_footer{ float:left; padding-top:5px;border:0px; width:250px; text-align:center;}


/* Messages d'erreur et de confirmation */
.notification_box, .erreur_box{
  text-align: center;
  width: 100%;
}
.notification_box p, .erreur_box p{
  margin: 15px auto 20px auto;
  width: 400px;
  border: 2px solid #fff;
  padding: 3px;
  text-align: center;
  
}

.notification_box p{background: #6F9025;color:#fff; font-weight:bold;}
.erreur_box p{}

.erreur_box p{
  color:#000000;
  border: 2px solid #f00;
font-weight:bold; font-style:italic; color:#FF0000; text-align:center; font-size:11px;
}


.item_done p, .item_done dl,  .item_done img{
  display: none;
}
.item em.undo{
  display: none;
}
.item_done .barre_orange{
  background:  #F9D27E;
}

.barre_orange em{
  display: block;
  float: right;
}

label.checkboxes{
  width: auto;
  float: none;
}