.AboutHaut {
    position:relative;
    background-image: url('../img/about/AboutBG1.jpg');
    background-size : cover;
    background-position: bottom right;
    height:800px;
}
.AboutHaut .MainTitre {
    Color:White !important;
    font-size: 5.8vw;
    position:relative;
    top: 60px;
    left: 80px;
    z-index: 2;
}
.AboutHaut .SecondTitre {
    Color:White !important;
    font-size: 8vw;
    position:absolute;
    top: 150px;
    left: 35%;
}
.AboutText {
    position: relative;
    width: 50%;
    Color:White;
    font-family: "Confortaa";
    font-size: 1.1vw;
    text-align: justify;
    text-justify: auto;
    line-height: 2em;
    left: 45px;
}
.AboutTH1 {
    top: 180px;
}
.AboutTH2 {
    top: 200px;
}
.AboutPhoto1{
    position:absolute;
    top: 7%;
    left: 65%;
    width: 450px;
    border-top-left-radius: 200px 180px;
    border-top-right-radius: 200px 180px;
}
.AboutArche{
    position:absolute;
    top: 3%;
    left: 62%;
    width:450px;
    height:730px;
    border-top-left-radius: 200px 180px;
    border-top-right-radius: 200px 180px;
    border: 2px white solid;
}
.AboutPlus {
    position: absolute;
    top: 83%;
    left: 25%;
}
.AboutPlus img:hover {
    filter: contrast(160%);
    -webkit-filter: contrast(160%);
    cursor: pointer;
}
.AboutBas {
    position:relative;
    background-image: url('../img/CarrouBack.jpg');
    background-size : cover;
    background-position: bottom right;
    padding-bottom: 50px;
}
.AboutTemoi {
    display: flex;
    margin-bottom: 50px;
}
.TemoiGauche {
    position: relative;
    top:50px;
    width: 50%;
}
.TemoiTxt{
    font-family: "GoldenHopes";
    font-size: 10vw;
    top: 20px;
}
.TxtGauche{
    position:absolute;
    color: #185667;
    right:5px;
}
.TemoiDroite{
    margin-top: 50px;
    position: relative;
    width: 50%;
    Display:Flex;
}
.TxtDroite{
    position:absolute;
    color:white;
    left: 50px;
    z-index: 2;
}
.TemoiP1{
    width:49.5%;
}
.TemoiP1 img {
    width: 100%;
}
.TemoiP2{
    left: 1%;
    width:49.5%;
}
.TemoiP2 img {
    width: 100%;
}
.TemoiGna {
    position: relative;
    font-family: "Confortaa";
    font-size: 1vw;
    top: 30%;
    left: 20%;
    width: 60%;
    text-align: justify;
    text-justify: auto;
    line-height: 2em;
    color: #185667;
}
.TemoiSign {
    position: relative;
    font-family: "GoldenHopes";
    font-size: 3vw;
    top: 32%;
    left: 40%;
    color: #185667;
}
.AboutNavi {
    position:absolute;
    font-family: "Confortaa";
    font-size: 5vw;
    top:40%;
}
.AboutNavi a {
    text-decoration: none; 
    color: #185667;
    opacity: 0.5;
}
.AboutNavi a:hover {
    filter: contrast(160%);
    -webkit-filter: contrast(160%);
    cursor: pointer;
}
.NaviGauche{
    left:10%;
}
.NaviDroite{
    Left:85%;
}
.dots_commands  {
    position:relative;
	padding:0;
    margin:32px 0 0;
	text-align: center;
    top: 30%;
    width: 40%;
    margin-left: 30%;
}
.dots_commands li {
	display: inline;
	padding:0; margin:0;
}
.dots_commands a {
	position: relative;
	display: inline-block;
	height:15px; width: 15px;
	margin: 0 15px;
	text-indent: -9999px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 2px black inset;

}
.dots_commands li:first-child a { z-index: 25; }


@media screen and (max-width: 1280px) {
    .AboutHaut {
        height:900px;
    }
    .AboutHaut .MainTitre {
        font-size: 5.5em;
    }
    .AboutHaut .SecondTitre {
        font-size: 6rem;
        left: 400px;
    }
    .AboutPhoto1{
        top: 30%;
        width: 300px;
        left: 65%;
    }
    .AboutPlus {
        top:85%;
    }
    .AboutArche{
        top: 25%;
        width:300px;
        left: 62%;
        height:520px;
    }
    .AboutText {
        font-size: 2vw;
    }
    .TemoiGna {
        top: 40%;
    }
    .TemoiSign {
        top: 42%;
    }
    .AboutNavi {
        top:50%;
    }
    .dots_commands  {
        top:40%;
    }
}