/* css de base */	
body 					{color: #666;font-size: 16px;font-weight: 300;	line-height: 1.9;height: 100%;margin: 0;min-height: 100%;padding: 0;word-wrap: break-word;}
body > div > footer,body > div > header,body > div > section,body > footer,body > header,body > section 				{clear: both;margin: 0 auto;}
html 						{background: #fff;-webkit-font-smoothing: antialiased;height: 100%;min-height: 100%;}
html 																								{border-bottom: 1px solid transparent;min-height: 100%;}
a,#menuprincipal div.contenumenu a:active,#menuprincipal div.contenumenu a:focus,#menuprincipal div.contenumenu a:hover,article header h1 a:hover,article header h2 a:hover,.pane-sliders .panel h3 a:hover 
						{color: #145A78;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;text-decoration: none;}
a:hover,a:active,a:focus,#menuprincipal div.contenumenu a,article header h1 a,article header h2 a,.pane-sliders .panel h3 a {color: #333;}
h1,h2,h3,h4,h5,h6 		{color: #333;font-weight: 400;line-height: 1.2;margin: 0 0 12px 0;padding: 0;}
h1 						{font-size: 52px;font-weight: 300;margin: 0 0 24px 0;}
h2,.componentheading 	{font-size: 42px;font-weight: 300;margin: 0 0 18px 0;}
h3 						{font-size: 30px;}
h4 						{font-size: 22px;}
h5 						{font-size: 17px;}
h6 						{font-size: 13px;}
ul 						{list-style: none;margin: 0;padding: 0;}
ul li 						{line-height: 2.0;}
p 											{margin: 0.5em 0 1.5em;}
iframe 										{max-width: 100%!important;}
html,button,input,select,textarea 					{font-family: 'MS Sans Serif';}
.imagepartenaire	{ max-height:90px;}
.partenaires		{ text-align:center;width:100px;}
button,input,select,textarea 						{font-size: 100%;margin: 0;vertical-align: baseline;}
/* animation attente chargement */
@-webkit-keyframes gkistimer 	{from { -webkit-transform: scale(1.0) rotateZ(0deg); }	50% { -webkit-transform: scale(1.2) rotateZ(180deg); }to { -webkit-transform: scale(1.0) rotateZ(360deg); }}
@-moz-keyframes gkistimer 		{from { -moz-transform: scale(1.0) rotateZ(0deg); }	50% { -moz-transform: scale(1.2) rotateZ(180deg); }	to { -moz-transform: scale(1.0) rotateZ(360deg); }}
@keyframes gkistimer 			{from { transform: scale(1.0) rotateZ(0deg); }	50% { transform: scale(1.2) rotateZ(180deg); }	to { transform: scale(1.0) rotateZ(360deg); }}
/* une page pour PC tablette et téléphone */	
.unepage #societe .boite,.unepage #ancre1 .boite																{margin: 0!important;	padding: 102px 0!important;width: 100%!important;}
.unepage #ancre1 																							{padding: 0;}
#menu694 > div,#menu694 > div > .childcontent-inner 															{width: 220px; }
.unepage #societe .boite.espacemoyen,.unepage #ancre1 .boite.espacemoyen									 	{padding: 70px 0!important;}
.unepage #societe 																							{margin-bottom: 0;}
.unepage #societe .boite,.unepage #ancre1 .boite						 										{padding: 80px 0 50px!important;}
#ancre1,#ancre3 																								{overflow: hidden;	padding: 64px 0 40px 0;}
#ancre3 .border 																								{border-color: #fff;}
#ancre3,#ancre0																								{background: #145A78;}	
#ancre0	   																									{width:100%}
#ancre1 .boite,#ancre3 .boite 							{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;float: left;}
#ancre1 > div > div,#ancre3 > div > div 						{padding-left: 10px!important;padding-right: 10px!important;}
#ancre1,#ancre3	,#ancre0								{clear: both;}
.clear													{clear: both;}
#ancre1 .boite,#ancre3 .boite							{margin-bottom: 30px!important;}
#ancre1 .boite,#ancre3 .boite 							{margin-bottom: 14px!important;}
.unepage .cols6 											{margin: 0!important;}
/* espace client */						
#cadre_login						{width:510px;float:left;position: relative;left: 40px;top: 20px; }
#cadre_inscription					{width:510px;float:left;position: relative;left: 510px;top: -402px; }
#loginform 							{float: left;}
.formlog 							{border:solid 1px #CCC;background-color:#F5F5F5;height: 420px;text-align:center;width:450px;}
.formlog  p 							{margin: 0;	margin-left: 10px;}
.formlog div	 						{width:450px;margin-left: 150px;}
.formlog  a.oublie 					{display: block;text-align: center;color: #999;}
.btnidentification					{width:150px;height:28px;border:none;cursor:pointer; } 
.bouttonvalider						{width:84px;height:28px;border:none;cursor:pointer;background: url("images/valider.png") no-repeat left top; } 
.bouttonvalider:hover 				{background: url("images/valider.png") no-repeat left bottom; }	
/* Entete PC*/
#entete 								{background: #fff;border-bottom: 1px solid #eee;height: 35px;position: fixed;top: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
									-o-transition: all .3s ease-out;transition: all .3s ease-out;width: 100%;z-index: 999;}
/* Entete autres media*/
#enteteb 							{background: #fff;border-bottom: 1px solid #eee;height: 35px;position: fixed;top: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
									-o-transition: all .3s ease-out;transition: all .3s ease-out;width: 100%;z-index: 999;}
#contenu 							{background: #fff;position: relative;z-index: 50;}
#contenu.intro 						{padding: 75px 0 0 0;}
#contenub							{border-bottom: 1px solid #eee;overflow: hidden;padding: 46px 0;background-color: #145A78;}
#contenub .eclient 					{float: left;vertical-align:center;}
.eclient li.separator 				{color: #ccc;font-size: 16px;font-weight: 300;padding: 13px 10px!important;}
.eclient > ul > li 						{color: #fff;float: left;font-size: 35px;}
.eclient > ul > li a 					{color: #fff}
.eclient > ul > li a:hover 				{color: #145A78}
#contenub .eclient					{float: left;}
.modeintro.jmodinside 				{position: relative;top: 0;left: 0;}
.eclientb							{-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;margin: 0 auto!important;padding: 0;}
.eclientb 							{width: 1045px; }
.eclientb 							{padding-left: 20px;padding-right: 10px;}
#conteneur		 					{background: #fff;width: 1045px;margin: 0 auto!important;padding: 0;overflow:hidden;}
#conteneur_e						{width: 1045px;padding-bottom:20px}
#conteneurb							{height: 470px;overflow:auto;}
#conteneurba						{height: 500px;overflow-y: scroll;}
#conteneurb tr						{padding-bottom:15px}
#conteneurd							{height: 800px;width:700px}
#conteneurd tr						{padding-bottom:15px}
#conteneurd .tabledevis				{width:500px;height:30px;}
#conteneurd .selection				{width:548px;height:30px;color:#999}
#conteneurd .messagedevis			{width:502px;height:140px;}
#conteneurd .copier					{width:100px;}
#conteneurpl						{width: 1045px;height: 1200px;overflow:auto;}
#conteneurpso						{width: 1045px;height: 1500px;overflow:auto;}
#conteneurpde						{width: 1045px;height: 2000px;overflow:auto;}
#mention_societe					{width: 300px;height: 600px;position: relative;top: 0px;left: 10px;}
#mention_hebergeur					{width: 300px;height: 600px;position: relative;top: -540px;left: 500px;}
#conteneurm							{height: 1070px;background: #fff;padding: 40px 0 40px 20px;}
#conteneurma						{height: 500px;background: #fff;padding: 10px 0 0 0;width:1045px;}
#conteneurp							{width: 1045px;height: 800px;overflow:auto;}
#conteneurc							{width: 1045px;height: 3200px;overflow:auto;}
#conteneurde						{width: 1045px;height: auto;}
#conteneurdec						{width: 1045px;height: auto;}
/**menu et logo****/
/**1 logo****/
.Logo 						{float: left;margin: 0;}
.Logo a						{color: #c3c3c3;font-size: 14px;}
#Logo 						{margin: 0;padding: 0;text-indent: -999em;text-shadow: none;width: 130px;display: block;float: left;background-color: #fff;}
#Logo img 					{display: block;	margin: 0;}
#Logo.text 					{color: #333;display: block;height: auto;margin: 0;overflow: hidden;padding: 25px 5px 5px 0;text-align: center;text-indent: 0;width: auto;}
#Logo.text > span 			{display: block;font-size: 22px;font-weight: bold;line-height: 24px;padding: 0;}
#Logo.text 					{color: #c3c3c3;display: block;font-size: 14px;font-weight: bold;line-height: 20px;text-align: center;}

/**menu****/
.contenupage 								{width: 1045px; }
.contenupage								{padding-left: 10px!important;padding-right: 10px!important;}
.contenupage 								{-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;margin: 0 auto!important;padding: 0;}
#menuprincipal 								{float: right;margin-top: 0;	padding: 0;}
#menuprincipal .monmenu 						{display: block;margin: 0;position: relative;}
.monmenu  ul li									{font-family: 'MS Sans Serif'; }
.monmenu  > ul > li 							{clear: none!important;float: left;font-size: 18px;font-weight: 400;height: 34px;line-height: 35px;width: auto;}
.monmenu  > ul > li > a 							{color: #333;display: block;height: 34px;line-height: 35px;padding: 0 10px;}
.monmenu  > ul > li a small 																			{display: block;font-size: 11px;line-height: 12px;}
.monmenu  > ul > li > .contenumenu,.monmenu  > ul > li > .contenumenu .contenumenu 						{border: 1px solid #ededed;position: absolute;left: -999em;z-index: 999;}
.monmenu  > ul > li > .contenumenu 																	{border-top: none;}
.monmenu  > ul > li > .contenumenu .colmenu 															{float: left;}
.monmenu  > ul > li:hover > .contenumenu,.monmenu  > ul > li:hover > .contenumenu li:hover > .contenumenu 	{left: inherit;}
.monmenu  > ul > li .contenumenu 												{margin-left: 0;margin-top: 0;}
.monmenu  > ul > li .contenumenu .contenumenu 									{margin-left: 160px;margin-top: -35px!important;overflow: visible!important;}
.contenumenu .colmenu 														{width: 200px; }
.monmenu  > ul 																{margin: 0;padding: 0;}
.monmenu a:hover,.monmenu  a:active,.monmenu  a:focus,.monmenu  li.active > a 	{color: #145A78;}
.monmenu  > ul > li > div.contenumenu:before 				{content: "";display: block;height: 10px;left: 26px;position: absolute;top: -10px;width: 14px;}
.monmenu  > ul li div.contenumenu 						{background: #fff;-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2);box-shadow: 0 0 2px rgba(0, 0, 0, .2);-webkit-box-sizing: border-box;
													-moz-box-sizing: border-box;box-sizing: border-box;margin-top: -10px;text-transform: none;overflow: visible!important;}
.monmenu > ul li div.contenumenu-inter 									{overflow: visible!important;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.monmenu  > ul li > .contenumenu .colmenu 								{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 0;}
.monmenu  > ul li div.contenumenu li 										{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 1;margin: 0;padding: 0;}
.monmenu  > ul li div.contenumenu ul 										{ padding: 20px 0;  }
.monmenu  > ul li div.contenumenu a 										{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;font-size: 14px;padding: 10px 25px}
.monmenu  > ul li li div.contenumenu small 									{color: #aaa;font-weight: normal;padding-bottom: 5px;}
.monmenu  > ul li div.contenumenu li.group 									{padding: 0;margin: 0;height: auto;border: none !important;background: none;}
.monmenu  > ul li div.contenumenu header 									{padding: 10px 16px 6px 16px;display: block;color: #fff;margin: 0;font-weight: 400!important;}
.monmenu  > ul li div.contenumenu header a 									{font-size: 16px;line-height: 24px;padding: 8px 0 4px;border-bottom: 2px solid #e5e5e5;}
.monmenu  > ul li div.contenumenu header small 								{display: block;text-transform: none;}
.monmenu  li .module p 													{font-size: 12px;line-height: 18px;}
/**accès a l'espace client**/
#espace_client 									{position: relative;}
#espace_client .bouton 							{color: #fff!important;float: right;margin: 3px 0 0 26px;background: #145A78;}
#espace_client a:hover 							{background: #B2CC35}
#espace_client .bouton 							{margin-left: 3px!important;}
#deviensb										{color: #145A78;}
#deviens a										{color: #145A78;}
#deviens a:hover 								{color: #B2CC35;}
/**pied de page**/
#pieddepage 										{padding: 0;text-align:center;background-color:#145A78;overflow: hidden}
#pieddepage a 									{color: #c6cfff;}
#pieddepage li:hover,#pieddepage a:hover 			{color: #fff;}
#pieddepagenav 									{float: left; text-align:center;width:1045px}
#pieddepagenav ul								{width: 100%; text-align:center;margin-left:150px}
#pieddepagenav li 								{border: none;float: left;line-height: 30px;margin: 10px 16px 0 0!important;padding: 0;}
#pieddepagenav img 								{width: 100%;}
/****Page accueil***/
/* Intro */
div.introduction 										{height: 1030px;position: relative;}
body .contenuintro 									{top: 0!important;}
.contenuintro 										{background: #fff;height: 100%;position: fixed;width: 100%;z-index: 1;}
.contenuintro 										{position: absolute!important;}
/**** Animations** Pairs - before -> after for each animation type***/
.soustitre *[data-anim] 								{-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.soustitre *[data-anim~="opacite"] 					{opacity: 0; filter: alpha(opacity=0);}
.soustitre *[data-anim~="opacite"].loaded 			{opacity: 1; filter: alpha(opacity=100);}
.soustitre *[data-anim~="slide_vertical"] 			{bottom: -30px!important;opacity: 0; filter: alpha(opacity=0);}
.soustitre *[data-anim~="slide_vertical"].loaded 	{bottom: 0!important;opacity: 1; filter: alpha(opacity=100);}
.soustitre *[data-anim~="glissement_gauche"] 		{right: 10%;opacity: 0; filter: alpha(opacity=0);}
.soustitre *[data-anim~="glissement_gauche"].loaded 	{right: 0%;opacity: 1; filter: alpha(opacity=100);}
.soustitre *[data-anim~="glissement_droit"] 			{left: 10%;opacity: 0; filter: alpha(opacity=0);}
.soustitre *[data-anim~="glissement_droit"].loaded 	{left: 0%;opacity: 1; filter: alpha(opacity=100);}
.soustitre *[data-anim~="echelle"] 					{opacity: 0; filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.soustitre *[data-anim~="echelle"].loaded 			{opacity: 1; filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.soustitre *[data-anim~="skew_left"] 				{opacity: 0; filter: alpha(opacity=0);right: 10%;-webkit-transform: skew(-30deg, 0);-moz-transform: skew(-30deg, 0);-ms-transform: skew(-30deg, 0);-o-transform: skew(-30deg, 0);
													transform: skew(-30deg, 0);}
.soustitre *[data-anim~="skew_left"].loaded 			{opacity: 1; filter: alpha(opacity=100);right: 0%;-webkit-transform: skew(0deg, 0deg);-moz-transform: skew(0deg, 0deg);	-ms-transform: skew(0deg, 0deg);
													-o-transform: skew(0deg, 0deg);transform: skew(0deg, 0deg);}
.soustitre *[data-anim~="skew_right"] 				{opacity: 0; filter: alpha(opacity=0);left: 10%;-webkit-transform: skew(30deg, 0);-moz-transform: skew(30deg, 0);-ms-transform: skew(30deg, 0);
													-o-transform: skew(30deg, 0);transform: skew(30deg, 0);}
.soustitre *[data-anim~="skew_right"].loaded 		{opacity: 1; filter: alpha(opacity=100);left: 0%;-webkit-transform: skew(0deg, 0deg);-moz-transform: skew(0deg, 0deg);-ms-transform: skew(0deg, 0deg);
													-o-transform: skew(0deg, 0deg);transform: skew(0deg, 0deg);}
.soustitre *[data-anim~="rotate_x_center"] 			{opacity: 0; filter: alpha(opacity=0);-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);
													-o-transform: rotateX(-90deg);transform: rotateX(-90deg);}
.soustitre *[data-anim~="rotate_x_center"].loaded 	{opacity: 1; filter: alpha(opacity=100);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);
													-o-transform: rotateX(0deg);transform: rotateX(0deg);}
.soustitre *[data-anim~="rotate_x_top"] 				{opacity: 0; filter: alpha(opacity=0);-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-o-transform: rotateX(-90deg);
													transform: rotateX(-90deg);-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;}
.soustitre *[data-anim~="rotate_x_top"].loaded 		{opacity: 1; filter: alpha(opacity=100);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);
													-o-transform: rotateX(0deg);transform: rotateX(0deg);}
.soustitre *[data-anim~="rotate_x_bottom"] 			{opacity: 0; filter: alpha(opacity=0);-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);
													-o-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transform-origin: 0 100%;-moz-transform-origin: 0 100%;-ms-transform-origin: 0 100%;-o-transform-origin: 0 100%;transform-origin: 0 100%;}
.soustitre *[data-anim~="rotate_x_bottom"].loaded 	{opacity: 1; filter: alpha(opacity=100);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);
													-o-transform: rotateX(0deg);transform: rotateX(0deg);}
.soustitre *[data-anim~="rotate_y_center"] 			{opacity: 0; filter: alpha(opacity=0);-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-ms-transform: rotateY(-90deg);
													-o-transform: rotateY(-90deg);transform: rotateY(-90deg);}
.soustitre *[data-anim~="rotate_y_center"].loaded 	{opacity: 1; filter: alpha(opacity=100);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);
													-o-transform: rotateY(0deg);transform: rotateY(0deg);}
.soustitre *[data-anim~="rotate_y_left"] 			{opacity: 0; filter: alpha(opacity=0);-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-ms-transform: rotateY(-90deg);-o-transform: rotateY(-90deg);
													transform: rotateY(-90deg);-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;}
.soustitre *[data-anim~="rotate_y_left"].loaded 		{opacity: 1; filter: alpha(opacity=100);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);
													-o-transform: rotateY(0deg);transform: rotateY(0deg);}
.soustitre *[data-anim~="rotate_y_right"] 			{opacity: 0; filter: alpha(opacity=0);-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-ms-transform: rotateY(-90deg);-o-transform: rotateY(-90deg);
													transform: rotateY(-90deg);-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;-ms-transform-origin: 100% 0;-o-transform-origin: 100% 0;transform-origin: 100% 0;}
.soustitre *[data-anim~="rotate_y_right"].loaded 	{opacity: 1; filter: alpha(opacity=100);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);
													-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);}
.pageintro 											{height: 100%;margin: 0;overflow: hidden;position: relative;}
.pageintro img 										{display: block;height: 150px;position: relative;padding-left:170px}
.pageintro[data-bganim="horizontal"] .glisser 		{top: 0%!important;}
.pageintro[data-bganim="vertical"] .glisser 			{left: 0%!important;}
.pageintro .soustitre 								{left: -100%;position: absolute;text-align: center;top: 0;z-index: 1;}
.pageintro .soustitre > a:hover 						{color: #145A78!important;}
.pageintro .soustitre h1 								{font-family:'MS Sans Serif';font-size: 35px;font-weight: 100;line-height: 1.5;margin: 64px auto 0 auto;max-width: 920px;top:30%}
.pageintro .soustitre h2 								{font-family:'MS Sans Serif';font-size: 35px;font-weight: 100;line-height: 1.5;margin: 0 auto;max-width: 920px;}
.pageintro .soustitre h1,.pageintro .soustitre h2 		{color: #fff;text-align: center;position: relative;}
.pageintro .soustitre h1 i,.pageintro .soustitre h2 i 	{color: #fff;}
.pageintro .soustitre h1 i								{font-size: 60px;}
.pageintro .soustitre > div 							{position: absolute;top:15%;width: 100%;}
.pageintro .soustitre > a	 						{background: transparent;border: 2px solid #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-sizing: border-box;
													-moz-box-sizing: border-box;box-sizing: border-box;bottom: -10%;color: #fff;display: inline-block;font-size: 15px;font-weight: 600;left: 50%;line-height: 1.0;
													opacity: 0; filter: alpha(opacity=0);padding: 20px 36px;position: absolute;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);
													-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: bottom .3s ease-out, opacity .3s ease-out;
													-moz-transition: bottom .3s ease-out, opacity .3s ease-out;-ms-transition: bottom .3s ease-out, opacity .3s ease-out;-o-transition: bottom .3s ease-out, opacity .3s ease-out;
													transition: bottom .3s ease-out, opacity .3s ease-out;}
.pageintro .soustitre > a:hover 				{background: #fff;color: #145A78;}
.pageintro .soustitre > a.loaded 				{bottom: 10%;opacity: 1; filter: alpha(opacity=100);}
.pageintro .figure 							{-webkit-backface-visibility: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;left: 0;top: 0;opacity: 0;
											filter: alpha(opacity=0);height: 100%;position: absolute;overflow: hidden;width: 100%;z-index: 1;}
.pageintro .figure.active 					{filter: alpha(opacity=100);position: relative;z-index: 3;}											
.pageintro .figure.animated 					{z-index: 2;}
.pageintro.loaded .figure.animated 			{opacity: 1;filter: alpha(opacity=100);}
.pageintro .active .soustitre 				{opacity: 1;filter: alpha(opacity=100);}
.pageintro .gkIsPrevTextLayer,.pageintro .gkIsNextTextLayer 	{height: 100%;left: 0;position: absolute;text-align: center;top: 0;width: 100%;z-index: 10;} /**important**/
.pageintro.pascharger .chargement 			{-webkit-animation-name: gkistimer;-webkit-animation-duration: 0.75s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;
											-moz-animation-name: gkistimer; -moz-animation-duration: 0.75s;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear; animation-name: gkistimer;
											animation-duration: 0.75s;animation-iteration-count: infinite;animation-timing-function: linear;border: 3px solid #145A78;-webkit-border-radius: 50%;-moz-border-radius: 50%;
											border-radius: 50%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;content: "";display: block;height: 32px;left: 48%;position: relative;
											top: 57%;width: 32px;}
.pageintro.pascharger .chargement:before 	{background: #145A78;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;content: "";display: block;height: 2px;left: 48%;
											position: relative;	top: 57%;-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;transform-origin: 0 50%;width: 10px;}
.pageintro.pascharger .attente 				{height: 32px;position: absolute; top:30%; left:30%;color:black;font-size:24px;}															
															
.pageintro .boutondroit,.pageintro .boutongauche 				{color: #fff;cursor: pointer;	font-size: 36px;left: -100px;line-height: 36px;margin-top: -18px;opacity: 0.6; filter: alpha(opacity=60);
															position: absolute;top: 50%;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;
															-o-transition: all .2s ease-out;transition: all .2s ease-out;z-index: 20;}
.pageintro .boutondroit i,.pageintro .boutongauche i 			{color: #fff;}
.pageintro .boutondroit 										{left: auto;right: -100px;} 
.pageintro.hover .boutondroit 								{right: 20px;}
.pageintro.hover .boutongauche 								{left: 20px;}
.pageintro .boutondroit:hover,.pageintro .boutongauche:hover 	{opacity: 1; filter: alpha(opacity=100);-webkit-transform: scale(1.25);-moz-transform: scale(1.25);
															-ms-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);}
/**** page index - societe***/
#contenusociete 						{background: #fff;position: relative;z-index: 50;}
#contenusociete.noIntro 				{padding: 75px 0 0 0;}
#detailsociete						{background: #fff;padding: 60px 0 0 0;}
#societe							{background: #f8f8f8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;margin-top: -60px;	
									margin-bottom: 30px;}
.boite.grostitre .debut 				{font-size: 60px;font-weight: 300;line-height: 1.6;margin: 0 0 20px 0;text-align: center;text-transform: none;}
.boite.grostitre .debut small 			{clear: both;color: #999;display: block;font-size: 20px;line-height: 1.6;text-align: center;}
body,html,body button,body input,body select,body textarea,.grostitre .debut,h1,h2,h3,h4,h5,h6,.gkMenu ul li,.boite.menu 	
									{ font-family: 'MS Sans Serif'; }
.boite 								{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;margin: 0 0 52px 0;padding: 0;width: 100%;}
.boite								{margin: 0 0 14px 0;}
.boite:last-child 							{margin-bottom: 0!important;}
div.contenubis								{clear: both;}
.boite li 									{padding: 5px 0 0 12px;position: relative;}
.boite.menu li:before,.boite.custom li:before 	{content: "\f105";font-family: FontAwesome;left: 0;padding: 0;position: absolute;top: 6px;}
.boite li a 									{line-height: 2.0;text-decoration: none;}
.boite a 									{text-decoration: none;}
.boite ul 									{margin: 0;padding: 0;}
.boite ul ul 									{margin-left: 20px;}
.boite.debut 								{color: #333;font-size: 16px;font-weight: 600;line-height: 32px;}
.boite.claire,#ancre3 .boite.claire 			{margin: 0!important;padding: 0!important;}
.claire div.contenubis 						{clear: both;}
.boite.pasdemarge 							{margin-left: 0!important;margin-right: 0!important;}
#gkSidebar .boite.advertisement 				{border-top: none;}
.boite.advertisement .debut 					{background: transparent;border-bottom: 1px solid #e5e5e5;color: #aaa!important;font-family: 'Arial, Helvetica, sans-serif';font-size: 11px!important;font-weight: 300;
											line-height: 16px;margin: 0 0 12px 0;min-height: 21px;padding: 0;text-align: right;}
.boite.advertisement .debut span 				{background: transparent;float: right;line-height: 16px;padding: 0;}
.boite_text > div 							{background: #fff;}
.boite.dark 																				{background: #333!important;color: #888;padding: 20px!important;}
.boite.dark .debut 																		{background: transparent!important;line-height: 1.2;}
.boite.dark h1,.boite.dark h2,.boite.dark h3,.boite.dark h4,.boite.dark h5,.boite.dark h6 	{color: #ddd;}
.boite.dark a 																			{color: #ddd!important;}
.boite.dark a:active,.boite.dark a:focus,.boite.dark a:hover 								{color: #145A78!important;}
.boite.color,#ancre3 .boite																{background: #145A78!important;color: #c9d9ff!important;padding: 20px!important;}
.boite.color .debut,#ancre3 .boite .debut 												{background: transparent!important;line-height: 1.2;}
.boite.color .debut small,#ancre3 .boite .debut small 										{color: #fff;}
.boite.color h1,.boite.color h2,.boite.color h3,.boite.color h4,.boite.color h5,.boite.color h6,#ancre3 .boite h1,#ancre3 .boite h2,#ancre3 .boite h3,#ancre3 .boite h4,#ancre3 .boite h5,#ancre3 .boite h6 
																						{color: #fff;}
.boite.color a,#ancre3 .boite a 															{color: #fff!important;}
.boite.color a:active,.boite.color a:focus,.boite.color a:hover,#ancre3 .boite a:active,#ancre3 .boite a:focus,#ancre3 .boite a:hover 	{color: #c9d9ff!important;}
.boite.colortitle .debut 			{color: #145A78;}
.boite.pasdemarge 					{margin: 0!important;padding: 0!important;}
.boite.titremoyen .debut 			{font-size: 36px;font-weight: 500;line-height: 2.0;margin: 0 0 45px 0;text-align: center;}
.boite.titrepetit .debut 			{font-size: 16px;font-weight: 500;line-height: 2.0;margin: 0 0 45px 0;text-align: center;}
.boite.titremoyen .fin 				{font-size: 30px;font-weight: 500;line-height: 2.0;margin: 0 0 45px 0;text-align: center;}
.debut2								{color:#fff;font-size: 16px;font-weight: 300;}
/** ancre3 */
#ancre3 .boite .border:hover 			{color: #145A78!important;}
#ancre3 .boite .border:hover 			{background: #fff!important;border-color: #fff!important;color: #145A78!important;}
#gkComponentWrap,#gkSidebar,#gkInset 	{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;float: left;}
#gkSidebar 									{padding: 0 0 0 65px;}
#gkSidebar 									{padding: 0 0 0 14px;}
#gkTop:after,#gkSidebar:after,.gkPage:after,footer:after,header:after,section:after,aside:after,article:after,.box:after,#k2Container:after,
article header:after,.itemSocialSharing:after,#gkTopMenu:after,article header ul:after,#gkTop1 > div:after,#gkTop2 > div:after.itemList:after 
body > footer:first-child,body > header:first-child,body > section:first-child,section#gkPage > section:first-child,section#gkComponentWrap > section:first-child 	{margin-top: 0;}												
#gkMainbodyTop .box,#gkMainbodyBottom .box 		{padding-left: 0;padding-right: 0;}
.contactform 									{overflow: hidden;padding: 60px 0 0 0;}
.contactform[data-cols="1"] > div 				{width: 100%;}
.contactform[data-cols="2"] > div 				{float: right;width: 41%;}
.contactform[data-cols="2"] > form 				{float: left;width: 45%;}
.contactform h3 									{color: #333;font-size: 20px;font-weight: 600;}
.contactform select								{padding-left:20px;} 
.contactform select option							{color: #145A78;} 	
.contactform form p 																	{margin: 0 0 12px 0;}
.contactform input[type="text"],.contactform input[type="email"],.contactform textarea 	{width: 100%;}
.contactform input[type="text"],.contactform input[type="email"] 						{height: 52px;line-height: 53px;padding: 0 22px;}
.contactform textarea 																	{height: 190px;padding: 22px;}
.contactform address 					{color: #999;font-size: 22px;font-style: normal;font-weight: 300;line-height: 36px;padding: 0px 0;}
.contactform address p 				{margin: 0;}
.contactinfo 						{color: #999;font-size: 22px;font-style: normal;font-weight: 300;line-height: 36px;margin: 10px 0 0 0;}
.contactsymbole 						{margin: 0;overflow: hidden;padding: 10px 0 0 0;}
.contactsymbole > a 					{display: block;float: left;height: 32px;margin-right: 6px;overflow: hidden;width: 32px;}
.contactsymbole > a:before 			{border: 2px solid #ebebeb;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
									box-sizing: border-box;color: #c7c7c7;display: block;font-family: FontAwesome;font-size: 16px;height: 32px;line-height: 28px;text-align: center;text-indent: 0;
									-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;width: 32px;}
.contactsymbole > a:hover:before 	{background: #145A78;border-color: #145A78;color: #fff;}
.contactsymbole > a:hover:before 	{background: #145A78;border-color: #145A78;}
.symbolefb:before 					{content: '\f09A';}
.symboletwitter:before 				{content: '\f099';}
.symbolegplus:before 				{content: '\f0d5';}
.simboleinkedin:before 				{content: '\f0e1';}
.icon-angle-left:before 				{content: "\f104";}
.icon-angle-right:before 			{content: "\f105";}
.icon-mobile-phone:before 			{content: "\f10b";}
.icon-heart:before 					{content: "\f004";}
.icon-bell:before 					{content: "\f0a2";}
.icon-spinner:before 				{content: "\f110";}
.icon-spin							{display: inline-block;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
/* société */
.classsociete 							{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;padding: 5px 0 0 0;position: relative;text-align: center;}
.classsociete .gkImagesWrapperLoadArea	{height: 0;overflow: hidden;}
.classsociete .imagesociete				{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 -1%;overflow: hidden;padding: 0 0 70px 0;width: 102%;}
.classsociete .imagesociete:after 		{clear: both;content: "";display: table;}
.classsociete .imagesociete > a 			{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;float: left;margin: 1%;padding: 0;position: relative;
										-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: -webkit-transform .3s ease-out;
										-moz-transition: -moz-transform .3s ease-out;-ms-transition: -ms-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out;}
.classsociete .imagesociete > a.active 			{display: block;}
.classsociete .imagesociete > a.show 				{-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
.classsociete .imagesociete.gkImagesCols1 > a 	{ width: 98%; }
.classsociete .imagesociete.gkImagesCols2 > a 	{ width: 48%; }
.classsociete .imagesociete.imagescols3 > a 		{ width: 31.3%; }
.classsociete .imagesociete.gkImagesCols4 > a 	{ width: 23%; }
.classsociete .imagesociete.gkImagesCols5 > a 	{ width: 18%; }
.classsociete .imagesociete.gkImagesCols6 > a 	{ width: 14.66%; }
.classsociete .imagesociete.gkImagesCols7 > a 	{ width: 12.28%; }
.classsociete .imagesociete.gkImagesCols8 > a 	{ width: 10.5%; }
.classsociete .imagesociete.gkImagesCols9 > a 	{ width: 9.11%; }
.classsociete .imagesociete.gkImagesCols10 > a 	{ width: 8%; }
.classsociete .imagesociete > a img 							{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0 auto;max-width: 100%;}
.classsociete .imagesociete > a > .gkImgOverlay 				{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;filter: alpha(opacity=0);height: 100%;left: 50%;opacity: 0; position: absolute;
															top: 0;-webkit-transition: opacity .3s ease-out;-moz-transition: opacity .3s ease-out;-ms-transition: opacity .3s ease-out;-o-transition: opacity .3s ease-out;
															transition: opacity .3s ease-out;width: 100%;z-index: 1;}
.classsociete .imagesociete > a > .gkImgOverlay > span 			{background: #145A78;display: block;height: 100%;width: 100%;}
.classsociete .imagesociete > a > .gkImgOverlay > span:before 	{border: 2px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-sizing: border-box;
															-moz-box-sizing: border-box;box-sizing: border-box;color: #fff;content: "\f0c1";font-family: FontAwesome;font-size: 22px;height: 52px;left: 50%;
															line-height: 50px;margin: -32px 0 0 -32px;opacity: 0; filter: alpha(opacity=0);position: absolute;text-align: center;top: 65%;
															-webkit-transition: all .2s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;
															transition: all .3s ease-out;width: 52px;}
.classsociete .imagesociete > a > .gkImgOverlay.active 				{filter: alpha(opacity=100);opacity: 1;}
.classsociete .imagesociete > a > .gkImgOverlay.active span:before 		{opacity: 1; filter: alpha(opacity=100);top: 50%;}
/* societe - animation */
.classsociete .animate_queue_element 				{opacity: 0; filter: alpha(opacity=0);position: relative;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);
													transform: scale(0);-webkit-transition: all .4s ease-out!important;-moz-transition: all .4s ease-out!important;-ms-transition: all .4s ease-out!important;
													-o-transition: all .4s ease-out!important;transition: all .4s ease-out!important;	}
.classsociete .animate_queue_element.loaded 			{opacity: 1; filter: alpha(opacity=100);top: 0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.classsociete .imagesociete > a > .gkImgOverlay > span 	{background: #145A78;}
/* ancre1-2 */
#ancre1-2				{background: #145A78;}
.moyens:before 			{display: none;}
.moyens 					{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;margin: 0;padding: 0 24px;}
.moyens.col1 			{ width: 100%; }
.moyens.deuxcol			{ width: 50%; }
.moyens.col3 			{ width: 33.3%; }
.moyens.col4 			{ width: 25%; }
.moyens img 				{float: left;margin: 4px 32px 4px 0;}
.moyens p 				{color: #fff;font-size: 18px;font-style: italic;line-height: 28px;margin: 0;}
.moyens p cite 				{color: #fff;display: block;margin: 20px 0 0 0;}
/* ancre1-2 - animation */
.moyens.animate 			{opacity: 0; filter: alpha(opacity=0);position: relative;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;
						-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.moyens.animate.loaded 	{opacity: 1; filter: alpha(opacity=100);}
.moyens.animate.deuxcol,.moyens.animate.col3,.moyens.animate.col4 														{left: -300px;}
.moyens.animate.deuxcol + .moyens.animate.deuxcol,.moyens.animate.col3:nth-child(3),.moyens.animate.col4:nth-child(4) 	{left: 300px;}
.moyens.animate.deuxcol.loaded,.moyens.animate.col3.loaded,.moyens.animate.col4.loaded 									{left: 0!important;}
/* ancre2*/
.action 						{margin: 0 -8px;padding: 80px 0;}
.action:after 				{clear: both;content: "";display: table;}
.action figure 				{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;margin: 0 1%;position: relative;width: 100%;}
figure.hover 					{opacity: 1; filter: alpha(opacity=100);}
.action.col2 figure 			{width: 48%; }
.action.col3 figure 			{width: 31.3%; }
.action.col4 figure 			{width: 23%; }
.action figure img 				{display: block;max-width: 100%;width: 100%;}
.action figcaption 				{background: #fff;margin: 14px 0 0 0;padding: 18px 22px;}
.action figcaption h3 			{color: #333;font-size: 20px;font-weight: 400;line-height: 1.0;margin: 0;height:50px}
.action figcaption small 			{color: #999;font-size: 14px;font-weight: 300;line-height: 1.0;}
/* ancre2 - animation */
.action figure.animate_queue_element 					{opacity: 0; filter: alpha(opacity=0);position: relative;top: 100px;-webkit-transform: scale(0.75);-moz-transform: scale(0.75);-ms-transform: scale(0.75);
													-o-transform: scale(0.75);transform: scale(0.75);-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;
													-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.action figure.animate_queue_element.loaded			{opacity: 1; filter: alpha(opacity=100);top: 0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.fondgris 											{background: #f8f8f8;}
/* Font */
@font-face 											{font-family: 'FontAwesome';src: url('https://www.collecte-eco.fr/fonts/fontawesome-webfont.eot?v=3.0.1');
													src: url('https://www.collecte-eco.fr/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
													url('https://www.collecte-eco.fr/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), 
													url('https://www.collecte-eco.fr/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');font-weight: normal;font-style: normal;}
[class^="icon-"],[class*=" icon-"] 					{font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased;}
[class^="icon-"]:before,[class*=" icon-"]:before 	{text-decoration: inherit;display: inline-block; speak: none;}	
.grosbouton			{background: #145A78;border: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;color: #fff!important;cursor: pointer;display: block;float: left;font-size: 15px;
					font-weight: 400!important;height: 34px;line-height: 34px;margin: 0 5px 2px 2px;padding: 0 15px;text-align: center;-webkit-transition: all .3s ease-out;
					-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}		
/*accueil remplacer image par texte*/
/*image1*/
.infoaa				{display: inline;position: relative;}
.infoaa span 			{display: none;}
.infoaa:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px;}
/*image2*/
.infob 				{display: inline;position: relative;}
.infob span 			{display: none;}
.infob:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px;}	
/*image3*/	
.infoc 				{display: inline;position: relative;}
.infoc span 			{display: none;}
.infoc:hover span  	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px;}
/*image4*/
.infod 				{display: inline;position: relative;}
.infod span 			{display: none;}
.infod:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px;}	
/*image5*/					
.infoe 				{display: inline;position: relative;}
.infoe span 			{display: none;}
.infoe:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px;}
/*image6*/
.infof 				{display: inline;position: relative;}
.infof span 			{display: none;}
.infof:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px}
/*image7*/
.infog 				{display: inline;position: relative;}
.infog span 			{display: none;}
.infog:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px}
/*image8*/
.infoh 				{display: inline;position: relative;}
.infoh span 			{display: none;}
.infoh:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px}
/*image9*/					
.infoi 				{display: inline;position: relative;}
.infoi span 			{display: none;}
.infoi:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px;}
/*image10*/
.infoj 				{display: inline;position: relative;}
.infoj span 			{display: none;}
.infoj:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px}
/*image11*/
.infok 				{display: inline;position: relative;}
.infok span 			{display: none;}
.infok:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px}
/*image12*/
.infol 				{display: inline;position: relative;}
.infol span 			{display: none;}
.infol:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -155px;left: 0px;background:#145A78;color: white;padding: 3px}
/*pour firefox uiquement*/	
@-moz-document url-prefix()
{
	.infoaa				{display: inline;position: relative;}
	.infoaa span 			{display: none;}
	.infoaa:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;background:#145A78;color: white;padding: 3px;}
	/*image2*/
	.infob 				{display: inline;position: relative;}
	.infob span 			{display: none;}
	.infob:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;background:#145A78;color: white;padding: 3px;}	
	/*image3*/	
	.infoc 				{display: inline;position: relative;}
	.infoc span 			{display: none;}
	.infoc:hover span  	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;;background:#145A78;color: white;padding: 3px;}
	/*image4*/
	.infod 				{display: inline;position: relative;}
	.infod span 			{display: none;}
	.infod:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;background:#145A78;color: white;padding: 3px;}	
	/*image5*/					
	.infoe 				{display: inline;position: relative;}
	.infoe span 			{display: none;}
	.infoe:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: 24px;left: -1010px;background:#145A78;color: white;padding: 3px;}
	/*image6*/
	.infof 				{display: inline;position: relative;}
	.infof span 			{display: none;}
	.infof:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;background:#145A78;color: white;padding: 3px}
	/*image7*/
	.infog 				{display: inline;position: relative;}
	.infog span 			{display: none;}
	.infog:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;background:#145A78;color: white;padding: 3px}
	/*image8*/
	.infoh 				{display: inline;position: relative;}
	.infoh span 			{display: none;}
	.infoh:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;background:#145A78;color: white;padding: 3px}
	/*image9*/					
	.infoi 				{display: inline;position: relative;}
	.infoi span 			{display: none;}
	.infoi:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: 24px;left: -1010px;background:#145A78;color: white;padding: 3px;}
	/*image10*/
	.infoj 				{display: inline;position: relative;}
	.infoj span 			{display: none;}
	.infoj:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;background:#145A78;color: white;padding: 3px}
	/*image11*/
	.infok 				{display: inline;position: relative;}
	.infok span 			{display: none;}
	.infok:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;background:#145A78;color: white;padding: 3px}
	/*image12*/
	.infol 				{display: inline;position: relative;}
	.infol span 			{display: none;}
	.infol:hover span 	{display: inline;position: absolute;white-space: nowrap;width:245px;height:167px;top: -158px;left: 0px;background:#145A78;color: white;padding: 3px}
}	
.plusinfosociete 				{width:1045px;position: relative;margin-top:60px}
.plusinfosociete .bouton 		{color: #fff!important;background: #145A78;width:200px;padding: 5px 10px 7px 10px;margin-right:100px}
.plusinfosociete .bouton:hover 	{background: #B2CC35}
.plusinfosociete .bouton 		{margin-left: 3px!important;}
.plusinfosociete .boutond 		{color: #fff!important;background: #145A78;width:200px;padding: 5px 10px 7px 10px;}
.plusinfosociete .boutond:hover 	{background: #B2CC35}
.plusinfosociete .boutond 		{margin-left: 3px!important;}
.colorred						{color: red}
.plusinfoservice 				{width:1045px;position: relative;}
.plusinfoservice .bouton 		{color: #fff!important;float: right;margin: 40px 0 0 26px;background: #145A78;width:200px;margin-right:420px;margin-top:40px;}
.plusinfoservice .bouton:hover 	{background: #B2CC35}
.plusinfoservice .bouton 		{margin-left: 3px!important;}
#indication						{color:blue;font-size:12px}
.niveau2						{display:none;position: absolute; width:300px; left: 80px; top: 0px; margin: 20px; padding: 0px;}
.niveau3						{display:none;position: absolute; width: 270px; left: 80px; top: 0px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau4						{display:none;position: absolute; width: 270px; left: 80px; top: 25px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau5						{display:none;position: absolute; width: 270px; left: 80px; top: 50px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau6						{display:none;position: absolute; width: 270px; left: 80px; top: 75px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau7						{display:none;position: absolute; width: 270px; left: 80px; top: 100px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau8						{display:none;position: absolute; width: 270px; left: 80px; top: 125px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau9						{display:none;position: absolute; width: 270px; left: 80px; top: 150px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau10						{display:none;position: absolute; width: 270px; left: 80px; top: 175px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau11						{display:none;position: absolute; width: 270px; left: 80px; top: 200px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau12						{display:none;position: absolute; width: 270px; left: 80px; top: 225px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau13						{display:none;position: absolute; width: 270px; left: 80px; top: 250px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau14						{display:none;position: absolute; width: 270px; left: 80px; top: 275px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau15						{display:none;position: absolute; width: 270px; left: 80px; top: 300px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau16						{display:none;position: absolute; width: 270px; left: 80px; top: 325px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau17						{display:none;position: absolute; width: 270px; left: 80px; top: 350px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau18						{display:none;position: absolute; width: 270px; left: 80px; top: 375px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau19						{display:none;position: absolute; width: 270px; left: 80px; top: 400px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau20						{display:none;position: absolute; width: 270px; left: 80px; top: 425px; margin: 20px; padding: 0px;background-color:#F5F5F5}
.niveau1:hover .niveau2,.niveau3,.niveau4,.niveau5,.niveau6,.niveau7,.niveau8,.niveau9,.niveau10,.niveau11,.niveau12,.niveau13,.niveau14,.niveau15,.niveau16,.niveau17,.niveau18	,.niveau19,.niveau20{display:block;}
.largeurtd						{width:30px}