/* Ateliers de Provence styles */

body {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	padding:0px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto!important;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #bddff2;
	background-image: url(../images/interface/fond.jpg);
	background-repeat: repeat-x;
	background-position: center 0px;
	font-size: 14px;
	color: #33393d;
	font-weight: 400;
	}
	
/************* POLICES GOOGLEFONT **********************/
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway'), url(fonts/raleway_200.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(fonts/raleway_400.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway'), url(fonts/raleway_500.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway'), url(fonts/raleway_700.woff) format('woff');
}
	
a,a:visited {
	text-decoration:none;
	color: #00a1ff;
	font-weight: 500;
}
a:hover   {
	text-decoration:underline;
	color: #0081CE;
}
small { font-size: 14px;
	font-weight: 400;
}/*
h1 small {
	font-size: 25px;
	font-weight: 400;
}*/
large { font-size: 20px;
	font-weight: 400; }
.rouge {color: #d00027;}/*
.titre_rubrique {display:none;}
.sous_titre {
	font-size: 24px;
	font-weight: 400;
}
*/
hr  {
	clear: both;
	padding: 0px;
	height: 1px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B7D5E7;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
hr.filet_invisible {
	margin: 0px;
	padding: 0px;
	height: 0px;
	visibility: hidden;
}/*
blockquote {
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}

fieldset {
	border-radius: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px dotted #A1B3A7;
}
legend {
	font-family: 'Archivo Narrow', verdana, arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #9BA695;
	padding-right: 10px;
	padding-left: 10px;
}/*
.demie_colonne {
	width: 48%;
	margin-right: 2%;
	display: inline-block;
	float: left;
}
.demie_colonne:last-child { width: 50%; 
margin-right: 0px;
}
.demie_colonne p { text-align:left; }

/************* BANDEAU **********************/
#logo_ateliers_de_provence a {
	background-image: url(../images/interface/logo_adp.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 141px;
	width: 351px;
	position: absolute;
	top: 31px;
	z-index: 10;
}
#logo_ateliers_de_provence span {display:none;}

/************* CONTENEUR **********************/
#conteneur { margin-top: 225px;
margin-bottom:25px;}
 
.filrouge {
	font-size: 13px;
	text-align:left;
	color: #FFF;
	padding-left: 20px;
	margin-bottom: 7px;
	background-image: url(../images/icones/home.png);
	background-repeat: no-repeat;
	line-height: normal;
	margin-top: 0px;
	margin-left: 240px;
	font-weight: 500;
}
.pas_de_colonne_gauche .filrouge, .xxl .filrouge {margin-left: 0;}
.filrouge a   { color: #FFF; }

/************* PIED DE PAGE **********************/
.colonne_un_quart {
	color:#005689;
	font-weight: 500;
	background-repeat: no-repeat;
	float: left;
	width: 21%;
	padding-right: 2%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b1d4e8;
	margin-right: 2%;
	padding-top: 62px;
}
.colonne_un_quart h3 {
	color: #003454;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 3px;
}
.colonne_un_quart p {
	font-size: 13px;
	line-height: normal;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: left;
}
.colonne_adp {
	background-image: url(../images/accueil/logo_adp_mini.gif);
	padding-top: 80px;
	background-position: 20px 0px;
}
.colonne_ari {
	background-image: url(../images/accueil/logo_ari.gif);
	background-position: 45px 0px;
}
.colonne_tirelire {
	background-image: url(../images/accueil/tirelire.gif);
	background-position: 65px 0px;
}
.colonne_recyclage {
	background-image: url(../images/accueil/recyclage.gif);
	background-position: 70px 0px;
	margin-right: 0px;
	border-right-style: none;
	width: 22%;
}

#espace_personnel {display:none;}

/************* SIGNATURE **********************/
#signature {
	clear:both;
	font-size: 11px;
	color: #5792B4;
	padding-top: 25px;
	margin-bottom: 30px;
	margin-left: 250px;
	font-weight: 500;
}
#signature strong {font-size: 12px;}
.pas_de_colonne_gauche #signature {margin-left: 0;}
#signature a {color: #5792B4;}
#signature a:hover { color: #2A729A; }

/************* COLONNE 1 **********************/
#colonne1 {
	float: left;
	width: 240px;
	display: inline-block;
	margin-top: 215px;
}
.pas_de_colonne_gauche #colonne1, .xxl #colonne1 {display:none;}
#colonne1 ul, #colonne1 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	text-align: left;
	font-weight: 700;
	font-size:13px;
	line-height: normal;
}
#colonne1 li a {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	list-style-image: none;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CBEEFF;
	display: block;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.4s;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.4s;
	transition-property: background-color, color;
	transition-duration: 0.4s;
	color: #004770;
}
#colonne1 li li a {
	border-bottom: none;
	margin-left: 15px;
	font-size: 12px;
	color:#2473a0;
	padding-top: 5px;
	padding-bottom: 5px;
}
#colonne1 a:hover{
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.5);
	color: #001F33;
}
.papeterie #colonne1 li a {color: #710012;}
.papeterie #colonne1 li a:hover {color: #330007;}
.espaces_verts #colonne1 li a { color: #487000; }
.espaces_verts #colonne1 li a:hover { color: #203300; }
.magasinage #colonne1 li a { color: #712D00; }
.magasinage #colonne1 li a:hover { color: #331400; }
.entretien_des_locaux #colonne1 li a, .ouvriers_de_provence #colonne1 li a { color: #2A1A72; }
.entretien_des_locaux #colonne1 li a:hover, .ouvriers_de_provence #colonne1 li a:hover { color: #080033; }

