.imgrelative {
    position: relative;
    margin-bottom: 1em;
}

.imgrelative img {
    width: 100%;
    max-width: 450px;
    margin: auto;
}

.filtre-formation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.filtre-formation h3{
	color:#fff;
	font-weight:700;
	font-size: 1.4em;
	text-transform: uppercase;
}
#date-sidebar {
    text-align: left;
}

#act {
    text-align: center;
}


.menuMission {
    color: #fff;
    margin: auto;
    padding: 30px 20px 30px;
    margin-bottom: 15px;    
    background-color: #A22886;
}

.menuMission h2 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: 'Open Sans Semibold', sans-serif;
}

.menuMission li {
    font-weight: bold;    
    padding-bottom: 10px;
}
.menuMission hr {
    margin: 8px 0 4px;
    background: #000;
    height: 2px;
    width: 40px;
    border: none;
}
#menuMission a{
    color:#fff;
	font-weight:600;
    opacity:0.8;
}
#menuMission a:hover{
    opacity:1;
}
.barrelaterale{
	background:#fff;
	padding:1em;
}
#act.barrelaterale h2{
	font-size:1.2em;
	text-align: left;
}

/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
    margin-top: 1em;
}

.custom-select-wrapper select {
    display: none;
}

.custom-select {
    position: relative;
    display: inline-block;
}

.custom-select-trigger {
    position: relative;
    display: block;
    padding: 0 84px 0 22px;
    font-size: .8em;
    font-weight: 600;
    text-transform: uppercase;
    color: #A22886;
    background: #fff;
    line-height: 40px;
    border-radius: 3px;
    cursor: pointer;
    min-width: 300px;
}

.custom-select-trigger:after {
    position: absolute;
    content: url(https://www.gds-bretagne.fr/wp-content/themes/GDS2020/img/picto-select.svg);
    transition: all .4s ease-in-out;
    right: 0;
    max-height: 40px;
    z-index: 9;
}

.move {
    background: #A22886;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    border-radius: 0 3px 3px 0;
}

.custom-select.opened .custom-select-trigger:after {
    transform: rotate(-180deg) translateY(0);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 22px;
    border-bottom: 1px solid #A22886;
    font-size: 18px;
    font-weight: 300;
    color: #333;
    line-height: 47px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.custom-option:hover,
.custom-option.selection {
    background: #f1f1f1;
}
@media screen and (max-width: 768px) {
.custom-select-trigger {
	width: 220px;
}
div.bloc-2:nth-child(5) {
	margin-top: 1.5em !important;
}
}
@media screen and (max-width: 400px) {
.custom-select-trigger {
	font-size: 14px;
	font-weight: 600;
}
.suiv-gds {
    height: auto;
}
#downAway > div > div.barrelaterale.suiv-gds > .reseausociaux {
    margin-top: 1em;
    zoom: 0.8;
    margin: auto;
    width: auto;
    float: none;
}
.textres{
    display: block;
    width: 100%;
}
#downAway > div > div.barrelaterale.suiv-gds > h2 {
    font-size: 1.2em;
    text-align: left;
}
}
@media screen and (max-width: 360px) {
.img-bl {
    float: inherit;
    width: auto;
    margin: 1em auto;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
    .custom-select-trigger {
        width: 258px;
    }
}

@media screen and (max-width: 992px) {
    #side {
        margin-top: 2em;
    }
    #images-sidebar {
        max-width: 450px;
        margin: .5em auto;
    }
}
@media screen and (max-width: 1023px) {
#downAway{
	padding:0;
	margin-top:1em;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
#date-sidebar {
    font-size: 1em;
}
#titre-sidebar a {
    font-size: 1.3em;
	margin-top:2em;
}
#images-sidebar>a>img {
    width: 20%;
    max-width: inherit;
    max-height: inherit;
    padding-right: 1.5em;
}
#images-sidebar {
    display: flow-root;
}
}
@media screen and (max-width: 1200px) {
    .custom-select-trigger {
        text-transform: initial;
        padding: 0 40px 0 10px;
        min-width: initial;
    }

    .custom-option {
        font-size: 14px;
    }
}

