/*

	Les Cloisons Corflex Inc.
	Layout v3.
	CSS File.

*/




*, h1, h2, h3
{ 

	margin: 0; 
	padding: 0; 
	border: 0; 
	
}

a:focus
{

	outline: none;

}

a:link, a:visited
{

	font-weight: bold;
	text-decoration: none;
	color: #525c66;

}

a:hover, a:active
{

	text-decoration: underline;

}

h2 a:hover, h2 a:active{
	color: #77818b;
	text-decoration: none;
}

body 
{

	text-align: center; /* centrage pour IE */
	font-family: arial, sans-serif;
	font-size: 12px;	
	font-weight: normal;
	background: #f2f2f2 url(../image/background-body.png) top center no-repeat;

}



/* ---[ Contenant principal du site ]--------------------- */

#wholeWrapper 
{

	background: white;
	margin: 0px auto;
	text-align: left;
	width: 933px;
	height: 100%;

}
#wholeWrapperPopup
{

	margin: 0px auto 20px auto;
	text-align: left;
	width: 670px;
	height: 100%;

}



/* ---[ Mise en page/Structure des pages ]--------------------- */





/* ---[ Page d'accueil (Prompt) ]--------------------- */

/*

CENTRE LE MAINFRAME SUR LE VIEWPORT

*/

#horizon
{

	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 0px;
	overflow: visible;
	visibility: visible;
	display: block

}



html .promptBody, body .promptBody 
{ 

	background-image: none;
	background-color: white; 
	overflow-y: hidden; 	

}



#promptFrame
{

	/*background-image:url(../image/corflex_intro.jpg);*/
	background-repeat:no-repeat;
	background-color: #FFF;
	margin-left: -375px;
	position: absolute;
	top: -215px;
	left: 50%;
	width: 750px;
	height: 430px;
	visibility: visible;
	
}


#promptFrame img.logo
{

	border: 0px;
	position:relative;
	top: 20px;
	float: left;
	
}



#promptFrame ul
{

	text-align: left;
	position:relative;
	top: 39px;
	float: right;

}

#promptFrame li
{

	letter-spacing: .1em;
	display: inline;
	padding-left: 15px;

}



#promptFrame li a:link, #promptFrame li a:visited
{

	color: black;
	text-decoration: none;
	font-weight:bold;

}



#promptFrame li a:hover, #promptFrame li a:active
{

	text-decoration: underline;

}





/* ---[ Pages standards du site ]--------------------- */


#contenant, #contenantEco, #contenantGlass 
{

	text-align: left;
	overflow: auto;

}

#contenantEco
{

	background: #f7f4ed;

}

#contenantEvolution
{

	background: black;

}

#contenantEvolution #entete
{

	background-image: none;
	background-color: black;

}

#contenantEco #entete, #contenantEco #mainNavWrapper, #contenantEco #subNavWrapper{
	background: white;
}



/* ---[ Entête : Logo, Liens généraux, Search ]--------------------- */

#entete, #entetePopup
{

	position: relative;
	width: auto;
	margin: 0px;
	padding: 0px;
	height: 133px;

}

#entetePopup
{

	border-bottom: 1px solid #383838;
	height: 100px;

}



	/* Logo */

	#entete img#logo, #entetePopup img#logo
	{

		position: absolute;
		top: 24px;
		left: 31px;
		width: 240px;
		height: 69px;
		border: 0px;
		padding: 0px;
		margin: 0px;

	}

	/*-- HACKS IE --*/

	* html #contenantEvolution #entete img, * html #entetePopup img
	{

		margin: 0;

	}
	
	#contenantEvolution #entete .tagline{
		color: #92a5a4;
	}

	

	/* Liens */

	#entete ul{
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		height: 51px;
		position: absolute;
		right: 24px;
		top: 19px;		
		padding: 5px 5px;
	}



	#entete li{
		float: left;
		list-style-image: none;
	    list-style-type: none;
		}
		
		
		#entete li a:link, #entete li a:visited{
			background: url(../image/background-header-links.png) -93px 0px no-repeat;
			color: #4A4A4A;
			display: block;
			font-weight: normal;
			height: 51px;
			line-height: 65px;
			text-indent: 12px;
			text-transform:uppercase;
			width: 93px;			
		}
		
		#entete li a:hover, #entete li a:active{
			text-decoration: none;
			background-position: 0 0;
			color: #63002E;
		}
		
		#entete li a.selected:link, #entete li a.selected:visited{
			background: url(../image/background-header-links.png) 0px 0px no-repeat;	
			color: #63002E;
		}
		
		#entete li.english a:link, #entete li.english a:visited, #entete li.french a:link, #entete li.french a:visited{
			color: #FFF;
			display: block;
			font-weight: normal;
			height: 51px;
			line-height: 65px;
			text-indent: 12px;
			text-transform:uppercase;
			width: 99px;			
		}
		#entete li.english a:link, #entete li.english a:visited{
			background: url(../image/background-langage-en.png) no-repeat;
		}
		
		#entete li.french a:link, #entete li.french a:visited{
			background: url(../image/background-langage-fr.png) no-repeat;
		}
		
		#entete li.english a:hover, #entete li.english a:active, #entete li.french a:hover, #entete li.french a:active{
			color: #ffde6d;
		}
	

	/* encapsuleur du text box et bouton submit */

	#entete form
	{

		background: url(../image/background-search.png) no-repeat;
		float: right;
		margin: 90px 28px 0 0;
		padding: 0px;
		height: 22px;
		width: 279px;
		position: relative;
		padding: 0 0px;
		text-align: right;

	}	

	/* Text box de search */

	#entete input#inputText
	{
		background: transparent;
		border: 0px;
		color: #aaa;
		font-weight: bold;
		width: 240px;
		height: 20px;
		line-height: 20px;
		position: absolute;
		right: 30px;
		top: 1px;
	}

	/* Bouton Search */
	
	#entete .submit{
		position: absolute;
		top: 3px;
		right: 6px;
	}





