@charset "UTF-8";
/*#region VARIABLES */
/*#endregion VARIABLES */
/* SOMMAIRE
- styles globaux HTML
- styles MESSAGES d'EXECUTION
- style MENU
- styles TABLE
	- cadre

*/
/*body
{
	font-family: Verdana, Arial;
	font-size: small;
	color: #284E98;
	margin: 0px 0px 0px 10px; /*BACKGROUND: #E6E6E6 url(../../images/page_bg.png) 0 0 repeat-y;
}*/
select {
  font-family: Arial;
  /*font-size: 8pt;*/
  border: lightgrey 1px solid;
}

input {
  border: lightgrey 1px solid;
  font-size: 10pt;
  font-family: Arial;
}

textarea {
  font-family: Arial;
  font-size: 10pt;
  border: lightgrey 1px solid;
}

td {
  font-size: inherit;
  vertical-align: top;
}

th {
  font-size: 0.8rem;
  vertical-align: text-top;
}

legend {
  font-weight: bold;
  font-size: 14px;
  color: #244e8c;
}

/*
--------------------------------------------------------------------------
					Styles H
--------------------------------------------------------------------------
*/
h1 {
  /*color: #94a8d4;*/
  font-size: 23px;
  font-weight: normal;
  color: #3CB150;
}

.color-h1 {
  color: #3CB150;
}

.color-text {
  color: #016699;
}

.background-color-text {
  background-color: #0177B3 !important;
}

.background-color-text2 {
  background-color: darkslategray !important;
}

.background-color-black {
  background-color: black !important;
}

h2 {
  /* identique à td_titre */
  /*color: #244E8C;*/
  /*font-size: 16px;*/
  border-bottom: 2px #f0aa67 solid;
}

h3 {
  /* identique à titre */
  color: #244E8C;
  font-size: 15px;
  font-weight: bold;
}

.h3-2 {
  /*color: #4497D4;*/
  font-size: 15px;
  font-weight: bold;
}

h4 {
  /*identique à tx_emphase */
  /*color: #4497D4;*/
  /*font-size: 15px;*/
  color: #244E8C;
}

h4 .non_selectionne {
  color: #8098C8;
}

h5 {
  /*color: #4497D4;*/
  /*font-size: 13px;*/
}

/*
--------------------------------------------------------------------------
					ZONES de la masterpage
--------------------------------------------------------------------------
préfixe : z_ 
*/
.z_aide_rapide {
  color: #FF8C00; /* DarkOrange */
  background-color: #FFFFE0; /* LightYellow */
  font-size: 10px;
}

.z_aide {
  color: #888;
  text-align: justify;
  padding-top: 10px;
  padding-left: 5px;
  padding-bottom: 5px;
}

.z_aide_rapide a {
  border-right: 1px solid yellow;
  color: #888;
  font-size: 1em;
  text-decoration: none;
}

.z_aide_rapide a:hover {
  color: #FF8C00; /* DarkOrange */
}

