@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/Elegant/ElegantIcons.eot');
	src:url('fonts/Elegant/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/Elegant/ElegantIcons.woff') format('woff'),
		url('fonts/Elegant/ElegantIcons.ttf') format('truetype'),
		url('fonts/Elegant/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Economica';
    src: url('fonts/Economica/Economica-BoldItalic.woff2') format('woff2'),
        url('fonts/Economica/Economica-BoldItalic.woff') format('woff'),
        url('fonts/Economica/Economica-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Economica';
    src: url('fonts/Economica/Economica-Regular.woff2') format('woff2'),
        url('fonts/Economica/Economica-Regular.woff') format('woff'),
        url('fonts/Economica/Economica-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Economica';
    src: url('fonts/Economica/Economica-Bold.woff2') format('woff2'),
        url('fonts/Economica/Economica-Bold.woff') format('woff'),
        url('fonts/Economica/Economica-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Economica';
    src: url('fonts/Economica/Economica-Italic.woff2') format('woff2'),
        url('fonts/Economica/Economica-Italic.woff') format('woff'),
        url('fonts/Economica/Economica-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-Light.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-Light.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-Regular.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-SemiBold.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-ExtraBold.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-ExtraBold.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-BoldItalic.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-BoldItalic.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-Bold.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-Italic.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-Italic.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/OpenSans-LightItalic.woff2') format('woff2'),
        url('fonts/Open_Sans/OpenSans-LightItalic.woff') format('woff'),
        url('fonts/Open_Sans/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
/* SELECT CSS */
/* class applies to select element itself, not a wrapper element */
.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
  */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hover style */
.select-css:hover {
  border-color: #888;
}
/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}
/* Set options to normal weight */
.select-css option {
  font-weight:normal;
}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}
/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
  border-color: #aaa;
}
/**/
/*------------------------------------
- COLOR p396
------------------------------------*/
.alert-p396 {
  color: #636300;
  background-color: #feffab;
  border-color: #feff96;
}
.alert-p396 hr {
  border-top-color: #feff7d;
}
.alert-p396 .alert-link {
  color: #303000;
}
.badge-p396 {
  color: #212529;
  background-color: var(--jaune);
}
.badge-p396[href]:hover, .badge-p396[href]:focus {
  color: #212529;
  background-color: #aaab00;
}
.bg-p396 {
  background-color: var(--jaune) !important;
}
a.bg-p396:hover, a.bg-p396:focus,
button.bg-p396:hover,
button.bg-p396:focus {
  background-color: #aaab00 !important;
}
.border-p396 {
  border-color: var(--jaune) !important;
}
.btn-p396 {
  color: #212529;
  background-color: var(--jaune);
  border-color: var(--jaune);
}
.btn-p396:hover {
  color: var(--jaune);
  background-color: #FFFFFF;
  border-color: var(--jaune);
}
.btn-p396:focus, .btn-p396.focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 222, 0, 0.5);
}
.btn-p396.disabled, .btn-p396:disabled {
  color: #212529;
  background-color: var(--jaune);
  border-color: var(--jaune);
}
.btn-p396:not(:disabled):not(.disabled):active, .btn-p396:not(:disabled):not(.disabled).active, .show > .btn-p396.dropdown-toggle {
  color: #212529;
  background-color: #aaab00;
  border-color: #9a9b00;
}
.btn-p396:not(:disabled):not(.disabled):active:focus, .btn-p396:not(:disabled):not(.disabled).active:focus, .show > .btn-p396.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 222, 0, 0.5);
}
.btn-outline-p396 {
  color: var(--jaune);
  background-color: transparent;
  border-color: var(--jaune);
}
.btn-outline-p396:hover {
  color: #212529;
  background-color: var(--jaune);
  border-color: var(--jaune);
}
.btn-outline-p396:focus, .btn-outline-p396.focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 222, 0, 0.5);
}
.btn-outline-p396.disabled, .btn-outline-p396:disabled {
  color: var(--jaune);
  background-color: transparent;
}
.btn-outline-p396:not(:disabled):not(.disabled):active, .btn-outline-p396:not(:disabled):not(.disabled).active, .show > .btn-outline-p396.dropdown-toggle {
  color: #212529;
  background-color: var(--jaune);
  border-color: var(--jaune);
}
.btn-outline-p396:not(:disabled):not(.disabled):active:focus, .btn-outline-p396:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-p396.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 222, 0, 0.5);
}
.list-group-item-p396 {
  color: #636300;
  background-color: #feff96;
}
.list-group-item-p396.list-group-item-action:hover, .list-group-item-p396.list-group-item-action:focus {
  color: #636300;
  background-color: #feff7d;
}
.list-group-item-p396.list-group-item-action.active {
  color: #212529;
  background-color: #636300;
  border-color: #636300;
}
.table-p396,
.table-p396 > th,
.table-p396 > td {
  background-color: #feff96;
}
.table-hover .table-p396:hover {
  background-color: #feff7d;
}
.table-hover .table-p396:hover > td,
.table-hover .table-p396:hover > th {
  background-color: #feff7d;
}
.text-p396 {
  color: var(--jaune) !important;
}
a.text-p396:hover, a.text-p396:focus {
  color: #aaab00 !important;
}
/*------------------------------------
- COLOR p280
------------------------------------*/
.alert-p280 {
  color: #000000;
  background-color: #5d7fe6;
  border-color: #4c71e3;
}
.alert-p280 hr {
  border-top-color: #3660e0;
}
.alert-p280 .alert-link {
  color: #000000;
}
.badge-p280 {
  color: #fff;
  background-color: #102668;
}
.badge-p280[href]:hover, .badge-p280[href]:focus {
  color: #fff;
  background-color: #09153b;
}
.bg-p280 {
  background-color: #102668 !important;
}
a.bg-p280:hover, a.bg-p280:focus, button.bg-p280:hover, button.bg-p280:focus {
  background-color: #09153b !important;
}
.border-p280 {
  border-color: #102668 !important;
}
.btn-p280 {
  color: #fff;
  background-color: #102668;
  border-color: #102668;
}
.btn-p280:hover {
  color: #fff;
  background-color: #0b1a49;
  border-color: #09153b;
}
.btn-p280:focus, .btn-p280.focus {
  box-shadow: 0 0 0 0.2rem rgba(16, 38, 104, 0.5);
}
.btn-p280.disabled, .btn-p280:disabled {
  color: #fff;
  background-color: #102668;
  border-color: #102668;
}
.btn-p280:not(:disabled):not(.disabled):active, .btn-p280:not(:disabled):not(.disabled).active, .show > .btn-p280.dropdown-toggle {
  color: #fff;
  background-color: #09153b;
  border-color: #07112e;
}
.btn-p280:not(:disabled):not(.disabled):active:focus, .btn-p280:not(:disabled):not(.disabled).active:focus, .show > .btn-p280.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(16, 38, 104, 0.5);
}
.btn-outline-p280 {
  color: #102668;
  background-color: transparent;
  border-color: #102668;
}
.btn-outline-p280:hover {
  color: #fff;
  background-color: #102668;
  border-color: #102668;
}
.btn-outline-p280:focus, .btn-outline-p280.focus {
  box-shadow: 0 0 0 0.2rem rgba(16, 38, 104, 0.5);
}
.btn-outline-p280.disabled, .btn-outline-p280:disabled {
  color: #102668;
  background-color: transparent;
}
.btn-outline-p280:not(:disabled):not(.disabled):active, .btn-outline-p280:not(:disabled):not(.disabled).active, .show > .btn-outline-p280.dropdown-toggle {
  color: #fff;
  background-color: #102668;
  border-color: #102668;
}
.btn-outline-p280:not(:disabled):not(.disabled):active:focus, .btn-outline-p280:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-p280.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(16, 38, 104, 0.5);
}
.list-group-item-p280 {
  color: #000000;
  background-color: #4c71e3;
}
.list-group-item-p280.list-group-item-action:hover, .list-group-item-p280.list-group-item-action:focus {
  color: #000000;
  background-color: #3660e0;
}
.list-group-item-p280.list-group-item-action.active {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.table-p280, .table-p280 > th, .table-p280 > td {
  background-color: #4c71e3;
}
.table-hover .table-p280:hover {
  background-color: #3660e0;
}
.table-hover .table-p280:hover > td, .table-hover .table-p280:hover > th {
  background-color: #3660e0;
}
.text-p280 {
  color: #102668 !important;
}
a.text-p280:hover, a.text-p280:focus {
  color: #09153b !important;
}
/* --- Elegant icons ---------- */
.icon_search,.icon_question,.icon_menu,.icon_ribbon_alt,.icon_id-2,.icon_box-checked,.icon_close,.icon_target,.icon_photo {
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon_search:before {
	content: "\55";
}
.icon_question:before {
	content: "\75";
}
.icon_menu:before {
	content: "\61";
    font-size:200%;
}
.icon_box-checked:before {
	content: "\5a";
}
.icon_ribbon_alt:before {
	content: "\e012";
}
.icon_id-2:before {
	content: "\e108";
}
.icon_close:before {
	content: "\4d";
}
.icon_target:before {
	content: "\e0f5";
}
.icon_photo:before {
	content: "\e005";
}
/* ---------------------------- */
html,body {
  height:100%;
  margin:0;
  font-family: 'Open Sans', sans-serif;
}
body {
  background-repeat:no-repeat;
  background-image: linear-gradient(0deg,rgb(168,176,200) 0%,rgb(255,255,255) 95%,rgb(255,255,255) 100%);
  background-color: rgb(168,176,200);
}
h1,h2,h3 {
  font-family: 'Economica';
}
a {
  color: var(--jaunetexte);
}
a:hover {
  color: rgb(16,38,104);
}
.chemin a {
  font-size: 80%;
  color: rgb(16,38,104);
}
.alert.alert-primary {
margin-top:3rem !important;
margin-bottom:3rem !important;
}
#main-ctn h1,h2,h3 {
  clear: left;
}
#main-ctn img {
  float:left;
  margin:0.5em;
}
#main-ctn h1 {
  color:var(--jaunetexte);
  font-weight:bolder;
  font-size:300%;
  text-transform:uppercase;
}
#main-ctn h2, #main-ctn h3{
  font-weight:bolder;
  text-transform:uppercase;
}
#main-ctn {
  padding:1em 2em;
  /*background-color:white;*/
  color:rgb(16,38,104);
}
#main-ctn:after{
  clear:both;
}
table {
  width:100%;
}
table tr:nth-child(even) {
  background:rgb(238,237,245);
}
table tr:nth-child(odd) {
  background:rgb(255,255,255);
}
/* navigation */
.dropdown-header {
  padding:0.1em 0.1em;
  text-align:right;
}
.dropdown-menu {
  padding:0;
  padding-bottom:0.75rem;
  top:0rem;
  left:auto;
  right:0;
}
.dropdown-menu a {
  color:rgb(16,38,104);
  font-family:'Open Sans',sans-serif;
  font-weight:bolder;
  font-size:80%;
  text-transform:uppercase;
}
/*.dropdown-divider {
  margin: .75rem 1rem;
  border-top: 2px dotted #7C88AC;
}*/
.dropdown-item{
  line-height: 2em;
  border-bottom: 2px dotted #7C88AC;
  margin:1rem 0rem;
}
.dropdown-item i {
  visibility:hidden;
}
.dropdown-item:hover i {
  visibility:visible;
}
/*
.dropdown-item:hover::before{
  margin-left:-1em;
  font-weight:bold;
  font-family: 'ElegantIcons';
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content:"\35";
}*/
/*.dropdown:hover>.dropdown-menu {
  display: block;
}*/
.navbar {
  font-family:'Economica';
  color:rgb(16,38,104);
  -webkit-box-shadow: 0 3px 3px -3px #A6A6A6;
  box-shadow: 0 3px 3px -1px #A6A6A6;
  padding:0.25rem 0.5em;
}
.navbar a{
  color:#102668;
}
.navbar a:hover{
  color:#797A00;
}
.navbar-text {
  margin-top:auto;
  padding:0 0.5em;
  font-size:120%;
  vertical-align:bottom;
}
#menudd {
  margin-right:2em;
}
#menubtn > span {
  font-family:'Open Sans',sans-serif;
  font-size:70%;
  font-weight:600;
  position:absolute;
  left:50%;
  bottom:10%;
  transform:translateX(-50%);
}
nav {
  transition:1s;
}
.navbar-brand img{
  padding-left:15px;
  height : 5em;
}
.nav-link {
  font-size:125%;
}
.smallnav .nav-link {
  font-size:100%;
}
header.smallnav {
  background:rgba(255,255,255,1);
}
.smallnav #sub-brand {
  display: none !important;
}
.smallnav .navbar-brand img{
  max-height:2.5em;
}
#navpadding {
  min-height:8em;
}
/* background */
.menubar {
  font-family:'Economica';
  color:rgb(16,38,104);
}
#menubackgrnd {
  z-index:-1;
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;
}
#menubackgrnd svg{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  min-height:75em;
  min-width:250%;
}
#menubackgrnd .fillint {
  fill:rgb(221,221,230,0.75);
}
#menubackgrnd .fillintm {
  fill:none;
  stroke:url(#gradient);
  stroke-width:3;
  stroke-dasharray:3,9;
}
#footerbackgrnd {
  position:absolute;
  width:100%;
}
#footerbackgrnd svg{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  min-height:50em;
  min-width:250%;
}
#footerbackgrnd .fillint {
  fill:rgb(198,201,0,0.75);
}
#footerbackgrnd .fillintm {
  fill:none;
  stroke:#ffff00;
  stroke-width:5;
  stroke-dasharray:5,15;
}
#username {
  margin-left:2rem;
  margin-right:2rem;
}
body > #main-container {
  background-color:rgb(255,255,255);
}
.menubar {
  -webkit-box-shadow: 0 3px 3px -3px #A6A6A6;
  box-shadow: 0 3px 3px -1px #A6A6A6;
}
#menubarright {
  margin:auto;
  margin-right:0;
  text-align:right;
}
#menubarright span {
  display:inline-block;
}
#menubarright i {
  display:inline-block;
}
.navlogo img {
  max-height:5em;
}
.navlogo > span {
  font-family: 'Economica';
  font-size:120%;
  color:rgb(16,38,104);
  vertical-align:bottom;
  overflow:visible;
}
.bg-white {
  background-color:white;
}
/* Rubrique 3 */
.alert.alert-primary {
  background-color:rgba(221,222,0,.30);
  border:0;
}
#envideo a {
  color:var(--bleu);
}
#envideo a:hover {
  color:var(--jaunesombre);
  text-decoration: none;
}
#endirect li {
  margin:1rem 0;
  font-size:120%;
  line-height: 1.2rem;
  font-family:"Open Sans", sans-serif;
  color:var(--bleu);
}
#endirect li a {
  color:var(--bleu);
}
#endirect li a:hover{
  color:var(--jaunesombre);
  text-decoration: none;
}
.logotitle {
  float: left;
  font-size: 1.3em;
  padding: 0em;
  width: 0;
  text-shadow: none;
  color:rgba(221,222,0,0.5);
  transform:rotate(-15deg);
  z-index:0;
}
.rubrique3 {
  color:rgb(16,38,104);
  font-weight:bold;
}
.rubrique3 h2 {
  font-weight: bold;
  font-size: 300%;
  position: relative;
  margin-top:0.10em;
  margin-left:1em;
  text-transform:uppercase;
  z-index:2;
}
.rubrique3 a {
  color:rgb(16,38,104);
}
.rubrique3 a:hover{
  color:var(--jaune);
}
.rubrique3 h2 span {
  position:relative;
  margin-left:-0.25em;
  text-transform:uppercase;
  z-index:5;
}
.rubrique3 .logotitle {
  margin-left: -1em;
}
.rubrique3-2 ul {
  list-style:none;
  padding-left:0;
  margin-left:0;
}
.rubrique3-2 li {
  margin-left:0;
  padding:0;
}
.rubrique3-2 li:not(:last-child) {
  margin-bottom:3px;
  padding-bottom:3px;
  border-bottom: 2px dotted #7C88AC;
}
.rubrique3-1 ul {
  list-style:none;
  padding-left:0;
  margin-left:1.25em;
}
.rubrique3-1 li {
  margin-bottom:0.75em;
}
.zoom {transition: transform .2s;}
.zoom:hover{transform:scale(3);box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.6);z-index:1000;}
.actu:before{
  content:"";
  display:block;
  padding-top:16%;
  float:left;
}
.actu {
  font-size:80%;
  clear:left;
}
.actuphoto {
  float:left;
  max-width:14%;
  max-height:14%;
  margin-right:5px;
}
.actulink {
  font-weight:normal;
  font-size:95%;
}
footer.footer-links {
  background-color:white;
  color:rgb(16,38,104);
}
/* footer - c'est qui ? */
footer.footer-ceki {
  background-color:rgb(16,38,104);
  color:white;
  line-height:1.1em;
  font-size:90%;
}
.footer-ceki h3 {
  font-weight: normal;
  font-size: 275%;
  color:var(--jaune);
}
/* footer - général */
.footer-general a {
  color:rgb(16,38,104);
}
footer.footer-general {
  position:relative;
  padding-top:0 !important;
  background-color:var(--jaune);
  overflow:hidden;
}
.footcol h3 {
  font-size:250%;
  font-weight: bold;
  color:white;
}
#footer4 {
  padding-top:2em;
}
.footer4-3 ul {
  list-style:none;
  padding-left:0;
}
.footer4-3 ul img {
  padding:2px 0;
  margin:auto;
  height:3rem;
}
.footer4-4 p {
  font-size:80%;
}
/* Liens bas de page */
#footlinks {
  margin:0;
  margin-top:2rem;
  padding:0;
  list-style-type:none;
}
#footlinks a {
  color:rgb(16,38,104);
  font-weight:bold;
  font-size:80%;
}
#footlinks > li {
  display: inline-block;
  margin-left: -0.25rem;
}
#footlinks > li:not(:last-child)::after{
  content: "|";
  padding: 0 0.25rem;
}
/* ENTRY POINT */
#bloclycees,#blocprepas {
  position:relative;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  margin-top:1em;
  margin-bottom:1em;
}
.block-image {
  position:absolute;
  width:100%;
  height:100%;
  text-align:center;
}
.block-image-overlay {
  position:absolute;
  display:flex;
  flex-direction:column;
  justify-content: flex-end;
  align-items:center;
  width:100%;
  height:100%;
  text-transform:uppercase;
  text-align:center;
  z-index:2;
  color:var(--jaune);
}
#bloclycees:after,#blocprepas:after{
  content:"";
  display:block;
  padding-bottom:100%;
}
.block-image:after {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;left:0;
  opacity:0;
  background-color:rgba(16,38,104,1);
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
}
.block-image-overlay:hover > h3 {
  color:white;
  background-color:rgba(187,193,212,0.1);
}
.block-image:hover:after {
  opacity:0.4;
}
.block-image-overlay h3 {
  margin: 45% 0.2em 0.5em 0.2em;
  padding:0.2em 1em;
  width:90%;
  font-family:"Open Sans",sans-serif;
  text-shadow: 2px 2px 2px #000000;
  font-weight:400 !important;
  font-size:160%;
  background-color: rgba(187,193,212,0.7);
}
.block-image-overlay a {
  padding:0.5em 1.5em;
  margin-bottom:2%;
}
#bloclycees {
  background-image:url('images_css/UPS -48.jpg');
}
#blocprepas {
  background-image:url('images_css/UPS -8.jpg');
}
/* ------  */
.chiffres {
  color:rgb(16,38,104);
}
.chiffres h3 {
  color:rgb(16,38,104);
  font-size:250%;
  line-height:90%;
  font-family: 'Economica';
  text-shadow: 2px 2px #ffffff;
}
.chiffres p {
  font-size:90%;
  line-height:90%;
}
.footer-copyright {
  color:rgb(0,0,0,0.5);
  font-size:80%;
}
#navpadding {
  text-align:right;
}
#sup-brand {
  position:relative;
  top:4rem;
  font-family:'Economica';
  font-size:75%;
  color:rgb(16,38,104);
}

