/*
Nom du thème : Agence Immo
URI du thème : https://www.david-webdesigner.fr
Auteur : David Pautrat
URI de l'auteur : https://www.david-webdesigner.fr
Description :Ce thème vous permet de transformer votre site internet ,en un site pour psser des annonces immobilières.
Version : 1.0
Licence : GNU General Public License v2 ou version ultérieure
URI de la licence : http://www.gnu.org/licenses/gpl-2.0.html
Mots clés : noir, marron, orange, beige, blanc, jaune, clair, une colonne, deux colonnes, barre latérale droite, largeur flexible, en-tête personnalisé, menu personnalisé, style éditeur, images en vedette, microformats, post-formats, rtl-language-support, post-poste, prêt pour la traduction
Domaine du texte : Agence Immo

Ce thème, comme WordPress, est sous licence GPL.
Utilisez-le pour créer quelque chose de cool, vous amuser et partager ce que vous avez appris avec les autres.
*/

/* bleu foncé #08003d ; bleu -foncé #11007d; bleu --foncé #1800bd;bleu--foincé #1600a3;bleu --foncé #150677; bleu clair #1b00c9; bleu très clair #1b00c9 */


.box-shadowB
{
    box-shadow:2px 2px 12px black;
}

.backNuanceDark
{
    background: #1b00c9;
    background:linear-gradient(-45deg,#08003d 10%,#1b00c9bd);
}

.backDark
{
    background-color: #08003d;
   
}

.backClair
{
    background-color: #1b00c9;
}


.backDarkk
{
    background-color:  #11007d;
}

.backDarkRgb
{
    
    background-color: rgba(27,0,201,0.9);
}


.backClairRgb
{
    background-color: #1b00c9e8;
}

.textSWhite
{
    text-shadow: 1px 1px 1px #ffffff;
}

.textDecorationNone
{
    text-decoration: none;
}

.fonSize10
{
    font-size: calc(10px + 0.5vw);
}

.colorBleuClair
{
    color:#1b00c9;
}

.colorBleuTrClair
{
    
    color:#1b00c9;
}

.colorBleuFonce
{
    
    color:#1800bd;
    
}



.colorBleuFFonce
{
    
    color:#11007d;
    
}

.colorBleuFFFonce
{
    color:#08003d;
}

.colorWhite
{
    
    color:#ffffff;
    
}

.cursorPointer:hover
{
    
    cursor: pointer
    
}

.font-weight-bold
{
    font-weight: bold;
}
.listStyleNone{
    
    list-style-type: none;}


.backNuance {
    
    
  background-image: -moz-linear-gradient( 90deg, rgb(8,0,61) 0%, rgb(47,16,245) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(8,0,61) 0%, rgb(47,16,245) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(8,0,61) 0%, rgb(47,16,245) 100%);
  
}



#formArchiveAnnonce
{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    
}


#logo {
	background: linear-gradient(250deg,#3434ee,blue);
	border-radius: 0px 5px 5px 0px;
	padding-right: 10px;
}

#containerSyndic
{
    background-image:url(../../../uploads/2022/08/paris-3697733_1920-100x67.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
     background-origin: content-box;
    position: relative;
    z-index: 2;
}


#containerSyndic::before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: white;
    opacity: 0.6;
    z-index: -1;
}


#containerSyndic ul li
{
    
    
    font-size:1.5rem;
}


#containerSyndic p
{
    font-weight: 600;
    font-size:1.1rem;
}

.modalContact
{
    transition: all 1s;
    top:0px;
    
}

.supClose
{
    top:10px;
    right: 20px;
    font-size: 1.5em;
}

.supClose:hover
{
    cursor: pointer;
}


.compteurSyndic .number
{
    
   font-size: 3rem;
   font-weight: bold;

}

#missionSyndic li 
{
    background:linear-gradient(#090989,#2c2cac);
    border-radius: 5px;
}

#missionSyndic li .compteur {
  
  margin-right:10px;
  margin-left:10px;
  font-size:1.2rem;
  color:white;
}

#containerGerance
{
    background-image: url(../../uploads/2022/08/parc-houilles-100x45.jpg);
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
    
}

#containerGerance::before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: white;
    opacity: 0.3;
    z-index: -1;
}

#pourQGerance
{
     background-image: url(../../uploads/2022/08/paris-1836415_1920-100x50.jpg);
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}


#pourQGerance::before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: white;
    opacity: 0.3;
    z-index: -1;
    
}

#pourQGerance p
{
    font-weight: 600;
    font-size:1.1rem;
}


.box-shadow-blue
{
    
    box-shadow:2px 2px 10px #08003d;
    
}