/*
#colonne1 li li a:hover{ background-color: rgba(191, 156, 30, 0.30); }*/
#colonne1 .page_en_cours {
	color: #000;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	display: block;
	background-color: #FFF;
	padding-left: 15px;
}
#colonne1 li li .page_en_cours {margin-left: 15px;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/************* CENTRAL **********************/
#central {
	float: left;
	width: 510px;
	background-color: #FFF;
	padding: 20px;
	min-height: 400px;
	box-shadow: 4px 4px 12px rgba(68,142,186,0.47);
	-webkit-box-shadow: 4px 4px 12px rgba(68,142,186,0.47);
}
.xl #central {width: 700px;}
.xxl #central {width: auto;
float:none;}
.pas_de_colonne_gauche #central { width: 750px; }/*

/************* VIGNETTE **********************/
.vignette_cartouche img {
	float: right;
	margin-bottom: 15px;
	margin-left: 20px;
	border: 4px solid #FFF;
	display: inline-block;
	max-width:250px;
	-webkit-box-shadow: 4px 4px 6px #b3bec4;
	box-shadow: 4px 4px 6px #b3bec4;
}
.fiche_detaillee .vignette_cartouche img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	box-shadow: none;
}

#autres_images { text-align: center;
margin-top:15px; }
#autres_images img {
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #FFF;
	-webkit-box-shadow: 2px 2px 4px #b3bec4;
	box-shadow: 2px 2px 4px #b3bec4;
	width: 155px;
}
.liste_complete #autres_images { display: none; }

.bandeau_haut_image img {width:100%;}

/************* TABLEAUX **********************/
table{
	border-collapse:collapse;
	font-size: 14px;
	border-top-width: 0px!important;
	border-right-width: 0px!important;
	border-bottom-width: 0px!important;
	border-left-width: 0px!important;
	border-top-style: none!important;
	border-right-style: none!important;
	border-bottom-style: none!important;
	border-left-style: none!important;
	width: 100%!important;
	margin-bottom: 25px;
}
th {
	font-weight: 700;
	color: #FFF;
	text-align: left;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 3px;
	background-color: #87C0E4;
}
th.th_aligne_droite {text-align:right;}
td {
	padding-bottom: 4px;
	padding-left: 10px;
	padding-top: 4px;
	padding-right: 10px;
	border-bottom: 1px solid #d3e2ea;
	}
