@font-face {
    font-family: 'oswaldbook';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light-webfont.eot');
    src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-light-webfont.woff') format('woff'),
         url('fonts/oswald-light-webfont.ttf') format('truetype'),
         url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

input[type="submit"], textarea, button {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;

    -webkit-border-radius: 0; 
}

body {
	background:url(/images/background.png) repeat-x top left;

	font-family: 'oswaldlight';
	font-size:12px;
}

a {
	color:#e63590;
	text-decoration:none;
		}

.classa:hover {
	text-decoration:underline;
	color:#e63590;
}
		
h5 {font-size:20px;	font-weight:normal; margin:0px 0 10px 10px;padding:0px; font-family: 'oswaldbook';}
input.submit {
   color:#555;
   background:transparent;
   border:0;
}
input.submit:hover {
   background: #e63590;
   color: #ffffff;
   cursor:pointer;
}
input.submit:active {
    background: #e63590;
}

input.submitconnexion { background: #e63590;
   color: #ffffff; border:0;
   cursor:pointer; padding:5px;}



#conteneur {position:relative;width:1000px;margin:0 auto;padding:0;margin-top:-8px;}
#general {position:relative;	float:left;width:1000px;height:auto;}
#centre {position:relative;float:left;height:auto;width:750px;border:0;padding:0;padding-top:10px;}
#centre-2 {position:relative;margin-left:auto;margin-right:auto;height:auto;width:590px;border:0;padding:0;background-color:#fff;}
#global-2{display:block;margin-left:auto;margin-right:auto;}
#cadre_banniere {
	position:relative;
	float:left;
	width:1000px;
	height:125px;
	background:#fff;
}

#bandeau_marque { 
	position:relative;
	float:right;
	width:450px; 
	height:135px; 
	overflow:hidden; 
	border:0px solid #000; 
	font-family:Verdana, sans-serif;
	/*margin-top:20px;
	margin-left:30px;*/
}
#logos {
	position:absolute;
	margin-top:0px;
	width:3800px;
	z-index:10;
}
#logos img {
	height:130px;
	width :130px;
	margin:0px 10px; 
}
#logo_copares {
	
	
}

#logo-copares2{
	position:relative;
	float:right;
	width:272px;
	height: 122px;
	margin-top: 15%;
	
}
#logo_activite_coiffure, #logo_activite_esthetique {
	position:relative;
	float:left;
	width:240px;
	height:36px;
}
#renseignement, #titrePageModif{
	position:relative;
	float:left;
	width:270px;
	padding:35px 0 0 0;
	
}
#logo_activite_esthetique{
	background-image:url(/images/logo-esthetique.png);
	background-repeat:no-repeat;
}
#logo_activite_coiffure{
	background-image:url(/images/gui/logo_activite_coiffure.png);
	background-repeat:no-repeat;
}
#logos_banniere {
	position:relative;
	float:left;
	width:470px;
	height:125px;
}
#defilement1 {
	opacity: 0;                    
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	zoom: 1;
}
#defilement2 {
	opacity: 1;                    
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	zoom: 1;
}
/* Zone de Recherche rapide---------------------------- */
#recherche {
	position:relative;
	float:left;
	
	
	
}
#recherche p {
	margin:0px;
	padding:0px;
	margin-left:50px;
}
#recherche input[type=text] {
	background-color:#fff;
	border:1px solid #A4C3CA; height:34px;
	padding-left:10px;

}

#recherche input[type=submit] {
	background-image:url(/images/loupe.png);
	width:30px; height:30px;
	color:transparent;
	position:absolute;
	margin-top:4px;
	margin-left:-35px;

	
}




#rech_reference {
	margin-left:70px;
}
#rech_motcle {
	margin-left:12px;
}




#facebook{
	float:left;
	position:relative;
	background-image:url(/images/facebook.png);
	background-repeat:no-repeat;
	height:30px;
	width:30px;
	margin-right:10px;
	
}

#phone{
	float:left;
	position:relative;
	background-image:url(/images/phone.png);
	background-repeat:no-repeat;
	height:30px;
	width:30px;
	margin-right:10px;
	
}

