/* Icons */

.icon {
    background-image: url('/assets/img2022/icons.svg');
    background-repeat: no-repeat;
    background-size: auto;
    display: inline-block;
}

.icon.home-darkdarkblue.sm {
    background-position: 0 0;
}
.icon.notebook-darkdarkblue.sm {
    background-position: top -36px left 0;
}
.icon.call-darkdarkblue.sm {
    background-position: top -72px left 0;
}
.icon.visio-darkdarkblue.sm {
    background-position: top -107px left 0;
}
.icon.chat-darkdarkblue.sm {
    background-position: top -143px left 0;
}
.icon.mail-darkdarkblue.sm {
    background-position: top -178px left 0;
}
.icon.rdv-darkdarkblue.sm {
    background-position: top -214px left 0;
}
.icon.clock-darkdarkblue.sm {
    background-position: top -250px left 0;
}
.icon.rect3-darkdarkblue.sm {
    background-position: top -286px left 0;
}
.icon.cloud-darkdarkblue.sm {
    background-position: top -321px left 0;
}
.icon.star-darkdarkblue.sm {
    background-position: top -356px left 0;
}
.icon.people-darkdarkblue.sm {
    background-position: top -391px left 0;
}

.icon.home-yellow.sm {
    background-position: top 0 left -19px;
}
.icon.notebook-yellow.sm {
    background-position: top -36px left -19px;
}
.icon.call-yellow.sm {
    background-position: top -72px left -19px;
}
.icon.visio-yellow.sm {
    background-position: top -107px left -19px;
}
.icon.chat-yellow.sm {
    background-position: top -143px left -19px;
}
.icon.mail-yellow.sm {
    background-position: top -178px left -19px;
}
.icon.rdv-yellow.sm {
    background-position: top -214px left -19px;
}
.icon.clock-yellow.sm {
    background-position: top -250px left -19px;
}
.icon.rect3-yellow.sm {
    background-position: top -286px left -19px;
}
.icon.cloud-yellow.sm {
    background-position: top -321px left -19px;
}
.icon.star-yellow.sm {
    background-position: top -356px left -19px;
}
.icon.people-yellow.sm {
    background-position: top -391px left -19px;
}

.icon.home-darkblue.sm {
    background-position: top 0 left -37px;
}
.icon.notebook-darkblue.sm {
    background-position: top -36px left -37px;
}
.icon.call-darkblue.sm {
    background-position: top -72px left -37px;
}
.icon.visio-darkblue.sm {
    background-position: top -107px left -37px;
}
.icon.chat-darkblue.sm {
    background-position: top -143px left -37px;
}
.icon.mail-darkblue.sm {
    background-position: top -178px left -37px;
}
.icon.rdv-darkblue.sm {
    background-position: top -214px left -37px;
}
.icon.clock-darkblue.sm {
    background-position: top -250px left -37px;
}
.icon.rect3-darkblue.sm {
    background-position: top -286px left -37px;
}
.icon.cloud-darkblue.sm {
    background-position: top -321px left -37px;
}
.icon.star-darkblue.sm {
    background-position: top -356px left -37px;
}
.icon.people-darkblue.sm {
    background-position: top -391px left -37px;
}

.icon.home-darkdarkblue.md {
    background-position: 0 0;
}
.icon.notebook-darkdarkblue.md {
    background-position: top -48px left 0;
}
.icon.call-darkdarkblue.md {
    background-position: top -96px left 0;
}
.icon.visio-darkdarkblue.md {
    background-position: top -143px left 0;
}
.icon.chat-darkdarkblue.md {
    background-position: top -191px left 0;
}
.icon.mail-darkdarkblue.md {
    background-position: top -237px left 0;
}
.icon.rdv-darkdarkblue.md {
    background-position: top -285px left 0;
}
.icon.clock-darkdarkblue.md {
    background-position: top -333px left 0;
}
.icon.rect3-darkdarkblue.md {
    background-position: top -381px left 0;
}
.icon.cloud-darkdarkblue.md {
    background-position: top -428px left 0;
}
.icon.star-darkdarkblue.md {
    background-position: top -475px left 0;
}
.icon.people-darkdarkblue.md {
    background-position: top -521px left 0;
}

