html,body
{
    margin: 0;
    padding: 0 ;
    text-align: center;
    background-color: #356b9a;
    background-repeat:no-repeat;
    SCROLLBAR-FACE-COLOR: #4badec;
    SCROLLBAR-HIGHLIGHT-COLOR: #0c5192;
    SCROLLBAR-SHADOW-COLOR: #0c5192;
    SCROLLBAR-3DLIGHT-COLOR: #66c0fa;
    SCROLLBAR-ARROW-COLOR: #0c5192;
    SCROLLBAR-TRACK-COLOR: #66c0fa;
    SCROLLBAR-DARKSHADOW-COLOR: #4badec;
}

#haut
{
    width:100%;
    height: 20px;
    margin:0;
    padding:0;
    text-align:left;
    background-color: #000000;
    display: block;
}

#hautslogan
{
	width:100%;
	height: 335px;
	margin: 0px;
	padding:0px;
	text-align:center;
	background-color: #4badec;
	display: block;
	background-image: url(/images/fond_degrade_beluclair.png);
	background-repeat: repeat-x;
}


#menu
{
    width:100%;
    height: 30px;
    margin:0;
    padding:0;
    text-align:center;
    background-color: #174c78;
    display: block;
}

.b_form {
    border: solid 1px #4badec;
    background-color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    color: #4badec;
}

.formulaire {
    border: solid 1px #4badec;
    background-color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    color: #000000;
}

div.menu {
	width:auto;
	float:left;
	height:10px;
	background-image: url(/images/puce_menu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align:justify;
	padding: 10px;
}

div.menu a {
	padding-left:5px;
	color: #FFFFFF;
    margin: 0px;
    text-decoration: underline;
}
div.menu a:hover,active {
	padding-left:5px;
	color: #FFFFFF;
    margin: 0px;
    text-decoration: none;
}

#main
{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	overflow: auto;
	display: block;
	background-image: url(/images/fond_degrade_bleu.png);
	background-repeat: repeat-x;
}

#contenu
{
    width:950px;
	min-height:830px;
    margin:0;
    margin-left: auto;
    margin-right: auto;
    padding:0;
    text-align:left;
    display: block;
}

.texte_blanc {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align:justify;
}

.titre_blanc {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align:justify;
	letter-spacing:2px;
}

.lien_blanc {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: underline;
    text-align:justify;
}

.lien_blanc:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
    text-align:justify;
}

.soustitre_noir {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-align:justify;
	letter-spacing:1px;
}

.xoptioncss{
position:absolute;
display:none;
z-index: 1000000;
width: 190px;
border: solid 1px #f5a300;
background-color: #c91a1a;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-variant: normal;
font-weight: none;
text-transform: none;
text-decoration: normal;
color: #FFFFFF;

}

.autresoptions {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-variant: normal;
font-weight: bold;
text-transform: none;
text-decoration: none;
color: #FFFFFF;
}
.autresoptions:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-variant: normal;
font-weight: none;
text-transform: none;
text-decoration: underline;
color: #F7A400;
}

div.adresseagenda1 {
    width: 500px;
    height: 11px;
    margin:0px;
    padding:5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #c81a19;
    text-decoration: none;
    background-color:#ffffff;
    border:solid 1px #ffffff; 
}

div.titreagenda1 {
    margin:0px;
    padding:0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
 
}
div.resumagenda1 {
    width: 500px;
    height: auto;
    margin:0px;
    margin-top: 2px; 
    padding:5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
    border:solid 1px;

}

.lienagenda1 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #c81a19;
    text-decoration: underline;
}
.lienagenda1:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #c81a19;
    text-decoration: none;
}
 

 
 div.adresseagenda2 {
    width: 500px;
    height: 11px;
    margin:0px;
    margin-top:10px;
    padding:5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
    background-color:#c81a19;
    border:solid 1px #c81a19; 
}

div.titreagenda2 {
    margin:0px;
    padding:0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
 
}
div.resumagenda2 {
    width: 500px;
    height: auto;
    margin:0px;
    margin-top: 2px; 
    padding:5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    text-align: justify;
    color: #ffffff;
    text-decoration: none;
    border:solid 1px #c81a19;

}

.lienagenda2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #c81a19;
    text-decoration: underline;
}
.lienagenda2:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #c81a19;
    text-decoration: none;
}
 
.paginresagenda {
    margin:0px;
    padding:5px;
}


.adressedetailagenda {
    margin:0px;
    padding:0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #fab835;
    text-decoration: none;
}

.titredetailagenda {
    margin:0px;
    padding:0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
}

.desdetailagenda {
    margin:0px;
    padding:0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: none;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
}

.retour {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: underline;
}
.retour:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #fab835;
    text-decoration: none;
}

.pages {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
}
.pages:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #fab835;
    text-decoration: underline;
}

.zoom {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: underline;
}
.zoom:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #fab835;
    text-decoration: none;
}