@charset "utf-8";
/* CSS Document */

/*
vert 659813
*/
/* vert foncé 336600    vert 659813   vert pale b0c427*/


html {}
body
{
    margin: 0px;
    padding: 0px; 
    font-size: .8em;
	line-height: normal;
    font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
    text-align: left;
	color:#FFFFFF;
	background-image:url(images/arriere.jpg);
	background-repeat:repeat-x;
	background-color:#659813;
}

h1, h2, h3, h4, h5, h6 { font-weight:bold; margin:0px; padding:0px; border: none; color:#fff; text-align:left;}
h1 {}
h2 { margin-top: 30px; font-weight: normal; margin-bottom:0px; padding:0;}
h3 {}
h4 {}
h5 {}
h6 {}

p{ }
p.paragraphecolle {margin-top:0; padding-top:0;}

/* Défini les liens */
a { color:#ffffff; text-decoration: none;}
a:hover { text-decoration:underline;}
img { border:none;} /* enlever la bordure des images */

form{}

/* Ligne jaune sur les côtés */
#ligneetire { background-image:url(images/ligneetire.gif); background-repeat:repeat-y; background-position:center; width:955px; margin:auto; }

/* Contient tout le site, sauf la ligne jaune ci-haut */
#contenucentre 
{
	width:955px; 
	background-image: url(images/arriereplan.jpg); 
	background-repeat:no-repeat; 
	margin:auto; 
	position:relative;
}

/* ELEMENTS EN ABSOLUT  */

#slogan {
	z-index:2;
	position:absolute;
	left:565px;
	top:0px;
}

#cosmetique {
	z-index:2;
	position:absolute;
	left:38px;
	top:13px;
}

#logoquebec {
	z-index:3;
	position:absolute;
	left:291px;
	top:218px;
}

#bande {
	z-index:3;
	position:absolute;
	left:0px;
	top:150px;
	background-image: url(images/bande.png);
	height: 43px;
	width: 955px;
}

#menuvert{
	z-index:4;
	position:absolute;
	left:319px;
	top:151px;
	width:393px;
	height: 41px;
}

#ongletsanges{
	z-index:4;
	position:absolute;
	left:319px;
	top:66px;
	width:472px;
	height: 85px;
}

#panier{
	z-index:4;
	position:absolute;
	left:791px;
	top:115px;
}
#lblNbArticles{
	z-index:4;
	position:absolute;
	left:860px;
	top:163px;
}
#logolouange {
	z-index:4;
	position:absolute;
	left:25px;
	top:21px;
}

#livraison { z-index:4; position:absolute; top:220px; right:-50px;}


/* Lise des énoncés de la page accueil seulement */
#listeaccueil { margin:15px; padding:0; }
#listeaccueil li{ margin:0; padding:0; margin-bottom:20px; list-style-type: disc;}

/* --------------------------------- */

/* BOITE VERTE AVEC FOND DÉGRADÉ*/
#boitegauche {
	z-index:2;
	/*position: absolute;
	left:20px;
	top:219px;*/
	width: 267px;  /* Ajuster le meme nombre de px à widhtboitegauche si vous changer le width ici */
	
	padding-top:219px; float: left; margin-left:20px;
}

#widthboitegauche {width:255px;} /* le width du milieu de la boite */

#boitedroite {
	padding-top:219px; /* défini là où commence la hauteur de la boite */
	/*margin-left: 321px;*/ /* défini là où commence la gauche de la  boite */
	width: 470px;  /* Ajuster le meme nombre de px à widthboitedroite si vous changer le width ici, donc 10px de plus ici = 10 px de plus à widthboitedroite */
	
	margin-left: 30px;
	float: left;
}

#widthboitedroite{width:458px;} /* le width du milieu de la boite */

.margetexte { margin-left: 25px; margin-right:15px; overflow: auto; } /* pour donner une marge gauche et droite au texte */

.scripte{
	font-family: "script MT", "vivaldi serif", "Caflisch Script", "Adobe Poetica", Sanvito, "Ex Ponto", "Snell Roundhand", Zapf-Chancery, "Brush Script MT", "Lucida Calligraphy", "Lucida Handwriting", "Monotype Corsiva", "Zapf Chancery", cursive;
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align: right;
}


.bordureboitevertegauche { width:11px; float:left; min-height:329px;}
.milieuboiteverte{ float: left; background-image:url(images/boitearriereplan.png); background-repeat:repeat-x; min-height:329px;}
.bordureboitevertedroite { width:1px; float:left; min-height:329px;}

#textegauche  { margin-left: 15px;}
#textegauche p{ margin-bottom:6px; margin-top:6px; padding:0px; line-height: normal;}/* affecte les paragraphe de la boite gauche seulement*/

#pieddepage { width:955px; margin-bottom: 22px; text-align:center; margin-top:0px; margin:auto;}

/* NOS PRODUITS*/
.infodroite { float: right; }
.infogauche { float:left; margin-right:10px; margin-top: 30px; } /* même margin-top que h2*/

/* -------------------------IMAGE avec ROLLOVER  -------------*/
.rollOver
{
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
}
.rollOver:hover
{
    background-position: bottom right;
}
.rollOver span
{
    display: none;
}


/* MENU VERT*/
#m1 { background-image: url(images/nosproduits.jpg); width: 99px; height:41px;}
#m2 { background-image:url(images/contact.jpg); width: 121px;height:41px;}
#m3 { background-image:url(images/outrouver.jpg); width: 173px;height:41px; }

/* ONGLETS ANGES*/
#a1 { background-image: url(images/angefemme.jpg); width: 162px; height:85px;}
#a2 { background-image:url(images/angehomme.jpg); width: 158px; height:85px;   }
#a3 { background-image:url(images/angefillette.jpg); width: 152px; height:85px; }

#panierover { background-image:url(images/panier.jpg); width: 77px; height:105px; }


/*
.boutons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
	font-weight: bold;
	color: #b0c427;
	background-color: #659813;
	border-color : #b0c427;
}
*/

#btnRecommander {width: 151px; height: 92px; background-image: url(images/recommandercesite.png); margin:0; padding:0;}