/* Affects header footer and main */
.widthcontrol {
	padding:1em;
	margin:auto;
}



/*****************************************************************************************
** Header ********************************************************************************
*****************************************************************************************/

header { 
	position:relative;
	background-color:#00604c;
	background: repeating-linear-gradient(90deg,#00604c,#00604c 10px,#0c7b55 10px,#0c7b55 20px);
	color:#f3abc3;
	border-top:10px solid #00604c;
	border-bottom:10px solid #00604c;
}
#header {	/*border :5px solid #f3abc3;*/ height:95px;
border-top:10px solid #0c7b55;
border-bottom:10px solid #0c7b55;}


/* Site id ******************************************************************************/

header img#logo { 
	float:left;
	height:150px
}


/* Navigation ***************************************************************************/

header a:link, 
header a:visited, 
header a:active { color:#f3abc3; }
header a:hover, 
header a[aria-current] { color:#f3abc3 }
header nav {
	position:absolute;
	bottom:1em;
	right:1em;
	text-align:right;
	text-transform : uppercase;
	margin-top:0.5em;
}
header nav li { 
	display:inline-block;
	margin-left:1.2em;  /* A régler avant breakpoint en fonction du menu */
}
header nav li>a {
	display:block;
	text-decoration:none;
	padding:1em;
}
header nav li.current-menu-item>a {
	border:1px dotted #f3abc3
}

/* Burger */
header nav img {
	display:none;
}


/*****************************************************************************************
** Subheader *****************************************************************************
*****************************************************************************************/

section#subheader { 
	background-color:black;
	color:#f3abc3;
 	background-size: cover;
 	background-position:center center;
	height:30em;
}

section#subheader>div {
	background-color:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	padding-left:0;
	padding-right:0;
}

section#subheader a:link,
section#subheader a:visited, 
section#subheader a:active { color:#f3abc3; text-decoration:none}
section#subheader a:hover { color:#f3abc3}

section#subheader h1 {	
	text-align:center;
	min-height:2em;
	line-height:1em;
	margin-top:2em;
	vertical-align:middle;
	/* text-shadow: 1px 1px 1px black */
}
section#subheader p {
	margin-top:2em;
	font-family: 'Open Sans', sans-serif;;
	font-size:1.2em;
	text-align:center;
	letter-spacing:0.2em;
}
section#subheader p a {
	color: #0c7b55;
}
section#subheader p em {
	display:block;
	color: #f3abc3;
	font-size:1.5em;
	margin-top:1em;
}






/*****************************************************************************************
** Main ********************************************************************************
*****************************************************************************************/


main a:link, div#subheader a:visited, a:active { color:#f3abc3;}
main a:hover { color:#f3abc3;}

main * { margin-bottom:1em }
main h2,
main h3,
main h4,
main h5,
main h6 {
	 margin-top:1em
}





main div#content.widthcontrol {
	width:1200px;
	padding:5em 0 1em 0;
}


/****************************************************************************************/
/* Accueil ******************************************************************************/
/****************************************************************************************/

body.home main {
	
 	padding-bottom:5em;
}

body.home main div#content.widthcontrol {
	width:100%;
	text-align:center
}


body.home main article h2 {
	text-align:center;
	clear:both
}


body.home main article img {
	margin-top:6em;
	width:90%;
}
body.home main article div.menusemaine {
	width:60%;
	margin:auto;
}
	
 body.home main article div.menusemaine h2 {
	margin-top:3em;
	
}

body.home main article div.menusemaine h2+p {
	text-align:center;
	width:100%;
	margin-bottom :3em
}

body.home main article div.menusemaine p>strong {
	color:#f3abc3;
}

body.home main article div.menusemaine p {
	
	font-family: #0c7b55;
	font-size:1.2em;
	text-align:center;
}

body.home main article div.menusemaine p strong {
	display:block;
	font-family: 'Open Sans', sans-serif;;
}

body.home main article div.menusemaine img {
	margin-bottom:5em
}

