/* caractéristiques générales de l'affichage du site */
html, body {
margin: 0px; padding: 0px;
background: #FFFFFF;
font: 12px "Verdana", "Arial", sans-serif; font-weight: normal; color: #284F94;
scrollbar-face-color: #EBEBF3;
scrollbar-shadow-color: #294E95;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #294E95;
scrollbar-track-color: #FAFAFC;
scrollbar-arrow-color: #294E95;
}

/* création d'un conteneur qui englobe tout le site pour centrage horizontal */
#conteneur {
position: relative;
margin: 10px auto 0px auto; padding: 0px;
width: 816px; height: 506px;
background: #FFFFFF;
text-align: left;
}

/* bloc image du titre */
#titre_image {
position: absolute;
left: 84px; top: 0px;
margin: 0px; padding: 0px;
width: 347px; height: 57px;
background: #FFFFFF;
z-index: 500;
}

/* bloc logo supérieur gauche */
#logo {
position: absolute;
left: 0px; top: 0px;
width: 205px; height: 99px;
margin: 0px; padding: 0px;
}

/* bloc animation flash */
#anim_flash {
position: absolute;
left: 205px; top: 0px;
width: 611px; height: 69px;
margin: 0px; padding: 0px;
}

/* bloc menu horizontal */
#menu_1 {
position: absolute;
left: 205px; top: 69px;
width: 611px; height: 30px;
margin: 0px; padding: 0px;
background: url(../images/fond/menu_droite.gif) right repeat-y;
}

/* bloc menu horizontal 2 */
#menu_2 {
position: absolute;
left: 447px; top: 99px;
width: 269px; height: 30px;
margin: 0px; padding: 0px;
}

/* zone centrale, pour l'affichage du contenu */
#centre {
position: absolute;
left: 0px; top: 99px;
width: 816px; height: 428px;
margin: 0px; padding: 0px;
}

/* marge gauche dans la zone centrale */
#zone_marge_gauche {
position: absolute;
left: 0px; top: 0px;
width: 205px; height: 428px;
margin: 0px; padding: 20px 10px 0px 25px;
background: url(../images/fond/marge_gauche.gif) no-repeat;
}

/* zone délimitée du reste de la zone centrale */
#zone_principale {
position: absolute;
overflow: hidden;
left: 205px; top: 0px;
width: 611px; height: 428px;
text-align: justify;
margin: 0px; padding: 60px 20px 20px 30px;
background: url(../images/fond/contenu.jpg) no-repeat;
}

/* zone de contenu principal, délimitée pour utilisation de la scrollbar */
#zone_contenu_principal {
position: absolute;
overflow: auto;
left: 20px; top: 70px;
margin: Opx; padding: 0px 18px 0px 0px;
width: 581px; height: 337px;
text-align: justify;
font: 12px "Verdana", "Arial", sans-serif; font-weight: normal; color: #284F94;
}

/* bandeau bas */
#inf {
position: absolute;
left: 0px; top: 527px;
width: 816px; height: 29px;
margin: 0px; padding: 3px 0px 0px 20px;
background: url(../images/fond/bas.gif) no-repeat;
font-size: 10px;
}

#inf table {
text-align: center;
font-size: 10px;
}


/* style formulaire */
input.cadre, textarea.cadre
{
margin: 0px; padding: 0px;
background-color: #FFFFFF;
font: 11px "Verdana", "Arial", sans-serif;
color: #000000; 
border-width: 1px;
border-color: #284F94;
border-style: solid;
}

li {
list-style-image: url(../images/puces/puce2.gif);
line-height: 14px;
padding-bottom: 4px;
font-size: 12px; font-weight: normal;
text-align: justify;
} 

.texte_vert {
font: 14px, "Verdana", "Arial", sans-serif; font-weight: bold; color: #309364;
text-align: right;
}

h2 {
font-size: 13px; font-variant: small-caps; color: #309364;
}

