@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/izd3gqs.css");
@import url("https://use.typekit.net/izd3gqs.css");



/*Généralités*/
body {
	background-image:none;
	hyphens: none;
}
[dir="ltr"] .site-branding {
    margin-left: 0;
}
.site-branding {
    align-items: center;
}
.container {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
}
[dir="ltr"] .wide-image {
    margin-left: 0;
}
.site-header__inner {
    z-index: 1;
    flex-grow: 1;
    width: 100%;
    background: #fff;
}
.page-wrapper {
    max-width: 100%;
    background: #fff;
}
.main-content {
    width: 100%;
}
.site-header__inner__container {
    padding: 0;
}
.form--inline > * {
    margin-top: 0;
}
.region > * {
    margin-bottom: 0;
}
.grid-full {
	display:block;
}
#block-asco-theme-primary-local-tasks {
	bottom:0;
	left:0;
	position:fixed;
	z-index:99;
}

.region--content {
    margin-bottom: 0;
}
.node__content {
    padding-bottom: 0;
}
.wide-image {
    width: auto;
}
.view, .view-content {
    display: block;
    gap: 0;
}

.layout-main {
	width:100%;
}

#main-wrapper, .main-content-accueil{

	width: 100%;
	max-width: inherit;
	display: inline-block;

}

.wide-content {
    width: initial;
    margin-block: initial;
    margin-inline-start: initial;
}

.block .content{
	margin-top:0;
}

.main-content .section{
	padding:0;
}

article {
	width:100%;
}

/*Elements de base*/

*{
	font-family: "iskra", sans-serif;
	transition: .3s;
}
h1, .h1, h1 > *, .h1 > *, 
h2, .h2, h2 > *, .h2 > *,
h3, .h3, h3 > *, .h3 > *{
	font-family: "amandine", sans-serif;
}
h1, .h1, h1 > *, .h1 > *{
	font-weight: 400;
}
h2, .h2, h2 > *, .h2 > *{
	font-weight: 600;
	font-size: 2.6rem;
	margin: 36px 0 24px;
}
h2{
    display: inline;
    background-color: #ffffff;
    line-height: 1.6;
}

h3, .h3, h3 > *, .h3 > *{
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin: 36px 0 24px;
}
h4, p.h4, h4 > *, .h4 > *{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 1.25rem;
	color: #1A241C;
	margin: 36px 0 12px;
}

.main-content p {
	
}
.baseline{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: .88rem;
	color: #1A241C;	
}

a {
    text-decoration: none;
}

a:hover {
	border:none;
}

p[class*="btn"]{
    margin: 36px 0 0 !important;
}
p[class*="btn"] > a{
    position: relative;
    font-weight: 700;
    text-decoration: none;
    padding: 6px 6px 6px 18px;
    height: auto;
    line-height: 1;
    display: inline-block;
    color: #ECC3A7;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 1px;
}
p.btn > a:before,
p.btn > a:after{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/gfx/picto_fleche-right_ECC3A7.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: left center;    
}
p.btn > a:before{
    left: -8px;
    top: 8px;
    opacity: 0;
}
p.btn > a:after{
    left: 0;
    top: 0;
    opacity: 1;
}
p.btn > a:hover{
text-decoration: underline;
}

p.btn > a:hover:before{
    top: -4px;
    left: 4px;
    opacity: 1;
}
p.btn > a:hover:after{
    top: -4px;
    left: 4px;
    opacity: 0;
}

p.btn2{
    display: inline-block;
}
p.btn2 > a{
    position: relative;
    padding: 18px 6px 18px 60px;
    color: #54002A;  
}
p.btn2 > a:before{
    content: "";
    width: 48px;
    height: 48px;
    background-color: #BDE2FA;
    border-radius: 24px;   
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/gfx/picto_fleche-right_54002A.svg");
    background-position: 17px 16px;
    background-repeat: no-repeat;
}
p.btn2 > a:hover{
    text-decoration: underline;
}
p.btn2 > a:hover:before{
    background-position: 19px 14px;
}


.anchor {
    position: relative;
}
.anchor > span.ancre {
    position: absolute;
    left: 0;
    top: -230px;
    height: 0;
    width: 0;
    background-color: transparent;
}


/*Fin - Elements de base*/
/*Fin - Généralités*/


/* ------------------------------------------------------------------------------------------------------------
Administration
---------------------------------------------------------------------------------------------------------------
*/

/*Page de connexion*/
/* Cacher les éléments superflus */
.path-user header#header,
.path-user .main-content .region--bandeau-bas,
.path-user footer.site-footer,
.path-user .social-bar,
.path-user div#block-asco-theme-breadcrumbs,
.path-user div#block-asco-theme-primary-local-tasks {
    display: none;
}

/* Couleur du titre et labels */
.path-user h1,
.path-user .user-login-form label {
    color: #212121;
}

/* Breadcrumb */
.path-user .region--breadcrumb {
    margin: 0;
    padding: 0;
}
.breadcrumb::after{
    display: none;
}

/* Centrage du titre */
.path-user div#block-asco-theme-page-title {
    text-align: center;
}

/* Wrapper principal avec fond */
.path-user div#main-wrapper {
    background-image: url(../images/photo/bg-hero_hp.jpg);
    background-size: cover;
    height: 100vh;
}

/* Bloc de contenu centré avec flou */
.path-user div#main {
    height: 100%;
    display: flex;
}

