@charset "utf-8";

.body {
    position: absolute;
    margin: auto;
    width: 100%;
    background: #fff;
    background-attachment: fixed;
    background-repeat: no-repeat;
    font-family: Arial;
    *font-family: Raleway ,Tahoma, Helvetica,sans-serif;
    -webkit-background-size: 1000px 85%;
    -moz-background-size: 1000px 85%;
    background-size: cover;
}



#wrap {min-height: 100%}


/***************************************************************************************************************************************\
                                                            MIN 1550PX
                                                            MAX 1920PX
                                                     VERSION DESKTOP GRAND ECRAN
\*****************************************************************************************************************************************/

@media (min-width: 1551px) {

    .div_100{
       height: 100%;
    }
    .div_80{
       height: 80%;
    }
    .div_70{
       height: 70%;
    }
    .div_65{
       height: 65%;
    }
    .div_60{
       height: 60%;
    }
    .div_55{
       height: 55%;
    }
    .div_50{
       height: 50%;
    }
    .div_45{
       height: 45%;
    }
    .div_40{
       height: 40%;
    }
    .div_35{
       height: 35%;
    }
    .div_30{
       height: 30%;
    }
    .div_20{
       height: 20%;
    }
    .div_15{
        height: 15%;
    }
    .no_padding{
        padding: 0px !important;
    }
    .no_padding_tb{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .diamond_img_iwms{
        width: 240px;
        height: 240px;
    }
    .diamond_div_img_iwms a{
        position: absolute;
        top: 90px;
        left: 55px;
        width: 190px;
        text-align: center;
        padding: 0px;
        margin: 0;
        font-size: 23px;
        color: #fff;
    }

    .rems_img{
        width: 400px;
        margin-top: 2%;
    }

    .titre_fonct{
        color: #fff;
        font-weight: bold;
        font-size: 35px;
        text-align: center;
        padding: 3%;
    }

    .titre_fonct_cacher{
        color: #C69F3F;
        font-weight: bold;
        font-size: 35px;
        text-align: center;
    }
    .titre_fonct_cacher_2{
        color: #9f291f;
        font-weight: bold;
        font-size: 35px;
        text-align: center;
    }

    .titre_fonct_cacher_3{
        color: #04172b;
        font-weight: bold;
        font-size: 35px;
        text-align: center;
        padding: 3%;
    }

    .div_fonct_milieu{
        background-color: white;
        color: black;
        font-size: 25px;
        width: 35%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        z-index: 2;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*height: 55%;*/
        /*top:14%;*/
    }
    .div_fonct_cote_d{
        background-color: white;
        color: black;
        font-size: 25px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        left: 80px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 17%;*/
        /*height: 52%;*/
    }
    .div_fonct_cote_g{
        background-color: #FFFFff;
        color: black;
        font-size: 25px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        right: 80px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 17%;*/
        /*height: 52%;*/
    }
    .haut_fonct_milieu{
        /*background-color: #04172B;*/
        height: 25%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .haut_fonct_cote{
        /*background-color: #C69F3F;*/
        height: 18%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .div_ul_fonct_milieu{
        height: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .div_ul_fonct_cote{
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ul_fonct{
        text-align: center;
        height: 470px;
    }
    .ul_fonct_milieu{
        text-align: center;
        height: 400px;
    }
    .ul_fonct li{
        list-style-type: none;
        margin: 25px;
    }
    .ul_fonct_milieu li{
        list-style-type: none;
        margin: 25px;
    }
    #download_fonct{
        margin: auto;
        width: 300px;
        display: block;
        margin-bottom: 30px;
    }

    #triangle-1 {
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #c69f3f;
        margin: auto;
    }

    #triangle-2 {
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #c69f3f;
        text-align: center;
        margin: auto;
        margin-bottom: 25px;
    }

    .accueil #demos {
        margin: 10px 30px;
    }

    .site-container{
        background: white;
        margin: auto;
        max-width: 100%;
    }

    #mention_légale{
        font-size: small;
        padding: 2% 6%;
        margin-left: -4%;
        margin-right: -4.2%;
	    display: flex;
    }

    #adresse1{
        position: absolute;
        display: block;
        margin-left: 135px;
        margin-top: 460px;
        text-align: center;
        height: auto;
        font-size: 40px;
    }

    #corps_presentation{
        padding-left: 8%;
        font-size: 20px;
    }

    #text_krim_bechina{
        position: absolute;
        margin-left: 7%;
        margin-top: -1%;
        top: 24%;
        font-size: 45px;
    }

    #text_sms{
        position: absolute;
        margin-left: 7%;
        margin-top: -1%;
        top: 24%;
        font-size: 45px;
    }

    #text_sms_titre{
        position: absolute;
        margin-left: 7%;
        margin-top: -1%;
        top: 24%;
        font-size: 5vw;
    }

    .krim_bechina{
        background: black;
        float: inherit;
        position: relative;
        margin-right: -72px;
        margin-left: -64px;
    }

    #img_losange_camileia{
        width: 4%;
        vertical-align: middle;
    }

    .text_presentation_camileia{
        background: black;
        color: white;
        padding: 4% 9%;
        margin-right: -72px;
        margin-left: -85px;
        font-size: 20px;
    }

    .animation{
        top: 0;
        *width: 625px;
        *margin-right: 100px;
        overflow: hidden;
        z-index: 1;
        *margin-left: 837px;
    }

    #video_animation{
        width: 100%;
        margin-top: 70px;
    }

    #image_scroll{
        position: absolute;
        top: 731px;
        z-index: 2;
        margin-left: 752px;
        -webkit-margin-start: 752px;
        -moz-margin-start : 18px;
    }

    #transparent{
        background: #fff;
        *background-color: rgba(255, 255, 255, 0.75);
        margin-left: auto;
        margin-right: auto;
        margin-top: 1800px;
    }

    #menu_hamburger{
        width: 170px;
    }

    .nav {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
        background-color: #000009;
        transform: translateX(-100%);
        list-style-type: none;
        z-index: 1;
        height: 100%;
    }

    .nav a {
        display: block;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #FFFFff;
    }

    .nav a:hover,
    .nav a:focus{
        color: #000000;
        background: #FFFFff;
    }

    .with--sidebar .site-pusher {
        transform: translateX(10em);
    }

    .with--sidebar .site-cache {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 10;
    }

    .site-pusher{
        transition-duration: 0.3s;
    }

    #logo_camileia {
        width: 50%;
        margin-top: 150px;
        position: relative;
        margin-left: 35px;
    }

    #articleSMS1{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 30px;
        font-weight: normal;
    }

    .citation{
        font-size: 22px;
    }

    #articleSMS2{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 29px;
        font-weight: normal;
    }

    .articleh1{
        font-size: 3vw;
    }

    .titre_div{
        vertical-align: middle;
        color: #c69f3f;
        font-size: 50px;
    }

    .mp-menu > .mp-level{
        display: none;
    }

    .mp-menu > .mp-level.mp-level-open,
    .mp-menu.mp-overlap > .mp-level,
    .mp-menu.mp-overlap > .mp-level.mp-level-open {
        display: block;
    }

    .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open){
        display: none;
    }

    .align_image {
        height: 100px;
        vertical-align: middle;
        margin-right: 31px;
    }

    #image1_align{
        margin-left: 333px;
    }

    #graphique_reporting_decisionnel{
        width: 50%;
        float: right;
    }

    #txtVerdure {
        font-size: 30px;
    }

    .schemaUTSY input:checked + label img {
        -webkit-transform: translate(-500px, -120px) scale(3);
        -moz-transform: translate(-500px, -120px) scale(3);
        -o-transform: translate(-500px, -120px) scale(3);
        transform: translate(-500px, -188px) scale(3);
        cursor: zoom-out;
    }
    .list-double{
        float: left;
        width: 50%;
    }

    .contenuDouble{
        display: inline-block;
        height: 200px;
    }

    .titre_edito{
        font-size: 75px !important;
    }

    .force_slider{
        display: none !important;
    }

    .partenaire_slider{
        display: none !important;
    }

    .metier_div_above{
        padding: 50px 20px;
    }
    .metier_div_under{
        padding: 50px 20px;
    }
    .metier_index {
        margin: 6% auto auto auto;
    }
}

