*,
*::before,
*::after {
  box-sizing: border-box;
}


body { 
	margin-top: 0px;
	margin-left: 0px;
	font-family: 'Lucida Grande';
	/*font-size: 11px;
	line-height: 4px;*/
	color: #330000;
	background:white;
	/*
	background: #FFFEED;
	*/

}



/*.img { 
	margin-left: auto;
    margin-right: auto;	
	width: 350px;
	margin-bottom: 100px;
}
*/
img{ 
	display: block;
	width: 100%;
}



#menu{ 
	/*background-color: rgba(300, 300, 300, .5);
    height:90px; margin:0;
	width: 150px ;
	height:90px;
	width: 100%;*/
	margin-left: 10px;
	font-size: 11px;
	line-height: 2px;
	position:fixed;
	top: 0px;
	left: 0px; 
	text-align:left;
	opacity: 100%;
	z-index: 3;

}

#titre{
	background-color: rgba(300, 300, 300, .5);
	height:90px;
	width: 100%;
	position:fixed;
	top: 0px;
	 width: 100%;
	 margin: 0 auto;
	/* position: relative;*/
	 text-align: center;
 	 font-size: 10px;
  	 line-height: 12px;
  	 z-index: 2;
    
}








#contenu{

margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

	 /*top: 0 auto;
	 margin:0 auto;
	 width: 350px; 
	 grid-gap: 50px 50px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 50px;
max-width: 1350px;
margin: 0 auto;
margin-top: 100px;
align-items: baseline;
	grid-template-columns:  33.33% 33.33% 33.33%;
	grid-template-rows: relative;
	min-height: 100vh;
	 position: relative;
	 text-align: left;

   font-size: 10px;
   line-height: 12px;*/
}

#contenu2{ 

	 /* top: 100px;
	 margin:0 auto;
	 width: 350px; */

	grid-gap: 150px 150px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 50px;
max-width: 1000px;
margin: 0 auto;
margin-top: 100px;

font-size: 10px;
   line-height: 12px;
  /* align-items: baseline;*/

}


#index{ 
	 margin:0px;
	 width: 500px; 
	 max-width: 500px;
	
}






a {
	color: #AEAF9C;
	text-decoration: none;
}

a:hover {
	background-color: #9D9F8B;
	color: #ffffff;
}

h1 {
	font:18px 'Lucida Grande';
	text-transform: uppercase;
	color: #000000;
}

h2 {
	font:13px 'Lucida Grande';

}

h3 {
	font:10px 'Lucida Grande';

}




/* @media only screen and (max-width: 1100px) {
  #contenu{ 

	grid-template-columns: repeat(2, 1fr);
	max-width: 900px;

}

@media only screen and (max-width: 740px) {
  #contenu{ 

	grid-template-columns: repeat(1, 1fr);
	width: 450px;



}


@media only screen and (max-width: 740px) {
  #contenu2{ 

	grid-template-columns: repeat(1, 1fr);
	width: 350px;

}