/* CSS aureliegiet.css */

body {
	width: 100vw;
	background-color: white;
	font-family:arial, sans-serif;
	font-size:12px;
	margin:0;
}

body.home {
	color: #00A390;
	background-position: 0;
/*	background-image:url('../../IMG/png/page_accueil_01.png'); */
}

h1.gros_titre {
	/* background-image: url('../../IMG/png/titre_accueil.png'); */
	/* background-repeat: no-repeat; */
	/* background-position: center center; */
	margin: 20px auto 10px;
	color: #00A390;
	font-family: 'Lobster', cursive;
	font-weight: normal;
	font-size: 4.3em;
	background-color: white;
	width: 100%;
	padding: 4px 15px;
	text-align: center;
}

div.home {
	width: 270px;
	margin: 10px auto;
	background-color: white;
	height: 10px;
	padding: 10px;
	text-align: center;
}


div.home div{
float: left;
text-align: center;
width: 60px;
/* float: left; */
color: #00A390;
/* margin:0 auto 10px auto; */
	}

div.home div a, div.home div a:hover, div.home div a:visited, div.home div a:link  {
color: #604a7f;
	}

#entete_ag {
	width: 100%;
	height: 145px;
/*	padding-top:15px; */
	background-repeat: repeat-x;
	background-position: bottom left;
}

.title {
	display:none;
}

div#flex-menu {
	display: flex;
	flex-direction: row;
  justify-content: space-around;
	margin: 10px 0 0;
	background-color: transparent;
}

div#flex-menu > div > div {
	display:block;
	margin: 27px auto;
}

.typo_1, .typo_2, .typo_3, .typo_4, .typo_5, .typo_6, .typo_7, .typo_ {
font-family: 'Lobster', cursive;
font-weight: normal;
font-size: 2.1em;
margin-bottom: 60px;
	}

.typo_1 {
color: #5E5986;
	}
.typo_2 {
color: #4B3F45;
	}
.typo_3 {
color: #8A757E;
	}
.typo_4 {
color:#69B0AC;
	}
.typo_5 {
color: #95B391;
	}
.typo_6 {
color: #C08B73;
	}
.typo_7 {
color: #746342;
	}
.typo_ {
color: #00A390;
	}

.menu_1, .menu_2, .menu_3, .menu_4, .menu_5, .menu_6, .menu_7 {
		background-color: transparent;
		text-align: center;
	/*	color: blue; */
		width: 8%;
}
#menu_1 , #menu_2, #menu_3 , #menu_4 , #menu_5, #menu_6, #menu_7 {
/* 	display: block; */
/* 	color: blue; */
	background-color: transparent;
	text-decoration: none;
	/* margin:0 auto; */
		}

div a#menu_1 , div a#menu_2, div a#menu_3 , div a#menu_4 , div a#menu_5, div a#menu_6, div a#menu_7 {
	background-color: transparent;
/*	color: blue; */
}

	div.active a#menu_1, div a#menu_1:hover, a#menu_1.menu_1 {
	background-color: #5E5986;
	color:white;
		padding: 11px;
		}
	div.active a#menu_2, div a#menu_2:hover, a#menu_2.menu_2 {
	background-color: #4B3F45;
	color: White;
		padding: 11px;
		}
	div.active a#menu_3, div a#menu_3:hover, a#menu_3.menu_3 {
	background-color: #8A757E;
	color: white;
		padding: 11px;
		}
	div.active a#menu_4, div a#menu_4:hover, a#menu_4.menu_4 {
	background-color: #69B0AC;
	color: White;
		padding: 11px;
		}
	div.active a#menu_5, div a#menu_5:hover, a#menu_5.menu_5 {
	background-color: #95B391;
	color: white;
		padding: 11px;
		}
	div.active a#menu_6, div a#menu_6:hover, a#menu_6.menu_6 {
	background-color: #C08B73;
	color: white;
		padding: 11px;
		}
	div.active a#menu_7, div a#menu_7:hover, a#menu_7.menu_7 {
	background-color: #746342;
	color:white;
		padding: 11px;
		}
/*	a:hover, a.active, div.active a {
		color:white;
	} */

svg {
	display:none;
}

h3.spip {
text-align: left;
	}

#navigation_ag {
	margin:20px auto 0;
	width: 1080px;
	background-color: transparent;
	list-style-type: none;
}

#navigation_ag li {
float:left;
width: 150px;
text-align: center;
}

#navigation_ag li div {
margin: 24px auto 0;
	}

#contenu_ag {
	width: 100%;
	margin:85px auto 10px;
}

