/* IMPORTANT */
@font-face{font-family:"trajan-pro-regular";src:url("https://www.dafontfree.net/data/50/t/25999/TrajanPro-Regular.otf") format("woff"),url("https://www.dafontfree.net/data/50/t/25999/TrajanPro-Regular.otf") 
format("opentype"),url("https://www.dafontfree.net/data/50/t/25999/TrajanPro-Regular.otf") format("truetype");}

@import url('https://fonts.cdnfonts.com/css/assassin');
html {
    height: 100%;
}
#h1{
    font-family: 'Assassin$';
}
#h2{
    font-family: 'Burning Heart Personal Use';
}
body {
    font-family: 'Assassin$';
    height: 100%;
    margin: 0;
    padding: 0;
}
.MsoNormal{
    font-family:'Assassin$', sans-serif;
}
#page-table {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

#page-td {
    height: 100%;
    padding: 0;
    vertical-align: middle;
}

div#global {
    width: auto;
    margin: 20px auto;
    text-align: left;
    height: 100%;
}

h1 {

    font-family:'Assassin$'
        ;
}

/* COSMÉTIQUE */

#page-table {
    background: transparent;
    color: black;
}

#page-table a {}

div#global {
    padding: 0px 0px;

    border: 0px solid transparent;
    font-family: Helvetica, sans-serif;
}

div#global h1 {
    font-size: 1.4em;
}

div#global h2 {
    font-size: 1.1em;
}

div#global p,
div#global ul {}

.tb {}

.Style1 {
    font-size: 36px;

    color: #EF8507;
    size: +4;
    font-family: Helvetica, sans-serif;
    a.link: #EF8507;
}

.Style2 {
    color: #35112a;
    font-size: 18px;
    font-family: Helvetica, sans-serif;
}

.Style33 {

    font-size: 18px;
    color: #939597;
    font-family: Helvetica, sans-serif;
    padding-top: 20px;
}

.Style3 {

    font-size: 18px;
    color: #939597;
    font-family: Helvetica, sans-serif;
    padding-top: 50px;
}

.Style3 img {
    width: 20%;
    height: 20%px;
}

.Style4 {
    font-size: 36px;
    font-family: Helvetica, sans-serif;
}

.Style5 {
    font-size: 16pt;

    color: #dda945;
    font-family: Helvetica, sans-serif;

}

.Style66 {
    font-size: 12pt;

    color: #dda945;
    font-family: Helvetica, sans-serif;
    padding-top: 20px;

}

.Style6 {
    font-size: 12pt;

    color: #dda945;
    font-family: Helvetica, sans-serif;


}

.Style7 a {
    font-size: 14pt;
    color: #fff;
    font-family: Helvetica, sans-serif;
    text-decoration: none;
}

*/ .menu {
    font-size: 12pt;
    color: #fff;
    font-family: Helvetica, sans-serif;
    padding-top: 30px;
}

.menu a:hover {
    color: #dc2734;
}

.menu a {
    font-size: 12pt;
    color: #fff;
    font-family: Helvetica, sans-serif;
    text-decoration: none;
}


.btn-primary {
    background-color: transparent !important;
    border-color: transparent !important;
}

.row .collapse {
    background-color: #ffffff;
}

.row {
    /*padding-top:60px ! important; margin-bottom:200px ! important;
    background-color: transparent;
    background-color: transparent;
    padding: 2% 0;*/
    text-align: center;
}

.row img {
    width: 200px;
    display: inline-block ! important;
    margin: 10px 10px;
    text-align: center;
}

.slide {
    display: inline-block ! important;
}


@media (max-width:720px) {
    .Style3 img {
        font-size: 8pt;
    }

    .row img {
        width: 200px;
        display: inline-block ! important;
    }

    .Style6 {
        font-size: 10pt;
    }

    .slide {
        width: 100%;
        display: inline-block ! important;
    }
}


.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
    vertical-align: middle;
}

.popup h2 {
    margin-top: 0;
    color: #dc2734;
    font-family: Helvetica, sans-serif;
}

.popup h4,
.popup a {
    color: #dc2734;
    font-family: Helvetica, sans-serif;
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .close:hover {
    color: #dc2734;
}

.popup .content {
    max-height: 30%;
    overflow: auto;
}

@media screen and (max-width: 720px) {
    .box {
        width: 70%;
    }

    .popup {
        width: 70%;
    }
}

/*a:hover{
    background-color: red !important; images/maxafrica.png
    color: #333 !important;
}*/

.logo img {
    width: 200px;
    height: 60px;
    margin: auto;
    padding: inherit;
}


/* #maxafrica.a.img{
    width: 200px;
    height: 60px;
    margin: auto;
    padding: inherit;
} */

/* #maxafrica:hover{ */
/* background-color: #dc2734 !important;  */
/* visibility: hidden; */
/* background-image: url('../images/logo_maxafrica_new.png'); */
/* } */

/* #maxafrica a:hover img{
    width: 200px;
    height: 60px;
    margin: auto;
    background-image: url('../images/logo_maxafrica_new.png');
} */
/* #maxafrica { 
    display: inline-block;    
    position:relative;
 }
          
 #maxafrica {
    display: inline-block; 
    background-image: url('../images/logo_maxafrica_new.png'); 
    background-repeat: no-repeat;
 }
          
 #maxafrica:hover {
    visibility: hidden;
    
} */
/* .detail:dblclick{
    font-family: Helvetica, sans-serif !important;
    color: #ffffff!important;
    background-color:salmon !important;
    border-color: transparent !important;
    background-color:salmon ;color: #ffffff;border-color: transparent; font-family: Helvetica, sans-serif; 
} */


/*@font-face {
    font-family: 'Trajan Pro';
    src: url('fonts/trajan-pro.ttf') format('woff2'),
        url('fonts/trajan-pro.otf') format('woff');
    font-weight: normal;
    font-style: normal;
}*/


/* @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:3 0 0 0 1 0;}@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:-536859905 -1073732485 9 0 511 0;}p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:14.0pt;
	font-family:"Calibri",sans-serif;
	mso-ascii-font-family:Calibri;
	mso-ascii-theme-font:minor-latin;
	mso-fareast-font-family:Calibri;
	mso-fareast-theme-font:minor-latin;
	mso-hansi-font-family:Calibri;
	mso-hansi-theme-font:minor-latin;
	mso-bidi-font-family:"Times New Roman";
	mso-bidi-theme-font:minor-bidi;
	mso-fareast-language:EN-US;}.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-family:"Calibri",sans-serif;
	mso-ascii-font-family:Calibri;
	mso-ascii-theme-font:minor-latin;
	mso-fareast-font-family:Calibri;
	mso-fareast-theme-font:minor-latin;
	mso-hansi-font-family:Calibri;
	mso-hansi-theme-font:minor-latin;
	mso-bidi-font-family:"Times New Roman";
	mso-bidi-theme-font:minor-bidi;
	mso-fareast-language:EN-US;}div.WordSection1
	{page:WordSection1;} */


  #back-to-top-btn {
    color: #dda945;
    display: none; /* Par défaut, le bouton sera masqué */
    position: fixed; /* Le bouton sera positionné de façon fixe sur la fenêtre */
    bottom: 20px; /* Ajuste la position verticale du bouton par rapport au bas de la fenêtre */
    right: 20px; /* Ajuste la position horizontale du bouton par rapport à la droite de la fenêtre */
    z-index: 99; /* Ajuste la position en profondeur du bouton pour le superposer aux autres éléments */
    padding: 10px; /* Ajuste le rembourrage intérieur du bouton selon tes préférences */
  }