/*
Theme Name: batakoo_themeenfant
Theme URI: http: //habitationshuguette.com/
Description: Thème enfant du thème Le Parent
Author: Urecom
Author URI: http: //example.com/about/
Template: batakoo
Version: 0.1.0
*/
@import url("../batakoo/style.css");



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ GÉNÉRAL ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#aq-block-4015-3 .home-title,
#aq-block-4557-3 .home-title,
#aq-block-4574-3 .home-title{
  margin-bottom: 70px;
}







/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ HEADER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.site-navigation li a:hover {
  color: #ffffff;
}

.header-feature img{
  margin-top: 25px;
}

@media (min-width: 768px){
.scroll-run .header-feature img {
  margin-top: 15px;
}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ ACCUEIL ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red {
  background-color: #dd2a1c;
   -webkit-box-shadow: 0px 0px 0px 0px transparent; 
  -moz-box-shadow: 0px 3px 0px 0px #7c1212;
   box-shadow: 0px 0px 0px 0px transparent; 
}


#features.section-builder{
	background-color: #9c9c9c;
}

.small-icon {
   border: 0; 
}
.small-icon:before {
   border: 0; 
}

.aq-block-batakoo_about_block .home-title .wrap-1, .aq-block-batakoo_about_block .widget-title .wrap-1 {
  display: inline;
  text-transform: lowercase;
}

.aq-block-batakoo_about_block .home-title .wrap-2, .aq-block-batakoo_about_block .widget-title .wrap-2 {
  display: inline;
  font-weight: 300;
}

.home-title .wrap-2, .widget-title .wrap-2 {
  font-weight: 300;
}


.aq-block-batakoo_about_block .btn-default,
 .error-page .btn-default{
  border-radius: 20px;
  border-color: #ffffff;
  background-color: transparent;
  transition: .5s ease;
}
 .error-page .btn-default{
  border:2px solid #dd2a1c;
  color: #dd2a1c;
  text-transform: uppercase;
}

/*+++++++++++++++ ÉQUIPE +++++++++++++++++++*/
#page-4458 .aq-block-batakoo_thetitle_block .home-title {
 	border-left: 5px solid #dd2a1c;
	color: #676767;
	font-size: 48px;
	margin-top: 0;
	margin-bottom: 30px;
	padding-left: 25px;
	text-align: left;
}

.aq-block-batakoo_thetitle_block h3{
	  line-height: 1.11111;
}

.home-title .wrap-1:before, .widget-title .wrap-1:before {
  content: none;
}

/*
#equipe .col-service{
	float: none;
}


#equipe .col-service h4{
	color: #676767;
	margin-bottom: 0;
}

#equipe .small-icon {
  height: auto;
  margin-bottom: 5px;
  width: 150px;
}*/


#equipe{
  text-align: center;
}

#equipe p img{
  max-width: 175px;
  width: 175px;
}

.employes{
  margin-top: 50px;
}

.employes h4{
  color: #dd2a1c;
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}

.employes p{
  color: #676767;
  font-size: 14px;
  margin-bottom: 0;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ TITRE PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.aq-block-batakoo_thetitle_block .home-title {
  border-left: 5px solid #dd2a1c;
  color: #676767;
  font-size: 48px;
  margin-top: 100px;
  margin-bottom: 70px;
  padding-left: 25px;
  text-align: left;
}


/*Réalisations*/
.home-title.titre-page{
  border-left: 5px solid #dd2a1c;
  color: #676767;
  font-size: 48px;
  margin-top: 20px;
  margin-bottom: 70px;
  padding-left: 25px;
  text-align: left;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ SERVICES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.aq-template-wrapper .aq_span6 {
  width: 100%;
}

[class*="aq_span"] {
  margin-left: 0;
}

.aq_block_tabs {
  background: none;
  margin: 1.5em 0 2em 0;
}

.aq-tab.ui-tabs-panel.ui-widget-content.ui-corner-bottom p{
  text-align: center;
}



.aq-block-batakoo_features_block .col-service .small-icon-text h4 a{
  color:#ffffff;
  transition: .5s ease;
}

.aq-block-batakoo_features_block .col-service .small-icon-text h4 a:hover{
  color:#676767;
}




/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ RÉALISATIONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.foliobox .goto {
  bottom: 40%;
  margin-left: -30px;
}

.sidebar .widget.related-project .widget-title {
  color: #676767;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ DÉVELOPPEMENTS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*+++++++++++++page primaire++++++++++++*/

#aq-block-4557-5{
  margin: 1.5em 0 2em 0;
}

.aq-block-batakoo_latestblog_block .more{
  font-family: "Open Sans", Arial, sans-serif;
  background-color: #dd2a1c;
  border: 2px solid #dd2a1c;
  border-radius: 20px;
  color:#ffffff;
  font-size: 12px;
  margin-top: 20px;
  text-align: center;
  width: 80px;
}

.aq-block-batakoo_latestblog_block .more:hover{
  background-color: #dd2a1c;
  color:#ffffff;
}

/*+++++++++++++page secondaire++++++++++++*/

.post {
  margin: 1.5em 0 4em 0;
}

.comment-outer,
.pull-right,
.single-tag-bottom,
.author.vcard {
  display: none;
}


.post.format-standard:before, .format-standard.search-result:before {
  left: 30px;
  top: 15px;
  background: url('../../uploads/2015/05/developpe_icn.png') no-repeat center center;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ CONTACT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#aq-block-4574-4{
  width: 40%;
}

#aq-block-4574-4 img{
  margin-bottom: 10px;
  width: 150px;
}

#aq-block-4574-4 h5 {
  color: #f3f3f3;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 35px;
}

