#textes, #mois,#info,#elec,#pinou, #appa ,#html, #sub, #odys, #jeu{
		position: relative;
		
	}
	
	#textes [type="checkbox"]:checked + label + ul, #mois [type="checkbox"]:checked + label + ul, #jeu [type="checkbox"]:checked + label + ul, #appa [type="checkbox"]:checked + label + ul,#odys [type="checkbox"]:checked + label + ul, #info [type="checkbox"]:checked + label + ul, #elec [type="checkbox"]:checked + label + ul,#html [type="checkbox"]:checked + label + ul,#pinou [type="checkbox"]:checked + label + ul,#sub [type="checkbox"]:checked + label + ul{
		display: block;
		border:0px solid red;
	}
	nav {
		width: 100%;
		height: auto;
		font-family:Times New Roman, sans-serif;
		text-align:center;
	}
	
	li {
		list-style: none;
	}
	
	/* ID */
	
	#content {
		width: 100%;
		margin: 0;
	}
	
	#main_menu_nav h3 {
		padding: 4px;
		padding-left: 0px;
		text-align:center;
		cursor: pointer;
		position: relative;
		left: 0px;  
	}
	
	#main_menu_nav ul {
		height: auto;
		display: none;
		text-align:center;
		position: relative;  
		left: -1.5em;  
	}
	
	#main_menu_nav li {
		
		padding: 4px;
		padding-left: 0px;
		text-align:center;
		border-bottom: 0px solid green;
		left:0px;
	}
	
		#main_menu_nav li:hover {
			color: #FFF;
			background: dark;
		}
	
			#main_menu_nav li:last-child {
				border-bottom: none;
			}
	
	/* Cachons la case à cocher */
	#main_menu_nav [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
		position: absolute;  
		left: -9999px;  
		padding-bottom:14px;

	}
	
	/* on prépare le label */
	#main_menu_nav [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
		padding: 50%;
		padding-bottom: 0px;
		padding-top: 0px;
		left: 0;
		top: 0;
		cursor: pointer;
		position: absolute;
		height:2em;
				border:0px solid gold;
	}
	
	/* Aspect général de la coche */
	#main_menu_nav [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
		content: '\25bc';
		position: absolute;
		height:14px;
		top: 10px;
		right: 10px;
		transition: all .2s;
	}
	
	/* Aspect si "pas cochée" */
	#main_menu_nav [type="checkbox"]:not(:checked) + label:after {
		opacity: 0; /* coche invisible */
		transform: scale(0); /* mise à l'échelle à 0 */
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
	}
	
	/* Aspect si "cochée" */  
	#main_menu_nav [type="checkbox"]:checked + label:after {
		opacity: 1; /* coche opaque */
		transform: scale(1); /* mise à l'échelle 1:1 */
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}
	
	#main_menu_nav label:before {
		opacity: 0;
	}
	
	#main_menu_nav label:hover:before {
		content: '\25bc';
		position: absolute;
		top: 10px;
		right: 10px;
		transition: all .2s;
		opacity: 1; /* coche opaque */
	}
	

	
	/* CLASS */
	
	.transition_css {
		transition: all .2s ease-out;
		-webkit-transition : all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		-ms-transition: all .2s ease-out;
	}