.path-user div#main > .main-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px;
    width: calc(100% - 48px);
}

.path-user div#main > .main-content > .main-content__container {
    display: flex;
    flex-direction: column;
    max-width: 650px;
    border: 1px solid #fff;
    padding: 48px;
    border-radius: 0;
    background-color: #f3d5ddd6;
    backdrop-filter: blur(10px);
}

/* Logo en haut du formulaire */
.path-user form#user-login-form {
    position: relative;
    padding-top: 60px;
}

.path-user form#user-login-form:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/gfx/logo_couleur.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    width: 230px;
    height: 80px;
}

/* Bouton de connexion */
.path-user .form-actions input#edit-submit {
    background-color: #e7b6c3;
    color: #fff;
    transition: .3s;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 0;
    font-family: "Iskra";
    padding: 12px 24px 14px;
}

.path-user .form-actions input#edit-submit:hover {
    background-color: #fdf869;
    color: #1a1a1a;
}
/*Fin - Page de connection*/

.user-logged-in div#block-asco-theme-navigationprincipale {
    position: relative;
}
.user-logged-in header#header{
    z-index: 400;
}
/* -----------------------------------------------------------------------------------------------------------
Fin - Administration
-------------------------------------------------------------------------------------------------------------*/



/* ------------------------------------------------------------------------------------------------------------
Modules
---------------------------------------------------------------------------------------------------------------
RGPD
*/
/*Module RGPD*/
div#klaro div#klaro-cookie-notice{
    border-radius: 12px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19);
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body{
    padding: 12px;
    display: flex;
    flex-direction: column;
}
.klaro.klaro-close-enabled p#id-cookie-notice{
    margin: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok{
    display: flex;
    flex-direction: column;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more{
    margin: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons{
    margin: 12px 0 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons > button,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons > button:hover{
    margin: 0 6px 0 0 !important;
    padding: 6px 12px !important;
    border: none !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn.cm-btn-danger{

}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn.cm-btn-success{

}
.klaro-close{
    right: 12px;
}


.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color: #777;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    width: 90px;
}
.klaro button {
	padding-top:7px;
}
/*Fin - Module RGPD*/


/*Module Popup = .spb-popup-main-wrapper*/
.block-asco-theme-views-block-offre-d-emploi-block-2-modal.spb_overlay {
    background-color: #000000c4;
}
.block-asco-theme-views-block-offre-d-emploi-block-2-modal .spb-popup-main-wrapper{
    background-color: #f29200;
    padding: 16px;
    border-radius: 12px;
    border: none;
}
.spb_center {
    margin: auto;
    top: 30%;
    left: 50%;
    margin-top: -70px;
    border: 2px solid #bde2fa;
    border-radius: 6px;
}
.spb-controls{

}
.spb-controls > .spb_minimize{
    display: none;
}
.spb-controls > .spb_close{
    position: absolute;
    top: -36px;
    right: -36px;
    margin: 0;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    border: 18px solid #BDE2FA;
    background: #BDE2FA;
    background-image: url(../images/gfx/menu-ouvert_FFFFFF.svg);
    background-position: center;
    color: transparent;
    background-repeat: no-repeat;
    transform: rotate(0deg);
}
.spb-controls > .spb_close:hover{
transform: rotate(90deg);
    background-color: #f2ed3b;
    border: transparent;
}

.spb-popup-main-wrapper .bloc_popup{

}
.spb-popup-main-wrapper .bloc_popup > .conteneur_img{
    position: relative;
}
.spb-popup-main-wrapper .bloc_popup > .conteneur_img > img{
    border-radius: 4px;
}
.spb-popup-main-wrapper .bloc_popup > .conteneur_img p.baseline{
    font-size: .9rem;
    color: #54002a;
    position: absolute;
    bottom: -14px;
    left: 12px;
    z-index: 20;
    margin: 0px;
}
.spb-popup-main-wrapper .bloc_popup > .conteneur_img p.baseline:before{
    content: "";
    width: calc(100% + 12px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 6px;
    background-color: #BDE2FA;
    z-index: -1;
    transform: rotate(-2deg);
}
.spb-popup-main-wrapper .bloc_popup{

}
.spb-popup-main-wrapper .bloc_popup > .conteneur_txt{
    padding: 24px 12px;
    background-color: #fff;
}

.spb-popup-main-wrapper .bloc_popup > .conteneur_txt p.h3{
    margin: 0 0 24px;
    font-weight: 700;
    color: #54002a;
}
.spb-popup-main-wrapper .bloc_popup > .conteneur_txt p.h3 > a{
    color: #212121 !important;
}
.spb-popup-main-wrapper .bloc_popup > .conteneur_txt p.btn{
    margin: 0 !important;
}
.spb-popup-main-wrapper .bloc_popup > .conteneur_txt p.btn > a{
    color: #f3dcdd;
}
.spb-popup-main-wrapper .bloc_popup > .conteneur_txt p.btn > a:hover{
    color: #54002a;
}
/*Fin - Module Popup*/

/* -----------------------------------------------------------------------------------------------------------
Fin - Modules
-------------------------------------------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------------------------------------------
Header / Footer
---------------------------------------------------------------------------------------------------------------
*/

/*Header*/
header#header {
    position: absolute;
    height: auto;
    z-index: 999;
}
header#header > div#site-header__inner {
    position: fixed;
}
header#header > .site-header__fixable > .site-header__initial{
	display: none;
}
header#header > .site-header__fixable > div#site-header__inner {
    background: transparent;
}
div#block-asco-theme-site-branding{
	margin: 0;
	background: transparent;
}
header#header > .site-header__fixable {
    height: 100%;
    display: flex;
    align-items: center;
}
header#header .site-header__inner__container {
    padding: 36px 0 0;
}

