@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');


/* IDEAL CLASS ideal_no_container TO ADD TO MENU IF YOU WANT 100% width page specially for sp_page_builder*/

/*.ideal_no_container .container.t3-mainbody { padding:0; width: 100%;}*/

.ideal_no_container .fa-map-marker::before {content: "\f041" !important;}

/*a {color:#e75112;}*/
.categories-module .mod-articles-readmore:hover, ul.categories-module .mod-articles-readmore:hover, .category-module .mod-articles-readmore:hover, ul.category-module .mod-articles-readmore:hover, .categories-module .mod-articles-readmore:focus, ul.categories-module .mod-articles-readmore:focus, .category-module .mod-articles-readmore:focus, ul.category-module .mod-articles-readmore:focus, .categories-module .mod-articles-readmore:active, ul.categories-module .mod-articles-readmore:active, .category-module .mod-articles-readmore:active, ul.category-module .mod-articles-readmore:active {color: #20c1f4;}

/*buton primary #068CCC and secondary #F47F20*/

.btn-primary {border-color: #05A1E6;color: #05A1E6;}
.btn-primary::after {background: #05A1E6;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background: none;border-color: #05A1E6;}
input.btn-primary:hover, button.btn-primary:hover, input.btn-primary:focus, button.btn-primary:focus, input.btn-primary:active, button.btn-primary:active {background: #05A1E6;}



.logo-img {max-height:51px;}
.logo-image a:hover img {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
/* lang flag */
.languageswitcherload {padding-left: 10px;
    background: rgba(0,0,0,0.1);
    height: 40px;
    margin-left: 10px;
    padding-top: 5px;}

/*menu*/
.navbar-default .navbar-nav > li {
    margin-right: 8px;
    margin-left: 8px;
}
/*icone dans menu*/
.mega-inner .fa {color: #dcdcdb; padding-right: 8px; font-size: 16px;}
.mega-inner li {padding-top:8px;padding-bottom:8px; border-bottom:1px solid #E4E4E4; transition:all 0.3s ease-out 0s;}
/*.mega-inner li:hover {background:red;}*/

/* cacher menu sur les tablettes ipad*/
@media (min-width: 768px) and (max-width: 1024px) {
.navbar-collapse.collapse {display: none !important;}
.t3-header:after {border-bottom:none !important;}
}



/* Masthead in slider position mis à jour par ideal conception */

.ja-masthead {background-position: center;background: transparent;}
.ja-masthead .ja-masthead-detail {padding: 119px 0 120px 0 !important;max-width: 100% !important;}

/*#t3-header {border-bottom: solid 2px #fff;}*/

.t3-header:after {
content: ""; /* This is necessary for the pseudo element to work. */ 
display: block; /* This will put the pseudo element on its own line. */
margin: 0 auto; /* This will center the border. */
width: 84%; /* Change this to whatever width you want. */
/*padding-top: 20px;*/ /* This creates some space between the element and the border. */
border-bottom: 2px solid #fff; /* This creates the border. Replace black with whatever color you want. */
}

/* search */
.head-search label { display: inline;}
.scrollUp .t3-header:after {border-bottom:none;}

.ja-slideshow {/*background: #2D3E50;*/ background:transparent;}

.navbar-nav{background: RGBA(0,0,0,0.8);border-radius: 8px;}
.scrollUp .navbar-nav{background:none;}

/*FLATICON les spécialités*/
[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {/*font-size:103px;margin-left: 0*/;color: #20c1f4;color: #025091;color: #97999a; color: #676767;
    /*-webkit-text-stroke: 0.3px white;*/
/*avec border*/
	font-size:66px;
    border: solid 2px #676767;
    border-radius: 50%;
    padding: 15px;	
	margin: 0 auto; 
	/*height: 90px;
    width: 90px;
	line-height: 80px;*/
    webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;
}
	

/* 	FLATICON :hover */
[class^="flaticon-"]:hover::before, [class*=" flaticon-"]:hover::before, [class^="flaticon-"]:hover::after, [class*=" flaticon-"]:hover::after {	
background-color: #0097bb;
    color: #fff;
    border: 1px solid #0097bb;
	 padding: 19px;
    -moz-box-shadow: inset 0px 0px 0px 5px #ffffff;
    -o-box-shadow: inset 0px 0px 0px 5px #ffffff;
    -ms-box-shadow: inset 0px 0px 0px 5px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 5px #ffffff;
    box-shadow: inset 0px 0px 0px 5px #ffffff;
   -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);	
	
	/*font-size:70px;*/
}
	
	
.article-img [class^="flaticon-"]::before, .article-img [class*=" flaticon-"]::before, .article-img [class^="flaticon-"]::after, .article-img [class*=" flaticon-"]::after { line-height:0;}

.row-feature .container {width:100%;}
.block_specialite {padding-top: 40px;}
.module_specialite {margin-top:-40px;}
.category-module .ja-animate div.article-img {
    margin-bottom: 28px;
    margin-top: 40px;
}
.categories-module h4 a:hover, ul.categories-module h4 a:hover, .category-module h4 a:hover, ul.category-module h4 a:hover, .categories-module h4 a:focus, ul.categories-module h4 a:focus, .category-module h4 a:focus, ul.category-module h4 a:focus, .categories-module h4 a:active, ul.categories-module h4 a:active, .category-module h4 a:active, ul.category-module h4 a:active {color: #20c1f4;}


/*.mod-articles-category-introtext{color:#00000061;}*/

/* services home**/

.category-module-grid h4 a {color: #ff7600 !important;color: #0097bb !important;}
.category-module-grid h4 {font-size: 20px;}

/* page services */
.services .items-row > div:hover {border-color: #20c1f4;}
/*100% page services */
.services .t3-mainbody {width:100%}




/*map*/
.directions, .acm-spotlight.ja-inview {padding-bottom:0 !important; padding-top:0 !important;}
.directions {background:#F2F4F8;}
.section-wrap form {background:#F2F4F8;}
/*input map*/
.p_map {padding-top: 10px;padding-bottom: 10px; margin-bottom: 0;text-align: left;background: #054F84;}
.p_map input[name="address"] { display:inline; margin-right:10px; margin-left:10px; }
.p_map label[for=from-address] {margin-left:5px;color: #fff;}
.p_map button {}
.p_map .btn {margin-top: -4px !important;}

/*input map pour les tablette responsive problem*/
@media screen and (max-width: 768px) {
.p_map input[name="address"] {width:50% !important;}
}



/*navhelper 100%*/
.t3-navhelper .container {width:100%; margin:0; padding:0;}



/*footer*/
.t3-footer, .t3-footnav .t3-module {background: #18354A;}
.t3-footnav .t3-module .module-title {font-size: 18px;}
/*.t3-footnav .t3-module ul > li > a {color:#05A1E6;}*/
.t3-footnav .t3-module ul > li > a:hover {color: #ff7d00;}

.t3-copyright a {color:#68C0FF;}

@media screen and (min-width: 768px) {
.footer-info .container .custom {
    border-bottom: 2px solid #05A1E6;
}}


/*page about us à propos*/
.about-us .show-team {border-left: 3px solid orange;}



/* dev web*/
.span_important .fa {color:#068ccc;font-size: 21px;}


/*ideal home video qui somme nous */
.idealhomevideo { margin-top:-112px; margin-bottom:-112px;}

/* titre des articles*/
.article-header .article-title, .article-header .article-title a {font-size: 47px !important ;font-weight: 300 !important;line-height: 1 !important;}
.article-title {border-bottom: 1px solid #d9d9d9; padding-bottom: 13px; margin: 0 0 28px;}
/* titre des articles dans les smartphones*/
@media screen and (max-width: 768px) {
.article-header .article-title, .article-header .article-title a {font-size: 30px !important}
/* zone bleu dans les articles*/
.portfolio-item .row-feature-heading h2 {
    margin-top: 0;
    font-weight: 300;
    font-size: 33px;
}
.portfolio-item .row-feature-heading { padding:10px;}
h3, .h3 {font-size: 30px;}


}



/*titre dans services*/
.services .article-header .article-title, .services .article-header .article-title a, /*frontpage*/.features-intro .article-title a {
    font-size: 23px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
	color: #0097bb !important;
}
/* services frontpage*/
 .features-intro .article-title {   margin-bottom: 79px;}
 .img-intro {padding-bottom: 25px;}
/*.img-intro:hover {padding-bottom: 19px;}*/

/*lead pour smartphone*/
@media screen and (max-width: 768px) {
.lead { font-weight:300;}
}



#Mod152.row-feature, #Mod158.row-feature, #Mod159.row-feature, #Mod160.row-feature, #Mod161.row-feature, #Mod162.row-feature, #Mod163.row-feature, #Mod164.row-feature  {padding-top:45px !important;padding-bottom:0px !important;}

/*101 nous aimons nos clients*/
#Mod101.row-feature {padding-top:71px !important;padding-bottom:0px !important;}

/*195 + 196 jux logo clients*/
#Mod195.row-feature {padding-top:0px !important;padding-bottom:0px !important;}
#Mod196.row-feature {padding-top:15px !important;padding-bottom:5px !important; background: #f7f7f7;}

/*156 slider stats*/
#Mod156.row-feature {padding-top:30px !important;padding-bottom:30px !important;}


/*nos produits home*/
#Mod103.row-feature {padding-top:10px !important;padding-bottom:45px !important;}
#ja-testimonial {margin-bottom:49px;}
@media screen and (max-width: 768px) {
#ja-testimonial-list {padding:230px 0 0;}
}

/* compteur 165*/
#Mod103.row-feature {padding-bottom:45px !important;}

/* bouton voir tous nos services 185*/
#Mod185.row-feature {padding-top:0px !important;padding-bottom:52px !important;}
/* liste spécialité home 69*/
#Mod69.row-feature {padding-bottom:30px !important;}

/* breadcumb*/
#Mod17.t3-module {margin-top:10px !important; margin-bottom:5px !important;}
.breadcrumb {background-color: #f5f5f557;}


/*module blog home*/
@media screen and (min-width: 768px){
#Mod108 .module-intro { margin: 0px auto 0px !important; }
  #Mod108 .module-title {margin-bottom: 15px;}
   #Mod108.featured {margin-top: 52px; margin-bottom: 25px;}
}

/*titre dans portfolio*/
.back .article-header .article-title, .back .article-header .article-title a {font-size: 20px !important;}
.back .article-title {border:0 !important;padding-top:5px !important;}

/* h1 dans portfolio*/
.row-feature-header h1 {font-size: 21px;
    margin-top: 0;
    text-align: left;

}


/* background module venez nous visiter home*/
.row-feature.row-feature-bg {background:url(../images/PC_Design_Ideal.jpg) no-repeat center right;}


/* technologies logo slider jux*/
.owl-carousel, .owl-carousel .owl-item {text-align:center;}

/*nos clients */
@media screen and (min-width: 768px){
.ja-client {
    width: 16%;}
}



/*logo ideal footer */
.ideal_footer {width:170px;filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: .5s}
.ideal_footer:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%);}


/* news letter module acymailing */
input[name="user[name]"],input[name="user[email]"] {background: transparent;border: 2px solid #0e5ea2; height:38px; color:#fff;}
.mega-dropdown-inner input[name="user[name]"],.mega-dropdown-inner input[name="user[email]"] {color:#555;}
.acysubbuttons {text-align: left !important;}


/* ajouter un logo dans nous aimons nos clients*/
@media (min-width: 992px) {
  .inview .ja-animate[data-delay="1200"] {
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
  } 
  
   .inview .ja-animate[data-delay="1400"] {
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
  } 
  
    .inview .ja-animate[data-delay="1600"] {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
  }  
  
      .inview .ja-animate[data-delay="1800"] {
    -webkit-animation-delay: 1700ms;
    animation-delay: 1700ms;
  }  
  
}
  
  
/* JUX Portfolio */
/*page home portfolio*/
.jux_portfolio_pro-filters ul#filter li a {background: transparent; border: 1px solid; font-weight:normal; box-shadow:none;} 
.jux_portfolio_pro-filters ul#filter .active {background: #34afe1;}

/* Page produits*/
#jux_portfolio_pro .jux_container .jux-more-data, #jux_portfolio_pro .jux-wrapper .jux-footer .jux-more-data, #jux_portfolio_pro .jux-related-project .jux-footer .jux-more-data, #jux_portfolio_pro .jux-wrapper .AAAhover_content, #jux_portfolio_pro .jux-related-project .hover_content {display:none;}
.jux-desciption {width:100% !important;}
#jux_portfolio_pro .jux_container .jux-des-description, #jux_portfolio_pro .jux_container, #jux_portfolio_pro .jux-item, #jux_portfolio_pro .jux-wrapper .jux-footer .jux-des-description, #jux_portfolio_pro .jux-related-project .jux-footer .jux-des-description, #jux_portfolio_pro .jux-wrapper .jux-footer, #jux_portfolio_pro .jux-related-project .jux-footer {margin-bottom:0;}
#jux_portfolio_pro .jux_container .jux-des-description, #jux_portfolio_pro .jux-wrapper .jux-footer .jux-des-description, #jux_portfolio_pro .jux-related-project .jux-footer .jux-des-description {font-size:16px;}


/* page affiche*/
#jux_portfolio_pro .jux-footer .jux-more-data {display:none;}


/*nos produit home JA*/
#ja-testimonial-list li span img, #ja-testimonial-list li span {background:transparent; padding: 0 10px;opacity: 0.8;}
#ja-testimonial-list li:hover img, #ja-testimonial-list li.active img {background:transparent;;}
#ja-testimonial-list li i {color:#ff5e00b3;}
#ja-testimonial-list li.active img {opacity: 1;}



/*CONTACT FORM*/
.contact-information a {color:#efff00;}
.contact-information a:hover {color: #FF0;}

/* article image */
.pull-left.article-image.article-image-full img {padding-right: 8px;}

/* image dans description catégorie*/
.category-desc img {float:none; margin:0;}





/*footer social icon by Ideal Conception*/
/* Style all font awesome icons */
.footer-social .fa {
	padding: 6px;
    font-size: 22px;
    width: 36px;
    text-align: center;
    text-decoration: none;
    margin: 2.5px 1px;
}

/* Add a hover effect if you want */
.footer-social .fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.footer-social .fa-facebook {
  background: #3B5998;
  color: white;
}

/* linkedin */
.footer-social .fa-linkedin {
  background: #007bb5;
  color: white;
}

/* Twitter */
.footer-social .fa-twitter {
  background: #55ACEE;
  color: white;
}

/* youtube */
.fa-youtube {
  background: #bb0000;
  color: white;
}

/*Logos no produits*/
#ja-testimonial-list li span img, #ja-testimonial-list li span {
    opacity: 1 !important;
}