/*
gris   4a4a49
orange ea573d
*/

strong, b{
font-family:'Montserrat',arial;
font-weight:700;
}

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

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

#baseline{
position:absolute;
top:290px;
left:100px;
font-family:'Montserrat',arial;
font-weight:700;
font-size:34px;
line-height:34px;
width:230px;
}

#peroteau{
position:relative;
background-image:url(/images/pascal-perroteau-bkg-header.jpg);
background-repeat:no-repeat;
max-width:1280px;
height:622px;
margin:auto;
}
#peroteau #hand{
position:absolute;
z-index:9999;
left:625px;
top:336px;
}

#peroteau .global-menu{
background:url(/images/menu-transparent.png);
position:absolute;
bottom:50px;
}

.slidetxt_global{
width:80%;
margin:10%;
position:absolute;
text-align:center;
z-index:999;
bottom:0;
}
.slidetxt{
background:url(/images/menu-transparent.png);
display:inline-block;
padding:10px;
}
.slidetxt h2{
font-size:22px;
font-family:'Montserrat',arial;
font-weight:700;
}
.slidetxt p{font-size:16px;}

#logo{
position:absolute;
z-index:999;
width:320px;
height:245px;
cursor:pointer;
top:20px;
left:40px;
}

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

#peroteau.interne{
height:260px;
background-image: url(images/pascal-perroteau-bkg-header-interne.jpg);
background-position:top left;
background-size:100%;
background-color:#d2d3d0;
}
#peroteau.interne .global-menu{
bottom:0;
}
#gradient{
display:none;
width:500px;
height:100%;
background-image: linear-gradient(to right, rgba(210,211,208,1), rgba(210,211,208,1), rgba(210,211,208,1), rgba(210,211,208,0));
}
#gradient.interne{
//display:block;
}

#logo.interne{
top:10px;
left:40px;
width:269px;
height:206px;
}



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

#corps.interne{
margin-top:270px;
}

.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:center;
width:80%;
margin:auto;
}

.col{
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;*/
}
.large{
text-align:left;
position:relative;
right:0;
width:60%;
margin:1.5%;
padding:0%;
transition:background ease-in 0.2s;
display:inline-block;
vertical-align:top;
/*background:red;*/
}

.demi{
text-align:left;
position:relative;
width:45%;
margin:1.5%;
padding:0%;
transition:background ease-in 0.2s;
display:inline-block;
vertical-align:top;
}
.demi .thumb{
height:200px;
width:200px;
float:left;
margin-right:30px;
}
.resume{
display:inline-block;
width:100%;
margin-bottom:30px;
cursor:pointer;
}
.resume:hover h2 a{
color:#000;
}
.resume h2,
.resume h2 a{
color:#FA695B;
font-family:'Montserrat',arial;
font-size:22px;
font-weight:700;
margin-bottom:3px;
text-decoration:none;
transition:color ease-in 0.2s;
}
.resume h3{
font-family:'Montserrat',arial;
font-size:16px;
font-weight:400;
font-style:italic;
margin-bottom:3px;
}
.resume p{
font-family:'Montserrat',arial;
font-size:15px;
font-weight:300;
}






.mp3 .elem{width:80%;text-align:center;margin:10px auto;}
.mp3 .elem h4{text-align:left;font-weight:300;font-family:'Montserrat';font-size:18px;}
.mp3 .elem audio{width:100%;border-radius:20px;}

