/* CSS Document */


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #314784;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #314784;
}
a:hover {
	text-decoration: none;
	color: #f98a1e
	;
}
a:active {
	text-decoration: none;
	color: #314784;
}

/*
	#####################################################
	################### css haut pro   ##################
	##################################################### 
 */
div#header_pro{
background-image: url(img/haut/fd-ongl-esp.gif);
	background-repeat: repeat-x;}

div#header_pro form{
	padding:2px 0 4px 0;
	margin:0 0 0 10px ;
	text-align: left;
	vertical-align: middle;
	color: #314784;
	font-weight: bold;
}

div#header_pro form strong{
	color: #314784;
	font-weight: bold;
}
.onglethautpro {
		position:absolute;

	width:100%;
	background: url(img/haut/fd-onglet.gif) repeat-x bottom;
	line-height:normal;
	font-weight: bold;
	color: #314784;
	font-variant: normal;
    }
	
.onglethautpro ul {
    margin:0;
    padding:0;
    list-style:none;
     
	}
.onglethautpro li {
	float:left;
	background: url(img/haut/onglet.gif) repeat-x top;
	margin:0;
	padding:0;
	text-transform:uppercase; 
	color: #314784;   }
.onglethautpro a {
	display:block;
	background:url(img/haut/onglet-coin.gif) no-repeat right top;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-decoration: none;
	text-transform:uppercase; 
	color: #314784;
	}	
.onglethautpro a:hover {
	color: #f98a1e;
	text-decoration: none;
	
	}	
	
.onglethautpro li.selected{ /*style pour l'onglet actif position par rapport aux autres onglets*/
position: relative;
top: 0px;
background-image:url(img/haut/onglet-actif.gif);
    }


.onglethautpro li.selected a{ /*selected main tab style */
	background-image:url(img/haut/onglet-coin-actif.gif);
	color: #ffffff;
}


.onglethautpro li.selected a:hover{ /*selected main tab style */
text-decoration: none;

}


.contenuonglethtpro{ /*style du contenu des onglets*/
		border-top:1px solid  #666666;
	width:100%;
	margin-bottom: 1em;
	padding: 0px;
	background-color: #f0f0f0;
	height: 35px;
	background-image: url(img/haut/fd-bas.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	clear: left;
}

/*
	#####################################################
	###################    ##################
	##################################################### 
 */



.fond-home {
	background-image: url(img/fond-home.gif);
	background-repeat: repeat-x;
}
.bin1 {
	background-image: url(img/bin1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.bin2 {
	background-image: url(img/bin2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.kl {
	background-image: url(img/kl.gif);
	background-repeat: repeat-y;
}
.bin3 {
	background-image: url(img/bin3.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.ecriture1 {
	font: bold normal 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.bs1 {
	background: url(img/bs1.gif) no-repeat left bottom;
}
.bs2 {
	background: url(img/bs2.gif) no-repeat left bottom;
}
.fondpanier {
	background: url(img/fond-panier.gif) no-repeat right top;
}
.pannier-cat1 {
	background: url(img/detail-caddie.gif) repeat-x;
}
.separ-panier-prod {
	background: url(img/0image9.gif) repeat-x;
}
.paysdelivraison {
	background: url(img/paysdelivraison.gif) no-repeat;
}
.crea-compte-part {
	background: url(img/crea-compte-part.gif) no-repeat left top;
}
.info1 {
	background: url(img/info1.gif) no-repeat;
}
.validation {
	background: url(img/validation.gif) no-repeat;
}
.cre-compte-pro {
	background: url(img/crea-compte-pro.gif) no-repeat;
}
.cadre-conf-com {
	background: url(img/cadre-conf-com.gif) repeat-x;
}
.fond-nous-contacter {
	background: url(img/contact.jpg) no-repeat;
}
.fond-livraison {
	background: url(img/livraison.jpg) no-repeat;
}
.liv-laposte {
	background: url(img/laposte2.gif) no-repeat left center;
}
.merci1 {
	background: url(img/merci1.gif) no-repeat center center;
}
.bsi7 {
	background: url(img/bsi7.gif) repeat-x bottom;
}
.espace {
	background: url(img/fond-espace.gif) repeat-x;
}
.fond-promo {
	background: url(img/fond-promo.gif) repeat-x;
}
.caddie4 {
	background: url(img/caddie4.gif) no-repeat;
}
.assurance-transport {
	background: url(img/assurance-trans1.gif) repeat-x;
}
.cat1 {
	background: url(img/cat1.gif) repeat-x;
}
.cat2 {
	background: url(img/cat2.gif) repeat-x;
}
.filtre {
	background: url(img/filtre.gif) repeat-x;
}
.cat7 {
	background: url(img/cat7.gif) repeat-x;
}
.prodtitle {
	background: url(img/prodtitle.gif) repeat-x;
}
.print3 {
	background: url(img/print3.gif) repeat-x bottom;
}
.td1 {
    BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid
}
.aee1 {
	background: url(img/aae1.gif) repeat-x;
}
.aee2 {
	background: url(img/aae2.gif) repeat-x;
}
.td32 {
    BORDER-RIGHT: #CC0000 1px solid; BORDER-TOP: #CC0000 1px solid; BORDER-LEFT: #CC0000 1px solid; BORDER-BOTTOM: #CC0000 1px solid
}
.td20 {
    BORDER-RIGHT: #FFAE00 1px solid; BORDER-TOP: #FFAE00 1px solid; BORDER-LEFT: #FFAE00 1px solid; BORDER-BOTTOM: #FFAE00 1px solid
}
	.pani4 {
	background-image: url(img/pani4.gif);
	background-repeat: no-repeat;
}
.blue {
	background-image: url(img/blue.gif);
	background-repeat: repeat-y;
}
.trans1 {
	background-image: url(img/trans1.gif);
	background-repeat: repeat-y;
}
.trans2 {
	background-image: url(img/trans2.gif);
	background-repeat: no-repeat;
}
.trans-destockage {
	background-image: url(destockage/destock-tittle.gif);
	background-repeat: no-repeat;
}
.trans-image-son {
	background-image: url(img/trans-image-son.gif);
	background-repeat: no-repeat;
}
.trans-maison {
	background-image: url(img/trans-maison.gif);
	background-repeat: no-repeat;
}
.trans-telephone {
	background-image: url(img/trans-telephone.gif);
	background-repeat: no-repeat;
}
.trans-electro {
	background-image: url(img/trans-electro.gif);
	background-repeat: no-repeat;
}
.trans-photo {
	background-image: url(img/trans-photo.gif);
	background-repeat: no-repeat;
}
.trans-dest {
	background-image: url(destockage/destock-menu.gif);
	background-repeat: no-repeat;
}
.trans-noel {
	background-image: url(img/noel-menu.gif);
	background-repeat: no-repeat;
}
.trans-pro {
	background-image: url(img/trans-pro.gif);
	background-repeat: no-repeat;
}
.trans-generale {
	background-image: url(img/trans-generale.gif);
	background-repeat: no-repeat;
}
.abv {
	background-image: url(img/abv-news.gif);
	background-repeat: repeat-x;
}
.fond-haut {
	background-image: url(img/fond-haut.gif);
}
.detailp1 {
	background-image: url(img/detailp1.gif);
	background-repeat: repeat-x;
}
.map1 {
	background-image: url(img/map.gif);
	background-repeat: no-repeat;
	background-position: center center;
	BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid
}
.fr7 {
	background-image: url(img/fr7.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.flish {
	background-image: url(img/flish.gif);
	background-repeat: repeat-x;
}
.gloopm {
	background-image: url(img/gloopm.gif);
	background-repeat: repeat-x;
}
.uuuuu1 {
	background-image: url(img/uuuuu1.gif);
	background-repeat: repeat-x;
}
.trans-informatique {
	background-image: url(img/trans2.gif);
	background-repeat: no-repeat;
}
.trans-pc {
	background-image: url(img/trans-pc.gif);
	background-repeat: no-repeat;
}
.map2 {
	background-image: url(img/loupe.gif);
	background-repeat: no-repeat;
	background-position: left center;
	BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid
}
.app1 {
	background-image: url(img/app1.gif);
	background-repeat: repeat-x;
}
.app2 {
	background-image: url(img/app2.gif);
	background-repeat: no-repeat;
}
.abc {
	background-image: url(img/123.jpg);
	background-repeat: no-repeat;
}
.contact {
	background-image: url(img/contact2.jpg);
	background-repeat: no-repeat;
}
.emploi {
	background-image: url(img/emploi.gif);
	background-repeat: no-repeat;
}
.trans-info {
	background-image: url(img/trans-informations.gif);
	background-repeat: no-repeat;
}

.selection-pro {
	background-image: url(img/selection-pro.gif);
	background-repeat: no-repeat;
}
.secure3 {
	background-image: url(img/secure3.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.ss-familles2 {
	background-image: url(img/ss-familles2.gif);
	background-repeat: no-repeat;
}
.colis7 {
	background-image: url(img/colis7.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.site1 {
	background-image: url(img/site.jpg);
	background-repeat: no-repeat;
}
.liv1 {
	background-image: url(img/liv1.jpg);
	background-repeat: no-repeat;
}
.site2 {
	background-image: url(img/vosmp.jpg);
	background-repeat: no-repeat;
}
.site910 {
	background-image: url(img/com77.jpg);
	background-repeat: no-repeat;
}
.site9 {
	background-image: url(img/com77.jpg);
	background-repeat: no-repeat;
}
.terre {
	background-image: url(img/map.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.relai4 {
	background-image: url(img/relai4.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.support {
	background-image: url(img/support.jpg);
	background-repeat: no-repeat;
}
.monde {
	background-image: url(img/map.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.Stylegara {
	color: #7c90b7;
	font-weight: bold;
	font-size: 18px;
}
.titre-bleu {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #314784;
}
.titre-blanc {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #ffffff;
}

.titre-orange  {
font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #f98a1e;
}

.ss-titre1  {
	font-size: 13px;
	color: #314784;
	font-weight: bold;
}

.fondbarretitre {
	background-image: url(img/detailp1.gif);
	background-repeat: repeat-x;
}
.fondpromo-pro {
	background-image: url(img/fond-promopro.gif);
	background-repeat: repeat-x;
} 
.style1 {
	font-size: 12px;
	color: #314784;
}

.style2 {
	font-size: 12px;
	color: #314784;
}
.style3 {
	
	color: #ffffff;
}

.listecahierblanc li {
	list-style-image: url(img/bille.gif);
}

.titre {
	color: #314784;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}


@media print {
.tabcontent {
display:block!important;
}
}