/*
gris   4a4a49
orange ea573d
*/

strong, b{
font-family:'MontserratBold',arial;
font-weight:normal;
}

.smart,
#MenuSmart,
#MenuSmart ul{display:none;}

#infos-entete{
position: relative;
z-index: 500;
background:#ffffff;
height:40px;
float:left;
width:100%;
}
.infos-tel p, .infos-tel p b,
.follow p{
color:#0092B8;
text-transform:uppercase;
letter-spacing: 2px;
font-size:16px;
line-height:40px;
}
.infos-tel{
float:left;
margin-left:0px;
/*background:url(/images/localisation.svg) no-repeat center left;*/
padding-left:24px;
}
.follow{
float:right;
margin-right:2%;
margin-top:-1px;
}
.follow img{ cursor:pointer; vertical-align:middle;  }
.follow a{ cursor:pointer; display:inline-block;}

#global-entete{
width:100%;
float:left;
position:absolute;
left:0;
height:600px;
z-index:999;
background:#373642;
/*box-shadow:0px 10px 60px 20px rgba(54,60,66,0.2);*/
}

.global-menu {
background:#0092B8;
}

.slidetxt_global{
width:100%;
position:absolute;
text-align:center;
top:60%;
z-index:999;
}

.slidetxt{
background:url(/images/transparent.png);
display:inline-block;
padding:20px 30px;
}
.slidetxt p{font-size:40px;}


#logo{
position:absolute;
z-index:999;
height:300px;
width:230px;
cursor:pointer;
width:100%;
margin-top:100px;
}

#logo img{
width:100%;
height:100%;
float:left;
}


#menuBtn{
margin-top:30px;
float:left;
font-size:16px;
text-transform:uppercase;
padding:10px 10px 10px 30px;
cursor:pointer;
height:40px;
margin-right:30px;
}


#reserve{
  display: none;
margin-top:50px;
width:100%;
text-align:center;
}
#reserve p{
display:inline-block;

}
#reserve p a{
display:inline-block;
/*background:#353d42 url(/images/angle-blanc.png) no-repeat bottom right;*/
font-size:18px;
font-family:'MontserratLight',arial;
text-transform: uppercase;
text-decoration:none;
background:#FBBA00;
color:#006C91;
padding:10px 50px 8px 50px;
margin:0 50px;
}
#reserve p a:hover{
background:#006C91;
color:#ffffff;
border:none;
}

#corps{
width:100%;
position:relative;
float:left;
margin-top:620px;
padding-bottom:30px;
margin-bottom:30px;
}

.video{
width:100%;
background:#363c42;
text-align:center;
height:450px;
}

.video video{
height:450px;
}

/*.tiers{
width:33%;
padding:2.5%;
float:left;
}
*/

.squarlink{
width:100%;
text-align:center;
margin-bottom:10px;
}

.txt{
text-align:left;
width:80%;
margin:auto;
}

.tiers{
text-align:left;
position:relative;
width:30%;
margin:1.5%;
padding:0%;
transition:background ease-in 0.2s;
display:inline-block;
vertical-align:top;
/*background:red;*/
}

.click{
cursor:pointer;
}

.tiers .img{
width:100%;
height:180px;
overflow:hidden;
margin-bottom:20px;
background-size:cover;
background-position:center center;
}
.tiers .img img{
display:none;
}

.link.noclick a:hover{
text-decoration:underline;
}

.g-recaptcha>div{
width: 100% !important;
height: 78px;
transform:scale(0.77);
webkit-transform:scale(0.77);
text-align: center;
position: relative;
}


/* CORPS */
.bloc{
width:95%;
padding:30px 0%;
margin:0 2.5%;
float:left;
/*background:red; */
}

.txt ul{margin-bottom:10px;}

