* 
{
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, "Bitstream Vera Sans", Verdana, sans-serif;
}
@font-face
{
	font-family: 'Museo300-Regular';
	src: url('_fonts/Museo300-Regular.eot');
	src: local('?'), url('_fonts/Museo300-Regular.woff') format('woff'), url('_fonts/Museo300-Regular.ttf') format('truetype'), url('_fonts/Museo300-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'Museo500-Regular';
	src: url('_fonts/Museo500-Regular.eot');
	src: local('?'), url('_fonts/Museo500-Regular.woff') format('woff'), url('_fonts/Museo500-Regular.ttf') format('truetype'), url('_fonts/Museo500-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body{height:100%;}
body{background:#1E2020 url(pattern.png) left top;}
a img {border:none;}

/* ********************* GLOBAL ********************* */
#global 
{
	position:relative;
	width:100%;
	height:auto;
	min-height:100%;
	background:url(gradient.png) repeat-x center top;
}

/* ********************* HEADER ********************* */
header
{
	position:relative;
	width:100%;
	height:146px;
}
header .header990
{
	position:relative;
	width:990px;
	height:146px;
	margin:0px auto;
	background:url(header.png) no-repeat center top;
}
header li a, footer p.seo, footer span, p.strong, #center .tabs .items a, #center .tabs h2 {
	font-family:"Museo300-Regular";
}

footer .tel strong {
	font-family:"Museo500-Regular";
}

/* /// logo /// */
#logo
{
	position:absolute;
	top:43px;
	left:25px;
	width:204px;
	height:83px;
	background:url(logo.png) no-repeat 0px 0px;
}
#logo.canhover:hover
{
	background:url(logo.png) no-repeat 0px -83px;
}

/* /// menu /// */
#menu_0
{
	position:absolute;
	right:30px;
	bottom:0px;
	list-style-type:none;
}
#menu_0 li
{
	position:relative;
	display:block;
	float:left;
	width:auto;
	height:146px;
}
#menu_0 li a
{
	position:relative;
	display:block;
	float:left;
	width:auto;
	height:20px;
	padding:100px 20px 26px 20px;
	font-size:20px;
	/*font-weight:bold;*/
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}
#menu_0 li a:hover, #menu_0 li.current_0 a{color:#FFFFFF;background:url(current.png) center bottom;}

/* ********************* CENTER ********************* */
#center
{
	position:relative;
	width:990px;
	height:auto;
	margin:0px auto 0px auto;
	padding:30px 0px 180px 0px;
	
	font-size:14px;
	color:#BFBFBF;
}
#center h1
{
	font-family:'Cabin',sans-serif;
	font-size:39px;
	color:#FFFFFF;
	padding:3px 0px 3px 0px;
	font-weight:normal;
}
#center h2
{
	font-family:'Cabin',sans-serif;
	font-size:39px;
	color:#FFFFFF;
	padding:3px 0px 3px 0px;
	font-weight:normal;
}
#center h3
{
	font-family:'Cabin',sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#9C9C9C;
	padding:3px 0px 3px 0px;
}
#center h4
{
	font-size:14px;
	color:#FFFFFF;
	padding:3px 0px 3px 0px;
}
#center h4 strong
{
	color:#3B3B3B;
}
#center p
{
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	line-height:24px;
	padding:8px 0px 8px 0px;
}
#center ul
{
	margin:0px;
	padding:8px 0px 8px 0px;
	list-style-type:none;
}
#center li
{
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	line-height:24px;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
	background:url(li.png) no-repeat 0px 8px;
}

#center p strong{
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: normal;
}
#center a {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;color:#FFFFFF;text-decoration:none;}
#center a:hover {text-decoration:underline;}

#center a.flickr {position:absolute;top:430px;right:30px;display:block;width:252px;height:43px;background:url(flickr.png) no-repeat;cursor:pointer;margin:0px -30px 0px 0px;}
#center a.flickr strong {display:none;}

#center p.intercalaire{display:none;}

#center a#gmaplink
{
	position:relative;
	float:right;
	clear:both;
	color:#BFBFBF;
	text-decoration:none;
}
#center a#gmaplink:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

/* ********************* CONTENT ********************* */
#left
{
	position:relative;
	float:left;
	width:340px;
	height:auto;
	padding:0px 0px 0px 50px;
}
#left.sml
{
	width:325px;
}
#right
{
	position:relative;
	float:right;
	width:565px;
	height:auto;
	padding:0px 30px 0px 0px;
}
#full
{
	position:relative;
	float:left;
	clear:both;
	width:910px;
	height:auto;
	padding:0px 30px 0px 50px;
}
#full.svc
{
	position:relative;
	float:left;
	clear:both;
	width:910px;
	height:auto;
	margin:20px 0px 0px 0px;
	padding:20px 30px 0px 50px;
	background:url(services.png) repeat-x center top;
}

.tabs
{
	position:relative;
	float:left;
	width:990px;
	height:auto;
	min-height:257px;
	margin:20px 0px 0px 0px;
}
.tabs .items
{
	position:relative;
	float:left;
	width:890px;
	height:42px;
	z-index:30;
	padding:0px 50px 0px 50px;
}
#center .tabs .items a
{
	position:relative;
	display:block;
	float:left;
	width:auto;
	height:14px;
	padding:14px 30px 14px 30px;
	margin:1px 1px 0px 1px;
	font-family:'Museo300-Regular';
	font-size:14px;
	color:#4F4F4F;
	cursor:pointer;
	text-decoration:none;
	outline:none;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#center .tabs .items a.cur
{
	color:#FFFFFF;
	background:url(tabcur.png) repeat-x center top;
	border:1px solid #3C3C3C;
	border-bottom:none;
	margin:0px;
}
.tabs .texts
{
	position:relative;
	float:left;
	width:990px;
	height:auto;
	min-height:215px;
	background:url(tabs.png) no-repeat center top;
	z-index:29;
}

.tabs .slitab{position:relative;float:left;width:990px;height:auto;display:none;}
.tabs .slitab#slt1{display:block;}

.tabs .texts .table1, .tabs .texts .table2, .tabs .texts .table3
{
	position:relative;
	float:left;
}
.tabs .texts .table1{width:197px;}
.tabs .texts .table2{width:202px;}
.tabs .texts .table3{width:482px;}
.tabs .texts .table3.tbfull{width:900px;}

.tabs .texts article.itab
{
	position:relative;
	float:left;
	width:890px;
	height:auto;
	min-height:165px;
	overflow:hidden;
	margin:25px 50px 25px 50px;
		display:none;
}
.tabs .texts article.itab.cur
{
	display:block;
}
#center .tabs .texts article img
{
	position:relative;
	float:left;
	padding:0px 15px 0px 0px;
}
#center .tabs .texts article h2
{
	position:relative;
	padding:0px 15px 7px 0px;
	font-family: 'Cabin', sans-serif;
	font-size:18px;
	color:#606060;
	line-height:30px;
}
#center .tabs .texts article p
{
	position:relative;
	clear:both;
	padding:0px 15px 7px 0px;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	color:#939393;
	line-height:20px;
}
#center .tabs .texts article p.lst
{
	position:absolute;
	padding:0px;
	top:4px;
	right:0px;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#646464;
}
#center .tabs .texts article ul
{
	position:relative;
	padding:0px 15px 7px 0px;
}
#center .tabs .texts article li
{
	position:relative;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	color:#939393;
	padding:0px 0px 7px 15px;
}
#center .tabs .texts article a
{
	text-decoration:none;
}
#center .tabs .texts article a:hover
{
	text-decoration:underline;
}



#center .tabs .texts .tabnav
{
	position:absolute;
	list-style-type:none;
	right:10px;
	bottom:10px;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	z-index:207;
}
#center .tabs .texts .tabnav b
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:19px;
	height:19px;
	padding:0px;
	outline:none;
	cursor:pointer;
	z-index:39;
	background:url(nav-cur.png) no-repeat 0px 0px;
}
#center .tabs .texts .tabnav span
{
	position:relative;
	float:left;
	display:block;
	width:19px;
	height:19px;
	padding:0px 3px 0px 3px;
	margin:0px;
	outline:none;
	cursor:pointer;
	z-index:40;
	overflow: hidden;
	text-indent: 30px;
}
#center .tabs .texts .tabnav span.iboule
{
	background:url(nav-ball.png) no-repeat 0px 0px;
}
#center .tabs .texts .tabnav span.iboule.iboule-current
{
	background:url(nav-ball.png) no-repeat 0px 0px;
}



#coffecup
{
	position:relative;
	margin:-50px 0px 0px 25px;
}

/* services */
#center .services
{
	position:relative;
	float:left;
	width:280px;
	height:200px;
	overflow:hidden;
	padding:0px 20px 20px 0px;
	margin:0px 0px 20px 0px;
}

#center .services img
{
	position:relative;
	float:left;
	margin:0px 10px 0px 0px;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-transition-property: background-color;
-webkit-transition-duration: 2s;	
-moz-transition-property: background-color;
-moz-transition-duration: 2s;	
transition-property: background-color;
transition-duration: 2s;*/
}
/*#center .services:hover img
{
	background:#484848;
}*/
#center .services div
{
	position:relative;
	float:left;
	width:280px;
	clear:both;
}
#center .services h2
{
	font-family:'Museo300-Regular';
	font-size:18px;
	text-transform:uppercase;
	color:#C9C9C9;
	margin-top:17px;
	position:relative;
	float:left;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#center .services h2
{
	text-shadow: 0 0 0px #FFFFFF, 0px 0px 0px rgba(0, 0, 0, 0.7);
}
#center .services h2:hover
{
	-moz-animation: 0.9s linear 0s normal backwards 1 sharpen;
	-moz-transition: all 0.3s linear 0s;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
}
#center .services p
{
	font-size:12px;
	color:#5F5F5F;
}

/* words */
#center .words
{
	position:relative;
	float:left;
	width:565px;
	height:300px;
	overflow:hidden;
}
#center .words .wordsslide
{
	position:relative;
	float:left;
	width:10000px;
	height:300px;
}
#center .words .wordsslide .scr
{
	position:relative;
	float:left;
	width:565px;
	height:300px;
}
#center .words .wordsslide .row1
{
	position:relative;
	float:left;
	width:565px;
	height:100px;
}
#center .words .wordsslide .row1 strong
{
	position:relative;
	display:block;
	width:565px;
	height:100px;
	text-align:center;
	line-height:50px;
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:jutisfy;
	font-size:75px;
	letter-spacing:0px;
-moz-animation: 0.9s linear 0s normal backwards 1 sharpen;
-moz-transition: all 0.3s linear 0s;
-moz-animation-delay: 1.5s;
}
#center .words .wordsslide .row2
{
	position:relative;
	float:left;
	width:565px;
	height:200px;
}
#center .words .wordsslide .row2 strong
{
	position:relative;
	display:block;
	width:565px;
	height:200px;
	text-align:center;
	line-height:200px;
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:jutisfy;
	font-size:218px;
	letter-spacing:19px;
-moz-animation: 0.9s linear 0s normal backwards 1 sharpen;
-moz-transition: all 0.3s linear 0s;
-moz-animation-delay: 1.5s;
}

/* slider */
#center .slider
{
	position:relative;
	float:left;
	width:990px;
	height:400px;
	overflow:hidden;
	margin:0px 0px 0px -50px;
	z-index:200;
}
#center .slideme
{
	position:relative;
	float:left;
	width:auto;
	height:400px;
}
#center .portfolio
{
	position:absolute;
	display:none;
	float:left;
	width:910px;
	top:0px;
	left:0px;
	height:auto;
	padding:0px 30px 0px 50px;
}

#slide-loader {
	left:455px;
	top:50%;
	position:absolute;
}

#center .slide-current {
	display:block;
}

.boule-current {
	color:#ff0000;
}

#center .bottom-description {
	position:absolute;
	left:200px;
	opacity:0;
}

