/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 févr. 2023, 08:59:14
    Author     : Fred
*/
html{scroll-behavior:smooth;}
body{
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
}


h1,h2,h3,h4,h5{
    display:inline-block;
    line-height:1.3;
    font-weight:normal}
.bg-position-top{
    background-position:50% 0}
.bg-position-middle{
    background-position:50% 50%}
.bg-position-bottom{
    background-position:50% 100%}

.page:before{
    content:"";position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    filter:alpha(opacity=40);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";opacity:0.4}

section.full {
    height: 93%;
}
a,
a:link{
    color:inherit;
    filter:alpha(opacity=85);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    opacity:0.85}
a:hover,a:focus,a:active{
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity:1;
    -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

ul,ol{
    display:inline-block;
    text-align:left;
    /*max-width:50%*/
}

/*.container{position:relative;display:table-cell;width:100%;vertical-align:middle;padding:1em 2em;z-index:1}*/
/*.content{max-width:900px;margin:0 auto}
.social-links:empty{outline:1px solid yellow}
.social-links{padding:1em 0;vertical-align:middle}
.social-links a{padding:0 0.3em;line-height:normal}
.hosting-info{position:absolute;display:block;bottom:0;left:0;right:0;padding:1em;font-size:0.8em}
.hosting-info p{margin:0;padding:0;font-size:12px}.overlay-dark{background-color:#333}
.overlay-dark:before{background-color:#333}.overlay-bright{background-color:white}
.overlay-bright:before{
    background-color:white;filter:alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity:0.7}*/
@media screen{
    .page[class]{
        background-image:url("https://assets.storage.infomaniak.website/images/background/unsplash/2Q8zDWkj0Yw-medium.jpg")}
}
body.debug:after{
    content:"default";position:fixed;left:0;bottom:0;background-color:white;color:black;padding:0.5em;font-size:10px;text-transform:uppercase}
@media screen and (max-width: 640px)
{
    body.debug:after{content:"small"}
    h1{font-size:2em}ul,ol{max-width:none}
    .page{min-width:300px}
    /*    .page .container{padding:3em}*/
    .page,.page[class]{background-image:url("https://assets.storage.infomaniak.website/images/background/unsplash/2Q8zDWkj0Yw-small.jpg")}
}
@media screen and (min-width: 641px) and (max-width: 1199px),(min-height:500px) and (max-height: 1199px)
{
    body.debug:after
    {
        content:"medium"}
    .page,.page[class]
    {
        background-image:url("https://assets.storage.infomaniak.website/images/background/unsplash/2Q8zDWkj0Yw-medium.jpg")
    }
}
@media screen and (min-width: 1200px)
{
    body.debug:after
    {
        content:"large"
            .page,.page[class]{background-image:url("https://assets.storage.infomaniak.website/images/background/unsplash/2Q8zDWkj0Yw-large.jpg")}
    }
    .page .fallback-bg{
        display:none}
    .ie8 .page .fallback-bg{
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        height:100%;
        max-width:inherit;
        z-index:0}
    p{font-size: 18px;
      line-height: 1.67em;
    color:#666;}
    ul li {
        font-size: 18px;
        line-height: 1.67em;
        color:#666;
    }
ol li {
        font-size: 18px;
        line-height: 1.67em;
        color:#666;
    }
}

.masthead {
    padding-top: calc(2rem + 24px);
    padding-bottom: 2rem;
}
.masthead .masthead-heading {
    font-size: 2.75rem;
    line-height: 2.75rem;
}
.masthead .masthead-interheading {
    font-size: 1.85rem;
}
.masthead .masthead-subheading {
    font-size: 1.25rem;
}
.masthead .masthead-avatar {
    width: 6rem;
}


.avatar {
    width: 7rem;
    height: Auto;
    border-width: 1;
}

@media (min-width: 652px) {
    .masthead {
        padding-top: calc(6rem + 2px);
        padding-bottom: 6rem;
    }
    .masthead .masthead-heading {
        font-size: 4rem;
        line-height: 3.5rem;
    }
    .masthead .masthead-subheading {
        font-size: 1.5rem;
    }
}
.divider-custom {
    margin: 1.25rem 0 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.divider-custom .divider-custom-line {
    width: 100%;
    max-width: 7rem;
    height: 0.25rem;
    background-color: #2c3e50;
    border-radius: 1rem;
    border-color: #2c3e50;
}
.divider-custom .divider-custom-line:first-child {
    margin-right: 1rem;
}
.divider-custom .divider-custom-line:last-child {
    margin-left: 1rem;
}
.divider-custom .divider-custom-icon {
    color: #2c3e50;
    font-size: 2rem;
}
.divider-custom.divider-light .divider-custom-line {
    background-color: #fff;
}
.divider-custom.divider-light .divider-custom-icon {
    color: #fff;
}

.bg-blue {
    background-color: #abcbf6 ;
}

/*color*/

/*****************************************************************************
*   couleurs
*/
.blanc
{
    color:white;
}
.red {
    color: red;
}

.serenity
{
    background-color:#92A8D1 !important;
}
.rose-quartz
{
    background-color: #F7CAC9 !important;
}
.orange {
    color: orange;
}
.bg-grey {
    background-color: #f6f6f6;
}
.grey {
    color: #f6f6f6;
}
.darkgrey{
    color:darkgray;
}
.blueberry
{
    color: #2C333E;
}
.yellowIris{
    background-color:#EEE78E;
}  
.greenyellow {
    color: greenyellow;
}

.lime{
    color: lime;
}
.darkviolet{
    color:darkviolet;
}

.fondorange
{
    background-color:#dc461b; }

.green {
    color: green;
}
.gold {
    color: gold;
}
.dollargreen
{
    /*#657351 #334026 #3e8c3b #d0d9b0*/
    background-color: #85bb65;
    color:white;
}
.blue {
    color: blue;
}
.bleukcfe
{
    color: #1E498B;
}
.bleuOk
{
    color: #0098FF;
}
.classicBlue{
    color: #0f4c81;
}

.dahlia
{
    color: #7F6FB0;
}

.saddlebrown
{color: SaddleBrown;

}
.slateblue
{
    color:slateblue
}
.navaro
{
    background-color: NavajoWhite2 !important;
}
.darkred
{
    color: darkred;
}
.grape {
    color: #be4bdb;
}
.cyan2 {
    color: #15aabf;
}
.lime {
    color: #82c91e;
}

.indigo {
    color: #4c6ef5;
}
.MediumBlue
{background-color: MediumBlue;
 color:white;   
}
.Tomato
{background-color: Tomato;

}

.OrangeRed
{
    color: OrangeRed; 
}

.Khaki
{background-color: Khaki;

}

.redFalse{
    background-color: Tomato !important;;
    /*color:white;*/ 
}
.blueIris{
    color: rgb(90,91,154);
}
.utraViolet{
    color: rgb(92,76,135);
}

.pigpink
{
    color: pink;
}

.beige {
    background-color: beige;  
}

.invisible {
    display:none;
}


.colorSell
{
    background-color: coral;
}

.colorBuy
{
    background-color: rgb(92, 184, 92);
}
/** fin color*/

.fanim
{
    --fa-animation-duration: 2s;  
    --fa-animation-iteration-count: 5;
}

.fanimCube
{
    --fa-beat-scale: 2.0;
    /*--fa-animation-duration: 2s;*/  
    --fa-animation-iteration-count: 5;
    /*color: red;*/
    /* Chrome, Safari, Opera */
    -webkit-animation: rainbow 5s infinite;
    /* Internet Explorer */
    -ms-animation: rainbow 5s infinite;
    /* Standar Syntax */
    animation: rainbow 5s infinite;

}

@keyframes rainbow {
    0% {
        color: orange;
    }
    10% {
        color: purple;
    }
    20% {
        color: red;
    }
    30% {
        color: CadetBlue;
    }
    40% {
        color: yellow;
    }
    50% {
        color: coral;
    }
    60% {
        color: green;
    }
    70% {
        color: cyan;
    }
    80% {
        color: DeepPink;
    }
    90% {
        color: DodgerBlue;
    }
    100% {
        color: orange;
    }
}


@-webkit-keyframes rainbow {
    0% {
        color: orange;
        /*transform: rotate(360deg);*/
    }
    10% {
        color: purple;
    }
    20% {
        color: red;
    }
    30% {
        color: CadetBlue;
    }
    40% {
        color: yellow;
    }
    50% {
        color: coral;
    }
    60% {
        color: green;
    }
    70% {
        color: cyan;
    }
    80% {
        color: DeepPink;
    }
    90% {
        color: DodgerBlue;
    }
    100% {
        color: orange;
    }
}




.page-section {
    padding: 3rem 2rem;
}
.page-section .page-section-heading {
    font-size: 2.25rem;
    line-height: 2rem;

}
@media (min-width: 992px) {
    .page-section .page-section-heading {
        font-size: 4rem;
        line-height: 3.5rem;

    }
}

.social-links {
    padding: 1rem 2rem;
}
.valueimg::after{
    background-image: url('../images/value.png');
    background-size: cover;
    opacity: 0.3;
}

img.fmsmall{
    /*max-width:35%;*/
    width:Auto ;
    height:40px ;}

img.fms2{
    /*max-width:25%;*/
    width:Auto ;
    height:40px ;}

/*#prestTitre {
    position: fixed;
    width: 50px;
    left: 0;
    top: 50px;
}*/
.nodec {
    text-decoration: none;
}

/*li
{
    font-size: 1.25rem;
    --icon-space: 1.3em;
  list-style: none;
  padding: 0;
}

li {
  padding-left: var(--icon-space);
}

li:before {
  content: "\f118";  FontAwesome Unicode 
  content: '"\' attr(data-fa) '"';
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}*/

/*ul li::before {
    content: 
   
    
}*/
i.smallstar {
    font-size: 2rem !important;
}

/*.title-word {
    animation: move-text 4s linear infinite;
}

.title-word-1 {
    --color-1: #DF8453;
    --color-2: #3D8DAE;
    --color-3: #E4A9A8;
}

.title-word-2 {
    --color-1: #DBAD4A;
    --color-2: #ACCFCB;
    --color-3: #17494D;
}

.title-word-3 {
    --color-1: #ACCFCB;
    --color-2: #E4A9A8;
    --color-3: #ACCFCB;
}

.title-word-4 {
    --color-1: #3D8DAE;
    --color-2: #DF8453;
    --color-3: #E4A9A8;
}*/

@keyframes color-animation {
    0%    {color: var(--color-1);
           bottom: -0.2em;
           opacity: 1;}
    32%   {color: var(--color-1)}
    33%   {color: var(--color-2)}
    50%   {
        bottom: 0.2em;
    }
    65%   {color: var(--color-2)}
    66%   {color: var(--color-3)}
    99%   {color: var(--color-3)}
    100%  {color: var(--color-1);
           bottom: 0;
           opacity: 1;}
}

/* Here are just some visual styles. 🖌 */

/*.container {
  display: grid;
  place-items: center;  
  text-align: center;
  height: 100vh
}*/

@keyframes move-text {
    0% {
        bottom: -0.2em;
        opacity: 1;
    }

    50% {
        bottom: 0.2em;
    }

    100% {
        bottom: 0;
        opacity: 1;
    }
}

.title {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 8.5vw;
    text-transform: uppercase;
}

p {
    color:#666;
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
}

/*p  {
  animation-duration: 3s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }
75% {
  font-size: 200%;
  margin-left: 25%;
  width: 150%;
}
  to {
    margin-left: 0%;
    width: 100%;
  }
}*/