body
{
scrollbar-base-color:#F7F7F7;scrollbar-3dlight-color:#fafafa;scrollbar-highlight-color:#CECFCE;scrollbar-shadow-color:#CECFCE;scrollbar-darkshadow-color:#fafafa;scrollbar-track-color:#FFFBFF;scrollbar-arrow-color:#B80013;
/* gris
scrollbar-arrow-color: #B80013;
	scrollbar-3dlight-color: #919294;
	scrollbar-darkshadow-color: #919294;
	scrollbar-face-color: #919294;
	scrollbar-highlight-color: #919294;
	scrollbar-shadow-color: #919294;
	scrollbar-track-color: #FFFFFF;
*/
}

/*******************************************************/
/* HOME PAGE                                           */
/*******************************************************/

.TitleBoxDx09 *{font-size: 13px;color: #ae0512;font-weight: bold;} /* Title Box dx Red*/ 
A.TitleBoxDx09 {font-size: 13px;color: #ae0512;font-weight: bold;} /*HPR 12/02/2007*/
.TextBoxDx09 { width: 300px; margin: 0px 0px 3px 10px;text-decoration: none;text-align:left; } 
.TextBoxDxHome09 {margin: 0px 28px 5px 10px;text-decoration: none;text-align:left; } 


/************************************************/
/*		Top Menu				  		  	    */
/************************************************/
#topMenu  {
	padding:0 1px;
	text-align:center;
	display:table;
	width:100%;
}

#topMenu ul  {
	padding:0;
	margin:0 auto;
	list-style-type:none;
	height:1.4em;
	padding-top:1px;
	display:table;
}

#topMenu ul li {display:table-cell;
	              font: 16px arial ;
                font-weight: bold;
                color: #B80013;
                padding-left: 30px;}

/*******************************************************/
/*		Central Area DIV						  	   */
/*******************************************************/
#centreArea
{		
	/*height: 582px;*/
	height: 445px;
	width: 965;
	margin-left: 0;
	padding: 0px;
	position:relative;
	top:0;
	list-style-type:none;			
	overflow:auto;		
	overflow-x:hidden;
	clear: both;
	
}

#centreAreaContact
{		
	/*height: 582px;*/
	height: 445px;
	width: 1000px;
	margin-left: 0;
	padding: 0px;
	position:relative;
	top:0;
	list-style-type:none;			
	overflow:auto;		
	overflow-x:hidden;
	clear: both;
	
}  

#centreAreaPreHome
{		
	/*height: 582px;*/
	height: 495px;
	width: 1000 px;
	margin-left: 0;
	padding: 0px;
	position:relative;
	top:0;
	list-style-type:none;			
	overflow:auto;		
	overflow-x:hidden;
	clear: both;
	
} 

/*******************************************************/
/*		Collection Template - Central Image			   */
/*******************************************************/
#imgProduit  {
	padding:0 1px;
	text-align:center;
	display:block;
	width:400px;
	margin: 0px 0 0 10px;
	position:relative;
	float:left;	
}  

#bigImgProduit 
{
	/*width:940px;
	height:525px;	*/	
	width:100%;
	height:100%;
	position:relative;	
    overflow:hidden;
    visibility:hidden;
    cursor: move;  
}  


#zoommeClose {
	padding:0 1px;
	display:block;
	/*width:940px;
	height:525px;*/
	width:100%;
	height:100%;
	position:fixed;
	overflow:hidden;	
	margin: 0 0 0 0;
	visibility: hidden;
	z-index:10000;
	background-color: White; /*transparent;*/
	/*text-align:center;*/
	margin-top: -262px;
	margin-left: -470px;
	top: 262px;
	left: 470px;
	
}

#zoommeClose a:hover,a {
  text-decoration: none;
  color: #B80013;   
}

#filter
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%; 
	/*background-color: #F7F7F7;*/
	background-color:White;
	z-index: 9999;
	/*opacity: 0.5;
	filter: alpha(opacity=50);*/
}

.icon-send {
    background: url(../../img/send.gif) no-repeat left top;
    display:inline;
    padding-left:18px;
    margin-left: 10px;
    padding-right:10px;
}

/************************************************************/
/*		Family Template - Central Animation	--LRo 01/01/01	*/
/************************************************************/    
#ImgContainer { margin: 20px 0 0 100px;
                height: 350px;
                width: 382px; 
                float: left;/* ***/ 
                vertical-align: top;}

