/* CSS Document */

html { }

body {
	margin: 0px auto;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	color: #5B334C;
	text-decoration: none;
}

a img {border: none;}
/*#navBas p { clear: both; margin: 20px; padding: 20px; border-top: 1px solid #ccc; }
#navBas p img { float: right; }*/

.gohome {
	top: 0;
	left: 0;
	position: static;
	float: left;
	background-color: transparent;
}
.gohome:hover {
	background-color: transparent;
}

.wash{ clear: both; border: none;}

#banniere { display: none; position: relative; margin: 0 auto; width: 100%; text-align: center; font-size: 0.9em; color:#999; }
#snippet { font-size: 1em; font-weight: lighter; color: #CBCBCB; padding: 0 20px; margin: 0 0 10px 0;}
#site {	position: relative;
	background-color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #5B334C;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/afsm_02.gif);
	background-repeat: repeat-y;
}
#header {
	background-image: url(/images/afsm_01.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 768px;
	position:relative;
	padding-right: 10px;
}
#middle {
	height: 350px;
	width: 768px;
	position:relative;
}

#connexion { position: absolute; width: 210px; background-color: #FFF; color: #FE4692; padding: 10px; top: 50px; right: 10px; -moz-border-radius: 8px; border: 1px solid #e47bb3; text-align: left; }
#connexion a { font-size: 12px; color: #FE4692; }



#footer {
	background-color: #FFFFFF;
	background-image: url(/images/afsm_04.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 748px;
	position:relative;
	padding: 13px 10px 2px 10px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#footerLiens  {
		float:left; 
		width: 400px; 
		text-align: center; 
		left: 80px; 
		position:absolute;
}
#topmenu {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border-bottom: 1px #FCD6F0 dashed;	
	/*background-image: url(/images/top-menu.gif);*/
	background-repeat: no-repeat;
	height: 20px;
	width: 100%;
	padding: 2px 0px 0px 0px;	
	margin: 0px;
	text-align: left;
	vertical-align: middle;
}

#topmenu a{
	font-size: 11px;
}

#topmenu a:hover{
	text-decoration: none;		
}
/* ####################################################################################################################
					Généralités
####################################################################################################################### */
#common {position: relative; float: left; width: 750px; margin: 20px 10px 40px 10px;  font-family: "Trebuchet MS"; font-size: 1.3em;}  
#common ul { float: left; margin: 20px; } 
#common li {list-style-image: url(/images/puceMulti.gif); list-style-position: outside; margin: 0 0 5px 15px;}
#common h1{ font-size: 2em; font-weight: lighter; margin: 0 0 20px 0; clear: both; }
#common h2{ font-size: 1.7em; clear: both; margin: 25px 0 10px 0; color: #FE4692; font-weight: normal;}
#common h3{ font-size: 1em; clear: both; margin: 15px 0 10px 0; font-weight: bold;}
#common h4{ font-size: 1em; clear: both; margin: 15px 0 10px 0; font-weight: bold; text-indent: 25px; text-transform: uppercase;}
#common p{ line-height: normal; margin: 3px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #CCCCCC;}
#common h4 + p{  margin: 3px 0 10px 30px;}
#common form input {border: none;}
#common form p{ margin: 3px 0 5px 20px; padding: 0 0 10px 0; border: none;}
#common form p label span{ display: inline; font-size: 10px;}
#common label { font-weight: bold; float: left; width: 250px;  font-size: 13px;	padding: 4px 0px;}
#common label.compte{ float: left; width: 200px; font-size: 13px; padding: 4px 0px;}
#common input, textarea, select { margin: 2px; padding: 2px;font-size: 15px; }
#common .go{ background: url(images/valider.gif) no-repeat top left; width: 140px; height: 55px; border: none; cursor: pointer;}
#common .champ { width: 260px;  background-color: #fae5ef;  border: 1px solid #D7317E; }
#common .champ:hover { background-color: #f9d8e7; }
#common .champCourt { width: 230px; background-color: #fae5ef; border: 1px solid #D7317E;}
#common .champCourt:hover { background-color: #f9d8e7; }
#common .notes {  font-size: 0.9em; }
#common a{ color: #FE4692; text-decoration: underline; font-weight: normal;}
#common a img {border: none;}
#common a:hover {text-decoration: none;}
#common a.info { font-size: 14px; font-weight: bold; border: 1px solid #D7317E; padding: 3px 4px; background-color: #f9d8e7; }
#common a.info span{ display: none; } 
#common a.info:hover span { background-color: #f9d8e7; color: #D7317E; display: inline; font-size:0.7em; left:5px; padding:2px; position:absolute; top:245px; z-index:999; border: 1px solid #D7317E;}
#common blockquote { float: left; color: #000; background: #E0E0E0; border-left: 5px solid #ccc; padding: 5px 5px 5px 15px; margin: 0 0 30px 0; font-size: 1em; font-style: italic;}

