@charset "utf-8";
body {
    	font: 100% Arial, Helvetica, sans-serif, Verdana, ;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }
img {
	border:none; 
}	
a {
	text-decoration:none; 
}
a:hover {
	text-decoration:underline; 
}
    .oneColFixCtr #container {
    	position: relative;
		width: 1000px;
		background: #FFFFFF;
    	margin: 0 auto; 
    	text-align: left; 
    }
    .oneColFixCtr #mainContent {
    	padding: 0 0px; 
    }	
	.titre {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-style:italic;
	text-decoration:none;
	color:#000000;
	}    
	.oneColFixCtr #login {
	position: absolute;
	padding: 0 0px;
	text-align:center;
	width:188px;
	height:135px;
	left: 775px;
	top: 5px;
	z-index:4;
    }	
	.oneColFixCtr #montagephoto {
	position: absolute;
	padding: 0 0px;
	width:750px;
	height:185px;
	left:0px;
	top:140px;
	z-index:2;
	text-align:center;
    }	
    .oneColFixCtr #logo {
	position: absolute;
	padding: 0 0px;
	text-align:center;
	width:750px;
	height:100px;
	left:0px;
	top:0px;
	z-index:1;
    }
    .oneColFixCtr #baseline {
	position: absolute;
	padding: 0 0px;
	text-align:center;
	width:780px;
	height:25px;
	z-index:3;
	left:0px;
	top:100px;
    }	
    .oneColFixCtr #menu {
	position: absolute;
	padding: 0 0px;
	width:185px;
	height:120px;
	z-index:5;
	left:0px;
	top:460px;
	padding-top:5px; padding-bottom:5px;
    }		
    .oneColFixCtr #promotion {
	position: absolute;
	padding: 0 0px;
	width:554px;
	height:400px;
	z-index:5;
	left:200px;
	top:460px;
	padding:5px;
    }
    .oneColFixCtr #explication {
	position: absolute;
	padding: 0 0px;
	width:202px;
	height:719px;
	z-index:5;
	left:763px;
	top:410px;
	padding:5px;
    }		
	
	.montage {
		font-family:Arial, Helvetica, sans-serif; 
		font-size:14px; 
		color:#ff6600; 
		text-decoration:none;
		text-align:left; 
	}
	.commander {
		font-family:Arial, Helvetica, sans-serif; 
		font-size:18px; 
		color:#CC0066; 
		text-decoration:none; 
		padding-top:20px; 
	}	
	.arial12b {
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px;
		font-weight:bold; 
		color:#000000; 
		text-decoration:none;
		line-height:18px;  	
	}
    .oneColFixCtr #ssmenu {
	position: absolute;
	padding: 0 0px;
	width:180px;
	height:100px;
	z-index:6;
	left:10px;
	padding-top:10px;
    }	
    .oneColFixCtr #icones {
	position: absolute;
	padding: 0 0px;
	width:180px;
	height:100px;
	z-index:6;
	left:3px;
	padding-top:10px;
	top:960px
    }			
    .oneColFixCtr #xiti {
	position: absolute;
	padding: 0 0px;
	width:240px;
	height:40px;
	z-index:6;
	left:830px;
	padding-top:10px;
	top:930px
    }	
    .oneColFixCtr #footer {
	position: absolute;
	padding: 0 0px;
	width:1000px;
	height:40px;
	z-index:6;
	left:-22px;
	top:950px
    }	


			
	.faq-titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#97dd00;
	text-align:left;	
	}
	#faq ul {
	margin:0;
	padding:0;
	text-align:left;

	}	
	#faq li {
	margin:0;
	padding:0 0 7px 0;
	list-style-image: url(../img/puce_or_rond.gif);
	list-style-position: inside;
	text-align:left;
	
	}
	#faq li a   {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; 
		color:#000000; 
		text-decoration:none;
		text-align:left;
	}
	#faq li a:hover, #faq li a:active    {
		font-weight:bold;
	}	