.block-superfish {
    width: 100%;
    height: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 700;
    visibility: visible;
}

div#block-asco-theme-navigationprincipale,
div#block-asco-theme-navigationprincipale > .block__content,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main > li {
    height: auto;
}
div#block-asco-theme-navigationprincipale > .block__content{
    background: linear-gradient(180deg, #54002a47, #54002a00);
    padding: 0 0 24px;
}

div#block-asco-theme-navigationprincipale .sf-accordion-toggle {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 900;
}

div#block-asco-theme-navigationprincipale .sf-accordion-toggle > a {
    position: relative;
    height: 40px;
    padding: 0;
    display: block;
    background-color: transparent;
    border-radius: 24px;
    border: 2px solid #eee;
}

div#block-asco-theme-navigationprincipale .sf-accordion-toggle > a > span {
    font-size: 0;
    display: block;
    color: transparent;
    width: 40px;
    height: 40px;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion {
    width: 100vw !important;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    z-index: 200;
}

ul.sf-menu.sf-accordion.sf-expanded,
ul.sf-menu.sf-accordion li.sf-expanded > ul,
ul.sf-menu.sf-accordion li.sf-expanded > ul ul {
    left: 0 !important;
    position: relative;
    top: 0 !important;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li {
    border-bottom: 1px solid #E2E2E2;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li:last-child {
    border-bottom: none;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1 {
    padding: 15px 0;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1:last-of-type {
    margin-bottom: 80px;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1:before {
    display: none;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1 a.sf-accordion-button {
    line-height: 1;
    font-size: 0;
    width: calc(100% - 260px);
    height: calc(100% - 30px);
    max-height: 54px;
    border-radius: 4px;
    border: none;
    position: absolute !important;
    right: 0;
    top: 15px;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1 a.sf-accordion-button:after {
    content: "" !important;
    background-image: url(../images/gfx/picto_chevron-right-menu_E0E0E0.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion > li.sf-depth-1.sf-expanded a.sf-accordion-button:after {
    transform: rotate(90deg);
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-2 span.menuparent {
    font-size: 1rem;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-2 a.sf-accordion-button,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-2 a.sf-accordion-button:after {
    color: transparent;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-2 a {
    font-size: 1rem !important;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-2 > a {
    font-weight: 700;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-3 > a {
    padding: 12px 48px 12px 24px !important;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-3 > a:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/gfx/picto_fleche-lien-menu_033CFE.svg);
    right: 22px;
    top: 10px;
    width: 24px;
    height: 24px;
}
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-expanded > ul > li.sf-depth-3 {
    background-color: #01002e12;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion a.menuparent,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion span.menuparent,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-no-children > a,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-no-children > span {
    padding: 18px 24px;
    color: #232323;
    font-weight: 300;
    font-size: 1.6rem;
    display: inline-block;
    text-decoration: none;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li > a > span.sf-sub-indicator,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li > span > span.sf-sub-indicator {
    width: 30px;
    height: 30px;
    right: auto;
    left: -10px;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li > a > span.sf-sub-indicator:after,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li > span > span.sf-sub-indicator:after {
    content: "";
    background-image: url(../images/gfx/picto_chevron-bas_808080.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
}

div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-3 > a.sf-depth-3:hover:before,
div#block-asco-theme-navigationprincipale > .block__content > ul#superfish-main-accordion li.sf-depth-3 > span.sf-depth-3:hover:before {
    background-color: #f500de;
}

div#block-asco-theme-navigationprincipale > .block__content > ul.sf-expanded {
    background-color: #fffffff5;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin: 0;
    padding: 50px 15px 80px;
    height: calc(100vh);
    overflow-y: scroll;
    background-color: #fff;
}

/*Changement d'état du menu au scroll*/
header#header[class*="menu-scroll"] {
    background-color: #FFF;
    top: 0px;
}
header#header[class*="menu-scroll"] .site-header__inner__container {
    height: 64px;
}
header#header[class*="menu-scroll"] .region--bandeau-haut {
    top: -54px;
}
header#header[class*="menu-scroll"] div#block-asco-theme-recrutementmenu .field--name-body > .ligne p{
    padding: 0;
    display: flex;
    align-items: center;
}
header#header[class*="menu-scroll"] div#block-asco-theme-recrutementmenu .field--name-body > .ligne a {
    width: 53px;
    height: 53px;
}
header#header[class*="menu-scroll"] div#block-asco-theme-recrutementmenu .field--name-body > .ligne p.titre{
    margin: 0 12px;
}
header#header[class*="menu-scroll"] .site-header__inner__container > div#block-asco-theme-site-branding{
    top: 0;
}

header#header[class*="menu-scroll"] ul#superfish-main li.sf-depth-1 > ul{
    top: 65px !important;
}


.path-frontpage div#block-asco-theme-site-branding{
	opacity: 0;
	pointer-events: none;
}
.path-frontpage header#header[class*="menu-scroll"] div#block-asco-theme-site-branding{
	opacity: 1;
	pointer-events: initial;
}

/*Fin - Changement d'état au scroll*/
/*--------------------------------------------------------------*/
/*Menu principal*/
div#header-nav{

}
ul#superfish-main{
    margin: 0;
    display: flex;
    justify-content: flex-end;
    background: #ffffff21;
    padding: 16px 50px;
    backdrop-filter: blur(10px);
}
ul#superfish-main > li{
    background: transparent;
    background-position: left center;
    background-size: 16px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    margin-left: 6px;
}
ul#superfish-main > li > a{
    border-radius: 36px;
    padding: 20px 24px;
    background-color: #F1D6DB;
    color: #54002a;
}

