/*======================================
Theme Name: NUAGECOM
Theme URI: https://divicake.com/
Description: Nuagecom Child Theme
Version: 1.0
Author: Jraw
Author URI: https://divicake.com/
Template: Divi
======================================*/

/* ------ PRELOADER ------ */ 
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fefefe;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
   width: 100px;
   height: 100px;
   position: absolute;
   left: 50%;
   top: 50%;
   background-image: url(https://site-nuage.prod-nuagecom.ovh/wp-content/uploads/2020/01/OK.gif);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;
   margin: -50px 0 0 -50px;
}


/* ------- REMONTER EN HAUT ------- */ 
.et_pb_scroll_top {
    z-index: 9999999;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #33cccc;
    height: 100px;
    box-shadow: 0 2px 4px rgba(108,46,185,0.2);
    -webkit-transition: all 0.2s ease,-webkit-transform 0.6s ease;
    transition: all 0.2s ease,-webkit-transform 0.6s ease;
    transition: all 0.2s ease,transform 0.6s ease;
    transition: all 0.2s ease,transform 0.6s ease,-webkit-transform 0.6s ease;
    cursor: pointer;
}
.et_pb_scroll_top:before {
  display: none;
}
.et_pb_scroll_top:after {
    content: "\24";
    font-family: ETmodules !important;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
}
.et_pb_scroll_top, .et_pb_scroll_top.et-visible,.et_pb_scroll_top.et-hidden {
  -webkit-animation: none !important;
          animation: none !important;
}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden {
  -webkit-transform: scale(0) rotate(0deg);
          transform: scale(0) rotate(0deg);
}
.et_pb_scroll_top.et-visible {
  -webkit-transform: scale(1) rotate(360deg);
          transform: scale(1) rotate(360deg);
}
.et_pb_scroll_top .et-pb-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.et_pb_scroll_top {
  right: 0;
  width: auto;
  padding: 0 20px;
  line-height: 40px;
}
.et_pb_scroll_top:before {
  content: 'Remonter';
  display: inline-block;
  color: #FFF;
  font-weight: 700;
}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden {
  right: 40px;
  bottom: 100px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(1) translate(100%, 0) rotate(-90deg);
          transform: scale(1) translate(100%, 0) rotate(-90deg);
}
.et_pb_scroll_top.et-visible {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.et_pb_scroll_top .et-pb-icon {
  display: none;
}


/*------------------CENTRER FOOTER------------------*/

#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons { margin-bottom:-28px; } 
}



/*------------------ CTA DANS LE TOP HEADER ------------------

#top-header .container {
    padding-top: 0.70em;
    font-weight: 600;
    padding-bottom: 0.20em;
}
 
#et-info {
    width: 33.3%;
    float: left;
    text-align: left;
}
 
.cta {
width: 33.3%; 
text-align:center;
float: right;
margin-top: -3px;
}
 
.cta a {
background: #fff;
    color: #33cccc !important;
    padding: 5px 10px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700 !important;
    transition: all 0.5s;
}
 
.cta a:hover {
background: #555;
color: #fff !important;
}
 
#et-secondary-menu {
width: 33.3%;
float: left; 
text-align: left;
}
 
@media (max-width: 980px){
#et-info {
    width: 50%;
    float: right;
    text-align: right;
}
 
.cta {
width: 50%; 
text-align:center;
float: left;
margin-top: -3px;
}
 
#et-info {
padding-top:0px;
padding-bottom: 0.75em;
}
}
 
@media (max-width: 740px){
.cta {display:none;}
#et-info {width: 100%;}
}
*/


/*------------------TOP FIXE------------------*/
.et_fixed_nav #top-header { position: absolute !important; } .et-fixed-header { top: 0px!important; }



