@charset "iso-8859-1";
/* auteur: SIWEB */
/* Date de création: 16/03/2006 */


body {
	font-family:Arial, Verdana, "sans serif";
	font-size: 13px;
	color:#535353;
	background: #4E79AC;	
	margin: 0;
	padding: 0;
	/*text-align:center;*/
}

.selectoption {
	width: auto;
}

a, a:link, a:active, a:visited {
	color:#333333;
	text-decoration: none;
}

a:hover{
	color:#4A7397;
}

p{
	margin :10px 0px 10px 0px;
}
img{
	border:none;
}

FORM {
	margin: 0;
	padding: 0;
}

div.hr hr {
	display: none;
}

div.hr {
	background:transparent url(../images/point.gif) 0px 0px repeat-x;
	height:1px;
	margin:15px 0px 0px 0px;
	padding:0;
}

#conteneur {
	position: absolute;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	background: #FFF url(../images/conteneur.gif) repeat-y;
}
#header {
	height:139px;
	width:960px;
	background: #0E4B95 url(../images/header.jpg) no-repeat;
}

#header #texte {
	position:absolute;
	top:35px;
	color:#FFFFFF;
	font-size:10px;
	left:420px;
	width:540px;
}

#header #texte h1 {
	font-size:10px;
	margin: 0;
	font-weight: normal;
}


#menuhaut {
	position:absolute;
	top:0px;
	left:475px;
}
#menubas {
	position:absolute;
	top:102px;
	left:220px;
}
#compte{
	position:absolute;
	top:62px;
	left:783px;
	color: white;
	text-align: center;
}
#panierhaut{
	position:absolute;
	top:62px;
	left:848px;
	color: white;	
	text-align: center;
}
#favoris_art{
	position:absolute;
	top:62px;
	left:908px;
	color: white;
	text-align: center;
}
#compte a:hover, #panierhaut a:hover, #favoris_art a:hover{
	color:red;
}


/******************************* Colonne de gauche *************************/
#gauche{
	float:left;
	width:220px;
	background:#FFFFFF url(../images/droite.gif) repeat-x;
	border-right: 1px solid #F1C504;
	text-align: center;
}
#bloc-gauche {
	margin :-1px 13px 0px 12px;
	padding: 5px 0px 5px 0px;
	background:#FEFEFE url(../images/bloc-catalogue.gif) repeat-y;
	border : 1px solid #F3C500;
}
#bloc-gauche ul{
	padding:0;
	margin:0;
}
#bloc-gauche li{
	font-weight:bold;
	text-align:left;
	margin-left:20px;
	padding:0;
	margin-bottom:3px;
	font-size:10px;
}

#bloc-gauche li.lvl_1{
	list-style:url(../images/puce.gif);
}

#bloc-gauche li.lvl_2{
	list-style: square;
	margin-left: 30px;
	color: #CC2200;
}

#bloc-gauche li.lvl_3{
	list-style: circle;
	margin-left: 40px;
}

#bloc-gauche li.lvl_4{
	list-style: none;
	margin-left: 50px;
}


#bloc-gauche a{
	color:#333333;
	font-size:11px;
}

#bloc-gauche a:hover{
	color:#333333;
	font-size:11px;
	background-color: #FFCC00;
}

#recherche{
	margin: 6px 0px 5px 12px;
	text-align: left;
}

#recherche SELECT {
	font-family: Arial;
	font-size: 11px;
	width:196px;
}
#recherche2 {
	margin: 6px 0px 5px 12px;
	text-align: left;
}
#recherche2 SELECT {
	font-family: Arial;
	font-size: 11px;
}

#search_adv{
	margin: 0px 0px 7px 12px;
	text-align: left;
}

#search_adv a{
	text-decoration: underline;
}

#searchmot {
	text-align: left;
	padding-left: 12px;
}

#searchmot INPUT.text {
	font-family: Arial;
	font-size: 11px;
	border: solid 1px #000088;
}



/******************************* Colonne de droite *************************/
#droite{
	float:right;
	width:180px;
	background:#FFFFFF url(../images/droite.gif) repeat-x;
	border-left: 1px solid #F1C504;
	text-align: center;
	padding-bottom: 30px;
}
/***************************************** Panier **********************************/
#articles {
	background:#3265A4 url(../images/lepanier.gif) no-repeat;
	height:53px;
}
.articles {
	float:right;
	margin : 10px 8px 0px 0px;
	font-size:12px;
}
#panier {
	background:#3265A4 url(../images/panier.gif) no-repeat;
	border : 1px solid #F0C902;
	margin : 10px 7px 10px 7px;
	color:#FFFFFF;
}
#panier a, a:link, a:active, a:visited {
	color:#FFFFFF;
	font-size:11px;
}
#panier-details {
	margin :0px 10px 5px 10px;
	padding : 5px 0px 5px 0px;
	background:#01408D;
	border:1px solid #F3C500;
}
#panier-details ul{
	list-style:url(../images/rond.gif);
	padding:0;
	margin:0;
}
#panier-details li{
	font-weight:bold;
	text-align:left;
	margin-left:25px;
	font-size:10px;
	list-style:url(../images/rond.gif);
	padding:0;
	margin-bottom:3px;
}
/***************************************** Les meilleurs ventes **********************************/
#bloc-droite {
	margin :-1px 7px 0px 7px;
	background:#FEFEFE url(../images/bloc-catalogue.gif) repeat-y;
	border : 1px solid #F0C902;
	padding: 5px 5px 0px 5px;
}
#bloc-droite h1 {
	margin:0;
	color:#E10318;
	font-size:11px;
}
#bloc-droite img {
	float:left;
	border: 1px solid #000000;
	margin: 0px 5px 0px 0px;
}
html>body .bloc-droite {
	height: 45px;
	
} 
.bloc-droite {
	height: 30px;
	padding: 0px 5px 15px 0px;
}
/***************************************** Centre **********************************/
#centre{
	padding-top:15px;
	margin-left:221px;
	margin-right:181px;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFFFFF;
}
#centre h3{
	margin-bottom:1px;
	font-size:13px;
	color:#01417F;
	text-decoration: none;
}
#centre a{
	color:#333333;
}
#accueil{
	padding: 0px 10px 15px 10px;
}

#familles a {
	text-decoration: underline;
}

/***************************************** Catalogue **********************************/
html>body #search_fin {
	height: auto;
	min-height: 65px;
}

#search_fin {
	float: left;
	width: 528px;
	height: 65px;
	background:#FFFFFF;
}

#search_fin .titre {
	padding: 0px;
	margin: 0px;
	height: 33px;
}

#search_fin .form {
	width: 526px;
	height: 64px;
	border: solid 1px #000000;
	background-color: #FBEDB2;
	padding: 0px;
	margin: 0px;
	vertical-align: center;
}

#search_fin SELECT {
	font-size: 11px;
}

#search_fin .form div {
	float: left;
}

#search_fin .caption {
	float: left;
	width: 120px;
	font-weight:bold;
	padding-top:10px;
	padding-left:12px;
}

#search_fin .bouton {
	float: left;
	width: 28px;
	margin: 5px 0 0 5px;
}

#search_fin .form div.middle {
	padding-top: 8px;
}

#search_fin .form SELECT {
	width: 250px;
}

#search_fin .last {
	float:right;
}

.multisearch{
	float:left;
	padding:10px;
	margin-bottom:2px;
	background:#F6FBFE;
	border:1px solid #DFECF5;
	width:505px;
	color:#2F556E;
	font-weight:bold;
}

.multisearch a{
	font-size:11px;
	text-decoration: underline;
}
.comparer{
	float:left;
	padding:2px;
	width:505px;
	color:#2F556E;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
}

#search{
    background:#F3F6F9;
	border:1px solid #D8E3EE;
	width:503px;
	padding:10px;
	float: left;
}

#search .ligne{
	border-bottom:1px solid #A7BED4;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	
}

#search .caption {
	padding-top:5px;
	padding-bottom:5px;
	color:#12294E;
}

#search .value {
	padding-bottom:5px;
}



#search #search_nb {
	margin-top:10px;
	padding-left: 140px;
}

