/* 
	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:#333333;
	margin:0;
  	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#zoneContainer
{
	width:763px;
	background:#fff;
	margin:0 0 0 20px;
	padding:3px 0;
	position:relative;
}

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

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

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

h3
{
	font-size:1.2em;
	margin:0;
	color:#EE1C24;
	padding:0 0 16px 0;
}

h4 
{
    clear:both;
    color:#CE2214;
    font-size:1.4em;
    margin:2em 0 1em;
    padding:0 0 8px;
}

h6 
{
    color:#CE2214;
    font-size:1.1em;
    margin:1em 0;
}

p
{
	font-size:1em;
	color:#5B5B5B;
	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; padding:20px 0 0 0 !important;}

.txt_petit_proche
{font-size:0.9em;}

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

#zoneLogo_flottant
{
	position:absolute;
	top:3px;
	left:3px;
}

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

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

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

#logoPrint
{display: none;}

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

#topMenu
{
	width:350px;
	float:right;
}

#topMenu ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:3px 21px 0 0;
	/*padding:25px 21px 0 0;*/
}

#topMenu ul li
{
	float:left;
	color:#fff;
	font-size:0.9em;
	margin:0;
	padding:0 4px 0 0;
}

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

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

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

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

#colGauche
{
	float:left;
	width:563px;
	padding:19px 0 30px 0;
}

#colDroite
{
	float:left;
	width:194px;
	padding:11px 0 0 0;
}

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

.contenu
{padding:0 27px 0 36px;}

.contenu p
{padding:0 0 18px 0;}

.contenu a:link, .contenu a:visited, .contenu a:active
{
	color:#CE2214;
	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/liste_dot.gif) no-repeat 0 5px;
	margin:0;
	padding:0 0 4px 11px;
}

.listeInt
{
	list-style:none !important;
	margin:0 !important;
	padding:6px 0 0 10px !important;	
}

.listeInt li
{
	background:url(images/liste_dot.gif) no-repeat 0 5px !important;
	margin:0 !important;
	padding:0 0 5px 11px !important;
}

.contenu ol
{
	margin:0;
	padding:0 0 18px 20px;
}

.contenu ol li
{
	margin:0;
	padding:0 0 4px 0;
}


.contenu p.txtLien
{
	font-size:0.9em;
	color:#CE2214;
	padding:0 0 18px 0;
}

.contenu p.txtLien a:link, .contenu p.txtLien a:visited, .contenu p.txtLien a:active
{
	color:#CE2214;
	text-decoration:none;
}

.contenu p.txtLien a:hover
{text-decoration:underline;}

.contenu p.txtContact
{padding:0 0 4px 0;}

/*  Breadcrumb ----- */

#breadcrumb {
	margin: 0;
	padding: 0 18px 15px 0;
	font-size: .8em;
	color:#999999;
}
#breadcrumb span {
	margin: 0 4px;
	font-weight: normal;
	color:#999999;
}
#breadcrumb a {
	color:#333333;
	text-decoration:none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}

/* --------------------------- */
/* -- Page Contact ----------- */

#formLogin
{
	margin:14px 0 40px 0;
	padding:11px 0 0 0;
	border-top:1px solid #A9A9A9;
}

#formLogin p
{
	font-size:0.9em;
	color:#5B5B5B;
	padding:0 0 10px 0;
}

.lesChamps
{margin-bottom:4px !important;}

.lesChamps label
{
	width:150px;
	font-size:0.9em;
	color:#5B5B5B;
	float:left;
	text-align:left;
}

.lesChamps input
{
	width:183px;
	float:right;
	margin:0 155px 0 0;
}

.lesChamps select
{
	width:200px;
	float:right;
	margin:0 142px 0 0;
}

.lesChamps textarea
{
	width:338px;
	float:right;
	margin:0;
}

.ibEnvoyer
{
	width: auto;
	overflow: visible;
	padding: 3px 4px 4px;
	font-weight: bold;
	margin:4px 0 0 158px;
}

/* -- formulaire Page contact Résidentiel ----- /*

/*  Forms ----- */

table.form {
	margin: .5em 0;
}


table.form td {
	padding: 0 .5em .7em 0;
}

