@font-face {
    font-family: 'AkrobatSemiBold';
    src: url('fonts/AkrobatSemiBold.eot');
    src: url('fonts/AkrobatSemiBold.eot') format('embedded-opentype'),
         url('fonts/AkrobatSemiBold.woff2') format('woff2'),
         url('fonts/AkrobatSemiBold.woff') format('woff'),
         url('fonts/AkrobatSemiBold.ttf') format('truetype'),
         url('fonts/AkrobatSemiBold.svg#AkrobatSemiBold') format('svg');
}
@font-face {
    font-family: 'AlHurraTxtregRegular';
    src: url('fonts/AlHurraTxtregRegular.eot');
    src: url('fonts/AlHurraTxtregRegular.eot') format('embedded-opentype'),
         url('fonts/AlHurraTxtregRegular.woff2') format('woff2'),
         url('fonts/AlHurraTxtregRegular.woff') format('woff'),
         url('fonts/AlHurraTxtregRegular.ttf') format('truetype'),
         url('fonts/AlHurraTxtregRegular.svg#AlHurraTxtregRegular') format('svg');
}
a:focus{
    outline: none;
    box-shadow: none;
}
.img-bg-3 {
    background: url("../img/bg-apps.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 200px;
    display: flex;
    justify-content: center;
    border-bottom: 5px solid #db6d45;
}
.img-bg-2{
    background: url("../img/bg-part.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 200px;
    display: flex;
    justify-content: center;
    border-bottom: 5px solid #efb336;
}
footer{
    background: #293039;
    text-align: center;
    padding: 15px 0;
}
footer *{
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-family: 'Arimo', sans-serif;
}
footer a{
    text-decoration: none !important;
    color: #ffffff !important
}
.zon1{
    margin-top: 35px;
    margin-bottom: 30px;
}
.zon1, .zon2{
    padding: 25px 50px;
    background: #f7f2f0;
    border: 1px solid #f2d9cf;
}
.container-particulier .zon1, .container-particulier .zon2{
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    border-color: #f1d8ce;
    background: #fffced;
}
.zon1 span{
    background: #f7f2f0;
    display: inline-block;
    padding: 0 100px;
    z-index: 99;
    position: relative;
}
.container-particulier .zon1 span, .container-particulier .zon2 span{
    padding: 0 50px;
    background: #fffced;
}
.zon2{
    direction: rtl;
    text-align: right;
    background: #f2f2f2;
    margin-bottom: 100px;
}
.container-particulier .zon2{
    background: #fcf9f1;
}
.zon1 h2{
    font-family: 'AkrobatSemiBold';
    line-height: 1;
    font-size: 22px;
    color: #293039;
    margin-bottom: 30px;
    position: relative;
}
.zon1 h2:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #db6d45;
    left: 0;
    top: calc(50% - 1px);
}
.zon1 a{
    font-family: 'AkrobatSemiBold';
    line-height: 1;
    font-size: 14px;
    color: #db6d45;
    display: block;
    padding: 65px 0 10px;
    border: 1px solid #db6d45;
    border-radius: 5px;
    background: #FFF url("../img/icons/icon-similateur-fr.svg") center 10px no-repeat;
    background-size: auto 45px;
    transition: .3s all;
}
.zon1 a:hover{
    border-color: #f9906a;
    background: #f9906a url("../img/icons/icon-similateur-bl.svg") center 10px no-repeat;
    background-size: auto 45px;
    color: #FFF;
}
.zon1 a.btn-douan{
    background: #FFF url("../img/icons/icon-douan-fr.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon1 a.btn-douan:hover{
    background: #f9906a url("../img/icons/icon-douan-bl.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon1 a.btn-code{
    background: #FFF url("../img/icons/icon-code-fr.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon1 a.btn-code:hover{
    background: #f9906a url("../img/icons/icon-code-bl.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon1 a.btn-imprime{
    background: #FFF url("../img/icons/icon-imprime-fr.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon1 a.btn-imprime:hover{
    background: #f9906a url("../img/icons/icon-imprime-bl.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon2 span{
    background: #f2f2f2;
    display: inline-block;
    padding: 0 100px;
    z-index: 99;
    position: relative;
}
.zon2 h2{
    font-family: 'AlHurraTxtregRegular';
    line-height: 1;
    font-size: 22px;
    color: #293039;
    margin-bottom: 30px;
    position: relative;
}
.zon2 h2:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #f8a24c;
    left: 0;
    top: calc(50% - 1px);
}
.zon2 a{
    font-family: 'AlHurraTxtregRegular';
    line-height: 1;
    font-size: 14px;
    color: #f8a24c;
    display: block;
    padding: 65px 0 10px;
    border: 1px solid #f8a24c;
    border-radius: 5px;
    background: #FFF url("../img/icons/icon-similateur-ar.svg") center 10px no-repeat;
    background-size: auto 45px;
    transition: .3s all;
}
.zon2 a:hover{
    border-color: #f8a24c;
    background: #f8a24c url("../img/icons/icon-similateur-bl.svg") center 10px no-repeat;
    background-size: auto 45px;
    color: #FFF;
}
.zon2 a.btn-douan{
    background: #FFF url("../img/icons/icon-douan-ar.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon2 a.btn-douan:hover{
    background: #f8a24c url("../img/icons/icon-douan-bl.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon2 a.btn-code{
    background: #FFF url("../img/icons/icon-code-ar.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon2 a.btn-code:hover{
    background: #f8a24c url("../img/icons/icon-code-bl.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon2 a.btn-imprime{
    background: #FFF url("../img/icons/icon-imprime-ar.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.zon2 a.btn-imprime:hover{
    background: #f8a24c url("../img/icons/icon-imprime-bl.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.container-particulier .zon2 span{
    background: #fcf9f1;
}
.container-particulier .zon1 h2:before,.container-particulier .zon2 h2:before{
    background: #efb336;
}
.container-particulier .zon1 a,.container-particulier .zon2 a{
    color: #293039;
    border-color: #efb336;
    background: #fff url("../img/icons/icon-similateur-pr.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.container-particulier .zon1 a:hover{
    background: #efb336 url("../img/icons/icon-similateur-pr.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.container-particulier a.btn-imprime{
    background: #fff url("../img/icons/icon-imprime-pr.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.container-particulier .zon1 a.btn-imprime:hover{
    background: #efb336 url("../img/icons/icon-imprime-pr.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.container-particulier .zon2 a:hover{
    background: #f9d840 url("../img/icons/icon-similateur-pr.svg") center 10px no-repeat;
    background-size: auto 45px;
}
.container-particulier .zon2 a.btn-imprime:hover{
    background: #f9d840 url("../img/icons/icon-imprime-pr.svg") center 10px no-repeat;
    background-size: auto 45px;
}
body.page-interne .img-bg-3{
    flex-direction: column;
    background: url("../img/bg-interne.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    align-items: center;
    margin-bottom: 25px;
}
body.page-interne .img-bg-2{
    flex-direction: column;
    /*background: url("../img/bg-interne.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    align-items: center;
    margin-bottom: 25px;
}
body.page-interne .img-bg-3 > img, body.page-interne .img-bg-2 > img{
    margin-bottom: 15px;
}
body.page-interne .img-bg-3 .input-group, body.page-interne .img-bg-2 .input-group{
    max-width: 500px;
    margin: 0 auto 20px;
}
body.page-interne .img-bg-3 .input-group button,body.page-interne .img-bg-3 .input-group input,
body.page-interne .img-bg-2 .input-group button,body.page-interne .img-bg-2 .input-group input{
    background: #FFF;
    height: 40px;
}
body.page-interne .img-bg-3 .input-group input,
body.page-interne .img-bg-2 .input-group input{
    font-size: 15px;
    line-height: 1;
    font-family: 'Arimo', sans-serif;
    color: #7d8085;
    border: 0;
}

body.page-interne .img-bg-3 .input-group input:focus, body.page-interne .img-bg-3 .input-group button:focus,
body.page-interne .img-bg-2 .input-group input:focus, body.page-interne .img-bg-2 .input-group button:focus{
    outline: none;
    box-shadow: none;
}
body.page-interne .img-bg-3 a{
    font-family: 'AkrobatSemiBold';
    line-height: 1;
    font-size: 14px;
    color: #db6d45;
    padding: 10px 20px;
    border: 1px solid #db6d45;
    border-radius: 5px;
    transition: .3s all;
    background: #FFF;
}
body.page-interne-ar .img-bg-3 a{
    border-color: #f8a24c;
    color: #f8a24c;
}
body.page-interne .img-bg-2 a{
    font-family: 'AkrobatSemiBold';
    line-height: 1;
    font-size: 14px;
    color: #293039;
    padding: 10px 20px;
    border: 1px solid #efb338;
    border-radius: 5px;
    transition: .3s all;
    background: #FFF;
}
body.page-interne .img-bg-3 a:hover, body.page-interne .img-bg-3 a.active{
    background: #db6d45;
    color: #FFF;
}
body.page-interne .img-bg-2 a:hover, body.page-interne .img-bg-2 a.active{
    background: #efb338;
}
body.page-interne-ar .img-bg-2 a,
body.page-interne-ar .img-bg-3 a{
    direction: rtl;
    font-family: 'AlHurraTxtregRegular';
}
body.page-interne-ar .img-bg-2 a:hover, body.page-interne-ar .img-bg-2 a.active{
    background: #f9d840;
}
body.page-interne-ar .img-bg-3 a:hover, body.page-interne-ar .img-bg-3 a.active{
    background: #f19e4a;
    color: #FFF;
}
body.page-interne .section-icon .col-lg-6.text-center{
    color: #293039;
    font-family: 'AkrobatSemiBold';
    line-height: 1;
    font-size: 18px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #293039;
}
body.page-interne-ar .section-icon .col-lg-6.text-center{
    direction: rtl;
    font-family: 'AlHurraTxtregRegular';
}
.retour-accueil{
    display: flex;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.retour-accueil a{
    font-family: 'AkrobatSemiBold';
    line-height: 1;
    font-size: 12px;
    color: #acaeb0;
    text-align: center;
    text-decoration: none;
}
body.page-interne-ar .retour-accueil a{
    direction: rtl;
    font-family: 'AlHurraTxtregRegular';
    font-size: 14px;
}
.retour-accueil img{
    max-width: 15px;
    height: auto;
    margin-bottom: 5px;
}
@media only screen and (max-width: 992px) {
    .zon2 a, .zon1 a{
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 600px) {
    .container-particulier .zon1, .container-particulier .zon2{
        max-width: 100%;
    }
    .zon2 a, .zon1 a{
        margin-bottom: 20px;
    }
    .zon2 span, .zon1 span, .container-particulier .zon1 span, .container-particulier .zon2 span{
        padding: 0 20px;
    }
    body.page-interne .img-bg-3 img{
        margin-top: 20px;
    }
    body.page-interne .img-bg-3 a{
        margin-bottom: 20px;
    }
}


li {
 text-align:justify;
 display : list-item;
 list-style-image : url(../img/puce.png);
}

input[type=text]:focus {
  background-color: #ffeedd;
}
select:focus {
  background-color: #ffeedd;
}
input[type=button], input[type=submit], input[type=reset] {
  background-color: #db6d45;
  border: none;
  color: white;
  text-decoration: none;
  margin: 2px 2px;
  cursor: pointer;
}

a {
  color: #808080;
   font-size: 14px;
}

body {
    font-size: 14px;
}




/* Styles de base pour les tables */
/* Media query pour les écrans de petite taille (mobiles) */