/*
 perso.css - Début
*/
/*-------------------------------------------------------------------*/
/* Mdf-2018                                                          */
/* Ajouts & modifs 2018                                              */
/* Sont placés à la fin                                              */
/*-------------------------------------------------------------------*/
@charset "iso-8859-1";
/*------------------------------------------------------------*/
/* Tests de positionnement                                    */
/*------------------------------------------------------------*/
/*
#entete     { background-color:#999999;}
#logo       { background-color:#33FF99;}
#adresse    { background-color:#FFFF66;}
#menus_hauts{ background-color:green;}
.menu_haut  { background-color:#FFF9EF;}
*/
/*------------------------------------------------------------*/
/* Styles principaux                                          */
/*------------------------------------------------------------*/
* {
	padding:0px;
	margin:0px;
}
body { 
	font-family: Arial, Helvetica, sans-serif, Verdana;  
	font-size: 80%;
	background-color:#eeeeee;
}
img{
	border:none;
	margin:0px;
}
a:link {
	color:#FF7B00;
	text-decoration:none;
}
a:visited {
	color:#FF7B00;
	text-decoration:none;
}
a:hover {
	color:#ff7b00;
	text-decoration:underline;
}
input, fieldset {
	border: 1px solid;
	color:#00418F;
	/*color:#ff5050;*/
}
#formulaire_recherche input {
	border: none;
}
#formulaire_recherche #recherche {
	border: 1px solid;
}
#page {
	margin:auto;
	padding-top:5px;
	width:1064px;/*-------------------------au lieu de 760-----------------------------------*/
	background-color:#FFF9EF;
	z-index:1;
}
/*------------------------------------------------------------*/
/*  Entete                                                    */
/*------------------------------------------------------------*/
#entete {
	height:250px;/*------200-----*/
	/height:207px;
	width:100%;
	color:#004AA5;
}
/* dans container, contient le titre+ la fonction recherche*/
#logo {
	width:410px;/*-------+60------------------au lieu de 250-----------------------------------*/
	height:150px;  /* Important car ca determine la position en y du bandeau d'images ----105-----*/
	/height:113px; /* A regler avec la hauteur de l'entete ci-dessus                  */
	float:left;
	text-align:center;
}
#logo h1{
	padding-top:2px;
	font-size:1.1em;
	font-weight:bold;
}
#adresse{
	width:340px;/*---------+60----------------au lieu de 200-----------------------------------*/
	text-align:left;
	font-size:11px;
	float:left;
	margin:5px 0 0 10px;
	color:red;
}
#adresse p{
	margin-top:0em;
	padding-bottom:0em;
	margin-bottom:0em;
}
#adresse a{
	color:red;
	text-decoration:none;
}
#adresse a:hover{
	text-decoration:underline;
}
/*contient la zone de recherche+ "recherche"*/
#formulaire_recherche{
	margin-top:10px;
	text-align:left;
	width:294px;/*-------------------------au lieu de 210-----------------------------------*/
	color:#004AA5;
}
#recherche{
	border:none;
	background-color:#FFF9EF;
	border:1px dotted gray;
	width:140px;/*-------------------------au lieu de 100-----------------------------------*/
}
.noajax {
	margin-left:0;
}
.noajax div{
	width:280px;/*-------------------------au lieu de 200-----------------------------------*/
}
.noajax .bouton {
	border:none;
	margin-bottom:-4px;
}
/*------------------------------------------------------------*/
/* Sommaires secondaires                                      */
/*------------------------------------------------------------*/
#menus_hauts{
	float:left;
	margin-left:20px;
	_margin-left:15px;  /*IE6 */
}
.menu_haut{
	float:left;
}
.menu_haut a{
	text-decoration:none;
	color:#004AA5;
	font-size:.85em;
}
.menu_haut li{
	list-style-type: none;
}
/*------------------------------------------------------------*/
/* Image aleatoire                                            */
/*------------------------------------------------------------*/
#listeImgAlea .imgAlea{
	margin:auto;
	z-index:0;
	margin-top:-14px;
	margin-left:-5px;
	display:none;
}
.imgAlea img{
	margin:5px;
}
/*------------------------------------------------------------*/
/* Menu Horizontal                                            */
/*------------------------------------------------------------*/
#sommaire {
	font-weight: normal;/*----------------au lieu de bold --------------------------------------------*/
	width:80%;
	margin-top:-20px;
	height:35px;
}
#sommaire a {
	color: blue;
	font-size:.85em;
}
#sommaire a:hover {
	color:white;
	text-decoration:none;
}
#sommaire_texte{
	float:left;
	width:756px;/*-------------------------au lieu de 540-----------------------------------*/
}
.on {
	font-weight:bold;
}
/*------------------------------------------------------------*/
/* Contenu                                                    */
/*------------------------------------------------------------*/
#contenu {
	width:100%;
	min-height:500px;
	margin-top:0px;
	/*background-color:white;*/
	background-color:#FFF9EF;
	/*color:#004AA5;*/
	padding-top:18px;
}
#contenu h2 a{
	color:#6F6F6F;
	font-size:0.9em;
	padding-left:10px;
	color:red;/*----------------au lieu de #004AA5 --------------------------------------------*/
}
#contenu h2{
	margin-left:20px;
	font-size:1.2em;
	margin-top:20px;
}
#contenu ul li a{
	color:#FF7B00;/*----------------au lieu de #FF7B00 --------------------------------------------*/
	font-size:14px;
	list-style-type:none;
}
#contenu ul{
	margin:10px 0 ;
	padding-left:30px;
}
#contenu p {
	margin:10px 0;
}
.surtitre {
	font-weight:bold;
	font-size: larger;
}
.chapo {
	font-style: italic;
}
.soustitre {
	font-weight:bold;
}
.ps {
	margin-top:35px;
	font-style:italic;
}
p.spip_note {
	margin-top: 35px;
	padding-top:5px;
	border-top: 1px solid #004AA5;
}
.sousrub {
	font-size:100%;
	font-weight: bold;
	margin-top:5px;
	margin-bottom:0px;
}
.date {
	font-size:90%;
	margin-bottom:10px;
}
/*liste des articles d'une rubrique */
#titresAccueil li{
	list-style-type:none;
	width:280px;
	margin-bottom:-10px;
}
#titresAccueil{
	width:420px;/*-------------------------au lieu de 300-----------------------------------*/
	padding-left:10px;
	padding-top:10px;
}
#titresAccueil li h3{
	margin-top:0px;
	font-size:11px;
	color:#FFA64F;/*----------------au lieu de #FFA64F --------------------------------------------*/
}
#titresAccueil li h3 a{
	color:red;/*----------------au lieu de #FF7B00 --------------------------------------------*/
	text-decoration:none;
	font-weight:lighter;
}
#titresAccueil ul{
	padding-top:10px;
}
/*chemin de l'article*/
#hierarchie{
	padding-top:10px;
	color:#004AA5;
	margin-left:7px;
}
#hierarchie p{
	margin-bottom:10px;
}
#hierarchie a{
	color:#8F8F8F;
	font-size:12px;
}
/*liste des sous rubriques dans une rubrique*/
.menuRubriques li{
	list-style-type:none;
	color:#77AEEF;
	font-size:10px;
}
.menuRubriques ul li a{
	color:#FF831F!important;
}
.menuRubriques ul{
	padding-bottom:40px;
	padding-top:0px;
	height:20px;
	max-width:840px;/*-------------------------au lieu de 600-----------------------------------*/
	margin-left:30px;
}
.menuRubriques {
	width:952px;/*-------------------------au lieu de 680-----------------------------------*/
	margin:auto;
	margin-left:30px;
}
.published{
	text-align:left;
}	
.contenu_texte{
	/* Mdf- 2018
	width:100%;
	*/
	margin-left:7px;
}
.contenu_texte h1{
	color:#00418F;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.2em;
}
.contenu_texte h3{
	font-size:1em;
	padding-bottom:10px;
	padding-top:5px;
}
.contenu_texte .titre{
	font-size:1.7em;
}
.contenu_texte ol{
	margin-bottom:10px;
	margin-left:40px;
}
.menu_articles ul, .menu_rubriques ul, .menu{
	/* Mdf-2018 
	width:1036px;/*-------------------------au lieu de 740-----------------------------------*/
	}
