.captcha {font-size: 28pt;color: #EF5323; font-weight: 400;margin-top: 0px;padding: 15px;transform: skewX(30deg) skewY(3deg)} 
.slidefull {margin-top:-60px }



.option { height: 200px; margin-bottom: -165px; } 

.optionBG { height: 130px;
			margin: -40px auto -120px auto;
			width: 398px;
			background: transparent; 
  } 


		.option h1{
			color: #3A5486;
			font: 700 18pt Verdana,sans-serif;
			letter-spacing: 5px;
			text-align: center;
			text-shadow: 1px 1px 1px #000000;
		}


#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: 1px solid #CCCCCC; border-radius: 4px ; background: none repeat scroll 0% 0% transparent;}
.filet2 { margin-top: 5px; padding: 15px 20px 20px 15px ; border: 1px solid #EF5323; border-radius: 4px ; ;background: none repeat scroll 0% 0% transparent;}
.filet3 { margin-top: 5px; padding: 15px 20px 10px 15px ; border: 1px solid #EF5323;  border-radius: 4px ; background: none repeat scroll 0% 0% #F0F0F0; opacity:0.9; }

.danger { margin-top: 5px; 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; 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; 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(120, 121, 122, 0.26); }
.boxrouge {  -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  ;   border-radius: 2px ; background: none repeat scroll 0% 0% #E64D15;  color: #fff; font-size: 28px; line-height: 32px;}
.boxbleue { -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  ;   border-radius: 2px ; background: none repeat scroll 0% 0% #0192D0;   color: #fff; font-size: 28px; line-height: 32px; }
.boxverte { -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  ;  border-radius: 2px ; background: none repeat scroll 0% 0% #ACAE06;  color: #fff; font-size: 28px; line-height: 32px;}

html, body {
  padding : 0;margin : 0; height: 100%; width:100%;
  background-color: #FFFFFF;  
  color: #080808;opacity :1; font-size : 18px; line-height: 24px;   
  font-weight: 400;font-family: Raleway, sans-serif;
}

.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; 
} 

.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: 25px;
padding-left: 25px;

}

.testimonial-inner .pull-left { border-right: 1px solid #EF5323; }
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 }
.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; }
 
#portfolio .row img { max-width:100%;height: auto;width: 95%;border-radius: 2px;margin-left: 0;}


.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:left }

 
.h1, h1, .h1left, .h1right { font-size: 2em;color: #EF5323; 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,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,, .h1left, .h1right {  font-family:gothambook,Helvetica,Arial,sans-serif } */ 

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

.h2, h2 { font-size: 1.7em;color: #555555; line-height:1.25em;margin-top:.875em;margin-bottom:.675em }
.h3, h3 { font-size: 1.3em;color: #555555;line-height:1.9090909091em;margin-top:.9545454545em;margin-bottom:.9545454545em }
.h4, h4 { font-size: 1em;color: #555555; line-height:1.05em;margin-top:1.05em;margin-bottom:1.05em }
.h5,h5 { font-size: 0.8em;color: #3B3B3B; padding : 0;margin : 0 0 10px 0;}
.h6,h6 { font-size: 0.6em;color: #3B3B3B; 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: 0.8em;}
.cite { font-style: normal; font-size: 1.3em;}

big { display: block;  color: #EF5323; float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px; }
hr { border-top: 1px solid #CCCCCC;  border-bottom: 1px 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; }

a:link {text-decoration:none;font-size: 18px;color: #EF5323}
a:visited {text-decoration:none;color: #EF5323;}
a:hover {text-decoration:none;color: #ADA08B; }
a:active {text-decoration:none;color: #ADA08B; }  
a { cursor:pointer }


@media (max-width:1000px) {
.filet2, .filet3 { border: 1px solid transparent;}
.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) {
.filet1 { }
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,0.9) none repeat scroll 0% 0%; color :#545454; } 
.btn-primary:hover, .btn-primary:focus{ background: #A3A3A3;color: #FFFFFF;outline: none; box-shadow: none; } 
.btn-primary-inverse { background: #A3A3A3;color: #FFFFFF; } 
.btn-primary-inverse:hover, .btn-primary:focus{ background: rgba(255,255,255,0.9) none repeat scroll 0% 0%; color :#545454;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: #EF5323;color: #fff;  display: inline-block;padding: 10px 30px;border: 0;border-radius: 6px;font-size: 16px;font-weight:bold;color: white;position: relative}
.btnn a:hover{border-color: #ADA08B;background: #ADA08B;color: #fff;font-weight:bold;}

/*
.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: #EF5323;color: #fff;  display: inline-block;padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;color: white;position: relative}
button:hover {border-color: #ADA08B;background: #ADA08B;color: #fff}
button:before, button: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}
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: #EF5323;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: #ADA08B;background: #ADA08B;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: #ADA08B 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: #080808;}
.widget h2 { color: #555555; text-transform: uppercase; margin-bottom: 20px;font-size: 1.3em; }
.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: #A3A3A3;position: absolute;left: 50%;top: 2px;margin-left: 0 }

.navbar-default .navbar-nav .active { color: #A3A3A3; 
/* 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: #545454 }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0px none }
.navbar-inverse .navbar-nav > li > a{ color: #545454;    font-size : 13px; padding-top:5px;padding-bottom: 5px }

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child  { background: rgba(255,255,255,0.9); margin-top: 0px; border-top : 1px solid rgba(84,84,84,0.2); font-size : 13px;  border-radius: 0px 0px 3px 3px }
.navbar-inverse .navbar-nav .dropdown-menu > li { background: rgba(255,255,255,0.9); ;border-top : 1px solid rgba(84,84,84,0.2); font-size : 13px;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: #A3A3A3;opacity:0.9; color: #FFFFFF;font-size : 13px }
.navbar-inverse .navbar-nav > li > a:hover{ background-color: #A3A3A3;opacity:0.9; color: #FFFFFF;font-size : 13px }

.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: #A3A3A3;opacity:0.9;  color: #FFFFFF;font-size : 13px }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { font-size : 13px; border-radius: 0px 0px 3px 3px }

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

.navbar {background: rgba(255,255,255,0.9); z-index:3000; border-top : 0px solid rgba(84,84,84,0.2); border-bottom : 0px solid rgba(84,84,84,0.2);font-size : 13px; 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: #A3A3A3}

@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: 180px; width:auto}

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






/* TOPSITE */

.topsite { background-color: # ; margin-top:-10px; width: 100%; border-bottom : 0px solid rgba(84,84,84,0.2) }
.top-number {color: #000000 ; font-size:16px; }
.blog a { color : #000000; font-size:14px; }
.blog a:hover { color: #7A4420}
ul.social-share li a { display: inline-block; color: #000000; width: 25px;height: 25px;line-height: 25px;background: none; none repeat scroll 0% 0%; text-align: center; border-radius: 2px; }
ul.social-share li a:hover { display: inline-block; background: #7A4420; 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: ##545454}
.aide-nav .outils li a:hover {background-color: ##545454}


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

#carousel-slider2 { }
#pub_head{ z-index: 2000;overflow:hidden;margin-top: px; 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: #080808; } 
.content{color: #080808;  } 
.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: Raleway, sans-serif;; color: #3B3B3B; font-size : 12ptpx; background-color : rgba(255,255,255,1) ; line-height: ; border-right :0; border-left : 0} 
 
#Milieu .content { font-family: Raleway, sans-serif;; color: #3B3B3B; font-size : 12ptpx; } 
 



#Milieu a:link { color: #FFFFFF; }
#Milieu a:visited {color: #FFFFFF; }
#Milieu a:hover {color: #FFFFFF; }
 
#Milieu .filet1 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #3B3B3B; border-radius: 2px ; background: none repeat scroll 0% 0% transparent;}
#Milieu .filet2 { padding: 20px 10px 20px 10px; border: 1px solid #EEEEEE; border-radius: 24px 0 16px 0 ;background: none repeat scroll 0% 0% transparent;}
#Milieu .filet3 { padding: 20px 30px 20px 30px ; border: 0px solid #EEEEEE;  border-radius: 24px 0 16px 0 ;background: none repeat scroll 0% 0% #FFFFFF; opacity:0.9; }
 
#Milieu .col-sm-12{ background: rgba(255,255,255,1); width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:px; color: #3B3B3B;  } 

#Milieu .h1, #Milieu h1, #Milieu .h1left, #Milieu .h1right { color: #3B3B3B; }
#Milieu h2, #Milieu .h2 { color: #3B3B3B; }
#Milieu h3, #Milieu .h3 { color: #FFFFFF; }
#Milieu h4, #Milieu .h4 { color: #3B3B3B; }
#Milieu h5, #Milieu .h5 { color: #3B3B3B; }
#Milieu h6, #Milieu .h6 { color: #3B3B3B; }

#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:left }



#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(240,240,240,1) none repeat scroll 0% 0%;
   /* border-bottom: 1px solid #404040;*/
   border-top: 1px solid rgba(255,255,255,0.9); color: #404040 }

.bott { width : 100%; background : rgba(240,240,240,1); box-shadow: 2px 2px 10px #808080; padding-top : 12px;  padding-bottom : 12px;  color: #404040; border-bottom: 1px solid #141414 }  

#bottom { color: #404040 }
#bottom h3 {margin-top: 0px; margin-bottom: 5px; text-transform: uppercase;font-size:1.2em; color: #404040; opacity: 0.7 }
#bottom a { color: #404040 } 
#bottom a:hover { color: #4D4D4D } 
#bottom ul li { display: block;padding: 3px }

#bottom ul li a { color: #404040; font-size: 11pt} 
#bottom ul li a:hover { color: #4D4D4D; 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 #666 }
.circle { -webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em }


#footer a:link { color: #75716D; font-size : 12px }
#footer a:visited {color: #404040 }
#footer a:hover {color: #404040 }
#footer { margin-top: 0;  padding-top: 10px;  padding-bottom: 30px; color: #404040; font-size : 12px; background: rgba(240,240,240,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,0.9) none repeat scroll 0% 0%; color :#545454;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block; font-size: 12pt
 }
.bouton_anime a:hover{ background: #A3A3A3;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: #A3A3A3;color: #FFFFFF;
  border-radius: 5px;
  margin-top: 15px;
  display: inline-block; font-size: 12pt
}
.bouton_anime_inverse a:hover{ background: rgba(255,255,255,0.9) none repeat scroll 0% 0%; color :#545454 }

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


.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,0.9) none repeat scroll 0% 0%;color: #545454;border-radius: 4px;margin-top: 25px;display: inline-block; font-size: 12pt }
.auto .bouton a:hover{ background: #A3A3A3 none repeat scroll 0% 0%;color: #545454 } 

.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: #000000;
    transition: all 400ms ease 0s
}
.search i { color: #000000;} 

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

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


.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:#198754;
	background:#198754;
	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: #F5F5F5; border: 1px solid #CCCCCC; 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: #000; ;border-top : 0px solid rgba(84,84,84,0.2); font-size : 13px }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child  { background: #000;  border-top : 0px solid rgba(84,84,84,0.2); font-size : 13px;  border-radius: 0px 0px 3px 3px }
.navbar-inverse .navbar-nav .dropdown-menu > li > a {color: #fff }
.navbar { background: #000; z-index:3000; border-bottom : 1px solid rgba(84,84,84,0.2); font-size : 13px; min-height: 30px } 
.navbar-inverse .navbar-nav > li > a{ color: #fff;    font-size : 13px; padding:0; padding-top:3px;padding-bottom: 5px }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { margin-left:5% }
}












@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(240,240,240,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: #080808; } 
.Section_2 { 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)}   
.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: Raleway, 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: Raleway, 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: #BFB8B2 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: #4D4D4D;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;background: #000}
.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: 1px dashed #FF0000;background: #000}
.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: #000000;opacity:1}
input.search-form:hover::-webkit-input-placeholder {color: #000000;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:#363636; background-color: #FFFFFF; background-image: url(../../uploadfiles/gallery/); background-position: top; background-repeat: no-repeat; border: 0px solid #CCCCCC; 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:#264657; background-color: transparent; background-image: url(../../uploadfiles/blog/); background-position: top; background-repeat: no-repeat; border: 1px solid #CCCCCC; 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:transparent; background-image: url(../../uploadfiles/events/); background-position: top; background-repeat: no-repeat; border: 1px solid #CCCCCC; 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:#474747; background-color:rgba(255,255,255,0.84); border: 1px solid #CCCCCC;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:#474747;}

.module_contact {
  font-size: 16px;
  color: #000;
}



#logo { Position:relative;  margin-top:px; margin-left:%; 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 }
}




.reviews-wrap{
  width:100%;
  max-width:100%;
  margin:0;
  background:#CFCFCF;
  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:#4D4D4D;
}
.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:#4D4D4D;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:#FFFFFF;
 background:#8C8170;
  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:#FFFFFF;
  display:flex;align-items:center;justify-content:center;
  font-weight:600;
}
.review-name{font-weight:600;font-size:.95rem;color:#fff;}
.review-stars{color:#FFDB78;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:#FFDB78;
}
.review-text{font-size:.85rem;line-height:1.4;margin:0;margin-top:15px;color:#FFFFFF;}
.review-date{font-size:.7rem;color:#FFDB78;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%;
  }
}


 
 .filet1 {
  margin-top: 5px;
  padding: 15px 20px 20px 15px;
  border: 1px solid #4B5245;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.75);
}

#Milieu .filet1 {
  margin-top: 5px;
  padding: 15px 20px 20px 15px;
  border: 0px solid #4B5245;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.75);
}