#breadcrumb { font-family: "Trebuchet MS"; margin: 0 10px; border-bottom: 1px dotted #E0E0E0; padding-bottom: 5px;}
#breadcrumb a{ font-size: 1.1em; font-weight: lighter; }

.prixvente { font-size: 25px; font-weight: lighter; color: #E236A6; margin: 5px 0px; line-height: normal; }
.prixpromo { font-size: 12px;	line-height: normal; font-weight: bold;	text-decoration: line-through; }
.pasDispo { color: #E236A6; line-height: normal; font-weight: bold; }
.cartoucheNouveaute { font-size: 15px; background-color: #E236A6; font-weight: bold; text-transform: uppercase; color: #fff; padding: 3px;}
#cartouchePrecommande { position: relative; font-size: 15px; background-color: #48c9e6; font-weight: bold; text-transform: uppercase; color: #fff; padding: 3px; margin: 10px 0px;}
#cartouchePrecommande a{ margin-left: 10px; color: #fff; text-transform: none; border: 1px solid #fff; padding: 1px 7px; background: #86e8fe;}
#cartouchePrecommande a:hover{ text-decoration: none; background: #48c9e6; }
#cartouchePrecommande  span{ display: none; }
#cartouchePrecommande a:hover span{ display: block; position: absolute; top: 100px; right: 355px; border: 2px solid #fff; background: #86e8fe; color: #E236A6; padding: 60px 40px; width: 288px; -moz-box-shadow: 1px 1px 12px #555; -webkit-box-shadow: 1px 1px 12px #555; }

#gauche { margin: 20px; float: left; width: 200px; }
#droite { margin: 20px; float: right; width: 488px; }



/* ####################################################################################################################
					Page d'accueil
####################################################################################################################### */

#calqueTest { position: relative; width: 995px; border: 1px solid #FF0000;}

#accueil{ padding: 0; margin: 0;}
#accueil h2{ display: block; height: 55px; color: #FF6AB1; text-transform: uppercase; padding: 0px; margin: 0px 0px 5px 0px; }
#accueil a:hover{ text-decoration: underline; background-color: transparent; }
#accueil p{ font-size: 10px;	padding: 0px; margin: 0px; }
#accueil ul{ float: left; margin: 0px; padding: 0px; }
#accueil li{ width: 140px; height: 250px; float: left; list-style-image: none; list-style-type: none; margin: 0px 0px 15px 0px; padding: 5px; border-bottom: 1px dashed #ccc; }


#accueil2 { font-family: "Trebuchet MS"; }
#accueil2 h1{ font-size: 1.6em; color: #fff; font-weight: bold; margin: 0px; padding-left: 5px;}

#slider { float: left; margin: 20px; border: 1px solid #E0E0E0; border: #E0E0E0 solid 3px;}
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}
  	#slider ul, #slider li, #slider2 ul, #slider2 li{ margin: 0; padding: 0; list-style:none; }
	#slider2{ margin: 0px; padding: 0px;}
	#slider li, #slider2 li{ /*define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/
		 width: 550px; height: 350px;	overflow:hidden; }	
	#prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000;}	
	#nextBtn, #slider1next{ left:530px; }														
	#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  display: block; position: relative; width: 30px; height: 77px;	background:url(images/btn_prev.gif) no-repeat 0 0; }	
	#nextBtn a, #slider1next a{ background:url(images/btn_next.gif) no-repeat 0 0;	}	

#paveDroit {float:right; width: 230px; margin-right: 5px; padding-right: 5px;}



#accueilSelection {float: right; width: 320px; height: auto; background-color: #f2f2f2; border: 1px solid #FE4692; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#accueilSelection h1{  background-color: #FE4692; }
#accueilSelection  ul { margin: 0px; padding: 0 10px;}
#accueilSelection  ul li{ height: 160px; list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; border-bottom: #E0E0E0 dotted 1px;}
#accueilSelection ul li a{ color: #FE4692; text-decoration: underline; }
#accueilSelection ul li a:hover{ text-decoration: none; }
#accueilSelection ul li h2 a{ font-size: 1.4em; color: #3AA1B8;}
#accueilSelection ul li img{ float: left; margin: 0 10px 0 0; }

#accueilNouveautes {float: left; border: 1px solid #48c9e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f2f2f2;}
#accueilNouveautes h1{ background-color: #48c9e6; }
#accueilNouveautes ul{ float: left; margin: 0px; padding: 10px 0px; }
#accueilNouveautes ul+li{ border: none; }
#accueilNouveautes li{ width: 160px; float: left; list-style-image: none; list-style-type: none; margin: 0px; padding: 0px 2px; border-left: 1px solid #E0E0E0;}
#accueilNouveautes ul li h2 a{ display: block; color: #3AA1B8; text-decoration: underline; font-size: 1em; margin: 0px; }
#accueilNouveautes a:hover{ text-decoration: none; }
#accueilNouveautes ul li img{ margin: 5px 0px; }
#accueilNouveautes p{ padding: 0px; margin: 0px; }
#accueilNouveautes p {clear: both; text-align: right; }
#accueilNouveautes p a{color: #FE4692; text-decoration: underline;}
#accueilNouveautes p a:hover{ text-decoration: none; }

#feed { float: left; padding: 5px; }
#feed { font-size: 1.05em; }
#feed h2 { margin: 0 0 5px 0; }
#feed ul { padding: 0px; margin: 0px; }
#feed ul li{ list-style-type: none; list-style-image: none; margin: 10px 0; }
#feed ul li h3 { margin: 0 0 5px 0; }
#feed ul li h3 a { font-size: 1.1em;}
#feed li p { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #e2e2e2; }
#feed li p.date { font-size: 0.8em; border: none; margin: 0; padding: 0 0 5px 0;}


.prix  {
	font-size: 18px;
	color: #FE4692;
	margin: 5px 0px;
	line-height: normal;
}







.print {
		font-size: 9px;
		margin: 0px;
		padding: 0px;
}
#cellmenu {
	background-color: #FFEEF9;
	background-image: url(/images/cell-menu_02.gif);
	background-repeat: repeat-y;
	width: 200px;
}
#cellmenuhead {
	background-image: url(/images/cell-menu_01.jpg);
	background-repeat: no-repeat;
	width: 195px;
	height: 26px;
	padding-left: 5px;
}
#cellmenuin {
	background-image: url(/images/cell-menu_02.gif);
	background-repeat: repeat-y;
	width: 200px;
	margin: 30px 0 20px;
	text-align: left;
	padding-right: 5px;
	padding-left: 10px;
}
#cellmenufoot {
	background-image: url(/images/cell-menu_03.jpg);
	background-repeat: no-repeat;
	width: 200px;
	height: 16px;
	background-position: top;
}
/*#cellmenuin input {
	font-size: 10px;
	margin-left: 25px;
	
}*/