/***************************************************************************************************************************************\
                                                            MIN 1025PX
                                                            MAX 1550PX
                                                    VERSION TABLETTE PAYSAGE
\*****************************************************************************************************************************************/


@media (max-width: 1550px) {

    #adresse1{
        position: absolute;
        display: block;
        margin-left: 130px;
        margin-top: 372px;
        text-align: center;
        height: auto;
        font-size: 32px;
    }

    .div_table_fonct{
        margin-bottom: 20px;
    }

    .table_fonct td{
        padding-right: 3px;
        padding-left: 10px;
    }

    .table_fonct .table_head p{
        font-size: 15px;
    }

    .table_point{
        font-size: 15px;
    }

    .td_fonct{
        font-size: 15px;
    }

    .diamond_div_img_iwms{
        position: relative;
        width: 180px;
        height: 180px;
    }

    .diamond_img_iwms{
        width: 160px;
        height: 160px;
    }
    .diamond_div_img_iwms a{
        position: absolute;
        top: 64px;
        left: 15px;
        width: 150px;
        text-align: center;
        padding: 0px;
        margin: 0;
        font-size: 16px;
        color: #fff;
    }

    .edito_losange_iwms{
        margin-right: 0;
        padding-bottom: 0;
    }

    .top_26p{
        top: 100%;
    }

    .bg_ny h3{
        font-size: 20px;
    }

    .bg_green h3{
        font-size: 20px;
    }

    .rems_img{
        width: 350px;
        margin-top: 2%;
    }

    .text_fonct{
        color: black;
        font-size: 22px;
        margin-bottom: 60%;
    }

    .title_fonct{
        font-size: 20px;
        margin-bottom: 50%;
    }

    #logo_camileia_entete{
        width: 400px;
        margin-top: 10px;
    }

    .titre_fonct{
        color: #fff;
        font-weight: bold;
        font-size: 25px;
        text-align: center;
        padding: 3%;
    }

    .titre_fonct_cacher{
        color: #C69F3F;
        font-weight: bold;
        font-size: 23px;
        text-align: center;
    }
    .titre_fonct_cacher_2{
        color: #9f291f;
        font-weight: bold;
        font-size: 23px;
        text-align: center;
    }
    .titre_fonct_cacher_3{
        color: #04172b;
        font-weight: bold;
        font-size: 23px;
        text-align: center;
    }

    .div_fonct_milieu{
        background-color: white;
        color: black;
        font-size: 18px;
        width: 35%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        z-index: 2;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*height: 55%;*/
        /*top:14%;*/
    }
    .div_fonct_cote_d{
        background-color: white;
        color: black;
        font-size: 18px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        left: 40px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 17%;*/
        /*height: 52%;*/
    }
    .div_fonct_cote_g{
        background-color: #FFFFff;
        color: black;
        font-size: 18px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        right: 40px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 17%;*/
        /*height: 52%;*/
    }
    .haut_fonct_milieu{
        /*background-color: #04172B;*/
        height: 25%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .haut_fonct_cote{
        /*background-color: #C69F3F;*/
        height: 18%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .div_ul_fonct_milieu{
        height: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .div_ul_fonct_cote{
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ul_fonct{
        text-align: center;
        height: 470px;
    }
    .ul_fonct_milieu{
        text-align: center;
        height: 400px;
    }
    .ul_fonct li{
        list-style-type: none;
        margin: 25px;
    }
    .ul_fonct_milieu li{
        list-style-type: none;
        margin: 25px;
    }
    #download_fonct{
        margin: auto;
        width: 250px;
        display: block;
        margin-bottom: 30px;
    }

    .articleh1{
        font-size: 4.7vw;
    }

    #articleSMS {
        margin-bottom: 10%;
    }

    #articleSMS1{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 3vw;
        font-weight: normal;
    }

    .citation{
        font-size: 2.5vw;
    }

    #articleSMS2{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 2.1vw;
        font-weight: normal;
    }

    #logo_header{
        width: 194px;
        height: 66px;
    }

    #menu_hamburger{
        width: 170px;
    }

    .nav {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
        background-color: #000009;
        transform: translateX(-100%);
        list-style-type: none;
        z-index: 1;
        height: 100%;
    }

    .nav a {
        display: block;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #FFFFff;
    }

    .nav a:hover,
    .nav a:focus{
        color: #000000;
        background: #FFFFff;
    }

    .with--sidebar .site-pusher {
        transform: translateX(10em);
    }

    .with--sidebar .site-cache {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 10;
    }


    .site-content{
        position: absolute;
        /*top: 105px;*/
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 0;
        overflow-y: scroll;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        background: #FFF;
    }

    .site-pusher{
        transition-duration: 0.3s;
    }

    .site-container {
        background: white;
        margin: auto;
        width: 100%;
    }

    #logo_camileia{
        margin-left: 40px;
        margin-top: 125px;
        position: relative;
        width: 50%;
    }

    #corps_presentation{
        padding-left: 8%
    }

    #text_krim_bechina{
        position: absolute;
        margin-left: 7%;
        top: 24%;
        font-size: 2.7vw;
    }

    #text_sms {
        position: absolute;
        margin-left: 7%;
        top: 20%;
        font-size: 3vw;
    }

    #text_sms_titre{
        position: absolute;
        margin-left: 7%;
        margin-top: -1%;
        top: 24%;
        font-size: 5vw;
    }

    .krim_bechina{
        background: black;
        float: inherit;
        position: relative;
        margin-right: -1%;
        margin-left: -1%;
    }


    #img_losange_camileia{
        width: 4%;
        vertical-align: middle;

    }

    .div_presentation_camileia{
        padding-left: 20px;
    }

    .text_presentation_camileia{
        background: black;
        color: white;
        padding: 4% 6%;
        margin-right: -1%;
        margin-left: -3%;
        font-size: 18px;
    }

    #image_scroll{
        display: none;
    }

    .animation{
        top: 0;
        overflow: hidden;
        z-index: 1;
    }

    #video_animation{        
        margin-top: 70px;
        width: 100%;
    }

    #presentation{
        position: absolute;
    }

    #nompage{
        margin-left: 30px;
        margin-top: 165px;
        position: absolute;
    }

    #transparent{
        margin-top: 730px;
        margin-right: auto;
        margin-left: auto;
        background: rgba(255, 255,255, 0.75) none repeat scroll 0 0;
    }
    
    .body{
    	background: none;
    }

    #mention_légale{
        display: flex;
    }

    .titre_div{
        vertical-align: middle;
        color: #c69f3f;
        font-size: 2.5vw;
    }

    .align_image {
        height: 100px;
        vertical-align: middle;
        padding: 10px;
    }

    #image1_align{
        margin-left: 333px;
    }

    #graphique_reporting_decisionnel{
        width: 50%;
        float: right;
    }

    .w_title{
        font-size: 30px;
    }
    .w_img{
        /*width: 30%;*/
        width: 600px;
    }
    .edito {
        margin: 40px 0;
        padding: 40px 35px;
    }
    .edito_mg250{
        margin: 40px 0;
        padding: 40px 50px;
    }

    .edito_mg210{
        margin: 40px 0;
        padding: 40px 50px;
    }

    .edito_mg270{
        margin: 40px 0;
        padding: 40px 50px;
    }

    .edito_rems{
        margin: 40px 0;
        padding: 40px 50px;
    }
    .edito_white{
        margin: 20px 0;
        padding: 10px 40px;
    }

    .edito_white_cursive{
        margin: 40px 0;
        padding: 40px 50px;
        font-size: 40px;
    }

    .edito_white_acceuil{
        margin: 40px 0;
        padding: 40px 50px;
        font-size: 20px;
    }

    .edito_myWa{
        margin: 40px 0;
        padding: 40px 50px;
    }

    /*.edito_rems_g{*/
        /*margin: 40px 0;*/
        /*padding: 40px 50px;*/
    /*}*/
    /*.edito_rems_d{*/
        /*margin: 40px 0;*/
        /*padding: 40px 50px;*/
    /*}*/

    .bg_blue {
        padding: 10px 50px;
    }
    .bg_green {
        padding: 10px 50px;
    }
    .bg_ny {
        padding: 10px 50px;
    }
    .bg_solution_avenir {
        padding: 10px 50px 0px 50px;
    }
    .section_ressources {
        padding: 30px 50px;
    }

    .accueil {
        padding-top: 109px;
        min-height: 1330px;
        color: black;
        width: 1160px;
        margin: auto;
    }

    .solutions_gris {
        padding: 40px 60px;
        clear: both;
    }

    .proteus{
        padding: 40px 60px;
        clear: both;
    }

    #formulaireContact {
        margin: 20px;
        padding: 20px;
    }


    #formulaireContact table {
        margin: 0;
        width: 100%;
    }

    #formulaireContact input, #formulaireContact textarea, #formulaireContact select {
        width: 100%;
    }

    .slideshow2 {
        height: 585px;
    }

    .slideshow input:checked + label img {
        -webkit-transform: translate(-250px) scale(2);
        -moz-transform: translate(-250px) scale(2);
        -o-transform: translate(-250px) scale(2);
        transform: translate(-250px) scale(2);
        cursor: zoom-out;
    }

    .contenuDouble{
        display: inline-block;
        height: 200px;
    }

    .titre_edito{
        font-size: 60px !important;
    }
    #guillemet_edito{
        height: 60px;
    }
    #contenuMywaGlobal{
        min-height: 600px;
    }
    .contenuMywa .img_wrap h3 {
        margin-top: -120px;
        font-size: 24px;
        line-height: 28px;
    }
    .contenuMywa .img_img {
        height: 200px;
    }
    .img_description_layer_mywa {
        font-size: 18px;
    }
    #imgMywa img{
        padding: 0%;
    }
    .glide{
        height: 200px;
    }
    .slider__img{
        max-height: 200px;
        max-width: 200px;
    }
    .grecaptcha-badge{
        display: none !important;
    }
    #force_div{
        display: none;
    }
    #partenaire_div{
        display: none;
    }
    #img_div_actu{
        display: none;
    }
    #div_actu{
        margin-left: 0px;
    }
    .onepage-wrapper .section {
        width: auto;
        height: auto;
    }
    .footer{
        position: inherit;
    }
    .point_fort{
        height: 400px;
        padding: 20px;
    }
    .icone-login{
        display: none;
    }
    #div_solution_avenir_text {
        position: initial;
    }
    .div_solution_flex{
        flex-wrap: wrap;
    }
    .div_solution_flex img{
        margin: auto;
    }
    .metier {
        margin-top: 0;
    }
    #kb_edito{
        right: 0px;
        height: 80%;
    }
    #text_entete_double{
        font-size: 70px;
    }
}


