
/* Template */
html,body {
	margin:0;
	padding:0;
	}
body {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
    	position:relative;
    	background-color: #fff;
	background-repeat:no-repeat;
	background-position:top center; 
	text-align:center;
	}
#page {
	position:relative;
	margin:auto;
	text-align:left;
	width:920px;
	}
	#header {
		position:relative;
		height:80px;
		z-index:3;
		}
		#nom_site {
			position:absolute;
			bottom:0px;
			left:0;
			}
		#nom_societe {
			position:absolute;
			bottom:0px;
			right:0;
			}
	#menu {
		position:relative;
		height:50px;
		z-index:2;
		}
	#page_contenu {
		z-index:1;
		}
		#contenu {
			position:relative;
			margin:0 80px;
			width:760px;
			background:#fff;
			overflow:hidden;
			}
	#footer {
		height:60px;
		}

/* Fin Template */

/* HTML */
p {  }
h1,h2,h3,h4,h5, h6{
	line-height:1.1em;
	margin:0.1em 0;
	font-family: "Arial", Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	}
h1 { font-size:22px;}
h2 { font-size:18px; }
h3 {  }
h4 { font-size:14px;font-style:italic;font-weight:normal; }
h5 { font-size:15px;}
h6 { font-size:13px;}

/* Fin HTML */

/* BASIC CLASSES */
.i { font-style:italic; }
.b { font-weight:bold; }
.l { text-align:left; }
.c { text-align:center; }
.r { text-align:right; }
.block { display:block; }
.noindent { text-indent:0; }
.nomargin { margin:0; }
.nopadding { padding:0; }
.nodisplay { display:none; }
.nobr { white-space:nowrap; }
.pointer { cursor:pointer; }
.clear { clear:both; }
hr.clear { visibility:hidden; margin:0; clear:both; }
/* FIN BASIC CLASSES */

/* Couleurs */
.couleur_1 { background: #45b900; }
.couleur_2 { background: #d0009c; }
.couleur_3 { background: #0086b3; }
.couleur_4 { background: #ff0000; }
.couleur_5 { background: #ff6600; }
.couleur_6 { background: #5A3D1C; }
.couleur_7 { background: #660047; }
.plan { background: #3f4d62; }
/* Fin Couleurs */

/* Menu */
.menu, .liste {
	position:absolute;
	width:140px;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	}
.menu {
 	top:10px;
 	height:29px;
 	padding-top:1px;
 	line-height:30px;
 	color:#fff;
 	cursor:pointer;
 	text-decoration:none;
	}
.liste {
	line-height:normal;
	visibility:hidden;
	-moz-opacity:0.9;
	-webkit-opacity:0.9;
	opacity:0.9;
	}
.liste div {
	position:relative;
	padding:5px;
	}
.liste a {
	position:relative;
	display:block;
	padding:5px 0;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	zoom:1; /* hack IE6 */
	}
	
#menu1 { left:80px; }
.liste.couleur_1 a { border-top:1px solid #4ed400; }
.liste.couleur_1 a:hover { background:#4ed400; }

#fondMenu1 {
	left:10px;
	background-color: #00ff00;
	background-repeat:no-repeat;
	background-position:top left; 
	}
	
#menu2 { left:235px; }
.liste.couleur_2 a { border-top:1px solid #eb00b0; }
.liste.couleur_2 a:hover { background:#eb00b0; }

#fondMenu2 {
	left:160px;
	background-color: #d0009c;
	background-repeat:no-repeat;
	background-position:top left; 
	}
	
#menu3 { left:390px; }
.liste.couleur_3 a { border-top:1px solid #0099cc; }
.liste.couleur_3 a:hover { background:#0099cc; }

#fondMenu3 {
	left:310px;
	background-color: #0086b3;
	background-repeat:no-repeat;
	background-position:top left; 
	} 
	
#menu4 { left:545px; }
.liste.couleur_4 a { border-top:1px solid #ff3f24; }
.liste.couleur_4 a:hover { background:#ff3f24; }

#fondMenu4 {
	left:460px;
	background-color: #ff0000;
	background-repeat:no-repeat;
	background-position:top left; 
	}

#menu5 { left:700px; }
.liste.couleur_5 a { border-top:1px solid #ff8323; }
.liste.couleur_5 a:hover { background:#ff8323; }

#fondMenu5 {
	left:610px;
	background-color: #ff6600;
	background-repeat:no-repeat;
	background-position:top left; 
	}	

/* fin Menu */

/* Listes de choix */
.choix {
	position:absolute;
	bottom:10px;
	width:130px;
	font-size:8pt;
	background:#fff;
	cursor:pointer;
	}
.choix .select {
	padding:2px 4px;
	border:1px solid #ccc;
	background:#fff url(./images/choix_select.gif) no-repeat center right;
	font-weight:bold;
	}
.choix .choixliste {
	display:none;
	}
.choix a {
	color:#000;
	display:block;
	text-decoration:none;
	padding:2px 4px;
	border:1px solid #ccc;
	border-bottom:none;
	overflow:hidden;
	height:1%; /* hack IE6 */
	}
.choix a:hover {
	color:#fff;
	background:#000;
	}
#sites { left:90px; }
#usines { left:230px; }
/* Fin Listes de choix */

/* Boutons accès presse / plan du site */
#acces_presse, #plan_du_site {
	display:block;
	position:absolute;
	bottom:10px;
	color:#fff;
	padding:2px 2px 2px 16px;
	font-size:7pt;
	width:90px;
	text-align:center;
	text-decoration:none;
	background:#6d6d6d url(./images/icon_fleche_rouge.gif) no-repeat left center;
}
#acces_presse { left:520px; }
#plan_du_site {	left:640px; }
/* Fin Boutons accès presse / plan du site */

/* Contenu */
#leftSpacer {
	position:relative;
	margin-left:50px;
	text-align:right;
	font-size:0;
	}
#headerContenuImage {
	width:450px;
	height:100px;
	}
#titreContenu {
	text-align:left;
	color:#fff;
	font-size:16pt;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	margin-bottom:20px;
	}
#rightSpacer {
	position:relative;
	margin-right:50px;
	text-align:left;
	font-size:10pt;
	}
	#leftContenu {
		position:relative;
		float:left;
		width:220px;
		}
	#centerContenu {
		position:relative;
		float:right;
		width:400px;
		}
	#completeContenu {
		position:relative;
		width:670px;
		}
#footerContenu {
	clear:both;
	height:100px;
	}
	
div#page div#page_contenu div#footerContenu {
	position:relative;
	margin-left:80px;
	}

div#page div#page_contenu div#contenu div#footerContenu {
	position:relative;
	margin-left:0px;
	}

		
#logo_peugeot {
	position:absolute;
	border:none;
	bottom:10px;
	left:10px;
	}
#logo_citroen {
	position:absolute;
	border:none;
	bottom:10px;
	left:40px;
	}
