/********************************************************************/
/*                        Import du fichier CSS                     */
/*   <link href="fichier.css" rel="stylesheet" type="text/css" />   */
/********************************************************************/
.border
{ border: solid 1px white;
}


#new-catalogue{
margin-top:5px;
margin-left:5px;
}

body {
	margin:0;
	padding:0;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	background-color: #000000;
}

#page {
	position:relative;
	text-align: left;
	width: 998px;
	min-height:750px;
	margin: 10px auto 10px auto;
	border:solid 1px #ffffff;
	background-image:url(./images/fond.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}


#page_accueil {
	position:relative;
	text-align: left;
	width: 998px;
	height:750px;
	margin: 10px auto 10px auto;
	border:solid 1px #ffffff;
	background-image:url(./images/fond_accueil.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
}


p.lien_haut {
	clear:both;
	/*
	margin:0;
	padding:0;
	*/
	text-align:center;
}

p.lien_haut a {
	font-size:10px;
}

#bienvenue {
	display:block;
	margin:0;
	padding:0;
	position:absolute;
	top:370px;
	left:390px;
	width:81px;
	height:11px;
}

#bienvenue a {
	display:block;
	width:81px;
	height:11px;
	background-image:url(./images/accueil_bienvenue_off.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/accueil_bienvenue_off.png'); 
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
}

#bienvenue a:hover {
	display:block;
	width:81px;
	height:11px;
	background-image:url(./images/accueil_bienvenue_on.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/accueil_bienvenue_on.png'); 
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
}

#welcome {
	display:block;
	margin:0;
	padding:0;
	position:absolute;
	top:370px;
	left:550px;
	width:63px;
	height:11px;
}

#welcome a {
	display:block;
	width:63px;
	height:11px;
	background-image:url(./images/accueil_welcome_off.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/accueil_welcome_off.png'); 
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
}

#welcome a:hover {
	display:block;
	width:63px;
	height:11px;
	background-image:url(./images/accueil_welcome_on.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/accueil_welcome_on.png'); 
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
}

a {
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	color:#ffffff;
	text-decoration:underline;
}

div .clear {
	clear:both;
}


#haut {
	display:block;
	position:relative;
	width:998px;
	height:196px;
}

#haut_retour_accueil {
	display:block;
	position:relative;
	width:998px;
	height:100px;
	background-image:url(./images/bandeau_haut.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#version_fr {
	display:block;
	position:absolute;
	width:22px;
	height:12px;
	top:80px;
	left:940px;
}

#version_gb {
	display:block;
	position:absolute;
	width:22px;
	height:12px;
	top:80px;
	left:965px;
}

#haut_menu {
	display:block;
	position:relative;
	width:998px;
	height:27px;
}

#haut_menu ul {
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
	list-style:none;	
}

#haut_menu li {
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:0;
}