.contenu_ag_conteneur {
	min-height: 300px; /* pour test */
//	background-color: greenyellow;
	text-align: justify;
}

.contenu_ag_conteneur ul.editer-groupe {
	list-style-type: none;
}

.contenu_ag_conteneur ul.editer-groupe li {
	margin: 1em;
	text-align: left;
}

.f_left_txt {
float: left;
text-align: left;
width: 35%;
margin:0;
/* padding: 0 5%; */
	}

.f_right_img {
/* float: right; */
text-align: center;
width: 35%;
/* margin:0 50px 0 0; */
margin:0;
z-index:-5;
padding:0;
float:right;
}

.f_left_img { /* pour num impairs */
width: 35%;
margin:0;
text-align: center;
z-index: -5;
float: left;
}

.f_right_txt {
float: right;
margin-right: 0;
width: 35%;
/* padding: 5%; */
/* background-color: green;*/
	}

#left_block, #right_block {
	float:left;
	width:15%;
	height: auto;
}
#right_block {
	float:right;
}

#slider {
margin:20px auto;
	}

.nivo-caption{
display: none;
	}

div.footer {
clear: both;
margin: 10px auto;
width:100%;
padding-top: 75px;
text-align: center;
	}

.reponse_formulaire_ok {
color: #95B391;
	}

.fond_anim {
	/* width: 1080px; */
	/* height: 346px; */
	background-image: url('../../IMG/png/page_accueil.png');
	/* margin: 25px auto; */
	margin: 25px auto;
	background-position: center;
	background-repeat: no-repeat;
}

#navigation_ag_mobile {
	display: none;
}

fieldset {
	background-color: #95B391;
	border: 1px solid #959991;
}

legend {
	color: #95B391;
	font-weight: bold;
	background-color: white;
	border: 1px solid #959991;
	padding: 5px;
}

@media only screen and (max-width: 1280px) {
	.f_left_txt {
	float:left;
	width: 40%;
	padding: 0 5%;
		}

	.f_right_img {
	float: right;
	width: 40%;
		}

	.f_left_img { /* pour num impairs */
	float:left;
	width: 40%;
	}

	.f_right_txt {
	float:right;
	width: 40%;
	padding: 0 5%;
		}

	#left_block, #right_block {
		width:10%;
		float:left;
	}
	#right_block {
		float: right;
	}
}

@media only screen and (max-width: 1024px) {
	.f_left_txt {
	width: 40%;
	padding: 5%;
		}

	.f_right_img {
	width: 40%;
		}

	.f_left_img { /* pour num impairs */
	width: 40%;
	}

	.f_right_txt {
	width: 40%;
	padding: 5%;
		}

	#left_block, #right_block {
		width:5%;
		float: left;
	}
	#right_block {
 	float: right;
 }
}

/* ***** Media max 768px ***** */
@media only screen and (max-width: 768px) {
	body {
		width: 100vw;
		font-size: 1em;
	}

#contenu {
	padding-top:0;
}

	.fond_anim {
		width: 100%;
		background-image: none;
		margin:25px auto;
	}

	h1.gros_titre {
		/*background-image:url('../../IMG/png/titre_accueil.png');
		background-repeat: no-repeat;
		background-position: center center;*/
		text-align: left;
		color: white;
		font-family: 'Lobster', cursive;
		font-weight: normal;
		font-size: 1.5em;
		background-color: transparent;
		width: 100%;
/* 		padding: 4px 15px;
		position: relative;
		bottom: 9px;
		left:17px;*/
		margin: 0;
 		padding: 18px 0 0;
		}

		h1#gros_titre.gros_titre {
			/*background-image:url('../../IMG/png/titre_accueil.png');
			background-repeat: no-repeat;
			background-position: center center;*/
			margin:10px auto;
			color: #00A390;
			font-family: 'Lobster', cursive;
			font-weight: normal;
			font-size: 2.3em;
			background-color: transparent;
			text-align: center;
			width: 100%;
			padding: 4px 0;
			}

	div.anythingSlider {
		padding:0;
	}
	#navigation_ag {
		display: none;
	}
	#entete_ag {
		width: 100%;
		height: 45px;
		padding-top: 0;