/* ---[ Menu Principale ]--------------------- */



#mainNavWrapper
{

	border-bottom: solid 1px #EAEAEA;
	height: 40px;
	margin: 0;
	padding-bottom: 5px;
	text-align: center;
	width: 100%;	

}



#mainNavWrapper ul{	
	border-bottom: 1px solid #949494;
	height: 39px;
	line-height: 39px;
	list-style-type: none;
	margin: 0px;
	padding: 0 0 0 20px;
	font-family: arial, Geneva, sans-serif;
	text-transform:uppercase;
}



#mainNavWrapper li{
	margin: 0 10px 0 0;
	position: relative;
	float: left;
	}
	
	#mainNavWrapper li span{		
		background: url(../image/mainNav-puce.png) left 8px no-repeat;
		height: 4px;
		padding: 0px;
		line-height: 15px;
		margin-left: 5px;
		width: 4px;
		
	}

#mainNavWrapper li a{
	float: left;
	font-weight: normal;
	padding-right: 20px;
}


#mainNavWrapper li a:link, #mainNavWrapper li a:visited{	
	border-bottom: 4px solid white;
	line-height: 34px;
	height: 34px;
	text-decoration: none;	
	cursor: pointer;
}



#mainNavWrapper li a:hover, #mainNavWrapper li a.over
{
	border-bottom: 4px solid #eb751e;
	color: #eb751e;	

}



#mainNavWrapper .mainNavSelect
{

	color: #eb751e;
	cursor:default;	
	border-bottom: 4px solid #eb751e !important;

}





/* ---[ Sous-Menu ]--------------------- */



#subNavWrapper{
	height:38px;
	text-align: center;
	margin: 0;
	padding: 0 0 6px 2px;
}



#subNavWrapper ul{
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	margin: 0;
	padding: 0;
}



#subNavWrapper li{	
	height:38px;  	
	border-right: solid 1px #bbb;
	float: left;
	position: relative;
	font-size: 12px;
	text-align: left;
}



#subNavWrapper li.last, #subNavWrapper li.last a:link, #subNavWrapper li.last a:visited{
	border-right: none;
}

#subNavWrapper li a:link, #subNavWrapper li a:visited, #subNavWrapper li .select{
	background: url('../image/subNavOff.gif') repeat-x;
	display: block;
	margin: 0 2px;
	padding: 5px 17px 7px 4px;
	font-weight: normal;
	text-decoration: none;
}

* html #subNavWrapper li a:link, * html #subNavWrapper li a:visited, * html #subNavWrapper li .select{
	padding-bottom: 3px;
}

#subNavWrapper .select{
}

#subNavWrapper li a:hover, #subNavWrapper a.over, #subNavWrapper li a.select{
	background: url('../image/subNavOver.gif') repeat-x;
	color: #61042f;
	text-decoration: none;
}

/* ---[ Header Picture ]--------------------- */



#headerPic 
{

	border-bottom: solid 1px #d8e3f1;
	height: 300px;	

}

#headerPic img
{

	height: 300px;
	width: 933px;	

}

/* ---[ Colonne Gauche ]--------------------- */

#colonneGauche
{

	float: left;
	text-align: left;
	width: 200px;	
	height: 100%;
	padding: 0px 0px 10px 0px;
	margin: 0px;
/*	border: 1px dotted black;*/

}

