body {
margin : 0 ; 
padding : 0 ; 
text-align : center;
 background : #FFFFFF repeat-x;
}

div#voile {
	position:absolute;
	background : #fcf4c8 ;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
	width:520px;
	height:230px;
	z-index :1;
	}
	
div#patienter {
	position:absolute;	
	background : #fcf4c8 ;
	z-index :3;
}

div#choix {
	position:absolute;
	background : #fcf4c8 ;	
	z-index :2;
}

div#div_menu {
	position:absolute;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
	z-index :1;
}

div#commande {
	position:absolute;
	background : #F5F5F5 ;
	border: 1px solid #000000;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	width:525px;
	z-index :1;
}

.promo {
	position:absolute;
	width:245px;
	height:200px;
	left:655px;
	top:358px;
	}


/*--------------------------------------------les liens----------------------------------------------*/


a:link {
 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #d25b24; 
	text-decoration: none;
	text-align: justify;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #d25b24; 
	text-decoration: none;
	text-align: justify;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #551c02; 
	text-decoration: none;
	text-align: justify;
}

a.mini:link {
 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #d25b24; 
	text-decoration: none;
	text-align: justify;
}
a.mini:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #d25b24; 
	text-decoration: none;
	text-align: justify;
}

a.mini:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #551c02; 
	text-decoration: none;
	text-align: justify;
}

a.maxi:link {
 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #d25b24; 
	text-decoration: none;
	font-weight:bold;
	text-align: justify;
}
a.maxi:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #d25b24; 
	text-decoration: none;
	font-weight:bold;
	text-align: justify;
}

a.maxi:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #551c02; 
	text-decoration: none;
	font-weight:bold;
	text-align: justify;
}

a.prix:link {
 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #551c02; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}
a.prix:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #551c02; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}

a.prix:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #d25b24; 
	text-decoration: underline;
	font-weight: bold;
	text-align: justify;
}

a.prix-promo:link {
 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fe5502; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}
a.prix-promo:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fe5502; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}

a.prix-promo:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fe5502; 
	text-decoration: underline;
	font-weight: bold;
	text-align: justify;
}


a.souscat:link {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #551c02; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;

}
a.souscat:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #551c02; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}

a.souscat:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #551c02; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}

a.souscatw:link {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #ffffff; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;

}
a.souscatw:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #ffffff; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}

a.souscatw:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #ffffff; 
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}

a.minusinv {
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 8px;
	line-height: 12px;
	color: #C0C0C0;
	text-decoration: none;
}

a.liensites:link {
 	font-family: Arial, Helvetica, sans-serif; 
	font-size: 7px; 
	color: #C0C0C0; 
	text-decoration: none;
	text-align: justify;
}
a.liensites:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 7px; 
	color: #C0C0C0; 
	text-decoration: none;
	text-align: justify;
}

a.liensites:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 7px; 
	color: #C0C0C0; 
	text-decoration: none;
	text-align: justify;
}

/*--------------------------------------------les tableaux----------------------------------------------*/


/*table du fond blanc avec contour*/
.table_fond_blanc{
background : url(img/fond-blanc.gif);
width : 920px;
border : none; 
}

/*table du bas blanc avec contour*/
.table_bas_blanc{
background : url(img/fond-bas-blanc.gif);
width : 920px;
height : 24px;
border : none; 
}

/*table tout en bas avec mentions, cgv,...*/
.table_bottom{
width : 920px;
border : none; 
}

/*table du haut avec logo*/
.table_top{
background : url(img/top-site.jpg);
width : 918px;
height : 138px;
border : none; 
}

/*table du haut avec le caddie*/
.table_caddie{
background : url(img/fond-panier.gif);
width : 139px;
height : 62px;
border : none; 
}

/*table ddu centre contenant la table gauche bouton et centrale*/
.table_center{
width : 918px;
border : none; 
}

/*table de droite avec les boutons*/
.table_menu_gauche{
width : 221px;
border : none; 
}

/*table fond du bouton mon compte*/
.table_compte{
background : url(img/fond-bas-menu.gif);
width : 195px;
height : 115px;
border : none; 
}

/*table du centre, a droite du menu, en dessous du top*/
.table_centre{
width : 697px;
border : none; 
}

/*table du centre, contenant texte et promo*/
.table_centre_bas{
width : 697px;
border : none; 
}

/*table du centre, contenant l'intro*/
.table_intro{
width : 410px;
border : none; 
}

/*table du centre, contenant la promo*/
.table_promo{
width : 250px;
height : 242px;
border : none; 
}

/*table du centre, contenant tous le contenu du site*/
.table_centrale{
width : 527px;
border : none; 
}

/*table de droite, contenant les boutons produits*/
.table_menu_droite{
width : 170px;
border : none; 
}

/*table qui sommes nous avec le gif du pantone*/
.table_qui{
width : 450px;
border : none; 
}

/*table fond du bouton mon compte*/
.table_prix-pao{
width : 470px;
border : solid #551c02 1px;
}

/*table avant propos specifications techniques*/
.table_pao{
width : 515px;
}