fieldset {
	margin:0;
	padding: 0;
	border: none;
}
legend {
	margin: 0 0 0 -7px;
	padding: 1.5em 0 1em;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
fieldset p {
	margin:0;
}
label {
	font-size: 0.9em;
	margin: 0 .5em 0 0;
	color:#5B5B5B;
}
input, select, textarea {
	font-size: 0.9em;
	font-family: Verdana, Helvetica, sans-serif;
}
input.text, input.telephone, input.postalcode {
	padding: 1px 3px;
}
input.text {
	width: 150px;
}
input.telephone {
	width: 100px;
}
input.postalcode {
	width: 60px;
	text-transform: uppercase;
}
input.number {
	width: 40px;
}
textarea {
	width: 450px;
	height: 6em;
}
textarea.message {
	width: 450px;
	height: 15em;
}
textarea.address {
	width: 300px;
	height: 5em;
}
textarea.suppliers {
	width: 450px;
	height: 7em;
}
p.action {
	margin:0;
}
.button {
	width: auto;
	overflow: visible;
	padding: 3px 4px 4px;
	font-weight: bold;
}

fieldset table {
	margin: 0;
}
fieldset table td {
	padding-right: 5px;
	vertical-align: top;
}
.success {
	font-weight: bold;
}
.note {
	font-size: .9em;
	color: #333;
}

.validation {
	margin: 1.5em 0;
	padding: 10px 10px 5px;
	background: #FFFFCC;
	border: 1px solid #E2DEDA;
}
.validation, span.error, label.error, .error {
	color: red;
}
.validation p {
	font-weight: bold;
}
.validation li {
	margin: 0;
}

/* ---------------------------- */
/* -- Page Products ----------- */

.blocProduits, .blocPhotos, .blocPortes
{
	width:500px;
	margin:0 0 9px 0;
}

.ligne
{
	border-top:2px solid #D6D6D6;
	margin-top: 2em;
	padding-top: 2em;
}

.blocProduitsThumb
{
	float:left;
	width:160px;
	background:#D6D6D6;
	margin: 0 10px 0 0;
	padding:0;
}

.blocProduitsThumbLast
{
	float:left;
	width:160px;
	background:#D6D6D6;
	margin:0;
	padding:0;
}

.blocFenetresThumb
{
	float:left;
	width:160px;
	
	margin: 0 10px 0 0;
	padding:0;
}

.blocFenetresThumbLast
{
	float:left;
	width:160px;
	
	margin:0;
	padding:0;
}

.blocFenetresThumb a, .blocFenetresThumbLast a
{
    border: 0px solid #515151 !important;
}

.blocPhotosThumb
{
	float:left;
	width:150px;
	margin: 0 20px 0 0;
	padding:0;
	text-align: center;
}

.blocPhotos img
{
	vertical-align:bottom;
}

.blocPortesThumb
{
	float:left;
	width:245px;
	background:#D6D6D6;
	margin: 0 10px 0 0;
	padding:0;
}



.blocPhotosThumbLast
{
	float:left;
	width:150px;
	margin:0;
	padding:0;
	text-align: center;
}

.blocPortesThumbLast
{
	float:left;
	width:245px;
	background:#D6D6D6;
	margin:0;
	padding:0;
}

.photoProds img
{
	border:1px solid #515151;
	margin:4px 0 3px 5px;
}

.photoPortes img
{
	border:1px solid #515151;
	margin:3px 3px 3px 3px;
}

.photoProds2 a
{
	background-color: #FFF; 
	border:1px solid #515151;
	display: block; 
	margin:4px 5px;
	text-align: center;
}

.photoProds2 img
{
	border: 0;
}

.nomProds
{
	margin:0 0 3px 0;
	background:#EBEBEB;
}

.nomPortes
{
	margin:0 0 3px 0;
	background:#EBEBEB;
}

.nomProds a
{
    font-size:1em;
	color:#CF260C;
	font-weight:bold;
	padding:4px 7px 0 7px;
	display: block ;
	text-align:left;
	background:#EBEBEB;
	text-decoration:none !important;
    
    /* Box Model Patch */
    width: 160px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 146px;
}

.nomPortes a
{
    font-size:1em;
	color:#CF260C;
	font-weight:bold;
	padding:4px 3px 0 3px;
	display: block ;
	text-align:left;
	background:#EBEBEB;
	text-decoration:none !important;
    
    /* Box Model Patch */
    width: 245px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 239px;
}

/* Box Model Patch */
html>body .nomProds a
{
    width: 146px;
}

html>body .nomPortes a
{
    width: 239px;
}

.nomProds a:hover
{
	color:#fff;
	background:#CF260C;
	padding:4px 7px 0 7px;
}

.nomPortes a:hover
{
	color:#fff;
	background:#CF260C;
	padding:4px 3px 0 3px;
}


div.nomProds a{height:35px;}

div.nomPortes a{height:35px;}

html>body div.nomProds a
{
	min-height:35px;
	height:auto;
}

html>body div.nomPortes a
{
	min-height:35px;
	height:auto;
}

.boxDistributeur
{
	margin:33px 0 0 0;
	border-top:1px solid #A9A9A9;
	padding:10px 0 0 0;
}

.boxCaracteristiques
{
	margin:33px 0 11px 0;
	border-top:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
	padding:10px 0 19px 0;
}

/* --- photos détails produit ------------ */
/*.listePhotos
{
	float: right; 
	margin:25px 10px 0 10px;
}

.listePhotos a.seconde 
{
	float: left;
	padding: 5px 9px 0 0;
}

.contenu .listePhotos ul li img {
display: none;
}*/
/* Product details: intro and photos ----- */

div.pictures {
	float: right;
	width: 284px;
	margin: 0 0 2em 2em;
}
.pictures ul {
	width: 294px;
	margin:0;
	padding: 0;
}

.pictures li {
	float: left !important;
	display: inline !important; /* to avoid double margin bug in IE due to float */
	margin: 0;
	padding: 0 0 10px 10px;
	list-style: none;
	background: none !important;
}
.pictures li img {
	vertical-align: bottom;
}
.pictures li.album {
	float: none;
	display: block;
	margin: 10px 0 0 10px;
	text-align: center;
}

/* --- documents détails produit ------------ */
ul.telechargement li {
background:transparent url(images/document-icon.gif) no-repeat scroll left center;
margin:0.3em 0 0.5em;
padding:0 0 1px 17px;
}

/* --- Tableau détail produits ----------- */

.data caption {
	margin: 0;
	padding: .5em 0 .7em;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

.data caption
{
    color:#694500;
}

table 
{
    clear:both;
    margin:1.5em 0;
}

table.data {
	clear: both;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #000;
	background: #fff;
	font-size:0.9em;
}

.data th {
	text-align: left;
	color: #fff;
	background:#A9A9A9;
}
.data th, .data td {
	padding: 6px 4px;
	font-size: .9em;
	line-height: 1.2em;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #000;
}

.data ul {
	margin: 0;
	padding: 0;
}
.data li {
	margin: .3em 0;
	padding: 0 0 0 10px;
	line-height: 1.2em;
	text-align: left;
	list-style: none;
}

table.items {
	margin: 0 0 1em -24px;
}

.items td {
	padding: 0 0 15px 24px;
	font-size: .9em;
	line-height: 1.2em;
}

.items img {
	display: block;
	margin: 0 0 5px;
}

.items td.inline img {
	display: inline;
}

table.windows td {
	padding: 0 20px 20px 0;
}

.windows td img {
	display: block;
	margin-bottom: 5px;
}


/* --- Album photos --------------------- */


.photoAlbum
{
	width:150px;
	border:1px solid #515151;
	background:#fff;
	margin:4px 0 3px 5px;
	padding:6px 0;
}

.blocPhotos img.photo
{margin:0 20px 0 0;}


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

#pied
{
	background:#fff;
	width: 763px;
	margin:0 0 0 20px;
	padding:0 0 3px 0;
}

#pied_int
{
	background:#707070 url(images/bg_pied.gif) repeat-y top left;
	width: 757px;
	margin:0 0 0 3px;
	padding:4px 0 3px 0;
}

#pied_int ul
{
	float:right;
	list-style:none;
	margin:0 7px 0 0;
	padding:0;
}

#pied_int ul li
{
	float:left;
	font-size:0.8em;
	color:#fff;
	line-height: 2.2em;
	margin:0;
	padding:0 3px 0 0;
}

#pied_int ul li.signature
{padding:0 30px 0 0;}

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

#pied_int ul li a:hover
{text-decoration:underline;}