/* CSS Document */
html {
	background-color: #B33891;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	padding:0px;
	text-align:center;
	color: #781690;
	position:relative;
	}
form {	
	background-image:url(images/fond.gif);
	background-repeat:repeat-y;
	background-position: center 405px;
	background-color: #B33891;
	margin:0px;
	padding:0px;
	text-align:center;
	position:relative;
	}
body {
	position:relative;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color: #B33891;
	}
/*styles des liens par défaut*/

a {	
	text-decoration: none;
	color: #DC4194;
	}
a:hover {
	text-decoration: none;
	color: #EE7B2F;
	}

	
/*styles des images*/

img { 
	border:none;
	margin:0px;
	}
.struct-gauche {
	float:left;
	position:relative;
	margin: 0px;
	}
.struct-droite {
	float:right;
	position:relative;
	margin: 0px;
	}
.gauche {
	float:left;
	position:relative;
	margin: 4px 12px 4px 0px;
	}
.droite {
	float:right;
	position:relative;
	margin: 4px 0px 4px 4px;
	}
.txt_petit {
	font-size:9px;
	}
.violet {
	color:#89339E;
	}
/*hr invisible*/

.separation {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}
.separation2 {
	clear:left;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}
#colonne_droite {
	width:240px;
	float:right;
	margin:0px;
	padding:0px;
	position:relative;
	}
#colonne_droite_acc {
	width:316px;
	float:right;
	margin:0px;
	padding:0px;
	position:relative;
	}
#colonne_droite_acc object{
	margin:0px 0px 0px 76px;
	}
#contenant {
	width:980px;
	margin:0px auto 0px auto;
	padding:0px;
	position:relative;
	text-align:left;
	background-image: url(images/fond-haut.gif);
	background-repeat:no-repeat;
	background-position:top center;
	}
	
/*styles du panier à droite de l'écran*/
#panier {
	background-image: url(images/fond-panier.gif);
	background-repeat:no-repeat;
	background-position:0px 60px;
	margin:5px 89px 15px 0px;
	padding:0px;
	position:relative;
	text-align:left;
	float:right;
	width:208px;
	}
.iframe {
	margin:0px;
	border:none;
	position:relative;
	width:208px;
	height:90px;
	}
a.detail {
	margin:0px 0px 10px 74px;
	font-size:10px;
	color:#781690;
	}
a:hover.detail{
	color: #EE7B2F;
	}
	
/*fil d'ariane*/
#ariane {
	position:relative;
	font-size:10px;
	width:225px;
	margin:0px 0px 0px 144px;
	padding:25px 0px 0px 0px;
	clear:left;
	}
#ariane a {
	text-decoration:underline;
	color:#781690;
	}
#ariane a:hover {
	color: #EE7B2F;
	}

/*fil d'ariane 2 (dans admin actualités*/
#ariane2 {
	position:relative;
	font-size:10px;
	width:500px;
	margin:0px 0px 0px 144px;
	padding:25px 0px 0px 0px;
	clear:left;
	}
#ariane2 a {
	text-decoration:underline;
	color:#781690;
	}
#arian2e a:hover {
	color: #EE7B2F;
	}
#contenu_acc {
	clear:left;
	position:relative;
	width:745px;
	margin:0px 12px 0px 90px;
	}	
	
#contenu {
	clear:left;
	position:relative;
	width:545px;
	margin:0px 12px 0px 90px;
	}
#contenu-iframe {
	clear:left;
	position:relative;
	width:750px;
	margin:0px 12px 0px 90px;
	}
/*styles des actus*/	
.actu {
	width:350px;
	margin:10px 20px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
	}	
	
	
/*styles des contenus*/

.intro {  /* HORS DU BLOC CONTENU !!! titre principal + intro, page famille (ex : turbans)*/
	margin: 60px 0px 0px 90px;
	font-size:12px;
	width:300px;
	font-style:italic;
	font-weight:normal;
	text-align:justify;
	position:relative;
	}
.intro2 {  /* HORS DU BLOC CONTENU !!! titre principal + intro, page famille (ex : turbans)*/
	margin: 60px 0px 0px 90px;
	width:600px;
	font-weight:normal;
	text-align:justify;
	position:relative;
	}
.intro22 {  /* HORS DU BLOC CONTENU !!! titre principal + intro, page famille (ex : turbans)*/
	margin: 60px 0px 0px 90px;
	width:500px;
	font-weight:normal;
	text-align:justify;
	position:relative;
	}


h2 {   /*titre secondaire : nom d'un modèle (ex : modèle Iris)*/
	font-size:14px;
	font-weight:bold;
	color:#B33891;
	height:17px;
	margin: 0px;
	}
h2 a{
	color:#B33891;
	}
h2 a:hover{
	color: #EE7B2F;
	}
h2.accueil {   /*titre secondaire : nom d'un modèle (ex : modèle Iris)*/
	font-size:14px;
	font-weight:bold;
	color:#B33891;
	height:17px;
	margin: 0px 0px 15px 0px;
	}
h3 {   /*titre secondaire : nom d'un modèle (ex : modèle Iris)*/
	font-size:13px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	color:#89339E;
	}
p { 
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
	text-align:justify;
	}
p.vue { /*pour correction en entrée de la vue modèle page modèle*/
	margin:0px 0px 0px 0px;
	padding:0px;
	position:relative;
	font-size:3px;
	color:#FFFFFF;
	float:left;
	text-align:justify;
	}
.sous-titre {/*texte en italique (par ex : collection printemps été)*/	
	font-size:13px;
	font-style:italic;
	color:#EE7B2F;
	}
.tarif {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	float:right;
	text-align:right;
	font-weight:bold;
	font-size:14px;
	color:#B33891;
	}