/***************************************************************************************************************************************\
                                                            MIN 768PX
                                                            MAX 1023PX
                                                     VERSION TABLETTE PORTRAIT
/***************************************************************************************************************************************/


@media (max-width: 1023px){

    #adresse1 {
        position: absolute;
        display: block;
        margin-left: 62px;
        margin-top: 330px;
        text-align: center;
        height: auto;
        font-size: 25px;
    }

    .table_fonct td{
        padding-right: 2px;
        padding-left: 10px;
    }

    .table_fonct .table_head p{
        font-size: 13px;
    }

    .table_point{
        font-size: 13px;
    }

    .td_fonct{
        font-size: 13px;
    }

    #txtVerdure{
        font-size: 20px;
    }

    .diamond_div_img_iwms{
        position: relative;
        width: 180px;
        height: 180px;
    }

    .diamond_img_iwms{
        width: 160px;
        height: 160px;
    }
    .diamond_div_img_iwms a{
        position: absolute;
        top: 64px;
        left: 15px;
        width: 150px;
        text-align: center;
        padding: 0px;
        margin: 0;
        font-size: 16px;
        color: #fff;
    }

    .rems_img{
        width: 300px;
        margin-top: 2%;
    }


    #w_emplacement{
        width: 200px;
        top: 8%;
        right: 1%;
    }

    .text_fonct{
        color: black;
        font-size: 22px;
        margin-bottom: 65%;
    }

    .title_fonct{
        font-size: 20px;
        margin-bottom: 50%;
    }

    .titre_fonct{
        color: #fff;
        font-weight: bold;
        font-size: 25px;
        text-align: center;
        padding: 3%;
    }

    .titre_fonct_cacher{
        color: #C69F3F;
        font-weight: bold;
        font-size: 23px;
        text-align: center;
    }
    .titre_fonct_cacher_2{
        color: #9f291f;
        font-weight: bold;
        font-size: 23px;
        text-align: center;
    }

    .titre_fonct_cacher_3{
        color: #04172b;
        font-weight: bold;
        font-size: 23px;
        text-align: center;
    }

    .div_fonct_milieu{
        background-color: white;
        color: black;
        font-size: 18px;
        width: 35%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        z-index: 2;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*height: 55%;*/
        /*top:14%;*/
    }
    .div_fonct_cote_d{
        background-color: white;
        color: black;
        font-size: 18px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        left: 40px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 17%;*/
        /*height: 52%;*/
    }
    .div_fonct_cote_g{
        background-color: #FFFFff;
        color: black;
        font-size: 18px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        right: 40px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 17%;*/
        /*height: 52%;*/
    }
    .haut_fonct_milieu{
        /*background-color: #04172B;*/
        height: 25%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .haut_fonct_cote{
        /*background-color: #C69F3F;*/
        height: 18%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .div_ul_fonct_milieu{
        height: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .div_ul_fonct_cote{
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ul_fonct{
        text-align: center;
        height: 470px;
    }
    .ul_fonct_milieu{
        text-align: center;
        height: 400px;
    }
    .ul_fonct li{
        list-style-type: none;
        margin: 25px;
    }
    .ul_fonct_milieu li{
        list-style-type: none;
        margin: 25px;
    }
    #download_fonct{
        margin: auto;
        width: 250px;
        display: block;
        margin-bottom: 30px;
    }

    #articleSMS1{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 2.7vw;
        font-weight: normal;
    }

    .citation{
        font-size: 2.3vw;
    }

    #articleSMS2{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 2vw;
        font-weight: normal;
    }

    .site-content{
        position: absolute;
        /*top: 105px;*/
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 0;
        overflow-y: scroll;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        background: #FFF;
    }

    .articleh1{
        font-size: 33px;
    }

    #logo_header{
        width: 194px;
        height: 66px;
    }

    #menu_hamburger{
        width: 170px;
    }

    .nav {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
        background-color: #000009;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        list-style-type: none;
        z-index: 1;
        height: 100%;
    }

    .nav a {
        display: block;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #FFFFff;
    }

    .nav a:hover,
    .nav a:focus{
        color: #000000;
        background: #FFFFff;
    }

    .with--sidebar .site-pusher {
        transform: translateX(10em);
    }

    .with--sidebar .site-cache {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 10;
    }

    .site-container {
        background: white;
        margin: auto;
        width: 100%;
    }

    .site-pusher{
        transition-duration: 0.3s;
    }

    .article{
        margin-top: 0%;
    }

    .krim_bechina{
        background: black;
        float: inherit;
        position: relative;
        margin-left: -3.8%;
    }

    #text_krim_bechina{
         position: absolute;
         margin-left: 7%;
         margin-top: -1%;
         top: 24%;
         font-size: 30px;
     }

    #text_sms{
        position: absolute;
        margin-left: 7%;
        margin-top: -1%;
        top: 24%;
        font-size: 30px;
    }

    #text_sms_titre{
        position: absolute;
        margin-left: 7%;
        margin-top: -1%;
        top: 15%;
        font-size: 5vw;
    }

    #img_losange_camileia{
        width: 4%;
        margin-left: 2%;
        vertical-align: middle;

    }

    #logo_camileia{
        width: 49%;
        margin-top: 130px;
        margin-left: 15px;
        }

    #image_scroll{
        display: none;
    }

    .animation{
        top: 0;
        overflow: hidden;
        z-index: 1;
    }

    #video_animation{        
        margin-top: 70px;
        width: 100%;
    }

    #presentation{
         position: absolute;
     }

    #nompage{
        margin-left: 30px;
        margin-top: 140px;
        position: absolute;
    }

    #transparent{
        margin-top: 630px;
        margin-right: auto;
        margin-left: auto;
        background: rgba(255, 255,255, 0.75) none repeat scroll 0 0;
    }

    .text_presentation_camileia{
        background: black;
        color: white;
        padding: 40px 94px;
        margin-left: -85px;
        font-size: 17px;
    }

    #mention_légale{
        display: inherit;
    }

    .titre_div{
        vertical-align: middle;
        color: #c69f3f;
        font-size: 4vw;
    }

    .align_image {
        height: 77px;
        vertical-align: middle;
        padding: 10px;
    }

    #image1_align{
        margin-left: 155px;
    }

    #graphique_reporting_decisionnel{
        width: 424px;
        margin-top: 31px;
        margin-left: 30px;
    }

    .edito {
        margin: 0;
        padding: 40px 35px;
        font-size: 20px;
    }

    .edito_mg250{
        margin: 0;
        padding: 20px 35px;
        font-size: 20px;
    }
    .edito_mg210{
        margin: 0;
        padding: 40px 35px;
        font-size: 20px;
    }

    .edito_mg270{
        margin: 0;
        padding: 20px 35px;
        font-size: 20px;
    }

    .edito_rems{
        margin: 0;
        padding: 40px 35px;
    }
    .edito_white{
        margin: 0;
        padding: 10px 10px;
        font-size: 22px;
    }

    .edito_white_cursive{
        margin: 0;
        padding: 40px 35px;
    }

    .edito_white_acceuil{
        margin: 0;
        padding: 40px 35px;
        font-size: 15px;
    }

    .edito_myWa{
        margin: 0;
        padding: 40px 35px;
    }

    .edito_rems_g{
        margin: 0;
        padding: 40px 35px;
        font-size: 20px;
    }
    .edito_rems_d{
        margin: 0;
        padding: 40px 35px;
        font-size: 20px;
    }

    .bg_blue {
        padding: 10px 35px;
    }
    .bg_green {
        padding: 10px 35px;
    }
    .bg_ny {
        padding: 10px 35px;
    }
    .bg_solution_avenir {
        padding: 10px 35px 0px 35px;
    }
    .section_ressources {
        padding: 30px 35px;
    }

    .p1{
        width: 100%
    }

    .p2{
        width: 100%
    }

    #video_seji{
        width: 70%;
        margin: 0px 15%;
        float: none;
    }


    .ul1{
        width: 100%;
        float: none;
    }

    .ul2{
        width: 100%;
        float: none;
    }

    .separateur{
        padding: 0;
    }   

    .titreEntete {
        margin-bottom: -80px;
    }

    #pointsForts {
        padding: 3% 0px 0 25px;
        width: 100%;
    }

    #graphVert{
        width: 70%;
        float: none;
    }

    .slideshow input:checked + label img {
        -webkit-transform: translate(-30px) scale(1.7);
        -moz-transform: translate(-30px) scale(1.7);
        -o-transform: translate(-30px) scale(1.7);
        transform: translate(-30px) scale(1.7);
        cursor: zoom-out;
    }

    .slideshow2 input:checked + label img {
        -webkit-transform: scale(2.4);
        -moz-transform: scale(2.4);
        -o-transform: scale(2.4);
        transform: scale(2.4);
        cursor: zoom-out;
    }

    .slideshow2 {
        width: 56%;
    }

    #synthese table {
        width: 90%;
    }

    .modal {
        width: 100%;
        margin-left: -50%;
        left: 50%;
    }

    .modal-body {
        padding: 15px;
    }

    #listPointsForts, #listSeji, #listMilae, #listUtsy {
        padding-left: 15px;
    }

    .partenaires img{
        height: 80px;    
        margin: 20px;
    }

    .ML {
        font-size: 66px !important;
    }

    #contentVocations{
        padding: 40px 35px;
    }

    .titre_edito{
        font-size: 40px !important;
    }
    #guillemet_edito{
        height: 40px;
    }

    #contenuMywaGlobal{
        min-height: 450px;
    }
    .contenuMywa .img_wrap h3 {
        margin-top: -95px;
        font-size: 22px;
        line-height: 25px;
    }
    .contenuMywa .img_img {
        height: 150px;
    }
    .img_description_layer_mywa {
        font-size: 15px;
    }
    #imgMywa img{
        padding: 0%;
    }
    #div_header_text img{
        width: 65%;
    }
    #kb_edito{
        right: 0px;
        height: 65%;
    }
    .img_modal{
        width: 100%;
        margin: 0;
    }
}

