.cacher {
    display: none;
}

html {
  background-color: rgba(0,155,162,0.4); 
}

body {
    background-color: transparent;
}

#corps {
    padding-top: 200px;
    color: white;
}

.divContent {
    padding-left: 5%;
    padding-right: 5%;
}

.pContent {
    font-family: 'policeOSF3';
    text-align: justify;
    font-size: 1.8rem;
    margin-bottom: 0px;
    margin-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
}

.imgContent {
    width: 100%;
    margin-top: 80px;
}

.pLegend {
    font-family: 'policeOSF3';
    text-align: center;
    font-size: 1.5rem;
}

.divSubContent {
    
}

.titreDiv1 {
    margin-top: 60px;
    text-align: center;
    font-family: 'policeOSF4';
    font-size: 5rem;
    color: rgba(255,208,0,1);
}

.titreDiv2 {
    margin-top: 50px;
    text-align: center;
    font-family: 'policeOSF4';
    font-size: 3.5rem;
    color: rgba(230,0,126,0.7);
}

.hrDiv1 {
    border-top: 5px solid rgba(255,208,0,1);
    width: 20%;
}

.hrDiv2 {
    border-top: 5px solid rgba(230,0,126,0.6);
    width: 20%;
}

.hrDiv3 {
    border-top: 3px solid rgba(255,208,0,1);
    width: 20%;
}

.guirl {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
}

#Accueil {
    padding: 0;
    display: inline;
}

#divAccueil {
    text-align: center;
    margin-top: 15%;
    margin-bottom: 15%;
}

#logoAccueil {
    width: 65%;
}

#divVenir, iframe {
    width: 100%;
    margin-top: 50px;
}

#divVenir, a {
    color: rgb(0,155,162);
}

#divMaiz {
    text-align: center;
}

#logoSafer {
    margin-top: 40px;
}

.pSond {
    font-family: 'policeOSF3';
    font-size: 1.8rem;
    margin-left: 15%;
    margin-top: 35px;
    margin-bottom: 0.25rem;
    color: rgba(230,0,126,0.8);
}

.divSond {
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 20px;
}

.autreSond {
    width: 100%;
    height: 75px;
    /*border: 0.5px solid black;*/
    border: none;
    border-radius: 5px;
    font-family: 'policeOSF4';
    font-size: 40px;
    color: rgba(0,155,162,0.8);
    background-color: white;
    padding-left: 40px;
    margin-bottom: 20px;
}

.pWarn {
    text-align: center;
    font-family: policeOSF3;
    margin-top: 5px;
    font-size: 1.5rem;
}

#noMess {
    font-family: 'policeOSF3';
    text-align: justify;
    font-size: 1.8rem;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 10%;
    padding-right: 10%;
}

#msgs {
    overflow: auto;
    max-height: 850px;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 1%;
    padding-bottom: 4%;
    background-color: rgba(0,155,162,0.4);
}

.pMess {
    font-family: 'policeOSF3';
    text-align: justify;
    font-size: 1.8rem;
    margin-bottom: 0px;
    margin-top: 25px;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 1;
}

#formMess {
    margin-top: 50px;
    margin-left: 10%;
    margin-right: 10%;
}

#msg {
    font-family: 'policeOSF3';
    border-radius: 5px;
    /*border: 0.5px solid black;*/
}

#auteur {
    font-family: 'policeOSF3';
    width: 40%;
    margin-left: 30%;
    margin-top: 10px;
    border-radius: 5px;
    /*border: 0.5px solid black;*/
}

#btValideMess {
    width: auto;
    margin: auto;
    margin-top: 20px;
    background-color: #343a40;
    color: rgba(0,155,162,0.8);
    padding: 0.5rem 2rem;
    font-size: 2rem;
    font-family: 'policeOSF4';
    border-radius: 5px;
}

#divLetter {
    background-color: white;
    margin-top: 80px;
    margin-bottom: 40px;    
    text-align: center;
    height: 360px;
}

#divSubLetter {
    background-color: rgba(255,208,0,0.8);
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
}

#formLetter {
    padding-left: 20%;
    padding-right: 20%;
}

#email {
    margin-bottom: 8px;
    padding-left: 5%;
    border-radius: 5px;
    /*border: 0.5px solid black;*/
}

#btValideLetter {
    width: auto;
    margin: auto;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #343a40;
    color: rgba(255,208,0,0.8);
    padding: 0.5rem 2rem;
    font-size: 2rem;
    font-family: 'policeOSF4';
}

#titreLetter {
    font-family: 'policeOSF4';
    color: #343a40;
}

#messLetter {
    font-family: 'policeOSF4';
    color: black;
    margin: 0px;
    margin-top: 20px;
}

#divFooter {
    text-align: center;
    font-family: 'policeOSF4';
    padding-top: 2rem;
    padding-bottom: 1rem;
}

#pCopy {
    color: white;
    font-size: 2rem;
    margin-top: 20px;
}

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

@font-face
{
    font-family: 'policeOSF2';
    src: url('../fonts/Lobster_1.3.otf');
}

@font-face
{
    font-family: 'policeOSF3';
    src: url('../fonts/RobotoCondensed-Regular.ttf');
}

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

@font-face
{
    font-family: 'policeOSF5';
    src: url('../fonts/Macedonia3DFilled.ttf');
}