@charset "utf-8";

/* 
* CSS Document for Template Hark! v.1  Global Stylesheet 
* Copyright 2013 yok Creative
*/

/* ----------------------------------------------------------------------  
        BODY / See 'base.css' for basic style settings
------------------------------------------------------------------------ */
body	{color:#000;font-family:'Open Sans',Arial,sans-serif;text-transform:none;}
.publicite	{
    width: auto;
    height: auto;
    background-color: red;
    position:fixed;
    top:35%;
    left: -192px;
	z-index:999;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	color:#FFF;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	padding:6px;
	display:block;
}
.crosstext {
	color:#FFF;}
.crossclose {
    width: auto;
    height: auto;
    background-color: black;
    position:absolute;
    top:0;
    right: 0;
	z-index:9999;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	color:#FFF;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	padding:1px;
	display:none;
	cursor:pointer;
}
.crossopen {
    width: auto;
    height: auto;
    background-color: red;
    position:absolute;
    top:0;
    right: 0;
	z-index:99999;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	color:#FFF !important;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	padding:1px;
	display:block;
	cursor:pointer;
}
.crossmore {
	position:absolute;
	bottom:0px;
	right:0px;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	color:#000;
	font-size:10px;
	line-height:12px;
	text-align:right;
	padding:2px;
	margin-top:4px;
	cursor:pointer;
	z-index:999;
}
.pricepub {
    background-color: black;
	color:#FFF;
	font-family:'Open Sans',Arial,sans-serif;
	font-size:12px;
	line-height:14px;
	text-align:left;
    width: 106%;
    height: auto;
    position:relative;
    left: 0;
	z-index:999;
	padding:6px;
	margin-left:-6px;
	margin-top:4px;
	margin-bottom:16px;
	display:none;
}
.pricehtpub {
    background-color: black;
	color:#FFF;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	font-size:16px;
	line-height:16px;
	text-align:right;
    width: 106%;
    height: auto;
    position:relative;
    left: 0;
	z-index:999;
	padding:6px;
	margin-left:-6px;
	margin-top:6px;
	margin-bottom:-22px;
	display:none;
}
.crosswhite	{
    background-color: #FFF;
    width: 103%;
    height: 22px;
    position:absolute;
    left: 0px;
	bottom: 0px;
	z-index:998;
	margin-left:-6px;
}


.recrutement	{
    width: auto;
    height: auto;
    background-color:#454545;
    position:fixed;
    top:70%;
    left: -193px;
	z-index:999;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	color:#FFF;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	padding:6px;
	display:block;
}
.crosstextr {
	color:#FFF;}
.crosscloser {
    width: auto;
    height: auto;
    background-color: black;
    position:absolute;
    top:0;
    right: 0;
	z-index:9999;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	color:#FFF;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	padding:1px;
	display:none;
	cursor:pointer;
}
.crossopenr {
    width: auto;
    height: auto;
    background-color:#1D1D1D;
    position:absolute;
    top:0;
    right: 0;
	z-index:99999;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	color:#FFF !important;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	padding:1px;
	display:block;
	cursor:pointer;
}
.crossmorer {
	position:absolute;
	bottom:0px;
	right:0px;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	color:#000;
	font-size:10px;
	line-height:12px;
	text-align:right;
	padding:2px;
	margin-top:4px;
	cursor:pointer;
	z-index:999;
}
.pricepubr {
    background-color: black;
	color:#FFF;
	font-family:'Open Sans',Arial,sans-serif;
	font-size:12px;
	line-height:14px;
	text-align:left;
    width: 106%;
    height: auto;
    position:relative;
    left: 0;
	z-index:999;
	padding:6px;
	margin-left:-6px;
	margin-top:4px;
	margin-bottom:16px;
	display:none;
}
.pricehtpubr {
    background-color: black;
	color:#FFF;
	font-family:'Open Sans',Arial,sans-serif;
	text-transform:none;
	font-size:16px;
	line-height:16px;
	text-align:right;
    width: 106%;
    height: auto;
    position:relative;
    left: 0;
	z-index:999;
	padding:6px;
	margin-left:-6px;
	margin-top:6px;
	margin-bottom:-22px;
	display:none;
}
.crosswhiter	{
    background-color: #FFF;
    width: 103%;
    height: 22px;
    position:absolute;
    left: 0px;
	bottom: 0px;
	z-index:998;
	margin-left:-6px;
}

.bitcoin	{
	z-index:999;
	padding:6px;
}

/* ----------------------------------------------------------------------  
        TEXT STYLING
------------------------------------------------------------------------ */
h1		{font-size:3.6em;}
h2		{color:#666;font-size:3.2em;font-weight:300;line-height:1;}
h3		{color:#999;font-size:1.2em;margin:0 0 .3em;padding:.4em 0px .4em 0;}
h4		{font-size:1em;}
h5		{font-size:.85em;}
h6		{font-size:.8em;}

h1,h2,h4,h6,p,a,.big-text									{font-family:'Open Sans',Arial,sans-serif;}
h3, h3 a, h5,.callout,.name, .carousel-text, #wp-calendar thead th, input, label, textarea, #success_page,
.carousel-text-huge, .carousel-text-sml, .button, button 	{font-family:'Oswald',Impact,Arial,sans-serif;}
h1,h3,h4,h5,h6,.big-text,.name,.invert, #wp-calendar thead th,
.carousel-text, .carousel-text-huge, .carousel-text-sml		{font-weight:700;}
h1,h3,h4,h5,h6,.callout, 
.carousel-text,.carousel-text-huge,.carousel-text-sml		{text-transform:uppercase;}
h1,h3,h4,h5,h6,a,.callout									{line-height:1.1em;}
h2,h4 														{margin-bottom:.5em;}
h3 + h4														{padding-top:20px;}

a						{border:medium none;text-decoration:none;color:#666;transition:color 0.3s ease 0s;}
p, .widget				{color:#444;text-indent:0; font-weight:300;font-size:90%;}
p + h5,p + form			{margin-top:20px;}
footer p,footer h5		{color:#FFF;}
footer p				{font-size:75%;}
nav a					{font-family:Oswald,Impact,Arial,sans-serif;font-weight:700;text-transform:uppercase;}
.big-text				{font-size:2.1em;line-height:1.2em;padding-right:35px;}
.carousel-text-sml		{color:#fff;font-size: 6.2em; line-height:1em;}
.carousel-text			{color:#000;font-size: 6.8em; line-height:1em;}
.carousel-text-huge		{font-size: 26em; line-height:1em;}
.callout				{color:#FFF;font-size:4em;margin-left:auto;margin-right:auto;text-align:center;width:85%;}
.line-one				{display:block;}
.name					{font-size:2em;line-height:1em;}
.text-45-percent		{font-size:45%;}

.text-light-grey		{color:#999;}
.text-grey				{color:#888;}
.text-black				{color:#000;}
.text-accent			{}	/* see accent color section for styling */
.text-white				{color:#fff;}
.tag-grey				{background:#888;color:#FFF;margin-right:.05em;padding:.45em .6em;}
.tag-black				{background:#000;color:#FFF;margin-right:.05em;padding:.45em .6em;white-space : nowrap;}


/* ----------------------------------------------------------------------  
        GENERAL STYLING
------------------------------------------------------------------------ */
#content								{height:100%;min-height:100%;}

[class*=fullscreen-section-wrapper]		{height:100%;margin:0;min-height:100%;overflow:hidden;padding:4em;width:100%;}
.fullscreen-section-wrapper-no-pad		{padding:0; position:relative;}
.fullscreen-section-wrapper-split-top	{padding-bottom:0;padding-left:0em;padding-right:0em;}
.fullscreen-section-wrapper-split-bottom{padding-left:0em;padding-right:0em;padding-top:0;padding-bottom:0;}
.fullscreen-section-wrapper-split-bottom2{padding-left:0em;padding-right:0em;padding-bottom:0;}
.padding-left-right						{padding-right:2em;padding-left:2em;}
.secondary-page-title					{margin-top:1em;}


/* lines */
.rule-bottom							{border-bottom:1px dashed #ccc;}
.rule-thin								{border:1px solid #C69;padding:.8em;}
.rule-thin-right						{border-right:1px solid #C69;}
.rule-thin-bottom						{border-bottom:1px groove  #333;}
.rule-top								{border-top:1px dashed #999;margin-top:30px;padding-top:30px;}
.rule-thick-top							{border-top:5px solid #57002d;padding-top:.8em;}
.rule-thick								{border:3px solid #ffffff;}
.rule-right,.rule-right li				{border-right:1px dashed #FCF;}
.rule-right li:last-child				{border:medium none;}

/* link modules */
.link-module-icons						{margin:0;padding:0;}
.link-module-icons-floating li			{min-height:2em; margin-top:-.5em;}
.link-module-icons-opaq li				{display:inline-block;margin-right:.3em;min-height:2.5em;opacity:1;width:40px;transition: all 0.2s linear 0s;}
.link-module-icons li					{display:inline-block;margin-right:.3em;min-height:2.5em;opacity: 0.4;width:45px;transition: all 0.2s linear 0s;}

.link-module-icons li:hover			    {opacity: 1;}
.last									{padding:55px 35px 5px;}

/* toggle */
.button-open							{background:url(../images/ico/arrow-right.svg) no-repeat center center;height:2em;width:2em;}
.button-close							{background:url(../images/ico/arrow-left.svg) no-repeat center center;height:2em;width:2em;}
.hidden-content							{display:none;}
#trigger-portfolio-filter,.trigger		{cursor:pointer;opacity:1;transition:all .1s linear 0;}
#trigger-portfolio-filter:hover,.trigger:hover{opacity:0.5;}

/* generic hover*/
.hov-transparent						{opacity:1;}
.hov-transparent img:hover				{opacity:.7;-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition:0 .5s;}

/* misc*/
.drop-shadow 							{box-shadow: 0 1px 7px 2px #444444;}
.padding								{padding:1em;}
.text-padding							{padding-left:.3em;padding-right:.3em; padding-top:0em;}
.carousel-text-hack						{padding-top:.2em;}
.tn-caption 							{position:absolute;}
.shrink-image img						{max-width:40%!important;min-width:40%!important;width:40%; height:auto;}

/* embedded videos*/
video 									{width: 100% !important;height: auto !important;}
.videoWrapper 							{position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper object,
.videoWrapper embed,  		
.videoWrapper iframe 					{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* ----------------------------------------------------------------------  
        ACCENT COLOR
------------------------------------------------------------------------ */
/* in addition to these, you'll need to change color on line 177 along with the map hue located in script.js and div overlay in PS (if used) */
button[type="submit"]:hover, input[type="submit"]:hover 	{background-color:#1ab2f0;}
label						{color:#1ab2f0;}
nav a:hover					{border-bottom:5px solid #fff;}
nav.menu-style-2 a:hover	{border-bottom:5px solid #fff;}
nav.menu-style-3 a:hover	{border-bottom:5px solid #fff!important;}
a.nav-active				{border-bottom:5px solid #fff;}
.accent-color				{background:#1ab2f0;}
.stick a:hover				{border-bottom:5px solid #1ab2f0;}
.infoBubble div				{background:#1ab2f0;}
.tag-accent					{background:#1ab2f0;color:#FFF;margin-right:.05em;padding:.6em .6em;}
.text-accent,.text-accent a	{color:#1ab2f0!important;}

/* list elements */
ul li:before 				{color:#1ab2f0;}

/* primary rollover */
.rollover-wrapper {position:relative;}
.rollover {
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-webkit-transition:0 1s;
	background:/*url(../images/ico/cross.svg) left 2em bottom 5.5em no-repeat */#1ab2f0;
	min-height:100%;
	min-width:100%;
	opacity:0;
	position:absolute;
	z-index:10;
}
.rollover:hover 			{opacity: 1;-o-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition: -webkit-transform 1s;}

/* ----------------------------------------------------------------------  
        ICONS
------------------------------------------------------------------------ */
/* styles */
.circle, .circle-align-center			{border-radius: 35px;-moz-border-radius: 35px;-webkit-border-radius: 35px;-khtml-border-radius: 35px;width:35px; height:35px;}
.circle-align-center					{margin:auto;}
.rounded-square							{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;width:35px; height:35px;}
.square									{width:35px; height:35px;}

/* basic white icons with accent color background*/
.icon-acc-captation							{background:url(../images/ico/camera.png) no-repeat center center;}
.icon-acc-diffusion							{background:url(../images/ico/diffusion.png) no-repeat center center;}
.icon-acc-integration						{background:url(../images/ico/integration.png) no-repeat center center;}
.icon-acc-hebergement						{background:url(../images/ico/hebergement.png) no-repeat center center;}

.icon-acc-chat							{background:url(../images/ico/chat-white.svg) no-repeat center center;}
.icon-acc-check							{background:url(../images/ico/check-white.svg) no-repeat center center;}
.icon-acc-clock							{background:url(../images/ico/clock-white.svg) no-repeat center center;}
.icon-acc-email							{background:url(../images/ico/mail-white.svg) no-repeat center center;}
.icon-acc-house							{background:url(../images/ico/house-white.svg) no-repeat center center;}
.icon-acc-marker						{background:url(../images/ico/map-marker-white.svg) no-repeat center center;}
.icon-acc-mobile						{background:url(../images/ico/mobile-white.svg) no-repeat center center;}
.icon-acc-blog							{background:url(../images/ico/blog-white.svg) no-repeat center center;}
.icon-acc-monitor						{background:url(../images/ico/monitor-white.svg) no-repeat center center;}
.icon-acc-talk-bubbles					{background:url(../images/ico/chat-white.svg) no-repeat center center;}
.icon-acc-down-arrow					{background:url(../images/ico/arrow-down-white.svg) no-repeat center center;}

[class*="icon-acc"]						{background-color:#1ab2f0;}
[class*="icon-acc"]	+ h3				{text-indent:.6em;}

/* basic icons*/
#icon-home								{background:#000 url(../images/ico/arrow-open-up-white.svg) no-repeat;display:none;height:30px;padding:5px;position:fixed;right:2em;bottom:2em;width:30px;z-index:999;}

/* social */
[class*="icon-soc"]						{cursor:pointer;}
	
/* circle background - white */
.icon-soc-cir-white-fb					{background:url(../images/ico/fb-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-twitter				{background:url(../images/ico/twitter-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-tumblr				{background:url(../images/ico/tumbler-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-dribble				{background:url(../images/ico/dribble-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-fb					{background:url(../images/ico/fb-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-vimeo				{background:url(../images/ico/vimeo-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-linkedin			{background:url(../images/ico/linkedin-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-youtube				{background:url(../images/ico/youtube-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-skype				{background:url(../images/ico/skype-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-rss					{background:url(../images/ico/rss-circle-white.svg)no-repeat 0 0;}
.icon-soc-cir-white-flickr				{background:url(../images/ico/flickr-circle-white.svg)no-repeat 0 0;}

/* circle background - black */
.icon-soc-cir-blk-fb					{background:url(../images/ico/fb-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-twitter				{background:url(../images/ico/twitter-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-tumblr				{background:url(../images/ico/tumbler-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-dribble				{background:url(../images/ico/dribble-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-fb					{background:url(../images/ico/fb-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-vimeo					{background:url(../images/ico/vimeo-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-linkedin				{background:url(../images/ico/linkedin-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-youtube				{background:url(../images/ico/youtube-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-skype					{background:url(../images/ico/skype-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-rss					{background:url(../images/ico/rss-circle-blk.svg)no-repeat 0 0;}
.icon-soc-cir-blk-flickr				{background:url(../images/ico/flickr-circle-blk.svg)no-repeat 0 0;}

/* ----------------------------------------------------------------------  
        ALIGNMENTS
------------------------------------------------------------------------ */
.align-left				{float:left;}
.align-left li			{float:left;}
.align-right			{float:right;}
.align-right li			{float:right;}
.align-center   		{text-align: center;}
.fullscreen-centered 	{margin:10% auto;text-align: center;}

/* ----------------------------------------------------------------------  
        BACKGROUNDS & OVERLAYS
------------------------------------------------------------------------ */
.background-image			{background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;margin:0;min-height:350px;padding:0;position:relative;}
.background-image-group		{background-image:url(../images/slides/oxygen4.jpg);background-size:cover;margin-top:0;z-index:0;}

.black 		 				{background:#000000;}
.dark-grey	 				{background:#333333;}
.grey 		 				{background:#3c3c3c;}
.accent-color				{} /* see accent color section for styling */

[class*="overlay"] 			{height:100%;min-height:26em;width: 100%;z-index: 100;}
.overlay-diagonal			{background:url(../images/overlays/fullscreen_overlay_diagonal.png) repeat scroll 0 0 transparent;}
.overlay-diagonal-dark		{background:url(../images/overlays/fullscreen_overlay_diagonal-dark.png) repeat scroll 0 0 transparent;}
.overlay-squares			{background:url(../images/overlays/fullscreen_overlay_squares.png) repeat scroll 0 0 transparent;}
.overlay-weave				{background:url(../images/overlays/fullscreen_overlay_weave.png) repeat scroll 0 0 transparent;}
.overlay-cross				{background:url(../images/overlays/fullscreen_overlay_cross.png) repeat scroll 0 0 transparent;}
.overlay-grid				{background:url(../images/overlays/fullscreen_overlay_grid.png) repeat scroll 0 0 transparent;}
.overlay-black-85			{background:url(../images/overlays/fullscreen_overlay_black-85.png) repeat scroll 0 0 transparent;}
.overlay-black-70			{background:url(../images/overlays/fullscreen_overlay_black-70.png) repeat scroll 0 0 transparent;}
.overlay-grey-70			{background:url(../images/overlays/fullscreen_overlay_grey-70.png) repeat scroll 0 0 transparent;}
.overlay-grey-80			{background:url(../images/overlays/fullscreen_overlay_grey-80.png) repeat scroll 0 0 transparent;}
.overlay-grey-90			{background:url(../images/overlays/fullscreen_overlay_grey-90.png) repeat scroll 0 0 transparent;}
.overlay-grey-solid			{background:url(../images/overlays/fullscreen_overlay_grey-solid.png) repeat scroll 0 0 transparent;}
.overlay-white-solid		{background:url(../images/overlays/fullscreen_overlay_white-solid.png) repeat scroll 0 0 transparent;}
.overlay-white-trans		{background:url(../images/overlays/fullscreen_overlay_white-trans.png) repeat scroll 0 0 transparent;}
.overlay-accent				{background:url(../images/overlays/fullscreen_overlay_accent-color.png) repeat scroll 0 0 transparent;}

/* ----------------------------------------------------------------------  
        HEADER
------------------------------------------------------------------------ */
/* navigation */
nav								{position:fixed;width:100%;z-index:2000;}
nav ul							{float:right;height:40px;}
nav li							{display:inline;padding-left:1.5em;}
nav a							{-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;color:#fff;display:inline-block;font-family:Oswald, Arial, sans-serif;font-size:1.3em;font-weight:700;line-height:40px;text-align:center;text-decoration:none;transition:.2s;}
nav a:hover						{color:#fff;} /* see accent color section for additional styling */
nav a#pull						{display:none;}
a.nav-active					{color:#fff!important;} /* see accent color section for additional styling */
#nav-icon						{background:#000 url(../images/ico/responsive-menu.svg);display:none;height:30px;padding:5px;position:absolute;right:3em;top:3em;width:30px;z-index:999;}

/* alternte menu styles */
.menu-style-1						{top:1.65em;}
nav.menu-style-1 li:last-child a	{margin-right:1em;}

.menu-style-2 						{top:1.65em;}
nav.menu-style-2 li:last-child a	{margin-right:1em;}

.menu-style-3 						{display:none;}
.menu-style-3 a						{color:#777;font-size:1em!important;}

nav.menu-style-1 #small-logo 		{display:none;}
nav.menu-style-2 #small-logo 		{display:none;}

nav.stick						{background-image:url(../images/menubg.png); width:100%;top:0; margin-top:0!important;}
nav.stick ul					{float:right;height:45px;}
.stick a						{color:#777;font-size:1em!important;}
.stick a:hover					{color:#fff;}/* see accent color section for additional styling */


/* logo */
#logo 				 	 { position:absolute; top:10px; left:10px; margin-right:10px; z-index:9999;}
nav #small-logo a:hover	 				 {border-bottom:none!important}
nav.stick #small-logo 					 {display: block;}

/* ----------------------------------------------------------------------  
        SECTIONS
------------------------------------------------------------------------ */
/* Homescreen */
#home .big-text								{color:#57002d!important; font-weight:300; font-size:2.4em; line-height:1.1em;}
#home .link-module-icons li:last-child		{margin-right:0!important;}
.bottom-module 								{bottom:2em;left: 2em;position: absolute;z-index: 1000;}
.bottom-module-centered						{bottom:5em;position:absolute;z-index: 1000; left:40%;;}

/* Callouts */
#callout h3 								{line-height: 0.8em;padding-top: 2%;}

/* DIV D'Intro */
.intro {display:inline; float:left; padding-right:50px !important;}
.intro li {list-style:disc; margin-left:40px !important;}

.options-title, .options-title a {color:#fff; font-family:Oswald, Arial, sans-serif; font-size:30px; margin-top:0px !important; text-transform:uppercase; font-weight:700; text-align:center; text-decoration:none;}

.options-title li {
	color:#333;
	font-weight:400; 
	text-transform:none;
	list-style-type: disc;
	text-align: left;
	line-height: 30px !important;
	padding-right:50px;
}

.about {
	list-style-type: disc;
	color: #999;
	font-size: 90%;
	line-height: 1.3em;
	list-style-position: inside;
}

.besoins {
	width:50%;
	float:left;
	}

.c2-b {display:block;}

.knowledges, .knowledges a, .knowledges a:visited {
	color: #CCC;
	font-size: 16px;
	line-height: 16px !important;
	text-align:justify;
	margin-right:10px;
}
.knowledges a:hover {color:#1ab2f0}

.lexique {font-weight:300 !important; background-color:#FFF; padding:15px;}

h1 {font-size:inherit;}

/* TARIFS */
.forfaits li {list-style-type:square; margin-left:20px; font-weight:600;}
.underlist li {list-style-type:disc; margin-left:40px; color:#000;}
.environ {font-size:18px!important; text-height:24px;}

#tarifs .link-module-icons li 				{width:40px!important;padding-left:0!important; float:left; opacity:.3; margin-top:1em;}
#tarifs .link-module-icons li:hover 			{opacity:1;}
#tarifs h2	  								{color:#fff;}
#tarifs h3 			  						{color:#000;line-height:1.2em;}
#tarifs .team-content h5 			  			{margin-top:.7em;}
#tarifs .c4	{
	background-color:#fff;
	width:250px;
	height:700px !important;
	margin-right:50px !important;
	margin-bottom:50px !important;}
#tarifs .end	  								{padding-right:20px;}
/*#tarifs .rollover	{
	background-image:none;	
	background-color:#1ab2f0;
	-moz-transition-duration:1s;
	-o-transition-duration:.5s;
	-webkit-transition:.5s;
	cursor:pointer;
	left:0;
	top:0;
	min-width:92%!important;
	width:92%!important;
	min-height:100% !important;
	height:100% !important;
	opacity:0;
	position:absolute;
	z-index:10;
	text-align: center; }
#tarifs .rollover:hover 					    {opacity: 1;-o-transition-duration:.5s;-moz-transition-duration: .5s;-webkit-transition: -webkit-transform .5s;}
#tarifs .team-content:hover img  				{opacity: .3;-o-transition-duration:.5s;-moz-transition-duration: .5s;-webkit-transition: -webkit-transform .5s;}*/
#tarifs .caption	{
	background-image:none;	
	background-color:#1ab2f0;
	-moz-transition-duration:1s;
	-o-transition-duration:.5s;
	-webkit-transition:.5s;
	left:0;
	top:0;
	min-width:98%!important;
	width:98%!important;
	min-height:100% !important;
	height:100% !important;
	position:absolute;
	z-index:10;}
.captiontitle {
	text-align:center;
	width:100%;
	height:80px;
	background-image:url(../images/overlays/fullscreen_overlay_grey-solid.png);	}
.captiontexts {
	color:#FFFFFF;
	position:relative;
	top:6px;
	font-family:Oswald, Arial, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:28px; }
/*#tarifs .overlay-white-trans					{height:50%!important;width:85%;}*/
#tarifs .tag-black							{padding-left:.35em!important;padding-right:.35em!important;padding-top:0em!important;padding-bottom:0em!important;}
.team-member								{background-color:#FFF;color:#333; padding-bottom:1em; height:100%;}
.team-content								{padding:5%;}
.team-content img							{max-width:100%; vertical-align:left;margin-bottom:25px;}
.team-content 								{}

/* Portfolio */
#portfolio h2, #portfolio h3, #portfolio p	{color:#fff;line-height:1em;}
.portfolio img 								{height:100%!important;}
.tn-caption 								{bottom:2em;left:2em;}
.portfodesc									{color:#000; padding:10px;}
.portfoul									{list-style:disc !important;}
.portfodates								{color:#000; position:absolute; bottom:20px; font-size:12px;}
.portfodates a								{color:#000;}

/* portfolio filter */
#references 		{background:url(../images/overlays/fullscreen_overlay_grey-solid.png) repeat scroll 0 0 transparent;}
#portfolio-filter-container 				{bottom:0em; left: 0; position: absolute; z-index:1000;}
#portfolio #trigger-portfolio-filter		{display:inline; float:left; background-color:#F00 !important;}
#trigger-portfolio-filter-label 			{display: inline; height:2em; padding:.5em;color: #fff;}
#filter-container 							{display: none; height:2em; overflow: hidden; position: relative;}
#filter-container ul 						{position: absolute;}
.group 										{color:#777;float:left;width:100%;}
.filter li									{display:inline;float:left; margin-right: 1px;} 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.corporate{margin-right: 0px !important;}
}
.filter a									{background-color:#CCC;color:#555;font-family:Tahoma, Arial, sans-serif;font-size:.7em;letter-spacing:.06em;text-decoration:none;padding:1em}
.filter a:hover								{background-color:#222;color:#FFF;}
.current a									{background-color:#000;color:#FFF;font-weight:700;}
.sub-port-gallery 							{display: none !important}

/* portfolio items */
.portfolio li 								{float: left;}
.portfolio li:nth-child(5n)					{margin-right: 0;}
.portfolio a 								{text-decoration: none;font-size:1em; }
.portfolio-force-auto-height 				{height: auto !important}
.portfolio p 								{text-transform: none;}
.portfolio h4 								{text-transform: none;}

/* project brief */
.project-brief 				{background: none repeat scroll 0 0 #FFFFFF;margin-top: 1em;}
.project-brief .rule-top 	{margin-top: 20px;}
.services					{margin-top:.5em; margin-bottom:.5em;}
.services .tag-black		{line-height:2.25em;padding-top:.3em;}

/* map */
#my-map						{width: 100%;height: 400px;background-color: #CCC;}

/* ----------------------------------------------------------------------  
        CONTACT 
------------------------------------------------------------------------ */
#contact li												{padding-bottom:1em;}
#contact li:last-child									{padding-bottom:0;}
#contact h2, #contact h3, #contact p					{color:#fff; line-height:1.2em;}
#contact p												{padding-top:.35em;}
#contact .rule-top										{border-top:1px dashed #ccc;}
#contact ul												{margin-top:1em;}
#contact textarea										{margin-top:-1em;}
#contact .contact-info p 								{margin-left:3.5em; padding-top:.5em;}
#contact .contact-info .row 							{margin-bottom:1em!important;}

.phone {margin-left:50px; margin-top:5px; font-size:16px; font-weight:bold; color:#000;}

.field							{border-radius:4px 4px 4px 4px;display:block;margin-bottom:10px;padding-left:8px;padding-top:0;}
.text,.textbig,textarea			{background:url(../images/overlays/fullscreen_overlay_white-solid.png)repeat 0 0;border:1px solid #777777;}
.text							{height:28px;margin-top:-1em;margin-bottom:2.5em;float:left;}
.text-half-width				{height:28px;margin-top:-1em;margin-bottom:2.5em;width:48.5%;}
textarea						{height:210px;float:left; width:100%;}
input, label					{font-size:90%;}
input							{color:#888}

button 							{margin-top:0em;}
.button							{background:none repeat 0 0 #000;border:none;border-radius:0 0 0 0;color:#FFF;cursor:pointer;font-size:1.2em;font-weight:400;line-height:1em;padding:.5em;text-transform:uppercase;width:90px; float:left;}
.loader							{float:left;padding:0 10px;}
.ui-loader						{display:none;}
#subscribe-btn					{background:url(../images/icons/icon_sq_black_right-arrow.png) no-repeat scroll 0 0 transparent;border:medium none;cursor:pointer;display:block;float:left;font-size:0;height:30px;line-height:0;text-indent:-9999px;width:30px;}
#subscribe-box					{float:left;margin-bottom:12px;}
.error_message, #success_page	{background:none repeat scroll 0 0 #000;color:#fff;margin-bottom:20px;margin-top:5px; padding-left:1em;padding-right:1em;}
.error_message 					{padding-bottom:.5em;padding-top:.3em;}
#success_page 					{padding-bottom:.5em;}
#success_page strong			{color:#fff!important;}

/* ----------------------------------------------------------------------  
        FOOTER
------------------------------------------------------------------------ */
footer 							{bottom: 0;left: 0;margin: 0;padding:0;width: 100%;}
footer ul						{min-height:2.5em; }
.copyright p 					{color: #888888; line-height:1em; margin-left:-2em; padding-top:1em;}

/* ----------------------------------------------------------------------  
        Misc.
------------------------------------------------------------------------ */
/* search */
.widget	input[type="text"] 		{color: rgb(102, 102, 102);
	background: none repeat scroll 0% 0% rgb(236, 236, 236);
	border: none;
	margin-right:-.25em;
	padding: 0.5em;
	width:80%;}

button[type="submit"], input[type="submit"] 	{color:#fff;
	background: none repeat scroll 0% 0% #000;
	border: none;
	transition: background-color 0.3s ease 0s;
	}

button[type="submit"]	{width:7em;padding: 0.5em;}
input[type="submit"]  	{width:16%;padding: 0.4em;}


/* ----------------------------------------------------------------------  
        RESPONSIVE FIXES FOR PORTFOLIO
------------------------------------------------------------------------ */
@media only screen and (min-width: 890px) and (max-width: 1055px) {
    .portfolio li:nth-child(5n){margin-right:1em;}
    .portfolio li:nth-child(4n){margin-right:0;}
}

@media only screen and (min-width: 590px) and (max-width: 889px) {
    .portfolio li:nth-child(5n){margin-right:1em;}
    .portfolio li:nth-child(4n){margin-right:1em;}
    .portfolio li:nth-child(3n){margin-right:0;}

}
@media only screen and (min-width: 1645px) and (max-width: 1920px) {	
	.captiontexts {font-size:30px; !important}
	#tarifs .c4	  {width:30%!important;}

}
@media only screen and (min-width: 1500px) and (max-width: 1644px) {	
	.captiontexts {font-size:30px; !important}
	#tarifs .c4	  {width:25%!important;}

}
@media only screen and (min-width: 1000px) and (max-width: 1499px) {		
	.captiontexts {font-size:30px; !important}
	#tarifs .c4	  {width:40%!important; height:700px !important;}
	#tarifs .options-title, .options-title a {font-size:30px!important;}
	.environ {line-height:40px !important}

}
@media only screen and (min-width: 880px) and (max-width: 999px) {	
	.captiontexts {font-size:26px; !important}
	#tarifs .c4	  {height:700px !important; width:40%!important;}
	#tarifs .options-title, .options-title a {font-size:30px!important;}
	.environ {line-height:40px !important}

}
@media only screen and (min-width: 730px) and (max-width: 879px) {	
	.captiontexts {font-size:20px; !important}
	#tarifs .c4	  {height:750px !important; width:40%!important;}
	#tarifs .options-title, .options-title a {font-size:30px!important;}
	.environ {line-height:40px !important}

}
@media only screen and (min-width: 510px) and (max-width: 729px) {	
	.captiontexts {font-size:30px; !important}
	#tarifs .c4	  {height:620px !important; width:90%!important;}
	#tarifs .options-title, .options-title a {font-size:30px!important;}
	.environ {line-height:40px !important}

}
@media only screen and (min-width: 480px) and (max-width: 509px) {	
	.captiontexts {font-size:24px; !important}
	#tarifs .c4	  {height:620px !important; width:90%!important;}
	#tarifs .options-title, .options-title a {font-size:30px!important;}
	.environ {line-height:40px !important}

}
/*@media only screen and (min-width: 1270px) and (max-width: 1499px) {	
	.captiontexts {font-size:22px; !important}
	#tarifs .c4	{height:800px !important;}

}
@media only screen and (min-width: 1211px) and (max-width: 1269px) {
	.captiontexts {font-size:18px; !important}	
	#tarifs .c4	{height:800px !important;}
}
@media only screen and (min-width: 1056px) and (max-width: 1210px) {	
	.captiontexts {font-size:30px; !important}
	#tarifs .c4	{height:650px !important;}

}
@media only screen and (min-width: 961px) and (max-width: 1055px) {	
	.captiontexts {font-size:18px; !important}
	#tarifs .c4	{height:1000px !important;}

}
@media only screen and (min-width: 669px) and (max-width: 960px) {	
	.captiontexts {font-size:30px; !important}
	#tarifs .c4	{height:650px !important;}

}
@media only screen and (min-width: 669px) and (max-width: 960px) {	
	.captiontexts {font-size:20px; !important}
	#tarifs .c4	{height:650px !important;}

}

@media only screen and (min-width: 1270px) and (max-width: 1405px) {	
	#tarifs .c4	{height:770px !important;}

}*/

/* ----------------------------------------------------------------------  
        RESPONSIVE 
------------------------------------------------------------------------ */	

@media only screen and (min-width: 1330px) {	
	#logo { max-width:420px !important}
}
@media only screen and (max-width: 1329px) {	
	#logo { max-width:280px !important}
}



@media only screen and (min-width: 1224px) {
    .options-title {font-size:30px !important; display:inline-block; line-height:30px !important;}
    .options-title {font-size:30px !important; display:inline-block; line-height:30px !important;}
}
@media only screen and (min-width: 1024px) {
    .options-title {font-size:28px !important; display:inline-block; line-height:28px !important;}
    #direct .direct-list-row img 	{width:40%!important; height:auto;min-width:60%!important;}
}

@media only screen and (max-width: 1210px) {
    .options-title {font-size:28px !important; display:inline-block; line-height:28px !important;}
	#direct .direct-list-row img 	{width:80% !important; height:auto;min-width:80% !important;}
	.menu-style-1, .menu-style-2	{top:0!important;}
	nav 							{top: 0; position: relative}
    nav ul#navigation 				{float: none; padding: 0; margin: 0; height: auto; display: none}
    nav li 							{width: 100%; float: none; display: block; background: #000; border-bottom: 1px solid #7A7A7A}
    nav a:hover 					{border: none}
    #nav-icon		   	   		   	{display: block;}
	#one-page nav.stick 			{display: none}
	#nav-secondarypages #small-logo {display: none}	
	#logo { max-width:280px !important}

}

@media only screen and (min-width: 890px) and (max-width: 1055px) {
    .options-title {font-size:25px !important; display:inline-block; line-height:25px !important;}
	.carousel-text			    	{font-size:5em;}
	.carousel-text-huge			    {font-size:24em;}	
	.fullscreen-centered 			{margin-top:15%;}		
}

@media only screen and (min-width: 781px) and (max-width: 889px) {
    .options-title {font-size:17px !important; display:inline-block; line-height:17px !important}
    #about .c3			 {margin-bottom: 0 !important;margin-top: 0.5em !important;}
    #about .c9			 {margin-bottom: 0 !important;margin-top: 0 !important;}
    nav a				 {font-size:1.2em;}
	.carousel-text		 {font-size:6em;}
	.carousel-text-huge	 {font-size:22em;}
}
@media only screen and (min-width: 480px) and (max-width: 960px) {
    .options-title {font-size:17px !important; display:inline-block; line-height:17px !important}
	.carousel-text {font-size:40px !important;}
	#flexslider {margin-top:-80px !important;}
	#about .c1,#about .c2,#about .c3,#about .c4, #about .c5 {width:50%!important;margin-right:0;margin-left:0;margin-bottom:20px}
	#portfolio .c1,#portfolio .c2,#portfolio .c3,#portfolio .c4, #portfolio .c5 {width:50%!important;margin-right:0;margin-left:0;margin-bottom:20px}
	/*#tarifs .c1,#tarifs .c2,#tarifs .c3, #tarifs .c5  {width:50%!important;margin-right:0;margin-left:0;margin-bottom:20px}*/
	.fullscreen-centered 								{margin-top:45%;}
}

@media only screen and (min-width: 480px) and (max-width: 780px) {
    .options-title {font-size:11px !important; display:inline-block; line-height:11px !important}
    #about .c3			 {margin-bottom: 0 !important;margin-top: 0.5em !important;}
    #about .c9			 {margin-bottom: 0 !important;margin-top: 0 !important;}
	.carousel-text		 {font-size:6em;}
	.carousel-text-huge	 {font-size:22em;}
	.link-module-icons li{min-height:3em;}
		
}
@media only screen and (max-width: 479px) {
    .options-title {font-size:15px !important; display:inline-block; line-height:15px !important}
   	h2													{font-size:2.8em; margin-bottom:.5em;}
	.big-text											{font-size:1.25em;margin-bottom:0em}
	.callout											{font-size:2.3em;}
	#contact li											{padding-bottom:1.75em;}
	#contact p											{padding-top:.65em;}
	#home .bottom-module-centered						{display: none}
	.fullscreen-centered 								{margin-top:45%;}
	.carousel-text {font-size:40px !important;}
	#logo { max-width:200px !important}
	#logo-trans	 .align-left			 						{float:none!important;}
	#my-map												{height: 200px;}
	#spacefloat { height:1000px; content:"";}
	#tarifs .c4	  {height:620px !important; width:110%!important;}
	.captiontexts {font-size:24px; !important}
	#tarifs .options-title, .options-title a {font-size:30px!important;}
	.environ {margin-bottom:2px !important;}

}
ul.portfolio li {
  padding-right: 100px;
}