/*table contenant les bases des specifications techniques*/
.table_pao2{
width : 515px;
background : #ffffff;
border : dashed #551c02 1px;
}

/*table contenant formulaire de suggestion et formulaire de contact*/
.table_contact{
width : 515px;
background : #ffffff;
border-style:solid; 
border-width:0px; 
border-color:#000000; 
}

/*table contenant les prix*/
.table_prix{
border-style:solid; 
border-width:1px; 
border-color:black; 
background : #333333 ;
}

/*fond de la table total contenant le total du panier */
.table_contour_oran{
border-style:solid; 
border-width:1px; 
border-color:#f9dd89; 
}

/*fond de la table total contenant le total du panier */
.table_contour_noir{
border-style:solid; 
border-width:1px; 
border-color:#000000; 
}

/*bordure grise tableau*/
.table_border_grey{
border-style:solid; 
border-width:1px; 
border-color:#666666; 
}

/*fond de la table total contenant le total du panier */
.table_total{
border-style:solid; 
border-width:1px; 
border-color:#f9dd89; 
background : #f9dd89
}

/*fond de la table du menu souscat de produit et pack*/
.table_souscat{
background : #ffffff;
border-style:solid; 
border-width:1px; 
border-color:#551c02; 
}

/*table commande sur devis*/
.tablecomdevis{
border-style:solid; 
border-width:1px; 
border-color:black; 
background : #f9dd89;
width : 350px;
}

/*table no-newsletter*/
.tablenonews{
border-style:solid; 
border-width:1px; 
border-color:black; 
background : #f9dd89;
}

/*table commande sur devis*/
.table-border-black{
border-style:solid; 
border-width:1px; 
border-color:black; 
}

.tr-top_prix-pao {
background-color: #8a2b01;
}
	
.tr-produit-bleu1 {
background-color: #1f88c2;
}

.tr-produit-orange1 {
background-color: #e34b0d;
}
.tr-produit-marron1 {
background-color: #8c6331;
}
.tr-produit-vert1 {
background-color: #95bb10;
}
.tr-produit-violet1 {
background-color: #69238e;
}
.tr-produit-gris1 {
background-color: #999999;
}
.tr-produit-orange2 {
background-color: #ff9000;
}
.tr-produit-vert2 {
background-color: #cccc00;
}
.tr-produit-rose1 {
background-color: #e437a1;
}
.tr-produit-bleu2 {
background-color: #194a8e;
}
.tr-produit-jaune1 {
background-color: #e4d707;
}
.tr-produit-rouge1 {
background-color: #ff0000;
}

/*fond du tr haut table prix 1*/
.tr_fond_prix1{
background : #f4a427;
line-height : 20px;
}

/*fond des sous tr en couleur ex ds caddie*/
.tr_fond2{
line-height : 10px;
background : #f9dd89;
}

/*fond des tr en couleur*/
.tr_fond{
background : #efefef;
}

/*fond des td prix unite 2*/
.td_fond_prix2{
background : #f4a427;
}

/*fond des tr des produit du plan du site*/
.tr_plan_site{
line-height : 20px;
}

/*fond des tr des souscat du plan du site*/
.tr_plan_site2{
line-height : 12px;
}

/*fond du tr haut table prix 1*/
.tr_fond_fact1{
background : #ccffd7;
line-height : 20px;
}

/*fond du tr haut table prix 1*/
.tr_fond_fact2{
background : #cce3ff;
line-height : 20px;
}

/*border marron d'un td*/
.td_border_brown{
border-style:solid; 
border-width:1px; 
border-color:#551c02; 
}

/*------------------------------------------formulaires----------------------------------------------*/

/*input par defaut*/
input{
border:1px solid black;
background-color:#FFFFFF;
font-family:"arial",sans-serif;
color: #551c02;
}

/*input par defaut*/
input.sansborder{
border:0px solid black;
font-family:"arial",sans-serif;
color: #551c02;
}

/*input cliqué*/
input.on{
background:#FFFFFF;
border:#FFFFFF solid 1px;
color:#FFFFFF;
}

/*input par defaut*/
input.contact{
border:1px solid black;
background-color:#fcf4c8;
font-size: 13px;
font-family:"arial",sans-serif;
}

/*input page vos suggestion*/
input.suggestion{
border:1px solid black;
background-color:#fcf4c8;
font-size: 13px;
font-family:"arial",sans-serif;
color: #551c02;
}

input.radio{
border:0px solid black;
}

input.radio2{
border:0px solid black;
}

/*select par defaut*/
select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #551c02;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
} 

select.contact {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:#fcf4c8;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
} 

/*select par defaut*/
textarea {
background-color:#fcf4c8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
height:100px;
width:450px;
} 


/*select par defaut*/
textarea.contact {
background-color:#fcf4c8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
height:100px;
width:350px;
} 

/*select par defaut*/
textarea.suggestion {
background-color:#fcf4c8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #551c02;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
height:130px;
width:350px;
} 

/*select par defaut*/
textarea.devis {
background-color:#fcf4c8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
height:50px;
width:200px;
} 

/*select par defaut*/
textarea.devis2 {
background-color:#fcf4c8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
height:150px;
width:800px;
} 


