/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";



/* ------------------------------ Style texte --------------------------------- */

#contenu h1{
font-family:"Times New Roman", Times, serif;
font-size:x-large;
font-weight:bold;
text-align:left;
color:#f5cb74;
border-bottom:1px solid #fe1800;
padding-top:20px;
margin-bottom:20px;
}
#contenu h2{
font-family:"Times New Roman", Times, serif;
font-size:large;
font-weight:bold;
text-align:left;
color:#f5cb74;
/*border-bottom:1px dashed #fe1800;*/
display:inline;
line-height:30px;
}

#contenu h3{ /* Bug firefox */
line-height:10px;
}

#contenu h4{
font-family:"Times New Roman", Times, serif;
font-size:medium;
font-weight:bold;
text-align:left;
color:#f5cb74;
margin-top:20px;
border-top:1px dashed #fe1800;
line-height:30px;
}

#contenu p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
line-height:1.2em;
text-align:justify;
color: #ffc008;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#f5cb74;
}
#contenu a:link, #contenu a:visited{
	font-weight:normal;
	text-decoration:none;
	color: #ff8808;
}
#contenu a:hover, #contenu a:active{
	font-weight:normal;
	text-decoration:none;
	color: #fff;
}
#footerMenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color: #ff8808;
	text-align:center;
	line-height:26px;
}
#footerMenu a:link, #footerMenu a:visited{
	font-weight:normal;
	text-decoration:none;
	color: #ff8808;
}
#footerMenu a:hover, #footerMenu a:active{
	font-weight:normal;
	text-decoration:underline;
	color: #fff;
}


/* ------------------------------ LIVRE OR -------------------------------- */

#livre_or{
font-size:small;
color: #ffc008; /*  couleur texte  */
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}

.commentaire_or
{
border-bottom:1px dashed #fe1800;
padding:20px 0px 10px 0px;
}

.signature_or
{
font-weight:bold;
margin-top:15px;
}

/* ------------------------------ CATALOGUE -------------------------------- */

.bord_rouge{
border:solid 6px #EE5342;
}
.bord_orange{
border:solid 6px #D75827;
}
.bord_jaune{
border:solid 6px #EDB70D;
}
.bord_vert{
border:solid 6px #53721F;
}
.bord_bleu{
border:solid 6px #287BB5;
}
.bord_violet{
border:solid 6px #765B8B;
}



#fiche_produit{
width:602px;
}

.fiche_produit_tete{
width:602px;
height:312px;
}

.fiche_produit_photo{
width:387px;
height:312px;
float:left;
background:url(../images/charte/fiche_produit/photo_fiche.jpg) left top no-repeat;
}

.fiche_produit_photo img{

margin:18px 0px 0px 19px;
background:url(../images/charte/fiche_produit/photo_fiche.jpg) left top no-repeat;
}

.fiche_produit_info{
width:215px;
height:248px;
overflow:hidden;
float:left;
background:url(../images/charte/fiche_produit/tete_fiche.jpg) left top no-repeat;
}

.fiche_produit_info .titre{
padding:20px 10px 10px 10px;
border-bottom:solid 1px #B8B199;
text-align:center;
}
.fiche_produit_info .ref{
font-size:x-small;
padding:5px 10px 5px 10px;
text-align:center;
border-bottom:solid 1px #B8B199;
}
.fiche_produit_info .prix{
font-size:medium;
font-weight:bold;
padding:5px 10px 5px 10px;
text-align:center;
border-bottom:solid 1px #B8B199;
}
.fiche_produit_info .collection{
padding:5px 10px 5px 10px;
font-size:small;
text-align:left;
border-bottom:solid 1px #B8B199;
}
.fiche_produit_info .dimensions{
padding:5px 10px 5px 10px;
font-size:small;
text-align:left;
border-bottom:solid 1px #B8B199;
}
.fiche_produit_info .couleur_prod{
padding:5px 10px 5px 10px;
font-size:small;
text-align:left;
border-bottom:solid 1px #B8B199;
}
.fiche_produit_info .senteur{
padding:5px 10px 5px 10px;
font-size:small;
text-align:left;
border-bottom:solid 1px #B8B199;
}
.fiche_produit_info .conditionnement{
padding:5px 10px 5px 10px;
font-size:small;
text-align:left;
border-bottom:solid 1px #B8B199;
}
.fiche_produit_panier_e{
width:215px;
height:64px;
float:left;
background:url(../images/charte/fiche_produit/panier_fiche_vide.jpg) left top no-repeat;
}
.fiche_produit_panier{
width:215px;
height:64px;
float:left;
background:url(../images/charte/fiche_produit/panier_fiche_over.jpg) left top no-repeat;
}

