/*
Theme Name: Tlazya Child
Author: WowTheme
Version: 1.0
Author URI: http://themeforest.net/user/wow_themes
Theme URI: http://themeforest.net/user/wow_themes
Description: A sleek and clean Make-up WordPress Theme by - <a href="http://wow-themes.com/">WowThemes</a>
License: ''
License URI: ''
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
Text Domain: wp_tlazya
template: tlazya
*/


@import url('../tlazya/style.css');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

@font-face {
  font-family: "Flaticon";
  src: url("font/Flaticon.eot");
  src: url("font/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("font/Flaticon.woff") format("woff"),
       url("font/Flaticon.ttf") format("truetype"),
       url("font/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("font/Flaticon.svg#Flaticon") format("svg");
  }
}


.grecaptcha-badge {
    display: none!important;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-download-button:before { content: "\f100"; }
.flaticon-envelope:before { content: "\f101"; }
.flaticon-paper:before { content: "\f102"; }
.flaticon-technology:before { content: "\f103"; }
.flaticon-web:before { content: "\f104"; }

/*
Begin Spécifique
*/

.pop-financement{
    font-size: 14px;
    padding: 30px;
    font-family: 'Source Sans Pro', sans-serif;
    overflow-y: scroll;
}

.pop-financement span{
    color: #1d6fbd;
}

.pop-financement h3{
    font-size: 20px;
    color: #1d6fbd;
}

.pop-financement p {
    margin-bottom: 5px;
}

.pop-container {
    margin-top: 30px;
}

span.vc_tta-title-text {
    font-size: 20px;
}

@media screen and (min-width: 1200px){
    .assistance-distance{
        width: 64%;
    }
}

div.wpcf7-validation-errors {
    border: 0px !important;
    color: red !important;
    margin: 0 !important;
    padding: 30px 0 0 !important;
    font-size: 14px !important;
}

.page-id-340 h1 span{
    font-size: 28px;
    font-weight: 400;
    display: block;
    line-height: 22px;
}

.subnavigation a{
    font-size: 12px !important;
    text-transform: uppercase;
}

.vc_sep_pos_align_center{
    margin: 20px 0px !important;
}

.blog-post .blog-post-info .title{
    color: #1d6fbd;
}

.sidebar h3{
    font-size: 20px;
    color: #1d71b8;
}

.blog section#blog,
.single section#blog {
    margin-top: 50px;
}

.single table td{
    border: 0px !important;
}

.single ul{
    margin-bottom: 20px
}

.single ul li{
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
}

@media screen and (max-width: 1199px){
    .blog-post{
        width: 100% !important;
    }
    .sidebar{
        margin-top: 50px;
        width: 100% !important;
    }
    .blog .col-md-3,
    .single .col-md-3{
        width: 100% !important;
    }
    .blog .col-lg-9.col-xs-12,
    .single .col-lg-9.col-xs-12{
        float: none;
    }
}

.formations-autofluid div.container {
    padding-left: 30px;
    padding-right: 30px;
}

.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active {
    color: #fff;
    background-color: #1d71b8;
    border-color: #1d71b8;
}

a.btn.btn-primary.read-more:hover {
    border: 1px solid #1d6fbd;
    color: #1d6fbd !important;
    background: none;
}

a.all-actus{
    text-transform: uppercase;
    font-size: 13px;
    color: #1d71b8;
    display: block;
    margin-top: -10px;
    text-decoration: underline;
}

.vc_separator.vc_sep_color_grey .vc_sep_line,
hr {
    border-color: #000000 !important;
}

body:not(.home) #hero{
    display: none;
}

body{
    font-size: 16px;
}

html, body{
    color: #000 !important;
}

.img-abs img{
    position: absolute;
    left: 15px;
    max-width: none !important;
}

#cboxClose{
    top: 0px !important;
    right: -10px !important;
}

/*
End Spéficique
===================
Begin Nav
*/

a.activated {
    text-decoration: underline;
}

.disNone{
    display: none !important;
}

.blog .page-header,
.single .page-header,
.blog-post-author{
    display: none;
}

.sidebar .widget-title,
.sidebar div:not(#search-3) .widget-title h3{
    margin: 0;
}

.search-trigger {
    display: none !important;
}

.navbar,
nav .container,
.navbar .navbar-header,
.navbar .search-trigger,
.search-container{
    height: 85px;
}
.navbar .nav > li > a{
    height: 85px;
    line-height: 78px;
}
.navbar .search-trigger{
    line-height: 65px;
}
nav img{
    width: 155px;
}
.navbar{
    position: relative;
    border: none;
}
.navbar:before{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    bottom: 0%;
}

.navbar:after{
    position: absolute;
    width: 90%;
    height: 20%;
    left: 5%;
    border-radius: 100%;
    z-index: -1;
    bottom: 0%;
    content: "" !important;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.9);
    display: block !important;
}

.navbar .nav > li > a:after{
    bottom: 25px;
    border: 1px solid #1D6FBD;
    border-left: none;
    border-right: none;
}
.subnavigation{
    background-color: #1D6FBD;
}
.subnavigation a,
.subnavigation a:hover{
    color: #fff;
}
.subnavigation a:hover{
    text-decoration: underline;
}
.subnavigation ul[data-target]{
    display: none;
    margin-left: 39.3%;
}
.subnavigation.Software ul[data-target],
.subnavigation.Training ul[data-target]{
    display: none;
    margin-left: 44%;
}
.subnavigation ul li{
    display: inline-block;
    float: left;
    padding: 17px 20px;
    position: relative;
}

.subnavigation ul li.closed {
    display:none;
}

.subnavigation ul.activatedAlways{
    display:block;
}

.subnavigation ul.activatedAlways li.closed{
    display:block;
}

.subnavigation ul li:after{
    content: "";
    display: none;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    z-index: 9999;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.18);
}
.subnavigation ul.activatedAlways li.activatearrow:after{
    display: block;
}
.subnavigation{
    overflow: hidden;
}
.subnavigation:after {
    position: absolute;
    width: 100%;
    height: 1%;
    left: 0%;
    border-radius: 100%;
    z-index: -1;
    top: 0%;
    content: "" !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.9);
}

.btn-slider{
    transition: ease 0.2s !important;
    -webkit-transition: ease 0.2s !important;
    -moz-transition: ease 0.2s !important;
    -ms-transition: ease 0.2s !important;
    border: 1px solid #ffffff !important;
}

.btn-slider:hover {
    background: none !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    transition: ease 0.2s !important;
    -webkit-transition: ease 0.2s !important;
    -moz-transition: ease 0.2s !important;
    -ms-transition: ease 0.2s !important;
}

.blog-post .blog-post-info a {
    color: inherit;
    font-size: 26px;
    margin-bottom: 0;
    display: block;
    line-height: 1;
    text-transform: none;
}

.blog-post-content h2{
    color: #1d71b8;
    font-size: 24px;
    text-transform: none;
}

.blog-post-content p{
    color: #000000;
    line-height: 1.5em;
    font-size: 14px;
}

.btn.btn-primary.read-more:focus{
    border: 1px solid #1d6fbd;
    color: #1d6fbd !important;
    background: none;
}

.subscribe{
    color: #fff;
    background: #b11913;
    text-transform: uppercase;
    padding: 8px 30px;
    font-size: 16px;
    border: 1px solid #b11913;
}

.section a.subscribe:hover,
.section a.subscribe:focus{
    color: #b11913 !important;
    background: none;
    border: 1px solid #b11913;
    text-transform: uppercase;
    padding: 8px 30px;
    font-size: 16px;
}

.navbar-collapse{
    padding: 0px;
}