/* Fin Contenu */

/* cadre ombré */
.cadre_ombre {
	/*position:relative; zoom:1; margin:10px -10px 10px -5px;*/ /* style déplacé dans le flux HTML, hack IE6 */
	background:#ccc;
	}
.cadre_ombre_top {
	background:#fff url(./images/cadre_ombre_top.gif) no-repeat bottom left;
	height:15px;
	}
.cadre_ombre_bottom {
	background:#fff url(./images/cadre_ombre_bottom.gif) no-repeat top left;
	height:15px;
	}
.cadre_ombre_body {
	position:relative;
	background:#fff url(./images/cadre_ombre_body.gif) repeat-y top left;
	padding:0 10px 10px 5px;
	}
.cadre_ombre_titre {
	padding:0 0 0 10px;
	margin:0 70px 10px 0;
	color:#fff;
	font-weight:bold;
	}
.cadre_ombre a {
	display:block;
	margin:2px 10px 2px 10px;
	font-size:1.2em;
	color:#999;
	padding-bottom:4px;
	border-bottom:1px dashed #999;
	text-decoration:none;
	background-color:#fff;
	}
.cadre_ombre a:hover {
	color:#000;
	}
.cadre_ombre a.selected {
	font-weight:bold;
	font-size:1.3em;
	color:#000;
	}
/* Fin cadre ombré */

/* recherche.html */
#recherche {
	height:70px;
	padding:30px 0 0 450px;
	color:#660047;
	font-size:10pt;
	text-align:left;
	}
#saisie {
	margin:3px 0 0 0;
	padding:0;
	border:1px solid #660047;
	width:176px;
	height:18px;
	}
#envoi {
	margin:0;
	padding:0;
	border:none;
	color:#660047;
	background:none;
	width:20px;
	height:18px
	}
.rechercheResultat {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:none;
	}
.rechercheContexte {
	font-size:1.1em;
	color:#888;
	margin-bottom:20px;
	}
	
.tx-indexedsearch-res a {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:none;
	}
	
/* Fin Recherche */

/* telechargement.html */
.telecharge {
	position:relative;
	float:left;
	display:inline;
	width:140px;
	/* height:170px; */
	margin-left:30px;
	margin-right:30px;
	margin-top:2px;
	margin-bottom:2px;
	font-size:10pt;
	text-align:center;
	}
.telecharge img { border:none; }
.telecharge .image {
	overflow:hidden;
	width:140px;
	height:130px;
	line-height:130px;
	text-align:center;
	}
.telecharge .image img {
	vertical-align:middle;
	}
.telecharge .image span { display:inline-block; } /* hack IE6 */

.telecharge .zoom, .telecharge .dl {
	display:block;
	float:left;
	height:40px;
	}
.telecharge .zoom {
	width:60px;
	background:#fff url(./images/zoom.gif) no-repeat center center;
	}
.telecharge .dl {
	width:80px;
	background:#fff url(./images/telecharger.gif) no-repeat center center;
	}

/* Fin telechargement.html */

/* plan.html */
.plan_categorie {
	position:relative;
	float:left;
	display:inline;
	width:140px;
	margin:12px;
	text-transform: uppercase;
	}
.plan_categorie div {
	color:#fff;
	text-align:center;
	font-size:8pt;
	font-weight:bold;
	height:29px;
	padding-top:1px;
	line-height:30px;
	}
.plan_categorie a {
	display:block;
	margin:10px 0 0 0;
	padding-bottom:5px;
	color:#3f4d62;
	text-align:center;
	text-decoration:none;
	font-size:8pt;
	border-bottom:1px solid #ccc;
	}
.plan_categorie a:hover {
	text-decoration:underline;
	}
/* Fin plan.html */

/* Liens par catégorie */
a.categorie_lien {
	color:#000;
	display:block;
	padding:2px 2px 2px 20px;;
	margin-bottom:1px;
	font-weight:bold;
	text-decoration:none;
	}
a.categorie_lien:hover { color:#999; }
/* Fin Liens par catégorie */


