.body{
	background-color: #FCF6F5FF;
}

span{
	font-weight: bold;
	font-size : 1.0em;
	color: #08BBF7;
	
}

/*Ordinateurs*/
@media all  and (min-width: 1200px){
	/*---- Navbar ----*/
	.nav-link{
		font-size: 1.4rem;
		color: #E3781E !important;
	}
	.active{
		color: #333 !important;
	}
	.nav-link:hover{
		color: #145A32 !important;
		transform: scale(1.1);
		border-bottom: 1px solid #145A32;
	}
	/*---- Navbar ----*/
	
	/*---- Header ----*/
	.body{
		margin-bottom: -10%;
		padding-bottom: 10%;
	}
	h1{
		color:white;
	}
	h1:hover{
		color:#00eeff;
		transform: scale(1.1);
	}
	h1.h1{
		font-size: 3em;
	}

	.cover{
		display: table-cell;
		height: 500px;
		width: 2050px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/illustrations/nettoyages-illustrations/services/head-cover.jpg") no-repeat center;
		background-size: 100%;
		transition: 1.2s; /* Le délai où l'image va dé-zoomer */
	}
	.cover:hover{
		background-size: 120%; /* La taille de l'image une fois que le curseur sera sur le DIV */
		transition: 1.2s; /* Le délai du zoom de l'image */
	}
	.cover > span{
		font-size: 1.5em;
	}
	/*---- Header ----*/

	/*---- Global ----*/
	#vitre{
		margin-top: 50px;
	}

	hr.hr1{
		margin-top: 150px;
	}
	.text-center{
		padding-top: 1%;
	}
	.paragraphe-1, .paragraphe-2, .paragraphe-3, .paragraphe-4, .paragraphe-5{
		font-size: 1.4em;
	}

    .btn-devis{
		border: 0;
		line-height: 2.0;
    	border-radius: 7px;
		background-color: #E3781E;
	}
	.btn-devis:hover {
		background-color: #797D7F;
		color : #fff;
	}
	.contact{
		display: flex;
		margin: 0 auto;
     	width: 100px;
	}
	
	.contact-2{
		margin-left: 3%;
	}
	i.mi{
		font-size : 40px;
		color: #145A32;
	}
	i.mi:hover{
		font-size : 40px;
		color: #1e145a;
		transform: scale(1.1);
	}

	.li-none{
		list-style : none !important;
		font-size: 0.7em;
	}
	.hr1{
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.img1, .img2, .img3, .img4, .img5{
		border-radius: 5%;
	}
	.img1{
		width: 500px;
	}
	.img2, .img3, .img4, .img5{
		width: 400px;
	}
	.img1:hover{transform: scale(1.1);transition: 1.2s;}
	.img2:hover{transform: scale(1.1);transition: 1.2s;}
	.img3:hover{transform: scale(1.1);transition: 1.2s;}
	.img4:hover{transform: scale(1.1);transition: 1.2s;}
	.img5:hover{transform: scale(1.1);transition: 1.2s;}

	.c3-1, .c5-1{
		margin-right: 5%;
	}
	.c2-1, .c4-1{
		margin-left: 10%;
	}
	.c1-1{
		margin-right: 2%;
	}
	.c2-2{
		margin-top: 5%;
	}
	.paragraphe-1, .paragraphe-2, .paragraphe-3, .paragraphe-4, .paragraphe-5{
		font-size: 1.3em;
	}
	ul{
		font-size: 1.3em;
	}
	/*---- Global ----*/

	/*---- Body ----*/
	.conteneur-1, .conteneur-3, .conteneur-5{
		display: flex;
		justify-content: center;
		align-items: center;
		justify-content: space-around;
	}
	.conteneur-2, .conteneur-4{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-around;
	}

	.plusinfo{
		font-size: 1.3em;
		text-align: center;
		color: green;
	}
	/*---- Body ----*/

}

