/*
Theme Name: H2I Site template 1
Theme URI: http://www.h2i.fr
Author: H2I
Author URI: http://www.h2i.fr
Description: Site template : Modèle 1
Version: 4.1.1
Text Domain: h2i-site-template-1
*/

.relative{
  position: relative;
}


.souligne{
  text-decoration:underline;
}

.nopadding , .no-padding {
   padding: 0 !important;
}

.nomargin , .no-margin {
   margin: 0 !important;
}

.clear{
  clear: both;
}

.no-padding-left{
    padding-left:0px !important;
}

.t-a-left{  text-align: left;}
.t-a-right{  text-align: right;}
.t-a-justify{  text-align: justify;}
.t-a-center{  text-align: center;}


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

img.desaturate {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}


.wpcf7-validation-errors{
    border: 2px solid #ef4037 !important;
}

.noboxshadow{
  box-shadow: none !important;
}

/*
 * Responsive text aligning
 */
 @media (max-width: 767px) {
  .text-xs-left { text-align: left !important; }
  .text-xs-right { text-align: right !important; }
  .text-xs-center { text-align: center !important; }
  .text-xs-justify { text-align: justify !important; }
}
@media (min-width: 768px) {
  .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; }
  .text-sm-justify { text-align: justify !important; }
}
@media (min-width: 992px) {
  .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; }
  .text-md-justify { text-align: justify !important; }
}
@media (min-width: 1200px) {
  .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; }
  .text-lg-justify { text-align: justify !important; }
}

 .wpcf7-response-output{
   clear:both;
 }

/*
  Classes communes
*/

table#h2i_mentions_legales td {
    border: 1px solid #CCC;
    padding: 3px 20px;
    font-size: 12px;
    width: auto !important;
    white-space: nowrap;
}

div.wpcf7 .form-group {
    clear: both;
}

div#cookie-law-info-again {
    display: none;
}

.error-404 {
    font-size: 13px !important;
}

.nopadding_left {
   padding-left: 0 !important;
}

.nopadding_right {
   padding-right: 0 !important;
}

.fullwidth{
  width: 100% !important;
}

/*
  Couleurs
*/
.blanc{
  color: white !important;
}
.noir{
  color: black !important;
}
.turquoise{
  color:#0CB4CE !important;
}
.txt-orange{
  color:#E69500 !important;
}
.txt-violet{
  color:#4D0082 !important;
}


/*
  Page documents
*/


.document-icon-row {
    margin-bottom: 20px;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #DDD;
    display: block;
}

.transitionEase{
  transition:All .4s ease;
  -webkit-transition:All .4s ease;
  -moz-transition:All .4s ease;
  -o-transition:All .4s ease;

}


/*
  Gestion des transitions
*/
.transition-courte{
  transition:All 0.3s ease;
  -webkit-transition:All 0.3s ease;
  -moz-transition:All 0.3s ease;
  -o-transition:All 0.3s ease;
}

.transition-moyenne{
  transition:All 0.6s ease;
  -webkit-transition:All 0.6s ease;
  -moz-transition:All 0.6s ease;
  -o-transition:All 0.6s ease;
}


.transition-longue{
  transition:All 0.8s ease;
  -webkit-transition:All 0.8s ease;
  -moz-transition:All 0.8s ease;
  -o-transition:All 0.8s ease;
}



/*
  Bounce : Permet d'utiliser l'animation "bounce"
*/
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

.animated.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



/* -------------------------------------------
              CLASSES UTILITAIRES
----------------------------------------------*/

.p-l-33{
    padding-left: 33px;
}
.p-0{padding: 0}
.p-l-5{ padding-left: 5px;}
.p-r-5{ padding-right: 5px;}
.p-l-10{ padding-left: 10px;}
.p-r-10{ padding-right: 10px;}

.p-t-10{padding-top: 10px}
.p-t-15{padding-top: 15px}
.p-t-20{padding-top: 20px}
.p-t-25{padding-top: 25px}
.p-t-30{padding-top: 30px}
.p-t-35{padding-top: 35px}
.p-t-40{padding-top: 40px}

.p-b-10{padding-bottom: 10px}
.p-b-15{padding-bottom: 15px}
.p-b-20{padding-bottom: 20px}
.p-b-25{padding-bottom: 25px}
.p-b-30{padding-bottom: 30px}
.p-b-35{padding-bottom: 35px}
.p-b-40{padding-bottom: 40px}
.m-r-8{
    margin-right:8px!important;
}
.p-l-5{
    padding-left: 5px!important;
}
.p-r-5{
    padding-right: 5px!important;
}
.p-r-10{
    padding-right: 10px!important;
}
.p-l-0{
    padding-left: 0px!important;
}
.p-r-0{
    padding-right: 0px!important;
}
.p-t-10{
  padding-top: 10px !important;
}
.m-t-0{  margin-top: 0px !important;}
.m-t-10{  margin-top: 10px !important;}
.m-t-15{  margin-top: 15px !important;}
.m-t-20{  margin-top: 20px !important;}
.m-t-40{  margin-top: 40px !important;}
.m-t-50{  margin-top: 50px !important;}

.m-b-0{  margin-bottom: 0px !important;}
.m-b-10{  margin-bottom: 10px !important;}
.m-b-15{  margin-bottom: 15px !important;}
.m-b-20{  margin-bottom: 20px !important;}
.m-b-30{  margin-bottom: 30px !important;}
.m-b-40{  margin-bottom: 40px !important;}
.m-b-50{  margin-bottom: 50px !important;}

.font-12{ font-size:12px !important;}
.font-13{ font-size:13px !important;}
.font-14{ font-size:14px !important;}
.font-15{ font-size:15px !important;}
.font-16{ font-size:16px !important;}
.font-17{ font-size:17px !important;}
.font-18{ font-size:18px !important;}

.majuscule{ text-transform:uppercase !important; }

.va-bottom { vertical-align: text-bottom;}
.va-webkit{ vertical-align: -webkit-baseline-middle;}
.va-txt-bottom{ vertical-align: text-bottom;}
.va-sub{ vertical-align: sub;}

.float-right{
  float: right!important;
}

.noradius{
  border-radius:0px !important;
}

.a-txt-right>a{
  text-align: right!important;
}