/*
--------------------------------------------------------------------------
					MESSAGES D'EXECUTION
--------------------------------------------------------------------------
préfixe : z_ 
*/
.cadre_nok {
  background-color: #FFE4E1; /* MistyRose */
  color: Red;
  padding: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.cadre_wok {
  background-color: #FFFFE0; /* LightYellow */
  color: Maroon;
  padding: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.cadre_ok {
  border: #009999 0px solid;
  background-color: #ccffcc;
  padding: 3px 3px 3px 3px;
  margin: 3px 3px 3px 3px;
  width: 100%;
  color: #077;
}

/*
--------------------------------------------------------------------------
					MENU
--------------------------------------------------------------------------
préfixe :  
*/
.menu_div {
  color: #284E98;
  background-color: #F0F8FF; /* AliceBlue */
  border-bottom: 1px solid lavender;
  height: 35px;
  vertical-align: bottom;
  position: relative;
  left: -10px;
}

/*	.ctl00_menu1_Menu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
	.ctl00_menu1_Menu1_1 { color:White;background-color:#284E98; text-decoration:none;padding:3px 15px 3px 15px; }
	.ctl00_menu1_Menu1_2 { COLOR: #284E98; BACKGROUND-COLOR: white; }
	.ctl00_menu1_Menu1_3 { color:White;background-color:#284E98; }
	.ctl00_menu1_Menu1_4 { padding:2px 5px 2px 5px; color:White;background-color:#284E98; }
	.ctl00_menu1_Menu1_5 {  }
	.ctl00_menu1_Menu1_6 { padding:2px 5px 2px 5px; }
	.ctl00_Menu1_7 { background-color:#B5C7DE; }
	.ctl00_Menu1_8 {  color:White;background-color:#284E98;}
	.ctl00_Menu1_9 { background-color:#507CD1; }
	.ctl00_Menu1_10 { color:White;background-color:#284E98; }
	.ctl00_Menu1_11 { background-color:#507CD1; }
	.ctl00_Menu1_12 { color:White; }
	.ctl00_Menu1_13 { color:White;background-color:#284E98; }
	.ctl00_Menu1_14 { color:White; }
	.ctl00_Menu1_15 { color:White;background-color:#284E98; }
*/
/* ________________________________________________________   TABLE  ________________________________________________________ */
/* ______________ style CADRE pour les tables */
.cadre {
  background-color: #F4F5F3;
  border-collapse: collapse;
  border: none; /*#A9CEE9 1px solid;*/
}

.cadre th.th_titre {
  padding: 5px 5px 5px 5px;
  height: 20px;
  font-size: 11pt;
  border-collapse: collapse;
  text-align: center;
}

.cadre th.th_titre_ligne {
  padding: 5px 5px 5px 5px;
  height: 20px;
  font-size: 11pt;
  border-collapse: collapse;
  border-top: #D4E7F5 1px solid;
  border-bottom: #D4E7F5 1px solid;
  text-align: center;
}

.cadre th {
  color: #366A88;
  text-align: right;
  font-size: 7pt;
  font-weight: bold;
}

.cadre td {
  padding: 5px;
}

/* Ti.1713 : Style table formulaire mode impression et mode tableau */
.table_formulaire_tableau td, .table_formulaire_tableau th {
  border: 1px solid #aaa !important;
  padding: 5px;
}

.table_formulaire_tableau th {
  background-color: grey;
  color: white;
}

/* ______________ datagrid */
table.dtg, .dtg table {
  border: none;
  border-collapse: collapse; /*background-color: #f4f5f3;*/
}

.dtg tfoot, .dtg thead, .dtg .tr_head, .dtg .tr_pager, .dtg .tr_head th, .dtg .tr_head td {
  text-align: left;
  vertical-align: middle;
  height: 20px;
  background-color: #D3E4F8;
  border: #A9CEE9 1px solid; /* reprise de .cadre th pour que les td des tr_head des datagrid apparaissent correctement  	car dans les datagrid, les cellules de tr_head sont des td et non des th comme dans les gridview */
  color: #366A88;
  font-size: 7pt;
  font-weight: bold;
  text-align: left;
}

.dtg .tr_alternate {
  background-color: #ECF6FF;
}

.dtg tr.tr_white .td {
  background-color: white;
}

.dtg th {
  border: #D4E7F5 1px solid;
  padding: 5px;
  text-align: center;
}

.dtg td {
  text-transform: none;
  border: #D4E7F5 1px solid;
  height: 20px;
  padding: 5px;
}

.dtg .td_center {
  text-align: center;
}

/* Style colonne numéro de ligne d'une liste en gridview */
.num_ligne {
  background-color: #E1E1E1;
  font-size: smaller;
  text-align: center;
}

/* ______________ styles globaux HTML */
.tr_alternate {
  background-color: #ECF6FF;
}

.tr_alternate_erreur_envoi {
  color: red;
}

.th1, th.th1, .th1 th {
  vertical-align: top;
  text-align: left;
  padding: 2px 5px 2px 2px;
  font-size: 11pt;
}

.th2, th.th2, .th2 th {
  vertical-align: top;
  text-align: left;
  padding: 2px 5px 2px 2px;
  font-size: 7pt;
}

.separateur, tr.separateur, th.separateur .separateur tr, .separateur th, .separateur td {
  border-top-width: 3px;
  padding-top: 5px;
  background-color: #D4E7F5;
}

/*
--------------------------------------------------------------------------
					Styles BOUTONS ET CONTROLES
--------------------------------------------------------------------------
préfixe : bt_
*/
.casereadonly { /* pour iwc.checkboxdyn */
  background-color: #F6F6F6;
  border: 1px solid silver;
  color: Navy;
  display: inline-block;
  font-size: 10pt;
  font-weight: 500;
  margin: 0 2px 0 2px;
  padding: 0 2px 0 2px;
  text-align: center;
  width: 15px;
}

.obligatoire {
  /*background-color: #d4e7f5;*/
  background-image: url(tri-rouge.gif);
  background-repeat: no-repeat;
  padding-left: 6px;
  top: -2px;
}

/*
--------------------------------------------------------------------------
					Messages
--------------------------------------------------------------------------
*/
INPUT.input_nok, textarea.input_nok, SELECT.input_nok, SPAN.input_nok {
  border-right: red 1px solid;
  border-top: red 1px solid;
  border-left: red 1px solid;
  border-bottom: red 1px solid;
  background-color: #FFE4E1; /* MistyRose */
}

.div_ok {
  /* 	border-right: #009999 1px solid; 	border-top: #009999 1px solid; 	border-left: #009999 1px solid; 	border-bottom: #009999 1px solid; 	*/
  background-color: #ccffcc;
  padding: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
  color: #077;
  font-size: 0.923rem; /*12px;*/
}

.div_ok ul, .div_nok ul, .div_wok ul {
  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 2px;
}

.div_nok {
  /* 	border-right: red 1px solid; 	border-top: red 1px solid; 	border-left: red 1px solid; 	border-bottom: red 1px solid; 	*/
  background-color: #FFE4E1; /*MistyRose*/
  padding: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
  color: red;
  font-size: 0.923rem; /*12px;*/
}

.div_wok {
  /* 	border-right: Maroon 1px solid; 	border-top: Maroon 1px solid; 	border-left: Maroon 1px solid; 	border-bottom: Maroon 1px solid; 	*/
  background-color: #FFE4C4; /*Bisque*/
  color: Maroon;
  padding: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 0.95em;
}

.msg_info {
  border: none;
  background-color: #ccffcc;
  color: #077;
  font-size: 0.95em;
}

.msg_erreur {
  border: none;
  background-color: #FFE4E1; /*MistyRose*/
  color: red;
  font-size: 0.95em;
}

.msg_alerte {
  border: none;
  background-color: #FFFFE0; /* LightYellow */
  color: Maroon;
  font-size: 0.95em;
}

/*
--------------------------------------------------------------------------
*/
/* ________________________________________________________   LIENS  ________________________________________________________ */
/* ______________ submit */
.a {
  background-color: #D4E7F5;
  border: 1px outset #A9CEE9;
  color: black;
  margin: 5px;
  font-size: 1em;
  font-family: Arial;
  text-decoration: none;
}

.dtg A, .dtg A:link, .dtg A:visited, .dtg2 A, .dtg2 A:link, .dtg2 A:visited {
  color: #0287CC;
  padding: 0 2px 0 2px;
  background-color: white;
  text-decoration: none;
  border: #A9CEE9 1px solid;
  vertical-align: middle;
  text-align: center;
  font-size: 11pt;
}

.dtg A:active, .dtg2 A:active {
  background-color: #B9F5FF;
  color: #A9CEE9;
}

.dtg A:hover, .dtg2 A:hover {
  background-color: white;
  color: #0287CC;
  border: #0287CC 1px solid;
}

/* ______________ submit2 */
A:link.submit2, A:visited.submit2, A:active.submit2 {
  color: #FF4500; /* OrangeRed */
  background-color: #FFDAB9; /* PeachPuff */
  text-decoration: none;
  border: orange 1px solid;
  padding: 2px 2px 2px 2px;
  vertical-align: middle;
}

A:hover.submit2 {
  border: orangered 1px solid;
}

.submit2 A:link, .submit2 A:visited, .submit2 A:active {
  color: #FF4500; /* OrangeRed */
  background-color: #FFDAB9; /* PeachPuff */
  text-decoration: none;
  border: orange 1px solid;
  padding: 2px 2px 2px 2px;
  vertical-align: middle;
}

.submit2 A:hover {
  border: orangered 1px solid;
}

/* ________________________________________________________   ICONES  ________________________________________________________ */
.icone {
  background-color: #3A5793;
  background-image: url(../../images/icones/bg_rounded_ne.gif);
  background-repeat: no-repeat;
  border: none 0px solid;
}

.image-clip {
  /* Clipping de l'image pour les pages de tut_ et tux_ */
  clip-path: inset(0 0 0 0);
  width: 100%;
  height: 130px;
  object-fit: cover;
}

/* ________________________________________________________   PUCES  ________________________________________________________ */
.puce_bleu {
  /*COLOR:#3183DD;*/
  font-size: 12pt;
}

.puce_vert {
  color: #00A000;
  font-size: 12pt;
}

.puce_rouge {
  color: #A00000;
  font-size: 12pt;
}

/* titre de catégorie dans les listes de choix */
.categorie {
  background-color: #E6E6FA; /* Lavender */
  font-weight: bold;
}

/* note */
.note {
  font-size: 9px !important;
  font-weight: normal !important;
}

/*______________________________________________  Liste ordré des domaines  __________________________________________________ */
.sousdomaine {
  width: 210px;
  list-style-type: none;
}

.domaine {
  width: 250px;
  list-style-type: none;
  margin: 20px 15px 20px 15px;
  background-color: #DDE8FB;
}

.sousdomaine li {
  padding: 3px;
  background-color: #ABC8E2;
  font-size: 14px;
  border-bottom: 1px solid white;
}

.hand {
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  background-color: #ADC3EA;
  border-bottom: 1px solid white;
  padding: 3px;
}

.handle {
  cursor: pointer;
}

.edit {
  background: url("../../images/op_o.jpg");
  width: 19px;
  height: 19px;
  float: right;
  display: block;
  margin-right: 5px;
  cursor: pointer;
}

/*__________________________________________________ Ordre de fabrications _______________________________________________ */
.cadre_of {
  background-color: #f4f5f3;
  border-collapse: collapse;
  border-width: 1px;
  border-color: black;
}

.cadre_of th {
  font-size: 10px;
  color: #B83A1B;
}

.cadre_of tr td {
  font-size: 9px;
}

/*__________________________________________________ Planning - Fabrications _______________________________________________ */
.plg {
  background-color: #F4F5F3;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #D4E7F5;
}

.plg_alternate {
  background-color: #E7F5F9;
}

.plg th {
  font-size: 10px;
}

.plg tr td {
  font-size: 9px;
}

.plg_header {
  width: 102px !important;
}

.plg_fabor {
  color: #928F8F;
  background-color: #FFFFEE;
}

.plg_fabrication {
  color: #928F8F;
}

.plg_controle {
  color: #7F919B;
}

.plg_expedition {
  color: #787368;
}

.plg_echantillon {
  color: #935418;
}

.plg_resultat {
  color: #C09F2F;
}

.plg_rapport {
  color: #B1B1B5;
}

.plg_reference {
  color: #E2B139;
}

/*Bleu 1*/
.plg_fab_0 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #1E90FF;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #1E90FF;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_0 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #1E90FF;
  border-style: solid;
  border-width: 2px;
}

/*Rouge 1*/
.plg_fab_1 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #FF6A6A;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #FF6A6A;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_1 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #FF6A6A;
  border-style: solid;
  border-width: 2px;
}

