html, body {
	height: 96%;
	margin: 0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: url(images/backgr.png) repeat-x;
	}
ul {
	position: relative;

}
div#global {
	min-height: 100%;
	width: 800px;
	padding: 0px 10px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	background: url(images/global.png) center repeat-y;

}	
div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 50px;
	}
div#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	}
div#content 
{
	position: inherit;
	margin-left:204px;
	width: 590px;
	margin-top: 5px;
	margin-bottom:15px;
	font-family:Verdana,Times,Serif;
	font-size: 15px;
	}
div#sidebar {
	float: left;
	width: 160px;
	}

#sidebar h2 { font-size: 1.3em; font-weight: bold; margin-top: 0pt; margin-right: 0pt; margin-bottom: 10px; margin-left: 2px; padding-top: 5px; padding-right: 0pt; padding-bottom: 5px; padding-left: 0pt; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; }

div#center {
	padding-bottom: 1px;
	overflow: auto;
}
div#header {
	background: url(images/top.png) no-repeat;
	width:800px;
	height:100px;
	position:relative;
	text-decoration:none;
	}
	
div#header h1 {
    margin: 0;
	position: absolute;
	bottom: 55px;
	left: 30px;
	color: #fff;
	}
	
div#footer {
	position: relative;
	width: 100%;
	height:30px;
	left:0px;
	bottom: 0;
	color: #000;
	text-align:center;
	text-decoration:none;
	background: #FFFFFF url(images/barrebas.gif) ;	
	}
div#footer a 
{
	text-decoration:none;
	color:#fff;
}

div#footer a:hover
{
	text-decoration:none;
	color:#FFF06F;
}

/* Classe image */
.format_png
{
	border:0;
	text-decoration:none;
}
.format_png a
{
	border:0;
	text-decoration:none;
}
.format_png a:hover
{
	border:0;
	text-decoration:none;
}

/* DEBUT STYLE MENU */

.glossymenu{
margin: 5px 0;
padding: 0;
margin-left:2px;
width: 199px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 10px Verdana,Times,Serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 4px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #CCCC99;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana,Times,Serif; 
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #666666;
color: white;
}
/* FIN STYLE MENU */
a.lirelasuite {
        color: #339900;
	font: bold 11px Verdana,Times,Serif; 
	text-decoration: none;
}
.lirelasuite a:visited{
	color: #339900;
	text-decoration: none;
}
.lirelasuite a:hover{
	color: #FFF06F;
	text-decoration: none;
}
/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

.puce {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 100%;
color: black;
list-style-type:none;
background-image:url(puce.gif);
background-repeat:no-repeat;
background-position:0% 5%;
padding-left:10px;
}
.post-title { font: 20px Verdana,Times,Serif; background-image:url(images/barrebas.gif); color: #FFFFFF; border-top: 0px solid #c2d2e8; margin: 20px 0px 15px 0px; padding: 0px;text-decoration: none; width:594px; height:25px; }
.post-title a:link, .post-title a:visited { color: #FFFFFF; text-decoration: none; }
.post-title a:hover { color:#FFF06F; text-decoration: none;}

#extraitArticle {margin-left:5px;width:589px;}
div#meteo { display: block; float: left; padding-bottom:4px;  margin-bottom:4px; margin-left:2px; background: #E5E5E5;width:199px;}
div#meteo dt{ width:200px;} 
div#meteo dl { width: 200px; } 
div#meteo dd { line-height: 1em; }

div#breves {padding-bottom:4px; background: #E5E5E5; margin-bottom:4px; margin-left:2px; width:199px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;}
div#breves a:link, div#breves a:visited { color: #000000; text-decoration: none; }
div#breves  a:hover { color:#FFF06F; text-decoration: none;}
div#breves ul { padding-left:14px; }

div#mainDansMain { background: url(images/mainDansMain.png) no-repeat;width:100px;height:78px;position:absolute; float:left;left:0px;}


 /* Style du FLUX PRESSE */
.guineePresseClass{ float: left; margin:4px;width:196px; padding:4px;filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE.Remove if desired.*/
-moz-opacity: 0.8;
}
.guineePresseClass a{text-decoration: none;}
.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
padding-bottom:4px;padding-right:4px;
}
.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}
.rssdescription{ /*shared class for all description elements in an RSS feed*/
}
div#presse { display: block; float: left; padding-bottom:4px;  margin-bottom:4px; margin-left:2px; background: #E5E5E5;width:199px;}
div#presse dt{ width:200px;}
div#presse dl { width: 200px; }
div#presse dd { line-height: 1em; }

/* ARTICLE STYLE */
.titre{ font: 20px Verdana,Times,Serif; background-image:url(images/barrebas.gif); color: #FFFFFF; border-top: 0px solid #c2d2e8; margin: 20px 0px 15px 0px; padding: 0px;text-decoration: none; width:594px; height:25px;   }
