/* 2015 (c) www.cedricmure.fr */

html{-webkit-text-size-adjust: 100%}
html {font-size: 62.5%}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html, body{position: relative}

body{
	font-family: 'Lato', Arial, sans-serif;
	font-size: 1.9rem;
	font-weight: 300;
	line-height: normal;
	letter-spacing: normal;
	color: #8f8f8f;
	background: #FFF;
	text-shadow: -1px 0px 1px #FFF;
}

body a{
	color: inherit;
	text-decoration: none;
}
body a:hover{text-decoration: none}
p a, .underline{text-decoration: underline}

img{
	border: 0;
    vertical-align: bottom;
}

header, nav, footer, section, article, main, aside, video, figure {display: block}
button{cursor: pointer}
.clear{clear: both}
ul li{list-style: none}
.inline-block{
	display: inline-block;
	vertical-align: top;
}
.table{
    display: table;
    table-layout: fixed;
}
.table-cell{
    display: table-cell;
    vertical-align: middle;
}

input, select, textarea, button{
	font-family: 'Lato', Arial, sans-serif;
	font-size: 1.9rem;
	color: #b2b2b2;
}

p, h1, h2, h3, h4, h5, h6, blockquote{
	padding-bottom: 20px; 
}
h1{font-size: 1.5em;}
h2{font-size: 1.325em;}
h3{font-size: 1.25em;}
h4{font-size: 1.125em;}
h5, h6{font-size: 1em;}

/* !STRUCTURE ----------------------- */
.container,
article{
	max-width: 1024px;
	margin: 0 auto;
}
@media (max-width: 767px){
	img{
		max-width: 100%;
		height: auto;
	}
}

/* !TEXTES ----------------------- */
h1,
h2{
	position: absolute;
	z-index: 1;
    left:0;right:0;
    margin: 5px auto 0;
    	
	font-family: 'Vollkorn', Arial, serif;
	font-size: 3.2rem;
    line-height: normal;
	font-weight: 400;
	font-style: italic;
	color: #b2b2b2;
}
@media (max-width: 767px){
	h1,
	h2{position: relative}
}
h2.no-styles{
	position: relative;
	margin: 0;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 1.9rem;
	font-weight: 300;
	line-height: normal;
	letter-spacing: normal;
	color: #8f8f8f;
}

h6{/* List Title */
	display: inline-block;
	padding-bottom: 4px;
	
	font-size: 2.1rem;
	font-style: italic;
}
.text-list{margin: 0 auto; text-align: left}
.text-list ul{display: inline-block}
.text-list ul li, ul.list li{margin-bottom: 4px; list-style: url('img/contenu/li-check.png') inside}

@media (max-width: 1023px){
	article section,
	.text-list{
		width: 100% !important;
		max-width: 100%;
	}	
}

.text-left{text-align: left}
.text-right{text-align: right}
.bleu{color: #98cdca}


/* !HEADER ----------------------- */
#header{
	padding: 50px 0 50px;
	margin-bottom: 20px;
	background: url('img/structure/header-bg.gif');
}
#logo{
	display: block;
	text-align: center;
}

/* MENU */
#menu{
	margin-top: 36px;
	text-align: center;
}
#menu ul li{
	display: inline-block; 
	vertical-align: middle;
	margin: 0 3px;
	
	font-family: 'Vollkorn', Arial, serif;
	font-size: 1.9rem;
	line-height: 20px;
}
#menu ul li a{
	display: block;
	padding: 10px 13px;
	border-radius: 4px;
	
	transition: background .2s ease, color .2s ease .1s;
}
#menu ul li a:hover,
#menu ul li.active a{
	color: #efb71c;
	background: rgba(255,255,255,.6);
}

/* !FOOTER ----------------------- */
#footer{
	padding: 55px 0 32px;
	background: url('img/structure/footer-bg.jpg') top center;
	
	text-align: center;
	font-size: 1.4rem;
	color: #b3b3b3;
}
#footer p{
	max-width: 890px; 
	margin: 0 auto;
}
#footer a{text-decoration: none}
#footer a:hover{text-decoration: underline}
#footer div a img{margin: 0 2px}