#center .portfolio article, #center .portfolio div
{
	position:relative;
	float:left;
	width:990px;
	height:312px;
	margin:0px 0px 15px -50px;
}
#center .portfolio article img
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:200;
}
#center .portfolio article h3
{
	position:absolute;
	top:60px;
	left:50px;
	z-index:202;
	padding:15px;
	color:#FFFFFF;
	font-size:42px;
	font-weight:normal;
	width:500px;
	font-family: 'Cabin', sans-serif;
}
#center .portfolio article p
{
	position:absolute;
	bottom:50px;
	left:50px;
	z-index:201;
	padding:15px;
	color:#ffffff;
	display:none;
	font-size:15px;
	text-shadow:none;
	border:none;
	background:none;
	font-family: 'Cabin', sans-serif;
}
#center .portfolio article a
{
	position:absolute;
	bottom:10px;
	right:0px;
	z-index:201;
	padding:0px 0px 0px 13px;
	width:98px;
	height:36px;
	line-height:34px;
	color:#FFFFFF;
	text-decoration:none;
	display:none;
	font-size:13px;
	text-shadow:none;
	border:none;
	background:url(urlmore.png) no-repeat;
}
#center ul.unav
{
	position:absolute;
	list-style-type:none;
	right:0px;
	top:320px;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	z-index:206;
}
#center ul.unav span
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:19px;
	height:19px;
	padding:0px;
	outline:none;
	cursor:pointer;
	z-index:39;
	background:url(nav-cur.png) no-repeat 0px 0px;
}
#center ul.unav li
{
	position:relative;
	float:left;
	display:block;
	width:19px;
	height:19px;
	padding:0px 3px 0px 3px;
	margin:0px;
	outline:none;
	cursor:pointer;
	z-index:40;
	overflow: hidden;
	text-indent: 30px;
}
#center ul.unav.hole li.boule
{
	background:url(nav-ball.png) no-repeat 0px 0px;
}
#center ul.unav.hole li.boule.boule-current
{
	background:url(nav-ball.png) no-repeat 0px 0px;
}
#center div.pnav
{
	position:absolute;
	right:0px;
	top:345px;
	width:auto;
	height:auto;
}
#center div.pnav a
{
	position:relative;
	float:left;
	display:block;
	width:19px;
	height:19px;
	margin:0px 3px 0px 3px;
	outline:none;
}
#center div.pnav a.slide-prev{background:url(nav-left.png) no-repeat center 0px;}
#center div.pnav a.slide-prev:hover{background:url(nav-left.png) no-repeat center -19px;}
#center div.pnav a.slide-next{background:url(nav-right.png) no-repeat center 0px;}
#center div.pnav a.slide-next:hover{background:url(nav-right.png) no-repeat center -19px;}
#center div.pnav a.slide-sleep{background:url(nav-play.png) no-repeat center 0px;}
#center div.pnav a.slide-sleep:hover{background:url(nav-play.png) no-repeat center -19px;}
#center div.pnav a.slide-sleep.is_sliding{background:url(nav-stop.png) no-repeat center 0px;}
#center div.pnav a.slide-sleep.is_sliding:hover{background:url(nav-stop.png) no-repeat center -19px;}

