/* CSS perso */

html {
    font-size: 62.5%;
}
body {
    line-height: 1.88;
}
html, html a {
    -webkit-font-smoothing: antialiased;
}


p {
    margin: 0.3rem 0;}

p:last-child {
    margin: 0.3rem 0 0.5em 0;
}


.avia_textblock p, .toggle_content p /*.iconbox_content_container*/  {
  text-align: justify;
}

 h1, h2{
    margin-top: 0;
    margin-bottom: 2rem;
      -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
}

 h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}}

 h1 {
    line-height: 1.2;
}
 h2 {
    line-height: 1.25;
}
h3 {
    line-height: 1.3;
}
 h4 {
    line-height: 1.35;
}
h5 {
    line-height: 1.5;
}
h6 {
    line-height: 1.4;
}

@media (min-width:990px) {

h1 {
    font-size: 3.5rem;
}
 h2 {
    font-size: 3rem;
}
 h3 {
    font-size: 2.25rem;
}
 h4 {
    font-size: 1.75rem;
}
 h5 {
    font-size: 1.5rem;
}
 h6 {
    font-size: 1.25rem;
}

.h6.section-title {
    font-size: 1.5rem;
    line-height: 1.6;
}}


h3.guillemets {
  text-transform: initial;
}

.html_stretched #wrap_all {
  background: #fcfcfc;
}


.avia_transform a .image-overlay {
    display: none !important;
}

.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    background: #0075c9;
    filter: alpha(opacity = 80);
    background: rgb(0, 117, 201, 0.8);
}
.avia-caption-content {
  font-size: 20px;
  font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

@media (min-width:990px) {
.caption_right .slideshow_caption {
    right: 0;
    text-align: right;
}
}

@media (max-width:480px) {
.lettre-fond, .main-title.entry-title {
    display: none;
}
body {
    font-size: 1.5em;
}
}

div .logo {
    left: calc(50% - 98px);
    height: 90px;
    top: 8px;


      }


.title_container {
  	background: #fff;
  	text-align: right;
        height: 0;
  }

.title_container .main-title {
    margin: 0;
    font-size: 16px;
    position: absolute;
    z-index: 501;
    min-height: 36px;
    line-height: 2.3em;
    top: -60px;
    font-weight: 400;
    right: 95px;
    opacity: 0.33;
}

 #top .alternate_color.title_container .main-title a {
    color: #000;
}


.av-burger-overlay-bg {
    z-index: 3;
    opacity: 0.96;
    background-color: #003b71;
    background-image: url(/wp-content/uploads/2018/11/eyad-bg-menu.png) ;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: fixed;
    background-position: center right;
}


#top #av-burger-menu-ul {
    height: 100%;
    width: 200px !important;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    left: calc(50% - 100px);
    position: relative;
}


.av-hamburger:after {
      content: 'Faire de la simplicité une évidence';
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -70px;
    font-size: 22px !important;
    z-index: 0;
    width: 600px;
    pointer-events: none;
    transition: 150ms ease-in;
    opacity: 0.75;
}

.av-hamburger.is-active:after {
    content: '';
    display: none;
}


li.rs-menu {
    font-size: 28px !important;
    line-height: 28px !important;
    height: 28px !important;
    width: 28px !important;
    padding: 1px !important;
    float: left;
}


li.rs-menu + li.rs-menu {
  margin-left: 5px !important;
}

li.rs-menu a {
    max-height: 28px !important;
}




h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-weight: normal !important;
  letter-spacing: initial !important;
}


h1 {
    font-size: 4.8rem;
}

.special_amp {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit !important;
}

.modern-quote h1 {
    z-index: 2;
  position: relative;
}

.av-special-heading .av-special-heading-tag, .av-special-heading .av-subheading  {
    z-index: 2;
  position: relative;
}


.av-special-heading .av-special-heading-tag span{
    display: inline-block;
}

.av-special-heading.modern-centered  h1 {
  font-size: 6.4rem;
  margin-bottom: 2rem !important;
  line-height: 1.2;

}



.avia-post-nav .entry-image img {
    display: none;
}

.av-special-heading-h1.modern-centered .av-subheading {
   font-size: 1.85rem !important;

  }

