@import url(https://fonts.googleapis.com/css?family=Abel);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,600);
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*CSS Reset*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
	/*margin: 0;
	padding: 0;
	border: 0;
	outline: 0;*/
	/*font-size: 20px;*/
	/*vertical-align: baseline;*/
	/*background: transparent;*/
}

body {
	color: #666;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
	/*line-height: 1;*/
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
	display: block;
}

nav ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

ul ul {
	list-style: circle;
}

/*blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;	
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}



input, select, a img {
	vertical-align: middle;
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body{
	color:#111;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	/*font-size:16px;
	font-family: 'Abel', sans-serif;*/
	
	background:#fff;
}

p{
	text-align:justify;
	color:#333;
	line-height:normal;
}

a{
	text-decoration:none;
	color:#111;
}
.space5px{
	height:5px;
	/*clear:both;*/
}
.space10px{
	height:10px;
	/*clear:both;*/
}
.space20px{
	height:20px;
	/*clear:both;*/
}
.space30px{
	height:30px;
	/*clear:both;*/
}
.space40px{
	height:40px;
	/*clear:both;*/
}
.space50px{
	height:50px;
	/*clear:both;*/
}

.hidden{
	display:none;
}

.exposant {
	vertical-align: super; 
	font-size: 50%; 
}

img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.displayTable{
	display: table;
	border-spacing:5px;
}
.displayTableRow{
	display: table-row;
}
.displayTableCell{
	display: table-cell;
	vertical-align: top;
}
.full{
	width:100%;
	/*padding-bottom:0px;*/
}
.unTiers{
	width:34%;
}
.deuxTiers{
	width:66%;
}
.demi{
	display: table-cell;
	width:50%;
}

.unQuart{
	width:25%;
}
.contentHome .displayTable{
	width:100%;
	border-spacing: 0px;
	
}
.contentHome .displayTable .displayTableRow:nth-child(2) img{
	margin-top:20px;
}
.contentHome .displayTable .displayTableRow:nth-child(1) img{
	margin-top:5px;
}
.header{
	width:100%;
	height:165px;
	height:115px;
	display:block;
	position:relative;
	border-bottom:1px solid #999;
}
.gamme-home{
	font-size:22px;
	color:#777;
	letter-spacing:3px;
}
.header .tools{
	width:100%;
	height:34px;
	display:block;
	background:#d4f2ff;
	border-bottom:1px solid #83969e;	
}


.header .wrapper{
	width:1324px;
	height:115px;
	position:relative;
	margin:0 auto;
	background:url(/images/logo-catalogue.jpg) no-repeat right -35px top -25px;
	background-size:17%;
}

.selectPays{
	padding-top:3px;
	width:215px;
	position:absolute;
	right:190px;
	top:15px;
}
.selectPays{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.legalInfo{
	width:auto;
	float:right;	
}
.legalInfo a{
	display:inline-block;
	font-size:11px;
	color:#333;
	padding:10px;
}
.legalInfo a:hover{
	text-decoration:underline;
}
				


.logo{
	float:left;
	display:block;
	margin-top:27px;
	background:url(/images/logo-main.png);
	width:254px;
	height:76px;
}

.menu{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: 'Abel', sans-serif;
	font-family: 'Dosis', sans-serif;
	
	width:auto;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:60px;	
	position:relative;
	margin-top:37px;
}
.menu li{
	width:auto;
	padding-bottom:28px;
	display:inline-block;
	position:relative;
	margin-left:10px;
}
.menu li a{
	width:auto;
	height:auto;
	padding:20px;
	display:block;
	font-size:21px;
	color:#444;
	cursor:default;
	/*margin-left:15px;*/
}
.menu li a:hover{
	text-decoration:underline;
}



.subMenu{
	width:250px;
	position:absolute;
	top:78px;
	display:none;
	z-index:9999;

	
}
.subContent{
	background:#fff;
	width:auto;
	border:1px solid #999;
}
.subContent ul{
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	width:100%;
	vertical-align:top;
	
}
.subContent .title{
	font-size:16px;
	width:auto;
	padding:10px;
	/*border-bottom:1px solid #ddd;*/
}
.subContent ul li{
	margin:0;
	padding:0;
	font-size:14px;
	color:#666;
	display:block;
	width:auto;
	height:auto;
	
	
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	/*border-left:1px solid #fff;*/
	/*height:18px;
	line-height:18px;*/
}
.subContent ul li:first-child{
	border-top:0px solid #fff;
}
.subContent ul li:last-child{
	border-bottom:0px solid #fff;
}

.subContent ul li a{
	font-size:13px;
	color:#333;
	width:auto;
	height:auto;
	line-height:18px;
	padding:0px;
	margin-left:0px;
	padding:6px 8px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
}
.subContent ul li a:hover{
	text-decoration:none;
}

.subContent ul li:hover{
	background:#efefef;
	color:#495565;
	cursor:default;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	/*border-left:1px solid #ccc;*/
}
.subContent ul li:first-child:hover{
	border-top:0px solid #fff;
}
.subContent ul li:last-child:hover{
	border-bottom:0px solid #fff;
}
/*.subContent ul li.headerSubRub:hover{
	background:none;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}*/
.subContent ul li.headerSubRub{
	max-height:30px;
}
.subContent ul li.headerSubRub > a:after{
	content: ' ';
	
    display: block;
    position: absolute;
	width:6px;
	height:8px;
	right:7px;
	top:12px;
	background:url(/images/picto-fleche.png) no-repeat;
	background-size:6px 8px;
	-moz-opacity: 0.5;/* Netscape */
	-khtml-opacity: 0.5;/* Safari 1.x */
	opacity: 0.5;/* Good browsers */
}
.subContent ul li ul{
	display:none;
	left:248px;
	background:#fff;
	width:auto;
	border:1px solid #999;
	top:-31px;
}
.subContent ul li:hover ul{
	display:block;
}
.arrowUp{
	width:26px;
	height:15px;
	background:url(/images/arrow-up.png) no-repeat;
	background-size:cover;
	position:absolute;
	top:-15px;
	/*left:60px;*/
}

.search{
	display:inline-block;
	border-radius:6px;
	border:1px solid #d4dee4;
	width:205px;
	height:26px;
	padding-left:10px;
	position:absolute;
	top:65px;
	right:188px;
}
.inputSearch{
	width:165px;
	border:0px;
	background: transparent;
	margin:0;
	height:26px;
	line-height:26px;
	color:#70808b;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-size:13px;
}
.inputSearch::-ms-clear {
    display: none;
}

.inputSearch:focus {
	outline:none;
}
.searchOk{
	display:block;
	width:22px;
	height:22px;
	background: url(/images/picto-loupe.png) no-repeat;
	border:0px;
	cursor:pointer;
	position:absolute;
	right:5px;
	top:2px;
}
.menuRight .search{
	display:block;
	border-radius:6px;
	border:1px solid #d4dee4;
	width:auto;
	height:36px;
	padding-left:10px;
	position:relative;
	top: auto;
	right: auto;
	margin:5px 0px;
	margin-bottom:40px;
}
.menuRight .inputSearch{
	width:100%;
	border:0px;
	background: transparent;
	margin:0;
	height:36px;
	line-height:36px;
	color:#70808b;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	
}
.menuRight .searchOk{
	display:block;
	width:22px;
	height:22px;
	background: url(/images/picto-loupe.png) no-repeat;
	border:0px;
	cursor:pointer;
	position:absolute;
	right:5px;
	top:7px;
}

.inputText{
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#4c4c4c;
	border:1px solid #aaa;
	width:250px;
	padding:4px;
}
.docRecherche{
		padding:0;
	float:left;
	box-sizing:border-box;
	width:48%;
	margin-left:2%;
}
.article .docRecherche{
	padding:0;
	float:left;
	box-sizing:border-box;
	width:48%;

}

.docRecherche p{
	margin-bottom:20px;
}

.rechercheGuidee{
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#4c4c4c;
	width: 260px;
	padding:4px;
	height:24px;
	float:right;
	margin-right:50px;
}
#inputLibre{
	/*float:right;*/
	margin-right:3%;
	display:inline-block;
	font-size:14px;
	padding:6px;
	width:60%;
}

#resultatsSearch{
	display:none;
	width:65%;
	padding:4px;
	position:relative;
	margin-top:10px;
}
.searchEngin{
	width:100% !important;
}
#displayInstruct{
	width:100%;
	padding:4px;
	position:relative;
}
.YourSearch{
	/*text-align:center;*/
}
.nbrResult{
	/*float:right;*/
	position:absolute;
	font-size:11px;
	/*right:0px;*/
	bottom:2px;
	color:#666;
	margin-left:10px;
	letter-spacing:0.1em;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:none;
	font-weight:normal !important;
}

.listResultFT{
	border:1px solid #ccc;
	border-radius: 5px;
	margin:0;
	padding:0;
	list-style-type:none;
	display: table;
	width:100%;
	border-spacing: 0px;
}
.listResultFT li {
	position:relative;
	width:100%;
	min-height:50px;
	display: table-row;
}
.listResultFT li div{
}

.listResultFT li:first-child div.ftRef{
	border-top-left-radius: 5px;
}
.listResultFT li:last-child div.ftRef{
	border-bottom-left-radius: 5px;
}
.listResultFT li div.ftRef::first-letter{
	text-transform:uppercase;
}
.listResultFT li div{
	display: table-cell;
	vertical-align:middle;
	padding:8px;
	text-transform: capitalize;
}
.listResultFT li div.ftRef{
	width:170px;
	font-style:italic;
	text-transform: none;
}
#displayInstruct .listResultFT li div.ftRef{
	width:276px;
}
.listResultFT li div.downloadFT{
	/*display:inline-block;
	position:absolute;
	right:0px;*/
	width:92px;
	text-align:right;
}
.listResultFT li a{
	display:table-cell;
	box-sizing:border-box;
	width:52px;
	min-height:12px;
	padding:12px 0px;
	cursor:pointer;
	clear:both;
	background: rgba(0,0,0,0.03) url(/images/picto-download.png) no-repeat left 0px center;
	border-left:1px dotted #aaa;
}
.listResultFT li a:last-child{
	border-left:1px dotted #aaa;
}
#displayInstruct .listResultFT li a{
	border-left:1px dotted #aaa;
}
.listResultFT li .noPdf{
	display:table-cell;
	box-sizing:border-box;
	width:52px;
	min-height:12px;
	padding:12px 0px;
	cursor:default;
	clear:both;
	background:rgba(0,0,0,0.03);
	content:"-";
	text-align:center;
	line-height:0px;
	position:relative;
	border-left: 1px dotted #aaa;
}
.listResultFT li a:hover{
	background:rgba(0,0,0,0.08) url(/images/picto-download.png) no-repeat left 0px center;
}

.listResultFT li:first-child{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.listResultFT li:last-child{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.listResultFT li:nth-child(odd){
	background:#f0f0f0;
}
.listResultFT li:nth-child(even){
	background:#f9f9f9;
}
.listResultFT li:hover{
	background:#d8e8ee;
}
.listResultFT li.headerFT, .listResultFT li.headerFT:hover {
	background:#ddd;
}
.ftRef{
	display:inline-block;
	width:150px;
	margin-left:15px;
}
.resultPages{
	color:#666;
	font-style:italic;
	font-size:12px;
	padding:4px;
	text-align:center;
	/*float:left;*/
	width:100%;
}
.resultPages .currentResults{
	display:inline-block;
	text-align:center;
	width:200px;
	padding-bottom:5px;
	padding-top:5px;
}
.resultPages .btnPrev{
	width: 0;
height: 0;
border-style: solid;
border-width: 6px 9px 6px 0;
border-color: transparent #0aa5dd transparent transparent;
display:inline-block;
margin-right:10px;
cursor:pointer;


}
.resultPages .btnNext{
	width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 9px;
border-color: transparent transparent transparent #0aa5dd;
display:inline-block;
margin-left:10px;
cursor:pointer;

}
.currentResults span{
	background:#fff;
	color:#333;
	padding:5px;
	cursor:pointer;
	-webkit-transition: background 250ms ease-out, box-shadow 250ms ease-out;
	-moz-transition: background 250ms ease-out, box-shadow 250ms ease-out;
	-o-transition: background 250ms ease-out, box-shadow 250ms ease-out;
	transition: background 250ms ease-out, box-shadow 250ms ease-out;
	box-shadow:0px 0px 1px #fff;
	border-radius:3px;
}
.currentResults span.active{
	background:#0a96d1;
	color:#fff;
	box-shadow:1px 1px 1px #000;
	font-style:normal;
}
.currentResults span:hover{
	background:#0a96d1;
	background:rgba(10,150,209,0.4);
	box-shadow:1px 1px 1px #000;
}
.currentResults span.active:hover{
	background:#0a96d1;
	color:#fff;
	box-shadow:1px 1px 1px #000;
}

.ftFlag {
	width: 18px;
	height: 12px;
	background:url(/images/flags/flags.png) no-repeat;
	border:1px solid #666;
	/*float:right;*/
	position:absolute;
	margin-top:12px;
}

.divPdt .ftFlag{
	position:absolute;
	left:14px;
	top:15px;
	margin:0;
	transform: scale(0.7);
	
}

#resultatsSearch .ftFlag{
	position:absolute;
	right:71px;
	/*margin-top:-15px;*/
	margin-top:10px;
	z-index:100;
}
#resultatsSearch .ftFlag.flag-gb{
	position:absolute;
	right:19px;
	
}

#displayInstruct .ftFlag, #displayInstruct .ftFlag.flag-gb{
	float:left;
	position:relative;
	right:auto;
	margin-left:18px;
	margin-right:14px;
}

#displayInstruct .ftFlag:first-child{
	margin-left:305px;
}
#displayInstruct .ftFlag{
	/*display:table-cell;
	box-sizing:border-box;
	width:52px;
	min-height:12px;
	padding:12px 0px;
	clear:both;
	float:none;
	margin:0;*/
	margin:0 auto !important;
	padding:0;
	position:absolute !important;
	float:none !important;
	top:50% !important;
	margin-top:-7px !important;
	right:50% !important;
	margin-right:-10px !important;
}
/*.ftDownload {
	width: 30px;
	height: 30px;
	background:url(/images/picto-download-ft.png) no-repeat center center;
	position:absolute;
	right:10px;
	top:5px;
	border-radius:15px;	
}*/
/*.ftDownload:hover {
	background:#fff url(/images/picto-download-ft.png) no-repeat center center;
	box-shadow:1px 1px 1px 0px #333;
}*/

