@charset "utf-8";
/* CSS Document */
* {padding: 0px; margin:0px;}

@font-face {
    font-family: 'bebas_kairegular';
    src: url('bebaskai-regular-webfont.eot');
    src: url('bebaskai-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebaskai-regular-webfont.woff2') format('woff2'),
         url('bebaskai-regular-webfont.woff') format('woff'),
         url('bebaskai-regular-webfont.ttf') format('truetype'),
         url('bebaskai-regular-webfont.svg#bebas_kairegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.centry {font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;}

/* ===================================
    Google font
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');


.logo {display:inline-block; margin: 10px auto 5px auto; width:236px;}
.logowrap { text-align: center;}
.logowrapMoble {display: none;  text-align:center; background-color: #ffffff; }
.informezMobile {display:none; }
.n1mobile { font-size:30px; display:none; font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;padding-bottom: 10px;font-weight:600; color: #515050; }
.n1 {text-align: center; font-size:1.5em; font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;padding-bottom: 10px;font-weight:600; color: #515050;}
.orange { color: #F39918;}

.bebas { font-family: 'bebas_kairegular', Arial, sans-serif;}
h2 { font-family: 'bebas_kairegular', Arial, sans-serif; font-size: 2.5em; text-align: center; padding: 30px 25px  25px  25px; color:#000000;}

h3 {
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 1em;
	text-align: center;
    color:#f38324;
}
h4 { font-family: 'bebas_kairegular', Arial, sans-serif; text-align: center;}
.subtitre,.subtitreMobile { display:block; color:#e41b7d;}

.right  { position:fixed; top: 0px; right:0px;  width:25%; height:100%; overflow: auto; background-color:#e41b7d; padding:20px;}	
.left  { width:62%; padding: 10px 5%; }
.responsive {width:100%}
.contactez {font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size:1.5em; color: #ffffff; padding: 10px; }
.informez-vous {margin-top: 35px; }
.decarler { display: inline-block; text-align: right; width:100%;}
.etapes { font-size:1.5em; font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; width:60%;   display: table;
    margin-right: auto;
    margin-left: auto; }
.etapes li { padding-bottom: 10px;   color:#ffffff; }
.etapes li span {color:#ffffff; }

.cadeau1, .cadeau2, .cadeau3  { float:left; width:27%; text-align: center; font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	font-size:1.3em; color:#e41b7d;  font-weight: 500; }
.plusimage { float:left; margin-top: 20px; width: 4%; margin-top: 17%; }
.cadeau1,.cadeau2  { margin-right:2%}
.cadeau2,.cadeau3  { margin-left:2%}
.offert { color:#000000; font-weight:bold;}
.cadeaux-type  {min-height:85px; vertical-align:bottom; }
.cadeux-img  { padding:  0px 20px;}
.condition-cadeux { font-weight: normal; color:#000000; font-size:0.9em; }
.mention { font-size:1.1em; font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; padding-top: 20px; line-height:2em; margin-bottom:30px; margin-left: 20px; }
.clearfix { clear: both;}
.rose {  color:#e41b7d;}
.titrerose { font-size: 1.3em; color:#e41b7d;}
.blanc {color:#ffffff;}
.fontitrelink{ font-size: 1.8em; padding: 2px 0 10px 0px; display: block;}
.savoir {font-size: 20px;
}
.savoirp { padding-bottom:10px; display: block; }
section.rejoignez {
    margin-bottom: 40px;
}
p.gain {
  
    font-size: 1.3em;
    font-weight: bold;
}
.sectionavantage {
background-color: #f8f8f8; padding: 0px 0px  30px 0px; 	margin-top: 10px; text-align: center;
	 }
.avantage1, .avantage2, .avantage3 {
    width: 27%;
    float: left;
	background-color: #ffffff;
	padding: 1.3%;
	min-height: 220px;
}

.sectionavantage p {padding-top: 10px;   font-family: Arial, sans-serif; padding-bottom: 10px;}
.colonnesWrap p {
    padding-top: 10px;   font-family: Arial, sans-serif; text-align: center
}

.colonne1, .colonne2  { width: 40%;
float: left;
padding: 1.3%;
margin: 0 3%; }
.icon img {
    display: block;
    margin: 0 auto;
   padding-bottom: 15px;
padding-top: 15px;
}

.avantage2 .icon { padding-left: 10px;}

.avantage1 { margin:0 1% 0 3%;}
.avantage2 { margin:0 1% 0 1%;}
.avantage3 { margin:0 2% 0 1%;}
.question, .question2, .question3, .question4, .question5, .question6 {
    font-size: 1.3em;
    color: #000000;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

.plus, .plus2, .plus3, .plus4, .plus5, .plus6 {
    color: #E87A25;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 0 5px;
}
.wraperCadeaux {
    margin: 0 auto;
    width: 98%;
    margin-left: 2%;
}

.cestSimple {
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-top: 10px;
	background-color: #e41b7d;
}
.borderBottom {
    border-bottom: #C9C5C5 dashed 1px;
    padding: 1em 0 1em 0;
}
.colLeft, .colRight {
    width:45%;
    float: left;
}

.FaqWraper, .FaqWraper2 {
    padding: 2% 3% 2% 2%;
    margin: 0 auto 0 auto;
}

.FAQWidth {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5em;
	
}

.visible,.reponse {
    display: none;
    font-size: 1.1em;
    text-align: justify;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}


input {
    border-radius: 3px !important;
    border: #ffffff 1px solid !important;
    width: 100%;
    height: 35px;
	
	padding-left: 3px;
	margin-bottom: 12px;
}
::-webkit-input-placeholder { /* Chrome */
  color: #000000;font-size: 15px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000000;font-size: 15px;
} 
::-moz-placeholder { /* Firefox 19+ */
   color: #000000; font-size: 15px;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
   color: #000000; font-size: 15px;
  opacity: 1;
}
div.formline {
 
    margin-left: auto;
    margin-right: auto;

}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
	font-weight: 700;}
	