.lettre-fond {
    text-transform: uppercase;
    line-height: 1.2;
    z-index: 1;
    position: absolute;
    user-select: none;
    pointer-events: none;
    font-family: 'Josefin Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.modern-quote .lettre-fond {
    font-size: 26.0rem;
    top: 50%;
    left: -9rem;
    transform: translate(0,-50%);
}

.modern-centered .lettre-fond {
    font-size: 45.0rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.modern-centered.av-special-heading-h3 .lettre-fond {
  font-size: 26.0rem;
  height: 26.0rem;

}

/*.modern-centered.av-special-heading-h3.drop {
  min-height: 26rem;

}*/


.modern-centered.av-special-heading-h3.drop {
    padding: 0 !important;
    margin: 2rem 0;
}



/*.drop h3{

      top: 7.5rem;
    position: relative;
    display: inline-block;}

.drop.modern-centered.av-special-heading-h3 .av-subheading {
    top: 7.5rem;
}*/

#top h4.av-rotator-container-inner {
    font-size: 2.5rem;
    text-align: center;
}

#top .av-rotator-container a:hover {
     text-decoration: none; 
}


.av-subheading {
    line-height: 1.65em !important;
    font-size: 1.8rem !important;
    font-family: 'Montserrat','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}


.main_color .av-special-heading.modern-centered h1 {
color: #003a71;
}

.main_color .lettre-fond  {
color: #0075c9;
   opacity: 0.065;
}

.main_color .modern-quote .lettre-fond {
  color: #000;
}


.alternate_color .av-special-heading h1 {
color: #fff;
}

.alternate_color .lettre-fond  {
color: #000;
   opacity: 0.2;
}

.avia-button {
  font-family: 'Josefin Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}



/*Boutons et animations*/




.avia-button.avia-size-medium {
    padding: 1.5rem 2rem;
    font-size: 1rem;
    min-width: 90px;
}

.avia-button, #main p a, #main .widget a, #socket li a, #main span a, #main .avia_textblock a {
      -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;

}
.avia-button, #main p a, #main .widget a, #socket li a, #main span a, #main .avia_textblock a {

    padding-bottom: 3px;
}


 #main p a:hover, #main .widget a:hover, #socket li a:hover, #main span a:hover, #main .avia_textblock a:hover {
  text-decoration: none;
  border-bottom: 1px solid;
 } 

.avia-button:hover {
  box-shadow: 0 10px 20px 0 rgba(1,1,1,.15);
}


ol {
  list-style-type: none;
  counter-reset: compteListe;
      margin-left: 5rem;
}

ol li {
    border-left: 1px solid;
    padding-left: 3rem !important;
    margin-bottom: 2rem;
    position: relative;
}

ol li::before {
    counter-increment: compteListe 1;
    content: counter(compteListe) " ";
    font-size: 6rem;
    line-height: 1em;
    position: absolute;
    color: #003a71;
    left: -6rem;
    margin-top: -2.5rem;
}

ol li::after {
    background: #003a71;
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 150px;
    position: absolute;
    left: -5px;
    top: 0;
}

ol li h3, ol li p {
  top: -2rem !important;
    position: relative;
 margin: 0.5rem 0;

}

.bloc-cta {
    padding: 4.5rem 4.5rem 3rem 4.5rem;
}



span.vert_icon, span.hor_icon {
      border-color: #0075c9;
}

.main_color .bloc-cta {
  background: #0075c9;
  color: rgba(255,255,255,0.9);
     margin-top: 50px !important;
}

.main_color .bloc-cta h1, .main_color .bloc-cta h2, .main_color .bloc-cta h3, .main_color .bloc-cta h4 {
  color: #fff;
}

.toggler {
  font-family: 'Josefin Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
  text-transform: uppercase;
}



/*Socket*/
#socket {
  font-family: 'Josefin Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
      letter-spacing: -0.1rem;
    font-size: 1.5rem;
    margin-top: -1px;
    z-index: 1;
    border: none;
    background: #efefef;
    /*padding: 5rem;*/
    box-shadow: inset 0 30px 80px -45px rgba(1,1,1,.15);
}


#socket .sub_menu_socket li {
    line-height: 13px;
}


#socket .info-contact {
float: left;
  margin: 0 10px;
}



#socket .social_bookmarks {
    margin: -10px 0 0 15px;}

@media (min-width:1400px)  {

footer#socket {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.html_header_top.html_header_sticky.html_large #main {
    padding-bottom: 50px;
}


