@charset "utf-8";
/* CSS Document */
/* gescouleur */

:root {
    --scarlet: #ee1d20;
    --indigo: #1d1d2c;
	--creme: #f7f4e9;
	--bleu: #3cbcc3;
	--orange: #eba63f;
	--vert: #438945;
	--gris: #b5b7b7;
	--blanc: #ffffff;
	--bleuf: #4d3f92;
	--orangef: #df2017;
	--vertp: #f8a73a;
	--rouge: #e40c2b;
	--rougep: #ccb572;
	--noir: #000000;
    --grisf: #353535;
    --grism: #7C7C7C;
    --grisp: #cccccc;
}

/* definition des background */

.bg-rouge {
	background-color: var(--rouge);
}
.bg-indigo {
	background-color: var(--indigo);
}
.bg-creme {
	background-color: var(--creme);
}
.bg-bleu {
	background-color: var(--bleu);
}
.bg-orange {
	background-color: var(--orange);
}
.bg-vert {
	background-color: var(--vert);
}
.bg-gris {
	background-color: var(--gris);
}
.bg-blanc {
	background-color: var(--blanc);
}
.bg-trans {
	background-color: transparent;
}

.bg-bleuf {
	background-color: var(--bleuf);
}

.bg-orangef {
	background-color: var(--orangef);
}

.bg-scarlet {
	background-color: var(--scarlet);
}

.bg-vertp {
	background-color: var(--vertp);
}

.bg-rougep {
	background-color: var(--rougep);
}



/* definition des textes */

.text-rouge {
	color: var(--rouge);
}
.text-indigo {
	color: var(--indigo);
}
.text-creme {
	color: var(--creme);
}
.text-bleu {
	color: var(--bleu);
}
.text-orange {
	color: var(--orange);
}
.text-vert {
	color: var(--vert);
}
.text-gris {
	color: var(--gris);
}
.text-blanc {
	color: var(--blanc);
}
.text-bleuf {
	color: var(--bleuf);
}
.text-orangef {
	color: var(--orangef);
}
.text-scarlet {
	color: var(--scarlet);
}
.text-vertp {
	color: var(--vertp);
}
.text-rougep {
	color: var(--rougep);
}
.text-noir {
    color: #000000;
}


body {
    background-image: url("../images/fondtrameindigo.jpg"), url("../images/fondindigo.jpg");
    background-repeat: no-repeat, repeat;
    background-position: bottom;
    background-size: contain;
	background-color: var(--indigo);
}

 /*definition de la navbar */

.navbar-creme .navbar-brand {
  color: var(--creme);
}

.navbar-creme .navbar-brand:hover, .navbar-creme .navbar-brand:focus {
  color: var(--creme);
}

.navbar-creme .navbar-nav .nav-link {
  color: var(--scarlet);
  opacity: 1;
  border: 0;
}

.navbar-creme .navbar-nav .nav-link:hover, .navbar-creme .navbar-nav .nav-link:focus {
  color: var(--blanc);
}

.navbar-creme .navbar-nav .nav-link.disabled {
  color: var(--scarlet);
  text-decoration: line-through;
}

.navbar-creme .navbar-nav .nav-item.active .nav-link {
  color: var(--scarlet);
  text-decoration: underline;
}

.navbar-creme .navbar-nav .show > .nav-link,
.navbar-creme .navbar-nav .active > .nav-link,
.navbar-creme .navbar-nav .nav-link.show,
.navbar-creme .navbar-nav .nav-link.active {
  color: var(--scarlet);
  opacity: 1;
}

.navbar-creme .navbar-toggler {
  color: var(--scarlet);
  border-color: var(--scarlet);
}

.navbar-creme .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(228, 12, 43, 1.00)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-creme .navbar-text {
  color: var(--indigo);
}

.navbar-creme .navbar-text a {
  color: var(--indigo);
}

.navbar-creme .navbar-text a:hover, .navbar-creme .navbar-text a:focus {
  color: var(--indigo);
}

.dropdown-menu.screen .dropdown-item {
	color: var(--scarlet);
	background-color: transparent;
}

.dropdown-menu.screen .dropdown-item:hover {
	color: var(--blanc);
}

.popup .close {
	color: var(--blanc);
}

.popup .close:hover {
	color: var(--scarlet);
}

/*  GESTION DES SWIPERS COULEURS  */

	/*  TYPE-BLEU  */

.type-bleu {
	background-color: var(--indigo);
}

.type-bleu header a div.row {
	background-color: var(--bleu);
}

.type-bleu > header > a {
  color: var(--creme);
  text-decoration: none;
  background-color: transparent;
}

