@import url(https://fonts.googleapis.com/css?family=Poppins:400,600,700,300);

/***************************************************************************/
/**** GENERAL **************************************************************/
/***************************************************************************/
html {
  scroll-behavior: smooth;
}
body{font-family: 'Poppins', sans-serif;font-size:17px;line-height:1.5em;}

.wrapper {
  width: 1500px;
  max-width: 100%;
  padding: 0px 15px 0px 15px;
  margin: 0px auto;
  position: relative;
  min-height: 0px;
}
.wrapperSmall{
  width:900px;
  max-width: 100%;
  position: relative;
}
h1{font-family: 'Poppins', sans-serif;font-weight:400;font-size:60px;}
h2{font-family: 'Poppins', sans-serif;font-weight:400;font-size:40px; margin: 15px 0px 5px 0px; padding: 25px 0px 5px 0px;}
h3{font-family: 'Poppins', sans-serif;font-weight:400;font-size:24px; margin: 15px 0px 5px 0px; padding: 25px 0px 5px 0px;}
h2+h3{padding: 15px 0px 5px 0px;}
h4{font-family: 'Poppins', sans-serif;font-weight:400;}
h5{font-family: 'Poppins', sans-serif;font-weight:400;}
h1 a, h2 a, h3 a, h4 a, h5 a{font-weight:inherit;}
p, li{font-family: 'Poppins', sans-serif;font-size:17px;line-height:1.5em;}
a{color:#F15C25;font-weight:inherit;text-decoration:underline;font-weight:600;}
a:hover{color:#4B2E80;text-decoration:underline;}


.list.vtop{
  text-align: left;
  align-items: flex-start;
}
.list.vcenter{
  text-align: left;
  align-items: center;
  justify-content: center;
}
.list.vbottom{
  text-align: left;
  align-items: flex-end;
}


.block-home h1{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
.block-home h2{
  margin:0px 0px 50px 0px;
  padding:0px 0px 0px 0px;
}
.content-area ul li, .content-area ol ul li{margin:35px 0px 35px 0px; padding-left:45px; position:relative;}
.content-area ul li:before, .content-area ol ul li:before{
  background-image: url(../img/thermo-bat.svg);
  content: "";
  display: block;
  width:55px;
  height:25px;
  position: absolute;
  left:-30px;
  background-color:transparent;
  background-size: cover;
  top:0px;
  bottom:0px;
  margin:auto;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}



/*.content-area ol li{margin:35px 0px 35px 0px; padding-left:45px; position:relative;}
.content-area ol li:before{
    background:red;
    content: "";
    display: block;
    width:55px;
    height:25px;
    position: absolute;
    left:-30px;
    background-size: cover;
    top:0px;
    bottom:0px;
    margin:auto;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    }*/
    .content-area ol {
      counter-reset: my-awesome-counter;
      list-style: none;
    }
    .content-area ol > li {
      margin:35px 0px 35px 0px;
      padding-left:35px;
      position:relative;
      counter-increment: my-awesome-counter;
    }

    .content-area ol > li:before {
      content: counter(my-awesome-counter);
      color: #fff;
      font-weight: bold;
      position: absolute;
      left:-30px;
      line-height:1em;
      width:45px;
      height:45px;
      top:-10px;
      line-height:45px;
      background-color:#FE9028;
      border-radius: 50%;
      text-align: center;
    }
    .content-area table td {padding:8px; min-width:65px;}












    /***************************************************************************/
    /**** HEADER ***************************************************************/
    /***************************************************************************/
    .header{
     padding:20px 0px;
     position:absolute;
     top:0px;
     left:0px;
     right:0px;
     z-index:10;
   }
   .header .menu-toggle{display:none;position: absolute;z-index:20;}
   .header .block-logo{position:relative;z-index:20;    transition: all 0.2s ease-out 0s;}



   .header .donateCTA{display:none;margin-right:75px;}



   ul.primary-menu{padding-top:0px;}
   ul.primary-menu > li{padding:15px 2px 15px 2px;}
   ul.primary-menu > li > a{color:#fff;text-decoration:none;font-weight:500;padding:15px 20px;font-size:16px;position:relative;}
   ul.primary-menu > li.current-menu-item > a{padding:15px 20px;}
   ul.primary-menu > li > a:after{
     content:"";
     display:block;
     background-color:tranparent;
     position:absolute;
     left:0px;
     right:0px;
     bottom:0px;
     top:0px;
     z-index:-1;
     border-radius:18px 18px 18px 18px;
     transition: all 0.2s ease-out 0s;
   }
   ul.primary-menu > li > a:hover:after, ul.primary-menu > li:hover > a:after{
     top:-100px;
     background-color: #4B2E80;
     border-radius:0px 0px 18px 18px;
     transition: all 0.2s ease-out 0s;
   }

   ul.primary-menu > li.current-menu-item > a:after{
     top:-100px;
     background-color: #4B2E80;
     border-radius:0px 0px 18px 18px;
   }



   ul.primary-menu > li.donner > a{
    font-weight:600;

  }
  ul.primary-menu > li.donner > a:after{
    top:-100px;
    background-color:#fd8a1c;
    border-radius:0px 0px 18px 18px;
  }
  ul.primary-menu > li.donner > a:hover:after{
    background-color:#4B2E80;
  }

  ul.primary-menu ul{
    background:#FFFFFF;
    border-radius: 15px;
    padding:15px;
    margin-top:10px; 
  }
  ul.primary-menu ul li a{
    color:#4B2E80;
    font-weight:700;
    padding: 8px 50px 10px 20px;
    text-decoration:none;
    font-size: 16px;
    line-height:1.2;
  } 
  ul.primary-menu ul li a:hover, ul.primary-menu ul li.current-menu-item a{color:#f66b1c;}
  ul.primary-menu ul li a:after{
    background-image: url(../img/thermo-bat.svg);
    content: "";
    display: block;
    opacity:0;
    width:55px;
    height:25px;
    position: absolute;
    right:10px;
    background-size: cover;
    top:0px;
    bottom:0px;
    margin:auto;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  ul.primary-menu ul li.current-menu-item a:after{
    opacity:1;
  }
  /***************************************************************************/
  /**** FOOTER ***************************************************************/
  /***************************************************************************/
  .footer{padding:0px 0px;position:relative;z-index:1;}
  .footer p, .footer a{color:#fff;}
  .footer-top{padding:65px 0px 80px 0px;position:relative;background-color:#0c080d;}
  .footer-top .block-left{margin-bottom:0px;}
  .footer-top .block-left.logo img{margin-bottom:35px;}
  .footer-top p, .footer-top a{font-size:16px;text-decoration:none;}
  .footer .wave{line-height:0em;margin-bottom:-10px;-webkit-transform: scaleX(-1);transform: scaleX(-1);width:100%;}
  .footer-bottom{padding:20px 0px;background-color:#392A41;}
  .footer-bottom p, .footer-bottom a{font-size:13px;text-decoration:none;}


  .footer-top .block-left.logo{width:365px;padding-right:20px;}
  .footer-top .block-left.adresse{width:300px;margin-right:0%;margin-left:40px;}
  .footer-top .block-right.social{width:365px;margin-right:0%;text-align:right;}


  .footer-top .block-left.logo{margin-top:-55px;}
  .footer-top .block-left.adresse{margin-top:35px;}
  .footer-top .block-right.social{margin-top:45px;}

  /***************************************************************************/
  /**** HOME *****************************************************************/
  /***************************************************************************/

  /************************************/
  /**** HERO **************************/
  /************************************/
  .block-home{
    padding:100px 0px;
  }
  .block-home h2{
    color:#fff;
    font-weight:700;
    font-size:52px;
    line-height:1.2em;
  }
  .block-hero{
   padding-top:100px;
   background-image: url(../img/bg-hero.svg);
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   position:relative;
 }
 .block-hero .inner{
   padding: 9% 0px 9% 0px;
   width:600px;
   max-width:45%;
   text-align:center;
 }



 .block-hero h1{color:#fff;font-size:17px;line-height:1.5em;margin:30px 0px;font-weight:300;}
 .block-hero .wave{
  position:absolute;
  bottom:-1px;
  left:0px;
  right:0px;
  width:100%;
}

.block-hero .moon{
  position:absolute;
  z-index:-1;
  bottom:-5%;
  right:3%;
  width:49%;
  max-width:800px;
}

.block-hero .witch{
  position:absolute;
  bottom:10%;
  right:4%;
  width:35%;
  z-index:1;
  max-width:650px;
}




/************************************/
/**** CONTEXT ***********************/
/************************************/
.block-context{
  padding:50px 0px 140px 0px;
  background-color: #0c080d;
  position:relative;
  z-index:3;
}

.block-context h2 span.color{color:#FE9028;}

.block-context .list{
  position:relative;
  z-index:1;
}
.block-context .pic{
  padding-right:60px;
}
.block-context .h2 span{color:#FE9028}
.block-context .wave{
  width:100%;
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:0;
  padding-bottom:30%;
  overflow:hidden;
}
.block-context .wave img{
  width:100%;
}
.block-context p{
  color: #fff;
}

.block-context .custom-cta{
  margin-top:30px;
}

/************************************/
/**** THERMO ************************/
/************************************/
.block-thermometre{
  padding:0px 0px;
  position:absolute;
  bottom:-95px;
  left:0px;
  right:0px;
  z-index:5;
}

.block-thermometre .box{
  padding:40px 60px;
  border-radius:15px;
  background-color:#fff;
  -webkit-box-shadow: 0px 15px 50px 0px rgb(178, 180, 183, 0.5);
  -moz-box-shadow: 0px 15px 50px 0px rgb(178, 180, 183, 0.5);
  box-shadow: 0px 15px 50px 0px rgb(178, 180, 183, 0.5);
  
}
.block-thermometre .thermometre{height:16px;border-radius:8px;background-color:#53338D;}
.block-thermometre .thermometre .inner{height:16px;border-radius:8px;background-color:#FE9028;position:relative;}
.block-thermometre .thermometre .inner:after{
  background-image: url(../img/thermo-bat.svg);
  content: "";
  display: block;
  width:125px;
  height:58px;
  position: absolute;
  right:-65px;
  background-size: cover;
  top:-23px;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.block-thermometre .txt{padding-bottom:10px;}
.block-thermometre .txt p{color:#AEACB1;font-size:13px;text-transform:uppercase;line-height:1em;}
.block-thermometre .number{padding-top:10px;}
.block-thermometre .number p{color:#4B2E80;font-size:32px;font-weight:800;line-height:1em;}

/************************************/
/**** OBJECTIF **********************/
/************************************/
.block-objectif{padding:0px 0px 0px 0px;position:relative;z-index: 2;margin-top:-100px;}
.block-objectif h2 span.color{color:#FE9028;}
.block-objectif .inner{padding:350px 16% 0px 0px;}
.block-objectif p, .block-objectif h2{color:#4B2E80;}
.block-objectif .custom-cta{margin-top:30px;}
.block-objectif .pic{text-align: center;position: absolute;right: 0px;top: 0px;z-index: 2;}
.block-objectif .pic img{width:600px;max-width:100%;}


/************************************/
/**** OUTILS ************************/
/************************************/
.block-outils{
  margin-top:-40px;
  padding:0px 0px 0px 0px;
  background-image: url(../img/bg-color.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position:relative;
}
.block-outils h2 span.color{color:#4B2E80;}
.block-outils .block-left{margin-bottom:-150px;}
.block-outils .block-left.fiches{padding-left:40px;}
.block-outils .inner.txt{padding:100px 10% 100px 0px;}
.block-outils .wave-white{margin-top:-2px;}
.block-outils .wave-white img{width:100%;}
.block-outils .wave{width:100%;height:0;padding-bottom:25%;overflow:hidden;margin-bottom:-12%;}
.block-outils .wave img{width:100%;}
.block-outils .fiche{
  padding: 20px 25px 20px 185px;
  position:relative;
  display:flex;
  width:85%;
  min-height:185px;
  text-decoration:none;
  margin-bottom:30px;
  border-radius:15px;
  background-color:#fff;
  justify-content:left;
  -webkit-box-shadow: 0px 15px 50px 0px #f15407;
  -moz-box-shadow: 0px 15px 50px 0px #f15407;
  box-shadow:0px 15px 50px 0px #f15407;
}
.block-outils p{color:#fff;}
.block-outils .fiche.fiche1{margin-right:15%;margin-top:20px;}
.block-outils .fiche.fiche2{margin-left:15%;position:relative;}
.block-outils .fiche.fiche3{margin-right:15%;margin-bottom:-50px;}
.block-outils .fiche img{position:absolute;left:25px;top:0px;bottom:0px;margin:auto;height:128px;width:128px;}
.block-outils .fiche span{color:#AEACB1;font-size:13px;text-transform:uppercase;line-height:1em;font-weight:400;display:block;padding-bottom:15px;}
.block-outils .fiche h3{margin:0px;padding:0px;color:#4B2E80;font-size:26px;font-weight:800;line-height:1.2em;transition: all 0.2s ease-out 0s;}

.block-outils .fiche:hover h3{color:#FE9028;transition: all 0.2s ease-out 0s;}
.block-outils .custom-cta{margin-top:30px;}


.block-outils .fiche.fiche2:before{
  background-image: url(../img/illustration-bats.png);
  content: "";
  display: block;
  width: 250px;
  height: 228px;
  position: absolute;
  left: -260px;
  bottom: -60px;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.block-outils .txt{padding-right:100px}
/***************************************************************************/
/**** STRUCTURE ************************************************************/
/***************************************************************************/
.page-banner{
  padding-top:100px;
  background-image: url(../img/bg-hero.svg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position:relative;
}

.page-banner .inner{padding:100px 0px 200px 0px;width:50%;max-width:550px;}
.page-banner .wave{position:absolute;bottom:-10px;left:0px;right:0px;width:100%;}
.page-banner h1{color:#fff;font-weight:700;font-size:50px;line-height:1.1em;margin-top:50px;max-width:550px;}
.page-banner .breadcrump{color:#fff;}
body .breadcrumbs{z-index: 2;color: #fff;font-size: 13px;}
body .breadcrumbs a{color: #fff; text-decoration:none;font-weight:500;}
body .breadcrumbs > span{font-weight:500;}
body .breadcrumbs > span:last-child{display:none}
body .breadcrumbs > span:before{
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  padding: 0px 5px;
  color: #fff;
  font-weight: 600;
  font-size: 0.8em;
  top: -1px;
  position: relative;
}
body .breadcrumbs > span:first-child:before{display:none}
.page-banner .perso{
  position:absolute;
  bottom:0%;
  right:6%;
  width:auto;
  max-width:60%;
  z-index:1;
  max-height:450px;
}
.site-content{padding:20px 0 60px 0px;}
.site-content h2{color:#4B2E80;font-size:40px;line-height:1.4em;margin-bottom:20px;padding-bottom:10px;font-weight:800;}
.site-content p, .site-content li{color:#4B2E80;}
.site-content p a{color:#F15C25;text-decoration: underline;}
.site-content h3{color:#4B2E80;font-weight:800;font-size:26px;line-height:1.4em;}

.site-content .thumb{border-radius: 20px;overflow:hidden;line-height:0em;margin-bottom:30px;}
.site-content .thumb img{margin-bottom:0px}
.site-content img{border-radius: 20px;margin-bottom:10px;}



/***************************************************************************/
/**** MISE EN PAGE *********************************************************/
/***************************************************************************/
.su-row .su-column.mauve{
  padding:40px 30px;
  background: transparent linear-gradient(180deg, #4B2E80 0%, #5B3C94 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 50px #140A1D26;
  border-radius: 20px;
}
.su-row .su-column.mauve p, .su-row .su-column.mauve h2, .su-row .su-column.mauve h3, .su-row .su-column.mauve li{color:#fff;}
.su-row .su-column h2, .su-row .su-column h3{margin-top:0px;padding-top:0px}

.su-row .su-column h2{margin-bottom:10px;padding-bottom:10px;}
.su-row .su-column.orange{
  padding:40px 30px;
  background: transparent linear-gradient(180deg, #F15C25 0%, #FE9028 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FE9028 0%, #F15C25 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FE9028 0%, #fd7847 100%) 0% 0% no-repeat padding-box;


  box-shadow: 0px 4px 50px #140A1D26;
  border-radius: 20px;
}
.su-row .su-column.orange p, .su-row .su-column.orange h2, .su-row .su-column.orange h3, .su-row .su-column.orange li{color:#fff;}





.su-row .su-column.orange .su-spoiler-content p, .su-row .su-column.orange .su-spoiler-content h2, .su-row .su-column.orange .su-spoiler-content h3, .su-row .su-column.orange .su-spoiler-content li{color:#4B2E80;}
.su-row .su-column.mauve .su-spoiler-content p, .su-row .su-column.mauve .su-spoiler-content h2, .su-row .su-column.mauve .su-spoiler-content h3, .su-row .su-column.mauve .su-spoiler-content li{color:#4B2E80;}



.su-row.vcenter{display: flex;flex-wrap: wrap;text-align: left;align-items: center;justify-content: center;}

.su-row{padding-top:20px;padding-bottom:15px;}
.su-row .su-column.mauve.su-column-centered, .su-row .su-column.orange.su-column-centered{text-align:center;}

/*.content-area .su-column.orange ol > li:before {
    background-color: #4d3083;
}
*/




/***************************************************************************/
/**** SPOILER **************************************************************/
/***************************************************************************/
.content-area .su-accordion{padding-top:30px;}
.content-area .su-spoiler-style-fancy, .content-area .su-spoiler{background:#fff; border-radius:0px;margin-bottom:15px !important;}
.content-area .su-spoiler-style-default .su-spoiler-content{
  padding: 45px 40px 45px 40px;
  border: none;
  border-top: none;
  outline: none;
  border-radius: 0px 0px 20px 20px;
}
.content-area .su-spoiler-style-default .su-spoiler-content p, .content-area .su-spoiler-style-default .su-spoiler-content h2, .content-area .su-spoiler-style-default .su-spoiler-content h3{
  color: #4B2E80;
}
.content-area .su-spoiler-style-fancy > .su-spoiler-title, .content-area .su-spoiler > .su-spoiler-title{
  color: #ffffff;
  background-color: #f28b2f;
  padding:0px 0px;
  font-size:18px;
  border-radius: 20px  20px  0px  0px;
  outline:none;
  padding: 25px 80px 25px 40px;
  position:relative;
  transition: all 0.3s ease-out 0s;
}



.content-area .su-spoiler-style-fancy .su-spoiler-title:before, .content-area .su-spoiler .su-spoiler-title:before {
  content: "";
  transition: all 0.3s ease-out 0s;
  -webkit-mask: url(/wp-content/themes/ATYPIC/public/img/minus.svg) no-repeat 50% 50%;
  mask: url(/wp-content/themes/ATYPIC/public/img/minus.svg) no-repeat 50% 50%;
  mask-size: 88%;
  background-color:#fff;
  -webkit-mask-size: 88%;
  height: 19px;
  width: 19px;
  position: absolute;
  right:25px;
  z-index:1;
  top:26px;
}
.content-area .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title:before, .content-area .su-spoiler.su-spoiler-closed > .su-spoiler-title:before{
  top:26px;
  -webkit-mask: url(/wp-content/themes/ATYPIC/public/img/plus.svg) no-repeat 50% 50%;
  mask: url(/wp-content/themes/ATYPIC/public/img/plus.svg) no-repeat 50% 50%;
}


.content-area .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title:after, .content-area .su-spoiler.su-spoiler-closed > .su-spoiler-title:after{top: -50px;background-color: #34aaa3;}


.content-area .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title, .content-area .su-spoiler.su-spoiler-closed > .su-spoiler-title{
  color: #ffffff;
  background-color: #4b2e80;
  border-radius: 20px  20px  20px  20px;
  outline: none;
  padding: 25px 80px 25px 40px;
  transition: all 0.3s ease-out 0s;
}


.content-area .su-accordion .su-spoiler, .content-area .su-accordion .su-spoiler-style-fancy{
  overflow:hidden;
  border-radius:20px;
  -webkit-box-shadow: 0px 15px 25px 0px rgb(126, 126, 126, 0.2);
  -moz-box-shadow: 0px 15px 25px 0px rgb(126, 126, 126, 0.2);
  box-shadow: 0px 15px 25px 0px rgb(126, 126, 126, 0.2);
  transition: all 0.3s ease-out 0s;
}


.content-area .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title:hover, 
.content-area .su-spoiler.su-spoiler-closed > .su-spoiler-title:hover{
  background:#2f2f2f;
  color: #ffffff;
  transition: all 0.3s ease-out 0s;
}



.content-area .su-spoiler.su-spoiler-closed > .su-spoiler-title{border-bottom:none;outline:none;}
.content-area .su-spoiler-icon, .content-area .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon{display:none;}


/***************************************************************************/
/**** GRAVITY **************************************************************/
/***************************************************************************/
.content-area .gf_browser_chrome.gform_wrapper{display:block!important;overflow:hidden;}
.content-area .gform_wrapper .gform_footer input.button{
  position: relative;
  font-size: 16px;
  padding: 15px 35px 15px 35px;
  display: inline-block;
  border-radius: 35px;
  font-weight: 600;
  color: #fff;
  text-decoration: none!important;
  line-height: 1.3em;
  z-index: 2;
  margin-right: 10px;
  text-align: center;
  background-color: #FE9028;
}
.content-area .gform_wrapper .gform_footer input.button:hover {
  background-color: #2f2f2f;
  color: #fff;
}


.content-area .gform_wrapper input[type="text"], .content-area .gform_wrapper input[type="textarea"], .content-area .gform_wrapper select {
  border: 3px solid #dbdbdb;
  padding:8px 15px!important;
  margin-bottom: 10px!important;
  display: block;
  border-radius:30px;
  margin-top:10px;
  max-width: 100%;
  outline:none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left:0px!important;
}

.content-area .gform_wrapper input[type="text"]:focus, .content-area .gform_wrapper input[type="textarea"]:focus, .content-area .gform_wrapper select:focus{
  border: 3px solid #FE9028;
}

.content-area .gform_wrapper ul.gform_fields li.gfield{padding:20px 0px 20px 0px; margin:0px 0px 0px 0px;}


.content-area .gform_wrapper select{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/wp-content/themes/ATYPIC/public/img/select.svg);
  background-repeat: no-repeat;
  background-position-x: 99%;
  background-position-y: 10px;
  padding-right: 20px;
}


.content-area .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{font-size:12px;}




.content-area .gform_wrapper .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons a{
  position:relative;top:17px;
}
.content-area .gform_wrapper .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons{
  min-width: 30px;
  width: 30px!important;
}


.content-area .gform_wrapper .field_description_below .gfield_description{
  padding-top:0px;
}
/******************************************/
/**** RADIO *******************************/
/******************************************/
.content-area .gform_wrapper .gfield_radio li input[type="radio"] {opacity: 0;width:0px;height:0px;margin:0px;padding:0px;}
.content-area .gform_wrapper .gfield_radio li label{position: relative;padding-left:45px;padding-top:9px;padding-bottom:8px;}
.content-area .gform_wrapper .gfield_radio li label:after{
  content: "";
  display: inline-block;
  position: absolute;
  height:30px;
  width:30px;
  top:5px;
  left:0px;
  background-image:url(/wp-content/themes/ATYPIC/public/img/radio.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
}
.content-area .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label:after{background-image: url(/wp-content/themes/ATYPIC/public/img/radio-checked.svg);}




/******************************************/
/**** CHECKBOX ****************************/
/******************************************/
.content-area .gform_wrapper .gfield_checkbox li input[type="checkbox"] {opacity: 0;width:0px;height:0px;margin:0px;padding:0px;}
.content-area .gform_wrapper .gfield_checkbox li label{position: relative;padding-left:45px;padding-top:9px;padding-bottom:8px;}
.content-area .gform_wrapper .gfield_checkbox li label:after{
  content: "";
  display: inline-block;
  position: absolute;
  height:30px;
  width:30px;
  top:5px;
  left:0px;
  background-image:url(/wp-content/themes/ATYPIC/public/img/check.svg);
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:100% 100%;
}
.content-area .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label:after{background-image: url(/wp-content/themes/ATYPIC/public/img/check-checked.svg);}




/******************************************/
/**** ERROR *******************************/
/******************************************/
.content-area .gform_wrapper div.validation_error{
  color: #F64A50;
  margin-bottom:25px;
  border:3px solid #F64A50;
  padding:15px 100px;
  border-radius:50px;
}

.content-area .gform_wrapper .gfield_error .gfield_label {
  color:#4B2E80;
}

.content-area .gform_wrapper li.gfield.gfield_error, .content-area .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color:#fff;
  margin-bottom: 6px!important;
  border-top:none;
  border-bottom:none;
}
.gform_wrapper .validation_message {
  color:#F64A50!important;
  padding-top:0px!important;
}

.content-area .gform_wrapper .gfield_error input[type="text"], .content-area .gform_wrapper .gfield_error input[type="textarea"], .content-area .gform_wrapper .gfield_error select {
  border: 3px solid #F64A50!important;
}

.content-area .gform_wrapper .gfield_error  input[type="text"]:focus, .content-area .gform_wrapper .gfield_error input[type="textarea"]:focus, .content-area .gform_wrapper .gfield_error select:focus{
  border: 3px solid #FE9028!important;
}


.content-area .gform_wrapper .gfield_radio li label:after{background-image:url(/wp-content/themes/ATYPIC/public/img/radio.svg);}
.content-area .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label:after{background-image: url(/wp-content/themes/ATYPIC/public/img/radio-checked.svg);}
.content-area .gform_wrapper .gfield_checkbox li label:after{background-image:url(/wp-content/themes/ATYPIC/public/img/check.svg);}
.content-area .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label:after{background-image: url(/wp-content/themes/ATYPIC/public/img/check-checked.svg);}




/******************************************/
/**** ERROR *******************************/
/******************************************/
.wrapperSmall .fiches p{
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  align-items: center;
  margin-bottom:25px;
  

}

.wrapperSmall .fiches .fiche{
  padding: 30px 20px 30px 140px;
  position:relative;
  display:flex;
  width:100%;
  text-decoration:none;
  margin-bottom:0px;
  justify-content:left;
  flex-direction: column;
  color:#4B2E80;
  font-size:22px;
  font-weight:800;border-radius:15px;
  line-height:1.2em;   background-color:#fff;
  -webkit-box-shadow: 0px 15px 50px 0px rgb(178, 180, 183, 0.5);
  -moz-box-shadow: 0px 15px 50px 0px rgb(178, 180, 183, 0.5);
  box-shadow: 0px 15px 50px 0px rgb(178, 180, 183, 0.5);
}
.wrapperSmall .fiches .fiche:hover{color:#FE9028;transition: all 0.2s ease-out 0s;}

.wrapperSmall .fiches .fiche strong{color:#AEACB1;font-size:13px;text-transform:uppercase;line-height:1em;font-weight:400;display:block;padding-bottom:15px;}
.wrapperSmall .fiches .fiche:after{
  content: "";
  display: inline-block;
  position: absolute;
  height:90px;
  width:90px;
  left:20px;
  top:0px;
  bottom:0px;
  margin:auto;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
}
.wrapperSmall .fiches .fiche.type1:after{background-image:url(/wp-content/themes/ATYPIC/public/img/icon-1.svg);}
.wrapperSmall .fiches .fiche.type2:after{background-image:url(/wp-content/themes/ATYPIC/public/img/icon-2.svg);}
.wrapperSmall .fiches .fiche.type3:after{background-image:url(/wp-content/themes/ATYPIC/public/img/icon-3.svg);}


.wrapperSmall .fiches .su-column.su-column-size-1{width:100%;}

.wrapperSmall .ficheDescription{
  padding:0px 0px 0px 0px;
  display:block;
  margin-top: -30px;
  margin-bottom:30px;
}


.wrapperSmall .fiches .ficheDescription{
  padding:55px 20px 35px 140px;
  margin-top:-50px;
  display:block;
  border-radius:15px;
  background-color:#fff;
  -webkit-box-shadow: 0px 15px 50px 0px rgb(178, 180, 183, 0.5);
  -moz-box-shadow: 0px 15px 50px 0px rgb(178, 180, 183, 0.5);
  box-shadow: 0px 15px 50px 0px rgb(178, 180, 183, 0.5);
  margin-bottom:-20px;
}





.menu-menu-pied-de-page-en-container, .menu-menu-pied-de-page-fr-container{display:inline-block;vertical-align:middle;margin-right:0px;}
.footer-bottom .footer-menu li{display:inline-block;margin:0px;}
.footer-bottom .footer-menu a{padding:5px 10px 5px 5px;margin-right:10px;position:relative;}
.footer-bottom .footer-menu a:after{
  content: "";
  display: inline-block;
  background-color:#fff;
  height:10px;
  width:1px;
  position:relative;
  left:12px;
  top:0px;


}
.footer-bottom .block-right p{display:inline-block;vertical-align:middle;margin-top:17px;}
.footer-bottom .block-1-3{margin-right:0px;}



/******************************************/
/**** CANCER ******************************/
/******************************************/
.block-cancer .zone .inner1{position:relative;padding:0px 0px 0px 150px;}
.block-cancer .zone img{position:absolute;left:0px;top:0px;}
.block-cancer .zone .deco{position:relative;height:3px;width:100%;background-color:#DEDDDF;text-align:center;margin:100px 0px 80px 0px;}
.block-cancer .zone .deco span{
  color: #DEDDDF;
  display: inline-block;
  padding: 3px 5px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  font-weight: 600;
  font-size: 18px;
  bottom: 0px;
  width: 40px;
  text-align: center;
  height: 30px;
  margin: auto;
  background-color: #fff;
}
.block-cancer .zone:first-of-type .deco{display:none}
.block-cancer .zone:last-child{padding-bottom:50px;}
.page-cancer .inner{position:relative;}






.page-cancer .block-nav{
  padding:40px 30px; width:28%;
  margin:0px 0% 0px 6%;
  background:transparent linear-gradient(180deg, #4B2E80 0%, #5B3C94 100%) 0% 0% no-repeat padding-box;
  box-shadow:0px 4px 50px #140A1D26;
  border-radius:20px;
}






.page-cancer .block-nav li, .page-cancer .block-nav ul, .page-cancer .block-nav ol{
  padding:0px;
  margin:0px;
}

.page-cancer .block-nav li{margin:12px 0px;}
.page-cancer .block-nav li:last-child{margin:12px 0px 0px 0px;}
.page-cancer .block-nav li:before{
  display:none
}
.page-cancer .block-nav a{
  color:#ded1fc;
  font-size:16px;
  font-weight:500;
  line-height:1.2em;
  display:inline-block;
  position:relative;
  padding-left:40px;
  text-decoration:none;
}

.page-cancer .block-nav a span.num{
 font-weight:800;
 color: #fff;
 position:absolute;
 left:0px;
 top:0px;
 margin-right:10px;
}

.page-cancer .block-nav a:hover{
  color:#fff;

}



.page-cancer .block-nav h3{
  color:#A48DD9;text-transform:uppercase;font-size:14px;margin-top:0px;padding-top:0px;padding-bottom:15px;
}




.page-cancer .block-right.block-1-3.block-nav{
 position:sticky;
 top:30px;
}


.page-cancer .block-nav h3{color:#fff;}


.page-cancer .block-nav a{color:#ded1fc;color:#A48DD9;}


.block-nav a.active{color:#fff;}



/******************************************/
/**** BLOCK HERO **************************/
/******************************************/

#block-hero{
  max-height:950px;
  overflow:hidden;
  background-image: url(../img/bg-hero.svg);
  position:relative;
  height:950px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; 
  display:flex;
  align-items: center;
  padding-top:100px 
  padding-bottom:0;
}
#block-hero:before{
 background-image: url(../img/bg-dark-wave-2.svg);
 position: absolute;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: top center;
 bottom: -1px;
 left: 0px;
 right: 0px;
 bottom:0;
 width: 100%;
 content:"";
 height:135px;
 z-index:3;
}
#block-hero .wrapper{height:100%; display:flex; align-items: center; z-index:3; padding-bottom:20px;}
#block-hero .wrapper .inner{ width:100%; max-width: 600px; text-align: center; position: relative;}
#block-hero .wrapper .inner img{display:flex; width:100%;}
#block-hero .wrapper .inner p{color:#fff; margin-top:30px;}
#block-hero .wrapper .inner .ctas{display: flex; flex-direction: row;}
#block-hero .wrapper .inner .ctas a{flex:1;}
#block-hero .img{   
  background-color: #fff;
  position: absolute;
  z-index: 1;
  right:-15%; 
  padding:7%; 
  width:72%;
  margin-top:100px;
  border-radius:100%;
  background: transparent linear-gradient(180deg, rgba(255, 128, 0, 1) 0%, rgba(253, 136, 27, 1) 100%) 0% 0% no-repeat padding-box;
  
  overflow:hidden;
}
#block-hero .img:before{
  background-image: url(../img/bg-stars.svg);
  background-position: center;
  background-size: initial;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  z-index: 10;
  opacity: 0.65;
}
#block-hero .img .inner{ 
  overflow:hidden;
  background-color:#FFA319;
  height:100%;
  width:100%;
  border-radius:100%;
  padding:12%;
  position:relative;
  z-index:11;
}
#block-hero .img .inner:before{
  background-image: url(../img/bg-stars.svg);
  background-position: left;
  background-size: initial;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  z-index: 10;
  opacity: 0.7;
}
#block-hero .img .inner div{height:100%; width:100%; background-size: cover; background-position: center; background-repeat: no-repeat;border-radius: 100%; overflow: hidden;}

#block-hero.header-page{height:700px!important;}
#block-hero.header-page .img{width:58%; right:-14%;}
#block-hero.header-page .wrapper .inner{max-width:700px; text-align: left;}

#block-hero.header-page .wrapper .inner h1{
  color: #fff;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.1em; 
  max-width: 550px;
  margin-top:30px!important;
  padding-top:0!important;
}
#block-hero.header-page:before{ background-image: url(../img/bg-white-wave-2.svg);}