/* STYLES GLOBAUX  ********************************************************* */
html, body {
    /*height:100%; */
    /*min-height:100%; */
    height: auto;
    min-height: auto;
    position:relative;
    overflow-x:hidden;
}
* {
    box-sizing: border-box;
    margin:0px;
    padding:0px;
}

body, #wuHeaderExt, #wuHeaderInt, #wuFooterExt, #wuFooterInt {
    display: flex;
    flex-direction: column;
    align-items: center;
    width:100%;
}

#wuHeaderExt.wuFixed, #wuHeaderInt.wuFixed, #wuFooterExt.wuFixed, #wuFooterInt.wuFixed {
    position:fixed;
    z-index:10000;
}

#wuRub {
    width:100%;
    max-width: 100%;
}

#wuBarreLaterale {
    position:absolute;
    display:block;
    height: 100%;
    min-height:100vh;
    overflow-x: hidden;
    z-index:10001;
    opacity:0;
}
#wuBarreLaterale.wuLeft {
    left:0
}
#wuBarreLaterale.wuRight {
    right:0
}
#wuBarreLaterale.wuFixed {
    position:fixed;
}
.wuBtBarreLaterale {
    cursor:pointer
}

/*body si pas de style*/
.default {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 1px;
}

/* Images de fond du body */
#wuBodyFond2, #wuBodyFond {
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 100%;
    z-index: -1;
}

/*link par default*/
a:visited {
    color: #888;
    text-decoration: none;
}

a:link {
    color: #888;
    text-decoration: none;
}

a:hover {
    color: #000000;
    text-decoration: none;
}

a:active {
    color: #000000;
    text-decoration: none;
}

a:focus {
    outline: none;
}

/*texte par defaut*/
.wuDefaultText {
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* Permet le retour a la ligne */
.wu_clear_both {
    margin: 0px; /* bug FF (obligatoire) */
    clear: both;
}

/* Alignement a gauche */
.wu_align_left {
    margin: 0px; /* bug FF (obligatoire) */
    clear: both;
    text-align: left;
}

/* Alignement au centre */
.wu_align_center {
    margin: 0px; /* bug FF (obligatoire) */
    clear: both;
    text-align: center;
}

/* Alignement a droite */
.wu_align_right {
    margin: 0px; /* bug FF (obligatoire) */
    clear: both;
    text-align: right;
}

/* Alignement en float a gauche */
.wu_float_left {
    margin: 0px; /* bug FF (obligatoire) */
    float: left;
}

/* Alignement en float a droite */
.wu_float_right {
    margin: 0px; /* bug FF (obligatoire) */
    float: right;
}

/* Alignement des images a gauche */
.wu_img_float_left {
    float: left;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
}

/* Alignement des images a droite */
.wu_img_float_right {
    float: right;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 0px;
}

.wu_display_none {
    margin: 0px; /* bug FF (obligatoire) */
    display: none;
}

.wu_width_100 {
    margin: 0px; /* bug FF (obligatoire) */
    width: 100px;
}

.wu_width_150 {
    margin: 0px; /* bug FF (obligatoire) */
    width: 150px;
}

.wu_width_200 {
    margin: 0px; /* bug FF (obligatoire) */
    width: 200px;
}

.wu_width_250 {
    margin: 0px; /* bug FF (obligatoire) */
    width: 250px;
}

.wu_inter_10 {
    margin: 0px; /* bug FF (obligatoire) */
    float: left;
    width: 10px;
}

.wu_inter_5 {
    margin: 0px; /* bug FF (obligatoire) */
    float: left;
    width: 5px;
}

.wu_bgcolor_gray {
    background-color: #E9E9E9;
}

.wu_bgcolor_white {
    background-color: #FFFFFF;
}

/*style des UL des plan html*/
.wu_menu_ul {
    clear: both;
    margin: 0px;
    padding: 0px;
    /*display:inline-block;*/
    list-style-type: none;
    list-style-image: none;
}

/*texte par defaut*/
.wuDefaultSpacer {
    margin: 0px; /* bug FF (obligatoire) */
    font-size: 0px;
    line-height: 0px;
    width:100%;
}

.wuNoBorder {
    border: 0px;
    /*vertical-align:text-top;*/
}

/* Choix de la langue */
.wuChooseLng {
    border: none;
}

.wuUnvisible {
    visibility: hidden;
}

#ui-datepicker-div {
    z-index: 999999999 !important;
}

