/* --------------------------------------------------------- */
/* Feuille de style des squelettes  								 */
/* --------------------------------------------------------- */
.cont_plan{ margin: 0 0 0 5.5%;	padding-left: 2%; text-align: left; }
.cont_plan ul { list-style-type: none;}
.cont_plan li { line-height: 1.5em; margin: 0.7em 0 0 1.5em; }
.cont_plan li a{color:black; font-weight:bold; padding: 5px;}
.cont_plan li a:hover{color:white;} 

.top_link  { position: fixed; top: 175px;right: 20px; opacity: 0.5;
	display:none;	    /* pas d'affichage icone au debut */
}

.top_link:hover, .top_link:focus { background: transparent!important; opacity: 1;}
.top_link:focus {border: 1px dotted black;}

img{max-width:100%;height:auto;}					/* Images responsives */
.visu{text-align:center; visibility: hidden;}				/* conteneur de PhotoSwipe */
.visu img{width:auto; height:150px; visibility: visible;}  	/* Vignettes de PhotoSwipe */


/* Rajout navigation deroulante
--------------------------------------------- */

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

.menu_deroul { font-size: 85%; font-weight: bold;  width: 100%; margin-top:15px;}

.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: White;
	background: #AC2020;
	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 */
	text-transform: uppercase;
	border: 1px	solid black;
	border-radius: 4px;
}

.menu_deroul li,
.menu_deroul .home,
.menu_deroul .actif { 
	float: left; 
	margin-right:  0.5%;	/* espacement entre les items du menu */
	list-style: none;
	text-align:	left;
}
.menu_deroul .actif{
	padding: 0 2px;height: 29px ; border: 1px solid black; border-radius: 3px;background-color:#FBF794;
}
.menu_deroul li ul {		/* fenêtre de 1er niveau */		
	position: absolute; left: -999em;
	height: auto;
	width: 34%; max-width: 200px;
	font-weight: normal;
	margin:  0;   /* ajuste la position de la fenêtre de 1er niveau */
	border: 1px solid #195600;	background-color: #FEFF75;
}

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

.menu_deroul li ul a{ 
	padding: 0.3em; display:block; height: auto; line-height: 1.2em;
	color:Black;background-color: #FEFF75;border:none;text-align:left;text-transform: none;
}

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

.menu_deroul li ul ul{ 	/*fenêtre de 2eme niveau */
	width: 86%; margin-top:0em;margin-left: 18%;
	background: #FFFFA4;border: 1px solid #195600;
}
.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;}

.menu_deroul .ssrub, .menu_deroul .ssrubon { background: #AC2020; color: white;}	/* distinguer une sous-rubrique */
.menu_deroul .ssrubon {font-weight: bold;}

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

.recherche-trigger { 
	position:fixed;top: 135px;right: 20px;display:block; width:38px; height:36px; cursor:pointer; padding:0; visibility:visible; background-image:url(img/search.png); opacity: 0.5; Z-index:10;
}
.recherche-trigger:hover { opacity: 1;}
.recherche {
	font-size: 16px; font-style:italic;
	position:fixed; top:130px; right:65px; width:200px; padding:0px 12px;
	background:lightgrey; visibility:visible; display:none; Z-index:10;
}


/* Affichage des icones 'Menu' et 'Recherche' pour les petits écrans
----------------------------------------------------------------- */

@media (max-width: 790px) {

/* Menu déroulant en cliquant sur l'icone */
.menu_deroul-trigger { 
	position:fixed; top: 90px;right: 20px;
	display:block; width:38px; height:36px; cursor:pointer; padding:0; 
	visibility:visible; background-image:url(img/icon-menu.png); opacity: 0.5; z-index: 10;
}
.menu_deroul-trigger:hover, .menu_deroul-trigger:focus  { opacity: 1;}
.menu_deroul-trigger:focus {border: 1px dotted black;}


.menu_deroul {
	position: absolute;	top: 0; right:0; max-width:400px; margin-top: 0px; padding: 15px 0 10px 3px; background: grey; visibility: visible;	display: none; z-index:5;
	box-shadow: 0 -2px 6px 4px #000!important;
}

.menu_deroul .home, .menu_deroul .actif { display:block; float: none;}
.menu_deroul .actif{ margin: 20px; width: 30px;  border:none;}

.menu_deroul .home a,
.menu_deroul .home a:hover { width:30px; margin: 1.6em 0 1em 2em!important; background:#AC2020;
}

.menu_deroul .on { color:white; text-shadow: 2px 2px 0 #000; } /* Article exposé */
.nav_expose { color: red; }  /* rubrique exposée */

.menu_deroul li { float: none; width: 12em; padding: 0;margin: 0; } 
.menu_deroul a {  padding: 0.3em 0 0.3em 0.3em; font-size: 12px; text-align:center; letter-spacing: 1.5px; border:none;}

.menu_deroul li ul { position: static; margin: 0.1em 0 0.8em 0; background: grey;  border:none; }/* fenêtres sous-menus */
.menu_deroul li ul a { 
	font-size: 15px;
	padding: 0.1em 0 0.3em 1.5em; display:block; height: auto; line-height: 1em;
	color: #fff; background: grey; border-radius:0; letter-spacing: normal;
	text-align:left;text-transform: none;
	width: 255px; 
}

.menu_deroul a:hover { background: #AC2020!important; text-shadow: none;}
.menu_deroul li ul a:hover { color: yellow!important; background: grey!important;}

.menu_deroul li ul ul  { margin: -0.1em; padding: 0 0 0 1em; background: grey; border: none;
}
	
} /* fin media 790px */

@media (max-width: 695px) {	/* Images sur petits écrans */ 
	.spip_documents{ display:block; margin:5px 0;  float:none!important;}	

}