﻿body /*page entière*/
{
	background:url(img/fond.jpg) fixed no-repeat center;
	width:990px;
	margin:auto;
}

/*--------------------section "menu principal"--------------------*/
#mainmenu
{
	width:990px;
	height:100px;
	position:fixed;
	top:5px;
	z-index:5;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-left:10px;
	background-image:url(img/mainmenu.png);
}

/*bloc "logo"*/
#logo
{
	width:70px;
	height:70px;
	position:absolute;
	top:5px;
	left:20px;
}

#centdix
{
	width:155px;
	height:105px;
	position:absolute;
	top:5px;
	left:845px;
}

/*bloc "entête"*/
#entete
{
	width:800px;
	height:70px;
	position:absolute;
	top:5px;
	left:100px;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	color:silver;
}

/* section "menu principal" : images */
#mainmenu img
{
	float:left;
	margin-right:20px;
	border:none;
}

/* section "menu principal" : paragraphes */
#mainmenu p
{
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	color:silver;
}

/* section "menu principal" : style "entraids" */
#mainmenu .entraids
{
	font-family:georgia,"times new roman",times,serif;
	font-size:30px;
	color:white;
}

/* section "menu principal" : style "description" */
#mainmenu .description
{
	font-family:georgia,"times new roman",times,serif;	
	color:white;
	font-size:15px;
}

/* bloc "menu" (tableau) */
#menu
{
	width:800px;
	height:30px;
	position:absolute;
	bottom:5px;
	left:20px;
	display:inline;
	border-collapse:collapse;
}

/* bloc "menu" : cellules */
#menu td
{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid silver;
	background:rgb(1,55,99);
	color:white;
	font-size:12px;
	font-family:verdana,arial,sans-serif;
	text-align:center;
}

/* bloc "menu" : liens hypertexte */
#menu a
{
	color:white;
}

/* bloc "menu" : cellules - survol */
#menu td:hover
{
	background:transparent;
	border:2px solid silver;
}

/*--------------------bloc "submenu"--------------------*/
#submenu
{
	background-image:url(img/submenu.png);
	width:180px;
	height:500px;
	position:fixed;
	top:125px;
	z-index:4;
	padding:5px;
}


/* bloc "submenu" : paragraphes */
#submenu p
{
	text-align:center;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	color:white;
	line-height:120%;

}

/* bloc "submenu" : images */
#submenu img
{
	border:none;
	display:inline;
	margin:auto;
}

/* bloc "submenu" : style "sous-titre 1" */
#submenu .st1
{
	text-align:center;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	color:gray;
	line-height:100%;
	border-bottom:solid gray 1px;
	padding-bottom:5px;

}
/* bloc "submenu" : style "sous-titre 2" */
#submenu .st2
{
	text-align:center;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	color:gray;
	line-height:100%;
	border-bottom:solid gray 1px;
	padding-top:10px;	
	padding-bottom:5px;

}

/* bloc "submenu" : liens hypertexte */
#submenu a
{
	color:silver;
}

/* bloc "submenu" : liens hypertexte - survol */
#submenu a:hover
{
	color:white;
}

/*--------------------bloc "note"--------------------*/
#note
{
	background-image:url(img/note.png);
	width:180px;
	height:90px;
	top:640px;
	position:fixed;
	z-index:4;
	padding:5px;
	font-size:9px;
	text-align:center;
	font-family:verdana,geneva,arial,sans-serif;
}

/* sous-section "note" : paragraphes */
#note p
{
	text-align:center;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	color:gray;
	line-height:120%;

}

/* sous-section "note" : images */
#note img
{
	display:inline;
}

/* sous-section "note" : liens hypertexte - survol */
#note a:hover
{
	color:white;
}
/* sous-section "note" : liens hypertexte */
#note a
{
	color:silver;
	font-weight:bold;
	font-size:12px;
}

/* sous-section "note" : liens hypertexte - survol */
#note a:hover
{
	color:white;
}

/*--------------------section "corps"--------------------*/
#corps
{
	width:990px;
	position:absolute;
	top:125px;
	margin:auto;
}



