/* CSS Document */

body {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #000099;
margin: 0;
padding: 0;
}


#header {
height: 96px;
background-image: url(images/fond-header2.gif);
}

#header img{
float:right;
margin:0 0 0 0;
}

#menuhaut{
margin:0;
padding:0.1em 0.5em 0.1em 0;
list-style-type:none;
background-color:black;
color:white;
text-align:right;
border-color:#FFFFFF;
border-style:solid;
border-width:1px;
}

#menuhaut li{
display:inline;
}

#menuhaut a{
color:white;
text-decoration:none;
}

#menuhaut a:hover{
text-decoration:underline;
}

#lire{
color:#0000FF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#lire a:link {
	color: #0000CC;
	text-decoration: none;
	font-weight:bold;
}


#lire a:visited {
	text-decoration: none;
	color: #0000CC;
	font-weight:bold;
}
#lire a:hover {
	text-decoration: underline;
	color: #0000CC;
	font-weight:bold;
}
#lire a:active {
	text-decoration: none;
	color: #0000CC;
	font-weight:bold;
}

#conteneur {
position: relative;
width: 800px;
margin: 0 auto; 
background-color:#343399;
border-color:#000000;
border-style:solid;
border-width:1px;
}
#centre {
padding:10px;
height:auto;
background-color:#ffffff;
margin-left: 150px;
margin-right: 150px;
}

#p-contenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
}

#formulaire {
padding:5px;
background-color:#ffffff;
margin-left: 150px;
margin-right: 150px;
}

#p-formulaire{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

.champs{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.style_champs {
	background-color: #e1c7fc;
	border: 1px solid #310262;
}


#gauche {
left:5px;
width: 130px;
background-color:#310262;
margin-top:40px;
border-color:#4d49a7;
border-style:solid;
border-width:2px;
position: absolute;
text-align: justify;
color:white;
padding:3px;
}

#gauche2 {
left:5px;
width: 130px;
background-color:#310262;
margin-top:160px;
border-color:#4d49a7;
border-style:solid;
border-width:2px;
position: absolute;
text-align: justify;
color:white;
padding:3px;
}

#gauche3 {
left:5px;
width: 130px;
background-color:#310262;
margin-top:300px;
border-color:#4d49a7;
border-style:solid;
border-width:2px;
position: absolute;
text-align: justify;
color:white;
padding:3px;
}

#rubrique1_gauche{
border-color:#4d49a7;
border-style:solid;
border-width:2px;
margin-top:20px;
position: absolute;
left:5px;
width: 136px;
text-align: justify;
color:white;
background-color:#4d49a7;
}

#rubrique2_gauche{
border-color:#4d49a7;
border-style:solid;
border-width:2px;
margin-top:140px;
position: absolute;
left:5px;
width: 136px;
text-align: justify;
color:white;
background-color:#4d49a7;
}

#rubrique3_gauche{
border-color:#4d49a7;
border-style:solid;
border-width:2px;
margin-top:280px;
position: absolute;
left:5px;
width: 136px;
text-align: justify;
color:white;
background-color:#4d49a7;
}

#droite {
background-color:#310262;
margin:auto;
margin-top:40px;
border-color:#4d49a7;
border-style:solid;
border-width:2px;
position: absolute;
right:5px;
width: 130px;
height:100px;
text-align: justify;
overflow:auto;
color:white;
padding:3px;
}

#droite2 {
	background-color:#310262;
	margin:auto;
	margin-top:200px;
	border-color:#4d49a7;
	border-style:solid;
	border-width:2px;
	position: absolute;
	right:5px;
	width: 130px;
	height: auto;
	text-align: justify;
	overflow:auto;
	color:white;
	padding:3px;
	top: 116px;
}


#droite-agenda {
border-color:#4d49a7;
border-style:solid;
border-width:2px;
margin-top:20px;
position: absolute;
right:5px;
width: 136px;
height:100px;
text-align: justify;
color:white;
background-color:#4d49a7;
}

#droite-pub {
border-color:#4d49a7;
border-style:solid;
border-width:2px;
margin-top:180px;
position: absolute;
right:5px;
width: 136px;
height:100px;
text-align: justify;
color:white;
background-color:#4d49a7;
}


#texte-agenda{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#pied {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9.5px;
height: 20px;
background-color: #000000;
border-color:#FFFFFF;
border-style:solid;
border-width:1px;
text-align:center;
color:white;
}

#pied2 {
width:800px;
height: 20px;
background-color: #000000;
border-color:#FFFFFF;
border-style:solid;
border-width:1px;
text-align:center;
color:white;
}

.menugauche {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:white;
width: 130px;
list-style-type: none;
margin: 0;
padding:0;
list-style-image: url(images/puce.gif);
}
.menugauche li {
margin-left:21px;
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #ffffff;
text-decoration: none;
}
.menugauche a:hover {

text-decoration: underline;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 12px 0;}

.style_date{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: bold;
}

.style_agenda{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	word-spacing: normal;
}

.style_lien_agenda{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFF00;
}

#lien_agenda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFF00;
}
#lien_agenda a:link {
	color: #FFFF00;
	text-decoration: none;
	font-weight:bold;
}


#lien_agenda a:visited {
	text-decoration: none;
	color: #FFFF00;
	font-weight:bold;
}
#lien_agenda a:hover {
	text-decoration: underline;
	color: #FFFF00;
	font-weight:bold;
}
#lien_agenda a:active {
	text-decoration: none;
	color: #FFFF00;
	font-weight:bold;
}