/*---------------------------------------------------------
 * Theme  : MDF Officiel
 * Par      : EDN | Swan
 * Date    : 15/11/2022
 * Site web :  http://easy-design.net/
 * Commentaire ou autre de l'auteur 
 # Merci de ne pas toucher au entête des fichiers CSS.
/*--------------------------------------------------------
 * Thème compatible avec deux menus (droite et gauche)
 * le choix reste possible sur une seule colonne de menus.
 *----------------------------------------------------------*/
/*--------------------------------------
		design.css
Contient les conteneurs de mise en page.
Le design.css permet de mettre en forme votre site web avec le design de votre choix
--------------------------------------*/
/*		Fonts		*/

@font-face {
    font-family: 'lato-black';
    src: url('fonts/lato-black.eot');
    src: url('fonts/lato-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-black.woff') format('woff'),
         url('fonts/lato-black.ttf') format('truetype'),
         url('fonts/lato-black.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato-light';
    src: url('fonts/lato-light.eot');
    src: url('fonts/lato-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light.woff') format('woff'),
         url('fonts/lato-light.ttf') format('truetype'),
         url('fonts/lato-light.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato-bold';
    src: url('fonts/lato-bold.eot');
    src: url('fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold.woff') format('woff'),
         url('fonts/lato-bold.ttf') format('truetype'),
         url('fonts/lato-bold.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato-hairline';
    src: url('fonts/lato-hairline.eot');
    src: url('fonts/lato-hairline.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-hairline.woff') format('woff'),
         url('fonts/lato-hairline.ttf') format('truetype'),
         url('fonts/lato-hairline.svg#LatoHairline') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'raleway-bold';
    src: url('fonts/raleway-bold.eot');
    src: url('fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold.woff') format('woff'),
         url('fonts/raleway-bold.ttf') format('truetype'),
         url('fonts/raleway-bold.svg#RalewayBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'raleway-light';
    src: url('fonts/raleway-light.eot');
    src: url('fonts/raleway-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light.woff') format('woff'),
         url('fonts/raleway-light.ttf') format('truetype'),
         url('fonts/raleway-light.svg#RalewayLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'raleway-regular';
    src: url('fonts/raleway-regular.eot');
    src: url('fonts/raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular.woff') format('woff'),
         url('fonts/raleway-regular.ttf') format('truetype'),
         url('fonts/raleway-regular.svg#RalewayRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'raleway-semibold';
    src: url('fonts/raleway-semibold.eot');
    src: url('fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold.woff') format('woff'),
         url('fonts/raleway-semibold.ttf') format('truetype'),
         url('fonts/raleway-semibold.svg#RalewaySemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* -- Elements HTML generiques specifique au theme -- */
/* -------------------------------------------------- */
html {
	font-size: 100%;
	font-size: 10px;
}

body {
	position: relative;
	height: auto;
	min-height: 100%;
	font-size: 1.5em;
	font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
}

@media (max-width: 768px) {
	body {
		font-size: 1.4em;
	}
}

/* -- Gestion de la taille du site -- */
/* ---------------------------------- */
#super-global   {
	box-shadow: 2px 2px 5px 2px #444;
	margin: auto;
}
	}

#header {
width: 1250px;
}

#global,
#footer {
	width: 100%;
}

@media (min-width: 768px) {
	#footer {
		max-width: 100%;
	}
	#global, 
	#super-global
 {
		max-width: auto;
	  width: 1250px;
	}
}
@media (max-width: 768px) {
	#footer {
		max-width: 100%;
	}
	#global, #super-global
 {
		max-width: auto;
	}
}
/* -- Gestion des couleurs principales -- */
/* -------------------------------------- */

/*
	Blue   => #021B34; #1E5083; #4dcaf2; #517BA6; #81A4C8;
	Green  => #003524; #168561; #2F9674; #4BAA8B; #7CCAB0;
	red    => #490011; #B81F43; #CF4162; #EA6886; #F294AA;
	Orange => #511B00; #C95A21; #E27B47; #FFA172; #FFBF9C;
	Yellow => #513000; #C98621; #E2A447; #FFC672; #FFD79C;
	Purple => #080437; #2E278B; #47409D; #645CB1; #8F8ACF;
*/

/* -- En-tete de page - Header -- */
/* ------------------------------ */

#header {
	margin: auto;
}

.sub-container {
	position: relative;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	margin: auto;
	min-height: 381px;
}

/*.sub-container img {width:30%;}*/

.sub-container a{ 
	color: #ffffff;
	font-size: 31px;
	text-transform: uppercase;
	transition: all 0.2s ease-out 0.2s;
	font-family: "lato-bold", Helvetica, Arial, sans-serif;
}
.sub-container a:hover{color:#efefef; text-decoration:none;}

.sub-img {
	max-height:120px;
	max-width:120px;
}
@media (min-width: 768px) {
	/*-- Supérieur à 768px --*/
	.sub-logo, .sub-query {display:none;}
}

@media (max-width: 768px) {
	/*-- Inférieur à 768px --*/
	.sub-logo {
		background-size: cover;
		min-width: 320px !important;
		min-height: 100px !important;
		margin: auto;
	}

}

/* --- Partie superieure du header --- */
#top-header {
	margin: auto;
	/*min-height: 300px;*/
	border-width: 0 1px 0 1px;
	border-style: solid;
}

#top-header-content {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
}

