@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");
body {
  background: #13235B;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0B65A5), to(#13235B));
  background-image: linear-gradient(to bottom, #0B65A5, #13235B);
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
/* CUSTOMIZE THE CAROUSEL */
/* Carousel base class */
.carousel {
  padding: 0rem;
  background-color: black;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 5rem;
  padding: 5px;
  z-index: 10;
}

.carousel-caption h3 {
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  text-shadow: 2px;
  bottom: 1rem;
  padding: 5px;
  z-index: 10;
}

.carousel-caption h4 {
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  text-shadow: 2px;
  bottom: 1rem;
  padding: 5px;
  z-index: 10;
}

.liste_ban {
  float: left;
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
}

.liste_ban :hover {
  color: #3314e0;
  background-color: #fff;
}

/* 2014 */
.bt_blanc {
  font-family: Arial;
  color: #333;
  font-size: 16px;
  padding: 5px;
  text-decoration: underline;
}

.bt_blanc:hover {
  background: #000066;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_blanc {
  font-family: Arial;
  color: #000066;
  font-size: 20px;
  padding: 10px;
  background: #FFFFFF;
  text-decoration: none;
  color: #333;
  margin-left: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.bt_ban_blanc:hover {
  background: #000000;
  text-decoration: none;
  color: #FFFFFF;
}

/* les liens et boutons*/
.bt_bleu {
  font-family: Arial;
  color: #000099;
  font-size: 16px;
  padding: 4px;
  text-decoration: none;
  font-weight: bolder;
}

.bt_bleu:hover {
  background: #0A50FE;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_bleu {
  font-family: Arial;
  color: #000066;
  font-size: 20px;
  padding: 10px;
  background: #000066;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_bleu:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #000;
}

/**/
.bt_rouge {
  font-family: Arial;
  color: #B92025;
  font-size: 16px;
  padding: 5px;
  text-decoration: underline;
}

.bt_rouge:hover {
  background: #B92025;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_rouge {
  font-family: Arial;
  font-size: 20px;
  padding: 10px;
  text-decoration: none;
  color: #FFF;
  background-color: #B92025;
}

.bt_ban_rouge:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #000;
}

/**/
.bt_vert {
  font-family: Arial;
  color: #66CC33;
  font-size: 16px;
  padding: 5px;
  text-decoration: underline;
}

.bt_vert:hover {
  background: #66CC33;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_vert {
  font-family: Arial;
  font-size: 20px;
  padding: 10px;
  text-decoration: none;
  color: #FFF;
  background-color: #66CC33;
}

.bt_ban_vert:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #000;
}

/**/
.bt_bleu_conv {
  font-family: Arial;
  color: #0A50FF;
  font-size: 16px;
  padding: 5px;
  text-decoration: underline;
}

.bt_bleu_conv:hover {
  background: #0A50FF;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_bleu_conc {
  font-family: Arial;
  font-size: 20px;
  padding: 10px;
  text-decoration: none;
  color: #FFF;
  background-color: #0A50FF;
}

.bt_ban_bleu_conc:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #000;
}

/**/
.bt_vert_fonce {
  font-family: Arial;
  color: #107855;
  font-size: 16px;
  padding: 5px;
  text-decoration: underline;
}

.bt_vert_fonce:hover {
  background: #090;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_vert_fonce {
  font-family: Arial;
  font-size: 20px;
  padding: 10px;
  text-decoration: none;
  color: #FFF;
  background-color: #107855;
}

.bt_ban_vert_fonce:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #000;
}

.bt_orange {
  font-family: Arial;
  color: #F90;
  font-size: 16px;
  padding: 5px;
  text-decoration: underline;
}

.bt_orange:hover {
  background: #F90;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_orange {
  font-family: Arial;
  font-size: 20px;
  padding: 10px;
  background: #F90;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_orange:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #000;
}

.bt_mauve {
  font-family: Arial;
  color: #BA00FF;
  font-size: 16px;
  padding: 5px;
  text-decoration: underline;
}

.bt_mauve:hover {
  background: #BA00FF;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_mauve {
  font-family: Arial;
  font-size: 20px;
  padding: 10px;
  background: #BA00FF;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_mauve:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #000;
}

.bt_bleu_claire {
  font-family: Arial;
  color: #63B5F8;
  font-size: 16px;
  padding: 5px;
  text-decoration: underline;
}

.bt_bleu_claire:hover {
  background: #63B5F8;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_bleu_claire {
  font-family: Arial;
  font-size: 20px;
  padding: 10px;
  background: #63B5F8;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_bleu_claire:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #000;
}

/* bt gris */
.bt_gris {
  font-family: Arial;
  color: #666;
  font-size: 16px;
  padding: 5px;
  text-decoration: underline;
}

.bt_gris:hover {
  background: #666;
  text-decoration: none;
  color: #FFF;
}

.bt_ban_gris {
  font-family: Arial;
  font-size: 20px;
  padding: 10px;
  text-decoration: none;
  color: #FFF;
  background-color: #036;
}

.bt_ban_gris:hover {
  background: #FFFFFF;
  text-decoration: none;
  color: #000;
}

/* fin des boutons */
.puce_menu_inst {
  list-style-type: none;
}

