body {color: #666666; margin: auto; background-color: #CBCED3; text-align:center;height: 100%;padding-bottom:5px;width:798px;}
body { background-image: url(whiteback.gif); background-repeat: repeat-y; background-position: center;  }
img { border: 0px none; padding: 0px; margin: 0px; }

/*body {
	text-align:center;
	padding-bottom:5px;
    width:798px;
	margin:auto;
	padding:0px;
	text-align:center;
	 height: 100%;
	
}*/

*,table,input{

font-size:100%;

}

img
{
border: none;
}

/* Contenu de la page */
a { color:#BD9302; /* color:#0066CC; */
	text-decoration:underline;
	/*color:#626262;*/
}

a:hover 
{ 
	color:#333300;/*fe7501*/
}


div#text h2 a, div#text h3 a {
	text-decoration:none;
}

h1 {
	margin:10px 10px 10px 10px;
	padding:20px;
	color:#4488cc;
	font-size:160%;
	font-weight:bold;
	text-align:center;/*center avant*/
	margin-left:10px;
}

h2 {
	margin:10px 10px 10px 10px;
	color:#000;
	font-size:130%;
	font-weight:bold;
	margin-left:25px;
}

h3 {
	min-height:25px;
	font-size:120%;
	margin:10px 60px;
	padding:0px 30px;
	color:#ec9000;
	margin-left:25px;
}

h4 {
	border-top:1px solid #eee;
	margin:15px 92px 10px 92px;
	color:#999999;
	font-size:110%;
	font-style:normal;
	font-weight:normal;
	margin-left:25px;
}

p{
	text-align:justify;
	/*font-size:0.8em;*/
	font-size:95%;
	line-height:160%;
	color:#626262;
	width:700px;
    margin:10px;
	margin-left:25px;
	font-family:arial,"Trebuchet MS", sans-serif;
	/*background-color:#cbceef;*/
}

blockquote {
	margin:10px 0px 0px 132px;
	padding:3px 13px 15px 3px;
	width:500px;
}

blockquote p {
	margin: 10px 5px;
	width:auto;
}


table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
   border: 1px outset black; /* Bordure du tableau avec effet 3D (outset) */
	width:700px;
}

div#text {
	margin-top:10px;
	font-family:arial,"Trebuchet MS",sans-serif;
	width:500px;
}



th /* Les cellules d'en-tête */
{
   /*background-color: #f3f3f3;*/
   border: none;
   border-bottom:1px solid black;
   color:black;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   margin: auto; /* Centre le tableau */
   padding: 5px;
   padding-left: 10px;
   padding-right: 10px;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   text-align: justify;
   padding: 5px 15px 5px 15px;  /*Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


#droite
{
text-align:right;
}

#droite2
{
	font-family:"Courier New",arial,"Trebuchet MS",sans-serif;
	font-size:96%;
	position:absolute;
	top:306px;
	right:50%;
	margin-right:-360px;
	width:120px;
	font-weight:bold;
}

#gauche2
{
	font-family:"Courier New",arial,"Trebuchet MS",sans-serif;
	font-size:96%;
	position:absolute;
	top:306px;
	left:50%;
	margin-left:-374px;
	font-weight:bold;
	
}

#gauche3
{
	position:absolute;
	top:175px;
	left:50%;
	margin-left:-387px;
	
}

#colorf
{
	background-color: #e1e1e1;
}
 
div#surlogo {
    background-image: url("images/logo20.gif");
    background-repeat: no-repeat;
	background-position: center;
	font-family:arial,"Trebuchet MS", sans-serif;
	margin:auto;
	margin-bottom:50px;
}

div#surlogo p{
	color: #000;
	margin:auto;
	margin-top:10px;
	text-indent:50px;
}

div#surlogo2 {
	font-family:arial,"Trebuchet MS", sans-serif;
}

div#surlogo2 p{
	text-indent:50px;
	margin:auto;
}

div#menuact{
	background-image: url("images/ban3/news.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 147px;
}

div#menuact2{
	height: 147px;
	background-image: url("images/ban3/news.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 147px;
}

div#menuhist{
	height: 147px;
	background-image: url("images/ban3/histoire2.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
}

div#menuhistoire{
	height: 147px;
	background-image: url("images/ban3/histoire.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#menuqual{
	height: 147px;
	background-image: url("images/ban3/qualite.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#menusavoir{
	height: 147px;
	background-image: url("images/ban3/savoir.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#accueil3{
	height: 565px; /*Au lieu de 736*/
	background-image: url("images/accueil4.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#accueiltemp{
	height: 531px; /*Au lieu de 565*/
	background-image: url("images/accueil5.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#image1 img{
	border: 3px ridge black;
	position:absolute;
	top:385px;	
	left:50%;
	margin-left:90px;
}

div#image2 img{
	border: 3px ridge black;
	position:absolute;
	top:385px;	
	left:50%;
	margin-left:240px;
}

h5 {
	margin-top : 3px;
	color:#888888;
	font-size:150%;
	font-style:normal;
	font-weight:normal;
	text-align:left;
}

h6 {
	margin:5px 5px 5px 35px;
	color:#888888;
	font-size:260%;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	font-family:arial,"Trebuchet MS", sans-serif; 
}


div#stanou {
	position:absolute;
	top:572px;
	left:50%;
	margin-left:310px;
}

div#stanou2 {
	position:absolute;
	top:572px;
	left:50%;
	margin-left:350px;
}

div#imagehist{
	position:absolute;
}

div#phist{
	position:relative;
	left:100px;
}
	
div#phist p{
	width:450px;
}

div#Legende {
	
	font-family:arial,"Trebuchet MS",sans-serif;
	text-align:center;
	position:absolute;top:480px;left:50%;margin-left:-290px;
	
}

div#savoir p{
	width:460px;
	font-size:91%;
}

div#mention {
		font-family:arial,"Trebuchet MS", sans-serif;
		font-size:0.55em;
		color:#9d9d9d;
		
		
}

#container {
    position: relative;
    min-height: 95%;
    height: 95%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #container {
    height: auto;
}

html, body {
    height: 100%;
}