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

html, body {height:100%;}
html{font-size: 62.5%;}
body{margin: 0 auto;padding: 0;overflow-x:hidden;position: relative;width:100%;background:#fff;font-family: 'Jost', sans-serif;font-weight:400;color:#3A362C;transition: all 0.4s ease-in-out;}

.container, .contDemi, .contSml, .content{position:relative;display:block;margin:0 auto;width:100%}
.container{max-width:1200px;}
.contSml{max-width:1000px;}
.contDemi{max-width:600px;}

.padSml{padding:25px;}
.padMedium{padding:40px;}
.padLarge{padding:80px;}

.padVertiSml{padding-top:25px;padding-bottom: 25px;}
.padVertimedium{padding-top:40px;padding-bottom: 40px;}
.padVertiLarge{padding-top:80px;padding-bottom: 80px;}
.padVertiXLarge{padding-top:160px;padding-bottom: 160px;}

.topSml{margin-top:20px}
.topMedium{margin-top:40px}
.topLarge{margin-top:60px}

.bottomSml{margin-bottom:20px}
.bottomMedium{margin-bottom:40px}
.bottomLarge{margin-bottom:60px}


a[href]:not([class]), a{color:inherit;font-weight: bold; text-decoration:none;transition: all ease-in-out .3s;}
a:focus{outline:0;}
a[href^=tel]{color:inherit;text-decoration:none;} 


img{max-width:100%;}
hr{border:none;border-top:1px solid rgb(210, 212, 194);margin:40px 0}

.center{text-align:center;} 
.left{text-align:left;} 
.right{text-align:right;} 
.uppercase{text-transform:uppercase;}

.block{display:block;}
.inline{display:inline-block}
.none{display:none;} 

.flt-lf{float:left}
.flt-rg{float:right}
.clear{clear:both;}

.height100{height: 100%;min-height: 100%}
.width100{width:100%}

.centerContentAll{position: absolute;top:50%; left: 50%;transform: translate(-50%, -50%);}
.centerContentY{position: absolute;top:50%;transform: translateY(-50%);}
.centerContentX{position: absolute;left:50%;transform: translatex(-50%);}

.padLarge > .centerContentY,
.padLarge > .centerContentAll
{ width: calc(100% - 160px);}

.translateUp50{transform:translateY(-50%);margin-bottom: -100px;}
.translateUp25{transform:translateY(-25%);margin-bottom: -100px;}

.static{position:sticky;top:80px}


table{border-collapse:collapse}

/* COULEUR */
.blanc{color:#fff;}
.charcoal{color:#333333;}
.couleur{color:#73913D;}
.couleurPale{color:#F3E6D5}

.bckBlanc{background:#fff;}
.bckPale{background:#F3E6D5;}
.bckCouleur{background:#73913D}
.bckFoncee{background:#09190f;}

.bckOpacity{background:rgba(0,0,0,0.6);}

.boxShadow{box-shadow: 0 0 5px rgba(0,0,0,0.1)}

/* TEXTE */
h1, h2, h3, h4, h5, h6{line-height:1.3;}

.title{font-size:40px;text-transform:uppercase}

h1, .h1{font-size:32px;font-weight:800;text-transform:uppercase;}h1 span{font-weight: 300;}
h2, .h2{font-size:28px;font-weight:800;}h2 span{font-weight: 300;}
h3, .h3{font-size:26px;font-weight:400;text-transform:uppercase;}
h4, .h4{font-size:20px;font-weight:800;text-transform: none;} 
h5, .h5{font-size:20px;font-weight:400;}
h6, .h6{font-size:16px;font-weight:800;text-transform: uppercase;}

p, li{font-size:18px;line-height:1.7;margin:20px 0}
p + p{margin:0 0 20px} 
p:first-child{margin-top:0!important}

ol, ul{margin:20px 0 20px 20px}
ul{list-style-type:none;} .center ul{margin:20px 10px}
ul li, ol li{margin:0 0 10px 0px;}
ul li:before{content:" • ";display: inline-block;font-weight:bold;width: 15px;color:#fff;vertical-align: middle;margin-left: -15px}

.bt{font-size:15px;margin-top:30px}
.bt a{padding:17px 30px;display:inline-block;color: #fff !important;text-decoration: none; font-weight: 700;text-transform:uppercase;}
.bt a:hover {background-color: #aecd75}

.bt .border{border:3px solid #73913D}
.bt a.border:hover{border:3px solid #aecd75;background: transparent;}

#headhome{position:relative;height:100%;margin:0}
#headhome h2{text-transform:none;font-weight:400;font-size:30px}

.fillImg img{object-fit:cover;height:100%}




.fancybox > *{transition: all 0.4s ease-in-out;}
.fancybox{cursor: pointer!important;height:100%;position: relative;display:block;background:#000;line-height:0}
.fancybox span{position: absolute;font-size:60px;color:#fff;width:100%;text-align: center;transform: translateY(-50%);top:50%;opacity: 0}
.fancybox:hover img{opacity:0.3}
.fancybox:hover span{opacity: 1}

.blocToggle{position:relative;display: block;background:none;border-bottom: 1px solid #ccc;padding: 0 0 10px 0 ;margin:0 auto}
.blocToggle h4{max-width:95%}
.blocToggle .toggle{margin-top:20px;}
.blocToggle .toggle p:last-child{margin-bottom:0}

a.toggle-init{position:absolute;top:0;cursor:pointer;width:100%;z-index:9;text-align: right; display: block;right: 0}
a.toggle-init span:before{ content:"\f067";display:block; color:#73913D;font-size: 20px;font-family: "Font Awesome 5 Free";font-weight: 900;}
a.toggle-init.active span:before{ content:"\f068";color:#575756}



/* CONFÉRENCE */

.conference a.modalBt{display: block;overflow: hidden;background: #09190f;line-height: 1;}
.conference a > img{cursor:pointer;transition: all 0.2s ease-in-out;filter: grayscale(1);object-fit:contain;height:100%;z-index: 0!important;line-height: 0;margin:0 auto;display: block;}  
.conference a:hover{transform:scale(1.05);transition: all 0.1s ease-in-out;overflow: hidden;z-index: 0!important;}

.conference a > figcaption{text-align: center;background-color:#09190f;display: block;font-size:12px;text-transform: uppercase;padding:10px;line-height: 1;z-index: 9;}
.conference a > figcaption:after{content:"Biographie";z-index: 9!important;transition: all 0.2s ease-in-out;}
.conference a:hover figcaption:after{content:" Lire +";transition: all 0.2s ease-in-out;}

/* MODAL */

.modal-content{width:80%;max-width: 800px;padding:60px;color:#001b2d;text-align: left;position:relative}
.modal-content .close{position:absolute;top:20px;right:30px;font-size:40px;cursor: pointer;}
.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 99; /* Sit on top */padding-top: 150px; /* Location of the box */padding-bottom:80px;left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.7); /* Black w/ opacity */}

.modal-content {background-color: #fefefe;margin: auto;padding:75px 50px;width: 60%;max-width: 1000px;z-index:999!important;  }
button.close {color: #aaaaaa;float: right;background:none;font-size: 28px;font-weight: bold;}
button.close:hover,button.close:focus {color: #000;text-decoration: none;cursor: pointer;}

.okModal{min-width:200px;margin:25px auto 0;font-size:18px;display:block;padding:0}
.okModal a{padding:20px 25px;display:block}




.verti {
-webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	 -o-transform: rotate(-90deg);
		transform: rotate(-90deg);
text-align:center;
padding:40px 0
}

.verti{text-transform:uppercase;color:#888;}

.or img {max-width: 300px;}
.argent img {max-width: 180px;}
.bronze img {max-width: 110px;}
.commanditaire img {display:block;margin:0 auto}

/* FOOTER */
footer{width:100%}

.credits{background:#000}
.credits .container *{margin:0;}
.credits p, .credits a{margin:0;font-size:11px;color:#555}
.credits a{font-size:10px;text-transform:uppercase;text-decoration:none;font-weight: normal;padding:2px 5px 0 0;display:block}
.credits a img{margin:-2px 0 0 5px!important;display:inline-block;vertical-align:middle;}


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




}


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

 .padSml{padding:20px;}
 .padMedium{padding:30px;}
 .padLarge{padding:60px;}
 
 .topSml{margin-top:15px}
 .topMedium{margin-top:30px}
 .topLarge{margin-top:40px}
     
 .bottomSml{margin-bottom:15px}
 .bottomMedium{margin-bottom:30px}
 .bottomLarge{margin-bottom:40px}
 
    
h1, .h1{font-size:36px;}
h2, .h2{font-size:30px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:18px;}
h5, .h5{font-size:17px;}
h6, .h6{font-size:15px;}

p, li{font-size:15px;}

.static{position:relative;top:0}

.translateUp50, .translateUp25{max-width: 85%;}
.translateUp50{margin-bottom: -125px;}
.translateUp25{margin-bottom: -75px;}
.padLarge > .centerContentY{ width: calc(100%);}
.padLarge > .centerContentAll{width: calc(100%);}

.centerContentAll{position: relative;top:0%; left: 0%;transform: none}
.centerContentY{position: relative;top:0%;transform: none;}
.centerContentX{position: relative;left:0%;transform: none}



span#menuMob {position:absolute;right:30px;top:20px;width:40px;height:40px;display:block;background: url("../img/menu-mobile.svg") no-repeat center center / 35px;cursor:pointer}
.open .overlay{width:100%} 
.overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.3s;}
.overlay-content {position: relative;top: 25%;width: 100%;text-align: center;}
.overlay .closebtn {display:block;position:absolute;top:20px;right: 45px;font-size: 60px;} 

#navMenu nav{position:relative;width:100%;height:100%;}
#navMenu ul li{display:block;text-align:center;padding:0;transition: 0.3s;}

.blocHome .flt-lf{float:none}
.blocHome .centerContentY{position:relative;transform:none;top:0}

#headhome{height:auto}
#headhome .centerContentAll, #headhome .centerContentY{width:100%;text-align:center}


.verti {
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	text-align:center;
	padding:40px 0
	}

}


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

.padSml{padding:10px;}
.padMedium{padding:20px;}
.padLarge{padding:50px;}

.topSml{margin-top:10px}
.topMedium{margin-top:20px}
.topLarge{margin-top:30px}
    
.bottomSml{margin-bottom:10px}
.bottomMedium{margin-bottom:20px}
.bottomLarge{margin-bottom:30px}

.padLarge > .centerContentY,
.padLarge > .centerContentAll{ width: calc(100% - 100px);}
    
h1, .h1{font-size:24px;}
h2, .h2{font-size:22px;}
h3, .h3{font-size:20px;}
h4, .h4{font-size:17px;}
h5, .h5{font-size:15px;}
h6, .h6{font-size:13px;}

p, li{font-size:13px;}

.credits .flt-lf, .credits .flt-rg{float:none;text-align:center;margin:10px 0}

	
}