form input {
	border: 1px solid #999;
	margin: 0 5px 0 0;
	
}


p {
	line-height: 10px;
}

p.lienNormal {margin: 10px 12px; text-align: right;}
p.lienNormal a {font-weight: normal; }



a {
	font-weight: bold;
	text-decoration: none;
	color: #5B334C;
}
a:hover {
	
	text-decoration: underline;
	color: #5B334C;
}

li a {
	font-weight: normal;
	text-decoration: none;
	color: #5B334C;
}
li a:hover {
	font-weight: normal;
	text-decoration: none;
	background-color: none;
	color: #5B334C;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 12px;
	font-weight: bold;
}

h2 {
	font-size: 12px;
	font-weight: bold;
}
h3 {
	font-size: 11px;
	font-weight: bold;
}
h4 {
	font-size: 24px;
	font-weight: bold;
}

h5 {
	margin-right: 40px;
	font-size: 15px;
	font-weight: bold;
	color:#DC3D91 ;	
	border-bottom: dotted 1px #DC3D91;	
}

h6 {
	font-size: 15px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #F0067C;
	font-style: italic;
}

#categories a{font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

#moteurRecherche {margin: 5px 0 0 0; font-size: 17px;}
#moteurRecherche a {font-size: 0.6em; font-weight: lighter; text-decoration: underline;}
#moteurRecherche a:hover { text-decoration: none;}
#moteurRecherche input {width: 200px;}
#moteurRecherche #searchbutton {width: 30px;}