/*=============================================================
===============================================================
==================   NEW SIDEBAR ==============================*/
/* STYLE GENERAL SIDEBAR*/
@media only screen and (min-width: 1200px) {
#downAway .later{
	margin-bottom:1em;	
}
}
@media only screen and (max-width: 1199px) {
#downAway{
    padding: 0;
}
}
/* PARTIE ACTUALITES + BLOG */
#ac-actu {
	background: #F6F6F6;
	padding:4em 0;
}	
#ac-actu .lda h2{
    font-size: 20px;
    font-weight: 700;
	line-height:27px;
	text-transform: uppercase;
}	
.btn-archive a{
    font-size: 16px;
    text-transform: uppercase;
    color: #A22886;
    font-weight: 700;
    line-height: 24px;
    border: 2px solid #A22886;
    border-radius: 2px;
    padding: 0.3em 1em;
}	
.lda{
	position: relative;
}
.lda .btn-archive a{
    position:absolute;
	right:.9375em;
	top:0;
}
.lda .btn-archive a:hover {
    color: #fff;
    background: #A22886;
    transition: .5s ease;
}
#article-actu{
	padding:0;
	background:#fff;
	margin-top:0.6em;
}
#downAway #artgds {
    padding: 1em 1em 0.5em;
    background: #fff;
}
#downAway #artgds h3 {
    font-weight: 700;
       font-size: 15px;
    line-height: 18px;
    align-self: center;
    min-height: 70px;
	color: #323D39;
}
#downAway #artgds h3 a:hover {
    color:#A22886;
}
#categorie-accueil a {
    font-size: 13px;
    text-transform: uppercase;
    color: #A22886;
    background: #F6F6F6;
    padding: 0.3em 1em;
    margin: 1em 0 0;
    display: inline-block;
}
#excerpt-accueil p {
    font-weight: 100;
    line-height: 20px;
    color: #323D39;
    border-bottom: 1px solid #EBEBEB;
    padding: 1em 0;
}
#date-accueil {
    font-size: 13px;
    font-weight: 600;
    color: #A22886;
    padding: 0.5em 0;
}
#article-actu > a > img{
	width:100%;
}
@media only screen and (min-width: 1200px) {
#ac-actu {
    background: #fff;
    padding: 0;
}
#article-actu {
    display: flex;
    height: 100px;
}
#excerpt-accueil, #categorie-accueil{
	display: none;
}
downAway #artgds h3 {
    font-size: 15px;
    line-height: 18px;
    align-self: center;
    min-height: 70px;
}
#article-actu a img {
    width: 110px;
    height: 100%;
    max-width: initial;
    object-fit: cover;
}
#downAway #artgds {
    position: relative;
    padding: 0.5em;
	display: flex;
}
#date-accueil {
    position: absolute;
    bottom: 0;
}	
.lda {
    padding: 1em 1em 4em;
}	
.lda .btn-archive a {
    position: absolute;
    width: max-content;
    right: inherit;
    top: inherit;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -32%);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
#ac-actu {
    background: #fff;
    padding: 3em 0 1.5em;
    margin: 3em 0;
}	
.bloc-actu-side{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.3%;
    flex: 0 0 31.3%;
    max-width: 31.3%;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .07);
}
.bloc-actu-side:nth-child(2){
	margin-left:3%;
	margin-right:3%;
}
.bloc-actu-side:nth-child(4){
	display:none;
}
.lda {
    max-width: 974px;
    margin: auto;
}
#downAway #artgds h3{
	min-height:inherit;
}
.lda {
    max-width: 974px;
    margin: auto;
}
}
@media only screen and (min-width: 700px) and (max-width: 1199px) {
#article-actu{
	margin-bottom: 1em;
}
.lda .btn-archive a{
	top:-10px;
}
}
@media only screen and (min-width: 700px) and (max-width: 1024px) {
.bloc-actu-side{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
    max-width: 48.5%;
}
.bloc-actu-side:nth-child(odd){
    margin-right:1.5%;

}
.bloc-actu-side:nth-child(even){
    margin-left:1.5%;
}
}
@media only screen and (min-width: 700px) and (max-width: 1024px) {
.lda {
    padding: 0;
}
#ac-actu {
    padding: 3em 0 1.5em;
}
.lda .btn-archive a {
    right: 0;
}
}
@media only screen and (max-width: 699px) {
#article-actu > a > img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.lda {
    padding: 0 0 3em;
}
.lda .btn-archive a {
    right: 0;
}
#excerpt-accueil{
	display: none;
}
.bloc-actu-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-ms-flex: inherit;
    flex: initial;
    max-width: inherit;
}
#article-actu {
    margin: 0.5em 0;
}
#article-actu > a{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
#downAway #artgds{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0.8em 0 0.4em 0.8em;
}
#downAway #artgds h3 {
    font-size: 14px;
    line-height: 16px;
}
#categorie-accueil a {
    font-size: 10px;
}

