@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{ font-family:'Calibri',Verdana, Geneva, sans-serif; font-size:14px; /*position:relative;*/ margin:0; padding:0; color:#5c5c5c;}
a img{border:none;}

header{ /*height:500px;*/width:100%; margin:0;padding:0;}
/* header #avant{background-image: url(../img/fond_ban.png);background-repeat:repeat-x;height:100%; z-index:100; position:relative;width:100%;} */
/*header #avant img{ position:absolute; padding:1%;left:10%; z-index:100;}*/
header #avant span{color:#FFFFFF; font-family: 'Work Sans',Verdana, Geneva, sans-serif; font-weight:700; font-size:22px;  position:absolute; top:15%; left:65%; padding:1%;width:25%;right:30%; /*background:rgba(250,250,250,0.5);*/z-index:1000; text-align:center; text-shadow:2px 2px 5px #000;}

#container{width:100%;}
.contenu{ max-width:1060px;width:60%; margin:0 auto;padding-top:20px;padding-bottom:20px;}
.bloc_acc{margin:5px; padding:15px;}
#actus{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1;         /* OLD - Firefox 19- */
-webkit-flex: 1;          /* Chrome */
-ms-flex: 1;              /* IE 10 */
flex: 1; }
#actus div{ margin-left:5%; margin-top:10px;max-width:250px; /*background-color:#f7f7f7;*/ background-color:rgba(195,221,213,0.2);}

.date{/*color:#485b78;*/ color:#00654a;}
.txt_actu{color:#959796; font-style:italic;}
#mot{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1;         /* OLD - Firefox 19- */
-webkit-flex: 1;          /* Chrome */
-ms-flex: 1;              /* IE 10 */
flex: 1; }
#mot p{font-style:italic; font-weight:normal;}
#part{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1;         /* OLD - Firefox 19- */
-webkit-flex: 1;          /* Chrome */
-ms-flex: 1;              /* IE 10 */
flex: 1; }


#part img{ padding:10px; margin:10px;}
.titre{color:#00654a; /*text-shadow: 5px 5px 5px #b2b2b2;*/font-family: 'Work Sans',Verdana, Geneva, sans-serif; font-size:18px; text-transform:uppercase; font-weight:bold; /*background-image:url(../img/forme.png);*/ /*background-repeat:no-repeat; height:67px; line-height:67px;*/ padding-left:5px;}
.bloc_acc p{ padding-left:10px; padding-right:10px; /*text-justify:distribute; text-align:justify;*/}


footer{background-color:#959796; height:85px; width:100%; line-height:85px; display:block;}
footer ul{margin:auto 0; text-align:center;}
footer ul li{display:inline; list-style-type:none;vertical-align:middle;line-height:normal; margin:0 5px 0 5px;}
footer ul li a{color:#FFFFFF; text-decoration:underline;}
@media screen and (max-width: 1500px){
	.contenu{width:80%;}
}
@media screen and (max-width: 1200px){
	header #avant span{top:11%; left:50%; padding:20px; right:10%;}
	.contenu{ display:block;width:90%;}
}
@media screen and (max-width: 800px) {
	header #avant span{margin-top:1%; left:10%; padding:20px; right:5%; width:70%}
	.contenu{ display:block;width:90%;}
}
@media screen and (max-width: 640px) {
	header #avant table tr td table tr td img{width:80%;}
}
@media only screen and (max-width : 480px) {
	header #avant img{padding:0;left:0;}
	header #avant span{display:none;}
	.contenu{display:block;width:100%;}	
}
@media only screen and (max-width : 320px){
	header #avant span{ display:none;}
	.contenu{ display:block;width:100%;}
	.titre{font-size:16px;}
}

/* Older MSIE workarounds */
.lt-ie10 #actus {
	float: left;
	padding: 2em 1%;
	width: 30%;
}
.lt-ie10 #mot{
	float: left;
	padding: 2em 1%;
	width: 30%;
}
.lt-ie10 #part {
	float: left;
	padding: 2em 1%;
	width: 30%;
}

#cookie-consent{
	background-color: #00654a;
	color: #fff;
	padding: 10px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 2;
}

#cookie-consent .container{
	max-width:1060px;
	width:60%; 
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	vertical-align: middle;
}

#cookie-consent button{
	display:inline-block;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border:1px solid transparent;
	padding:.375rem .75rem;
	border-radius:.25rem;
	color:#000;
	background-color:#fff;
	border-color:#fff;
	transition: 1s;
	cursor: pointer;
	margin: 0 5px;
	min-width: 100px;
}

#cookie-consent button:hover{
	background-color: #fffffff5;
	color: #000;
}

@media screen and (max-width: 1500px){
	#cookie-consent .container{width:80%;}
}
@media screen and (max-width: 1200px){
	#cookie-consent .container{ display:block;width:90%;}
}
@media screen and (max-width: 800px) {
	#cookie-consent .container{ display:block;width:90%;}
}
@media only screen and (max-width : 480px) {
	#cookie-consent .container{display:block;width:100%;}	
}
@media only screen and (max-width : 320px){
	#cookie-consent .container{ display:block;width:100%;}
}