@charset "utf-8";
/* CSS Document */

html{
	min-height:100%;
	padding:0px;
	margin:0px;
	}
body {
	margin:0px;
	padding:0px;
	background-color:#181818;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#828282;
	border:none;
	
	min-width:1240px;
	min-height:100%;
	cursor:default;
	}
a:link, a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #ccc;
	text-decoration:none;
}
a:hover
{
	color:#eee;
}
a:active
{
	color:#fff;
	text-shadow:0px 0px 5px #fff;
}
.hSpacer, .spacer{
	font-size:0px;
	display:block;
	position:relative;
	clear:both;
	width:auto;}
.vSpacer{
	font-size:0px;
	display:block;
	position:relative;
	height:1px;
	float:left;
}
.center{
	display:block;
	position:relative;
	width:100%;
	margin:0px auto;
	float:none;
	clear:both;
}
.abs{
	display:block;
	position:absolute;
	left:0px;
	top:0px;}
.rel{
	 display:block;
	 position:relative;}
.left{
	 display:block;
	 position:relative;
	 float:left;}
.right{
	 display:block;
	 position:relative;
	 float:right;}

a img
{
	border:none;
	margin:0px;
}
/* ==================================================================================================================================== */
/* continue =========================================================================================================================== */
/* ==================================================================================================================================== */
/* fontz ============================================================================================================================== */
/* ==================================================================================================================================== */
/*@font-face
{
	font-family: heNLight;
	src: url('HelveticaNeueLTStd-LtCn.otf');
}
@font-face
{
	font-family: heNNormal;
	src: url("HelveticaNeueLTStd-MdCn.otf");
}*/

@font-face {
    font-family: 'heNLight';
    src: url('helveticaneueltstd-ltcn-webfont.eot');
    src: url('helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-ltcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-ltcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStd47LtCn') format('svg'),
         url('HelveticaNeueLTStd-LtCn.otf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heNNormal';
    src: url('helveticaneueltstd-mdcn-webfont.eot');
    src: url('helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-mdcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-mdcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg'),
         url("HelveticaNeueLTStd-MdCn.otf");
    font-weight: normal;
    font-style: normal;

}


.ar11_39, .ar11_39:link, .ar11_39:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#393939;
	text-decoration:none;
}
a.ar11_39:hover
{
	color:#828282;
}
a.ar11_39:active
{
	color:#fff;
}
.ar24_e5
{
	font-size:24px;
	color:#e5e5e5;
	font-family:Arial, Helvetica, sans-serif;
}

.ar20_e5
{
	font-size:20px;
	color:#e5e5e5;
	font-family:Arial, Helvetica, sans-serif;
}
.ar12_4d
{
	font-size:12px;
	color:#4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
}
.ar12_4d
{
	font-size:12px;
	color:#4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 1px #aaa;
}
.ar18_5e
{
	font-size:16px;
	color:#5e5e5e;
	font-family:Arial, Helvetica, sans-serif;
}
.ar_36_e5
{
	color:#e5e5e5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
}


