/* --------------------------------------------------------------- */
/* COULEURS */
/* ---------------------------------------------------------------
GRIS 						: #606060
GRIS CLAIR			: #EDEDED
GRIS TRES CLAIR : #FBFBFB

ORANGE				: #FE8701
ORANGE CLAIR 	: #FCBF06

BLEU					: #B1D1FE
BLEU CLAIR		: #E0EEFF
BLEU FONCE		: #23828F

VERT					: #6F8A44
VERT LOGO			: #009DA1
*/
html, body {
	height: 100%;
}
html {
	font-size: 100%;
}
body {
	padding: 0;
	margin: 0;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
	font-size: .8em;
	line-height: 1.25;
	color: black;
	background: white;

	background-image: url("../images/fondHaut.gif");
	background-position: top left;
	background-repeat: repeat-x;

}
/* --------------------------------------------------------------- */
/* Titres */
/* --------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0;
}
h1, h2 {
	font-family: Verdana, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal;
}
h1 {
	font-size: 3em;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* --------------------------------------------------------------- */
/* Listes */
/* --------------------------------------------------------------- */
ul, ol {
	margin: .75em 0 .75em 25px;
	padding: 0; 
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}
dd {
	color: #606060;
}
/* --------------------------------------------------------------- */
/* Paragraphes */
/* --------------------------------------------------------------- */
p {
	margin: .75em 0;
	color: #606060;
}
li p, blockquote p {
	margin: .5em 0;
}

/* --------------------------------------------------------------- */
/* Citations */
/* --------------------------------------------------------------- */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

/* --------------------------------------------------------------- */
/* Liens */
/* --------------------------------------------------------------- */
a {
	color: #606060;
	text-decoration: none;
}
a:hover, a:focus {
	color: #FE8701;
}
a img {
	border: none;
}

/* --------------------------------------------------------------- */
/* Divers éléments de type en-ligne */
/* --------------------------------------------------------------- */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: #606060;
}




/* --------------------------------------------------------------- */
/* Conteneurs */
/* --------------------------------------------------------------- */
#global {
	min-height: 100%;
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
}

/* --------------------------------------------------------------- */
/* En-tête */
/* --------------------------------------------------------------- */
#entete {
	padding: 5px 0px 0px 0px;
	text-align: right;
}


/* --------------------------------------------------------------- */
/* Menu de navigation */
/* --------------------------------------------------------------- */
#navigation {
	padding: 12px 15px;
}
#navigation ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#navigation li {
	display: inline;
}
#navigation a {
	padding: 6px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* --------------------------------------------------------------- */
/* Menu des familles */
/* --------------------------------------------------------------- */
ul#menuFamille {
	margin: 5px 0;
	text-align: left;
	border: 1px solid #606060;
	list-style: none;
	font-size: 1.2em;
	width: 200px;
}
ul#menuFamille li {
	color: #23828F;
}
ul#menuFamille h2 {
	background-color: #EDEDED;
	margin: 0;
	margin-top: 10px;
	font-size: 1.2em;
	padding-left: 10px;
	width: 189px;
}
ul#menuFamille a {
	padding: 6px;
	font-size: 0.8em;
	text-decoration: none;
}
.sousMenuF{
	list-style: square;
}

/* --------------------------------------------------------------- */
/* Menu de gauche                                                  */
/* --------------------------------------------------------------- */
.menuGauche {
	margin: 5px 0;
	text-align: left;
	border: 1px solid #606060;
	list-style: none;
	font-size: 1.2em;
	width: 200px;
}
.menuGauche li {
	color: #23828F;
}
.menuGauche h2 {
	background-color: #EDEDED;
	margin: 0;
	margin-top: 10px;
	font-size: 1.2em;
	padding-left: 10px;
	width: 189px;
}
.menuGauche a {
	padding: 6px;
	font-size: 0.8em;
	text-decoration: none;
}

