/* style général */
html {padding: 0;}
* html, body{margin:0;padding:0;}
div,p,table,tr,td,img {margin:0;padding:0;}
body{min-width: 800px; /* une largeur minimale évite des erreurs d'affichage dans des navigateurs modernes */}

/*--- Accueil et Login --- */
html, body {
	font: 12px/1.5 verdana, arial, helvetica, sans-serif;
	text-align: left;
}

html {background: url(../images/cite-utilitaire-Accueil-BKG.jpg) fixed;}
#cite-utilitaire-logo{
	width:384px;
	height:218px;
	margin-left:128px;
}
#global {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 700px;
	height: 400px;
	margin-top: -200px; /* moitié de la hauteur */
	margin-left: -350px; /* moitié de la largeur */
}
#global-inner,#global-inner table{margin-left:auto;margin-right:auto;}
#global-inner img{margin-top:50px;}
#global-inner p,#global-inner div {text-align:center;}

/* --- Comportement en ligne ou cellule des blocks */
div.Ligne,div#Ligne-1,div#Ligne-2,div#Ligne-3,div#Ligne-3-Centre-Menu,div#Ligne-3-Centre-Contenu{clear:both;}
div#Ligne-1-Gauche,div#Ligne-2-Gauche,div#Ligne-3-Gauche,div#Ligne-3-Centre{float:left;}
div#Ligne-1-Droite,div#Ligne-2-Droite{float:right;}

div#Ligne-1,div#Ligne-2,div#Ligne-3,.Centrer-le-site{margin-left:auto;margin-right:auto;width:800px;}

/* Longueur et hauteur */
div#Ligne-0{height:40px;
background-image:url(../images/Arrondi-En-Tete.jpg);background-repeat: no-repeat;}

div#Ligne-1{height:110px;background:#FFFFFF;}
div#Ligne-1-Gauche{height:110px;width:300px;background:#FFFFFF;padding:0px 0px 0px 50px;}
div#Ligne-1-Droite{height:25px;width:400px;background:#FFFFFF;padding:85px 20px 0px 30px;}

div#Ligne-2{
	background:#fdc613;
}
div#Ligne-2-Gauche{height:117px;width:658px;background:none;}
div#Ligne-2-Droite{height:117px;width:142px;background:none;}

div#Ligne-3{background: none;}
div#Ligne-3-Gauche{
	width:150px;
	background:#fdc613;
}
div#Ligne-3-Centre{width:650px;background-image:url(../images/fond-menu.png);background-repeat:repeat-x;}
div#Ligne-3-Centre-Menu{width:650px;color:#FFFFFF;}
div#Ligne-3-Centre-Menu-Image{float:left;background-image: url(../images/arrondi-menu.png);width:44px;height:52px;}
div#Ligne-3-Centre-Menu-Contenu{float:left;width:606px;height:52px;}
div#Ligne-3-Centre-Contenu{width:650px;background: #FFFFFF;}


/* taille et marge des blocs */
#Background-contenu-inner,#defilement-contenu{width:800px;}
#colonne-G1{width: 150px;}
#colonne-G2{width: 650px;}


/* ====================================================================================================== */
/* === Positionnement FIXES ============================================================================ */
/* ====================================================================================================== */
/* --- Background ------------------------------------------------------------------------------- */
#html-Background{
	width:100%;height:100%;position:absolute;top:0;left:0;z-index:-10000;
	background: url(../images/cite-utilitaire-gris-BKG.jpg);
	background-repeat:repeat;
}

#Background-contenu{width:100%;height:100%;position:absolute;top:0px;left:0;z-index:-1000;}
#Background-contenu-inner {margin:auto;height:100%;background:none;}
#colonne-G1{float:left;background:#fdc613;height:100%;}
#colonne-G2{float:left;background-color:#FFFFFF;height:100%;}

/* --- Blocs HTML ------------------------------------------------------------------------------- */
html>body #Background-contenu, html>body #html-Background, html>body #fixe-Droite,
html>body #footer-1 {
	/* seulement pour navigateurs modernes! */
	position: fixed;
}

/* ====================================================================================================== */
/* === Positionnement STATIQUES ========================================================================= */
/* ====================================================================================================== */
#defilement-contenu{margin:auto;clear:both;}



/* === Footer ============================================== */
#footer-1{/* Z-index négatif pour être sous la zone de défilement */
	position:absolute;left:0;bottom:0;width:100%;
}
#footer-2-a,#footer-2-b{
	width:800px;margin-left:auto;margin-right:auto;position:relative;
}
#footer-3-a{
	/* Z-index positif pour être sur la zone de défilement */
	width:150px;z-index:10;height:120px;bottom:-15px;left:0;position:absolute;
}
#footer-3-b{
	/* Z-index positif pour être sur la zone de défilement */
	width:650px;z-index:10;height:50px;bottom:0px;right:0;position:absolute;clear:both;
	background-image:url(../images/une-societe-groupe.png);background-repeat:repeat-x;
}
#Trait-Soficham{background-image:url(../images/trait-pied-page.png);float:left;width:400px;height:50px;}
#Groupe-Soficham{margin:5px 0 0 0;float:left;height:50px;}


/* --- Gapi et cie --- */
.gapioutilbarrebas{background:#FFFFFF;height:0px;visibility:hidden;}


/* --- GAPI et texte --- */
#Ligne-3-Centre-Contenu{text-align:left;}