body	{	text-align:center; height:100%;background-color:#000000;background-position:left top;background-repeat:repeat-x; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin: 0; background-image:url(../images/fond5.jpg);}
img			{	border:none; }
img a			{	border:none; }

a { font-family: Calibri,Verdana; color: Gray; text-decoration: none;font-size:17px}
a:hover { color: Gray;font-size:17px}

/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar { 
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

::-webkit-scrollbar-track { 
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;}

img { border:0px;}

.terredumilieu154
{
	text-align: center;
	width: 1000px;
	height: 950px; 			
	vertical-align: middle;
	/*display:table-cell;*/
	background-image:linear-gradient(#c1c3c5, #FFFFFF);
	overflow-y : scroll;
	overflow-x: hidden;
	vertical-align:text-top;
}

.terredumilieu15		
{				
		/*background-image:linear-gradient(#4187f8, #74a6f7);*/
		background-image:linear-gradient(#c1c3c5, #FFFFFF);
		background-color: #FFFFFF;
		height:950px;
		margin:0 auto;
		width:100%; 	
		top:0px;
		overflow-y : scroll;
		overflow-x: hidden;
		text-align:center; font-size:14px
		vertical-align:text-top;
		margin-left: auto; margin-right: auto; /* Centrage du DIV au milieu de la page (width OBLIGATOIRE) */
		display:table-cell;
		border: 1px solid red;
}

.accueil		
{
		position:relative; 		
		left:0px; top:135px; 
		text-align:center; font-size:14px
		vertical-align:text-top;
		overflow: hidden; 	
		font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#746f70;
}
.entree		
{
		position:relative; 		
		left:0px; top:0px; 
		text-align:center; font-size:14px
		vertical-align:text-top;
		overflow: auto; 	
		font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#746f70;
}

.fonddroite		
{		
		text-align:center; font-size:14px
		vertical-align:text-top;
		overflow: hidden; 	
		font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#746f70;
		background-position:left top;background-repeat:no-repeat;
		 background-image:url(../images/fonddroite.png);
}
.terredumilieu		
{		
		width:70%;
		height:100%;		
		margin:0 0;
		top:0px;
		overflow-y : scroll;
		overflow-x: hidden;
		text-align:center; font-size:14px
		vertical-align:text-top;
		margin-left: auto; margin-right: auto; /* Centrage du DIV au milieu de la page (width OBLIGATOIRE) */
}


.terredumilieumob	
{		
		background-image:linear-gradient(#c1c3c5, #FFFFFF);
		/*width:100%;*/		
		width:device-width;
		height:100%;
		margin:0 0;
		top:0px;
		overflow-y : scroll;
		overflow-x: hidden;
		text-align:center; font-size:14px;
		vertical-align:text-top;
		margin-left: auto; margin-right: auto; /* Centrage du DIV au milieu de la page (width OBLIGATOIRE) */
}

.menu {height:35px;width:1000px; text-align:center; font-size:15px;margin:0 auto;}
.menu	a { font-family: Calibri, Verdana; color: White; text-decoration: none; font-size:25px;}
.menu	a:hover { color: Gray; }
.menumob {text-align:center; font-size:8px;margin:0 auto;}
.menumob	a { font-family: Calibri, Verdana; color: White; text-decoration: none; font-size:9px;}
.menumob	a:hover { color: Gray; }

.texte { font-family: Calibri, Verdana; color: #112c59; font-size:17px; text-align: justify;}
.texte a{ font-family: Calibri, Verdana; color: #a9132c; font-size:17px }
.form_texte { font-family: Calibri, Verdana; color: #000000;; font-size:14px }
.form_titre { font-family: Calibri, Verdana; color: #000000;; font-size:14px }
.titrenews { font-family: Calibri, Verdana; color: #000000;; font-size:10px }

.texteblog { text-align:left;font-family: Calibri, Verdana; color: #112c59;; font-size:17px }
.titreblog a { font-family: Calibri, Verdana; color: #000000;; font-size:22px }
.titre { font-family: Calibri, Verdana; color: #000000;; font-size:18px }

.textephoto 
{ 
	text-align:center;font-family: Calibri, Verdana; color: White; font-size:14px;
	display: inline-block;
}

.foot	
{
		position:relative; 
		top : 10px;
		margin-left: auto; margin-right: auto; width:1000px; /* Centrage du DIV au milieu de la page (width OBLIGATOIRE) */
		text-align:right; font-size:14px
		vertical-align:text-top;
		font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#433b36;
		border-radius:20px;
		-moz-border-radius: 20px 20px 20px 20px; 
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px; 
    -ms-border-radius: 20px 20px 20px 20px; 
 }
 
 .ecran
{  
		/*margin:0;
		padding: 0;	
		vertical-align:text-top;		
		height:1000px; 
		text-align: center;
		margin-left: auto;
  	margin-right: auto;
  	vertical-align:text-top;*/
	width: 100%;
	height: 700px; 			
	background-image:linear-gradient(#c1c3c5, #FFFFFF);
}

#vig_container
{
	width: 209px; height:189px;
 	display: inline-block;
	background-position:center;
	text-align: center;	
	margin-right:15px;
}

#vig_container_droite
{
	width: 159px; height:139px;
 	display: inline-block;
	background-position:center;
	text-align: center;	
	margin-right:15px;
}

.crop a {COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 15px;margin: .5em 10px .5em 0;  text-shadow: 0.1em 0.1em 0.2em black;}
.crop {  width: 209px; height:129px; border-radius:5px; vertical-align:middle; margin: .5em 10px .5em 0; float: left; border: 1px solid #ccc; box-shadow: 3px 3px 5px 0px  #6d6d6d;}
.crop {background:#FFFFFF; overflow: hidden; text-align:center; display: block;background-position:center;}
.crop img { position:relative;width:100%; opacity:1; }
.crop img:hover {opacity:1; }

.crop_droite a {COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 15px;margin: .5em 10px .5em 0;  text-shadow: 0.1em 0.1em 0.2em black;}
.crop_droite {  width: 159px; height:79px; border-radius:5px; vertical-align:middle; margin: .5em 10px .5em 0; float: left; border: 1px solid #ccc; box-shadow: 3px 3px 5px 0px  #6d6d6d;}
.crop_droite {background:#FFFFFF; overflow: hidden; text-align:center; display: block;background-position:center;}
.crop_droite img { position:relative;width:100%; opacity:1; }
.crop_droite img:hover {opacity:1; }


/*2015*/

.newsaff
{
	text-align:center;font-family: Calibri, Verdana; color: #FFFFFF; font-size:12px;
	vertical-align:top;	
	margin-top:10px;
	
	
}
.affnews 
{ 	
	display: inline-block;
	margin-left:15px;
	width:500px;
	text-align:left;
	COLOR: #000000;
}


.procmatch
{	
	height:250px;	
}

.droitenews
{	
	width:27%;
	float:right;
	margin-top:-470px;
}



.body15	{	text-align:center; height:100%;background-color:#000000;background-position:left top;background-repeat:repeat-x; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin: 0; background-image:url(../images/fond5.jpg);}

.sponsors2
{
	top:25px;
	position: relative;	
}




.uppernews {
    display: none;
}

.uppernews__smallscreen {
    position: absolute;
    top: 0;
    width: 50%;
    right: 2vw;
}

.uppernews__btn {
    position: absolute;
    top: 100%;
    left: 50%;
    width: calc(100% - 2 * var(--marges-site));
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    text-align: center;
}

.uppernews__smallscreen .uppernews__btn {
    margin-inline: auto;
}

.uppernews__single {
    width: 75%;
   background: white;
    -webkit-box-shadow: 0px 0px 20px #0000001A;
    box-shadow: 0px 0px 20px #0000001A;
    position: relative;
    padding: 33px 30px 63px clamp(75px, 5vw, 130px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 7px;
}

.uppernews .uppernews__single:nth-child(3) {
    margin-top: 13%;
}

.uppernews__single__bloc-content {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 7px;
}

.uppernews__single hr {
    border: 1px solid #a5a928;
    width: 50%;
    margin-block: 5px;
}

.uppernews__single__image {
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(100px, 7vw, 140px);
    height: clamp(100px, 7vw, 140px);
    -webkit-transform: translate(-40%, -20%);
    -ms-transform: translate(-40%, -20%);
    transform: translate(-40%, -20%);
    border-radius: 50%;
    overflow: hidden;
}

.uppernews__single__image>img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.uppernews__single__date {
    position: absolute;
    top: 0;
    left: 0;
    min-width: clamp(80px, 6vw, 110px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: clamp(80px, 6vw, 110px);
    border-radius: 50%;
    -webkit-transform: translate(-40%, 60%);
    -ms-transform: translate(-40%, 60%);
    transform: translate(-40%, 60%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    background-color: var(--dark-aqua);
}

.arrow__right::after {
    content: '';
    display: block;
    position: relative;
    width: 8px;
    height: 20px;
    background-image: url('../img/chevron_vert-droite.svg');
    background-repeat: no-repeat;
}

.uppernews__single__date p {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    text-align: center;
    text-transform: lowercase;
}

.uppernews__single__date__day {
    font-size: calc(var(--font-size-xxsmall) * 2);
}

.uppernews__single__date__month {
    font-size: calc(var(--font-size-xsmall));
    line-height: var(--font-size-medium);
    font-weight: 500;
}

.uppernews__single__category {
    font-size: var(--font-size-mini);
    line-height: var(--font-size-medium);
    font-weight: 600;
}

.uppernews__single__title {
    font-size: var(--font-size-xsmall);
    line-height: calc(var(--font-size-large) + 4px);
    font-weight: 600;
    letter-spacing: 2px;
	COLOR: #a44441;
}

.uppernews__single__content {
    font-size: var(--font-size-xxsmall);
    line-height: var(--font-size-medium);
    font-weight: 300;
	color:8B8B8B;
}

.uppernews__single__image>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.uppernews__single__bloc-content {
    padding: 0;
}

.uppernews__btn {
    position: relative;
    top: initial;
    left: initial;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#vig_container241
{
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 10px 25px 10px;
    margin: 0 0 27px 20px;
	width : var(--hauteurelem);

}