/* TEMPLATE ASSODEV MARSNET 2017 */


/*==============
	GENERAL 
==============*/

* { /* evite les différences d'affichages d'un navigateur à un autre au niveau des différences pixels */
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'clear_sansregular';
	font-size: 14px;
}

html {
	font-size: 14px;
	height: 100%
}

body, 
body#top {
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	font-family: 'clear_sansregular';
	font-size: 14px;
	background: #f1efef;
	text-align:left;
}


div#conteneur {
	background: #ffffff;
	height: 100%;
	min-height: 100vh;
	box-shadow: 0px 4px 8px #cccccc;
	-moz-box-shadow: 0px 4px 8px #cccccc;
	-webkit-box-shadow: 0px 4px 8px #cccccc;
	z-index: 999;
	display: flex;
	/*flex-direction: column;*/
}

div#contenu {
	position:relative;
	z-index: 999;
}

#navigation {display:none;}
	
ul {margin-left: 0;}

a:link {color: none; outline: none;}
a.spip_cadre_link {color: inherit;}
a:hover, a:focus, a:active {background: none; outline: none;}

.displaynone {display:none;}
.displayblock {display:block;}

.video {text-align:left;}

/*==============
	TITRES 
==============*/


	.item-accueil h1 { /* permettre aux robots d'identifier le nom du site */
		display:none;
	}
	
	h2,
	h2 a:link,
	#titre-rubrique,
	#titre-article {
		font-family: 'clear_sansbold';
		font-size: 2.2em;
		line-height: 1em;
		font-weight: normal;
		text-align:left;
		padding: 10px;
		text-transform: uppercase;
		margin-bottom: 0;
		}
		h2 a:hover,
		h2 a:focus,
		h2 a:active {
			background: none;
		}
		.cadre-une h2 {margin-bottom: 0; text-transform: inherit; padding-top: 1em;}
		#titre-rub {
			font-size: 1em;
			padding: 0;
		}
		#titre-rubrique {
			padding: 0;
			margin-bottom: 0;
		}
		.titre-rub {
			padding: 0;
		}
		.page-rubrique .titre-rub {
			font-size: 1em;
			}
			.rubrique3 .titre-rub {/* exception prennent pas le 2em ou 1em normal */
				font-size: 2em;
			}
		h2#titre-article-filtre {/* titre remontée articles sur actus-infos */
			font-size: 1.4em;
			line-height: 1.2em;
			margin: 0;
			padding: 0;
		}
	
	h3 {
		font-family: 'clear_sansbold';
		font-size: 1.4em;
		font-weight: normal;
		}
		.laune .titre { /* 1er article à la une titre */
			margin:0;
			}
			.laune .titre a {
				font-family: 'clear_sans_mediumregular';
				font-size: 0.8em;
				font-weight: normal;
			}
		h3.titre-remontart {
			font-family: 'clear_sansbold';
			font-size: 1.2em;
			font-weight: normal;
			text-transform: uppercase;
			margin: 0;
		}
		#texte-article h3 {
			padding-left: 30px;
		}






/*==============
	ICONES 
==============*/
	
	[class^="icon-"], [class*=" icon-"] {/* on annule la classe icon- de bootstrap pour restaurer la notre avec icomoon */
		background-image: none;
		margin: 0;
		width: 30px;
		height: 30px;
	}
	
	.ico {
		vertical-align:center;
	}

	/* icone chevron pour les ss-menu du menu principal*/
	.iconav {
		display:bock;
		text-align:center;
	}
	
	.icossmenu {
		display: inline-block!important;
		padding-top: 3px;
	}
	
	/* icones des rubriques */	
	ul#menu img.spip_logos { 
		margin: 15px auto 6px auto;
	}
	
	ul#menu .rubrique20 .ico {
		font-size: 3.8em;
		line-height: 0.964em;
		text-align:center;
		}
		ul#menu .rubrique20:hover .ico {
			color: #ff7701;
		}

	/* icones des sous-rubriques */
	ul#menu ul.ssmenu img.spip_logos {
		height: auto;
		width: 20px;
		float:left;
		margin: 0 10px 0 0;
	}

	/* icones footer */
	.blocfoot ul li a .ico {
		font-size: 1.2em;
		line-height: 1.4em;
		margin-top: -5px;
	}


	/* icones menu secondaire hack */
	.nav.second li a.mauve::before {
		content: "\e97a";
		font-family: 'icomoon';
		font-size: 1.2em;
		font-weight: normal;
		margin: 2px 5px 0 0;
		}
		.nav.second li a.jaune-clair1::before {
			content: "\e905";
			font-family: 'icomoon';
			font-size: 1.2em;
			margin: 2px 5px 0 0;
		}
		.nav.second li a.orange-clair1::before {
			content: "\eacf";
			font-family: 'icomoon';
			font-size: 1.2em;
			margin: 2px 5px 0 0;
		}
		.nav.second li a.ouvrirco::before {
			content: "\eb2d";
			font-family: 'icomoon';
			font-size: 1.2em;
			margin: 2px 5px 0 0;
		}
		.nav.second li a.vert-clair1::before {
			content: "\ea6b";
			font-family: 'icomoon';
			font-size: 1.2em;
			margin: 2px 5px 0 0;
		}

	/* icones titres grandes rubriques menu latéral */	
	.menulateral .aside .menu-entree.services span.texte_libre::before {
		content:"\e9e0";
		font-family: 'icomoon';
		font-size: 1.4em;
		font-weight: normal;
		margin-right: 5%;
	}
	.menulateral .aside .menu-entree.ressources span.texte_libre::before {
		content:"\e97a";
		font-family: 'icomoon';
		font-size: 1.4em;
		font-weight: normal;
		margin-right: 5%;
	}
	.menulateral .aside .menu-entree.moncompte span.texte_libre::before {
		content:"\e91e";
		font-family: 'icomoon';
		font-size: 1.4em;
		font-weight: normal;
		margin-right: 5%;
	}
	
	/* icones loupe "agrandir" le menu latéral */
	.icon-zoom-in::before {
		margin-right: 5px;
		line-height: 2em;
	}
	
	/* Icones déco rubrique */
	
	.logorub {
		position: absolute;
		top: 0;
		/*right: -20px;*/
		right: -10px;
		opacity: 0.1;
		z-index: 2;
		}
		.logorub img {
			height: 155px;
			width: auto;
			z-index: 1;
		}


