.centre {
	position:absolute;
	left:11%;
	width:800px;
	height:600px;
}
img {
	border: 0px;
}
.map  {
	border: 0px;
}

body {
	width : 1024px;
	height: 768px;
       margin : auto;
       margin-top:1%;
	background:url(../images/motif.gif) ;
}

#page{
      width : 1024px;
       height: 768px;
       position : absolute;
       color : #e5ae00;
}

/****CSS Footer******/

#lien0 {
       margin: auto;
       position: absolute;
       width: 12%;
       height: 5%;
       top : 26.5%;
       left : 26%;

}
#lien1 {
       margin: auto;
       position: absolute;
       top : 30%;
       left : 33%;
       width: 12%;
       height: 5%;

}
#lien2 {
       margin: auto;
       position: absolute;
       top : 36%;
       left : 39%;
       width: 12%;
       height: 5%;

}
#lien3 {
       margin: auto;
       position: absolute;
       top : 43%;
       left : 43%;
       width: 12%;
       height: 5%;

}
#lien4 {
       margin: auto;
       position: absolute;
       top : 51%;
       left : 45.5%;
       width: 12%;
       height: 5%;

}
#lien5 {
       margin: auto;
       position: absolute;
       top : 59.5%;
       left : 47%;
       width: 12%;
       height: 5%;

}
#lien6 {
       margin: auto;
       position: absolute;
       top : 64%;
       left : 47%;
       width: 12%;
       height: 5%;

}
#lien7 {
       margin: auto;
       position: absolute;
       top : 68%;
       left : 46.5%;
       width: 12%;
       height: 5%;

}

#lien8 {
	margin: auto;
       position: absolute;
       top : 72.5%;
       left : 45%;
       width: 12%;
       height: 5%;

}


.leftfoot {
	position:absolute;
	left:12%;      	
	bottom:22%;
      	width:40%;
      	font-size:9px;
      	text-align:left;
	color:white;

}
.leftfoot a:vlink {
	text-decoration : none;
 	color: white;
}
.leftfoot a  {
	text-decoration : none;
 	color: white;
 	font-size: 9px;
	font-weight:normal;
	font-variant:normal;
}
.leftfoot a:alink {
 	text-decoration : none;
 	color: white;
}
.leftfoot a:hover{
	color:white
}

/*****Fin CSS Footer****/




/****OK******/
.contenu {
       width : 1024px;
       height: 768px;
       position : absolute;
       background-position: top center;
}




/*****CSS Contenu dynamique******/ 

.titrecontenu {
	color:#e3af01; /*couleur texte orange*/
       font-family : Optima, Trebuchet MS;
       font-size : 20px;
       font-variant : small-caps;
	font-weight: bold;	
	position: absolute;
       width: 36.5%;
       height: 4%;
       top : 2%;
       left : 58%;	
}



.cadrecontenu { 
       position: absolute;
	background:url(../images/grandcadre.gif) no-repeat;
	top: 7.2%;
	left : 57.7%;
       width: 30%;
       height: 60%;
}

.encadrecontenu {
	color:white;
       font-family : Optima, Trebuchet MS;
       font-size : 13px;
       text-align: justify;
	position: absolute;
       width: 92%;
       height: 92.5%;
       top : 2%;
	margin-left:7px;
	overflow: auto;
	padding-right:5px;
	margin-right:5px;
	padding-left:5px;
	

}

.encadrecontenu a {
	color:white;
	font-size:14px;
	font-variant : normal;
}


.encadrecontenu h2 {
	color:#e3af01;
	font-size:18px;
	font-variant : normal;
}
.lienpage li {
	color : #e3af01;
	list-style-type: disc;
}
.lienpage a {
	color : white;
	font-variant: normal;
	font-size: 12px;
}
.pagetexte li {
	color : white;
	list-style-type: disc;
}
.pagetexte a {
	color : white;
	font-variant: normal;
	font-size: 13px;
}

.navigation a {
	color:white;
	font-variant:normal;
	font-weight:normal;
	font-size: 13px;
}


/*********Fin CSS Contenu dynamique*******/

/*****CSS Carnet de Bord /Actualites******/

.titrezone {
	position: absolute;
	top: 3%;
	left: 58%;
	width:28%;
	color:#e5ae00;
       font-family : Optima, Trebuchet MS;
       font-size : 20px;
       font-variant : small-caps;
	font-weight: bold;	
}
.zoneactu {
	position: absolute;
	background:url(../images/grandcadre.gif) no-repeat;  
	top: 7.1%;
	left : 57.7%;
       width: 30%;
       height: 58%;
}


/*****zone******/
.zone {
 	position: absolute;
 	top : 7%;
 	left : 57.7%;
 	width: 28%;
 	height: 58%;
	background :url(../images/doublecadre6.gif) no-repeat;

}