#wuWaitingPageLoaded {
    display:block;
    position : absolute;
    top :0px;
    left:0px;
    width:100%;
    height:100%;
    z-index : 90000099;
    background:#ddd;
}

/* FANCYBOX  ************************************************************** */
#fancybox-wrap {
    max-width: 100%;
}
#fancybox-inner {
    text-align: left;
}
#fancybox-overlay, #fancybox-overlay *, #fancybox-wrap, #fancybox-wrap * {
    box-sizing: content-box;
}
.wuPopin, .wuPopin * {
    box-sizing: border-box !important;
}
.wuPopin {
    min-height: 100%;
}
/* COOKIE BANNER  ********************************************************* */
#fancybox-loading.wuCookieBanner {
    visibility: hidden;
    margin-left: -99999px;
}
#fancybox-wrap.wuCookieBanner {
    margin:0;
    padding:0;
    height: auto !important;
    box-sizing: border-box;
    background: #333;
    color: #ccc;
    opacity: 0.8;
}
#fancybox-wrap.wuCookieBanner #fancybox-inner {
    overflow:hidden !important;
    position: relative;
    height: auto !important;
}
#fancybox-wrap.wuCookieBanner.top {
    top:0 !important;
    bottom:auto !important;
}
#fancybox-wrap.wuCookieBanner.bottom {
    top:auto !important;
    bottom:0 !important;
}
#fancybox-wrap.wuCookieBanner.left {
    left:0 !important;
    right: auto !important;
}
#fancybox-wrap.wuCookieBanner.right {
    left: auto !important;
    right:0 !important;
}
#fancybox-wrap.wuCookieBanner #fancybox-outer {
    background-color:transparent;
}
.wuCookieBanner button {
    cursor: pointer;
}
.wuCookieBanner .wuPopin wu_texte{
    text-align: left;
    color: #ccc;
}

/* PAGINATION *************************************************** */
.wuPaging_top {
    margin-bottom:1rem;
}
.wuPaging_bottom {
    margin-top:1rem;
}

/* FLEX ********************************************************* */
.wuBox {
    max-width:100%;
}
.wuFlex, .wuFlex_left {
    display:flex;
    width:100%;
    max-width:100%;
    flex-flow: row wrap;
    justify-content: center;
}
.wuFlex_left {
    justify-content: flex-start;
}
.wuFlexBy1 > * {
    width:100%;
    max-width:100%;
}
.wuFlexBy2 > * {
    width:50%;
    max-width:50%;
}
.wuFlexBy3 > * {
    width:33%;
    max-width:33%;
}
.wuFlexBy4 > * {
    width:25%;
    max-width:25%;
}
.wuFlexBy5 > * {
    width:20%;
    max-width:20%;
}
.wuFlexBy6 > * {
    width:16%;
    max-width:16%;
}
.wuFlexBy7 > * {
    width:14%;
    max-width:14%;
}
.wuFlexBy8 > * {
    width:12%;
    max-width:12%;
}
.wuFlexBy9 > * {
    width:11%;
    max-width:11%;
}
.wuFlexBy10 > * {
    width:10%;
    max-width:10%;
}

