.captcha {font-size: 28pt;color: #E31E24; font-weight: 400;margin-top: 0px;padding: 15px;transform: skewX(30deg) skewY(3deg)} 
.option h1{color: #3A5486;font: 700 18pt Verdana,sans-serif;letter-spacing: 5px;text-align: center;text-shadow: 1px 1px 1px #000000;}
.option { height: 20px; margin-bottom: 15px; } 
.optionBG { height: 130px; margin: -40px auto -120px auto; width: 398px; background: url(../images/options.png) no-repeat scroll -1px 0px transparent; } 

#horloge {height: 110px;margin: -6px auto; position: relative; width: 110px; background: transparent; border: 0px solid #000; }
#horloge:before { border-radius: 50%; position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; }
#seconde{ left: 55px; top: 2px; height: 50px; border: 1px solid #D20000; }
#minute{ left:  55px; top: 7px; height:  47px; border: 2px solid #bfcb00; }
#heure{ left: 54px; top: 22px; height: 33px; border: 2px solid #AAB300; }
#centre{ border: 4px solid #333; left: 52px; top: 49px; }
.rond, .sep{ position: absolute; border-radius: 50%; }
.sep{ height: 10px; width: 10px; text-align: center; line-height: 10px; top: 195px; left: 195px; }
.sep:before{ content: ""; color: #3A5486; }

.fb_fb { margin-top: 40px }
.filet1 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 0px solid #BFBFBF; border-radius: 4px ; background: rgba(255, 255, 255, 0.5); color:#000 }
.filet2 { margin-top: 5px; padding: 15px 20px 20px 15px ; border: 0px solid #000000; border-radius: 20px ; ;background: rgba(255, 255, 255); color:#000}
.filet3 { margin-top: 5px; padding: 20px 30px 20px 30px ; border: 1px solid #000000;  border-radius: 4px ; background: transparent; color:#000}

.danger { margin-top: 5px; margin-bottom:0;padding: 15px 30px 15px 30px  ; border: 1px solid #90241F;  border-radius: 4px ; background: none repeat scroll 0% 0% #FFECEB; opacity:0.9; }
.success { margin-top: 5px; margin-bottom:0; padding: 15px 30px 15px 30px  ; border: 1px solid #489011;  border-radius: 4px ; background: none repeat scroll 0% 0% #CDFFB8; opacity:0.9; }
.alert { margin-top: 5px;  margin-bottom:0;padding: 15px 30px 15px 30px  ; border: 1px solid #185C90;  border-radius: 4px ; background: none repeat scroll 0% 0% #CCE0FF; opacity:0.9; }

.box-shadow { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); color:#000 }

#Milieu .filet1 { margin-top: 5px; padding: 15px 20px 20px 15px ; border: 0px solid #BFBFBF; border-radius: 4px ; background: rgba(234, 234, 234, 0.5); color:#000}
#Milieu .filet2 { margin-top: 5px; padding: 15px 20px 20px 15px ; border: 0px solid #FFF ; border-radius: 20px ; background: none repeat scroll 0% 0% transparent; color:#000}
#Milieu .filet3 { margin-top: 5px; padding: 20px 30px 20px 30px ; border: 1px solid #757575 ;  border-radius: 4px ; background: none repeat scroll 0% 0% transparent; color:#000}

.box-one { -moz-box-shadow: 1px 3px 5px 0px #9b9b9b;-webkit-box-shadow: 1px 3px 5px 0px #9b9b9b;-o-box-shadow: 1px 3px 5px 0px #9b9b9b;box-shadow: 1px 3px 5px 0px #9b9b9b;filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=161, Strength=5); margin-top: 5px; padding: 14px 30px 14px 30px  ;}   
.box-one { border-radius: 2px ; background: none repeat scroll 0% 0% #09335b;   color: #fff; font-size: 22px; line-height: 28px; }

.box-two { -moz-box-shadow: 1px 3px 5px 0px #9b9b9b;-webkit-box-shadow: 1px 3px 5px 0px #9b9b9b;-o-box-shadow: 1px 3px 5px 0px #9b9b9b;box-shadow: 1px 3px 5px 0px #9b9b9b;filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=161, Strength=5);margin-top: 5px; padding: 14px 30px 14px 30px  ;} 
.box-two { border-radius: 2px ; background: none repeat scroll 0% 0% #ACAE06;  color: #fff; font-size: 22px; line-height: 28px;}

.box-three { -moz-box-shadow: 1px 3px 5px 0px #9b9b9b;-webkit-box-shadow: 1px 3px 5px 0px #9b9b9b;-o-box-shadow: 1px 3px 5px 0px #9b9b9b;box-shadow: 1px 3px 5px 0px #9b9b9b;filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=161, Strength=5); margin-top: 5px; padding: 14px 30px 14px 30px  ; }
.box-three { border-radius: 2px ; background: none repeat scroll 0% 0% #E64D15;  color: #fff; font-size: 22px; line-height: 28px;}

.alert-blue-light { background: #e7f3ff; color: #000; padding: 10px 15px; border-radius: 4px; border: 1px solid #BFBFBF; }
.alert-blue-light-int { background: #e7f3ff; color: #000; padding: 15px 15px 15px 15px; border-radius: 4px; border: 1px solid #BFBFBF; }
.alert-blue-strong { background: #bcdcff; color: #000; padding: 10px 15px; border-radius: 4px; border: 1px solid #BFBFBF; }
.alert-blue-strong-int { background: #bcdcff; color: #000; padding: 15px 15px 15px 15px; border-radius: 4px; border: 1px solid #BFBFBF; }

.alert-blue-light-int p, .alert-blue-strong-int p { margin: 4px 0; }
.alert-row { margin-bottom: 10px; }
.alert-blue-light .row.four-col,
.alert-blue-strong .row.four-col { display: flex; }
.alert-blue-light .row.four-col > [class*="col-"],
.alert-blue-strong .row.four-col > [class*="col-"] { display: flex; }
.alert-blue-light-int,
.alert-blue-strong-int { display: flex; flex-direction: column; justify-content: center;  /* optionnel : centre verticalement le texte */ width: 100%; height: 100%; }

@media (max-width:1000px) {
.filet1 { }
.filet2, .filet3 { border: 1px solid transparent;}
}

@media (max-width:480px) {
.filet1 { }
.filet2, .filet3 { border: 1px solid transparent;}
}

html, body { padding : 0;margin : 0; height: 100%; width:100%; background-color: #FFFFFF;  color: #363636;opacity :1; font-size : 20px; line-height: 32px;   font-weight: 400;font-family: Open Sans, sans-serif; }

.col-main {}
.recent-work-wrap { position: relative;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
{
padding-right: 35px;
padding-left: 35px;
}
.testimonial-inner .pull-left { border-right: 1px solid #000000; }
#portfolio .row img { max-width:100%;height: auto;width: 95%;border-radius: 2px;margin-left: 0;}
body > section { padding-top: 0px;    padding-bottom: 0; }
.content { padding-top:0; margin-top: 5px; }

.blanc { color: #fff; }
.gris { color: #CCC; }
.noir { color: #141414; }
.rouge { color: #FF0000; }
.bleu { color: #185C90; }

.right { text-align: right }
.left { text-align: left }
.uppercase { text-transform: uppercase }
.centre { text-align: center }
.center { text-align: center }
.nowrap{ white-space: nowrap}

p { text-align : justify; hyphens: auto;margin-bottom: 20px }
.img-responsive {  height: auto; max-width: 95%; border-radius: 2px;  }
.content img { display:block;max-width:90%;margin-left:auto;margin-right:auto; }
 
img { max-width:100%;margin-left:auto;margin-right:auto; }
.content a img:hover { filter: brightness(100%);-webkit-filter: brightness(130%);-moz-filter: brightness(130%);-o-filter: brightness(130%); -ms-filter: brightness(130%);}
blockquote { margin: 20px ;border-left: 8px solid #ccc; padding: 5px 0 5px 20px;}
ul, ol { margin: 1px ; }

.h1, h1 { text-align:center }

.h1, h1, .h1left, .h1right { font-size: 2.4em;color: #E31E24; font-weight: 400; font-style:normal;
  margin-bottom:0.75em;-webkit-animation: fadeInLeft 900ms linear 1400ms both;-moz-animation: fadeInLeft 900ms linear 1400ms both;-o-animation: fadeInLeft 900ms linear 1400ms both; -ms-animation: fadeInLeft 900ms linear 1400ms both;   animation: fadeInLeft 900ms linear 1400ms both;   
 /* background:#FFFFFF;border:1px solid #FFFFFF;border-radius: 24px 0 16px 0 ;  padding:12px 10px 15px 30px;  margin-top: 5px; */
 /* background-image: url(../images/puce_H1.png);background-position : bottom center; background-repeat: no-repeat; line-height: 65px;text-transform: uppercase; */ 
 /* text-shadow: 0px 3px 2px rgba(123, 139, 140, 0.49); */
  margin-top: 20px; margin-bottom: 30px;
}

h1.left, .h1left { text-align: left ;margin-left : 3%}
h1.right, .h1right {text-align: right ;margin-right : 3%}

.h2, h2 { font-size: 1.9em;color: #000000; line-height:1.25em;margin-top:.875em;margin-bottom:.675em }
.h3, h3 { font-size: 1.7em;color: #E31E24;line-height:1.9090909091em;margin-top:.9545454545em;margin-bottom:.9545454545em }
.h4, h4 { font-size: 1.5em;color: #000000; line-height:1.05em;margin-top:1.05em;margin-bottom:1.05em }
.h5,h5 { font-size: 1.3em;color: #000000; padding : 0;margin : 0 0 10px 0;}
.h6,h6 { font-size: 1.1em;color: #000000; padding : 0;margin : 0 0 10px 0;}
.h6,h6,pre { line-height:1.3125em }
 
.taille_GD { font-size: 28pt; font-weight: 400;margin-bottom:0.45em;text-shadow: 0 0 8px rgba(0,0,0,0.8);line-height:1.25em;  background-image:none}

cite { font-style: normal; font-size: 1.3em;}
.cite { font-style: normal; font-size: 1.7em;}

big { display: block;  color: #E31E24; float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px; }
hr { border-top: 1px solid #7B6C6C;  border-bottom: 0px solid #FFF; }

.chemin { margin-top : 5px;padding-left: 0; font-size: 11pt; color: #A6A6A6;}
.fet {font-size: 12pt; }
.dat {font-size: 12pt; }
.stitched_element { border: 2px dashed  #ffffff; box-shadow: 0 0 0 8px #ff0030; }

.portfolio-item .col-xs-1,.portfolio-item .col-sm-1,.portfolio-item .col-md-1,.portfolio-item .col-lg-1,.portfolio-item .col-xs-2,.portfolio-item .col-sm-2,.portfolio-item .col-md-2,
.portfolio-item .col-lg-2,.portfolio-item .col-xs-3,.portfolio-item .col-sm-3,.portfolio-item .col-md-3,.portfolio-item .col-lg-3,.portfolio-item .col-xs-4,.portfolio-item .col-sm-4,.portfolio-item .col-md-4,
.portfolio-item .col-lg-4,.portfolio-item .col-xs-5,.portfolio-item .col-sm-5,.portfolio-item .col-md-5,.portfolio-item .col-lg-5,.portfolio-item .col-xs-6,.portfolio-item .col-sm-6,.portfolio-item .col-md-6,
.portfolio-item .col-lg-6,.portfolio-item .col-xs-7,.portfolio-item .col-sm-7,.portfolio-item .col-md-7,.portfolio-item .col-lg-7,.portfolio-item .col-xs-8,.portfolio-item .col-sm-8,.portfolio-item .col-md-8,
.portfolio-item .col-lg-8,.portfolio-item .col-xs-9,.portfolio-item .col-sm-9,.portfolio-item .col-md-9,.portfolio-item .col-lg-9,.portfolio-item .col-xs-10,.portfolio-item .col-sm-10,.portfolio-item .col-md-10,
.portfolio-item .col-lg-10,.portfolio-item .col-xs-11,.portfolio-item .col-sm-11,.portfolio-item .col-md-11,.portfolio-item .col-lg-11,.portfolio-item .col-xs-12,.portfolio-item .col-sm-12.portfolio-item, .col-md-12,.portfolio-item .col-lg-12 {padding-right: 5px;padding-left: 5px;}

a:link {text-decoration:none;font-size: 20px;color: #C41A1F}
a:visited {text-decoration:none;color: #C41A1F;}
a:hover {text-decoration:none;color: #E31E24; }
a:active {text-decoration:none;color: #E31E24; }  
a { cursor:pointer }

@media (max-width:1000px) {
.widget { text-align : center; padding-left: 0;}

.h1, h1, .h1left, .h1right { text-align: center; background-image: none}
.h2, h2 { text-align: center;line-height:1.8em; }
.h3, h3, .h4, h4, .h5, h5, .h6, h6 { text-align: center }

.left p { text-align : center}
.left p { text-align : center}
.fet { display : none; }
.dat { display : none; }
.option { display : none; }
.optionBG { display : none; }
.margin_moins_25  { display: none; }  
.margin_moins_40  { display: none; }  
     
.right { text-align: center }
.left { text-align: center }
h1.left, .h1left {text-align: center; margin-left : auto; margin-right : auto}
h1.right, .h1right {text-align: center; margin-right : auto; margin-left : auto}
}

@media (max-width:768px) {
blockquote { padding: 0px; margin: 0px;  border-left: 0; }
p {text-align : left; }
}

@media (max-width:480px) {
p { text-align : justify; hyphens: auto;margin-bottom: 10px }
h1, #Milieu h1, .h1, #Milieu .h1, h1.right, h1.left, .h1left, .h1right { font-size: 24px;font-weight: 400; margin-top: 10px; text-align: center;margin-bottom: 25px;}
h2, #Milieu h2, .h2, #Milieu .h2  { font-size: 22px;font-weight: 400; text-align: center; margin-top: 10px; margin-bottom: 10px;}
h3, #Milieu h3 { font-size: 20px;font-weight: 400; margin-top: 0px; text-align: center;margin-bottom: 0px;}
}

figcaption { padding: 3px; margin-bottom: 10px; margin-top: 7px;border: 0px solid #000;  text-align: center; border-radius: 4px; background: none repeat scroll 0% 0% #000; opacity:0.9; color: #fff;font-size : 12px; font-weight: bold;}
.btn-primary { padding: 8px 20px 10px 20px; }
.btn-primary { background: rgba(255,255,255,1) none repeat scroll 0% 0%; color :#E31E24; } 
.btn-primary:hover, .btn-primary:focus{ background: #E31E24;color: #FFFFFF;outline: none; box-shadow: none; } 
.btn-primary-inverse { background: #E31E24;color: #FFFFFF; } 
.btn-primary-inverse:hover, .btn-primary:focus{ background: rgba(255,255,255,1) none repeat scroll 0% 0%; color :#E31E24;outline: none; box-shadow: none;} 
button, html input[type="button"], input[type="reset"]{ padding: 5px 20px 8px 20px ; border-radius: 5px; margin-top: 25px;display: inline-block; font-size: 12pt; }

/* Bouton newsletter bottom */
.ppe {display: inline-block;margin-bottom: 0px; padding: 0;  white-space: nowrap;vertical-align: middle; color : #000; border:transparent}
.ppe  .btn {display: inline-block;padding: 5px 12px 5px 12px;margin-bottom: 0;    margin-left: -3px; margin-top: 0;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;background-image: none;border: 0;    border-radius: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none}

.btnn a{background: #C41A1F;color: #fff;  display: inline-block;padding: 10px 30px;border: 0;border-radius: 30px;font-size: 18px;color: white;position: relative}
.btnn a:hover{border-color: #E31E24;background: #E31E24;color: #fff}

/*
.btnn a:before, .btnn a:after {position: absolute;content: "";height: 2px;width: 60%;background-color: black;bottom: 10px;border-radius: 50%;-webkit-box-shadow: 0 0 15px 10px #141414;box-shadow: 0 0 15px 10px #141414;z-index: -1}
.btnn a:before {left: 10%;-webkit-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg)}
.btnn a:after {right: 10%;-webkit-transform: rotate(8deg);-ms-transform: rotate(8deg);transform: rotate(8deg)}
*/
button {background: #C41A1F;color: #fff;  display: inline-block;padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;color: white;position: relative}
button:hover {border-color: #E31E24;background: #E31E24;color: #fff}
button:before, button:after {position: absolute;content: "";height: 2px;width: 60%;bottom: 10px;border-radius: 50%;z-index: -1}
button:before {left: 10%;-webkit-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg);}
button:after {right: 10%;-webkit-transform: rotate(8deg);-ms-transform: rotate(8deg);transform: rotate(8deg)}

.btnns a{background: #C41A1F;color: #fff;  display: inline-block;padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;color: white;position: relative}
.btnns a:hover{border-color: #E31E24;background: #E31E24;color: #fff}

.btnno a{display: inline-block;padding: 10px 30px;border:1px solid;border-color: #9BA400;border-radius: 2px;font-size: 18px;position: relative;background: transparent;color: #9BA400}
.btnno a:hover{border-color: #1288B3; ;background: transparent;color: #1288B3;}

.nav-tabs > li > a { background: #E31E24 none repeat scroll 0% 0%; color: #FFF ; border:0;border-bottom: 1px #fff solid;  }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {  border:0;border-bottom: 1px #fff solid;color: #FFF; background: #1F1F20 none repeat scroll 0% 0%; }
.tab-wrap { border-radius: 2px; margin-bottom: 40px; z-index:1}
.widget { margin-bottom: 60px; padding-left: 0; }
.widget h3 {color: #363636;}
.widget h2 { color: #E31E24; text-transform: uppercase; margin-bottom: 20px;font-size: 1.7em; }
.widget h3 { text-transform: none; margin-bottom: 0;font-size: 10pt; }
.marker { padding: 2px ;background-color: #FFFF00; color : #000; }

.hov_im a:hover{  }    

.intonav {
display: none
}

@media (min-width:781px) {

.navbar-nav { border-radius: 0;margin-top: 6px;float: none }
.navbar-default { border: none;background: none }
.navbar-nav > li:before { content: "";height: 2px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease;
    width: 0;opacity: 0;background: #E31E24;position: absolute;left: 50%;top: 2px;margin-left: 0 }

.navbar-default .navbar-nav .active { color: #E31E24; 
/* font-weight: bold  */
}

.navbar-nav > li:hover:before {
    opacity: 1;
    width: 56px;
    margin-left: -28px;
}
.navbar-nav > li:last-child:after { display: none }
.navbar-default .navbar-nav > li > a { padding: 5px 10px 6px 10px;margin-top: 8px; margin-bottom: 3px; 
    /*    text-shadow: 1px 1px 1px #000;*/
}
.navbar-default .navbar-toggle { top: -2px;position: absolute;right: 10px }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: none }
.navbar-default ul.dropdown-menu { min-width: 150px;top: 70%; padding: 0;z-index: 990; border: 3px solid #606060;border-radius: 3px }
.navbar-default ul.dropdown-menu li:after {content: "";position: absolute;left: 10px;top: 50%;margin-top: -14px; height: 30px; width: 30px }
.navbar-default ul.dropdown-menu li:last-child:after { display: none }
.navbar-nav > li:hover ul.dropdown-menu { display: block;z-index: 990 }

}

.menu_haut{}  
.navbar-inverse .navbar-nav .dropdown-menu > li > a { color: #E31E24 }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0px none }
.navbar-inverse .navbar-nav > li > a{ color: #E31E24;    font-size : 14px; padding-top:5px;padding-bottom: 5px }

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child  { background: rgba(255,255,255,1); margin-top: 0px; border-top : 1px solid rgba(227,30,36,0.2); font-size : 14px;  border-radius: 0px 0px 3px 3px }
.navbar-inverse .navbar-nav .dropdown-menu > li { background: rgba(255,255,255,1); ;border-top : 1px solid rgba(227,30,36,0.2); font-size : 14px;text-align: left;}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,  
.navbar-inverse .navbar-nav > .open > a:focus { background-color: #E31E24;opacity:1; color: #FFFFFF;font-size : 14px }
.navbar-inverse .navbar-nav > li > a:hover{ background-color: #E31E24;opacity:1; color: #FFFFFF;font-size : 14px }

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {  background-color: #E31E24;opacity:1;  color: #FFFFFF;font-size : 14px }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { font-size : 14px; border-radius: 0px 0px 3px 3px }





.navbar-inverse .navbar-nav .dropdown-menu > li > a { font-size : 14px }
.navbar-header { float: none;padding-bottom:4px ;}

.navbar {background: rgba(255,255,255,1); z-index:3000; border-top : 0px solid rgba(227,30,36,0.2); border-bottom : 0px solid rgba(227,30,36,0.2);font-size : 14px; min-height: 30px } 
.navbar-nav { margin: 0;margin-top: 0px;padding-top:3px; padding-bottom:0 }
.navbar { padding:0 }  
.navbar-inverse .navbar-nav .dropdown-menu > li >{  margin-top: -10px }
.navbar-nav > li { margin-left: 0.1em; padding-bottom: 0 }
.dropdown-menu { margin-top: -1px; min-width: 220px }
.navbar-collapse {  max-height: 640px; padding-right: 0;  padding-left: 0 }

.navbar-default .navbar-nav .active { color: #E31E24}

@media (max-width:1000px) {
.inline_mini { display:none}
}

@media (max-width:1000px) {
.navbar-nav > li { margin-left: 0.1em; padding-bottom: 0px }
.navbar-header { padding-bottom:6px ;padding-top:6px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { overflow: hidden;float: left !important; margin-left:20px;  padding-left: 0;}
}




.navbar-default .navbar-nav > li > a {
    padding: 5px 10px 6px 10px;
    margin-top: 10px;
    margin-bottom: 14px;
    letter-spacing: 0; 
  /*      text-shadow: none;*/
}


/* marge top du sous menu */
.navbar-inverse .navbar-nav .dropdown-menu {margin-top:5px}


.navbar-inverse .navbar-nav .dropdown-menu > li:last-child {
    border-radius: 0  ;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
    border-radius: 0  ;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a:hover {
    border-radius: 0  ;
}

.largeur_max_menu { border-radius: 0 }
.navbar-header {border-radius: 0 }
}

.navbar-default ul.dropdown-menu {  min-width: 270px; width:auto}

.navbar-inverse .navbar-nav > li > a:hover { background-color: #E31E24 }
 
.top-bar { background-color: rgba(255,255,255,1) ; border-bottom: 0; padding: 10px 0 0 0; }






/* TOPSITE */

.topsite { background-color: #FFFFFF ; margin-top:-10px; width: 100%; border-bottom : 0px solid rgba(227,30,36,0.2) }
.top-number {color: #FF0A3B ; font-size:16px; }
.blog a { color : #FFFFFF; font-size:14px; }
.blog a:hover { color: #0F0F0E}
ul.social-share li a { display: inline-block; color: #FFFFFF; width: 22px;height: 22px;line-height: 22px;background: none; none repeat scroll 0% 0%; text-align: center; border-radius: 2px; }
ul.social-share li a:hover { display: inline-block; background: #0F0F0E; none repeat scroll 0% 0%;}

// SEARCH PLUS BAS DANS LA PAGE


.aide-nav {width: 40px;position: fixed;top: 20%;right: 0;white-space: nowrap;border: 2px solid #FFF;border-right: none;z-index: 9999;box-shadow: 0 0 10px #141414 }
.aide-nav ul {list-style-type: none}
.aide-nav .outils {margin: 0;padding: 0}
.aide-nav .outils li a {display: block;border-bottom: 1px solid #ccc;padding: 12px 0px 12px 11px; height: 45px;background-color: transparent;-moz-transition: background-color 250ms ease-out;-o-transition: background-color 250ms ease-out;-webkit-transition: background-color 250ms ease-out;transition: background-color 250ms ease-out;font-size : 12pt; color: #FFF;  background-color: ##E31E24}
.aide-nav .outils li a:hover {background-color: ##E31E24}


/************************************ ADVERTISSINGS *************************************/

#carousel-slider2 { }
#pub_head{ z-index: 2000;overflow:hidden;margin-top: 25px; background :transparent; border: solid 0px #666; border-radius:4px; -webkit-animation: zoomIn 1200ms linear 100ms both;-moz-animation: zoomIn 1200ms linear 100ms both;-o-animation: zoomIn 1200ms linear 100ms both;-ms-animation: zoomIn 1200ms linear 100ms both;   animation: zoomIn 1200ms linear 100ms both }

/* Advertissing vertical sans bug pour chrome */
.pub_head{margin-top: 50px;float: right;margin-right: 20px;border: 0px #eee solid;min-width: 1px;min-height: 1px}
.vertical .carousel-inner { height: 100%; }
.carousel.vertical .item {-webkit-transition: 0.6s ease-in-out top;-moz-transition: 0.6s ease-in-out top;-ms-transition: 0.6s ease-in-out top;-o-transition: 0.6s ease-in-out top;transition: 0.6s ease-in-out top}
.carousel.vertical .active { top: 0; }
.carousel.vertical .next { top: 400px; }
.carousel.vertical .prev { top: -400px; }
.carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0; }
.carousel.vertical .active.left { top: -400px; }
.carousel.vertical .active.right { top: 400px;}
.carousel.vertical .item { left: 0; }
.carousel.vertical .carousel-control { width: 100%; bottom: inherit; top: inherit; }
.carousel.vertical .carousel-control.left { top: 0; }

.coordonnees {}

.options { box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75); margin-top: -3px }  

#carousel-slider { margin-top: 5px; position: relative;  opacity: 0.95; margin-top: 20px; margin-bottom: 40px}
#carousel-slider .carousel-control.right i { background-position:  -10px -40px; }
#carousel-slider .carousel-control.left i { background-position: -10px -40px; }
#carousel-slider a i { display: block;  position: absolute;  width: 40px;  height: 40px;  cursor: pointer;  background: transparent url("../../images/a17.png") no-repeat scroll 0% 0%;  overflow: hidden; }
#carousel-slider a i:hover { background-position: -130px -40px; }
.full {  top:  150px; position: absolute;width: 100%; }

#main-slider .carousel .carousel-content { margin-top: 50px; }
#main-slider .carousel .slide-margin { margin-top: 0px; }

.col-sm-12{ background-color:rgba(255,255,255,1)   ; width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:px; color: #363636; } 
.content{color: #363636;  } 
.container > .navbar-header, .container > .navbar-collapse {margin-right: 0; margin-left: 0;}
.margin_moins_25  { margin-top: -25px; }       
.margin_moins_40  { margin-top: -40px; }       
 @media (min-width:1000px) {  .container {width: 92%;  min-width: 990px; max-width: px; padding-right: 0px; padding-left: 0px; } } 
#Milieu { margin-top: 0;  padding-top: 0;  padding-bottom: 30px; font-family: ; color: #404040; font-size : 20pxpx; background-color : rgba(250,247,247,1) ; line-height: ; border-right :0; border-left : 0} 
 
#Milieu .content { font-family: ; color: #404040; font-size : 20pxpx; } 
 



#Milieu a:link { color: #E31E24; }
#Milieu a:visited {color: #E31E24; }
#Milieu a:hover {color: #FF2228; }
 
 
#Milieu .col-sm-12{ background: rgba(250,247,247,1); width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:px; color: #404040;  } 

#Milieu .h1, #Milieu h1, #Milieu .h1left, #Milieu .h1right { color: #404040; }
#Milieu h2, #Milieu .h2 { color: #404040; }
#Milieu h3, #Milieu .h3 { color: #E31E24; }
#Milieu h4, #Milieu .h4 { color: #404040; }
#Milieu h5, #Milieu .h5 { color: #404040; }
#Milieu h6, #Milieu .h6 { color: #404040; }

#Milieu .blanc h2  { color: #fff; }
#Milieu .gris h2  { color: #ccc; }
#Milieu .noir h2  { color: #141414; }

#Milieu .col-sm-12 { background: transparent; }
#Milieu .sitemap ul { margin-bottom: 25px; list-style-type: none; }
#Milieu .sitemap li { margin-top: 8px; background : transparent; border : 1px solid #CCC; border-radius : 4px; padding : 5px 20px 5px 20px; }

#Milieu .h1, #Milieu h1 { text-align:center }

#Milieu .pricing-area h1 { font-weight: 400;  margin-top: 0px;  margin-bottom: 15px;    font-size: 28pt; background: #fff none repeat scroll 0% 0%; }
#Milieu .pricing-area h2 { font-weight: 400;   margin-top: 15px;  margin-bottom: 15px; color: #27AE60; }
#Milieu .pricing-area ul li { list-style: outside none none;  padding: 15px; font-size: 16px; font-weight: none; }
#Milieu .pricing-area span { font-weight: normal; font-size: 16px; }

.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three, .pricing-area .heading-four, .pricing-area .heading-five, .pricing-area .heading-six, .pricing-area .heading-seven { margin-left: 0; padding : 0 10px 0 10px;}


#bottom { background: rgba(196,26,31,1) none repeat scroll 0% 0%;
   /* border-bottom: 1px solid #FFFFFF;*/
   border-top: 1px solid rgba(255,255,255,1); color: #FFFFFF }

.bott { width : 100%; background : rgba(196,26,31,1); padding-top : 12px;  padding-bottom : 12px;  color: #FFFFFF }  

#bottom { color: #FFFFFF }
#bottom h3 {margin-top: 0px; margin-bottom: 5px;font-size:1.2em; color: #FFFFFF; opacity: 0.7 }
#bottom a { color: #FFFFFF } 
#bottom a:hover { color: #575757 } 
#bottom ul li { display: block;padding: 3px }

#bottom ul li a { color: #FFFFFF; font-size: 11pt} 
#bottom ul li a:hover { color: #575757; font-size: 11pt } 

/*********** Reseaux sociaux bottom cercle **********/
.sb { width: 51px;height: 51px;line-height: 100%; white-space: nowrap; display: inline-block;position: relative;vertical-align: middle;margin: 0 ;margin-top: 20px;margin-bottom: 20px; font-size: 23px;   background-color: transparent;border: solid 1px #ffffff }
.circle { -webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em }


#footer a:link { color: #FFFFFF; font-size : 12px }
#footer a:visited {color: #C2C2C2 }
#footer a:hover {color: #E0E0E0 }
#footer { margin-top: 0;  padding-top: 10px;  padding-bottom: 30px; color: #FFFFFF; font-size : 12px; background: rgba(196,26,31,1) none repeat scroll 0% 0% } 
.social { white-space: nowrap }
.languages { margin-top:2px;  margin-left:3%;overflow:hidden; white-space:nowrap }
.themes { margin-top:-12px; margin-right:3%; overflow:hidden; float:right }

.zoom {

   animation-name: zoomIn ;
   animation-delay: 3s;
   animation-iteration-count: 1;
   animation-duration: 4s;  
}
.anileft {
   -webkit-animation: bounceInLeft 2500ms linear 400ms both;
  -moz-animation: bounceInLeft 2500ms linear 400ms both;
  -o-animation: bounceInLeft 2500ms linear 400ms both;
  -ms-animation: bounceInLeft 2500ms linear 400ms both;  
  animation: bounceInLeft 2500ms linear 400ms both  
}
.bouton {
   -webkit-animation: bounceInLeft 900ms linear 1400ms both;
  -moz-animation: bounceInLeft 900ms linear 1400ms both;
  -o-animation: bounceInLeft 900ms linear 1400ms both;
  -ms-animation: bounceInLeft 900ms linear 1400ms both;  
  animation: bounceInLeft 900ms linear 1400ms both 
}
.bouton_anime a{
   -webkit-animation: bounceInLeft 900ms linear 1400ms both;
  -moz-animation: bounceInLeft 900ms linear 1400ms both;
  -o-animation: bounceInLeft 900ms linear 1400ms both;
  -ms-animation: bounceInLeft 900ms linear 1400ms both;  
  animation: bounceInLeft 900ms linear 1400ms both;  
    padding: 5px 20px 7px 20px ;
    background: rgba(255,255,255,1) none repeat scroll 0% 0%; color :#E31E24;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block; font-size: 12pt
 }
.bouton_anime a:hover{ background: #E31E24;color: #FFFFFF }
.bouton_anime_inverse a{
   -webkit-animation: bounceInLeft 900ms linear 1400ms both;
  -moz-animation: bounceInLeft 900ms linear 1400ms both;
  -o-animation: bounceInLeft 900ms linear 1400ms both;
  -ms-animation: bounceInLeft 900ms linear 1400ms both;  
  animation: bounceInLeft 900ms linear 1400ms both;  
  padding: 5px 20px 7px 20px ;
  background: #E31E24;color: #FFFFFF;
  border-radius: 5px;
  margin-top: 15px;
  display: inline-block; font-size: 12pt
}
.bouton_anime_inverse a:hover{ background: rgba(255,255,255,1) none repeat scroll 0% 0%; color :#E31E24 }

.carousel-content .bouton a{
    padding: 5px 20px 7px 20px ;
    background: rgba(255,255,255,1) none repeat scroll 0% 0%;
    color: #E31E24;
    border-radius: 5px;
    margin-top: 25px;
    display: inline-block; font-size: 12pt
}
.carousel-content .bouton a:hover{ background:  #E31E24 none repeat scroll 0% 0%;color: #E31E24 } 


.auto h1{ font-size : 36pt }
.auto h2 { font-size : 14px }
.auto h3 { }
.auto .bouton a{ padding: 5px 20px 7px 20px ; background: rgba(255,255,255,1) none repeat scroll 0% 0%;color: #E31E24;border-radius: 4px;margin-top: 25px;display: inline-block; font-size: 12pt }
.auto .bouton a:hover{ background: #E31E24 none repeat scroll 0% 0%;color: #E31E24 } 

.slider-gauche {
    -webkit-animation: bounceInLeft 1700ms linear 50ms both;
    -moz-animation: bounceInLeft 1700ms linear 50ms both;
    -o-animation: bounceInLeft 1700ms linear 50ms both;
    -ms-animation: bounceInLeft 1700ms linear 50ms both;
    animation: bounceInLeft 1700ms linear 50ms both
}
.slider-droite{
    -webkit-animation: fadeInRightBig 2800ms linear 1700ms both;
    -moz-animation: fadeInRightBig 2800ms linear 1700ms both;
    -o-animation: fadeInRightBig 2800ms linear 1700ms both;
    -ms-animation: fadeInRightBig 2800ms linear 1700ms both;
    animation: fadeInRightBig 2800ms linear 1700ms both

}
.slider-bas {
    -webkit-animation: fadeInUpBig 1200ms linear 1200ms both;
    -moz-animation: fadeInUpBig 1200ms linear 1200ms both;
    -o-animation: fadeInUpBig 1200ms linear 1200ms both;
    -ms-animation: fadeInUpBig 1200ms linear 1200ms both;
    animation: fadeInUpBig 1200ms linear 1200ms both
}

.fadeown {
  -webkit-animation: fadeInDown 1000ms linear 300ms both;
  -moz-animation: fadeInDown 1000ms linear 300ms both;
  -o-animation: fadeInDown 1000ms linear 300ms both;
  -ms-animation: fadeInDown 1000ms linear 300ms both;    
   animation: fadeInDown 1000ms linear 300ms both   
}
.btn-group {
    position: relative;
    display: inline-block;
    font-size: 0px;
    white-space: nowrap;
    vertical-align: middle
}

.zoom-in-out {
    -webkit-animation-name: zoom-in-out;
    -o-animation-name: zoom-in-out;
    animation-name: zoom-in-out;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 20s;
    -o-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}


.form-control {  display: block;  width: 90%; border-radius: 0 }
.control-label { white-space:nowrap; margin-left: 10px }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}

input[type=text],input[type=tel],input[type=color],input[type=number],input[type=search],input[type=email],input[type=password],input[type=url],select,textarea {
	width:100%; -o-transition:background-color .3s ease; transition:background-color .3s ease }

input[type=text]:focus,input[type=tel]:focus,input[type=color]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,select:focus,textarea:focus {background-color:#f7f7f7 }


input.search-form, input.search-form:focus {
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    width: 140px;
    font-size: 14px;
    padding: 0px 10px;
    color: #FFFFFF;
    transition: all 400ms ease 0s
}
.search i { color: #FFFFFF;} 

input.search-form{ color: #FFFFFF}
input.search-form::-webkit-input-placeholder { color: #FFFFFF; opacity:1 }
input.search-form::placeholder {  color: #FFFFFF;  opacity: 1; }

input.search-form:-ms-input-placeholder {  color: #FFFFFF;}
input.search-form::-ms-input-placeholder {  color: #FFFFFF}


.search2 input.search-form, input.search-form:focus {
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    width: 140px;
    font-size: 14px;
    padding: 0px 10px;
    transition: all 400ms ease 0s
}

.search2 input.search-form{ color: #CCC}
.search2 input.search-form::-webkit-input-placeholder { color: #CCC; opacity:1 }
.search2 input.search-form::placeholder {  color: #CCC;  opacity: 1; }

.search2 input.search-form:-ms-input-placeholder {  color: #CCC;}
.search2 input.search-form::-ms-input-placeholder {  color: #CCC}

button[disabled],input[disabled],input[type=radio][disabled]+label,input[type=checkbox][disabled]+label,select[disabled],textarea[disabled] {
	cursor:not-allowed;background-color:#eee;opacity:1 }

input[type=radio][disabled]+label,input[type=checkbox][disabled]+label { background-color:transparent }
label { font-weight:400; }
input[type=checkbox] { display: none }
input[type="checkbox"] + label span {
    border: 1px solid #656565;
    background: #f2f2f2;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -1px 4px 0 0;
    cursor: pointer;
}

input[type=checkbox]:checked+label span {
	border-color:#86060e;
	background:#b51b34;
	background-image:url(../images/check.png);
	background-position:center;
	background-repeat:no-repeat;
	box-shadow:0 0 4px 1px #b2b2b2
}

input[type=checkbox]:checked+label span:before {
	top:1px!important;
	left:3px;
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,.75)
}

select {
	width: auto;
	padding: 6px 30px 5px 5px;
	border-radius: 0;
	
}


.blur img{-webkit-filter: blur(4px);filter: blur(4px)}
.blur img:hover{-webkit-filter: none;filter: none}
.brightness img{-webkit-filter: brightness(0.30);filter: brightness(0.30)}
.brightness img:hover{-webkit-filter: none;filter: none}
.contrast img:hover{-webkit-filter: contrast(140%);filter: contrast(140%)}
.contrast img{-webkit-filter: none;filter: none}
.huerotate img{-webkit-filter: hue-rotate(180deg);filter: hue-rotate(180deg)}
.huerotate img:hover{-webkit-filter: none;filter: none}
.invert img{-webkit-filter: invert(100%);filter: invert(100%)}
.invert img:hover{-webkit-filter: none;filter: none}
.saturate img{-webkit-filter: saturate(7);filter: saturate(7)}
.saturate img:hover{-webkit-filter: none;filter: none}
.sepia img{-webkit-filter: sepia(100%); filter: sepia(100%)}
.sepia img:hover{-webkit-filter: none;filter: none}
.shadow img{-webkit-filter: drop-shadow(8px 8px 10px green);filter: drop-shadow(8px 8px 10px green)}
.shadow img:hover{-webkit-filter: none;filter: none}
.gray img{-webkit-filter: grayscale(100%);filter: grayscale(100%)}
.gray img:hover{-webkit-filter: none;filter: none}
.rotation {overflow: hidden;transition-duration: 0.8s;transition-property: transform}
.rotation:hover {transform: rotate(60deg);-webkit-transform: rotate(60deg)} 
.shadow-img {padding-bottom:20px}
.shadow-img a {display:inline-block;border-bottom:0;position:relative}
.shadow-img a::after,.shadow-img a::before {content:"";position:absolute;z-index:-2;bottom:6px;left:4px;width:50%;height:20%;max-width:300px;max-height:100px;box-shadow:0 10px 10px rgba(0,0,0,.7);-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg)}
.shadow-img a::after {right:4px;left:auto;-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}
::-webkit-input-placeholder { color:#999 }
:-moz-placeholder { color:#999 }
::-moz-placeholder { color:#999 }
:-ms-input-placeholder { color:#999 }
.shadow { text-shadow: 1px 1px 2px rgba(0,0,0,.75) }


/*************** OUTER ****************/
.outter { margin-top: 0px;padding:20px 0;position:relative;overflow:hidden;margin-bottom: -40px }
.outter:before {
	content:" ";
	background-image:url(../images/shadow.png);background-position:center top;background-repeat:no-repeat;width:100%;position:absolute;height:38px;display:block;top:0;z-index:10}
.outter--noshadow:before,.outter--searchReference:before {
	content:" ";background:0 0;height:0;width:auto }
.outter--pagination { background:#4e4e4e }
.outter--pagination-bottom { padding-bottom:40px;background:0 0 }



.pagin { background : transparent; color:#CC3300; border : 0; white-space: normal ;overflow: hidden; margin-left : 10px; margin-right : 10px; margin-bottom : 0px; font-size: 18px; padding : 0px }
.pagin a { background : #fff;	text-decoration:none; 	color:#000 }
.pagin a:hover { background : #C5BFBA;	text-decoration:none; 	color:#CC3300 }

.elements { border : 1px solid #c0c0c0; border-radius : 4px;white-space: normal ;overflow: hidden; margin-left : 2px; margin-right : 2px; font-size: 18px; padding : 8px 15px 8px 14px }
.elementsactif { background : #ddd; border : 1px solid #c0c0c0; border-radius : 4px; white-space: normal ;overflow: hidden; margin-left : 2px; margin-right : 2px; font-size: 18px; padding : 6px 14px 6px 14px }

.form-horizontal .form-group { margin-right: 0;margin-left: 0 }

.date_cadre { background-color: #FFFFFF; border: 1px solid #BFBFBF; border-radius: 4px; padding-top: 20px; padding-bottom: 20px; margin-top: 30px}
table.date_event {background-color: #ddd;margin: auto;text-align: center;border: 1px solid #ccc;  border-collapse: collapse; width: 70%; max-width : 250px }
table.date_event td {padding-top: 10px;padding-bottom: 10px }
.prem { border: 0px solid #999; border-radius: 0px;background-color: #E34720 }
.date_event_txt1 {color: #fff; font-size: 22px;font-weight: bold; text-align: center;text-transform: capitalize }
.date_event_jour {color: #E34720;font-size: 48px;font-weight: normal; padding-top: 20px;    padding-bottom: 8px;text-align: center;text-transform: capitalize }
.date_event_txt { color: #E34720;font-size: 26px;font-weight: normal; padding-top: 8px;padding-bottom: 15px;text-align: center;text-transform: capitalize;line-height: 30px }

.code {border: 1px dotted black;padding: 5px }
table.calendrier { margin: auto;text-align: center;border: 1px solid #333; border-radius: 0px;border-collapse: collapse; width: 98%;max-width: 280px }
table.calendrier th { border-bottom: 1px solid #fff;; border-radius: 0px; text-align: center;font-weight: normal;color: #E34720 }
table.calendrier td { border-radius: 0px;width: 30px;height: 30px ;}
table.calendrier td div {padding: 0px }

.jourEvenement {background-color: #E34720 }
.lienCalendrierJour {background-color: #141414 }
.calendrier caption {margin: auto;margin-bottom: 5px; color:#fff;;	background-color:#E34720;	border: 1px solid #ccc; border-radius: 2px }
.calendrier caption a { color:#fff }
 
a.info { position: relative;color: #fff;text-decoration: none;display: block }
a.info span {display: none }
a.info:hover {background: none ;z-index: 500 }
a.info:hover span {display: inline;  position: absolute;white-space: nowrap;  top: 30px; left: 20px;	text-align: left;background-color: #4B4B4B;	padding: 3px;border: 1px solid #999; border-radius: 2px }
.cent p{
}
.cent img{width : 100%; height: auto }
table.listeEvent { width: 100%;border: 1px solid #999; border-radius: 2px;border-collapse: collapse }
table.listeEvent td {padding: 5px }

#tabAjoutEvent {margin: auto}
#tabAjoutEvent td {width: 50%;text-align:center}

table.calendrier table, td, th {border: 1px solid #eee; border-collapse: collapse;text-align: center;  }
table.calendrier .tabcenter p {   text-align: center;    line-height: 1.7;}
table.calendrier th { border-bottom-width: 1px ; }
table.calendrier tr:nth-child(even){ background-color: #5F5F5F;color: #FFF;border-color:#eee }


.tooltp{text-decoration:none;position:relative}
.tooltp span{display:none;cursor:help;-moz-border-radius:4px;-webkit-border-radius:4px;	border-radius:4px;color:black;background:#fff}
.tooltp span img{float:left;margin:0}	
.tooltp:hover span{display:block;position:absolute;z-index:1000;width:550px;min-height:140px;border:1px solid #ddd;margin-top:12px;margin-left:32px;overflow:hidden;padding:12px 8px 8px 30px;text-align: leftbox-shadow: 0 0 10px #2D3D6E;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;
}
.tooltp:hover span b
{line-height: 35px; font-size: 14pt; color:#F64F28; font-weight: bold;text-align:center; 
/* text-shadow: 0px 3px 2px rgba(123, 139, 140, 0.49);padding-right: 10px;*/
}
.tooltp:hover span i{color:#F64F28; text-transform: none; font-size: 90%;float: right; margin-right: 20px}
.tooltpi h3 {margin-top:0;margin-bottom:7px;line-height: 1em; color:#273661;text-transform: uppercase; text-align:center; text-shadow: 0px 3px 2px rgba(123, 139, 140, 0.49)}

.titopG {display:none }


@media (max-width:1440px) {
.no_1440 { display : none }
.yes_1440 { display : inline }
}

@media (max-width:1200px) {
.no_1200 { display : none }
.yes_1200 { display : inline }
}

@media (max-width:1000px) {
.no1024 { display : none }
.no_1024 { display : none }
.yes1024 { display : inline }
.yes_1024 { display : inline }
.container { min-width: 100%; padding-right: 1px; padding-left: 1px; }
#pub_head { display : none; }
} 




@media (max-width:780px) {
.menu_haut{ display: none }
.navbar-inverse .navbar-nav .dropdown-menu > li { background: #;color: #E31E24; border-top : 0px solid rgba(227,30,36,0.2); font-size : 14px }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child  { background: #; color: #E31E24; border-top : 0px solid rgba(227,30,36,0.2); font-size : 14px;  border-radius: 0px 0px 3px 3px }
.navbar-inverse .navbar-nav .dropdown-menu > li > a {color: #E31E24; }
.navbar { background: #; color: #E31E24; z-index:3000; border-bottom : 1px solid rgba(227,30,36,0.2); font-size : 14px; min-height: 30px } 
.navbar-inverse .navbar-nav > li > a{ color: #E31E24;    font-size : 14px; padding:0; padding-top:3px;padding-bottom: 5px }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { margin-left:5% }

.navbar-inverse .navbar-nav > .open > a:focus { background-color: #E31E24;color: #FFFFFF; }
.navbar-inverse .navbar-nav > li > a:hover{ background-color: #E31E24;color: #FFFFFF }
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {  background-color: #E31E24;  color: #FFFFFF }

.navbar-inverse .navbar-nav .dropdown-menu {  background-color: #;  color: #E31E24 }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { background-color: #;  color: #E31E24  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{ background-color: #E31E24;color: #FFFFFF }
.navbar-default .navbar-nav .active {  background-color: #;  color: #E31E24 }
 
}












@media (max-width:1000px) {
.left p { text-align : center}
.left p { text-align : center}
.fet { display : none; }
.dat { display : none; }
.option { display : none; }
.optionBG { display : none; }
.margin_moins_25  { display: none; }  
.margin_moins_40  { display: none; }       
.right { text-align: center }
.left { text-align: center }
.no_960 { display: none; }
}


@media (max-width:960px) {
.titop {display:none }
.titopG {display:inline;text-align:center }
.no_960 { display: none; }
.no960 { display: none; }
}




@media (max-width:800px) {
.no_800 { display: none; }
.no800 { display: none; }
#footer { margin-top: -11px; }
}

@media (max-width:768px) {
.no768 { display : none; }
.no_768 { display : none; }
.themes { display:none;}
#bottom { background: rgba(196,26,31,1) none repeat scroll 0% 0%; border-bottom: 0; border-top: 0; }
blockquote { padding: 0px; margin: 0px;  border-left: 0; }
p {text-align : left; }
}
    
@media (max-width:600px) {
.no_600 { display: none; }
.no600 { display : none; }
.yes_600 { display: inline; }
.yes600 { display : inline; }



.fondslide { width: 100%; height: 260px;border-bottom: #413618 1px solid; overflow: hidden; 
background: #333}

.bouton_anime a{ clear: both; width: 100%; text-align: center;padding-top : 10px; padding-bottom:10px; }
input.search-form {  width: 10px; } 
}
 
@media (min-width:600px) {
.fondslide {  width: 100%; height: 520px;border-bottom: #413618 1px solid; overflow: hidden; 
background-image: url(/images/slid01b-min.jpg);  background-position:  no-repeat center fixed;
}
}
 
@media (max-width:480px) {
.no480 { display : none; }
.no_480 { display : none; }
#logo { Position:relative;  margin-top:21px; text-align: center; overflow:hidden; }
.fb_fb { display : none; }
ol, ul { padding-inline-start: 10px; }
.col-main {margin-left : -15px; margin-right : -15px }
#logo { z-index: 5; Position:relative; margin-top:21px; margin-left:px; overflow:hidden; width:94%; height:auto }
}

 
/***************** Divers *****************/  

@media (min-width:400px) {
.yes_400 { display: none }
}

 
@media (min-width:781px) {
.no_780 { display: none }
.yes_780 { display: inline }

}

@media (max-width:780px) {
.yes_780 { display: none }
.no_780 { display: inline }
}

 

 
@media (min-width:800px) {
.yes_800 { display: none }
}

@media (min-width:1000px) {
.yes1024 { display : none }
}

@media (min-width:1000px) {
.yes_1024 { display : none }
}

@media (min-width:1000px) {
.1024_yes { display: none }
.yes_1024 { display: none }
}

@media (min-width:1200px) {
.yes_1200 { display: none }
}

@media (min-width:1440px) {
.yes_1440 { display: none }
}

@media (max-width:1000px) {
.form1024 {font-size: 18pt; height: 72px }
.form1024b {font-size: 14pt; height: 71px }
}

@media (min-width:1000px) {
.form1024 { font-size: 14pt;height: 52px }
.form1024b { height: 51px }
}

@media (min-width:480px) {
.yes_480 { display: none }
}

@media screen and (min-width: 200px) and (max-width: 540px) {
.marge-top { height: 30px }
.marge-bottom { height: 30px }
}

@media screen and (min-width: 540px) and (max-width: 1200px) {
.marge-top { height: 40px }
.marge-bottom { height: 40px }
}

@media (min-width:1200px) {
.marge-top { height: 90px }
.marge-bottom { height: 90px }
}

@media (max-width:1000px) {
#bottom ul li a {text-align: center; margin-bottom: 0 }
#bottom h3 {text-align: center; margin-bottom: 0 }
#bottom p {text-align: center; margin-bottom: 0 }
#bottom a {text-align: center; margin-bottom: 0 }
}

@media (min-width:1000px) {
#bottom ul li a {text-align: left; margin-bottom: 0 }
#bottom h3 {text-align: left; margin-bottom: 0 }
#bottom p {text-align: left; margin-bottom: 0 }
#bottom a {text-align: left; margin-bottom: 0 }
}

@media (min-width:960px) {
.no_960 { display: block ; }
.yes_960 { display: none; }

}
@media (max-width:960px) {
.no_960 { display: none; }
.yes_960 { display: block ; }

}

.calendar_colonne { padding-top: 20px}
.colonne { padding-top: 100px}

@media (max-width:950px) {
.Section_1, .Section_3 { margin-top: 0; padding-top: 0;  padding-bottom: 0;  border-right :0; border-left :0;background-image: none ;  background-color:rgba(255,255,255,1)   ; width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  color: #363636; } 
.Section_2 { margin-top: 0; padding-top: 0;  padding-bottom: 0;  border-right :0; border-left :0;background-image: none ;background-color : rgba(250,247,247,1)}   
.Section_1 h1, .Section_1 .h1, .Section_2 h1, .Section_2 .h1, .Section_3 h1, .Section_3 .h1{ text-align: center} 
}



@media only screen and (min-width: 480px) {
.specials {list-style-type: none;  background-image: url(../images/LI.png);  background-repeat: no-repeat;  background-position: left 6px;  padding-left: 28px;	margin-bottom: 8px;	margin-left: 0;  }
.specials ul > li {list-style-type: none;  background-image: url(../images/LI.png);  background-repeat: no-repeat;  background-position: left 6px;  padding-left: 28px;	margin-bottom: 8px;	margin-left: -15px;  }
ul > li.specials  {list-style-type: none; background-image: url(../images/LI.png); background-repeat: no-repeat;  background-position: left 6px;  padding-left: 28px;	margin-bottom: 8px;	margin-left: -15px;  }

.specials ol {counter-reset: repas;background-image: none; }  
.specials ol > li {list-style-type: none;background-image: none;  	counter-increment: repas; margin-bottom: 8px;padding-left: 25px;text-indent: -25px;}
.specials ol > li:before {content: counter(repas);  padding: 3px 20px 6px;margin-right: 8px;margin-left: -30px;vertical-align: top;background: #666;-moz-border-radius: 60px;border-radius: 60px;font-weight: bold;font-size: 0.8em;color: white;font-family: Open Sans, sans-serif;; vertical-align: text-bottom}

ol.specials  {counter-reset: repas;background-image: none; }  
ol > li.specials {list-style-type: none;counter-increment: repas; margin-bottom: 8px;background-image: none;  padding-left: 25px;text-indent: -25px; /* par rapport au before margin-left */}
ol > li.specials:before {content: counter(repas);  padding: 3px 20px 6px;margin-right: 8px;margin-left: -30px;vertical-align: top;background: #666;-moz-border-radius: 60px;border-radius: 60px;font-weight: bold;font-size: 0.8em;color: white;font-family: Open Sans, sans-serif;; vertical-align: text-bottom}
}



.specials {background-image: none;}





.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;
  background: #E31E24 url(../../start_to_top/img/cd-top-arrow.svg) no-repeat center 50%; border-radius: 50%; border : 2px solid #eee;
  visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #575757;opacity: 1;}

@media only screen and (min-width: 768px) {
  .cd-top {right: 20px;bottom: 40px;}
}

@media only screen and (min-width: 1000px) {
  .cd-top {height: 60px;width: 60px;right: 30px;bottom: 80px;}
}


@media screen and (max-width: 1000px) {
.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0px;background: rgba(0,0,0,0.8);z-index: 4000;opacity: 1;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;color : #fff}
.modalDialog:target {opacity:1;pointer-events: auto}
.modalDialog > div {width: 300px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px;border: 1px dashed #FF0000;}
.close {background: #606061;color: #000;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold; -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000}
.close:hover {background: #00d9ff}
}

@media screen and (min-width: 1000px) {
.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0px;background: rgba(0,0,0,0.8);z-index: 4000;opacity: 1;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;color : #fff}
.modalDialog:target {opacity:1; pointer-events: auto}
.modalDialog > div { z-index: 99999;width: 800px; position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px; border: 0px  #FF0000;}
.close {background: #606061;color: #000;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000}
.close:hover {background: #00d9ff}
}

@media screen and (max-width: 960px) {
#bloc_right, #header_menu, #slide1 {display: none}
}

@media screen and (max-width: 600px) {
.modal, .modal.fade, .modal-body, .modal-content{display: none}
}


/********* coockies intro **********/
#cookieChoiceInfo a {background-color : #fff; padding: 3px 10px 3px 10px; font-size:14px;font-weight: normal;color: #141414; text-decoration: none; border-radius: 0;border:1px solid #000;white-space: nowrap; }
#cookieChoiceInfo a:hover {background-color : #666; color: #fff; text-decoration: none;}

input.search-form::-webkit-input-placeholder{ color: #FFFFFF;opacity:1}
input.search-form:hover::-webkit-input-placeholder {color: #FFFFFF;opacity:1}
::placeholder {opacity:0.9}

/* Facebook dans le header */
.headf i.fa.fa-facebook {
    padding: 10px 15px;
    border-radius: 50%;
    width:45px;height:45px;
    font-size : 150%;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}
.headf i.fa.fa-facebook:hover { opacity:0.7}

.bouton_menu_droit { position:absolute;top:11px;right : 10%} 

.module_galerie { width:100%; font-size : 18px; color:#A2A89E; background-color: #FFFFFF; background-image: url(../../uploadfiles/gallery/); background-position: top; background-repeat: no-repeat; border: 0px solid #BFBFBF; border-left:0; border-right:0;border-radius: 0 ;}
.module_galerie_lien a { font-size : 18px;  }
.module_galerie a:hover {   -webkit-filter: contrast(120%); filter: contrast(120%); }

.module_blog { width:100%; font-size : 16px; color:#404040; background-color: #FAF7F7; background-image: url(../../uploadfiles/blog/); background-position: top; background-repeat: no-repeat; border: 1px solid #BFBFBF; border-left:0; border-right:0;border-radius: 0 ;}
.module_galerie_blog a { font-size : 16px;  }
.module_blog a:hover {   -webkit-filter: contrast(120%); filter: contrast(120%); }

.module_agenda { width:100%; font-size : 16px; color:#266A87; background-color:#E3E3E3; background-image: url(../../uploadfiles/events/); background-position: top; background-repeat: no-repeat; border: 1px solid #BFBFBF; border-left:0; border-right:0;border-radius: 0 ;}
.module_agenda_blog a { font-size : 16px;  }
.module_agenda a:hover {   -webkit-filter: contrast(120%); filter: contrast(120%); }
.module_agenda_txt { font-size : 16px; color:#266A87;}


.module_contact { width:100%; font-size : 16px; color:#1C4B8A; background-color:rgba(255,255,255,0.84); border: 1px solid #BFBFBF;border-radius: 4px ;padding: 20px;}
.module_agenda_blog a { font-size : 16px;  }
.module_agenda a:hover {   -webkit-filter: contrast(120%); filter: contrast(120%); }
.module_agenda_txt { font-size : 16px; color:#1C4B8A;}


#logo { Position:relative;  margin-top:10px; margin-left:17%; overflow:hidden; margin-bottom: 10px; }
#logo a:hover {     -webkit-filter: contrast(120%);
    filter: contrast(120%);
 }

@media (max-width:480px) {
.ifheight { height:400px; overflow: hidden;} 
}

@media (max-width:660px) {
.ifheight { height:690px; overflow: hidden; } 
}

@media (min-width:660px) {
.ifheight { height:780px;} 
}

.row {margin-left : 0; margin-right:0 }

.hhead { background-color:rgba(255,255,255,1); }
.top-bar { background : transparent; padding: 10px 0 0 0; border-bottom: 0;}



@media (max-width:880px) {
.av_880_yes { display: inline }
.ap_880_no { display: none }
}
@media (min-width:880px) {
.av_880_no { display: none }
.ap_880_yes { display: inline }
}




@media (max-width:1000px) {
.av_1000_yes { display: inline }
.ap_1000_yes { display: none }
}
@media (min-width:1000px) {
.av_1000_yes { display: none }
.ap_1000_yes { display: inline }
}




.popup_simple { background: #FFFFFF; color: #FFFFFF;}





.reviews-wrap{
  width:100%;
  max-width:100%;
  margin:0;
  background:#FAEFED;
  color:#111;
  border:none;
  border-radius:0;
  padding:2.5rem 1.5rem 5.5rem; /* plus d’air EN BAS du cadre */
  position:relative;
  overflow:hidden;
}

/* header */
.reviews-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.5rem;
}
.reviews-head-left{
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.reviews-head h2{
  margin:0;
  font-size:1.6rem;
  color:#454545;
}
.reviews-logo svg{
  display:block;
  width:150px;
  height:auto;
}
.reviews-note{
  background:rgba(255,255,255,.7);
  border:1px solid rgba(0,0,0,.05);
  padding:.4rem .8rem;
  border-radius:999px;
  font-size:11pt;
  font-family : arial;
  color:#454545;font-weight:normal
}

/* slider */
.reviews-slider{
  display:flex;
  gap:0;
  transition:transform .4s ease;
  will-change: transform;
}
 

/* cartes */


.review-card{
  flex:0 0 calc(50% - 0.625rem);
  margin-right:1.25rem;  /* ? on simule l’ancien gap */
    color:#4A4A4A;
 background:#FFFFFF;
  border:1px solid rgba(0,0,0,.15);
  border-radius:14px;
  padding:1rem 1.1rem 1rem;
  display:flex;
  flex-direction:column;
    min-width:0;
}
  
.review-card:last-child{
  margin-right:0;
}  
  




.review-top{display:flex;align-items:center;gap:.75rem;}
.review-avatar{
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.15);
  color:#4A4A4A;
  display:flex;align-items:center;justify-content:center;
  font-weight:600;
}
.review-name{font-weight:600;font-size:.95rem;color:#fff;}
.review-stars{color:#FFC130;font-size:.8rem;line-height:1;}
.review-badge{
  margin-left:auto;
  font-size:.65rem;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.25);
  padding:.15rem .5rem;
  border-radius:999px;
  color:#FFC130;
}
.review-text{font-size:.85rem;line-height:1.4;margin:0;margin-top:15px;color:#4A4A4A;}
.review-date{font-size:.7rem;color:#FFC130;font-weight:bold;margin-top:auto;}

/* dots */
.reviews-dots{
  position:absolute;
  left:1.5rem;
  bottom:1.6rem;           
  display:flex;
  gap:.5rem;
}
.reviews-dots button{
  width:10px;
  height:10px;
  border-radius:999px;
  border:none;
  background:rgba(0,0,0,.15);
  cursor:pointer;
  padding:0;
}
.reviews-dots button.is-active{
  background:rgba(0,0,0,.55);
  width:18px;
}

/* nav flèches */
.reviews-nav{
  position:absolute;
  right:1.5rem;
  bottom:1.3rem;           
  display:flex;
  gap:.5rem;
}
.reviews-nav button{
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.3);
  background:rgba(255,255,255,.35);
  cursor:pointer;
  font-size:1.3rem;
  line-height:32px;
  text-align:center;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.reviews-nav button:hover{
  background:rgba(255,255,255,.65);
}

/* responsive */
@media (max-width:991px){
  .reviews-slider{gap:1rem;}
}
@media (max-width:767px){
  .reviews-wrap{
    padding:2rem 1rem 5.5rem; /* on garde le bas plus grand aussi en mobile */
  }
  .reviews-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .review-card{
    flex:0 0 100%;
  }
}





.gal-wrap{
  --gap:2px;
  --img-h:310px;
  position:relative;
  max-width:2500px;
  margin:0 ; width:100%;
  background:transparent;
  width:100%;
  max-width:none; 
}

.gal-viewport{
  overflow:auto;            
  position:relative;
  padding:0 calc(var(--gap)/2);
  scroll-behavior:smooth;
}

.gal-track{
  display:flex;
  gap:var(--gap);
  padding:0;
}

.gal-card{
  flex:0 0 var(--w, var(--card-w, 260px));
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  display:flex; flex-direction:column;
    transition:transform .35s cubic-bezier(.25,.1,.25,1),
             box-shadow .35s cubic-bezier(.25,.1,.25,1);
	padding-top:10px;		 
			 
}

.gal-card:hover{
  transform:translateY(0) scale(1.00);
  box-shadow:0 12px 24px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.06);
}

.gal-img{
  position:relative;
  height:var(--img-h);
  background:#fff;
  border-radius:12px;
  overflow:hidden;
}

.gal-img img{
  position:absolute; top:50%; left:50%;
  height:100%; width:auto;
  transform:translate(-50%,-50%);
  margin:0; padding:0; border:0;
  border-radius:12px;
}

.gal-txt{
  padding:15px 5px;
  font-size:12px; line-height:1.3;
  color:#555; text-align:center;font-weight:bold;
  width:90%; margin-left:5%;   

}

 .gal-txt a:link {
   font-size:12px; line-height:1.3;
}

.gal-arrow{
  position:absolute;
  top:calc(var(--img-h)/2); transform:translateY(-50%);
  width:40px; height:72px;
  border:0; cursor:pointer;
  background:rgba(255,255,255,.95);
  color:#777; font-size:28px;
  display:flex; align-items:center; justify-content:center;
  border-radius:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  z-index:5;
}
.gal-prev{ left:0; }
.gal-next{ right:0; }

@media (max-width:640px){
  .gal-arrow{ width:36px; height:64px; font-size:24px; }
}

.gal-wrap{ --gap:10px; }                   /* valeur cible */
.gal-viewport{ padding:0 calc(min(var(--gap),10px)/2); }
.gal-track{ gap:min(var(--gap),10px); }     /* cap hard à 10px */


.gal-viewport{
  overflow:hidden;                 /* plus de scroll visible */
  scrollbar-width:none;            /* Firefox */
  -ms-overflow-style:none;         /* IE/Edge legacy */
}
.gal-viewport::-webkit-scrollbar{  /* Chrome/Safari/Edge */
  display:none;
}

.gal-wrap{ overflow:hidden; }