/* --- Partie inferieur du header --- */
#sub-header {
	/*min-height: 35px;*/
	diplay:none;
}

#sub-header-content{
	margin: auto;
}

/* --- Logo et Nom du site web --- */
#site-infos {
	margin: 1.5em 0 0 1.5em;
	max-width: 940px;
	flex: 1 1 auto;
}

#site-logo {
	margin: 0 1em 0 0;
	width: 60px;
	height: 60px;
}

#site-name-container {
	margin: 0.4em 0 0 0;
	text-align: center;
}

a#site-name {
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.02em;
	text-decoration: none;
}

span#site-slogan {
	display: block;
	padding: 0.1em 0 0 0.1em;
	font-size: 1em;
}

span#bvn {font-size: 1.5em; }

@media (min-width: 769px) {
	#site-logo {
		width: 90px;
		height: 90px;
	}

	#site-name-container {
		margin: 1em 0 0 0;
		text-align: center;
	}

	a#site-name {
		font-size: 1em;
	}
	#visit-counter{
		font-size: 1.2em;
	}
}

/* -- Conteneur global du site -- */
/* ------------------------------ */
#global {
	margin: 0 auto 0 auto;
	/*padding: 0 10px;*/
	max-width: 1250px;
}

#main {
	padding: 0 0 10px 0;
	max-width: 100%;
}

aside#menu-left,
aside#menu-right {
	width: 100%;
}


@media (min-width: 769px) {

	aside#menu-left,
	aside#menu-right {
	}
	
	#main.main-with-left,
	#main.main-with-right {
		width: calc(100% - 250px);
		-ms-flex: 1 0 auto; /*Tricks IE*/
	}
	
	#main.main-with-left.main-with-right {
		width: calc(100% - 500px);
	}
}

#top-footer {
	padding: 2% 0;
	width: 1250px;
	margin: auto;
}


/* -- Contenu de la page -- */
/* ------------------------ */

/* --- Contenu central --- */
#main-content {
	padding: 1.5em 0.8em;
}

.block-container {
	margin-top: 15px;
}

/* --- Emplacement au dessus et en dessous du contenu de la page --- */
#top-content {
}

/* --- Emplacement au dessus du pied de page --- */
#bottom-content {
}


/* -- Pied de page - Footer -- */
/* --------------------------- */
footer#footer  {
	margin: auto;
	padding: 5px 0;
	clear: both;
	min-height: 100px;
	width: 1250px;
}