ul.submenu {
    display: none;
    text-transform: uppercase;
    padding: 10px 0px 5px;
    background-color: #10488b;
    box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2);
}

ul.submenu:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #1D71B8;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -5px;
    z-index: 9999;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

ul.submenu li{
    padding: 10px 0px;
}


ul.submenu li a {
    color: white !important;
    font-size: 14px;
}

ul.submenu.clicked {
}

ul.submenu ul.submenu{
    display: none !important;
}

.search-form .btn{
    padding: 10.5px 15px;
}

.blog article.blog-post::after{
    content: ".....................................................................................................................................................";
    display: block;
    letter-spacing: 4px;
    padding: 30px 0px;
    position: relative;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
    color: #505050;
    font-size: 22px;
}

.blog-post {
    width: 80%;
    overflow: hidden;
}

.btn-reservation-demo{
    background-color: #1172b9;
    text-transform: uppercase;
    color: #fff;
}

body.blog #text-5{
    display: none
}

a.external.clicked {
    color: #1d6fbd !important;
}

.french-flag a.external:before {
   content: url(images/french-flag.jpg);
   display: block;
}

.french-flag-disable a.external:before {
   content: url(images/french-flag-disable.jpg);
   display: block;
}

.english-flag a.external:before {
   content: url(images/english-flag.jpg);
   display: block;
}

.english-flag-disable a.external:before {
   content: url(images/english-flag-disable.jpg);
   display: block;
}

.french-flag a, .english-flag a,
.french-flag-disable a, .english-flag-disable a{
    padding: 10px 2px !important;
    text-decoration: none !important;
}

@media screen and (min-width: 995px){
    li.french-flag,
    li.french-flag-disable {
        margin-left: 50px;
    }
}


/*
End Nav
===================
Begin Titres & texte element
*/

h1,h2,h3,h4,h5,h6,p,a,span, .navbar .nav > li > a{
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0 !important;
}

h1, h2{
    text-transform: uppercase;
    font-size: 43px;
    line-height: 1.2em !important;
}
p{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
h2.subtitle{
    font-size: 18px;
    margin-bottom: 0px;
}
h2.section-title,
h3.section-title{
    font-size: 24px !important;
    margin-bottom: -20px !important;
    text-transform: uppercase !important;
    line-height: 1.2em !important;
    margin-top: 0px !important;
}
h2.distrib{
    font-size: 24px;
    text-transform: none;
    margin-top: 40px;
    margin-bottom: -15px;
}
h2.contact{
    font-size: 26px;
    margin-bottom: 0px;
}
h2.contact:not(:first-child){
    margin-top: 40px;
}
h3{
    text-transform: uppercase;
    font-size: 16px;
}
h3.title-list{
    font-size: 28px;
    text-transform: none;
    margin: 40px 0 15px 15px;
}
p{
    text-align: justify;
}
.section a:hover,
.section a:active,
.section a:focus{
    color: initial !important;
}

/*
End Titres & texte element
===================
Begin Preloader
*/

#preloader {
    background: url("images/preloader.gif") no-repeat scroll center center #fff;
}

/*
End Preloader
===================
Begin Blocks
*/

/*.vc_sep_pos_align_center{
    margin: 1px !important;
}*/

.block-90{padding: 90px 0px;}

/*
End Blocks
===================
Begin Call to action
*/

.cta-blue{
    text-transform: uppercase;
    background-color: #1D6FBD;
    font-weight: 600;
    color: #fff;
    padding: 10px 30px;
    font-size: 15px;
}
.cta-full{
    width: 100%;
    display: block;
    text-align: center;
}
.cta-white{
    text-transform: uppercase;
    background-color: #fff;
    font-weight: 600;
    color: #505050;
    padding: 10px 30px;
    font-size: 15px;
}
.cta-border{
    text-transform: uppercase;
    background-color: none;
    font-weight: 600;
    color: #1D6FBD;
    border: 1px solid #1D6FBD;
    padding: 10px 30px;
    font-size: 15px;
    display: block;
    margin: auto;
    width: 300px;
    text-align: center;
}
.cta-teamviewer{
    background: #1D6FBD;
    color: #fff;
    padding: 12px 40px;
    font-weight: 600;
    position: relative;
    margin-left: 40px;
}
.cta-teamviewer::before{
    font-family: Flaticon;
    content: "\f100";
    display: block;
    width: 44px;
    height: 44px;
    background: #175a99;
    position: absolute;
    left: -40px;
    top: 0;
    padding: 10px 14px;
}

a.cta-text{
    text-decoration: underline;
}

.col-btn {
    padding: 0 5px;
}

.col-btn:first-child{
    padding: 0 5px 0 15px;
}

.col-btn:last-child{
    padding: 0 15px 0 5px;
}

.cta-retour{
    background: #1D6FBD;
    color: #fff;
    padding: 7px 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.padd-40{
    padding: 0 40px;
}

p span.vc_tta-title-text {
    text-decoration: underline;
}

.subnavigation a:visited,
.subnavigation a:active{
    color: #fff !important;
}

/*
End Call to action
===================
Begin Footer
*/

#footer{
    background: #e5edfb; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5edfb 0%, #bbdeff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e5edfb 0%,#bbdeff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e5edfb 0%,#bbdeff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5edfb', endColorstr='#bbdeff',GradientType=0 ); /* IE6-9 */
    position: relative;
    padding: 30px 0px;
}
#footer:before {
    position: absolute;
    width: 100%;
    height: 1%;
    left: 0%;
    border-radius: 50%;
    z-index: -1;
    top: -4%;
    content: "";
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.9);
}
#footer #text-2{
    text-align: center;
    font-size: 11px;
    color: #4c5664;
    font-weight: 600;
}
#footer #text-2 a{
    text-transform: uppercase;
    color: #1d6fbd;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 6px;
    position: relative;
}
#footer #text-2 a:not(:nth-child(4))::after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #1d6fbd;
    border-radius: 100%;
    top: 6px;
    right: -4px;
}

/*
End Footer
===================
Begin Contact
*/

.formcol-12 input,
.formcol-12 select,
.formcol-12 textarea{
    width: 100%;
    border: 1px solid #e8e8e8;
    padding: 10px 15px;
    margin-bottom: 4% !important;
    background-color: #f7f7f7;
    font-size: 15px;
}

.formcol-12 textarea{
    height: 150px;
}

::-webkit-input-placeholder {
    color: #808080;
}
:-moz-placeholder {
    color: #808080;
}
::-moz-placeholder {
    color: #808080;
}
:-ms-input-placeholder {
    color: #808080;
}

.formcol-12 p{
    margin-bottom: 5px;
}
p.labelform{
    padding-left: 10px;
    position: relative;
}
p.labelform::before{
    content: "★";
    display: block;
    font-size: 7px;
    color: #808080;
    position: absolute;
    top: 3px;
    left: 0px;
}
.formcol-12{
    width: 100%;
}
.wpcf7-form input[type="submit"]{
    padding: 10px 40px;
    background-color: #1D6FBD;
    border: none;
    color: #fff;
    display: block;
    margin: auto;
    transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    margin-bottom: -40px;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
}
.wpcf7-form input[type="submit"]:hover{
    background-color: #11416E;
}

.wpcf7-form {
    margin-top: 0px;
}

/*
End Contact
===================
Begin Slider
*/

.tparrows{
    background: rgba(29, 111, 189, 0.5);
}
.tparrows:hover {
    background: #1D6FBD;
}

/*
End Slider
===================
Begin Page nos formations
*/

