/*
* Styles généraux
*/
html, select {
scrollbar-face-color: #9f7ac7;
scrollbar-shadow-color: #411576;
scrollbar-highlight-color: #c7c7c7;
scrollbar-3dlight-color: #473b77;
scrollbar-darkshadow-color: #473b77;
scrollbar-track-color: #d0beeb;
scrollbar-arrow-color: #000;
}
body { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 0.8em; color: #535353;}
a img { border: 0; }
#langues img { vertical-align: middle; }
#contenu p { }
#contenu .chapo { /*font-style: italic;*/ }
dt { font-weight: bold; }
ul, ul li {list-style: none; margin: 0px; padding: 0px;}
p {margin: 0 0 20px;}
/*
* Partie variable des sites
*/
a { color:#7b1957; text-decoration:none;}
a:hover { color:#d7dc64; text-decoration: none;}
/*#contenu a:visited { color: #ccc; }*/
#preview ul { margin:1em 0 1em 3em;}
#preview ul li { margin:0.2em 0; padding-left:20px; background:url(../images/bg_li.gif) no-repeat 0 4px;}
#preview p { margin:1em 0; text-align:justify;}
#preview .bloc p { text-align:left;}
.exergue { padding:0.1em 1em; background-color:#e1def6;}
.element { overflow:hidden;}
p#rss { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 {margin: 1em 0px; padding: 0px;}
h1 { font-size: 1.6em; margin-top:0; margin-bottom: 10px; border-bottom:1px solid #eeebfc; font-weight:normal; color: #7d1a6c; letter-spacing:0.05em; text-transform:uppercase;}
h2 { font-size: 1.4em; margin:1em 0; padding:2px 10px; font-weight: normal; background:#eeebfc; color:#7b1957; letter-spacing:0.05em; text-align:center;}
h3 { clear:both; font-size:1.2em; color:#7c1b6a; }
h4 { font-size:1.1em; color:#999; margin:0.5em 2em; }
h5 { font-size:1em; color:#5d519b; margin:0.5em 2.5em; }
h6 { font-size:1em; color:#5d519b; font-weight:normal;}
.comment-ca-marche h1 { text-transform:uppercase;}
/*
* blocs des colonnes
*/
.bloc { font-size: 11px; margin-bottom: 8px;}
#coldroite .bloc a { background-position: left top; background-repeat: no-repeat; padding-left: 15px;}
.bloc h4 { font-size: 1.1em; text-transform: uppercase; margin-bottom: 0px; letter-spacing:normal; border:0; margin:0; padding:0; font-weight:bold;}
.bas { margin-left: 30px; margin-bottom:20px; overflow:auto; background: #e1def6;}
#preview .bloc.bas { clear:left; float:left; width: 415px; padding: 5px 5px; }
#preview #astuce.bloc.bas {width: 175px; min-height:143px; padding: 5px 10px 5px 240px; background: #e1def6 url(../images/bg_bloc_astuce_bebe.jpg) no-repeat 4px 4px; }
#preview .bloc.bas2 { clear:right; float:right; width:220px; padding: 5px 5px; }
#preview .bloc.bas h4 {background:url(../images/bg_h1_bloc_preview.gif) no-repeat 5px 0;}
#preview #coffrets.bloc.bas h4 {padding: 5px 0px 20px 42px; }
#preview #astuce a { padding-left:0;}
a.liens, #preview #astuce a.liens { color:#7c1b6a; padding-left:15px; background:url(../images/picto_liens.gif) no-repeat 0 2px;}
#preview #coffrets .img_coffrets a { display:block; float:right; width:125px; height:64px; padding:0; margin-right:20px; background:url(../images/img_coffret_fermer.gif) no-repeat left center;}
#preview #coffrets .img_coffrets a:hover { background-image:url(../images/img_coffret_ouvert.gif);}
#preview #astuce.bloc.bas h4 { padding: 5px 0px 10px 42px; }
#preview #video a { display:block; padding: 35px 0 35px 70px; background:url(../images/picto_video.gif) no-repeat; border-bottom:1px solid #7c1b6a;}
#preview #label {border-bottom: 1px solid #7d1a6c;}
#preview #label a { padding:0;}
#preview #label img { float:left; margin:0 10px 0 0;}
#preview #label p { margin-left:3em;}
/* bloc pub / actu */
#preview #pub { padding:0; width:425px; overflow:visible; border:0; margin-bottom:15px;}
#pub a { padding:0;}
/* bloc presse */
#preview #presse h4{ padding:20px 0 30px 30px; }
/* bloc coldroite */
#coldroite .bloc { padding: 5px 10px; border-bottom: 2px solid #7d1a6c; background: url(../images/bg_bloc_colonne.gif) repeat-x left top;}
#coldroite .bloc li { margin:5px 0 5px 10px;}
#coldroite .bloc li a { color:#937981;}
#coldroite .bloc li a strong { color:#7c1b6a;}
#coldroite .bloc li a:hover, #coldroite .bloc li a:hover strong, #preview #astuce a.liens:hover, a:hover.commande { color:#d7dc64;}
#coldroite .bloc h4 { text-transform:uppercase; padding: 0px 0px 20px 45px; background-position: -5px top; background-repeat: no-repeat;}
#coldroite #espace-membre.bloc h4 { padding:10px 0px 10px 45px; background-image:url(../images/bg_h1_bloc_commande.gif);}
#coldroite #panier.bloc h4 { padding:10px 0px 10px 45px; background-image:url(../images/bg_h1_bloc_commande.gif);}
#coldroite #partenaires.bloc h4 { padding:10px 0px 10px 32px; background-image:url(../images/bg_h1_bloc_partennaire.gif); background-position: -20px top;}
#coldroite #contact-droite.bloc h4 { padding-bottom:10px; padding-top:5px; border-bottom:1px solid #fff; background-image:url(../images/bg_h1_bloc_contact.gif); background-position: -5px -5px;}
#coldroite #envoie-ami.bloc h4 { padding:3px 30px 3px 55px; background-image:url(../images/picto_envoie-ami.gif); background-position: 0 5px;}
#coldroite .bloc p { margin:5px 0px;}
#coldroite .bloc a { background-image:url(../images/picto_liens.gif);}
#coldroite .bloc ul { margin:0px 0px;}
#coldroite #contact.bloc p { margin: 120px 0px 4px; line-height: 1.1em;}
#coldroite #partenaires { border-top: 2px solid #7d1a6c;/* border:0; height:150px;*/}
#coldroite #banniere { padding:0 0 10px; margin:0; background:0; text-align:center; border:0;}
#coldroite #banniere a { padding:0; background:none;}
#coldroite .bloc h4 a { padding:0; background-position:-1000px 0; }
#coldroite #panier p { padding-left:45px; margin:0; font-size:1.05em; color:#7c1b6a;}
#coldroite #contact-droite { padding-bottom:10px; }
#coldroite #newsletter { background:none; border:0; margin:5px 0; /*border-top: 2px solid #7d1a6c;*/}
#coldroite #newsletter h4 { padding-bottom:0;}
#coldroite #newsletter form { padding-left:10px;}
#coldroite #newsletter label { color:#937981; font-family:Arial, Helvetica, sans-serif;}
#coldroite #newsletter input { border:1px solid #db8abd; color:#7c1b6a;}
#coldroite #newsletter input.submit { border:0;}
#coldroite #paiements {
text-align: center;
border-top: 2px solid #7D1A6C;
background:none;
border: 0;
padding-top: 10px;
margin-bottom: 0px;
}
#coldroite #paiements a {
background: none;
padding:0;
}
#slider {
width:180px;
height:240px; margin-bottom:8px;
border:10px solid #edebfa;
}
/*
* Filet de séparation dans le texte
*/
div.separateur { clear: both; border-top: 1px solid #d4cdf7; margin-bottom: 15px;}
/* alignement des images dans les pages */
div.gauche, div.droite, div.centre { padding: 0.8em 0.8em 0 0.8em; }
.gauche { float: left; margin: 0 1.5em 1em 0;}
.droite { float: right; margin: 0 0 1em 1.5em;}
.centre { margin: 1em auto; text-align: center; }
#contenu .gauche span, #contenu .droite span, #contenu .centre span { display: block; font-size: smaller; text-align: center; }
#contenu #rss div { padding:0; margin:0; background:none; border:none;}
/* icones des fichiers
#contenu .icone a, #contenu a.icone {margin-top: 0em; padding-left: 1.5em; list-style: none;}
#contenu .pdf { background: url(../images/icons/acrobat.gif) left center no-repeat !important; }
#contenu .doc, #contenu .rtf { background: url(../images/icons/word.png) left center no-repeat !important; }
#contenu .xls, #contenu .xla { background: url(../images/icons/excel.png) left center no-repeat !important; }
#contenu .ppt, #contenu .pps { background: url(../images/icons/powerpoint.png) left center no-repeat !important; }
#contenu .zip, #contenu .rar { background: url(../images/icons/compressed.png) left center no-repeat !important; }
#contenu .gif, #contenu .jpg, #contenu .png { background: url(../images/icons/picture.png) left center no-repeat !important; }
#contenu .url { background: url(../images/icons/world.gif) left center no-repeat !important; }
#contenu .email { background: url(../images/icons/email.png) left center no-repeat !important; }
.url a[target="_blank"], a.url[target="_blank"] {background: url(../images/icons/external.png) right center no-repeat !important;}
.icone { padding: 0.2em 0; }*/
.broken { text-decoration: line-through; }
/*
* Pagination et Outils d'impression et de retour
*/
#pagination, #contenu ul#nav-contenu {
clear: both;
padding: 0.5em 0;
margin-top: 2em;
text-align: center;
}
#contenu ul#nav-contenu { margin:2em 0 0 0; }
#contenu #nav-contenu li { background: none; display: inline; padding:0 1.2em; font-size:smaller; color:#3A846E; border-right:1px solid #ccc; }
#contenu #nav-contenu li.last { border:0;}
.prix { color: #cc185e; }
/*
* Historiques des commandes
*/
table.commandes { width: 100%; }