*{margin:0; padding:0;}
img{border:0px;}
body{margin:0; padding:0; background:url(images/ligne.gif); background-repeat: repeat-x ; background-color:#edf1f4; text-align:center;}
.frame {margin:0; padding:0; background-color:#edf1f4; background-repeat: repeat-x ; background-color:#edf1f4; text-align:center;}

.texte{font: normal 11px Verdana; color:#666666;}
.lien{font: bold 11px Verdana; color:#000000; text-decoration: underline;}
.lien:hover{color:#666666;}
.titre{font: bold 13px Verdana; color:#333333;}

/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#1874D8;
  font:bold 10px verdana; line-height:20px; width:160px; height:20px; 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 10px verdana; color:#666; border:1px solid #1874D8;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row{clear:both; margin:5px 0 5px 0;}
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;}
.row label span{color:#f00;}
.row textarea, .row input {width: 210px;}
.row select {/*width: 60px;*/}

.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_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin:5px 0 5px 0;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; 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_bt {margin-left:150px; clear:both; margin-bottom:5px;}


#conteneur{
    background:url(images/fond.gif);
    background-repeat: no repeat;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 670px;
    text-align: center;
    }

.champvide {
border:2px solid #FF0000;
padding-left: 2px;
padding-bottom: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #666;
}

#bandeau_gch{background-color:#fef0e7; text-align:left;}
#reference{width: 221px;}
		#reference .titres_tr{background-color:#feccaa}
    #reference .titres{padding: 5px 0 5px 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight:bold; color: #f38d47;}
    #reference .titres a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; color:#F38D47;text-decoration: none;}
    #reference .titres a:hover{text-decoration: underline;}
    #reference .soustitres{padding-top: 10px; padding-left: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style: normal; font-weight:bold; color: #606063;}
    #reference .texte a{text-decoration: none; padding-bottom: 5px; padding-right: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666;}
    #reference .texte a:hover{text-decoration: underline; padding-bottom: 5px; padding-right: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666;}
    #reference .texte{padding-bottom: 5px; padding-left: 11px; padding-right: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666;}
    #reference .texte_pdt a{text-decoration: none; padding-bottom: 5px; /*padding-right: 15px;*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333;}
    #reference .texte_pdt a:hover{text-decoration: underline; padding-bottom: 5px; /*padding-right: 15px;*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333;}
    #reference .texte_pdt{padding-bottom: 5px; padding-left: 40px; padding-right: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333;}
    #reference .textes{text-align: justify; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666;}
    #reference .liens{padding: 5px 12px 10px 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333;}
    #reference .liens a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333; text-decoration: underline;}
    #reference .liens a:hover{color: #666;}

#contenu{padding:0;}
    #contenu #titres{padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; color: #32475e;}
    #contenu .soustitres{padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: italic; font-weight:bold; color: #666;}
    #contenu .soustitres2{padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color: #666;}
    #contenu .texteit{text-align:justify; padding:0 13px 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style: italic; color: #666;}
    #contenu .texte{text-align:justify; padding-right: 3px; padding-left: 3px; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666;}
    #contenu .color{text-align:justify; padding-right: 3px; padding-left: 3px; padding-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  font-weight:bold; color: #528080; text-decoration: underline;}
    #contenu .ancre {text-align:justify; padding-right: 3px; padding-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #528080; text-decoration: none;}
    #contenu .ancre a{text-align:justify; padding-right: 3px; padding-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #528080; text-decoration: none;}
    #contenu .ancre a:hover{text-decoration: underline;}
    #contenu .textes{text-align:center; padding-right: 3px; padding-left: 3px; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333;}
    #contenu .texte2{background-color:#e5e9ea; padding-right: 3px; padding-left: 3px; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight:bold; color: #333;}
    #contenu .saisies{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333; text-decoration: none;}
    #contenu #liens{padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333;}
    #contenu #liens a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bold; color: #333; text-decoration: underline;}
    #contenu #liens a:hover{color: #666;}
    #contenu #imput{padding-right: 30px;}

#faq{width: 221px;}
    #faq #titres{padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight:bold; color: #1874d8;}
    #faq #texte{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight:bold; color: #333;}
    #faq #texte a{color: #fff; text-decoration: none;}
    #faq #texte a:hover{text-decoration: underline;}

#cadre{width: 221px;}
    #cadre #titres{padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight:bold; color: #1874d8;}
    #cadre #texte{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #333;}
    #cadre #texte a{color: #fff; text-decoration: none;}
    #cadre #texte a:hover{text-decoration: underline;}

#menu {padding: 10px 10px 0 0; font-family: verdana; font-size: 11px; color: #fff; font-weight:bold; text-decoration: none;}
    #menu li {list-style-type: none; display: inline;}
    #menu li a{ font-family: verdana; font-size: 11px; color: #fff; font-weight:bold; text-decoration: none;}
    #menu li a:hover{color: #333;}
    #menu li a .active{font-family: verdana; font-size: 11px; color: #333; font-weight:bold; text-decoration: none;}

.liensmicro { padding-left:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #fff;text-decoration: none;}
.liensmicro a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #fff;text-decoration: none;}
.liensmicro a:hover{color: #333;text-decoration: none;}

.actu_date{font: italic 11px verdana;}
.actu_titre{font-weight:bold;color:#000070;}


.ref { position:absolute; font: bold 1px Arial; color:white; visibility:hidden}
h1 {font:normal 14px Verdana; text-decoration:none; text-transform:uppercase; float:right; color:#e4eef9; padding:15px 21px 0 0; display:inline;}

/* accueil */
#actualites p {width:210px}

.clear{clear:both; height:1px; overflow:hidden; width:100%;}
#Qui .titres{padding:0 5px 0 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight:bold; color: #fff; background:#77a5d6;}
#Qui {margin:2px 0 0 0; display:inline-table;}
.wrapQui{margin:5px 0 0 0;}
#reference  #actus .titres{padding: 5px 0 5px 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight:bold; color: #4669cc;}

#ProdBlock{ width:660px; display:inline-block; /*height:173px; overflow:hidden;*/ margin:0 0 0 4px;}
h1,#cb h4,#ProdBlock h4, #FicheBlock h4, #PanierBlock h4, #ConnexBlock h4, #ProfilBlock h4, #SuiviBlock h4, #CommandBlock h4, #CompteBlock h4, #moteur_resultat h4 {font:bold 14px Verdana; background:#1874d8; height:43px; overflow:hidden; margin:0 0 12px 2px; padding:0 0 0 10px; color:#fff; color:#e4eef9; width:648px; }
* html #CompteBlock h4, * html #ProdBlock h4, * html #FicheBlock h4, * html #PanierBlock h4, * html #ConnexBlock h4, * html #ProfilBlock h4, * html #SuiviBlock h4, * html #CommandBlock h4, * html #moteur_resultat h4 {font:bold 14px Verdana; background:#1874d8; height:43px; overflow:hidden; margin:0 0 12px 2px; padding:0 0 0 10px; color:#fff; color:#e4eef9; width:658px; }

h1,#cb h4 span,#ProdBlock h4 span, #FicheBlock h4 span, #PanierBlock h4 span, #ConnexBlock h4 span, #ProfilBlock h4 span, #SuiviBlock h4 span, #CommandBlock h4 span, #CompteBlock h4 span, #moteur_resultat h4 span {float:left; padding:15px 0 0 0;}
#ProdBlock h4 a, #FicheBlock h4 a, #PanierBlock h4 a, #ConnexBlock h4 a, #ProfilBlock h4 a, #SuiviBlock h4 a, #CommandBlock h4 a, #CompteBlock h4 a, #moteur_resultat h4 a {font:normal 14px Verdana; text-decoration:none; text-transform:uppercase; float:right; color:#e4eef9; padding:15px 21px 0 0; display:inline;}
* html #ProdBlock h4 a{font:normal 14px Verdana; text-decoration:none; text-transform:uppercase; float:right; color:#e4eef9; padding:15px 10px 0 0; display:inline;}
*+html {font:normal 14px Verdana; text-decoration:none; text-transform:uppercase; float:right; color:#e4eef9; padding:15px 10px 0 0; display:inline;}
#ProdBlock h4 a:hover, #FicheBlock h4 a:hover{color:#fff;}
#ProdBlock h5{color:#ee6c04; font:bold 12px Verdana; display:block; padding:0px; margin:0 0 2px 0;height:30px; overflow:hidden;}
#ProdBlock h5 a {color:#ee6c04; font:bold 12px Verdana;text-decoration:none;}
#ProdBlock h5 a:hover {color:#ee6c04; font:bold 12px Verdana;text-decoration:underline;}
#ProdBlock .mini_desc {color:#3e3f3f; display: block; height:45px; overflow:hidden; text-decoration:none;}
#ProdBlock .mini_desc:hover {text-decoration: underline;}
#ProdBlock .ProdWrap{width:639px; margin:0 0 0 10px;}
#ProdBlock .prod1, #ProdBlock .prod2{width:305px; color:#3e3f3f; line-height:17px; font:normal 12px Verdana; text-align:left; margin:0 5px 30px 0;}
#ProdBlock .prod1 .pic, #ProdBlock .prod2 .pic{float:left; width:101px; border:1px solid #2079d9; text-align:center; margin:0 9px 0 0; display:inline; height:100px; overflow:hidden;}
#ProdBlock .prod1 .desc{float:left; width:196px; display:inline;}
#ProdBlock .prod1{float:left;}
#ProdBlock .prod2{float:right;}
#ProdBlock .btn{width:106px; height:20px; margin:2px 85px 0 0; padding:0px; float:right; display:inline;}
#ProdBlock .btn .left{float:left; background:url(images/btn-voir.gif) no-repeat; width:35px; height:19px;}
#ProdBlock .btn .thickbox{float:right; background:url(images/btn-acheter.gif) no-repeat; width:59px; height:19px;}
#ProdBlock .btn .alert{float:right; background:url(images/btn-acheter.gif) no-repeat; width:59px; height:19px;}

/* produit */
#menu_produit{list-style-type:none;float:left;display:inline;width:650px;padding:5px 0 5px 8px;margin:1px 0 10px 0;background:#c8d2ed;}
#menu_produit div{float:left;padding:0 0 0 40px;}
#menu_produit div a{font-weight:bold;font-size:12px;text-decoration:none;color:#476bcc;}
#menu_produit div a:hover{color:#ee6c04;}
#menu_produit div a.selected{color:#ee6c04;}
#menu_produit div ul{position:absolute;margin:5px 0 0 0;*margin:23px 0 0 -35px;padding:10px 0;list-style-type:none;}
#menu_produit .deroule{padding-left:10px;width:200px;background:#c8d2ed;}

.miniFicheProduit{width:305px;float:left;display:inline;margin:10px;}
.miniFicheProduit img{float:left;display:inline;border:1px solid #1874D8;margin-bottom:20px;}
.miniFicheProduit h5{color:#ee6c04; font:bold 12px Verdana; display:block; padding:0px; margin:0 0 2px 0;height:30px; overflow:hidden;}
.miniFicheProduit h5 a {color:#ee6c04; font:bold 12px Verdana;text-decoration:none;}
.miniFicheProduit h5 a:hover {color:#ee6c04; font:bold 12px Verdana;text-decoration:underline;}
.miniFicheProduit .infoProduit{float:left;display:inline;margin-left:5px;width:175px;}

#moteur_resultat{margin-left:5px;}
#moteur_resultat h4 {margin:3px 0 0 0;}
#moteur_resultat .MoteurNavigation{text-align:center;margin-bottom:10px;color:#1874D8;}
#moteur_resultat .MoteurNavigation a {color:#1874D8;}

/* fiches */
#FicheBlock{ width:660px; display:inline-block; margin:0 0 0 4px;}
#FicheBlock h4{font:bold 12px Verdana;}
#FicheBlock h4 a{font:normal 14px Verdana;}
#FicheBlock .FicheWrap{width:641px; margin:0 0 0 10px;}
#FicheBlock .FicheWrap .left div{border:1px solid #1874d8; height:100px; overflow:hidden; width:100px; overflow-x:hidden;}
#FicheBlock .FicheWrap .left div img{width:100px; height:100px; overflow:hidden; overflow-x:hidden;}
#FicheBlock .FicheWrap .right{padding:0 0 0 6px;}
#FicheBlock .FicheWrap .desc{float:left; width:327px; color:#3e3f3f; font:normal 12px Verdana;}
#FicheBlock .FicheWrap span {color:#3e3f3f; font:normal 12px Verdana; margin: 15px 0 0 0}
#FicheBlock #links{float:right; width:198px;}
#FicheBlock #links a{float:left; display:inline;}
#FicheBlock #links a.diapo{background:url(images/btn-diapo.gif) no-repeat; width:84px; height:19px; margin:0 7px 0 0;}
#FicheBlock #links a.ficheTech{background:url(images/btn-fiche.gif) no-repeat; width:107px; height:19px;float:right;}
#FicheBlock #links a.notice{background:url(images/btn-notice.gif) no-repeat; width:107px; height:19px; float:right; margin:5px 0 0 0;}
#FicheBlock #links a.video{background:url(images/btn-video.gif) no-repeat; width:84px; height:19px; margin:5px 7px 0 0;}
#FicheBlock #links div {font-size:13px;font-style: italic;margin-left:5px;}
#FicheBlock #links div a{float:none;}

#FicheBlock .tab{margin:18px auto 0 auto; color:#303030;}
#FicheBlock .tab th{font:bold 12px Verdana; border-bottom:1px solid #bdd6f1; border-top:1px solid #bdd6f1; padding:2px 0 2px 0; text-align:left;}
#FicheBlock .tab td{font:normal 11px Verdana; padding:3px 0 3px 0; border-bottom:1px solid #bdd6f1;}
#FicheBlock .tab input{font:normal 11px Verdana; border:1px solid #cbcbcb; width:38px; margin:0 0 0 5px;}
#FicheBlock .tab a.acheter{background:url(images/btn-acheter.gif) no-repeat; width:59px; height:19px; display:block;}

#FicheInfos{width:658px; margin:25px 0 0 6px;}

* html #FicheInfos{ width:650px; margin:25px 0 0 6px}

#lightbox-container-image-data-box {overflow:hidden !important;}

/** thickbox **/
#TB_ajaxContent #links{float:right; width:198px;}
#TB_ajaxContent #links a{float:left; display:inline;}
#TB_ajaxContent #links a.diapo{background:url(images/btn-diapo.gif) no-repeat; width:84px; height:19px; margin:0 7px 0 0;}
#TB_ajaxContent #links a.ficheTech{background:url(images/btn-fiche.gif) no-repeat; width:107px; height:19px;}
#TB_ajaxContent #links a.notice{background:url(images/btn-notice.gif) no-repeat; width:107px; height:19px; float:right; margin:5px 0 0 0;}
#TB_ajaxContent .tab{margin:18px auto 0 auto; color:#303030;}
#TB_ajaxContent .tab th{font:bold 12px Verdana; border-bottom:1px solid #bdd6f1; border-top:1px solid #bdd6f1; padding:2px 0 2px 0; text-align:left;}
#TB_ajaxContent .tab td{font:normal 11px Verdana; padding:3px 0 3px 0; border-bottom:1px solid #bdd6f1;}
#TB_ajaxContent .tab input{font:normal 11px Verdana; border:1px solid #cbcbcb; width:38px; margin:0 0 0 5px;}
#TB_ajaxContent .tab a.acheter{background:url(images/btn-acheter.gif) no-repeat; width:59px; height:19px; display:block;}


/* mon panier */
#PanierBlock{ width:660px; display:inline-block; margin:0 0 0 4px; font: normal 11px verdana}
#PanierBlock h4{font:bold 12px Verdana;}
#PanierBlock h4 a{font:normal 10px Verdana;}
#PanierBlock .message_p {margin: 40px 200px}
#PanierBlock .PanierWrap, #PanierBlock .OptWrap {width:641px; margin:0 0 0 10px; border: 1px solid #1874D8;}
#PanierBlock .PanierWrap thead tr,  #PanierBlock .OptWrap thead tr{background: #5A9AE0; color:#fff; font: bold 12px verdana; height:27px;}
#PanierBlock .PanierWrap tbody tr td , #PanierBlock .OptWrap tbody tr td{border-right: 1px solid #1874D8; font: normal 11px verdana}
#PanierBlock a.bouton {text-decoration:none;}
#PanierBlock .PanierWrap tbody tr td.panier_article{width:428px;} 
#PanierBlock .PanierWrap tbody tr td, #PanierBlock .OptWrap tbody tr td{padding: 5px;}
#PanierBlock .OptWrap tbody tr td td{padding: 0; border-right: none;}
#total_panier {width:100%; font: normal 11px verdana; border:none;}
#total_panier tr td.right {border:none;}
/****/

/* login */
#ConnexBlock{ width:660px; display:inline-block; margin:0 0 0 4px; font: normal 11px verdana;}
#ConnexBlock th {height:27px; line-height:27px; font:bold 15px Verdana;}
#ConnexBlock h4{font:bold 12px Verdana;}
#ConnexBlock h4 a{font:normal 10px Verdana;}
#ConnexBlock .ConnexWrap, #ConnexBlock .OptWrap {width:641px; margin:0 0 0 10px;}
#ConnexBlock .ConnexWrap thead tr,  #ConnexBlock .OptWrap thead tr{background: #5A9AE0; color:#fff; height:27px;}
#ConnexBlock .ConnexWrap tbody tr td , #ConnexBlock .OptWrap tbody tr td {font: normal 11px verdana; vertical-align:top; width:318px;}
#ConnexBlock .ConnexWrap tbody tr td.deco{border-right: 1px solid #5A9AE0;font: normal 11px verdana; vertical-align:top; width:318px; border-left:1px solid #5A9AE0; border-bottom:1px solid #5A9AE0; margin:0 1px 0 0;}
#ConnexBlock .ConnexWrap tbody tr td.deco2{border-right: 1px solid #F38D47; border-left: 1px solid #F38D47; border-bottom: 1px solid #F38D47; display:inline-block; margin:0 0 0 1px; height:365px;}
#ConnexBlock .ConnexWrap  tbody tr input, #ConnexBlock .OptWrap tbody tr input{width: 145px;}
#ConnexBlock .ConnexWrap tbody tr td span.titre_section {text-align: center;display:inline-block; width:100%; height:27px; border: 1px solid #1874D8; background:#5A9AE0;color:#fff; font: bold 12px verdana; margin: 50px 0 0 0; padding:3px 0 0 0;}
#ConnexBlock .ConnexWrap  tbody tr td form p, #ConnexBlock .OptWrap tbody tr td form p{margin:3px; padding:4px;background: #FEF0E7; color:#666;}
#ConnexBlock .ConnexWrap  tbody tr td form p a, #ConnexBlock .OptWrap tbody tr td form  a{color:#fff; text-decoration:none; font:bold 11px verdana;}
/****/

/* profil */
#ProfilBlock{ width:660px; display:inline-block; margin:0 0 0 4px; font: normal 11px verdana;}
#ProfilBlock h4{font:bold 12px Verdana;}
#ProfilBlock h4 a{font:normal 10px Verdana;}
#ProfilBlock .ProfilWrap{width:641px; margin:0 0 0 10px; border: 1px solid #1874D8;}
#ProfilBlock .ProfilWrap thead tr{background: #5A9AE0; color:#fff; font: bold 12px verdana; height:27px;}
#ProfilBlock .ProfilWrap tbody tr td  {border-right: 1px solid #1874D8; font: normal 11px verdana; vertical-align:top; width:300px;}
/*#ProfilBlock .ProfilWrap  tbody tr input{width: 150px;}*/
#ProfilBlock .ProfilWrap  tbody tr td form p{margin: 3px;background: #FEF0E7; color:#666; padding:4px;}
#ProfilBlock .ProfilWrap  tbody tr td form p a{color:#fff; text-decoration:none; font:bold 11px verdana;}
#ProfilBlock .ProfilWrap tbody tr td form span {text-align: center;display:block; width:100%; border: 1px solid #1874D8; background:#5A9AE0;color:#fff; font: bold 12px verdana; height:27px; line-height:27px;}
#NF_FORM, #compte_l, .form_defaut{width:640px; display:inline-block;}
#form_nouveau, #form_acces{display:block; width:318px;}
#form_acces{margin:43px 0 0 0;}
/****/

/* suivi */

#SuiviBlock{ width:660px; display:inline-block; margin:0 0 0 4px; font: normal 11px verdana}
#SuiviBlock h4{font:bold 12px Verdana;}
#SuiviBlock h4 a{font:normal 10px Verdana;}

#SuiviBlock .SuiviWrap{width:641px; margin:0 0 0 10px; border: 1px solid #1874D8;}
#SuiviBlock .SuiviWrap thead tr{background: #5A9AE0; color:#fff; font: bold 12px verdana; height:27px;}
#SuiviBlock .SuiviWrap tbody tr td  {border-right: 1px solid #1874D8; font: normal 11px verdana; vertical-align:top; width:300px;}
#SuiviBlock .SuiviWrap  tbody tr input{width: 150px;}
#SuiviBlock .SuiviWrap tbody tr td .MoteurNavigation {text-align: center; color: #666}
#SuiviBlock .SuiviWrap tbody tr td .MoteurNavigation a{ color: #333; font-weight:bold;}
#SuiviBlock .SuiviWrap tbody tr td .Moteur {margin: 10px 5px; border-bottom:}
#SuiviBlock .SuiviWrap tbody tr td  p{margin: 3px;background: #FEF0E7; color:#666; padding:4px 5px; width:630px;}
#SuiviBlock .SuiviWrap  tbody tr td p a{color:#333; text-decoration:underline;}
#SuiviBlock .SuiviWrap tbody tr td .Moteur {width:636px;}
#SuiviBlock .SuiviWrap tbody tr td .Moteur .MoteurLigne1 {background:#FEF0E7; color:#666666; padding:4px;}
#SuiviBlock .SuiviWrap tbody tr td .Moteur .MoteurLigne0 {color:#666666; padding:4px;}
#SuiviBlock .SuiviWrap tbody tr td .Moteur .MoteurLigne1 a, #SuiviBlock .SuiviWrap tbody tr td .Moteur .MoteurLigne0 a {color:#333; text-decoration: underline} 
/*#SuiviBlock .SuiviWrap tbody tr td {}*/
#SuiviBlock .SuiviWrap tbody tr td .Moteur tr td, #SuiviBlock .SuiviWrap tbody tr td .Moteur tr th {border-right: 1px solid #fff}
#SuiviBlock .SuiviWrap tbody tr td .Moteur tr td.suivi_statut {width:500px; padding: 5px;}
#SuiviBlock .SuiviWrap tbody tr td .Moteur tr td.suivi_date,  #SuiviBlock .SuiviWrap tbody tr td .Moteur tr td.suivi_num, #SuiviBlock .SuiviWrap tbody tr td .Moteur tr td.suivi_montant {width: 75px; padding: 5px;}
#SuiviBlock .SuiviWrap tbody tr td .Moteur tr td.suivi_pdf {width:40px; padding: 5px;}

/****/

/* commande */
#CommandBlock{ width:660px; display:inline-block; margin:0 0 0 4px; font: normal 11px verdana}
#CommandBlock h4{font:bold 12px Verdana;}
#CommandBlock h4 a{font:normal 10px Verdana;}
#CommandBlock .CommandWrap{width:641px; margin:0 0 0 10px; border: 1px solid #1874D8;}
#CommandBlock .CommandWrap .boite_moitie .row{ padding: 2px;}
#CommandBlock .CommandWrap thead tr{background: #5A9AE0; color:#fff; font: bold 12px verdana; height:27px;}
#CommandBlock .CommandWrap tbody tr td  {border-right: 1px solid #1874D8; font: normal 11px verdana; vertical-align:top; width:300px;}
#CommandBlock .CommandWrap  tbody tr input{width: 150px;}
#CommandBlock .CommandWrap  tbody tr td form .row_chk{margin: 3px;background: #FEF0E7; color:#666; padding:4px;}
#CommandBlock .CommandWrap  tbody tr td form .row_chk a{color:#333; text-decoration:none; font:normal 11px verdana; text-decoration:underline;}
#CommandBlock .CommandWrap .PdtWrap, #CommandBlock .moteur {border-bottom:1px solid #1874D8;}
#CommandBlock .CommandWrap .PdtWrap tr td { padding: 5px;}
#CommandBlock .CommandWrap #total_panier tr td { padding: 2px;}
#CommandBlock .CommandWrap #total_panier tr td.right {border:none;} 
#CommandBlock .CommandWrap .PdtWrap tr td.com_article {width: 475px;}
#CommandBlock .CommandWrap .PdtWrap tr td.com_uttc {width: 100px;}
#CommandBlock .CommandWrap .PdtWrap tr td.com_tttc {width: 100px;}
#CommandBlock .CommandWrap .PdtWrap tr td.com_quantite { width: 30px;}
#CommandBlock .CommandWrap tbody tr td form span.titre_section {text-align: center; height:27px; border: 1px solid #1874D8; background:#5A9AE0;color:#fff; font: bold 12px verdana; margin:0 0 5px 0; display:block; padding:4px 0 0 0;}
#CommandBlock a.bouton {text-decoration:none;}
/****/
/* compte */
#CompteBlock{ width:660px; display:inline-block; margin:0 0 0 4px; font: normal 11px verdana}
#CompteBlock h4{font:bold 12px Verdana;}
#CompteBlock h4 a{font:normal 10px Verdana;}
#CompteBlock .CompteWrap{width:641px; margin:0 0 0 10px; border: 1px solid #1874D8;}
#CompteBlock .CompteWrap thead tr{background: #5A9AE0; color:#fff; font: bold 12px verdana; height:27px;}
#CompteBlock .CompteWrap tbody tr td  {border-right: 1px solid #1874D8; font: normal 11px verdana; vertical-align:top; width:300px;}
#CompteBlock .CompteWrap tbody tr td ul {display: block; list-style: none; margin: 20px 0 20px 20px; width:98%;}
#CompteBlock .CompteWrap tbody tr td ul  li {margin: 2px 0 2;}
#CompteBlock .CompteWrap tbody tr td ul  li a {color:#1874D8; text-decoration:none; font: bold 11px verdana;}
/****/
#ConnexBlock #CIV_ID_5, #ConnexBlock #CIV_ID_6, #ConnexBlock #CIV_ID_4, #ConnexBlock #CLI_NEWSLETTER,#boite_civilite #CLI_NEWSLETTER, #boite_livraison #CLI_FLAG_RECOPIE_ADRESSE_FACTURATION, #CommandBlock #ACCEPTE_CGV{width:15px;}
#ConnexBlock #CLI_NEWSLETTER, #boite_civilite #CLI_NEWSLETTER,#boite_livraison #CLI_FLAG_RECOPIE_ADRESSE_FACTURATION, #CommandBlock #ACCEPTE_CGV{margin-left:25px;}
#boite_livraison #LIVR_PAY_ID, #boite_facturation #FACT_PAY_ID {width:80px}

#ConnexBlock th.cpt{background:#feccaa; color:#F38D47; border:1px solid #F38D47;}
#ConnexBlock th.inscr{border-right:1px solid #fff;}


/**********************************************************/
/************** cb *************************/
#cb{/*margin-top:20px;*/margin-bottom:20px; /*text-align:justify;*/margin-left:4px;}

#cb #div_cb{text-align:justify;margin-left:200px;width:350px;}
#cb #div_cb label{width:200px;float:left;text-align:left;}

/*
#cb h1{margin-left:120px;}
#cb h2{margin-left:120px;}

#cb .row label{width:200px;margin-right:0px;padding-right:0px;margin-left:50px;}
#cb .row span{width:200px;margin-left:10px;padding-left:0px;}
#cb p{width:350px;margin-left:100px;padding-left:0px;}*/


/**
 * Module actualité
 */
.act_titre {color:#000070; text-decoration:none; font-size:11px; margin:2px 5px; font-family: Helvetica, sans-serif;}
.act_date {font-size:11px; font-family: Helvetica, sans-serif; margin:5px 5px 2px 5px;}
.act_texte {font-size:11px; font-family: Helvetica, sans-serif; margin:2px 5px;}

/**
 * Moteur de recherche simple dans la fiche produit
 */
#moteur_simple {background:#edf1f4; padding:20px; margin-right:5px; font-size:13px; font-family: Helvetica, sans-serif;} 
#moteur_simple #ariane{list-style:none; height:44px;} 
#moteur_simple #ariane li{width:180px; float:left; line-height:22px; margin-left:26px; font-weight:bold; font-size:16px; color:#217ad9;} 
#moteur_simple #ariane img{float:left; margin-right:10px;}
#moteur_simple dt, #moteur_simple dd{padding-left:20px;}
#moteur_simple dt{font-weight:bold; margin-top:10px; height:20px; line-height:20px; background:url('images/puce/puce_moteur.gif') left center no-repeat;}
#moteur_simple dl a{color:#000; text-decoration:none;}
#moteur_simple dl a:hover{text-decoration:underline;}
#moteur_simple dl {width:300px; float:left; margin-top:10px;}
 
/**
 * Bandeau des produits mits en avant
 */
div.hr {background:#878a8c; height:10px; margin:0px 5px;}
#bandeau {border:1px #c6c6c6 solid; width:628px; font-family: Verdana, Helvetica, sans-serif;position:relative; margin:8px 15px; padding:5px;}
#bandeau #liste_produit, #bandeau #liste_famille{list-style:none; width:628px; overflow:hidden; }
#bandeau .suivant, #bandeau .precedent{position:absolute; top:130px; cursor:pointer; z-index:3;}
#bandeau .suivant{right:-12px;}
#bandeau .precedent{left:-12px;}

#bandeau #liste_produit {text-align:left; position:relative; background:url('images/fonds/fond_bandeau.jpg'); color:#fff; height:269px; overflow:hidden;}
#bandeau #liste_produit li {width:608px; height:249px; _width:628px; _height:269px; position:absolute; top:0px; left:628px; overflow:hidden; padding:10px;}
#bandeau #liste_produit li.first {left:0px;}
#bandeau #liste_produit .gauche {float:left; width:370px; margin:35px;}
#bandeau #liste_produit .pdt_titre {font-weight:bold;}
#bandeau #liste_produit .pdt_description {font-size:11px; height:100px;}
#bandeau #liste_produit .droite {float:right; text-align:center; width:130px; margin:30px; margin-left:0px;}
#bandeau #liste_produit .droite img{margin-bottom:6px;}
#bandeau #liste_produit .droite div {font-size:12px;}
#bandeau #liste_produit .droite div strong{font-size:25px;}
#bandeau #liste_produit a {color:#fff; text-decoration:none;  z-index:1;}

#bandeau #liste_famille {height:40px; font-size:12px; overflow:hidden; background-color:#498ad2; border-collapse:collapse; text-align:center;}
#bandeau #liste_famille td {width:20%; height:40px; vertical-align:middle; float:left; background:#000 url('images/fonds/fond_metier.jpg') left repeat-y;}
#bandeau #liste_famille td.first{background-image:none;}
#bandeau #liste_famille td.active{background:none;}
#bandeau #liste_famille td.active a{color:#000; font-weight:bold;}
#bandeau #liste_famille td a{color:#fff; text-decoration:none; margin:3px; display:block;}