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

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #475D80;
	border-right:1px solid #475D80;
}

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

h1
{
	font-size:1.4em;
	margin:0;
	padding:0;	
}

h2
{
	font-size:1.1em;
	margin:0;
	padding:0;
}

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

.txt-petit
{
	font-size:0.9em;
	margin:0;
	padding:0;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

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

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

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

/* -------------------------------------------- */
/* ---------------- logo ---------------------- */
/* -------------------------------------------- */
h1#logoCompagnie
{
	width:193px;
	margin:0;
	padding:14px 0 7px 37px;
}

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

#logoPrint
{display: none;}

/* --------------- top menu --------------- */

#entete #topMenu ul
{
	float:right;
	font-size:0.9em;
	list-style:none;
	margin:10px 0 0 0;
	padding:0 23px 0 0;
}

#entete #topMenu ul li
{
	float:left;
	margin:0;
	padding:0 7px;
	color:#fff;
}

#entete #topMenu ul li.lienActif
{font-weight:bold;}

#entete #topMenu a:link, #entete #topMenu a:visited, #entete #topMenu a:active
{
	color:#fff;
	text-decoration:underline;
}

#entete #topMenu a:hover
{text-decoration:none;}

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

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

#menu
{
	width:955px;
	background:#475D80;
	border-bottom:1px solid #fff;
}

div#menu{height:24px;}

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

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

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

#menu ul li.lienActif
{
	color:#fff;
	font-weight:bold;	
	padding:7px 20px 5px 20px;		
}

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

#menu a
{
	display: block ;
	float:left;	
	padding:7px 20px 5px 20px;	
	color:#fff;
	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;	
	padding:7px 20px 5px 20px;
}

#menu ul li.bg_lienDr
{
	float:right;
	background:#7790B3 url(images/bg_flecheMenu.gif) repeat-y top left;
	font-weight:normal;
	padding:0 0 0 15px;
}

.lienExterne:hover
{
	color:#F8D91C  !important;
	font-weight:normal !important;		
	padding:9px 20px 7px 20px;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- 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;
	width:160px;
}

#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: #FFF;
	text-decoration: none;
	background: #7790b3;
	font-weight:bold;
}

