body {
	background-image:url(/images/fd_site.gif);
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;}
#header {
	margin:auto;
	width: 990px;
	margin-top: 0px;
	padding: 2px 0px 0px 0px;}
.date {
	 font-weight: normal;
	 font-size: 14px;
	 color: #0b78c4;
	 margin: 8px 0px 8px 0px;
	 padding: 0px;}
 .titactus {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #cc3300;
	font-variant:small-caps;
	line-height:25px;}
	
#visuelRub {
 float: right;
 background-color: #0B78C4;
 background-image: url("/images/fd_visuel.gif");
 background-position: 100% 100%;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 8px 15px;}

#visuelRub .photo {
 border: 1px solid #0B78C4;}

#visuelRub p {
 vertical-align: middle;
 color: #FFF;
 font-size: 11px;
 font-weight: bold;
 padding: 2px 6px 2px 6px;
 margin: 0px;}

#visuelRub a, #visuelRub a:link, #visuelRub a:active, #visuelRub a:visited {
 display: block;
 vertical-align: middle;
 color: #FFFfff;
 font-size: 10px;
 font-weight: bold;
 padding: 2px 0px 4px 6px;
 margin: 0px 0px 0px 0px;
 text-decoration: underline;
 background-image: url("/images/puce_blanche.gif");
 background-position: 0% 6px;
 background-repeat: no-repeat;
}
#visuelRub a:hover, {text-decoration: none;}

#blocNouvo {
 float: left;
 background-image: url("/images/home-promo-fd-G.gif");
 background-position: -3px -3px;
 background-repeat: no-repeat;
 border: 3px solid #0B78C4;
 width: 330px;
 height-min: 140px;
 height:220px;
 margin: 15px 25px 5px 0px;
 padding: 10px 4px 10px 10px;
}
#blocPromo {
 float: left;
 background-image: url("/images/home-promo-fd-G.gif");
 background-position: -3px -3px;
 background-repeat: no-repeat;
 border: 3px solid #0B78C4;
 width: 330px;
 height:220px;
 height-min: 140px;
 margin: 15px 0px 5px 0px;
 padding: 10px 4px 10px 10px;
}
#txthome {
 float: left;
 width: 210px;
 border: 1px solid red;
}

#pageCorps {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	margin:auto;
 	width: 990px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;}

#pageCorps h1 {
	display: block;
	width: 730px;
	font-size: 24px;
	font-weight: normal;
	color: #F4642A;
	border-bottom: 3px solid #F4642A;
	margin: 0px 0px 25px 0px;
	padding: 0px;}

#pageCorps h2 {
	color: #0b78c4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	display:inline;
	font-weight:bold;}
	
#pageCorps h3 {
	color: #0b78c4;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;}

#pageCorps h3.orange {
	color: #F4642A;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;}

#pageCorps .bleugras {
	color: #0b78c4;
	font-weight:bold;}


#pageCorps a.ssmenu, #pageCorps a.ssmenu:link, #pageCorps a.ssmenu:active, #pageCorps a.ssmenu:visited {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	padding-left:0px;
	text-decoration: none;
}

#pageCorps a.ssmenu:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration: none;
	padding-left:0px;}
	

#pageCorps a.lienmenu, #pageCorps a.lienmenu:link, #pageCorps a.lienmenu:active, #pageCorps a.lienmenu:visited {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration: none;}

#pageCorps a.lienmenu:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#feebc0;
	text-decoration: none;}

#pageCorps a.menuselected, #pageCorps a.menuselected:link, #pageCorps a.menuselected:active, #pageCorps a.menuselected:visited {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#e0480b;
	text-decoration: none;
}

#pageCorps a.menuselected:hover {
	color:#e0480b;
	font-weight:bold;
	text-decoration: none;}


#pageCorps ul,ol {
	list-style:none;
	font-size:12px;
	margin:0px;
	padding:0px 0px 0px 2px;}