/*--------------------sous-section "page"--------------------*/
#page
{
	width:770px;
	position:absolute;
	left:195px;
	z-index:3;
	padding-right:20px;
	padding-left:20px;
	background-image:url(img/page.png);
}

#page2
{
	width:770px;
	position:absolute;
	left:195px;
	z-index:3;
	padding-right:20px;
	padding-left:20px;
	background-image:url(img/page2.png);
}

/*--------------------sous-section "bas de page"--------------------*/
#pagebas
{
	width:810px;
	height:20px;
	position:absolute;
	left:0px;
	z-index:3;
	background-image:url(img/pagebas.png);
	font-size:9px;
	text-align:center;
	font-family:verdana,geneva,arial,sans-serif;
}



/*--------------------styles de texte--------------------*/

/* paragraphe */
p
{
  	font-family:verdana,geneva,arial,sans-serif;
	text-align:justify;
	font-size:12px;
	line-height:150%;
	color:black;
}

/* liens hypertexte */
a
{
	text-decoration:none;
	color:teal;
}

/* liens hypertexte - survol */
a:hover
{
	color:#B22222;
}

/* images */
img
{
	border:none;
	display:block;
	margin:auto;
}


/* images : aligné sur le texte */
.imginl
{
	border:none;
	display:inline;
}


/* liste puces */
ul
{
  	font-family:verdana,geneva,arial,sans-serif;
	text-align:justify;
	font-size:12px;
	line-height:150%;
	color:black;
}

/* liste puces numérotées */
ol
{
  	font-family:verdana,geneva,arial,sans-serif;
	text-align:justify;
	font-size:12px;
	line-height:150%;
	color:black;
}

/* tableau : cellules */
td
{
	font-family:verdana,geneva,arial,sans-serif;
	font-size:12px;
}

/* style "référence" */
.ref
{
	display:block;
	text-align:right;
	font-size:10px;
	line-height:120%;
	font-style:italic;
	color:gray;
}

/* style "information" */
.info
{
	display:block;
	text-align:center;
	font-size:9px;
	line-height:120%;
	font-style:italic;
	color:gray;
}

/* style "date" */
.date
{
	display:block;
	font-family:verdana,geneva,arial,sans-serif;
	text-align:left;
	font-size:10px;
	font-style:italic;
	color:gray;
}

/* titre 1 */
h1
{
   font-family:verdana,geneva,arial,sans-serif;
	text-align:center;
	color:black;
   font-size:15px;
	font-weight:bold;
	border-bottom:solid black 1px;
}
.h1r
{
	text-align:left;
	font-size:14px;
	border-bottom:none;
}

/* titre 2 */
h2
{
	font-family:verdana,geneva,arial,sans-serif;
	text-align:justify;
	color:black;
   font-size:18px;
	font-style:italic;
	padding-top:5px;
}

/* titre 3 */
h3
{
   font-family:verdana,geneva,arial,sans-serif;
	text-align:justify;
	color:black;
   font-size:15px;
	/*text-decoration:underline;*/
	border-bottom:solid 1px;
	display:inline;
}

/* style "italique" */
.italique
{
   font-style:italic;
}

/* style "centré" */
.centre
{
   text-align:center;
}

/* style "gras" */
.gras
{
   font-weight:bold;
}

/* style "souligne" */
.souligne
{
   text-decoration:underline;
}
/* style "important" */
.important
{
	/*font-weight:bold;*/
	/*text-align:center;*/
	color:red;
}
/* style "important" gras*/
.important-gras
{
	font-weight:bold;
}

/* style "important" : liens hypertexte */
.important a
{
	font-weight:bold;
	color:red;
	text-decoration:underline;
}

/* style "texte, 1er paragraphe" */
.texte1par
{
	font-family:georgia,"times new roman",times,serif;
	font-size:15px;
	line-height:130%;
}

/* style "texte, 1er paragraphe" - lettrine */
.texte1par:first-letter
{
	float:left;
	font-size:50px;
	margin-right:5px;
	margin-left:30px;
}

/* style "texte" */
.texte
{
	font-family:georgia,"times new roman",times,serif;
	font-size:15px;
	/*font-style:italic;*/
	line-height:130%;
	text-indent:30px;
}

