body {	color:#333;	font:15px/15px  'Crimson Text', serif; -webkit-font-smoothing:antialiased; transition: all, .5s;font-family: 'Crimson Text', serif;
background: rgb(215, 10, 82);
background: linear-gradient(180deg, rgba(163,212,245,1) 0%, rgba(15,114,181,1) 100%);

}


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

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

/* //////////////////SCROLLBAR /////////////////////
The emerging W3C standard
   that is currently Firefox-only */
* {
  scrollbar-width: thin;
  scrollbar-color: #D80952 #fff;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: #fff;
}
*::-webkit-scrollbar-thumb {
  background-color: #D80952;
  border-radius: 20px;
  border: 2px solid #fff;
}

.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: 6.1em  '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;}
.panel-body h4, .panel-body h3 {margin: 0;margin-bottom: .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: 1.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:justify; 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 {background: rgb(163,212,245);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(33,84,161,1) 100%);}



#programme {
    width: 100%;   background: rgb(24,41,131);
  background: linear-gradient(-45deg, #E87206, #D80952, #1EB5E0, #4AA55B);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100%; }
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#programme h3 {color: white;width: fit-content;
padding: .1em;
background: linear-gradient(45deg, #000000, #D80952);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
border-top-right-radius: 1em;border-bottom-right-radius: .16em;
margin-left: -15px;margin-bottom: 0;}




.bottom-right-separator-intro {
    position: relative;
 
    border-style: solid;
    border-width: 0 0 102px 99vw;
    border-color: transparent transparent transparent #0f72b5;
    z-index: 1;
    background: rgba(148,58,30,1);
}
.bottom-right-separator-programme {
    position: relative;
 
    border-style: solid;
    border-width: 0 0 102px 99vw;
    border-color: transparent transparent transparent #E95120;
    z-index: 1;
    background: #5d8ec1;
}

#artistes {width: 100%;   
background: linear-gradient(90deg, #84C4F0 0%,#E71874 30%,#1D55A0 67%, #739433 100%);
  background-size: 1000%;
  animation: background 20s linear alternate infinite;
    padding: 0;
}
@keyframes background {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
.bottom-right-separator-artistes {
    position: relative;
 
    border-style: solid;
    border-width: 0 0 102px 99vw;
    border-color: transparent transparent transparent rgba(188,207,227,1);
    z-index: 1;
    background: rgba(255,178,153,1);
}
#partenaires {
  background: rgb(255,178,153);
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(216,9,82,1) 100%); padding-bottom: 2em;
;}


#contact {background: background-color: #e87206; background-image: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(232,114,6,1) 100%);}
.bottom-right-separator-contact {
    position: relative;
 
    border-style: solid;
    border-width: 0 0 102px 99vw;
    border-color: transparent transparent transparent #d80952;
    z-index: 1;
    background: #b7ffcf;
}

.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;  }
.panel h4 {font-weight: bold;padding: 9px;}

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

