/* FEUILLE DE STYLE GENERALE */
/* Bannière, menu et ligne de connexion */
* {
	margin:0;
	padding:0;
}
html {
	font-family: Arial, Helvetica, sans-serif;
	color: #black;
	behavior: url("csshover.htc");
	background-attachment: fixed;
	background-color: #000000;
	background-repeat: repeat;
	}
html a:link {
	color: #FF0000;
}
html a:visited {
	color: #FF0000;
}
html a:hover {
	color: #FFFFFF;
	background-color: #000000;
}
html a:active {
	color: #FF0000;
}
body {
	text-align: left;
	background-attachment: fixed;
	background-image: url(../specifique/titre.png);
	background-repeat: no-repeat;
	background-position: center top;
}
div#container {
        width: 1024px;
        height: 100%;
        margin: auto;
        padding: 0;
}
/* Bannière transparente ,pour laisser apparent le titre*/
div#banniere {
	width: 1024;
	height:300px;
	background-image: url(../images/banniere.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
div#banniere h1 {
	text-indent: -5000px;
}
div#connexion {
	width: 1024px;
	height: 18px;
	text-align: right;
	font-size: 10px;
	color: #DDD;
	line-height:14px;
	font-weight:bold;
	background-image: url(../specifique/connexion.jpg);
	background-repeat: no-repeat;
}
div#connexion a {
    color:#DDD;
    text-decoration: none;
    padding-right: 10px;
}
div#connexion a:hover {
    color: #DE8436;
    border: 0;
}
div#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	color: white;
	float: left;
	padding: 0;
	background: black;
	display:inline;
	width: 1024px;
	height: 20px;
	z-index: 20;
	}

div#menu a {
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	z-index: 21;
}
div#menu a:hover {
	color: #DE8436;
	border-bottom: none;
	z-index: 22;
}
div#menu a:active {
	color: #DE8436;
	z-index: 23;
}
div#menu ul {
	margin: 0;
	padding: 0;
	cursor: default;
	background-color: black;
	background-image: url(../images/translucide.png);
	}
div#menu li {
	position: relative;
	list-style: none;
	margin: 0;
	padding:0;
	float: left;
	width: 90px;
	height: 20px;
	text-align:center;
	z-index: 24;
	}
div#menu li a {
	display: block;
	padding: 0.2em 0 0.2em 0.5em;
	text-decoration: none;
	width: 90px;
	z-index: 25;
	}
div#menu>ul a {
        width: auto;
}
div#menu ul ul {
	position: absolute;
	width: 90px;
	display: none;
	z-index: 26;
}
div#menu ul ul li {
	border-top: thin dotted white;
*/
; 	z-index: 27;
}
div#menu li.sousmenu li.sousmenu:hover {
	background-color: #891B1D;
	z-index: 28;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
         display:block;
}
div#menu ul.niveau2 {
	top: 20px;
	left: 0px;
	z-index: 29;
}
/* Cpntainer pour suite*/
div#main {
	color: #111;
	width: 1024px;
	text-align:justify;
	height: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFFFFF;
	z-index: 19;
	}
div#pages {
	text-align: center;
}
div#pages a {
	font-size: x-small;
	color: #DE8436;
	background-color: #66CCFF;
	border: thin solid #DE8436;
	display: inline;
	padding: 1px 4px;
	margin: 8px;
}
div#pages a:hover, div#pages a.courante {
	color: #43911A;
	background-color: #F0FEE8;
	border: thin solid #43911A;
}
div#footer {
	text-align: left;
	height: 20px;
	clear:both;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
	position: relative;
	vertical-align: middle;
}
div#logos {
	text-align: center;
	margin:20px auto;
}
/* Définition d'une ligne de séparation */
#ligne{
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
	position: relative;
	height: 4px;
	background-image: url(../images/ligne1.jpg);
	background-repeat: repeat-x;
}
/* Définition des styles à l'intérieur du corps de page */
#intro {
	font-style: italic;
	font-weight: bold;
	font-size: normal;
	text-align: center;
	margin-bottom: 1em;
}
.texte p {
	margin-top: 0.5em;
}
.texte p:first-child {
	margin-top: 0;
}
.texte p:first-child:first-letter {
	font-size: xx-large;
	line-height: 1em;
	font-weight: bold;
}
.texte ul {
    padding-left: 4em;
}
.texte a {
	color: black;
}
.acorriger {
	color: black;
	text-decoration: blink;
}
.paragraphe{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}
.paragraphe_gras{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}
.paragraphe_rouge{
	color: #FF1F00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 25px;
}
.remarque {
	color: #FF0000;
	font-size: 14px;
	font-weight: normal;
	background-color: #FFFFCC;
	font-style: italic;
}
.detail {
	color: #FF0000;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFCC;
	vertical-align: 18%;
}
.suite{
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	background-color: #FFFFCC;
	vertical-align: 65%;
}
.centrer {
	text-align: center;
}

.titre_accueil {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}
.titre_accueil2 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}
.materiel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	background-position: top;
	vertical-align: top;
}
.soustitre_accueil {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
}

/* Paragraphe "texticon": icone servant de lien (balises a et img) et texte (balise span) */
p.texticon {
	margin-top: 10px;
}
p.texticon a, p.texticon a:hover {
	border: none;
}
p.texticon span {
	vertical-align: 55%;
	margin-left: 5px;
}	
/* Pied de page */
.piedpage {
	text-align: center;
	margin-bottom: 20px;
	font-size: small;
}
.piedpage>a {
	color: #395A7C;
}
.piedpage>a:hover {
	border-bottom: thin dotted #395A7C;
	}
/* Redefinition des styles existants */
img,a>img {
	border: none;
}
a {
    text-decoration: none;
}
a:hover {
	border-bottom: thin dotted #DE8436;
}
#contenu_image_gauche blockquote .titre_accueil .titre_accueil2 {
	text-align: left;
}