#pageCorps li.puce {
	background-image:url("/images/puce_menu2.gif");
	background-position:0% 4px;
	background-repeat:no-repeat;
	line-height:18px;
	text-align:left;
	margin:0px 0px 0px -10px;
	padding:0px 0px 0px 20px;}
	
#pageCorps input {
 color: #666666; 
 font-family: Arial, Helvetica, sans-serif;
 height: 18px;
 width:350px;
 border: 1px solid #0b78c4;
 margin: 0px;
 padding: 0px 4px 0px 4px;
 font-size: 12px;
 }

#pageCorps input.radio {
 height: 14px;
 width: 14px;
 margin: 0px;
 border: 0px solid #ffffff;
}
#pageCorps textarea {
 color: #666666;
 font-family: Arial, Helvetica, sans-serif;
 width:350px;
 border: 1px solid #0b78c4;
 margin: 0px;
 padding: 0px 4px 0px 4px;
 font-size: 12px;
 }

#pageCorps select {
 color: #666666;
 font-family: Arial, Helvetica, sans-serif;
 border: 1px solid #0b78c4;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 }
 
 #pageCorps input.bt {
  	color: #ffffff;
	background:#0b78c4;
	font-family: Arial, Helvetica, sans-serif;
	width:100px;
	height:20px;
	font-size: 12px;
}

/*-------------------LA FICHE PRODUIT------------*/

#produit {
 background-image: url("/images/fd_fiche_produit.gif");
 background-position: 100% 100%;
 background-repeat: repeat-x;
 width: 700px;
 margin: 0px 0px 15px 0px;
 padding: 0px 0px 0px 25px;
}
#produit h2 {
 font-size: 16px;
 font-weight: bold;
 color: #0B78C4;
 margin: 8px 0px 8px 0px;
 padding: 0px;
 
}
#produit p {
 font-size: 12px;
 color: #000;
 padding: 0px 0px 20px 0px;
 margin: 0px 0px 0px 0px;
}

#fiche {
 background-color: #0B78C4;
 background-image: url("/images/fd_visuel.gif");
 background-position: 100% 100%;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 15px;
}

#fiche .photo {
 border: 1px solid #0B78C4;
}
#fiche a, #fiche a:link, #fiche a:active, #fiche a:visited {
 display: block;
 vertical-align: middle;
 color: #FFF;
 font-size: 11px;
 font-weight: bold;
 padding: 8px 10px 10px 30px;
 margin: 0px 0px 0px 15px;
 text-decoration: underline;
 background-image: url("/images/video.gif");
 background-position: 0% 6px;
 background-repeat: no-repeat;
}
#fiche a:hover {text-decoration: none;}

#haut {
 float: right;
 margin: 0px 0px 15px 0px;
}
#haut a, #haut a:link, #haut a:active, #haut a:visited {
 font-size: 10px;
 color: #0B78C4;
 text-decoration: none;
 background-image: url("/images/puce_haut.gif");
 background-position: 0% 4px;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 15px;
}
#haut a:hover {
 background-image: url("/images/puce_haut_on.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 color: #F4642A;
}

/*-------------------LE BLOC NEWSLETTER------------*/

#newsletter {
	background-color: #FFAB50;
 	background-image: url("/images/fd_newsletter.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding: 8px 0px 10px 10px;
	margin: 2px 0px 0px 0px;
}
#newsletter input {
	border: 1px solid #8A8A8A;
	height: 12px;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	font-size: 10px;

}
#newsletter input.bt {
	width: 27px;
	height: 16px;
	border: 0px;
	padding: 0px 0px 0px 0px;
}

#references {
 background-image: url("/images/fd_produit.gif");
 background-position: 100% 100%;
 background-repeat: repeat-x;
 width: 650px;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 0px 25px;
}
#references h2 {
 font-size: 15px;
 font-weight: bold;
 color: #0B78C4;
 margin: 8px 0px 8px 0px;
 padding: 0px;
 
}
#references p {
 font-size: 12px;
 color: #000000;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

