#mod-cataloguev2 { position: relative; width: 100%; padding: 0%; margin: 20px 0; }

/* *** AFFICHAGE DES CATEGORIES EN MINIATURES *** */
#mod-cataloguev2 a.categorie { display: block; border: 1px solid #eee; position: relative; width: 17.3%; float: left; margin: 0 2% 2% 0%; padding-bottom: 5px; text-decoration: none; cursor: pointer; }
#mod-cataloguev2 a.categorie:hover { text-decoration: none; }
#mod-cataloguev2 a.categorie:nth-of-type(5n) { margin-right: 2%; }
#mod-cataloguev2 a.categorie:nth-of-type(5n+1), #mod-cataloguev2[data-display="min"] .categorie:first-of-type { margin-left: 2%; }
#mod-cataloguev2 a.categorie img { display: inline; float: none; width: 100%; }
#mod-cataloguev2 a.categorie:hover img {  }
#mod-cataloguev2 a.categorie div.ct-text { position: relative; float: none; width: auto; padding: 0; }
#mod-cataloguev2 a.categorie div.title { padding: 8px 5px 7px 5px; font-weight: bold; font-size: 100%; overflow: hidden; margin-bottom: 0; line-height: 1.3em; /* Pour ne pas afficher la ligne du dessous */ }
#mod-cataloguev2 a.categorie div.info { padding: 0px 5px 5px 5px; margin-bottom: 0; font-size: 90%; line-height: 100%; min-height: 20px; }
#mod-cataloguev2 a.categorie div.picto { position: absolute; bottom: 5px; right: 5px; width: 26px; height: 26px; background: url(../../img/composants/Cataloguev2/picto.png) top left no-repeat; background-size: cover; }
#mod-cataloguev2 a.categorie:hover div.picto { background-position: bottom left; }

/* *** AFFICHAGE DES PRODUITS EN MINIATURES *** */

#mod-cataloguev2.min a.product { display: block; border: 1px solid #eee; position: relative; width: 17.3%; float: left; margin: 0 2% 2% 0%; padding-bottom: 5px; text-decoration: none; cursor: pointer; }
#mod-cataloguev2.min a.product:hover { text-decoration: none; }
#mod-cataloguev2.min a.product:nth-of-type(5n) { margin-right: 2%; }
#mod-cataloguev2.min a.product:nth-of-type(5n+1), #mod-cataloguev2[data-display="min"] .categorie:first-of-type { margin-left: 2%; }
#mod-cataloguev2.min a.product img { display: inline; float: none; width: 100%; }
#mod-cataloguev2.min a.product:hover img {  }
#mod-cataloguev2.min a.product div.ct-text { position: relative; float: none; width: auto; padding: 0; }
#mod-cataloguev2.min a.product div.title { padding: 5px 5px 5px 5px; font-weight: bold; font-size: 100%; margin-bottom: 0; line-height: 100%; line-height: 1.6em; overflow: hidden; }
#mod-cataloguev2.min a.product div.info { padding: 0px 5px 0px 5px; margin-bottom: 7px; min-height: 0; font-size: 90%; line-height: 1.6em; overflow: hidden; font-weight: normal; }
#mod-cataloguev2.min a.product div.desc { display: none; }
#mod-cataloguev2.min a.product div.inline-price { display: inline; margin-left: 0px; font-weight: bold; }
#mod-cataloguev2.min a.product:hover div.inline-price { color: #fff; }
#mod-cataloguev2.min a.product div.picto { position: absolute; bottom: 5px; right: 5px; width: 26px; height: 26px; background: url(../../img/composants/Cataloguev2/picto.png) top left no-repeat; background-size: cover; }
#mod-cataloguev2.min a.product:hover div.picto { background-position: bottom left; }

/* *** AFFICHAGE DES PRODUITS ET CATEGORIES EN MINIATURES A 4 PAR LIGNE *** */

#mod-cataloguev2 a.categorie, #mod-cataloguev2 a.categorie:nth-of-type(5n), #mod-cataloguev2 a.categorie:nth-of-type(5n+1) { width: 21.62%; margin: 0 2.4% 2.4% 0%; }
#mod-cataloguev2 a.categorie:nth-of-type(4n) { margin-right: 2.4%; }
#mod-cataloguev2 a.categorie:nth-of-type(4n+1), #mod-cataloguev2[data-display="min"] .categorie:first-of-type { margin-left: 2.4%; }

#mod-cataloguev2.min a.product, #mod-cataloguev2.min a.product:nth-of-type(5n), #mod-cataloguev2.min a.product:nth-of-type(5n+1) { width: 21.62%; margin: 0 2.4% 2.4% 0%; }
#mod-cataloguev2.min a.product:nth-of-type(4n) { margin-right: 2.4%; }
#mod-cataloguev2.min a.product:nth-of-type(4n+1), #mod-cataloguev2[data-display="min"] .categorie:first-of-type { margin-left: 2.4%; }

