html{
overflow-y: scroll;
}

body {
	height: 100%;
	margin: 0px;
	background: url(image/site/fond_ombre.jpg) top center repeat-y fixed;
	font-family: "Trebuchet MS", Verdana;
}
.bglogin {
	background-image: url(images/site/bg_login.gif);
	background-repeat: no-repeat;
	width: 637px;
	height: 229px;
	margin-top: 15px;
}
.alignR {
	text-align: right;
	font-weight: bold;
}
.smalltype {
	font-size: 0.7em;
	color: #999999;
}
.banntop {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	text-align: center;
	display: block;
}
.bglogin a:link {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
.bglogin a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
.bglogin a:hover {
	text-decoration: none;
	font-weight: bold;
	color: red;
}
.bglogin a:active {
	text-decoration: none;
	font-weight: bold;
	color: red;
}
a.pagelinkmenutop {
	text-decoration: none;
	font-family:Verdana;
	font-size:0.6em;
	color: #FFFFFF;
	font-weight: bold;
}
a.pagelinkmenutop:hover {
	color: #FF0000;
}
h1 {
	font-size: 1.5em;
}
.centre {
	text-align: center;
	background-color: #FFFFFF;
	width: 800px;
}
.colG {
	background-image: url(image/site/colG.gif);
	background-repeat: no-repeat;
	width: 102px;
}
.colD {
	background-image: url(image/site/icolD.gif);
	background-repeat: no-repeat;
	width: 102px;
}
.main {
	width: 100%;
	height: 95%;
}
.piedpage {
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
	width: 100%;
	font-size: 0.8em;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(image/site/bg-piedpage.gif);
	background-repeat: repeat-x;
}
.topmenu img {
	border: none;
}

.grilleCDE {
	background-image: url(image/site/bg_grille_top.gif);
	background-repeat: no-repeat;
}
.grilleCDE2 {
	background-image: url(image/site/bg_grille_top2.gif);
	background-repeat: no-repeat;
}
h6 {
	font-size: 1em;
	font-weight: normal;
	color: #666666;
	margin: 2px;
}
.prodname {
	/*background-image: url(image/site/bg_prodname.gif);
	background-repeat: no-repeat;*/
	width: 325px;
	height: 25px;
	font-weight: bold;
	color: #717268;
}
.grilletable {
	border: 1px solid #666666;
	height: auto;
}
table {
border-collapse: collapse;
}
th {
	background-image: url(image/site/bg_th.gif);
	background-repeat: repeat-x;
}

.grilletable td {
	border: 1px solid #959585;
}
.grilletable h6 {
	font-size: 0.8em;
	color: #333333;
}
.grilletable th {
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	border-top: solid 1px #959585;
	border-right: solid 1px #959585;
	border-bottom: solid 1px #65655B;
	border-left: solid 1px #959585;
}
.grilletable input {
	border: 1px solid #666666;
	font-size: .8em;
}
h4 {
	font-size: 0.9em;
	font-weight: bold;
	color: #FF0000;
}
.shortdesc {
	font-size: 0.8em;
}
.shortdescbg {
	width: 615px;
	height: 110px;
	/*background-image: url(image/site/bg_desc_prod2.gif);
	background-repeat: no-repeat;*/
}

.grilletable select {
	background-color: #E0E1CF;
	border: 1px solid #666666;
}
.bot {
	background-image: url(image/site/bg_grille_bot.gif);
	background-repeat: no-repeat;
	color: #0099CC;
	height: 85px;
	background-position: center bottom;
}
.bot2 {
	background-image: url(image/site/bg_grille_bot2.gif);
	background-repeat: no-repeat;
	color: #0099CC;
	height: 85px;
	background-position: center bottom;
}
.addcart {
	text-decoration: none;
}
.addcart a:link {
	font-weight: bold;
	color: #666633;
	font-size: .9px;
}
.addcart a:visited {
	font-weight: bold;
	color: #666633;
	font-size: .9px;
}
.addcart a:hover {
	font-weight: bold;
	color: #666633;
	font-size: .9px;
}
.addcart a:active {
	font-weight: bold;
	color: #666633;
	font-size: .9px;
}
a img {
	border: none;
}
.descleft {
	font-size: .9em;
}
.bordone {
	border: 1px solid #6F7263;
}
.longdesc {
	font-size: 0.9em;
	width: 225px;
	background-color: #FFFFFF;
}
.longdescFill {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 0.9em;
}
.longdescBot {
	background-image: url(image/site/bg_longdesc_bot.gif);
	background-repeat: no-repeat;
	width: 225px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-position: bottom;
	font-size: 0.9em;
}
.longdescCom {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
	color: #74532D;
}
.topLongdesc {

	background-image: url(image/site/bg_grille_top_longdesc.gif);
	background-repeat: no-repeat;
}
h2 {
	color: #336699;
	border-bottom-color: #336699;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.legende {
	font-size: 0.8em;
	background-image: url(image/site/bg_legend.gif);
	background-repeat: repeat-x;
	padding: 3px;
	border: solid 1px #626D7C;
}
.recherche {
	font-size: 0.8em;
	padding: 3px;
	border: solid 1px #626D7C;
}
.pansup {
	font-size: 0.8em;
	height: 380px;
	width: 380px;
	text-align: center;
	padding-top: 50px;
}
.bgpopup {
	background-image: url(image/site/bg_popups.gif);
	background-repeat: no-repeat;
	font-size: 0.8em;
}
.bgcolortest {
	background-color: #FFFF00;
}
.pad15 {
	padding-left: 15px;
}
.closewin {
	font-size: 1em;
	color: #FFFFFF;
	text-align: center;
}
.selectbleu {
     color:#000033;
     background-color:#F0F0FF;
     font-size:11px;
     font-family:arial;
	 width:100px;
}
.input_pro {
     color:#000033;
     background-color:#F0F0FF;
     font-size:11px;
     font-family:arial;
}
.dropmenu {
	font-size: .8em;
}
.statutComm {
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
}
.bgtd {
	background-image: url(image/site/bg_td.gif);
	background-repeat: repeat-x;
}
.bgtd2 {

	background-image: url(image/site/bg_td2.gif);
	background-repeat: repeat-x;
}
.longdescFillB {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: .9em;
}
hr {
}
.rouge {
	font-weight: bold;
	color: #FF0000;
}
.ajcli {
	font-size: 0.8em;
	background-repeat: no-repeat;
	background-image: url(image/site/bg_ajcli.gif);
	padding-top: 85px;
	padding-right: 5px;
	padding-left: 5px;
}
.ajcli td {
	font-size: .9em;
	height: 20px;
}
.ajcli h6 {
	font-weight: bold;
	color: #B70000;
	margin-bottom: 2px;
	padding-bottom: 2px;
}
.ajcli p {
	text-indent: 1.2em;
}
.submit{
     border:none;
     color:#fff;
     background: transparent url('image/site/bouton_valider_on.gif') no-repeat top left;
     width:85px;
     height:21px;
}
.rechercher{
     border:none;
     color:#fff;
     background: transparent url('image/site/rechercher_off.gif') no-repeat top left;
     width:85px;
     height:21px;
}
.selection{
     border:none;
     color:#fff;
     background: transparent url('image/site/selectionnez_off.gif') no-repeat top left;
     width:85px;
     height:21px;
}
.recherchervert{
     border:none;
     color:#fff;
     background: transparent url('image/site/bouton_rechercher_ech_on.gif') no-repeat top left;
     width:85px;
     height:21px;
}
form{margin:0px;}
a.pagelink {
	text-decoration: none;
	font-family:Verdana;
	font-size:12px;
	color: #0000FF;
}
a.pagelink:hover {
	color: #FF0000;
}
a.pagelinkgrand {
	text-decoration: none;
	font-family:Verdana;
	font-size:12px;
	color: #0000FF;
}
a.pagelinkgrand:hover {
	color: #FF0000;
}
a.info{
    position:relative; 
    z-index:24;
    color:#000;
    text-decoration:none
	}
a.info:hover{z-index:25;border:0;}
a.info span{display: none}
a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 	display:block; 
 	position:absolute;
    top:4em; left:-37.5em; width:55em;
    border:2px solid #FFEEDF;
    background-color:#FFEEDF;
    font-size:0.8em;
    }
