/**
 * @license
 * MyFonts Webfont Build ID 3087482, 2015-09-08T04:19:38-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FF DIN Web Pro Bold by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/ff-din/pro-bold/
 * 
 * Webfont: FF DIN Web Pro Light by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/ff-din/pro-light/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3087482
 * Licensed pageviews: 50,000
 * Webfonts copyright: 2009 Albert-Jan Pool published by FSI FontShop International GmbH
 * 
 * © 2015 MyFonts Inc
*/

/* --------------------------------------------------- */
/* Variables */

:root {
  --font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-family-bold: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-color: #414246;
  --font-weight-normal: 250;

  --page-margin: 10vw;
  --page-margin-small: 3vw;
  --page-content: 80vw;
  --page-content-small: 94vw;
  --page-margin-bottom: 3vw;
  
  --video-width: 80%;
  --video-height: 45vw;
  
  --menu-phone-top-pos: 35px;
  --menu-width-phone: 94vw;
  --menu-height: 50px;
  --menu-bk-color: #414246;
  --menu-font-size: 120%;
  --menu-font-size-small: 110%;
  --menu-text-color: #FFFFFF;
  --menu-choice-bk-color: #d2ccc8; 
  --menu-sub-bk-color: #d2ccc8;
  --menu-menutop-hover-color: #818286;
  --menu-sub-text-color: #414246;
  --menu-sub-border-color: #eae7e4;
  --menu-hover-color: #ea148c;
  
  --banner-height: 900px;
  --banner-margin: 50px;
  --banner-margin-medium: 20px;
  --banner-margin-small: 10px;
  --banner-height-medium: 600px;
  --banner-height-medium2: 500px;
  --banner-height-small: 100vw;

  --banner-logo-height: 150px;
  --banner-img-logo-height: 61px;
  --banner-logo-height-medium: 100px;
  --banner-img-logo-height-medium: 46px;
  --banner-logo-height-small: 70px;
  --banner-img-logo-height-small: 30px;

  --banner-bk-color: #414246;

  --page1-bk-color: #eae7e4;
  --page2-bk-color: white/*#d2ccc8*/; 
  --info-bk-color: #414246; 
  --info-hover-bk-color: #ea148c; 
  --info-hover-text-color: #FFFFFF;
  --info-link-color: #FFFFFF;
  --info-bk-color-disabled: #A1A2A6;
  
  --boxes-bk-color: #eae7e4/*#d2ccc8*/;
  --boxes-bk-color-hover: #d2ccc8;
  --box1-hover-bk-color: #d2ccc8;
  --box2-hover-bk-color: #d2ccc8;
  
  --contact-height: 70px;
  --contact-height-menu: 45px;
  --contact-menu-img-size: 40px;
  --contact-img-size: 30px;
  --contact-bk-color: #414246;
  --contact-menu-title-bk-color: white;
  --contact-padding: 2vw;
  
  --footer-bk-color: #414246;
  --footer-text-color: #FFFFFF;
  --links-bk-color: #eae7e4; 
  --links-text-color: #414246;
  
  --a-hover-color: #EDBFD9; /* #EA6EB0; */
  --a-link-color: #BC1071; /* #ea148c;*/
  --a-link-color-hell: #EDBFD9;
  
  --strat-evo-bk-color-title: #AFD5B2; /* #EDBFD9; */
  --strat-evo-bk-color-content: #F1F8F3;
  --strat-evo-bk-color-text: #E8F4EC;
  --strat-evo-border-color: #EA148C;

  --strat-fab-bk-color-title: #A5C9E0; /* #EDBFD9; */
  --strat-fab-bk-color-content: #EFF6FA;
  --strat-fab-bk-color-text: #E4F0F6;

  --strat-plus-bk-color-title: #E59E9C; /* #EDBFD9; */
  --strat-plus-bk-color-content: #F9EDEC;
  --strat-plus-bk-color-text: #F7E0E0;  
}


/* --------------------------------------------------- */
/* CSS - Main */
body
{
	font-family: var(--font-family);
	font-size: 14px; 
	font-weight: var(--font-weight-normal);
	color: var(--text-color);
	background-color: var(--menu-bk-color);
	text-align: center;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}


a, a:active, a:focus
{
	color: var(--a-link-color);
	text-decoration: none;
	outline: none;
}

@media (hover: hover) {
	a:hover 
	{	
		color: var(--a-hover-color); 
	}
}

a IMG 
{ 
	border: 0;
}

h1
{
	font-family: var(--font-family-bold);
	font-size: 175%;
	font-weight: 400;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1.5em;
	line-height: 1.25em;
}
h2
{
	font-family: var(--font-family-bold);
	font-size: 150%;
	font-weight: 400;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1.5em;
	line-height: 1.25em;
}
h3
{
	font-family: var(--font-family-bold);
	font-size: 140%;
	font-weight: 400;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1.5em;
	line-height: 1.25em;
}
h4
{
	font-family: var(--font-family-bold);
	font-weight: 400;
}
b
{
	font-family: var(--font-family-bold);
	font-weight: 400;
}
strong
{
	font-weight: var(--font-weight-normal);
}
p
{
	margin-bottom: 1em;
}

ul {
	display: block;
}

li 
{
	text-align: left;
}

table
{
	border: 0;
	border-spacing : 0;
	border-collapse: collapse;
	padding: 0;
}
td
{
	vertical-align: center;
	padding: 3px;
}

hr
{
	color: var(--text-color);
	border-style: solid;
    border-width: 0.5px;
	height: 0px;
}

table.tarif
{
	border: 0.5px solid #818286;
	width: 100%;
}

table.tarif th {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 0.5px solid #818286;
	border-bottom: 0.5px solid #818286;
	text-align: left;
	font-family: var(--font-family-bold);
}
table.tarif th.right {
	text-align: right;
}

table.tarif tr {
}

table.tarif tr:nth-child(2n) {
}
table.tarif td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 0.5px solid #818286;
	text-align: left;
	font-weight: 300;
}

table.tarif td.right {
	text-align: right;
}

table.tarif tr.SUB_TITLE {
}

table.tarif tr.SUB_TITLE td {
	border: 0.5px solid #818286;
}

video.document
{
	width: var(--video-width);
	height: var(--video-height);
	padding: 0;
	z-index: 1;
}

img.document
{
	width: var(--video-width);
	height: var(--video-height);
	padding: 0;
}

iframe.video
{
	width: var(--video-width);
	height: var(--video-height);
	padding: 0;
	z-index: -1;
}

@media screen and (max-width: 1023px) {
	video.document
	{
		padding-left: 7vw;
	}
	
	img.document
	{
		padding-left: 7vw;
	}
	h1
	{
		margin-top: 1em;
		margin-bottom: 2em;
		text-align: center;
	}
	h2
	{
		margin-top: 2em;
		margin-bottom: 1.5em;
		text-align: center;	
	}
	h3
	{
		margin-top: 2em;
		margin-bottom: 1.5em;
		text-align: center;
	}
}

