@font-face { font-family: "GothamBold"; src: url(fonts/Gotham-Bold.otf) format("Opentype"); }
@font-face { font-family: "GothamBook"; src: url(fonts/Gotham-Book.otf) format("Opentype"); }
@font-face { font-family: "GothamMedium"; src: url(fonts/Gotham-Medium.otf) format("Opentype"); }
@font-face { font-family: "TitilliumText"; src: url(fonts/TitilliumText.otf) format("Opentype"); }
@font-face {font-family:"GERegular"; src:url(fonts/PFDinTextArabic-Medium.ttf) format("truetype");}
@font-face { font-family: "myriadpro"; src: url(fonts/myrd.otf) format("Opentype"); }
@font-face{font-family:'FontAwesome'; src:url("fonts/fontawesome-webfont.eot?v=4.3.0"); src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal;  font-style: normal; }
.left{float:left;}
.hide{display:none;}
.right{float:right;}
.videos{ width:100%}
.clear{display:block; clear:both;}
.center{width:1000px; margin:0 auto; position:relative;}
a{text-decoration:none; color:#5a4e49;}
ul{padding:0; margin:0; display:inline-block; list-style:none;}
body{position:relative; margin:0; padding:0; font-family:GothamBook; font-size:14px; color:#000;}
body.menu_active{height:100vh; overflow:hidden;}
.header{position:fixed ;top:0; left:0; width:100%;  z-index:99;padding: 0;}
.content{position:relative; z-index:0;}
.reseau{width:300px; margin:46px 0 18px; text-align:right;}
.reseau ul { padding-top:3px ; }
.reseau li{float:left;width:33px; height:33px;}
.reseau .icon{margin:0 0 0 10px; transition:all  0.7s  ; zoom:88%; opacity:1; }
.reseau .icon:hover{zoom:100%; opacity:0.7;}
.reseau .icon:before{font-family:FontAwesome; font-style: normal; font-size:22px;}
.reseau .icon.icon-fb:before{content:'\f09a';}
.reseau .icon.icon-ins:before{content:'\f16d';}
.reseau .icon.icon-link:before{content:'\f0e1';}
.reseau .icon.icon-pint:before{content:'\f231';}
.reseau .icon.icon-youtube:before{content:'\f166';}
.bRed { color: #a19785;  font-family: GothamBold; }

.secondaire{display:none;}
.bloccenter{width:calc(100% - 600px); text-align:center; position:relative; min-height:20px;}
/*.logo{position:absolute; left:0; right:0;}*/
.logo img{width:205px; margin-top:20px;}
/*.bg{ background:url(images/logo.png) left top no-repeat; display:inline-block; padding:0px 60px 23px 77px; background-size:100% auto;}*/
.fixed .secondaire{display:block;}
.fixed .principal{display:none;}
.fixed .displayinlineblock{margin:28px 0 0;}
.fixed .reseau {margin:35px  0 14px;}
.fixed .bg{background:none; padding:0;}
.fixed header img{width:100px; margin-top:10px; margin-bottom:10px;}
.fixed .mediapreoduit img{width:auto;}
.header.fixed{background:#5a4e49;}

.content_menu ul{display:inline-block;overflow:hidden; margin:80px 0 0 ;}
.menu_active .content_menu ul{ opacity:1;margin-left: 20px;}
.content_menu a{color:#fff; font-size:15px ; opacity:0;  display:block;margin:0; text-transform:uppercase; font-weight:bold;transition:all ease-out .4s .4s; font-family:myriadpro;}
.menu_active .content_menu a{margin:-10px 0 0;transition:all ease-out .4s .2s; opacity:1;}
.content_menu li{padding:10px; margin:30px 0;transition:background  .6s ; background-position:center bottom;}
.content_menu li.active,.content_menu li:hover{background:url(images/menu.png) left bottom no-repeat;}

.icon_menu{border-top:4px solid #a19785; cursor:pointer; /*margin:20px 0;*/}
.icon_menu:before{content:'';border-top:4px solid #a19785; margin-top:6px; display:block;    -webkit-transition: all 0.5s;transition: all 0.5s;}

.content_menu::-webkit-scrollbar {    width: 3px;} 
.content_menu::-webkit-scrollbar-track {    -webkit-box-shadow: none} 
.content_menu::-webkit-scrollbar-thumb {  background-color: #5a4e49;  outline: 1px solid #5a4e49;}

.menu_active .icon_menu:hover{cursor:pointer;}
.menu_active .icon_menu:before{margin-top: 0; position: absolute; height: 40px; left: 16px; top: -7px;transform: rotate(-57deg); margin: 0; 
border-right: 4px solid #a19785;    border-top: none;}
.menu_active .icon_menu{ border-top:none;  }
.closer{ -webkit-transition: all 0.5s;    transition: all 0.5s;border-bottom:4px solid #a19785; margin-top:6px;}
.menu_active .closer{display: block; border-bottom: none; border-right: 4px solid #5a4e49; height: 39px; position: absolute;  right: 16px;    top: -7px;    margin: 0;    transform: rotate(56deg);}
.fixed .icon_menu,.fixed .icon_menu *,.fixed .icon_menu:before{border-color:#fff;}
.fixed a{color:#fff;}
.displayinlineblock{display:inline-block; height:25px; cursor:pointer; position:relative; width:35px; margin:38px 0 0;}
.bleft{width:300px; margin:7px 0 0;}
.banniere{min-width:100%;overflow:hidden; position:relative; z-index:0 ; height: calc(100vh - 40px);}
.bgblanc{ position:absolute; top:0; left:0; width:100%; height:100%;  background: linear-gradient(#fff, rgba(256,256,256,0)); z-index:10; max-height:380px;}
.tp-banner-container{z-index:1; position:relative; min-height:100%}
.tp-banner{min-height:100%;}
.footer{width:100%; background:#a19785; color:#fff; padding:12px 0;  position:relative; z-index:1}
.footer a{color:#fff;}

.btngoogle{background:#5a4f49; color:#fff; padding:12px 13px; margin:10px 0; border-radius:4px; display:inline-block;}
.fixed a.linkemail{color:#5a4e49;}

.texte{line-height:22px; font-size:16px;}

.item-page.center{margin-top:190px; min-height:calc(100vh - 300px); padding-bottom:70px;}
.tp-banner-container img{max-height:100%;}
.aligncenter{text-align:center;}
.firstslogan {top:7px; font-weight:bold; font-size:18px;}
.solutetop{position:absolute; top:0; left:0; height:100%; width:100%;}

.tp-caption{min-height:30px; z-index:100 !important;}

.detailcategorie h1,.itemdevis h1,.detailContact h5{text-align:center; margin-bottom:20px; font-weight:bold; text-transform:uppercase; font-family:GothamBold; color:#5a4f49;}
.detailContact h5{text-align:left; font-size:22px;}
.detailContact .fa:before{font-size:20px;}
.elem_c{ width:360px; margin-right:20px; float:left;}
.contentform{width:calc(100% - 380px); float:right; margin:35px 0 0; max-width:520px;}
.detailContact .fa{font-size:15px; padding-right:7px ; color:#a19785 }
.detailContact .contact_elem{font-size:16px; margin:10px 0; }
/*.grid{display:inline-block;}*/
.desc_cat{font-size:14px; line-height:11px; padding:0 0 30px; text-align:center; font-family:GothamBook; font-weight:bold;}
.item-produit{ float:left; margin:10px; min-width:260px; width:calc((100% - 40px)/3); position:relative; overflow:hidden; text-align:center; min-height:230px; background:#6a3b3b; }
.grid-item{width:333px; overflow:hidden; padding:1px 0;}
.grid-item:hover .pixcel{ position:absolute; top:0 ; left:0; width:calc(100% - 2px); height:100%; z-index:3; background:rgba(85, 20, 20, 0.078); cursor:pointer;}
.grid-item h2{  transition: all ease-out .5s;text-align: center;color: transparent;position: absolute;bottom: 5%;left: 0;background: transparent; width: calc(100% - 22px);margin: 0;padding: 10px;font-size: 19px;z-index: 9;}
.grid-item:hover h2{bottom:70%;opacity:1; background:#fff;color: #5a4e49}
.grid-item .demande_devis{transition:all ease-out .5s  ; opacity:0; text-align:right; position:absolute; bottom:-30px; left:0; color:#fff; width:calc(100% - 40px); margin:0; padding:10px ; cursor:pointer;font-size:15px; z-index:9;}
.grid-item:hover .demande_devis{bottom:20px;opacity:1;}
.grid-item .borderwhite{transition:all ease-out .5s  ; text-align:right; position:absolute; bottom:30px; left:10px; color:#fff; width:calc(100% - 50px); margin:0; padding:10px ;   font-size:16px; z-index:9; opacity:0;}
.grid-item:hover .borderwhite{bottom:56px; opacity:1; border-bottom:3px solid #fff}
.grid-item img{width:calc(100% - 2px); margin:0 auto }
.toProduit{width:100%;  background:radial-gradient(#5a4e49 5%, #5a4e49 15%, transparent 60%); height:9px; margin-bottom:15px;}

.item-produit .pixcel{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1);z-index:2;}
#carousel .slides > li{height:140px;}
.blockLeft{width:calc(100% - 420px); position:relative;}
.image_principal img{max-width:100%;}
.blockRight{width:400px; margin-left:20px;}
.zoom {display:inline-block;position: relative;	}
		/* magnifying glass icon */
.zoom img {	display: block;		}
.zoom img::selection { background-color: transparent; }
.captcha{ display:inline; line-height:65px;margin:25px 0; font-size:20px; font-style:italic;}
.captcha.opened{box-shadow:0px 0px 2px #333; padding:10px; }
.captcha input{width:50px ; box-shadow:0px 0px 9px #ccc ;  border:none;  padding-left: 5px ; font-size:20px ; height: 36px; }

.item-slick.one{margin-left:0;}
.item-slick.three{margin-right:0;}
.item-slick{float:left; margin:4px 2px 0; overflow:hidden; width:calc((100% - 8px)/3); height:120px; cursor:move;}
.item-slick img{width:100%; cursor:move;}
img:blur,img:focus{ outline:none; border:none; box-shadow:none;}

.btndevis{background:#5a4f49; border-radius:4px; color:#fff;  cursor:pointer; display:inline-block; float:right; margin:10px 0;  padding:11px 14px; font-weight:bold; border:none; }
.btndevis:hover { background:#a19785;     border: none;   }
.blockLeft .images{max-width:100%;display: inline-block;    overflow: hidden;}
.blockLeft .images:hover{ cursor:move;}
.blockRight h1{font-family:GothamBold; margin:0; padding:0; text-align:center;  color: #5a4f49;;}
.blockRight .toProduit{height:5px;}
.carcateristique{ padding: 10px; min-height: 260px; max-width: 260px; }
.strong toProduit {height:3px;}
.carcateristique .strong{ text-transform:uppercase; display:inline-block; font-family:GothamBold; font-size:18px; }
.item-carac {margin:9px 0; font-size:14px; text-align:justify; line-height:20px;}
.blockRight .desc{text-align:justify; line-height:20px;}
.item-carac strong{font-family:GothamBold;font-size:16px; color:#a19785;}
 #box-anim {text-align: left;min-width: 700px; width:50%;    margin: 40px auto;    position: relative; z-index:99999;  }
 #box-anim  h2 a{color:#ed1164;}
 #box-anim{min-width:300px !important;}
 .popup_devis {background:#fff; color:#484848; z-index:99999; min-height:270px; min-width:300px; width:100%; overflow:auto;}
.popup_devis.openedP{height:auto; top:50%; left:50%; }
.bg_popup{background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; width:100%; height:100%; z-index:99998;}
.image_popup{width:150px; height:150px; position:relative; overflow:hidden;}
.image_popup img{max-width:130px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.details_prod_popup{width: calc(100% - 200px);    margin-left: 15px;    margin-top: 15px;}
.popup_devis span, .popup_devis i{color:#5a4e49;}
.popup_devis span.annuler{color:#5a4e49;}
.bloc_popup{width:calc(50% - 1px); float:left;}
.bloc_popup:last-child{margin-left:2px;}
.titre_popup {background:#5a4e49; color:#fff; font-size:17px; height:60px; padding:20px;}
.titre_pop{background:#5a4e49; color:#fff; padding:20px; font-weight:bold; font-size:17px;}
.content_pop{padding:15px;}
.fixed .btn_popup,.btn_popup {background:#fff; border:1px solid #5a4e49; cursor:pointer; color:#5a4e49; padding:6px 15px;}
.btn_popup:hover, .btn_popup.annuler:hover{background:#5a4e49; color:#fff; border:1px solid #5a4e49;}
.action_popup div{display:inline-block; vertical-align:top; margin-right:5px;}
.action_popup {margin-top:20px;}
.tabledevis thead th{background:#5a4e49; line-height:18px; font-size:15px; color:#fff; padding-left:20px; border-right:1px solid #fff; font-family:gothamLight;}
.tabledevis td i{color:#5a4e49; cursor:pointer;}
form.formdevis{margin:20px auto;}
.itemdevis .image_popup{width:70px; height:70px; display:inline-block}
.itemdevis .image_popup img{width:65px;}
.formdevis tr{background:#fbfbfb;}

.notification_envoyee {  text-align: center; font-weight: bold; font-size: 18px;}
form.formdevis .form-control, .chosen-container-single .chosen-single{border-color:#b2b2b2; border-left-color:#5a4e49;} 
.chosen-container{min-width:360px; max-height:22px; border-radius:2px;}
.partage{margin-top:0px;}
.tabledevis.table td{text-align:center;}
.tabledevis.table thead th{color:#fff; font-size:13px; text-align:center}
.fa {    display: inline-block;    font: normal normal normal 14px/1 FontAwesome;    font-size: inherit;    text-rendering: auto;
    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    transform: translate(0, 0);}
.fa-trash-o:before{content:"\f1f8";}
.fa-plus:before{content:"\f067";}
.fa-minus:before{content:"\f068";}
.fa-check:before {    content: "\f00c";}
.appliqueform input[type=text],.appliqueform select,.appliqueform textarea,.detailContact input,.detailContact textarea{min-width:360px;  border:1px solid #b2b2b2;border-left:2px solid #5a4e49; border-radius:2px; line-height:25px; padding:0 3px;outline:none;box-shadow:none;}
.detailContact input,.detailContact textarea{min-width:calc(100% - 16px); padding:8px;}
.detailContact .control-group{margin:10px 0;}
.appliqueform input:focus,.appliqueform textarea:focus,.appliqueform input:blur,.appliqueform textarea:blur,.detailContact input:focus,.detailContact input:blur{outline:none; box-shadow:none;}
.appliqueform .formdevis td input{width:25px ; padding:0 10px; border-color:transparent; min-width:inherit;}
.appliqueform .chosen-container-single .chosen-single span{line-height:26px;}
.appliqueform .chosen-container-single .chosen-single{height:27px; border-radius:2px;}
.star{color:#5a4e49;}
.champ_devis{margin:10px; width:100%; display:inline-block;}
.champ_devis .label_devis{padding-right:10px; line-height:26px; min-width:150px;}
.champ_devis .label_devis,.champ_devis .input_devis{float:left; font-family:GothamBold;}
.tabledevis {margin-bottom:20px;}
.input_devis.partage{width:100%; max-width:620px;}
.fa-map-marker:before{content: "\f041";}
.fa-phone:before{content: "\f095";}
.fa-fax:before{content: "\f1ac";}
.fa-mobile:before{content:"\f10b"}
.fa-envelope:before{content: "\f0e0"; }
.fa-heart:before{content:"\f004" ; }
.nombre{position:relative; width:35px; height:35px;}
.nombre span{position:relative; z-index:1; font-size:44px;}
.nombre .chiffre{ text-align:center;  z-index:2; color:#fff ; font-family:GothamBold; line-height:33px; font-size:21px;width:calc(100% - 4px);}
.detailsCookies{position:fixed; right:0px; background:#5a4e49; top:210px; cursor:pointer; z-index:10; padding:6px;transition:all ease-out .7s; width:35px; overflow:hidden; height:35px; color: #fff; line-height: 33px; }
.detailsCookies a{ color:#fff;padding-right: 2px}
.detailsCookies:hover {width:auto; transition:all ease-out .7s ;}
.blockall{opacity:0;position:absolute; top:0; left:0; height:100%; width:100%;  background:rgba(71, 0, 0, 0.48);transition:opacity  2s  ;animation-delay: 2s;}
.overflow .blockall{opacity:1;}
.meshown{position:absolute; width:0; right:0; background:#5a4e49; top:0; height:100vh; z-index:2;transition:all  0.7s  ; color:#fff; padding:20px ;}
.meshown.inline{width:280px; transition:all  0.7s  ; }
.meshown img,.meshown .action_popup{opacity:0;transition:opacity  2s  ;}
.meshown.inline img,.meshown.inline .action_popup{opacity:1;}
.meshown strong{ font-family:GothamBold; margin-bottom:3px; text-transform:uppercase; display:block;}
.meshown ul{width:100%;}
.meshown li{border-bottom:1px solid #fff; width:100%; padding-bottom:4px; margin:2px 0}
.meshown .fa{cursor:pointer;}
.overflow{overflow:hidden; height:100vh; width:100%;}
.overflow .detailsCookies{right:320px; }

.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;  text-align: center; line-height:22px ;  }
.alert h4{margin-top:0;color:inherit;}.alert .alert-link{font-weight:bold;}
.alert>p,.alert>ul{margin-bottom:0;}.alert>p+p{margin-top:5px;}
.alert-dismissable,.alert-dismissible{padding-right:35px;}
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit;}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;}
.alert-success hr{border-top-color:#c9e2b3;}.alert-success .alert-link{color:#2b542c;}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1;}
.alert-info hr{border-top-color:#a6e1ec;}.alert-info .alert-link{color:#245269;}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;}
.alert-warning hr{border-top-color:#f7e1b5;}.alert-warning .alert-link{color:#66512c;}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1;}
.alert-danger hr{border-top-color:#e4b9c0;}
.alert-danger .alert-link{color:#84354;}
.alert ,.msg{padding:15px; font-size:75%;border-color:rgba(10,20,20,.1);text-shadow:0 1px 0 #fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4)}
.close i{font-size:12px;font-weight:normal;display:block;line-height:1.5;}

.hideinscrren{display:none;}
.imprimeme{cursor:pointer;}
.error{border:1px solid red !important;}
.fa-times:before{content:"\f00d";}
.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;margin:-9px 0 0;}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5;}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0;}.modal-open{overflow:hidden;}

.lightSlider.lsGrab img{max-width:100%;}
#image-gallery{max-height:430px; overflow:hidden;}

#fadeInUpBig{width:100%;  color: #5a4f49;  text-align:center; top:calc(174px + 8%);  font-size:33px; text-transform:uppercase; font-weight:bold; z-index:10; font-family:GothamMedium;}
#bounceInRight{font-family:GothamMedium;width:100%; text-align:center;top:calc(180px + 18%); font-size:26px; text-transform:capitalize;z-index:10;}
#bounceInUp{font-family:GothamMedium;width:100%; text-align:center;top:calc(183px + 23%); font-size:22px;text-transform:capitalize;z-index:10;}
  
.map{ width:100%;height:300px}
.item-page.center.detailContact{margin-top:0;}
  #mymap{margin-top:170px;}
  .chemin{margin:0 0 20px; padding:10px; background:#a19785; color:#fff;}
  .chemin a{font-family:GothamMedium; text-transform:capitalize; color:#fff;}
  .fa-home:before{content:'\f015' ;padding-right:4px; font-size:13px;}
  .chemin ul{display:block; margin:0; padding:0}
  .chemin li{float:left; margin:0 3px;}
  .chemin h2{ padding:0; margin:0; font-size:13px; font-weight:normal;}
  .chemin h1{padding:0; margin:0; font-size:13px;font-weight:normal;}
  .chemin .spe:before{font-family:FontAwesome; content:'\f105';}
   .totop{position:fixed; bottom:46px; right:30px; padding:5px 9px 10px;   background: #5a4e49; z-index: 1; border-radius:4px; cursor:pointer;}
  .totop:before{font-family:FontAwesome; content:'\f077'; color:#fff; font-size:22px;}
   .block-left { width:250px ; margin-right: 30px; }
   .block-right { width: calc(100% - 280px)  ; }
   .propos {line-height: 25px; text-align: justify; padding: 35px 61px; }
  
  
.langage {float: right; background:transparent; color: #231F20;width: 88px; padding-left: 21px;position: relative; z-index: 999;text-align: right;font-size: 14px;  }
.langage a { color:#231F20 ; font-size: 14px; }
.langage a:hover { color:#231F20}
.dropbtn { width:100% ;  background:transparent; color: #a19785; padding: 5px; border: none;cursor: pointer; text-align:left}
.dropbtn:hover, .dropbtn:focus { background-color: #58544c; color:#fff}
.dropdown-content {display: none; position: absolute; background-color: #a19785; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1; width:89px;}
.dropdown-content a {  color: #fff; padding: 6px; text-decoration: none;display: block; text-align: left;}
.langage a:hover {background-color: #817868;  color: #fff; }
.show_menu {display:block;} 
.fa-caret-down:before { content: "\f0d7";}
footer .center { text-align:center ; }

.cours {     width: 150px; background: #5a4f49;color: #fff;text-align: center;  padding: 5px;}
.cours a { color:#fff;font-size: 12px;}
.tableplan {    margin: 20px auto;text-align: center;  width: auto;  display: inline-block;}
.borderdiv {border:solid 1px #5a4f49 ; padding:10px 5px; }
.centerbox{ text-align:center ; padding:10px ; line-height: 22px;  }
.jours { font-family:GothamBold ; font-size :16px  }
.form-cours {background: #5a4e4912;text-align: center;  padding: 20px;margin: 20px auto;}
.form-cours input,.detailContact textarea{min-width:calc(100% - 16px); padding:8px; border:1px solid #b2b2b2;border-left:2px solid #5a4e49; border-radius:2px; line-height:25px; padding:0 3px;outline:none;box-shadow:none;}
.form-cours .control-group{margin:10px auto;     width: 350px;}
 .hide { display:none}
.fa-check:before  , .numbpart:before { font-family:FontAwesome ; content:'\f00c';    color: green; }
.ChekedBox {     background: #EBF7D4;}
.fa-user:before { content: '\f007' ; font-family:FontAwesome ; }
.numbpart  {  margin:20px ; font-family: GothamBold }
.casevide { width: 180px;   height: 130px; }
.casenum { width:180px ; height:14px ; }
.caseuser {  width:180px ; height:19px ;}
.caseuser input  { float: right; margin-top: -4px; width: calc(100% - 32px); min-width: calc(100% - 32px); }
 .msg { color:red}
 .infosupp { margin:30px 0}
  /* galerie zoom*/

.banner_top{min-height:calc(100vh - 100px); background-image:url(images/banner.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:100%;}
@keyframes opacity {
    from {opacity: 0;}
    to {opacity: 1;}
}
.b_container .three{ padding:10px; width:calc((100% - 60px)/3); line-height:27px; text-align:justify; animation-name: opacity;
    animation-duration: 2s;}
	.fixed .b_container .three{  animation-name: opacity;    animation-duration: 2s;}
.demi{max-width:calc((100% - 40px)/2); text-align:justify; line-height:21px;}


.bande{background:url(images/bande.jpg) no-repeat; margin-bottom:20px; margin-top:60px;    background-size: 100%;}
.b_container{width:calc(100% - 20px); margin:0 auto; font-family:myriadpro; font-size:15px; max-width:1000px;}

.titp{font-weight:bold; text-transform:uppercase; margin:5px 0 15px; font-size:19px; color: #5a4e49; }
.titp:before{width:100%; border-top:1px solid #ccc;}
.sym{width:100%; padding:10px; margin:0;}
.sym li{float:left; width:25%; color:#fff;text-align:center;font-size:19px; padding-bottom:10px; }
.symb:before{content:'\00221E';}
.symb{display: block; clear: both; font-size: 48px;  margin-bottom: 4px; font-style: normal;}
.demi .titp{margin-bottom:5px;}
.formation{ line-height:22px; width:calc(100% - 20px); text-align:justify;}
.formation li{margin:2px 0 8px;}
.btop{margin-top:10px; border-top:1px solid #f1f1f1;padding-top:10px; }
.hasimage {margin-top:57px;}
.hasimage img{max-width:100%;}
.demi.img img{max-width:calc(100% - 20px); margin-top:15px;}
.demi span{ padding-right: 15px; color: #a19785; font-weight: bold;}
.demi li{margin:6px 0;}
.b_container.last{padding-bottom:40px;}
.part1{margin-left:-50%; transition-property: margin;   transition-duration: 1s;}
.part2{margin-right:-50%; transition-property: margin;   transition-duration: 1s;}
.animate .part1{margin-left:0;}
.animate .part2{margin-right:0;}

.ar { direction:rtl ; font-family: GERegular }
.ar .left { float: right;}
.ar .right { float: left;}
.ar .langage {float: left;   padding-left: 0px;}
.ar .content_menu li.active, .ar .content_menu li:hover { background: url(images/menu.png) right bottom no-repeat;}
.ar .block-left { margin-left: 30px;  margin-right: 0px; }
.ar .demi span {padding-right: 0px; padding-left: 15px;}
.ar .sym li { float: right;}
.ar .chemin li { float: right; }
.ar .fa-home:before { padding-right: 0px; padding-left: 4px;}
.ar .elem_c { width: 360px; margin-left: 20px; float: right; margin-right: 0px;}
.ar .detailContact h5 { text-align: right;}
.ar .reseau { margin: 46px 0px 14px 0px; text-align: left;} 
.ar .champ_devis .label_devis, .ar .champ_devis .input_devis { float: right;font-family: GERegular; }
.ar .input_devis.partage { width: 100%;max-width: 620px;}
.ar .input_devis button { float:right} 
.ar #fadeInUpBig , .ar .dropbtn  , .ar .content_menu a , .ar .b_container , .ar .detailcategorie h1, .ar .itemdevis h1, .ar .detailContact h5 , .ar .chemin a ,.ar .desc_cat , .ar .blockRight h1 , .ar .item-carac strong{font-family: GERegular;}
.ar .appliqueform input[type=text], .ar .appliqueform select, .ar .appliqueform textarea, .ar .detailContact input, .ar .detailContact textarea {font-family: GERegular;}
.ar #fadeInUpBig{ font-size: 42px; }
.proposimg { display:none}
.titreCours { font-family: "GothamBold";  font-size: 16px; margin-bottom: 5px; color: #5a4f49; text-align:left }
.titreCours span { border-bottom: solid 1px #5a4f49;  }
.planning { float:left ; border:solid 1px #ddd}
.boxListCours { margin:10px 0 ; display: inline-block;}
.left.boxes { width: 104px;}
.boxes.disabled {     background: #e7e7e7; }  
.allcours { border-bottom:solid 1px #ddd } 
.allcours .mod3 {width: calc((100% - 90px)/3); margin: 15px; } 
@media screen and (max-width: 1400px){
	.center{max-width:calc(100% - 20px); margin:0 auto;}
	.logo img{width:170px;}
	.fixed .logo img{width:100px;}
}
@media screen and (max-width: 1100px){
	/*.accueil .content_menu {    bottom: 40px;    height: calc(100vh - 130px);}*/
	.bg{padding:0px 64px 20px 67px;}
	.content_menu ul{margin:70px 0 0 0;}
}
@media screen and (max-width: 980px){
	.center{max-width:calc(100% - 20px); margin:0 auto;}
	.logo img{width:140px;}
	.bg{padding:0px 42px 10px 48px;}
}
@media screen and (max-width: 780px){
	.flex-viewport{    max-height: 100%;}
	.detailContact textarea{max-width:calc(100% - 20px);}
	 #mymap{margin-top:0px;}
.blockLeft{width:100%; margin:20px auto;}
  .blockLeft img{max-height:340px;}
  .blockRight{width:100%; margin:0;}
  .carcateristique{max-width:inherit; width:100%; width:calc(100% - 60px); min-height:inherit;}
  #image-gallery{text-align:center;}
  .item-page.center{margin-top:130px;}
  .contentform{width:calc(100% - 260px);}
  .elem_c{width:240px;}
  .detailContact .contact_elem{font-size:14px;}
  .rqcontact{font-size:13px; display:block; clear:both; width:100%;}
 .desc_cat{line-height:18px; text-align:justify;}
 .item-page.center{min-height:calc(100vh - 250px);}
 .banner_top{min-height:280px; background-attachment:inherit; }
 .b_container .three{width:calc(100% - 20px);}
 .sym li{width:calc(50% - 20px); margin:10px;}
 .b_container{padding:0 10px;}
 .sym{width:auto;}
 .bande{background-size:auto 100%;}
 .demi{width:100%; max-width:inherit;}
 .demi.img{text-align:center;}
 .grid-item{max-width:calc(50% - 2px);}
 .header{position:relative;}
 .banniere{height:calc(100vh - 247px); }
  .anim-slider img{ min-height:100%; width:auto !important; margin-left:6}
 .anim-slide img{height:100%; left:-25% !important;}
}
@media screen and (max-width: 500px){
	.first{    margin-bottom: 10px;}
	.symb{    margin-bottom: 0px;}
	.videos{    margin-top: 23px;    margin-left: -25%;    width: 150%;}
	.first .titp{    line-height: 1.5;}
	.b_container{    width: calc(100% - 30px);}
	.animate .b_container{overflow: scroll;}
.sym li{    width: 25%; margin:0px;    font-size: 13px;}
	.sym{width:100%;display: flex;padding: 0px; }
	.flex-direction-nav {    margin-bottom: 3px;}
	.flex-direction-nav a {    top: inherit;    bottom: -40px;}
	.propos {    line-height: 22px;   padding: 19px 10px;    letter-spacing: 1px;}
	.grid-item{width:100%;}
	.bg{background:none; padding:0;}
	.displayinlineblock{margin:8px 0 0;}
	/*.reseau{position:absolute; top:13px; left:-20px; margin:0;}
	.bleft{margin-top:40px;}
	.reseau li{height:auto; text-align:left}
	.reseau .icon{margin:0 10px 0 0;}
	.logo{position:relative; text-align:right;}
	.logo img{width:130px;}
	.bloccenter{width:calc(100% - 170px); float:right; }*/
	
	.reseau { position: absolute; width: calc(100% - 100px); margin: 15px 0; right: 0px; }
	.bleft { width: 58px; margin: 7px 0 0;}
	.bloccenter { width: auto;}
	.ar .reseau { text-align: right; left: 0px; right: inherit;  margin: 15px 0; }
	.appliqueform input[type=text], .appliqueform select, .appliqueform textarea, .detailContact input, .detailContact textarea {  min-width: 307px;}
	.input_devis.partage {  width: 100%; max-width: calc(100% - 20px); }
	
	.footer{font-size:12px;}
	#fadeInUpBig{ font-size:22px; top: 122px;}
    #bounceInRight{font-size:18px; top: 172px; }
    #bounceInUp{ font-size:14px; top: 197px;}
 
	.detailcategorie h1, .itemdevis h1, .detailContact h5{font-size:20px;}
	.item-produit,.item-produit.one,.item-produit.three{width:100%; margin:10px auto; float:none; }
	.item-page.center{margin-top:0;}
	  
	.popup_devis .bloc_popup:first-child {display:none;}
	.bloc_popup:last-child{width:100%; text-align:left; margin:0;}
	.contentform, .elem_c{width:100%; margin:5px 0;}
	.logo img{height: 88px;
    width: inherit;
    margin-bottom: 6px;
    margin-top: 8px;}
	.bloccenter .logo a{display: inline-block;    width: 100%;}
	.block-left  , .block-right{ width: 100%;}
	.boxListCours   > .left { width:100%}
	.casevide , .casenum { display:none}
	.casenum  , .caseuser{ width: auto; max-width:100% ;  }
	.centerbox  .titreCours  , .centerbox  .date_act , .centerbox  .jours , .centerbox > div { float:left ; padding-right:5px }
	 .check , .bordchek{ float : left ;width: calc(50% - 12px); height: 15px; }
	 .form-cours .control-group{    width: 100%;}
 .participationPage .detailcategorie h1 { font-size: 20px;}
 .titreCours {    font-size: 15px;     margin: 15px 0;} 
 .left.boxes { width: 100%; }
 .centerbox { height :19px ; }
 .allcours .mod3 { width: calc((100% - 90px)/3);  margin: 15px; font-size: 11px; }
}