tr {background-color: #FFF;}
.resultat_recherche tr:hover > td { background-color: #f2f6f8; }
.cellule_insecable { white-space: nowrap; }

/************* TABLEAU COMMANDE **********************/
.tableau_total td {background-color:#1a84c2!important;
color:#FFFFFF;
font-size:16px;
}
.recapitulatif_commande img {
	max-width: 100px;
max-height: 100px;
}
.recapitulatif_commande .nom_du_produit {
	color: #000;
	font-weight: 700;
	font-size: 16px;
	display:block;
}
.recapitulatif_commande .prix {font-size: 22px;}
.recapitulatif_commande .prix_unitaire {color: #cf7082;}
.tableau_total .prix {color:#FFFFFF;}
.tableau_chiffre {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight:bold;
	}
.lien_plus, .lien_moins {
	display:inline-block;
	width:21px;
	height:21px;
	background-color:#00a1ff;
	border-radius:10px;
	margin-left:8px;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	vertical-align:middle;
	}
.lien_plus span, .lien_moins span {display:none;}
.lien_plus:hover, .lien_moins:hover {text-decoration:none;}
.lien_plus {background-image:url(../images/icones/ajouter.png);}
.lien_plus:hover, .lien_moins:hover {background-color: #0081CE;}
.lien_moins {background-color:#6c94ab;
background-image:url(../images/icones/retirer.png);
}

/************* SOMMAIRE **********************/
.liste_simple {margin-top:15px;}
.liste_simple .affichage_liste_entree {
	background-image: url(../images/icones/fleche.png);
	background-repeat: no-repeat;
	margin-left: 15px;
	padding-left: 12px;
	background-position: 0px 5px;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
}

/************* SOMMAIRE RESUME **********************/
.liste_resume .affichage_liste_entree {
	float: left;
	width: 46%;
	margin-right: 4%;
	padding-top: 10px;
	margin-bottom: 25px;
}
.xl .liste_resume .affichage_liste_entree {width: 29%;}

.liste_resume .numero_3, .liste_resume .numero_5, .liste_resume .numero_7, .liste_resume .numero_9, .liste_resume .numero_11, .liste_resume .numero_13, .liste_resume .numero_15, .liste_resume .numero_17 { clear: both; }

.xl .liste_resume .numero_3, .xl .liste_resume .numero_5, .xl .liste_resume .numero_7, .xl .liste_resume .numero_9, .xl .liste_resume .numero_11, .xl .liste_resume .numero_13, .xl .liste_resume .numero_15, .xl .liste_resume .numero_17 { clear: none; }

.liste_resume .numero_4, .liste_resume .numero_7, .liste_resume .numero_10, .liste_resume .numero_13, .liste_resume .numero_16, .liste_resume .numero_19, .liste_resume .numero_22, .liste_resume .numero_25 { clear: both; }
/*
.xxl .liste_resume .affichage_liste_entree {	width: 22%;}
.xxl .liste_resume .numero_4, .xxl .liste_resume .numero_7, .xxl .liste_resume .numero_10, .xxl .liste_resume .numero_13, .xxl .liste_resume .numero_16, .xxl .liste_resume .numero_19, .xxl .liste_resume .numero_22, .xxl .liste_resume .numero_25 { clear: none; }
.xxl .liste_resume .numero_5, .xxl .liste_resume .numero_9, .xxl .liste_resume .numero_13, .xxl .liste_resume .numero_17, .xxl .liste_resume .numero_21, .xxl .liste_resume .numero_25, .xxl .liste_resume .numero_29, .xxl .liste_resume .numero_33 { clear: both; }
*/
.liste_resume h2 {
	font-size: 18px;
	margin-bottom: 3px;
	margin-top: 5px;
	}
.liste_resume h3 {
	font-size: 14px;
	margin-bottom: 1px;
	margin-top: 5px;
	}/*
.liste_resume p {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}*/
.liste_resume .vignette_cartouche {background-color: #00a1ff;
margin-bottom: 10px;}
.liste_resume img {float: none;
	margin-bottom: 0;
	margin-left: 0px;
	width: 230px;
	border-width: 2px;
-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.6s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.6s;
	transition-property: opacity;
	transition-duration: 0.6s;}
.xl .liste_resume img {width: 199px;}
.liste_resume img:hover { opacity: 0.5;}
.liste_resume hr { display: none; }

/************* SOMMAIRE COMPLET **********************//*
.liste_complete h1 {
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 8px;
	color: #163A38;
}
.liste_complete h2 {
	font-size: 18px;
}
.liste_complete .affichage_liste_entree { clear: both; }
.liste_complete .vignette_cartouche {margin-top: 15px;}

/************* SOMMAIRE ACCORDEON **********************//*
.liste_accordeon_simple {clear:both;}
.accordeon_contenu_slide {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a78873;
}
.accordeon_titre {
	background-repeat: no-repeat;
	padding-left: 18px;
	font-size: 23px;
	background-image: url(../images/icones/accordeon_ferme.png);
	background-position: 3px 11px;
	margin-top: 15px;
	font-weight: 400;
	}
.accordeon_titre.ouvert {
	background-image: url(../images/icones/accordeon_ouvert.png);
	background-position: 0px 13px;
}

/************* RÉSEAUX SOCIAUX **********************//*
#reseaux_sociaux {
	padding-left: 40px;
	clear: both;
	padding-top: 20px;
}

/************* MOSAIQUES DU CATALOGUE niv1 **********************/
#liste_categories_niveau_1, #liste_categories_niveau_2 {
	margin: 0px;
	padding: 0px;
}
#liste_categories_niveau_1 li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	width:48%;
	float:left;
	text-align: left;
	font-size: 22px;
	line-height: 25px;
}
#liste_categories_niveau_1 li:first-of-type {margin-right:4%;}
#liste_categories_niveau_1 a {
	color: #FFF;
	background-color: #ff849b;
	border-radius: 30px 0 0 0;
	display: block;
	padding: 15px;
	height: 215px;
	font-weight: 200;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.6s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.6s;
	transition-property: background-color;
	transition-duration: 0.6s;
	box-shadow: 4px 4px 10px #a6c5d7;
}
#liste_categories_niveau_1 a:hover {
	text-decoration: none;
	background-color: #D00027;
}
#liste_categories_niveau_1 span {
	background-repeat: no-repeat;
	display: block;
}
.carre_papeterie span {
	background-image: url(../images/icones/catalogue/1_papeterie.png);
	background-position: 0px 33px;
	padding-top: 140px;
}
.carre_entretien span { background-image: url(../images/icones/catalogue/1_produits_entretien.png);
background-position: 0px 60px;
	padding-top: 165px; }