body.home main article div.menusemaine p em {
	margin-top:1em;
	display:block;

}

body.home main article div.menusemaine li {
	list-style-image: url("../images/couvertBlanc.svg");
}






/****************************************************************************************/
/* Notre carte **************************************************************************/
/****************************************************************************************/
body.page-id-1 main>div#content.widthcontrol {
	width:90%;
}

body.page-id-1 main h2 {
	color:#f3abc3
}

body.page-id-1 main div.image-leftcolumn {
	float:left;
	width:49%;
	clear:right;
}
body.page-id-1 main div.rightcolumn {
	margin-left:51%;
}
body.page-id-1 main div.image-rightcolumn {
	float:right;
	width:49%;
	margin-left:1em;
	clear:left;
}
body.page-id-1 main div.leftcolumn {
	margin-right:51%;
}

body.page-id-1 main div.wp-block-image img {
	width:100% !important;
	height:auto !important;
	margin-bottom:2em;
}

body.page-id-1 main div.wp-block-image>figure {
	width:100% !important;
	height:auto !important;
}

body.page-id-1 main div.inline {
	margin-bottom:2em;
	border:1px solid transparent;
	clear:both
}
body.page-id-1 main div.wp-block-group h2,
body.page-id-1 main div.wp-block-group h3 { 
	text-align:center;
}
body.page-id-1 main div.wp-block-group h2+h3 {
	position:relative;
	top:-1em
}
body.page-id-1 main div.wp-block-group li { color:#f3abc3; border-bottom:1px dotted #f3abc3 ; margin-bottom:2em; margin-right:4em;}
body.page-id-1 main div.wp-block-group li strong { float:right; color:#f3abc3 ; font-variant:small-caps; position:relative; left:4em}
body.page-id-1 main div.wp-block-group li em { color:white; font-weight:200; font-size:0.8em }


/****************************************************************************************/
/* Contact ******************************************************************************/
/****************************************************************************************/

body.page-id-17 main>div#content.widthcontrol {
	width:100%;
	padding:0 !important;
	padding-top:5em !important;
	
}

body.page-id-17 article>p {
	width:1200px;
	margin:auto;
	text-align:center
}
body.page-id-17 article>p>a {
	color:#f3abc3;
}

body.page-id-17 article>p:nth-child(3) {
	visibility:hidden;
	margin-bottom:8em;
}

body.page-id-17 main div#wpgmza_map {
	width:100% !important;
	padding:0;margin:0 !important;
	height:800px !important;
	overflow:hidden !important;
}
body.page-id-17 p.clear {
	margin-bottom:-2em;
	display:none;
}





/*****************************************************************************************
** Supfooter *****************************************************************************
*****************************************************************************************/

section#supfooter { 
	background-color:black;
	color:#00604c;
	/*background-image: url("../../images/fond-granit.jpg"); 
 	background-size: cover;*/
 	background: repeating-linear-gradient(90deg,#f3abc3,#f3abc3 20px,#fcd6cc 20px,#fcd6cc 40px);
 	height:auto;
 	text-align:center;
 	border-top:10px solid #00604c;
 	border-bottom:10px solid #00604c;
}
section#supfooter>div.widthcontrol { 
	padding-top:2em;
	border-top:10px solid #fcd6cc;
	border-bottom:10px solid #fcd6cc;
}
section#supfooter a:link, 
section#supfooter a:visited, 
section#supfooter a:active { color:#f3abc3;}
section#supfooter a:hover { color:#f3abc3}
section#supfooter p {
	margin-top:2em;
	margin-bottom:1em;
	vertical-align:middle;
	text-align:center;
	font-size:2.5em;
	line-height:1em;
	color:#00604c;
}
section#supfooter p>span { 
	font-family:'Open Sans', sans-serif;;
	color:#0c7b55; 
	text-transform:uppercase;
	font-size:0.5em;
	letter-spacing:0.2em;
}
section#supfooter p>em { 
	font-family:'Open Sans', sans-serif;;
	font-size:0.5em;
	text-transform:uppercase;
	color:#00604c; 
}



