/* CSS Document */
/*
*/
/* 02-08-07 | start */
/* 02-08-07 | start */
/* 02-08-07 | start */
#header, #header_non {
background:transparent url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/supercasino_fr.png) no-repeat 0 0;
width:491px;
height:100px;
}
#header_oui {
background:transparent url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_supercasino_fr.png) no-repeat 0 0;
width:491px;
height:100px;
}
#content_top1 {
background:transparent url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/accueil_titre_news.png) no-repeat 0 0;
width:491px;
height:81px;
}
#content_top2 {
background:transparent url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/non_inscription_prise_en_compte.png) no-repeat 0 0;
width:491px;
height:66px;
}
#content_top3 {
background:transparent url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/non_inscription_encart_news.png) no-repeat 0 0;
width:491px;
height:89px;
}
#content_top4 {
background:transparent url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/non_inscription_newsletter.png) no-repeat 0 0;
width:491px;
height:66px;
}
#content_top1_oui {
background:transparent url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_inscription_prise_en_compte.png) no-repeat 0 0;
width:491px;
height:66px;
}
#content_top2_oui {
background:transparent url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_gagnez_20smiles.png) no-repeat 0 0;
width:491px;
height:89px;
}
#content_top3_oui {
background:transparent url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_inscription_newsletter.png) no-repeat 0 0;
width:491px;
height:66px;
}
/* 02-08-07 | end */
/* 02-08-07 | end */
/* 02-08-07 | end */
/* initialisation */
body {
font-family:Verdana, Arial, Helvetica, sans-seri;
font-size:11px;
margin:0;
padding:0;
background:#2786c5 url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_bg_global.jpg) repeat-x;
}
body.oui {
background:#2786c5 url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_bg_global.jpg) repeat-x;
}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;}
ul {list-style-type:none;}
ul li {list-style-type:none; margin:0}
* {
margin:0;
padding:0
}
a img {border:0}
/* grandes structures */
#global {width:491px; margin:10px auto 0 auto;}
#global img {display:block}
#bot {width:491px; height:15px; margin:0 auto; background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_global_bot.png) no-repeat}
/* grandes structures oui */
.oui #bot {background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_global_bot.png) no-repeat}
/* commun à plusieurs pages */
#inscription, #qualification {width:446px; padding-left:45px; background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_global_mid.png) repeat-y}
#inscription small, #qualification small {display:block; margin-left:-20px}
/* commun à plusieurs pages oui */
.oui #inscription, .oui #qualification {background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_global_mid.png) repeat-y}
/* accueil */
#accueil {width:491px; height:291px; background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_global_mid.png) repeat-y}
#accueil img {float:right; padding-right:45px} /* 45-17=28 */
#accueil p {margin:20px 0; padding-left:57px; float:left; font-weight:bold; color:#739f1d;}
#accueil a {display:block; float:left; width:230px; height:155px;}
#accueil a img {float:none; padding:0}
#accueil a#redirect_non {margin-left:16px}
* html #accueil a#redirect_non {margin-left:8px}
/* inscription */
#inscription img {float:right; padding-right:16px}
#inscription p.email {margin:20px 0; padding-left:30px; float:left}
#inscription p.email label {display:block; width:180px; text-align:center; margin-bottom:5px}
#inscription p.email input {width:180px; background-color:#739f1d}
#inscription div#encart_top, #inscription div#encart_bot {width:414px; height:9px; padding:0; font-size:.1em; background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/form_top.gif) no-repeat}
#inscription div#encart_top {height:30px; background-position:bottom}
#inscription div#encart_bot {height:16px; background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/form_bot.gif) no-repeat}
#inscription div {width:374px; clear:both; padding:7px 20px 10px 20px; display:table; background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/form_mid.gif) repeat-y}
#inscription div p {clear:both; padding:5px 0; display:table; color:#739f1d; font-weight:bold}
#inscription div p strong, #inscription div p input {float:left; color:#739f1d; margin-right:3px}
#inscription div p strong {width:170px; font-size:.9em;}
#inscription div p label {float:left; font-weight:normal; font-size:.9em; color:#000; margin-right:15px}
#inscription input#valide_form {clear:both; display:block; width:93px; height:45px; margin-left:155px; padding:0 0 18px 0}
/* inscription oui */
.oui #inscription p.email input {width:180px; background-color:#469ed9}
.oui #inscription div p {color:#0c7cc9}
.oui #inscription div p strong, .oui #inscription div p input {color:#0c7cc9}
/* qualification */
#qualification ul {width:446px;}
#qualification ul li {width:446px; float:left; clear:both; padding:3px 0;}
#qualification ul li label {width:147px; float:left; text-align:right; padding:4px 5px 0 0}
#qualification ul li label.width_auto {width:auto}
#qualification ul li input {width:226px; float:left; padding:2px 2px 0 2px; background-color:#9fc84e}
#qualification ul li input.small {width:20px; margin-right:3px; text-align:center}
#qualification ul li input.medium {width:40px; text-align:center}
#qualification ul li input.intermediate {width:130px; margin-left:3px}
#qualification ul li input.radio {width:auto; margin:0 3px; background:none}
#qualification ul li span {float:left; width:72px; text-align:right; padding:4px 5px 0 0}
#qualification ul li select {width:85px; float:left; background:none}
#qualification ul li select.bg {background-color:#9fc84e; margin-left:18px}
#qualification input#valide_form {clear:both; display:block; width:135px; height:47px; margin:0 auto; padding:10px 0 3px 0}
/* qualification oui */
.oui #qualification ul li input {background-color:#469ed9}
.oui #qualification ul li select.bg {background-color:#469ed9}
/* confirmation */
#confirmation {width:491px; background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/global_mid.png) repeat-y}
#confirmation p {text-align:center; color:#bd0b0f; font-weight:bold; padding-bottom:90px;}
#confirmation img {margin:0 auto 90px auto; display:block}
#confirmation img#valide_form {margin:0 auto; padding:10px 0}
#verif_numero {width:491px; padding-top:75px; background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/global_mid.png) repeat-y}
#verif_numero img {margin:0 auto 40px auto; display:block}
#verif_numero a img {margin-bottom:0}
#verif_numero img#valide_form {padding-bottom:50px}
/* confirmation oui */
.oui #confirmation {background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_global_mid.png) repeat-y}
.oui #verif_numero {background:url(http://images.mperf.com/images/clients/g/groupecasino/forms/images/oui_global_mid.png) repeat-y}