/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */
body
{
	margin: 0;
  	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background:#F7F7E9 url(../images/body_fond.gif);
}

#container
{
	width:740px;	
	margin:0 auto;
	text-align:left;
}


/* ----------------------------
   Liens
---------------------------- */

a:link {color: #00F; }
a:visited{color: #555; }
a:active{color: #00F; }


/* ---------------------------------------- */
/* --------------- Corps ------------------ */
/* ---------------------------------------- */

h2 {
    font-size:1.1em; 
    font-weight:bold; 
    margin-bottom: 10px; }
   
.pEmploi {
    margin-left: 12px; }
#divFormEmploi {
    border: solid 1px black;
    padding: 2px 10px 10px 10px;}
.green
{
    font-weight: bold;
    color: rgb(30, 200, 30);
}

/* ---------------------------------------- */
/* --------------- Header ----------------- */
/* ---------------------------------------- */

#header{background:#003466 url(../images/entete-coinGau.gif) no-repeat bottom left;}
body.fr #enteteImgFond{	background:url(../images/fr/entete_fond.jpg) no-repeat top right; width:740px; }
body.en #enteteImgFond{	background:url(../images/en/entete_fond.jpg) no-repeat top right; width:740px; }

#header h1{
	margin:0;
	padding:14px 0 10px 30px;
}

#logo{ display:block;}

#slogan
{
	visibility:hidden;
	font-size:0.5em;
}

#topMenu
{
	float:right;
	text-align:right;
	font-size:0.8em;
	margin:10px 6px 0 0;
}

#topMenu a:link, #topMenu a:active, #topMenu a:visited
{
	color:#000;
	text-decoration:none;
}

#topMenu a:hover{text-decoration:underline;}


/* ---------------------------------------- */
/* ------------ Menu principal -------------*/
/* ---------------------------------------- */

#bordureJaune{background:#F8CE26 url(../images/menu-jaune.gif) repeat-x top left;}
#coinMenuGau{background: url(../images/menu-coinGau.gif) no-repeat top left;}
#coinMenuDr{background: url(../images/menu-coinDr.gif) no-repeat top right;}

.bordureMenuGau{background:url(../images/contenu-bordure.gif) repeat-y top left;}
.bordureMenuDr{	background:url(../images/contenu-bordure.gif) repeat-y top right;}

div#menu{height:24px;}

html>body div#menu
{
	min-height:24px;
	height:auto;
}

#menu ul
{
	list-style:none;
	margin:0 31px;
	padding:0;	
}

#menu ul li
{
		
	margin:0;
	padding:0;	
}

#menu ul li.bordureDr{background:url(../images/menu-bordure.gif) no-repeat right;}

#menu a
{
	display: block;
	float:left;	
	padding:7px 8px 6px 8px;
	font-weight:bold;	
	color:#003466;
	text-decoration:none;	
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

.overAvecBord, .overSansBord
{
    float:left;
}

.overAvecBord a:hover
{
	background:#FAE70C url(../images/menu-bordure.gif) no-repeat right;
	padding:7px 8px 6px 8px;	
}

.overSansBord a:hover
{
	background:#FAE70C;
	padding:7px 8px 6px 8px;
}

#MExtranet
{
    float: right;
}

/* ---------------------------------------- */
/* ------------ Sous-Menu principal -------------*/
/* ---------------------------------------- */

#divSubMenus
{

}

#divSubMenus div
{
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 1px;
	display: none;
    z-index: 5;
	border-bottom: 1px solid #fff;
	background-color: #FAE70C;
}

#divSubMenus div div
{
	position: relative;
	display: block;
	width: 150px;
	border-top: 1px solid #fff;
	border-bottom: none;
	text-align: left;
}

#divSubMenus a
{
    padding: 7px 8px 6px 11px;
	color: #003466;
	text-decoration: none;
	display: block;
	height: 1%;
}

html>body #divSubMenus a {
	height: auto;
}

#divSubMenus a:hover
{
    text-decoration:underline;
}

/* ----------------------------------------- */
/* ------------ Zone de contenu -------------*/
/* ----------------------------------------- */

/* --------------- Fil d'Ariane -------------*/
.bordureFilGau{background:#D0DEFF url(../images/contenu-bordure.gif) repeat-y top left;}
.bordureFilDr{background:url(../images/contenu-bordure.gif) repeat-y top right;}

#fil
{
	font-size:0.9em;
	line-height: 20px;
	padding-left:38px;
}

#fil a:link, #fil a:visited, #fil a:active
{
	color:#003466;
	text-decoration:none;
}

#fil a:hover{	text-decoration:underline;}  

/* --------------- Zone contenu -------------*/
.bordureContenuGau{background:url(../images/contenu-bordure.gif) repeat-y top left; width:740px;}
.bordureContenuDr{background:url(../images/contenu-bordure.gif) repeat-y top right; width:740px;}

#colGaucheAcc
{
	float:left;
	width:535px;
	background:url(../images/contenu-accPhoto.jpg) no-repeat bottom right;
}

#colGauche
{
	float:left;
	width:535px;
}

#colDroiteAcc
{
	float:right;
	width:201px;
	background:#003466 url(../images/colDr-degradeCote.gif) repeat-y top left;
}

#colCentre
{
    float:right;
    padding:16px 10pt 0pt 10px;  
}

#fondColDr{	background:#fff url(../images/colDr-fond.gif) repeat-y top right;}

/*colonnes pour page Détails*/
#fondBlanc
{
	background:#fff;
}

#colGaucheDetails
{
	float:left;
	width:308px;
}

#colDroiteDetails
{
	float:right;
	width:370px;
}

#contenustatique
{
    padding: 16px 29px;
}

#contenu h1, #contenustatique h1
{
    margin: 0;
	padding:0 0 8px 0;
	font-size:1.2em;
	color:#003466;
}

span.sStrong
{
    font-size: 1.1em;
    color:#003466;
    font-weight: bold;
}

#contenu
{
	
}

#contenu p, #contenustatique p
{
	text-align:justify;
}

#contenu h1 img, #contenustatique h1 img{vertical-align:middle;}

#infos
{	
	padding:16px 0 0 29px;
	float:left;
/* Box Model Patch */
    width:337px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 308px;
}

/* Box Model Patch */
html>body #infos
{
    width: 308px;
}


#photoAcc
{
	margin:0 20px 0 0;
}

/* ------------------------------------------------ */
/* --------------- Page missions ------------------ */
/* ------------------------------------------------ */

#infosTxt
{
	
	padding:16px 0 0 29px;
	float:left;
/* Box Model Patch */
    width:491px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 462px;
}

/* Box Model Patch */
html>body #infosTxt
{
    width: 462px;
}

/* ------------------------------------------------ */
/* --------------- Page détails ------------------- */
/* ------------------------------------------------ */
.ligneThumbMaisons
{
	width:308px;
}

.blocMaisonThumb
{
	float:left;
	width:82px;
	margin: 0 15px 10px 0;
}

.nomMaison
{
	font-size:0.9em;
	padding-top: 4px;
	text-align: center;
	overflow: hidden;
}

.nomMaison a:link, .nomMaison a:visited, .nomMaison a:active
{
	color:#003466;
	text-decoration:none;
}

.nomMaison a:hover{	text-decoration:underline;}

#infos ul
{
	margin:0 0 23px 0;
	list-style:none;
	font-size:0.9em;
}

#infos ul li
{
	margin:0;
	padding:0 0 3px 0;
}

#blocVue
{
	width:332px;
	margin-top:55px;
}

#grandPlan
{	
	border:3px solid #003466;
	display:block;	
}

#coinGauDetails{background:#D0DEFF url(../images/details-coinTPhotoGau.gif) no-repeat bottom left;}
#coinDrDetails{background:url(../images/details-coinTPhotoDr.gif) no-repeat bottom right;}

#tPhoto
{
	text-align:center;
	padding:4px 0;
	font-weight:bold;
	color:#003466;
}
/* --------------- Colonne de droite > Nos maisons en vedette ------------------ */

#ententeColDr
{
	color:#fff;
	background:#366591 url(../images/colDr-enteteDegrade.gif) repeat-x top left;
	padding:3px 0 3px 30px;
	margin:2px 2px 0 3px;
	border-top:1px solid #6E96BC;
	border-bottom:1px solid #6E96BC;
}

#zoneMaisons
{
	padding:12px 10px 0 13px;
}

.bloc
{
	background:#fff url(../images/fleche-maisons-vedettes.gif) no-repeat 70px 0;
	padding:0 0 2px 2px;
	margin:0 0 11px 0;
}

.bloc h2
{
	font-size:0.9em;
	font-weight:normal;
	padding:4px 0 2px 10px;
	margin:0;
}

.bloc a:link, .bloc a:visited, .bloc a:active
{	
	color:#003466;
	text-decoration:none;	
}

.bloc a:hover{text-decoration:underline;}

/* ---------------------------------------- */
/* --------- Nos concessionnaires ---------- */
/* ---------------------------------------- */
#tblconcessionnaires td
{
    padding-bottom: 20px;
}
#tblconcessionnaires td.first
{
    padding-right: 150px;
}


/*colonnes pour page Catégories*/
#fondCategories
{
	background:#fff url(../images/bg_contenu_categories.gif) repeat-y top left;
}

#colGau_menu
{
	float:left;
	width:159px;
}

#colDr_categories
{
	float:left;
	width:577px;
}

#colGau_menu ul
{
	list-style:none;
	margin:0;	
	padding:10px 0 0 10px;
}

.section_parent
{
	margin:0;
	padding:2px 0 4px 15px;
	background:url(../images/i_fleche.gif) no-repeat 0 6px;
}

.section_enfant
{
	margin:0;
	padding:2px 0 4px 15px;
	
}

#colGau_menu ul li a:link, #colGau_menu ul li a:visited, #colGau_menu ul li a:active
{
	color:#000;
	text-decoration:none;
}

#colGau_menu ul li a:hover
{text-decoration:underline;}

/* -- Boîtes de sélection des images selon la catégorie --------------- */

.blocMesImages
{
	width:519px;
	margin:0 0 20px 0;
}

.blocMesImagesThumb
{
	float:left;
	width:150px;
	margin: 0 30px 0 0;
	padding:0;
}

.blocMesImagesThumbLast
{
	float:left;
	width:150px;
	margin:0;
	padding:0;
}

.nomMesImages
{
	font-size:0.9em;
	padding:4px 0 4px 0;
	overflow: hidden;
	text-align:center;
}

.nomMesImages a:link, .nomMesImages a:visited, .nomMesImages a:active
{
	color:#003466;
	text-decoration:none;
}

.nomMesImages a:hover
{text-decoration:underline !important;}

/* ---------------------------------------- */
/* --------------- Pieds ------------------ */
/* ---------------------------------------- */

#pied{background:#FAE60D url(../images/pied-degrade.gif) repeat-x top left; }
#piedCoinGau{background:url(../images/pied-coinGau.gif) no-repeat bottom left;}
#piedCoinDr{background:url(../images/pied-coinDr.gif) no-repeat bottom right;}

.bordureContenuBas{background:url(../images/contenu-bordure.gif) repeat-x bottom left;}

#infosPied
{
	padding:5px 0 8px 31px;	
	font-size:0.8em;
}

#infosPied a:link, #infosPied a:visited, #infosPied a:active
{
	color:#003466;
	text-decoration:none;
}

#infosPied a:hover{	text-decoration:underline;}  

#infosPied span
{
	float:right;
	color:#fff;
	margin-right:27px;
}


#formulaire p
{
    margin: 5px 0;
    font-size: 1.0em;
}

#formulaire input
{
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
}

#formulaire .iNom
{
    width: 180px;
}

#formulaire .iMessage
{
    width: 460px;
    height: 140px;
}

#formulaire .button
{
    font-weight: bold;
}

#formulaire .champ
{
    padding: 5px 0;
}

#contenustatique p, #contenustatique ul, #infos p, #infos ul, span.likePar
{
    font-size: 0.9em;
}

#contenustatique a:link, #contenustatique a:visited, #contenustatique a:active
{color:#003466;}

#contenustatique a:hover
{text-decoration:none;}

span.likePar
{
    font-weight: bold;
}


/* ------------------------------------------------------ */
/* -------------------- Nos maisons --------------------- */
/* ------------------------------------------------------ */

.imgMaisonPetite {
    float: left;
    margin-right: 10px;
    width: 150px;
    height: 100px; }
    
#divMaisons h2 a {
    font-size: 0.9em; }
    
.divUneMaison {
    margin-bottom: 10px; }
    
.divDescMaison {
    float: left;
    width: 520px; }
    
#imgLarge {
    float: right; }
    
.imgListe {
    float: left;
    width: 120px;
    height: 80px;
    margin-bottom: 10px; }
    
.lienImgListe
{
    position: relative;
    top: 30px;
    left: 10px;
}

#divImages
{
    float: left;
    width: 318px;
}

#divPages
{
    text-align: center;
}

#divPages img
{
    vertical-align: bottom;
}

#videocorp
{
    padding: 4px 0;
    text-align: center;
}