@charset "utf-8";
/* CSS Document */
/* gesscreen */
/* gestion des dimensions d'ecran */


/*-----------------------------LISTE DES FONT FAMILY DE GOOGLEFONTS-------------------------------
font-family: 'Rock Salt', cursive;
font-family: 'Cabin Condensed', sans-serif;
font-family: 'Cabin', sans-serif;
font-family: 'Lora', serif;
font-family: 'Nunito', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Viga', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/*-----------------------------ROOT SECTOR   DECLARATION DES VARIABLES-------------------------------*/

:root {
    --family-lora: 'Lora', serif;
    --family-rock: 'Rock Salt', cursive;
    --family-nunito: 'Nunito', sans-serif;
    --family-oswald: 'Oswald', sans-serif;
    --family-anton: 'Anton', sans-serif;
    --family-viga: 'Viga', sans-serif;
    --family-opensans: 'Open Sans', sans-serif;
    --family-opensanscond: 'Open Sans Condensed', sans-serif;
    --family-cabin: 'Cabin', sans-serif;
    --family-cabincond: 'Cabin Condensed', sans-serif;
    --family-roboto: 'Roboto', sans-serif;
    --family-robotocond: 'Roboto Condensed', sans-serif;
    --family-robotoslab: 'Roboto Slab', serif;
}

.text-nunito {
    font-family: var(--family-nunito);
}

.text-roboto {
    font-family: var(--family-roboto);
}

.text-oswald {
    font-family: var(--family-oswald);
}

.text-anton {
    font-family: var(--family-anton);
}

.text-robotoslab {
    font-family: var(--family-robotoslab);
}

.text-cabin {
    font-family: var(--family-cabin);
}


/*----------------------------------------DUMMY VIDE POUR /CRITURE-------------------------------

.xxx {
		font-family: ;
		font-size: ;
		font-weight: ;
		font-style: ;
		line-height: ;
		letter-spacing: ;
		word-spacing: ;
		text-align: ;
		text-decoration: ;
		border: ;
		padding-top: ;
		padding-bottom: ;
		padding-left: ;
		padding-right: ;
		margin-top: ;
		margin-bottom: ;
		margin-left: ;
		margin-right: ;
	}

*/





.special-p {
	font-size: 1px;
	line-height: 5px;
	padding: 0px;
	margin: 0px;
	background-color: var(--indigo);
}

div.data-hiden {
    display: none;
}

div.itemData-hiden {
    display: none;
}

div.swiperData-hiden {
    display: none;
}

div.popupData-hiden {
    display: none;
}

div.md-display {
    display: none;
}



