@media (min-width:800px){
    .class-containeur{
    padding: 10px 0;
    background: #ffffff;
    border-radius: 5px;
}
}
.input-class-search{
    width: 40%;
    height: 50px;
    display: block;
    float: left;
    margin: 10px;
    border: none;
    background: #0B658C;
    border-radius: 2px;
    font-size: 1.5em;
}
@media (min-width: 1000px){
   
.input-class-search{
    width: 50%;
    height: 50px;
    display: block;
    float: left;
    margin: 10px;
    border: none;
    background: #0B658C;
    border-radius: 2px;
    font-size: 1.5em;
}

}


.input-class-select{
    width: 24%;
    height: 50px;
    display: block;
    float: left;
    margin: 10px;
    border:none;
}
.search-submit{
    margin: 10px;
    width: 24%;
}
.table-search{
    margin: 15px;
    padding: 0;
    float: right;
}
.table-search tr{
    margin: 0;
    padding: 0;
}
.table-search td{
    margin: 0;
    padding: 0;
    border: none;
}

.carnet{
    margin: 0 10px; 
}
.carnet a{
    background: #0f668c;
    padding: 5px;
    border-radius: 10px 20px;
}
.publication-left{
    float: left;
    display: block;
    width: 74%;

}
.publication-right{
    float: right;
    display: block;
    width: 25%;
    
}
.image-post{
    float: left;
    margin-right: 20px;
    overflow: auto;
    border-radius: 3px;
}
.post-property{
    border-bottom: 1px solid #ccc;
    border-right:1px solid #ccc;
    overflow: auto;
    margin-bottom: 10px;
    background: #F7F2F2;
    border-radius: 3px;
}
.postuler-property{
    width: 150px;
    background: #F70000;
    padding: 2px 20px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
}
.footer-post{
    margin: 0;
}
.description-post{
    margin-bottom: 0;
}
#titre-post{
    margin: 0;
    color: #443C3C;
}
.lien-titre{
    color: #544F4F;
    font-weight: bold;
}
.lien-titre:hover{
    color: #212223;
    font-weight: bold;
}
.type-annonce{
    float: right;
}
.postuler-property3{
    float: right;
}
.email-class{
     height: 35px;
    margin-bottom: 10px;
     color: #000;
}
.select-class{
    height: 35px;
    margin-bottom: 10px;
    color: #000;
}
.submit-class{
    height: 35px;
    margin-bottom: 10px;
    width: 100%;
}

.cont-general, .jao-papier{
     width: 0px;
    height: 0px;
    border: 1px solid #000;
    position: absolute;
    display: inline-block;
    background: blue;
}
.cont-general:hover .jao-papier:hover{
    display: block;
     width: 100px;
    height: 100px;
}



.boutonmenuprincipal {

cursor: pointer;


}
.boutonmenuprincipal:hover {

}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-child {
    width: 0px;
    height: 0px;
    display: none;
    padding: 10px;
    border-radius: 5px;
    background: #00405B;
    overflow: auto;
    position: absolute;
    box-shadow: 3px 3px 0px #ffffff;
}
.dropdown-child a {
color: white;
padding: 20px;
text-decoration: none;
display: block;

}
.dropdown:hover .dropdown-child {
display: block;
position: absolute;
height: auto;
width: 195px;
color: red;
z-index: 3;

}
.cloche{
    
}
.img-style{
    border-radius: 5px;
    
}
.numero-abonne{
    font-size: 14px;
    margin: 10px 0 0 0;
    height: 30px;
    border-radius: 5px;
    border:1px solid #00405B;
}
.abonner-client{
    margin: 10px 0 0 0;
    height: 30px;
    width: auto;
    font-size: 1.5em;
}
.conteneur-journal{
    overflow: hidden;
}
#style-menu-1{
    font-family: Brush Script MT;
    font-size: 1.5em;
    text-decoration: none;
}
#style-menu-2{
    font-family: Luminari, fantasy;
    text-decoration: none;
}
#content-style-menu-1:hover > #style-menu-1,#style-menu-1:focus{
     color: #EA8E7E;
}
.style-du-boutton{
    border: 2px solid #E86F5C;
    border-radius: 5px;
    padding: 2px 5px;
    background: #E86F5C;
    color: #FFFFFF;
}
.style-liste-slider{
    font-weight: 200;
    font-size: 14px;
}