#panier {position: absolute; right: 10px; top: 190px;}

.tablehead{
	background: #FF99CC;
}
.tr00{
	background: #FFCCE6;
}
.tr01{
	background: #FFE5F2;
}
.listemenu {
	list-style-image: url(/images/li.gif);
	list-style-position: inside;
}
.titremenu {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.titrecell {
	font-size: 12px;
	font-weight: bold;
}
.cellin {
	padding: 5px;
	text-align: justify;
} 
.marginimg {
	margin: 3px;
}
.separateur {
	background-image: url(/images/dot.gif);
	background-repeat: repeat-x;
	height: 5px;
}
.atitre:hover {
	text-decoration: none;
	background-color: transparent;
}
.c2fer {
	font-weight: normal;
}
.c2fer:hover {
	font-weight: normal;
}

.produitDetail{
	font-size: 22px;
	font-weight: normal;
	margin:0;
	padding:0;
}

.descriptif{
	font-size: 12px;
	line-height: normal;
	margin: 20px 0;
	padding:0;
}

p.trainFamille  {	
	margin:0 0 0 15px;
	padding:0;
}

p.trainFamille a{
	font-weight: normal; font-size: 1em;
}

.articleInconnu {
	font-size: 22px;
	font-weight: normal;
	color: #FF3300;
	}

form {
	margin:0;
	padding:0;
}

#detailArticles {
	margin:0;
	padding:0;
	border: solid 1px #FDD5FA;
}

#miniLiens {
	text-align: center;
	margin-left: 5px; 
	margin-right: 5px; 
	margin-top: 1px; 
	margin-bottom: 1px;
}

#miniLiens a{
	font-weight: normal;
	font-size: 9px;
}


#prodComp {
	/*float: left;*/
}




#memeCategorie  a  img{
	border: none;
}

/* ####################################################################################################################
					Caddy
####################################################################################################################### */
#caddy{ margin: 20px 0px;}
#caddy span{ float: right; }
#caddy a.mini{ font-size: 0.9em; }
#caddy h3{ margin: 5px; color: #c06; }
#caddy h4{ margin: 10px; color: #666; }
#caddy table{ width: 100%; margin: 10px 0; border: 1px solid #E8E8E8; border-collapse: collapse; font-size: 1em;}
#caddy table.paiement{ border: 1px solid #666; }
#caddy table.paiement td{ padding: 5px 0; }
#caddy table tr.fondJaune { background-color: #f6ffc2; }
#caddy span.validerCommande a{ font-size: 1.4em; }
#caddy table td{ border: 1px solid #E8E8E8; padding: 2px; }
#caddy thead{ background-color: #E8E8E8; font-size: 1.2em; font-weight: bold; }
#caddy tfoot{ background-color: #DBF4F9; font-size: 1.2em; text-align: right; }
#caddy #boutonContinuer {text-align: right; float: left; width:100%; margin: 15px 5px 50px 5px; border-bottom: 1px solid #D3D3D3; padding-bottom: 20px;}
#caddy #boutonContinuer a{text-decoration: none; font-size: 1.9em; }
#caddy #boutonContinuer a img{display: block; float:right; margin: 5px 5px 0 10px;}
#caddy #boutonContinuer a:hover{text-decoration: underline; }



/* ####################################################################################################################
					Page des Nouveautes
####################################################################################################################### */