.ftFlag.flag-cn  {background-position: -216px -24px}
.ftFlag.flag-de  {background-position: -54px -36px}
.ftFlag.flag-dk  {background-position: -90px -36px}
.ftFlag.flag-sp  {background-position: -252px -36px}
.ftFlag.flag-fr  {background-position: -108px -48px}
.ftFlag.flag-gb  {background-position: -144px -48px}
.ftFlag.flag-uk  {background-position: -144px -48px}
.ftFlag.flag-it  {background-position: -144px -72px}
.ftFlag.flag-nl  {background-position: -270px -108px}
.ftFlag.flag-pl  {background-position: -216px -120px}
.ftFlag.flag-fi	 {background-position: -18px -48px;}



.ui-selectmenu-menu li {
    padding: 0;
    margin: 0;
    display: block;
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: normal !important;
    z-index: 5555;
}
.ui-menu-icons .ui-menu-item-wrapper, .ui-menu .ui-menu-item-wrapper {
    line-height: 1.4em;
    display: block;
    padding: .3em 2.8em !important;
    outline: none;
    text-decoration: none;
    z-index: 5555;
    font-size: 12px;
}
.ui-icon {
    width: 18px !important;
	height: 12px !important;
	background:url(/images/flags/flags.png) no-repeat;
	margin-top:-6px;
	border:1px solid #666;
	left: .5em !important;
}
.selected.ftFlag{
	position: absolute;
    top: 0;
    bottom: 0;
    left: .5em;
    margin: auto 0;
}
.ui-selectmenu-text{
	padding-left:1.8em;
	margin-top:3px;
}
.ui-icon.ui-icon-triangle-1-s {
	border:0;
}
.ui-selectmenu-text {
    display: inline-block !important;
}



.inputButton, .inputButtonSearch{
	background:#cacaca;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMEYwRjAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDRkNGQ0YiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0M0QzRDNCIgb2Zmc2V0PSIwLjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjOUM5QzlDIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnOTIzKSIgLz4KPC9zdmc+);
	border-radius:3px;	
	border:1px solid #efefef;
	box-shadow:0 0 3px 0px #333;
	cursor:pointer;
	padding:4px 10px;
	/*margin-left:10px;*/
	float:right;
	margin-right:50px;
}
.inputButtonSearch{
	
	margin-top:10px;
}
#rechercheLibre{
	margin-right:20px;
	display:inline-block;
	float:none;
	margin:0;
}

.logoMySocla{
	float:right;
	width:190px;
	height:62px;
	display:block;
	margin-top:58px;
	margin-right:10px;
	background:url(/images/logo-mysocla.jpg) no-repeat;
}

.nav{
	width:100%;
	height:40px;
	background:#E8E8E8;
	box-shadow:0px 2px 5px 0px #333;
	box-shadow:4px 3px 5px 0px #999;
	border-bottom:1px solid #8fa1a8;
	border-top:1px solid #8fa1a8;
	margin-top:-1px;
}
.nav .wrapper{
	width:1324px;
	position:relative;
	margin:0 auto;
}

.nav .wrapper ul{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:auto;
	height:auto;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	
	

}

.nav .wrapper ul li{
	display:inline-block;
	position:relative;
	float:left;
}


.nav .wrapper ul li a{
	display:inline-block;
	line-height:40px;
	font-size:14px;
	color:#222;
	padding: 0 20px;
	cursor: default;
}


.nav .wrapper ul li:first-child a{
	cursor:pointer;
}

.nav .wrapper ul li:hover{
background-color:#f9f9f9;
}
.nav .wrapper ul li a:hover{
	background-color:#f9f9f9;
	cursor:default;
}


