@font-face {
  font-family: 'Luciole';
  font-style: normal;
  font-weight: 400;
  src: url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/Luciole-Regular/Luciole-Regular.eot);
  src: url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/Luciole-Regular/Luciole-Regular.eot?#iefix) format('embedded-opentype'),
       url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/Luciole-Regular/Luciole-Regular.woff2) format('woff2'),
       url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/Luciole-Regular/Luciole-Regular.woff) format('woff'),
       url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/Luciole-Regular/Luciole-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  src: url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/arabic/Tajawal-Regular.eot);
  src: url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/arabic/Tajawal-Regular.eot?#iefix) format('embedded-opentype'),
       url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/arabic/Tajawal-Regular.otf) format('otf'),
       url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/arabic/Tajawal-Regular.ttf) format('truetype'),
       url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/arabic/Tajawal-Regular.woff) format('woff'),
       url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/arabic/Tajawal-Regular.woff2) format('woff2'),
       url(https://copie1.maglor.fr/themes/custom/b5subtheme/style/font/arabic/Tajawal-Regular.svg#Tajawal-Regular) format('svg');
}


*
{
	font-family:"Luciole","Tajawal",sans-serif;
}

#page-content p.text-align-center
{
	text-align:center;
}

#page-content p.text-align-right
{
	text-align:right;
}

body.path-node .Arabe,
body.path-node .Arabe span,
body.path-node .Arabe p,
body.path-node .Arabe a
{
	font-family:"Luciole","Tajawal",sans-serif;
	direction:rtl;
	text-align:right;
	font-size:1.2em;
}



.buttonsearch
{
	text-align: right;
	position: relative;
	width: 80%;
	margin: 0 auto;
}

body .shareRS 
{
	width: 100%;
	height: auto;
	text-align: right;
}

body .shareRS a
{
	text-decoration:none;
}

body .shareRS svg 
{
	width: 50px;
	height: 50px;
}

body .shareWhatsapp
{
	display:none;
}

body .field--type-image
{
	text-align:center;
}

body.path-user .view-articles-de-l-utilisateur .views-row
{
	border-bottom:1px solid #EAEAEA;
	padding-top:3px;
	padding-bottom:3px;
}