ul.sf-menu.sf-style-default a,
ul.sf-menu.sf-style-default a:visited
 ul.sf-menu.sf-style-default span.nolink{
    padding: 24px 36px;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    height: auto;
    line-height: 1;
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 1px;
    text-shadow: 0 0 4px #00000000;
}
ul.sf-menu.sf-style-default li:hover,
ul.sf-menu.sf-style-default li.sfHover,
ul.sf-menu.sf-style-default a.is-active,
ul.sf-menu.sf-style-default a:focus,
ul.sf-menu.sf-style-default a:hover,
ul.sf-menu.sf-style-default span.nolink:hover {
    background: #f3d5dd;
    outline: 0;
    text-shadow: 0 0 14px #00000000;
}

li#main-menu-link-contentf3306696-7ace-4663-bd35-43ca26896441{

}
li#main-menu-link-contenteebb9686-f4f1-4bdb-969c-72e863d10482{
    background-image: url("../images/gfx/background-image: url(../images/gfx/picto_patiente_750B45.svg");
}
li#main-menu-link-contentcb1d93a9-6447-428c-8068-c48a32e02e41{

}
li#main-menu-link-contentf9379f8d-0c5f-4342-b388-a59818067563{

}
li#main-menu-link-content0c787a59-38e0-463c-9f67-74f41cbf8cb2{

}

li#main-menu-link-contentf9379f8d-0c5f-4342-b388-a59818067563 > a{
    background-color: #750B45 !important;
    color: #fff !important;
}
li#main-menu-link-contentf9379f8d-0c5f-4342-b388-a59818067563 > a:hover{

}

li#main-menu-link-content0c787a59-38e0-463c-9f67-74f41cbf8cb2 > a{
    background-color: #FCF768 !important;
    color: #750B45;
}
li#main-menu-link-content0c787a59-38e0-463c-9f67-74f41cbf8cb2 > a:hover{

}
/*Fin - Menu principal*/
/*Fin - Header*/






/*Footer*/
body:not(.is-always-mobile-nav) .site-footer,
footer.site-footer {
    border-inline-start: none;
    background: linear-gradient(0deg, #F1D6DB, transparent);
}
footer.site-footer > .site-footer__inner{
	padding-block-end: 0;
    position: relative;
}
footer.site-footer > .site-footer__inner:before{
    content: "";
    width: 240px;
    height: 100px;
    background-image: url(../images/gfx/logo_ars-normandie.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}

footer.site-footer div#block-asco-theme-footer .field--name-body > .ligne{
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer.site-footer div#block-asco-theme-footer .field--name-body > .ligne > div.logo{
	width: 100%;
	display: flex;
	justify-content: center;
    padding: 160px 0 60px;
}
footer.site-footer div#block-asco-theme-footer .field--name-body > .ligne > div.logo img{
    max-width: 550px;
}
footer.site-footer div#block-asco-theme-footer .field--name-body > .ligne > div.coordonnees{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 60px;
}
footer.site-footer div#block-asco-theme-footer .field--name-body p{
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 24px;
	margin: 0 12px;
}
footer.site-footer div#block-asco-theme-footer .field--name-body > .ligne > div.coordonnees a{
	color: #750B45;
	text-decoration: none;
}
footer.site-footer div#block-asco-theme-footer .field--name-body p.adresse{
	background-image: url("../images/gfx/picto_adresse_750B45.svg");
}
footer.site-footer div#block-asco-theme-footer .field--name-body p.telephone{
	background-image: url("../images/gfx/picto_telephone_750B45.svg");
}

.region--footer-bottom > div#block-asco-theme-pieddepage{

}
.region--footer-bottom > div#block-asco-theme-pieddepage ul{
	display: flex;
	justify-content: center;
	margin: 0;
    padding: 24px 50px;
    border-top: 1px solid #56331F;
    max-width: calc(100%);
    overflow-x: scroll;
}
.region--footer-bottom > div#block-asco-theme-pieddepage ul::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.region--footer-bottom > div#block-asco-theme-pieddepage ul > li{
	list-style: none;
	margin: 0 12px;
    display: inline-block;
}
.region--footer-bottom > div#block-asco-theme-pieddepage ul > li > a{
	text-decoration: none;
	font-size: .85rem;
	color: #56331F;
	font-weight: 400;
    display: inline-block;
    padding: 12px 24px;
    width: max-content;
}
/*Fin - Footer*/
/* -----------------------------------------------------------------------------------------------------------
Fin - Modules
-------------------------------------------------------------------------------------------------------------*/



/* ------------------------------------------------------------------------------------------------------------
TDC
---------------------------------------------------------------------------------------------------------------
Page d'accueil = .path-frontpage
Page de base = 
*/

