body {margin:0; text-align:center;font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 75%;margin:0; padding:0; width:100%; height:100%; background-color:#0056ad}

table {margin:0; border:0; border-collapse:collapse}
th, td {padding:0;margin:0}
div {padding:0;margin:0}
object, embed {border:0; margin:0; padding:0}

#containerpage {margin-left: auto; margin-right: auto; position: relative; width:949px; height: 649px; text-align: center; border: 1px solid #56902c;}
.absolu {position:absolute; left:auto; z-index:60; visibility: visible; }

/* images et couleurs */
/* images communes */
.couleur_blanche{background-color:#fff;}
.fond {background-image: url("images2/index_fond.jpg"); height: 650px; width: 950px; background-repeat: no-repeat; }
.act_fond {background-image: url("images2/act_fond.jpg"); height: 187px; width: 257px; background-repeat: no-repeat;}


/* Menu */
.dec_med {color: #535353; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
.dec_med {background-image: url("images2/dec_med.jpg"); height: 28px; background-repeat: repeat-x }
.dec_med {padding-top:4px;}
.dec_medF2  {padding-top:4px;}
.dec_medF2 {background-image: url("images2/dec_medF2.jpg"); height: 28px; background-repeat: repeat-x }
.dec_medF2 a {color: white; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
#ddec {position:absolute; left:auto; z-index:60; visibility: visible; height:28px;}
#ddecF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px;}
#cdec {position:absolute; left:auto; z-index:100; visibility: hidden; margin-top: -3px}
.decal_cdec {padding-left: 120px; }

.com_med {color: #535353; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
.com_med {background-image: url("images2/com_med.jpg"); height: 28px; background-repeat: repeat-x }
.com_med {padding-top:4px;}
.com_medF2  {padding-top:4px;}
.com_medF2 {background-image: url("images2/com_medF2.jpg"); height: 28px; background-repeat: repeat-x }
.com_medF2 a {color: white; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
#dcom {position:absolute; left:auto; z-index:60; visibility: visible; height:28px;}
#dcomF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px;}
#ccom {position:absolute; left:auto; z-index:100; visibility: hidden; margin-top: -3px}
.decal_ccom {padding-left: 170px; }

.quo_med {color: #535353; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
.quo_med {background-image: url("images2/quo_med.jpg"); height: 28px; background-repeat: repeat-x }
.quo_med {padding-top:4px;}
.quo_medF2  {padding-top:4px;}
.quo_medF2 {background-image: url("images2/quo_medF2.jpg"); height: 28px; background-repeat: repeat-x }
.quo_medF2 a {color: white; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
#dquo {position:absolute; left:auto; z-index:60; visibility: visible; height:28px;}
#dquoF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px;}
#cquo {position:absolute; left:auto; z-index:100; visibility: hidden; margin-top: -3px}
.decal_cquo {padding-left: 183px; }

.ass_med {color: #535353; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
.ass_med {background-image: url("images2/ass_med.jpg"); height: 28px; background-repeat: repeat-x }
.ass_med {padding-top:4px;}
.ass_medF2  {padding-top:4px;}
.ass_medF2 {background-image: url("images2/ass_medF2.jpg"); height: 28px; background-repeat: repeat-x }
.ass_medF2 a {color: white; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
#dass {position:absolute; left:auto; z-index:60; visibility: visible; height:28px;}
#dassF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px;}
#cass {position:absolute; left:auto; z-index:100; visibility: hidden; margin-top: -3px}
.decal_cass {padding-left: 169px; }

.eco_med {color: #535353; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
.eco_med {background-image: url("images2/eco_med.jpg"); height: 28px; background-repeat: repeat-x }
.eco_med {padding-top:4px;}
.eco_medF2  {padding-top:4px;}
.eco_medF2 {background-image: url("images2/eco_medF2.jpg"); height: 28px; background-repeat: repeat-x }
.eco_medF2 a {color: white; height:28px; font-size:1.1em; text-decoration:none; font-weight: bold;}
#deco {position:absolute; left:auto; z-index:60; visibility: visible; height:28px;}
#decoF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px;}
#ceco {position:absolute; left:auto; z-index:100; visibility: hidden; margin-top: -3px}
.decal_ceco {padding-left: 118px; }

/* rub */
.tarub {width:100%; text-decoration: none; font-size:0.9em;padding-right:20px;}
.tdrub {width:100%; padding-right:10px;}
.tdrub a{display:block; padding-left:6px;padding-top:4px;padding-bottom:4px;padding-right:4px; width:100%; text-decoration:none; color:#bbe7d2;}
.tdrub a:hover {text-decoration:none;font-weight:bold; color: white}
.tdrubfin {width:100%; padding-right:10px;}
.tdrubfin a {display:block; padding-left:6px;padding-top:4px;padding-bottom:4px;padding-right:4px; width:100%;text-decoration:none; color:#bbe7d2;}
.tdrubfin a:hover {text-decoration:none;font-weight:bold; color: white}
.menu_couleur{background-color:#0966b3}
.lienmenu {color: #fff; background-color: #0966b3}
.lienmenufin{color:#fff; background-color: #0966b3}
.lienmenu:hover {color: #D2E9FF; background-color: #0966b3}
.lienmenufin:hover{color: #D2E9FF; background-color: #0966b3}

/* Espace actualites */
.liste {font-size: 0.8em; color:#ffffff;}
.flash {font-size: 0.8em; color:#0367BC; font-weight:bold;}
.flash a {color:#0367BC; text-decoration: none; }
.flash a:hover { color:#0367BC; text-decoration: underline;}

.decal_actu {padding-left: 302px;}
.titremod {color: #fff; font-size:1.3em; font-weight:bold; font-variant:small-caps;padding-left: 10px;}
.titremod a {color:#fff; text-decoration: none; font-weight:bold;}
.titremod a:hover { color:#fff; text-decoration: underline; font-weight:bold;}

.FondTitre {color:#434343;background-color :#d8f2a4; text-transform: uppercase; letter-spacing: 1px}
.critere_actu {padding-left: 3px;}
.td_actu {padding-right: 3px; padding-top: 3px; padding-left: 3px; padding-bottom: 3px }
.vignet {float: left; padding-right: 3px; padding-left: 2px; padding-top: 5px; border:0px}
.actu_resume {font-size: 0.9em; float: left; padding-left: 2px; padding-right: 2px; color: #fff !important; text-decoration:none;}
.titre_actu {font-size: 1.1em; color: #FFC424; padding-right: 0px; padding-left: 2px; padding-bottom: 2px; padding-top: 2px; font-weight:bold;}
.titre_actu a {color: #FFC424; font-weight:bold; text-decoration:underline;}
.titre_actu a:hover {color: #FFC424; font-weight:bold; text-decoration:none;}

/* recherche  */
.crech {position:absolute; left:auto; z-index:40; padding-left: 19px;  padding-top: 7px}
.rech form {display:inline;}
.rech .recherche {width:110px; height:13px; border:1px solid #b2b4bf; font-size:x-small; color:black}
.rech #submit {height:17px; width: 23px; padding-left: 4px}
.input_text {float: left; padding-top: 1px}
.input_button {float: left; padding-top: 2px}

/* Menu Invariants */
.decal_directs {padding-top: 6px; }
.menu_inv {position:absolute;left:auto; height: 27px; z-index:60;}
.lien_inv {color: #0367BC;  height:27px; font-size:0.9em; padding-left: 0px; padding-right: 0px;  font-weight:bold;}
.lien_invF2 {text-align: left; padding-left: 0px; padding-right: 0px;}
.lien_invF2 a {color: #0367BC; height:27px; font-size:0.9em; font-weight:bold;}

.dinv {position:relative; left:auto; z-index:60; visibility: visible; height:27px;}
.dinvF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:27px; margin-top: -27px}

.invar {font-size: 0.9em; color:#0367BC; padding-right:6px}
.invar a {color:#0367BC; text-decoration: none; font-weight:bold;}
.invar a:hover { color:#0367BC; text-decoration: underline; font-weight:bold;}