#haut_menu li.trait {
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:0;
	width:1px;
	height:27px;
	background-image:url(./images/inter_menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_societe {
	display:block;
	position:relative;
	width:124px;
	height:27px;
	background-image:url(./images/bouton_societe_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_societe:hover, #haut_menu li a.menu_societe_on {
	display:block;
	position:relative;
	width:124px;
	height:27px;
	background-image:url(./images/bouton_societe_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_reglementation {
	display:block;
	position:relative;
	width:160px;
	height:27px;
	background-image:url(./images/bouton_reglementation_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_reglementation:hover, #haut_menu li a.menu_reglementation_on {
	display:block;
	position:relative;
	width:160px;
	height:27px;
	background-image:url(./images/bouton_reglementation_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_livraison {
	display:block;
	position:relative;
	width:118px;
	height:27px;
	background-image:url(./images/bouton_livraison_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_livraison:hover, #haut_menu li a.menu_livraison_on {
	display:block;
	position:relative;
	width:118px;
	height:27px;
	background-image:url(./images/bouton_livraison_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_cgv {
	display:block;
	position:relative;
	width:193px;
	height:27px;
	background-image:url(./images/bouton_cgv_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_cgv:hover, #haut_menu li a.menu_cgv_on {
	display:block;
	position:relative;
	width:193px;
	height:27px;
	background-image:url(./images/bouton_cgv_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_panier {
	display:block;
	position:relative;
	width:153px;
	height:27px;
	background-image:url(./images/bouton_panier_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_panier:hover, #haut_menu li a.menu_panier_on {
	display:block;
	position:relative;
	width:153px;
	height:27px;
	background-image:url(./images/bouton_panier_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_contact {
	display:block;
	position:relative;
	width:115px;
	height:27px;
	background-image:url(./images/bouton_contact_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_contact:hover, #haut_menu li a.menu_contact_on {
	display:block;
	position:relative;
	width:115px;
	height:27px;
	background-image:url(./images/bouton_contact_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_liens {
	display:block;
	position:relative;
	width:129px;
	height:27px;
	background-image:url(./images/bouton_liens_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu li a.menu_liens:hover, #haut_menu li a.menu_liens_on {
	display:block;
	position:relative;
	width:129px;
	height:27px;
	background-image:url(./images/bouton_liens_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}


#haut_menu_2 {
	display:block;
	position:relative;
	width:998px;
	height:69px;
}

#haut_menu_2 ul {
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
	list-style:none;	
}

#haut_menu_2 li {
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:0;
}

#haut_menu_2 li a.menu_revendeurs {
	display:block;
	position:relative;
	width:195px;
	height:69px;
	background-image:url(./images/bouton_revendeur_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu_2 li a.menu_revendeurs:hover, #haut_menu_2 li a.menu_revendeurs_on {
	display:block;
	position:relative;
	width:195px;
	height:69px;
	background-image:url(./images/bouton_revendeur_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu_2 li a.menu_catalogue {
	display:block;
	position:relative;
	width:519px;
	height:69px;
	background-image:url(./images/acces_catalogue.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu_2 li a.menu_catalogue:hover, #haut_menu_2 li a.menu_catalogue_on {
	display:block;
	position:relative;
	width:519px;
	height:69px;
	background-image:url(./images/acces_catalogue.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu_2 li a.menu_actualites {
	display:block;
	position:relative;
	width:168px;
	height:69px;
	background-image:url(./images/bouton_actualites_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu_2 li a.menu_actualites:hover, #haut_menu_2 li a.menu_actualites_on {
	display:block;
	position:relative;
	width:168px;
	height:69px;
	background-image:url(./images/bouton_actualites_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu_2 li a.menu_galerie {
	display:block;
	position:relative;
	width:116px;
	height:69px;
	background-image:url(./images/bouton_galerie_photo_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#haut_menu_2 li a.menu_galerie:hover, #haut_menu_2 li a.menu_galerie_on {
	display:block;
	position:relative;
	width:116px;
	height:69px;
	background-image:url(./images/bouton_galerie_photo_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}





#contenu {
	display:block;
	position:relative;
	width:998px;
	min-height:800px;
	margin:0;
	padding:0;
	background-image:url(./images/fond_contenu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#contenu_generique {
	display:block;
	position:relative;
	width:998px;
	min-height:800px;
	margin:0;
	padding:0;
	background-image:url(./images/fond_contenu_generique.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#contenu_contact {
	display:block;
	position:relative;
	width:998px;
	min-height:800px;
	margin:0;
	padding:0;
	background-image:url(./images/fond_contenu_contact.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}



/********************/
/* PAGES GENERIQUES */
/********************/
#texte_generique_1 {
	display:block;
	position:relative;
	float:left;
	width:205px;
	padding:10px 10px 10px 10px;
	margin-top:50px;
	font-size:10px;
	text-align:right;
}

#texte_generique_2 {
	display:block;
	position:relative;
	float:left;
	width:430px;
	margin-top:50px;
	padding:10px;
	border-left:solid 1px #e61e00;
	font-size:12px;
	text-align:left;
}

/****************/
/* PAGE CONTACT */
/****************/
#texte_contact_1 {
	display:block;
	position:absolute;
	width:175px;
	height:175px;
	padding:0;
	margin:0;
	top:150px;
	left:300px;
	font-size:10px;
	text-align:right;
}

#texte_contact_2 {
	display:block;
	position:absolute;
	width:200px;
	height:200px;
	padding:0;
	margin:0;
	top:450px;
	left:300px;
	font-size:10px;
	text-align:center;
}

#texte_bas_facebook {
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	left:41%;
	font-size:10px;
	text-align:center;
}

/**************/
/* PAGE LIENS */
/**************/
#titre_liens {
	display:block;
	position:relative;
	padding:30px 0px 0px 57px;
	width:657px;
}

#choix_type_liens {
	display:block;
	position:absolute;
	top:35px;
	left:157px;
	width:150px;
}

#contenu_liens {
	display:block;
	position:relative;
	width:657px;
	padding:10px 0px 0px 57px;
	background-image:url(./images/fond_liens.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}


.liens_gauche {
	width:175px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding: 0 10px 10px 10px;
}


.liens_droite {
	width:376px;
	font-size:12px;
	text-align:left;
	padding: 0 20px 10px 10px;
}

.liens_droite p {
	margin:0;
	padding:0;
}



/*******************/
/* PAGE ACTUALITES */
/*******************/
#titre_actualites {
	display:block;
	position:relative;
	padding:30px 0px 0px 37px;
	width:677px;
}

#choix_type_actualites {
	display:block;
	position:absolute;
	top:35px;
	left:157px;
	width:150px;
}

#contenu_actualites {
	display:block;
	position:relative;
	width:674px;
	padding:10px 0px 0px 40px;
}

#contenu_actualites_gauche {
	display:block;
	position:relative;
	float:left;
	background-color:#3c3f42;
	border-top:21px solid #e71e00;
	width:416px;
	height:auto;
	padding:10px;
	font-size:12px;
}



#contenu_actualites_droite {
	display:block;
	position:relative;
	float:left;
	width:210px;
	height:auto;
	padding:10px;
}

#contenu_actualites_droite ul {
	list-style:none;
	margin:0;
	padding:0;
}

#contenu_actualites_droite li {
	list-style:none;
	margin:0;
	padding:0;
}

#contenu_actualites_droite li a {
	font-size:12px;
	text-decoration:none;
	color:#e71e00;
}

#contenu_actualites_droite li a:hover, #contenu_actualites_droite li a.on{
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
}



/****************/
/* PAGE GALERIE */
/****************/
#titre_galerie {
	display:block;
	position:relative;
	padding:30px 0px 0px 37px;
	width:677px;
}

#choix_type_galerie {
	display:block;
	position:absolute;
	top:35px;
	left:197px;
}

#choix_type_galerie form {
	display:block;
	float:left;
	margin-left:5px;
}


#contenu_galerie {
	display:block;
	position:relative;
	width:674px;
	padding:10px 0px 0px 40px;
}

#contenu_galerie_photo {
	display:block;
	position:relative;
	background-color:#3c3f42;
	border-right:21px solid #e71e00;
	width:594px;
	height:auto;
	padding:10px;
	font-size:12px;
}

#contenu_galerie_gauche {
	display:block;
	position:relative;
	float:left;
	width:250px;
	height:auto;
	padding:10px;
	font-size:12px;
}

#contenu_galerie_droite {
	display:block;
	position:relative;
	float:left;
	background-color:#3c3f42;
	border-top:5px solid #000000;
	width:349px;
	height:auto;
	padding:5px 10px 10px 5px;
}

#contenu_galerie_droite ul {
	display:block;
	position:relative;
	list-style:none;
	margin:0;
	padding:5px 0 0 0;
	clear:left;
}

#contenu_galerie_droite li {
	display:block;
	position:relative;
	float:left;
	width:47px;
	height:47px;
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
}


/*************/
/* REVENDEUR */
/*************/
#carte_revendeurs {
	display:block;
	margin:0;
	padding:0;
	width:714px;
	height:796px;
	background-position:top left;
	background-repeat:no-repeat;
}

.carte_neutre {
	background-image:url(./images/fond_revendeurs.jpg);
}

.carte_france {
	background-image:url(./images/fond_revendeurs_france.jpg);
}

.carte_paysbas {
	background-image:url(./images/fond_revendeurs_paysbas.jpg);
}

.carte_belgique {
	background-image:url(./images/fond_revendeurs_belgique.jpg);
}

.carte_luxembourg {
	background-image:url(./images/fond_revendeurs_luxembourg.jpg);
}

#titre_revendeurs {
	display:block;
	position:relative;
	width:614px;
	padding:10px 50px 10px 50px;
	font-size:12px;
}

#contenu_revendeurs {
	display:block;
	position:relative;
	width:614px;
	padding:10px 50px 10px 50px;
	font-size:10px;
}

#contenu_revendeurs td {
	font-size:10px;
}


/******************************************************************************************************/
/* ------------- NEUTRE ------------ */
/******************************************************************************************************/
#neutre {
margin:20px;
width:674px;
}

