/* 	global.css
 	La Verriere Design
*/

body {
/* background-image:url(images/motif_trame.gif); */
background-color: #999999;
background-repeat: repeat;
margin: 0;
padding: 0;
}

#header {
background-image: url(images/header.gif);
background-position:center;
background-repeat:no-repeat;
height:46px;
width: 748px;
}

#recherche {
background-image: url(images/search.gif);
background-position:center;
background-repeat:no-repeat;
height:48px;
width: 748px;
}

#conteneur {
position: absolute;
width: 748px;
left: 50%;
background-color: #FFFFFF;
background-image: url(images/gauche_back.gif);
background-position: left;
background-repeat: repeat-y;
margin-left: -374px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

#centre {
margin-left: 150px;
width: 598px;
padding-bottom: 200px;
}

#centre_home {

background-color:#FFFFFF;
width: 748px;
height: 200px;
background-image: url(images/home_p.jpg);
background-position: top;
background-repeat: no-repeat;
}


#gauche {
position: absolute;
left:0;
width: 150px;
background-image: url(images/gauche_back.gif);
background-position: left;
background-repeat: repeat-y;
}

#home {
width: 748px;
height: 222px;
background-image: url(images/home.jpg);
background-position: top;
background-repeat:no-repeat;
}

#sep1 {
width: 748px;
height: 14px;
background-image: url(images/sep1.jpg);
background-position: top;
background-repeat:no-repeat;
}

#homecat {
width: 598px;
height: 60px;
background-image: url(images/home_cat.gif);
background-position: top;
background-repeat:no-repeat;
}

#magcat {
width: 598px;
height: 60px;
background-image: url(images/mag_cat.gif);
background-position: top;
background-repeat:no-repeat;
}

#pied {
width: 748px;
/* height: 38px; */
background-image: url(images/pied.gif);
background-color:#FFFFFF;
background-position: top;
background-repeat:no-repeat;
}

/*---------------------------*/
#topcat {
background-image: url(images/top_cat.gif);
background-position: left;
background-repeat:no-repeat;
height:24px;
width: 145px;
}

#backcat {
background-image: url(images/back_cat.gif);
background-position: left;
background-repeat:no-repeat;
height:18px;
width: 145px;
margin:0; padding:0; border: 0;
}

#backcat2 {
background-image: url(images/back_cat2.gif);
background-position: left;
background-repeat:no-repeat;
height:18px;
width: 145px;
margin:0; padding:0; border: 0;
}

.tetiere { font-family: Helvetica, sans-serif; font-size: 24px; color: #999999; font-weight:bold;}

.soustitre { color:#F94488; font-size: 10pt; margin-bottom:10px; margin-top:20px;}

.cat { font-family: Helvetica, sans-serif; font-size: 11px; color:#666666; padding-top:2px;}
a.cat:link { text-decoration: none; color:#666666; padding-top:2px;}
a.cat:visited { text-decoration: none; color:#666666; padding-top:2px;}
a.cat:hover { text-decoration: none; color:#F94488; padding-top:2px;}

.homeprod { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666;}
a.homeprod:link { text-decoration: none; color:#666666; padding-top:2px; font-weight: bold;}
a.homeprod:visited { text-decoration: none; color:#666666; padding-top:2px; font-weight: bold;}
a.homeprod:hover { text-decoration: none; color:#F94488; padding-top:2px; font-weight: bold;}

.arbo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#666666;}
a.arbo:link { text-decoration: none; color:#666666; padding-top:15px; }
a.arbo:visited { text-decoration: none; color:#666666; padding-top:15px; }
a.arbo:hover { text-decoration: none; color:#F94488; padding-top:15px; }

.rose { font-family: Helvetica, sans-serif; font-size: 11px; color:#F94488;}
a.rose:link { text-decoration: none; color:#F94488; padding-top:15px; }
a.rose:visited { text-decoration: none; color:#F94488; padding-top:15px; }
a.rose:hover { text-decoration: underline; color:#F94488; padding-top:15px; }

.rose1 { font-family: Helvetica, sans-serif; font-size: 13px; color:#F94488;}
a.rose1:link { text-decoration: none; color:#F94488; padding-top:15px; }
a.rose1:visited { text-decoration: none; color:#F94488; padding-top:15px; }
a.rose1:hover { text-decoration: underline; color:#F94488; padding-top:15px; }

.lien { font-family: Helvetica, sans-serif; font-size: 11px; color:#666666;}
a.lien:link { text-decoration: underline; color:#666666; padding-top:15px; }
a.lien:visited { text-decoration: underline; color:#666666; padding-top:15px; }
a.lien:hover { text-decoration: underline; color:#F94488; padding-top:15px; }

td { font-family: Helvetica, sans-serif; font-size: 11px; color:#666666;}

.normal1 { font-family: Helvetica, sans-serif; font-size: 12px; color:#666666;}


#textPanier {
font-family: Helvetica, sans-serif; font-size: 11px; color:#666666; padding-top:10px;  padding-left:70px;
}

#membre {
font-family: Helvetica, sans-serif; font-size: 11px;
background-image: url(images/compte.gif);
background-position: top;
background-repeat:no-repeat;
padding-top:30px;
height:121px;
width: 132px;
margin-left:6px;
margin-top: 20px;
 border: 0;
 text-align: center;
}


#top_infos_prod {
background-image: url(images/top_infos_prod.gif);
background-position: left;
background-repeat: no-repeat;
height:15px;
width: 241px;
margin:0; padding:0; border: 0;
}

#quantite {	
margin-top:2px;
padding-top:2px;
width: 137px;
height: 21px;
background: white;	
color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
text-align:center;
}

#couleur {	
margin-top:2px;
padding-top:2px;
padding-bottom:2px;
width: 137px;
background: white;	
color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
text-align:center;
}

/* Boutons rollover */

#commander {	/* "lien" sera notre conteneur, ici la balise div */
width: 137px;
height: 21px;
background: url(images/commander2.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#commander a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(images/commander.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

#commander a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}