<!doctype html>
				<html><head><title> standard</title>
			<style type="text/css">
			
		*html{box-sizing:border-box;}

	    italic{ color:royalblue; }

		.container {
		display: grid;
		    
			height:100%;
				width:100%;
		    
		  max-width:1500px;
		   height:auto;
		    grid-template-columns:200px 1fr;
		    grid-template-rows:auto  1fr;
		    
		  } 

		.nav{position:fixed;height:1000px;width:200px;top:0px;left:0px;background-image:url("img/4.png");background-repeat:repeat;}


			 
		.liste-sidenav ul{top:10px;list-style-type:none;display:flex;flex-direction:column;}

		.liste-sidenav  li{height:80px;
		display:flex;margin-left:-35px;background-image:url("img/Sans titre.png");}
     .liste-sidenav a{margin-left:30px;margin-top:20px;overflow-wrap:break-word;font-size:12px;color:white}

		a:link{color:navy;font-size:16px}
		a:visited{color:maroon;font-size:16px}

		a:hover{color:black;font-size:16px;}
		a:active{color:maroon}
		 
		 
h1 {color:#5f9ea0 	}
h2 ,h3{color:#778899 	}
h4 , h5{color:#2e8b57 	}
		img{
			width: 50px;
				transition: transform .1s;
			}
			img:hover{
			-ms-transform: scale(8.5); /* IE 9 */
			-webkit-transform: scale(8.5); /*  Safari 3-8 */
			transform: scale(8.5);
			}
            .retour img:hover{
            -ms-transform: scale(2.5); /* IE 9 */
			-webkit-transform: scale(2.5); /*  Safari 3-8 */
			transform: scale(2.5);
			padding-left:30px;
			margin-bottom:10px;
		    } 

	.main{position:absolute;padding:10px;left:200px;top:0px;background-color:#ffd}

	.main ul,li, a{list-style-type:none;color:dimgray;margin-left:20px;margin:20px} 
	.container_index{display:grid;grid-direction:column;position:absolute;top:0;left:200px;width:100%;height:1000px;background-image:url("img/background6.png");background-size:80%;background-repeat:no-repeat;background-position:30% 10%;background-color:#a00000}

	@media screen and (max-width:700px){ 

		.container{display:flex;flex-direction:column;}  
		.container_index{position:absolute ; top:10px;display:block;background-image:none;}
		.nav {/*position:absolute;*/display:flex;flex-direction:column;height:70px;padding:20px;background-image:none;background-color:blanchedalmond;width:100%}
		.liste-sidenav li{background-image:none;float:left;margin:-15px;overflow-block:visible;}
		.liste-sidenav a{display:flex;margin-top:0px;overflow-wrap: break-word;flex-flow:row wrap;display:inline-table;font-size:13px;} 
		.main{display:flex;flex-direction:column;top:110px;left:0px;font-size:11px;max-width:100%} 
		.main a{display:inline;color:gray;margin:5px;font-size:10px}
		.main ul ,li{display:flex;flex-direction:column;color:maroon;margin:0px;margin-left:-20px}  
		img{display:flex;flex-direction:column;margin-left:180px}
		.container_index{background-image:url("img/background6_mini.png");background-repeat:no-repeat;position:absolute;left:0px;top:150px;height:250px}

		.container_index_bottom{background-image:url("img/5.png");background-repeat:repeat-y;position:absolute;top:400px;left:0;width:600px;height:600px}
      } 

				</style> 
				</head></html>

/*background_menu 3.png*/