/*TDC Page d'accueil = .path-frontpage*/
.path-frontpage header#header{

}
.path-frontpage div#block-asco-theme-site-branding{
	display: none;
}

.path-frontpage .S_hero{
	background-image: url("../images/photo/bg-hero_hp.jpg");
	background-position: bottom left;
	height: 1390px;
}
.path-frontpage .S_hero h1{
	position: relative;
	padding: 350px 0 0;
	margin: 0;
	width: 740px;
}
.path-frontpage .S_hero h1:before{
	content: "";
	width: 700px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../images/gfx/logo_normendo.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.path-frontpage .S_hero h1 > span.none{
	display: none;
}
.path-frontpage .S_hero h1 > span.bg-blanc{
    display: inline;
    background-color: #ffffff;
    line-height: 1.6;
}


.path-frontpage .S_hero .field--name-body{
	width: 100%;
	padding: 180px 10vw;
}


.path-frontpage .S_hero > .field--name-field-corps-1{
	padding: 0 10vw;
}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne{
	display: flex;
	width: 100%;
}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne > [class*="bloc_"]{
	width: 50%;

}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne > [class*="bloc_"] > .conteneur_txt{
	margin: 24px;
	width: 600px;
	height: 600px;
	border-radius: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 20px solid #fff;
}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne > [class*="bloc_"] > .conteneur_txt:hover{
	border: 6px solid #fff;
	transform: scale(1.2);
}

.path-frontpage .S_hero > .field--name-field-corps-1 .bloc_patiente > .conteneur_txt{
	background-color: #F1D6DB;
}
.path-frontpage .S_hero > .field--name-field-corps-1 .bloc_professionnel > .conteneur_txt{
	background-color: #BDE2FA;
}
.path-frontpage .S_hero p.h4{
	margin: 0;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 48px;
	padding: 84px 0 0;
}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne > [class*="bloc_"] > .conteneur_txt p.h4{
	text-align: center;
}
.path-frontpage .S_hero > .field--name-field-corps-1 .bloc_patiente p.h4{
	background-image: url("../images/gfx/picto_patiente_750B45.svg");

}
.path-frontpage .S_hero > .field--name-field-corps-1 .bloc_professionnel p.h4{
	background-image: url("../images/gfx/picto_professionnel_750B45.svg");
}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne > [class*="bloc_"] > .conteneur_txt p.btn{
    max-width: 250px;
}


.path-frontpage .S_1{
	background: linear-gradient(180deg, #FBF768, transparent);
	padding: 300px 10vw 72px;
}
.path-frontpage .S_1 p.h3{
    margin: 0 auto;
    position: relative;
    padding: 120px 0 36px;
    max-width: 1200px;
    text-align: center;
}
.path-frontpage .S_1 p.h3:before{
	content: "";
	width: 110px;
	height: 100px;
	background-image: url("../images/gfx/puce_fleur_FFFFFF.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 0;
	left: calc(50% - 55px);
}
.path-frontpage .S_1 p.h3 > a{
    color: #54002a;
    font-weight: 500;
}
.path-frontpage .S_1 p.h3 > a:hover{
    text-decoration: underline;
}
.path-frontpage .S_1 p.btn{
    text-align: center;
}
.path-frontpage .S_1 p.baseline{
	text-align: center;
}

.path-frontpage .S_3{
	padding: 0 10vw;
}
.path-frontpage .S_3 > .field--name-field-corps-3{
	display: flex;
	flex-wrap: wrap;
	margin: 100px 0 0;
}
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item{
    margin-bottom: 96px;
}

.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_1,
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_4,
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_5{
	width: 40%;
}
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_2,
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_3,
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_6{
	width: 60%;
	padding: 0;
}

.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_1 > .ligne,
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_4 > .ligne,
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_5 > .ligne{
	height: 100%;
    width: 100%;
}
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item img{
	max-width: 520px;
    width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 36px;
	margin: 0;
}
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_2 > .ligne,
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_3 > .ligne,
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_6 > .ligne{
	padding: 60px 0;
}

.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_2{
	padding: 0 0 0 50px;
}
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_3{
	padding: 0 50px 0 0;
}
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_4{
	display: flex;
	justify-content: flex-end;
}
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_6{
	padding: 0 0 0 50px;
}

.path-frontpage .S_4{
	padding: 0 10vw;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.path-frontpage .S_4 > .field--name-field-corps-4{
	width: 60%;
	margin: 0 0 0 auto;
	background-color: #FFFEEC;
	border-radius: 36px;
    padding: 48px 120px;
}
.path-frontpage .S_4 > .field--name-field-image-1{
	width: 50%;
    margin: 0;
    position: absolute;
    top: 48px;
    height: 100%;
    width: calc(70vw - 40%);
}
.path-frontpage .S_4 > .field--name-field-image-1 > .ligne{
	height: 100%;
}
.path-frontpage .S_4 > .field--name-field-image-1 img{
	border-radius: 36px;
	height: 100%;
	object-fit: cover;
}


.path-frontpage .S_5{
	padding: 150px 10vw 0;
    margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.path-frontpage .S_5:before{
	content: "";
	width: 370px;
	height: 370px;
	background-image: url("../images/gfx/picto_etoile.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: calc(50% - 190px);
	top: -30px;
	z-index: -1;
}

.path-frontpage .S_5 > .col_g{
	width: 50%;
    padding: 48px 50px 48px 0;
}
.path-frontpage .S_5 > .col_g > .field--name-field-corps-5{

}

.path-frontpage .S_5 > .col_d{
	width: 50%;
    position: relative;
}
.path-frontpage .S_5 > .col_d > .field--name-field-image-2{

}
.path-frontpage .S_5 .field--name-field-image-2 img{
	border-radius: 36px;
}
.path-frontpage .S_5 .field--name-field-vue-1{
    position: absolute;
    top: 24px;
    left: 24px;
}

/*Vues
Vue Actualités
Affichage Bloc Congrès sur HP = .view-actualites.view-display-id-block_1
*/
.view-actualites.view-display-id-block_1{
    background-color: #54002A;
    border-radius: 12px;
    padding: 24px 24px 24px 60px;
    background-image: url(../images/gfx/picto_rappel_FFFFFF.svg);
    background-position: 24px 30px;
    background-repeat: no-repeat;
    background-size: 20px;

}
.view-actualites.view-display-id-block_1 .views-field-title a,
.view-actualites.view-display-id-block_1 .views-field-title > span {
    color: #FCF768;
    font-weight: 600;
}
.view-actualites.view-display-id-block_1 .views-field-field-date-de-l-evenement{
   color: #fff; 
}
.view-actualites.view-display-id-block_1 .views-field-view-node a{
   color: #fff;     
}
/*Fin - Vues*/

/*Fin - TDC Page d'accueil*/


/*TDC Page de base*/
.page-node-type-page div#main-wrapper {
    background: linear-gradient(180deg, #BDE2FA, transparent);
}
.page-node-type-page .node__content > .field--name-body{
    padding: 48px 20vw;
}
/*Fin - TDC Page de base*/


/*Page Adhésion des professionnels = .page-node-3*/
.page-node-3 form{
    padding: 130px;
    border-radius: 32px;
    margin: 0 20vw;
    background-color: #fff;
}

/*Fin - Page Adhésion des professionnels*/

/*Région
Région Breadcrumb = Fil d'ariane et titre de la page
*/
.region--breadcrumb{
    padding: 220px 10vw 0;
}
.region--breadcrumb div#block-asco-theme-page-title{
    max-width: 600px;
}
.region--breadcrumb div#block-asco-theme-page-title h1 > span{
    display: inline;
    background-color: #ffffff;
    line-height: 1.6;
}


/*Formulaires*/
form{

}
form > fieldset {
    background: transparent;
    border: 1px solid #BDE2FA !important;
    position: relative;
    margin: 0 0 48px !important;
}
form > fieldset > legend{
    background-color: transparent !important;
    border: none !important;
    position: absolute;
    top: -18px;
    left: 12px;
}
form > fieldset > legend > span{
    display: inline-block !important;
    background-color: #BDE2FA !important;
    border-radius: 24px;
    text-transform: uppercase;
    text-shadow: 0px 4px 14px #0000003b;
}
fieldset#edit-informations-personnelles > legend > span{

}
fieldset#edit-informations-professionnelles > legend > span{

}

form > fieldset > .fieldset__wrapper{
    display: flex;
    flex-wrap: wrap;
    padding: 36px 24px;
}
form > fieldset > .fieldset__wrapper > *{
    width: calc(50% - 12px);
}

form > fieldset > .fieldset__wrapper > .form-type-select{

}

form > fieldset#edit-lieux-d-exercices{

}
form > fieldset#edit-lieux-d-exercices > .fieldset__wrapper{
    padding: 36px 0;
}
form > fieldset#edit-lieux-d-exercices fieldset#edit-lieu-d-exercice-principal--wrapper{
    margin: 0 12px 0 0;
}
form > fieldset#edit-lieux-d-exercices fieldset#edit-lieu-d-exercice-principal--wrapper > legend{
    border: none;
    background-color: transparent;
}
form > fieldset#edit-lieux-d-exercices fieldset#edit-lieu-d-exercice-principal--wrapper > legend > span{
    color: #333;
    font-size: 1.05rem;
    font-weight: 700;
    padding: 12px;
}

