﻿html {overflow-y: scroll;}
body {
	margin: 0px;
	padding: 0px;

/*background-image:url(img/fd_soldes.jpg);
	background-attachment: fixed;*/
}


/* 06/09/2011 Lien de couleur */

a.bleuduck { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4DA3B4; text-decoration: underline; }
a.bleuduck:hover { text-decoration: none;}

.prix { color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold}


a.ckdo{padding: 2px;background-color: #BF0000; color:#FFF; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.ckdo:hover{background-color: #000; color:#fff; }


#changecolor {padding-top:3px;padding-right:5px;padding-bottom:3px;padding-left:5px;}
#changecolor:hover{background-color:#4DA3B4; color: #fff;}

#changebout {padding:8px; color: #000;}
#changebout:hover{background-color:#4DA3B4; color: #fff;}

td { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; }

a { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:none; outline: none;}


.load { background : transparent url("../img/T_loading3.gif") no-repeat; height : 352px; width : 400px; margin : 0 auto; display : block; }

#affcritere { width: 150px;height: 75px; overflow: auto; visibility: visible; margin-bottom: 10px; }
#aff100critere { width: 100px;height: 75px; overflow: auto; visibility: visible; margin-bottom: 10px; }
#azerty { width: 740px; height: 25px; background: #E4E4E4; margin-left: 20px; margin-right: 20px; padding-top: 12px;}
#help { width: auto; height: auto; padding: 5px; background: #EFEFEF; }


/*Affiche du descriptif page article */
a.info{
    padding: 5px 5px 5px 5px;
    position:relative; 
    z-index:24;
    background-color: #E5E5E5;
    color:#000000;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif; font-size: 11px;
    /*border:1px solid #32CCFE;*/
}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ 
 display:block; 
 cursor: text;
 line-height: 15px;
 position:absolute;
 /*top:2em;*/
  left: 0px;
   width:230px;
 /*border:1px solid #6699cc;*/
 background-color: #E5E5E5; 
 color:#00000;
 text-align: left;
 font-weight:none;
 margin-top: 0px;
 padding:5px;
 /*border:1px solid #32CCFE;*/
}

select#taille {padding:5px; border:1px solid #333; background-color:#FFF; font-size:11px; font-family: arial, Helvetica, sans-serif; color:#000; }
select#Sceinture {padding:5px; border:1px solid #333; background-color:#FFF; font-size:11px; font-family: arial, Helvetice, sans-serif; color:#000; }
select#ref {padding:1px; border:1px solid #333; background-color:#FFF; font-size:10px; font-family: Arial, Geneva, sans-serif; color:#000; }

