@CHARSET "ISO-8859-1";
/******************************************************************************/
/* bleu clair : #DFF4FF
/* violet : # 8196CF
/* vert clair : #F7FFD7
/* vert foncé - header : #BDEE8E
/******************************************************************************/

body, body{
	font-family: Arial, "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 13px;
}
div, img, form, ul, input{
	margin: 0px;
	padding: 0px;
}	

img{
	border: none;
}


body{
	font-size: 14px;
	background: #EEE url(../../image/design/body-bg.jpg) repeat-x;
	background: #407ECB;
}
.spacer{
	clear: both;
}
select option{
	padding-left: 2px;
}
form, textarea {
	font-size: 12px;
}

/******************************************************************************/
/* DIV
/******************************************************************************/


#fixe {
  color: #DFF4FF;
  margin-left: 408px;
  margin-top: 70px;
  position: absolute;
  font-size :0.9em;
  font-weight :bold;

}

#fixe a {
  color : #DFF4FF;
  text-decoration : none;
}


#site{
	margin: auto;
	width: 950px;
}
#top{
	background: url('../../image/design/header.gif') no-repeat;
	color: #FFF;
	height: 110px;	
}

div.box-title{
	color: #EAF3FD;
	font-weight: bold;
	line-height: 21px;
	margin-bottom: 20px;
	text-align: center;
}
span.bg-left{
	background: url(../../image/design/box-title.gif) 0% 50% no-repeat;
	padding: 5px 10px 6px 25px;
}

span.bg-right{
	background: url(../../image/design/box-title.gif) 100% 50% no-repeat;
	padding: 5px 5px 6px 5px;
}



#box-home-photos, #box-product{
	background: #CDD0F6;
	width: 100%; /* IE8 Vs Nifty Corner Cune*/ 
}
#box-home-laius, #box-activity-description{
	background: #CDD0F6 url(../../image/design/quotes.gif) 3px 45px no-repeat;
	font-style:italic;
	margin-bottom: 10px;	
	padding: 10px 15px 10px 20px;
	text-align:center;
	width: 915px; /* IE8 Vs Nifty Corner Cune*/
}
#box-home-laius{
	background: #CDD0F6;
}
#box-home-laius a{
	color: #407ECB;
	text-decoration: underline;
}


#box-activity-description{
	background-image: none;
	font-style: normal;
	font-size: 12px;
}


#box-filter{
	background: #CDD0F6;
	margin-bottom: 10px;
	padding-top: 10px;
	width: 100%; /* IE8 Vs Nifty Corner Cune*/ 
}
.filter-content{
	width: 100%; /* IE8 Vs Nifty Corner Cune*/ 
}

#box-product{
	background: #CDD0F6;
}

#curtain-close{
	position:absolute;
	top: 0px;
	left: 0px;
	
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	width: 100%;
}

div#qui-sommes-nous{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 4px solid #FFF;
    background: #c3d9ff; 
	color: #000;
	cursor: pointer;
	display: none;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	padding: 10px 20px;
	text-align: justify;
	width: 680px;
	z-index: 1000;
}
span#arrow{
   position: absolute;
    top: -14px;
    left: 395px;
    height: 14px;
    width: 29px;
    background: transparent url(lib/tooltip.gif);
    margin:0;
    padding: 0;
    border: 0;
}

/******************************************************************************/
/* box pour les photos de la page d'accueil
/******************************************************************************/
div.box-home{
	float: left;
	height: 192px;
	text-align: center;
	width: 169px;	
}
div.box-home-sep{
	float: left;
	height: 170px;
	width: 125px;
}
div.padding{
	padding-top: 30px;
}


div.box-home a{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}	
div.box-home a:link, div.box-home a:visited{
	background: url('../../image/design/button.gif') no-repeat;
	color: #3D7CC9;
	display: block;
	height: 22px;
	line-height: 20px;
	margin: auto;
	padding: 0px;
	width: 130px;
}

div.box-home a:hover, div.box-home a:active{
	background: url('../../image/design/button.gif') 0 -44px no-repeat;	
	color: #FFF;
	padding: 0px;
}
a.btn-product-type{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}	
a.btn-product-type:link, a.btn-product-type:visited{
	background: url('../../image/design/btn-product-type.png') no-repeat;
	display: block;
	height: 30px;
	line-height: 30px;
	margin: auto;
	padding: 0px;
	width: 175px;
}

.box-slider{
	margin: auto;
	width: 915px;
}