/* PHONE MOBILE */
@media screen and (max-width:480px)
{
	body .shareWhatsapp
	{
		display:inline;
	}
	
	.navbar-toggler.collapsed,
	.navbar-toggler
	{
		background:#004F99;
		position:relative;
		margin:0 auto;
		width:100%;
	}
	
	.tophead
	{
		width:100%;
		height:auto;
		border-bottom:1px solid black;
		background:#004F99;
	}
	
	.tophead #logo
	{
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:middle;
	}

	.tophead svg
	{
		width:auto;
		height:60px;
		padding:2%;
	}

	.tophead svg path
	{
		fill:#FFF;
	}
	
	.tophead #logo a
	{
		display:block;
	}
	
	.tophead .choixlang
	{
		width:100%;
		height:auto;
		display:inline-block;
		text-align: center;
        padding: 5%;
	}
	
	.tophead .choixlang a
	{
		border:1px solid black;
		border-radius:5px;
		padding:5px;
		display:inline-block;
		color: #006233;
		background:white;
		text-decoration:none;
	}
	
	.tophead .choixlang a.currentlang
	{
		color: white;
		background:#006233;
	}
	
	
	#logo a
	{
		width:32%;
		margin:0 auto;
	}

	#logo img
	{
		position:relative;
		margin:0 auto;
		height:auto;
	}
	
	body #header-menu .navbar.bg-secondary
	{
		width:100%;
		height:auto;
		background: white !important;
		color:black;
		border-bottom:1px solid #EEE;
		display:inline-block;
		position:relative;
	}
	
	body #header-menu .navbar.bg-secondary a
	{
		color:black;
	}
	
	body #header-menu .listrs .searchloupe
	{
		margin-right:3%;
		padding-right:3%;
		border-right:1px solid #EEE;
	}
	
	body #header-menu .listrs .searchloupe path
	{
		fill:black;
	}
	
	body #header-menu .listrs
	{
		width:100%;
		height:auto;
		display:inline-block;
		position:relative;
		text-align:right;
		border-left:1px solid #EEE;
		padding-left:2%;
		padding-right:2%;
	}
	
	body #header-menu .listrs a
	{
		display:inline-block;
		margin-right:5px;
	}
	
	body #header-menu .listrs a svg
	{
		width:25px;
		height:auto;
	}
	
	body #header-menu .listrs a svg path
	{
		fill : #004F99;
	}
	
	body.path-region .shareRS
	{
		width:auto;
		display:block;
		float:right;
	}
	
	body.path-region .logoRegion
	{
		width:100%;
		height:auto;
		display:block;
		margin: 0 auto;
		margin-bottom:1%;
	}
	
	body.path-region .logoRegion img
	{
		width:100%;
		height:auto;
	}
	
	body.path-frontpage #frontelem .uneMaglor
	{
		width:100%;
		display:inline-block;
		margin-top:15px;
		vertical-align:middle;
	}
	
	body.path-frontpage #frontelem .uneMaglor .view-unemaglor
	{
		width:800px;
		max-width:90%;
		margin:0 auto;
		position:relative;
	}
	
	body.path-frontpage #frontelem .view-unemaglor .slick-prev ,
	body.path-frontpage #frontelem .view-unemaglorar .slick-next 
	{
        top: 100px;
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-next
	{
        top: 100px;
		right:0px;
    }
	
	body.path-frontpage #frontelem .view-unemaglorar .slick-prev 
	{
        top: 100px;
		left:0px;
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-arrow,
	body.path-frontpage #frontelem .view-unemaglorar .slick-arrow
	{
        font-size: 3em;
        position: absolute;
        z-index: 10;
        line-height: 40px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-arrow path,
	body.path-frontpage #frontelem .view-unemaglorar .slick-arrow path
	{
        fill: rgba(255,255,255,0.5);
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-arrow path:hover,
	body.path-frontpage #frontelem .view-unemaglorar .slick-arrow path:hover
	{
        fill: rgba(255,255,255,0.9);
    }

	body.path-frontpage #frontelem .view-unemaglor .views-row.slick-slide ,
	body.path-frontpage #frontelem .view-unemaglorar .views-row.slick-slide 
	{
		position: relative;
		overflow: hidden;
	}

	body.path-frontpage #frontelem .view-unemaglor .views-row.slick-slide .views-field-title ,
	body.path-frontpage #frontelem .view-unemaglorar .views-row.slick-slide .views-field-title 
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: linear-gradient(to top,rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0) 100%);
		color: white; 
		padding: 1rem; 
		box-sizing: border-box;
		text-align:center;
	}

	body.path-frontpage #frontelem .view-unemaglor .views-row.slick-slide .views-field-title a ,
	body.path-frontpage #frontelem .view-unemaglorar .views-row.slick-slide .views-field-title a 
	{
		display: block;
		color: white;
		text-decoration: none;
		word-break: break-word;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots
	{
		text-align:center;
		margin-top:3px;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots li,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots li
	{
		display:inline;
		margin:3px;
		padding:2px;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots li button,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots li button
	{
		border:1px solid black;
		color:black;
		background:white;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots li.slick-active button,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots li.slick-active button
	{
		border:1px solid black;
		color:white;
		background:black;
	}
	
	.ytmag
	{
		width:90%;
		height:auto;
		vertical-align:middle;
		margin:0 auto;
	}

	/* Conteneur principal */
	.youtube-container 
	{
	  position: relative;       /* pour positionner facilement */
	  max-width: 600px;         /* largeur max du bloc */
	  margin: 15px auto;        /* centré horizontalement */
	  background: #044f99;         /* couleur de fond avant le clic */
	  padding: 1rem;            /* espace interne */
	  border-radius: 8px;       /* coins arrondis si tu veux */
	  box-sizing: border-box;   /* pour que le padding ne dépasse pas */
	  text-align: center;       /* centre le texte et le bouton */
	}

	/* Texte RGPD */
	.youtube-container .consent-message 
	{
	  color: #fff;
	  font-size: 1rem;
	  margin-bottom: 1rem;
	}

	/* Bouton d’acceptation */
	.youtube-container .accept-cookies 
	{
	  background: #006233;
	  color: white;
	  border: 1px solid black;
	  padding: 0.5rem 1rem;
	  font-size: 1rem;
	  border-radius: 4px;
	  cursor: pointer;
	  transition: background 0.3s;
	}

	.youtube-container .accept-cookies:hover 
	{
	  background: #00AA33; /* plus clair au survol */
	}

	/* Iframe après clic */
	.youtube-container iframe 
	{
	  width: 100% !important;   /* prend toute la largeur du conteneur */
	  height: 525px;            /* ou ajustable selon tes besoins */
	  border: none;
	  display: block;
	}

	.views-element-container
	{
		width:100%;
		height:auto;
	}

	.views-element-container .view-maglormedia
	{
		width:100%;
		height:auto;
		background:#044f99;
		color:white;
		text-align:center;
		padding:1%;
	}

	.views-element-container .view-maglormedia .view-header
	{
		text-align:left;
		font-size:1.5em;
		margin-left:9%;
		padding-bottom:1%;
	}

	.views-element-container .view-maglormedia .views-row
	{
		width:100%;
		height:auto;
		display:inline-block;
	}

	.views-element-container .view-maglormedia .views-row a
	{
		width:100%;
		height:auto;
		color:white;
		display:inline-block;
		text-decoration:none;
	}

	.views-element-container .view-maglormedia .views-row img
	{
		width:100%;
		height:auto;
	}
	
	#actu .titfr,
	#tribune .titfr,
	#mre .titfr
	{
		width: 100%;
		text-align: left;
		font-size: 1.5em;
		padding-left: 9%;
		padding-bottom: 1%;
		border-bottom: 1px solid black;
		margin-bottom: 1%;
		display:block;
		color:black;
		text-decoration:none;
	}
	
	#actu .titar,
	#tribune .titar,
	#mre .titar
	{
		width: 100%;
		text-align: right;
		font-size: 1.5em;
		padding-right: 9%;
		padding-bottom: 1%;
		border-bottom: 1px solid black;
		margin-bottom: 1%;
		display:block;
		color:black;
		text-decoration:none;
		direction:rtl;
	}
	
	#maglormedia .titbl,
	#maghreb .titbl,
	#acturegion .titbl,
	#immigration .titbl
	{
		width:100%;
		text-align:left;
		font-size:1.5em;
		padding-left:9%;
		padding-bottom:1%;
		border-bottom:1px solid black;
		margin-bottom:1%;
		color:white;
		display:block;
		text-decoration:none;
	}
	


	#maglormedia .titblar,
	#maghreb .titblar,
	#acturegion .titblar,
	#immigration .titblar
	{
		width:100%;
		font-size:1.5em;
		padding-right:9%;
		padding-bottom:1%;
		border-bottom:1px solid black;
		margin-bottom:1%;
		color:white;
		display:block;
		text-decoration:none;
		direction:rtl;
		text-align:right;
	}
	
	#maglormedia,
	#maghreb
	{
		width:100%;
		height:auto;
		background:#044f99;
		color:white;
		text-align:center;
		padding:1%;
	}
	
	#acturegion,
	#immigration
	{
		width:100%;
		height:auto;
		background:#044f99;
		color:white;
		padding:1%;
	}
	
	#actu,
	#tribune
	{
		width:100%;
		height:auto;
		padding:1%;
	}
	
	#mre
	{
		width:100%;
		height:auto;
		padding:1%;
		text-align:center;
	}

	#actu .titfr,
	#tribune .titfr,
	#mre .titfr
	{
		width: 100%;
		text-align: left;
		font-size: 1.5em;
		padding-left: 9%;
		padding-bottom: 1%;
		border-bottom: 1px solid black;
		margin-bottom: 1%;
		display:block;
		color:black;
		text-decoration:none;
	}
	
	#actu .titar,
	#tribune .titar,
	#mre .titar
	{
		width: 100%;
		text-align: right;
		font-size: 1.5em;
		padding-right: 9%;
		padding-bottom: 1%;
		border-bottom: 1px solid black;
		margin-bottom: 1%;
		display:block;
		color:black;
		text-decoration:none;
		direction:rtl;
	}
	
	#actu .views-row ,
	#maglormedia .views-row ,
	#maghreb .views-row ,
	#acturegion .views-row ,
	#mre .views-row ,
	#immigration .views-row 
	{
	  position: relative;
	  display: block;
	}

	#actu .views-field-field-image img ,
	#maglormedia .views-field-field-image img ,
	#maghreb .views-field-field-image img ,
	#acturegion .views-field-field-image img ,
	#mre .views-field-field-image img ,
	#immigration .views-field-field-image img 
	{
	  display: block;
	  width: 100%;
	  height: auto;
	}

	#actu .views-field-title ,
	#maglormedia .views-field-title ,
	#maghreb .views-field-title ,
	#acturegion .views-field-title ,
	#mre .views-field-title ,
	#immigration .views-field-title 
	{
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  padding: 1em;
	  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
	  color: white;
	  box-sizing: border-box;
	}

	#actu .views-field-title a ,
	#maglormedia .views-field-title a ,
	#maghreb .views-field-title a ,
	#acturegion .views-field-title a ,
	#mre .views-field-title a ,
	#immigration .views-field-title a 
	{
	  color: white;
	  text-decoration: none;
	  display: block;
	  font-weight: bold;
	}

	#actu .views-field-title span ,
	#maglormedia .views-field-title span ,
	#maghreb .views-field-title span ,
	#acturegion .views-field-title span ,
	#mre .views-field-title span ,
	#immigration .views-field-title span 
	{
	  display: block;
	  overflow-wrap: break-word;
	}

	#tribune .view-tribune .views-row,
	#tribune .view-tribunear .views-row
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		margin-bottom:3%;
	}

	#tribune .view-tribune .views-row .views-field-field-avatar
	{
		float: left;
		margin: 20px;
    }
	
	#tribune .view-tribunear .views-row .views-field-field-avatar
	{
		float: right;
		margin: 20px;
    }

	#tribune .view-tribune .views-row .views-field-nothing
	{
		float: left;
    }
	
	#tribune .view-tribunear .views-row .views-field-nothing
	{
		float: right;
    }

	#tribune .view-tribune .views-row .views-field-nothing-1
	{
		float: left;
		margin-left: 1%;
    }
	
	#tribune .view-tribunear .views-row .views-field-nothing-1
	{
		float: right;
		margin-left: 1%;
    }

	#tribune .view-tribune .views-row .views-field-nothing-1 a,
	#tribune .view-tribunear .views-row .views-field-nothing-1 a
	{
		display:inline;
		color:black;
		text-decoration:underline;
    }
	
	footer#page-footer
	{
		background:#044f99 !important;
		text-align:center;
	}
	
	footer .footun
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		margin-bottom:15%;
	}
	
	footer .footun svg
	{
		width:100%;
		height:auto;
		position:relative;
		margin:0 auto;
	}
	
	footer .listrs
	{
		width:100%;
		height:auto;
		position:relative;
		margin:0 auto;
		margin-top:10%;
		padding-top:10%;
		border-top:1px solid white;
	}
	
	footer .listrs a
	{
		display:inline-block;
		position:relative;
		width:35px;
		height:35px;
		margin-right:10px;
	}
	
	footer .footun svg path
	{
		fill:white;
	}
	
	footer .footdeux
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		text-align:center;
	}
	
	footer .footdeux a
	{
		color:white;
		text-decoration:none;
	}
	
	

	body.path-user .block-views-blockarticles-de-l-utilisateur-block-1
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:top;	
	}

	body.path-user #block-b5subtheme-content
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:top;	
		text-align:center;
	}

	body.path-user #block-b5subtheme-content .field--name-field-nom,
	body.path-user #block-b5subtheme-content .field--name-field-pr-nom
	{
		display:inline-block;
	}
	
	.views-element-container .view-actualites .views-row a,
	.views-element-container .view-actualitesar .views-row a,
	.views-element-container .view-tribune .views-row a,
	.views-element-container .view-tribunear .views-row a,
	.views-element-container .view-vuemre .views-row a,
	.views-element-container .view-vuemrear .views-row a
	{
		width:100%;
		height:auto;
		color:black;
		display:block;
		text-decoration:none;
	}
}

/* TABLETTE */
@media screen and (min-width:481px) and (max-width:960px)
{
	
	.navbar-toggler.collapsed,
	.navbar-toggler
	{
		background:#004F99;
		position:relative;
		margin:0 auto;
		width:100%;
	}
	
	.tophead
	{
		width:100%;
		height:auto;
		border-bottom:1px solid black;
		background:#004F99;
	}
	
	.tophead #logo
	{
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:middle;
	}

	.tophead svg
	{
		width:auto;
		height:100px;
		padding:2%;
	}

	.tophead svg path
	{
		fill:#FFF;
	}
	
	.tophead #logo a
	{
		display:block;
	}
	
	.tophead .choixlang
	{
		width:100%;
		height:auto;
		display:inline-block;
		text-align: center;
        padding: 5%;
	}
	
	.tophead .choixlang a
	{
		border:1px solid black;
		border-radius:5px;
		padding:5px;
		display:inline-block;
		color: #006233;
		background:white;
		text-decoration:none;
	}
	
	.tophead .choixlang a.currentlang
	{
		color: white;
		background:#006233;
	}
	
	
	#logo a
	{
		width:50%;
		margin:0 auto;
	}

	#logo img
	{
		position:relative;
		margin:0 auto;
		height:auto;
	}
	
	body #header-menu .navbar.bg-secondary
	{
		width:100%;
		height:auto;
		background: white !important;
		color:black;
		border-bottom:1px solid #EEE;
		display:inline-block;
		position:relative;
	}
	
	body #header-menu .navbar.bg-secondary a
	{
		color:black;
	}
	
	body #header-menu .listrs .searchloupe
	{
		margin-right:3%;
		padding-right:3%;
		border-right:1px solid #EEE;
	}
	
	body #header-menu .listrs .searchloupe path
	{
		fill:black;
	}
	
	body #header-menu .listrs
	{
		width:100%;
		height:auto;
		display:inline-block;
		position:relative;
		text-align:right;
		border-left:1px solid #EEE;
		padding-left:2%;
		padding-right:2%;
	}
	
	body #header-menu .listrs a
	{
		display:inline-block;
		margin-right:5px;
	}
	
	body #header-menu .listrs a svg
	{
		width:25px;
		height:auto;
	}
	
	body #header-menu .listrs a svg path
	{
		fill : #004F99;
	}
	
	body.path-region .shareRS
	{
		width:auto;
		display:block;
		float:right;
	}
	
	body.path-region .logoRegion
	{
		width:45%;
		height:auto;
		display:block;
		margin: 0 auto;
		margin-bottom:1%;
	}
	
	body.path-region .logoRegion img
	{
		width:100%;
		height:auto;
	}
	
	body.path-frontpage #frontelem .uneMaglor
	{
		width:100%;
		display:inline-block;
		margin-top:15px;
		vertical-align:middle;
	}
	
	body.path-frontpage #frontelem .uneMaglor .view-unemaglor
	{
		width:800px;
		max-width:90%;
		margin:0 auto;
		position:relative;
	}
	
	body.path-frontpage #frontelem .view-unemaglor .slick-prev ,
	body.path-frontpage #frontelem .view-unemaglorar .slick-next 
	{
        top: 100px;
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-next
	{
        top: 100px;
		right:0px;
    }
	
	body.path-frontpage #frontelem .view-unemaglorar .slick-prev 
	{
        top: 100px;
		left:0px;
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-arrow,
	body.path-frontpage #frontelem .view-unemaglorar .slick-arrow
	{
        font-size: 3em;
        position: absolute;
        z-index: 10;
        line-height: 40px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-arrow path,
	body.path-frontpage #frontelem .view-unemaglorar .slick-arrow path
	{
        fill: rgba(255,255,255,0.5);
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-arrow path:hover,
	body.path-frontpage #frontelem .view-unemaglorar .slick-arrow path:hover
	{
        fill: rgba(255,255,255,0.9);
    }

	body.path-frontpage #frontelem .view-unemaglor .views-row.slick-slide ,
	body.path-frontpage #frontelem .view-unemaglorar .views-row.slick-slide 
	{
		position: relative;
		overflow: hidden;
	}

	body.path-frontpage #frontelem .view-unemaglor .views-row.slick-slide .views-field-title ,
	body.path-frontpage #frontelem .view-unemaglorar .views-row.slick-slide .views-field-title 
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: linear-gradient(to top,rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0) 100%);
		color: white; 
		padding: 1rem; 
		box-sizing: border-box;
		text-align:center;
	}

	body.path-frontpage #frontelem .view-unemaglor .views-row.slick-slide .views-field-title a ,
	body.path-frontpage #frontelem .view-unemaglorar .views-row.slick-slide .views-field-title a 
	{
		display: block;
		color: white;
		text-decoration: none;
		word-break: break-word;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots
	{
		text-align:center;
		margin-top:3px;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots li,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots li
	{
		display:inline;
		margin:3px;
		padding:2px;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots li button,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots li button
	{
		border:1px solid black;
		color:black;
		background:white;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots li.slick-active button,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots li.slick-active button
	{
		border:1px solid black;
		color:white;
		background:black;
	}
	
	.ytmag
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:middle;
	}

	/* Conteneur principal */
	.youtube-container 
	{
	  position: relative;       /* pour positionner facilement */
	  max-width: 600px;         /* largeur max du bloc */
	  margin: 15px auto;        /* centré horizontalement */
	  background: #044f99;         /* couleur de fond avant le clic */
	  padding: 1rem;            /* espace interne */
	  border-radius: 8px;       /* coins arrondis si tu veux */
	  box-sizing: border-box;   /* pour que le padding ne dépasse pas */
	  text-align: center;       /* centre le texte et le bouton */
	}

	/* Texte RGPD */
	.youtube-container .consent-message 
	{
	  color: #fff;
	  font-size: 1rem;
	  margin-bottom: 1rem;
	}

	/* Bouton d’acceptation */
	.youtube-container .accept-cookies 
	{
	  background: #006233;
	  color: white;
	  border: 1px solid black;
	  padding: 0.5rem 1rem;
	  font-size: 1rem;
	  border-radius: 4px;
	  cursor: pointer;
	  transition: background 0.3s;
	}

	.youtube-container .accept-cookies:hover 
	{
	  background: #00AA33; /* plus clair au survol */
	}

	/* Iframe après clic */
	.youtube-container iframe 
	{
	  width: 100% !important;   /* prend toute la largeur du conteneur */
	  height: 525px;            /* ou ajustable selon tes besoins */
	  border: none;
	  display: block;
	}

	.views-element-container
	{
		width:100%;
		height:auto;
	}

	.views-element-container .view-maglormedia
	{
		width:100%;
		height:auto;
		background:#044f99;
		color:white;
		text-align:center;
		padding:1%;
	}

	.views-element-container .view-maglormedia .view-header
	{
		text-align:left;
		font-size:1.5em;
		margin-left:9%;
		padding-bottom:1%;
	}

	.views-element-container .view-maglormedia .views-row
	{
		width:49%;
		height:auto;
		display:inline-block;
	}

	.views-element-container .view-maglormedia .views-row a
	{
		width:100%;
		height:auto;
		color:white;
		display:block;
		text-decoration:none;
	}

	.views-element-container .view-maglormedia .views-row img
	{
		width:100%;
		height:auto;
	}
	
	#actu .titfr,
	#tribune .titfr,
	#mre .titfr
	{
		width: 100%;
		text-align: left;
		font-size: 1.5em;
		padding-left: 9%;
		padding-bottom: 1%;
		border-bottom: 1px solid black;
		margin-bottom: 1%;
		display:block;
		color:black;
		text-decoration:none;
	}
	
	#maglormedia .titbl,
	#maghreb .titbl,
	#acturegion .titbl,
	#immigration .titbl
	{
		width:100%;
		text-align:left;
		font-size:1.5em;
		padding-left:9%;
		padding-bottom:1%;
		border-bottom:1px solid black;
		margin-bottom:1%;
		color:white;
		display:block;
		text-decoration:none;
	}
	


	#maglormedia .titblar,
	#maghreb .titblar,
	#acturegion .titblar,
	#immigration .titblar
	{
		width:100%;
		font-size:1.5em;
		padding-right:9%;
		padding-bottom:1%;
		border-bottom:1px solid black;
		margin-bottom:1%;
		color:white;
		display:block;
		text-decoration:none;
		direction:rtl;
		text-align:right;
	}
	
	#maglormedia,
	#maghreb
	{
		width:100%;
		height:auto;
		background:#044f99;
		color:white;
		text-align:center;
		padding:1%;
	}
	
	#acturegion,
	#immigration
	{
		width:100%;
		height:auto;
		background:#044f99;
		color:white;
		padding:1%;
	}
	
	#actu,
	#tribune
	{
		width:100%;
		height:auto;
		padding:1%;
	}
	
	#mre
	{
		width:100%;
		height:auto;
		padding:1%;
		text-align:center;
	}

	#actu .titfr,
	#tribune .titfr,
	#mre .titfr
	{
		width: 100%;
		text-align: left;
		font-size: 1.5em;
		padding-left: 9%;
		padding-bottom: 1%;
		border-bottom: 1px solid black;
		margin-bottom: 1%;
		display:block;
		color:black;
		text-decoration:none;
	}
	
	#actu .views-row ,
	#maglormedia .views-row ,
	#maghreb .views-row ,
	#acturegion .views-row ,
	#mre .views-row ,
	#immigration .views-row 
	{
	  position: relative;
	  display: inline-block;
	}

	#actu .views-field-field-image img ,
	#maglormedia .views-field-field-image img ,
	#maghreb .views-field-field-image img ,
	#acturegion .views-field-field-image img ,
	#mre .views-field-field-image img ,
	#immigration .views-field-field-image img 
	{
	  display: block;
	  width: 100%;
	  height: auto;
	}

	#actu .views-field-title ,
	#maglormedia .views-field-title ,
	#maghreb .views-field-title ,
	#acturegion .views-field-title ,
	#mre .views-field-title ,
	#immigration .views-field-title 
	{
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  padding: 1em;
	  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
	  color: white;
	  box-sizing: border-box;
	}

	#actu .views-field-title a ,
	#maglormedia .views-field-title a ,
	#maghreb .views-field-title a ,
	#acturegion .views-field-title a ,
	#mre .views-field-title a ,
	#immigration .views-field-title a 
	{
	  color: white;
	  text-decoration: none;
	  display: block;
	  font-weight: bold;
	}

	#actu .views-field-title span ,
	#maglormedia .views-field-title span ,
	#maghreb .views-field-title span ,
	#acturegion .views-field-title span ,
	#mre .views-field-title span ,
	#immigration .views-field-title span 
	{
	  display: block;
	  overflow-wrap: break-word;
	}

	#tribune .view-tribune .views-row,
	#tribune .view-tribunear .views-row
	{
		width:49%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		margin-bottom:2%;
	}

	#tribune .view-tribune .views-row .views-field-field-avatar,
	#tribune .view-tribunear .views-row .views-field-field-avatar
	{
		float: left;
		margin: 20px;
    }

	#tribune .view-tribune .views-row .views-field-nothing,
	#tribune .view-tribunear .views-row .views-field-nothing
	{
		float: left;
    }

	#tribune .view-tribune .views-row .views-field-nothing-1,
	#tribune .view-tribunear .views-row .views-field-nothing-1
	{
		float: left;
		margin-left: 1%;
    }

	#tribune .view-tribune .views-row .views-field-nothing-1 a,
	#tribune .view-tribunear .views-row .views-field-nothing-1 a
	{
		display:inline;
		text-decoration:underline;
    }
	
	footer#page-footer
	{
		padding-left:20%;
		padding-right:20%;
		background:#044f99 !important;
		text-align:center;
	}
	
	footer .footun
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		margin-bottom:15%;
	}
	
	footer .footun svg
	{
		width:100%;
		height:auto;
		position:relative;
		margin:0 auto;
	}
	
	footer .listrs
	{
		width:100%;
		height:auto;
		position:relative;
		margin:0 auto;
		margin-top:10%;
		padding-top:10%;
		border-top:1px solid white;
	}
	
	footer .listrs a
	{
		display:inline-block;
		position:relative;
		width:35px;
		height:35px;
		margin-right:10px;
	}
	
	footer .footun svg path
	{
		fill:white;
	}
	
	footer .footdeux
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		text-align:center;
	}
	
	footer .footdeux a
	{
		color:white;
		text-decoration:none;
	}


	body.path-user .block-views-blockarticles-de-l-utilisateur-block-1
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:top;	
	}

	body.path-user #block-b5subtheme-content
	{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align:top;	
		text-align:center;
	}

	body.path-user #block-b5subtheme-content .field--name-field-nom,
	body.path-user #block-b5subtheme-content .field--name-field-pr-nom
	{
		display:inline-block;
	}
	
	.views-element-container .view-actualites .views-row a,
	.views-element-container .view-actualitesar .views-row a,
	.views-element-container .view-tribune .views-row a,
	.views-element-container .view-tribunear .views-row a,
	.views-element-container .view-vuemre .views-row a,
	.views-element-container .view-vuemrear .views-row a
	{
		width:100%;
		height:auto;
		color:black;
		display:block;
		text-decoration:none;
	}
}

/* PC ORDI */
@media screen and (min-width:961px)
{
	.tophead
	{
		width:100%;
		height:70px;
		border-bottom:1px solid black;
		background:#004F99;
	}
	
	.tophead #logo
	{
		width:69%;
		height:100%;
		display:inline-block;
		vertical-align:middle;
	}

	.tophead svg
	{
		width:auto;
		height:60px;
		padding:2%;
	}

	.tophead svg path
	{
		fill:#FFF;
	}
	
	.tophead #logo a
	{
		display:block;
	}
	
	.tophead .choixlang
	{
		width:30%;
		height:auto;
		display:inline-block;
	}
	
	.tophead .choixlang a
	{
		border:1px solid black;
		border-radius:5px;
		padding:5px;
		display:inline-block;
		color: #006233;
		background:white;
		text-decoration:none;
	}
	
	.tophead .choixlang a.currentlang
	{
		color: white;
		background:#006233;
	}
	
	
	#logo a
	{
		width:32%;
		margin:0 auto;
	}

	#logo img
	{
		position:relative;
		margin:0 auto;
		height:auto;
	}
	
	body #header-menu .navbar.bg-secondary
	{
		width:69%;
		height:auto;
		background: white !important;
		color:black;
		border-bottom:1px solid #EEE;
		display:inline-block;
		position:relative;
	}
	
	body #header-menu .navbar.bg-secondary a
	{
		color:black;
	}
	
	body #header-menu .listrs .searchloupe
	{
		margin-right:3%;
		padding-right:3%;
		border-right:1px solid #EEE;
	}
	
	body #header-menu .listrs .searchloupe path
	{
		fill:black;
	}
	
	body #header-menu .listrs
	{
		width:30%;
		height:auto;
		display:inline-block;
		position:relative;
		text-align:right;
		border-left:1px solid #EEE;
		padding-left:2%;
		padding-right:2%;
	}
	
	body #header-menu .listrs a
	{
		display:inline-block;
		margin-right:5px;
	}
	
	body #header-menu .listrs a svg
	{
		width:25px;
		height:auto;
	}
	
	body #header-menu .listrs a svg path
	{
		fill : #004F99;
	}
	
	body.path-region .shareRS
	{
		width:auto;
		display:block;
		float:right;
	}
	
	body.path-region .logoRegion
	{
		width:45%;
		height:auto;
		display:block;
		margin: 0 auto;
		margin-bottom:1%;
	}
	
	body.path-region .logoRegion img
	{
		width:100%;
		height:auto;
	}
	
	body.path-frontpage #frontelem .uneMaglor
	{
		width:60%;
		display:inline-block;
		margin-top:15px;
		vertical-align:middle;
	}
	
	body.path-frontpage #frontelem .uneMaglor .view-unemaglor,
	body.path-frontpage #frontelem .uneMaglor .view-unemaglorar
	{
		width:800px;
		max-width:90%;
		margin:0 auto;
		position:relative;
	}
	
	body.path-frontpage #frontelem .view-unemaglor .slick-prev ,
	body.path-frontpage #frontelem .view-unemaglorar .slick-next 
	{
        top: 175px;
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-next
	{
        top: 175px;
		right:0px;
    }
	
	body.path-frontpage #frontelem .view-unemaglorar .slick-prev 
	{
        top: 175px;
		left:0px;
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-arrow,
	body.path-frontpage #frontelem .view-unemaglorar .slick-arrow
	{
        font-size: 3em;
        position: absolute;
        z-index: 10;
        line-height: 40px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-arrow path,
	body.path-frontpage #frontelem .view-unemaglorar .slick-arrow path
	{
        fill: rgba(255,255,255,0.5);
    }
	
	body.path-frontpage #frontelem .view-unemaglor .slick-arrow path:hover,
	body.path-frontpage #frontelem .view-unemaglorar .slick-arrow path:hover
	{
        fill: rgba(255,255,255,0.9);
    }

	body.path-frontpage #frontelem .view-unemaglor .views-row.slick-slide ,
	body.path-frontpage #frontelem .view-unemaglorar .views-row.slick-slide 
	{
		position: relative;
		overflow: hidden;
	}

	body.path-frontpage #frontelem .view-unemaglor .views-row.slick-slide .views-field-title ,
	body.path-frontpage #frontelem .view-unemaglorar .views-row.slick-slide .views-field-title 
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: linear-gradient(to top,rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0) 100%);
		color: white; 
		padding: 1rem; 
		box-sizing: border-box;
		text-align:center;
	}

	body.path-frontpage #frontelem .view-unemaglor .views-row.slick-slide .views-field-title a ,
	body.path-frontpage #frontelem .view-unemaglorar .views-row.slick-slide .views-field-title a 
	{
		display: block;
		color: white;
		text-decoration: none;
		word-break: break-word;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots
	{
		text-align:center;
		margin-top:3px;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots li,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots li
	{
		display:inline;
		margin:3px;
		padding:2px;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots li button,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots li button
	{
		border:1px solid black;
		color:black;
		background:white;
	}

	body.path-frontpage #frontelem .view-unemaglor .slick-dots li.slick-active button,
	body.path-frontpage #frontelem .view-unemaglorar .slick-dots li.slick-active button
	{
		border:1px solid black;
		color:white;
		background:black;
	}
	
	.ytmag
	{
		width:30%;
		height:auto;
		display:inline-block;
		vertical-align:middle;
	}

	/* Conteneur principal */
	.youtube-container 
	{
	  position: relative;       /* pour positionner facilement */
	  max-width: 600px;         /* largeur max du bloc */
	  margin: 15px auto;        /* centré horizontalement */
	  background: #044f99;         /* couleur de fond avant le clic */
	  padding: 1rem;            /* espace interne */
	  border-radius: 8px;       /* coins arrondis si tu veux */
	  box-sizing: border-box;   /* pour que le padding ne dépasse pas */
	  text-align: center;       /* centre le texte et le bouton */
	}

	/* Texte RGPD */
	.youtube-container .consent-message 
	{
	  color: #fff;
	  font-size: 1rem;
	  margin-bottom: 1rem;
	}

	/* Bouton d’acceptation */
	.youtube-container .accept-cookies 
	{
	  background: #006233;
	  color: white;
	  border: 1px solid black;
	  padding: 0.5rem 1rem;
	  font-size: 1rem;
	  border-radius: 4px;
	  cursor: pointer;
	  transition: background 0.3s;
	}

	.youtube-container .accept-cookies:hover 
	{
	  background: #00AA33; /* plus clair au survol */
	}

	/* Iframe après clic */
	.youtube-container iframe 
	{
	  width: 100% !important;   /* prend toute la largeur du conteneur */
	  height: 525px;            /* ou ajustable selon tes besoins */
	  border: none;
	  display: block;
	}

	.views-element-container
	{
		width:100%;
		height:auto;
	}

	#maglormedia,
	#maghreb
	{
		width:100%;
		height:auto;
		background:#044f99;
		color:white;
		text-align:center;
		padding:1%;
	}
	
	#acturegion,
	#immigration
	{
		width:100%;
		height:auto;
		background:#044f99;
		color:white;
		padding:1%;
	}

	#maglormedia .titbl,
	#maghreb .titbl,
	#acturegion .titbl,
	#immigration .titbl
	{
		width:100%;
		text-align:left;
		font-size:1.5em;
		padding-left:9%;
		padding-bottom:1%;
		border-bottom:1px solid black;
		margin-bottom:1%;
		color:white;
		display:block;
		text-decoration:none;
	}

	#maglormedia .titblar,
	#maghreb .titblar,
	#acturegion .titblar,
	#immigration .titblar
	{
		width:100%;
		font-size:1.5em;
		padding-right:9%;
		padding-bottom:1%;
		border-bottom:1px solid black;
		margin-bottom:1%;
		color:white;
		display:block;
		text-decoration:none;
		direction:rtl;
		text-align:right;
	}
	
	.views-element-container .view-maglormedia .views-row,
	.views-element-container .view-maghreb .views-row,
	.views-element-container .view-vuemre .views-row,
	.views-element-container .view-vuemrear .views-row
	{
		width:24%;
		height:auto;
		display:inline-block;
		vertical-align:top;
	}

	.views-element-container .view-maglormedia .views-row .views-field-field-image,
	.views-element-container .view-maghreb .views-row .views-field-field-image,
	.views-element-container .view-vuemre .views-row .views-field-field-image,
	.views-element-container .view-vuemrear .views-row .views-field-field-image
	{
		margin-bottom:15px;
	}

	.views-element-container .view-maglormedia .views-row a,
	.views-element-container .view-maghreb .views-row a,
	.views-element-container .view-vueacturegion .views-row a,
	.views-element-container .view-vueimmigration .views-row a
	{
		width:80%;
		height:auto;
		color:white;
		display:block;
		text-decoration:none;
	}
	
	.views-element-container .view-vueacturegionf .views-row a,
	.views-element-container .view-vueimmigrationf .views-row a
	{
		width:100%;
		height:auto;
		color:white;
		display:block;
		text-decoration:none;
	}
	
	.views-element-container .view-actualites .views-row a,
	.views-element-container .view-actualitesar .views-row a,
	.views-element-container .view-tribune .views-row a,
	.views-element-container .view-tribunear .views-row a,
	.views-element-container .view-vuemre .views-row a,
	.views-element-container .view-vuemrear .views-row a
	{
		width:80%;
		height:auto;
		color:black;
		display:block;
		text-decoration:none;
	}

	.views-element-container .view-maglormedia .views-row img,
	.views-element-container .view-maghreb .views-row img,
	.views-element-container .view-vuemre .views-row img,
	.views-element-container .view-vuemrear .views-row img
	{
		width:80%;
		height:auto;
	}


	#actu,
	#tribune
	{
		width:100%;
		height:auto;
		padding:1%;
	}
	
	#mre
	{
		width:100%;
		height:auto;
		padding:1%;
		text-align:center;
	}

	#actu .titfr,
	#tribune .titfr,
	#mre .titfr
	{
		width: 100%;
		text-align: left;
		font-size: 1.5em;
		padding-left: 9%;
		padding-bottom: 1%;
		border-bottom: 1px solid black;
		margin-bottom: 1%;
		display:block;
		color:black;
		text-decoration:none;
	}

	#actu .titar,
	#tribune .titar,
	#mre .titar
	{
		width: 100%;
		text-align: right;
		font-size: 1.5em;
		padding-right: 9%;
		padding-bottom: 1%;
		border-bottom: 1px solid black;
		margin-bottom: 1%;
		display:block;
		color:black;
		text-decoration:none;
		direction:rtl;
	}
	
	#actu .views-element-container,
	#acturegion .views-element-container,
	#immigration .views-element-container
	{
		width:49%;
		height:auto;
		display:inline-block; 
		padding:2%;
		vertical-align:top;
	}
	
	#actu .views-element-container a
	{
		color:black;
		text-decoration:none;
	}
	
	#actu .views-element-container .view-actualitesf,
	#actu .views-element-container .view-actualitesfar,
	#acturegion .views-element-container .view-vueacturegionf,
	#actu .views-element-container .view-actualitesf img,
	#acturegion .views-element-container .view-vueacturegionf img,
	#acturegion .views-element-container .view-vueacturegionfar img,
	#immigration .views-element-container .view-vueimmigration img,
	#immigration .views-element-container .view-vueimmigrationf img
	{
		width:100%;
		height:auto;
	}
	
	#actu .views-element-container .view-actualites .views-row,
	#actu .views-element-container .view-actualitesar .views-row,
	#acturegion .views-element-container .view-vueacturegion .views-row,
	#immigration .views-element-container .view-vueimmigration .views-row
	{
		width:49%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		text-align:center;
	}

	#tribune .view-tribune .views-row,
	#tribune .view-tribunear .views-row
	{
		width:24%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		margin-bottom:2%;
	}

	#tribune .view-tribune .views-row,
	#tribune .view-tribunear .views-row
	{
		width:24%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		margin-bottom:2%;
	}

	#tribune .view-tribune .views-row .views-field-field-avatar
	{
		float: left;
		margin: 20px;
    }
	
	#tribune .view-tribunear .views-row .views-field-field-avatar
	{
		float: right;
		margin: 20px;
    }

	#tribune .view-tribune .views-row .views-field-nothing
	{
		float: left;
    }
	
	#tribune .view-tribunear .views-row .views-field-nothing
	{
		float: right;
    }

	#tribune .view-tribune .views-row .views-field-nothing-1
	{
		float: left;
		margin-left: 1%;
    }
	
	#tribune .view-tribunear .views-row .views-field-nothing-1
	{
		float: right;
		margin-left: 1%;
    }

	#tribune .view-tribune .views-row .views-field-nothing-1 a,
	#tribune .view-tribunear .views-row .views-field-nothing-1 a
	{
		display:inline;
		color:black;
		text-decoration:underline;
    }
	
	footer#page-footer
	{
		padding-left:20%;
		padding-right:20%;
		background:#044f99 !important;
		text-align:center;
	}
	
	footer .footun
	{
		width:31%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		text-align:center;
	}
	
	footer .footdeux
	{
		width:50%;
		height:auto;
		display:inline-block;
		vertical-align:top;
		text-align:center;
	}
	
	footer .footdeux a
	{
		color:white;
		text-decoration:none;
	}
	
	footer .footun svg
	{
		width:80%;
		height:auto;
		position:relative;
		margin:0 auto;
	}
	
	footer .listrs
	{
		width:80%;
		height:auto;
		position:relative;
		margin:0 auto;
		margin-top:10%;
		padding-top:10%;
		border-top:1px solid white;
	}
	
	footer .listrs a
	{
		display:inline-block;
		position:relative;
		width:35px;
		height:35px;
		margin-right:10px;
	}
	
	footer .footun svg path
	{
		fill:white;
	}


	body.path-user .block-views-blockarticles-de-l-utilisateur-block-1
	{
		width:68%;
		height:auto;
		display:inline-block;
		vertical-align:top;	
	}

	body.path-user #block-b5subtheme-content
	{
		width:31%;
		height:auto;
		display:inline-block;
		vertical-align:top;	
		text-align:center;
	}

	body.path-user #block-b5subtheme-content .field--name-field-nom,
	body.path-user #block-b5subtheme-content .field--name-field-pr-nom
	{
		display:inline-block;
	}
}