@charset "UTF-8";
/* CSS Document */

/* BODY */

html{ height:100%}
body{ background:#FFF;height:100%}
.global{
background-image: url(../images/bg.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
min-width: 100%;
min-height: 100%;
}

/* HEADER */
header{ background:#FFF; height:177px; overflow:hidden}
.logo{padding-top:30px; text-align:center;}

/* CONTENT */
.langue a{ display:block; background:#b22346; padding:10px 20px; float:right; color:#FFF; text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
.content-cheque{ padding-bottom:150px;}
.index-txt img{ margin-top:30px; margin-bottom:60px;}
.index-txt p{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#222222; text-transform:uppercase; line-height:50px}
.index-txt p b{ font-weight:bold; font-size:40px;}
.index-txt p span{padding-left:20px; padding-right:20px; background:#b22346; color:#FFF; font-size:60px;}
.index-txt p strong{font-size:20px;}
.index-txt .jeu{ margin-top:30px; margin-bottom:10px;}
.index-txt .jeu p{ color:#222222; line-height:20px;}
.index-txt .jeu b{ font-size:20px;}
.cheque{margin:auto; z-index:1; text-align:center;}
.form-cheque{ background:#b22346; width:46%; margin:auto; padding-top:35px; padding-bottom:35px;-webkit-box-shadow: 0 0 40px 1px #2c2c2c;
box-shadow: 0 0 40px 1px #2c2c2c;-webkit-border-radius: 5px;
border-radius: 5px;border:1px solid #FFF;}
.form-cheque input[type=text]{ height:36px; width:280px; margin-bottom:20px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; color:#474747; font-size:14px; background:#FFF; border:1px solid #dddddd;}
input::-webkit-input-placeholder { /* WebKit browsers */
    font-family:Arial, Helvetica, sans-serif; color:#474747; font-size:14px;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family:Arial, Helvetica, sans-serif; color:#474747; font-size:14px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family:Arial, Helvetica, sans-serif; color:#474747; font-size:14px;
}
input::-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family:Arial, Helvetica, sans-serif; color:#474747; font-size:14px;
}
textarea::-webkit-input-placeholder { /* WebKit browsers */
    font-family:Arial, Helvetica, sans-serif; color:#474747; font-size:14px;
}
textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family:Arial, Helvetica, sans-serif; color:#474747; font-size:14px;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family:Arial, Helvetica, sans-serif; color:#474747; font-size:14px;
}
textarea::-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family:Arial, Helvetica, sans-serif; color:#474747; font-size:14px;
}
.form-cheque input[type=submit]{ width:150px; height:50px; background:#0fc75d; border:none;color:#FFF; font-size:16px;cursor:pointer;-webkit-appearance: none;-webkit-border-radius: 5px;
border-radius: 5px; text-transform:uppercase;}
.faq{ margin-top:30px;font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#222;}
.faq p a{ font-family: Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; color:#222;border-bottom:1px solid #222; padding-bottom:1px;}
.dl{ margin-top:30px;font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#222;}
.dl p{ margin-bottom:10px;}

.question{background:rgba(255,255,255,0.9); margin-top:20px !important; margin-bottom:20px !important; padding-top:20px !important; padding-bottom:20px !important;-webkit-box-shadow: 0 0 40px 1px #2c2c2c;
box-shadow: 0 0 40px 1px #2c2c2c;-webkit-border-radius: 5px;
border-radius: 5px;}
.content-question{ width:960px;}
.form-question{ margin-left:40px;float:left;}
.sidebar{ float:left; width:492px; text-align:center;}
.sidebar img{ width:100%;}
.form-question form{ width:408px; float:left;}
.form-question h1{ font-family: Arial, Helvetica, sans-serif; color:#1a1a1a; font-size:40px; margin-bottom:25px;}

.form-question p a{ font-family: Arial, Helvetica, sans-serif; color:#eb212e; font-size:14px;}
.form-question input[type=text]{height:36px; width:280px; margin-bottom:20px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; background:#e6e6e6; border:2px solid #cbcbcb;}
.form-question input[type=number]{ height:36px; width:280px; margin-bottom:20px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; background:#e6e6e6; border:2px solid #cbcbcb;}
.form-question input[type=radio]{ margin-bottom:15px; padding-left:20px; font-family: Arial, Helvetica, sans-serif; color:#1a1a1a; font-size:20px;}
form-question .label{font-family:  Arial, Helvetica, sans-serif; color:#1a1a1a; font-size:14px; margin-bottom:10px;}
.form-question input[type=submit]{  width:305px; height:50px; background:#b22346; border:none;color:#FFF; font-size:16px;cursor:pointer;-webkit-appearance: none;-webkit-border-radius: 5px;
border-radius: 5px; text-transform:uppercase;}
#share a{ display:block;width:305px; height:50px;
color: #fff;
background-color: #4b68b9;
border-color: #425da9;
background-image: -webkit-linear-gradient(top, #526ebc 0, #4765b8 100%);
background-image: -o-linear-gradient(top, #526ebc 0, #4765b8 100%);
background-image: linear-gradient(to bottom, #526ebc 0, #4765b8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff526ebc', endColorstr='#ff4765b8', GradientType=0);
background-size: 100%;
background-position: 0 0;
text-shadow: 0 -1px 0 #3b55a0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: Arial, Helvetica, sans-serif; font-size:16px;cursor:pointer;-webkit-appearance: none;-webkit-border-radius: 5px;
border-radius: 5px; text-transform:uppercase; text-align:center; text-decoration:none; line-height:50px;}

form.info{ width:534px; margin-right:46px;}
.txt{ float:left; width:280px; padding-top:65px; text-align:justify; font-family:Arial, Helvetica, sans-serif;}
.form-question textarea{height:200px; width:400px; margin-bottom:20px; padding:20px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; background:#e6e6e6; border:2px solid #cbcbcb;}
.form-question a.btn{ width:310px; height:50px; background:#b22346; border:none;-webkit-border-radius: 5px;border-radius: 5px;font-family: Arial, Helvetica, sans-serif; color:#FFF; font-size:24px;cursor:pointer; margin-top:20px;text-decoration:none; padding-left:20px; padding-right:20px; display:block; text-align:center; line-height:50px;}
.check{ border:1px solid #1e9145; padding:10px; background-color:#cee6c3;  height:20px; margin-bottom:20px; margin-top:10px; width:512px; position:relative;}
.check p{ padding-left:20px;padding-top:2px; line-height:18px !important;color:#1e9145 !important;}
.check img{ position:absolute; left:10px;}
.check3{ border:1px solid #cb2026; padding:10px; background-color:#F6CBCA; height:20px; margin-bottom:20px; margin-top:10px; width:312px; position:relative; padding-left:35px;}
.check3 p{ padding-top:2px;color:#cb2026 !important;}
.check3 img{ position:absolute; left:10px;}
.bg-form-img{ display:none;}
/*.reglement{ width:880px; text-align:justify;}*/
.reglement{width: 90%;margin: auto;text-align: justify;}
.reglement h1{
	font-family: Arial, Helvetica, sans-serif;
    color: #1a1a1a;
    font-size: 25px;
    margin-bottom: 25px;
	text-align:center;
}
.adresse-num{ width:90px !important;}
.adresse-cp{ width:130px !important;}
.adresse-ville{ width:350px !important;}
.adresse-fixe{ width:238px !important;}
.adresse-gsm{ width:238px !important;}
.parrainer-gratuit{ margin-left:25px;}
.parrainer-gagnant-petit{ display:none;}
.parrain-merci{ width:400px; margin-right:20px; float:left;}
.parrain-merci h1{ font-size:35px;}

/* FOOTER */

footer{ background:#b22346;height:110px;position: relative !important;clear:both;margin-top: -110px !important;z-index:10}
footer p{ font-family: Arial, Helvetica, sans-serif; color:#FFF; margin-top:35px; text-align:center;}
footer p b{font-weight:bold;line-height: 25px;}
footer p a{ color:#FFF; text-decoration:none; font-size:20px;}
footer .adresse p{ font-size:14px;}
footer .site p{ text-align:center; text-transform:uppercase;}
footer .social p{ font-size:14px;}

/* MEDIA QUERY */



@media only screen and (min-width: 768px) and (max-width: 959px) {
	header{ height:130px;}
	.global{background-position:top center;}
	.logo{ padding-top:33px;}
	.mag img{ width:90%;}
	
	.content-footer { width: 768px;}
	.form-cheque{ width:54%;}	
	
	
	.question img{ width:100%;}
	.content-question{ width:768px;}
	.form-question form{ width:306px;}
	.sidebar{ width:402px;}
	.reglement{ width:688px;}
	
	.contact-gratuit{ display:none;}
	.form-question input[type=submit] {-webkit-appearance: none;}
	#share a {-webkit-appearance: none; width:88% !important;}
	
	.question-gratuit{ width:200px !important;}
	
	form.info{ width:100%;}
	.txt{ width:690px; margin-top:30px;}
	
	.parrainer-gratuit{ width:250px !important; margin-left:65px;}
	.parrainer-gagnant{width:350px !important; margin-top:-25px;} 
	.parrain-merci{ width:300px;}
	
	.form-parrain form { width:306px !important;}
	
	footer{height:130px;margin-top: -130px !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.global{background-image: url(../images/bg2.jpg); background-size:cover;}
	header{ height:227px;}
	.global{background-position:top center;}
	.logo{ text-align:center; padding-top:20px;}
	.mag{ text-align:center;}
	.mag img{ width:80%;}
	.index-txt img{ margin-bottom:30px;}
	.index-txt p{ font-size:13px !important;}
	.index-txt p span{ font-size:36px;}
	.index-txt p b{ font-size:35px;}
	.content-footer { width: 420px;}
	.form-cheque{ width:100%;}
	.faq{line-height: 45px;}
	footer{ height:220px;}	
	footer .adresse p{ text-align:center;}
	footer .site p{ text-align:center;}
	footer .social p{ text-align:center;}
	
	.willemot{padding-top: 0 !important;margin-top: -14px !important;}
	
	.sidebar{ display:none;}
	.sidebar.facebook-box{ display:block !important; width:380px !important;}
	.sidebar.facebook-box iframe{ width:380px !important; height:200px !important;}
	.content-question{ width:420px;}
	.form-question{ margin-left:20px; margin-right:20px;}
	.form-question h1 { font-size:30px;}
	.reglement{ width:380px;}
	
	.contact-gratuit{ display:none;}
	.form-question form { width:384px;}
	.form-question textarea { width:340px;}
	.form-question input[type=submit] { margin-top:0px; float:none; width: 100%; margin-bottom:10px;-webkit-appearance: none;}
	.form-question textarea{ width:92%;}
	.form-question input[type=text]{width: 92% !important;}
	
	.question-gratuit{ display:none;}
	.form-question input[type=number] {width: 358px; height:40px;}
	.form-question input[type=submit] { margin-right:0px !important;width:98% !important;}
	#share a{margin-right:0px !important; width:98% !important; margin-bottom:20px;}
	.adresse-num{ width:50px !important;}
	.adresse-cp{ width:70px !important;}
	.adresse-ville{ width:256px !important;}
	.adresse-fixe{ width:160px !important;}
	.adresse-gsm{ width:160px !important;}
	.form-question input[type=text] { width:276px; height:30px;}
	.txt{ width:380px; margin-top:20px;}
	
	.parrainer-gratuit{ display:none;}
	
	.parrainer-gagnant{ display:none;}
	.parrainer-gagnant-petit{ display:block;width:350px !important; margin-top:-27px; margin-bottom:20px;} 
	.parrain-merci{ width:380px;}
	.form-question .parrain-merci a.btn{ width:88% !important; margin-bottom:20px;}
}
@media only screen and (max-width: 479px) {
	
	.global{background-image: url(../images/bg2.jpg); background-size:cover;}
	header{ height:206px;}
	.logo{ text-align:center; padding-top:20px;}
	.logo img{ width:100%;}
	.mag{ text-align:center;}
	.mag img{ width:100%;}
	.index-txt img{ margin-bottom:30px;}
	.index-txt p{ font-size:14px !important; line-height:28px;}
	.index-txt p span{ font-size:24px;}
	.index-txt p b{ font-size:19px;}
	.index-txt p strong{ font-size:19px;}
	.content-footer { width: 260px; margin:auto;}
	.form-cheque{ width:100%;}
	.form-cheque input[type=text]{ width:210px;}
	.faq{line-height: 26px; margin:auto; margin-top:30px; font-size:14px;}
	footer{ height:280px;}	
	footer .adresse,footer .site,footer .social{ width:100% !important;}
	footer .adresse p{ text-align:center;}
	footer .site p{ text-align:center;}
	footer .social p{ text-align:center;}
	
	.willemot{padding-top: 0 !important;margin-top: -14px !important;}
	
	.sidebar{ display:none;}
	.sidebar.facebook-box{ display:block !important; width:260px !important;}
	.sidebar.facebook-box iframe{ width:260px !important; height:200px !important;}
	.question{ margin-bottom:0px !important;}
	.content-question{ width:300px; background-size: contain;}
	.form-question{ margin-left:20px; margin-right:20px;}
	.form-question h1 { font-size:30px;}
	.reglement{ width:260px;}
	
	.contact-gratuit{ display:none;}
	.form-question form { width:260px;}
	.form-question textarea { width:221px;}
	#share a { margin-right:0px !important; width:98% !important;margin-bottom:20px;}
	.form-question input[type=submit] { margin-top:0px; float:none; width: 100%; margin-bottom:10px; margin-top:20px;height:50px; -webkit-appearance: none;}
	
	.question-gratuit{ display:none;}
	.form-question input[type=number] {width: 238px; height:40px;}
	.form-question input[type=submit] { margin-right:0px !important;width:98% !important;}
	.form-question p { font-size:13px;}
	.form-question input[type=text] { height:30px;}
	
	.adresse-num{ width:230px !important;}
	.adresse-cp{ width:230px !important;}
	.adresse-ville{ width:230px !important;}
	.adresse-fixe{ width:230px !important;}
	.adresse-gsm{ width:230px !important;}
	.form-question input[type=text] { width:230px; height:30px;}
	.txt{ width:260px; margin-top:20px;}
	.form-question a.btn{ width:82%;}
	
	.parrainer-gratuit{ display:none;}
	
	.parrainer-gagnant{ display:none;}
	.parrainer-gagnant-petit{ display:block;width:250px !important; margin-top:-27px; margin-bottom:20px;} 
	.parrain-img{ width:300px !important;}
	.form-question .parrain-merci a.btn{ width:83% !important; margin-bottom:20px;}

	.parrain-merci{ width:260px;}
}