@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-thin.eot');
    src: url('font_gotham/gotham-thin.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-thin.woff2') format('woff2'),
         url('font_gotham/gotham-thin.woff') format('woff'),
         url('font_gotham/gotham-thin.ttf') format('truetype'),
         url('font_gotham/gotham-thin.svg#gothamthin') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-thinitalic.eot');
    src: url('font_gotham/gotham-thinitalic.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-thinitalic.woff2') format('woff2'),
         url('font_gotham/gotham-thinitalic.woff') format('woff'),
         url('font_gotham/gotham-thinitalic.ttf') format('truetype'),
         url('font_gotham/gotham-thinitalic.svg#gothamthin_italic') format('svg');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-xlight.eot');
    src: url('font_gotham/gotham-xlight.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-xlight.woff2') format('woff2'),
         url('font_gotham/gotham-xlight.woff') format('woff'),
         url('font_gotham/gotham-xlight.ttf') format('truetype'),
         url('font_gotham/gotham-xlight.svg#gothamextra_light') format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-xlightitalic.eot');
    src: url('font_gotham/gotham-xlightitalic.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-xlightitalic.woff2') format('woff2'),
         url('font_gotham/gotham-xlightitalic.woff') format('woff'),
         url('font_gotham/gotham-xlightitalic.ttf') format('truetype'),
         url('font_gotham/gotham-xlightitalic.svg#gothamextra_light_italic') format('svg');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-light.eot');
    src: url('font_gotham/gotham-light.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-light.woff2') format('woff2'),
         url('font_gotham/gotham-light.woff') format('woff'),
         url('font_gotham/gotham-light.ttf') format('truetype'),
         url('font_gotham/gotham-light.svg#gothamlight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-lightitalic.eot');
    src: url('font_gotham/gotham-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-lightitalic.woff2') format('woff2'),
         url('font_gotham/gotham-lightitalic.woff') format('woff'),
         url('font_gotham/gotham-lightitalic.ttf') format('truetype'),
         url('font_gotham/gotham-lightitalic.svg#gothamlight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-book.eot');
    src: url('font_gotham/gotham-book.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-book.woff2') format('woff2'),
         url('font_gotham/gotham-book.woff') format('woff'),
         url('font_gotham/gotham-book.ttf') format('truetype'),
         url('font_gotham/gotham-book.svg#gothambook') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-bookitalic.eot');
    src: url('font_gotham/gotham-bookitalic.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-bookitalic.woff2') format('woff2'),
         url('font_gotham/gotham-bookitalic.woff') format('woff'),
         url('font_gotham/gotham-bookitalic.ttf') format('truetype'),
         url('font_gotham/gotham-bookitalic.svg#gothambook_italic') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-medium.eot');
    src: url('font_gotham/gotham-medium.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-medium.woff2') format('woff2'),
         url('font_gotham/gotham-medium.woff') format('woff'),
         url('font_gotham/gotham-medium.ttf') format('truetype'),
         url('font_gotham/gotham-medium.svg#gothammedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-mediumitalic.eot');
    src: url('font_gotham/gotham-mediumitalic.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-mediumitalic.woff2') format('woff2'),
         url('font_gotham/gotham-mediumitalic.woff') format('woff'),
         url('font_gotham/gotham-mediumitalic.ttf') format('truetype'),
         url('font_gotham/gotham-mediumitalic.svg#gothammedium_italic') format('svg');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-bold.eot');
    src: url('font_gotham/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-bold.woff2') format('woff2'),
         url('font_gotham/gotham-bold.woff') format('woff'),
         url('font_gotham/gotham-bold.ttf') format('truetype'),
         url('font_gotham/gotham-bold.svg#gothambold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-bolditalic.eot');
    src: url('font_gotham/gotham-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-bolditalic.woff2') format('woff2'),
         url('font_gotham/gotham-bolditalic.woff') format('woff'),
         url('font_gotham/gotham-bolditalic.ttf') format('truetype'),
         url('font_gotham/gotham-bolditalic.svg#gothambold_italic') format('svg');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-black.eot');
    src: url('font_gotham/gotham-black.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-black.woff2') format('woff2'),
         url('font_gotham/gotham-black.woff') format('woff'),
         url('font_gotham/gotham-black.ttf') format('truetype'),
         url('font_gotham/gotham-black.svg#gothamblack') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('font_gotham/gotham-blackitalic.eot');
    src: url('font_gotham/gotham-blackitalic.eot?#iefix') format('embedded-opentype'),
         url('font_gotham/gotham-blackitalic.woff2') format('woff2'),
         url('font_gotham/gotham-blackitalic.woff') format('woff'),
         url('font_gotham/gotham-blackitalic.ttf') format('truetype'),
         url('font_gotham/gotham-blackitalic.svg#gothamblack_italic') format('svg');
    font-weight: 900;
    font-style: italic;
}