footer#footer .footer-content {
	margin: 0 auto 0 auto;
	padding: 1.5em 0;
	max-width: 1024px;
}

footer#footer .footer-infos {
	padding-top: 10px;
	min-height: 40px;
	text-align: center;
}

footer#footer .footer-infos span { font-size: 0.9em;}

/* ------------------------ */
/* -- Contenu du FOOTER -- */
/* ------------------------ */
.edn-logo h1 {
text-decoration: none;
font-family: "lato-bold", Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.5;
}

footer .copyrights{
	float: left;
	margin: 0px;
}

footer .copyrights p{
	font-family: "raleway-regular", Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 1.6;
}

footer .social ul{
	margin: 0;
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	list-style-position: outside;
	font-family: inherit;
}
ul.no-bullet {
	list-style: none;
}
footer .social ul li{
	margin-bottom: 7px;
}

.no-fa {
	font-size:1.2em;
}

footer .social ul li a,
footer .contact{
	display: inline-block;
	font-family: "raleway-regular", Helvetica, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.5px;
	text-align: left;
}
p.adress a:hover, p.adress a:focus { line-height: 1.5;}

@media only screen and (min-width: 64.063em) {
	
	[class*="column"] + [class*="column"]:last-child {
		float: right;
	}
	
	.edn-row {
		max-width: 1140px;
		padding: 0 20px;
	}
	
	.edn-row {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
	 }
	 
	.edn-col1 {
		position: relative;
		width:40%;
		float: left;
	}
	
	.edn-col2 {
		position: relative;
		width:35%;
		float: left;
	}
	
	.edn-col3 {
		position: relative;
		width:25%;
		float: left;
	}
	
	.copyrights {
		float: left;
		margin-bottom: 80px;
	}
	
	.edn-logo {
		text-decoration: none;
		line-height: inherit;
	}
	
	.edn-logo h1 {
		text-decoration: none;
		font-family: "lato-bold", Helvetica, Arial, sans-serif;
		font-size: 22px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.edn-logo h1 .tld {
		font-family: "lato-hairline", Helvetica, Arial, sans-serif;
		font-size: 14px !important;
		margin: 0;
	}
	
	
	footer .copyrights{
		float: left;
		margin-bottom: 40px;
	}
	footer .contact{
		width: 215px;
		margin-left: 80px;
		vertical-align: top;
	}

	footer .contact .details{
		margin-bottom: 30px;
	}
	footer .contact_details{
		max-width: 430px;
		float: right;
	} 

	footer .social{
		width: 130px;
		display: inline-block;
		text-align: left !important;
	}
	footer p{
		margin: 0;
		padding: 0;
	}
	
	p.adress{
		font-family: inherit;
		font-weight: normal;
		font-size: 1.2em;
		margin-bottom: 1.25rem;
		text-rendering: optimizeLegibility;
	}
	
	p.adress a {		line-height: 1.5;}
	
}

@media only screen and (max-width: 40em) {
	
	.edn-col1,.edn-col2,.edn-col3 {
		display:block;
		width: 100%;
	}
	
	footer .copyrights {
		float: none;
		margin-bottom: 40px;
	}
	
	footer .contact {
		width: 80%;
		text-align: center;
		float: none;
		margin: 0;
		margin-top: 60px;
		font-size: 1.2em;
	}
	
	footer .contact_details {
		min-width: 80%;
		float: none;
	}
	

	footer .social{
		width: 130px;
		display: inline-block;
		text-align: left !important;
	}
	
}

/* -- Elements specifiques PHPboost -- */
/* ----------------------------------- */

/* --- Compteur de visite --- */
#compteur {
	position: absolute;
	right: 0;
	margin-right: 15px;
	font-size: 0.9em;
	text-align: right;
}

@media (min-width: 769px) {
	#compteur {
		top: 100px;
	}
}

/* --- Barre de lien rapide --- */
nav#breadcrumb {
	margin: 0 0 20px 10px;
	text-indent: 10px;
}

