html, body {
    width: 100%;
    height: 100%;
}


.titre{
	 font-family: 'Caviar Dreams', arial;
}

.rounded{
	border-radius: 50%;
}

.text_ombre{
	text-shadow:2px 2px 0 #444; 
}

body{
	background:white;
	background-position: left center;
	background-attachment: fixed;
}

.font1{
	font-family: 'Open Sans Condensed', sans-serif;
}
.font2{
	font-family: 'Righteous', cursive;
}

.bloc{
	height: 60vh;
	width: 100%;
}

.bande{
	height: 30vh;
	width: 100%;
}

.carre{
	height: 60vh !important;
}

.satisfaction{
	background-attachment: fixed !important;
	background-clip: border-box;
	background-color: transparent;
	background-image: url('/images/satisfaction.jpg');
	background-origin: padding-box;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 50vh;
	/*
	background-image: url('/images/satisfaction.jpg');
    height: 50vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
    z-index: -1;
    */
}
.site{
	background-image: url('/images/web.jpg');
    height: 50vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
    z-index: -1;
}


.bg {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: transform;
}
.bg404 {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: transform;
}

.bg-wrap404 img {
	height: 100%;
}

.bg-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.bg-wrap404 {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
section {
    position: relative;
    width: 100%;
    height: 50vh;
}



.bg_white {
	background: rgba(255, 255, 255, 0.66); /* If our image is bright, we can tone it down with this darker overlay */
}


.w3-ul li {
    border-bottom: none;
}


/* IPHONE 6/7/8/X vertical */
@media only screen and (max-width: 600px) {

	.w3-xxxlarge {
	    font-size: 25px!important;
	}
	.w3-jumbo {
    	font-size: 35px!important;
	}
	
}

/* IPHONE 6/7/8 horizontal */
@media only screen and (min-width: 600px) {
	.w3-xxxlarge {
	    font-size: 25px!important;
	}
	.w3-jumbo {
    	font-size: 35px!important;
	}	


}

/* IPHONE X horizontal , IPAD VERTICAL*/
@media only screen and (min-width: 768px) {
	.w3-xxxlarge {
	    font-size: 25px!important;
	}
	.w3-jumbo {
    	font-size: 35px!important;
	}
} 

/* PC , IPAD HORIZONTAL, IPAD PRO VERTICAL */
@media only screen and (min-width: 992px) {
	.w3-xxxlarge {
	    font-size: 48px!important;

	}
	.w3-jumbo {
    	font-size: 64px!important;

	}

} 

/* PC IPAD PRO HORIZONTAL */
@media only screen and (min-width: 1200px) {
	.w3-xxxlarge {
	    font-size: 48px!important;
	}
	.w3-jumbo {
    	ffont-size: 64px!important;
	}
}