.panel{width:70%; margin: auto; text-decoration:none;transition: all, .5s; }
.panel-group .panel a:hover{text-decoration:none;  }.panel-group:hover .panel:hover{text-decoration:none;  }
.panel-heading:hover{background-color: #D80952; transition: all, .5s;  }
.panel-heading {background-color: #D80952; transition: all, .5s;  }






/*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:21%; height:0.25em; 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;}
.textright {text-align: 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;}
.social img:hover {  transform: rotate(45deg);}
.logospartenaires {margin: auto; background: white;-webkit-border-radius: 50px;
-moz-border-radius: 50px; width: 80vw;
border-radius: 50px; }



.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 {transition: all .5s;overflow: auto;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; margin-bottom: 2em;
}
.etaussi2 {transition: all .5s;overflow: auto;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; 
}
.etaussi:hover, .etaussi2:hover, .etaussi:hover a, .etaussi2:hover a {transition: all .5s;background-color: #1E56A1;color: white;
}
.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: #D80952;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;
-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.57); 
box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.57);}
.motdumaire {background-color: #D80952;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;padding-top: 1.4em;}
.photodumaire {float: left; padding: 1em;padding-bottom: 100px;}
.textedumaire {padding: 1em;}

.backnoirpres:hover h3, .motdumaire:hover h3 {color: white;}

.backblanc {background-color: #D80952;padding: .1em;border-radius: .5em;border:.5em;  border-top-left-radius: 0;  border-bottom-right-radius: 0; color: white; background: rgb(0,136,206);
background-image: linear-gradient(143deg, #d61915 25%, #1d55a0 25%, #1d55a0 50%, #d61915 50%, #d61915 75%, #1d55a0 75%, #1d55a0 100%);
background-size: 16.62px 12.52px;
-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.57); 
box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.57);}



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

.backplaylist {background-color: rgba(255, 255, 255, 0.81);padding: .1em;border-radius: .5em;border:.5em;  border-top-left-radius: 0;  border-bottom-right-radius: 0; color: black;}

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



.lesacteurs { border:0; padding: 0; margin: 0;  max-width:100%; 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;-webkit-border-radius: 34px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius: 34px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
border-radius: 34px;
border-top-right-radius: 7px;
border-bottom-left-radius: 7px;}
.grid-item--width2 { width: 350px;}

.grid-item:hover { transition: all .2s;
 background: rgb(233,81,32);
background: linear-gradient(59deg, #D80952 0%, #830b35 100%); 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;
}



.date {color:#D80952; }
.sanitarium {color: #D80952; font-size: 0.849em;
background: white;
font-style: italic;
width: 80%;
margin: auto;
border-radius: 1.7em;border:.5em;  border-top-right-radius: 0;  border-bottom-left-radius: 0;padding: .5em; line-height: 1em; }


.raye {text-decoration: line-through; }
.rouge {color: red;}




.vas-sur-youtube-mec {text-align: center; padding: 1em; 
                    background-color:#000000;  transition: all, 3s; color: white;
border-radius: 1.5em;border:.5em; text-decoration:none; border-top-right-radius: 0;  border-bottom-left-radius: 0;
}
.vas-sur-youtube-mec a {color: white;
}
.vas-sur-youtube-mec:hover {
                    background-color: #D80952; transition: all, 1s;
color: white;}

.vas-sur-youtube-mec:hover .date {
                   transition: all, 1s;
color: white;}

.red {color: red;}
.card {transition: all, .5s;
  background: linear-gradient(45deg, #000000, #D80952);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;transition: all, .5s;color: white;
  display: block;border: 1px solid white;
text-align: center;
 border-radius: 1.5em; text-decoration:none; border-top-left-radius: 0;  border-bottom-right-radius: 0;

  padding: 1em;

 
   width: fit-content; margin: auto;
}
.panel2 .card { border-radius: 1.5em; transition: all, .5s;background: linear-gradient(45deg, #000000, #D80952);
  background-size: 400% 400%;border: 1px solid white;
  animation: gradient 15s ease infinite;transition: all, .5s;color: white;
  display: block;
  border-top-right-radius: 0;  border-bottom-left-radius: 0;

}

.card a {font-size: 2em; font-weight: bold;color:#D80952;text-decoration: none;transition: all, .5s;color: white;}
.card:hover {   border: 1px solid black;background: white;color: black;transition: all, .5s;}
.card:hover a {color: black;transition: all, .5s;}



@keyframes shadow-wave {
  0% {
    border: 2px solid black;
    box-shadow: 5px -5px 0 -3px white, 5px -5px var(--green),
      10px -10px 0 -3px white, 10px -10px var(--yellow);
    
  }
  20% {
    border: 2px solid var(--red);
    box-shadow: 5px -5px 0 -3px white, 5px -5px black,
      10px -10px 0 -3px white, 10px -10px var(--green);

  }
  40% {
    border: 2px solid var(--orange);
    box-shadow: 5px -5px 0 -3px white, 5px -5px var(--red),
      10px -10px 0 -3px white, 10px -10px black;

  }
  60% {
    border: 2px solid var(--yellow);
    box-shadow: 5px -5px 0 -3px white, 5px -5px var(--orange),
      10px -10px 0 -3px white, 10px -10px var(--red);

  }
  80% {
    border: 2px solid var(--green);
    box-shadow: 5px -5px 0 -3px white, 5px -5px var(--yellow),
      10px -10px 0 -3px white, 10px -10px var(--orange);

  }
  100% {
    border: 2px solid #D80952;
    box-shadow: 5px -5px 0 -3px white, 5px -5px var(--green),
      10px -10px 0 -3px white, 10px -10px var(--yellow);

  }
  
}



:root {
  --green: #D80952;
  --yellow: #1B539F;
  --orange: #D80952;
  --red: #1B539F;
} 

/*couleurs modifiées en 22*/



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

@media (max-width: 1200px) {  h2{font-size: 5em;}
	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;}
   .photodumaire {padding-bottom: 1em;}
    .motdumaire {padding-top: .4em;}

}

@media (max-width: 900px) { h3{font-size: 1.5em;} h4{font-size: 1.4em;} h2{font-size: 4em;}
    .panel{width:85%; margin: auto;}
    p{font-size:1.1em;line-height: 1.7em; margin-bottom: 1.7em;}
	h1{font: 700 3.5em ;}

	.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, h4{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;}
	
	#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;}
    .img-responsive {padding-top: 6px;}
   .motdumaire {padding-top: .2em;}
    
}


@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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
    fill: rgb(215, 10, 82);
  }
}

.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(215, 10, 82);
  }
}

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

  100% {
      fill: rgb(215, 10, 82);
  }
}

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