@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#fff; font-size:12px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 { color:#fff; }
h1 { font-weight:700; font-size:1.1em; }
h2 { font-weight:700; font-size:1.3em; }
h3 { font-weight:700; font-size:1.17em; }
h4 { font-weight:700; font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#fff; padding:3px; }
input { color:#fff; padding:3px; }

/* Intro */
#intro h1 { color:#fff; } /* couleur du h1 de l'intro */
#intro p, #intro a { color:#fff; } /* couleur du texte de l'intro */
#intro p { font-size:.9em; }

/* Adresse : Liens de bas de page
----------------------------------------------------------*/
#adresse p, #adresse a { color:#fff; } /* couleur des liens de bas de page */
#adresse p { font-size:.9em; }

/* Image de validation W3C
----------------------------------------------------------*/
/*#validator a img { background-color:#000; } */


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.br { display:block; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

/* margin et padding */
.marginLeft20{margin-left:20px}
.marginLeft5{margin-left:5px}
.marginTop10{margin-top:10px}

/* Tailles */
.width119{width:119px; float:left}
.width604{width:604px; float:left}

/*	Mise en page
----------------------------------------------------------*/

/*	Page d'accueil
----------------------------------------------------------*/
.illustration { float:left; position:relative; top:-10px; left:-7px; margin-right:-30px; }

/*	Page collections
----------------------------------------------------------*/
.collection1 { float:left; background-image:url(../images/collections/collection-printemps.jpg); width:396px; height:442px; margin:18px 0 0 5px; display:block}
.collection1:hover { background-position:bottom; }
.collection2 { float:left; background-image:url(../images/collections/collection-hiver.jpg); width:397px; height:442px; margin-top:18px; display:block}
.collection2:hover { background-position:bottom; }

.collectionEn1 { float:left; background-image:url(../en/images/collections/collection-summer.jpg); width:398px; height:440px; margin:18px 0 0 5px; display:block}
.collectionEn1:hover { background-position:bottom; }
.collectionEn2 { float:left; background-image:url(../en/images/collections/collection-winter.jpg); width:397px; height:440px; margin-top:18px; display:block}
.collectionEn2:hover { background-position:bottom; }

.compagnon { float:left; background-image:url(../images/collections/printemps/compagnon.jpg); width:160px; height:212px; margin-top:18px; display:block}
.compagnon:hover { background-position:bottom; }
.lounak { float:left; background-image:url(../images/collections/printemps/lounak.jpg); width:173px; height:212px; margin-top:18px; display:block}
.lounak:hover { background-position:bottom; }
.pilrock { float:left; background-image:url(../images/collections/printemps/pilrock.jpg); width:119px; height:107px; margin-top:18px; display:block}
.pilrock:hover { background-position:bottom; }
.drian { float:left; background-image:url(../images/collections/printemps/drian.jpg); width:119px; height:105px; display:block}
.drian:hover { background-position:bottom; }
.noupak { float:left; background-image:url(../images/collections/printemps/noupak.jpg); width:152px; height:212px; margin-top:18px; display:block}
.noupak:hover { background-position:bottom; }
.volapiz { float:left; background-image:url(../images/collections/printemps/volapiz.jpg); width:194px; height:232px; margin-top:18px; display:block}
.volapiz:hover { background-position:bottom; }
.cousin { float:left; background-image:url(../images/collections/printemps/cousin.jpg); width:130px; height:223px; display:block}
.cousin:hover { background-position:bottom; }
.atelier { float:left; background-image:url(../images/collections/printemps/atelier.jpg); width:277px; height:223px; display:block}
.atelier:hover { background-position:bottom; }
.soizip { float:left; background-image:url(../images/collections/printemps/soizip.jpg); width:197px; height:223px; display:block}
.soizip:hover { background-position:bottom; }
.pilrockcuir { float:left; background-image:url(../images/collections/printemps/pilrockcuir.jpg); width:194px; height:202px; display:block}
.pilrockcuir:hover { background-position:bottom; }

#flashcontent{border:solid 1px #FFFFFF; margin:10px 0 0 5px;}
.precedent{margin-left:5px; float:left}
.boutonBas{margin-top:10px; text-align:center}

/*	Page point de vente
----------------------------------------------------------*/
.ville {border-bottom:solid 1px #666666; border-left:solid 1px #666666; padding:0 0 0 3px; font-weight:bold; color:#999999; margin-bottom:5px}
.colonneUl{float:left; margin-left:20px; width:29%}
.colonneUl2{float:left; margin-left:26px; width:20%}
.img{float:right; padding-left:10px; background-color:#161616}
.paysEn{border:dotted 1px #fff; border-left:none; border-right:none; padding:0 0 0 3px; font-weight:bold; margin-bottom:15px; text-align:center}

/*	Site en cours de réalisation
----------------------------------------------------------*/
#site { text-align:center; padding-top:5em; }

/*	Mentions Légales
----------------------------------------------------------*/