@media screen and (max-width: 800px) {
		
	tr{
		font-size: 75%;
	} 
}

@media screen and (max-width: 600px) {
	
	body
	{
		font-size: 16px;
	}
	
}

/* DIV to Align left */
div.LEFT_ALIGN {
	display: inline-block;
	padding: 0;
	margin: 0;
	text-align: left;
}
 

/* --------------------------------------------------- */
/* Standard DIV values */
div
{
	border: 0px;
}


/* --------------------------------------------------- */
/* Page wrapper */
div.PAGEWRAPPER
{
	width: 100vw;
	background-color: var(--menu-bk-color);
	overflow-x: hidden;
}

/* --------------------------------------------------- */
/* Contact */

div.PAGECONTACT
{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;	
	height: var(--contact-height);
	z-index: 20;
	background-color: var(--menu-bk-color);
	padding: 0;
	margin: 0;
}

div.CONTACTRIGHT
{
	display: flex;
	flex-direction: row-reverse;
	margin: 0;
	padding: 0;
	padding-right: var(--page-margin);
	font-size: 110%;
	font-family: var(--font-family);
	background-color: var(--menu-bk-color);
	width: auto;
}

div.CONTACTMENU
{
	display: block;
	height: var(--contact-height-menu);
	color: white;
	max-width: 40px;
}

div.CONTACTMENU_TOP
{
	height: var(--contact-height-menu);
	padding-top: 0px;
	max-width: 40px;
}

div.CONTACTMENU_TOP IMG
{
	height: var(--contact-img-size);
	width: var(--contact-img-size);
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

div.CONTACTMENU_CONTENT
{
	display: none;
	color: var(--menu-sub-text-color);
	align-content: left;
	text-align: left;
}

div.CONTACTMENU_TITLE
{
	display: block;
	color: var(--menu-sub-text-color);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 400px;
	width: 400px;
	position: relative;
	left: -380px;
	background: var(--contact-menu-title-bk-color);
	font-weight: 300;
	text-align: center;
}

div.CONTACTMENU_POINT
{
	display: block;
	color: var(--menu-sub-text-color);
	padding-left: 10px;
	padding-right: 10px;
	max-width: 400px;
	width: 400px;
	height: var(--contact-height-menu);
	position: relative;
	left: -380px;
	background: var(--menu-choice-bk-color);
}

div.CONTACTMENU_POINT IMG
{
	height: var(--contact-img-size);
	width: var(--contact-img-size);
	margin-right: 10px;
	position: relative;
	top: 5px;
}

div.CONTACTMENU_POINT SPAN
{
	position: relative;
	top: -4px;
	font-weight: 300;
}

div.CONTACTRIGHT A
{
	color: white;
}

@media (hover: hover) {

	div.CONTACTMENU:hover
	{
		background: var(--menu-choice-bk-color);
		color: var(--menu-sub-text-color);
		cursor: pointer;
	}
	div.CONTACTMENU_POINT:hover
	{	
		color: #EA6EB0; 
	}
	
	div.CONTACTMENU:hover div.CONTACTMENU_CONTENT
	{
		display: block;
	}
}


@media screen and (max-width: 1023px) {

	div.PAGECONTACT
	{
		height: var(--menu-height);
	}	
	
	div.CONTACTMENU
	{
		height: var(--menu-height);
	}	
	
	div.CONTACTMENU_TOP
	{
		height: var(--menu-height);
	}	
	
	div.CONTACTRIGHT 
	{
		padding-right: var(--contact-padding);
	}
	
	div.CONTACTLEFT 
	{
		float: right;
	}
	
	div.CONTACTMENU_POINT SPAN
	{
		top: 0;
	}
}
@media screen and (max-width: 767px) {
	
	div.CONTACTMENU
	{
		height: var(--menu-height);
	}
	
	div.CONTACTMENU_CONTENT
	{
		max-width: 90vw;
		width: 90vw;
		position: absolute;
		left: 0;
	}
	
	div.CONTACTMENU_POINT 
	{
		max-width: 90vw;
		width: 90vw;
		position: static;
	}
	
	div.CONTACTMENU_TITLE
	{
		max-width: 90vw;
		width: 90vw;
		position: static;	
	}
}

/* --------------------------------------------------- */
/* Menu */

div.HEADERMENU
{
	position: fixed;	
	top: var(--contact-height);
	left: 0px;
	width: 100%;
	height: var(--menu-height);
	z-index: 10;
	background-color: var(--menu-bk-color);
}
div.MENU {
	display: flex;
	justify-content: center;
	margin: auto;
	height: var(--menu-height);
	background-color: var(--menu-bk-color);
	font-weight: 300;
}

nav#NAVMENU {
	height:100%;
}

div.MENUICON {
	display: none;
	float: left;
	height: var(--menu-height);
	background-color: var(--menu-bk-color);
	padding-left: var(--contact-padding);
	
}

div.MENUICON IMG {
	margin-top: 5px;
	margin-left: 5px;
	height: var(--contact-menu-img-size);
	width: var(--contact-menu-img-size);
	border-radius: 5px;
}

div.MENUICON IMG:hover {
	cursor: pointer;
}

ul.MENUTOP {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: var(--menu-bk-color);
}
ul.MENU, ul.MENURIGHT {
	text-align: left;
	border: 1px;
	padding: 0;
	position: absolute;
	top: var(--menu-height);
	width: 480px;
	box-shadow: none;
	display: none;
	z-index: 10;
}
ul.MENU{
	left: 0;
}
ul.MENURIGHT{
	right: 0;
}

li.MENUTOP {
	letter-spacing: 0.5px; 
	color: var(--menu-text-color);
	display: inline-block;
	cursor: pointer;
	z-index: 10;
	line-height: var(--menu-height);
	position: relative;
	background-color: var(--menu-bk-color);
	padding-left: 1vw;
	padding-right: 1vw;
}

li.MENUTOP_HOVER {
	background-color: var(--menu-menutop-hover-color);
	letter-spacing: 0.5px; 
	color: var(--menu-text-color);
	display: inline-block;
	cursor: pointer;
	z-index: 10;
	line-height: var(--menu-height);
	position: relative;
	padding-left: 1vw;
	padding-right: 1vw;
}

li.MENU {
	line-height: 1em;
	text-transform: none;
	background: var(--menu-sub-bk-color);
	color: var(--menu-sub-text-color);
	border-top: 1px solid var(--menu-sub-border-color);
	display: block; 
	padding: 0;
}

a.MENUTOP {
	padding: 0;
	color: #FFFFFF;
	text-decoration: none;
	display: block;  
	width: 100%;
	height: 100%;  
}

a.MENUTOP:active, a.MENUTOP:focus {
	color: var(--menu-sub-text-color);
	text-decoration: none;
	display: block;  
	width: 100%;
	height: 100%;  
}

