*{margin:0px; padding:0px;}
/*----------------------------------------------------------------------------------------------------------BALISES GENERALES----*/
a{color:#8f4198;text-decoration:none; outline:none}
a:hover{color:#99cc00;text-decoration:none;} 
ul,li{ list-style-type:none; display:inline;}
a img{ border:none}
hr{height:1px; border:none; border-bottom:1px #99cc00 dashed;}
/*----------------------------------------------------------------------h1, h2, h3----*/
h1,h2{color:#791d41; font-size:2em;text-indent:-3000px }
h2{font-size:1.4em; text-indent:-3000px}
h3{ font-size:1.2em;color:#8f4198; margin-bottom:5px}
/*---------------------------------------------------------------------COULEURS----*/
.violet{ color:#791d41}
.mauve{color:#8f4198}
.parme{color:#9966CC}
.orange{ color:#ff9900}
.bleu{color:#00ccff}
.vert{color:#99cc00}
.noir{color:#000000}
.gras{ font-weight:bold}
.mistake { background:#F8CFFF;}
.police{9px}
/*---------------------------------------------------------------------CLASSES ----*/
.hidden{ display:none}
.hautpage a{margin:30px 20px 30px 0; float:right; color:#8f4198}
.hautpage a:hover{ margin:30px 20px 30px 0; float:right; color:#99cc00}
/*---------------------------------------------------------------------------ID ----*/
#accessibilite{ display:none}
/*---------------------------------------------------------STRUCTURE-------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------=BODY=----*/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color: #666666;
	text-align:center;
	background:url(../images/bg-body.gif) repeat-x left top;
}
/*-----------------------------------------------------------------------------------------------------------------==GLOBAL==----*/
#global{
	width:955px;
	margin :0 auto;
	text-align:left;
}
/*---------------------------------------------------------------------------------------------------------------===HEADER===----*/
#header1{
	height:191px;
	float:left;
	width:955px;
	margin:0 0 0 59px;
	position: relative
}

#header2{
	height:99px;
	float:left;
	margin:0 auto;
	width:955px;
	background:url(../images/fond-header2.jpg) repeat-y ;
}
/*-------------------------------------------------------------------------------------LOGO-------*/
#logo{
	width:250px;
	height:191px;
	background:url(../images/logo.gif) top left no-repeat;
	float:left;
	display:inline;
}
#logo-lien a{
	width:250px;
	height:191px;
	float:left;
	display:inline;
	position: absolute; 
	z-index:999;
	top:0px;
	left:0px;
}

/*-----------------------------------------------------------------------------------DIAPORAMA------*/
#diaporama{
	width:705px;
	height:191px;
	background: url(../images/anim-flash.jpg) no-repeat top right;
	float:right;
	/*margin-left:2px;*/
}
/*--------------------------------------------------------------------------------MENU PRINCIPAL----*/
#menu{
	width:330px;
	height:99px;
	margin-left:59px;
	float:left;
	display:inline;
	background: url(../images/header-fond.gif) no-repeat 0px top;
	}
#menu  ul{
	height:99px;
	float:left;
	width:333px;

}
#menu li{
	float:left; 
	margin:5px 12px 0 0;
	width:69px;
	height:99x;

	}
#menu ul li a{
	width:69px;
	height:86px;
	display:block;
	text-indent:-3000px
}
#bt-presentation a { background:url(../images/bt-presentation.gif) no-repeat top left;}
#bt-presentation a:hover { background:url(../images/bt-presentation.gif) no-repeat bottom left;}

#bt-produits a { background:url(../images/bt-produits.gif) no-repeat top left;}
#bt-produits a:hover { background:url(../images/bt-produits.gif) no-repeat bottom left;}

#bt-espace a { background:url(../images/bt-espace.gif) no-repeat top left;}
#bt-espace a:hover { background:url(../images/bt-espace.gif) no-repeat bottom left;}

#bt-contact a { background:url(../images/bt-contact.gif) no-repeat top left;}
#bt-contact a:hover { background:url(../images/bt-contact.gif) no-repeat bottom left;}

/*--------------------------------------------------------------------------------MENU Secondaire----*/
#menu2{
	width:413px;
	height:99px;
	float:left;
	text-align:left;
	margin:0 0 0 0;
	position:relative;
	font-size:9px;
	text-align:right;
		
}
#menu2 ul li { margin-right:4px}
#menu2 ul li a{color:#FFFFFF}
#menu2 ul li a:hover{ color:#00ccff}
/*---------------------------------------------------------------------------------Bouton ACCUEIL----*/
#retour-accueil{ 
	height:99px;
	float:left;
}
.img-accueil{margin:30px 0 0 3px}

/*--------------------------------------------------------------------------------------------------------------===WRAPPER===----*/
#wrapper{
	float:left; 
	background:url(../images/fond-wrapper.gif) repeat-y ;

}
/*----------------------------------------------------------------------------------------------------====BLOC GAUCHE(BG)====----*/
#bloc-gauche{
	width:174px;
	float:left;
	background:url(../images/fond-blocG.gif) no-repeat top left ;
	display:inline;
	margin-left:59px;
	overflow:hidden
	
}
#bloc-gauche tr{ height:20px; text-align:left}
#bloc-gauche input{ height:18px;}