#resultat_bouton_ok {
	float: left;
	width: 493px;
	padding: 10px;
	
}
.resultat_recherche {
	color: #dc001e;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	width: 493px;
	display: block;
}
.resultat_recherche input {
	border: none;
	color: #dc001e;
	text-align: center;
	width: 60px;
	background-color: transparent;	
	font-weight: bold;	
}
#search .ok {
	margin-top:15px;
	width: 44px;
	height: 19px;
	display: block;
	float: left;
	padding-left: 210px;
	font-size: 10px;	
}	
.bouton_ok {
	border: 0;
	width: 44px;
	height: 19px;
	display: block;
	float: left;
	border: none;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 19px;
	background: transparent url(../images/bouton_ok.jpg) no-repeat left top;	
	cursor: pointer;
	font-size: 10px;
}



#navigation {
	width: 528px;
	height: 30px;
}

#navigation div {
	float: left;
	padding-top: 5px;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #999999;
}

#navigation div.prec {
	width: 120px;	
}

#navigation div.ref {
	width: 288px;
	text-align: center;
	font-weight: bold;
	color: #666666;
}

#navigation div.suiv {
	width: 120px;
	text-align: right;
}

#navigation div.prix {
	width: 100px;	
}

#navigation_bas {
	width: 528px;
	height: 30px;
}

#navigation_bas div {
	float: left;
	padding-top: 5px;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #999999;
}

#navigation_bas div.prec {
	width: 120px;	
}

#navigation_bas div.ref {
	width: 288px;
	text-align: center;
	font-weight: bold;
	color: #666666;
}

#navigation_bas div.suiv {
	width: 120px;
	text-align: right;
}

#navigation_bas div.prix {
	width: 100px;	
}


#entete {
	float: left;
	width: 528px;
	background-color: #FBEDB2;
}

#entete div {
	float: left;
	padding-left: 5px;
	margin-top: 25px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

#entete div.image {
	margin-top: 5px;
	width: 58px;	
}

#entete div.titre {
	width: 200px;	
}

#entete div.ref {
	width: 130px;
}

#entete div.prix {
	width: 100px;	
}

html>body #contenu .ligne1 {
	height: auto;
	min-height: 50px;
}

#contenu .ligne1 {
	float: left;
	width: 528px;
	height: 50px;
	background-color: #FFFFFF;
	
}

html>body #contenu .ligne2 {
	height: auto;
	min-height: 50px;
}

#contenu .ligne2 {
	float: left;
	width: 528px;
	height: 50px;
	background-color: #DDDDDD;
	
}

#contenu .ligne1 div, #contenu .ligne2 div {
	float: left;
	padding-left: 5px;
	margin-top: 5px;
	font-family: Arial;
	overflow: hidden;
}

#contenu div.famille {
	float:left;
	background:#E6EDF1;
	padding:4px;
	color:#00408D;
	width:517px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #82A3CA;
}

#contenu div.famille a {
	color:#00408D;
}


#contenu div.image {
	width: 48px;	
}

#contenu div.image IMG {
	border: solid 1px #999999;	
}

#contenu div.titre {
	font-weight: bold;
	font-size: 12px;
	width: 180px;	
}

#contenu div.titre p {
	padding: 0px;
	margin: 0px;
}

#contenu p.titre1 {
	font-weight: bold;
	font-size: 12px;
}

#contenu p.titre1 A {
	font-weight: bold;
	font-size: 12px;
	width: 200px;	
}

#contenu .carre {
	font-weight: bold;
	font-size: 12px;
	padding-top:8px;
	width: 40px;
}

#contenu p.titre2 {
	font-weight: normal;
	font-size: 11px;
}

#contenu p.titre3 {
	font-weight: normal;
	font-size: 10px;
}

#contenu div.ref {
	font-size: 9px;
	padding-top: 10px;
	width: 120px;	
}
#contenu div.ref_promo {
	font-size: 11px;
	padding-top: 0px;
	width: 100px;	
}

#contenu div.prix {
	padding-top: 10px;
	width: 90px;
	color: #DD0000;
	font-weight: bold;
	font-size: 12px;
}

#contenu div.prix span.note {
	font-weight: normal;
	font-size: 10px;
}

#retour_haut {
	position: absolute;
	bottom: 35px;
	background: url(../images/arrow.gif) no-repeat 0 0;
	left: 790px;
	margin-top: 20px;
}
#retour_haut a {
	font-weight: bold;
	color: #b80000;
	text-decoration: underline;
	line-height: 16px;
	padding-left: 20px;
}
#retour_haut a:hover {
	text-decoration: none;
}

/***************************************** DETAILS **********************************/
#contenu_promo .box {
	width: 257px;
	margin-left: 2px;
	margin-right: 3px;
	float: left;
	height: 190px;
	margin-bottom: 8px;
	overflow: hidden;
	border-bottom: solid 1px #CCCCCC;
}

#contenu_promo .promo_choix a{
	font-weight: bold;
	color: #CC0000;
	font-size: 11px;
	
}


#contenu_promo .titre {
	width: 250px;
	padding: 2px;
	background-image: url(../images/fond_titre_promo.gif);
	height: 16px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	
}

#contenu_promo .limage {
	float: left;
	width: 110px;
	height: 130px;
	text-align: center;
	padding: 0px;
}

#contenu_promo .plusdinfo {
	float: left;
	width: 110px;
	height: 16px;
	text-align: center;
	padding: 0px;
	clear: left;
}

#contenu_promo .prix {
	float: left;
	width: 70px;
	height: 40px;
	text-align: center;
	font-weight: bold;
	color: #CC0000;
	font-size: 11px;
	border-right: solid 1px #CCCCCC;
}

#contenu_promo .validation {
	float: left;
	width: 70px;
	height: 40px;
	text-align: center;
	font-weight: bold;
	color: #CC0000;
	font-size: 11px;
}

#contenu_promo .description {
	float: left;
	color: #666666;
	font-size: 10px;
	width: 140px;
	height: 90px;
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 10px;
	overflow: hidden;
}
#validation_texte {
	float: left;
	font-size:10px;
	font-weight:none;
	margin-top:20px;
}
/***************************************** DETAILS **********************************/
#entete_detail {
	float: left;
	width: 528px;
	background-color: #FBEDB2;
}

#entete_detail div {
	float: left;
	padding-left: 5px;
	margin-top: 25px;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
}

#entete_detail div.image {
	margin-top: 5px;
	width: 110px;
	float:left;	
}

#entete_detail div.titre {
	float:left;
	width: 400px;
	margin-top:5px;
	/*padding-bottom:10px;*/
}

#entete_detail div.texte {
	float:left;
	width: 400px;
	font-family: Arial;
	font-size: 10px;
	margin-top: 5px;
}

#entete_detail div.sous_titre {
	margin-top:-2px;
	margin-left:-2px;
	font-size:10px;
	font-weight:normal;
	font-family:Arial, Verdana, "sans serif";
}

#entete_detail a {
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

#detail {
	width: 528px;
	background-color: #FFFFFF;
	margin-top: 5px;
}

#detail div.image {
	width: 165px;
	float: left;
	border: solid 1px #999999;
	text-align: center;
}
.detail_gauche {
	display: block;
	float: left;
	width: 165px;
}
.pictos {
	float: left;
	display: block;
	width: 100px;
	margin: 10px 0 0 40px !important;
	margin: 10px 0 0 20px;
}
#detail div.image .limage {
	vertical-align: middle;
}

#detail div.infos {
	float: left;
	/*border: solid 1px #999999;*/
	width: 350px;
	margin-left: 5px;
}

#detail div.titre {
	width: 255px;
	background: url(../images/detail_titre_fd2.gif) no-repeat top left;
	float: left;
	overflow: hidden;
	height: auto;
}

#detail div.titre .titre_style {
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;	
	padding: 3px 0 2px 7px;
	color: #FFFFFF;
	width: 220px;
	display: block;
}

#detail div.ref {
	float: left;
	width: 90px;
	height: 20px;
	padding-top: 3px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	overflow: hidden;
}

#detail div.titre2 {
	font-weight:bold;
	clear: both;
}

#detail div.desc {
	clear: both;
	font-weight: normal;
	font-size: 11px;
	width: 100%;
	padding-top: 5px;
	padding-bottom:5px;
	text-align:justify;
}

#detail div.document2 {
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

#detail div.item {
	float:left;
	font-size: 11px;
	width: 100%;
	margin-top: 5px;
	background:#F4F9FE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	border:1px solid #DAE7F7;
	color:#223150;
}

