@charset "UTF-8";
@media only screen and (min-width: 41em) {
	/* 41em = 656 px */
	
	/* L'en-tête */
	header{width:100%; height:130px; background: url("../images/courtoisie.jpg") no-repeat 4%, url("../images/voiture-header.jpg") no-repeat 100%; background-color:#D3D6E9; margin-bottom:10px; border-bottom:1px solid black;}
	header h1{display:block; text-align:center; font-size:2em; padding:2% 0% 4% 0%; text-decoration:underline;}
	header p{display:block; text-align:center; font-size:1.1em;}
	.open {display: none;}
	
	/* Le menu */
	nav{display:block}
	nav{float:left; width:20%; margin-left:2%; margin-top:2%;}
	.element_menu, .logoPart{background-color:#D3D6E9; border:1px solid black; margin-bottom:10%;}
	.element_menu h3{color:#80684c; text-align:center; margin:5%;}
	.element_menu ul{padding-left:10%; margin-bottom:5%;}
	.element_menu a, footer a{text-decoration:none; color:#000000;}
	.element_menu a:hover, footer a:hover{text-decoration:underline; color:#000000;}
	
	/* Le corps */
	section{width:70%; margin:3% 0% 0% 25%; color:#0d0706; text-align:justify;}
	section a, section a:visited{text-decoration: none; border-bottom: 1px dotted; color: black;}
	section a:focus, section a:hover, section a:active {border-bottom: 1px solid;}
	section .img_gauche{max-width: 100%; float:left; margin:2% 8% 2% 2%;}
	section .img_droite{max-width: 100%; float:right; margin:8% 2% 2% 4%;}
	section .img_centre{max-width: 100%; text-align: center; margin:8% 2% 2% 4%;}
	
	/* Les tableaux deviennent normaux */
	table{margin:auto; margin-top:20px; margin-bottom:20px; border-collapse:collapse; text-align:center; text-indent:0px;}
	caption{font-style: italic; text-decoration: underline;}
	th{border:1px solid #c3bba7; padding:10px; font-size:1em; background-color:#D3D6E9;}
	td{border:1px solid #c3bba7; padding:5px 10px;}
	
	.test {margin:auto; margin-top:20px; margin-bottom:20px; border-collapse:collapse; text-align:center; text-indent:0px;}
	.test caption{font-style: italic; text-decoration: underline;}
	.test th{border:1px solid #c3bba7; padding:10px; font-size:1em;}
	.test td{border:1px solid #c3bba7; padding:5px 10px;}
	
	/* Le formulaire de contact */
	#contact{padding: 3%; border: 1px solid black; text-indent: 3%; text-align: justify; border-radius: 20px; box-shadow: 6px 6px 6px black;}
	#contact label{display: inline; text-align: justify;}
	#contact input{width: 70%; max-width: 200px;}
	#contact textarea{width: 90%; max-width: 450px; height: 200px;}
	
	/* pied de page */
	footer p{line-height: 1.5em;}
}