/* A11Y Menu * by Sonia DAOUDA */ 


#top-menu li a:hover,
#top-menu li a:active,
#top-menu li a:active {
	text-decoration: underline;
	color: #df2f26
}

#top-menu > li:focus {
   	transition: background-color 150ms ease-out; 
	outline: 4px solid black ;
}

#et_top_search:focus {
    outline: 4px solid black;
    padding: 1em;
	transition: background-color 150ms ease-out; 
}

.hiddenMenu {
    opacity: 0 !important;
    visibility: hidden !important; 
}

.sub-menu.visibleMenu {
    opacity: 1 ;
    visibility: visible;
}

#top-menu li .sub-menu.visibleMenu li:focus {
	color: #df2f26;
	outline: 1px solid #df2f26;
}

#top-menu li .sub-menu {
	border: none ;
}

/* Text without CSS (disabled) back to  Accueil Aubay ** by Sonia DAOUDA*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/* focus btn historique AG ** by Roua SALLEH */

.et_pb_module.archive:focus{
	outline:4px solid #DE5B25;
}
#page-container .et_pb_row  .et_pb_column:focus{
	    background-image: initial;
    background-color: #DE5B25;
}
#page-container .global-bloc-archive .et_pb_row  .et_pb_column:focus{
	    background-image: initial;
    background-color: #DE5B25;
} 

/* btn close ** by Roua SALLEH */ 

.mfp-iframe-holder .mfp-content button{
	width:5%;
	opacity: 1;
    top: -8%;
    left: 100%;
}
.mfp-close:focus{
	outline:4px solid rgb(94, 158, 214);
}



/* focus animation flipbox gouvernance ** by Roua SALLEH */

.et-db #et-boc .dsm_flipbox_child.et_pb_module,
.et-db #et-boc .et-l #et-fb-app .dsm_flipbox_child.et_pb_module, 
.dsm_flipbox_child.et_pb_module.et_pb_section_parallax {
    position: absolute !important;
    height: 100%;
}
/*iOS bug*/
.safari .dsm_flipbox,
.ios .dsm_flipbox {
    -webkit-transform: translate3d(0, 0, 0);
}
/*New divi icon update*/
.dsm_flipbox_child .et_pb_button[data-icon]:not([data-icon=""]):after {
    content: attr(data-icon);
}
/*divi new update align text*/  

.et_pb_text_align_left {
    text-align: left; }
  
  .et_pb_text_align_center {
    text-align: center; }
  
  .et_pb_text_align_right {
    text-align: right; }
  
  .et_pb_text_align_justified {
    text-align: justify; }

.dsm-flipbox {
    height: 200px;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.dsm_flipbox_child.et_pb_module {
    margin-bottom: 0 !important;
}

.dsm-flipbox-3d .dsm_flipbox_child .et_pb_module_inner {
    -webkit-transform: translateZ(90px) scale(0.91);
    transform: translateZ(90px) scale(0.91);
}

.dsm-flipbox.dsm-flipbox-3d .dsm_flipbox_child {
    overflow: initial;
}

.dsm-flipbox.dsm-flipbox-3d {
    transform-style: preserve-3d;
}

.et-db #et-boc .dsm-flipbox-3d .dsm_flipbox_child>div {
    -webkit-transform: translateZ(90px) scale(0.91);
    transform: translateZ(90px) scale(0.91);
}

.dsm_flipbox_child .et_pb_module_inner,
.et-db #et-boc .dsm_flipbox_child>div {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dsm_flipbox_child {
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute !important;
    width: 100%;
    height: 100%;
    -webkit-transition: transform .6s ease-in-out;
    -o-transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    border-style: solid;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dsm_flipbox_child .et_pb_button {
    text-shadow: none;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
}