#plus_details {
	text-align:right;
}

#detail .caption {
	float: left;
	font-size: 11px;
	font-weight: bold;
}

#detail .value {
	float: left;
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
}

#detail .value a {
	font-size: 11px;
	text-decoration:underline;
}

#detail div.tarif {
	margin-top: 10px;
	width: 100%;
	float: left;
}

#detail div.tarif .prix {
	float: left;
	width:200px;
	font-size: 11px;
	background:#FBEDB2;
	color:#000000;
	padding:5px;
	margin-bottom:15px;
	border:1px solid #EBDA91;
}
#detail div.tarif .prix img{
	float: right;
	margin: 0;
	padding: 0;
}

#detail .prix .caption {
	float:left;
	width:95px;
	font-size: 1Opx;
	font-weight: normal;
}

#detail .prix .value {
	margin-top:-13px;
	margin-left:100px;
	font-size: 1Opx;
	text-decoration: none;
	float: left;	
}

#detail .prix .promo {
	font-weight:bold;
	clear: left;
	float: left;
	width: 150px;
	margin-top: 5px;
}
.item_rouge {
	float: left;
	clear: both;
	margin: 0;
}

#detail div.tarif .validation {
	float: right;
	font-size: 11px;
}

#detail div.tarif .produits_dangereux {
	float: left;
	font-size: 11px;
	clear: both;
	width: 350px;
	text-align: justify;
	font-weight: bold;
}


#detail SELECT {
	font-size: 11px;
}

#detail .document1 {
	padding-top:10px;
	padding-bottom:10px;
}

.erreur_texte {
	width: 530px;
	display: block;
	float: left;
	margin-top: 20px;
	padding: 0;	
}

.promotion_reference {
	width: 530px;
	display: block;
	float: left;
	margin-top: 5px;
	padding: 0;
}

.promotion_txt_rouge {
	text-align: justify;
	font-size: 11px; 
	color: #DC001A;
	font-weight: bold;
}

.promotion_txt_gris {
	text-align: justify;
	font-weight: normal;
	font-size: 10px;
	width: 530px;	
}

#arlink {
	width:530px;
	margin-top: 7px;
	padding-top: 15px;
	float: left;
	border: solid 1px #DC001A;
	background-color: #FFFFFF;
}

#arlink .titre {
	margin-top:-15px;
	padding:3px;
	padding-left:15px;
	font-size: 12px;
	font-weight: bold;
	background-color: #DC001A;
	color:#FFFFFF;
}

#arlink .bloc {
	float: left;
	width: 240px;
	margin-right: 10px;
	padding:5px;
}

#arlink .image {
	width: 50px;
	text-align: center;
	float: left;
}

#arlink IMG {
	border: solid 1px #CC9999;
}

#arlink .desi {
	width: 180px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

#arlink .prix {
	width: 180px;
	font-size: 10px;
	float: left;
}

#arlink2 {
	width:530px;
	margin-top: 7px;
	padding-top: 15px;
	float: left;
	border: solid 1px #DC001A;
	background-color: #FFFFFF;
}

#arlink2 .titre {
	margin-top:-15px;
	padding:3px;
	padding-left:15px;
	font-size: 12px;
	font-weight: bold;
	background-color: #DC001A;
	color:#FFFFFF;
}

#arlink2 .bloc {
	float: left;
	width: 240px;
	margin-right: 10px;
	padding:5px;
}

#arlink2 .image {
	width: 50px;
	text-align: center;
	float: left;
}

#arlink2 IMG {
	border: solid 1px #CC9999;
}

#arlink2 .desi {
	width: 180px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

#arlink2 .prix {
	width: 180px;
	font-size: 10px;
	float: left;
}

/***************************************** RECAP **********************************/
.titre_etape {
	float: left;
	width: 100%;
	font-weight: bold;
	margin:0;
	padding-left:3px;
	color: #DC021D;
	padding-bottom:10px;
}

.modifier {
	margin-top:-10px;
	padding-left:345px;
	font-weight:bold;
}

.notes {
	float: left;
	width: 380px;
	font-size: 10px;
	font-style: italic;
	margin-left: 10px;
	padding-bottom:10px;
}

.notes2 {
	float: left;
	width: 470px;
	font-size: 10px;
	font-style: italic;
	margin-left: 5px;
	margin-top: 10px;
}

.notes3 {
	float: left;
	width: 480px;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	padding-bottom:10px;
	text-align: justify;
}

.note3 ul {
	list-style-type: none;
}

#centre #etapes {
	float: left;
	width: 100%;
	height:75px;
	padding-bottom:10px;
}

#recap_cde #entete {
	margin: 0px;
	padding: 0px;
	width: 528px;
	height: 25px;
	overflow: hidden;
	background-color: #FFFFFF;
}

#recap_cde #entete div {
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	float: left;
	height: 25px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	background-color: #93ADCE;
}

#recap_cde #entete div.ref {
	width: 70px;
	padding-left: 5px;
	margin-right: 1px;
}

#recap_cde #entete div.desi {
	width: 169px;
	padding-left: 5px;
	margin-right: 1px;
}

#paiement #recap_cde #entete div.desi {
	width: 210px;
	padding-left: 5px;
	margin-right: 1px;
}


#recap_cde #entete div.pu {
	width: 45px;
	padding-left: 5px;
	margin-right: 1px;
}
#recap_cde #entete div.qt {
	width: 45px;
	padding-left: 5px;
	margin-right: 1px;
	text-align: right;
}

#recap_cde #entete div.rem {
	width: 40px;
	padding-left: 5px;
	margin-right: 1px;
}

#recap_cde #entete div.tot {
	width: 77px;
	padding-left: 5px;
	margin-right: 1px;
}
#recap_cde #entete div.total {
	width: 82px;
	padding-left: 5px;
	margin-right: 1px;
}
#recap_cde #entete div.form {
	width: 46px;
	float: right;
	padding: 0px;
	margin: 0px;
}

#recap_cde .ligne {
	margin: 0px;
	padding: 0px;
	width: 528px;
	height: 33px;
	padding-bottom:2px;
	overflow: hidden;
	background-color: #F3F6F9;
	border-bottom:1px solid #93ADCE;
	float: left;
}

#recap_cde .ligne div {
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	float: left;
	height: 35px;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	background-color: #F3F6F9;
}

#recap_cde .ligne div.ref {
	width: 70px;
	padding-left: 5px;
	margin-right: 1px;
}

#recap_cde .ligne div.desi {
	width: 169px;
	padding-left: 5px;
	margin-right: 1px;
}

#paiement #recap_cde .ligne div.desi {
	width: 210px;
	padding-left: 5px;
	margin-right: 1px;
}

#recap_cde .ligne div.pu {
	width: 45px;
	padding-left: 5px;
	margin-right: 1px;
	text-align: right;
}

#recap_cde .ligne div.qt {
	width: 35px;
	padding-left: 2px;
	padding-top: 5px;
	margin-right: 1px;
	float:left;
}

#recap_cde .ligne div.qt2 {
	width: 45px;
	padding-left: 2px;
	padding-top: 8px;
	margin-right: 1px;
	text-align:right;
}

#recap_cde #plus_quantite{
	margin-top:-4px;
	width:14px;
}

#recap_cde .ligne div.rem {
	width: 40px;
	margin-right: 1px;
	text-align: right;
}

#recap_cde .ligne div.tot {
	width: 77px;
	font-weight: bold;
	margin-right: 1px;
	text-align: right;
}


#recap_cde .ligne div.form {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 46px;
}

#recap_cde .ligne INPUT {
	text-align: right;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	border: solid 1px #93ADCE;
}

#recap_cde .ligne_total {
	width: 300px;
	background-color: #FFFFFF;
	border-bottom:1px solid #93ADCE;
	float: right;
	padding:5px;
	font-family: Arial;
	font-size: 11px;
	margin-right:5px;
	color:#000000;
}

#recap_cde .boutons {
	text-align: center;	
	float:left;
	padding-left:20px;
}

.boutons .gauche{
	float:left;
	padding-top:10px;
}

.boutons .droite{
	float:left;
	margin-left:195px;
	margin-top:-35px;
}