/* --------------------------------------------------------------- */
/* Menu du haut */
/* --------------------------------------------------------------- */
#menuHaut {
	margin: 5px 0;
	list-style: none;
	overflow: hidden;
}
#menuHaut li {
	margin-right: 5px;
	float: left;
	text-align: center;
}
#menuHaut a {
	width: 126px;
	height: 27px;
	color: #FFF;
	display: block;
	font-size: 1.2em;
	padding-top: 2px;
	text-decoration: none;
	background-image:url(../images/boutonOrange.gif);

}
#menuHaut a:hover{
	background-image:url(../images/boutonOrangeOver.gif);
}

/* --------------------------------------------------------------- */
/* Contenu */
/* --------------------------------------------------------------- */
#contenu {
	padding: 10px 20px;
	clear: both;
	border: 1px solid #606060;
	overflow: hidden;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* --------------------------------------------------------------- */
/* Gauche */
/* --------------------------------------------------------------- */
#gauche{
	text-align: center;
	width: 200px;
	float: left;
}
/* --------------------------------------------------------------- */
/* Droite */
/* --------------------------------------------------------------- */
#droite{
	margin-left: 220px;
	overflow: hidden;
}

/* --------------------------------------------------------------- */
/* Titre Accueil */
/* --------------------------------------------------------------- */
h1#titreAccueil{
	background-image:url(../images/titreAccueil.jpg);
	width: 418px;
	height: 279px;
	color: #FE8701;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 2.5em;
	padding-left: 5px;
	float: left;
}
h1#sousTitreAccueil{
	background-image:url(../images/sousTitreAccueil.jpg);
	width: 422px;
	height: 54px;
	color: #EDEDED;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	line-height: 2em;
	float: left;
}
h1#contactAccueil{
	background-image:url(../images/contactAccueil.jpg);
	width: 171px;
	height: 341px;
	padding: 0;
	margin: 0;
	margin-left: 430px;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	line-height: 1.5em;
	color: #EDEDED;
}
p#texteAccueil{
	text-align: center;
	background-color: #EDEDED;
	border: 1px solid #FFF;
	color: #23828F;
	padding: 10px;

}
/* --------------------------------------------------------------- */
/* Blocs Accueil */
/* --------------------------------------------------------------- */
.blocAccueil{
	width: 328px;
	margin-right: 8px;
	border: 1px solid #EDEDED;
	float: left;
	padding: 5px;
	background-color: #FBFBFB;	
	color: #000;	

}
.blocAccueil h1 {
	font-size: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #23828F;
	font-weight: bold;
}
.blocAccueil p {
	color: #606060;
}
/* --------------------------------------------------------------- */
/* Pied de page */
/* --------------------------------------------------------------- */
#pied {
	padding: 5px 20px;
	font-size: .85em;
	border: 1px solid #FFF;
	text-align: center;
	margin-top: 5px;
	background-color: #EDEDED;
}
#pied p {
	margin: .5em 0;
	color: #000;
}
#mentions{
	width: 960px;
	margin: 0 auto;
	font-size: .85em;
	text-align: center;	
}


/* --------------------------------------------------------------- */
/* Différentes classes */
/* --------------------------------------------------------------- */
.arrondi {
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
}
.petit{
	font-size: 0.8em;
}
.paypal{
	text-align: center;
	color: #606060;
	border: 1px solid #FFF;
	margin-bottom: 10px;
	background-color: #EDEDED;
	padding: 5px;
}
a.boutonO{
	background-image:url(../images/boutonOrange.gif);
	width: 126px;
	height: 25px;
	display: block;
	margin: 0 auto;
	color: #FFF;
	font-size: 1.2em;
	padding-top: 4px;
	text-align: center;
}
a.boutonO:hover{
	text-decoration: none;
	background-image:url(../images/boutonOrangeOver.gif);
}

