body {margin:0; text-align:center;font-family: Arial,Tahoma, Helvetica, Sans-Serif;font-size: 75%;margin:0; padding:0; width:100%; height:100%}

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}
a img{border:0;}

#con_containerpage {margin-left: auto;margin-right: auto; border: 1px solid #5886ba; position: relative; width:950px;text-align: center;}
#viv_containerpage {margin-left: auto;margin-right: auto; border: 1px solid #b5ce8c; position: relative; width:950px;text-align: center;}
#tra_containerpage {margin-left: auto;margin-right: auto; border: 1px solid #015d5a; position: relative; width:950px;text-align: center;}

/* Images Page */
/* con */
.con_ban {background-image: url("images2/con_ban.jpg"); height: 175px; width: 950px;background-repeat: no-repeat}
.con_menu {background-image: url("images2/con_menu.jpg"); height: 31px; width: 950px}
.con_navig {background-image: url("images2/con_navig.jpg"); height: 19px; width: 950px}
.con_sous_menu {background-image: url("images2/con_sous_menu.jpg"); height: 4px; width: 950px}
.con_sommaire {background-image: url("images2/con_sommaire.jpg"); height: 265px; width: 227px; background-repeat: no-repeat}
.con_fond {background-image: url("images2/con_fond.jpg"); width: 227px}
.con_puce {background-image: url("images2/puce_con.gif"); width: 7px; height: 8px}
.con_marche {background-image: url("images2/con_marche.jpg"); width: 227px; height: 28px; color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}
.con_news {background-image: url("images2/con_news.jpg"); width: 227px; height: 28px; color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}
.con_extra {background-image: url("images2/con_extra.jpg"); width: 227px; height: 28px; color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}

/* viv */
.viv_ban {background-image: url("images2/viv_ban.jpg"); height: 175px; width: 950px}
.viv_menu {background-image: url("images2/viv_menu.jpg"); height: 31px; width: 950px}
.viv_navig {background-image: url("images2/viv_navig.jpg"); height: 19px; width: 950px}
.viv_sous_menu {background-image: url("images2/viv_sous_menu.jpg"); height: 4px; width: 950px}
.viv_sommaire {background-image: url("images2/viv_sommaire.jpg"); height: 265px; width: 227px; background-repeat: no-repeat}
.viv_fond {background-image: url("images2/viv_fond.jpg"); width: 227px}
.viv_marche {background-image: url("images2/viv_marche.jpg"); width: 227px; height: 28px; color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}
.viv_news {background-image: url("images2/viv_news.jpg"); width: 227px; height: 28px; color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}
.viv_extra {background-image: url("images2/viv_extra.jpg"); width: 227px; height: 28px; color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}

/* tra */
.tra_ban {background-image: url("images2/tra_ban.jpg"); height: 175px; width: 950px}
.tra_menu {background-image: url("images2/tra_menu.jpg"); height: 31px; width: 950px}
.tra_navig {background-image: url("images2/tra_navig.jpg"); height: 19px; width: 950px}
.tra_sous_menu {background-image: url("images2/tra_sous_menu.jpg"); height: 4px; width: 950px}
.tra_sommaire {background-image: url("images2/tra_sommaire.jpg"); height: 265px; width: 227px; background-repeat: no-repeat}
.tra_fond {background-image: url("images2/tra_fond.jpg"); width: 227px}
.tra_marche {background-image: url("images2/tra_marche.jpg"); width: 227px; height: 28px; color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}
.tra_news {background-image: url("images2/tra_news.jpg"); width: 227px; height: 28px; color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}
.tra_extra {background-image: url("images2/tra_extra.jpg"); width: 227px; height: 28px; color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}

/* Tableau Menu */
.con_fonds  {color: white; text-decoration: none;  font-size:1.2em; font-weight:bold; height: 31px; width: 138px}
.con_fondsF2  {color: white; text-decoration: underline;  font-size:1.2em; font-weight:bold; height: 31px; width: 138px}
.con_fondsF2 a{color: white;}
#dcon  {position:absolute; left:auto; z-index:10; visibility: visible;  height:31px;}
#dconF2 {position:absolute; left:auto; z-index:20; visibility: hidden;  height:31px;}