a.pagelink {
	text-decoration: none;
	font-family:Verdana;
	font-size:0.7em;
	color: #333333;
}
a.pagelink:hover {
	color: #FF0000;
}
a.pagelinkpanier {
	text-decoration: none;
	font-family:Verdana;
	font-size:0.7em;
	color: #FFFFFF;
}
a.pagelinkpanier:hover {
	color: #FF0000;
}
a.pagelinkmenu {
	text-decoration: none;
	font-family:Verdana;
	font-size:0.7em;
	color: #5fa9cc;
}
a.pagelinkmenu:hover {
	color: #5eacd1;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
a.pagelinknews {
	text-decoration: none;
	font-family:Verdana;
	font-size:1em;
	color: #0000FF;
}
a.pagelinknews:hover {
	color: #FF0000;
}
.tabover {background-color: #FF9475; } 

a.info3{
    position:relative; 
    z-index:24;
    color:#000;
    text-decoration:none}

a.info3:hover{z-index:25;border:0;}

a.info3 span{display: none}

a.info3:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:4em; left:-20em; width:55em;
    border:2px solid #FFEEDF;
    background-color:#FFEEDF;
    font-size:14px;  
    }
A.pagelink_cocher {
	text-decoration: none;
	font-family:Verdana;
	font-size:11px;
	color: #0000FF;
}
A.pagelink_cocher:hover {
	color: #FF0000;
}
.select_ech {
     color:#000033;
     background-color:#F2FFF5;
     font-size:11px;
     font-family:arial;
}
A.pagelinkdetail {
	text-decoration: none;
	font-family:Verdana;
	font-size:11px;
	color: #000099;
}
A.pagelinkdetail:hover {
	color: #FF0000;
}A.apercu {
	text-decoration: none;
	border-bottom: 1px #333333 dashed;
	font-family:Verdana;
	font-size:11px;
	color: #333333;
}
A.apercu:hover {
	color: #333333;
}
span.texte {
	text-decoration: none;
	border-bottom: 1px #333333;
	font-family:Verdana;
	font-size:11px;
	color: #333333;
}
span.texte_majo {
	text-decoration: none;
	border-bottom: 1px #333333;
	font-family:Verdana;
	font-size:9px;
	color: #333333;
}
.submitmodifcde{
     border:none;
     color:#fff;
     background: transparent url('image/site/valid_modif_off.gif') no-repeat top left;
     width:217px;
     height:50px;
}
/* CSS du menu horizontal, bieler batiste */

.menu{
    position:relative;
    display:block;
    margin:0;
    padding:0;
    width:670px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:130px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

/*.menu li li ul{
    position:absolute;
    margin-left:600px;
    margin-top:-200px;
    }*/
    
.menu li{
    list-style:none;
    width:130px;
    height:28px;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
	font-weight: bold;
    background-color: #B9B9B9;
    border:1px #FFFFFF solid;
    color:#104EB4;
    display:block;
    width:130px;
    text-decoration:none;
    padding:5px 0;
    margin:0px;
    }
    
.menu a:hover{
    background-color: #CCCCCC;
    border:1px #FFFFFF solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #FFFFFF;
}

a.linkOver{
    background-color: #B9B9B9;
    }