/*Vert 1*/
.plg_fab_2 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #02E912;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #02E912;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_2 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #02E912;
  border-style: solid;
  border-width: 2px;
}

/*Bleu 2*/
.plg_fab_3 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #1D7FE1;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #1D7FE1;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_3 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #1D7FE1;
  border-style: solid;
  border-width: 2px;
}

/*Rouge 2*/
.plg_fab_4 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #D15959;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #D15959;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_4 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #D15959;
  border-style: solid;
  border-width: 2px;
}

/*Vert 2*/
.plg_fab_5 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #04C504;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #04C504;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_5 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #04C504;
  border-style: solid;
  border-width: 2px;
}

/*Bleu 3*/
.plg_fab_6 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #1863AD;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #1863AD;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_6 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #1863AD;
  border-style: solid;
  border-width: 2px;
}

/*Rouge 3*/
.plg_fab_7 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #A54545;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #A54545;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_7 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #A54545;
  border-style: solid;
  border-width: 2px;
}

/*Vert 3*/
.plg_fab_8 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #089108;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #089108;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_8 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #089108;
  border-style: solid;
  border-width: 2px;
}

/*Bleu 4*/
.plg_fab_9 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #0D4174;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #0D4174;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_9 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #0D4174;
  border-style: solid;
  border-width: 2px;
}