/***************************************************************************************************************************************
                                                            MIN 481PX
                                                            MAX 767PX
                                         VERSION SMARTPHONE TAILLE GRAND ECRAN + TABLETTE PORTRAIT
***************************************************************************************************************************************/


@media (max-width: 768px) {

    #mention_légale{
        display: inherit;
    }

    .rems_schema_div{
        flex-direction:column;
    }

    .table_fonct td{
        padding-right: 1px;
        padding-left: 1px;
    }

    .table_fonct .table_head p{
        font-size: 11px;
    }

    .table_point{
        font-size: 13px;
    }

    .td_fonct{
        font-size: 11px;
    }

    .diamond_div_img_iwms{
        position: relative;
        width: 180px;
        height: 180px;
    }

    .diamond_img_iwms{
        width: 160px;
        height: 160px;
    }
    .diamond_div_img_iwms a{
        position: absolute;
        top: 64px;
        left: 15px;
        width: 150px;
        text-align: center;
        padding: 0px;
        margin: 0;
        font-size: 16px;
        color: #fff;
    }

    #adresse1{
        position: absolute;
        display: block;
        margin-left: 145px;
        margin-top: 250px;
        text-align: center;
        height: auto;
        font-size: 20px;
    }

    .articleh1{
        font-size: 25px;
    }

    .rems_img{
        width: 200px;
        margin-top: 2%;
    }

    #txtVerdure{
        font-size: 17px;
    }

    .text_fonct{
        color: black;
        font-size: 22px;
        margin-bottom: 20%;
    }

    .title_fonct{
        font-size: 20px;
        margin-bottom: 50%;
    }

    .edito_white{
        margin: 0;
        padding: 10px 10px;
        font-size: 20px;
    }

    .div_fonct_mywa{
        flex-direction: column;
    }

    #logo_camileia_entete{
        width: 150px;
        margin-top: 35px;
    }

    .titre_fonct{
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
        padding: 3%;
    }

    .titre_fonct_cacher{
        color: #C69F3F;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
    }
    .titre_fonct_cacher_2{
        color: #9f291f;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
    }
    .titre_fonct_cacher_3{
        color: #04172b;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
    }

    .div_fonct_milieu{
        background-color: white;
        color: black;
        font-size: 14px;
        width: 35%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        z-index: 2;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*height: 55%;*/
        /*top:14%;*/
    }
    .div_fonct_cote_d{
        background-color: white;
        color: black;
        font-size: 14px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        left: 22px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 17%;*/
        /*height: 52%;*/
    }
    .div_fonct_cote_g{
        background-color: #FFFFff;
        color: black;
        font-size: 14px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        right: 22px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 17%;*/
        /*height: 52%;*/
    }
    .haut_fonct_milieu{
        /*background-color: #04172B;*/
        height: 25%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .haut_fonct_cote{
        /*background-color: #C69F3F;*/
        height: 18%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .div_ul_fonct_milieu{
        height: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .div_ul_fonct_cote{
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ul_fonct{
        text-align: center;
        height: 470px;
        margin: 0;
    }
    .ul_fonct_milieu{
        text-align: center;
        height: 400px;
        margin: 0;
    }
    .ul_fonct li{
        list-style-type: none;
        margin: 14px;
    }
    .ul_fonct_milieu li{
        list-style-type: none;
        margin: 14px;
    }
    #download_fonct{
        margin: auto;
        width: 120px;
        display: block;
        margin-bottom: 30px;
    }

    #articleSMS{
        font-size: 52px;
    }
    #entete{
        height: 250px;
    }
    #text_entete{
        line-height: 250px;
        font-size: 52px;
    }
    #text_entete_double{
        line-height: 125px;
        font-size: 52px;
    }

    .ML{
        font-size: 40px !important;
    }

    #articleSMS1{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 24px;
        font-weight: normal;
    }

    .citation{
        font-size: 20px;
    }

    #articleSMS2{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 3.5VW;
        font-weight: normal;
    }

    .nav > li > a{
        font-size: 79%;
    }

    .animation{
        display: block;
    }

    .img{
        border: 0;
        float: left;
        height: inherit;
        width: 45%;
        padding-top: 10px;
    }

    .text_presentation_camileia{
        background: black;
        color: white;
        padding: 4% 9%;
        margin-right: -4.3%;
        margin-left: -5.5%;
        font-size: 14px;
    }

    #text_krim_bechina{
        font-size: 21px;
        position: absolute;
        margin-left: 9%;
        margin-top: -1%;
        top: 24%;
    }

    #text_sms{
        font-size: 3.5vw;
        position: absolute;
        margin-left: 10%;
        margin-top: -1%;
        top: 24%;
    }

    #text_sms_titre{
        position: absolute;
        margin-left: 9%;
        margin-top: -1%;
        top: 24%;
        font-size: 6vw;
    }

    #corps_presentation{
        font-size: 14px;
        padding-left: 0;
    }
    .krim_bechina{
        background: black;
        float: inherit;
        position: relative;
        margin-right: -4.2%;
        margin-left: -3.8%;
        font-size: 15px;
    }

    #img_losange_camileia{
        width: 4%;
        margin-left: 2%;
        vertical-align: middle;

    }

    #presentation{
         position: absolute;
     }

    #nompage{
        position: absolute;
        margin-top: 100px;
        margin-left: 30px;
    }

    #logo_camileia {
        width: 304px;
        margin-top: 120px;
        margin-left: 8%;
    }

    #transparent{
        margin-top: 400px;
        margin-right: auto;
        margin-left: auto;
        background: rgba(255, 255,255, 0.75) none repeat scroll 0 0;
    }

    .div_presentation_camileia{
        padding-left: 0px;
    }

    .with--sidebar .site-pusher {
        transform: translateX(150px);
    }

    .titre_div{
        vertical-align: middle;
        color: #c69f3f;
        font-size: 4vw;
    }

    #text_image_sig{
        display: block;
    }

    .property_sms_div{
        width: 100%;
    }
    
    
    .align_image{
        display: none;
    }

    #graphique_reporting_decisionnel{
        width: 50%;
    }

    #graphique_reporting_decisionnel{
       display: none;
    }

    #guillemets{
        margin-top: -17%;
        margin-right: 240px;
        width: 47px;
    }

    #synthese table {
        width: 100%;
    }

    .slideshow2 {
        height: 360px;
    }
    .menu ul ul ul{
        display: none;
    }
    .contenuSeji {
        margin: 0px !important;
    }
    .contenuSeji .img_wrap h3 {
        text-align: center;
        color: white;
        margin-top: -98px;
        position: absolute;
        width: inherit;
        font-size: 20px;
        padding: 0 22px;
        line-height: 23px;
     }
    .contenuSeji .img_img {
        height: 150px;
        filter: brightness(70%);
    }
    #contenuMywaGlobal{
        min-height: 450px;
    }
    .contenuMywa .img_wrap h3 {
        margin-top: -90px;
     }
    .contenuMywa .img_img {
        height: 150px;
    }
    .img_description_layer_mywa {
        font-size: 13px;
    }
    #imgMywa img{
        padding: 0%;
    }
    .SejiVersion .img_wrap .img_img {
        height: 170px;
        filter: brightness(75%);
    }
    .SejiVersion .img_wrap h3 {
        text-align: center;
        color: white;
        margin-top: -93px;
        position: absolute;
        width: inherit;
        font-size: 26px;
    }

    .contenuUtsy {
        float: left;
        width: 33.3333333333%;
        display: table;
        margin-top: 0px !important;
    }
    .contenuUtsy .img_img {
        height: auto;
        filter: brightness(70%);
    }
    .contenuschemaUTSY{
        float: none;
        width: 100%;
    }
    #schema_utsy{
        height:auto!important;
        padding: 0px!important;
        width: 100% !important;
    }
    .schemaUTSY input:checked + label img {
    -webkit-transform: translate(0px, 0px) scale(1);
    -moz-transform: translate(0px, 0px) scale(1);
    -o-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
    cursor: zoom-out;
    }
    #text-i-building2{
        margin-top: -70px;
    }
    #vert_1{
        display: none;
    }
    .contenuDouble{
        display: none;
    }
    .img_proteus{
        width: 300px;
        margin: 10px;
    }

    #list_edito{
        margin: 0px;
    }

    #video_seji{
        width: 100%;
        margin: 0px;
    }

    .titre_edito{
        font-size: 25px !important;
    }
    #guillemet_edito{
        height: 25px;
    }
    #div_header_text img{
        width: 80%;
    }
    .point_fort{
        height: 300px;
        padding: 20px;
    }
}