/**/
.stel
{
	font-family:'Cabin',sans-serif;
	font-size:18px;
	color:#FFFFFF;
	background:url(picto-phone.png) no-repeat left top;
	display:block;
	padding:0px 0px 0px 35px;
	line-height:32px;
}
.smap
{
	font-family:'Cabin',sans-serif;
	font-size:18px;
	color:#BFBFBF;
	background:url(picto-map.png) no-repeat left top;
	display:block;
	padding:0px 0px 0px 35px;
	line-height:32px;
	cursor:pointer;
}
.sadr
{
 	font-family:'Cabin',sans-serif;
	font-size:18px;
	color:#FFFFFF;
	line-height:32px;
}
img.map{float:right;padding-top:18px;}

/* gmap */
.popmap
{
	position:absolute;
	top:0px;
	left:0px;
		display:none;
	z-index:998;
	background:#FFFFFF;
}

.popmap span.closemap
{
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	font-family:Arial;
	z-index:999;
	
	background:url(submit2.png);
	font-size:14px;
	color:#FFFFFF;
	text-shadow:0px 1px #484848;
	font-weight:bold;
	cursor:pointer;
	width:122px;
	height:39px;
	line-height:39px;
	text-align:center;
	border-bottom:1px solid #000000;
	outline:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-moz-box-shadow: 0 0 2px #444442;
-webkit-box-shadow: 0 0 2px #444442;
box-shadow: 0 0 2px #444442;
}