/*Rouge 4*/
.plg_fab_10 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #6C2E2E;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #6C2E2E;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_10 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #6C2E2E;
  border-style: solid;
  border-width: 2px;
}

/*Vert 4*/
.plg_fab_11 {
  padding-left: 20px;
  text-indent: -20px;
  border-bottom-color: #045E04;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-color: #045E04;
  border-right-style: solid;
  border-right-width: 2px;
}

.plg_fab_ref_11 {
  padding-left: 20px;
  text-indent: -20px;
  border-color: #045E04;
  border-style: solid;
  border-width: 2px;
}

/*__________________________________________________ Menu avec correction IE8 _______________________________________________ */
.ie8fix {
  z-index: 1000;
}

.menuexp_cadre {
  border-left: 1px solid #D4E7F5;
  border-bottom: 1px solid #D4E7F5;
  border-right: 1px solid #D4E7F5;
  border-top: 0px none;
}

.ctl00_menu1_Menu1_0 {
  z-index: 1;
  /*clip: rect(auto auto auto auto);*/
}

.menuexp A {
  color: #0287CC;
}

.menuexp A:hover, .menuexp A:visited {
  color: #0287CC;
  text-decoration: none;
}

/*__________________________Formulaire triaton 1__________________*/
.extra {
  background-color: #FFDAB9; /* PeachPuff */
  text-align: center;
}

.form_crit_code {
  font-size: 6pt;
}

.form_crit_designation {
  font-size: 8pt;
}

.form_crit_sstitre, td.form_crit_sstitre {
  font-size: 8pt;
  vertical-align: middle;
}

.form_crit_titre {
  font-size: 10pt;
}

.form_sstitre {
  font-size: 10pt;
  text-decoration: underline;
}

.form_titre {
  border-right: thin solid;
  border-top: thin solid;
  font-size: 12pt;
  padding-bottom: 5px;
  border-left: thin solid;
  padding-top: 5px;
  border-bottom: thin solid;
  text-align: center;
}

.form_titre_groupe {
  color: #385191;
  font-size: 12pt;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
}

td.form_titre:hover a.form_titre_groupe {
  color: #6D87C7;
}

.resultat {
  font-weight: bold;
  font-size: 12pt;
  font-family: Arial;
}

/* DEBUT DU STYLE EXTBIPEA */
BODY {
  /*PJE 21/10/2016 font-size: 8pt;*/
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  color: black;
  font-family: Arial;
  /*padding-top: 70px;*/
  font-size: 14px;
}

A:visited {
  /*PJE 21/10/2016 FONT-SIZE: 8pt;*/
  FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
}

A {
  COLOR: maroon;
  /*PJE 21/10/2016 FONT-SIZE: 8pt;*/
  FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
}

A:link {
  /*PJE 21/10/2016 FONT-SIZE: 8pt;*/
  FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
}

A:active {
  /*PJE 21/10/2016 FONT-SIZE: 8pt;*/
  FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
}

A:hover {
  /*PJE 21/10/2016 FONT-SIZE: 8pt;*/
  FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
  /*	color: #0056b3 !important;*/
  background-color: mintcream;
}

H5 {
  color: #244E8C;
  font-size: 13pt;
}

INPUT, SELECT, TEXTAREA {
  background-color: #F7F9FD;
  font-family: Arial;
  color: #385191;
}

