@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
	font-family:"Inter", "Helvetica Neue", "Arial", sans-serif;
	color:#1D384D;
}

p{
	font-family:"Inter", "Helvetica Neue", "Arial", sans-serif;
	font-weight:400;
	color:#1D384D;
}

h1, h2, h3, h4{
	font-family:"Inter", "Helvetica Neue", "Arial", sans-serif;
	font-weight:700;
	color:#1D384D;
}


.section a{
	color:#1D384D;
	text-decoration: underline;
}

.section a:hover{
	color:#1D384D;
	text-decoration: none;
}

.emphase{
	font-size:1.1rem;
}


.nav{
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
	background: #1D384D;
}

.nav li{
	padding:1rem 0;
}

.menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.5rem 0.5rem 0.4rem 0.5rem;
    color: #1D384D;
    background-color: #fff;
	font-weight:700;
    font-size:0.8rem;
    margin: 0 0.5rem;
    border-radius: 10px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.menu a:hover {
    color: #1D384D;
    background-color: #ABBDCF;
}

.menu a:hover {
    color: #1D384D;
    background-color: #ABBDCF;
}


.menu .contact a {
    color: #fff !important;
	border:1px solid #fff;
    background-color: transparent;
}

.menu .contact a:hover {
    color: #1D384D;
	border:1px solid #ABBDCF ;
    background-color: #ABBDCF;
}

