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

/* HTML */
@import url("https://use.typekit.net/jtq7aqi.css");
@import url("https://use.typekit.net/qex5zac.css");
* {-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-color:var(--green);}

/*Couleurs*/
:root{--white:rgb(255, 255, 255,1);--black:rgb(0,0,0,0.95);--grey:rgb(254,244,208,1);--orange:rgb(241,107,71,1);--orange-light:rgb(241,107,71,0.2);--green:rgb(179,179,50,1);--green-light:rgb(179,179,50,0.1);}
.white{ color: var(--white);}
.black{ color: var(--black);}
.grey{ color: var(--grey);}
.green-light{ color: var(--green-light);}
.green{ color: var(--green);}
.green-strong{ color: var(--green-strong);}

/* Titres */
h1 {font-family:din-condensed, Arial, Helvetica, sans-serif;font-size:34px;font-weight:normal;text-transform:uppercase; line-height:33px;margin:0 0 45px 0;color:var(--black);}
h2 {font-family:din-condensed, Arial, Helvetica, sans-serif;font-size:24px;font-weight:300; line-height:24px;margin:35px 0 10px 0;color:var(--black);}
h3 {font-family:din-condensed, Arial, Helvetica, sans-serif;font-size:22px;font-weight:300; line-height:22px;margin:35px 0 10px 0;color:var(--black);}
p, li{line-height:22px;font-size:15px;margin-bottom:20px;font-family:aktiv-grotesk, sans-serif;font-weight:300;}
li{margin-bottom:5px;}
ul{margin-bottom:25px;padding-left:15px;}
a, a:hover,a:visited{color:var(--orange);text-decoration:underline;}
a:hover{color:var(--orange);text-decoration:underline;}

/*Typo*/
@font-face {font-family: aktiv-grotesk, sans-serif;font-weight:300;font-style: normal;}
@font-face {font-family: aktiv-grotesk, sans-serif;font-weight:400;font-style: normal;}
@font-face {font-family: aktiv-grotesk, sans-serif;font-weight:500;font-style: normal;}
@font-face {font-family: din-condensed,sans-serif;font-weight: 400;font-style: normal;}
@font-face {font-family: din-condensed,sans-serif;font-weight: 300;font-style: normal;}
@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*/
#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;}

/************************** HEADER ***********************************************/
#header{text-align:left;margin-top:50px;margin-bottom:0px;margin-left:125px;margin-right:125px;padding:0px;-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.37);box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.37);background:none !important; }