.nav .wrapper ul li a.navHome{
	background-image:url(/images/navHome.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:35px;
	/*cursor:auto;*/
	cursor:pointer;
}
.nav .wrapper ul li a.navAboutus{
	background-image:url(/images/navAboutus.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	padding-left:65px;
	cursor:default;
	/*cursor:auto;*/
}
.nav .wrapper ul li a.navProducts{
	background-image:url(/images/navProducts.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	padding-left:65px;
	cursor:default;
	min-width:50px;
	width:auto;
	/*cursor:auto;*/
}
.nav .wrapper ul li a.navSolutions{
	background-image:url(/images/navSolutions.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	padding-left:65px;
	cursor:default;
	min-width:50px;
	width:auto;
	/*cursor:auto;*/
}
.nav .wrapper ul li a.navDocumentations{
	background-image:url(/images/navDocumentations.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	padding-left:65px;
	cursor:default;
	/*cursor:auto;*/
}

.nav .wrapper ul li a.navAnimations{
	background-image:url(/images/navAnimations.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	padding-left:65px;
	cursor:default;
	/*cursor:auto;*/
}
.nav .wrapper ul li a.navSocla{
	background-image:url(/images/navSocla.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	padding-left:35px;
	width:53px;
	cursor:default;
	/*cursor:auto;*/
}
.nav .wrapper ul li a.navSylax{
	background-image:url(/images/navSylax.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	padding-left:35px;
	width:55px;
	cursor:default;
	/*cursor:auto;*/
}
.nav .wrapper ul li a.navDesbordes{
	background-image:url(/images/navDesbordes.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	padding-left:35px;
	width:108px;
	cursor:default;
	/*cursor:auto;*/
}
.nav .wrapper ul li a.navCatalogue{
	background-image:url(/images/picto-blanc-catalogue-noir.png);
	background-repeat:no-repeat;
	background-size: 28px;
	background-position:left 30px center;
	padding-left:65px;
	cursor:default;
	/*cursor:auto;*/
}
.nav .wrapper ul li a:after{
	content:'';
	width:17px;
	height:40px;
	display:inline-block;
	background:url(/images/navArrow.png) no-repeat 0px -4px;
	background-size:cover;
	right:-12px;
	top:0px;
	position:absolute;
	z-index:555;
}

.nav .wrapper ul li:last-child a{
	background-color:#c7e5f2;
}
.nav .wrapper ul li:last-child a:hover{
	background-color:#c7e5f2;
}

.nav .wrapper ul li:last-child a.navHome{
	background:#c7e5f2 url(/images/navHome.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:35px;
	/*cursor:auto;*/
	cursor:pointer;
}


.nav .wrapper ul li:last-child a:after, .nav .wrapper ul li:last-child a:hover:after {
	content:'';
	width:17px;
	height:40px;
	display:inline-block;
	background:url(/images/navArrow-markup.png) no-repeat 0px -4px;
	background-size:cover;
	right:-12px;
	top:0px;
	position:absolute;
	z-index:555;
}



.nav .wrapper ul li a:hover:after, .nav .wrapper ul li:hover a:after {
	background:url(/images/navArrow.png) no-repeat 0px -50px;
	background-size:cover;
}


.nav .wrapper  ul  li ul{
	min-width:210px;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	left:-3px;
	position:absolute;
	z-index:9999;
	background:#f9f9f9;
	display:none;
	border:1px solid #aaa;
	border-top:1px solid #ddd;
}



.nav .wrapper ul li:hover ul{
	display:block;
}




.nav .wrapper ul li	ul li{
	float:none;
	margin:0;
	padding:0;
	font-size:14px;
	color:#666;
	display:block;
	width:auto;
	/*min-width:210px;*/
	height:auto;
	
	border-bottom:1px solid #ddd;
	border-top:1px solid transparent;
	/*border-left:1px solid #fff;*/
	/*height:auto;
	line-height:23px;
	padding:8px;*/
	box-sizing:border-box;
}

.nav .wrapper ul li	ul li a, .nav .wrapper ul li ul li a:hover{
	background:none;
	font-size:14px;
	color:#666;
	min-width:225px;
	width:auto;
	height:auto;
	line-height:18px;
	padding:0px;
	margin-left:0px;
	cursor:auto;
	padding:6px 8px;
	cursor:pointer;
	box-sizing:border-box;
}

.nav .wrapper ul li	ul li.navTitle, .nav .wrapper ul li	ul li.navTitle:hover{
	background:none;
	font-size:14px;
	color:#666;
	width:auto;
	height:auto;
	line-height:18px;
	padding:0px;
	margin-left:0px;
	cursor:auto;
	padding:6px 8px;
	cursor:default;
	border-bottom:0px;
	font-weight:bold;
}
.nav .wrapper ul li	ul li:last-child a, .nav .wrapper ul li	ul li:last-child a:hover{
	background:none;
	display:block;
}


.nav .wrapper ul li ul li:last-child a:after, .nav .wrapper ul li ul li:last-child a:hover:after {
	display:none;
}

.nav .wrapper ul li	ul li a:after {
	display:none;
}

.nav .wrapper ul li	ul li:hover{
	background:#efefef;
	color:#495565;
	cursor:default;
	border-bottom:1px solid #ddd;
	/*border-top:1px solid #ccc;*/
}

.nav .wrapper ul li ul li.markup{
	/*background:#c7e5f2;*/
	background:#e0e0e0;
	color:#495565;
	cursor:default;
	/*border-bottom:1px solid #79abc0;
	border-top:1px solid #79abc0;*/
	border-bottom:1px solid #ddd;
	/*border-top:1px solid #ccc;*/
}
.nav .wrapper ul li ul li ul li.markup{
	/*background:#ddeff7;*/
	/*background:#f3f3f3;*/
	background:#e0e0e0;
	color:#495565;
	cursor:default;
	/*border-bottom:1px solid #c7e5f2;
	border-top:1px solid #c7e5f2;*/
	border-bottom:1px solid #ddd;
	/*border-top:1px solid #ddd;*/
}
.nav .wrapper ul li ul li ul li.markup:last-child{
	border-bottom:0px;
}
.nav .wrapper ul li ul li ul li.markup:first-child{
	border-top:0px;
}
/*.nav .wrapper ul li ul li.markup.hasSub:hover:after, .nav .wrapper ul li ul li.markup.hasSub:last-child:hover:after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 8px;
	border-color: transparent transparent transparent #c7e5f2;
	display:inline-block;
	right:-8px;
	position:absolute;
	z-index:5555;
	top:0px;
}*/



.nav .wrapper ul li	ul li:first-child{
	border-top:0px solid #fff;
}
.nav .wrapper ul li	ul li:last-child{
	border-bottom:0px solid #fff;
}
.nav .wrapper ul li	ul li:first-child:hover{
	border-top:0px solid #fff;
}
.nav .wrapper ul li	ul li:last-child:hover{
	border-bottom:0px solid #fff;
}

.nav .wrapper ul li:hover ul li ul {
	display:none;
	/*position:absolute;*/
	/*margin-left:213px;*/
	left:100%;
	/*margin-top:-31px;*/
	top:-1px;
	z-index:5000;
}




.nav .wrapper ul li	ul li:hover ul{
	display:block;
	
}

.nav .wrapper ul li:hover ul li ul li{
	padding-left:4px;
}
.nav .wrapper ul li:hover ul li ul li{
	padding-left:4px;
}
.nav .wrapper ul li:hover ul li ul li.materials{
	
	outline: none;
	outline:1px solid #aaa;
	
	display:block;
	/*padding:10px 10px 10px 10px;*/
	font-size:12px;
	background:#ccc;
	color:#111;
	font-size:9px;
	letter-spacing:1px;
	text-transform:uppercase;
	
}
.nav .wrapper ul li:hover ul li ul li.materials a{
	cursor:default;
}
.nav .wrapper ul li ul li.hasSub:hover:before, .nav .wrapper ul li ul li.hasSub:last-child:hover:before {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 8px;
	border-color: transparent transparent transparent #ccc;
	display:inline-block;
	right:-9px;
	position:absolute;
	z-index:5554;
	top:0px;
}
.nav .wrapper ul li ul li.hasSub:hover:after, .nav .wrapper ul li ul li.hasSub:last-child:hover:after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 8px;
	border-color: transparent transparent transparent #e0e0e0;
	display:inline-block;
	right:-8px;
	position:absolute;
	z-index:5555;
	top:0px;
}

.nav .wrapper ul li ul li ul li:hover:after, .nav .wrapper ul li ul li ul li:hover:before{
	display:none;
}
.nav .wrapper ul li ul li ul li:last-child:hover:after, .nav .wrapper ul li ul li ul li:last-child:hover:before{
	display:none;
}

.nav .wrapper ul li	ul li .multiColonne{
	background:#f9f9f9;
	border:1px solid #aaa;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	/*margin-left:210px;*/
	/*left:100%;*/
	margin-top:-31px;
	/*width:396px;*/
	width:462px;
	height:auto;
	z-index:5000;
	vertical-align:top;
	left:100%;
	box-sizing:border-box;

}
.nav .wrapper ul li	ul li:hover .multiColonne{
	display:block;
}
.nav .wrapper ul li	ul li .multiColonne ul.multiColonneLeft{
	display:inline-block;
	width:230px;
	height:auto;
	border:0px;
	background:none;
	float:none;
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	vertical-align:top;
	border-right: 1px dotted #999;
	box-sizing:border-box;
}
.nav .wrapper ul li	ul li .multiColonne ul.multiColonneRight{
	display:inline-block;
	width:230px;
	min-width:230px;
	height:auto;
	margin-left:390px;
	border:0px;
	background:none;
	float:none;
	position:relative;
	top:0px;
	left:0px;
	
	margin:0px;
	/*margin-left:-4px;*/
	vertical-align:top;
	box-sizing:border-box;
}
.nav .wrapper ul li	ul li .multiColonne ul.multiColonneRight li a{
	width:100%;
	box-sizing:border-box;
}


/*.nav .wrapper ul li	ul.multiColonne{
	background:#f9f9f9;
	border:1px solid #aaa;
	border-top:1px solid #ddd;
	left:0px;
	vertical-align:top;
	padding:5px 5px;
}

.nav .wrapper ul li	ul li.multiColonneLeft{
	display:inline-block;
	width:139px;
	border:0px;
	background:none;
	vertical-align:top;
	padding:0px;
	margin-right:20px;
	padding-right:5px;
	margin-bottom:10px;
}

.nav .wrapper ul li	ul li.multiColonneRight{
	display:inline-block;
	width:190px;
	border:0px;
	background:none;
	vertical-align:top;
	padding:0px;
}

.nav .wrapper ul li	ul li.multiColonneLeft ul, .nav .wrapper ul li ul li.multiColonneRight ul{
	width:auto;
	list-style-type:none;
	margin:0;
	padding:0;
	z-index:9999;
	float:none;
	position:relative;
	border:none;
	left:0px;
}
.nav .wrapper ul li	ul li.multiColonneLeft:hover ul, .nav .wrapper ul li ul li.multiColonneRight:hover ul{
	border:none;
}
.nav .wrapper ul li	ul li.multiColonneLeft ul li, .nav .wrapper ul li	ul li.multiColonneRight ul li{
	float:none;
	margin:0;
	padding:0;
	font-size:14px;
	color:#666;
	display:block;
	width:auto;
	height:auto;
	border-bottom:1px solid transparent;
	border-top:1px solid transparent;
}
.nav .wrapper ul li	ul li.multiColonneLeft ul li a, .nav .wrapper ul li	ul li.multiColonneLeft ul li a:hover, .nav .wrapper ul li	ul li.multiColonneRight ul li a, .nav .wrapper ul li	ul li.multiColonneRight ul li a:hover{
	background:none;
	display:block;
	font-size:14px;
	color:#666;
	width:auto;
	height:auto;
	line-height:18px;
	padding:0px;
	margin-left:0px;
	cursor:auto;
	padding:6px 8px;
	cursor:pointer;	
}
.nav .wrapper ul li	ul li.multiColonneLeft ul li:hover,.nav .wrapper ul li	ul li.multiColonneRight ul li:hover{
	background:#efefef;
	color:#495565;
	cursor:default;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;

}

.nav .wrapper ul li	ul li.multiColonneLeft ul li.navTitle, .nav .wrapper ul li	ul li.multiColonneLeft ul li.navTitle:hover, .nav .wrapper ul li	ul li.multiColonneRight ul li.navTitle, .nav .wrapper ul li	ul li.multiColonneRight ul li.navTitle:hover{
	background:none;
	font-size:14px;
	color:#666;
	width:auto;
	height:auto;
	line-height:18px;
	padding:0px;
	margin-left:0px;
	cursor:auto;
	padding:6px 8px;
	cursor:default;
	border:0px;
	font-weight:bold;
	width:150px;
}*/
.markup{
	background:#c7e5f2;
}

.contentHome, .content{
	width:1323px;
	display:block;
	position:relative;
	margin:0 auto;
	/*margin-top:-1px;*/
	vertical-align:top;
}


.article{
	width:755px;
	display:inline-block;
	vertical-align:top;
	padding-left:45px;
	margin-top:20px;
	float:left;
}

.mainHome{
	width:840px;
	width:500px;
	float:left;
	vertical-align:top;
	padding-left:45px;
	margin-top:20px;
	margin-top:20px;

	
}
.mainHome p{
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
	/*margin:40px auto;*/
	color:#495565;
	/*font-size:18px;
	font-family: 'Abel', sans-serif;
	*/
}
#frameCata{
	width:100%;
	height:1100px;
	border:0px;
	overflow:hidden;
}
.catalogue{
	width:auto;
	vertical-align:top;
	/*padding-left:45px;*/
	margin-top:20px;
	clear:both;
}
.catalogueHtml{
	width:auto;
	vertical-align:top;
	/*padding-left:45px;*/
	margin-top:20px;
	clear:both;
}
.btnBackArea{
	display:block;
	height:30px;
}
.btnBack a{
	display:block;
	padding:5px 10px;
	outline:1px solid #aaa;
	border-top:1px solid #fff;
	margin: 10px 0;
	padding-left:40px;
	float:left;
}
.btnBack.vert a{
	background:#f0f0f0 url(/images/arrow-left-vert.png) no-repeat left 5px center;
}
.btnBack.bleu a{
	background:#f0f0f0 url(/images/arrow-left-bleu.png) no-repeat left 5px center;
}
.btnBack.orange a{
	background:#f0f0f0 url(/images/arrow-left-orange.png) no-repeat left 5px center;
}
.btnBack.violet a{
	background:#f0f0f0 url(/images/arrow-left-violet.png) no-repeat left 5px center;
}
.btnBack.gris a{
	background:#f0f0f0 url(/images/arrow-left-gris.png) no-repeat left 5px center;
}

.ficheProduit{
	width: auto;
	display:block;
	background:#f9f9f9;
	border:1px solid #ddd;
	clear:both;
}

.ficheSolutions{
	width: auto;
	display:block;
	background:#f9f9f9;
	border:1px solid #ddd;
	clear:both;
}
.headerPdt{
	width:auto;
	padding:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.headerPdt2{
	width:auto;
	padding:20px;
	padding-right:0px;
	padding-bottom:50px;
	border-bottom:1px solid #ccc;
}
.imageProduit{
	
	background:#fff;
	display:inline-block;
	margin-right:30px;
	padding:10px;
	position:relative;
	z-index:10;
	width:300px;
}
.imageProduit.vert{
	border:1px solid #97b95b;
}
.imageProduit.bleu{
	border:1px solid #0a96d1;
}
.imageProduit.orange{
	border:1px solid #ee7f00;
}
.imageProduit.violet{
	border:1px solid #803689;
}
.imageProduit.gris, .imageProduit.noColor{
	border:1px solid #333333;
}
.imageProduit .clappet, .imageProduit .poignee{
	width:auto;
	display:inline-block;
	box-sizing:border-box;
	margin-bottom:10px;
	text-align:center;
}
.imageProduit .clappet div, .imageProduit .poignee div{
	width:277px;
	height:140px;
	display:block;
}
.imageProduit .clappet span, .imageProduit .poignee span{
	/*background:url(/images/picto-fleche-orange-foncee.png) no-repeat left 0px top 12px;
	padding:10px 5px 10px 15px;*/
	display:block;
	background:#f0f0f0;
	padding:4px 1px;
}
.boutonCadreGris {
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    border-top: 0;
}
.boutonCadreGris a {
    display: block;
    width: auto;
    height: auto;
    padding: 7px;
    cursor: pointer;
    background: #b9b9b9;
    color: #111;
    font-size: 16px;
    font-family: 'Abel', sans-serif;
}
.boutonCadreGris a:hover {
    background: #c9c9c9;
}

.headerSolution{
	width:100%;
	padding:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	position:relative;
	box-sizing:border-box;
}
.footerSolution{
	width:100%;
	padding:20px;
	padding-top:0px;
	border-bottom:1px solid #ccc;
	position:relative;
	box-sizing:border-box;
}
.imageSolutions{
	
	background:#fff;
	display:inline-block;
	margin-right:30px;
	padding:10px;
	position:relative;
	z-index:10;
	box-sizing:border-box;
	/*max-width:50%;*/
}
.imageSolutions.bleu{
	border:1px solid #0a96d1;
}
.imageSolutions.vert{
	border:1px solid #97b95b;
}
.imageSolutions.orange{
	border:1px solid #ee7f00;
}
.imageSolutions.violet{
	border:1px solid #803689;
}

.imageSolutions img{
	width:auto;
	vertical-align: middle;
	/*max-height:311px;*/
}
.introGabarit{
	background:#fff;
	display:inline-block;
	/*margin-right:30px;
	padding:10px;
	margin:20px;*/
	position:relative;
	z-index:10;
	box-sizing:border-box;
	/*max-width:50%;*/
}
.introGabarit.vert{
	border:1px solid #97b95b;
}
.introGabarit.bleu{
	border:1px solid #0a96d1;
}
.introGabarit.orange{
	border:1px solid #ee7f00;
}
.introGabarit.violet{
	border:1px solid #803689;
}




.introGabarit img{
	width:auto;
	vertical-align: middle;
	/*max-height:311px;*/
}
.descriptionProduit{
	display:inline-block;
	vertical-align:top;	
	font-size:14px;
	width:925px;
}

.titleProduit{
	font-size:20px;
	width:auto;
	display:block;
}
.titleProduit.vert{
	color:#97b95b;	
}
.titleProduit.bleu{
	color:#0a96d1;	
}
.titleProduit.orange{
	color:#ee7f00;	
}
.titleProduit.violet{
	color:#803689;	
}
.titleProduit.gris, .titleProduit.noColor{
	color:#333333;	
}

.subTitleProduit{
	font-size:16px;
	width:auto;
	/*margin-bottom:15px;*/
	display:block;
}
.subTitleProduit.vert{
	color:#97b95b;
}
.subTitleProduit.bleu{
	color:#0a96d1;
}
.subTitleProduit.orange{
	color:#ee7f00;
}
.subTitleProduit.violet{
	color:#803689;
}
.subTitleProduit.gris, .subTitleProduit.noColor{
	color:#333333;
}
.threadedPdt{
	color:#fff;
	font-size:14px;
	border-radius:20px;
	padding:5px 15px;
	margin-top:15px;
	margin-bottom:25px;
	float:left;
}

.threadedPdt.vert{
	background:#97b95b;
}
.threadedPdt.bleu{
	background:#0a96d1;
}
.threadedPdt.orange{
	background:#ee7f00;
}
.threadedPdt.violet{
	background:#803689;
}
.threadedPdt.gris, .threadedPdt.noColor{
	background:#333333;
}

table.vert, table.bleu, table.orange, table.violet, table.gris, table.invertBleu, table.invertOrange,  table.invertViolet{
    border-spacing: 3px;
    border-collapse: separate;
}
table.vert td, table.bleu td, table.orange td, table.violet td, table.gris td, table.invertBleu td, table.invertOrange td, table.invertViolet td {
    font-size: 12px;
    border-radius: 5px;
    padding: 4px;
    border: 1px solid #cfcfcf;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
}
table.vert .headerTableau{
	background:#cbdcad;
}
table.bleu .headerTableau{
	background:#d4f2ff;
}
table.orange .headerTableau{
	background:#f6bf7f;
}
table.violet .headerTableau{
	background:#bf9ac4;
}
table.invertBleu .headerTableau{
	background:#fff;
}
table.invertBleu td{
	border:1px solid #0a96d1;
}
table.invertOrange .headerTableau{
	background:#fff;
}
table.invertOrange td{
	border:1px solid #ee7f00;
}
table.invertViolet .headerTableau{
	background:#fff;
}
table.invertViolet td{
	border:1px solid #803689;
}
table.gris .headerTableau, table.noColor .headerTableau{
	background:#aaa;
}
.clearfix{
	clear:both;
}
.techProduitLeft{
	width:340px;
	/*display:inline-block;
	clear:both;*/
	float:left;
	margin-right:45px;
}
.techProduitRight{
	width:540px;
	/*display:inline-block;
	clear:both;*/
	float:left;
	overflow-x:auto;
}
.noOverflow .techProduitRight{
	overflow:visible;
}
.techProduit2{
	width:260px;
	/*display:inline-block;
	clear:both;*/
	float:left;
}
.techProduit3{
	width:680px;
	/*display:inline-block;
	clear:both;*/
	float:left;
}
.cartoucheInfo{
	display:block;
	/*box-shadow:5px 5px 0px #444;
	box-shadow:4px 3px 5px 0px #999;*/
	padding:15px;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family: Tahoma, Geneva, sans-serif;
	font-family: 'Dosis', sans-serif;*/
	font-size:12px;
	box-sizing:border-box;		
}
/*.divSolutions.unTiers .cartoucheInfo{
	width:279px;
}*/
.mainHome .cartoucheInfo{
	margin-top:0px;
	width:360px;
	float:left;
	/*margin-right:50px;*/
	font-family: 'Abel', sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-size:13px;
	box-sizing:border-box;
	
}


.mainHome .cartoucheInfo p:last-child {
	margin-bottom:0;
}
.cartoucheInfo p {
	
	color:#fff;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	/*box-sizing:border-box;*/
}
.cartoucheInfo p:last-child {
	margin-bottom:10px;
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.mainHome.cartoucheInfo p {
	color:#fff;
	font-size:14px;
	padding-bottom:3px;
}
.mainHome .cartoucheInfo p, .menuRight .cartoucheInfo p, .contentHome .cartoucheInfo p {
	color:#fff;
	/*margin:19px auto;*/
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	/*font-family: 'Abel', sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
	font-family: 'Dosis', sans-serif;*/
}
.cartoucheInfo p.titreSaviezVous{
	font-size:19px !important;
	background:url(/images/picto-saviez-vous.png) no-repeat center left;
	height:28px;
	line-height:28px;
	padding-left:35px;
	margin-top:0px;
	font-size:19px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
}
.mainHome .cartoucheInfo p.titreSaviezVous{
	font-size:22px;
	background:url(/images/picto-saviez-vous.png) no-repeat center left;
	height:28px;
	line-height:28px;
	padding-left:35px;
	margin-top:0px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
}

.cartoucheInfo p.titreBienvenue{
	font-size:22px;
	background:url(/images/picto-home.png) no-repeat left center;
	height:28px;
	line-height:28px;
	padding-left:35px;
	margin-top:0px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	
	color:#0a96d1;
}
.cartoucheInfo p.titreBase{
	font-size:16px;
	height:32px;
	line-height:32px;
	padding-left:0px;
	margin-top:0px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif !important;
	color:#0a96d1;
	text-align:center;
	margin-bottom:12px;
	padding:0;
	text-transform:uppercase;
	/*text-shadow: 0 0 1px rgba(221,221,221,1);*/
}

.cartoucheInfo.vert{
	background:#97b95b;
}
.cartoucheInfo.bleu{
	background:#0a96d1 !important;
	line-height:17px;
	border-radius:6px;
	border:1px solid #0a96d1;
}
.cartoucheInfo.orange{
	background:#ee7f00 !important;
	border-radius: 6px;
}
.cartoucheInfo.orange p {
	border-bottom:1px solid #f6bf7f;
	margin-bottom:0px;
	padding-bottom:18px;
	margin-top:15px;
	
}
.cartoucheInfo.violet{
	background:#803689 !important;
	    border-radius: 6px;
}
.cartoucheInfo.violet p {
	border-bottom:1px solid #bf9ac4;
	margin-bottom:0px;
	padding-bottom:18px;
	margin-top:15px;
	
}
.cartoucheInfo.gris{
	background:#ddd;
	border-radius:6px;
}
.cartoucheInfo.blanc{
	background:#fff !important;
	line-height:17px;
	border:1px solid #0a96d1;
	color:#0a96d1;
	border-radius:6px;
}
.cartoucheInfo.blanc.bgLogo{
	background:url(/images/logo-o.png) no-repeat top -20px right -25px !important;
	background-size:35% !important;
}
.cartoucheInfo.bleu p {
	border-bottom:1px solid #47b0dd;
	margin-bottom: 0px;
    padding-bottom: 10px;
    margin-top: 0px;
    padding-top: 10px
}
.mainHome .cartoucheInfo.bleu p {
	
}
.cartoucheInfo.bleu p:last-child{
	border:0;
	padding-bottom:5px;
}
.cartoucheInfo.blanc p {
	color:#0a96d1 !important;
	font-size:15px;
	padding-bottom:3px;
	border-bottom:1px solid #c2e5f3;
	margin-bottom:0px;
	padding-bottom:15px;
	margin-top:0px;
	padding-top:13px;
	background:#fff;
}

.cartoucheInfo.blanc p:nth-child(2) {
	
	background:none;
	position:relative;
	z-index:999;
}
.cartoucheInfo.blanc p:nth-child(3) {
	position:relative;
	z-index:998;
}
.cartoucheInfo.blanc p:last-child{
	border:0;
	padding-bottom:5px;
}
.contentHome .cartoucheInfo.blanc p {
	text-align:left !important;
}
.cartoucheInfo p.titleDivSolution {
	border-bottom:0px;
}
.cartoucheInfo.blanc p.titreSaviezVous{
	background:url(/images/picto-saviez-vous-bleu.png) no-repeat center left !important;
	border-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:18px;
	padding-top:0px!important;
	
}
.menuRight .cartoucheInfo p.titreExhibitions{
	font-size:19px;
	background:url(/images/picto-exhibitions.png) no-repeat center left;
	height:28px;
	line-height:28px;
	padding-left:35px;
	margin-top:0px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	/*margin-bottom:22px;*/
	padding-bottom:0;
	padding-top:0px;
	border-bottom:0px;
	margin-bottom:18px;
}

.cartoucheInfo.gris p{
	color:#777;
}
.cartoucheInfo p span.textL{
	display:block;
	margin-bottom:10px;
}
.cartoucheInfo p:last-child span.textL{
	margin-bottom:0px;
}

.stock{
	width:10px;
	height:10px;
	display:block;
	/*position:absolute;*/
	background:#090;
	/*margin-left:1px;
	margin-top:2px;*/
	border-radius:10px;
}
.noStock{
	width:10px;
	height:10px;
	display:block;
	/*position:absolute;*/
	background:#C00;
	/*margin-left:1px;
	margin-top:2px;*/
	border-radius:10px;
}
.textStock{
	float:right;
	width:70px;
}
.text-vert{
	color:#97b95b;
}
.text-bleu{
	color:#0a96d1;
}
.text-orange{
	color:#ee7f00;
}
.text-violet{
	color:#803689;
}


.text-s{
	font-size:11px;
}
.text-xs{
	font-size:10px;
}
.souligne-bleu{
	border-bottom:1px solid #0a96d1;
}
.align-centre{
	text-align:center;
}
.inputQty{
	width:20px;
	display:inline-block;
	padding:6px 0px 6px 0px;
	float:left;
	margin:0px;
	margin-top:-1px;
	text-align:center;
	font-size:11px;
}
.btnAddCart{
	outline:1px solid #aaa;
	border-top:1px solid #fff;
	background:#f0f0f0;
	cursor:pointer;
	padding:5px 5px;
	padding-left:30px;
	background: #f0f0f0 url(/images/picto-add-cart.png) no-repeat left 5px center;
	
	display:inline-block;
}
.btnContactUs{
	display:block;
	outline:1px solid #aaa;
	border-top:1px solid #fff;
	background:#f0f0f0;
	cursor:pointer;
	padding:5px 5px;
	padding-left:30px;
	background: #f0f0f0 url(/images/picto-contact-us.png) no-repeat left 5px center;
}
.btnAddCart:hover, .btnContactUs:hover{
	background-color:#fff;
}



.descriptionProduit ul{
	margin:5px 0px;
	padding:0px;
	list-style-type:none;
	float:left;
}
.descriptionProduit ul li{
	margin:0px;
	padding:0px;
	font-size:11px;
	padding:6px 0;
	border-bottom:1px dashed #bbb;
}
.descriptionProduit ul>li>img{
	width:100%;
	height:auto;
	border:1px solid #666;
}
.descriptionProduit table{
	/*margin:0;
	padding:0;*/
	border-spacing: 3px;
	border-collapse: separate;

}
.descriptionProduit td{
	font-size:10px;	
	border-radius:3px;
	padding:4px;
	border:1px solid #cfcfcf;
}
.imgCertif{
	/*float:left;*/
	width:100%;
	text-align:center;
	
	background:#f6f6f6;
	border-radius:5px;
	margin-top:10px;

	position:relative;
	z-index:15;	
}
/*.imgCertif.vert{
	border:1px solid #97b95b;
	border-top:1px dashed #97b95b;
}
.imgCertif.bleu{
	border:1px solid #0a96d1;
	border-top:1px dashed #0a96d1;
}
.imgCertif.orange{
	border:1px solid #ee7f00;
	border-top:1px dashed #ee7f00;
}
.imgCertif.violet{
	border:1px solid #803689;
	border-top:1px dashed #803689;
}
.imgCertif.gris{
	border:1px solid #333333;
	border-top:1px dashed #333333;
}*/

.imgCertif img{
	/*background:#fff;*/
	/*border:1px solid #0a96d1;*/
	margin-left:10px;
	margin-top:4px;
	/*border-radius:10px;*/
}
.imgCertif .legende{
	display:inline-block;
	
}
.imgCertif .asterisque{
	/*position:absolute;*/
	display:inline-block;
	vertical-align: top;
}

.ficheProduit .divPdt{
	width:auto;
	padding:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	background:#fff;
	position:relative;
}
.ficheProduit .divPdt:last-child{
	border-bottom:0px solid #ccc;
}

.ficheSolutions .divSolutions{
	width:auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:20px;
	border-bottom:1px solid #ccc;
	background:#fff;
	position:relative;
	display:block;
	box-sizing:border-box;
}
.divSolutions.rounded{
	padding:20px;
}
.ficheSolutions .divSolutions p:first-child{
	margin-top:0px;
}
.ficheSolutions .divSolutions p:last-child{
	margin-bottom:0px;
}

.ficheSolutions .divSolutions blockquote{
	margin-left:7%;
	margin-right:1%;
}
.ficheSolutions.gabarit .divSolutions blockquote{
	margin:40px;
	margin-left:5%;
	margin-right:5%;
}
.ficheSolutions .displayTable{
	display: table;
	width:100%;	
	border-spacing:20px;
	margin-top:-20px;
}
.ficheSolutions .displayTable:first-child{
	margin-top:0px;
}
/*.ficheSolutions .displayTable:last-child{
	margin-bottom:20px;
}*/
.ficheSolutions .displayTableRow{
	display: table-row;
}
.ficheSolutions .divSolutions.full{
	width:1321px;
	display: table-cell;
}
.ficheSolutions .divSolutions.unDemi{
	width:660px;
	display: table-cell;
}
.ficheSolutions .divSolutions.deuxTiers{
	width:850px;
	display: table-cell;
	vertical-align:top;
	
}
.ficheSolutions .divSolutions.unTiers{
	width:471px;
	display: table-cell;
	vertical-align:top;
	padding-bottom:0px;
	box-sizing:border-box;
}
.ficheSolutions .divSolutions.unQuart{
	width:577px;
	display: table-cell;
	vertical-align:top;
}
.ficheSolutions .divSolutions.troisQuart{
	width:745px;
	display: table-cell;
	vertical-align:top;
}

.gallery{
	clear:both;
	width:100%;
	box-sizing:border-box;
	list-style-type:none;
	padding:0;
	margin:0;
	margin-left:25px !important;
	margin-top:50px !important;
}
.gallery li{
	width:26% !important;
	float:left;
	margin-right:9% !important;
}
.gallery li:last-child{
	margin-right:2% !important;
}
.gallery li img{
	width:100%;
	height:auto;
}

.introGabarit .divSolutions.unTiers{
	width:34%;
	padding-bottom:0px;
}
.introGabarit .divSolutions.unTiers:first-child{
	/*width:471px;*/
	padding-right:40px;
	width:33%;
}
.introGabarit .divSolutions.unTiers:last-child{
	/*width:445px;*/
	padding-left:40px;
	width:33%;
}

.gabarit .divSolutions.full{
	width:100%;
	/*padding-bottom:0px;*/
}
.gabarit .divSolutions.unTiers{
	width:34%;
}
.gabarit .divSolutions.deuxTiers{
	width:66%;
}
.gabarit .divSolutions.demi{
	display: table-cell;
	width:50%;
}

.gabarit .divSolutions.unQuart{
	width:25%;
}
.gabarit .divSolutions .sp-wrap {
	margin:0;
}
.gabarit .divSolutions>a{
	padding:2px;
	display:block;
}
.gabarit .divSolutions>a:hover{
	text-decoration:underline;
}

.ficheSolutions .divSolutions:last-child{
	border-bottom:0px solid #ccc;
}
.ficheSolutions .displayTableRow .divSolutions{
	border-bottom:1px solid #ccc;
}
.ficheSolutions .displayTableRow .divSolutions.active{
	box-shadow:0px 0px 3px #0a96d1;
}
.ficheSolutions .imageSolutions  .divSolutions{
	border-bottom:0px solid #ccc !important;
}
.ficheSolutions .displayTableRow:last-child .divSolutions{
	border-bottom:1px solid #ccc;
}
.ficheSolutions .displayTableRow .divSolutions{
	border-right:1px solid #ddd;
}
.ficheSolutions .displayTableRow .divSolutions:last-child{
	border-right:0px solid #ddd;
}
.ficheSolutions .displayTableRow:last-child .introGabarit .divSolutions{
	border-bottom:0px solid #ccc;
}

.ficheSolutions .displayTableRow .introGabarit .divSolutions{
	border-right:0px solid #ddd;
}

.ficheSolutions .displayTable{
	display: table;
	width:100%;	
	border-spacing:20px;
	margin-top:-20px;
}
.rounded{
	border-radius:6px;
}
.vAlignMiddle{
	vertical-align:middle !important;
}
.cadreBleu{
	box-shadow: inset 0 0 0px 2px #0a96d1;
}
.cadreVert{
	box-shadow: inset 0 0 0px 2px #97b95b;
}
.cadreOrange{
	box-shadow: inset 0 0 0px 2px #ee7f00;
}
.cadreViolet{
	box-shadow: inset 0 0 0px 2px #803689;
}

.border.bleu {
	border:1px solid #0a96d1;
	box-sizing:border-box
}
.border.orange {
	border:1px solid #ee7f00;
	box-sizing:border-box
}
.border.violet {
	border:1px solid #803689;
	box-sizing:border-box
}
.borderDashedBleu{
	border:1px  dashed #0a96d1;
	box-sizing:border-box;
	padding:10px;
}
.floatLeft{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.floatRight{
	float:right;
	margin-left:15px;
	margin-bottom:5px;
}
.displayInline{
	display:inline-block;
}
.titleDivPdt{
	font-size:14px;
	margin:10px;
	margin-bottom:20px;
}
.titleDivPdt:before{
	content:'';
	display:inline-block;
	position:relative;
	width:7px;
	height:7px;
	margin:0px;
	padding:0px;
	margin-right:5px;
	margin-top:2px;
	clear:both;
}
.titleDivPdt.vert:before{
	background:#97b95b;
}
.titleDivPdt.bleu:before{
	background:#0a96d1;
}
.titleDivPdt.orange:before{
	background:#ee7f00;
}
.titleDivPdt.violet:before{
	background:#803689;
}
.titleDivPdt.gris:before, .titleDivPdt.noColor:before{
	background:#333333;
}

.titleDivSolution{
	font-size:16px;
	margin:10px;
	margin-bottom:20px;
	color:#0a96d1;
}
.titleDivSolution.bleu{
	color:#0a96d1;
}
.titleDivSolution.vert{
	color:#97b95b;
}
.titleDivSolution.orange{
	color:#ee7f00;
}
.titleDivSolution.violet{
	color:#803689;
}

.titleDivSolution:before{
	content:'';
	display:inline-block;
	position:relative;
	width:12px;
	height:12px;
	margin:0px;
	padding:0px;
	margin-right:10px;
	margin-top:2px;
	clear:both;
}

.titleDivSolution.bleu:before{
	background:#0a96d1;
}
.titleDivSolution.vert:before{
	background:#97b95b;
}
.titleDivSolution.orange:before{
	background:#ee7f00;
}
.titleDivSolution.violet:before{
	background:#803689;
}

.titleDivSolution.blanc:before{
	content:'';
	display:inline-block;
	position:relative;
	width:12px;
	height:12px;
	margin:0px;
	padding:0px;
	margin-right:10px;
	margin-top:2px;
	background:#fff;
	clear:both;
}

.divPdt ul, .divSolutions ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.divPdt ul li, .divSolutions ul li{
	display:inline-block;
	text-align:center;
	margin:5px 20px;
}


.divSolutions .listResultFT li{
	display:table-row;
}
.divSolutions ul.globalSearch li a.linkPage{
	background: none;
}
.divSolutions ul.globalSearch li a.linkFT{
	background: url(/images/picto-pdf.png) no-repeat left 10px center;
	padding-left:35px;
}
.divSolutions ul.globalSearch li a{
	border:0;
	padding:0;
}
.divSolutions ul.globalSearch li p.textL{
	margin-top:8px;
	margin-bottom:0;
	
    text-transform: none;

}

.divSolutions ul.globalSearch li p.text-s{
	margin-top:0;
	margin-bottom:8px;
	
    text-transform: none;
}

.gabarit .divSolutions ul li{
	/*display:block;*/
	text-align:left;
	margin:5px 20px;
	/*padding-left:40px;*/
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: 'Dosis', sans-serif;*/
	font-size:13px;
	width:49%;
	box-sizing:border-box;
	margin:0;
	margin-bottom:5px;
	/*padding-left:20px;*/
}
.gabarit .divSolutions ul li{
}

.btnRessources {
	
	background:#f0f0f0;
	margin: 10px 10px 10px 0px;
	position:relative;
	float:left;
	/*padding-right:16px;*/
}
.btnRessources a{
	display:block;
	padding:7px 10px;
	padding-left:35px;
	outline:1px solid #aaa;
	border-top:1px solid #fff;
}

/*//////////////////////////////////*/
/*//////////////////////////////////*/
.btnRessources.vert a.tech-info{
	background: url(/images/picto-tech-info-vert.png) no-repeat left 5px center;
	cursor:pointer;
}
.btnRessources.vert a.tech-data{
	background: url(/images/picto-tech-data-vert.png) no-repeat left 5px center;
}
.btnRessources.vert a.mount-instruc{
	background: url(/images/picto-mount-instruc-vert.png) no-repeat left 5px center;
}
.btnRessources.vert a.cao{
	background: url(/images/picto-cao-vert.png) no-repeat left 10px center;
	padding-left:40px;
}
/*//////////////////////////////////*/
/*//////////////////////////////////*/
.btnRessources.bleu a.tech-info{
	background: url(/images/picto-tech-info-bleu.png) no-repeat left 5px center;
	cursor:pointer;
}
.btnRessources.bleu a.tech-data{
	background: url(/images/picto-tech-data-bleu.png) no-repeat left 5px center;
}
.btnRessources.bleu a.mount-instruc{
	background: url(/images/picto-mount-instruc-bleu.png) no-repeat left 5px center;
}
.btnRessources.bleu a.cao{
	background: url(/images/picto-cao-bleu.png) no-repeat left 10px center;
	padding-left:40px;
}
/*//////////////////////////////////*/
/*//////////////////////////////////*/
.btnRessources.orange a.tech-info{
	background: url(/images/picto-tech-info-orange.png) no-repeat left 5px center;
	cursor:pointer;
}
.btnRessources.orange a.tech-data{
	background: url(/images/picto-tech-data-orange.png) no-repeat left 5px center;
}
.btnRessources.orange a.mount-instruc{
	background: url(/images/picto-mount-instruc-orange.png) no-repeat left 5px center;
}
.btnRessources.orange a.cao{
	background: url(/images/picto-cao-orange.png) no-repeat left 10px center;
	padding-left:40px;
}
/*//////////////////////////////////*/
/*//////////////////////////////////*/
.btnRessources.violet a.tech-info{
	background: url(/images/picto-tech-info-violet.png) no-repeat left 5px center;
	cursor:pointer;
}
.btnRessources.violet a.tech-data{
	background: url(/images/picto-tech-data-violet.png) no-repeat left 5px center;
}
.btnRessources.violet a.mount-instruc{
	background: url(/images/picto-mount-instruc-violet.png) no-repeat left 5px center;
}
.btnRessources.violet a.cao{
	background: url(/images/picto-cao-violet.png) no-repeat left 10px center;
	padding-left:40px;
}
/*//////////////////////////////////*/
/*//////////////////////////////////*/
.btnRessources.gris a.tech-info, .btnRessources.noColor a.tech-info{
	background: url(/images/picto-tech-info-gris.png) no-repeat left 5px center;
	cursor:pointer;
}
.btnRessources.gris a.tech-data, .btnRessources.noColor a.tech-data{
	background: url(/images/picto-tech-data-gris.png) no-repeat left 5px center;
}
.btnRessources.gris a.mount-instruc, .btnRessources.noColor a.mount-instruc{
	background: url(/images/picto-mount-instruc-gris.png) no-repeat left 5px center;
}
.btnRessources.gris a.cao, .btnRessources.noColor a.cao{
	background: url(/images/picto-cao-gris.png) no-repeat left 10px center;
	padding-left:40px;
}
/*//////////////////////////////////*/
/*//////////////////////////////////*/

.btnDownload{
	outline:1px solid #aaa;
	border-top:1px solid #fff;
	background:#f0f0f0;
	margin: 10px 10px 10px 0px;
	width:135px;
	position:absolute;
	top:-12px;
	right:-9px;
	/*float:left;*/
}
.btnDownload a{
	display:block;
	padding:7px 10px;
	padding-left:33px;
	background: url(/images/picto-pdf.png) no-repeat left 7px center;
}

.listRelated{
	display:inline-block;
	text-align:center;
	margin-right:25px;
	margin-left:25px;
	position:relative;
	overflow:hidden;
	vertical-align:top;
	
}
.listRelated span{
	max-width:150px;
	height:auto;
	display:block;
	overflow:visible;
}
.listRelated .shadow{
	margin-bottom:15px;	
	
}

.relatedDetails{
	background:rgba(50,50,50,0.8);
	color:#fff;
	position:absolute;
	padding:10px;
	width:131px;
	height:131px;
	line-height:131px;
	top:1px;
	left:-151px;
	vertical-align:middle;
	
}
.relatedDetails span{
	vertical-align:middle;
	display:inline-block;
	line-height:normal;
	font-size:10px;
}
.relatedDetails span .threadedPdt{
	color:#fff;
	font-size:10px;
	border-radius:15px;
	padding:5px 5px;
	margin-top:10px;
	float:none;
}

.relatedDetails span .threadedPdt.vert{
	background:#97b95b;
}
.relatedDetails span .threadedPdt.bleu{
	background:#0a96d1;
}
.relatedDetails span .threadedPdt.orange{
	background:#ee7f00;
}
.relatedDetails span .threadedPdt.violet{
	background:#803689;
}
.relatedDetails span .threadedPdt.gris, .relatedDetails span .threadedPdt.noColor{
	background:#333333;
}

.maskRelated{
	width:1183px;
	overflow:hidden;
	height:230px;
	margin-left:50px;
	/*padding-left:15px;*/
	position:relative;
	/*padding:0 25px;*/
}
.sliderRelated{
	width:9999px;
	display:block;
	overflow:visible;
	position:absolute;
	left:-25px;
}

.relatedLeft{
	display:block;
	width:24px;
	height:24px;
	line-height:22px;
	text-align:center;
	outline:1px solid #aaa;
	border-top:1px solid #fff;
	background:#f0f0f0;
	margin: 10px 0;
	position:absolute;
	left:25px;
	top:120px;
	z-index:9999;
	display:none;
}
.slideShow .relatedLeft{
	background:rgba(30,30,30,0.9);
	outline:0;
	border-top:0;
	top:190px;
	left:15px;
	width:28px;
	height:28px;
	line-height:26px;
	cursor:pointer;
}
.relatedRight{
	display:block;
	width:24px;
	height:24px;
	line-height:22px;
	text-align:center;
	outline:1px solid #aaa;
	border-top:1px solid #fff;
	background:#f0f0f0;
	margin: 10px 0;
	position:absolute;
	right:25px;
	top:120px;
	z-index:9999;
	display:none;
}
.slideShow .relatedRight{
	background:rgba(30,30,30,0.9);
	outline:0;
	border-top:0;
	top:190px;
	right:15px;
	width:28px;
	height:28px;
	line-height:26px;
	cursor:pointer;
}


.paragraphePuce{
	/*clear:both;*/
	font-size:11px;
}
.ficheSolutions .paragraphePuce{
	/*clear:both;*/
	font-size:12px;
	padding-left:10px;
	position:relative;
}
.ficheSolutions.gabarit .paragraphePuce{
	/*clear:both;*/
	font-size:16px;
	padding-left:35px;
	position:relative;
}
.paragraphePuceFloat{
	/*float:right;*/
	/*display:inline-block;*/
	/*width:50%;*/
}
.paragraphePuce:before, .paragraphePuceFloat:before{
	content:'';
	display:inline-block;
	position:relative;
	width:7px;
	height:7px;
	margin:0px;
	padding:0px;
	margin-right:5px;
	margin-top:2px;
	background:#0a96d1;
	clear:both;
	border:0;
}
.ficheSolutions .paragraphePuce:before{
	content:'';
	display:inline-block;
	position:absolute;
	left:-5px;
	background: none;
	margin:0px;
	padding:0px;
	margin-right:5px;
	margin-top:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	
}
.ficheSolutions .paragraphePuce.bleu:before{
	border-color: transparent transparent transparent #0a95d1;
}
.ficheSolutions .paragraphePuce.vert:before{
	border-color: transparent transparent transparent #97b95b;
}
.ficheSolutions .paragraphePuce.orange:before{
	border-color: transparent transparent transparent #ee7f00;
}
.ficheSolutions .paragraphePuce.violet:before{
	border-color: transparent transparent transparent #803689;
}


.ficheSolutions.gabarit .paragraphePuce:before{
	content:'';
	display:inline-block;
	position:relative;
	width:7px;
	height:7px;
	margin:0px;
	padding:0px;
	margin-right:0px;
	margin-left:-10px;
	margin-top:2px;
	background:#0a96d1;
	clear:both;
	border:0;
}

.puceBleue:before{
	content:'';
	display:inline-block;
	position:relative;
	width:7px;
	height:7px;
	margin:0px;
	padding:0px;
	margin-right:10px;
	/*margin-left:-10px;*/
	margin-top:2px;
	background:#0a96d1;
	clear:both;
	border:0;
}
.titreVert{
	width:800px;
	font-size:26px;
	color:#97b95b;
	font-weight:normal;
	line-height:36px;
	border-bottom:1px solid #97b95b;
	margin-left:-45px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
}
.titreBleu{
	width:800px;
	font-size:26px;
	color:#0a96d1;
	font-weight:normal;
	line-height:36px;
	border-bottom:1px solid #0a96d1;
	margin-left:-45px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
}
.titreOrange{
	width:800px;
	font-size:26px;
	color:#ee7f00;
	font-weight:normal;
	line-height:36px;
	border-bottom:1px solid #ee7f00;
	margin-left:-45px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
}
.titreViolet{
	width:800px;
	font-size:26px;
	color:#803689;
	font-weight:normal;
	line-height:36px;
	border-bottom:1px solid #803689;
	margin-left:-45px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
}


.mainHome .titreBleu{
	width:auto;
	margin-left:0px;
}
.catalogue .titreVert, .catalogue .titreBleu, .catalogue .titreOrange, .catalogue .titreViolet{
	width:auto;
	margin-left:0px;
}
.catalogueHtml .titreVert, .catalogueHtml .titreBleu, .catalogueHtml .titreOrange, .catalogueHtml .titreViolet, .catalogueHtml .titreXL{
	width:auto;
	margin-left:0px;
}

.titreXL span{
	font-size:13px;
	color:#333;
	display:inline-block;
	float:right;
	line-height:50px;
	font-variant:small-caps;
	font-style:italic;
}

.titreBleu div.home{
	float:left;
	margin-right:10px;
	background:url(/images/picto-home.png) no-repeat left center;
	width:32px;
	height:28px;			
}
.titreBleu div.aboutus{
	float:left;
	margin-right:10px;
	background:url(/images/picto-aboutus.png) no-repeat left center;
	width:32px;
	height:28px;			
}
.titreBleu div.demandeCatalogue{
	float:left;
	margin-right:10px;
	background:url(/images/picto-bleu-catalogue.png) no-repeat left center;
	background-size:cover;
	width:35px;
	height:28px;
}
.titreBleu div.productsSocla{
	float:left;
	margin-right:10px;
	background:url(/images/picto-socla.png) no-repeat left center;
	width:111px;
	height:28px;			
}
.titreBleu div.documentations{
	float:left;
	margin-right:10px;
	background:url(/images/picto-documentations.png) no-repeat left center;
	width:32px;
	height:28px;			
}
.titreBleu div.animations{
	float:left;
	margin-right:10px;
	background:url(/images/picto-animations.png) no-repeat left center;
	width:32px;
	height:28px;			
}
.titreBleu div.approvals{
	float:left;
	margin-right:10px;
	background:url(/images/picto-approvals.png) no-repeat left center;
	width:32px;
	height:28px;
}
.titreBleu div.warranty{
	float:left;
	margin-right:10px;
	background:url(/images/picto-warranty.png) no-repeat left center;
	width:32px;
	height:28px;
}
.titreBleu div.socla{
	float:left;
	margin-right:10px;
	background:url(/images/logo.png) no-repeat left center;
	background-size:cover;
	width:108px;
	height:26px;			
}
.titreOrange div.sylax{
	float:left;
	margin-right:10px;
	background:url(/images/logo-sylax-xl.png) no-repeat left center;
	background-size:cover;
	width:94px;
	height:36px;			
}

.titreViolet div.desbordes{
	float:left;
	margin-right:10px;
	background:url(/images/logo-desbordes-xl.png) no-repeat left center;
	background-size:cover;
	width:180px;
	height:26px;			
}

.titreXL{
	width:800px;
	font-size:22px;
	font-weight:normal;
	line-height:36px;
	border-bottom:1px solid #0a96d1;
	margin-left:-45px;
}
.titreXL.vert{
	color:#97b95b;
	border-bottom:1px solid #97b95b;
}
.titreXL.bleu{
	color:#0a96d1;
	border-bottom:1px solid #0a96d1;
}
.titreXL.orange{
	color:#ee7f00;
	border-bottom:1px solid #ee7f00;
}
.titreXL.violet{
	color:#803689;
	border-bottom:1px solid #803689;
}
.titreXL.gris, .titreXL.noColor{
	color:#333333;
	border-bottom:1px solid #333333;
}

.titreXL.vert div{
	float:left;
	margin-right:10px;
	background:url(/images/gamme-protection-l.png) no-repeat left center;
	width:32px;
	height:32px;			
}
.titreXL.bleu div{
	float:left;
	margin-right:10px;
	background:url(/images/gamme-non-retour-l.png) no-repeat left center;
	width:32px;
	height:32px;			
}
.titreXL.orange div{
	float:left;
	margin-right:10px;
	background:url(/images/gamme-obturation-l.png) no-repeat left center;
	width:32px;
	height:32px;			
}
.titreXL.violet div{
	float:left;
	margin-right:10px;
	background:url(/images/gamme-regulation-l.png) no-repeat left center;
	width:32px;
	height:32px;			
}
.titreXL.gris div{
	float:left;
	margin-right:10px;
	background:url(/images/gamme-autre-l.png) no-repeat left center;
	width:32px;
	height:32px;				
}

.ssTitreBleu{
	width:100%;
	font-size:14px;
	color:#0a96d1;
	font-weight:normal;
	line-height:normal;
	border-bottom:1px dashed #0a96d1;
	position:relative;
}
.ssTitreFiletSolid.vert{
	width:100%;
	font-size:19px;
	color:#97b95b;
	font-weight:normal;
	line-height:normal;
	position:relative;
	margin:25px 0;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	
}

.ssTitreFiletSolid.bleu{
	width:auto;
	font-size:19px;
	color:#0a96d1;
	font-weight:normal;
	line-height:normal;
	position:relative;
	margin:25px 0;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	text-transform:uppercase;
}
.ssTitreFiletSolid.orange{
	width:auto;
	font-size:19px;
	color:#ee7f00;
	font-weight:normal;
	line-height:normal;
	position:relative;
	margin:25px 0;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	
}
.ssTitreFiletSolid.violet{
	width:100%;
	font-size:19px;
	color:#803689;
	font-weight:normal;
	line-height:normal;
	position:relative;
	margin:25px 0;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	
}
.ssTitreFiletSolid.blanc{
		width:auto;
	font-size:19px;
	color:#fff;
	font-weight:normal;
	line-height:normal;
	position:relative;
	margin:25px 0;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	
}
.uppercase{
	text-transform:uppercase;
}
.divSolutions .ssTitreFiletSolid{
	margin:50px 0 20px 0;
}

.divSolutions .ssTitreFiletSolid:first-child{
	margin-top:0px;
}
.visuelAccueil{
	/*float:left;	*/
	/*display:inline-block;*/
	/*position:absolute;*/
	float:left;
	margin-right:25px;
}
.visuelProfile{
	border-top:1px solid #c6eeff;
	outline: 1px solid #000;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.visuelGamme{
	display:inline-block;
	width:345px;
	vertical-align:top;
	padding:15px;
	
}
.visuelGamme p{
	text-align:justify;
}
.visuelGamme img{
	display:block;
	margin-bottom:10px;
	width:100%;
	height:auto;
	
}
/*.services{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	margin-top:30px;
}


.services li{
	margin:0;
	padding:0;
	display:block;
	position:relative;
	width:100%;
}

.services li:last-child{
	margin-top:10px;
}


.services li a{
	display:inline-block;
	width:auto;
	height:auto;
	padding:4px;
	padding-left:15px;
	background:url(/images/picto-fleche.png) no-repeat left center;
	font-size:10px;
}

.services li a:hover{
	text-decoration:underline;
}


.services li a span{
	color:#0a96d1;
	font-size:11px;
	display:block;
	
}

.services li img{
	display:block;
}*/
.services{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	/*margin-top:10px;*/
	margin-top:15px;
}


.services li{
	margin:0;
	padding:0;
	display:inline-block;
	/*display:block;*/
	position:relative;
	width:50%;
	padding:4px;
	box-sizing:border-box;
}
.services>li:first-child{
	float:left;
}
.services>li:last-child{
	float:right;
	width:49%;
}
.services li ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	display:block;
	box-sizing:border-box;
}
.services li ul li{
	display:inline-block;
	min-width:30%;
	width:auto;
	padding:2px;
	box-sizing:border-box;
}

.services li:last-child{
	/*width:45%;*/
	/*margin-left:5px;*/
	/*padding-left:35px;*/
	/*border-left:1px solid #bbb;*/
	/*margin-left:13px;*/
	/*margin-top:10px;*/
}


.services li a{
	display:inline-block;
	width:auto;
	height:auto;
	padding:2px;
	padding-left:7px;
	background:url(/images/picto-fleche.png) no-repeat left center;
	background-size: auto 35%;
	font-size:10px;
	box-sizing:border-box;
}

.services li a:hover{
	text-decoration:underline;
}


.services li a span{
	color:#0a96d1;
	font-size:11px;
	display:block;
	
}

.services li img{
	display:block;
}


/*.cartoucheGris{
	padding:16px;
	border:1px dotted #333;
	background:#E8E8E8;
}*/
.cartoucheOrange{
	padding:5px;
	border:1px dotted #ec6e00;
}
.cartoucheViolet{
	padding:5px;
	border:1px dotted #9d2874;
}
.cartoucheGris{
	padding:5px;
	border:1px dotted #333333;
}
.cartoucheGrisAnim{
	padding:16px;
	border:1px solid #999;
	background:#E8E8E8;
	/*display:inline-block;*/
	width:343px;
	vertical-align:top;
	padding:15px;
	position:relative;
	margin-top:10px;
	border-collapse:separate;
	transition: border 500ms ease-in;
	/*border-top-right-radius:10px;
	border-bottom-left-radius:10px;*/
	/*box-shadow:1px 1px 5px 1px #666;
	margin:5px;
	display:block;
	width:auto;
	padding:10px;*/
}
.cartoucheGrisGlobal{
	padding:16px;
	border:1px solid #999;
	background:#E8E8E8;
	width:auto;
	vertical-align:top;
	padding:5px 15px;
	position:relative;
	margin-top:10px;
	border-collapse:separate;
	transition: border 500ms ease-in;
}

.cartoucheGrisAnim:hover{
	border:1px solid #0a96d1;
	
}
.cartoucheGrisAnim img{
	float:left;
}
.cartoucheGrisAnim a img{
	float:none;
	margin-right: 0px;	
}
.cartoucheGrisAnim .paragraphePuce{
	margin-bottom:15px;
	margin-left:140px;
}
.cartoucheGrisAnim a{
	display:block;
	position:relative;
	float:none;
	margin-left:160px;
}
.cartoucheGrisAnim a:hover{
	color:#0a96d1;
}
.cartoucheGris p, .cartoucheGrisAnim p{
	margin:0px;
}

.shadow{
	border:1px solid #999;
	box-shadow:1px 1px 3px 1px #999;
}

/*.menuRight{
	width:380px;
	display:inline-block;
	vertical-align:top;
	position: relative;
	margin-top:35px;
	margin-top:70px;
	margin-left:138px;
}*/
.menuRight{
	width:370px;
	vertical-align:top;
	float:right;
	position: relative;
	margin-top:35px;
	margin-top:20px;
	margin-left:0px;
	margin-right:-2px;
}
.menuLeft{
	width:370px;
	vertical-align:top;
	float:left;
	position: relative;
	margin-top:35px;
	margin-top:20px;
	margin-right:41px;
}
.divSolutions .menuRight{
	margin-top:10px;
}
.menuRight div.cartoucheSimple, .menuLeft div.cartoucheSimple{
	width:380px;	
	font-family:Verdana, Geneva, sans-serif;
	color:#aae6ff;
	font-size:12px;
	border-top:1px solid #84c8e4;
	/*box-shadow:0 0 0 1px #5a5a5a;*/
	margin-bottom:10px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	
}

.menuRight div.cartoucheSimple span, .menuRight div.cartoucheDetails span, .menuLeft div.cartoucheSimple span, .menuLeft div.cartoucheDetails span{
	color:#fff;
	font-size:19px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	
	/*font-weight:bold;*/
}
.menuRight div.cartoucheSimple a,.menuLeft div.cartoucheSimple a{
	display:block;
	width:auto;
	height:auto;
	color:#aae6ff;
	padding:15px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwOTkwQzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwOTdEQUQiIG9mZnNldD0iMC40Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzA5OERDNSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzEzNSkiIC8+Cjwvc3ZnPg==);
	cursor:pointer;
}

.menuRight div.cartoucheSimple img, .menuRight .cartoucheMultiple div.cartoucheDetails img, .menuLeft div.cartoucheSimple img, .menuLeft .cartoucheMultiple div.cartoucheDetails img{
	float:left;
	margin-right:10px;
}
.menuRight .cartoucheMultiple div.cartoucheDetails, .menuLeft .cartoucheMultiple div.cartoucheDetails{
		width:350px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwOTkwQzkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwOTdEQUQiIG9mZnNldD0iMC40Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzA5OERDNSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzEzNSkiIC8+Cjwvc3ZnPg==);
	
	font-family:Verdana, Geneva, sans-serif;
	color:#aae6ff;
	font-size:13px;
	border-top:1px solid #84c8e4;
	box-shadow:0 0 0 1px #5a5a5a;
	padding:10px 15px 10px 15px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	
	font-size:12px;
}
.menuRight .cartoucheMultiple div.details, .menuLeft .cartoucheMultiple div.details{
	width:350px;
	padding:5px 15px;
	background:#E8E8E8;
	margin-bottom:10px;
	box-shadow:0 0 0 1px #5a5a5a;
	text-align:justify;
	
}

.menuRight .cartoucheMultiple div.details a, .menuLeft .cartoucheMultiple div.details a{
	display:block;
	width:auto;
	text-align:right;
	padding-right:15px;
	margin-top:10px;
	background:url(/images/picto-fleche.png) right bottom 1px no-repeat;
}

.menuRight .cartoucheMultiple div.details img, .menuLeft .cartoucheMultiple div.details img{
	position:relative;
	display:block;
	margin:0 auto;
}


.detailsProd{
	width:380px;
	/*padding:5px 15px;*/
	padding:0px;
	background:#E8E8E8;
	margin-bottom:10px;
	box-shadow:0 0 0 1px #5a5a5a;
	text-align:justify;
}
.detailsProd ul{
	margin:0;
	padding:0;
	/*padding-left:45px;*/
	/*padding-top:5px;*/
	margin-bottom:10px;
	list-style-type: none;
}
.detailsProd ul li{
	margin:0;
	padding:0;
	padding:4px;
	padding-left:45px;
}
.detailsProd ul li:hover{
	background:#c7e5f2;
}
.detailsProd ul li a:before{
	content:'';
	display:inline-block;
	width:10px;
	height:10px;
	background:url(/images/arrowNext.png) no-repeat left center;
}


.detailsProd a{
	display:block;
	padding:5px;
	padding-right:15px;
	margin-top:0px;
}
.details a:hover, .detailsProd a:hover{
	/*text-decoration:underline;*/
}

.detailsAnim{
	width:380px;
	padding-top:5px;
	background:#E8E8E8;
	margin-bottom:10px;
	box-shadow:0 0 0 1px #5a5a5a;
	text-align:center;
}
.detailsAnim ul{
	margin:0;
	padding:0;
	/*padding-left:45px;*/
	padding-top:5px;
	list-style-type: none;
}
.detailsAnim ul li{
	margin:0;
	padding:0;
	width:120px;
	display:inline-block;
	font-size:10px;
}
.detailsAnim ul li:first-child{
	width:130px;
}


.detailsAnim a{
	display:block;
	width:auto;
	/*padding:5px;*/
	/*padding-right:15px;*/
	margin-top:0px;
	text-align:center;
}
.detailsAnim a img{
	margin-bottom:15px;
}
.details a:hover, .detailsProd a:hover{
	/*text-decoration:underline;*/
}
.detailsAnim .more{
	text-align:right; padding:13px 15px 0px 15px; border-top:1px dotted #888; width:90%; position:relative; margin:0 auto;
}
.detailsAnim .more img{
	 vertical-align: top; margin-top:3px;
}

.gammePdt{
	position:absolute;
	bottom:2px;
	left:10px;
}
.listProduct{
	margin:0;
	padding:0;
	list-style-type:none;
	width:645px;
	float:left;
	margin:0 8px;
}
.listProduct li{
	
	border:1px solid #999;
	background:#f0f0f0;
	margin:35px 0 10px 0;
}
.listProduct li a{
	
	/*border:1px solid #333;*/
	
	border-top:1px solid #fff;
	display:block;
	padding:20px;
	padding-left:140px;
	font-size:14px;
	position:relative;
	cursor:pointer;
	
}
.listProduct li a span.plus{
	
	padding:2px;
	
	width:10px;
	height:10px;
	line-height:10px;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	float:right;
	font-size:11px;
}

.listProduct li a span.plus.vert{
	border:1px solid #97b95b;
	color:#97b95b;
}

.listProduct li a span.plus.bleu{
	border:1px solid #0a96d1;
	color:#0a96d1;
}
.listProduct li a span.plus.orange{
	border:1px solid #ee7f00;
	color:#ee7f00;
}
.listProduct li a span.plus.violet{
	border:1px solid #803689;
	color:#803689;
}
.listProduct li a span.plus.gris{
	border:1px solid #333333;
	color:#333333;
}

.listProduct li ul{
	display:none;
	margin:0;
	padding:0;
	list-style-type:none;
}
.listProduct li ul li {
	outline:none;	
	margin:0;
	border:0px solid #999;
}
.listProduct li ul li a{
	
	outline: none;
	border-top:1px solid #fff;
	border-bottom:1px solid #aaa;
	display:block;
	padding:10px 10px 10px 30px;
	font-size:12px;
}

.listProduct li ul li a.vert{
	background:#e8e8e8 url(/images/picto-fleche-vert-foncee.png) no-repeat left 10px center;
}
.listProduct li ul li a.bleu{
	background:#e8e8e8 url(/images/picto-fleche-bleue-foncee.png) no-repeat left 10px center;
}
.listProduct li ul li a.orange{
	background:#e8e8e8 url(/images/picto-fleche-orange-foncee.png) no-repeat left 10px center;
}
.listProduct li ul li a.violet{
	background:#e8e8e8 url(/images/picto-fleche-violet-foncee.png) no-repeat left 10px center;
}
.listProduct li ul li a.gris{
	background:#e8e8e8 url(/images/picto-fleche-gris-foncee.png) no-repeat left 10px center;
}






.listProduct li ul li a.vert:hover{
	background-color:#cbdcad;
}
.listProduct li ul li a.bleu:hover{
	background-color:#c7e5f2;
}
.listProduct li ul li a.orange:hover{
	background-color:#f6bf7f;
}
.listProduct li ul li a.violet:hover{
	background-color:#bf9ac4;
}
.listProduct li ul li a.gris:hover{
	background-color:#ccc;
}
.listProduct li ul li:first-child a{
	border-top:1px solid #999;
}
.listProduct li ul li:last-child a{
	border-bottom:1px solid #e8e8e8;
}

.listProduct li ul li a span{
	font-size:11px;
}
.listProduct li ul li a span.arrow{
	color:#0a96d1;
	padding:2px;
	border:1px solid #999999;
	background:url(/images/picto-fleche-grise.png) center center no-repeat;
	width:6px;
	height:8px;
	display:inline-block;
	float:right;
	margin-right:12px;
}



/**/
.selecteurRechercheGuidee{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100% !important;
	margin-left:0%!important;
	
}
.selecteurRechercheGuidee li{
	width:100% !important;
	border:1px solid #999;
	background:#f0f0f0;
	margin:0px 0 10px 0;
	padding:0!important;
}
.selecteurRechercheGuidee li.actif, .selecteurRechercheGuidee li:hover{
	background:#d6d6d6;
}
.selecteurRechercheGuidee li a{
	
	/*border:1px solid #333;*/
	
	border-top:1px solid #fff;
	display:block;
	padding:15px;
	font-size:14px;
	position:relative;
	cursor:pointer;
	font-family:Verdana, Geneva, sans-serif;
	
}
.selecteurRechercheGuidee li a img{
	position:relative;
	float:left;
	margin-right:10px;
	top:-5px;
}
.selecteurRechercheGuidee li a span.plus{
	
	padding:2px;
	
	width:10px;
	height:10px;
	line-height:10px;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	float:right;
	font-size:11px;
}
.selecteurRechercheGuidee li a span.plus.vert{
	border:1px solid #97b95b;
	color:#97b95b;
}

.selecteurRechercheGuidee li a span.plus.bleu{
	border:1px solid #0a96d1;
	color:#0a96d1;
}
.selecteurRechercheGuidee li a span.plus.orange{
	border:1px solid #ee7f00;
	color:#ee7f00;
}
.selecteurRechercheGuidee li a span.plus.violet{
	border:1px solid #803689;
	color:#803689;
}
.selecteurRechercheGuidee li a span.plus.gris{
	border:1px solid #333333;
	color:#333333;
}
.selecteurRechercheGuidee li ul{
	display:none;
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
.selecteurRechercheGuidee li ul li {
	outline:none;	
	margin:0!important;
	border:0px solid #999;
}
.selecteurRechercheGuidee li ul li a{
	
	outline: none;
	border-top:1px solid #fff;
	border-bottom:1px solid #aaa;
	display:block;
	padding:10px 35px 10px 35px;
	font-size:12px;
}

.selecteurRechercheGuidee li ul li a.vert{
	background:#e8e8e8 url(/images/picto-fleche-vert-foncee.png) no-repeat left 18px top 12px;
}
.selecteurRechercheGuidee li ul li a.bleu{
	background:#e8e8e8 url(/images/picto-fleche-bleue-foncee.png) no-repeat left 18px top 12px;
}
.selecteurRechercheGuidee li ul li a.orange{
	background:#e8e8e8 url(/images/picto-fleche-orange-foncee.png) no-repeat left 18px top 12px;
}
.selecteurRechercheGuidee li ul li a.violet{
	background:#e8e8e8 url(/images/picto-fleche-violet-foncee.png) no-repeat left 18px top 12px;
}
.selecteurRechercheGuidee li ul li a.gris{
	background:#e8e8e8 url(/images/picto-fleche-gris-foncee.png) no-repeat left 18px top 12px;
}

.selecteurRechercheGuidee li ul li.disable a{
	background:#e8e8e8 url(/images/picto-fleche-gris-claire.png) no-repeat left 18px top 12px;
	color:#afafaf;
	cursor:default;
}
.selecteurRechercheGuidee li ul li.disable a .arrow{
	display:none;
}


.selecteurRechercheGuidee li ul li a.vert:hover, .selecteurRechercheGuidee li ul li.actif a.vert{
	background-color:#cbdcad;
}
.selecteurRechercheGuidee li ul li a.bleu:hover, .selecteurRechercheGuidee li ul li.actif a.bleu{
	background-color:#c7e5f2;
}
.selecteurRechercheGuidee li ul li a.orange:hover, .selecteurRechercheGuidee li ul li.actif a.orange{
	background-color:#f6bf7f;
}
.selecteurRechercheGuidee li ul li a.violet:hover, .selecteurRechercheGuidee li ul li.actif a.violet{
	background-color:#bf9ac4;
}
.selecteurRechercheGuidee li ul li a.gris:hover, .selecteurRechercheGuidee li ul li.actif a.gris{
	background-color:#ccc;
}
.selecteurRechercheGuidee li ul li:first-child a{
	border-top:1px solid #999;
}
.selecteurRechercheGuidee li ul li:last-child a{
	border-bottom:1px solid #e8e8e8;
}

.selecteurRechercheGuidee li ul li a span{
	font-size:11px;
}
.selecteurRechercheGuidee li ul li a span.arrow{
	color:#0a96d1;
	padding:2px;
	border:1px solid #999999;
	background:url(/images/picto-fleche-grise.png) center center no-repeat;
	width:6px;
	height:8px;
	display:inline-block;
	float:right;
	float:right;
	position:absolute;
	right:17px;
	top:11px;
}
.listProduct li ul li.materials a{
	
	outline: none;
	border-top:1px solid #fff;
	border-bottom:1px solid #aaa;
	display:block;
	padding:10px 10px 10px 10px;
	font-size:12px;
	background:#ccc;
	color:#111;
	font-size:9px;
	letter-spacing:1px;
	text-transform:uppercase;
	cursor:default;
}
.listProduct li ul li.materials a:hover{
	background:#ccc;
}

.footer{
	width:100%;
	background:#e8e8e8;
	border-top:1px solid #999;
	padding:0;
	padding-top:15px;
	margin-top:45px;
	padding-bottom:20px;
	
}

.footer .wrapper{
	width:1324px;
	position:relative;
	margin:0 auto;
	text-align:center;
}

.btnBackTop{
	display:block;
	position:absolute;
	width:auto;
	height:15px;
	right:0px;
	top:-52px;
	border:1px solid #999999;
	background:#e8e8e8 url(/images/arrow-top.png) no-repeat right 5px center;
	padding:10px;
	padding-right:35px;
	cursor:pointer;
}

.btnBackTop:hover{
	color:#0a96d1;	
}
.sitemap{
	width:220px;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
	margin-right:130px;
	vertical-align:top;
	text-align:left;
}

.sitemap.last{
	margin-right:0px;
	width:230px;
}

.sitemapProducts{
	width:450px;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
	margin-right:130px;
	vertical-align:top;
	text-align:left;
}
.sitemapProducts .sitemap{
	
}
.titreSiteMap{
	color:#0a96d1;
	font-size:18px;
	border-bottom:1px solid #0a96d1;
	width:auto;
	margin-bottom:10px;
	margin-top:25px;
	padding-left:22px;
	position:relative;
}
.titreSiteMap img{
	position:absolute;
	left:0px;
	top:4px;
}

.titreSiteMap:first-child{
	margin-top:0px;
}
.titreSiteMapSocla{
	/*border-bottom:1px solid #0a96d1;*/
	width:100%;
	margin-bottom:5px;
	margin-top:0px;
}
.titreSiteMapSylax{
	/*border-bottom:1px solid #0a96d1;*/
	width:100%;
	margin-bottom:5px;
	margin-top:15px;
}
.titreSiteMapDesbordes{
	/*border-bottom:1px solid #0a96d1;*/
	width:100%;
	margin-bottom:5px;
	margin-top:15px;
}
.titreSiteMapSocla img{
	width:90px;
	height:auto;
}
.titreSiteMapSylax img{
	width:80px;
	height:auto;
}
.titreSiteMapDesbordes img{
	width:140px;
	height:auto;
}
.titreSiteMapSocla:hover, .titreSiteMapSylax:hover, .titreSiteMapDesbordes:hover{
	background:none !important;
}

.sitemap li a, .sitemapProducts li a{
	line-height:20px;
	font-size:11px;
}
.sitemap li:hover, .sitemapProducts li:hover{
	background:#f6f6f6;
}
.sitemap li.titreSiteMap:hover, .sitemapProducts li.titreSiteMap:hover{
	background:none;
}

.sitemapProducts li ul{
	width:175px;
	float:left;
	margin:0px;
}
.sitemapProducts li ul:first-child{
	margin-right:75px;
}

.sitemap li.facebook, .sitemap li.google, .sitemap li.youtube{
	display:inline-block;
	margin-right:20px;
}
.sitemap li.facebook a, .sitemap li.google a, .sitemap li.youtube a{
	display:block;
	width:35px;
	height:35px;
	/*padding-left:50px;*/
	line-height:50px;
}

.sitemap li.facebook a{
		background:url(/images/social-fb.png) no-repeat left center;
		background-size:cover;
}
.sitemap li.google a{
		background:url(/images/social-gg.png) no-repeat left center;
		background-size:cover;
}
.sitemap li.youtube a{
		background:url(/images/social-yt.png) no-repeat left center;
		background-size:cover;
}
/*.wattsLink{
	position:absolute;
	top:275px;
	width:230px;
	right:280px;
}*/
.copyright{
	display:block;
	text-align:left;
	font-size:11px;
	color:#111;
	margin-top:65px;
	padding-bottom:10px;
	padding-left:200px;
}
.copyright a, .copyright span{
	margin:0 10px;
}
.copyright .wattsLink{
	margin-left:0px;
}
.copyright .wattsLink img{
	vertical-align: middle;
	
}
	

.slideShow{
	width:100%;
	height:auto;
	display:block;
	/*background:#333;*/

	/*border:1px solid #777;*/
	/*box-shadow:4px 3px 5px 0px #999;*/
}

.slideContent ul{
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
	height:430px;
}

.slideContent ul li{
	position:absolute;
	display:none;
}

.slideContent ul li.actif{
	/*display:block;*/
}


.slideNav{
	position:relative;
	height:60px;
	
	border:1px solid #444;
	border-top:1px solid #666;
}

.slideNav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.slideNav ul li{
	display:block;
	float:left;
	width:20%;
	height:55px;
	margin:0;
	padding:0;
	/*float:left;*/
}

.slideNav ul li a{
	display:block;
	width:auto;
	height:auto;
	padding:10px;
	background:#fff;
	height:40px;
	border-right:1px solid #666;
	border-left:1px solid #ccc;
	position:relative;
	background:#efefef;
	font-size:11px;
}
.slideNav ul li:first-child a{
	border-left:1px solid #fff;
}
.slideNav ul li:last-child a{
	border-right:1px solid #666;
}

.slideNav ul li a span{
	color:#0a96d1;
	font-size:14px;
}

.slideNav ul li a.actif, .slideNav ul li a:hover{
	background:#0ba2e1;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwQkEyRTEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwQThGQzciIG9mZnNldD0iMC40Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzA4N0FBQSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQ2MCkiIC8+Cjwvc3ZnPg==);
	color:#aae6ff;
}
.slideNav ul li a.actif span, .slideNav ul li a:hover span{
	color:#fff;
}

.slideNav ul li a.actif:before{
	content:'';
	display:block;
	width:36px;
	height:21px;
	position:absolute;
	top:-21px;
	left:50%;
	margin-left:-18px;
	background: url(/images/arrow-up.png) no-repeat;
}

/*.contentLink{
	display:block;
	position:absolute;
	width:auto;
	height:auto;
	bottom:15px;
	left:15px;
	background:rgba(240,240,240,0.85);
	padding:15px;
}*/
.contentLink{
	display:block;
	position:absolute;
	width:30%;
	height:auto;
	bottom:10%;
	right:5%;
	box-sizing:border-box;
	text-align:left;
	background:rgba(220,220,220,0.90);
	border-radius:4px;
}
/*.contentLink.vert{
	box-shadow:5px 5px 0px #97b95b;
}
.contentLink.vert:hover{
	box-shadow:3px 3px 0px #97b95b;
	bottom:14px;
	left:16px;
}
.contentLink.bleu{
	box-shadow:5px 5px 0px #0a96d1;
}
.contentLink.bleu:hover{
	box-shadow:3px 3px 0px #0a96d1;
	bottom:14px;
	left:16px;
}
.contentLink.orange{
	box-shadow:5px 5px 0px #ee7f00;
}
.contentLink.orange:hover{
	box-shadow:3px 3px 0px #ee7f00;
	bottom:14px;
	left:16px;
}
.contentLink.violet{
	box-shadow:5px 5px 0px #803689;
}
.contentLink.violet:hover{
	box-shadow:3px 3px 0px #803689;
	bottom:14px;
	left:16px;
}*/

.contentTitle{
	/*position:absolute;*/
	/*width:auto;
	height:auto;
	color:#0a96d1;
	font-size:20px;
	top:20px;
	left:40px;*/
	/*border-bottom:1px solid #0a96d1;*/
	display:block;
	position:relative;
	width:100%;
	height:100%;
	
	padding:15px;
	box-sizing:border-box;
	display:block;	
}
.contentTitle .puce{
	position:absolute;
	width:24px;
	height:24px;
	border-radius:12px;
	bottom:-10px;
	right:-10px;
	text-align:center;
	line-height:24px;
	color:#fff;
}
.contentLink.bleu .contentTitle .puce{
	background:#0a96d1;
}
.contentLink.orange .contentTitle .puce{
	background:#ee7f00;
}
.contentLink.violet .contentTitle .puce{
	background:#803689;
}
.contentTitle img{
	display:block;
	/*float:left;*/
	position: relative;
	margin-right:15px;
	/*margin-top:-18px;*/
	/*margin-top:10px;*/
	margin-bottom:0px;
	/*float:right;*/
}
.contentTitle.sylax{
	/*padding-bottom:7px;*/
}
.contentTitle.sylax img{
	/*margin-top:10px;*/
	
}
.contentTitle p{
	/*height:auto;*/
	color:#111;
	font-size:17px;
	height:25px;
	text-align:justify;
	margin-bottom:0;

	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	display:inline-block;
	margin:0;
	margin-top:12px;
}
.contentDescription{
	/*position:absolute;*/
	/*width:550px;
	height:auto;
	top:40px;
	left:40px;*/
}
.contentDescription p{
	height:auto;
	color:#111;
	font-size:21px;
	text-align:justify;
	margin-bottom:0;
	margin-top:10px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
}
/*.contentLink{
	position:absolute;
	width:auto;
	height:auto;
	top:210px;
	left:460px;
}
.contentLink a{
	color:#aae6ff;
	display:block;
	background:url(/images/picto-fleche-bleue.png) no-repeat right center;
	padding-right:15px;
}
*/



/*/////////////////////////*/
			.svg-container{
				position:relative;
				width:100%;
				height:100%;
				text-align:center;
			}
			/*#svg-mainContainer{
				position:relative;
				width:auto;
				height:auto;
			}
			#svg-mainContainer ul{
				margin:0;
				padding:0;
				list-style-type:none;
			}
			#svg-mainContainer ul li{
				margin:0;
				padding:0;
				display:none;
			}
			#svg-mainContainer ul li.current{
				display:block;
			}*/
			
			
			svg {
				overflow: hidden;
				width: 100%;
				box-shadow:2px 2px 5px 2px #333; 
				width:100%;
				height:100%;
			}
			#zoomBtnContainer {
				text-align: center;
				width:22px;
				height:44px;
				position:absolute;
				top:0px;
				left:-33px;
			}
			button {
				background: gray;
				color: white;
			}
			button:hover {
				background: black;
				cursor: pointer;
			}
			
			.visuelZoomIn, .visuelZoomOut{
				cursor:pointer;
				width:22px;
				height:22px;
				border:1px solid #a8b3ba;
				border-radius:4px;
				background:#fff;
			}
			#pageSwitch{
				display:block;
				
				position:relative;
				margin:0 auto;
				text-align:center;
				
			}
			.previousPage, .nextPage{
				cursor:pointer;
				width:22px;
				height:16px;
				border:1px solid #8e99a0;
				border-radius:4px;
				background:#fff;
				color:#8e99a0;
				text-align:center;
				display:inline-block;
				margin:10px 5px;
				font-size:16px;
				line-height:15px;
			}
			.previousPage{
				display:none;	
			}
			
			.linkFT{
				cursor:pointer;
				
			}
			
			.pictoLoading{
				position:relative;
				margin:0 auto;
				margin-top:200px;
			}

.nav .wrapper ul li a.noLink{
	cursor:default;
}
.nav .wrapper ul li.navProducts a.noLink{
	cursor:default;
}
.nav .wrapper ul li ul li a.noLink{
	cursor:default;
}
.subContent ul li a.noLink{
	cursor:default;
}
.noLink{
	cursor:default;
}

#iframe iframe{
	width:1281px; height:800px; 
}




.coord{
	position:relative;
	margin:0 auto;
	text-align:left;
	list-style-type:none;
	width:auto;
	display:inline-block;
	position:relative;
	margin:0 auto;
	padding:0;
}
.gabarit .coord{
	margin-bottom:5px;
}
.phone, .fax, .mail, .web{
	margin-bottom:8px;
}
.phone .picto{
	display:inline-block;
	width:17px;
	height:18px;
	background:url(/images/picto-phone.png) no-repeat left center;
	vertical-align:middle;
	margin-right:5px;
}
.fax .picto{
	display:inline-block;
	width:17px;
	height:18px;
	background:url(/images/picto-fax.png) no-repeat left center;
	vertical-align:middle;
	margin-right:5px;
}
.mail .picto{
	display:inline-block;
	width:17px;
	height:18px;
	background:url(/images/picto-mail.png) no-repeat left center;
	vertical-align:middle;
	margin-right:5px;
}
.web .picto{
	display:inline-block;
	width:17px;
	height:18px;
	background:url(/images/picto-web.png) no-repeat left center;
	vertical-align:middle;
	margin-right:5px;
}

.booklets {
	width:100%;
}
.booklets div{
	width:30%;
	display:inline-block;
	margin-bottom:10px;
	border:1px Solid #fff;
	background:	#fff;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	font-size:9px;
	letter-spacing:0.1em;
	transition: background 300ms ease-in , border 300ms ease-in;
}
.booklets div img{
	margin-top:5px;
}
.booklets div:hover{
	background:	#F2F2F2;
	border:1px Solid #E2E2E2;
	
}
.lignetabpair {
	background :#E9E9E9;
	text-align:center;
}
.lignetabimpair {
	background :#d3d3d3;
	text-align:center;
}
.techProduitRight {
	position:relative;
}
.labelVertical{
	display:block;
	position:absolute;
	transform-origin: 0% 0%;
	transform:rotate(-90deg);
	width:auto; 
	height:40px;
	padding : 10px 0px;
	text-align:center;
	border-radius:3px;
	border:1px solid #cfcfcf;
	background:#ffdbb7;
	box-sizing:border-box;
	left:-40px;
}
.techProduitRight div.labelVertical:nth-child(odd){
	background:#ebd6d6;
}
.ligneTabVertical1 {
	background :#ebd6d6;
	text-align:center;
}
.ligneTabVertical2 {
	background :#ffdbb7;
	text-align:center;
}
.formulaireCatalogue {
	margin-top:20px;
	background:#f6f6f6;
	border:1px solid #ccc;
	border-radius:5px;
	padding:10px;
	padding-left:50px;
}
.label, .formucheck {
	display:block;
	float:left;
}
.label {
	width:150px;	
}
.formucheck {
	margin-left:50px;
	width:70px;
}
.formu {
	width:203px;
	padding:3px;
	border:1px #b0b0b0 solid; 
}
.formuselect {
	float:left;
	border:1px #b0b0b0 solid; 
	padding:2px 0;
	
}
.formuselect select{
	width:211px;
	border:0px;
    outline:0px;
}
.submitform {
	margin-top:20px;
	margin-left:150px;
}
#loadingMessage {
    width: 15%;
    z-index: 1000;
    background: #efefef;
    top: 3%;
	left:3%;
	margin:0 auto;
    position: absolute;
	font-size:16px;
	padding:10px;
	text-align:center;
}
.abelXXXL{
	font-size:23px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	
}
.abelXXL{
	font-size:21px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}
.abelXL{
	font-size:15px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;

}
.abelXLplus{
	font-size:16px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;

}
.abelL{
	font-size:13px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}
.abelS{
	font-size:12px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	
}
.textXXXL{
	font-size:25px;
}
.textXXL{
	font-size:19px;
}
.textXL{
	font-size:18px;
}
.textL{
	font-size:14px;
}
.textM{
	font-size:13px;
}
.textS{
	font-size:12px;
}
.textXS{
	font-size:10px;
}
.boutonCadreGris{
	margin-bottom:10px;
	width:370px; 
	width:100%;
	box-sizing:border-box;
	border-top:0;
	
}
.boutonCadreGris a{
	display:block;
	width:auto;
	height:auto;
	padding:15px;
	cursor:pointer;
	background:#b9b9b9; 
	color:#000;
	font-size:18px;
	font-family: 'Abel', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Dosis', sans-serif;
	border-radius:6px;
}
.boutonCadreGris.home a{
	background:url(/images/cadrillage-gris.jpg) no-repeat;
}
.shutoff .boutonCadreGris{
	margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    border-top: 0;
	
}
.shutoff .boutonCadreGris a{
    display: block;
    width: auto;
    height: auto;
    padding: 7px;
    cursor: pointer;
    background: #b9b9b9;
    color: #111;
    font-size: 16px;
    font-family: 'Dosis', sans-serif;
	border-radius:0px;
}
.shutoff .boutonCadreGris a img {
    float: none;
    margin: 0px;
	margin-right:5px;
    width: 20px;
    height: auto;
}

.boutonCadreGris.sousMenu a{
	padding:8px;
	font-size:16px;
}
.boutonCadreGris.sousMenu.markup a{
	background:#c7e5f2; 
}
.boutonCadreGris a img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:31px; 
	height:auto;
}
.boutonCadreGris a:hover{
	background:#c9c9c9; 
}
.boutonCadreGris.home a:hover{
	background:url(/images/cadrillage-gris-hover.jpg) no-repeat;
}

.link:hover{
	color:#0a96d1;
	background:#fff;
}

/* MAP LOCATIONS*/
.jqvmap_pin .customPin {
	width:15px;
	height:15px
}
.jqvmap_pin .customPin .details{
	display:none;
  position: absolute;
  width:220px;
  color: #666;
  background: #FFFFFF;
  border: 2px solid #666;
  /*height: 30px;*/
  line-height: 30px;
  text-align: center;  
  border-radius: 4px;
  margin-left:-115px;
  margin-top:10px;
  padding:10px;
  z-index:9999;
}
.jqvmap_pin .customPin .details .titleDivSolution:before {
	display:none;
}
.jqvmap_pin .customPin .details p {
	font-size:10px;
}
.jqvmap_pin .customPin .details .titleDivSolution{
	font-size:19px;
}
.jqvmap_pin .customPin .details:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-bottom: 12px solid #666;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.jqvmap_pin .customPin .details:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #FFFFFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.jqvmap_pin .customPin .details .coord{
	margin:0;
	padding:0;
}
.jqvmap_pin .customPin .details .coord li{
	display:block;
	padding:0;
	font-size:12px;
	width:auto;
	line-height:normal;
	color:#333;
}
/*.customPin:hover .details{
	display:block;
}*/
#vmap{
	width:1241px;
	height:600px;

}
/*//////////////////////////////////////*/

/*Famille Butterfly Valves*/
.shutoff .headerPdt .displayTable{
	width:100%;
    border-spacing: 5px;
}
.shutoff .headerPdt .displayTableRow{
	width:100%;
}
.shutoff .displayTableCell{
	width:78%;
}
.shutoff .displayTableCell.image{
	width:22%;
}


.shutoff .imageProduit{
	background:#fff;
	display:inline-block;
	margin-right:0px;
	padding:10px;
	position:relative;
	z-index:10;
	width:auto;
}
.shutoff .descriptionProduit{
	display:block;
	float:right !important;
	width:97%;
}
table.orange .headerTableau.EPDM{
	background:#b0acd5;
	border:1px solid #756bd2;
}
table.orange .headerTableau.NITRILE{
	background:#ffff8A;
	border:1px solid #ffda04;
}
table.orange .headerTableau.CARBOXYLATED-NITRILE{
	background:#92b3cc;
	border:1px solid #5c87a8;
}
table.orange .headerTableau.FKM{
	background:#cee6bc;
	border:1px solid #9bc979;
}
table.orange .headerTableau.CSM{
	background:#dcc49e;
	border:1px solid #caa76f
}

table.orange .headerTableau.White-EPDM, table.orange .headerTableau.EPDMBLANC{
	background:#d9d8eb;
	border:1px solid #9f9bca;
}

table.orange .headerTableau.SILICONE{
	background:#b0acd5;
	border:1px solid #756bd2;
}

table.orange .headerTableau.Silicone-PTFE{
	background:#b0acd5;
	border:1px solid #756bd2;
}

table.orange .headerTableau.EPR-PTFE{
	background:#b0acd5;
	border:1px solid #756bd2;
}

table.orange .headerTableau.PTFE-S-Steel{
	background:#b0acd5;
	border:1px solid #756bd2;
}

.descriptionProduit .joint{
	margin-bottom:20px;
	margin-top:10px;
	background:#fff;
	border:1px solid #ccc;
}
.descriptionProduit .joint:first-child{
	margin-top:0;
}
.descriptionProduit .joint.actif{
	border:1px solid #ccc;
}
.descriptionProduit .joint.actif>ul{
	border:1px solid rgba(220,220,220,0);
}

.descriptionProduit .joint>ul{
		
	background:#f6f6f6;
	box-sizing:border-box;
	margin:0;
	padding:8px;
	list-style-type:none;
	width:100%;
	box-sizing:border-box;
	display:table;
	border-collapse:separate;
	border-spacing:2px;
	float:none;
}


/*.descriptionProduit .joint>ul:hover{
	border:1px solid #ee7f00;
	box-shadow:0 0 0 1px #ee7f00;
	cursor:pointer;
}*/

.descriptionProduit .joint>ul>li{
	width:100%;
	display:table-row;
	
	
}

.descriptionProduit .joint>ul>li>div{
	display:table-cell;
	padding:4px;	
	vertical-align:middle;
}

.descriptionProduit .joint>ul>li.EPDM>div{
	background:#b0acd5;
	border:1px solid #756bd2;
}
.descriptionProduit .joint>ul>li.NITRILE>div{
	background:#ffff8A;
	border:1px solid #ffda04;
}
.descriptionProduit .joint>ul>li.CARBOXYLATED-NITRILE>div{
	background:#92b3cc;
	border:1px solid #3d6b8e;
}
.descriptionProduit .joint>ul>li.FKM>div{
	background:#cee6bc;
	border:1px solid #9bc979;
}
.descriptionProduit .joint>ul>li.CSM>div{
	background:#dcc49e;
	border:1px solid #caa76f;
}
.descriptionProduit .joint>ul>li.White-EPDM>div{
	background:#d9d8eb;
	border:1px solid #9f9bca;
}
.descriptionProduit .joint>ul>li.SILICONE>div{
	background:#b0acd5;
	border:1px solid #756bd2;
}
.descriptionProduit .joint>ul>li.Silicone-PTFE>div{
	background:#b0acd5;
	border:1px solid #756bd2;
}
.descriptionProduit .joint>ul>li.EPR-PTFE>div{
	background:#b0acd5;
	border:1px solid #756bd2;
}
.descriptionProduit .joint>ul>li.PTFE-S-Steel>div{
	background:#b0acd5;
	border:1px solid #756bd2;
}
.descriptionProduit .joint>ul>li>div:nth-child(1){
	width:25%;
	font-size:20px;
	/*font-weight:bold;*/
	font-family: 'Abel', sans-serif;
	letter-spacing:1px;
}
.descriptionProduit .joint>ul>li>div:nth-child(2){
	width:35%;
	font-size:10px;
}
.descriptionProduit .joint>ul>li>div:nth-child(3){
	width:40%;
	background:#fff;
	font-size:12px;
	border:0;
	border:1px solid #ccc;
}
.butterflyTables{
	/*display:none;*/
	display:block;
}

.butterflyTables>ul{
	display:table;
	border-collapse:  separate;	
	border-spacing:4px;
	width:100%;
	margin:0;
	box-sizing:border-box;
	padding:0;
	float:none;
}
.butterflyTables>ul>li{
	width:100%;
	display:table-row;	
}

.butterflyTables>ul>li>.elementContainer{
	display:table-cell;
	padding:4px;	
	vertical-align:top;	
	background:#feead6;
	background:#fff;
	border-radius:8px;
}

.butterflyTables.table1col>ul>li>.elementContainer{
	width:100%;
}
.butterflyTables.table2col>ul>li>.elementContainer{
	width:50%;
}
.butterflyTables>ul>li>.elementContainer>.bodyTitle{
	background:#f6bf7f;
	border-radius:6px;
	padding:16px 4px;
	vertical-align:middle;
	margin-bottom:15px;
}
.butterflyTables>ul>li>.elementContainer>.bodyTitle span{
	background:#fff;
	padding:5px;
	border-radius:6px;
	border:2px solid #ee7f00;
	margin:8px;
	font-weight:bold;
	/*float:left;*/
}
.butterflyTables>ul>li>.elementContainer>.bodyTitle .pfaTitle{
	background:none;
	border-radius:0px;
	font-size:10px;
	border:0;
	position:relative;
	right:0px;
	padding:0;
	margin:0px;
	font-weight:normal;
	float:right;
	margin-right:5px;
}
.butterflyTables>ul>li>.elementContainer>.raccord{
	font-size:11px;
	margin-top:15px;
	padding-left:5px;
}
.tableProd{
	margin-bottom:30px;
	/*margin-left:50px;*/
}
.typeProd{
	display:inline-block;
	vertical-align:middle;
}
.typeProd span{
	display:block;
	font-weight:bold;

}
.typeProdImg{
	display:inline-block;
	vertical-align:middle;
	width:150px;
	height:auto;
}
.typeProd .infoComp{
	font-size:10px;
	font-weight:normal;
}


.policyMsg{
	background:#0f8cc1;
	color:#fff;
	text-align:center;
	/*padding:14px;*/
	font-size:14px;
	box-sizing:border-box;
	display:none;
	/*height:60px;
	line-height:60px;*/
}
.policyMsg a{
	text-decoration:underline;
	color: #fff;
}
.policyMsg .close{
	display:inline-block;
	/*width:150px;*/
	padding:10px;
	position:relative;
	line-height: normal;
	margin: 0 auto;
	text-transform:uppercase;
	background:#333;
	color:#fff;
	font-size:12px;
	box-sizing:border-box;
	margin-left:25px;
	cursor:pointer;
	/*margin-bottom:5px;*/
	/*border-bottom: solid 5px #0f8cc1;
	border-top: solid 5px #0f8cc1;*/
	margin-top:5px;
	margin-bottom:5px;
}
/*///////////////////////////////////////*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*PATCH POUR EVITER QUE LS BACKGROUND BLANC DES VIDEOS SOIENT GRIS DANS CERTAINS NAVIGATEURS*/
    video{
		/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness");*/ /* Firefox 3.5+ */
		/*-webkit-filter: brightness(108.5%);*//* Chrome */
	}
}