.nos-formations li{
    margin-left: 15px;
}
.nos-formations li{
    list-style: initial;
}
.nos-formations h2.subtitle{
    margin-bottom: 0px !important;
}

/*
End Page nos formations
===================
Begin Page formations autofluid
*/

.formations-autofluid h3{
    text-transform: none;
    font-size: 20px;
    margin-top: 40px;
}

/*
End Page formations autofluid
===================
Begin Bloc actu
*/

.bloc-actus{
    background: #fff;
    padding: 26px;
    width: 292px;
    float: right;
}
.bloc-actus h2{
    font-size: 27px;
    color: #808080;
    font-weight: 400;
    margin-bottom: 0;
    overflow: hidden;
}
.bloc-actus h2::after{
    content: "...............................";
    display: block;
    letter-spacing: 4px;
    top: -10px;
    position: relative;
}
.bloc-actus h4{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #505050;
    margin-bottom: 5px;
}
.bloc-actus p{
    font-size: 12px;
    font-weight: 400;
    color: #505050;
    margin-bottom: 14px;
}
.bloc-actus a:nth-child(5) {
    text-transform: uppercase;
    font-size: 13px;
    color: #1d71b8;
    text-align: center;
    display: block;
    margin-top: 20px;
    text-decoration: underline;
    font-weight: 600;
}

/*
End Bloc actu
===================
Begin Page accueil
*/

.specific-pad{
    padding: 0px 60px;
}

.home-first-presentation p{
    width: 60%;
    color: #202020;
    font-size: 16px;
    line-height: 20px;
}

.home-first-presentation h1,
.bloc-home h2{
    font-size: 47px;
    font-weight: 400;
    line-height: 50px;
}

.bloc-home p{
    font-size: 15.8px;
    margin-bottom: 35px;
}

.bloc-home{
    z-index: 10;
    position: relative;
}

.bloc-home,
.bloc-home h2{
    color: #fff;
}

.bg-screw{
    position: relative;
}

.bg-screw::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 519px;
    top: -90px;
    left: 0;
    z-index: -1;
    transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    box-shadow: 3px 0px 16px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 0px 16px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 0px 16px rgba(0, 0, 0, 0.25);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7e7fe+0,ffffff+33,ffffff+100 */
    background: #d7e7fe; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #d7e7fe 0%, #ffffff 33%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #d7e7fe 0%,#ffffff 33%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #d7e7fe 0%,#ffffff 33%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e7fe', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-screw:first-child::after{
    z-index: 2;
    width: 125%;
    margin-left: -17%;
}

.bg-screw:nth-child(2)::after{
    z-index: 1;
    width: 104%;
}

.bg-screw:nth-child(3)::after{
    z-index: 0;
}

.bg-screw::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 519px;
    background-color: rgba(0, 0, 0, 0.10);
    top: -90px;
    z-index: -1;
    transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
}

.bg-screw:first-child::before{
    content: none;
}

.bg-screw:nth-child(3)::before{
    width: 2%;
    right: -2%;
}

.bloc-home-services h2{
    font-size: 36px;
    font-weight: 400;
}

.bloc-home-services p{
    font-size: 16px;
    padding: 0 10%;
    color: #505050;
}

/*
End Page accueil
===================
Begin Bloc présentation
*/

.bloc-presentation{
    width: 848px;
}

/*
End Bloc présentation
===================
Begin heading page
*/

.heading-title{
    font-size: 67px;
    color: #fff;
    font-style: italic;
    margin-bottom: -20px;
}

.heading-subtitle{
    font-size: 40px;
    color: #fff;
    font-style: italic;
    margin-bottom: 5px;
}

.heading-describ{
    font-size: 21px;
    color: #fff;
    font-weight: 300;
}

.heading-logiciels-cad .heading-title,
.heading-logiciels-cad .heading-subtitle{
    font-size: 44px;
    text-align: center;
}

.heading-logiciels-cad .heading-describ{
    text-align: center;
}

@media screen and (min-width: 501px){
    #heading-contact,
    #heading-assistance,
    body:not(.home) #wrap section:nth-child(6) {
        margin-top: 85px;
    }
}

.navbar .nav > li > a:after{
    content: none;
}

/*
End heading page
===================
Begin general page
*/

.bloc-general h1{
    font-size: 48px;
    font-weight: 400;
    line-height: 50px;
}

.bloc-general p{
    font-size: 16px;
    color: #202020;
}

.logiciels-af h3{
    font-size: 16px;
    color: #202020;
    text-align: center;
    margin-top: 20px;
}

.logiciels-af .col-md-4{
    padding: 0 30px;
}

.logiciels-af .wpb_single_image.wpb_content_element{
    margin-bottom: 20px;
}