.navbar-custom{background:var(--grey) !important;/*border-radius:12px 12px 0 0;*/font-family:din-condensed, sans-serif;font-weight:300;font-size:1.6rem;line-height:1.3rem;padding-left:20px;padding-right:20px;}
.navbar-brand{font-weight:300;font-size:1.3rem;line-height:1.3rem;color:var(--black) !important;text-transform:uppercase;padding-top:0;padding-bottom:0;margin-right:2rem;}
.navbar-brand:hover{text-decoration:none;}
    .navbar-custom .nav-item{margin:0 15px 0 0;font-weight:400;}
    .navbar-custom .nav-item:last-child{margin-right:0px;}
    .navbar-custom .nav-link{font-family:din-condensed, sans-serif;font-weight:300;font-size:1.3rem;line-height:1.3rem;text-transform:uppercase;color:var(--black) !important;margin:0 !important;padding:0 !important;opacity: 0.7;transition: 0.3s;}
    .navbar-custom .nav-link:hover, .navbar-custom .active{opacity:1;transition: 0.3s;text-decoration: none;}
    /*bouton toggle*/
    .navbar-custom .navbar-toggler{border:solid 2px;border-color: var(--green-strong) !important;background:none;border-radius:8px !important;}
    .navbar-custom .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(179,215,169, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    .navbar-toggler-icon :active, .navbar-toggler-icon :focus{border:none !important;}



/************************** CONTENT ***********************************************/
#container{text-align:left;margin-top:0px;margin-bottom:50px;border-radius:0;margin-left:125px;margin-right:125px;padding:60px 40px 40px 40px;background:#fff;-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.37);box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.37);}
.row{margin-bottom:15px;}
.affiche{display: block; margin-bottom:25px;background-size:contain;width:100%;max-height:90%;}
    .legende{font-size:11px !important;}

.cta1, .cta1:visited {display:block;margin: 40px;padding:15px 36px 15px 36px;font-family:din-condensed, sans-serif;font-size:24px;line-height: 26px; color:var(--white) !important;background:var(--yellow);border:solid 1px var(--yellow) !important;text-align:center;border-radius:6px;text-decoration:none !important;transition:0.3s; text-transform:uppercase;}
	.cta1:hover, .cta1:active{color:var(--white) !important;background:var(--pink);text-decoration:none !important;transition:0.3s;}
	.collapsed{background:var(--yellow);}

/*flitres*/
.button-group{margin-bottom:20px;}
    .button{background:none;border:solid 1px var(--orange);padding:2px 5px;color:var(--orange);border-radius:8px;margin-bottom:5px;}
    .is-checked{background:var(--orange-light);}

.affiche img{margin-bottom:10px;}

/*Grille Isotope*/
.grid {/*min-height:1960px;*/border:none;}
.grid:after {content:'';display: block;clear:both;}

/*éléments du programme*/
.grid-item{border-radius:20px;margin:0 20px 20px 0;padding:8px;border:solid 1px;border-color:var(--green);background:var(--green-light);transition:0.3s;width:275px;font-family:quicksand-bold, Arial, Helvetica, sans-serif;}
	.grid-item a, .grid-item a:hover{text-decoration:none !important;}
	.grid-item img{margin-bottom:15px;border-radius:20px;}
	.grid-item h2{margin:5px 0 8px 0;font-size:18px;line-height:20px;}
	.grid-item h3{margin:5px 0 5px 0;font-size:16px;font-weight:normal;line-height:16px;}
	.grid-item p{margin-bottom:20px;font-size:13px;line-height:18px;}
	/*.grid-item span{color:rgba(89,0,72,1);font-size:13px;font-weight:normal;margin-bottom:20px;}*/
.grid-item:hover{border:solid 1px;border-color:var(--orange);background:var(--orange-light);transition:0.3s;}

/*Détail d'une fiche*/
.occurrence_body{text-align:left;margin:0px;padding:5px !important;}
    .occurrence_body #container{margin-left:10px;margin-right:10px;}    
    .occurrence_body .box{border:none !important;padding-top:0;}
    .occurrence_body h2, .occurrence_body h3{text-transform: none !important;}
    .occurrence{border-radius:12px !important;background:#fff;margin:0px !important;padding:40px !important;}
    .occurrence .infosPratiques{border-radius:12px;padding:10px 10px 10px 10px;border:solid 1px;border-color:var(--green);} 
	.infosPratiques p{margin-bottom:5px;}
	.infosPratiques p, .infosPratiques li{/*font-size:14px;*/}
	.infosPratiques ul, .infosPratiques li{margin-top:-5px;margin-bottom:0;}
	.box img{margin-bottom:20px;}

/*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;}

/************************** FOOTER ***********************************************/
/*Pastille*/
.couleur7_1{background-color:rgba(247,233,182,1) !important;}
.couleur7_2{background-color:rgba(204,88,73,1) !important;}

/*Footer*/
#container-footer{display:block !important;margin:0;max-width:100%;padding:0;}
	#container-footer .row{margin-bottom:0px !important;padding-left:125px;padding-right:125px;transition:0.3s;}
	#container-footer h5{font-family:tradeGothic-bold,Arial, Helvetica, sans-serif;margin-bottom:20px;font-size: 1.25rem}
	#container-footer li, #container-footer p{font-family:tradeGothic-standard,Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;}
    #container-footer a{color:rgba(33,37,40,1);text-decoration:none !important;}
    #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 !important;display:inline;margin-right:5px;white-space: nowrap;}
	.premiere li a{border:solid 1px #000;border-radius:20px;padding:3px 8px 5px 8px;}

/*Carousel*/
#carouselFooter{max-width:470px;border-radius:20px;}
	#carouselFooter .carousel-item img{border-radius:20px;}
	#carouselFooter .carousel-control-prev img, #carouselFooter .carousel-control-next img{margin-top:-20px;}
	#carouselFooter .carousel-caption{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;}
        .deuxieme ul li li{display:block;margin-left:10px;word-break:keep-all;}
.resauxSociaux{margin-top:40px;}
	.resauxSociaux a{margin-right:10px;}

/*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:1200px) {
	/*sous-menu*/
    .navbar-custom .nav-link{line-height:1.9rem;}
    .dropdown-menu{border-radius:0;background:none;border:none;padding:0;line-height:1rem;}
    .dropdown-item{text-transform:uppercase;color:var(--white) !important;font-size:1.15rem;}
    .dropdown-item:hover{text-decoration:none;background:none;}
    /*ligne*/
    .affiche{margin-top:50px;}
    /*introduction*/
    .titre{margin-bottom:40px;transition:0.3s;}
    .titre h1{margin-bottom:20px;font-size:2.5rem;line-height:2.5rem;transition:0.3s;}
    .titre h2{margin-top:0px;font-size:1.5rem;line-height:1.5rem;transition:0.3s;}
    /*Textes*/
    h1 {font-size:32px;transition:0.3s;margin:0 0 35px 0;}
    h2 {font-size:24px;transition:0.3s;margin:25px 0 10px 0;}
    h3 {font-size:22px;transition:0.3s;margin:25px 0 10px 0;}
    p, li{line-height:22px;font-size:14px;transition:0.3s;}
    #container-footer .row{margin-bottom:0px !important;padding-left:60px;padding-right:60px;transition:0.3s;}
}

@media (max-width:992px) {
	#header{margin:20px 20px 0px 20px;}
    #container{margin:0px 20px 50px 20px;}
    .navbar-custom .nav-link{line-height:1.9rem;}
	/*Textes*/
    h1 {font-size:28px;transition:0.3s;margin:0 0 35px 0;}
    h2 {font-size:22px;transition:0.3s;margin:25px 0 10px 0;}
    h3 {font-size:18px;transition:0.3s;margin:25px 0 10px 0;}
    p, li{line-height:22px;font-size:14px;transition:0.3s;}
    /*footer*/
    #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:576px) {
	.navbar-brand{font-weight:300;font-size:0.75rem;line-height:1rem;margin-right:0.5rem;}
    .navbar-custom .nav-link{font-size:1rem;line-height:1.9rem;}
    .fancybox-slide{padding:20px !important;}
    .occurrence{padding:20px !important;}
}

@media (max-width:360px) {
	ol li{font-size:13px;margin-bottom:40px;}
}