/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";


/************ STYLE HEADER COMPTE *************/
#headerCompte .header-compte{
padding:5px 0 5px 0;
font-weight:bold;
color:#B91B8A;
font-size:1.1em;
}

#headerCompte a:link, #headerCompte a:visited {
font-weight:bold;
text-decoration:none;
color:#B91B8A;
}
#headerCompte a:hover, #headerCompte a:active{
font-weight:bold;
text-decoration:underline;
color:#EE8500;
}

#headerLogo h1{
font-size:1.25em;
color:#ADCF31;
letter-spacing:-0.05em;
}

#headerLogo h1 a{
text-decoration:none;
color:#ADCF31;
}

/* STYLE MENU*/
#colLeft ul li{
font:normal 1.3em/1.35em Arial, Helvetica, sans-serif;
font-weight:bold;
color:#BB2989;
list-style-type: none;
background-image: url(../images/charte/puce.png);
background-repeat: no-repeat;
background-position: 0% 10px;
padding-left: 15px;
line-height:2.3em;
}

#colLeft  ul ul li{
font:normal 1.1em/1.25em Arial, Helvetica, sans-serif!important;
font:normal 0.85em/0.95em Arial, Helvetica, sans-serif;
color:#ED9929;
list-style-type: none;
background-image: url(../images/charte/puce2.png);
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left: 15px;
line-height:1.4em;
}

#colLeft  li a:link, #colLeft  li a:visited{
text-decoration:none;
color:#BB2989;
}
#colLeft  li a:hover, #colLeft  li a:active{
text-decoration:none;
color:#E19228;
}

#colLeft  ul  li a:link, #colLeft ul li a:visited{
text-decoration:none;
color:#BB2989;
}
#colLeft  ul li a:hover, #colLeft ul li a:active{
text-decoration:underline;
color:#BB2989;
}

#colLeft  ul ul li a:link, #colLeft ul ul li a:visited{
text-decoration:none;
color:#E19228;
}
#colLeft  ul ul li a:hover, #colLeft ul ul li a:active{
text-decoration:underline;
color:#E19228;
}

/* STYLE COLONNE DROITE */
#bloc_privee img, #bloc_enchere img , #bloc_liste_naissance img  {
border:0;
}

/* STYLE CONTENU */
#bloc-nouveaute img, #bloc-promos img {
border:0;
}

#chemin-fer{
margin-top:10px;
}

#contenu p, #contenu2 p{
font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color: #333;
padding:10px 0 0 0;
}
#contenu p.couleur, .couleur, #contenu2 p.couleur{
font-weight:bold;
color:#368e00;
}
#contenu a:link, #contenu a:visited, #contenu2 a:link, #contenu2 a:visited{
font-weight:bold;
color: #B91B8A;
text-decoration:none;
}
#contenu a:hover, #contenu a:active, #contenu2 a:hover, #contenu2 a:active{
font-weight:bold;
text-decoration:underline;
color:#EE8500;
}


.prix {
color:#EE8500;
font-weight:bold;
font-size:1.85em;
margin-bottom:10px;
}


.txtprixbarre {
color:#A0BE26;
font-size:0.6em;
text-decoration:line-through;
}

#contenu .txtGras, #contenu2 .txtGras {
font-weight:bold;
}

a img{
border: 0px none;
}

/* FICHE PRODUIT */
#produit-photo .cadre-produit-grand{
text-align:center;
border:0px solid #D5E6F4;
}

#produit-photo .cadre-produit-mini{
float:left;
border:0px solid #D5E6F4;
margin:6px 0px 0px 0px;
}

#fiche-produit p{
font-size:1.15em;
}

#option-produit form{
margin:25px 15px 10px 20px;
font-size:1.2em;
}

#option-produit form label{
color:#FFF;
}

#option-produit form p{
color:#FFF;
}

#option-produit .tresPetit{
width:90px;
}

#service-produit img{
margin-left:5px;
margin-right:5px;
}

.ajouter-panier{
position:absolute;
width:109px;
height:25px;
border:0px;
left:60px;
bottom:7px;
background:url(../images/charte/bt-ajout-panier.png) no-repeat left bottom;
cursor:pointer;
}

/*STYLE RUBRIQUE*/

#sous_rubrique .rubrique-article, #contenu2 .rubrique-article {
float:left;
width:229px;
padding:0 8px 0 8px;
border-right:1px solid #E6EDF2;
margin-top:6px;
margin-bottom:6px;
height:130px;
padding-bottom:20px;
border-bottom:1px solid #E6EDF2;
}

