@charset "utf-8";
body {
	background: #f5f9e9 url(../images/bg-body.gif) repeat-x left top;
	font-family: Arial, Tahoma, "Trebuchet MS";
	font-size: 9pt;
	margin: 0px;
	padding: 0 0 20px;
}
#content {
	background: #FFFFFF;
	width: 975px;
	border: 1px solid #BAD6F9;
	margin: 0px auto 0px;
	padding: 0px 0px 10px;
}
a img { border: none; }
div.clearer { clear: both; }
img.round-lf {
	position: absolute;
	left: 0px;
	top: 0px;
}
img.round-rt {
	position: absolute;
	right: 0px;
	top: 0px;
}
img.round-lf-bot {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
img.round-rt-bot {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
img.round-bord-lf {
	position: absolute;
	left: -1px;
	top: -1px;
}
img.round-bord-rt {
	position: absolute;
	right: -1px;
	top: -1px;
}
img.round-bord-lf-bot {
	position: absolute;
	left: -1px;
	bottom: -1px;
}
img.round-bord-rt-bot {
	position: absolute;
	right: -1px;
	bottom: -1px;
}
.main-body {
	width: 965px;
	margin: 10px auto 0px;
}

.zone-lien-reunion-couleur {
	float: left;
	height: 195px;
	width: 440px;
	background: #F6F8E8;
	margin: 10px 0px 0px;
	position: relative;
}
.zone-lien-reunion-couleur h1 {
	font-size: 16pt;
	font-weight: normal;
	background: url(../images/bg-lien-reunion-couleur.gif) no-repeat center center;
	text-align: center;
	padding: 0px;
	margin: 0px 5px;
	color: #73C513;
}
.zone-lien-reunion-couleur .reunion-couleur-body {
	height: 90px;
	width: 420px;
	margin: 20px auto 0px;
}
.reunion-couleur-body ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.reunion-couleur-body ul li {
	float: left;
	position: relative;
	margin: 0px 0px 0px 15px;
}
.reunion-couleur-body ul li span {
	position: absolute;
	height: 50px;
	width: 100px;
	padding: 20px 5px 0px;
	text-align: center;
	z-index: 10;
	left: -10px;
	display: none;
	bottom: -65px;
	font-style: normal;
	font-weight: bold;
}
.reunion-couleur-body ul li span.ttvert-bulle {
	background: url(../images/itembulle_vert.png) no-repeat center top;
}
.reunion-couleur-body ul li span.ttbleu-bulle {
	background: url(../images/itembulle_bleu.png) no-repeat center top;
}
.reunion-couleur-body ul li span.ttrouge-bulle {
	background: url(../images/itembulle_rouge.png) no-repeat center top;
}
.reunion-couleur-body ul li span.ttjaune-bulle {
	background: url(../images/itembulle_jaune.png) no-repeat center top;
}
.reunion-couleur-body a {
	display: block;
	width: 90px;
	height: 90px;
}
.main-body .body-lf {
	float: left;
	width: 795px;
	position: relative;
}
.body-lf .ile-reunion {
	padding: 5px;
	width: 785px;
	position: relative;
	background: #EDF4FE;
	float:left;
}
.ile-reunion .header-ile-reunion {
	height: 29px;
	width: 785px;
	border-bottom: 1px solid #C6DEFB;
	position: relative;
}
.header-ile-reunion h1 {
	font-size: 14pt;
	font-weight: normal;
	color: #0F63CA;
	margin: 0px;
	padding: 5px 0px 0px 50px;
}
.header-ile-reunion h1 span {
	color: #7B8E20;
	font-size: 11pt;
	font-weight: bold;
}
.header-ile-reunion .gradient-header-ile-reunion {
	height: 20px;
	width: 375px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: #C6DEFB;
}
.ile-reunion .ile-reunion-body {
	width: 785px;
	padding: 10px 0px 0px;
}
.ile-reunion-body ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.ile-reunion-body ul li {
	float: left;
	margin: 0px 10px 0px 20px;
	padding: 0px;
}
.ile-reunion-body li img {
	padding: 3px;
	border: 1px solid #ADCFF8;
	background: #FFFFFF;
}
.ile-reunion-body p {
	margin: 0px;
	padding: 5px 0px 0px;
	color: #62711A;
}
.ile-reunion-body   a {
	font-weight: bold;
	color: #62711A;
	text-decoration: none;
	display: block;
	padding: 5px 0px 0px;
}
.ile-reunion-body   a:hover {
	text-decoration: underline;
}
.header-ile-reunion img.ico-reunion {
	position: absolute;
	left: -10px;
	top: -10px;
}
.body-lf .histoire-reunion {
	margin: 10px 0px 0px;
	float: left;
	width: 395px;
	height: 175px;
	position: relative;
}
.histoire-reunion .bg-histoire-reunion {
	height: 175px;
	width: 395px;
	position: relative;
}
.bg-histoire-reunion img {
	float: left;
}
.histoire-reunion .histoire-body {
	position: absolute;
	left: 20px;
	top: 20px;
	height: 135px;
	width: 355px;
	background: url(../images/map-reunion.png) no-repeat right bottom;
}
.histoire-body h1 {
	font-size: 12pt;
	margin: 0px;
	padding: 3px 0px 0px 50px;
	display: block;
	height: 22px;
	width: 220px;
	position: relative;
	background: #D8CAAF url(../images/bg-header-histoire.png) repeat-y left;
	color: #7D0B04;
}
.histoire-body h1 img {
	position: absolute;
	left: -7px;
	top: -15px;
}
.histoire-body ul {
	margin: 0px;
	padding: 15px 0px 0px 10px;
	list-style: none;
	clear: both;
	font-size: 12pt;
	font-weight: bold;
}
.histoire-body li {
	background: url(../images/puce-lien-histoire.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	height:16px;
	 
}
.histoire-body li a {
	color: #7D0B04;
	text-decoration: none;
}
.histoire-body li a:hover {
	color: #C81107;
	text-decoration: underline;
}
.body-lf .geographie-reunion {
	width: 390px;
	float: right;
	height: 175px;
	margin: 10px 0px 0px;
	padding: 0px;
	position: relative;
}
.geographie-reunion .bg-geographie-reunion {
	height: 175px;
	width: 390px;
	position: relative;
}
.bg-geographie-reunion img {
	float: left;
}
.geographie-reunion .geographie-reunion-body {
	height: 155px;
	width: 370px;
	position: absolute;
	left: 10px;
	top: 10px;
}
.geographie-reunion-body h1 {
	font-size: 12pt;
	color: #FFFFFF;
	display: block;
	margin: 0px;
	padding: 3px 0px 0px;
	width: 250px;
	float: right;
	height: 22px;
	background: #995A56 url(../images/bg-header-geo-reunion.png) repeat-y left;
	text-align: center;
}
.geographie-reunion-body ul {
	color: #FFFFFF;
	font-size: 12pt;
	margin: 0px;
	list-style: none;
	font-weight: bold;
	padding: 15px 15px 0px 0px;
	float: right;
}
.geographie-reunion-body li a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	display: block;
	padding: 5px 25px 5px 0px;
	font-weight: normal;
	margin: 5px 0px 0px;
	text-align: right;
	font-size: 14pt;
	text-decoration:none;
}
.geographie-reunion-body li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	display: block;
	padding: 5px 25px 5px 0px;
	font-weight: normal;
	margin: 5px 0px 0px;
	text-align: right;
	font-size: 14pt;
	text-decoration:underline;
}
.venir-reunion {
	width: 326px;
	height: 181px;
	background: #FFFFFF;
	float: right;
	padding: 6px;
	border: 1px solid #ADCFF8;
	margin: 10px 0px 0px;
	position: relative;
}
.venir-reunion-body {
	float: left;
	height: 181px;
	width: 326px;
	background: #EFF5FE url(../images/carte-reunion.png) no-repeat right center;
	position: relative;
}
.venir-reunion h1 {
	font-size: 14pt;
	font-weight: normal;
	color: #0F63CA;
	margin: 0px;
	padding: 0px 0px 0px 40px;
}
.venir-reunion img.ico-venir-reunion {
	position: absolute;
	left: -7px;
	top: -5px;
	z-index: 10;

}
.venir-reunion img.logo-venir-reunion {
	position: absolute;
	left: 65px;
	bottom: 5px;
}
#content .publicite {
	float: right;
	width: 160px;
	position: relative;
	margin: 0px 5px 0px 0px;
}
.publicite > h1 {
	font-size: 9pt;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 5px;
}

