/* 
	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:#000;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(images/bg.gif)
}

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

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

h1
{
	font-size:1.4em;
	margin:0;
	color:#012255;
	padding:0 0 19px 0;
}

h2
{
	font-size:1.2em;
	margin:0;
	padding:0 0 15px 0;
	color:#012255;
}

h3
{
	font-size:1em;
	margin:0;
	color:#000;
	padding:0 0 10px 0;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.txt_petit
{font-size:0.9em;}


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

/* -- entête -------------------------------------------------- */

#entete
{
	width:955px;
	background:url(images/bg_entete.jpg) no-repeat top left;
	height:159px;
}

/* ------------------------------- */
/* --- logo ---------------------- */

div#logoCompagnie
{
	float:left;
	width:196px;
	padding:9px 0 0 10px;
}

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

#logoPrint
{display: none;}

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

/* -- Zone menu -------------------------------------------------------- */

#zoneMenu
{
	width:953px;
	background:url(images/bg_menu_top.gif) no-repeat top left;
	margin:2px 0 0 0;
	border:1px solid #586576;
}

#zoneMenu_fixIE
{width:953px;}

#zoneMenu img{display:block;}

#zoneMenu ul
{
	list-style:none;
	margin:0;
	padding:0;	
}

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

/* ---------------------------------------------- */
/* --- Sous-menu du menu principal -------------- */

#smenu-mprincipal
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 1em;	
}

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

#smenu-mprincipal div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	margin:0 0 1px 0;
	opacity: 0.9;
 	filter:alpha(opacity=90);
	moz-opacity: 0.9;
}

#smenu-mprincipal div div.last {border-bottom:none;}

#smenu-mprincipal a {
	display: block;
	height: 1%;
	padding: 4px 10px 4px 10px;
	color: #012255;
	text-decoration: none;
	background: #ECE4D1;
	font-weight:bold;
}
#smenu-mprincipal a:hover 
{
	color:#6A4F26;
	background:#C8BBA3;
}

/* largeur des zones de sous-menu fr */
#smenu-mprincipal #MservicesMenu
{width: 140px;}
#smenu-mprincipal #MmeublesMenu
{width: 190px;}
#smenu-mprincipal #MelectroMenu
{width: 150px;}

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

#zContenu
{
	width:955px;
	background:url(images/bg_zcontenu.gif) repeat-y top left;
	padding:3px 0 20px 0;
}

div#zContenu{height:530px;}

html>body div#zContenu
{
	min-height:530px;
	height:auto;
}

#colGauche_acc
{
	float:left;
	width:729px;
	margin:0 0 0 2px;
}

#colGauche
{
	float:left;
	width:729px;
	margin:0 0 0 2px;
	padding:25px 0 0 0;
}

#colDroite
{
	float:right;
	width:210px;
	margin:0 2px 0 0;
	padding:16px 0 0 0;
}

#colStatic
{
	width:939px;
	margin:0 0 0 2px;
	padding:25px 0 0 0;
}

/* -- Zone flash accueil ------- */

#zoneFlash
{
	width:723px;
	margin:0 0 16px 0;
}

/* -- Éléments de contenu textuel ---------------- */

.contenu
{padding:0 43px 0 39px;}

.contenu p
{
	padding:0 0 19px 0;
	text-align:justify;
}

.contenu a:link, .contenu a:visited, .contenu a:active
{
	color:#012255;
	text-decoration:underline;
}

.contenu a:hover
{text-decoration:none;}

.contenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 18px 25px;
}

.contenu ul li
{
	background:url(images/i_fleche.gif) no-repeat 0 3px;
	margin:0;
	padding:0 0 4px 14px;
}

/* -- Boîtes de sélection de produits --------------- */

.blocChoixPhoto
{
	width:870px;
	margin:0 0 45px 0;
}

.blocPhotoChoixThumb
{
	float:left;
	width:280px;
	margin: 0 10px 0 0;
	padding:0;

}