#logos {
 float: right;
 width: 150px;
 border: 1px solid #0B78C4;
 background-position: 100% 100%;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 15px;
}

.mentions {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;}

#footer{
	margin: auto;
	width: 990px;
	font-size:11px;
	background-image:url(/images/fd_footer.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	margin-top: 0px;
 	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff}

a.lienfooter:link {font-family: Verdana; color: #ffffff; font-size: 11px; text-decoration: none}
a.lienfooter:visited {font-family: Verdana; color: #ffffff; font-size: 11px; text-decoration: none}
a.lienfooter:hover {font-family: Verdana; color: #ffffff; font-size: 11px; text-decoration: underline}

#bandeau{
	margin: auto;
	width: 990px;
	margin-top: 0px;
 	padding: 0px 0px 0px 0px;}

.copyright {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;}

form {margin:0;}

#flash {
 float: left;
 width:463px;
 z-index:1;
}

#pageCorps ul,ol {
	list-style:none;
	font-size:12px;
	margin:0px;
	padding:0px 0px 5px 10px;}

#pageCorps li.page {
	background-image:none;
	list-style-type:square;
	line-height:15px;
	list-style-position:inherit;
	font-size:12px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;}


#pageCorps a.lienpage, #pageCorps a.lienpage:link, #pageCorps a.lienpage:active, #pageCorps a.lienpage:visited {
	font-size: 12px;
	color:#0b78c4;
	text-decoration: none;
}

#pageCorps a.lienpage:hover {
	color:#0b78c4;
	text-decoration: underline;
	padding-left:0px;}

#cwbdiv{
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	margin: auto;
 	padding: 0px 0px 0px 520px;
	}
a.cweb:link {font-family: Arial; color: #333333; font-size:9px; text-decoration: none}
a.cweb:visited {font-family: Arial; color: #333333;	font-size:9px; text-decoration: none}
a.cweb:hover {font-family: Arial; color: #333333; font-size:9px; text-decoration: underline}

#vignetteHome {
 float: left;
 width: 102px;
 height: 132px;
 background-color: #0B78C4;
 background-image: url("/images/visuel-fd.gif");
 background-position: 100% 100%;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 0px;
 margin: 5px 5px 5px 0px;
}
#vignetteHome .photo {
 border: 1px solid #0B78C4;
}
#vignetteHome a, #vignetteHome a:link, #vignetteHome a:active, #vignetteHome a:visited {
 display: block;
 vertical-align: middle;
 color: #FFF;
 font-size: 10px;
 font-weight: bold;
 padding: 4px 10px 6px 10px;
 margin: 0px 0px 0px 6px;
 text-decoration: underline;
 background-image: url("/images/puce-blanche.gif");
 background-position: 0% 6px;
 background-repeat: no-repeat;
}
#blocNouvo p, #blocNouvo a, #blocNouvo a:link, #blocNouvo a:active, #blocNouvo a:visited, #blocPromo p, #blocPromo a, #blocPromo a:link, #blocPromo a:active, #blocPromo a:visited {
 font-size: 11px;
 color: #000;
 text-decoration: none;
 margin: 6px 0px 0px 0px;
}
#blocNouvo a:hover, #blocPromo a:hover {text-decoration: underline;}
#blocNouvo .visuel, #blocPromo .visuel {border: 1px solid #8A8A8A; margin: 4px 8px 6px 0px;}

#vignette {
 float: right;
 width-min: 102px;
 background-color: #0B78C4;
 background-image: url("/images/visuel-fd.gif");
 background-position: 100% 100%;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 15px;
}

#vignette .photo, #vignetteHome .photo {
 border: 1px solid #0B78C4;
}
#vignette a, #vignette a:link, #vignette a:active, #vignette a:visited, #vignetteHome a, #vignetteHome a:link, #vignetteHome a:active, #vignetteHome a:visited {
 display: block;
 vertical-align: middle;
 color: #FFF;
 font-size: 10px;
 font-weight: bold;
 padding: 4px 10px 6px 10px;
 margin: 0px 0px 0px 6px;
 text-decoration: underline;
 background-image: url("../images/puce-blanche.gif");
 background-position: 0% 6px;
 background-repeat: no-repeat;
}
#vignette a:hover, #vignetteHome a:hover {text-decoration: none;}

