@import url('Fonts/fonts.css');

*									{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

BODY								{font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 10.5pt; background-color: white;}
H1									{font-family: 'Droid Sans', sans-serif; font-weight: bold; font-size: 17pt; color: #031581; margin-bottom: 14px;}
H2									{font-family: 'Droid Sans', sans-serif; font-weight: bold; font-size: 15pt; color: #031581; margin-bottom: 14px;}
P									{margin-bottom: 18px;}
UL									{padding-left: 16px; margin-bottom: 18px;}
LI									{margin-bottom: 4px;}

A									{color: #22b14c; text-decoration: none;}
A:hover							{color: #22b14c; text-decoration: underline;}

.HEADER							{width: 100%;}

#RESEAUX-SOCIAUX				{text-align: right; padding: 10px 0; }
#RESEAUX-SOCIAUX A			{padding: 0 2px; }

#TOP-HEADER						{display: table; width: 100%; background-color: #ffffff;}
#HEADER-DIV						{position: relative; margin: auto; padding-top: 0px; height: 200px; }

#TOP-TELEPHONE					{width: 100%;}
#TELEPHONE-DIV					{position: absolute; right: 0; top: 65px; padding-right: 16px;}
#TELEPHONE-URGENCE			{color: #22b14c; font-size: 30px; line-height: 42px;}
#TELEPHONE						{color: #041580; font-size: 35px; line-height: 35px; text-shadow:1px 1px 2px rgba(0,0,0,0.3); font-weight: bold;}

#TOP-MENU						{height: 46px; margin: auto; }
#MENU-SIDE						{right: 0px; position: absolute; list-style: none; padding: 0; margin: 0;}
#MENU-SIDE LI					{display: inline-block; font-size: 16px; margin: 0;}
#MENU-SIDE A					{display: block; text-decoration: none; color: #031581; transition: 0.2s; }
#MENU-SIDE A:hover			{color: #777777;}
#MENU-SIDE A.MENU-ON			{color: #22b14c;}
.MENU-CHILD UL					{display: none; position: absolute; background-color: #cccccc; border: 1px solid #cccccc; padding: 0; margin: 0;}
.MENU-CHILD:hover UL			{display: inline-block; }
.MENU-CHILD UL A:hover		{background-color: #e6e6e6;}
.MENU-CHILD UL A.MENU-ON	{background-color: #4f8cff;}
.MENU-ARROW						{display: inline-block; content: url("Image/Menu-Arrow.png");}

#TOP-HEADER-MOB				{z-index: 800; }
#MENU-DEROULANT-MOB			{z-index: 799; width: 150px; position: fixed; left: 0; box-shadow: 20px 10px 15px rgba(0,0,0,0.1); display: none; }
#MENU-DEROULANT-MOB>A:first-child	{padding-top: 10px; }
#MENU-DEROULANT-MOB>A		{width: 100%; display: block; background-color: #fff; padding: 3px 0 3px 18px; color: #04158F; }
#MENU-DEROULANT-MOB .SUB-MENU		{box-shadow: inset 0 11px 5px -10px rgba(0,0,0,0.1), inset 0 -11px 5px -10px rgba(0,0,0,0.1); text-indent: 8px; background-color: #ededed; }
#MENU-DEROULANT-MOB>A:hover{background-color: #ededed; text-decoration: none; }
#MENU-DEROULANT-MOB DIV		{background-color: #fff; padding: 0 0 0 18px; display: block; width: 100%; }
#MENU-DEROULANT-MOB DIV IMG{margin: 4px 8px 8px 0; }
.VISIBLE							{display: block !important; }

#LEFT-NAV						{border: 1px solid #031581; padding: 0; margin: 0; list-style: none; max-width: 288px; width: 99%; }
#LEFT-NAV LI					{margin: 0;}
#LEFT-NAV LI:not(:first-child)		{border-top: 1px solid #031581;}
#LEFT-NAV LI A					{display: block; text-decoration: none; padding: 10px; background-color: #e6e6e6; color: #031581; transition: 0.2s; }
#LEFT-NAV LI:not(:first-child) A		{padding-left: 30px}
#LEFT-NAV LI A:hover			{background-color: #d6d6d6;}
#LEFT-NAV LI A.MENU-ON		{background-color: white; color: #22b14c;}
.COL-3 IMG						{max-width: 288px; width: 100%; }

.SIDE-BOX						{padding: 10px; background-color: #666666;}
.SIDE-BOX H2					{margin: 0; color: #22b14c;}
.SIDE-BOX UL					{color: white;}

.TOP-CONTENT					{width: 100%;}
.CONTENT							{margin: auto; text-align: center;}
.HEADER-IMG						{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.STRIP-IMAGE					{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.ACCUEIL-LIENS					{border-bottom: 1px solid #031581;}
.ACCUEIL-LIENS DIV			{display: inline-block; }

.TEXT-IMG						{float: left; margin-left: 18px; margin-right: 18px;}

.LINE								{width: 100%; height: 1px; background-color: #031581;}

.MINI-TITLE						{font-family: 'Droid Sans'; font-size: 9pt; font-weight: bold;}

.TOP-CONTENT-GREEN			{width: 100%; background-color: #22b14c;}
.TOP-CONTENT-GREEN H1		{color: white;}
.TOP-CONTENT-GREEN H2		{color: white; margin-top: 0px; margin-bottom: 10px;}
.TOP-CONTENT-GREEN P			{color: white; margin-bottom: 14px;}
.TOP-CONTENT-GREEN .MINI-TITLE		{color: white;}

.COL-GROUP						{overflow: hidden;}
.COL-1							{float: left; padding-right: 16px; text-align: left;}
.COL-2							{float: left; text-align: left;}
.COL-3							{float: left; padding-right: 16px; text-align: left;}
.COL-4							{float: left; text-align: left;}
.COL-5							{float: left; text-align: left; }
.COL-6, .COL-7					{vertical-align: top; display: inline-block; text-align: left; }

.BOUTON-SERVICE				{text-align: center; border-top: 2px solid #041580; padding: 25px 0 30px; }
.BOUTON-SERVICE IMG			{max-width: 291px; width: 100%; }

#REALISATIONS A IMG			{cursor: pointer; }
.REALISATION-IMG				{height: 139px; box-shadow: inset 0 0 5px black; margin-right: 3px; margin-bottom: 3px;}

.FORM								{width: 100%;}
.FORM .RANGEE					{width: 100%; display: block; margin: 7px 0; }
.FORM .ROUGE					{color: red; }
.FORM .DROITE					{text-align: right; }
.FORM .F-COL-1					{display: inline-block; }
.FORM .F-COL-1 P				{margin: 0; }
.FORM .F-COL-2					{display: inline-block; }
.FORM .F-COL-2 input,
.FORM .F-COL-2 textarea		{border: 1px solid #BBB; padding: 4px; transition: 0.2s; font-family: 'Open Sans', sans-serif; }
.FORM .F-COL-2 input:hover,
.FORM .F-COL-2 textarea:hover		{border-color: #DDD; }
.FORM .F-COL-2 input:focus,
.FORM .F-COL-2 textarea:focus		{border-color: #777; }
.FORM .RANGEE-BOUTON			{text-align: right; padding-right: 1%; }
.FORM .RANGEE-BOUTON	input	{background-color: #777; padding: 7px 12px; color: #fff; font-size: 10pt; border-radius: 3px; font-weight: lighter; border: 1px solid #555; cursor: pointer; transition: 0.3s; }
.FORM .RANGEE-BOUTON	input:hover	{background-color: #888; }

.FORM .RANGEE-CAPTCHA		{width: 100%; display: inline-block; }
#CaptchaGoogle					{float: right; padding: 15px 2px 15px 0px;  }

.CARTES IMG						{width: 55px;}

#TOP-FOOTER						{width: 100%; background-color: #666666; font-size: 9pt; color: white;}
#TOP-FOOTER P					{margin-bottom: 0px;}
#FOOTER-DIV						{margin: auto; padding-top: 10px; padding-bottom: 10px;}
#FOOTER-MENU					{list-style: none; padding:0; margin: 0; }
#FOOTER-MENU LI				{display: inline-block; margin: 0;}
#FOOTER-MENU LI:not(:last-child):after	{margin-left: 3px; content: '|'; color: white; margin-right: 3px;}
#FOOTER-MENU A					{color: white;}