:root {
	--font-size-A:18px;
	--font-size-B:55px;
	--font-size-C:18px;
	--font-size-D:20px;
	--font-size-E:14px;
	--font-size-F:25px;
	--font-size-G:12px;
	--font-size-H:13px;
	--font-size-I:10px;
	--font-size-J:11px;
	--font-size-K:28px;
	--font-size-L:24px;
	--font-size-M:30px;
	--font-size-N:40px;
	--font-size-O:45px;
	--font-size-P:22px;
	--font-size-Q:35px;

	--font-size-em-A:0.8em;
    --font-size-em-B:1.4em;
	--font-size-em-C:1.1em;
    --font-size-em-D:1.3em;
    --font-size-em-E:1.8em;
    --font-size-em-F:0.9em;
    --font-size-em-G:2em;
    --font-size-em-H:0.7em;
	
	--font-size-pourcent:150%;
	
    --font-family-Nom-plaform: Arial;
	--color-Name1-plaform:#0055A4;
	--color-Name2-plaform:#EF4135;
	
	--font-button:bold 13px Arial;
	--font-button-A:bold 11px Arial;
	
	--font-weight-A:bold;
	--font-weight-B:normal;
	
	--font-style-A:normal;
	
    --ckeckbox-font-family:FontAwesome;
	
	--datepicker-background:#FFF;/*Blanc*/
	--datepicker-background-A:#ece3d2; /*saumon*/
	--datepicker-background-B:#EF4135;/*Rouge Sang*/
	--datepicker-background-C:#fdf59a;/*Jaune clair*/
	--datepicker-background-D:#fbf069 \9; /*Jaune fonce*/
	--datepicker-background-E:#FAFAFA;/*Blanc creme*/
	--datepicker-background-F:#0055A4;/*Blue*/
	--datepicker-border:#FFF;/*Blanc*/
    --datepicker-color:#566573;/*Gris fonce*/
    --datepicker-color-A:#FFF;/*Blanc*/
    --datepicker-color-today-hover:#000013;/*Noir*/
    --datepicker-color-today-active:#FFF;/*Blanc*/
    --datepicker-background-today-disabled-hover:#fdf59a;/*Jaune clair*/
    --datepicker-background-today-hover-active:#efe24b \9;/*Jaune fonce*/
    --datepicker-background-selected-disabled-hover:#bfc9ca;/*Gris moyen fonce*/
    --datepicker-background-selected-disabled-hover-A:#566573;/*Gris fonce*/
    --datepicker-background-selected-disabled-hover-Active:#000013;/*Noir*/
    --datepicker-background-active-disabled-hover:#0055A4;/*Blue*/
    --datepicker-background-active-disabled-hover-Active:#0055A4;/*Blue tres fonce*/
    --datepicker-span-hover:#ebebeb;/*Gris clair*/
    --datepicker-color-span-disabled-hover:#566573;	/*Gris fonce*/
    --datepicker-background-span-active-disabled-hover:#0055A4;/*Blue*/
	--datepicker-background-span-active-disabled-hover-active:#003399 \9;/*Blue tres fonce*/
	
	/*Changer*/
    --primary-color-K: orange; /*Orange*/
    --primary-background-L: #57b050;/*Vert fonce a changer et a voir ou c est*/	
    --primary-background-N: #57D53B;/*Vert clair a changer et voir ou c est*/
    --border-color-L: 1px solid #57b057; /*Vert a changer A voir ou cest*/	
/*Fin a changer*/	

   --border-radius: 8px 8px 8px 8px;
   
   --ButtonSizeW: 40px;
   --ButtonSizeH: 40px;
	
}
:root[data-theme="Theme-light"] {
    --primary-color: #0055A4;/*Blue*/
	--primary-color-A: #FFF;/*Blanc*/
    --primary-color-B: #EF4135;/*Rouge Sang*/
    --primary-color-D: #050505;/*Noir ecriture txt*/
    --primary-color-I: gray;/*Gris ecriture txt*/	
    --primary-color-E: #D7DBDD;/*Gris clair*/
    --primary-color-E: #cccccc;/*Gris moyen fonce*/
    --primary-color-G: #566573;/*Gris fonce*/	
    --primary-color-F: transparent;

    --primary-background-Special:rgba(240, 240, 240, 0.8);
    --primary-background: #0055A4; /*Blue*/
    --primary-background-A: #FAFAFA; /*Blanc creme*/
	--primary-background-C: #FFF;/*blanc*/
    --primary-background-D: #F0F2F5;/*gris clair*/
    --primary-background-H: #FAFAFA;/* hover surlignage box result search*/
    --primary-background-K: #C0392B;/*Rouge Sang*/	
    --primary-background-I: #585858;/*Noir*/
    --primary-background-J: gray;/*Gris*/
    --primary-background-F: #D7DBDD;/*Gris clair fonds cellules*/	
	--primary-background-G: #ebebeb;/*Gris clair*/		
    --primary-background-M: #cccccc;/*Gris moyen fonce*/	
    --primary-background-B: transparent;	
	
	--secondary-background:rgba(255,255,255,.8); /*Blanc*/
	--secondary-background-A:rgba(0,0,0,0.87); /*Noir*/
	--secondary-background-B:rgba(0, 85, 164, .8); /*Blue*/
	
	--Background-Body: #FFF; /*Arriere plan*/
	
	--Background-barre-search:#FFF;/*Blanc barre Search*/

	--border-color-C: 1px solid #D7DBDD;/*Gris clair*/
    --border-color-F: 1px solid #bfc9ca;/*Gris moyen fonce*/
    --border-color-E: 1px solid #566573;/*Gris fonce*/
    --border-color-D: 1px solid #ebebeb;/*Gris clair*/
    --border-color-H: 1px solid #0055A4;/*Blue*/
    --border-color-I: 1px solid #FFF;/*Blanc*/
    --border-color-J: 1px solid #EF4135;/*Rouge Sang*/
    --border-color-K: 1px solid #585858;/*Noir*/
	
	--border-color-A: 2px solid #0055A4;/*Blue*/
    --border-color-M: 2px solid gray; /*Gris*/
    --border-color-N: 2px solid #FFF;/*Blanc*/
    --border-color-O: 2px solid #EF4135;/*Rouge Sang*/
	
	--border-color-P: 3px solid #0055A4;/*Blue*/
	
	--border-color-Chargement: 5px double #cccccc;
	--border-top-Chargement-color: 5px dashed #0055A4;
	--border-bottom-Chargement-color: 5px dashed #EF4135;
	
	--radio-color: #0055A4;	/*Blue*/
	--radio-color-checked-before: #0055A4;	/*Blue*/
	--radio-background-color-hover: #f7f7f7;/*Gris clair*/	
	--radio-background-color-checked: #f1f1f1;/*Gris clair*/	
	--radio-background-color: #f1f1f1;/*Gris clair*/
	
    --box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;
	--box-shadow-A:0 2px 10px 0 rgba(0,0,0,0.15);
	--box-shadow-B:0 2px 4px rgba(0,0,0,.16);
	--box-shadow-C:0 1px 6px 0 var(#20212447);
	
    --background-image:linear-gradient(to right, rgba(0,85,164,1), rgba(0,85,164,0));
	
	--text-shadow: 2px 2px #FFF;/*Blanc*/
}
:root[data-theme="Theme-dark"] {
	--primary-color: #FFF;/*Blanc*/
	--primary-color-A: #FFF;/*Blanc*/
    --primary-color-B: #EF4135;/*Rouge Sang*/
    --primary-color-D: #FFF;/*Noir*/
    --primary-color-I: #C0C0C0;/*Gris*/	
    --primary-color-E: #D7DBDD;/*Gris clair*/
	--primary-background-G: #ebebeb;/*Gris clair*/	
    --primary-color-E: #cccccc;/*Gris moyen fonce*/
    --primary-color-G: #566573;/*Gris fonce*/	
    --primary-color-F: transparent;

    --primary-background-Special:rgba(60,60,60,.8);
    --primary-background: #0055A4;/*Blanc*/
    --primary-background-A: #3d3d3d; /*Noir clair*/
    --primary-background-C: #292929;/*Noir*/
	--primary-background-D: #292929;/*Noir*/
    --primary-background-H: #3d3d3d;/* hover surlignage box result search*/
    --primary-background-K: #C0392B;/*Rouge Sang*/	
    --primary-background-I: #FFF;/*Noir*/
    --primary-background-J: gray;/*Gris*/
    --primary-background-F: #D7DBDD;/*Gris clair*/	
    --primary-background-M: #cccccc;/*Gris moyen fonce*/	
    --primary-background-B: transparent;	
	
	--secondary-background:rgba(60,60,60,.8); /*Blanc*/
	--secondary-background-A:rgba(255,255,255,0.87); /*Noir*/
	--secondary-background-B:rgba(255, 255, 255, .8); /*Blanc*/
	
	--Background-Body: #21130d; /*Arriere plan*/
	
	--Background-barre-search:#292929;/*Blanc barre Search*/

	--border-color-C: 1px solid #D7DBDD;/*Gris clair*/
    --border-color-F: 1px solid #bfc9ca;/*Gris moyen fonce*/
    --border-color-E: 1px solid #566573;/*Gris fonce*/
    --border-color-D: 1px solid #ebebeb;/*Gris clair*/
    --border-color-H: 1px solid #FFF;/*Blanc*/
    --border-color-I: 1px solid #292929;/*Noir*/
    --border-color-J: 1px solid #EF4135;/*Rouge Sang*/
    --border-color-K: 1px solid #FFF;/*Noir*/
	
	--border-color-A: 2px solid #0055A4;/*Blue*/
    --border-color-M: 2px solid gray; /*Gris*/
    --border-color-N: 2px solid #292929;/*Noir*/
    --border-color-O: 2px solid #EF4135;/*Rouge Sang*/
	
	--border-color-P: 3px solid #0055A4;/*Blue barre sous titre rubrique search*/
	
    --border-color-Chargement: 5px double #FFF;
	--border-top-Chargement-color: 5px dashed #0055A4;
	--border-bottom-Chargement-color: 5px dashed #EF4135;
	
	--radio-color: #0055A4;	/*Blue*/
	--radio-color-checked-before: #0055A4;	/*Blue*/
	--radio-background-color-hover: #f7f7f7;/*Gris clair*/	
	--radio-background-color-checked: #f1f1f1;/*Gris clair*/	
	--radio-background-color: #f1f1f1;/*Gris clair*/

    --box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;
	--box-shadow-A:0 2px 10px 0 rgba(0,0,0,0.15);
	--box-shadow-B:0 2px 4px rgba(0,0,0,.16);	
	
    --background-image:linear-gradient(to right, rgba(0,85,164,1), rgba(0,85,164,0));
	
	--text-shadow: 2px 2px #292929;/*Noir*/

}

:root{
--Announcement: url('Icones/Announcement.png');
--Videos:url('Icones/Videos.png');
--Journaux:url('Icones/Journaux.png');
--GPS:url('Icones/Gps.png');
--Groupes:url('Icones/Groupes.png');
--Pictures:url('Icones/Pictures.png');
--Radios:url('Icones/Radios.png');
--Loupe:url('Icones/Loupe.png');
--supervised_user:url('Icones/supervised_user_circle_Bleu.png');
--Menu_Bleu:url('Icones/Menu_Bleu.png');
--Load:url('Icones/Load.gif');
--search:url('Icones/search.png');
--home:url('Icones/home.png');
--Alerte:url('Icones/Alerte.png');
--Check:url('Icones/Check.png');

--logo_200x200:url('Icones/logo_200x200.png');
--logo_57x57:url('Icones/logo_57x57.jpg');
--logo_Enseigne:url('Icones/logo_Enseigne.png');

--Grand_Drapeau_France:url('Icones/Grand_Drapeau/France.png');
--Grand_Drapeau_Royaume-Uni:url('Icones/Grand_Drapeau/Royaume-Uni.png');
--Grand_Drapeau_Espagne:url('Icones/Grand_Drapeau/Espagne.png');
--Grand_Drapeau_Portugal:url('Icones/Grand_Drapeau/Portugal.png');
--Day_Light_Mode:url('Icones/Day_Light_Mode.png');
--Dark_Light_Mode:url('Icones/Dark_Light_Mode.png');


--ERREUR404:url('Images/Erreur404/ERREUR404.jpg');
--Fond1:url('Images/FondAnnonceBlanc.jpg');
	
}


/*Scrollbar general*/
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 	
border-radius: 10px 10px 10px 10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 	
border-radius: 10px 10px 10px 10px;
}
/*Fin Scrollbar general*/

/*Scrollbar Associe*/
#ListeGlobeTrotter2>#ListeGlobeTrotterInt::-webkit-scrollbar {
width: 12px;
display:none;
}
#ListeGlobeTrotter2>#ListeGlobeTrotterInt:hover::-webkit-scrollbar {
width: 12px;
display:block;
}
#ListeGlobeTrotter2::-webkit-scrollbar-track {
display:none;	
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 	
border-radius: 10px 10px 10px 10px;
}

#ListeGlobeTrotter2::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 	
border-radius: 10px 10px 10px 10px;
}
/*Fin Scrollbar Associe*/

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-28 { font-size: 28px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

textarea:focus{
outline: none !important;
}

a{
cursor:pointer;
color:var(--primary-color);	
}

a:hover{
text-decoration-style: solid;
}
textarea:focus{
outline: none !important;
}
.IconeBarreHaut{
width:25px;
}