#aq-block-4574-4 h5 span{
  color: #f3f3f3;
  font-size: 14px;
  font-weight: 500;
}

#aq-block-4574-4 p {
  font-size: 15px;
  margin-bottom: 0;
}

#aq-block-4574-5{
  width: 60%;
  padding-top: 50px;
}

#aq-block-4574-7{
  margin: 50px 0;
}

#aq-block-4574-7 h5{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 50px;
}

#aq-block-4574-7 input{
  background-color: #f3f3f3;
  border-color: #9c9c9c;
  border-radius: 5px;
  width: 60%;
}

#aq-block-4574-7 textarea{
  background-color: #f3f3f3;
  border-color: #9c9c9c;
  border-radius: 5px;
  width: 60%;
}

#aq-block-4574-7 input[type=submit] {
  background-color: #9c9c9c;
  border: 0;
  border-radius: 20px;
  color: #fff;
  width: 100px;
}

div.wpcf7-validation-errors {
  border: 0;
}

span.wpcf7-not-valid-tip {
  color: #dd2a1c;
}

div.wpcf7-mail-sent-ok {
  border: 0px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ PAGE 404 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.error-page{
  margin: 100px 0;
  text-align: center;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.site-footer{
	background-color: #9c9c9c;
}



.footer-widget .home-title, .footer-widget .widget-title {
  color: #dd2a1c;
  text-align: center;
}

.footer-widget .widget-title {
  border-bottom: 1px solid #dd2a1c;
  padding-left: 0;
}


.footer-widget .widget-title .wrap-1, .footer-widget .widget-title .wrap-2{
  font-weight: bold;
}

#adresse{
  float: left;
  padding-left: 0;
}

#cie{
  color: #dd2a1c;
  font-weight: bold;
}

#courriels{
  float: right;
}

.site-footer .widget p {
  color: #000000;
}

.site-footer .widget li {
	list-style: none;
}

.site-footer .widget a {
  color: #676767;
}

.site-footer .widget a:hover {
  color: #ffffff;
}

/*+++++++++++++++ LOGO URECOM +++++++++++++++++++*/
#droits {
	color:#9c9c9c;
	font-size:14px;
	font-weight: 500;
	line-height: 24px;
	padding:5px 0 5px;
	text-align: center;
	word-spacing: .3vw;
}

.logo_urecom{
	color: #ffffff;
	font-family: 'Alien League', arial;
	font-size:18px;
}

.alien_e{
	font-size:16px;
}

