/* Architecture principale */

body {

	background-image:url(/images/background.jpg);

	background-repeat:no-repeat;

	background-attachment:fixed;

	background-position:center center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:0.8em;

}



h5 {

	font-size:1.1em;

	margin:0px;

	padding:0px;

}



input.submit {

	font-weight:bold;

	color:#936;

	background-color:#fff;

	border:1px solid #936;

	/*margin-right:4px;*/

}



input.submit:hover {

	cursor:pointer;

	color:#fff;

	background-color:#936;

	border:1px solid #fff;

}



#conteneur {

	position:relative;

	width:1000px;

	margin:0 auto;

	padding:0;

	margin-top:5px;

}



#general {

	position:relative;

	float:left;

	width:810px;

	height:auto;

}



#centre {

	position:relative;

	float:left;

	height:auto;

	width:590px;

	border:0;

	padding:0;

	background-color:#fff;

}



#cadre_banniere {

	position:relative;

	float:left;

	width:810px;

	height:202px;

	background-image:url(/images/gui/banniere1.png);

	background-repeat:no-repeat;

}



#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 {

	position:relative;

	float:right;

	width:272px;

	height:122px;

	margin-top:-110px;

}



#logo_activite_coiffure, #logo_activite_esthetique {

	position:relative;

	float:left;

	width:150px;

	height:36px;

	margin-left:75px;

}



#logo_activite_esthetique{

	background-image:url(/images/gui/logo_activite_esthetique.png);

	background-repeat:no-repeat;

}



#logo_activite_coiffure{

	background-image:url(/images/gui/logo_activite_coiffure.png);

	background-repeat:no-repeat;

}



#menu_client {

	position:relative;

	float:right;

	width:190px;

	height:auto;

}



#logos_banniere {

	position:relative;

	float:left;

	width:300px;

	height:165px;

}



#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 {

	padding-top:6px;

	position:relative;

	float:left;

	width:810px;

	height:32px;

	color:white;

	font-family:Arial, Helvetica, sans-serif;

	background-image:url(/images/gui/barre_recherche.png);

	background-repeat:no-repeat;

	font-weight:bold;

}



#recherche p {

	margin:0px;

	padding:0px;

	margin-left:50px;

}



#recherche input[type=text] {

	background-color:#fff;

	border:1px solid #999;

}



#rech_reference {

	margin-left:70px;

}



#rech_motcle {

	margin-left:12px;

}

#facebook{

	float:right;

	position:relative;

	background-image:url(/images/facebook.png);

	background-repeat:no-repeat;

	height:25px;

	width:25px;

	margin-right:10px;

	margin-top:-2px;

}





/* Les FORMULAIRES----------------------------------------------------------  */

/* Les ZONES DE FORMULAIRES DE RECHERCHE------------------------------------  */	

textarea {

	border:1px solid #FF66FF;

	background-color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

}



/* Navigation pages ------------------------------------  */	

#pages {

	position:relative;

	float:left;

	width:500px;

	height:auto;

	text-align:center;

}



.Cpage, .Npage {

	border:none;

	width:24px;

	height:24px;

	font-weight:bold;

	text-align:center;

}



.Npage  {

	color:#fff;

	background-color:#936;

}



.Npage:hover {

	cursor:pointer;

	color:#F69;

}



.Cpage {

	color:#000;

	background-color:#dd9bff;

}



#retour_haut {

	position:relative;

	float:right;

	width:120px;

	height:auto;

}



#retour_haut img {

	border:none;

}

	

#retour_haut a {

	color:#936;

	text-decoration:none;

}

	

#pied {

	position:relative;

	float:left;

	width:1000px;

	text-align:center;

	color:#fff;

	background-color:#dd9bff;

	font-weight:bold;

	padding:5px;

	margin:20px 0px;

}

	



/* Affichage des vignettes articles */

.v-dejapanier {

	border:none;

	color:#33CC66;

	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:Arial, 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;

	color:#000000;

	text-decoration:underline;

	background-color:#CCFF00;

	font-weight:bold;

}

	

.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;

}



p.remise, span.remise {

	color:#f00;

	background-color:#ff0;

	/*margin-left:10px;*/

	position:Relative;

	font-weight:bold;

	text-align:center;

}



span.nomProduit {

	font-weight:bold;

	color:#936;

}



span.nomMarque {

	font-weight:bold;

}







span.prixHT {

	color:#00f;

}



span.prixTTC {

	color:#000;

}



span.prixHTrem {

	color:#00f;

	font-weight:bold;

}



span.prixTTCrem {

	color:#000;

	font-weight:bold;

}



span.prixappel {

	color:#000;

	font-weight:bold;

}



#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;

}

* html .clearfix {

	height:1%;

}

.clearfix {

	display:block;

}

.onlycssmenu, .onlycssmenu ul, .onlycssmenu ul li a, .onlycssmenu ul li span {

	background-image:url(/images/menu_stip.png);

	background-repeat:no-repeat;

	font-family:Comic Sans MS;

	font-weight:bold;

	font-size:9px;

}

.onlycssmenu {

	height:41px;

	line-height:41px;

	background-position:-1005px 0px;

	padding-left:10px

}

.onlycssmenu ul {

	background-position: right -45px;

	height:41px;

	line-height:41px;

	margin:0;

	padding:0;

	list-style:none;

}

.onlycssmenu ul li {

	display:inline;

	float:left;

	padding:4px 4px 0 2px;

	background:url(/images/menu_div.png) no-repeat right 11px;

}

.onlycssmenu ul li.nopipe {

	background:none;

}

.onlycssmenu ul li a {

	float:left;

	padding-left:15px;

	color:#FFFFFF;

	text-decoration:none;

}

.onlycssmenu ul li a span {

	float:left;

	padding-right:15px;

	height:30px;

	line-height:30px;

}

.onlycssmenu ul li a:hover, .onlycssmenu ul li a.active {

	background-position: -1005px -90px;

	color:#6d30a9;

}

.onlycssmenu ul li a:hover span, .onlycssmenu ul li a.active span {

	background-position:right bottom;

}



/* Zone supplémentaire en gras et rouge */

#zonsup{

	font-weight:bold;

	color:red;

}



/* Tableau */

.tabl table {

	border: medium solid #6495ed;

	border-collapse: collapse;

	width: 100%;

}

.tabl th {

	font-family: monospace;

	border: thin solid #6495ed;

	width: 50px;

	padding: 5px;

	background-color: #D0E3FA;

}

.tabl td {

	font-family: sans-serif;

	border: thin solid #6495ed;

	width: 50px;

	padding: 5px;

	text-align: center;

	background-color: #ffffff;

}

.tabl caption {

	font-family: sans-serif;

}