@media (max-width: 1200px) {
    .accueil{
        width: 100%;
    }

    .accueil article{
        clear: both;
    }

    .accueil #actus{
        width: 29%;
        margin: 10px 2%;
    }

    .accueil #actusimg {
        width: 67%;
        background: #04172b;
        margin-left: 33%;
    }

    .accueil #livreblancimg1 {
        width: 33%;
    }

    .accueil #livreblanc {
        width: 30%;
        margin: 2%;
    }

    .accueil #livreblancimg2 {
        width: 33%;
    }

    .accueil #demosimg {
        width: 67%;
        background: url(../images/article/accueil/img3.png) center no-repeat;
    }

    .accueil #demos {
        width: 29%;
        margin: 2%;
    }

    .accueil h2 {
        font-size: 25px;
    }

    #mentionsLegal table tr {
        display: flex;
        flex-direction: column; 
    }

    #mentionsLegal table tr td{
        margin-bottom: 20px; 
    }
    .slider{
        height: 150px;
    }
    .slider__img{
        max-height: 150px;
        max-width: 150px;
    }
    .point_fort{
        height: 450px;
        padding: 20px;
    }
}

@media (max-width: 1350px){
    #image_haut_page{
        display: none;
    }
    #div_cookie{
        padding: 15px 15px;
    }
}