/*pour faire des lignes de couleur diffrentes sur un tableau*/
.row_first{
	max-width:1036px;/*-------------------------au lieu de 740-----------------------------------*/
	background-color:#FFCC00;
	color: #000000;
}
table.spip{
	max-width:1036px;/*-------------------------au lieu de 740-----------------------------------*/
}
thead{
	max-width:1036px;/*-------------------------au lieu de 740-----------------------------------*/
}
.spip tbody{
	max-width:1036px;/*-------------------------au lieu de 740-----------------------------------*/
}
tr.row_even{
	max-width:1036px;/*-------------------------au lieu de 740-----------------------------------*/
	background-color:#FFF;
}
tr.row_odd{
	max-width:1036px;/*-------------------------au lieu de 740-----------------------------------*/
	background-color:#CCC;
}
/*menu de la rubrique membres*/
#membres a{
	color:#FF7B00;
	font-size:13px;
	font-family:Tahoma;
	margin-right:300px;
}
#membres, #albums {
	margin:30px 0 0 60px;
}
#membres li, #albums li {
	margin: 15px 0;
	list-style-image: url(images/puce_triangle.png);
	font-weight:bold;
}
/*documents joints*/
#documents_joints h2{
	font-size:12px;
}
#documents_joints li{
	list-style-type:none;
}
.doc_joint{
	float:left;
	margin: 10px;
	text-align:center;
	padding:5px;
	width:196px;/*-------------------------au lieu de 140-----------------------------------*/
}
#documents_portfolio {
	margin: 30px 0 0 8px;
}
.doc_video{
	margin-top:30px;
}
/*------------------------------------------------------------*/
/* Cadres                                                     */
/*------------------------------------------------------------*/
#cadre{
	width:280px;/*-------------------------au lieu de 200-----------------------------------*/
	margin-right:5px;
}
#cadreHaut{
	background:url(images/hautCadre.png) no-repeat;
	width:280px;/*-------------------------au lieu de 200-----------------------------------*/
	height:41px;
}
#cadreHaut h3{
	font-size:12px;/*-------------------------au lieu de 1em-------------------------------*/	
	padding-top:18px;
	text-align:center;
	color:#0000FF;/*--------------------------------------couleur de texte ------------------------------------*/
}
#cadreCentre{
	background:url(images/centreCadre.png) repeat;
	width:280px;/*-------------------------au lieu de 200-----------------------------------*/
	margin:0;
	padding:0;
}
#cadreCentre ul{
	width:238px;/*-------------------------au lieu de 170-----------------------------------*/
	padding-left:15px;
	margin: 0px;
}
#cadreCentre ul li{
	width:238px;/*-------------------------au lieu de 170-----------------------------------*/
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-right:10px;
	font-size:12px;/*-------------------------au lieu de .8em-------------------------------*/	
	list-style-type:none;
}
#cadreCentre ul li h4{
	margin-top:3px;
}
#cadreCentre ul li h4 a{
	font-size:12px;
	color:#004AA5;
	margin-top:15px;
	margin-bottom:0px;
}
#cadreBas{
	background:url(images/basCadre.png) no-repeat;
	width:280px;/*-------------------------au lieu de 200-----------------------------------*/
	height:31px;
	padding-bottom:5px;
}
#cadre2{
	width:280px;/*-------------------------au lieu de 200-----------------------------------*/
	margin-right:5px;
}
#cadreHaut2{
	background:url(images/hautCadre.png) no-repeat;
	width:280px;/*-------------------------au lieu de 200-----------------------------------*/
	height:41px;
}
#cadreHaut2 h3{
	font-size:12px;/*-------------------------au lieu de 1em-------------------------------*/	
	padding-top:18px;
	text-align:center;
	color:#0000FF;/*-------------------------couleur de texte-------------------------------*/
}
#cadreCentre2{
	background:url(images/centreCadre.png) repeat;
	width:280px;/*-------------------------au lieu de 200-----------------------------------*/
	margin:0;
}
#cadreCentre2 ul{
	width:238px;/*-------------------------au lieu de 170-----------------------------------*/
	padding-left:15px;
	margin:0;
}
#cadreCentre2 ul li{
	width:238px;/*-------------------------au lieu de 170-----------------------------------*/
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-right:10px;
	font-size:12px;/*-------------------------au lieu de .9em-------------------------------*/	
	list-style-type:none;
	color:#0000FF;/*-------------------------couleur de texte-------------------------------*/	
}
#cadreCentre2 ul li h3{
	margin-bottom:3px;
	margin-top:3px;
}
#cadreCentre2 h4{
	padding-top:15px;
	margin-bottom:0px;
	padding-left:15px;
	padding-right:10px;
	font-size:11px;
	color:#0000FF;/*-------------------------couleur de texte-------------------------------*/	
}
#cadreCentre2 ul li a{
	font-size:12px;/*-------------------------au lieu de .9em-------------------------------*/	
	color:#000000;/*-------------------------couleur de texte ( lien )-------------------------------*/	
}
#cadreBas2{
	background:url(images/basCadre.png) no-repeat;
	width:280px;/*-------------------------au lieu de 200-----------------------------------*/
	height:31px;
	padding-bottom:5px;
}
#cadres{
	float:right;
}
/*------------------------------------------------------------*/
/* Pied                                                       */
/*------------------------------------------------------------*/
#up{
	width:100%;
	text-align:right;
}
#pied{
	width:100%;
	text-align:center;
	margin-top:10px;
	height:auto;
}
/*------------------------------------------------------------*/
/* Formulaires
/*------------------------------------------------------------*/
form{
	margin-left:20px;
}
#spiplistes-formabo{
	margin:50px 0 0 7px;
}
.formulaire_spip fieldset legend {
	margin-bottom:10px;
}
#formulaire_login{
	width:auto;
	margin-left:20px;
	margin-right:20px;
}
#formulaire_login li{
	margin-bottom:10px;
}
#formulaire_login .choix{
	display:none;
}
.connexion_membres #formulaire_login .details {
	display:none;
}
fieldset li {
	list-style-type:none;
}
fieldset{
	padding:5px;
}
/*------------------------------------------------------------*/
/* Divers                                                     */
/*------------------------------------------------------------*/
/* Espaceur de blocs */
.nettoyeur { 
	clear: both; 
	margin: 0; 
	padding: 0; 
	border: none; 
	height: 0; 
	line-height: 1px; 
	font-size: 1px; 
}
.inscription2{
	width:80%;
	margin:auto;
}
small{
	font-size:0.75em;
}
.erreur404 h1{
	padding-left:20px;
	font-size:1.3em;
}
#trou{
	height:500px;
}
.spip_surligne{ 
	background-color:yellow ;
}
.spip_logos{
	height:auto;
	border:none;
}
#session {
	float:right;
	width:350px;/*-------------------------au lieu de 250-----------------------------------*/
	border: thin solid #000000;
	padding:10px;
	margin-right:7px;
}
.video{
	padding-top:30px;
}
/*------------------------------------------------------------*/
/* Gre les balises center, right et left de spip             */
/*------------------------------------------------------------*/
.spip_documents_center {  clear: both; width: 100%; margin: auto; text-align:center;display:block;}
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.90em; margin-right: auto; margin-left: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.90em; margin-right: auto; margin-left: auto; }