#neutre .neutre1 {
width:327px;
}

#neutre .entre1 {
width:20px;
}

#neutre .vide1 {
width:327px;
}

#neutre .gauche1 {
background-color:#FFFFFF;
}

#neutre .gauche1 img {
display:block;
margin-left:auto;
margin-right:auto;
width:80px;
}

#neutre .droite1 {
background-color:#68676c;
height:145px;
}

#neutre .titre1_a{
display:block;
background-image:url(images/fond_titre_1.jpg);
background-color:#000000;
background-position:right top;
background-repeat:no-repeat;
height:38px;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:5px;
}

#neutre .titre1_b{
display:block;
background-image:url(images/fond_titre_1.jpg);
background-color:#000000;
background-position:right top;
background-repeat:no-repeat;
height:38px;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:5px;
}

#neutre .savoir_plus{
background-image:url(images/fond_savoir_plus.jpg);
background-position:right bottom;
background-repeat:no-repeat;
text-align:right;
padding-right:4px;
height:19px;
line-height:19px;
vertical-align:bottom;
font-size:12px;
background-color:#68676c;
padding-top:5px;
}

#neutre .savoir_plus a{
display:block;
font-size:9px;
color:#FFFFFF;
text-decoration:none;
}

#neutre .nom{
display:block;
font-size:15px;
text-decoration:none;
font-weight:normal;
padding-left:5px;
padding-top:5px;
}