.phone{font-family: 'oswaldbook'; font-size:24px; color:#999;}
.indicatif {color:#000;}


/* Les FORMULAIRES----------------------------------------------------------  */
/* Les ZONES DE FORMULAIRES DE RECHERCHE------------------------------------  */	
textarea {
	border:1px solid #ccc;
	background-color:#FFFFFF;
	font-family: Helvetica, sans-serif;
}
/* Navigation pages ------------------------------------  */	
#pages {
	position:relative;
	float:left;
	width:750px;
	height:auto;
	text-align:left;
}
.Cpage, .Npage {
	border:1px solid #eee;
	width:35px;
	height:35px;
	font-weight:normal;
	text-align:left;
	padding:5px 5px 5px 0;
	font-size:14px;
	line-height:14px;
}
.Npage  {color:#555;background-color:#fff;}
.Npage:hover {cursor:pointer;color:#e63590;}
.Cpage {color:#e63590; background-color:#fff; font-weight:bold;}
#retour_haut {
	position:relative;
	float:right;
	width:120px;
	height:auto;
}
#retour_haut img {border:none;}
#retour_haut a {color:#936;text-decoration:none;}
#prepied {
	position:relative;
	float:left;
	width:1000px;
	height:200px;
	text-align:left;
	padding:25px 0 0 0;
	font-size:14px;
	margin:50px 0px 20px 0;
	font-family: Helvetica, sans-serif;
	border-top:1px solid #eee;

}

#prepied  li a{
	color:#555;
}

#prepied  ul li {
	margin-left:-10px;
	list-style:square;}


.pied-info, .pied-devis, .pied-livraison, .pied-rembourse, .pied-paiement{ float:left; position:relative; width:220px; height:170px;  margin-left:5px; margin-right:20px;}


.pied-info h3, .pied-devis h3, .pied-livraison  h3, .pied-rembourse h3, .pied-paiement h3 { font-family: 'oswaldbook'; font-size:18px; padding:0px 0 0 60px; font-weight:normal; height:50px;}

