@charset "utf-8";
/* General Css */

html, body { margin:0; padding:0; width:100%; height:100%; font-size:14px; color:#898989; font-family: 'Ubuntu', sans-serif; font-weight:300; }
ul { margin:0; padding:0; }
*{outline:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

img { border:none; vertical-align:middle; }
table { border-collapse:collapse; }
form { margin:0; padding:0; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #3d94a5; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #3d94a5 !important; }
input:-ms-input-placeholder, textarea:-moz-placeholder { color: #3d94a5; }
.placeholder { color: #3d94a5; }

.clear { height:0px; padding:0px; margin:0px; line-height:0px; clear:both; }

button::-moz-focus-inner { border: 0; padding: 0; }

.upper { text-transform: uppercase; }
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

li{list-style:none}

h1 { padding:0; margin:0; font-size:30px; color:#6788b5; font-weight:300; line-height:35px; }
h2 { padding:0; margin:0; font-size:20px; color:#502709; font-weight:400; line-height:25px; }
h3 { padding:0; margin:0; font-size:16px; color:#502709; font-weight:600; line-height:20px; }

.italic{ font-style:italic; font-weight:400; }
.lightRegular{ font-style:normal; font-weight:300; }
.lightItalic{ font-style:italic; font-weight:300; }
.bold{ font-style:normal; font-weight:700; }
.boldItalic{ font-style:italic; font-weight:700; }

.section { position:absolute; left:0; right:0; height:650px; overflow:hidden; }
#home { top:0; background:url('img/bg_home.jpg') center top fixed no-repeat #3d94a5; }
#team { top:650px; background: #ebebeb;}
#services { top:1300px; background: #d7d7d7; height:750px; }
#services-info { top:2050px; background: #ebebeb; height:700px; }
#portfolio { top:2750px; background: #d7d7d7; }
#contact { top:3400px; background: #ebebeb; height:550px; }
#map{top:3950px; border-top:5px solid #d7d7d7}

#header {width:100%; position:fixed; padding-top:20px; left:0; right:0; height:100px; z-index:100; opacity: 1; }
#header .navbar-inner {max-width:1000px; margin:0 auto; position:relative}
.scrolled #header { background-color:#3d94a5; height:90px; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; }
#header .logo{position:absolute; width:260px; height:67px; left:5px; top:5px; background:url('img/logo.png') no-repeat top; cursor:pointer}
.scrolled #header .logo{background-position:0 bottom; height:38px; }
#header #slogan{position:absolute; height:20px; left:5px; top:82px; color:#fff; font-size:18px;}
.scrolled #header #slogan{ display:none; }

#header ul {list-style: none; float: right; color:#ffffff;}
#header ul li{display: inline-block;}
#header ul li a{color:#fff; text-decoration: none; font-size: 18px; padding:0 10px;}
#header span.txtServices{ color:#fff; text-decoration: none; font-size: 18px; padding:0 0 0 10px; }
#header span.txtServices.active{ color:#b3ced4; }

#header ul li a:hover, #header ul li a.active{color:#b3ced4;}

#fb{display:block; width:6px; height:14px; background:url('img/fb.png') no-repeat top}
#fb:hover{background-position:bottom}
#twitter{display:block;  width:10px; height:14px; background:url('img/twitter.png') no-repeat top}
#twitter:hover{background-position:bottom}

#sloganTwo{font-size:81px; color:#fff; position: absolute; right: 0; top:200px; line-height:70px; text-shadow: 1px 1px 0px #898989;}
#pos_arrow { width:57px; height:57px; position:absolute; right:0; top: 390px; }
#arrow_btn_team{ width:57px; height:57px; position: absolute; left:0; top: 0px; background:url('img/arrow.png') no-repeat bottom; cursor:pointer; }
#arrow_btn_team:hover{background-position:left top;}

.content { position:relative; width:1000px; height:650px; margin:0 auto; padding-top:140px}
.content .third{width: 300px; position:absolute;}

.content .third .img{width:175px; margin:0 auto; position:relative }
.content .third .desc{line-height: 25px; padding-top: 10px;}
.content .third .desc span{text-transform:uppercase; color:#3d94a5; font-weight:600; font-size:15px; }
.content .plus{width:41px; height:44px; background:url('img/plus.png') no-repeat; position: absolute; top: 275px; opacity:0}

.content .title {font-size:18px; font-family: Verdana}
.content .title span{ font-style:normal; font-weight:300; text-transform:uppercase; color:#3d94a5; font-size:40px}
.content .infoSection {padding-top: 15px; line-height: 25px;}
#services-info .infoSection { width:675px; height:125px; }
.content .infoSection span{text-transform:uppercase; color:#3d94a5; font-weight:400}

.contentTeamDesc{position:absolute; width:1000px; height:175px; overflow:hidden}
.teamMembre { position: absolute; top:10px; font-size:18px;}
.teamMembre span{color:#3d94a5; text-transform:uppercase; }

.teamDesc{position: absolute; top: 35px;}

#contentTeam{width:1000px; position:absolute; bottom:0}
#teamImgContent{height:185px;}

#btnTeam_1 { width:207px; background-image:url('img/team_1.png'); }
#btnTeam_2 { width:195px; background-image:url('img/team_2.png'); margin-left:-30px; }
#btnTeam_3 { width:204px; background-image:url('img/team_3.png'); }
#btnTeam_4 { width:211px; background-image:url('img/team_4.png'); margin-left:5px; }
#btnTeam_5 { width:207px; background-image:url('img/team_5.png'); }

.teamImg { height:185px; display:inline-block; cursor:pointer; position: relative; overflow:hidden;  background-position:0 top; background-repeat:no-repeat; }
.teamImg.active { background-position:0 bottom; }

#services-info #contentInfo { position: relative; width: 1000px; height: 225px; overflow: hidden; margin-top:90px; }
#services-info #contentInfo ul{position: absolute; width:1650px; }
#services-info .itemInfo{ float:left; width:330px; padding:0 15px; height:225px; }
#services-info .itemInfo .popupFull { cursor:pointer; }
#services-info .itemInfo .itemInfoBox { width:290px; padding:15px; background:#e1e1e1; height:205px; line-height:25px; }
#services-info .itemInfo .itemInfoBox strong { color:#898989; font-size:15px; text-transform:lowercase; }
#services-info .itemInfo .itemInfoBox div { color:#3d94a5; font-size:22px; }
#services-info .itemInfo .itemInfoBox .ending { color:#3d94a5; font-weight:400; }
#services-info .itemInfo .itemInfoBox .ending strong { color:#3d94a5; }
#services-info .itemInfo .itemInfoBox .small { font-size:10px; display:block; line-height:10px; }
#services-info .previous{width:33px; height:94px; position: absolute; left: -20px; top: 520px; background:url('img/previous.png') no-repeat center; cursor:pointer}
#services-info .next{width:33px; height:94px; position: absolute; right: -10px; top: 520px; background:url('img/next.png') no-repeat center; cursor:pointer}
#services-info .next.inactive, #services-info .previous.inactive { opacity: 0.5; cursor: default;}
#services-info .content{ background:url('img/bg_service_info.png') no-repeat left 90px;}
#support_link { position:absolute; right:50px; top:270px; width:230px; height:60px; display:block; }

#portfolio #contentPortfolio{position: relative; margin-top:70px; width: 1000px; height: 255px; overflow: hidden;}
#portfolio #contentPortfolio ul{ position: absolute; }
#portfolio .itemPortfolio{float:left;  width:250px; margin:0}
#portfolio .imgPortfolio img{border:3px solid #83b7c1}
#portfolio .descPortfolio {padding:10px 20px 0 0; line-height:17px; font-size:13px}
#portfolio .descPortfolio span, #portfolio .descPortfolio a{text-transform:uppercase; color:#3d94a5; font-weight:600; text-decoration:none; }
#portfolio .descPortfolio a:hover { color:#4ab1c5; }
#portfolio .previous{width:33px; height:94px; position: absolute; left: -35px; top: 425px; background:url('img/previous.png') no-repeat center; cursor:pointer}
#portfolio .next{width:33px; height:94px; position: absolute; right: -15px; top: 425px; background:url('img/next.png') no-repeat center; cursor:pointer}

#portfolio .next.inactive, #portfolio .previous.inactive { opacity: 0.5; cursor: default;}

#form{padding-top:40px}
input{margin: 10px 8px; height: 48px;}
textarea{width:640px; height:172px; border:3px solid #a1a1a1; padding:15px; text-transform:uppercase; color:#3d94a5; resize: none; margin-top: 7px; font-family: 'Ubuntu', sans-serif; font-style:normal; font-weight:300; }
.input_text{width:340px; height:45px; border:3px solid #a1a1a1; padding:15px; text-transform:uppercase; color:#3d94a5; font-family: 'Ubuntu', sans-serif; font-style:normal; font-weight:300; }
input.invalidInput { background:url('img/input_invalid.png') 98% center no-repeat #F5F5F5 !important; }
textarea.invalidInput { background:url('img/input_invalid.png') 95% center no-repeat #F5F5F5 !important; }

#send{width:338px; height:45px; background-color:#3d94a5; color:#fff; margin-left:10px; font-weight:600; cursor:pointer; margin-top: 7px; border: none; text-align:left; padding-left:18px; }
#send.disabled{background-color:#fff; color:#3d94a5; }


.shadowTop{-moz-box-shadow: inset 0 10px 6px -6px #C2C2C2; -webkit-box-shadow: inset 0 10px 6px -6px #C2C2C2; box-shadow: inset 0 10px 6px -6px #C2C2C2;}
.shadowTopLight{-moz-box-shadow: inset 0 10px 6px -6px #CECECE; -webkit-box-shadow: inset 0 10px 6px -6px #CECECE; box-shadow: inset 0 10px 6px -6px #CECECE;}

#navigation{position: fixed;right: 2%;top: 50%;z-index: 3;margin-top: -60px;}
#navigation li{padding: 5px 0;}
#navigation a {width: 18px;height: 18px;border: 1px solid white;background: #fff;display: block;position: relative;margin-left: 5px;cursor: pointer;text-decoration: none;opacity: 0.4;filter: alpha(opacity=40);}
#navigation a:hover{opacity: 0.6;filter: alpha(opacity=60);background: #e2e0dc;-moz-box-shadow: 0px 0px 5px 2px #fff;-webkit-box-shadow: 0px 0px 5px 2px #fff;box-shadow: 0px 0px 5px 2px #fff;}
#navigation a.active{background: #fff;opacity: 1;filter: alpha(opacity=100);}

.scrolled #navigation a {width: 18px;height: 18px;border: 1px solid #b3ced4;background: #4793a2;display: block;position: relative;margin-left: 5px;cursor: pointer;text-decoration: none;opacity: 0.4;filter: alpha(opacity=40);}
.scrolled #navigation a:hover{opacity: 0.6;filter: alpha(opacity=60);background: #b3ced4;-moz-box-shadow: 0px 0px 5px 2px #4793a2;-webkit-box-shadow: 0px 0px 5px 2px #4793a2;box-shadow: 0px 0px 5px 2px #4793a2;}
.scrolled #navigation a.active{background: #4793a2;opacity: 1;filter: alpha(opacity=100);}



.ui-widget-content.tooltip{ color:#3d94a5; }

#msgSent{background-color: #fff;border-radius: 10px 10px 10px 10px;box-shadow: 0 0 25px 5px #999;color: #111;display: none;min-width: 450px;padding: 25px;font-size:15px}

.button {background-color: #2b91af;border-radius: 10px;box-shadow: 0 2px 3px rgba(0,0,0,0.3);color: #fff;cursor: pointer;display: inline-block;padding: 10px 20px;text-align: center;text-decoration: none;}

.button.b-close, .button.bClose {border-radius: 7px 7px 7px 7px;box-shadow: none;font: bold 131% sans-serif;padding: 0 6px 2px;position: absolute;right: -7px;top: -7px;}

.button:hover {background-color: #898989;}



/* 404 */

.shadow404 { -moz-box-shadow:0 2px 10px 0px #444; -webkit-box-shadow:0 2px 10px 0px #444; box-shadow:0 2px 10px 0px #444; }
#notfound_title { color:#fff; font-size:100px; line-height:70px; text-shadow:1px 1px 0px #898989; margin-top:110px; }
#notfound_subtitle { color:#fff; font-size:60px; line-height:70px; text-shadow:1px 1px 0px #898989; margin-top:50px; }
#notfound_text { color:#fff; font-size:36px; line-height:36px; text-shadow:1px 1px 0px #898989; margin-top:60px; }
#notfound_link { display:block; color:#fff; font-size:14px; line-height:15px; text-shadow:1px 1px 0px #898989; margin-top:10px; }


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{}
#colorbox{overflow:visible}
#cboxWrapper{overflow:visible}
#cboxContent{ }
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{ color:#cccccc; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: #9E9E9E 5px 5px 5px;-moz-box-shadow: #9E9E9E 5px 5px 5px; box-shadow: #9E9E9E 5px 5px 5px; background: rgb(57, 57, 57); background: rgba(57, 57, 57, 0.9); padding:25px; margin:25px; width:475px; }
#cboxLoadedContent .container { line-height:25px; }
#cboxLoadedContent .container strong { color:#ffffff; font-size:15px; text-transform:lowercase; }
#cboxLoadedContent .container div { color:#3d94a5; font-size:22px; }
#cboxLoadedContent .container span { font-size:10px; line-height:15px; display:block; }
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxArrows{position: absolute; display: block; top: 0;left: 0;right: 281px;bottom: 0;}
#cboxArrows #cboxPrevious{display:none} 
#cboxArrows:hover #cboxPrevious{display:block} 
#cboxPrevious{position:absolute; top:0; left:0; margin-top:0; background:url('img/previous.png'); background-repeat: no-repeat; background-position:center left; width:50%; height:100%; text-indent:-9999px;}
#cboxPrevious:hover{background:url('img/previous_hover.png'); background-repeat:no-repeat; background-position:center left;}
#cboxArrows #cboxNext{display:none} 
#cboxArrows:hover #cboxNext{display:block} 
#cboxNext{position:absolute; top:0; right:0; margin-top:0; background:url('img/next.png'); background-repeat:no-repeat; background-position: center right; width:50%; height:100%; text-indent:-9999px;}
#cboxNext:hover{background:url('img/next_hover.png'); background-repeat:no-repeat; background-position:center right;}
#cboxLoadingOverlay{background:#FFFFFF;}
#cboxLoadingGraphic{background:url('img/loading.gif') no-repeat center center;}
#cboxClose{ position:absolute; top:35px; right:35px; background:url('img/btn-fermer.png'); background-repeat:no-repeat; width:10px; height:10px; }