#neutre .marque{
display:block;
text-decoration:none;
font-weight:normal;
padding-left:5px;
}

#neutre .resume{
display:block;
padding-left:5px;
}

#neutre .neutre2 {
width:674px;
}

#neutre .gauche2 {
background-color:#FFFFFF;
}

#neutre .gauche2 img {
display:block;
margin-left:auto;
margin-right:auto;
}

#neutre .droite2 {
background-color:#68676c;
/*
height:125px;
*/
}

#neutre .titre2_a{
display:block;
background-image:url(images/fond_titre_2.jpg);
background-color:#000000;
background-position:right top;
background-repeat:no-repeat;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:5px;
height:38px;
}

#neutre .titre2_b{
display:block;
background-image:url(images/fond_titre_2.jpg);
background-color:#000000;
background-position:right top;
background-repeat:no-repeat;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:5px;
height:38px;
}



/*************/
/* CATALOGUE */
/*************/

ul.catalogue, ul.catalogue_marque {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	clear:left;
	list-style:none;
}

ul.catalogue li {
	float:left;
	display:block;
	position:relative;
	margin:50px 0 0 40px;
	padding:0;
	width:292px;
	height:189px;
	list-style:none;
}

ul.catalogue_marque li {
	float:left;
	display:block;
	position:relative;
	margin:50px 0 0 40px;
	padding:0;
	width:627px;
	height:126px;
	list-style:none;
}

#fond_catalogue {
	position:relative;
	display:block;
	width:714px;
	height:432px;
	background-image:url(./images/fond_catalogue.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#liste_marque {
	position:absolute;
	display:block;
	top:85px;
	left:100px;
}

#liste_modele {
	position:absolute;
	display:block;
	top:85px;
	left:300px;
}

#liste_annee {
	position:absolute;
	display:block;
	top:85px;
	left:500px;
}

#liste_marque select, #liste_modele select, #liste_annee select {
	margin-top:7px;
	width:160px;
}


#bouton_lancer_recherche {
	position:absolute;
	display:block;
	top:150px;
	left:430px;
}

#nb_page_catalogue, .nb_page_catalogue {
	display:block;
	position:relative;
	width:664px;
	padding:0 20px 10px 20px;
	
}

#liste_articles {
	display:block;
	position:relative;
	width:714px;
	margin:20px 0 20px 0;
	padding:10px 0 0 0;
}

ul.liste_articles {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	clear:left;
	list-style:none;
}

ul.liste_articles li {
	float:left;
	display:block;
	position:relative;
	margin:0 0 22px 22px;
	padding:0;
	width:150px;
	height:auto;
	list-style:none;
}

.photo_liste {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:148px;
	height:148px;
	border:solid 1px #fff;
}

.texte_liste {
	display:block;
	position:relative;
	margin:0;
	padding:5px;
	width:140px;
	height:74px;
	font-size:10px;
	background-color:#68676c;
}

.prix_liste {
	display:block;
	position:relative;
	margin:0;
	padding:0 5px 0 0;
	width:145px;
	min-height:20px;
	height:auto;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	background-color:#68676c;
}

.panier_liste {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:150px;
	height:17px;
	background-color:#e61e00;
}



/********************************/
/*****NOUVEAUX STYLE
/********************************/
.style1
{

	background-color:#6f7274;
}

.style2
{
	
	background-color:#46484a;
}
.tableauresultat{
width:680px;
margin:auto;

}

.Affichagenb{
float:right;
text-align:right;
margin-right:0;
}
.pagesuivante{
text-align:center;
margin:auto;

}

#produit_ariane_trouve {
	text-align:right;
	width:200px;
}
#articles_ariane {
	width:510px;
	text-align:left;
}
/******************************************************************************************************/
/* --------------- FIL D'ARIANE --------------- */
/******************************************************************************************************/
#produit_ariane {
	display:block;
	position:relative;
	width:670px;
	margin:22px;
	padding:0;
}





#produit_ariane_article {
	display:block;
	position:relative;
	width:642px;
	margin:10px 22px 0px 50px;
	padding:0;
}



/*
#produit_ariane .titre {
font-size:13px;
color:#FFFFFF;
}

#produit_ariane a {
color:#FFFFFF;
text-decoration:none;
}

#produit_ariane a:hover {
color:#FFFFFF;
}
*/

/******************************************************************************************************/
/* --------------- TRI --------------- */
/******************************************************************************************************/
#tri_resultats {
	display:block;
	position:relative;
	width:670px;
	margin:22px;
	padding:0 0 20px 0;
	border-bottom:solid 1px #f00;
}
.pdf{
text-align:right;
font-weight:bold;}
/******************************************************************************************************/
/* --------------- RECHERCHE --------------- */
/******************************************************************************************************/
#titre_recherche {
	display:block;
	position:relative;
	width:670px;
	margin:22px;
	padding:0;
}