#pageNouveautes {	float: left; margin:  0; padding: 0 15px; }
#pageNouveautes h1{ font-size: 16px; margin: 15px 0px; text-transform: uppercase;}
.cellulePageNouveautes { float: left; position: relative; width: 155px; height: 270px; margin: 0 22px 20px 0; padding: 0 2px; border: 1px solid #f7b5e0; }
.flagNouveaute {position: absolute; top: 0px; left: 5px; background: url(images/flagNouveaute.png) no-repeat; width: 34px; height: 110px;}
.cellulePageNouveautes a { font-weight: lighter;}
#pageNouveautes form input { border: none; }

/* ####################################################################################################################
					Page boutique.html
####################################################################################################################### */

#pageBoutique {	float: left; margin:  0; padding: 0 15px; }
#pageBoutique h1{ font-size: 16px; margin: 15px 0px; text-transform: uppercase;}
.cellulePageBoutique { float: left; position: relative; width: 155px; height: 285px; margin: 0 22px 20px 0; padding: 0 2px; border: 1px solid #f7b5e0; }
.resume{height: 20px; overflow: hidden;}
#pageBoutique .promo { font-size: 0.7em;}
#pageBoutique form input { border: none; }
#pageBoutique form input[type=text] { border: 1px solid #CCC; margin: 0; padding: 0;}
#presentationCategories {margin: 20px 0; padding: 10px; font-size: 1em; border-top: 1px solid #FFDDEE; border-bottom: 1px solid #FFDDEE; }
#sousFamilles {margin: 20px 20px 20px 50px; }
#sousFamilles li{margin: 5px 0 0 0; list-style-image: none; list-style-type: none;}
#sousFamilles a {font-size: 1.2em; padding-left: 25px; background: url(/images/puceRose.gif) left center; background-repeat: no-repeat; text-decoration: underline; color: #E236A6;}
#sousFamilles a:hover {text-decoration: none;}
/* ####################################################################################################################
					Page detail article
####################################################################################################################### */
#produitDetail { float: left; padding: 0 5px 10px 5px; margin-bottom: 35px; border-bottom: 1px dotted #D3D3D3; }
#produitDetail a { font-style: normal; }
#produitDetail img a { border: none; }
#produitDetail h1{ font-size: 20px; text-transform: uppercase; font-weight: lighter;}
#produitDetail h2{ font-size: 16px; color: #E236A6;}
#produitDetail h3{ font-size: 15px; border-bottom: #E236A6 1px dotted; margin: 20px 0 0 0; padding-bottom: 5px; color: #E236A6; }
#produitDetail h6 { text-align:center;  }
#produitDetail h6 a{ font-weight: normal; font-size: 11px; }

#imageDetailProduit { float: left; width: 415px; padding: 5px; margin-right: 15px; border: #f5f5f5 4px solid;}
#imagesExemple { float: left;}
#imagesExemple img { width: 100px; height: 100px;  margin: 5px 0 0 5px;}

#preCommande {position: absolute; top: 0; left: 0;}

#prodComp { float: left; width: 100%; }
#prodComp ul{ margin: 25px 0 0 0; padding: 0px; }
#prodComp li{ float: left; list-style-type: none; list-style-image: none; margin: 0px 10px 0px 0px;	padding: 0px; }
#prodComp li a{ display: block; width: 150px; font-weight: normal; text-transform: uppercase; }

#memeCategorie {float: left; }
#memeCategorie div{ width: 150px; float: left; }


#nouveautesProduitDetail { float: left; margin: 30px 0 15px 0; }


/* ####################################################################################################################
					Page marques
####################################################################################################################### */

#pageMarques {	float: left; margin:  0; padding: 0 10px; }
#pageMarques a:hover { text-decoration: underline; }
#pageMarques h1{ margin: 5px 0px; height: 45px; text-align: center;}
#pageMarques h1 a{ color: #E236A6; }
#pageMarques ul { list-style: none;}
#pageMarques li { float: left; width: 152px; height: 245px; margin: 10px 6px 10px 0; padding: 4px; border: 2px solid #fce3f3;}
#pageMarques li:hover { border: 2px solid #db53ac;}
#pageMarques form input { border: none; }


/* ####################################################################################################################
					Moteur de recherche
####################################################################################################################### */
#recherche { padding: 10px 5px; font-size: 1em;}
#recherche h2{ font-size: 1.5em; font-weight: lighter; margin: 0; clear: both; }
#recherche h3{ font-size: 1.2em; font-weight: lighter; margin: 5px 0 20px 10px;}
#recherche p { font-weight: lighter; font-size: 0.7em; color:#999; margin-bottom: 5px;}
#recherche  p a { font-weight: lighter; font-size: 0.7em; color:#999; }
#recherche .bordure { border: 1px solid #ccc; padding: 5px; margin: 5px 0 20px 0; background-color: #f2f2f2;}
#recherche .bordure:hover { border: 1px solid #666; background-color: #e4e4e4;}


/* ####################################################################################################################
					Page stages et ateliers + plannings
####################################################################################################################### */

.mention { font-size: 9px; color: #FF0080; }
#listestages ul{ margin-top: 0px; }
#listestages li{ list-style-type: none; list-style-image: none; }
#listestages li h3 { background: url(html/ateliers/flecheStages.png) 0px 2px no-repeat; margin: 15px 0 4px 0; padding: 0 0 0 15px; font-size: 14px; font-weight: bold; color: #666; }
.prix { font-size: 12px;}
	
#ateliers ul{ list-style-type: none; }
#ateliers li{ list-style-image: url(html/gifs_divers/fleche.gif); margin: 0 0 10px 15px; }

/* ####################################################################################################################
					Page actualite du site
####################################################################################################################### */

#dateactu { background-image: url(/images/calendrier.gif); background-repeat: no-repeat; padding-left: 15px;	margin-top: 5px; font-size: 10px; color: #666; }

/* ####################################################################################################################
					Pages statiques
####################################################################################################################### */

#static {float: left; width: 80%; border-left: 1px solid #E0E0E0; padding-left: 10px;} 
#static ul{margin: 0px; padding: 0px;}
#static ul li{list-style-type: none; list-style-image: none; clear: both;}
#static ul li img{ vertical-align: top; float: left; padding: 0 10px 30px 0;}
#static h1 {color: #FE4692; margin-left: 15px;}
#static h2{margin: 0px; text-transform: uppercase; font-size: 1.3em;}
#static .noBorder{border: none;}
#static img{ float: left; margin: 0 20px 20px 0;}
#static p { float: left; }

#googleTop {float: left; margin: 0 0 15px 15px; }
#googleBottom {float: left; border-top: 1px solid #E0E0E0; padding-top: 10px;}
#googleLeft {float: left; height: 100%; margin: 3px 10px 0 0;  }

#prodAsso { float: left; }
#prodAsso ul { float: left; }
#prodAsso ul li{ float: left; clear: none; width: 150px; margin: 10px 40px 0 0;}
#prodAsso ul li img { margin: 0px; padding: 0px;}

p.liennouveautes {
	float: right;
	
}

p.liennouveautes a{ text-align: right;	font-weight: normal; text-decoration: none; }
p.liennouveautes a:hover{ font-weight: normal; text-decoration: underline;  }

p.promo  {   

	font-size: 15px;
	color: #E236A6;
	line-height: normal;
	
}

a.lienpanier {
	font-size: 14px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #DC3D91;
	font-style: italic;	
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
				
}
/*
Style relatif aux pages boutique-perles et boutique-scrapbooking
*/


.vignettes {
	float: left;
	margin: 3px;
	text-align: center;
	padding-bottom: 15px;	
	}
	
.vignettes p {
	line-height: 1em;
	}
	
.vignettes img {
	border: 1px solid #ff00ff; 
	}
/* ##########################################################
					Fiches pratiques
############################################################# */
#fichesPratiques {
			width: 530px;
			font-size: 11px;
			margin: 0px;
			padding: 0px 10px 0px 0px;
}
.retour{
			display: block;
			clear: both;
			}
					
#fichesPratiques a:hover{
			background-color: transparent;
			}

#fichesPratiques h1 {
			float: left;
			width: 100%;
			border-bottom: 1px #CCCCCC dotted;
			margin: 0px 0px 5px 0px;
}

