/* Eléments HTML en général
-------------------------------------------------------- */
@import url(style_editeur.css);

*{
margin:0;
padding:0;
}

body{
background-image:url(../www/images/fond.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#555555;
}

h2{
color:#2e90ca;
font-size:18px;
font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:normal;
margin:0;
padding:0;
}

h3{
color:#1a7ab3;
font-size:16px;
margin:0;
padding-bottom:15px;
}

h4{
color:#4c7f1a;
font-size:15px;
margin-bottom:8px;
line-height:20px;
}

h5{
color:#000000;
font-size:15px;
margin-bottom:8px;
margin-top:15px;
line-height:20px;
text-align:center;
}

.bleu{
color:#1e5984;
font-size:15px;
margin-bottom:8px;
line-height:20px;
}

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

a img{
text-decoration:none;
border:none;
}

img {
border: 0
}

.hide {
display:none;
}

/*banniere*/

#globale{
position:absolute;
width:990px;
left:50%;
margin-left:-495px;
margin-top:0px;
}

#banniere{
float:left;
width:990px;
height:370px;
background-image:url(/www/images/fond-banniere.jpg);
background-repeat:no-repeat;
}

#entete{
float:left;
width:980px;
height:107px;
margin-left:5px;
background-image:url(/www/images/fond-entete.jpg);
background-repeat:no-repeat;
}

#logo{
float:left;
width:190px;
height:107px;
}

#signature{
float:left;
display:inline;
width:290px;
height:55px;
margin-top:52px;
margin-left:0px;
}

#bonne-affaire{
float:left;
width:275px;
height:107px;
margin-left:225px;
}

#globale-menu{
margin-top:107px;
z-index:1;
width:980px;
height:263px;
margin-left:5px;
}

#menu{
position:absolute;
z-index:2;
width:200px;
height:216px;
margin-left:48px;
margin-top:35px;
}

#menu ul{
margin:0;
padding:0;
}

#menu ul li{
float:left;
width:200px;
height:29px;
list-style:none;
line-height:29px;
font-size:15px;
margin-top:7px;
}

#presentation a{
float:left;
width:154px;
height:29px;
padding-left:46px;
letter-spacing:1px;
background:url(../www/images/menu/presentation.jpg) 0 0 no-repeat;
background-repeat:no-repeat;
}

#presentation a:hover{
background-position:0 -29px;
color:#2e90ca;
}

#particulier a{
float:left;
width:154px;
height:29px;
padding-left:46px;
letter-spacing:1px;
background:url(../www/images/menu/particuliers.jpg) 0 0 no-repeat;
background-repeat:no-repeat;
}

#particulier a:hover{
background-position:0 -29px;
color:#96bf12;
}

#entreprise a{
float:left;
width:154px;
height:29px;
padding-left:46px;
letter-spacing:1px;
background:url(../www/images/menu/entreprises.jpg) 0 0 no-repeat;
background-repeat:no-repeat;
}

#entreprise a:hover{
background-position:0 -29px;
color:#2e90ca;
}

#sur-mesure a{
float:left;
width:154px;
height:29px;
padding-left:46px;
letter-spacing:1px;
background:url(../www/images/menu/surmesure.jpg) 0 0 no-repeat;
background-repeat:no-repeat;
}

#sur-mesure a:hover{
background-position:0 -29px;
color:#96bf12;
}

#internet a{
float:left;
width:154px;
height:29px;
padding-left:46px;
letter-spacing:1px;
background:url(../www/images/menu/internet.jpg) 0 0 no-repeat;
background-repeat:no-repeat;
}

#internet a:hover{
background-position:0 -29px;
color:#2e90ca;
}

#contact a{
float:left;
width:154px;
height:29px;
padding-left:46px;
letter-spacing:1px;
background:url(../www/images/menu/contact.jpg) 0 0 no-repeat;
background-repeat:no-repeat;
}

#contact a:hover{
background-position:0 -29px;
color:#96bf12;
}

#adresse{
float:left;
display:inline;
width:731px;
height:233px;
letter-spacing:1px;
}

#texte-adresse{
float:left;
width:260px;
height:200px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
margin-left:472px;
line-height:22px;
margin-top:8px;
}

.tel{
font-size:20px;
line-height:24px;
}

/*FIN BANNIERE*/

/* Page
-------------------------------------------------------- */

#contenu{
float:left;
width:990px;
background:url(../www/images/fond-contenu2.png) repeat-y;
}

#partie-gauche{
float:left;
width:980px;
height:100%;
margin-left:5px;
margin-bottom:50px;
}

#catalogue{
float:left;
display:inline;
width:904px;
margin-top:50px;
margin-left:50px;
font-size:14px;
text-align:justify;
line-height:22px;
}


#contenuPageRubrique {
float: left;
width:730px;
padding: 0 0 0 20px;
margin: 25px 20px;
}


/* Dossiers
-------------------------------------------------------- */

#dossier {
margin:0;
padding:0;
}

