/* Ajoute des fonts */
@font-face {
  font-family: "Basalte";
  src: url('fonts/otf/Basalte-Fond.otf');
}

@font-face {
  font-family: "Abordage-Regular";
  src: url('fonts/otf/Abordage-Regular.otf');
}

/* format du fond et formattage par défault */
body {
	color: rgb(250,250,250);
	background: #0c0b04;
	margin-bottom: 200px ;
    font-family: Sans-serif ;
    background-image: url("noise.jpg");
}


/* boite centrale principale*/
.main {
    max-width: 960px;
    display: block;
    text-align: center ;
    margin: 10px auto;
    padding: 15px;
    padding-bottom:50px;
    background: rgba(60, 60, 60,0.8);
}


/* haut de page avec menu*/
header{
    text-align: left;
    width:100%;
    height:100%;
    margin: 0px;
    padding: 75px;
    padding-top: 15px;
    padding-bottom:25px;
    font-size: 14px;
    background-image: url=("");
}


.carte {
        text-align: left;
        color: rgb(150,150,150);
        padding-left: 5px;
}


.titrePrincipal {
    font-size: 70px ;
    color: white ;   
}

.colorbar{
    margin: 30px;
    margin-left: -15px;
    margin-right: -15px;
}

table {
    border-spacing: 0px;
    width: 100%;
    text-align: center ;
}


article {
    background-color: rgb(40,40,40);
    margin: 30px;
    margin-top: 50px;
    margin-bottom: 100px;
    padding: 20px;
    text-align: left ;
    border-style: solid; 
    border-width: 2px;
    border-color: white;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.texte {
    text-align: left;
    max-width: 415px;
    padding: 15px;
    color: rgb(200,200,200); 
    
}

.video {
    
}

h1 {
	color: darkseagreen ;
}



h2 {
	text-align: left ;
	color: rgb(255,255,255) ;
	font-size: 15pt ;
}

p {

}

a {
    color: rgb(250,250,250);
}