/* !CONTENT ----------------------- */
article{
	padding: 50px 10px;
	text-align: center;
}
.article-bleu{
	padding-top: 44px;
	background: #dbefee url('img/structure/eventails-article-bg.gif') repeat-x left top;
}
article header{
	position: relative;
	z-index: 1;
	margin-bottom: 80px;
	
	font-family: 'Vollkorn', Arial, serif;
	font-size: 15.8rem;
	line-height: 78px;
	font-weight: 400;
	color: #efeeee;
	text-shadow: none;
}
.article-bleu header{color: #f5f5f5}

@media (max-width: 767px){
	article header{margin-bottom: 20px}
	article header span{display: none}
}

.btn-lireplus{
	font-family: 'Vollkorn', Arial, serif;
	font-size: 2.1rem;
	font-style: italic;
	color: #a5cccb;
	text-decoration: none;
	
	transition: color .3s ease;
}
.article-bleu .btn-lireplus{color: #f8c537}
.btn-lireplus:hover{color: #b2b2b2}

/* HOME */
.home-detente-bg{
	max-width: 1186px;
	height: 543px;
	margin: 0 auto;
	background: url('img/contenu/home-detente-bg.jpg') no-repeat left bottom;
}
.home-energie-bg{
	max-width: 1218px;
	margin: 0 auto;
	background: url('img/contenu/home-energie-bg.jpg') no-repeat right top;
}

@media (max-width: 1023px){
	.home-detente-bg{height: 713px}
	.home-detente-bg section{
		float: none !important;
		width: auto !important;
	}
	.home-detente-bg section p{text-align: center}
	
	.home-energie-bg{
		height: 790px;
		background-position: center 340px;
	}
	.home-energie-bg section{width: auto !important}
	.home-energie-bg section p{
		width: auto !important;
		text-align: center;
	}
}
@media (max-width: 500px){
	.home-energie-bg{
		height: 890px;
		background-position: center 420px;
	}
}


/* PAGES */
.double-col {
    display: grid;
	grid-template-columns: 1fr 30px 1fr;
}
.double-col div{text-align: left;}
.double-col .sep{min-height: 30px}

@media (max-width: 768px){
	.double-col {
		grid-template-columns: 1fr;
	}
}

table{margin: 0 auto}
table tr:nth-child(even){background: #c7e2e1}
table tr td{
	padding-right: 50px;
	padding-bottom: 4px;
	text-align: left;
}
table tr td:last-child{padding: 0}

.img-full img{width: 100%; height: auto}

.sep-paragraphe{
	width: 90px;
	margin: 0 auto;
	border-top: 1px solid #b3b3b3;
}

a.btn-ideecadeau-jaune{
	display: inline-block;
	margin-top: 20px;
	padding: 8px 12px;
	background: #f8dd94;
	border-radius: 3px;
	
	font-family: 'Vollkorn', Arial, serif;
	font-size: 2.3rem;
	font-style: italic;
	color: #FFF;
	text-shadow: none;
	
	transition: background .3s ease;
}
a.btn-ideecadeau-jaune:hover{background: #b3b3b3}

.btn-ideecadeau-bleu{
	margin-top: 20px;
	display: inline-block;
	padding: 30px 100px;
	background: #dbefee;
	border-radius: 3px;
}
.btn-ideecadeau-bleu a{text-decoration: underline}
.btn-ideecadeau-bleu a:hover{text-decoration: none}

@media (max-width: 666px){
	.btn-ideecadeau-bleu{padding: 30px}
}

.encadre-bleu, .encadre-jaune{
	max-width: 860px;
	margin: 20px auto;
	padding: 30px 70px;
	background: #dbefee;
	border-radius: 3px;
}
.encadre-jaune{
	background: #f8dd94;
	color: #605d53;
	text-shadow: none;
}
.encadre-bleu a, .encadre-jaune a{
	text-decoration: underline;
}



/* !FORMULAIRE ----------------------- */
form div{margin-bottom: 20px}

form label{
	display: block;
	width: 560px;
	padding-left: 18px;
	margin: 0 auto 8px;
	text-align: left;
}

form input,
form textarea {
	width: 560px;
	height: 38px;
	padding: 10px 20px;
	
	background: rgba(255,255,255,.8);
	border: 1px solid #bbbfbf;
	border-radius: 18px;
}

@media (max-width: 560px){
	form label,
	form input,
	form textarea{width: 100%}
}

form textarea { 
	height: 230px;
}
form input:focus,
form textarea:focus {
	outline: none;
	border: 1px solid #77d027;
}
form button {
	display: inline-block;
	width: auto;
	height: auto;
	margin-right: 390px;
	padding: 6px 30px 9px;
	background: #f8dd94;
	border: none;
	border-radius: 18px;
	
	color: #FFF;
			
	transition: background .3s ease;
}
form button:hover{background: #b3b3b3}

.form_erreur,
.form_envoi {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 20px;
	
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
.form_erreur {background-color: #c0392b}
.form_envoi {background-color: #2ecc71}

/* Entreprises Logos 2023 */
.logos-entreprises{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 50px;
}