/*==============
	COULEURS 
==============*/

	/* Codes couleurs par nom (quand possibilité de nommer en class) pour les polices et fonds */

		/* TEXTES COULEURS et leur survols */
		
		.orange {color: #FF7701;}
		.orange-clair1 {color: #FF943B!important;}
		.orange clair2 {color: #FFAB63;} 
		.orange-fonce {color: #C75C00;}

			.orange-clair1:hover, .orange-clair1:focus, .orange-clair1:active {color: #C75C00!important;}

		.vert {color: #889811;}
		.vert-clair1 {color: #A8BA29!important;}
		.vert-clair2 {color: #C4D44F;}
		.vert-fonce {color: #667300;}
		
		.vertbouteil {color: #548C0F;}
		.vertbouteil-clair1 {color: #6EAB26;}
		.vertbouteil-clair2 {color: #8CC44A;}
		.vertbouteil-clair3 {color: #DEFABC;}
		.vertbouteil-fonce {color: #3B6B00;}

		.jaune {color: #C78500;}
		.jaune-clair1 {color: #FFBF3B!important;}
		.jaune-clair2 {color: #FFCC63;}
		.jaune-fonce {color: #9C6500;}
		
			.jaune-clair1:hover, .jaune-clair1:focus, .jaune-clair1:active {color: #9C6500!important;}
	 
		.bleu {color: #2C49A0;}
		.bleu-clair1 {color: #465FAB;}
		.bleu-clair2 {color: #6c82c4!important;}
		.bleu-fonce1 {color: #173386;}
		.bleu-fonce2 {color: #0C236A;}

			.bleu-clair1:hover, .bleu-clair1:focus, .bleu-clair1:active {color: #173386!important;}
			a.ouvrirco {color: #6c82c4;} /* vaut bleu-clair2 */
				a.ouvrirco:hover, a.ouvrirco:focus, a.ouvrirco:active {color: #173386;}

		.azur {color: #269CA1;}
		.azur-clair1 {color: #47B0B5;}
		.azur-clair2 {color: #B0E8E8;}
		.azur-fonce {color: #007378;}

		.mauve {color: #A775B0!important;}
		.mauve-clair1 {color: #CBA7D1;}
		.mauve-clair2 {color: #E9D7EC;}
		.mauve-fonce {color: #6C2B77;}
		
			.mauve:hover, .mauve:focus, .mauve:active  {color: #6C2B77!important;}

		.violet {color: #472682!important;}
		.violet-clair1 {color: #5E4094;}
		.violet-clair2 {color: #CCBAED;}
		.violet-fonce {color: #210852;}
			
			.violet-clair1:hover, .violet-clair1:focus, .violet-clair1:active {color: #210852;}
		
		.anthracite {color: #454545!important;}
		

		/* FONDS COULEURS */
		
		.bgorange {background: #FF7701;}
		.bgorange-clair1 {background: #FF943B;}
		.bgorange clair2 {background: #FFAB63;} 
		.bgorange-fonce {background: #C75C00;}

		.bgvert {background: #889811;}
		.bgvert-clair1 {background: #A8BA29;}
		.bgvert-clair2 {background: #C4D44F;}
		.bgvert-fonce {background: #667300;}	

		.bgvertbouteil {background: #548C0F;}
		.bgvertbouteil-clair1 {background: #6EAB26;}
		.bgvertbouteil-clair2 {background: #8CC44A;}
		.bgvertbouteil-clair3 {background: #DEFABC;}
		.bgvertbouteil-fonce {background: #3B6B00;}
		
			.nav > li > a.bgvertbouteil:hover, 
			.nav > li > a.bgvertbouteil:focus {background-color: #548C0F;}

		.bgjaune {background: #C78500;}
		.bgjaune-clair1 {background: #FFBF3B;}
		.bgjaune-clair2 {background: #FFCC63;}
		.bgjaune-fonce {background: #9C6500;}	

		.bgbleu {background: #2C49A0;}
		.bgbleu-clair1 {background: #465FAB;}
		.bgbleu-clair2 {background: #6C82C4;}
		.bgbleu-fonce1 {background: #173386;}
		.bgbleu-fonce2 {background: #0C236A;}
		
		.bgazur {background: #269CA1;}
		.bgazur-clair1 {background: #47B0B5;}
		.bgazur-clair2 {background: #B0E8E8;}
		.bgazur-fonce {background: #007378;}	

		.bgmauve {background: #A775B0;}
		.bgmauve-clair1 {background: #CBA7D1;}
		.bgmauve-clair2 {background: #E9D7EC;}
		.bgmauve-fonce {background: #6C2B77;}
		
			.nav > li > a.bgmauve:hover, 
			.nav > li > a.bgmauve:focus {background-color: #A775B0;}
		
		.bgviolet {background: #472682;}
		.bgviolet-clair1 {background: #5E4094;}
		.bgviolet-clair2 {background: #CCBAED;}
		.bgviolet-fonce {background: #210852;}
		
			.nav > li > a.bgviolet:hover, 
			.nav > li > a.bgviolet:focus {background-color: #472682; color:#FE7601;}


		/* BORDS COULEURS */
		
		.bdvert-fonce {border: 1px solid #667300;}
			.bdvert-fonce:hover, .bdvert-fonce:focus, .bdvert-fonce:active, .bdvert-fonce:visited {background: #667300; color: white;}
			
		.bdazur-clair1 {border: 1px solid #47B0B5;}
			.bdazur-clair1:hover, .bdazur-clair1:focus, .bdazur-clair1:active, .bdazur-clair1:visited {background: #47B0B5; color: white;}
				
		.bdbleu-clair2 {border: 1px solid #6c82c4;}
			.bdbleu-clair2:hover, .bdbleu-clair2:focus, .bdbleu-clair2:active {background: #6c82c4; color: white!important;}
		
		
		/* ATTRIBUTION COULEUR PAR RUBRIQUE ET SS-RUBS : couleur des titres, des liens avec le jeu de couleur en fonction de la rubrique racine */
			/* pour rajouter une nouvelle sous-rubrique avec les styles de couleurs, simplement déclarer la rubrique avec son ID à la suite des autres */
			
			/* Assodev-Marsnet : rub racine orange */
			
			.rubrique1 h2, 
			.rubrique2 h2, 
			.rubrique3 h2, 
			.rubrique59 h2, 
			.rubrique22 h2, 
			.rubrique21 h2, 
			.rubrique4 h2, 
			.rubrique5 h2, 
			.rubrique6 h2, 
			.rubrique7 h2, 
			.rubrique8 h2, 
			.rubrique9 h2, 
			.rubrique10 h2, 
			.rubrique11 h2 { /* couleur titre rub et articles de cete rub */
				color: #FF7701;
				}
				.rubrique1 .contenu-article a, 
				.rubrique2 .contenu-article a, 
				.rubrique3 .contenu-article a, 
				.rubrique59 .contenu-article a, 
				.rubrique22 .contenu-article a, 
				.rubrique21 .contenu-article a, 
				.rubrique4 .contenu-article a, 
				.rubrique5 .contenu-article a, 
				.rubrique6 .contenu-article a, 
				.rubrique7 .contenu-article a, 
				.rubrique8 .contenu-article a, 
				.rubrique9 .contenu-article a, 
				.rubrique10 .contenu-article a, 
				.rubrique11 .contenu-article a {
					color: #C75C00;
					font-family: 'clear_sans_mediumregular';
					}
					.rubrique1 .contenu-article a:hover, 
					.rubrique2 .contenu-article a:hover, 
					.rubrique3 .contenu-article a:hover, 
					.rubrique59 .contenu-article a:hover, 
					.rubrique22 .contenu-article a:hover, 
					.rubrique21 .contenu-article a:hover, 
					.rubrique4 .contenu-article a:hover, 
					.rubrique5 .contenu-article a:hover, 
					.rubrique6 .contenu-article a:hover, 
					.rubrique7 .contenu-article a:hover, 
					.rubrique8 .contenu-article a:hover, 
					.rubrique9 .contenu-article a:hover, 
					.rubrique10 .contenu-article a:hover, 
					.rubrique11 .contenu-article a:hover {
						color: #FF7701;
						background: none;
					}
			
			.rubrique1 .cadre-sous-rubrique img, 
			.rubrique6 .cadre-sous-rubrique img { /* couleur fond icone rub */
				background: #FF943B;
			}
			
			.rubrique1 .voir-ssrub,
			.rubrique6 .voir-ssrub {
				border: 1px solid #FF7701;
				color: #FF7701;
				}
				.rubrique1 .voir-ssrub:hover, 
				.rubrique1 .voir-ssrub:focus, 
				.rubrique1 .voir-ssrub:active,
				.rubrique6 .voir-ssrub:hover, 
				.rubrique6 .voir-ssrub:focus, 
				.rubrique6 .voir-ssrub:active {
					background: #FF7701;
					color: #454545;
				}		
				
			
			/* Actus-Infos : rub racine vert */
			
			.rubrique12 h2,
			.rubrique13 h2,
			.rubrique27 h2,
			.rubrique23 h2,
			.rubrique25 h2,
			.rubrique24 h2,
			.rubrique26 h2,
			.rubrique28 h2,
			.rubrique14 h2,
			.rubrique15 h2,
			.rubrique16 h2,
			.rubrique30 h2,
			.rubrique29 h2 {
				color: #889811;
				}
				.rubrique12 .contenu-article a,
				.rubrique13 .contenu-article a,
				.rubrique27 .contenu-article a,
				.rubrique23 .contenu-article a,
				.rubrique25 .contenu-article a,
				.rubrique24 .contenu-article a,
				.rubrique26 .contenu-article a,
				.rubrique28 .contenu-article a,
				.rubrique14 .contenu-article a,
				.rubrique15 .contenu-article a,
				.rubrique16 .contenu-article a,
				.rubrique30 .contenu-article a,
				.rubrique29 .contenu-article a {
					color: #667300;
					font-family: 'clear_sans_mediumregular';
					}
					.rubrique12 .contenu-article a:hover,
					.rubrique13 .contenu-article a:hover,
					.rubrique27 .contenu-article a:hover,
					.rubrique23 .contenu-article a:hover,
					.rubrique25 .contenu-article a:hover,
					.rubrique24 .contenu-article a:hover,
					.rubrique26 .contenu-article a:hover,
					.rubrique28 .contenu-article a:hover,
					.rubrique14 .contenu-article a:hover,
					.rubrique15 .contenu-article a:hover,
					.rubrique16 .contenu-article a:hover,
					.rubrique30 .contenu-article a:hover,
					.rubrique29 .contenu-article a:hover {
						color: #889811;
					}
		
			.rubrique12 .cadre-sous-rubrique img,
			.rubrique16 .cadre-sous-rubrique img {
				background: #A8BA29;
			}
			
			.rubrique12 .voir-ssrub,
			.rubrique16 .voir-ssrub {
				border: 1px solid #889811;
				color: #889811;
				}
				.rubrique12 .voir-ssrub:hover, 
				.rubrique12 .voir-ssrub:focus, 
				.rubrique12.voir-ssrub:active,
				.rubrique16 .voir-ssrub:hover, 
				.rubrique16 .voir-ssrub:focus, 
				.rubrique16.voir-ssrub:active {
					background: #889811;
					color: white;
				}
			
			/* Formation : rub racine bleu azur */
			
			.rubrique17 h2,
			.rubrique31 h2,
			.rubrique33 h2,
			.rubrique32 h2,
			.rubrique34 h2,
			.rubrique35 h2,
			.rubrique36 h2,
			.rubrique37 h2 {
				color: #269CA1;
				}
				.rubrique17 .contenu-article a,
				.rubrique31 .contenu-article a,
				.rubrique33 .contenu-article a,
				.rubrique32 .contenu-article a,
				.rubrique34 .contenu-article a,
				.rubrique35 .contenu-article a,
				.rubrique36 .contenu-article a,
				.rubrique37 .contenu-article a {
					color: #007378;
					font-family: 'clear_sans_mediumregular';
					}
					.rubrique17 .contenu-article a:hover,
					.rubrique31 .contenu-article a:hover,
					.rubrique33 .contenu-article a:hover,
					.rubrique32 .contenu-article a:hover,
					.rubrique34 .contenu-article a:hover,
					.rubrique35 .contenu-article a:hover,
					.rubrique36 .contenu-article a:hover,
					.rubrique37 .contenu-article a:hover {
						color: #269CA1;
					}
		
			.rubrique17 .cadre-sous-rubrique img,
			.rubrique31 .cadre-sous-rubrique img {
				background: #B0E8E8;
			}
			
			.rubrique17 .voir-ssrub,
			.rubrique31 .voir-ssrub {
				border: 1px solid #269CA1;
				color: #269CA1;
				}
				.rubrique17 .voir-ssrub:hover, 
				.rubrique17 .voir-ssrub:focus, 
				.rubrique17.voir-ssrub:active,
				.rubrique31 .voir-ssrub:hover, 
				.rubrique31 .voir-ssrub:focus, 
				.rubrique31.voir-ssrub:active {
					background: #269CA1;
					color: white;
				}
			
			/* Accompagnement : rub racine bordeau */
				
			.rubrique18 h2,
			.rubrique38 h2,
			.rubrique39 h2,
			.rubrique40 h2,
			.rubrique41 h2,
			.rubrique42 h2,
			.rubrique43 h2,
			.rubrique44 h2,
			.rubrique45 h2,
			.rubrique46 h2 {
				color: #870F3D;
				}
				.rubrique18 .contenu-article a,
				.rubrique38 .contenu-article a,
				.rubrique39 .contenu-article a,
				.rubrique40 .contenu-article a,
				.rubrique41 .contenu-article a,
				.rubrique42 .contenu-article a,
				.rubrique43 .contenu-article a,
				.rubrique44 .contenu-article a,
				.rubrique45 .contenu-article a,
				.rubrique46 .contenu-article a {
					color: #660029;
					font-family: 'clear_sans_mediumregular';
					}
					.rubrique18 .contenu-article a:hover,
					.rubrique38 .contenu-article a:hover,
					.rubrique39 .contenu-article a:hover,
					.rubrique40 .contenu-article a:hover,
					.rubrique41 .contenu-article a:hover,
					.rubrique42 .contenu-article a:hover,
					.rubrique43 .contenu-article a:hover,
					.rubrique44 .contenu-article a:hover,
					.rubrique45 .contenu-article a:hover,
					.rubrique46 .contenu-article a:hover {
						color: #870F3D;
					}
			
			.rubrique18 .cadre-sous-rubrique img {
				background: #E094B0;
			}
			
			.rubrique18 .voir-ssrub {
				border: 1px solid #E094B0;
				color: #E094B0;
				}
				.rubrique18 .voir-ssrub:hover, 
				.rubrique18 .voir-ssrub:focus, 
				.rubrique18.voir-ssrub:active {
					background: #E094B0;
					color: white;
				}
			
			/* Hébergement : rub racine bleu */
			
			.rubrique19 h2,
			.rubrique47 h2,
			.rubrique48 h2,
			.rubrique49 h2,
			.rubrique50 h2,
			.rubrique60 h2 {
				color: #2C49A0;
				}
				.rubrique19 .contenu-article a,
				.rubrique47 .contenu-article a,
				.rubrique48 .contenu-article a,
				.rubrique49 .contenu-article a,
				.rubrique50 .contenu-article a,
				.rubrique60 .contenu-article a {
					color: #173386;
					font-family: 'clear_sans_mediumregular';
					}
					.rubrique19 .contenu-article a:hover,
					.rubrique47 .contenu-article a:hover,
					.rubrique48 .contenu-article a:hover,
					.rubrique49 .contenu-article a:hover,
					.rubrique50 .contenu-article a:hover,
					.rubrique60 .contenu-article a:hover {
						color: #2C49A0;
					}
			
			.rubrique19 .cadre-sous-rubrique img {
				background: #6C82C4;
			}
			
			.rubrique19 .voir-ssrub {
				border: 1px solid #6C82C4;
				color: #6C82C4;
				}
				.rubrique19 .voir-ssrub:hover, 
				.rubrique19 .voir-ssrub:focus, 
				.rubrique19.voir-ssrub:active {
					background: #6C82C4;
					color: white;
				}
			
		
		

	/* CAS SERVICE DEGARDE =  ORANGE */
	
	.carredegrade { /* "carredegrade" à mettre sur le Css du conteneur li pour empecher l'animation du carre dans le plugins Menu sur le lien correspondant et ajouter l'animation du service dégradé */
		width:100px;
		height:100px;
		margin: 2%;
		display:inline-block;
		position: relative;		
		}
		.degrade { /* "degrade" à mettre sur le Css du lien dans le plugins Menu sur le lien correspondant */
			background-color: #e4691e;
			cursor: help;
		}
		.degrade:hover, .degrade:focus {
			background-image: url('../images/feuorange.png')!important;
			background-repeat: no-repeat;
			background-position: top center;
			background-color: #e4691e!important;
			cursor: help;
			}
			.degrade:hover::after, .degrade:focus::after {
				content:"Service dégradé";
				font-family: 'open_sanssemibold';
				font-size: 0.8em;
				color: black;
				display:block;
				margin-top: 3px;
			}
		
	/* CAS SERVICE ARRETER = ROUGE */
	
	.carrebloquer { /* "carrebloquer" à mettre sur le Css du conteneur li pour empecher l'animation du carre dans le plugins Menu sur le lien correspondant et ajouter l'animation du service arrêté */
		width:100px;
		height:100px;
		margin: 2%;
		display:inline-block;
		position: relative;
		}
		.arret { /* "arret" à mettre sur le Css du lien dans le plugins Menu sur le lien correspondant */
			background-color: #c52220;
			cursor: not-allowed;
			}
			.arret:hover, .arret:focus {
				cursor: not-allowed;
				background-color: #c52220!important;
				background-image: url('../images/feurouge.png')!important;
				background-repeat: no-repeat;
				background-position: top;
			}
			.arret:hover::after, .arret:focus::after {
				content:"Service arrêté";
				font-family: 'open_sanssemibold';
				font-size: 0.8em;
				color: black;
				display:block;
				margin-top: 3px;
			}
		

	/* Couleurs des rubriques menu principal */
	
	ul#menu li.rubrique1 a {color:#FF7701;}
	ul#menu li.rubrique12 a {color:#889811;}
	ul#menu li.rubrique17 a {color:#269CA1;}
	ul#menu li.rubrique18 a {color:#870F3D;}
	ul#menu li.rubrique19 a {color:#2C49A0;}
	ul#menu li.rubrique20 a {color:#FF7701;}
	
	/* Couleurs des survols des sous-rubriques et sous-sous-rubriques du menu principal */
	
	ul#menu li.rubrique1 > ul li:hover {background: #ffab63; border-bottom: 1px solid #C75C00;}
	ul#menu li.rubrique12 > ul li:hover {background: #c4d44f; border-bottom: 1px solid #667300;}
	ul#menu li.rubrique17 > ul li:hover {background: #b0e8e8; border-bottom: 1px solid #007378;}
	ul#menu li.rubrique18 > ul li:hover {background: #e094b0; border-bottom: 1px solid #660029;}
	ul#menu li.rubrique19 > ul li:hover {background: #bac7ed; border-bottom: 1px solid #173386;}
	
	/* Couleur de l'etat actif des liens */
	
	ul#menu li.rubrique1 > ul li.on {background: #ffab63; border-bottom: 1px solid #C75C00;}
	ul#menu li.rubrique12 > ul li.on {background: #c4d44f; border-bottom: 1px solid #667300;}
	ul#menu li.rubrique17 > ul li.on {background: #b0e8e8; border-bottom: 1px solid #007378;}
	ul#menu li.rubrique18 > ul li.on {background: #e094b0; border-bottom: 1px solid #660029;}
	ul#menu li.rubrique19 > ul li.on {background: #bac7ed; border-bottom: 1px solid #173386;}
	

	/* Couleurs des textes des rubriques principales du menu latéral */
	
	.menulateral .aside .menu-entree.services span.texte_libre {
		color: #472682; 
		border-bottom: 4px solid #472682;
		}
	.menulateral .aside .menu-entree.ressources span.texte_libre {
		color: #A775B0; 
		border-bottom: 4px solid #A775B0;
		}
	.menulateral .aside .menu-entree.moncompte span.texte_libre {
		color: #548C0F; 
		border-bottom: 4px solid #548C0F;
		}
		
		/* couleur de la bordure du bas des rub princiapl du menu lateral */
		.services .nav 
		{
			border-bottom: 2px solid #472682;
		}
		.ressources .nav {
			border-bottom: 2px solid #A775B0;
		}
		.moncompte .nav {
			border-bottom: 2px solid #548C0F;
		}



/*==============
	BOUTONS 
==============*/
		
	.btn-rond {
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		padding: 10px;
		background: white;
		}
	.bordrorange {border: 1px solid #FF7701;}
		.bordrorange:hover, .bordrorange:focus, .bordrorange:active {background: #FF7701;}
		
	#envoi {
		border: 2px solid #ff7701;
		padding: 8px 10px 12px 10px;
		margin-top: 10px;
		width: 120px;
		height: auto;
		font-family: 'clear_sansbold';
		font-size: 1.6em;
		color: #ff7701;
		background: white;
		}
		#envoi:hover, #envoi:focus, #envoi:active {
			background: #ff7701;
			color: white;
		}

	

/*==============
	MENUS 
==============*/

.search-mobile, .search-mobile #formulaire_recherche {display:none;}

/* MENU PRINCIPAL */

	div#entete {
		background:none;
		height: 146px;
	}
	
	#entete .menu.floatable {
		left:0;	
	}
	
	#menumobile {
		height: 116px;
	}
	
	ul#menu {
		padding:0;
		background-color: #fafafa;
		background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
		background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
		background-repeat: repeat-x;
		border: 1px solid #d4d4d4;
		box-shadow: 2px 4px 8px #cccccc;
		-moz-box-shadow: 2px 4px 8px #cccccc;
		-webkit-box-shadow: 2px 4px 8px #cccccc;
		font-weight: normal;	
		position:fixed;
		margin: 0 auto;
		width: 100%;
		height: 116px;
		z-index: 2000;
		}	
		
	ul#menu li {
		padding:0;
		text-align:center;
		}
		.rubrique {vertical-align:top;}
			.rubrique20 {margin-top: 10px;}		
			
		ul#menu li a {
			font-family: 'clear_sansbold';
			font-size: 1.2em;
			display:block;
			border: 0;
			padding:0 10px;
			}
			ul#menu .rubrique20 a {
				text-align:center;
			}
			ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:active {outline: none;}
			
	/* Logo du site */	
		
	#menu li a, 
	#menu li img, 
	ul#menu img.spip_logos {
		display:block;
		}
		ul#menu li.item-accueil a {
			padding:0 10px 0 0;
		}
	
		
	/* Logo Chatons-Marsnet */
	
	#menu li.chatonslien {
		width: 100px;
		height: 54px;
		overflow:hidden;
		display: inline-block;
		position:relative;
		top:7px;
		}
		.chatonslien span {
			visibility: hidden;
			display:block;
			width: 200px;
			height: auto;
			padding: 5px;
			font-family: 'clear_sans_lightregular';
			font-size: 0.8em;
			color: #9C6500;
			text-align:left;
			line-height: 1.2em;
			background: #FFBF3B;
			border: 1px solid #cccccc;
			position: absolute;
			top: 100px;
			left: -38px;
			box-shadow: 0px 2px 8px #dedede;
			-moz-box-shadow: 0px 2px 8px  #dedede;
			-webkit-box-shadow: 0px 2px 8px #dedede;
			z-index: 1000;
			}
			.chatonslien span::before{
				content:"";
				width: 0;
				height: 0;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				border-bottom: 15px solid #FFBF3B;
				margin: -20px 0 0 77px;
				position: absolute;
			}
			.chatonslien span a#lienextchatons {
				color: #454545;
				font-weight: bold;
				padding:0;
				display:inline-block;
			}
			
			#menu li.chatonslien:hover span, 
			#menu li.chatonslien:hover { /* survol du logo chatons marsnet */
				height: auto; 
				overflow: visible;
				visibility: visible;
			}
	
	/* Sous-rubriques et leur survols */
	
	ul#menu ul.ssmenu {
		margin-top: 0;
		width: 280px;
		max-width: 300px;
		min-width: 150px;
		background: white;
		}
		ul#menu ul.ssmenu li {
			padding-left: 10px;
			border-bottom: 1px solid #f1efef;
			}
			ul#menu ul.ssmenu li:first-child {
				padding-top: 10px;
				margin-top:0;
				}
				.on {
					font-weight: normal;
				}
			
		ul#menu ul.ssmenu li a {
			text-align:left;
			font-size: 1em;
			color: #454545;
			vertical-align:center;
			padding-top: 2px;
			font-family: 'clear_sansregular';
			}
			ul#menu li.rubrique > ul li a.on {
				font-weight: normal;
			}
		

	/* sous-sous-rubriques */
	
	ul#menu li > ul ul.ssmenu {
		display:block;
		}	
		ul#menu ul ul {
			top: 9px;
			left: -11px;
			margin: 0px;
			margin-top: 0px;
			position: inherit;
			border-top: 0;
			border-bottom: 0;
			}
			ul#menu ul ul.ssmenu li {
				border-bottom:0;
				}
				ul#menu ul ul.ssmenu li:last-child {
					border-bottom: 1px solid #f1efef;
				}

/* MENU SECONDAIRE */

	.btn-searchmob {display: none;}

	.menu-second {
		width: 100%;
		height: 30px;
		border-bottom: 2px solid #c3d34e;
		background:white; 
		z-index: 1000;
	}
	.nav.second {
		width: 60%;
		margin: 0 auto;
		display:block;
		}
		.nav.second li {
			display:inline-block;
			width: 19%;
			vertical-align:middle;
			}
			.nav.second li.search { /* exception pr le moteur de recherche */
				width: 20%;
			}
			.nav.second li a {
				font-family: 'clear_sansregular';
				font-size: 1em;
				vertical-align:middle;
				margin: 0 auto;
/*ajout correctif 190503 Rv */
                            color: #6c82c4;
                            width: 14em;
/*ajout correctif 200205 Rv pour le menu secondaire a la place declaration dans menu.css */
line-height: 54px;
				}
				.nav.second li a:hover, .nav.second li a:focus, .nav.second li a:active {
					background:none;
				}
				
			/* formulaire de recherche : on enlève les styles par defaut pour mettre le notre simplifié */
			
				.formulaire_spip {margin-bottom: 0em;}
				
				.formulaire_recherche input.text {background: none;}
				
				.form-search .input-append .search-query {
					border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
				}
				
				#formulaire_recherche form div label.muted {display:none;}
				
				#formulaire_recherche .formulaire_recherche input.text,
				#formulaire_recherche .recherche,
				#recherche {
					height: 30px;
					border: none;
					border-style: none;
					border-width: none;
					box-shadow: none;
					-moz-box-shadow: none;
					-webkit-box-shadow: none;
					padding: 4px 4px 4px 6px;
					background-color: none;
					background: rgba(196,212,79, 0.5);
					color: #454545;
					font-family: 'clear_sansregular';
					}
					input[type="search"] {
						transition: none;
						padding: 0;
						height: auto;
						line-height: auto;
						color: #A8BA29;
						font-family: 'clear_sansregular';
					}
					#formulaire_recherche .recherche {
						padding: 6px 6px 4px 6px;
						margin-left: -4px;
						}
						#formulaire_recherche .recherche:hover,
						#formulaire_recherche .recherche:focus,
						#formulaire_recherche .recherche:active {
							background: #A8BA29;
						}
							

/* MENU LATERAL */

	.btn-menulateral {display:none;}
				
	.languette { /* ouverture et fermeture du menu latéral avec la languette */
		width: 56px;
		height: 128px;
		right:-55px;
		top: 13%;
		opacity: 1;
		cursor: pointer;
		position:absolute;
		}
			
		.languette.ouvrir {
			background: url('../images/btn/btn-languette-menulat56-ouvrir.png')no-repeat;
			border: none;
			box-shadow:none;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			}
			.languette.ouvrir:hover {
				background: url('../images/btn/btn-languette-menulat56-ouvrirhover.png')no-repeat;
			}
			.languette.ouvrir:hover::after {
				content: "Accès rapide";
				display:block;
				width: 150px;
				height: 32px;
				font-family: 'clear_sans_thinregular';
				font-size: 0.8em;
				color: #404040;
				padding: 4px 6px 2px 6px;
				margin-left: 70px;
				background: url('../images/popup-languette.png')no-repeat rgba(255,255,255, 0);
			}
		.languette.fermer {
			background: url('../images/btn/btn-languette-menulat56-fermer.png')no-repeat;
			border: none;
			box-shadow:none;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			}
			.languette.fermer:hover {
				background: url('../images/btn/btn-languette-menulat56-fermerhover.png')no-repeat;
			}
			.languette.fermer:hover::after {
				content: "Fermer le menu laréral";
				display:block;
				width: 150px;
				height: 32px;
				font-family: 'clear_sans_thinregular';
				font-size: 0.8em;
				color: #404040;
				padding: 4px 6px 2px 6px;
				margin-left: 70px;
				background: url('../images/popup-languette.png')no-repeat rgba(255,255,255, 0);
			}
			
	.menulateral { 
		width: 250px;
		height: auto;
		background: white;
		/*position:absolute;*/
		position:fixed;
		left: 0px;
		/*  top: 24%;  */
		margin-left:-250px;
		z-index: 1000;
		}
		.nav.aside {
			position:relative;
width: inherit;
			}
			.menulateral .nav.aside .menu-liste {
				padding: 4% 0 0 2%;
				max-height: 400px; 
				overflow-x:hidden;
				font-family: 'clear_sansregular';
display: inline-block;
				}
				.nav.aside .menu-liste .menu-entree a {
					text-align: center;
					font-family: 'clear_sansregular'!important;
					font-size: 1em;
					}
					.nav.aside .menu-liste .menu-entree a::before {
						font-family: 'icomoon';
					}




		.menulateral .aside .menu-entree span.texte_libre {
			width: 100%;
			height: auto;
			font-family: 'clear_sansbold';
			font-size: 1.2em;
			text-align:center;
			background: white;
			padding: 5% 0%;
			cursor: pointer;
			display:block;
			box-shadow: -2px 2px 8px #cccccc;
			-moz-box-shadow: -2px 2px 8px #cccccc;
			-webkit-box-shadow: -2px 2px 8px #cccccc;	
				}
				.menulateral .aside .services span.texte_libre:hover {
					background: #472682;
					color: white;
				}
				.menulateral .aside .ressources span.texte_libre:hover {
					background: #A775B0;
					color: white;
				}
				.menulateral .aside .moncompte span.texte_libre:hover {
					background: #548C0F;
					color: white;
				}
			
			.menu-items.aside .services .menu-items,
			.menu-items.aside .ressources .menu-items,
			.menu-items.aside .moncompte .menu-items {
				display:none;
			}
			
			.carre {/* déployé */
				/*width: 40%;
				height: 40%;*/
				width: 100px;
				height: 100px;
				margin: 2%;
				display:inline-block;
				position: relative;
			}
			.carre .ico::before,
			.carrebloquer .ico::before,
			.carredegrade .ico::before {
				display:block;
				margin: 0 auto 20% auto;
				font-size: 3em;
		
				}
				.carre .ico,
				.carrebloquer .ico,
				.carredegrade .ico {
					height: 0;
					/*padding: 22% 2% 72%;*/
					padding: 28% 2% 66% 2%;
					font-family: 'clear_sans_mediumregular';
					font-size: 1.1em;
					color: white;
					transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					}
					
					
				/* IMPORTANT : sur le menulateral on enlève les champs descritpion (descr-service) + la description lorsqu'un service a un pb ou est arrêté (descr-arret-service) + le lien vers la doc etat des service (etatservice-arret ou etatservice-degrade) MAIS on les affiches que sur la page "services agrandis" */
					
				.menulateral .descr-service,
				.menulateral .descr-arret-service,
				.menulateral .etatservice-arret,
				.menulateral .etatservice-degrade {display: none;}
				
				.nav.aside .menu-liste .menu-entree .menu-liste.nav {border: none; background: none; height: 0; padding: 0; display: none;}
	
	
			/* Survol à la YUNOHOST */
			
			.carre:hover, 
			.carre:focus {
				left: -10px;
				top: -10px;
				box-shadow: none;
			}
				
			.carre:hover::before, 
			.carre:focus::before,
			.carre:hover::after,
			.carre:focus::after {
				content:"";
				height: 10px;
				}
				.carre:hover::after, 
				.carre:focus::after {
					content:"";
					position:absolute;
					top: 94px;
					left: 4px;
					width: 102px;
					height:10px;
					transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					box-shadow: 5px 0 10px rgba(0, 0, 0, 0.4);
					-moz-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.4);
					-webkit-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.4);
					transform: skew(45deg, 0deg);
					-moz-transform: skew(45deg, 0deg);
					-webkit-transform: skew(45deg, 0deg);
					}
					.services .carre:hover::after, 
					.services .carre:focus::after {
						background-color: #5e4094;
					}
					.ressources .carre:hover::after, 
					.ressources .carre:focus::after {
						background-color: #cba7d1;
					}
					.moncompte .carre:hover::after, 
					.moncompte .carre:focus::after {
						background-color: #6eab26;
					}
					
				.carre:hover::before, 
				.carre:focus::before {
					content:"";
					position:absolute;
					top: 5px;
					left: 100px;
					height: 94px;
					width: 10px;
					transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					box-shadow: 5px 0 10px rgba(0, 0, 0, 0.4);
					-moz-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.4);
					-webkit-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.4);
					transform: skew(0deg, 45deg);
					-moz-transform: skew(0deg, 45deg);
					-webkit-transform: skew(0deg, 45deg);
					}
					.services .carre:hover::before, 
					.services .carre:focus::before {
						background-color: #210852;
					}
					.ressources .carre:hover::before, 
					.ressources .carre:focus::before {
						background-color: #6c2b77;
					}
					.moncompte .carre:hover::before, 
					.moncompte .carre:focus::before {
						background-color: #3b6b00;
					}
					
				.carre .ico, 
				.carrebloquer .ico, 
				.carredegrade .ico {
					font-size: 1em;
				}



/* MENU FOOTER */

	div#pied {
		padding: 30px 0 20px 0;
		background-color: #fafafa;
		background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
		background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
		background-repeat: repeat-x;
		border-top: 4px solid #454545;		
		position:relative;
		overflow: hidden;
	}
	
	.blocsfoot {
		width: 60%;
		display:block;
		margin: 0 auto;
		padding-left: 4%;
	}

	.blocfoot {
		width: 27.33%;
		height: auto;
		display: inline-block;
		vertical-align:top;
		margin: 0 1%;
		}
		.blocfoot ul {
			width: auto;
			height: auto;
			margin: 0 auto;
			}
			.blocfoot h3 {
				text-align:left;
				font-size: 1.6em;
				font-weight: normal;
				margin-bottom: 15px;
				}
				.blocfoot h3 .ico {
					margin-right: 10px;
				}
				.blocfoot h3 .ico,
				.blocfoot ul li form label .ico {
					font-size: 1.4em;
					line-height: 1em;
					display:inline-block;
				}
				.blocfoot ul li a .ico {
					display:inline-block;
				}
			.blocfoot ul li {
				list-style: none;
				display:block;
				text-align:left;
				}
				.blocfoot ul li a,
				.blocfoot ul li form label {
					color: #454545;
					font-family: 'clear_sans_mediumregular';
					font-size: 1.2em;
					}
				.blocfoot ul li form {margin: 0;}
				.blocfoot ul li form input {
					margin-left: 10%; 
					display:block;
					width: 80%;
					background: #cccccc;
				}
				.blocfoot ul li a:hover, 
				.blocfoot ul li a:focus, 
				.blocfoot ul li a:active {
					color: #889811;
					background: none;
				}
	
	/* Lien pour remonter en haut de page */
	
	.scrollHaut { /* version back to top fixe */
		background: #c3d44f;
		border: 1px solid #454545;
		border-top:0;
		width: 83px;
		height: 40px;
		padding: 5px 5px 5px 2px;		
		border-radius: 0 0 12px 12px;
		-moz-border-radius: 0 0 12px 12px;
		-webkit-border-radius: 0 0 12px 12px;
		opacity: 1;
		clear:both;
		position:absolute;
		right:15%;
		top:0;
		}
		.scrollHaut .ico {
			color: #454545;
			font-size: 2.2em;
			line-height: 1em;
			float:left;
		}
		.scrollHaut span {
			font-family: 'clear_sans_mediumregular';
			color: #454545;
			font-size: 0.8em;
			line-height: 1em;
			float:right;
			}
			.scrollHaut span span {
				font-size: 1.4em;
			}
	
	
	/* version scroll back to top avec fondu et de mi-page à tout en bas  */
	/*#scrollHaut {   
		background: #c3d44f;
		border: 1px solid #454545;
		width: 83px;
		height: 40px;
		padding: 5px 5px 5px 2px;		
		border-radius: 0 0 12px 12px;
		-moz-border-radius: 0 0 12px 12px;
		-webkit-border-radius: 0 0 12px 12px;
		opacity: 1;
		clear:both;
		}
		#scrollHaut .ico {
			color: #454545;
			font-size: 2.2em;
			line-height: 1em;
			float:left;
		}
		#scrollHaut span {
			font-family: 'clear_sans_mediumregular';
			color: #454545;
			font-size: 0.8em;
			line-height: 1em;
			float:right;
			}
			#scrollHaut span span {
				font-size: 1.4em;
			}*/
	
		
	.logodecofoot { /* Logo vert décoration footer */
		background: url('../images/icone-marsnet-vert.png')no-repeat -5% 130%;
		position:absolute;
		width: 300px;
		height: 300px;
		overflow:hidden;
		bottom: -4%;
		left: -4%;
	}
		
	.mentionspip {
		font-family: 'open_sansregular';
		font-size: 0.9em;
		padding-top: 10px;
		color: #889811;
		text-align:center;
	}
	
	.mentionscontenu {
		width: 7%;
		height: auto;
		position:absolute;
		right:8%;
		bottom:8%;
		color: #454545;
		font-size: 0.9em;
		line-height: 1em;
		text-align:center;
		}
		.mentionscontenu img {
			margin: 0 auto 10px auto;
		}


/*===================
	BLOCS CONTENUS 
===================*/


/* REPLACER CORRECTEMENT #page #contenu #navigation #extra  */
	
	div#page {margin: 0 auto; width: 80%;margin-top:20px;}
	div#conteneur {max-width: 1170px;}
	div#contenu {margin-left: 0; width: 100%;}
	div#navigation, div#extra {width: 20%;}
	
/* NOISETTES */

	#extra div.cadre-couleur, 
	.cadre-couleur,
	ul.nuage.cadre-couleur, 
	dl.nuage.cadre-couleur {
		border: 1px solid #cccccc;
		margin: 20px 20px 20px 0;
		padding: 10px;
	}

	.nuage li a {color: #889811;}
		.nuage li a:hover, 
		.nuage li a:focus, 
		.nuage li a:active {
			color:#FF7701;
			background:none;
		}
		
/* HAUT DE PAGE ET RECURRENCES */

	#contenu {position:relative;}
	
	.page-article #conteneur {display: flex;}
	
	.page-article #page,
	.page-contact #page,
	.page-rubrique #page {
		width: 100%;
		padding: 0 30px;
		display:flex;
		z-index: 999;
		}
	
	.contenu-article #descriptif-article,
	.contenu-article #descriptif-rubrique {
		margin-top: 5px;
		padding: 0 40px 0 30px;
		}
		.contenu-article #descriptif-article strong {
			font-size: 1.4rem;
			font-weight: normal;
			font-family: 'clear_sans_mediumregular';
		}
		.contenu-article #descriptif-article p,
		.contenu-article #descriptif-rubrique p {
			font-size: 1em;
			text-transform: none;
			font-family: 'clear_sans_mediumregular';
			}
			#texte-article p {
				padding: 0 40px;
				text-indent: 0;
			}
			#texte-article .spip_documents {
				border-bottom: 1px solid #cccccc;
				margin-bottom: 20px;
				padding-bottom: 20px;
				
				}
				.article3 #texte-article .spip_documents {
					border-bottom: 0;
				}

	.contenu-rubrique #descriptif-rubrique {margin: 0 15px;}
	
	#soustitre-article {margin-left: 15px; }
	
	#texte-article ul {padding: 0 40px 0 60px;}
	
	/* FIL D'ARIANNE */
	
	.cadre-chemin a.linkariane {
		font-family: 'clear_sansregular';
		font-size: 0.8em;
		color: #454545;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 5px 10px;
		background: #cccccc;
		margin: 0 5px 0 0;
		}
		.cadre-chemin a.linkariane:hover, 
		.cadre-chemin a.linkariane:focus, 
		.cadre-chemin a.linkariane:active {
			background: #f1efef;
		}
		
	/* AUTEUR ET DATE MODIF PUBLICATION */
	
	#auteur-article #date-article,
	#auteur-article #date-modif-article,
	#auteur-article .auteur {
		display: inline-block;
		font-size: 0.9em;
		margin-bottom: 15px;
		}
		#auteur-article #date-article span {
			font-size: 1em;
		}
	
	#cadre-titre-article #auteur-article {
		margin: 0;
	}
	
	/* enlever le cadre-article et cadre-sous-rubrique */
	
	#cadre-article,
	.cadre-sous-rubrique {
		border: none;
		background: none;
		}
		
		
	/* LOGIN PAGE */
	
	#page_login div#conteneur {
		display:block;
	}
	
	#minipres {
		max-width: 100%;
		margin: 0 auto;
		padding: 20px auto;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border: 0;
	}

	#liensilogue a {
		font-family: 'clear_sansregular';
		font-size: 1.2em;
		}
		#liensilogue a:hover, #liensilogue a:focus, #liensilogue a:active {background: none; outline: none; color: #889811;}
		
		.details a:hover {color: #889811; background: none;}
		
	/* FORMULAIRES */
	
	.formulaire_formidable {
		width: 60%;
		display: block;
		margin: 0 auto;
		}
		.formulaire_formidable form input.text,
		.formulaire_formidable form input.email,
		.formulaire_formidable form select,
		.formulaire_formidable form textarea {
			width: 100%!important;
		}
		.formulaire_formidable p.boutons {
			padding: 20px;
			}
			.formulaire_formidable p.boutons .submit {
				margin: 20px;
			}
	.formulaire_formidable H2 {font-size:1em;}
		
	/* ACCUEIL */
	
	.laune .rubrique,
	.laune .texte,
	a.auteur::after, {display:none;}
/*
	.laune .rubrique,
	.laune .texte,
	a.auteur::after,
	.art-premier-une .descriptif-article {display:none;}
*/

	
	.art-premier-une {width: 86%; display:inline-block;}
	.image-une {width: 12%; display:inline-block;}
		.image-une img {width: 80%;}
	
	.laune .fragment {
		padding: 10px 12px 20px 12px; 
		margin: 0 auto;
		clear:both;
		}
		.auteur-articles-rubrique {
			display:inline-block;
			float:right;
			margin: 15px 10px;
			font-family: 'clear_sansregular';
			font-weight: normal;
			font-size: 0.9em;
			color: #bbbbbb;
			text-transform: capitalize;
			}
			.auteur-articles-rubrique .auteur {color: #454545;}
			
			.laune .fragment a {background:none;}

		.laune .chapo {
			display:block;
			font-family: 'clear_sansregular';
			font-weight: normal;
			font-style:normal;
			font-size: 1.1em;
			margin-top: 50px;
			clear:both;
		}
		.laune a.auteur::after {margin-left: 0;}
	
		
	.laune ul.anchors {
		display:block;
		margin: 0 auto;
		width: 100%;
		height: 100%;
		clear:both;
}
/* supprime le 030220 pour reduire ecart avec le bloc en dessous	
	min-height: 500px;
		clear:both;
		}
*/
		.laune ul.anchors li{
			width: 48.5%;
		}
		.laune ul.anchors li a {
			height: 120px;
			background: #f1f1f1;
			overflow: hidden;
			}
	/*		.laune ul.anchors img {
				display:none;
			}	
         */
			.anchors.tabs-nav .descriptif-autres {
				margin: 0;
			}
			.autdate-remonteeart {
				display:block;
				text-align:right;
				}
				.anchors.tabs-nav .rubrique-autres {
					display:inline-block;
					margin: 0 5px 10px 0;
					font-size: 0.9em;
				}
				.anchors.tabs-nav .rubrique-autres:last-child {
					margin-right: 0;
				}
			.anchors.tabs-nav .titre-autres {
				margin-left: 0;
			}
			.anchors.tabs-nav .descriptif-autres {
				font-style: normal;
				font-size: 1em;
			}
			.descriptif-autres {
				
			}
			.descriptif-autres p {
				overflow: hidden;
				margin-bottom:0;
				max-height: 42px;
				margin-top: 15px;
				/*text-overflow: ellipsis;*/
			}
		
		
	/* ERREUR ET PAGE RECHERCHE */	
	
	.page-recherche #contenu #cadre-article {
		padding: 20px;
		border: 0;
	}
	
	.page-recherche h2#titre-article {margin: 0 0 0 0;}
	.page-recherche #texte-article h2 {margin: 20px 0 0 0;}

	.page-recherche #contenu .pagination {display:none;}
	.page-recherche #contenu ul li {
		display:inline-block;
		list-style: none;
		}
		.page-recherche #contenu ul li a.lien_pagination,
		.page-recherche #contenu ul li .on {
			font-family: 'open_sansbold';
			font-size: 2em;
			color: #A8BA29;
			padding: 5px 2px;
			margin: 0 5px;
			}
			.page-recherche #contenu ul li a.lien_pagination:hover {
				background: #A8BA29;
				color: white;
			}
		
		.page-recherche .cadre-articles-rubrique {
			border: 1px solid #A8BA29;
			}
			.page-recherche .cadre-articles-rubrique:hover {
				border-left: 10px solid #A8BA29;
				}
				.page-recherche .titre-articles-rubrique {margin: 5px 0 10px 10px;}
				.page-recherche .titre-articles-rubrique a {color: #A8BA29; font-size: 1.2em; padding-top: 5px;}
					.page-recherche .titre-articles-rubrique a:hover, 
					.page-recherche .titre-articles-rubrique a:focus, 
					.page-recherche .titre-articles-rubrique a:active {
						background: none; outline: none;
						}
					.page-recherche .introduction-articles-rubrique {margin: 0; padding: 0 10px 10px 10px;}
					
		.compte-resultat {padding-left: 10px}
		
		
	/* PLAN DU SITE */
	
	.page-plan #page {padding-left: 40px;}
	
	.page-plan h2#titre-article {
		margin-bottom: 0;
	}
	
	.page-plan .titre-secteur {
		display:none;
		}
		.page-plan ul {
			padding-left: 20px;
			}
			.page-plan ul li.plan-article {
				list-style: none;
				font-family: 'clear_sansregular';
			}
			
	.page-plan .plan-rubrique,
	.page-plan .plan-article  {
		list-style: none;	
		padding-left: 10px;
		}
		
	.page-plan .spip_logo {
		margin-right: 15px;
		}
		.page-plan ul.plan-article li a {
			font-family: 'clear_sansbold';
			font-size: 1.4em;
			font-weight: normal;
		}
	
	.page-plan .cadre-plan {
		padding: 0 20px;
	}
	
	/* PAGE PRESENTATION DES SOUS-RUB DE LA RUB RACINE */
	
	
	.cadre-sous-rubrique {
		width: 47%;
		display: inline-block;
		vertical-align: top;
		}
		.cadre-sous-rubrique img {
			margin: 0 20px 20px 0;
			padding: 15px;
			width: 60px;
			
		}
		.descr-ss-rub {}
		.titre-sous-rubrique {
			margin: 0;
			}
			.descriptif-sous-rubrique {
				height: 62px;
				overflow: hidden;
				margin-right: 0;
				margin-top: 15px;
			}
			.voir-ssrub {
				float:right;
				padding: 4px 8px;
				margin-top: 10px;
				}
	
	/* CONTACT */
		
	.page-contact h2#titre-rubrique {
		padding-left: 0;
		color: #ff7701;
	}

	.infos-form-contact,
	.map-contact {
		float:left;
		vertical-align:top;
		}
		.infos-form-contact {
			width: 48%;
			margin-right: 4%;
		}
		.map-contact {
			width: 48%;
			padding-left: 4%;
			border-left: 2px solid #ff7701;
			}
			.cadre-infos-contact p {
				text-align:left;
				}
				.cadre-infos-contact span {
					display:inline-block;
				}
			.formulaire-contact {
				border-top: 4px solid #ff7701;
				border-bottom: 4px solid #ff7701;
				padding: 25px 0 10px 0;
				margin: 30px 0;
				text-align:left;
				}
				.descriptif-article {
					font-size: 1.6em;
					color: #ff7701;
					font-family: 'clear_sansbold';
					margin: 0 0 30px 0;
				}
				.formulaire-contact ul li {
					list-style: none;
					font-family: 'open_sansregular';
				}
				.formulaire-contact ul li span,
				.formulaire-contact ul li input,
				.formulaire-contact ul li select,
				.formulaire-contact ul li textarea {
					width: 100%;
					height: 75px;
				}
				.formulaire-contact ul li input {
					border-radius: 0;
					font-family: 'open_sanssemibold';
					font-size: 1.2em;
					color: #ababab;
				}
				.formulaire-contact ul li textarea {
					height: 100px;
					}
					.interdit {
						font-style: italic;
						color: #ababab;
						font-size: 0.9em;
						text-align:right;
					}
					
						
		
		
	/* Type de contenu : LES PROJETS (acordéon 2) */
	
	.overFhidden {overflow:hidden;}
	
	#page.acordeontyp2 {
		width: 98.4%;
		}
		#page.acordeontyp2 .contenu-rubrique {
			padding: 0 20px;
		}
		
	.rubrique3 .acordeontyp2 .cadre-sous-rubrique {
		margin-bottom: 30px;
		border: none;
		width: 100%;
		display: block;
		}
		.acordeontyp2 .titre-sous-rubrique {
			display:block;
			position:relative
			}
			.acordeontyp2 .titre-sous-rubrique::after {
				content: "";
				width: 80%;
				height: 4px;
				background: #ff7701;
				display: inline-block;
				margin-left: 20px;
				right:0;
				top: 9px;
				position:absolute;
				}
				.rubrique3 .acordeontyp2 .descriptif-sous-rubrique	{
					margin: 15px 10px;
					font-size: 0.9em;
					column-count:2;
					column-width: 45%;
					column-gap: 2em;
				}
				.btns {
					text-align:right;
					}
					.btn-arrond {
						padding: 10px;
						margin-left: 10px;
						border-radius: 8px;
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						background: white;
						}
						.btn-arrond a {
							font-size: 1.2m;
							font-family: 'clear_sansbold';
							font-weight: normal;
						}
						.btn-arrond a:hover,
						.btn-arrond a:focus,
						.btn-arrond a:active,
						.btn-arrond a:visited {
							background: none;
							}
							.btn-arrond.orange:hover,
							.btn-arrond.orange:focus,
							.btn-arrond.orange:active,
							.btn-arrond.orange:visited,
							.btn-arrond.orange a:hover,
							.btn-arrond.orange a:focus,
							.btn-arrond.orange a:active {
								color:white;
							}
							.btn-arrond.orange a:visited {
								color: #C75C00;
							}
			
		
	/* ACTUS-INFOS : menu filtre */
		
	.titre-filtre,
	.cadre-sous-rubrique-filtre,
	.cadre-sous-rubrique-filtre li {
		display: inline-block;
		z-index: 999;
		}
		.titre-filtre {padding-left: 15px;}
		.cadre-sous-rubrique-filtre {
			position: relative;
			z-index: 999;
			margin: 0 0 30px 0;
		}
		.cadre-sous-rubrique-filtre li {
			padding: 4px;
			font-size: 1em;
			list-style: none;
			list-style-type: none;
			}
			.cadre-sous-rubrique-filtre li:hover a,
			.cadre-sous-rubrique-filtre li:focus a,
			.cadre-sous-rubrique-filtre li:active a {
				color: white;
			}
		
		.cadre-sous-rubrique-filtre .fermefiltre {
			padding: 0;
			border: none!important;
			}
			.cadre-sous-rubrique-filtre li.fermefiltre a:hover,
			.cadre-sous-rubrique-filtre li.fermefiltre a:focus,
			.cadre-sous-rubrique-filtre li.fermefiltre a:active {
				background: none;
				color: #454545;
			}
			.fermefiltre a:hover span,
			.fermefiltre a:focus span,
			.fermefiltre a:active span {
				color: #454545;
			}
			.fermefiltre span {
			    font-size: 2.6em;
				line-height: 1em;
				margin-top: -5px;
				vertical-align: bottom;
				position: absolute;
				top: 0;
			}
			
			#cadre-titre-article-filtre {
				width: 48%;
				display: inline-block;
				margin: 0 1% 2% 0.8%;
				padding: 15px;
				/*box-shadow: 1px 2px 4px #cccccc;
				-moz-box-shadow: 1px 2px 4px #cccccc;
				-webkit-box-shadow: 1px 2px 4px #cccccc;*/
				box-shadow: 3px 3px 4px #cccccc;
				-moz-box-shadow: 3px 3px 4px #cccccc;
				-webkit-box-shadow: 3px 3px 4px #cccccc;
				}
				#cadre-titre-article-filtre #auteur-article,
				#cadre-titre-article-filtre #descriptif-article {margin: 0; color: #454545;}

		
			/* DIFFERENCES COLOR MENU FILTRE = on pointe la class du body pour attribuer un set de couleur aux éléments */
		
			/* menu filtre vert : actus-infos */
			
			.cadre-titre-article-filtre #auteur-article #date-article {
				padding: 4px 10px;
				font-size: 1.2em;
				float:right;
				color: #47B0B5;
				}
				#cadre-titre-article-filtre .lien-article-filtre {
					width: 100%;
					display:block;
					padding-left: 0;
					margin-bottom: 10px;
				}
			
			
			.vert .cadre-sous-rubrique-filtre li {
				border: 1px solid #667300;
				color: #667300;
				}
				.vert .cadre-sous-rubrique-filtre li a {
					color: #667300;
					}
					.vert .fermefiltre span {
						color: #667300;
					}
					
				.vert .cadre-sous-rubrique-filtre li:hover,
				.vert .cadre-sous-rubrique-filtre li:focus,
				.vert .cadre-sous-rubrique-filtre li:active,
				.vert .cadre-sous-rubrique-filtre li:hover > a,
				.vert .cadre-sous-rubrique-filtre li:focus > a,
				.vert .cadre-sous-rubrique-filtre li:active > a,
				.vert .cadre-sous-rubrique-filtre li a:hover,
				.vert .cadre-sous-rubrique-filtre li a:focus,
				.vert .cadre-sous-rubrique-filtre li a:active {
					background: #667300;
					color: white;
				}
					
				.vert .lien-article-filtre:hover > #auteur-article,
				.vert .lien-article-filtre:hover > #descriptif-article,
				.vert .lien-article-filtre:focus > #auteur-article,
				.vert .lien-article-filtre:focus > #descriptif-article,
				.vert .lien-article-filtre:active > #auteur-article,
				.vert .lien-article-filtre:active > #descriptif-article {
					color: #889811;
				}

				.vert .lien-article-filtre:hover,
				.vert .lien-article-filtre:focus,
				.vert .lien-article-filtre:active {
					color: white;
					background: none;
				}
 		
			/* menu filtre azur : catalogue formations */
			
			.azur .cadre-sous-rubrique-filtre li {
				border: 1px solid #007378;
				color: #007378;
				}
				.azur .cadre-sous-rubrique-filtre li a {
					color: #007378;
					}
					.azur .fermefiltre span {
						color: #007378;
					}		
				
				.azur .cadre-sous-rubrique-filtre li:hover,
				.azur .cadre-sous-rubrique-filtre li:focus,
				.azur .cadre-sous-rubrique-filtre li:active,
				.azur .cadre-sous-rubrique-filtre li:hover > a,
				.azur .cadre-sous-rubrique-filtre li:focus > a,
				.azur .cadre-sous-rubrique-filtre li:active > a,
				.azur .cadre-sous-rubrique-filtre li a:hover,
				.azur .cadre-sous-rubrique-filtre li a:focus,
				.azur .cadre-sous-rubrique-filtre li a:active {
					background: #269CA1;
					color: white;
				}	
					
				.azur .lien-article-filtre:hover > #auteur-article,
				.azur .lien-article-filtre:hover > #descriptif-article,
				.azur .lien-article-filtre:focus > #auteur-article,
				.azur .lien-article-filtre:focus > #descriptif-article,
				.azur .lien-article-filtre:active > #auteur-article,
				.azur .lien-article-filtre:active > #descriptif-article {
					color: #269CA1;
				}	
			
				.azur .lien-article-filtre:hover,
				.azur .lien-article-filtre:focus,
				.azur .lien-article-filtre:active {
					color: white;
				}	
				
				/* blocs extrait formations */
				
				.extraitformation .logoformation,
				.extraitformation .infosformation {
					display: inline-block;
					vertical-align: top;
					}
					.extraitformation .logoformation {
						width: 20%;
						margin-right: 4%;
					}
					.extraitformation .infosformation {
						width: 75%;
					}
					
					#cadre-titre-article-filtre.extraitformation {
						width: 47%;
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
						border-bottom: 2px solid #b0e8e8;
						padding: 0 0 15px 0;
						margin: 0px 1.4% 4% 1.4%;
					}
				
						.infosformation h2#titre-article-filtre {
							text-transform: none;
							}
							.infosformation #soustitre-article {
								font-size: 1em;
								color: #007378;
								margin: 10px 0;
							}
							.lien-article-filtre,
							.lien-article-filtre:visited {
								padding: 4px 10px;
								font-size: 1.2em;
								float:right;
								color: #47B0B5;
								}
		
		
	/* CALENDRIER */
	
	.fc-day-number, 
	.fc-day-header a,
	.fc-list-heading-main,
	.fc-list-heading-alt {
		color: #007378; 
		font-weight: bold;
		}
		.fc-day-number:hover, 
		.fc-day-number:focus, 
		.fc-day-number:active,
		.fc-day-header a:hover,
		.fc-day-header a:focus,
		.fc-day-header a:active,
		.fc-list-heading-main:hover,
		.fc-list-heading-main:focus,
		.fc-list-heading-main:active,
		.fc-list-heading-alt:hover,
		.fc-list-heading-alt:focus,
		.fc-list-heading-alt:active {
			background: #269CA1; 
			color: #ffffff;
			}
			
		.fc-day-header span {
			color: #007378;
		}
		
		.fc-unthemed td.fc-today {
			background: #f3f3f3!important;
		}
		
		
	/* EQUIPE */
	
	.blocroles {
		width: 45%;
		margin: 2.5%;
		display: inline-block;
		}
		.blocroles h3 {
			margin: 0;
			}
			#texte-article .blocroles p {
				margin: 0;
				text-indent: 0;
				display:block;
			}
			
	.bcleauteurs {
		display:block;
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
		border-top: 1px solid #FFAB63;
		}
		.blocauteurs {
			width: 22.7%;
			margin: 1%;
			display: inline-block;
			border: 1px solid #cccccc;
			vertical-align: top;
			}
			.blocauteurs h4 {
				font-size: 1.4em;
				font-family: 'clear_sansbold';
				text-align: center;
				margin: 10px auto;
				}
				.blocauteurs p {
					padding: 0 10px;
				}
				.blocauteurs .badges.equipe {
					padding: 0 10px 15px 10px;
					display: block;
				}


	/* CARACTERISTIQUES */
	
	.blocsforfait {display: none;}


	.article46 .blocsforfait {
		display:block;
	}
	.article46 .blocforfait { /* blocs forfait en genre d'encarts '*/
		width: 13%;
		display: inline-block;
		margin: 1% 0.4% 2% 0.4%;
		vertical-align:top; 
		border: 1px solid #cccccc;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
			-moz-border-top-right-radius: 6px;
			-moz-border-top-right-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			-webkit-border-top-right-radius: 6px;
		}
		.article46 .blocforfait h3 {
			padding: 10px 10px 14px 10px;
			margin-bottom: 10px;
			font-family: 'clear_sansbold';
			font-size: 1.4em;
			text-align:center;
			color: white;
			background: #465fab;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
				-moz-border-top-right-radius: 4px;
				-moz-border-top-right-radius: 4px;
				-webkit-border-top-right-radius: 4px;
				-webkit-border-top-right-radius: 4px;
		}
		.article46 .blocforfait .label-forfait {
			font-family: 'clear_sansregular';
			font-size: 0.9em;
			color: #454545;
			padding: 0 5px;
			text-align: center;
			display:block
			}
			.article46 .blocforfait span {
				font-family: 'clear_sansbold';
				font-size: 1.4em;
				color: #465fab;
				text-align: center;
				display:block;
			}
			.article46 .blocforfait hr {
				border-top: 1px solid #cccccc;
				width: 80%;
				display:block;
				margin: 12px auto 10px auto;
			}
			.article46 .blocforfait .supportech {
				font-size: 0.9em;
				color: #889811;
				padding: 10px 0;
				margin-top: 10px;
				display: inline-block;
				border-top: 1px solid #cccccc;
				text-align: center;
				display: block;
				}
				.article46 .blocforfait .supportech span {
					color: #889811;
					display: inline-block;
					margin-top: 3px;
				}
			.article46 .blocforfait .tarif-forfait {
				padding: 10px;
				background: #6c82c4;
				}
				.article46 .blocforfait .tarif-forfait span {
					font-family: 'clear_sansbold';
					color: white;
					font-size: 1.4em;
					display: block;
					}
					.article46 .blocforfait .tarif-forfait span.tarif-moi {
						font-family: 'clear_sansitalic';
						font-size: 1em;
					}
			.article46 a.ouvrir-compte {
				padding: 10px;
				background: #263b7b;
				color: white;
				font-size: 1.4em;
				text-align: center;
				font-family: 'clear_sansbold';
				display:block;
				}
				.article46 a.ouvrir-compte:hover,
				.article46 a.ouvrir-compte:focus,
				.article46 a.ouvrir-compte:active,
				.article46 a.ouvrir-compte:visited {
					background: #465fab;
					color: white;
				}
				
	.article46 h3.titre_page_heberg { /* bloc precisions caracteristiques */
		font-family: 'clear_sansbold';
		font-size: 1.1em;
		color: #465fab;
		border-top: 1px solid #6c82c4;
		margin: 20px auto 0 auto;
		padding: 20px 0;
		}
		.article46 .text_precisions_heberg {
			display: block;
			column-count: 2;
			column-gap: 15px;
			padding-bottom: 20px; 
		}

	.article46 .remontee-art-heberg { /* bloc des remontées d'articles' */
		width: 22.6%;
		display: inline-block;
		vertical-align: top;
		margin: 0 1% 30px 1%;
		}
		.article46 .remontee-art-heberg h4 {
			font-family: 'clear_sansregular';
		}
		.article46 .remontee-art-heberg a {
			padding: 6px 10px;
			display:block;
			text-align: center;
			float: right;
			font-size: 1.2em;
			}
			.article46 .remontee-art-heberg a:hover,
			.article46 .remontee-art-heberg a:focus,
			.article46 .remontee-art-heberg a:active,
			.article46 .remontee-art-heberg a:visited {
				background: #465FAB;
				color: white;
			}



	/* SERVICES EN LIGNE + RESSOURCES + MON COMPTE (PAGE AGRANDIT) = on affiche cette fois les champs descritpion (descr-service) + la description lorsqu'un service a un pb ou est arrêté (descr-arret-service) + le lien vers la doc etat des service (etatservice-arret ou etatservice-degrade) ET on affiche le menu (pas de Click JQuery pour afficher le menu) */
		
	.services-grands .menulateral .descr-service,
	.services-grands .menulateral .descr-arret-service,
	.services-grands .menulateral .etatservice-arret,
	.services-grands .menulateral .etatservice-degrade,
	.services-grands .menu-items.aside .services .menu-items, 
	.services-grands .menu-items.aside .ressources .menu-items, 
	.services-grands .menu-items.aside .moncompte .menu-items,
	.services-grands .nav.aside .descr-service .texte_libre,
	.services-grands .nav.aside .descr-degrade-service .texte_libre,
	.services-grands .nav.aside .descr-arret-service .texte_libre {display: block;}
	
	.services-grands .nav.aside .menu-liste .menu-entree .menu-liste.nav {
		font-family: 'clear_sansregular';
		font-size: 1.2em;
		color: #454545;
		height: auto; 
		padding: 0; 
		display: block;
	}
	
	.services-grands .nav.aside .menu-liste .savoir,
	.services-grands .nav.aside .texte_libre {
		display: none; 
		font-size: 1.2em; 
		color: #454545;
		}
	
	.services-grands .nav.aside .menu-liste {
		padding: 0 0 4% 0; 
		border-bottom: 0;
		overflow: show;
		max-height: 100%;
		font-family: 'clear_sansregular';
		}

	.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre,
	.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade,
	.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer,
	.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre a.ico,
	.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade a.ico,
	.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer a.ico,
	.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre .menu-liste.nav,
	.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade .menu-liste.nav,
	.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer .menu-liste.nav {display: inline-block; vertical-align:top;}
	
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre,
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade,
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer {width: 45%; height: auto;}
		
			.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre a.ico,
			.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade a.ico,
			.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer a.ico {width: 100px; height: 100px; padding: 6% 1% 1% 1%;}
				.services-grands .carre:hover::after, 
				.services-grands .carre:focus::after {
					content:"";
					top: 100px;
					left: 5px;
					width: 101px;
					}
				.services-grands .carre:hover::before, 
				.services-grands .carre:focus::before {
					content:"";
					top: 5px;
					left: 100px;
					height: 100px;
					}
			
			.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre .menu-liste.nav,
			.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade .menu-liste.nav,
			.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer .menu-liste.nav {width: 73%; height: auto; margin: 0 2%;}
			
			.services-grands .descr-degrade-service,
			.services-grands .descr-arret-service,
			.services-grands .link-etatservice { /* on cache les exemples de description de pb rencontré avec le lien */
				display: none;
				}
				.services-grands .menu-entree.carredegrade:hover .descr-degrade-service, 
				.services-grands .menu-entree.carredegrade:hover .link-etatservice, 
				.services-grands .menu-entree.carrebloquer:hover .descr-arret-service,
				.services-grands .menu-entree.carrebloquer:hover .link-etatservice { /* si le service à la classe "carredegrade" ou "carrebloquer" alors on affiche au survol la description et le lien du pb rencontré */
					display: block;
				}
				.services-grands .descr-degrade-service,
				.services-grands .descr-arret-service { /* bloc description du pb rencontré */
					margin-top: 20px;
					
				}
				.services-grands .link-etatservice { /* bouton lien vers le pb rencontré */
					padding: 4px 8px;
					font-family: 'clear_sansregular';
					font-size: 1.2em;
					width: 250px;
					margin: 10px auto 10px 15px;
				}
				
			
	/* cas service dégradé */
	
	.services-grands .descr-degrade-service::before {
		content:"Service dégradé";
		font-size: 1.2em;
		font-weight: bold;
		color: #e4691e;
		padding-left: 15px;	
		font-family: 'open_sanssemibold';
		}
		.services-grands .menu-entree.carredegrade .link-etatservice {
			border: 1px solid #e4691e;
			color: #e4691e;
			}
			.services-grands .menu-entree.carredegrade .link-etatservice:hover,
			.services-grands .menu-entree.carredegrade .link-etatservice:focus,
			.services-grands .menu-entree.carredegrade .link-etatservice:active {
				background: #e4691e;
				color: white;
			}
	
	/* cas service arrêté */
	
	.services-grands .descr-arret-service::before {
		content:"Service arrêté";
		font-size: 1.2em;
		font-weight: bold;
		color: #c52220;
		padding-left: 15px;	
		font-family: 'open_sanssemibold';	
		}
		.services-grands .menu-entree.carrebloquer .link-etatservice {
			border: 1px solid #c52220;
			color: #c52220;
			}
			.services-grands .menu-entree.carrebloquer .link-etatservice:hover,
			.services-grands .menu-entree.carrebloquer .link-etatservice:focus,
			.services-grands .menu-entree.carrebloquer .link-etatservice:active {
				background: #c52220;
				color: white;
			}
	


		/* SERVICES EN LIGNE */
		
		.services-grands.servicenligrand .ressources,
		.services-grands.servicenligrand .moncompte {display: none;}
		
		/* RESSOURCES */
		
		.services-grands.ressourcesgrand .services,
		.services-grands.ressourcesgrand .moncompte {display: none;}
		
		/* MON COMPTE */
		
		.services-grands.moncomptegrand .ressources,
		.services-grands.moncomptegrand .services {display: none;}

	
	/* EVENEMENT PLEINE PAGE */
	
	#outils-article {margin-bottom: 0; float: right;}

	.banner {
		font-size: 1.4em;
		color: #889811;
		}
		.banner strong {
			font-size: 1em;
			 
		}
		.lieu {color: #889811; font-size: 1.2em; text-transform: uppercase;}
		.location {
			margin: 15px;
			background: none;
			border: 1px solid #C4D44F;
			}
			.page-jour #texte-article p {
				padding: 0 20px;
			}
			.inscrits {margin-left: 20px;}
			table#evenement {margin-top: 0; margin-bottom: 0;}
			.page-jour #texte-article p.boutons {padding: 20px;}
		
			
	/* AGENDA */
	
	.art-event-agenda {
		display: inline-block;
		width: 47%;
		margin: 1%;
		vertical-align: top;
		border: 1px solid #C4D44F;
		padding: 10px;
		}	
		.art-event-agenda:hover, .art-event-agenda:focus, .art-event-agenda:active {background: #C4D44F;}
		.art-event-agenda h3 {
			font-size: 1.2em;
			text-transform: uppercase;
			margin: 0;
			color: #889811;
			}
			.art-event-agenda p {
				font-size: 1em;
				color: #454545;
			}
			
			
	/* ACTUS DU RESEAU */	
	
	.rubrique15 .cadre-articles-rubrique {
		width: 48%;
		display: inline-block;
		vertical-align: top;
		margin: 0 1% 2% 0.8%;
		padding: 15px;
		border-width: 1px;
		box-shadow: 1px 2px 4px #cccccc;
		box-shadow: 3px 3px 4px #cccccc;
		-moz-box-shadow: 3px 3px 4px #cccccc;
		-webkit-box-shadow: 3px 3px 4px #cccccc;
		}
		.rubrique15 .titre-articles-rubrique {
			font-size: 1.6em;
			margin: 0;
			font-family: 'clear_sansregular';
			text-align: left;
			padding: 0;
			text-transform: uppercase;
			}
			.rubrique15 .auteur-articles-rubrique {
				display: block;
				width: 100%;
				color: #667300;
				}
				.rubrique15 .auteur-articles-rubrique a,
				.rubrique15 .auteur-articles-rubrique a div {
					display: inline-block;
					}
					.rubrique15 .auteur-articles-rubrique a:hover,
					.rubrique15 .auteur-articles-rubrique a:focus,
					.rubrique15 .auteur-articles-rubrique a:active {
						background: none;
					}
			.rubrique15 .introduction-articles-rubrique	{
				margin: 15px auto;
			}
					
			
	/* CRAYON */
	
	.crayon-icones {
		position: inherit;
		float: left;
	}		

/*Rvmodif*/
	
/*SPIP ADMIN pour voir les boutons de spip quand on est logge modif du z-index */

#spip-admin {

    z-index: 2031;

}

/* pour la page d'affichage des mots cles */

.logo_mots {

		float:left;
		margin: 10px;
	}


/*.slicknav_menu {
display:none;
}
*/

.nav > li {
float:none;
}

.nav.second li {
margin-top:-1em;
}



/* couleur dernier lien nav2 */ 
ouvrirco {color: #6c82c4;}

/* 200122 remonter le bloc accessibilite pour eviter qu'il decale la mise en page*/
.accessimg {
margin-top: -12px;
margin-botom: -10px;}

/* retire effet demie colone pour les evenements dans la colone de droite */
.evenement-donnees {
margin-left: 1px!important;}

.evenement-date {
margin-right: 0.5em!important;}


/* modif formulaires pour afficaghe label a droite 191107 */

.formulaire_formidable .editer label, .formulaire_formidable .editer.gauche label {
    width: 95% !important; 
    float: right !important; 
    text-align: left !important; 
}



@media screen and (min-width: 641px) {
	.slicknav_menu {
		display:none;
	}