/******************************************************************************************************/
/* --------------- PRODUIT LIGNE --------------- */
/******************************************************************************************************/
#produit_ligne {
	display:block;
	position:relative;
	width:674px;
	margin:0 20px 0 20px;
	padding:10px 0 0 0;
}

#produit_ligne table {
	width:670px;
	vertical-align:top;
	font-size:12px;
	background-color:#68676c;
}

#produit_ligne td {
	background-color:#68676c;
	vertical-align:top;
	padding-top:5px;
}

#produit_ligne .photo {
border:2px solid #F5F3EF;
background-color:#FFFFFF;
width:170px;
padding-top:5px;
padding-bottom:5px;
position:relative;
}

#produit_ligne .panier {
text-align:center;
margin-top:10px;
margin-bottom:10px;
height:22px;
}

#produit_ligne img {
display:block;
margin-left:auto;
margin-right:auto;
border:0;
}

#produit_ligne .nom{
display:block;
font-size:15px;
text-decoration:none;
font-weight:bold;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

#produit_ligne .marque{
display:block;
text-decoration:none;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}

#produit_ligne .resume{
display:block;
text-decoration:none;
padding-left:5px;
padding-right:5px;
width:187px;
}

#produit_ligne .resume:hover {
color:#F08400;
}

#produit_ligne .prix{
text-align:center;
vertical-align:middle;
width:110px;
margin-top:0px;
}

#produit_ligne .info{
/*
background-image:url(images/fond_savoir_plus.jpg);
background-repeat:no-repeat;
background-position:right bottom;
*/
text-align:right;
vertical-align:bottom;
padding-bottom:3px;
padding-right:3px;
width:65px;
}

#produit_ligne .info a{
font-size:9px;
color:#FFFFFF;
text-decoration:none;
}

#produit_ligne .entre_v {
height:5px;
background-color:#000000;
}


/*****************/
/* FICHE ARTICLE */
/*****************/

#detail {
	display:block;
	position:relative;
	margin:0;
	padding: 20px 50px 50px 50px;
	width:614px;
	height:auto;
}

#detail_zone1 {
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:300px;
	height:300px;
	border:solid 1px #fff;
}

#detail_zone2 {
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:10px;
	width:270px;
	height:282px;
	background-color:#68676b;
	border-right:solid 22px #e71803;
}

#detail_zone3 {
	display:block;
	position:relative;
	clear:left;
	margin:0;
	padding:0;
	width:620px;
	height:auto;
	font-size:12px;
	text-align:justify;
}

#titre_articles_associes {
	display:block;
	position:relative;
	margin:0;
	padding:50px 50px 5px 50px;
	width:614px;
	height:auto;
}

#articles_associes {
	display:block;
	position:relative;
	margin:0;
	padding:10px 50px 50px 50px;
	width:614px;
	height:auto;
	border-top:solid 1px #fff;
	background-color:#3c3f42;
}

ul.liste_articles_associes {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	clear:left;
	list-style:none;
}

ul.liste_articles_associes li {
	float:left;
	display:block;
	position:relative;
	margin:0 7px 10px 0;
	padding:0;
	width:115px;
	height:auto;
	list-style:none;
}

.photo_liste_associes {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:113px;
	height:113px;
	border:solid 1px #fff;
	background-color:#FFFFFF;
}

.texte_liste_associes {
	display:block;
	position:relative;
	margin:0;
	padding:5px;
	width:105px;
	height:50px;
	font-size:10px;
	background-color:#68676c;
}

.prix_liste_associes {
	display:block;
	position:relative;
	margin:0;
	padding:0 5px 0 0;
	width:110px;
	height:20px;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	background-color:#68676c;
}

.panier_liste_associes {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:115px;
	height:13px;
	background-color:#e61e00;
	text-align:right;
}

/**********/
/* PANIER */
/**********/

#panier_etape{
width:714px;
height:110px;
}

#panier_etape ul {
list-style:none;
width:500px;
height:110px;
padding:0;
margin:0;
border-bottom:solid 1px #e71e00;
}

#panier_etape li{
list-style:none;
float:left;
height:110px;
width:100px;
}

#panier_etape li .etape1 {
height:110px;
width:100px;
}

#panier_etape li .etape2 {
height:110px;
width:100px;
}

#panier_etape li .etape3 {
height:110px;
width:100px;
}

#panier_etape li .etape4 {
height:110px;
width:100px;
}

#panier_etape li .etape5 {
height:110px;
width:100px;
}

#panier_etape li .etape6 {
height:110px;
width:100px;
}


/* --------------- PANIER 1 --------------- */
#panier1 {
width:500px;
margin-left:100px;
}