#recap_cde .boutons img {
	padding-top:20px;
	padding-right:20px;	
}

#recap_cde #panier_commande {
	float:right;
	width:300px;
	background:#D8E2EE;
	color:#12294E;
	padding:5px;
	font-weight:bold;
	margin-right:5px;
	border-left:1px solid #93ADCE;
	border-right:1px solid #93ADCE;
	border-bottom:1px solid #93ADCE;
}

#recap_cde #panier_pied .prix {
	float:right;
	padding-right:18px;
}

#recap_cde #panier_pied .total {
	float:left;
	padding-left:24px;
}

#recap_cde #panier_pied INPUT {
	font-family: Arial;
	font-size: 11px;
}

#recap_cde #modepaiement {
	padding-top:15px;
}

#recap_cde #panier_port .total_caption {
	float:right;
	padding-right:19px;
}

#recap_cde #panier_total .total_caption {
	float:right;
	padding-right:19px;
}

#recap_cde #facturation {
	float:left;
	background:#F5F5F5;
	border:1px solid #DBDBDB;
	width:225px;
	padding:10px;
	margin-left:5px;
	margin-right:20px;
	margin-bottom:20px;
}

#recap_cde #livraison{
	float:left;
	background:#F5F5F5;
	border:1px solid #DBDBDB;
	width:225px;
	padding:10px;
	margin-bottom:20px;
}

#recap_cde #ref{
	float:left;
	padding-bottom:15px;
	padding-left:10px;
}

#recap_cde #print{
	float:right;
	padding-bottom:15px;
	padding-right:26px;
}

#recap_cde #print img{
	float:left;
}

#recap_cde #print .print-texte{
	padding-left:25px;
}

#recap_cde a{
	text-decoration:underline;
}

#modepaiement {
	float:left;
	padding-top:15px;
}

#modepaiement a{
	text-decoration:underline;
}
/***************************************** RECAP **********************************/
#identification {
	float: left;
	margin-left:3px;
	border:1px solid #C3D3E6;
	background:#EFF3F7;
}

#identification #ident {
	width: 240px;
	float: left;
	padding:10px;
	background:#EFF3F7;
}

#identification #login {
	width: 240px;
	float: left;
	padding:10px;
	background:#D8E2EE;
}

#identification #login .form {
	padding-left:17px;
}

#identification .info {
	width: 110px;
	float: left;
}

#identification .info INPUT {
	width: 80px;
	font-size: 10px;
	border: solid 1px #999999;
}

#identification .boutons {
	float: left;
	width: 260px;
	text-align: center;	
	background:#FFFFFF;
}

#identification .boutons2 {
	background:#D8E2EE;
}

 #identification P.error {
 	color: #CC0000;	
 }
 
.form_paiement {
	padding-top:30px;
	padding-left:170px;
 }
/***************************************** CLIENT **********************************/
#client {
	float: left;
	width: 540px;
	background-color: #D2DDE4;
	padding-top:-10px;
	padding: 0px;
	font-size: 10px;
	
}
.erreur {
	width: 100%;
	float: left;
	text-align: center;
	color: #DC021D;
	font-weight: bold;
	line-height: 15px;
	margin-top: 10px;
}


#client .soustitre {
	margin-top: 10px;
	margin-left: 5px !important;
	margin-left: 2px;
	float: left;
	width: 520px;
	font-size: 10px;
	font-weight: bold;
	border-bottom: solid 1px #000099;
}

#client #adresses span.adressef {
	width: 290px;
	float: left;
}

#client #adresses span.adressel {
	width: 230px;
	float: left;
}

#client INPUT {
	width: 130px;
	font-size: 10px;
	border: solid 1px #999999;
}

#client SELECT {
	width: 100px;
	font-size: 10px;
	border: solid 1px #999999;
}

#client .ligne {
	float: left;
	width: 538px;
	margin-top: 2px;
}
#client .ligneg {
	float: left;
	width: 260px;
	margin-top: 2px;
}
#client .ligneg .caption {
	float: left;
	width: 110px;
	margin-left: 5px !important;
	margin-left: 2px;
}

#client .ligneg .value {
	float: left;
	width: 145px;
}
#client .ligned {
	float: left;
	width: 240px;
	margin-top: 2px;
}
#client .ligned .caption {
	float: left;
	width: 110px;
	margin-left: 5px !important;
	margin-left: 2px;
}

#client .ligned .value {
	float: left;
	width: 145px;
}

#client .ligne .caption {
	float: left;
	width: 110px;
	margin-left: 5px;
}

#client .ligne .value {
	float: left;
	width: 370px;
}

#client .ligne .txt {
	color: red;
	font-weight: bold;
}

#client #formulaire_client {

}

#client #form_facture {
	float: left;
	width: 270px;
}

#client #form_livraison {
	float: left;
	width: 230px;
	margin-left: 30px;
}

#client .libelle {
	width: 400px;
	float: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#client .libelle a{
	text-decoration:underline;
}

#client .libelle a:hover{
	text-decoration:underline;
	color:#01408D;
}

#client .libelle INPUT {
	width: 30px;
	font-size: 10px;
	border: 0;
}

#client .boutons {
	float:left;
	width: 100%;
	text-align: center;
	padding-bottom:10px;
}

#client .date {
	margin-top:-15px;
	margin-left:140px;
}
.pass_oublie {
	padding-top:5px;
	padding-left:70px;
	text-decoration:underline;
}
.pass_oublie a {
	text-decoration:underline;
}
/***************************************** LIVRAISON **********************************/
#livraison .pave {
	float:left;
	width: 520px;
	margin-bottom: 20px;
	border: solid 1px #93ADCE;
}

#livraison .titre {
	float:left;
	width: 508px;
	padding: 6px;
	background: #93ADCE;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial, "sans serif";
}

#livraison .item1 {
	float: left;
	width: 150px;
	height: 100px;
	padding: 4px;
	text-align: center;
	border-right: solid 1px #93ADCE;
}

#livraison .item2 {
	float: left;
	width: 350px;
	padding: 4px;
	padding-top: 15px;
	text-align: center;
}

#livraison .domtom {
	float: left;
	background:#F6F6F6;
	border:1px dashed #B0B0B0;
	padding:10px;
	width:500px;
	text-align:justify;
	margin-left:2px;
}

#livraison .pave .nomrev {
	float: left;
	width: 512px;
	padding: 4px;
	color: #D70621;
	background-color: #F5F5F6;
}

#livraison .pave .nomrev  a{
	text-decoration:underline;
}

#livraison a:hover {
	color: #466098;
}

#livraison .pave .adresse {
	float: left;
	margin-left: 8px;
	margin-top: 5px;
}

#livraison .pave .tel {
	float: right;
	padding-right:5px;
}

#livraison .pave .horaire {
	float: left;
	margin-left: 8px;
	width: 500px;
}


#statique2 .internet {
	display: block;
	float: left;
	width: 105px;
	margin: 20px 0 0 0 !important;
	margin: 10px 0 0 0; 
	padding: 0;
}

#statique2 .internet img {
	margin: 10px 0 0 0!important;
	margin: 5px 0 0 0; 
	padding: 0;
	display: block;
	float: left;
}

#statique2 .titre_livraison {
	color: #DC001C;
	width: 190px;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	background: #FFF url(../images/livraison_carre_titre.gif) no-repeat left top;
	padding-left: 15px;
}

#statique2 .revendeur_livr {
	float: left;
}

#statique2 .revendeur_fleche {
	float: left; 
	padding-left: 50px; 
	padding-right: 50px; 
	padding-top: 40px;
}

#statique2 .revendeur_maison {
	float: left;
}

#statique2 .telephone {
	display: block;
	float: left;
	width: 130px;
	margin: 20px 0 0 40px !important;
	margin: 10px 0 0 20px; 
	padding: 0;
	font-size: 10px;
}

#statique2 .telephone img {
	margin: 10px 5px 0 5px !important;
	margin: 5px 2px 0 2px; 
	display: block;
	float: left;
}

#statique2 .telephone .horaire_livraison_jour {
	float: left;
	display: block;
	width: 55px;
	margin: 5px 0 0 0 !important;
	margin: 2px 0 0 0; 
	padding: 0;	
	text-align: left;
	clear: both;
}

