/*font*/
@font-face {font-family: FontAwesome;src: url("../fonts/FontAwesome.otf") format("opentype");}

/*ajustement bootstrap*/
html
{
width:100%; position: relative;
height:100%;
margin:0;font-size:1em;
padding:0;overflow-x:hidden 
}

body 
{
width:100%;overflow-x:hidden;
top:0; position: relative;
left:0;font-size:1em;
margin:0;
padding:0;color:black;
font-family: 'Open Sans', sans-serif !important;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}

.row{display:flex;flex-wrap: wrap;align-items: stretch;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */ }
.full-width-container .full-width-row .container {width: auto;max-width: 1250px;}
#content .full-width-container,footer .full-width-container{padding:5em 0 4em 0;}
.right{text-align:right}
.center{text-align:center;}
a, a:hover,a:focus{color:inherit;text-decoration:none;}
img{max-width:100%}
.alignnone{margin:0;}

/* header*/
header
{
width:100%;padding:1em;top:0;z-index:3;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}

/*nav desktop*/
@media only screen and (min-width:900px){
nav
{
padding: 0;
display:inline-block;
text-transform: uppercase;
margin-top:3em;
border-top:1.5px solid black;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}

	#primary-menu
	{
	margin:0em;
	padding:0em;
	position:relative;
    }  
	
	#primary-menu > li
	{
	margin:0;
	top:0em;padding-top:1em;
	z-index:10;
	list-style:none;
	display:inline-block;
	vertical-align:top;
	text-align:center;
    }

		#primary-menu li > a
		{
		text-decoration:none;text-align:left;font-size:0.9em;
		padding:0.5em 1.5em 0 1.5em;width:100%;
		-webkit-transition : all 0.2s ease-in-out;
		-moz-transition : all 0.2s ease-in-out ;
		-o-transition : all 0.2s ease-in-out ;
		transition : all 0.2s ease-in-out ;
		} 
	
		#primary-menu li:hover > a
		{
		text-decoration:none; color:rgba(229,66,61,1);
		-webkit-transition : all 0.2s ease-in-out;
		-moz-transition : all 0.2s ease-in-out ;
		-o-transition : all 0.2s ease-in-out ;
		transition : all 0.2s ease-in-out ;
		}  
}


/*reseaux sociaux*/
.facebook::before,.twitter::before{font-family: 'FontAwesome';padding-right:0.5em}
.facebook::before{content:"\f082";}
.twitter::before{content:"\f099";}

/*accueil*/
.accueil {display:flex;align-items:top;position:relative;margin:0;border-top:2px solid rgba(229,66,61,1);text-align:right;height:60vh;font-size:1em;background: url(../img/accueil.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.accueil h1{color:black;text-transform:uppercase;margin-top: 3em;}

/*telephone et email header*/
#header-phone::before,#header-mail::before{font-family: 'FontAwesome';padding-right:0.5em;}
#header-phone::before{content:"\f095";}
#header-mail::before{content:"\f0e0";}
#header-phone{font-size:1.5em;display:block}
#header-mail{font-size:1em;color:rgba(229,66,61,1);display:block}

/*lien*/
.bouton{display:inline-block;border:none;padding:1em;font-size:1em;text-decoration:none;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);margin:0;box-sizing:border-box;-moz-box-sizing:border-box;}
.bouton:hover{cursor:pointer;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);text-decoration:none;}

/* titres par défaut dans #contenu titre spécifique dans style.css*/
.styleh1,h2,.styleh2,,h4,.styleh4{margin:0;line-height: 1.5em;}
.styleh1+p,h2+p,.styleh2+p,h3+p,.sytleh3+p,h4+p,.styleh4+p,p+p,#content p+ul,.styleh1+ul,h2+ul,.styleh2+ul,h3+ul,.sytleh3+ul,h4+ul,.styleh4+ul,ul+ul,#content ul+p{margin-top:0.5em;}
p+.styleh1,p+h2,p+.styleh2,p+h3,p+.sytleh3,p+h4,p+.styleh4{margin-top:1.5em;line-height:1.5em;}
ul+.styleh1,ul+h2,ul+.styleh2,ul+h3,ul+.sytleh3,ul+h4,ul+.styleh4,p:first-child{margin-top:1.5em;line-height:1.5em;}
p:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,.styleh1:last-child,.styleh2:last-child,.styleh3:last-child,.styleh4:last-child,#content ul:last-child{margin-bottom:1em;}
strong,p,ul{font-weight:300;}


