/*
Theme Name: The7.2
Theme URI: http://dream-theme.com/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.1.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: one-column, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready
*/

.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
	display: none;
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}
.pad_banner{ padding-top:30px; padding-bottom:30px; }
#main{padding-top:0px}

.bloc1{background-color:#03A9F4; color:#fff; min-height:380px !important; padding-top: 15px; border-left:solid 5px; border-right:solid 5px; }
.bloc2{background-color:#FFA000; color:#fff; min-height:380px !important; padding-top: 15px; border-left:solid 5px; border-right:solid 5px;}
.bloc3{background-color:#00C853; color:#fff; min-height:380px !important; padding-top: 15px; border-left:solid 5px; border-right:solid 5px;}
.bloc1 h3{ color:#fff;}
.bloc2 h3{ color:#fff;}
.bloc3 h3{ color:#fff;}
.bloc li{list-style:none; border-bottom: 1px dashed white; margin-bottom: 5px; padding-bottom: 5px;}
.list{list-style:none;}
.list li{list-style:none;}
.gris{background-color:rgba(170,170,170,0.1) !important; padding-bottom:30px; min-height:600px;}


/* flip image style*/
.card-container {
    display: inline-block;
    margin: 0 auto;
    padding: 0 12px;
    perspective: 900px;
    text-align: center;
}

.card {
  position: relative;
  width: 250px;
  height: 250px;
  transition: all 0.6s ease;
  transform-style: preserve-3d;
}

.front {
  position: absolute;
  /*background: #FEC606;
  background-image:url(/wp-content/uploads/2016/04/analyser.jpg);*/
  top: 0;
  left: 0;
  width: 250px;
  height: 150px;
  /*border-radius: 50px;*/
  color: white;
  backface-visibility: hidden;
  margin: 86.60px 0;
}

.serv1{background-image:url(/wp-content/uploads/2017/04/analyser.png);}
.serv2{background-image:url(/wp-content/uploads/2017/04/prospecter.png);}
.serv3{background-image:url(/wp-content/uploads/2017/04/identifier3.png);}
.serv4{background-image:url(/wp-content/uploads/2017/04/accompagner.png);}

.back {
  position: absolute;
  background: #000;
  top: 0;
  left: 0;
  width: 250px;
  height: 150px;
  /*border-radius: 50px;*/
  color: white;
  backface-visibility: hidden;
  margin: 86.60px 0;
}

.front {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.back {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.card-container:hover .card {
  transform: rotateY(180deg);
}

.back {
  transform: rotateY(180deg);
}

.back:before{
  bottom: 100%;
  border-bottom: 86.60px solid #000;
}

.back:after{
  top: 100%;
  width: 0;
  border-top: 86.60px solid #000;
}

.front:before{
  bottom: 100%;
  border-bottom: 86.60px solid #000;
}

.front:after{
  top: 100%;
  width: 0;
  border-top: 86.60px solid #000;
}

.front:before,
.front:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
}

.me{padding-bottom:100px}