/*		background-repeat: repeat; */
		background-position: top left;
	}
	#navigation_ag_mobile {
		display: block;
		text-align: left;
		padding: 0 5px;
	}
	#navigation_ag_mobile {
		display: inline-block;
		list-style-type: none;
	}
	.gros_titre {
		color: white;
	}

	#contenu_ag {
		width: 90%;
		margin:0 auto 10px;
	}

	.f_right_img, .f_left_img {
	/* float: right; */
	display:none;
		}

	.f_left_txt, .f_right_txt {
	float: none;
	width: 90%;
	margin:0 auto;
	font-size:0.9em;
	/* background-color: green;*/
	}
	div.footer {
		width:90%;
		font-size:0.8em;
		text-align: center;
	}
	input.text {
		width:100%;
		line-height: 2em;
	}
	.title {
		display:block;
		color: white;
		font-family: 'Lobster', cursive;
		font-weight: normal;
		font-size: 1.8em;
		text-align: center;
		padding: 3px 3px 3px 4%;
		width: 80%;
	}
	div#flex-menu {
		display: none; /* change */
	  justify-content: space-around;
		flex-direction: column;
		margin: 0;
		background: #DDD;
		background: linear-gradient(#DDD,#FFF);
		z-index:12;
	}

	div#flex-menu > div {
		width: 100%;
		margin: 0;
/*		background-color: transparent; */
		border-bottom: 1px solid #AAA;
		z-index:11;
	}

	div#flex-menu > div > div {
		display:none;
	}

	svg#open_menu, svg#close_menu {
		display:block;
		position:absolute;
		top:12px;
		cursor: pointer;
	}

	svg#close_menu {
		display:none;
	}

	.typo_1, .typo_2, .typo_3, .typo_4, .typo_5, .typo_6, .typo_7, .typo_ {
	margin-bottom: 0;
		}

	.menu_1, .menu_2, .menu_3, .menu_4, .menu_5, .menu_6, .menu_7 {
			background-color: #DDD;
		/*	color: blue; */
			width: 100%;
			height: 3em;
			line-height: 3em;
			font-size: 1em;
			text-align: left;
/*			padding-left:15px; */
			display: block;
	}
	#menu_1 , #menu_2, #menu_3 , #menu_4 , #menu_5, #menu_6, #menu_7 {
		display: block;
	/* 	color: blue; */
		background-color: transparent;
		text-decoration: none;
		/* margin:0 auto; */
			}

	div a#menu_1 , div a#menu_2, div a#menu_3 , div a#menu_4 , div a#menu_5, div a#menu_6, div a#menu_7 {
		background-color: transparent;
	/*	color: blue; */
	}

		div.active a#menu_1, div a#menu_1:hover, a#menu_1.menu_1, a#menu_1 {
		background-color: #5E5986;
		color:white;
		padding: 0 0 0 15px;
			}
		div.active a#menu_2, div a#menu_2:hover, a#menu_2.menu_2, a#menu_2 {
		background-color: #4B3F45;
		color: White;
		padding: 0 0 0 15px;
			}
		div.active a#menu_3, div a#menu_3:hover, a#menu_3.menu_3, a#menu_3 {
		background-color: #8A757E;
		color: white;
		padding: 0 0 0 15px;
			}
		div.active a#menu_4, div a#menu_4:hover, a#menu_4.menu_4, a#menu_4 {
		background-color: #69B0AC;
		color: White;
		padding: 0 0 0 15px;
			}
		div.active a#menu_5, div a#menu_5:hover, a#menu_5.menu_5, a#menu_5 {
		background-color: #95B391;
		color: white;
		padding: 0 0 0 15px;
			}
		div.active a#menu_6, div a#menu_6:hover, a#menu_6.menu_6, a#menu_6 {
		background-color: #C08B73;
		color: white;
		padding: 0 0 0 15px;
			}
		div.active a#menu_7, div a#menu_7:hover, a#menu_7.menu_7, a#menu_7 {
		background-color: #746342;
		color:white;
		padding: 0 0 0 15px;
			}
		div#flex-menu div.menu_1:hover {
		background-color: #5E5986;
		color:white;
		}
		div#flex-menu div.menu_2:hover {
		background-color: #4B3F45;
		color:white;
		}
		div#flex-menu div.menu_3:hover {
		background-color: #8A757E;
		color:white;
		}
		div#flex-menu div.menu_4:hover {
		background-color: #69B0AC;
		color:white;
		}
		div#flex-menu div.menu_5:hover {
		background-color: #95B391;
		color:white;
		}
		div#flex-menu div.menu_6:hover {
		background-color: #C08B73;
		color:white;
		}
		div#flex-menu div.menu_7:hover {
		background-color: #746342;
		color:white;
		}
		a#menu_1, a#menu_2, a#menu_3, a#menu_4, a#menu_5, a#menu_6, a#menu_7 {
			color: #684A7F;
		}

}