.exclam{
	color:#3be80a;
	font-family: 'Brush 445 BT', arial;
	margin:0;
	padding: 0;
    font-size:28px;
	padding-left:3px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    MEDIA QUERIES 993-1200     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


@media screen and (max-width: 1200px) {

    /*++++++++++++++++++++++++++++++++++ Réalisation (page principale) ++++++++++++++++++++++++++++++++++*/
    .foliobox .foltitle {
      margin: 20px 0 25px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    MEDIA QUERIES 768- 992     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


@media screen and (max-width: 992px) {

    /*++++++++++++++++++++++++++++++++++ Navigation ++++++++++++++++++++++++++++++++++*/

    .site-navigation li {
      display: inline-block;
      margin-bottom: 1px;
      margin-right: 20px;
    }
    .site-navigation li:last-child {
      margin-right: 0;
    }

    .site-navigation li a{
      padding: 15px 17px;
    }

    .scroll-run .site-navigation li a {
      display: block;
    }

    .scroll-run .site-navigation li a {
      padding-top: 15px;
      padding-bottom: 15px;
    }

    /*++++++++++++++++++++++++++++++++++ Titre - pages ++++++++++++++++++++++++++++++++++*/

      .home-title.titre-page {
        margin-top: 50px;
      }

      .aq-block-batakoo_thetitle_block .home-title {
        margin-top: 130px;
      }

    /*++++++++++++++++++++++++++++++++++ Accueil ++++++++++++++++++++++++++++++++++*/
      .about-figure {
        padding-top: 0px;
      }

    /*++++++++++++++++++++++++++++++++++ Réalisation (page principale) ++++++++++++++++++++++++++++++++++*/

    .foliobox .folcat {
      display: none;
    }

    .foliobox figcaption {
      padding: 1em;
    }

    .foliobox .goto {
      bottom: 50%;
    }

    #aq-block-4574-6 {
      padding-left: 30px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    MEDIA QUERIES 601 - 767     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


@media screen and (max-width: 767px) {

    /*++++++++++++++++++++++++++++++++++ Navigation ++++++++++++++++++++++++++++++++++*/

    .site-header .navbar-toggle .icon-bar {
      background: #676767;
    }


    .site-header .navbar-toggle {
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 45px;
    }

    .cf{
      height: 0;
    }


    /*++++++++++++++++++++++++++++++++++ Titre - pages ++++++++++++++++++++++++++++++++++*/


    .aq-block-batakoo_thetitle_block .home-title {
      margin-top: 0;
    }


    .home-title.titre-page {
      margin-top: 0;
    }

    /*++++++++++++++++++++++++++++++++++ Services ++++++++++++++++++++++++++++++++++*/
    .aq_block_tabs ul.aq-nav {
      padding: 0 0 26px;
    }



    /*++++++++++++++++++++++++++++++++++ Réalisation (page principale) ++++++++++++++++++++++++++++++++++*/

    .foliobox .folcat {
      display: block;
    }
    .foliobox .foltitle {
      margin: 75px 0 25px;
    }
    .foliobox figcaption {
      padding: 2em;
    }

    .foliobox .goto {
      bottom: 40%;
    }

    #aq-block-4574-6 {
      padding-left: 30px;
    }

    #page-4563 .aq-block-batakoo_latestblog_block .col-sm-4{
      margin-bottom: 75px;
    }

    #page-4563 .aq-block-batakoo_latestblog_block .col-sm-4 .entry-header,
    #page-4563 .aq-block-batakoo_latestblog_block .col-sm-4 .entry-content{
      margin-left: 5px;
    }
}




/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    MEDIA QUERIES 481 - 600     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


@media screen and (max-width: 600px) {

    /*++++++++++++++++++++++++++++++++++ Navigation ++++++++++++++++++++++++++++++++++*/
    .site-navigation li {
      margin-right: 0;
    }

    .site-navigation li a {
      padding: 15px 10px;
    }

    /*++++++++++++++++++++++++++++++++++ Contact ++++++++++++++++++++++++++++++++++*/
    #aq-block-4574-5 {
      width: 100%;
    }

    #aq-block-4574-6 {
      padding-left: 0;
      width: 100%;
    }

    #aq-block-4574-8 input,
    #aq-block-4574-8 textarea {
      width: 100%;
    }

    div.wpcf7 img.ajax-loader {
      display: none;
    }

}




/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    MEDIA QUERIES 321 - 480     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


@media screen and (max-width: 480px) {

    /*++++++++++++++++++++++++++++++++++ Navigation ++++++++++++++++++++++++++++++++++*/
    .site-navigation li {
      display: block;
    }

    /*++++++++++++++++++++++++++++++++++ Footer ++++++++++++++++++++++++++++++++++*/
    #courriels{
      float: left;
      padding-left: 0;
    }

    /*++++++++++++++++++++++++++++++++++ Réalisations ++++++++++++++++++++++++++++++++++*/
    .aq_block_tabs ul.aq-nav li a {
      font-size: 14px;
    }

    ul#options li {
      float: none;
      display: block;
      margin-bottom: 20px;
    }
    
    ul#options {
      margin: 0 0 0 5px;
    }

    .foliobox .foltitle {
      margin: 65px 0 25px;
    }

}




/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    MEDIA QUERIES 320     @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


@media screen and (max-width: 320px) {


    /*++++++++++++++++++++++++++++++++++ Services ++++++++++++++++++++++++++++++++++*/
    .aq-block-batakoo_thetitle_block .home-title,
    .home-title.titre-page {
      font-size: 28px;
    }

    /*++++++++++++++++++++++++++++++++++ Services ++++++++++++++++++++++++++++++++++*/
    .aq_block_tabs ul.aq-nav {
      padding: 0 0 77px;
    }

    .aq_block_tabs ul.aq-nav li{
      float: none;
    }

    /*++++++++++++++++++++++++++++++++++ Réalisations ++++++++++++++++++++++++++++++++++*/
    .foliobox .foltitle {
      margin: 35px 0 25px;
    }

    /*++++++++++++++++++++++++++++++++++ Développements (page secondaire) ++++++++++++++++++++++++++++++++++*/
    .entry-content {
      padding: 0 5px 5px 5px;
    }

}