/*****CSS Actualites******/
.actualites {
	color:#e5ae00;
       font-family : Optima, Trebuchet MS;
       font-size : 20px;
       font-variant : small-caps;
	font-weight: bold;	
	position:absolute;
	top:50%;
}
.cadreactu {
	height: 42.5%;
	font-family : Optima, Trebuchet MS;
	font-size : 12px;
	color : white;
	text-align:center;
	position: absolute;
	top:55.5%;
	left:1%;
	padding-left:0%;
	width:97%;
}
.cadreactu2 {
	height : 75%;
	font-family : Optima, Trebuchet MS;
	font-size : 12px;
	color : white;
	text-align:center;
	position:absolute;
	width:96%;
	left:1%;
	top:23%;
	overflow:auto;
}
.test {

}
.cadreactu li {
	color : white;
	list-style-type: disc;

}
.cadreactu a {
	color : white;
	font-variant: normal;
	font-size: 13px;
	
}
.cadreactu2 li {
	color : white;
	list-style-type: disc;
	
}
.cadreactu2 a {
	color : white;
	font-variant: normal;
	font-size: 13px;	
}
.titreactu {
	font-weight:bold;
	font-variant: small-caps;
	font-size: 14px;	
}
.mel {
	font-size : 10px;
	font-variant : normal;
}

.actu {
	height : 91%;
	width:95%;
}
.lienactu {
	position: absolute;
	top:92%;
	left:1%;
	color:#e5ae00;
	width:100%;
}

.lienactu a {
	color:#e5ae00;
}

.menuactu {
}
.avbandactu {
	float: left;
	width: 5%;
}
.bandactu {
	border: 1px outset #D7AB38; 
	float: left; 
	text-align: center; 
	width: 90%; 
	color:white;
}

.selectarchives {
	font-family: Optima, Trebuchet MS;
	background: white;
	color: black;
}

.inputarchives {
	border: 1px solid #56609E;
	background: white;
	font-family: Optima, Trebuchet MS;
	color: #56619E;
	font-weight: bold;
}

.erreur {
	font-size: 14px;
	color: white;
	font-weight: bold;
}

/*****Fin CSS Actualites******/

/*****CSS Carnet de bord******/

.carnet {
	color:#e3af01;
       font-family : Optima, Trebuchet MS;
       font-size : 20px;
       font-variant : small-caps;
	font-weight: bold;	

}

.cadrecarnet {
	height : 45%;
	font-family : Optima, Trebuchet MS;
	overflow: auto;
	font-size : 12px;
	color : white;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	margin-top:2px;
}


/*****Fin CSS Carnet de bord******/

/*****Fin CSS Carnet de Bord /Actualites******/


/******CSS Contact*******/

.erreur {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	width:96%;
}
.reussite {
	font-size: 12px;
	font-weight: bold;
	color: white;
	margin:auto;
}

/*****Fin CSS Contact*********/

a:vlink {
	text-decoration : none;
 	color: #e5ae00;
}
a{
	text-decoration : none;
 	color: #e5ae00;
 	font-size: 16px;
  	font-variant : small-caps;
  	font-weight :bold;
}
a:alink {
 	text-decoration : none;
 	color: white;
}
a:hover{
	color:white
}

.titre1 {
        color:white;
        font-family : Optima, Trebuchet MS;
        font-size : 30px;
        position: absolute;
        width : 36.5%;
        height: 10%;
        top : 3.3%;
        left : 57%;
}
.titre2 {
	color:#e5ae00;
       font-family : Optima, Trebuchet MS;
       font-size : 20px;
       position: absolute;
       font-variant : small-caps;
       width: 36.5%;
       height: 4%;
       top : 3.3%;
       left : 57%;
	font-weight: bold;
}


 .cadre h2 {
	color:#e5ae00;
	font-size: 15px;
	font-weight: bold;
}


.rightfoot {
	position:absolute;
      	bottom:1%;
      	width:100%;
      	font-size:9px;
      	text-align:right;
}
.rightfoot a:vlink {
	text-decoration : none;
 	color: white;
}
.rightfoot a  {
	text-decoration : none;
 	color: white;
 	font-size: 9px;
}
.rightfoot a:alink {
 	text-decoration : none;
 	color: white;
}
.rightfoot a:hover{
	color:white
}


/* Styles class*/
.spacer {
	clear: both;
	visibility: hidden;
} 


.titre {
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-decoration: none;
	font-family: Optima, Trebuchet MS;
	letter-spacing: 1px;
}
.indication {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	text-align: center;
	text-decoration: underline;
}
.datemaj {
	font-size: 10px;
	font-style: italic;
	color: #000000;
	text-align: right;
}
.tableaux {
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;	
}
.tabarticles {
	border: 1px solid #000000;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
}
.tabarticles2 {
	width: 100%;
}
.tdarticles{
	text-align: center;
}
.tdarticles1{
	text-align: left;
	padding-left: 30px;
}
.tdarticles1txt{
	display: inline;
	padding-left:5px;
	padding-right:5px;
	color: orange; 
	font-size: 13px; 
	font-weight: bold;
	border: outset 1px #D7AB38;
}
.bandeblanche {
	text-align: left;
	padding-left: 30px;
}
.bandebleue {
	background-image: url(../images/degrade-bleu.gif);
}
.tdarticles2txt{
	padding-left:5px;
	padding-right:5px;
	color: #FFFFFF; 
	font-size: 11px; 
	font-weight: normal;
	font-style: italic;
}
.affarchives{
	padding-left:5px;
	padding-right:5px;
	color: #F54C02; 
	font-size: 11px; 
	font-weight: bold;
	display: inline;
}
.tdarticles2{
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.tdarticlesheader{
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-align: center;
}
.taberreur {
	text-align: center;
	border: 1px dotted #FF0000;
	width: 50%;
}

/*End Styles Class*/