body {
	background-color: black;
	font-size: large;
	color: black;
	font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	text-align: center;
	/*background-image: url(img/back_citroen.jpg);*/
}

#conteneur		
{
	background-color: white;
	position: relative;
	text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
	margin: 20px auto; /* auto pour centrer horizontalement la boite dans BODY 
						 pour le navigateurs autres que IE/WIN */
	padding: 0;
	max-width: 98% ;
	min-width: 980px ;
	height: 705px ;		/*  astuce : propriété min-height non reconnue IE.   partie N°1 */
}

html>body #conteneur 	/*  astuce : propriété min-height non reconnue IE.			partie N°2*/
{
	height: auto;
	min-height: 710px;
} 

#header		
{
	height: 180px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	text-align: left;
	background: transparent;
	background-image: url(img/back_bandeau.jpg);
}

#wrap
{
	/*overflow:hidden;*/
	background: white;		
}


#sidebar
{
	position: absolute;
	left:0px;

	background: #666666;
	background-image: url(img/back_bandeau.jpg);
	height: 500px;
	width:  200px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index:100;
}

html>body .sidebar {
  position: fixed;
}


#contenu
{

	padding-left:30px;
	padding-top: 40px;
	margin-left:220px;
	background: white;
	border-top:0px;
	border-bottom:3px groove;
	z-index:40;
	/*margin: 30px auto;*/

}

#footer
{

	position: relative;
	font-size: xx-small;
	height: 18px;
	width:  650px;					 
	padding: 0;
	margin-left:220px;
	/*display:none;*/
}

#iframevoiture
{
padding:0px;
margin:0px;
}



img
{
	background:transparent;
	margin:0px;
	padding:0px;
}

span
{
	background:transparent;
	margin:0px;
	padding:0px;
}

h3
{
	display: block;
	width: auto;
	height: 40px;
	font-size: 19px;
	font-weight:normal; 
	margin: 0px 2px 0px 2px;
	padding: 5px 0px 0px 45px;
}

li
{
	color: black;
	font-size: 16px;
	font-weight:normal;
}



/* ================================================= gestion du header ==================*/


#header .logo_site 		
{

	display: block;
	position: absolute;
	background: transparent;
	background-image: url(img/logo_site.png);
	background-position: right;
	background-repeat: no-repeat;
	right:0px;
	margin: 15px 25px 0px 0px;   /* top - right - bottom - left*/
	width:361px;
	height:210px;
	z-index: 10;
}




#titre_site h2
{
	display: block;
	position: absolute;
	margin: 0px;
	padding: 30px 0px 30px 30px;   /* top - right - bottom - left*/
	top:10px;
	text-align : center; 
	font-size: 30px;
	font-weight: bold;
	color: black;
	z-index:50;
}

#titre_site h2.titre_ombre
{
	color: red;
	margin-top: -2pt;
	margin-left: -;
	z-index:50;

}


#titre_site h3
{
	display: block;
	position: absolute;
	margin: 0px;
	padding: 30px 0px 30px 220px;   /* top - right - bottom - left*/
	top:80px;
	text-align : center; 
	font-size: 23px;
	font-weight: bold;
	color: black;
	z-index:50;
}


#titre_site h3.soutitre_ombre
{
	color: red;
	margin-top: -2pt;
	margin-left: -1pt;
	z-index:50;
}

/* =================================================================================== */



/* ================================================= menu Gauche ======================*/
#sidebar .logo_citroen 		
{
	background: transparent;
	background-image: url(img/logo_new_citroen.png);
	display: block;
	position: relative;
	top: -70px;
	left: 15px;
	margin: 0px;
	padding: 0px;
	width:174px;
	height:130px;
	background-repeat: no-repeat;
	/*border: 2px double black;*/
}


#sidebar ul
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;   /* top - right - bottom - left*/
	width: 200px;
	padding: 0px;
}


#sidebar li
{
	color: black;
	/*display: block;*/
	width: 190px;
	height: 50px;
	padding-left: 10px;
	padding-top: 5px;
}

#sidebar ul li a
{
	display: block;
	width: 190px;
	height: 50px;
	color: white;
	text-decoration:none;
	padding-left: 15px;
	padding-top: 15px;
	font-weight:bold;
	font-size: 18px;
	background-image: url(img/menugauche_background.gif);
	background-repeat: no-repeat;
}

#sidebar ul li a:hover{
	display: block;
	width: 190px;
	color: black;
	padding-left: 15px;
	padding-top: 15px;
	background-image: url(img/menugauche_hover.gif);
	background-repeat: no-repeat;	
 }  
 

#sidebar ul li.selection a, #sidebar ul li.selection a:link, #sidebar ul li.selection a:visited, #sidebar ul li.selection a:hover{
	display: block;	
	width: 190px;
	height: 50px;
	text-decoration:none;
	color: red;
	font-weight:bold;
	font-size: 18px;
	padding-left: 15px;
	padding-top: 15px;
	background-image: url(img/menugauche_selection.gif);
	background-repeat: no-repeat;	
 }  
 
#sidebar ul li.compteur a, #sidebar ul li.compteur a:link, #sidebar ul li.compteur a:visited, #sidebar ul li.compteur a:hover{
	display: block;	
	width: 190px;
	height: 50px;
	text-decoration:none;
	color: red;
	font-weight:bold;
	font-size: 18px;
	padding-left: 15px;
	padding-top: 15px;
	background-image: none;
	
 }  
 
 
/* =================================================================================== */





/* ================================================= contenu =============================*/


#contenu ul
{
	margin: 0px 0px 20px 0px;   /* top - right - bottom - left*/
	padding: 20px 0px 20px 0px;   /* top - right - bottom - left*/
}


/* =================================================================================== */

h3.contact 
{
	display: block;
	position: absolute;
	height:50px;
	padding-left: 60px;
}

ul.contact
{
	display: block;
	position: absolute;
	top:50px;
	height:50px;
}

ul.contact 
{
	margin-top:10px;
}


h3.logo-telephone 
{
	width: 200px;
	background-image: url(img/logo_telephone.gif);
	background-repeat: no-repeat;

}

h3.logo-telecopie 
{
	width: 200px;
	background-image: url(img/logo_telecopie.jpg);
	background-repeat: no-repeat;
}

h3.logo-adresse 
{

	background-image: url(img/logo_adresse.gif);
	background-repeat: no-repeat;
}

h3.logo-mail 
{
	background-image: url(img/logo_mail.gif);
	background-repeat: no-repeat;
}

h3.logo-horaire 
{
	background-image: url(img/logo_horaire.jpg);
	background-repeat: no-repeat;
}

ul.ouverture
{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
}


 
/* ================================================= footer ======================*/
#footer ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;

}

#footer ul li
{
	font-size: 10px;
	margin-left: 5px;
	float: left; 
}

#footer ul li a
{
	display: block;
	float: left; 
	width: auto;
	color: black;
	text-decoration:none;
	text-align:center;
	background-color: transparent;
}

#footer ul li a:hover{
	background-color: red;
	color: white;
 }  
/* ====================================================================================*/