a.MENU, a.MENU:active, a.MENU:focus {
	padding: 12px 30px 12px 10px;
	color: var(--menu-sub-text-color);
	text-decoration: none;
	display: block;  
	width: 100%;
	height: 100%; 
}

@media (hover: hover) and (min-width: 1023px) {
	
	li.MENUTOP:hover {
		background-color: var(--menu-menutop-hover-color);
	}
	
	ul.MENUTOP li.MENUTOP:hover ul.MENU, ul.MENUTOP li.MENUTOP:hover ul.MENURIGHT {
		display: block;
	}
	
	a.MENU:hover {
		color: var(--menu-hover-color);
	}
}
@media screen and (min-width: 1600px) {

	li.MENUTOP, li.MENUTOP_HOVER 
	{
		height: var(--menu-height);
		padding-left: 30px;
		padding-right: 30px;
	}
	
	div.MENU
	{
		font-size: var(--menu-font-size);		
	}
}
@media screen and (max-width: 1599px) and (min-width: 1281px) {

	li.MENUTOP, li.MENUTOP_HOVER
	{
		height: var(--menu-height);
		padding-left: 20px;
		padding-right: 20px;
	}
	div.MENU
	{
		font-size: var(--menu-font-size);		
	}
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {

	li.MENUTOP, li.MENUTOP_HOVER
	{
		height: var(--menu-height);
	}
	div.MENU
	{
		font-size: var(--menu-font-size-small);		
	}
	
}
@media screen and (max-width: 1023px) {	

	div.HEADERMENU
	{
		position: absolute;
		top: 0;
		border-top: 0;
	}
	
	div.MENUBAR {
		position: fixed;
		z-index: 30;
		height: var(--menu-height);
		width: 20vw;
		background-color: var(--menu-bk-color);
	}
	
	div.MENUICON {
		display: inline-block;
	}	
	
	div.MENU {
		justify-content: left;
		padding-left: 0; /* LM */
		padding-right: 0; /* RM */
		width: 100%; /* PC */
		height: 0px;
		left: 0px;
		font-size: var(--menu-font-size);		
	}
	
	NAV.nav-menu {
		position: absolute;
		top: var(--menu-phone-top-pos);
		left: var(--contact-padding);
	}
	
	/*
	.responsive {
		background-color:#A1A2A6; 
	}*/

	.responsive UL.MENUTOP {
		display: block!important;
	}

	ul.MENUTOP 
	{
		width: var(--menu-width-phone);
		display: none;
		position: relative;
		margin: 0;
		padding: 0;
		top: 15px;
		border-bottom: 1px solid var(--menu-sub-border-color);
	}
	li.MENUTOP, li.MENUTOP2X, li.MENUTOP_HOVER
	{
		padding: 0;
		display: table;
		width: 100%;
		overflow: hidden;
		line-height: 4em;
		border-top: 1px solid var(--menu-sub-border-color);

	}
	li.MENUTOP a.MENUTOP, li.MENUTOP2X a.MENUTOP, li.MENUTOP_HOVER a.MENUTOP
	{
		padding: 0 0.5em 0 0.5em;
	}
	
	ul.MENU, ul.MENURIGHT
	{
		margin: 0;
		padding: 0;
		position: static;
		display: none;
		opacity: 1;
		visibility: visible;
		/* Compatibility with IE */
		filter: alpha(opacity=100);
		width: 100%;
	}
	li.MENU
	{
		display: table;
		height: 2.6em;
		border-top: 1px solid var(--menu-sub-border-color);
		width: 100%;
	}
}


/* --------------------------------------------------- */
div.PAGECONTENT
{
	position: absolute;
	top: calc(var(--menu-height) + var(--contact-height));
	width: 100%;
}

@media screen and (max-width: 1023px) {	

	div.PAGECONTENT
	{
		top: calc(var(--menu-height));
	}
}


/* --------------------------------------------------- */
/* Banner */
DIV.BANNER
{
	padding: 0;
	width: 100%;	
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: var(--banner-bk-color);
}
DIV.BANNERVID {
	width: 100%;
	height: var(--banner-height);
	vertical-align: bottom;
	margin-top: var(--banner-margin);
	background-color: #000000;
}
DIV.BANNERVID VIDEO {
	margin-top: 0;
	height: var(--banner-height);
	width: 100%;
	object-fit: cover;
}
DIV.BANNERIMG {
	width: 100%;
	height: var(--banner-height);
	vertical-align: bottom;
	margin-top: var(--banner-margin);
	background-color: #000000;
}
DIV.BANNERIMG IMG {
	margin-top: 0;
	height: var(--banner-height);
	width: 100%;
	object-fit: cover;
}
DIV.BANNERLOGO
{
	background-color: var(--banner-bk-color);
	height: var(--banner-logo-height);
	margin-bottom: var(--banner-margin);
	width: 100%;
	display: flex;
	align-items: center;
}
IMG.BANNERLOGO
{
	height: var(--banner-img-logo-height);
	margin: auto;
	object-fit: contain;
}

@media screen and (max-width: 1400px) {
	DIV.BANNERVID {
		height: var(--banner-height-medium);
	}
	DIV.BANNERVID VIDEO {
		height: var(--banner-height-medium);
	}
	DIV.BANNERIMG {
		height: var(--banner-height-medium);
	}
	DIV.BANNERIMG IMG {
		height: var(--banner-height-medium);
	}
	DIV.BANNERLOGO
	{
		margin-bottom: var(--banner-margin-medium);		
		height: var(--banner-logo-height-medium);
	}
	IMG.BANNERLOGO {
		height: var(--banner-img-logo-height-medium);
	}
}

@media screen and (max-width: 1200px) {
	DIV.BANNERVID {
		height: var(--banner-height-medium2);
	}
	DIV.BANNERVID VIDEO {
		height: var(--banner-height-medium2);
	}
	DIV.BANNERIMG {
		height: var(--banner-height-medium2);
	}
	DIV.BANNERIMG IMG {
		height: var(--banner-height-medium2);
	}
	DIV.BANNERLOGO
	{
		height: var(--banner-logo-height-medium);
	}
	IMG.BANNERLOGO {
		height: var(--banner-img-logo-height-medium);
	}
}

@media screen and (max-width: 600px) {
	DIV.BANNERVID {
		height: var(--banner-height-small);
		margin-top: var(--banner-margin-top-small);
	}
	DIV.BANNERVID VIDEO {
		height: var(--banner-height-small);
	}
	DIV.BANNERIMG {
		height: var(--banner-height-small);
		margin-top: var(--banner-margin-top-small);
	}
	DIV.BANNERIMG IMG {
		height: var(--banner-height-small);
	}	
	DIV.BANNERLOGO
	{
		height: var(--banner-logo-height-small);
		margin-bottom: var(--banner-margin-top-small);
	}
	IMG.BANNERLOGO {
		height: var(--banner-img-logo-height-small);
	}	
}

/* --------------------------------------------------- */
/* Page */
P.SHORT {
	font-style: italic;
	size: 90%;
}

div.PAGE
{
	width: 100%;
	padding-bottom: 70px;
	padding-top: 20px;
	background-color: var(--page1-bk-color);
	color: var(--text-color);
	font-size: 125%;
	float: left;
	text-align: center;
	overflow-x: hidden;
}

div.PAGEWITHOUTSLIDER {
	padding-left: var(--page-margin);
	width: var(--page-content);
}

div.PAGE:nth-child(2n) {
    background-color: var(--page2-bk-color);
}

@media screen and (max-width: 1023px) {
	div.PAGE {
		padding-bottom: 30px;
		padding-top: 30px;
		text-align: center;
	}
	div.PAGEWITHOUTSLIDER {
		padding-left: var(--page-margin-small);
		width: var(--page-content-small);
	}
	P.SHORT {
		text-align: center;
	}
}


/* --------------------------------------------------- */
DIV.PAGE_BOXES_HEADER
{
	background-color: var(--boxes-bk-color);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	display: table;
}

DIV.BOXES_HEADER
{
	height: auto;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	overflow-x: hidden;
	display: table;
}

DIV.BOX
{
	border-radius: 32px;
	float: left;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	text-align: center;
	color: var(--text-color);
	overflow-x: hidden;
}

DIV.BOX H2 {
	text-align: center;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

DIV.BOX_IMG IMG 
{
	border-radius: 30px;
}

DIV.BOXES_PAGES
{
	height: auto;
	width: 100%;
	display: inline-block;
}


DIV.BOX_WIDE
{
	float: left;
	border: 0;
	color: var(--text-color);
	background-color: var(--page2-bk-color);
	padding: 0;
	margin: 5px;
	border-radius: 30px;
}

div.PAGE:nth-child(2n) DIV.BOX_WIDE
{
	background-color: var(--page1-bk-color);
}

@media (hover: hover) {
	DIV.BOX:hover
	{
		background-color: var(--boxes-bk-color-hover);
	}
	
	DIV.BOX_WIDE:hover
	{
		background-color: var(--box1-hover-bk-color);
	}
	
	div.PAGE:nth-child(2n) DIV.BOX_WIDE:hover
	{
		background-color: var(--box2-hover-bk-color);
	}
}

DIV.BOX_IMG {
	background-color: transparent;
}

DIV.BOX_IMG_L {
	float: left;
	background-color: transparent;	
}

DIV.BOX_IMG_R {
	float: right;
	background-color: transparent;	
}

DIV.BOX_IMG_R IMG {
	height: 300px;
	width: 300px;
	border-radius: 30px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

DIV.BOX_IMG_L IMG {
	height: 300px;
	width: 300px;
	border-radius: 30px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

IMG.BOX_WIDE {
	height: 300px;
	width: 300px;	
	border-radius: 30px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

DIV.BOX_WIDE DIV.BOX_TXT
{
	display: inline-block;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 20px;
	margin-right: 20px;
}

DIV.BOX_TXT H3
{
	margin-top: 2em;
	font-style: bold;
	font-size: 140%;
	line-height: 120%;
	text-align: center;	
}

DIV.BOX_TXT P 
{
	font-size: 110%;
	line-height: 120%;
	text-align: center;
}
@media screen and (min-width: 1700px) {
	DIV.BOX_WIDE
	{
		height: 300px;
		width: calc(50% - 12px);
	}
	DIV.BOX_IMG IMG, DIV.BOX_IMG_R IMG, DIV.BOX_IMG_L IMG, IMG.BOX_WIDE
	{
		width: 300px;
		height: 300px;
	}
	DIV.BOX_WIDE DIV.BOX_TXT 
	{
		max-height: 300px;
		width: calc(98% - 330px);	
	}
}
@media screen and (max-width: 1699px) and (min-width: 1500px) {
	
	DIV.BOX_WIDE {
		height: 250px;
		width: calc(50% - 12px);
	}
		
	DIV.BOX_IMG IMG, DIV.BOX_IMG_R IMG, DIV.BOX_IMG_L IMG, IMG.BOX_WIDE
	{
		width: 250px;
		height: 250px;
	}
		
	DIV.BOX_WIDE DIV.BOX_TXT
	{
		max-height: 250px;
		width: calc(98% - 270px);
		margin-left: 15px;
		margin-right: 15px;
	}
	
	DIV.BOX_TXT H3
	{
		font-size: 120%;
		line-height: 110%;
	}
	
	DIV.BOX_TXT P 
	{
		font-size: 100%;
		line-height: 110%;
	}	
}
@media screen and (max-width: 1499px) and (min-width: 1024px) {
	
	DIV.BOX_WIDE
	{
		height: 300px;
		width: 100%;
	}
	
	DIV.BOX_IMG IMG, DIV.BOX_IMG_R IMG, DIV.BOX_IMG_L IMG, IMG.BOX_WIDE
	{
		width: 300px;
		height: 300px;
	}
	
	DIV.BOX_WIDE DIV.BOX_TXT
	{
		max-height: 300px;
		width: calc(98% - 330px);
		margin-left: 15px;
		margin-right: 15px;
	}
	
	DIV.BOX H2
	{
		font-size: 130%;
	}
	
	DIV.BOX_TXT H3
	{
		margin-top: 3em;
	}
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
	DIV.BOX_WIDE
	{
		height: 250px;
		width: 100%;
	}
	
	DIV.PAGE_BOXES_HEADER
	{
		padding-left: var(--page-margin-small);
		padding-right: var(--page-margin-small);
		width: var(--page-content-small);
	}
	
	DIV.BOX_WIDE DIV.BOX_TXT
	{
		max-height: 250px;
		width: calc(98% - 270px);
		margin-left: 10px;
		margin-right: 10px;
	}
		
	DIV.BOX_IMG IMG, DIV.BOX_IMG_R IMG, DIV.BOX_IMG_L IMG, IMG.BOX_WIDE
	{
		width: 250px;
		height: 250px;
	}
	
	DIV.BOX H2
	{
		max-width: 250px;
		font-size: 120%;
	}
}
@media screen and (min-width: 600px) and (max-width: 799px) {
	DIV.BOX_WIDE
	{
		height: 300px;
		width: 100%;
	}
	
	DIV.BOX_WIDE DIV.BOX_TXT
	{
		max-height: 300px;
		width: calc(98% - 330px);
		margin-left: 8px;
		margin-right: 8px;
	}
			
	DIV.BOX_IMG IMG, DIV.BOX_IMG_R IMG, DIV.BOX_IMG_L IMG, IMG.BOX_WIDE
	{
		width: 300px;
		height: 300px;
	}
	
	DIV.BOX H2
	{
		max-width: calc(98% - 330px);
		font-size: 100%;
	}
	DIV.BOX_TXT P 
	{
		font-size: 100%;
		line-height: 110%;
	}	
}
@media screen and (max-width: 599px) {
		
	DIV.BOX
	{
		max-width: 21vw;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
		border-radius: 21px;
	}
	
	DIV.BOX_IMG {
		max-width: 21vw;
	}
	DIV.BOX_IMG IMG 
	{
		width: 21vw;
		height: 21vw;
		border-radius: 20px;
	}
	
	DIV.BOX H2
	{
		max-width: 21vw;
		font-size: 90%;
	}	
	
	DIV.BOX_WIDE
	{
		width: 92vw;
	}
	
	DIV.BOX_WIDE DIV.BOX_TXT
	{
		width: 87vw;
		margin-left: auto;
		margin-right: auto;
	}
		
	DIV.BOX_IMG_R {
		width: 92vw;
	}
	
	DIV.BOX_IMG_L {
		width: 92vw;
	}
	
	DIV.BOX_IMG_R IMG, DIV.BOX_IMG_L IMG, IMG.BOX_WIDE {
		width: 92vw;
		height: 92vw;
		border-radius: 30px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	
	}
	
	DIV.BOX_TXT H3
	{
		font-size: 120%;
		line-height: 110%;
	}
	
	DIV.BOX_TXT P 
	{
		font-size: 110%;
		line-height: 110%;
	}	
}

/* --------------------------------------------------- */
DIV.SPACER_BLOCK {
	margin-top: 100px;
	display: block;
	height: 1px;
	width: 100%;
}

@media screen and (max-width: 1023px) {
	DIV.SPACER_BLOCK {
		margin-top: 30px;
	}
}

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

DIV.PROTOCOL_ICON IMG {
	width: 48px;
	height: 48px;
}

DIV.AVANTAGES {
	background-color: white;
	border: 0; /*0.5px solid #414246;*/
	border-radius: 10px;
	margin: 0;
	padding: 20px;
	margin-top: 50px;
	margin-bottom: 0px;
	width: calc(100%-40px);
}

DIV.AVANTAGE_POINT {
	padding: 0;
	margin: 30px;	
	text-align: center;
}

DIV.AVANTAGE_POINT_TITLE {
	width: 100%;
	font-size: 120%;
	font-family: var(--font-family-bold);
	font-weight: 400;
	margin-bottom: 10px;
}

DIV.AVANTAGE_POINT_DESC {
}

DIV.AVANTAGE_ICON IMG {
	width: 48px;
	height: 48px;
}

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

DIV.DESC_BOXES {
	display: block;
	width: 100%;
}

DIV.DESC_BOX {
	background-color: transparent; /*white;*/
	border: 0; /*0.5px solid #414246;*/
	border-radius: 7px;	
	width: calc(100%-20px);
	padding: 10px;
	margin-bottom: 10px;
	transition: background-color 1s;
}

DIV.DESC_BOX:hover {
	background-color: white;
}

DIV.DESC_BOX_TITLE {
	text-align: center;
}

DIV.DESC_BOX_TITLE H3 {
	font-size: 125%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}

DIV.DESC_BOX_CONTENT {
	display: none;
}

DIV.DESC_BOX_ICON_PLUS {
	display: flex;
	justify-content: center;
	align-items: center;
}

DIV.DESC_BOX_ICON_MINUS {
	display: none;
	justify-content: center;
	align-items: center;
}

DIV.DESC_BOX_ICON_PLUS IMG, DIV.DESC_BOX_ICON_MINUS IMG  {
	width: 40px;
	height: 40px;
	opacity: 40%;
	transition: opacity 0.5s;
}

DIV.DESC_BOX_ICON_PLUS IMG:hover, DIV.DESC_BOX_ICON_MINUS IMG:hover {
	cursor: pointer;
	opacity: 100%;
}

DIV.DESC_BOXES HR {
    border: 0;
    height: 0.5px;
	width: 60%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #414246, rgba(0, 0, 0, 0));
}

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

DIV.TABLE_STRATEGIE_LASER {
	display: table;
}

DIV.TABLE_STRATEGIE_LASER DIV.TR {
	display: table-row;
}
	
DIV.TABLE_STRATEGIE_LASER DIV.TR DIV {
	display: table-cell;
}		

DIV.TD_EMPTY {
	background-color: transparent;
}	

DIV.TH_FAB {
	font-family: var(--font-family-bold);
	font-size: 120%;
	font-weight: 400;
	text-align: center;
	background-color: var(--strat-fab-bk-color-title);
	border-top: solid 2px var(--strat-fab-bk-color-title);
	border-left: solid 2px var(--strat-fab-bk-color-title);
	border-right: solid 2px var(--strat-fab-bk-color-title);
}

DIV.TD_FAB {
	text-align: center;
	background-color: var(--strat-fab-bk-color-content);
	border-left: solid 2px var(--strat-fab-bk-color-title);
	border-right: solid 2px var(--strat-fab-bk-color-title);
}

DIV.TD_FAB_BOTTOM
{
	text-align: center;
	background-color: var(--strat-fab-bk-color-text);
	border-left: solid 2px var(--strat-fab-bk-color-title);
	border-right: solid 2px var(--strat-fab-bk-color-title);
	border-bottom: solid 2px var(--strat-fab-bk-color-title);
}

DIV.TH_EVOLYS {
	font-family: var(--font-family-bold);
	font-size: 120%;
	font-weight: 400;
	text-align: center;
	background-color: var(--strat-evo-bk-color-title);
	border-top: solid 2px var(--strat-evo-border-color);
	border-left: solid 2px var(--strat-evo-border-color);
	border-right: solid 2px var(--strat-evo-border-color);
}

DIV.TD_EVOLYS {
	text-align: center;
	background-color: var(--strat-evo-bk-color-content);
	border-left: solid 2px var(--strat-evo-border-color);
	border-right: solid 2px var(--strat-evo-border-color);
}

DIV.TD_EVOLYS_BOTTOM
{
	text-align: center;
	background-color: var(--strat-evo-bk-color-text);
	border-left: solid 2px var(--strat-evo-border-color);
	border-right: solid 2px var(--strat-evo-border-color);
	border-bottom: solid 2px var(--strat-evo-border-color);
}

DIV.TH_EVOLYS_PLUS {
	font-family: var(--font-family-bold);
	font-size: 120%;
	font-weight: 400;	
	text-align: center;
	background-color: var(--strat-plus-bk-color-title);
	border-left: solid 2px var(--strat-plus-bk-color-title);
	border-right: solid 2px var(--strat-plus-bk-color-title);
	border-top: solid 2px var(--strat-plus-bk-color-title);
}

DIV.TD_EVOLYS_PLUS {
	text-align: center;
	background-color: var(--strat-plus-bk-color-content);
	border-left: solid 2px var(--strat-plus-bk-color-title);
	border-right: solid 2px var(--strat-plus-bk-color-title);
}

DIV.TD_EVOLYS_PLUS_BOTTOM
{
	text-align: center;
	background-color: var(--strat-plus-bk-color-text);
	border-left: solid 2px var(--strat-plus-bk-color-title);
	border-right: solid 2px var(--strat-plus-bk-color-title);
	border-bottom: solid 2px var(--strat-plus-bk-color-title);
}

UL.STRATEGIE {
	list-style: none; 
}

UL.STRATEGIE LI {
	text-indent: -20px;
}

IMG.LI_BULLET {
	position: relative;
	left: -10px;
	height: 20px;
	width: 20px;
	margin-bottom: -4px;
}

@media screen and (min-width: 800px) {
	DIV.DISPLAY_WIDE {
		display: inline-block;
	}
	DIV.DISPLAY_VERTICAL {
		display: none;
	}
	DIV.TH_FAB, DIV.TH_EVOLYS, DIV.TH_EVOLYS_PLUS {
		width: 30%;
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	DIV.TD_FAB, DIV.TD_FAB_BOTTOM,
	DIV.DIV.TD_EVOLYS, DIV.TD_EVOLYS_BOTTOM,
	DIV.DIV.TD_EVOLYS_PLUS, DIV.TD_EVOLYS_PLUS_BOTTOM	{
		padding: 10px;
	}	
	DIV.TD_EMPTY {
		width: 1%;
	}
}
@media screen and (max-width: 799px) {
	DIV.DISPLAY_WIDE {
		display: none;
	}
	DIV.DISPLAY_VERTICAL {
		display: inline-block;

	}
	DIV.TH_FAB, DIV.TD_FAB, DIV.TD_FAB_BOTTOM {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	DIV.TH_EVOLYS, DIV.TD_EVOLYS, DIV.TD_EVOLYS_BOTTOM {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	DIV.TH_EVOLYS_PLUS, DIV.TD_EVOLYS_PLUS, DIV.TD_EVOLYS_PLUS_BOTTOM {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	DIV.TD_EMPTY {
		width: 100%;
		height: 10px;
	}	
}



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

DIV.FOLDERS {
	display: block;
	width: 100%;
}

DIV.FOLDERS_TITLE {
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

DIV.FOLDER_TITLE_VISIBLE {
	display: inline-block;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 30px;
	padding-bottom: 30px;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 5px;
	background-color: var(--page2-bk-color);
	border: 0.5px solid var(--page2-bk-color);
	font-weight: 300;
}

DIV.FOLDER_TITLE_HIDDEN {
	display: inline-block;
	background-color: var(--menu-bk-color);
	color: #FFFFFF;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 30px;
	padding-bottom: 30px;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 5px;
	border: 0.5px solid var(--menu-bk-color);
	font-weight: 300;
}

DIV.FOLDER, DIV.FOLDER-ROUND {
	display: inline-block;
	width: calc(100% - 40px);
	background-color: var(--page2-bk-color);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border: 0;
	border-radius: 8px;
}

DIV.FOLDER-ROUND {
	border-radius: 8px;
}

DIV.FOLDER H1 {
	margin-top: 1em;
}

DIV.FOLDER H2 {
	margin-top: 1.5em;
	margin-bottom: 1em;
}

DIV.FOLDER H3 {
	margin-top: 1.2em;
	margin-bottom: 0.5em;
}



DIV.SUB_FOLDER
{
	background-color: var(--page1-bk-color);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 3px;
}

@media (hover: hover) {

	DIV.FOLDER_TITLE_HIDDEN:hover {
		color: var(--boxes-bk-color-hover);
		background-color: #818286;
		cursor: pointer;
	}
}

@media screen and (max-width: 1023px) {
	DIV.FOLDER {
		width: 89%;
	}
}
@media screen and (max-width: 767px) {
	
	DIV.FOLDER {
		width: 86%;
	}
	
	DIV.FOLDER_TITLE_VISIBLE {
		padding-right: 15px;
		padding-left: 15px;	
	}
	
	DIV.FOLDER_TITLE_HIDDEN {
		padding-right: 15px;
		padding-left: 15px;	
	}
}

/* --------------------------------------------------- */
DIV.BOX_CONTACT
{
	border: 0;
	color: var(--text-color);
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	display: table;
	width: 1270px;
}

DIV.BOX_CONTACT_SITE
{
	float: left;
	justify-content: left;
	padding-bottom: 60px;
	margin: 10px;
	border: 0;
	background-color: var(--info-bk-color);
	color: white;
	width: 400px;
	border-radius: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
}

DIV.BOX_CONTACT_SITE IMG
{
	width: 100%;
}

DIV.BOX_CONTACT_SITE_TXT
{
	margin-left: 80px;
	vertical-align: center;
	margin-bottom: 5%;
}

DIV.BOX_CONTACT_SITE_TXT H3
{
	font-family: var(--font-family-bold);
	font-size: 120%;
	font-weight: 400;
	text-align: left;
	margin-top: 60px;
	margin-bottom: 1em;
}

DIV.BOX_CONTACT_SITE_TXT P
{
	margin: 0;
	text-align: left;
}

DIV.BOX_CONTACT_SITE_POINT
{
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 46px;
	height: 1.5em;
}

DIV.BOX_CONTACT_SITE_POINT IMG
{
	max-height: 25px;
	max-width: 25px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

DIV.BOX_CONTACT_SITE_POINT A
{
	color: white;
	text-decoration: none;
}

@media (hover: hover) {
	
	DIV.BOX_CONTACT_SITE_POINT A:hover
	{
		color: #EA6EB0;
	}
}

@media screen and (min-width: 800px) and (max-width: 1499px) {
	
	DIV.BOX_CONTACT
	{
		width: 730px;
	}
	
	DIV.BOX_CONTACT_SITE
	{
		padding-bottom: 50px;
		margin: 7px;
		width: 350px;
	}
	
	DIV.BOX_CONTACT_SITE_TXT
	{
		margin-left: 60px;
	}
	
	DIV.BOX_CONTACT_SITE_POINT
	{
		display: flex;
		justify-content: left;
		margin-top: 6px;
		margin-bottom: 6px;
		margin-left: 26px;
		height: 1.5em;
	}
	
}

@media screen and (max-width: 799px) {
	
	DIV.BOX_CONTACT
	{
		width: 100%;
	}

	DIV.BOX_CONTACT_SITE
	{
		padding-bottom: 50px;
		margin: 7px;
		width: 90vw;
	}
	
	DIV.BOX_CONTACT_SITE_TXT
	{
		margin-left: 60px;
		margin-right: 10px;
	}
	
	DIV.BOX_CONTACT_SITE_POINT
	{
		display: flex;
		justify-content: left;
		margin-top: 6px;
		margin-bottom: 6px;
		margin-left: 26px;
		margin-right: 10px;
		height: 1.5em;
	}
}

/* --------------------------------------------------- */
DIV.BOX_PROTOCOL
{
	border: 0;
	color: var(--text-color);
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	display: table;
}

DIV.BOX_PROTOCOLINFO
{
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	margin: 5px;
	border: 0;
	background-color: var(--page2-bk-color);
	width: 150px;
	height: 150px;
	border-radius: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
}
DIV.BOX_PROTOCOLINFO_TXT
{
	text-align: center;
	vertical-align: center;
}

div.PAGE:nth-child(2n) DIV.DIV.BOX_PROTOCOLINFO
{
	background-color: var(--page1-bk-color);
}

DIV.BOX_PROTOCOLINFO_TXT H4
{
	font-family: var(--font-family-bold);
	font-size: 100%;
	font-weight: 400;
	text-align: center;
	margin-top: 0;
	margin-bottom: 1em;
}

DIV.BOX_PROTOCOLINFO_TXT P
{
	margin: 0;
}

DIV.BOX_PROTOCOL_DESCRIPTION
{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

DIV.BOX_PROTOCOL_DESCRIPTION_TITLE
{
	width: 100%;
	display: block;
}
DIV.BOX_PROTOCOL_DESCRIPTION_CONTENT
{
	width: 100%;
	display: none;
}

@media screen and (max-width: 1599px) and (min-width: 1300px) {
	DIV.BOX_PROTOCOLINFO
	{
		padding: 5px;
		margin: 5px;
		width: 140px;
		height: 140px;
		border-radius: 10px;
	}
}
@media screen and (min-width: 900px) and (max-width: 1299px) {
	DIV.BOX_PROTOCOLINFO
	{
		padding: 5px;
		margin: 2px;
		width: 118px;
		height: 118px;
		border-radius: 7px;
	}
	DIV.BOX_PROTOCOLINFO_TXT H4
	{
		font-size: 100%;
		line-height: 100%;
	}	
	DIV.BOX_PROTOCOLINFO_TXT P
	{
		font-size: 85%;
		line-height: 100%;
	}
}
@media screen and (min-width: 750px) and (max-width: 899px) {
	DIV.BOX_PROTOCOLINFO
	{
		padding: 2px;
		margin: 2px;
		width: 110px;
		height: 110px;
		border-radius: 8px;
	}
	DIV.BOX_PROTOCOLINFO_TXT H4
	{
		font-size: 90%;
		line-height: 100%;
	}	
	DIV.BOX_PROTOCOLINFO_TXT P
	{
		font-size: 80%;
		line-height: 100%;
	}
}
@media screen and (max-width: 749px) {
	DIV.BOX_PROTOCOLINFO
	{
		padding: 2px;
		margin: 1px;
		width: 80px;
		height: 80px;
		border-radius: 8px;
	}
	DIV.BOX_PROTOCOLINFO_TXT H4
	{
		font-size: 70%;
		line-height: 90%;
	}	
	DIV.BOX_PROTOCOLINFO_TXT P
	{
		font-size: 70%;
		line-height: 90%;
	}
}

/* --------------------------------------------------- */
/* TEXT_BLOCK */
DIV.TEXT_BLOCK
{
	float: left;
	border: 0;
	background-color: transparent;
	color: var(--text-color);
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
}

div.PAGE:nth-child(2n) DIV.TEXT_BLOCK_50 
{
	background-color: var(--page1-bk-color);
}

DIV.TEXT_BLOCKTEXT {
	background-color: transparent;
	color: var(--text-color);
}

DIV.TEXT_BLOCK H2 {
	margin-top: 2em;
	margin-bottom: 1.5em;
}

DIV.TEXT_BLOCK a, a:active, a:focus
{
	color: #EA6EB0;
	text-decoration: none;
	outline: none;
}

DIV.TEXT_BLOCK P 
{
	text-align: left;
}

DIV.TEXT_BLOCK UL 
{
	list-style-position: inside;
}

DIV.TEXT_BLOCKIMGLEFT, DIV.TEXT_BLOCKIMGLEFTH  {
	float: left;
	max-width: 300px;
	margin-right: 30px;
	padding-right: 10px;
	background-color: transparent;
}

DIV.TEXT_BLOCKIMGRIGHT, DIV.TEXT_BLOCKIMGRIGHTH {
	float: right;
	max-width: 300px;
	margin-left: 30px;
	padding-left: 10px;
	background-color: transparent;
}

DIV.TEXT_BLOCKIMGLEFT IMG, DIV.TEXT_BLOCKIMGRIGHT IMG {
	max-height: 300px;
	max-width: 300px;
	margin-top: 20px;
	margin-bottom: 40px;
	border-radius: 20px;
}

DIV.TEXT_BLOCKIMGLEFTH IMG, DIV.TEXT_BLOCKIMGRIGHTH IMG {
	max-height: 300px;
	max-width: 300px;
	margin-top: 50px;
	margin-bottom: 100px;
	border-radius: 20px;
}

DIV.INFO_CONTAINER {
	display: inline-block;
	background-color: transparent;
	width: 100%;
	margin-top: 2em;
}

DIV.INFO, DIV.INFO:active, DIV.INFO:focus
{
	display: inline-block;
	border: 1px solid var(--info-bk-color);
	border-radius: 5px;
	background-color: transparent;
	color: var(--info-bk-color);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	min-width: 200px;
	text-align: center;
}

@media (hover: hover) {
	DIV.TEXT_BLOCK a:hover 
	{	
		color: #ea148c; 
	}
	
	DIV.INFO:hover
	{
		border-color: var(--info-hover-bk-color);
		background-color: var(--info-hover-bk-color);
		color: var(--info-hover-text-color);
		cursor: pointer;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}
}

DIV.INFO P
{
	text-align: center;
}


@media screen and (max-width: 1023px) {
	
	DIV.TEXT_BLOCK {
		width: 100%;
		margin-top: 0;
		padding-top: 0;
	} 
	
	DIV.TEXT_BLOCKTEXT {
		margin: 0;
		padding-top: 10px;
	}
	
	DIV.TEXT_BLOCKIMGLEFT, DIV.TEXT_BLOCKIMGLEFTH, DIV.TEXT_BLOCKIMGRIGHT, DIV.TEXT_BLOCKIMGRIGHTH  {
		width: 80%;
		max-width: 100%;
		padding-left: 10%;
		padding-right: 10%;
		background-color: transparent;
		margin: 0;
		float: left;
		display: flex;
		justify-content: center;	
	}
	
	DIV.TEXT_BLOCKIMGLEFT IMG, DIV.TEXT_BLOCKIMGLEFTH IMG, DIV.TEXT_BLOCKIMGRIGHT IMG, DIV.TEXT_BLOCKIMGRIGHTH IMG {
		width: 100%;
		margin: 0;
		margin-bottom: 40px;
		padding: 0;
		border-radius: 50%;;
	}
	
	DIV.TEXT_BLOCKIMGRIGHT#FIRSTTOHIDE {
		display: none;
	}
		
	DIV.INFO {
		min-width: 180px;
	}
	DIV.INFO_CONTAINER {
		padding-bottom: 10px;
	}
}


/* --------------------------------------------------- */
/* Formulaire */

DIV.FORMWRAPPER
{
	padding: 0;
	margin: 0;
}

TEXTAREA.TEXTAREAFORM, INPUT.INPUTFORM
{
	width: 100%;
	text-decoration: none;
	border: 0;
	border-radius: 5px;
	background-color: var(--page1-bk-color);
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: var(--font-family);
	font-size: 16px; 
	font-weight: var(--font-weight-normal);
}

INPUT.CHECKBOX, INPUT.RADIO
{
	text-decoration: none;
	border: 0;
	background-color: var(--page1-bk-color);
	font-size: 14px; 
	font-weight: 300;
	border-radius: 0;
	margin-right: 5px;
	text-align: left;	
}

SPAN.INPUT
{
	font-size: 100%; 
	font-weight: var(--font-weight-normal);
}


INPUT.SUBMIT_BUTTON
{
	background-color: transparent; 
	border: solid 1px var(--info-bk-color);
	color: var(--info-bk-color);
	padding: 16px 32px;
	text-decoration: none;
	cursor: pointer;
	font-family: var(--font-family);
	font-size: 14px; 
	font-weight: 300;
	margin: 0;
	margin-top: 20px;
	min-width: 150px;
}

@media (hover: hover) {
	
	INPUT.SUBMIT_BUTTON:hover {
		border-color: var(--info-hover-bk-color);
		background-color: var(--info-hover-bk-color);
		color: var(--info-hover-text-color);
		cursor: pointer;		
	}
	
}


/* --------------------------------------------------- */
/* Sildeshow */

div.SLIDESHOWCONTAINER
{
	width: 640px;
	height: auto;
	position: relative;
	margin: auto;
}

div.SLIDE
{
	/* Hide the images by default */
	display: none;
}

div.SLIDE IMG
{
	width: 100%;
	height: auto;
}

div.DOT
{
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}


/* Next & previous buttons */
a.PREV, a.NEXT 
{
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 36px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

a.PREV, a.PREV:active, a.PREV:focus, a.NEXT, a.NEXT:active, a.NEXT:focus
{
	color: var(--a-link-color);
	text-decoration: none;
	outline: none;
}

/* Position the "next button" to the right */
a.NEXT {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
@media (hover: hover) {
	a.PREV:hover, a.NEXT:hover {
		color: #FFFFFF;
		background-color: rgba(0,0,0,0.2);
	}
}

/* The dots/bullets/indicators */
span.DOT {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: var(--a-link-color);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

@media (hover: hover) {
	span.DOT:hover {
		background-color: #FFFFFF;
	} 
}

/* Caption text */
.TEXT {
  color: var(--a-link-color);
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.NUMBERTEXT {
  color: var(--a-link-color);
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* --------------------------------------------------- */
/* Footer */
div.PAGEFOOTER
{
	padding: 0;
	margin: 0;
	background-color: var(--footer-bk-color);
	color: var(--footer-text-color);
	width: 100%;
	float: left;
	text-align: justify;
}

div.FOOTERCONTENT
{
	padding-left: var(--page-margin);
	padding-right: var(--page-margin);
	padding-top: 10px;
	padding-bottom: var(--page-margin-bottom);
	background-color: var(--footer-bk-color);
	color: var(--footer-text-color);
}

div.FOOTERCENTER
{
	display: flex;
	justify-content: center;
	background-color: var(--footer-bk-color);
}

div.PAGEFOOTER H3
{ 
	margin-top: 1.5em;
	margin-bottom: 1.0em;
 	line-height: 1.25em;
}

div.PAGEFOOTER P
{
	margin-bottom: 2em;
}

div.PAGEFOOTER a, div.PAGEFOOTER a:active, div.PAGEFOOTER a:focus
{
	color: var(--a-link-color-hell);
}


@media screen and (max-width: 1023px) {

	div.FOOTERCONTENT
	{
		padding-left: var(--page-margin-small);
		padding-right: var(--page-margin-small);
	}

	div.FOOTERCENTER {
		width: 100%;
		padding-top: 2px;
		text-align: center;
	}

}


/* --------------------------------------------------- */
/* Page - Liens */

DIV.LIENS
{
	width: 100%;
	background-color: var(--links-bk-color);
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 125%;
	color: var(--links-text-color);
	cursor: pointer;
}
@media (hover: hover) {
	DIV.LIENS:hover
	{
		background-color: var(--boxes-bk-color-hover);
	}
}

IMG.IMG_LINK {
	height: 20px;
	width: 20px;
}

DIV.LIENS IMG {
	margin-top: 1px;
	margin-left: 8px;
	border-radius: 9px;
	height: 20px;
	width: 20px;
	margin-right: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	img.LIEN {
		height: 24px;
		margin-right: 10px;
		margin-top: 0px;
	}
}
@media screen and (min-width: 568px) and (max-width: 767px) {
	img.LIEN {
		height: 20px;
		margin-right: 7px;
		margin-top: 0px;
	}
}
@media screen and (max-width: 567px) {
	img.LIEN {
		height: 15px;
		margin-right: 4px;
		margin-top: 0px;
	}
}


/* --------------------------------------------------- */
/* Page - Liens */

#COOKIEBOX {
	border: solid 1px #414246;
	border-radius: 10px;
	position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50vw;
    background-color: white; 
    padding: 10px; 
    text-align: center;
    z-index: 9999;
	font-family: var(--font-family);
	font-size: 14px; 
	font-weight: var(--font-weight-normal);
	color: var(--text-color);
	transition: height 1s;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#COOKIEBOX IMG {
	width: 150px;
	height: 84px;
}

#COOKIEOPTIONS {
	display: none;
	padding: 10px;
	transition: height 1s;
}

#SAVE_COOKIE {
	display: none;
}

#CB_ACCEPT_COOKIE {
	margin-right: 10px;
	text-decoration: none;
	border: 0;
	background-color: var(--page1-bk-color);
	font-weight: 300;
	border-radius: 0;
}

DIV.BUTTON_CONTAINER {
	display: inline-block;
	background-color: transparent;
	width: 100%;
	padding: 10px;
} 

BUTTON.COOKIEBOX {
	background-color: transparent;
    padding: 10px;
    border: solid 1px #414246;
    cursor: pointer;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	min-width: 150px;
	font-family: var(--font-family);
	font-size: 14px; 
	font-weight: var(--font-weight-normal);
	color: var(--text-color);
}

@media (hover: hover) {	
	BUTTON.COOKIEBOX:hover
	{
		border-color: var(--info-hover-bk-color);
		background-color: var(--info-hover-bk-color);
		color: var(--info-hover-text-color);
		cursor: pointer;
	}
}

@media screen and (max-width: 1023px) {	
	#COOKIEBOX {
		left: 3vw;
		width: 90vw;
	}
}

@media screen and (max-width: 600px) {
	
	#COOKIEBOX
	{
		font-size: 16px;
	}
	
}