/*
Theme Name: ISTNF 2026
Author: Olivier Chevre
Description: Theme du site Institut de Santé au Travail du Nord de france
*/

:root {
/* -------------------	 gamme gris ---------------------------- */
  --color-1: #58595B;
  --color-2: #C0CBD7;
  --color-3: #EEF1F4;
  --color-4: #fff;
	
/* -------------------	 gamme bleu ---------------------------- */
  --color-1a: #00385F;
  --color-2a: #699CD4;
  --color-3a: #7AB3F0;
  --color-4a: #dee5ec;
  --color-5a: #699CD4E6;   /* #00385F à 90% */
  --color-6a: #b3cdea; 

/* -------------------	 gamme vert ---------------------------- */
  --color-1b: #B0D494;
  --color-2b: #B0D494;
  --color-3b: #B0D494;
  --color-5b: #B0D494E6;   /* #B0D494 à 90% */
	
/* -------------------	 gamme orange ---------------------------- */
  --color-1c: #F4D076;
  --color-2c: #F5D16F;
  --color-3c: #F4D076;
  --color-5c: #F4D076E6;   /* #F4D076 à 90% */
	
/* -------------------	 gamme rose rouge ---------------------------- */
  --color-1d: #D11259;
  --color-2d: #DD6992;
  --color-3d: #ffcbde;

/* -------------------	 couleurs formations ---------------------------- */
	
  --color-formation-1: #60c3db;   /* Prévention des risques professionnels */
  --color-formation-2: #ef8389;   /* Surveillance de l'état de santé */
  --color-formation-3: #f5d16f;   /* Prévention de la désinsertion */
  --color-formation-4: #e6967b;   /* Règlementation */
  --color-formation-5: #a6d2a1;   /* Compétences transversales */
  --color-formation-6: #725894;    /* Formations spécifiques */
	
  --width-page: 1180px;
}

.sr-only {
	display: none;
}

html, body {
	height:100%;
}

body:not(.wp-admin) {
	font-family: "Sora", sans-serif;
	font-size: 16px;
	color: var(--color-1);
	background : var(--color-4a);
	margin: 0;
}

.container {
	max-width: var(--width-page);
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}

header.site-header {
    display: grid;
	grid-template-columns: 295px 1fr;
	background: var(--color-4) url(img/frise-batiments.webp) no-repeat right bottom;
}

.site-description {
    clear: left;
    font-size: 12px;
    padding: 5px 0 5px 10px;
    color: var(--color-2);
}

.site-logo {
	text-align: center;
}

.site-logo a {
    display: inline-block;
	padding: 7px;
}

.header-right {
    height: 80px;
	text-align: right;
}

.header-right .widget_text {
    display: inline-block;
	margin: 10px;
}

.header-right .widget_text .widget-title {
    display: none;
}
.header-right .widget_text a {
	display: inline-block;
	margin: 0 15px;
    text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--color-1a);
}
.header-right .widget_text a.lien-telephone {
	font-size: 15px;
}
.header-right .widget_text a.lien-telephone::before {
	display: inline-block;
	content: " ";
	height: 23px;
	width: 23px;
	vertical-align: middle;
	margin-right: 10px;
	background: url(img/picto-telephone.webp) no-repeat;
}
.header-right .widget_text a.lien-linkedin::before {
	display: inline-block;
	content: " ";
	height: 23px;
	width: 23px;
	vertical-align: middle;
	margin-right: 6px;
	background: url(img/picto-linkedin.webp) no-repeat;
}

.header-right .login {
	text-align: right;
	margin: 0 20px 40px 20px;
}

.header-right .login div {
	display: inline-block;
	padding: 10px 20px;
    background: var(--color-6a);
}

.header-right .login p {
	margin: 0 0 5px 0;
	font-size: 14px;
}

.main-navigation {
	background-color: var(--color-1a);
	text-transform: uppercase;
	font-size: 15px;
}

.site-content {
	background-color: var(--color-4);
	padding-bottom: 10px;
}

.entry-content {
	padding-bottom: 10px;
}

.spacer {
	height: 80px;
}

/* -------------------	 Menu Navbar ---------------------------- */

#navbar-toggle {
    position: relative;
    padding: 9px 9px 5px 9px;
    margin: 8px 15px;
    background-color: var(--color-3a);
	border: 0;
    border-radius: 4px;
	display: none;
}

#navbar-toggle .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
	background-color: var(--color-4)!important;
	margin-bottom: 4px;
}

.menu-menu-principal-container {
    text-align: right;
	padding-right: 20px;
}

ul.menu-principal, ul.menu-principal li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}

ul.menu-principal>li>a {
	display: inline-block;
	padding: 8px 15px;
	margin: 0;
	text-decoration: none;
	color: var(--color-4);
	font-weight: 600;
}

ul.menu-principal>li:hover>a {
	color: var(--color-2a);
}

ul.menu-principal>li.current-menu-item>a {
	color: var(--color-2a);
}

ul.menu-principal>li.current-menu-ancestor>a {
	color: var(--color-2a);
}

.menu-item-has-children>a::after {
	display : inline-block;
	content: " ";
	height : 0;
	width : 0;
	margin-left: 4px;
	border-top : 3px solid var(--color-4);
	border-right : 3px solid transparent;
	border-left : 3px solid transparent;
	border-bottom: 0;
}

.menu-item-has-children>a:hover::after {
	border-top : 3px solid var(--color-2a);
}


.menu-item-has-children.open>a::after {
	content: " ";
	border-right : 3px solid transparent;
	border-bottom : 3px solid var(--color-4);
	border-left : 3px solid transparent;
	border-top : 0;
}

.menu-item-has-children.open:hover>a::after {
	border-bottom : 3px solid var(--color-2a);
}

ul.menu-principal>li.current-menu-ancestor>a {
	color: var(--color-2a);
}
.menu-item-has-children.current-menu-ancestor>a::after {
	border-top : 3px solid var(--color-2a);
}
.menu-item-has-children.current-menu-ancestor.open>a::after {
	border-bottom : 3px solid var(--color-2a);
	border-top : 0;
}

.menu-item-has-children>.sub-menu {
	max-height: 0;
	overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    margin: 0;
	padding-left: 0;
    list-style: none;
	transition: max-height 0.3s ease;
}
.menu-item-has-children>.sub-menu::before {
	display: block;
	content: " ";
	height: 0px;
	overflow: hidden;
}

.menu-item-has-children.open>.sub-menu {
	max-height: 500px;
	padding-top: 0;
	padding-left: 0;
}


ul.sub-menu>li>a {
    display: block;
	text-align: left;
    padding: 8px 10px;
	margin: 0;
	color: var(--color-4);
	border: 1px solid var(--color-4);
	border-bottom: 0;
	background-color: var(--color-2);
    clear: both;
    text-transform: uppercase;
	text-decoration: none;
	width: 250px;
}
ul.sub-menu>li:last-child>a {
	border-bottom: 1px solid var(--color-4);
}

ul.sub-menu>li>a:hover {
	color: var(--color-1a);
	font-weight: 600;
}
ul.sub-menu>li.current-menu-item>a {
	color: var(--color-2a);
	font-weight: 600;
}


/* -------------------	 / Menu Navbar ---------------------------- */


.post-edit-link {
	display: inline-block;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 15px;
}

article footer {
	margin: 25px 0;
}


p {
	margin: 0.5em 0 1em 0;
}

img {
	max-width: 100%;
	height: auto;
}

.alignright {
	display: inline-block;
	float: right;
	margin: 0 0 15px 15px;
}

.alignleft {
	display: inline-block;
	float: left;
	margin: 0 15px 15px 0;
}


hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid var(--color-3);
	margin: 40px 0;
	padding: 0;
	clear: both;
}

a {
	color: var(--color-1a);
}

h1 {
    color: var(--color-1a);
    margin: 15px 0 8px 0;
    font-size: 26px;
}

 h2 {
	color: var(--color-1a);
}

 h3 {
	color: var(--color-1a);
	 margin-bottom: 10px;
}
 h4 {
	color: var(--color-2);
}


.page:not(.home) #main, .single #main, .archive #main  {
    min-height: 300px;
	background: var(--color-4);
	padding: 40px;
	position: relative;
}


#main form.formulaire {
    text-align: center;
	padding: 30px;
}

.resultats-recherche article {
	border-bottom: solid 1px var(--color-3);
	padding-bottom: 30px;
}
.resultats-recherche article:last-child {
	border-bottom: 0;
}

.gallery-item img {
    border: solid 1px var(--color-2)!important;
}

.excerpt {
	font-weight: bold;
}

.zone-recherche {
	padding: 40px;
	border: solid 1px var(--color-2);
	margin: 15px 0;
}
.zone-recherche input[type=search] {
	width: 400px;
}

#main table {
	background: var(--color-2);
	border-spacing: 1px;
	border-collapse: separate!important;
	font-size: 14px;
}
#main table td {
	background: var(--color-4);
	padding: 8px;
	vertical-align: top;
	text-align: left;
}
#main table thead td, #main table th {
	font-weight: bold;
	background: var(--color-4a);
	color: var(--color-2a);
	text-align: center;
	font-size: 15px;
	padding: 12px;
}

/* ------------------------------- Site Footer ----------------------  */ 