INPUT.submit, A.submit, A:link.submit, A:visited.submit {
  background-color: #2B689C;
  margin: 10px;
  font-size: 11pt;
  color: #FFFFFF;
  padding: 3px;
  border: none;
}

INPUT.submit3, A.submit3, A:link.submit3, A:visited.submit3 {
  /*background-color: cadetblue;*/
  background-color: #de503c;
  color: white;
  margin: 10px;
  font-size: 11pt;
  /*color: #FFFFFF;*/
  padding: 3px;
  border: none;
}

A:active.submit, A:active.submit3 {
  background-color: #B9F5FF;
  color: #A9CEE9;
}

A:hover.submit, A:hover.submit3 {
  color: white !important;
  background-color: #25B5ED;
}

.tbl {
  border: 1px solid #9B9B9B;
  border-collapse: collapse;
  FONT-SIZE: 8pt;
  background-color: #FFFFFF;
}

.tbl TH {
  border: 1px solid #9B9B9B;
  color: #7F7F81;
}

.tbl TH h4 {
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}

.tbl_header {
  BACKGROUND-COLOR: #2B689C;
}

.tbl_footer {
  BACKGROUND-COLOR: #FFFFFF;
  border: white solid 1px;
}

.tbl TD {
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  FONT-SIZE: 10pt;
  MARGIN: 0px;
  BACKGROUND-COLOR: #F5F5F5;
  border: 1px solid #9B9B9B;
}

.td-valign-middle td {
  vertical-align: middle;
}

.tbl_export h6 {
  color: #9B9B9B;
}

/*#region "Style table / gridview / radgrid tbl2 */
/*
	Mise en forme des tableaux / gridview / radgrid 
	/!\ Il faut utiliser la classe CSS tbl2 
*/
.RadGrid_Bootstrap .tbl2 .rgHoveredRow > td {
  background-color: mintcream;
}

.RadGrid_Bootstrap {
  border: none !important;
}

.RadGrid_Bootstrap .tbl2 .rgRow > td,
.RadGrid_Bootstrap .tbl2 .rgAltRow > td,
.RadGrid_Bootstrap .tbl2 .rgFooter > td,
.RadGrid_Bootstrap .tbl2 .rgRow > th {
  border-color: white;
}

.tbl2, .tbl2 .RadGrid, .tbl2 .RadGrid .rgMasterTable, .tbl2 .RadGrid_Bootstrap {
  background: lightgrey;
  border: white 1px solid;
  font-size: 8pt;
  border-radius: 8px;
}

.RadGrid_Bootstrap .tbl2 .rgHeader a {
  color: white;
}

.RadGrid_Bootstrap .tbl2 .rgHeader a:hover {
  color: mintcream;
  background-color: dimgrey;
}

/*	.tbl2 .RadGrid_Bootstrap .rgHeader
	, .tbl2 .rgRow, .tbl2 .rgAltRow
	, .tbl2 .RadGrid_Bootstrap .rgRow > td
	, .tbl2 .RadGrid_Bootstrap .rgAltRow > td
	, .tbl2 .RadGrid_Bootstrap .rgFooter > td {
		border: none;
		border-color: white;
	}
*/
.tbl2 td {
  /*background: #FFFFFF;*/
  font-size: 10pt;
  height: 25px;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}