.div-img-product-type{
	height:169px; 
	margin-bottom: 13px;
	padding-top: 15px;
}

img.img-product-type { 
	position: relative; 
}

/******************************************************************************/
/* Page download
/******************************************************************************/
#box-downl{
	background: #CDD0F6;
	font-style: normal;
	margin-top: 3px; /* Pb de pixel en haut à droite ?!*/	
	margin-bottom: 5px;
	padding: 10px 15px 10px 20px;
	width: 915px; /* IE8 Vs Nifty Corner Cune*/
}

div.downl-table{
	height: 500px;
	margin-top: 10px;	
	overflow: auto;
}

div.downl-table table{
	margin: auto;
	width: 600px;
}

div.downl-table table th{
	background: #8196CF;
	border: solid 1px #999;	
	color: #FFF;
	font-weight: bold;
}
div.downl-table table td{
	font-size: 12px;
}

div.downl-table tr.color1{
	background: #F7FFD7;
}
div.downl-table tr.color2{
	background: #BDEE8E;
}




/******************************************************************************/
/* Page news
/******************************************************************************/
#box-news{
	background: #CDD0F6;
	margin-top: 3px; /* Pb de pixel en haut à droite ?!*/
	padding-top: 10px;	
	width: 100%; /* IE8 Vs Nifty Corner Cune*/
}
.box-news-row{
	margin: auto;
	width: 753px;
}
.box-news-left, .box-news-right{
	font-style: normal;
	margin-bottom: 5px;
}
.box-news-left{
	float: left;
	text-align: center;
	width: 250px;
}
.box-news-date{
	background: #F7FFD7;
	height: 35px;
	margin-bottom: 3px;
	padding: 10px 0px 5px 0px;
}
.box-news-img{
	background: #EFEFFF;
}
.box-news-img-content{
	height: 158px;
	padding-top: 10px;
}

.box-news-right{
	float: right;
	text-align: justify;
	width: 500px;
}
.box-news-title{
	background: #EFEFFF;
	height: 35px;
	margin-bottom: 3px;
	padding: 10px 0px 5px 0px;
}
.box-news-description{
	background: #F7FFD7;
	font-size: 12px;
	padding: 10px;
}
.box-news-description-asc{
	height: 148px;
	overflow: auto;
}


div.box-title-news{
	color: #FFF;
	font-weight: bold;
	line-height: 19px;
	margin-bottom: 5px;
	text-align: center;
}
.box-title-news span.bg-left{
	background: url(../../image/design/box-title-news.gif) 0% 50% no-repeat;
	padding: 5px 10px 5px 25px;
}

.box-title-news span.bg-right{
	background: url(../../image/design/box-title-news.gif) 100% 50% no-repeat;
	padding: 5px 5px 5px 5px;
}


/* Bg pour la date */
.box-news-date span.bg-left{
	background: url(../../image/design/box-title-manufacturer.gif) 0% 50% no-repeat;
	padding: 5px 10px 5px 25px;
}
.box-news-date span.bg-right{
	background: url(../../image/design/box-title-manufacturer.gif) 100% 50% no-repeat;
	padding: 5px 5px 5px 5px;
}





/* News affichée sur la page d'accueil */
#box-news-highlight{
	cursor: pointer;
	display: none;
	position:absolute;
	text-align: center;	
	width: 934px;
}
#curtain-news{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 404px;
	z-index: 5000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);	
}
#news-id{
	display: none;
	position: absolute;
	top: 100px;
	left: 100px;
	z-index:5001;
}




/******************************************************************************/
/* Page manufacturer
/******************************************************************************/
#box-manufacturer{
	background: #CDD0F6;
	margin-top: 3px; /* Pb de pixel en haut à droite ?!*/
	padding-top: 10px;
	width: 100%; /* IE8 Vs Nifty Corner Cune*/	
}
.box-manufacturer-row{
	margin: auto;
	width: 860px;
}
.box-manufacturer-left{
	background: none;
	float: left;
	padding: 0px;
	text-align: center;
	width: 270px;
}
.box-manufacturer-title{
	background: #F7FFD7;
	height: 35px;
	margin-bottom: 3px;
	padding: 10px 0px 5px 0px;
}
.box-manufacturer-img{
	background: #EFEFFF;
	padding: 10px 0px 12px 0px;	
}
.box-manufacturer-img-content{
	height: 150px;
}


