/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-size: 11px;
 background: #876C79;
} 

h1, h2{
 font-size: 16px;
 font-variant: small-caps;
 line-height: 130%;
 }

h1{color:black;}
h2{color:blue;}
 
p{
 margin-top: 5px;
 margin-bottom: 5px;
 }
 
ul.nav{
 list-style-type: none;
 padding: 0px;
 margin: 10px 0px 20px 10px;
 }

ul.nav a{
 display:block;
 background-image:url('images/button.gif');
 margin:5px 0px 0px 15px;
 height:22px;
 line-height:22px;
 width:100px;
 padding:0px 10px 0px 0px;
 text-decoration:none;
 text-align: right;
 color:black;
 }

ul.nav a:hover{
 background-position: 0 -22px;
 color:white;
 }
 
ul.nav2{
 list-style-type: none;
 padding: 0px;
 margin: 10px 0px 0px 20px;
 }

ul.nav2 a{
 display:block;
 background-image:url('images/button2.gif');
 margin-top:1px;
 height:22px;
 line-height:22px;
 width:113px;
 padding-left:25px;
 text-decoration:none;
 color:black;
 }

 ul.nav2 a.newprod{
 color:red;
 }

ul.nav2 a:hover{
 background-position: 0 -22px;
 color:white;
 }

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

ul.tapezoneNav a{
 display:block;
 background-image:url('images/button3.gif');
 height:22px;
 line-height:22px;
 margin-top:2px;
 width:120px;
 padding: 0px 0px 0px 30px;
 text-decoration:none;
 color:black;
 }

ul.tapezoneNav a:hover{
 background-position: 0 -22px;
 }
 

p.catlink a{
 text-decoration:underline;
 color:white;
 }
 
p.plug a{
 text-decoration:underline;
 color:black;
 font-size:10px;
 position:absolute;
 bottom:15px;
 }
 
#pagewidth{ 
 width:960px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:160px; 
 width:100%;
 background-image:url('images/layHeader.gif');
} 

#leftcol{
 width:15%; 
 height:320px;
 float:left; 
 position:relative; 
 background:url('images/layLcol.gif');
}
 
#twocols{
 width:85%; 
 float:right; 
 position:relative; 
 }
 
#rightcol{
 width:22%; 
 height:320px;
 float:right; 
 position:relative; 
 background-image:url('images/layRcol.gif');
 padding-right:24px;
 }
 
#maincol{  
 width:75%; 
 float:left; 
 position:relative; 
 display:inline; 
 }
 
#footer{
 height:60px; 
 background-image:url('images/layFooter.gif');
 background-repeat: no-repeat;
 clear:both;
 text-align:right;
 padding-top:24px;
 padding-right:18px;
 } 
 
/* Stuff added by me
*/
#maincolIndex,#maincolNews,#maincolGroupe,#maincolProducts,#maincolMaps,#maincolContacts{
 height:290px;
 width:582px;
 float:left;
 position:relative;
 display:inline;
 color:#000000;
 font-size:12px;
 line-height:130%;
 padding:15px;
 background:url('images/layMcol.gif');
 }

#maincolTapezone{
 height:290px;
 width:582px;
 float:left;
 position:relative;
 display:inline;
 color:#000000;
 font-size:12px;
 line-height:130%;
 padding:15px;
 background:url('images/layTapezone.gif');
 }

#maincolTapezone h1{
 margin-top:5px;
 margin-bottom:30px;
 text-align:right;
 color:black;
 font-size:25px;
 }

#maincolTapezone p{
 padding-left:180px;
 text-align:right;
 margin-top:10px;
 }

#maincolTapezone ul{
 position:absolute;
 top:160px;
 left:0px;
 }
 
#maincolProducts img{
 position:absolute;
 bottom:15px;
 }
 
#maincolProductsL{
 height:290px;
 width:20%;
 float:left;
 position:relative;
 display:inline;
 font-size:12px;
 line-height:130%;
 color:#000000;
 padding:15px;
 background:url('images/layMLcolProds.gif');
 }

#maincolProductsL h2{
 color:#000000;
 }

#maincolProductsR{
 height:290px;
 width:70%;
 padding:15px;
 float:right;
 position:relative;
 display:inline;
 font-size:12px;
 line-height:130%;
 color:#ffffff;
 background:url('images/layMRcolProds.gif');
 }

#maincolProductsR h1{
 background-color:#ffffff;
 color:#000000;
 padding-left:10px;
 margin-top:0px;
 margin-right:25%;
 line-height:150%;
 }
 
#rightcol img{
 position: absolute;
 bottom: 0;
 left: 0;
 }

#leftcol img{
 margin: 0px 0px 0px 80px;
 }

.pimg1, .pimg2, .pimg3, .pimg4, .pimg5, .pimg6, .pimg7, .pimg8{
 position: absolute;
 bottom: 15px;
 background-color: white;
 }
 
.pimg1{
 left:15px;
 }
 
.pimg2{
 left:69px;
 }
 
.pimg3{
 left:123px;
 }
 
.pimg4{
 left:177px;
 }
 
.pimg5{
 left:231px;
 }
 
.pimg6{
 left:285px;
 }
 
.pimg7{
 left:339px;
 }
 
.pimg8{
 left:393px;
 }

.maincolLink{
 color:black;
 }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}