.dsm_flipbox_child.et_hover_enabled {
    -webkit-transition: transform .6s ease-in-out;
    -o-transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
}
/*Fade*/
.dsm-flipbox-fade .dsm_flipbox_child {
    -webkit-transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-fade .dsm_flipbox_child:first-child,
.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-fade .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-fade .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-fade .dsm_flipbox_child:nth-child(2) {
    opacity: 1;
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-fade .dsm_flipbox_child:nth-child(2),
.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-fade .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-fade .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-fade .dsm_flipbox_child:first-child {
    opacity: 0;
}

.dsm-subtitle {
    display: block;
}
/*Zoom In*/
.dsm-flipbox-zoom-in .dsm_flipbox_child {
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-in .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-in .dsm_flipbox_child:nth-child(2) {
    opacity: 0;
    transform: scale(0.8);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-in .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-in .dsm_flipbox_child:nth-child(2) {
    opacity: 1;
    transform: scale(1);
}

/*Zoom Out*/
.dsm_flipbox .dsm-flipbox-zoom .dsm_flipbox_child {
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out .dsm_flipbox_child:first-child {
    opacity: 1;
    transform: scale(1);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out .dsm_flipbox_child:first-child {
    opacity: 0;
    transform: scale(0.8);
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out .dsm_flipbox_child:nth-child(2) {
    opacity: 0;
    transform: scale(0.8);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out .dsm_flipbox_child:nth-child(2) {
    opacity: 1;
    transform: scale(1);
}

/*Zoom Out Up*/
.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out-up .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-up .dsm_flipbox_child:first-child {
    animation: dsm-animation-zoom-out-up 0.6s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out-up .dsm_flipbox_child:nth-child(2) {
    opacity: 0;
    transform: scale(0.8);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-up .dsm_flipbox_child:nth-child(2) {
    opacity: 1;
    transform: scale(1);
}

@-webkit-keyframes dsm-animation-zoom-out-up {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        -moz-transform: scale(0.8) translateY(0%);
        -ms-transform: scale(0.8) translateY(0%);
        -o-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(0.8) translateY(-150%);
        -moz-transform: scale(0.8) translateY(-150%);
        -ms-transform: scale(0.8) translateY(-150%);
        -o-transform: scale(0.8) translateY(-150%);
        transform: scale(0.8) translateY(-150%);
        opacity: 0;
    }
}

@keyframes dsm-animation-zoom-out-up {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        -moz-transform: scale(0.8) translateY(0%);
        -ms-transform: scale(0.8) translateY(0%);
        -o-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(0.8) translateY(-150%);
        -moz-transform: scale(0.8) translateY(-150%);
        -ms-transform: scale(0.8) translateY(-150%);
        -o-transform: scale(0.8) translateY(-150%);
        transform: scale(0.8) translateY(-150%);
        opacity: 0;
    }
}

/*Zoom Out Down*/
.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out-down .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-down .dsm_flipbox_child:first-child {
    animation: dsm-animation-zoom-out-down 0.6s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out-down .dsm_flipbox_child:nth-child(2) {
    opacity: 0;
    transform: scale(0.8);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-down .dsm_flipbox_child:nth-child(2) {
    opacity: 1;
    transform: scale(1);
}

@-webkit-keyframes dsm-animation-zoom-out-down {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        -moz-transform: scale(0.8) translateY(0%);
        -ms-transform: scale(0.8) translateY(0%);
        -o-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(0.8) translateY(150%);
        -moz-transform: scale(0.8) translateY(150%);
        -ms-transform: scale(0.8) translateY(150%);
        -o-transform: scale(0.8) translateY(150%);
        transform: scale(0.8) translateY(150%);
        opacity: 0;
    }
}

@keyframes dsm-animation-zoom-out-down {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        -moz-transform: scale(0.8) translateY(0%);
        -ms-transform: scale(0.8) translateY(0%);
        -o-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(0.8) translateY(150%);
        -moz-transform: scale(0.8) translateY(150%);
        -ms-transform: scale(0.8) translateY(150%);
        -o-transform: scale(0.8) translateY(150%);
        transform: scale(0.8) translateY(150%);
        opacity: 0;
    }
}

/*Zoom Out Right*/
.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out-right .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-right .dsm_flipbox_child:first-child {
    animation: dsm-animation-zoom-out-right 0.6s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out-right .dsm_flipbox_child:nth-child(2) {
    opacity: 0;
    transform: scale(0.8);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox:focus .dsm_flipbox_clicked.dsm-flipbox-zoom-out-right .dsm_flipbox_child:nth-child(2){
    opacity: 1;
    transform: scale(1);
}

@-webkit-keyframes dsm-animation-zoom-out-right {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        -moz-transform: scale(0.8) translateX(0%);
        -ms-transform: scale(0.8) translateX(0%);
        -o-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(0.8) translateX(150%);
        -moz-transform: scale(0.8) translateX(150%);
        -ms-transform: scale(0.8) translateX(150%);
        -o-transform: scale(0.8) translateX(150%);
        transform: scale(0.8) translateX(150%);
        opacity: 0;
    }
}

@keyframes dsm-animation-zoom-out-right {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        -moz-transform: scale(0.8) translateX(0%);
        -ms-transform: scale(0.8) translateX(0%);
        -o-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(0.8) translateX(150%);
        -moz-transform: scale(0.8) translateX(150%);
        -ms-transform: scale(0.8) translateX(150%);
        -o-transform: scale(0.8) translateX(150%);
        transform: scale(0.8) translateX(150%);
        opacity: 0;
    }
}

/*Zoom Out Left*/
.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out-left .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-left .dsm_flipbox_child:first-child {
    animation: dsm-animation-zoom-out-left 0.6s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out-left .dsm_flipbox_child:nth-child(2) {
    opacity: 0;
    transform: scale(0.8);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-zoom-out-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-left .dsm_flipbox_child:nth-child(2) {
    opacity: 1;
    transform: scale(1);
}

@-webkit-keyframes dsm-animation-zoom-out-left {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        -moz-transform: scale(0.8) translateX(0%);
        -ms-transform: scale(0.8) translateX(0%);
        -o-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(0.8) translateX(-150%);
        -moz-transform: scale(0.8) translateX(-150%);
        -ms-transform: scale(0.8) translateX(-150%);
        -o-transform: scale(0.8) translateX(-150%);
        transform: scale(0.8) translateX(-150%);
        opacity: 0;
    }
}

@keyframes dsm-animation-zoom-out-left {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        -moz-transform: scale(0.8) translateX(0%);
        -ms-transform: scale(0.8) translateX(0%);
        -o-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(0.8) translateX(-150%);
        -moz-transform: scale(0.8) translateX(-150%);
        -ms-transform: scale(0.8) translateX(-150%);
        -o-transform: scale(0.8) translateX(-150%);
        transform: scale(0.8) translateX(-150%);
        opacity: 0;
    }
}

/*Slide*/
.dsm_flipbox [class^='dsm-flipbox-slide-'],
.dsm_flipbox [class*=' dsm-flipbox-slide-'] {
    overflow: hidden;
}

.dsm_flipbox:focus [class^='dsm-flipbox-slide-'].dsm_flipbox_hover .dsm_flipbox_child:nth-child(2),
.dsm_flipbox:focus [class*=' dsm-flipbox-slide-'].dsm_flipbox_hover .dsm_flipbox_child:nth-child(2),
.dsm_flipbox [class^='dsm-flipbox-slide-'].dsm_flipbox_clicked .dsm_flipbox_child:nth-child(2),
.dsm_flipbox [class*=' dsm-flipbox-slide-'].dsm_flipbox_clicked .dsm_flipbox_child:nth-child(2) {
    transform: translate(0, 0);
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-slide-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-slide-up .dsm_flipbox_child:nth-child(2) {
    transform: translateY(100%);
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-slide-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-slide-down .dsm_flipbox_child:nth-child(2) {
    transform: translateY(-100%);
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-slide-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-slide-left .dsm_flipbox_child:nth-child(2) {
    transform: translateX(100%);
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-slide-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-slide-right .dsm_flipbox_child:nth-child(2) {
    transform: translateX(-100%);
}

/*Icon*/
.dsm_flipbox_child .dsm_flipbox_child_image_wrap {
    display: block;
    margin: auto;
}

.dsm_flipbox_child_image {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 30px;
    line-height: 0;
}

.dsm_flipbox_icon_position_left .dsm_flipbox_child_image,
.dsm_flipbox_icon_position_right .dsm_flipbox_child_image {
    display: table-cell;
    width: 32px;
    line-height: 0;
}

.dsm_flipbox_icon_position_left .dsm_flipbox_wrapper {
    padding-left: 15px;
}

.dsm_flipbox_icon_position_left .dsm_flipbox_wrapper,
.dsm_flipbox_icon_position_right .dsm_flipbox_wrapper {
    display: table-cell;
    vertical-align: top;
}

/*Hover*/
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-right .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-right .dsm_flipbox_child:first-child {
    z-index: 1;
    transform: rotateX(0deg) rotateY(0deg);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-effect-right .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-right .dsm_flipbox_child:first-child {
    transform: rotateX(0deg) rotateY(180deg);
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-right .dsm_flipbox_child:nth-child(2) {
    transform: rotateX(0deg) rotateY(-180deg);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-effect-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-right .dsm_flipbox_child:nth-child(2) {
    transform: rotateX(0deg) rotateY(0deg);
}


/*Left*/
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-left .dsm_flipbox_child:first-child {
    z-index: 1;
    transform: rotateX(0deg) rotateY(0deg);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-left .dsm_flipbox_child:first-child {
    transform: rotateX(0deg) rotateY(-180deg);
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2) {
    transform: rotateX(0deg) rotateY(180deg);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2) {
    transform: rotateX(0deg) rotateY(0deg);
}

/*Up*/
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-up .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-up .dsm_flipbox_child:first-child {
    z-index: 1;
    transform: rotateX(0deg) rotateY(0deg);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-effect-up .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-up .dsm_flipbox_child:first-child {
    transform: rotateX(180deg) rotateY(0);
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-up .dsm_flipbox_child:nth-child(2) {
    transform: rotateX(-180deg) rotateY(0);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-effect-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-up .dsm_flipbox_child:nth-child(2) {
    transform: rotateX(0deg) rotateY(0deg);
}

/*Down*/
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-down .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-down .dsm_flipbox_child:first-child {
    z-index: 1;
    transform: rotateX(0deg) rotateY(0deg);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-effect-down .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-down .dsm_flipbox_child:first-child {
    transform: rotateX(-180deg) rotateY(0);
}

.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-down .dsm_flipbox_child:nth-child(2) {
    transform: rotateX(180deg) rotateY(0);
}

.dsm_flipbox:focus .dsm_flipbox_hover.dsm-flipbox-effect-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-down .dsm_flipbox_child:nth-child(2) {
    transform: rotateX(0deg) rotateY(0deg);
}



/* Accessibilité ** by Marc FERT */

.et_pb_menu_0_tb_footer.et_pb_menu ul li.current-menu-item a, .et_pb_menu_0_tb_footer.et_pb_menu ul li.current-menu-item a:active {

    text-decoration: overline;
}


/* Taille des drapeaux */
.lang-item img {
    width: 20px !important;
    height: 14px !important;
}

.nf-form-content select.ninja-forms-field {
    color: #000!important;
}

/* Rejoindre Aubay flottant cote droit */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1!important;
  
}



/* Focus */


a:focus-visible {
	
	outline: 4px solid #000;
	
}



.cn-close-icon:after, .cn-close-icon:before {
  
    background-color: #fff;

}

.cn-close-icon {
  
opacity:1;

}

#cookie-notice a:focus, #cookie-notice button:focus-visible {
    outline: 2px solid #fff!important;

}



.archive.btn-dropDown:focus-visible:before {
    outline: 4px solid #000!important;

}

.dsm_card_carousel .swiper-button-next:focus-visible:before {
    outline: 4px solid #000!important;
 
}
.dsm_card_carousel .swiper-button-prev:focus-visible:before  {
    outline: 4px solid #000!important;

}

.dsm_card_carousel .swiper-button-next:focus-visible {
    outline: 4px solid #000!important;
 
}
.dsm_card_carousel .swiper-button-prev:focus-visible  {
    outline: 4px solid #000!important;

}

.et_pb_gutters3 .et_pb_column_1_5 .et_pb_module:focus-visible  {
    outline: 4px solid #000!important;

}

#page-container .et_pb_row  .et_pb_column:focus {
    background-image: initial;
	  outline: 3px solid #000!important;
}


/* Popin service applicatifs */

.dsm_icon_list .dsm_icon_list_ltr_direction .dsm_icon_list_child .dsm_icon_list_text {
  
      color: #fff;
}


.dsm_icon_list .dsm_icon_list_ltr_direction .dsm_icon_list_child .dsm_icon_list_text {
    color: #000;
}


/* Fond noir twitter */

.ffsocial_i-twitter .ffsocial_inner {
    background-color: #000;
}


/* fleches et point de navigation carroussel */
.dsm_blog_carousel_0 .swiper-button-next:after  {

    color: #000000 !important;
	
}

.dsm_blog_carousel_0 .swiper-button-prev:after   {

    color: #000000 !important;
	
}

.swiper-button-prev:before, .swiper-button-next:before {
    transition: font-size 0.3s ease-in-out, color 0.3s ease-in-out;

	
}

.swiper-button-prev:hover:before, .swiper-button-next:hover:before {
    font-size: 50px !important;
    color: #df2f26 !important;

}



.swiper-pagination-bullet:hover {
    width: 16px;
    height: 16px;
	background: #df2f26!important;
}


.dsm_card_carousel_0 .swiper-pagination-bullet {
    width: 14px!important;
    height: 14px!important;
	background: #df2f26!important;

  
}

.dsm_card_carousel_0 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px!important;
    height: 16px!important;
	background: #df2f26!important;
	outline: 2px solid #000;
  
}

.dsm_card_carousel .swiper-pagination-bullets .swiper-pagination-bullet:focus-visible {
   outline: 4px solid #000;
}


.et-pb-arrow-next:hover, .et-pb-arrow-prev:hover {
 
	    transition: font-size 0.3s ease-in-out, color 0.3s ease-in-out;
	font-size: 60px !important;
	outline: 2px solid #000;
}



.et-pb-controllers a {
    display: inline-block;
    background-color: #000;
    text-indent: -9999px;
    border-radius: 7px;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    padding: 0;
    opacity: 1;

}

.et-pb-controllers a:hover {
	width: 16px;
    height: 16px;
	transition: font-size 0.3s ease-in-out, color 0.3s ease-in-out;
	outline: 2px solid #df2f26;
	
}

.et-pb-controllers a:active {
	width: 16px;
    height: 16px;
	transition: font-size 0.3s ease-in-out, color 0.3s ease-in-out;
	outline: 2px solid #000;
}

.et-pb-active-control {
	width: 16px;
    height: 16px;
	transition: font-size 0.3s ease-in-out, color 0.3s ease-in-out;
	outline: 2px solid #000;
	
}

#join-aubay-also .et-pb-arrow-prev {
    left: 22px;
	opacity:initial;
}
#join-aubay-also .et-pb-arrow-next {
    right: 22px;
	opacity:initial;
}

body #page-container .et_pb_section .et_pb_button_3 {

    background-color: #df2f26!important;
}

body #page-container .et_pb_section .et_pb_button_3:hover {

    color:#000!important;
	background-color: #FFCD70!important;
}

body #page-container .et_pb_section .et_pb_button_15 {

    background-color: #df2f26!important;
}

body #page-container .et_pb_section .et_pb_button_15:hover {

    color:#000!important;
	background-color: #FFCD70!important;
}

/* A11Y Focus button's form apply ** by  Sonia DAOUDA */
#formulaire div.nf-field-element button:focus-visible , #formulaire div.nf-field div.nf-field-element input:focus-visible {
	outline:  auto 1.5px;
	
}