/* IMAGE / FA / IMG BANNER ************************************************** */
.wuc_ssnav .wu_figure_ctn {
    display:inline-block;
}
.wu_figure {
    position:relative;
    overflow: hidden;
    display:inline-block;
    max-width: 100%;
    width: auto;
    height: auto;
}
.wu_icone_div {
    position:relative;
    overflow: hidden;
    display:inline-flex;
    justify-content: center;
    align-items: center;
    width:100%;
}
.wu_icone_div i.wu_mask_is_above, .wu_icone_div img.wu_mask_is_above {
    z-index:1;
}
.wu_icone_div i.wu_mask_is_below, .wu_icone_div img.wu_mask_is_below {
    z-index:3;
}
.wu_figure a {
    display: inline-block;
}
.wu_figure .img, img {
    max-width:100%;
    height: auto;
}
.wuc_imgbanner .wu_figure a, .wuc_imgbanner .wu_figure a > div {
    width:100% !important;
    height:100% !important;
}
/* Zone de texte pour img banner */
.wu_view_on_hover {
    opacity: 0;
    transition: opacity ease 0.3s;
}
figure:hover .wu_view_on_hover {
    opacity: 1;
}
/* Masque overlay */
div.wu_image_overlay, div.wu_fa_overlay {
    position: absolute;
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index:2;
    transition: opacity ease 0.3s;
}
figure:hover *.wu_image + div.wu_image_overlay,
.wuc_focusimg:hover *.wu_image_over + div.wu_image_overlay,
.wuc_imgbanner:hover *.wu_image_over + div.wu_image_overlay,
div.wu_icone_div:hover i.wu_fa + div.wu_fa_overlay,
.wuc_focusfa:hover i + div.wu_fa_overlay,
div.wu_icone_div:hover > div.wu_fa_overlay,
.wuc_focusfa:hover > div.wu_fa_overlay,
.wuc_focusfa:hover .wu_fa_overlay {
    opacity:1;
}
/* Effet image over */
*.wu_image_over {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index:1;
    transition: opacity ease 0.3s;
}
figure:hover *.wu_anim_over + *.wu_image_over,
.wuc_focusimg:hover *.wu_anim_over + *.wu_image_over{
    opacity:1;
}
/* Effet image over avec slideLeft */
*.wu_image_over.wu_anim_slideLeft {
    opacity:1;
    left: -100%;
    transition: left ease 0.3s;
}
figure:hover *.wu_anim_over + *.wu_image_over.wu_anim_slideLeft,
.wuc_focusimg:hover *.wu_anim_over + *.wu_image_over.wu_anim_slideLeft{
    left:0;
}
/* Effet image over avec slideRight */
*.wu_image_over.wu_anim_slideRight {
    opacity:1;
    left: 100%;
    transition: left ease 0.3s;
}
figure:hover *.wu_anim_over + *.wu_image_over.wu_anim_slideRight,
.wuc_focusimg:hover *.wu_anim_over + *.wu_image_over.wu_anim_slideRight {
    left:0;
}
/* Effet image over avec slideTop */
*.wu_image_over.wu_anim_slideTop {
    opacity:1;
    top: -100%;
    transition: top ease 0.3s;
}
figure:hover *.wu_anim_over + *.wu_image_over.wu_anim_slideTop,
.wuc_focusimg:hover *.wu_anim_over + *.wu_image_over.wu_anim_slideTop {
    top:0;
}
/* Effet image over avec slideBottom */
*.wu_image_over.wu_anim_slideBottom {
    opacity:1;
    bottom: -100%;
    top:auto;
    transition: bottom ease 0.3s;
}
figure:hover *.wu_anim_over + *.wu_image_over.wu_anim_slideBottom,
.wuc_focusimg:hover *.wu_anim_over + *.wu_image_over.wu_anim_slideBottom {
    bottom:0;
}
/* Effet image grow */
*.wu_anim_grow {
    transition-duration: .3s;
    transition-property: transform;
}
.wu_anim_grow:active,
.wu_anim_grow:focus,
.wu_anim_grow:hover,
figure:hover *.wu_anim_grow,
.wuc_focusimg:hover *.wu_anim_grow {
    transform: scale(1.15);
}
/* Effet image push */
*.wu_anim_push {
    transition-duration: .3s;
    transition-property: transform;
    transform: scale(1.1);
}
.wu_anim_push:active,
.wu_anim_push:focus,
.wu_anim_push:hover,
figure:hover *.wu_anim_push,
.wuc_focusimg:hover *.wu_anim_push {
    transform: scale(1);
}
.wuc_focusimg a, .wuc_focusfa a, .wuc_imgbanner a			{
    text-decoration: none !important;
}

/* FORMULAIRE  *************************************************************** */
input, form { max-width: 100%; }