a.boutonOG{
	background-image:url(../images/boutonOrangeG.gif);
	width: 200px;
	display: block;
	margin: 0 auto;
	color: #FFF;
	font-size: 1em;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	font-weight:bold;
}
a.boutonOG:hover{
	text-decoration: none;
	background-image:url(../images/boutonOrangeGOver.gif);
	color: #FFF;	
}
.texteDroite{
	text-align: right;
}
.texteGauche{
	text-align: left;
}
.texteCentre{
	text-align: center;
}
/* ------------------------------------------------------ */
/* FORMULAIRE RECHERCHE GAUCHE                            */
/* ------------------------------------------------------ */
input.boutonRecherche {
	width: 140px;
	margin: 0;
	background-color: #FE8701;
	color: #FFF;
	border: 1px solid #FCBF06;
	cursor: pointer;

}
input.boutonRecherche:hover{
	background-color: #FCBF06;
	border: 1px solid #FE8701;	
}
/* ------------------------------------------------------ */
/* FORMULAIRE IDENTIFICATION HAUT                         */
/* ------------------------------------------------------ */
.formLogin {
	width: 650px;
	margin: 0 auto;
	float: right;
}
.formLogin p{
	padding: 0;
	margin: 0;
}

label.texteLabelLogin {
	display: block;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #606060;
}
input.boutonLogin {
	width: 100px;
	margin: 0;
	background-color: #FE8701;
	color: #FFF;
	border: 1px solid #FCBF06;
	cursor: pointer;

}
input.boutonLogin:hover{
	background-color: #FCBF06;
	border: 1px solid #FE8701;	
}
/* ------------------------------------------------------ */
/* FORMULAIRES                                            */
/* ------------------------------------------------------ */
.form {
	width: 630px;
	margin: 0 auto;
	border: 1px solid #FE8701;
	background-color: #FBFBFB;
	color: #606060;
	margin-bottom: 15px;
}
.form p{
	padding: 2px;
	margin: 0;
}
.obligatoire {
	color: #23828F;
	font-weight: bold;
}
legend {
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	color: #23828F;
}
fieldset {
	border: none;
	margin: 0;
	padding: 5px;
}
input.texteInput, textarea {
	margin:0;
	padding:0;
	margin-right: 0.25em;
	border: 1px solid #FE8701;
	background-color: #FFF;

}
input.texteInput:focus, textarea:focus{
	background-color: #EDEDED;
	border: 1px solid #000;
}

input.texteInputErreur{
	margin:0;
	padding:0;	
	margin-right: 0.25em;
	border: 1px solid #7E1027;
	background-color: #FCBF06;
}

label.texteLabel {
	display: block;
	float: left;
	width: 50%;
	text-align: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #EDEDED;
	color: #606060;
}


label.radioLabel {
	display: inline;
	margin: 0 1em 0 0.25em;
	color: #606060;

}

input.bouton {
	width: 250px;
	margin: 0 auto;
	display: block;
	background-color: #FE8701;
	color:#FFF;
	border: 1px solid #FCBF06;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;

}
input.bouton:hover{
	background-color: #FCBF06;
	border: 1px solid #FE8701;	

}

/* ------------------------------------------------------ */
/* BOUTIQUE                                               */
/* ------------------------------------------------------ */

h1.titreFamille{
	background-color: #EDEDED;
	font-size: 1.6em;
	color: #009DA1;
	padding: 15px;
	margin: 0;
	border: 1px solid #ccc;	
	margin-bottom: 0.5em;
}

.menuPage{
	clear: both;
	text-align: center;
	margin: 10px 0;
	color: #009DA1;
	font-size: 1em;
	border: 1px solid #ccc;	
	overflow: hidden;
}
.menuPage a {
	color: #606060;
}
.menuPage a:hover {
	color: #FE8701;
}
.descFamille{
	font-size: 0.5em;
	color: #606060;
	margin: 0;
}
.descSFamille{
	font-size: 0.8em;	
	color: #606060;
	margin: 0;
	border: 1px solid #ccc;		
	padding: 5px;	
	padding-left: 15px;
	background-color: #FBFBFB;
}	
/* ---------------------------------------- */
/* PRODUITS                                 */
/* ---------------------------------------- */
.produit {
	width:326px;
	float:left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px;
	background-color:#FBFBFB;
	border: 1px solid #ccc;
	min-height: 260px;

}

