body
{

left: 0px;
margin: auto;
margin-top: 10px;
margin-bottom: 0;
background: #333333;
/*background-image: url("../Images/point.gif");*/
}



.a
{
font-size: 32px;
color:white;
}
/*en-tête--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#en_tete
{
width:70%;
position: absolute;
left:15%;
top: 30px;
height: 110px;
padding-top:20px;
background-image: url("../Images/etoiles.jpg");

margin-bottom: 0;
border: 5px solid #5d595e;
text-align: center;
font-size: 12px;
color: white;

font-family: Verdana,Arial,Helvetica,sans-serif;
}

#en_tete h1
{
font-size: 32px;
}

#identité
{
width: 60%;
/*height: 240px;*/
height: 400px;
border: 3px solid #5d595e;
position: absolute;
/*top: 160px;*/
top: 50px;
left: 20%;
text-align:left;
padding: 20px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color: black;
text-decoration: none;
/*border-style:outset;*/
background-color:#c6c3c6;

/*top: 1px;*/
}
#identité a
{
font-size: 12px;
color: #386dc6;
text-decoration: none;
}
#identité a:hover
{
font-size: 12px;
text-decoration: none;
color: red;

}
#fiche
{
width: 20%;
height: 250px;

position: absolute;
top: 400px;
right: 0%;
padding-left: 5px;
text-align:left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: black;
text-decoration: none;
/*border-style:outset;*/
background-color:#d6d3ce;
z-index: 20;
/*top: 1px;*/
}
#fiche a
{
text-decoration: none;
font-size: 11px;
color:blue;
}

#fiche a:hover
{
text-decoration: underline;
font-size: 12px;
color:red;
}

#fiche h3
{
text-align: center;
font-size: 16px;
font-family: Arial,Helvetica,sans-serif;
color: #386fc3;
}



.montre
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 20px;
margin-top: 0;


margin-left: 5px;
/*background-color: #eaeaea;*/
/*background-color: silver;*/
width: 25%;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;

color: white;
/*font-weight: lighter;*/
line-height: 12px;

position: absolute;
top: 0px;
left: 75%;
z-index:40;
}
.cookie
{
text-align: left;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
margin-top: 0;


margin-left: 5px;
/*background-color: #eaeaea;*/
/*background-color: silver;*/
width: 45%;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;

color: white;
/*font-weight: lighter;*/
line-height: 12px;

position: absolute;
top: 0px;
left: 0%;
z-index:40;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.essai
{
color: silver;
}
.essai dt: hover
{
background-color: #369;
color: white;
}
#menu 
{
text-align: center;
position: absolute;
top: 148px;
z-index: 20;
/*width: 90%; 
left: 135px;*/
width:70%;
left: 15%;
border-right: 5px solid #5d595e;
border-left: 5px solid #5d595e;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;

/*font-weight: lighter;*/
line-height: 12px;

}
#menu #active   
{ 
border-left: 1px solid #fff; 
background-color: #f2f2f2;
color: black;
}
#menu dl dt:hover
{
background-color: #369;
color: white;
}

#menu dl {
float: left;
/*width: 11.35em;*/
width:16.60%;
}
#menu dt {
cursor: pointer;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;

margin-top: 0;

margin-left: 0;
/*background-color: #eaeaea;*/
background-color: silver;
text-align: center;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
/*font-weight: bold;*/
color: #386fc3;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
#menu dd {
display: none;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
}
#menu li {
text-align: center;
width: 100%;

background: #eae8e9;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
padding: 4px;
padding-left:5px;
text-align: left;
display: block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #1240af;

height: 100%;
/*border: 0 none;*/
}

#menu li a:hover
{
background: #369;

color: white;
}

#menu #active a
{
background: white;
border-right: 1px solid;
border-left: 1px solid;
color: red;
}
#onglet a
{
width:150px;
height: 25px;
position: absolute;
top:0px;

right: 15%;
background-color: silver;
text-align: center;
margin: auto;
padding-top:5px;
text-decoration: none;
color: #c31a1a;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
border-top: 5px solid #5d595e;
border-right: 5px solid #5d595e;
border-left: 5px solid #5d595e;
}