#piece {
 float: left;
 /*background-image: url("../images/liste-produits-fd.gif");*/
 background-position: 100% 100%;
 background-repeat: repeat-x;
 width: 700px;
 margin: 0px 0px 15px 0px;
 padding: 0px 0px 0px 25px;

}
#piece img {
 padding: 0 0 0 -35px;
 margin: 0 0 0 -35px;
 text-align:center;
}
#piece h2 {
 font-size: 16px;
 font-weight: bold;
 color: #0B78C4;
 margin: 8px 0px 8px 0px;
 padding: 0px;
}
#piece p {
 font-size: 12px;
 color: #000;
 padding: 0px 0px 20px 0px;
 margin: 0px 0px 0px 0px;
}

#piece .titrepiece {
 font-size: 13px;
}
/*  panier    */
#blocpanier {
 float: right;
 width: 150px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}
#panier {
 font-size: 11px;
 font-weight:normal;
 font-family: Arial, sans-serif;
}
.liens_panier {
 font-size: 11px;
 font-weight:normal;
 font-style:underline;
 font-family: Arial, sans-serif;
}

#produit {
 float: left;
 background-image: url("/images/liste-produits-fd.gif");
 background-position: 100% 100%;
 background-repeat: repeat-x;
 width: 700px;
 margin: 0px 0px 15px 0px;
 padding: 0px 0px 0px 25px;
}
#produit h2 {
 font-size: 16px;
 font-weight: bold;
 color: #0B78C4;
 margin: 8px 0px 8px 0px;
 padding: 0px;
 }
#produit p {
 font-size: 12px;
 color: #000;
 padding: 0px 0px 20px 0px;
 margin: 0px 0px 0px 0px;
}
.bold {
 font-weight: bold;
 color: #0B78C4;
}
#produit li {
 font-size: 12px;
 color: #075387;
 margin: 6px 0px 0px 30px;
 padding: 0px 0px 0px 0px;
 list-style-type: square;
 list-style-position: outside;
}
a.infobulle{
    position:relative; 
    z-index:24;
    background-color:#ccc;
    color:#000;
    text-decoration:none}

a.infobulle:hover{z-index:25;background-color:#ffff00;}
a.infobulle:hover img{border:0;}
a.infobulle span{display: none}

a.infobulle:hover span{ 
	/*le contenu de la balise div ne 
	sera visible que pour l'état a:hover */
	display:block; 
	position:absolute; 
    
    /*top:2em;
    left:2em;
    width:15em;*/
    left:-1px;
    /*background-color:#eeeeee;*/
    color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:1px;
}

.tr_pieces_bleu td{
  background-color: #0084bf;
  color: #ffffff;
  font-size: 11px;  
  font-weight: bold;
}
.tr_pieces_bleu_clair  {
  background-color: #d9edf2;
  color: #464646;
  font-size: 11px;
}
.tr_pieces_bleu_clair a:link {color: #0B78C4; text-decoration: none; font-size: 11px;}
.tr_pieces_bleu_clair a:visited {color: #0B78C4; text-decoration: none; font-size: 11px;}
.tr_pieces_bleu_clair a:hover {color: #0B78C4; text-decoration: underline; font-size: 11px;}
.tr_pieces_gris {
  background-color: #eaeaea;
  color: #464646;
  font-size: 11px;
}

#fiche {
 float: right;
 /*width: 239px;*/
 background-color: #0B78C4;
 background-image: url("../images/visuel-fd.gif");
 background-position: 100% 100%;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 15px;
}
#fiche .photo {
 border: 1px solid #0B78C4;
}
#fiche a, #fiche a:link, #fiche a:active, #fiche a:visited {
 display: block;
 vertical-align: middle;
 color: #FFF;
 font-size: 11px;
 font-weight: bold;
 padding: 8px 10px 10px 30px;
 margin: 0px 0px 0px 15px;
 text-decoration: underline;
 background-image: url("../images/video.gif");
 background-position: 0% 6px;
 background-repeat: no-repeat;
}
#fiche a:hover {text-decoration: none;}


/* TABLE*/

#carac table {
 float: left;
 width: 100%;
 margin: 20px 0px 15px 0px;
 padding: 0px 0px 0px 0px;
 border-bottom: 1px solid #DADADA;
 border-left: 1px solid #DADADA;
}
#carac table td {
 padding: 2px 2px 2px 4px;
 color: #444;
 font-weight: bold;
 font-size: 11px;
 border-right: 1px solid #DADADA;
 border-top: 1px solid #DADADA;
}
#carac table tr.ligne1 {
 background-color: #F4F4F4;
}