/*****************************************************************************************
** Footer ********************************************************************************
*****************************************************************************************/

footer { 
	background-color:#00604c;;
	color:white;
	padding-bottom:10em;
	
}
footer a:link, 
footer a:visited, 
footer a:active { color:white;}
footer a:hover { color:#f3abc3}

footer>div#footer.widthcontrol {
	max-width: 1650px; 

}

footer>div#footer>ul {
	margin-top:5em
}
footer>div#footer>ul>li {
	font-size:0.8em;
}

/* Left column : Despcription + Nav *****************************************************/

footer>div#footer>ul>li:nth-child(3) {
	float:left;
	width:35%;
}
footer>div#footer>ul>li:nth-child(3) nav {
	float:right;
	margin-top:0.5em;
	margin-left:2em
}
footer>div#footer>ul>li:nth-child(3) nav a {
	text-transform:uppercase;
	display:block;
	margin-bottom:1em;
	text-decoration:none
}
footer>div#footer>ul>li:nth-child(3) p {
	margin-right:2em;
	margin-left:4em;    /* A régler en fonction du texte */
	text-align:right;
	color:#f3abc3;
	line-height:1.5em;
}

/* Center column : Réseaux Sociaux ******************************************************/

footer>div#footer>ul>li:nth-child(2) { 
	float:right;
	text-align:center;
	width:30%;
}
footer>div#footer>ul>li:nth-child(2) p {
	margin-top:1.5em;
}
footer>div#footer>ul>li:nth-child(2) p span {
	padding:1em;
	border:2px solid #f3abc3
	text-transform:uppercase;
	color: white;
	letter-spacing:0.2em;
}
footer>div#footer>ul>li:nth-child(2) ul {
	margin-top:2em
}
footer>div#footer>ul>li:nth-child(2) li {
	display:inline-block;
	text-align:center;
}
footer>div#footer>ul>li:nth-child(2) li>a {
	display:block;
	padding:1em;
}
footer>div#footer>ul>li:nth-child(2) li>a>svg {
	height:15px;
	width:auto;
}
footer>div#footer>ul>li:nth-child(2) li>a>svg path,
footer>div#footer>ul>li:nth-child(2) li>a>svg circle {
	fill:white;
}
footer>div#footer>ul>li:nth-child(2) li>a:hover>svg path,
footer>div#footer>ul>li:nth-child(2) li>a:hover>svg circle {
	fill:#f3abc3;
}

/* Right column : Contacts **************************************************************/

footer>div#footer>ul>li:nth-child(1) { 
	float:right;
	text-align:left;
	width:35% 
}
footer>div#footer>ul>li:nth-child(1) p {
	margin-bottom:1em;
}
footer>div#footer>ul>li:nth-child(1) p a {
	text-decoration:none;
	display:block
}
/* Téléphone */
footer>div#footer>ul>li:nth-child(1) p:nth-child(1)>a {
	text-decoration:none;
	letter-spacing:0.1em;
	color:#f3abc3
}
/* Email */
footer>div#footer>ul>li:nth-child(1) p:nth-child(2)>a{
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.1em;
}
/* Adresse */
footer>div#footer>ul>li:nth-child(1) p:nth-child(3)>a{
	color:#f3abc3;
}
footer>div#footer>ul>li:nth-child(1) p:nth-child(3)>a:hover{
	color:white;
}
footer>div#footer>ul>li:nth-child(1) p:nth-child(3) svg#googlepin { 
	width:20px; 
	height:auto;
	float:left;
	margin-right:1em;
}
footer>div#footer>ul>li:nth-child(1) p:nth-child(3)>a svg#googlepin path { fill:#f3abc3 }
footer>div#footer>ul>li:nth-child(1) p:nth-child(3)>a:hover svg#googlepin path { fill:white }