/*commentaire: les titres et sous titres produits   */
/* lien titre four */
a.afour:link {
  color: #BB0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.afour:visited {
  color: #BB0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.afour:hover {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.afour:active {
  color: #BB0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

/*titre*/
.titre_four {
  color: #BB0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

/* recyclage */
a.arecy:link {
  color: #009933;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.arecy:visited {
  color: #009933;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.arecy:hover {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.arecy:active {
  color: #009933;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.titre_recy {
  color: #009933;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

/* convoyeur */
a.aconv:link {
  color: #0033CC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.aconv:visited {
  color: #0033CC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.aconv:hover {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.aconv:active {
  color: #0033CC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.titre_conv {
  color: #0033CC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

/* extrusion */
a.aextr:link {
  color: #FF9900;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.aextr:visited {
  color: #FF9900;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.aextr:hover {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.aextr:active {
  color: #FF9900;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.titre_extr {
  color: #FF9900;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

/* personaliser */
a.apers:link {
  color: #BA00FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.apers:visited {
  color: #BA00FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.apers:hover {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.apers:active {
  color: #BA00FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.titre_pers {
  color: #BA00FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

/* département électrique */
a.aelec:link {
  color: #63B5F8;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.aelec:visited {
  color: #63B5F8;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.aelec:hover {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a.aelec:active {
  color: #63B5F8;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.titre_elec {
  color: #63B5F8;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

/* fin lien titres */
/* Declare heights because of positioning of img element */
.carousel-item {
  height: 600px;
  padding: 5px;
  background-repeat: no-repeat;
  background-position: center;
}

.car-dia-0 {
  background-color: #10287a;
  background-image: url(../img_diapo/0_dia_tnci.jpg);
}

.car-dia-1 {
  background-color: #10287a;
  background-image: url(../img_diapo/1_dia_tnci.jpg);
}

.car-dia-2 {
  background-color: #e0d318;
  background-image: url(../img_diapo/2_dia_tnci.jpg);
}

.car-dia-3 {
  background-color: #06ff7a;
  background-image: url(../img_diapo/3_dia_tnci.jpg);
}

.car-dia-4 {
  background-color: #41245c;
  background-image: url(../img_diapo/4_dia_tnci.jpg);
}

.car-dia-5 {
  background-color: #13a2bb;
  background-image: url(../img_diapo/5_dia_tnci.jpg);
}

.car-dia-6 {
  background-color: #10287a;
  background-image: url(../img_diapo/0_dia_tnci.jpg);
}

.car-dia-7 {
  background-color: #10287a;
  background-image: url(../img_diapo/0_dia_tnci.jpg);
}

.car-dia-8 {
  background-color: #10287a;
  background-image: url(../img_diapo/0_dia_tnci.jpg);
}

.car-dia-9 {
  background-color: #10287a;
  background-image: url(../img_diapo/0_dia_tnci.jpg);
}

.car-dia-10 {
  background-color: #10287a;
  background-image: url(../img_diapo/0_dia_tnci.jpg);
}

.carousel-item > img {
  text-align: center;
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
  padding: 1rem;
  min-width: 100%;
  width: 98%;
  height: auto;
}

@media (max-width: 750px) {
  .car-dia-0 {
    background-color: #10287a;
    background-image: url(../img_diapo/dia_gsm/0_dia_tnci.jpg);
  }
  .car-dia-1 {
    background-color: #10287a;
    background-image: url(../img_diapo/dia_gsm/1_dia_tnci.jpg);
  }
  .car-dia-2 {
    background-color: #e0d318;
    background-image: url(../img_diapo/dia_gsm/2_dia_tnci.jpg);
  }
  .car-dia-3 {
    background-color: #06ff7a;
    background-image: url(../img_diapo/dia_gsm/3_dia_tnci.jpg);
  }
  .car-dia-4 {
    background-color: #41245c;
    background-image: url(../img_diapo/dia_gsm/4_dia_tnci.jpg);
  }
  .car-dia-5 {
    background-color: #13a2bb;
    background-image: url(../img_diapo/dia_gsm/5_dia_tnci.jpg);
  }
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/* carte google reponsitive */
.responsiveGoogle {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.responsiveGoogle iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* les images */
.vign, .img-vign {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.075);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.075);
  max-width: 98% !important;
  margin-top: 1%;
  margin-right: 1%;
  margin-bottom: 1%;
  margin-left: 1%;
}

.vign {
  display: block;
  height: auto;
  max-width: 99%;
  padding: 1%;
  line-height: 1.42857;
  background-color: #FFF;
  border: 1px solid #CCC;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

img {
  max-width: 98% !important;
}

/* Les images aux format rond*/
.img_rond, .img_rond_ombre, .img_rond_bordure {
  overflow: hidden;
  border-radius: 75px;
  width: 150px;
  height: 150px;
}

.img_rond_ombre {
  -webkit-box-shadow: 0px 0px 10px #343434;
  -o-box-shadow: 0px 0px 10px #343434;
  box-shadow: 0px 0px 10px #343434;
}

.img_rond_bordure {
  border: 1px solid #006699;
}

.rimg_rond_autre {
  overflow: hidden;
  border-radius: 50px;
  width: 90px;
  height: 90px;
}

/* fin les images*/
/* Cet élément block le script injecté dans l'iframe. On le cache */
#fb-root {
  display: none;
}

/* on redéfini la taille du contenu */
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

div.g-recaptcha {
  margin: 0 auto;
  width: 304px;
}

.responsiveCal {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.responsiveCal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

footer {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #007dc1), color-stop(0%, #0061a7));
  background: linear-gradient(to bottom, #007dc1 100%, #0061a7 0%);
  background-color: #0061a7;
  margin: 0px;
}

.actualite {
  margin-bottom: 20px;
}

.haut {
  background-color: blue;
}
/*# sourceMappingURL=default.css.map */