/* ~~~ Generale ~~~ */

body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	background : #f3f6fb;
	font-size : 0.8em;
	font-family : arial; 
	}



/* ~~~ Contenu ~~~ */


#conteneur{
	width:640px;
	background : #fff;
	}


.header {
	width : 640px; 
	height : 180px; 
	background : #47484B url(images/header.jpg); 
	}

  
.espace {
	height : 20px; 
	width : 100%; 
	background : #F8F6F3;
	}


#gauche {
	width :210px;
	float : left;
	margin-left : 0px; 
	padding-bottom :100px;
	text-align : justify;
	}


#droite {
	width : 430px ;
	background: transparent; 
	float : left;
	margin-left : 0; 
	padding-bottom : 40px; 
  text-align : justify;
	}


#centre {
	margin: 20px 0 10px 60px;
	}

.illustration {
	float : left;
	}

/* ~~~ Menu ~~~ */


.menu {
	margin : 0 0 0 3px; 
	padding : 0; 
	list-style : none; 
	height : 20px; 
	font-size : 1.1em;
	}
  

 
.menu li  {
	margin:150px 0 0 -1px;
	padding:0 5px;
	text-align: center;
	border-left: 1px #000 solid;
	float:left;
	list-style-type: none;
	}
	
.menu li:first-child {
	border:0;
	}
 
    
	
.menu li a {
	color : #000;
}

.menu li a:hover {
	color : #C6C9B9;
}


/* ~~~ Titres ~~~ */


h1 {
	display:none;
	}
 
 
h2 {
	margin : 10px 20px 7px 20px; 
	border-bottom : 1px dotted #000 ; 
	line-height : 30px ; 
	padding-bottom : 5px ; 
	font-size : 1.5em;   
	}

h3 {
	margin : 40px 20px 5px 20px; 
	border-bottom : 1px dotted #000 ; 
	line-height : 20px ; 
	padding-bottom : 5px ; 
	font-size : 1.3em;   
	}

h4 {
	margin : 20px 220px 10px 20px; 
	border-bottom : 1px solid; 
	line-height : 20px ; 
	padding-bottom : 5px ; 
	font-size : 1.3em;   
	}

h5 {
	margin : 10px 0 5px 20px;
	text-decoration : underline;  
	font-size : 1.3em; 
	font-weight: normal;  
	}
	
h6 {
	margin : 20px 40px 10px 20px; 
	border-bottom : 1px solid; 
	line-height : 20px ; 
	padding-bottom : 5px ; 
	font-size : 1.3em;   
	}	

/* ~~~ Textes ~~~ */


#gauche p {
	padding : 0 ; 
	margin : 5px 20px 0 20px;
	font-size : 1.2em;
	}

#droite p {
  	width:  370px;
	padding : 0; 
	margin : 5px 20px 0 20px;
	font-size : 1.3em;
	}
html>body #droite p {margin : 5px 20px 0 20px;}
	
#droite ul  {
	float: left;
  	width:  360px;
	margin : 10px 0 5px 10px;
	font-size : 1.3em;
	}
html>body #droite ul {width:  360px; margin: 10px 5px 12px 5px;}

.lettrine {
	float: left; 
	font-size: 2.5em;
	font-weight: bold;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #91160A;
	margin: 0.1em;
	line-height: 0.7em;
	}

#contacts p{
	margin : 25px 20px 25px 20px;
	text-align: center;
	}
 
/* ~~~ Liens ~~~ */
 
 
a {
	text-decoration : underline;
	font-weight: bold; 
	color : #91160A;
	}

a:hover {
	text-decoration : underline; 
	color : #000;
	}
	
	
.lecon  {
	text-decoration : none; 
	font-size: 1.2em;
	font-weight: normal;
	color : #91160A;
	margin: 0 0 10px 140px;
	}
	
.pop  {
	text-decoration : none; 
	font-weight: normal;
	color : #91160A;
	}

 
.signature {
	clear : both ; 
	text-align : right; 
	margin-right : 30px ; 
	height : 20px; 
	border:0px solid;
	}
	
img {
	border:0px solid;
	}