/* -###- Styles relatifs à la page -###- */
body {
	background-color:#000000;
	margin:5px 0;
	background-image:url(../images/background_rhum.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	color:#FFFFFF;
}

#body {
	background-image:url(../images/background_bottom_rhum.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:200px;
}

#main {
	position:relative;
	width:900px;
	margin-left: auto;
	margin-right: auto;
}

/* -###- Styles relatifs à l'entête -###- */
#titles {
	position:relative;
	width:100%;
	height:210px;
}

h1 {
	width:523px;
	height:223px;
	background-image:url(../images/title_rhum.png);
	background-repeat:no-repeat;
}
		h1 a	{
			display:block;
			height:100%;
			width:100%;
		}
		h1 span	{
			display:none;
		}

h2 {
	position:absolute;
	top:30px;
	right:-5px;
	width:140px;
	height:182px;
	background-image:url(../images/lamauricienne.png);
	background-repeat:no-repeat;
}
		h2 span	{
			display:none;
		}

#menu {
	position:relative;
	left:-12px;
	width:900px;
	height:39px;
	padding:12px;
	background-image:url(../images/menu_halo.png);
	background-repeat:no-repeat;
	z-index:10000;
}

/* #menuH : définitions de base dans _library/styles/menu_horiz.css */
#menuH {
	width:900px;
	height:39px;
	background-image:url(../images/menu_bkg.gif);
	background-repeat:repeat-x;
}
		#menuH ul li a {
			padding:3px 24px 5px 23px;
			font-size:13px;
			font-weight:normal;
			color:#FFFFFF;
			text-decoration:none;
			height:30px;
			line-height:30px;
		}		
		#menuH ul li a.start {
			padding-left:19px;
		}
		#menuH ul li a.end {
			padding-right:19px;
		}
			#menuH ul li a b {
				position:absolute;
				top:0;
				bottom:0;
				right:0;
				width:2px;
				background-image:url(../images/menu_main_separator.gif);
				background-repeat:no-repeat;
			}
		#menuH ul li a:hover {
				background-image:url(../images/menu_submenu.png);
			text-decoration:none;
		}
		#menuH ol {
			top:37px;
			padding-top:0px;
			border:1px solid #000000;
			background-image:url(../images/menu_submenu.png);
  		min-width:220px;
		}
				#menuH ol li {
					text-align:left;
					line-height:20px;
				}
				#menuH ol a {
					padding:0 5px 0 5px !important;
					height:25px !important;
					line-height:25px !important;
					font-size:12px !important;
					font-weight:normal;
					text-decoration:none;
				}
						#menuH ol a b {
							visibility:hidden;
							position:absolute;
							display:block;
							width:10px;
							height:10px;
							top:5px;
							left:1px;
						}
				#menuH ol a:hover {
					background-image:none !important;
					background-color:#1071B5;
					color:#FFFFFF;
					text-decoration:none;
				}
						#menuH ol a:hover b {
							visibility:visible;
						}
				#menuH ol a small {
					color:#BBBBBB;
				}
				#menuH li.separator {
					border-top:1px solid #849DB0;
				}

#page {
	position:relative;
}

/* -###- Styles relatifs au contenu des bandeaux. Les bandeaux eux mêmes sont définis dans les styles _accueil et _pages -###- */
div.divInfo {
	position:relative;
	width:216px;
	height:280px;
	padding-top:8px;
	padding-left:8px;
	border:1px solid #1E3348;
	background-color:#000000;
}
		div.divInfo h4 {
			overflow:hidden;
			width:202px;
			height:22px;
			line-height:16px;
			margin:0px;
			padding:0px;
			font-size:16px;
			font-weight:bold;
			color:#F31713;
		}
		    div.divInfo h4 a {
			    color:#F31713;
		    }
		div.divInfo h5 {
			margin:0px;
			padding:0px;
			color:#FFFFFF;
			font-style:normal;
			font-weight:bold;
			font-size:11px;
		}
		div.divInfo a.aPlus, div.divInfo a.aPlus:link, div.divInfo a.aPlus:active, div.divInfo a.aPlus:visited {
			display:block;
			position:absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
	    background-image:url(../_library/images/transparent.gif);
		}
		div.divInfo a.aPlus span {
			display:block;
			position:absolute;
			width:14px;
			height:14px;
			bottom:5px;
			right:3px;
			font-size:12px;
			text-align:center;
			color:#FFFFFF;
			background-color:#CF1F20;
		}
		div.divInfo a.aPlus:hover {
			font-weight:bold;
		}
		div.divInfo a.aPlus:hover span {
			color:#CF1F20;
			background-color:#FFFFFF;
		}
		div.divInfo em {
		  font-weight:bold;
    	color:#F31713;
		}