.bloc-general ul{
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

.bloc-general ul li{
    color: #202020;
    font-family: 'Source Sans Pro', sans-serif;
}

.col-form-af{
    padding-right: 40px;
}

.col-form-af:last-child{
    padding-right: 0px;
}

.col-form-af p{
    text-align: left !important;
}

/*
End general page
===================
Begin page distributeur
*/

.distib-title{
    font-size: 26px;
    color: #fff;
    margin-bottom: 5px;
}

.vc_tta-panel-body p,
.vc_tta-panel-body a{
    color: #fff;
    margin-bottom: 7px;
}

.vc_tta-panel-body{
    background: #2f7bb4; /* Old browsers */
    background: -moz-linear-gradient(top,  #2f7bb4 0%, #428ac1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2f7bb4 0%,#428ac1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2f7bb4 0%,#428ac1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f7bb4', endColorstr='#428ac1',GradientType=0 ); /* IE6-9 */
    position: relative;
}

.vc_tta-panel-heading{
    position: relative;
}

.vc_tta.vc_general .vc_tta-panel-title>a{
    padding: 20px 20px 20px 46px !important;
}

span.distributeur-acc-subtiltle {
    font-size: 14px;
    text-transform: none;
    text-decoration: underline;
}

.vc_tta-panel-heading::before{
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0px;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );
}

.vc_tta-panel-body::after{
    content: "";
    display: block;
    width: 80%;
    height: 100px;
    position: absolute;
    bottom: -100px;
    left: 10%;
    background: rgba(255, 255, 255, 0.35);
    box-shadow: 0px -15px 120px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0px -15px 120px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px -15px 120px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: 0px -15px 120px rgba(255, 255, 255, 0.5);
    border-radius: 100%;
}

.vc_tta-panel-body .col-md-4:first-child .wpb_text_column::after,
.vc_tta-panel-body .col-md-4:nth-child(2) .wpb_text_column::after{
    content: "";
    display: block;
    height: 140px;
    width: 1px;
    background: #fff;
    position: absolute;
    top: 5px;
    right: 20px;
}

.vc_tta-panel-body .wpb_column.col-md-4 .wpb_text_column.wpb_content_element{
    margin-bottom: 0px !important;
    padding-top: 10px;
}

.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body, .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading{
    border-radius: 0px !important;
}

.distrib-phone::before{
    content: "\f103";
    display: inline-block;
    top: 2px;
    left: 0px;
    margin-right: 8px;
    position: relative;
    font-family: "Flaticon";
}

.distrib-mail::before{
    content: "\f102";
    display: inline-block;
    top: 2px;
    left: 0px;
    margin-right: 8px;
    position: relative;
    font-family: "Flaticon";
}

.distrib-web::before{
    content: "\f104";
    display: inline-block;
    top: 2px;
    left: 0px;
    margin-right: 8px;
    position: relative;
    font-family: "Flaticon";
}

p.distrib-contact {
    margin: 30px 0 0 30px;
    position: relative;
}

.distrib-contact::before{
    content: "\f101";
    display: inline-block;
    top: 2px;
    left: -30px;
    position: absolute;
    font-family: "Flaticon";
}

.vc_tta.vc_general .vc_tta-panel-title{
    margin: auto !important;
    width: 1170px;
    font-size: 16px;
    padding-left: 10px;
    text-transform: uppercase;
}

.vc_tta.vc_general .vc_tta-panel-title a{
    color: #fff !important;
}

.vc_tta-panel-heading{
    background-color: #2f7bb4 !important;
}

.vc_tta-controls-icon.vc_tta-controls-icon-chevron::before{
    border-color: #FFF !important;
}

p.distrib-web {
    margin-bottom: 25px !important;
}

nav.navbar.fixed-enabled.alwaysFixed{
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
}

.describ-formation h2{
    color: #1d71b8;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
}

.describ-formation h3{
    color: #1d71b8;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.describ-formation p{
    margin-bottom: 30px;
}

.mobile-block{
    display: none;
}

.home-cad h2{
    color: #1d71b8;
}
.home-cad p{
    color: #505050;
}

.block-60{
    padding: 70px 0px;
}

.bloc-98{
    padding: 98px 0px;
}

.list-formations .col-md-4{
    padding: 0 48px;
}

.form-aft::after{
    content: "";
    display: block;
    margin: auto;
    background: #fff;
    width: 44px;
    height: 44px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    top: -22px;
    left: 50%;
    margin-left: -22px;
}

.nouveau,
.new{
    position: relative;
    display: inline-block;
}
.nouveau::after,
.new::after{
    content: "Nouveau";
    display: block;
    position: absolute;
    color: #e30613;
    text-transform: uppercase;
    top: -8px;
    right: -80px;
    font-size: 16px;
}

.new::after{
    content: "New" !important;
    right: -40px !important;
}

.page-id-340 h1{
    color: #1d6fbd;
}

.home .block-90{
    padding: 70px 0;
}

html[lang="en-US"] .home .block-90{
    margin-bottom: 0;
}

section.home-formation{
    background-position: 85% !important;
}

.subnavigation{
   position: absolute;
    z-index: 99999;
   width: 100%;
}

@media screen and (min-width: 768px){
    section.heading {
        margin-top: 85px !important;
    }

}

@media (min-width: 995px) and (max-width: 1200px){
    .page-id-525 section.heading,
    .page-id-222 section.heading {
        margin-top: 65px !important;
    }

}


.heading-mobile{
    display: none;
}


.home-mobile-block{
    display: none;
}

.page-id-222 .logiciels-af-video{
    margin-top: 80px;
    display: block;
}

.log-af-video{
    display: none;
}

.page-id-525 .col-md-3.col-btn p {
    margin: 0;
}

@media screen and (min-width:996px) and (max-width:1200px){
    .home .block-90.bloc-home-form{
        padding: 39px 0px !important;
        margin: 0;
    }
}

@media screen and (min-width: 500px){
    .padd-20{
        padding-right: 20px;
    }
}

.page-id-235 .heading-title,
.page-id-242 .heading-title,
.page-id-340 .heading-title,
.page-id-709 .heading-title,
.page-id-709 .heading-title,
.page-id-721 .heading-title,
.page-id-729 .heading-title{
    font-size: 50px;
}

.page-id-235 .heading-subtitle,
.page-id-242 .heading-subtitle,
.page-id-340 .heading-subtitle,
.page-id-709 .heading-subtitle,
.page-id-709 .heading-subtitle,
.page-id-721 .heading-subtitle,
.page-id-729 .heading-subtitle{
    font-size: 60px;
}

.form-aft .col-md-4 {
    padding: 0px 38px;
}

/*.form-aft .col-md-4 .vc_sep_pos_align_center{
    margin: 20px !important
}*/

.blog-post-content a.bouton{
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0px;
    border: 1px solid !important;
    text-transform: uppercase;
    background-color: rgba(29,111,189,1);
    border-color: rgba(29,111,189,1);
    margin-top: 15px;
    transition: all 0.6s ease 0s;
    color: #fff;
}

.blog-post-content a.bouton:hover{
    border: 1px solid #1d6fbd;
    color: #1d6fbd !important;
    background: none;
}

.blog-post-content a.bouton:focus{
    color: #fff;
}

































/*********** RESPONSIVE ***********/

/*@media screen and (min-width: 1140px){
    .col-form-af p{
        padding-top: 20px;
    }
}*/

@media screen and (max-width: 1200px) {
    .bloc-presentation{
        width: calc(100% - 292px);
    }
    .home-first-presentation p{
        width: 80%;
    }
    .btn-slider {
        padding: 5px 20px !important;
        font-size: 12px !important;
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 1140px) {
    .btn-slider {
        margin-left: 18px !important;
    }
}

@media screen and (max-width: 995px){
    .bg-screw::after,
    .bg-screw::before{
        content: none !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px){
    .subnavigation ul[data-target]{
        margin-left: 38%;
    }
    .page-id-525 .autobim-3d-plans{
        padding: 39px 0 !important;
    }
    .page-id-525 .autobim3d10{
        padding: 96px 0px 0px;
    }
    .page-id-525 .block-60.inte-af{
        padding: 40px 0px 0px;
    }
}

@media screen and (min-width: 767px) and (max-width: 992px){
    .subnavigation ul[data-target]{
        margin-left: 24%;
    }
    .img-abs img{
        display: none;
    }
    .autodesk {
        float: left;
    }
    .page-id-525 .wpb_text_column.wpb_content_element.bloc-general.bloc-98{
        padding: 0px;
    }
    .page-id-525 h2.log-3d-title{
        float: none !important;
    }
    .page-id-525 .img-autobim3d{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .subnavigation {
        display: none;
    }
}

@media screen and (max-width: 992px){
    .page-id-235 .mobile-none{
        margin-top: 30px !important;
        margin: auto;
        display: block !important;
        text-align: center !important;
    }
    .page-id-235 .form-aft .col-md-4{
        margin-bottom: 50px;
        padding: 0 70px;
    }
}

@media screen and (max-width: 1200px){
    .page-id-260 .cta-blue,
    .home .cta-blue {
        padding: 10px 30px;
        font-size: 15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px){
    .cta-white{
        font-size: 14px;
    }
    .nos-formations.form-aft p{
        text-align: left;
        height: 180px;
    }
}

@media screen and (max-width: 1024px) {
    .page-id-270 .heading-title{
        font-size: 48px !important;
    }
    .heading-logiciels-cad .heading-title{
        font-size: 34px;
        line-height: 1.75;
    }
}

@media screen and (max-width: 991px) {
    .cta-border{
        width: 100%;
    }
    .bloc-home-services:last-child {
        margin-top: 50px;
    }
}

@media screen and (min-width: 501px){
    .col-btn {
        width: 25%;
        float: left;
    }
}

@media screen and (max-width: 1200px){
    .cta-blue{
       font-size: 12px;
        padding: 10px 30px;
    }
    .col-btn .wpb_content_element{
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 501px) and (max-width: 770px){
    .img-abs.mobile-none{
        display: none;
    }
    .autodesk{
        display: block;
        float: left;
    }
    .bloc-98.autobim3d10 {
        padding: 0px;
    }
}

@media screen and (max-width: 605px){
    .autodesk{
        float: none;
        margin: auto;
    }
}

@media screen and (max-width: 979px) {
    .btn-slider {
        margin-left: 5px !important;
    }
    .bloc-presentation,
    .home-first-presentation p,
    .bloc-actus{
        width: 100%;
    }
    .bloc-actus,
    .bloc-actus p{
        text-align: center;
    }
    .bloc-actus{
        position: relative;
    }
    .navbar .search-trigger:after, .navbar .navbar-toggle:after{
        content: none;
    }
    .fa-bars:before, .fa-navicon:before, .fa-reorder:before{
        font: normal normal lighter 14px/1 FontAwesome;
        color: #fff;
        background: #1d71b8;
        border-radius: 100%;
        font-size: 30px;
        width: 53px;
        height: 53px;
        display: block;
        padding: 13px;
        position: absolute;
        right: 15px;
        bottom: -43px;
        z-index: 99999999999999;
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    }
    .navbar-header{
        position: relative;
        z-index: 99999999999;
    }
    .navbar-collapse.in{
        overflow: visible;
        box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 0.3);
    }
    .home .section.home-logiciels-cad::after{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.6);
        position: absolute;
        top: 0;
        z-index: -1;
    }
    #text-4 > div > div{
        width: 100% !important;
        display: block;
        text-align: center;
        padding: 30px 0px 30px !important;
    }
    #footer #text-2 a{
        display: block;
        padding: 8px 0px;
    }
    #footer #text-2 a:not(:nth-child(4))::after{
        content: none;
    }
    #footer #text-2{
        width: 65%;
        margin: auto;
    }
    .col-btn:first-child,
    .col-btn:last-child{
        padding: 0 5px;
    }
    .col-btn{
        width: 25%;
        margin: auto;
        margin-bottom: 10px;
        float: left;
    }
}