#corpoLogos
{

	weight: 190px;
	position:relative;
	margin-top: 30px;
	text-align: center;
	bottom:0;
	top:auto;
	left:auto;
	
}

#corpoLogos img
{

	border: 1px solid #4a6185;

}

#sideMenu
{
	
	margin-top: 30px;
	width: 200px;	
	left: 0px;

}

/* --------[ Premier niveau ]--------- */

#sideMenu ul
{

	margin: 0 0 0 10px;
	padding: 0px;
	list-style-type: none;

}



#sideMenu ul li
{

	border-bottom: 1px solid #eb751e;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
	padding: 0px;
	text-indent: 0px;

}


#sideMenu ul li a:link, #sideMenu ul li a:visited
{

	color: #eb751e;
	font-size: 14px;
	text-decoration: none;
	text-transform:uppercase;	

}

#sideMenu ul li a:hover
{

	color: #888;
	text-decoration: none;

}



/* --------[ Deuxième niveau ]--------- */

#sideMenu ul ul{
	border-top: 1px solid #949494;
	margin: 3px 0 0 0;
	padding-top: 3px;
}

#sideMenu ul ul li{
	border-bottom: none;
	margin: 0;
}

#sideMenu ul ul li a
{

	font-variant: normal;
	font-weight: normal;
	text-transform:none;
	text-indent: 8px;
	padding: 6px 0;
	display: block;
	background: url(../image/sideMenu.gif) repeat-x;

}



#sideMenu ul ul li a:link, #sideMenu ul ul li a:visited
{

	color: #383838;
	text-decoration: none;
	font-size: 12px;

}



#sideMenu ul ul li a:hover
{

	color: #61042f;
	text-decoration: none;

}




/* --------[ Troisième niveau ]--------- */

#sideMenu ul ul ul{
	margin: 0;
}

#sideMenu ul ul ul li a, #sideMenu ul ul ul li.select
{

	font-variant: normal;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	width: 180px;
	margin-left: 0px;
	padding: 3px 0 3px 10px;
	background: none;
	boder-bottom: none;
	text-indent: 0;
	border-bottom: 1px solid #eb751e;

}

#sideMenu ul ul ul li.select{
	color: #eb751e;
}



#sideMenu ul ul ul li a:link, #sideMenu ul ul ul li a:visited
{

	color: #383838;
	text-decoration: none;

}



#sideMenu ul ul ul li a:hover
{

	color: #eb751e;
	text-decoration: none;

}


/* ---[ Bread Crumb ]--------------------- */

.bread
{
	font-size:10px;
	color: #504c5a;
	padding: 0px;
}

.bread a
{	
	color: #59627f;
	text-decoration: none;
}

.bread a:hover
{	
	color: #59627f;
	text-decoration:underline;
}



/* ---[ Contenu ]--------------------- */

/* --[ Index ]--*/

#contenuIndex
{	


	float:left;
	padding: 10px 10px;
	text-align: left;

}

* html #contenuIndex{
	width: 100%;
}

.hiddenOverflow{
	overflow: hidden;
}

#contenuIndex p.left, #contenuIndex p.right
{

	float: left;
	width: 430px;

}

#contenuIndex p.left
{

	margin-right: 30px;

}

#contenuIndex dl
{

	clear: both;

}

#contenuIndex dt
{

	float: left;
	padding-right: 20px;
	width: 200px;
	border: 1px solid gray;

}

#contenu h1, #contenuIndex h1, #contenuPopup h1
{

	border-bottom: 1px solid #eb751e;
	font-family: arial, geneva, Verdana, sans-serif;
	font-size:20px;		
	color:#383838;
	font-weight:normal;	
	text-transform: uppercase;
	margin: 10px 0 20px 0px;

}

#contenu h2, #contenuIndex h2, #contenuPopup  h2
{

	font-family: arial, geneva, Verdana, sans-serif;
	font-size:17px;		
	letter-spacing: 0em;
	word-spacing: 0.3em;
	color:#eb751e;
	font-weight:normal;	
	margin: 30px 0 10px 0px;

}

#contenantEvolution #contenuIndex h2
{

	color:#E89B00;

}


#contenantEvolution #contenuIndex h3{
	color: #B27700;
}

#contenu h3, #contenuIndex h3, #contenuPopup h3, #contenuPopup dt
{

	color: #383838;
	font-family: arial, geneva, Verdana, sans-serif;
	font-size:15px;	
	font-weight: normal;
	margin-bottom: 1em;

}

#contenuPopup dt{
	margin-bottom: 0px;
}

#contenu h4, #contenuIndex h4, #contenuPopup h4
{

	font-size:13px;	
	margin-bottom: 1em;

}