/************* MOSAIQUES DU CATALOGUE niv2 **********************/
#liste_categories_niveau_2 li {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	width:31%;
	float:left;
	text-align: left;
	font-size: 20px;
	line-height: 23px;
	margin-right:3%;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#liste_categories_niveau_2 .ordre_3, #liste_categories_niveau_2 .ordre_6, #liste_categories_niveau_2 .ordre_9, #liste_categories_niveau_2 .ordre_12, #liste_categories_niveau_2 .ordre_15, #liste_categories_niveau_2 .ordre_18, #liste_categories_niveau_2 .ordre_21, #liste_categories_niveau_2 .ordre_24 {margin-right:0;}
#liste_categories_niveau_2 a {
	color: #FFF;
	background-color: #ff849b;
	border-radius: 20px 0 0 0;
	display: block;
	height: 128px;
	font-weight: 200;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.6s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.6s;
	transition-property: background-color;
	transition-duration: 0.6s;
	box-shadow: 4px 4px 10px #a6c5d7;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#liste_categories_niveau_2 a:hover {
	text-decoration: none;
	background-color: #D00027;
}
#liste_categories_niveau_2 span {
	background-repeat: no-repeat;
	display: block;
}

/************* MOSAIQUE PAPETERIE **********************/
#liste_categories_niveau_2 .categorie_3 a { background-color: #934856; }
#liste_categories_niveau_2 .categorie_3 a:hover { background-color: #612631; }
.categorie_3 span {
	background-image: url(../images/icones/catalogue/2a_ecriture.png);
	background-position: 0px 20px;
	padding-top: 108px;
}

