/* custom stuff */

html {

  
  scrollbar-face-color:#FF9900;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-3dlight-color:#FFFFFF; 
scrollbar-darkshadow-color:#FFFFFF; 
 scrollbar-shadow-color:#FFFFFF; 
  scrollbar-arrow-color:#FFFFFF; 
scrollbar-track-color:#FFFFFF;

}

form {
  margin: 0;
  padding: 0;
}

body {



    margin: 0px;
    background-color: #FFFFFF;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    color: #000000;
}
text_normal{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    color:#666666;
}
text_barre_small{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    color: #000000;
}


a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	text-decoration:none;
	font-weight:normal;
	 font-size: 11px;
}
a.grand:link, a.grand:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	text-decoration:none;
	font-weight: bold;
	 font-size: 13px;
}
a.grand2:link, a.grand2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#009FFF;
	text-decoration:none;
	font-weight: bold;
	 font-size: 13px;
}
a.grand2:hover {

	color:#FF9900;

}
a:hover {
	color: #FF9900;	
	text-decoration: none;
}
a.grand:hover {
	color: #FF9900;	
	text-decoration: none;
	font-weight: bold;
}
p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: left;
}

div, p,  table, td, th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666;	
}

fieldset {
	border: 1px solid #d2d8de;
}

#wrapper div, #wrapper p, #wrapper table, #wrapper td, #wrapper th {
	text-align: left;
}


span.pathway {
	padding-left: 10px;
	color: #394048;
}


div.componentheading, .contentheading {
  height:15px;
  background-color:#d5d7da;
  width:540px!important;
  color:#707070;
  font-size:11px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-left:5px;
   
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #FF6600;
}


a.readon {
	margin-top: 10px;
	padding-right: 10px;
	line-height: 14px;
	height: 16px;
}

h1 {
	font-size: 1.7em;
	font-weight: bold;
	vertical-align: bottom;
	color: #212121;
	text-align: left;
	width: 100%;	
	margin: 0;
}

.slogan {
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: bottom;
	color:#00b9de;
	text-align: left;
	width: 100%;	
	margin: 0;
}


.logo { margin: 0; }



h3 { 
	margin: 0;
}

h4 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FF6600;
}
.titre_browse {
padding-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}
.componentheading, #mainbody h3 {
	margin: 0;
	margin-bottom: 10px;
}

#mainbody h3 {
	line-height: 140%;
	height: 140%;
	padding: 0;
	text-indent: 0;
}

.center { margin: 20px 0 5px 0; }

table.blog td.contentheading {

}

table.contenttoc {
  margin: 5px;
  
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


td.buttonheading {
	
}

td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
 }

tr.sectiontableentry1 td, tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry1, td.sectiontableentry2{
  padding: 3px;
}

table.contentpaneopen, table.contentpane {
  width:100%;
}

div.moduletable h3 {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:160px!important;
height:22px;
font-size:14px;
line-height:18px;
background-color:#FF6600;
margin-bottom:5px;
padding-left:5px;
}
div.moduletable-marques h3{


color:#009fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
width:160px!important;
height:13px;
font-size:11px;
margin-top:8px;
padding-left:11px;
padding-bottom:3px;
}
div.moduletable-styles h3{


color:#009fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
width:160px!important;
height:13px;
font-size:11px;
margin-top:8px;
padding-left:11px;
padding-bottom:3px;
}
div.moduletable-styles{

padding-bottom:8px;
}

div.moduletable-d h3 {
color:#FF9900;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:160px!important;
height:22px;
font-size:14px;
line-height:18px;
background-color:#fbe8ae;
}



.modborder{
border:#FED678 1px solid;
}

div.moduletable-d {

border-bottom:#fbe8ae 5px solid;
border-left:#fbe8ae 5px solid;
border-right:#fbe8ae 5px solid;
}


div.moduletable-tg h3 {

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:160px!important;
margin-bottom:5px;
padding-left:3px;



  font-size         : 12px;
  text-align        : left;
  height            : 16px;
  line-height       : 16px;
  text-indent       : 8px;
  letter-spacing    : 1px;
  color             : #FFF;
  background-image  : url(../images/modul.png);
      border-left: 1px solid #000000;
	border-right: 1px solid #000000;



}
div.moduletable-t h3 {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:160px!important;
height:22px;
font-size:14px;
line-height:18px;
padding-left:0px;
background-color:#FF6600;
margin-bottom:5px;
padding-left:5px;
}
div.moduletable-td h3 {

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:160px!important;
margin-bottom:5px;
padding-left:3px;




  font-size         : 12px;
  text-align        : left;
  height            : 16px;
  line-height       : 16px;
  text-indent       : 8px;
  letter-spacing    : 1px;
  color             : #FFF;
  background-image  : url(../images/modul.png);
      border-left: 1px solid #000000;
	border-right: 1px solid #000000;



}



.moduletable-top {
padding:0px!important;
margin:0px!important;

}
div.moduletable-top {
color:#FFFFFF;
}