#contenu h5, #contenuIndex h5, #contenuPopup h5
{

	font-size:12px;	
	margin-bottom: 1em;
	font-weight: bold;

}

#contenuIndex ul#headlines{
	border-bottom: 2px solid orange;
	height: 330px;
	margin: 30px 0 10px 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	}
	#contenuIndex ul#headlines p{
		line-height: 1em;
	}
	#contenuIndex ul#headlines li{
		float: left;
		position: relative;
		border-top: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
		}
		#contenuIndex ul#headlines li#optimiser, #contenuIndex ul#headlines li#environnement{
			margin-right: 20px;
			width: 272px;	
		}
		#contenuIndex ul#headlines li#exclusivites
		{
			width: 320px;
		}
		#contenuIndex ul#headlines li#optimiser div.headlinesMain{
			background:url(../image/icone-optimiser.png) 197px center no-repeat;
		}
		#contenuIndex ul#headlines li#environnement div.headlinesMain{
			background:url(../image/icone-environnement.png) 197px center no-repeat;
		}
		#contenuIndex ul#headlines li#exclusivites div.headlinesMain{
			background:url(../image/icone-exclusivites.png) 217px 8px no-repeat;
		}
		
		#contenuIndex ul#headlines li div.headlinesMain{
			font-size: 15px;
			margin: 0;
			height: 63px;
			padding: 15px 90px 0 20px;
		}
		#contenuIndex ul#headlines li h1{
			border-bottom: none;
			background: #f6f4f5;
			color: #333;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-weight: bold;
			height: 80px;	
			margin: 5px 0;
			padding: 0;
		}
		#contenuIndex ul#headlines li div.headlinesSub{
			border-top: 1px solid #cfcfcf;
			padding-bottom: 5px;
			padding: 5px 0;
			}
			#contenuIndex ul#headlines li div.headlinesSub div.copy{
				background: #f6f4f5;
				color: #fff;
				height: 200px;	
				font-family: Geneva, Arial, Helvetica, sans-serif;
				padding: 5px 15px;
			}
			#contenuIndex ul#headlines li p{
			}
			
			#contenuIndex ul#headlines li p, #contenuIndex ul#headlines li ul li{
				border: none;
				color: #666;
				font-family: Geneva, Arial, Helvetica, sans-serif;	
				font-size: 12px;	
				line-height: 16px;			
			}
			#contenuIndex ul#headlines li ul{
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			#contenuIndex ul#headlines li ul li{
				background: url(../image/puce-headlines.gif) left 0.4em no-repeat;
				clear: both;
				display: block;
				list-style-type: none;
				margin: 0;
				padding: 0 0 0 3em;
			}
			html>body #contenuIndex ul#headlines li ul li{
				clear: none;
			}
			#contenuIndex ul#headlines a{
				font-weight: normal;
			}

#contenu 
{	

	float:left;
	width: 674px;
	padding: 10px 15px 10px 40px;
	text-align: left;

}

#contenuPopup
{	
	float:left;
	width: 640px;
	padding: 10px 15px;
	text-align: left;
	background: white;

}

#contenantGlass #contenu{

}

.popup2Cols{
	margin: 0 50px 0 0;
	padding: 0;
	width: 400px;
	float: left;
	border-right: 1px dashed gray;
}

.popup2Cols h2{
	margin: 0px !important;
	padding: 0px;
}

#specifications p{
	margin-top: 1em;
	line-height: 1.2em !important;
}

#specifications h2{
	margin: 0px !important;
	padding: 0px;
}

#specifications ul{
	margin-top: 1em;
}

#specifications li{
	margin-left: 1em;
	padding-left: 1em;
}

/*-- HACKS IE --*/

* html #contenu
{

	width: 730px;
	
}


#contenu p, #contenuIndex p, #contenuPopup p, #contenuPopup dd
{
	
	font-family: Tahoma, Verdana;
	line-height:1.8em;
	letter-spacing: .05em;
	font-size:12px;
	margin-bottom: 20px;
	color: #525c66;

}

#contenantEvolution #contenuIndex p
{
	color: #b3bdc8;

}

#contenuPopup dd{
	margin: 0 2em 1em 2em;
}

#contenu ul, #contenuIndex ul, #contenuPopup ul
{

	margin-bottom: 20px;
	padding: 0px 15px;
	color: #525c66;
	font-family: Tahoma, Verdana;

}

#contenu ol, #contenuPopup ol
{

	color: #525c66;
	
}

#contenu li, #contenuPopup li
{

	padding: 0 0 1em 0;

}

#contenu ul li ul, #contenuPopup ul li ul
{

	margin-bottom: 0px;
	padding-bottom: 0px;

}

#contenu #caracteristiques
{

	/*width: 200px !important;*/

}