.txt p,
.txt li,
.txt li span,
.txt p span{
font-family:'MontserratLight',arial;
margin-bottom:16px;
}
.txt p span{color:#014f98;}
.txt p:last-child{margin-bottom:0;}
.txt p a{
color:inherit;
font-family:'MontserratLight',
arial;
font-size:inherit;
}
.txt p a:hover{color:#F18815;}
.txt li{margin-bottom:10px;}

.txt h1,
.txt h1 a{
font-family:'Rozha One',arial;
color:inherit;
font-size:36px;
font-weight: normal;
font-style: normal;
text-decoration:none;
width:100%;
float:left;
color:#0092B8;
}
.txt h1 a{color:#96be1f;  }
.txt h1 a:hover{color:#014f98;  }

.txt h2,
.txt h2 a{
font-family:'Rozha One',arial;
color:#F18815;
font-size:28px;
font-weight:normal;
text-decoration:none;
width:100%;
float:left;
}

.txt h3,
.txt h3 a{
font-family:'Rozha One',arial;
color:#0092B8;
font-size:28px;
line-height:28px;
font-weight:normal;
text-decoration:none;
margin-bottom:10px;
}

.txt h4{
width:100%;
/*float:left;*/
font-family:'MontserratMedium',arial;
font-weight:normal;
font-size:18px;
margin-bottom:5px;
color:#006C91;
}
.txt h5{
width:100%;
/*float:left;*/
font-family:'MontserratBold',arial;
font-weight:normal;
font-size:20px;
margin-top:20px;
}
.txt h5 a{
text-decoration:none;
font-family:'Montserrat',arial;
font-weight:normal;
text-transform: uppercase;
color:#006C91;
border:1px solid #006C91;
font-size:16px;
padding:4px 8px;
}
.txt h5 a:hover{
background-color:#006C91;
color:white;
}



.image{float:left;margin-bottom:15px;}
.image img{float:left;}
.bloc.txt .image a{background:none;padding:0;}

.txt .galerie{
width:100%;
margin:0;
border-spacing:0px;
}

.galimg{
height:180px;
width:30%;
margin:1.5%;
padding:0%;
transition:background ease-in 0.2s;
display:inline-block;
vertical-align:top;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
cursor:pointer;
position:relative;
}
.galimg a{left:0;position:absolute;width:100%;height:100%;}
.galimg img{display:none;}

.googlemap{
margin:0px 5%;
width:90%;
}


.youtube{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.youtube iframe,
.youtube object,
.youtube embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#formulaire{
border-collapse:collapse;
font-family:'MontserratLight',arial;
font-size:14px;
float:left;
width:70%;
margin:0 15%;
}
#formulaire td{padding:5px 5px;}
#formulaire td:first-child{width:20%;}

#formulaire input,
#formulaire textarea{
font-family:'MontserratLight',arial;
width:95%;
border:1px solid #353d42;
padding:2px 8px;
border-radius:5px;
transition:background ease-in 0.2s;
}
#formulaire textarea{
height:110px;
}
#formulaire select{
font-family:'MontserratLight',arial;
border:1px solid #353d42;
border-radius:5px;
width:100px;
padding:2px 8px;
text-align:center;
}
#formulaire .full{width:98.25%;}
#formulaire input.radio{
width:auto;
margin-right:5px;
margin-left:20px;
padding:0;
}
#formulaire .date_radio{
text-align:left;
}
#formulaire input#datepicker{
background-image:url(/images/calendar.png);
background-repeat:no-repeat;
background-position:center right;
background-size:contain;
}

#formulaire p{
text-align:right;
margin: 0;
}
.txt small {font-size:14px; text-align:left;}
.txt small input{width:auto; margin-right:3px;}

