body{color: #FFFFFF; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; height:100%; background:url(images/fond_page.gif) repeat-x top left; margin: 0; padding:0 }
table{color: #FFFFFF; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}
td{vertical-align: top;}
h1{font-size:46px; color:#f16600; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding:0; margin: 0; text-align: center;}
h2{font-size:26px; color:#f16600; font-weight: normal; font-family: Impact,Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}
h3{font-size:22px; color:#f16600; font-weight: normal; font-family: Impact,Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}
h4{font-size:12px; color:#f16600; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 2px;}
h5{font-size:12px; color:#ffffff; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 2px;}
.ligne{border-bottom: 1px solid #f16600; margin-bottom: 0;}
.ligneverte {border-bottom: 1px solid #96bd0c; margin-bottom: 0; margin-right: 20px}
a{color: #cdcdcd; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; /*text-decoration: none;*/}
a:hover{color: #FFFFFF;}
a.blanc{color:White; font-size:13px; text-decoration:none}
a.blanc:hover{ text-decoration:underline}
a.none {text-decoration: none}
p{margin: 0 0 4px 0; padding:0;}
em{font-size: 13px;}
dfn{font-style: normal;}
div{margin: 0; padding:0;}
span{margin: 0; padding:0;}
input{margin:1px 0;}
ul{list-style-type: none; padding: 0px; margin:0 0 0 4px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal; font-size:11px;}
ul.neutre li{background-image: none;}
li{background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: 0 .3em; padding:0; padding-left: 15px; border:0; margin: 0}
li span{color: #f16600;}
li input{position: relative;top:4px; margin-right: 8px;}
ul ul li{background-image: url(images/puce2.gif); background-repeat: no-repeat; background-position: 0 .5em; padding:0; padding-left: 8px; border:0; margin: 0}

 /* CLASSES COURANTES */
.espacement{clear: both;height:24px; }
.clear{clear: both;}
.blanc{color:	#ffffff;}
.orange{color:	#f16600;}
.noir {color: #000000}
.jaune{color:#ffdd01;}
.vert{color:#96bd0c;}
.gris{color:#CCCCCC;}
.note{color:#CCCCCC; font-size:10px; font-weight: normal;}
.photos{border: 1px solid #CCCCCC;display: block; float: left; /*clear: both; */ padding:1px; margin: 0 2px 4px 2px;}
.photos img{display: block;}
a.photos:hover{border: 1px solid #FFFFFF;}
.inline{display:inline;}
.block {display: block}
.centrer{text-align: center;}
.gauche{text-align: left;}
.droite{text-align: right}
.cadregris{border: 1px solid #CCCCCC; /*padding: 1px;*/padding: 2px 4px; margin:0 2px 2px 0; width: auto;}
.cadregrisimg{border: 1px solid #CCCCCC; padding: 1px; margin:0 2px 2px 0; width: auto;}
.cadreorange{border: 1px solid #f16600; /*padding: 1px;*/padding: 2px 8px; margin:0 2px 2px 0;}
.imgmargD{margin: 0 8px 8px 0;}
.imgmargG{margin: 0 0 8px 8px;}
.posrelative{position: relative; top:8px;}
.marged{padding-right:15px;}
.margeg{padding-left:15px;}
.margesint{padding: 8px 8px;}
.decald{margin:0 15px 10px 0;}
.decalg{margin:0 0 10px 15px;}
.encartorange{background: #f16600; border: 1px solid #FFFFFF; margin: 0 0 10px 0; padding: 2px 6px;}
.encartgris{background: #cccccc; border: 1px solid #FFFFFF; margin: 0 0 10px 0; padding: 2px 6px;}
.encartorange span{font-weight: bold; color: #1a171b;}
.encartorange h4{color: #ffffff;}
.encartorange h3{color: #ffffff;}
.encartorange h2{color: #ffffff;}
.entrelignes{border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding: 2px 5px;}
.liendroite{text-align: right; float: right; margin-top: -21px;}
.liendroite a{color: #f16600;}
.liendroite a:hover{color: #ffffff;}
.prix{text-align: right; float: right; margin-top: -30px;}

#main {height: 260px}

/* POP UP */
.popup {width:350px; /*height:250px;*/ display:block; padding:0; background-color: transparent ;z-index:9999999; text-align:center; position:absolute; top:0px;left:0px;}
.modal {position:absolute; top:0px; left:0px; z-Index:1000; background-Image:url(images/gris_transparent.gif); height:100%; width:100%}
.popup .note {color: #666666}

.arrondig {background:url(images/arrondig.gif) no-repeat top left transparent; margin: 0; padding:0;}
.arrondid {background:url(images/arrondid.gif) no-repeat top right transparent;margin: 0; padding:0; } 
.popupint{background:url(images/bg_popup.jpg) repeat-x top #ffffff; margin: 0 30px 0 30px; padding: 20px 12px 20px 12px;}


.infobulle{/*position:relative; top:50px; left:50px;*/display: none; width: 220px; z-index:100; border: 1px solid #e7dc40; background-color: #FFFFCC ; color:#1a171b; padding: 8px;}
.infobulle b{font-weight: bold; color: #f16600;}
.infobulle a{font-weight: bold; color: #f16600; text-decoration: underline;}
.infobulle a:hover{font-weight: bold; color: #ff9c0b;}

/* TOP 20 */
.top20ligne{clear: both; margin-bottom: 10px; vertical-align: bottom; border-collapse:collapse}
.top20ligne td{margin:0; padding: 0; vertical-align: bottom;}
.top20ligne td div{display: table-cell; vertical-align: bottom;}
.c1{text-align: right; width: 130px; text-align:center}
.c2{text-align: center; width: 128px; float: left; border: 1px solid #CCCCCC; display: block; padding:1px; margin: 0 1px 1px 1px;}
.c2 .no1 {text-align:left}
.c1 .no1{width: 230px; text-align:left}/* photo du N°1 */
.c3{text-align: left; width: 320px; float: left; padding: 10px;}

 /* boutons longs type SUIVANT sur fond noir */
.ongletlong {margin: 0 auto; padding:0; float:left; /*width:100%;*/ height: 24px;}
.ongletlong div {margin:0; padding:0; display: block; background:url("images/ongletlongG.gif") no-repeat left top #1a171b; height: 100%; width: 100%;}
.ongletlong div div {margin:0; padding:0; background: url("images/ongletlongD.gif") no-repeat right top; width: 100%; height: 100%;}
.ongletlong a {font-weight: bold; display: block; padding:6px 30px 0 20px; text-decoration:none; font-size: 11px; text-align: center; background:url("images/flecheD.gif") no-repeat right; height: 100%;}
.ongletlong a:hover{color: #FFFFFF;}

 /* boutons longs type SUIVANT sur fond orange */
.ongletlong div.surorange {background:url("images/ongletlongorangeG.gif") no-repeat left top #1a171b;}
.ongletlong div.surorange div {background: url("images/ongletlongorangeD.gif") no-repeat right top;}

 /* boutons longs type SUIVANT sur fond noir */
.ongletlongtitre {margin: 0; padding:0;  height: 30px;  width: 84px;}
.ongletlongtitre div {margin: 0; padding:0; display: block; background:url("images/ongletlongG.gif") no-repeat left top #1a171b; height: 100%; width: 100%; /*background-color: red;*/}
.ongletlongtitre div div{margin:0; padding:0; background: url("images/ongletlongD.gif") no-repeat right top; width: 100%; height: 100%;}
.ongletlongtitre center{font-size:17px; color:#f16600; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 1px auto; padding:0/*1px 20px 0 20px*/; text-align: center; height: 100%; letter-spacing: -.5px; line-height: 32px;}

.ongletetape {background: url("images/ong_etapes.gif") no-repeat left top #1a171b; height: 100%; width: 140px}
.opacite {filter:alpha(opacity=50); opacity: 0.5;}

 /* liste groupes */
.liste2colonnes div{width: 50%; height: 40px; float: left;}
.liste2colonnes div span{color: #f16600;}
.liste2colonnes div input{display: block; vertical-align: top; margin: 0; padding: 0; float: left; margin-right: 8px; margin-bottom: 4px; height:auto; }
.liste2colonnes div dfn{display: block; vertical-align: top; margin: 0; padding: 0; float: left; width: 85%; font-style: normal; margin-bottom: 6px;}

 /* div groupes topoupas 
.groupestop{width: 20%; float: left;}
.groupestop a{position:relative; top:0; margin:0; padding:1px; margin: 0 4px 4px 0;}
.groupestop p{clear: both; width: 84px; text-align: center;  }
/* à cumuler avec classe groupestopoupas*/
/*.groupes{width: 230px; height: 160px;}
.groupes a{float: left; clear: left;}
.groupes span{display: block; float: left; width: 130px; padding:6px;}
#description a {text-decoration: none; color: #f16600}*/

/* div groupes topoupas v2*/
.blocgroupe {width: 230px; display: block; clear: both; margin-top: 20px; /*border-bottom: 1px solid #f16600;*/ padding-bottom: 15px; margin-bottom: 15px;}
.blocgroupeinline {width: 230px; /*border-bottom: 1px solid #f16600;*/ padding-bottom: 15px; margin-bottom: 15px; display: block; float: left; margin-right: 15px}
.blocgroupe ul.neutre {list-style:none;list-style-image:none;list-style-type:none; width: 100%; }
.blocgroupe ul.neutre li {list-style:none; list-style-image:none; list-style-type:none; /*width: 100%;*/}
li.ongletlongtitre{border-bottom: 1px solid #cccccc; width: 100%;}
li.description {padding: 5px; margin: 4px 0;}
li.description a{text-decoration: none; color: #cccccc;}
li.avatargroupe {padding: 5px 0 0 5px; margin: 4px 0; width: 100px; display: block; float: left;}
li.nbinscrits{display: block; float: left; color: #f16600; font-weight: bold;  margin: 0 ; width: 100px; padding: 10px 0; margin: 0}
.nomdugroupe {text-align: center; font-size:15px; color:#f16600; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 5px 10px 0 10px; letter-spacing: -.5px; /*line-height: px;*/}

.presentgroupe {height: 140px; padding-top: 15px}

/* menu déroulant multichoix */
.menuderoulant a {text-decoration: none}
.menuderoulant a:hover {color: #f16600}
.menutitredefaut {width: 26%; background-color: #000000; border: 1px solid #666666}
.menutitredefaut table {width: 100%;}
.pictosmenu {width: 22px; height: 17px}
.sousmenuderoul {width: 40%; background-color: #000000; border: 1px solid #666666}

a.deroulfleche{ background:url(images/menuderoulant_fleche.gif) no-repeat top left #1A161B; width: 22px; height: 17px; display: block; text-decoration: none; float: right }
a.deroulfleche:hover{ background:url(images/menuderoulant_flechehover.gif) no-repeat top left #1A161B; width: 22px; height: 17px; display: block; text-decoration: none; float: right}

/* liste des contacts msn dans transmettre profil */
.listemsn{
	margin: 15px 0
}
.listemsn li{
	list-style:none;list-style-image:none; background-image:none;color:black; margin-bottom:4px;
}

 /* FORMULAIRES */
input{margin: 0; padding: 0; color: #646464; font-size: 11px;}
select{margin: 0; padding: 0; color: #646464; font-size: 11px;}
.champcontact{background-color: #f5f2ee;  font-weight: normal;
	border:1px solid #5a585b; padding: 0 2px 0 2px; margin: 1px 0;
	color:#555555; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.champcontact.disabled { background-color: Black; color: White}
.champfocus{background-color: #ffffff; font-weight: normal;
	border:1px solid #5a585b; padding: 0 2px 0 2px; margin: 1px 0;
	color:#555555; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.champcontacterreur{background-color: #be0d0d; font-weight: normal;
	border:1px solid #5f0606; padding: 0 2px 0 2px; margin: 1px 0;
	color:#FFFFFF;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.erreur{color:#dd0000;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:normal}
.send{background: url(images/fond_sousmenu.gif) repeat-x bottom #f16600; color: #FFFFFF; padding: 0 2px 0 2px; margin: 1px 0;
	border:1px solid #b64b00; text-align : center; font-weight: bold; font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
a.send {display: block; text-decoration: none; padding: 9px;}
a.send:hover {display: block; text-decoration: none; color:#efe099}

.sendnoir{background-color: #1a171b; color: #FFFFFF; padding: 0 2px 0 2px; margin: 1px 0;
	border:1px solid #3e3641; text-align : center; font-weight: bold; font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; height: 16px; line-height:8px; }
.sendvert{background: url(images/fond_sousmenuvert.gif) repeat-x bottom #96bd0c; color: #FFFFFF; padding: 0 2px 0 2px; margin: 1px 0;
	border:1px solid #669900; text-align : center; font-weight: bold; font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }

/* ##### tableau général ###### */
#global{background: url(images/bandehaut.gif) no-repeat top left #1a171b; border-bottom: 3px solid #cdcdcd; width: 945px;}

/* ############### PARTIE GAUCHE ################### */
#gauche{width: 140px;padding-top: 14px;}/* cellule de gauche */
#colgauche{margin: 0 0 20px 14px;
	background: url(images/shim_orange.gif) repeat-y; background-position: 13px top;}
#colgauche #puces{margin: 300px 0 0 6px; line-height: 16px; height: 124px; 
	background: url(images/puces.gif) no-repeat left top #1a171b; padding-top: 10px;}
/*#colgauche #puces #transmettre{position: relative; top: 0; }*/
#colgauche #puces img{margin-right: 4px;}
#colgauche #puces a{/*position: relative; top: 0px; clear: both; */  display: block; line-height: 12px; width: 100%; height: 20px;}

/* ############### PARTIE CENTRALE ################### */
#central{width: 510px; padding:0; padding-top: 18px; text-align: left;}/* cellule centrale */
/* ##### Div central (sous la navigation) ###### */
#contenu{margin: 0; margin-top: 14px; padding:0; text-align: left; width: 100%}

/**  Menu  **/
#menu {margin: 4px 0 0 0; padding:0; float:left; width:100%; line-height:normal; list-style-type: none; }
#menu ul {margin:0; padding:0; list-style:none;}
#menu li {float:left; background:url("images/ongletG.gif") no-repeat left top; margin:0; padding:0/* 0 0 24px*/; width: 20%;}
#menu a {float:left; display:block; background:url("images/ongletD.gif") no-repeat right top; /*padding:px 25px 4px 6px*/padding-top:5px; padding-bottom: 4px; text-decoration:none;
  font-weight:normal; font-size: 11px; color: #636466; text-align: center;}
#menu a:hover{color: #f16600;}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */
#menu .active {background-image:url("images/ongletG_on.gif"); height: 25px;}
#menu .active a{background-image:url("images/ongletD_on.gif"); color: #f6e599; padding-bottom:5px;}
#menu .active a:hover{color:#FFFFFF;}
/* au cas où il n'y aurait pas de rubrique selectionnée */
#menu .espacebas{margin-bottom: 3px; height: 22px;}

/* ##### navigation sous-menu ###### */
.sousmenu{background: url(images/fond_sousmenu.gif) repeat-x bottom #f16600;
	height: 20px; clear: both; margin: 0 0 0 3px; padding: 0 8px;
	font-weight: normal;	font-size: 11px; line-height:18px; width: /*489px*/491px;}
.sousmenu a{
	font-weight:normal;
  	font-size: 11px;
  	color: #f6e599;
  	text-decoration: none}
.sousmenu a:hover{color: #ffffff;}
.sousmenu a.select{color: #ffc919;}


/* ##### zone invite offre cadeau ###### */
.identite{clear: both; width: 100%; /*height: 96px;*/margin : 0 0 14px 3px;}
.identite img{display: block; float: left; margin: 0 12px 0 0; padding: 1px; border: 1px solid #FFFFFF;}
.identite span{display: block; clear: left; text-align: center; width: 80px;}
/* ##### zone pour notations : boutons radio 1 à 10 ###### */
#entete{width: 388px; padding: 0; margin: 0 0 0 3px; clear: both; background: url(images/entete_fond.gif) repeat-x top #ee5f00;}
#entete #enteteG{text-align: left; margin:0; padding:0;}
#entete #enteteD{text-align: right; margin:0; padding:0;}
/* POUR BOUTONS TOP ou PAS */
#entete #enteteG a{background: url(images/enteteG.gif) no-repeat top left; display: block; height: 50px; /*width:100%;*/ text-align: left; padding: 4px 20px 0 20px; margin:0; line-height:40px;
	 color:#f16600; font-size:30px; font-weight: normal; font-family: Impact,Arial, Helvetica, sans-serif; letter-spacing: -1px; float: left; /*background: green;*/}
#entete #enteteD a{background: url(images/enteteD.gif) no-repeat top right; display: block; height: 50px; /*width:100%; text-align: right; */padding:4px 20px 0 20px; margin: 0; line-height:40px;
	color:#1a171b;font-size:30px; font-weight: normal; font-family: Impact,Arial, Helvetica, sans-serif; letter-spacing: -1px; float: right; /*background: green;*/}
/* modifs pour page JE VOTE */
#entete #enteteG a.vote{color:#1a171b; background: url(images/pas.gif) no-repeat top left; text-align: center; width: 92px;
	font-size:40px; line-height:60px; height: 72px; padding: 0;}
#entete #enteteD a.vote{color:#f16600; background: url(images/top.gif) no-repeat top right; text-align: center; width: 92px;
	font-size:40px; line-height:60px; height: 72px; padding: 0;}

#entete #entetecentre{/*background: url(images/entete_fond.gif) repeat-x top #ee5f00;*/ text-align: center; margin:0; padding:0; vertical-align: bottom;}
#entete #entetecentre span{float: left; margin: 0; margin-bottom: 8px; padding: 0; text-align: center; font-weight: bold; width: 20px; height: 30px;}
#entete #entetecentre div{clear: both; width: 160px; float: none;}


/* ##### bande blanche : filtre sexe et age ###### */
#filtre{color: #646464; width: 398px; min-height: 38px; background:url(images/filtreG.gif) no-repeat top left; margin: 0; padding: 0; clear: both; text-align: center;}
#filtre div{margin:0; padding:0;background: url(images/filtreD.gif) no-repeat top right; height: 100%; width: 100%;}
#filtre div div{display: block; margin:0; padding:0;background: url(images/filtreGbas.gif) no-repeat bottom left; height: 100%; width: 100%;}
#filtre div div p{display: block; height: 100%; width: 100%; background: url(images/filtreDbas.gif) no-repeat bottom right;
padding: 0; margin:0;}
#filtre div div p span{display: block; height: 100%;margin:0; padding:0; padding-bottom: 10px; padding-top: 10px;}

/* ##### Top list ###### */
#tritoplist{background: #f16600; border: 1px solid #FFFFFF; border-right:0; margin: 0; padding: 0 6px; height: 16px;}
#toplist div{margin-top:14px; text-align: right; display: block; clear: both;}
#toplist a.lientexte{display: block; float: right; padding: 2px 2px 1px 0; border:0;}
#premier{width: 340px;}/*cellule tableau pour premier top 20 */
a.phototoplist{border: 1px solid #CCCCCC;display: block; float: right; padding:1px; margin: 0 1px; margin-bottom: 4px;}
a.phototoplist:hover{border: 1px solid #FFFFFF;}
/*a.phototoplist img{margin:1px; padding:0;}*/
#soumettrephoto{margin-top: 12px; }
#soumettrephoto a img{border-left: 1px solid #ffffff; display: block; float: right; margin-left: 6px;}

/* ##### Nominations ###### */
.nominations{margin-top: 12px; margin-bottom: 15px; text-align: center; /*background-color: red; min-height: 160px;*/}
.nominations div{width: 32%; float: left;}
.nominations p{clear: both; margin: 0 8px;}
.nominations h4{clear: both;}
.nominations h3{clear: both;}
.nominations h2{clear: both;}
.nominations h1{clear: both;}
a.photonomin{padding:1px; border: 1px solid #CCCCCC; margin: 0 1px; display: block; float: right;}
a.photonomin:hover{border: 1px solid #FFFFFF;}

/* ##### Face à face ###### */
.faceaface{height: 110px; clear: both; margin-bottom: 10px;}
.faceaface div{width: 230px; float: left;}
.faceaface span{width: 125px; height: 85px; float: left; display: block; border-left: 1px solid #cccccc; padding-left: 12px;}
.faceaface img{display: block; float: left; padding: 1px; margin: 0 8px 0 0; border: 1px solid #cccccc;}

/* ##### pour div cote a cote ###### */
.visavis{text-align: left;}
.visavis div{width: 20%; float: left; margin-bottom: 12px;}
.visavis input{margin: 0 0 4px 2px;}
.visavis p{clear: both; margin: 0 8px;}
.visavis h4{clear: both;}

.visavis h3{clear: both;}

.visavis h2{clear: both;}

.visavis h1{clear: both;}

/* ##### zone de la photo : milieu ###### */
#visuelzone{color: #FFFFFF; width: 388px; background: url(images/visuel_fondG.gif) repeat-y left #f16600; margin: 0 0 0 3px; padding: 0; float: left;}
#visuelzone div.fonddroite{background: url(images/visuel_fondD.gif) repeat-y right; height: 100%; width: 100%; margin: 0; padding: 0; display: block; text-align: center;}
#visuelzone #recolte{margin: 0; padding: 0 1px 0 1px;}
/* ##### contenant photo ###### */
#photo{width: 378px; margin: auto; margin-top: 4px; padding: 10px 0; border: 0; background-color: #FFFFFF;}
/* ##### contenant photo ###### */
#visuelzone p{text-align: left; margin:8px 10px 0 15px; clear: left; font-size: 13px;}
#motsclefs{float: left; clear: both; text-align: left; margin: 8px 0 2px 1px; background: url(images/ong_noirorangeD.gif) top right no-repeat; width: 200px; height: 34px; color: #FFFFFF;}
#motsclefs h4{text-align: left; margin: 0 10px 0 0; padding: 0; padding-left: 10px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; color: #FFFFFF; height: 32px; background-color:  #1a171b; line-height: 32px;}

#motsclefs h3{text-align: left; margin: 0 10px 0 0; padding: 0; padding-left: 10px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; color: #FFFFFF; height: 32px; background-color:  #1a171b; line-height: 32px;}

#motsclefs h2{text-align: left; margin: 0 10px 0 0; padding: 0; padding-left: 10px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; color: #FFFFFF; height: 32px; background-color:  #1a171b; line-height: 32px;}

#motsclefs h1{text-align: left; margin: 0 10px 0 0; padding: 0; padding-left: 10px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; color: #FFFFFF; height: 32px; background-color:  #1a171b; line-height: 32px;}

/* ##### boutons à droite de la photo ###### */
#boutons{float: left; width: 110px; height: 300px;} 
#boutons a{display: block; width: 100%; height: 100%;}
#boutons div{line-height: 14px; text-align: left; clear: right; height: 34px; position: relative;}
#boutons div img{margin-right:3px;}
#btchance{top: 33px;/*margin-top: 33px;*/}
#btnomination{top:43px;/*top: 154px;margin-top: 120px;*/}
#btphoto{top:44px;/*top: 154px;margin-top: 120px;*/}
#btphoto a {text-decoration: none}
#bttransmettre{top: 45px;/*margin-top: 33px;*/}
#bttransmettre a {text-decoration: none}
#btcadeau{top:55px;/*top: 155px;margin-top: 1px;*/}
#btcadeau a {text-decoration: none}
#bttomate{top:56px;/*top: 156px;margin-top: 1px;*/}
#bttomate a {text-decoration: none}
#btinfos{top:57px;}
#btinfos a {text-decoration: none}

/* ##### bas de la zone de photo ###### */
#visueltalon{color: #646464; width: 388px; height: 41px; background: url(images/visueltalonG.gif) no-repeat left top; margin: 0 0 0 3px; padding: 0;  float: left; clear: left;}
#visueltalon p{margin:0; padding:0; background: url(images/visueltalonD.gif) no-repeat right top; height: 100%; width: 100%;}

/* ##### Talon ###### */
#talon{color: #cccccc; margin-top: 10px; padding-top: 8px; height:36px; border-top: 1px solid #FFFFFF; float: left; clear: both; width: 100%;  text-align: center; }
#talon a{color: #cdcdcd; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
#talon a:hover{color: #FFFFFF;}

/* ############################################## */
/* ############### PARTIE DROITE ################### */
#droite{padding: 18px 0 0 0; width: 148px;}/* cellule de droite */
#coldroite{margin: 0; width: 138px; margin-left: 14px; text-align: center;}

#flags{background: #FFFFFF; border: 1px solid #cccccc; width: 136px; height: 28px; text-align: center; padding:0; margin: 0; margin-bottom:8px;}
#flags img{margin: 5px 1px;}

/* ##### navigation sous-menu ###### */
.cartouche {margin: 18px 0 0 0; padding:0; width:100%; line-height: normal; text-align: center; clear: both;}
.cartouche div {background:url(images/cartoucheG.gif) no-repeat left top; margin:0; padding:0;}
.cartouche p {display:block; background:url(images/cartoucheD.gif) no-repeat right top; padding:5px 0 4px 0; margin:0; text-decoration:none;
  font-weight:normal; font-size: 11px; color: #636466;}
  
/* #### encart login #### */
.login {margin: 20px 0; width:135px; line-height: normal; text-align: right; clear: both; border-top: 1px solid #666666; border-bottom: 1px solid #666666; padding: 8px 6px 8px 0}
.login div {background:url(images/login.gif) no-repeat left top; margin:0; width:135px; height: 19px}
.login p {padding:1px 10px 0 0;}
.login p.note {display:block; margin:0; text-decoration:none; font-weight:normal; padding-top: 7px}
.login p a {text-decoration: none; font-size: 11px;}
.login p.note a {font-size: 10px}
.login p.note a:hover {font-size: 10px; color: #f16600}
.login p a:hover {text-decoration: none; color:#cccccc}

.login div.login2 {background:url(images/login2.gif) no-repeat left top; margin:12px 0 0 0;  width:135px; height: 47px; }


.murs{border: 0; border-left: 1px solid #909090; border-right: 1px solid #909090; padding: 0 5px 2px 5px; margin: 0; display: block; clear: both; text-align: center;}
/*.murs a,.murs p{font-size: 10px;}*/
.murs h4{text-align: left; font-size: 11px;}

.murs h3{text-align: left; font-size: 11px;}

.murs h2{text-align: left; font-size: 11px;}

.grille{width: 99%; padding: 3px; display: table-cell; text-align: center;}
/*.grille div{text-align: center; padding:0; display: block; float: left;}*/
.grille a{border: 1px solid #aaaaaa; margin: 1px; margin-right:0; padding:0; text-align: center; display: block; float: left; width: auto; }
.grille a:hover{border: 1px solid #FFFFFF;}
.grille img{margin:1px; padding:0; text-align: center;}

#paiement{padding: 10px 10px 20px 10px}

/* ############################################## */
/* ############### PARTIE PUBS ################### */
#pubs{width:143px; margin-left: auto; margin-right: auto; padding-top: 35px}
/*#gauche{background: Aqua;}
#central{background: Fuchsia;}
#droite{background: Lime;}*/