.tbl2 th, .tbl2 th.rgHeader {
  background: dimgray;
  padding: 5px;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

.tbl2 th a {
  color: #FFFFFF;
}

/* Mise en forme du pager*/
tr.lst_pages {
  /*background-color:white;*/
}

.lst_pages table td {
  padding-right: 3px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.lst_pages table td span {
  background-color: black;
  color: white;
  vertical-align: middle;
  padding: 5px;
  border-radius: 3px;
}

.lst_pages table td a {
  background-color: #E5E3E5;
  color: black;
  vertical-align: middle;
  padding: 5px;
  border-radius: 3px;
}

.RadGrid_Bootstrap .tbl2 .rgPagerCell {
  border-bottom-width: 0;
}

.lst_pages table td a:hover, .RadGrid_Bootstrap .tbl2 .rgPagerCell .rgNumPart a:hover {
  background-color: white;
}

.RadGrid_Bootstrap .tbl2 .rgPagerCell .rgNumPart a.rgCurrentPage {
  background-color: black;
  color: white;
  vertical-align: middle;
  border-radius: 3px;
  border: 0;
  margin: 5px;
  padding: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.RadGrid_Bootstrap .tbl2 .rgPagerCell .rgNumPart a {
  background-color: #E5E3E5;
  color: black;
  vertical-align: middle;
  border-radius: 3px;
  border: 0;
  margin: 5px;
  padding: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.RadGrid_Bootstrap .rgPagerCell {
  /*Force la couleur de fond de rgPAgeCell lorsqu'on utilise cette classe. 
  	/!\ La couleur est ajuster manuellement conformément à la couleur de Telerik ! */
  background-color: #f5f5f5 !important;
}

/*#endregion "Style table / gridview / radgrid tbl2 */
.legende {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 8pt;
  padding-bottom: 5px;
  margin: 0px;
  padding-top: 5px;
  background-color: #B0C4DE;
  text-align: center;
}

.TABLE0 {
  BORDER-RIGHT: medium none;
  BORDER-TOP: medium none;
  BORDER-LEFT: medium none;
  BORDER-BOTTOM: medium none;
}

.TABLE0 TD {
  FONT-SIZE: 12pt;
  background-color: transparent;
}

.info {
  FONT-SIZE: 10pt;
  COLOR: white;
  BACKGROUND-COLOR: #385191;
}

.error {
  FONT-SIZE: 10pt;
  COLOR: white;
  BACKGROUND-COLOR: red;
}

.note {
  FONT-SIZE: 10pt;
  border-right: none;
  border-top: #96AAD2 1px solid;
  border-left: none;
  border-bottom: #96AAD2 1px solid;
}

.marquee {
  FONT-SIZE: 12pt;
  border-right: #96AAD2 1px solid;
  border-top: #96AAD2 1px solid;
  border-left: #96AAD2 1px solid;
  border-bottom: #96AAD2 1px solid;
  background-color: transparent;
}

.form {
  background-color: transparent;
}

.form hr {
  border-right: peachpuff 1px solid;
  border-top: peachpuff 1px solid;
  border-left: peachpuff 1px solid;
  border-bottom: peachpuff 1px solid;
}

.form table {
  background-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
}

.form td {
  /*background-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;*/
}

.form INPUT, .form SELECT, .form TEXTAREA, .form OPTION {
  background-color: #FFFAF0;
  font-family: Arial;
  color: #483D8B;
}

.form INPUT.submit {
  color: #ffffff;
  background-color: #FFA07A;
  border-right-style: inset;
  border-bottom-style: inset;
  border-right-color: orange;
  border-bottom-color: orange;
  border-top-color: #FFDEAD;
  border-left-color: #FFDEAD;
}

.form .form_titre {
  font-size: 12pt;
  text-align: center;
  border-right: thin solid;
  border-top: thin solid;
  border-left: thin solid;
  border-bottom: thin solid;
  padding-bottom: 5px;
  padding-top: 5px;
}

.form .form_sstitre {
  font-size: 10pt;
  text-decoration: underline;
}

.form .form_crit_titre {
  font-size: 10pt;
}

.form .form_crit_sstitre {
  font-size: 8pt;
}

.form .form_crit_designation {
  font-size: 8pt;
}

.form .form_crit_code {
  font-size: 6pt;
}

.form .resultat {
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
}

.gin {
  background-color: green;
  color: White;
}

.gout {
  background-color: orange;
  color: White;
}

.gcom {
  font-size: 12pt;
  color: blue;
}

.fond_blanc {
  background-color: White;
}

/*RPI 03/12/2015 - ticket 956 : colonne des libelles en gras*/
#div_contenu table:not(.rcii_table, .tbl2) thead > tr:first-child th {
  background-color: #0070C0 !important;
  color: #FFF;
}

/*la première colonne du tableau en gras (libellé)*/
#div_contenu tr > td:first-child {
  font-weight: bold;
}

/*__________________________Formulaires__________________________*/
/*ul#menu_formulaire {
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	padding-bottom: 28px;
	border-bottom: 1px solid #4B639F;
	margin: 0;
}

	ul#menu_formulaire li {
		float: left;
		height: 25px;
		background-color: #B0C4DE;
		margin: 2px 2px 0 2px;
		border: 1px solid #4B639F;
	}

	ul#menu_formulaire a.menu_formulaire_actif {
		border-bottom: 1px solid #FFFFFF;
		background-color: #FFFFFF;
	}

	ul#menu_formulaire li a.menu_formulaire_actif {
		color: #000000;
	}

#menu_formulaire a {
	float: left;
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 4px;
	font-size: 14px;
}

	#menu_formulaire a:hover {
		background: #ECF6FF;
	}*/
.nav#menu_formulaire {
  padding-bottom: 8px;
}

.nav#menu_formulaire > li {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 0;
}

.nav#menu_formulaire > li > a {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.frm_fond_critere_1 {
  background-color: #FDE4BB;
}

.frm_fond_critere_2 {
  background-color: #FADFCC;
}

.frm_barre_critere_1_haut {
  border-top: 1px solid #FDE4BB;
}

.frm_barre_critere_2_haut {
  border-top: 1px solid #FADFCC;
}

.frm_barre_critere_1_bas {
  border-bottom: 1px solid #FDE4BB;
}

.frm_barre_critere_2_bas {
  border-bottom: 1px solid #FADFCC;
}

.frm_resultat_1 {
  border-top: 1px solid #FCD698;
}

.frm_resultat_2 {
  border-top: 1px solid #B2B3F0;
}

.frm_parametrage_critere {
  background-color: lightgreen;
}

.frm_erreur_critere {
  background-color: #FFE4E1;
  border: 2px red solid !important;
}

table .dtg_formulaire {
  border: none;
  border-collapse: collapse;
  color: #385191;
}

.dtg_formulaire td {
  text-transform: none;
  border: #FFDAB9 1px solid;
  height: 20px;
  padding: 5px;
}

.dtg_formulaire td a {
  font-size: 15px;
  color: #385191;
}

