body {	color:#333;	font:15px/15px  'Crimson Text', serif; -webkit-font-smoothing:antialiased; transition: all, .5s;

background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cGF0aCBkPSJNLTIgMTBMMTAgLTJaTTEwIDZMNiAxMFpNLTIgMkwyIC0yIiBzdHJva2U9IiMxZmMyYjciIHN0cm9rZS13aWR0aD0iMC41Ij48L3BhdGg+Cjwvc3ZnPg=="),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImciIHgyPSIxIiB5Mj0iMSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiPjwvc3RvcD4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIj48L3N0b3A+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZykiPjwvcmVjdD4KPC9zdmc+");}


/*bckgrnd fait avec https://philiprogers.com/svgpatterns/*/

a{color:#000; text-decoration:none; transition:opacity .5s ease-in-out;}
a:hover{color:#d60021;  transition: .5s ease-in; text-decoration: none;}



.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h2{font: 5em  'Forum', cursive;margin-bottom: .5em;}
h3{font:2em  'Forum', cursive;margin:.5em 0 1em 0;}
h4{font-size:1.5em;margin-bottom: 1em;font-family: 'Crimson Text', serif;}
h4 i{margin-right: 0.5em;}
h3:hover {text-decoration: none; color: black;}
h3 a {text-decoration: none; color: black;transition: all, .5s}
h3 a:hover {text-decoration: none; color: red; transition: all, .5s}
h5 {font-size: 2.3em; border:0;margin:0;  padding:0; transition: all .5s; line-height: 1em;margin-bottom: .34em; font-family: 'Crimson Text', serif; }
p{font-size:1.3em;}
#le-festival p{font-size:1em;}

.spacer{padding: 6.5em 0;}
.spacertop {padding-top: 2.3em;}

.btn{border:none;border-radius: 0;padding: 1em 4em;background: rgba(0,0,0,0.5);text-transform: uppercase;}
.btn:hover,.btn:active{color: #fff;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background:#666;width: 100%;outline: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#333;box-shadow: none;}

.topbar {background:url(../images/lines.png);	height:5px;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navbar-nav > li > a{font-size: 1.76em;font-family:  'Forum', cursive; padding: .5em;padding-top: 1.5em;}
.navbar-fixed-top{top: 5px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background: none;color: #fff;}

#head,.carousel{margin-top: 0;}

/*#home{padding-top: 6em;}*/

.presentation { border:0; padding: 0; margin: 0; margin-bottom:1.5em;margin-top:1.7em; max-width:130em; z-index:0; text-align:center; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center; justify-content: center; align-content: center; transition: all 1s;
}

.presentation img {max-width: 50vw;max-height: 50vh;
}




#le-festival {}
#artistes {width: 100%;   
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cGF0aCBkPSJNLTIgMTBMMTAgLTJaTTEwIDZMNiAxMFpNLTIgMkwyIC0yIiBzdHJva2U9IiNGNkVBM0UiIHN0cm9rZS13aWR0aD0iMS41Ij48L3BhdGg+Cjwvc3ZnPg=="),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImciIHgyPSIxIiB5Mj0iMSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NEJBRDgiPjwvc3RvcD4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjQ2MjU3Ij48L3N0b3A+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZykiPjwvcmVjdD4KPC9zdmc+");;}


#programme {
    width: 100%;  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cGF0aCBkPSJNLTIgMTBMMTAgLTJaTTEwIDZMNiAxMFpNLTIgMkwyIC0yIiBzdHJva2U9IiMwRDVDNTciIHN0cm9rZS13aWR0aD0iMS41Ij48L3BhdGg+Cjwvc3ZnPg=="),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImciIHgyPSIxIiB5Mj0iMSI+CjxzdG9wIHN0b3AtY29sb3I9IiNENzczMTEiPjwvc3RvcD4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZkMDAwIj48L3N0b3A+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZykiPjwvcmVjdD4KPC9zdmc+");}



#contact {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cGF0aCBkPSJNLTIgMTBMMTAgLTJaTTEwIDZMNiAxMFpNLTIgMkwyIC0yIiBzdHJva2U9IiNGNkVBM0UiIHN0cm9rZS13aWR0aD0iMDEuNSI+PC9wYXRoPgo8L3N2Zz4="),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImciIHgyPSIxIiB5Mj0iMSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkYiPjwvc3RvcD4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRkZGIj48L3N0b3A+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZykiPjwvcmVjdD4KPC9zdmc+");}


.circle-text {
    display: table-cell;
    height: 500px;
    width: 500px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    padding: 3em;
font-size: 2em;
    background: #D77311;
    color: #fff;    
}


/*banner*/
.banner{position: relative;}
.banner .caption{position: absolute;top: 0;left:0; right: 0; bottom: 0; }
.banner .caption-wrapper{display: table;height: 100%;width: 100%;}
.banner .caption-info{display: table-cell;vertical-align: bottom;text-align: center;color: #fff; padding-bottom: 0em;}
.banner .caption-info h1{font:normal 4.5em  'Forum', cursive;text-transform:capitalize;}
.banner .caption-info p{font:600 1.7em  'Forum', cursive;}
.banner a.explore{color: #fff;}

/*about*/
.about.spacer{padding-left: 4em; padding-right: 4em;padding-bottom: 0;}
.food-list{line-height:3em;border-bottom:1px dotted #ccc; }


.panel{border-radius: 4.5em;border:.5em; text-decoration:none; border-top-left-radius: 0;  border-bottom-right-radius: 0;  }

.panel2 {border-radius: 4.5em;border:.5em; text-decoration:none; border-top-right-radius: 0;  border-bottom-left-radius: 0;  }

.panel{width:61%; margin: auto; text-decoration:none; }
.panel-group .panel a:hover{text-decoration:none;  }.panel-group:hover .panel:hover{text-decoration:none;  }
.panel-heading:hover{background-color: rgba(14, 91, 85, 0.76);  }

.panel-body h4 {margin-bottom: .3em;}




/*team*/
.team figure{width: 100%;}
.team img{width: 100%;}
.team b{font-size: 1.2em;display: block;}
.team a i.fa{color: #fff; font-size: 2em;}
.team a i.fa:hover{color: #E89F10;}


.highlight-info{ background:#ccc;}
.highlight-info .overlay{background:rgba(59, 51, 48, 0.7);}
.highlight-info h4{color: #fff;margin:0.5em 0 0 0;}
/*about us*/










/*contact*/
.contactform textarea,.contactform input{width: 100%;padding:1em;border:1px solid #ccc;margin-bottom: 1em;border-radius: 0;outline: none;}
/*contact*/

#map{width: 100%; height: 500px;}
#map p{margin: 0 !important;}

.footer{background-color: #111; color: #fff; font-size: 1em;color: #aaa;}
.footer a{color: #aaa;margin: 0 1em; }

.gototop{position: fixed;bottom: 20px; right: 20px;padding: 10px;}
.gototop i{line-height: 0.5em;}



.ligne {width:50%; height:0.1em; background-color:black; margin: auto; clear:both; margin-top:.2em; margin-bottom: .7em;}

.lignesoustitre {width:10%; height:0.1em; background-color:black; margin: auto; clear:both; margin-top:1em; margin-bottom: 1em;}
.lignebilletterie {width:23%; height:0.1em; background-color:black; clear:both; margin: auto;margin-bottom: 1em; margin-top:1em;}

.lignetotale {width:100%; height:0.1em; background-color:black; margin: auto; clear:both; margin-top:2em; margin-bottom: 1.7em;}
.margebas {margin-bottom: 1em;}

.left {float: left;}
.leftmarg {float: left; margin-right: .5em; margin-bottom: .3em;}
.right {float: right;}
.opacity {opacity: .5;} .opacity:hover {opacity: 1;}
.clear {clear: both; margin:0;}
.drapeaufr {padding-right: 5px;padding-left: 15px;}
.blanc {color: white; text-decoration-color:white; text-decoration-color: white; }
.partenaires {max-width: 100%; margin-bottom: .5em;}
.grandpartenaires { height: 105px; transition: all, .5s; margin:1em;margin-bottom: 3.5em;}
.grandpartenaires:hover {transition: all, .5s;filter: drop-shadow(3px 3px 3px #E52113);}
.petitpartenaires {height: 67px; transition: all, .5s; margin:1em; margin-bottom: .3em; margin-top: .3em;}
.petitpartenaires:hover { transition: all, .5s; filter: drop-shadow(2px 2px 2px #FFE72B);}
.margin-top{margin-top:1.5em;}
.margin-right{padding-right:.5em;}
.margin-left{padding-left:.5em;}
.underline{text-decoration: underline;}

.photoprog {display: flex; justify-content:center;}
.photoprog img {max-width: 100%;}

.back-to-top {
    position: fixed;
    bottom: 1em;
    right: 0;
    text-decoration: none;
    color: #ffffff;
    background-color:none;
    padding: 1em;
    display: none;opacity:0.5;filter:alpha(opacity=50); transition:opacity .5s ease-in;
}
.back-to-top:hover { opacity:1;filter:alpha(opacity=100);} 


 .delay1 {-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-o-animation-delay: .1s;}
	.delay2 {-webkit-animation-delay: .25s;-moz-animation-delay: .25s;-o-animation-delay: .25s;}
	.delay3 {-webkit-animation-delay: .5s;-moz-animation-delay: .5s;-o-animation-delay: .5s;}
	.delay4 {-webkit-animation-delay: .65s;-moz-animation-delay: .65s;-o-animation-delay: .65s;}
	.delay5 {-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-o-animation-delay: .8s;}
	.delay6 {-webkit-animation-delay: .95s;-moz-animation-delay: .95s;-o-animation-delay: .95s;}
  .delay7 {-webkit-animation-delay: 1.1s;-moz-animation-delay: 1.1s;-o-animation-delay: 1.1s;}
  .delay8 {-webkit-animation-delay: 1.6s;-moz-animation-delay: 1.6s;-o-animation-delay: 1.6s;}
    .delay9 {-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;}
	  .delay10 {-webkit-animation-delay: 2.5s;-moz-animation-delay: 2.5s;-o-animation-delay: 2.5s;}


.txtcontact {font-size: 1.5em;line-height: 1.4em;}
.txtreal {font-size: 13px; float:left;padding: .7em;}
.plusgrosenhover:hover {font-size: 1.1em;}
.margintopdeuxpointcinq {margin-top: 2.5em;}



figcaption a {color: #fff;}

.social img {padding: 1em; transition: all, 1s;}
.logospartenaires {width: 80vw; margin: auto; background: white;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; margin-bottom: 2em;}



.hbtnsuite {position: relative;
      box-sizing: border-box;
      display: inline-block;
      overflow: hidden;
      padding: 8px 20px;
     text-align: center;
      border: 2px solid rgb(0, 0, 0);
      text-decoration: none;
      color: rgb(0, 0, 0);
      white-space: nowrap;
      z-index: 0;
    margin-bottom: .34em;
    border-radius: 17px;
} 
 

.hbtnsuite i {
      padding-right: 8px;
} 
 .hbtnsuite h3:hover {text-decoration: none; color: white;} 
 .hbtnsuite h3 a:hover {text-decoration: none; color: red;} 
 

.hbsuite-fill-right::before {
      position: absolute;
      content: "";
      background: rgb(0, 0, 0); none repeat scroll 0% 0%;
      transition-duration: 0.3s;
      z-index: -1;
      top: 0px;
      right: auto;
      bottom: auto;
      left: 0px;
      width: 0px;
      height: 100%;
      opacity: 1;
} 
 

.hbsuite-fill-right:hover::before {
      width: 100%;
      height: 100%;
      opacity: 1;
} 
 

.hbsuite-fill-right:hover, .hbsuite-fill-right:hover a { 
      color: rgb(255, 255, 255);
      background: rgb(0, 0, 0) none repeat scroll 0% 0%;
      transition: color 0.3s ease 0s, background 0s ease 0.3s;
} 

.etaussi {margin-top: 2em; text-align: left;padding: 1.5em;font-size: 1.2em;line-height: 1.2em; background-color: rgba(255, 255, 255, 0.76);
 border-radius: 4.5em;border:.5em;  border-top-left-radius: 0;  border-bottom-right-radius: 0; 
}
.etaussi2 {margin-top: 2em; text-align: left;padding: 1.5em;font-size: 1.2em;line-height: 1.2em; background-color: rgba(255, 255, 255, 0.76);
 border-radius: 4.5em;border:.5em;  border-top-right-radius: 0;  border-bottom-left-radius: 0; 
}
.reservations {max-width: 100%;}
.txtpres {color: white; text-align: justify;}
.backblancpres {background-color: rgba(255, 255, 255, 0.69);padding: .1em;border-radius: 2.5em;border:.5em;  border-top-left-radius: 0;  border-bottom-right-radius: 0; margin-bottom: 2em; margin-top: 2em;}

.backnoirpres {background-color: rgba(17, 94, 88, 0.83);padding: .1em;border-radius: 2.7em;border:.5em;  border-top-right-radius: 0;  border-bottom-left-radius: 0; margin-bottom: 2em; margin-top: 2em;color: white;}

.backnoirpres:hover h3{color: white;}

.backblanc {background-color: rgba(255, 255, 255, 0.69);padding: .1em;border-radius: .5em;border:.5em;  border-top-left-radius: 0;  border-bottom-right-radius: 0; }
.backnoir {background-color: rgba(0, 0, 0, 0.69);padding: .1em;border-top-right-radius: .5em;border:.5em; color: white;}





.lesacteurs { border:0; padding: 0; margin: 0;  max-width:130em; z-index:0; text-align:center; display: flex; flex-direction: row; flex-wrap: wrap; align-items:flex-start; justify-content: center; align-content: center; transition: all 1s; 
}
.grid {width: 95vw; margin-top: 1em;}
.grid-item { background:#ffffff; width: 300px; margin-bottom: 20px;transition: all .5s;  margin-top: .1em; border-bottom: .1em;     border-style:groove;    border-width: 0px; border-color: lightgray; overflow: hidden;}
.grid-item--width2 { width: 350px;}
.grid-item:hover { transition: all .2s;
    background-color: #0F5B57; 
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cGF0aCBkPSJNLTIgMTBMMTAgLTJaTTEwIDZMNiAxMFpNLTIgMkwyIC0yIiBzdHJva2U9IiMwRjVCNTciIHN0cm9rZS13aWR0aD0iNC41Ij48L3BhdGg+Cjwvc3ZnPg=="),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImciIHgyPSIxIiB5Mj0iMSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxNTg1N2YiPjwvc3RvcD4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMENGIj48L3N0b3A+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZykiPjwvcmVjdD4KPC9zdmc+");;color: white;
/*     border-width: 1px; border-color: black;*/
}
.grid-item:hover h2, .grid-item:hover h3 {  color: white;}
.grid-item img {margin-bottom: 1.5em;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;}
.grid-item:hover img {width:101%; transition: all .5s;
    -webkit-transform:scale(1.050); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}
.grid-item a:hover, .grid-item:hover a {color: white;}

.reference-client-paragraphe {font-family:  'Forum', cursive; font-size: 1.76em;margin-bottom: .31em;line-height: .760em;}




.trie {clear: both infinite; margin:1.5em; color:#fff; width: 100vw;  font-size:1.5em; font-weight: bold;}
.trie button, {
  background: #ff540b;
  background-image: -webkit-linear-gradient(top, #ff540b, #ffbf00);
  background-image: -moz-linear-gradient(top, #ff540b, #ffbf00);
  background-image: -ms-linear-gradient(top, #ff540b, #ffbf00);
  background-image: -o-linear-gradient(top, #ff540b, #ffbf00);
  background-image: linear-gradient(to bottom, #ff540b, #ffbf00);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
    border:0px;
  color: #ffffff;
  padding: 5px 7px 5px 7px;
  text-decoration: none; 
font-weight: bold;
    transition: all .5s;
}

.trie button:hover, a.prestationsdetails:hover {  font-size: 1.13em; font-weight: bolder;
  background: #ffbf00;
  text-decoration: none;
    transition: all .5s;
}





















/*/////////////////////////// media querizzz/////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 1200px) {  h2{font-size: 4em;}
	body{font:300 13px/13px ;}
    .panel{width:76%; margin: auto;}
	.navbar-brand{padding-top: 7px;}
	.services ul li{margin:0 0.5em; }
	
	.grid figure h2{font: 700 1.5em;}
	figure.effect-oscar figcaption{padding: 12%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;}

	.partners img{margin: 0 25px 25px 0;}
    .navbar-nav > li > a {font-size: 1.3em;}	
    .txtcontact {font-size: 1.25em;line-height: 1.15em;}
    
    
    .logospartenaires img {width: auto; height: 60px;}    
    .petitslogos img {width: auto; height: 40px;}    
   .grandpartenaires { margin:.8em;margin-bottom: 2.5em;}
    .petitpartenaires {margin:.5em; margin-bottom: .2em; margin-top: .2em;}


}

@media (max-width: 900px) { h3{font-size: 1.5em;} h2{font-size: 2.5em;}
    .panel{width:85%; margin: auto;}
    p{font-size:1.1em;line-height: 1.7em; margin-bottom: 1.7em;}
	h1{font: 700 3.5em ;}
	h4 {font: 300 1.3em;}
	.btn{padding: 1em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.services ul li{width: 9em;height: 9em;}
	figure.effect-chico figcaption {padding: 2em;}	
	figure.effect-oscar figcaption {padding: 20%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}	
    .logospartenaires {width: 90vw;}
    .txtcontact {font-size: 1.1em;line-height: 1.05em;}
    
   .logospartenaires img {width: auto; height: 45px;}    
    .petitslogos img {width: auto; height: 25px;}    
   .grandpartenaires { margin:.5em;margin-bottom: 1.5em;}  
    .petitpartenaires {margin:.3em; margin-bottom: .1em; margin-top: .1em;}


}


@media (max-width: 767px) {  h3{font-size: 1.2em;}
    .panel{width:90%; margin: auto;}
    p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}
	body{font:300 12px/12px;}
	.navbar-nav > li > a {line-height: 0em;
font-size: 1.7em;

padding: 1em;}	
	.navbar-brand{padding: 7px;}
	.navbar-brand img{height: 37px;}
	.navbar-toggle{margin-top: 12px;}

	.banner .caption,.carousel-caption,.carousel-control,.carousel-indicators{display: none;}
	h4 {font: 300 1.2em ;}
	#partners h2{padding: 0 1em;} 
	#home {padding-top: 5em;}
	.partners{display: block;float: left;}
	.partners img{width: 120px;}
	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:2em 0 ;}
	.services ul li{margin-bottom: 1em;}
	.highlight-info .overlay{padding-bottom: 2em;}
	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}	
	.footer{padding-bottom: 2em;}
    .txtcontact {font-size: 1em;line-height: 1em;}
 S
}


@media (max-width: 37em) { .logospartenaires {width: 96vw;}
.social img {padding: .5em; width: 52px; height: 52px; transition: all 1s;}
   .reservations h3 {font-size: 1em;}
}




/*///////////////////SVG ANIMATION ////////////////////////////*/

/***************************************************
 * Generated by SVG Artista on 9/9/2019, 10:53:45 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-1 {
   -webkit-animation: animate-svg-fill-1 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.1s both infinite;
          animation: animate-svg-fill-1 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.1s both infinite;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-2 {
   -webkit-animation: animate-svg-fill-2 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.2s both infinite;
          animation: animate-svg-fill-2 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.2s both infinite;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-3 {
   -webkit-animation: animate-svg-fill-3 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.30000000000000004s both infinite;
          animation: animate-svg-fill-3 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.30000000000000004s both infinite;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-4 {
   -webkit-animation: animate-svg-fill-4 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.4s both infinite;
          animation: animate-svg-fill-4 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.4s both infinite;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-5 {
   -webkit-animation: animate-svg-fill-5 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.5s both infinite;
          animation: animate-svg-fill-5 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.5s both infinite;
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-6 {
   -webkit-animation: animate-svg-fill-6 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.6s both infinite;
          animation: animate-svg-fill-6 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.6s both infinite;
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-7 {
   -webkit-animation: animate-svg-fill-7 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.7000000000000001s both infinite;
          animation: animate-svg-fill-7 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.7000000000000001s both infinite;
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-8 {
   -webkit-animation: animate-svg-fill-8 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.8s both infinite;
          animation: animate-svg-fill-8 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.8s both infinite;
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-9 {
   -webkit-animation: animate-svg-fill-9 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.9s both infinite;
          animation: animate-svg-fill-9 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.9s both infinite;
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-10 {
   -webkit-animation: animate-svg-fill-10 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1s both infinite;
          animation: animate-svg-fill-10 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1s both infinite;
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-11 {
   -webkit-animation: animate-svg-fill-11 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1s both infinite;
          animation: animate-svg-fill-11 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1s both infinite;
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(26, 23, 28);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(26, 23, 28);
  }
}

.svg-elem-12 {
   -webkit-animation: animate-svg-fill-12 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2000000000000002s both infinite;
          animation: animate-svg-fill-12 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2000000000000002s both infinite;
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-13 {
   -webkit-animation: animate-svg-fill-13 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.3000000000000003s both infinite;
          animation: animate-svg-fill-13 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.3000000000000003s both infinite;
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-14 {
   -webkit-animation: animate-svg-fill-14 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.4000000000000001s both infinite;
          animation: animate-svg-fill-14 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.4000000000000001s both infinite;
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(46, 46, 46);
  }
}

.svg-elem-15 {
   -webkit-animation: animate-svg-fill-15 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.5000000000000002s both infinite;
          animation: animate-svg-fill-15 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.5000000000000002s both infinite;
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-16 {
   -webkit-animation: animate-svg-fill-16 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.6s both infinite;
          animation: animate-svg-fill-16 1.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.6s both infinite;
}