.box-manufacturer-right{
	background: none;
	float: right;
	padding: 0px;
	width: 587px;	
}
.box-manufacturer-description{
	background: #EFEFFF;
	font-size: 11px;
	margin-bottom: 3px;
	padding: 10px;
	text-align: justify;
}
.box-manufacturer-description-asc{
	height: 130px;
	overflow: auto;
}

.box-manufacturer-link{
	background: #F7FFD7;
	font-size: 11px;
	padding: 10px;
	padding-top: 15px;
	text-align: left;
}
.box-manufacturer-link-content{
	height: 45px;
}
.box-manufacturer-link a{
	color: #407ECB;
	font-weight: bold;
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 270px;
}

div.box-title-manufacturer{
	color: #FFF;
	font-weight: bold;
	line-height: 19px;
	margin-bottom: 5px;
	text-align: center;
}

.box-manufacturer-row .box-title{
	margin-bottom: 0px;
}
.box-manufacturer-row span.bg-left{
	background: url(../../image/design/box-title-manufacturer.gif) 0% 50% no-repeat;
	padding: 5px 10px 5px 25px;
}

.box-manufacturer-row span.bg-right{
	background: url(../../image/design/box-title-manufacturer.gif) 100% 50% no-repeat;
	padding: 5px 5px 5px 5px;
}



/******************************************************************************/
/* fiche produit
/******************************************************************************/
#product-features{
	height: 395px;
	padding: 5px 20px;
}

#product-left-part{
	float: left;
	height: 335px;
	width: 400px;
}

#product-img{
	background-color: #CDD0F6;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 290px;
	width: 390px;
	padding: 5px;
	padding-top: 0px; /* txt : photo non contractuelle */
}
#product-title{
	color: #8196CF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#product-description{
	background: #F4F5FF url(../../image/design/product-description-bg.gif) no-repeat;
	color: #333;
	font-size: 11px;
	float: right;
	margin-top: 5px;
	padding: 10px;
	text-align: justify;
	width: 478px;
}
#product-description *{
	font-size: 11px;
}
#product-description-asc{
	height: 345px;
	overflow: auto;
}
#product-url{
	color: #8196CF;
	float: right;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 10px;
	text-align: left;
	width: 478px;
}
#product-url input{
	zbackground: #CDD0F6;
	background : #F4F5FF;
	border: solid 1px #8196CF;
	color: #333;
	font-size: 10px;
	text-align: left;
	width: 400px;
}

#product-description ul, #product-option ul{
	list-style: url(../../image/design/puce-arrow-red.gif);
	margin-left: 25px;
}

#product-description ul ul{
	list-style: url(../../image/design/puce-valid-red.gif);
}
#product-option{
	background: #F4F5FF url(../../image/design/product-option-bg.gif);
	color: #333;
	font-size: 11px;
	float: right;
	height: 51px;
	margin-top: 5px;
	overflow: auto;
	padding: 8px;
	text-align: justify;
	width: 582px;
}
#product-option *{
	font-size: 11px;
}


#icon-tool{
	float: left;
	text-align: center;
	width: 400px;
}
#icon-tool a{
	display: block;
	font-size: 10px;
	height: 35px;
	line-height: 35px;
	margin: auto;
	text-decoration: none;
	color: #000;
	width: 35px;
}
#icon-tool a:link, #icon-tool a:visited{
	background: url('../../image/design/icon-button.gif') 0px 0px no-repeat;
}
#icon-tool a:hover, #icon-tool a:active{
	background: url('../../image/design/icon-button.gif') 0px -35px no-repeat;
	color: #FFF;
}
#icon-tool a img{
	padding-top: 8px;
}

/* Zoom photo */
#box-img-zoom{
	cursor: pointer;
	display: none;
	height: 565px;
	position:absolute;
	text-align: center;	
	width: 934px;
}
#curtain-img-zoom{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:565px;
	z-index:5000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);	
}
#box-img-zoom img{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:5001;
}

/******************************************************************************/
/* Section contact
/* bleu clair : #DFF4FF
/* vert clair : #F7FFD7
/******************************************************************************/
#contact1{
	color: #DFF4FF;
	float: right;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 27px;
	text-align: center;
	width: 195px;
}
#contact2{
	color: #DFF4FF;
	float: right;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 27px;
	text-align: center;
	width: 180px;
}
#contact1 a:link, #contact1 a:visited, #contact2 a:link, #contact2 a:visited{
	text-decoration: none;
	color: #3D7CC9;
}







