/* CSS Document */

/* contrairement a common.css */

.footer {
margin-top:50px;
}

/* */

.bloc-gch, .bloc-dte {
float:left;
}

.bloc-gch {
width:425px;
}

.bloc-dte {
width:500px;
margin-top:25px;
margin-left:25px;
}

/* bloc-gch */

.bloc-gch {
padding-left:19px;
}

.bloc-gch .titre-image-page {
margin-top:45px;
margin-bottom:45px;
}

.bloc-gch .contenu {
margin-left:10px;
padding-right:10px;
color:#021b7d;
}

.bloc-gch .contenu h2 {
font-size:18px;
text-transform:uppercase;
font-weight:normal;
}

.bloc-gch .contenu h1 {
font-size:30px;
text-transform:uppercase;
margin-bottom:30px;
font-weight:normal;
}

.bloc-gch .contenu p {
margin-bottom:15px;
}

.bloc-gch .contenu .tiret {
padding-bottom:20px;
}

/* Debut Etat = anonyme */

.bloc-gch .sinscrireb .titre-image {
margin-left:10px;
margin-top:0px;
}

.bloc-gch .sinscrireb .saisie {
background-image:url(../images/paroles-inscription/bg-inscription.png);
background-repeat:no-repeat;
height:123px;
width:375px;
}

.IE6 .bloc-gch .sinscrireb .saisie {
background-image:url(../images/paroles-inscription/bg-inscription.gif);
}

.bloc-gch .sinscrireb .saisie .datas {
float:left;
width:110px;
padding-left:27px;
padding-top:48px;
margin-right:5px;
}

.bloc-gch .sinscrireb .saisie .datas input {
color:#599fe4;
font-size:11px;
font-weight:bold;
border:none;
background:transparent;
width:108px;
}

.bloc-gch .sinscrireb .saisie .bouton-ok {
float:right;
padding-top:45px;
padding-right:20px;
}

.bloc-gch .sinscrireb .saisie .bouton-ok a {
display:block;
background:url(../images/boutons/btn-OK.png) no-repeat 0 0;
width:55px;
height:24px;
text-indent:-9999px;
}

.IE6 .bloc-gch .sinscrireb .saisie .bouton-ok a {
background:url(../images/boutons/btn-OK.gif) no-repeat 0 0;
}

.bloc-gch .sinscrireb .saisie .bouton-ok a:hover {
background-position:0 -24px;
}

.bloc-gch .sinscrireb .saisie .bottom .bouton-mp {
padding-top:25px;
padding-left:25px;
float:left;
}

.bloc-gch .sinscrireb .saisie .bottom .erreur {
padding-top:28px;
padding-left:25px;
float:left;
width:160px;
}

.bloc-gch .sinscrireb .saisie .bottom .erreur p {
color:#ff0000;
text-transform:uppercase;
font-size:10px;
}

.bloc-gch .titre-image {
margin-top:20px;
margin-left:10px;
}

.bloc-gch .bouton {
margin-top:10px;
}

.bloc-gch .bouton a {
background: url(../images/boutons/btn-sinscrire.png) no-repeat 0 0;
width:128px;
}

.IE6 .bloc-gch .bouton a {
background: url(../images/boutons/btn-sinscrireb.gif) no-repeat 0 0;
}

/* BOUTON NATURAL BEAUTY */

.bloc-gch .bouton-comment {
margin-top:10px;
}

.bloc-gch .bouton-comment a {
background: url(../images/boutons/lire-tous-les-commentaires.png) no-repeat 0 0;
width:234px;
height:38px;
}

.IE6 .bloc-gch .bouton-comment a {
background: url(../images/boutons/lire-tous-les-commentaires.gif) no-repeat 0 0;
width:234px;
height:38px;
}

/* ----------------- */

/* Fin etat = anonyme */

/* Debut Etat = identifie - pas de question */

.bouton-participer {
	margin-left:5px;
}

.bouton-participer a {
background: url(../images/boutons/participer.png) no-repeat 0 0;
width:122px;
}

.IE6 .bouton-participer a {
background: url(../images/boutons/participer.gif) no-repeat 0 0;
}

.bloc-gch .bouton a:hover,
.bouton-participer a:hover,
.bouton-favoris a:hover,
.bouton-comment a:hover {
background-position:0 100%;
}

.bloc-gch .bouton a,
.bouton-favoris a,
.bouton-comment a {
display:block;
height:38px;
text-indent:-9999px;
}

.bouton-participer a
{
	display:block;
	height:38px;
}

.bouton-favoris a {
height:53px;
margin:0 auto;
width:253px;
background:url(../images/boutons/mesfavoris.png) no-repeat 0 0;
}


/* Fin Etat = identifie - pas de question */

/* Debut Etat = identifie + question */

.id-qst .liste-btn-radio {
margin-left:12px;
color:#5a9fe4;
}

.id-qst .liste-btn-radio p {
font-weight:bold;
}

.id-qst .liste-btn-radio ul {
margin-top:10px;
}

.id-qst .liste-btn-radio ul li {
list-style-type:none;
height:20px;
}

.id-qst .bouton-participer {
margin-left:5px;
margin-top:15px;
}

/* Fin Etat = identifie + question */

/* Debut Etat = inscription validee */

.inscription-ok .bouton {
margin-left:10px;
}

.inscription-ok .mentions-tirage {
margin-left:30px;
margin-top:20px;
color:#5a9fe4;
}

.inscription-ok .mentions-tirage ul li {
list-style-image:url(../images/paroles-inscription/puce-chevron.gif);
padding-bottom:5px;
}

/* Fin Etat = inscription validee */

.footer .contenu .bouton-favoris a {
display:block;
text-indent:-9999px;
background:url(../images/boutons/mesfavoris.png) no-repeat 0 0;
}

.IE6 .footer .contenu .bouton-favoris a {
background:url(../images/boutons/mesfavoris.gif) no-repeat 0 0;
}

.footer .contenu .bouton-favoris a:hover {
background-position:0 100%;
}

.bouton-retour 
{
    margin-top:10px;
}

.bouton-retour a {
display:block;
background:url(../images/boutons/retour.png) no-repeat 0 0;
width:79px;
height:24px;
text-indent:-9999px;
}

.IE6 .bouton-retour a {
background:url(../images/boutons/retour.gif) no-repeat 0 0;
}

.bouton-retour a:hover {
background-position:0 -24px;
}

.erreurs { 
float:left;
padding-left:25px;
padding-top:2px;	
width:160px;
}

.erreurs p {
color:#ff0000;
text-transform:uppercase;
font-size:10px;
}