/* BALISES DE BASE */
body {
	background-color:#D9C0A2;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-y;
	background-position:top;
	margin:0;
	border:0;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#000000;
}
img {
	border:0;
}
form {
	border:0;
	margin:0;
}
h2,h3,h4 {
	margin:0;
	font-size:12px;
}
ul,li {
	margin:0;
	padding:0;
}
a:link,a:visited,a:active {
	text-decoration: underline;
	color: #4C798C;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
hr {
	color:#d9c0a2;
	background-color:#68a3c5;
	height:1px;
	border:0;
}

/* BALISES REUTILISABLES */
.clear{
	clear:both;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.big {
	font-size:14px;
	text-transform:uppercase;
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.texte-maj{
	text-transform: uppercase;
	font-size:9px;
	color:#888888;
}

/* HEADER */
.fond-page {
	width:960px;
	background-color:#FFFFFF;
}
.header {
	width:960px;
	height:130px;
	background-image:url(img/header.jpg);
	background-color:#ffcc00;
	background-repeat:no-repeat;
	background-position:top center;
}
.header-connexion{
	width:400px;
	height:60px;
	padding-top:70px;
	display:block;
	color:000;
	font-size:14px;
}
.header-connexion2{
	width:400px;
	height:130px;
	display:block;
	color:000;
	font-size:14px;
}
ul.header_liste {
padding:20px;
}
.fond-gauche {
	width:185px;
	background-color:#fffffff;
	border-right:2px #8B765B solid;
}
a.lien-haut:link,a.lien-haut:visited,a.lien-haut:active {
	color:#4c798c;
	text-decoration:underline;
}
a.lien-haut:hover {
	color:#000;
	text-decoration:underline;
}
a.lien-register:link,.a.lien-register:visited,a.lien-register:active {
	color:#157ca6;
	text-decoration:none;
	border-bottom:1px dotted #157ca6;
	margin:0;
}
a.lien-register:hover {
	color:#888888;
	border-bottom:1px dotted #888888;
}
.fond-menu-haut {
	background-image:url(img/fond-menu-haut.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:44px;
	line-height:44px;
	vertical-align:middle;
	font-size:11px;
	color:#000000;
	text-transform:uppercase;
	padding-left:20px;
}
.menu-haut {
	text-align: center;
	color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
.menu-haut li {
list-style-type: none;
}
.menu-haut-principal {
	padding: 0px;
	margin: 0px;
	height:100%;
}
.menu-haut-principal li {
	display: inline;
	height: 18px;
	float: left;
	line-height: 18px;
}
a.bouton-haut:visited,a.bouton-haut:link,a.bouton-haut:active {
	display:inline;
	font-weight: normal;
	font-size: 18px;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px #8B765B solid;
	color: #4c798c;
	text-decoration:none;
}
a.bouton-haut:hover {
	color: #8b765b;
}
a.bouton-haut-actif:link,a.bouton-haut-actif:visited,a.bouton-haut-actif:active {
	display:inline;
	font-weight: normal;
	font-size: 18px;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px #8B765B solid;
	color: #4c798c;
	text-decoration:none;
}
a.bouton-haut-actif:hover {
	color: #8b765b;
}
.separateur-haut {
	font-weight: normal;
	background-color: #8b765b;
	height: 100%;
	width: 1px;
	padding: 0px;
	margin: 0px;
}

.input-text-header {
	background-color:#FAFAFA;
	border:solid 1px #d3dee1;
	padding:5px 10px 5px 10px;
	width:210px;
	font-size:13px;
	color:#809094;
	margin-left:10px;
}
#acces_mail{
	width:120px;
}
#acces_password{
	width:120px;
}
/*Ensemble des classes css relatives à l'affichage du panier dans le header*/
.bg-panier {
	color:#000000;
	font-size:12px;
	height:110px;
	width:190px;
}
.txt_panier_gd {
	color:#594c3a;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
}
.txt_panier_bleu {
	color:#4c798c;
	font-size:24px;
	font-weight:normal;
}
.txt_panier_noarticle {
	color:#4c798c;
	font-size:18px;
	font-weight:normal;
}
.txt_panier_noir {
	color:#313131;
	font-size:24px;
	font-weight:normal;
}
#refresh_panier_header{
	color:#000000;
	font-weight:bold;
	font-size:12px;
}
/*Fil d'ariane*/
.fil_ariane,a.fil_ariane:link,a.fil_ariane:visited,a.fil_ariane:active,a.fil_ariane:hover {
	color:#65A6BC;
	display:block;
	float:left;
	text-decoration:underline;
}
.fil_ariane_fond {
	color:#000000;
	font-size:12px;
	text-transform:uppercase;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding-left:5px;
}
.titre-page {
	font-size:11px;
	padding-left:5px;
}

/* BARRE NAVIGATION */
.bouton-navigation {
	text-align: center;
	vertical-align: middle;
	background-color:#d9c0a2;
	height: 25px;
	width: 25px;
	line-height: 25px;
	color:#594c3a;
	border:1px #d9c0a2 solid;
}
.barre-navigation {
	margin-top: 15px;
}
.page-active {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 100%;
	width: 100%;
	background-color:#D9C0A2;
	color:#594c3a;
}
.page-inactive {
	font-size: 18px;
	color: #FFEDD9;
}
a.page-lien:link,a.page-lien:visited,a.page-lien:active {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 100%;
	width: 100%;
	color:#FFFFFF;
}
a.page-lien:hover {
	color:#594c3a;
}

/* FORMULAIRES */
.input-text {
	margin-bottom:5px;
	}
.form-label-obligatoire {
	color:red;
}
/* BOITES CENTRALES */
.boite_pop {
	background-color:#ffffff;
	border:solid 8px #E1CDB5;
}
.boite1-titre{
	color:#4B7990;
	font-size:17px;
	padding:5px;
}
.boite1 ul{
	margin:10px;
	padding:10px;
}
/*Style de la boîte 2*/
.boite2 {
	background-color:#FFEDD9;
	margin-bottom:10px;
}
.boite2-titre{
	width:100%;
	color:#313131;
	background-color:#D9C0A2;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 0px 5px 0px;
	border-top:1px #8a7558 solid;
	border-bottom:1px #8a7558 solid;
}
.boite2-5{
	padding:10px;
	border-bottom:1px #8a7558 solid;
}
/*Style de la boîte 3*/
.boite3 {
	background-color:#FFEDD9;
	margin-bottom:10px;
}
.boite3-titre{
	color:#ffffff;
	background-color:#8B765B;
	text-align:left;
	padding:5px 0px 5px 5px;
}
.boite3-titre h2{
	font-size:18px;
	font-weight:bold;
	text-transform:capitalize;
}
	
.boite3-5{
	padding:10px;
}
/*Style de la boîte 4*/
.boite4 {
	margin-bottom:10px;
}
.boite4-titre{
	color:#ffffff;
	background-color:#4C798C;
	text-align:left;
	padding:5px 0px 5px 5px;
}
.boite4-titre h2{
	font-size:18px;
	font-weight:bold;
	text-transform:capitalize;
}
.boite4-5{
	padding:10px;
}
/*Style de la boîte standard*/
.boite5 {
	width: 100%;
	margin-bottom:10px;
}
.boite5-2 {
	border-bottom:#5d5d5d;
}
.boite5-titre {
	font-size:14px;
	font-weight:bold;
	color:#313131;
}
.boite5-titre-1,.boite5-titre-3 {
	width:1px;
}
.boite5-titre-1,.boite5-titre-3 {
	width:5px;
}
.boite5-titre-2{
	padding:5px 0px 5px 0px;
	text-align:center;
}
.boite5-5 {
	background-color:#FFEDD9;
	border-top:1px #8a7558 solid;
	border-bottom:1px #8a7558 solid;
	padding:10px;
}
/* EXTRANET */
a.menu-extranet-client:visited,a.menu-extranet-client:link,a.menu-extranet-client:active {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}
.tableau-menu-extranet {
	background-color: #8B765B;
}
.tableau-menu-extranet td {
	text-align:center;
	width:25%;
}
.tableau-titre {
	background-color:#D9C0A2;
	font-weight:bold;
	color:#313131;
	padding:2px;
	text-align:center;
}
.tableau-ligne-2 {
	padding:5px;
	border-bottom:1px solid #f2f2f2;
	text-align:center;
}
.tableau-ligne-1 {
	padding:5px;
	border-bottom:1px solid #f2f2f2;
	text-align:center;
}
/* BOITES LATERALES */
.boite_menu1 {
	width:170px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
	float:left;
}
.boite_menu1-titre {
	font-size:14px;
	color:#4B7990;
	text-transform:uppercase;
}
.boite_menu1-5 {
	padding:0px;
}
/*Style de la boîte menu à fond coloré*/
.boite_menu2 {
	width:170px;
	padding:5px;
	margin-bottom:10px;
	background-color:#D9C0A2;
	border-bottom:2px #5c4a34 solid;
	float:left;
}
.boite_menu2-titre {
	font-size:14px;
	color:#5c4a34;
	text-transform:uppercase;
}
.boite_menu2-5 {
	color:ffffff;
	padding:0px;
}
/*Style de la boîte menu sans contour*/
.boite_menu5 {
	width:180px;
	margin-bottom:10px;
	float:left;
}
.boite_menu5-titre {
	padding-left:5px;
	font-size:14px;
	color:#4C798C;
	text-transform:uppercase;
}
.boite_menu5-5 {
	padding:0px;
}
/* BOITE MENU */
.entree-menu-ligne2 {
	margin-left:5px;
}
.boite-menu {
	width:100%;
}
.boite-menu-fleche {
	background-image:url(img/boite-menu-fleche.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.boite-menu-ligne-1 {
	list-style-type: none;
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:2px;
	vertical-align:middle;
	border-bottom:solid 1px #D9C0A2;
	background-position:center left;
	background-repeat:no-repeat;
}
.boite-menu-ligne-2 {
	list-style-type: none;
	margin:0;
	padding-left:5px;
	padding-bottom:0px;
	color:#313131;
}
.entree-menu {
	margin:auto;
}
.entree-menu2 {
	color:#000000;
}
a.boite-contenu:link,a.boite-contenu:visited,a.boite-contenu:active {
	color:#313131;
	text-decoration:none;
	font-size:14px;
}
a.boite-contenu:hover {
	color:#000000;
	text-decoration:none;
}
a.boite-contenu-actif:link,a.boite-contenu-actif:visited,a.boite-contenu-actif:active {
	color:#313131;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}
a.boite-contenu-actif:hover {
	color:#000000;
	text-decoration:none;
}
a.boite-contenu-ligne2:link,a.boite-contenu-ligne2:visited,a.boite-contenu-ligne2:active {
	color: #313131;
	text-decoration:none;
	font-size:14px;
}
a.boite-contenu-ligne2:hover {
	color:#000000;
	text-decoration:none;
}
a.boite-contenu-ligne2-actif:link,a.boite-contenu-ligne2-actif:visited,a.boite-contenu-ligne2-actif:active {
	color: #313131;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
a.boite-contenu-ligne2-actif:hover {
	color:#000000;
	text-decoration:none;
}
a.boite-titre:link,a.boite-titre:visited,a.boite-titre:active {
	color: #5c4a34;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
a.boite-titre:hover {
	color:#000000;
	text-decoration:none;
}

/* BOITES PRODUITS */
.separateur_produit_horizontal{
		background-image:url(img/separateur_produit_horizontal.gif);
		background-repeat:repeat-x;
		background-position:center center;
}
.boite_produit1 {
	width:130px;	
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
.boite_produit1-image {
	height:200px;
	width:130px;
	margin:auto;
	position:relative;
}
.boite_produit1-image .conteneur_image_produit{
	height:200px!important;
	width:130px!important;
	/*display:table-cell;*/
	line-height:200px!important;
	vertical-align:middle;
}
.image-texte {
	color:#000000;
	font-style:italic;
}
.affichage_marque {
	text-align:center;
	display:block;
	height:35px;
    color: #594C3A;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.affichage_marque a:link,.affichage_marque a:visited,.affichage_marque a:active,.affichage_marque a:hover {
	font-weight:normal;
	font-size:14px;
	color: #8b765b;
	text-decoration:none;
}
.boite_produit1-description {
	font-weight:normal;
	color:#072e65;
	display:none;
	margin:5px 0px 14px 0px;
}
.boite_produit1-date {
	color:#8B765B;
	font-size:10px;
}
.boite_produit1-etiquette {
	background-color:#d9c0a2;
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	text-align:center;
	display:block;
	height:20px;	
}
.boite_produit1-etiquette-off {
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	text-align:center;
	display:block;
	height:20px;	
}
a.boite_produit1-designation:link,a.boite_produit1-designation:visited,a.boite_produit1-designation:active,a.boite_produit1-designation:hover {
	text-align:center;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	color: #594c3a;
	display:block;
	height:50px;
	text-decoration:none;
	border-bottom:1px #d9c0a2 solid;
    overflow: hidden;
}
.boite_produit1-prix {
	color: #594c3a;
	font-size:18px;
	text-align:center;
	height:25px;
}
.barrer_prix {
	text-decoration:line-through;
	font-size:11px;
}
.bordure-image {
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:5px;
}
.bouton_detail{
	margin:auto;
	width:115px;
}
.bouton_commande{
	margin:auto;
	width:115px;
}
/* LISTES PRODUITS */
/*.bordure-image-liste {
	border: 1px solid #7d7d7d;
	padding-top:6px;
	padding-bottom:6px;
	margin:5px;
}
*/
.liste1-ligne,.liste2-ligne {
	border-bottom:1px solid #8B765B;
}
.liste1-designation{
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	color: #594c3a;
	text-decoration:none;
}
.affichage_marque_liste a:link,.affichage_marque_liste a:visited,.affichage_marque_liste a:active,.affichage_marque_liste a:hover {
	font-weight:normal;
	font-size:14px;
	color: #8b765b;
	text-decoration:none;
}
.liste1-ligne {
	height:110px;
}
a.liste1-lien:link ,a.liste1-lien:visited,a.liste1-lien:active,a.liste1-lien:hover {
	text-align:center;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	color: #594c3a;
	text-decoration:none;
}
.liste1-prix {
	color: #594c3a;
	font-size:18px;
}
.panier-onglet-1-actif,.panier-onglet-1-inactif,.panier-onglet-1 {
	background-color:#4c798c;
	height:30px;
	width:30px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}
.panier-onglet-1-inactif,.panier-onglet-1 {
	background-color:#D9C0A2;
	height:30px;
	width:30px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}
a.panier-onglet-actif {
	color: #000000;
	font-weight:normal;
}
.panier-onglet-barre {
	margin-bottom:10px;
	margin-top:10px;
}
.panier-onglet-1 {
	
}
.panier-onglet-2 {
	padding-left:5px;
	color:#000000;	
}
.panier-onglet-3 {
	width:1px;
}
.panier-onglet-4 {
	width:25px;
	background-image:url(img/panier-onglet-3.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
.panier-etape {
	background-color:#8B765B;
	color:#FFFFFF;
	padding:5px;
	font-weight:bold;
}
.panier-coin-1,.panier-coin-2,.panier-gauche,.panier-droite {
	border-bottom: 1px solid #dddddd;
}
.panier-bas,.panier-coin-3,.panier-coin-4{
	font-size:18px;
	background-color:#8B765B;
	padding:3px;
	color:#FFFFFF;
}
.panier-haut,.panier-ligne,.panier-ligne-3 {
	border-bottom: 1px solid #dddddd;
	padding:5px;
}
.panier-bordure {
}

/* FOOT */
.fond-menu-bas{
	padding-top:10px;
	background-color:#8B765B;
	background-image:url(img/bg_foot.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.fond-menu-bas li {
list-style-type: none;
}
.menu-bas{
	width:100%;
}
.rubrique-bas {
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
}
.colonne-bas {
	width:180px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	border-right:solid 1px #FFEDD9;
	padding-left:10px;
	padding-right:10px;
}
a.lien-bas:link,a.lien-bas:visited,a.lien-bas:active {
	color:#ffffff;
	font-size:14px;
	background-image:url(img/lien-bas.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:8px;
	text-transform:capitalize;
	text-decoration:none;
}
a.lien-bas:hover {
	text-decoration:underline;
}
#poweredby {
	margin-left:10px;
	color:#ffffff;
	font-size:14px;
	padding-top:10px;
	margin-bottom:10px;
	text-align:center;
}

/* BOUTONS */

/*bouton1*/
a.bouton1:link,a.bouton1:visited,a.bouton1:active {
	display:inline;
	text-decoration: underline;
	font-weight: bold;
}
a.bouton1:hover {

}

/*bouton2*/
a.bouton2:link,a.bouton2:visited,a.bouton2:active {
	display:inline;
	font-weight: normal;
	font-size:14px;
	line-height:25px;
	padding:3px;
	margin:bottom:2px;
    background-color:#8B765B;
	border-left:1px #c2a27b solid;
	border-top:1px #c2a27b solid;
	border-right:1px #5b4c39 solid;
	border-bottom:1px #5b4c39 solid;
    color:#ffffff;
	text-decoration:none;
}
a.bouton2:hover {
	background-color:#4c798c;
	border-left:1px #a3c8d9 solid;
	border-top:1px #a3c8d9 solid;
	border-bottom:1px #304d59 solid;
	border-right:1px #304d59 solid;
	color:white;
	text-decoration:none;
}

/*bouton4*/
a.bouton4:link,a.bouton4:visited,a.bouton4:active {
	display:inline;
	text-decoration: underline;
	font-weight: normal;
	font-size:14px;
	line-height:25px;
    background-color:#e0e0e0;
	border:1px #e1e1e1 solid;
    color:#ffffff;
}
a.bouton4:hover {
	color:#000;
	background-color:#696969;
	text-decoration:none;
}

/*bouton5*/
a.bouton5:link,a.bouton5:visited,a.bouton5:active {
	display:inline;
	padding:3px;
	text-decoration: underline;
	font-weight: normal;
	font-size:14px;
	line-height:25px;
	background-color:#4c798c;
	border-left:1px #a3c8d9 solid;
	border-top:1px #a3c8d9 solid;
	border-bottom:1px #304d59 solid;
	border-right:1px #304d59 solid;
	color:white;
	text-decoration:none;
}
a.bouton5:hover {
    background-color:#8B765B;
	border-left:1px #c2a27b solid;
	border-top:1px #c2a27b solid;
	border-right:1px #5b4c39 solid;
	border-bottom:1px #5b4c39 solid;
    color:#ffffff;
	text-decoration:none;
}

.gabarit-telechargement li{
	margin:0px 0px 20px 0px;
}

.gabarit-telechargement .cont-top{
	padding:5px 5px 5px 40px;
	min-height:40px;
}

.gabarit-telechargement .cont-top .titre{
	font-size:16px;
	font-weight:bold;
}

.gabarit-telechargement .cont-top .size{
	text-align:right;
}

.gabarit-telechargement .description{
	background-color:#F9F7F7;
	padding:5px;
}

.gabarit-telechargement .description .titre{
	border-bottom:1px dotted #CFA8AC;
}

.gabarit-telechargement .cont-top.zip{
	background:url(img/fichier-zip.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.divers{
	background:url(img/fichier-divers.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.excel{
	background:url(img/fichier-excel.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.image{
	background:url(img/fichier-image.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.word{
	background:url(img/fichier-word.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.pdf{
	background:url(img/fichier-pdf.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.html{
	background:url(img/fichier-html.png) 0 0 no-repeat;
}