#panier1 table {
border-collapse:collapse;
background-color:#68676c;
}

#panier1 td {
border:1px solid #ffffff;
font-size:12px;
}

#panier1 .titre {
background-color:#e71e00;
color:#FFFFFF;
font-weight:normal;
width:490px;
padding:5px;
}

#panier1 .vide {
display:block;
width:490px;
padding:5px;
text-align:center;
}

#panier1 #tableau .titre_colonne {
font-weight:normal;
background-color:#68676c;
height:20px;
text-align:center;
}

#panier1 #tableau .col1 {
width:280px;
padding:5px;
}

#panier1 #tableau .col1 a{
}

#panier1 #tableau .col2 {
width:100px;
text-align:right;
padding-right:5px;
}

#panier1 #tableau .col3 {
width:90px;
text-align:center;
}

#panier1 #tableau .col4 {
width:90px;
text-align:right;
padding-right:5px;
}

#panier1 .nb {
font-size:11px;
font-weight:normal;
}

#panier1 #tableau .total {
text-align:right;
background-color:#68676c;
height:30px;
padding-right:5px;
font-weight:normal;
}

#panier1 #tableau .total_texte {
text-align:right;
font-weight:normal;
padding-right:5px;
}

#panier1 .bouton_gauche {
text-align:left;
border:none;
padding-left:10px;
padding-top:10px;
}

#panier1 .bouton_droite {
text-align:right;
border:none;
padding-right:10px;
padding-top:10px;
}

#panier1 .supprimer, #panier1 .supprimer a{
text-decoration:none;
}

#panier1 .supprimer a:hover{
}

/* --------------- PANIER 2 --------------- */
#panier2 {
width:500px;
margin-left:100px;
}

#panier2 a {
font-weight:normal;
}

#panier2 .titre {
display:block;
background-color:#e71e00;
color:#FFFFFF;
font-weight:normal;
width:490px;
padding:5px;
}

#panier2 .contenu {
background-color:#68676c;
width:490px;
padding:5px;
}

#panier2 .erreur {
color:#FF0000;
}

#panier2 .class_hr {
color:#e71e00;
background-color: #e71e00;
height: 2px;
border: 0;
}

/* --------------- PANIER 3 --------------- */
#panier3 {
width:500px;
margin-left:100px;
}

#panier3 .titre {
display:block;
background-color:#e71e00;
color:#FFFFFF;
font-weight:normal;
width:490px;
padding:5px;
}

#panier3 .titre a{
color:#FFFFFF;
padding-left:10px;
font-size:12px;
}

#panier3 .contenu {
width:490px;
padding:5px;
background-color:#68676c;
}

#panier3 .bouton_continuer {
width:490px;
text-align:right;
padding-right:5px;
}

#panier3 .erreur {
color:#FF0000;
}

#panier3 table {
border-collapse:collapse;
text-align:center;
background-color:#68676c;
}

#panier3 td {
border:1px solid #E8E6E0;
padding:5px;
}

#panier3 .titre_colonne {
font-weight:normal;
background-color:#68676c;
height:20px;
text-align:center;
}

#panier3 .bouton_continuer {
width:490px;
text-align:right;
padding-right:10px;
}

/* --------------- PANIER 4 --------------- */
#panier4 {
width:500px;
margin-left:100px;
}

#panier4 .titre {
display:block;
background-color:#e71e00;
color:#FFFFFF;
font-weight:normal;
width:490px;
padding:5px;
}

#panier4 .titre a{
color:#FFFFFF;
padding-left:10px;
font-size:12px;
}

#panier4 .contenu {
width:490px;
padding:5px;
background-color:#68676c;
}

#panier4 .bouton_continuer {
width:490px;
text-align:right;
padding-right:5px;
}

#panier4 .erreur {
color:#FF0000;
}

#panier4 table {
border-collapse:collapse;
text-align:center;
background-color:#68676c;
}

#panier4 td {
border:1px solid #E8E6E0;
padding:5px;
}

#panier4 .titre_colonne {
font-weight:normal;
background-color:#68676c;
height:20px;
text-align:center;
}

#panier4 .bouton_continuer {
width:490px;
text-align:right;
padding-right:10px;
}

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

#panier5 {
width:500px;
margin-left:100px;
}

#panier5 .titre {
display:block;
background-color:#e71e00;
color:#FFFFFF;
font-weight:normal;
width:490px;
padding:5px;
}

#panier5 .titre a{
color:#FFFFFF;
padding-left:10px;
font-size:12px;
}

#panier5 .contenu {
width:490px;
padding:5px;
background-color:#68676c;
}

#panier5 .bouton_continuer {
width:490px;
text-align:right;
padding-right:5px;
}

#panier5 .erreur {
color:#FF0000;
}