.commentaire_lien {
color: #000000;
}

table {
text-align: justify;
font-size: 12px;
border-color: #284F94;
}

hr {
color: #284F94;
height: 1px;
}

#popup {
width: 521px; height: 610px;
font-size: 12px;
}

#popup_haut {
position: absolute;
left: 0px; top: 0px;
width: 521px; height: 36px;
margin: 0px; padding: 0px;
background: url(../images/popup/popup_haut.gif) no-repeat;
}

#popup_centre {
position: absolute;
overflow: auto;
left: 0px; top: 42px;
width: 521px; height: 543px;
margin: 0px; padding: 15px;
background: url(../images/popup/popup_centre.gif) no-repeat fixed;
text-align: justify;
font-size: 12px;
}

#popup_bas {
position: absolute;
left: 0px; top: 591px;
width: 521px; height: 19px;
margin: 0px; padding: 0px;
background: url(../images/popup/popup_bas.gif) no-repeat;
}

#popup2 {
width: 800px; height: 600px;
font-size: 12px;
}

#popup_haut2 {
position: absolute;
left: 0px; top: 0px;
width: 800px; height: 36px;
margin: 0px; padding: 0px;
background: url(../images/popup/popup_haut2.gif) no-repeat;
}

#popup_centre2 {
position: absolute;
overflow: auto;
left: 0px; top: 57px;
width: 800px; height: 518px;
margin: 0px; padding: 15px;
background: url(../images/popup/popup_centre2.gif) no-repeat fixed;
text-align: justify;
font-size: 12px;
}

#popup_bas2 {
position: absolute;
left: 0px; top: 581px;
width: 800px; height: 19px;
margin: 0px; padding: 0px;
background: url(../images/popup/popup_bas2.gif) no-repeat;
}

h1 {
font-size: 14px; font-weight: bold;
background: url(../images/puces/puce1.gif) no-repeat;
line-height: 30px;
/*vertical-align: middle;*/
padding-left: 35px;
}

.miseajour {
font-size: 9px;
text-align: right;
color: #777777;
}

#zone_mise_a_jour {
position: absolute;
left: 25px; top: 380px;
width: 150px; height: 30px;
margin: 0px; padding: 0px;
}


/* LIENS */

a {
font-weight: bold; color: #284F94; text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a.anim {
font-weight: bold; color: #284F94; text-decoration: none; font-variant: normal;
background: url(../images/boutons/lien.gif) no-repeat;
padding-left: 18px;
}

a.anim:hover {
text-decoration: underline;
}

a.ancre {
font-size: 13px; font-weight: bold; color: #284F94; text-decoration: none;
line-height: 20px;
}

a.balise, a.balise:hover {
text-decoration: none;
}

#inf a {
font-weight: normal; color: #284F94; text-decoration: none; font-variant: normal;
}

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



/* MENU CSS */

@media print {
.menu, .ssmenu {
visibility:hidden;
}
}

.menu, .ssmenu {
font: 9px "Verdana", "Arial", sans-serif; color: #FFFFFF; font-weight:normal;
border:0; padding:0;
width:15em; margin:0em;
}

.ssmenu {
background-color: #9EB0CE;
filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
}

.menu span, .ssmenu span {
display:none;
}

.ssmenu ul, .ssmenu li {
font: 9px "Verdana", "Arial", sans-serif; color: #FFFFFF; font-weight:normal;
padding:0; margin:0;
list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
font: 9px "Verdana", "Arial", sans-serif; color: #FFFFFF; font-weight:normal;
color: #FFFFFF;
text-decoration:none;
padding:2px;
display:block;
margin:0px;
height:100%;
}

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
width:auto;
}

.menu a, .menu a:visited {
padding:0;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
background: #365899;
color:white;
text-decoration:none;
}

img {
border:none;
}

.ssmenu img {
margin-right:2px;
}