#contenu #caracteristiques li
{

/*	list-style-type: none;*/

}

#contenu img, #contenuPopup img
{

	border: 1px solid #333;	
	margin-bottom: 40px;
	padding: 0;

}

#contenu img.noMarge, #contenuPopup img.noMarge
{

	margin: 0;
	padding: 0;

}

#contenu img.noBorder, #contenuPopup img.noBorder
{

	border: none;
	margin-right: 20px;
	margin-bottom: 40px;

}

#contenu .imgTitle, #contenuIndex .imgTitle, #contenuPopup .imgTitle
{

	color: #333;
	font-size:13px;	
	font-weight: bold;
	margin-bottom: 20px;

}

#thumbnails
{

	float:left;
	margin: 25px 0px;

}

/*
#contenuIndex .indexThumb
{

	width: 220px;
	float: left;
	padding-right: 2px;

}

#contenuIndex .indexThumb h1
{

	margin: 0 0 4px 0;
	padding: 0;
	font-size: 13px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#contenuIndex .indexThumb p
{

	margin: 0;
	color: #333;
	font-size: 12px;
	line-height: 1.5em;

}

#contenuIndex .indexThumb img
{

	margin: 0;

}
*/

#contenuIndex h1#produitsVedettes{
	background: url(../image/background-vedette.png) no-repeat;
	border-bottom: none;
	display: block;
	float: left;
	height: 134px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 255px;
	}
	#contenuIndex h1#produitsVedettes span{
		color: #eb751e;
		font-family: arial, Geneva, sans-serif;
		font-size: 18px;
		font-weight: normal;
		left: 110px;
		position: absolute;
		text-transform: uppercase;
		top: 30px;
}

ul#produitsVedettes{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
	ul#produitsVedettes li{
		float: left;
		list-style-type: none;
		margin: 0 0 0 10px;
		padding: 0;	
		position: relative;	
	}
	* html ul#produitsVedettes li{
		margin: 0 0 0 8px;	
		}
		
		ul#produitsVedettes li h2{
			color: #383838;
			font-family: arial, Geneva, sans-serif;
			font-size: 11px;
			font-weight: normal;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
			}
			
			ul#produitsVedettes li h2 span{		
				background: url(../image/mainNav-puce.png) left 8px no-repeat;
				height: 2px;
				padding: 0px;
				line-height: 15px;
				margin-left: 2px;
				width: 2px;
		}
		
		ul#produitsVedettes li p{
			color: #eb751e;
			font-family: arial, Geneva, sans-serif;
			font-size: 9px;
			line-height: 1em;
		}
		ul#produitsVedettes li a{
			text-decoration: none;
		}

#contenu #3Cols
{

	margin-bottom: 30px;

}

#contenu .thumb3Cols, #contenuIndex .thumb3Cols
{

	width: 200px;
	display: inline;

}

#contenu .middle
{

	padding: 0 20px;

}

#contenu .thumb2Cols, #contenuIndex .thumb2Cols
{

	width: 300px;
	float: left;
	display: block;
	margin-bottom: 30px;
	text-align: center;

}

#contenu .thumb2Cols h3, #contenu .thumb1Cols h3, #contenuIndex .thumb2Cols h3, #contenuIndex .thumb1Cols h3
{

	margin:0px;

}

#contenu .thumb2Cols p, #contenu .thumb1Cols p, #contenuIndex .thumb2Cols p, #contenuIndex .thumb1Cols p
{

	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1em;

}

#contenu .thumb1Cols, #contenuIndex .thumb1Cols
{

	width: 600px;
	text-align: center;
	float: left;
	display: block;
	margin-bottom: 30px;

}

#contenu ol, #contenuIndex ol
{

	padding-left: 15px;
	margin-left: 0;

}

#contenu ol li, #contenuIndex ol li
{

	padding-bottom: 0.4em;

}

#contenu ol li ul, #contenuIndex ol li ul
{

	margin-top: 0.4em;
	margin-bottom: 0;
	
}

#contenu ol li ul li, #contenuIndex ol li ul li
{

	padding-bottom: 0.2em;
	
}

#contenu ol li ol, #contenuIndex ol li ol
{

	margin: 0.4em 0 -0.4em 20px;
	padding: 0;
	
}

#contenu ol ol li, #contenuIndex ol ol li
{

	margin-bottom: 0.4em;
	padding-left: 0px;
	
}

a.returnTop
{

	background: url(../image/top_arrow.gif) top left no-repeat;
	padding: 2px 0 5px 27px;

}

div#centerAlign{
	text-align: center;
}

ul#grid3Col, #contenantEco ul#grid3Col{
	width: 95%;
	list-style-type: none;
	margin:0 auto;
	padding:0;
}

