/*@import url(https://fr.allfont.net/allfont.css?fonts=caviar-dreams);
@import url(https://fr.allfont.net/allfont.css?fonts=caviar-dreams-italic);
@import url(https://fr.allfont.net/allfont.css?fonts=caviar-dreams-bold);
*/

/* https://www.fontsquirrel.com/tools/webfont-generator (lien pour sélectionner et charger les polices) */
/* https://www.w3schools.com/css/css_form.asp */

/* https://developer.mozilla.org/fr/docs/Web/CSS/Reference/Properties/text-justify */

@font-face
{
    font-family: 'Caviar Dreams';
    src: url('./../police/Caviar-Dreams/CaviarDreams.ttf'),
          url('./../police/Caviar-Dreams/Caviar_Dreams_Bold.ttf'), 
          url('./../police/Caviar-Dreams/CaviarDreams_BoldItalic.ttf'), 
          url('./../police/Caviar-Dreams/CaviarDreams_Italic.ttf');

    font-weight: normal; /* paramètres de base */
    font-style: normal;
}


body
{
    width: 1063px; /* 1200px; */
    background-color: #dcdcdc;
    font-family: 'Caviar Dreams';
    color: #181818;
    margin: auto; 
}


/* entête bandeau gris CLASS */
.bandeau_gris
{
	height: 206px; /* image 1023x206
   /* height: 400px; */
   background: url('../images/Le-Passage-GOLF-562024-copie.jpg') no-repeat;
   /* background: url('../img/image-bandeau.jpg') no-repeat; *//*no-repeat; repeat-x; */
    max-width: 100% ;/*99.5% ;*/
   /* position: relative; */
   /* color:  cyan; */
}
.bandeau_gris h1
{
	font-family: 'Caviar Dreams', arial; 
	font-size: 2em;
	color: white;
	font-weight: bold;
	margin-top: 1px; 
	margin-right: 150px; 
	padding-top: 50px;
  /*  padding-left: 28%; */
    /*font-family: arial; */
   
    /*background-color: #2784F5 /*cyan /* #3e3d4b;*/
}

.bandeau_gris a
{
    text-decoration: none;
    font-size: 1.30em;
     background: #3e3d4b; /*#8e8d9b; /* moins foncé au lieu de #3e3d4b*/
     color:  cyan;  /* black */
}

.bandeau_gris a:hover
{   
    color: cyan;
}

.bandeau_fushia
{
    display: flex;

    justify-content: safe center; /*space-between;*/
    margin-top: 5px; /* margin-top: 327px;*/
    width: 95%; /* 751px; /* 99.5%; */
    height: 65px; /* hauteur bande sous image banière */ 
    padding-top: 0px; 
   /* padding-left: 50px; */ /*4px;*/
    padding-right: 50px; /* 20px*/
    background-color: rgba(106,37,90,0.8); /* #6A225A Fusha foncé = 106, 37, 90 *//* 0.8 = transparence */  
    font-size: 1.1em; 
    color: white;
}

/* ------*/

.bandeau_fushia img
{  
   margin-right: 10px; /* décale le logo du texte Simply Home */
}

.bandeau_fushia b
{  
    font-family: 'Caviar Dreams', arial; 
    font-weight: bold;
    margin-right: 270px; 
    font-size: 1.4em;
    color: white;
}

.bandeau_fushia a
{  
    width: 150px;
    padding-left: 10px;
    padding-right: 10px;
   /* border: 1px solid white; */
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
   /* padding-top: 25px; */
   /* padding: 14px 12px 12px 8px; */
    background-color: rgba(106,37,90,0); /* 0 = transparence */
    color: white; 
}

.bandeau_fushia a:hover
{
    color: skyblue;
}
/* bandeau tech */
.info_tech
{
    display: flex;
	flex-direction: column;
   /* justify-content: safe center;*/ /*space-between;*/
    margin-top: 5px; /* margin-top: 327px;*/
    width: 95%; /* 751px; /* 99.5%; */
   /* height: 65px; /* hauteur bande sous image banière */ 
    padding-top: 0px; 
   /* padding-left: 50px; */ /*4px;*/
  /*  padding-right: 50px; /* 20px*/
    background-color: rgba(250,250,250,0); /* #6A225A Fusha foncé = 106, 37, 90 *//* 0.8 = transparence */  
   /* font-size: 1.1em; 
    color: black; */
}

/* ------*/

.info_tech img
{  
   margin-right: 10px; /* décale le logo du texte Simply Home */
}

