/* Smartphones (portrait and landscape) --------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	header {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	header img { max-width:80%; width:80%; height:auto!important; max-height:90px; float:left;}

	header .logo{
		padding:10px 0 0 10px;
	}

	h1{
		font-size:26px;
	}
	h2, h3{
		font-size:24px;
	}

	.page{
		overflow-x:hidden;
	}

	.contact{
		display:none;
	}
	.only-mobile{
		display:block;
	}
	.hamburger{
		display:block;
		float:right;
	}
	.btn-contact, .btn-contact a{
		background:#3a414c!important;
		color:white!important;
	}
	.btn-devis, .btn-devis a{
		background:#f29f9f!important;
		color:white!important;
	}

	.contact .lien_contact { width: 60px; height: 245px; top: 20px;}
	.contact .lien_devis { width: 60px; height: 245px; margin-top: 76px; }
	.contact .titre { font-size: 5px; }
	.contact .content { padding-top: 46px; padding-left: 5px; }
	.contact .content, .contact .content a { font-size: 6px; }
	.lien_contact .titre { margin: 30px  0 0 -15px; }
	.lien_devis .titre { margin: 30px  0 0 -16px; }

	.banniere { padding: 80px 0 0 0; width: calc(100% - 40px); margin: 0 0 20px 20px; height: 180px; }
	.banniere div { width: 240px; line-height: 13px; }
	.page-baseline{display:none;}
	.page-title{
		width:100%!important;
		line-height:1!important;
		height:100%!important;
	}
	.banniere div span { line-height: 13px; }
	.banniere .accroche_1 { font-size: 50px; }
	.banniere .accroche_2 { font-size: 12px; }
	.banniere .accroche_2 sup { font-size: 22px; }
	.banniere .accroche_3 { font-size: 50px; }
	.banniere .accroche_3 sup { font-size: 34px; }
	.banniere .accroche_4 { margin-top: 0px; padding: 0 0 0 80px; font-size: 14px; }
	.banniere .accroche_5 { padding: 0 0 0 80px; font-size: 10px; }

	.notions { margin: -80px 40px 0 40px; width: calc(100% - 80px); font-size: 8px;  flex-direction:column;}
	.notions .notion_titre { padding: 6px 0; }
	.notions .notion_science { padding: 29px 0 0 0; margin-top: 20px; }
	.notions .notion_ethique { padding: 29px 0 0 0; margin-top: 40px; }
	.notions .notion_expérience { padding: 80px 0 0 0; }
	.notions .notion_expérience .notion_titre {  padding: 12px 0; }
	.notion-details h3{font-size: 24px!important; font-weight:bold;margin-top:15px;}
	.notions .notion_reconnaissance { padding: 29px 0 0 0;margin-top: 40px; }
	.notions .notion_reseau { padding: 29px 0 0 0; margin-top: 20px; }

	.notion {
		transition: all 0.25s;
		position: relative;
		padding: 0!important;
		margin: 0!important;
		font-size: 22px;
	}
	.notion-details {
		display: none;
		font-size: 12px;
		color: black;
		background: rgba(255,255,255,0.8);
		text-align: left;
		padding: 20px;
	}

	.accroche_background { margin-top: -20px; opacity: 0.8; }
	.accroche { width: calc(100% - 80px); margin: -55px 0 20px 20px; padding: 60px 20px 0 20px; background: #f5f5f5; }
	.accroche h1, .accroche h2 { font-size: 24px!important; font-weight: 400; line-height: 40px; }
	.accroche h1 span {font-size: 42px; }
	.accroche p { text-align: justify; font-size: 16px; }
	.tests { padding-top: 25px; height: 100px; width: 100%; }
	.tests .test { font-size: 10px; }
	.tests .test img { width: 70px; height: 95px; padding-bottom: 10px; }
	.tests .test:last-child { border: 0; }
	.accroche p.accroche_test { font-size: 12px; }
	.stero_border { font-size: 12px; }
	.learn_more_link { font-size: 12px; }
	.stero { margin: 12% 0 10px 0; }

	.index nav {
		top: auto;
	}

	nav.nav{
		width:100%;
		display:none;
		position:absolute!important;
	}
	nav.nav ul{
		display:flex;
		flex-direction:column;
		height:auto;
	}
	nav.nav ul li{
		width:100%;
		background:white;
	}
	nav.nav ul li:hover, nav.nav ul li.active{
		border:none;
	}
	nav.nav ul li a {
		border-left:0;
	}
	nav.nav ul li:hover ul.submenu, nav.nav ul li.active ul.submenu {
		padding:0;
		border:0;
	}
	nav.nav ul li ul.submenu {
		position:relative;
		text-align:left;
		top:0;
		margin-top:15px;
	}
	nav.nav ul li ul.submenu li a {
		color: #3a414c;
		font-size: 18px;
		font-weight: 300;
	}

	.page .banniere{
		margin:0;
	}

	.conteneur-tests {
		flex-direction: column;
		max-height:none;
	}
	.test-item-illustrations{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
	.test-item-illustration-single{
		text-align:center;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 25px;
	}
	.test-item-illustration-single img{
		max-width:125px;
	}

	.test-item-contenu h3{
		font-size:22px;
		margin-top:25px;
	}
	.conteneur-tests .test-listing, .conteneur-tests .test-contenu .test-item .test-item-contenu, .conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single span{
		font-size: 18px;
	}
	.conteneur-tests .test-listing {
		width: 100%;
	}
	.conteneur-tests .test-contenu .test-item {
		flex-direction: column;
		display:none;
	}
	.conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single img {
		margin-left: 25px;
	}

	.arrow-right{
		display:none!important;
	}

	.section-actus{
		display:none;
	}
	.section-actus.only-mobile{
		display:block;
	}
	.bloc-actus{
		width:100%;
	}

	.accompagnements{
		flex-direction:column;
	}
	.accompagnement{
		margin-top:15px!important;
	}
	.accompagnement-titre img{
		width:180px!important;
		height:180px!important;
	}
	.accompagnement-details{
		display:none;
		opacity:1;
	}
	.accompagnement.open{
		width:auto;
	}

	.liste-membres{
		flex-direction: column;
	}
	.liste-membres img{
		margin:25px 0;
	}

	.page-title h1 {
		font-size: 28px;
	}

	.engagement_qualite{
		margin:50px 25px;
	}

	.quote_txt_qualite{
		font-size:34px;
	}

	.notre_histoire{
		font-size:19px;		
		margin:50px!important;
	}

	.debut_aventure{
		font-size:19px;
	}

	.creation{
		font-size:19px;
		margin:25px 50px!important;
	}
	.creation .mLeft50.mRight50.mBottom50{
		margin:0!important;
	}

	.dixans_bordure{
		margin-right: 50px!important;
		margin: 50px;
		padding: 0 25px;
	}

	.equipe{
		display:none;
	}

	.membre-top{
		margin-top:25px;
		text-align:center;
	}

	.membre-autre{
		margin-top:15px;
		text-align:center;
		margin-right:0!important;
	}

	.engagement_qualite{
		margin:25px;
		font-size:24px;
	}
	.main_txt{
		margin:25px;
	}

	.rd1_image, .rd3_image, .rd4_image, .rd5_image, .rd6_image{
		margin: 0 50px;
	}
	.thypest{
		padding-left:50px;
	}
	.thyrogenox{
		padding-right:50px;
	}
	.toxsyn{
		padding-left:0;
	}
	.border_partenaires{
		border:none;
		padding:0;
		margin:50px 0 0 0;
		width:100%;
	}

	.picto_Tleft, .picto_Tright, .picto_Bleft, .picto_Bright, .bloc_titre_txt, .approche_txt, .bloc_txt{
		margin:0 25px!important;
	}
	.bloc_txt, .bloc_txt .mRight100{
		margin-right:10px!important;
	}
	.approche_txt{
		padding:0!important;
	}
	.alevin_solo{
		margin:25px;
	}

	.contact-form .form-control, .contact-form .btn-send, .contact-form p{
		width: calc(100% - 3rem);
	}
	.contact-form p{
		width: calc(100% - 1.50rem);
	}

	footer .wrapper{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	footer form{
		margin:15px 0 0 0;
	}
	footer form button{
		margin-top:15px;
	}
}


/* Tablets, iPads (portrait and landscape) ------------------------------------------------------------------------------------------------------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	header {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	header img { max-width:100%; width:100%; height:auto!important; max-height:90px; }

	header .logo{
		padding:0 0 0 10px;
	}

	.contact{
		display:none;
	}
	.only-mobile{
		display:block;
	}
	.hamburger{
		display:block;
		float:right;
	}

	.contact .lien_contact { width: 140px; height: 245px; }
	.contact .lien_devis { width: 140px; height: 245px; margin-top: 132px; }
	.contact .titre { font-size: 11px; }
	.contact .content { padding-top: 110px; padding-left: 10px; }
	.contact .content, .contact .content a { font-size: 12px; }
	.lien_contact .titre { margin: 75px  0 0 -30px; }
	.lien_devis .titre { margin: 70px  0 0 -35px; }

	.banniere { padding: 120px 0 0 0; width: calc(100% - 100px); margin: 50px 0 50px 50px; height: 350px; }
	.banniere div { width: 460px; }
	.banniere div span { line-height: 25px; }
	.banniere .accroche_1 { font-size: 120px; }
	.banniere .accroche_2 { font-size: 20px; }
	.banniere .accroche_2 sup { font-size: 34px; }
	.banniere .accroche_3 { font-size: 120px; }
	.banniere .accroche_3 sup { font-size: 44px; }
	.banniere .accroche_4 { margin-top: 10px; padding: 0 0 0 150px; font-size: 26px; }
	.banniere .accroche_5 { padding: 0 0 0 150px; font-size: 20px; }

	.notions { margin: -160px 100px 0 100px; width: calc(100% - 200px); font-size: 12px; flex-direction:column;}
	.notions .notion_titre { padding: 20px 0; }
	.notions .notion_science { height: 56px; padding: 51px 0 0 0; margin-top: 50px; }
	.notions .notion_ethique { height: 56px; padding: 51px 0 0 0; margin-top: 100px; }
	.notions .notion_expérience { height: 72px; padding: 172px 0 0 0; }
	.notions .notion_expérience .notion_titre {  padding: 28px 0; }
	.notions .notion_reconnaissance { height: 56px; padding: 51px 0 0 0; margin-top: 100px; }
	.notions .notion_reseau { height: 56px; padding: 51px 0 0 0; margin-top: 50px; }

	.notion {
		transition: all 0.25s;
		position: relative;
		height: 100px!important;
		padding: 0!important;
		margin: 0!important;
		font-size: 22px;
	}
	.notion-details {
		display: none;
		font-size: 12px;
		color: black;
		background: rgba(255,255,255,0.8);
		text-align: left;
		padding: 20px;
	}

	.accroche_background { margin-top: -50px; }
	.accroche { width: calc(100% - 219px); margin: -140px 0 50px 50px; padding: 170px 60px 0 60px; background: #f5f5f5; }
	.accroche h1, .accroche h2 { font-size: 30px; font-weight: 400; line-height: 40px; }
	.accroche h1 span {font-size: 70px; }
	.accroche p { text-align: justify; font-size: 22px; }
	.tests { padding-top: 35px; height: 140px; }
	.tests .test { font-size: 14px; }
	.tests .test img { width: auto; height: 80%; }
	.tests .test:last-child { border: 0; }
	.accroche p.accroche_test { font-size: 14px; }
	.stero_border { font-size: 14px; }
	.learn_more_link { font-size: 14px; }


	nav.nav{
		width:100%;
		display:none;
		position:absolute!important;
		top:90px;
		left:0;
	}
	nav.nav ul{
		display:flex;
		flex-direction:column;
		height:auto;
	}
	nav.nav ul li{
		width:100%;
		background:white;
	}

	nav.nav ul li:hover, nav.nav ul li.active{
		border:none;
	}
	nav.nav ul li a {
		border-left:0;
	}
	nav.nav ul li:hover ul.submenu, nav.nav ul li.active ul.submenu {
		padding:0;
		border:0;
	}
	nav.nav ul li ul.submenu {
		position:relative;
		text-align:left;
		top:0;
		margin-top:15px;
	}
	nav.nav ul li ul.submenu li a {
		color: #3a414c;
		font-size: 18px;
		font-weight: 300;
	}

	.page .banniere{
		margin:0;
	}

	.conteneur-tests {
		flex-direction: column;
		max-height:none;
	}
	.test-item-illustrations{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
	.test-item-illustration-single{
		text-align:center;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top:25px;
	}
	.test-item-illustration-single img{
		max-width:125px;
	}

	.test-item-contenu h3{
		font-size:24px;
	}
	.arrow-right{
		display:none!important;
	}
	.conteneur-tests .test-listing, .conteneur-tests .test-contenu .test-item .test-item-contenu, .conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single span{
		font-size: 18px;
	}
	.conteneur-tests .test-listing {
		width: 100%;
	}
	.conteneur-tests .test-contenu .test-item {
		flex-direction: column;
		display:none;
	}
	.conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single img {
		margin-left: 25px;
	}

	.section-actus{
		display:none;
	}
	.section-actus.only-mobile{
		display:block;
	}
	.bloc-actus{
		width:100%;
	}

	.accompagnements{
		flex-direction:column;
	}
	.accompagnement{
		width:100%;
		margin-top:15px!important;
	}
	.accompagnement-titre img{
		width:180px!important;
		height:180px!important;
	}
	.accompagnement-details{
		display:none;
		opacity:1;
	}
	.accompagnement.open{
		width:100%;
	}

	.liste-membres{
		flex-direction: column;
	}
	.liste-membres img{
		margin:25px 0;
	}

	footer .wrapper{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	footer form{
		margin:15px 0 0 0;
	}
	footer form button{
		margin-top:15px;
	}
} 

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	header {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	header img { max-width:80%; width:80%; height:auto!important; max-height:90px; float:left;}

	header .logo{
		padding:10px 0 0 10px;
	}

	h1{
		font-size:26px;
	}
	h2, h3{
		font-size:24px;
	}

	.page{
		overflow-x:hidden;
	}

	.contact{
		display:none;
	}
	.only-mobile{
		display:block;
	}
	.hamburger{
		display:block;
		float:right;
	}
	.btn-contact, .btn-contact a{
		background:#3a414c!important;
		color:white!important;
	}
	.btn-devis, .btn-devis a{
		background:#f29f9f!important;
		color:white!important;
	}

	.contact .lien_contact { width: 60px; height: 245px; top: 20px;}
	.contact .lien_devis { width: 60px; height: 245px; margin-top: 76px; }
	.contact .titre { font-size: 5px; }
	.contact .content { padding-top: 46px; padding-left: 5px; }
	.contact .content, .contact .content a { font-size: 6px; }
	.lien_contact .titre { margin: 30px  0 0 -15px; }
	.lien_devis .titre { margin: 30px  0 0 -16px; }

	.banniere { padding: 80px 0 0 0; width: calc(100% - 40px); margin: 0 0 20px 20px; height: 180px; }
	.banniere div { width: 240px; line-height: 13px; }
	.page-baseline{display:none;}
	.page-title{
		width:100%!important;
		line-height:1!important;
		height:100%!important;
	}
	.banniere div span { line-height: 13px; }
	.banniere .accroche_1 { font-size: 50px; }
	.banniere .accroche_2 { font-size: 12px; }
	.banniere .accroche_2 sup { font-size: 22px; }
	.banniere .accroche_3 { font-size: 50px; }
	.banniere .accroche_3 sup { font-size: 34px; }
	.banniere .accroche_4 { margin-top: 0px; padding: 0 0 0 80px; font-size: 14px; }
	.banniere .accroche_5 { padding: 0 0 0 80px; font-size: 10px; }

	.notions { margin: -80px 40px 0 40px; width: calc(100% - 80px); font-size: 8px;  flex-direction:column;}
	.notions .notion_titre { padding: 6px 0; }
	.notions .notion_science { padding: 29px 0 0 0; margin-top: 20px; }
	.notions .notion_ethique { padding: 29px 0 0 0; margin-top: 40px; }
	.notions .notion_expérience { padding: 80px 0 0 0; }
	.notions .notion_expérience .notion_titre {  padding: 12px 0; }
	.notion-details h3{font-size: 24px!important; font-weight:bold;margin-top:15px;}
	.notions .notion_reconnaissance { padding: 29px 0 0 0;margin-top: 40px; }
	.notions .notion_reseau { padding: 29px 0 0 0; margin-top: 20px; }

	.notion {
		transition: all 0.25s;
		position: relative;
		padding: 0!important;
		margin: 0!important;
		font-size: 22px;
	}
	.notion-details {
		display: none;
		font-size: 12px;
		color: black;
		background: rgba(255,255,255,0.8);
		text-align: left;
		padding: 20px;
	}

	.accroche_background { margin-top: -20px; opacity: 0.8; }
	.accroche { width: calc(100% - 80px); margin: -55px 0 20px 20px; padding: 60px 20px 0 20px; background: #f5f5f5; }
	.accroche h1, .accroche h2 { font-size: 24px!important; font-weight: 400; line-height: 40px; }
	.accroche h1 span {font-size: 42px; }
	.accroche p { text-align: justify; font-size: 16px; }
	.tests { padding-top: 25px; height: 100px; width: 100%; }
	.tests .test { font-size: 10px; }
	.tests .test img { width: 70px; height: 95px; padding-bottom: 10px; }
	.tests .test:last-child { border: 0; }
	.accroche p.accroche_test { font-size: 12px; }
	.stero_border { font-size: 12px; }
	.learn_more_link { font-size: 12px; }
	.stero { margin: 12% 0 10px 0; }

	.index nav {
		top: auto;
	}

	nav.nav{
		width:100%;
		display:none;
		position:absolute!important;
	}
	nav.nav ul{
		display:flex;
		flex-direction:column;
		height:auto;
	}
	nav.nav ul li{
		width:100%;
		background:white;
	}
	nav.nav ul li:hover, nav.nav ul li.active{
		border:none;
	}
	nav.nav ul li a {
		border-left:0;
	}
	nav.nav ul li:hover ul.submenu, nav.nav ul li.active ul.submenu {
		padding:0;
		border:0;
	}
	nav.nav ul li ul.submenu {
		position:relative;
		text-align:left;
		top:0;
		margin-top:15px;
	}
	nav.nav ul li ul.submenu li a {
		color: #3a414c;
		font-size: 18px;
		font-weight: 300;
	}

	.page .banniere{
		margin:0;
	}

	.conteneur-tests {
		flex-direction: column;
		max-height:none;
	}
	.test-item-illustrations{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
	.test-item-illustration-single{
		text-align:center;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 25px;
	}
	.test-item-illustration-single img{
		max-width:125px;
	}

	.test-item-contenu h3{
		font-size:22px;
		margin-top:25px;
	}
	.conteneur-tests .test-listing, .conteneur-tests .test-contenu .test-item .test-item-contenu, .conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single span{
		font-size: 18px;
	}
	.conteneur-tests .test-listing {
		width: 100%;
	}
	.conteneur-tests .test-contenu .test-item {
		flex-direction: column;
		display:none;
	}
	.conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single img {
		margin-left: 25px;
	}

	.arrow-right{
		display:none!important;
	}

	.section-actus{
		display:none;
	}
	.section-actus.only-mobile{
		display:block;
	}
	.bloc-actus{
		width:100%;
	}

	.accompagnements{
		flex-direction:column;
	}
	.accompagnement{
		margin-top:15px!important;
	}
	.accompagnement-titre img{
		width:180px!important;
		height:180px!important;
	}
	.accompagnement-details{
		display:none;
		opacity:1;
	}
	.accompagnement.open{
		width:auto;
	}

	.liste-membres{
		flex-direction: column;
	}
	.liste-membres img{
		margin:25px 0;
	}

	.page-title h1 {
		font-size: 28px;
	}

	.engagement_qualite{
		margin:50px 25px;
	}

	.quote_txt_qualite{
		font-size:34px;
	}

	.notre_histoire{
		font-size:19px;		
		margin:50px!important;
	}

	.debut_aventure{
		font-size:19px;
	}

	.creation{
		font-size:19px;
		margin:25px 50px!important;
	}
	.creation .mLeft50.mRight50.mBottom50{
		margin:0!important;
	}

	.dixans_bordure{
		margin-right: 50px!important;
		margin: 50px;
		padding: 0 25px;
	}

	.equipe{
		display:none;
	}

	.membre-top{
		margin-top:25px;
		text-align:center;
	}

	.membre-autre{
		margin-top:15px;
		text-align:center;
		margin-right:0!important;
	}

	.engagement_qualite{
		margin:25px;
		font-size:24px;
	}
	.main_txt{
		margin:25px;
	}

	.rd1_image, .rd3_image, .rd4_image, .rd5_image, .rd6_image{
		margin: 0 50px;
	}
	.thypest{
		padding-left:50px;
	}
	.thyrogenox{
		padding-right:50px;
	}
	.toxsyn{
		padding-left:0;
	}
	.border_partenaires{
		border:none;
		padding:0;
		margin:50px 0 0 0;
		width:100%;
	}

	.picto_Tleft, .picto_Tright, .picto_Bleft, .picto_Bright, .bloc_titre_txt, .approche_txt, .bloc_txt{
		margin:0 25px!important;
	}
	.bloc_txt, .bloc_txt .mRight100{
		margin-right:10px!important;
	}
	.approche_txt{
		padding:0!important;
	}
	.alevin_solo{
		margin:25px;
	}

	.contact-form .form-control, .contact-form .btn-send, .contact-form p{
		width: calc(100% - 3rem);
	}
	.contact-form p{
		width: calc(100% - 1.50rem);
	}

	footer .wrapper{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	footer form{
		margin:15px 0 0 0;
	}
	footer form button{
		margin-top:15px;
	}
	footer .adresse{
        font-size:16px;
    }
}

/* Desktops and laptops ------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width : 1025px) {
	
	/*header { position: fixed; height: 50px; }
		header img { width: 500px; height: auto; }

	.index nav {
	    top: 74px;
	    }*/

	    .contact .lien_contact { width: 180px; height: 245px; }
	    .contact .lien_devis { width: 180px; height: 245px; margin-top: 172px; }
	    .contact .titre { font-size: 14px; }
	    .contact .content { padding-top: 140px; padding-left: 10px; }
	    .contact .content, .contact .content a { font-size: 16px; }
	    .lien_contact .titre { margin: 95px  0 0 -40px; }
	    .lien_devis .titre { margin: 95px  0 0 -45px; }

	    .lien_contact .titre_en { margin: 90px  0 0 -41px !important; }
	    .lien_devis .titre_en { margin: 70px  0 0 -46px !important; }

	    .banniere { padding: 160px 0 0 0; width: calc(100% - 90px); margin: 50px 0 50px 50px; height: 450px; }
	    .banniere div { width: 690px; }
	    .banniere div span { line-height: 35px; }
	    .banniere .accroche_1 { font-size: 180px; }
	    .banniere .accroche_2 { font-size: 28px; }
	    .banniere .accroche_2 sup { font-size: 58px; }
	    .banniere .accroche_3 { font-size: 180px; }
	    .banniere .accroche_3 sup { font-size: 58px; }
	    .banniere .accroche_4 { margin-top: 10px; padding: 0 0 0 300px; font-size: 34px; }
	    .banniere .accroche_5 { padding: 0 0 0 300px; font-size: 24px; }

	    .notions { margin: -200px 100px 0 100px; width: calc(100% - 200px); font-size: 18px; }
	    .notions .notion_titre { padding: 31px 0; }
	    .notions .notion_science { height: 79px; padding: 81px 0 0 0; margin-top: 50px; }
	    .notions .notion_ethique { height: 79px; padding: 81px 0 0 0; margin-top: 100px; }
	    .notions .notion_expérience { height: 100px; padding: 212px 0 0 0; }
	    .notions .notion_expérience .notion_titre {  padding: 41px 0; }
	    .notion-details{color:black;background:#f19f9f;position:absolute;height:100%;top:0; right:0;font-size: 14px;}
	    .notion-details h3{font-size: 24px; font-weight:bold;margin-top:15px;}
	    .notion.small .notion_titre{ font-size:16px; padding:31.5px 0; }
	    .notions .notion_expérience.small .notion_titre {  padding: 73px 0 !important; }
	    .notions .notion_reconnaissance { height: 79px; padding: 81px 0 0 0; margin-top: 100px; }
	    .notions .notion_reseau { height: 79px; padding: 81px 0 0 0; margin-top: 50px; }

	    .accroche_background { margin-top: -70px; }
	    .accroche { width: calc(100% - 290px); margin: -200px 0 50px 50px; padding: 240px 100px 0 100px; background: #f5f5f5; }
	    .accroche h1, .accroche h2 { font-size: 40px; font-weight: 400; line-height: 60px; }
	    .accroche h1 span {font-size: 120px; }
	    .accroche p { text-align: justify; font-size: 24px; }
	    .tests { padding-top: 35px; }
	    .tests .test { font-size: 18px; }
	    .tests .test img { width: auto; height: 70%; padding-bottom: 15px; }
	    .tests .test:last-child { border: 0; }
	    .accroche p.accroche_test { font-size: 18px; }
	    .stero_border { font-size: 18px; }
	    .learn_more_link { font-size: 18px; }

	    .accompagnement{
	    	max-width:140px;
	    }

	    .accompagnement .accompagnement-titre{
	    	font-size:12px;
	    	display:flex;
	    	flex-direction:column;
	    	align-items:center;
	    	color:#d68983;
	    }
	    .accompagnement .accompagnement-titre img{
	    	border-radius: 50%;
	    	object-fit: cover;
	    	width: 110px;
	    	height: 110px;
	    	border: 5px;
	    	margin-top:25px;
	    }
	    .accompagnement.accompagnement-1 { flex: 1; margin-top:110px;} 
	    .accompagnement.accompagnement-1 .accompagnement-titre img{
	    	border:5px #f9c7b9 solid;
	    }     
	    .accompagnement.accompagnement-2 { flex: 1;}
	    .accompagnement.accompagnement-2 .accompagnement-titre img{
	    	border:5px #eeb2a2 solid;
	    }
	    .accompagnement.accompagnement-3 { flex: 2; margin-top:75px;}
	    .accompagnement.accompagnement-3 .accompagnement-titre img{
	    	border:5px #d68983 solid;
	    	width:140px;
	    	height:140px;
	    }
	    .accompagnement.accompagnement-4 { flex: 1;}
	    .accompagnement.accompagnement-4 .accompagnement-titre img{
	    	border:5px #f3d2c3 solid;
	    }
	    .accompagnement.accompagnement-5 { flex: 1; margin-top:100px;}
	    .accompagnement.accompagnement-5 .accompagnement-titre img{
	    	border:5px #fbe2d1 solid;
	    }

	    nav.nav ul li {
	    	padding: 15px 0;
	    }
	    nav.nav ul li a{
	    	font-size:16px;
	    }
	    .page-title h1 {
	    /*margin-left: 260px;
	    margin-top: 175px;*/
	}

	.page-baseline{
		width:30%!important;
		float:right;
		height: calc(100% - 55px);
	}
	.page-baseline div{
		max-width:100%;
		padding:0;
	}
	.page-baseline .accroche_1{
		font-size:180px;
		margin-left:25px;
	}
	.page-baseline .accroche_2{
		font-size: 20px;
		margin-top: 20px;
	}
	.page-baseline .accroche_2 sup{
		font-size:34px;
		margin-top:50px;
	}
	.page-baseline .accroche_3{
		font-size: 100px;
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.page-baseline .accroche_4{
		padding:0;
		font-size:18px;
		text-align:center;
		width: 100%;
		margin-top:0;
	}
	.page-baseline .accroche_5{
		padding:0;
		font-size:16px;
		text-align:center;
		width: 100%;
	}
	.conteneur-tests .test-listing, .conteneur-tests .test-contenu .test-item .test-item-contenu, .conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single span{
		font-size: 14px;
	}
	.test-item-contenu h3{
		font-size:28px;
	}
	.conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single span {
		margin-left: 12px;
	}
	.conteneur-tests .test-listing .test-selector.active:before{
		width: 5px;
		margin-right:5px;
	}
	.conteneur-tests .test-listing .test-selector.selector-1 .arrow-right{
		border-top: 36px solid transparent;
		border-bottom: 27px solid transparent;  
		border-left: 36px solid #4d545e;
	}
	.conteneur-tests .test-listing .test-selector.selector-2 .arrow-right{
		border-top: 36px solid transparent;
		border-bottom: 27px solid transparent;  
		border-left: 36px solid #616770;
	}
	.conteneur-tests .test-listing .test-selector.selector-3 .arrow-right{
		border-top: 36px solid transparent;
		border-bottom: 27px solid transparent;  
		border-left: 36px solid #757a81;
	}
	.conteneur-tests .test-listing .test-selector.selector-4 .arrow-right{
		border-top: 36px solid transparent;
		border-bottom: 27px solid transparent;  
		border-left: 36px solid #898d94;
	}
	.conteneur-tests .test-listing .test-selector.selector-5 .arrow-right{
		border-top: 36px solid transparent;
		border-bottom: 27px solid transparent;  
		border-left: 36px solid #9ca0a5;
	}
	.conteneur-tests .test-listing .test-selector.selector-6 .arrow-right{
		border-top: 36px solid transparent;
		border-bottom: 27px solid transparent;  
		border-left: 36px solid #b0b3b7;
	}
	footer .adresse{
        font-size:16px;
    }
}


/* Desktops and laptops ------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width : 1280px) {
	
	/*header img { width: 600px; height: auto; }*/

	.contact .lien_contact { width: 220px; height: 245px; }
	.contact .lien_devis { width: 220px; height: 245px; margin-top: 208px; }
	.contact .titre { font-size: 16px; }
	.contact .content { padding-top: 170px; padding-left: 20px; }
	.contact .content, .contact .content a { font-size: 20px; }
	.lien_contact .titre { margin: 115px  0 0 -45px; }
	.lien_devis .titre { margin: 115px  0 0 -50px; }

	.lien_contact .titre_en { margin: 105px  0 0 -35px !important; }
	.lien_devis .titre_en { margin: 85px  0 0 -41px !important; }

	.banniere {     padding: 200px 0 0 0;
		height: 500px; }
		.banniere div { width: 770px; }
		.banniere div span { line-height: 40px; }
		.banniere .accroche_1 { font-size: 220px; }
		.banniere .accroche_2 { font-size: 30px; }
		.banniere .accroche_2 sup { font-size: 58px; }
		.banniere .accroche_3 { font-size: 220px; }
		.banniere .accroche_3 sup { font-size: 58px; }
		.banniere .accroche_4 { margin-top: 30px; padding: 0 0 0 300px; font-size: 24px; }
		.banniere .accroche_5 { padding: 0; font-size: 42px; }

		.notions { margin: -200px 100px 0 100px; width: calc(100% - 200px); font-size: 20px; }
		.notions .notion_titre { padding: 31px 0; }
		.notions .notion_science { height: 82px; padding: 121px 0 0 0; margin-top: 50px; }
		.notions .notion_ethique { height: 82px; padding: 121px 0 0 0; margin-top: 100px; }
		.notions .notion_expérience { height: 162px; padding: 252px 0 0 0; }
		.notions .notion_expérience .notion_titre {  padding: 71px 0; }			
		.notion-details{color:black;background:#f19f9f;position:absolute;height:100%;top:0; right:0;font-size: 18px;}
		.notion-details h3{font-size: 24px; font-weight:bold;margin-top:15px;}
		.notion.small .notion_titre{ font-size:16px; padding:33px 0; }
		.notions .notion_expérience.small .notion_titre {  padding: 73px 0 !important; }
		.notions .notion_reconnaissance { height: 82px; padding: 121px 0 0 0; margin-top: 100px; }
		.notions .notion_reseau { height: 82px; padding: 121px 0 0 0; margin-top: 50px; }

		.accroche_background { margin-top: -100px; }
		.accroche { width: calc(100% - 350px); margin: -286px 0 50px 50px; padding: 320px 130px 0 130px; background: #f5f5f5; }
		/*.accroche h1, .accroche h2 { font-size: 48px; font-weight: 400; line-height: 80px; }*/
		.accroche h1, .accroche h2{ font-size: 48px; font-weight: 400; line-height: 60px; }
		.accroche h1 span {font-size: 180px; }
		.accroche p { text-align: justify; font-size: 30px; }
		.tests { padding-top: 55px; }
		.tests .test { font-size: 24px; }
		.tests .test:last-child { border: 0; }
		.accroche p.accroche_test { font-size: 24px; }
		.stero_border { font-size: 24px; }
		.learn_more_link { font-size: 18px; }

		.accompagnement{
			max-width:185px;
		}

		.accompagnement .accompagnement-titre{
			font-size:16px;
			display:flex;
			flex-direction:column;
			align-items:center;
			color:#d68983;
		}
		.accompagnement .accompagnement-titre img{
			border-radius: 50%;
			object-fit: cover;
			width: 125px;
			height: 125px;
			border: 5px;
			margin-top:25px;
		}
		.accompagnement.accompagnement-1 { flex: 1; margin-top:90px;} 
		.accompagnement.accompagnement-1 .accompagnement-titre img{
			border:5px #f9c7b9 solid;
		}     
		.accompagnement.accompagnement-2 { flex: 1;}
		.accompagnement.accompagnement-2 .accompagnement-titre img{
			border:5px #eeb2a2 solid;
		}
		.accompagnement.accompagnement-3 { flex: 2; margin-top:75px;}
		.accompagnement.accompagnement-3 .accompagnement-titre img{
			border:5px #d68983 solid;
			width:185px;
			height:185px;
		}
		.accompagnement.accompagnement-4 { flex: 1; margin-top: 20px;}
		.accompagnement.accompagnement-4 .accompagnement-titre img{
			border:5px #f3d2c3 solid;
		}
		.accompagnement.accompagnement-5 { flex: 1; margin-top:60px;}
		.accompagnement.accompagnement-5 .accompagnement-titre img{
			border:5px #fbe2d1 solid;
		}

		nav.nav ul li {
			padding: 13px 0;
		}
		nav.nav ul li a{
			font-size:18px;
		}


		.page-baseline{
			width:30%!important;
			float:right;
			height: calc(100% - 55px);
		}
		.page-baseline div{
			max-width:100%;
			padding:0;
		}
		.page-baseline .accroche_1{
			font-size:180px;
			margin-left:25px;
		}
		.page-baseline .accroche_2{
			font-size: 20px;
			margin-top: 20px;
		}
		.page-baseline .accroche_2 sup{
			font-size:34px;
			margin-top:50px;
		}
		.page-baseline .accroche_3{
			font-size: 160px;
			text-align: center;
			width: 100%;
			margin-top: 40px;
		}
		.page-baseline .accroche_4{
			padding:0;
			font-size:24px;
			text-align:center;
			width: 100%;
			margin-top:0;
		}
		.page-baseline .accroche_5{
			padding:0;
			font-size:20px;
			text-align:center;
			width: 100%;
		}

		.conteneur-tests .test-listing, .conteneur-tests .test-contenu .test-item .test-item-contenu, .conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single span{
			font-size: 16px;
		}
		.conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single span {
			margin-left: 20px;
		}
		.test-item-contenu h3{
			font-size:32px;
		}
		.conteneur-tests .test-listing .test-selector.active:before{
			width: 10px;
			margin-right:5px;
		}
		.conteneur-tests .test-listing .test-selector.selector-1 .arrow-right{
			border-top: 36px solid transparent;
			border-bottom: 30px solid transparent;  
			border-left: 36px solid #4d545e;
		}
		.conteneur-tests .test-listing .test-selector.selector-2 .arrow-right{
			border-top: 36px solid transparent;
			border-bottom: 30px solid transparent;  
			border-left: 36px solid #616770;
		}
		.conteneur-tests .test-listing .test-selector.selector-3 .arrow-right{
			border-top: 36px solid transparent;
			border-bottom: 30px solid transparent;  
			border-left: 36px solid #757a81;
		}
		.conteneur-tests .test-listing .test-selector.selector-4 .arrow-right{
			border-top: 36px solid transparent;
			border-bottom: 30px solid transparent;  
			border-left: 36px solid #898d94;
		}
		.conteneur-tests .test-listing .test-selector.selector-5 .arrow-right{
			border-top: 36px solid transparent;
			border-bottom: 30px solid transparent;  
			border-left: 36px solid #9ca0a5;
		}
		.conteneur-tests .test-listing .test-selector.selector-6 .arrow-right{
			border-top: 36px solid transparent;
			border-bottom: 30px solid transparent;  
			border-left: 36px solid #b0b3b7;
		}
		footer .adresse{
	        font-size:18px;
	    }
	}


	/* Large screens -------------------------------------------------------------------------------------------------------------------------------------------- */
	@media only screen and (min-width : 1624px) {

		/*header img {width: 685px;}*/

		.contact .lien_contact { width: 322px; height: 308px; }
		.contact .lien_devis { width: 322px; height: 308px; margin-top: 308px; }
		.contact .titre { font-size: 20px; }
		.contact .content { padding-top: 250px; padding-left: 20px; }
		.contact .content, .contact .content a { font-size: 30px; }
		.lien_contact .titre { margin: 165px  0 0 -50px; }
		.lien_devis .titre { margin: 165px  0 0 -55px; }

		.lien_contact .titre_en { margin: 160px  0 0 -35px !important; }
		.lien_devis .titre_en { margin: 160px  0 0 -41px !important; }

		.banniere {     padding: 200px 0 0 0;
			height: 500px; }
			.banniere div { width: 890px; }
			.banniere div span { line-height: 45px; }
			.banniere .accroche_1 { font-size: 250px; }
			.banniere .accroche_2 { font-size: 36px; }
			.banniere .accroche_2 sup { font-size: 65px; }
			.banniere .accroche_3 { font-size: 252px; }
			.banniere .accroche_3 sup { font-size: 65px; }
			.banniere .accroche_4 { margin-top: 30px; padding: 0 0 0 300px; font-size: 24px; }
			.banniere .accroche_5 { padding: 0; font-size: 42px; }

			.notions { margin: -200px 100px 0 100px; width: calc(100% - 200px); font-size: 30px; position:relative;}
			.notions .notion_titre { padding: 32px 0; }
			.notions .notion_science { height: 94px; padding: 121px 0 0 0; margin-top: 50px; }
			.notions .notion_ethique { height: 94px; padding: 121px 0 0 0; margin-top: 100px; }
			.notions .notion_expérience { height: 174px; padding: 262px 0 0 0; }
			.notions .notion_expérience .notion_titre {  padding: 75px 0; }
			.notion-details{color:black;background:#f19f9f;position:absolute;height:100%;top:0; right:0;}			
			.notion.small .notion_titre{ font-size:16px; padding:39px 0; }
			.notions .notion_expérience.small .notion_titre {  padding: 79px 0 !important; }
			.notions .notion_reconnaissance { height: 94px; padding: 121px 0 0 0; margin-top: 100px; }
			.notions .notion_reseau { height: 94px; padding: 121px 0 0 0; margin-top: 50px; }

			.accroche_background { margin-top: -130px; }
			.accroche { width: calc(100% - 340px); margin: -300px 0 50px 50px; padding: 350px 130px 0 120px; background: #f5f5f5; }
			/*.accroche h1, .accroche h2{ font-size: 68px; font-weight: 400; line-height: 80px; }*/
			.accroche h1, .accroche h2{ font-size: 48px; font-weight: 400; line-height: 60px; }
			.accroche h1 span {font-size: 180px; }
			.accroche p { text-align: justify; font-size: 40px; }
			.tests { padding-top: 55px; }
			.tests .test { font-size: 30px; }
			.tests .test:last-child { border: 0; }
			.accroche p.accroche_test { font-size: 32px; }
			.stero_border { font-size: 32px; }
			.learn_more_link { font-size: 18px; }

			.accompagnement{
				max-width:none;
			}

			.accompagnement .accompagnement-titre{
				font-size:20px;
				display:flex;
				flex-direction:column;
				align-items:center;
				color:#d68983;
			}
			.accompagnement .accompagnement-titre img{
				border-radius: 50%;
				object-fit: cover;
				width: 175px;
				height: 175px;
				border: 5px;
				margin-top:25px;
			}
			.accompagnement.accompagnement-1 { flex: 1; margin-top:125px;} 
			.accompagnement.accompagnement-1 .accompagnement-titre img{
				border:5px #f9c7b9 solid;
			}     
			.accompagnement.accompagnement-2 { flex: 1;}
			.accompagnement.accompagnement-2 .accompagnement-titre img{
				border:5px #eeb2a2 solid;
			}
			.accompagnement.accompagnement-3 { flex: 2; margin-top:75px;}
			.accompagnement.accompagnement-3 .accompagnement-titre img{
				border:5px #d68983 solid;
				width:300px;
				height:300px;
			}
			.accompagnement.accompagnement-4 { flex: 1;}
			.accompagnement.accompagnement-4 .accompagnement-titre img{
				border:5px #f3d2c3 solid;
			}
			.accompagnement.accompagnement-5 { flex: 1; margin-top:65px;}
			.accompagnement.accompagnement-5 .accompagnement-titre img{
				border:5px #fbe2d1 solid;
			}

			.page-baseline{
				width:30%!important;
				float:right;
				height: calc(100% - 55px);
			}
			.page-baseline div{
				max-width:100%;
				padding:0;
			}
			.page-baseline .accroche_1{
				font-size:225px;
				margin-left:25px;
			}
			.page-baseline .accroche_2{
				font-size:24px;
				margin-top:50px;
			}
			.page-baseline .accroche_2 sup{
				font-size:34px;
				margin-top:50px;
			}
			.page-baseline .accroche_3{
				font-size:180px;
				text-align:center;
				width: 100%;
				margin-top:50px;
			}
			.page-baseline .accroche_4{
				padding:0;
				font-size:32px;
				text-align:center;
				width: 100%;
				margin-top:0;
			}
			.page-baseline .accroche_5{
				padding:0;
				font-size:25px;
				text-align:center;
				width: 100%;
			}

			.conteneur-tests .test-listing, .conteneur-tests .test-contenu .test-item .test-item-contenu, .conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single span{
				font-size: 22px;
			}

			.test-item-contenu h3{
				font-size:36px;
			}
			footer .adresse{
		        font-size:21px;
		    }
		}