@font-face {font-family: 'Roboto';src: url('../_fonts/Roboto-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}

body{background:#eee;margin:0;padding:0;font:16px/1.4 "Roboto", sans-serif;color:#333;}
div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{max-width:100%;}
.haut-blanc{background:#fff;height:104px;}
.haut-noir{background:#004876;height:1px;}

.clear{clear:both;}
.fixe{position:fixed;top:0;right:0;width:100%;z-index:10;background:#fff;}
.fond{position:relative;max-width:1626px;margin:auto;height:100%;z-index:2;padding-top:100px;}

.fond-blanc{max-width:1626px;margin:auto;background:#fff;}
.fond-noir{max-width:1626px;margin:auto;background:#ffc627;}
.fond-bleu{max-width:1626px;margin:auto;background:rgba(255,255,255,0.4);color:#111}
.fond-bleu1{max-width:1626px;margin:auto;background:#c8e3f1;}

.centre{postion:relative;width:984px;margin:auto;}
.menu ,.menu-right a{font:0.9rem/1.2 "Roboto";text-decoration:none;color:#2874a0;}
.menu-left{float:left;width:300px;}
.menu-right{text-align:right;color:#15608c;}

.dt{display:block;text-align:right;}
.dtc{display:inline-block;}
.menu-right .dt .dtc{padding:5px 0px;margin:10px 10px;border-bottom:2px solid transparent}
.menu-right .dt .dtc a:hover{color:#000}
.fl50{float:left;width:45%;}
.fr50{float:right;width:45%;}
.fl33{float:left;width:33%;}
.menu-off, a .menu-off{color:#9dafc0!important}

.bande1{height:360px;text-align:center;background: url('../_img/band_haut1.jpg') center center no-repeat;}
.bande1-titre{font:bold 3.7rem/1.5 "Roboto";color:#ffc627;text-shadow: 0px 4px 8px #555;}
.spirit{margin-top:10px;}
.bande1-sousTitre{font-size:1.8rem;color:#fff;text-shadow: 0px 4px 8px #555;margin-top:10px;}
.zigouigouiTitre{display:inline-block;width:65px;padding:5px;}

.mt-40{position:absolute;width:984px;height:40px;bottom:0;text-align:center;}
.boule{position:absolute;background: url('../_img/logoMain.svg') center center no-repeat;height:105px;width:100%;margin-top:-50px;}
.sepa60{height:60px;clear:both;}
.sepa40{height:40px;clear:both;}
.sepa20{height:20px;clear:both;}
.titre{text-align:center;padding-top:96px;font-size:2.5rem;color:#000;}
.titre-blanc{color:#fff;}
.titre-noir{color:#111;}
.titre-haut{text-align:center;padding:20px 0 20px 0;font:2.5rem/0.8 roboto}
.titre-haut-black{color:#333}
.titre-boule{text-align:center;padding:50px 0 0 0;font:2.5rem/0.8 roboto}
.texte{padding:40px 30px 96px 30px;text-align:justify;}
.texte-haut{padding:30px 30px 70px 30px;text-align:justify;}
.texte li{margin-bottom:5px;text-align:left}
.lien{color:#3b5e76;font-weight:bold}
.lien2{color:#75b8db;text-decoration:none;font-weight:bold}
.a-bleu{color:#145d84;}

/*ffc627 violet  -  #ffc627 jaune*/
.pdp{display:table;width:100%;background:#ffc627;color:#111;padding:60px 30px 0 30px;font:1rem/1.5 "roboto";text-align:left;letter-spacing:1.2px;}
.pdp-cell{display:table-cell;width:41%;vertical-align:top;border:1px solid transparent}
.pdp-cell2{display:table-cell;width:20%;vertical-align:top;border:1px solid transparent}
.pdp a{text-decoration:none;color:#000;font:1rem/1.5 "roboto";letter-spacing:1.2px;}
.pdp-cell70{display:table-cell;width:75%;vertical-align:top;border:1px solid transparent}
.pdp-cell30{display:table-cell;width:25%;vertical-align:top;border:1px solid transparent}
.pdpFooter{display:table;width:100%;color:#111;padding:0 30px 50px 30px;text-align:left;font:0.8rem/1.5 "roboto";letter-spacing:1.2px;}

.pdp a:hover{color:#fff}

#suiteCredit{visibility:hidden;}

.logo{margin:10px 0 40px 0}
.pdp-logo{display:inline-block;margin-right:10px;}

.taj{text-align:justify;}
.tac{text-align:center;}
.tar{text-align:right;}
.lang, .menu-select{color:#000; border-bottom:2px solid #000 !important}
.duration{-webkit-transition-duration:0.5s;transition-duration:0.5s;}

.txtShadow{text-shadow:4px 4px 8px rgba(0, 0, 0, 1);}
.puce{font:bold 20px/1.5 Arial;padding:5px 8px;background:#ffc627;color:#fff;margin:0 10px 20px -40px;transform:translate(-30px);box-shadow:2px 2px 4px rgba(0, 0, 0, .5);}
p{padding:0;margin:0 0 20px 0;line-height:1.5}
.floatR{float:right;vertical-align:top;height:100px;}
.imgHome{display:inline-block;width:300px;border:1px solid #ccc;box-shadow:3px 3px 6px rgba(0, 0, 0, .5);margin:10px;transition-duration:.6s;cursor:pointer;overflow:hidden;}
.imgHome img{max-height:100%;vertical-align:bottom;transition-duration:.6s;}
.hideBlock{display:none;}
.zigouigoui{display:inline-block;width:40px;padding: 0 5px;}

.videoHome{position:relative;display:inline-block;width:300px;border:1px solid #ccc;box-shadow:3px 3px 6px rgba(0, 0, 0, .5);margin:10px;overflow:hidden;font:4rem/2.5 Arial;color:#f00;transition-duration:.6s;}
.videoHome img{max-height:100%;vertical-align:bottom;transition-duration:.6s;}
.triangle{position:absolute;top:0;bottom:0;left:0;right:0;content:"▶︎";pointer-events:none;text-shadow: 2px 2px 8px rgba(0,0,0,.8);}

#videoZoom{position:fixed;top:0;left:0;right:0;bottom:0;z-index:40;height:100vh;padding:10%;text-align:center;color:fff;font:600 1.1rem/1.2 Arial;
transform:translate3d(0,150%,0);transition-duration:0.4s;background:rgba(0,0,0,.8);cursor:zoom-out;}
#videoZoomContent{display:inline-block;width:85vw;}
/* --------------- swipe ------------------- */
#centreZoom{position:fixed;top:0;left:0;right:0;bottom:0;z-index:20;height:100vh;padding-top:2vh;text-align:center;color:#fff;font:600 1.1rem/1.2 Arial;
transform:translate3d(0,150%,0);transition-duration:0.4s;background:rgba(0,0,0,.8);cursor:zoom-out;}
#centreZoomContent{display:inline-block;width:85vw;}
#nextFlSwipe{display:inline-block;width:5%;vertical-align:top;height:100%;transform:translate3d(0,35%,0);text-align:left;cursor:pointer;}
#prevFlSwipe{display:inline-block;width:5%;vertical-align:top;height:100%;transform:translate3d(0,35%,0);text-align:right;cursor:pointer;}
#nextFlSwipe>img, #prevFlSwipe>img{width:50%;}
#centreZoomContent .swipe {overflow: hidden;visibility: hidden;position: relative;height:100%}
#centreZoomContent .swipe-wrap {overflow: hidden;position: relative;top:0;}
#centreZoomContent .swipe-wrap > div {float:left;position: relative;text-align:center;padding:1vw;display:flex;justify-content:center;align-items:center;flex-direction: column;height:78vh}
#centreZoomContent .swipe-wrap > div>img {object-fit:contain;-webkit-object-fit:contain;}
#galleryTexte{position:absolute;left:0;right:0;bottom:10vh;height:7%;z-index:5;padding:3px 2% 0 2%;width:100%;}
h2.btnSwipe{display:block;width:100%;clear:both;height:32px;background:#555;color:#fff;
font:.9rem/32px 'Russo One';color:#fff;text-align:center;margin:5px 0 0 0;box-shadow: 0 -5px 8px rgba(0, 0, 0, .7)}