.fond {
	width:225px;
	height:120px;
	margin:0px;
	padding:0px;
	background-color:#FFF;
}
.txt-exp {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	background-color:#FFF;
}

.formulaire {
	width:211px; 
	height:50px; 
	border-left:1px solid #a0a0a0;
	border-right:1px solid #a0a0a0;
	border-top:none;
	border-bottom:none;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding-left:10px;
	background-color:#FFF;

}
.telephone {
	background-image: url(../img/telephone.jpg);
	width:221px;
	height:63px;
	background-repeat: no-repeat;
}
.telephone p {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;	
}	

#container { width:600px; margin:0px auto 0px; background:#FFFFFF; padding:10px; font-size:12px; margin-top:50px; }
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
	width:750px;
	height:300px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:600px;
	z-index:3px;
	overflow:hidden;
	margin-left:150px;
}


/*******************************************************/
.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:160px;
	left:30px;
	width:200px;
	background:url(../images/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:100%;
	padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
.lof-main-item-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}


/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0 0 0 65px;
	height:300px;
	width:536px;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:536px;
	float:left;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
	width:536px;
}

li-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
	background:url(../images/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
li-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
li-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
li-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}

/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100px;
	padding:0;
	margin:0;
	overflow:hidden;
	color:#000;
	
}
.lof-navigator-outer{
	position:absolute;
	left:0;
	top:0px;
	z-index:100;
	height:300px;
	width:215px;
	overflow:hidden;
	color:#000;
	
}
.lof-navigator li.active{
	padding:0;
	margin: 0;
	color:#FFF;
	
}
.lof-navigator li:hover{
	color:#000;	
}


.lof-navigator li h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	padding:10px 0 0px 5px;
	margin:0;
	font-weight:normal;

}
.lof-navigator li div{
	color:#333;
	width:215px;
	height:100%;
	position:relative;
	margin-left:0px;
	padding-left:0px;
	border-top:1px solid #E1E1E1;
	font-weight:500;
}
.trans_orange {
	background:url(../images/trans_orange.jpg);
}
.trans_bleu {
	background:url(../images/trans_bleu.jpg);
}
.trans_vert {
	background:url(../images/trans_vert.jpg);
}
.trans_rose {
	background:url(../images/trans_rose.jpg);
}

.lof-navigator li.active div{
	background:url(../images/grad-bg.gif);
	color:#333;
}
.lof-navigator li img{
	height:75px;
	width:9px;
	margin:0 8px 0 0;
	float:left;
	padding:0px;
}
.trans_orange li.active img{
	background:url(../images/ico-orange-vif.jpg);
}
.lof-navigator li.active h3{
	color:#333;
}
ul#topnav {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0 0 10px 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 25px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/
ul#topnav a.home {
	background: url(../img/menu/nav_home.png) no-repeat;
	width: 71px;
}
ul#topnav a.products {
	background: url(../img/menu/nav_products.png) no-repeat;
	width: 131px;
}
ul#topnav a.sale {
	background: url(../img/menu/nav_commande.png) no-repeat;
	width: 160px;
}
ul#topnav a.community {
	background: url(../img/menu/nav_service.png) no-repeat;
	width: 128px;
}
ul#topnav a.store {
	background: url(../img/menu/nav_contact.png) no-repeat;
	width: 117px;
}
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 42px; left: -70px;
	z-index: 99999;
	/*-- opacité--*/
	background: rgba(255, 255, 255, 0.9);   /*--Background gradient--*/
	padding: 10px 10px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
	/*--ombrage--*/    
	 -moz-box-shadow: 3px 3px 5px #aaa;      
	 -webkit-box-shadow: 3px 3px 5px #aaa;      
	 box-shadow: 3px 3px 5px #555; 
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1em;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 0;
	background-image: none;
	color: #97c900;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../img/menu/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 0px 0px 15px;
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 0.7em;
	text-align:left;
}
ul#topnav .sub ul li a:hover {
	color: #000;
	background-position: 5px 12px ;/*--Override background position--*/
	font-weight:bold;
}