/* Person Module hover effect-4 */
.et_pb_team_member.dvcs_person_module_effect_4 {
    position: relative;
    max-width: 320px;
    overflow: hidden;
}
.dvcs_person_module_effect_4 .et_pb_team_member_image {
    margin: 0;
}
@media (max-width: 980px) and (min-width: 768px) {
    .dvcs_person_module_effect_4 .et_pb_team_member_image {
        width: 320px;
    }
}
.dvcs_person_module_effect_4 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.45s ease;
         -o-transition: all 0.45s ease;
            transition: all 0.45s ease;
}
.dvcs_person_module_effect_4 .et_pb_team_member_image img {
    vertical-align: top;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.dvcs_person_module_effect_4 .et_pb_team_member_description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 24px;
    background-color: rgba(0, 0, 0, 0.75); /* change member description background color here */
    border: 4px solid rgba(255, 255, 255, 0.05);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
}
.dvcs_person_module_effect_4 .et_pb_member_position {
    background-color: #464343; /* change member position background color here */
    padding: 3px 7px;
    margin-bottom: 5px;
}
.dvcs_person_module_effect_4 .et_pb_team_member_description * {
    max-width: 300px;
}
.dvcs_person_module_effect_4 .et_pb_member_social_links li:last-of-type {
    margin-right: 0px;
}
.dvcs_person_module_effect_4:hover .et_pb_team_member_image > img {
    opacity: 0;
}
.dvcs_person_module_effect_4:hover .et_pb_team_member_description {
    -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}
/* END Person Module hover effect-4 */




/* Person Module hover effect-2 */
.et_pb_team_member.dvcs_person_module_effect_2 {
    position: relative;
    max-width: 320px;
    overflow: hidden;
}
.dvcs_person_module_effect_2 .et_pb_team_member_image {
    margin: 0;
}
@media (max-width: 980px) and (min-width: 768px) {
    .dvcs_person_module_effect_2 .et_pb_team_member_image {
        width: 320px;
    }
}
.dvcs_person_module_effect_2 * {
    -webkit-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transition: all 0.45s ease;
       -o-transition: all 0.45s ease;
          transition: all 0.45s ease;
}
.dvcs_person_module_effect_2 .et_pb_team_member_image img {
    opacity: 1;
    vertical-align: top;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.dvcs_person_module_effect_2 .et_pb_team_member_description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 24px;
    opacity: 0;
    background-color: rgba(30,30,30,0.76); /* change member description background color here */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(0.1) translateX(200%);
        -ms-transform: scale(0.1) translateX(200%);
            transform: scale(0.1) translateX(200%);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
.dvcs_person_module_effect_2 .et_pb_member_position {
    background-color: #33cccc; /* change member position background color here */
    padding: 3px 7px;
    margin-bottom: 5px;
}
.dvcs_person_module_effect_2 .et_pb_team_member_description * {
    max-width: 300px;
}
.dvcs_person_module_effect_2 .et_pb_member_social_links li:last-of-type {
    margin-right: 0px;
}
.dvcs_person_module_effect_2:hover .et_pb_team_member_image > img {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-200%);
        -ms-transform: scale(0.1) translateX(-200%);
            transform: scale(0.1) translateX(-200%);
}
.dvcs_person_module_effect_2:hover .et_pb_team_member_description {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0%);
        -ms-transform: scale(1) translateX(0%);
            transform: scale(1) translateX(0%);
}

/* END Person Module hover effect-2 */



.et_contact_bottom_container {
    float: none;
    text-align: center;
    display: block !important;
	}


/*------ DEUX COLONNES ------ */
@media only screen and (max-width: 980px) {
    .two-columns .et_pb_column {
    width: 50%!important;
}
}
 
@media only screen and (max-width: 479px) {
    .two-columns .et_pb_column {
    width: 50%!important;
}
}







/* CUSTOM FORMULAIRE DE CONTACT */ 
#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons { margin-bottom:-28px; } 
}

.wpcf7 form label { color:#c40a56;}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: rgba(240,133,176,0.31) !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #666666 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #c40a56 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #eee; 
border-color:#eee; 
padding: 6px 20px !important; 
}