h1,.styleh1{font-size:2em;font-weight:500;padding:0;transition: all 0.3s cubic-bezier(.25,.8,.25,1);position: relative;z-index:2;text-transform: uppercase;}
h2,.styleh2{font-size:2.1em;font-weight:800;text-transform: uppercase;color:rgba(229,66,61,1)}
h3,.styleh3{font-size:1.3em;font-weight:600;text-transform: uppercase;letter-spacing: 2px;}
h4{font-size:1em;font-weight:500;display:inline-block;color:rgba(229,66,61,1)}

#map p{margin:0;}

/*theme*/
/*couleur*/
li.couleur1,li.couleur1 ul,li.couleur3 li:hover a,div.couleur1,.bouton.couleur1{background-color:rgba(229,66,61,1);color:white!important;}
li.couleur2,li.couleur2 ul,li.couleur4 li:hover a,div.couleur2,.bouton.couleur2{background-color:rgba(0,170,212,1);color:white !important;}
div.couleur1 a:not(.bouton),.couleur1 h1,.couleur1 h2{color:white!important;}
div.couleur2 a:not(.bouton){color:white !important;}




header.couleur2{background-color:rgba(0,170,212,1);color:white;border-bottom:2px solid rgba(229,66,61,1)}
/*reseaux sociaux*/
#social-theme a{font-family: 'FontAwesome';font-size:1.5em;}
header #social-theme a{margin-left:0.3em;}
footer #social-theme a{margin-right:0.3em;}
/*tarifs*/
.tarif ul{padding:0;list-style:none;}
.tarif li{padding:0.5em 0;}.tarif li+li{border-top:1px solid rgba(0,170,212,1);}

/*calendrier*/
/*bandeau accueil*/
#calendar {background-color:rgba(229,66,61,1);color:white;padding:2em 1em 0 1em;border-bottom:2px solid rgba(229,66,61,1);}
#vsel {margin:0;}
#vsel .vsel-meta-start-date, #vsel .vsel-meta-title, .vsel-nav{display:none;}
#vsel .vsel-meta-end-date{font-size:1.5em;margin:0;padding:0;font-style: italic;}
#vsel .vsel-content{border:none;margin:0.5em;padding:0;}
.page-id-143 #vsel .vsel-content{margin: 2em 0;padding: 1em;color: white;background-color:rgba(229,66,61,1);}


/*equipe*/
.equipe{font-size:1.1em;}
.equipe img{border:1px solid black;border-radius:50%;}
.equipe .name{display:block;font-size:1.5em;font-weight:500;}
.equipe .tel{display:block;font-style: italic;color:black;padding:0.5em 0;}
.equipe .tel::before{font-family: 'FontAwesome';padding-right:0.5em;content:"\f095";}
.equipe .desc{display:block;font-style: italic;color:black;}

/*footer*/
footer{background-color:black;color:white;padding:2em 0;}
footer .menu{list-style:none;color:white;padding:0 0 1em 0;}
footer .menu a{color:white;}

/*form*/
label,input:not(.bouton):not([type="checkbox"]),textarea{width:100%;color:rgba(229,66,61,1);}
textarea{padding:5px;}
code{padding:0}
.wpcf7-mail-sent-ok{border: 2px solid rgba(229,66,61,1) !important;}

/* version bureau uniquement */
@media only screen and (min-width:1400px)
{
.nonefixe{display:none!important;}
}