#navProduitsN2 {
 border-top: 1px solid #FFAB50;
 background-image: url("../images/menu-n2-fd.gif");
 background-position: 100% 100%;
 background-repeat: repeat-x;
 background-color: #FFAB50;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
} 
#navProduitsN2 ul.n2 {
 font-size: 12px;
 line-height: 12px;
 color: #FFFFFF;
 font-weight: bold;
 background-image: url("../images/menu-nosprosduits-puceN1.gif");
 background-position: 0% 5px;
 background-repeat: no-repeat;
 margin: 8px 0px 4px 15px;
 padding: 0px 0px 0px 15px;
}
#navProduitsN2 li.n2 {
 list-style-image: url("/images/menu-nosprosduits-puceN2.gif");
 list-style-position: outside;
 margin: 0px 0px 2px 0px;
 color: #FFFFFF;
 font-weight: normal;
 line-height: 11px;
}
#navProduitsN2 a.n1, #navProduitsN2 a.n1:link, #navProduitsN2 a.n1:active, #navProduitsN2 a.n1:visited {
 font-size: 12px;
 line-height: 12px;
 color: #FFFFFF;
 text-decoration: none;
}
#navProduitsN2 a.n1:hover {
 color: #FEEBC0;
 font-weight: bold;
}
#navProduitsN2 a.n2, #navProduitsN2 a.n2:link, #navProduitsN2 a.n2:active, #navProduitsN2 a.n2:visited {
 font-size: 12px;
 line-height: 12px;
 color: #FFF;
 text-decoration: none;
}
#navProduitsN2 a.n2:hover {
 font-weight: bold;
 color: #E0480B;
}
#navProduitsN2 p.n2 {
 font-size: 12px;
 line-height: 12px;
 color: #E0480B;
 font-weight: bold;
 background-image: url("../images/menu-nosprosduits-puceN2.gif");
 background-position: 0% 5px;
 background-repeat: no-repeat;
 margin: 8px 0px 6px 15px;
 padding: 0px 0px 0px 12px;
}

#navProduitsN2 a.n1, #navProduitsN2 a.n1:link, #navProduitsN2 a.n1:active, #navProduitsN2 a.n1:visited {
 font-size: 12px;
 line-height: 12px;
 color: #E0480B;
 text-decoration: none;
}
#navProduitsN2 a.n1:hover {
 color: #FEEBC0;
 font-weight: bold;
}
#navProduitsN2 a.n2, #navProduitsN2 a.n2:link, #navProduitsN2 a.n2:active, #navProduitsN2 a.n2:visited {
 font-size: 12px;
 line-height: 12px;
 color: #FFF;
}
#navProduitsN2 a.n2:hover {
 font-weight: bold;
 color: #E0480B;
}
#navProduitsN2 p.n2 {
 font-size: 12px;
 line-height: 12px;
 color: #E0480B;
 font-weight: bold;
 background-image: url("../images/menu-nosprosduits-puceN2.gif");
 background-position: 0% 5px;
 background-repeat: no-repeat;
 margin: 8px 0px 6px 15px;
 padding: 0px 0px 0px 12px;
}