body /* On travaille sur la balise body, donc sur TOUTE la page */
{
	background-color: #454545;
	color: white;
	width: 890px;
	height:650px;
	margin: auto;
}

#pag1dex /* On travaille sur la balise body, donc sur TOUTE la page */
{
	background-color: #454545;
	color: white;
	width: 890px;
	height:650px;
	margin: auto;
}

#en_tete1
{
	float: left;
	width: 445px;
	height: 150px;
	background-image: url("image/bandeau.png");
	background-repeat: no-repeat;
	border-bottom: 2px solid black;
}

#en_tete2
{

	width: 445px;
	height: 150px;
        margin-top: 0px;
        margin: 0px;
	padding: 0px;
	margin-left: 445px;
	background-image: url("image/blanc.png");
	background-color: white;
	border-bottom: 2px solid black;
}

#corps
{
   width: 590px;
   height: 530px;
   margin-top: 0px;
   margin: 0px;
   padding: 0px;
   margin-left: 300px;
   color: black;
   background-color: white;
   /*border-left: 2px solid black;*/
}

#corpsindex
{
   width: 590px;
   height: 530px;
   margin-top: 0px;
   margin: 0px;
   padding: 0px;
   margin-left: 300px;
   color: black;
   background-color: #f8fefe;
   /*border-left: 2px solid black;*/
}

#corps2
{
   /*float: right;*/
   width: 600px;
   height: 670px;
   margin-top: 0px;
   margin: 0px;
   padding: 0px;
   margin-left: 300px;
   color: black;
   background-color: #f2f2f2; /*white;*/
}


#promo1
{
	float: left;
	width: 300;
	height: 530;
}

#menu2
{
   float: left; /* Le menu flottera à gauche */
   width: 300px; /* Très important : donner une taille au menu */
   height: 580px; /* J'AI PAS CHANGER LA HAUTEUR SINON CE SERAIT 630 */
   /*margin: none;*/
}


#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 300px; /* Très important : donner une taille au menu */
   height: 530px;
   background-color: white;
   /*margin: none;*/
}

.sanspuce
{
   list-style-type: none; /* on ne met pas de puce sur les elements du menu*/
}



/* menu client */
#navcontainer
{
	float: left;
	width: 300px;
	height: 530px;
background: white; /*#f0e7d7;*/
/*width: 30%;
margin: 0 auto;
padding: 1em 0;*/
font-family: georgia, serif;
font-size: 13px;
text-align: center;
/*text-transform: lowercase;*/
}

/* menu client */
#nav2container
{
	float: left;
	width: 300px;
	height: 670px;
background: #f2f2f2; /*white;*/ /*#f0e7d7;*/
/*width: 30%;
margin: 0 auto;
padding: 1em 0;*/
font-family: georgia, serif;
font-size: 13px;
text-align: center;
/*text-transform: lowercase;*/
}


ul#navlist
{
text-align: left;
list-style: none;
/*padding: 0;
margin: 0 auto;
width: 70%;*/
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: 220px;} /*auto; }*/

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: #f0e7d7; /*transparent;*/
border-color: #aaab9c #fff #fff #ccc;
}
/* fin acces menu client */