.divInfoAlt {
	background-color:#1B262C !important;
}		

div.divInfoArticle div {
	overflow:hidden;
	width:202px;
	height:120px;
	margin:3px 0;
	background-position:center center;
	border:2px solid #3F71AA;
}
		div.divInfoArticle p {
			overflow:hidden;
			width:206px;
			padding:0px 0px;
			height:58px;
			font-size:11px;
		}
		
div.divInfoDepeches {
}		
		div.divInfoDepeches div {
			width:202px;
			border-bottom:1px solid #424545;
		}
		div.divInfoDepeches p {
			overflow:hidden;
			padding:0px 0px;
			height:60px;
			line-height:15px;
			font-size:11px !important;
			color:#D2D2D2;
		}
		
div.divInfoParcours {
	background-image:url(../images/map_rhum.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

div.divInfoVideo {
	position:absolute;
	top:25px;
	left:8px;
	width:213px;
	height:115px;
	padding:0px 0px;
	height:40px;
}

div.divInfoPhotos img {
	position:absolute;
	left:3px;
	width:213px;
	top:70px;
	padding:0px 0px;
	overflow:hidden;
	font-size:11px;
	text-align:center;
	border:2px solid #3F71AA;
}
		
div.divInfoMedias h4 {
  position:relative;
  margin-top:-10px;
  margin-left:-8px;
  height:30px !important;
}
div.divInfoMedias h4 a {
  background-color:#193A4B;
  line-height:30px;
  padding:4px 8px !important;
}
div.divInfoMedias div {
  display:block;
	position:absolute;
	left:0;
	top:22px;
  width:218px;
  height:260px;
	padding:3px;
	overflow:hidden;
	font-size:11px;
	text-align:center;
  background-color:#193A4B;
}
div.divInfoMedias img {
  margin-top:5px;
	width:213px;
	padding:0px 0px;
	overflow:hidden;
	border:2px solid #3F71AA;
}
		
		
/* -###- Styles relatifs auw liens -###- */
#links {
	clear:both;
}
		#links a, div.divArticle .divLiens a:link, div.divArticle .divLiens a:active, div.divArticle .divLiens a:visited {
			font-size:12px;
			color:#FFFFFF;
			padding:0 3px;
		}
		#links a:hover {
			text-decoration:underline;
			color:#FFFFFF;
		}
		#links a.aRSS {
			padding:7px 26px 6px 17px;
			background-image:url(../images/logo_RSS2.gif);
			background-repeat:no-repeat;
			background-position:0px 9px;
			margin-left:7px;
		}
				#links a.aRSS span {
					display:none;
				}

/* -###- Styles relatifs à la barre d'état -###- */
div.divEtat {
	position:relative;
	margin-top:5px;
	background-color:#06080A;
	width:100%;
	height:65px;
	clear:both;
	border:1px solid #1E354B;
}
		div.divEtat img.imgLogoIDEC {
			position:absolute;
			top:7px;
			left:15px;
		}
		div.divEtat img.imgLogoIDEC2 {
			position:absolute;
			top:0px;
			right:15px;
		}
		div.divEtat img.imgLogoICM {
			position:absolute;
			top:0px;
			right:146px;
		}

div.divCredits {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:7px;
}
		div.divCredits a, div.divCredits a:link, div.divCredits a:active, div.divCredits a:visited {
			color:#000000;
		}
		div.divCredits a:hover {
			text-decoration:underline;
		}

/* -###- Styles divers -###- */

p.pMessageErreur {
	font-weight:bold;
	color:#7801A5;
}