#sous_rubrique .rubrique-article p , #contenu2 .rubrique-article p {
text-align:left;
}

.separateur-article{
height:50px;
width:100%;

}

#sous_rubrique .cadre-article, #contenu2 .cadre-article{
float:left;
margin:6px 6px 6px 0px;
text-align:center;
background-color:#F3F8FC;
padding:0px;
}


/* STYLE SELECTION */
.titre-selection
{
	height:35px;
	width:143px;
	background: url(../images/charte/la-selection.png) no-repeat left bottom;
}

.titre-selection span
{
	display:none;
}

#bloc_selection_index .colPhoto, #sous_rubrique .colPhoto{
text-align:center;
width:140px;
}

#bloc_selection_index .separateur-ligne, #sous_rubrique .separateur-ligne {
height:14px;

}

#bloc_selection_index .separateur-ligne hr, #sous_rubrique .separateur-ligne hr
{
color: red;
background-color: #DFDFDF;
height: 1px;
border: 0;
}

#bloc_selection_index .colTexte, #sous_rubrique .colTexte{
width:325px;
}

#bloc_selection_index .colPrix, #sous_rubrique .colPrix{
width:135px;
text-align:center;
}

/* FORMULAIRE */
.form_rech{	
margin:7px 0px 18px 0px;
}

.label {	
display:block;
margin:0px;
width:154px;
font-weight:bold;
color: #2D5273;
padding-top : 5px;
border-top:1px solid #CDDBE5;
}

#option-produit label{	
display:inline;
margin:0px;
width:154px;
font-weight:bold;
color: #2D5273;
padding-top : 5px;
border:0px;
}

.rech{
margin-top:3px;
margin-left:3px;
width:17px;
height:18px;
border:0px;
background:url(../images/charte/bt-rech.png) no-repeat left bottom;
}


.ok{
width:16px;
height:18px;
border:0px;
background:url(../images/charte/bt-ok.png) no-repeat left bottom;
}

.form{	
font-size: 1em;	
width:140px;
height:15px;
border:1px solid #A3CCEA;
color:#A3CCEA; 
font-weight:bold;
}

.radio{	
width:14px;
margin:12px 5px -4px 5px;
border:0px;
}

#contenu  h1, #contenu2  h1, #mon_panier h1, #recap h1, #moyen_paiement h1, #log h1, #mode_livraison h1, #panier h1, #mes_commandes h1{
line-height:2em;
font-size:1.35em;
color:#B81A89;
font-weight:bold;
border-bottom:1px solid #DFDFDF;
}


#contenu2 .perso {
float: left; /* positionnement de la lettrine dans le conteneur*/
height:41px;
width:46px;
background:url(../images/charte/tete-perso.png) no-repeat left top;
}

/************* PANIER *************/
#commande #commande_detail {
background-color:#F8E8F3;
border-top:1px solid #91B6D4;
padding:4px;
}

#panier #titre-panier{
position:relative;
margin-top:0px;
margin-left:550px;
padding:0;
height:36px;
background:url(../images/charte/titre-mon-panier.png) no-repeat left 0px;
}

#mon_panier #commande_detail {
color:#3A5A76;
}

#login .cadre, #mode_livraison .cadre, #panier .cadre{
background-color:#EAEDF4;
padding:5px;
margin-bottom:10px;
}

#mon_panier h2, #recap h2, #moyen_paiement, #login  h2, #nouveau_client h2, #mode_livraison h2, #moyen_paiement h2
,#identifiants h2, #infos_perso h2, #adr_facturation h2, #adr_livraison h2, #paiement h2, #mes_commandes h2{
font-size:1.2em;
line-height:1.3em;
color:#476986;
font-weight:bold;
border-bottom:1px solid #91B6D4;
}


#nouveau_client a img{
position:relative;
top:45px;
}

#panier #mode_livraison {
height:10px;
}

#panier h2, #compte_client h2 { 
padding-top:3px;
} 

#alerte{
position:fixed;
left: 40%;
top:30%;
z-index:1;
padding:15px;
background-color:#FFF;
border:1px solid #000;
font-size:1.2em;
font-weight:bold;
}

/* STYLE FOOTER*/
#footerMenu p{
font:normal 1.1em/40px Arial, Helvetica, sans-serif;
color: #79b0e0;
text-align:center;
padding:21px 0 0 0;
}
#footerMenu a:link, #footerMenu a:visited{
text-decoration:none;
color: #79b0e0;
}
#footerMenu a:hover, #footerMenu a:active{
text-decoration:underline;
color:#b91b8a;
}