@font-face {
	font-family: 'ComicNeueSansID';
	src: url('fonts/ComicNeueSansID.eot');
	src: local('☺'), url('../fonts/ComicNeueSansID.woff') format('woff'), url('../fonts/ComicNeueSansID.ttf') format('truetype'), url('../fonts/ComicNeueSansID.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



html,body {
	height:100%;
	width: 100%;
	box-sizing: border-box;
}

body {
	background-color:#6183c2;
	margin:0;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}

body.annee1 {
	background-color:#5dbfc4;
}

body.annee2 {
	background-color:#a2cd48;
}

body.annee3 {
	background-color:#008d97;
}

body.annee4 {
	background-color:#ab60a4;
}

body.annee5 {
	background-color:#6183c2;
}

h1 {
	color:#fff;
	font-family: 'ComicNeueSansID';
}

p {
	margin:0;
}

section {
	margin-bottom:130px;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.entete {
	display:flex;
	flex-direction:column;
	align-items:center;
}

header {
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	height:320px;
	background-size:auto;
	background-position: top center;
}

header .couv {
	width:200px;
	border:7px solid #fff;
	margin-top:50px;
}

header .couvh {
	width:270px;
	margin-top: 30px;
}

.couv-responsive {
	display:block;
}

.couv-responsive img {
	height:200px;
	margin:0 10px;
	border:4px solid #fff;
}

header .header-info {
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}
header .header-info h1 {
	text-align:center;
}

.edig {
	margin: 2em 0 2em 0;
	height: 100px;
}

header .logo-efficace {
	height: 340px;
}

header .header-info a {
	margin:10px 0;
	color:#fff;
	text-decoration: underline;
}

header .header-info a:hover {
	text-decoration: underline;
}

header .header-info div img {
	margin:0 10px;
	height:30px;
}

.macaron {
	position:  absolute;
	top: 25px;
	right: 30px;
	width: 200px;
}


.intro {
	/*width:600px;*/
	width:710px;
	text-align:center;
	font-weight:200;
	font-size:1.9em;
	padding:  0.8em 0;
	line-height: 1.4em;
}

.intro span {
	color:#D8213B;
	font-weight:700;
}


h2{
	background-color:#fedd48;
	color:#e06436;
	font-family: 'ComicNeueSansID';
	padding:10px 60px;
	margin-bottom:50px;
	text-align:center;
}


h2 a {
	font-size: 0.9em;
	font-weight: normal;
	color:#e06436;
	text-decoration: underline;
}

h2 a:hover {
	color:#f24100;
	text-decoration: overline;
}

/* Macaron "2026" flottant sur la bande Premiere annee (home) - 11/09/2026 */
h2.nouveaute {
	position:relative;
}

.badge-2026 {
	position:absolute;
	left:5px;
	top:-63px;
	width:120px;
	pointer-events:none;
}

.fichier {
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:10px 20px;
	width:250px;

}
.fichier img {
	height:330px;
	border:5px solid #fedd48;
	

}

.fichier img.paysage {
	height:230px;
	width:auto;
	border:5px solid #fedd48;
	

}

.fichier a {
	position:relative;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.hover-fichier {
	display:none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.fichier a:hover .hover-fichier {
	display:block;
	position:absolute;
	top:0;
	background-color:rgba(224,100,54,0.6);
	width:100%;
	height:98.7%;
	display:flex;
	justify-content: center;
	align-items:center;
	text-decoration: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;

}

.hover-fichier span {
	background-color:#e06436;
	color:#fff;
	padding:10px 20px;
}

.fichier .infos {
	background-color:#fff;
	color:#222;
	text-align:center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 10px 0;
	align-items:center;
	width:80%;
	margin-top:-5px;
	box-sizing: border-box;
	min-height:130px;
}

.fichier .infos p {
	overflow-wrap: break-word;
	word-break: break-word;
}

.fichier .infos a {
	background-color:#e06436;
	color:#fff;
	padding:10px 20px;
	margin:10px 0;
	text-decoration: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;

}

.fichier .infos a:hover {
	background-color:#c04416;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}


section div {
	display:flex;
	justify-content: center;
	flex-direction:row;
	flex-wrap:wrap;
}



.edito {
	max-width: 860px;
	width: 100%;
	background: #ffffff;
	text-align: left;
	margin: 0 auto;
}

.edito section {
	display: block;
	padding: 1em 2.5em;
	text-align: left;

}

footer {
	background-color:#fff;
	color:#D8213B;
	text-align:center;
	padding:20px 0 10px 0;
	font-weight:600;
	font-size:1.2em;
}

footer div.rs {
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items:center;
	margin:15px 0 0 0;
}

footer div.rs a {
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items:center;
	margin:0 20px;
	text-decoration:none;

}

footer div.rs a img {
	height:20px;
	margin-right:5px;
}

.facebook {
color:#3B5998;
-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.whatsapp {
	color:#4AC959;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;

}


.facebook:hover {
color:#1E3464;
-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.whatsapp:hover {
	color:#327F3B;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

footer div.mentions {
	padding: 10px 10px 0px 50px;
	display:flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
}

footer div.mentions a {
	color:#494949;
	font-size: 0.6em;
	margin: 0 10px;
	text-decoration:none;
}

footer div.mentions a:hover {
	text-decoration:underline;
}


@media screen and (max-width:940px) {

	header {
		padding:0;
	}
	header .couv, header .couvh {
		display:none;
	}

	.couv-responsive {
		display:block;

	}

	.couv-responsive img {
		height:150px;
		margin:0 8px;
		border:4px solid #fff;
		
	}


	.macaron {
		position:  absolute;
		top: 15px;
		right: 10px;
		width: 140px;
	}

	.intro {
		width:90%;
		font-size: 1.7em;
	}

	section {
		height:auto;
		margin:20px 0;
	}

	.fichier {
		max-width:70%;
	}
	.fichier img {
		max-width:100%;
		height:auto;
		box-sizing:border-box;
	}


	.badge-2026 {
		width:120px;
		top:-64px;
	}
}



@media screen and (max-width:700px) {

	header {
		padding:0;
	}
	header .couv, header .couvh {
		display:none;
	}


header .logo-efficace {
	height: 290px;
	padding-top: 34px;
}

	.couv-responsive {
		display:block;

	}

	.couv-responsive img {
		height:120px;
		margin:0 4px;
		border:3px solid #fff;
		
	}

	.macaron {
		position:  absolute;
		top: 1px;
		left: 1px;
		width: 110px;
	}

	.intro {
		width:80%;
		font-size: 1.7em;
	}

	section {
		height:auto;
		margin:40px 0;
	}

	section > div {
		display:block;
	}

	.fichier {
		max-width:70%;
		margin:10px auto;
	}
	.fichier img {
		max-width:100%;
		height:auto;
		box-sizing:border-box;
	}


	.badge-2026 {
		width:110px;
		top:-54px;
	}
}