.pied-info h3 {background: url(/images/pied-infos1.png) no-repeat top left;}
.pied-devis h3{background: url(/images/pied-devis1.png) no-repeat top left;}
.pied-livraison h3 {background: url(/images/pied-livraison1.png) no-repeat top left;}
.pied-rembourse h3 {background: url(/images/pied-rembourse1.png) no-repeat top left;}
.pied-paiement h3 {background: url(/images/pied-paiement1.png) no-repeat top left;}
#pied {
	position:relative;
	float:left;
	width:1000px;
	height:250px;
	text-align:right;
	color:#555;
	font-size:14px;
	font-family: Helvetica, sans-serif;
	padding:5px;
	margin:20px 0px;
}
/* Affichage des vignettes articles */
.v-dejapanier {
position:relative;
float:left;
margin-top:25px;
	border:none;
	color:#0cff00;
	width:60px;
	font-size:1.2em;
	font-weight:bold;
	background-image:url(/images/v-panier.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left bottom;
	font-family: Helvetica, sans-serif;
	text-align:right;
	font-style:normal;
}
.v-dejapanier:hover  {
	cursor:pointer;
	border:none;
	color:#FF6699;
	background-image:url(/images/v-panier2.png);
}
.dejapanier {
	border:none;
	text-align:right;
	color:#e63590;
	background:#fff;
	
}
.dejapanier:hover {cursor:pointer;border:none;color:#FF6699;}
/* LE FORMULAIRE d'inscription ------------------------------------  */	
.inscription input {color:#000;}
.inscription select {color:#000;}
.inscription option {color:#000;}
.inscription textarea {color:#000;}
p.offreSpeciale {
	margin:0;
	padding:0;
	color:fuchsia;
	background-color:#FF0;
	text-decoration:blink;
	font-weight:bold;
	text-transform:uppercase;
}
.remisepromo {
	position:absolute;
	top:179px;
	left:0;
	width:100px;
	color:#e63590;
	background-color:#ff0;
	margin-top:10px;
	padding:5px;
	font-size:24px; font-family: 'oswaldbook';
	text-align:center;
	z-index:100;
}
.remise {

	color:#e63590;
	background-color:#ff0;
	margin-top:10px;
	padding:5px;
	font-size:24px; font-family: 'oswaldbook';
	text-align:center;
}


span.nomProduit {font-weight:bold; 	color:#555; font-size:16px;}
span.nomMarque {font-weight:bold;}
span.prixHT {color:#343434;}
span.prixTTC {color:#000;}
.prixTTCbarre{text-decoration:line-through;font-size:16px}
span.prixHTrem {color:#343434;}
span.prixTTCrem {color:#e63590; font-size:32px; font-family: 'oswaldbook';}
span.prixappel {color:#e63590; font-size:32px; font-family: 'oswaldbook';}
#suivi p {margin:3px;}
#suivi img {
	text-align:center;
	border:0;
	margin:0px 60px;
	margin-top:20px;
}
#info3D {padding:12px;text-align:justify;}
#info3D li {margin-top:6px;}
/* CSS menu */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
.clearfix {display:block;}


#Famille {position:relative; float:left; background:#343434; width:1000px; height:60px; }
.onlycssmenu, .onlycssmenu ul, .onlycssmenu ul li a, .onlycssmenu ul li span {
		font-size:14px;
}


.onlycssmenu li a:after{content:"|";  color:#535353; padding:0 5px 0 5px;}

.onlycssmenu {
	height:60px;
	line-height:60px;
	
}
.onlycssmenu ul {
	height:60px;
	margin:0;
	padding:0;
	list-style:none;
	
}
.onlycssmenu ul li {
	display:inline;
	float:left;
	
	
}
.onlycssmenu ul li.nopipe {background:none;}
.onlycssmenu ul li a {
	float:left;
	padding-left:0px;
	color:#FFFFFF;
	text-decoration:none;
	
}
.onlycssmenu ul li a span {
	float:left;
	height:60px;
	
}
.onlycssmenu ul li a:hover, .onlycssmenu ul li a.active {
	
	color:#e63590;
}

/* Zone supplémentaire en gras et rouge */
#zonsup{font-weight:bold;color:#e63590;}
/* Tableau */
table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
th {
	
	width: 50px;
	padding: 10px 10px 10px 10px;
	
}

td {
	font-family: Helvetica, sans-serif;
	vertical-align:middle;


}
caption {font-family: Helvetica, sans-serif;}
/* Menus */
#cadre_login {
	position:relative;
	float:right;
	height:auto;
	width:186px;
}
#cadre_login p {
	margin:0px;
	padding:0px;
}
#cadre_login, #cadre_login_haut, #cadre_login_milieu, #cadre_login_bas {
	width:186px;
}
#cadre_login_haut {
	height:34px;
	/* -moz-border-radius:10px 10px 0px 0px; */
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	background-color:rgb(119,97,97);
}
#cadre_login_haut h1{
	font-size:30px;
	font-family: 'Gabrielle';
	color:white;
	text-align:center;
	margin-top:-1px;
}
#cadre_login_milieu {
	/* -moz-border-radius:0px 0px 10px 10px; */
	-webkit-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
	background-color:rgb(241,241,241);
	padding-top:7px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	width:174px;
	border:1px solid;
}
#cadre_nouveaute p {
	margin:0px;
	padding:0px;
}
#cadre_nouveaute, #cadre_nouveaute_haut, #cadre_nouveaute_milieu, #cadre_nouveaute_bas {
	position:relative;
	float:right;
	width:186px;
	height:86px;
	cursor:pointer;
	width:186px;
}
#cadre_nouveaute_haut {
	position:relative;
	height:34px;
	/* -moz-border-radius:10px 10px 0px 0px; */
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	background-color:rgb(119,97,97);
}
@font-face { 
  font-family: "Gabrielle"; 
  /* src: url("/fonts/gabrielle.ttf"); */
}
#cadre_nouveaute_haut h1{
	font-size:30px;
	font-family: 'Gabrielle';
	color:white;
	text-align:center;
	margin-top:-1px;
}
#cadre_nouveaute_milieu {
	-moz-border-radius:0px 0px 20px 20px;
	-webkit-border-radius:0px 0px 20px 20px;
	border-radius:0px 0px 20px 20px;
	background-color:rgb(241,241,241);
	border:1px solid;
	padding-left:5px;
	padding-right:5px;
	width:174px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	height:180px;
}
#cadre_nouveaute_infos{	
	clear:both;
	text-align:center;
}
p.mdpPerdu {
	margin-bottom:8px;
	text-align:right;
}
p.mdpPerdu a {color:#936;text-decoration:none;}
p.mdpPerdu a:hover {font-weight:bold;text-decoration:underline;}
.clientnom{position:relative; float:left; width:auto; padding:12px 10px 0 10px; color:#e63590; font-weight:bold;}
.seConnecter{position:relative; float:left; width:auto; padding:0;}
p.inscrire{text-align:center;}
.seConnecter input {margin-top:10px;}
/********** PANIER **********/

#infos {position:relative; float:left; width:280px; height:125px;}
#cadreMiniPanier {
	height:auto;
	margin:0;
	float:left;
	width:240px;
	margin:0px 0px 0px 10px;
	background:#fff;
	font-size:14px;
	font-family: Helvetica, sans-serif;
}
#cadreMiniPanier p {
	text-align:right;
	margin-top:20px;
	padding:0px;
}