/*--------------------------------------------------------------------BG > BLOC ESPACE PERSO----*/
#espace-perso{
	width:158px;
	margin:0 10px ;
	float:left;
	color:#333333;
	padding-top:20px;
	background:url(../images/espace-perso.gif) no-repeat top left;
	font-size:9px
}

#espace-perso a, #espace-pro a{ color:#8f4198}
#espace-perso a:hover,#espace-perso a.button:hover,#espace-pro a:hover,#espace-pro a.button:hover{color:#333333}
#espace-perso a.button{
	height:16px;
	background:#99cc00;
	display:block;
	width:76px;
	color:#fff;
	text-align:center;
	padding:2px 0 0 0;
}
/*--------------------------------------------------------------------BG > BLOC ESPACE PRO----*/
#espace-pro{
	width:159px;
	margin:0 10px ;
	float:left;
	color:#333333;
	padding-top:20px;
	background:url(../images/espace-pro2.gif) no-repeat top left;
}
#espace-pro a, #espace-pro a{ color:#8f4198}
#espace-pro a:hover,#espace-perso a.button:hover,#espace-pro a:hover,#espace-perso a.button:hover{color:#333333}
#espace-pro a.button{
	height:16px;
	background:#99cc00;
	display:block;
	width:76px;
	color:#fff;
	text-align:center;
	padding:2px 0 0 0;
	font-size:9px
}
/*---------------------------------------------------------------------BG > BLOC ESPACE PRO----*/
#newsletter{
	width:158px;
	float:left;
	color:#333333;
	background:url(../images/newsletter.gif) no-repeat top right;
	padding:20px 0 10px 0px;
	margin:8px 0 0px 8px;
	display:inline;}

#espace-compte{
	width:158px;
	margin:0 8px ;
	float:left;
	color:#333333;
	display:inline
}
/*-----------------------------------------------------BG > BLOC ESPACE PRO > SCRIPT MENU CACHE----*/
#espace-compte h2 a{ width:159px; height:40px; display:block;background:url(../images/mon-compte.gif) no-repeat top left}
#espace-compte .hide{background:url(../images/mon-compte-over.gif) no-repeat top left}
#espace-compte .show{background:url(../images/mon-compte.gif) no-repeat top left}
#espace-compte a.button{
	height:16px;
	background:#99cc00;
	display:block;
	width:76px;
	color:#fff;
	text-align:center;
	padding:2px 0 0 0;
}

/*---------------------------------------------------------------------BG > BLOC PANIER----*/
#panier{
	width:158px;
	height:100px;
	float:left;
	display:inline;
	background:url(../images/mon-panier.gif) no-repeat top right;
	border-bottom:2px dotted #cccccc;
	border-right:2px dotted #cccccc;  
	padding:20px 0 10px 0px;
	margin:30px 0 10px 20px;

}
#panier a{ color:#8f4198}
#panier a:hover{ color:#791d41}