.info_tech b
{  
    font-family: 'Caviar Dreams', arial; 
    font-weight: bold;
   /* margin-right: 270px; */
	
	/*Modif-----*/
    margin-left: 4px;
    font-size: 1.0em;
    color: black;
}

.info_tech a
{  
    width: 150px;
    padding-left: 10px;
    padding-right: 10px;
   /* border: 1px solid white; */
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
   /* padding-top: 25px; */
   /* padding: 14px 12px 12px 8px; */
    background-color: rgba(106,37,90,0); /* 0 = transparence */
    color: white; 
}

/* fin bandeau TECH */
/* fin bandeau fushia */

#texte_intro
{
	display: flex;
    text-align: justify;
	/* fin modif */
   padding-left: 20px;
	padding-right: 20px;
    margin-bottom: 0px; /* 20px */
    width: 840px;   /* 70% 85  absolut =800 */
    color:  black; 
	background-color: white; /*rgba(5,5,5,0); /* 0 = transparence */
}
/* TABLEAU */
table
{
 table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
			background-color: #0000;
            padding: 6px;
        }
}

section
{	/* ajout flex */
	display: flex;
    text-align: justify;
	/* fin modif */
   padding-left: 20px;
	padding-right: 20px;
    margin-bottom: 0px; /* 20px */
    width: 840px;   /* 70% 85  absolut =800 */
    color:  black; 
	background-color: white; /*rgba(5,5,5,0); /* 0 = transparence */
}

/*h1
{
    padding-top: 1px;
    padding-left: 250px;
    font-family: 'Caviar Dreams', arial; 
    font-weight: bold;
    font-size: 1.6em;
}
*/

h2
{
    font-family: 'Caviar Dreams', arial;  /*  Dayrom, sherif*/
    font-weight: bold;
    font-size: 1.6em;
    /*color:  white; /* ajouté */
    padding-left: 35x; /* ajouté */
}

article
{
    display: flex;
    text-align: justify;
}

article p
{   
    /*width: 70%;*/
	/*text-justify: none;
	text-justify: auto;
	text-justify: inter-word;
	text-justify: distribute; */
	text-justify: inter-character;
    margin-left: 30px;
    margin-right: 30px;
    padding: 5px;
    border-style: 3px 3px 3px 3px;
    background-color: #0000;
    font-size: 1.5em; /*0.8em; */
    color: blue;
}

#travaux img
{  
    width: 200px;/* 150px; */
    height: 220px;
   /* padding-top: 30px;*/
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 60px;

}

#maisons_flex
{
    display: flex;
    width: 98%;
    flex-wrap: wrap;
    margin-top: 0px; /* hauteur sous section présentation société */ 
    margin-left: 0px; /* alignement à gauche */

}

#maisons_div1 img
{
   /* padding: 15px; */
   position: absolute;
    margin-right: 30px;
    margin-top: 0px;
    padding-top: 1px;
    width: 287px;   /*250 287 312 375*/
    height : 195px;  /*158 181 287 235*/
    z-index: 0; /* ordre de supperposition */

}

#maisons_div2
{
   /* padding: 15px; */
    position: relative;
    background: #fafafa; /* #c0c0c0; au lieu de #e0dfdf gris très clair */
    text-decoration: none;
    margin-right: 10px;
    margin-top: 195px;
    /* padding-top: 5px; */
    padding-left: 1px;
    width: 287px;   /*250 287 312 375*/
   /* height: 135px;  /*158 181 287 235*/
    font-family: 'Caviar Dreams',arial;
    color: black;
    font-weight: bold;
}

#finance_image 
{  
    margin-left: 5px;
    margin-top: 14px;
    width: 300px;  /*271*/
   /*  height : 312px;  /*320*/
    background: url('.././images/2-maison-facade.jpg') no-repeat; 
}

#finance_image p
{
    padding-top: 60px;
    text-align: center;
    font-family: 'Caviar Dreams',arial;
    font-weight: bold;
    color: white;
    font-size: 1.3em;
}

#finance_image b
{   
    font-family: 'Caviar Dreams',arial;
    font-weight: bold;
    background-color: white;
    margin-top: 200;
    margin-left: 100px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.20em;
    color:  black;
    border: solid black 2px;    
}

#voir_plus a
{   /* lien pour plus de maisons */
    margin-left: 40%;
    font-family: 'Caviar Dreams', arial;
    font-weight: bold;
    color: black;
    font-size: 1.1em;
    text-align: center;
    text-decoration: none;
    border: solid black 2px;
    width: 100px;
}

#voir_plus a:hover
{
    background-color: black;
    color: white;    
    border: solid white; 2px;
}