.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-bottom:30px;
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:'Montserrat',arial;
font-weight:300;
margin-bottom:16px;
}
.txt p span{color:#014f98;}
.txt p:last-child{margin-bottom:0;}
.txt p a{
color:inherit;
font-family:'Montserrat',arial;
font-weight: 300;
font-size:inherit;
}
.txt p a:hover{color:#FA695B;}
.txt li{margin-bottom:10px;}

.txt h1,
.txt h1 a{
font-family:'Montserrat',arial;
color:#FA695B;
font-size:32px;
font-weight:700;
text-decoration:none;
width:100%;
float:left;
margin-bottom:15px;
}
.txt h1 a{color:#96be1f;  }
.txt h1 a:hover{color:#014f98;  }

.txt h2,
.txt h2 a{
font-family:'Montserrat',arial;
color:#353d42;
font-style:italic;
font-size:16px;
font-weight:400;
text-decoration:none;
width:100%;
float:left;
margin-bottom:10px;
}

.txt h3{
font-family:'Montserrat',arial;
color:#FA695B;
font-size:24px;
font-weight:700;
text-decoration:none;
width:100%;
float:left;
margin-bottom:10px;
}

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

.txt .maj{
text-transform:uppercase;
color:#363c42;
}

.calendrier{
background:#F6F6F5;
border-top: 1px solid #d2d3d0;
border-bottom: 1px solid #d2d3d0;
display:inline-block;
width:95%;
padding:2.5%;
margin-top:20px;
}

.calendrier h3{
color: #78DDE9;
}

.calendrier p{
margin-bottom: 5px;
}

.calendrier h4{
margin-top:5px;
}
.presse{
margin-top:20px;
}
.presse ul{
list-style:none;
display:inline-block;
width:95%;
margin:0;
padding:0;
}
.presse li{
background: url(/images/download.png) no-repeat left bottom;
list-style: none;
padding-left:40px;
width:100%;
margin-bottom:10px;
min-height:45px;
cursor:pointer;
}
.presse li h4 a{
font-family:'Montserrat',arial;
font-weight:700;
text-decoration:none;
}
.presse li:hover h4 a,
.presse li h4 a:hover{
color:#FA695B;
}

.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:180px;
margin:5px 5px 5px 0;
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;}

.cal.txt{display:inline-block;padding:10px 20px;width:100%;margin:0;}
.cal.gris{background:#eee;}
.cal h5{
font-size:20px;
font-family:'Montserrat',arial;
color:#FA695B;
font-weight:700;
margin-bottom:10px;
margin-top:0;
}
.cal p{margin-bottom:5px;font-size:18px;}
.pastille{
width:25px;
height:25px;
border-radius:13px;
display:inline-block;
vertical-align:middle;
margin-right:20px;
}
.pastille span{display:none;}

.inf{
display:inline-block;
vertical-align:middle;
width:80%;
}
.inf h5 a{
font-size:22px;
font-family:'Montserrat',arial;
font-weight:700;
padding:0;
border:none;
transition:color ease-in 0.2s;
}
#corps .inf h5 a:hover{
color:#353d42 !important;
background:none;
}

.reserver{
border:1px solid #d2d3d0;
background:white;
display:inline-block;
vertical-align:middle;
border-radius:20px;
padding:5px 40px;
cursor:pointer;
transition:background ease-in 0.2s;
}
.reserver a{
text-transform:uppercase;
text-decoration:none;
font-family:'Montserrat',arial;
font-weight:700;
font-size:18px;
}
.reserver:hover{
background:#FA695B;
border:1px solid #FA695B;
}

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

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

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

#formulaire{
border-collapse:collapse;
font-family:'Montserrat',arial;
font-weight:400;
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:'Montserrat',arial;
font-weight:300;
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:'Montserrat',arial;
font-weight: 300;
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:#353d42;
color:white;
border:none;
text-transform:uppercase;
font-family:'Montserrat',arial;
font-weight: 400;
margin-bottom:30px;
transition:background ease-in 0.2s;
border:1px solid #353d42;
}

#formulaire input.Btn:hover,
a.Btn:hover{
background:#fff;
color:#353d42;

}
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:'Montserrat',arial;
font-weight: 400;
margin-bottom:3px;
}
#corps .Error ul li b{
font-family:'Montserrat',arial;
font-weight:700;
}