/*---------------------------------------------------------------------BG > BLOC ACTU----*/
#actu{
	width:174px;
	margin:0;
	float:left;
	background:url(../images/new-actu.gif) no-repeat top left;
	padding-top:20px;
}
/*-----------------------------------------------------------------------------------------====BLOC VISUELS GAUCHE (BVG) ====----*/
#visuelsG,#visuelsG-services{
	float:left;
	margin:0;
	width:120px;
}
#visuelsG-cgv{
	width:120px;
	float:left;
	margin:0px;
	padding:0px;
	min-height:660px;
	position:static;
}

#espace-image-ht{ margin-top:100px}
#espace-image{ margin-top:30px}
/*---------------------------BVG > Page CGV ----*/

/*-----------------------------------------------------------------------------------------====BLOC VISUELS DROITE (BVD) ====----*/
#visuelsD{
	width:91px;
	float:right;
}
#deplace{top:365px; }
#deplace2{top:0;}
/*---------------------------------------------------------------------------------------------------------===== FOOTER =====----*/
#footer{
	height:40px;
	margin:10px 0 0 150px;
	clear:both;
	font-size:9px;

}
/*------------------------------------------------------------------------------------------------------====BLOC CONTENT ====----*/
#bloc-droit{
	width:570px;
	float:left;
}
#content{
	width:410px;
	float:left;
	padding:0 20px;
	text-align:justify;

}
#content-merci{
	width:300px;
	float:left;
	padding:0 20px;
	margin:100px 0 0 80px;
	text-align:justify;
	

}
#content-produits{
	width:410px;
	float:left;
	padding:0 20px;
	text-align:left;

}
#content-sansvisuel{
	width:530px;
	float:left;
	padding:0 20px;
	text-align:justify;
}
/*--------------------------------------------------------------------------------------SOUS MENU----*/
#sousmenu ul{
	width:570px;
	height:40px;
	margin:0; padding:0px;
	float:left;
	clear:both
}
#sousmenu ul li{
	height:25px;
	display:inline;
	float:left;
	
	

}
#sousmenu ul li a{
	background:#f0cff4;
	height:25px;
	padding-top:5px;
	width:140px;
	display:block;
	text-align:center;
	color:#8f4198;
	border-left:2px #FFFFFF solid;
	border-bottom:5px solid #8f4198;
	font-size:9px;
	font-weight:bold;
}
#sousmenu ul li a:hover{

	background:#fce7fc;	
}
#sousmenu li.sousmenu-active a, #sousmenu li.sousmenu-active a:hover{
	color:#99cc00;
	background:#8f4198;
	border-bottom:5px solid #99cc00;
	height:25px;
}
/*-------------------------------------------------------------------TITRE PAGES ---*/
#titre-default,
#titre-produits,
#titre-espace,
#titre-contact,
#titre-partenaires,
#titre-mentions,
#titre-plansite,
#titre-cgv,
#titre-panier,
#titre-merci,
#titre-actu,
#titre-assurance-transport,
#titre-compte{width:568px;height:50px; float:left}
#titre-accueil{width:568px;height:50px; float: left }

#titre-accueil{background:url(../images/h1-accueil.gif) no-repeat top right }
#titre-default{background:url(../images/h1-default.gif) no-repeat top right }	
#titre-produits{background:url(../images/h1-produits.gif) no-repeat top right;}
#titre-espace{background:url(../images/h1-espace.gif) no-repeat top right;}
#titre-contact{background:url(../images/h1-contact.gif) no-repeat top right;}
#titre-actu{background:url(../images/h1-actu.gif) no-repeat top right}
#titre-partenaires{background:url(../images/h1-partenaires.gif) no-repeat top right;}
#titre-plansite{background:url(../images/h1-plansite.gif) no-repeat top right;}
#titre-cgv{background:url(../images/h1-cgv.gif) no-repeat top right;}
#titre-mentions{background:url(../images/h1-mentions.gif) no-repeat top right;}
#titre-panier{background:url(../images/h1-panier.gif) no-repeat top right;}
#titre-merci{background:url(../images/h1-merci.gif) no-repeat top right;}
#titre-compte{background:url(../images/h1-moncompte.gif) no-repeat top right;}
#titre-assurance-transport{background:url(../images/h1-assurance-transport.gif) no-repeat top right;}