.pre-footer {
	padding: 40px;
	background-color: var(--color-4);
	text-align: center;
}
.pre-footer figure {
	margin: 0;
}

#site-footer {
    padding: 10px 20px;
	background-color: var(--color-1a);
	color: var(--color-4);
	display: grid;
	grid-template-columns: 220px 1fr;
}

#site-footer .site-logo {
    padding: 10px 20px 20px 20px;
	background: url(img/logo-footer.webp) no-repeat center;
}


.menu-menu-footer-container {
	margin-top: 70px;
}

.menu-footer {
	text-transform: uppercase;
	font-size: 12px;
}

ul.menu-footer, ul.menu-footer li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}

ul.menu-footer li {
	border-right: solid 1px var(--color-4);
}

ul.menu-footer li::last-child {
	border-right: 0;
}

ul.menu-footer>li>a {
	display: inline-block;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	color: var(--color-4);
}

#site-footer .menu-menu-principal-container {
    text-align: left;
}

#rappel-menu {
    list-style-type: none;
    margin: 80px 0 0 0;
    padding: 0;
}

#rappel-menu li {
	list-style-type: none;
	margin: 0 35px 0 0;
	padding: 0;
	display: inline-block;
	position: relative;
	vertical-align: top;
}


#rappel-menu li a {
	text-decoration: none;
	color: var(--color-4);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
#rappel-menu li.menu-item-has-children>a::after {
    display: none;
}

#rappel-menu .menu-item-has-children>.sub-menu {
    max-height: none;
	position: static;
    margin: 0;
    padding-left: 0;
    list-style: none;
}
#rappel-menu .menu-item-has-children>.sub-menu li {
    display: block;
	margin: 0;
}
#rappel-menu .menu-item-has-children>ul.sub-menu>li>a {
	display: inline;
    color: var(--color-3a);
    text-transform: none;
    background: none;
	border: 0;
	font-size: 11px;
	font-weight: 400;
	padding: 3px 0;
}

/* ------------------------------- Pages générique editeur de blocs ----------------------  */ 


.page.page-template-default .container.site-content .visuel {
    position: relative;
	right: 0;
	margin-top: -80px;
	margin-left: 40px;
	margin-right: -40px;
	max-height: 400px;
	overflow: hidden;
}

.page.page-template-default .container.site-content .visuel img {
    display: block;
	width: 100%;
}


h1.page-title {
    display: inline-block;
    color: var(--color-4);
    background: var(--color-1a);
    padding: 8px 10px 4px 10px;
    margin: 15px 0 20px 0;
    position: relative;
    z-index: 200;
}

.page-template-default .container.site-content {
    background: var(--color-4) url(img/fond-lignes-gris.webp);
    padding: 80px 40px 40px 40px;
    position: relative;
}

.page-template-default .container.site-content h1:first-of-type {
    display: inline-block;
    position: absolute;
    color: var(--color-4);
    background: var(--color-1a);
    padding: 8px 10px 4px 10px;
    top: -40px;
    left: 0;
}

.page .content-area {
    background: var(--color-4);
    padding: 40px;
}

.content-area h2 {
	 margin-top: 40px;
}


.bloc-texte {
    background: var(--color-4);
    padding: 30px;
    margin: 0 30px 30px 30px;
}

.wp-block-group.marge-gauche .bloc-texte {
    margin: 0 0 30px 30px;
}

.wp-block-group.lier-blocs .bloc-texte {
    margin: 0;
	padding: 0 30px;
}

.wp-block-group.marge-gauche.lier-blocs .bloc-texte {
    margin: 0 0 0 30px;
	padding: 0 30px 30px 30px;
}

.wp-block-group.marge-gauche.lier-blocs > div > h2 + p.bloc-texte {
	padding: 30px;
}

li {
    margin-bottom: 8px;
}

/* ------------------------------- Page archives générique ----------------------  */ 

.archive:not(.home) #main {
    padding: 60px 40px 40px 40px;
}

.archive #main.content-area::before {
	content: " ";
	display: block;
	position: absolute;
	z-index: 50;
	width: 100%;
	height: 100px;
	top: 0;
	left: 0;
	right: 0;
	background: url(img/fond-lignes-gris.webp);
}

.articles-rangees .bloc-article {
    display: grid;
    grid-template-columns: 300px 1fr;
    column-gap: 30px;
    margin-bottom: 30px;
}


/* ------------------------------- Articles ----------------------  */ 


.container.site-content.motif-fond {
    background: var(--color-4) url(img/fond-lignes-droit.webp);
    padding: 80px 40px 40px 40px;
    position: relative;
}

.container.site-content.motif-fond .page-header h1 {
    display: inline-block;
    position: absolute;
    color: var(--color-4);
    background: var(--color-1a);
    padding: 8px 10px 4px 10px;
    top: -40px;
    left: 0;
}

.single #main  {
	padding: 80px 40px 40px 40px;
}

.single .container.site-content {
    background: var(--color-4) url(img/fond-lignes-gris.webp);
    padding: 80px 40px 40px 40px;
    position: relative;
}

.single .site-content > .visuel {
    position: relative;
    right: 0;
    margin: -80px -40px 0 40px;
}

.single .site-content > .visuel img {
    display: block;
    position: relative;
    margin-left: auto;
}

.single .site-content.newsletter-istnf > .visuel {
    width: calc(100% - 80px);
	background: var(--color-4);
	margin: 0 0 0 auto;
}

.single .site-content.newsletter-istnf > .visuel img {
    max-height: 250px;
    width: auto;
	margin: 0 20% 0 auto;
}

.single:not(.single-formations) .container.site-content article {
    margin-top: -120px;
}

.single .container.site-content h1 {
    display: inline-block;
    color: var(--color-4);
    background: var(--color-1a);
    padding: 10px 15px;
	margin-left: -40px;
    left: 0;
}


.page:not(.home) #main.actualites h1:first-child {
    display: inline-block;
    position: relative;
    color: var(--color-4);
    background: var(--color-1a);
    padding: 4px 10px;
    margin: 0;
	z-index: 1000;
}

.page:not(.home) .actualites .articles-rangees .bloc-article {
    background: var(--color-4);
}

.page:not(.home) .actualites .articles-rangees .bloc-article .article {
    margin-bottom: 10px;
}

.archive .articles-rangees .bloc-article .article {
    margin-bottom: 10px;
	position: relative;
}

.page:not(.home) .actualites .articles-rangees .bloc-article .categories, .archive .articles-rangees .bloc-article .categories {
    margin-top: -14px;
	text-align: right;
}

.page:not(.home) .actualites .articles-rangees .bloc-article .categories a, .archive .articles-rangees .bloc-article .categories a {
    display: inline-block;
    color: var(--color-4);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    background: var(--color-2a);
    padding: 3px 6px;
	z-index: 500;
    position: relative;
}

.page:not(.home) .actualites .articles-rangees .bloc-article.category-evenements .categories a {
    background: var(--color-2b);
}

.page:not(.home) .actualites .articles-rangees .bloc-article.category-droit .categories a {
    background: var(--color-2d);
}

.page:not(.home) .actualites .articles-rangees .bloc-article h3 a {
    color: var(--color-2a);
	text-decoration: none;
}

.page:not(.home) .actualites .articles-rangees .bloc-article.droit h3 a {
    color: var(--color-2d);
}

.page:not(.home) .actualites .articles-rangees .bloc-article.evenements h3 a {
    color: var(--color-2b);
}

.articles-colonnes {
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 40px;
	row-gap: 40px;
}
.articles-colonnes.col-3 {
	grid-template-columns: repeat(3, 1fr);
}

.articles-colonnes .bloc-article h3 {
	margin: 8px 0;
}
.articles-colonnes .bloc-article h3 a {
	color: var(--color-2a);
	text-decoration: none;
	display: block;
}
.articles-colonnes .bloc-article .posted-on {
    margin-bottom: 8px;
}

.articles-colonnes .bloc-article .suite a {
    color: var(--color-3a);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
}

.article-accordeon .article-body {
    display: none;
}

.article-accordeon.open .article-body {
    display: block;
}


.articles-liste .article {
    display: grid;
	grid-template-columns: 25% 1fr;
	column-gap: 20px;
	margin-top: 40px;
}


.articles-liste .article .article-court {
	padding: 5px 20px;
}

.article-court h3 {
	margin: 0 0 5px 0;
}

.articles-liste .article h3 a {
	color: var(--color-1a);
	text-decoration: none;
}

.articles-liste .article.evenements h3 a {
	color: var(--color-1b);
}

.articles-liste .article a.more-link {
    display: inline-block;
    background: var(--color-2);
	color: var(--color-4);
    text-transform: uppercase;
    text-decoration: none;
    margin: 15px 0 8px 0;
    padding: 3px 6px;
    font-size: 14px;
    font-weight: 400;
}

.posted-on {
	color: var(--color-2);
	font-style: italic;
	font-size: 13px;
	margin-bottom: 5px;
}

.articles-colonnes .vignette {
	aspect-ratio: 10 / 7;
	overflow: hidden;
}

.articles-colonnes .category-newsletter-istnf .vignette {
	width: 100%;
	background: url('img/vignette-newsletter.jpg') no-repeat center / contain;
}

.nav-links {
    text-align: center;
}