#fichesPratiques h1 a{
			font : 24px normal Verdana, Arial, Helvetica, sans-serif;
			color: #CC0066;
}

#fichesPratiques h2{
			font: 18px normal Verdana, Arial, Helvetica, sans-serif;
			color: #FF3399;
			margin: 15px 0px 5px 0px;			
			}

#fichesPratiques h2 a{
			font : 18px normal Verdana, Arial, Helvetica, sans-serif;
			color: #CC0066;
}

#fichesPratiques h3{
			font-size: 14px;
			font-weight: normal;
			color: #660033;
			margin: 10px 0px 5px 0px;	
			padding: 0px;		
}

#fichesPratiques h4{
			font-size: 11px;
			font-weight: normal;
			color: #660033;
			margin: 20px 0px 5px 0px;	
			padding: 0px;
			border-bottom: 1px dotted #FF99CC;		
}

#fichesPratiques p  {
			width: 100%;
			margin: 5px 0px;
			padding: 0px;
			line-height: normal;
} 

#fichesPratiques ul li {
			list-style-type: square;
			list-style-image: none;
			margin: 3px 0px;
} 

#fichesPratiques ul li a{
			font-weight: bold;
} 

ul.dictionnaire {
			float: left;
			margin: 0px;
			padding: 0px;
}