#leftnav {
	
width:160px!important;
padding:0px!important;
margin-left:5px!important;
}

#leftnav div.moduletable h3 {
	

width:160px!important;
}


#leftnav div.moduletable {
	margin: 0px 0px 0px 0px;
}
#leftnav div.moduletable-tg {
	margin-bottom:8px;
}

#leftnav ul {
	padding-left: 0;
	margin-left: 12px;
}

#leftnav li {
	margin-bottom: 5px;
}

div.moduletable {
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.moduletable-td {
	margin-bottom: 10px;
}

$div.moduletable-d {
border-bottom::#ff9900 1px solid;
border-left:#ff9900 1px solid;
border-right:#ff9900 1px solid;
margin-top:10px;
margin-bottom:5px;
margin-left:5px;
margin-right:0px;
height:auto
}
$div.moduletable-tg {

	
font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
}


.small {
	font-size: 10px;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: 10px;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: 10px;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

.clr {
	clear: both;
}
#banner { clear: both; background: #fff url(../images/bannerbg.png) repeat-x top left; height: 2px; margin: -5px 0 20px 0; padding: 0; } 

#page_bg {
	padding: 0;
	margin-bottom: 1px;

}

div.mosimage {
  margin: 5px;
}

div.mosimage_caption {
  font-size: 10px;
  color: #666;
}

table.adminform textarea {
  width: 400px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input {
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0;
	
}

/** some content stuff **/
div#wrapper {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	min-width: 910px;
	max-width: 910px;
	width: expression(document.body.clientWidth > 910? "910px": "auto" );
	
}


#topnav { float: left; text-align: left; }

/** tab menu stuff **/
#topnav ul {
		
	list-style: none;
}

#topnav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#topnav li a {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #005570;
	background: #fff;
	float:left;
	display:block;
	padding: 0 20px;
	margin: 0 0 0 2px;
	line-height: 28px;
	text-decoration: none;

        
}
#topnav li a:hover {

color:#FF6600;
        
}


#topnav a:hover {
color:#FF6600;
 }

div#mainbody { 
	padding:0px!important;
	width:542px!important;
}
hi{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;

	color:#009fff;

}

#pathway{
	border-bottom: 1px solid #C5C5C5;
	padding-top: 5px;
	height: 23px;
	margin: 0 10px 0 10px;
}

#leftnav ul.submenu, #leftnav ul.submenu ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

#leftnav ul.submenu li {
	background: none;
	padding: 0;
	margin: 0;
}

#leftnav ul.submenu ul li {
	text-indent: 10px;
}

#leftnav ul.submenu ul li {
	text-indent: 20px;
}

#leftnav ul.submenu ul ul li {
	text-indent: 30px;
}

#leftnav ul.submenu ul ul ul li {
	text-indent: 40px;
}

#leftnav ul.submenu ul ul ul ul li {
	text-indent: 50px;
}

#newsflash { border: 1px solid #C5C5C5; background: #fff; padding: 10px 5px 0 5px; margin: 0 0 15px 0; }

.right { width: 160px!important; padding:0px!important; margin:0px!important}

ul.submenu a:link, ul.submenu a:visited {
	display: block;
	width: 147px;
	padding-right: 15px;
	padding-bottom: 5px;
}

ul.submenu a:hover {
	background-position: 100% -53px;
	text-decoration: none;
}

a.mainlevel:link, a.mainlevel:visited {

		font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	font-size:9px
	
	
}
a.mainlevel-top:link, a.mainlevel-top:visited {

		font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	font-size:9px
	
	
}

a.mainlevel-2:link, a.mainlevel-2:visited{
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	background: #fff;
	float:left;
	display:block;
	padding: 0 5px;
	margin: 0 0 0 2px;
	line-height: 20px;
	text-decoration: none;
padding-left:6px;
	cursor:pointer;
	cursor:hand;
}
a.mainlevel-2:hover{
color:#FF6600;
}
a.mainlevel-top:hover{
color:#FF6600;
}
a.mainlevel:hover {
	background-position: 100% -53px;
	text-decoration: none;	
	color:#FF6600;
}

div#footer {
	clear: both;
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	color: #005570;
	border-top: 0px dotted #FF6600;
}

div#footer p { color: #005570;}


div#topmodule {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 80px;
	overflow: hidden;
}

div#quote {
	padding-top: 10px;
	margin-right: 10px;
	text-align: left;
	float: right;
	width: 455px !Important;
	width: 435px;
}

div#quote td {
	text-align: left;
}

table.menublock {
	margin: 0 15px;
}

td.summary {
	background: #eef3f9;
	padding: 5px;
	padding-left: 10px;
} 

td.latestnews {
	background: #eef3f9;
	padding: 5px;
}


/* some page content things */

table.blog span.article_seperator {
	display: block;
	height: 20px;
}