#menu-principal a
{
      color:#1800bd;
      text-shadow:0 0 1px #ffffff; 
      font-size: calc(1.1rem + 0.4vw);
}

#menu-principal  .active::before{
position: absolute;
content: '';
width: 100%;
height: 2px;
background: #1800bd;
left:0;
bottom: 5px;
}




#menu-principal  .nav-link::after{
position: absolute;
content: '';
width: 0%;
height: 2px;
background: #1800bd;
left:0;
bottom: 5px;
transition: all 1s;
}


#menu-principal  .nav-link:hover::after{
position: absolute;
content: '';
width: 100%;
height: 2px;
background: #1800bd;
left:0;
bottom: 5px;
transition: all 1s;
}


#syndicBox img
{
    height: 600px;
    object-fit: cover;
    
    
}
#formContact input[type='text'],#formContact textarea,#formContact select
{
    background-color:#08003d;
    border-radius: 5px;
    border:none;
    color:white;
    padding:5px 0px 5px 5px; 
    transition:all 0.5s;
}


#formContact input[type='text']:focus-visible,#formContact textarea:focus-visible
{
    
    transform: scale(1.08);
    
}


#formContact input[type='text']::placeholder
{
    color:white;
}

#formContact .error
{
    color:red;
    font-weight: bold;
}


#formAnnonce legend {
	background: #08003d;
	border-radius: 0px 0px 25px 0px;
	box-shadow: 1px 1px 5px black;
	padding-right: 10px;
    color:white;
}

#formAnnonce input[type='text'],#formAnnonce textarea
{
    
	background: linear-gradient(320deg,#08003d 10%,#1b00c9bd);
	border-radius: 5px;
	border: solid 2px blue;
	color: white;
    transition:all 0.5s;
    
}


#formAnnonce input[type='text']::placeholder,#formAnnonce textarea::placeholder
{
    color:white;
    font-weight: bold;
    
}

#formAnnonce input[type="submit"],#formContact input[type="submit"]{
	border-radius: 5px;
	background-color: #08003d;
	color: #1b00c9;
	font-weight: bold;
	padding: 10px;
	border: 0px;
	transition: all 1s;
    position: relative;
}

#formAnnonce .error
{
    font-weight: bold;
    color: red;
}

#formAnnonce input[type='text']:focus-visible,#formAnnonce textarea:focus-visible
{
    
    transform: scale(1.1);
    
}

#formAnnonce input[type="submit"]:hover,#formContact input[type="submit"]:hover

{
    
    transform:scale(1.1);
    background: #1600a3;
    color:#08003d;
    box-shadow: 2px 2px 5px black;
}

#contactTel li:nth-child(2n+2)
{
    background:  #1b00c9;
}
#contactTel li:nth-child(2n+1)
{
    background: #08003d;
}


#contactTel a:hover
{
    color:#08003d;
    
}





#telSection
{
    background-image: url(../../uploads/2022/08/Houilles-100x67.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    z-index: 0;
    position:relative;
}


#telSection::before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: white;
    opacity: 0.3;
    z-index: -1;
}

#telSection img
{
    opacity: 0.8;
}

.container_img
{
    height: 500px;
}

footer
{
    background-image: url(../../uploads/2022/08/gardening-gad0e78e14_1920-150x150.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
    z-index: 20;
}


footer::before
{
    content: '';
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    position: absolute;
    background: linear-gradient(180deg,#08003d 2%,transparent 10%);
    z-index: -1;
}

.containerAnnFooter
{
   transition: all 1s; 
    
}

.containerAnnFooter:hover
{
    transform: scale(1.1);
  
}
#logo
{
    height: 100%;
    top:0;
}



footer #coordonnee a:hover
{
 
    color:white;
    
    
}

footer #coordonnee a
{
    
    background: #08003d;
    text-decoration: none;
    color:#1b00c9;
}

.container_button_search_404 a:hover
{
    background: #1b00c9;
    color:#08003d;
}


#page404{
    background-image: url(../../uploads/2022/08/51219812-1-150x150.jpg);
    height:500px;
}

@media(max-width:992px)
{
            .navbar
        {

             background: #08003d ;

        }

        .navbar-toggler
        {
            background: #1b00c9;
        }
    

    #menu-principal .active
    {
        background: #08003e;
    }
    

    #menu-principal .active:before, #menu-principal .active:after
    {
        content: none;
    }
    
    #menu-principal .nav-link:hover::after
    {
        content:none;
    }

    
    #logo
    {
        right: 0;
        height: 40px;
        
    }
    
}