#socket .info-contact {  
    position: absolute;
    left: calc(50% - 180px);
    width: 340px;
}
}



/*#socket .copyright {
    float: none;
    text-align: center;
    margin: 0 auto;
    display: block;
}

#socket .sub_menu_socket {
    float: none !important;
    margin: 0.5rem auto 2em !important;
    width: fit-content !important;
    max-width: 330px;
}

#socket .social_bookmarks {
    float: none;
    position: absolute;
    margin: 0;
    width: fit-content;
    font-size: 2rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#socket .sub_menu_socket li {
  line-height: unset;
}*/


.carte {
  padding: 8rem;
}


.portfolio-template-default.single .solo .container{
        padding-top: 0 !important;
}


.av_one_full.carte, #top #main .avia-section.solo .template-page .post-entry {
 padding: 16rem 15rem 15rem 15rem;
overflow: hidden;
margin-bottom: 5rem !important;
    background-image: url(/wp-content/uploads/2018/11/eyad-bg-illu.png) ;
    background-repeat: no-repeat;
        background-size: contain;
    background-position: top right;
    background-attachment: fixed;

}





@media only screen and (max-width: 1400px) {
.av_one_full.carte, #top #main .avia-section.solo .template-page .post-entry {
 padding: 8rem 7.5rem 7.5rem 7.5rem;
margin-bottom: 5rem !important;}}

@media only screen and (max-width: 990px) {
.av_one_full.carte, #top #main .avia-section.solo .template-page .post-entry {
 padding: 4rem 3rem 3rem 3rem;
margin-bottom: 2rem !important;}}


.main_color .carte, #top #main .avia-section.main_color.solo .template-page .post-entry {
  background-color: #fff;
}


.shadow, #top #main .avia-section.solo .template-page .post-entry {
  box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
}


.deco.solo .template-page .post-entry  {
    background-image: url(/wp-content/uploads/2018/11/eyad-bg-illu.png) ;
    background-repeat: no-repeat;
        background-size: contain;
    background-position: center right;
}


td {
    font-size: 1.45rem;
    padding: 3rem 3.5rem;}

.colonne-2 td {
width: 50%;
}    



/*Modification navigation portfolio / articles*/

#top .avia-post-nav {
    position: fixed;
    height: 110px;
    top: 50%;
    background: #003a71;
    background: rgba(0, 58, 113, 0.75);
    color: #fff;
    margin-top: -55px;
    padding: 15px;
    text-decoration: none;
    z-index: 501;
    -webkit-transform: translate3d(0,0,0);
    font-family: 'Josefin Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  box-shadow: 0 10px 50px -20px #000;
}

#top .avia-post-nav:hover {
    background: #003a71;
}


.avia-post-prev .label.iconfont::before {
  content: '\e88c';
}

.avia-post-next .label.iconfont::before {
  content: '\e88d';
}

.avia-post-prev .entry-info {
    margin: 0;
    padding: 0 2rem 0 5rem;
}

.avia-post-next .entry-info {
    margin: 0;
    padding: 0 5rem 0 2rem;
}



/*Animation colonne*/

.avia-link-column, .lettre-fond, .toggle_icon, .toggler {
transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}


.avia-link-column:hover {
    transform: scale(1.05);
    box-shadow: 0 13px 80px -30px #000;
}


.main_color .avia-link-column:hover {
  background: #003a71;
 
}


.main_color .avia-link-column:hover  h3, .main_color .avia-link-column:hover .av-subheading, .main_color .avia-link-column:hover  .entry-content-header , .main_color .avia-link-column:hover  .iconbox *{
   color: #fff;
}

.main_color .avia-link-column:hover .lettre-fond {
  transform: translate(-50%,-50%) scale(0.85);
}

body .flex_column.avia-link-column {
    padding: 0 30px 30px 30px;
}


/*Animation tab*/

.single_toggle:hover .toggler {
  transform: translate(5px,0);


}

.single_toggle:hover .toggle_icon {
  transform: scale(1.2);

}


/*Correction formulaire de contact*/
/*Amélioration formulaire*/


#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
   
   /* background-color: #fff;*/
       font-family: 'domine','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}


#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    /*border-color: rgba(255,255,255,0.1);
    background-color: rgba(0,0,0,0.33);
    color: #ffffff;*/
}


#top .main_color input::placeholder, #top .main_color textarea::placeholder {
  /*  color: rgba(255,255,255,0.75);*/

}