ul#grid3Col li{
	border-right: 1px solid #949494;
	width: 215px;
	display: block;
	height: 250px;
	position: relative;
	float: left;
	margin: 0 30px 40px 0;
	padding-right: 40px;
}

ul#grid3Col li.last, #contenantEco ul#grid3Col li.last{
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

ul#grid3Col img{
	border-bottom: 1px solid #949494;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

* html ul#grid3Col img{
	border-bottom: none;
}

ul#grid3Col h2{
	letter-spacing: 0;
	word-spacing: 0;
	padding:0;
	margin:0;
	text-transform: uppercase;
}

* html ul#grid3Col h2{
	border-top: 1px solid #949494;
	padding-top: 8px;
}

ul#grid3Col li p, #contenantEco ul#grid3Col li p{
	font-size: 100%;
	line-height: 1.2em;
	letter-spacing: 0;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

ul#grid3Col.extended li, #contenantEco ul#grid3Col.extended li{
	height: 375px;
}

#contenantGlass ul#grid3Col.extended li{
	height: 300px;
}

ul#grid3Col.extended li ul li, #contenantEco ul#grid3Col.extended li ul li{
	width: 170px;
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: circle !important;
	height: 2em;
	line-height: 1.1em;
	font-size: 90%;
	word-spacing: 0.2em;
}


* html ul#grid3Col.extended li, * html #contenantEco ul#grid3Col.extended li{
/*	margin-right: 50px;*/
}

ul#grid3Col.extended li ul li:hover, #contenantEco ul#grid3Col.extended li ul li:hover{
	border: none;
	background: transparent;
}

/*- Quick links -*/
#quickLinks
{

	border-top: 1px solid #aaa;
	border-bottom: 1px dashed #aaa;
	padding-bottom: 15px;

}

#quickLinks h1
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	margin:5px 0 10px 0;
	padding:0;

}

#quickLinks ul
{

	list-style-type: square;
	margin:0 0 0 15px;
	padding:0;

}

#quickLinks li
{

	margin: 0;
	padding: 0.2em 0;

}

#quickLinks a
{

	font-weight: normal;

}



/* ---[ Bottom links ]--------------------- */

#bottomLinks
{

	clear: both;
	text-align: center;
	margin: 0px;
	padding: 2em 0;

}
	
#bottomLinks li 
{

	display: inline;
	list-style-image: none;
	list-style-type: none;
	text-transform: uppercase;
	color: #5d5e60;
	font-size: 9px;

}


#bottomLinks li a:link, #bottomLinks li a:visited 
{

	text-decoration: none;	
	color: #666666;

}

#bottomLinks li a:active, #bottomLinks li a:hover
{

	text-decoration: none;
	color: #000000;

}


/* ---[ Footer ]--------------------- */

#footer
{

	clear:both;
	font-size: 10px;
	color: #666;
	height: 75px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	position: relative;
	padding-left: 20px;
	margin-top: 0px;
	text-align: left;

}

#footer h1
{

	color: #7a003c;
	font-size: 12px;

}



#footer p
{

	line-height: 75px;
	font-weight: normal;

}



#footer a:link, #footer a:visited
{

	color: #666;
	letter-spacing: 0.1em;
	text-decoration: underline;

}



#footer a:hover
{

	text-decoration: none;

}

#footer img.leed{
	position: absolute;
	top: 10px;
	right: 20px;
}

#footer img.sgs{
	position: absolute;
	top: 10px;
	right: 100px;
}

/* ---[ Crédits Leed ]--------------------- */

.creditsLeed{
	display: block;
	width: 300px;
	margin-bottom: 25px;
}

.creditsLeed h3{
	border-top: 1px solid black;
	background: #d5e1cc;
	padding: 5px;
	color: #555 !important;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px  !important;
}
.creditsLeed ul{
	padding: 0 !important;
	margin: 0 !important;
	list-style-type: none;
}
.creditsLeed li{
	padding: 5px !important;
	margin: 0 !important;
	list-style-type: none;
	border-bottom: 1px solid black;
}

/* ---[ Couleur Cadrage. ]--------------------- */
.cadrage 
{


}

.cadrage ul
{

	padding: 0 !important;
	margin: 0 !important;	
	
}

.cadrage li
{

	position: relative;
	float: left;
	list-style-type: none;
	margin-right: 40px;

}

.cadrage li p
{

	margin:0 !important;

}

