/* Feuille de style complémentaire - site événement*/

/* HTML */

* {-moz-box-sizing: border-box; box-sizing: border-box;margin:0;padding:0;}
html{height:100%;}
body{margin:0!important;padding:0;font-size:13px;min-height:100%;position:relative;background:url("../img/illustration.png") center center var(--green)!important;}

/*Couleurs*/
:root{--green:rgb(11,79,85,1);--green2:rgb(203,223,124,1);--white:rgb(255, 255, 255,1);--black:rgb(0,0,0,0.8);--orange:rgb(202, 111, 80,1);--yellow:rgb(235,234,84,1);--blue:rgb(94,162,181,1);}
.green{ color: var(--green);}
.green2{ color: var(--green2);}
.white{ color: var(--white);}
.orange{ color: var(--orange);}
.yellow{ color: var(--yellow);}
.black{ color: var(--black);}
.blue{ color: var(--blue);}

/* Titres */
h1 {font-family:'Jost', Arial, Helvetica, sans-serif;font-size:2.3rem;line-height:2.6rem;margin:0 0 40px 0;text-transform:uppercase;color:var(--green);transition:0.3s;}
h2 {font-family:'Jost', Arial, Helvetica, sans-serif;font-size:1.6rem;line-height:1.8rem;margin:35px 0 10px 0;text-transform:uppercase;color:var(--green);transition:0.3s;}
p, li{font-family:'Jost', Arial, Helvetica, sans-serif;font-size:1rem;line-height:1.5rem;margin-bottom:20px;color:rgba(0, 0, 0, 0.75);}
li{margin-bottom:4px;}
ul{margin-bottom:25px;}
a, a:hover,a:visited{color:var(--orange) !important;text-decoration:none;}
a:hover{color:var(--orange);text-decoration:underline;}

/*Typo*/
@font-face {font-family: 'tradeGothic-bold';src: url('../typo/trade-gothic-bold.eot?') format('eot'),url('../typo/trade-gothic-bold.otf') format('truetype'),
	url('../typo/trade-gothic-bold.woff') format('woff'),url('../typo/trade-gothic-bold.svg') format('svg');font-weight: normal;font-style: normal;}	

/*retour en haut de page*//* Return on top */
#returnOnTop {background: url('../img/return_on_top.png') no-repeat;bottom: 1%;
    cursor: pointer;display: none;filter: alpha(opacity = 50); /* IE < 8 */height: 48px;
    opacity: 0.5;position: fixed;right: 1%;width: 48px;}
#returnOnTop:hover {filter: alpha(opacity = 100); /* IE < 8 */opacity: 1;}

/************************** CONTENT ***********************************************/
#container{text-align:left;background-color:none;}
#content{background:var(--white);margin-top:50px;margin-bottom:50px;margin-left:125px;margin-right:125px;padding:40px;border-radius:8px;}
.row{margin-bottom:15px;}
.affiche{display: block; margin-bottom:25px;background-size:contain;width:100%;max-height:90%;}

.cta1, .cta1:visited {display:block;margin: 40px;padding:15px 36px 15px 36px;font-family:'Jost', Arial, Helvetica, sans-serif;font-size:1.6rem;line-height:1.8rem; color:var(--yellow) !important;background:var(--blue);border:solid 1px var(--blue) !important;text-align:center;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;text-decoration:none !important;transition:0.3s; text-transform:uppercase;}
	.cta1:hover, .cta1:active{color:var(--yellow) !important;background:var(--green);text-decoration:none !important;transition:0.3s;}
	.collapsed{background:var(--green);}

/*formulaire*/
ol li{font-size:16px;margin-bottom:40px;}
/*#collapseQuiz ol li{max-width: 70%;}*/
.propositions {margin:10px 0 0 0;padding-left: 0;}
.propositions li{list-style:circle;list-style-position:outside;margin-bottom:8px !important;padding-left:5px;}
	.longue li{display:block !important;margin-bottom:15px;}
.propositions a{background:none;color:var(--pink);border:var(--pink) solid 1px;border-radius:10px;padding:4px 7px 4px 0;margin-right:8px;text-decoration:none}
	.propositions a:hover, .propositions a:focus{}
    .prop_fausse:focus, .prop_fausse:active{border:solid 1px var(--yellow);background:var(--yellow);text-decoration:none;}
    .prop_exacte:focus, .prop_exacte:active{border:solid 1px var(--green2);background:var(--green2);text-decoration:none;}
    .propositions a .collapsed{background:none;color:var(--white);/*border:var(--yellow) solid 1px;*/}
.reponses{margin-top:15px;}
	.reponses p{margin-bottom:2px;}
	.fausse{border:var(--yellow) solid 1px;border-radius:10px;padding:4px 7px 4px 7px;margin-bottom:5px;}
	.exacte{border:var(--green) solid 1px;border-radius:10px;padding:4px 7px 4px 7px;margin-bottom:5px;}

/*Player iframe responsive*/
.video-responsive {overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin-bottom:30px;}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

.unslider{margin-bottom:25px !important;}