.page-numbers {
	display: inline-block;
	padding: 4px 6px;
	background: var(--color-4);
	text-decoration: none;
}

.page-numbers.current {
	color: var(--color-4);
	background: var(--color-2a);
}

.tags-links a {
    display: inline-block;
    color: var(--color-4);
    background: var(--color-2a);
    padding: 4px 8px;
	text-decoration: none;
}


/* ------------------------------- Home page accueil ----------------------  */ 


.home .accueil-presentation {
	background: url(img/fond-lignes-gris.webp);
	display: grid;
	grid-template-columns: 40% 1fr;
	padding: 70px 0 90px 40px;
	margin-right: 40px;
}

.home #main .contenu-accueil {
	position: relative;
	background: var(--color-4);
	padding: 20px;
}

.home .zone-slider {
    margin-right: -40px;
}

.home #main .competences {
	padding: 40px 40px 80px 40px;
	position: relative;
}
.home #main .competences .blocs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 30px;
	row-gap: 30px;
	margin-top: 30px;
}

.home #main .competences .bloc {
	aspect-ratio: 10 / 9;
	position: relative;
    overflow: hidden; 
}

.home #main .competences .bloc title {
	display: none;
}

.competences .bloc .textwidget {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(calc(100% - 95px)); /* 95px = hauteur fixe de h3 */
    transition: transform 0.3s ease;
}

.competences .bloc:hover .textwidget {
    transform: translateY(0);
}

.home #main .competences .bloc h3 {
	padding: 13px 0 16px 0;
	color: var(--color-4);
	margin: 0;
	font-size: 22px;
	font-weight: 600;
}

.competences .bloc:hover .textwidget h3 {
    margin-bottom: 0;
}


.home #main .competences .bloc .textwidget {
	padding: 8px 20px 20px 20px;
	color: var(--color-1a);
	margin: 0;
}

.home #main .competences .bloc .textwidget p {
	margin: 0 0 5px 0;
}

.home #main .competences .bloc .textwidget p.suite a {
	display: inline-block;
	background: var(--color-4);
	text-transform: uppercase;
	text-decoration: none;
	margin: 15px 0 8px 0;
	padding: 3px 6px;
	font-size: 12px;
	font-weight: 400;
}

.home .competences .blocs .formations {
	background: url(img/vignette-formations.webp);
	background-size: cover;
}

.home .competences .blocs .formations .textwidget {
	background: var(--color-1c);
}
.home .competences .blocs .formations:hover .textwidget {
	background: var(--color-5c);
}

.home .competences .blocs .droit {
	background: url(img/vignette-droit.webp);
	background-size: cover;
}

.home .competences .blocs .droit .textwidget {
	background: var(--color-2d);
}
.home .competences .blocs .droit:hover .textwidget {
	background: var(--color-2d);
}

.home .competences .blocs .evenements {
	background: url(img/vignette-evenements.webp);
	background-size: cover;
}

.home .competences .blocs .evenements .textwidget {
	background: var(--color-1b);
}
.home .competences .blocs .evenements:hover .textwidget {
	background: var(--color-5b);
}

.home .zone-actus {
	display: grid;
	grid-template-columns: 60% 1fr;
}

.home #main .actualites {
	background: url(img/fond-lignes-gris.webp);
	position: relative;
	padding: 20px 40px 40px 40px;
}

.home #main .actualites .bloc-article {
	display: grid;
	grid-template-columns: 35% 1fr;
	background: var(--color-1a);
	margin: 50px 0;
	color: var(--color-4);
}

.home #main .actualites .bloc-article.evenements {
	background: var(--color-1b);
}
.home #main .actualites .bloc-article.droit {
	background: var(--color-2d);
}

.home #main .actualites .bloc-article .article {
	padding: 15px;
}

.home #main .actualites .bloc-article h3 {
	font-size: 15px;
	color: var(--color-4);
	margin: 0 0 15px 0;
	& a { color: var(--color-a); text-decoration: none;}
}

.home #main .actualites .bloc-article .posted-on {
	color: var(--color-4);
	font-size: 11px;
	font-style: normal;
	margin-bottom: 5px;
}

.home #main .actualites .bloc-article .suite a {
	display: inline-block;
	background: var(--color-4);
	text-transform: uppercase;
	text-decoration: none;
	margin: 15px 0 8px 0;
	padding: 3px 6px;
	font-size: 12px;
	font-weight: 400;
}

.home #main .zone-agenda {
	background: var(--color-3);
	position: relative;
	padding: 20px 40px 40px 40px;
}

.zone-agenda ul.liste-agenda {
	list-style-type: none;
	margin: 40px 0 20px 0;
	padding: 0;
}

.zone-agenda .agenda-item {
	list-style-type: none;
	margin: 7px 0;
	padding: 7px 0;
	border-bottom: solid 1px var(--color-2a);
}

.zone-agenda .agenda-item:last-child {
	border-bottom: 0;
}

.zone-agenda .agenda-item .date {
	display: inline-block;
	background: var(--color-2a);
	color: var(--color-4);
	margin: 0;
	padding: 3px 6px;
	font-size: 15px;
	font-weight: 600;
}

.zone-agenda .agenda-item.categories_agenda-evenements .date {
	background: var(--color-1b);
}

.zone-agenda .agenda-item.categories_agenda-formations .date {
	background: var(--color-1c);
}

.zone-agenda .agenda-item.categories_agenda-droit .date {
    background: var(--color-2d);
}

.zone-agenda .agenda-item h3 {
	color: var(--color-1a);
	margin: 5px 0;
	font-size: 16px;
	font-weight: 700;
}
.zone-agenda .agenda-item h3 a {
	color: var(--color-1a);
	text-decoration: none;
}
.zone-agenda .agenda-item h3 a:hover {
	color: var(--color-2a);
}

.actualites .voir-tout, .zone-agenda .voir-tout {
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
}
.actualites .voir-tout a, .zone-agenda .voir-tout a {
	display: inline-block;
	background: var(--color-4);
	text-transform: uppercase;
	text-decoration: none;
	margin: 15px 0 8px 0;
	padding: 5px 8px;
	font-size: 12px;
	font-weight: 600;
}

.zone-agenda .agenda-item .suite a {
	color: var(--color-3a);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}

.contenu-accueil h2, .competences h2, .actualites h2, .zone-agenda h2 {
    display: inline-block;
    position: absolute;
    color: var(--color-4);
    background: var(--color-1a);
    padding: 8px 10px 4px 10px;
    top: -40px;
    left: 40px;
}
.contenu-accueil h2 {
    left: 0;
}

.vignette {
  overflow: hidden; /* Cache le débordement du zoom */
}

.vignette img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: transform 0.6s ease;
  transform-origin: center; /* Zoom centré */
}

.vignette:hover img {
  transform: scale(1.1); /* Zoom de 10% */
}

/* ------------------------------- Accueil formations ----------------------  */ 

.page #main.accueil-formations {
    min-height: 300px;
    background: var(--color-4);
    padding: 0;
	position: relative;
}

.page #main.accueil-formations .wp-block-group:first-child::before {
    content: " ";
    display: block;
    background: url(img/visuel-formations.webp);
    background-size: cover;
    position: absolute;
    left: 40px;
    right: -40px;
    top: 0;
    bottom: 80px;
}

.page #main.accueil-formations .wp-block-group:first-child {
    padding-bottom: 40px;
	min-height: 480px;
}

.page #main.accueil-formations .wp-block-group:first-child > div::before {
    content: " ";
    display: block;
    position: absolute;
    right: -40px;
    height: 180px;
    width: 200px;
    background: no-repeat url(img/Logo-ISTNF-Formation-Sante-Travail.webp) right 15px top 25px / 200px auto;
    z-index: 800;
}


.logo-visuel {
	text-align: right;
}
.logo-visuel img {
	position: relative;
    z-index: 500;
}

#main.accueil-formations .wp-block-group {
	position: relative;
}	

#main.accueil-formations .wp-block-group:not(:nth-child(1)) > div {
    top: -40px;
	position: relative;
}	
	
#main.accueil-formations .wp-block-group h1, #main.accueil-formations .wp-block-group h2 {
    display: inline-block;
    position: relative;
    color: var(--color-2c);
    background: var(--color-1a);
    padding: 8px 10px 4px 10px;
	margin-bottom: 30px;
}

#main.accueil-formations .wp-block-group h1 {
    bottom: -15px;
    z-index: 800;
    margin: 80px 0 0 0;
}


#main.accueil-formations .wp-block-group p, #main.accueil-formations .wp-block-group ol {
    position: relative;
}
#main.accueil-formations .wp-block-group ol {
    padding-left: 50px;
}

.wp-block-group.rayures-formation {
	background: url(img/fond-lignes-formations.webp);
}

.wp-block-group.marge-droite {
	margin-right: 40px;
	padding-left: 40px;
}
.wp-block-group.marge-gauche {
	margin-left: 40px;
	padding-right: 40px;
}

.wp-block-group.rayures-formation p, .wp-block-group.rayures-formation ul {
	background: var(--color-4);
    padding: 30px 30px 0 30px;
    margin: 0 30px;
}

.wp-block-group.rayures-formation > div > :last-child {
    padding-bottom: 30px;
}


.wp-block-group.rayures-formation ul {
    padding-left: 50px;
}

