html 		{ height: 100%;     margin: 0; 	background-color : #781F19 ; }
@font-face { font-family: 'Firasans'; src: url('Polices/Firasans.otf');}
/* la scroll barre  */
::-webkit-scrollbar { width: 1%;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px;}
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);}
/* Titre paragraphe liste et menu  */
h2 		{ color : maroon; font-family: 'Firasans', Arial, serif; 	}
h1 		{ text-align: left; font-family:  Elephant, serif; font-size: 300% ;}	
h1 a		{ text-decoration: none; color : black ; cursor: text ; }
p		{ font-size:1.1em; margin-bottom: -1%; margin-right:10%; }
li		{ list-style-type:none; font-size:1.1em; margin-right:5%;}
nav span	{ width:100%; background-color : #781F19 ; font-size: 1.4em ;
	font-family:  Firasans, serif; text-align: center;}
nav span a	{ text-decoration: none; color: white; }
/* la structure principale */
.global	{ width:80%; margin-left:auto; margin-right:auto;}
/* la structure de l'entete */
.cont_Header	{ background-color : white ; width: 100%; margin-left:auto; margin-right:auto; display: flex;
    justify-content: space-around; flex-wrap: wrap; border-top-left-radius:10px ; border-top-right-radius:10px;}
	/* coordonnees entete */
	.coord	{font-size:1.4em;}
	.coord:nth-child(n+2)	{font-size:1.4em; margin-top:-2%;}
/* le diaporama de l'entete  */
#owl-demo .item{
	margin: 3px;
}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}
/*le menu*/
#menu	{ 	font-size:1.4em; 	height:100%; 	display:flex; ; justify-content: space-around; flex-wrap: nowrap;margin-bottom : 1%; margin-top:1%;}
/* la structure centrale */
.cont_B	{ background-color : white ;  max-height :500pt; overflow:auto; display: flex ;
justify-content: space-around ; flex-wrap: nowrap; align-items: stretch; border-radius:10px ;}
	/* la structure page index */
	.section{ width:70%; margin-left:1%;margin-bottom:1%; display: flex ; justify-content: space-between ; flex-wrap: wrap;}
	.diap	{ width:30%; display: flex ; justify-content: center; align-items:center; }
	.img2	{ width: 90% ; height: 90% ;}
	/* la structure page contact */
	.img1	{ width: 60% ; height: 60% ;}
	/* la structure page realisation et Reno */
	.sectionDiaporama { display:flex ; justify-content:space-between ; flex-wrap:nowrap; margin:1%; }
	/* la structure page partenaire */
	.sectionPartenaire { display:flex ; justify-content:space-between ; flex-wrap:nowrap; margin:1%; }
	.textPart { width: 30%;}
	.partenaire { width: 70%; display:flex; overflow-y:auto;
	justify-content: space-between; flex-wrap: wrap; align-items : flex-start;}
	.cont_Part { width: 30%; height:30%; padding:1%; overflow-y:auto; overflow-x: hidden;}
	.logo	{ width : 80% ; height :80%;margin-left:auto; margin-right:auto; }
	#Guittet {}
/* la structure du pied de page */
.cont_C 	{ background-color : #C0C0C0 ;  border-top-left-radius:10px ; border-top-right-radius:10px;
display: flex; justify-content: space-around; flex-wrap: nowrap; margin-top:1%;}
	/* la structure si ecran moins de 1024px */
@media screen and (max-width: 1024px) { 
.global{ display: flex; flex-direction: column; } 
#menu	{ 	font-size:1em; 	display:flex; ; flex-direction: column;}
}