#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #top form {
    margin-bottom: 0px;
}

.full-form .input-text, .full-form input[type="text"], .full-form input[type="input"], .full-form input[type="password"], .full-form input[type="email"], .full-form input[type="number"], .full-form input[type="url"], .full-form input[type="tel"], .full-form input[type="search"], .full-form textarea, .full-form select, .full-form input[type="date"], p.wysija-paragraph input[type='text'].wysija-input {
    font-size: 1.1em !important;
    font-weight: normal !important;
    padding: 15px !important;
    border-radius: 0 !important;
}



.avia-icon-list .iconlist_icon {
    border-radius: 0;
}



.full-form input[type="date"] {
    padding: 6px !important;
}
.full-form {
    display: block;
}
.plein, .demi, .tier {
    position: relative;
    float: left;
    margin: 0 !important;
    padding: 0 0 1% 0;
}
.plein {
    width: 100%;
}
.demi {
     width: calc(98% / 2);
}
.tier {
     width: calc(97% / 3);
}

.tier + .tier {
    margin-left: 1.5% !important;
}

.demi + .demi {
    margin-left: 2% !important;
}


.script_ref {
    height:0;
    display: none;
}

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

.full-form .input-text, .full-form input[type="text"], .full-form input[type="input"], .full-form input[type="password"], .full-form input[type="email"], .full-form input[type="number"], .full-form input[type="url"], .full-form input[type="tel"], .full-form input[type="search"], .full-form textarea, .full-form select, .full-form input[type="date"], p.wysija-paragraph input[type='text'].wysija-input {
    font-size: 1em !important;}


.plein, .demi, .tier {
    width: 100%;
    padding: 5px 10px;
    margin-left: 0;
}

.tier + .tier {
    margin-left: 0 !important;
}

.demi + .demi {
    margin-left: 0 !important;
}


}


/*Process*/

.process-fleche {
   user-select: none;
    pointer-events: none;

}

span.chiffre-process {
    color: #fff;
    font-size: 3.5rem;
    background: #0075c9;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    display: block;
    text-align: center;
    border-radius: 150px;
    float: left;
    margin: 0 2rem 0 0;
    position: relative;
}


.step-process.center span.chiffre-process {
float: none;
margin: 25px auto -10px auto;
}

.step-process.center * {
  text-align: center;
}

.step-process h3 {
  font-size: 1.65rem;
}

.avia-promocontent {
    margin-right: 0;
}

.av_promobox .avia-button {
     right: none; 
     top: none; 
     position: initial;
     z-index: initial; 
}

@media only screen and (min-width: 990px) {

	.encart-process > .av_textblock_section {
    display: table-cell;
    padding: 25px;
    width: 25%;
}

.encart-process > .av_textblock_section + .av_textblock_section {
    border-left: 1px solid rgba(0,0,0,0.25);
}


.step-process h3, .step-process p:last-child {
    padding-left: 7rem;
}

.step-process.center h3, .step-process.center p:last-child {
    padding-left: initial;
}


.encart-process {
border: 1px solid;
    padding: 0;
    border-radius: 20px !important;
    background: #fff;
    box-shadow: 0 20px 50px -25px rgba(0,0,0,0.15);
    display: table !important;
}

.av_one_full.carte, #top #main .avia-section.solo.accueil .template-page {
      margin-top: -150px;
}

.av_one_full.carte, #top #main .avia-section.solo.accueil .template-page .post-entry {
     padding: 5rem;
}

.av_promobox .avia-button.avia-size-medium {
  margin-top: unset;
}





}



.avia-promocontent {
    margin-bottom: 20px;
}



.avia-promocontent p, .toggle_content li {
    text-align: justify;
}

@media only screen and (max-width: 990px) {
.step-process span.chiffre-process {
float: none;
margin: 25px auto -20px auto;
}

.step-process {
  text-align: center;
}



  }



/*Pages metiers presta*/

.main_color .toggle_content, #top .main_color .av-minimal-toggle .toggler {
  background: rgba(0,0,0,0);
}