.dictionnaire li {
			float: left;
			list-style-image: none;
			list-style-type: none;
			margin: 20px 0px 0px 0px;
			padding: 0px 5px 5px 5px;
			border-bottom: 1px #E8E8E8 dotted;
			border-left: 2px solid #ECA3C6;
}

.dictionnaire li a{
			float: left;
			font-weight: bold;
			font-size: 10px;
			padding: 0px;
			margin: 0px;
			}

#fichesPratiques img {
			margin: 5px;
}

#fichesPratiques a img {
			border: 0px;
}

#fichesPratiques img.bordure {
			margin: 3px;
			padding: 7px;
			border: #FF9933 4px solid;
}

#fichesPratiques img.bordureBleue {
			margin: 3px;
			padding: 7px;
			border: #699EC6 4px solid;
}

#normal {
			float: left;
}


#normal li{
			border: 0px;
			list-style-image: url(/images/li2.png);
			list-style-position: outside;
			margin-left: 15px;
}

/* ##########################################################
					Idees de creations
############################################################# */			
			
#idees {
			font-size: 11px;
			margin: 2px 1px;			
}

#idees img {
	margin: 5px 0px;
}

#idees p{
	line-height: normal;			
}

#idees a{		
		color: #CC3366;			
		}
		
#idees a:hover {		
		color: #FF99CC;
		text-decoration: none;
		background-color:transparent;		
		}

#idees h1{
			font : 26px normal Verdana, Arial, Helvetica, sans-serif;
			color: #CC0066;
			border-bottom:1px #CCCCCC dotted;
			margin-bottom: 0px;
}

#idees h2{					
			margin: 5px 1px 10px 1px;
}

#idees h2 a {	
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 16px;	
		font-weight: lighter;
		color: #CC3366;	
		text-decoration: none;			
		}
		
#idees h2 a:hover {	
		
		color: #FF99CC;
		text-decoration: underline;
		}
		
#idees h3{
			font: 16px normal Verdana, Arial, Helvetica, sans-serif;
			color: #72AC01;
			border-bottom: 1px #CCCCCC dotted;
			margin: 10px 0px 0px 0px;
			padding: 0px;
}

#idees h4{
			font: 13px normal Verdana, Arial, Helvetica, sans-serif;
			color: #C60;
			border-bottom: 1px #C60 dotted;
			margin: 10px 0px 0px 0px;
			padding: 0px;
					
}

#idees ul{
			margin: 5px 0px 15px 0px;
			padding: 0px;
			list-style-type: none;
	}

#idees li{	list-style-image: none;
			background: url(/images/flecheverte.gif) left center no-repeat;	
			margin: 3px 0px;
			padding-left: 10px;
}

#idees li a {			
			font-weight: normal;
}

#idees li a:hover {
			font-weight: normal;
}

/* ##########################################################
					Page 3d secure
############################################################# */

#3d-secure{
			margin: 0x;
			padding: 0px;
			}
			

#agauche {
			float: left;
			width: 210px;
			height: 130px;
			margin: 0x;
			padding: 0px;
}

#adroite {	
			float: left;
			width: 270px;
			height: 130px;
			margin: 0px 0px 0px 20px;
			padding: 20px 0px 0px 0px;
}

.rien {
	clear: both;
}


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

					NOUVELLES PAGES
					
#######################################################################################################################
#######################################################################################################################*/

#contenu {
	width: 935 px;
	float: left;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid F8D3E4;
	}

#contenuGauche {
	width: 130px;
	float: left;
	padding: 5px;
	}
	
#contenuDroit {
	width: 160px;
	float: right;
	padding: 5px;
	}