/* ********************* FOOTER ********************* */
footer
{
	position:absolute;
	bottom:0px;
	left:-495px;
	margin:0px 0px 0px 50%;
	width:990px;
	height:180px;
	background:url(footer.png) no-repeat center top;
}
footer .ml
{
	position:absolute;
	bottom:89px;
	right:75px;
	width:19px;
	height:19px;
	display:block;
	background:url(i.png) no-repeat 0px 0px;
}
footer .ml:hover
{
	background:url(i.png) no-repeat 0px -19px;
}

footer .seo
{
	position:absolute;
	top:70px;
	left:50px;
	font-size:14px;
	color:#656565;
}
footer .tel
{
	position:absolute;
	top:50px;
	left:446px;
	width:192px;
	height:88px;
	background:url(contact.png) no-repeat;
}
footer .tel span
{
	position:absolute;
	top:6px;
	left:61px;
	font-size:12px;
	color:#FFFFFF;
}
footer .tel a
{
	text-decoration:none;
}
footer .tel strong
{
	position:absolute;
	bottom:30px;
	left:6px;
	font-size:26px;
	font-weight:normal;
	color:#FFFFFF;
}
footer .social
{
	position:absolute;
	top:70px;
	right:40px;
	width:auto;
	height:22px;
}
footer .social a
{
	position:relative;
	float:left;
	display:block;
	width:22px;
	height:22px;
	margin:0px 10px 0px 10px;
	overflow: hidden;
	text-indent: 30px;
}
footer .social a.delicious{background:url(social.png) no-repeat 0px -22px;}
footer .social a.flickr{background:url(social.png) no-repeat -22px -22px;}
footer .social a.google{background:url(social.png) no-repeat -44px -22px;}
footer .social a.facebook{background:url(social.png) no-repeat -66px -22px;}
footer .social a.contact{background:url(social.png) no-repeat -88px -22px;}
footer .social a.legal{line-height: 50px;background:url(social.png) no-repeat -110px -22px;}
footer .social a.delicious:hover{background:url(social.png) no-repeat 0px 0px;}
footer .social a.flickr:hover{background:url(social.png) no-repeat -22px 0px;}
footer .social a.google:hover{background:url(social.png) no-repeat -44px 0px;}
footer .social a.facebook:hover{background:url(social.png) no-repeat -66px 0px;}
footer .social a.contact:hover{background:url(social.png) no-repeat -88px 0px;}
footer .social a.legal:hover{background:url(social.png) no-repeat -110px 0px;}