#dossier .image {
margin:10px 10px 10px 0;
padding:1px;
border:solid 1px #bbbdbf;
float:left;
}





/* Petit bloc produit (utilisé en page rubrique.html)
-------------------------------------------------------- */

.petitBlocProduit {
float: left;
margin: 0 24px 50px 0;
width:428px;
height:190px;
background-color:#f5f5f5;
background-image:url(../www/images/fond-produit.gif);
}

.petitBlocProduit .produit1  {
float:left;
width: 400px;
margin:20px 0 0 15px;
padding: 0px;
}

.titre-produit a{
float:left;
width:200px;
color:#000000;
font-size:13px;
font-weight:bold;
text-align:left;
padding-left:10px;
}

.petitBlocProduit .produit1 a.image, .petitBlocProduit .contenu a.image:visited  {
margin-left:15px;
margin-top:15px;
margin-right:18px;
height: 120px;
width:152px;
display:block;
float:left;
background-color:#FFFFFF;
overflow: hidden;	
}

.petitBlocProduit .produit1 a.image:hover {
background-color:#FFFFFF;
padding:0;
}

.petitBlocProduit .produit1 .description {
float:left;
font-size: 12px;
padding: 0;
width: 170px;
margin-left:40px;
margin-top:18px;
}

.petitBlocProduit .produit1 .description .chapo {
float:left;
color:#000000;
font-weight:normal;
text-align: left;
font-size: 13px;
}

.petitBlocProduit .produit1 .description .prixProduit {
float:left;
color:#fa5b1b;
font-weight:bold;
text-align: left;
font-size: 20px;
padding-top:18px;
width:100px;
display:block;
}

.petitBlocProduit .produit1 .description p {
margin:0;
padding: 0;
}

.petitBlocProduit a.acheter{
width:160px;
float:right;
margin-top:13px;
padding:0;
font-size:14px;
color:#2e90ca;
font-weight:bold;
font-style:italic;
text-align:center; 
vertical-align:middle; 
border:0; 
background:none; 
} 

.petitBlocProduit a.acheter:hover{
text-decoration:underline;
} 


/* Contenu d'une fiche produit (produit.html)
-------------------------------------------------------- */

.blocProduit {
float: left;
margin:0 0 20px 0;
padding:0;
width:885px;
background-image:url(../www/images/fond-produit-grand.jpg);
background-repeat:no-repeat;
background-color:#f5f5f5;
}

.blocProduit .blocDImages {
float: left;
margin-top:48px;
margin-left:48px;
padding:0;
width:268px;
}

.blocProduit a.grandeImage, .blocProduit a.grandeImage:visited {
margin:0;
padding:0;
width:268px;
float:left;
background-color:#fff;
}

.blocProduit a.grandeImage:hover {
padding:0;
}

.blocProduit .description {
float:left;
margin:10px 0 20px 100px;
padding:0;
width:330px;
}

.blocProduit .description p{
text-align:left;
font-size:14px;
color:#555555;
line-height:22px;
}

.blocProduit .description h4{
text-align:left;
display:inline;
font-size:16px;
font-weight:bold;
margin-bottom:15px;
color:#97bf16;
}

.txt {
float:left;
margin:12px 0 0 0;
padding:0;
width:450px;
}

#prix-grand{
float:left;
height:330px;
background-position:bottom;
background-image:url(../www/images/prix.jpg);
background-repeat:no-repeat;
margin-bottom:15px;
padding:0;
width:139px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:16px;
text-align:center;
}

.prixProduitG{
float:left;
width:139px;
text-align:center;
margin-top:268px;
margin-bottom:5px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:28px;
}

/* Chemin
-------------------------------------------------------- */

#chemin {
float: left;
width:885px;
color: #1a7ab3;
font-size: 13px;
text-align:left;
font-weight: bold;
font-style:italic;
margin: 0;
padding: 5px 0 8px 10px;
}

#chemin a:link, #chemin a:visited {
color: #1a7ab3;
text-decoration: none;
}

#chemin a:hover {
color: #1a7ab3;
text-decoration: underline;
}


/* Personnalisation du zoom de la fiche produit (produit.html)
-------------------------------------------------------- */

#superbox-overlay {
width: 100%;
overflow: visible;
position: relative;
margin: 0 auto 0 auto;
padding: 0;
background:#e0e4cc;
}

#superbox-container .loading {
width:32px;
height:32px;
text-indent:-9999px;
background-image:url(_gfx/loader.gif);
background-position:center 0;
background-repeat:no-repeat;
overflow: hidden;
position: relative;
padding: 0;
width: 100%;
}

#superbox .close a {
float:right;
padding:0 5px;
line-height:20px;
color:#fff;
background:#00529a;
cursor:pointer;
}

#superbox .nextprev a {
float:left;
margin-right:5px;
padding:0 5px;
line-height:20px;
background:#00529a;
cursor:pointer;
color:#fff;
}

