/************ topmenu ************/

div.moduletable_menu {
	width:auto;
	float:left
}
div.moduletable_menu ul.menu {
	list-style:none;
}
div.moduletable_menu ul.menu li {
	padding:0 6px;
	margin:0;
	width: auto;
	height:27px;
	list-style-position:outside;
	float:left;
	border-right:solid 1px #707070;
	position:relative
}
div.moduletable_menu ul.menu a,
div.moduletable_menu ul.menu li span.separator {
	display:block;
	width:auto;
	height:auto;
	color:#fff;
	font-size: .9em;
	padding:3px 8px;
	margin: 0;
	cursor:pointer
}
div.moduletable_menu ul.menu a:hover,
div.moduletable_menu ul.menu li span.separator:hover,
div.moduletable_menu ul.menu li.parent:hover span.separator {
	text-decoration:none;
	color:#97be0d
}
div.moduletable_menu ul.menu li.active a {
	background-color:#d9001a;
	border-radius:3px;
	-moz-border-radius:3px;
	text-shadow:0 1px 0 #333;
}
div.moduletable_menu ul.menu li.active a:hover{color:#fff}

/**** sous menus ****/

div.moduletable_menu ul.menu li ul{
    margin:0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 9999;
    background: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
div.moduletable_menu ul.menu li:hover ul{
	display:block;
	width:auto;
	height:auto;
	list-style:none;
	padding:0;
	position:absolute;
	left:15px;
	top:27px;
	z-index:20;
    opacity: 1;
    visibility: visible;
}
div.moduletable_menu ul.menu li ul{
	padding:0;
	background-color:#000;
}
div.moduletable_menu ul.menu li ul li{
	display:block;
	width:200px;
	height:auto;
	margin:0;
	padding:8px;
	border-right:none !important;
	border-bottom:solid 1px #364146;
	text-align:left;
}
div.moduletable_menu ul.menu li ul li:hover, div.moduletable_menu ul.menu li ul li:hover span{
	background:none !important;
}
div.moduletable_menu ul.menu li ul li a{
	width:auto;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	font-size:.75em;
	text-align:left;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background:none !important;
	text-shadow:none !important
}
div.moduletable_menu ul.menu li ul li a:hover{
	text-decoration:none;
}
div.moduletable_menu li.parent ul li.current a{
	background:none;
	text-shadow:none;
	color:#ff0000;
}

/******************* slide ****************/
.moduletable_slide{
	position:relative;
	z-index:0;
	margin-bottom:10px
}
/******************* menu top avec image ******************/

.moduletable_menutop{
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
}
.moduletable_menutop ul{
	list-style:none;
	margin:0;
	padding:0;
}
.moduletable_menutop ul li{
	width:25%;
	height:205px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden
}

/***/
.mosaic-block {
	position:relative;
	margin:0;
}
.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#111;
}
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:auto;
	height:100%;
	background:#111;
}
.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(../images/bg-black.png) repeat;
	padding:10px;
	font-size:12px;
}
.fade .mosaic-overlay p{color:#fff; cursor:pointer}
/***/
.moduletable_menutop ul li p.title a, .moduletable_menutop ul li h2 a{
	font-family: 'Abel', sans-serif;
	font-size:24px;
	line-height:20px;
	color:#fff;
	margin-bottom:30px;
}
.moduletable_menutop ul li p.title{margin:18px 0 0 35px;}
.moduletable_menutop ul li h2{margin:8px 0 0 25px;}

.moduletable_menutop ul li.impression .mosaic-backdrop{
	background:url(../images/sprite.jpg) 0 -163px no-repeat;
}
.moduletable_menutop ul li.publicite .mosaic-backdrop{
	background:url(../images/sprite.jpg) -242px -163px no-repeat;
}
.moduletable_menutop ul li.comm .mosaic-backdrop{
	background:url(../images/sprite.jpg) -484px -163px no-repeat;
}
.moduletable_menutop ul li.comm p.title{margin:5px 0 0 35px;}
.moduletable_menutop ul li.comm h2{margin:-5px 0 0 25px;}

.moduletable_menutop ul li.site .mosaic-backdrop{
	background:url(../images/sprite.jpg) -726px -163px no-repeat;
}

/********* menu des références ***********/

ul#menuref{
	clear:both;
	list-style:none;
	width:auto;
	height:auto;
	/*background:url(../images/sprite.jpg) -764px -440px no-repeat #1f1e1e;*/
	background:#1f1e1e;
	overflow:hidden;
	text-align:left;
	padding:.8em;
	margin:20px 0
}
ul#menuref li{ display:inline-block;margin:0 10px 0 0 !important; padding:0 !important; overflow:hidden}
ul#menuref li a{
	display:block;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	line-height:normal;
	color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	text-shadow:0 1px 0 #333;
	padding:.3em .8em;
	margin:0 !important;
	background-color:#919191;
	overflow:hidden;
	white-space:nowrap;
}
ul#menuref li.active a{
	background-color:#d9001a;
}
ul#menuref li a:hover{text-decoration:none}

