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

body {
	/*background-image: url(../images/header_home.jpg);
	background-position: center top;
	background-repeat: no-repeat;*/
}


body #ui-datepicker-div {/*MTTP 0205*/
	padding: 10px;background: #FFF;display: none;
}
body #ui-datepicker-div input[type="text"], input[type="email"], select{
	color:#ffffff !important;
}



body .ui-datepicker-next {
	float: right;cursor: pointer;
}
body .ui-datepicker-prev {
	cursor: pointer;
}


td {
	border-top: 1px solid #ededed;
}

*
{
margin: 0px;
padding: 0px;
color: black;
}

.newsletter-container{max-width: 1920px;min-width: 278px;position: relative;}

.container,.container-fluid {
	background-color: #09144c;
	/*background-image: url(../images/header_home.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size:contain;*/
}
.container>.row>.column>.row {
    margin-left: 0;
    margin-right: 0;
}


.row_logo {
    margin-bottom: 25%;
}
/*.row_logo {
	margin-bottom: 295px;
}*/
@media (max-width: 768px) {
	.row_logo {
	    margin-bottom: 0;
	    height: 280px;
	    background: url(../images/header_mob.jpg) center center no-repeat;
	    background-size: cover;
	}
	.row_logo>div {
		text-align: center;
	    margin-top: 30%;		
	}
	select[multiple],
select[size] {
height: 50px;
}

}



.row_intro p, .row_intro p a, .row_intro p a:hover {
	font-family: "brandon_grotesquelight", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
	line-height: 35px;
	text-align:center;
	text-decoration: none;
}
.row_intro h1,
.row_intro p {
	margin: 30px auto 25px auto;
}
.row_intro h1 {
	max-width: 880px;
}
.home_paliers>.column>.row {
	margin-bottom: 35px;
}
.row_intro .bouton {
	background-color: #121b4c;
	color: #ffffff;
	margin-bottom: 13px;
}


/* Formulaire */
.centre {
	margin: 0 auto;
	text-align: center;
}
.form_naissance{
	height: 50px;
	line-height: 47px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	width: 31%;
	margin-right: 3%;
}
.form_naissance.last{

	margin-right: 0;
}
.form_naissance label.error{
	width: 175px;
	margin-top: -20px;
}

/*MTTP 0205*/
input[type="text"], input[type="email"], select {
	border:1px solid #fff;
	width:100%;
	padding:2px;
	color: #FFF;
	background: none;
	border-radius:0;
}
#datenaissance{
	color:#FFF;
	border: none 0;
}

input[type="submit"] {
	border: none;
}

#connexionForm,#inscriptionNewsletter {
	margin: 0 auto 30px auto;
	width: 60%;
}

.form_bouton {
	margin-top: 40px;
}

.form_champ a {
	color: #fff;
	text-transform: uppercase;
	margin-top: 10px;
}

.banner img {
	vertical-align: middle;
  	width: 100%;
}

.lien-site {
	width: 240px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto 30px auto;
	background-color: #121b4c;
	text-align: center;
}

.lien-site a {
	color: #fff;
}

.liens {
	position: relative;
	display: flex;
	display: -webkit-flex;
	width:100%;
	margin: 30px auto 30px auto;
}

.lien {
	position: relative;
	height: 220px;
	background-color: transparent;

	-webkit-justify-content: center;
}
.lien a img{
	display: block;
	margin: 0 auto;
}

.lien-fr a, .lien-blog a, .lien-fb a, .lien-insta a, .lien-youtube a {
	width: 100%;
	height: 220px;
	color: #fff;
	display: block;
	padding: 15px 10px;
	text-align: center;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
}