@media screen and (max-width: 995px) {
    .vc_tta-panel-body .col-md-4:first-child .wpb_text_column::after, .vc_tta-panel-body .col-md-4:nth-child(2) .wpb_text_column::after{
        content: none;
    }
    .btn-slider {
        margin-left: 0px !important;
    }
    .heading{
        position: relative;
    }
    .heading .col-md-6{
        width: 100%;
    }
    .heading::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
    }
    #heading-logiciel-af::before,
    #heading-logiciel-3d:before{
        background-image: url(https://www.traceocad.fr/wp-content/uploads/2016/05/traceocad-fond-logiciels-autofluid-mobile.jpg);
    }
    #heading-logiciels-cad::before{
        background-image: url(https://www.traceocad.fr/wp-content/uploads/2016/05/traceocad-fond-logiciels-cad-mobile.jpg);   
    }
    #heading-nos-formations::before{
        background-image: url(https://www.traceocad.fr/wp-content/uploads/2016/06/traceocad-fond-formations-nos-formations-mobile.jpg);    
    }
    #heading-assistance::before{
        background-image: url(https://www.traceocad.fr/wp-content/uploads/2016/06/traceocad-fond-assistance-mobile.jpg);    
    }
    #heading-contact::before{
        background-image: url(https://www.traceocad.fr/wp-content/uploads/2016/05/traceocad-fond-contact-mobile.jpg);    
    }
    .heading-title,
    .heading-subtitle,
    .heading-describ{
        text-align: center !important;
    }
    .bloc-presentation {
        width: calc(100% - 292px);
        float: left;
    }
    .bloc-actus{
        width: 292px;
    }
    .bloc-actus::before{
        height: 105%;
        left: 0;
        top: 10%
    }
    .bg-screw .mobile-block {
        display: block;
        margin: auto;
    }
    .bg-screw .mobile-none {
        display: none;
    }
    .assistance .col-btn:first-child{
        margin-left: 15px;
    }
    .assistance .col-btn{
        width: auto !important;
    } 
    .page-id-222 h1,
    .page-id-222 h2{
        text-align: center !important;
    }
    .navbar .navbar-collapse.in .nav > li > a,
    .navbar .navbar-collapse .nav > li > a{
        height: 40px !important;
    }
    .home-mobile-none{
        display: none;
    }
}

@media screen and (max-width: 750px){
    section.heading{
        margin-top: 0px;
    }
    .home-mobile-block{
        display: block;
    }
}


@media screen and (max-width: 750px){
    .bloc-presentation {
        width: 100%;
    }
    .bloc-actus{
        width: 100%
    }
    .bloc-actus::before{
        height: 200%;
        left: -50%;
        top: 0%;
    }
}

@media screen and (max-width: 991px) {
    nav img {
        width: 115px;
    }
    .navbar .navbar-brand{
        padding: 16px 15px;
    }
    .general-row .logiciels-af-video{
        margin-top: 0px !important;
    }
    .bloc-home-services p{
        height: auto !important;
    }
}

@media screen and (max-width: 800px) {
    .btn-slider {
        margin-left: -10px !important;
    }
}

@media screen and (max-width: 765px) {
    .navbar .navbar-collapse{
        z-index: -1;
        position: relative;
        max-height: none;
        background: #1d71b8;
    }
    .navbar .navbar-collapse .nav > li > a, .nav.navbar-nav li{
        color: #fff !important;
    }
    .navbar-nav{
        margin: 0;
        padding: 25px 0;
    }
    #hero{
        display: none;
    }
    .navbar .navbar-collapse.in .nav > li > a,
    .navbar .navbar-collapse .nav > li > a{
        line-height: normal !important;
    }
}

@media screen and (max-width: 780px) and (min-width: 500px){
    .logiciels-af .col-md-4{
        padding: 0 140px;
    }
    .page-id-260 .teamviewer .wpb_column.col-md-3{
        float: left;
        margin-right: 7%;
    }

}

@media screen and (max-width: 725px){
    .col-btn{
        width: 100%;
        font-size: 14px !important;
    }
}