.panier-vide{ background: url(/images/panier-vide.png) no-repeat 30% 50%;  font-family: 'oswaldlight'; font-size:28px; color:#e63590; text-align:right; width:180px; padding:0 0 0 40px; margin-top:50px;}


#cadreMiniPanier input.submit   {
	color:#e63590;
}
#cadreMiniPanier input.submit:hover  {
	color:#fff;
}

#cadreMiniPanier a   {
	color:#e63590;
}
#cadreMiniPanier a:hover  {
	color:#fff;
}

#contenuMiniPanier {
	margin-top:0px;
	text-align:right;
}
#cadreMiniPanier_haut {
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	background-color:rgb(119,97,97);
	height:34px;
	width:186px;
}
#cadreMiniPanier_haut h1{
	font-size:30px;
	font-family: 'Gabrielle';
	color:white;
	text-align:center;
	margin-top:-1px;
}
#cadreMiniPanier_milieu {
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
	background-color:rgb(241,241,241);
	border:1px solid;
	height:auto;
	width:184px;
	padding-bottom:5px;
}
#cadreMiniPanier_milieu  p {text-align:center;}
#cadreMiniPanier table {margin-left:auto;}
.nbArticlePanier {font-weight:bold; font-size:16px; color:#e63590;}
.trait {
	height:30px;
	font-size:16px;
	font-weight:bold;
}
 #univers_coiffure, #univers_esthetique , #cgv, #contacter, #suiviColis {
	margin:2px 0px;
}
#univers_coiffure, #univers_esthetique {
	position:relative;
	float:right;
	width:186px;
	height:83px;
	margin-top:55px;
}
#univers_esthetique{
	/*background-image:url(/images/gui/cadre_univers_esthetique.png);
	background-repeat:no-repeat;*/
}
#univers_coiffure {
	/*background-image:url(/images/gui/cadre_univers_coiffure.png);
	background-repeat:no-repeat;*/
}
#cgv {
	position:relative;
	float:right;
	width:186px;
	height:86px;
}
#cgv img, #contacter img, #nouveautes img, #mercanet img, #suiviColis img {
	border:none;
}
#contacter {
	position:relative;
	float:right;
	width:186px;
	height:46px;
}
#suiviColis {
	position:relative;
	float:right;
	width:186px;
	height:120px;
	background-image:url(/images/gui/cadre_suivi.png);
	background-repeat:no-repeat;
}
#mercanet {
	position:relative;
	float:right;
	width:186px;
	height:120px;
	text-align:center;
}
#suiviColis p, #suiviColis a {
	margin:0px;
	padding:0px;
}
#logo_marque {
	position:relative;
	float:right;
	width:100px;
	height:100px;
}
#menu {
	position:relative;
	float:left;
	width:250px;
	
	
	
}
#menu_client {
	background: url(/images/login.png) no-repeat center left;
	position:relative;
	float:left;
	width:960px;
	height:40px;
	padding:10px 0 0 40px;
	font-family: Helvetica, sans-serif;
	
	}
/* #menu_client a {
	color:#555;
		}	*/
		
/* #menu_client a:hover{
	color:#e63590;
		}		*/	
	
.connecte {position:relative; float:right; }	

.connecte  input.submit { padding:5px 5px 5px 5px; margin:0px 0px 5px 5px;}




.navbox {
	position: relative;
	float: left;
	
}

ul.nav {
	list-style: none;
	width: 220px;
	position: relative;
	margin-left:-30px;
	
}



ul.nav li a {
	padding: 5px 5px 5px 0px;
	font-size:18px;
	color:#343434;
	display: block;
	text-decoration: none;
	
}

