/*

MARRON
marron background #695c54;
bandeau banniere #e3dfde;
couleur page #b59da1

gris fonce police #323232
gris menu #9c918d

rose background fiche pratique #F9F2F3

couleur fond contenu #d4c8ca
clair bas site  #FDFDFD

couleur bas footer contenu #f1eff0

/////
ROSE 
rose background #f7cddb
bandeau banniere #fbecf1
couleur page

// BLEU
bleu background #5fabb3  5fd5fb
bandeau banniere #e7f1f1
couleur fond contenu #cde3ff
gris menu #85918d

// VIOLET
violet background #a286c0
bandeau banniere #eadceb
couleur page

*/

body    {  margin: 0px; padding: 0px ;
     background:#fdfdfd url('images/modele/fond-body-bleu.png') repeat-x;
/*	behavior:url(csshover.htc);*/
}
a {
	font-family:arial;
	font-size:10px;
	color:#646464;
	text-decoration: none;
	border:none;
}
img {
	
	border:none;
}

a:hover {
	font-family:arial;
	font-size:10px;
	color:#EC008C;
	text-decoration: none!important;
}
#conteneur{
max-width: 1220px;
min-width: 970px;
margin:auto;
font-family:Arial,Verdana;
font-style:normal;
font-weight:normal;
color: #323232;
}

#header{
background:#e7f1f1;/*url('images/banniere_fond.png') repeat;*/
height:155px;
width:96%;
margin:auto;
margin-bottom:18px;
z-index:2;
}
#bandeau_header{

position:absolute;
width:100%;
height:35px;
background:#5fd5fb;

}
#banniere_gauche{
background:url('images/titre_banniere.png') repeat;
position:absolute;
width:400px;
height:150px;
z-index: 2;
}
#banniere_gauche a{
border:none;
text-decoration: none;
}
#sous_titre_banniere{
color:#EC008C;
font-size:17px;
margin-left:97px;
font-weight:bold;
position:absolute;
margin-top:100px;
}

#img_banniere_gauche{
margin:15px 0px 0px -10px;
border:none;
}
#banniere_droit{
float:right;
width:360px;
color: #EC008C;
font-family: "Taurus Normal","Verdana Bold",Arial,serif;
font-size: 12px;
text-align:right;
margin:40px 80px 40px 0px;
padding-top:25px;
padding-right:5px;
}
#banniere_droit a{
font-size: 14px;
font-weight:bold;
color: #EC008C;
}
#banniere_droit img{
position:absolute;
margin-top:-55px ;
}


#barre_menus{
width:96%;
margin:auto;

height:30px;
padding:8px 0px 0px 0px;
background:#85918d;
color:#FFFFFF!important;
}

#barre_titre{
height:22px;
width:80%;
padding-top:5px;
}
#barre_titre h1{
font-size: 18px;
padding-left: 30px;
margin-left:3px;
background: url('images/os.png') no-repeat;
}

#barre_titre h1 a{
font-size: 18px;
color:#323232;
}

.image_gauche{
width:99%;
}

#texte_lolita{
text-align:left;
margin-bottom:18px;
}
#contenu{
width:auto;

background:#cde3ff;
}

#col_globale{
    width:96%;
    margin:auto;
    margin-top:6px;
	background:url('images/modele/fond-haut-bleu.png') repeat-x #cde3ff;
   /* position: relative;*/
	overflow:hidden;
	/* text-align: center;*/
   }
#col_globale h1{

}
	
#col_gauche{
    display: inline-block;
	position: relative;
    font-size: 12px;
    margin: 31px 0 5px 5px;
    width:23%;
    vertical-align: top;	
	float: left;
}

#col_milieu{
    display: inline-block;
	padding-left:5px;
	padding-right:2px;
	position: relative;
    font-size: 13px;
    margin: 5px 0 5px 0px;
    width:60%;
    vertical-align: top;
	/*background:#e1d7d8;*/
	float: left;
}

#col_droit{
    display: inline-block;
	position: relative;
    float: right;
    margin: -35px 0px 0 0;
    
    width:15%;	
	
}

#my_doggy_bag{
 height: 74%;
