

/* Import de la CSS d'initialisation

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



@import url(structure.css);



/* Construction (Montage)

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



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



h1 { color:#fff; font-size: 1.4em; }

h2 { color:#fff; font-size: 1.3em; }

h3 { color:#fff; font-size: 1.17em; }

h4 { color:#fff; font-size: 1em; }

h5 { color:#fff; font-size: 0.83em; }

h6 { color:#fff; font-size: 0.67em; }

p { color:#fff; font-size: 1em; }

ul, ol { color:#fff; font-size: 1em; }

li {  color:#fff; font-size: 1em; }

a { color:#fff; text-decoration:underline; }

a:hover { text-decoration:none; } /* si changement de couleur au survol */

a:visited { } /* si changement de couleur après le clic */

input { border-width:thin; padding:3px; }

textarea { border-width:thin; padding:3px; }

em { }

strong { }





/* Éléments Particuliers

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



/* Placement d'images */

.imgLeft{ float:left; margin-right:.5em; }

.imgRight{ float:right; margin-left:1em; }



/* Des classes d'alignement d'objets */

.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.aligncenter { margin-left:auto; margin-right:auto; }



/* Des classes d'alignement du texte */

.h1index{ position:relative; left:0; top:0; width:100%; padding:0; }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.justify { text-align: justify; }



/* Des classes de formatage du texte en ligne */

.bold, .gras { font-weight: bold; }

.italic, .italique { font-style: italic; }

.strike, .barre { text-decoration: line-through; }



/* Des classes flotante */

.floatleft { float: left; }

.floatright { float: right; }



/* Les "nettoyeurs" */

.clearb { clear: both; }

.clearer { clear: both; width: 0; height: 0; line-height: 0; }



/* Formulaire de contact */

#frmEnvoi{ width:470px; }

#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }

#frmEnvoi .field{ text-align:right; margin-top:10px; }

#frmEnvoi .champ { border:none; border:#000000 inset 1px; padding:5px; background-color:#FFFFFF; }

#frmEnvoi .champ:focus { }

#frmEnvoi #code {  border:none;  border:#000000 inset 1px; padding:5px; background-color:#FFFFFF; }

#frmEnvoi #code:focus { }

#frmEnvoi #send2 { border-color:#fff;  background-color:#1c1c1c; color:#FFF;}



#infoclient {  margin-bottom:1.7em; }

#hebergeur { margin-bottom:1.5em; }



#intro{background:#1c1c1c url(../page_index/intro_bg.jpg) top repeat-x; color:#FFF;}

#find{ text-align:left; padding-left:275px;position:relative;}

#find input{ background-color:#333; color:#FFF;font-size:.8em; }

#find p{padding:8px 5px 0px 5px;}



.encart{background:url(../images/titre_gauche.jpg) top no-repeat; width:251px; padding:0; margin-bottom:20px;}

.encart h1{padding:10px 20px 0px 20px;  height:37px;}

.encart p{padding:0 20px;}

.encartContent{ background:url(../images/encart-fond.jpg) top repeat-y;width:203px; text-align:center;min-height:150px; _height:150px;}

.grandetaille {min-height:180px; _height:180px;}

.encartContent img{ padding:0 20px;}

.produit{ width:203px;  float:left;  }

.encart-bas {height:10px; background-image:url(../images/encart-bas.jpg);}

.produit p{color:#8f2387; display:block;}

.produit a{color:#8f2387; padding:0 10px;text-decoration: none;}

.produit .padd {padding:15px 10px;}

.produit h3 {padding:0;}

#arianne{ padding:0 10px 0 10px; float:left; width:617px; position:relative; top:-5px;}



.login {width:100px;margin-bottom:3px;}

#marque{ position: absolute; left:428px;top:10px;width:140px;_margin-left:-270px;}

#rechercheok {position: absolute; left:578px;top:10px;width:30px;_margin-left:-270px;}

.plan-site a, .plan-site a:hover, .plan-site a:visited, .plan-site a:link {color:#cc76b8; text-decoration: underline;}

.h3-accueil {text-align:center;/*background:url(../images/encart-h3-haut.jpg) top no-repeat;padding:0;*/min-height:40px;_height:40px;}

.h3-accueil- {background:url(../images/encart-h3-haut-top.jpg) top no-repeat;padding:0;height:20px;}

.h3-accueil-haut {background:url(../images/encart-h3-bg.jpg) top repeat-y;padding:0;}

.h3-accueil-bas {background:url(../images/encart-h3-bas.jpg) top no-repeat;height:16px;padding:0;}

.encart-panier { background:url(../images/encart-panier.jpg) top no-repeat;height:25px;padding:0;vertical-align:top;}

.encart-fiche { background:url(../images/encart-fiche.jpg) top no-repeat;height:32px;padding:0;vertical-align:top;}

.encart-separateur { background:url(../images/encart-separateur.jpg) top no-repeat;height:15px;padding:0; }



.plan {

	width: 600px;

	height: 480px;

}

#map .infosbulle {

	width: 210px;

	border: none;

	display: block;

	margin: 0;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

}

.plan-titre {

	font-size: 14px;

	color: #5F0666;

	font-weight: bold;

	margin-bottom: 1em;

}

.plan-adresse {

	font-size: 12px;

	color: #333;

}

.plan-printer {

	display:block;

	text-align: right;

}

.plan-printer img, 

.plan-printer a {

	border: none;

}

.indent {text-indent:20px;}



#compte { 

	position:absolute;

	right: 25px;

	top: 12px; }

	



.espace {

	font-size: 0.3em;

	}

	

.rub0, .rub0_on {

	padding-left:20px;

	font-size:1.17em;

	font-weight:700;

	}

.rub1, .rub1_on {

	padding-left:35px;

	font-size: 1.17em;

	}

.rub2, .rub2_on {

	padding-left:55px;

	font-size: 1em;

	}



.rub0, .rub1, .rub2{

	color:#fff;

	padding-right:5px;	

	}

.rub0_on, .rub1_on, .rub2_on, .rub0_on a, .rub1_on a, .rub2_on a {

	color:#ee95e8;

	padding-right:5px;

	}