#formulaire input:hover,
#formulaire textarea:hover{
background:#eee;
}
#formulaire input:focus,
#formulaire textarea:focus{
background:#353d42;
color:white;
}
#formulaire td a.BtnReset,
#formulaire td a.BtnSubmit{
border-bottom:none;
}
#formulaire input.Btn,
a.Btn{
width:50%;
margin:0 5%;
cursor:pointer;
border-radius:5px;
padding:3px 0;
background:#0092B8;
color:white;
border:none;
text-transform:uppercase;
font-family:'MontserratLight',arial;
margin-bottom:30px;
transition:background ease-in 0.2s;
border:1px solid #0092B8;
}

#formulaire input.Btn:hover,
a.Btn:hover{
background:#fff;
color:#0092B8;

}
a.Btn{
text-align:center;
float:none;
padding:3px 20px;
margin:0;
}

#corps .Error{
float:left;
width:100%;
border-bottom:none;
}
#corps .Error ul{
padding:10px;
width:90%;
margin:auto;
border-radius:7px;
border:1px solid #353d42;
}
#corps .Error ul li{
list-style-type:none;
font-family:'MontserratLight',arial;
margin-bottom:3px;
}
#corps .Error ul li b{
font-family:'Montserrat-Bold',arial;
font-weight:normal;
}

.files{
list-style-type:none;
float:left;
width:100%;
}
.files ul{
margin:0 2%;
padding:0;
}
.files li{
list-style-type:none;
background-image:url(/images/download.svg);
background-size:auto 32px;
background-repeat:no-repeat;
background-position:left top;
padding-left:32px;
min-height:32px;
padding-bottom:20px;
}
.files li a{
background:none;
color:#821982;
line-height:auto;
}
.files li a:hover{
color:#9FC700;
background:none;
}
.files li .titre,
.files li .descriptif{
float:left;
clear:left;
}

#Pied{
width:100%;
max-width:1280px;
height:200px;
text-align:center;
background:#373642 url(images/fd-pied.png) no-repeat;
background-position: center;
position:relative;
display:inline-block;
margin-bottom:5px;
vertical-align:top;
  padding-top:10px;
}
#Pied .cousin{
position: absolute;
  right:0;
  top:0;
margin-right:10px;
height:200px;
line-height:250px;
}
#Pied .cousin img{
vertical-align:center;
width:150px;
height:auto;
}
#Pied .gmap{
float:right;
display:none;
height:200px;
margin-right:40px;
border:none;
}


#adresse{
margin: auto;
margin-top: 10px;
text-align:center;
display:inline-block;
}

#adresse h2{
font-family:'Rozha One',arial;
font-weight: normal;
color:#FBBA00;
/*text-transform:uppercase;*/
font-size:28px;
}
/*#adresse p a{color:#fff;}*/

#adresse img{
height:130px;
width:auto;
margin-top:5px;
margin: auto;
}

.links{
  text-align:center;
  padding-right: 5px;
  padding-bottom: 5px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
.links p, .links p a{
font-family:'MontserratLight',arial;
color:#373642;
text-transform:uppercase;
  font-size: 14px;
}
.links p a::after{content:"";}
.links a{text-decoration:none;}
.links a:hover{text-decoration:underline;}



/* MEDIA */

#MenuSmartphone,
#MenuBtn,
#smartinfos{display:none;}

@media screen and (max-width: 1150px) {
}


@media screen and (max-width: 980px) {
.rslides{height:320px;}
 #global-entete{height:320px}
#corps{margin-top:380px;}



.follow,.slidetxt_global,.global-menu{display:none;}
#entete{width:100%;}
#nbliste{margin-bottom:0px;}
.link{margin-bottom:20px;}
#logo{height:200px;width:200px;cursor:pointer;width:100%;margin-top:60px;}
#slideshow{margin-top:50px;}
#infos-entete{height:60px;}
.infos-tel p{line-height:60px;}
.txt h1{font-size:44px; color:#0092B8;}

#Pied{text-align:center;}
#adresse{float:none;}
#Pied .cousin{display:none;}
#Pied .gmap{display:none;}

#facebook_contact,.ordi{display:none;}
.smart{display:block;}
#Menu, #certificats{display:none;}
#links{border-spacing:0px;}
#links p,#links p a{font-size:14px;line-height:14px;}

.slidetxt_global{display:none;}

#reserve p{margin-bottom:20px;}

#menuBtn, #facebook_twitter{display:none;}
#MenuBtn{
position:absolute;
width:56px;
height:52px;
z-index:999;
display:block;
right:8px;
top:8px;
cursor:pointer;
}
#MenuBtn img{width:100%;height:auto;color:white;}
#global-entete{width:100%;height:0px;}
#MenuSmart{
position:relative;
z-index:998;
background:#fff;
box-shadow: 0px 30px 30px rgba(0,0,0,0.4);
width:100%;
float:left;
margin-top:0px;
}
#MenuSmart ul{
display:block;
margin:0;
padding:0;
list-style-type:none;
}
#MenuSmart ul a{
font-family:'MontserratLight';
font-size:20px;
list-style-type:none;
float:left;
width:100%;
text-transform:uppercase;
text-decoration:none;
background-color: #0092B8;
color:#ffffff;
border-top:1px solid #ffffff;
}
  