ul.nav li a:hover {
	color: #e63590;
	}

ul.nav li a:active{
	color: #e63590;
	
}



/* promo */
div.cadre_promo {
	position:relative;
	float:left;
	height:auto;
	width:230px;
	padding-bottom:30px;
	padding-right:20px;
	height:350px;
	margin-bottom:30px;
}
div.cadre_promo p, div.cadre_promo a  {
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:Helvetica, sans-serif;
	font-size:13px;
	color:#343434;
	
}
div.cadre_promo_haut {
	width:230px;
	
}
div.cadre_promo_milieu {
	width:230px;
	height:auto;
	
}
div.cadre_promo_milieu p {clear:both;text-align:left; color:#999;
}
div.promo-photo {
	position:relative;
	height:230px;
	width:230px;
	border:1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding:0px;
	overflow:hidden;
}
div.promo-photo img {
	height:230px;
	width:230px;
	border:none;
}

.description { width:230px; height:45px; text-align:left;}


/* Sous-Famille */
div.sousFam {
	position:relative;
	float:left;
	width:220px;
	color:#555;
	text-align:center;
	border:1px solid #ccc;
	font-family:Helvetica, sans-serif;
	margin: 10px 10px 10px 10px;

}

div.sousFam  h2 {
	font-weight:normal;
	color:#555;
	font-size:16px;
width:200px;

}

div.sousFam  a {
	font-weight:normal;
	color:#555;
	text-decoration:none;
}
div.sousFam  p {
	text-align:center;
}
div.sousFam_haut {
	height:55px;
	width:200px;
	padding:10px;
	border-bottom:1px solid #ccc;
	
}
div.sousFam_milieu {
	width:220px;
	padding:20px 0 20px 0;
	
}
div.sousFam_milieu img {
	height:220px;
	width:220px;
	
	
}
div.sousFam_bas {
	height:13px;
	width:220px;
	
	background-repeat:no-repeat;
}
div.sousFam_haut a:hover {
	color:#e63590;
	font-weight:bold;
}
/* Liste + Détails produits */
#ficheProduit {
	position:relative;
	float:left;
	width:740px;
	margin:10px 0px;
	padding:5px;
	height:auto;
	
}
#p-detail {
	position:relative;
	float:left;
	width:470px;
	margin-left:30px;
	
}
#p-prix p, #p-remQte p{padding:0;margin:0;}
#p-prix, #p-remQte {
	position:relative;
	float:left;
	width:470px;
	min-height:50px;
	text-align:right;
}

.prix{
	position:relative;
	float:right;
	clear:right;
	text-align:right;
}


#p-prix .remise{ position:relative; float:right; width:100px; height:50px;}
#p-remQte{text-align:center;border:0px solid red;}
#p-remQte table  {width:200px;	margin:20px 10px 20px auto ;}
#p-commander {
	position:relative;
	float:right;
	width:470px;
	height:auto;
	text-align:right;
	margin-top:15px;
}

#p-commander p {margin:20px 10px 20px 0;padding:0;}


#p-commander input.submit {
	font-size:16px;

}
#p-commander input.submit:hover{
	
}
#p-commander select {
	background-color:#FFF;
	font-size:13px;
	font-weight:normal;
	border:1px solid #A4C3CA;
	color:#e63590;
}



