/* perso+.css - Début*/
*-------------------------------------------------------------------*/
/* Mdf-2018    R. DELHAYE                                                     */
/* En particulier pour l'utilisation des variables Css               */
/* Quelques modifs plus haut précédées de Mdf2018                    */
/*-------------------------------------------------------------------*/

/* Variables ---------- */
html {
	--CoulClair : #ffffff;
	--CoulMed : #555555;
	--CoulFonce : #555555;
	--CoulFonce: black;
	font-size : 16px;
}
body {
--bodyCoulClair : rgb(204,238,255);
--bodyCoulClair : #ffffff;
--bodyCoulMed : rgb(0,128,192);
--bodyCoulMed : #555555;
--bodyCoulFonce: black;
--bodyImgFond : url("http://www.gref.asso.fr/sp/IMG/gif/scintillant.gif");
--bodyImgFond : url("http://www.gref.asso.fr/sp/IMG/png/terrepetite.pale.250x250.png");
font-size : 14px;
}
div {
--divCoulClair : rgb(204,238,255);
--divCoulClair : #ffffff;
--divCoulMed : rgb(0,128,192);
--divCoulMed : #555555;
--divCoulFonce : #005c7b;
--divCoulFonce : #555555;
--divCoulFonce : black;
--CadrCoulHover : #555555;
}
ul {
--ulCoulFonce : #005c7b;
--ulCoulFonce : black;
--ulCoulClair : rgb(204,238,255);	
}
li {
--liCoulFonce : #005c7b;
--liCoulFonce: black;
--liCoulClair : rgb(204,238,255);	
}
a {
--aCoulFonce : #005c7b;
--aCoulFonce:black;
--aCoulClair : rgb(204,238,255);	
}

/*--------------------- */

.SurBloc {
	border-left:solid var(--divCoulFonce) 6px;
	padding:3%;
}
.Bloc {
	border:solid var(--divCoulFonce) 1px;
	border:none;
	border-radius:10px;
	padding:3%;
}
.BordGauche{
	border-left:solid var(--divCoulFonce) 3px;
	border-right:solid var(--divCoulFonce) 1px;
	padding:1%;
}
.sep {
	border-bottom:solid 1px var(--divCoulFonce);
	width:100%;
}
.cadr { 
	border : solid 2px var(--divCoulFonce); 
	border : solid 1px var(--divCoulFonce); 
	border:none;
	padding:3%;
	border-radius:10px;
	margin-right:7px;margin-left:7px;
}
.cadr:hover {
	background-color:gainsboro;
	background-color:grey;
	background-color:silver;
	background-color:var(--CadrCoulHover);
   	background-color:#eeeeee;
	border : 1px solid #000000;
}
.cadr2 {
	border : solid 2px var(--divCoulFonce);
	border : solid 1px var(--divCoulFonce);
	padding:3%;
	border-radius:10px;
	margin-right:auto;margin-left:auto;
	background-color:lightgreen;
	text-align:center;
}
.zzz {
	background-image:linear-gradient(#27687a,#93d021);
}
hr {
	line-height: 1;
}
table.spip caption {
	min-width:250px;
	border:lightgrey solid 1px;
	background-color:var(--divCoulFonce);
	border-radius:10px;
	color:white;
}
table.spip th {
	background-color:var(--divCoulFonce);
	text-align:center;
	color:white;
	padding:1%;
}
#sommaire {
	width:100%;
	background-color:var(--liCoulFonce);
	color:var(--liCoulClair);
	margin-left:0 auto;
}
#sommaire a {
	color:var(--aCoulClair);
	font-size:.85em;
}
#sommaire a:hover {
	color:white;
	text-decoration:none;
}
#navhori .elementhori {
	background-color:var(--divCoulFonce);
	color:var(--divCoulClair);
}
#navhori a {
	color:var(--aCoulClair);
	background-color:var(--divCoulFonce);
}
.blink {
       animation-duration: 2s;
       animation-name: blink;
       animation-iteration-count: infinite;
       animation-direction: alternate;
       animation-timing-function: ease-in-out;
}
@keyframes blink {
	from {
		opacity: 1;
		}
	to {
		opacity: 0;
	}
}
body { 
	background-color:var(--bodyCoulMed);	
	background-color:var(--bodyCoulFonce);
	background-image:var(--bodyImgFond);
	background-attachment:fixed;
	background-repeat:repeat;
}
#contenu {
	background-color:transparent;
	width:95%;
	margin:auto;
}

#page {
	margin:auto;
	border:1px solid grey;
	padding-top:5px;
	width:1064px;/*-------------------------au lieu de 760-----------------------------------*/
	background-color:var(--divCoulClair);
	z-index:1;
}
#adresse{
	color:var(--divCoulFonce);
}
#adresse a{
	color:var(--divCoulFonce);
}
tr .row_first{
	max-width:1036px;
	background-color:var(--divCoulMed);
	background-color:var(--divCoulFonce);
	color: #bb5555;
	color: var(--divCoulClair);
}
.comment-reply {
	border-bottom:1px solid grey;
}
a:link {
	color:#0000FF;
	text-decoration:none;
}
a:visited {
	color:#0000FF;
	text-decoration:none;
}
a:hover {
	color:#ff7b00;
	text-decoration:underline;
}
#Actu .ArtActu {
	z-index:0;
	display:none;
	height:100px;
}
.Tete {
	text-align:center;
	background-color:var(--divCoulFonce);
	color:white;
	padding:2%;
	font-size:16px;
}
.ArtActu div {
	margin:5px;
	color:black;
	opacity:1;
}
.video{
	width:100%;
}
.mejs-inner {
	width:100%;
}
.mejs-container {
	width:100%;
}
.mejs {
	width:100%;
}
.Retrait25 {
	margin-left:25px;
}
#navhori {
	width:1064px;
	display:flex;
	flex-direction:row;
	justify-content:space-around;"
}
.elementhori {
	background-color:var(--divCoulFonce);
	color:var(--divCoulClair);
}
/* Mdf ; Essais 2020-06 */
#lmn{
	width:100%
}
#lmn td:nth-child(1) {
	background-color:#eeeeee;
	width:25%;
	text-align:left;
}
#lmn td:nth-child(2) {
	background-color:white;
	width:15%;
		text-align:center;
}
#lmn td:nth-child(3) {
	background-color:white;
	width:15%;
		text-align:center;
}
#lmn td:nth-child(4) {
	background-color:white;
	width:15%;
		text-align:center;
}
#lmn td:nth-child(5) {
	background-color:white;
	width:15%;
		text-align:center;
}
#lmn td:nth-child(6) {
	background-color:white;
	width:15%;
		text-align:center;
}
#lmncontainer {
	width:1000px;
}
#partenaires {
	border-collapse:collapse;
	margin:auto;
}
#partenaires td{
	padding:5px;
}
#partenaires td:nth-child(1) {
	text-align:right;
}
#partenaires tr{
	border-radius:5px;
	border:1px solid red;
}
.pagination {
	display : flex;
	flex-direction : row;
}
a .on {
	background-color:yellow;
}
.lien_pagination {
	background-color : red;
}
.UnTitre {
	border-radius : 6px;
	width : 60%;
	margin : auto;
	background-color : var(--divCoulFonce);
	text-align : center;
}
/* perso+.css  -  Fin - Dern. mdf. : R. DELHAYE - 2020-06 */