/*#liste_categories_niveau_2 .categorie_4 a { background-color: #9a9a9a; }
#liste_categories_niveau_2 .categorie_4 a:hover { background-color: #666; }
.categorie_4 span {
	background-image: url(../images/icones/catalogue/2a_correction.png);
	background-position: 0px 20px;
	padding-top: 108px;
}

#liste_categories_niveau_2 .categorie_5 a { background-color: #dec276; }
#liste_categories_niveau_2 .categorie_5 a:hover { background-color: #AD8F41; }
.categorie_5 span {
	background-image: url(../images/icones/catalogue/2a_colle_adhesif.png);
	background-position: 0px 20px;
	padding-top: 85px;
}*/

#liste_categories_niveau_2 .categorie_6 a { background-color: #b24637; }
#liste_categories_niveau_2 .categorie_6 a:hover { background-color: #812516; }
.categorie_6 span {
	background-image: url(../images/icones/catalogue/2a_accessoires.png);
	padding-top: 73px;
	font-size: 18px;
	line-height: 20px;
}

#liste_categories_niveau_2 .categorie_7 a { background-color: #cb8b00; }
#liste_categories_niveau_2 .categorie_7 a:hover { background-color: #9B6800; }
.categorie_7 span {
	background-image: url(../images/icones/catalogue/2a_papier.png);
	background-position: 0px 35px;
	padding-top: 108px;
}

/*#liste_categories_niveau_2 .categorie_8 a { background-color: #87aede; }
#liste_categories_niveau_2 .categorie_8 a:hover { background-color: #537CAC; }
.categorie_8 span {
	background-image: url(../images/icones/catalogue/2a_cahier.png);
	background-position: 0px 2px;
	padding-top: 73px;
	font-size: 17px;
	line-height: 20px;
}

#liste_categories_niveau_2 .categorie_9 a { background-color: #d0bf00; }
#liste_categories_niveau_2 .categorie_9 a:hover { background-color: #9B8C00; }
.categorie_9 span {
	background-image: url(../images/icones/catalogue/2a_informatique.png);
	background-position: 0px 30px;
	padding-top: 108px;
}*/

#liste_categories_niveau_2 .categorie_10 a { background-color: #be6c98; }
#liste_categories_niveau_2 .categorie_10 a:hover { background-color: #8D426A; }
.categorie_10 span {
	background-image: url(../images/icones/catalogue/2a_classeurs.png);
	background-position: 0px 31px;
	padding-top: 108px;
}

#liste_categories_niveau_2 .categorie_22 a { background-color: #77579c; }
#liste_categories_niveau_2 .categorie_22 a:hover { background-color: #493069; }
.categorie_22 span {
	background-image: url(../images/icones/catalogue/2a_enveloppes.png);
	background-position: 0px 28px;
	padding-top: 108px;
}

/************* GAMME ECO **********************/
#liste_categories_niveau_2 .categorie_52 a, #liste_categories_niveau_2 .categorie_53 a { background-color: #4ca859; }
#liste_categories_niveau_2 .categorie_52 a:hover, #liste_categories_niveau_2 .categorie_53 a:hover { background-color: #2d7538; }
.categorie_52 span, .categorie_53 span {
	background-image: url(../images/icones/catalogue/gamme_eco.png);
	background-position: 0px 2px;
	padding-top: 52px;
	font-size: 18px;
	line-height: 20px;
}

/************* MOSAIQUE ENTRETIEN **********************/
#liste_categories_niveau_2 .categorie_30 a { background-color: #938e53; }
#liste_categories_niveau_2 .categorie_30 a:hover { background-color: #5c582d; }
.categorie_30 span {
	background-image: url(../images/icones/catalogue/2b_brosserie.png);
	background-position: 0px 20px;
	padding-top: 108px;
}