/*--------------------------------------------les textes----------------------------------------------*/

.Big-texte {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 18px; 
color: #551c02; 
font-weight: bold;
text-decoration: none; 
}


.text1-brown12 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-align: justify;
text-decoration: none; 
}

.text1-brown12pad {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-align: justify;
text-decoration: none;
  padding-left: 10px;
  padding-right: 10px; 
}

.text1-brown12em {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-align: justify;
text-decoration: none; 
}

.text1-brown12nj {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-decoration: none; 
}


.text1-brown12b {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
font-weight: bold;
text-decoration: none; 
}

.text1-brown13 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #551c02; 
text-decoration: none; 
}

.text1-brown13pad {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #551c02; 
text-decoration: none; 
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
  
.text1-brown14 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #551c02; 
text-decoration: none; 
}

.text1-brown11 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #551c02; 
text-decoration: none; 
}

.text1-brown10 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #551c02; 
text-decoration: none; 
}

.text1-brown9 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #551c02; 
text-decoration: none; 
}

.text1-brown12-sansjustif {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-decoration: none; 
}

.text1-brown12-interligne14 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-align: justify;
text-decoration: none; 
line-height :14px;
}

.text1-brown12-interligne13 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-align: justify;
text-decoration: none; 
line-height :13px;
}

.text1-brown12-interligne10 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-align: justify;
text-decoration: none; 
line-height :10px;
}

.text1-brown12-interligne6 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-align: justify;
text-decoration: none; 
line-height :6px;
}

.text1-brown13-sansjustif {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #551c02; 
text-decoration: none; 
}

.text1-brown13b {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #551c02; 
text-align: justify;
font-weight: bold;
text-decoration: none; 
}

.text1-brown15b {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color: #551c02; 
text-align: justify;
font-weight: bold;
text-decoration: none; 
}

.text1-black12 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #000000; 
text-decoration: none;
}

.text2-white12-sansjustif {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFFFFF; 
font-weight: bold;
text-decoration: none; 
}

.text2-white14-bold {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #FFFFFF; 
font-weight: bold;
text-decoration: none; 
}

.text3-brown10 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #a13504; 
text-decoration: none; 
}

.text4-red12 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #c64206; 
text-decoration: none; 
}

.text5-white22 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 22px; 
color: #FFFFFF; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

.text5-white30 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 30px; 
color: #FFFFFF; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

.text5-white15 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color: #FFFFFF; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

.text5-white15nj {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color: #FFFFFF; 
text-decoration: none;
font-weight: bold;
}

.text6-orange13 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #fe5502; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

.text7-grey12 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #C0C0C0; 
text-decoration: none;
}

.text8-black15 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color: #222222; 
font-weight:bold;
text-decoration: none;
}

.text9-black12 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #dc2203; 
text-decoration: none;
}

.text10-brown10 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #551c02; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

.text10-brown12 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #551c02; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

.text10-white10 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #ffffff; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

.text10-white12 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ffffff; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*les alertes*/
.alert {
 font-family: Arial,Helvetica, sans-serif; 
font-size: 12px; 
color: #dc2203;
font-weight: bold; 
text-decoration: none;
}

/*les messages d'annonces*/
.prev {
 font-family: Arial,Helvetica, sans-serif; 
font-size: 12px; 
color: 00F0000;
font-weight: bold; 
text-decoration: none;
}

.bigprev {
 font-family: Arial,Helvetica, sans-serif; 
font-size: 15px; 
color: #FF0000;
line-height: 25px; 
font-weight: bold; 
text-decoration: none;
}

.inv{
display:none;
}

/*--------------------------------------------Styles des promo sur index----------------------------------------------*/

/*police de promo index de la quantité*/
.promo-quantite{
font-family: Arial, Helvetica, sans-serif; 
font-size: 48px; 
color: #ffffff; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*police de promo index de la quantité en plus petit*/
.promo-quantitem{
font-family: Arial, Helvetica, sans-serif; 
font-size: 40px; 
color: #ffffff; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*police de promo index de la designation*/
.promo-design{
font-family: Arial, Helvetica, sans-serif; 
font-size: 17px; 
color: #ffffff; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*police de promo index de la taille*/
.promo-taille{
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #005ac3; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*police de promo index de la taille*/
.promo-option{
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #005ac3; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*police de promo index du grammage*/
.promo-grammage{
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #005ac3; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*police de promo index du prix*/
.promo-prix{
font-family: Arial, Helvetica, sans-serif; 
font-size: 60px; 
color: #f84a03; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*police de promo index du prix en petit*/
.promo-prixm{
font-family: Arial, Helvetica, sans-serif; 
font-size: 50px; 
color: #f84a03; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*police de promo index de l'euro*/
.promo-euro{
font-family: Arial, Helvetica, sans-serif; 
font-size: 30px; 
color: #f84a03; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

/*police de promo index de la livraison*/
.promo-livraison{
font-family: Arial, Helvetica, sans-serif; 
font-size: 19px; 
color: #ffffff; 
text-decoration: none;
font-weight: bold;
text-align: justify;
}

.inv{
display:none;
}