.liste-panorama {
	width:395px;
	float:left;
	height:220px;
	/*background-color:#00CC33;*/
}

#swithcontenu {
	width:398px;
	float:left;
	margin-left:0px;
	margin-top:1px;
	padding-left:1px;
	padding-right:1px;
	padding-top:2px;
	height:220px;
	background:url(../images/cadre-panoramique.png) no-repeat center;
}

.bloc-panorama {
	width:395px;
	float:left;
	height:98px;
	/*background-color:#0066CC;*/
	margin-bottom:5px;
}

.lien-panorama {
	width:129px;
	float:left;
	margin-left:2px;
	height:98px;
	/*background-color:#999999;*/
}

.lien-panorama .title {
	font-weight:bold;
	color:#006699;
}

.header-panorama {
	width:390px;
	float:left;
	margin-left:5px;
	margin-bottom:10px;
	height:15px;
	margin-bottom:5px;
	border-bottom:#FFFFFF solid 1px;
	font-size:14px;
	padding-top:5px;
	font-weight:bold;
	color:#006699;
}
/***/
.publicite .actu-ouest {
	background: url(../images/bg-actu-ouest.png) repeat;
	margin: 10px 0px 0px;
	padding: 5px;
	width: 148px;
	position: relative;
	border: 1px solid #AFD0F8;
}
.actu-ouest h1 {
	font-size: 9pt;
	color: #A52811;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 5px 25px;
}
.actu-ouest p {
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: left;
	color: #0F63CA;
}
.actu-ouest p a {
	color: #0F63CA;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
.actu-ouest p a:hover {	text-decoration: underline; }
.actu-ouest img.ico-actu-ouest {
	position: absolute;
	left: -7px;
	top: -7px;
	z-index: 50;
}
.ile-reunion-panorama {
	width: 795px;
	position: relative;
	/*background: #cccccc;*/
	height:230px;
	float:left;
	margin-bottom:5px;
	background:url(../images/fond-panoramique.png) no-repeat center;
}

.ile-reunion-panorama ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.ile-reunion-panorama ul li{
  float: left;
  padding: 10px;
  display: block;
  margin-right: 10px;
}

.ile-reunion-panorama ul li a{
  display: block;
  overflow: hidden;
  height: 75px;
  width: 75px;
}

.ile-reunion-panorama #a1{
  width: 210px;
}

