/*
/*  M O B I L E    F I R S T
/*
/**********************
 * STYLES GENERIQUES *
 *********************/

* {
 	box-sizing: border-box;	
 }


.container {

 	max-width: 1100px;
 	background-color: white;
 	margin: 0 auto;

}


h1 {

	font-size: 4rem;
	color : #AAA;
	padding : 1rem 2rem;
	margin: 0 auto;

}

h2 {
	display : inline-block;
	padding: 2rem 1rem;
	font-size: 3rem;
	color : black;
}

section#acces ul.flex {

	flex-direction: column;
	justify-content: space-around;
	flex-wrap: nowrap;
	align-items: center;
		
}

/**************
     HEADER
***************
*/


header {

	text-align : center;
	background-color: silver;
	padding : 2rem;
}


header nav a:hover {

	color : rgb(255,219,0);			
}


/******************************
   MAIN
 ******************************
 */

iframe {

	width: 320px;
	height: 280px;
	border:0;
}

section#localisation section {

	width:90%;
	margin: 1rem auto;

}

table#infoprox {

	text-align: left;
	margin : 2rem;
}


.picto.voiture {

	padding-top: 1.5rem;
}

#infoprox img.pictoperso {

	max-width: 100%;
	height: auto;
}

section#acces img.picto {

	width: 5rem;
}

/******************************
   A PROXIMITE
*******************************
*/

table#infoprox img.picto {

	width: 3rem;

}

table#infoprox {

	width: 95%;
	margin: 0 auto;

}

table#infoprox td:nth-child(2n) {

	text-align: left;
	padding-left: 0.5rem;

}

/****************
    FOOTER  
*****************
*/
footer p {

	font-weight: bold;
	font-size: 1.5rem;
	margin : 0 auto;
}

footer h2 {

	font-size: 3rem;
}

footer h3 {

	font-size: 6rem;
	line-height: 0;
	margin : 5rem auto;
}

footer section#ondininfo {
	background-color : rgb(255,219,0);
	color : black;
	margin-top: 2rem;
	padding : 2.5rem 0 3rem;
}

footer section#ondininfo img {

	display : block;
	width: 6rem;
	margin : 1rem auto;

}

footer section#ondininfo>div {

	text-align: center;
	width : 75%;
	margin: 0 auto;

}

footer section#ondininfo div div:nth-child(2n) {

	border-left: 1px solid black;
	opacity : 0.1;
}

footer section#mentions {

	background-color : #222;
	padding-bottom: 3rem;
}

footer section#mentions a {

	color : white;
}

footer section#mentions a:hover{
	background-color : black;
	color : rgba(255,219,0,1);						
}

footer nav {

	padding: 3rem;
	margin : 0 auto;
}

/**********************************/
/* F O R M A T    T A B L E T T E */
/**********************************/

 @media only screen and (min-width: 760px ) {


	/******************************
	   DIAPORAMA
	*******************************
	*/
	section.diaporama {

		width:60%;
		margin : 0 auto;
	}

	.diaporama li  {

		width: 33%;
		margin : 0 auto;
	}


	section#acces ul.flex {

		flex-direction: row;
		justify-content: space-around;
		align-items: center;		
	}


	/******************************
	   ASIDE
	*******************************
	*/

	section#localisation section {

		width:45%;
		text-align: left;
		margin : 0 1rem;
	}

	section#localisation a {

		color : blue;
	}

	section#localisation a:hover {

		background-color : blue;
		color : white;
	}


}

/**********************************/
/* F O R M A T    D E S K T O P   */
/**********************************/

 @media only screen and (min-width: 1025px ) {

	
	head {
		position : relative;
	}

	iframe {

		width: 500px;
		height: 437px;
		border:0;
	}

	section#detail div.info {

		width : 30%;
		padding: 2rem 5rem;
	}

	section#acces li {

		width : 20%;
	}

}