.page-id-260 .wpb_column.col-md-3{
        width: 33%;
    }

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

    .col-btn{
        width: 100%;
        padding: 0 15px;
    }

    #popmake-1013{
        height: 70%;
    }

    #popmake-1013 .pum-content.popmake-content{
        height: 100%;
    }

    .pop-financement {
        overflow-y: scroll;
        -webkit-overflow-y: scroll;
        -moz-overflow-y: scroll;
        -ms-overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        height: 100%;
    }

    p{
        text-align: left;
    }

    .french-flag, .english-flag,
    .french-flag-disable, .english-flag-disable{
        display: inline-block !important;
    }

    .french-flag,
    .french-flag-disable {
        margin-left: -40px;
        left: 50%;
    }

    .english-flag,
    .english-flag-disable {
        margin-left: 0px;
        left: 50%;
    }

    .teamviewer .col-md-3:first-child{
        margin-bottom: -25px;
    }
    .page-id-235 .form-aft{
        padding-bottom: 110px !important;
    }
    .heading-mobile{
        display: block;
        background-color: #10488b;
        color: white;
        text-transform: uppercase;
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.7);
        z-index: 9;
        /*margin-top: 85px;*/
    }
    .heading-mobile:after{
        content: "";
        display: block;
        background: #000;
        box-shadow: 0px 1px 10px rgb(0, 0, 0);
        top: -10px;
        left: 0;
        position: absolute;
        width: 100%;
        height: 10px;
    }
    .heading-mobile p{
        text-align: center;
        text-decoration: underline;
        line-height: 57px;
    }
    .heading-mobile .wpb_text_column.wpb_content_element {
        margin-bottom: 0px;
    }
    .heading-mobile.heading-first-mobile{
        background-color: #1d71b8;
    }
    .logiciels-autofluid-description h2{
        width: 75%;
        margin: auto;
    }
    .general-row .logiciels-af-video {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 0px !important;
    }
    .col-btn:first-child,
    .col-btn:last-child{
        padding: 0 15px;
    }
    .cta-blue {
        font-size: 15px;
    }
    .row{
        margin: 0px !important;
    }
    .bloc-general h1{
        text-align: center;
    }
    .home-first-presentation h1, .bloc-home h2{
        font-size: 43px;
    }
    .general-row .home-first-presentation{
        padding: 50px 0 !important;
    }
    .bloc-actus{
        padding: 50px 15px;
    }
    .bloc-home .cta-white{
        display: inline-block;
    }
    .bloc-home-services h2{
        font-size: 26px;
    }
    .block-90{
        padding: 70px 0;
    }
    .block-60{
        padding: 70px 0 110px;
    }
    .home-first-presentation p{
        margin-bottom: -30px;
    }
    .container{
        padding: 0px !important;
    }
    .navbar .nav > li > a{
        line-height: 30px;
    }
    .navbar .container{
        padding: 0px 15px !important;
    }
    .mobile-block{
        display: block;
        margin: auto;
    }
    .mobile-none{
        display: none;
    }
    .bloc-actus, .bloc-actus p{
        text-align: left;
    }
    .home-cad h2{
        width: 80%;
        color: #10488b !important;
    }
    .home-cad p{
        color: #10488b !important;
    }
    #footer:before {
        border-radius: 0;
        top: -3%;
        box-shadow: 0 7px 7px rgba(0, 0, 0, 0.2);
    }
    .bloc-actus img{
        display: block;
        margin: auto;
    }
    .subnavigation{
        display: none;
    }
    .heading-title{
        font-size: 58px !important;
    }
    .heading-subtitle{
        font-size: 38px;
    }
    .heading-describ{
        font-size: 19px;
    }
    .bloc-general h1{
        font-size: 42px;
    }
    .logiciels-description h1{
        padding: 0 15px;
    }
    .logiciels-description h1 br{
        display: none;
    }
    .page-id-229 .block-60{
        padding: 0px 0 110px;
    }
    .page-id-229 .col-btn:last-child,
    .page-id-242 .col-btn:nth-child(3){
        margin-bottom: 50px;
    }
    .page-id-229 .heading-title{
        font-size: 35px !important;
    }
    .page-id-229 .vc_separator{
        display: none;
    }
    .page-id-525 h1{
        text-align: left;
    }
    .img-in .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .img-in .col-md-6 h1,
    .img-in .col-md-6 h2,
    .img-in .col-md-6 p:not(.nopad){
        padding-left: 15px;
        padding-right: 15px;   
    }
    section.img-in{
        padding-bottom: 15px !important;
    }
    .sep-point {
        overflow: hidden;
        margin-left: 15px;
        margin-right: 15px;
    }
    .sep-point::before{
        content: "••••••••••••••••••••••••••••••••••••••••";
        display: block;
        letter-spacing: 9px;
        font-size: 15px;
        top: 0px;
        position: relative;
    }
    .log-3d-title{
        font-size: 24px;
        text-align: center;
        width: 100%;
    }
    .log-3d-title br{
        display: none !important;
    }
    .bloc-98{
        padding: 98px 0px 0px;
    }
    .inte-af{
        padding: 60px 0px 20px;
    }
    #heading-nos-formations .heading-title{
        font-size: 50px;
    }
    #heading-nos-formations .heading-subtitle{
        font-size: 60px;
    }
    .nos-formations h2{
        text-align: center;
        font-size: 36px;
    }
    .nos-formations h2.section-title{
        font-size: 26px;
    }
    .nos-formations h3.title-list{
        margin: 50px 0 15px;
        text-align: center;
        color: #1d71b8;
    }
    .nos-formations h3.title-list::before{
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #000;
        margin-bottom: 40px;
    }
    .nos-formations ul,
    .nos-formations ul li{
        list-style: none;
        margin: 0px;
        text-align: center;
        padding: 0px;
    }
    .nos-formations ul li:not(:last-child){
        padding-bottom: 40px;
    }
    .nos-formations ul li:not(:last-child)::after{
        content: "";
        display: block;
        width: 5px;
        height: 1px;
        background: #000;
        margin: auto;
        top: 20px;
        position: relative;
    }
    section.form-aft {
        padding-top: 70px !important;
    }
    section.form-aft .col-md-4{
        padding: 0 40px 80px;
    }
    section.form-aft p{
        padding-top: 20px;
    }
    section.form-aft a.cta-white.cta-full{
        margin-top: -30px;
        font-size: 14px;
    }
    section.form-aft .col-md-4:last-child a.cta-white.cta-full{
        margin-bottom: -100px;
    }
    .formations-autofluid h1{
        font-size: 40px;
        text-align: center;
    }
    .formations-autofluid h2{
        font-size: 30px;
        text-align: center;
        margin: auto;
        display: block;
    }
    .page-id-709 .nouveau,
    .page-id-721 h1,
    .page-id-729 h1{
        margin-bottom: 30px !important;
        text-align: center;
        margin: auto;
        display: block;
        font-size: 30px !important;
    }
    .nouveau::after{
        top: -25px;
        right: 50%;
        margin-right: -33px;
    }
    .formations-autofluid h2.section-title,
    .page-id-340 h2.section-title{
        font-size: 26px;
    }
    .col-form-af,
    .page-id-242 .col-md-4,
    .page-id-340 .col-md-4{
        padding-left: 40px;
        padding-right: 40px;
    }
    .col-form-af:last-child{
        padding-right: 40px;
    }
    .col-btn .wpb_content_element{
        margin-bottom: 0px;
    }
    .col-btn{
        margin-bottom: 10px;
    }
    .page-id-340 h1{
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-id-340 h1 span{
        font-size: 18px;
        display: block;
        line-height: 22px;
    }
    .page-id-340 h2{
        text-align: center;
        font-size: 36px;
    }
    #heading-assistance .heading-subtitle{
        font-size: 40px;
    }
    #heading-assistance .heading-title{
        font-size: 70px;
    }
    .assistance h1,
    .page-id-260 h2{
        text-align: center;
    }
    .page-id-260 .col-md-4{
        padding: 0 40px;
    }
    .vc_separator{
        margin-bottom: 20px !important;
    }
    .page-id-260 .col-md-12 p{
        padding: 0 15px;
    }
    .page-id-267 h1{
        font-size: 33px;
    }
    .page-id-267 h2{
        font-size: 36px;
    }
    section.res-distrib{
        padding: 50px 0px 0px !important;
    }
    .vc_tta.vc_tta-shape-rounded .vc_tta-panel-body,
    .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading{
        border-radius: 0px !important;
    }
    .vc_tta-panel-body .col-md-4,
    .vc_tta.vc_general .vc_tta-panel-title{
        padding: 0px !important;
    }
    .vc_tta-panel-body .col-md-4:first-child .wpb_text_column::after, .vc_tta-panel-body .col-md-4:nth-child(2) .wpb_text_column::after{
        content: none;
    }
    p.distrib-contact {
        margin: -25px 0 0 23px;
    }
    .distrib-contact::before{
        left: -23px;
    }
    .vc_tta.vc_general .vc_tta-panel-body{
        padding: 14px 20px 34px !important;
    }
    .vc_tta-panel-body .col-md-4:not(:first-child) {
        padding-left: 30px !important;
    }
    .vc_tta.vc_general{
        font-size: 14px !important
    }
    section.col-30{
        padding: 30px 0 !important;
    }
    .page-id-270 .heading-subtitle{
        font-size: 45px;
    }
    .page-id-270 .heading-title{
        font-size: 54px !important;
    }
    .page-id-270 h1{
        font-size: 43px;
        text-align: center;
    }
    .page-id-270 .col-md-6{
        padding: 0px !important
    }
    .page-id-270 section.block-60{
        background-color: #f0f0f0 !important;
    }
    .page-id-270 .col-md-6:last-child{
        margin-bottom: -90px;
        background: #fff;
    }
    .page-id-270 .col-md-6:last-child .cta-blue.cta-full{
        margin-top: 50px;
    }
    .col-form-contact > div:first-child > div {
        padding: 0px 15px 40px !important;
        background-color: #f0f0f0 !important;
        margin-bottom: 0;
    }
    .formcol-12 p {
        font-size: 12px;
    }
    .cta-retour{
        display: block;
        margin: auto;
        width: 70%;
        text-align: center;
    }
    .page-id-729 h2{
        font-size: 26px;
        text-align: center;
    }
    .home .block-90{
        padding: 50px 0;
    }
    section .bloc-home{
        margin-bottom: 10px
    }
    h1, h2{
        line-height: 1.1em !important;
    }
    .bloc-home-services:last-child {
        margin-top: 80px;
    }
    .assistance .col-btn {
        width: 100% !important;
        margin: 0 0 10px 0;
    }
    .cta-teamviewer {
        margin-left: 0px;
        padding: 12px 0px 12px 60px;
        width: 100%;
        display: block;
    }
    .cta-teamviewer::before {
        left: 0px;
    }
    .assistance .col-btn:first-child{
        margin-left: 0px;
    }
    .nav > li.active > a{
        text-decoration: underline;
    }
}