.dtg_formulaire td a:hover {
  color: #FFA07A;
}

.dtg tfoot, .dtg thead, .dtg .tr_head, .dtg .tr_pager, .dtg .tr_head th, .dtg .tr_head td {
  text-align: left;
  vertical-align: middle;
  height: 20px;
  background-color: #D3E4F8;
  border: #A9CEE9 1px solid; /* reprise de .cadre th pour que les td des tr_head des datagrid apparaissent correctement  	car dans les datagrid, les cellules de tr_head sont des td et non des th comme dans les gridview */
  color: #366A88;
  font-size: 7pt;
  font-weight: bold;
  text-align: left;
}

.dtg .tr_alternate {
  background-color: #ECF6FF;
}

.dtg tr.tr_white .td {
  background-color: white;
}

.dtg .td_center {
  text-align: center;
}

.lien_menu {
  color: #385191;
  font-weight: bold !important;
  text-decoration: underline !important;
}

.lien_menu:hover, .lien_menu:visited {
  color: #385191;
}

.lst_alternate {
  background-color: #E5E3E5;
}

.lst_selected {
  /* Utilisé pour mettre en surbrillance les lignes lors du passage de la souris. */
  background-color: #EEFFDD !important;
}

.lst_selected td {
  /* Utilisé pour mettre en surbrillance les lignes lors du passage de la souris. */
  background-color: #EEFFDD !important;
}

.table_formulaire_tableau td, .table_formulaire_tableau th {
  border: 1px solid #aaa;
  padding: 5px;
}

.table_formulaire_tableau th {
  background-color: grey;
  color: white;
}

.label_titre_formulaire_entete {
  color: blue;
}

.btn_entete_formulaire {
  background-color: #E7E6E6;
  color: #7F7F7F;
}

.btn_pdf {
  background-color: #de503c;
  color: white;
  padding: 3px;
  font-size: 11pt;
}

.btn_pdf:hover {
  color: white;
  background-color: orangered;
}

a.btn_pied_formulaire {
  background-color: lightgrey;
  color: blue;
  white-space: normal;
  width: 200px;
  font-size: 11pt;
  display: block;
  float: left;
  text-align: center;
}

.div_pied_formulaire {
  width: 400px;
  margin-left: auto;
  margin-right: 10px;
  text-align: initial;
  font-size: 12px;
  float: left;
  margin-top: 17px;
}

/* ________________________________________________________   ModalPopupExtender  ________________________________________________________ */
.ModalPopupBG {
  background-color: #999;
  filter: alpha(opacity=35);
  opacity: 0.7;
}

/* ________________________________________________________   EXTENDER  ________________________________________________________ */
.dde_extender { /*dropdown extender*/
  background-color: #FCFCFC;
  border: 1px solid silver;
}

/* élargit les listes déroulantes dans le formulaire export simple*/
div.rddlInner {
  height: 22px !important;
}

@-moz-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.btn-multilignes {
  white-space: normal;
}

.btn-right {
  float: right;
}

.btn-xls.disabled, .btn-xls:disabled {
  color: #fff;
  background-color: darkgreen;
  border-color: darkgreen;
}

.btn-xls {
  color: #fff;
  background-color: darkgreen;
  border-color: darkgreen;
}

.btn-xls:hover {
  color: #fff;
  background-color: forestgreen;
  border-color: darkgreen;
}

.btn-pdf.disabled, .btn-pdf:disabled {
  color: #fff;
  background-color: maroon;
  border-color: maroon;
}

.btn-pdf {
  color: #fff;
  background-color: maroon;
  border-color: maroon;
}

.btn-pdf:hover {
  color: #fff;
  background-color: darkred;
  border-color: maroon;
}

.text-xls {
  color: darkgreen;
}

.text-pdf {
  color: maroon;
}

.text-html {
  color: dimgray;
}

.text-docx {
  color: steelblue;
}

/*__________Export Excel Triaton 1__________*/
.xlbip {
  font-size: 8pt;
  font-family: Arial;
}

.xlbip table {
  border-right: solid 1px red;
  border-top: solid 1px red;
  border-left: solid 1px red;
  border-bottom: solid 1px red;
  font-size: 8pt;
  font-family: Arial;
}

.xlbip tr {
  text-align: center;
}

.xlbip th {
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  text-align: center;
  background-color: silver;
}

.xlbip .th1 {
  border-top: 0px;
  border-bottom: 0px;
  border-right: solid 0.5pt black;
  border-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 5px;
  padding-left: 0px;
  font-size: 8pt;
  margin: 0px;
  background-color: silver;
  text-align: center;
}

.xlbip .tha {
  border: 1px solid grey;
  background-color: #808080;
  text-align: center;
  color: white;
  font-family: Arial;
  font-size: 9pt;
}

.xlbip .thb {
  border-top: 1px;
  border-bottom: 1px;
  border-right: 0px;
  border-left: 0px;
  border-color: #808080;
  text-align: right;
  background-color: white;
  color: #808080;
  font-size: 9pt;
  font-family: Arial;
  font-weight: bold;
}