/***************************************************************************************************************************************
                                                            MIN 481PX
                                                            MAX 880PX
***************************************************************************************************************************************/

@media (max-width: 880px) and (min-width: 481px){


    .accueil #actus p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
    }

    .accueil #actus, .accueil #livreblanc, .accueil #demos {
        width: 50%;
        padding: 3%;
        margin: 0;
    }

    .accueil #actusimg {
        width: 50%;
        background: #04172b;
        margin-left: 50%;
    }

    .rems_img{
        width: 250px;
        margin-top: 2%;
    }

    #w_emplacement{
        width: 170px;
        top:10%;
        right: 1%;
    }

    .text_fonct{
        color: black;
        font-size: 15px;
        margin-bottom: 170%;
    }

    .title_fonct{
        font-size: 20px;
        margin-bottom: 50%;
    }

    #logo_camileia_entete{
        width: 300px;
        margin-top: 20px;
    }

    .titre_fonct{
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
        padding: 3%;
    }

    .titre_fonct_cacher{
        color: #C69F3F;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
    }
    .titre_fonct_cacher_2{
        color: #9f291f;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
    }
    .titre_fonct_cacher_3{
        color: #04172b;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
    }

    .div_fonct_milieu{
        background-color: white;
        color: black;
        font-size: 14px;
        width: 35%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        z-index: 2;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*height: 55%;*/
        /*top:14%;*/
    }
    .div_fonct_cote_d{
        background-color: white;
        color: black;
        font-size: 14px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        left: 22px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 98%;*/
        /*height: 52%;*/
    }
    .div_fonct_cote_g{
        background-color: #FFFFff;
        color: black;
        font-size: 14px;
        width: 30%;
        -webkit-box-shadow: 0px 0px 8px 1px #878787;
        box-shadow: 0px 0px 8px 1px #878787;
        position:absolute;
        right: 22px;
        z-index: 1;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        /*top: 98%;*/
        /*height: 52%;*/
    }
    .haut_fonct_milieu{
        /*background-color: #04172B;*/
        height: 25%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .haut_fonct_cote{
        /*background-color: #C69F3F;*/
        height: 18%;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .div_ul_fonct_milieu{
        height: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .div_ul_fonct_cote{
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ul_fonct{
        text-align: center;
        height: 470px;
        margin: 0;
    }
    .ul_fonct_milieu{
        text-align: center;
        height: 400px;
        margin: 0;
    }
    .ul_fonct li{
        list-style-type: none;
        margin: 14px;
    }
    .ul_fonct_milieu li{
        list-style-type: none;
        margin: 14px;
    }
    #download_fonct{
        margin: auto;
        width: 120px;
        display: block;
        margin-bottom: 30px;
    }

    .accueil #livreblancimg1 {
        width: 50%;
        background: url(../images/article/accueil/img2.png) right no-repeat;
    }

    .accueil #livreblancimg2 {
        display: none;
    }

    .accueil #livreblanc p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 13;
        -webkit-box-orient: vertical;
    }

    .accueil #demosimg {
        width: 50%;
        background: url(../images/article/accueil/img3.png) -150px no-repeat;
        float: right;
    }

        
}

