/* ACCUEIL 
--------------------------------------------*/


/* Si Colonnes
-------------------------------------------------------------- */
/*
.column, .col1-1, .col1-2{float:left;}
.last {margin-right:0;}
/* 2cols 
.col1-1{ width:220px; background:#fff; margin:0 20px 0 0; background:#fff;}
.col1-2{ width:700px; margin:0 0 15px 0; overflow:hidden;}
*/
.column, .col2-1, .col2-2, .col3-1, .col3-2, .col3-3{float:left;}
.last {margin-right:0;}
/* 2cols */
.col2-1{ width:702px; margin:0 15px 0 9px;}
.col2-2{ width:230px;}
/* 3cols */
.col3-1{ width:190px;}
.col3-2{ width:580px;}
.col3-3{ width:190px;}
/* etc */


/*Accueil Slide 
-----------------------------------------*/

#AccueilSlide {position: relative;  overflow:hidden; height:292px; margin:15px 0 0 0; z-index:10;}
#AccueilSlide .view { float: left; position: relative; overflow: hidden; width:619px; height:292px;}
#AccueilSlide .overview {position: absolute; left: 0; top: 0; }
#AccueilSlide .overview li{ float:left; height: 270px; width:700px; margin:0 20px 0 0; padding:1px; }

#AccueilSlide .pager {position:absolute; bottom:10px; right:35px; overflow:hidden;  z-index:10;}
#AccueilSlide .pager li { float: left; margin:0 0 0 4px;}
#AccueilSlide .pagenum { display:block; height:18px; width:18px; text-decoration:none; background:#ff5400; font-size:10px; line-height:18px; text-align:center; color:#fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;}
#AccueilSlide .active { background:#fea014;}


/*Accueil News 
-----------------------------------------*/
#AccueilNews {overflow:hidden; width:215px; height:120px; border:1px solid #E0DDD7; margin:15px 0 0 0; padding:5px;}
#AccueilNews .titre{ font-size:18px; line-height:18px; text-align:center; }
#AccueilNews  p{ margin:7px 0 0 0; padding:0;}
#AccueilNews  img{width:65px; height:65px; float:left; margin:-6px 5px 0 0;}
#AccueilNews a{display:block; clear:both; width:100px; height:20px; text-align:center; background:#b3b1b2; line-height:20px; text-decoration:none; color:#4F4E4C; margin: 0 0 5px 120px;}
#AccueilNews a:hover{ color:#fff;}

/*Accueil Catalogues 
-----------------------------------------*/
#AccueilCatalogue1 { overflow:hidden; width:230px; height:130px; margin:10px 0 0 0; border:1px solid #E0DDD7;}
#AccueilCatalogue2 ul { float:left; margin:15px 0 0 10px;}
#AccueilCatalogue2 li { float:left; width:307px; height:165px; margin:0 10px 0 0; border:1px solid #E0DDD7;}
#AccueilCatalogue3{ border:1px solid #E0DDD7; height:280px; margin:45px 0 0 0;}



/*bloc list article
-------------------------------------------------------------- */

#bloc_list_article { margin:10px 0 0 0;}
#bloc_list_article ul{line-height: 100%; overflow:hidden; }
#bloc_list_article ul li {float: left; position: relative; width:190px; height:310px; border:1px solid #ffe9c9; margin:0 12px 12px 0; background:#fff url(../Image/DESIGN/view/fond_li_list.jpg) left bottom repeat-x; overflow:hidden;}
#bloc_list_article ul li:hover {border:1px solid #f69100;}
#bloc_list_article ul li a{ display:block; text-decoration:none;}

#bloc_list_article ul li:hover a.voir_produit:link{color:#EB3B00;}
#bloc_list_article ul li:hover a.voir_produit:visited{color:#EB3B00;}
#bloc_list_article ul li:hover a.voir_produit:hover{color:#EB3B00;}

#bloc_list_article a.img_produit:link{width:190px; height:160px; line-height:160px; display:table-cell; text-align:center; vertical-align:middle; display:block; overflow:hidden;}
#bloc_list_article a.img_produit:visited{width:190px; height:160px; line-height:160px; display:table-cell; text-align:center; vertical-align:middle; display:block; overflow:hidden;}
#bloc_list_article a.img_produit:hover{}
#bloc_list_article .img_produit span {width:190px; height:160px; line-height:160px; display:table-cell; text-align:center; vertical-align:middle;}

#bloc_list_article a.voir_produit:link{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0; border-bottom:1px dotted #9f9f9f;} 
#bloc_list_article a.voir_produit:visited{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0; border-bottom:1px dotted #9f9f9f;}
#bloc_list_article a.voir_produit:hover{color:#EB3B00;}

#bloc_list_article a.art_designation:link{color:#f69100; font-size:14px; line-height:14px; padding:1px 5px 1px 5px; text-align:left; letter-spacing:1px; height:26px; text-transform:lowercase;}
#bloc_list_article a.art_designation:visited{color:#f69100; font-size:14px; line-height:14px; padding:1px 5px 1px 5px; text-align:left; letter-spacing:1px; height:26px; text-transform:lowercase;}
#bloc_list_article a.art_designation:hover{}
#bloc_list_article .art_designation:first-letter{ text-transform:uppercase;}

#bloc_list_article a.art_descriptif:link{color:#7a7a7a; font-size:12px; padding:4px 5px 14px 5px; margin:0 0 11px 0; text-align:left; display:block; height:35px; overflow:hidden;}
#bloc_list_article a.art_descriptif:visited{color:#7a7a7a; font-size:12px; padding:4px 5px 14px 5px; margin:0 0 11px 0; text-align:left; display:block; height:35px; overflow:hidden;}
#bloc_list_article a.art_descriptif:hover{}

#bloc_list_article a.prix_ttc:link{color:#f69100; text-align:left; padding:4px 5px 4px 5px; font-size:16px; font-weight:bold;}
#bloc_list_article a.prix_ttc:visited{color:#f69100; text-align:left; padding:4px 5px 4px 5px; font-size:16px; font-weight:bold;}
#bloc_list_article a.prix_ttc:hover{}


#bloc_list_article .remise{position:absolute; top:15px; left:0; width:45px; height:19px; background:#ffe9c9; color:#e95d0f; font-size:12px; line-height:19px; display:inline; padding:0 0 0 5px; font-weight:bold;}
#bloc_list_article .prix_sans_remise{color:#f69100; font-size:12px; text-decoration:line-through; line-height:12px; display:inline;  padding:0 0 0 5px;}
/* picto_new */
#bloc_list_article .picto_NouveautePanierDesIles{ position:absolute; top:15px; right:0; width:61px; height:19px; background:url(../Image/DESIGN/defaut/picto_nouveautes.jpg) 0 0 no-repeat;}
#bloc_list_article .livraison{display:block; font-size:9px; padding:3px 0 0 5px; color:#f69100;}

#bloc_list_article .button1{position:absolute; bottom:10px; right:0px; width:80px; text-align:center;}
#bloc_list_article .button1 span.image{display:none;}
#bloc_list_article .button_j{position:absolute; bottom:35px; right:5px; width:80px;}

/**/
