/* Modèle v1.22 08/08/2008 */



/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}

/*********** A PERSONNALISER **************/
body {font:normal 11px Verdana; color:#00537b; background-color:#fff}
#body{background:#7aa3be;}
table{font-size: 11px;}
a{font-weight:bold; text-decoration:none; color:#759FBB}
a:hover {text-decoration:underline;}


h1 {font:bold 11px Verdana; color: #fff; text-transform:uppercase; padding-left:15px; background-color:#7aa3be; line-height:20px; width: 599px;}
h2 {font:bold 14px Verdana; color: #FF5C00; margin-bottom:15px;}
h3{font:normal 11px Verdana; color: #fff; text-transform:uppercase; }
h5{font:bold 12px Verdana; color: #ff5c00;margin-bottom:10px;}
p {margin-bottom:10px; text-align:justify;}

.clear {clear:both;}
.center {text-align:center;}
.right {text-align:right;}
.contenu_cadre {width:582px; border:1px solid #7aa3be;padding:15px 15px 0 15px; overflow:hidden;}
.color{color: #FF5C00; }

.asterisque{font:italic 10px Verdana;}

/*********** Moteur de recherche **************/

.MoteurNavigation{text-align:center; margin-bottom:10px;}
.MoteurNavigation a{font:normal 10px "Verdana"; color:#7AA3BE;}
.MoteurNavigation a:hover,
.MoteurNavigation .MoteurNavigationPageActuelle{font:bold 11px "Verdana"; color:#7AA3BE; text-decoration:none;}


.MoteurFiltre {padding: 10px; background-color: #F1F6F8; color:#5dabd1;}
.MoteurFiltre p.row{display:inline; clear:none; margin-right:10px; margin-bottom:0;}
.MoteurFiltre p.row label{width:auto; float:none;}
.MoteurFiltre p.row input.FiltreChamp,
.MoteurFiltre p.row select.FiltreChamp{width:auto;}
.MoteurFiltre .FiltreSubmit{display:inline; width:47px; background-color: #5DABD1; color: #FFFFFF;}


/* Résultats du moteur */
.Moteur{width:614px; border-collapse:collapse;}
    .Moteur td, .Moteur th{padding:5px 10px; }
    .Moteur thead th{background-color:#7aa3be; color:#fff; text-align:left; font: normal 12px verdana;}
    .Moteur tbody .MoteurLigne0{background-color:#c0d8e8;}
    .Moteur tbody .MoteurLigne1{background-color:#edf8ff;}
    .Moteur tfoot td{background-color:#7aa3be; color:#fff; font: normal 12px verdana;}
    
.MoteurNavigation{margin-bottom:15px;}


/* Total du panier et du récap commande */
#total_panier {width:auto;}
#total_panier tbody th{padding-left:30px; background-color:#7aa3be; color:#fff; text-align:right; font: normal 12px verdana;}
#total_panier tbody td{padding-left:30px; text-align:right; }   


/*************** Liste des produits *******************/
  .case_pdt{width:280px; overflow-x:hidden; float:left; display:inline; margin-bottom:20px;}
  .case_pdt_drt{margin-left:20px;}
  .case_pdt h3{padding:0 0 0 10px; line-height:18px;}
  .case_pdt .relative{position:relative; width: 260px; height:105px; overflow:hidden; padding:10px;}
  .case_pdt .relative .produit {float:left; display:inline; width:100px; height:100px; text-align:center; background-color:#fff; margin-right:8px;}
  .case_pdt .relative .pdt_description_courte{}
  .case_pdt .relative .prix{margin-bottom:0; position:absolute; bottom:30px; right:10px; font:bold 14px verdana;}
  .case_pdt .relative .prix .promo{text-decoration:line-through; font:bold 10px verdana; color:#00537b;}
  .case_pdt .relative .panier{display:block; position:absolute; bottom:10px; right:65px; height:16px; padding:0 3px; text-transform: uppercase; font:normal 11px arial; line-height: 16px;}
  .case_pdt .relative .panier img{float:left; display:inline; margin-right:3px;}
  .case_pdt .relative .info{display:block; position:absolute; bottom:10px; right:10px; width:41px; height:14px; background-color: #fff; text-transform: uppercase; text-align: center;}

/******************* Formulaires **********************/

.bouton{
  display:block; color:#fff; background-color:#759FBB;
  font:bold 10px Verdana; line-height:18px; width:160px; height:18px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 8pt Verdana; color:#00537b; border:1px solid #759FBB;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row {clear: both; margin-bottom:5px;}
.row label {float: left; margin-right: 5px; width: 120px; text-align: right; font: normal 11px Verdana; color: #29789e;}
.row label span{color: #ff5c00;}

.row textarea, .row input {width: 160px;}
.row select {width: 162px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:120px; text-align:right;}
.row_rad .rad {margin-left:125px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{float: left; margin-right: 5px; width: 120px; text-align: right; font: normal 11px Verdana; color: #29789e;}
.row_are textarea{width:285px; height:105px;}

.row_bt {margin-left:125px; clear:both; margin-bottom:5px;}


/******************* Boites**********************/
.boite_moitie{width:290px; padding:5px; background-color:#d7e9f4; margin-bottom:10px;}

#boite_livraison{float:left;}
#boite_facturation{float:right;}



/******************************************/
/******************  ENTETE  **************/
/******************************************/
#conteneur {margin:0 auto; width:910px;overflow-x:hidden; background:url(images/fonds/fond.gif) repeat-y;}

#entete {width:240px; overflow-x:hidden; float:left; display:inline; margin:0 15px 0 20px;}
  #logo {width:238px; margin:30px 0 0 0;}
  ul#menu{padding: 0; margin: 15px 0 23px 15px;font: bold 10pt Verdana, sans-serif; width: 200px;}
  ul#menu li{display: block;list-style-type: none; margin: 0 0 1px 0;background:url(images/fonds/menu.gif) repeat-x 0 bottom; }
  ul#menu li a{line-height:22px;color :#00537b; padding: 3px 20px; border-left: 5px solid #00537b;text-decoration: none;}
  ul#menu li a:hover, ul#menu li a#actMenu {padding-left:10px; border-left:5px solid #ff5c00;color:#ff5c00;}

#entete .pub_gauche{padding-bottom:7px;}
  
#entete .bandeau {width:240px; overflow-x:hidden; background: #29789e; margin:0 0 7px 0;}
#entete .bandeau p {color:#d7e9f4;}
#entete .bandeau h3 {font:normal 9pt Verdana; color: #d7e9f4; text-transform:uppercase; padding:0 0 0 15px; background: #5dabd1; line-height:20px; width: 225px;}
#entete .bandeau .row{margin:10px 0 10px 15px;}
#entete .bandeau .row input{border:none; width:150px; padding:2px 3px;}
#entete .bandeau .row input.ok{margin-left:10px; background:#d7e9f4; border:none;font: normal 8pt Verdana; color:#00537b; width:20px; height:17px;}
#entete ul#ssmenu{padding: 0 0 15px 0; margin: 15px 0 0 15px;font: normal 8pt Verdana, sans-serif; width: 200px; text-transform:uppercase;}
#entete ul#ssmenu li{display: block;list-style-type: none; margin: 0 0 1px 0; background:url(images/fonds/menu.gif) repeat-x 0 bottom;}
#entete ul#ssmenu li a{font-weight:normal; line-height:19px; color :#d7e9f4; padding: 3px 15px; border-left: 5px solid #d7e9f4;text-decoration: none;}
#entete ul#ssmenu li a:hover,
#entete ul#ssmenu li a.hover {padding-left:10px; border-left:5px solid #002c41;color:#002c41; font-weight:bold;}

#entete #paiements {width:248px; overflow-x:hidden;}
#entete #paiements img{margin:2px 0;}
#entete #paiements #paieG{width:125px; float:left; display:inline;}
#entete #paiements #colissimo{width:100px; float:right; display:inline;margin:0 10px;}

#entete #lien_affaires{display:block; width:166px; height:46px; padding:10px 0 10px 74px; 
  font: normal 18px verdana; color:#fff; margin-bottom: 7px; text-transform: uppercase;  
  line-height:22px; background:#004e73 url(images/fonds/lien_affaires.gif) no-repeat 5px 5px}

#entete #accroche {font-size:14px;text-align:center;padding:17px 10px 10px 10px;}
#entete #accroche img{float:right;display:inline; margin-bottom:10px;}
  
#contain {width:614px; overflow-x:hidden; float:left; display:inline;}
#contain #header {height:30px;}
#contain #header #compte {float:left; display:inline; width:360px;margin:8px 0 0 0;}
#contain #header #compte label{font:normal 8pt Verdana; color:#759fbb; margin:0 5px 0 0;}
#contain #header #compte input.champ{margin:0 10px 0 0 ; width:110px; padding:0 3px;height:14px;}
#contain #header #compte input.ok2{ background:#00547c; border:none;font: normal 7pt Verdana; color:#fff;width:20px;}

#contain #header #liens{float:left; display:inline; width:160px;margin:4px 0 0 0;}
#contain #header #liens a{display:block;}
#contain #header #liens a#mdp{font:italic 7pt Verdana; color:#759fbb; margin:0;}
#contain #header #liens a#creer{font:normal 7pt Verdana; color:#759fbb; margin:0;}

#contain #header #compte_conn{float:left; display:inline; width:520px;margin:8px 0 0 0;}
#contain #header #compte_conn h4{float:left; font:bold 11px Verdana; margin-right:10px;}
#contain #header #compte_conn ul#menu_client{ list-style-type:none;}
#contain #header #compte_conn ul#menu_client li{float:left; margin:0 5px 0 0;} 
#contain #header #compte_conn ul#menu_client li a{font:normal 11px Verdana; color:#759fbb;} 

#contain #header #panier{float:right; display:inline; width:80px;margin:8px 5px 0 0;}
#contain #header #panier a{display:block; font:normal 7pt Verdana; color:#00537b; text-align:right;}
#contain #header #panier a img{ margin: 0 5px 0 0;}

#contain #banniere {clear:both; width:610px; height:229px; overflow:hidden; border:2px solid #7aa3be; margin: 0 0 9px 0;}

#contenu{width:614px; overflow:hidden; padding-top:3px;}
  
  
/******************************************/
/*****************  ACCUEIL  **************/
/******************************************/    
  .pub_acc{clear:both; width:614px; overflow:hidden; padding-bottom:15px;}
  
  #pub {clear:both; width:614px; overflow:hidden; padding-top:15px;}
  
  #titre_affaires{display:block; font:bold 11px Verdana; color: #fff; text-transform:uppercase; padding-left:42px; background-color:#153d51; line-height:20px; width: 572px; position:relative;}
  #titre_affaires img{position:absolute; left:6px; top:-3px;}
  #titre_affaires span{float:right; display:inline; margin-right:16px;  font:normal 11px verdana; color:#fff; text-transform: none; line-height:20px;}
  #titre_affaires:hover{text-decoration: none;}
  #titre_affaires:hover span{text-decoration: underline;}  
  #contenu_cadre_affaires{border-color:#153d51; margin-bottom:25px}

/******************************************/
/******************  LOGIN  ***************/
/******************************************/  
#form_nouveau{float:left;}
#form_acces{float:right}
#form_oubli{float:right}



/******************************************/
/*****************  SOCIETE  **************/
/******************************************/  
  ul.liste-contenu {list-style-type:none; margin-bottom:10px;margin-left:25px;}
  ul.liste-contenu li{list-style-image:url(images/icones/puce.gif);padding:0; margin:0; font:normal 11px Verdana; color:#00537b;}



/******************************************/
/*****************  CONTACT  **************/
/******************************************/
form#formContact {width:350px; margin:0 auto;}
#merci {text-align:center; line-height:200px;}


/******************************************/
/*************  DOCUMENT      *************/
/******************************************/
.document {background-color: #F1F6F8; padding: 10px; width: 277px; overflow-x:hidden; margin-right: 20px; float: left;}
.document h2{color: #29789E;}
.document a {display: block; text-decoration: none; color: #7AA3BE; text-align: right;}
.document a img{vertical-align: middle;}
.document2{margin-right:0;}
.doc_date {color: #7AA3BE;}

/******************************************/
/*************  ANNONCE       *************/
/******************************************/


/************ Liste ***********/
.annonce {position: relative;background-color: #F1F6F8;width: 287px;height: 135px;overflow:hidden;margin: 0 10px;
  float: left;}
.annonce .titre {padding-left: 10px;background-color: #7AA3BE;}
.annonce .titre a {color: #FFFFFF;}
.annonce .corps {margin: 10px;}
.annonce .info a{position: absolute;bottom: 5px;right: 5px;}
.annonce2{}


/******************************************/
/*************  CONSEIL       *************/
/******************************************/


/************ Liste ***********/
.conseil {position: relative;background-color: #F1F6F8;width: 287px;height: 135px;overflow:hidden;margin: 0 10px;
  float: left;}
.conseil .titre{color: #FFFFFF;padding-left: 10px;background-color: #7AA3BE;}
.conseil .corps {margin: 10px;}
.conseil a{position: absolute;bottom: 5px;right: 5px;}
.conseil2{}


/************ Détail ***********/
h1.conseil_detail_titre {font:normal 11px verdana; line-height:15px; height:15px; margin-bottom:0;}
h1.conseil_detail_titre #con_d_date {float: right; margin-right: 10px;}
.conseil_detail {background-color: #F1F6F8; color: #00537B; width:554px; overflow-x:hidden; 
  padding: 20px 30px; margin-bottom: 20px;}
  
.nos_produits {background-color: #FFFFFF; border: 1px solid #7AA3BE; color: #00537B; padding: 10px;}
.nos_produits_titre{color: #FFFFFF; background-color: #7AA3BE; font:bold 11px "Verdana"; 
  height:21px; line-height:21px; padding-left: 10px;}


  .case_pdt_con{width:130px; overflow-x:hidden; float:left; display:inline; margin-bottom:10px;}
  .case_pdt_con_drt{margin-left:20px;}
  .case_pdt_con h3{padding-left:10px; line-height:15px; height:15px; overflow:hidden;}
  .case_pdt_con .relative{position:relative; width: 102px; height:126px; overflow:hidden; padding:10px 14px;}
  .case_pdt_con .relative .produit {float:left; display:inline; width:100px; height:100px; text-align:center; background-color:#fff; margin-right:8px;}
  .case_pdt_con .relative .pdt_description_courte{text-align:justify}
  .case_pdt_con .relative .zone_prix{position:absolute; top:118px; left:15px;}
  .case_pdt_con .relative p.promo{margin-bottom:0; font-size:10px; font-weight:bold; text-decoration:line-through;}
  .case_pdt_con .relative .prix{margin-bottom:0; font-size:12px; font-weight:bold;}
  .case_pdt_con .relative .panier{display:block; position:absolute; bottom:11px; right:35px; width:16px; height:16px;}
  .case_pdt_con .relative .info{display:block; position:absolute; bottom:11px; right:14px; width:16px; height:16px;}



/******************************************/
/*************  PRODUIT       *************/
/******************************************/

/************ Liste ***********/
.rech_avan{text-transform: uppercase; color:#5dabd1; margin:0 0 2px 10px;}

/************ Détail ***********/
.produit_d h2{margin-bottom:0; padding-left:10px;}
.produit_d .retour{display:block; text-align:right; font:normal 10px verdana; color:#5dabd1; margin-bottom:5px;}
#fiche_pdt{margin-bottom:20px; padding:10px; width:562px; overflow:hidden;}
  #fiche_pdt #img_pdt{float:left; margin-right:10px;}
  #fiche_pdt #fiche_pdt_contenu{float:right; width:350px; overflow:hidden;}
  #fiche_pdt .dis_libelle{float:right; font-size:10px; line-height:45px; width:45px; height:45px; overflow:hidden; text-align:center; 
    background-image: url(images/icones/dispo-trans.png); color:#fff;}
  #fiche_pdt .zone_prix{margin:0;} 
  #fiche_pdt .pdt_description_longue{margin-bottom:10px;} 
  #fiche_pdt .prix{font-size:14px; font-weight:bold;}
  #fiche_pdt .promo{font-size:10px; font-weight:bold;text-decoration:line-through;}
  #fiche_pdt .panier{display:block; float:right; height:16px; padding:0 3px; text-transform: uppercase; font:normal 11px arial; line-height: 16px;}
  #fiche_pdt .panier img{float:left; display:inline; margin-right:3px;}


/******************************************/
/*************  PIED DE PAGE  *************/
/******************************************/  
#piedpage {background:#00537b; padding: 12px 10px 9px; margin:15px 5px 5px 5px; width:880px; height:13px; overflow:hidden;}
#piedpage ul#menubas {width:530px; overflow-x:hidden; list-style-type:none;float:left; display:inline;}
#piedpage ul#menubas li {margin:0px; padding:0px;float:left; display:inline; }
#piedpage ul#menubas li a{font: normal 11px Verdana; color:#fff; border-right: 1px solid #fff; padding:0 10px;text-decoration:none; }
#piedpage ul#menubas li a:hover, #piedpage ul#menubas li a#active{text-decoration:underline; }
#piedpage #awc{float:right; display:inline; font: normal 11px Tahoma; color:#fff;}
#piedpage #awc a{ font: normal 11px Tahoma; color:#fff; text-decoration:none; }