@media screen and (max-width: 500px){
    .home-first-presentation h1, .bloc-home h2 {
        font-size: 34px;
    }
    p {
        hyphens: none;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        -o-hyphens: none;
        -ms-hyphens: none;
    }
    .page-id-721 #wrap section:nth-child(7) .col-md-6:nth-child(2) .describ-formation {
        margin-bottom: 10px !important;
        padding-top: 0px !important;
        margin-top: -30px !important;
    }
    .page-id-1136 h1,
    .page-id-1142 h1{
        text-align: center;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    .page-id-1136 h1 span,
    .page-id-1142 h1 span{
        line-height: 30px !important;
        margin-left: 0px !important;
        display: block;
        margin-top: 10px; 
    }
}

@media screen and (max-width: 320px){
    h1, h2{
        font-size: 37px;
    }
    #heading-nos-formations .heading-subtitle {
        font-size: 50px;
    }
    .formations-autofluid h2,
    .page-id-340 h2,
    .page-id-260 h2:not(.section-title),
    #heading-assistance .heading-subtitle{
        font-size: 30px;
    }
    .vc_tta-panel-body .col-md-4:not(:first-child){
        padding-left: 0px !important;
    }
    .page-id-270 .heading-title{
        font-size: 44px !important;
    }
    .page-id-270 h1{
        font-size: 35px;
    }
}

@media screen and (max-width: 240px){
    .navbar .navbar-brand {
        padding: 9px 9px;
    }
}
.subnavigation.reste-ouvert {
  display: block !important;
}

.subnavigation.reste-ouvert ul {
    display: block !important;
}

.subnavigation.reste-ouvert ul li {
    display: block !important;
}

.subnavigation.reste-ouvert ul li.closed {
    display: block !important;
}

.subnavigation.fixed-subnav {
    position: fixed;
    top: 84px;
}

div#pum-996,
div#pum-1010,
div#pum-1013,
div#pum-1302,
div#pum-1306 {
    background-color: rgba(0, 0, 0, 0.75);
}

body .popmake.theme-990 > .popmake-close, body .popmake.theme-default-theme > .popmake-close{
    height: 30px;
    width: 30px;
    right: -15px;
    top: -15px;
    padding: 7px;
    color: #ffffff;
    font-weight: 800;
    border: 2px solid #ffffff;
    border-radius: 100%;
    box-shadow: 0px 0px 5px rgb(2, 2, 2);
    background-color: rgb(0, 0, 0);
}

body .popmake.theme-990, body .popmake.theme-default-theme{
    padding: 5px 10px;
    background-color: rgb(0, 0, 0);
}

body .popmake.theme-990#popmake-1013, body .popmake.theme-default-theme#popmake-1013{
    background-color: #fff;
}

span.wpcf7-not-valid-tip{
    font-size: 14px !important;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    margin-top: 50px;
}

.ajax-loader {
    display: none;
}

.mobile-none.popmake-video-autobim img,
.popmake-video-autofluid img,
.page-id-222 .logiciels-af-video{
    position: relative;
}

@media screen and (min-width: 501px){
    .page-id-525 .logiciels-af-video{
        position: relative;
        display: block;
    }
}

.mobile-none.popmake-video-autobim::after,
.mobile-none.popmake-video-autobim-en::after,
.popmake-video-autofluid::after,
.popmake-video-autofluid-en::after{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -ms-transition: ease 0.5s;
    margin-top: -35px !important;
    margin-left: -35px;
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 26px;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    box-shadow: 0px 0px 8px #000;
    z-index: 2;
    border: 2px solid #fff;
}

