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

.mainpage {
width:auto;
max-width:2000px;
margin:0 auto;
}

/*suppression de l espace en haut*/
.bottom-line {
    border-bottom: 0px solid #c7c7c7;
    padding: 0px 0;
}

.resultat-cms-page .news-listing-section {
	background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/quiz/fr/images/bg_quiz_hiver2022.gif');
	background-repeat: repeat-y;
	background-color: #000000;
}

.resultat-cms-page .news-listing-section .container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.resultat-cms-page .news-listing-section h2 {
	margin-top: 80px;
    font-size: 90px;
	color: #d81e05;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

/*.resultat-cms-page .news-listing-section h2 {
    color: #ffffff;
	
	display: none;
}*/

.resultat-cms-page .news-listing-section .row .col-xs-12 {
    /*display: none;*/
}

/*annule l effet du over*/
.news-listing-section .img-block>a:hover {
    opacity: 1;
}

/*Complements d information*/
#complementsinfos {
    display: none;
	width: auto;
	padding: 30px 10px 0px 10px;
	height: auto;
}

.complementsinfositem {
  padding: 20px;
	margin-bottom: 0px;
  background: #000000;
  color: #eaeaea;
  /*font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;*/
	border: 1px solid #fff;
  border-radius: 20px;
	text-align: center;
}

.complementsinfositemtitre {
  font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}


/*Formulaire*/
#form {
    display: none;
	
	background-color: #000000;
    width: auto;
    /*max-width: 990px;*/
    margin: 80px auto 40px auto;
    padding: 40px 10px 120px 10px;
    border-left: 1px solid #ff0000;
    border-top: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 1px solid #ff0000;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#form h2 {
  font-size: 40px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #eaeaea;
	
	margin-top:20px;
	margin-bottom: 20px;
}

.umbraco-forms-form input.text, .umbraco-forms-form textarea {
    /*max-width: 946px;*/
    padding: 10px;
    display: block;
    width: 100%;
	
	border-bottom: 1px solid #ff0000;
	
	background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
	
	color: #ffffff;
}

.umbraco-forms-navigation {
    text-align: center;
    margin: 40px 0px 20px 0px;
}

input::placeholder {
  color: #ffffff;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: 0px;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #ffffff;
}

.btn {
    font-size: 18px;
	text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background: none;
    border-radius: 15px;
	border: 1px solid #ff0000;
    padding: 12px 35px;
    transition: background .5s;
}

.btn:hover {
    color: #fff;
    background: #ff0000;
}

.umbraco-forms-form span.field-validation-error {
    color: #8a1f11;
    background: transparent;
}

/*bounce*/

.box {
        align-self: flex-end;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        /*background-color: #F44336;*/
        margin: 0 auto 0 auto;
        transform-origin: bottom;
    }
    .bounce-7 {
        animation-name: bounce-7;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    @keyframes bounce-7 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-80px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-7px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
	.resultat-cms-page .news-listing-section .container {
    
  }
	
	.news-listing-section p {
    font-size: 16px;
		line-height: 1.2;
}
	.titre1 {
    font-size: 28px;
	}
	
	.soustitre1 {
    font-size: 28px;
	}
	
	.titrestats {
    font-size: 60px;
	}
	
	.textestats {
    font-size: 22px;
	}
	
	.gemseparateur {
		display: none;
		}
	.source {
    font-size: 11px;
	}

	.titrequiz1 {
    font-size: 45px;
	}
	
	.box {
        height: 57px;
        width: 150px;
    }
	.plateformesimg {
        max-height: 40px;
    }
	
	/*rollover*/
	
.grilleicitele {
   max-width: 148px;
}

.ctagrilleicitele {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_schedule_cta_b_50.png');
   height: 50px;
   width: 148px;
	display: block;
}

.ctagrilleicitele:hover {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_cta_h_50.png');
}
			.separateur370 {
   display: none;
}
	.separateur200 {
   display: block;
}
	.col-md-6 {
    padding-right: 0px;
    padding-left: 0px;
	
	/*mobile 0px*/
}
	
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	
	.resultat-cms-page .news-listing-section .container {
    
  }
	
	.news-listing-section p {
    font-size: 16px;
		line-height: 1.2;
}
	.titre1 {
    font-size: 32px;
	}
	
	.soustitre1 {
    font-size: 32px;
	}
	
	.titrestats {
    font-size: 60px;
	}
	
	.textestats {
    font-size: 22px;
	}
	
	.gemseparateur {
		display: none;
		}
	.source {
    font-size: 11px;
	}
	
	.titrequiz1 {
    font-size: 50px;
	}
	
	.box {
        height: 57px;
        width: 150px;
    }
	.plateformesimg {
        max-height: 40px;
    }
	
	/*rollover*/
	
.grilleicitele {
   max-width: 148px;
}

.ctagrilleicitele {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_schedule_cta_b_50.png');
   height: 50px;
   width: 148px;
	display: block;
}

.ctagrilleicitele:hover {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_cta_h_50.png');
}
		.separateur370 {
   display: none;
}
	.separateur200 {
   display: block;
}
	.col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
	
	/*mobile 0px*/
}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.resultat-cms-page .news-listing-section .container {
    
  }
	
	.news-listing-section p {
    font-size: 16px;
		line-height: 1.4;
}
	.titre1 {
    font-size: 32px;
	}
	
	.soustitre1 {
    font-size: 32px;
	}
	
	.titrestats {
    font-size: 80px;
	}
	
	.textestats {
    font-size: 24px;
	}
	
	.gemseparateur {
		display: none;
		}
	.source {
    font-size: 11px;
	}
	
	.titrequiz1 {
    font-size: 60px;
	}
	
	.box {
        height: 57px;
        width: 150px;
    }
	
	.plateformesimg {
        max-height: 50px;
    }
	
	/*rollover*/
	