/************************** FOOTER ***********************************************/
/*Pastille*/
.couleur4_1{background-color:rgba(225,92,101,1) !important;}
.couleur4_2{background-color:rgba(185,221,217,1) !important;}

/*Footer*/
#container-footer{display:block !important;margin:0;max-width:100%;padding:0;font-family:tradeGothic-standard,Arial, Helvetica, sans-serif !important;}
	#container-footer .row{margin:0px !important;padding-left:125px;padding-right:125px;transition:0.3s;}
    #container-footer .row .row{padding-left:0;padding-right:0;}
	#container-footer .row .row .col-xl-12{margin-bottom:0 !important; }
    #container-footer .row .row .col-xl-6:last-child{margin-bottom:0px !important;}
	#container-footer h5{font-family:tradeGothic-bold,Arial, Helvetica, sans-serif;margin-bottom:10px;font-size:1.25rem}
	#container-footer p{font-family:tradeGothic-standard,Arial, Helvetica, sans-serif;font-size:0.9rem;line-height:1.3rem;font-weight:400;}
    #container-footer a, #container-footer a:visited{color:var(--black) !important;text-decoration:none !important;font-size:0.9rem;}
    #container-footer a:hover, #container-footer a:focus{text-decoration:underline;}
    #container-footer .row{border:none !important;}

/*Première partie*/
.premiere{padding-top:40px;padding-bottom:40px;margin:0;}
	.premiere ul{list-style:none;margin:0;padding:0;}
	.premiere ul li{line-height:40px;display:inline;margin-right:5px;white-space: nowrap;font-weight:400;}
	.premiere li a{border:solid 1px #000;border-radius:20px;padding:3px 8px 5px 8px;}
    .liens-externes li{line-height:1.2rem !important;display: block !important;white-space: normal !important;margin-bottom:10px;}
    .liens-externes li a{border:none !important;white-space: normal !important;padding:0 !important;}

/*Carousel*/
#carouselFooter{max-width:470px;border-radius:20px;}
    #carouselFooter .active{text-decoration:none !important;}	
    #carouselFooter .carousel-item img{border-radius:20px;}
	#carouselFooter .carousel-control-prev img, #carouselFooter .carousel-control-next img{margin-top:-20px;}
	#carouselFooter .carousel-caption{font-size:0.9rem;line-height:1.3rem;font-weight:400;position:relative !important;top:auto;left:0;right:0;bottom:0;margin:10px 0 0 0;padding:0;text-align: left;}

/*Deuxième partie*/
.deuxieme{padding-top:40px;padding-bottom:40px;margin:0;}
	.deuxieme ul{list-style:none;margin:0;padding:0;}
	.deuxieme ul li{display:block;margin-right:5px;word-break:keep-all;font-weight:400;line-height:1.1rem;}
        .deuxieme ul li li{display:block;margin-left:10px;word-break:keep-all;}
.resauxSociaux{margin-top:40px;}
	.resauxSociaux a{margin-right:10px;}
.logos-partenaires img{margin:0 20px 20px 0;}

/*Partie institutionnelle*/
.institutionnel{background-color:#fff !important;padding-top:20px;padding-bottom:20px;margin:0;}
.signatureMarque{margin-top:13px;}

/************************** RESPONSIVE CLASS ***********************************************/
/*X-Small = none = <576px | Small = sm = ≥576px | Medium = md = ≥768px | Large = lg = ≥992px | Extra large = xl = ≥1200px | Extra extra large = xxl = ≥1400px */
@media (max-width:1400px) {
	h1 {font-size:2rem;line-height:2.3rem;margin:0 0 40px 0;}
    h2 {font-size:1.4rem;line-height:1.6rem;margin:35px 0 10px 0;}
    p, li{font-size:1rem;line-height:1.5rem;}
    .cta1, .cta1:visited {font-size:1.4rem;line-height:1.6rem;}
    #container-footer .row{margin-bottom:0px !important;padding-left:60px;padding-right:60px;transition:0.3s;}
	}
@media (max-width:1250px) {
	h1 {font-size:1.6rem;line-height:1.9rem;margin:0 0 40px 0;}
    h2 {font-size:1.3rem;line-height:1.6rem;margin:35px 0 10px 0;}
    p, li{font-size:1rem;line-height:1.5rem;}
    .cta1, .cta1:visited {font-size:1.2rem;line-height:1.4rem;}
    #container-footer .row{margin-bottom:0px !important;padding-left:60px;padding-right:60px;transition:0.3s;}
	}
@media (max-width:992px) {
	#content{margin:20px 20px 50px 20px;}
    #content .col-lg-5{margin-top:40px;}
	#container-footer [class*='col-']{margin-bottom:40px !important;}
    #container-footer .row{margin-bottom:0px !important;padding:40px 20px 0 20px;}
    #container-footer .row:last-child{padding-top:20px;padding-bottom:20px;}
	.premiere, .deuxieme{padding-bottom:0;}
	.d-inline-flex{padding-bottom:0 !important;}
    }
@media (max-width:360px) {
	}