#p-description {clear:both;}
#p-photo {
	/*position:relative;*/
	float:left;
	height:230px;
	width:230px;
	z-index:5;
	border:none;
	text-decoration:none;
}
#p-photo p {text-align:center;}
#p-photo img {
	width:230px;
	height:230px;
	border:0px solid #999;
}
/*#p-photo img:hover {
	width:230px;
	height:230px;
	position:relative;
	border:1px solid #999;
}*/
#promomarque{text-align:center;font-weight:bold;}
div.p-desig {
	min-height:20px;
	height:auto;
	width:230px;
	color:#FF66CC;
	background-color:#e2ff71;
}
div.p-desig a {
	font-weight:bold;
	text-transform:capitalize;
	text-align:center;
	text-decoration:none;
}
div.p-desig a:hover {	
	color:#FF66CC;
	text-decoration:underline;
}
fieldset {
	border:1px solid #ccc;
	margin-bottom:20px;
	padding:10px 20px 50px 20px;
	text-align:justify;
	
}
legend {
	font-family: 'oswaldlight';
	font-size:24px;
	background-color:#fff;
	padding:10px 10px 10px 10px;
}
div.iciRelais {
	position:relative;
	float:left;
	width:340px;
	min-height:140px;
	max-height:140px;
	margin:5px 5px;
	/*padding:5px;*/
	height:auto;
	border:1px dashed #ccc;
	background-color:#fafafa;
}
div.adrlivok {
	position:relative;
	float:left;
	width:600px;
	min-height:100px;
	margin:10px 0px 15px 0px;
	padding:15px;
	height:auto;
	border:1px dashed #ccc;
	background-color:#fafafa;
}
.vignette {
	position:relative;
	float:left;
	width:730px;
	height:auto;
	margin:10px auto;
	padding:10px;
	padding-right:0px;
	border:1px solid #ccc;
	font-weight:normal;
}
div.v-photo {
	float:left;
	width:150px;
	height:160px;
	z-index:5;
	padding:0px;
	margin:0px;
}
div.v-photo p {width:60px;padding-left:30px;}
div.v-photo a {text-decoration:none;}
div.v-photo img{
	width:150px;
	height:150px;
	border:0px solid #999;
}
.v-desig {
	
	float:left;
	width:350px;
	margin-left:20px;
	text-align:left;
	font-weight:normal;
	font-size:16px;
	
}
.v-desig  p {margin:0; padding:5px;}
.v-desig a {
	font-weight:bold;
	color:#555;
}
.v-desig a:hover {
	color:#e63590;
	text-decoration:underline;
}
div.v-prix {
	padding-top:20px;
	float:left;
	width:170px;
	text-align:center;
}
div.v-remQte {
	width:400px;
}
div.v-prix p, div.v-remQte p{
	margin:0;
	padding:3px 0;
}
div.v-remQte table {width:160px;}
input.refProduit {border:none;background-color:transparent;}
div.vignette input.submit {
	font-size:16px;
}

div.vignette select {
	background-color:#FFF;
	font-size:13px;
	font-weight:normal;
	border:1px solid #A4C3CA;
	color:#e63590;
}
.vignette a{
	float:left;
}
/* Inscription */

#inscription h1 { width:750px; height:50px; background: url(/images/titre-section.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 0 60px; margin:10px 0 20px 0; font-weight:normal;}
#inscription table {
	margin-left:30px;
	padding:5px;
	width:560px;
}

#inscription td {
	
	padding:5px;

}






#inscription-professionnel, #inscription-particulier {
	display:none;
	visibility:hidden;
}
#typeCompte {display:block;visibility:visible; font-size:16px;
}
span.champObligatoire {
	margin:0px 5px;
	color:red;
	font-weight:bold;
}
#inscription table p {margin:0px;padding:0px;}
#inscription td {vertical-align:top;}
/* Arrondi centre */


#contenuCentre {
font-family:Helvetica, sans-serif;
font-size:14px;
	
}


#contenuCentre   h5{ width:750px; height:50px; background: url(/images/titre-section.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 0 60px; margin:10px 0 20px 0; font-weight:normal; text-transform:uppercase;}

#contenuCentre  input.submit {
	font-weight:bold;
	text-align:center;
	margin-left:10px;
	color:#fff;
	padding:5px;
	background-color:#e63590;
	border:1px solid #e63590;
}
#contenuCentre input.submit:hover{
	cursor:pointer;
	background-color:#fff;
	color:#e63590;
}


/* Panier */
#detailPanier table{ border-collapse:collapse;}
#detailPanier table, #detailPanier td{border:1px solid #ccc;text-align:right; padding-right:10px; }



#detailPanier a {
	text-decoration:none;
	color:#333;
	font-weight:bold;
}



#detailPanier td.desigArticle {text-align:left; padding:10px 0 10px 5px; font-size:11px; }
#detailPanier th.ligneEntete{padding:5px;font-size:1.2em;background-color:#fff; text-align:center;}
#detailPanier tr.ligneClaire{background-color:#fff;}
#detailPanier tr.ligneFoncee{background-color:#fafafa;}
#detailPanier p {margin:0px;padding:0px;}
#listeArticles {width:730px;	margin-top:10px;margin-bottom:3px;}
#listeArticles  input{background-color:#FFF;border:none;}
#total {
	margin-top:30px;
	margin-bottom:20px;
	width:450px;
	font-size:1.3em;
}
/* Carousel */
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 330px;
    padding: 20px 40px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  330px;
    height: 75px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/* Slider */