@media (max-width: 575px) {/*xs*/
  /*.navbar .nav-link {
    color:#00f;
  }*/
  .navbar-brand img{
    padding-left:30px;
    height : 3.5em;
  }
  #menubackgrnd {
    background-image: url('images_css/head-sm.png');
    background-position:center top;
    background-repeat:no-repeat;
  }
}
@media (min-width: 576px) and (max-width:767px) {/*sm*/
  /*.navbar .nav-link {
    color:#f00;
  }*/
  .navbar-brand img{
    padding-left:30px;
    height : 3.5em;
  }
  #menubackgrnd {
    background-image: url('images_css/head-sm.png');
    background-position:center top;
    background-repeat:no-repeat;
  }
  #footgen {
    background-image: url('images_css/foot-sm.png');
    background-color:var(--jaune);
    background-position:right top;
    background-repeat:no-repeat;
  }
}
@media (min-width:768px) and (max-width:991px) {/*md*/
  /*.navbar .nav-link {
    color:#f80;
  }*/
  .navbar-brand img{
    padding-left:30px;
    height : 3.5em;
  }
  #menubackgrnd {
    background-image: url('images_css/head-md.png');
    background-position:center top;
    background-repeat:no-repeat;
  }
  #footgen {
    background-image: url('images_css/foot-md.png');
    background-color:var(--jaune);
    background-position:right top;
    background-repeat:no-repeat;
  }
}
@media (min-width:992px) and (max-width:1199px) {/*lg*/
  /*.navbar .nav-link {
    color:#0f0;
  }*/
  .navbar-brand img{
    padding-left:30px;
    height : 5em;
  }
  #menubackgrnd {
    background-image: url('images_css/head-lg.png');
    background-position:center top;
    background-repeat:no-repeat;
  }
  #footgen {
    background-image: url('images_css/foot-lg.png');
    background-color:var(--jaune);
    background-position:right top;
    background-repeat:no-repeat;
  }
}
@media (min-width:1200px) {/*xl*/
  /*.navbar .nav-link {
    color:#f0f;
  }*/
  .navbar-brand img{
    padding-left:30px;
    height : 5em;
  }
  #menubackgrnd {
    background-image: url('images_css/head-xl.png');
    background-position:center top;
    background-repeat:no-repeat;
  }
  #footgen {
    background-image: url('images_css/foot-xl.png');
    background-color:var(--jaune);
    background-position:right top;
    background-repeat:no-repeat;
  }
}
@media print {
  .row {float:none;display:block;width:auto;margin-left:0;}
  .card{display:block;}
  #menubackgrnd{display:none;}
  #navpadding{display:none;}
  body{background-color:white;background-image:none;}
}