/* CONTAINER DE TIROIRS  ***************************************************** */
.ui-accordion-header.wuDrawer_header, .ui-accordion-header.wuDrawer_content {
    margin:0;
    padding:0;
    border:none;
    border-radius:0;
}
.ui-accordion-header .ui-icon {
    display: none !important;
}
.ui-accordion-header.wuDrawer_header {
    cursor:pointer;
}
.wuc_wucontdrawer *:focus	{ outline: 0; }

/* NAV HTML / CSS ************************************************************** */
nav {
    width:100%;
}
nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
nav a {
    display:block !important;
}
nav.wu_nav_css > ul.wu_nav_css_ul {
    display:flex;
}
nav.wu_nav_css > ul.wu_nav_css_ul::after{
    content: "";
    display: block;
    clear: both;
}
nav.wu_nav_css  ul.wu_nav_css_ul  li.wu_nav_css_li{
    position: relative;
}
nav.wu_nav_css li.wu_nav_css_li > ul.wu_nav_css_ul {
    display: none;
}
nav.wu_nav_css li.wu_nav_css_li:hover > ul.wu_nav_css_ul{
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0px;
    padding: 0px;
    z-index: 100000;
}
nav.wu_nav_css > ul.wu_nav_css_ul > li.wu_nav_css_li:hover ul.wu_nav_css_ul{
    top:0;
    left: 100%;
}
nav.wu_nav_css_horizontal > ul.wu_nav_css_ul > li.wu_nav_css_li:hover > ul.wu_nav_css_ul{
    top: 100%;
    left: 0px;
}
nav.wu_nav_css_vertical ul.wu_nav_css_ul{
    flex-direction: column;
}
.wu_nav_css_menu{
    display: none;
}
nav.wu_nav_css input[type=checkbox]{
    display: none;
}