#liste_categories_niveau_2 .categorie_27 a { background-color: #db82cd; }
#liste_categories_niveau_2 .categorie_27 a:hover { background-color: #a05394; }
.categorie_27 span {
	background-image: url(../images/icones/catalogue/2b_essuyage.png);
	background-position: 0px 20px;
	padding-top: 108px;
}

#liste_categories_niveau_2 .categorie_28 a { background-color: #88aeb6; }
#liste_categories_niveau_2 .categorie_28 a:hover { background-color: #57777e; }
.categorie_28 span {
	background-image: url(../images/icones/catalogue/2b_produits.png);
	background-position: 0px 0px;
	padding-top: 71px;
	font-size: 20px;
	line-height: 21px;
}

#liste_categories_niveau_2 .categorie_31 a { background-color: #6795b5; }
#liste_categories_niveau_2 .categorie_31 a:hover { background-color: #426680; }
.categorie_31 span {
	background-image: url(../images/icones/catalogue/2b_hygiene.png);
	background-position: 0px 20px;
	padding-top: 108px;
}

#liste_categories_niveau_2 .categorie_34 a { background-color: #6b4831; }
#liste_categories_niveau_2 .categorie_34 a:hover { background-color: #392214; }
.categorie_34 span {
	background-image: url(../images/icones/catalogue/2b_pause_cafe.png);
	background-position: 0px 40px;
	padding-top: 108px;
}

#liste_categories_niveau_2 .categorie_26 a { background-color: #74747a; }
#liste_categories_niveau_2 .categorie_26 a:hover { background-color: #414145; }
.categorie_26 span {
	background-image: url(../images/icones/catalogue/2b_sacs_poubelle.png);
	background-position: 0px 6px;
	padding-top: 85px;
}

/************* RESULTAT CATALOGUE **********************/
.resultat_catalogue {
	display: inline-block;
	float: left;
	width: 23%;
	padding-bottom: 25px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #B7D5E7;
	padding-right: 2%;
	padding-top: 20px;
}
.resultat_catalogue:nth-child(4n+3) { clear:both;}
.resultat_catalogue:nth-child(-n+6) {	border-top-style: none;}
.vignette_catalogue {
	height: 170px;
	display: block;
	text-align: center;
}
.resultat_catalogue a:hover > img {opacity:0.6;}
.vignette_catalogue img {
	max-width: 170px;
	max-height: 170px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.6s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.6s;
	transition-property: opacity;
	transition-duration: 0.6s;
}
.resultat_catalogue h3 {font-size:15px;
margin-bottom: 5px;}
.resultat_catalogue h3 a {
	color: #000;
	font-weight: 700;
}

