/** Centrer le site Web :*/
html,body,#page-table,#page-td{height: 100%;}
body{margin:0;padding:0;}
#global{
	width: 100%;
	min-width: 1000px;
	max-width: 1100px;
	min-height: 250px;
	margin:0 auto;
	text-align:left;
}
#page-table{width:100%;border-collapse:collapse;text-align:center;}
#page-td{padding: 0;vertical-align: middle;}

#contenu table {width:100%;}

/** Hauteur minimum : */
div#contenu{min-height:450px;}

/** Décalage du texte pour une image en fond pour une div : */
div.pngfix{
	text-align: center;
	text-indent: -32000px;
}

/** Page : */
body {
  background: #eaeaea url('../Images/body.png'); /* (grille grise et blanche) */
  font: normal 100.01% "VWHeadline-Bk", "VW Headline Black", sans-serif , Arial;
  font-size:0.8em;
}


/** En-tête : */
div#entete {
  background: #9f9f9f url('../Images/entete.png');
  height:116px;
}

h1 {
  height: 76px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
  line-height: 76px; /* Centrer le texte sur toute la hauteur de l'image de fond */
  width:160px;
  margin: 0;
  background: url('../Images/VU-Concept.png') 50% 50% no-repeat; /* Cette jolie image, unique et centrée, remplace le texte ennuyeux */
  text-indent: -32000px; /* On décale le titre autant que possible sur la gauche de l'écran, pour ne plus le voir */
  text-align:center;
  float:left;
  margin:0.6em 0 0 0.75em;
}

#concretement-utilitaire{
float:right;padding-top:4em;margin:0 1em 0 0;font-size:18px;
}

/** Bandeau : */
div#bandeau {
	background:#fdc600 url('../Images/bandeau.png') repeat-x;
	height:117px; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
}
div#bandeau-image {
  height: 117px;line-height: 117px;
  width:645px;
  margin: 0;text-align: center;
  background: url('../Images/VUCONCEPT.gif') 50% 50% no-repeat;
  text-indent: -32000px;
  float:left;
}
div#France-image {
  height: 117px;line-height: 117px;
  width:155px;
  margin: 0;text-align: center;
  background: url('../Images/territoire-VU-concept.png') 50% 50% no-repeat;
  text-indent: -32000px;
  float:right;
}

/** Page global : */
#Grand-Conteneur{
	background: #FFCC00 url("../Images/sous-menu-gauche.png") repeat-y left top;
	width:auto;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#Conteneur{
	margin-left:199px;
	background:#FFFFFF;
	color: #000000;
}

/** Colonne de gauche : */
#colonne-gauche {
	position:relative;
	width:199px;margin-left:-199px;
	float:left;
	
}
* html #colonne-gauche {margin-right:-3px;}
* html #outer{
	margin-left:199px;
}
 
#centre{float:right;width:100%;position:relative;}
* html #centre{width:100%}
 
.Interne {
float: left;
width: 100%;
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}


/** Menu horizontal : */
div#coin {
  background: url('../Images/Menu-horizontal-VU-concept-coin.png') no-repeat;
  width: 199px; /* Largeur de l'image sous-menu-lien.png */
  list-style: none; /* On ne veut plus que les lignes de la liste aient de puces */
  margin: 0; /* Aucune marge au dessus et en dessous de la liste (les listes étant normalement utilisées entre des paragraphes) */
  padding: 0; /* Aucune indentation des éléments contenus dans la liste (généralement, les listes ont un padding à gauche) */
  height:45px;
  text-indent: -32000px;
}
div#menu-horizontal{
	background:#FFFFFF url('../Images/Menu-horizontal-VU-concept.png');
	height: 45px;
	line-height: 30px;
	text-align: left;
	color:#FFFFFF;
	margin:0;
}

div#menu-horizontal a:link, div#menu-horizontal a:visited, div#menu-horizontal a:active, div#menu-horizontal a:hover{
color:#FFFF99;text-decoration:none;font-size:15px;font-weight:bolder;
}
div#menu-horizontal a:hover{color:#FFFFFF;}


#contenu,h2{background:#FFFFFF;padding:0 10px 0 20px;}
h2{margin:0;font-size:19px;}
div#Soficham{
background:#FFFFFF url("../Images/Groupe-Soficham.png") repeat-x;
}
#Groupe-Soficham{
float:right;width:290px;
}
#VU-concept-SOFICHAM{
background:#FFFFFF;float:left;width:170px;padding:0 5px;text-align:center;
}

#Groupe{
background:#FFFFFF url('../Images/Soficham.png') no-repeat;
list-style: none; /* On ne veut plus que les lignes de la liste aient de puces */
height:26px;
width:100px;
text-indent: -32000px;
float:left;
width:100px;
padding:0 5px;
text-align:center;
}

#info-legales{margin:20px 0 0 -150px;}


/** divers : */
img, input, textarea, select, button, div {max-width: 100%;}


/** Multibox : */
body{font-family:"VWHeadline-Bk", Arial, sans-serif;}

a.home, a:link.home, a:visited.home, a:hover.home, a:active.home,
a.Download, a:link.Download, a:visited.Download, a:hover.Download, a:active.Download{
	color:#FF6600;
	font-family:"VWHeadline-Bk" , Arial, sans-serif;
	text-decoration:none;
	float:right;
	margin:-13px 0 0 0;
	font-size:10px;
}

a.Download, a:link.Download, a:visited.Download, a:hover.Download, a:active.Download{
	margin:0;
}

a:hover.home, a:hover.Download{
	color:#FFA062;
}

/** TABLE, TR et TD pour les VO : */
table .VO{width:100%;text-align:center;border:thin solid #CCCCCC;}
tr.VO-impaire{background-color:#CCCCCC;}
tr.VO-paire{background-color:#FFFFFF;}
td.Titre{width:65%;text-align:left;}
td h3{margin:0;padding:0;}
td h3 a, td h3 a:link, td h3 a:visited, td h3 a:hover, td h3 a:active{text-decoration:none;color:#333333;}
td h3 a:hover{color:#000000}
table.VO td{text-align:left;}
td .image{text-align:center;width:10%;}
td .italique-droit{width:25%;font-style:italic;font-size:13px;text-align:right;}


/* Coté gauche (gifs animées) en float... */
div.float-right {/* floats in content div */
float: right;
width: 120px; /* "em size" is element dependent */
padding: 0.5em;
margin: 0 0 0 0.5em;
}

div > p {/* control mozilla paragraph margin */
margin: 0 0 0.5em 0;
}

p.after-blockquote {
padding: 0;
}

#contenuGAPI{
width:75%;
}