.shadow-0
{ text-shadow:1px 1px 1px #000; }
.shadow-b
{ text-shadow:1px 1px 1px #bbb; }
.shadow-3
{ text-shadow:1px 1px 1px #333; }

.heL
{
	font-family:heNLight, Arial, Helvetica, sans-serif;
}
.heN
{
	font-family:heNNormal, Arial, Helvetica, sans-serif;
}

.hdLnk
{
	white-space:nowrap;
	overflow:hidden;
	text-indent:600px;
}
/* ==================================================================================================================================== */
/* rest =============================================================================================================================== */
/* ==================================================================================================================================== */

.homeMenu
{
	position:fixed;
	display:block;
	
	height:225px;
	/*background-image:url(images/menu/menu-bg-bg.png);*/
	background-image:url(images/homepage/footer-metalic-bg.png);

	background-position:center bottom;
	background-repeat:repeat-x;
	width:100%;
	bottom:0px;
	padding:0px;
	font-weight:normal;
	min-width:1240px;
}
.menuBg
{
	background-image:url(images/menu/menu-bg.png);
	background-repeat:repeat-x;
	height:67px;
	min-width:1240px;
}
.menubar
{
	width:1240px;
	height:67px;
}






.miOver0, .mi0, .mi0:link, .mi0:visited
{
	background-image:url(images/menu/procab-logo.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:249px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}

.miOver1, .mi1, .mi1:link, .mi1:visited
{
	background-image:url(images/menu/mi-1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:151px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}
.miOver2, .mi2, .mi2:link, .mi2:visited
{
	background-image:url(images/menu/mi-2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:129px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}

.miOver3, .mi3, .mi3:link, .mi3:visited
{
	background-image:url(images/menu/mi-3.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:127px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}

.miOver4, .mi4, .mi4:link, .mi4:visited
{
	background-image:url(images/menu/mi-4.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:138px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}

.miOver5, .mi5, .mi5:link, .mi5:visited
{
	background-image:url(images/menu/mi-5.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:133px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}

.miOver6, .mi6, .mi6:link, .mi6:visited
{
	background-image:url(images/menu/mi-6.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:140px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}

.miOver7, .mi7, .mi7:link, .mi7:visited
{
	background-image:url(images/menu/mi-7.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:98px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}

.miOver8, .mi8, .mi8:link, .mi8:visited
{
	background-image:url(images/menu/mi-8.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:75px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}

.miOver8Fr, .mi8Fr, .mi8Fr:link, .mi8Fr:visited
{
	background-image:url(images/menu/mi-8-fr.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	overflow:hidden;
	width:93px;
	height:67px;
	text-indent:250px;
	white-space:nowrap;
}







.mi0:hover, .mi1:hover, .mi2:hover, .mi3:hover, .mi4:hover, .mi5:hover, .mi6:hover, .mi7:hover, .mi8:hover, .mi8Fr:hover,
.activeMenuElement,
.activeMenuElement:link,
.activeMenuElement:visited
{
	background-position:0px -67px;
}
.miOver0, .miOver1, .miOver2, .miOver3, .miOver4, .miOver5, .miOver6, .miOver7, .miOver8
{background-position:0px -134px; top:0px; left:0px;}


/* home */
.homeBg
{
	background-repeat:no-repeat;
	background-position:50% 50%;
	overflow:hidden;
}
.diapLogoContainer
{
	background-image:url(images/homepage/diaporama-bg.png);
	width:119px;
	height:119px;
	margin-right:16px;
}


.submenuETop, .submenuETop:link, .submenuETop:visited
{
	width:159px;
	height:48px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	
	text-indent:250px;
	white-space:nowrap;
	overflow:hidden;
}
.submenuETop:hover
{
	background-position:0px -48px;
}

.submenuETop:active
{
	background-position:0px -96px;
}

.submenuE, .submenuE:link, .submenuE:visited
{
	width:159px;
	height:44px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	
	text-indent:250px;
	white-space:nowrap;
	overflow:hidden;
}
.submenuE:hover,
.activeSMenuElement
{
	background-position:0px -44px;
}

.submenuE:active
{
	background-position:0px -88px;
}
.fbButton, .fbButton:link, .fbButton:visited
{
	background-image:url(images/menu/fb-button.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	
	width:28px;
	height:34px;
	text-indent:250px;
	overflow:hidden;
}
.fbButton:hover
{
	background-position:0px -34px;
}
.fbButton:active
{
	background-position:0px -68px;
}


.twButton, .twButton:link, .twButton:visited
{
	background-image:url(images/menu/tw-button.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	
	width:28px;
	height:34px;
	text-indent:250px;
	overflow:hidden;
}
.twButton:hover
{
	background-position:0px -34px;
}
.twButton:active
{
	background-position:0px -68px;
}


.ytButton, .ytButton:link, .ytButton:visited
{
	background-image:url(images/menu/yt-button.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	
	width:28px;
	height:34px;
	text-indent:250px;
	overflow:hidden;
}
.ytButton:hover
{
	background-position:0px -34px;
}
.ytButton:active
{
	background-position:0px -68px;
}





.hrule
{
	background-image:url(images/pages/hrule.png);
	background-position:right;
	background-repeat:repeat-x;
	font-size:0px;
	height:2px;
}
.pageBottomFade
{
	background-image:url(images/pages/bottom-fade.png);
	height:50px;
	width:100%;
	top:-47px;
	left:0px;
}
.demanderDevisB, .demanderDevisB:link, .demanderDevisB:visited
{
	background-image:url(images/pages/about/demander-devis.png);
	background-position:0px 0px;
	width:210px;
	height:49px;
}
.demanderDevisB:hover
{
	background-position:0px -49px;
}

.demanderDevisB:active
{
	background-position:0px -98px;
}









/*
.demanderDevisB, .demanderDevisB:link, .demanderDevisB:visited
{
	background-image:url(images/pages/about/demander-devis.png);
	background-position:0px 0px;
	width:210px;
	height:49px;
}
.demanderDevisB:hover
{
	background-position:0px -49px;
}

.demanderDevisB:active
{
	background-position:0px -98px;
}
*/










.aboutPageLogo
{
	width:24px;
	height:24px;
	background-repeat:no-repeat;
}
/* social */
.portfolioB, .portfolioB:link, .portfolioB:visited
{
	background-image:url(images/pages/social/notre-portfolio.png);
	background-position:0px 0px;
	width:158px;
	height:53px;
	top:335px;
	left:10px;
}
.portfolioB:hover
{
	background-position:0px -53px;
}
.portfolioB:active
{
	background-position:0px -106px;
}


.discoverPortfolioB, .discoverPortfolioB:link, .discoverPortfolioB:visited
{
	background-image:url(images/pages/discover-portfolio.png);
	background-position:0px 0px;
	width:251px;
	height:53px;
}
.discoverPortfolioB:hover
{
	background-position:0px -53px;
}
.discoverPortfolioB:active
{
	background-position:0px -106px;
}


.folowUsB, .folowUsB:link, .folowUsB:visited
{
	background-image:url(images/pages/contact/suivez-nous.png);
	background-position:0px 0px;
	width:250px;
	height:53px;
}
.folowUsB:hover
{
	background-position:0px -53px;
}
.folowUsB:active
{
	background-position:0px -106px;
}



.contactUsB, .contactUsB:link, .contactUsB:visited
{
	background-image:url(images/pages/social/contactez-nous.png);
	background-position:0px 0px;
	width:164px;
	height:53px;
	top:335px;
	left:178px;
}
.contactUsB:hover
{
	background-position:0px -53px;
}
.contactUsB:active
{
	background-position:0px -106px;
}


/* portfolio */

.portBox
{
	background-color:#000;
	width:282px;
	height:278px;
	overflow:hidden;
}
.portImage
{
	left:3px;
	top:3px;
}
.portTag
{
	background-image:url(images/pages/dark-transparent.png);
	background-repeat:repeat;
	height:85px;
	width:276px;
	left:3px;
	top:190px;
}
.portShort
{
	display:none;
	width:276px;
	height:272px;
	top:3px;
	left:3px;
	background-color:#919191;
	background-image:url(images/pages/portfolio/portfolio-short-bg.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
.portShort a
{
	text-decoration:none;
	color:#444;
}
.portShort a:hover
{
	color:#eee;
}
.portShort a:active
{
	color:#fff;
	text-shadow:0px 0px 5px #fff;
}

.hruleLight
{
	background-image:url(images/pages/hrule-light.png);
	background-position:right;
	background-repeat:repeat-x;
	font-size:0px;
	height:2px;
}
.visitWebsiteB, .visitWebsiteB:link, .visitWebsiteB:visited
{
	background-image:url(images/pages/portfolio/visit-site-b.png);
	background-position:0px 0px;
	width:158px;
	height:53px;
}

.visitWebsiteB:hover
{
	background-position:0px -53px;
}
.visitWebsiteB:active
{
	background-position:0px -106px;
}

.closeB, .closeB:link, .closeB:visited
{
	background-image:url(images/pages/portfolio/ix-button.png);
	background-position:0px 0px;
	width:22px;
	height:22px;
	
	left:258px;
	top:0px;
}
.closeB:hover
{
	background-position:0px -22px;
}
.closeB:active
{
	background-position:0px -44px;
}

/* clients */
.clientBox
{
	background-color:#000;
	width:282px;
	height:191px;
	overflow:hidden;
}
.clientBoxImg
{
	left:3px;
	top:3px;
}


/* contact */

.CswissB, .CswissB:link, .CswissB:visited
{
	background-image:url(images/pages/contact/c-suisse-b.png);
	background-position:0px 0px;
	width:134px;
	height:53px;
	top:335px;
	left:0px;
}
.CswissB:hover
{
	background-position:0px -53px;
}
.CswissB:active
{
	background-position:0px -106px;
}

.CusaB, .CusaB:link, .CusaB:visited
{
	background-image:url(images/pages/contact/c-usa-b.png);
	background-position:0px 0px;
	width:112px;
	height:53px;
	top:335px;
	left:144px;
}
.CusaB:hover
{
	background-position:0px -53px;
}
.CusaB:active
{
	background-position:0px -106px;
}

.CromaniaB, .CromaniaB:link, .CromaniaB:visited
{
	background-image:url(images/pages/contact/c-romania-b.png);
	background-position:0px 0px;
	width:134px;
	height:53px;
	top:335px;
	left:266px;
}
.CromaniaB:hover
{
	background-position:0px -53px;
}
.CromaniaB:active
{
	background-position:0px -106px;
}

.CSInp
{
	background-repeat:no-repeat;
	background-position:left top;
	width:280px;
	height:30px;
	background-color:#131313;
	border-top:1px solid #000;
	border-right:1px solid #222;
	border-bottom:1px solid #222;
	border-left:1px solid #000;
}
.CSInp input, .CSInp textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#828282;
	background:none;
	width:260px;
	
	float:left;
	border:none;
	margin-top:6px;
	margin-left:10px;
	outline: none;
	background-color:#131313;
	resize:none;
}


.CsendB, .CsendBEn
{
	background-image:url(images/pages/contact/c-envoyer-b.png);
	background-position:0px 0px;
	width:237px;
	height:53px;
}
.CsendBEn
{ background-image:url(images/pages/contact/c-envoyer-b-en.png); }

.CsendB:hover, .CsendBEn:hover
{
	background-position:0px -53px;
}
.CsendB:active, .CsendBEn:active
{
	background-position:0px -106px;
}


.homeDmdBut
{
	text-indent:500px;
	white-space:nowrap;
	overflow:hidden;
	background-position:0px 0px;
	
	background-image:url(images/homepage/dmd-home.png);
	width:244px;
	height:50px;
}
.homeDmdBut:hover
{
	background-position:0px -50px;
}
.homeDmdBut:active
{
	background-position:0px -100px;
}



.leftRollB, .rightRollB
{
	width:600px;
	height:100%;
	background-image:url(/Portals/_default/Skins/ProcabSkin/images/blank-bg.png);
	background-repeat:repeat;
}
.leftRollB
{
	cursor:url(/Portals/_default/Skins/ProcabSkin/images/left.cur),pointer;

}
.rightRollB
{
	cursor:url(/Portals/_default/Skins/ProcabSkin/images/right.cur),pointer;
}

.Normal, .NormalDisabled, .NormalDeleted {
    font-size:inherit;
}


.langSlkCont
{
	padding-left:5px;
	width:18px;
	display:inline;
	position:relative;
	top:0px;
}
.langSlkCont img
{
	position:absolute;
	width:18px;
	height:14px;
	top:0px;
}
.lngSelectorStack
{
	left:-53px;
	top:-50px;
	width:96px;
	height:71px;
	background-image:url(images/menu/lang-slk-bg.png);
	overflow:visible;
}
.frLangB
{
	background-image:url(images/menu/lang-slk-fr.png);
	text-indent:500px;
	white-space:nowrap;
	overflow:hidden;
	background-position:0px 0px;
	
	width:28px;
	height:22px;
	top:12px;
	left:14px;
}
.frLangB:hover
{
	background-position:0px -50px;
}
.frLangB:active
{
	background-position:0px -100px;
}
.enLangB
{
	background-image:url(images/menu/lang-slk-en.png);
	text-indent:500px;
	white-space:nowrap;
	overflow:hidden;
	background-position:0px 0px;
	
	width:28px;
	height:22px;
	top:12px;
	left:54px;
}
.enLangB:hover
{
	background-position:0px -50px;
}
.enLangB:active
{
	background-position:0px -100px;
}











.facebookGreyB, .facebookGreyB:link, .facebookGreyB:visited
{
	background-image:url(images/pages/facebook.png);
	background-position:0px 0px;
	width:129px;
	height:53px;
}
.facebookGreyB:hover
{
	background-position:0px -53px;
}
.facebookGreyB:active
{
	background-position:0px -106px;
}


.twitterGreyB, .twitterGreyB:link, .twitterGreyB:visited
{
	background-image:url(images/pages/twitter.png);
	background-position:0px 0px;
	width:110px;
	height:53px;
}
.twitterGreyB:hover
{
	background-position:0px -53px;
}
.twitterGreyB:active
{
	background-position:0px -106px;
}


.youtubeGreyB, .youtubeGreyB:link, .youtubeGreyB:visited
{
	background-image:url(images/pages/youtube.png);
	background-position:0px 0px;
	width:123px;
	height:53px;
}
.youtubeGreyB:hover
{
	background-position:0px -53px;
}
.youtubeGreyB:active
{
	background-position:0px -106px;
}

.googlePlusGreyB, .googlePlusGreyB:link, .googlePlusGreyB:visited
{
	background-image:url(images/pages/googleplus.png);
	background-position:0px 0px;
	width:129px;
	height:53px;
}
.googlePlusGreyB:hover
{
	background-position:0px -53px;
}
.googlePlusGreyB:active
{
	background-position:0px -106px;
}


.socialMultiB
{
	width:auto;
	height:50px;
	background-color:#131313;
	border-top:1px solid #000;
	border-right:1px solid #222;
	border-bottom:1px solid #222;
	border-left:1px solid #000;
}
.buttonFbRad
{
	background-image:url(images/pages/contact/rad-fb.png);
	width:38px;
	height:48px;
	background-position:0px 0px;
}
.buttonTwRad
{
	background-image:url(images/pages/contact/rad-tw.png);
	width:38px;
	height:48px;
	background-position:0px 0px;
}
.buttonYtRad
{
	background-image:url(images/pages/contact/rad-yt.png);
	width:38px;
	height:48px;
	background-position:0px 0px;
}
.buttonGpRad
{
	background-image:url(images/pages/contact/rad-gp.png);
	width:38px;
	height:48px;
	background-position:0px 0px;
}


.buttonFbRad, .buttonTwRad, .buttonYtRad, .buttonGpRad { margin-right:2px; }

.buttonFbRad:hover, .buttonTwRad:hover, .buttonYtRad:hover, .buttonGpRad:hover
{
	background-position:0px -50px;
}
.buttonFbRad:active, .buttonTwRad:active, .buttonYtRad:active, .buttonGpRad:active
{
	background-position:0px -100px;
}

.embox
{
	background-color:#131313;
	border-top:1px solid #000;
	border-right:1px solid #222;
	border-bottom:1px solid #222;
	border-left:1px solid #000;
}

.photoMargin
{
	padding:5px;
	background-color:#cdcdcd;
}
.newsTitle
{
	background-image:url(images/body-bg.png);
	padding-right:10px;
}
.newsTitleLine
{
	background-image:url(images/pages/news/news-title-line.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}

/* === */

.facebookSideButton
{
	
	text-indent:500px;
	white-space:nowrap;
	overflow:hidden;
	background-position:0px 0px;
	
	background-image:url(images/pages/news/side-facebook.png);
	width:210px;
	height:72px;
}
.facebookSideButton:hover
{
	background-position:0px -100px;
}
.facebookSideButton:active
{
	background-position:0px -200px;
}


.twitterSideButton
{
	
	text-indent:500px;
	white-space:nowrap;
	overflow:hidden;
	background-position:0px 0px;
	
	background-image:url(images/pages/news/side-twitter.png);
	width:210px;
	height:90px;
}
.twitterSideButton:hover
{
	background-position:0px -100px;
}
.twitterSideButton:active
{
	background-position:0px -200px;
}

.procabTwittBox
{
	background-image:url(images/pages/news/procab-twitt-ico.png);
	background-repeat:no-repeat;
	min-height:46px;
	padding-left:60px;
	padding-bottom:30px;
	width:150px;
}


.procabTwittBox a:link, .procabTwittBox a:visited,
.redlink:link, .redlink:visited,
.ModProcabProcabNewsC a:link, .ModProcabProcabNewsC a:visited
{
	color:#ec1c24;
}
.procabTwittBox a:hover,
.redlink:hover,
.ModProcabProcabNewsC a:hover
{
	color:#ddd;
}
.diapShare
{
	background-image:url(images/homepage/diaporama-share-bg.png);
	width:160px;
	height:119px;
	left:1080px;
	top:0px;
}