@charset "iso-8859-1";
@import url(common.css);

/* Espace Avantages */

/* Common */

.espace-avantage .content .bouton-profil {
	float:right;
}
.espace-avantage .content .bouton-profil p {
	float:left;
	margin-left:10px;
	margin-top:5px;
}
.espace-avantage .content p.txt-small {
	font-size:11px;
}

.espace-avantage .content .detail div {
	display:block;
	float:left;
}
.espace-avantage .content .detail .texte {
	margin-left:18px;
	width:630px;
	min-height:84px;
	padding-bottom:15px;
	border-bottom:#e3dfdd 1px solid;
	margin-bottom:30px;
}


/* Page espace avantages inscription etape 1 */

.espace-avantage.inscription .content h1 {
	float:none;
	border-bottom:#df68a6 1px solid;
}
.espace-avantage.inscription .content .champs {
	float:right;
	font-size:12px;
	padding-top:3px;
	padding-bottom:15px;
}
.espace-avantage.inscription .content .formulaire {
	margin-left:200px;
}
.espace-avantage.inscription .content .formulaire label {
	float:left;
	text-align:right;
	margin-right:15px;
	width:210px;
}
.espace-avantage.inscription .content .formulaire .label-civilite {
	float:left;
	margin-right:30px;
	margin-left:8px;
}
.espace-avantage.inscription .content .formulaire .input {
	float:left;
	width:250px;
	border:#dadada 1px solid;
	margin-bottom:10px;
}
.espace-avantage.inscription .content .formulaire .input-radio {
	float:left;
	margin-top:2px;
	margin-bottom:10px;
}

.espace-avantage.inscription .content .formulaire .input.small {
	width:125px;
}
.espace-avantage.inscription .content .formulaire .input.margin {
	margin-left:225px;
}
.espace-avantage.inscription .content .formulaire .input.no-margin {
	margin-bottom:0px;
}
.espace-avantage.inscription .content .formulaire .mention-small {
	font-size:12px;
	float:left;
	margin-left:10px;
}
.espace-avantage.inscription .content .formulaire .mention-big {
	font-size:12px;
	margin-left:225px;
	padding-top:3px;
	width:400px;
}
.espace-avantage.inscription .content .formulaire .bouton.rose {
	margin-left:225px;
	margin-top:25px;
	margin-bottom:15px;
	float:left;
}

.espace-avantage.inscription .content .formulaire .input.erreur {
	border:#ff0000 1px solid;
}
.espace-avantage.inscription .content .formulaire .txt-erreur {
	color:#ff0000;
	float:left;
	margin-left:10px;
}

.espace-avantage.inscription .content .bloc-bg-deg .txt-erreur {
	color:#ff0000;
	float:left;
	margin-bottom:10px;
}
.espace-avantage.inscription .content .content-new-form {
    padding-left:100px;
    padding-right:107px;
}
.espace-avantage.inscription .content .content-new-form-modif {
    padding-left:120px;
    padding-right:87px;
}



/* END Page espace avantages inscription */

/* Page espace avantages inscription etapes suivantes */

.espace-avantage.inscription .content h2.puce {
	line-height:normal;
	background:url(../images/common/puce_rectangle_rose.gif) 3px 2px no-repeat;
	padding-left:15px;
}

.espace-avantage.inscription .content .bloc-bg-deg {
	margin-top:12px;
	padding-bottom:0px;
}
.espace-avantage.inscription .content .bloc-bg-deg.no-margin {
	margin-top:0;
}
.espace-avantage.inscription .content .bloc-bg-deg .content-box {
	padding-left:0px;
	padding-right:0px;
}
.espace-avantage.inscription .content .bloc-bg-deg .content-box .question-header {
	background:url(../images/common/bg_content_deg_header.gif) repeat-x;
	background-position:bottom;
	min-height:25px;
	font-size:15px;
	padding-left:16px;
	padding-right:16px;
	padding-top:5px;
	padding-bottom:10px;
}
.espace-avantage.inscription .content .bloc-bg-deg .content-box .question-header p span {
	font-size:13px;
}
.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix {
	border-top:#e5e2e0 1px solid;
	padding-top:20px;
	padding-left:16px;
	padding-right:16px;
}

.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix-small {
	border-top:#e5e2e0 1px solid;
	padding-top:20px;
	padding-left:16px;
	padding-right:16px;
}