#container{width:100%;}
.gauche{float:left;}
.droite{float:right; text-align: right;}


html, body {
  height: 100%;
  margin: 0;
}

.full-height {
  height: 100%;
}
		
		
.bg-dark {    background-color: #000046!important;}




*, body {
	font-family: "gotham", Helvetica, Arial, sans-serif !important;	font-style: normal;	font-weight: 400; color: #000046; 
}
.menu-bold{font-weight: 600; padding-top: 2px;  padding-bottom: 2px;}




.etape[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}



a {
	color: #000046;
	font-style: normal;
	font-weight: 400;
	font-size: 0.85rem;
	text-decoration: none;
}

a:active, a:focus, a:hover, a:visited {
	color: #000046;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}


a.btn.btn-primary,  a.btn.btn-primary:active, a.btn.btn-primary:focus, a.btn.btn-primary:visited {
	color: #FFFFFF;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}

 a.btn.btn-primary:hover {
	color: #000046;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}





p {
	
	font-style: normal;
	font-weight: 400;
	font-size: 0.85rem;
	margin-top: 5px!important;
	margin-bottom: 5px!important;
}
.texte_adresse{
	font-size: 0.7rem;
	margin-top: 4px!important;
	margin-bottom: 4px!important;
}


h1, .titre {
	
	font-style: normal;
	font-weight: 900;
	font-size: 1.95rem;
	margin-bottom: 20px;
	line-height: 1.1;
	margin-top: 20px!important;
}
h2 {
	font-size: 1.65rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	margin-top: 20px!important;

}
h3 {
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	margin-top: 20px!important;
}

h4, .gras {
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2rem;
	margin-top: 20px!important;
}

h5 {
	font-size: 0.9rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1rem;
	margin-top: 5px!important;
	text-align: left;
}




.btn {
    font-size: 0.85rem;
    border-radius: 2rem;
	padding: 4px 15px;
}

.btn-primary {
    color: #fff;
    background-color: #000046;
    border-color: #000046;
}

.btn-primary:hover {
    color: #000046;
    background-color: #ffffff;
    border-color: #000046;
}


hr, form-control {
    height: 0.5px !important;
    margin: 1rem 0;
    color: #000046 !important;
    opacity: 1;
}


.form-control {
	margin-top:10px;
    border: none;
	border-radius: 0;
    border-bottom: 1px solid #000046;
    padding: 0.2rem 0rem;
	
}
.form-control2 {
	width: 150px;
	margin-top:0px;
	padding-top: 0px;
    border: none;
	border-radius: 0;
    border-bottom: 1px solid #000046;

}



.citation {margin-left: 65px;
  position: relative; /* Position relative pour le h1 */
  display: inline-block; /* Afficher le h1 comme un élément en ligne */
  text-align: left; /* Alignement du texte à gauche */
}

.citation::before {
  content: "«"; /* Caractère décoratif avant le texte */
  position: absolute; /* Position absolue pour le pseudo-élément */
  left: -65px; /* Distance du bord gauche du h1 */
  top: 0%; /* Position verticale au milieu */
  transform: translateY(-50%); /* Ajustement de la position verticale */
 /* color: red; /* Couleur du caractère décoratif */
	opacity: 0.3;
	font-size: 5rem;
}

.citation::after {
  content: "»"; /* Caractère décoratif avant le texte */
  position: absolute; /* Position absolue pour le pseudo-élément */
  right: -10px; /* Distance du bord gauche du h1 */
  top: 90%; /* Position verticale au milieu */
  transform: translateY(-50%); /* Ajustement de la position verticale */
 /* color: red; /* Couleur du caractère décoratif */
	opacity: 0.3;
	font-size: 5rem;
}

.blanc{color:#ffffff !important;}

input.form-control { color: #000046 !important; }
.invalid-feedback {
    font-size: 0.75rem;
    color: #dc3545;
}
.texte_checkbox {    font-size: .85rem;vertical-align: top;}

.textepetit{font-size: 0.6rem;line-height: 0.7rem;}
.pale{opacity: 0.5;}

.bg_bleu_fonce {  background-color: #000046;}
.bg-light {background-color: #EAEAEA!important;}


.h1_colle {padding-top: 75px; margin-bottom: 5px;}
.h3_colle {margin-top: 0px; margin-bottom: 40px;}



.bloc{
  min-height: 200px;
  border: 1px #000046 solid;
  background-color: #E9E9F7;
  padding: 0 15px;
}

.bloc0, .bloc1,.bloc2, .bloc3, .bloc4, .bloc5{
  min-height: 200px;
  border: 1px #000046 solid;
  background-color: #ffffff;
  padding: 0 15px;
  cursor: pointer !important;	
}


.selected .bloc, .bloc:hover, .bloc:hover h4, .bloc:hover p, .bloc:hover h4 sup, .bloc:hover p sup, .selected .bloc h4, .selected .bloc p,  .selected .bloc li sup, .selected .bloc h4 sup, .selected .bloc p sup, .selected .bloc li {
  /*  background-color: #9655ff; /*mauve*/
	/*color: #ffffff !important;*/
}
	


.selected .bloc0, .bloc0:hover, .bloc0:hover h4, .bloc0:hover p, .bloc0:hover h4 sup, .bloc0:hover p sup, .selected .bloc0 h4, .selected .bloc0 p,  .selected .bloc0 li sup, .selected .bloc0 h4 sup, .selected .bloc0 p sup, .selected .bloc0 li {
    background-color: #597d96; /*gris*/
	color: #ffffff !important;
}


.selected .bloc1, .bloc1:hover, .bloc1:hover h4, .bloc1:hover p, .bloc1:hover h4 sup, .bloc1:hover p sup, .selected .bloc1 h4, .selected .bloc1 p,  .selected .bloc1 li sup, .selected .bloc1 h4 sup, .selected .bloc1 p sup, .selected .bloc1 li {
    background-color: #9655ff; /*mauve*/
	color: #ffffff !important;
}


.selected .bloc2, .bloc2:hover, .bloc2:hover h4, .bloc2:hover p, .bloc2:hover h4 sup, .bloc2:hover p sup, .selected .bloc2 h4, .selected .bloc2 p,  .selected .bloc2 li sup, .selected .bloc2 h4 sup, .selected .bloc2 p sup, .selected .bloc2 li {
    background-color: #3255ff; /*bleu royal*/
	color: #ffffff !important;
}


.selected .bloc3, .bloc3:hover, .bloc3:hover h4, .bloc3:hover p, .bloc3:hover h4 sup, .bloc3:hover p sup, .selected .bloc3 h4, .selected .bloc3 p,  .selected .bloc3 li sup,  .selected .bloc3 h4 sup, .selected .bloc3 p sup, .selected .bloc3 li {
    background-color: #4ba5ff; /*bleu cyan*/
	color: #ffffff !important;
}


.selected .bloc4, .bloc4:hover, .bloc4:hover h4, .bloc4:hover p, .bloc4:hover h4 sup, .bloc4:hover p sup, .selected .bloc4 h4, .selected .bloc4 p,  .selected .bloc4 li sup,  .selected .bloc4 h4 sup, .selected .bloc4 p sup, .selected .bloc4 li {
    background-color: #00d7af; /*turquoise*/
	color: #ffffff !important;
}


.selected .bloc5, .bloc5:hover, .bloc5:hover h4, .bloc5:hover p, .bloc5:hover h4 sup, .bloc5:hover p sup, .selected .bloc5 h4, .selected .bloc5 p,  .selected .bloc5 li  sup,  .selected .bloc5 h4 sup, .selected .bloc5 p sup, .selected .bloc5 li {
    background-color: #ffaa00; /*orange*/
	color: #ffffff !important;
}



.selected a {
	color: #ffffff !important;
}

.selected a:hover {
text-decoration: underline;}







.form-control {  color: green;}
.form-control::-webkit-input-placeholder {    color: #000046;  opacity: 0.5; font-size: .75rem;  }
.form-control:-moz-placeholder {    color: #000046;    opacity: 0.5; font-size: .75rem; }
.form-control::-moz-placeholder {    color: #000046;      opacity: 0.5;font-size: .75rem;  }
.form-control:-ms-input-placeholder {    color: #000046;  opacity: 0.5; font-size: .75rem;  }
.form-control::placeholder {    color: #000046;  opacity: 0.5; font-size: .75rem;  }


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{    -webkit-box-shadow: 0 0 0 30px white inset !important; }



input[type=checkbox]
{
accent-color: #000046;
mix-blend-mode: multiply;
}


.navbar-dark .navbar-toggler {
color: rgba(255,255,255,0);
    border: none !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}
.centered-menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: left;
	width: 600px;
}



@media only screen and (max-width: 767px) {
  .ecran {    display: none!important;  }
  .mobile {    display: block!important;  }
h1, .titre {	font-size: 1.7rem;}
}


@media only screen and (max-width: 767px) {
  .ecran {    display: none!important;  }
  .mobile {    display: block!important;  }
h1, .titre {	font-size: 1.65rem;}
}

@media only screen and (min-width:768px) {
  .ecran {    display: block !important;  }
  .mobile {    display: none!important;  }
}

@media only screen and (max-width: 992px) {
  .grandecran {    display: none!important;  }
}

@media only screen and (min-width:992px) {
  .grandecran {    display: block !important;  }
}