@font-face
{
	font-family:'opensans';
	src:url('l/OpenSans-Regular-webfont.eot');
	src:url('l/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('l/OpenSans-Regular-webfont.woff') format('woff'),
		url('l/OpenSans-Regular-webfont.ttf') format('truetype'),
		url('l/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face
{
	font-family:'bubblegum';
	src:url('l/bubblegumsans-regular-webfont.woff2') format('woff2'),
		url('l/bubblegumsans-regular-webfont.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

:root{--vert:#8ab800;}

*{margin:0;padding:0;box-sizing:border-box;font-family:opensans;}

.wrapper{width:100%;margin-left:auto;margin-right:auto;}

body{background:white;font-size:14px;}
h1{color:#8ab800;font-size:18px;text-transform:uppercase;margin:20px 0;text-align:center;}
h2{color:#8ab800;font-size:15px;-border-bottom:solid 2px #65b9ea;text-transform:uppercase;margin:20px 0 10px;}
a{color:#8ab800;text-decoration:none;}
p{text-align:justify;margin-top:10px;}
ul{text-align:left;margin-left:20px;}

body>header{width:100%;background:#8ab800;}
body>header>div{width:100%;margin-left:auto;margin-right:auto;color:black;}
body>header>div>div{display:block;text-align:center;}
body>header>div>header{display:block;padding:5px;text-align:center;font-size:18px;}
body>header>div>div>a{color:black;font-family:bubblegum;font-size:22px;letter-spacing:2px;}
body>header>div>nav{display:none;width:100%;text-align:center;padding-bottom:5px;}
body>header>div>nav a{display:block;padding:5px;color:black;margin:5px 20px;border:solid 1px black;}
body>main{min-height:90vh;}
body>footer{width:100%;background:#8ab800;margin-top:10px;}
body>footer>div{width:100%;margin-left:auto;margin-right:auto;color:black;padding:10px 0;display:flex;flex-direction:column-reverse;}
body>footer>div>div{width:100%;padding:0 20px;}
body>footer>div>div h2{color:black;}
body>footer>div>div a{color:black;}
article>img{width:100%;}

#slide1{width:100%;height:144px;background:url(i/slide1-360.jpg);-margin-top:20px;margin-bottom:20px;border-bottom:solid 4px black;text-align:center;}
#slide1>div{border-radius:4px;display:inline-block;font-size:14px;color:black;font-weight:bold;margin-top:15px;-margin-right:15px;padding:5px;background:rgba(255,255,255,0.85);}
#slide1>div>a{color:black;font-size:10px;}

#contributions{text-align:center;}
#contributions footer{margin-top:-60px;margin-right:10px;text-align:right;}
#contributions .profil{width:50px;margin-right:10px;border-radius:25px;}
#contributions .defi2{width:50px;border-radius:25px;}
#contributions .apercu{width:100%;}
#contributions aside a{font-size:11px;color:grey;}

#concourss
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.concours
{
	background:#8ab800;
	width:100%;
	color:black;
	text-align:center;
	padding:5px;
	border-bottom:solid 4px black;
	margin-bottom:10px;
}

.concours>header
{
	font-size:18px;
	font-weight:bold;
}

.concours>div
{
	font-size:26px;
	font-weight:bold;
}

.concours>footer
{
	font-size:12px;
	text-align:center;
}

#infoss
{
	margin:20px 10px 0 10px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.infos
{
	width:100%;
	margin:0 auto;
	color:black;
	text-align:center;
	-padding:5px;
}

.infos>header
{
	border-bottom:solid 3px black;
	background:#8ab800;
	-display:inline-block;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	font-size:10px;
	font-weight:bold;
	padding:5px 20px;
}

.infos>div
{
	background:#eeeeee;
	margin-bottom:10px;
	padding:10px 10px;
	line-height:28px;
	font-size:16px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

#prix
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

.mois{text-align:center;font-size:11px;color:grey;}

.bloc{background:white;margin-bottom:10px;padding:4px;border-radius:3px;}

.avant{text-align:center;font-size:14px;font-weight:bold;}
.avant2{text-align:center;font-size:17px;font-weight:bold;}
.avant3{display:inline;background:#64b8e9;color:white;font-size:19px;font-weight:bold;border-radius:6px;padding-left:6px;padding-right:6px;margin-left:auto;margin-right:auto;}
.avant4{display:inline;background:#64b8e9;color:white;font-size:26px;font-weight:bold;border-radius:6px;padding-left:6px;padding-right:6px;margin-left:auto;margin-right:auto;}

.defi{display:block;width:246px;height:246px;margin:5px auto;background-size:cover;position:relative;}
.defi>div{position:absolute;bottom:0;left:0;right:0;text-align:center;background:rgba(138,184,0,0.8);color:black;font-weight:bold;font-size:16px;padding:5px;text-transform:uppercase;}

.participation0{display:inline-block;margin-right:5px;margin-bottom:5px;}
.participation0:nth-child(4n){margin-right:0;}
.participation0 img{width:246px;}

.bouton>.fa,.boutons .fa,form button[type=submit] .fa{display:inline-block;margin-right:8px;}

form div{margin-top:8px;font-size:12px;}
form input[type=text],form input[type=date],form input[type=email],form input[type=password],form input[type=file],form textarea,form select{display:block;width:100%;padding:4px;margin-bottom:10px;}
form input[type=checkbox]{vertical-align:middle;}
form input[type=submit],form button[type=submit]
{
	display:block;
	margin:20px auto;
	padding:8px 24px;
	color:black;
	font-size:13px;
	text-decoration:none;
	cursor:pointer;
	background:#8ab800;
	border:none;
	box-shadow:none;
	font-weight:bold;
}
form aside{margin-top:-10px;margin-bottom:10px;text-align:justify;font-size:10px;}
form #plages{display:none;margin-top:10px;}

.boutons{text-align:left;margin-bottom:20px;}
.boutons a,input[type=submit],input[type=button],.bouton
{
	padding:6px 18px;
	margin:10px 10px;
	display:inline-block;
	color:black;
	font-size:13px;
	text-decoration:none;
	cursor:pointer;
	background:#8ab800;
	box-shadow:none;
	border:none;
	font-weight:bold;
}

.bouton2
{
	padding:10px 18px;
	margin:10px 10px;
	display:block;
	color:black;
	font-size:13px;
	text-decoration:none;
	cursor:pointer;
	background:#8ab800;
	box-shadow:none;
	border:none;
	width:220px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
}

.blanc
{
	background:white;
}

.retour{text-align:left;font-size:11px;}
.retour>a{display:inline-block;padding:5px 0;color:black;}

.libelle{margin-top:8px;font-size:12px;}
.champ{margin-top:1px;margin-bottom:8px;}
.champ input,textarea,select{padding:4px;}
.erreur{display:none;font-weight:bold;color:red;}

.cont200{width:200px;margin-left:auto;margin-right:auto;}
.cont300{width:100%;margin-left:auto;margin-right:auto;padding:0 20px;}
.cont400{width:100%;margin-left:auto;margin-right:auto;padding:0 20px;}
.cont500{width:100%;margin-left:auto;margin-right:auto;padding:0 20px;}
.cont600{width:100%;margin-left:auto;margin-right:auto;padding:0 20px;}

.w100{width:100%;}

.tacenter{text-align:center;}
.center{margin-left:auto;margin-right:auto;}

.mt_0{margin-top:0;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mb_0{margin-bottom:0;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.ml_10{margin-left:10px;}
.ml_20{margin-left:20px;}
.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.ret_ok{margin-bottom:10px;padding:6px;border-radius:4px;background:#ebf8a4;border:solid 1px #b5bf7e;}
.ret_echec{margin-bottom:10px;padding:6px;border-radius:4px;background:#ffc0cb;border:solid 1px #ff4061;}
.info{margin-bottom:10px;padding:0 10px;border-radius:4px;background:#add8e6;border:solid 1px #7fcde6;}

.fl{float:left;}
.fr{}
.cb{clear:both;}

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}

#boutons{margin-bottom:20px;}

.loader{display:none;}

#upload>ul{margin:0;text-align:center;}
#upload>ul>li{display:inline;}
#upload>ul>li>div>input{display:inline;}
#upload>ul>li>p{display:none;}
#upload>ul>li>span{display:none;}