/* -------------- Mise ŕ zéro des styles ---------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {outline: none;}

body {
background-color: #eaeaea;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000;
}
html>body #contenu {
height: auto;
min-height: 270px;
} 
/* ----------container to center the layout-------------- */
#container {
position:relative;
width: 992px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align:left;
background: #fff;
}

/* ----------banner -------------- */
#banner {
width:992px;
height:141px;
background-image: url(../images/bandeau.jpg);
background-repeat: no-repeat;
margin:O;
padding:0;
}
/* -----------------logo --------------------- */
#logo{
	position:absolute;
	top:0;
	left:0;
}
/* -----------------texte déroulant --------------------- */
#nouvelles{
	position:absolute;
	top:50px;
	left:260px;
	width:350px;
}
#nouvelles input{
border:0;
background:transparent;
color:#7a7a7a;
font-variant: small-caps;
font-size:11px;
font-weight:bold;
}
/* -----------------slogan --------------------- */
#slogan{
	position:absolute;
	top:0;
	left:620px;
	width:240px;
}
#slogan h1 {display:none;}

/* -----------------menu--------------------- */
#menu-image{
	position: absolute;
	left:0;
	top:111px;
	width:125px;
}

#menu {
	position:absolute;
	top:112px;
	left:124px;
	width: 745px ;
	list-style: none ;
}	

#menu li {
	float:left;
	width:124px;
	height: 29px ;
	text-align: center ;
	text-decoration: none ;
	}
#menu li a{
	display: block ;
	width:122px;
	text-align:center;
	color:#fff;
	text-decoration: none ;
	font-weight: bold;
}	
#menu li a:hover, #menu li a:focus, #nmenu li a:active {
	text-align:center;
	color:#e0c806;
	text-decoration: none ;
	font-weight: bold;
	background-image: url(../images/survol.jpg);
	height:29px;
	}	 
/* ---------------- bandeau de photos -------------------*/
#photos{
	position:absolute;
	top:141px;
	left:0;
	height:75px;
}	
/* ------------ chemin de progression---------------------*/
#chemin{
	position:absolute;
	width:100%;
	height:50px;
	left:0;
	top:216px;
	background:#fff;
}
#chemin h1{
	font-family: Arial;
	font-size:20px;
	display:inline;
	color:#000;
	margin-left:35px;
}
#chemin p{
	display:inline;
	color:#7a7a7a;
}
#chemin a{
text-decoration: underline;
color:#7a7a7a;
}
#imprimante{
	position:absolute;
	width:50px;
	height:50px;
	left:900px;
	top:216px;
}
/*----------------- contenu --------*/
#contenu{
	position:absolute;
	top:266px;
	width:100%;
	height:270px;
	background:#fff;
	color:#7a7a7a;
}
#gauche {
  float:left ; 
  width:248px ;
  background: #e2001a; 
}
#gauche h1{
	color:#fff;
	margin:6px 0 6px 50px;
	font-size:10px;
	font-weight:bold;
}
#gauche ul{
	margin-top:20px;
	margin-left:20px;
}
#gauche ul li{
	margin-bottom:6px;
} 
#gauche ul li a{
	color:#fff;
	text-decoration:none;
}
#gauche h1 a{
	color:#fff;
	text-decoration:none;
} 
#droite { 
  float:left ;
  width:718px ;
  padding-left:15px;
}

.schema{
	float:right;
	font-weight:bold;
}
.schema a{
	text-decoration:none;
}
.centrer{
	text-align:center;
	font-weight:bold;
}
#droite h1{
	font-size:12px;
	font-weight:bold;
	color:#e2001a;
	margin-bottom:6px;
}
#droite p{
	margin-bottom:12px;
	text-align: justify;
}
#droite a {
	color:#535353;
}
#droite a:hover {
	color: #000000;	
}

#droite ul{
	/*padding-top:6px;*/
}
#droite ul li{
	list-style: url(../images/puce.gif);
	margin-left:15px;
	padding-left:5px;
}
.trente{
	padding-left:30px;
}
#droite ol{
	padding-top:6px;
}
#droite ol li{
   list-style: decimal;
	margin-left:33px;
	padding-left:3px;
}
#droite dt{
   padding-left:15px;
	margin-left:10px;
	font-weight: bold;
}

#droite dd{
padding-left:35px;
}
#gauche-contenu {
  float:left ; 
  width:47% ;
}
#centre-contenu{
  float:left ; 
  width:6% ;	
}
#droite-contenu { 
  float:left ;
  width:47% ;
}
/* -----------footer--------------------------- */
#signature{
clear: both;
width:992px;
height: 68px;
color: #fff;
font-size: 9px;
background-image: url(../images/footer.jpg);
}
#easy{
	float:left;
	width:248px;
}
#signature a{
   color: #fff;
   text-decoration: none;
}
#signature img{
   vertical-align: middle;
   margin-right:10px;
}
#footer{
	width:740px;
	float:right;
	font-size: 10px;
}