/* Style pour page d'accueil trois colonnes, avec menu déroulant */

html, body  {
/*	font-family: Helvetica, Tahoma, "Trebuchet MS", Arial, "Bitstream Vera Sans", "Comic Sans MS", sans-serif;*/
	font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000;
	background: #060 url(none);
	border: none;
	text-align: center;  /* pour bug de centrage IE5 */
	margin: 0; padding: 0; height: 100%;
}

html { font-size: 100%; behavior: url(csshover.htc); } /* IE hack */
body { font-size: 0.83em; width: 100%;  } 
table { font-size: 100%; /* IE hack */ }

a img { border: none; }

/* div */ #page {
	text-align: left; /* pour bug de centrage IE5 */
	width: 763px;
	padding: 0;
	border: none;
	margin: 0 auto;
	background: #FFD none; 
	}
		
/* div */ #entete { width: 100%; }	
 
#nav {	margin: 0; padding: 0; 	font-size: 0.75em;  background: #060 none; }
#nav li { display: inline; color: #060; }
#nav a { text-decoration: none; color: #060; } 

/* div */ #bandeau {
	border: none;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden; /* non rendu par IE6 */
	width: 100%;
	height: 171px;
	background: #060 none;
}

/* div */ #bandeau img { display: block; border: none; }

/* div */ #ceg {
	font-size: 2.5em;
	font-weight: bold;
	color: #FF6;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

/* div */ #menud {float: left; margin: 0; background: #339 none; border-left: 1px solid #090; width: 762px; }
/* div */ #menud ul {	margin: 0; padding: 0;	background: #339 none; text-align: center;
	border-top: 1px solid #AAA; border-bottom: 1px solid #FFF; border-left: 1px solid #CCC; }
/* div */ #menud li {position: relative; list-style: none; margin: 0; float: left; line-height: 14px; 
		border-right: 1px solid #CCC; color: #FFF; background: #339 none; font-size: 16px; /* etait 14px */
		border-bottom: 1px solid #AAA;} 
/* div */ #menud li { width: 151px; }	/* 151 normalement, 152 pour IE5 */
* html div#menud li {
	width: 152px; /* pour IE5Win, mais compris par toutes versions IE */
	w\idth: 151px; /* incompris de IE5.xWin - IE5Mac et IE6Win le comprennent */
	}
/* div */ #menud  /* li */  #docu { width: 152px; border-right: 1px solid #090; }
/* div */ #menud li:hover, /* div */ #menud li:focus { background: #00C none; }
/* div */ #menud li a {color: #FFF; display: block; /* Le lien occupera tout l'espace du li sauf 
               pour IE, lequel exige que les liens aient une largeur explicite */
		padding: 2px 0; text-decoration: none; width: 100%;
		voice-family: "\"}\""; voice-family: inherit; width: 151px;}
/* Pour les autres navigateurs, on désactive cette largeur par une règle qu'IE ne comprend pas ! */
/* div */ #menud>ul a {width: auto;}
/* div */ #menud li a:hover, /* div */ #menud li a:focus { color: #FF0;
 	background-image: url(../img/fldor.gif);
	background-repeat: no-repeat;
	background-position: center left;
 }
/* div */ #menud ul ul {position: absolute; width: 151px; display: none;}
/* div */ #menud ul ul li {border-bottom: 1px solid #CCC; border-right: none; font-size: 14px; line-height: 20px; } /* etait 14px */
/* div */ #menud ul.niveau1 li.submenu:hover ul.niveau2, /* div */ #menud ul.niveau1 li.submenu:focus ul.niveau2, 
	/* div */ #menud ul.niveau2 li.submenu:hover ul.niveau3, /* div */ #menud ul.niveau2 li.submenu:focus ul.niveau3 {
	display: block; }
/* div */ #menud ul.niveau2 { top: 2em !important; left: -1px; } /* 2.3em : important, ne pas changer */

/* div */ #menud ul.niveau3 { top: -1px; left: 151px; border-top: 1px solid #CCC; }

/* div */ #miettes {
	clear: left; 
	padding: 0 0 0 1em; 
	margin: 0;
	line-height: 1.833em; /* était 22px; */
	color: #ddf; /* était #FFC; */
	font-weight: normal;
	background: #33F none;
	font-size: 1em;  
	border-top: 1px none #FFF;
	border-right: 1px solid #090;  
	border-bottom: 1px solid #AAA; /* etait 1px none #FFF; */
	border-left: 1px solid #090;
}
/* div */ #miettes a {	color: #ffc; } 
/* div */ #miettes a:hover, div#miettes a:focus { color: #FF0; }

/* div */ #tronc {
	color: #003333;
	line-height: 1.2em; /*etait 1.5em; */
	background: #ffd none; 
	border-top: none;
	font-size: 1em;
	margin: 20px;
	width: auto; } /* était 100%; */

/* div */ #accueil /* div */ #tronc { margin: 0; } 
/* div */ #accueil /* div */ #tronc table { width: 100%; border: none; border-collapse: collapse; }

.pangauche, .pandroite { font-size: 0.95em; line-height: 1.2em; background: #FFC none; }
td.pangauche { width: 141px;  border-right: 1px solid #06F; padding: 5px; }
td.pandroite { width: 141px;  border-left: 1px solid #06F;  }
.article-une { line-height: 1.2em; font-size: 1em; }
.centre { text-align: center; margin: auto; }
.droite { text-align: right; }
.gauche { text-align: left; }
.j { text-align: justify; }
.surligne  { background: #FF0 none; }
.sans-bordure { border: none; }

img { margin-right: auto; margin-left: auto; border: 1px solid #CCCCCC; }
 
/* div */ #pied {
	color: #FFF;
	background: #060 none;
	text-align: center;
	font-size: 0.9em;
	padding: 1px;
	margin: 0;	
}

/* div */ #pied a { color: #FFF; }
.legal { font-size: 0.9em; }

#noussommesle   { font-weight: bold; font-size: 1em; /*font-family:  verdana, arial, sans-serif;*/
	color: #CC0000; width: 100%; display: block; text-align: center; }
	
a { text-decoration: none; }
a:link	{ color: blue; }
a:visited { color: #990099; }
a:hover, a:focus { color: blue; }
a:active { color: red; }

a[href^="http://"] {
background:transparent url(../img/externe.png) center right no-repeat;
display:inline-block;
padding-right:15px;
}

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub { top: 0.4em; }
.u {text-decoration: underline;}