form > fieldset#edit-lieux-d-exercices fieldset#edit-lieu-d-exercice-principal--wrapper > .fieldset__wrapper{
    border: none;
}

form > fieldset#edit-lieux-d-exercices div#autre_lieu_d_exercice_table{

}

fieldset#edit-groupe-medecin{
    margin: 0;
    border: none;
}
fieldset#edit-groupe-medecin > .fieldset__wrapper{
    padding: 0;
}
fieldset#edit-groupe-medecin > .fieldset__wrapper > .form-item-profession{
    margin: 0;
}

.form-no-label{

}
.form-no-label > .form-item__description{
    margin: 0 0 6px;
}
.form-no-label > .form-item__description > .webform-element-description{

}

/*
form > fieldset > .fieldset__wrapper > fieldset#edit-lieux-d-exercices{
    width: 100%;
    border: none;
    background-color: #F0F4FA;
}
form > fieldset > .fieldset__wrapper > fieldset#edit-lieux-d-exercices > legend{
    display: none;
}
form > fieldset > .fieldset__wrapper > fieldset#edit-lieux-d-exercices > .fieldset__wrapper{
    display: flex;
    padding: 0;    
}
fieldset#edit-lieu-d-exercice-principal--wrapper{

}
fieldset#edit-lieu-d-exercice-principal--wrapper > legend{

}
fieldset#edit-lieu-d-exercice-principal--wrapper > .fieldset__wrapper--group{

}
fieldset#edit-lieu-d-exercice-principal--wrapper > .fieldset__wrapper--group > .form-item{

}
*/
/*
div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice > .webform-multiple-table > .tabledrag-toggle-weight-wrapper,
div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice > .webform-multiple-add,
div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice > .webform-multiple-table table thead{
    display: none;
}
*/