/*----- Ipad Pro -----*/
@media all  and (min-width: 1024px) and (max-width: 1025px){
	/*---- Navbar ----*/
	.nav-link{
		font-size: 1.4rem;
		color: #E3781E !important;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Header ----*/
	h1{
		color:white;
	}

	h1.h1{
		font-size: 2.5em;
	}

	.cover{
		display: table-cell;
		height: 400px;
		width: 2050px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/illustrations/nettoyages-illustrations/services/head-cover.jpg") no-repeat center; /* Change l'URL par l'image que tu souhaites */
		background-size: 100%;
	}

	/*---- Header ----*/

	/*---- Global ----*/
	.contact{
		display: flex;
		margin: 0 auto;
     	width: 100px;
	}
	.body{
		margin-top: -3%;
		margin-bottom: -5%;
	}
	.text-center{
		padding-top: 10%;
		margin-bottom: 5%;
	}
	
	.paragraphe-1, .paragraphe-2, .paragraphe-3, .paragraphe-4, .paragraphe-5{
		font-size: 1.4em;
	}

    .btn-devis{
		border: 0;
		line-height: 2.0;
    	border-radius: 7px;
		background-color: #E3781E;
	}

	.contact{
		display: flex;
	}
	.contact-2{
		margin-left: 3%;
	}
	i.mi{
		font-size : 40px;
		color: #145A32;
	}

	.li-none{
		list-style : none !important;
		font-size: 0.7em;
	}

	.img1, .img2, .img3, .img4, .img5{
		border-radius: 2%;
	}

	img.img1{width: 600px; margin-top: 20%;}
	img.img2{width: 500px; margin-top: 30%;}
	.img3{width: 500px; margin-top: 40%;}
	.img4{width: 500px; margin-top: 10%;}
	.img5{width: 500px; margin-top: 40%;}

	.c3-1{
		margin-right: 5%;
	}
	.c2-1, .c4-1{
		margin-left: 5%;
	}
	.c1-1{
		margin-right: 2%;
	}
	.c2-2{
		margin-top: 5%;
	}
	.paragraphe-1, .paragraphe-2, .paragraphe-3, .paragraphe-4, .paragraphe-5{
		font-size: 1.3em;
		text-align: justify;
	}
	ul{
		font-size: 1.3em;
	}
	hr.hr1{
		margin-top: 5%;
		margin-bottom: 5%;
	}
	/*---- Global ----*/

	/*---- Body ----*/
	.conteneur-1, .conteneur-3{
		display: flex;
		justify-content: space-around;
	}
	.conteneur-2, .conteneur-4{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-around;
	}

	.conteneur-5{
		display: flex;
		flex-direction: column;
		padding-bottom: 10%;
	}
	.plusinfo{
		font-size: 1.3em;
		text-align: center;
		color: green;
	}
	.c5-1{
		margin-bottom: -20%;
	}
	.c5-2{
		margin: 0 auto;
	}
	/*---- Body ----*/
}

/*Tablettes*/
@media all  and (min-width: 501px) and (max-width: 1023px){
	/*---- Navbar ----*/
	.nav-link{
		font-size: 1.4rem;
		color: #E3781E !important;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Header ----*/
	h1{
		color:white;
	}

	h1.h1{
		font-size: 2.5em;
	}

	.cover{
		display: table-cell;
		height: 400px;
		width: 2050px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/illustrations/nettoyages-illustrations/services/head-cover.jpg") no-repeat center; /* Change l'URL par l'image que tu souhaites */
		background-size: 100%;
		transition: 1.2s; /* Le délai où l'image va dé-zoomer */
	}

	/*---- Header ----*/

	/*---- Global ----*/
	.contact{
		display: flex;
		margin: 0 auto;
     	width: 100px;
	}
	.body{
		margin-top: -3%;
		margin-bottom: -5%;
	}
	.text-center{
		padding-top: 10%;
		margin-bottom: 5%;
	}
	
	.paragraphe-1, .paragraphe-2, .paragraphe-3, .paragraphe-4, .paragraphe-5{
		font-size: 1.4em;
	}

    .btn-devis{
		border: 0;
		line-height: 2.0;
    	border-radius: 7px;
		background-color: #E3781E;
	}

	.contact{
		display: flex;
	}
	.contact-2{
		margin-left: 3%;
	}
	i.mi{
		font-size : 40px;
		color: #145A32;
	}

	.li-none{
		list-style : none !important;
		font-size: 0.7em;
	}

	.img1, .img2, .img3, .img4, .img5{
		border-radius: 2%;
	}

	img.img1{width: 600px; margin-top: 50%;}
	img.img2{width: 500px; margin-top: 100%;}
	.img3{width: 500px; margin-top: 70%;}
	.img4{width: 500px; margin-top: 30%;}
	.img5{width: 500px; margin-top: 40%;}

	.c3-1{
		margin-right: 5%;
	}
	.c2-1, .c4-1{
		margin-left: 5%;
	}
	.c1-1{
		margin-right: 2%;
	}
	.c2-2{
		margin-top: 5%;
	}
	.paragraphe-1, .paragraphe-2, .paragraphe-3, .paragraphe-4, .paragraphe-5{
		font-size: 1.3em;
		text-align: justify;
	}
	ul{
		font-size: 1.3em;
	}
	hr.hr1{
		margin-top: 5%;
		margin-bottom: 5%;
	}
	/*---- Global ----*/

	/*---- Body ----*/
	.conteneur-1, .conteneur-3{
		display: flex;
		justify-content: space-around;
	}
	.conteneur-2, .conteneur-4{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-around;
	}

	.conteneur-5{
		display: flex;
		flex-direction: column;
		padding-bottom: 10%;
	}
	.plusinfo{
		font-size: 1.3em;
		text-align: center;
		color: green;
	}
	.c5-1{
		margin-bottom: -20%;
	}
	.c5-2{
		margin: 0 auto;
	}
	/*---- Body ----*/

}


/*Smartphones*/
@media all  and (min-width: 321px) and (max-width: 767px){
	/*---- Navbar ----*/
	.nav-link{
		color: #E3781E !important;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Header ----*/
	h1{
		color:white;
	}
	h1.h1{
		font-size: 1.5em;
	}

	.cover{
		display: table-cell;
		height: 200px;
		width: 450px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/illustrations/nettoyages-illustrations/services/head-cover.jpg") no-repeat center; 
		background-size: 100%;
		transition: 1.2s; /* Le délai où l'image va dé-zoomer */
	}
	/*---- Header ----*/

	/*---- Global ----*/
	.body{
		margin-bottom: -15%;
		padding-bottom: 15%;
	}

	.conteneur-1, .conteneur-2, .conteneur-3, .conteneur-4, .conteneur-5{
		display: flex;
		flex-direction: column;
	}

	.img1, .img2, .img3, .img4, .img5{
		display: none;
	}

	.c2-1, .c4-1{
		margin: auto;
	}

	h2.bold{
		font-weight: bold;
		font-size: 1.5em;
	}
	p.paragraphe-1, p.paragraphe-2, p.paragraphe-3, p.paragraphe-4, p.paragraphe-5{
		
	}

	.plusinfo{
		font-size: 1.3em;
		text-align: center;
		color: green;
	}
        
        .li-none{
		list-style : none !important;
		font-size: 0.9em;
	}
	hr.hr1{
		margin-top: 15%;
		margin-bottom: 15%;
	}

	p.paragraphe-1, p.paragraphe-2, p.paragraphe-3, p.paragraphe-4, p.paragraphe-5{
		
		font-size: 1.2em;
	}
	ul{
		font-size: 1.2em;
	}

	.contact{
		display: flex;
		margin: 0 auto;
     	width: 100px;
	}

	.btn-devis{
		border: 0;
		line-height: 2.0;
    	border-radius: 7px;
		background-color: #E3781E;
	}

	.contact{
		display: flex;
	}
	.contact-2{
		margin-left: 3%;
	}
	i.mi{
		font-size : 40px;
		color: #145A32;
	}
	/*---- Global ----*/
}




/*Petits smartphones*/
@media all  and (max-width: 320px){
	/*---- Navbar ----*/
	.nav-link{
		font-size: 1.3rem;
		color: #E3781E !important;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Header ----*/
	h1{
		color:white;
	}
	h1.h1{
		font-size: 1.4em;
	}

	.cover{
		display: table-cell;
		height: 160px;
		width: 450px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/illustrations/nettoyages-illustrations/services/head-cover.jpg") no-repeat center; /* Change l'URL par l'image que tu souhaites */
		background-size: 100%;
		transition: 1.2s; /* Le délai où l'image va dé-zoomer */
	}

	/*---- Header ----*/

	/*---- Global ----*/
	.body{
		margin-bottom: -15%;
		padding-bottom: 15%;
	}
	.img1, .img2, .img3, .img4, .img5{
		display: none;
	}
	.c2-1, .c4-1{
		margin: auto;
	}

	h2.bold{
		font-weight: bold;
		font-size: 1.5em;
	}
	p.paragraphe-1, p.paragraphe-2, p.paragraphe-3, p.paragraphe-4, p.paragraphe-5{
		font-size: 1.2em;
	}
	ul{
		font-size: 1.2em;
	}
        .li-none{
		list-style : none !important;
		font-size: 0.9em;
	}
	hr.hr1{
		margin-top: 15%;
		margin-bottom: 15%;
	}
	/*---- Global ----*/
	
	/*---- Body ----*/
	.plusinfo{
		font-size: 1.2em;
		text-align: center;
		color: green;
	}

	.contact{
		display: flex;
		margin: 0 auto;
     	width: 100px;
	}

	.btn-devis{
		border: 0;
		line-height: 2.0;
    	border-radius: 7px;
		background-color: #E3781E;
	}

	.contact{
		display: flex;
	}
	.contact-2{
		margin-left: 3%;
	}
	i.mi{
		font-size : 40px;
		color: #145A32;
	}
	/*---- Body ----*/
}