/*****************************************************************/
/* Desktop                                                       */
/*****************************************************************/
h1, #solutionsTypes h2 {
    font-size: calc( 48px + (75 - 48) * (100vw - 320px) / (2560 - 320) );	
	margin: 50px 0 45px;
}

section {
	padding: 30px;
}


/* ================================================== */
/*  Header  - (min-width: 1170px)                     */
/* ================================================== */

#mainHeader {
    width: 100%;
}

#mainHeader nav {
	width: 100%;
}

#mainHeader #top-nav li, #mainHeader #top-nav li.phone {
	margin-right: 35px;
}

#mainHeader.newHeaderCascade #top-nav li {
    margin-right: 0;
}

#mainHeader.newHeaderCascade #top-nav .navSubMenu li {
    padding: 5px 0;
}

#mainHeader #top-nav li a.link, #mainHeader #top-nav li a:hover.link {
	padding: 10px;
}

#mainHeader.newHeaderCascade #top-nav .headerLangDesktopCms {
    display: inline-block;
}

#mainHeader #nav .headerLangMobile {
    display: none;
}


/* ================================================== */
/*  Solutions  - (min-width: 1170px)                  */
/* ================================================== */
#solutions {
	padding: 30px 30px 0;
}

#solutions article {
	padding: 30px 5px 50px;
}

#solutions h2, #solutionsTypes h3, #clients h2 {
	font-size: calc( 22px + (32 - 22) * (100vw - 320px) / (2560 - 320) );
}

#solutions p, #solutionsTypes article p {
	font-size: calc( 13px + (19 - 13) * (100vw - 320px) / (2560 - 320) );
}

#solutions p em {
	font-size: calc( 20px + (30 - 20) * (100vw - 320px) / (2560 - 320) );
}

#solutions button, a.produit {
	font-size: calc( 16px + (24 - 16) * (100vw - 320px) / (2560 - 320) );
}

a.fixedBot {
	margin-left: -160px;
	position: fixed;
	width: 320px;
}

/* ================================================== */
/*  Solutions Types - (min-width: 1170px)             */
/* ================================================== */
#solutionsTypes {
	padding: 30px 15px 0;
}

#solutionsTypes h2 {
	margin: 50px 0 20px;
}

#solutionsTypes article {
	padding: 30px 5px;
}


/* ================================================== */
/*  Solutions Details - (min-width: 1170px)           */
/* ================================================== */
#solutionsDetails > div {
	margin: 0 auto;
	max-width: 1110px;
}

#solutionsDetails p, #solutionsDetails ul {
	font-size: calc( 22px + (25 - 22) * (100vw - 320px) / (2560 - 320) );
}


/* ================================================== */
/*  Employeurs                                        */
/* ================================================== */
#slider1 {
	width: 1040px;
}

/* ================================================== */
/*  Footer - (min-width: 1170px)                      */
/* ================================================== */
a.fixedBot:hover {
	background: #fff;
	color: #eb1e4f;
}

@media screen and (min-width: 1280px) {

	#solutions h2, #solutionsTypes h3, #client h2 {
		font-size: calc( 28px + (32 - 28) * (100vw - 320px) / (2560 - 320) );
	}

	#solutions p, #solutionsTypes article p {
		font-size: calc( 16px + (19 - 13) * (100vw - 320px) / (2560 - 320) );
	}

	#solutions p em {
		font-size: calc( 25px + (30 - 20) * (100vw - 320px) / (2560 - 320) );
	}

	#solutions button {
		font-size: calc( 20px + (24 - 18) * (100vw - 320px) / (2560 - 320) );
	}
}


@media screen and (min-width: 1360px) {

	#slider1 {
		width: 1300px;
	}
}

@media screen and (min-width: 1620px) {

	#slider1 {
		width: 1560px;
	}
}

@media screen and (min-width: 1880px) {

	#slider1 {
		width: 1820px;
	}
}