/* Feuille de style pour la structure général de toutes les pages */

@import "/css/general.css";
@import "droite_gauche.css";
@import "haut.css";

html, body {
 	
}

/* ------------------------------------------- */
/* PROPRIETES GENERALES                        */
/* ------------------------------------------- */


#contenant-centre1, 
#contenant-centre2,
#contenant-centre1-bas, 
#contenant-centre2-bas {
	background: #f3f8da;  /* Background pour la zone de gauche*/
}
  	
  	
/* ------------------------------------------- */
/* CLASS BOITE                                 */
/* ------------------------------------------- */

.boite {
	background-color: #f3f8da;
}

#centre .boite {
	background-color: #ffffff;
}

.bg_fonce {
  background-color: #a5bd15;
}

.bg_pale {
  background-color: #f3f8da;
}

.boite h1, .boite h2, table h1,
#centre .boite-offre-speciale,
#centre .boite-offre-speciale-os-affichage { 	
    	background-color: #a5bd15;
}

.boite h3, .table h3, .boite-offre-speciale-os-affichage h3 { 
	color:#819508;
    	background-color: #f3f8da;
}

/* ANCHOR */

.boite a{
	color:#819508;
}

.boite a:hover{
	color:#819508;
}

.boite a:visited {
	color:#819508;
}


.boite-offre-speciale-droit {
	background: #f3f8da url("/images/OS_background.gif") no-repeat top right;
}

.boite-offre-speciale-gauche {
	background-color: #057E53;
}

/* ------------------------------------------- */
/* CLASS DIVERS                                */
/* ------------------------------------------- */

.lbl {
	font-weight: bold;
	color: #000000;
}
.boite-affichage {
	background-color: #f3f8da;
}
.affichage-gauche {
	background-color: #ffffff;
	
}

#haut input, #haut select, #haut texarea {
	background-color: #f3f8da;
}

/* necessaire pour les boutons qui sont inclu dans un input en gif transparant */
input#bouton-ok-recherche {
	
	background: none;
}

/* ------------------------------------------- */
/* AFFICHAGE COURT/LONG                        */
/* ------------------------------------------- */

.produit_accroche {
	color: #057E53;	
}

.paginationaffichagecourt a, .paginationaffichagecourt a:visited  {
	color: #ffffff;
	text-decoration: none;
}
.paginationaffichagecourt a:hover {
	color: #ffffff;
	text-decoration: underline;	
}


/* ------------------------------------------- */
/* BOUTONS                                     */
/* ------------------------------------------- */

a.bouton, .bouton {
    background: #f3f8da;
    color: #057E53;
	
}
a:visited.bouton {
    color: #057E53;
}
a:hover.bouton {
    color: #057E53;
    border:1px solid #057E53;
}

a:hover .boutonicon {
    color: #057E53;
}

.boite a.boutonplus-inverse,.boite a.boutonplus-inverse:visited,.boite a.boutonplus-inverse:hover {
	color: #057E53;
	text-decoration: none;
}

#fav-gauche {
	float: left;
	width: 19px;
}

#fav-droite {
	float: right;
	width: 23px;
}

#fav-centre {
	position: relative;
	margin-left: 19px;
	margin-right: 23px;
	text-align: left;
}
.titre-favoris {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.idees-saison-border {
	border-left: 1px solid #e7c720;
	border-right: 1px solid #e7c720;
	/* background: #f3f8da url("/images/OS_background.gif") no-repeat top right; */
}	
.idees-deco-border {
	border-left: 1px solid #bd49bd;
	border-right: 1px solid #bd49bd;
}

.idees-tradition-border {
	border-left: 1px solid #ff9a00;
	border-right: 1px solid #ff9a00;
}
.idees-tendance-border {
	border-left: 1px solid #f79ac6;
	border-right: 1px solid #f79ac6;
}
.idees-junior-border {
	border-left: 1px solid #00aeef;
	border-right: 1px solid #00aeef;
}
.boite-idees-border {
	border-left: 1px solid #31b242;
	border-right: 1px solid #31b242;
}
.idees-saison a, .idees-saison a:hover, .idees-saison a:visited {
	color: #998000;
}	
.idees-deco a, .idees-deco a:hover, .idees-deco a:visited{
	color: #942c8c;
}

.idees-tradition a, .idees-tradition a:hover, .idees-tradition a:visited {
	color: #ce7900;
}
.idees-tendance a,.idees-tendance a:hover, .idees-tendance a:visited {
	color: #ce4d84;
}
.idees-junior a, .idees-junior a:hover, .idees-junior a:visited{
	color: #0095ca;
}
.boite-idees a,.boite-idees a:hover, .boite-idees a:visited {
	color: #086921;
}

/* ------------------------------------------- */
/* ENVOYER À UN AMI                            */
/* ------------------------------------------- */

.titre_envoyerami {
	color: #a5bd15;	
        font-family: verdana, tahoma, arial; 
        font-size: 18px; 
        font-weight: bold;
}
