html,body{
	margin:0;
	padding:0;
	height:100%; /* 100 % en hauteur */
	color:#333;
	background: #CCCCCC; /* (grille grise et blanche) */
	background-attachment:fixed;
}

body {font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}


/* --- Styles ------------------------------------------------------------------------------------------------------------------------ */
h1 {
	font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align:left;
	letter-spacing:1px;
}
h2,h3,h4,h5{
	/* On utilise les titres pour mieux référencer le site, n'allant pas à la ligne */
	display:inline;
	padding:0;
	margin:0;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

p {margin:1em 0;}

#Corps a:link,#Corps a:visited {
	text-decoration:none;
	color: #CC0000;
}
#Corps a:focus,#Corps a:hover {
	text-decoration: underline overline;
	color: #000000;
	
}

/* --- Positionnement des blocs de INDEX --------------------------------------------------------------------------------------------- */
html>body #SiteGeneral {height:100%;} /* 100 % en hauteur */

#SiteGeneral{width:73em;margin:0 auto;}

#BlocEntete{
	width:73em;
	height:10.5em;
	text-align:center;
	background: url('../../include/images/header.gif'); /* (grosse barre rouge si pas d'image) */
	background-repeat:repeat-x;
}
#BlocEnteteLigne1{height:8em;}

html>body #BlocEntete{
   position:fixed;
   z-index:25; /* empêche certains problèmes avec les élements de formulaire */
}

html>body #Corps-SiteGeneral{height:100%;background-color:#FFFFFF;}
#Corps-SiteGeneral,#Corps {background-color:#FFFFFF;}
#Corps-SiteGeneral{background-color:#FFFFFF;}

html>body #Corps{padding:11em 1em 3em 16em;} /* 6em = hauteur de #BlocEntete et #BlocPied + 1em, 1em = donne au contenu un peu d'espace par rapport aux bords */

#BlocPied{
	width:73em;
	height:2.5em;
}

html>body #BlocPied{
   position:fixed;
   bottom:0;
   z-index:10; /* empêche certains problèmes avec les élements de formulaire */
   background-image:url('../../include/images/fondRouge.gif');
}

html>body #GaucheFixeHaut {
	position:fixed;
	width:15em;
	height:20em;
	margin-left:0;
	top:8em;
	z-index:30; /* empêche certains problèmes avec les élements de formulaire */
}

html>body #ColonneGauche {
	position:fixed;
	width:15em;
	height:100%;
	background-image:url('../../include/images/fondRouge.gif');
	margin-left:0;
	z-index:20; /* empêche certains problèmes avec les élements de formulaire */
}
html>body #FondCentre {
	position:fixed;
	width:15em;
	height:100%;
	background-image:url('../../include/images/fondRouge.gif');
	margin-left:0;
	z-index:20; /* empêche certains problèmes avec les élements de formulaire */
}


html>body #moteur {
	position:fixed;
	width:15em;
	height:9.5em;
	margin-left:0;
	bottom:0;
	z-index:40; /* empêche certains problèmes avec les élements de formulaire */
}



/* --- BlocEntete -------------------------------------------------------------------------------------------------------------------- */
#LogoCodica{
	line-height: 5em; /* Centrer le texte sur toute la hauteur de l'image de fond */
	width:15em; /* La longueur doit avoir la même que celle de la colonne de gauche */
	float:left;
	height:95px;
	padding-top:0px;
}

#BandeauFlash{
	float:left;
	padding-top:1em;
}

#LogoRenault{
	height: 5em; /* La hauteur de l'image de fond entete.png (grosse barre grise) */
	line-height: 5em; /* Centrer le texte sur toute la hauteur de l'image de fond */
	width:5em; /* La longueur doit avoir la même que celle de la colonne de gauche */
	float:right;
	padding-top:1.5em;
}