.cportfolio  .tabs .texts article li{
	width:260px;
	float:left;
	/*opacity:0;*/
}

.actionHover {
	position:absolute;
	width:990px;
	height:268px;
	top:0;
	left:0;
	z-index:205;
	overflow:hidden;
}



/* popup */
.mask
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:998;
	background:url(mask.png);
}
.popup
{
	display:none;
	position:fixed;
	top:150px;
	left:-226px;
	margin:0px 0px 0px 50%;
	padding:20px;
	width:416px;
	height:371px;
	z-index:998;
	background:url(stf.png);
}
.popup .xclose
{
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:10px;
	height:10px;
	background:url(stfx.png) no-repeat;
	cursor:pointer;
}
.popup .pheader
{
	position:relative;
	float:left;
	width:416px;
	height:33px;
	padding:0px 0px 20px 0px;
}
.popup .pheader h3
{
	font-family:Arial;
	font-size:23px;
	color:#FFFFFF;
	padding:0px 0px 0px 10px;
}
.popup .pcontent
{
	position:relative;
	float:left;
	width:416px;
	height:33px;
	padding:20px 0px 0px 0px;
}
.popup .pcontent p
{
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	padding:0px 0px 0px 10px;
}

.textarea-label {
	position:absolute;
	top:11px;
	left:12px;
	font-size:18px;
	-moz-user-select:none;
	-webkit-user-select:none;
}

.input-label {
	position:absolute;
	top:11px;
	left:12px;
	font-size:18px;
	-moz-user-select:none;
	-webkit-user-select:none;
}


.gmnoprint{display:none;}




@keyframes sharpen
{
 0%
 {
   	opacity: 1;
   	text-shadow: 0px 0px 30px #fff;
   	color: #fff;
 }
 90%
 {
   	opacity: 0.9;
   	text-shadow: 0px 0px 10px #fff;
   	color: #fff;
 }
 100%
 {
    color: #fff;
   	opacity: 1;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
 }
}
@-moz-keyframes sharpen
{
 0%
 {
   	opacity: 1;
   	text-shadow: 0px 0px 30px #fff;
   	color: #fff;
 }
 90%
 {
   	opacity: 0.9;
   	text-shadow: 0px 0px 10px #fff;
   	color: #fff;
 }
 100%
 {
    color: #fff;
   	opacity: 1;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
 }
}
@-webkit-keyframes sharpen
{
 0%
 {
   	opacity: 1;
   	text-shadow: 0px 0px 30px #fff;
   	color: #fff;
 }
 90%
 {
   	opacity: 0.9;
   	text-shadow: 0px 0px 10px #fff;
   	color: #fff;
 }
 100%
 {
    color: #fff;
   	opacity: 1;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
 }
}
@-ms-keyframes sharpen
{
 0%
 {
   	opacity: 1;
   	text-shadow: 0px 0px 30px #fff;
   	color: #fff;
 }
 90%
 {
   	opacity: 0.9;
   	text-shadow: 0px 0px 10px #fff;
   	color: #fff;
 }
 100%
 {
    color: #fff;
   	opacity: 1;
   	text-shadow: 0px 0px 2px #fff, 1px 1px 4px rgba(0,0,0,0.7);
 }
}