#date-accueil {
    font-size: 12px;
    margin-top: 1em;
    padding: 0.5em 0 0;
    border-top: 1px solid #EBEBEB;
}
.lda .btn-archive a {
    right: inherit;
    top: inherit;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 215px;
}
#ac-actu {
    background: #fff;
    padding: 1em .9375em;
    margin-bottom: 1em;
}
}
@media only screen and (max-width: 480px) {
#article-actu > a{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#downAway #artgds{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0.8em 0;
}
#downAway #artgds h3 {
    min-height: auto;
}
}
/* FIN ACTUALITES*/
	
/* ======================================================================================
   ======================================================================================*/
/* PARTIE 4 BLOC FORMATIONS + MALADIES */
#ac-form-mal{
    background: #A22986;
    padding: 4em 0;
}
#ac-form-mal .imgrelative{
	position: relative;
}
#ac-form-mal .bloc-absolue {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
	padding:inherit;
}
#downAway #ac-form-mal .bloc-absolue h2, .suiv-gds h2{
    font-size: 20px;
    font-weight: 700;
	line-height:1.2;
}
#ac-form-mal > div > div > div:nth-child(1) > div > p{
    padding-right: 2em;
}
#ac-form-mal > div > div > div:nth-child(1){
    z-index: 9;
}
/** Custom Select **/
.custom-select-wrapper {
	position: relative;
	display: inline-block;
	user-select: none;
	margin-top:1em;
}
.custom-select-wrapper select {
	display: none;
}
.custom-select {
	position: relative;
	display: inline-block;
}
.custom-select-trigger {
    position: relative;
    display: block;
    padding: 0 84px 0 22px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #A22886;
    background:#fff;
    line-height: 40px;
    border-radius: 3px;
    cursor: pointer;
	min-width: 300px;
}
.custom-select-trigger:after {
    position: absolute;
    content: url(https://www.gds-bretagne.fr/wp-content/themes/GDS2020/img/picto-select.svg);
    transition: all .4s ease-in-out;
    right: 0;
	max-height:40px;
	z-index: 9;
}
.move{
    background:	#A22886;
	width:40px;
	height:40px;
	position: absolute;
	right:0;
	border-radius: 0 3px 3px 0;
}
.custom-select.opened .custom-select-trigger:after {
    transform: rotate(-180deg) translateY(0);
}
.custom-options {
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}
.custom-select.opened .custom-options {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateY(0);
	z-index:9;
}
.option-hover:before {
	background: #f9f9f9;
}
.custom-option {
    position: relative;
    display: block;
    padding: 0 22px;
    border-bottom: 1px solid #A22886;
    font-size: 18px;
    font-weight: 300;
    color: #333;
    line-height: 47px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}
.custom-option:last-of-type {
	border-bottom: 0;
	border-radius: 0 0 4px 4px;
}
.custom-option:hover,
.custom-option.selection {
	background: #f1f1f1;
}
	@media only screen and (min-width: 1200px) {
#ac-form-mal {
    padding: 0;
    background: transparent;
}
#ac-form-mal .imgrelative {
    padding: 0;
}
}
@media only screen and (min-width: 320px)and (max-width: 1140px) {
#ac-form-mal {
    padding: 3em 0;
}
#ac-form-mal .bloc-absolue h2 {
    line-height: 1.5;
    font-size: 1.4em;
}
}
@media only screen and (min-width: 991px)and (max-width: 1140px) {
#ac-form-mal .bloc-absolue {
    padding: 10%;
}
}
@media only screen and (min-width: 900px)and (max-width: 990px) {	
#ac-form-mal .bloc-absolue {
    padding: 7% 8%;
}
}
@media only screen and (min-width: 720px)and (max-width: 900px) {	
#ac-form-mal .bloc-absolue {
    padding: 5%;
}
#ac-form-mal > .bloc-absolue > p{
	font-size:12px;
}
.custom-select-trigger {
    padding: 0 0 0 10px;
    font-size: 15px;
    min-width: 260px;
}
}
@media only screen and (min-width: 720px) and (max-width: 1199px) {	
#ac-form-mal {
    background: #A22986;
    padding: 3em 0 2em;
}
#ac-form-mal .imgrelative { 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
	min-height:250px;
}
#ac-form-mal .imgrelative:nth-child(even){
    margin-left: 1%;
    padding: 0;
}
#ac-form-mal .imgrelative:nth-child(odd){
    padding: 0;
    margin-right: 1%;
}	
.imgrelative img{
    height: 100%;
    object-fit: cover;
	width: 100%;
}
}
@media only screen and (min-width: 600px) and (max-width: 719px) {	
#ac-form-mal .imgrelative img{
    width:100%;
}
#ac-form-mal .bloc-absolue {
    padding: 20% 10%;
}
}
@media only screen and (max-width: 719px) {	
#ac-form-mal .imgrelative { 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	padding: 0;
}	
#ac-form-mal > div > div > div:nth-child(1){
	margin-bottom:1em;
}
#ac-form-mal .bloc-2:nth-child(1){
	margin-bottom: 2em;
}
}
@media only screen and (min-width: 481px) and (max-width: 519px) {	
#ac-form-mal .bloc-absolue {
    padding: 10%;
}
}
@media only screen and (max-width: 600px) {	
#ac-form-mal {
    padding: 1.5em 0;
	margin-bottom: 1em;
}
}
@media only screen and (min-width: 433px) and (max-width: 480px) {	
#ac-form-mal .bloc-absolue {
    padding: 8% 7%;
}
}
@media only screen and (max-width: 432px) {	
#ac-form-mal .bloc-absolue {
    padding: 7% 5%;
}
#ac-form-mal > .bloc-absolue > p{
	font-size:12px;
}
.custom-select-trigger {
    padding: 0 0 0 10px;
    font-size: 14px;
    min-width: 230px;
}
#ac-form-mal .bloc-absolue h2 {
    font-size: 1.2em;
}
.imgrelative img{
    height: 100%;
    object-fit: cover;
	width: 100%;
}
#ac-form-mal .imgrelative {
    height: 245px;
}
#ac-form-mal .imgrelative:nth-child(2){
	margin-bottom: 0;
}
.custom-option {
    font-size: 14px;
    line-height: 36px;
}
}
	