nav#breadcrumb ol {
	margin: 0;
	list-style: none;
}

nav#breadcrumb ol li {
	display: inline;
}

nav#breadcrumb ol li:not(.current):after { content: '/'; }

/* -------------------------------- */
/* ---  Revenir en haut : Top   --- */
/* -------------------------------- */

/*  UItoTop jQuery Plugin 1.1 */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:50px;
	height:50px;
	border:none;
	text-indent:-999px;
	border-radius: 50%;
	z-index: 1000;
}

#toTopHover {
	border-radius: 50%;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* ------------------------------ */
/* -- Menu navigation - Header -- */
/* ------------------------------ */
.pc-row {
    min-height: 140px;
}
.pc-nav{
	padding: 0;
}

.pc-menu  li {
	position: relative;
	margin: 0;
	padding: 0;

}

.pc-menu a {
	font-family: "raleway", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing: .5px;
	margin-right: 30px;
	padding: .75em 1.25em;
	transition: background .25s ease-in-out;
}

ul.pc-menu {
	margin-left: 0px;
	margin-bottom: 0px;
}

	
.pc-menu ;&:last-child {
	  border-width: 0;
}

.pc-menu li, .pc-menu a {
	display: block;
}

.nav-right {
	text-align: right !important;
	/*padding-top: 55px;*/
}

.nav-right .pc-menu {
	justify-content: center;
}

@media only screen and (min-width: 1024px) {  
  .pc-menu {
		display: flex;
		flex-flow: row wrap;
	}
}

@media (max-width: 768px) {
	/*-- Inférieur à 768px --*/	
		.pc-row{
			display: none;
		}
}

@media (min-width: 768px) {
	/*-- Supérieur à 768px --*/	
	.sub-nav, .open-nav {
		display: none;
	}
}
/* ---------------------- */	
/* --      Menu GSM      -- */
/* ---------------------- */	

.nav-logo {
	width: 320px;
	height: 110px;
	margin: auto;
}

a.logo-min {
	font-size: 1.2em !important;
	text-transform: uppercase;
	transition: all 0.2s ease-out 0.2s;
	font-family: "lato-bold", Helvetica, Arial, sans-serif;
	margin-left: 115px;
}

.open-nav {
	min-height: 40px;
	width: 100%;

}
.nav-one {
    margin: auto;
	padding-top: 10px;
    text-align: center;
    width: 100%;
    position: absolute;
}
.nav-media {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.nav-media a {
    padding: 8px 8px 8px 12px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.nav-media a:hover {
    color: #f1f1f1;
}

.nav-media .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .nav-media {padding-top: 15px;}
  .nav-media a {font-size: 18px;}
}	

/* ##########################
/*	     Espace Membre 
/*##########################*/

#module-user-home header, #module-user-home #breadcrumb {display:none}

.wp-accueil {
	font-size: 28px;
	transition: all 0.2s ease-out 0.2s;
	font-family: "lato-bold", Helvetica, Arial, sans-serif;		
}

#wellcome {
	height: 110px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#wellcome-bis {
	height: 110px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#connect-logo {
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin: auto;
	border-radius: 50%;
}

/* ---------------------------- */	
/* --      Mini-connect      -- */
/* ---------------------------- */
/* ###### non connecté ###### */

#profil-logo {
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin: auto;
	border-radius: 50%;
}
.profil-mess, .profil-name {
	font-weight: bold;
	font-size: 24px;
}

/* ###### Connecté ###### */

.profil-welcome {
	font-style: Italic;
	padding: 7px 10px 0 5px;
	height: 28px;
	z-index: 11;
	text-align: center;
}

.profil-welcome .modo,
.profil-welcome .admin,
.profil-welcome .member {
	font-weight: bold;
	font-size: 1.5em;
		text-shadow: #000 1px 0 10px;
	text-transform: capitalize;
}

#profil-avatar {
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin: auto;
	border-radius: 50%;
}