/****************************************************************************
 * Gestion des critères de choix
 ****************************************************************************/
span.filter-text2{
	font-size: 11px;
	color: #666;;
}
div.filter-box li.li-selected span.filter-text1{
	color: #000;
}
span.filter-text1{
	font-size: 13px;
	color: #0072BB;
}
ul#ul-filter1 li{
	font-size: 12px;

}

div#filter{
	margin: auto;
	width: 910px;
}
div#filter-activty{
	margin: auto;
	width: 800px;
}

div#filter-toolbar{
	background: #8196CF;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
	width: 700px;
}


div.filter-box{
	float: left;
	padding: 0px 10px;
	width: 22.4%;
}

div.filter-title{
	background: #8196CF;
	color: #FFF;
	font-weight: bold;
	padding: 2px 0px;
	text-align: center;
	width: 100%; /* IE8 Vs Nifty Corner Cune*/ 
}
div.filter-box select{
	width: 100%;
}
div.filter-box ul, div#activity-description{
/*	border: solid 1px #CCC;*/
	background: #EFEFFF;
	height: 120px;
	list-style: none;
	overflow: auto;
	text-align: left;
}
div.filter-box li{
	color: #666;
	cursor: pointer;
	font-size: 14px;
	padding-left: 2px;
}
div.filter-box li.li-hover{
	background: #EDEBF5;
}
div.filter-box li.li-selected{
	background: #BDEE8E;
	color: #000;
}
div.item-nb{
	margin:auto;
	width: 60px;
	font-size: 12px;
}
div.item-selected, div.item-total{
	float: left;
	text-align: center;
	width: 45%;
}	
div.item-selected{
	border: solid 1px #8196CF;
}
div.item-total{
	background: #8196CF;
	border: solid 1px #8196CF;
	color: #FFF;
}

#box-filter a{
	text-decoration: none;
}


/* DOCK MENU */
#box-dock{
	float: left;
	padding: 50px 0px 30px 0px;;
	width: 60%;
}

#menu-dock1 img,
#menu-dock2 img{
	padding: 0px 5px;
} 


/* BOX NEWS */
#blogSliderWrap img{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 50px;
}
#blogSliderWrap .news-title{
	font-weight: bold;
	padding-top: 20px;
}
#blogSliderWrap .news-content{
	clear: both;
}


/******************************************************************************/
/* Page reseller
/******************************************************************************/
#box-reseller{
	background: #CDD0F6;
	margin-top: 3px; /* Pb de pixel en haut à droite ?!*/
	padding-top: 10px;
	width: 100%; /* IE8 Vs Nifty Corner Cune*/	
}
.box-reseller-row{
	margin: auto;
	width: 860px;
}
.box-reseller-left{
	background: none;
	float: left;
	padding: 0px;
	text-align: center;
	width: 270px;
}
.box-reseller-title{
	background: #F7FFD7;
	height: 35px;
	margin-bottom: 3px;
	padding: 10px 0px 5px 0px;
}
.box-reseller-img{
	background: #EFEFFF;
	padding: 10px 0px 12px 0px;	
}
.box-reseller-img-content{
	height: 150px;
}


.box-reseller-right{
	background: none;
	float: right;
	padding: 0px;
	width: 587px;	
}
.box-reseller-description{
	background: #EFEFFF;
	font-size: 11px;
	margin-bottom: 3px;
	padding: 10px;
	text-align: justify;
}
.box-reseller-description-asc{
	height: 130px;
	overflow: auto;
}

.box-reseller-link{
	background: #F7FFD7;
	font-size: 11px;
	padding: 10px;
	padding-top: 15px;
	text-align: left;
}
.box-reseller-link-content{
	height: 45px;
}
.box-reseller-link a{
	color: #407ECB;
	font-weight: bold;
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 270px;
}

div.box-title-reseller{
	color: #FFF;
	font-weight: bold;
	line-height: 19px;
	margin-bottom: 5px;
	text-align: center;
}

.box-reseller-row .box-title{
	margin-bottom: 0px;
}
.box-reseller-row span.bg-left{
	background: url(../../image/design/box-title-manufacturer.gif) 0% 50% no-repeat;
	padding: 5px 10px 5px 25px;
}

.box-reseller-row span.bg-right{
	background: url(../../image/design/box-title-manufacturer.gif) 100% 50% no-repeat;
	padding: 5px 5px 5px 5px;
}