.icon.home-yellow.md {
    background-position: top 0 left -25px;
}
.icon.notebook-yellow.md {
    background-position: top -48px left -25px;
}
.icon.call-yellow.md {
    background-position: top -96px left -25px;
}
.icon.visio-yellow.md {
    background-position: top -143px left -25px;
}
.icon.chat-yellow.md {
    background-position: top -191px left -25px;
}
.icon.mail-yellow.md {
    background-position: top -237px left -25px;
}
.icon.rdv-yellow.md {
    background-position: top -285px left -25px;
}
.icon.clock-yellow.md {
    background-position: top -333px left -25px;
}
.icon.rect3-yellow.md {
    background-position: top -381px left -25px;
}
.icon.cloud-yellow.md {
    background-position: top -428px left -25px;
}
.icon.star-yellow.md {
    background-position: top -475px left -25px;
}
.icon.people-yellow.md {
    background-position: top -521px left -25px;
}

.icon.home-darkblue.md {
    background-position: top 0 left -49px;
}
.icon.notebook-darkblue.md {
    background-position: top -48px left -49px;
}
.icon.call-darkblue.md {
    background-position: top -96px left -49px;
}
.icon.visio-darkblue.md {
    background-position: top -143px left -49px;
}
.icon.chat-darkblue.md {
    background-position: top -191px left -49px;
}
.icon.mail-darkblue.md {
    background-position: top -237px left -49px;
}
.icon.rdv-darkblue.md {
    background-position: top -285px left -49px;
}
.icon.clock-darkblue.md {
    background-position: top -333px left -49px;
}
.icon.rect3-darkblue.md {
    background-position: top -381px left -49px;
}
.icon.cloud-darkblue.md {
    background-position: top -428px left -49px;
}
.icon.star-darkblue.md {
    background-position: top -475px left -49px;
}
.icon.people-darkblue.md {
    background-position: top -521px left -49px;
}

.icon.home-darkdarkblue.lg {
    background-position: top 0px left -2px;
}
.icon.notebook-darkdarkblue.lg {
    background-position: top -71px left -2px;
}
.icon.call-darkdarkblue.lg {
    background-position: top -143px left -2px;
}
.icon.visio-darkdarkblue.lg {
    background-position: top -215px left -2px;
}
.icon.chat-darkdarkblue.lg {
    background-position: top -285px left -2px;
}
.icon.mail-darkdarkblue.lg {
    background-position: top -357px left -2px;
}
.icon.rdv-darkdarkblue.lg {
    background-position: top -428px left -2px;
}
.icon.clock-darkdarkblue.lg {
    background-position: top -501px left -2px;
}
.icon.rect3-darkdarkblue.lg {
    background-position: top -572px left -2px;
}
.icon.cloud-darkdarkblue.lg {
    background-position: top -645px left -2px;
}
.icon.star-darkdarkblue.lg {
    background-position: top -715px left -2px;
}
.icon.people-darkdarkblue.lg {
    background-position: top -782px left -2px;
}

.icon.home-yellow.lg {
    background-position: top 0 left -42px;
}
.icon.notebook-yellow.lg {
    background-position: top -71px left -42px;
}
.icon.call-yellow.lg {
    background-position: top -143px left -42px;
}
.icon.visio-yellow.lg {
    background-position: top -215px left -42px;
}
.icon.chat-yellow.lg {
    background-position: top -285px left -42px;
}
.icon.mail-yellow.lg {
    background-position: top -357px left -42px;
}
.icon.rdv-yellow.lg {
    background-position: top -428px left -42px;
}
.icon.clock-yellow.lg {
    background-position: top -501px left -42px;
}
.icon.rect3-yellow.lg {
    background-position: top -572px left -42px;
}
.icon.cloud-yellow.lg {
    background-position: top -645px left -42px;
}
.icon.star-yellow.lg {
    background-position: top -715px left -42px;
}
.icon.people-yellow.lg {
    background-position: top -782px left -42px;
}

.icon.home-darkblue.lg {
    background-position: top 0 left -78px;
}
.icon.notebook-darkblue.lg {
    background-position: top -71px left -78px;
}
.icon.call-darkblue.lg {
    background-position: top -143px left -78px;
}
.icon.visio-darkblue.lg {
    background-position: top -215px left -78px;
}
.icon.chat-darkblue.lg {
    background-position: top -285px left -78px;
}
.icon.mail-darkblue.lg {
    background-position: top -357px left -78px;
}
.icon.rdv-darkblue.lg {
    background-position: top -428px left -78px;
}
.icon.clock-darkblue.lg {
    background-position: top -501px left -78px;
}
.icon.rect3-darkblue.lg {
    background-position: top -572px left -78px;
}
.icon.cloud-darkblue.lg {
    background-position: top -645px left -78px;
}
.icon.star-darkblue.lg {
    background-position: top -715px left -78px;
}
.icon.people-darkblue.lg {
    background-position: top -782px left -78px;
}