#txt {  float: left;
        margin: 200px 0 0 50px;
        color: #919294;
        font-family: Arial, Helvetica, sans-serif;
        width: 382px; 
        font-size: 9pt;}

#txtContainer { text-align: right;}

#txtTitle { font-weight: bold;
            font-size: 12pt;}

/*******************************************************/
/*		New Footer								  	   */
/*******************************************************/    
#magicfix ul{
	padding:0;
	margin:10 auto;
	list-style-type:none;
	height:1.4em;
	padding-top:1px;
	display:table;
}

#magicfix ul li 
{
	display:table-cell;
	color: #919294;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    padding-left: 30px;
    font-size: 9pt;
    display:inline; /*LRo*/    
}                          

#magicfix ul li a:LINK
{
	font-size: 9px; color: #919294; margin-right: 5px; margin-bottom: 1px; text-decoration: none; 
}
#magicfix ul li a:VISITED
{
	font-size: 9px; color: #919294; margin-right: 5px; margin-bottom: 1px; text-decoration: none; 
}
/*#magicfix ul li a:VISITED {font-size: 9px; color: #ae0512;margin-right: 5px;margin-bottom: 1px; text-decoration: none;}        */

#magicfix ul li a:HOVER {font-size: 9px; color: #ae0512; margin-right: 5px;margin-bottom: 1px;text-decoration: none;}

.searchOKButton
{
	color: #919294;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 3px;
    font-size: 12px;
}

.searchOKButton:hover
{
	color: #ae0512;   
}

/*[if IE]>
#topMenu  a {display:inline-block;}
#topMenu ul li {display:inline;}
#magicfix ul li {display:inline;}
<![endif]*/

/*******************************************************/
/*		New Footer Chine							   */
/*******************************************************/    
#magicfixCN ul{
	padding:0;
	margin:10 auto;
	list-style-type:none;
	height:1.4em;
	padding-top:1px;
	display:table;
}

#magicfixCN ul li 
{
	display:table-cell;
	color: #919294;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    padding-left: 30px;
    font-size: 11pt;
    display:inline; /*LRo*/    
}                          

#magicfixCN ul li a:LINK
{
	font-size: 11px; color: #919294; margin-right: 5px; margin-bottom: 1px; text-decoration: none; 
}
#magicfixCN ul li a:VISITED
{
	font-size: 11px; color: #919294; margin-right: 5px; margin-bottom: 1px; text-decoration: none; 
}

#magicfixCN ul li a:HOVER {font-size: 11px; color: #ae0512; margin-right: 5px;margin-bottom: 1px;text-decoration: none;}


/*******************************************************/
/*		Article Template - Spirit               	   */
/*******************************************************/

.content{	
	font-family:Arial;
	font-size:11px;	
	text-align:justify;	
	color:#9f9b9c;
}
/* ----------------- */


.bgEsprit{
	margin-bottom:5px;
	padding:0;	
	list-style-type:none;		
}

.bgEspritContact{
	margin-bottom:5px;
	width:865px;
	padding:0;	
	list-style-type:none;		
}

.bgEspritTop{
	background-image:url(/images/Web2009/bg-top-esprit.gif);
	background-repeat:no-repeat;
	width:965px;
	height:8px;	
}

.bgEspritTopContact{
	background-image:url(/images/Web2009/bg-top-esprit.gif);
	background-repeat:no-repeat;
	width:864px;
	height:8px;	
}

.bgEspritTopPreHome{
	background-image:url(/images/Web2009/bg-top-esprit.gif);
	background-repeat:no-repeat;
	width:869px;
	height:8px;	
}

.bgEspritContent{
	width:965px;
	list-style-type:none;		
}

.bgEspritContentContact{
	width:865px;
	height:335px;
	list-style-type:none;		
}

.bgEspritContentPreHome{
	width:870px;
	height:465px;
	list-style-type:none;		
}

