html, body {
height: 100% ;

}

body {
	margin : auto;
	background : #861916;
	color : #CA3E2D;
	font-size : 13px;
	font-family : arial;

}



#cont {
width : 909px ;
margin : 1.5em auto 0 auto ;
padding : 0 ;
background : url(images/centrage3test.jpg) no-repeat  ;
text-align : left ;
min-height : 100% ;

}

/* HAUT
********************************************/

#haut {
	width : 100%;
	height : 17em;
	background : url(images/yeux.jpg);
	border: 1px solid #811815;
}


#haut ul {
	width : 40%;
	padding : 0;
	list-style : none;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1.6em;

}

  
#haut li a {
display : block ;
text-decoration : none ;
height : 2em ;
color : #E69D1C ;
font-weight : bold ;
margin : auto ;
padding : 0 ;
text-indent : 3em ;

  }
  
  
#haut li a:hover {
background : url(images/puce.jpg) 0 4px no-repeat  ;

  }

#haut li   .on {
	background-image: url(images/puce.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;

  }

/* CENTRE
*****************************************/

#centre {
width : 100% ;
margin : auto ;
padding : 0 ;
line-height : 1.5em ;

}

/* GAUCHE
*******************************************/

#gauche {
width : 50% ;
margin : 0 0 0 3em !important ;
padding : 0 0 3em 0 ;
float : left ;
background-color : transparent ;

}



#gauche a {
color : #CA3E2D ;
text-decoration : none ;

}

#gauche a:hover {
color : #E69D1C ;
text-decoration : none ;

}


/* DROITE
************************************************/

#droite {
	width : 37.2%;
	float : left;
	background : transparent;
	margin: 0 0 0 3em ;
	padding: 0 5px ;

}




.img_intro {
float : left ;
display : block ; 
margin : 0 0 0 0 ;

}


#droite ul {
margin : 1em 0 1em 0 ;
padding : 0 ; 
list-style : none ;
}


#droite li a {
color : #CA3E2D ;
text-decoration : none ;

}


#droite li a:hover {
color : #E69D1C ;
text-decoration : none ;

}

/* BAS
*************************************/

#bas {
	font-size : 1.4em;
	text-align : center;
	background-image : url(images/bas.jpg);
	clear: both;
	margin-top: 60%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 2.5em;
}


#bas a {
color : #E69D1C ;
text-decoration : none ;
}

#bas a:hover {
color : #CA3E2D ;
text-decoration : none ;

}

/* TITRES
**********************************************/

h1 {
margin : 2%  0 3% 0 ;
padding : 0 ;
line-height : 1.5em ;
color : #E69D1C ;

}

h2 {
margin : 5% 0 3% 0 ;
padding : 0 ;
line-height : 1.5em ;
color : #E69D1C ;

}

/*SIGNATURES BAS DE PAGE
**********************************************/

#signature {
margin : 1% 0 3% 1.5% ;
padding : 0 ;
height : 20% ;
}

#signature a {
text-decoration : none ;
color : #CA3E2D

}

#signature a:hover {
text-decoration : underline

}

/* SOUS-DROITE
**************************************************/
.cv {
margin : 0 0 5% 0 ;
padding : 0 ;
height : 3em ;
line-height : 3em ;
background : #3B060C ;

}


.cv img {
float : right ;
margin-right : 1em ;
border : 0 ;

}


.cv p {
margin : 0 ;
padding : 0 ;
text-align : center ;
color : #E69D1C ;


}