.wp-block-group.rayures-formation p.bloc-texte {
	background: var(--color-4);
    padding: 30px;
    margin: 0 0 30px 30px;
}

.page #main.accueil-formations div.wp-block-group.rayures-formation:first-child .wp-block-paragraph {
    margin: 0 40px 0 0;
	max-width: 650px;
}
.page #main.accueil-formations div.wp-block-group.rayures-formation:first-child p.bloc-texte:first-of-type {
    padding-top: 45px;
}

.page #main.accueil-formations .wp-block-file.lien-pdf {
    position: relative;
    z-index: 500;
	background: var(--color-4);
    padding: 0 30px 30px 30px;
	margin: 0;
}
.page #main.accueil-formations div.wp-block-group.rayures-formation:first-child .wp-block-file.lien-pdf {
	margin: 0 450px 0 0;
}

.page #main.accueil-formations .wp-block-file.lien-pdf a {
    text-decoration: none;
    font-size: 16px;
}
.page #main.accueil-formations .wp-block-file.lien-pdf a::before {
    display: inline-block;
	content: " ";
	height: 35px;
	width: 35px;
	background: url(img/picto-pdf.webp) no-repeat;
	vertical-align: middle;
	margin-right: 10px;
}

.wp-block-group .bloc-texte strong, .wp-block-group .bloc-texte b {
    color: var(--color-1a);
}


.wp-block-group {
    margin-bottom: 50px;
}

.wp-block-columns.formations-chiffres {
    text-align: center;
    font-weight: bold;
	color: var(--color-1a);
	margin-bottom: 60px;
}
.wp-block-columns.formations-chiffres figure {
    margin: 0;
}
.wp-block-columns.formations-chiffres h3 {
    font-size: 60px;
    color: var(--color-2c);
    margin: 0;
	font-weight: 800;
    line-height: 0.9;
}
.wp-block-columns.formations-chiffres p {
    margin: 0 0 5px 0;
}

.page #main.accueil-formations .colonnes-formations {
    margin: 0 40px 70px 40px;
    padding-top: 20px;
    height: 290px;
    overflow: hidden;
}

#main.accueil-formations .colonnes-formations > .wp-block-column {
	background: url(img/vignette-droit.webp);
	background-size: cover;
	position: relative;
}

#main.accueil-formations .colonnes-formations > .wp-block-column.formations-continues {
	background-image: url(img/vignette-formations-continues.webp);
}
#main.accueil-formations .colonnes-formations > .wp-block-column.catalogue {
	background-image: url(img/vignette-formations-catalogue.webp);
}


#main.accueil-formations .colonnes-formations h2 {
    display: inline-block;
    position: absolute;
	top: -20px;
	left: 0;
    color: var(--color-2c);
    background: var(--color-1a);
    padding: 8px 10px 4px 10px;
    margin: 0;
	z-index: 1000;
}

#main.accueil-formations .colonnes-formations p {
    text-align: center;
    color: var(--color-1a);
    background: var(--color-5c);
    padding: 45px 15px 8px 15px;
	margin: 0;
	opacity: 0;
	transition: opacity 0.4s ease;
}
#main.accueil-formations .colonnes-formations .wp-block-column:hover p {
	opacity: 1;
}

#main.accueil-formations .colonnes-formations p.lien-suite {
    margin: 0;
    padding: 0 0 100px 0;
}

#main.accueil-formations .colonnes-formations p.lien-suite a {
    display: inline-block;
    background: var(--color-4);
    text-transform: uppercase;
    text-decoration: none;
	font-weight: 500;
    margin: 5px 0;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 600;
}


/* ----------------- Page formations continues / diplomantes ---------------- */ 


.page #main.formations-continues, .page #main.formations-diplomantes {
    background: var(--color-4);
	background-repeat: repeat-y;
    background-position: left top;
    background-size: calc(100% - 40px) auto;
	padding: 0 40px 40px 40px;
}

.page #main.formations-continues::before, .page #main.formations-diplomantes::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 40px; /* les 40px droits sont exclus */
    bottom: 0;
    background: url(img/fond-lignes-formations.webp);
    background-repeat: repeat;
    z-index: 0;
}

.page #main.formations-continues .visuel, .page #main.formations-diplomantes .visuel {
    content: " ";
    display: block;
    background: url(img/visuel-formations.webp) no-repeat;
    background-size: cover;
    position: absolute;
    left: 80px;
    right: 0;
	bottom: 80px;
	top: 0;
	z-index: 50;
}
.page #main.formations-diplomantes .visuel {

}

.page #main.formations-continues .logo, .page #main.formations-diplomantes .logo {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    height: 180px;
	width: 200px;
    background: no-repeat url(img/Logo-ISTNF-Formation-Sante-Travail.webp) right 15px top 25px / 200px auto;
    z-index: 800;
}

.page #main.formations-continues .page-header h1, .page #main.formations-diplomantes .page-header h1 {
    display: inline-block;
    position: relative;
    color: var(--color-4);
    background: var(--color-1a);
    padding: 4px 10px;
    margin: 80px 0 0 0;
	bottom: -15px;
	z-index: 800;
}

.page #main.formations-diplomantes .page-header h1 {
    margin: 350px 0 0 0;
}

.page #main.formations-continues .entry-content, .page #main.formations-diplomantes .entry-content {
	position: relative;
    max-width: 500px;
    margin-left: 0;
    padding: 25px 40px 40px 40px;
	background: var(--color-4);
	z-index: 500;
}

.page #main.formations-continues .entry-content h2, .page #main.formations-continues .entry-content strong, .page #main.formations-diplomantes .entry-content h2, .page #main.formations-diplomantes .entry-content strong  {
	color: var(--color-2c);
}

.page #liste-formations .article-accordeon {
    position: relative;
    margin-bottom: 40px;
}

.page #liste-formations .article-accordeon h2 {
    display: inline-block;
    position: relative;
    color: var(--color-4);
    background: var(--color-2a);
    padding: 8px 10px 4px 10px;
    bottom: -20px;
    margin: 0;
    left: 0;
}
.page #liste-formations .article-accordeon h2 a::after {
    display: inline-block;
    content: " ";
	height: 27px;
	width: 27px;
    margin-left: 10px;
    background: url(img/picto-on-off-ouvrir.webp);
	vertical-align: top;
}
.page #liste-formations .article-accordeon.open h2 a::after {
    display: inline-block;
    content: " ";
	height: 27px;
	width: 27px;
    margin-left: 10px;
    background: url(img/picto-on-off-fermer.webp);
	vertical-align: top;
}
.page #liste-formations .article-accordeon.open .fermer-accordeon {
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
}
.page #liste-formations .article-accordeon.open .fermer-accordeon a {
   display: block;
   height: 40px;
   background: var(--color-2a) url(img/picto-on-off-fermer.webp) no-repeat right 10px center;
   Text-decoration: none;
}

.page #liste-formations .article-accordeon h2 a {
    text-decoration: none;
    color: var(--color-4);
}

.page #liste-formations .article-accordeon .article-body {
    background: var(--color-4) url(img/fond-lignes-formations.webp);
	padding: 35px 0 0 0;
	display: block;
	max-height: 20px;
	overflow: hidden;
}
.page #liste-formations .article-accordeon.open .article-body {
	max-height: none;
	padding: 60px 40px;
}


.page #liste-formations .article-accordeon ul.colonnes {
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
	align-items: center;
	column-gap: 40px;
    row-gap: 40px;
    margin: 0;
    padding: 0;
}

.page #liste-formations .article-accordeon ul.colonnes li {
    list-style-type: none;
	padding: 40px;
	margin: 0;
	position: relative;
}

.page #liste-formations .article-accordeon.open ul.colonnes li {
    background: var(--color-4);
	min-height: 126px;
	box-sizing: border-box;
}

.page #liste-formations .article-accordeon ul.colonnes h3 {
    margin: 0;
	padding: 0;
}

.page #liste-formations .article-accordeon ul.colonnes h3 a {
    color: var(--color-1a);
    text-decoration: none;
	font-size: 16px;
}

.page #liste-formations .article-accordeon a.suite, .page #liste-formations .article-accordeon a.lien-pdf {
    display: inline-block;
    position: absolute;
    right: -10px;
    bottom: -10px;
    background: var(--color-2a);
    color: var(--color-4);
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: 400;
}


/* ------------------------------- Fiche formations ----------------------  */ 


.single.single-formations .container.site-content {
    background: none;
    padding: 0;
}

.single.single-formations #main {
	padding: 0 0 5px 0;
}

.single.single-formations #main .description-formation {
    background: url(img/fond-lignes-formations.webp);
    margin: 0;
    padding: 0 40px 40px 40px;
}

.single.single-formations #main .description-formation .visuel {
    content: " ";
    display: block;
    height: 650px;
    background: url(img/visuel-formations.webp);
    background-size: cover;
    position: absolute;
    left: 80px;
    right: 0;
	z-index: 50;
}

.single.single-formations #main .description-formation .logo {
    content: " ";
    display: block;
    position: relative;
    right: -40px;
    left: 0;
    height: 350px;
    background: no-repeat url(img/Logo-ISTNF-Formation-Sante-Travail.webp) right 15px top 25px / 230px auto;
    z-index: 500;
}