.bgEspritLeft{
	float:left;
	background-image:url(/images/Web2009/bg-left-esprit.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:283px;
	width:8px;	
}

.bgEspritLeftPreHome{
	float:left;
	background-image:url(/images/Web2009/bg-left-esprit.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:468px;
	width:8px;	
}

.bgEspritLeftContact{
	float:left;
	background-image:url(/images/Web2009/bg-left-esprit.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:340px;
	width:8px;	
}

.bgEspritContenu{
	float:left;		
	list-style-type:none;			
}

.bgEspritContenuPreHome{
	float:left;	
	height:460px;	
	list-style-type:none;			
}

.bgEspritContenuContact{
	float:left;	
	height:340px;
	width:840px;	
	list-style-type:none;			
}

.bgGenericContenu
{
	width:948px;
	height:280px;
	float:left;						
	overflow:auto;
	overflow-x:hidden;
}

.bgGenericContenuContact
{
	width:850px;
	height:340px;
	float:left;						
	overflow:auto;
	overflow-x:hidden;
}

.bgGenericContenuPreHome
{
	width:845px;
	height:465px;
	float:left;						
	overflow:auto;
	overflow-x:hidden;
}

.bgEspritRight{
	float:right;
	background-image:url(/images/Web2009/bg-left-esprit.gif);
	background-repeat:repeat-y;
	background-position:right;
	height:283px;
	width:8px;	
}

.bgEspritRightPreHome{
	float:right;
	background-image:url(/images/Web2009/bg-left-esprit.gif);
	background-repeat:repeat-y;
	background-position:right;
	height:468px;
	width:8px;	
}

.bgEspritRightContact{
	float:right;
	background-image:url(/images/Web2009/bg-left-esprit.gif);
	background-repeat:repeat-y;
	background-position:right;
	height:340px;
	width:8px;	
}

.bgEspritBottom{
	clear:both;
	background-image:url(/images/Web2009/bg-bottom-esprit.gif);
	background-repeat:no-repeat;
	width:965px;
	height:8px;	
}

.bgEspritBottomContact{
	clear:both;
	background-image:url(/images/Web2009/bg-bottom-esprit.gif);
	background-repeat:no-repeat;
	width:862px;
	height:8px;	
}

.bgEspritBottomPreHome{
	clear:both;
	background-image:url(/images/Web2009/bg-bottom-esprit.gif);
	background-repeat:no-repeat;
	width:869px;
	height:8px;	
}

/* ----------------- */

.logoEspritLagostina{
	margin-left:16px;
	float:left;	
}

.articleTitle{
	color:#B70013;
	font-size:12px;
	font-weight:bolder;
	margin-bottom:20px;
	text-align:left;
}

.texteEsprit{
	float:left;
	margin:20px 0 0 22px;	
	height:250px;
	width:542px;
	overflow:auto;
	overflow-x:hidden;
}

.blocTexteEsprit{
	float:left;
	font-size:11px;
	text-align:justify;		
	width:242px;		
	margin:0px 10px 0 10px;		
}

.dateEsprit{
	float:left;
	margin:10px 0 0 15px;	
	height:270px;
	width:450px;
	overflow:auto;	
}

	
.imgDate{	
	margin:0 0 0 0;
	float:left;	
}

.imgDate img 
{
	height: 280px;
	width: 469px;	
}

/*.titreDateEsprit{
	color:#B70013;
	font-size:12px;
	font-weight:bolder;
	margin-bottom:15px;
	text-align:left;
	font-weight:bolder;
}*/

.blocDateEsprit1{
	float:left;
	font-size:11px;
	width:203px;
	margin-right:15px;
	text-align:justify;	
}
.blocDateEsprit2{
	float:left;
	font-size:11px;
	width:203px;
	text-align:justify;	
	margin-right:10px;
}

h4{
	font-size:12px;
	margin:155px 0 0 100px;
	text-align:left;
}


.serviceListInnerFrame{	
	padding:5px 5px 5px 5px;	
	/*float:right;	*/
	list-style-type:none;	
	list-style:none;	
	float:left;
	height:270px;
	width:938px;
	overflow:auto;
/*	height:280px;	*/
}

#serviceList
{
	list-style-type:none;	
	list-style:none;
	padding-top:1px;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;	
	overflow:auto;
}

#serviceList li
{
	list-style-type:none;
	list-style-image: none;
	display: block;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	overflow:auto;
}


.serviceListOuterFrame
{
	list-style-type:none;	
	list-style:none;
	padding-top:1px;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
	overflow:auto;	
	width:850px;
	height:280px;
}
/* ----------------- */

.btWeb2009{
	margin:15px 0 10px 70px;
}

.btWeb2009 a{
	padding:5px 5px 5px 5px;
	font-size:9px;
	font-weight:bolder;
	text-transform: uppercase;
	color:#8E8E8E;
	background-color:#E3E3E3;
	text-decoration:none;
	border:#E3E3E3 solid 1px;
}

.btWeb2009 a:hover{
	color:#8E8E8E;
	background-color:#FFFFFF;
	text-decoration:none;
	border:#E3E3E3 solid 1px;
}

/*Old version*/
#yearlist
{
	list-style-type:none;	
	list-style:none;
	padding-top:1px;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;	
}

#yearlist li
{
	list-style-type:none;
	list-style-image: none;
	display: block;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
}

.yearframe  
{
	list-style-type:none;	 
	list-style-image: none; 	
}

.yearframe div
{		
	list-style-type:none;
	list-style-image: none;
}

.yearnext
{
	text-decoration: none;
	border: none;
	position: absolute;
	right:10px;
	top:270px;	
}

.yearnext a img
{
	text-decoration: none;
	border: none;
}

.yearbefore
{
	text-decoration: none;
	border: none;
	position: absolute;
	left:482px;
	top:270px;	
}

.yearbefore a img
{
	text-decoration: none;
	border: none;
}

#yearmenu ul
{	
	text-align:center;	
	list-style-type:none;
	list-style:none;
}

#yearmenu ul li
{
	display: inline;
	margin: 0 10px 0 10px;	
	list-style-type:none;
	list-style:none;
}

#yearmenu ul li a
{
	text-decoration: none;
	color: #aaa;
	font: 12px arial;
	font-weight: bold;	
	list-style-type:none;
	list-style:none;
}


/*******************************************************/
/*		Collection Template - Produt Details		   */
/*******************************************************/
#FicheProduit {	
	padding:13px 0 0px 15px;
	text-align:left;
	display:block;
	width:330px;
	height:200px;
	margin: 0px 0 10px 0;
	position:relative;	
	border:#e5e5e5 solid 1px;
	overflow:hidden;
}

#FicheProduit h1 {	
	display:inline;
}

#FicheProduit h2 {	
	display:inline;
}
   