#MenuHorizontal{
	text-align:left;
	padding-left:16em;
	background: #999999 url('../../include/images/menu.gif');
	height:2.2em;
	padding-top:0.5em;
}
.gapimenu{text-decoration:none;color: #CCCCCC;}
.gapimenutablesub{padding-left:0.5em;margin-top:0.7em;}
a.gapimenu:hover{color: #FFFFFF;}
.gapimenudivtable {color: #990000;}
.gapimenutable{font-weight:bold;}

#gapititre{
	text-align:left;
	padding-left:13.7em;
	font-size:14px;
	font-stretch:normal;
	font-weight:400;
	background-color:#FFFFFF;
	color:#CC0000;
}

/* --- GaucheFixeHaut ---------------------------------------------------------------------------------------------------------------- */
/*TOTEM*/
#totem_titre{font-size: 20px;font-family:Arial;font-weight:bolder;text-align:center;text-transform:uppercase;display: block; height:30px;vertical-align:middle;background-color:#FFFFFF;}
.gapimenupucetd_totem {height: 24px; vertical-align: middle;}
.gapimenutd_totem {background-color: #8d969b/* Gris */;}
.gapimenutd_totem a {text-decoration:none;color: #ffffff/* blanc */; font-size: 14px; font-family: Arial; display: block; height: 24px;}
.gapimenutd_totem a:hover {text-decoration:none; color: #fff; font-size: 14px; font-family: Arial; background-color: #CC0000/* rouge */; display: block;}
.totem_table { border: solid 1px #4f4f4f;width:15em;}
.gapilistetable_totem {background-color: #8d969b/* Gris */;}
.gapititrepucetd_totem {background-color: #ffffff/* blanc */;}
.gapititretd_totem { margin-left: 5px; width: 100%; vertical-align: middle;}
.gapititremarge_totem {width: 100%;}
a.gapititre_totem {color: #CC0000/* rouge */; font-size: 14px; font-family: Arial; display: block; height: 24px;background-color: #ffffff/* blanc */; }
a.gapititre_totem:hover { color: #ffffff/* blanc */; font-size: 14px; font-family: Arial; background-color:#CC0000/* rouge */; display: block;}
.gapiresume_totem { color: #ffffff/* blanc */; font-size: 10px; font-family:}
.gapimenu_totem{background-color:#8d969b;}


/* Camion */
#Camion{height:9em;background-image: url(../../include/images/gaucheBas.gif);background-repeat:repeat-x;}



/* Moteur */
div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 13em;
padding-top: 1em;
background: url("../../include/images/hautMoteur.gif") top left no-repeat;
margin-left:auto;margin-right:auto;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url("../../include/images/basMoteur.gif") bottom left no-repeat;
padding-bottom: 1em;
}
.Recherchez, .input, .Bouton {margin-left:8px;margin-right:13px;}
.Recherchez{text-align:left;}
.input{text-align:center;}
.Bouton{text-align:right;}

/* Bouton */
.Bouton button{
    display:block;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
	width:100px;
	height:30px;
	color:#ffffff;background-image: url("../../include/images/fondRouge.gif"); /* couleur du bouton */
	margin-left:auto;
	font-size:9px; /* voir avec IE */
}
.Bouton button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
/* STANDARD */
button:hover{
	background-image: url("../../include/images/fondRouge.gif"); /* couleur du bouton */
	font-size:14px;
}


/* --- BlocPied ---------------------------------------------------------------------------------------------------------------------- */
#DegradeGauchePied,#DegradeDroitePied,#TexteSociete,#LogoSoficham{float:right;height:2.5em;}
#DegradeGauchePied,#DegradeDroitePied{background-repeat:repeat-y;}
#TexteSociete,#LogoSoficham{background-color:#FFFFFF;background-repeat:repeat-y;}
#DegradeGauchePied{background-image:url('../../include/images/pied_Gauche.gif');}
#DegradeDroitePied{background-image:url('../../include/images/pied_Droite.gif');}
#texteSOF,#imgSOF{padding-top:0.5em;}
#imgSOF{padding-left:2em;}


.gapititre, .gapitheme{
	font-weight:bolder;
	color: #FF0000;
	color:#000000;
}
.gapititre{font-size:13px;}
.gapitheme{font-size:17px;}


/* --- infobulle --- */
.infobulle{
	position: absolute;
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
	width:70px;
	height: 20px;
}


.gapitextetable td{padding-left:0.5em;padding-right:0.5em;}