#panier6 table {
border-collapse:collapse;
background-color:#68676c;
}

#panier5 td {
border:1px solid #E8E6E0;
padding:5px;
}

#panier5 #tableau .titre_colonne {
font-weight:normal;
background-color:#68676c;
text-align:center;
}

#panier5 .bouton {
text-align:center;
border:none;
width:490px;
}

#panier5 .bouton_continuer {
width:490px;
text-align:right;
padding-right:10px;
}

#panier5 .total {
background-color:#68676c;
font-weight:normal;
text-align:right;
}

#panier5 #tableau .col1 {
width:280px;
padding:5px;
text-align:left;
}

#panier5 #tableau .col1 a{
}

#panier5 #tableau .col2 {
width:100px;
text-align:right;
padding-right:5px;
}

#panier5 #tableau .col3 {
width:90px;
text-align:center;
}

#panier5 #tableau .col4 {
width:90px;
text-align:right;
padding-right:5px;
}
/* --------------- PANIER 6 --------------- */
#panier6 {
width:500px;
margin-left:100px;
}

#panier6 .titre {
display:block;
background-color:#e71e00;
color:#FFFFFF;
font-weight:normal;
width:490px;
padding:5px;
}

#panier6 .texte {
display:block;
width:490px;
padding:5px;
padding-top:10px;
background-color:#68676c;
}

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


/******************************************************************************************************/
/* ------------- COMPTE OUBLIE ------------ */
/******************************************************************************************************/

#compte_oublie {
width:550px;
}

#compte_oublie .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:normal;
width:540px;
padding:5px;
}

#compte_oublie .texte {
}

#compte_oublie .erreur {
color:#FF0000;
}

#compte_oublie .bouton {
text-align:right;
padding-top:10px;
}

/******************************************************************************************************/
/* --------------- HISTORIQUE COMMANDES --------------- */
/******************************************************************************************************/

#compte_commande {
width:550px;
}

#compte_commande a {
}

#compte_commande table {
border-collapse:collapse;
}

#compte_commande td {
border:1px solid #E8E6E0;
}

#compte_commande .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:normal;
width:540px;
padding:5px;
}

#compte_commande .texte {
margin-top:10px;
margin-bottom:10px;
}

#compte_commande #tableau{
width:550px;
text-align:center;
}

#compte_commande #tableau .titre_colonne {
background-color:#F5F3EF;
font-weight:normal;
line-height:30px;
}

#compte_commande #tableau .ligne {
margin-bottom:50px;
}

#compte_commande #tableau .date {
width:150px;
}

#compte_commande #tableau .detail {
width:200px;
}

#compte_commande #tableau .statut {
width:200px;
}

/******************************************************************************************************/
/* ------------- COMPTE PASSWORD ------------ */
/******************************************************************************************************/

#compte_password {
width:550px;
}

#compte_password #tableau .texte{
width:250px;
}

#compte_password #tableau .saisie{
}

#compte_password .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:normal;
width:540px;
padding:5px;
}

#compte_password .texte {
}

#compte_password .erreur {
color:#FF0000;
}

#compte_password .bouton {
text-align:right;
padding-top:10px;
}


/******************************************************************************************************/
/* ------------- COMPTE PASSWORD ------------ */
/******************************************************************************************************/

#compte_formulaire {
width:500px;
margin-left:100px;
}

#compte_formulaire a {
font-weight:normal;
}

#compte_formulaire .titre {
display:block;
background-color:#e71e00;
color:#FFFFFF;
font-weight:normal;
width:490px;
padding:5px;
}

#compte_formulaire .contenu {
background-color:#68676c;
width:490px;
padding:5px;
}

#compte_formulaire .erreur {
color:#FF0000;
}

#compte_formulaire .class_hr {
color:#e71e00;
background-color: #e71e00;
height: 2px;
border: 0;
}

/******************/
/* CLASSES TEXTES */
/******************/
.titre {
	font-size:18px;
	color:#FFFFFF;
}

.soustitre {
	font-size:14px;
	color:#ffffff;
}

.petit {
	font-size:10px;
	color:#ffffff;
}
/******************************************************************************************************/
/* --------------- COLONNE --------------- */
/******************************************************************************************************/
#col1 {
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:0px;
	z-index:1;
}

#col2 {
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:714px;
	min-height:500px;
	z-index:10;
	
}

#col3 {
	float:right;
	display:block;
	margin:0;
	padding:0;
	width:284px;
	z-index:1;
	margin-right:0px;


}
#Bloc
{
float: left;
width: 680px;
text-align:left;
margin-left:2%;
}


/******************************************************************************************************/
/* --------------- ENCART --------------- */
/******************************************************************************************************/

/* --------------- ENCART RECHERCHE --------------- */
#colonne_recherche {
	position:relative;
	width:244px;
	padding:20px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}

