/* 
	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:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background:#000;
	text-align:center;
}

#container
{
	width:824px;	
	margin:0 auto;
	text-align:left;
	font-size:0.9em;
}


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

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


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

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

/*bordures de l'entête*/
.bordGau{background:url(../images/pixel_bordure.gif) repeat-y top left;}
.bordDr{background:url(../images/pixel_bordure.gif) repeat-y top right;}
.bordBas{background:url(../images/pixel_bordure.gif) repeat-x bottom left;}
.bordTop{background:url(../images/pixel_bordure.gif) repeat-x top left;}

/*coins ronds de l'entête*/
#bgHeader{background:url(../images/entete_fond.jpg) no-repeat 2px 0;}
#bdHeader{background:url(../images/entete_bdCoin.gif) no-repeat bottom right;}

#header
{
	background:url(../images/entete_bgCoin.gif) no-repeat bottom left;
	height:132px;
}

#header img{margin:16px 0 0 101px;}
#header h1
{
    margin:0;
}

#header h2
{
    font-size: 1.0em;
    margin: 0;
    padding: 3px 0 0 10px;
    font-weight: bold;
}

#topMenu
{	
	float:right;
	padding:15px 21px 0 0;
	font-size:0.9em;
}

#topMenu span
{	
	padding:0 3px;
}

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

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

#menu
{
	background:#F7D700 url(../images/menu_degrade.gif) repeat-x top left;
	margin:0 7px;	
	border-left:2px solid #fff;
	border-right:2px solid #fff;
}

div#menu{height:24px;}

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

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

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