.bt-contact .menu a{
    line-height: 1;
    text-decoration: none;
    display: block;
    color: #1D384D;
    background-color: none;
	font-weight:700;
    margin: 0 1rem;
    border-radius: 10px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.section{
	padding:3rem 0;
}

.entete{
	background-image:url(../img/bg-7i.webp);
	background-color:#0F1D2B;
	background-size: cover;
	z-index: -1000;
	color:#fff;
}

.entete h1{
	color:#fff;
	font-weight:400;
    text-align: center;
    font-size:1.5rem;
}

.em-bleu{
	color:#ABBDCF;
}

.logo img{
	width:200px;
    text-align: center;
}

h2{
	color:#5C6BA1;
	font-weight:700;
	margin-bottom:1rem;
    font-size:2rem;
}

.notice h2{
	color:#5C6BA1;
	font-weight:700;
	margin-bottom:1rem;
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 2rem 0 1rem 0;
    border: 1px solid transparent;
	border-radius: 50px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
	font-weight:700;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    padding: 1rem 2rem;
	background-color: #1D384D;
    color: #fff !important;
	text-decoration: none !important;
}

.button:hover, .button:focus {
    background-color: #5C6BA1;
    color: #fff !important;
	text-decoration: none !important;
}


.button.large {
    font-size: 1.1rem;
}

.bleu{
	background-color:#DEE5EC;
}

.blanc{
	background-color:#fff;
	background-image:url(../img/bg-crest.webp);
	background-size: contain;
	background-position: top right;
	background-attachment:fixed;
	background-repeat: no-repeat;
}

.core h2{
	text-align: center;
}

.core .callout{
	border-radius: 20px;
	border:none;
	margin: 1rem 1rem;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}

.core h3{
	font-size:1.2rem;
    text-align: center;
}

.core p{
    text-align: center;
}

.ico{
    text-align:center;
}

.ico img{
    max-width: 80px;
    margin-bottom:2rem;
}



.contact .callout{
	border-radius: 20px;
	border:none;
	margin: 1rem 1rem 3rem 1rem;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
	background-color:#ECF0F4;
}

.contact p{
	text-align: center;
}

.footer{
	font-size:0.8rem;
}

.ft-align-right{
	text-align:center;
}

.ft-align-center{
	text-align:center;
}

.ft-align-center img{
    margin-bottom:2rem;
}

.ft-align-left{
	text-align:center;
}

.date{
	font-size:0.7rem;
	text-transform: uppercase;
	color:#5C6BA1;
}

@media print, screen and (min-width: 40em) {
    
.nav li{
	padding:2rem 0;
}

.menu a {
    font-size:1rem;
    margin: 0 1rem;
    padding: 0.7rem 1rem 0.6rem 1rem;
}

.menu a:hover {
    color: #1D384D;
    background-color: #ABBDCF;
}

.menu a:hover {
    color: #1D384D;
    background-color: #ABBDCF;
}


.menu .contact a {
    color: #fff !important;
	border:1px solid #fff;
    background-color: transparent;
}

.menu .contact a:hover {
    color: #1D384D;
	border:1px solid #ABBDCF ;
    background-color: #ABBDCF;
}

.bt-contact .menu a{
    line-height: 1;
    text-decoration: none;
    display: block;
    color: #1D384D;
    background-color: none;
	font-weight:700;
    margin: 0 1rem;
    border-radius: 10px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.section{
	padding:5rem 0;
}

.emphase{
	font-size:1.2rem;
}

.entete{
	background-image:url(../img/bg-7i.webp);
	background-color:#0F1D2B;
	background-size: cover;
	z-index: -1000;
	color:#fff;
}
    
.entete h1{
    text-align: center;
    font-size:2.5rem;
}

.em-bleu{
	color:#ABBDCF;
}

.logo img{
	width:400px;
    text-align: center;
}

h2{
	color:#5C6BA1;
	font-weight:700;
	margin-bottom:3rem;
    font-size:2.5rem;
}


.notice h2{
	color:#5C6BA1;
	font-weight:700;
	margin-bottom:1rem;
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 2rem 0 1rem 0;
    border: 1px solid transparent;
	border-radius: 50px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
	font-weight:700;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    padding: 1rem 2rem;
	background-color: #1D384D;
    color: #fff !important;
	text-decoration: none !important;
}

.button:hover, .button:focus {
    background-color: #5C6BA1;
    color: #fff !important;
	text-decoration: none !important;
}

.button.large {
    font-size: 1.25rem;
}
    
.bleu{
	background-color:#DEE5EC;
}

.blanc{
	background-color:#fff;
	background-image:url(../img/bg-crest.webp);
	background-size: contain;
	background-position: top right;
	background-attachment:fixed;
	background-repeat: no-repeat;
}

.core h2{
	text-align: center;
}

.core .callout{
	border-radius: 20px;
	border:none;
	margin: 1rem 3rem;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}



.core h3{
	font-size:1.5rem;
    text-align: left;
}

.core p{
    text-align: left;
}


.ico img{
    max-width: 100px;
}



.contact .callout{
	border-radius: 20px;
	border:none;
	margin: 1rem 5rem 3rem 5rem;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
	background-color:#ECF0F4;
}

.contact p{
	text-align: center;
}

.footer{
	font-size:0.8rem;
}

.ft-align-right{
	text-align:right;
}

.ft-align-center{
	text-align:center;
}

.ft-align-left{
	text-align:left;
}

.date{
	font-size:0.7rem;
	text-transform: uppercase;
	color:#5C6BA1;
}
    
}

@media print, screen and (min-width: 64em) {
    
.nav li{
	padding:2rem 0;
}

.menu a {
    font-size:1rem;
    padding: 0.7rem 1rem 0.6rem 1rem;
    margin: 0 1rem;
}

.menu a:hover {
    color: #1D384D;
    background-color: #ABBDCF;
}

.menu a:hover {
    color: #1D384D;
    background-color: #ABBDCF;
}


.menu .contact a {
    color: #fff !important;
	border:1px solid #fff;
    background-color: transparent;
}

.menu .contact a:hover {
    color: #1D384D;
	border:1px solid #ABBDCF ;
    background-color: #ABBDCF;
}

.bt-contact .menu a{
    line-height: 1;
    text-decoration: none;
    display: block;
    color: #1D384D;
    background-color: none;
	font-weight:700;
    margin: 0 1rem;
    border-radius: 10px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.section{
	padding:5rem 0;
}

.emphase{
	font-size:1.2rem;
}

.entete{
	background-image:url(../img/bg-7i.webp);
	background-color:#0F1D2B;
	background-size: cover;
	z-index: -1000;
	color:#fff;
}

.entete h1{
    text-align: center;
    font-size:3rem;
}

.em-bleu{
	color:#ABBDCF;
}

.logo img{
	width:400px;
    text-align: center;
}

h2{
	color:#5C6BA1;
	font-weight:700;
	margin-bottom:3rem;
    font-size:2.5rem;
}

.notice h2{
	color:#5C6BA1;
	font-weight:700;
	margin-bottom:1rem;
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 2rem 0 1rem 0;
    border: 1px solid transparent;
	border-radius: 50px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
	font-weight:700;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    padding: 1rem 2rem;
	background-color: #1D384D;
    color: #fff !important;
	text-decoration: none !important;
}

.button:hover, .button:focus {
    background-color: #5C6BA1;
    color: #fff !important;
	text-decoration: none !important;
}

.button.large {
    font-size: 1.25rem;
}
    
.bleu{
	background-color:#DEE5EC;
}

.blanc{
	background-color:#fff;
	background-image:url(../img/bg-crest.webp);
	background-size: contain;
	background-position: top right;
	background-attachment:fixed;
	background-repeat: no-repeat;
}

.core h2{
	text-align: center;
}

.core .callout{
	border-radius: 20px;
	border:none;
	margin: 1rem 10rem;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}


.core h3{
	font-size:1.5rem;
    text-align: left;
}

.core p{
    text-align: left;
}



.ico img{
    max-width: 100px;
}

.contact .callout{
	border-radius: 20px;
	border:none;
	margin: 1rem 20rem 5rem 20rem;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
	background-color:#ECF0F4;
}

.contact p{
	text-align: center;
}

.footer{
	font-size:0.8rem;
}

.ft-align-right{
	text-align:right;
}

.ft-align-center{
	text-align:center;
}

.date{
	font-size:0.7rem;
	text-transform: uppercase;
	color:#5C6BA1;
}
    
}