/* 
	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:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:Black;
}

/* ----------------------------------------------------------------- */
/* --------------- Bordures de contour du site --------------------- */
/* ----------------------------------------------------------------- */
#container
{
	width:984px;	
	margin:0 auto;
	text-align:left;
	color:#7D7D7D;
	background-color:White;
}


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

h1
{
	font-size:1.1em;
	color:#000;
	margin:0;	
}

h2
{
	font-size:1em;	
	color:#7D7D7D;
	margin:0;
}

h3
{
	font-size:0.9em;
	color:#000;
	margin:0;
}

p
{
	font-size:1em;
	color:#7D7D7D;
	margin:0;
	text-align:justify;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

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

a:link {color: #000; }
a:visited{color: #000; }
a:active{color: #000; }


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

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

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

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

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

#header
{
	width:984px;
	height:249px;	
	position:relative;
	/*background:url(images/Entete_Cadeaux.jpg) no-repeat top left;*/
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}


/******************* Entetes Francais *********************/


#diaporamafr-001, .diaporamafr-001
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_001.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-002, .diaporamafr-002
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_002.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-003, .diaporamafr-003
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_003.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-004, .diaporamafr-004
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_004.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-005, .diaporamafr-005
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_005.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-006, .diaporamafr-006
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_006.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

/******************* Entetes Anglais *********************/

#diaporamaen-001, .diaporamaen-001
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_001_en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-002, .diaporamaen-002
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_002_en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-003, .diaporamaen-003
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_003_en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-004, .diaporamaen-004
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_004_en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-005, .diaporamaen-005
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_005_en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-006, .diaporamaen-006
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/entete_006_en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

/* Entetes Noel */
/*
#diaporamafr-001, .diaporamafr-001
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_DecoSapin08-1-fr.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-002, .diaporamafr-002
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Chorale08-1-fr.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-003, .diaporamafr-003
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Reveillon08-1-fr.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-004, .diaporamafr-004
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Cadeaux08-1-fr.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-005, .diaporamafr-005
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Champagne08-1-fr.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamafr-006, .diaporamafr-006
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Celebration08-1-fr.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}



#diaporamaen-001, .diaporamaen-001
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_DecoSapin08-1-en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-002, .diaporamaen-002
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Chorale08-1-en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-003, .diaporamaen-003
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Reveillon08-1-en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-004, .diaporamaen-004
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Cadeaux08-1-en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-005, .diaporamaen-005
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Champagne08-1-en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#diaporamaen-006, .diaporamaen-006
{
	width:984px;
	height:249px;
	position:relative;
	background:url(images/Entete_Celebration08-1-en.jpg) no-repeat top left;
	border-bottom:4px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
*/



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

#logoPrint
{display: none;}

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


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

#zoneMenu
{
	background:#fff;
	width:984px;
	margin:0;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

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

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

#menu ul li.bordureGau
{
	border-left:1px solid #000;
	float:right;
	background:#D4D2D2;
	margin:0;
	padding:0;		
}

#menu ul li a
{
	display: block ;
	float:left;	
	padding:8px 0 2px 0;
	font-size:1.3em;
	font-weight:bold;	
	color:#7D7D7D;
	text-decoration:none;
}

#menu ul li.bordureGau a
{
	display: block ;
	float:left;	
	padding:8px 18px 8px 18px;
	font-size:0.9em;
	font-weight:bold;	
	color:#000;
	text-decoration:none;
}

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

#menu a:hover
{
	color:#000;	
	font-weight:bold;	
	padding:8px 0px 2px 0px;
}

#menu ul li.bordureGau a:hover
{
	color:#fff;	
	font-weight:bold;	
	padding:8px 18px 8px 18px;
}

#menu ul li a.actif 
{color:#000;}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- 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 #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
}

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

#sousmenu a {
	display: block;
	height: 1%;
	padding: 7px 10px 6px 18px;
	color: #7D7D7D;
	text-decoration: none;
	background: #FFFFFF;
	font-weight:bold;
}
#sousmenu a:hover 
{
    background:#FFFFFF;
    color:#000;
}

/* 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;}


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

/* ------------------------- Accueil -------------------------------------*/

#contenu
{
	width:984px;
	margin:50px 0 30px 0;
}

#contenu a:link, #contenu a:active, #contenu a:visited
{text-decoration:none;}
#contenu a:hover
{text-decoration:underline;}

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

#colGauAcc
{
	float:left;
	width:388px;
}

#colCenAcc
{
	float:left;
	width:310px;
}

#colDrAcc
{
	float:left;
	width:281px;
}
#slideTemoi
{
	/*height:180px;*/
	/*width:265px;*/
	/*background-color:Aqua;*/
}

.list-nouvelles
{
    margin:0px 0px 30px 0px;
}
    
/* ------------------------------------------------------------------------------------------------------------ */

#colGauAcc h1
{padding:0 0 30px 70px;}

#colGauAcc p.txtAcc
{padding:0 56px 10px 105px;}

#colGauAcc p.txtAccLast
{padding:0 56px 20px 105px;}

#colGauAcc-txt
{padding:0 0px 0px 105px;}

#colGauAcc-txt p
{padding:0 56px 10px 0px;}

#temoignage p
{padding:0 56px 10px 0px;}

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

#colCenAcc h1, #colDrAcc h1
{padding:0 0 30px 0;}

#colCenAcc h2
{padding:0 0 5px 39px;}

#colCenAcc p
{
    padding:0 20px 10px 39px;
    text-align:left;
}

/* ------------------------------------------------------------------------------------------------------------ */
#colDrAcc h2
{padding:0 0 5px 39px;}

#colDrAcc h1.titreNews
{padding:0 90px 5px 39px;}

#colDrAcc p.txtNews
{padding:0 50px 45px 39px;}

/* ------------------------------------------------------------------------------------------------------------ */
#colCentrale-txt
{padding:0 0px 0px 105px;}

#colCentrale-txt p
{padding:0 56px 10px 0px;}

#colCentrale-txt h1
{padding:0 0 30px 105px;}

#colCentrale-txt h2
{padding:0 0 5px 0px;}

/* ------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------- Section Portfolio ------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */

#colGauPortfolio
{
	float:left;
	width:441px;
}

#colDrPortfolio
{
	float:left;
	width:543px;
}

#colDrPortfolio .photo
{
    float:left;
    width:583px;    
}

#colDrPortfolio .grpImg
{
    float:left;
    width:125px;    
    width:583px;   
    margin:0px 0px 10px 0px;
}

#colDrPortfolio .thumb
{
    float:left;
    width:105px;    
}
/* ------------------------------------------------------------------------------------------------------------ */
#colGauPortfolio h1
{
	float:left;
	padding:0 0 30px 70px;
}

#fil
{float:left;}

#fil ul
{
	color:#7D7D7D;
	font-size:1.1em;
	list-style:none;
	margin:0 0 0 15px;
}

#fil ul li
{
	float:left;
	margin:0 20px 0 0;
}

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

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

#fil ul li a.actif
{
	color:#000;
	font-weight:bold;
}

.listReali
{
	list-style:disc;
}

.listReali li
{
	margin:0;
	padding:0 0 11px 0;
}

.listReali li a:link, .listReali li a:visited, .listReali li a:active
{color:#7D7D7D;}

.listReali li a:hover
{color:#000;}

.listReali li a.actif
{
	color:#000;
	font-weight:bold;
}


/* --------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Section Équipe ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

.colEquipeEsp
{
    margin:0pt 0px 30px 0px;
    padding:0pt 120px 0px 105px;
}

.h1-section
{
	float:left;
	padding:0 38px 30px 70px;
}

.colEquipe
{
	float:left;
	width:320px;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Section Services ------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

#contenu h1.h1-contenu
{padding:0 0 30px 70px;}

#contenu p.txt
{padding:0 70px 10px 105px;}

#contenu p.txtLast
{padding:0 70px 20px 105px;}


/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Section Client -------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */

.listClients
{
	list-style:disc;
	margin:0 0 0 125px;
}

.listClients li
{
	margin:0;
	padding:0 0 11px 0;
}

.listClients li a:link, .listClients li a:visited, .listClients li a:active
{color:#7D7D7D;}

.listClients li a:hover
{color:#000;}

.listClients li a.actif
{
	color:#000;
	font-weight:bold;
}

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

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

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

.lesChamps
{margin-bottom:15px;}

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

.lesChamps input
{width:300px;}

.lesChamps #txtMessage
{
    height:60px;
    width:600px;
}

#bEnvoyer
{margin-left:355px;}


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

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

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

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

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

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

#pied ul 
{
    font-weight:bold;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt 0pt 0pt 20px;
    padding:0px 0pt 0pt 0px;
}

#pied ul li
{
    float:left;
    margin:0pt;
    padding:0pt 10px 0pt 0pt;
}

#pied
{
    margin:0px 0px 10px 10px;
    padding:0px 0px 10px 0px;
}

/* -------------------------------------- Page Plan du site ------------------------------------------------- */

#contenu ul
{
	margin:0;
	padding:0 70px 10px 115px;
}

#contenu ul li
{
	margin:0;
	padding:0 0 5px 5px;
}

#contenu ul li.noDot
{
	list-style:none;
}


/* ----------------------- google map -----------------*/
#map
{
    margin:0px 0px 10px 105px; 
	width: 600px;
	height: 300px;
}


/* ---------------------------------------- */
/* ------------- Événements ------------- */
/* ---------------------------------------- */

#zoneAnnee 
{
	font-size:1em;
	list-style:none;
	margin:5px 0 10px 0;
}

#zoneAnnee ul 
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0px 0pt 0pt 0px;
}

#zoneAnnee ul li 
{
	float:left;
	margin:0;
	padding:0 3px;
}

#zoneAnnee ul li.selected
{
    font-weight:bold;
}

/* ----------------------- Témoignage -----------------*/

#temoignage blockquote span.open 
{
    background:transparent url(images/so-q.gif) no-repeat scroll left top;
    padding:0 0 0 15px;
}

#temoignage blockquote span.close 
{
    background:transparent url(images/sc-q.gif) no-repeat scroll right bottom;
    padding:0 15px 0 0;
}

#homeLeadWrap span.open 
{
    background:transparent url(images/so-q.gif) no-repeat scroll left top;
    padding:0 0 0 15px;
}

#homeLeadWrap span.close 
{
    background:transparent url(images/sc-q.gif) no-repeat scroll right bottom;
    padding:0 15px 0 0;
}