@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
/*########################################################
						Interface
########################################################*/
html{

}
body { 
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	background:url(/images/bg-foot.gif);
}

form { margin:0px; padding:0px;}

a{color:#0078bc}
a:hover{ color:#246a91}

h1 { font-family:Arial, Helvetica, sans-serif;	 font-size:18px}
h2 { font-family:Arial, Helvetica, sans-serif;	 font-size:16px; margin:0px; padding:10px 0px;}
h3 { font-family:Arial, Helvetica, sans-serif;	 font-size:14px}
h4 { font-family:Arial, Helvetica, sans-serif;	 font-size:13px}
h5 { font-family: verdana,Arial, Helvetica, sans-serif;	 font-size:10pt; font-weight:bold; color: #4B92B9; margin-bottom:-2px; }


ul,li { margin:0px; padding:0px; list-style-type:none}
li { background:url(/images/bul-arrowfull.gif) no-repeat 2px 5px; padding-left:10px;}

.clear { clear:both}
.hr { border-bottom:1px solid #ccc; margin-bottom:2em; line-height:1.5em;}
a.external {background:url(/images/external.png) right center no-repeat; padding-right:13px;}

.thumb { position:relative; display:block; width:112px; height:143px; float:left; background:url(/images/thumb.gif) no-repeat;}
.thumb a { display:block; width:92px; height:75px; margin:15px 0px 0px 10px; }
/*.thumb a:hover { border-left:0px solid #fff;border-right:0px solid #fff;}*/
a.style2  { margin:0px}
a.style2:hover {margin:0px; text-decoration:none;}
.thumb span { margin:5px 0px 0px 10px; display:block; color:#fff; width:92px; height:32px; overflow: auto; cursor: pointer;}
/*.thumb small {float:right; margin:5px 3px 5px 5px;}*/
.thumb small {position:absolute; right:6px; top:10px }

#page{background:#fff; height:100%;} html > body #page { height:auto; min-height:100%;}

#racinet {background:#000; font-family:Arial, Helvetica, sans-serif;}


	#top { width:760px; height:98px; margin:0px auto;background-color:#000000; color:#fff; overflow:hidden}
		
		#logo { float:left; padding-top:8px;text-align:center;}
		#logo p { font:10px Arial, Helvetica, sans-serif;padding:2px 0px 0px 0px;margin:0px;color:#999}
		#menu { float:right; width:437px;  }
			#lang { text-align:right; margin-bottom:26px; padding-top:8px;}
			#menu a .a5 {background:url(/images/menu/menu-05.gif) no-repeat} #menu a:hover .a5 {background:url(/images/menu/menu-05-s.gif) no-repeat}
			#menu a .a4 {background:url(/images/menu/menu-04.gif) no-repeat} #menu a:hover .a4 {background:url(/images/menu/menu-04-s.gif) no-repeat}
			#menu a .a3 {background:url(/images/menu/menu-03.gif) no-repeat} #menu a:hover .a3 {background:url(/images/menu/menu-03-s.gif) no-repeat}
			#menu a .a2 {background:url(/images/menu/menu-02.gif) no-repeat} #menu a:hover .a2 {background:url(/images/menu/menu-02-s.gif) no-repeat}
			#menu a .a1 {background:url(/images/menu/menu-01.gif) no-repeat} #menu a:hover .a1 {background:url(/images/menu/menu-01-s.gif) no-repeat}
			
			.selectedpage{font-size:14px; background:url(/images/page1.gif) left bottom no-repeat; }
			.selectedpage span{background:url(/images/page3.gif) right bottom no-repeat;}
			.selectedpage span img{background:url(/images/page2.gif) center bottom no-repeat}

#racinet2 {border-bottom:1px solid #ccc; height:28px; margin-top:8px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}	
	#top2 {width:760px; margin:0px auto;}
		#breadc { background:url(/images/lang-fr.gif) no-repeat left 1px; padding:4px 0px 1px 24px;}
			#breadc span { background:url(/images/bul-arrow.gif) no-repeat left; padding-left:10px; padding-right:4px;}
		#research { float:right; margin-right:6px;}
			#research a input { background:url(/images/btn-go.gif) center no-repeat; border:none; width:20px;}
		

/*################################################################################################################################*/
/*############################### templates : largeur de colonnes qui varient. ###################################################*/
/*################################################################################################################################*/
/* template par défaut 511 + 249  ################################################################################################*/
/*################################################################################################################################*/
#racinet3 {width:760px; margin:0px auto;}
	#main {}
		#collaw{float:left; width:510px;border-right:1px solid #ccc; height:200px;} html > body #collaw { height:auto; min-height:200px;}
		#colla {padding:0px 10px 0px 0px;}
			#colla #liens a { padding:0px 0px 10px 0px; display:block; float:left; }
			#colla #liens .first { padding-right:10px; }
		#collb {float:right;width:240px; margin-left:9px;}
			#qdn li { background:#e8e8e8 url(/images/bul-arrowfull.gif) 14px center no-repeat;margin-bottom:1px; padding:8px 0px;padding-left:22px; }
			#qdn { margin-bottom:12px}
/*################################################################################################################################*/
/*template "menu à gauche" 184 + 576  ############################################################################################*/
/*################################################################################################################################*/
#racinet3 {width:760px; margin:0px auto;}
	#main {}
		#colla2w{float:left; width:184px;/*border-right:1px solid #ccc;*/}
		#colla2 {padding:0px 0px 0px 0px;}
			#colla2 #liens a { padding:0px 0px 10px 0px; display:block; float:left; }
			#colla2 #liens .first { padding-right:10px; }
		#collb2 {float:right;width:567px; margin-left:9px;}
			#qdn li { background:#e8e8e8 url(/images/bul-arrowfull.gif) 14px center no-repeat;margin-bottom:1px; padding:8px 0px;padding-left:22px; }
			#qdn { margin-bottom:12px}

/*################################################################################################################################*/
/*template "texte à gauche" 226 + 534  ###########################################################################################*/
/*################################################################################################################################*/
#racinet3 {width:760px; margin:0px auto;}
	#main {}
		#colla3w{float:left; width:224px;}
		#colla3 {padding:0px 10px 0px 0px;}
			#colla3 #liens a { padding:0px 0px 10px 0px; display:block; float:left; }
			#colla3 #liens .first { padding-right:10px; }
		#collb3 {float:right;width:525px; padding-left:9px;border-left:1px solid #ccc; padding-bottom:20px; height:160px} html > body #collb3 { height:auto; min-height:160px;}
			#qdn li { background:#e8e8e8 url(/images/bul-arrowfull.gif) 14px center no-repeat;margin-bottom:1px; padding:8px 0px;padding-left:22px; }
			#qdn { margin-bottom:12px}
/*################################################################################################################################*/
/*fin des template de colonnes ###################################################################################################*/
/*################################################################################################################################*/
#racinet4 { background-color:#eeeeee; border-top:1px solid #ccc; margin-top:62px; } 
#racinet4b {background:url(/images/bg-foot.gif) 1px; margin-top:2px;  }
	#foot {width:760px; margin:0px auto; font-size:9px; color:#626262;}
		#foot div {padding-left:6px; padding-right:4px; width:586px; border-right:3px solid #eee; padding-top:8px;}
		#foot div.copy {float:right; margin-top:47px; padding:5px 4px; width:auto; background:white;}
		#foot span {color:#000;}

/*################################################################################################################################*/
/* Page détaillant  ##############################################################################################################*/
/*################################################################################################################################*/

#det {}

#det li { 
	background:url(/images/bul-arrowblue-big.gif) no-repeat 6px 14px; 
	padding-left:22px;padding-bottom:10px;
	margin-left:10px;
	border-bottom:1px solid #ccc;
}
#det li h2 { }
#det li span { line-height:1.5em; }


/*################################################################################################################################*/
/* Page produits  ################################################################################################################*/
/*################################################################################################################################*/
#ficheliste{position:relative;}

#div-comparer{
position:absolute;
left:25px;
top:150px;

}

.entete{
font-size:16px;
padding:15px 0px 15px 0px; 
font-weight:bold;

}

#fichedetail { width:560px;}

	#fichedetail h1 { background:url(/images/hr.gif) no-repeat bottom left; padding-bottom:8px;}
	#fichedetail .printit {display:block; float:right;background:url(/images/print.gif) left center no-repeat; padding:4px 4px 4px 20px; text-decoration:none; color:#777;font-size:11px; font-weight:normal;}
	#fichedetail #view {width:234px; float:left;}
		#fichedetail #view a { display:block;padding:5px;}
		#fichedetail #view div { width:150px;height:150px;} html > body #fichedetail #view div { width:auto; height:auto; min-width:150px; min-height:150px;}
	#fichedetail #desc1 {padding:14px; line-height:1.5em;}
	#fichedetail #desc2 {margin-top:0px;border-top:1px solid #cccccc; padding-top:20px; line-height:1.5em;}
	#fichedetail #desc3 ul {margin-left:20px;}

	/*partie a onglet*/
	#caract {}
	#caract ul, #caract li { margin:0px; padding:0px; background:none; list-style-type:none;}
	#caract ul li { width:60px; height:29px; display:block;background:url(/images/mbtn/ong-2.gif ) bottom; float:left; } html > body #caract ul li { width:auto; min-width:60px;}
	#caract ul li a {  width:60px; height:29px; display:block;background:url(/images/mbtn/ong-1.gif) left bottom no-repeat; text-decoration:none; color:#000000;cursor:pointer;} html > body #caract ul a { width:auto; min-width:60px;}
		#caract ul li a:hover {color:#0078BC;}
	#caract ul li span{width:45px; height:21px; display:block;background:url(/images/mbtn/ong-3.gif) right bottom no-repeat; text-align:center; padding-top:8px; padding-left:15px; padding-right:10px;} html > body #caract ul span { width:auto; min-width:45px;}
	#caract ul li small {font-weight:bold; font-size:9px; white-space:nowrap}
/*selected*/#caract ul li.selected { background:url(/images/mbtn/ong-2-o.gif ) bottom;}
			#caract ul li.selected a { background:url(/images/mbtn/ong-1-o.gif) left bottom no-repeat;}
			#caract ul li.selected span{background:url(/images/mbtn/ong-3-o.gif) right bottom no-repeat;}
/*fin selected*/
	/*#caract ul li#border {width:50%; height:28px; background:none; float:right; border-bottom:1px solid #999; } html > body #caract ul li#border {}*/
	#caract #border {background:url(/images/bg-999.gif) repeat-x bottom; border:none;padding:0px; height:29px;}
	#caract div {border:1px solid #999;border-top:none; background:#eee; padding:8px;}
	#caract table {border:1px solid #d9d9d9; width:100%; background:#fff; padding:3px; }
	#caract table tr {}
		#caract table tr.bg1 {}
		#caract table tr.bg2 { background:#d3e7f2;}
	#caract table td {font-size:11px;padding:4px 0px;}
		#caract table td.td1 {color:#305369;width:160px; text-align:right; vertical-align:top; }
		#caract table td.td2 {color:#333333; vertical-align:top; padding-left:30px;text-align:left}


/*################################################################################################################################*/
/* Page comparer  ################################################################################################################*/
/*################################################################################################################################*/

#compare {}
#compare table { width:100%;color:#485056}
#compare table tr { }
#compare table tr td {padding:4px; border-left:2px solid #fff; text-align:center; }
#compare table tr th {padding:4px; border-left:2px solid #fff; text-align:left; padding-right:10px; width:20%;}
#compare table tr.titre {}
	#compare table tr.titre td { text-align:center; font-weight:bold}
	#compare table tr.titre th { text-align:right; font-weight:bold}
#compare table tr.pair { }
	#compare table tr.pair td {background-color:#EDF3FE}
	#compare table tr.pair th {background-color:#EDF3FE}
#compare table tr.impair {}
	#compare table tr.impair td {}
	#compare table tr.impair th {}
#compare table tr.pairdif { }
	#compare table tr.pairdif td {background-color:#F3DAC2}
	#compare table tr.pairdif th {background-color:#F3DAC2}
#compare table tr.impairdif { }
	#compare table tr.impairdif td {background-color:#E8B98A}
	#compare table tr.impairdif th {background-color:#E8B98A}
	
	#compare table div.img { width:100%; height:75px;}
		
		
/*################################################################################################################################*/
/* Page recherche  ###############################################################################################################*/
/*################################################################################################################################*/


#advSearch {}

.searchCat .header {margin-top:10px; margin-bottom:10px; 
					background: #1d6cb1 url(/images/bg-h3.jpg) 0px -2px repeat-y; padding: 4px 4px 4px 14px; 
					color:#FFFFFF; font-size:105%;}

.header .titre { float:left; font-weight:bold}

.searchCat .result { float:right;}


.searchCat .titre {font-weight: bold;}
.searchCat .titre em {font-weight: normal;}
.searchCat .sommaire {margin:10px;margin-top:3px; margin-bottom:20px;}

.rowTrue {margin-left:10px; padding:3px;}
.rowFalse {margin-left:10px; background-color:#EEEEEE; padding:3px;}

#ResultSearch {
	margin-top:20px;
	width:100%;
	text-align:center;
	color:#666666;
	padding-bottom:5px;
	border-top:1px dotted #999999;
	padding-top:5px;

}

.filtertab ul { list-style-type:none; padding:0px; margin:0px; margin-top:20px;}
.filtertab li { padding:3px 0px 3px 20px; margin:0px; margin-left:24px; background:url(/images/icones/arrow_up.gif) left no-repeat;}


/*##################################################
				Gestion des erreurs
####################################################*/
div#publicerror, div#publicerrorErr{
	color:#FF0000;
}

.scat{
Height:90px;
padding-left:100px;
background-position: 0px 0px;
background-repeat:no-repeat;
cursor:pointer;
}
.scat .nomsection{
font-size:16px;
font-weight:bold;
Font-family:arial;
padding-top:4px;
}


#lesprod li
{
margin-top:3px;
margin-bottom:4px;
list-style-image:none;
list-style-type:none;
}