.titreFicheProduit{
	font-size:20px;
	color:#B70013;
	font-weight:bolder;
}

.sousTitreFicheProduit
{
	font-size:12px;
	color: #a9abac;
	font-weight:normal;	
}

.addToListFont
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: #808080;
}
.addToListFont:hover
{
	color:black;
}

.linkProduitTool { font-size: 10px; color: #8C8D8E; }
.linkProduitTool:hover {color: black; }


.ficheProduitNameSize{ /*used in ProductTemplate*/
	border:#e5e5e5 solid 1px;	
	width:149px;
	text-align:center;
	margin: 0px 0px 0px 0px;
}

.titreFicheProduitName{
	font-size:11px;	
	color:#B70013;
	font-weight:bold;
	text-transform:uppercase;
}

.titreFicheProduitSize{
	font-size:9px;	
	color:#8E8E8E;
	font-weight:bolder;
	text-transform:uppercase;
}

.imgFicheProduit
{
	border:solid 1px #8E8E8E;	
}


/*******************************************************/
/*		Collection Template - Know More Button	  	   */
/*******************************************************/

#lnkDetails {
  padding:0 1px;
	text-align:center;
	display:table;
	width:400px;
	margin: 450px 0 0 410px;
	position:absolute;
}    

#BtnFermer  {
	margin: 70px 0 0 500px;
	position:absolute;
	z-index:100;
	width:50px;
	height:20px;
}
.toggler
{
	 /*Button*/
	width: 100px;
    height: 12px;
	font-size:9px;
	font-weight:bolder;
	margin-right:5px;
	color:#8E8E8E;
	background-color:#E3E3E3;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	padding: 3px 3px 3px 3px;
	border:#E3E3E3 solid 1px;
}

a.toggler
{
	display: block;
	margin: 0px;
	margin-bottom: 10px;
	display: block;
	top: 0px;
	left: 0px;
	position: static;
}

.toggler:hover{
	color:#8E8E8E;
	background-color:#FFFFFF;
	text-decoration:none;
	border:#E3E3E3 solid 1px;
}

.toggler-back {color: #B80013;outline-style:none;}

#test
{
	margin-top: -10px;
	position: absolute;
	z-index: 1000;
}

#detailsTechniques 
{
	position:absolute;
	left:0px;
	bottom: 0px;
	width: 375px; 
	height: 255px; 
	text-align:left;
	background-color: white; 
	overflow: auto;
	overflow-x:hidden;
	z-index: 1;
	margin: 0px;		
}
                         
#detailsTechniques h3 { margin: 0; padding: 0.4em; text-align: left; color: #B80013; }

#detailsTechniques p {margin-bottom:0px;width:95%;padding: 0.4em;} 

#coll
{
	display:none;
}   
