/* Style du site TECHNOlogos */

/* ZONES */
html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #EAEAEA;
}
.container {
	max-width: 1020px;
	min-width: 600px;
	margin: 0 auto;
	height: 100%;
}
#article, #datation {
	max-width: 1020px;
	min-width: 600px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}
#fond-edito, #fond-flash {
	width: 100%;
	max-width: 1020px;
	min-width: 600px;
}
#fond-edito {
	margin-top: 12px;
}
.cache { display: none; }

/* ZONE EDITO */
#editoG {
	width: 230px;
	border: 1px solid #D3D3D3;
	background-color: RGB(255,255,2555,.95);
	padding: 5px;
	padding-top: 0px;
}
#editoD {
	width: 230px;
	border: 1px solid #D3D3D3;
	background-color: RGB(255,255,2555,.95);
	padding: 5px;
	padding-top: 0px;
}

/* ZONE FLASH */
#flash {
	border: 1px solid #D3D3D3;
	background-color: white;
	padding: 5px;
	margin-bottom: 12px;
	height : 150px;
	overflow: hidden;
	overflow-y:scroll;
}
#flash ul {
	list-style: none;
	display: block;
	margin : 0px;
	margin-left: -40px;
}
#flash ul li {
	/* On affiche pas les li au chargement, mais ensuite celui sélectionné */
	display: none;
	margin-left: 10px;
	font-size:14px;
}
#flash a {
	text-decoration: none;
}

/* Compteur pour faire sélectionner les informations à afficher, fait partie de la-une */

#compteur ul {
	margin-top: 0px;
	margin-left: -50px;
}
#compteur ul li {
	display: inline-block;
	margin-left: 10px;
}
#compteur a {
	color: grey;
	font-size: 22px;
}

/* MENU */
nav {
	background: linear-gradient(black, #D3D3D3, black);
	border-top: 3px solid #FF0000;
	border-bottom: 3px solid #D3D3D3;
	position: relative;
	z-index: 2;
}
nav ul {
	margin-left: -35px;
}
nav li {
	text-align: left;
}
/* 1er niveau apparent */
nav ul>li>label {
	padding: 0px 5px 0px 5px;
	font-weight: bold;
	cursor: pointer;
}
nav ul>li {
	display: inline-block;
	margin-left: 5px;
}
nav ul>li:hover>ul {
	display: block;
}

/* 2ème niveau ul ul caché sauf lors du survol du lien niveau 1*/
nav ul>li>ul {
	display: none;
	position: absolute;
	background-color : whitesmoke;
	margin-left: 0px;
	border: 1px solid gray;
	border-radius: 5px;
}
nav ul>li>ul>li {
	display: block;
	margin: 5px 5px 5px -35px;
}
nav ul>li>ul>li:hover>ul {
	display: block;
}
/* 3ème niveau ul ul ul */
nav ul>li>ul>li>ul {
	width: 100%;
	display: none;
	position: absolute;
	background-color : whitesmoke;
	margin-left: 30px;	/* Permet le décalage du sous-menu */
	border: 1px solid gray;
	border-radius: 5px;
}
nav ul li a:hover {
	color: blue;
}

/* section de base */
/*menu : une couleur sur un fond */
.S1 label {
	color: #FFF; 
	background-color: #006500;
}
/* menu : la couleur du lien est celle du fond ci-dessus */
.S1 ul li a {
	color: #006500;
}	
.S2 label {
	color: #FFF;
	background-color: #932192;
}
.S2 ul li a {
	color: #932192;
}
.S3 label {
	color: #FFF;
	background-color: #951104;
}
.S3 ul li a {
	color: #951104;
}
.S4 label {
	color: #FFF;
	background-color: #a35502;
}
.S4 ul li a {
	color: #a35502;
}
.S5 label {
	color: #FFF;
	background-color: #4f4e15;
}
.S5 ul li a {
	color: #4f4e15;
}
.S6 label {
	color: #FFF;
	background-color: #024079;
}
.S6 ul li a {
	color: #024079;
}
.S7 label {
	color: #A9A9A9;
	background-color: #efff14;
}
.S7 ul li a {
	color: dimgray;
}
.S8 label {
	color: #FFF;
	background-color: #008080;
}
.S8 ul li a {
	color: #008080;
}
.S9 a { /* AIDE */
	color: #FFF;
	font-weight: bold;
}

.cadre {
	border: 1px solid grey;
}

/* LIENS */
a{
	text-decoration: none;
}
a, a:hover {
	color: blue;
}
.button{
	/* visuel renforcé d'un lien VOIR SI IL FAUT CONSERVER */
	cursor: pointer;
	color: blue;
	border: 2px solid grey;
	padding: 0px 10px;
	border-radius: 10px;
	font-size: 14px;
}