.beige, .gris, .brun, .noir, .blanc, .creme, .mastic, .fusain
{
	line-height: 0px;
	width: 50px ;
	height: 30px;
	border: 1px solid black;

}
.beige
{

	background-color: #bf9b5f;

}
.gris
{

	background-color: #a6a7a2;

}
.brun
{

	background-color: #472c17;

}
.noir
{

	background-color: #000;

}
.blanc
{

	background-color: #fff;

}
.creme
{

	background-color: #eddeb3;

}
.mastic
{

	background-color: #8d7a5c;

}
.fusain
{

	background-color: #4d474b;

}

/* ---[ Nouveautés ] ---------------- */
#nouveautes
{

	height: 26px;
	text-indent: 16px;
	font-size: 14px !important;
	background: url(../image/new_back.gif) top right;
	position: relative;
	width: 895px;

}

#nouveautesLeft
{


	width: 3px;
	height: 26px;
	background: url(../image/new_left.gif) 0 0 no-repeat;

}

#nouveautes h1
{

	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	
}

/* ---[ Misc. ]--------------------- */

.alignLeft{
	text-align: left !important;
}

#contenu ol, #contenuIndex ol, #contenu ul, #contenuIndex ul
{
	font-family: Tahoma, Verdana;
	letter-spacing: .05em;
	font-size:12px;
/*	margin-bottom: 20px;*/
	color: #525c66;
}

.clearfix
{

	clear: both;

}

.clearfix2:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix2 {
	display: inline-block;
}
 
html[xmlns] .clearfix2 {
	display: block;
}
 
* html .clearfix2 {
	height: 1%;
}

.floatLeft
{

	float: left;
	position: relative;
	padding-bottom: 20px;
	margin-right: 45px;

}

.floatLeft2
{

	float: left;
	position: relative;
	padding-bottom: 20px;

}

.floatRight
{

	float: right;
	position: relative;
	padding-bottom: 20px;

}

img.manipulation{
	margin-left: 30px;
}

/* - Finitions - */
ul#finitionsThumbs
{

	margin:0;
	padding:10px 0 0 0;

}
ul#finitionsThumbs li
{

	position: relative;
	float: left;
	list-style-type: none;
	width: 140px;
	text-align: left;
	margin:0 10px 0 0;
	padding:0;

}

ul#finitionsThumbs li img
{

}

ul#finitionsThumbs li p
{

	margin: 10px 0;
	font-weight: bold;
	line-height:1em;
	
}

ul#finitionsDetailsThumbs
{

	margin:0;
	padding:10px 0 0 0;

}
ul#finitionsDetailsThumbs li
{

	position: relative;
	float: left;
	list-style-type: none;
	width: 150px;
	text-align: center;
	margin:0;
	padding:0;

}

ul#finitionsDetailsThumbs li img
{

	margin-bottom: 5px !important;

}

ul#finitionsDetailsThumbs li p
{

	margin: 5px 0;
	font-weight: normal;
	font-size: 10px;
	line-height:1em;
	
}

ul#finitionsVertical{
	margin: 0;
	padding: 0;
}

ul#finitionsVertical li{
	margin: 0;
	padding: 0;
	list-style-type:none;
	border: 1px solid white;
	padding: 5px;
	font-weight: bold;
	width: 170px;
	float: left;
}

#contenantEco ul#finitionsVertical li{
	border: 1px solid #f7f4ed;
}

#contenantEco ul#finitionsVertical li:hover{
	border: 1px solid #dbdbdb;
	background: #e0ddd6;
}

ul#finitionsVertical li:hover{
	border: 1px solid #dbdbdb;
	background: #eee;
}

ul#finitionsVertical li img{
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align:middle;
}

ul#finitionsVertical li a:hover{
	text-decoration: none;
}


/* - POPUP Revêtements - */
#trailimageid
{
	font-size: 12px;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 160px;
	height: 0px;
	z-index: 200;
}

#trailimageid h2
{

	font-size: 12px;

}

#trailimageid img
{

	border: 1px solid #333;

}

/* - Polaroïd - */
ul#polaroidEco, ul#polaroid, ul#polaroidGlass
{

	margin: 0;
	padding: 0;
	
}

ul#polaroidEco li, ul#polaroid li, ul#polaroidGlass li{
	margin: 0 50px 40px 0;
	padding: 0;
	width: 220px;
	height: 260px;
	list-style-type: none;
	position: relative;
	float: left;
}

#contenuIndex ul#polaroid li{
	margin-right: 5px;
}

ul#polaroidGlass li{
	background: url(../image/realisations/polaroid-glass.gif) no-repeat top left;
}

ul#polaroidEco li{
	background: url(../image/realisations/polaroid-eco.gif) no-repeat top left;
}

ul#polaroid li{
	background: url(../image/realisations/polaroid.gif) no-repeat top left;
}

ul#polaroidEco img, ul#polaroid img, ul#polaroidGlass img
{

	margin: 24px 0 0 23px !important;
	padding: 0;
	border: none;

}