aside
{ 
    display: flex;
    flex-direction: column;
 /*	font-family: 'Caviar Dreams', arial;
	color: black;
    font-size: 1.1em;
    text-align: center;
    text-decoration: none; */
	padding: 5px;
    /*text-align: justify;*/
	text-justify: auto;
    position: fixed;
    bottom: 250px;
    right: 1%;
	background-color: white;
	border-radius: 10px 100px / 120px;
}

aside img
{
    border: 2px solid silver;
    width: 30px;
    height: 30px;
    margin-top: 30px;
}

aside a
{  
    font-family: 'Caviar Dreams', arial;
    font-weight: bold;
    color: black;
    font-size: 1.1em;
    text-align: center;
    text-decoration: none;
} 

aside a:hover
{
	/* background-color: rgba(106,37,90,0); /* 0 = transparence  fushia ?*/
    color: blue;
	text-decoration: none;
}
   /* border: solid white; 2px; */
/*
	font-family: 'Caviar Dreams', arial;
    font-weight: bold;
    color: black;
    font-size: 1.1em;
    text-align: center;
    text-decoration: none;
}
*/
  /*  background-color: black;
    color: blue;    
    border: solid white; 2px;
	
	font-family: 'Caviar Dreams', arial;
    font-weight: bold;
    color: black;
    font-size: 1.1em;
    text-align: center;
    text-decoration: none;
	border: solid black 2px; 
    width: 100px;
}
*/

/* footer */

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
}

#footer_image
{  
    /* display: flex;
    justify-content: center; */
	position: absolute;
	background-color: cyan; /*#e0dfdf; */
    /*background-image: url('./../img/footer-le-hezo.jpg');*/
	width: 100%;
    height: 300px; /* 400px */
   /* background-size: 100% 100%; /* cover */
    width: 1200px;
    height: auto;
}


#footer_identite
{   
    display: flex;
    justify-content: center;/*space-between;*/
    width: 100%;
    margin-top: 150px; /* hauteur imagiciel dans image footer */ 
    position: absolute;
    border-radius: 0px 0px 5px 5px;
}

#adresse
{   
    width: 200px;
    height: 25px;
    padding: 5px;
    background-color: #e0dfdf;
    font-size: 1em;
    text-align: center;
    color:  #FFFFFF;
}
#logo_flex
{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 5px; /* hauteur sous section présentation société */ 
    margin-left: 5px; /* alignement à gauche */

}

#societe_logo
{   display: flex;
    justify-content: center;
  width: 200px;/*50px*/
    height: 60px; /* 130px*/
    padding: 10px;  /* 30 px */
   /* padding-top: 25px; */ /* 50px*/
    padding-left: 50px; /*50px*/
    background-color: #000000;
}

#societe
{ 	display: flex;
	/*justify-content: center;*/
    width: 710px;
    height: 60px;
    padding: 10px;
   /* marging-left: 250px; */
    background-color: #000000;
    font-size: 1em;
    text-align: center;
    color:  #FFFFFF;
}

#societe h1
{  
    height: 20px;
    padding: 10px; 
    background-color: #000000;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color:  #FFFFFF;
}
/*
#inscription
{   
    width: 200px;
    height: 150px;
    padding: 30px;
    justify-content: center;
    background-color: #e0dfdf;
    font-size: 1.2em;
    text-align: center;
    color:  #000000;
}

#adresse a
{   
    text-decoration: none;
    font-family: 'Caviar Dreams', arial;
    font-weight: bold;
    font-size: 1.20em;
    color:  black;
    border: solid black 2px;
    padding: 5px;
}

#adresse a:hover
{
    background-color: black;
    color: white;    
    border: solid white 2px;
}

#inscription a
{
    text-decoration: none;
    font-family: 'Caviar Dreams', arial;
    font-weight: bold;
    font-size: 1.2em;
    color:  black;
    border: solid black 2px;
    padding: 2px 4px 2px 4px;
}

#inscription a:hover
{
    background-color: black;
    color: white;    
    border: solid white 2px;
}
*/
.mention_legale
{
   /* display: flex; */
   /* align-items: center; */
    position: absolute;
    margin-top: 200px;  /* déplacement dans l'image background footer*/
    width: 1200px;
    height: 25px;
    background-color: rgba(0,0,0,0);
}
.mention_legale p
{	/* display: flex;*/
	text-align: center;
    /*align-items: center;*/
    /* margin-left: 400px; */
	color: white;
    font-family: arial;
    font-size: 1.1em;
}