.mobile-none.popmake-video-autobim::after,
.mobile-none.popmake-video-autobim-en::after{
    content: url(https://www.traceocad.fr/wp-content/uploads/2016/07/traceocad-arrow.png);
}

.popmake-video-autofluid::after,
.popmake-video-autofluid-en::after{
    content: url(https://www.traceocad.fr/wp-content/uploads/2016/07/traceocad-arrow.png);
    margin-top: 80px;
}

.mobile-none.popmake-video-autobim:hover::after,
.mobile-none.popmake-video-autobim-en:hover::after,
.popmake-video-autofluid:hover::after,
.popmake-video-autofluid-en:hover::after{
    box-shadow: 0px 0px 9px 3px #fff;
}

.mobile-none.popmake-video-autobim:hover::before,
.mobile-none.popmake-video-autobim-en:hover::before,
.popmake-video-autofluid:hover::before,
.popmake-video-autofluid-en:hover::before{
    opacity: 1;
}

.mobile-none.popmake-video-autobim::before,
.mobile-none.popmake-video-autobim-en::before,
.popmake-video-autofluid::before,
.popmake-video-autofluid-en::before{
    content: "";
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -ms-transition: ease 0.5s;
    opacity: 0;
}

body.home section a.cta-white:hover{
    border: 1px solid #fff;
    color: #fff !important;
    background: none;
}

body.page-id-235 section a.cta-white{
    color: #000 !important;
}

body.page-id-235 section a.cta-white:hover{
    color: #000 !important;
}

section a.cta-border:hover{
    color: #fff !important;
    background: #1D6FBD;
}

section a.cta-blue{
    border: 1px solid #1d6fbd;
}

section a.cta-blue:hover,
section a.cta-blue:focus:hover{
    color: #1d6fbd !important;
    background: none;
    border: 1px solid #1d6fbd;
}

section a.cta-blue:focus {
    color: #fff !important;
}

.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading, .vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
    border-radius: 0px !important;
}

span.vc_tta-title-text{
    font-size: 26px;
}

span.vc_tta-title-text small{
    font-size: 16px;
    color: #fff;
    text-decoration: underline;
    text-transform: none;
}

.distributeur-img > div{
    margin-bottom: 0px;
    padding: 35px;
}

@media screen and (max-width: 992px){
    .vc_tta-panel-body .col-md-4 .wpb_content_element .wpb_wrapper p {
        text-align: center !important;
    }
    .distrib-contact{
        display: block;
        width: 160px;
        margin: auto !important;
    }
    .teamviewer .wpb_column.col-md-3 {
        width: 100%;
    }
    .distrib-logo {
        margin-top: 30px;
    }
}

@media screen and (max-width: 414px){
    span.vc_tta-title-text small{
        display: block;
    }
    h4.vc_tta-panel-title.vc_tta-controls-icon-position-left{
        display: block;
        width: 100% !important;
    }
    .vc_tta.vc_general h4.vc_tta-panel-title.vc_tta-controls-icon-position-left a{
        text-align: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .cta-retour{
        width: 90%;
    }
}

section.section.heading{
    background-position: center !important;
}

@media screen and (min-width: 750px){
    .bloc-actus{
        min-height: 461px;
    }
}

@media screen and (max-width: 750px){
    .bloc-actus::before{
        content: "";
        display: block;
        width: 200%;
        height: 100%;
        position: absolute;
        background-color: #ffffff;
        top: 0;
        left: -50%;
        z-index: -1;
    }
}

.bloc-home-form {
    padding: 45px 0 !important;
}

@media screen and (max-width: 1200px) and (min-width: 996px){
    .home .block-90.bloc-home-form {
        padding: 28px 0 !important;
    }

    html[lang="en-US"] .home .block-90.bloc-home-form {
        padding: 17px 0 !important;
    }
    
    .bloc-home-form h2 {
        font-size: 38px;
        line-height: 1 !important;
    }
}

#popmake-1013.pum-container.pum-responsive{
    width: 85%;
}

div.wpcf7-mail-sent-ok{
    border: 2px solid #1d6fbd;
    margin-top: 60px;
    font-size: 13px;
    text-align: center;
    padding: 10px;
}

.copyright-ikadia {
    color: #323943 !important;
    font-size: 11px !important;
    padding: 0 !important;
    text-transform: none !important;
}

.copyright-ikadia::after {
    display: none !important;

}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
=============================
BEGIN : SIMPLE SHARE BUTTON
*/

.ssba {
    margin-top: 30px;
}

.ssba-share-text {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
    text-transform: uppercase;
}

.ssbp-list li:first-child {
    margin-left: 0 !important;
    padding-left: 0;
}

@media (max-width: 500px){
    .ssbp-list li {
        padding-left: 0px !important
    }
}

/**************************************
MAJ SOUS-MENU
**************************************/

@media screen and (min-width: 1200px){
    .page-id-222 section.heading, .page-id-229 section.heading, .page-id-525 section.heading, .page-id-340 section.heading, .page-id-242 section.heading{
        margin-top: 125px !important;
    }

    /*.page-id-235 section.heading {
        margin-top: 70px !important;
    }*/
}

@media screen and (max-width: 1199px){
    .page-id-222 section.heading, .page-id-229 section.heading, .page-id-525 section.heading, .page-id-340 section.heading, .page-id-242 section.heading {
        margin-top: 64px !important;
    }
}

.navbar .navbar-toggle {
    font-size: 26px;
    height: 0px;
    line-height: 39px;
    padding: 0px 15px;
    margin: 0;
}

.vc_custom_1462979131158 .logiciels-af .wpb_single_image.wpb_content_element {
    min-height: 128px;
    margin-bottom: 20px;
    position: relative;
}

.vc_custom_1462979131158 .wpb_single_image .vc_figure {
    display: inline-block;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%,0%);
    max-width: 100%;
}

.auto-fluid-picto img{
    width:93px;
}

.traceo-blc-global-rvt-connect .container {
    border-top: 3px dotted #ddd;
    padding: 40px 0 50px 0;
    border-bottom: 3px dotted #ddd;
}

#heading-logiciel-af, #heading-logiciel-3d, #heading-nos-formations {
    background-size: cover;
}

#heading-logiciels-cad {
    /*background-image: url(https://www.traceocad.fr/wp-content/uploads/2020/08/traceocad_logiciel-genie-climatique_logiciel-cad_header-maj.jpg) !important;*/
    background-image: url(https://www.traceocad.fr/wp-content/uploads/2016/04/page_cad.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover;
}

#heading-contact {
    background-image: url(https://www.traceocad.fr/en/wp-content/uploads/sites/2/2016/09/traceocad-hvac-plumbing-software-cont-act-image01.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/*.page-template-tpl-one .traceo-blc-global-rvt-connect {
    display:none;
}*/



/* ----------------------
---------- MAJ ----------
---------------------- */
.bloc-home.home-af h2{
    font-size: 26px;
}

section.af-infinity h2{
    margin: 0;
    color: #fff;
    font-size: 56px;
    font-weight: 300;
}
section.af-infinity .general-row{
    display: flex;
    align-items: center;
}

section.af-infinity p{
    color: #fff;
}

section.af-infinity ul{
    margin: 20px 0 40px 20px;
}
section.af-infinity ul li{
    color: #fff;
    list-style: initial;
    margin-bottom: 5px;
}

.video-autofluid img{
    width: 100%;
}
.video-autofluid h1{
    font-size: 26px;
}
.video-autofluid h2{
    font-size: 26px;
    text-transform: initial;
}

#heading-logiciel-af .heading-title, #heading-logiciel-3d .heading-title{
    line-height: 100%;
    margin-bottom: 10px;
}

.la-suite-autofluid p{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.la-suite-autofluid img {
    margin: 0 25px;
}


.la-suite-autofluid a:first-child img{
    margin-left: 0;
}
.la-suite-autofluid a:last-child img{
    margin-top: 10px;
    margin-right: 0;
}

.la-suite-autofluid + div a.cta-blue{
    max-width: fit-content;
    margin: 0 auto;
}

.block-60 h3{
    font-size: 26px;
    text-transform: initial;
}

.formules-autofluid h2{
    margin-bottom: 0;
}
.formules-autofluid figure, .formules-autofluid figure *{
    width: 100%;
}

.points3 h3{
    font-size: 26px;
    margin-bottom: 30px;
    text-transform: initial;
}

.formules-autofluid .titre-underline h2{
    padding-bottom: 30px;
    margin-bottom: 50px;
    background-image: linear-gradient(to right, #636363 16%, rgba(53,15,16,0) 0%);
    background-position: bottom;
    background-size: 14px 2px;
    background-repeat: repeat-x;
}

.composez-suite h2{
    margin-bottom: 0;
}
.composez-suite h3{
    font-size: 26px;
    text-transform: initial;
}
.composez-suite img{
    width: 100%;
}

.composez-suite .content{
    max-width: 280px;
    margin-left: auto;
}


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

    section.af-infinity .col-md-6{
        width: 100%;
    }

    .la-suite-autofluid p{
        flex-wrap: wrap;
    }
    .la-suite-autofluid p a{
        width: 25%;
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
    }
    .la-suite-autofluid p a:nth-last-child(-n+3){
        margin-bottom: 0;
    }

    .la-suite-autofluid a img{
        margin-left: 0;
        margin-right: 0;
    }

    .composez-suite .content{
        margin: 0 auto 40px;
        max-width: 550px;
    }

    .composez-suite div.wpb_single_image{
        text-align: center;
    }


    .page-id-222 h3{
        text-align: center!important;
    }

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

    section.af-infinity .general-row{
        flex-direction: column;
    }

    section.af-infinity .wpb_single_image.vc_align_left{
        text-align: center;
    }

    section.af-infinity .content{
        max-width: fit-content;
        margin: 0 auto;
    }

}



/* ----------------------
-------- END MAJ --------
---------------------- */


.page-id-267 .section.heading-mobile + .section.general-row .wpb_single_image >figure {
    width: 100%;
}

.page-id-267 .section.heading-mobile + .section.general-row .wpb_single_image >figure >div {
    width: 100%;
}

.page-id-267 .section.heading-mobile + .section.general-row .wpb_single_image >figure >div img {
    width: 100%;
}