/*------------------------------------------------------------*/
/* suppression lien spip-listes dans pied de mail             */
/*------------------------------------------------------------*/
.spiplistes-cdt {
display:none;
}

/*-------------------------------------------------------------------*/
/* Mdf-2018                                                          */
/* Ajouts & modifs 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;
}
body {
--bodyCoulClair : rgb(204,238,255);
--bodyCoulClair : #ffffff;
--bodyCoulMed : rgb(0,128,192);
--bodyCoulMed : #555555;
--bodyImgFond : url("./IMG/gif/scintillant.gif");
--bodyImgFond : url("./IMG/png/terrepetite.pale.250x250.png");
}
div {
--divCoulClair : rgb(204,238,255);
--divCoulClair : #ffffff;
--divCoulMed : rgb(0,128,192);
--divCoulMed : #555555;
--divCoulFonce : #005c7b;
--divCoulFonce : #555555;
--CadrCoulHover : #555555;
}
ul {
--ulCoulFonce : #005c7b;
--ulCoulClair : rgb(204,238,255);	
}
li {
--liCoulFonce : #005c7b;
--liCoulClair : rgb(204,238,255);	
}
a {
--aCoulFonce : #005c7b;
--aCoulClair : rgb(204,238,255);	
}

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

.SurBloc {
	border-left:solid var(--divCoulFonce) 6px;
	padding:3%;
}
.Bloc {
	border:solid var(--divCoulFonce) 1px;
	border-radius:10px;
	padding:3%;
}
.BordGauche{
	border-left:solid var(--divCoulFonce) 3px;
	border-right:solid var(--divCoulFonce) 1px;
	padding:1%;
}
.cadr { 
	border : solid 2px var(--divCoulFonce); 
	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;
}
.cadr2 {
	border : solid 2px 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);
}
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 {
	background-color:var(--liCoulFonce);
	color:var(--liCoulClair);
	margin-left: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-image:var(--bodyImgFond);
	background-attachment:fixed;
	background-repeat:repeat;

	/* background: white url(./IMG/png/terrepetite.pale.250x250.png) no-repeat right bottom; */
}
#contenu {
	background-color:transparent;
	width:90%;
	margin:auto;
}
tr .row_first{
	max-width:1036px;/*-------------------------au lieu de 740-----------------------------------*/
	background-color:var(--divCoulMed);
	color: #000000;
}
#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);
}
#entete {
	/*height:400px;*/
}
tr .row_first{
	background-color:var(--divCoulMed);
	color: #bb5555;
}
.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%;
	/*margin:2%;
	width:80%;
	margin-left:auto;
	*/
	font-size:16px;
	/*border-radius:10px;*/
}
.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;
}
/* perso.css  -  Fin*/