.fichedelais {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.ficheprix {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}

a.menu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: none; font-weight: bold; outline: none;}
a.menu:hover { color: #4DA3B4;}

a.menusimple { font-family: Arial,Helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: none; outline: none; font-weight: bold;}
a.menusimple:hover { color: #4DA3B4;}

a.menubas { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-decoration: none; outline: none; }
a.menubas:hover { color: #4DA3B4;}

.InputEmail{border:1px solid #000; padding:3px;font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}

.InputEmailErase{border:1px solid #000; padding:5px;font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#000000;}

.txtblanc {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
.txt {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000;}
.txtref {font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#000;}
.txtrouge {font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #BF0000;}
.txtnorm { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#000;font-weight: normal }



a.moteurech { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-decoration: none; outline: none;}
a.moteurech:hover { color: #4DA3B4;}

a.blanco { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-decoration: underline; outline: none;}
a.blanco:hover { text-decoration: none;Font-Weight: Bold }


.txtmoteurech { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }

.titre {font-family: Arial, Helvetica, sans-serif; font-size: 12x; color: #000; font-weight: bold;}

.txtgrand {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}

.titreboutique {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000; font-weight: bold;}

.txtboutique {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}

.bigtitre {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000; font-weight: bold;}

.megatitre {font-family: Arial, Helvetica, sans-serif; font-size: 25px; color: #000; font-weight: bold;}

.update_button {cursor: hand; Border:none; color:#FFFFFF; background: transparent url('img/1.jpg') no-repeat top left; width:167px; height:30px; font-family: Arial, Helvetica, sans-serif; font-size:11px; }

.inputcpte {padding:5px; border:1px solid #333; background-color:#FFF; font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#000;}

#cache {
	position:absolute;
	top:0px; 
	z-index:2; 
	visibility:hidden;
	filter:alpha(opacity=80);
	  -moz-opacity: 0.8;
	  opacity: 0.8;
	width:100%; 
	height:100%; 
	min-height:100%;
	background-image:url(img/fd_cache.gif);
	background-repeat:repeat;
	background-color:#333333;
	margin-left:0px;
	margin-right:0px;
	left:0px;
	right:0px;
	}
#msg{
	position:absolute;
  	width:452px; 
	z-index:50;
	visibility:hidden;
	border:2px solid #333333;
	background-color:#FFFFFF;
	margin-top:-160px;
	margin-left:-500px;
   	}

a.home{padding: 5px; background-color: #fff; color:#000; text-decoration:none; font-family: Arial, Hevetica, sans-serif; font-size: 11px;}
a.home:hover{background-color: #4DA3B4; color:#ffffff; }

a.guidetaille{padding: 5px 5px 5px 5px;background-color: #E5E5E5; color:#000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.guidetaille:hover{background-color: #000000; color:#ffffff; }

a.MenuCompte{padding: 5px 5px 5px 5px;background-color: #4DA3B4; color:#FFF; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.MenuCompte:hover{background-color: #000; color:#fff; }

.traitpointille {width: auto; height: 0px; BORDER-BOTTOM: #000 1px dotted; padding: 0px; margin: 0px;}

.txtpetit { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000; }

a.myguide{padding: 5px 5px 5px 5px;background-color: #000; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.myguide:hover{background-color: #E5E5E5; color:#000; }

a.lienfamillebas{padding: 3px 3px 3px 3px; color:#000; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.lienfamillebas:hover{background-color: #4DA3B4; color:#ffffff; }


a.flag { padding: 1px; background-color: #fff}



#_menu { padding: 5px; Border: 1px Solid #fff; cursor:pointer; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; outline: none; Font-Weight: Bold;}
#_menu:hover {  Border: 1px Solid #fff; background:#000; color: #FFF}

#_menuchoisi { padding: 5px; Border: 1px Solid #fff; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; Background: #000; text-decoration:none; outline: none; Font-Weight: Bold;}

#_menu2 { padding: 5px; Border: 1px Solid #fff; cursor:pointer; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#4DA3B4; text-decoration:none; outline: none; Font-Weight: Bold}
#_menu2:hover {  Border: 1px Solid #fff; background: #4DA3B4; color: #FFF}

#_menu3 { padding: 3px; Border: 1px Solid #fff; cursor:pointer; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none; outline: none;}
#_menu3:hover {  Border: 1px Solid #fff; background:#666; color: #fff}

#masterdiv { margin-left: 10px; width: 160px;}
.menutitle { padding: 5px; Border: 1px Solid #fff; cursor:pointer; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; outline: none; Font-Weight: Bold}
.menutitle:hover {  Border: 1px Solid #fff;background:#000; color: #FFF}

.submenu{
	Margin-Left: 10px;
	font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666	}


/* 05/08/2011*/
.colmenubas {
	width: 20%;
	float:left;
	margin: 0px;
	padding-top: 10px; 
	padding-bottom: 10px;
	text-align: left; 
	line-height: 18px;
}
.spacer { clear: both }

.barrehautpage {margin-top: 10px; padding-top: 7px; width: auto; height: 23px; background: #E9E9E9; text-align: left;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; }


/* 08-08-2011 haut.asp */


/* 09-08-2011 Ossature de la page avec cadre */
#menudegauche { float: left; width: 180px; }
#contenu-wrap {  float: right; margin-left: -180px; width: 100%; }
#contenu { margin-left: 180px; }
#contenucentrer { margin-left: auto; margin-right: auto; width: 800px; }

/* 09-08-2011 INFOBULLE NOIR */
.balloonstyle{
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border:1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px ;
	line-height: 18px;
	z-index: 100;
	background-color: white;
	width: 200px;
}

#arrowhead{
	z-index: 99;
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;
}


/* 18-08-2011 Page sur fond noir pleine page(avec js/CalqueNoir.js) */
.frame {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	background-image: url('js/gris.png') 
}

/* 31.08.2011 > page livraison-new.asp */
.title {width:310px; text-align:center; background-color:#4DA3B4; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px; font-weight:bold; }
div#l1{ float:left; width:400px; height:auto;}
div#l2{ float:left; width:400px; heihgt:auto;}
.divgris { background-color:#E9E9E9; padding:5px; width:360px;}
.texte11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.texte12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.texte12bleuvert{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4DA3B4; }
.select {padding:5px; font-size:11px; border:1px solid #333; font-family:Arial, Helvetica, sans-serif; }
.diverror {padding:5px; color:#F00; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