.bordureDr{border-right:1px solid #fff;}

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

#menu a
{
	display: block ;
	float:left;	
	padding:9px 10px 7px 11px;
	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:#fff;
	font-weight:bold;	
	background:#D88203 url(../images/menu_over.gif) repeat-x top left;
	padding:9px 10px 7px 11px;
}

/* ----------------------------------------- */
/* ------------ Zone de contenu -------------*/
/* ----------------------------------------- */
#fondContenu{background:#141414 url(../images/contenu_degrade.gif) repeat-x top left;}

/*coins ronds de la zone contenu*/
#tgContenu{	background:url(../images/contenu_tgCoin.gif) no-repeat top left;}
#tdContenu{	background:url(../images/contenu_tdCoin.gif) no-repeat top right;}
#bgContenu{	background:url(../images/contenu_bgCoin.gif) no-repeat bottom left;}
#bdContenu{	background:url(../images/contenu_bdCoin.gif) no-repeat bottom right;}

#contenu
{
	padding:13px 10px;
	font-size:0.9em;
}
/*hauteur minimale de la boîte*/
div#contenu
{
	height:386px;
}

html>body div#contenu
{
	min-height:386px;
	height:auto;
}

#colGauche
{
	float:left;
	width:453px;
	margin-right:19px;
}

#colDroite
{
	float:left;
	width:332px;
}

#colonne
{
	float:left;
	width:453px;
}

/*-----------------------------------*/
/* --------- colonne gauche ---------*/
/*entête colonne gauche*/
#enteteGauFond
{
	background:url(../images/box_enteteGauFond.gif) repeat-y top left;
}

#enteteGau
{
	background:url(../images/box_enteteGau.jpg) no-repeat top left;
	
	padding:8px 0 6px 11px;
	border-bottom:2px solid #EACD15;
	font-family:"Futura LT Book";
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	color:#000;
}

/*corps colonne gauche*/
/*box entreprise*/
#entrepriseFond{background:#000 url(../images/box_degradeEntreprise.gif) repeat-x top left;}

/*coins ronds*/
.bgEntreprise{background:url(../images/boxInt_coinBg.gif) no-repeat bottom left;}
.bdEntreprise{background:url(../images/boxInt_coinBd.gif) no-repeat bottom right;}

/*bordures*/
.bordBasEntreprise{background:url(../images/box_pixel.gif) repeat-x bottom left;}
.boxBordGau{background:url(../images/box_pixel.gif) repeat-y top left;}
.boxBordDr{background:url(../images/box_pixel.gif) repeat-y top right;}
.lg{background:url(../images/box_bordure.gif) no-repeat top left;}
.ld{background:url(../images/box_bordure.gif) no-repeat top right;}

/*hauteur minimale de la boîte*/

div#entreprise, div#entreprise2
{
	height:337px;
}

html>body div#entreprise, html>body div#entreprise2
{
	min-height:337px;
	height:auto;
}

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

#entreprise img
{
	margin-left:26px;
}

#entreprise h1, #entreprise2 h1
{
	font-size:1.1em;
	font-weight:bold;
}

#txtEntreprise
{
	padding:12px 43px 10px 51px;
	text-align:justify;
}

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

.box{margin-bottom:12px;}

/*entête colonne droite*/
.enteteDrFond{	background:url(../images/box_enteteDrFond.gif) repeat-y top left;}

.enteteDr
{
	background:url(../images/box_enteteDr.jpg) no-repeat top left;	
	padding:8px 0 6px 11px;
	border-bottom:2px solid #EACD15;
	font-family:"Futura LT Book";
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	color:#000;
}

/* --------- box nouvelles ---------*/
#nouvellesFond{background:#000 url(../images/box_degradeNews.gif) repeat-x top left;}

/*coins ronds*/
#bgNouvelles{background:url(../images/boxNews_coinBg.gif) no-repeat bottom left;}
#bdNouvelles{background:url(../images/boxNews_coinBd.gif) no-repeat bottom right;}

/*bordures*/
.bordBasEntreprise{background:url(../images/box_pixel.gif) repeat-x bottom left;}
.boxBordGau{background:url(../images/box_pixel.gif) repeat-y top left;}
.boxBordDr{background:url(../images/box_pixel.gif) repeat-y top right;}
.lg{background:url(../images/box_bordure.gif) no-repeat top left;}
.ld{background:url(../images/box_bordure.gif) no-repeat top right;}

/*hauteur minimale de la boîte*/
div.nouvelles
{
	height:198px;
}

html>body div.nouvelles
{
	min-height:198px;
	height:auto;
}
/*------------------------------*/

.nouvelles{	padding:9px 20px 10px 10px;}
.nouvelles p{	margin:15px 0;}
.nouvelles h1{	font-size:1.1em;}

.nouvelles a{	text-decoration:none; color:#F7D700;}
.nouvelles a:hover{	text-decoration:underline;}

/*entête box réalisation*/
.enteteDrFond{	background:url(../images/box_enteteDrFond.gif) repeat-y top left;}

.enteteDrReali
{
	background:url(../images/box_enteteDrReali.jpg) no-repeat top left;	
	padding:8px 0 6px 11px;
	border-bottom:2px solid #EACD15;
	font-family:"Futura LT Book";
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	color:#000;
}

/* --------- box réalisations ---------*/
.realiFond{background:#000 url(../images/box_degradeReali.gif) repeat-x top left;}

/*coins ronds*/
#bgNouvelles{background:url(../images/boxNews_coinBg.gif) no-repeat bottom left;}
#bdNouvelles{background:url(../images/boxNews_coinBd.gif) no-repeat bottom right;}

/*hauteur minimale de la boîte*/
div.realisations
{
	height:100px;
}

html>body div.realisations
{
	min-height:100px;
	height:auto;
}

.realisations{	padding:4px 10px 9px 10px;}

.realisations h1{	font-size:1.1em;}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------Page réalisations----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*-----------------------------------*/
#centre{width:802px;}

/*entête colonne gauche*/
#enteteBoxFond{	background:url(../images/box_enteteAllongeeFond.gif) repeat-y top left;}

#enteteBox
{
	background:url(../images/box_enteteAllongee.jpg) no-repeat top left;	
	padding:8px 375px 6px 11px;
	border-bottom:2px solid #EACD15;
	font-family:"Futura LT Book";
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	color:#000;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------------Page services----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

#txtServices
{
	padding:20px 20px 10px 10px;
	text-align:justify;
}

#txtServices ul li
{
	padding-bottom:5px;
}

.certifications{	padding:10px 15px 9px 15px;}
.certifications h1{	font-size:1.1em;}

div.certifications{	height:100px;}
html>body div.certifications
{
	min-height:100px;
	height:auto;
}

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

#zoneContenu h1
{
	font-size:1.1em;
	font-weight:bold;
}

#zoneContenu
{
	padding:12px 20px 10px 20px;
	text-align:justify;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------Page contact----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#zoneContenuContact
{
	padding:30px 20px 150px 50px;
	text-align:justify;
}

#zoneContenuContact a, #zoneContenuPlan a
{
	text-decoration:none;
	color:#F7D700;
}

#zoneContenuContact a:hover, #zoneContenuPlan a:hover
{
	text-decoration:underline;
}

.enteteDrContact
{
	background:url(../images/box_enteteContact.jpg) no-repeat top left;	
	padding:8px 0 6px 11px;
	border-bottom:2px solid #EACD15;
	font-family:"Futura LT Book";
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	color:#000;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------Page plan du site----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#zoneContenuPlan
{
	padding:30px 20px 150px 20px;
	text-align:justify;
}

#zoneContenuPlan ul li
{
	padding-bottom:10px;
}

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

#pied
{
	font-size:0.9em;
	color:#9B9B9B;
	text-align:center;
	margin-top:17px;
}

#menuPied a
{
	color:#9B9B9B;
	text-decoration:none;
}

#menuPied a:hover
{
	color:#9B9B9B;
	text-decoration:underline;
}

/* ---------------------------------------- */
/* ------------ Réalisations -------------- */
/* ---------------------------------------- */

.realisations
{
    border-collapse: collapse;
}

.realisations td
{
    text-align: center;
    vertical-align: middle;
    padding: 4px 18px;
}

.realisations .titre
{
    margin: 0 auto;
    padding: 4px 0;
    width: 195px;
}

.realisations img
{
    margin: 0;
}

.piecesusagees
{
    border-collapse: collapse;
}

.piecesusagees td
{
    text-align: left;
    vertical-align: top;
    padding: 4px;
}

.piecesusagees .prix
{
    text-align: right;
    width: 100px;
}