.fiche_produit_panier a{
display: block;
width: 100%;
height: 100%;
background:url(../images/charte/fiche_produit/panier_fiche_out.jpg) left top no-repeat;
}

.fiche_produit_panier a:hover{
background: transparent none;
}

.fiche_produit_panier_vide{
width:215px;
height:64px;
float:left;
background:url(../images/charte/fiche_produit/panier_fiche_vide.jpg) left top no-repeat;
}

.fiche_produit_description{
background:url(../images/charte/fiche_produit/rep_fiche.jpg) left top repeat-y;
color:#333333;
font-size:small;
padding:0px 20px 0px 20px;
}

.fiche_produit_pied{
width:602px;
height:20px;
background:url(../images/charte/fiche_produit/pied_fiche.jpg) left top no-repeat;
}


/* ------------------------------ CATALOGUE -------------------------------- */


.vignette_photo{
margin:7px 0px 0px 8px;
border:1px solid #797979;
}
.vignette_ref{
margin:2px 0px 5px 8px;
width:165px;
height:10px;
text-align:right;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#333333;
}
.vignette_description{
margin:7px 0px 0px 8px;
width:165px;
height:27px;
overflow:hidden;
text-align:center;
font-size:11px;
color:#333333;
}
.vignette_prix{
	margin:15px 0px 0px 56px;
	width:120px;
	height:20px;
	text-align:center;
}

.prix{
	text-decoration:none;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
}

.prix_promo{
	text-decoration:none;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}
.prix_barre{
	text-decoration: line-through;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}


.vignette_meuble{
border:solid 6px #EE5342;
}
.vignette_tissus{
border:solid 6px #D75827;
}
.vignette_luminaire{
border:solid 6px #EDB70D;
}
.vignette_encens{
border:solid 6px #53721F;
}
.vignette_objetdeco{
border:solid 6px #287BB5;
}
.vignette_senteur{
border:solid 6px #765B8B;
}

.vignette_meuble, .vignette_tissus, .vignette_luminaire, .vignette_encens, .vignette_objetdeco, .vignette_senteur {
float:left;
margin:0px 12px 12px 0px;
width:184px;
height:228px;
background:url(../images/charte/vignette_produit/fiche_produit_over.jpg) left top no-repeat;
}

.vignette_meuble a, .vignette_tissus a, .vignette_luminaire a, .vignette_encens a, .vignette_objetdeco a, .vignette_senteur a {
display: block;
width: 100%;
height: 100%;
background:url(../images/charte/vignette_produit/fiche_produit_out.jpg) left top no-repeat;
}

.vignette_meuble a:hover, .vignette_tissus a:hover, .vignette_luminaire a:hover, .vignette_encens a:hover, .vignette_objetdeco a:hover, .vignette_senteur a:hover {
background: transparent none;
}



/* ------------------------------ LIENS -------------------------------- */
.liens
{
border-bottom:1px dashed #fe1800;
height:90px;
float:none;
}

.liens img
{
border:1px solid #fe1800;
margin:10px 10px 20px 0px 
}



/* ------------------------------ CONTACT -------------------------------- */

/* ------------------------------ CONTACT -------------------------------- */