div#autre_lieu_d_exercice_table{

}
div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice{
    margin: 0;
}
div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice > label{
    color: #333;
    font-size: 1.05rem;
    font-weight: 700;
    padding: 12px;
    margin: 0;
}
div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice > .webform-multiple-table{

}
div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice > .webform-multiple-table table{
    margin: 0;
}

div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice > .webform-multiple-table table td.webform-multiple-table--handle{
    padding: 0;
}
div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice > .webform-multiple-table table tbody > tr{
    display: flex;
    flex-direction: column;
}

div#autre_lieu_d_exercice_table > div#edit-autre-lieu-d-exercice > .webform-multiple-add{

}

fieldset#edit-preference-d-inscription--wrapper > .fieldset__wrapper{
    display: flex;
    flex-direction: column;
}
fieldset#edit-preference-d-inscription--wrapper > .fieldset__wrapper > span.fieldset__prefix{
    width: 100%;
}
fieldset#edit-preference-d-inscription--wrapper div#edit-preference-d-inscription{
    display: flex;
}
fieldset#edit-preference-d-inscription--wrapper div#edit-preference-d-inscription > div{
    margin-right: 12px;
}


form > fieldset > .fieldset__wrapper > .form-item-nom,
form > fieldset > .fieldset__wrapper > .form-item-email,
form > fieldset > .fieldset__wrapper > .form-item-profession,
form > fieldset > .fieldset__wrapper > .form-item-mode-d-exercice{
    margin: 0 12px 0 0;
}
form > fieldset > .fieldset__wrapper > .form-item-prenom,
form > fieldset > .fieldset__wrapper > .form-item-telephone,
form > fieldset > .fieldset__wrapper > .form-item-numero-rpps{
    margin: 0 0 0 12px;
}
form > fieldset > .fieldset__wrapper > .form-item-diplome-d-etat{
    margin: 24px 0 0 12px;
}

.form-item{
    margin-bottom: 24px !important;
}

form fieldset > .fieldset__wrapper > .form-item > label{
    margin: 0 0 6px;
}
form fieldset > .fieldset__wrapper > .form-item > input{
    background-color: #F0F4FA;
    border-radius: 26px;
    width: 100%;
}
form fieldset > .fieldset__wrapper > .form-item > select{
    width: 100%;
    border-radius: 36px;
    background-color: #f0f4fa;
}
form fieldset > .fieldset__wrapper > .form-item > select > option{
    
}

div#edit-actions{

}
div#edit-actions > input{
    margin: 0;
    border-radius: 36px;
    border: 1px solid transparent;
    background-color: #bbdff7;
    color: #333;
    text-transform: uppercase;
    font-size: 1.05rem;
    font-weight: 700;
}
div#edit-actions > input:hover{
    background-color: #f1d6db;
    border: 1px solid #f1d6db;
}

/*Fin - Formulaires*/





















/* Actualités */
/*
.view-actualites h2 {
	margin-bottom:30px;
	text-align:center;
}
.view-actualites .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
.view-actualites .views-row {
    margin-bottom: 30px;
	position:relative;
    width: 30%;
}
.view-actualites .views-field-field-date-de-publication {
    background-color: #fff;
    color: #000;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 90px;
    font-size: 14px;
}
.view-actualites .views-field-title a {
    background-color: #2daed5;
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
}
.view-actualites .views-field-title a:hover {
    background-color:#000;
	color: #2daed5;
}
*/
/* Slideshow */
/*
.flexslider {
    margin: 0;
    background: transparent;
    border: none;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
.flexslider ul li {
	display:flex !important;
	flex-wrap:wrap;
	justify-content:space-between;
}
.flexslider ul li > div {
	display:flex;
}
.flexslider ul li > div.views-field-body {
    width: 33.33%;
}
.flexslider ul li > div.views-field-field-image {
	width:66.66%
}
.flexslider ul li > div.views-field-field-image > div {
    margin: 0 0 0 auto;
}
.flexslider ul li > div > div {
	margin:auto;
}
*/










































/* ------------------------------------------------------------------------------------------------------------
Effets
---------------------------------------------------------------------------------------------------------------
*/
/*---------- Effets --------------*/
[type-animation="fondu"] {
	/*opacity: 0;*/
    visibility: hidden;
}

[type-animation="zoom"] {
	opacity: 0;
	transform: scale(0.6);
}

[type-animation="spirale"] {
	opacity: 0;
	transform-origin: top left;
	transform: rotate(145deg);
}

[type-animation="bas_haut"] {
	/*transform: translate(0px, 100px);
	opacity: 0;*/
    visibility: hidden;
}

[type-animation="haut_bas"] {
	/*transform: translate(0px, -100px);
	opacity: 0;*/
    visibility: hidden;
}

[type-animation="gauche_droite"] {
	/*transform: translate(-100px, 0);
	opacity: 0;*/
    visibility: hidden;
}

[type-animation="droite_gauche"] {
	/*opacity: 0;
	transform: translate(100px, 0);*/
    visibility: hidden;
}

