/* --- GÉNÉRAL --- */
html, body {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #444444;
	text-align: center;/* Alignement horizontal dans Internet Explorer */
	font-size: 10pt;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #EEEEEE url("imgs/decodroite.gif") repeat;
}

form {
	margin: 0;
	padding: 0;
}


div#page {
	position: relative;
	width: 820px;
	margin: 0 auto;
	min-height: 100%;
	background: white;
}
div#page #premier-element {
	margin-top: 0; /* évite tout risque de fusion des marges */
}
div#page #dernier-element {
	margin-bottom: 0; /* évite tout risque de fusion des marges */
	padding-bottom: 4em;
		/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
}

img{
	border: 0;
}

div#page #dernier-element { visibility: hidden;}

/* --- PIED DE PAGE --- */
div#piedpage {
	position: absolute;
	bottom: 0px; left: 0;
	width: 100%;
	height: 3em;
	text-align: center;
	background: white;
}

div#piedpage a{
	color: #444444;
	text-decoration: none;
}
div#piedpage a:hover{
	color: #888888;
}


#gauche {
	position: absolute;
	left:0;
	width: 170px;
	text-align: left;
	
}

#centreflash {
	background-color: white;
	margin: 0;
	padding: 0;
	margin-left: 170px;
	float: right;

}

#centrecontenu {
/*        background-image:url(imgs/logofond.jpg);
        background-repeat:no-repeat;
        background-position: center center;*/

	padding-top: 0px;
	margin-left: 190px;
	margin-right: 10px;
	margin-bottom: 30px;
	
	text-align: justify;
}

#centrecontenu ul li{
/*	list-style-image: url(imgs/lipierre1.jpg);*/
	list-style-image: url(imgs/rond.gif);
	padding-bottom: 5px;
	padding-top: 0px;
}


#centrecontenu li ul li {
	padding-bottom: 1px;
	list-style-image: none;
	list-style-type: disc;
}

#centrecontenu img{
	float: right;
	margin: 15px;
	border : 0px;
}

#centrecontenu a {
	color: #333;
	text-decoration: underline;
	/*border-bottom: 1px dashed #333;*/
	/*text-underline-style: dot-dot-dash;*/
}

#centrecontenu a:hover {
	color: #880000;
}
#centrecontenu a:visited {
	color: #555;
}


#citation {
	color: #fff;
	font-style: italic;
	font-weight: bold;
	padding: 5px;
	/*background: #B3B20A;*/
	background: #CBCC0C;
}

/* ----------------------------------------------------------- menu header */
.navcontainer ul li.actif {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 170px;
	height: 30px;
	background: #FFF url("imgs/pixel-blanc.gif") repeat-y right;
	font: normal 14px/30px verdana, lucida, sans-serif;
	font-weight: 700;
	font-variant : small-caps;
	color: #B3B20A;
}
/* ----------------------------------------------------------- menu header */


/* ----------------------------------------------------------- menu gauche 1*/
.navcontainergauche {
	position: absolute:
	left: 0;
	top: 31px;
	margin: 0;
	padding: 0;
	height: 30px;
	background: url("imgs/pixel-blanc.gif") repeat-y right;
}

.navcontainergauche ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #B3B20A url("imgs/pixel-blanc.gif") repeat-y right;
}

.navcontainergauche ul li {
	display: block;
	padding: 0;
	margin: 0;

}

.navcontainergauche ul li.actif {
	width: 169px;
	height: 23px;
	padding: 0px;
	color: #FFF;
	text-decoration: none;
	display: block;
	font: normal 12px/20px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-indent : 3px;
	background: #999;

}

.navcontainergauche ul li a {
	width: 170px;
	height: 23px;
	padding: 0px;
	color: #333;
	text-decoration: none;
	display: block;
	font: normal 12px/20px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-indent : 3px;
	/*font-variant : small-caps;*/
}

.navcontainergauche ul li a:hover {

	background: #C2C200 url("imgs/pixel-blanc.gif") repeat-y right;
}

.navcontainergauche ul li a:hover {

	background: #CDCC0F url("imgs/pixel-blanc.gif") repeat-y right;
}




.navcontainergauche .menugauche3{
	width: 170px;
	 text-align: center;
	 margin-top: 10px;
}

.navcontainergauche .menugauche3 a{
	font: normal 11px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration: none;	
}
.navcontainergauche .menugauche3 a:hover{
}
.navcontainergauche .menugauche3 h1{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}




/*-------------------- POPUP ------------------------*/
#pop a{
background-color: #EEEEEE;


}
#pop1, #pop2 {
	position: absolute;
	display:none;
	width: 400px;
	border: 1px double black;
	background: #EEEEEE;
	z-index: 500;
	font-size: 80%;
}
#pop1 p, #pop2 p {
	margin: 5px;
}
#pop1 h1, #pop2 h1 {

	border-bottom: 1px solid black;
	text-align: center;
}

#lienlogo{
	text-align: center;
	margin-top: 10px;
	background-color: #FFF;
}
#lienlogo a{
	font: normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color: #666;
	text-decoration: none;
}
#lienlogo a:hover{
	color: #333;
	text-decoration: underline;
}