background:#5fd5fb;
width:14%;
float:right;
text-align:center;
margin:-27px 3px 5px 5px;
padding:5px 0px 5px 0px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#my_doggy_bag a{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
#my_doggy_bag a:hover{
color: #EC008C;
}
#contenu_panier{
padding:5px 0px 0px 50%;
height:42px;
font-size:11px;
width:100%;
}
#valeur_panier{
padding-top:5px;
font-weight:bold;
}
#div_fond_panier{
width:15%;
float:right;
}
#div_panier{
  margin-top:-27px;
  margin-right:50%;
  clear:both;
  width:80px;
  height:70px;
  position:absolute;
  background:url('images/panier.png') no-repeat  ;
 /* background-position:right top;
 margin:auto;
 width:96%;*/
  z-index:1000;
  cursor:pointer;
}
.carre_article{
    position:relative;
    display: inline-block;
    float: left;
	width:100px;
	height:130px;
	
	padding:2px;
	text-align:center;
	border: 1px solid transparent;
	overflow:hidden;
	background:#FFFFFF;
	margin:5px 23px 10px 16px;
}

#accueil_produits{
margin-left:5%;

}
.image_ligne{
display: inline;
clear:both;
}
.carre_article hover{
border: 1px solid black !important;/*#818181;*/
}
#upfooter{
width:96%;
margin:auto;
min-height:150px;
background: url('images/modele/fond-bas-bleu.png') repeat-x #f1eff0;


}
#contenu_up_footer{
margin:auto;
padding-left:20px;
  width: 65%;
}


#footer{
width:96%;
margin:auto;
height:172px;
background: url('images/pied_gaelle.jpg') no-repeat #fdfdfd;
}
#downfooter{
width:96%;
margin:auto;
background:  #fdfdfd;
}
.clear{
clear:both;
}

#bloc_promo{
background: #FFFFFF;
text-align:center;
border:1px solid #a32b73;
margin:5px;
font-size:12px;
}
#info_envoi{
margin:20px 1px 3px 5px;
font-size:10px;
}
.satisfait{
font-size:13px;
font-weight:bold;
margin-bottom:6px;
}
.satisfait a{
font-size:12px;
}
.satisfait a:hover{
font-size:12px;
}
#info_envoi_nat{
margin-top:8px;
padding:15px 0px 0px 65px;
height:35px;
background:url('images/logo_colissimo_national.jpg') no-repeat;
}
#info_envoi_internat{
padding:15px 0px 0px 65px;
height:35px;
background:url('images/logo_colissimo_international.gif') no-repeat;
}
#bon_shopping{
font-size:14px;
text-align:left;
font-weight:bold;
margin-top:2px;
padding-left:5px;
}
.menu_categorie{
background:#5fd5fb;
margin:2px 5px 5px 5px; 
}

.menu_categorie li{
border-bottom:#FFFFFF;
}
/********** Sous catégorie *************/
.niveau2 {
background:#85918d;
}
.niveau2 a{
font-size:12px;
}

/********** Contact page d'accueil *****/
#div_contact{
padding:8px 3px;
}

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

#div_contact a:hover{
font-size:11px;
}
.contact_item{
padding:4px 0px 0px 28px;
min-height:30px;
}
.contact_items{
padding:0px 0px 0px 28px;
min-height:40px;
}

#contact_facebook{
background:url('images/icone-facebook.png') no-repeat;
}
#contact_phone{
background:url('images/icone-telephone.png') no-repeat;
color: #646464;
    font-family: arial;
    font-size: 10px;
}

#contact_mail{
background:url('images/icone-mail.png') no-repeat;
}
#contact_blog{
background:url('images/icone-blog.png') no-repeat;
}

#contact_blog_lolita{
background:url('images/icone-blog-lolita.png') no-repeat;
}
#contact_twitter{
background:url('images/icone-twitter.png') no-repeat;
}

/********* Info clé haut de page *******************/

#texte_haut{
min-height:198px;
text-align:left;
margin-top: 27px;
line-height:19px
}

#texte_haut h2{
font-size:15px;
padding-top: 5px;
}

#texte_haut a{
font-size:inherit;
}
/********** Fiches pratique ************************/

#div_fichepratique{
background:#f9f2f3;
width:99%;
margin:8px 0px;
padding:5px 3px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#div_fichepratique h2{
font-size:13px;
text-decoration:underline!important;
}

#div_fichepratique_titre{
text-align:center;
width:100%;
font-size:13px;
text-decoration:underline!important;
}


.Categorie:hover {
	font-family:arial;
	font-size:12px;
	color:#FFFFFF;
	background:#85918d;
	text-decoration: underline;
	font-weight:bold;
}