.grilleicitele {
   max-width: 196px;
}

.ctagrilleicitele {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_schedule_cta_b.png');
   height: 66px;
   width: 196px;
	display: block;
}

.ctagrilleicitele:hover {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_cta_h.png');
}
		.separateur370 {
   display: block;
}
	.separateur200 {
   display: none;
}
	
	.col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
	
	/*mobile 0px*/
}
	

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.resultat-cms-page .news-listing-section .container {
    height: auto;
    min-height: 800px;
  }
	.news-listing-section p {
    font-size: 16px;
		line-height: 1.4;
}
	.titre1 {
    font-size: 40px;
	}
	
	.soustitre1 {
    font-size: 40px;
	}
	
	.titrestats {
    font-size: 90px;
	}
	
	.textestats {
    font-size: 24px;
	}
	
	.gemseparateur {
		display: block;
		}
	.source {
    font-size: 12px;
	}
	
	.titrequiz1 {
    font-size: 70px;
	}
	
	.box {
        height: 95px;
        width: 251px;
    }
	
	.plateformesimg {
        max-height: 40px;
    }
	
	/*rollover*/
	
.grilleicitele {
   max-width: 196px;
}

.ctagrilleicitele {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_schedule_cta_b.png');
   height: 66px;
   width: 196px;
	display: block;
}

.ctagrilleicitele:hover {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_cta_h.png');
}
		.separateur370 {
   display: block;
}
	.separateur200 {
   display: none;
}
	
	.col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
	
	/*mobile 0px*/
}
	

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
	.resultat-cms-page .news-listing-section .container {
		height: auto;
    min-height: 800px;
    
  }
	.news-listing-section p {
    font-size: 18px;
	line-height: 1.4;
	}
	
	.titre1 {
    font-size: 40px;
	}
	
	.soustitre1 {
    font-size: 40px;
	}
	
	.titrestats {
    font-size: 90px;
	}
	
	.textestats {
    font-size: 24px;
	}
	
	.gemseparateur {
		display: block;
		}
	.source {
    font-size: 12px;
	}
	
	.titrequiz1 {
    font-size: 70px;
	}
	
	.box {
        height: 95px;
        width: 251px;
    }
	
	.plateformesimg {
        max-height: 50px;
    }
	
	/*rollover*/
.grilleicitele {
   max-width: 196px;
}

.ctagrilleicitele {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_schedule_cta_b.png');
   height: 66px;
   width: 196px;
	display: block;
}

.ctagrilleicitele:hover {
   background-image: url('https://prodsolutionsmedia.blob.core.windows.net/assets/page/news/hiver-2022-lp/en/images/ici_tele_cta_h.png');
}
	.separateur370 {
   display: block;
}
	.separateur200 {
   display: none;
}
	
	.col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
	
	/*mobile 0px*/
}

}