.detailPhoto{
	float: left;
	text-align: center;
}
.detailPhoto img{
  max-height: 200px;
  max-width: 120px;
  width: 120px;
  overflow: hidden;

}
.detailProduit {
	float: right;
	width: 200px;
}
.detailProduit p {
	margin: 0;
	padding: 0;
}

a.panierAjoute {
	width: 120px;
	height: 23px;
	color: #FFF;
	display: block;
	font-size: 1.2em;
	padding-top: 3px;
	text-decoration: none;
	background-image:url(../images/boutonPanier.gif);
	text-align: center;

}
a.panierAjoute:hover{
	background-image:url(../images/boutonPanierOver.gif);
}

.popupPanier {
	width: 345px;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	padding: 0;
	overflow: hidden;
}
.popupPanier p{
	margin:5px;
	padding:0;
}

#qtePanier{
	background-image:url(../images/panier.gif);
	width: 178px;
	height: 38px;
	text-align: right;
	margin: 0 auto;
}
#qtePanier a{
	display: block;
	color: #FFF;
	margin: 0;
	font-size: 1.2em;
	padding-right: 10px;
	padding-top: 8px;
}

/* ------------------------------------------------------ */
/* PANIER                                                 */
/* ------------------------------------------------------ */

table.panier{
	border-collapse: collapse;
	width: 100%;
}
table.panier p{
	color: #000;
	margin: 0;
	padding: 0;
}	
table.panier td{
	border: 1px solid #000;
	padding: 2px;
	color: #000;
}
table.panier th{
	text-align: center;
	background-color: #FE8701;
	border: 1px solid #000;
	color: #FFF;
	font-size: 1.2em;
}
tr.totaux td {
	background-color: #FE8701;
	border: 1px solid #000;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
}
.produitQtePanier{
	overflow: hidden;
	width: 100px;
}
.produitQtePanier input.qte {
	background-color: #FBFBFB;
	border: 1px solid #8C0209;
	color: #8C0209;
	text-align: center;
	width:25px;
	float: left;
	height: 23px;
	font-size: 1.5em;
}
.imgC{
	float: left;
	cursor: pointer;
	margin: 0;
	margin-left: 5px;
	margin-right: 5px;
	width:25px;
	height:25px;
}

/* ------------------------------------------------------ */
/* IDENTIFICATION                                         */
/* ------------------------------------------------------ */
#blocPro{
	display: none;
}
.alerte{
	width:75%;
	margin: 15px auto;
	color:#FFF;
	background-color:#FE8701;
	text-align:center;
	border: 1px solid #000;
	font-weight: bold;
	padding: 5px;
}
/* ------------------------------------------------------ */
/* DIMENSIONS                                             */
/* ------------------------------------------------------ */
#dimensions input{
	text-align: right;
	border: 1px solid #FE8701;
	background-color: #FFF;	
}
/* ------------------------------------------------------ */
/* PAIEMENT                                               */
/* ------------------------------------------------------ */
#blocClient{
	border: 1px solid #606060;
	width: 45%;
	padding: 5px;
	float: left;
	background-color: #FBFBFB;
}
#blocClient p{
	margin: 0;
	padding: 0;
}
#blocLivraison{
	border: 1px solid #606060;
	width: 45%;
	padding: 5px;
	float: right;
	background-color: #FBFBFB;
}
#blocLivraison p{
	margin: 0;
	padding: 0;
}
#blocCheque{
	border: 1px solid #606060;
	width: 90%;
	padding: 5px;
	background-color: #FBFBFB;	
	margin: 10px auto;
}
#blocCheque h1 {
	font-size: 1.4em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #23828F;
	font-weight: bold;
}
/* ------------------------------------------------------ */
/* CONTACT                                                */
/* ------------------------------------------------------ */
#blocVendeur{
	border: 1px solid #606060;
	width: 75%;
	padding: 5px;
	background-color: #FBFBFB;
	text-align: center;
	margin: 0 auto;
}
#blocVendeur p{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
#blocVendeur h1{
	margin: 0;
	padding: 0;
}
#googleMaps{
	text-align: center;
	margin: 20px auto;
}