#statique2 .telephone .horaire_livraison_heure {
	float: left;
	display: block;
	width: 70px;
	margin: 5px 0 0 0 !important;
	margin: 2px 0 0 0; 
	padding: 0;	
	text-align: center;		
}

#statique2 .courrier {
	display: block;
	float: left;
	width: 205px;
	margin: 20px 0 0 40px!important;
	margin: 10px 0 0 20px; 
	padding: 0;
	font-size: 10px;
}

#statique2 .courrier .bdc_img {
	display: block;
	float: left;
	margin: 5px 0 0 0!important;
	margin: 2px 0 0 0; 
	padding: 0;
	width: 106px;
}

#statique2 .courrier .imprimer_bdc {
	display: block;
	float: left;
	margin: 40px 0 0 0!important;
	margin: 20px 0 0 0; 
	padding: 0;
	width: 90px;
	text-align: center;
}

#statique2 .barre_livraison {
	float: left;
	display: block;
	width: 523px;
	height: 32px;
}

#statique2 .livraison_boutique {
	float: left;
	width: 180px;
	margin: 10px 0 0 50px!important;
	margin: 5px 0 0 25px; 
	padding:0;
}

#statique2 .livraison_boutique p {
	float: left;
	text-align: center;
	font-size: 10px;
	display: block;
	width: 200px;
	margin: 5px 0 0 0!important;
	margin: 2px 0 0 0; 
	padding:0 0 5px 0;
}

#statique2 .livraison_boutique .livraison_arrow {
	display: block;
	margin: 0 0 0 80px!important;
	margin: 0 0 0 40px; 
}

#statique2 .livraison_domicile {
	float: left;
	width: 200px;
	margin: 10px 0 0 60px!important;
	margin: 5px 0 0 30px; 
	padding:0;	
}

#statique2 .livraison_domicile p {
	float: left;
	text-align: center;
	font-size: 10px;
	display: block;
	width: 210px;
	margin: 5px 0 0 0 !important;
	margin: 2px 0 0 0 ; 
	padding:0 0 5px 0;
}

#statique2 .new_bout {
	float: left;
	text-align: left;
	font-size: 10px;
	display: block;
	width: 260px;
	margin: 5px 0 0 0 !important;
	margin: 2px 0 0 0 ; 
	padding:0 0 5px 0;
}

#statique2 .next_bout {
	float: left;
	text-align: left;
	font-size: 10px;
	display: block;
	width: 260px;
	margin: 5px 0 0 0 !important;
	margin: 2px 0 0 0 ; 
	padding:0 0 5px 0;
}

#statique2 .titre2{
	float: left;
	text-align: left;
	font-weight: bold;
	color: #D0544C;
	font-size: 12px;
	display: block;
	width: 260px;

}

#statique2 .magasin{
	float: left;
	text-align: left;
	color: #000000;
	font-size: 11px;
	display: block;
	width: 260px;

}

#statique2 .texte{
	width: 520px; 
	float: left; 
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
}



/***************************************** PAIEMENT **********************************/
#paiement {
	float: left;
	width:538px;
}

#paiement .pave {
	float: left;
	width: 240px;
	height:200px;
	padding-left:5px;
	background:#F6F6F6;
	border:1px dashed #B0B0B0;
	margin-right: 10px;
	margin-left: 5px;
	margin-bottom: 15px;
	text-align:center;
}

#paiement .boutons {
	float: left;
	width: 240px;
	text-align: center;
	bottom: 0px;
	position: relative;
}

#paiement .bouton {
	text-align:center;
}

#panier_total .caption {
padding-left:150px;
}

#paiement .adresse_paiement {
	background:#EDF1FA;
	border:1px solid #C4D0E9;
	padding:10px;
}

#paiement .important_paiement {
	background:#FFFFFF;
	border:1px solid #C4D0E9;
	padding:10px;
}

#paiement #paiement_result a {
	font-size:11px;
	text-decoration:underline;
}
#paiement #paiement_result .cadre {
	padding:10px;
	background:#F2FAFE;
	border:1px solid #D4E7F0;
	color:#0B2836;
}
/***************************************** Page d'accueil **********************************/
.index {
	float: left;
	width: 100%;
	text-align:left;
	font-size:9px;
	/*height:90px;*/
	border-bottom: 1px solid #000000;
	margin-bottom:10px;
}

.index img{
	float:left;
	margin-right:10px;
	border: 1px solid #000000;
}

/***************************************** Pied de page **********************************/
#pied{
	clear:both;
	height:30px;
	background-color:#01408D;
}

#pied a:hover{
	color:#7AB8EF;
}

#copyright {
	font-size:9px;
	padding: 10px 0px 0px 10px;
	color:#FFFFFF;
	text-align:center;
}
/***************************************** Pagination **********************************/
#pagebox{
	text-align:center;
	padding-top:5px;
}
.boxed {
	border:1px solid #C6C7C7;
	padding:2px;
}
.boxed2{
	background:#E3EFF5;
	border:1px solid #C0D5E0;
	padding:2px;
}
/***************************************** Popup index **********************************/
#popup_index {
	position: absolute;
	width: 500px; /*largeur de l'image*/
	height: 215px; /* hauteur de l'image +15px */
	overflow: hidden;
	top: 230px; 
	left: 245px;
	border: solid 1px #888888;
	/*background-image: url(../images/bigsoldes2008.jpg);*/
}

#popup_zone {
	position: absolute;
	width: 500px; /*largeur de l'image*/
	height: 200px; /*hauteur de l'image*/
	overflow: hidden;
	top: 0px;
	left: 0px;
}

#popup_bouton {
	position: absolute;
	width: 500px; /*largeur de l'image*/
	height: 15px;
	overflow: hidden;
	top: 200px; /* hauteur de l'image */
	left: 0px;
	text-align: center;
	background-color: #EEEEEE;
	font-size: 11px;
	font-weight: bold;
}

#popup_bouton A {
	color: #000000;
	width: 500px; /*largeur de l'image*/
	display: block;	
}
/***************************************** Suivi de commande **********************************/
.note {
	color: #125687;
	line-height: 18px;
	float: left;
	display: block;
	width: 100%;
	font-weight: bold;
}
.tabcommandes {
	background-color: #d2dde4;
	border-left: 1px solid #92b1cd;
	border-top: 1px solid #92b1cd;
	border-right: 1px solid #92b1cd;
	margin-top: 15px;
	width: 520px;
	float: left;
	display: block;
}
.entete_tabcommandes {
	background-color: #92b1cd;
	line-height: 25px;
	font-weight: bold;
	float: left;
	display: block;	
	width: 100%;
	color: #125687;	
}
.numcomm {
	width: 135px;
	float: left;
	display: block;
	text-align: center;
}
.datecomm {
	width: 135px;
	float: left;
	display: block;
	text-align: center;
}
.montantcomm {
	width: 98px;
	float: left;
	display: block;
	text-align: center;
}
.optscomm {
	width: 150px;
	float: left;
	display: block;
	text-align: center;
}
.ligne_tabcommandes {
	width: 100%;
	border-bottom: 1px solid #92b1cd;
	float: left;
	display: block;
	height: 55px;	
	color: #125687;	
}
.ligne_numcomm {
	width: 135px;
	text-align: center;
	display: block;
	float:left;
	line-height: 55px;
}
.ligne_datecomm {
	width: 135px;
	text-align: center;
	display: block;
	float:left;
	line-height: 55px;
}
.ligne_montantcomm {
	width: 98px;
	text-align: center;
	display: block;
	float:left;
	line-height: 55px;	
	font-weight: bold;
}
.ligne_optscomm {
	width: 105px;
	padding-left: 45px;
	padding-top: 15px;
	text-align: center;
	display: block;
	float:left;
	line-height: 17px;
}
.ligne_optscomm a{
	float: left;
	display: block;
}
.ligne_optscomm a:hover {
	text-decoration: none;
}


