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

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#5C5645;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff;
}

/* -------------------------------------------------------------------------- */
/* --------------- Boîte et bordures de contour du site --------------------- */
/* -------------------------------------------------------------------------- */

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
	padding:10px 0 0 0;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.5em;
	margin:0;	
}

h2
{
	font-size:1.2em;
	margin:0;
}

h3
{
	font-size:1.1em;
	margin:0;
}

p
{
	font-size:1em;
	margin:0;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

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

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.pubHead-bg
{
	width:955px;
	background:#ECECEC url(images/i_pubHead-bg.gif) repeat-x top left;
}

.coinTG
{background:url(images/coin_TG.gif) no-repeat top left;}
.coinTD
{background:url(images/coin_TD.gif) no-repeat top right;}
.coinBD
{background:url(images/coin_BD.gif) no-repeat bottom right;}
.coinBG
{background:url(images/coin_BG.gif) no-repeat bottom left;}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- header ---------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#header
{
	width:955px;
	background:url(images/head-bg.jpg) no-repeat bottom right;
	position:relative;
	padding-bottom:30px;
}

/* -------------------------------------------------------------------------------------------------- */
/* ----------------- logo --------------------------------*/
/* -------------------------------------------------------------------------------------------------- */
h1#logoCompagnie{
	left: 21px;
	top: 26px;
	position: absolute;
}

h1#logoCompagnie img.logo
{display:block;}

#logoPrint
{display: none;}

/* -------------------------------------------------------------------------------------------------- */

/* --------------- top menu --------------- */
#topMenu
{width:955px;}

#topMenu ul
{
	float:right;
	font-size:1em;
	list-style:none;
	margin:18px 0 18px 0;
	padding:0 307px 0 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 3px;
	color:#006666;
}