.single.single-formations #main .formation-categories {
    display: grid;
    grid-template-columns: 1fr 1fr;
	position: relative;
	z-index: 800;
}

.single.single-formations #main.categories-formations-formations-diplomantes .formation-categories {
    grid-template-columns: 1fr;
}

.single.single-formations #main .formation-categories a {
    display: inline-block;
    position: relative;
	bottom: -15px;
    color: var(--color-4);
    background: var(--color-2a);
    padding: 4px 8px 4px 8px;
	text-decoration: none;
	font-weight: 600;
}
.single.single-formations #main .formation-categories a::before {
    content: ">> ";
}

.single.single-formations #main .formation-categories .formation-sous-categorie a {
	left: 0;
    background: var(--color-2a);
	font-weight: 600;
}

#main .formation-categories .formation-categorie {
    text-align: right;
}

.single.single-formations #main .formation-categories .formation-categorie a {
	right: -15px;
    background: var(--color-2c);
	font-weight: 700;
	font-size: 18px;
}

.single.single-formations #main .description-formation h1 {
    position: relative;
    color: var(--color-2a);
	background: var(--color-4);
    padding: 60px 40px 20px 40px;
    margin: 0;
	top: 0;
    display: block;
	z-index: 500;
}

.single.single-formations #main .description-formation .colonnes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    background: var(--color-4);
    padding-bottom: 40px;
	z-index: 500;
}

.single.single-formations #main.content-area h2 {
    color: var(--color-2a);
}

.single.single-formations #main .description-formation .description, #main .description-formation .fiche-pdf {
	padding: 1px 0;
}

.single.single-formations #main .description-formation .gauche, #main .description-formation .droite {
	padding: 0 40px;
}

.single.single-formations #main .description-formation .gauche {
	border-right: solid 1px var(--color-2a);
	padding: 0 20px 0 40px;
}

.single.single-formations #main .description-formation .fiche-pdf {
    padding: 20px 40px 5px 0;
}

.single.single-formations #main .description-formation .fiche-pdf {
    & ul, & li {
		list-style-type: none;
		padding: 0;
		margin: 0 0 5px 0; }
}


.single.single-formations #main .description-formation .fiche-pdf {
	a {
		font-size: 15px;
		text-decoration: none;
		color: var(--color-1); 
	}
	& a:hover {
	color: var(--color-2a); 
	}
	& a::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	background: no-repeat url(img/picto-pdf.webp);
	height: 35px;
	width: 35px;
	margin-right: 7px; 
	}
}

.single.single-formations #main {
	h1 & h2 {
		color: var(--color-2a);
		line-height: 1em;
	}
}

.single.single-formations #main h1 {
	margin: 0 0 20px 0;
}

#main .description-formation .droite ul {
    list-style-type: none;
	margin: 0;
	padding: 0;
}

#main .description-formation .droite ul li {
    list-style-type: none;
	margin: 0 0 15px 15px;
}

#main .description-formation .droite ul li:before {
    content: ' ';
    display: block;
    position: relative;
    width: 6px;
    height: 6px;
    font-size: 3px;
    background: var(--color-2a);
    border-radius: 50%;
    top: 15px;
    margin-left: -15px;
}


#main .description-formation .droite {
	strong, b {
    color: var(--color-2a);
	font-size: 20px;
	}
}

#main .description-formation .droite em {
    color: var(--color-2a);
	font-style: normal;
}


.single.single-formations #main { 
	& .details {
		margin: 0;
		padding: 40px 80px;
	}
	& .programme {
		margin: 0 80px;
		padding: 40px 0;
		border-top: solid 1px var(--color-2a);
	}
}

.programme ul li {
	font-weight: 500;
}

.programme ul li ul li {
	font-weight: 300;
	margin: 4px 0;
}



/* ----------------- Couleurs catégories formations ---------------- */ 

/* Prévention des risques professionnels */
.single.single-formations #main.categories-formations-prevention-risques-professionnels {
	.formation-categories .formation-sous-categorie a { background: var(--color-formation-1); }
	h1, h2 { color: var(--color-formation-1); }
	.description-formation .gauche { border-right: solid 1px var(--color-formation-1); }
	.programme { border-top: solid 1px var(--color-formation-1); }
	.programme h3 { color: var(--color-formation-1); }
	.description-formation .fiche-pdf a:hover {	color: var(--color-formation-1); }
}
#main.categories-formations-prevention-risques-professionnels .description-formation .droite {
	ul li:before { background: var(--color-formation-1); }
	em, strong, b { color: var(--color-formation-1); }
}
#main.categories-formations-prevention-risques-professionnels .programme { border-top: solid 1px var(--color-formation-1); }
.page #liste-formations .article-accordeon.prevention-risques-professionnels {
	a.suite { background: var(--color-formation-1); }
	h2 { background: var(--color-formation-1); }
}
.page #liste-formations .article-accordeon.prevention-risques-professionnels.open .fermer-accordeon a { background: var(--color-formation-1) url(img/picto-on-off-fermer.webp) no-repeat right 10px center; }
.term-prevention-risques-professionnels #main h1.page-title { background: var(--color-formation-1); }

/* Surveillance de l'état de santé */
.single.single-formations #main.categories-formations-surveillance-etat-de-sante {
	.formation-categories .formation-sous-categorie a { background: var(--color-formation-2); }
	h1, h2 { color: var(--color-formation-2); }
	.description-formation .gauche { border-right: solid 1px var(--color-formation-2); }
	.programme { border-top: solid 1px var(--color-formation-2); }
	.programme h3 { color: var(--color-formation-2); }
	.description-formation .fiche-pdf a:hover {	color: var(--color-formation-2); }
}
#main.categories-formations-surveillance-etat-de-sante .description-formation .droite {
	ul li:before { background: var(--color-formation-2); }
	em, strong, b { color: var(--color-formation-2); }
	ul li:before { background: var(--color-formation-2); }
}
#main.categories-formations-surveillance-etat-de-sante .programme { border-top: solid 1px var(--color-formation-2); }
.page #liste-formations .article-accordeon.surveillance-etat-de-sante {
	a.suite { background: var(--color-formation-2); }
	h2 { background: var(--color-formation-2); }
}
.page #liste-formations .article-accordeon.surveillance-etat-de-sante.open .fermer-accordeon a { background: var(--color-formation-2) url(img/picto-on-off-fermer.webp) no-repeat right 10px center; }
.term-surveillance-etat-de-sante #main h1.page-title { background: var(--color-formation-2); }

/* Prévention de la désinsertion pro */
.single.single-formations #main.categories-formations-prevention-desinsertion {
	.formation-categories .formation-sous-categorie a { background: var(--color-formation-3); }
	h1, h2 { color: var(--color-formation-3); }
	.description-formation .gauche { border-right: solid 1px var(--color-formation-3); }
	.programme { border-top: solid 1px var(--color-formation-3); }
	.programme h3 { color: var(--color-formation-3); }
	.description-formation .fiche-pdf a:hover {	color: var(--color-formation-3); }
}
#main.categories-formations-prevention-desinsertion .description-formation .droite {
	ul li:before { background: var(--color-formation-3); }
	em, strong, b { color: var(--color-formation-3); }
	ul li:before { background: var(--color-formation-3); }
}
#main.categories-formations-prevention-desinsertion .programme { border-top: solid 1px var(--color-formation-3); }
.page #liste-formations .article-accordeon.prevention-desinsertion {
	a.suite { background: var(--color-formation-3); }
	h2 { background: var(--color-formation-3); }
}
.page #liste-formations .article-accordeon.prevention-desinsertion.open .fermer-accordeon a { background: var(--color-formation-3) url(img/picto-on-off-fermer.webp) no-repeat right 10px center; }
.term-prevention-desinsertion #main h1.page-title { background: var(--color-formation-3); }

/* Règlementation */
.single.single-formations #main.categories-formations-reglementation {
	.formation-categories .formation-sous-categorie a { background: var(--color-formation-4); }
	h1, h2 { color: var(--color-formation-4); }
	.description-formation .gauche { border-right: solid 1px var(--color-formation-4); }
	.programme { border-top: solid 1px var(--color-formation-4); }
	.programme h3 { color: var(--color-formation-5); }
	.description-formation .fiche-pdf a:hover {	color: var(--color-formation-4); }
}
#main.categories-formations-reglementation .description-formation .droite {
	ul li:before { background: var(--color-formation-4); }
	em, strong, b { color: var(--color-formation-4); }
	ul li:before { background: var(--color-formation-4); }
}
#main.categories-formations-reglementation .programme { border-top: solid 1px var(--color-formation-4); }
.page #liste-formations .article-accordeon.reglementation {
	a.suite { background: var(--color-formation-4); }
	h2 { background: var(--color-formation-4); }
}
.page #liste-formations .article-accordeon.reglementation.open .fermer-accordeon a { background: var(--color-formation-4) url(img/picto-on-off-fermer.webp) no-repeat right 10px center; }
.term-reglementation #main h1.page-title { background: var(--color-formation-4); }