/*blog sidebar*/
aside{padding:1em;margin-bottom:1em;}
aside h4{margin:0 0 1em 0;font-size:1.2em;}
.img-blog-cover{height:15em;margin-bottom:1.5em}
aside ul,aside li{margin:0em;padding:0;list-style:none;}
aside li a{transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
article+article,aside+aside {margin-top:1em;padding-top:1em;border-top:1px solid rgba(0,0,0,1)}

/*blog commentaires*/
.commentlist li.comment.bypostauthor {
    background-color:rgba(0,0,0,1);
    color:rgba(229,66,61,1);
}
.commentlist .children li {
    border: none;
}
h3#comments-title, h3#reply-title{padding:0;margin:1.5em 0 0 0;}

/*nav blog*/
#topblognav,#bottomblognav{font-size:0.8em;}
a.prev{left: -6px;position: relative;}
a.next{right: -6px;position: relative;}
a.prev:before{font-family: 'FontAwesome';content:"\f060";padding-right:0.5em}
a.next:after{font-family: 'FontAwesome';content:"\f061";padding-left:0.5em}
#topblognav{margin:0 0 1em 0;padding-bottom:1em;}
#bottomblognav{margin:3em 6px 6px 0;padding-top:1em;border-top:1px solid rgba(0,0,0,1)}
#metasingle{color:rgba(0,0,0,1);margin:0em 0 2em 0;padding:0 0 1em 0;font-size:0.8em; border-bottom:1px solid rgba(0,0,0,1);}
#metasingle .col-sm-6{padding:0;}

.post-metadata {padding:10px;}


/*version mobile */
@media only screen and (max-width:900px)
{
h1,h2,h3,h4,.styleh1,.styleh2,.styleh3{margin:1em 0;text-transform:uppercase;line-height:1em;}
h1,.styleh1, .accueil h1{font-size:1.2em;margin:1em 0 1em 0;}
h2,.styleh2{font-size:1.1em;}h3,.styleh3{font-size:1em;}
.styleh1+.styleh2,h1+h2,.styleh2+.styleh3,h2+h3{margin:-0.5em 0 0.5em 0}

.row{display:block;}
.container{width:100%;}

/*mobile*/
@media only screen and (max-width:900px){
#header-phone,#header-mail{font-size:1.2em;text-align:right;}
header{text-align:right}.acclogo img{max-width:60%;}	
.accueil {font-size:1.5em;text-align:center;height:inherit;color:black;}
.accueil .bouton{display:none;}

nav
{
cursor:pointer;
position:fixed;top:0;left:-90%;height:100%;
padding:1em;background-color:rgba(229,66,61,1);
display:inline-block;
text-transform: uppercase;
z-index:100;width:90%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */-webkit-transition : all 0.5s ease-in-out infinite;-moz-transition : all 0.5s ease-in-out ;-o-transition : all 0.5s ease-in-out ;transition : all 0.5s ease-in-out ;
}
nav.open{left:0%;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

	nav:before{ox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);position:relative;top:-12px;right:-60px;font-size:2em;padding:10px;font-family: 'FontAwesome';text-align:center;content:"\f0c9";background-color:rgba(229,66,61,1);-moz-box-sizing:border-box; /* Firefox */-webkit-transition : all 0.5s ease-in-out infinite;-moz-transition : all 0.5s ease-in-out ;-o-transition : all 0.5s ease-in-out ;transition : all 0.5s ease-in-out ;
} 
	nav.open:before{content:"\f053";right:-16px;background-color:black;color:rgba(229,66,61,1)}

	#primary-menu
	{
	margin:0em;
	padding:0em;
	position:relative;
    }  
	#primary-menu > li
	{
	margin:0;
	top:0em;padding-top:1em;
	z-index:10;
	list-style:none;
	display:block;
	vertical-align:top;
	text-align:center;
    }

		#primary-menu li > a
		{
		text-decoration:none;text-align:left;font-size:0.9em;
		padding:0.5em 1.5em 0 1.5em;width:100%;
		-webkit-transition : all 0.2s ease-in-out;
		-moz-transition : all 0.2s ease-in-out ;
		-o-transition : all 0.2s ease-in-out ;
		transition : all 0.2s ease-in-out ;
		} 
}
}