#colonne_recherche form {
	margin:0;
	padding:0;
}

#colonne_recherche .bouton {
	position:absolute;
	height:34px;
	width:34px;
	left:225px;
	top:25px;
}

#colonne_recherche input {
	width:200px;
	font-size:10px;
	background-color:#FFFFFF;
	border:none;
}



/* --------------- ENCART ESPACE CLIENT --------------- */
#colonne_compte {
display:block;
position:relative;
width:284px;
}

#colonne_compte .titre {
display:block;
position:relative;
width:244px;
}

#colonne_compte .contenu {
width:244px;
padding:20px;
background-image:url("images/fond_espace_pro.jpg");
background-position:top left;
background-repeat:no-repeat;
}

#colonne_compte .contenu a {
color:#ffffff;
font-size:12px;
text-decoration:none;
font-style:italic;
}

#colonne_compte .bouton {
height:19px;
width:61px;
left:107px;
top:85px;
margin-top:5px;
}

#colonne_compte input {
width:150px;
}

#colonne_compte input[type=checkbox] {
width:auto;
}

#colonne_compte p {
margin-top:5px;
}

#colonne_compte .erreur {
color:#ff0000;
}


/* --------------- ENCART SELECTION --------------- */
#colonne_selection {
color:#504E53;
}

#colonne_selection .titre {
}

#colonne_selection .contenu {
	display:block;
	position:relative;
	margin-left:10px;
	padding:0 10px 0 10px;
	width:209px;
	height:auto;
	min-height:25px;
	line-height:18px;
	font-size:12px;
	color:#ffffff;
	background-color:#7d7d7d;
	border-left:solid 1px #8f8f8f;
	border-right:solid 1px #8f8f8f;
}

#colonne_selection .bouton {
	display:block;
	position:relative;
	margin-left:10px;
	padding:0;
	width:231px;
	height:43px;
}

#colonne_selection .contenu a {
	font-size:12px;
	text-decoration:none;
}



/* --------------- ENCART PANIER --------------- */
#colonne_panier {
display:block;
position:relative;
width:284px;
}

#colonne_panier .titre {
display:block;
width:176px;
background-image:url("images/fond_colonne_panier.jpg");
background-repeat:no-repeat;
height:25px;
padding-bottom:5px;
padding-left:5px;
line-height:25px;
}

#colonne_panier .titre a{
text-decoration:none;
}

#colonne_panier .contenu {
	display:block;
	position:relative;
	margin-left:10px;
	padding:0 10px 0 10px;
	width:211px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#ffffff;
	background-color:#e71e00;
}


/***** COLONNE NEWSLETTER *****/
#colonne_newsletter {
display:block;
position:relative;
width:284px;
}

#colonne_newsletter .titre {
display:block;
width:176px;
background-image:url("images/fond_colonne_newsletter.jpg");
background-repeat:no-repeat;
height:25px;
padding-bottom:5px;
padding-left:5px;
line-height:25px;
}

#colonne_newsletter .titre a{
text-decoration:none;
}

#colonne_newsletter .contenu {
	display:block;
	position:relative;
	margin-left:10px;
	padding:10px;
	width:209px;
	height:auto;
	min-height:25px;
	line-height:15px;
	font-size:12px;
	color:#ffffff;
	background-color:#7d7d7d;
	border-left:solid 1px #8f8f8f;
	border-right:solid 1px #8f8f8f;
}

#colonne_newsletter .bouton {
	display:block;
	position:relative;
	margin-left:10px;
	padding:0 10px;
	width:211px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background-color:#e71e00;
}


#colonne_newsletter .erreur {
color:#FF0000;
}

/*******/
/* BAS */
/*******/

#bas {
margin-left:auto;
margin-right:auto;
width:998px;
}

#bas ul {
list-style: none;
margin: 0;
padding: 0;
text-align:center;
}

#bas li {
font-size:9px;
display:inline;
color:#ffffff;
}

#bas li a {
font-size:9px;
text-decoration:none;
color:#ffffff;
}

#bas li a:hover {
color:#ffffff;
text-decoration:underline;
}

.rouge{
color:red;}

/* --------------- MODULE COMMANDE PARTICULIER --------------- */

#coordonees_particulier{
width:50%;
float:left;
}
#article_particulier{
width:49%;
float:right;
}
#article_table{
width:100%;
height:100%;
float:right;
}


#validation_particulier{

width:50%;
margin-top:7%;
margin-right:25%;
margin-left:25%;
text-align:center;
}

#revendeur{
width:100%;
margin-top:25%;
}
#renvendeur_ajout{
width:50%;
margin-left:25%;
margin-top:10%;

}

#renvendeur_valide_mpd
{
width:50%;
margin-left:25%;
margin-top:10%;
text-align:center;
}
fieldset{
 border-radius: 10px; }