.viv_fonds  {color: white; text-decoration: none;  font-size:1.2em; font-weight:bold; height: 31px; width: 108px}
.viv_fondsF2  {color: white; text-decoration: underline;  font-size:1.2em; font-weight:bold; height: 31px; width: 108px}
.viv_fondsF2 a{color: white;}
#dviv  {position:absolute; left:auto; z-index:10; visibility: visible;  height:31px;}
#dvivF2 {position:absolute; left:auto; z-index:20; visibility: hidden;  height:31px;}

.tra_fonds  {color: white; text-decoration: none;  font-size:1.2em; font-weight:bold;  height: 31px; width: 132px}
.tra_fondsF2  {color: white; text-decoration: underline;  font-size:1.2em; font-weight:bold; height: 31px; width: 132px}
.tra_fondsF2 a{color: white;}
#dtra  {position:absolute; left:auto; z-index:10; visibility: visible;  height:31px;}
#dtraF2 {position:absolute; left:auto; z-index:20; visibility: hidden;  height:31px;}

.dec_fonds  {color: white; text-decoration: none;  font-size:1.2em; font-weight:bold; height: 31px; width: 131px}
.dec_fondsF2  {color: white; text-decoration: underline;  font-size:1.2em; font-weight:bold; height: 31px; width: 131px}
.dec_fondsF2 a{color: white;}
#ddec  {position:absolute; left:auto; z-index:10; visibility: visible;  height:31px;}
#ddecF2 {position:absolute; left:auto; z-index:20; visibility: hidden;  height:31px;}
		
