*{margin:0;padding:0;font-family:Trebuchet MS,Tahoma,Arial,Helvetica,sans-serif;}

body{text-align:center;background:#2f64a9;color:#424242;line-height:1.4;font-size:11px;}

h1{font-size:20px;color:black;font-weight:normal;margin-bottom:3px;}
h2{font-size:16px;color:#346866;font-weight:normal;margin-bottom:2px;}
h3{font-size:13px;color:#274658;font-weight:bold;margin-bottom:2px;}
h4{font-size:13px;color:#274658;font-weight:bold;}
h5{font-size:13px;color:#346866;font-weight:bold;}

.colv{color:#346866;}.fw{font-weight:bold;}
.fs08{font-size:0.8em;}.fs09{font-size:0.9em;}.fs1{font-size:1.1em;}.fs2{font-size:1.2em;}.fs3{font-size:1.3em;}.fs4{font-size:1.4em;}

a{color:#274658; font-weight:bold; text-decoration:none;cursor:pointer;}a:hover{color:#424242; text-decoration:underline;}

img{border:0;outline:none;}

#int_cont{width:999px;text-align:left;position:relative;overflow:hidden;left:0;background:white;min-height:780px;}

#bandespace{clear:both;background:url(/image/page/bande.jpg) no-repeat;height:5px;}

#navhaut{background:url(/image/page/haut_accueil.jpg) no-repeat;width:999px;}
#navhaut a{color:white;text-decoration:none;cursor:pointer;}#navhaut a:hover{text-decoration:underline;}
#navhaut_ot{float:left;width:220px;height:28px;padding:12px 0 0 0;text-align:center;font-size:12px;color:black;}
#navhaut_villare{float:left;width:250px;height:28px;padding:12px 0 0 0;text-align:center;font-size:12px;color:white;}
#navhaut_odyssee{float:left;width:160px;height:28px;padding:12px 0 0 0;text-align:center;font-size:12px;color:white;}
#navhaut_langue{float:right;width:auto;margin: 1px 2px 1px 2px;border: 1px dotted #b5c7a1; padding:2px; background-color:#3a7198;}
#navhaut_langue a img{border:solid 1px #274658;margin:2px;cursor:pointer;}#navhaut_langue a:hover img{ border:solid 1px #FFF;}
#navhaut_meteo{float:right;width:auto;margin: 2px;border: 1px dotted #b5c7a1;background-color:#3a7198;}
#navhaut_meteo a{display:block;border:solid 1px #3a7198; height:25px; cursor: default;cursor:pointer;}
#navhaut_meteo a:hover{ border:solid 1px #FFF; text-decoration:none;}
#navhaut_map{float:right;width:60px;margin: 2px;border: 1px dotted #b5c7a1;background-color:#3a7198;}
#navhaut_map a{display:block;border:solid 1px #3a7198; height:25px;cursor:pointer;}#navhaut_map a:hover{ border:solid 1px #FFF;text-decoration:none;}
#datej{float:left; color:#FFF; padding:2px; font-size:1em; line-height:0.95em;}
#navppal{height:28px;background-color:#346866;}
#baspage{clear:both;width:960px;background: url(../image/page/otsi.png) right no-repeat #346866;color:#ABAAAA;font-size:1em;padding:5px 23px 5px 16px; height:14px;}
#baspage a{float:right;text-decoration:none;padding:0px 10px 0px 8px;color:white;}
#baspage a:hover{ text-decoration:underline;}

ul.MenuBarHorizontal{margin: 0;margin-left:2px;padding: 0;list-style-type: none;font-size: 100%;cursor: default;width: auto;}
ul.MenuBarActive{z-index: 1000;}
ul.MenuBarHorizontal li{margin: 0;padding: 0;list-style-type: none;font-size: 100%;position: relative;text-align: left;cursor: pointer;width: 123px;float: left;}
ul.MenuBarHorizontal ul{margin: 0;padding: 0;list-style-type: none;font-size: 100%;z-index: 1020;cursor: default;width: 123px;position: absolute;left: -1000em;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left: auto;}
ul.MenuBarHorizontal ul li{width: 123px;}
ul.MenuBarHorizontal ul ul{position: absolute;margin: -5% 0 0 95%;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{left: auto;top: 0;}
ul.MenuBarHorizontal ul{border: 1px solid #CCC;}
ul.MenuBarHorizontal a{display: block;cursor: pointer;padding: 0.5em 0.55em 0.6em 0.55em;text-decoration: none; text-align:center;}
#MenuBar1 li a {background-image: url(/image/page/fondnav.jpg);background-repeat: no-repeat;color:#FFF;}
#MenuBar1 li a:hover{background-image: url(/image/page/fondnavhover.jpg);background-repeat: no-repeat;color:#000;}
#MenuBar1 ul li a { background-image:none;background-color:#346866;color:#FFF; border-bottom:1px dotted;}
#MenuBar1 ul li a:hover{background-image:none;background-color:#a2ba9a;color:#000;}
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe{position: absolute;z-index: 1010;filter:alpha(opacity:0.1);}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE{display: inline;float: left;background: #FFF;}
}

#contpage{padding-left:8px;}
#contpagec1{float:left;width:770px;margin:0px 5px 3px 0;padding: 0 5px 5px 0;border-right:1px dotted;}
#page{font-size:1.2em;}

#page li{ list-style:none;margin:5px; display:block;}
#page li a{ padding-left:10px; background:url(/image/page/puceoff.gif) left no-repeat;}
#page li a:hover{ background:url(/image/page/puceon.gif) left no-repeat;}

#contpagec2{float:left;width:197px;margin:8px 0;}
#c2lv{ padding:4px;background-color:#b8c9a9; margin-bottom:5px; border:1px dotted #274658; }
#c2menu{padding:4px;background-color:#b8c9a9; margin-bottom:5px;border:1px dotted #274658;}
#c2memo{padding:4px;background-color:#b8c9a9; margin-bottom:5px;border:1px dotted #274658;}
#c2news{padding:4px;background-color:#b8c9a9;margin-bottom:5px;border:1px dotted #274658;}

#c2menu li{ font-size:0.85em; text-align:left; margin-left:10px; list-style-type:none; width:155px;}
#c2menu li a{ color:#b8c9a9;}

.outilh{background:url(/image/page/outilh.gif) no-repeat; margin:0 2px;width:181px; height:6px;font-size:1px; }
.outilb{background:url(/image/page/outilb.gif) no-repeat;margin:0 2px;width:181px; height:6px;font-size:1px; }
.outilm{width:173px; border-right:2px solid #FFF;border-left:2px solid #FFF; background-color:#274658;margin-left:2px; padding:2px;color:#FFF; font-size:1.1em; font-weight:bold; text-align:center;}
*+html .outilm{margin-left:0px;}
*+html .outilb{margin-left:0px;}
* html .outilm{margin-left:0px;}
* html .outilb{margin-left:0px;}
.outilm a{border: 1px solid #274658;display:block;color:#FFF; text-decoration:none;}
.outilm a:hover {border: 1px solid #FFF;color:#FFF; text-decoration:none;}
#totpag{font-weight:normal;background-color:#264e65; font-size:1em;}

#histo{ margin:8px 0; height:20px;}

.pavetpt{float:left;width:180px;margin:5px 5px 5px 0;padding: 0 5px 5px 0;border-right:1px solid #b8c9a9; position:relative; text-align:center;}
.pavetptf{float:left;width:180px;margin:5px 5px 5px 0;padding: 0 5px 5px 0;position:relative; text-align:center;}
.pavept{float:left;width:245px;margin:5px 5px 5px 0;padding: 0 5px 5px 0;border-right:1px solid #b8c9a9; position:relative;}
.pavegd{float:left;width:373px;margin:5px 5px 5px 0;padding: 0 5px 5px 0;border-right:1px solid #b8c9a9;position:relative;}
.paveptf{float:left;width:245px;margin:5px 5px 5px 0;padding: 0 5px 5px 0;position:relative;}
.pavegdf{float:left;width:373px;margin:5px 5px 5px 0;padding: 0 5px 5px 0;position:relative;}
.parti{clear:both;border-top:1px dotted;padding:5px 0;}
.plusinf{position:absolute; bottom:2px; left:2px;}
.blocimg {float:right;width:150px;height:200px;border: #999999 solid 1px; margin-left:3px; margin-bottom:3px;}
.blocimg2 {float:right;width:100px;height:133px;border: #999999 solid 1px; margin-left:3px; margin-bottom:3px;}
.blocimg3 {float:right;width:175px;height:105px;border: #999999 solid 1px; margin-left:3px; margin-bottom:3px;}