/* style "texte, italique" */
.texte-italique
{
	font-family:georgia,"times new roman",times,serif;
	font-size:15px;
	font-style:italic;
	line-height:130%;
	text-indent:30px;
}

/* style "texte, centré" */
.texte-centre
{
	font-family:georgia,"times new roman",times,serif;
	font-size:15px;
	line-height:130%;
	text-align:center;
	
}

/* style "texte, titre 1" */
.texteh1
{
	font-family:georgia,"times new roman",times,serif;
	text-align:center;
	color:black;
   	font-size:24px;
	font-weight:bold;
	border:none;
}

/* style "texte, titre 2" */
.texteh2
{
	font-family:georgia,"times new roman",times,serif;
	text-align:center;
	border-bottom:solid black 1px;
	color:black;
  	font-size:21px;
	font-style:normal;
}

/* style "texte, titre 3" */
.texteh3
{
	font-family:georgia,"times new roman",times,serif;
	display:block;
	text-align:center;
	color:black;
   	font-size:18px;
	border:none;
}



/*--------------------section "tableau"--------------------*/

		/* tableau : style "programme" */
		.programme
		{
			text-align:center;
			margin:auto;
			padding:10px;
		}

				/* tableau : style "ligne 1" */
				.td1
				{
					padding:2px;
					background:#1A5378;
					border:solid black 1px;
					font-family:verdana,geneva,arial,sans-serif;
					font-size:18px;
					color:white;
					font-weight:bold;
				}

				/* tableau : style "ligne 2" */
				.td2
				{
					font-family:verdana,geneva,arial,sans-serif;
					font-size:16px;
					font-weight:bold;
				}

				/* tableau : style "ligne 3" */
				.td3
				{
					font-family:verdana,geneva,arial,sans-serif;
					font-size:14px;
				}

				/* tableau : style "ligne 4" */
				.td4
				{
					padding-top:10px;
					font-family:verdana,geneva,arial,sans-serif;
					font-size:14px;
					text-decoration:underline;
				}

				/* tableau : style "ligne 5" */
				.td5
				{
					font-family:verdana,geneva,arial,sans-serif;
					font-size:12px;
					font-style:italic;
				}

				/* tableau : style "ligne 6" */
				.td6
				{
					border-bottom:solid gray 1px;
					padding-top:5px;
				}

				/* tableau : style "ligne 7" */
				.td7
				{
					border-bottom:dotted silver 1px;
				}
			
/*--------------------section "tableau"--------------------*/

/*--------------------section "menu déroulant"--------------------*/

#menud
{
	height:25px;
	top:80px;
	left:20px;
	font-family:verdana,geneva,arial,sans-serif;
	font-size:12px;
	position: absolute;
	background:rgb(1,55,99);
	border-top:solid 1px silver;
	border-bottom:solid 1px silver;
	border-left:solid 1px silver;
}

#menud dl
{
	height:25px;
	margin:0;
	display:block;
	float:left;
}

#menud dt
{
	display: block;
	height:25px;
	padding-right:10px; padding-left:10px;
	color:white;
	line-height:25px;
	border-right:solid 1px silver;
	text-align:center;
	font-weight:bold;
}

.dtfix
{
	width:150px;
}

#menud dt img
{
	margin:auto;
	padding:0;
}

#menud dt a
{
	color:white;
}

#menud dt a:hover
{
	font-weight:bold;
}

#menud dd a
{
	color:white;	
}

#menud dd
{
	display: block;
	margin:0;
	background:rgb(1,55,99);
}

#menud dd ul
{
	margin:0;
	padding-right:0px;
	padding-left:0px;
	text-align:center;
	list-style:none;
	/*border-bottom:solid silver 1px;*/
}

#menud dd ul li
{
	display: block;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	border-bottom:dotted 1px silver;
}

#menud dd ul li a
{
	text-decoration:none;
	color:silver;
	height:25px;
	line-height:25px;
}

#menud dd ul li a:hover
{
	color:white;
}

#menud dl dd
{
	display: none;
	border-top:solid 1px silver;
	border-right:solid 1px silver;
	border-bottom:none 1px silver;
	border-left:solid 1px silver;
}

#menud dl:hover dd
{
	display: block;
}
	