.icon.home-darkdarkblue.mds {
    background-position: top 0px left -1px;
}
.icon.notebook-darkdarkblue.mds {
    background-position: top -48px left -1px;
}
.icon.call-darkdarkblue.mds {
    background-position: top -96px left -1px;
}
.icon.visio-darkdarkblue.mds {
    background-position: top -143px left -1px;
}
.icon.chat-darkdarkblue.mds {
    background-position: top -190px left -1px;
}
.icon.mail-darkdarkblue.mds {
    background-position: top -239px left -1px;
}
.icon.rdv-darkdarkblue.mds {
    background-position: top -286px left -1px;
}
.icon.clock-darkdarkblue.mds {
    background-position: top -334px left -1px;
}
.icon.rect3-darkdarkblue.mds {
    background-position: top -382px left -1px;
}
.icon.cloud-darkdarkblue.mds {
    background-position: top -430px left -1px;
}
.icon.star-darkdarkblue.mds {
    background-position: top -477px left -1px;
}
.icon.people-darkdarkblue.mds {
    background-position: top -522px left -1px;
}

.icon.home-yellow.mds {
    background-position: top 0px left -28px;
}
.icon.notebook-yellow.mds {
    background-position: top -48px left -28px;
}
.icon.call-yellow.mds {
    background-position: top -96px left -28px;
}
.icon.visio-yellow.mds {
    background-position: top -143px left -28px;
}
.icon.chat-yellow.mds {
    background-position: top -190px left -28px;
}
.icon.mail-yellow.mds {
    background-position: top -239px left -28px;
}
.icon.rdv-yellow.mds {
    background-position: top -286px left -28px;
}
.icon.clock-yellow.mds {
    background-position: top -334px left -28px;
}
.icon.rect3-yellow.mds {
    background-position: top -382px left -28px;
}
.icon.cloud-yellow.mds {
    background-position: top -430px left -28px;
}
.icon.star-yellow.mds {
    background-position: top -477px left -28px;
}
.icon.people-yellow.mds {
    background-position: top -522px left -28px;
}

.icon.home-darkblue.mds {
    background-position: top 0px left -51px;
}
.icon.notebook-darkblue.lmds{
    background-position: top -48px left -51px;
}
.icon.call-darkblue.mds {
    background-position: top -96px left -51px;
}
.icon.visio-darkblue.mds {
    background-position: top -143px left -51px;
}
.icon.chat-darkblue.mds {
    background-position: top -190px left -51px;
}
.icon.mail-darkblue.mds {
    background-position: top -239px left -51px;
}
.icon.rdv-darkblue.mds {
    background-position: top -286px left -51px;
}
.icon.clock-darkblue.mds {
    background-position: top -334px left -51px;
}
.icon.rect3-darkblue.mds {
    background-position: top -382px left -51px;
}
.icon.cloud-darkblue.mds {
    background-position: top -430px left -51px;
}
.icon.star-darkblue.mds {
    background-position: top -477px left -51px;
}
.icon.people-darkblue.mds {
    background-position: top -522px left -51px;
}

.icon.xs {

}
.icon.sm {
  width: 21px;
  height: 15px;
  background-size: 54px 810px;

}
.icon.md {
  width: 28px;
  height: 20px;
  
}
.icon.mds {
  width: 20px;
  height: 20px;
  /*background-size: 104px auto;*/
}

.icon.lg {
  width: 30px;
  height: 30px;
  background-size: 108px 1620px;
}

i.ycircle, span.ycircle, img.ycircle {
    border: 1px solid var(--yellow);
    border-radius: 50%;
}

