body {
margin: 0pt;
padding: 0pt;
font-family: Arial,Helvetica,sans-serif;
text-align: center;
font-size: 11px;
color: #333333;
line-height: 12px;
background-color: #F6F4F4;
background-position: center;
}

/* texte */

h1 {
color: #004892;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
letter-spacing: +1px;
font-size: 12px;
margin-top: 0px;
margin-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
background-image: url(../pictos_site_21/back_h1.gif);
background-repeat: no-repeat; }

.bdc{
color: #004892;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
letter-spacing: +1px;
font-size: 12px;
margin-top: 0px;
margin-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
background-image: url(../pictos_site_21/back_h12.gif);
background-repeat: no-repeat; }

h2 {
color: #666666;
font-family: Verdana, Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 11px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 7px;
margin-bottom: 5px;
margin-top: 0px;
margin-left: 0px;
background-color: #EEEEEE;
}

h3 {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
color: #333333;
font-weight: bold;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 4px;
margin-bottom: 4px;
}

h4 {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #004892;
font-weight: bold;
margin-bottom: 0px;
}

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

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

a:visited {
color: #004892;
text-decoration: none;}

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

.texte-bleu {
color: #004892;
}

.texte-couleur a {
color: #666666;
text-decoration: underline; 
}

.texte-couleur a:hover {
color: #666666;
text-decoration: none; 
}

.texte-noir {
color: #000000;
}

.bloc-texte1 {
margin-top: 5px;
margin-bottom: 5px;
border: 1px #C3C3C3 solid;
padding: 6px;
}

.bloc-texte2 {
margin-top: 5px;
margin-bottom: 5px;
background-color: #eeeeee;
padding: 10px;
}

hr {
display:block;
height: 1px;
margin: 0;
padding: 0;
color: #004892;
background-color: #004892;
border: 0;
margin-top: 5px;
margin-bottom: 5px; }

.separateur{
height: 2px;
background: url(../pictos_site_21/filet_top.gif) repeat-x ;
margin: 0px;
padding: 0;
}

tbody {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
}

form {
display:block;
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
}

/* conteneur */

#conteneur {
margin: auto;
position: relative;
width: 800px;
}

#centrale {
width: 800px;
background-image: url(../pictos_site_21/back_centre.gif);
background-repeat: repeat-y;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
}

/* tableaux */

.table-centre{
width: 800px;
margin:0px;
padding:0px;
}


.td-gauche{
width: 190px;
margin:0px;
padding:0px;
text-align:left;
}

.td-droite{
margin:0px;
padding:0px;
text-align:left;
}


/* header */

#header{
background-image: url(../pictos_site_21/header.gif);
background-repeat: no-repeat;
height: 135px;
width: 800px;
margin:0px;
padding:0;
}

#header2{
background-image: url(../pictos_site_21/header2.gif);
background-repeat: no-repeat;
height: 135px;
width: 800px;
margin:0px;
padding:0;
}


#lien-logo{
float:left;
margin-top: 30px;
margin-left: 5px;
}

*>#lien-logo{
float:left;
margin-top: 30px;
margin-left: 10px;
}

#bloc-recherche{
text-align: left;
margin-top: 40px;
margin-right: 30px;
padding: 0px;
float: right;
}

#bloc-boutons{
margin-top: 100px;
margin-right: -130px;
padding:0px;
float: right;
}

/* train d'arbo */

#bloc-arbo {
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #004892;
padding: 0px;
margin-top: 8px;
margin-left: 0px;
}

#bloc-arbo a, #bloc-arbo a:visited {
text-decoration: none;
color: #004892; }


#bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: underline;
color: #004892;
}



/* gauche */


#gauche {
margin: 0pt;
padding-top: 0px;
padding-bottom: 10pt;
padding-left: 0pt;
padding-right: 0pt;
}

#menu-gauche {
width: 190px;
margin: 0px;
padding: 0px;
}