.type-bleu > header > a:hover {
  color: var(--bleuf);
  text-decoration: none;
  background-color: transparent;
}

/*.type-bleu > header > a:hover h1 {
  color: var(--creme);
  background-color: transparent;
}*/

/*.type-bleu > header > a:hover h2 {
  color: var(--creme);
  background-color: transparent;
}*/

.type-bleu .swiper-slide .card-img-top{
	border: none;
}

/*.type-bleu .swiper-slide:hover .card-img-top{
	border: 0 solid var(--bleu);
}*/

.type-bleu .card {
	background-color: transparent;
}

.type-bleu .card h1 {
	color: var(--bleu);
}

.type-bleu .card h2 {
	color: var(--bleuf);
}

.type-bleu .card h3 {
	color: var(--indigo);
}

.type-bleu .card h4 {
	color: var(--indigo);
}

.type-bleu .swiper-button-prev, .type-bleu .swiper-button-next {
	color: var(--bleu);
    background-color: var(--indigo);
}

.type-bleu .swiper-button-prev:hover, .type-bleu .swiper-button-next:hover {
	color: var(--bleuf);
    background-color: var(--indigo);
}




	/*  TYPE-ROUGE  */

.type-rouge {
	background-color: var(--indigo);
}

.type-rouge header a div.row {
	background-color: var(--rouge);
}

.type-rouge > header > a {
  color: var(--creme);
  text-decoration: none;
  background-color: transparent;
}

.type-rouge > header > a:hover {
  color: var(--rougep);
  text-decoration: none;
  background-color: transparent;
}

/*.type-rouge > header > a:hover h1 {
  color: var(--creme);
  background-color: transparent;
}

.type-rouge > header > a:hover h2 {
  color: var(--rougep);
  text-decoration: none;
  background-color: transparent;
}*/

.type-rouge .swiper-slide .card-img-top{
	border: none;
}

/*.type-rouge .swiper-slide:hover .card-img-top{
	border: 0.2vw solid var(--rouge);
}*/

.type-rouge .card {
	background-color: transparent;
}

.type-rouge .card h1 {
	color: var(--rouge);
}

.type-rouge .card h2 {
	color: var(--rougep);
}

.type-rouge .card h3 {
	color: var(--indigo);
}

.type-rouge .card h4 {
	color: var(--indigo);
}

.type-rouge .swiper-button-prev, .type-rouge .swiper-button-next {
	color: var(--rouge);
    background-color: var(--indigo);
}

.type-rouge .swiper-button-prev:hover, .type-rouge .swiper-button-next:hover {
	color: var(--rougep);
    background-color: var(--indigo);
}


	/*  TYPE-VERT  */

.type-vert {
	background-color: var(--indigo);
}

.type-vert header a div.row {
	background-color: var(--vert);
}

.type-vert > header > a {
  color: var(--creme);
  text-decoration: none;
  background-color: transparent;
}

.type-vert > header > a:hover {
  color: var(--vertp);
  text-decoration: none;
  background-color: transparent;
}

/*.type-vert > header > a:hover h1 {
  color: var(--vertp);
  text-decoration: underline;
  background-color: transparent;
}

.type-vert > header > a:hover h2 {
  color: var(--vertp);
  text-decoration: none;
  background-color: transparent;
}*/

.type-vert .swiper-slide .card-img-top{
	border: none;
}

/*.type-vert .swiper-slide:hover .card-img-top{
	border: 0.2vw solid var(--vert);
}*/

.type-vert .card {
	background-color: transparent;
}

.type-vert .card h1 {
	color: var(--vert);
}

.type-vert .card h2 {
	color: var(--vertp);
}

.type-vert .card h3 {
	color: var(--indigo);
}

.type-vert .card h4 {
	color: var(--indigo);
}

.type-vert .swiper-button-prev, .type-vert .swiper-button-next {
	color: var(--vert);
    background-color: var(--indigo);
}

.type-vert .swiper-button-prev:hover, .type-vert .swiper-button-next:hover {
	color: var(--vertp);
    background-color: var(--indigo);
}


	/*  TYPE-ORANGE  */

.type-orange {
	background-color: var(--indigo);
}

.type-orange header a div.row {
	background-color: var(--orange);
}

.type-orange > header > a {
  color: var(--creme);
  text-decoration: none;
  background-color: transparent;
}

.type-orange > header > a:hover {
  color: var(--orangef);
  text-decoration: none;
  background-color: transparent;
}

/*.type-orange > header > a:hover h1 {
  color: var(--orangef);
  text-decoration: underline;
  background-color: transparent;
}

.type-orange > header > a:hover h2 {
  color: var(--orangef);
  text-decoration: none;
  background-color: transparent;
}*/