.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix .input-radio input {
	float:left;
	margin-top:2px;
	margin-right:10px;
}

.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix-small .input-radio input {
	float:left;
	margin-top:2px;
	margin-right:10px;
}

.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix label {
	float:left;
	padding-bottom:15px;
	width:650px;
}
.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix .label-small {
	width:305px;
}

.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix-small label {
	float:left;
	padding-bottom:15px;
	width:300px;
}

.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix .input-checkbox input {
	float:left;
	margin-top:2px;
	margin-right:10px;
}
.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix .input-checkbox label {
	float:left;
	padding-bottom:10px;
	width:200px;
}
.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix .input-checkbox-bottom {
	float:left;
	margin-top:18px;
	margin-right:10px;
    margin-left:2px;
}
.espace-avantage.inscription .content .bloc-bg-deg .content-box .choix label.margin {
	padding-top:16px;
	float:left;
	padding-bottom:10px;
}
.espace-avantage.inscription .content .back {
	float:left;
	margin-top:18px;
	margin-bottom:18px;
}
.espace-avantage.inscription .content .next {
	float:right;
	margin-top:18px;
	margin-bottom:18px;
}
.espace-avantage.inscription .content .btn {
	margin-top:18px;
	margin-left:auto;
	margin-right:auto;
}
.espace-avantage.inscription .content .btn.valider {
	width:100px;
}
.espace-avantage.inscription .content .btn.decouvrez {
	width:350px;
}
.espace-avantage.inscription .content .btn.accedez {
	width:250px;
}

.espace-avantage.inscription .content .btn.participer {
	width:250px;
	margin-left:280px;
}

.espace-avantage.inscription .content .mentions {
	font-size:11px;
	padding-top:18px;
	padding-bottom:18px;
}
.espace-avantage.inscription .content .center {
	width:670px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:80px;
	padding-bottom:80px;
}

/* Page espace avantages inscription etapes suivantes */

/* Page espace avantages jeu */

.espace-avantage.jeu .content .visuel {
	padding-top:20px;
	padding-bottom:20px;
}
.espace-avantage.jeu .content p.padding-bottom {
	padding-bottom:15px;
}
.espace-avantage.jeu .content .input.checkbox {
	float:left;
	margin-top:2px;
}
.espace-avantage.jeu .content label {
	float:left;
	padding-left:7px;
}
.espace-avantage.jeu .content label a {
	text-decoration:underline;
	color:#9c928d;
}
.espace-avantage.jeu .content .bouton.rose {
	float:right;
}
.espace-avantage.jeu .content .content-box.bottom {
	padding-left:17px;
	padding-right:17px;
	padding-bottom:20px;
	padding-top:40px;
}

.espace-avantage.jeu .content .txt-erreur {
	color:#ff0000;
	float:left;   
}



/* END Page espace avantages jeu */


/* Page espace avantages mot de passe oublié */

.espace-avantage.password .content .input.password-oublie  {
	float:left;
	width:195px;
	margin-right:10px;
	margin-top:12px;
	margin-bottom:12px;
	border:#dadada 1px solid;
}
.espace-avantage.password .content .bouton.rose {
	float:left;
	margin-top:11px;
}

/* END Page espace avantages mot de passe oublié */


/* Page espace avantages votez pour le prochain dossier  */

.espace-avantage.dossier .content h4 {
	font-weight:normal;
}
.espace-avantage.dossier .content p.padding-bottom {
	padding-bottom:30px;
}
.espace-avantage.dossier .content .bouton.rose {
	float:right;
	margin-top:5px;
}
/* END Page espace avantages votez pour le prochain dossier  */


/* Page espace avantages experts */

.espace-avantage.expert .content h3 {
	line-height:50px;
}
.espace-avantage.expert .content h4 {
	font-weight:normal;
}

/* END Page espace avantages experts */

/* Page espace avantages DVD */

.espace-avantage.dvd .visuel {
    float:left;
    margin-top:50px;
}
.espace-avantage.dvd .valider {
    margin-top:25px;
}
.espace-avantage.dvd .txt-mentions {
    clear:both;
    padding-top:30px;
    padding-bottom:10px;
    text-align:right;
    font-size:11px;
}
.espace-avantage.dvd .txt-intro-confirm {
    padding-top:15px;
    padding-bottom:25px;
}
.espace-avantage.dvd .retour {
    float:right;
    margin-bottom:20px;
}