.ile-reunion-panorama ul li img{
  position: absolute;
  border: 3px solid #881212;
}

.ile-reunion-panorama ul li p{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 85px;
}

#swithcontenu h1 {
	font-size: 14px;
	margin-top:1px;
	color:#F7F7F7;
	background-color:#2f9abe;
	width:100%;
	float:left;
	text-align:center;
	font-style:italic;
}

.map-modal {
	height: 630px;
	width: 381px;
	position: relative;
	display: none;
}
.TB_modal a.close-btn {
	position: absolute;
	left: 5px;
	bottom: 5px;
	color:#666666;
	text-decoration: underline;
}
.TB_modal a.close-btn:visited {
	color:#666666;
	text-decoration: none;
}
.TB_modal a.close-btn:hover {
	color:#666666;
	text-decoration: underline;
}

.header-panorama a {
	position:relative;
	left:125px;
	text-decoration:none;
	color:#003366;
	font-size:11px;
}

.header-panorama a:hover {
	color:#3399CC;
}





.zone-azot-radio {
	width: 950px;
	height: 225px;
	background: url(../images/bg-azot-radio.jpg) repeat-x top;
	padding: 0px;
	margin:10px 0px 0px 10px;
	float: left;
	border-left:solid 1px #b3fa55;
	border-right:solid 1px #b3fa55;	
	
}
 .zone-azot-radio  .titre1{
	width: 915px;
	height: 30px;
	padding: 3px 20px 0px 15px;
	margin:0px ;
	border-left:none;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	display:block;
	position:relative;
	
}
 .zone-azot-radio  .titre1 .img-player{
 	padding:0px 0px 0px 0px;
	margin:3px 0px -3px 0px;
	position:relative;
 } 
 
 .zone-azot-radio  .titre1 span{
 	padding:0px 0px 0px 10px;
	margin:px;
	color:#FFF;
 }
 
  .zone-azot-radio  .titre1-content{
	width: 950px;
	height: 79px;
 	margin:0px ;
	padding:0px ;
 	border:none;
	overflow:hidden;
}
   .zone-azot-radio  .titre1-content-defiler{
	width: 250px;
	height: 14px;
	margin:0px 5px -5px 150px;;
	padding:0px ;
 	border:none;
	overflow:hidden;
	float:left;
	font-family:Verdana;
	font-size:11px;
	color:#1369ce;
	font-weight:normal;
}
#dewplayer_content{
	float:left;
	margin:2px 5px 0px 147px;
	padding:0px;
 }