#topMenu a:link, #topMenu a:visited, #topMenu a:active
{color:#006666;}

#topMenu a:hover
{color:#B45E22;}

.sectionActive
{font-weight:bold;}

/* --------------------------------------------- */

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- zone menu ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* -------------------------- menu principal ------------------------------- */
/* ------------------------------------------------------------------------- */

#zoneMenu
{
	background:#9CC730 url(images/menu-bg.gif) repeat-x top left;
	width:483px;
	margin:0 0 0 203px;
}

#menu-coinTG
{background:url(images/menu-coinTG.gif) no-repeat top left;}
#menu-coinTD
{background:url(images/menu-coinTD.gif) no-repeat top right;}
#menu-coinBD
{background:url(images/menu-coinBD.gif) no-repeat bottom right;}
#menu-coinBG
{background:url(images/menu-coinBG.gif) no-repeat bottom left;}


/* ------------------------------------------------------------------------------------------------------------ */

#menu
{width:483px;}

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

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

.bordureDr
{background:url(images/menu-sep.gif) repeat-y top right;}

#menu ul li.bordureGau
{
	border-left:1px solid #fff;	
	float:right;
}

#menu a
{
	font-size:1.1em;
	display: block ;
	float:left;	
	padding:9px 17px 7px 17px;
	font-weight:bold;	
	color:#105266;
	text-decoration:none;
}

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

#menu a:hover
{
	color:#fff;	
	font-weight:bold;	
	background:#67A823 url(images/menu-bgOver.gif) repeat-x top left;
	padding:9px 17px 7px 17px;
}

/* --------------------------------------------- */



/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Sous-menu ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
#sousmenu 
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: .9em;	
}

#sousmenu div 
{
	display:none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 200;
	cursor: pointer;	
}

#sousmenu div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

#sousmenu div div.first {border-top:1px solid #fff;}
#sousmenu div div.last {border-bottom:1px solid #fff;}

#sousmenu a {
	display: block;
	height: 1%;
	padding: 7px 10px 6px 18px;
	color: #fff;
	text-decoration: none;
	background: #1F6980;
}
#sousmenu a:hover 
{background:#6BAE23;}

/* largeur des zones de sous-menu fr */
#sousmenu #msc_plansfrSMenu
{width: 175px;}

#sousmenu #msc_expertisefrSMenu
{width: 140px;}

#sousmenu #msc_ideemaisonfrSMenu
{width: 140px;}

#sousmenu #msc_plansenSMenu
{width: 175px;}

#sousmenu #msc_expertiseenSMenu
{width: 140px;}

#sousmenu #msc_ideemaisonenSMenu
{width: 140px;}

#sousmenu #msc_contactfrSMenu div
{width: 120px;}

#sousmenu #msc_contactenSMenu div
{width: 120px;}


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------- */
/* -------------------------------------- zone Contenu ------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

#contenu
{width:955px;}

#colGau
{
	float:left;
	width:202px;
	background:#ECECEC url(images/contenu-bg.gif) repeat-x top left;
	margin:0 1px 0 0;
}

#colCentre
{
	float:left;
	width:485px;
}

#colDr
{
	float:left;
	width:255px;
	background:#ECECEC url(images/contenu-bg.gif) repeat-x top left;
	border-left:1px solid #fff;
}

#colRechercheAvancee
{
	float:left;
	width:752px;
	background:#ECECEC url(images/contenu-bg.gif) repeat-x top left;
}

/* ---------- entêtes de sections ----------------------------------------------------- */

/* accueil -------------------------------------*/

.maisonTheme-001
{
	background:url(../images/i_maison-001.jpg) no-repeat top left;
	height:324px;
}

.maisonTheme-002
{
	background:url(../images/i_maison-002.jpg) no-repeat top left;
	height:324px;
}

.maisonTheme-003
{
	background:url(../images/i_maison-003.jpg) no-repeat top left;
	height:324px;
}

.maisonTheme-004
{
	background:url(../images/i_maison-004.jpg) no-repeat top left;
	height:324px;
}

/* section Expertise -------------------------------------*/

.entete-plans
{
	background:url(../images/entete_plan.jpg) no-repeat top left;
	height:146px;
}

.entete-expertise
{
	background:url(../images/entete_expertise.jpg) no-repeat top left;
	height:146px;
}

.entete-ideesMaison
{
	background:url(../images/entete_ideeMaison.jpg) no-repeat top left;
	height:146px;
}

.entete-contact
{
	background:url(../images/entete_contact.jpg) no-repeat top left;
	height:146px;
}

/* -------------------------------------------------------------------- */
/* -------------------------- colonne gauche -------------------------- */
/* -------------------------------------------------------------------- */

#zoneRecherche
{
	width:180px;
	background:#EBEFBD;
	margin:0 0 0 21px;
	border-left:1px solid #fff;
}

.h1-entete-colGau
{
	font-size:1.3em;
	color:#fff;
	padding:13px 10px 14px 11px;
	background:#105367 url(images/col-bg.gif) repeat-x top left;
}

.h1-entete-colGau-vide
{
	height:40px;	
	background:#105367 url(images/col-bg.gif) repeat-x top left;
}


#champsRecherche select.istylePropriete
{
	margin:10px 0 19px 11px;
	width:150px;
}

#champsRecherche select.icoutConstruction
{
	margin:0 0 19px 11px;
	width:150px;
}

#champsRecherche input
{
	margin:0 0 10px 11px;
	width:150px;
}

#zoneRecherche p.lienRechercheAvancee
{padding:0 0 40px 11px;}

#zoneRecherche p.lienRechercheAvancee a:link, #zoneRecherche p.lienRechercheAvancee a:active, #zoneRecherche p.lienRechercheAvancee a:visited, .vendrePlansLiens li a:link, .vendrePlansLiens li a:active, .vendrePlansLiens li a:visited, #contenuTxt  p.txt a:link, #contenuTxt  p.txt a:visited, #contenuTxt  p.txt a:active, #contenuTxt  p.txtLast a:link, #contenuTxt  p.txtLast a:visited, #contenuTxt  p.txtLast a:active, .listetxt a:link, .listetxt a:active, .listetxt a:visited, .lesChamps a:link, .lesChamps a:visited, .lesChamps a:active
{color:#1C7D9A;}

#zoneRecherche p.lienRechercheAvancee a:hover, .vendrePlansLiens li a:hover, #contenuTxt  p.txt a:hover, #contenuTxt  p.txtLast a:hover, .listetxt a:hover, .lesChamps a:hover
{color:#69AC23;}


.h1-entete-utilitaires
{
	font-size:1.3em;
	color:#003366;
	padding:11px 10px 11px 10px;
	background:#DADEA6;
}

.champsUtilitaires
{
	margin:10px 0 0 11px;
	padding: 0px 0px 10px 0px;
}

.champsUtilitaires label
{
	font-weight:bold;
	color:#000;
}

.champsUtilitaires select.ijeRecherche
{
	margin:11px 0 0 0;
	width:150px;
}

.contenu-bg
{background:#ECECEC url(images/contenu-bg.gif) repeat-x top left;}

/* -------------------------------------------------------------------- */
/* -------------------------- colonne droite -------------------------- */
/* -------------------------------------------------------------------- */

#zonePlans
{
	width:242px;
	background:#EBEFBD;
	border-right:1px solid #fff;
}

.h1-entete-colDr
{
	font-size:1.6em;
	color:#fff;
	padding:13px 10px 11px 11px;
	background:#105367 url(images/col-bg.gif) repeat-x top left;
}

#zonePlans p.vendrePlansTxt
{
	color:#000;
	padding:16px 20px 15px 20px;
}

.lesChampsVendre
{
	margin:0 0 5px 20px;
	width:215px;
}

.lesChampsVendre input
{
	margin:0 0 10px 0px;
	width:150px;
}

.lesChampsVendre input.ibOk
{
	margin:0 0 10px 115px;
	width:39px;
}

.checkbox
{
	margin:0 0 10px 20px;
	width:150px;
	text-align:left;
}

.vendrePlansLiens
{
	list-style:none;
	margin:0 0 0 20px;
}

.vendrePlansLiens li
{
	margin:0;
	padding:0 0 6px 7px;
	background:url(../images/fleche_rechercheAvancee.gif) no-repeat 0 3px;
}

.vendrePlansLiens li.listeVendreLast
{padding:0 0 40px 7px;}

.erreurLoginText
{
	text-align:center;
	display: block;
	float:left;
	color:Red;
	margin:0px 0px 0px 5px;
}

/* -------------------------------------------------------------------- */
/* -------------------------- colonne centre -------------------------- */
/* -------------------------------------------------------------------- */

.h1-entete-colCentre
{
	font-size:1.6em;
	color:#fff;
	padding:13px 10px 11px 11px;
	background:#0B3A48 url(images/colCentreEntete-bg.gif) repeat-x top left;
}

.h1-entete-txt
{
	font-size:1.6em;
	color:#003366;
	padding:14px 0 12px 10px;
}

.boxTrucs
{margin:0 0 34px 0;}

.h2-entete-txt
{
	font-size:1.4em;
	color:#1C7D9A;
	padding:0 0 6px 10px;
}

.h2-entete-txtFirst
{
	font-size:1.4em;
	color:#1C7D9A;
	padding:14px 0 6px 10px;
}

a.h2-entete-txt:link, a.h2-entete-txt:visited, a.h2-entete-txt:active
{
    font-size:1.4em;
	color:#1C7D9A;
	margin:0 0 10px 0px;
    color:#1C7D9A;
    text-decoration:none;
}

a.h2-entete-txt:hover
{
    color:#69AC23;
    text-decoration:none;
}

#contenuTxt  p
{padding:0 25px 10px 10px;}

#contenuTxt  p.txtFirst
{padding:20px 25px 10px 10px;}

#contenuTxt #contenuTxt-contenu
{padding:0 25px 10px 10px;}

#contenuTxt  p.txtLast
{padding:0 25px 20px 10px;}

.coulDatesNouvelles
{color:#999999;}

.imageTrucsConseils
{
    border: 1px solid rgb(174, 223, 54); 
    margin: 0pt 12px 0pt 14px;
}

/* --------------- menu Trucs et conseils --------------- */
#menuTrucs
{
	width:474px;
	margin:0 0 0 10px;
}

#menuTrucs ul
{
	float:left;
	font-size:1em;
	list-style:none;
	margin:0 0 18px 0;
	padding:0 0 0 0;
}

#menuTrucs ul li
{
	float:left;
	margin:0;
	padding:0 3px;
	color:#006666;
}

#menuTrucs a:link, #menuTrucs a:visited, #menuTrucs a:active
{color:#1C7D9A;}

#menuTrucs a:hover
{color:#69AC23;}


.boxTruc
{
	display:block;
	margin:0 0 30px 0;
}
/* -------------------------- section Servicess -------------------------- */

.listetxt
{
	margin:0 30px 20px 20px;
	padding:0;
}

/* -------------------------- section Personnalisez votre plan -------------------------- */

#formContact, .formRezChaussee
{margin:10px 0 0 10px;}

.lesChamps
{margin-bottom:15px;}

.mesures
{
	witdh:200px;
	margin:0 30px 10px 0;
	float:left;
}

.lesChamps label, .lesChampsLargeur label, .lesChampsLongueur label
{
	font-size:0.9em;
	color:#003366;
	font-weight:bold;
}

.lesChamps input
{width:200px;}

.lesChamps input.prix
{width:80px}

.lesChamps input.boutonFichier
{width:90px}

#btnEnvoyer
{margin-left:355px;}

.lesChamps .imessage input
{
    width:422px;
    height:129px;
}

.lesChamps input.ibParcourir, .lesChamps input.ibParcourir2, .lesChamps input.ibParcourir3
{
	width:76px;
	margin:0 0 0 5px;
	vertical-align:middle;
}

.lesChamps input.isurfaceRez, .lesChampsLargeur input.ilargeurRez, .lesChampsLongueur input.ilongueurRez, .lesChamps input.icout
{width:100px;}

/*  choix de rez-de-chaussée */

#contenuTxt #zoneChoixPlan
{
	width:485px;
	padding:0 0 10px 0px;
	margin:0px 0px 15px 0px;
}

#casesCochesRenseignements
{margin:5px 0 0 20px;}

#casesCochesRenseignements-gau
{
	float:left;
	width:180px;
}

#casesCochesRenseignements-dr
{float:left;}

.selectionCaseCoche
{margin:0 0 5px 0;}

#casesCochesRenseignements input.iCaseCoche
{
	float:left;
	width:11px;
	margin:0 5px 0 0;
}

#contenuTxt .zoneChoixPlan p.txt .imgPlan
{
    border:1px solid rgb(174, 223, 54);
    margin:5px 0px 0px 0px;    
}

/* -------------------------- section Contact -------------------------- */

.formUsager
{margin:10px 0 10px 10px;}

#casesCochesUsager
{margin:10px 0 0 0;}

.selecCaseCocheUsager
{margin:0 0 5px 0;}

#casesCochesUsager input.iCaseCoche
{
	float:left;
	width:15px;
	margin:0 5px 0 0;
}

/* -------------------------- section Vendez vos plans -------------------------- */

.lesChamps input.ibVendrePlan
{
	width:112px;
	vertical-align:middle;
	margin:0 0 0 10px;
}

.lesChamps input.ibenvoyerNotes
{
	width:69px;
	margin:5px 0 0 355px;
}

.lesChamps input.ibenvoyer
{
	width:69px;
}

.lesChamps input.iprixVente
{width:80px;}
/* ------------------------------------------------------------------------------- */
/* -------------------------- colonne recherche avancée -------------------------- */
/* ------------------------------------------------------------------------------- */

#zoneRechercheAvancee
{
	width:728px;
	border-right:1px solid #fff;
}

#zoneChampsRechAvan
{
	background:#105266;
	width:728px;
	border-right:1px solid #fff;
	padding-bottom:10px;
}

#zoneChampsRechAvan ul
{
	float:left;
	font-size:1em;
	list-style:none;
	margin:10px 0;
	padding:0 0 0 16px;
}

#zoneChampsRechAvan ul li
{
	float:left;
	margin:0;
	padding:0 3px;
	color:#fff;
}


#zoneChampsRechAvan a:link, #zoneChampsRechAvan a:visited, #zoneChampsRechAvan a:active
{color:#fff;}

#zoneChampsRechAvan a:hover
{
	color:#fff;
	text-decoration:none;
}

.sectionActive
{font-weight:bold;}

/* ------------- boîte contenant les champs de recherche --------------------- */

#boxChampsRA
{
	width:705px;
	background:#1C7D9A;
	border:1px solid #fff;
	margin:0 0 0 11px;
	padding:30px 0 0 0;
	color:#fff;
}

#boxChampsRA p.pChamps
{
	float:right;
	font-size:0.9em;
	margin:0 7px 0 0;
}

#boxChampsRA-colGau
{
	float:left;
	width:336px;
}

.champs
{
	width:280px;
	padding:0 0 6px 0;
	margin:0 0 6px 27px;
	border-bottom:1px dashed #61A4B8;
}

.champs label
{
    vertical-align: middle;
	font-size:0.9em;
	float:left;
}

.champs select 
{
	float:right;
	width:153px;
	margin:0 10px 0 0;
}

.champs select.icoutConstruc, .champs select.icoutConstruc2, .champs select.isalleBain, .champs select.isalleEau, .champs select.ichambres, .champs select.ichambres2, .champs select.ilargeur, .champs select.iprofondeur, .champs select.isurfaceHabitable, .champs select.isurfaceHabitable2, .champs select.ilargeur2, .champs select.iprofondeur2
{
	float:right;
	width:66px;
}

.champs select.isalleBain, .champs select.isalleEau
{margin:0 98px 0 0;}

.champs input 
{
	float:right;
	width:150px;
}


#boxChampsRA-colDr
{
	float:left;
	width:345px;
}

#casesCoches
{margin:33px 0 0 25px;}


#casesCoches-gau
{
	float:left;
	width:160px;
}

#casesCoches-dr
{
	float:left;
	width:160px;
}

.selectionCaseCoche
{margin:0 0 5px 0;}

#casesCoches input.iCaseCoche
{
	float:left;
	width:15px;
	margin:0 5px 0 0;
}

#bLancerRecherche
{
	margin:15px 0 9px 236px;
}


/* ------------- boîte de choix de maisons --------------------- */

#choixMaisons
{
	background:#fff;
	width:728px;
}

#pages ul
{
	float:left;
	font-size:1em;
	list-style:none;
	margin:20px 0 7px 0;
	padding:0 0 0 38px;
}

#pages ul li
{
	float:left;
	margin:0;
	padding:0 4px;
	color:#1C7D9A;
}

#pages ul li a:link, #pages ul li a:visited, #pages ul li a:active
{color:#1C7D9A;}

#pages ul li a:hover
{
	color:#AEDF36;
	font-size:1.5em;
	text-decoration:none;
}

#pages ul li#encours
{
	color:#AEDF36;
	font-size:1.5em;
	text-decoration:none;
}

/*  choix de maisons */

.zoneChoixMaisons
{
	width:645px;
	padding:0 0 30px 0;
	margin:0 0 0 38px;
}

.boxChoixMaisons
{
	float:left;
	width:201px;
	margin:0 18px 0 0;
	background:#EBEFBD;
	border:1px solid #AEDF36;
}

.boxChoixMaisons-designer
{
	float:left;
	width:450px;
	margin:10px 15px 0 0;
	background:#EBEFBD;
	border:1px solid #AEDF36;
}

.photo-maison-designer
{
	float:left;
	width:205px;
}

.infos-maison-designer
{
	float:left;
	width:245px;
}

.infos-maison-designer ul
{
    margin:5px 0px 0px 5px;
}

.infos-maison-designer ul li
{
    list-style:none;
    margin:3px 0px 0px 0px;
}

#zoneChoixPlan .paragraphe-file
{
    margin: 5px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.boxChoixMaisons-designer-alt
{
	float:left;
	width:450px;
	margin:10px 15px 0 0;
	background:#FFFFFF;
	border:1px solid #AEDF36;
}

.boxChoixMaisonsLast
{
	float:left;
	width:201px;
	background:#EBEFBD;
	border:1px solid #AEDF36;
}

.boxChoixMaisons p.txtChoixMaisons, .boxChoixMaisonsLast p.txtChoixMaisons
{
	color:#105266;
	padding:11px 7px 13px 7px
}

.boxChoixMaisons p.txtDonneesTitre, .boxChoixMaisonsLast p.txtDonneesTitre
{
	float:left;
	color:#105266;
	padding:0 0 6px 7px;
}

.boxChoixMaisons p.txtDonnees, .boxChoixMaisonsLast p.txtDonnees
{
	float:right;
	color:#105266;
	padding:0 0 6px 0;
}

.boutonsChoixMaisons
{margin:20px 0 10px 24px;}

.monBouton
{margin:0 0 10px 0}

.monBouton a:link, .monBouton a:visited, .monBouton a:active
{
	color:#1C7D9A;
	text-decoration:none;
}

.monBouton a:hover
{color:#69AC23;}


/* -------------------------------------------- */
/* ------------- Profile ---------------------- */
/* -------------------------------------------- */

.divFormItemProfile
{
	margin:0px 0px 10px 0px;
}

.divFormItemLink, .divFormItemPwd a:link, .divFormItemPwd a:active, .divFormItemPwd a:visited
{
	margin:0px 0px 10px 124px;
}

.divFormItemProfile label
{
	font-weight:bold;
	margin-right:20px;
	float:left;
	text-align:right;
	width:100px;
}

.divFormItemPwd label
{
	font-weight:bold;
	margin-right:20px;
	float:left;
	text-align:right;
	width:230px;
}

.divFormItemProfile input, .divFormItemProfile select, .divFormItemProfile textarea
{
	float:left;
}

.divFormItemProfile input, .divFormItem select
{width:195px;}

.divFormItemProfile textarea
{width:195px;}

.divFormItemProfile input[type='checkbox']
{width:25px;}

.divFormItemProfile input.soumettre
{
	width:100px;
	margin:10px 0 0 120px;
}

.divFormItemProfile select.http
{
    width:65px;
}

.divFormItemProfile input.http
{width:130px;}
.divFormItemProfile input.http2
{width:135px;}

.divFormItemProfileVide
{
    height:22px;
    margin:0px 0px 10px;
    visibility:hidden;
}


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

/* --------------- pieds menu --------------- */
#piedsMenu
{width:955px;}

#piedsMenu ul
{
	float:left;
	font-size:1em;
	list-style:none;
	margin:18px 0 18px 0;
	padding:0 0 0 217px;
}

#piedsMenu ul li
{
	float:left;
	margin:0;
	padding:0 6px;
	color:#006666;
}


#piedsMenu a:link, #piedsMenu a:visited, #piedsMenu a:active
{color:#006666;}

#piedsMenu a:hover
{color:#B45E22;}

#piedsMenu p.adresseIclic
{
text-align:center;
font-size:0.8em;
padding:10px 80px 30px 0;
}



/* ---------------------------------------- */
/* ------------- validation ------------- */
/* ---------------------------------------- */
.validationWrap 
{
    padding:0px 0px 10px 10px;
}

.validation 
{
    background-color: #FFC0C0;
    border: 1px solid #FF0000;
    color: #666666;
    padding: 10px;
    width: 420px;
}

.validation ul 
{
	list-style-type: square;
	margin: 0;
	padding: 0;
}

.validation li 
{
	margin: 0 0 0 40px;
	padding: 0;
}

.message
{
    padding:0px 0px 10px 10px; 
}

#contenuTxt .message-success
{
    font-weight:bold;
    color:Green;
    padding:0px 0px 10px 10px; 
}

#contenuTxt .message-error
{
    font-weight:bold;
    color:Red;
    padding:0px 0px 10px 10px; 
}


/* ------------ boîte de login ----------------- */

#box-login
{
	background:#E7EEF8 url(images/boxLogin_coinGT.gif) no-repeat top left;
	width:351px;
	margin:20px 0px 20px 15px;
}

#boxLogin_coinDT{background:url(images/boxLogin_coinDT.gif) no-repeat top right;}
#boxLogin_coinGB{background:url(images/boxLogin_coinGB.gif) no-repeat bottom left;}
#boxLogin_coinDB{background:url(images/boxLogin_coinDB.gif) no-repeat bottom right;}

h2.box-login
{padding:12px 0 3px 0;}

h2.box-login-accept
{padding:0px 0 6px 10px;}

/* --------------- Champ login --------------- */
#champsLogin
{
	width:351px;
	padding:0 0 0px 10px;
}

.lesChamps
{float:left;}

#champsLogin label
{
    vertical-align: middle;
	padding:5px 0 0 0;
	color:#576F8F;
	font-size:0.9em;
}

#champsLogin input.iusername
{
   margin-right:10px;
}

#champsLogin input
{
    vertical-align: middle;
	margin:7px 4px 0 0;
	width:150px;
}
#champsLogin .checkbox
{
	display: block;
	padding-top: 10px;
	float:left;
}

#champsLogin .checkbox input
{
	margin: 0 5px 0 0;
	vertical-align:middle;
	width: auto;
}
#champsLogin .checkbox label
{
	vertical-align:middle;
}

#champsLogin p.retrouveMDP
{
	padding:22px 20px 0pt 10px;
	float:right;
	font-size:0.9em;
}

#champsLogin .retrouveMDPwd
{
	padding:21px 5px 0 0px;
	float:right;
	font-size:0.9em;
}

#champsLogin input.go
{width:31px;}

#champsLogin .erreur
{
	padding: 15px 0 0 0;
	text-align:center;
}

#champsLogin .erreurLogin
{
	padding: 21px 0px 0px 40px;
	text-align:center;
	display: block;
	float:left;
}

#champsLogin .erreurLoginText
{
	text-align:center;
	display: block;
	float:left;
	color:Red;
}

#champsLogin .erreurLoginText
{
	padding:10px 0px 0px 0px;
}

#champsLogin p.erreurLoginText
{
	color:Red;
	margin:0px 15px 0px 20px;
}

#champsLogin .textFailed
{
	padding:12px 0pt 3px 10px;	
}


/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------ Page Plans ------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
#planColGau
{
	float:left;
	width:300px;
	margin:0 0 0 40px;
}

.divTitreRecherche
{
	font-weight:bold;
    padding: 2px 0 2px 5px;
	margin:0 0 0 25px;
    min-height: 16px; 
}

.divInterieurRecherche 
{

    padding: 8px 0;
	margin:0 0 0 30px;
    _height: 1%;
	min-height: 0; 
}

.divInterieurRecherche .fonce 
{
	width:100px;
	background:#fff;
    border: solid 1px #6a6a6a;
    padding: 2px 5px;
	color:#0C3F4E;
}

#divNavigationPlans 
{
	margin:10px 0 0 0;
	font-weight: bold; 
}

.flechePlan 
{
    position: relative;
    top: 6px; 
}

.imgNewRech 
{margin:10px 0 10px 25px;}

/* ----------------------------------------------- */
.alignedRight 
{
	text-align: right;
    padding-right: 70px; 
}
	
.alignedRight img 
{
    position: relative;
    top: 6px;
    margin: 0 8px; 
}

.alignedRight a:link, .alignedRight a:visited, .alignedRight a:active
{text-decoration:none;}

/* ------------- zone de plan ----------------- */

#zonePlan
{
	background:#fff;
	width:728px;
}

.divInterieur 
{
	width:728px;
    padding: 5px 0;
	margin:0 0 0 0px;
    _height: 1%;
	min-height: 0; 
}

.divInterieurPhotos
{
	margin:5px 0px 10px 95px;
}

.divInterieur .fonce 
{
	width:726px;
	background:#EBEFBD;
   border: solid 1px #4d4d4d;
}

.divInterieur .fonce p
{padding: 4px 5px;}

.boxFicheTech .divTitre 
{
	background: #105266;
	color:#fff;
	border-bottom: solid 1px #6a6a6a;
	padding: 2px 0 2px 5px;
    min-height: 16px; 
}

.boxFicheTech 
{
    _height: 1%;
    min-height: 0;
	text-align: left;
    border: solid 1px #4d4d4d;
    padding: 0px 0px 7px 0px;
    margin:0 0px 5px 0px; 
}

#divFicheContainer
{
    margin:40px 0 10px 0;
}

.aGauche, .aDroite, .ficheGaucheTop, .ficheDroiteTop 
{
    float: left;
    padding: 5px 5px 5px 20px; 
}
	

.ficheGaucheTop, .aGauche 
{width: 315px;}

    

.ficheDroiteTop, .aDroite 
{padding-left: 30px;}

.gauche, .droite 
{
    float: left;
	padding:0 10px 0 0;
}


/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------ Page Mes Plans ------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


#mesPlans
{
	background:#fff;
	width:728px;
	padding:10px 0 0 0;
}

#mesPlans p.txt
{padding:20px 25px 700px 30px;}


/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ Processus d'achat ------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------- */

.divInterieurPanier
{
	background:#fff;
	width:728px;
	margin:0;
	padding:5px 0 60px 0;
}

.divInterieurPanier  p
{padding:0 25px 10px 10px;}

.divInterieurPanier .message-success
{
    font-weight:bold;
    color:Green;
    padding:0 25px 10px 10px;
}

.plan 
{
    margin:0 10px 5px 10px;
    _height: 1%;
    min-height: 0; 
}


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

.plan .img 
{
    float: left;
    text-align: right; 
}

.planInfosPrix 
{margin-left: 200px;}

.nomPlan 
{
	border-bottom: solid 1px #4d4d4d;
    font-weight: bold; 
}

.plan table 
{margin: 10px 0 0 0px;}

.plan table td 
{font-weight: bold;}

.plan table td.middle 
{
    font-weight: normal;
    width: 441px; 
}

.plan table td.colEspaceur 
{width: 10%;}

.plan table td.colDesc 
{width: 60%;}

.plan table td.colPrix 
{width: 30%;}

.plan .divSousTotal 
{
    text-align: right;
    border-top: solid 1px #4f4f4f;
    float: right;
    width: 100px;
    margin-top: 20px; 
}

#divCalculFacture 
{
    text-align: right;
    border: solid 1px #4d4d4d;
    padding: 7px 35px 7px 330px;
    margin:0 10px 5px 10px; 
}

#divCalculFacture table 
{border-collapse: collapse;}

#divCalculFacture table td.item 
{width: 300px;}

#divCalculFacture table td.prix 
{width: 150px;}

#divCalculFacture #retour 
{
	text-align: left;
	margin-left: -325px;
}

#tabCalculs 
{border-bottom: solid 1px #8f8f8f; }

#tabTotal td 
{font-weight: bold;}

input.adresse 
{width: 200px;}

input.codepostal 
{width: 60px; }

input.courriel 
{width: 220px; }

input.ville 
{width: 180px; }  

input.bouton 
{margin: 5px 0px; }

div.price, div.divSousTotalNum 
{display: none;}

#panier .prix
{text-align: right;}

.divInterieur input.sansmarge 
{margin-left: 0;}

.divInterieur span.checkbox input,

.plan table td div.option 
{margin-left: 10px;}

.divInterieur .optionInput
{
	position: relative;
	margin-left: 0;
}


#panier .plan 
{
    border: solid 1px #4d4d4d;
    padding: 7px 35px 7px 7px;
}

/********************** boite d'avertissement ***************************/
#contenuTxt .boiteAvertissement
{
	background: #ebefbd; 
	border: 1px solid rgb(174, 223, 54);
	margin: 0pt 25px 10px 10px;
	width: 450px; 
}

#contenuTxt .boiteAvertissement2
{
	background: #ebefbd; 
	border: 1px solid rgb(174, 223, 54);
	margin: 0pt 25px 10px 10px;
	width: 450px; 
}

#contenuTxt .boiteAvertissement table,
#contenuTxt .boiteAvertissement2 table
{
	border: none; 
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 0; 
	padding: 0; 
}

#contenuTxt div.boiteAvertissement table td,
#contenuTxt div.boiteAvertissement2 table td
{
	padding: 5px;
}

/********************** Dossier Plan Personnaliser ***************************/

#contenuTxt table.tblPlanPerso 
{
    background:#0B3A48;
    color:#FFFFFF;
	border: 1px solid rgb(174, 223, 54);
    border-collapse:collapse;
    margin:14px 0pt 12px 10px;
    width:450px;
}

#contenuTxt .tblPlanPersoRow
{
    color:#000;
    background: #fff; 
}

#contenuTxt .tblPlanPersoRowAlt
{
    color:#000;
    background: #ebefbd; 
}