/*==================================
*  		TOP FORUM EDN
*=================================*/
#edn-accueil {
    border-radius: 3px;
    min-height: 305px;
    max-width: 1250px;
    margin: auto;
}

.fc-position-left{
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 50%;
	float: left;
}
.fc-position-right {
    margin-left: -7px;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 50%;
	float: left;
}
	
.ac-edn-left {min-height: 232px;}
.ac-edn-right{min-height: 232px;}

.top-encart-left,.top-encart-right{
	font-family: 'Raleway', sans-serif;
	font-size:24px;
	font-weight:bold;
	min-height: 45px;
	min-width: 100%;
	padding-top: 8px;
	padding: 10px;
	border-radius: 5px;

}

.top-encart-left h3, .top-encart-right h3 { font-size:24px; }
.top-encart-left { text-align:left; width:50%;}

.top-encart-left, .top-encart-right { padding-left:10px;  margin-left: 5px; }
	
@media (max-width: 768px) {
.top-encart-left{}
	.edn-small {
		width:100%;
		height:100%;
	}
	.edn-nb {border:none;}
	.edn-shadow {display:none;}
	
	.ac-edn-left ul  { margin-left: 0 !important; }
}

/*=========================================
*  	Marquee en up : class "scroll-up"
*========================================*/
.scroll-up {
    height: 200px;
    overflow: hidden;
    position: relative;
	text-align:left;
}
.scroll-up p {
    height: 100%;
    line-height: 25px;
    margin: 0;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    width: 100%;
	 /* Starting position */
	 -moz-transform:translateY(100%);
	 -webkit-transform:translateY(100%);	
	 transform:translateY(100%);
	 /* Apply animation to this element */	
	 -moz-animation: scroll-up 8s linear infinite;
	 -webkit-animation: scroll-up 8s linear infinite;
	 animation: scroll-up 8s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-up {
	 0%   { -moz-transform: translateY(100%); }
	 100% { -moz-transform: translateY(-100%); }
}
@-webkit-keyframes scroll-up {
	 0%   { -webkit-transform: translateY(100%); }
	 100% { -webkit-transform: translateY(-100%); }
}
@keyframes scroll-up {
	 0%   { 
	 -moz-transform: translateY(100%); /* Browser bug fix */
	 -webkit-transform: translateY(100%); /* Browser bug fix */
	 transform: translateY(100%); 		
	 }
	 100% { 
	 -moz-transform: translateY(-100%); /* Browser bug fix */
	 -webkit-transform: translateY(-100%); /* Browser bug fix */
	 transform: translateY(-100%); 
	 }
}

/*==================================
*  	<progress> stylé en CSS
*=================================*/

progress {
    border-radius: 3px;
    display: block;
    height: 10px;
    margin: 2px 0 2px 8px;
    text-align: center;
    width: 90%;
	}
@-webkit-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@-moz-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
progress::-webkit-progress-bar {
  border-radius: 5px;
}
#red progress::-webkit-progress-value {
	border-radius: 5px;
	background-size: 40px 40px;
	-webkit-animation: progress 8s linear infinite;
	animation: progress 8s linear infinite;
}
#red progress::-moz-progress-bar {
	border-radius: 5px;
	background-size: 40px 40px;
	-moz-animation: progress 8s linear infinite;
	animation: progress 8s linear infinite;
}	
 #green progress::-webkit-progress-value {
	border-radius: 5px;
	background-size: 40px 40px;
	-webkit-animation: progress 8s linear infinite;
	animation: progress 8s linear infinite;
}
#green progress::-moz-progress-bar {
	border-radius: 5px;
	background-size: 40px 40px;
	-moz-animation: progress 8s linear infinite;
	animation: progress 8s linear infinite;
}	

/*==================================
*  		TOP DL EDN
*=================================*/

.top-encart-left.news, .fc-position-left.news{
	/*border-right: none;*/
	width:99% !important;
}
.ac-edn-left.news {
    min-height: 232px;
    border-right: none;
}
/* --------------------------------------
		News.css
-----------------------------------------*/
#module-news header h1 {display: none;}