/* Menu */
/* con */
#ccon {position:absolute; left:auto; z-index:1; visibility: hidden;}
.tacon {width: 138px; border:0px solid white}
.tdcon a {display:block;padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 138px;background-color: #DBE5F1; border-top: 1px solid #eee;}
.tdcon a{color: black; text-decoration: none;  font-size:0.9em}
.tdcon a:hover{background-color: #5886BA; color: white; text-decoration:none;font-weight:bold}

/* viv */
#cviv {position:absolute; left:auto; z-index:1; visibility: hidden;}
.taviv {width: 108px; border:0px solid white}
.tdviv a{display:block; padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 108px; background-color: #e1e6d0; border-top: 1px solid #eee;}
.tdviv a{color: black ;text-decoration: none; font-size:0.9em}
.tdviv a:hover{background-color:#B5CE8C;color: white; text-decoration:none;font-weight:bold}

/* tra */
#ctra {position:absolute; left:auto; z-index:1; visibility: hidden;}
.tatra {width: 132px; border:0px solid white}
.tdtra a{display:block;padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 132px;background-color: #86B4B9; border-top: 1px solid #eee;}
.tdtra a{color: black; text-decoration: none;  font-size:0.9em}
.tdtra a:hover{background-color: #015D5A; color: white; text-decoration:none;font-weight:bold}

/* dec */
#cdec {position:absolute; left:auto; z-index:1; visibility: hidden;}
.tadec {width: 132px; border:0px solid white}
.tddec a {display:block;padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 132px;background-color: #f3f4a8; border-top: 1px solid #eee;}
.tddec a{color: black;text-decoration: none;  font-size:0.9em}
.tddec a:hover{background-color: #e9d819; color: white; text-decoration:none;font-weight:bold}

/* Espace de la page */
.titremod{color: black; font-size:1.1em; font-weight:bold; text-decoration:none; text-transform: uppercase; padding-left: 30px}

.titreextra{color: black; font-size:1em; font-weight:bold; text-decoration:none; text-transform: uppercase;}
.titreextra:hover{text-decoration:underline;}

/* Espace du sommaire */
.sommaire {margin-top:10px; margin-left: -6px;}
/* Espace du sommaire .sommaire ul {margin-left: 20px;}  */
.sommaire li {margin-left: -10px;}
.sommaire a { font-size: 1em;}
.sommaire a:hover {text-decoration:underline;}
.niv2g_con {list-style-type: none;list-style-image: url(images2/puce_con.gif);padding-left:0px;padding-top:2px;padding-bottom:2px;padding-right:2px;}
.niv2g_tra {list-style-type: none;list-style-image: url(images2/puce_tra.gif);padding-left:0px;padding-top:2px;padding-bottom:2px;padding-right:2px;}
.niv2g_viv {list-style-type: none;list-style-image: url(images2/puce_viv.gif);padding-left:0px;padding-top:2px;padding-bottom:2px;padding-right:2px;}
.niv2g_dec {list-style-type: none;list-style-image: url(images2/puce_dec.gif);padding-left:0px;padding-top:2px;padding-bottom:2px;padding-right:2px;}
.niv2g_over {list-style-type: none;list-style-image: url(images2/puce.gif);padding-left:0px;padding-top:2px;padding-bottom:2px;padding-right:2px;}
.niv3g {list-style-image:none; margin-left:-10px; color:black;}
.niv4g {list-style-image:none;  margin-left:-10px; color:black;}
.niv5g {list-style-image:none;  margin-left:-10px; color:black;}
.lienniv2 {font-size: small; color:black; text-decoration: none; font-weight:bold;}
.lienoverniv2 {font-size: 1em; text-decoration: underline; font-weight:none; color:black; font-weight:bold;}
.lien {font-size: small; color:black; text-decoration: none;}
.lienover {font-size: 1em; text-decoration: underline; font-weight:none; color:black;}

/* recherche  */
.rech {display:inline; color:black;}
.rech form {display:inline;}
.rech .recherche {width:110px; height:15px; border:1px solid #666; background:#fff; font-size:x-small;}
.rech #Submit {height:20px; width: 28px; padding-left: 2px}
.rech #btn {height:20px; width: 28px; padding-left: 2px;}
.input_text {float: left;}
.input_button {float: left;}

/* Espace de la navigation du site */
.navig {font-size: 0.9em; color:black; padding-right: 25px;}
.navig a {color:black; text-decoration:none}
.navig a:hover {color:black; text-decoration: underline}

/* Newsletter  */
.lettre .news {width:145px; height:15px; border:1px solid #CCC; background:#fff; font-size:x-small;}
.lettre #submit {height:18px; width: 145px; }

/* Espace des invariants */
.ligne {border-bottom: solid 2px}
.invar {font-size: 1.1em; color:black; padding-bottom: 3px; padding-top: 3px; padding-left: 5px; font-weight:bold;}
.invar a {color:black; text-decoration:none}
.invar a:hover {color:black; text-decoration: underline}

/* Espace Accessibilité */
.acces {font-size: 0.9em; color:black; padding-left: 10px; padding-right: 10px; padding-top: 6px; font-weight:bold;}
.acces  a {color:black; text-decoration:none}
.acces  a:hover {color:black; text-decoration: underline}

.titre_extra {color: black; text-decoration:none; text-transform: uppercase;}
.titre_extra:hover {text-decoration:underline;}

/* Espace du contenu */
.contenu {padding-top: 0px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
.contenu .imgpuce {display:none}
.contenu .nomcontenu {display:none}
.contenu .TListe, .contenu .TContenu {width:100%; padding-bottom:5px; padding-top:5px; margin-bottom:10px}
.contenu .TListe .titre, .contenu .TContenu .titre {padding-bottom:0px; padding-top:0px; padding-left:0px; border-bottom: solid 1px}
.contenu .TListe img, .contenu .TContenu img {margin:5px;}
.contenu .TListe .titre span, .contenu .TContenu .titre span {display:block}
.vignette {width:1px;}
.contenu .TListe .resume, .contenu .TContenu .resume {padding-bottom:5px; padding-top:5px}
.date {padding-bottom:5px; padding-top:5px}
.TContenu td {padding:2px}
.TListe td {padding:2px}