/* FIN SELECT MALADIE / FORMATION */
	
/* ======================================================================================
   ======================================================================================*/
/* PARTIE BLOG + RESEAUX SOCIAUX */	
.barrelaterale {
    background: #fff;
    padding: 1em;
}
.blog-gds{
    display: flex;
	margin:1em 0;
}
#side-blog-rs > div > div > div.blog-gds > a{
	width:100%;
}
#side-blog-rs > div > div > div.blog-gds > p, #side-blog-rs > div > div > div.resoc-side > p{
    align-self: center;
}
.resoc-side{
    display: flex;
}
.spriteside {
    background-image: url(https://www.gds-bretagne.fr/wp-content/themes/GDS2020/img/sprites1.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.spriteside-picto-facebook {
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
}
.spriteside-picto-instagram {
    width: 32px;
    height: 32px;
    background-position: -47px -5px;
}
.spriteside-picto-twitter {
    width: 32px;
    height: 32px;
    background-position: -89px -5px;
}
.spriteside-picto-youtube {
    width: 32px;
    height: 32px;
    background-position: -131px -5px;
}
@media only screen and (min-width: 481px) and (max-width: 1199px) {
#side-blog-rs, .kiosk{
	display: none;
}
}
@media only screen and (max-width: 411px) {
.resoc-side {
    display: block;
}
.textres{
	width:100%;
}
}
@media only screen and (max-width: 480px) {
#side-blog-rs{
    background: #fff;
    margin-top: 1em;
}
}

/*============ KIOSK ======== 
=============================*/
#downAway > div.kiosk > a > img{
	width:100%;
}