#layout{
    background: url(../Images/bgContact.jpg) no-repeat 0 0;
   width:50% !important;
}
body{
 background:#f4f4f4;

}
.MapesForm {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 15vh;
}

.logo {
    background: none !important;
}
#MapsContent {
    width: 100%;
    height: 500px;
    position: relative;
}

.DisplayContactBlock{

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-orient: horizontal;

-webkit-box-direction: normal;

-ms-flex-direction: row;

flex-direction: row;

-webkit-box-flex: 1;

-ms-flex: 1;

flex: 1;

direction: rtl;

height: 50%;

transition: opacity 0s 1s linear;
}
.BlockLeftContact{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  
    background: #fff;
    transition: -webkit-transform 1.2s 1.5s cubic-bezier(.645,.045,.355,1);
    transition: transform 1.2s 1.5s cubic-bezier(.645,.045,.355,1);
    transition: transform 1.2s 1.5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1.2s 1.5s cubic-bezier(.645,.045,.355,1);
}
.BlockRightContact {
 
padding: 0px;
}
.AdreeseTxt{
    color: #979797;
    font-size: 12px;
    font-weight: 700;
    font-family: tahoma;
}
.AdreeseTxt span{
    font-weight: 400 !important;
}
.LogoContact {
    margin-left: 35px;
}
.numtel{
  display: inline-block;
  direction: ltr;
 color: #979797;
    font-size: 12px;
    font-weight: 700;
    font-family: tahoma;
}

.descriptionContact:before {
    content: "";
    position: absolute;
    top: 24px;
    right: -21.5vw;
    width: 15vw;
    height: 1px;
    z-index: 99;
    background: rgba(214,214,214,1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: -webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1),-webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
}
.descriptionContact:after {
    content: '';
    position: absolute;
    top: 20px;
    right: calc(-7.5vw + 28px);
    width: 9px;
    height: 9px;
    background: #ecebeb;
    border: 2px solid #34a793;
    border-radius: 5px;
    transition: -webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
}
.descriptionContact {
    position: relative;
}

.TitreInterne {
    color: #209e88;
    font-size: 6em;

    display: block;
    /* text-align: center; */
    /* padding-right: calc(14% - 15px); */
    /* float: right; */
    text-align: right;
}
.descriptionContact a{
 color:#34a793;
 text-decoration:none;
    font-size: 18px;
    font-weight: 700;
-webkit-transition: 0.500s linear;
    -ms-transition: 0.500s linear;
    -moz-transition: 0.500s linear;
    -o-transition: 0.500s linear;
    transition: 0.500s linear;
}
.descriptionContact a:hover{
    color: #727272;
}
.descriptionContact {
    color: #727272;
    font-size: 14px;
    font-weight: 700;
    font-family: tahoma;
    font-weight: 700;
    padding-left: calc(14% - 15px);
    margin: 4vh 0px 8vh 0px;
    text-align: right;
}

@media screen    and (max-width:1169px) {
 
.TitreInterne {

    font-size: 4em;
}
}
.darkHeader {
    overflow: hidden;
}
@media screen    and (max-width:767px) {
.FormulaireContact {
    width: 100% !important;
    margin: auto;
}
.DisplayContactBlockFormulaire {
    padding-bottom: 40px;
    margin-top: 40px;
    /* width: 100%; */
}

.TitreInterne {
    font-size: 4em;
    display: block;
    padding-left: 0px;
    text-align: center;
}
.DisplayContactBlock {
    flex-direction: column;
}
.descriptionContact {
    color: #727272;
    font-size: 14px;
    font-weight: 700;

    font-weight: 700;
    padding-left: 0px;

    text-align: center;
}
.descriptionContact:after, .descriptionContact:before {
display:none;
}
.BlockLeftContact {
    margin-bottom: 3vh;
}

body{
 background:#fff;
 
}
.descriptionContact {
    text-align:center;
    padding-left:0;
    margin: 20px 0px;
}

}


@media (min-width: 768px){
.DisplayContactBlockFormulaire    {
    width: calc(41.66666667% - 15px);
    background: #fff;
    padding:6vh 0px;
    margin-left: calc(8.33333333% + 15px);
}
}

.TitreContactContactezNous{
    color: #209e88;
    font-size: 4em;


    text-align:center;
    width:100%;
    margin-bottom:20px;
}
.FormulaireContact {
    width: 80%;
    margin: auto;
}
.DisplayContactBlockFormulaire{
padding-bottom:40px;
}
@media screen    and (min-width: 768px)  and (max-width: 1170px){
.TitreContactContactezNous {
    font-size: 3em;
}
}
.TitreBgLeft {display:none;}

em {
 
    display: inline-block;
    direction: ltr;
    text-align: right;
    /* float: right; */
    font-style: initial;
}