/* Compétences transversales */
.single.single-formations #main.categories-formations-competences-transversales {
	.formation-categories .formation-sous-categorie a { background: var(--color-formation-5); }
	h1, h2 { color: var(--color-formation-5); }
	.description-formation .gauche { border-right: solid 1px var(--color-formation-5); }
	.programme { border-top: solid 1px var(--color-formation-5); }
	.programme h3 { color: var(--color-formation-5); }
	.description-formation .fiche-pdf a:hover {	color: var(--color-formation-5); }
}
#main.categories-formations-competences-transversales .description-formation .droite {
	ul li:before { background: var(--color-formation-5); }
	em, strong, b { color: var(--color-formation-5); }
	ul li:before { background: var(--color-formation-5); }
}
#main.categories-formations-competences-transversales .programme { border-top: solid 1px var(--color-formation-5); }
.page #liste-formations .article-accordeon.competences-transversales {
	a.suite { background: var(--color-formation-5); }
	h2 { background: var(--color-formation-5); }
}
.page #liste-formations .article-accordeon.competences-transversales.open .fermer-accordeon a { background: var(--color-formation-5) url(img/picto-on-off-fermer.webp) no-repeat right 10px center; }
.term-competences-transversales #main h1.page-title { background: var(--color-formation-5); }

/* Formations spécifiques */
.single.single-formations #main.categories-formations-formations-specifiques {
	.formation-categories .formation-sous-categorie a { background: var(--color-formation-6); }
	h1, h2 { color: var(--color-formation-6); }
	.description-formation .gauche { border-right: solid 1px var(--color-formation-6); }
	.programme { border-top: solid 1px var(--color-formation-6); }
	.programme h3 { color: var(--color-formation-6); }
	.description-formation .fiche-pdf a:hover {	color: var(--color-formation-6); }
}
#main.categories-formations-formations-specifiques .description-formation .droite {
	ul li:before { background: var(--color-formation-6); }
	em, strong, b { color: var(--color-formation-6); }
	ul li:before { background: var(--color-formation-6); }
}
#main.categories-formations-formations-specifiques .programme { border-top: solid 1px var(--color-formation-6); }
.page #liste-formations .article-accordeon.formations-specifiques {
	a.suite { background: var(--color-formation-6); }
	h2 { background: var(--color-formation-6); }
}
.page #liste-formations .article-accordeon.formations-specifiques.open .fermer-accordeon a { background: var(--color-formation-6) url(img/picto-on-off-fermer.webp) no-repeat right 10px center; }
.term-formations-specifiques #main h1.page-title { background: var(--color-formation-6); }


/* Formations diplomantes */
#liste-formations .bloc-article h3 a {
	color: var(--color-2a);
}


.page #liste-formations .article-accordeon a.suite:first-child {
    display: block;
    position: static;
    height: 50px;
	width: 50px;
    background: transparent;
	font-size: 2px;
	text-indent: -500px;
	overflow: hidden;
    margin: 0 auto;
    padding: 0;
	background: url(img/picto-pdf-big.webp) no-repeat;
}


/* ----------------- Page Droit Santé Travail ---------------- */ 


.page .droit-sante-travail #main {
	position: relative;
	padding: 0;
}

.page .droit-sante-travail #main div.fond-rayures {
    background: var(--color-4) url(img/fond-lignes-droit.webp);
	padding: 0 40px 40px 40px;
	margin-right: 40px;
	position: relative;
}

.page .droit-sante-travail #main .visuel {
    content: " ";
    display: block;
    height: 550px;
    background: url(img/visuel-droit.webp);
    background-size: cover;
    position: absolute;
    left: 40px;
    right: -40px;
	z-index: 50;
}


.page .droit-sante-travail #main h1.page-header, .page #dernieres-publications h2:first-child {
    display: inline-block;
    position: relative;
    color: var(--color-2d);
    background: var(--color-1a);
    padding: 4px 10px;
    margin: 300px 0 0 0;
    bottom: -20px;
    z-index: 800;
}


.page #dernieres-publications h2:first-child {
    top: -20px;
}


.page .droit-sante-travail #main .entry-content {
    position: relative;
	background: var(--color-4);
    padding: 40px;
    margin: 0 350px 0 0;
	z-index: 500;
}

.page .droit-sante-travail .contenu-accueil h2, .page .droit-sante-travail .actualites h2, .page .droit-sante-travail .zone-agenda h2 {
    color: var(--color-2d);
	background : var(--color-1a);
}

.page .droit-sante-travail #zone-actus-agenda {
    display: grid;
    grid-template-columns: 60% 1fr;
    padding: 40px 0;
    position: relative;
	margin-top: 40px;
}

.agenda-droit.zone-agenda {
	position: relative;
    background: var(--color-3);
    padding: 20px 40px 40px 40px;
}

.page .droit-sante-travail #zone-actus-agenda .actualites {
	background: url(img/fond-lignes-droit.webp);
    position: relative;
    padding: 40px;
}

.page .droit-sante-travail #zone-actus-agenda .actualites .bloc-article {
	display: grid;
	grid-template-columns: 200px 1fr;
	column-gap: 30px;
	margin-bottom: 30px;
	background: var(--color-4);
}

.page .droit-sante-travail #zone-actus-agenda .actualites .bloc-article h3 {
	margin: 15px 0 0 0;
	& a { color: var(--color-2d); }
}

.page .droit-sante-travail .zone-agenda .agenda-item .date {
    background: var(--color-2d);
}


/* ------------------------------- Abonnés Droit Santé Travail ----------------------  */ 


#compte-droit-sante-travail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
	margin: 60px 40px 80px 40px;
}

#compte-droit-sante-travail > div {
    padding: 20px;
	background: var(--color-3d);
}

#compte-droit-sante-travail #login{
    text-align: right;
}

#compte-droit-sante-travail #login > form {
    display: grid;
	grid-template-columns: 1fr 50px;
	align-items:center ;
}

#compte-droit-sante-travail #login .champ input {
    padding: 4px 6px;
	background: var(--color-4);
	border: 0;
	margin: 8px 0;
}
#compte-droit-sante-travail #login .forgotten {
    font-size: 12px;
	margin: 0 50px 0 0;
}

#compte-droit-sante-travail #login .submit-button input  {
    display: inline-block;
    color: var(--color-4);
    background: var(--color-1d);
    padding: 4px 10px;
    margin: 0;
	border: 0;
}
#compte-droit-sante-travail a  {
    color: var(--color-1d);
}

.page .droit-sante-travail .zone-recherche {
	border: 0;
	margin: 40px 0;
	position: relative;
}
.page .droit-sante-travail .zone-recherche > div {
	margin: 0 0 0 -40px;
	padding: 60px 40px;
	background: var(--color-1d);
	position: relative;
	z-index: 500;
}

.page .droit-sante-travail .zone-recherche::before {
    display: block;
    position: absolute;
    content: " ";
    top: 100px;
    left: 40px;
    bottom: -40px;
    height: 150px;
    width: calc(100% - 40px);
    z-index: 0;
    background: var(--color-4) url(img/fond-lignes-droit.webp);
}

.page .droit-sante-travail .zone-recherche h2 {
    display: inline-block;
    position: absolute;
    color: var(--color-4);
    background: var(--color-2d);
    padding: 4px 10px;
    margin: 0;
    top: -20px;
    z-index: 800;
}

.page .droit-sante-travail .zone-recherche form {
    background: var(--color-4);
}

.page .droit-sante-travail .zone-recherche input {
    background: var(--color-4);
    padding: 10px 15px;
    width: calc(100% - 43px);
    margin: 0;
    border: 0;
    color: var(--color-1);
    font-size: 16px;
    vertical-align: middle;
}

.page .droit-sante-travail .zone-recherche button {
    padding: 10px 15px;
    border: 0;
    color: transparent;
    height: 38px;
    width: 38px;
	margin: 0;
    background: var(--color-4) url(img/picto-recherche.svg) no-repeat center;
	background-size: 22px;
}

.categories-droit-sante-travail { 
	ul, li { 
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
	} 
}

.categories-droit-sante-travail li a { 
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: var(--color-1d);
	border: solid 1px var(--color-2d);
	padding: 30px;
}

.categories-droit-sante-travail li a::before {
    display: block;
    content: " ";
    height: 50px;
    background: url(img/picto-droit-dossier-juridique.webp) no-repeat center / contain;
}
.categories-droit-sante-travail li.jurisprudence a::before {
    background: url(img/picto-droit-jurisprudence.webp) no-repeat center / contain;
}
.categories-droit-sante-travail li.legislation-reglementation a::before {
    background: url(img/picto-droit-legislation.webp) no-repeat center / contain;
}
.categories-droit-sante-travail li.questions-reponses a::before {
    background: url(img/picto-droit-questions-reponses.webp) no-repeat center / contain;
}
.categories-droit-sante-travail li.webinaires a::before {
    background: url(img/picto-droit-webinaire.webp) no-repeat center / contain;
}

.page #dernieres-publications {
    position: relative;
	background: var(--color-4) url(img/fond-lignes-droit.webp);
    padding: 0 40px 40px 40px;
}

.page #dernieres-publications h2:first-child {
    margin: 0;
}

.page #dernieres-publications .articles-colonnes {
    margin: 20px 0 0 0;
    align-items: center;
}

.page #dernieres-publications .bloc-article {
    margin: 0;
	padding: 25px;
	background: var(--color-4);
	position: relative;
}