@media (max-width: 910px) {
    #textCitation {
        position: relative; 
        margin-left: 0;
    }

    #textCitationEdito {
        position: relative;
        margin-left: 0;
    }

    #citationKrim{
        display: none;
    }
    #solution_avenir{
        width: 100%;
    }
}

@media (max-width: 790px) {
    .iframe_newsletter{
        height:550px;
    }
}


/***************************************************************************************************************************************
                                                            MIN 0PX
                                                            MAX 480PX
                                              VERSION SMARTPHONE ECRAN TAILLE MOYENNNE
***************************************************************************************************************************************/


@media (max-width: 480px) {

    #mention_légale{
        display: inherit;
    }

    #div_solution_avenir_text .regard{
        font-size: 15px;
        padding: 10px;
    }

    .table_fonct td{
        padding-right: 1px;
        padding-left: 1px;
    }

    .table_fonct .table_head p{
        font-size: 7px;
    }

    .table_point{
        font-size: 13px;
    }

    .td_fonct{
        font-size: 9px;
    }

    .diamond_div_img_iwms{
        position: relative;
        width: 180px;
        height: 180px;
    }

    .diamond_img_iwms{
        width: 160px;
        height: 160px;
    }
    .diamond_div_img_iwms a{
        position: absolute;
        top: 64px;
        left: 15px;
        width: 150px;
        text-align: center;
        padding: 0px;
        margin: 0;
        font-size: 16px;
        color: #fff;
    }

    #adresse1{
        position: absolute;
        display: block;
        margin-left: 45px;
        margin-top: 247px;
        text-align: center;
        height: auto;
        font-size: 18px;
    }

    .body{
        background: none;
    }

    .div_fonct_mywa{
        flex-direction: column;
    }

    .articleh1{
        font-size: 6vw;
    }

    #w_emplacement{
        width: 120px;
        top:10%;
        right: 4%;
    }

    .rems_schema_div{
        flex-direction:column;
    }

    .rems_img{
        width: 250px;
    }

    .text_fonct{
        color: black;
        font-size: 20px;
        margin-bottom: 220%;
    }

    .title_fonct{
        font-size: 15px;
        margin-bottom: 50%;
    }
    .w_img{
        /*width: 30%;*/
        width: 300px;
        margin-top: 20px;
    }

    #logo_camileia_entete{
        width: 150px;
        margin-top: 40px;
    }
    .titre_fonct{
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        padding: 3%;
    }

    .titre_fonct_cacher{
        color: #C69F3F;
        font-weight: bold;
        font-size: 10px;
        text-align: center;
    }
    .titre_fonct_cacher_2{
        color: #9f291f;
        font-weight: bold;
        font-size: 10px;
        text-align: center;
    }

    .titre_fonct_cacher_3{
        color: #04172b;
        font-weight: bold;
        font-size: 10px;
        text-align: center;
    }

    #articleSMS1{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 21.5px;
        font-weight: normal;
    }
    .citation{
        font-size: 20px;
    }

    #articleSMS2{
        padding: 20px 10px 30px;
        width: auto;
        height: auto;
        color: #3d3d3b;
        font-family: Raleway ,Tahoma, Helvetica,sans-serif;
        font-size: 4vw;
        font-weight: normal;
    }

    .nav > li > a{
        font-size: 79%;
    }

    .img{
        border: 0;
        float: left;
        height: inherit;
        width: 45%;
        padding-top: 10px;
    }

    .text_presentation_camileia{
        background: black;
        color: white;
        padding: 4% 9%;
        margin-right: -4.3%;
        margin-left: -5.5%;
        font-size: 14px;
    }

    #text_krim_bechina{
        font-size: 19px;
        position: absolute;
        margin-left: 13%;
        margin-top: -1%;
        top: 14%;
    }

    #text_sms{
        font-size: 4.5vw;
        position: absolute;
        margin-left: 13%;
        margin-top: -2%;
        top: 19%;
    }

    #text_sms_titre{
        position: absolute;
        margin-left: 12%;
        margin-top: -1%;
        top: 30%;
        font-size: 6vw;
    }

    #corps_presentation{
       font-size: 14px;
       padding-left: 0;
    }
    .krim_bechina{
        background: black;
        float: inherit;
        position: relative;
        margin-right: -4.2%;
        margin-left: -3.8%;
        font-size: 15px;
    }

    #img_losange_camileia{
        width: 6%;
        margin-left: 2%;
        vertical-align: middle;

    }

    #nompage{
        position: absolute;
        margin-top: 120px;
        margin-left: 30px;
    }

    #logo_camileia {
        width: 280px;
        margin-top: 120px;
        margin-left: 8%;
    }

    #transparent{
        margin-top: 400px;
        margin-right: auto;
        margin-left: auto;
        background: rgba(255, 255,255, 0.75) none repeat scroll 0 0;
    }

    #div_presentation_camileia{
        padding-left: 0px;
    }

    .with--sidebar .site-pusher {
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
    }

    .nav {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
        background-color: #000009;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        list-style-type: none;
        z-index: 1;
        height: 100%;
    }

    .titre_div{
        vertical-align: middle;
        color: #c69f3f;
        font-size: 4vw;
    }

    #image_haut_page {
        position: fixed;
        width: 50px;
        bottom: 15px;
        right: 15px;
        opacity: 0.5;
    }

    .titremenu{
        font-size: 15px;
    }

    .lienmenu{
        font-size: 10px;
    }

    #mp-menu{
        width:155px;
    }
    .align_image{
        display: none;
    }

    #graphique_reporting_decisionnel{
        display: none;
    }

    .accueil #actus, .accueil #livreblanc, .accueil #demos {
        width: 92%;
        margin: 4%;
    }

    .accueil #actusimg, .accueil #livreblancimg1, .accueil #livreblancimg2, .accueil #demosimg {
        display: none;
    }

    .accueil #demos {
        height: 280px;
    }

    .accueil {
        height: 972px;
        min-height: 972px;
    }

    .separateur {
        display: none;
    }


    #btLire {
        padding: 10px 0 0 0;
    }

    #articleSMS {
        font-size: 25px;
    }
    #entete{
        height: 150px;
    }
    #text_entete {
        line-height: 150px;
        font-size: 25px;
    }
    #text_entete_double {
        line-height: 75px;
        font-size: 25px;
    }
    .slideshow2 {
        height: 200px;
        width: 70%;
    }
    #imgLogoSolutions img {
        margin: 40px 0px;
        width: 100%;
    }
    .solutions_gris {
        padding: 10px 10px;
        clear: both;
    }
    .proteus{
        padding: 10px 10px;
        clear: both;
    }

    .w_title{
        font-size: 20px;
    }
    .adopte{
        font-size: 20px;
    }
    .img_fleche{
        width: 30px;
    }
    #txtVerdure{
        font-size: 15px;
    }
    .edito {
        margin: 0;
        padding: 35px 10px;
        font-size: 17px;
    }
    .edito_dec_offre{
        margin: 0;
        padding: 20px 10px;
        font-size: 17px;
    }
    .edito_mg250{
        margin: 0;
        padding: 75px 10px;
        font-size: 20px;
    }
    .edito_mg210{
        margin: 0;
        padding: 75px 10px;
    }
    .edito_mg270{
        margin: 0;
        padding: 35px 10px;
        font-size: 17px;
    }
    .edito_white{
        margin: 0;
        padding: 10px 10px;
        font-size: 17px;
    }
    .edito_white_cursive{
        margin: 0;
        padding: 75px 10px;
        font-size: 30px;
    }

    .edito_white_acceuil{
        margin: 0;
        padding: 0 10px;
        font-size: 15px;
    }

    .edito_myWa{
        margin: 0;
        padding: 75px 10px;
    }

    .edito_rems{
        margin: 0;
        padding: 75px 10px;
    }
    .edito_rems_g{
        margin: 0;
        padding: 75px 10px;
        font-size: 20px;
    }
    .edito_rems_d{
        margin: 0;
        padding: 75px 10px;
        font-size: 20px;
    }
    .bg_blue {
        padding: 10px 10px;
    }
    .bg_green {
        padding: 10px 10px;
    }
    .bg_ny {
        padding: 10px 10px;
    }
    .bg_solution_avenir {
        padding: 10px 10px 0px 10px;
    }
    .section_ressources {
        padding: 30px 10px;
    }
    #pointsForts {
        padding: 0px;
        width: 100%;
    }
    .menu ul ul ul{
        display: none;
    }
    .menu li:hover > ul{
        left:155px;
    }
    #synthese table h2 {
        font-size: 22.5px !important;
    }
    #synthese table h3 {
        font-size: 15.5px !important;
    }
    #synthese table h4 {
        font-size: 14.5px !important;
    }
    .contenuSeji .img_wrap h3 {
        text-align: center;
        color: white;
        margin-top: -58px;
        position: absolute;
        width: inherit;
        font-size: 15px;
        padding: 0 22px;
        line-height: 15px;
    }
    .contenuSeji {
        float: left;
        width: 50%;
        display: table;
        margin: 0px !important;
    }

    .contenuSeji .img_img {
        height: auto;
        filter: brightness(70%);
    }
    .SejiVersion {
        float: left;
        width: 50%;
    }
    .SejiVersion .img_wrap .img_img {
        height: auto;
        filter: brightness(75%);
    }
    .SejiVersion .img_wrap h3 {
        text-align: center;
        color: white;
        margin-top: -80px;
        position: absolute;
        width: inherit;
        font-size: 27px;
    }
    #download {
        margin: auto;
        width: 285px;
        display: block;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    #contentVersionSeji {
        height: 380px;
    }
    .milae {
        margin: 10px;
    }
    .MILAEmod {
    width: 100%;
    margin: 0px;
    float: none;
    height: 155px;
    text-align: center;
    margin-top: 10px;
    }
    #i-building2{
        height: 60px;
    }
    #text-i-building2{
        margin-top: -40px;
    }
    .contenuschemaUTSY{
        display: none !important;
    }
    #schema_utsy{
        height: auto !important;
	    padding-top: 0px !important;
        display: none;
    }
    #contenuUtsy {
    height: 500px;
	}
	.schemaUTSY input:checked + label img {
    -webkit-transform: translate(-100px, -30px) scale(2);
    -moz-transform: translate(-100px, -30px) scale(2);
    -o-transform: translate(-100px, -30px) scale(2);
    transform: translate(-100px, -30px) scale(2);
    cursor: zoom-out;
    }

    #map {
        width: 100%;
        height: 410px;
    }
    #adresse {
        width: 320px;
    }
    .ML{
        font-size: 25px !important;
    }
    #vert_1{
        display: none;
    }
    .contenuDouble{
        display: none;
    }

    .img_miniature_news{
        width: 100% !important;
        height: auto !important;
    }

    .iframe_newsletter{
        height: 600px;
    }

    .titre_edito{
        font-size: 18px !important;
    }
    #guillemet_edito{
        height: 18px;
    }
    #contenuMywaGlobal{
        min-height: 270px;
    }
    .contenuMywa .img_wrap h3 {
        margin-top: -65px;
        font-size: 12px;
        line-height: 15px;
    }
    .contenuMywa .img_img {
        height: 90px;
    }
    .img_description_layer_mywa {
        font-size: 10px;
    }
    #imgMywa img{
        padding: 0%;
    }
    .slider{
        height: 150px;
    }
    .slider__img{
        max-height: 150px;
        max-width: 150px;
    }
    .citation{
        font-size: 20px;
    }

    #menu{
        width: 155px;
        margin-left: -155px;
        font-size: 85%;
    }
    .div-menu-margin-left{
        margin-left: 155px;
    }
    #menuliste li:hover > ul{
        left:155px;
        font-size: 80%;
    }
    #menuliste li{
        position: initial;
    }

    .point_fort{
        height: 210px;
        padding: 20px;
    }
}

@media screen and (max-width: 25em) {
    body {
        font-size: 80%;
    }
}