select {
    border-radius: 3px !important;
    border: #ffffff 1px solid !important;
    height: 35px;
    width: 100%;
	display: block;
	
	margin-bottom: 15px;
}
.FormNote { font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size: 13px; line-height:15px; margin-top:10px;}

#loader {
    background-color: #f8b80c;
    padding: 2% 4%;
    border: none;
    border-radius: 3px;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	text-transform: uppercase;
	font-size:  1.2em;
	text-align: center;
	float: right;
	font-weight: bold;
}

.LV_validation_message.LV_invalid {
    text-align: left;
    font-size: 14px;
    color: #FFFFFF;
    font-style: italic;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
   
}

.etreContactez {
    width: 80%;
    background-color:#f8b80c;
    padding: 6% 4%;
    text-align: center;
     border-radius: 3px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    text-transform: uppercase;
     font-size: 1.2em;
	font-weight: bold;
	color:#000000;
	display: none;
	 margin: 5% auto 5% auto;
}
.etreContactez a { color:#000000; text-decoration: none; }

footer {
    background-color: #cccccc;
    padding: 10px;
    font-family: Arial, sans-serif;
}


footer a { color:#000000; text-decoration: none; }

a { color:#ffffff;}
section.FAQ a {
    color: #000000;
}


@media screen and (max-width:1440px) { 
	.decarler {  text-align:left; } 
	.contactez { font-size:1em; }
	.avantage1, .avantage2, .avantage3 {
  
	min-height: 270px;
}

}
@media (max-height: 900px){

.informez-vous {
    margin-top: 0px;
}

@media screen and (max-width:900px) {
     
	.avantage1, .avantage2, .avantage3 { width: 90%;float: none; min-height: auto;}
	.avantage1 { margin:0 auto 15px auto;}
    .avantage2 { margin:0 auto 15px auto;}
     .avantage3 { margin:0 auto 15px auto;}
	
	
}
@media screen and (max-width:1024px) { 
	.etapes {width: 90%;  }
	.logo { width:30%;}
	h2 {font-size: 33px; padding: 30px 0px 25px 0px;}
   .etapes {font-size: 1.3em;}
	.mention {line-height: 1.3em;}
	.cadeaux-type,.condition-cadeux {font-size: 0.8em;}
	.fontitrelink{ font-size: 1.5em; }
}


@media screen and (max-width:640px) {
     .cadeaux-type,.condition-cadeux {font-size: 0.8em;}
	.right { width:100%; position:static; height:auto;  background-color: #ffffff; padding:0px;}
	.logo { width:35%;}
	.left {  width:100%; padding:0px;}
	.logowrap {display: none;}
	.logowrapMoble {display:block;padding-top: 11px;}
	.informez-vous {display: none; }
	.informezMobile {display:block; width:100%; }
	input, select {  border: #000000 1px solid !important; font-size:15px; }
	::-webkit-input-placeholder { /* Chrome */ font-size: 15px;}
	::-ms-input-placeholder { /* IE 10+ */ font-size: 15px;}
    ::-moz-placeholder { /* Firefox 19+ */ font-size: 15px; opacity: 1;}
    ::-moz-placeholder { /* Firefox 4 - 18 */ font-size: 15px;opacity: 1;}
	.contactez {color: rgba(0,0,0,1.00);}
	#monForm { width:95%; margin: 0 auto;}
	.FormNote { width:90%; margin: 0 auto; padding:10px; }
	.headerLeft {display: none;}
	h2 { width: 75%; margin: 0 auto; color:#ffffff; font-size: 2.7em;} 
	.etapes { padding-bottom: 20px;     width: 85%; }
	.avantage1, .avantage2, .avantage3, .colonne1, .colonne2 { width: 90%;float: none;}
	.avantage1 { margin:0 auto 15px auto;}
    .avantage2 { margin:0 auto 15px auto;}
     .avantage3 { margin:0 auto 15px auto;}
	.plusimage { float:none; width:10%; display: block; margin: 0% auto;  }
	.cadeux-img { padding: 0px 50px;}
	.cadeaux-type { min-height: 0px; font-size: 1.3em;
    padding-bottom: 15px; }
	.condition-cadeux { font-size: 1.3em;}
	.cestSimple {background-color: #f52674;}
	.subtitre {color: #ffffff;}
	.etapes li {   color:#ffffff; }
     .etapes li span {color: #ffffff;}
	h2.moblie {color:#000000;}
	.subtitreMobile { color:#f2206f;}
	.colLeft, .colRight {width: 90%; float:none;}
	.question, .question2, .question3, .question4, .question5, .question6 {
    font-size: 1.1em;}
	.visible, .reponse { font-size: 1em;}
	.FaqWraper, .FaqWraper2 { padding: 0% 3% 2% 2%; margin: 0 auto 0 auto;}
	h2 {font-size: 2.2em; }
	.mention { width:95%; margin: 0 auto;}
	.decarler { display: inline;}
	.contactez { font-size: 1.3em;}
	.etreContactez { display: block;}
	.n1mobile { font-size:23px; display:block; text-align: center; line-height:25px; color: #515050; }
	.logo {margin-bottom:0px; margin-top:0px;}
	#loader {width: 100%;}
	.n1 {display:none;}
	.sectionCadeau {background-color: #ffffff;}
	.cestSimple { margin-bottom: 0px;}
	.FAQWidth {padding-bottom: 0em;}
	.sectionavantage p {padding-bottom: 10px;}
	.colonne1, .colonne2 { padding: 4% 1%;} 
}
@media screen and (max-width:480px) {

	#monForm { width:90%; margin: 0 auto;}
   .etapes { width: 80%; margin: 0 auto;}
	.logo { width:50%;}
	.cadeau1, .cadeau2, .cadeau3 {
		width: 90%; }
	.cadeaux-type,.condition-cadeux {font-size: 1em;}
	.n1mobile { font-size:18px; display:block; text-align: center; line-height:25px; color: #515050; }

}

@media screen and (max-width:340px) {

	.n1mobile { font-size:16px; display:block; text-align: center; line-height:25px; color: #515050; }

}