#superbox .nextprev .disabled {
background:#ccc;
cursor:default;
}

#superbox .close a:hover {
color:#fff;
background:#00529a;
text-decoration:none;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
float: left;
color:#626164;
width: 700px;
text-align: right;
font-size: 11px;
padding: 5px 10px 5px 0;
margin: 10px 0;
background-color:#d8d9da;
}

#pages a, #pages a:visited {
color:#626164;
text-decoration: none;
font-weight: bold;
}

#pages a:hover {
text-decoration: underline;
}




/* formulaire
-------------------- */

#contenu form {
padding:0;
margin:0 0 20px 0;
}

#contenu form p {
margin: 0;
padding: 4px 0;
/* Empêcher le dépassement des flottants */
overflow: hidden;
font-size: 12px;
border-bottom:1px solid #ccc;
clear:both;
float:left;
width:100%;
}

#contenu form p.derniereLigne {
border:none;
}

#contenu form p label {
float: left;
width: 290px;
padding:0 10px 0 0;
margin: 0;
line-height:24px;
}

#contenu form p label.codeDeReduction {
width: 180px;
}

#contenu form p label.petit {
width: 80px;
}

#contenu form p input, #contenu form p select, #contenu form p textarea {
float:left;
margin: 0;
width: 190px;
padding: 3px;
border:solid 1px #a9abad;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#626164;
font-weight:bold;
background-color:#d8d9da;
}

#contenu form p input.codeDeReduction {
width: 50px;
background-color:#fff;
padding: 4px;
}

#contenu form p select {
width: 198px;
}

#contenu form p textarea {
width: 300px;
}

#contenu form p input.radio, #contenu form p input.checkBox {
float:left;
margin: 5px 0;
width: 20px;
padding: 0;
background-color:transparent;
border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
float:left;
margin: 5px 10px 0 0;
padding: 0;
background-color:transparent;
border: none;
font-weight:bold;
}

#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
display:-moz-inline-box; 
display:inline-block; 
margin:0 0 0 300px; 
padding:0; 
white-space:nowrap; 
text-align:center; 
vertical-align:middle; 
cursor:pointer; 
border:none;
background:none;
font-size:13px;
font-weight:bold;
}

#contenu form button.boutonMemeLigneQuInput { 
margin:0 0 0 10px; 
}

#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
position:relative; 
float:left; 
padding:0 0 0 8px;        /* Largeur du côté gauche */ 
margin:0;
vertical-align:middle;
background-color:#0081ca;
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
padding:0 8px 0 0;/* Largeur du côté droit */ 
color:#FFF;
height:24px;
line-height:24px; /* Alignement vertical du texte */ 
border: none;
}

.obligatoire {
font-size: 12px;
color: #FF0000;
clear:both;
margin:10px 0;
}

/* Tableaux
-------------------------------------------------------- */

#contenu table, #contenu table tr {
padding:0;
margin:0;
}

#contenu table th {
font-weight: bold;
background-color: #d8d9da;
border-bottom:solid 1px #FFFFFF;
}

#contenu table td {
font-weight: bold;
background-color: transparent;
border:none;
}

#contenu table td.ligne {
font-weight: bold;
background-color: transparent;
border-bottom:solid 1px #d8d9da;
}

#contenu table th.total {
font-weight: bold;
color:#FFF;
background-color: #00529a;
border-bottom:solid 1px #dedce6;
}


/*  général
-------------------------------------------------------- */

#moteurEtCatalogue {
float: left;
width:200px;
padding: 0;
margin:25px 0 0 0;
}

#moteurEtCatalogue h3 {
display:none;
}

#accueil, #menuCatalogue {
float: left;
padding: 0;
margin:0 0 18px 0;
width:100%;
}

#accueil ul, #menuCatalogue ul {
padding: 0;
margin:0;
list-style:none;
color:#FFFFFF;
}

#accueil ul li, #menuCatalogue ul li {
font-size:14px;
font-weight:bold;
padding:0;
margin:0 0 1px 0;
}

#accueil ul li a, #menuCatalogue ul li a  {
text-decoration:none;
color:#fff;
border-left:solid 3px #0068b2;
display:block;
background-color:#0081ca;
padding:5px 0 5px 10px;
}

#accueil ul li a:hover, #menuCatalogue ul li a:hover {
text-decoration:none;
background-color:#00529a;
color:#FFF;
border-left:solid 3px #02407a;
}




/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

#pied{
float:left;
width:980px;
height:30px;
margin-left:5px;
background:url(../www/images/fond-pied.jpg) repeat-x;
color:#FFFFFF;
text-align:center;
font-size:14px;
line-height:30px;
}

#pied a{
color:#FFFFFF;
}

#copyright{
float:left;
display:inline;
width:965px;
height:60px;
margin-left:5px;
background-color:#e4e4e4;
color:#666666;
text-align:center;
padding:7px;
margin-top:20px;
font-size:12px;
line-height:16px;
}