.animated {
	transition-delay : 300ms;
	transition-duration : 1600ms;
	opacity: 1;
	transform: none;
}
/* ------------------------------------------------------------------------------------------------------------
Fin - Effets
---------------------------------------------------------------------------------------------------------------
*/








/* --------------------------------------------------------------------------------------------------------
RESPONSIVE*/

@media all and (max-width: 1800px) {


}


@media all and (max-width: 1400px) {

h2, .h2, h2 > *, .h2 > * {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1.4;
    margin: 36px 0 24px;
}

.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne > [class*="bloc_"] > .conteneur_txt{
    width: 400px;
}
.path-frontpage .S_4 > .field--name-field-corps-4{
    padding: 48px;
}

/*TDC Page de base*/
.page-node-type-page .node__content > .field--name-body{
    padding: 48px 10vw;
}
/*Fin - TDC Page de base*/

/*Page Adhésion*/
.page-node-3 form{
    margin: 0 10vw;
}
/*Fin - Page Adhésion*/

}

@media all and (max-width: 1200px) {


/*Page d'accueil*/
.path-frontpage .S_3,
.path-frontpage .S_4,
.path-frontpage .S_5{
    padding: 0 5vw;
}
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item img{
    max-width: -webkit-fill-available;
}

/*Fin - Page d'accueil*/

}

@media all and (max-width: 1100px) {

}

@media all and (max-width: 991px) {

/*Page d'accueil*/
.path-frontpage .S_hero{
    height: inherit;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.path-frontpage .S_hero .field--name-body {
    padding: 80px 10vw;
}
.path-frontpage .S_hero h1 {
    padding: 270px 0 0;
    width: 100%;
    text-align: center;
}
.path-frontpage .S_hero h1:before{
    width: 500px;
    height: 240px;
    left: calc(50% - 250px);
}

.path-frontpage .S_hero > .field--name-field-corps-1 {
    padding: 0;
}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne > [class*="bloc_"] > .conteneur_txt{
        width: 80%;
        height: 380px;
        margin: 0 auto;
        text-align: center;
}
.path-frontpage .S_1 {
    padding: 60px 10vw 72px;
}
.path-frontpage .S_3 > .field--name-field-corps-3{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(4, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_1 { grid-area: 1 / 1 / 2 / 2; }
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_2 { grid-area: 2 / 1 / 3 / 2; }
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_3 { grid-area: 4 / 1 / 5 / 2; }
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item_4 { grid-area: 3 / 1 / 4 / 2; }

.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item{
    width: 100%;
    padding: 0;
}
.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item img {
    max-width: 100%;
}

.path-frontpage .S_4{
    flex-direction: column;
}
.path-frontpage .S_4 > .field--name-field-image-1{
    position: relative;
    width: 100%;
    top: 0;
}
.path-frontpage .S_4 > .field--name-field-corps-4{
    width: 100%;
        margin: 24px 0;
        padding: 48px;
    text-align: center;
}
.path-frontpage .S_5{
    flex-direction: column;
}
.path-frontpage .S_5 > .col_g,
.path-frontpage .S_5 > .col_d{
    width: 100%;
}
/*Fin - Page d'accueil*/
	
/*grille*/
.ligne{
	justify-content: space-around;
	flex-wrap:wrap;
}

.colonne_1-1,
.colonne_1-2,
.colonne_1-3,
.colonne_2-3,
.colonne_1-4,
.colonne_1-5,
.colonne_2-5,
.colonne_3-5,
.colonne_4-5{
	width:97.22%;
}

/*Footer*/
.region--footer-bottom > div#block-asco-theme-pieddepage ul{
    justify-content: flex-start;
}
.region--footer-bottom > div#block-asco-theme-pieddepage ul > li{

}
.region--footer-bottom > div#block-asco-theme-pieddepage ul > li > a{

}
/*Fin - Footer*/


/*Page Adhésion*/
.page-node-3 form{
    padding: 60px;
}
/*Fin - Page Adhésion*/



}

@media all and (max-width: 850px) {

.path-frontpage .S_3 > .field--name-field-corps-3 > .field__item{
    margin-bottom: 48px;
}
	
}



@media all and (max-width: 768px) {
	
/*Page d'accueil*/
.path-frontpage .S_hero h1:before{
    width: 100%;
}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne{
    flex-direction: column;
}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne > [class*="bloc_"]{
    width: 100%;
}
.path-frontpage .S_hero > .field--name-field-corps-1 > .ligne > [class*="bloc_"] > .conteneur_txt{
        width: 80%;
        height: 300px;
        margin: 0 auto 48px;
}
/*Fin - Page d'accueil*/


/*Page Adhésion*/
form > fieldset > .fieldset__wrapper{
    flex-direction: column;
}
form > fieldset > .fieldset__wrapper > *{
    width: 100%;
    margin: 0 !important;
}
/*Fin - Page Adhésion*/


}


@media all and (max-width: 560px){

/*Page Adhésion*/
.page-node-3 form {
    padding: 24px;
    margin: 0 calc(10vw - 24px);
}
/*Fin - Page Adhésion*/
	
}


@media all and (max-width: 460px) {
	
}

/* INFORMATION Pour le twig"*/

#information{
	position:fixed;
	bottom:20px;
	left:0;
	min-width:200px;
	background:#fff;
	padding:10px;
	border:1px solid #ddd;
	z-index:200;
}