#onglet2 a
{
width:150px;
height: 25px;
position: absolute;
top:0px;
/*left: 70%;*/

right: 30%;
background-color: silver;
text-align: center;
margin: auto;
padding-top:5px;
text-decoration: none;
color: #386fc3;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
border-top: 5px solid #5d595e;
border-right: 5px solid #5d595e;
border-left: 5px solid #5d595e;
}

#page
{

width:60%;
position: absolute;
top:170px;
left: 15%;
margin: auto;

padding: 5%;

border: 5px solid #5d595e;
background-color: white;
color: black;
/* font-family: 'optima', 'verdana', 'bitstream vera sans', sans-serif;
  font-size:1.15em;
  line-height:1.5;*/
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
/*text-align: justify;*/
/*border-top: 5px solid red;
border-right: 5px solid red;*/
}

#page h1
{
text-align: center;
font-size:24px;
font-family: Arial,Helvetica,sans-serif;
color: #941099;

}

#page h2
{
text-align: center;
font-size: 20px;
font-family: Arial,Helvetica,sans-serif;
color: #941099;

}

#page h3
{

font-size: 16px;
color: #386fc3;
font-family: Arial,Helvetica,sans-serif;
}
#page h4 a
{

font-size: 14px;
color: #386fc3;
font-family: Arial,Helvetica,sans-serif;
}
#page h4 a:hover
{
text-decoration: underline;
font-size: 14px;
color: red;
font-family: Arial,Helvetica,sans-serif;
}
#page a
{
text-decoration: none;
font-size: 12px;
color:#386fc3;
}

#page a:hover
{
text-decoration: underline;
font-size: 12px;
color:red;
}
.formulaire
{

width:70%;

position: absolute;
top:170px;
left: 130px;
background-color: #d6d3ce;

border: 5px solid #c6c3c6;
/*border: 1px;*/
padding: 20px;
/*padding-left: 50px;*/
color: black;

font-family: Verdana, Arial,Helvetica,sans-serif;
font-size: 12px;

}

.formulaire h2
{
text-align: center;
font-size: 20px;
font-family: Verdana, Arial,Helvetica,sans-serif;
color: #941099;
}
.formulaire a
{
text-decoration: none;
font-size: 14px;
color:#1240af;
}

.formulaire a:hover
{
text-decoration: underline;
font-size: 15px;
color:red;
}
.cercle
{
list-style-type: disc;
list-style-position: outside;
}

.cercla
{
list-style-type: disc;
list-style-position: inside;
}
.retrait
{padding-left:40px;}

.retrait2
{padding-left:350px;}

.puce
{
list-style-position: outside;
list-style-type: decimal;
}

#annuaire
{
width: 70%;
position: absolute;
/*z-index: 20;*/
top: 172px;
left: 15%;
margin: auto;
border: 2px outset #ffc315;
/*border-right:2px outset #ffc315;
border-left:2px outset #ffc315;*/
border-right:5px outset #c6c3c6;
border-left:5px outset #c6c3c6;
text-align: center;

}


#annuaire th
{
width: 35px;
height: 35px;

color: black;

font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
}
#annuaire tr
{
text-align: center;
background-color: #f5f5dc;

}
/*
#annuaire a
{
text-decoration: none;
color: black;
}
*/
#annuaire table th tr a:hover
{
background-color: grey;
text-decoration: underline;
color: red;
}

#annuaire #active
{ 
background-color: white;
text-decoration: none;
color: red;
}

#annuaire2
{
width: 70%;
position: absolute;
/*z-index: 20;*/
top: 172px;
left: 15%;
margin: auto;
border: 2px outset #ffc315;
/*border-right:2px outset #ffc315;
border-left:2px outset #ffc315;*/
border-right:5px outset #c6c3c6;
border-left:5px outset #c6c3c6;
text-align: center;

}


#annuaire2 th
{
width: 35px;
height: 50px;

color: black;

font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
}
#annuaire2 tr
{
text-align: center;
background-color: #f5f5dc;

}
/*
#annuaire2 a
{
text-decoration: none;
color: black;
}
*/
#annuaire2 table th tr a:hover
{
background-color: grey;
text-decoration: underline;
color: red;
}