/* END Page espace avantages DVD */



/* Page espace avantages questions expert  */

.espace-avantage.question-expert .content .choix-expert {
	padding-top:12px;
	padding-bottom:12px;
}
.espace-avantage.question-expert .content .choix-expert p {
	float:left;
}
.espace-avantage.question-expert .content .choix-expert .select {
	float:left;
	color:#9c928d;
	width:300px;
	border:#dcdcdc 1px solid;
	margin-left:5px;
}
.espace-avantage.question-expert .content a.les-experts {
	color:#df68a6;
}
.espace-avantage.question-expert .content a.les-experts:hover {
	text-decoration:underline;
}
.espace-avantage.question-expert .content .autre-expert h5 {
	font-weight:normal;
	font-size:13px;
	padding-bottom:3px;
	border-bottom:#e3dfdd 1px solid;
	margin-bottom:6px;
}
.espace-avantage.question-expert .content .autre-expert p a {
	background:url(../images/common/puce_fleche_marron-blanc.gif) left 5px no-repeat;
	color:#9c928d;
	padding-left:15px;
	padding-bottom:10px;
	display:block;
	width:180px;
}

.espace-avantage.question-expert .content .autre-expert a.bouton span span span { 
    margin-bottom:10px;
} 

.espace-avantage.question-expert .content .autre-expert p a:hover {
	text-decoration:underline;
}


.espace-avantage.question-expert .content .detail .texte {
	margin-left:10px;
	min-height:0;
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0;
}
.espace-avantage.question-expert .content .question-titre {
	margin-top:20px;
}
.espace-avantage.question-expert .content .txt-question {
	padding-bottom:15px;
	border-bottom:#e3dfdd 1px solid;
}
.espace-avantage.question-expert .bloc-bg-deg .content-box .background {
	min-height:144px;
}
.espace-avantage.question-expert .bloc-bg-deg .content-box .background .input.textarea {
	width:680px;
	height:65px;
	margin-top:15px;
	border:#dadada 1px solid;
}
.espace-avantage.question-expert .bloc-bg-deg .content-box .background .bouton.rose {
	float:right;
	margin-top:15px;
}

/* END Page espace avantages questions expert  */


/* Page espace avantages avis  */

.espace-avantage.avis .content .choix-produit {
	padding-top:10px;
	padding-bottom:15px;
}
.espace-avantage.avis .content .choix-produit .select {
	float:left;
	color:#9c928d;
	width:200px;
	border:#dcdcdc 1px solid;
	margin-right:10px;
}
.espace-avantage.avis .bloc-bg-deg {
	margin-top:0;	
}
.espace-avantage.avis .bloc-bg-deg .content-box .background {
	min-height:144px;
}
.espace-avantage.avis .bloc-bg-deg .content-box .background .input.textarea {
	width:680px;
	height:65px;
	margin-top:15px;
	border:#dadada 1px solid;
}
.espace-avantage.avis .bloc-bg-deg .content-box .background .bouton.rose {
	float:right;
	margin-top:15px;
}

.espace-avantage.avis .bloc-bg-deg .content-box .txt-erreur {
	color:#ff0000;
	float:left;   
}

/* END Page espace avantages avis  */


/* Page espace avantages guides */

.espace-avantage.guide .content .txt-bleu.margin {
	padding-top:20px;	
}
.espace-avantage.guide .content .visuel-guide {
	padding-top:15px;
}
.espace-avantage.guide .content .visuel-guide li {
	float:left;
	margin-right:100px;	
	margin-bottom:25px;
}
.espace-avantage.guide .content .visuel-guide li.no-margin {
	margin-right:0px;	
}
.espace-avantage.guide .content .visuel-guide li img {
	border:#e5e2e0 1px solid;	
}
.espace-avantage.guide .content .titre-guide {
	padding-top:15px;
	width:177px;
	text-align:center;
	padding-bottom:10px;
}
.espace-avantage.guide .content .bouton.rose {
	margin-left:35px;
	float:left;
}

/* END Page espace avantages guides */


/* Page espace avantages collecteur  */

.espace-avantage.collecteur .content .content-box.padding {
	padding-bottom:20px;
}
.espace-avantage.collecteur .content .detail .visuel .legende {
	font-size:11px;
	width:180px;
	text-align:center;
	padding-top:6px;
}
.espace-avantage.collecteur .content .detail .visuel .legende a {
	color:#df68a6;
}
.espace-avantage.collecteur .content .detail .texte {
	min-height:0;
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0;
	width:530px;
}
.espace-avantage.collecteur .content .bouton.rose {
	margin-top:10px;
	float:right;
}
/* END Page espace avantages collecteur  */