ul#polaroidEco p, ul#polaroid p, ul#polaroidGlass p
{

	margin: 2px 23px 0 23px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

/* Spec CAD List Boxes */

form#specCad fieldset select{
	border: 1px solid #999;
	overflow: hidden;
}

#products{
	position: relative;
	float: left;
	width: 200px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding: 0;
}

#products select{
	width: 200px;
}

#mainCategory{
	position: relative;
	float: left;
	width: 300px;
	margin-right: 5px;
	padding: 0;
}

#mainCategory select{
	width: 300px;
}

#subCategory{
	position: relative;
	float: left;
	width: 150px;
	margin-right: 5px;
	padding: 0;
}

#products p, #mainCategory p, #subCategory p, #productId p, #fileType p{
	margin: 0;
}

#subCategory select{
	width: 150px;
}

#productId{
	position: relative;
	float: left;
	width: 100px;
	margin-right: 5px;
	padding: 0;
}

#productId select{
	width: 100px;
}

#fileType{
	position: relative;
	float: left;
	width: 75px;
	margin: 0;
	padding: 0;
}

#fileType select{
	width: 75px;
}

form#specCad #submitButton
{

	text-align: right;
	padding-right: 55px;
	display: block;

}

form#demandeInfos #submit{
	margin-left: 162px;
}

form#specCad #submit{
	border: 1px solid #666;
	width: 100px;
	margin-top: 10px;
	text-align: center;
	
}

#topRightActionsPopup{
	display: block;
	width: 100%;
	text-align: right;
}

#close a, #backPopup a{
	color: #383838;
	letter-spacing: 0.05em;
	padding: 5px;
	float: right;
	text-decoration: underline;
}


#close a:hover, #backPopup a:hover{
	text-decoration: none;
}
/* --- Tableaux --- */
#arrayCaracteristiques{
	border-collapse:collapse;
	border: 1px solid #999;
	margin: 0 auto 2em auto;
	padding: 0 auto;
}

#arrayCaracteristiques thead, #arrayCaracteristiques tbody td.tHead{
	text-align: center;
	font-weight: bold;	
	background: #bcd6e5;
}

#arrayCaracteristiques td{
	text-align: center;
	padding: 5px;
	border-right: 1px solid #c3c3c3;
}
		
#arrayCaracteristiques tbody td{
	background: #e0fbff;
	border-bottom: 1px dotted #c3c3c3;
}

#arrayCaracteristiques td.lastCell{
	border-right: none;
}

.caption{
	margin: 1em;
	font-size: 90% !important;
	line-height: 1.2em !important;
}

/* --- Personnel Distributeurs --- */
#contenu ul.personnel-distributeurs, #contenu ul.bureaux{
	margin: 0;
	padding: 0;
}

#contenu ul.personnel-distributeurs li, #contenu ul.bureaux li{
	margin: 0 15px 20px 0;
	padding: 5px 0 0 5px;
	list-style-type: none;
	float: left;
	width: 200px;
	height: 95px;
	border-bottom: 1px solid #d0d0d0;
	background: #f0f0f0;
}

#contenu ul.bureaux li{
	height: 190px;
}

#contenu ul.personnel-distributeurs li p, #contenu ul.bureaux p{
	margin: 0;
	padding: 0;
	line-height: 16px;
}

#contenu ul.personnel-distributeurs li p.nom, #contenu ul.bureaux p.nom{
	color: #999;
	font-weight: bold;
	font-size: 120%;
}

#contenu ul.personnel-distributeurs li p.titre, #contenu ul.bureaux p.titre{

}

#contenu ul.personnel-distributeurs li a, #contenu ul.bureaux a{
	font-size:90%;
}

/* Demande d'information */
#demandeInfos{
	background: #f8f8f8;
	border: 1px solid #bbb;
	padding: 5px;
}

#demandeInfos p{
	margin: 4px 0;
	padding: 0;
}

#demandeInfos #typeDemande{
	border: none;
}

#demandeInfos label{
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 1em;
	font-weight: bold;
}

#demandeInfos input, #demandeInfos textarea{
	border: 1px solid gray;
}


/* Ancres de réalisations */
ul#anchorReal{
	list-style:none;
	margin:0;
	padding:0;
}
ul#anchorReal li{
	display: inline;
	list-style:none;
	margin:0;
	padding:0;
}

ul#anchorReal li a{
	font-size: 90%;
	font-weight: normal;
}

/* Brochures */
ul#brochures{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
	ul#brochures li{
		position: relative;
		float: left;
		margin: 0 60px 50px 0;
		padding: 0;
		}
		
		ul#brochures li img{
			border: 1px solid #888;
}