#annuaire2 #active
{ 
background-color: white;
text-decoration: none;
color: red;
}

#page2 /*couverture du livre annuaire*/
{
width: 70%;
height: 400px;
position: absolute;
top: 215px;
left: 15%;
margin: auto;
background-image: url("../Images/terre vue de la lune.jpg");
/*background-color:#4289d2;*/
border:2px solid;
font-family: Helvetica,sans-serif;
font-size: 24px;
font-weight: bold;
text-align: center;
color: #ffc315;
}


#page3
{
width: 67%;
/*height: 440px;*/
position: absolute;
top: 225px;
left: 15%;
padding-left: 40px;
/*padding-right: 40px;*/
margin: auto;
background-color:#f5f5f5;
border:2px solid;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
/*z-index: 10;*/


color: black;

}

#page3 h2
{
text-align: center;
font-size: 20px;
color: #941099;
}

#page3 td
{
width: 250px;
font-size: 11px;
}

.important 
{
text-align: center;
font-size: 14px;
/*font-weight: bold;*/
}
.important a
{
text-decoration: none;
font-size: 14px;
color:#1240af;
}
.pied
{
font-size: 11px;
text-align: center;
color:#386fc3;
}

caption
{
margin: auto;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}

#maj table
{
margin: auto;
border: 4px outset black;
border-collapse: collapse;
}

#maj th
{
width: 180px;
height: 30px;
border: 1px solid black;
text-align:center;
font-size: 14px;
font-weight: normal;
}

#maj td
{
/*height: 80px;*/
border: 1px solid black;
text-align: center;
}
#maj2 table
{
margin: auto;
border: 4px outset black;
border-collapse: collapse;
}