/**** menu ref en select ****/

.moduletable_select{
	clear:both;
	width:auto;
	height:auto;
	background:url(../images/sprite.jpg) -764px -440px no-repeat #1f1e1e;
	overflow:hidden;
	text-align:right;
	padding:.7em .5em;
	margin:20px 0
}
.moduletable_select table{float:right}
.moduletable_select table:hover{cursor:pointer;}
/*******/
select#references {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background: #f8f8f8;
    color:#363f44;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select#references {padding-right:18px}
}

label.labelref {position:relative}
label.labelref:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#363f44;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ccc;
    position:absolute;
    pointer-events:none;
}
label.labelref:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

/*** sous catégories ***/
.children .btp-grid-item{
	background-color:#1f1e1e;
}
.children h3 a{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif
}
/*** page des références ***/
.btp-title, .btp-detail-title{
	font-size:3em !important;
	width:100% !important; 	
	clear:both !important;
	margin:0 0 10px 0; 
	border-bottom:dotted 1px #ccc;
	text-transform:none
}
.btp-catdesc{
	clear:both;
	width:90%;
	margin:0 auto;
	padding:0 0 0 10px;
	border-left:solid 5px #eceaea;
	font-size:.8em;
}
h2.separate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#000;
	margin-bottom:1em;
	border-bottom:solid 1px #ccc
}
.btp-item-title, .btp-grid-item h3{font-size:.7em; display:block; margin:5px auto !important;}
.btp-item-title a{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	text-shadow:0 1px 0 #333;
	padding:.2em .8em;
	margin:2px 0;
	background-color:#d9001a
}

.btp-item-image .img-link-custom-btp{
	border:solid 3px #fff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}


/*** page une référence ***/
.btp-detail .btp-detail-title{float:left;}
.btp-detail .btp-direction{float:right; margin-top:10px;}
.btp-detail a.back{
	float:left;
	display:block;
	width:auto;
	height:auto;
	padding:3px 8px;
	margin-top:10px;
	background-color:#8ab00c;
	text-align:center;
	color:#fff;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
}
.btp-detail a.back:hover{background-color:#413d32; text-decoration:none}
.vote-social-share{clear:both}
.btp-detail-extrafields, .btp-detail-desc{font-size:.8em; font-family:Arial, Helvetica, sans-serif}
.extrafield-row span, .extrafield-row .extrafield-title, .extrafield-value{margin:0 !important; padding:0 !important; height:auto !important; line-height:normal}

/********* module nouveautés ***********/
div.moduletable_new{
	width:33.3333333%;
	margin:20px auto;
	border:solid 1px #000;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	clear:left;
}
div.moduletable_new h3{
	display:block;
	width:auto;
	background-color:#d9001a;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	padding:5px 0 5px 5px;
}
.newsflash_new{
	padding:10px;
	font-size:.8em;
}
/******************* modules right ******************/
.moduletable_news,
.moduletable_textile,
.moduletable_pose-adhesif,
.moduletable_voiles,
.moduletable_crea-net{
	width:95.5%;
	height:auto;
	margin:5px auto 0;
	clear:both;
	background:#fff;
	border:solid 1px #b3b3b3;
	-webkit-border-radius:5px;
	border-radius:5px;
}
/******************* module de news ********************/
div.moduletable_news h3 {
	width:auto;
	height:auto;
	background:#99c00f;
	margin:0 0 5px 0;
	padding:10px 0 10px 10px;
	color:#fff;
	font-size:2em;
}
#txmod_89 {
	float:left;
	height: 200px;
}
#txmod_89 .items {
	height:20000em;
}
#txmod_89 .pane .item {
	width: 200px;
	height:200px;
	overflow:hidden;
}
.txmod_89 .control{
	width:19px !important;
	height:auto;
	float:left !important;
	margin:0 3px;
}
.txmod_89 a.browse {
	margin:5px 0 0 0;
}
#txmod_89 .item h4 {
	margin:0;
	padding:0 0 5px 0;
	border-bottom:solid 1px #ececec;
}
#txmod_89 .item h4 a {
	color:#7c7c7c;
	font-weight:bold;
	font-size:12px;
}