.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{
border-top:1px solid black;
width:100%;
float:left;
text-align:center;
position:relative;
display:inline-block;
margin-bottom:20px;
padding-top:10px;
vertical-align:top;
}
#Pied .bas{
width:100%;
float:left;
}
#Pied .logo{
display:inline-block;
vertical-align:middle;
width:20%;
height:auto;
}
#Pied .infos{
display:inline-block;
vertical-align:middle;
width:60%;
}
#Pied .infos h4{
font-size:26px;
font-family:'Montserrat',arial;
margin-bottom:5px;
font-weight:700;
}
#Pied .infos p{
font-size:19px;
font-family:'Montserrat',arial;
font-weight: 300;
}
#Pied .follow{
width:20%;
font-size:19px;
font-family:'Montserrat',arial;
font-weight: 300;
display:inline-block;
vertical-align:middle;
}
#Pied .follow img{
margin:5px;
}
#Pied .partenaires {
width:100%;
margin:30px 0;
}
#Pied .partenaires img{
height:110px;
width:auto;
display:inline-block;
vertical-align:middle;
margin:0 15px;
}

#Pied .links a{
font-family:'Montserrat',arial;
font-weight: 400;
font-size:18px;
}
.links li::after{content:" / ";}
.links li:last-child::after{content:'';}
.links li a{text-decoration:none;}
.links li a:hover{text-decoration:underline;}



/* MEDIA */

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

@media screen and (max-width: 980px) {
.global-menu{display:none;}

#MenuBtn{
position:absolute;
width:56px;
height:52px;
z-index:999;
display:block;
right:8px;
top:8px;
cursor:pointer;
}

#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:'Montserrat';
font-weight: 700
font-size:16px;
list-style-type:none;
float:left;
width:100%;
text-transform:uppercase;
text-decoration:none;
color:#444;
border-top:1px solid #ddd;
}
#MenuSmart ul.enfant a{
color:#ea573d;
float:left;
text-transform:none;
font-size:18px;
font-family:'Montserrat';
font-weight: 400;
}
#MenuSmart ul li a:first-child{padding:3px 5%;width:90%;}
#MenuSmart ul li p{
font-family:'Montserrat';
font-weight: 700;
font-size:16px;
list-style-type:none;
float:left;
width:100%;
text-transform:uppercase;
text-decoration:none;
color:#444;
border-top:1px solid #ddd;
padding:3px 5%;
width:90%;
}

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


@media screen and (max-width: 720px) {
.large{width:90%;float:left;margin:0 5%;}
.col{width:90%;margin:5%;text-align:center;}
.col .galerie{width:100%;text-align:center;margin:0;padding:0;}
.col .galimg{width:120px;height:120px;margin:4px;}
.mp3 .elem h4{font-size:15px;text-align:center;}
}


@media screen and (max-width: 680px) {
.global-menu{display:none;}
#peroteau{position:relative;background-size:850px;height:260px;overflow:hidden;}
#peroteau #hand{display:none}
#logo{width:220px;height:auto;top:10px;left:20px;}
#baseline{top:190px;left:40px;font-size:24px;line-height:22px; width:auto; }
#corps{margin-top:280px;}
#corps.interne{margin-top:270px;}
.demi{width:95%;margin:2.5%; }
}
@media screen and (max-width: 480px) {
.demi {text-align:center; }
.demi .thumb{
height:200px;
width:100%;
text-align:center;
margin-bottom:10px;
}

.large{width:90%;float:left;margin:0 5%;}
.col{width:90%;margin:5%;text-align:center;}
.col .galerie{width:100%;text-align:center;margin:0;padding:0;}
.col .galimg{width:120px;height:120px;margin:4px;}
.mp3 .elem h4{font-size:15px;text-align:center;}

.txt h1{ font-size:28px; }
#Pied .bas{margin-bottom:20px;text-align:center;}
#Pied .bas .infos{width:90%;}
#Pied .bas .infos h4{font-size:18px;}
#Pied .bas .logo{display:none}
#Pied .bas .follow{width:90%;margin-top:10px;}
#Pied .partenaires{}
#Pied .partenaires img{height:64px;}
#Pied .links a{font-size:14px;}
}






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

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

#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);
}
}