.page #dernieres-publications .bloc-article a.etiquette-categorie {
    display: inline-block;
    position: absolute;
    color: var(--color-4);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    background: var(--color-2);
    padding: 3px 6px;
    right: -8px;
    top: -8px;
    z-index: 500;
}

.page #dernieres-publications .bloc-article h3 {
    color: var(--color-1a);
    margin: 0;
	font-size: 15px;
}
.page #dernieres-publications .bloc-article h3 a {
    color: var(--color-1a);
	font-weight: 500;
}
.page #dernieres-publications .bloc-article .posted-on {
    margin: 0;
}


.page #zone-documents-categories {
    display: grid;
    grid-template-columns: 60% 1fr;
    padding: 40px 0 0 0;
	margin-top: 40px;
    position: relative;
}

.page #zone-documents-categories #dernieres-publications .bloc-article::after {
    display: block;
    content: " ";
	border-bottom: solid 1px var(--color-3);
	margin-top: 8px;
}

.page #zone-documents-categories .categories-droit-sante-travail li {
    margin: 40px;
}
.page #zone-documents-categories .categories-droit-sante-travail li:first-child {
    margin: 0 40px 40px 40px;
}


/* ------------------------------- Fiche Droit Santé Travail ----------------------  */ 


.single-droitsantetravail .container.site-content {
    padding: 40px;
}

.single-droitsantetravail #main {
    padding: 40px;
}

 .single-droitsantetravail .container.site-content .page-header {
	 margin-bottom: 40px;
}

.single-droitsantetravail .container.site-content h1.entry-title {
    font-size: 24px;
    position: relative;
    top: 0;
    margin-top: 0;
}

.single-droitsantetravail .container.site-content .posted-on {
    text-align: right;
	margin: 0 40px;
	font-size: 14px;
}

.message-abonne {
	display: block;
	width: 300px;
	padding: 40px;
	margin: 60px auto;
	text-align: center;
	background: var(--color-2d);
	color : var(--color-4);
	font-size: 25px;
	font-weight: bold;
}

.single-droitsantetravail .document-joint {
	ul, li {list-style-type: none; padding: 0; margin: 0;}
}

.single-droitsantetravail .document-joint {
    padding: 20px;
    border: solid 1px var(--color-3);
    margin: 40px auto;
    width: 300px;
    text-align: center;
}

.single-droitsantetravail .document-joint a::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    background: no-repeat url(img/picto-pdf.webp);
    height: 35px;
    width: 35px;
    margin-right: 7px;
}

.single-droitsantetravail .categories-droit-sante-travail ul {
    text-align: center;
}

.single-droitsantetravail .categories-droit-sante-travail li {
    display: inline-block;
	background: var(--color-4);
	max-width: 20%;
	box-sizing: content-box;
}

.single-droitsantetravail .categories-droit-sante-travail li a:hover,
.single-droitsantetravail .categories_droitsantetravail-dossiers-juridiques .categories-droit-sante-travail li.dossiers-juridiques a,
.single-droitsantetravail .categories_droitsantetravail-jurisprudence .categories-droit-sante-travail li.jurisprudence a,
.single-droitsantetravail .categories_droitsantetravail-legislation-reglementation .categories-droit-sante-travail li.legislation-reglementation a,
.single-droitsantetravail .categories_droitsantetravail-questions-reponses .categories-droit-sante-travail li.questions-reponses a,
.single-droitsantetravail .categories_droitsantetravail-webinaires .categories-droit-sante-travail li.webinaires a {
	background: var(--color-3d);
	color: var(--color-4);
}

.single-droitsantetravail .categories-droit-sante-travail li a {
    font-size: 14px;
    padding: 20px;
	margin: 0 20px 20px 0;
}  

.single-droitsantetravail .categories-droit-sante-travail li a::before {
    height: 30px;
}

/* ------------------------------- pages pour chaque catégorie de documents droit santé travail ----------------------  */ 


.archive.tax-categories_droitsantetravail #main {
    padding: 40px;
}

.archive.tax-categories_droitsantetravail #main.content-area::before {
    display: none;
}
.archive.tax-categories_droitsantetravail #main.content-area {
    position: relative;
    background: var(--color-4) url(img/fond-lignes-droit.webp);
    padding: 0 40px 40px 40px;
}
.tax-categories_droitsantetravail .categories-droit-sante-travail {
	padding: 20px;
    position: relative;
    z-index: 100;
	text-align: center;
}

.tax-categories_droitsantetravail .categories-droit-sante-travail li {
	display: inline-block;
	background: var(--color-4);
	max-width: 20%;
	box-sizing: content-box;
	vertical-align: top;
	margin: 0 10px;
}
.tax-categories_droitsantetravail .categories-droit-sante-travail li a {
	display: grid;
	grid-template-columns: 1fr;
	font-size: 16px;
	min-height: 110px;
	align-items: center;
}

.tax-categories_droitsantetravail .articles-colonnes {
    align-items: center;
}

.tax-categories_droitsantetravail .bloc-article {
    margin: 0;
    padding: 25px;
    background: var(--color-4);
    position: relative;
}

.tax-categories_droitsantetravail .bloc-article a.etiquette-categorie {
    display: inline-block;
    position: absolute;
    color: var(--color-4);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    background: var(--color-2);
    padding: 3px 6px;
    right: -8px;
    top: -8px;
    z-index: 500;
}
.tax-categories_droitsantetravail .bloc-article h3 {
    color: var(--color-1a);
    margin: 0;
    font-size: 15px;
}
.tax-categories_droitsantetravail .bloc-article h3 a {
    color: var(--color-1a);
}

.archive.tax-categories_droitsantetravail.term-dossiers-juridiques .categories-droit-sante-travail li.dossiers-juridiques,
.archive.tax-categories_droitsantetravail.term-jurisprudence .categories-droit-sante-travail li.jurisprudence,
.archive.tax-categories_droitsantetravail.term-legislation-reglementation .categories-droit-sante-travail li.legislation-reglementation,
.archive.tax-categories_droitsantetravail.term-questions-reponses .categories-droit-sante-travail li.questions-reponses,
.archive.tax-categories_droitsantetravail.term-webinaires .categories-droit-sante-travail li.webinaires {
	display: none;
}


/* ------------------------------- Recherche / résultats ----------------------  */ 


.search-results #main {
    background-color: var(--color-4);
	padding: 40px;
}

.search-results .zone-recherche {
    border: 0;
    margin: -40px -40px 40px -40px;
    position: relative;
	background: var(--color-1d);
}

.search-results .zone-recherche input {
    background: var(--color-4);
    padding: 10px 15px;
    width: calc(100% - 43px);
    margin: 0;
    border: 0;
    color: var(--color-1);
    font-size: 16px;
    vertical-align: middle;
}

.search-results .zone-recherche button {
    padding: 10px 15px;
    border: 0;
    color: transparent;
    height: 38px;
    width: 38px;
    margin: 0;
    background: var(--color-4) url(img/picto-recherche.svg) no-repeat center;
    background-size: 22px;
}

/* ------------------------------- Actualités, évènements, journées ----------------------  */ 


.page:not(.home) .actualites, .page:not(.home) #main.actualites {
    background: var(--color-4) url(img/fond-lignes-gris.webp);
    position: relative;
}

.page:not(.home) .evenements {
    background: var(--color-4) url(img/fond-lignes-evenements.webp);
    position: relative;
}

.page:not(.home) .actualites #main {
    background: transparent;
}

.page .actualites .content-area .visuel {
    content: " ";
    display: block;
    background: url(img/visuel-formations.webp) no-repeat;
    background-size: cover;
    position: absolute;
    left: 80px;
    right: 0;
    bottom: 80px;
    top: 0;
    z-index: 50;
	max-height: 800px;
	overflow: hidden;
}

.actualites .content-area .entry-content {
    position: relative;
    max-width: 70%;
    margin: 0 0 80px 0;
    padding: 25px 40px 40px 40px;
    background: var(--color-4);
    z-index: 500;
}
.actualites.marcel-marchand .content-area .entry-content {
    max-width: 550px;
}


.page:not(.home) .actualites #main.visuel h1:first-child {
    margin: 150px 0 0 0;
    bottom: -15px;
	display: inline-block;
    position: relative;
    background: var(--color-1a);
	color: var(--color-1b);
    padding: 4px 10px;
    bottom: -15px;
    z-index: 800;
}

.page:not(.home) .actualites .articles-rangees {
    padding: 0 40px;
}



/* ------------------------------- Contact Form 7 ----------------------  */ 


.wpcf7 label {
	display: inline-block;
	width: 19%;
	vertical-align: top;
}
#main .wpcf7 p {
	margin: 15px 0;	
}
#main .wpcf7 .envoi {
	text-align: center;	
}
.wpcf7-text, .wpcf7-textarea {
	width: 60%;
	padding: 5px 8px;
	border: solid 1px var(--color-3);
}
.wpcf7-submit {
	background-color: var(--color-2a);
	background-image: none;
	border: 0;
	color: var(--color-4);
	padding: 6px 15px;
	font-size: 14px;
	text-shadow: none;
	border-color: transparent;
	-webkit-box-shadow: none;
}


/* ------------------------------- Lightbox gallery ----------------------  */ 

