body {
	background:linear-gradient(white,#bcdef5);
/*	max-width: 1600px;  */
	margin-left: auto;
	margin-right: auto;
	width: 98%; /* largeur obligatoire pour être centré */
	min-width:600px;
	margin-left :1%;
	margin-right:1%;
	font-family: verdana;
	height : auto;
}
/* ------------------------------- Style du header ------------------------------------------------------- */
header{	
				/*
				border-width: 1px;
				border-style: ridge;
				border-color: #5087C5;
				border-radius : 10px; 
				*/
				padding-left: 1%;
				padding-right: 1%;
				padding-top : 10px;
				padding-bottom : 1px;
	
		/* --------- Style de la 1ere case gauche du header contenant le logo --------- */		
}			
		.head_1{
				display: inline-block; 		/*permet de placer ce 1er bloc côte à côte du 2nd */
				vertical-align: top;		/* aligne les 2 blocs au dessus */
				text-align: center;
				/*width : 22% ;*/
				width : 250px;
			/*------------encadrement pour réglage mise en page----------------*/
				/*
				border-width: 1px;
				border-style: ridge;
				border-color: #5087C5;
				border-radius : 10px; 
				padding-left: 1%;
				padding-right: 1%;
				padding-top : 10px;
				padding-bottom : 1px;
				*/
			/*------------------fin encadrement------------------------*/
			}
				.logo{						/* position logo haut*/
					width:150px;				
				}
		

		/* --------- Style de la 2eme case du header contenant le menu --------- */		
		.head_2{
				display: inline-block; 		/*permet de placer ce 2° bloc côte à côte du 1er */
				vertical-align: top;
				width: 70%;
				/*height: auto; */	
				height : auto;
				/*padding : 0% 0% 0% 0%;*/ /* haut | droit | bas | gauche */
				margin-top : 40px; 
				/*------------encadrement pour réglage mise en page----------------*/
					/*
					border-width: 1px;
					border-style: ridge;
					border-color: #5087C5;
					border-radius : 10px; 
					*/
					/*padding-left: 1%;
					padding-right: 1%;
					padding-top : 10px;
					padding-bottom : 1px;*/
				/*----------fin encadrement--------------*/
				
		}
		
			nav ul.entete{ 						/* bandeau blanc du menu tout en haut */
					text-align: center; 		/* le texte du menu est centré */
					height : auto;
					color:white;					
		}
			nav li.entete{
					display:inline-block; 		/* affiche le menu sur une ligne */
					width:15%;
					vertical-align: middle;
					min-width : 120px;
					max-width : 150px;
					background-color: #FCF7EC;
					/* color:white; */
					height : auto;
					font-size : 0.9em;
					/*
					border-width: 1px;
					border-style: ridge;
					*/
					border-color: #5087C5;
					border-radius : 2px; 
					padding-left: 0%;
					padding-right: 0%;
					padding-bottom :2px;
					padding-top : 0px;
			}
			nav li.entete_selection{            /* affiche en gros l'onglet en cours */
					display:inline-block; 		/* affiche le menu sur une ligne */
					width:15%;
					vertical-align: middle;
					min-width : 120px;
					max-width : 150px;
					background-color: #fcf3cf; /*#FAA44C;  orange foncé */
					/* background-color:#FCF7EC ; */ /* orange pâle */
					/* height : 20px; */
					color:white;
					height : auto;
					font-size : 0.9em;
					font-weight : bold;
					/*
					border-width: 1px;
					border-style: ridge;
					*/
					border-color: #5087C5;
					border-radius : 2px; 
					padding-left: 0%;
					padding-right: 0%;
					padding-bottom :2px;
					padding-top : 0px;
			}
			nav li.espace{
					display:inline-block; 		/* espace entre les items du menu sur une ligne */
					width:0px;
					vertical-align: middle;
				}
			
			a {								/* couleur et soulignement texte menu  */
				color : #225699;
				text-decoration: underline;
			}
			a:hover {			/* changement couleur menu au survol souris */ 
			color:white;
			/*text-decoration:none;*/
			background-color: #FFA500;
			font-size : 1em;
			/*font-weight : bold;*/
			}
			p.petiteLigneSousLogo{
					/*position : relative; 	*//* permet d'ajuster la position de la ligne */
					/*top:0px;	*/		 /* remonte de 10 px la ligne */
					text-align : center;
					font-size :0.7em;
						line-height: 5px;
					color: #5087C5;
			}
				p.text_sous_menu{
					position : relative; /* permet d'ajuster la position de la ligne */
					top : -20px;
					text-align : center;
					font-size :0.9em;
					/*color: #FAA44C;    orange */
					color: #5087C5;
			}
				.img_irve2{
					display: bloc;
					padding-left : 1.5%;
					padding-right :1.5%;
					width:auto;
					height :30px ;
					text-align:center
				}

/* ------------------------------- Style du corps ------------------------------------------------------- */
section{

	width: 100%; /* largeur obligatoire pour être centré */
					/*
					border-width: 1px;
					border-style: ridge;
					border-color: #5087C5;		
					border-radius : 10px;
					*/
}
			.enonce{
					height : auto;
					/*
					border-width: 1px;
					border-style: ridge;
					border-color: #5087C5;
					border-radius : 10px;
					*/
					position: relative;
					top:-20px;
					text-align: center;
					padding-left: 5%;
					padding-right: 5%;

					line-height: 30px;
					font-size :0.9em;
					color: #226699;
			}

			.map-responsive {
					overflow:hidden;
					padding-bottom:56.25%;
					position:relative;
					/*height:0;			*/
				}
				.map-responsive iframe {
					border-radius : 30px;
									/*	text-align: center;*/
					left:0%;
					right:0%;
					top:0;
					height:70%;
					width:100%;
					position:absolute;
				}


				
/* ------------------------------- Style du footer ------------------------------------------------------- */
	footer {
	/*	background:linear-gradient(white,#bcdef5);*/
	background-color:#5087C5;
	position: relative;
	color : #5087C5;
	height : auto;
	border-width: 1px;
	border-style: ridge;
	border-color: #5087C5;
	border-radius : 10px;
	padding-left: 3%;
	padding-right: 3%;
}
p.basdepage{
	text-align: center;
	position: relative;
	color : white;
	line-height: 1.1;
	font-size :0.8em;
}
p.petit {
	position: relative;
	font-size :0.6em;
	color : white;
	text-align: center;
}

@media all and (max-device-width: 1024px)  /* ---------------------------------- MISE EN PAGE  POUR MOBILES -----------------------------------------------*/
{
body {
	background:linear-gradient(white,#bcdef5);
	margin-left: auto;
	margin-right: auto;
	width: 98%; /* largeur obligatoire pour être centré */

	margin-left :1%;
	margin-right:1%;
	font-family: verdana;
	height : auto;
}
/* ------------------------------- Style du header ------------------------------------------------------- */
header{	
				/*
				border-width: 1px;
				border-style: ridge;
				border-color: #5087C5;
				border-radius : 10px; 
				*/
				/*
				padding-left: 1%;
				padding-right: 1%;
				padding-top : 10px;
				padding-bottom : 1px;
	*/
		/* --------- Style de la 1ere case gauche du header contenant le logo --------- */		
}			
		.head_1{
				display: inline-block; 		/*permet de placer ce 1er bloc côte à côte du 2nd */
				vertical-align: top;		/* aligne les 2 blocs au dessus */
				width: 36%;	
				/*width: 260px;*/					
			
				/* min-width : 130px; permet de ne pas écraser le logo quand on retrecit la fenetre */	
				height: auto;
				padding-top:5px;
				
				/*				border-width: 1px;
								border-style: ridge;
								border-color: #5087C5;
								border-radius : 10px; 
				*/
				/*------------encadrement pour réglage mise en page----------------*/
				/*
				border-width: 1px;
				border-style: ridge;
				border-color: #5087C5;
				border-radius : 10px; 
				padding-left: 1%;
				padding-right: 1%;
				padding-top : 10px;
				padding-bottom : 1px;
				*/
				/*------------------fin encadrement------------------------*/
				} 
				.logo{						/* position logo haut*/
					/* width:160px;
					   padding-left: 40px; */
					width: 100%;
					padding-left :1%;
				}
	
		/* --------- Style de la 2eme case du header contenant le menu --------- */		
		.head_2{
				display: inline-block; 		/*permet de placer ce 2° bloc côte à côte du 1er */
				vertical-align: middle;
				width: 57%;
				/*height: 100px;*/	
				height: auto;	
				
				/*------------encadrement pour réglage mise en page----------------*/
				/*
				border-width: 1px;
				border-style: ridge;
				border-color: #5087C5;
				border-radius : 10px; 
				padding-left: 1%;
				padding-right: 1%;
				padding-top : 10px;
				padding-bottom : 1px;
				*/
				/*------------------fin encadrement------------------------*/
		}	
	
				p.petiteLigneSousLogo{
					display : none;
				}
				p.text_sous_menu{
					position : relative; /* permet d'ajuster la position de la ligne */
					text-align : center;
					font-size :2em;
					line-height : 20px;
					/*color: #FAA44C;    orange */
					color: #5087C5;
			}
			nav ul.entete{ 						/* bandeau blanc du menu tout en haut */
					text-align: center; 		/* le texte du menu est centré */
					height : auto; 				
		}
			nav li.entete{
					display:inline-block; 		/* affiche le menu sur une ligne */
					width:70%;
					min-width : 80px;
					max-width : 500px;
					background-color:#FCF7EC ; 
					height : auto;
					/*font-size :1.2em;*/
					font-size :2.5em;
					border-width: 3px;
					border-style: ridge;
					border-color: #5087C5;
					border-radius : 10px; 
					padding-left: 0%;
					padding-right: 0%;
					padding-bottom :6px;
					padding-top : 6px;
			}
			nav li.entete_selection{            /* affiche en gros l'onglet en cours */
					display:inline-block; 		/* affiche le menu sur une ligne */
					width:70%;
					min-width : 80px;
					max-width : 500px;
					background-color: #fcf3cf ; /*#FAA44C;  orange foncé */
					color:white;
					height : auto;
					font-size : 2.8em;
					font-weight : bold;
					border-width: 3px;
					border-style: ridge;
					border-color: #5087C5;
					border-radius : 10px; 
					padding-left: 0%;
					padding-right: 0%;
					padding-bottom :6px;
					padding-top : 6px;
			}
			a {								/* couleur et soulignement texte menu  */
				color : #225699;
				text-decoration: underline;
			}
			a:hover {			/* changement couleur menu au survol souris */ 
			color:white;
			text-decoration:none;
			background-color: tan;
			}
			.img_irve2{
					display: bloc;
					padding-left : 1.5%;
					padding-right :1.5%;
					width:auto;
					height :60px ;
					text-align:center
				}
/*-------------------------------- Style de la section ----------------------------------------------------*/
			.enonce{
					height : auto;
					position: relative;
					top:-0px;
					

					text-align: left;
					padding-left: 5%;
					padding-right: 5%;

					line-height: 15px;
					font-size :2.2em;
					line-height: 60px;
					color: #226699;
			}
			.map-responsive {
					overflow:hidden;
					padding-bottom:56.25%;
					position:relative;
					/*height:0;			*/
			}
			.map-responsive iframe {
					border-radius : 30px;
					/*	text-align: center;*/
					left:0%;
					right:0%;
					top:0;
					height:70%;
					width:100%;
					position:absolute;
			}
/* ------------------------------- Style du footer ------------------------------------------------------- */
		footer {
	/*	background:linear-gradient(white,#bcdef5);*/
		background-color:#5087C5;
		position: relative;
		color : white;
		height : auto;
		border-width: 1px;
		border-style: ridge;
		border-color: #5087C5;
		border-radius : 10px;
		padding-left: 3%;
		padding-right: 3%;
	}
	p.basdepage{
		text-align: center;
		position: relative;
		color : white;
		line-height: 1.2em;
		font-size :1.3em;
	}
	p.petit {
		position: relative;
		font-size :1.3em;
		color : white;
		text-align: center;
	}
}