/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

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

h1 { color:#d66712; font-size: 1em; font-weight:bold;}
h2 { color:#d66712; font-size: 1.3em; }
h3 { color:#d66712; font-size: 1.17em; }
h4 { color:#d66712; font-size: 1em; }
h5 { color:#d66712; font-size: 0.83em; }
h6 { color:#d66712; font-size: 0.67em; }
p { color:#d66712; font-size: 1em; margin: 1em 0;}
ul, ol { color:#d66712; font-size: 1em; }
li {  color:#d66712; font-size: 1em; }
a { color:#d66712; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur aprs le clic */
input { border-width:thin; padding:1px; color:#d66712; }
textarea { border-width:thin; padding:3px; color:#d66712; }
em { }
strong { }

fieldset{
	padding: 0.8em;
	margin-bottom: 1em;
	border: none;
	border-top: 1px solid #fff;
}

/* lments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.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 */
.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:#ffffff solid 1px; }
#frmEnvoi .champ { height:15px; width:200px; }
#frmEnvoi .champmessag { }
#frmEnvoi .INPUT2{ border:none;}
#frmEnvoi .field{ text-align:right; margin-top:10px; }

/*classes supplmentaires*/

.rechercher{padding-top:20px; color:#FFFFFF; padding-right:30px; height:29px;}
.rechercher p, .rechercher input {color:#FFFFFF; margin: 0}
.champrechercher{background:#af6000; border: #ffffff solid 1px; width:120px; font-size: 0.9em;}

#formconnexion { text-align:left; padding-top:25px; height:56px;}
#formconnexion input{ background-color:#af6000; color:#ffffff; width:120px; border: #ffffff solid 1px; height:12px;}
#formconnexion a{ color:#000000;}
#formconnexion a:hover{ color:#000000;}
#formconnexion .field{ text-align:right; /*margin-top:10px;*/ color:#FFFFFF; margin-top:2px;}

#user-bar { text-align:left; padding-top:25px; padding-bottom: 0; height:56px; margin: 0;}

.panier{width:273px; height:123px; text-align:left;}

.menu-produits{padding-left:50px; color:#af6000; width:190px}
.menu-promotions {padding-left:50px; color:#cc2a2c; width:190px}


.produit_fiche{width:450px; border:#ffffff solid 1px; height:160px; margin-left:7px; padding-right:10px; background:#f3d8a0; font-size: 1em;}
.texte_encart{padding-left:150px; font-size: 1em; padding-top:5px;} 
.image_encart{ margin-left:10px; float: left; margin-right:7px; margin-top:10px;}
.titre_encart{padding-top:20px;}

.texte_accueil{padding-left:7px;}

#colonneDroite a { text-decoration:none; }
#colonneDroite a:hover { text-decoration:underline; }
	

.submit-ok {
	border: none;
	background: #CCCCCC url(../images/ok-btn.gif) no-repeat 0 0;
	text-indent: -6000px;
	width: 22px;
	height: 15px;
	vertical-align: text-top; 
}


/*	Liste produits
----------------------------------------------------------*/

.liste-produits .produit {
	text-align: center;
	height: 260px;
	width: 260px;
	float: left;
	padding: 0.5em;
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 1em;
	border: 1px solid #fff;
}
.liste-produits .produit h3 a {
	text-decoration: none;
	font-weight: bold;
}
.liste-produits .miniature, .liste-produits .no-image {
	float: none;
	text-align: center;
	margin: 0 auto;
}
.liste-produits .produit p.prix span {
	white-space:nowrap;
}

.liste-produits .miniature img {
	display: inline;
	margin: 0;
}

.liste-produits p.prix {
	text-align: center;
	font-size: 1.2em;
}


.miniature {
	float: left;
}
.miniature img {
	display: block;
	margin: 0 1em 1em 0;
}

.no-image {
	display: block;
	float: left;
	width: 97px;
	height: 73px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	margin: 0 1em 1em 0;
}

.pagination {
	text-align: right;
	margin
}

p.prix {
	text-align: right;
	font-size: 1.2em;
}

p.ajout_panier {
	text-align: right;
	font-size: 1.3em;
	font-weight: bold;
}
p.ajout_panier a {
	display: block;
	float: right;
	width: auto;
	padding: 0.1em 0.2em 0.1em 22px;
	color: #fff;
	background: #D66712 url(../images/basket.png) no-repeat 0 50%;
	text-decoration: none;
	border: 1px solid #F3BA5C;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
p.ajout_panier a:hover {
	color: #D66712;
	background-color: #F3D8A0;
}


.payment_etap {	margin: 1em 0 0; padding: 0.3em; border: 1px solid #fff; }
.payment_etap li {display:inline}
.payment_etap li.selected {font-weight: bold}


/*	Panier
----------------------------------------------------------*/
#panier {
	width: 98%;
	border: none;
}
#panier td, 
#panier th {
	border: none;
	padding: 0.3em;
	margin: 0;
}
#panier th {
	text-align: left;
	border-bottom: 1px solid #333;
	font-weight: bold;
}
#panier td {
	border-top: 1px solid #ccc;
}
#panier tr.first td {
	border-top: none;
}
#panier tr.prix_total td,
#panier tr.totaux td {
	font-weight: bold;
	border: none;
	text-align: right;
	padding: 0.5em;
	border-top: 1px solid #999;
}
#panier tr.prix_total td#total{
	text-align: left;
	font-size: 1.2em;
}
#panier tr.totaux td {
	text-align: left;
}

.epuise {
	font-style: italic;
	color: #c00;
}

#recompute {
	padding-left: 20px;
	background-image: url(../images/refresh.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
#validate {
	padding-left: 20px;
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
#iCFList TH	{
	padding:5px;
	font-weight: bold;
	text-align: center;
}
#iCFList TD, TH {
	line-height: 15px;
	vertical-align: middle;
}

#iCFList TD.desc {
	text-align: right;
	font-weight:normal;
	padding: 0.5em;
}
#iCFList TD.value {
	font-weight: bold;
}

#iCFList TD.text 	{
	color: #333;
}
#iCFList TD.number {
	color: #009;
}
#iCFList TD.time {
	color: #090;
}
#iCFList TD.date {
	color: #090;
}
#iCFList TD.boolean {
	text-align: center;
	color: #900;
}

.cat-cf {
	padding:5px;
	line-height: 1.2em;
}
.cat-cf SPAN {
	font-weight:bold;
}

#cgv {
	height: 200px;
	padding: 0.5em;
	border: 1px solid #fff;
	overflow: scroll;
}

.fiche {
	padding: 0.8em;
	background: #F3BA5C url(../images/bg-prod.jpg) no-repeat right bottom;
}
.fiche p {
}

#choix_declinaisons p {
	margin: 0;
}
#choix_declinaisons label {
	padding-right: 1em;
}
#choix_declinaisons {
	background-color: #EFC686;
	padding-top: 1em;
	padding-left: 1em;
}

#order_list_table {
	width: 100%;
}


/*plan*/
.plan {

	margin-left:45px;

	border: 1px solid #515151;

	width: 500px;

	height: 400px;

}

#map .infosbulle {

	width: 210px;

	border: none;

	margin: 0;

	padding: 0;

}

#map .infosbulle p {

	display: block;

	margin: 0;

	padding: 0;

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

	font-style: normal;

}

.plan-titre {

	font-size: 13px;

	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;

}