.logo-azot-radio {
	float:right;
	margin-bottom:-100px;
	margin-right:8px;
	margin-top:-59px;
}
   /*eto1*/
 .body-lf .decouvrir-ile-reunion {
	margin: 10px 0px 0px;
	float: left;
	height: 315px;
	width: 380px;
	position: relative;
}
.decouvrir-ile-reunion .bg-decouvrir-ile-reunion {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.bg-decouvrir-ile-reunion > img { float: left; }
.decouvrir-ile-reunion .decouvrir-ile-reunion-body {
	padding: 10px;
	position: relative;
}
.decouvrir-ile-reunion-body h1 {
	margin: 0px;
	padding: 0px;
}
.decouvrir-ile-reunion-body ul {
	display: block;
	float: right;
	margin: 0px;
	padding: 30px 30px 0px 0px;
	font-size: 14pt;
	font-weight: bold;
	line-height: 30px;
	list-style: none;
}
.decouvrir-ile-reunion-body li {
	background: url(../images/puce-decouvrir-ile-reunion.png) no-repeat left 12px;
	padding: 0px 0px 0px 15px;
}
.decouvrir-ile-reunion-body LI a {
	color: #721412;
	text-decoration: none;
}
.decouvrir-ile-reunion-body LI a:hover {	text-decoration: underline; }

/*eto2*/
.body-lf .destination-ile-reunion {
	width: 385px;
	float: right;
	margin: 10px 0px 0px;
	background: url(../images/destination-ile-reunion.jpg) no-repeat left top;
	height: 155px;
	position: relative;
	padding: 10px;
}
.destination-ile-reunion h1 {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	color: #02346E;
	font-weight: normal;
}
.destination-ile-reunion h1 img {
	display: block;
	margin: 0px auto;
}
.destination-ile-reunion h1 span { font-weight: bold; }
.destination-ile-reunion p {
	margin: 0px;
	padding: 5px 20px 0px 0px;
	display: block;
	float: right;
}
.destination-ile-reunion h2 {
	font-size: 16pt;
	color: #FF3300;
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 5px;
	width: 100%;
}

/*eto3*/
.body-lf .page-essentiel {
	width: 401px;
	margin: 10px 0px 0px;
	float: right;
	height: 126px;
	border: 1px solid #AECFF8;
	position: relative;
	padding: 1px;
}
.page-essentiel .header-page-essentiel {
	width: 401px;
	background: #B3D2F8 url(../images/bg-header-essentiel.png) repeat-y right;
	height: 25px;
	position: relative;
}
.header-page-essentiel h1 {
	font-size: 10pt;
	margin: 0px;
	padding: 2px 0px 0px 30px;
	color: #003399;
}
.header-page-essentiel h1 img {
	position: absolute;
	left: -10px;
	top: -20px;
}
.page-essentiel .page-essentiel-body { padding: 5px; }
.page-essentiel-body > img {
	margin: 0px 10px 0px 0px;
	float: left;
}
.page-essentiel-body p {
	color: #003399;
	margin: 0px;
	padding: 0px;
}
.page-essentiel-body p a {
	color: #003399;
	text-decoration: none;
}
.page-essentiel-body p a:hover {
	color: #AFD0F8;
}

/*eto4*/
.body-lf .histoire-reunion {
	margin: 10px 0px 0px;
	float: right;
	width: 345px;
	height: 200px;
	position: relative;
}
.histoire-reunion .bg-histoire-reunion {
	height: 200px;
	width: 345px;
	position: relative;
}
.bg-histoire-reunion img {
	float: left;
}
.histoire-reunion .histoire-body {
	position: absolute;
	left: 20px;
	top: 20px;
	height: 155px;
	width: 305px;
	background: url(../images/map-reunion.png) no-repeat right bottom;
}
.histoire-body h1 {
	font-size: 11pt;
	margin: 0px;
	padding: 3px 0px 0px 50px;
	display: block;
	height: 22px;
	width: 220px;
	position: relative;
	background: #D8CAAF url(../images/bg-header-histoire.png) repeat-y left;
	color: #7D0B04;
}
.histoire-body h1 img {
	position: absolute;
	left: -7px;
	top: -15px;
}
.histoire-body ul {
	margin: 0px;
	padding: 15px 0px 0px 10px;
	list-style: none;
	clear: both;
	font-size: 11pt;
	font-weight: bold;
}
.histoire-body li {
	background: url(../images/puce-lien-histoire.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
}
.histoire-body li a {
	color: #7D0B04;
	text-decoration: none;
}
.histoire-body li a:hover {
	color: #C81107;
	text-decoration: underline;
}
/*ETO*/
#pubModalRandom {
	position: relative;
	background: #FFFFFF;
	height: 250px;
	width: 300px;
}
#pubModal { display: none; }
#pubModalRandom {
	POSITION: relative; MARGIN: 10px 0px 0px; WIDTH: 300px; BACKGROUND: #fff; HEIGHT: 250px
}
#TB_ajaxContent > p {
	margin: 0px;
	padding: 0px;
	line-height: inherit;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
}
a.close-modal {
	color: #000000;
}
a.close-modal:hover {	text-decoration: none; }
#pubModalRandom p {
	margin: 0px;
	padding: 0px;
	position: absolute;
}
/*#content .pub-top {
	height: 90px;
	width: 728px;
	margin: 10px auto 0px;
	padding: 0px 112px;
	background: url(../images/bg-top-pub.png) no-repeat center center;
}*/