.rouge {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	float:right;
	text-align:right;
	font-weight:bold;
	color:#FF0000;
	}
.rouge3 {
	font-weight:bold;
	color:#FF0000;
	font-size:10px;
	}

.rouge4 {
	font-weight:normal;
	color:#FF0000;
	font-size:12px;
	}
.attention {
	width:100%;
	display:block;
	border:1px solid #F4AA47;
	background-color:#F6DEEF;
	font-size:12px;
	font-style:italic;
	position:relative;
	padding:5px;
	}
.vignette {
	width:55px;
	height:73px;
	margin:0px 4px 0px 0px;
	position:relative;
	}
.vignette2 {/*POUR PANIER*/
	width:55px;
	height:73px;
	margin:0px 4px 0px 0px;
	
	}
.bouton {
	background-image:url(images/bout-vide.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:120px;
	height:26px;
	display:block;
	position:relative;
	margin:55px 0px 0px 0px;
	padding:2px 0px 0px 10px;
	float:right;
	font-weight:bold;
	font-size:10px;
	}
.bouton a{
	color:#781690;
	}
.bouton a:hover{
	color: #EE7B2F;
	}


/*styles supplémentaire pour page modèle*/	

h1.modele{	/*titre principal page modèle*/
	font-size:14px;
	font-weight:bold;
	margin: 20px 0px 0px 144px;
	font-style:normal;
	text-align:left;
	color:#B33891;
	}
p.modele { 
	margin:20px 0px 20px 144px;
	padding:0px;
	width:580px;
	position:relative;
	text-align:justify;
	}
.reference {
	width:152px; 
	height:260px;
	margin:20px 15px 0px 0px;
	float:left;
	position:relative;
	}
.reference p{
	width : 128px;
	margin: 4px 0px 0px 24px;
	font-size:11px;
	}	
.reference p span{
	float:none;
	text-align:left;
	display:inline;
	}		
.tarif2 {
	position:relative;
	margin: 0px;
	padding:0px;
	text-align:right;
	font-weight:bold;
	font-size:12px;
	color:#B33891;
	}	
.tarif3 {/*avec un cadre = infos pour la gestion de stock)*/
	position:relative;
	margin: 4px 0px 0px 0px;
	padding:5px;
	width:390px;
	font-weight:normal;
	color:#B33891;
	border:1px solid #FF0000;
	}	
.photo {
	width:128px;
	height:175px;
	margin:0px 0px 0px 0px;
	position:relative;
	}

/*tableau panier de commande détaillé*/

.panier_detail {
	font-weight:bold;
	color:#B33891;
	border-bottom:1px solid #B33891;
	}
.panier_total {
	font-weight:bold;
	color:#B33891;
	font-size:14px;
	}	
/*Styles de la navigation basse*/
#bas1 {
	position:relative;
	margin:0px;
	padding : 0px;
	texte-align:center;
	}
#bas2 {
	background-color: #B33891;
	position:relative;
	margin:0px auto 0px auto;
	padding : 0px 0px 0px 9px;
	text-align:center;
	color:#FFFFFF;
	bottom:0px;
	}
#bas2 a {	
	text-decoration: none;
	color: #FFFFFF;
	}
#bas2 a:hover {
	text-decoration: none;
	color: #EE7B2F;
	}
#bas2 span a  {
	color:#B33891;
	}
#bas2 span a:hover {
	color:#B33891;
	}
	
/*Styles pour l'administration*/
#contenu2 {
	clear:left;
	position:relative;
	width:660px;
	margin:0px 12px 0px 70px;
	}
#contenu2 p {
	margin 0px;
	}
#image {
	width:280px;
	height:220px;
	float:left;
	border:1px solid #EBD8BF;
	position:relative;
	margin:0px 20px 0px 0px;
	padding:5px;
	}
.ligne-jaune {
	background-color:#EBD8BF;
	color:#EBD8BF;
	border:none;
	height:1px;
	clear:both;
	margin:0px;
	}
.rouge2 {
	font-weight:bold;
	color:#FF0000;
	}
.rose {	
	font-weight:bold;
	color: #DC4194;
	}
/*liste des références*/
#contenu3 {
	clear:left;
	position:relative;
	width:800px;
	margin:0px 12px 0px 70px;
	}
#contenu3 p {
	margin: 0px;
	}
#iframeref {
	float:right;
	position:relative;
	width:470px;
	height:600px;
	margin:0px 0px 0px 30px;
	color:#EBD8BF;
	background-color:#EBD8BF;
	border: 1px solid #EBD8BF;
	}
h1.admin {
	color:#781690;
	font-size:18px;
	font-weight:normal;
	}
h1.admin2 {
	color:#DF00A1;
	font-size:20px;
	font-weight:normal;
	}
table.admin {
	font-size:12px;
	}
table.admin tr,td{
	font-size:12px;
	}
h2.admin {
	margin-left:40px;
	}
.ancres {
	text-align:center;
	color:#EBD8BF;
	}	
.ancres a{
	line-height:18px;
	padding:2px;
	font-size:11px;
	word-spacing:-2px;
	color:#000000;
	background-color:#F8E9D5;
	}
.ancres a:hover{
	font-size:11px;
	word-spacing:-2px;
	color:#FFFFFF;
	line-height:18px;
	background-color:#EE7B2F;
	}
a.vente {
	display:block;
	width:68px;
	height:24px;
	line-height:10px;
	margin:2px 0px 0px 0px;
	background-image:url(images/bt-vente-over.gif);
	background-position:top left;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	color:#000000;
	}
a:hover.vente {
	display:block;
	width:68px;
	height:24px;
	margin:2px 0px 0px 0px;
	background-image:url(images/bt-vente.gif);
	background-position:top left;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	}