/*rgba(14,22,62,1.00) BLEU FONCE*/
/*rgba(200,200,200,1.00) GRIS CLAIR*/
/*rgba(210, 159, 0, 1) JAUNE*/

* {
	box-sizing:border-box;
}

html {
	font-size:0px;
	overflow-x:hidden;
}
body, html {
}
body {
	font-family:calibri;
	font-size:16px;
	/*background-color:#484848;*/
	background-image:url(../img/background3v2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center -2.5rem;
	/*transition:background-position 0.1s;*/
}
header {
	width:100%;
	height:75px;
	position:fixed;
	z-index:100;
	transition:background 0.3s, box-shadow 0.3s;
}
header #logo_drapeau {
	display:flex;
	position:absolute;
	top:5px;
	left : 5px;
}
header #logo_drapeau #logo {
	max-height:90px;
	width:auto;

}
header #logo_drapeau #drapeau {
	max-height:25px;
	width:auto;
	margin:10px;
	opacity:0;
	transition:opacity 0.2s;
}
h2 {
	font-size:2em;
	color:white;
	font-weight:bold;
	font-family:"London2";
}

a.spip_in, a.spip_out {
	text-decoration:none;
	color:rgba(210, 159, 0, 1);
}

#menu{
	display:flex;
	float:right;
	height:100%;
	position:relative;
	top:0px;
}
#menu .champsRecherche{
	margin:14px;
	position:relative;
}
#menu .champsRecherche img {
	width:30px;
	height:30px;
	transform:scale(1);
	transition:transform 0.5s;
}
#menu .champsRecherche img:hover {
	transform:scale(0.95);
	cursor:pointer;
}
#menu .champsRecherche .recherche {
	background:rgba(255, 255, 255, 0.9);
	width:200px;
	height:50px;
	position:absolute;
	top:40px;
	box-shadow:0px 0px 5px rgba(50, 50, 50, 0.3);
	overflow-x:hidden;
	padding:5px 10px;
}
#menu .champsRecherche .recherche .close_recherche {
	width:10px;
	height:10px;
	position:absolute;
	top:10px;
	right:10px;
}
#menu .connection {
	position:relative;
	margin:20px;
}
#menu .connection img {
	width:30px;
	height:30px;
	position:relative;
	z-index:9999;
}
#menu .connection img:hover {
	cursor: pointer;
}
#menu .connection .liens_connection {
	position:absolute;
	background:rgba(255, 255, 255, 1);
	width:250px;
	height:120px;
	top:40px;
	right:0px;
	display:flex;
	flex-direction: column;
	/*display:none;*/
}
#menu .connection .liens_connection p {
	margin:auto;
	font-size:1.3em;
}
#menu .connection .liens_connection p a {
	text-decoration:none;
	color:black;
}

#headerResponsive {
	display:none;
	position:fixed;
	width:100%;
	z-index:999;
	height:100%;
}
#headerResponsive img {
	width:40px;
	height:40px;
	float:left;
	margin:10px;
	position:relative;
	z-index:9999;
}

.fil_ariane {
	margin:10px 0 10px 10px;
	color:white;
	font-size:1.1em;
}
.fil_ariane a {
	text-decoration:none;
	color:white;
}

.menuResponsive {
	width:70%;
	height:100%;
	background:rgba(0, 0, 0, 0.9);
	color:white;
	position:absolute;
	z-index:99;
}
.textMenuResponsive, .textMenu {
	white-space: nowrap;
	text-align:left;
	padding:0px 10px;
	font-variant: small-caps;
}
.textMenuResponsive{
	height:80px;
	line-height:80px;
	transition:background 0.2s;
	font-family:"London2";
}
.textMenuResponsive:not(.vide):hover {
	background:rgba(200, 200, 200, 1);
	color:black;
}

.subMenuResponsive {
	text-align:left;
	font-size:1.5em;
}
.subMenuResponsive li {
	font-size:0.8em;
	width:50%;
	margin:0;
	padding:5px 10px;
}
.subMenuResponsive li a {
	text-decoration:none;
	color:white;
}
.subMenuResponsive li:hover {
	background:rgba(200, 200, 200, 1);
	color:black;
}