#cboxCurrent {
	display: none!important;
}
#cboxPrevious {
    background-image: url(img/controls.png)!important;
}
#cboxNext {
    background-image: url(img/controls.png)!important;
}
#cboxClose {
    background-image: url(img/controls.png)!important;
}

#cboxTopLeft {
    background: url(img/controls.png) no-repeat -101px 0!important;
}

#cboxTopRight {
    background: url(img/controls.png) no-repeat -130px 0!important;
}
#cboxBottomLeft {
    background: url(img/controls.png) no-repeat -101px -29px!important;
}
#cboxBottomRight {
    background: url(img/controls.png) no-repeat -130px -29px!important;
}

#s-share-buttons {
	text-align: right;
}

.pnlm-panorama-info {
	display: none!important;
}

/* ------------------ Ajustements de résolutions ----------------------	*/


@media (min-width: 10px) and (max-width: 767px) {
	 header.site-header { grid-template-columns: 1fr; padding-bottom: 85px;}
	.site-logo { margin-bottom: 10px; }
	.main-navigation { grid-column: 1 / span 6; }
	#navbar-toggle { display: inline-block; }
	.menu-menu-principal-container { display: none; }
	#site-footer .menu-menu-principal-container { display: block; }
	.menu-menu-principal-container.visible { display: block; padding: 0 20px 20px 20px; }
	ul.menu li { display: block; margin: 3px 8px; }
	ul.menu-principal,ul.menu-principal>li, ul.menu-principal>li>a { display: block; text-align: center; }
	.menu-item-has-children>.sub-menu { position: static; }
	.menu-item-has-children>.sub-menu>li { margin: 3px 0; display: block; }
	.menu-item-has-children>.sub-menu>li a { margin: 0 auto; width: 400px; }
	.articles-colonnes { grid-template-columns: 1fr;}
	.container { padding: 0;}
	.container.site-content { padding: 0 0 10px 0;}
	#site-footer { grid-template-columns: 1fr; }
	#rappel-menu { margin: 0 0 0 25px; padding: 0; }
	#site-footer .site-logo { padding: 100px 20px 60px 20px; background: url(img/logo-footer.webp) no-repeat top 15px center; }
	#rappel-menu li { display: block; }
	#rappel-menu li a { font-size: 14px; }
	#rappel-menu .menu-item-has-children>ul.sub-menu>li>a { font-size: 13px; }
	.articles-liste .article { display: block; }
	.page .content-area { padding: 20px; }
	.home .zone-slider { margin-right: 0; }
	.home .accueil-presentation { grid-template-columns: 1fr; margin-right: 0; padding: 70px 10px; }
	.contenu-accueil h2, .competences h2, .actualites h2, .zone-agenda h2 { top: -40px;  left: 20px; }
	.home #main .competences { padding: 40px 20px 80px 20px; }
	.home #main .competences .blocs { grid-template-columns: 1fr; margin-top: 0; }
	.home #main .actualites { padding: 20px 20px 60px 20px; }
	.home #main .actualites .bloc-article, .articles-rangees .bloc-article { grid-template-columns: 1fr;  margin: 30px 0; }
	.actualites .voir-tout, .zone-agenda .voir-tout { position: static; }
	.home .zone-actus { grid-template-columns: 1fr; }
	.page #main.accueil-formations .wp-block-group:first-child > div::before { right: 0px; }
	.page #main.accueil-formations .colonnes-formations { margin: 0 40px 70px 40px; padding-top: 20px; height: auto; overflow: visible; }
	#main.accueil-formations .colonnes-formations p { opacity: 0.8; }
	#main.accueil-formations .colonnes-formations p.lien-suite { padding: 0 0 30px 0; }
	.wp-block-group.marge-droite, .wp-block-group.marge-gauche { margin-right: 0; margin-left: 0; padding-left: 10px; padding-right: 10px; }
	.wp-block-group.marge-gauche .bloc-texte, .wp-block-group.marge-droite .bloc-texte, .wp-block-group.marge-gauche.lier-blocs .bloc-texte, #main.accueil-formations .wp-block-group ol > div > h2 + p.bloc-texte { margin: 0; padding: 15px 30px;}
	.page #main.accueil-formations .wp-block-group:first-child::before { height: 560px; background: url(img/visuel-formations.webp) right; left: 0; right: 0; }
	.page #main.accueil-formations .colonnes-formations { margin: 0 20px 70px 20px; }
	.page #main.accueil-formations div.wp-block-group.rayures-formation p.bloc-texte, .page #main.accueil-formations div.wp-block-group.rayures-formation:first-child p.bloc-texte, .page #main.accueil-formations .wp-block-file.lien-pdf { margin: 0; }
	.page #main.formations-continues, .page #main.formations-diplomantes { padding: 10px; }
	.page #main.formations-continues .visuel, .page #main.formations-diplomantes .visuel {  top: 0; height: 350px; left: 0; right: 0;}
	.page #main.formations-continues .entry-content, .page #main.formations-diplomantes .entry-content { width: auto; margin: 0; padding: 20px; }
	#main.accueil-formations .wp-block-group h1, #main.accueil-formations .wp-block-group h2 { margin-bottom: 20px; }
	#main.accueil-formations .wp-block-spacer { height: 50px!important; }
	.wp-block-group.rayures-formation p { padding: 20px;  margin: 0 10px; }
	.wp-block-group.rayures-formation ul { padding: 20px 20px 20px 25px;  margin: 0 10px; }
	.single #main { padding: 15px; }
	.single .container.site-content, .page .container.site-content { padding: 50px 10px 20px 10px; }
	.single .container.site-content .visuel, .page .container.site-content .visuel { margin: -50px -10px 0 -10px; }
	.single .container.site-content h1 { position: relative; padding: 20px; top: -14px; margin: 0 -15px 8px -15px;}
	.page #main.formations-continues .logo, .page #main.formations-diplomantes .logo { position: relative; width: 100%; }
	.page #liste-formations .article-accordeon ul.colonnes { grid-template-columns: 1fr; row-gap: 40px; }
	.page #liste-formations .article-accordeon .article-body { padding: 20px;  max-height: 10px;  }
	.page #liste-formations .article-accordeon.open .article-body { padding: 30 px; }
	.single.single-formations #main .description-formation { 
		padding: 0 10px 40px 10px;
		.colonnes {  grid-template-columns: 1fr; }
		.visuel { left: 0; background: url(img/visuel-formations.webp) right; }
		.logo { right: 0;  height: 200px; background: no-repeat url(img/Logo-ISTNF-Formation-Sante-Travail.webp) center top 15px / 230px auto; }
		.gauche { border-right: 0!important; padding: 0 20px; }
		.droite { padding: 0 20px; }
	}
	.single.single-formations #main .formation-categories { grid-template-columns: 1fr; }
	.single.single-formations #main .formation-categories .formation-categorie a { right: 0; }
	.single.single-formations #main .description-formation h1 {  padding: 20px; }
	.single.single-formations #main .details, .single.single-formations #main .programme { padding: 0; margin: 30px; }
	.programme ul { padding-left: 20px; }
	.page .droit-sante-travail #main h1.page-header { margin: 80px 0 0 0; bottom: -20px; }
	#compte-droit-sante-travail { grid-template-columns: 1fr; }
	.page #dernieres-publications { padding: 0 20px 40px 20px; }
	.page #dernieres-publications h2:first-child { margin: 0; top: -20px; }
	.page .droit-sante-travail #main div.fond-rayures { padding: 0 20px 40px 20px;  margin-right: 0; }
	.page .droit-sante-travail #main .entry-content { padding: 40px 20px; margin: 0; }
	#compte-kalipso { grid-template-columns: 1fr;  margin: 60px 20px 80px 20px}
	.page #zone-documents-categories, .page #zone-actus-agenda { grid-template-columns: 1fr; }
	.page .droit-sante-travail .zone-recherche { padding: 20px; }
	.page .droit-sante-travail .zone-recherche::before {  top: 60px; height: 160px; }
	.single-droitsantetravail .container.site-content { padding: 10px; }
	.single-droitsantetravail #main { padding: 20px;}
	.single-droitsantetravail .categories-droit-sante-travail li { max-width: none; width: 100%; }
	.single-droitsantetravail .categories-droit-sante-travail li a { margin: 0 0 5px 0; }
	.single-droitsantetravail .container.site-content .page-header { margin: 0 -20px 40px -20px; }
	.archive.tax-categories_droitsantetravail #main { padding: 15px; }
	.tax-categories_droitsantetravail .categories-droit-sante-travail li { display: block; max-width: none; width: 100%; margin-top: -1px; }
}
	
@media (min-width: 768px) and (max-width: 990px) {
	.container { padding: 0 30px;}
	.articles-colonnes { grid-template-columns: 1fr 1fr;}
	.articles-liste .article { grid-template-columns: 40% 1fr; }
	.home .accueil-presentation { grid-template-columns: 1fr; margin-right: 0; padding: 70px 10px; }
	.home #main .competences .blocs { 
		grid-template-columns: 1fr 1fr;
		h3 { font-size: 20px; }
	}
}
@media (min-width: 991px) and (max-width: 1200px) {
	.container { padding: 0 20px;}
	.articles-liste .article { grid-template-columns: 30% 1fr; }
	.home #main .competences .blocs h3 {	font-size: 18px; }
}
@media (min-width: 1201px) {

}