/* LECTEUR YOUTUBE VIDEOS / BANNIERES VIDEOS / VIDEOS ************************************************************** */
.wu_resize_player {
    max-width: 100%;
    margin: auto;
}
.wu_resize_player div {
    position: relative;
    height: 0;
}
.wu_format_16_9 {
    position: relative; padding-bottom: 56.25%; overflow: hidden; width: 100%; max-width: 100%; height: 100%;
}
.wu_format_4_3 {
    position: relative; padding-bottom: 75.94%; overflow: hidden; width: 100%; max-width: 100%; height: 100%;
}
.wu_format_16_9 video	{
    position: absolute; top: 0%; left: 0; width: 100%; height: 100%; border-width: 0;
}
.wu_videobanner_video .wu_format_16_9 video, .wu_video_video .wu_format_16_9 video {
    width:auto;
}
.wu_format_4_3 video	{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0;
}
.wu_videobanner_video .wu_format_4_3 video, .wu_video_video .wu_format_4_3 video {
    width:auto;
}
.wu_resize_player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wu_videobanner_container, .wu_video_container			{
    max-height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.wu_video_video {
    width:100%;
    max-width:100%;
}
.wu_videobanner_content		{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wu_videobanner_video {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.wu_videobanner_content_flex	{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.wu_videobanner_content_flex_v_top { justify-content: flex-start; }
.wu_videobanner_content_flex_v_center { justify-content: center; }
.wu_videobanner_content_flex_v_bottom { justify-content: flex-end; }
.wu_videobanner_content_flex_h_left { align-items: flex-start; }
.wu_videobanner_content_flex_h_center { align-items: center; }
.wu_videobanner_content_flex_h_right { align-items: flex-end; }

/* LEAFLET ************************************************************** */
.leaflet-control-layers-selector { width:auto; }
.wuMapCluster {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background-color: #3498db;
    color: white;
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    margin-top: -18px;
    margin-left: -18px;
}

/* TREVIEW ************************************************************** */
.treeview .hitarea{
    margin-top: 4px !important;
}
.treeview li {
    padding-top:0 !important;
}
.treeview li .wu_figure_ctn{
    display:inline-block;
}

/* LIEN INTERACTIF ************************************************************** */
.wu_interactive_ctn {
    position: relative;
    width: auto;
    display: inline-flex;
    flex-direction: column;
}
.wu_interactive_ctn:hover {
    display: block;
}
.wu_interactive_link {
    display: inline-block;
    cursor:pointer;
}
.wu_interactive_zone {
    visibility: hidden;
    position : absolute;
    z-index: 99999;
    max-width :100%;
    opacity: 0;
    transition: opacity 0.3s;
    height: 0;
    overflow: hidden;
}
.wu_interactive_ctn:hover .wu_interactive_zone {
    opacity: 1;
    height: auto;
    visibility: visible;
}

/* GRILLE DE BANNIERES ************************************************************** */
*[class*="grid-container-"] {
    display: grid;
}
*[class*="grid-container-"] article,
*[class*="grid-container-"] .wu_figure_ctn,
*[class*="grid-container-"] figure,
*[class*="grid-container-"] figure > img,
*[class*="grid-container-"] figure > div {
    height: 100% !important;
    width: 100% !important;
    display: block;
}
/*Grand / moyen / moyen */
.grid-container-gmm {
    grid-template-columns: auto 50%;
    grid-template-rows: auto 50%;
}
.grid-container-gmm .grid-item-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
.grid-container-gmm .grid-item-2 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
.grid-container-gmm .grid-item-3 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}
/*Grand / petit / petit */
.grid-container-gpp {
    grid-template-columns: auto 25%;
    grid-template-rows: auto 50%;
}
.grid-container-gpp .grid-item-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
.grid-container-gpp .grid-item-2 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
.grid-container-gpp .grid-item-3 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}
/*Grand / moyen / petit / petit */
.grid-container-gmpp {
    grid-template-columns: auto 25% 25%;
    grid-template-rows: auto 50%;
}
.grid-container-gmpp .grid-item-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
.grid-container-gmpp .grid-item-2 {
    grid-column: 2 / 4;
    grid-row: 1 / 2;
}
.grid-container-gmpp .grid-item-3 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}
.grid-container-gmpp .grid-item-4 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}
/*Grand / moyen vertical / petit / petit */
.grid-container-gmvpp {
    grid-template-columns: auto 25% 25%;
    grid-template-rows: auto 50%;
}
.grid-container-gmvpp .grid-item-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
.grid-container-gmvpp .grid-item-2 {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}
.grid-container-gmvpp .grid-item-3 {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
.grid-container-gmvpp .grid-item-4 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}
/*Grand / petit / petit / petit / petit */
.grid-container-gpppp {
    grid-template-columns: auto 25% 25%;
    grid-template-rows: auto 50%;
}
.grid-container-gpppp .grid-item-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
.grid-container-gpppp .grid-item-2 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
.grid-container-gpppp .grid-item-3 {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
.grid-container-gpppp .grid-item-4 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}
.grid-container-gpppp .grid-item-5 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}
/*Grand vertical/ Grand vertical / moyen / petit / petit */
.grid-container-gvgvmpp {
    grid-template-columns: 25% 25% auto auto;
    grid-template-rows: auto 50%;
}
.grid-container-gvgvmpp .grid-item-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
.grid-container-gvgvmpp .grid-item-2 {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}
.grid-container-gvgvmpp .grid-item-3 {
    grid-column: 3 / 5;
    grid-row: 1 / 2;
}
.grid-container-gvgvmpp .grid-item-4 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}
.grid-container-gvgvmpp .grid-item-5 {
    grid-column: 4 / 5;
    grid-row: 2 / 3;
}

