.module_fond_1 {
background-image: url(https://unsa-ferroviaire-lille.org/img_officiel_2020/unsa2020_03.jpg) !important;
background-position: center;
background-attachment: fixed !important;
background-size: 80% !important
}
.module_fond_2 {
background-image: linear-gradient(rgba(100,100,100,.5),rgba(200,200,200,.5)),url(https://unsa-ferroviaire-lille.org/img_officiel_2020/unsa2020_03.jpg) !important;
background-position: center !important;
background-position-x: 30% !important;
background-position-y: 30% !important;
background-attachment: fixed !important;
background-size: 150% !important
}
.module_fond_3 {
background-image: linear-gradient(rgba(0,0,0,.5),rgba(200,200,200,.5)),url(https://unsa-ferroviaire-lille.org/img_officiel_2020/unsa2020_03.jpg) !important;
background-position: center !important;
background-attachment: fixed !important;
background-size: 150% !important
}
.module_fond_4 {
background-image: url(https://unsa-ferroviaire-lille.org/img/Lampes1.gif) !important;
background-position: center !important;
background-attachment: inherit !important;
background-repeat: no-repeat;
background-size: 100% !important
}
.module_fond_5 {
background-image: linear-gradient(rgba(20,80,120,0),#145078),url(../../img/ManifUnsa2.jpg) !important;
background-position: center !important;
background-attachment: inherit !important;
background-repeat: repeat-x;
background-size: 100% !important
}
.objet-transparent {color: transparent;background-color: transparent;font-size: 0;border-style: none;border-color: transparent;height: 0;width: 0}
.text-info {color: #2d297e !important}
.text-mediumblue {color: #0000cd !important}
.text-magenta {color: #881268 !important}
.right-bas {position: absolute; bottom: 1px; right: 10px}
.right-haut {position: absolute; top: 1px; right: 10px}
.left-bas {position: absolute; bottom: 1px; left: 10px;}
.left-haut {position: absolute; top: 1px; left: 10px}
.monospace {font-family: monospace}
.cursive {font-family: cursive}
.serif {font-family: serif}
.georgia {font-family: Georgia}
.roman {font-family: 'Times New Roman'}
.arialblack {font-family: 'arial black'}
.comic {font-family: 'Comic Sans MS'}
.script {font-family: 'Script MT'}
.calibri {font-family: Calibri}
.arial {font-family: Arial}
.tahoma {font-family: Tahoma}
.forte {font-family: Forte}
.vivaldi {font-family: Vivaldi}
.sylfaen {font-family: Sylfaen}
.italic {font-style: italic}
.oblique {font-style: oblique}
.variant {font-variant: small-caps}
.uppercase {text-transform: uppercase}
.lowercase {text-transform: lowercase}
.capitalize {text-transform: capitalize}
.bold {font-weight: 700}
.bolder {font-weight: bolder}
.center {text-align: center}
.right {text-align: right}
.left {text-align: left}
.justify {text-align: justify}
.barre {text-decoration: line-through}
.separation {
padding-left: 1rem !important;
border-left-style: double !important;
border-left-color: #d3d3d3 !important;
border-left-width: 2px !important
}
.table-primary, .table-primary > td, .table-primary > th {background-color: #b8daff}
.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {border-color: #7abaff}
.table-hover .table-primary:hover {background-color: #9fcdff}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background-color: #9fcdff}
.btn-primary {color: #fff;background-color: #0d9ed5;border-color: #0d9ed5}
.btn-primary:hover {color: #fff;background-color: #2d297e;border-color: #2d297e}
.btn-primary.focus, .btn-primary:focus {color: #fff;background-color: #0069d9;border-color: #2d297e;box-shadow: 0 0 0 .2vw rgba(38,143,255,.5)}
.btn-primary.disabled, .btn-primary:disabled {color: #fff;background-color: #0d9ed5;border-color: #0d9ed5}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {color: #fff;background-color: #2d297e;border-color: #005cbf}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 .2vw rgba(38,143,255,.5)}
.btn-outline-primary {color: #0d9ed5;border-color: #0d9ed5}
.btn-outline-primary:hover {color: #fff;background-color: #0d9ed5;border-color: #0d9ed5}
.btn-outline-primary.focus, .btn-outline-primary:focus {box-shadow: 0 0 0 .2vw rgba(0,123,255,.5)}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {color: #0d9ed5;background-color: transparent}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #0d9ed5;
border-color: #0d9ed5
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2vw rgba(0,123,255,.5)}
.badge-primary {color: #fff;background-color: #0d9ed5}
a.badge-primary:focus, a.badge-primary:hover {color: #fff;background-color: #2d297e}
a.badge-primary.focus, a.badge-primary:focus {outline: 0;box-shadow: 0 0 0 .2vw rgba(0,123,255,.5)}
.alert-primary {color: #004085;background-color: #cce5ff;border-color: #b8daff}
.alert-primary hr {border-top-color: #9fcdff}
.alert-primary .alert-link {color: #002752}
.list-group-item-primary {color: #004085;background-color: #b8daff}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {color: #004085;background-color: #9fcdff}
.list-group-item-primary.list-group-item-action.active {color: #fff;background-color: #004085;border-color: #004085}
.bg-primary {background-color: #0d9ed5 !important}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{background-color: #2d297e !important}
.border-primary {border-color: #0d9ed5 !important}
.text-primary {color: #0d9ed5 !important}
a.text-primary:focus, a.text-primary:hover {color: #0056b3 !important}

.btn-danger {
color: #fff;
background-color: #c41884;
border-color: #c41884
}

.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #c41884;
border-color: #c41884
}

.btn-outline-danger {
color: #c41884;
border-color: #c41884
}

.btn-outline-danger:hover {
color: #fff;
background-color: #c41884;
border-color: #c41884
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
box-shadow: 0 0 0 .2vw rgba(136,18,104,.5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #c41884; background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
color: #fff; background-color: #c41884; border-color: #c41884
}

.badge-danger {color: #fff;background-color: #c41884}
.bg-danger {background-color: #c41884 !important}
.border-danger {border-color: #c41884 !important}
.text-danger {color: #c41884 !important}
.box-danger {box-shadow: inset 0 0 3px #c41884,0 0 13px #c41884}
.table-success, .table-success > td, .table-success > th {background-color: #c3e6cb}
.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: #8fd19e}
.table-hover .table-success:hover {background-color: #b1dfbb}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {background-color: #b1dfbb}

.btn-success {
color: #fff; background-color: #b2d833; border-color: #b2d833
}
.btn-success:hover {
color: #fff; background-color: #218838; border-color: #1e7e34
}
.btn-success.focus, .btn-success:focus {
color: #fff;  background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 .2vw rgba(72,180,97,.5)
}
.btn-success.disabled, .btn-success:disabled {
color: #fff; background-color: #b2d833; border-color: #b2d833
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
color: #fff; background-color: #1e7e34;  border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2vw rgba(72,180,97,.5)
}
.btn-outline-success {
color: #b2d833; border-color: #b2d833
}
.btn-outline-success:hover {
color: #fff;background-color: #b2d833;border-color: #b2d833
}
.btn-outline-success.focus, .btn-outline-success:focus {
box-shadow: 0 0 0 .2vw rgba(40,167,69,.5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #b2d833;background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
color: #fff;background-color: #b2d833;border-color: #b2d833
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2vw rgba(40,167,69,.5)
}
.badge-success {color: #fff;background-color: #b2d833}
a.badge-success:focus, a.badge-success:hover {color: #fff;background-color: #1e7e34}
a.badge-success.focus, a.badge-success:focus {outline: 0;box-shadow: 0 0 0 .2vw rgba(40,167,69,.5)}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
.alert-success hr {border-top-color: #b1dfbb}
.alert-success .alert-link {color: #0b2e13}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
color: #155724;background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color: #fff;background-color: #155724;border-color: #155724
}
.bg-success {background-color: #b9d453 !important}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {background-color: #b9d453 !important}
.border-success {border-color: #b9d453 !important}
.text-success {color: #b9d453 !important}
a.text-success:focus, a.text-success:hover {color: #19692c !important}
.text-info {
color: #2d297e !important
}
.millieu {
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0
}
.vertical-align-5px {
vertical-align: -40%;
margin: 0;
padding: 0
}
.activ {
vertical-align: middle;
margin-top: 5%;
margin-bottom: 2px;
margin-right: 2px
}
.btn-actif:before {
font-weight: 700;
word-spacing: 0;
color: #007780;
opacity: .9;
content: "\2713   Activé";
text-transform: uppercase;
vertical-align: top;
font-size: 11px
}
.btn-inactif {
height: 1.25vw;
width: 1.5vw;
text-align: center;
font-weight: 500;
line-height: 1.5
}
.btn-inactif:before {
font-weight: 700;
word-spacing: 0;
color: #007780;
opacity: .3;
content: "\2717   inactif";
text-transform: uppercase;
vertical-align: top;
font-size: 11px
}
.activ {
vertical-align: middle;
margin-top: 5%;
margin-bottom: 2px;
margin-right: 2px
}
.btn-actif:before {
font-weight: 700;
word-spacing: 0;
color: #007780;
opacity: .9;
content: "\2713   Activé";
text-transform: uppercase;
vertical-align: top;
font-size: 11px
}
.btn-inactif {
height: 1.25vw;
width: 1.5vw;
text-align: center;
font-weight: 500;
line-height: 1.5
}
.btn-inactif:before {
font-weight: 700;
word-spacing: 0;
color: #007780;
opacity: .3;
content: "\2717   inactif";
text-transform: uppercase;
vertical-align: top;
font-size: 11px
}
.link-center {
display: inline-block;
vertical-align: top;
margin-top: 5%;
margin-bottom: 2px;
margin-right: 2px
}
.link {
height: 1.25vw;
width: 1.5vw;
text-align: center;
font-weight: 500;
line-height: 1.5
}
.link-delete:before {
font-weight: 700;
word-spacing: 0;
color: #cd0037;
opacity: 1;
content: "\01F5D1";
text-transform: uppercase;
vertical-align: middle;
font-size: 14px
}
.link-edit:before {
font-weight: 700;
word-spacing: 0;
color: #ffb612;
opacity: 1;
content: "  \270D  ";
text-transform: uppercase;
vertical-align: middle;
font-size: 14px
}
.btn-actif {
height: 1.25vw;
width: 1.5vw;
text-align: center;
font-weight: 500;
line-height: 1.5;
margin-bottom: 2px
}
.btn-activ-warning.active, .btn-activ-warning:active, .btn-activ-warning:focus, .btn-activ-warning:hover, .open .dropdown-toggle.btn-activ-warning {
background-color: #ffb612;opacity: .8
}
.btn-activ-success.active, .btn-activ-success:active, .btn-activ-success:focus, .btn-activ-success:hover, .open .dropdown-toggle.btn-activ-success {
background-color: #82be00;opacity: .8
}
.btn-activ-info.active, .btn-activ-info:active, .btn-activ-info:focus, .btn-activ-info:hover, .open .dropdown-toggle.btn-activ-info {
background-color: #009aa6;opacity: .8
}
.btn-activ-primary.active, .btn-activ-primary:active, .btn-activ-primary:focus, .btn-activ-primary:hover, .open .dropdown-toggle.btn-activ-primary {
background-color: #0088ce;opacity: .8
}
.bd-radius-top {border-radius: 15px 15px 0 0;padding-left: 20px}
.bd-radius-bottom {border-radius: 0 0 10px 10px;padding-right: 20px;padding-left: 20px}
.list-group {padding-left: 0;margin-bottom: 1px}
.list-group-item {padding: 1px 1px}
em {font-size:small;color:grey}
.OpacityTrue {background-color: #009aa6;opacity: .2}
.DemiOpacityTrue {background-color: #009aa6; opacity: .5}
.OpacityFalse {background-color: #009aa6;opacity: 1}
.obs_Preavis {
font-weight: 700;
Font-Size: Medium;
text-align: center;
Color: Silver
}
.imgSpinne {background-image: url(spinner.gif)}

.width-0{width: 0; text-align: center;}
.width-1{width: 1vw; text-align: center;}
.width-2{width: 2vw; text-align: center;}
.width-3{width: 3vw; text-align: center;}
.width-4{width: 4vw; text-align: center;}
.width-5{width: 5vw;text-align: center;}
.width-6{width: 6vw;text-align: center;}
.width-7{width: 7vw;text-align: center;}
.width-8{width: 8vw;text-align: center;}
.width-9{width: 9vw;text-align: center;}
.width-10{width: 10vw; text-align: center;}
.width-11{width: 11vw;text-align: center;}
.width-12{width: 12vw;text-align: center;}
.width-13{width: 13vw;text-align: center;}
.width-14{width: 14vw;text-align: center;}
.width-15{width: 15vw;text-align: center;}
.bg-gray200 {background-color: #d7d7d7}
.bg-gray300 {background-color: #b9b9b9}
.bg-gray400 {background-color: #747678}
.bg-gray500 {background-color: #4d4f53}
.bg-gray600 {background-color: #333}
.bg-gray700 {background-color: #495057}
.bg-gray800 {background-color: #343a40}

.modal-vw {
width: 80vw;
height: 80vh;
margin-left: 10vw;
padding-top: 5vh;
background-color: transparent
}
.border-gray {
border-style: solid;
border-radius: 5px;
border-color: gray;
padding: 5px;
margin: 5px
}
hr {border-color: #daa520}
.mdl-scrollbar-center {
margin: 5%;
margin-top: 50px;
height: 90vh;
width: 90vw
}
.mdl-center {
width: 80vw;
margin-left: 10%;
margin-right: 10%
}
.footer {
position: absolute;
bottom: 10px;
width: 95vh;
}
.fadeInRight{animation: fadeInRight 1s;}
.fadeInLeft{animation: fadeInLeft 1s;}
.fadeInDown{animation: fadeInDown 1s;}
.fadeInUp{animation: fadeInUp 1s;}
/*Permet d'avoir une taille de modal ne donnant pas l'impression d'occuper tout l'écran*/
.mdl-center{
width:80vw;
margin-left:10%;
margin-right:10%;
}
.EnableFalse {
background-color: #dddddd !important;
color: #bbbbbb !important;
pointer-events: none !important;
}

strong {font-weight: bolder;}
small {font-size: 80%;}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {bottom: -.25em;}
sup {top: -.5em;}
.zoom {transition:2s;}
.zoom-size {transition:.8s;}
.zoom-size:hover {font-size:.9vw; font-weight:bold; position:relative; z-index: 99;}
.zoom-left:hover {position:relative; transform:scale(1.2); max-width: 50%; margin-left:2%; padding-left:2%; z-index:98;}
.zoom-right:hover {position:relative; transform:scale(1.2); /* Scale=Zoom de l'élément*/ max-width: 50%; margin-right:3%; padding-right:3%; z-index:98;}
.zoom-center:hover {transform:scale(1.2);display:block;padding:2%;margin:0;position:page;vertical-align:use-script;z-index:99;}
.col-demi {-ms-flex:0 0 2%;flex:0 0 2%;max-width:2%;}
.HautPage {position:absolute;top:1px;}

.spinner {display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.4)}
.spinner:after{animation:changeContent 1.1s linear infinite;display:block;content:"⠋";font-size:80px;}
@keyframes changeContent{10%{content:"⠙";}20%{content:"⠹";}30%{content:"⠸";}40%{content:"⠼";}50%{content:"⠴";}60%{content:"⠦";}70%{content:"⠧";}80%{content:"⠇";}90%{content:"⠏";}}