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

@keyframes Sub-Menu
{
	0%		{padding: 5px 0 15px 0; opacity: 0; }
	100%	{padding: 15px 0 15px 0; opacity: 1; }
}
@keyframes FormPopup
{
	0%		{opacity: 0; top: -10px; }
	8%		{opacity: 1; top: -2px; }
	75%	{opacity: 1; top: -2px; }
	100%	{opacity: 0; top: -2px; }
}
@keyframes AnimOn { 0% 	{left: 1px; }	100%	{left: 22px; } }
@keyframes AnimOff { 0% 	{left: 22px; }	100%	{left: 1px; } }

body			
{
   background-color: #FFF;  
	margin-top: 0 !important;
	margin-left: 0 !important; 
	margin-bottom: 0 !important; 
	margin-right: 0 !important; 
	width: 100%;
	height: 100%;
	display: block; 
}

form 		{display: inline; margin: 0; margin-bottom:0; padding: 0; }
iframe 	{display: inline; margin: 0; margin-bottom:0; padding: 0; }
div	 	{display: inline; margin: 0; margin-bottom:0; padding: 0; }
h1,
h2,
h3,
h4,
h5,
h6,
big						{font-family: 'GothamBold'; color: #034081; margin: 0; }
p,
span,
a,
button				{font-family: 'GothamMedium'; margin: 0; color: #0e559f; font-weight: normal; }
p						{text-align: justify; }
li						{font-family: 'GothamLight'; margin: 0; color: #0e559f; font-weight: normal; }
a						{text-decoration: none; }
div					{display: block; }
li						{line-height: 125%; margin: 5px 0; }
li:before			{content: ''; display: inline-block; height: 15px; width: 15px; background-image: url(Image/Liste-Point.png); background-size: contain; background-position: bottom left; margin-top: 4px; }
ul						{list-style: none; padding-left: 15px; margin: 10px 0; }

.THIN 				{font-family: 'GothamThin' !important; }
.LIGHT 				{font-family: 'GothamLight' !important; }
.MEDIUM 				{font-family: 'GothamMedium' !important; }
.BOLD 				{font-family: 'GothamBold' !important; }
.BLACK 				{font-family: 'GothamBlack' !important; }
.TEXT-UP				{text-transform: uppercase; }
.FOND-GRIS			{background-color: #F8F8F8; }
.BLEU-FONCE			{color: #034081 !important; }
.BLEU-PALE			{color: #0ca0e2 !important; }
.ROUGE				{color: #fd3535 !important; }
.LEFT					{text-align: left !important; }
.F-LEFT				{float: left !important; }
.CENTER				{text-align: center !important; }

.CONTENEUR 			{width: 100%;  }
.LARGEUR-1200,		
.LARGEUR-1200-M	{max-width: 1200px; margin: 0 auto; }

/* --------------------- STYLES -------------------------- */
.LIEN-BLEU			{color: #0e559f; transition: 0.3s; padding: 4px; text-decoration: underline; }
.LIEN-BLEU:hover,
.LIEN-BLEU:focus,
.LIEN-BLEU:active	{color: #0ca0e2; }

/* ---- */

.TITRE-BLEU				{color: #12549f; font-size: 21pt; letter-spacing: 1px; margin-bottom: 35px; }
.TITRE-BLANC			{color: #FFF; font-family: 'GothamMedium'; line-height: 150%; }
.TITRE-BLANC2			{color: #FFF; font-family: 'GothamMedium'; line-height: 125%; }

/* ---- */

.TEXTE-BLEU				{color: #034081; font-family: 'GothamLight'; font-size: 13pt; }

/* ---- */

.GROS-BOUTON-ROUGE			{background-image: url("Image/Bouton-Rouge-Bg.jpg"); background-size: cover; background-position: center; display: inline-block; color: #FFF; border: 3px solid #FFF;
									 box-shadow: 5px 5px 10px rgba(0,0,0,0.5); border-radius: 10px; transition: 0.3s; }
.GROS-BOUTON-ROUGE:focus,	
.GROS-BOUTON-ROUGE:active,	
.GROS-BOUTON-ROUGE:hover	{border-color: #fd3636; }

/* ---- */

.GROS-BOUTON-ROUGE2			{background-image: url("Image/Bouton-Rouge-Bg.jpg"); background-size: cover; background-position: center; display: inline-block; color: #FFF; border: 3px solid #FFF;
									 box-shadow: 5px 5px 10px rgba(0,0,0,0.5); border-radius: 6px; transition: 0.3s; position: relative; padding: 10px 40px 10px 10px; margin-top: 20px; }
.GROS-BOUTON-ROUGE2 IMG		{position: absolute; width: 25px; margin: auto 0; right: 6px; }
.GROS-BOUTON-ROUGE2:focus,	
.GROS-BOUTON-ROUGE2:active,	
.GROS-BOUTON-ROUGE2:hover	{border-color: #fd3636; }

/* ---- */

.PETIT-BOUTON-BLANC			{display: inline-block; padding: 12px 40px 12px 12px; position: relative; transition: 0.3s; background-color: #12549F; cursor: pointer; color: #FFF !important;
									 font-family: 'GothamBlack' !important; text-transform: uppercase; font-size: 12pt; border-radius: 6px; border: none !important; margin-top: 20px; }
.PETIT-BOUTON-BLANC IMG		{width: 25px; position: absolute; top: 11px; right: 6px; box-shadow: 0px 0px #0ca0e2; }
.PETIT-BOUTON-BLANC:focus,
.PETIT-BOUTON-BLANC:active,
.PETIT-BOUTON-BLANC:hover	{padding: 12px 50px 12px 12px; box-shadow: 5px 5px #0ca0e2; }

/* -------------------------------------------------------- */

/* ----------------------- MENU --------------------------- */
.MENU					{background-color: #FFF; box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 99; }
.MENU>DIV			{position: relative; }
#MENU-DEROULANT	{position: fixed; top: 60px; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; width: 225px; background-color: #0b6daf; bottom: 0;
						 padding-top: 10px; z-index: 95; box-shadow: 0px 0 15px rgba(0,0,0,0.5); }
#MENU-DEROULANT P							{transition: 0.3s; }
#MENU-DEROULANT P:hover 				{opacity: 0.7; }
#MENU-DEROULANT .MENU-NAV A+A P,
#MENU-DEROULANT .MENU-NAV A+A+A+A P	{background-color: #0f77bc; }
#MENU-DEROULANT .MENU-NAV A+A+A P	{background-color: #0b6daf; }
#MENU-DEROULANT .MENU-NAV P			{padding: 10px 0 10px 10px; color: #FFF; }
#MENU-DEROULANT .MENU-BOUTONS P		{background-color: #004675; color: #FFF; font-size: 10pt; position: relative; padding: 10px 0 10px 10px; padding-left: 45px; border-bottom: 1px solid rgba(11,109,175,0.3); }
#MENU-DEROULANT .MENU-BOUTONS IMG	{position: absolute; left: 10px; top: 5px; }
.VISIBLE				{left: 0; }
.INVISIBLE			{left: -320px; }

.ONGLET-MENU		{display: inline-block; position: relative; }
.ONGLET-MENU:hover .SOUS-MENU
{
	z-index: 1;
	display: block;
	animation-name: Sub-Menu;
	-webkit-animation-name: Sub-Menu;
	-moz-animation-name: Sub-Menu;
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	padding: 15px 0 15px 0;
	opacity: 1; 
}
.SOUS-MENU			{min-width: 163.167px; position: absolute; left: 0; background-color: #003169; padding: 5px 0 15px 0; opacity: 0; z-index: -99999; display: none; }
.SOUS-MENU A		{display: block; text-align: left; padding: 5px 10px; color: #fff; transition: 0.3s; white-space: nowrap; }
.SOUS-MENU A:hover{background-color: #033A78; color: #bcd3ee; }

.MENU2						{display: initial; }
.MENU2 #MENU-DEROULANT	{width: 238px !important; }
.SOUS-MENU-M A				{display: block; color: #bcd3ee; padding: 5px 0 5px 20px; font-size: 11pt; }
.MENU2 .MENU-BOUTONS		{margin-top: 10px; }

/* ----------------------- FOOTER ---------------------------- */
.FOOTER					{background-color: #033a78; }
.CREDITS					{background-color: #003169; padding: 10px 0; }
.LOGO-FOOTER			{display: block; margin: 0 auto; }
.FOOTER-NAV				{text-align: center; }
.FOOTER-NAV P			{font-size: 12pt; color: #78a8de; transition: 0.2s; letter-spacing: 0.5px; }
.FOOTER-NAV P:hover	{color: #bcd3ee; }
.F-SELECT				{color: #FFF !important; }
.CREDITS P,
.CREDITS SPAN			{font-size: 10pt; font-family: 'GothamLight'; color: #78a8de; text-align: center; }
.CREDITS2 SPAN			{vertical-align: middle; }
.CREDITS2 P IMG		{vertical-align: middle; padding-right: 15px; }
.CREDITS A				{color: #FFF; transition: 0.2s; }
.CREDITS A:hover		{opacity: 0.6; }

/* ----------------------- ACCUEIL --------------------------- */
/* S1 */
.IMAGE-FULL-WIDTH		{background-size: cover; background-position: center; padding: 150px 0; text-align: center; }
.IMAGE-FULL-WIDTH-2	{background-size: cover; background-position: center; text-align: center; }
.S1-A						{background-image: url("Image/Accueil-S1-Bg.jpg"); }
.S1-B						{background-image: url("Image/Autre-S1-Bg.jpg"); }
.S1-C						{background-image: url("Image/Estimation-S1-Bg.jpg"); }
.S1-D						{background-image: url("Image/Contact-S1-Bg.jpg"); }
.S1-E						{background-image: url("Image/Paiement-S1-Bg.jpg"); }
.S1-F						{background-image: url("Image/Politique-S1-Bg.jpg"); }
.IMAGE-FULL-WIDTH-2 H1 SPAN,
.IMAGE-FULL-WIDTH H1 SPAN			{display: inline-block; }

/* S2 */
.S2-A						{padding: 45px 0; }
.COL-2-5.COL-1 		{display: inline-block; }
.COL-2-5.COL-1 IMG	{width: 100%; display: block; max-width: 400px; margin-left: auto; margin-right: auto; }
.COL-2-5.COL-1 .CARTE{padding-right: 14px; }
.COL-2-5.COL-2 		{display: inline-block; vertical-align: middle; }
.SLOGAN					{color: #0e559f; font-family: 'GothamBold' !important; text-transform: uppercase; font-size: 15pt; text-align: left; }

/* S3 */
.S3-A						{background-image: url("Image/Accueil-S3-Bg.jpg"); background-size: cover; background-position: center; }
.COL-1-2.COL-1			{display: inline-block; vertical-align: middle; }
.COL-1-2.COL-2			{display: inline-block; vertical-align: top; }
.COL-1-2.COL-2 IMG	{display: block; }

/* S3-B */
.S3-B						{background-image: url("Image/Accueil-S3-Bg.jpg"); background-size: cover; background-position: center; position: relative; }
.COL-1-2.COL-1			{display: inline-block; vertical-align: middle; }
.COL-1-2.COL-2			{display: inline-block; vertical-align: top; }
.COL-1-2.COL-2 IMG	{display: block; }

/* ------------------------ FORMULAIRES ------------------------- */
FORM:not(FORM[name="FormAdmin"])		{display: block; margin-top: 15px; }

FORM[name="Form1"] P,
FORM[name="FormAchat"] P		{text-align: left; font-size: 12pt; }

.FORM-COL-1				{width: 100%; display: block; vertical-align: top; padding: 2px 0; }
.FORM-COL-1-1			{width: 100%; margin: 10px 0; display: block; vertical-align: top; }
.FORM-COL-1-2			{padding: 2px 0; }
.FORM-COL-1-2.COL-1	{display: inline-block; vertical-align: top; }
.FORM-COL-1-2-SPECIAL.COL-1	{display: inline-block; margin-right: 1%; vertical-align: top; }
.FORM-COL-1-2.COL-2	{display: inline-block; vertical-align: top; }
.FORM-COL-1-3			{display: inline-block; vertical-align: top; width: 34%; padding: 2px 0; }
.FORM-COL-1-3.COL-2	{margin-left: 1%; }
.FORM-COL-2-3			{display: inline-block; vertical-align: top; width: 65%; }
INPUT,TEXTAREA			{display: block; width: 98%; padding: 7px 1%; }
.PAGE-FORM .SELECT-WRAPPER {display: block; position: relative; }
.PAGE-FORM .SELECT-WRAPPER2 {display: inline-block; position: relative; }
.PAGE-FORM .SELECT-WRAPPER:after,
.PAGE-FORM .SELECT-WRAPPER2:after
{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #034081 transparent transparent transparent;
	position: absolute; 
	top: 15px;
	right: 10px;
	z-index: -1;
}
.PAGE-FORM SELECT
{
	display: block;
	width: 100.3%;
	padding: 6px 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: rgba(255,255,255,0);
}
INPUT,TEXTAREA,SELECT{font-family: 'GothamLight'; color: #034081; font-size: 10pt; font-weight: normal; border: 1px solid #D4E1EA; border-radius: 2px; transition: 0.3s;
							 box-shadow: 1px 1px 5px rgba(0,0,0,0.1); background-color: #FFF; }
TEXTAREA					{min-height: 96px; }
OPTION					{font-family: 'GothamLight'; font-weight: normal; }
INPUT:focus,
TEXTAREA:focus,
INPUT:active,
TEXTAREA:active		{border-color: #208BD7; }
.SPACETXT				{height: 22px; }
.SPACE3					{display: block; height: 10px; }
.ATTACH-PHOTOS			{margin-bottom: 20px; }
.ATTACH-PHOTOS .FORM-COL-1-4	{padding-top: 10px; }
.ATTACH-PHOTOS>P		{padding-bottom: 15px; }
.ATTACH-PHOTOS INPUT	{margin: 0 !important; border: none !important; border-radius: 0px !important; box-shadow: none !important; }
FORM P					{padding-bottom: 5px; }
.MAX-UPLOAD				{font-size: 9.5pt; color: #0ca0e2; margin-left: 1.3%; padding-bottom: 0 !important; line-height: 100%; text-align: left; }
#FORM-MONTANT			{width: 90px !important; display: inline-block; }
.TXT-MONTANT			{padding-left: 5px; }
#CARTE-CODE-SECURITE	{width: 50px !important; }
.CVV						{width: 60px; margin-right: auto; display: inline-block; }
.DATE-EXPIRATION							{display: inline-block; width: 152px; }
.DATE-EXPIRATION .SELECT-WRAPPER2	{max-width: 65px; width: 46%; }
.DATE-EXPIRATION SPAN					{padding: 0 5px; }
FORM .PETIT-BOUTON-BLANC				{margin-top: 15px !important; }
.LABEL-FILE				{padding: 7px 12px; transition: 0.3s; background-color: #12549F; cursor: pointer; color: #FFF !important; font-family: 'GothamBold' !important; text-transform: uppercase;
							 font-size: 12pt; border-radius: 6px; border: none !important; box-shadow: 0px 0px #0ca0e2; }
.LABEL-FILE:focus,
.LABEL-FILE:active,
.LABEL-FILE:hover		{box-shadow: 5px 5px #0ca0e2; }
.INPUT-FILE				{display: none; }

#MESSAGE-ERREUR		{background-color: rgba(255,0,0,0.1); padding: 4px; border: 2px solid rgb(255,0,0); border-radius: 5px; white-space: initial; }
#MESSAGE-ERREUR P		{color: rgb(255,0,0); font-size: 10pt; white-space: initial; }
#VIDE-ERREUR,
#COURRIEL-ERREUR, #POLITIQUE-ERREUR	{color: rgb(255,0,0); font-size: 10pt; margin-bottom: 0px; font-family: 'GothamLight'; }
.SHOWIB					{display: inline-block !important; }
.HIDDEN					{display: none !important; }
.FORM-ERREUR,
.FORM-ERREUR-EXP SELECT		{border-color: rgb(255,0,0) !important;}

/* POLITIQUE */
.POLITIQUE-F			{width: 98%; padding: 5px 1%; display: block; height: 44px; overflow-y: scroll; background: #FFF; border: 0px; font-size: 6.5pt !important; line-height: 110%;
							 color: #034081 !important; box-shadow: inset 0 0 4px rgba(0,0,0,0.1); font-family: 'GothamLight' !important; }
.POLITIQUE-F A			{color: #034081 !important; font-size: 6.5pt !important; font-family: 'GothamBold' !important; }
.POLITIQUE-F P			{font-weight: bold; font-size: 11pt !important; color: #0e559f !important; margin: 0 0 3px 0; }
.FORMP					{display: block; text-align: right; }
.FORMP INPUT			{display: inline; width: 20px; }
.FORMP LABEL			{color: #034081; font-weight: 600; font-size: 10.5pt; font-family: 'GothamLight'; }

/* --------------------------- CONTACT ----------------------------- */
.INFOS-CONTACT			{display: block; margin: 20px; padding: 15px 15px; background-color: #F0F3F8; border-radius: 3px; }
.INFOS-CONTENEUR		{display: block; }
.INFOS-COL1				{display: inline-block; vertical-align: top; }
.INFOS-COL2				{display: inline-block; text-align: left; vertical-align: top; }


/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
/* -------------------------- ADMIN -------------------------------- */
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */


/* ------------------------- GENERAL ------------------------------- */
.SECTION							{font-size: 10pt; padding:10px 0 5px; box-shadow: inset 0 -15px 15px -15px rgba(0,0,0,0.3); background-color: #FFF; }
.SECTION	.LARGEUR-1200		{position: relative; }
.SECTION P, .SECTION A		{display: inline; padding-bottom: 2px; line-height: 150%; }
.SECTION DIV					{margin-bottom: 4px; }

.SECTION2						{background: #60758d; padding: 5px 0 15px; }
.SECTION2 *						{font-size: 9.5pt; font-family: 'GothamMedium'; }

.ARIGHT-L						{text-align: right; }
.ARIGHT-L:after				{content: " "; white-space: pre; }

/* ------------------------- GESTION ------------------------------- */
/* LISTE */
.ADMIN-LIST						{max-width: 980px; width: 100%; margin: 0px auto 0px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.ADMIN-LIST						{box-shadow: none; }
.ADMIN-LIST .LISTE-R			{box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.ADMIN-LIST .LISTE-CS		{box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.ADMIN-LARGE					{max-width: 1080px; }

.LISTE-TITRE													{border-radius: 5px 5px 0 0; overflow: hidden; }
.LISTE-TITRE .LISTE-C, .LISTE-TITRE .LISTE-C *		{color: #FFF; position: relative; text-indent: 7px; }
.LISTE-TITRE .LISTE-CW, .LISTE-TITRE .LISTE-Cw *		{color: #FFF; position: relative; text-indent: 7px; }
.LISTE-TITRE .LISTE-C *										{display: block; }
.LISTE-R															{width: 100%; position: relative; }
.LISTE-R .LISTE-C, .LISTE-R .LISTE-CW					{background: white; }
.LISTE-TITRE .LISTE-C, .LISTE-TITRE .LISTE-CW		{background: #12549F; }
.LISTE-G							{text-indent: 5px; min-height: 20px; padding-top: 2px; }

.LISTE1 DIV						{display: inline-block; padding: 2px 0; }
.LISTE1							{border-radius: 5px 5px 0 0; border: 1px solid #CCC; box-shadow: 0 0 8px rgba(0,0,0,0.05); display: block; padding: 3px 5px; background: #efefef; }
.LISTE2							{background: #FFF; border: 1px solid #CCC; border-top: 0px; border-radius: 0 0 5px 5px; display: block; padding: 5px 5px 5px 30px; }

.LISTE-C, .LISTE-CW			{margin: 0; padding: 2px 0; display: inline-block; overflow: hidden; text-indent: 7px; white-space: nowrap; }

.LISTE-CS						{width: 100%; position: relative; padding: 6px 0 2px; margin-bottom: 4px; }
.LISTE-SS						{width: 100%; position: relative; padding: 4px 0 0 0; margin-top: 4px; border-top: 1px solid #EFEFEF;  cursor: pointer; }
.LISTE-S							{font-size: 8pt; min-height: 12px; margin: 0; padding: 0; display: inline-block; overflow: hidden; text-indent: 2px; white-space: nowrap; }

.FORM-C							{height: 22px; padding: 0; text-indent: 0px; }

.C-TEXTAREA						{height: initial; }
.C-TEXTAREA	TEXTAREA			{background: rgba(255,255,255,0); min-height: 48px; border: none; margin: 0; padding: 5px 1%; resize: none; }

.NOTB								{font-family: 'GothamLight'; }
.C-S								{width: 22px; }
.C-6								{width: 60px; }
.C-7								{width: 70px; }
.C-10								{width: 102px; }
.C-12								{width: 133px; }
.C-14								{width: 121px; }
.C-15								{width: 151px; }
.C-20								{width: 200px; }
.C-20P							{width: 20%; }
.C-30P							{width: 30%; }
.C-40P							{width: 40%; }
.C-50P							{width: 50%; display: inline-block; }
.C-50P-RIGHT					{width: calc(50% - 5px); margin-left: 5px; display: inline-block; }
.C-100							{width: 100%; }

.C-5								{width: 34px; vertical-align: top; }
.C-95								{width: calc(100% - 39px); margin-left: 5px; overflow: visible; display: inline-block; white-space: normal; }

.C-VAR1							{width: calc(100% - ((2 * 102px) + (3 * 151px))); }
.C-VAR2							{width: calc(100% - ((3 * 102px) + 200px)); }
.C-VAR3							{width: calc(100% - ((3 * 102px) + 151px)); }
.C-VAR4							{width: calc(100% - ((2 * 200px) + 102px)); }
.C-VAR5							{width: calc(100% - ((2 * 151px) + 200px)); }
.C-VAR6							{width: calc(100% - ((2 * 102px) + (2 * 133px) + 151px)); }
.C-VAR7							{width: calc(100% - ((2 * 102px) + 200px)); }
.C-VAR8							{width: calc(100% - ((4 * 70px) + (2 * 102px) + 22px)); }
.C-VAR9							{width: calc(100% - (5 * 102px)); }

/* FORMULAIRE ADMIN */
.ADMINC						{width: 90%; max-width: 980px; margin: 0 auto; padding: 20px 0 0; font-family: 'GothamMedium'; font-size: 10pt; color: #0e559f; }
.DIV-980						{width: 90%; max-width: 980px; margin: 0 auto; }
.DIV-750						{width: 100%; max-width: 750px; margin: 0 auto; }
.DIV-580						{width: 90%; max-width: 580px; margin: 0 auto; }
.DIV-500						{width: 100%; max-width: 500px; margin: 0 auto; }
.DIV-350						{width: 94%; max-width: 350px; margin: 3%; display: inline-block; vertical-align:top; text-align: left; }

.ADMIN-FORM					{margin: 0 auto; padding: 35px 0; position: relative; }
.ADMIN-FORM	*				{font-family: 'GothamMedium'; color: #0051ca; vertical-align: top; display: inline-block; }
.ADMIN-FORM.STYLEBOITE	{background: #FFF; border: 1px solid #eee; box-shadow: 2px 2px 10px rgba(0,0,0,0.05); padding: 20px 5% 35px; width: 89.9%; }

.INPUT-L:active, .INPUT-L:focus, .SELECT-L:active, .SELECT-L:focus, .TEXTAREA-L:active, .TEXTAREA-L:focus		{box-shadow: inset 0 0 3px #5294DF; }
.INPUT:active, .INPUT:focus, .TEXTAREA:active, .TEXTAREA:focus, .SELECT:active, .SELECT:focus						{box-shadow: inset 0 0 3px #5294DF, 0px 1px 2px black; }

.INPUT, .TEXTAREA, .SELECT			{font-family: 'GothamMedium'; font-size: 9.5pt; padding: 3px 0 3px 0; box-shadow: 0px 1px 2px black; border: 0; transition: 0s; width: 100%; resize: none; margin-top: 5px; }
.INPUT-L, .TEXTAREA-L, .SELECT-L	{font-family: 'GothamMedium'; color: #12549f; font-size: 9.5pt; }
.STYLEBOITE .INPUT, .STYLEBOITE .TEXTAREA, .STYLEBOITE .SELECT		{font-family: 'GothamMedium' !important; font-size: 9.5pt; background-color: #F7F7F7; }
.INPUT								{text-indent: 4px; min-height: 14px; }
.SELECT								{padding: 1px 0 3px 0; }
.TEXTAREA							{padding: 4px; width: calc(100% - 8px); min-height: 108px; }
.DISABLED							{color: #7F7F7F; }

.INPUT-L, .SELECT-L				{font-size: 10pt; border: none; box-shadow: none; transition: 0s; width: 100%; height: 22px; padding: 0; margin: 0; background: rgba(255,0,0,0) !important; text-indent: 7px; }
.SELECT-L							{text-indent: 2px; }

.DIV-INPUT, .DIV-TEXT	{display: inline-block; width: 100%; text-align: left; }
.DIV-TEXT					{padding-top: 7px; }

.DIV-33C						{max-width: 350px; width: 80%; margin: 5px auto; display: block; }
.DIV-33C .DIV-INPUT		{float: initial; display: block; width: 100%; }
.DIV-33C .DIV-INPUT .INPUT,	
.DIV-33C .DIV-INPUT .SELECT,	
.DIV-33C .DIV-INPUT .TEXTAREA		{float: initial; width: 99.5%; border: 1px solid #D4E1EA; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); transition: 0.3s; padding: 7px 0; text-indent: 7px; color: #034081;
											 font-size: 10.5pt; margin: 2px 0; }

.DIV-100F					{width: 100%; }
.DIV-100F .DIV-INPUT 	{width: 99.5%; }
								 
.DIV-10						{width: 10%; display: inline-block; }
.DIV-20						{width: 20%; display: inline-block; }
.DIV-40						{width: 40%; display: inline-block; }
.DIV-45						{width: 45%; display: inline-block; }
.DIV-50						{width: 50%; display: inline-block; }
.DIV-60						{width: 60%; display: inline-block; }

.RIGHT						{float: right; }
.LABEL						{text-align: right; padding-top: 8px; color: #2F2F2F; font-size: 9.5pt; }
.LABEL-TOP					{color: #FFF; font: 10pt 'GothamLight';  text-indent: 3px; padding-top: 3px; }
.LABEL-TOPB					{color: #0E559F; text-align: left; text-indent: 3px; padding-top: 3px; }

.SPACE						{display: block; height: 15px; }	
.SPACE2						{display: block; height: 25px; }	
.SPACE4						{display: block; height: 50px; }	
.SPACE5						{display: block; height: 10px; }	
.SPACE6						{display: block; height: 5px; }	

.LINE							{display: block; height: 1px; margin-bottom: 2px; border-bottom: 1px solid #0e559f; }	

/* MASQUES */
.DIV-MT							{margin-left: auto; margin-top: -17px; width: 13px; height: 18px; display: block; color: #0051ca !important; }
.MASK-MT							{text-align: right; padding-right: 14px; width: calc(100% - 14px); }
.MASK-PCT						{text-align: right; padding-right: 14px; width: calc(100% - 14px); }
.MASK-DATE						{text-align: right; padding-right: 25px; width: calc(100% - 25px); }
.MASK-MTNO						{text-align: right; padding-right: 7px; width: calc(100% - 7px); }

/* FICHES TACHES */

.FICHE							{background: #FFF; border: 1px solid #E3E3E3; box-shadow: 2px 2px 10px rgba(0,0,0,0.05); width: 45%; margin: 2.3%; display: inline-block; }
.FICHE *							{font-family: 'GothamMedium'; font-size: 10pt; color: #2F2F2F; }
.FICHE-100						{background: #FFF; border: 1px solid #E3E3E3; box-shadow: 2px 2px 10px rgba(0,0,0,0.05); width: 96%; margin: 2%; display: inline-block; }
.FICHE-100 *					{font-family: 'GothamMedium'; font-size: 10pt; color: #2F2F2F; }
.FICHE-100 INPUT				{color: #0051ca; }

.FICHECONT						{padding: 30px 7% 15px 7%; }
.LABEL2							{display: inline-block; padding-right: 3px; padding-bottom: 2px; }
.DIV-TEXT2	 					{display: inline-block; color: #0051ca; padding-bottom: 5px; }
.DIV-TEXT2 *					{color: #0e559f; }
.DIV-TEXT2.DIV-100 *			{width: 100%; }
.DIV-TEXT2.DIV-100 TEXTAREA{width: 98%; min-height: 45px; }

.BTNAREA							{background: linear-gradient(#F3F3F3,#EEE); padding: 10px 7% 10px 7%; border-top: 1px solid #E3E3E3; position: relative; }
.BTNAREA *						{display: inline-block; font-size: 11pt; color: #555; font-family: 'GothamLight'; }
.BTNAREA .BTNSWITCH			{position: absolute; right: 7%; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; }

/* BOUTON ADMIN */

.ACTION						{text-align: right; padding: 10px 0 15px 0; width: 100%; }
.BOUTON						{display: inline-block; padding: 6px 9px 6px 29px; margin: 3px 0 3px 8px; position: relative; transition: 0.3s; cursor: pointer; color: #FFF !important;
								 font-family: 'GothamBlack' !important; text-transform: uppercase; font-size: 11pt; border-radius: 6px; border: none !important; }
.BOUTON IMG					{width: 21px; position: absolute; top: 4px; left: 5px; box-shadow: 0px 0px #0ca0e2; }
.BDELETE						{position: absolute; top: 1px; margin-right: -22px; border: none; background: none; padding: 0; cursor: pointer; }

.BTNSWITCH					{width: 45px; height: 25px; border-radius: 45px; box-shadow: 0 0 3px rgba(0,0,0,0.1); position: relative; cursor: pointer; background: #CCC; border: 1px solid #BBB; transition: 0.3s; }
.BTNROND						{width: 20px; height: 20px; background: #FFF; border-radius: 50%; position: absolute; top: 1px; box-shadow: 2px 0 4px rgba(0,0,0,0.1); }
.OFF .BTNROND				{left: 1px; border: 1px solid #BBB; }
.ON .BTNROND				{left: 22px; }
.ANIMON .BTNROND			{-webkit-animation-name: AnimOn; -moz-animation-name: AnimOn; animation-name: AnimOn; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; }
.ANIMOFF .BTNROND			{-webkit-animation-name: AnimOff; -moz-animation-name: AnimOff; animation-name: AnimOff; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; }

.SVERT.ON					{background: #14c955; border: 1px solid #00B240; }
.SVERT.ON .BTNROND		{border: 1px solid #00B240; }
.SJAUNE.ON					{background: #ebe029; border: 1px solid #d0c61e; }
.SJAUNE.ON .BTNROND		{border: 1px solid #d0c61e; }
.SROUGE.ON					{background: #da543a; border: 1px solid #a83119; }
.SROUGE.ON .BTNROND		{border: 1px solid #a83119; }

.BG-V							{background-color: #00B240; }
.BG-R							{background-color: #D83535; }
.BG-B							{background-color: #1255A0; }
.BG-V:active, .BG-V:focus,	.BG-V:hover		{box-shadow: 5px 5px rgba(0,178,64,0.4); }
.BG-R:active, .BG-R:focus,	.BG-R:hover		{box-shadow: 5px 5px rgba(216,53,53,0.4); }
.BG-B:active, .BG-B:focus,	.BG-B:hover		{box-shadow: 5px 5px rgba(27,185,234,0.4); }

.TXT-RED						{color: #D83535; }

/* BTN FACTURATION.CA */

.BTN												{display: inline-block; cursor: pointer; color: #3f3f3f; border: 1px solid #9f9f9f; border-radius: 3px; vertical-align: middle;
													 background: linear-gradient(#f5f5f5, #e3e3e3); -moz-background: linear-gradient(#f5f5f5, #e3e3e3); -webkit-background: linear-gradient(#f5f5f5, #e3e3e3);
													 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-weight: bold; text-shadow: 1px 1px 1px #FFF; transition: 0.15s; cursor: pointer; }
.BTN *											{vertical-align: middle; }
.BTN-TXT											{padding: 3px 5px 3px 8px; }
.BTN-TXT SPAN									{padding: 0 5px 0 6px; }
.BTN-IMG	IMG									{padding: 1.5px; }

.BTN-END											{position: absolute; margin-top: 4px; margin-left: -20px; min-height: 20px; border-radius: 0 3px 3px 0; }
.BTN-END IMG									{padding: 2px; }
.ADMIN-LIST .BTN-END							{margin-top: 0; }

.BTN-LISTE										{position: absolute; top: 0px; right: -18px; border-radius: 0 3px 3px 0; padding: 0; } /* Conteneur doit être position: relative; */
.BTN-LISTE IMG									{padding: 1px 2px 2px 1px; width: 13px; }
.BTN-LISTE::after								{content: ""; position: absolute; bottom: -4px; left: -1px; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 3px 3px 0 0;
													 border-color: #808080 transparent transparent transparent; }

.BTN:active, .BTN:focus, .BTN:hover		{box-shadow: 1px 1px 2px rgba(0,0,0,0.4); border-color: #7f7f7f; }

/* POPUP */

.POPUP-FILTRE						{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); text-align: center; display: none; }
.POPSHOW								{display: block; z-index: 100; }
.POPUPVA								{display: inline-block; height: 100%; width: 0px; vertical-align: middle; }
.POPUP								{display: inline-block; background: #FFF; vertical-align: middle; padding: 15px; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.5); position: relative; }
.POPUP-QUESTION					{padding: 15px 10px; background: #3a7bed; background: linear-gradient(45deg, #498EF2, #3a7bed); color: #FFF; font-size: 15px; border-radius: 3px; box-shadow: 0 5px 10px rgba(0,0,0,0.3);
										 display: block; margin-bottom: 15px; }
.POPUP-ICON							{width: 70px; display: inline-block; vertical-align: top; padding-top: 5px; }
.POPUP-FORM							{width: calc(100% - 70px); display: inline-block; vertical-align: top; }
.W300									{max-width: 300px; width: 90%; }
.W400									{max-width: 400px; width: 90%; }
.POPUP-FORM .LABEL				{text-align: right; padding-top: 8px; color: #0e559f; width: 160px; padding-right: 6px; display: inline-block; }



/* ERREURS FORMULAIRE */
.ERROR-MSG:before			{content:url(Image/Erreur-Icone.png); display: inline-block; position: absolute; top: 4px; left: 5px; }
.ERROR-MSG					{color: rgb(255,0,0); background-color: rgba(255,0,0,0.1); border: 1px solid rgb(255,0,0); border-radius: 3px; font: normal 10pt 'GothamMedium'; padding: 6px 7px 6px 29px;
								display: none; margin: 5px 0; position: relative; margin-left: 174px; }
.ERROR-MSGS:before		{content:url(Image/Erreur-Icone.png); display: inline-block; position: absolute; top: 4px; left: 5px; }
.ERROR-MSGS					{color: rgb(255,0,0); background-color: rgba(255,0,0,0.1); border: 1px solid rgb(255,0,0); border-radius: 3px; font: normal 10pt 'GothamMedium'; padding: 6px 7px 6px 29px;
								display: none; margin: 5px 0; position: relative; }
.ERROR-SHOW					{display: block; }

.ERROR-INPUT				{box-shadow: 0px 0px 3px #FF0000; border-color: #FF0000 !important; transition: 0s; }
.ERROR-INPUT-L				{box-shadow: inset 0 0 2px #FF0000; }
.ERROR-LABEL				{color: #FF0000; }

.ERROR-INPUT:active, .ERROR-INPUT:focus	{box-shadow: 0px 0px 3px #FF0000; }

/* MESSAGES POPUP */
#MSG-INSERT,
#MSG-SAVE,
#MSG-DELETE					{font-family: 'GothamMedium'; font-size: 10pt; color: #009636; position: absolute; top: 0; right: 0; margin-right: 35px; 
								background-color: rgba(0,178,64,0.1); padding: 2px 10px 2px 10px; border-radius: 3px; border: 1px solid #00B240; opacity: 0; }
							 
#MSG-CANCEL,
#MSG-ERROR					{font-family: 'GothamMedium'; font-size: 10pt; color: #c21d1d; position: absolute; top: 0; right: 0; margin-right: 35px; 
								background-color: rgba(216,53,53,0.1); padding: 2px 10px 2px 10px; border-radius: 3px; border: 1px solid #D83535; opacity: 0; }
							 
.MSG-ACTIVE					{animation-name: FormPopup; animation-duration: 5s; }

.jotform-form li			{padding: 0px; margin: 0px; }
.jotform-form li:before	{display: block; background-image: url(); background-size: null; background-position: none; padding: 0px; margin: 0px; }

/* -------------------------- STYLE-TITRE -------------------------------- */
.TITRE							{color: #12549f; font-size: 15pt; text-transform: uppercase; font-family: 'GothamBlack'; position: relative; padding: 15px 5%; max-width: 980px;
									 text-align: center; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; width: 90%; margin: 10px auto 20px; position: relative;
									 background: #FFF; box-shadow: 0 10px 20px -20px rgba(0,0,0,0.5); }
.TITRE:before					{content: ""; width: 5%; display: block; position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, #F8F8F8, rgba(255,255,255,0)); }	
.TITRE:after					{content: ""; width: 5%; display: block; position: absolute; right: 0; top: 0; bottom: 0; background: linear-gradient(to left, #F8F8F8, rgba(255,255,255,0)); }								 
									 
.TITRE2							{color: #12549f; font-size: 13pt; font-family: 'GothamMedium'; position: relative; padding: 7px 0; width: 100%; text-align: center; border-top: 1px solid #DDD;
									 border-bottom: 1px solid #DDD; width: 100%; margin: 25px auto 20px; box-shadow: 0 5px 10px -10px rgba(0,0,0,0.6); }
.TITRE3							{color: #12549f; font-family: 'GothamMedium'; font-size: 15pt; padding: 6px 0px 6px 40px; margin-left: 5%; text-align: left; }
.TITRECONT						{display: block; background: #efefef; border: 1px solid #ddd; margin: 0 auto; min-height: 35px; padding: 10px 0 10px 10px; position: relative; }
.TITRECONT::before			{content: ""; display: inline-block; width: 35px; height: 35px; position: absolute; top: 0; bottom: 0; left: 5%; background-size: contain; background-repeat: no-repeat;
									 margin-top: auto; margin-bottom: auto; }
									 
.TITRE4							{color: #12549f; font-size: 12pt; text-transform: uppercase; font-family: 'GothamMedium'; font-weight: bold; position: relative; padding: 8px 5%; max-width: 980px;
									 text-align: center; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; width: 90%; margin: 15px auto 10px; position: relative;
									 background: #FFF; box-shadow: 0 10px 20px -20px rgba(0,0,0,0.5); }
.TITRE4:before					{content: ""; width: 5%; display: block; position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, #F8F8F8, rgba(255,255,255,0)); }	
.TITRE4:after					{content: ""; width: 5%; display: block; position: absolute; right: 0; top: 0; bottom: 0; background: linear-gradient(to left, #F8F8F8, rgba(255,255,255,0)); }
									 
.TITRECONT.TINFO::before	{background-image: url(Image/Icon-Info.png); }
.TITRECONT.TINFO2::before	{background-image: url(Image/Icon-Info2.png); }

/* --------------------------------- RAPPORTS -------------------------------------- */
.HEADER-R					{min-height: 90px; position: relative; text-align: right; color: #12549F; font-size: 11pt; font-family: 'GothamLight'; line-height: 130%; }
.HEADER-R SPAN				{width: 95px; display: inline-block; font-family: 'GothamLight'; line-height: 130%; }
.RI-TITRE					{font-size: 15pt; padding-bottom: 5px; font-family: 'GothamMedium'; }

.PAGEPRINT					{width: 816px; height: 1056px; margin: 15px auto; background: #FFF; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); }
.PAGEPRINT .CONTENU		{width: 786px; height: 996px; padding: 20px 15px; }

/* CANVAS */
/*.signature-pad canvas	{background: #FFF; border: 1px solid #000; }*/
.SIGN-CANVAS				{touch-action: none; width: 100%; height: 185px; box-shadow: 0px 1px 2px black; }
.SIGN-ERROR					{box-shadow: 0px 1px 2px red; }