#maj2 th 
{

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

#maj2 td
{

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

tr.A
{
background-color: #d5d7d5;
}

th.A
{
background-color: #d5d7d5;
}

th.B
{
background-color: #dffeff;
}

#carte
{
width: 100%;
left: 0%;
position: absolute;
top: 110px;
height: 100%;
}
.H1
{
width: 99%;
left: 0%;
position: absolute;
background-color: white;
text-align:center;
color: #941099;

}
#page4
{
width:80%;

position: absolute;
top:125px;
left: 0%;
margin: auto;
/*border: 1px;*/
padding: 20px;
padding-bottom:40px;
background-color: white;
color: black;

font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
text-align: left;
}
#page4 h1
{
text-align: center;
font-size:28px;
font-family: Arial,Helvetica,sans-serif;
color: #941099;
}
.coul
{
font-size: 11px;
color: #ff9200;
}
.coule
{
font-size: 11px;
color: #386fc3;
}
.admin_bouton
{
font-family: Tahoma, Verdana, Arial;
font-size: 10pt;
font-weight: bold;
text-align: center;
background-color: #BC4948;
color: #FFFFFF;
width: 80px;
}
.important
{
text-align: center;
font-size: 14px;
/*font-weight: bold;*/
}
.important a
{
text-decoration: none;
color:blue;
}

.important a:hover
{
text-decoration: underline;
color:red;
}

#page4
{
width:70%;

position: absolute;
top:170px;
left: 15%;
margin: auto;
/*border: 1px;*/
padding: 0px;
border: 5px solid #c6c3c6;
background-color: white;
color: black;

font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
text-align: justify;
}

#page5
{
width:65%;
background-image: url("../Images/bresse.jpg");
position: absolute;
top:125px;
left: 0%;
margin: auto;
/*border: 1px;*/
padding: 70px;
background-color: white;
color: white;

font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
text-align: justify;
}
.imageflottante
{
float: left;
padding-left: 3px;
padding-right: 5px;
}
.dessous
{
clear:both;
}

/*pages bridge---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.nord
{
padding-left:40%;
}
.sud
{
padding-left:40%;
}
.ouest
{
padding-left:15%;
}
.est
{
padding-left:60%;
}

 /*menu des pages publiques-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#navcontainer ul

{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;

margin-top: 0;

margin-left: 0;
/*background-color: #eaeaea;*/
background-color: silver;
width: 70%;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;

/*font-weight: lighter;*/
line-height: 12px;

position: absolute;
top: 148px;
left: 15%;
border-left: 5px solid #5d595e;
border-right: 5px solid #5d595e;
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;

padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #1240af;
text-decoration: none;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

#navcontainer ul li a:hover  /*quand on promène la souris*/
{
background-color: #369;
color: white;
}

#navcontainer #active   /*pb. avec IE, OK pour Firefox et Mozilla*/
{ 
border-left: 1px solid #fff; 
background-color: #f2f2f2;
color: black;
}

/*pour les pages publiques en grisé--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#page6 
{
width:60%;

position: absolute;
top:170px;
left: 15%;
margin: auto;

padding: 5%;
border: 5px solid #5d595e;

color: black;
background-color: #d6d3ce;

/*border: 1px;
padding: 20px;
padding-left: 50px;*/
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
/*text-align: justify;*/
}

#page6 h1
{
text-align: center;
font-size:28px;
font-family: Arial,Helvetica,sans-serif;
color: #941099;
}

#page6 h2
{
text-align: center;
font-size: 20px;
font-family: Arial,Helvetica,sans-serif;
color: #941099;
}

#page6 h3
{

font-size: 16px;
color: #386fc3;
font-family: Arial,Helvetica,sans-serif;
}
#page6 h4 a
{

font-size: 14px;
color: #386fc3;
font-family: Arial,Helvetica,sans-serif;
}
#page6 h4 a:hover
{
text-decoration: underline;
font-size: 14px;
color: red;
font-family: Arial,Helvetica,sans-serif;
}
#page6 a
{
text-decoration: none;
font-size: 11px;
color:#386fc3;
}

#page6 a:hover
{
text-decoration: underline;
font-size: 12px;
color:red;
}
#pagebridge
{
width:60%;
position: absolute;
top:170px;
left: 15%;
margin: auto;

padding: 5%;
border: 5px solid #5d595e;
background-color: #28875d;
color: black;

font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
/*text-align: justify;*/
/*border-top: 5px solid red;
border-right: 5px solid red;*/
}
.bridge
{
width:100%;
/*position: absolute;
top:170px;
left: 15%;*/
margin: auto;

padding: 5%;
border: 2px solid #5d595e;
background-color: #28875d;
color: black;
float: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
.red
{
color: red;
}
#page9
{

/*width:60%;*/
width:60%;
position: absolute;
top:20px;
left: 15%;
margin: auto;

padding: 5%;
/*border: 5px solid #5d595e;*/
background-color: white;
color: black;

font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;

}
#page7
{

/*width:60%;*/
width:60%;
position: absolute;
top:20px;
left: 15%;
margin: auto;

padding: 5%;
/*border: 5px solid #5d595e;*/
background-color: white;
color: black;



}
.zone1
{
width: 33%;
text-align: center;
background-color:#28875d;
height:480px;
float: left;
}

.zone2
{
width: 33%;
text-align: center;
background-color:#28875d;
height:480px;
float: left;
}

.zone3
{
width: 33%;
text-align: center;
background-color:#28875d;
height:480px;
float: left;
}

.haut
{

background-color:#28875d;
height:160px;


}

.milieu
{

background-color:#28875d;
height:160px;

}

.bas
{

background-color:#28875d;
height:160px;

}


/*galerie d'images-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#galerie  
{
	width: 86%;
	position: absolute;
	left:4%;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: italic 1em Georgia, serif ;
	font-weight:bold;
	color:#cbb096;
}
#galerie  a 
{
	
	
	
	text-decoration: none;
	font: italic 1em Georgia, serif ;
	font-size: 12px;
	color:#cbb096;
	
}

#galerie  a:hover 
{
	
	
	
	text-decoration: none;
	font: italic 1em Georgia, serif ;
	font-size: 12px;
	color:red;
	
}
#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

#galerie_mini li
{
	float: left ;
}

#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #cbb096 ;
}

#photo
{
	clear: both ;
	margin: 0 auto ;
	
}

#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #cbb09 ;
}

#photo dd
{
	margin: 0 ;
}

#photo img
{
	border: 1px solid #cbb096 ;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/