.type-orange .swiper-slide .card-img-top{
	border: none;
}

/*.type-orange .swiper-slide:hover .card-img-top{
	border: 0.2vw solid var(--orange);
}*/

.type-orange .card {
	background-color: transparent;
}

.type-orange .card h1 {
	color: var(--orange);
}

.type-orange .card h2 {
	color: var(--orangef);
}

.type-orange .card h3 {
	color: var(--indigo);
}

.type-orange .card h4 {
	color: var(--indigo);
}

.type-orange .swiper-button-prev, .type-orange .swiper-button-next {
	color: var(--orange);
    background-color: var(--indigo);
}

.type-orange .swiper-button-prev:hover, .type-orange .swiper-button-next:hover {
	color: var(--orangef);
    background-color: var(--indigo);
}


	/*  TYPE-ORANGEF  */

.type-orangef {
	background-color: var(--indigo);
}

.type-orangef header a div.row {
	background-color: var(--orangef);
}

.type-orangef > header > a {
  color: var(--creme);
  text-decoration: none;
  background-color: transparent;
}

.type-orangef > header > a:hover {
  color: var(--orange);
  text-decoration: none;
  background-color: transparent;
}

/*.type-orangef > header > a:hover h1 {
  color: var(--orange);
  text-decoration: underline;
  background-color: transparent;
}

.type-orangef > header > a:hover h2 {
  color: var(--orange);
  text-decoration: none;
  background-color: transparent;
}*/

.type-orangef .swiper-slide .card-img-top{
	border: none;
}

/*.type-orangef .swiper-slide:hover .card-img-top{
	border: 0.2vw solid var(--orangef);
}*/

.type-orangef .card {
	background-color: transparent;
}

.type-orangef .card h1 {
	color: var(--orangef);
}

.type-orangef .card h2 {
	color: var(--orange);
}

.type-orangef .card h3 {
	color: var(--indigo);
}

.type-orangef .card h4 {
	color: var(--indigo);
}

.type-orangef .swiper-button-prev, .type-orangef .swiper-button-next {
	color: var(--orangef);
    background-color: var(--indigo);
}

.type-orangef .swiper-button-prev:hover, .type-orangef .swiper-button-next:hover {
	color: var(--orange);
    background-color: var(--indigo);
}

	/*  TYPE-VERTP  */

.type-vertp {
	background-color: var(--indigo);
}

.type-vertp header a div.row {
	background-color: var(--vertp);
}

.type-vertp > header > a {
  color: var(--creme);
  text-decoration: none;
  background-color: transparent;
}

.type-vertp > header > a:hover {
  color: var(--vert);
  text-decoration: none;
  background-color: transparent;
}

/*.type-vertp > header > a:hover h1 {
  color: var(--vert);
  text-decoration: underline;
  background-color: transparent;
}

.type-vertp > header > a:hover h2 {
  color: var(--vert);
  text-decoration: none;
  background-color: transparent;
}*/

.type-vertp .swiper-slide .card-img-top{
	border: none;
}

/*.type-vertp .swiper-slide:hover .card-img-top{
	border: 0.2vw solid var(--vertp);
}*/

.type-vertp .card {
	background-color: transparent;
}

.type-vertp .card h1 {
	color: var(--vertp);
}

.type-vertp .card h2 {
	color: var(--vert);
}

.type-vertp .card h3 {
	color: var(--indigo);
}

.type-vertp .card h4 {
	color: var(--indigo);
}

.type-vertp .swiper-button-prev, .type-vertp .swiper-button-next {
	color: var(--vertp);
    background-color: var(--indigo);
}

.type-vertp .swiper-button-prev:hover, .type-vertp .swiper-button-next:hover {
	color: var(--vert);
    background-color: var(--indigo);
}


	/*  TYPE-ROUGEP  */

.type-rougep {
	background-color: var(--indigo);
}

.type-rougep header a div.row {
	background-color: var(--rougep);
}

.type-rougep > header > a {
  color: var(--creme);
  text-decoration: none;
  background-color: transparent;
}

.type-rougep > header > a:hover {
  color: var(--rouge);
  text-decoration: none;
  background-color: transparent;
}

/*.type-rougep > header > a:hover h1 {
  color: var(--rouge);
  text-decoration: underline;
  background-color: transparent;
}

.type-rougep > header > a:hover h2 {
  color: var(--rouge);
  text-decoration: none;
  background-color: transparent;
}*/

.type-rougep .swiper-slide .card-img-top{
	border: none;
}

/*.type-rougep .swiper-slide:hover .card-img-top{
	border: 0.2vw solid var(--rougep);
}*/