#MenuSmart ul a:click{
color:#0092B8;

}  
  
#MenuSmart ul.enfant a{
color:#ea573d;
float:left;
text-transform:none;
font-size:18px;
}
#MenuSmart ul li a:first-child{padding:3px 5%;width:90%;}
#MenuSmart ul li p{
font-family:'MontserratLight';
font-size:20px;
list-style-type:none;
float:left;
width:100%;
text-transform:uppercase;
text-decoration:none;
color:#000;
border-top:1px solid #ddd;
padding:3px 5%;
width:90%;
}

.galimg{width:200px;height:200px;}

#formulaire{width:100%;margin:0%;}
#formulaire p{text-align:left;}
#formulaire td {text-align:left;}

}




@media screen and (max-width: 680px) {
.squarlink .tiers{width:95%;margin:0;padding:2.5%;}
#reserve p{margin-bottom:20px;width:100%;margin:0 0 20px 0;padding:0;}
}


@media screen and (max-width: 580px) {
.rslides li{
width:200%;
transform: translate(-25%,-50%);
}
  
@media screen and (max-width: 580px) {
.rslides li img{
width:200%;
transform: translate(-20%,5%);
}

#adresse{margin:0;}
html, body, #entete {background:#fff;}
.infos-tel{width:170px;}
.infos-tel p{line-height:20px;margin-top:10px;}
.links p a{font-size:14px;}
.squarlink{
margin:0;
float:left;
width:100%;
display:inline:block;
text-align:center;
}
.squarlink .link{
width:180px;
height:180px;
display:inline:block;
text-align:center;
margin:5px;
padding:0;
}

#entete #logo{
width:60%;
height:100%;
margin-top:5px;
padding-left:0px;
margin-left:30px;
}

#formulaire td, #formulaire td:first-child{float:left;width:100%;}
#formulaire td:first-child p{text-align:left;}

#formulaire td div.g-recaptcha{margin:auto;max-width:270px;}
.g-recaptcha>div{
max-width:0px;
transform:scale(0.85);
webkit-transform:scale(0.85);
}

#reserve{float:left; margin-top:30px;}
#reserve p a{font-size:40px;padding:5px 30px;margin:0;}

}

@media screen and (max-width: 580px) {
  #logo img{ display: none;}
  #logo {height:100%;margin: -30px 10px; background-image: url(images/Logo_Fondation.png); background-repeat: no-repeat; background-size: 65%;}
  .infos-tel{display:none;}
  #corps{margin-top: 390px;}
  #corps h1{font-size: 36px; line-height: 36px; margin-bottom: 10px;}
  #corps h2{font-size:28px;line-height:27px; margin-bottom: 5px;}
  #corps h3{font-size:24px; line-height:23px; margin-bottom: 5px;}
}