.lien-fr a {
	background-color: #18225d;
	line-height: 30px;
	font-size: 22px;
	/*padding-top: 80px;*/
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.lien-blog a {
	background-color: #31458b;
	line-height: 30px;
	font-size: 22px;
	/*padding-top: 65px;*/
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.lien-fb a {
	background-color: #43609C;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.lien-insta a {
	background-color: #5165a8;
	/*padding-top: 60px;*/
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.lien-youtube a {
	background-color: #5679c1;
	/*padding-top: 60px;*/
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.lien-fr a:hover {
	background-color: rgba(24,34,93,0.65);
}
.lien-blog a:hover {
	background-color: rgba(49,69,139,0.65);
}
.lien-fb a:hover {
	background-color: rgba(43,96,156,0.65);
}
.lien-insta a:hover {
	background-color: rgba(86,121,193,0.65);
}
.lien-youtube a:hover {
	background-color: rgba(59,84,153,0.65);
}

@media (min-width:991px){
	.lien{
		width: 25%;
	}
}

@media (min-width:768px) and (max-width:991px){
	#connexionForm {
		width: 80%;
	}
	.liens{
		flex-wrap: wrap;
	}
	.lien{
		width: 50%;
	}

	
}
@media (max-width:1170px){
		/*.bloc_question p.question br,*/ .bloc_result p br/*, .row_intro p br*/ {display: none;}
}

@media (max-width:991px){

	.liens{
		flex-wrap: wrap;
	}
	.liens {
		/*width: 440px;*/
		margin: 0 auto;
	}
}

@media (max-width:768px){
	#connexionForm {
		width: 100%;
	}

	.liens{
		flex-wrap: wrap;
	}
	.lien{
		width: 50%;
	}

	.row_intro h1 {
		font-size: 30px;
	}

	.row_intro p {
		font-size: 18px;
	}
	
	.bloc_question, .bloc_question div.conteneur, 
	.bloc_result div.conteneur,
	.home_quiz .bloc_marque, .home_quiz .bloc_marque div.conteneur  {
	    height: auto;
	}
	.home_quiz .bloc_marque div.conteneur {
		padding: 50px 0;
	}
	
	.bloc_question, .bloc_result {
		padding: 50px 10px 70px;
	}
	.bloc_question p, .bloc_result p,  .bloc_result .result_reponse {
	    line-height: 29px !important;
	}
	.bloc_question .bloc_reponse p {
	    line-height: 24px !important;
	}
	.bloc_question p.small {
    	margin: 0 auto;
   	}
	.bloc_question p.question br, .bloc_result p br, .row_intro p br {display: none;}
	
	.bloc_question, .bloc_result {
		background-image: none;
	}
	.bloc_question.question3,.bloc_question.question4 {
		background-color: #C2C6D2;
	}
	
	iframe{
		width: 100%;
		max-width: none;
	}
}


@media (max-width:530px){
	.liens {
		width: 100%;
	}
}
@media (max-width:480px){
	.liens {
		width: 220px;
		margin: 0 auto;
	}
	.lien{width: 100%;}

	select[multiple],
	select[size] {
	height: 50px;
	}

	.form_naissance{margin-right: 2.8%;}
	.form_naissance.last{margin-right: 0;}




}

p.form_radio {
	width: 49.3%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
}
.mme {
	float: left;
	margin-bottom: 30px;
}
.mr {
	float: right;
	margin-bottom: 30px;
}
input[type="radio"] {
	visibility: hidden;
	position: absolute;
}
p.form_radio label {
	width: 100%;
	background: transparent;
	border: 1px solid #fff;
	cursor: pointer;
	color: white;
}
p.form_radio label.error {
	margin-top: 37px;
	border: none;
}
input[type="radio"]:checked~label::after{ 
	content: '\f00c';
   	font-family: FontAwesome; 
} 


.obligatoire{color:#FFF;text-align: center;}

/*
#q1 {display: none; } #bravo { display:block;}
.bloc_result {
	background-image:url(../images/ok.jpg) !important;
}*/



/*MTTP 0205*/
@media (max-width: 600px) {
	.footer-newsletter{display: none;}
	select[multiple],
	select[size] {
	height: 50px;
	}
	#connexionForm, #inscriptionNewsletter{width: 100%;margin:0;}
}






.newsletter-pages .bouton:hover{border:none !important;}
.newsletter-pages .bouton-blanc input:hover{color:#0e102e !important;}

.newsletter-pages .bouton-blanc {
        line-height: 40px;
        font-family: 'brandon-grotesque', arial, sans-serif;
        margin: 0 0 20px;
        text-transform: uppercase;
        padding: 0 40px;
        display: inline-block;
        background-color: #fff;
        color: #0c1b47;
      }
      .newsletter-pages .bouton-blanc {
        font-size: 10px;
      }
       .newsletter-pages .bouton-blanc span {
          display: block;
          position: relative;
        }
         .newsletter-pages .bouton-blanc span::after {
            content: "\27f6";
            font-family: Arial;
            font-size: 23px;
            position: absolute;
            left: -41px;
            top:2px;
            color:#0f102f;
            transition: all .4s;
          }
           .newsletter-pages .bouton-blanc span:hover::after {
              left: -26px;
            }

#close-nl{
	position: absolute;
    z-index: 1;
    top: 35px;
    right: 35px;
    width: 60px;
    height: 60px;
    border: 1px solid white;
    text-shadow: none;
    color: white;
    border-radius: 30px 30px 30px 30px;
    -ms-transform: translateY(-50%) translateX(50%);
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
   }
   #close-nl span{color:white;
       position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
   #close-nl span:after{
   	content: "\2715";
    font-family: icomoon;
    font-size: 28px;
    line-height: 28px;
    position: absolute;
    z-index: 1;
    top: 51%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
   }