#bas-blocmenu {
width: 190px;
height: 17px;
background-image: url(../pictos_site_21/bas_menu.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
}

#menu-gauche ul {
margin: 0pt;
padding: 0pt;
border-right: 1px #cccccc solid; }

#menu-gauche li {
list-style: none;
margin: 0px;
padding: 0pt;
display: block;
border-bottom: 1px #cccccc solid;
}

#menu-gauche a {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
display: block;
color: #333333;
background: url(../pictos_site_21/puce_menu.gif) no-repeat scroll 8px 8px ;
text-decoration: none;
background-color: #F5F4F4; 
padding-top: 8px;
padding-bottom: 8px;
padding-left: 23px;
}

#menu-gauche a:hover {
color: #004892;
background-color: #ffffff; }

#menu-gauche a.current {
color: #004892;
background-color: #ffffff;
}

#menu-gauche a.current:hover {
color: #004892;
background-color: #ffffff;
}

ul#subgauche {
border-right: none;
margin: 0px;
padding: 0px;
}

#subgauche li {
list-style: none;
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #F5F4F4 solid;
}

#subgauche a {
font-size: 9px;
margin: 0px;
padding: 2px 2px 5px 25px;
display: block;
color: #333333;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-image: none; }

#subgauche a:hover {
color: #004892;
text-decoration: none;
font-weight: bold;
background: url(../pictos_site_21/mini_puce.gif) no-repeat scroll 15px 5px ;
}

#subgauche a.youarehere, #nav-section a.youarehere:hover {
color: #004892;
font-weight: bold;
text-decoration: none;
background: url(../pictos_site_21/mini_puce.gif) no-repeat scroll 15px 5px ;
}

#subgauche a.youarehere:hover {
color: #004892;
font-weight: bold;
text-decoration: none;
background: url(../pictos_site_21/mini_puce.gif) no-repeat scroll 15px 5px ;
}


/* centre */

#centre {
text-align: left;
line-height: 1.5em;
margin-left: 20px;
padding-top: 0px;
margin-bottom: 10px;
margin-right: 40px;
padding: 0px;
}

#bloc-boutons2{
margin-top: 5px;
margin-bottom: 5px;
padding:0px;
float: right;
}

/* centre mode liste */

#liste-centre{
margin-top: 5px;
padding: 0px;
}

#liste-centre ul{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 11px;
}

#liste-centre li {
margin: 0px;
text-align: left;
padding-bottom: 6px;
padding-left: 25px;
padding-right: 35px;
background: url(../pictos_site_21/mini_puce2.gif) no-repeat 17px 3px;
}



/* habillage */

.blocproduit {
float: left;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
padding: 0px;
}

.cadreproduit {
margin-left: 5px;
padding: 0px;
width: 152px;
height: 133px;
}

td .cadreproduit1 {
margin: 0px;
padding: 0px;
width: 158px;
height: 138px;
text-align: center;
}

.basproduit {
width: 152px;
margin-left: 5px;
text-align: center;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
background: url(../pictos_site_21/bas_visu.gif) no-repeat bottom;
}

*>.basproduit {
width: 152px;
margin: 0px;
text-align: center;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
background: url(../pictos_site_21/bas_visu.gif) no-repeat bottom;
}

td .coteproduit {
height: 138px;
width: 404px;
margin: 0px;
text-align: left;
padding-top: 15px;
padding-bottom: 4px;
padding-left:5px;
padding-right: 5px;
background: url(../pictos_site_21/cadre_prodacc2.gif) no-repeat top right;
}

.alignement {
vertical-align: middle;
display: inline;
}

.image{
margin-top: 2px;
margin-right: 5px;
margin-bottom: 2px;
float: left;
border: 1px #C3C3C3 solid; 
}

.image2{
margin-top: 2px;
margin-right: 15px;
margin-bottom: 2px;
float: left;
border: 1px #C3C3C3 solid; 
}

.logo-agence{
margin-top: 8px;
margin-right: 0px;
margin-bottom: 2px;
float: right; 
}