.xlbip .thc {
  border-top: 0px solid;
  border-bottom: 0px solid;
  border-right: 0px solid;
  border-color: #808080;
  font-size: 10pt;
  font-family: Arial;
  color: #808080;
  background-color: white;
  text-align: left;
  padding-right: 10px;
}

.xlbip .thd {
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  text-align: left;
  background-color: white;
  color: #00B050;
  font-weight: normal;
  font-size: 10pt;
}

.xlbip .notes1 {
  font-family: Arial;
  font-size: 8pt;
  font-style: italic;
}

.xlbip td {
  border-top: 0px solid;
  border-bottom: 0px solid;
  font-size: 9pt;
  font-family: Arial;
  color: #808080;
  /*padding-top: 0px;
  padding-bottom: 0px;
  PADDING-RIGHT: 5px;
  	PADDING-LEFT: 0px;
  	FONT-SIZE: 8pt;
  	MARGIN: 0px;*/
}

.xlbip .legende {
  font-weight: normal;
  font-size: 7pt;
  text-align: center;
  color: #F5F5F5; /* WhiteSmoke */
}

.RadGrid_Bootstrap :not(.rgSelectedRow).rgAltRow > td {
  color: inherit !important;
}

.tel_web {
  margin-left: 140px;
}

/*#region "icones RS"*/
.social {
  width: 85px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 5px;
}

.scale-up-right {
  -webkit-animation: scale-up-br 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-br 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-12-9 16:24:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-up-br
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-br {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
@keyframes scale-up-br {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}
/*#endregion "icones RS"*/
/*#region "spinner"*/
.spinner0 {
  width: 120px;
  height: 120px;
  background-color: rgba(212, 231, 245, 0.8392156863);
  border: 1px solid #31b0d5;
  border-radius: 10px;
  position: absolute;
  top: 35%;
  left: 48%;
  margin: 0px auto;
}

.spinner {
  height: 60px;
  width: 60px;
  margin: 29px auto;
  -webkit-animation: rotation 0.6s infinite linear;
  -moz-animation: rotation 0.6s infinite linear;
  -o-animation: rotation 0.6s infinite linear;
  animation: rotation 0.6s infinite linear;
  border-left: 6px solid rgba(0, 174, 239, 0.15);
  border-right: 6px solid rgba(0, 174, 239, 0.15);
  border-bottom: 6px solid rgba(0, 174, 239, 0.15);
  border-top: 6px solid rgba(0, 174, 239, 0.8);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/*#endregion*/
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}
.navbar-collapse {
  text-align: right;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: auto;
    margin-left: auto;
    width: 1100px;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: right;
    margin: 0;
  }
}
.navbar-nav > li {
  padding: 5px 10px;
  color: #777;
}

.navbar-nav > li > a {
  position: relative;
  display: block;
  color: #777;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: solid #777 2px;
}

.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
}

.tab_footer {
  vertical-align: middle;
}

.footer_hr {
  display: block;
  margin-top: 50px;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

.footer {
  /*position: absolute;*/
  margin-bottom: 0;
  width: 100%;
  height: 60px;
  background: #FFFFFF;
}

A.fa-submit {
  color: #0287CC;
  background-color: white;
  text-decoration: none;
  border: #A9CEE9 1px solid;
  vertical-align: middle;
  text-align: center;
  padding: 3px;
  margin: 3px;
}

A:hover.fa-submit {
  background-color: white;
  color: #0287CC;
  border: #0287CC 1px solid;
}

/*Enleve le hover d'un bouton disabled*/
.btn.disabled, .btn:disabled {
  pointer-events: none;
}

/*Ti.2216 YLP : CSS tableau renouvellement / non renouvellement */
.tbl2.tableau_renouvellement th {
  background: #0070C0;
  font-size: 0.95rem;
}

.tbl2.tableau_renouvellement td {
  font-size: 11pt;
}

/*#region BOOTSTRAP */
/* Modif BS de base */
/* row */
.row-margin0 { /* non BS */
  margin-top: 0.1em;
}

.row-margin { /* non BS */
  margin-top: 0.5em;
}

.row-margin2 { /* non BS */
  margin-top: 1em;
}

.row-margin3 { /* non BS */
  margin-top: 2em;
}

.row-margin4 { /* non BS */
  margin-top: 3em;
}

.row-bottom {
  /* ATTENTION : Brise l'affichage responsive */
  /* permet d'aligner le contenu des lignes sur la base de la ligne */
  /* http://stackoverflow.com/questions/6116423/how-to-vertically-align-floating-divs-to-the-bottom */
  display: flex; /* or inline-flex */
  flex-flow: row nowrap; /* is default: columns along the main-axis (row) and no wrapping to next lines */
  align-items: flex-end; /* bottom */
}

/*#endregion BOOTSTRAP */
/*#region Drapeaux */
.flag-1 {
  height: 2rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-2 {
  height: 1.6rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-3 {
  height: 1.4rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-4 {
  height: 1.2rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-5 {
  height: 1rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

.flag-6 {
  height: 0.8rem;
  vertical-align: baseline;
  border: 1px solid silver;
  position: relative;
  top: 1px;
}

/*#endregion Drapeaux */