.blocPhotoChoixThumb img, .blocPhotoChoixThumbLast img
{display:block; border:1px solid #092959;}

.blocPhotoChoixThumbLast
{
	float:left;
	width:280px;
	margin:0;
	padding:0;

}

/* -- Zone de logos des Partenaires ----------------------------------------- */

#boxPartenaires
{
	width:840px;
	background:url(images/i_ligne.gif) no-repeat top left;
	margin:80px 0 0 0;
	padding:30px 0 0 0;
}

.boxLogosMembres
{
	width:840px;
	margin:10px 0 30px 0;
	text-align:center;
}

.boxLogosMembres p
{text-align:center;}

.colGau_membres, .colMid_membres
{
	float:left;
	width:250px;
	margin:0 20px 0 0;
}

.colDr_membres
{
	float:left;
	width:250px;
}

.col_membres
{
	float:left;
	width:280px;
}


/* ---------------------------------------- */
/* --- Section Contact -------------------- */


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

.champsObligatoire
{
	font-size:1em;
	color:#C72943;
}

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:1em;
	color:#000;
	font-weight:bold;
}

.lesChamps input
{width:300px;}

#bEnvoyer
{margin-left:355px;}

/* ---------------------------------------------------- */
.logo_partenaires
{border:1px solid #012255;}

/* ---------------------------------------------------------------------- */
/* --- Colonne de droite ------------------------------------------------ */

.boxDr_t
{
	width:210px;
	background:url(images/colDr_t_bgContinu.gif) repeat-y top left;
}

.boxDr_t_bghaut
{background:url(images/colDr_t_bgHaut.gif) no-repeat top left;}
.boxDr_t_bgbas
{background:url(images/colDr_t_bgBas.gif) no-repeat bottom left;}

.boxDr_t h1
{
	font-size:1.2em;
	padding:12px 0 24px 22px;
}

.boxDr
{
	width:208px;
	background:#BBAA8F;
	border-left:1px solid #283F63;
	border-bottom:1px solid #283F63;
	border-right:1px solid #283F63;
	margin:0 0 80px 0;
}

/* ----------- boîte Newsletter-------------------------------------------- */

#boxNewsletter
{
	width:208px; 
	margin:0 0 10px 0;
}

#boxNewsletter p
{
	font-size:0.9em;
	font-weight:bold;
	padding:0 0 4px 21px;
}

#boxNewsletter input.iabonnement
{
	width:139px;
	margin:0 5px 0 20px;
	vertical-align:middle;
}

#boxNewsletter input.ibAbonnement
{
	vertical-align:middle;
	color:#8A8A8A;
	text-align:center;
}

/* ----------- boîte Brochure -------------------------------------------- */

.boxDr_t_bgbas_brochure
{background:url(images/boxDr_t_bgbas_brochure.jpg) no-repeat bottom left;}

#boxBrochure
{
	width:208px;
	background:url(images/bg_brochure.gif) no-repeat top left;
	padding:0 0 9px 0;
}

#boxBrochure p
{
	font-size:0.9em;
	font-weight:bold;
	padding:0 0 0 83px;
}

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

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

/* ---------------------------------------------------------------------- */
/* --- Pied ------------------------------------------------------------- */

#pied_bordTop
{
	background:#6E542B url(images/pixel_pied.gif) repeat-x top left;
	width: 955px;
	margin:0;
	padding:2px 0;
	color:#fff;
}

#pied_bordDr
{background:url(images/pixel_pied.gif) repeat-y top right;}
#pied_bordBas
{background:url(images/pixel_pied.gif) repeat-x bottom left;}
#pied_bordGau
{background:url(images/pixel_pied.gif) repeat-y top left;}

#pied
{
	width: 951px;
	margin:0 2px;
	background:#412C0D url(images/pied_degrade.gif) repeat-x top left;
}

/* -- logo iclic ----*/

#logoIclic
{
	float:left;
	width:270px;
	margin:0 0 0 4px;
	padding:0 0 2px 0;
}

#logoIclic p
{
	float:left;
	width:134px;
	color:#fff;
	padding:0 0 0 5px;
	font-size:0.8em;
}

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

#pied ul
{
	float:left;
	list-style:none;
	margin:0;
	padding:8px 0 0 0;
}

#pied ul li
{
	float:left;
	font-size:0.8em;
	color:#fff;
	margin:0;
	padding:0;
}

#pied ul li.copyright
{padding:0 0 0 60px;}


#pied ul li a:link, #pied ul li a:visited, #pied ul li a:active, #logoIclic p a:link, #logoIclic p a:visited, #logoIclic p a:active
{
	text-decoration:none;
	color:#fff;
}

#pied ul li a:hover, #logoIclic p a:hover
{text-decoration:underline;}

#map
{
  margin-left: 0px;
  width: 500px;
  height: 400px;
}