@import url("reset.css");

@font-face {
	font-family: 'FuturaLight';
	src: url('../fonts/futurastd-light-webfont.eot');
	src: local('☺'), url('../fonts/futurastd-light-webfont.woff') format('woff'), url('../fonts/futurastd-light-webfont.ttf') format('truetype'), url('../fonts/futurastd-light-webfont.svg#webfontDYgVlPAv') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaBook';
	src: url('../fonts/futurastd-book-webfont.eot');
	src: local('☺'), url('../fonts/futurastd-book-webfont.woff') format('woff'), url('../fonts/futurastd-book-webfont.ttf') format('truetype'), url('../fonts/futurastd-book-webfont.svg#webfontDYgVlPAv') format('svg');
	font-weight: normal;
	font-style: normal;
}

.cufonStdLight, .excerpt { font-family: "FuturaLight", Arial, sans-serif; }
.cufonStdBook { font-family: "FuturaBook", Arial, sans-serif; }

/***********************************/
/* Layout                          */
/***********************************/

body { background:#1d1d1d; font-family:Arial, Helvetica, sans-serif; }
body a { text-decoration:none; }
#wrapper { margin:0 auto; width:100%; }

/***********************************/
/* Content                         */
/***********************************/

.inside { width:850px; margin:0 auto; position:relative; }
.inside_max { width:1280px; margin:0 auto; position:relative; }
.excerpt { font-size:22px; color:#1d1d1d; text-transform:uppercase; line-height:30px; letter-spacing:1px; }
/***********************************/
.more .top a { background:#1d1d1d url(../images/more-plus.png) right no-repeat; text-transform:uppercase; font-size:14px; color:#FFF; display:inline-block; padding:5px 45px 5px 10px; margin:0 0 1px 0; }
.more .content { background:#1d1d1d; width:850px; height:95px; color:#FFF; }
.more .content li { float:left; /*border:1px solid #0F0; */ width:258px; margin:5px 0 0 12px; background:url(../images/sep-more.png) center left no-repeat; padding:0 0 0 20px; display:inline; }
.more .content li.first { background:none; padding:0; }
.more .content .moreTitle a { font-size:20px; text-transform:uppercase; margin:8px 0 10px 0; letter-spacing:1px; color:#FFF; display:block; line-height:22px; }
.more .content .moreInfo a { font-size:10px; background:#FFF; color:#1d1d1d; padding:2px 7px 2px 7px; display:inline-block; text-transform:uppercase; }

/***********************************/
/* Header                          */
/***********************************/

.header { overflow:hidden; height:115px; }
/***********************************/
header .left { float:left; }
header .right { float:right; }
/***********************************/
header .logo, header .phrase { float:left; height:43px; margin:36px 0 0 0; }
header .phrase { color:#FFF; font-size:15px; text-transform:uppercase; border-left:1px solid #4d4d4d; padding:14px 0 0 17px; height:28px; margin-left:19px; letter-spacing:1px; }
/***********************************/
header .search { margin:8px 0 0 0; float:left; position:relative; }
header .search label { font-size:10px; text-transform:uppercase; color:#6e6e6e; padding:0 0 0 7px; position:absolute; height:14px; top:3px; left:0; cursor:text;}
header .search input[type=text] { background:#1d1d1d; border:1px solid #4d4d4d; height:14px; font-size:10px; text-transform:uppercase; color:#6e6e6e; padding:0 0 0 7px; width:164px; float:left; }
header .search input[type=text]:focus, header .search input[type=text]:hover { color:#FFF; }
header .search input[type=submit] { padding:0; width:4px; border:0; margin:0 0 0 5px; background:url(../images/search-arrow-submit.png) transparent no-repeat; cursor:pointer; color:#FFF; }
/***********************************/
header .language { margin:11px 0 0 13px; float:left; font-size:10px; }
header .language li { float:left; margin:0 0 0 13px; display:inline; background:url(../images/sep-language.png) 0 3px no-repeat; padding:0 0 0 13px; }
header .language li a { color:#6d6d6d; } 
header .language li a:hover { color:#FFF; }
header .language li.first { background:none; } 
header .language li.active { color:#FFF; }

/***********************************/
/* Navigation                      */
/***********************************/

nav ul.nav { margin:20px 0 0 0; background:url(../images/sep-lame.png) top center no-repeat; }
nav ul.nav li .title { position:relative; font-family: "FuturaLight", Arial, sans-serif; }
/***********************************/
nav ul.nav li.lame .title a { font-size:52px; text-transform:uppercase; display:block; letter-spacing:5px; height:89px; line-height:91px; margin:-1px 0 0 0; _margin:0px 0 0 0; /*IE*/ cursor:pointer; }
nav ul.nav li.lame .title a span { width:850px; margin:0 auto; display:block; color:#6d6d6d;  }
nav ul.nav li.lame .title a:hover span { background:url(../images/nav-arrow-black.gif) top right no-repeat; color:#FFF; }
/***********************************/
nav ul.nav li.lame.on.white { background:#FFF; padding:0 0 15px 0; color:#1d1d1d; }
nav ul.nav li.lame.on.white .title a span { color:#1d1d1d; background:transparent url(../images/nav-arrow-white-hover.gif) top right no-repeat; }
nav ul.nav li.lame.on.white .title a:hover span { color:#1d1d1d; }
/***********************************/
nav ul.nav li.lame.on.black { background:url(../images/sep-lame.png) bottom center no-repeat; color:#FFF; padding:0 0 15px 0; }
nav ul.nav li.lame.on.black .title { background:url(../images/sep-lame.png) top center no-repeat; }
nav ul.nav li.lame.on.black .title a span { color:#FFF; background:url(../images/nav-arrow-black-hover.gif) top right no-repeat; }
nav ul.nav li.lame.on.black .title a:hover  { color:#FFF; }

/***********************************/
/* DigitalExperiences              */
/***********************************/

.ce_digitalExperiences { overflow:hidden; height:100%; }
.ce_digitalExperiences ul.tree_col { margin:50px 0 10px 0; overflow:hidden; height:100%; }
.ce_digitalExperiences ul.tree_col li { float:left; width:261px; padding:0 0 0 20px; }
/***********************************/
.ce_digitalExperiences .heading { text-transform:uppercase; font-size:13px; color:#9c9c9c; line-height:16px; letter-spacing:0.6px; }
.ce_digitalExperiences .heading span { font-size:15px; color:#1d1d1d; display:block; margin:0 0 5px 0; }
/***********************************/
.ce_digitalExperiencesImg { margin:0 0 30px 0; }

/***********************************/
/* References                      */
/***********************************/

.ce_references .nav { overflow:auto; height:100%; margin:10px 0 35px 0; }
.ce_references .nav li.first a { margin:0; }
.ce_references .nav li { float:left; }
.ce_references .nav li a { background:url(../images/arrow-right-references.png) right no-repeat; color:#9c9c9c; float:left; margin:0 0 0 15px; }
.ce_references .nav li a { padding:3px 0 3px 4px; border-bottom:1px solid #dcdcdc; width:197px; font-size:14px; text-transform:uppercase; letter-spacing:1px; }
.ce_references .nav li a:hover, .ce_references .nav li a.active { border-bottom:1px solid #1d1d1d; color:#1d1d1d; }
.ce_references .nav li a.activeSous { background:#1d1d1d url(../images/arrow-right-references-hover.png) right no-repeat; color:#FFF; border-bottom:1px solid #1d1d1d; }
/***********************************/
.ce_referencesContent { margin:10px 0 30px 0;}
.ce_referencesTitle { padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/sep-dotted.png) bottom repeat-x; }
.ce_referencesTitle a { font-size:22px; text-transform:uppercase; color:#1d1d1d; letter-spacing:1.5px; }
.ce_referencesTitle span { display:block; clear:left; }
.ce_referencesClients { background:#1d1d1d; color:#FFF; text-transform:uppercase; font-size:10px; padding:2px 2px 2px 4px; width:100px; }

/***********************************/
/* Profil                          */
/***********************************/

.ce_profil .slice { float: left; width:850px; }
/***********************************/
.ce_profil .slide_arrow { width:890px; margin:0 0 0 -20px; position:absolute; }
.ce_profil .slide_arrow .left, .slide_arrow .right { position:absolute; }
.ce_profil .slide_arrow .left { left:0px; top:0px; }
.ce_profil .slide_arrow .right { right:0px; top:0px; }
/***********************************/
.ce_profil .slide_pagination { position:absolute; right:35px; top:-67px; *top:-67px; _top:-70px; /*IE*/ }
.ce_profil .slide_pagination li { background:url(../images/slide-pagination.png) no-repeat; float:left; margin:0 0 0 4px; width:6px; height:6px; }
.ce_profil .slide_pagination li.active, .slide_pagination li a:hover { background:url(../images/slide-pagination-active.png) no-repeat; }
.ce_profil .slide_pagination li a { width:6px; height:6px; display:block; }

/***********************************/
/* Services                        */
/***********************************/

.ce_services .tree_col { overflow:hidden; margin:50px 0 30px 0; height:100%; }
.ce_services .left { float:left; height:340px; margin:0 35px 0 0; }
/***********************************/
.ce_services .nav { width:290px; }
.ce_services .nav ul { margin:-10px 0 0 0; }
.ce_services .nav li { height:55px; font-size:25px; text-transform:uppercase; background:url(../images/sep-dotted.png) bottom no-repeat; *padding:0 0 15px 0; /*IE*/ }
.ce_services .nav li a { color:#9c9c9c; background:url(../images/arrow-right-services.png) right no-repeat; display:block; margin:15px 0 0 0; padding:7px 10px 7px 20px; }
.ce_services .nav li a:hover { background:#1d1d1d url(../images/arrow-right-services-hover.png) right no-repeat; color:#FFF; }
/***********************************/
.ce_services .txt { overflow:auto; width:245px; height:240px; position:relative; padding:0 15px 0 0; }
.ce_services .txt p { text-transform:uppercase; color:#333; font-size:12px; margin:0 0 10px 0; line-height:23px; letter-spacing:1px; }
/***********************************/
.ce_services .tags { width:205px; margin:0; border-right:1px solid #dcdcdc; padding:0 20px 0 0; }
.ce_services .tags li { color:#aeaeae; border:1px solid #dcdcdc; font-size:12px; padding:3px 10px 3px 10px; margin:0 0 7px 0; line-height:15px; }

/***********************************/
/* Atelier                         */
/***********************************/

.ce_atelier ul { overflow:hidden; margin:0; height:100%; }
.ce_atelier li { width:211px; float:left; margin:0 0 0 0px; padding:0; border:1px solid #dcdcdc; border-left:0; position:relative; height:163px; *height:164px; /*IE*/}
.ce_atelier li.first { border:1px solid #dcdcdc; }
.ce_atelier li.firstVisible, .ce_atelier li.lastVisible { margin:0; border:0; }
/***********************************/
.ce_atelier li .ce_atelierBg { position:absolute; background:#FFF; opacity:0.8; height:52px; width:211px; top:111px; *top:112px; /*IE*/ z-index:1; }
.ce_atelier li .ce_atelierTxt { position:absolute; width:190px; top:115px; left:10px; z-index:2; }
.ce_atelier li .ce_atelierTitle { text-transform:uppercase; font-size:11px; color:#1d1d1d; display:block; line-height:13px; }
.ce_atelier li .ce_atelierDate { font-size:10px; color:#9c9c9c; }
.ce_atelier li.top .ce_atelierTxt { position:absolute; width:190px; top:10px; left:10px; z-index:2; background:url(../images/sep-atelier.png) left bottom no-repeat; padding:0 0 10px 0; }
/***********************************/
.ce_atelier .heading { background:#dddddd; color:#FFF;font-size:12px; text-transform:uppercase; letter-spacing:1px; margin:15px 6px 0 0; }
.ce_atelier .heading .txt { width:840px; margin:0 auto; background:#1d1d1d; display:block; padding:3px 0 2px 7px; } 
/***********************************/
.ce_atelier .slide_content { width:1274px; }
.ce_atelier .slider { position:relative; }
.ce_atelier .slider .firstVisible, .ce_atelier .slider .lastVisible { opacity:0.15; }
.ce_atelier .slide_arrow { width:890px; position:absolute; left:190px; z-index:1; }
.ce_atelier .slide_arrow .left, .slide_arrow .right { position:absolute; }
.ce_atelier .slider .slide_arrow .left { left:0px; top:85px; }
.ce_atelier .slider .slide_arrow .right { right:0px; top:85px; }

/***********************************/
/* News                            */
/***********************************/

.ce_news ul { overflow:hidden; margin:20px 0 10px 0; }
.ce_news li { width:202px; float:left; margin:0 0 0 14px; background: url(../images/ce-news-bottom.png) bottom no-repeat; padding:0 0 50px 0; }
.ce_news li.first { margin:0; }
/***********************************/
.ce_news li .ce_newsTitle { color:#FFF; text-transform:uppercase; font-size:12.5px; margin:0 0 10px 0; }
.ce_news li .ce_newsTitle .category { background:url(../images/sep-category.png) right no-repeat; padding:0 5px 0 0; margin:0 5px 0 0; }
.ce_news li .ce_newsTxt { color:#8e8e8e; font-size:12px; margin:15px 0 0 0; line-height:15px; }
/***********************************/
.ce_news .slide_arrow { width:890px; margin:0 0 0 -20px; position:absolute; }
.ce_news .slide_arrow .left, .slide_arrow .right { position:absolute; }
.ce_news .slide_arrow .left { left:0px; top:145px; }
.ce_news .slide_arrow .right { right:0px; top:145px; }
/***********************************/
.ce_news .slide_pagination { position:absolute; right:35px; top:-87px; *top:-87spx; _top:-90px; /*IE*/ }
.ce_news .slide_pagination li { background:url(../images/slide-pagination.png) no-repeat; float:left; margin:0 0 0 4px; width:6px; height:6px; }
.ce_news .slide_pagination li.active, .slide_pagination li a:hover { background:url(../images/slide-pagination-active.png) no-repeat; }
.ce_news .slide_pagination li a { width:6px; height:6px; display:block; }
/***********************************/
/***********************************/
ul.lame_news li { background:#FFF url(../images/ce-news-temp.jpg) right no-repeat; height:552px; border-bottom:1px solid #313131; }
ul.lame_news li .title { font-size:52px; text-transform:uppercase; color:#1d1d1d; padding:35px 0 0 0; letter-spacing:5px; font-family: "FuturaLight", Arial, sans-serif; }
ul.lame_news li .content { margin:25px 0 0 0; }
ul.lame_news li .content p { margin:0 0 15px 0; font-size:12px; color:#9c9c9c; width:350px; line-height:15px; }

/***********************************/
/* Slides                          */
/***********************************/

#slide_wrapper { /*height:432px;*/ position:relative; margin:-20px auto 0 auto; padding:20px 0 0 0; overflow:hidden; }
#slide_wrapper .data { display:none; }
/***********************************/
#slide_wrapper .slide { width:5000px; margin-left:-650px; overflow:hidden; }
#slide_wrapper .slide li { float:left; width:850px; height:432px; position:relative; margin-right:20px; }
#slide_wrapper .slide.temp li { float:left; width:850px; height:373px; position:relative; margin-right:20px; }
#slide_wrapper .slide li div.img { position:absolute; float:left; top:0; left:0; }
#slide_wrapper .slide li div.img-normal { z-index:10; }
#slide_wrapper .slide li div.img-desat { z-index:5; }
#slide_wrapper .slide li div.img-color { z-index:1; }
#slide_wrapper .slide li div.description { position:absolute; float:left; bottom:0; left:35px; opacity:0.8; background-color:#000; z-index:999; color:#FFF; }
#slide_wrapper .slide li div.description .title a { color:#FFF; font-size:13px; text-transform:uppercase; width:370px; height:30px; line-height:30px; display:block; padding:0px 15px 0px 15px; }
#slide_wrapper .slide li div.description .content { background:url(../images/sep-dotted-slide.gif) no-repeat; }
#slide_wrapper .slide li div.description .content { display:none; width:400px; color:#9c9c9c; padding:5px 0 0 0; line-height:23px; letter-spacing:1px; margin:0 15px 0 15px; }
#slide_wrapper .slide li div.description .content p { padding:0; margin:15px 0 15px 0; }
#slide_wrapper .slide li div.description .toggle { position:absolute; right:15px; }
#slide_wrapper .slide li div.description .title .category { background:url(../images/sep-category.png) right no-repeat; padding:0 5px 0 0; margin:0 5px 0 0; }
/***********************************/
#slide_wrapper .slide_arrow { width:890px; margin:0 auto; position:relative; }
#slide_wrapper .slide_arrow .left, .slide_arrow .right { position:absolute; z-index:99; }
#slide_wrapper .slide_arrow .left { left:0px; top:215px; }
#slide_wrapper .slide_arrow .right { right:0px; top:215px; }
/***********************************/
#slide_wrapper .slide_arrow.tempp .left { left:0px; top:180px; }
#slide_wrapper .slide_arrow.tempp .right { right:0px; top:180px; }
/***********************************/
#slide_wrapper .slide_pagination { position:absolute; right:-3px; top:-13px; }
#slide_wrapper .slide_pagination li { background:url(../images/slide-pagination.png) no-repeat; float:left; margin:0 0 0 4px; }
#slide_wrapper .slide_pagination li a { width:6px; height:6px; display:block; }
#slide_wrapper .slide_pagination li.active, #slide_wrapper .slide_pagination li a:hover { background:url(../images/slide-pagination-active.png) no-repeat; }
/***********************************/
.gradient_left {position:absolute; width:200px; height:432px; left:0; top:20px; z-index:99; }
.gradient_right {position:absolute; width:200px; height:432px; right:0; top:20px; z-index:99; }

/***********************************/
/* CustomScroll                    */
/***********************************/

.scrollgeneric { line-height:1px; font-size:1px; position:absolute; }
.vscrollerbase, .vscrollerbar { width:7px; top:0px; background:url(../images/scroll-bg-grey.png) repeat-y; }
.vscrollerbar { left:0px; }
.hscrollerbase, .hscrollerbar { height:15px; left:0px; }
.hscrollerbar { top:0px; }
.vscrollerbar, .hscrollerbar { padding:0px; z-index:2; }
.vscrollerbar { background:url(../images/scroll-bg-black.png) center center no-repeat; cursor:pointer; }

/***********************************/
/* Footer                          */
/***********************************/

footer { overflow:hidden; }
footer .left { float:left; text-transform:uppercase; font-size:10px; color:#6e6e6e; margin:32px 0 20px 0; letter-spacing:1px; } 
footer .right { float:right; margin:30px 0 20px 0;}
/***********************************/
footer .newsletter { float:left; position:relative; }
footer .newsletter label { font-size:10px; text-transform:uppercase; color:#6e6e6e; padding:0 0 0 7px; position:absolute; height:14px; top:3px; left:0; cursor:text;}
footer .newsletter input[type=text] { background:#1d1d1d; border:1px solid #4d4d4d; height:14px; font-size:10px; text-transform:uppercase; color:#6e6e6e; padding:0 0 0 7px; width:164px; float:left; }
footer .newsletter input[type=text]:focus, footer .newsletter input[type=text]:hover { color:#FFF; }
footer .newsletter input[type=submit] { padding:0; width:4px; border:0; margin:0 0 0 5px; background:url(../images/search-arrow-submit.png) transparent no-repeat; cursor:pointer; color:#FFF; }
/***********************************/
footer .social { margin:0 0 0 8px; float:left; font-size:10px; }
footer .social li { float:left; margin:0 0 0 13px; }

/***********************************/
/* Temp                            */
/***********************************/

p.contentTemp  { color:#6d6d6d; font-size:16px; text-transform:uppercase; letter-spacing:1.5px; line-height:23px; margin:0 0 15px 0; }
p.contentTemp a { color:#6d6d6d; }
nav ul.navTemp { margin:0 0 50px 0; border-top:1px solid #383838; }
nav ul.navTemp li .title { position:relative; font-family: "FuturaLight", Arial, sans-serif; }
/***********************************/
nav ul.navTemp li.lame  { border-bottom:1px solid #383838; padding:10px 0 40px 0; }
nav ul.navTemp li.lame .title { font-size:52px; text-transform:uppercase; display:block; letter-spacing:5px; height:89px; line-height:91px; margin:-1px 0 15px; 0; _margin:0px 0 0 0; /*IE*/  }
nav ul.navTemp li.lame .title span { width:850px; margin:0 auto; display:block; color:#6d6d6d;  }
nav ul.navTemp li.lame .title span { background:url(../images/nav-arrow-black.gif) top right no-repeat; color:#6d6d6d; }
#cpthtml {width:604px; height: 36px; background-color: #000; text-align: center; padding: 20px 20px; font-size:38px; color: #fff; letter-spacing:4px; text-transform:uppercase;}