@font-face {font-family: 'robotoThin';src: url('Roboto-Thin.ttf');}
@font-face {font-family: 'robotoRegular';src: url('Roboto-Regular.ttf');}
@font-face {font-family: 'robotoBold';src: url('Roboto-Bold.ttf');}
@font-face {font-family: 'robotoBlack';src: url('Roboto-Black.ttf');}

html{-webkit-tap-highlight-color: rgba(0,0,0,0);margin:0;padding:0;}
body{margin:0;padding:0;color:#555;} /*-webkit-user-select: none;user-select: none;*/
div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;
}
#page{margin:0;padding:0;}
a{text-decoration:none;color:#b19751;}
img{max-width:100%;line-height:0;display:inline-block;}
p{margin:0;padding:0}

#header{width:100%;background:#000;}
#headerCat{width:100%;background:#000;}
.menu{display:table;max-width:1300px;margin:auto;}
.menuLogo{display:table-cell;width:12%;padding:1%}
.menuCentre{display:table-cell;width:76%;vertical-align:bottom;}
.menuBar{display:table;width:100%;color:#bbb;font: 14px/1 robotoRegular;height:35px;} /*table-layout:fixed;*/
.menuCell{display:table-cell;text-align:center;}
.menuCell span:hover{color:#fff;cursor:pointer}
.menuCellSelect{font-weight:bold;color:#fff;}
.tSelect{background: url('../_img/tSelect.png') no-repeat bottom center;}

#sousMenu{position:absolute;top:0;left:0;right:0;width:100%;height:0;z-index:10;overflow:hidden;
-webkit-transition-duration:0.5s;transition-duration:0.5s;background:#fff;
moz-box-shadow:3px 3px 19px -8px #656565;-webkit-box-shadow:3px 3px 19px -8px #656565;-o-box-shadow:3px 3px 19px -8px #656565;box-shadow:3px 3px 19px -8px #656565;
}

#smContainer{max-width:1200px;margin:auto;text-align:center;padding:10px;}
.smSpan{display:inline-block;}
.smTab{display:table;table-layout:fixed;border-collapse:collapse;margin:auto;}
.smTabCell{display:table-cell;padding:10px;text-align:center;cursor:pointer;opacity:0.9;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.smTabCell:hover{opacity:1;}

.smTitre{margin:30px 0 10px 0;font:15px/1 robotoRegular;color:#ad7e00;}
.bas{}
#stockSm{display:none;}

.block1{background:#fff;}
.block2{background:#f4f4f4;}
.blockPageHaut{max-width:1200px;margin:auto; padding-bottom:25px;}
.blockPage{max-width:1200px;margin:auto; padding:30px 0;}
.blockTitreAccueil{font: 32px/1 robotoRegular;text-align:center;padding: 25px 0 15px 0;letter-spacing:1px;}
.blockTitreArtistique{font: 24px/1 robotoRegular;text-align:center;padding: 0 0 15px 0;letter-spacing:1px;}
.blockTitre{font: 24px/1 robotoRegular;text-align:center;padding: 0 0 15px 0;letter-spacing:1px;}
.sousBlockPage{padding:30px;font: 16px/1.5 robotoRegular;background:#fff;}
.sousBlockPage2{padding:30px;font: 16px/1.5 robotoRegular;}
.ombreBlockPage{moz-box-shadow:3px 3px 10px -4px #656565;-webkit-box-shadow:3px 3px 10px -4px #656565;-o-box-shadow:3px 3px 10px -4px #656565;box-shadow:3px 3px 10px -4px #656565;}

.blockBas{padding-bottom:40px;}

.bandeau{position:relative;text-align:center}
.bandeauT1{position:absolute;left:0;right:0;bottom:3%;font: 155px/1 robotoBlack;text-align:center;color:#bbb;}
.bandeauT1B{position:absolute;left:0;right:0;bottom:3%;font: 150px/1 robotoBlack;text-align:center;color:#bbb;letter-spacing:-3}
.bandeauT1Bis{font: 150px/0.9 robotoBlack;text-align:center;color:#bbb;}
.bandeauT2{font: 155px/0.9 robotoThin;text-align:center;color:#bbb;}
.bandeauT2Bis{font: 140px/0.9 robotoThin;text-align:center;color:#bbb;}
.bandeauT2Ter{font: 130px/0.9 robotoThin;text-align:center;color:#bbb;}
.bandeauT3{font: 22px/1 robotoBlack;text-align:center;color:#a4938e;margin:3% 0;letter-spacing:1px;}

.prestationTitre{font: 18px/1 robotoBold;text-align:center;}
.texte{font: 16px/1.5 robotoRegular;text-align:justify;padding:10px 50px}

#vignettes{display:table;table-layout:fixed;margin:auto;width:100%}
.vignetteBorder{border-collapse: separate;border-spacing:30px;}
.tabTr{display:table-row;padding:0;margin:0;height:0;width:100%;table-layout:fixed;}
.tabCellAtelier{display:table-cell;border:2px solid #fff;cursor:pointer;width:33%;vertical-align:middle;text-align:center;
opacity:0.90;-webkit-transition-duration:0.5s;transition-duration:0.5s;background:#000;
}
.tabCellPoleArtistique{display:table-cell;width:33%;cursor:pointer;vertical-align:middle;text-align:center;
opacity:0.90;-webkit-transition-duration:0.5s;transition-duration:0.5s;background:#000;}

.tabCellAtelier:hover{opacity:1;}
.vide{background:none;}
.tabCellPoleArtistique:hover{opacity:1;}

.presentationTitre{opacity:1;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.presentationTitre:hover{opacity:1;}

.floatLeft{float:left;}
.floatRight{float:right;}
.padLeft{padding-left:2%;}
.cajPhotos{display:inline-block;width:32%;margin-top:20px;text-align:center}
.cajPhotosCentre{}

.presentation{width:85%;margin:auto;display:table;table-layout:fixed;border-collapse: separate;border-spacing:10px 0;}
.ptresentationTC{display:table-cell;vertical-align:top;}
.presentationTab{display:table;cursor:pointer;height:100%;}
.presentationRow{display:table-row;}
.presentationCell{display:table-cell;text-align:center;background:#fff;vertical-align:middle;height:250px;text-align:center;}
.presentationTitre{font: 24px/1.2 robotoBold;color:#fff;text-shadow: 1px 2px 2px #333;}
.presentationText{background:#fff;padding:15px;font: 14px/1.2 robotoRegular;text-align:justify;color:#555;background:#fff;}
.presentationBlock{text-align:center;}

.radius{border-radius:50%;overflow:hidden;}
.ombreRadius{-webkit-box-shadow: inset 10px 10px 15px 0px rgba(0,0,0,0.6);-moz-box-shadow: inset 10px 10px 15px 0px rgba(0,0,0,0.6);box-shadow: inset 10px 10px 15px 0px rgba(0,0,0,0.6);}

.pdp{background:#323232;padding:4% 0;color:#fff;font: 15px/1.5 robotoRegular;width:100%}
.pdpContent{max-width:1200px;margin:auto;padding-left:10%}
.pdpTitre{font:bold 16px/1.5 robotoRegular;margin-bottom:1%;}
.pdpFl1{float:left;width:30%;}
.pdpFl2{float:left;width:30%;}
.pdpFl3{float:right;width:25%;line-height:250%}
.pdp a{color:#b19751;font-weight:bold;}
ul{margin:0;padding-top:0;}
li{margin-bottom:2%}

.metro{display:inline-block;width:24px;height:24px;font:16px/24px robotoBold;text-align:center;border-radius:50%;margin-top:5px;}
.bus {display:inline-block;width:24px;height:20px;font:16px/20px robotoBold;text-align:center;background:#c00;margin-top:5px;}

.b96{background-color:#deaf46;color:#000}
.b95{background-color:#8c653d;color:#fff}
.b60{background-color:#ea2032;color:#fff}
.b31{background-color:#fecc2f;color:#000}
.m2{background-color:#0e67ac;color:#000}
.m3{background-color:#9f9629;color:#000}
.m13{background-color:#9bd4dd;color:#000}

#zoom, #zoomContact,#zoomVideo{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(255,255,255,0.6);z-index:100;text-align:center;
-webkit-transition-duration:0.5s;transition-duration:0.5s;opacity:0;display:none;}
.zoomFond{position:absolute;width:100%;height:inherit;cursor:pointer;}
.zoomZone{position:absolute;left:0;right:0;max-width:1500px;margin:50px auto;padding:10px;background:#fff;z-index:2}

#zoomTab{display:table;width:100%;height:100%;}
.zoomTabCellFl{display:table-cell;vertical-align:middle;text-align:center;}
.zoomTabCellCentre{display:table-cell;width:90%;vertical-align:middle;text-align:center;overflow:hidden;}
#zoomClose{width:5%;}

.id-voyage{float:left;width:50%;}
.id-voyage-container{position:relative;display:inline-block;width:95%;height:280px;overflow:hidden;vertical-align:top;}
.id-voyage-img{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.id-voyage-titre{position:absolute;left:0;right:0;top:85%;height:290px;background: rgba(0,0,0,0.4);font:26px/1 robotoRegular;
 text-Transform: Uppercase;color:#fff;padding:10px;z-index:2;text-align:left;transition-duration: 0.3s;}
.id-voyage-sousTitre{font:1.2rem/1 robotoRegular;color:#fff;Text-Transform: none;margin-top:10px;}

.id-voyage-texte{height:155px;overflow:hidden;margin-top:18px;font:1rem/1 robotoRegular; text-Transform:none}
.id-voyage-suite{font: 0.8rem/1 robotoBold;text-align:right;margin:10px 10px 0 0;}
.id-voyage-suite a{color:#ad7e00;}
.id-voyage-suite a:hover{color:#ad7e99;}

#contacter{position:fixed;top:420px;left:0;width:58px;height:182px;background: rgba(0,0,0,0.5);cursor:pointer;z-index:10;}
#contacter:hover{background: rgba(0,0,0,0.8)}

.zoomContactZone{max-width:1000px;margin:100px auto;padding:2px;background:#fff;}
#zoomTabContact{display:table;width:100%;height:100%;}
.zoomTabCellContactGauche{display:table-cell;vertical-align:top;width:277px;background:#000;height:600px;}
.zoomTabCellContactCentre{display:table-cell;width:718px;vertical-align:top;text-align:center;overflow:hidden;}
#fermerContact{display:inline-block;width:20px;height:20px;margin:5px;border:1px solid #555;text-align:center;font: 18px/20px robotoBold;cursor:pointer;}

.menuContact-block{position:absolute;width:300px;}
.menuContact-cellule{height:60px;border-top:1px solid #fff;padding-right:20px;cursor:pointer;background:url(none);font: 18px/60px robotoBold;color:#fff;}
.menuContact-cellule-last{border-bottom:1px solid #fff;}
.menuContact-container{font: 18px/30px robotoBold;color:#333}
.menuContact-container-text{line-height:2;display:none}
.menuContact-container-text a {line-height:2.5;color:#b19751;}
.menuContactNotSel{background:url(none);font-weight:normal;color:#fff;}
.menuContactSelected{background:#b19751 url('../_img/flecheVerte.png') no-repeat top right ;font-weight: bold;color:#000}
.logoContact{text-align:center;}
.logoContact img{display:inline-block;line-height:0;max-width:150px}
.contatcTitre{font: 20px/1.2 robotoRegular;margin-bottom:10px;}
.contactSousTitre{font: 20px/1.2 robotoBlack;}
.contactTexte{font: 18px/1.2 robotoBold;color:#555;}
.contactTexte a{color:#b19751;}

/* pour page cafe - detachements et biscuiterie */
.sousBlockPageSwipe{padding:2%;font: 16px/1.5 robotoRegular;background:#fff;}
.sousBlockPageSwipeGauche{display:inline-block;width:70%;border:1px solid #eee;vertical-align: top;}
.sousBlockPageSwipeDroite{position:relative;display:inline-block;width:29%;padding-left:2%;vertical-align: top;}
.sousBlockPageSwipeTitre{font: 24px/1 robotoBold;color:#b00013;margin-bottom:1%;}
.cartoucheSwipeTitre{background:#b00013;font: 18px/1 robotoBold;color:#fff;padding:2%;margin-bottom:4%;}
#logoCafe{position:absolute;top:-30px;right:10px;z-index:2;width:90px;}

.swipe {overflow: hidden;visibility: hidden;position:relative;margin:auto;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {float:left;width:100%;position: relative;text-align:center;height:inherit}

#swipeCounter, #swipeCounter2{clear:both;font:14px/1.3 robotoRegular;padding:10px;text-align:center;color:#555;}
#mySwipeWrap{height:550px;}
.swipeEsatCaj{height:413px;}

.onglet-info-container{width:100%;overflow:hidden;background:#fff;text-align:justify;}
.onglet-bande{position: relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-duration:0.5s;transition-duration:0.5s}
.onglet-info{float:left;display:inline-block;width:20px;padding:10px 30px;background:#fff;cursor:pointer;width:100%;font: 16px/1.2 robotoRegular;}
.onglet-sous-menu{float:left;padding:10px 50px;margin-right:1px;background:#e6e6e6;color:#b00013;cursor:pointer;font: 16px/1 robotoBold;}
.ongletSelect{background:#b00013;color:#fff;}
.infoPratique{color:#673653;font-weight:bold;}
/* /////////////////////// */

.tac{text-align:center;}
.tar{text-align:right;}
.sepa1{clear:both;}
.sepa40{clear:both;height:40px;}
.textRouge{font-size:14px;color:#b00013}
.logoPage{width:15%;}

/* actu */
#cell1{vertical-align:top}
#cell2{vertical-align:top;}
.listeActuAccueil{width:880px;margin:auto;text-align:justify;}
.actuTabCellGauche{float:left;width:60%;vertical-align:top;}
.actuTabCellDroite{float:right;width:40%;vertical-align:top;}

.listeActu{width:940px;margin:auto;text-align:left;}
.actuTab{display:table;width:100%;background:#fff;margin-top:40px;}
.tabCell{display:table-cell;width:50%;}
.actuTitre{font: 1.5rem/1.2 robotoBold;text-Transform: Uppercase;margin-bottom:10px;}
.actuSousTitre{font: 1.2rem/1.2 robotoBold;margin-bottom:10px;}
.actuSousTexte{font: 1rem/1.2 robotoRegular;padding-right:10px;}
.actuContact{margin-top:20px;}
.actuContact a{color:#b19751;}

.actuLogo img{display:inline-block;vertical-align:middle;margin-top:30px;}
.actuDixAns{max-width:100px;margin-right:30px;}
.actuPerroquet{max-width:280px;}

#menuImage{position:absolute;display:none;width:650px;border:1px solid #ccc;height:310px;background:#fff;}
.menuImage-container{position:relative;display:block;background:#fff;width:100%;height:270px;overflow:auto}
.menuImage-container div{display:inline-block;width:23%;margin:2px;vertical-align:middle;border:1px solid #eee}
.menuImage-container div img{max-width:100%;}

#paCell1{background: url('../_pages/poles-artistiques/presentation/poles-artistiques-vig1.jpg') no-repeat top left;background-size:cover;}
#paCell2{background: url('../_pages/poles-artistiques/presentation/poles-artistiques-vig2.jpg') no-repeat top left;background-size:cover;}
#paCell3{background: url('../_pages/poles-artistiques/presentation/poles-artistiques-vig3.jpg') no-repeat top left;background-size:cover;}

#dtCell1{background: url('../_pages/missions-exterieures/presentation/detachements-vig1.jpg') no-repeat top left;background-size:cover;}
#dtCell2{background: url('../_pages/missions-exterieures/presentation/detachements-vig2.jpg') no-repeat top left;background-size:cover;}
#dtCell3{background: url('../_pages/missions-exterieures/presentation/detachements-vig3.jpg') no-repeat top left;background-size:cover;}

.slideContainer {height: 413px;max-width: 1300px;position: relative;overflow: hidden;}

.slideActu {
  position: absolute;top: 0;left: 0;height: 413px;width: 8200px;
  background:#fff url('../_pages/actualites/bandeau_actualites.jpg');transform: translate3d(0, 0, 0);animation: moveSlideEsatCaj 36s linear infinite;
}

.slideEsatCaj {
  position: absolute;top: 0;left: 0;height: 413px;width: 7960px;
  background:#fff url('../_pages/esat-caj/slideEsatCaj.jpg');transform: translate3d(0, 0, 0);animation: moveSlideEsatCaj 36s linear infinite;
}
.logoPage{width:20%;}

@-webkit-keyframes moveSlideEsatCaj{
100% { transform: translateX(-84%);-webkit-transform: translateX(-84%);}
}
@keyframes moveSlideEsatCaj{
100% { transform: translateX(-84%);-webkit-transform: translateX(-84%);}
}

@-webkit-keyframes moveSlideActu{
100% { transform: translateX(-84%);-webkit-transform: translateX(-84%);}
}
@keyframes moveSlideActu {
100% { transform: translateX(-84%);-webkit-transform: translateX(-84%);}
}

.titreRub{font: 22px/1 robotoBlack;color:#a4938e;margin-top:30px;letter-spacing:1px;}
ul{margin:0;padding:0 0 10px 10px}
li{margin:0 0 0 15px}
.logoExt{display:inline-block;width:30px;vertical-align:middle;margin-right:5px;}
.talContact{text-align:left;margin-left:150px;}

#videoBiscuiterie{position:relative;margin-top:10px;cursor:pointer;}
#videoBiscuiterie >div{position:absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;}


@media screen and (min-width: 800px) and (max-width: 1200px) {
.bandeauT1{font: 110px/1 robotoBlack;}
.bandeauT1B{font: 100px/1 robotoBlack;}
.bandeauT1Bis{font: 110px/0.9 robotoBlack;}
.bandeauT2{font: 110px/0.9 robotoThin;}
.bandeauT2Bis{font: 110px/0.9 robotoThin;}
.bandeauT2Ter{font: 110px/0.9 robotoThin;}
}

@media screen and (min-width: 500px) and (max-width: 800px) {
.bandeauT1{font: 100px/1 robotoBlack;}
.bandeauT1B{font: 90px/1 robotoBlack;}
.bandeauT1Bis{font: 100px/0.9 robotoBlack;}
.bandeauT2{font: 90px/0.9 robotoThin;}
.bandeauT2Bis{font: 80px/0.9 robotoThin;}
.bandeauT2Ter{font: 80px/0.9 robotoThin;}
}