#sousmenu a:hover 
{
    background:#7790b3;
    color:#000;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- zone contenu ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#bg_contenu
{
	width:955px;
	background:#BFC5CE url(images/bg_contenu.gif) repeat-y top left;
}

#zoneContenu
{
	width:955px;
	background:url(images/bg_imgContenu.jpg) no-repeat top left;
}

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

#colGauche
{
	float:left;
	width:234px;
	margin:0 1px 0 0;
}

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

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

#colGauche-long
{
	float:left;
	width:700px;
}

#colGauche-long h1.plansite
{
	font-size:0.9em;
	padding:0 32px 5px 19px;
}

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

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

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


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

/* --------------------- boîte nouveautés -------------------------------------------------- */

#boxNouveautes
{
	width:218px;
	border:1px solid #636363;
	margin:17px 0 23px 14px;
	background:#CDCDCB url(images/bg_blocNouveautes.gif) repeat-x top left;
}

#bordBlancNouveautes
{border:1px solid #fff;}

#boxNouveautes h1
{
	font-size:1em;
	background:#8FACD0;
	color:#fff;
	padding:6px 0 7px 9px;
	margin:0 0 1px 0;
}

#boxNouveautes img
{
	display:block;
	margin:0 0 10px 0;
}

#boxNouveautes h2
{
	font-size:0.9em;
	color:#475D80;
	padding:0 10px 10px 10px;
}

#boxNouveautes p
{
	font-size:0.9em;
	color:#475D80;
	padding:0 10px 10px 10px;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------- Pages intérieures ----------------------------------------------- */

#sousMenu
{
	width:212px;
	padding:20px 0 10px 0;
}

#sousMenu h1
{
	padding:8px 0 8px 28px;
	font-size:1em;
	color:#475D80;
}

#sousMenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 35px;
}

#sousMenu ul li
{
	margin:0;
	padding:0 0 7px 0;
	font-weight:bold;
	color:#475D80;
}

#sousMenu a:link, #sousMenu a:visited, #sousMenu a:active
{
	color:#475D80;
	text-decoration:none;
	font-weight:bold;
}

#sousMenu a:hover
{
	color:#C61208;
	text-decoration:underline;
}

#sousMenu ul li.select
{color:#C61208;}

/* ------------ sous sous-menu ------------------------------ */

#sousSousMenu
{
	list-style:none;
	margin:0 !important;
	padding:2px 0 2px 15px !important;
}

#sousSousMenu li
{
	font-size:0.9em;
	margin:0;
	padding:0 0 2px 10px !important;
	font-weight:normal !important;
	color:#C61208 !important;
}

#sousSousMenu a:link, #sousSousMenu a:visited, #sousSousMenu a:active
{
	color:#475D80;
	text-decoration:none;
	font-weight:normal !important;
}

#sousSousMenu a:hover
{
	color:#C61208;
	text-decoration:underline;
}

#sousSousMenu li.selected
{
	color:#475D80 !important;
	background:url(images/i_fleche.gif) no-repeat 0 3px;
}


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


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- colonne centrale ------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

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

/* --------------------- boîte Services -------------------------------------------------- */

.boxAccCentre
{
	width:433px;
	border:1px solid #636363;
	margin:17px 0 16px 15px;
	background:#fff;
}

.bordBlancAccCentre
{border:1px solid #fff;}

.enteteBoxAcc
{
	width:431px;
	background:#C61208;
	margin:0 0 1px 0;
}

.enteteBoxAcc h1
{
	float:left;
	width:143px;
	font-size:1em;
	background:#5A5A5A;
	color:#fff;
	padding:6px 0 7px 9px;
}


/* --------------- Menu choix --------------- */
.choixMenu ul
{
	float:right;
	font-size:0.9em;
	list-style:none;
	padding:6px 10px 0 0;
	margin:0;
}

.choixMenu ul li
{
	float:left;
	margin:0;
	padding:0 2px;
	color:#fff;
}

.choixMenu ul li.lienActif
{text-decoration:underline;}

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

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


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

.zoneTxtAcc
{
	width:431px;
}

.txtAcc
{
	float:left;
	width:146px;
}

.txtAcc div
{padding:0 10px 0 10px;}

.zoneTxtAcc img
{
	display:block;
	margin:0;
	float:right;
}

.zoneTxtAcc h2
{
	font-size:0.9em;
	color:#636363;
	padding:9px 0 10px 0;
}

.zoneTxtAcc p
{
	font-size:0.9em;
	color:#636363;
	padding:0 0 10px 0;
}

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

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------- Pages intérieures ----------------------------------------------- */


.boxCentre
{
	width:452px;
	border:1px solid #636363;
	margin:17px 0 16px 0;
	background:#fff;
}

div.boxCentre{height:350px;}

html>body div.boxCentre
{
	min-height:350px;
	height:auto;
}

.bordBlancCentre
{border:1px solid #fff;}

.enteteBox
{
	width:450px;
	background:#C61208;
	margin:0 0 1px 0;
}

.enteteBox h1
{
	float:left;
	width:159px;
	border-right:1px solid #fff;
	font-size:1em;
	background:#5A5A5A;
	color:#fff;
	padding:6px 0 7px 9px;
}

.zoneTxt
{
	width:430px;
	padding:9px 10px 10px 10px;
}

.zoneTxt-long div
{
	padding:9px 10px 10px 10px;
}

.zoneTxt h2, .zoneTxt-long h2
{
	font-size:1em;
	color:#5A5A5A;
	padding:0 0 10px 0;
}

.zoneTxt p, .zoneTxt-long p
{
	font-size:1em;
	color:#5A5A5A;
	padding:0 0 10px 0;
}

.zoneTxt-long ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt;
    padding:0pt 32px 10px 25px;
}

.zoneTxt img, .zoneTxt-long img
{
	display:block;
	margin:0;
}

.zoneTxt a:link, .zoneTxt a:visited, .zoneTxt a:active, .zoneTxt-long a:link, .zoneTxt-long a:visited, .zoneTxt-long a:active
{
	color:#C61208;
	text-decoration:none;
}

.zoneTxt a:hover, .zoneTxt-long a:hover
{text-decoration:underline;}
 
 /* -------------------------------------------------------------------------------------------------- */
/* -------------------------------- Page Produits ---------------------------------------------------- */

.boxSpecs
{
	width:450px;
	background:#8FACD0;
}

.specs
{
	float:left;
	width:153px;	
	padding:0px 0px 0px 10px;
}

.specs h2
{
	margin:0;
	color:#fff;
	font-size:0.9em;
	padding:11px 0 10px 0px;	
}

.specs p
{
	margin:0;
	color:#fff;
	font-size:0.9em;
	padding:0 0 10px 0px;	
}

.specs ul
{
	list-style:none;
	margin:0;
	padding:0 10px 10px 0px;	
}

.specs ul li
{
	margin:0;
	color:#fff;
	font-size:0.9em;
	padding:0 0 2px 0;	
}

/* -------------------------------------------------------------------------------------------------- */
/* --------------- Pages intérieures statiques sans le sous-menu de gauche -------------------------- */

.boxCentre-long
{
	width:650px;
	border:1px solid #636363;
	margin:17px 0 16px 25px;
	background:#fff;
}

.enteteBox-long
{
	width:648px;
	background:#C61208;
	margin:0 0 1px 0;
}

.enteteBox-long h1
{
	float:left;
	width:170px;
	border-right:1px solid #fff;
	font-size:1em;
	background:#5A5A5A;
	color:#fff;
	padding:6px 0 7px 9px;
}

.zoneTxt-long
{
	width:648px;
	padding:9px 0 10px 0;
}


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

#formContact
{margin:0;}

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

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:0.9em;
	color:#636363;
	font-weight:bold;
}

.lesChamps input
{width:300px;}

.lesChamps input[type="file"] 
{width: auto;}

#bEnvoyer
{margin-left:355px;}


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

#boxColDr-imgFond
{background:url(images/i_colDr.jpg) no-repeat top right;}

div#boxColDr-imgFond{height:422px;}

html>body div#boxColDr-imgFond
{
	min-height:422px;
	height:auto;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Page produits --------------------------------------------- */

#realisations
{
	margin:0 0 0 4px;
	padding:10px 0 0 0;
}

.enteteBox_realisations
{
	width:250px;
}

.enteteBox_realisations h1
{
	float:left;
	width:170px;
	font-size:1em;
	color:#fff;
	padding:0 0 7px 12px;
}

/* --------------- Menu choix réalisations --------------- */
.choixMenuReali ul
{
	float:right;
	font-size:0.9em;
	list-style:none;
	padding:0 10px 0 0;
	margin:0;
}

.choixMenuReali ul li
{
	float:left;
	margin:0;
	padding:0 2px;
	color:#fff;
}

.choixMenuReali ul li.lienActif
{text-decoration:underline;}

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

.choixMenuReali a:hover
{
	color:#fff;
	text-decoration:underline;
}


/* --------------- zone txt réalisations --------------- */

.zoneTxtRealisations
{
	width:250px;
	padding:9px 0 10px 0;
}

.zoneTxtRealisations h2
{
	font-size:0.9em;
	color:#fff;
	padding:0 10px 10px 12px;
}

.zoneTxtRealisations p
{
	font-size:0.9em;
	color:#fff;
	padding:0 10px 10px 12px;
}


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

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

#pied
{
	width:955px;
	background:#475D80;
	border-top:1px solid #fff;
}

#pied ul
{
	float:left;
	color:#fff;
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:7px 0 7px 21px;
}

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

#pied ul li#notes
{
	float:right;
	margin-right:15px;
}

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

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



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

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

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

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

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

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

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


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- SlideShow ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#colCentre .contentslide
{
    width: 433px;
}

#colDroite .contentslideRealisation
{
    width: 251px;
}

#colCentre .contentslide .opacitylayer,
#colDroite #realisations .opacitylayer
{ 
    width: 100%;
    height: 100%;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#colCentre .contentslide .contentdiv,
#colDroite #realisations .contentdiv
{
    display: block;
}

#colCentre .pagination,
#colCentre .pagination
{
    width: 90px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
    text-align: right;
    padding:0;
}

#colCentre #paginate-slider1 a, #colCentre #paginate-slider1 a,
#colCentre #paginate-slider2 a, #colCentre #paginate-slider2 a,
#colDroite #realisations #paginate-slider3 a, #colDroite #realisations #paginate-slider3 a
{
    padding:0;
    text-decoration: none; 
    color: #fff;
}

#colCentre #paginate-slider1 a:hover, #colCentre #paginate-slider1 a.selected,
#colCentre #paginate-slider2 a:hover, #colCentre #paginate-slider2 a.selected,
#colDroite #realisations #paginate-slider3 a:hover, #colDroite #realisations #paginate-slider3 a.selected
{
    font-weight:bold;
    text-decoration:underline;
}