.textMenu{
	padding-right:12px;
	padding-left:12px;
	font-size:1.5em;
	font-family:"London2";
	font-weight:bold;
	transition:background 0.2s;
	/* text-shadow: 0px 0px 10px black; */

	text-shadow:15px 10px 15px rgba(41, 41, 41, 0.3);
	text-align:center;
}
.textMenu a {
	text-decoration:none;
	color:white;

}
.textMenu:after {
	content:"";
	display:block;
	width:0%;
	height:3px;
	background:rgb(109,112,136) ;
	margin:0 auto;
	opacity:0;
	transition:opacity 0.2s, width 0.7s;
}
.textMenu:hover:after {
	opacity:1;
	width:100%;
}
.textMenu:hover {
	background:rgba(210, 159, 0, 0.8) !important;
	cursor:pointer;
}

.subMenu {
	height:100%;
	line-height:70px;
	color:white;
	display:inline-block;
	width:230px;
}
.subMenu:hover ul {
	opacity:1;
	display:block;
}
.subMenu ul {
	font-size:0.9em;
	/* background:rgba(14,22,62,1); */
	background:rgba(180, 180, 180, 1.00);
	text-align:center;
	white-space: normal;
	opacity:0;
	display:none;
	/* transition:opacity 0.1s; */

	box-shadow:0px 0px 5px rgba(50, 50, 50, 0.2);
}
.subMenu ul li {
	/* transition:background 0.2s; */
	/*background-image:linear-gradient(0deg, rgba(14,22,62,0.8), rgba(4,12,52,0.8));*/
	line-height:25px;
	padding:5px 0;
	border-bottom:solid 1px rgba(240, 240, 240, 0.5);
}
.subMenu ul li:nth-of-type(1){
	margin:0;
}
/* .subMenu ul li:after {
	content:"";
	display:block;
	margin:0 auto;
	margin-top:4px;
	background:white;
	width:100%;
	height:1px;
	opacity:0.8;
} */
.subMenu ul li:hover {
	/* background:rgba(200, 200, 200, 0.9); */
	background:rgba(14,22,62,1);
	color:white;
}
.subMenu ul li a {
	text-decoration:none;
	color:black;
}
.subMenu ul li:hover a {
	color:white;
}

footer {
	width:100%;
	height:auto;
	background:rgba(200, 200, 200, 1);
	background-repeat: no-repeat;
	/*display:flex;*/
	z-index:1;
	position:relative;
	color:black;
	display:flex;
	font-size:0.8em;
}
footer h4 {
	font-size:1.2em;
	margin:10px 0;
}
footer h4:after {
	content:"";
	display:block;
	background:white;
	width:90%;
	height:1px;
	margin:5px 0;
}
footer .partieGauche {
	flex:50%;
	display:flex;
	padding:20px;
}
footer .partieGauche .gauche {
	display:flex;
	flex-direction: column;
}
footer .partieGauche .droite {
	margin:auto;
	border-left:solid black 1px;
	border-right:solid black 1px;
}
footer.partieDroite {
	flex:50%;
	display:flex;
	flex-direction: column;
}
footer .ligne {
	display:block;
	margin:auto 20px;
}
footer .ligne p a {
	text-decoration:none;
	color:rgba(210, 159, 0, 1);
}
footer .ligne p a:hover {
	color:rgba(14,22,62,1.00);
}
footer .reseau_sociaux img {
	width:50px;
	height:50px;
	margin:auto 50px;
}
footer .ligne .partenaire {
	display:flex;
	flex-direction: column;
}
footer .ligne .partenaire .block3 {
	display:flex;
}
footer .ligne .partenaire .imgPartenaire {
	display:flex;
	flex-direction: column;
	margin:15px 15px;
}
footer .ligne .partenaire .imgPartenaire img {
	margin:0px 0;
	width:auto;
	height:40px;
}

@media all and (max-width:768px) {
	body {
		background-position:center top;
	}
	header {
		display:none;
	}
	.menuResponsive {
		width:40%;
	}
	footer {
		font-size:0.8em;
	}
	footer .partieGauche {
		padding:10px 0;
	}
	footer .partieDroite {
		display:none;
	}
	footer .reseau_sociaux img {
		border-right:none;
	}
	footer .ligne .partenaire .imgPartenaire {
		margin:5px 5px;
	}
	footer .ligne .partenaire .imgPartenaire img {
		width:25px;
		height:auto;
	}
	footer .ligne .partenaire .imgPartenaire .legend {
		font-size:0.8em;
	}
	footer .ligne {
		padding:5px;
	}
}
@media all and (max-width:425px){
	.menuResponsive {
		width:70%;
	}
}