#module-news .content {
padding: 0 0;
}
#module-news article {
    margin: 1em auto;
    width: 100%;
}

ul.rss-feed, ol.rss-feed {
    list-style: outside none none;
}

#news-tags-container,
#news-sources-container,
#news-suggested-container {
	margin: 15px 15px 15px 30px !important;
}

.news-tags-title,
.news-sources-title,
.news-suggested-title {
	font-weight: bold;
}

.news-separator { 
	margin: 20px auto 20px auto !important;
	width: 70% !important;
}

.navigation-link-previous i { margin-right: 5px !important; }
.navigation-link-next i 	{ margin-left: 5px !important;  }

@media (min-width: 769px)  {
.formatter-lightbox {padding: 10px;}
}

/* quand le texte est en bloc sur 1 ou 2 colonnes */

.read-news {
  text-align: center;
  padding: 5px;
  margin: auto;
  height: 30px;
  border-radius: 3px;
  width: 90%;
}
@media (min-width: 769px) {

	article.article-news.article-several.block.inline-block {
	  clear: none !important;
	  width: calc(98% / 2);
	}
	
@media (max-width: 769px) {
	article.article-news.article-several.block.inline-block {
		/*height: 280px; */
		width: 100%;}
}
#others-news {}

article footer.f1 {
	border:none;
}

@media (min-width: 769px) {
	 #module-news article.article-news img.float-right, img.right {
		display: none;
	  }
}

 .dwrap5, .dwrap7, .dwrap8 {
  text-align: center;
  font-size: 12px;
}
.dwrap5{
/*min-height:216px*/
}
/* ---------------------- */	
/* --      Divers      -- */
/* ---------------------- */


/* Bouton RSS Entête */
#view-edn {
	width: 100%;
	text-align: center;
	padding: 10px;
}
#view-black {
	width: 100%;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
}

#newsletter { padding: 5px; }

#module-mini-search {display:none !important;}

/*==================================
*  	  Shoutbox CSS
*=================================*/

.shoutbox-message-date { font-size: 0.809em !important; }


/*==================================
*  	MEDIA CSS
*=================================*/
#head-media {}

.title-media {
	color: #3c69f0;
	font-size: 17px;
	height: 130px;
	margin: auto;
	text-decoration: none;
  }
.media-picture {
  display: block;
  padding-bottom: 10px;
  text-align: center;
}

@media (min-width: 769px) {

	.article-several.block.mediatips, .article-several.small-block.mediatips, .article-several.medium-block.mediatips {
	  clear: none !important;
	  width: calc(98% / 2);
	}
	
	.media-thumbnail-item {
		max-width: 98%;
		margin: auto;
		/*float: left;*/
		padding: 0.309em 0.309em 0.309em 0;
		display: block;
	}
	
	.media-yt-item {
		position: absolute;
		max-width: 98%;
		margin: auto;
		/*padding: 0.309em 0.309em 0.309em 0;*/
		display: block;
	}
	
}
@media (max-width: 769px) {
	.media-yt-item {
	  position: absolute;
	}
}

.dwrap1, .dwrap2, .dwrap3 {
  text-align: center;
  font-size: 12px;
}

.dwrap1{
padding: 0 0 27px;
}

.dwrap2{
min-height:216px
}

.more-media {}

.read-media {
 border-color: #C1DFF5;
  background-color: #C1DFF5;
  text-align: center;
  padding: 5px;
  margin: 5px auto 5px auto;
  height: 30px;
  border-radius: 3px;
  width: 90%;
}

.dwrap3{
/*méthodes pour réduire la longeur du texte affiché avec le css*/
/* methode 1 */
  /* text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; */
  -webkit-line-clamp: 8; /*nombre de ligne visible*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; /* cache ce qui dépassent */
}

/* -- Pages.css --*/
.article-pages .actions {
float: right;
}