.type-rougep .card {
	background-color: transparent;
}

.type-rougep .card h1 {
	color: var(--rougep);
}

.type-rougep .card h2 {
	color: var(--rouge);
}

.type-rougep .card h3 {
	color: var(--indigo);
}

.type-rougep .card h4 {
	color: var(--indigo);
}

.type-rougep .swiper-button-prev, .type-rougep .swiper-button-next {
	color: var(--rougep);
    background-color: var(--indigo);
}

.type-rougep .swiper-button-prev:hover, .type-rougep .swiper-button-next:hover {
	color: var(--rouge);
    background-color: var(--indigo);
}


	/*  TYPE-BLEUF  */

.type-bleuf {
	background-color: var(--indigo);
}

.type-bleuf header a div.row {
	background-color: var(--bleuf);
}

.type-bleuf > header > a {
  color: var(--creme);
  text-decoration: none;
  background-color: transparent;
}

.type-bleuf > header > a:hover {
  color: var(--bleu);
  text-decoration: none;
  background-color: transparent;
}

/*.type-bleuf > header > a:hover h1 {
  color: var(--bleu);
  text-decoration: underline;
  background-color: transparent;
}

.type-bleuf > header > a:hover h2 {
  color: var(--bleu);
  text-decoration: none;
  background-color: transparent;
}*/

.type-bleuf .swiper-slide .card-img-top{
	border: none;
}

/*.type-bleuf .swiper-slide:hover .card-img-top{
	border: 0.2vw solid var(--bleuf);
}*/

.type-bleuf .card {
	background-color: transparent;
}

.type-bleuf .card h1 {
	color: var(--bleuf);
}

.type-bleuf .card h2 {
	color: var(--bleu);
}

.type-bleuf .card h3 {
	color: var(--indigo);
}

.type-bleuf .card h4 {
	color: var(--indigo);
}

.type-bleuf .swiper-button-prev, .type-bleuf .swiper-button-next {
	color: var(--bleuf);
    background-color: var(--indigo);
}

.type-bleuf .swiper-button-prev:hover, .type-bleuf .swiper-button-next:hover {
	color: var(--bleu);
    background-color: var(--indigo);
}

/*  CARD-GRIS  */

.card.card-gris {
	background-color: transparent;
}

.card.card-gris h2 {
	color: var(--bleu);
}

.card.card-gris h3 {
	color: var(--indigo);
}

.card.card-gris h4 {
	color: var(--indigo);
}

/*   FOOTER UL LIST ET BTN-LINK  */

ul.manufacturier h1 {
	color: var(--creme);
}

ul.manufacturier .btn-link {
	color: var(--orange);
}

ul.manufacturier .btn-link:hover {
	color: var(--creme);
}

ul.produits h1 {
	color: var(--creme);
}

ul.produits .btn-link {
	color: var(--vertp);
}

ul.produits .btn-link:hover {
	color: var(--creme);
}

ul.industrie h1 {
	color: var(--creme);
}

ul.industrie .btn-link {
	color: var(--bleu);
}

ul.industrie .btn-link:hover {
	color: var(--creme);
}

ul.services h1 {
	color: var(--creme);
}

ul.services .btn-link {
	color: var(--scarlet);
}

ul.services .btn-link:hover {
	color: var(--creme);
}

ul.documentation h1 {
	color: var(--creme);
}

ul.documentation .btn-link {
	color: var(--rougep);
}

ul.documentation .btn-link:hover {
	color: var(--creme);
}

ul.sitemap h1 {
	color: var(--creme);
}

ul.sitemap .btn-link {
	color: var(--vert);
}

ul.sitemap .btn-link:hover {
	color: var(--creme);
}

ul.medias h1 {
	color: var(--creme);
}

ul.medias .btn-link {
	color: var(--gris);
}

ul.medias .btn-link:hover {
	color: var(--creme);
}

ul.adresse .btn-link {
	color: var(--gris);
}

ul.adresse .btn-link:hover {
	color: var(--creme);
}

ul.adresse {
	color: var(--blanc);
}

a.adresse {
    color: var(--orangef);
}

a.adresse:hover {
    text-decoration: underline;
    color: var(--creme);
}

h1.infolettre {
	color: var(--vertp);
}

h2.infolettre {
	color: var(--bleu);
}

.btn.btn-warning.infolettre {
	color: var(--indigo);
	background-color: var(--vertp);
	border-color: transparent;
}

.btn.btn-warning.infolettre:hover {
	color: var(--indigo);
	background-color: var(--bleu);
	border-color: var(--creme);
}

.copyright p {
	color: var(--creme);
}