/*
#content-transport{
	width:370px;
	float:left;
	margin : 0 50px;
	text-align:justify;

}

#content-default,#content-equipe,#content-actu{
	width:570px;
	float:left;
	text-align:justify;
}
*/#content-panier,#content-new,#content-promo,#content-produit-all,#content-pack{
	width:505px;
	float:left;
	margin:0px 0 70px 60px;
}
/*
#content-cgv{
	float:left;
	margin-right:61px;
	text-align:justify;
}
*/

/*------------------------------------------------------------------------------------------------------====BLOC CONTENU ====----*/
/*#contenu,
#contenu-transport
{line-height:1.4em; background:#ccc356; padding:20px; width:490px; }
#contenu-cgv{line-height:1.4em;  background:#FF0000;padding:20px;width:490px; }
#contenu-panier,#contenu-new,#content-promo,#content-pack{ width:450px;padding:20px ; background:#FF0000; }*/

#contenu-panier{ width:450px;padding:20px ; }

/*----------------------------------CONTENU > PROPRIETES TABLOS NEW/PROMOS/PRODUITS/PACKS---------------------------------------*/
.bas-tablo,.haut-tablo{width:480px; cellspacing:0; font-size:0.9em ;}
.bas-tablo-produit,.haut-tablo-produit{width:200px; cellspacing:0; font-size:0.9em; float:left; margin-right:5px;}
.bas-tablo-detail,.haut-tablo-detail{width:480px; cellspacing:0; font-size:0.9em ;}
.haut-tablo,.haut-tablo-produit,.haut-tablo-detail{margin-top:20px; }
/*----------------------------------CONTENU > PAGE NOS PRODUITS > NOUVEAUTES-----------------------------------------------------*/
#liste-new td{
	height:20px;
	text-align:left;
	border-bottom:1px  #9966CC solid;
	padding: 4px;
}
#entete-tablo-new th{ background:#9966CC; height:20px; text-align:left; color:#FFFFFF; padding-left:10px;}
#new-prix td{
	height:20px;
	border-top:1px  #9966CC solid;
	border-bottom:1px  #9966CC solid;
	padding:5px 0;
}
/*----------------------------------CONTENU > PAGE NOS PRODUITS > PROMOS-----------------------------------------------------*/
#liste-promo td{
	height:20px;
	text-align:left;
	border-bottom:1px  #ff9900 solid;
	padding: 4px;
}
#entete-tablo-promo th{ background:#ff9900; height:20px; text-align:left; color:#FFFFFF; padding-left:10px;}
#promo-prix td{
	height:20px;
	border-top:1px  #ff9900 solid;
	border-bottom:1px  #ff9900 solid;
	padding:5px 0;
}
/*--------------------------------CONTENU > PAGE NOS PRODUITS > TOUS LES PRODUITS------------------------------------------------*/
#liste-produits td{
	height:20px;
	text-align:left;
	border-bottom:1px  #8f4198 solid;
	padding: 4px;
}
#entete-tablo-produits th{ background:#8f4198; height:20px; text-align:left; color:#FFFFFF; padding-left:10px;}
#produits-prix td{
	height:20px;
	border-top:1px  #8f4198 solid;
	border-bottom:1px  #8f4198 solid;
	padding:5px 0;}

