#entete, #menu, #contenu {
	/*padding:1px 0;*/
}

body {
	font-size: 16px;
}
/*@media only screen and (max-width:800px) {
 body {
 background-color:grey;
 color:white
 }
}*/

#entete {
	height:80px;
	/* background-color:#FF9900; */
	text-align:left;
	font-family: roboto, arial;
	color: black;
	font-size: 2.5vw;
	padding-top: 10px;
	padding-right: 10px;
	margin-left: 260px;
/*isplay: grid;
	grid-template-columns: 1350px 50px;
	grid-template-rows: 50px 20px;
*/
}
@media only screen and (max-width:1300px) {
 #entete {
	/*height:80px;
	/* background-color:#FF9900; */
	text-align:left;
	font-family: roboto, arial;
	color: black;
	font-size: 2.3vw;
	padding-top: 15px;
	padding-right: 10px;
	margin-left: 130px;
 }
 	
}


#main {
	max-width:1950px;
	/*margin:auto;*/
	text-align: middle;
}


#menu  {
	float:left;
	width:240px;
	height:910px;
	background-color:#3299FF;
	font-family: roboto, arial;
	font-size: 135px;
	color: white;
	vertical-align: middle;
	display: flex;
	align-items: center;
	
}

@media only screen and (max-width:1300px) {
 #menu {
	float:left;
	width:120px;
	height:650px;
	background-color:#3299FF;
	font-family: roboto, arial;
	font-size: 80px;
	color: white;
	vertical-align: middle;
	display: flex;
	align-items: center;
 }
 
	/*
	img.responsive {
		width: "25px";
	}*/

}

#contenu {
	margin-left:150px;
	height:800px;
	/*background-color:#9966FF;*/
	text-align: center;
	font-family: roboto, arial;
	font-size: 1.7em;
	color: #3299FF;
	text-decoration: none;
	/*margin-top: 20px;*/
	/*img {
			width="100px";
			height="100px"
	}*/
	display: grid;
    grid-template-columns: repeat(auto-fit, 400px);
    grid-template-rows: repeat(auto-fit, 200px);
}
/*@media only screen and (max-width:800px) {
 #contenu {
 background-color:grey;
 color:white
 }
}*/
@media only screen and (max-width:1300px) {
 #contenu {
	/*background-color:green;*/
	margin-left:135px;
	height:250px;
	/*background-color:#9966FF;*/
	text-align: center;
	font-family: roboto, arial;
	font-size: 1.1em;
	color: #3299FF;
	text-decoration: none;
	/*margin-top: 10px;*/
	display: grid;
    grid-template-columns: repeat(auto-fit, 200px);
    grid-template-rows: repeat(auto-fit, 180px);
 }
 
	/*
	img.responsive {
		width: "25px";
	}*/

}

img.responsive {
	width: "100px";
	height: "auto";
}

/*
#contenu img {
			width:"100px";
			height:"100px";
	}
*/

a {
	color: #3299FF;
	text-decoration: none;
	
}

.vertical-text {
	transform: rotate(-90deg);
	margin-left: -330px;
	white-space: nowrap;
}
@media only screen and (max-width:1300px) {
 .vertical-text {
	transform: rotate(-90deg);
	margin-left: -220px;
	white-space: nowrap;
 }

}

.imgPad {
	padding: 20px 20px 20px 20px;
}

/*
selection {
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 70px;
}
*/

/*
h1 {
	font-size: vw;
}

@media (max-width: 640px) {
  h1 {
	  font-size: 1em;
  }
}

@media (max-width: 960px) {
  h1 {
	  font-size: 1.5em;
  }
}
*/