#contactTxt{
	width:45%;
	float:left;
	margin-bottom:20px;
}
#contactPlan{
	width:45%;
	float:right;
	margin-bottom:20px;
}
#formContact{

	font-size:small;
	color: #ffc008; /*  couleur texte  */
}
#formContact select{
	border:1px solid #EB9C4F;
}
#formContact input,textarea{
	color:#000;
	width:99%;
	background-color:#fff; /*  couleur fond cadres  */
	border:1px solid #666; /*  couleur bord cadres  */
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#formContact input:focus,textarea:focus{
	border-color:#EB9C4F;
}
#formContact .champRequis{
	color:#DA1F1F;
}
#formContact .txtlegende, #contenu .txtlegende{
	font-size:x-small;
	color:#999/*1372B6*/; /*  couleur texte bas  */
	text-align:justify;
}

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

#formPanier{

	font-size:small;
	color: #ffc008; /*  couleur texte  */
}
#formPanier select{
	border:1px solid #EB9C4F;
}
#formPanier input,textarea{
	color:#000;
	background-color:#fff; /*  couleur fond cadres  */
	border:1px solid #666; /*  couleur bord cadres  */
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#formPanier input:focus,textarea:focus{
	border-color:#EB9C4F;
}
#formPanier .champRequis{
	color:#DA1F1F;
}
#formPanier .txtlegende, #contenu .txtlegende{
	font-size:x-small;
	color:#999/*1372B6*/; /*  couleur texte bas  */
	text-align:justify;
}



/* ------------------------------ INDEX VIGNETTE --------------------------------- */

.vignette_index{
float:left; 
margin:10px 0px 0px 10px;
}

.photo_vignette_index {
width:150px;
height:165px;
margin:14px 0px 0px 18px;
}

.vignette_index_meubles {
width:184px;
height:242px;
border:solid 5px #EE5342;
background:url(../images/charte/index/meubles_over.jpg) left top no-repeat;
}

.vignette_index_meubles a{
display: block;
width: 100%;
height: 100%;
background:url(../images/charte/index/meubles_out.jpg) left top no-repeat;
}

.vignette_index_meubles a:hover {
background: transparent none;
}



.vignette_index_tissus {
width:184px;
height:242px;
border:solid 5px #D75827;
background:url(../images/charte/index/tissus_over.jpg) left top no-repeat;
}

.vignette_index_tissus a{
display: block;
width: 100%;
height: 100%;
background:url(../images/charte/index/tissus_out.jpg) left top no-repeat;
}

.vignette_index_tissus a:hover {
background: transparent none;
}




.vignette_index_luminaire {
width:184px;
height:242px;
border:solid 5px #EDB70D;
background:url(../images/charte/index/luminaires_over.jpg) left top no-repeat;
}

.vignette_index_luminaire a{
display: block;
width: 100%;
height: 100%;
background:url(../images/charte/index/luminaires_out.jpg) left top no-repeat;
}

.vignette_index_luminaire a:hover {
background: transparent none;
}



.vignette_index_encens {
width:184px;
height:242px;
border:solid 5px #53721F;
background:url(../images/charte/index/encens_over.jpg) left top no-repeat;
}

.vignette_index_encens a{
display: block;
width: 100%;
height: 100%;
background:url(../images/charte/index/encens_out.jpg) left top no-repeat;
}

.vignette_index_encens a:hover {
background: transparent none;
}



.vignette_index_objetdeco {
width:184px;
height:242px;
border:solid 5px #287BB5;
background:url(../images/charte/index/objetdeco_over.jpg) left top no-repeat;
}

.vignette_index_objetdeco a{
display: block;
width: 100%;
height: 100%;
background:url(../images/charte/index/objetdeco_out.jpg) left top no-repeat;
}

.vignette_index_objetdeco a:hover {
background: transparent none;
}

.vignette_index_senteur {
width:184px;
height:242px;
border:solid 5px #765B8B;
background:url(../images/charte/index/senteur_over.jpg) left top no-repeat;
}

.vignette_index_senteur a{
display: block;
width: 100%;
height: 100%;
background:url(../images/charte/index/senteur_out.jpg) left top no-repeat;
}

.vignette_index_senteur a:hover {
background: transparent none;
}