@media only screen and (min-width: 990px) {

.toggle_wrap.active_tc {
  display: inline-block !important;
  padding-bottom: 50px;
}

.av-minimal-toggle .toggle_content {
  padding: 0;
}

.single_toggle, .av-minimal-toggle .toggle_content {
  overflow: visible;
}


.pourquoi, .solutions, .benefices {
    width: 50%;
    border-radius: 10px;
  padding: 50px;
  display: block;
  position: relative;
  background: #fff;
  float:left;
  margin: 0;
      box-shadow: 0 20px 120px -30px #000;
}

.pourquoi {
  width: 70%;
  margin: 20px auto 0 358px;
  float: none;
  z-index: 5;
  min-height: 196px;


}


.solutions {
    width: 60%;
  z-index: 6;
    top: -20px;
    left: -20px;
    background: #0075c9;
}



.solutions:before {
 content: '';
    position: absolute;
    top: -196px;
    left: 226px;
    width: 158px;
    height: 197px;
    background-image: url(/wp-content/uploads/2018/12/process-step-1.png);
background-size: contain;}

.benefices {
  width: 40%;
    z-index: 7;
   top: 100px;
    left: -40px;
    background: #001850;
}


.solutions *, .benefices *{
    color: #fff !important;
}

.benefices:before {
    content: '';
    position: absolute;
        top: -138px;
    left: 14px;
    width: 227px;
    height: 137px;
    background-image: url(/wp-content/uploads/2018/12/process-step-2.png);
background-size: contain;}


}



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

.pourquoi, .solutions, .benefices {
    width: 100%;
    border-radius: 10px;
  padding: 20px;
  background: #fff;
  margin: 10px 0;
}

.solutions *, .benefices *{
    color: #fff !important;
}

.solutions {
    background: #0075c9;
}
.benefices {
    background: #001850;
}

.av-minimal-toggle .toggle_content {
    padding: 0;
}

}


#contact .av-section-color-overlay {
background: -moz-linear-gradient(left, rgba(0,124,206,1) 0%, rgba(0,124,206,1) 40%, rgba(0,124,206,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,124,206,1) 0%,rgba(0,124,206,1) 40%,rgba(0,124,206,0) 100%);
background: linear-gradient(to right, rgba(0,124,206,1) 0%,rgba(0,124,206,1) 40%,rgba(0,124,206,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cce', endColorstr='#00007cce',GradientType=1 );
}



/*Modification ombre diagonal transition*/
.av-extra-border-element.diagonal-box-shadow .av-extra-border-inner {
    box-shadow: 0 0 44px -8px rgba(0,24,80,0.6);
}



.av-image-caption-overlay-center h3 {
  color: inherit;
}



/*Prestas*/

.strat-pourquoi h4, .besoins h4, .approche h4, .livrables h4 {
  color: #fff;
}


.strat-pourquoi, .besoins, .approche, .livrables {
  margin: 10px 0;
  background:#003a71 ;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  }


.strat-pourquoi {
  background:#003a71 ;
}


.besoins {
  background:#004c8a ;
}


.approche {
  background:#0066b2 ;
}


.livrables {
  background:#0075c9 ;
}


@media only screen and (min-width:  990px) {

.strat-pourquoi, .besoins, .approche, .livrables {
  width: calc(50% - 10px);
  margin-left: 0;
  margin-right: 0;
  float: left;
  padding: 20px;
  min-height: 350px;
}

 .besoins, .livrables{
  margin-left: 10px;
 }
 .strat-pourquoi, .approche {
  margin-right: 10px;}

}


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

.strat-pourquoi, .besoins, .approche, .livrables {

  padding: 25px;
    margin-left: 0;
  margin-right: 0;

}


.strat-pourquoi,  .livrables {
  width: 100%;
  float: left;
  min-height: unset;
}

.besoins, .approche {
  width: calc(50% - 10px);
  float: left;
  min-height: 350px;
}
 .besoins{
  margin-right: 10px;
 }
 .approche {
  margin-left: 10px;}

}



@media only screen and (min-width: 1700px) {

.strat-pourquoi, .besoins, .approche, .livrables {
  padding: 30px;
width: calc(25% - 10px);
  float: left;
  margin-left: 0;
  margin-right: 0;
  min-height: 350px;

}


.besoins, .approche, .livrables {
    margin-left: 13.333333px; 
}


}




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

.av-hamburger:after {
    bottom: -39px;
    font-size: 18px !important;}



}


.tableau-mentions td {
width: 25%;
}

@media only screen and (max-width: 990px){
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
    display: none !important;
}}


@media only screen and (min-width: 990px){
.hide-desk {
  display: none !important;
}


}