.xs_intro{
	width:200px;
	padding-top:10px;
	color:#7c7c7c;
	font-size:11px;
}
.imglink{float:left; margin:0 8px 0 0}
.imglink img{border:solid 2px #fff; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.xs_readmore{ margin:0; text-align:right;}
.xs_readmore a.btn{
	display:block;
	float:right;
	background-color:#99c00f;
	padding:3px 10px;
	font-size:11px;
	color:#fff;
	margin-top:5px
}

/************* toutes les actus *************/
.moduletable_tt{
	text-align:center;
	width:90%;
	background-color:#99c00f;
	padding:.3em 0;
	margin:5px auto 0;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.moduletable_tt p{margin:0; padding:0}
.moduletable_tt a{color:#fff}

/************* Module textile ***************/
.moduletable_textile h3{
	width:auto;
	height:auto;
	background:#e2344f;
	margin:0;
	padding:10px 0 10px 10px;
	color:#fff;
	font-size:2em;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.custom_textile{
	padding:.5em;
	overflow:hidden
}
.custom_textile p{
	font-size:12px;
	color:#e2344f;
	margin:0
}
.custom_textile p a{
	display:block;
	float:right;
	background-color:#cd283c;
	padding:3px 10px;
	font-size:11px;
	color:#fff;
	margin-top:5px
}

/************* Module pose adhésif ***************/
.moduletable_pose-adhesif{padding-bottom:0 !important;}
.moduletable_pose-adhesif h3{
	width:auto;
	height:auto;
	background:#e25920;
	margin:0;
	padding:10px 0 10px 10px;
	color:#fff;
	font-size:1.5em;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.custom_pose-adhesif p{
	margin:0;
	text-align:center
}

/******* module voiles pub ********/
.moduletable_voiles{
	background: #c0ebf6;
	background: -moz-linear-gradient(top,  #c0ebf6 0%, #1094b3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0ebf6), color-stop(100%,#1094b3));
	background: -webkit-linear-gradient(top,  #c0ebf6 0%,#1094b3 100%);
	background: -o-linear-gradient(top,  #c0ebf6 0%,#1094b3 100%);
	background: -ms-linear-gradient(top,  #c0ebf6 0%,#1094b3 100%);
	background: linear-gradient(to bottom,  #c0ebf6 0%,#1094b3 100%);
}
.moduletable_voiles h3{
	width:auto;
	height:auto;
	background:#1094b3;
	margin:0;
	padding:10px 0 10px 10px;
	color:#fff;
	font-size:1.5em;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.moduletable_voiles p{margin:5px 0; text-align:center}
.moduletable_voiles .lien{display:block; margin:0 .5em; padding:.3em 0; -webkit-border-radius:5px; border-radius:5px; background-color:#fff;}
.moduletable_voiles .lien a{font-size:12px; color:#1093b2; text-decoration:underline}

/******* module cre internet ********/
.moduletable_crea-net h3{
	width:auto;
	height:auto;
	background:url(../images/bg-title-crea.jpg) bottom left no-repeat #99c00f;
	margin:0;
	padding:5px 10px 5px 0;
	color:#fff;
	font-size:1.5em;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	text-align:right;
}
.custom_crea-net {background:url(../images/bg-crea.jpg) top left no-repeat #000; padding:120px .5em .5em .5em; overflow:hidden}
.custom_crea-net p, .custom_crea-net ul, .custom_crea-net li{margin:0;}
.custom_crea-net ul{margin-left:10px;}
.custom_crea-net li{list-style:square; list-style-position:outside; font-size:11px; color:#fff;}
.custom_crea-net a{
	display:block;
	float:left;
	background-color:#99c00f;
	padding:3px 10px;
	font-size:11px;
	color:#fff;
	margin-top:5px
}
/******* module facebook **********/
.moduletable_fb{
	width:95.05%;
	height:auto;
	margin:10px auto;
}
.moduletable_fb h3{
	display:block;
	background:url(../images/fb.jpg) top center no-repeat #43579c;
	padding:14px 0;
	color:#fff;
	text-indent:-9999px;
	margin:0;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
.fb-like-box, .custom_fb{
	width:auto;
	height:auto;
	background-color:#fff;
	overflow:hidden;
	text-align:center;
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border:solid 1px #b3b3b3;
	margin:0 auto;
	padding:0;
}
.custom_fb iframe{height:auto; width:215px !important; margin:0 auto; padding:0;}

/******* module clients *********/
.moduletable_clients{
	width:auto;
	overflow:hidden;
	margin-bottom:10px;
	background:url(../images/bg-client-2.png) top left no-repeat #3c3c3c;
	position:relative
}
.moduletable_clients h3{margin:0 0 0 20px !important; display:block; width:201px; height:28px; padding:10px 0 0 0; background:url(../images/bg-clients.png) top no-repeat; font-weight:bold; color:#fff; font-size:14px; text-align:center}
.moduletable_clients ul{list-style:none; text-align:center; margin:10px 0 20px 0 !important; padding:0;}
.moduletable_clients ul li{display:inline-block; margin:0 6px; padding:0; vertical-align:middle; width:auto; height:auto}
.moduletable_clients ul li{display/*\**/:inline\9;}

/******* module adresse footer *******/
.adresse{
	background:url(../images/logo-footer.png) top left no-repeat;
	float:left;
	margin:12px 0 20px 40px;
	padding:55px 0 0 0;
	color:#fff;
	text-shadow:0 1px 0 #000;
	position:relative;
	overflow:hidden
}
#reseaux{
	list-style:none;
	position:absolute;
	top:10px; 
	right:0;
}
#reseaux li{float:left}
#fb, #tw{
	display:block;
	width:33px;
	height:35px;
	background:url(../images/reseaux-footer.png) top left no-repeat;
	text-indent:-9999px;
}
#tw{background-position:top right !important;}
.adresse p{
	margin:0;
	padding:0 0 0 12px;
	border-left:solid 5px #363636;
	font-size:.8em;
}
.adresse p strong{ display:block;font-weight:bold; margin-bottom:10px}
.adresse p a{color:#96bf0d}

/*******/
.moduletable_menu1, .moduletable_menu2{
	float:left;
	border-left:solid 5px #363636;
	padding-left:20px;
	font-size:.8em;
	margin:10px 0 0 40px
}
.moduletable_menu1 ul,
.moduletable_menu2 ul,
.moduletable_menu2 ul li ul{list-style:none; margin:0; padding:0}
.moduletable_menu1 ul li,
.moduletable_menu2 ul li{margin:2px 0; padding:0;}
.moduletable_menu1 ul li a,
.moduletable_menu2 ul li a{
	color:#9e9e9e; 
	text-shadow:0 1px 0 #000;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;	
}
.moduletable_menu1 ul li a:hover,
.moduletable_menu2 ul li a:hover{
	color:#fff;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	text-decoration:none
}
/******* baseline footer *******/

.moduletable_baseline{
	background-color:#9e9e9e;
	-moz-border-radius:10px;
	border-radius:0 0 0 10px;
	float:right;
	margin:20px 20px 0 0;
	padding:10px 40px;
	text-align:center;
	font-style:italic;
	color:#000;
	opacity:0.7;
	text-shadow:-1px -1px 0 #cdcdcd;
	overflow:hidden
}
.moduletable_baseline p{margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif;}