/* Pour annuler les effets de 'float' et afficher à côté d'une image */
.clear{
	clear:both;
	margin:5px 0;padding:0;
}


/* Améliorer la visibilité des liens */ 
main a, main a.spip_in, main a.spip_out { color: Navy!important;font-weight: bold;}

main a:focus,
main a:hover,
main a:active,
main .spip_in a:hover, main .spip_out a:hover { background-color:#000!important; color:#fff!important;/* text-decoration:none;*/ }


.ident-site {
	padding-top:15px!important;
	font-size: /*2em!important;*/ 200%;
	line-height:1.3em;
	text-transform:uppercase;
	font-weight:bold;
	color: white;
}
.ident-slogan {
	font-size: 1.1em!important;
	line-height:1.6em;
	color: white;
}

/* Diapo Nivoslider: effacer la flèche survolée */
.nivo-directionNav a:hover {background:transparent!important;}


.erreur_message, .reponse_formulaire_erreur{
	color: red;
	font-size:14px;
}

.reponse_formulaire_erreur{
	font-size: 16px;
	font-weight:bold;
}

/* Affichage flèche pour aller en haut de page */

.top_link {position:fixed; top:160px; right:7px;
	cursor:pointer;opacity:0.6; z-index:10; display:none;}
a:hover.top_link, a:focus.top_link {opacity:1; background:transparent!important;}

td img{max-height: 150px;width:auto;}
tbody{width: 900px;}


/* vignettes diapos format "pellicule" 
   désactive l'affichage imposé par mediabox */
.documents_portfolio  a{
	height: 100px; 
	width: auto; 
	margin: auto; 
	padding:0; 
	box-shadow: 0 0 0 0 transparent;
}

.evidence-contenu{margin-left: 15px;}

/* Enleve les puces des  listes "Resultats recherche" */
.menu li{
	list-style-type:none;
	margin: 10px;
}


aside{
	font-size: 85%;
	line-height:1.11em;
}

aside .menu li,			/* Dans la meme rubrique */
.derniers_elements li{  /* Billets récents */   
	font-size: .95em;
}

.petitit, .choixsousrub {
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif!important;
	font-size: 1em;
	font-weight:bold;
	line-height: 1.5em;
	margin: 1em 0;
	text-transform:uppercase;
	color:#800000;
	letter-spacing:0.1em;
}
.choixsousrub {
	font-size: 0.90em;
	margin: 0.4em 0 0.2em 0;
}

.caractencadre-spip {
	color: #993300;
	font-weight: bold;
}

/* événements */
.derniers_elements{
	border-left: solid 5px lightgrey;
	padding-left: 15px;
	padding-bottom: 10px;
}


/* affichage menu général horizontal */

.nav_expose { background: #F5F599!important; color: black!important; }   /* Signale la rubrique exposée */

.menu_deroul { font-size: 0.80em; font-weight: bold;  width: 100%;}

.menu_deroul:before,
.menu_deroul:after { content: "";	display:	table;}	
.menu_deroul:after { clear: both;}

.menu_deroul .home a {
	padding: 0 0.2em;	/* cadrage icône Home */
}

.menu_deroul ul { z-index:10; margin: 0;	}

.menu_deroul a {
	display: block;
	color: black;
	background: lightcyan;
	line-height: 0.90em; 	/* intervalle entre 2 lignes consécutives */
	text-align: center; text-decoration: none; margin: 0;
	padding:0.5em 0.2em;		/* cadrage du texte */
	border: 1px	solid grey;
	border-radius: 4px;
	margin: 1px;
}

.menu_deroul li { 
	float: left; 
	margin-right:  0.5%;	/* espacement entre les items du menu */
	list-style: none;
	text-align:	left;
}

.menu_deroul li ul {		/* fenêtre niveau sous-rubriques */		
	position: absolute; left: -999em;
	height: auto;
	width: 220px;
	font-weight: normal;
	margin:  0;   /* ajuste la position de la fenêtre */
	padding-left:6px;
	border: 1px solid #195600;	background-color: #F5F599;
}

.menu_deroul a:hover { background: #6D993C!important;color: White!important;border-radius:0;}

.menu_deroul li ul a,
.menu_deroul li ul a:hover,
.item_expo { 
	padding: 0; display:block; line-height: 1.6em;width: auto;
	color:black;background-color: white;border:none;text-align:left;text-transform: none;
}
.item_expo{background-color: yellow; font-weight: bold;}
.menu_deroul li ul a:hover{ background: #6D993C!important; }

.menu_deroul li li{ width:100%;}	/* pour sélection ligne entière */

.menu_deroul li:hover ul ul, .menu_deroul li:hover ul ul ul{left:-999em;}
.menu_deroul li:hover ul, .menu_deroul li li:hover ul{left:auto;}

.raccourcis li{display:inline-block;margin-top: 5px;}
.raccourcis a{font-size:1.8em;padding:3px;font-weight:bold;border:solid 1px green;color:/*#0E430E!important*/Navy;background:lightcyan;}
.raccourcis a:hover{background: green;color:white!important;}

.nbarticles {
	margin: -22px 0 25px 0;
	font-size: 80%;
	font-style: italic;
}


/* Recherche en cliquant sur l'icone
--------------------------------------------- */

.recherche-trigger {
	position:fixed; top:95px; right:7px;width:40px;height:40px;
	background-image:url(img/search2.png);background-repeat: no-repeat;
	cursor:pointer;opacity:0.6; z-index:100;
}
.recherche-trigger:hover { opacity: 1;}
.recherche {
	font-size: 16px; 
	position:fixed; top:130px; right:70px; width:180px; padding:10px 12px;
	background:#FFF; color:#000;visibility:visible; display:none; z-index:100;
	border:solid 2px blue;
}

/* Affichage responsif des icones 'Recherche' et 'Haut de page' */

@media (min-width: 1270px) {
	.recherche-trigger, 
	.top_link {
		right: 9.5%!important;
	}
}

@media (min-width: 1200px) {
	.recherche-trigger, 
	.top_link {
		right: 7.2%!important;
	}
}



 
/* Affichage pour les petits écrans du 'Menu' et de son icône 
----------------------------------------------------------------- */

@media (max-width: 640px) {

/*  Affichage de l'icone cliquable du menu déroulant */
	.menu_deroul-trigger { 
		position:fixed; top: 47px;right: 7px;
		display:block; width:40px; height:40px; cursor:pointer; padding:0; 
		visibility:visible; 
		background-image:url(img/icon-menu.png); background-repeat: no-repeat; opacity: 0.6; z-index: 200;
	}
	.menu_deroul-trigger:hover  { opacity: 1;}

/* Menu deroulant en premier plan */
    .menu_deroul {
       position: fixed; 
       top:25px; right:16px;width: 280px; padding:30px 0 10px 0;z-index: 100;
       visibility: visible; display: none;
	   background:#D5D5D5;
	   border: solid 2px blue;
	   font-size:0.80em;
    }

	.acces_rapide{display:inline;}
	.zone_rapide{display:none;}

	.raccourcis a{
		font-size:0.95em!important;
		border-radius:0!important;
		width:auto!important;
		margin: -27px 0px 24px 3px!important;
		text-transform: none;
	}
	.raccourcis a:hover{
		background:green!important;
	}

	.menu_deroul a {
		text-align: left;
		margin: 0 0 5px 4px ;
		width: 268px;
	}

	.menu_deroul li ul {		/* fenêtre niveau sous-rubriques */		
		width: 207px;
		margin: -6px 6px 0 65px;
	}

	.ident-site {
		padding-top:25px!important;
		font-size: 1.5em!important;
	}
	.ident-slogan {
		font-size: 0.95em!important;
	}

}
@media (max-width: 550px) { /* lisibilité des légendes diaporama */
	.nivo-caption {
		color: white!important;
		background: transparent!important;
	}
}