body {color:#555;}
p {line-height:1.4; margin-bottom:12px}
#wrapper {width:578px;margin-top:10px;margin-left:10px;}
.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {margin:0; padding:0;float:left; position:relative; overflow:auto; width:150px; height:150px; border:2px solid #fff; background:#fff}
#slider ul {margin:0; padding:0;position:absolute; list-style:none; top:0; left:0}
#slider li {margin:0; padding:0;float:left; width:150px; height:150px; padding-right:10px}
.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}
li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {color:#555;}
.magnifyarea{
	box-shadow: 5px 5px 7px #818181;
	-webkit-box-shadow: 5px 5px 7px #818181;
	-moz-box-shadow: 5px 5px 7px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	background: white;
}
/* Image effect */
.details{
		width:220px;
		height:220px;
		background:#000;
		color:#fff;
		text-align:center;
	}
.details a{
	color:white;
	font-size:16px;
}
#demo-5{position:relative;}
#demo-5 .details{
	opacity: .7;
	position:absolute;
	top:0;
	left:0;
	margin-left:-230px;
	-webkit-transition: margin-left;
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-duration: 250ms;
	-moz-transition: margin-left;
	-moz-transition-timing-function: ease-in;
	-moz-transition-duration: 250ms;
	transition: margin-left;
	transition-timing-function: ease-in;
	transition-duration: 250ms;
}
#demo-5:hover .details{
	margin-left:0;
}
#neon {
	padding-top: 10px;
	padding-bottom:20px;
}
.neon h2neon{
	color: #fff;
	text-align: center;
	font-family: "Museo";
	font-size: 20px; text-transform: uppercase;
	text-shadow: 0 0 4px #fff, 0 0 8px #fff, 0 0 12px #fff, 0 0 16px #ff00de, 0 0 20px #ff00de, 0 0 24px #ff00de, 0 0 30px #ff00de, 0 0 36px #ff00de;
}
/* Subtitle effect */
#neon hneon {
	color: #fff;
	text-align: center;
	margin: 10px auto;
	font-family: "Museo";
	font-size: 36px; text-transform: uppercase;
	text-shadow: 0 0 4px #fff, 0 0 8px #fff, 0 0 12px #fff, 0 0 16px #ff00de, 0 0 20px #ff00de, 0 0 24px #ff00de, 0 0 30px #ff00de, 0 0 36px #ff00de;
}
/* Formulaire */
.search
{
	
	height: 30px;
	width: 260px;
	           
}
.subsearch
{		
	background: #6cbb6b;
	background-image: -moz-linear-gradient(#95d788, #6cbb6b);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788));
	-moz-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	border-width: 1px;
	border-style: solid;
	border-color: #7eba7c #578e57 #447d43;
	 -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;   		
	height: 35px;
	margin: 0 0 0 10px;
    padding: 0;
	width: 120px;
	cursor: pointer;
	font: bold 14px Arial, Helvetica;
	color: #23441e;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.subsearch:hover
{		
	background: #95d788;
	background-image: -moz-linear-gradient(#6cbb6b, #95d788);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #95d788),color-stop(1, #6cbb6b));
}	

.subsearch:active
{		
	background: #95d788;
	outline: none;
   
	 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.subsearch::-moz-focus-inner
{
   border: 0;  /* Small centering fix for Firefox */
}		

h5{
	text-align:left;
	margin-left:12px;
}
.fill{
	padding: 5px 15px 5px 5px;
	height: 16px;
	width: 130px;
	border: 1px solid #a4c3ca;
	margin:0px 20px 0 15px;
          
}
.commande{
	width:650px;
	height:60px;
	float:left;
	text-align:left;
}

/*pour la modification des infoperso*/
#emailCli{
	width:100%;
}


/*Fin de la modification des infoperso*/

#texteML {
	background:#f5e3ff; 
	border:1px solid #727; 
	text-align:center;
	padding-top:15px;
	padding-left:0px;
	width:700px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	margin-left:auto;
	margin-right:auto;
	
	/*position:block;
	width: 446px;
	font-size: 11px;
	color: #000;
	background-color: #f5e3ff;
	margin-top:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align: justify;*/	
	}

#texteML a{
	font-size: 11px;
	text-decoration:none;
	color: #ff9900;
}

#texteML a:hover{
	font-size: 11px;
	text-decoration:underline;
	color: #FFCC66;  
}