table.nopad {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

table.nopad td.middle_pad {
	width: 20px;
}

body.contentpane {
	background: #fff;
}
.button {
font-family:Arial, Helvetica, sans-serif;
	padding:0px!important;
  font-size         : 11px;
  color             : #666666;
  background-color	: #FFF;
  border            : 1px solid #DADDD0;
  margin-bottom     : 0px;
  background-image  : url(../images/but.gif);

	}
SELECT.sortBy {
    width: 83px;
  
    font-size: 9px;
    border: 1px #A5ACB2 solid;
}
.inputbox {
	font-size:11px;
	border:1px solid #aaa;
	background:#FFF;
	}
	
a.produit:link, a.produit:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#009fff;
	text-decoration:none;
	font-weight: bold;
	 font-size: 14px;
}
a.produit:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#009fff;
	text-decoration:underline;
	font-weight: bold;
	 font-size: 14px;
}
.produit {
	font-family: Arial, Helvetica, sans-serif;
	color:#009fff;
	text-decoration:none;
	font-weight: bold;
	 font-size: 14px;
}
.prixstd{
	font-family: Arial, Helvetica, sans-serif;
	color:#FF9900;
	font-weight: bold;
	 font-size: 14px;

}
.prixreduit{
	font-family: Arial, Helvetica, sans-serif;
	color:#FF9900;
	font-weight: bold;
	 font-size: 14px;}
.prixreduitbarre{
	font-family: Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight: bold;
	 font-size: 12px;}
	 
	 .titre_produit{
	 color: #009fff;
	 font:Arial, Helvetica, sans-serif;
	 font-size:14px!important;
	 font-weight:bold;
	 }
	 
	 a.shoppag:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#009fff;
	text-decoration:underline;
	font-weight: bold;
	 font-size: 11px;
}	 a.shoppag:link, a.shoppag:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#009fff;
	text-decoration:none;
	font-weight: bold;
	 font-size: 11px;
}
 a.shoppag2:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009fff;
	text-decoration:underline;
	font-weight: bold;
	 font-size: 11px;
}	 a.shoppag2:link, a.shoppag2:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009fff;
	text-decoration:none;
	font-weight: bold;
	 font-size: 11px;
}
 .hi {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009fff;
	font-weight: bold;
	 font-size: 11px;}
	.sublevel-top{font-size:9px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;} 
a.sublevel-top:link, a.sublevel-top:hover, a.sublevel-top:visited{font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
a.sublevel-menubot:link, a.sublevel-menubot:hover, a.sublevel-menubot:visited{font-size:11px; font-family:Arial, Helvetica, sans-serif;}

a.info{
    z-index:1;
    text-decoration:none}

a.info:hover{z-index:1;}

a.info span{display: none}



a.info:hover span{ /*the span will display just on :hover state*/
	border:#333333 1px solid;
	position:relative;
	right:10px;
	  position:absolute; 
  left:-390px; 
  top:0px; 
  z-index:1; 
    }
	table.popup_mod
{
width:360px;
height:83px;
border:#f2f2f2 0px solid;
}
 a.tous {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009fff;
	font-weight: bold;
	 font-size: 11px;}
	  a.tous:hover {
	color:#FF9900}
	a.menu_bottom{font-size:11px;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
	a.menu_bottom:hover{ color:#FFFFFF}
	
.moduletable-bottom h3{

  height:15px;
  background-color:#d5d7da;
  width:535px!important;
  color:#ff6600!important;
  font-size:11px!important;
  font-weight:bold!important;
  font-family:Verdana, Arial, Helvetica, sans-serif!important;
  padding-left:5px!important;
}
div.moduletable-bottom {

width:540px!important;
color:#ff9900;
  font-size:11px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  margin-top:0px!important;
  padding-top:0px!important;
  margin-left:0px!important;
  padding-left:0px!important;
  margin-left:2px!important
}

.cadre, .contentpane-cadre {
border:#f2f2f2 2px solid;
padding:8px!important;
width:540px!important;
}
a.pagenav2:link, a.pagenav2, a.pagenav2:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#0099ff; font-weight:normal}
a.pagenav2:hover{color:#ff9900;}
.pageact{color:#ff9900; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

.imgpage_start{ width:9px; left:9px; background-image:url(/fr/images/M_images/prev2.png)}
.imgpage_start:hover{ width:9px; left:9px; background-image:url(/fr/images/M_images/prev2o.png)}
.imgpage_prev{ width:9px; left:9px; background-image:url(/fr/images/M_images/prev.png)}
.imgpage_prev:hover{ width:9px; left:9px; background-image:url(/fr/images/M_images/prevo.png)}
.imgpage_next{ width:9px; left:9px; background-image:url(/fr/images/M_images/next.png)}
.imgpage_next:hover{ width:9px; left:9px; background-image:url(/fr/images/M_images/nexto.png)}
.imgpage_end{ width:9px; left:9px; background-image:url(/fr/images/M_images/next2.png)}
.imgpage_end:hover{ width:9px; left:9px; background-image:url(/fr/images/M_images/next2o.png)}
.false_fiel{ color:#FF0000;}