body
{
	background-color: #f2f2f2;		/* fond écran <hite ou f2f2f2*/
	width:1024px;
	margin: 5px auto;
}
#wrapper
{
	background-color: white;		/* fond site #f2f2f2 ou white*/
	width: 100%;
	overflow: hidden;
}
nav ul
{
	background-color: #127db3;		/* bandeau nav purple ou #127db3    #1275b8*/
	float: right;
	width: 100%;
	margin: 0px 0px 15px 0px;
}
nav ul li
{
	float: left;
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 2px 12px 2px 12px;
	border: 0px;
	font-size: 1.2em;
	color: white;
}
nav ul li ul
{
	display: none;
}
nav ul li:hover ul
{
	display: block;
	margin:0;
	padding:0;
	position:absolute;
	background-color:inherit;
	z-index:1000;
}
nav ul li:hover ul li
{
	float: none;
	list-style-type: none;
	font-size: 0.8em;
	background-color: #127db3;		/* bandeau nav purple ou #127db3*/
	padding: 2px 0px;
	margin: 0;
	width: 18em;
	z-index:999;
}
.nostyle li
{
	list-style-type: none;
}
#bandeau					/* image entete */
{
	height: 6em;
	width: 1024px;
	height: 112px;
	margin: 0px;
	background-image: url(photo_structure/bandeau_DLF78_nvide.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin:auto;
}
.surlign				/* bandeau nav en cours  */
{
	color: black;		/* fuchsia ou darkblue  */
}
.ecrir					/* texte suppl.  */
{
	color: #127db3;			/* purple ou #127db3  */
}
.engris
{
	color: grey;
}
.ptijaun
{
	color: yellow;
	font-size: 0.8em;
}

h1, h2, h3, h4
{
	color: #127db3;				/* titres paragraphes purple ou #127db3  */
	font-family: "arial black", arial, verdana, "Times New Roman", serif;
}
p, ul, thead, tr, th, li, div
{
	font-family:  arial, "arial black", verdana, "Times New Roman", serif;
}
mark
{
	background-color: #BBD2E1;	/* couleur mark à ressortir */
}
div				/* pour IE */
{
	border: none;
}
p
{
	text-align: justify;
}
h1, .entete		  /* centrage texte accueil */
{
	text-align: center;
}
.rien
{
	border: none;	/* pour éviter entourage images sous IE */
	width: 100%;	/* pour avoir totalité image */
	height: 100%;	/* et non déformée */;
}
.important
{
	background-color: #127db3;		/* fond titres important purple ou #127db3  */
	color: white;
	font-size: 1.5em;
}
.orga table
{
	text-align: center;
	width: 100%;
}
.orga table td
{
	font-size: 90%;
}
.media table
{
	text-align: left;
	width: 100%;
	font-size: 1em;
}

thead
{
	font-size: x-large;
	color: #127db3;				/* titres en purple ou #127db3 */
}

a:link, a:visited			/* liens non survolés ou déjà visités */
{
	text-decoration: none;
	color: #127db3;				/* couleur lien avant  purple ou #127db3  */
	font-style: italic;
}
nav a:link, nav a:visited, .important a:link, .important a:visited		/* idem mais en blanc*/
{
	text-decoration: none;
	color: white;
	font-style: italic;
}
a:hover, nav a:hover, .important a:hover		/* tous liens survolés */
{
	text-decoration: underline;
	color: darkblue;				/* couleur lien après   fuchsia ou darkblue*/
}

article, aside
{
	display: inline-block;
	vertical-align: top;
	text-align: justify;
}
article
{
	padding: 2px;
	width: 70%;
}
article object
{
	width : 100%;
	text-align: justify;
}
aside
{
	position: relative;
	float: right;
	width: 25%;
	margin-right: 5px;
}
.liste			/* liens à droite de l'écran */
{
	padding: 12px 0px;
	margin: auto;
	margin-bottom: 20px;
	width: 80%;
}
.a_lire			/* liens entête à droite */
{
	border: 3px #127db3 solid;				/* COULEUR purple ou #127db3  */
	-moz-border-radius:7px;					/* pour arrondis */
	-webkit-border-radius:7px;				/* idem */
	border-radius:7px;						/* idem */
	padding: 3px 3px 1px 3px;
	margin-right: 2px;
	margin-bottom: 20px;
	overflow: auto;
	font-size: 0.8em;
}

footer p
{
	border-top: 3px solid #127db3;		/* COULEUR  purple ou #127db3  */
	width: 100%;
	padding-top: 5px;
	font-size: 0.8em;
	margin: 0px;
	display: inline-block;
	text-align: center;
}