.article-accueil{
    line-height: 1.2;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.article-accueil h4{
    line-height: 1.4;
    text-indent: 2px;margin-top: 2px;
   
}
.article-accueil span{
    padding-right: 2px;
    color: #AAA0A1;
    padding: 2px 3px;
    margin-bottom: 0px;
    margin-right: 10px;
    font-size: 1.0em;
}


.article-accueil span i{
margin-right: 2px;
}
.article-accueil span.domaine-c a{
color: #AAA0A1;
font-weight: bold;
}
.article-accueil span.lieu-c a{
color: #AAA0A1;
font-weight: bold;
}
.article-accueil span.postuler-c a{
color: #AAA0A1;
font-weight: bold;
}
.article-accueil span a:hover{
color: #7C7778;
text-decoration: none;
}
.titre-post-2{
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    font-family: "ABeeZee","Open Sans","sans-serif";
    text-indent: 1px;
    word-spacing: 2px;
    overflow: auto;
    font-size: 18px;
    text-decoration:none;
}
.titre-post-2:hover{
    text-decoration: none;
    
}

.titre-post-2 h3{
    padding: 5px 0 0 0;
    border-bottom: 1px solid #FFFFFF;
    word-spacing: -1px;
    line-height: 1.5;
    color: #035E84;
    font-size: 18px;
    font-family:"ABeeZee","Open Sans","sans-serif";
}
.titre-post-2 h3:hover{
    border-bottom: 1px solid #FFFFFF;
    word-spacing: -1px;
    line-height: 1.5;
    color: #03425B;
    font-size: 18px;
    font-family:"ABeeZee","Open Sans","sans-serif"
}

.titre-post-2 a:hover{
    color: #0C5B7C;
    text-decoration: none;
    border-bottom: 1px solid #264D5E;
    padding: 0;
}
.description-post-2{
    margin: 0 0 10px 0;
    
    
}
.logo-annonceur{
    float: left;
    margin: 8px 10px 0 0;
    border-radius: 5px;
}
.details-offres{
    width: 80%;
    
}
.logo-fond{
    height: 100px;
    width: 100px;
   
}
.image-logo-accueil{
    height: 74px;
    width: 74px;
    border-radius: 3px;
    margin: 13px;
    transition: 0.2s;
}
.image-logo-accueil:hover{
    height: 90px;
    width: 90px;
    margin: 5px;
    border-radius: 3px;
}

.logo-fond:hover > .image-logo-accueil, .image-logo-accueil:focus {
    width: 100px;
    height: 100px;
}

.zone-2{
    float: left;
    display: inline-block;
    
}




.conteneur-du-point{
   background-color: #1D6984;
   border-radius: 5px;
   padding: 0 0 10px 0;
   font-family: fa5-proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.conteneur-du-point:hover{
   background-color: #09516D;
   border-radius: 5px;
     text-decoration: none;
}
.conteneur-du-point a{
    text-decoration: none;
  
}
.conteneur-du-point a:hover{
    text-decoration: none;
  
}

.conteneur-du-point h3{
text-align: center;
   margin: 5px 0;
   color: #ffffff;

}

.conteneur-du-point p{
text-align: center;
color: #86B6C9;

}
.conteneur-du-point-span-1{
    position: relative;
    top: -0.5rem;
    box-sizing: inherit;
    text-align: center;
    line-height: 1.5;
    font-family: fa5-proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 42px;
}
.conteneur-du-point-span-2{
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    width: 4rem;
    height: 4rem;
    display: block;
    top: -1rem;
    border-radius: 100%;
   background-color: #1D6984;
}
.conteneur-du-point-span-2 i{
    overflow: visible;
    color: #ffffff;
}







.conteneur-deux{
   background-color: #AF1608;
   border-radius: 5px;
   padding: 0 0 10px 0;
   font-family: fa5-proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.conteneur-deux:hover{
   background-color: #8E0B00;
   border-radius: 5px;
     text-decoration: none;
}
.conteneur-deux a{
    text-decoration: none;
  
}
.conteneur-deux a:hover{
    text-decoration: none;
  
}

.conteneur-deux h3{
text-align: center;
   margin: 5px 0;
   color: #ffffff;

}

.conteneur-deux p{
text-align: center;
color: #D67971;

}
.conteneur-deux-span-1{
    position: relative;
    top: -0.5rem;
    box-sizing: inherit;
    text-align: center;
    line-height: 1.5;
    font-family: fa5-proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 42px;
}
.conteneur-deux-span-2{
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    width: 4rem;
    height: 4rem;
    display: block;
    top: -1rem;
    border-radius: 100%;
    background-color: #AF1608;
}
.conteneur-deux-span-2 i{
    overflow: visible;
    color: #ffffff;
}

.categorie-accueil{
    margin: 20px 0 0 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    border-left: 2px solid #003D38;
    
}

.categorie-accueil li{
    float: left;
    font-size: 1.2em;
    width: 160px;
    height: 120px;
    text-align: center;
    color: #ffffff;
    background: #00151e;
    margin-right: 10px;
    padding: 10px;
   

}

.categorie-accueil li p{
    text-align: center;
    margin: 0 0 5px 0;
    color: #C5E0DB;
}

.categorie-accueil li h4{
    margin: 2px 0;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: middle;
    
}
.categorie-accueil li i{
   
    color: #002B25;
}

.ligne-categorie{
    
}

/* Morph */
.morph div img {
  width: 200px;
  height: 150px;
  -webkit-filter: grayscale(0) blur(0px);
  filter: grayscale(0) blur(0px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
.morph div:hover img {
  width: 150px; /* on affiche l'image au carré */
  height: 150px;
  border-radius: 50%;  /* on arrondit l'image */
  -webkit-transform: rotate(360deg); /* rotation de l'image */
  transform: rotate(360deg);
}
.conteneur-categ{
    background: #033248;
    border-left: 1px solid #034C46;
    border-top: 1px solid #034C46;
    border-right: 1px solid #034C46;
    border-bottom: 3px solid #002B27;
    border-radius: 5px;
    line-height: 0.5;
    padding-bottom: 0;
    overflow: auto;
    overflow-y: hidden;
    
}

.class-image-categ{
    float: left;
    display: block;
    width: 33%;
    margin-bottom: 0;
    margin: 0;
    padding: 0;
    
}
.class-image-categ img{
   margin: 0;
   padding: 0;
}
.class-div-categ{
    float: left;
    width: 100%;
    background: transparent;
     margin: 0;
    padding: 20px;
}
.jao-numero{
    border: 2px solid #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 5px #000000;
}
.class-num-jao{
    margin: 0px;
    padding: 0px;
    color: #ffffff;
}
.classi{
    background: #00405B;
    width: 100%;
    padding: 0;
}
.classi h2{
    color: #ffffff;
    margin: 0;
    padding: 25px 50px 25px 5px;
    border-left: 50px solid #001923;
}



.classi22{
    background: #5b747e;
    width: 100%;
    padding: 0;
}
.classi22 h3{
    color: #ffffff;
    margin: 0;
    padding: 25px 50px 25px 50px;
    
}





.entete-logo{
    overflow: hidden;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #cccccc;
    
}

.logo-conteneur{
    width: 100%;
    margin-right: 25px;
    padding: 15px 10px 10px 10px;
    border-radius: 10px 10px 0 0;
    
}
.banniere-conteneur{
    
}  


@media(min-width: 600px){
    
.logo-conteneur{
    float: left;
    width: 15%;
    margin-right: 25px;
    padding: 15px 10px 10px 10px;
    border-radius: 10px 10px 0 0;
}
.banniere-conteneur{
       width: 80%;
       display: inherit;
       color: #cccccc;
       float: right;
       height: 105px;
}
}
.logo-conteneur img{
    width: 80%;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    border-radius: 5px;
    margin-left: 10px;
}
.logo-conteneur h5{
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bold;
    color: #417230;
    text-decoration: underline;
}
.banniere-conteneur img{
float: right;
    
} 






.container-corps{
 
    
}


.contenu-corps{
    float: left;
    width: 100%;
    margin-right: 1%;
    padding: 0 20px;
    font-family: taz,Verdana,sans-serif;
   
    
}
.contenu-corps h1{
    font-family: taz,Verdana,sans-serif;
}
.contenu-sidebar{
    width: 22%;
    padding: 0 10px 20px 0;
    float: right;
    
}
.contenu-sidebar img{

    width: 100%;
    
}
@media(max-width: 800px){
.contenu-corps{
    width: 100%;
   
    
}
.contenu-sidebar{
    width: 50%;
    float: none;
    margin: 0 20px 0 0;
}
embed{
    width: 100%;
    height: 500px;
}
}
.wrapper-me{
    margin: 0 auto;
    max-width: 1200px;
    margin-top: 50px;
    background: #ffffff;  
}
.wrapper-me2{
    margin: 0 auto;
    max-width: 1250px;
    margin-top: 50px;
    background: #ffffff;  
}
embed{
    width: 100%;
    height: 500px;
    background: #055353;
}
.vrai-contenu{
    text-align: justify;
   margin-bottom: 50px;
   width: 72%;
   float: left;
}
.vrai-contenu p{
    font-weight: 500;

}


.infos-avis{
    margin-top: 15px;
    overflow: auto;
    /* height: 100px; */
    color: #BCBCBC;
    font-size: 12px;
    width: 100%;
    background: #00405B;
    /* border: 1px solid #6A825D; */
    margin-bottom: 20px;
    padding: 5px;
    box-shadow: 3px 3px 0px #B21E1E;
    margin: 0 5px;
}
@media(min-width: 600px){
    .infos-avis{
    margin-top: 15px;
    overflow: auto;
    /* height: 100px; */
    color: #BCBCBC;
    font-size: 12px;
    width: 80%;
    background: #00405B;
    /* border: 1px solid #6A825D; */
    margin-bottom: 20px;
    padding: 5px;
    box-shadow: 3px 3px 0px #B21E1E;
    margin: 0 5px;
}
    
    
}
.infos-avis h4{
    background: #00405B;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    padding:0 5px;
    display: inline-block;
    font-weight: bold;
    margin: 0;
   
}
.infos-avis div{
float: left;

margin-left: 20px;
}
.infos-avis span.infosss{
background: #307F30;
color: #ffffff;
font-weight: bold;
padding: 3px 5px;
border-radius: 3px;
}
.infos-avis i.infosss{
color: #ffffff;
font-weight: bold;
}
.infos-avis a.infosss{
color: #ffffff;
}
.infos-avis a{
margin-left: 10px;
color: #FFFFFF;
font-weight: bold;
}
.infos-avis h5{
border: none;
}
.articles-similaires{
    
}
.articles-similaires li{
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 5px;
    border-left: 2px solid #2A347C;
    margin-left: 5px;
}
@media(min-width: 600px){
    
    .articles-similaires li{
    float: left;
    width: 20%;
    text-align: left;
    padding-left: 5px;
    border-left: 2px solid #2A347C;
    margin-left: 5px 5px;
}
    
}
.articles-similaires li:hover{
    background: #F4F6F9;
}
.articles-similaires a{
    color: #153677;
    font-weight: bold;
    font-size: 16px;
}





h1 {
    font-size: 2rem;
    margin: 2rem auto 1rem;
    line-height: 1;
}

h2 {
    font-size: 1.00rem;
    margin-top: 0;
    color: #ffffff;
}

a.beti {
    color: #ffffff;
    transition: 0.25s all ease-in-out;
}

a.beti:visited {
    color: #3d4852;
}

a.beti:hover,
a.beti:focus,
a.beti:active {
    background-color: #3d4852;
    color: white;
}

a.beti:focus {
    outline: thin solid #3d4852;
}

a.beti:hover,
a.beti:active {
    outline: 0;
}

a.beti.button {
    align-items: center;
    background-color: #3d4852;
    border: 1px solid #3d4852;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

a.beti.button:hover,
a.beti.button:focus {
    background-color: #58636F;
    box-shadow: 0 0 2px 2px #bac6d3;
}

a.beti.button:focus {
    outline: 1px solid #3d4852;
}

a.beti.button:visited {
    color: #fff;
}

ul {
    margin: 0 0 1.5rem;
    padding: 0;
}

li {
    display: inline-block;
}

svg {
    fill: currentColor;
    width: 1.5rem;
    height: 1.5rem;
}

img.aaa {
    height: auto;
    max-width: calc(100% + 2rem);
    position: relative;
    left: -1rem;
    right: -1rem;
}

p {
    margin: 0 0 .5rem;
    color: #000000;
}

main {
    padding: 1rem 2rem;
    margin: auto;
}

header {
    padding: 1rem 2rem;
    text-align: center;
}

.card {
    padding: 1rem;
    height: 240px;
}

.card-title {
    color: #ffffff;
    font-size: 1.2rem;
}
.lien_bas{
    
    
}
.lien_bas:hover{
    text-decoration: none;
    
}
/********************************
* Carousel styles
*********************************/
.carousel-items {
    display: flex;
    overflow-x: scroll;
    padding: 1rem 0;
    scroll-snap-type: x mandatory;
}

.carousel-item {
    flex: 1 0 150px;
    margin-left: 1rem;
    scroll-snap-align: start;
    padding: 0 auto;
}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #3d4852;
    border-radius: 3px;
}


/********************************
* Breakpoints
*********************************/
@media screen and (min-width: 576px) {
    .carousel-item {
        flex-basis: 150px;
    }
}

@media screen and (min-width: 992px) {

  
    h1 {
        font-size: 2.75rem;
    }

    .carousel-item {
        flex-basis: 150px;
    }
}

@media screen and (min-width: 1280px) {
    h1 {
        font-size: 4rem;
    }

    .carousel-item {
        flex-basis: 150px;
    }
}

@media screen and (min-width: 1600px) {

}
.miniaturee{
    border-radius: 3px;
    box-shadow: 0 0 3px #000000;
    text-align:center;       
    display:inline-block;
    margin-left: 25px;
    
}
.section-titlee{
    margin:0;
    padding: 0;
}
.section-titlee span{
    background: #00405B;padding: 3px 15px;margin-right: 15px;box-shadow: 2px 2px 3px #000000;
}
.sections-articles{
    margin-bottom: 25px;
    
}
.sections-articles ul{
  
}
.sections-articles li{
    float: left;
    width: 50%;
    padding: 20px;
}
@media(min-width: 850px){
    .sections-articles li{
    float: left;
    width: 20%;
    padding: 20px;
}
}
.sections-articles img{
  width: 100%;
   display: block;
   box-shadow: 0 0 10px #DDDDDD;
   margin: 0;
}
.sections-articles div{
    background-color: #ffffff;
    margin: 0;
}


.sections-articles div.back-article{
   
  
}
.sections-articles span{
    
}
.sections-articles a{
    
}
.sections-articles a:hover{
    text-decoration: none;
}
.sections-articles h5{
    margin: 0;
    text-align: center;
    color: #51555E;
    font-family: "HK Grotesk",Roboto,Arial,Helvetica,sans-serif;
    font-weight: 700;
    
}
.newsletter-conteneur{
    background: #898989;
    margin: 0;
    overflow: auto;
}
.newsletter-conteneur h3{
    padding: 10px 0 20px 30px;
    margin: 0;
    background: #003144;
    border-bottom: 2px solid #00212D;
    color: #ffffff;
}
.domaine-newsletter{
    margin-bottom: 10px;
}
.email-newsletter{
  border: none;
}
.newsletter-img{
  border: none;  
    margin: 0;
    padding: 0;
}
.content-form2{
    padding: 20px;
}
.subscribe-newsletter{
    width: 100%;
}
.wrapper-general{
    width: 100%;
    background: #ffffff;
}
.parallelo-divi{
  margin-left: 50px;
  display: inline-block;
  transform: skewX(-30deg);
  border-left: 10px solid #ffffff;

  }
  .div-de-recherche{
    margin: 25px 0 25px 0;
    width: 70%;
  }
.ma-recherche{
    width: 70%;
}
.rechercher{
    width: 18%;
}

.resultat-recherche{
    font-family: arial,sans-serif;
}
.resultat-recherche li{
   
}
.resultat-recherche li:hover{

    text-decoration: none;
}
.resultat-recherche a{
   
}
.resultat-recherche a:hover{
   text-decoration: none;
}
.conteneur-resultats{
    box-shadow: 0 0 5px #B7B7B7;
}
.conteneur-avatar{
    float: left;
    padding: 10px;
}
.conteneur-avatar img{
    width: 130px;
}
.conteneur-contenu{
    padding: 5px 10px 10px 10px;
    width: 800px;
    margin-right: 10px;
    
}
.conteneur-contenu h3{
    color: #2C4DA5;
    margin: 0;
    padding: 0;
}
.conteneur-contenu p{
    margin: 0;
    padding: 0;
    color: #3D3D3D;
}
.conteneur-contenu span.type{
    margin: 0;
    padding: 0;
    color: #ffffff;
    margin-right: 20px;
    font-style: italic;
    font-weight: bold;
    background: #B70505;
    padding: 0 5px;
}
.conteneur-contenu span.entite{
    margin: 0;
    padding: 0;
    color: #244259;
    margin-right: 20px;
    font-style: italic;
    font-weight: bold;
}
.conteneur-contenu span.date{
    margin: 0;
    padding: 0;
    color: #6B5F41;
    margin-right: 20px;
    font-style: italic;
    font-weight: bold;
}


.footer-results{
    
}
.liste-articles{
    
}

.liste-articles li{
    width: 100%;
    float: left;
    margin: 5px 15px;
    border-radius: 5px;
    border-bottom: 1px solid #f5f5f5;
}
.liste-articles img{
    box-shadow: 0 0 3px #B2B2B2;
    width: 100px;
    float: left;
    margin-right: 10px;
}

.liste-articles a{
    box-shadow: 0 0 3px #B2B2B2;
    width: 100%;
}
.liste-articles a:hover{
    box-shadow: 0 0 3px #B2B2B2;
    width: 100%;

}
.liste-articles a:hover{
    box-shadow: 0 0 3px #B2B2B2;
    width: 100%;
    text-decoration: none;
}
.liste-articles li:hover{
    
}
.liste-articles div.general-conteneur{
    overflow: hidden;
    
}
.liste-articles div.general-conteneur:hover{
        background: #FAFAFA;
}
.liste-articles p.datee{
    margin: 0;
    padding: 0 ;
    color: #969696;
    width: 100%;
    font-style: italic;
    font-size: 12px;
}
.liste-articles p.typee{
    margin: 0;
    padding: 0 5px;
    color: #A00200;
    width: auto;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}
.liste-articles h4{
    font-family: "HK Grotesk",Roboto,Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0px 0 5px 0;
    font-weight: 300;
    color: #39491F;
 
}
.infos-contents{
    margin: 0;
    padding: 0;
    
}
.radioss{
    width: 5px;
    height: 5px;
}
.fontaws{
    
}
.fontaws i{
    color: #ffffff;
    font-size: 2.5rem;
    margin-left: 30%;
}
.accueil2{
    color: #ffffff;
}
.accueil2:hover{
    text-decoration: none;
    color: #ffffff;
}
.accueil1{
    width: 10%;
    padding: 10px 5px;
}

.accueil1:hover{
    transition-duration: 0.5s;
    padding-left: 30px;
}






.results .result {
    position: relative;
}
.result-list .result {
    border-bottom: 1px solid #eee;
    animation: fade .8s;
}
.results .result-list .media {
    color: inherit;
    display: block;
    padding: 20px 0;}
    
.result-list .result .media {
    margin-top: 0;
}
.result-list .media {
    padding: 18px 0 7px;
    overflow: visible;
}
 @media only screen and (min-width: 768px){
    .results .result-list .media.with-fav .media-right{padding-right:100px}
    .results .result-list .media.with-fav+.btn-fav{right:33px;top:calc(50% - 17px)}
    }
    }
    
@media only screen and (max-width:1201px){.result-list .result .media-heading .btn-reset{max-width:635px}.modal-details .modal-dialog{width:60%}.modal-details .modal-content{padding:0 25px 15px 40px}}
@media only screen and (max-width:1024px){.result-list .result .media-heading .btn-reset{white-space:normal}}
.description-nouveau{
    margin: 0 0 10px;
    font-size: 1rem;
}
.description-nouveau:hover{
    tex-decoration:none;
}
.form-titre-nouveau{
    font-size: 1.125rem;
    margin:0 0 15px;
}
.affectation-nouveau{
    margin: 0 0 10px;
}
.contrat-date{
    font-size: .90rem;
    margin: 0;
}