#bouton_bordereau3{
	float: right;
	display: block;	
	width: 210px;
	margin-top: 150px;
}
#bouton_bordereau3 a {
	display: block;
	float: right;
	width: 210px;
	height: 30px;
	border: none;
	background: #FFF url(../images/bg_print.gif) no-repeat left top;
}
#bouton_bordereau3 a:hover {
	background: #FFF url(../images/bg_print_hover.gif) no-repeat left top;
}
#bouton_bordereau4{
	float: right;
	display: block;	
	width: 210px;
	margin-top: 20px;
}
#bouton_bordereau4 a {
	display: block;
	float: right;
	width: 210px;
	height: 30px;
	border: none;
	background: #FFF url(../images/bg_print.gif) no-repeat left top;
}
#bouton_bordereau4 a:hover {
	background: #FFF url(../images/bg_print_hover.gif) no-repeat left top;
}
#pavepub {
	display: block;
	float: left;
	width:	180px;
}
#pavepub img {
	display: block;
	float: left;
}


#bouton_bordereau {
	padding-top: 5px;
	float: right;
	display: block;	
}
#bouton_bordereau a {
	display: block;
	float: right;
	width: 210px;
	height: 30px;
	border: none;
	background: #FFF url(../images/bg_print.gif) no-repeat left top;
}
#bouton_bordereau a:hover {
	background: #FFF url(../images/bg_print_hover.gif) no-repeat left top;
}
.note_bas {
	width: 520px;
	float: left;
	display: block;
	font-size: 10px;
	color: #125687;	
}
.retour_suivi {
	width: 520px;
	float: left;
	display: block;
	text-align: center;
	margin-top: 15px;
}
/***************************************** Detail commande **********************************/
#bouton_annuler {
	float: right;
	display: block;
	margin: 10px 0 0 0;
}
.soustitre {
	color: #125687;
	line-height: 18px;
	float: left;
	display: block;
	width: 100%;
	font-weight: bold;	
}
.soustitre_rouge {
	color: #DC001C;
	line-height: 15px;
	float: left;
	display: block;
	width: 100%;
	font-weight: bold;	
	margin-top: 5px;
	
}
#detailcommande {
	background-color: #d2dde4;
	border: 1px solid #92b1cd;
	margin-top: 15px;
	width: 520px;
	float: left;
	display: block;
}
.entete {
	background-color: #92b1cd;
	line-height: 25px;
	font-weight: bold;
	float: left;
	display: block;	
	width: 100%;	
	text-align: center;	
	font-size: 10px;
	color: #125687;			
}
.entete .ref {
	width: 68px;
	float: left;
	display: block;
}
.entete .desi {
	width: 240px;
	float: left;
	display: block;
}
.entete .qte {
	width: 25px;
	float: left;
	display: block;
}
.entete .PU {
	width: 70px;
	float: left;
	display: block;
}
.entete .TVA {
	width: 45px;
	float: left;
	display: block;
}
.entete .montant {
	width: 70px;
	float: left;
	display: block;
}
.lignecommande {
	width: 100%;
	border-bottom: 1px solid #92b1cd;
	float: left;
	display: block;
	text-align: center;
	height: 25px;
	font-size: 10px;
	color: #125687;
}
.lignecommande .ref {
	width: 68px;
	float: left;
	display: block;
	line-height: 25px;
}
.lignecommande .desi {
	width: 250px;
	float: left;
	display: block;
	line-height: 25px;	
}
.lignecommande .qte {
	width: 25px;
	float: left;
	display: block;
	line-height: 25px;	
}
.lignecommande .PU {
	width: 70px;
	float: left;
	display: block;
	line-height: 25px;	
}
.lignecommande .TVA {
	width: 45px;
	float: left;
	display: block;
	line-height: 25px;	
}
.lignecommande .montant {
	width: 60px;
	float: left;
	display: block;
	line-height: 25px;	
}
.totaux {
	background-color: #92b1cd;
	line-height: 25px;
	font-weight: bold;
	float: left;
	display: block;	
	width: 100%;	
	font-size: 10px;
	color: #125687;		
}
.totaux .ref {
	width: 301px;
	float: left;
	display: block;
	line-height: 25px;	
	text-align: left;
	margin-left: 5px !important;
	margin-left: 2px;
	color: #125687;			
}
.totaux .qte {
	width: 45px;
	float: left;
	display: block;
	line-height: 25px;
	text-align: center;
	color: #125687;				
}
.totaux .TVA {
	width: 100px;
	float: left;
	display: block;
	line-height: 25px;
	text-align: right;			
	color: #125687;
}
.totaux .montant {
	width: 67px;
	float: left;
	display: block;
	line-height: 25px;	
	text-align: center;
	color: #125687;		
}
.totalcomm {
	background-color: #d2dde4;
	line-height: 25px;
	font-weight: bold;
	float: left;
	display: block;	
	width: 520px;	
	font-size: 11px;
	text-align: left;
	color: #125687;		
}
.totalcomm .note {
	width: 439px;
	margin-left: 5px !important;
	margin-left: 2px;
	line-height: 25px;	
	display: block;
	float: left;	
	color: #125687;	
}
.totalcomm .valeur {
	width: 76px;
	text-align: center;
	display: block;
	float: left;
	color: #125687;		
}
.paiement {
	background-color: #92b1cd;
	line-height: 25px;
	font-weight: bold;
	float: left;
	display: block;	
	width: 520px;	
	font-size: 11px;
	text-align: left;	
	color: #125687;
}
.paiement .note {
	width: 439px;
	margin-left: 5px !important;
	margin-left: 2px;
	line-height: 25px;	
	display: block;
	float: left;	
	color: #125687;	
}
.paiement .valeur{
	width: 76px;
	text-align: center;
	display: block;
	float: left;
}
#boutons {
	width: 520px;
	display: block;
	float: left;
	border-bottom: 1px solid #92b1cd;
	margin-top: 20px;
}

.ecomo {
	display: block;
	float: right;
	color: #125687;
}

.retour a {
	display: block;
	float: left;
	width: 58px;
	height: 20px;
	border: none;
	background: #FFF url(../images/bg_retour.gif) no-repeat left top;
	padding-bottom: 5px;
}
.retour a:hover {
	background: #FFF url(../images/bg_retour_hover.gif) no-repeat left top;	
}
.printfac a {
	display: block;
	float: right;
	width: 140px;
	height: 20px;
	border: none;
	background: #FFF url(../images/bg_print_facture.gif) no-repeat left top;
	margin-right: 15px;
	padding-bottom: 5px;	
}
.printfac a:hover {
	background: #FFF url(../images/bg_print_facture_hover.gif) no-repeat left top;		
}
.suiviliv a {
	display: block;
	float: right;
	width: 160px;
	height: 20px;
	border: none;
	background: #FFF url(../images/bg_suivi_livraison.gif) no-repeat left top;
	padding-bottom: 5px;	
}
.suiviliv a:hover {
	background: #FFF url(../images/bg_suivi_livraison_hover.gif) no-repeat left top;		
}
#adresses {
	display: float;
	float: left;
	width: 520px;
	margin-top: 20px;
}
.addresse_gauche {
	display: block;
	width: 250px;
	float: left;
	border: 1px solid #92b1cd;
	background-color: #d2dde4;
	font-size: 11px;
	color: #7e696d;
	height: 100px;
	min-height: 100px;
}
.addresse_droite {
	display: block;
	width: 250px;
	float: right;
	border: 1px solid #92b1cd;
	background-color: #d2dde4;
	font-size: 11px;
	color: #7e696d;
	height: 100px;
	min-height: 100px;	
}
.addresse_gauche .titre_adresse, .addresse_droite .titre_adresse {
	line-height: 25px;
	font-weight: bold;
	width: 250px;
	text-align: center;
	display: block;
	float: left;
	background-color: #92b1cd;
	color: #125687;	
}
.addresse_gauche .cadre_adresse, .addresse_droite .cadre_adresse {
	width: 240px;
	display: block;
	float: left;
	margin-left: 10px !important;
	margin-left: 5px;
	line-height: 15px;
	text-align: left;
}

.cadre_adresse .nomcli, .cadre_adresse .adr1cli, .cadre_adresse .adr2cli, .cadre_adresse .adr3cli, .cadre_adresse .adr4cli {
	width: 240px;
	display: block;
	float: left;
	color: #125687;
	font-weight: bold;
}