@media only screen and (max-width: 800px) {
    /*Grand / moyen / moyen || Grand / petit / petit */
    .grid-container-gmm , .grid-container-gpp{
        grid-template-columns: auto 50%;
        grid-template-rows: 50% auto;
    }
    .grid-container-gmm .grid-item-1,.grid-container-gpp .grid-item-1 {
        grid-column: 1 / 3;
        grid-row : 1 / 2;
    }
    .grid-container-gmm .grid-item-2,.grid-container-gpp .grid-item-2 {
        grid-column: 1 / 2;
        grid-row : 2 / 3;
    }
    .grid-container-gmm .grid-item-3,.grid-container-gpp .grid-item-3 {
        grid-column: 2 / 3;
        grid-row : 2 / 3;
    }
    /*Grand / moyen / petit / petit || Grand / moyen vertical / petit / petit*/
    .grid-container-gmpp, .grid-container-gmvpp {
        grid-template-columns: auto 50%;
        grid-template-rows: 50% auto auto;
    }
    .grid-container-gmpp .grid-item-1, .grid-container-gmvpp .grid-item-1 {
        grid-column: 1 / 3;
        grid-row : 1 / 2;
    }
    .grid-container-gmpp .grid-item-2, .grid-container-gmvpp .grid-item-2 {
        grid-column: 1 / 3;
        grid-row : 2 / 3;
    }
    .grid-container-gmpp .grid-item-3, .grid-container-gmvpp .grid-item-3 {
        grid-column: 1 / 2;
        grid-row : 3 / 4;
    }
    .grid-container-gmpp .grid-item-4, .grid-container-gmvpp .grid-item-4 {
        grid-column: 2 / 3;
        grid-row : 3 / 4;
    }
    /*Grand / petit / petit / petit / petit*/
    .grid-container-gpppp {
        grid-template-columns: auto 50%;
        grid-template-rows: 50% auto auto;
    }
    .grid-container-gpppp .grid-item-1 {
        grid-column: 1 / 3;
        grid-row : 1 / 2;
    }
    .grid-container-gpppp .grid-item-2{
        grid-column: 1 / 2;
        grid-row : 2 / 3;
    }
    .grid-container-gpppp .grid-item-3{
        grid-column: 2 / 3;
        grid-row : 2 / 3;
    }
    .grid-container-gpppp .grid-item-4{
        grid-column: 1 / 2;
        grid-row : 3 / 4;
    }
    .grid-container-gpppp .grid-item-5{
        grid-column: 2 / 3;
        grid-row : 3 / 4;
    }
    /*Grand vertical/ Grand vertical / moyen / petit / petit */
    .grid-container-gvgvmpp {
        grid-template-columns: auto 50%;
        grid-template-rows: 30% 30% auto auto;
    }
    .grid-container-gvgvmpp .grid-item-1 {
        grid-column: 1 / 3;
        grid-row : 1 / 2;
    }
    .grid-container-gvgvmpp .grid-item-2{
        grid-column: 1 / 3;
        grid-row : 2 / 3;
    }
    .grid-container-gvgvmpp .grid-item-3{
        grid-column: 1 / 3;
        grid-row : 3 / 4;
    }
    .grid-container-gvgvmpp .grid-item-4{
        grid-column: 1 / 2;
        grid-row : 4 / 5;
    }
    .grid-container-gvgvmpp .grid-item-5{
        grid-column: 2 / 3;
        grid-row : 4 / 5;
    }
}

@media only screen and (max-width: 480px) {
    /* Tous */
    *[class*="grid-container-"] {
        grid-template-columns: auto;
        grid-template-rows: auto auto auto auto auto;
    }
    *[class*="grid-container-"] .grid-item-1{
        grid-column: 1 / 2;
        grid-row : 1 / 2;
    }
    *[class*="grid-container-"] .grid-item-2{
        grid-column: 1 / 2;
        grid-row : 2 / 3;
    }
    *[class*="grid-container-"] .grid-item-3{
        grid-column: 1 / 2;
        grid-row : 3 / 4;
    }
    *[class*="grid-container-"] .grid-item-4{
        grid-column: 1 / 2;
        grid-row : 4 / 5;
    }
    *[class*="grid-container-"] .grid-item-5{
        grid-column: 1 / 2;
        grid-row : 5 / 6;
    }
}
/* SLIDEDECK ***************************************/
div.wuSlide > div.wuc_contmulticol{ height:100%; }

/* FULL CALENDAR ***********************************/
.wuc_wufullcalendar .ui-icon { display: inline-block; }

/* CADRE DECO ***********************************/
.wuFrame_align {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.wuFrame_cadre {
    display: inline-block;
    max-width: 100%;
    align-items:center;
}