	@font-face { font-family: 'Marianne Regular';
	src: url('./fonts/Marianne-Regular.ttf')  format('truetype');
}
	@font-face { font-family: 'Marianne Bold';
	src: url('./fonts/Marianne-Bold.ttf')  format('truetype');
	}
html {
  margin-right: 18%;
  margin-left: 12%;
  margin-top: 2%;
  background-color: #ffffff;
}


body {font-family: 'Marianne Regular';font-size:16px;}
h1, h2, h3, h4, h5, h6 { color: #1E1E1E; font-family: 'Marianne Bold';}

h1 { font-size: 32px; 	line-height: 40px; }
h2 { font-size: 28px;	line-height: 36px; }
h3 { font-size: 24px;	line-height: 32px; }
h4 { font-size: 22px;	line-height: 28px; }
h5 { font-size: 20px;	line-height: 28px; }

.headline h1{
	font-family: 'Marianne Regular';
		border-bottom: 2px solid #000091;
		margin: 0 0 5px 0;
}

.axp-requestappdefs li { font-size: 16px;}
/*
.axp-requestappdefs .axp-requestappdef > a:hover {
	color: #7F7FC8;
}*/
.axp-requestappdefs .axp-requestappdef > a:link
{
text-decoration:none;
}
.axp-request-categories .axp-request-category > h2[role=heading] > a {
	text-decoration:none;
}

/*
.axp-request-categories .axp-request-category > h2[role=heading] > a:hover {
	color: #7F7FC8;
}
*/

.color-green { color: #000091}
.axp-requestappdefs-showmore > a {
	font-size: 16px;
	color: #1E1E1E;
}

.axp-requestappdefs-showmore > a:hover {
	color: #7F7FC8;
}
.rgba-default {
		background-color:  #000091;
}

.header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a { bottom: 2px; border-bottom: solid 6px #7F7FC8;}

.alert-warning {color: #1E1E1E;font-size: 16px;background-color: #fff;border-color: #fff;}
.alert-info {color: #1E1E1E;font-size: 16px;background-color: #E5E5F4;border-color: #fff;}
.alert-danger {color: #fff;background-color: #7F7FC8;border-color: #fff;}
.media-body > a {color: #fff; text-decoration: underline;}
.media-middle > a {color: black; text-decoration: underline;}

.panel-u > .panel-heading , .panel-success > .panel-heading {background-color: #000091;color:white;}
.panel-success > .panel-heading a small { color:white;}
.panel-default > .panel-heading a, .panel-default > .panel-heading a:focus, .panel-default > .panel-heading a:hover  {
background-color: #000074;
color: #fff;
font-size: 12px;
padding: 2px 12px;
line-height: 18px;
text-decoration : none;
border-radius: 4px !important;
}

.panel-info > .panel-heading { background-color:#E5E5F4; border-color: #fff; color:white; background-color: #000091;}
.panel-info { border-color: #1E1E1E; }

.btn-u:hover {
		background: #000074;
		color: #fff;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
		background-color: #7F7FC8;
		border-color: #7F7FC8;
}
.btn-u, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u {
			background: #000091;
		color: #fff;
}
.btn-u:hover {
		background: #000074;
		color: #fff;
}

.rgba-default .badge > a:active , .rgba-default .badge > a:focus , .rgba-default .badge:hover  {color:white; }

.nav > li > a {
    background-color: #000091;
    color: white;
}
.nav > li > a:hover {
		background-color: #000074;
	color:white;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
	background-color: #000074;
	border-color: white;
}
.list-group-item.passed, .list-group-item.passed:hover, .list-group-item.passed:focus {
	background-image: linear-gradient(to right, #000091 0%, #000091 100%);
	background-color: #000091;
	border-color: white;
	color : white;
}

.list-group-item.current, .list-group-item.current:hover, .list-group-item.current:focus {
color :  #7F7FC8;
}
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color : #E1000F;}
.has-error .form-control { border-color : #E1000F; color : #E1000F;}
.has-error .form-control:focus {border-color : #E1000F;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #E1000F;}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 9px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.footer-v5 .copyright {
    background: #ffffff;
    color: white;
    text-align: center;
    height: 100px;
    font-family: 'Marianne Regular';
    font-size: 16px;
}

.footer-v5 .copyright .terms-menu li a {
		color: #000;
}

.btn-warning {
    background-color: #0063CB;
    border-color: #0063CB;
}

.btn-warning:hover {
	background-color: #7F7FC8;
	border-color: #7F7FC8;
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
background-color:#9A9AFF;
border-color:#9A9AFF;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
color:#fff;
background-color:#9A9AFF;
border-color:#9A9AFF
}

.btn-info {
	background-color: #000091;
	border-color: #000091;
	white-space : normal;
}

.btn-info:hover {
	background-color: #000074;
	border-color: #000074;
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {

background-color:#000074;
border-color:#000074;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
color:#fff;
background-color:#000074;
border-color:#000074
}

.btn-success {
	background-color: #000074;
	border-color: #000074;
}

.btn-success:hover {
	background-color: #00006D;
	border-color: #00006D;
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {

background-color:#00006D;
border-color:#00006D;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
color:#fff;
background-color:#00006D;
border-color:#00006D
}
    .col-md-4 {
        width: 80%;
        padding-left: 20%;
    }


.panel-heading > small {
color: white;
}

.btn-danger:hover {
		color: #fff;
		background-color: #E1000F;
		border-color: #E1000F;
}

.panel-danger > .panel-heading {
		color: #e1000f;
		background-color: #E5E5F4;
		border-color: #E5E5F4;
}

.account-help {
	font-size: 14px;
	margin-left: 10px;
}

.header-v4 .logo img {
	max-height: 150px;
}

.spanLogo::after {
	content: "Portail du Personnel Navigant > D\00E9marches en ligne";
	color: black;
	font-size: 22px;
	font-weight: bold;
	vertical-align: middle;
}


.spanLogo>a:hover {
	text-decoration:none;

}


.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
}

.content {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 15px;
    padding-left: 15px;
    min-height: inherit;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px ;
     font-weight: bold;
}
a:focus,
a:hover,
a:active {
	color: #000091;
}

.topbar-v1 .top-v1-data li a:hover i {
	color: #000091;
}
.header-v4 .navbar-default .navbar-nav > li > a:hover,
.header-v4 .navbar-default .navbar-nav > .active > a {
  border-color: #000091;
    
}
.header-v4 .navbar-default .navbar-nav > .active > a {
  color: #000091;
}
.header-v4 .navbar-default .navbar-nav > li:hover > a {
  border-color:  #000091;
  color: #000091;
   background-color :#C1C1FB;
}
.header-v4 .navbar .nav > li > .search:hover {
  color: ##000091;
   
}
.header-v4 .navbar-default .navbar-nav > .open > a,
.header-v4 .navbar-default .navbar-nav > .open > a:hover,
.header-v4 .navbar-default .navbar-nav > .open > a:focus {
  color: #000091;
  background-color :#E3E3FD;
}



.header-v4 .dropdown-menu .active > a,
	.header-v4 .dropdown-menu li > a:hover {
		color: #687074;
		filter: none !important;
		background: #F6F6F6 !important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

.c0023 {
    height: fit-content;
    padding: 0.5em 1em;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #000091;
    margin-block: 0px;
}
span.label-u,
span.badge-u {
  background: #272747;
}

.c0026 {
    display: flex;
    align-items: center;
    padding-right: 20px;
}

#topcontrol {
  width: 48px;
  height: 48px;
  background: #222;
  color: #fff;
  font-size: 24px;
  border-radius: 50% !important;
  display: flex;
  cursor: pointer;
  z-index: 300;
right: 35px !important;
bottom: 80px !important;
}


#topcontrol:hover {
  background: #333;       /* couleur un peu plus claire au survol */
  transform: scale(1.1);  /* léger effet de zoom */
}

#topcontrol:after {
	 top: 8%;
    left: 35%;
	content: "\f106";
	position: absolute;
	text-align: center;
	font-family: FontAwesome;
}

.c0028 {
    color: rgb(255, 255, 255);
    right: 16px;
    bottom: 16px;
    cursor: pointer;
    display: flex
;
    z-index: 10;
    position: fixed;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
}


p.dydu-teaser-button.c0015.c0023 {
  background-color: #000091 !important;
  color: white !important;
}

.dydu-teaser-button {
    color: white;
    font-family: 'Marianne Regular', 'Marianne';
    font-size: 14px;
    background-color: #000091;
}

tbody a {
  color: #000091;
  text-decoration: none; /* facultatif : enlève le soulignement */
}

tbody a:hover {
  text-decoration: underline; /* facultatif : ajoute soulignement au survol */
}

.header-v4 .topbar-v1 ul {
	text-align: right;
	font-size: 120%;
}
a {
    color: ##4765a0;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    width: 100%;
}

.panel .panel-success a {   
	border-color: #d6e9c6;
color: #ffffff}

@media (max-width: 768px) {
	.container {
		width: 100%;
	}
	html  {
  margin-right: 10px!important;
  margin-left: 10px;!important;
  margin-top: 10px;!important;
}}
	
	
	@media (min-width: 992px) {
   .header-v4 .logo img {
	max-height: 120px !important;
}
		html  {
  margin-right: 10px!important;
  margin-left: 10px;!important;
  margin-top: 10px;!important;
}
}

/* Mobile */
@media (max-width: 600px) {
 .header-v4 .logo img {
	max-height: 120px !important;
}
	html  {
  margin-right: 10px!important;
  margin-left: 10px;!important;
  margin-top: 10px;!important;
}
}