/***************************************** Suivi livraison **********************************/
.statuscomm {
	color: #125687;
	line-height: 18px;
	float: left;
	display: block;
	width: 100%;
	font-weight: bold;	
}
.statusliv {
	color: #125687;
	line-height: 18px;
	float: left;
	display: block;
	width: 100%;
	font-weight: bold;		
}
#tab_livraison {
	width: 520px;
	float: left;
	display: block;
	margin-top: 15px;
	border: 1px solid #92b1cd;
	background-color: #d2dde4;
	font-size: 11px;
	color: #125687;			
}
#tab_livraison .entete{
	background-color: #92b1cd;
	line-height: 25px;
	font-weight: bold;
	float: left;
	display: block;	
	width: 100%;	
	text-align: center;	
	font-size: 10px;
	color: #125687;	
}

#tab_livraison .ref{
	width: 75px;
	float: left;
	display: block;
}
#tab_livraison .desi {
	width: 320px;
	float: left;
	display: block;
}
#tab_livraison .qte {
	width: 40px;
	float: left;
	display: block;
}
#tab_livraison .relic {
	width: 80px;
	float: left;
	display: block;
}
.ligne_livraison {
	display: block;
	float: left;
	width: 518px;
	line-height: 25px;
	border: 1px solid #92b1cd; 
	font-size: 10px;
}
.ligne_livraison .refe {
	width: 75px;
	float: left;
	display: block;
	text-align: center;	
}
.ligne_livraison .desig {
	width: 320px;
	float: left;
	display: block;
	text-align: center;	
}
.ligne_livraison .qtes {
	width: 40px;
	float: left;
	display: block;
	text-align: center;	
}
.ligne_livraison .relica {
	width: 75px;
	float: left;
	display: block;
	text-align: center;	
	font-weight: bold;
}
.totaux .refe {
	width: 396px;
	display: block;
	float: left;
	text-align: center;		
}
.totaux .qtes {
	width: 40px;
	float: left;
	display: block;
	text-align: center;		
}
.totaux .relica {
	width: 75px;
	float: left;
	display: block;
	text-align: center;	
}
.footnote {
	float: left;
	display: block;
	margin-top: 20px;
}
.note_suivi{
	color: #125687;
	line-height: 13px;
	float: left;
	display: block;
	width: 100%;
	font-weight: bold;
}
.adrnote {
	display: block;
	float: left;
	margin-top: 10px;
	color: #125687;
}


/***************************************** Carte Revendeurs **********************************/

area .carte {
	border: none;
	display: block;
}
area .carte:hover {
	background-color: #FF0000;
	display: block;
}
.intro_boutique {
	display: block;
	width: 100%;
	float: left;
	line-height: 30px;
	font-weight: bold;
}
#nouvelle_boutique {
	float: left;
	display: block;
	width: 400px;
}
#ouverture_prochaine {
	float: left;
	display: block;
	width: 400px;
	margin-top: 20px; 	
}
#nouvelle_boutique .titre, #ouverture_prochaine .titre {
	float: left;
	display: block;
	width: 100%;
	line-height: 16px;
	color: #DC001C;
	font-weight: bold;
	font-size: 12px;
}
.ligne_boutique {
	float: left;
	width: 100%;
	display: block;
	line-height: 15px;
}
.ligne_prochaine {
	float: left;
	width: 100%;
	display: block;
	line-height: 15px;	
}

/***************************************** REVENDEURS**********************************/

.pas_bout{
	float: left;
	width: 520px;
	text-align: center;
	font-weight: bold;
	padding-bottom:20px;
}

#revendeurs .pave {
	float:left;
	width: 520px;
	margin-bottom: 20px;
	border: solid 1px #93ADCE;
	color:#535353;
}

#revendeurs .pave .chx_bout {
	float:left;
	width: 508px;
	border: 0;
	color:#FFFFFF;
	font-weight: bold;
	font-size:13px;
	background-color: #9999CB;
	padding: 6px;
}

#revendeurs .pave .nomrev {
	float: left;
	width: 512px;
	padding: 4px;
	color: #D70621;
	background-color: #F5F5F6;
}

#revendeurs .pave .nomrev img{
	vertical-align: middle;
}

#livraison .pave .nomrev img{
	vertical-align: middle;
}

#revendeurs .pave .nomrev  a{
	font-size:9px;
	text-decoration:underline;
	color:#363434;
}

#revendeurs .pave .nomrev  a:hover{
	font-size:9px;
	text-decoration:underline;
	color:#4D719F;
}

#revendeurs a:hover {
	color: #466098;
}
#revendeurs #nomrev_gauche {
	float: left;
	width: 350px;
	display: block;
	text-align: left;
}

#revendeurs .infos {
	float: left;
	margin-left: 8px;
	margin-top: 5px;
	width: 380px;		
}

#revendeurs .liens_rev {
	float: right;
	margin-left: 8px;
	margin-top: 5px;
	width: 115px;		
}

#revendeurs .pave .adresse {
	float: left;
	margin-left: 8px;
	margin-top: 5px;
	width: 215px;	
	line-height: 15px;
}

#revendeurs .pave .logos {
	float: left;
	margin-left: 8px;
	margin-top: 5px;
	width: 135px;	
	line-height: 15px;
}

#revendeurs .pave .horaire {
	float: left;
	margin-left: 8px;
	width: 350px;
	line-height: 15px;		
}

#revendeurs .nom_societe {
	font-size:9px;
	text-decoration:underline;
	color:#363434;
	font-weight:bold;
}
#revendeurs #nomrev_droite {
	float: left;
	width: 150px;
	display: block;
	text-align: right;
}
#revendeurs .pave .tel {
	float: right;
	padding-right:5px;
	width: 150px;
	line-height: 15px;		
}
.plus_infos {
	display: block;
	float: left;
	width: 120px;
	line-height: 15px;	
}
#revendeurs #nomrev_droite .plus_infos a{
	color:#363434;
	background: #FFF url(../images/loupe_rev.gif) no-repeat middle left;
	padding-left: 15px;	
}
#revendeurs #nomrev_droite .plus_infos a:hover{
	text-decoration:none;
	color:#4D719F;
}
.plan_access {
	display: block;
	float: left;
	width: 120px;
	line-height: 15px;	
}
#revendeurs #nomrev_droite .plan_access a{
	color:#363434;
}
#revendeurs #nomrev_droite .plan_access a:hover{
	text-decoration:none;

	color:#4D719F;
}
/***************************************** ENVOYER AMI**********************************/
#ami_general {
	float: left;
	width: 400px;
	margin: 20px 0 0 40px !important;
	margin: 10px 0 0 20px;
	border: 3px solid #FFF;
}
#ami_titre {
	float: left;
	background-color: #FFF;
	width: 100%;
	text-align: center;
	color: #4E79AC;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}
#ami_texte {
	float: left;
	margin: 10px !important;
	margin: 5px;
	width: 380px;
	color: #FFF;
	text-align: justify;
	line-height: 13px;
}
#ami_form {
	float: left;
	margin: 20px 0 10px 95px !important;
	margin: 10px 0 5px 47px;
	width: 200px;
	border: 1px solid #CCC;
}
#ami_form label {
	float: left;
	background-color: #e2e1dd;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	width: 200px;
}
.input_ami_texte {
	border: 1px solid #e2e1dd;
	width: 150px;
	margin: 5px 0 5px 25px !important;
	margin: 2px 0 2px 25px;
}
.input_ami_texte_bas {
	border: 1px solid #e2e1dd;
	width: 150px;
	margin: 5px 0 5px 25px !important;
	margin: 2px 0 2px -20px;
}
.bouton_valider_ami {
	display: block;
	float: left;
	width: 100px;
	height: 20px;
	line-height: 20px;
	color: #4E79AC;
	padding-left: 15px;	
	font-size: 10px;
	background: #4E79AC url(../images/bouton_valider_ami.jpg) no-repeat top left;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	margin: 10px 0 20px 140px !important;
	margin: 5px 0 10px 70px;
	text-align:center;
}
#fermer a {
	width: 100%;
	float: left;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	margin: 5px 0;
}
#fermer a:hover {
	text-decoration: none;
}

/*************************** RELEVE FACTURE *******************************/

