@charset "utf-8";
/*  ## RESET BROWSER DEFAULT CSS  ---------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul {
	list-style-image:url(../images/unordered_list_item.png);
	padding:0 0 0 18px;
}
ul li{
	margin:0 0 .5em 3.57142857em/*50/14*/;}
ul.square{ list-style-image:url(../images/square.gif);}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
::-moz-selection{ background:#ECB3CA; color:#5D5D5C;}
::selection{ background:#ECB3CA; color:#5D5D5C;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {color:#767675;}
a:hover {color:#969695;}
a img{border:0;}

body {
	margin:0;
	padding:0;
	font-family:"ColaborateLightRegular", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:0.875em; /*14/16*/
	line-height: 1.64286em;
}
	
input,textarea {
	font:normal normal 12px/15px "ColaborateLightRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:1.8571286em;/*12/14*/
	line-height:1.07142857em;/*15/14*/
	color:#7f7f7d;
	resize:none;}
label.invalid,
label.invalid	{display:block; line-height:1.64285714em;/*23/14*/ height:1.64285714em; white-space:nowrap; background:url(../images/contact/ico_validation.png) no-repeat 0 0;
padding:0 0 0 2.14285714em;/*30/14*/; margin:0.35714286em 0 0;/*5/14*/text-align:left;}
label.invalid	{color:#ee5f5f;}
label.valid	{background-position:0 -100px; color:#8bba49;}

/*  ## TYPOGRAPHY  ------------------------------------------------------------------*/
h1 		{font-family: "ColaborateThinRegular", Arial, Helvetica, sans-serif; font-weight:normal;
			color:#5d5d5c;
			font-size:4em;/*56/14*/
			line-height:1em;/*56/56*/
			margin:0 0 2.14285714em;/*30/14*/
			padding:0;
			text-shadow: 1px 1px #fff;}
h2,
h3 {
	font-family: "ColaborateThinRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#a09f9e;
	font-size:1.28571429em;/*18/14*/
	line-height:1.33333333em;/*24/18*/
	margin:0 0 2.85714286em;/*40/14*/
	padding:0;
	text-shadow: 1px 1px #FFFFFF;
	text-align:justify}
h2			{
	font-family: "ColaborateThinRegular", Arial, Helvetica, sans-serif;
	font-size:1.64285714em;/*23/14*/
	line-height:1.39130435em;/*32/23*/
	color:#515151;
	margin:0 0 1.07142857em;/*15/14*/
	padding:0;}
h4,	h4 a	{
	font:normal normal 15px/1.2em 'ColaborateRegular', Arial, Helvetica, sans-serif;
	font-size:1.07142857em;/*15/14*/
	color:#525251;
	margin:0 0 1.07142857em;
	padding:0;
	text-transform:uppercase;
	text-shadow: 1px 1px #FFFFFF;
	text-decoration:none;}
h5 {
	font-family: "ColaborateThinRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#a09f9e;
	font-size:1.21428571;/*17/14*/
	line-height:1.71428571em;/*24/14*/
	margin:0 0 1.07142857em;/*15/14*/
	padding:0;
	text-shadow: 1px 1px #FFFFFF;
	text-decoration:none;}	
p {
	font-family: "ColaborateLightRegular", Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:0 0 2.14285714em;/*30/14*/}
p strong	{font-weight:normal; color:#696867;}
small{ font-size:0.78571429em;/*11/14*/}
/* ## COULEURS DE REFERENCE ## */
/*      texte de labeur : #a09f9e */


/*  ## ACCESSIBLE HIDE  -------------------------------------------------------------*/
.accessibility {
	display: block;
	height: 0;
	left: -3000px;
	line-height: 0;
	position: absolute !important;
	text-decoration: none;
	top: -3000px;
	visibility: hidden;
	width: 0;
}

/* CLASSES */
.fl {
	float:left;
}
.fr {
	float:right;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
.l {
	text-align:left;
}
.j {
	text-align:justify;
}
.lower{
	text-transform:lowercase;
	}
.upper{
	text-transform:uppercase;
	}
:root *> .hover:hover{/* !IE*/
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
	-moz-opacity: .75;
	opacity: 0.75;}

.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.Pointer,.PointerNext,.PointerBack,.PointerUp,.PointerDown{ background:url(../images/pointer.png) no-repeat 0 0; text-decoration:none; color:#767675;} 
.PointerNext{background-position:right 0; padding-right:15px;}
.PointerBack{background-position:0 -50px;padding-left:15px;}
.PointerUp{background-position:right -100px; padding-right:15px;}
.PointerDown{background-position:right -150px; padding-right:15px;}

.btGrey		{
	cursor:pointer; display:-webkit-inline-box; display:-moz-inline-box; display:inline-block;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	padding:0 20px; line-height:22px;color:#767675; font-size:14px; text-decoration:none;background-color:#e3e1dd; }

.btGrey.PointerBack			{left:0; 	padding-left:30px; 		background-position: 8% 	-48px}
.btGrey.PointerNext			{right:0;	padding-right:30px;		background-position: 92% 	2px;}

.separate				{
	clear: both;
	display: block;
	overflow: hidden;
	float:left;
	width: 100%;
	height: 0;
	border-top:1px dotted #111;
	padding-top:8px;
	margin:30px 0;}

.GoTop{padding-left:30px; background:url(../images/arrow_disc.png) no-repeat 0 0; float:right; color:#525251; font-size:12px; line-height:25px;  cursor:pointer;}
a:hover.GoTop{-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;}

/*  ## GRIDS  --------------------------------------------------------------------*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position:relative;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
	width:60px;
}
.container_12 .grid_2 {
	width:140px;
}
.container_12 .grid_3 {
	width:220px;
}
.container_12 .grid_4 {
	width:300px;
}
.container_12 .grid_5 {
	width:380px;
}
.container_12 .grid_6 {
	width:460px;
}
.container_12 .grid_7 {
	width:540px;
}
.container_12 .grid_8 {
	width:620px;
}
.container_12 .grid_9 {
	width:700px;
}
.container_12 .grid_10 {
	width:780px;
}
.container_12 .grid_11 {
	width:860px;
}
.container_12 .grid_12 {
	width:940px;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
	padding-left:80px;
}
.container_12 .prefix_2 {
	padding-left:160px;
}
.container_12 .prefix_3 {
	padding-left:240px;
}
.container_12 .prefix_4 {
	padding-left:320px;
}
.container_12 .prefix_5 {
	padding-left:400px;
}
.container_12 .prefix_6 {
	padding-left:480px;
}
.container_12 .prefix_7 {
	padding-left:560px;
}
.container_12 .prefix_8 {
	padding-left:640px;
}
.container_12 .prefix_9 {
	padding-left:720px;
}
.container_12 .prefix_10 {
	padding-left:800px;
}
.container_12 .prefix_11 {
	padding-left:880px;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
	padding-right:80px;
}
.container_12 .suffix_2 {
	padding-right:160px;
}
.container_12 .suffix_3 {
	padding-right:240px;
}
.container_12 .suffix_4 {
	padding-right:320px;
}
.container_12 .suffix_5 {
	padding-right:400px;
}
.container_12 .suffix_6 {
	padding-right:480px;
}
.container_12 .suffix_7 {
	padding-right:560px;
}
.container_12 .suffix_8 {
	padding-right:640px;
}
.container_12 .suffix_9 {
	padding-right:720px;
}
.container_12 .suffix_10 {
	padding-right:800px;
}
.container_12 .suffix_11 {
	padding-right:880px;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
	left:80px;
}
.container_12 .push_2 {
	left:160px;
}
.container_12 .push_3 {
	left:240px;
}
.container_12 .push_4 {
	left:320px;
}
.container_12 .push_5 {
	left:400px;
}
.container_12 .push_6 {
	left:480px;
}
.container_12 .push_7 {
	left:560px;
}
.container_12 .push_8 {
	left:640px;
}
.container_12 .push_9 {
	left:720px;
}
.container_12 .push_10 {
	left:800px;
}
.container_12 .push_11 {
	left:880px;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
	left:-80px;
}
.container_12 .pull_2 {
	left:-160px;
}
.container_12 .pull_3 {
	left:-240px;
}
.container_12 .pull_4 {
	left:-320px;
}
.container_12 .pull_5 {
	left:-400px;
}
.container_12 .pull_6 {
	left:-480px;
}
.container_12 .pull_7 {
	left:-560px;
}
.container_12 .pull_8 {
	left:-640px;
}
.container_12 .pull_9 {
	left:-720px;
}
.container_12 .pull_10 {
	left:-800px;
}
.container_12 .pull_11 {
	left:-880px;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*
---------------------------------------- MASTER ------------------------------------------------------------*/
.Global {}
.Header { height:128px;}
.Container {}
.LeftFlag							{position:absolute; left:0;width:240px !important;}/*pages internes : colonne gauche*/
.LeftFlag p						{ letter-spacing:-0.05em;}
/*  ## FOOTER  ----------------------------------------------------------------------*/
.Footer {
	width:100%;
	clear:both;
	margin:80px 0 0;
	padding:30px 0 30px;
	color:#828280;
	font-size:0.9em;
}
.Footer  a{
	color:#828280;
	text-decoration:none;
	}
.Footer  a:hover{
	color:#3C3C3C;}
	.Footer  h4{margin:0 0 20px;}
.Footer  h4,
.Footer  h4 a{
	color:#525251;
	font-size:13px;
	text-transform:uppercase;	
	text-shadow: 1px 1px #fff;}
	
.Footer	.Copyright p			{color:#adacab; font-size:0.71428571em;/*10/14*/ line-height:1.2em; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;}
.Footer	.Copyright a			{color:#83837f;}
.Footer	.Copyright a:hover	{color:#adacab; text-decoration:underline ;}

.Footer	.Footer_SiteMap		{}
.Footer	.Footer_ActuBlog		ul		{margin:0; padding:0; list-style:none;}
.Footer	.Footer_ActuBlog		li		{margin:0 0 9px; text-align:left; padding-left:10px; background:url(../images/chevrons.gif) no-repeat 0 0.7em; line-height:16px;}
.Footer	.Footer_ActuBlog		li	 a	{display:block;}
.Footer	.Footer_ActuBlog		h4	a{ display:block; background:url(../images/footer_icon_rss.gif) no-repeat 0 .1em; padding-left:18px;}

.Footer	.Footer_Contact		{}
p.Email,
p.Tel,
p.Email,
p.Adresse,
p.GoogleMaps 	{line-height:16px; margin-bottom:6px; padding-left:26px; position:relative;}
p.Email		s,
p.Tel			s,
p.Email		s,
p.Adresse 	s,
p.GoogleMaps s{display:block;width:26px; height:16px; position:absolute; top:0; left:0; background:url(../images/footer_contact_icons.gif) no-repeat 50%;}
p.Email 		a,
p.Tel 			span,
p.Email 		span,
p.Adresse 	span	 {line-height:16px;display:-moz-inline-box; display:-webkit-inline-box; display:inline-block; padding:1px 5px;height:16px;background:#ECB3CA;text-decoration:none; color:#828280; white-space:nowrap;}
p.Tel s							{background-position:left top;}
p.Email 	s					{background-position:right top;}
p.Adresse s					{background-position:left bottom;}
p.GoogleMaps s			{background-position:right bottom; height:20px;}
p.GoogleMaps a 		{color:#525251; font-weight:normal; text-decoration:none;}
p.GoogleMaps a:hover {color:#666; text-decoration:underline;}

.Footer	.Footer_Newsletter	{}
.Footer	.Footer_Newsletter	#confimationInscriptionNewsletter	{ text-align:center; background:url(../images/footer_check.gif) no-repeat 50% 0; padding-top:60px; margin-bottom:8px; line-height:1.2em;}
.Footer	.Footer_Newsletter	p		{margin:0 0 4px; line-height:1.4em;}
.Footer	.Footer_Newsletter	p.note{font-size:9px; line-height:12px; color:#adacab; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;}
.Footer	.Footer_Newsletter	#inscription_newsletter 	{display:inline; margin:0; padding:0; }
.Footer	.Footer_Newsletter	#inscription_newsletter_form					{position:relative;}
.Footer	.Footer_Newsletter	#inscription_newsletter_form	label.valid,
.Footer	.Footer_Newsletter	#inscription_newsletter_form	label.invalid		{ height:25px; display:block; clear:both; margin-bottom:5px;/*position:absolute; top:50px; left:0; margin:0;*/}
.Footer	.Footer_Newsletter	#inscription_newsletter_email 	{
	margin:10px 0;
	background:#e3e1dd; color:#a0a09e;
	font-size:0.85714286em;/*12/14*/ line-height:2.5;/*35/14*/
	border:1px solid #cecdc8;
	height:2.35714286em;/*33/14*/
	width:70%;/*160/200 -10*/
	padding:0 0.71428571em;/*10/14*/
	float:left;
	-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
	.Footer	.Footer_Newsletter	#inscription_newsletter_email:hover 	{background-color:#eceae7; border-color:#d7d6d2;}
	.Footer	.Footer_Newsletter	#inscription_newsletter_email:focus 	{border-color:#e3e0da;
	-moz-box-shadow: 1px 1px 3px #fff, inset 1px 1px 2px rgba(106, 106, 105, 0.1); /*#6A6A69*/
  	-webkit-box-shadow: 1px 1px 3px #fff, inset 1px 1px 2px rgba(106, 106, 105, 0.1); 
  	box-shadow: 1px 1px 3px #fff, inset 1px 1px 2px rgba(106, 106, 105, 0.1);}
.Footer	.Footer_Newsletter	#inscription_newsletter_submit {
	margin:10px 0 10px 2px;
	padding:0 6px;
	cursor:pointer;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;
	font-size:1em;/*14/14*/
	text-shadow:#dededd 1px 1px 1px;
	background:#c7c6c4;color:#6a6a69;
	font-size:0.78571429em;/*11/14*/
	line-height:2.14285714em;/*30/14*/
	height:2.8em;/*35/14 +0.2*/
	border:1px solid #b7b5b2;
	width:15.909091%;/*35/220*/
	float:left;
	-webkit-appearance:none;
	-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px; 
	-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
	.Footer	.Footer_Newsletter	#inscription_newsletter_submit:hover { background-color:#d0cfcd;}

.Footer	.FooterBottom						{border-top:1px dotted #333; padding:30px 0; margin-top:20px;}

.Footer .SocialNetworks 					{background:url(../images/social_network_invit.gif) no-repeat left bottom; height:50px;}
.Footer .SocialNetworks h3				{ margin:0; position:absolute; width:162px; height:37px; bottom:0; left:0; display:none;}
.Footer .SocialNetworks h3 img		{ max-width:100%; height:auto;}

.SocialNetworks a					{
	display:-moz-inline-box; display:-webkit-inline-box; display:inline-block; float:right;
	width:20px; height:20px;margin:0 0 0 4px; font-size:0; line-height:0; text-indent:-10000px; overflow:hidden;
	background:url(../images/social_network_icons.gif) no-repeat 50%;}
:root *> .SocialNetworks a { background-image:url(../images/social_network_icons.png);}
.SocialNetworks a.Facebook		{ background-position:0 0;}
.SocialNetworks a.Twitter			{ background-position:-30px 0;}
.SocialNetworks a.Flickr			{ background-position:-60px 0;}
.SocialNetworks a.FluxRSS		{ background-position:-90px 0;}
.SocialNetworks a.Viadeo			{ background-position:0 			-30px;}
.SocialNetworks a.LinkedIn		{ background-position:-30px -30px;}
.SocialNetworks a.EmailCrew	{ background-position:-60px -30px;}

.Footer	.FooterBottom		.AccesClient	{}
.Footer	.FooterBottom		.AccesClient	a							{
	background-color:#e3e1dd;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:0.78571429em;/*11/14*/
	line-height:20px;
	color:#828280; float:left; width:49%;
	text-align:center; }
.Footer	.FooterBottom		.AccesClient	a.EspaceClient		{
	float:right;
	padding-left:20px;
	padding-right:4%;
	width:35%;
	background:url(../images/footer_espaceclient_icon.gif) no-repeat 10% 4px #e3e1dd;}

#Veil		{background: /*url(../images/ico_loading.gif) no-repeat 50%*/ ; width:100%; height:100%; position:absolute; top:0; left:0;  display:none; z-index:1000;}
/*
Logo --------------------------------------- */
.Logo	 	{display:block; min-height:1px;}
.Logo	 a	{
	display:block;
	position:absolute;
	width:300px;
	height:200px;
	top:-19px;
	left:268px;
	text-align:center;
}
/*
Menu --------------------------------------- */
.Menu		{margin-top:2.42857143em;/*34/14*/}
.Menu	a	{display:block; float:left; margin-right:2.14285714em;/*30/14*/
				font-family: "ColaborateLightRegular", Arial, Helvetica, sans-serif; font-size:1.21428571em; color:#b2b1af; text-decoration:none;}
.Menu	br	{display:none;}
.HOME 			.Menu a.menu1,
.STUDIO 		.Menu a.menu2,
.SERVICES		.Menu a.menu3,
.PORTFOLIO	.Menu a.menu4,
.BLOG 			.Menu a.menu5,
.CONTACT		.Menu a.menu6	{color:#3c3c3c; cursor:default;}

/*
SideMenu --------------------------------------- */
.SideMenu		{position:absolute; width:257px; top:100px; left:50%; margin-left:-470px; background:#f5f4f1; z-index:400;}
.SideMenu	a	{
	-moz-opacity:.3; filter:alpha(opacity=30); opacity:.3;
	font-family: "ColaborateLightRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:17px; line-height:28px; color:#3c3c3c; text-decoration:none;
	display:block;
	text-align:left;
	height:38px;
	position:relative;
	padding-left:60px;
	background:url(../images/sidemenu_item_bg.gif) no-repeat right 0;
	text-shadow: 1px 1px #FFF;}
.SideMenu	a span	{
	display:block;
	position:absolute;
	top:0; left:0;
	width:60px; height:30px;
	background:url(../images/sidemenu_arrows.png) no-repeat 50% 0;}
.SideMenu	a span.arrow2	{background-position:50% -100px;}	
.SideMenu	a span.arrow3	{background-position:50% -200px;}
.SideMenu	a span.arrow4	{background-position:50% -300px;}
.SideMenu	a span.arrow5	{background-position:50% -400px;}

.SideMenu		.SideMenu_Studio,
.SideMenu		.SideMenu_Services,
.SideMenu		.SideMenu_Portfolio,
.SideMenu		.SideMenu_Contact		{display:none;}

.STUDIO 			.SideMenu		.SideMenu_Studio,
.SERVICES			.SideMenu		.SideMenu_Services,
.PORTFOLIO		.SideMenu		.SideMenu_Portfolio,
.CONTACT		.SideMenu		.SideMenu_Contact		{display:block;}

.Equipe					.SideMenu	a.lien_Equipe,
.NotreMethode		.SideMenu	a.lien_NotreMethode,
.Ecologie				.SideMenu	a.lien_Ecologie,
.Charte					.SideMenu	a.lien_Charte,
.Prestations			.SideMenu	a.lien_Prestations,
.SavoirFaire			.SideMenu	a.lien_SavoirFaire		{-moz-opacity:1; filter:alpha(opacity=100); opacity:1; cursor: default;}

/*
mainContent --------------------------------------- */
.mainContent	{min-height:300px; position:relative;}

.Situation {font-family: "ColaborateLightRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:27px; text-shadow: 1px 1px #edec76;
	display:-moz-inline-box; display:-webkit-inline-box; display:inline-block;color:#a7a500; background-color:#dedc00; height:40px; line-height:40px; padding:0 15px; margin:0 0 30px; }
.Situation strong{color:#5d5d5c; font-weight:normal;}

/*
Encarts/Inserts --------------------------------------- */
.LeftInsert					{padding:0 36px; color:#767675;}/*colonne gauche : bloc sans fond*/

.GreyDarkInsert 				{color:#fff; background:#83837f;padding:8px 30px; margin:10px 0 20px;}
.GreyDarkInsert a,
.GreyDarkInsert a strong	{text-decoration:none; color:#dedc00;}
.GreyDarkInsert a:hover 	{color:#f0ec00; text-shadow:#d2ce00 0 0 4px;}

.GreyLightInsert 				{ color:#767675; background:#e2e1dc;padding:20px 20px; margin:0 0 70px;}

/* bloc contact bas de page*/
.ContactInsert 					{ font:normal normal 20px/1em "ColaborateThinRegular", Arial, Helvetica, sans-serif; text-align:left;}
.ContactInsert a.Follow 		{display:-moz-inline-box; display:-webkit-inline-box; display:inline-block;padding-right:30px; position:relative;}
.ContactInsert a.Follow span {
	display:block;
	position:absolute;
	top:-.1em; right:0;
	width:30px; height:30px;
	background:url(../images/sidemenu_arrows.png) no-repeat 0 -50px;}
	
/* bloc contact bas de page*/
.QuoteInsert 					{ font:normal normal 19px/1.2em "ColaborateLightRegular", Arial, Helvetica, sans-serif; text-align:justify; color:#a09f9e;}
/* bloc citation, accroche, t�moignage : guillemets */
.Quote									{position:relative;}
.Quote		.QuoteInner			{ padding:0 0 0 56px;}
.Quote		.QuoteInner			.QuoteOpen,
.Quote		.QuoteInner			.QuoteClose	{ display:block; position:absolute; background:url(../images/double_quotes.gif) no-repeat 0 0; width:24px; height:20px;}
.Quote		.QuoteInner			.QuoteOpen	{ background-position:0 0;			top:0; left:18px;}
.Quote		.QuoteInner			.QuoteClose	{ background-position:0 -50px;	right:0; bottom:-3px;}
/*
---------------------------------------- HOME ------------------------------------------------------------*/
.HOME	.Header			{height:210px;}
.Presentation				{display:none;}/*visible uniquement sur la Home*/
.HOME	.Presentation	{
	display:block;
	height:51px;
	position:absolute;
	top:215px;
	left:-287px;
	width: 610px;
	visibility: visible;
}
.HOME	.Presentation h1			{font-family: "ColaborateThinRegular", Arial, Helvetica, sans-serif;font-size:23px; line-height:32px; color:#515151;margin:0; padding:0;}
.HOME	.Presentation h2			{font-family: "ColaborateThinRegular", Arial, Helvetica, sans-serif; font-weight:normal; color:#a09f9e; font-size:18px; line-height:24px; margin:0; padding:0; text-shadow: 1px 1px #FFFFFF; text-align:justify}

.Diaporama				{background:url(../images/home/diaporama_shadow.gif) no-repeat right bottom ; padding-bottom:23px; margin-bottom:20px;}
.DiaporamaInner			{
	padding:10px;
	height:310px;
	background-image: url(../images/home/diaporama_background.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.HomePhotos div.Triptyque 				{position:relative; height:200px;}
.HomePhotos div.Triptyque h3,
.HomePhotos div.Triptyque h3 a		{ text-decoration:none;color:#525251;font-family: "ColaborateLightRegular", Arial, Helvetica, sans-serif; font-size:24px; line-height:30px; }
.HomePhotos div.Triptyque h3			{
	position:absolute;
	left:0;
	top:-10px;
	background:#dedc00;
	padding:0 10px;
	margin:0;
	z-index:2;
	text-shadow:#eceb9f 1px 1px 2px;
	background-color: #ECB3CA;
}
.HomePhotos div.Triptyque img		{display:block; margin-bottom:20px; height:109px;}
.HomePhotos div.Triptyque p			{ text-align:justify;}

/*
---------------------------------------- STUDIO ------------------------------------------------------------*/

/* -------- Equipe --------*/
.Trombinoscope	{height:500px; width:100%; overflow:hidden; position:relative;}
.Trombinoscope	.Inner				{width:100%; height:100%;position:relative;}
.Trombinoscope	.photoEquipe	{width:940px; height:350px; position:absolute; top:0; left:0; z-index:4;}
.Trombinoscope	.Profil				{width:960px; height:100%; background:#f5f4f2; position:absolute; top:0; left:960px; z-index:5;}
.Trombinoscope	.Profil		.bt_close		{cursor:pointer; display:block; position:absolute; top:0; right:0; width:26px; height:26px; background:url(../images/bt_close.png) no-repeat 50%;}

.Trombinoscope	.photoEquipe		.Acces							{ cursor:pointer; display:block; position:absolute; height:70px; font-family:"ColaborateThinRegular", Arial, Helvetica, sans-serif; color:#8f8f8c; font-size:16px; z-index:140;}
.Trombinoscope	.photoEquipe		.Acces		s					{display:block; width:30px; height:30px; position:absolute; background:url(../images/studio/equipe/profil_arrows.png) no-repeat 0 0;}
.Trombinoscope	.photoEquipe		.Acces		strong			{display:block; margin:0; font-family:"ColaborateLightRegular", Arial, Helvetica, sans-serif; font-weight:normal; line-height: 1.2em}
.Trombinoscope	.photoEquipe		.Acces		.statut			{display:block; line-height: 1.2em}
.Trombinoscope	.photoEquipe		.Acces		.btGrey		{margin:8px auto 0;}
.Trombinoscope	.photoEquipe		.AccesBenjamin		{top:136px; 				left:105px;}
.Trombinoscope	.photoEquipe		.AccesSamuel			{bottom:0; 					left:250px;}
.Trombinoscope	.photoEquipe		.AccesEmeline		{top:10px; 					right:120px;}
.Trombinoscope	.photoEquipe		.AccesBaptiste		{bottom:135px; 		right:-5px;}
.Trombinoscope	.photoEquipe		.AccesBenjamin	s	{background-position:0 0;						right:-10px; 		top:-35px;}
.Trombinoscope	.photoEquipe		.AccesSamuel		s	{background-position:-30px 0; 				right:-35px; 		top:15px;}
.Trombinoscope	.photoEquipe		.AccesEmeline	s	{background-position:0 -30px; 				left:0; 					bottom:-30px;}
.Trombinoscope	.photoEquipe		.AccesBaptiste	s	{background-position:-30px -30px; 	left:-35px; 			top:25px}

.Trombinoscope	.EcranSelection										{ position:relative; width:940px;	height:350px; background:url(../images/studio/equipe/equipe.png) no-repeat 0 0;}
.Trombinoscope	.EcranSelection	.Equipe						{ position:absolute; top:0;		left:0; 	z-index:100; width:940px; height:300px;}
.Trombinoscope	.EcranSelection	.photoID						{ display:block; cursor:pointer; position:absolute; z-index:99; background:url(../images/studio/equipe/equipe_benjamin.png) no-repeat 0 0; } 
.Trombinoscope	.EcranSelection	.photoIDBenjamin		{top:60px;		left:238px;		width:265px;		height:118px; 	background-image:url(../images/studio/equipe/equipe_benjamin.png);} 
.Trombinoscope	.EcranSelection	.photoIDSamuel			{top:164px;	left:349px;		width:296px;		height:122px;	background-image:url(../images/studio/equipe/equipe_samuel.png);} 
.Trombinoscope	.EcranSelection	.photoIDEmeline		{top:42px;		left:415px; 		width:256px;		height:104px;	background-image:url(../images/studio/equipe/equipe_emeline.png);}
.Trombinoscope	.EcranSelection	.photoIDBaptiste		{top:145px;	left:542px;		width:287px;		height:110px;	background-image:url(../images/studio/equipe/equipe_baptiste.png);}
.Trombinoscope	.EcranSelection	.Survol							{/*background-position:0 -300px;*/-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}


.Profil		.Bio		h4	{ font-family:"ColaborateLightRegular", Arial, Helvetica, sans-serif;}
.Profil		.Bio		h4,
.Profil		.Bio		h5,
.Profil		.Bio		p	{ margin:0;}
.Profil		.Bio		p		{ color:#767675;}
.Profil		.Bio		.SocialNetworks 	{margin:5px 0 30px;}
.Profil		.Bio		.SocialNetworks a	{float:left;}

.Profil		img.Photo			{position:relative; z-index:50; top:30px; left:0;}

.Trombinoscope	.Profil		.clickPrevious,
.Trombinoscope	.Profil		.clickNext		{position:absolute;bottom:0; cursor:pointer;
display:-webkit-inline-box; display:-moz-inline-box; display:inline-block;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
padding:0 20px; line-height:22px;color:#767675; font-size:14px; text-decoration:none;background-color:#e3e1dd; }
.Trombinoscope	.Profil		.clickPrevious	{left:0; 	padding-left:30px; 		background-position: 8% 	-48px}
.Trombinoscope	.Profil		.clickNext		{right:0;	padding-right:30px;		background-position: 92% 	2px;}


.Profil	div.Gouts				{padding:35px 0 0; position: absolute; top:295px; left:0; width:100%; background: url(../images/studio/equipe/profil_bg.gif) no-repeat center top; margin-top:20px; z-index:49;}

.Profil	div.Domaine			{display:block; float:left; position:relative; padding-left:36px; padding-top:3px; text-decoration:none;}
.Profil	div.Domaine s		{display:block; position:absolute; top:0; left:0; width:26px; height:26px; background: url(../images/studio/equipe/picto_profil.png) no-repeat 0 0;}
.Profil	div.Domaine,
.Profil	div.Domaine p				{ margin:0; font-size:13px; line-height:20px; color:#acacaa; text-align:left;}
.Profil	div.Domaine p strong	{ color:#686867; font-weight:normal;}
.Profil	div.Citation p,
.Profil	div.Musique p					{ font-style:italic;}
.Profil	div.Musique p strong	{ font-style:normal;}
.Profil	div.Citation p strong		{ font-style:normal; display:block;}

.Profil 	div.Musique 			{ width: 350px; 	height:100px; 	margin-left:80px;}
.Profil 	div.Cinema 			{ width: 220px;	height:30px; 		margin-right:30px; }
.Profil 	div.Gastronomie 	{ width: 140px;	height:30px;}
.Profil 	div.Citation 			{ width: 220px;	height:70px; 		margin-right:30px; }
.Profil 	div.Boisson 			{ width: 140px;	height:70px;}

.Profil 	div.Musique s			{ background-position:0 0;}
.Profil 	div.Cinema s			{ background-position:-30px 0;}
.Profil 	div.Gastronomie s	{ background-position:-60px 0;}
.Profil 	div.Citation s			{ background-position:0 -30px;}
.Profil 	div.Boisson s			{ background-position:-30px -30px;}

/* -------- Ecologie --------*/
.Ecologie .Numbers						{ color:#767571; }
.Ecologie .Numbers	.Nb				{ font:normal normal 56px/1em "FontinSansRegular", Arial, Helvetica, sans-serif; margin:30px 0 10px; text-shadow:1px 1px #f6f4ef;}
.Ecologie .RecyclageDechets,
.Ecologie .UtilisationPapier,
.Ecologie .Gaspillage,
.Ecologie .SelectionPartenaires,
.Ecologie .ServeursEcologiques,
.Ecologie .ReflexeEcologique,
.Ecologie .ElectriciteVerte					{margin-bottom:50px; position:relative;}

.Ecologie .noteGobelet						{position:absolute; top:-23px; left:-120px;}
.Ecologie .SiteEcologique			h4{
	background: url(../images/studio/ecologie/picto_ecologie.png) no-repeat -1000px 0;
	padding-left:54px;
	line-height:40px;}
.Ecologie .RecyclageDechets 					h4{background-position:0 0;				margin-bottom:10px;}
.Ecologie .UtilisationPapier						h4{background-position:0 -100px;		margin-bottom:10px;}
.Ecologie .Gaspillage									h4{background-position:0 -200px;		margin-bottom:10px;}
.Ecologie .SelectionPartenaires				h4{background-position:0 -300px;		line-height:15px; padding-top:0.3em; padding-bottom:0.1em;}
.Ecologie .ServeursEcologiques				h4{background-position:0 -400px;		line-height:15px; padding-top:0.3em; padding-bottom:0.1em;}
.Ecologie .ReflexeEcologique					h4{background-position:0 -500px;		line-height:15px; padding-top:0.3em; padding-bottom:0.1em;}
.Ecologie .ElectriciteVerte	h4{background-position:0 -600px;		line-height:15px; padding-top:0.3em; padding-bottom:0.1em;}
.Ecologie .ElectriciteVerte img	{margin-top:80px;}

/* -------- Notre m�thode ---------*/
.NotreMethode .blocMethode			{margin-bottom:40px;}
.NotreMethode .blocMethode h4		{font-size:23px; font-family:"ColaborateLightRegular", Arial, Helvetica, sans-serif; margin-bottom:5px;}
.NotreMethode .blocMethode img	{background-color:#e3e2e0; padding:13px; margin-bottom:5px;}
.NotreMethode	.Number					{ font:normal normal 80px/1em "FontinSansRegular", Arial, Helvetica, sans-serif;
															margin:-30px 0 30px; text-shadow:1px 1px #f6f4ef; text-align:center;}
.NotreMethode	.Basecamp				{margin-top:76px; text-align:center;}
.NotreMethode	.Basecamp h4			{ margin:20px 0 10px; text-transform:none;}
.NotreMethode	.Basecamp p				{ text-align: justify; letter-spacing:-.6px;}

.NotreMethode		div.SimpleCommeBonjour			{ background:#e3e1dd; padding:30px; margin:0 0 60px;}
.NotreMethode		div.SimpleCommeBonjour	p		{float:right; width: 350px;}
.NotreMethode		div.SimpleCommeBonjour	img	{float:left;}
/*
---------------------------------------- SERVICES ------------------------------------------------------------*/
/*page savoir-faire*/
.SERVICES .SavoirFaire 					h4{
	background: url(../images/services/savoir_faire/picto_savoir_faire.png) no-repeat -1000px 0;
	padding-left:54px;
	line-height:35px;}
.SERVICES .DirectionArtistique,
.SERVICES .WebdesignIntegration,
.SERVICES .DeveloppementWeb,
.SERVICES .IdentiteVisuelle					{margin-bottom:50px;}
.SERVICES .DirectionArtistique 			h4{background-position:0 0;}
.SERVICES .WebdesignIntegration		h4{background-position:0 -100px;}
.SERVICES .DeveloppementWeb			h4{background-position:0 -200px;}
.SERVICES .IdentiteVisuelle					h4{background-position:0 -300px;}

/*page prestations*/
.Prestations		h2{ margin-bottom:15px;}
.Prestations		.Side1,
.Prestations		.Side2						{height:560px; margin-bottom:50px; position:relative;}
.Prestations		.Side2	.Visuel			{text-align:right;}

.Prestations		.Side2	.Passion,
.Prestations		.Side1	.Concretement	{position:absolute; margin:0; bottom:0; left:0;}
.Prestations		.Side1	.Concretement	{ padding:30px 34px;}
.Prestations		.Side1	.Concretement	 h4	{ font:normal normal 18px/1em "ColaborateLightRegular", Arial, Helvetica, sans-serif;  text-transform:none; margin-bottom:10px; text-shadow:none;}
.Prestations		.Side1	.Concretement	 p		{ color:#a09f9e; line-height:1.2em;margin-bottom:10px;}
.Prestations		.Side1	.Concretement	 ul.square		{padding:0; }
.Prestations		.Side1	.Concretement	 ul.square li	{ margin:0 0 0.2em 25px}

.Prestations		.blocPrestation		{ position:relative; margin-bottom:35px; margin-top:30px;}
.Prestations		.blocPrestation h3	{font:normal normal 15px/1.2em 'ColaborateRegular', Arial, Helvetica, sans-serif; color:#525251;margin:0 0 15px; padding:0; text-transform:uppercase; text-shadow: 1px 1px #FFFFFF; text-decoration:none;}
.Prestations		.separate				{ border-top:1px dotted #111; padding-top:5px;}
.Prestations		.PictoEmailing,
.Prestations		.PictoReferencement,
.Prestations		.PictoEmarketing,
.Prestations		.PictoHebergement			{background: url(../images/services/prestations/picto_prestations.png) no-repeat 0 0; width:70px; height:70px; position:absolute; top:50%; margin-top:-35px; left:40px;}

.Prestations		.PictoEmailing					{background-position:0 0;}
.Prestations		.PictoReferencement		{background-position:0 -100px;}
.Prestations		.PictoEmarketing				{background-position:0 -200px;}
.Prestations		.PictoHebergement			{background-position:0 -300px;}

/*
---------------------------------------- PORTFOLIO ------------------------------------------------------------*/
/*.PORTFOLIO		.SitesInternet						{margin-top:50px;}*/
.PORTFOLIO		.InfoActivite	.btContact	{ display:block; padding:8px 12px; background:#cfcdca; color:#686867; text-decoration:none; font-size:13px; margin:40px 0 20px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

.PORTFOLIO		.LiensCategories	a						{display:-webkit-inline-box; display:-moz-inline-box; display:inline-block;padding:0 12px; line-height:22px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;color:#767675; font-size:14px; text-decoration:none;}
.PORTFOLIO		.LiensCategories	a:hover							{color:#968685; }
.PORTFOLIO		.LiensCategories	a.selected						{background:#e3e1dd; }

.PORTFOLIO		.blocRealisation 	.realisation	{position:relative; height:270px; margin-bottom:30px; }
.PORTFOLIO		.blocRealisation	.realisation img 	{display:none;width:300px; height:191px; }
.PORTFOLIO		.blocRealisation 	.realisation .plusOver		{display:none; position:absolute; width:300px; height:270px; background:url(../images/portfolio/survol_plus.png) no-repeat 0 0; text-decoration:none; text-indent:-10000px;cursor:pointer; font-size:0; z-index:5;}
.PORTFOLIO		.blocRealisation 	.realisation h5{ color:#525251; text-transform:uppercase; font-size:14px; float:left; margin:8px 0 0 10px; position:relative; z-index:6; font-family:"ColaborateLightRegular",Arial,Helvetica,sans-serif;}
.PORTFOLIO		.blocRealisation 	.realisation a.Website{ display:block;  float:right; color:#a09f9e; font-size:14px; padding-right:12px; margin:8px 10px 0 0; position:relative; text-decoration:none; position:relative; z-index:7;}
.PORTFOLIO		.blocRealisation 	.realisation a.Website span.Open{display:block;position:absolute; width:8px; height:8px; right:0; top:50%; margin-top:-4px;
																								 background:url(../images/portfolio/open_website.gif) no-repeat 0 0;}
.PORTFOLIO		.blocRealisation 	.realisation dfn{ display:block; float:left; clear:both; width:270px; border-top:1px dotted #111; margin-top:6px; padding:5px 15px 10px; color:#a09f9e; font-size:12px; line-height: 1.1em; position:relative; z-index:8;}

.PORTFOLIO		.blocRealisation		.Over	{/* background:#dedc00; */}
.PORTFOLIO		.blocRealisation		.Over	h5{  text-shadow:1px 1px 0 #b9b781;}
.PORTFOLIO		.blocRealisation		.Over	a.Website{color:#656446;}
.PORTFOLIO		.blocRealisation		.Over	a:hover.Website{color:#979569;}
.PORTFOLIO		.blocRealisation 		.realisation		a.Website span.Open,
.PORTFOLIO		.blocRealisation		.Over	a:hover.Website span.Open{-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
.PORTFOLIO		.blocRealisation		.Over	a.Website span.Open{-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
.PORTFOLIO		.blocRealisation		.Over	dfn{color:#525251;}

/* projet non detaill� */

/* projet en cours*/
.PORTFOLIO		.blocRealisation 	.enCours	 .bandeConstruction		{position:absolute; top:-1px; right:-1px; width:300px; height:270px; background:url(../images/portfolio/bande_construction.png) no-repeat 0 0; text-decoration:none; text-indent:-10000px;cursor:default; font-size:0; z-index:5;}
.PORTFOLIO		.blocRealisation 	.enCours		img					{ -moz-opacity:.40; filter:alpha(opacity=40); opacity:.40;}
.PORTFOLIO		.blocRealisation 	.enCours		.bandeConstruction{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
.PORTFOLIO		.blocRealisation 	.enCours		a.Website:hover{ color:#C0AFAE;}
.PORTFOLIO		.blocRealisation	.enCours		a.Website:hover span.Open{-moz-opacity:.30; filter:alpha(opacity=30); opacity:.30;}


.PORTFOLIO		.FeedBack		{ border-top:1px solid #cfcdca; padding:30px 0 50px; margin-top:30px;}
.PORTFOLIO		.SlideshowFeedback		{width:100%;  position:relative;}
.PORTFOLIO		.blocFeedback				{width:300px; height:200px; background: url(../images/portfolio/feedback_item_bg.gif) no-repeat 0 180px; float:left; margin:0 20px 0 0;}
.PORTFOLIO		.blocLast							{margin-right:0;}
.PORTFOLIO		.blocFeedbackInner		{background:#ebeae8; height:180px; position:relative;}
.PORTFOLIO		.blocFeedback				blockquote	{ float:left;font: normal normal 18px/1.2em "ColaborateThinRegular", Arial, Helvetica, sans-serif;  color:#a09f9e; margin:50px 40px 0; text-align:left;}
.PORTFOLIO		.blocFeedback				strong	{display:block; position:absolute; right:30px; bottom:35px; padding:2px 4px; font: normal normal 14px/1.2em "ColaborateThinRegular", Arial, Helvetica, sans-serif;  color:#a09f9e; background-color:#e3e1dd; }

.PORTFOLIO div.anythingSlider {width: 620px;height: 250px;	margin: 0 auto;}
.PORTFOLIO div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {}
.PORTFOLIO div.anythingSlider .thumbNav a.cur {background-position:0 bottom;}
.PORTFOLIO div.anythingSlider .anythingWindow {	}
.PORTFOLIO div.anythingSlider .start-stop {background-color: #040;	color: #fff;}
.PORTFOLIO div.anythingSlider .start-stop.playing {background-color: #800;}
.PORTFOLIO div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {color: #ddd;}
.PORTFOLIO div.anythingSlider.activeSlider .anythingWindow {}
.PORTFOLIO div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {}
.PORTFOLIO div.anythingSlider .start-stop {background-color: #ddd;	color: #fff;}
.PORTFOLIO div.anythingSlider .start-stop.playing {background-color: #ccc;}
.PORTFOLIO div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {color: #fff;}
.PORTFOLIO div.anythingSlider .anythingWindow {	overflow: hidden;	position: relative;	width: 100%;	height: 100%;}
.PORTFOLIO div.anythingSlider {	position: relative;	padding: 0 0 30px	;}
.PORTFOLIO ul.anythingBase {background: transparent;list-style: none;	position: absolute;	top: 0;	left: 0;	margin: 0;	padding: 0;}
.PORTFOLIO ul.anythingBase li.panel {	background: transparent;	display: block;float: left;padding: 0;margin: 0;}
.PORTFOLIO div.anythingSlider .arrow {top: 50%;position: absolute;display: none;}
.PORTFOLIO div.anythingSlider .arrow a {display: block;height: 120px;margin: -60px 0 0 0;width: 45px;	text-align: center;	outline: 0;text-indent: -9999px;}
.PORTFOLIO div.anythingSlider .forward { right: 0; }
.PORTFOLIO div.anythingSlider .back { left: 0; }
.PORTFOLIO div.anythingSlider .anythingControls { outline: 0; }
.PORTFOLIO div.anythingSlider .thumbNav { margin: 0; padding:0; float:right; }
.PORTFOLIO div.anythingSlider .thumbNav li { display: inline; margin:0;}
.PORTFOLIO div.anythingSlider .thumbNav a {	
	display:inline-block;
	position:relative;
	z-index:99;
	cursor:pointer;
	background: url(../images/home/diaporama_controlnav.png) no-repeat 0 top;
	width:22px;
	height:9px;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
	overflow:hidden;}
.PORTFOLIO div.anythingSlider .thumbNav a:hover {}
.PORTFOLIO div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
.PORTFOLIO div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
.PORTFOLIO div.anythingSlider .start-stop {
	display:none;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: left;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;}
.PORTFOLIO div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
.PORTFOLIO div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;}

/*page Reference*/
.PORTFOLIO		.Ref_Title		{position:relative; margin-top:30px;}
.PORTFOLIO		.Ref_Title h2		{position:relative; font-family: "ColaborateThinRegular", Arial, Helvetica, sans-serif; font-weight:normal; color:#5d5d5c; font-size:56px; line-height:56px; margin: 0 0 30px; padding:0; text-shadow: 1px 1px #fff;}
.PORTFOLIO		.PointerBack	{position:absolute; right:0; bottom:36px;}
.PORTFOLIO		.Ref_Title		.Ref_Categorie						{position:absolute; right:0; bottom:35px; display:-webkit-inline-box; display:-moz-inline-box; display:inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:0 12px; line-height:22px;color:#767675; font-size:14px; text-decoration:none;background:#e3e1dd; }
.PORTFOLIO		.LiensSites								{margin:0; padding:0; list-style:none;}
.PORTFOLIO		.LiensSites	li							{margin:0; padding:0;}
.PORTFOLIO		.LiensSites	li		a					{display:block;  text-align:right; color:#525251;font-size:14px; padding-right:12px; margin:0 10px 0 0; position:relative; text-decoration:none;}
.PORTFOLIO		.LiensSites	li		a:hover		{color:#a09f9e; }
.PORTFOLIO		.LiensSites	li		a span.Open							{display:block;position:absolute; width:8px; height:8px; right:0; top:50%; margin-top:-4px;
																										 background:url(../images/portfolio/open_website.gif) no-repeat 0 0;}
.PORTFOLIO		.LiensSites	li		a:hover span.Open				{-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
.PORTFOLIO		.Missions								{margin:50px 0 0; padding:0;list-style:none;}
.PORTFOLIO		.Missions		li						{margin:0; padding:8px 0 0 12px; background:url(../images/portfolio/ico_checked.png) no-repeat 96% 50%; min-height:24px; line-height:16px;}
.PORTFOLIO		.Missions		li.Alt					{background-color:#e6e4e0;}

.PORTFOLIO		.ShotScreens	img				{display:block; margin-bottom:40px;}
/*
---------------------------------------- CONTACT ------------------------------------------------------------*/
.noteAimer{display:-webkit-inline-box; display:-moz-inline-box;display:inline-block; width:165px; height:28px;
					 background:url(../images/contact/note_contactez_nous.png) no-repeat 0 0;}
.FollowUs	{padding:20px 25px; float:left; background:#edecea; margin-top:20px;}
.FollowUs	a		{display:block; float:left;position:relative; padding-left:30px; padding-right:40px; text-decoration:none; line-height:20px;}
.FollowUs	a s	{display:block; position:absolute; top:0; left:0; width:20px; height:20px; background:url(../images/social_network_icons.png) no-repeat 0 0;}
.FollowUs 	a.Facebook s		{ background-position:0 0;}
.FollowUs 	a.Twitter s			{ background-position:-30px 0;}
.FollowUs 	a.Flickr s				{ background-position:-60px 0;}
.FollowUs 	a.FluxRSS s			{ background-position:-90px 0;}
.FollowUs 	a.Viadeo s			{ background-position:0 			-30px;}
.FollowUs 	a.LinkedIn s		{ background-position:-30px -30px;}
.FollowUs	a.EmailCrew s		{ background-position:-60px -30px;}

.contactForm		p{ text-align:left;}
.contactForm		label{clear:both; display:block; margin:0 0 4px;}
.contactForm		input[type="text"],	.contactForm		textarea		{margin:0 0 10px;  font-size:12px;
	background:#e3e1dd; border:1px solid #cecdc8; color:#a0a09e;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px; float:left; clear:both;}
.contactForm		textarea 						{line-height:1.4em;height:150px; width:96.666667%;/*290/300*/ padding: 4px; }
.contactForm		input[type="text"]		{ line-height:2.5em;/*35/14*/height:33px; width:73.333333%;/*220/300*/ padding:0 10px; }
.contactForm		textarea:hover,
.contactForm		input[type="text"]:hover 	{background-color:#eceae7; 	border-color:#d7d6d2;}
.contactForm		textarea:focus,
.contactForm		input[type="text"]:focus 	{background-color:#F5F4F2; 	border-color:#e3e0da;
	-moz-box-shadow: 1px 1px 3px #fff, inset 1px 1px 2px rgba(106, 106, 105, 0.1); /*#6A6A69*/
  	-webkit-box-shadow: 1px 1px 3px #fff, inset 1px 1px 2px rgba(106, 106, 105, 0.1); 
  	box-shadow: 1px 1px 3px #fff, inset 1px 1px 2px rgba(106, 106, 105, 0.1);
}
.new-aqua:hover {
}
.contactForm		textarea.valid,
.contactForm		input.valid									{ background-color:#f5f4f2; 	border-color:#cecdc8;}
.contactForm		textarea.invalid,
.contactForm		input.invalid								{ background-color:#edd5cc; 	border-color: #ed4b4b;}
.contactForm 		.submit{
	margin: 0; padding:0; width:140px; cursor:pointer;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; text-shadow:#dededd 1px 1px 1px;
	background:#c7c6c4;color:#6a6a69; font-size:13px; text-shadow:#fff 1px 1px 1px; line-height:30px; border:1px solid #b7b5b2; height:35px; float:right;
	-webkit-appearance:none;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;}
.contactForm		.submit:hover { background-color:#d0cfcd;}

.contactForm 	label.invalid,
.contactForm 	label.invalid	{line-height:23px; height:23px; white-space:nowrap; background:url(../images/contact/ico_validation.png) no-repeat 0 0;}
.contactForm 	label.invalid	{color:#ee5f5f;}
.contactForm .LeftPart		label.invalid,
.contactForm .LeftPart		label.valid			{padding:0 30px 0 0; position:absolute;left:0; width:270px;text-align:right; margin:5px 0 0; }
.contactForm .LeftPart		label.invalid		{ background-position:right 0;}
.contactForm .LeftPart		label.valid			{ background-position:right -100px;}
.contactForm .RightPart	label.invalid		{padding:0 0 0 30px; background-position:0 0;}
.contactForm .RightPart	label.valid			{padding:0 0 0 30px; background-position:0 -100px; position: absolute; left: -34px; top: 28px;}

	
.ValidateMsg{ display:none; clear:both; position:relative;}
.ico_false	,
.ico_true			{padding:0 0 0 30px; line-height:23px;white-space:nowrap;}
.error,
.ico_false			{color:#ee5f5f;}

.ico_false	 s,
.ico_true s		{ background:url(../images/contact/ico_validation.png) no-repeat 0 0; display:block; height:23px; width:23px; position:absolute; top:0; left:0;}
.ico_false s		{ background-position:0 0; }
.ico_true s		{ background-position:0 -100px;}

.ico_right								{top:5px;height:0;overflow:visible;  text-align:right; margin:0; padding:0 30px 0 0;}
.ico_right		s						{left:auto; right:0 !important;}

.carteGoogleMaps				{width:380px; height:380px;}
.carteGoogleMaps	div		{margin:0; line-height:1.2em;}
.carteGoogleMaps	h4		{margin:0 0 5px;}

.KitPresse		{margin-top:-120px;display:none !important;}
.VousEtes		{ z-index:100;}
.KitPresse 	h2,
.VousEtes	h2		{ font-family:"ColaborateLightRegular", Arial,Helvetica,sans-serif; font-size:25px; color:#767675; margin:0 0 10px;}

div.Transports												{margin-top:20px; float:left; clear:both; width:120%;}
div.Transports p.Parking,
div.Transports p.Metro,
div.Transports p.Tramway 							{ margin-bottom:6px; padding-left:26px; position:relative; font-size:0.9em;  text-align:left; white-space:nowrap; }
div.Transports p,
div.Transports p a										{color:#A09F9E; display:block;line-height:22px; text-decoration:underline;}
div.Transports p a:hover								{ color:#C0AFAE}
div.Transports p.Parking 		s,
div.Transports p.Metro			s,
div.Transports p.Tramway 	s						{display:block;width:22px; height:22px; position:absolute; top:0; left:0; background: url(../images/contact/picto_transports.gif) no-repeat 50%;}
div.Transports p.Metro 		s						{background-position:0 0;}
div.Transports p.Tramway 	s						{background-position:0 -100px;}
div.Transports p.Parking		s						{background-position:0 -200px;}


/*
---------------------------------------- Recrutement ------------------------------------------------------------*/
.recrutementForm		label,
.recrutementForm		p			{clear:both; display:block; margin:0 0 4px;}
.recrutementForm		input[type="text"],	.recrutementForm		textarea		{margin:0 0 15px;  font-size:12px;
	background:#e3e1dd; border:1px solid #cecdc8; color:#a0a09e;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px; float:left; clear:both;}
.recrutementForm		textarea 						{line-height:1.4em;height:150px; width:550px; padding: 4px; float:none; margin-bottom:30px;}
.recrutementForm		input[type="checkbox"]		{margin-right:8px;}
.recrutementForm		input[type="text"]		{ line-height:35px;height:33px; width:220px; padding:0 10px; }
.recrutementForm		input[type="file"]		{ line-height:35px;/*height:33px; width:420px;*/ padding:0 10px; display:block; position:relative; z-index:51; font-size:12px}
.recrutementForm		textarea:hover,
.recrutementForm		input[type="text"]:hover 	{background-color:#eceae7; 	border-color:#d7d6d2;}
.recrutementForm		textarea:focus,
.recrutementForm		input[type="text"]:focus 	{background-color:#F5F4F2; 	border-color:#e3e0da;
	-moz-box-shadow: 1px 1px 3px #fff, inset 1px 1px 2px rgba(106, 106, 105, 0.1); /*#6A6A69*/
  	-webkit-box-shadow: 1px 1px 3px #fff, inset 1px 1px 2px rgba(106, 106, 105, 0.1); 
  	box-shadow: 1px 1px 3px #fff, inset 1px 1px 2px rgba(106, 106, 105, 0.1);}
.recrutementForm		textarea.valid,
.recrutementForm		input.valid									{ background-color:#f5f4f2; 	border-color:#cecdc8;}
.recrutementForm		textarea.invalid,
.recrutementForm		input.invalid								{ background-color:#edd5cc; 	border-color: #ed4b4b;}
.recrutementForm 	.submit{
	margin: 25px 60px 0 0; padding:0; width:140px; cursor:pointer;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; text-shadow:#dededd 1px 1px 1px;
	background:#c7c6c4;color:#6a6a69; font-size:13px; text-shadow:#fff 1px 1px 1px; line-height:30px; border:1px solid #b7b5b2; height:35px; float:right;
	-webkit-appearance:none;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;}
.recrutementForm		.submit:hover { background-color:#d0cfcd;}



.recrutementForm 						label.invalid,
.recrutementForm 						label.valid,
.recrutementForm 	.LeftPart		label.invalid,
.recrutementForm 	.LeftPart		label.valid			{ padding:0 30px 0 0; position:absolute;left:0; width:270px;text-align:right; margin:5px 0 0; }
.recrutementForm 						label.invalid,
.recrutementForm 	.LeftPart		label.invalid		{ background-position:right 0;}
.recrutementForm 						label.valid,
.recrutementForm 	.LeftPart		label.valid			{ background-position:right -100px;}

.recrutementForm 	.RightPart		label.invalid,
.recrutementForm 	.RightPart		label.valid			{ padding:0 0 0 30px; position:absolute; left:auto; right:-260px;width:270px; text-align:left; margin:5px 0 0; }
.recrutementForm 	.RightPart		label.invalid		{ background-position:0 0; }
.recrutementForm 	.RightPart		label.valid			{ background-position:0 -100px;}


.recrutementForm		.choixProfil			input	{float:left; clear:left;}
.recrutementForm		.choixProfil			label	{float:left; clear:right;}
.recrutementForm		.checkBoxes		{padding-bottom:40px;}
.recrutementForm		.checkBoxes 		{padding-left:20px;}
.recrutementForm		.checkBoxes 		label.valid,
.recrutementForm		.checkBoxes 		label.invalid	{ margin-top:0;}

.recrutementForm		.Last 					{ padding-bottom:100px;}
.recrutementForm		.cartesVisite 		{ position:absolute; left:0; bottom:0; background:url(../images/recrutement/cartes_visite_impala.gif) no-repeat 0 0; width:565px; height:180px;}
/*
---------------------------------------- CONFIRMATION ENVOI ------------------------------------------------------------*/
.MessageConfirmation				{ background: url(../images/message_sent.gif) no-repeat right top; padding-top:80px;}
.MessageConfirmation				h2							{ margin:0; }
.MessageConfirmation 			.InvitContact			{float: left; clear:both; margin: 40px 0; }
.MessageConfirmation				.InvitContact	p								{ margin-bottom:50px; position:relative; padding-left:70px;}
.MessageConfirmation				.InvitContact	p a,
.MessageConfirmation				.InvitContact	p strong					{font-family: "ColaborateLightRegular", Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#585756;}
.MessageConfirmation				.InvitContact		span						{display:block; position:absolute; top:30%; left:0; background:url(../images/message_sent_icons.png) no-repeat 0 0; width:30px; height:30px;}
.MessageConfirmation				.InvitContact		.icoInvitTel										{ background-position:0 0;}
.MessageConfirmation				.InvitContact		.icoInvitReseaux								{ background-position:0 -100px;}
/*
---------------------------------------- 404 ------------------------------------------------------------*/
.ERROR404 	.Header 					{display:none;}
.Page404 	 									{ background:url(../images/404_page.gif) no-repeat 50% 0; height:510px; margin:70px auto 0; position:relative;}
.Page404 		a.ImpalaAccueil		{display:block; position:absolute;width:80px; height:170px; left:90px; top:90px; text-decoration:none; z-index:50;}
.Page404 		h1 					{ overflow:hidden; text-indent:-10000px; font-size:0; background:url(../images/404.gif) no-repeat 50% 0; width:350px; height:125px; margin:60px auto 50px;}
.Page404 		h2 					{ text-align:center;}
.Page404 		h3 					{ text-align:justify; font-size:20px;}
.Page404 		h3 a					{ text-decoration:none; color:#525251;}
.Page404 		h3 a:hover		{ text-decoration:underline; color:#727271;}
/*
---------------------------------------- ATTENTE ------------------------------------------------------------*/
.ATTENTE .Identity		{text-align: center; margin-top:80px;}
.ATTENTE .Identity h1		{font-family: "ColaborateThinRegular", Arial, Helvetica, sans-serif; margin:8px 0 0; color:#515151; font-size:23px; text-shadow:1px 1px #fff}
.ATTENTE	.Newsletter	{margin:60px 0;}
.ATTENTE	.Newsletter	h2{text-align: center; font-size:13px; color:#525251; text-transform:uppercase; margin:0;}
.ATTENTE	.Newsletter	.note{font-size:10px; line-height:10px; color:#adacab; }
.ATTENTE .Newsletter #inscription_newsletter {    display: block;    margin: 0 auto;    padding: 0;    width: 80%; position:relative;}
.ATTENTE	.Newsletter	#inscription_newsletter_email 	{margin:10px 0;
	background:#e3e1dd; color:#a0a09e; font-size:12px; line-height:35px; border:1px solid #cecdc8; height:33px; width:182px; padding:0 10px; float:left;
	-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;border-bottom-left-radius: 3px; -webkit-appearance:none;}
.ATTENTE	.Newsletter	#inscription_newsletter_email:hover 	{background-color:#eceae7; border-color:#d7d6d2;}
.ATTENTE	.Newsletter	#inscription_newsletter_email:focus 	{background-color:#F5F4F2; border-color:#e3e0da;}
.ATTENTE	.Newsletter	#inscription_newsletter_submit {margin:10px 0; cursor:pointer;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; text-shadow:#dededd 1px 1px 1px;
	background:#c7c6c4;color:#6a6a69; font-size:11px; line-height:30px; border:1px solid #b7b5b2;height:35px; width:35px;  float:right;
	-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px; 
	-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;border-bottom-right-radius: 3px; -webkit-appearance:none;}
.ATTENTE	.Newsletter	#inscription_newsletter_submit:hover { background-color:#d0cfcd;}

.ATTENTE .Footer {
	margin:0;
	padding:20px 0 30px;
	color:#828280;
	border-top:1px dotted #333;
	font-size:12px; text-align:center;}
.ATTENTE .Footer  a{
	color:#a09f9e;
	text-decoration:none;}
.ATTENTE .Footer  a:hover{
	color:#3C3C3C;}	
.ATTENTE .Footer  h4{
	display:-moz-inline-box; display:-webkit-inline-box; display:inline-block;
	text-shadow:none;
	background:#ECB3CA;
	color:#525251;
	font-size:11px;
	text-transform:uppercase;
	margin:0;
	padding:0 4px;}


.ATTENTE .Footer			p{display:-moz-inline-box; display:-webkit-inline-box; display:inline-block; line-height:16px; margin-bottom:0; margin-left:4px; padding-left:24px; position:relative; }
.ATTENTE .Footer			p s{display:block;width:26px; height:16px; position:absolute; top:2px; left:0; background:url(../images/footer_contact_icons.gif) no-repeat 50%;}
.ATTENTE .Footer			p.Email 	a,
.ATTENTE .Footer			p span {line-height:16px;display:-moz-inline-box; display:-webkit-inline-box; display:inline-block; padding:1px 0;height:16px;text-decoration:none; background:none;}
.ATTENTE .Footer			p.Tel s						{background-position:left top;top:0;}
.ATTENTE .Footer			p.Email 	s					{background-position:right top;}
.ATTENTE .Footer			p.Adresse s				{background-position:left bottom;}

.ATTENTE p.error {text-align:center; background-color:#efddd9; border:1px solid #e3bbb3; -moz-border-radius: 5px;border-radius: 5px; color:#75554f; width:70%; display:block; margin: 0 auto}
.ATTENTE span.errorSymbol {left: -36px;    position: absolute;    top: 15px; text-align:center; background-color:#efddd9; border:1px solid #e3bbb3; -moz-border-radius: 22px;border-radius: 22px; color:#75554f; padding:3px 10px }
.ATTENTE p.alertOk {text-align:center; background-color:#e3e1dd; border:1px solid #cfcdca; -moz-border-radius: 5px;border-radius: 5px; color:#767675; width:70%; display:block; margin: 0 auto; padding:5px 20px}

/*
---------------------------------------- TEMP ------------------------------------------------------------*/
.container_12 {
	/*background: url(../images/temp/grid.png) repeat-y 50% top;*/
}



/* -------- SITE OF THE DAY
#thecssawards{
position:absolute;
top:20px;
left:0px;
z-index:555;
}
#thecssawards a{
width:69px;
height:124px;
text-indent:-8000px;
display:block;
background:url(../images/label_sitemonth.png) no-repeat;
}
*/
 #awwwards{ position:absolute; top:20px; right:0px; z-index:555; } 
 #awwwards a{ width:69px; height:105px; text-indent:-8000px; display:block; background:url(../images/award_month_black.png) no-repeat; }