@charset "utf-8";
/* CSS Document */
body { margin:0px; background:#fff url(../images/commun/fond2.gif) repeat-x top left; }
td, div { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#245771;}
p, form {margin: 0px;}
input, textarea { font-size:11px;}

a { text-decoration:none; color:#113D56;}
a:hover { text-decoration:underline; color:#113D56;}

/* interlignage ******************************/
.interligne5px { padding-top:5px;}
.spacer { clear:both;}

/* ombre sur les cotés ******************************/
.ombreGauche { background:url(../images/commun/ombre_gauche.gif) repeat-y top left;}
.ombreDroite { background:url(../images/commun/ombre_droite.gif) repeat-y top left;}

/* espace et alignement des pictos */
.picto { vertical-align:middle; margin-right:5px; border:0px;}
.pictoDroit { vertical-align:middle; margin-left:5px; border:0px;}
.alignRight { text-align:right;}
.alignCenter{ text-align:center;}
.alignMiddle { vertical-align:middle;}
.floatRight { float:right;}


/******************************************/
/* STRUCTURE ******************************/
/******************************************/
.contenu { padding:0px 4px;}
.menu img{ border:0px; vertical-align:middle;}
#basdepage { background:#4C748A; border-left:4px solid #fff; border-right:4px solid #fff; font-size:10px; color:#fff;}

#menu p{ padding-bottom:9px;}
#menu img{ vertical-align:middle; border:0px; margin-right:11px;}
#menu a{ background:url(../images/sousmenu/menu.gif) no-repeat right;  display:block; color:#6B6B6B; text-decoration:none; }
#menu a:hover{ background:url(../images/sousmenu/menu_on.gif) no-repeat right;  display:block; color:#fff; text-decoration:none; }
#menu .clic{ background:url(../images/sousmenu/menu_on.gif) no-repeat right;   display:block; color:#fff; text-decoration:none; font-weight:bold;}

#menuxl p{ padding-bottom:19px;}
#menuxl img{ vertical-align:middle; border:0px; margin-right:14px;}
#menuxl a{ background:url(../images/catalogue/menuxl.gif) no-repeat right;  display:block; color:#8A8A8A; text-decoration:none; }
#menuxl a:hover{ background:url(../images/catalogue/menuxl_on.gif) no-repeat right;  display:block; color:#439E9D; text-decoration:none; }
#menuxl .clic{ background:url(../images/catalogue/menuxl_on.gif) no-repeat right;   display:block; color:#439E9D; text-decoration:none;}
#menuxl .vert {color:#439E9D;}
#menuxl .gris {color:#8A8A8A;}

#menux2 p{ padding-bottom:19px;}
#menux2 img{ vertical-align:middle; border:0px; margin-right:14px;}
#menux2 a{ background:url(../images/catalogue/menuxl.gif) no-repeat left;  display:block; color:#8A8A8A; text-decoration:none; }
#menux2 a:hover{ background:url(../images/catalogue/menuxl_on.gif) no-repeat left;  display:block; color:#439E9D; text-decoration:none; }
#menux2 .clic{ background:url(../images/catalogue/menuxl_on.gif) no-repeat left;   display:block; color:#439E9D; text-decoration:none;}
#menux2 .vert {color:#439E9D;}
#menux2 .gris {color:#8A8A8A;}

#menuxl2 p{ padding-bottom:19px;}
#menuxl2 img{ vertical-align:middle; border:0px;}
#menuxl2 a.lien{ background:url(../images/catalogue/menuxl.gif) no-repeat right;  display:block; color:#8A8A8A; text-decoration:none; height:71px;  padding-left:14px; padding-top:20px;}

#menuxl2 a.lien:hover{ background:url(../images/catalogue/menuxl_on.gif) no-repeat right;  display:block; color:#439E9D; text-decoration:none; }
#menuxl2 a.clic{ background:url(../images/catalogue/menuxl_on.gif) no-repeat right;   display:block; color:#439E9D; text-decoration:none;height:71px;  padding-left:14px; padding-top:20px;}
#menuxl2 .vert {color:#439E9D;}
#menuxl2 .gris {color:#8A8A8A;}
#menuxl2 div {margin-right:10px;}

.filAriane {background:#02484F;}
#filAriane {background:#02484F; color:#fff;}
#filAriane a { text-decoration:none; color:#fff;}
#filAriane a:hover { text-decoration:none; color:#fff;}

/*TABLEAU*/
/*#tableau td { text-align:left;}*/
#tableau .cell1 { background:url(../images/catalogue/fond_cell.gif) repeat-x top left; font-weight:bold; color:#fff; border-left:1px solid #C2C2C2;  border-bottom:1px solid #fff; padding:0px 10px;}
#tableau .cell2 { background:url(../images/catalogue/fond_cell.gif) repeat-x top left; font-weight:bold; color:#fff; border-bottom:1px solid #fff; padding:0px 10px;}
#tableau .cell7 { background:url(../images/catalogue/fond_cell.gif) repeat-x top left; font-weight:bold; color:#fff; border-right:1px solid #C2C2C2; border-left:1px solid #C2C2C2;  border-bottom:1px solid #fff; padding:0px 10px;}

#tableau .cell3 { background:url(../images/catalogue/fond_cell.gif) repeat-x top left; font-weight:bold; color:#fff;  border-bottom:1px solid #fff; padding:0px 10px;}
#tableau .cell4 { background:url(../images/catalogue/fond_cell.gif) repeat-x top left; font-weight:bold; color:#fff; border-right:1px solid #C2C2C2;  border-bottom:1px solid #fff; padding:0px 10px;}
#tableau .cell5 { background:url(../images/catalogue/fond_cell.gif) repeat-x top left; font-weight:bold; color:#fff; border-right:1px solid #C2C2C2;  border-bottom:1px solid #fff; padding:0px 10px;}
#tableau .cell6 { background:url(../images/catalogue/fond_cell.gif) repeat-x top left; font-weight:bold; color:#fff; border-right:1px solid #C2C2C2;  border-bottom:1px solid #fff; padding:0px 10px;}


#tableau .cell1a { background:#F3F3F3; font-weight:bold; color:#3B3B3B; border-left:1px solid #C2C2C2;  padding:0px 10px;}
#tableau .cell8a { background:#F3F3F3; font-weight:bold; color:#3B3B3B; border-right:1px solid #C2C2C2;  border-left:1px solid #C2C2C2; padding:0px 10px; align: center;}

#tableau .cell1b { background:#fff; font-weight:bold; color:#3B3B3B; border-left:1px solid #C2C2C2; padding:0px 10px;}
#tableau .cell8b { background:#fff; font-weight:bold; color:#3B3B3B; border-right:1px solid #C2C2C2;  border-left:1px solid #C2C2C2; padding:0px 10px; align: center;}

#tableau .cell2a { background:#F3F3F3; color:#3B3B3B; padding:0px 10px;}
#tableau .cell2b { background:#fff; color:#3B3B3B; padding:0px 10px;}

#tableau .cell3a { background:#F3F3F3; color:#3B3B3B; border-left:1px solid #C2C2C2; padding:0px 10px;}
#tableau .cell3b { background:#fff; color:#3B3B3B; border-left:1px solid #C2C2C2; padding:0px 10px;}

#tableau .cell4a { background:#F3F3F3; font-weight:bold; color:#3B3B3B; border-left:1px solid #C2C2C2; padding:0px 10px;}
#tableau .cell4b { background:#fff; font-weight:bold; color:#3B3B3B; border-left:1px solid #C2C2C2; padding:0px 10px;}

#tableau .cell7a { background:#F3F3F3; color:#3B3B3B; padding:0px 10px; border-right:1px solid #C2C2C2; border-left:1px solid #C2C2C2; font-weight:bold; font-size:9px;}
#tableau .cell7b { background:#fff; color:#3B3B3B; padding:0px 10px; border-right:1px solid #C2C2C2; border-left:1px solid #C2C2C2; font-weight:bold; font-size:9px;}

#tableau .cell3a input { width:30px; border:1px solid #C2C2C2;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#tableau .cell3b input { width:30px; border:1px solid #C2C2C2;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#tableau td a{ color:#113D56; text-decoration:none; }
#tableau td a:hover{ color:#113D56; text-decoration:underline; }


/*********************************************/
/* TYPO et LIEN ******************************/
/*********************************************/

/* liens */
a.liennoir { color:#000; text-decoration:none;}
a.liennoir:hover { text-decoration:underline;}

a.lienorange { color:#BC410E; text-decoration:none; font-weight:bold;}
a.lienorange:hover { text-decoration:underline;}

a.liennoirs { color:#000; text-decoration:underline;}
a.liennoirs:hover { text-decoration:none;}

a.lienblanc { color:#fff; text-decoration:none;}
a.lienblanc:hover { text-decoration:underline;}

a.lienblancs { color:#fff; text-decoration:underline;}
a.lienblancs:hover { text-decoration:none;}

a.liengris { color:#494949; text-decoration:none;}
a.liengris:hover { text-decoration:underline;}

a.liengriss { color:#494949; text-decoration:underline;}
a.liengriss:hover { text-decoration:none;}

/* couleur police */
.rouge {color:#FF2D20;}
.bleu {color:#336699;}
.noir {color:#000;}
.vert {color:#02484F;}
.vert2 {color:#439E9D;}
.blanc {color:#fff;}
.gris { color:#494949;}
.selection { color:#B7C7D0;}
.arial{font-family:Arial, Helvetica, sans-serif}
/* taille police */
h1 {font-size:15px; color:#BC410E; margin:5px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; }
h2 {font-size:20px; color:#439E9D; margin:0px; }

.txt9 { font-size:9px;}
.txt10 { font-size:10px;}
.txt12 { font-size:12px;}
.txt13 { font-size:13px;}
.txt14 { font-size:14px;}
.txt17 { font-size:17px;}
.txt23 { font-size:23px;}

/* DIV suite ajout panier */
#ajoutpanier {
	position:absolute;
	width:225px;
	height:112px;
	left : 50%;
	top : 50%;
	margin : -70px 0 0 -135px;
	padding: 31px 27px 0 27px;
	z-index:14;
	color:#E71B23;
	visibility: hide;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	background:url(../images/catalogue/fond_div.gif) no-repeat top left;
}

/* PANIER */
.libelle {
background:#D6E6F1;
border-top: #FFFFFF 5px solid;
border-right: #FFFFFF 1px solid;
border-bottom: #FFFFFF 2px solid;
padding-left:5px;
padding-right:1px;
padding-top:1px;
padding-bottom:2px;
}

.valeur {
background:#EFF5F9;
border-bottom: #D6E6F1 1px solid;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:5px;
font-size:11px;
}

/* tableau pour la selection du panier */
#tableauSelection .reference, .qte, .sup, .designation{ padding:2px 10px; background:#D6E6F1; border-bottom:2px solid #EFF5F9; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#tableauSelection .designation {border-right:1px solid #fff;}
#tableauSelection .reference {border-right:1px solid #fff;}
#tableauSelection .qte {border-right:1px solid #fff;}
#tableauSelection td input { width:30px;}
#tableauSelection .cell { background:#E7F0F6; padding:3px 10px; border-bottom:1px solid #D6E6F1;}