/*----------------------------------CONTENU > PAGE NOS PRODUITS > PACKS-----------------------------------------------------*/
#liste-pack td{
	height:20px;
	text-align:left;
	border-bottom:1px  #99cc00 solid;
	padding: 4px;
}
#entete-tablo-pack th{ background:#99cc00; height:20px; text-align:left; color:#FFFFFF; padding-left:10px;}
#packs-prix td{
	height:20px;
	border-top:1px  #99cc00 solid;
	border-bottom:1px  #99cc00 solid;
	padding:5px 0;}
/*-----------------------------------------------------PAGE PACK BOUTONS---------------------------------------------------*/
.filet-bouton-pack a img{ border-bottom: 3px solid #8f4198; border-top: 3px solid #8f4198}
.filet-bouton-pack a:hover img{ border-bottom: 3px solid #99cc00; border-top: 3px solid #99cc00}
/*-----------------------------------CONTENU > PAGE PANIER -----------------------------------------------------------------*/
tr#entete-tablo { background:#8f4198; height:40px; text-align:center; color:#FFFFFF; font-size:1.1em}
tr#entete-tablo-panier {
	background:#8f4198;
	height:20px;
	text-align:center;
	color:#FFFFFF;
	font-size:1.1em;
}

#liste-articles td{
	height:20px;
	text-align:center;
	padding: 4px;
}
#panier-accuse tr, td{
	height:20px;
}
#frais-supl td{
	height:20px;
	text-align:right;
	border-top:1px  #CEB0D9 solid;
	font-size:1.1em;
	padding-right:40px;
		background:#ECD6FE

}

#total td{
	height:80px;
	padding:10px 0;
	text-align:right;
	border-top:3px  #CEB0D9 solid;
	border-bottom:3px  #CEB0D9 solid;
	font-weight:bold;
	font-size:1.4em;
	color:#8f4198;
	padding-right:40px;

}
/*-----------------------------------CONTENU > PAGE PARTENAIRE / ACTU > TITRE [Nom + Mail]--------------------------------------*/
#chapo dt{
font-size:1.2em;
color:#8f4198;
font-family:Georgia, Times, serif;
border-bottom:1px dashed;
padding-bottom:3px;
margin-bottom:5px;
font-weight:bold
}
dl#chapo{ margin-top:10px}
#chapo dd{ margin-bottom:0px}
#chapo-img dd{ float:right}
.titre{ font-weight:bold;color:#99cc00}
.titre-violet{ font-weight:bold;color:#8f4198}
/*--------------------------------------------------CONTENU > PAGE PLAN DU SITE--------------------------------------------------*/
ul#plansite{float:left; margin-left:150px;}
ul#plansite li {float:left; display:block; clear:both; margin-top:15px;}
ul#plansite li a{
	display:block;
	text-decoration:none;
	font-weight:bold;
}
ul#plansite li a:hover{color:#99cc00;}
/*--------------------------------------------------ERREUR RECHERCHE PRODUITS---------------------------------------------------*/

.erreur{ margin:10px 0; font-size:1.8em; background:url(../images/attention.gif) top left no-repeat; padding-left:110px; height:90px}
/*-----------------------------------------------------------PAGE 1/2 suivante---------------------------------------------------*/
#compteur-pages{ float:left; margin:0; margin:20px 0 0 0;}
#compteur-pages div{float:left}
#compteur-page1{text-align:left; width:100px}
#compteur-page2{text-align:center;width:475px}
#compteur-page3{text-align:right;width:100px}
.marge-tablo-sans{ padding:0}
.marge-tabloG { padding:0 10px 0 15px}
.marge-tabloD { padding:0 15px 0 10px}

.marge-tablo{width:546px}
.margehaut-flashDte{margin:10px 0 0 0px; position:static }

#left {float:left}
/*.margehaut-flashDte{margin:295px 0 0 0px; position:static }*/
/*----------------------------------------------------------BLOCK SEARCH*/
#blockSearch{ padding:40px 0 10px 10px; background:url(../images/h2-search.gif) no-repeat left top; float:left; }
#bloc-gauche #blockSearch h2, #bloc-gauche #blockSearch legend{ display:none}
#blockSearch label{ color:#000; margin-bottom:7px; display: block; }