#mentions{
	color:#564060;
	text-decoration: none;
}

#cgvlink{
	color:#555555;
	text-decoration: none;
}

#cgvlink:hover{
	text-decoration:underline;	
}

#devisGratuit{
	left:3%;
	width:10%;
    position:absolute;	
}

#LivraisonGratuite{
	left:28%;
	width:10%;
	position:absolute;
}

#SatisRemb{
	right:38%;
	width:10%;
	position:absolute;
}

#Paiement{
	right:13%;	
	width:10%;
	position:absolute;
}
#proc{
    text-align:left;
}
#details ul{
	padding-left:0px;
    margin-left:0px;
}
#details ul li{
    padding-left:0px;
	margin-left:0px;
}

#DetailsLivr{
	border:1px solid;
	border-collapse: collapse;	
}
#DetailsLivr th{
	border: 1px solid;
}
#DetailsLivr td{
	border: 1px solid;	
}

.title{
	font-size:1.1em;
    font-weight:bold;
}

.contenu{
	text-align: left;
}





/*SLIDER*/
.cbp-fwslider {
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0px 0 0px 0px;
}

.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}

.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
	display: block;
	text-align: center;
	outline: none;
}

.cbp-fwslider ul li > a img {
	border: none;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.cbp-fwslider nav span {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 100px;
	background: #e67fb4;
	color: #fff;
	font-size: 50px;
	text-align: center;
	margin-top: -50px;
	line-height: 100px;
	cursor: pointer;
	font-weight: normal;
}

.cbp-fwslider nav span:hover {
	background: #e63590;
}

.cbp-fwslider nav span.cbp-fwnext {
	right: 0px;
}

.cbp-fwslider nav span.cbp-fwprev {
	left: 0px;
}

.cbp-fwdots {
	position: absolute;
	bottom: 0px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

.cbp-fwdots span {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #ddd;
	margin: 4px 4px 24px 4px;
	border-radius: 50%;
	cursor: pointer;
}

.cbp-fwdots span:hover {
	background: #999;
}

.cbp-fwdots span.cbp-fwcurrent {
	background: #e63590;
	box-shadow: 0 0 0 2px #e63590;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}


.marque { width:200px; height:50px; background: url(/images/marque1.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 0 60px; font-weight:normal;}
.nouveautes  a{ width:200px; height:50px; background: url(/images/icone-nouveautes.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 10px 60px; font-weight:normal; color:#555; }
.destockage  a{ width:200px; height:50px; background: url(/images/icone-destockage.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 0 60px; font-weight:normal;  color:#555; margin-top:}
.titre-accueil { width:750px; height:50px; background: url(/images/selection1.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 0 60px; margin:10px 0 20px 0; font-weight:normal;color:#e63590;}
.titre-section  h1{ width:750px; height:50px; background: url(/images/titre-section.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 0 60px; margin:10px 0 20px 0; font-weight:normal;}
.titre-accueilnew { width:750px; height:50px; background: url(/images/icone-nouveautes.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 0 60px; margin:10px 0 20px 0; font-weight:normal;color:#e63590;}
.titre-accueildestock{ width:750px; height:50px; background: url(/images/icone-destockage.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 0 60px; margin:10px 0 20px 0; font-weight:normal;color:#e63590;}
.nouveautesnew  a{ width:200px; height:50px; background: url(/images/selection1.png) no-repeat top left; font-family: 'oswaldbook'; font-size:24px; padding:5px 0 0 60px; font-weight:normal;  color:#555; margin-top:}
.detail {background:url(/images/detail.png) no-repeat top left; width:100px; height:30px; padding:5px 0 0 35px;}
.detail a { color:#e63590; text-decoration:underline; font-weight:normal; }

.contact-form  td{padding:10px;}

#cgvcontain {padding-top:25px;}

hr {color:#fff; background:#eee; height:1px;}

.asubmit{
   color:#555;
   background:transparent;
   border:0;
}
.asubmit:hover {
   background: #e63590;
   color: #ffffff;
   cursor:pointer;
}
.asubmit:active {
    background: #e63590;
}