i.yiconcircle {
    border: 1px solid var(--yellow);
    border-radius: 50%;
}
i.lg {
    font-size: 1.8rem; 
    color: var(--yellow);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

i.md {
    font-size: 1.4rem; 
    color: var(--yellow);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

/*.bi-phone-cust::before {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28 28' style='enable-background:new 0 0 28 28;' xml:space='preserve'><style type='text/css'>    .st0{fill:none;}    .st1{fill:none;stroke:%23F9B233;stroke-miterlimit:10;}</style><g>    <rect class='st0' width='28' height='28'/>    <g>        <path class='st1' d='M8.59,19.41C4.05,14.86,2.86,9.19,5.83,6.22l1.39-1.39c1.13-1.13,2.42-0.59,3.55,0.54s1.67,2.42,0.54,3.55            l-1.39,1.39c-0.11,0.39-1.27,2.96,1.77,6s5.61,1.88,6.11,1.69l1.28-1.31c1.13-1.13,2.42-0.59,3.55,0.54            c1.13,1.13,1.67,2.42,0.54,3.55l-1.39,1.39C18.81,25.14,13.14,23.95,8.59,19.41z'/>        <line class='st0' x1='5.83' y1='6.22' x2='9.92' y2='10.31'/>        <line class='st0' x1='17.81' y1='18' x2='21.88' y2='22.07'/>    </g></g></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}*/

.bi-phone-cust {
  background-image: url("data:image/svg+xml,<svg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28 28' style='enable-background:new 0 0 28 28;' xml:space='preserve'><style type='text/css'>    .st0{fill:none;}    .st1{fill:none;stroke:%23F9B233;stroke-miterlimit:10;}</style><g>    <rect class='st0' width='28' height='28'/>    <g>        <path class='st1' d='M8.59,19.41C4.05,14.86,2.86,9.19,5.83,6.22l1.39-1.39c1.13-1.13,2.42-0.59,3.55,0.54s1.67,2.42,0.54,3.55            l-1.39,1.39c-0.11,0.39-1.27,2.96,1.77,6s5.61,1.88,6.11,1.69l1.28-1.31c1.13-1.13,2.42-0.59,3.55,0.54            c1.13,1.13,1.67,2.42,0.54,3.55l-1.39,1.39C18.81,25.14,13.14,23.95,8.59,19.41z'/>        <line class='st0' x1='5.83' y1='6.22' x2='9.92' y2='10.31'/>        <line class='st0' x1='17.81' y1='18' x2='21.88' y2='22.07'/>    </g></g></svg>");
  height:32px;
  width:32px;
  background-repeat: no-repeat;
  display: inline-block;
  /*background-size: 1rem 1rem;*/
}
i.lg-cust {
    font-size: 1.8rem; 
    color: var(--yellow);
    padding: 1.5rem;
    background-color: var(--white);
}

i.md-cust {
    font-size: 1.6rem; 
    color: var(--yellow);
    padding: 1.3rem;
    background-color: var(--white);
}

i.sm-cust {
    font-size: 1.4rem; 
    color: var(--yellow);
    padding: 0.9rem;
    background-color: var(--white);
}

i.xs-cust {
    font-size: 0.9rem; 
    color: var(--yellow);
    padding: 0.7rem;
    background-color: var(--white);
}

i.xxs-cust {
    font-size: 0.85rem; 
    color: var(--yellow);
    padding: 0.5rem;
}

/* SCS */
@font-face {
  font-family: 'scs';
  src:  url('/assets/fonts2022/scs.eot?qnumq5');
  src:  url('/assets/fonts2022/scs.eot?qnumq5#iefix') format('embedded-opentype'),
    url('/assets/fonts2022/scs.ttf?qnumq5') format('truetype'),
    url('/assets/fonts2022/scs.woff?qnumq5') format('woff'),
    url('/assets/fonts2022/scs.svg?qnumq5#scs') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'scs' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-disconnect:before {
  content: "\e90e";
}
.icon-calendar:before {
  content: "\e90c";
/*  color: #f9b233;*/
}
.icon-entretiens:before {
  content: "\e90d";
/*  color: #f9b233;*/
}
.icon-chat:before {
  content: "\e900";
  /*color: #f9b233;*/
}
.icon-clock:before {
  content: "\e901";
  /*color: #f9b233;*/
}
.icon-cloud:before {
  content: "\e902";
  /*color: #f9b233;*/
}
.icon-home:before {
  content: "\e903";
  /*color: #f9b233;*/
}
.icon-mail:before {
  content: "\e904";
  /*color: #f9b233;*/
}
.icon-notebook:before {
  content: "\e905";
  /*color: #f9b233;*/
}
.icon-people:before {
  content: "\e906";
  /*color: #f9b233;*/
}
.icon-phone:before {
  content: "\e907";
  /*color: #f9b233;*/
}
.icon-pin:before {
  content: "\e908";
  /*color: #f9b233;*/
}
.icon-rect3:before {
  content: "\e909";
  /*color: #f9b233;*/
}
.icon-star:before {
  content: "\e90a";
  /*color: #f9b233;*/
}
.icon-visio:before {
  content: "\e90b";
  /*color: #f9b233;*/
}