.habillage-recherche {
width: 100px;
height: 18px;
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; 
margin-bottom:5px;
margin-top:7px;
}

.habillage-quantite {
width: 50px;
height: 18px;
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; 
margin-bottom:5px;
margin-top:7px;
}

.habillage-champs {
width: 250px;
height: 18px;
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; 
margin-bottom:5px;
}


.habillage-message {
width: 250px;
background-color: #ffffff;
border: 1px #999999 solid;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; 
margin-bottom:5px;
}

.habillage-select {
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Verdana,Helvetica,sans-serif;
font-size: 10px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; 
}

.spacer {
clear: both;
}


/* bloc haut de page*/

#bloc-hautdepage {
text-align: right;
padding-top: 10px;
}

#haut-de-page {
background-image: url(../pictos_site_21/filet_top.gif);
background-repeat: repeat-x;
height: 12px;
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
}

/* chiffres pages*/

.bloc-chiffre {
background-image: url(../pictos_site_21/back_h1.gif);
background-repeat: no-repeat;
height: 33px;
text-align: center;
font-weight: bold;
}

ul.bloc-chiffre {
list-style: none;
margin: 0;
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-size: 10px; }

.bloc-chiffre li{
display: inline;
padding: 0;
background-image: none;
}

.bloc-chiffre a{
color: #004892;
padding:2px;
text-decoration: none;
}

.bloc-chiffre a:hover{
color: #ffffff;
border: 1px #004892 solid;
background-color: #004892;
}

.bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
color: #ffffff;
border: 1px #004892 solid;
background-color: #004892;
}


/* Pied */

#pied {
margin: 0px;
padding-top: 7px;
background-image: url(../pictos_site_21/pied.gif);
background-repeat: no-repeat;
color: #ffffff;
height:40px;
}


/* Panier */

#panier{
margin: 0px;
padding: 0px;
}

#panier .titre{
background-image: url(../pictos_site/back_titre_catalogue.jpg);
background-repeat: no-repeat;
height: 105px;
margin-top: 0px;
margin-bottom: 5px;
background-position: top; }


#panier table{
border: none;
border-collapse: collapse;
width: 90%;
}

*>#panier table{
border: none;
border-collapse: collapse;
width: 100%;
}


#panier td{
border: 1px #E2E5E8 solid;
padding: 5px;
}

#panier tr{
border-collapse: collapse;
border: 1px #E2E5E8 solid;
padding: 5px;
}

#panier tr.titrepanier{
background-color: #F1F3F4; 
border: 1px #E2E5E8 solid;
color: #0056A7;
font-weight: bold; }

#panier tr.ligneproduit{
background-color: #F9FAFB; 
border: 1px #E2E5E8 solid;
}

#panier tr.ligneoption{
background-color: #ffffff; 
border: 1px #E2E5E8 solid;
}

#panier tr.paniertotal{
background-color: #0056A7; 
border: 1px #E2E5E8 solid;
font-size: 13px;
color: #ffffff; }

#panier tr.blanc{
border: none;
}

#panier td.blanc{
border: none;
}


/* Popup */

#conteneur-popup {
margin: auto;
position: relative;
width: 601px;
}


#header-popup {
background-image: url(../pictos_site_21/header_popup.jpg);
background-repeat: no-repeat;
width: 601px;
height: 96px;
padding: 0px;
margin: 0px;
}

#centre-popup {
width: 601px;
background-image: url(../pictos_site_21/back_popup.gif);
background-repeat: repeat-y;
padding: 0px;
margin:0px;
}

#contenu-popup {
text-align:left;
line-height: 1.5em;
padding-left: 25px;
padding-right: 28px;
padding-top: 15px;
padding-bottom: 15px;
margin:0px;
}

#pied-popup {
background-image: url(../pictos_site_21/pied_popup.gif);
background-repeat: no-repeat;
width: 601px;
height: 36px;
}