#catalogue_fiche_detaillee h1 {margin-bottom: 10px;}
.prix {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26px;
	color: #d00027;
	float: right;
	display: inline-block;
	white-space: nowrap;
}
.resultat_catalogue .prix {font-size: 22px;}
.prix .euro {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 17px;
margin-left:4px;}
.prix_ttc {
	font-size: 18px;
	color: #DE3051;
}
.prix_ttc .euro {font-size: 14px;}
.nuancier {
	float:left;
	white-space: nowrap;
	display: inline-block;
}
#catalogue_fiche_detaillee .nuancier {margin-top:9px;}
.nuancier span {
	display: inline-block;
	float: left;
	height: 10px;
	width: 10px;
	margin-right: 5px;
	border-radius: 5px;
	background-color: #ffd800;
}
#catalogue_fiche_detaillee .nuancier span {
	height: 16px;
	width: 16px;
	border-radius: 8px;
}
.nuancier .nuancier_noir { background-color: #000; }
.nuancier .nuancier_bleu { background-color: #0066ff; }
.nuancier .nuancier_rouge{ background-color: #e00000; }
.nuancier .nuancier_vert { background-color: #009527; }
.nuancier .nuancier_rose { background-color: #ff00e9; }
.nuancier .nuancier_bulle { background-color: #CE5B08; }
.nuancier .nuancier_framboise { background-color: #c5006b; }
.nuancier .nuancier_gris { background-color: #7b7b7b; }
.nuancier .nuancier_lilas { background-color: #9D70FF; }
.nuancier .nuancier_jaune { background-color: #FFF600; }
.nuancier .nuancier_orange { background-color: #FF9600; }
.nuancier .nuancier_blanc { background-color: #F5F5F5; }
.nuancier .nuancier_marron { background-color: #734c32; }
.nuancier .nuancier_incolore { background-color: #d2dfe6; }
.nuancier .nuancier_violet { background-color: #5f3899; }

.resultat_reference {
	font-size: 12px;
	color: #7f8f98;
	clear: left;
	padding-top:8px;
}
.resultat_catalogue .conditionnement {display:block;
font-size: 14px;}
.ajout_panier {
	clear:both;
	font-size: 10px;
	padding-top:8px;
}
#catalogue_fiche_detaillee .ajout_panier {margin-left:140px;}
.ajout_panier {}
.ajout_panier input[type="text"] {
	font-size: 13px;
	background-color: #FFF;
	text-align: center;
	width: 30px;
}
.ajout_panier a {
	color: #FFF;
	background-color: #d00027;
	display: inline-block;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.ajout_panier a:hover {
	text-decoration: none;
	background-color: #8D0017;
}

.reference_commande {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26px;
	color: #d00027;
	padding-left:5px;
}

/************* DETAIL CATALOGUE **********************/
.detail_reference {
	text-align:left;
	font-size: 14px;
	color: #7f8f98;
	clear: left;
	padding-top:8px;
}
#catalogue_fiche_detaillee .prix {
	display:block;
	float:none;
}
#catalogue_fiche_detaillee .ajout_panier {font-size: 12px;}
#catalogue_fiche_detaillee .ajout_panier input[type="text"] {font-size: 15px;}

.mise_a_jour {
	font-size: 12px;
	font-style: italic;
	color: #8aa0ad;
	background-image: url(../images/icones/date_maj.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
	margin-bottom: 0px;
	margin-top: 18px;
	clear: left;
}

/************* PLAN DU SITE **********************/
#plan_du_site hr:first-of-type {
	display: none;
}

.plandusite_niveau1 {
	display: inline-block;
	float: left;
	width: 14%;
	margin-left: 1%;
	margin-right: 1%;}

#plan_du_site h2 a {
	font-size: 16px;
	color: #004F81;
	font-weight: 700;
}
#plan_du_site .plandusite_niveau1_1 a { color: #0093E9; }
#plan_du_site .plandusite_niveau1_2 a { color: #D00027; }
#plan_du_site .plandusite_niveau1_3 a { color: #76BA00; }
#plan_du_site .plandusite_niveau1_4 a { color: #E55C00; }
#plan_du_site .plandusite_niveau1_5 a { color: #4A2BBB; }

#plan_du_site h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 13px;
	}
#plan_du_site h3 a { color: #0071B5; }
#plan_du_site h4 {
	margin-top: 8px;
	font-size: 12px;
	line-height:normal;
	margin-left:5px;
}
#plan_du_site h5 {
	font-family: verdana, arial, sans-serif;
	margin-left: 120px;
	margin-top: 6px;
	margin-bottom: 4px;
	text-align: left;
	font-weight: normal;
	font-size: 13px;
}
#plan_du_site h6 {
	font-size: 12px;
	margin-left: 160px;
	font-style: normal;
}
#plan_du_site h6 a { color: #46BEFF; }
	
#plan_du_site p {
	margin-top: 4px;
	margin-bottom: 4px;
	background-image: url(../images/icones/fleche.png);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: 0px 5px;
	font-size: 13px;
}

.references, .references a {
	font-size: 9px;
	text-transform: uppercase;
	color: #B5DCF4;
	line-height: 12px;
}