/* *** AFFICHAGE DES PRODUITS SANS MINIATURES *** */
#mod-cataloguev2 a.product { display: block; border: 1px solid #eee; position: relative; width: auto; margin: 0 2% 2% 2%; padding-bottom: 0px; text-decoration: none; cursor: pointer; }
#mod-cataloguev2 a.product:hover { text-decoration: none; }
#mod-cataloguev2 a.product img { display: block; width: 30%; float: left; }
#mod-cataloguev2 a.product:hover img {  }
#mod-cataloguev2 a.product:hover div.title { color: #fff; }
#mod-cataloguev2 a.product:hover div.info { color: #fff; }
#mod-cataloguev2 a.product:hover div.desc { color: #fff; }
#mod-cataloguev2 a.product div.ct-text { position: relative; padding: 30px 0 20px 0; width: 70%; float: right; }
#mod-cataloguev2 a.product div.title { padding: 0 30% 0 10%; margin-bottom: 5px; font-weight: bold; font-size: 150%; }
#mod-cataloguev2 a.product div.info { padding: 0 30% 0 10%; font-size: 100%; margin-bottom: 15px; font-weight: bold; }
#mod-cataloguev2 a.product div.desc { padding: 0 30% 0 10%; font-size: 100%; color: #2C3651; }
#mod-cataloguev2 a.product div.inline-price { display: none; }
#mod-cataloguev2 a.product div.picto { position: absolute; bottom: 20px; right: 20px; width: 44px; height: 44px; background: url(../../img/composants/Cataloguev2/picto.png) top left no-repeat; background-size: cover; }
#mod-cataloguev2 a.product:hover div.picto { background-position: bottom left; }

/* *** PRODUIT DETAIL *** */

#mod-cataloguev2 .prod { position: relative; padding: 2%; }
#mod-cataloguev2 .prod .left { position: relative; float: left; width: 40%; }
#mod-cataloguev2 .prod .left .illustration { position: relative; width: 100%; height: auto; }
#mod-cataloguev2 .prod .left .illustration .loader { position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -8px; width: 16px; height: 11px; background: url(../../img/composants/Cataloguev2/loader.gif) top left no-repeat; z-index: 8; }
#mod-cataloguev2 .prod .left .illustration img { width: 100%; height: auto; max-width: 100%; z-index: 9; }
#mod-cataloguev2 .prod .left .illustration .ct-image { position: relative; width: 100%; height: auto; z-index: 10; }
#mod-cataloguev2 .prod .left .thumbs { position: relative; }
#mod-cataloguev2 .prod .left .thumbs .thumb { position: relative; width: 17.3%; float: left; margin: 2% 2% 2% 0%; cursor: pointer; }
#mod-cataloguev2 .prod .left .thumbs .thumb img { width: 100%; height: auto; max-width: 100%; }
#mod-cataloguev2 .prod .left .thumbs .thumb.current img { opacity: 0.7; }
#mod-cataloguev2 .prod .left .thumbs .thumb .hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../../img/composants/Cataloguev2/zoom.png); background-position: center center; background-repeat: no-repeat; background-size: normal; background-color: rgba(0, 0, 0, 0.2); display: none; }
#mod-cataloguev2 .prod .left .thumbs .thumb:hover .hover { display: block; }
#mod-cataloguev2 .prod .left .thumbs .thumb(5n) { margin-right: 2%; }
#mod-cataloguev2 .prod .left .thumbs .thumb(5n+1), #mod-cataloguev2 .prod .left .thumbs .thumb:first-of-type { margin-left: 2%; }
#mod-cataloguev2 .prod .right { position: relative; float: right; width: 55%; }
#mod-cataloguev2 .prod .right .ariane { float: right; margin: 0 0 10px 0; font-size: 0.8em; }
#mod-cataloguev2 .prod .right .back { float: left; margin: 0 0 10px 0; font-size: 0.8em; }
#mod-cataloguev2 .prod .right .title { padding: 10px 0 0 0; margin-bottom: 20px; font-weight: bold; font-size: 150%; clear: both; }
#mod-cataloguev2 .prod .right .desc {  }

/* *** NAVIGATION *** */

#mod-cataloguev2 #nav-catalogue { background: rgba(255, 255, 255, 0.9); padding: 0.5% 2%; margin: 0 2% 20px 2%; }
#mod-cataloguev2 #nav-catalogue #order { position: relative; float: left; height: 34px; line-height: 34px; }
#mod-cataloguev2 #nav-catalogue #order span { margin-right: 5px; }
#mod-cataloguev2 #nav-catalogue #display { position: relative; float: right; height: 34px; }
#mod-cataloguev2 #nav-catalogue #display span { display: block; float: right; width: 34px; height: 34px; margin-left: 5px; cursor: pointer; }
#mod-cataloguev2 #nav-catalogue #display span#displayThumbs { background: url(../../img/composants/Cataloguev2/displayThumbs.png) top left no-repeat; }
#mod-cataloguev2 #nav-catalogue #display span#displayList { background: url(../../img/composants/Cataloguev2/displayList.png) top left no-repeat; }
#mod-cataloguev2 #nav-catalogue #display span:hover, #mod-cataloguev2 #nav-catalogue #display span.current { background-position: bottom left !important; }