/* Page espace avantages non-loggue + loggue */

.espace-avantage.non-loggue .content h1 {
	float:none;
	border-bottom:#df68a6 1px solid;
}
.espace-avantage.non-loggue .content-box.padding, .espace-avantage.loggue .content-box.padding {
	padding-bottom:25px;
	padding-top:15px;
	padding-left:40px;
	padding-right:40px;
}
.espace-avantage.non-loggue .btn {
	width:145px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
.espace-avantage.non-loggue .bloc-bg-deg, .espace-avantage.loggue .bloc-bg-deg {
	float:left;
	width:290px;
	padding-bottom:0;
	margin-top:25px;
	margin-right:14px;
}
.espace-avantage.non-loggue .bloc-bg-deg.no-margin, .espace-avantage.loggue .bloc-bg-deg.no-margin {
	margin-right:0px;
}
.espace-avantage.non-loggue .bloc-bg-deg .content-top-box, .espace-avantage.loggue .bloc-bg-deg .content-top-box {
	background:url(../images/common/bg_content_top_290.gif) no-repeat;
	width:290px;
}
.espace-avantage.non-loggue .bloc-bg-deg .content-bottom-box, .espace-avantage.loggue .bloc-bg-deg .content-bottom-box {
	background:url(../images/common/bg_content_bottom_290.gif) no-repeat;
	width:290px;
}
.espace-avantage.non-loggue .content .bloc-bg-deg .content-box, .espace-avantage.loggue .content .bloc-bg-deg .content-box {
	padding-left:0px;
	padding-right:0px;
}
.espace-avantage.non-loggue .content .bloc-bg-deg .content-box .txt-header, .espace-avantage.loggue .content .bloc-bg-deg .content-box .txt-header {
	background:url(../images/common/bg_content_deg_header.gif) repeat-x;
	background-position:bottom;
	min-height:25px;
	font-size:15px;
	padding-left:16px;
	padding-right:16px;
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:#e5e2e0 1px solid;
}
.espace-avantage.non-loggue .content .bloc-bg-deg .content-box .choix {
	background:url(../images/common/bg_content_deg_m.gif) repeat-x;
	background-position:bottom;
	min-height:190px;
	margin-left:10px;
	margin-right:10px;
	padding-left:6px;
	padding-right:6px;
	padding-top:20px;
	padding-bottom:10px;
}
.espace-avantage.non-loggue .content .bloc-bg-deg .content-box .choix a {
    color:#9C928D;
}
.espace-avantage.non-loggue .content .bloc-bg-deg .content-box .choix a:hover {
    color:#9C928D;
    text-decoration: underline;
}
.espace-avantage.non-loggue .content .bloc-bg-deg .content-box .choix .picto, .espace-avantage.loggue .content .bloc-bg-deg .content-box .choix .picto {
	width:60px;
}
.espace-avantage.non-loggue .content .bloc-bg-deg .content-box .choix td, .espace-avantage.loggue .content .bloc-bg-deg .content-box .choix td {
	padding-bottom:15px;
}


.espace-avantage.loggue .content .bloc-bg-deg .content-box table {
	margin-left:10px;
}
.espace-avantage.loggue .content .bloc-bg-deg .content-box td {
	background:url(../images/common/bg_content_deg_m.gif) repeat-x;
	background-position:bottom;
	min-height:105px;
	padding-left:6px;
	padding-right:6px;
	padding-top:20px;
	padding-bottom:10px;
}
.espace-avantage.loggue .content .bloc-bg-deg .texte {
	height:60px;
}
.espace-avantage.loggue .content .bloc-bg-deg .content-box td.picto {
	vertical-align:top;
}

/* END Page espace avantages non-loggue */

.espace-avantage .btn.login 
{
	position:relative;
	left:-70px;
	top:23px;
}

.espace-avantage .btn.sinscrire 
{
	position:relative;
	left:125px;
}

/* *+html => IE 7 */
*+html .espace-avantage .btn.login 
{
	top:50px;
}

/* *+html => IE 6 */
*html .espace-avantage .btn.login 
{
	top:50px;
}