@media (min-width: 768px) /* DESKTOP */
{
.PAD-BOTTOM	{padding-bottom: 40px; }
.ONLY-480	{display: none !important; }
.MOBILE		{display: none !important; }

/* ------- STYLES -------- */
.GROS-BOUTON-ROUGE			{padding: 12px 20px; font-size: 15pt; }
.GROS-BOUTON-ROUGE2			{font-size: 12pt; }
.PETIT-BOUTON-BLANC			{font-size: 12pt; }
.PETIT-BOUTON-BLANC2			{font-size: 11pt; margin: 20px 5px 0; }
.TITRE-BLANC					{font-size: 23pt; }
.TITRE-BLANC2					{font-size: 20pt; }

/* ------- MENU ------- */
.MENU					{position: absolute; top: 0; left: 0; right: 0; }
.LOGO-MENU			{position: absolute; bottom: 10px; }
.MENU-PHONE			{text-align: right; font-size: 13pt; letter-spacing: 0.5px; position: absolute; top: 10px; }
.MENU NAV			{text-align: right; display: block; padding-top: 25px; margin-left: auto; }
.MENU-NAV			{display: inline-block; }
.MENU-BOUTONS		{display: inline-block; }
.MENU-NAV P			{display: inline-block; transition: 0.5s; border-bottom: 4px solid #FFF; padding: 50px 0 20px; }
.M-SELECT			{border-bottom-color: #12549f !important; }
.MENU-NAV P:hover,
.MENU-NAV P:focus,
.MENU-NAV P:active{border-bottom-color: #12549f; }
.MENU-BOUTONS P	{background-color: #12549f; color: #FFF; padding: 12px; display: inline-block; border-radius: 6px; position: relative; transition: 0.5s; }
.MENU-BOUTONS P:hover				{background-color: #0ca0e2; }
.MENU-BOUTONS IMG	{position: absolute; left: 9px; top: 9px; }

/* -------- FOOTER --------- */
.FOOTER					{padding: 25px 0 40px; }
.FOOTER2					{padding: 25px 0 !important; }
.FOOTER-NAV P			{display: inline-block; padding: 10px; }
.FOOTER-NAV				{margin-top: 15px; }

/* -------- ACCUEIL -------- */
/* S1 */
.IMAGE-FULL-WIDTH		{padding: 150px 0; }
.IMAGE-FULL-WIDTH-2	{padding: 75px 0; }
.IMAGE-FULL-WIDTH H1		{font-size: 57pt; padding-bottom: 35px; }
.IMAGE-FULL-WIDTH-2 H1	{font-size: 57pt; }
.S1-A H1 SPAN			{font-size: 16pt; letter-spacing: 2px; margin-bottom: 20px; }

/* S2 */
.COL-2-5.COL-1 		{width: 38%; padding-right: 2%; }
.COL-2-5.COL-2 		{width: 59%; }
.COL-2-5.COL-1 		{vertical-align: middle; }
.COL-2-5.COL-1 IMG	{max-width: 375px; }
.COL-2-5.COL-1 IMG	{margin: 0 auto; }

/* S3-A */
.S3-A .COL-1-2.COL-1			{width: 49%; padding: 60px 0; }
.S3-A .COL-1-2.COL-2			{width: 49%; }
.S3-A .COL-1-2.COL-2 IMG	{max-width: 330px; width: 100%; margin: 0 auto; }

/* S3-B */
.S3-B								{min-height: 195px; }
.S3-B .COL-1-2.COL-1			{width: 49%; padding: 40px 0; }
.S3-B .COL-1-2.COL-2			{width: 49%; }
.S3-B .COL-1-2.COL-2 IMG	{max-width: 235px; width: 100%; margin: 0 auto; }

/* ------- FORM ------- */
FORM[name="Form1"] P,
FORM[name="FormAchat"] P		{white-space: nowrap; }
.FORM-COL-1-2.COL-1				{width: 49%; margin-right: 1%; }
.FORM-COL-1-2.COL-2				{width: 49%; margin-left: 1%; }
.FORM-COL-1-2-SPECIAL.COL-1	{width: 49%; }

/* ----- FORM ADMIN ----- */
.FORM-COL-LOGIN		{width: 280px; }
.FORM-COL-LOGIN INPUT{width: 268px; }

/* ------- CONTACT -------- */
.INFOS-CONTACT P,
.INFOS-CONTACT SPAN	{font-size: 12pt; }
.INFOS-CONTENEUR		{width: 344px; margin-right: auto; margin-left: auto; }
.INFOS-COL1				{width: 140px; }
.INFOS-COL1 P			{text-align: right; }

/* ------------------------------------------------------------------------------- */
/* ---------------------------------- ADMIN -------------------------------------- */
/* ------------------------------------------------------------------------------- */
FORM[NAME="Formulaire"] .CONTENEUR	{padding-bottom: 5px; }
.PAGE-EN-COURS P							{font-size: 12pt; border-bottom: solid 2px rgba(18,84,159,0.3); }
.S1-Admin									{padding: 130px 0; }

/* -------- GÉNÉRAL ------ */
.SECTION2 .DIV-INPUT						{width: calc(100% - 6px); padding: 0 3px; }

/* -------- FOOTER ------- */
.CREDITS2												{position: fixed; bottom: 0; left: 0; right: 0; }

/* ------- GESTION ------- */
.ADMIN-FORM												{width: 667px; }


.LABEL													{width: 170px; padding-right: 4px; }
.DIV-INPUT, .DIV-TEXT					 			{width: calc(100% - 174px); }

.FORM-C .DIV-INPUT					 				{width: 100%; height: 20px; }
.C-TEXTAREA .DIV-INPUT					 			{height: initial; }

.DIV-50													{width: 50%; }
.DIV-100													{width: 100%; }

/* ----- SIGNATURE ------ */
.SIGN-BTNDIV											{float: right; }

}

@media (max-width: 767px) /* MOBILE-TABLETTE */
{
BODY			{padding-top: 60px; }
.DESKTOP		{display: none !important; }
.HIDDEN-TD		{display: none !important; }

/* ------- STYLES -------- */
.GROS-BOUTON-ROUGE			{padding: 10px 15px; font-size: 12pt; }
.GROS-BOUTON-ROUGE2			{font-size: 11pt; }
.PETIT-BOUTON-BLANC			{font-size: 11pt; }
.PETIT-BOUTON-BLANC2			{font-size: 10pt; }
.TITRE-BLANC					{font-size: 18pt; }
.TITRE-BLANC2					{font-size: 15pt; }
.TITRE-BLEU						{font-size: 18pt; }

/* --------- MENU --------- */
.MENU			{position: fixed; top: 0; left: 0; right: 0; min-height: 60px; }

/* -------- ACCUEIL ------- */
/* S1 */
.IMAGE-FULL-WIDTH-2	{padding: 50px 0; }
/* S2 */
.COL-2-5.COL-1 		{vertical-align: top; }
.COL-2-5.COL-1 .CARTE{margin: 20px 0; }

/* --------- PAGES FORM --------- */
.IMAGE-COTE				{display: none !important; }

/* ------- CONTACT -------- */
.INFOS-CONTACT P,
.INFOS-CONTACT SPAN	{font-size: 10.5pt; }


/* ------------------------------------------------------------------------------- */
/* ---------------------------------- ADMIN -------------------------------------- */
/* ------------------------------------------------------------------------------- */
.S1-Admin									{padding: 75px 0; }
FORM[NAME="Formulaire"] .CONTENEUR	{padding-bottom: 5px; }
FORM[name="Form1"] P,
FORM[name="FormAchat"] P				{font-size: 11pt; }
.PAGE-EN-COURS P							{font-size: 10pt; border-bottom: solid 1px rgba(18,84,159,0.3); }

/* ------- GÉNÉRAL ---- */
.SECTION2 .DIV-INPUT						{width: 100%; }

/* ------- FORM ------- */
.ADMIN-FORM												{width: 100%; }
.ADMIN-FORM.STYLEBOITE								{padding: 10px 5% 30px; width: 89.9%; }


.LABEL													{width: 170px; padding-right: 4px; }
.NOLABEL .DIV-INPUT									{width: 100%; padding: 0; }
.DIV-INPUT, .DIV-TEXT					 			{width: calc(100% - 174px); }

.FORM-C .DIV-INPUT					 				{width: 100%; height: 20px; }

.DIV-50, .DIV-100, .DIV-20, .DIV-40				{width: 100%; }


/* ------- FICHES ------- */
.FICHE													{width: 100%; max-width: 500px; margin: 20px auto; display: block; }
.FICHECONT												{padding: 20px 5% 15px 5%; }
.BTNAREA													{padding: 10px 5% 10px 5%; }

/* ------- LISTE -------- */
.C-10, .C-12, .C-15, .C-20, .C-VAR1, .C-VAR2, .C-VAR3, .C-VAR4, .C-VAR5, .C-VAR6		{width: 100%; display: block; }
.LISTE-TITRE .LISTE-C::before,
.LISTE-TITRE .LISTE-CW::before					{display: none; }
.LISTE-CW												{white-space: initial; height: initial; text-indent: 0px; padding: 2px 7px; width: calc(100% - 14px); }
.LISTE-R													{border: 1px solid #CCC; }

}

/* ---------------------------------------------- GÉNÉRALES ------------------------------------------------ */
@media (min-width: 1200px)
{
.LARGEUR-1200	{padding: 0 2%; }
BODY			{padding-top: 120px; }

/* ------- MENU -------- */
.MENU,
.MENU>DIV			{min-height: 120px; }
.MENU-BOUTONS-2	{min-height: 27px; }
.LOGO-MENU			{left: 0; }
.MENU-PHONE			{right: 0; }
.MENU NAV			{width: 810px; }
.MENU-NAV P			{font-size: 13pt; letter-spacing: 1px; }
.MENU-BOUTONS .MENUBTN1 P		{padding-left: 45px !important; }
.MENU-BOUTONS P	{padding: 12px; font-size: 12pt; }
.MENU-BOUTONS		{margin-left: 20px; }
.MENU-BOUTONS A	{margin-left: 10px; }
.MENU-NAV>A			{margin-left: 20px; }
.MENU-NAV .ONGLET-MENU	{margin-left: 20px; }

.SOUS-MENU A		{font-size: 11pt; }

.MENU-BOUTONS-2			{padding-right: 55px; }
.BOUTON-SEUL-ICONE		{position: absolute; right: 0; }
.BOUTON-SEUL-ICONE P		{padding: 22px !important; }

}
@media (min-width: 992px) and (max-width: 1199px)
{
.LARGEUR-1200	{padding: 0 5%; }
BODY			{padding-top: 120px; }

/* ------- MENU -------- */
.MENU,
.MENU>DIV			{min-height: 120px; }
.MENU-BOUTONS-2	{min-height: 27px; }
.LOGO-MENU			{left: 10px; }
.MENU-PHONE			{right: 10px; }
.MENU NAV			{margin-right: 10px;  }
.MENU NAV			{width: 810px; }
.MENU-NAV P			{font-size: 13pt; letter-spacing: 1px; }
.MENU-BOUTONS .MENUBTN1 P		{padding-left: 45px !important; }
.MENU-BOUTONS P	{padding: 12px; font-size: 12pt; }
.MENU-BOUTONS		{margin-left: 20px; }
.MENU-BOUTONS A	{margin-left: 10px; }
.MENU-NAV>A			{margin-left: 20px; }
.MENU-NAV .ONGLET-MENU	{margin-left: 20px; }

.SOUS-MENU A		{font-size: 11pt; }

.MENU-BOUTONS-2			{padding-right: 55px; }
.BOUTON-SEUL-ICONE		{position: absolute; right: 10px; }
.BOUTON-SEUL-ICONE P		{padding: 22px !important; }

}
@media (min-width: 768px) and (max-width: 991px)
{
.LARGEUR-1200	{padding: 0 5%; }
BODY			{padding-top: 115px; }

/* ------- MENU -------- */
.MENU,
.MENU>DIV			{min-height: 115px; }
.MENU-BOUTONS-2	{min-height: 23px; }
.MENU-BOUTONS P	{padding: 10px; font-size: 10pt; }
.MENU-BOUTONS A	{margin-left: 5px; }
.LOGO-MENU			{left: 10px; width: 111px; }
.MENU-PHONE			{right: 10px; }
.MENU NAV			{margin-right: 10px;  }
.MENU-NAV P			{font-size: 10pt; letter-spacing: 0.5px; }
.MENU-BOUTONS .MENUBTN1 P		{padding-left: 35px !important; }
.MENU-BOUTONS IMG	{width: 20px; }
.MENU-BOUTONS		{margin-left: 10px; }
.MENU-NAV>A			{margin-left: 15px; }
.MENU-NAV .ONGLET-MENU	{margin-left: 20px; }

.SOUS-MENU A		{font-size: 9.5pt; }

.MENU-BOUTONS-2			{padding-right: 40px; }
.BOUTON-SEUL-ICONE		{position: absolute; right: 10px; }
.BOUTON-SEUL-ICONE P		{padding: 18px !important; }

/* FORM */
FORM[name="Form1"] P,
FORM[name="FormAchat"] P{font-size: 11pt; }
.DATE-EXPIRATION							{display: inline-block; width: 128px; }
.DATE-EXPIRATION .SELECT-WRAPPER2	{max-width: 58px; width: 43%; }

}

@media (min-width: 480px) and (max-width: 767px)
{
.ONLY-480		{display: none !important; }
.LARGEUR-1200	{padding: 0 5%; }

/* ------ STYLES -------- */
.PETIT-BOUTON-BLANC2		{margin: 20px 5px 0; }

/* ------- MENU --------- */
.MENU-PHONE		{background-color: #efefef; display: inline-block; padding: 10px; border-radius: 5px; position: absolute; top: 10px; right: 10px; font-size: 12pt; }
.LOGO-MENU		{position: absolute; top: 5px; left: 70px; width: 75px; }

/* -------- FOOTER --------- */
.FOOTER					{padding: 25px 0 40px; }
.FOOTER2					{padding: 25px 0 !important; }
.FOOTER-NAV P			{display: inline-block; padding: 10px; }
.FOOTER-NAV				{margin-top: 15px; }

/* -------- ACCUEIL -------- */
/* S1 */
.IMAGE-FULL-WIDTH		{padding: 100px 0; }
.IMAGE-FULL-WIDTH H1		{padding-bottom: 20px; font-size: 45pt; } 
.IMAGE-FULL-WIDTH-2 H1		{font-size: 39pt; } 
.IMAGE-FULL-WIDTH H1 SPAN			{font-size: 14pt; letter-spacing: 1px; margin-bottom: 15px; }

/* S2 */
.PAGE-NORMALE .COL-2-5.COL-1 		{width: 38%; padding-right: 2%; }
.PAGE-NORMALE .COL-2-5.COL-2 		{width: 59%; }
.PAGE-NORMALE .COL-2-5.COL-1 IMG	{max-width: 275px; }
.PAGE-FORM .COL-2-5.COL-1 							{width: 100%; }
.PAGE-FORM .COL-2-5.COL-ERREUR.COL-1			{width: 12%; padding-right: 2%; }	
.PAGE-FORM .COL-2-5.COL-ERREUR.COL-2			{width: 85%; }	


/* S3-A */
.S3-A .COL-1-2.COL-1			{width: 60%; padding: 35px 0; }
.S3-A .COL-1-2.COL-2			{width: 39%; }
.S3-A .COL-1-2.COL-2 IMG	{max-width: 330px; width: 100%; margin: 0 auto; }

/* S3-B */
.S3-B .COL-1-2.COL-1			{width: 60%; padding: 30px 0; }
.S3-B .COL-1-2.COL-2			{width: 39%; }
.S3-B .COL-1-2.COL-2 IMG		{max-width: 197px; width: 100%; margin: 0 auto; }

/* ------- FORM ------- */
.FORM-COL-1-2.COL-1	{width: 49%; margin-right: 1%; }
.FORM-COL-1-2.COL-2	{width: 49%; margin-left: 1%; }
.FORM-COL-1-2-SPECIAL.COL-1	{width: 49%; }
.DATE-EXPIRATION							{display: inline-block; width: 136px; }
.DATE-EXPIRATION .SELECT-WRAPPER2	{max-width: 58px; width: 43%; }

/* ------ FORM ADMIN ------ */ 
.FORM-COL-LOGIN		{width: 280px; }
.FORM-COL-LOGIN INPUT{width: 268px; }

/* ------- CONTACT ------- */
.INFOS-CONTENEUR		{width: 344px; margin-right: auto; margin-left: auto; }
.INFOS-COL1				{width: 140px; }
.INFOS-COL1 P			{text-align: right; }

/* ----- SIGNATURE ------ */
.SIGN-BTNDIV			{float: right; width: 57%; text-align: right; }

}

@media (max-width: 479px)
{
.HIDDEN-480		{display: none !important; }
.LARGEUR-1200	{padding: 0 5%; }

/* ------ STYLES -------- */
.PETIT-BOUTON-BLANC2:first-child		{margin: 20px 5px 0 auto; display: block; }
.PETIT-BOUTON-BLANC2:last-child		{margin: 10px 5px 0 auto; display: block; }

/* ------- MENU --------- */
.MENU-PHONE		{background-color: #efefef; display: inline-block; padding: 8px; border-radius: 5px; position: absolute; top: 16px; right: 7px; font-size: 10pt; }
.LOGO-MENU		{position: absolute; top: 5px; left: 70px; width: 75px; }

/* -------- FOOTER --------- */
.FOOTER					{padding: 20px 0 20px; }
.FOOTER-NAV P			{display: block; padding: 8px; text-align: center; }
.FOOTER-NAV				{margin-top: 20px; }

/* -------- ACCUEIL -------- */
/* S1 */
.IMAGE-FULL-WIDTH		{padding: 75px 0; }
.IMAGE-FULL-WIDTH .LARGEUR-1200		{padding: 0 5%; }
.IMAGE-FULL-WIDTH H1				{font-size: 30pt; padding-bottom: 15px; }
.IMAGE-FULL-WIDTH-2 H1			{font-size: 30pt; }
.IMAGE-FULL-WIDTH H1 SPAN,
.IMAGE-FULL-WIDTH-2 H1 SPAN			{font-size: 12pt; letter-spacing: 1px; margin-bottom: 10px; }
.IMAGE-FULL-WIDTH-2 H1.POLITIQUE		{font-size: 24pt; }

/* S2 */
.PAGE-NORMALE .COL-2-5.COL-1 		{width: 100%; padding-top: 30px; }
.PAGE-NORMALE .COL-2-5.COL-2 		{width: 100%; }
.PAGE-NORMALE .COL-2-5.COL-1 IMG	{max-width: 275px; margin: 0 auto; }
.PAGE-FORM .COL-2-5.COL-1,
.PAGE-FORM .COL-2-5.COL-2 			{width: 100%; }

.PAGE-FORM .COL-2-5.COL-ERREUR.COL-1					{position: relative; width: 100%; }
.PAGE-FORM .COL-2-5.COL-ERREUR.COL-1 IMG				{position: absolute; right: 0; top: 32px; width: 60px; }
	
.PAGE-FORM .COL-2-5.COL-ERREUR.COL-2					{width: 100%; }	
.PAGE-FORM .COL-2-5.COL-ERREUR.COL-2 .TITRE-BLEU	{padding-right: 65px; }

/* S3-A */
.S3-A						{position: relative; overflow: hidden; }
.COL-1-2.COL-1			{width: 100%; padding: 100px 0 35px; }
.COL-1-2.COL-2			{width: 100%; }
.COL-1-2.COL-2 IMG	{width: 125px; position: absolute; top: 0; left: 5%; }
.S3-B .COL-1-2.COL-1>:first-child	{padding-top: 10px; }

/* ------- FORM ------- */
.FORM-COL-1-2.COL-1	{width: 100%; }
.FORM-COL-1-2.COL-2	{width: 100%; }
.FORM-COL-1-2-SPECIAL.COL-1	{width: 60%; }
.CVV						{margin-top: 10px; }

/* ------ FORM ADMIN ------ */
.FORM-COL-LOGIN		{width: 250px; }
.FORM-COL-LOGIN INPUT{width: 238px; }

/* ------- CONTACT ------- */
.INFOS-COL1				{width: 100%; }
.INFOS-COL1 P			{text-align: left; }
.INFOS-COL2				{width: 100%; padding-bottom: 7px; }


/* ------------------------------------------------------------------------------- */
/* ---------------------------------- ADMIN -------------------------------------- */
/* ------------------------------------------------------------------------------- */
.CREDITS2 P IMG					{display: none; }
.CREDITS2 .ONLY-480				{text-align: center; }
.CREDITS2 .ONLY-480 IMG			{padding-top: 5px; }

/* ------- GESTION ------- */
.LABEL								{width: 100%; text-align: left; }
.DIV-INPUT, .DIV-TEXT			{width: 100%; }

/* ------- ERREURS ------- */
.ERROR-MSGS,
.ERROR-MSG							{margin-left: 0; }

}

/* -------------------------------------------- LANDSCAPE ---------------------------------------------------*/
@media only screen and (max-width: 767px) 
                   and (orientation: landscape) {
#MENU-DEROULANT		{padding-top: 0 !important; }
.MENU2 #MENU-DEROULANT	{width: 350px !important; }
.MENU2 #MENU-DEROULANT .MENU-NAV P	{padding: 5px 0 2px 10px; }
.MENU2 .MENU-NAV		{display: inline-block; width: 225px; padding-top: 5px !important; }
.MENU2 .MENU-BOUTONS	{display: inline-block; width: 122px; float: right; margin-top: 0 !important; }
.SOUS-MENU-M A			{color: #bcd3ee; padding: 2px 0 2px 20px !important; }
.INVISIBLE				{left: -370px !important; }
}

/* ---------------------------------------------- SPECIALES -------------------------------------------------*/
@media (min-width: 670px) and (max-width: 767px)
{
.S1-A H1					{font-size: 50pt; }
}
@media (min-width: 560px) and (max-width: 669px)
{
.S1-A H1					{font-size: 41pt; }
}
@media (min-width: 480px) and (max-width: 559px)
{
.S1-A H1					{font-size: 35pt; }
}