/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
h3.g-title:after {
  display: block;
  content: "";
  background: #f69b1b;
  border: none;
  margin-top: 20px;
  height: 4px;
  width: 50px;
  margin: 25px auto;
  border-radius: 4px;
}
p {
  margin: 1rem 0;
}
#g-container-main h2 {
  margin-bottom: 2rem;
}
h2 {
  /* pour modules hors container-main*/
  margin-bottom: 1rem;
}
h3, h4 {
  margin-bottom: 1rem;
}
h2 {
  border-bottom: 1px solid #f69b1b;
  width: fit-content;
}
@media (max-width: 767px) {
  #g-mainbody h2 {
    font-size: 1.4rem;
  }
  body #g-mainbody .wf-column h3 {
    font-size: 1.1rem !important;
  }
  #g-header {
    background: #f5f5f5;
    border-bottom: 1px solid #9bc311;
  }
  #g-mobilemenu-container i.fa-caret-down {
    display: none;
  }
  .g-features-particle.style8 .g-grid:last-child .g-features-particle-item {
    margin-bottom: 20px;
  }
}
#g-mainbody {
  padding: 1rem 0;
}
#g-mainbody .g-content, #g-aside .g-content {
  margin: 0.3rem;
  padding: 0.4rem;
}
.bouton {
  padding: 10px;
  border-radius: 5px;
  background: #9bc311;
  width: fit-content;
  color: #fff !important;
  transition: 0.5s;
  text-align: center;
}
.bouton:hover {
  background: #6e8b0a;
  transition: 0.5s;
  color: #fff !important;
}
@media (max-width: 767px) {
  .bouton {
    font-size: 15px;
  }
}
.bloc-orange {
  background: #f69b1b;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
}
/*Header*/
.g-logo {
  margin: 0;
}
#g-header h1 {
  margin: 0;
  font-size: 1.8rem;
  text-align: center;
  line-height: 35px;
}
@media (max-width: 767px) {
  #g-header h1 {
    margin: 5px 0;
    font-size: 20px;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
  }
  #g-header .g-content {
    padding-right: 0;
    padding-left: 0;
  }
}
.header-c {
  font-size: 24px;
  text-align: center;
}
.header-c .fa.fa-phone {
  color: #f69b1b;
}
#g-header > .g-container:after {
  border: none;
}
/*Menu*/
#g-navigation .g-main-nav .g-dropdown > .g-dropdown-column {
  background: #304356;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  background: #596f84;
  color: #fff;
}
#g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
  background: #596f84;
}
#g-navigation .g-content {
  margin-right: 0;
  padding-right: 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 20px 8px;
  }
  .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-size: 14px;
  }
}
/*Accueil*/
body.itemid-101 #g-container-main {
  display: none;
}
#g-showcase {
  padding: 0;
}
#g-feature {
  padding: 1rem 0 0 0;
}
body.itemid-101 #g-showcase p.g-main-feature-desc {
  display: none;
}
#g-feature .g-content {
  padding: 0;
  margin: 0;
}
.g-features-particle.style8 .g-features-particle-item {
  padding: 25px;
}
.g-features-particle.style8 .g-features-particle-title {
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
}
.g-features-particle .g-features-particle-button {
  text-align: center;
}
#g-mainbottom .g-info-container h4 {
  color: #f69b1b;
  font-size: 24px;
  text-align: center;
}
#g-mainbottom .g-news-pro-desc h3 {
  font-size: 20px;
}
#g-mainbottom .g-info-container .g-article-details, #g-mainbottom .g-info-container .g-news-pro-desc {
  padding: 0 10px;
}
.g-news-pro .g-news-pro-item.vertical .g-news-pro-image, .g-news-pro .g-news-pro-link.vertical .g-news-pro-image {
  border-right: 1px solid #f69b1b;
  border-top: 1px solid #f69b1b;
  border-left: 1px solid #f69b1b;
  margin-bottom: 0;
}
#g-mainbottom .g-info-container {
  padding-top: 15px;
  border-right: 1px solid #f69b1b;
  border-bottom: 1px solid #f69b1b;
  border-left: 1px solid #f69b1b;
}
@media (min-width: 768px) {
  #g-mainbottom .g-info-container {
    min-height: 280px;
  }
}
#g-mainbottom .uk-dotnav > * > * {
  background: rgba(155, 195, 17, 0.5);
}
#g-mainbottom .uk-dotnav > .uk-active > * {
  background: #9bc311;
}
h4.g-keypoints-item-title {
  text-transform: uppercase;
  font-size: 1.3rem;
}
#g-last {
  padding: 0;
}
#g-last .g-content {
  padding: 0 1rem;
  margin: 0 1rem;
}
#g-utility {
  margin-top: -40px;
  padding-top: 5rem;
}
/*Dépannage réparation particuliers et pros*/
body.depannage #g-mainbody .wf-column h3 {
  font-size: 1.4rem;
  background: #f69b1b;
  color: #fff;
  padding: 0.5rem 1rem;
  text-align: center;
}
body.depannage #g-mainbody .wf-column {
  padding: 10px;
  border: 1px solid #f69b1b;
}
body.depannage .wf-column {
  color: #fff;
  font-size: 17px;
}
body.depannage.particuliers .wf-column:first-child {
  background: url('../../../../images/depannage/particuliers/fond-materiel-particuliers.jpg');
  background-size: cover;
}
body.depannage.particuliers .wf-column:last-child {
  background: url('../../../../images/depannage/particuliers/fond-logiciel-particuliers2.png');
}
body.depannage.particuliers .wf-columns-layout-3-2 .wf-column:first-child, body.depannage.particuliers .wf-columns-layout-3-2 .wf-column:last-child {
  background: none;
  color: #222;
}
body.depannage #g-mainbody .wf-columns-layout-3-2 .wf-column {
  border: none;
  padding: 0;
}
@media (max-width: 767px) {
  body.depannage #g-mainbody .wf-columns-layout-3-2 .wf-column .bouton {
    font-size: 15px;
  }
}
body.depannage.entreprises .wf-column:first-child {
  background: url('../../../../images/depannage/entreprises/fond-materiel-entreprise.jpg');
  background-size: cover;
}
body.depannage.entreprises .wf-column:last-child {
  background: url('../../../../images/depannage/entreprises/fond-logiciel-entreprise3.jpg');
  background-size: cover;
}
/*Ordi Moches*/
body.ordi-moches .wf-columns .wf-column {
  background: #f5f5f5;
  padding: 0 10px;
  border: 1px solid #f69b1b;
}
/*Page matériels - blog*/
.blog .g-article-header {
  border: none;
  padding-bottom: 10px;
}
.blog-item h2 {
  font-size: 1.5rem;
}
.blog-item h3 {
  margin-bottom: 10px;
  font-size: 1.15rem;
}
.blog-item p {
  margin: 10px 0;
  font-size: 15px;
}
.blog .article-info {
  margin-top: 15px;
}
.blog .article-info.text-muted {
  font-size: 15px;
}
.blog article.item {
  padding: 10px;
  margin: 5px;
  background: #f5f5f5;
  border-radius: 5px;
  border: 1px solid #f69b1b;
}
.blog article.item:first-child, .blog article.item:nth-child(5), .blog article.item:nth-child(9), .blog article.item:nth-child(13) {
  margin-left: 0;
}
@media (max-width: 767px) {
  .blog article.item {
    margin: 10px 0;
  }
}
/*Aside*/
#g-aside {
  padding: 1.5rem 0;
  background: #9bc311;
  color: #fff;
  height: 100%;
}
#g-aside .g-title:after {
  display: none;
}
#g-aside h2.g-title {
  border-bottom: 1px solid #fff;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
#g-aside strong {
  color: #fff;
}
/*Tarifs*/
table tr:nth-child(even) td {
  background: #f5f5f5;
}
.width-tarifs1 {
  width: 25%;
}
.width-tarifs2 {
  width: 60%;
}
.width-tarifs3 {
  width: 14%;
}
body.tarifs table {
  border: 2px solid #9bc311;
}
body.tarifs table td {
  border: 1px solid #9bc311;
}
/*Contact*/
#g-page-surround input, #g-page-surround select, #g-page-surround textarea {
  background: #f5f5f5;
}
/*Footer*/
#g-footer {
  padding: 0;
}
#g-copyright .g-content {
  margin: 0;
  padding: 0.5rem;
}
/*# sourceMappingURL=custom_13.css.map */