#viewPDF a {
	float:left;
	width:170px;
	height:22px;
	background: #fff url(../images/bouton_afficher_facture.jpg) no-repeat top left;
}
/*************************** POP UP PLUS DIMAGES *******************************/
#plusdimages {
	width: 470px;
	float: left;
	display: block;	
	height: 490px;
	border: 3px solid #FFF;
}
#titre_plusdimages {
	width: 465px;
	color: #4e79ac;
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
	background: transparent url(../images/bg_titre_plusdimages.gif) repeat-x left top;
	margin: 0px;
	padding-left: 5px;
	float: left;
	display: block;	
}
#vueprincipale {
	float: left;
	display: block;
	width: 469px;
	background-color: #d6d6d6;
	height: 470px;
}
#vueprincipale_g {
	float: left;
	width: 300px;
	margin: 30px 0 0 30px !important;
	margin: 15px 0 0 15px;
}
#fondimage_grande {
	width: 285px;
	height: 386px;
	display: block;
	background: #d6d6d6 url(../images/fondimage_grande.jpg) no-repeat left top;
	margin: 10px !important;
	margin: 5px;
}
#fondimage_grande img {
	display: block;
	float: left;
	margin: 15px 0 0 65px !important;
	margin: 15px 0 0 32px;
	border: 3px solid #ded8d8;
}
#nav_boutons {
	float: left;
	display: block;
	width: 268px;
	margin: 10px 0 0 9px!important;
	margin: 5px 0 0 9px;	
}
#nav_boutons .prev_img {
	display: block;
	float: left;
	width: 25px;
	height: 32px;
	background: #056eac url(../images/img_preview.gif) no-repeat left top;
	margin: 0 0 0 25px !important;
	margin: 0 0 0 12px;
	border: 0;
}
#nav_boutons .zoom {
	display: block;
	float: left;
	width: 139px;
	height: 32px;
	background: #056eac url(../images/img_zoom.gif) no-repeat left top;
	margin: 0 0 0 10px !important;
	margin: 0 0 0 5px;
	padding: 0px;
	border: 0;	
}
#nav_boutons .next_img {
	display: block;
	float: left;
	width: 25px;
	height: 32px;
	background: #056eac url(../images/img_next.gif) no-repeat left top;
	margin: 0 0 0 10px !important;
	margin: 0 0 0 5px;
	padding: 0px;
	border: 0;	
}
#vueprincipale_d {
	float: left;
	width: 100px;
	margin: 40px 0 0 30px !important;
	margin: 20px 0 0 15px;	
}
#miniatures {
	float: left;
	width: 100px;
	margin: 0px;
	padding: 0px;
}
#miniatures img {
	float: left;
	clear: both;
	border: 1px solid #1e7ab2;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
	cursor: pointer;
}
#fermer {
	float: right;
	display: block;
	margin: 235px 5px 0 0 !important;
	margin-top: 130px 2px 0 0;
	width: 122px;	
}
#fermer a {
	display: block;
	float: right;
	width: 122px;
	height: 25px;
	background: #d6d6d6 url(../images/bouton_fermer_fenetre.gif) no-repeat left top;
}

#stk_fermer {
	float: right;
	display: block;
	margin: 160px 5px 0 0 !important;
	margin-top: 130px 2px 0 0;
	width: 122px;	
}
#stk_fermer a {
	display: block;
	float: right;
	width: 122px;
	height: 25px;
}

#stk_ami_texte {
	float: left;
	margin: 10px !important;
	margin: 5px;
	width: 380px;
	color: #FFF;
	text-align: justify;
	line-height: 13px;
}

/*************************** BANDEAU REFERENCEMENT INDEX *******************************/
#index_referencement {
	float: left;
	margin: 0;
	padding: 0;
	background-color: #4E79AC;
	width: 960px;
}

#index_referencement .bandeau {
	float: left;
	width: 530px;	
	margin: 5px 0 5px 0;	
	padding: 0;
	background-color: #FBEDB2;
	border: 1px solid #DDD;
}
#index_referencement .vignette_bandeau {
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px;
	padding: 0;
}
#index_referencement .txt_bandeau {
	float: left;
	width: 400px;
	margin: 5px 0 5px 5px;
}
#index_referencement .titre_bandeau a {
	float: left;
	font-weight: bold;
	color: #535353;
	text-decoration: underline;
	font-size: 13px;
	line-height: 20px;
	width: 400px;	
}
#index_referencement .titre_bandeau a:hover {
	text-decoration: none;
}
#index_referencement .mots_cles_bandeau {
	clear: left;
	float: left;
	font-size: 10px;
	margin-top: 5px;
	width: 400px;
}

#image_zoom {
position:absolute;
visibility:hidden;
left:0;
top:-1000px;
border:1px solid #474747;
background:#DDD;
z-index:1;
}



.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
	text-align: justify;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

.highslide-body a {
	color: black;
	font-weight: bold;
}

.highslide-body a :hover{
	text-decoration: underline;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/*************************** EXPORT TARIFS *******************************/
#export_general {
	float: left;
	width: 400px;
	margin: 20px 0 0 40px !important;
	margin: 10px 0 0 20px;
	border: 3px solid #FFF;
}
#export_titre {
	float: left;
	background-color: #FFF;
	width: 100%;
	text-align: center;
	color: #4E79AC;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}
#export_texte {
	float: left;
	margin: 10px !important;
	margin: 5px;
	width: 380px;
	color: #FFF;
	text-align: justify;
	line-height: 13px;
}
#export_form {
	float: left;
	margin: 20px 0 10px 50px !important;
	margin: 10px 0 5px 47px;
	width: 200px;
	border: 1px solid #CCC;
}
#export_form label {
	float: left;
	background-color: #e2e1dd;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	width: 200px;
}

/*************************** EXPORT PHOTOS *******************************/
#export_photos_general {
	float: left;
	width: 500px;
	margin: 20px 0 0 40px !important;
	margin: 10px 0 0 20px;
	border: 3px solid #FFF;
}
#export_photos_titre {
	float: left;
	background-color: #FFF;
	width: 100%;
	text-align: center;
	color: #4E79AC;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}
#export_photos_texte {
	float: left;
	margin: 10px !important;
	margin: 5px;
	width: 380px;
	color: #FFF;
	text-align: justify;
	line-height: 13px;
}
#export_photos_form {
	float: left;
	margin: 0px 0 0px 0px !important;
	margin: 1px 0 1px 0px;
	width: 450px;
}
#export_photos_form label {
	float: left;
	background-color: #e2e1dd;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	width: 200px;
}
#export_photos_form select {
	width: 200px;	
}

.blanc {
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	width:90px;
	margin-left: 80px;
	height: 20px;
	padding-top:5px;
}

.selection {
	float: left;
	width: 205px;	
}


.export_photos_check {
	color: #FFFFFF;
}

.export_photos_coche {
	 width: 500px; 
	 text-align: center; 
	 color: #FFFFFF;
	 padding-top: 15px;
	 padding-bottom: 15px;
}

.bouton_valider_export {
	border:1px solid #555555;
	color:#555555;
	font-family:Arial;
	font-size:11px;
	cursor: pointer;
}

.message_vide {
	float: left; 
	width: 528px; 
	font-size: 14px; 
	font-weight: bold; 
	color: red; 
	padding-top: 20px;
	padding-bottom: 20px; 
	text-align: center;
}

.guide_img {
	float: left;
}

.trouver_pneu {
	float: left;
	vertical-align: middle;
	line-height: 22px;
	font-weight: bold;
}
.erreur404 {
	background-color:#01408D;
	color:white;
	font-size:19px;
	font-weight:bold;
	margin:100px auto auto;
	padding:10px;
	width:900px;
	height:221px;
}
.erreur404-img {
	float: left;
	width:450px;
}
.erreur404-txt {
	float: left;
	padding-left:16px;
	padding-top:50px;
	width:430px;
}
.erreur404-txt a {
	font-size: 19px;
	text-decoration: underline;
}
#menubas a {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:11px;
	line-height:1em;
	margin:0;
	padding:0;
}
#accueil_carre {
	float:left;
	padding-bottom:10px;
	padding-right:18px;
	width:240px;
}
#accueil_bandeau {
	float:left;
	padding-bottom:10px;
	width:500px;
}
#partage {
	background-color:#FFFFFF;
	border:1px solid #DC001A;
	float:left;
	margin-top:7px;
	padding-top:15px;
	width:530px;
}
#partage .titre {
	background-color:#DC001A;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin-top:-15px;
	padding:3px 3px 3px 15px;
}
.tweet-this {
	padding: 10px;
}
.coliposte {
	float:left;
	margin-top:20px;
	width:520px;
}