/* XM  SCREEN ---------------------XM-----XM-----XM-----XM------XM------XM------XM------XM------*/
@media screen and (min-width: 1px) {
	
    body {
        margin-left: 8px;
        margin-right: 8px;
    }
    
    .navbar {
        padding: 0;
    }
    
    .nav-link.screen {
		font-family: var(--family-opensans);
		font-size: 2vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 1.8vw;
		padding-bottom: 0;
		padding-left: 0.5vw;
		padding-right: 0.5vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0.25vw;
		margin-right: 0;
	}
	
	.navbar-expand-sm .navbar-nav .nav-link.screen {
		padding-right: 0.25vw;
		padding-left: 0.25vw;
	}
	
	.nav-item.dropdown:hover .dropdown-menu {
		display: block;
	}
	
	 .navbar-brand {
		font-family: var(--family-roboroslab);
		font-size: 2.0vw;
		font-weight: 700;
		font-style: normal;
		line-height: inherit;
		letter-spacing: 0;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 3.5vw;
		white-space: nowrap;
	}
	 
	
	.navbar-nav {
		padding-left: 0;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0.75vw;
	}
	
	.navbar-logo {
		height: 6vw;
	}
	
    .navbar-brand.middle {
		font-size: 2.5vw;
		font-weight: 700;
		margin-bottom: 0.75vw;
        display: block;
        margin-right: 1px;
	}
    
	.navbar-brand.right {
		font-size: 1.8vw;
		font-weight: 700;
		margin-bottom: 0.75vw;
        display: none;
	}
	
	.top-header {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0px;
	}
	
	.top-header h3 {
		font-family: var(--family-rock);
		font-size: 1.5vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.1vw;
		letter-spacing: 0.4vw;
		word-spacing: normal;
		text-align: right;
		text-decoration: none;
		border: 0;
		padding-top: 1vw;
		padding-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: -0.0vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.top-header h1 {
		font-family: var(--family-roboto);
		font-size: 1.6vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.6vw;
		letter-spacing: 0.2em;
		word-spacing: 0.25vw;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0.75vw;
		padding-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	 .top-header h2 {
		font-family: var(--family-cabin);
		font-size: 2vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2vw;
		letter-spacing: 0.25vw;
		word-spacing: 0.95vw;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0.25vw;
		padding-bottom: 0.75vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: inherit;
		margin-bottom: 1.2vw;
		margin-left:inherit;
		margin-right: inherit;
	}
    
    .contact h1 {
        font-family: var(--family-cabin);
		font-size: 2.5vw;
		font-weight: 600;
		font-style: oblique;
		line-height: 2.5vw;
		letter-spacing: 0.1em;
		word-spacing: 0.1em;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 2vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }
    
    .contact h2 {
        font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 2.8vw;
		padding-bottom: 0;
		padding-left: 5%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }
    
    .contact h3 {
        font-family: var(--family-robotocond);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 1vw;
		padding-bottom: 0;
		padding-left: 10%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }
    
    .img-side {
        width: 100%;
    }
	
	
	.overlay {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding-top: 10%; 
      background: rgba(0, 0, 0, 0.7);
      transition: opacity 500ms;
      visibility: hidden;
      opacity: 0;
      z-index: 99;
    }
    .overlay:target {
      visibility: visible;
      opacity: 1;
    }
    
    .popup {
      margin: 1vw auto;
      padding: 0;
      background-color: transparent;
      width: 75%;
      position: relative;
      transition: all 5s ease-in-out;
    }
    
    div.col-popup {
        padding-left: 2vw;
    }

	.popup-img {
      width: 100%;
      border-radius: 1vw;
	}
	
	.popup-img-3d {
      width: 100%;
      padding-top: 8%;
	}
	
	.popup-img-logo {
      width: 100%;
      padding-top: 10%;
	}

    .popup .close {
      position: absolute;
      font-family: var(--family-robotocond);
      top: 0;
      right: 0;
      margin-right: -2vw;
      transition: all 200ms;
      font-size: 3.6vw;
      font-weight: 800;
      text-decoration: none;
      opacity: 1;
      line-height: 1;
      text-shadow: none;	
    }
    
    /* ---  SWIPER-TYPE1 ET SWIPER-TYPE2 ** CSS COMMUN **  --- */
    
	.swiper-type1,
    .swiper-type2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 1vw;
        padding-bottom: 0;
	}
	
    .swiper-type1 header a div.row,
	.swiper-type2 header a div.row {
		margin-left: 0;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 0.6vw;
		padding-bottom: 0.6vw;
	}
	
    .swiper-type1 header h1,
	.swiper-type2 header h1 {
		font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.8vw;
		letter-spacing: 0.1em;
		word-spacing: 0.08em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
    .swiper-type1 header h2,
	.swiper-type2 header h2 {
		font-family: var(--family-roboto); 
		font-size: 1.5vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 1.25vw;
		margin-right: 0;
	}
    
    .swiper-type1 .card,
    .swiper-type2 .card {
		width: auto;
		height: 100%;
		border: 0;
	}
	
    .swiper-type1 header .clic,
	.swiper-type2 header .clic {
		opacity: 0;
		transition-property: opacity;
	}
	
    .swiper-type1 header:hover .clic,
	.swiper-type2 header:hover .clic {
		opacity: 1;
	}
    
    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 18px;
    }
    
    .swiper-container-1 {
      margin-left: 0;
      margin-right: 0;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 3vw;
      padding-right: 3vw;
      z-index: 1;
    }

    .swiper-container-2 {
      margin-left: 0;
      margin-right: 0;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 3vw;
	  padding-right: 3vw;
      z-index: 1;
    }
    
    .swiper-type1 .swiper-wrapper {
	    padding: 1.75vw 0px 1.75vw 0px;
    }
    
    .swiper-type2 .swiper-wrapper {
	    padding: 1.5vw 0px 1.5vw 0px;
    }
    
    .swiper-type1 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type1 .swiper-slide:hover {
	    transform: scale(1.03);
    }

    .swiper-type2 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type2 .swiper-slide:hover {
	    transform: scale(1.03);
    }
    
	/* ---  SWIPER-TYPE1  --- */
	
    .swiper-type1 .card h1 {
		font-family: var(--family-roboto);
		font-size: 2.1vw;
		font-weight: 600;
		font-style: normal;
		line-height: 2.5vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 6%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type1 .card h2 {
		font-family: var(--family-roboto);
		font-size: 2vw;
		font-weight: 700;
		font-style: normal;
		line-height: 3.1vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 2%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type1 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 1.7vw;
		font-weight: 100;
		font-style: normal;
		line-height: 2.3vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 8px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.7vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type1 .card h4 {
		font-family: var(--family-opensans);
		font-size: 1.9vw;
		font-weight: 500;
		font-style: normal;
		line-height: 2.4vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 3%;
		padding-right: 3%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	h5.poph5 {
		font-family: var(--family-cabin);
		font-size: 2vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2.2vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 2%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h6.poph6 {
		font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.7vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp1,
    p.popp2 {
		font-family: var(--family-cabin);
		font-size: 1.15vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.3vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp3 {
		font-family: var(--family-opensans);
		font-size: 1.05vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.3vw;
		letter-spacing: 0.1em;
		word-spacing: 0.15em;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	/* ---   SWIPER-TYPE2   --- */
	

	
	.swiper-type2 .card h1 {
		font-family: var(--family-roboto);
		font-size: 2.1vw;
		font-weight: 600;
		font-style: normal;
		line-height: 2.5vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 6%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type2 .card h2 {
		font-family: var(--family-roboto);
		font-size: 2vw;
		font-weight: 700;
		font-style: normal;
		line-height: 3.1vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0vw;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 2%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type2 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 1.7vw;
		font-weight: 100;
		font-style: normal;
		line-height: 2.3vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 8px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.7vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type2 .card h4 {
		font-family: var(--family-opensans);
		font-size: 1.3vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.6vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 2%;
		padding-right: 2%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	.card-img-3d {
		height: auto;
		width: 80%;
		margin-top: 2%;
		padding: 0;
	}
	
	.card-img-logo {
		height: auto;
		width: 50%;
		/*margin-top: 0;
		padding: 0;*/
	}
	
	.card-top-flex {
		height: 22%;
		background-color: transparent;
	}
	
	.card-middle1-flex {
		height: auto;
		padding: 0;
		background-color: transparent;
		/*margin-top: 0px;*/
	}
	
	.card-middle2-flex {
		height: 12%;
		padding: 0;
		background-color: transparent;
	}
    
    .card-middle3-flex {
		height: auto;
		/*margin-top: 1%;*/
		background-color: transparent;
	}
	
	.card-img-overlay.bottom {
	    position: absolute;
 	    top: auto;
  	    right: 0;
	    bottom: 0;
 	    left: 0;
        padding: 1px 1%;
        height: 16%;
    }
    
    /*  INFOLETTRE  */
	
	.container-fluid.infolettre {
		padding-top: 3vw;
		padding-bottom: 1.5vw;
	}
	
	div.bouton {
		text-align: center;
	}
	
	.btn.btn-warning.infolettre {
		font-family: var(--family-opensans);
		font-size: 1.2vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.75vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 3vw;
		padding-right: 3vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h1.infolettre {
		font-family: var(--family-roboto);
		font-size: 1.75vw;
		font-weight: 400;
		font-style: normal;
		line-height: 2.5vw;
		letter-spacing: normal;
		word-spacing: 0.25em;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h2.infolettre {
		font-family: var(--family-robotocond);
		font-size: 1.755vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	
	img.infolettre {
		width: 20vw;
		height: auto;
		margin-right: auto;
	}
    
    /*  BLOC FOOTER ---  FABRICANTS-INDUSTRIES-PRODUITS-SERVICES-LIENS-DOCUMENTATION-MEDIAS   */
	ul.manufacturier h1,
    ul.produits h1,
    ul.industrie h1,
    ul.services h1,
    ul.sitemap h1 {
		font-family: var(--family-oswald);
		font-size: 1.3vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.07em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
    
    ul.medias h1,
    ul.documentation h1 {
		font-family: var(--family-oswald);
		font-size: 1.3vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.07em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0.7vw;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier,
    ul.produits,
    ul.industrie,
    ul.services,
    ul.medias,
    ul.documentation,
    ul.sitemap {
		font-family: var(--family-opensanscond);
		font-size: 1.3vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.03em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.25vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	ul.manufacturier .btn-link,
    ul.produits .btn-link,
    ul.industrie .btn-link,
    ul.services .btn-link,
    ul.medias .btn-link,
    ul.documentation .btn-link,
    ul.sitemap .btn-link {
		font-family: var(--family-opensanscond);
		font-size: 1.3vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.03em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.25vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier .btn-link:hover,
    ul.produits .btn-link:hover,
    ul.industrie .btn-link:hover,
    ul.services .btn-link:hover,
    ul.medias .btn-link:hover,
    ul.documentation .btn-link:hover,
    ul.sitemap .btn-link:hover {
		text-decoration: underline;
	}
	
	/*ul.adresse h1 {
		font-family: var(--family-viga);
		font-size: 1.25vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0.08vw;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}*/
	
	ul.adresse {
		font-family: var(--family-roboto);
		font-size: 1.1vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.4vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	/*ul.adresse .infos {
		font-family: var(--family-roboto);
		font-size: 1vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	div.d-flex.pied {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}*/
	
	div.rang-1, div.rang-2, div.rang-3, div.rang-4, div.rang-5, div.rang-6, div.rang-7, div.rang-8 {
		padding-bottom: 0.5rem;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0.5rem;
	}
    
    .pt-footer {
        padding-top: 1vw;
    }
    
    img.footer-logo {
        height: 3.2vw;
    }
    
    a.text-underline,
    a.text-underline:hover {
        text-decoration: underline;
    }    
	
	.copyright p {
		font-family: var(--family-roboto);
		font-size: 1.2vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0.1vw;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 1.5vw;
		padding-bottom: 1.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 1.5vw;
		margin-left: 0;
		margin-right: 0;
	}
}


/* SM  SCREEN ---------------------SM-----SM-----SM-----SM------SM------SM------SM------SM------*/
@media screen and (min-width: 576px) {
	
    body {
        margin-left: 8px;
        margin-right: 8px;
    }
    
    div.sm-display {
    display: block;
    }
    
    /*.navbar {
        padding: 0;
    }*/
    
    .nav-link.screen {
		font-family: var(--family-opensans);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.4vw;
		letter-spacing: 0;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0.5vw;
		padding-right: 0.5vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0.25vw;
		margin-right: 0;
	}
	
	.navbar-expand-sm .navbar-nav .nav-link.screen {
		padding-right: 0.25vw;
		padding-left: 0.25vw;
	}
	
	.nav-item.dropdown:hover .dropdown-menu {
		display: block;
	}
	
	 .navbar-brand {
		font-family: var(--family-roboroslab);
		font-size: 2.0vw;
		font-weight: 700;
		font-style: normal;
		line-height: inherit;
		letter-spacing: 0;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 3.5vw;
		white-space: nowrap;
	}
	 
	
	.navbar-nav {
		padding-left: 0;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0.75vw;
	}
	
	.navbar-logo {
		height: 3.5vw;
	}
    
    .navbar-brand.middle {
        display: none;
    }
	
	.navbar-brand.right {
		font-size: 1.8vw;
		font-weight: 700;
		margin-bottom: 0.75vw;
        display: block;
	}
	
	.top-header {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0px;
	}
	
	.top-header h3 {
		font-family: var(--family-rock);
		font-size: 1vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.1vw;
		letter-spacing: 0.4vw;
		word-spacing: normal;
		text-align: right;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: -0.0vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.top-header h1 {
		font-family: var(--family-roboto);
		font-size: 1.6vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.6vw;
		letter-spacing: 0.2em;
		word-spacing: 0.25vw;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 1.0vw;
		padding-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	 .top-header h2 {
		font-family: var(--family-cabin);
		font-size: 2vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2vw;
		letter-spacing: 0.25vw;
		word-spacing: 0.95vw;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0.25vw;
		padding-bottom: 0.75vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: inherit;
		margin-bottom: 1.2vw;
		margin-left:inherit;
		margin-right: inherit;
	}
    
    /*.contact h1 {
        font-family: var(--family-cabin);
		font-size: 2.5vw;
		font-weight: 600;
		font-style: oblique;
		line-height: 2.5vw;
		letter-spacing: 0.1em;
		word-spacing: 0.1em;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 2vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
    
    /*.contact h2 {
        font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 2.8vw;
		padding-bottom: 0;
		padding-left: 5%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
    
    /*.contact h3 {
        font-family: var(--family-robotocond);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 1vw;
		padding-bottom: 0;
		padding-left: 10%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
	
    /*.img-side {
        width: 100%;
    }*/
	
	.overlay {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding-top: 10%; 
      background: rgba(0, 0, 0, 0.7);
      transition: opacity 500ms;
      visibility: hidden;
      opacity: 0;
      z-index: 99;
    }
    .overlay:target {
      visibility: visible;
      opacity: 1;
    }
    
    .popup {
      margin: 1vw auto;
      padding: 0;
      background-color: transparent;
      width: 75%;
      position: relative;
      transition: all 5s ease-in-out;
    }
    
    div.col-popup {
        padding-left: 2vw;
    }

	.popup-img {
      width: 100%;
      border-radius: 1vw;
	}
	
	.popup-img-3d {
      width: 100%;
      padding-top: 8%;
	}
	
	.popup-img-logo {
      width: 100%;
      padding-top: 10%;
	}

    .popup .close {
      position: absolute;
      font-family: var(--family-robotocond);
      top: 0;
      right: 0;
      margin-right: -2vw;
      transition: all 200ms;
      font-size: 3.6vw;
      font-weight: 800;
      text-decoration: none;
      opacity: 1;
      line-height: 1;
      text-shadow: none;	
    }
    
    /* ---  SWIPER-TYPE1 ET SWIPER-TYPE2 ** CSS COMMUN **  --- */
    
	.swiper-type1,
    .swiper-type2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 1vw;
        padding-bottom: 0;
	}
	
    .swiper-type1 header a div.row,
	.swiper-type2 header a div.row {
		margin-left: 0;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 0.6vw;
		padding-bottom: 0.6vw;
	}
	
    .swiper-type1 header h1,
	.swiper-type2 header h1 {
		font-family: var(--family-roboto);
		font-size: 1.3vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.6vw;
		letter-spacing: 0.1em;
		word-spacing: 0.08em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
    .swiper-type1 header h2,
	.swiper-type2 header h2 {
		font-family: var(--family-roboto); 
		font-size: 1.3vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.6vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 1.25vw;
		margin-right: 0;
	}
    
    .swiper-type1 .card,
    .swiper-type2 .card {
		width: auto;
		height: 100%;
		border: 0;
	}
	
    .swiper-type1 header .clic,
	.swiper-type2 header .clic {
		opacity: 0;
		transition-property: opacity;
	}
	
    .swiper-type1 header:hover .clic,
	.swiper-type2 header:hover .clic {
		opacity: 1;
	}
    
    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 20px;
    }
    
    .swiper-container-1 {
      margin-left: 0;
      margin-right: 0;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 3vw;
      padding-right: 3vw;
      z-index: 1;
    }

    .swiper-container-2 {
      margin-left: 0;
      margin-right: 0;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 3vw;
	  padding-right: 3vw;
      z-index: 1;
    }
    
    .swiper-type1 .swiper-wrapper {
	    padding: 1.75vw 0px 1.75vw 0px;
    }
    
    .swiper-type2 .swiper-wrapper {
	    padding: 1.5vw 0px 1.5vw 0px;
    }
    
    .swiper-type1 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type1 .swiper-slide:hover {
	    transform: scale(1.05);
    }

    .swiper-type2 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type2 .swiper-slide:hover {
	    transform: scale(1.05);
    }
    
	/* ---  SWIPER-TYPE1  --- */
	
    .swiper-type1 .card h1 {
		font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.8vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 5%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type1 .card h2 {
		font-family: var(--family-roboto);
		font-size: 1.4vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2.2vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 1.8%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type1 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 1.15vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.6vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 5px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.7vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type1 .card h4 {
		font-family: var(--family-opensans);
		font-size: 1.3vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.6vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 3%;
		padding-right: 3%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	h5.poph5 {
		font-family: var(--family-cabin);
		font-size: 2vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2.2vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 2%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h6.poph6 {
		font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.7vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp1,
    p.popp2 {
		font-family: var(--family-cabin);
		font-size: 1.15vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.3vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp3 {
		font-family: var(--family-opensans);
		font-size: 1.05vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.3vw;
		letter-spacing: 0.1em;
		word-spacing: 0.15em;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	/* ---   SWIPER-TYPE2   --- */
	

	
	.swiper-type2 .card h1 {
		font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.8vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 5%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type2 .card h2 {
		font-family: var(--family-roboto);
		font-size: 1.4vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2.2vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0vw;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 1.70%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type2 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 1.15vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.6vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0.5vw;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.6vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type2 .card h4 {
		font-family: var(--family-opensans);
		font-size: 1.3vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.6vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 2%;
		padding-right: 2%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	.card-img-3d {
		height: auto;
		width: 80%;
		margin-top: 2%;
		padding: 0;
	}
	
	.card-img-logo {
		height: auto;
		width: 50%;
		/*margin-top: 0;
		padding: 0;*/
	}
	
	.card-top-flex {
		height: 22%;
		background-color: transparent;
	}
	
	.card-middle1-flex {
		height: auto;
		padding: 0;
		background-color: transparent;
		/*margin-top: 0px;*/
	}
	
	.card-middle2-flex {
		height: 10%;
		padding: 0;
		background-color: transparent;
	}
    
    .card-middle3-flex {
		height: auto;
		/*margin-top: 1%;*/
		background-color: transparent;
	}
	
	.card-img-overlay.bottom {
	    position: absolute;
 	    top: auto;
  	    right: 0;
	    bottom: 0;
 	    left: 0;
        padding: 1px 1%;
        height: 16%;
    }
    
    /*  INFOLETTRE  */
	
	.container-fluid.infolettre {
		padding-top: 3vw;
		padding-bottom: 1.5vw;
	}
	
	div.bouton {
		text-align: center;
	}
	
	.btn.btn-warning.infolettre {
		font-family: var(--family-opensans);
		font-size: 1.2vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.75vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 3vw;
		padding-right: 3vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h1.infolettre {
		font-family: var(--family-roboto);
		font-size: 1.75vw;
		font-weight: 400;
		font-style: normal;
		line-height: 2.5vw;
		letter-spacing: normal;
		word-spacing: 0.25em;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h2.infolettre {
		font-family: var(--family-robotocond);
		font-size: 1.755vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	
	img.infolettre {
		width: 20vw;
		height: auto;
		margin-right: auto;
	}
    
    /*  BLOC FOOTER ---  FABRICANTS-INDUSTRIES-PRODUITS-SERVICES-LIENS-DOCUMENTATION-MEDIAS   */
	ul.manufacturier h1,
    ul.produits h1,
    ul.industrie h1,
    ul.services h1,
    ul.sitemap h1 {
		font-family: var(--family-oswald);
		font-size: 1.3vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.07em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
    
    ul.medias h1,
    ul.documentation h1 {
		font-family: var(--family-oswald);
		font-size: 1.3vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.07em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0.7vw;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier,
    ul.produits,
    ul.industrie,
    ul.services,
    ul.medias,
    ul.documentation,
    ul.sitemap {
		font-family: var(--family-opensanscond);
		font-size: 1.3vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.03em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.25vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	ul.manufacturier .btn-link,
    ul.produits .btn-link,
    ul.industrie .btn-link,
    ul.services .btn-link,
    ul.medias .btn-link,
    ul.documentation .btn-link,
    ul.sitemap .btn-link {
		font-family: var(--family-opensanscond);
		font-size: 1.3vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.03em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.25vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier .btn-link:hover,
    ul.produits .btn-link:hover,
    ul.industrie .btn-link:hover,
    ul.services .btn-link:hover,
    ul.medias .btn-link:hover,
    ul.documentation .btn-link:hover,
    ul.sitemap .btn-link:hover {
		text-decoration: underline;
	}
	
	/*ul.adresse h1 {
		font-family: var(--family-viga);
		font-size: 1.25vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0.08vw;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}*/
	
	ul.adresse {
		font-family: var(--family-roboto);
		font-size: 1vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	/*ul.adresse .infos {
		font-family: var(--family-roboto);
		font-size: 1vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	div.d-flex.pied {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}*/
	
	div.rang-1, div.rang-2, div.rang-3, div.rang-4, div.rang-5, div.rang-6, div.rang-7, div.rang-8 {
		padding-bottom: 0.5rem;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0.5rem;
	}
    
    .pt-footer {
        padding-top: 2vw;
    }
    
    img.footer-logo {
        height: 3.2vw;
    }
    
    a.text-underline,
    a.text-underline:hover {
        text-decoration: underline;
    }    
	
	.copyright p {
		font-family: var(--family-roboto);
		font-size: 0.8vw;
		font-weight: 400;
		font-style: normal;
		line-height: 0.8vw;
		letter-spacing: 0.1vw;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 1.5vw;
		padding-bottom: 1.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 1.5vw;
		margin-left: 0;
		margin-right: 0;
	}
}

/* MD  screen ---------------------MD-----MD-----MD-----MD------MD------MD------MD------MD------*/
@media screen and (min-width: 992px) {
	
    body {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    /*.navbar {
        padding: 0;
    }*/
    
    .nav-link.screen {
		font-family: var(--family-opensans);
		font-size: 1.2vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.4vw;
		letter-spacing: 0;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0.5vw;
		padding-right: 0.5vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0.5vw;
		margin-right: 0;
	}
	
	.navbar-expand-md .navbar-nav .nav-link.screen {
		padding-right: 0.5vw;
		padding-left: 0.5vw;
	}
	
	.nav-item.dropdown:hover .dropdown-menu {
		display: block;
	}
	
	 .navbar-brand {
		font-family: var(--family-roboroslab);
		font-size: 2.0vw;
		font-weight: 700;
		font-style: normal;
		line-height: inherit;
		letter-spacing: 0;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 5vw;
		white-space: nowrap;
	}
	 
	
	.navbar-nav {
		padding-left: 0;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0.75vw;
	}
	
	.navbar-logo {
		height: 3.6vw;
	}
	
	.navbar-brand.right {
		font-size: 1.5vw;
		font-weight: 700;
		margin-bottom: 0.75vw;
	}
	
	.top-header {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0px;
	}
    
    div.md-display {
        display: block;
    }
	
	.top-header h3 {
		font-family: var(--family-rock);
		font-size: 1vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.1vw;
		letter-spacing: 0.4vw;
		word-spacing: normal;
		text-align: right;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: -0.0vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.top-header h1 {
		font-family: var(--family-roboto);
		font-size: 1.6vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.6vw;
		letter-spacing: 0.2em;
		word-spacing: 0.25vw;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 1.5vw;
		padding-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	 .top-header h2 {
		font-family: var(--family-cabin);
		font-size: 2vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2vw;
		letter-spacing: 0.25vw;
		word-spacing: 0.95vw;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0.25vw;
		padding-bottom: 0.75vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: inherit;
		margin-bottom: 1.2vw;
		margin-left:inherit;
		margin-right: inherit;
	}
    
    /*.contact h1 {
        font-family: var(--family-cabin);
		font-size: 2.5vw;
		font-weight: 600;
		font-style: oblique;
		line-height: 2.5vw;
		letter-spacing: 0.1em;
		word-spacing: 0.1em;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 2vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
    
    /*.contact h2 {
        font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 2.8vw;
		padding-bottom: 0;
		padding-left: 5%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
    
    /*.contact h3 {
        font-family: var(--family-robotocond);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 1vw;
		padding-bottom: 0;
		padding-left: 10%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
	
	
	.overlay {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding-top: 10%; 
      background: rgba(0, 0, 0, 0.7);
      transition: opacity 500ms;
      visibility: hidden;
      opacity: 0;
      z-index: 99;
    }
    .overlay:target {
      visibility: visible;
      opacity: 1;
    }
    
    .popup {
      margin: 1vw auto;
      padding: 0;
      background-color: transparent;
      width: 75%;
      position: relative;
      transition: all 5s ease-in-out;
    }
    
    div.col-popup {
        padding-left: 3vw;
    }

	.popup-img {
      width: 100%;
      border-radius: 1vw;
	}
	
	.popup-img-3d {
      width: 100%;
      padding-top: 8%;
	}
	
	.popup-img-logo {
      width: 100%;
      padding-top: 10%;
	}

    .popup .close {
      position: absolute;
      font-family: var(--family-robotocond);
      top: 0;
      right: 0;
      margin-right: -2vw;
      transition: all 200ms;
      font-size: 3.6vw;
      font-weight: 800;
      text-decoration: none;
      opacity: 1;
      line-height: 1;
      text-shadow: none;	
    }
    
    /* ---  SWIPER-TYPE1 ET SWIPER-TYPE2 ** CSS COMMUN **  --- */
    
	.swiper-type1,
    .swiper-type2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 1vw;
        padding-bottom: 0;
	}
	
    .swiper-type1 header a div.row,
	.swiper-type2 header a div.row {
		margin-left: 0;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 0.5vw;
		padding-bottom: 0.5vw;
	}
	
    .swiper-type1 header h1,
	.swiper-type2 header h1 {
		font-family: var(--family-roboto);
		font-size: 1.2vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.5vw;
		letter-spacing: 0.1em;
		word-spacing: 0.08em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
    .swiper-type1 header h2,
	.swiper-type2 header h2 {
		font-family: var(--family-roboto); 
		font-size: 1.2vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 1.25vw;
		margin-right: 0;
	}
    
    .swiper-type1 .card,
    .swiper-type2 .card {
		width: auto;
		height: 100%;
		border: 0;
	}
	
    .swiper-type1 header .clic,
	.swiper-type2 header .clic {
		opacity: 0;
		transition-property: opacity;
	}
	
    .swiper-type1 header:hover .clic,
	.swiper-type2 header:hover .clic {
		opacity: 1;
	}
    
    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 26px;
    }
    
    .swiper-container-1 {
      margin-left: 0;
      margin-right: 0;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 3vw;
      padding-right: 3vw;
      z-index: 1;
    }

    .swiper-container-2 {
      margin-left: 0;
      margin-right: 0;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 3vw;
	  padding-right: 3vw;
      z-index: 1;
    }
    
    .swiper-type1 .swiper-wrapper {
	    padding: 1.75vw 0px 1.75vw 0px;
    }
    
    .swiper-type2 .swiper-wrapper {
	    padding: 1.5vw 0px 1.5vw 0px;
    }
    
    .swiper-type1 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type1 .swiper-slide:hover {
	    transform: scale(1.05);
    }

    .swiper-type2 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type2 .swiper-slide:hover {
	    transform: scale(1.05);
    }
    
	/* ---  SWIPER-TYPE1  --- */
	
    .swiper-type1 .card h1 {
		font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.8vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 5%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type1 .card h2 {
		font-family: var(--family-roboto);
		font-size: 1.3vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2.1vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 1.8%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type1 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 1.15vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.6vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 5px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.7vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type1 .card h4 {
		font-family: var(--family-opensans);
		font-size: 1.2vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.5vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0.5%;
		padding-bottom: 0;
		padding-left: 3%;
		padding-right: 3%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	h5.poph5 {
		font-family: var(--family-cabin);
		font-size: 1.9vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2.2vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 2%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h6.poph6 {
		font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.7vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp1,
    p.popp2 {
		font-family: var(--family-cabin);
		font-size: 1.1vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.25vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp3 {
		font-family: var(--family-opensans);
		font-size: 1vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.3vw;
		letter-spacing: 0.1em;
		word-spacing: 0.35em;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	/* ---   SWIPER-TYPE2   --- */
	

	
	.swiper-type2 .card h1 {
		font-family: var(--family-roboto);
		font-size: 1.15vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.45vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 5%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type2 .card h2 {
		font-family: var(--family-roboto);
		font-size: 1.1vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.8vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0vw;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 1.70%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type2 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 0.9vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.3vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0.3vw;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.6vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type2 .card h4 {
		font-family: var(--family-opensans);
		font-size: 0.95vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.2vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0.5%;
		padding-bottom: 0;
		padding-left: 2%;
		padding-right: 2%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	.card-img-3d {
		height: auto;
		width: 80%;
		margin-top: 2%;
		padding: 0;
	}
	
	.card-img-logo {
		height: auto;
		width: 50%;
		/*margin-top: 0;
		padding: 0;*/
	}
	
	.card-top-flex {
		height: 22%;
		background-color: transparent;
	}
	
	.card-middle1-flex {
		height: auto;
		padding: 0;
		background-color: transparent;
		/*margin-top: 0px;*/
	}
	
	.card-middle2-flex {
		height: 12%;
		padding: 0;
		background-color: transparent;
	}
    
    .card-middle3-flex {
		height: auto;
		/*margin-top: 1%;*/
		background-color: transparent;
	}
	
	.card-img-overlay.bottom {
	    position: absolute;
 	    top: auto;
  	    right: 0;
	    bottom: 0;
 	    left: 0;
        padding: 1px 1%;
        height: 16%;
    }
    
    /*  INFOLETTRE  */
	
	.container-fluid.infolettre {
		padding-top: 3vw;
		padding-bottom: 1.5vw;
	}
	
	div.bouton {
		text-align: center;
	}
	
	.btn.btn-warning.infolettre {
		font-family: var(--family-opensans);
		font-size: 1.2vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.75vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 3vw;
		padding-right: 3vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h1.infolettre {
		font-family: var(--family-roboto);
		font-size: 1.75vw;
		font-weight: 400;
		font-style: normal;
		line-height: 2.5vw;
		letter-spacing: normal;
		word-spacing: 0.25em;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h2.infolettre {
		font-family: var(--family-robotocond);
		font-size: 1.755vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	
	img.infolettre {
		width: 20vw;
		height: auto;
		margin-right: auto;
	}
    
    /*  BLOC FOOTER ---  FABRICANTS-INDUSTRIES-PRODUITS-SERVICES-LIENS-DOCUMENTATION-MEDIAS   */
	ul.manufacturier h1,
    ul.produits h1,
    ul.industrie h1,
    ul.services h1,
    ul.sitemap h1 {
		font-family: var(--family-oswald);
		font-size: 1.2vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.07em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
    
    ul.medias h1,
    ul.documentation h1 {
		font-family: var(--family-oswald);
		font-size: 1.2vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.07em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0.7vw;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier,
    ul.produits,
    ul.industrie,
    ul.services,
    ul.medias,
    ul.documentation,
    ul.sitemap {
		font-family: var(--family-opensanscond);
		font-size: 1.2vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.03em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.25vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	ul.manufacturier .btn-link,
    ul.produits .btn-link,
    ul.industrie .btn-link,
    ul.services .btn-link,
    ul.medias .btn-link,
    ul.documentation .btn-link,
    ul.sitemap .btn-link {
		font-family: var(--family-opensanscond);
		font-size: 1.2vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.03em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.25vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier .btn-link:hover,
    ul.produits .btn-link:hover,
    ul.industrie .btn-link:hover,
    ul.services .btn-link:hover,
    ul.medias .btn-link:hover,
    ul.documentation .btn-link:hover,
    ul.sitemap .btn-link:hover {
		text-decoration: underline;
	}
	
	/*ul.adresse h1 {
		font-family: var(--family-viga);
		font-size: 1.25vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0.08vw;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}*/
	
	ul.adresse {
		font-family: var(--family-roboto);
		font-size: 0.9vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.1vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	/*ul.adresse .infos {
		font-family: var(--family-roboto);
		font-size: 1vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	div.d-flex.pied {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}*/
	
	div.rang-1, div.rang-2, div.rang-3, div.rang-4, div.rang-5, div.rang-6, div.rang-7, div.rang-8 {
		padding-bottom: 0.5rem;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0.5rem;
	}
    
    img.footer-logo {
        height: 3.2vw;
    }
    
    .pt-footer {
        padding-top: 1.5vw;
    }
    
    a.text-underline,
    a.text-underline:hover {
        text-decoration: underline;
    }    
	
	.copyright p {
		font-family: var(--family-roboto);
		font-size: 0.8vw;
		font-weight: 400;
		font-style: normal;
		line-height: 0.8vw;
		letter-spacing: 0.1vw;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 1.5vw;
		padding-bottom: 1.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 1.5vw;
		margin-left: 0;
		margin-right: 0;
	}
}




/* LG  screen -----------------------------------------LG-----LG-----LG-----LG-----LG-----*/
@media screen and (min-width: 1280px) {
    
    body {
        margin-left: 20px;
        margin-right: 20px;
    }
    
    /*.navbar {
        padding: 0;
    }*/
    
    .nav-link.screen {
		font-family: var(--family-opensans);
		font-size: 1.1vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0.5vw;
		padding-right: 0.5vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0.5vw;
		margin-right: 0;
	}
	
	.navbar-expand-md .navbar-nav .nav-link.screen {
		padding-right: 0.5vw;
		padding-left: 0.5vw;
	}
	
	.nav-item.dropdown:hover .dropdown-menu {
		display: block;
	}
	
	 .navbar-brand {
		font-family: var(--family-roboroslab);
		font-size: 2.0vw;
		font-weight: 700;
		font-style: normal;
		line-height: inherit;
		letter-spacing: 0;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 6vw;
		white-space: nowrap;
	}
	 
	
	.navbar-nav {
		padding-left: 0;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0.75vw;
	}
	
	.navbar-logo {
		height: 3.8vw;
	}
	
	.navbar-brand.right {
		font-size: 1.5vw;
		font-weight: 700;
		margin-bottom: 0.75vw;
	}
	
	.top-header {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0px;
	}
	
	.top-header h3 {
		font-family: var(--family-rock);
		font-size: 1vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.1vw;
		letter-spacing: 0.4vw;
		word-spacing: normal;
		text-align: right;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: -0.0vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.top-header h1 {
		font-family: var(--family-roboto);
		font-size: 1.6vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.6vw;
		letter-spacing: 0.2em;
		word-spacing: 0.25vw;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 1.6vw;
		padding-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	 .top-header h2 {
		font-family: var(--family-cabin);
		font-size: 2vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2vw;
		letter-spacing: 0.25vw;
		word-spacing: 0.95vw;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0.25vw;
		padding-bottom: 0.95vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: inherit;
		margin-bottom: 1.2vw;
		margin-left:inherit;
		margin-right: inherit;
	}
    
    /*.contact h1 {
        font-family: var(--family-cabin);
		font-size: 2.5vw;
		font-weight: 600;
		font-style: oblique;
		line-height: 2.5vw;
		letter-spacing: 0.1em;
		word-spacing: 0.1em;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 2vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
    
    /*.contact h2 {
        font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 2.8vw;
		padding-bottom: 0;
		padding-left: 5%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
    
    /*.contact h3 {
        font-family: var(--family-robotocond);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 1vw;
		padding-bottom: 0;
		padding-left: 10%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
	
	
	.overlay {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding-top: 10%; 
      background: rgba(0, 0, 0, 0.7);
      transition: opacity 500ms;
      visibility: hidden;
      opacity: 0;
      z-index: 99;
    }
    .overlay:target {
      visibility: visible;
      opacity: 1;
    }
    
    .popup {
      margin: 1vw auto;
      padding: 0;
      background-color: transparent;
      width: 70%;
      position: relative;
      transition: all 5s ease-in-out;
    }
    
    div.col-popup {
        padding-left: 2vw;
    }

	.popup-img {
      width: 100%;
      border-radius: 1vw;
	}
	
	.popup-img-3d {
      width: 100%;
      padding-top: 8%;
	}
	
	.popup-img-logo {
      width: 100%;
      padding-top: 10%;
	}

    .popup .close {
      position: absolute;
      font-family: var(--family-robotocond);
      top: 0;
      right: 0;
      margin-right: -2vw;
      transition: all 200ms;
      font-size: 3.6vw;
      font-weight: 800;
      text-decoration: none;
      opacity: 1;
      line-height: 1;
      text-shadow: none;	
    }
    
    /* ---  SWIPER-TYPE1 ET SWIPER-TYPE2 ** CSS COMMUN **  --- */
    
	.swiper-type1,
    .swiper-type2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 1vw;
        padding-bottom: 0;
	}
	
    .swiper-type1 header a div.row,
	.swiper-type2 header a div.row {
		margin-left: 0;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 0.5vw;
		padding-bottom: 0.5vw;
	}
	
    .swiper-type1 header h1,
	.swiper-type2 header h1 {
		font-family: var(--family-roboto);
		font-size: 1.2vw;
		font-weight: 500;
		font-style: italic;
		line-height: 1.2vw;
		letter-spacing: 0.09em;
		word-spacing: 0.09em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
    .swiper-type1 header h2,
	.swiper-type2 header h2 {
		font-family: var(--family-roboto); 
		font-size: 1.2vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 1.25vw;
		margin-right: 0;
	}
    
    .swiper-type1 .card,
    .swiper-type2 .card {
		width: auto;
		height: 100%;
		border: 0;
	}
	
    .swiper-type1 header .clic,
	.swiper-type2 header .clic {
		opacity: 0;
		transition-property: opacity;
	}
	
    .swiper-type1 header:hover .clic,
	.swiper-type2 header:hover .clic {
		opacity: 1;
	}
    
    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 34px;
    }
    
    .swiper-container-1 {
      margin-left: 0;
      margin-right: 0;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 2.7vw;
      padding-right: 2.7vw;
      z-index: 1;
    }

    .swiper-container-2 {
      margin-left: 0;
      margin-right: 0;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 2.7vw;
	  padding-right: 2.7vw;
      z-index: 1;
    }
    
    .swiper-type1 .swiper-wrapper {
	    padding: 1.75vw 0px 1.75vw 0px;
    }
    
    .swiper-type2 .swiper-wrapper {
	    padding: 1.5vw 0px 1.5vw 0px;
    }
    
    .swiper-type1 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type1 .swiper-slide:hover {
	    transform: scale(1.06);
    }

    .swiper-type2 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type2 .swiper-slide:hover {
	    transform: scale(1.07);
    }
    
	/* ---  SWIPER-TYPE1  --- */
	
    .swiper-type1 .card h1 {
		font-family: var(--family-roboto);
		font-size: 1.15vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.4vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 5%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type1 .card h2 {
		font-family: var(--family-roboto);
		font-size: 1vw;
		font-weight: 700;
		font-style: normal;
		line-height: 1.5vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 1.8%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type1 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 0.85vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.2vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 2px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.7vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type1 .card h4 {
		font-family: var(--family-opensans);
		font-size: 0.9vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.2vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0.5%;
		padding-bottom: 0;
		padding-left: 3%;
		padding-right: 3%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	h5.poph5 {
		font-family: var(--family-cabin);
		font-size: 1.9vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2.2vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 2%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h6.poph6 {
		font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.7vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp1,
    p.popp2 {
		font-family: var(--family-cabin);
		font-size: 1vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.15vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp3 {
		font-family: var(--family-opensans);
		font-size: 0.95vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0.1em;
		word-spacing: 0.35em;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	/* ---   SWIPER-TYPE2   --- */
	

	
	.swiper-type2 .card h1 {
		font-family: var(--family-roboto);
		font-size: 0.9vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.2vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 5%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type2 .card h2 {
		font-family: var(--family-roboto);
		font-size: 0.85vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.4vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0vw;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 1.70%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type2 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 0.7vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1.2vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0.1vw;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.6vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type2 .card h4 {
		font-family: var(--family-opensans);
		font-size: 0.75vw;
		font-weight: 600;
		font-style: normal;
		line-height: 0.95vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0.5%;
		padding-bottom: 0;
		padding-left: 2%;
		padding-right: 2%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	.card-img-3d {
		height: auto;
		width: 80%;
		margin-top: 2%;
		padding: 0;
	}
	
	.card-img-logo {
		height: auto;
		width: 50%;
		/*margin-top: 0;
		padding: 0;*/
	}
	
	.card-top-flex {
		height: 22%;
		background-color: transparent;
	}
	
	.card-middle1-flex {
		height: auto;
		padding: 0;
		background-color: transparent;
		/*margin-top: 0px;*/
	}
	
	.card-middle2-flex {
		height: 12%;
		padding: 0;
		background-color: transparent;
	}
    
    .card-middle3-flex {
		height: auto;
		/*margin-top: 1%;*/
		background-color: transparent;
	}
	
	.card-img-overlay.bottom {
	    position: absolute;
 	    top: auto;
  	    right: 0;
	    bottom: 0;
 	    left: 0;
        padding: 1px 1%;
        height: 16%;
    }
    
    /*  INFOLETTRE  */
	
	.container-fluid.infolettre {
		padding-top: 3vw;
		padding-bottom: 1.5vw;
	}
	
	div.bouton {
		text-align: center;
	}
	
	.btn.btn-warning.infolettre {
		font-family: var(--family-opensans);
		font-size: 1.2vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.75vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 3vw;
		padding-right: 3vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h1.infolettre {
		font-family: var(--family-roboto);
		font-size: 1.75vw;
		font-weight: 400;
		font-style: normal;
		line-height: 2.5vw;
		letter-spacing: normal;
		word-spacing: 0.25em;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h2.infolettre {
		font-family: var(--family-robotocond);
		font-size: 1.755vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	
	img.infolettre {
		width: 25vw;
		height: auto;
		margin-right: auto;
	}
    
    /*  BLOC FOOTER ---  FABRICANTS-INDUSTRIES-PRODUITS-SERVICES-LIENS-DOCUMENTATION-MEDIAS   */
	ul.manufacturier h1,
    ul.produits h1,
    ul.industrie h1,
    ul.services h1,
    ul.sitemap h1 {
		font-family: var(--family-oswald);
		font-size: 1.2vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.07em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
    
    ul.medias h1,
    ul.documentation h1 {
		font-family: var(--family-oswald);
		font-size: 1.2vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.07em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0.7vw;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier,
    ul.produits,
    ul.industrie,
    ul.services,
    ul.medias,
    ul.documentation,
    ul.sitemap {
		font-family: var(--family-opensanscond);
		font-size: 1.2vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.04em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.25vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	ul.manufacturier .btn-link,
    ul.produits .btn-link,
    ul.industrie .btn-link,
    ul.services .btn-link,
    ul.medias .btn-link,
    ul.documentation .btn-link,
    ul.sitemap .btn-link {
		font-family: var(--family-opensanscond);
		font-size: 1.2vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.04em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.25vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier .btn-link:hover,
    ul.produits .btn-link:hover,
    ul.industrie .btn-link:hover,
    ul.services .btn-link:hover,
    ul.medias .btn-link:hover,
    ul.documentation .btn-link:hover,
    ul.sitemap .btn-link:hover {
		text-decoration: underline;
	}
	
	/*ul.adresse h1 {
		font-family: var(--family-viga);
		font-size: 1.25vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0.08vw;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}*/
	
	ul.adresse {
		font-family: var(--family-roboto);
		font-size: 0.9vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.1vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	/*ul.adresse .infos {
		font-family: var(--family-roboto);
		font-size: 1vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	div.d-flex.pied {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}*/
	
	div.rang-1, div.rang-2, div.rang-3, div.rang-4, div.rang-5, div.rang-6, div.rang-7, div.rang-8 {
		padding-bottom: 0.5rem;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0.5rem;
	}
    
    .pt-footer {
        padding-top: 2vw;
    }
    
    img.footer-logo {
        height: 3.2vw;
    }
    
    a.text-underline,
    a.text-underline:hover {
        text-decoration: underline;
    }    
	
	.copyright p {
		font-family: var(--family-roboto);
		font-size: 0.8vw;
		font-weight: 400;
		font-style: normal;
		line-height: 0.8vw;
		letter-spacing: 0.1vw;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 1.5vw;
		padding-bottom: 1.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 1.5vw;
		margin-left: 0;
		margin-right: 0;
	}
}


/* XL  screen -----------------------------------XL-------XL------XL-------XL-------------*/
@media screen and (min-width: 1600px) {
	
    body {
        margin-left: 30px;
        margin-right: 30px;
    }
    
    /*.navbar {
        padding: 0;
    }*/
    
    .nav-link.screen {
		font-size: 1vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		/*letter-spacing: 0;
        font-family: var(--family-opensans);
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0.5vw;
		padding-right: 0.5vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0.5vw;
		margin-right: 0;*/
	}
	
	/*.navbar-expand-md .navbar-nav .nav-link.screen {
		padding-right: 0.5vw;
		padding-left: 0.5vw;
	}*/
	
	/*.nav-item.dropdown:hover .dropdown-menu {
		display: block;
	}*/
	
	 .navbar-brand {
		font-size: 2.0vw;
		font-weight: 700;
        margin-right: 6vw;
		/*font-style: normal;
		line-height: inherit;
		letter-spacing: 0;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		font-family: var(--family-roboroslab);
		white-space: nowrap;*/
	}
	 
	
	.navbar-nav {
		padding-left: 0;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 1vw;
	}
	
	.navbar-logo {
		height: 4vw;
	}
	
	.navbar-brand.right {
		font-size: 1.5vw;
		font-weight: 700;
		margin-bottom: 1vw;
	}
	
	.top-header {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0px;
	}
	
	.top-header h3 {
		padding-bottom: 1vw;
		font-size: 1vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.25vw;
		letter-spacing: 0.3vw;
		/*word-spacing: normal;
		text-align: right;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: -0.0vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        font-family: var(--family-rock);*/
	}
	
	.top-header h1 {
		font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: 0.2em;
		word-spacing: 0.5em;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 1.75vw;
		padding-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	 .top-header h2 {
		font-family: var(--family-cabin);
		font-size: 2vw;
		font-weight: 700;
		font-style: normal;
		line-height: 2vw;
		letter-spacing: 0.25vw;
		word-spacing: 0.95vw;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0.25vw;
		padding-bottom: 1.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: inherit;
		margin-bottom: 1.2vw;
		margin-left:inherit;
		margin-right: inherit;
	}
    
    /*.contact h1 {
        font-family: var(--family-cabin);
		font-size: 2.5vw;
		font-weight: 600;
		font-style: oblique;
		line-height: 2.5vw;
		letter-spacing: 0.1em;
		word-spacing: 0.1em;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 2vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
    
    /*.contact h2 {
        font-family: var(--family-roboto);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 2.8vw;
		padding-bottom: 0;
		padding-left: 5%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
    
    /*.contact h3 {
        font-family: var(--family-robotocond);
		font-size: 1.5vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.8vw;
		letter-spacing: 0em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 1vw;
		padding-bottom: 0;
		padding-left: 10%;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
    }*/
	
	
	.overlay {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding-top: 10%; 
      background: rgba(0, 0, 0, 0.7);
      transition: opacity 500ms;
      visibility: hidden;
      opacity: 0;
      z-index: 99;
    }
    .overlay:target {
      visibility: visible;
      opacity: 1;
    }

    .popup {
      margin: 1vw auto;
      padding: 0;
      background-color: transparent;
      width: 60%;
      position: relative;
      transition: all 5s ease-in-out;
    }
    
    div.col-popup {
        padding-left: 2vw;
    }

	.popup-img {
		width: 100%;
		border-radius: 1vw;
	}
	
	.popup-img-3d {
		width: 100%;
		padding-top: 8%;
	}
	
	.popup-img-logo {
		width: 100%;
		padding-top: 10%;
	}

    .popup .close {
      position: absolute;
      font-family: var(--family-robotocond);
      top: 0;
      right: 0;
      margin-right: -2vw;
      transition: all 200ms;
      font-size: 3.6vw;
      font-weight: 800;
      text-decoration: none;
      opacity: 1;
      line-height: 1;
      text-shadow: none;	
    }
    /* ---  SWIPER-TYPE1 ET SWIPER-TYPE2 ** CSS COMMUN **  --- */
    
	.swiper-type1,
    .swiper-type2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 1vw;
        padding-bottom: 0;
	}
	
    .swiper-type1 header a div.row,
	.swiper-type2 header a div.row {
		margin-left: 0;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 0.4vw;
		padding-bottom: 0.4vw;
	}
	
    .swiper-type1 header h1,
	.swiper-type2 header h1 {
		font-family: var(--family-roboto);
		font-size: 1.2vw;
		font-weight: 500;
		font-style: italic;
		line-height: 1.2vw;
		letter-spacing: 0.1em;
		word-spacing: 0.1em;
		text-align: left;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
    .swiper-type1 header h2,
	.swiper-type2 header h2 {
		font-family: var(--family-roboto); 
		font-size: 1.2vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 1.25vw;
		margin-right: 0;
	}
    
    .swiper-type1 .card,
    .swiper-type2 .card {
		width: auto;
		height: 100%;
		border: 0;
	}
	
    .swiper-type1 header .clic,
	.swiper-type2 header .clic {
		opacity: 0;
		transition-property: opacity;
	}
	
    .swiper-type1 header:hover .clic,
	.swiper-type2 header:hover .clic {
		opacity: 1;
	}
    
    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 44px;
    }
    
    .swiper-container-1 {
      margin-left: 0.25vw;
      margin-right: 0.25vw;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 3vw;
      padding-right: 3vw;
      z-index: 1;
    }

    .swiper-container-2 {
      margin-left: 0.25vw;
      margin-right: 0.25vw;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding-left: 3vw;
	  padding-right: 3vw;
      z-index: 1;
    }

	.swiper-type1 .swiper-wrapper {
	    padding: 1.5vw 0px 1.5vw 0px;
    }
    
    .swiper-type2 .swiper-wrapper {
	    padding: 1.25vw 0px 1.25vw 0px;
    }
    
    .swiper-type1 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type1 .swiper-slide:hover {
	    transform: scale(1.1);
    }

    .swiper-type2 .swiper-slide {
	    transition: 250ms all;
    }

    .swiper-type2 .swiper-slide:hover {
	    transform: scale(1.1);
    }

    
	/* ---  SWIPER-TYPE1  --- */
	
    .swiper-type1 .card h1 {
		font-family: var(--family-roboto);
		font-size: 0.93vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.1vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 5%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type1 .card h2 {
		font-family: var(--family-roboto);
		font-size: 0.8vw;
		font-weight: 700;
		font-style: normal;
		line-height: 1.25vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0vw;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 1.8%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type1 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 0.7vw;
		font-weight: 100;
		font-style: normal;
		line-height: 0.9vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 2px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.7vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type1 .card h4 {
		font-family: var(--family-opensans);
		font-size: 0.75vw;
		font-weight: 500;
		font-style: normal;
		line-height: 0.95vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0.5%;
		padding-bottom: 0;
		padding-left: 3%;
		padding-right: 3%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	h5.poph5 {
		font-family: var(--family-cabin);
		font-size: 1.6vw;
		font-weight: 700;
		font-style: normal;
		line-height: 1.7vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 2%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h6.poph6 {
		font-family: var(--family-roboto);
		font-size: 1.3vw;
		font-weight: 500;
		font-style: normal;
		line-height: 1.4vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp1,
    p.popp2 {
		font-family: var(--family-cabin);
		font-size: 0.85vw;
		font-weight: 100;
		font-style: normal;
		line-height: 1vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	p.popp3 {
		font-family: var(--family-opensans);
		font-size: 0.8vw;
		font-weight: 100;
		font-style: normal;
		line-height: 0.9vw;
		letter-spacing: 0.1em;
		word-spacing: 0.35em;
		text-align: justify;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	/* ---   SWIPER-TYPE2   --- */
	

	
	.swiper-type2 .card h1 {
		font-family: var(--family-roboto);
		font-size: 0.75vw;
		font-weight: 500;
		font-style: normal;
		line-height: 0.9vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 5%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 77%;
	}
	
	.swiper-type2 .card h2 {
		font-family: var(--family-roboto);
		font-size: 0.7vw;
		font-weight: 600;
		font-style: normal;
		line-height: 1.1vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0vw;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 1.70%;
		margin-bottom: 0;
		margin-left: 2%;
        width: 55%;
		/*margin-right: 45%;*/
    }
	
	.swiper-type2 .card h3 {
		font-family: var(--family-cabincond);
		font-size: 0.6vw;
		font-weight: 100;
		font-style: normal;
		line-height: 0.8vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0.6vw;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 2%;
        width: 35%;
	}
	
	.swiper-type2 .card h4 {
		font-family: var(--family-opensans);
		font-size: 0.6vw;
		font-weight: 600;
		font-style: normal;
		line-height: 0.8vw;
        overflow: hidden;
        text-overflow: clip;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: none;
		padding-top: 0.5%;
		padding-bottom: 0;
		padding-left: 2%;
		padding-right: 2%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
        width: 100%;
	}
	
	.card-img-3d {
		height: auto;
		width: 80%;
		margin-top: 2%;
		padding: 0;
	}
	
	.card-img-logo {
		height: auto;
		width: 50%;
		/*margin-top: 0;
		padding: 0;*/
	}
	
	.card-top-flex {
		height: 22%;
		background-color: transparent;
	}
	
	.card-middle1-flex {
		height: auto;
		padding: 0;
		background-color: transparent;
		/*margin-top: 0px;*/
	}
	
	.card-middle2-flex {
		height: 12%;
		padding: 0;
		background-color: transparent;
	}
    
    .card-middle3-flex {
		height: auto;
		/*margin-top: 1%;*/
		background-color: transparent;
	}
	
	.card-img-overlay.bottom {
	    position: absolute;
 	    top: auto;
  	    right: 0;
	    bottom: 0;
 	    left: 0;
        padding: 1px 1%;
        height: 16%;
    }
    
	/*  INFOLETTRE  */
	
	.container-fluid.infolettre {
		padding-top: 4vw;
		padding-bottom: 2vw;
	}
	
	div.bouton {
		text-align: center;
	}
	
	.btn.btn-warning.infolettre {
		font-family: var(--family-opensans);
		font-size: 1.2vw;
		font-weight: 600;
		font-style: italic;
		line-height: 1.75vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 3vw;
		padding-right: 3vw;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h1.infolettre {
		font-family: var(--family-roboto);
		font-size: 1.75vw;
		font-weight: 400;
		font-style: normal;
		line-height: 2.5vw;
		letter-spacing: normal;
		word-spacing: 0.25em;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	h2.infolettre {
		font-family: var(--family-robotocond);
		font-size: 1.755vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	
	img.infolettre {
		width: 25vw;
		height: auto;
		margin-right: auto;
	}
    
    /*  BLOC FOOTER ---  FABRICANTS-INDUSTRIES-PRODUITS-SERVICES-LIENS-DOCUMENTATION-MEDIAS   */
	ul.manufacturier h1,
    ul.produits h1,
    ul.industrie h1,
    ul.services h1,
    ul.sitemap h1 {
		font-family: var(--family-oswald);
		font-size: 1.0vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0.06em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
    
    ul.medias h1,
    ul.documentation h1 {
		font-family: var(--family-oswald);
		font-size: 1.0vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0.06em;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 1.2vw;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier,
    ul.produits,
    ul.industrie,
    ul.services,
    ul.medias,
    ul.documentation,
    ul.sitemap {
		font-family: var(--family-opensanscond);
		font-size: 1.0vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.25vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	ul.manufacturier .btn-link,
    ul.produits .btn-link,
    ul.industrie .btn-link,
    ul.services .btn-link,
    ul.medias .btn-link,
    ul.documentation .btn-link,
    ul.sitemap .btn-link {
		font-family: var(--family-opensanscond);
		font-size: 1.0vw;
		font-weight: 300;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	ul.manufacturier .btn-link:hover,
    ul.produits .btn-link:hover,
    ul.industrie .btn-link:hover,
    ul.services .btn-link:hover,
    ul.medias .btn-link:hover,
    ul.documentation .btn-link:hover,
    ul.sitemap .btn-link:hover {
		text-decoration: underline;
	}
	
	/*ul.adresse h1 {
		font-family: var(--family-viga);
		font-size: 1.25vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2vw;
		letter-spacing: 0.08vw;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}*/
	
	ul.adresse {
		font-family: var(--family-roboto);
		font-size: 0.75vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.1vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		list-style: none;
		padding-inline-start: 0.5vw;
	}
	
	/*ul.adresse .infos {
		font-family: var(--family-roboto);
		font-size: 1vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5vw;
		letter-spacing: normal;
		word-spacing: normal;
		text-align: left;
		text-decoration: none;
		border: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	div.d-flex.pied {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}*/
	
	div.rang-1, div.rang-2, div.rang-3, div.rang-4, div.rang-5, div.rang-6, div.rang-7, div.rang-8 {
		padding-bottom: 0.5rem;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0.5rem;
	}
    
    .pt-footer {
        padding-top: 3vw;
    }
    
    img.footer-logo {
        height: 3.2vw;
    }
    
    a.text-underline,
    a.text-underline:hover {
        text-decoration: underline;
    }    
	
	.copyright p {
		font-family: var(--family-roboto);
		font-size: 0.8vw;
		font-weight: 400;
		font-style: normal;
		line-height: 0.8vw;
		letter-spacing: 0.1vw;
		word-spacing: normal;
		text-align: center;
		text-decoration: none;
		border: 0;
		padding-top: 1.5vw;
		padding-bottom: 1.5vw;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 1.5vw;
		margin-left: 0;
		margin-right: 0;
	}
	
	/*.infos address {
		font-family: 'Viga';
		font-weight: 100;
	}*/
}