body {
font-family: 'Rockwell';/*Attention ce font à une ligne-height bottom par defaut*/
}
/*
h1 {
color: #00b0f0;
}*/
.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}
/*début CSS nav*/
.text-center {
top:inherit;
}

.nav-color {
  background-color: white;
  padding: 30px;
}

.navbar-brand-color {
  color: #114e90 !important;
  font-family: 'Rockwell';
  font-size: 1.65rem;

}
/*Fin CSS nav*/

/*Début CSS section Head*/
.head-background {
background-color: #081a2e;
padding-top: 200px;
padding-bottom: 100px;
color: white;
}

.head-divider-titre {
border-bottom: 1px solid white;
width: 50%;
margin-left: 25%;
margin-top: 1%;
margin-bottom: 1%;
}
/*Fin CSS section Head*/
/*Début CSS Icon GOOGLE*/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-symbols-outlined.md-48 { font-size: 108px;color: #114e90}
/*Fin CSS Icon GOOGLE*/
/*Début CSS features-icons*/
.features-icons {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.features-icons .features-icons-item .features-icons-icon {
    height: 7rem;
}
.description-icon {
  font-family: 'Roboto', sans-serif;
  font-size: 1.25rem;

}
/*Fin CSS features-icons*/
/*Début CSS montage pc*/
.showcase .showcase-img {
    min-height: 30rem;
    background-size: 100% 100%;
}
/*Fin CSS montage pc*/
/*Début CSS showcase*/
.section-depannage-pc {
margin-top: 5%;
margin-bottom: 5%;
}
@media (min-width: 768px) and (max-width: 1024px) { .titre-depannage-pc {
margin-top: 5%;
margin-bottom: 5%;
} }
@media (max-width: 768px) { .titre-depannage-pc, .img-depannage-pc {
margin-bottom: 5%;
} }
.showcase .showcase-img-tocenter {
    min-height: 30rem;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 576px) { .showcase .showcase-img-tocenter {
  min-height: 15rem;
} }
.showcase-text {
  padding: 5rem;
  text-align: justify;
}
.showcase-titre{
  text-align: center;
  color: #114e90;
}
/*Fin CSS showcase*/
/*Début CSS lightSlider*/
ul{
list-style: none outside none;
  padding-left: 0;
      margin: 0;
}
  .demo .item{
      margin-bottom: 60px;
  }
  .content-slider li{
  	/*background-color: #ed3020;*/
  	text-align: center;
  	color: #FFF;

  }
.content-slider h3 {
  margin: 0;
  padding: 70px 0;
}
.demo{
width: 800px;
}
.lSAction > .lSPrev {
    background-position: 1px 0 !important;
    right: 10px;
    background-color: #114e90;
    background-repeat: no-repeat;
    border-radius: 20px;
		opacity: 1;
}
.lSAction > .lSNext {
    background-position: -33px 0 !important;
    right: 10px;
    background-color: #114e90;
    background-repeat: no-repeat;
    border-radius: 20px;
		opacity: 1;
}
.lightSlider.lsGrab > * {
    cursor: -webkit-pointer !important;
    cursor: -moz-pointer !important;
    cursor: -o-pointer !important;
    cursor: -ms-pointer !important;
    cursor: pointer !important;
}
/*Fin CSS lightSlider*/
/*Début CSS Section lightslider*/
.Sectionarticles{
  background-color: #f8f9fa;
  margin-top: 5%;
  margin-bottom: 5%;
  }
.titrearticles {
  text-align: center;
  color: #114e90;
  padding-top: 5%;
  padding-bottom: 5%;
}
.card {
  border-radius: 0rem;

}
.LinkCard {
	text-decoration: none;
	color: inherit;
}
.btnlt {
  background-color: #114e90;
  border-color: inherit;
}
/*Fin CSS Sectionlightslider*/
/*Début CSS SectionRealisations*/
.TitreRealisations {
  color: #114e90;
  text-align: center;
}
.ImgRealisations {
  margin-left: 10%;
}
.Realisations {
  margin-top: 5%;
}
.SousTitreRealisations {
  color: #114e90;
  text-align: center;
  margin-top: 5%;
}
.HrefSousTitreRealisations {
  text-decoration: none;
  color:inherit;
}
/*Fin CSS SectionRealisations*/

/*Début Section Bouton Contact*/
.SectionBoutonContact {
  margin-top: 5%;
  background-color: #f8f9fa;
  padding-top: 100px;
  padding-bottom: 100px;
}
.SectionBoutonContactBouton {
  border-radius: 50px;
  font-size: 25px;
}
.SectionBoutonContactBouton:hover {
  background-color: #114e90 !important;
  border-color: #114e90 !important;
}
.TitreSectionBoutonContact {
  color: #114e90;
  margin-bottom: 5%;
}

.SectionBoutonContactBouton {
		background-color:#17346d !important;
		border-color:#17346d !important;
		border: none;
		border-top: 5px solid;
	 	border-bottom: 3px solid;
	 	border-left: 8px solid;
	 	border-right: 8px solid;
	 	padding: 0px;
}
/*Fin Section Bouton Contact*/
/**/
.modal-footer {
  margin-top: 5%;
  display: block;
  padding: 0px;
}
/**/
/*Début bouton téléphone fixe*/
.buttonfixe {

  position: fixed;
  z-index: 999;
	left : 95%;
	bottom:20px;
}

@media (max-width:767px)
{
	.buttonfixe {

    position: fixed;
  	z-index: 999;
  	left : 85%;
  	bottom:10%;
}
}

.buttoncircle {
  background-color: #17346d !important;
      border-color: #17346d !important;
      color:white;
      border: none;
      border-top: 3px solid;
      border-bottom: 1px solid;
      border-left: 9px solid;
      border-right: 9px solid;
      padding: 5px;
      padding-bottom: 3px;
      border-radius: 50%;
  }
.TitreModalLogo {
  color : #17346d;
}
.fas {
    font-size: 20px;
}

.contact-form{
    background: #fff;
    /*margin-top: 10%;*/
    margin-bottom: 5%;
    width: 100%;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-form form{
   /* padding: 14%;*/
}
.contact-form form .row{
   /* margin-bottom: -7%;*/
}
.contact-form h3{
    /*margin-bottom: 8%;
    margin-top: -10%;*/
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 100%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

.form-group {
    margin-bottom: 1rem;
}
/*Fin bouton téléphone fixe*/
/*CSS FOOTER*/

footer {
  padding-top: 2%;
  background-color: #081a2e;
  color: white;

}

footer h5 {
  font-family: "Rockwell";

}

footer i {

  color: white;
}

.footer-link {
  list-style: none;
  text-decoration: none;
	font-size: 12px;
  font-family: arial;
  color: white;
  padding: 0;
  margin-bottom: 12px;
}

.icone-footer {
  text-decoration: none;
  color: white;
  margin-left: 5px;
}

.contact-info {
  text-align:justify;
  color: white;
	font-size: 12px;
  font-family: arial;
}
.LienFooter {
  text-decoration: none;
  color: white ;
}
.fa-facebook {
  background: #3B5998;
  color: white;
  padding: 2px;
  border-radius: 2px;
}
.fa-google-plus-g {
  background: white;
  color: red;
  border-radius: 100px;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-left: 2%;

}

.Copyright {

  margin-top: 2%;
  color: grey;
  background-color: #05101c;
	font-size: 12px;
}

  @media (max-width: 767.98px) { .footer-center-mobile {


      text-align: center !important;
    } }

    @media (max-width: 767.98px) { .footer-titre-mobile {


        margin-top: 10%;
      } }
/*Fin CSS FOOTER*/