html{
font-family: Comic Sans MS, Verdana,Trebuchet MS ;
font-size : 13px;
/*color : #2b246d;*/
color : #7858ca;
}
body{
width : 1202px;
height : 1024px;
margin : 0 auto;
}
a{
text-decoration :none;
}
/* ------------------------------- FOND ---------------------------------------- */
.fond_gauche{
float:left;
background-image:url(img/fond_gauche.jpg);
background-repeat:no-repeat;
width:101px;
height:1024px;
border-right : 1px dotted #1a7e97;
}
.fond_droit{
float : right;
background-image:url(img/fond_droit.jpg);
background-repeat:no-repeat;
width:101px;
height: 1024px;
border-left : 1px dotted #1a7e97;
}
/* ------------------------------- HEADER ---------------------------------------- */
.header{
margin-left:101px;
margin-bottom : 7px;
width:995px;
height : 177px;
}
.logo{
margin-top : 15px;
margin-left : -20px;
}
.bébé{
float : left;
}
/* ----------- Compte & panier--------------- */
.compte{
float:right;
width:343px;
height : 167px;
margin-top : 10px;
margin-right : 10px;
}
/* -- Compte -- */
.fond_compte_gauche{
background-image:url(img/fond_rose_gauche.gif);
background-repeat:no-repeat;
height:79px;
width:16px;
}
.fond_compte{
float:right;
background-image:url(img/fond_rose.gif);
background-repeat:repeat;
width:310px;
height:79px;
color: #5f114f;
font-size:15px;
font-weight:bold;
}
.fond_compte_droit{
float:right;
background-image:url(img/fond_rose_droit.gif);
background-repeat:no-repeat;
height:79px;
width:17px;
}
.contenu_compte{
margin-top : 0px;
}
.champs_compte{
border : 1px solid #dda7ca;
}
.ok{
border:none;
color : #eac0e2;
background: transparent url(img/bouton_ok.png) no-repeat bottom center;
background-position: 3px 4.5px;
width:49px;
height:29px;
cursor :pointer;
font-family: Comic Sans MS, Verdana,Trebuchet MS ;
}
.compte font{
font-size :13px;
font-weight : bold;
color : #9e3f8a;
margin-top : -30px;
}
.connecté{
font-size :13px;
font-weight : bold;
color : #9e3f8a;
margin-top : -15px;
}
.connecté_lien{
font-size :13px;
font-weight : bold;
color : #9e3f8a;
margin-top : -18px;
}
/* -- Espace cadeaux --*/
.fond_espace_gauche{
background-image:url(img/fond_rose_gauche2.gif);
background-repeat:no-repeat;
height:58px;
width:11px;
}
.fond_espace{
float:right;
background-image:url(img/fond_rose2.gif);
background-repeat:repeat;
width:147px;
height:58px;
color: #5f114f;
font-size:15px;
font-weight:bold;
}
.fond_espace_droit{
float:right;
background-image:url(img/fond_rose_droit2.gif);
background-repeat:no-repeat;
height:58px;
width:10px;
}
.contenu_espace{
padding : 2px;
text-align : center;
line-height : 18px;
height:48px;
margin-top : 3px;
}
/* -- Panier -- */
.panier{
float : right;
margin-top : 20px;
width:135px;
}
.fond_panier_gauche{
background-image:url(img/fond_rose_gauche2.gif);
background-repeat:no-repeat;
height:58px;
width:11px;
}
.fond_panier{
float:right;
background-image:url(img/fond_rose2.gif);
background-repeat:repeat;
width:114px;
height:58px;
color: #5f114f;
font-size:15px;
font-weight:bold;
}
.fond_panier_droit{
float:right;
background-image:url(img/fond_rose_droit2.gif);
background-repeat:no-repeat;
height:58px;
width:10px;
}
.contenu_panier{
padding : 2px;
text-align : center;
line-height : 18px;
}
.nb_article{
color : #ca37ac;
font-weight : normal;
font-size : 13px;
}
.lien_panier, .oubli, .creerCompte{
text-decoration : none;
color: #5f114f;
font-weight : normal;
font-size : 12px;
}
.lien_panier:hover, .oubli:hover, .creerCompte:hover{
text-decoration : none;
color: #ee79d6;
font-weight : normal;
font-size : 12px;
}
/* ------------------------------- MENU ---------------------------------------- */
/* -------- MENU -------- */
.menus{
width : 995px;
height: 39px;
margin: 0 auto;
margin-top : -11px;
}
.menu{
width : 141px;
height: 44px;
text-align :center;
float : left;
}
/*
.menu a:hover{
width : 141px;
height: 44px;
text-align :center;
float : left;
}
*/
.bouton_menu{
float:right;
background-image:url(img/menu.gif);
background-repeat:repeat;
width:125px;
height:44px;
color: #5f114f;
font-size:15px;
font-weight:bold;
}
.bouton_menu_gauche{
background-image:url(img/menu_gauche.gif);
background-repeat:no-repeat;
height:44px;
width:8px;
}
.bouton_menu_droit{
background-image:url(img/menu_droit.gif);
float:right;
background-repeat:no-repeat;
height:44px;
width:8px;
}
.titreMenu{
width : 120px;
height: 44px;
margin-top : 10px;
}
.titreMenu a{
text-decoration :none;
color : white;
}
.titreMenu a:hover{
text-decoration :none;
}
/* -------- SOUS MENU -------- */
.ssmenu{
display: none;
position : relative;
margin: 17px 0 0 11px;
border: 4px;
width: 132.5px;
top: -23px;
left: -7px;
text-align:left;
font-size: 13px;
z-index:100;
font-weight: normal;
}
.ssmenu .categorieItem {
background-color:#56a0d7;
padding-left:4px;
color: #ffffff;
font-size: 12px;
display: block;
text-decoration: none;
padding-top:3px;
height:17px;
}
.ssmenu .categorieItem:hover {
padding-left: 4px;
background-color: #6eb6eb;
color:#ffffff;
}
.menu:hover .ssmenu {
display: block;
}
.separateur {
height:1px;
background-color: #367aad;
}
/*-------------------------------- CONTENU -----------------------------------------*/
.contenu{
width : 995px;
height: 777px;
margin : 0 auto;
}
.contenu2{
background-image : url(img/fond_page.gif);
background-repeat:no-repeat;
width : 900px;
height: 710px;
margin-left : 120px;
margin-top : 8px;
padding-left : 50px;
padding-top : 15px;
}
h3{
font-size : 13px;
font-weight : bold;
height:10px;
}
.titrePage{
font-size : 15px;
font-weight : bold;
vertical-align : middle;
}
.titrePage font {
margin-left : 40px;
}
.page{
width : 480px;
color : #214c92;
margin :0 auto;
margin-left :110px;
margin-top :15px;
margin-bottom : -5px;
padding-top : 0px;
font-size:12px;
}
h2{
font-size : 20px;
font-weight :bold;
}
.page a{
color : #214c92;
text-decoration : none;
}
.page a:hover{
color : #03255e;
text-decoration : none;
}
/* ------------------------------- RECHERCHE ---------------------------------------- */
/* ------- RECHERCHE ACCUEIL -------- */
.recherche{
float : left;
width : 473px;
height: 42px;
margin-top : 10px;
margin-left: 30px;
}
.fond_recherche{
background-image:url(img/fond_recherche.gif);
background-repeat:repeat;
width:454px;
height:38px;
padding-top:4px;
float :left;
}
/* ------- RECHERCHE AUTRES PAGES -------- */
.recherche2{
float : right;
width : 485px;
height: 42px;
margin-right: 10px;
margin-top: 5px;
}
.fond_recherche2{
background-image:url(img/fond_recherche.gif);
background-repeat:repeat;
width: 800px;
height:38px;
padding-top:4px;
float :left;
}
/* ------- RECHERCHE ACCUEIL & AUTRES PAGES -------- */
.fond_recherche_gauche{
float :left;
background-image:url(img/fond_gauche_recherche.gif);
background-repeat:no-repeat;
height:42px;
width:9px;
}
.fond_recherche_droit{
background-image:url(img/fond_droit_recherche.gif);
float:left;
background-repeat:no-repeat;
height:42px;
width:8px;
}
.fond_recherche label, .fond_recherche2 label{
color: #5f114f;
font-weight: bold;
}
.champs_recherche{
border : 1px solid #dda7ca;
color: #5f114f;
font-weight: bold;
}
/* ------------------------------- NOUVEAUTES ---------------------------------------- */
.nouveautes{
background-image:url(img/fond_nouveaute.gif);
background-repeat:no-repeat;
float : right;
margin-top :10px;
width : 430px;
height : 449px;
vertical-align : top;
line-height: 35px;
padding : 15px;
color : #4e4aa7;
font-size : 20px;
}
.nouveautes a:hover .titre{
color : #f868cf;
}
.nouveautes span img{
margin-left : 15px;
}
.nouveautes a:hover img{
border: 1px solid #f868cf;
}
/* --------------------- CADRE HAUT ------------------------ */
.cadre_haut{
border : 1px solid #cbcbcb;
width : 375px;
height : 163px;
margin-left : 10px;
margin-top : 23px;
background-color : #fcf0f7;
}
.cadre_haut img{
border : 1px solid #f6bae6;
}
.cadre_haut .coin_gauche{
float :left;
margin-top : 136px;
background-image:url(img/coin_gauche_nouveaute1.gif);
background-repeat:no-repeat;
width : 33px;
height :27px;
}
.cadre_haut .coin_droit{
float :right;
background-image:url(img/coin_droit_nouveaute1.gif);
background-repeat:no-repeat;
width : 33px;
height :27px;
}
.cadre_haut .image_haut{
float : left;
margin-top : 20px;
margin-left : -15px;
}
.nouveautes .cadre_haut .texte{
float : right;
width : 220px;
height : 105px;
margin-top : 0px;
margin-right: 10px;
font-size : 12px;
line-height: 12px;
color :#8b3d76;
}
.nouveautes .cadre_haut .titre{
font-size : 14px;
color :#d04fad;
font-weight : bold;
}
/* --------------------- CADRE BAS ------------------------ */
.cadre_bas{
border : 1px solid #cbcbcb;
width : 375px;
height : 163px;
margin-left : 10px;
margin-top : 20px;
background-color : #fcf0f7;
}
.cadre_bas img{
border : 1px solid #f6bae6;
}
.cadre_bas .coin_gauche{
float :left;
margin-top : 136px;
background-image:url(img/coin_gauche_nouveaute2.gif);
background-repeat:no-repeat;
width : 33px;
height :27px;
}
.cadre_bas .coin_droit{
float :right;
background-image:url(img/coin_droit_nouveaute2.gif);
background-repeat:no-repeat;
width : 33px;
height :27px;
}
.cadre_bas .image_haut{
float : right;
margin-top : 5px;
margin-right : 15px;
}
.nouveautes .cadre_bas .texte{
float : left;
width : 215px;
height : 105px;
margin-top : 40px;
margin-left : -10px;
font-size : 12px;
line-height: 12px;
color :#cd71a5;
}
.nouveautes .cadre_bas .titre{
font-size : 14px;
color :#ad3277;
font-weight : bold;
}
/* ------------------------------- PROMOTIONS ---------------------------------------- */
.promotions{
background-image:url(img/fond_promotion.gif);
background-repeat:no-repeat;
margin-top : 75px;
margin-left : 15px;
width : 515px;
height : 387px;
color : #4e4aa7;
font-size : 18px;
padding-top : 20px;
}
.promotions span{
margin-left :20px;
float :right;
margin-right : 190px;
}
.promotions .texte{
color : #a9087b;
font-weight : bold;
font-size :14px;
}
.promotions a:hover .texte{
color : #f868cf;
}
.promotions .droite img, .promotions .gauche img{
border : 1px solid #f6bae6;
/* f868cf */
}
.promotions a:hover img{
border : 1px solid #f868cf;
/* f868cf */
}
.promotions .gauche{
float :left;
width : 222px;
height : 280px;
margin-top : 45px;
margin-left : 20px;
margin-right : 23px;
text-align : center;
}
.promotions .droite{
float :left;
width : 222px;
height : 280px;
margin-top : 45px;
margin-left : -7px;
text-align : center;
}
/*
.macaron{
float :left;
background-image:url(img/macaron2.gif);
background-repeat:no-repeat;
width : 89px;
height : 88px;
margin-top : -37px;
color : white;
vertical-align : middle;
line-height : 89px;
text-align :center;
font-size : 18px;
font-weight : bold;
}
*/
.macaron2{
float :left;
background-image:url(img/macaron3.gif);
background-repeat:no-repeat;
width : 89px;
height : 88px;
margin-left : -60px;
margin-top : -5px;
color : white;
vertical-align : middle;
line-height : 89px;
text-align :center;
font-size : 18px;
font-weight : bold;
}
.macaron{
float :left;
background-image:url(img/macaron4.gif);
background-repeat:no-repeat;
width : 89px;
height : 88px;
margin-left : -260px;
margin-top : 0px;
color : white;
vertical-align : middle;
line-height : 89px;
text-align :center;
font-size : 18px;
font-weight : bold;
}
/* ------------------------------- PLUS VENDUS ---------------------------------------- */
.vendus{
background-image:url(img/fond_plusVendus3.gif);
background-repeat:no-repeat;
width : 958px;
height : 275px;
margin-left : 12px;
margin-top : -10px;
padding-left : 15px;
color : #4e4aa7;
font-size : 18px;
}
.vendus font{
float : right;
margin-right : 705px;
}
.vendus span img{
float : right;
margin-right : 705px;
}
.vendus1, .vendus2, .vendus3{
float : left;
margin-left : 2px;
margin-top : 25px;
padding-right : 1px;
width : 310px;
height : 180px;
padding-left : 0px;
}
/*
.vendus1, .vendus2{
border-right : 1px solid #817eca;
}
*/
.vendus1, .vendus2{
border-right : 1px solid #6ec172;
}
.vendus .titre a{
color : #54b758;
}
/*
.vendus .titre a{
color : #4d87e7;
}
.vendus .titre a:hover{
color : #71a2f3;
}
*/
.vendus .titre a:hover{
color : #7ce281;
}
.vendus .titre{
float : right;
margin-right : 10px;
color : #2363a4;
font-size : 14px;
font-weight : bold;
margin-top : 30px;
width : 147px;
height : 63px;
text-align : center;
}
/*
.vendus .prix{
margin-top : 30px;
margin-left : 40px;
width : 60px;
height : 18px;
background-color : #4d87e7;
color : #FFFFFF;
font-size : 13px;
font-weight : bold;
text-align :center;
}
*/
.vendus .prix{
margin-top : 30px;
margin-left : 40px;
width : 70px;
height : 18px;
background-color : #64cf69;
color : #FFFFFF;
font-size : 13px;
font-weight : bold;
text-align :center;
}
/* ------------------------------- PIED ---------------------------------------- */
.pied{
background-image:url(img/pied.gif);
background-repeat:repeat;
width : 998px;
height : 31px;
margin-top : -1px;
}
#footer{
float: left;
width: 998px;
font-size: 0.9em;
text-align: right;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #2363a4;
vertical-align : middle;
line-height : 31px;
}
#footer a{
margin-top : 20px;
color: #343260;
text-decoration : none;
margin-right : 5px;
}
#footer a:hover{
margin-top : 10px;
color: #585590;
}
/* ------------------------------- Autres pages ---------------------------------------- */
.bouton{
background-color: #8a83ca;
color:#ffffff;
border : 1px solid #8a83ca;
padding : 2px;
}
.contenu2 a{
color:#6962ad;
text-decoration : none;
}
.contenu2 a:hover{
color:#8a83ca;
text-decoration : none;
}
.contenu2 a img{
border: 1px solid #d2cfef;
}
.contenu2 a:hover img{
border: 1px solid #8a83ca;
}
.divBouton{
margin-left : 230px;
margin-top : 20px;
}
.contenu2 input[type="text"], .contenu2 input[type="password"], .contenu2 select, .contenu2 textarea{
border : 1px solid #a09add;
}
/* Formulaire de contact
-------------------------------------------------------- */
.contact{
width : 840px;
padding-top : 5px;
font-size : 12px;
}
.contact p{
padding-bottom : 5px;
margin-top : -5px;
border-bottom: 1px solid #c6cdde;
}
.loi{
width : 850px;
}
.contact p{
padding-left : 5px;
}
.contact label {
width : 200px;
float : left;
}
.contact input.champErrone{
border:1px solid #812c89;
color: #812c89
}
.contact textarea.champErrone{
border:1px solid #812c89;
color: #812c89;
width: 250px;
}
.champErrone{
color: #812c89;
}
/* Divers éléments de formulaires & tableaux du style de base
-------------------------------------------------------- */
.enteteTableau {
color: #6749b4;
font-weight: bold;
background-color: #e6e5ea;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.ligneTableau {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c6cdde;
font-size: 0.9em;
}
.footerTableau {
color: #6749b4;
font-weight: bold;
background-color: #bdbbcd;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.boutonMonCompteContenu {
font-weight: bold;
width: 765px;
text-align: right;
margin: 10px;
}
.zoneDeSaisie {
color: #6962ad;
font-weight: bold;
font-size: 0.9em;
}
.obligatoire {
color: #FF0000;
}
.commentaires {
font-size: 1em;
font-style: italic;
font-weight: bold;
color: #6962ad;
}
.sousTitrePage {
color: #6962ad;
text-align: left;
font-weight: bold;
width: 750px;
padding-top: 10px;
}
.textePage {
color: #141414;
text-align: left;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
.separation {
height: 1px;
width: 775px;
background-color: #7f8eb9;
margin-top: 5px;
margin-bottom: 5px;
overflow:hidden;
zoom:1;
}
/*---------------------- Produits -----------------------------------*/
.ficheProduit {
float:left;
width: 470px;
margin-left: 10px;
}
.titreProduit {
color: #6962ad;
text-align: left;
font-weight: bold;
margin-bottom: 5px;
width: 100%;
}
.chapoProduit {
color: #6962ad;
text-align: left;
font-style: italic;
font-size: 0.9em;
line-height: 1.2em;
margin-bottom: 5px;
width: 100%;
}
.descriptionProduit {
color: #6962ad;
text-align: left;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 10px;
}
.prixProduit {
color: #a9087b;
text-align: left;
font-weight: bold;
margin-top: 5px;
}
.ListeProduitsPetits {
float: left;
width: 850px;
height: 580px;
margin: 0;
padding: 0;
}
.produitPetit {
float: left;
width: 200px;
height: 280px;
padding-left: 10px;
}
.clearer2{
float : left;
height : 5px;
width : 800px;
}
.contourImage {
border: 1px solid #d2cfef;
margin-bottom: 5px;
margin-right: 5px;
float: left;
}
.LIEN_commander {
color: #a9087b;
font-weight : bold;
float :left;
}
a img{
border : none;
}
.pages{
float : left;
margin-left : 35%;
}
.clearer{
float : left;
height : 30px;
width : 800px;
}
.produit{
height : 340px;
width : 870px;
}
.autres{
float : left;
width : 870px;
height : 250px;
margin-top : 2%;
margin-left : -10px;
border-top : 1px dotted #7858ca;
}
.autres font{
font-size : 15px;
font-weight: bold;
}
.autreProduit{
float : left;
padding-left : 5px;
width : 160px;
height : 210px;
}
.autreProduit2{
width : 160px;
height : 220px;
}
.autreProduit2 .titre{
margin-left : 6px;
width : 120px;
}
.autreProduit .titre{
float : left;
padding-left : 5px;
}
.autreProduit img{
border: 1px solid #d2cfef;
}
.marque{
color : #a80479;
font-weight : normal;
font-size : 12px;
}
.prixAutreProduit{
color: #ffffff;
text-align: left;
font-weight: bold;
margin-top: 5px;
background-color : #de62bb;
width : 70px;
text-align :center;
}
.prixAutreProduit2{
color: #ffffff;
text-align: left;
font-weight: bold;
margin-top: 5px;
background-color : #c562de;
width : 70px;
text-align :center;
}
.prixRecherche{
float : left;
color: #ffffff;
height : 20px;
text-align: left;
font-weight: bold;
margin-top: 20px;
background-color : #de62bb;
width : 70px;
text-align :center;
}
.prixRecherche2{
float : left;
color: #ffffff;
height : 20px;
text-align: left;
font-weight: bold;
margin-top: 20px;
background-color : #c562de;
width : 70px;
text-align :center;
}
.cadre_marque{
}
.autreProduit2 .titre2{
height : 40px;
}
.lienImage{
height : 130px;
width : 100%;
}
.resultat{
height : 550px;
width : 870px;
}
.btn_transport{
border:none;
color : white;
background-color: #bd74c6;
background-position: 3px 4.5px;
width:auto;
font-weight: bold;
height:25px;
cursor :pointer;
font-family: Comic Sans MS, Verdana,Trebuchet MS ;
}
.btn_transport:hover{
border:none;
color : white;
background-color: #d886e1;
background-position: 3px 4.5px;
width: auto;
font-weight: bold;
height:25px;
cursor :pointer;
font-family: Comic Sans MS, Verdana,Trebuchet MS ;
}
.btn_transport_choisi{
border:none;
color : white;
background-color: #a32fb1;
background-position: 3px 4.5px;
width: auto;
font-weight: bold;
height:25px;
cursor :pointer;
font-family: Comic Sans MS, Verdana,Trebuchet MS ;
}
.boutonValiderCommande{
border:none;
color : white;
background-color: #bd74c6;
background-position: 3px 4.5px;
width:auto;
font-weight: bold;
height:25px;
cursor :pointer;
font-family: Comic Sans MS, Verdana,Trebuchet MS ;
}
.boutonValiderCommande:hover{
border:none;
color : white;
background-color: #d886e1;
background-position: 3px 4.5px;
width: auto;
font-weight: bold;
height:25px;
cursor :pointer;
font-family: Comic Sans MS, Verdana,Trebuchet MS ;
}
.lienPaiement{
font-size : 16px;
}
.cadeaux{
text-align : left;
color: #dc56b6;
}
.boutonCadeaux{
border:none;
color : white;
background-color: #dd69bc;
background-position: 3px 4.5px;
width:auto;
font-weight: bold;
height:25px;
cursor :pointer;
font-family: Comic Sans MS, Verdana,Trebuchet MS ;
}
.boutonCadeaux:hover{
border:none;
color : white;
background-color: #e787cc;
background-position: 3px 4.5px;
width: auto;
font-weight: bold;
height:25px;
cursor :pointer;
font-family: Comic Sans MS, Verdana,Trebuchet MS ;
}
#form_cadeaux{
visibility : hidden;
display :none;
}
#option{
visibility : hidden;
display :none;
color: #dc56b6;
font-style : italic;
}