/* homepage.css - menu, portail de la page d'accueil */

body.homepage {
	font-family:Verdana;
	background:#00F url(../imageshome/iconeshome/backgroundtitle.png) repeat-x;
}



#bandeau {
	font-size:80%;
	background-color:white;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
}
#bandeau tr {
	background-color:white;
}



/* menu dynamique */

#menu {
        display:block;
        width:210px;
        color:white;
	margin-top:3px;
}

#nav a { 
        color:white; 
        font-size:90%;
}

#nav .vote {
        float:right;
        font-size:80%;
        color:white;
}
#nav .vote img {
        border:none;
}

ul {
        z-index:666;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 200px; /* Width of Menu Items */
        border-bottom: 1px solid #22F;
}

ul#nav li {
        position: relative;
}
        
li ul {
        position: absolute;
        left: 199px; /* Set 1px less than menu width */
        top: 0;
        display: none;
        border-top:1px solid #00C;
        border-right:2px solid #008;
        border-bottom:2px solid #008;
}

/* Styles for Menu Items */
ul#nav li a {
        display: block;
        text-decoration: none;
        color: #fff;
        background: #00E; /* IE6 Bug */
        padding: 4px 8px;
        border: 1px solid #22F;
        border-bottom: 0;
        border-right:4px solid #00C;
}

ul#nav li:hover a, ul#nav li.over a {
        border-right:4px solid yellow; 
        color:yellow;
}
ul#nav li:hover ul a, ul#nav li.over ul a {
        color:white;
        border-right:1px solid #22F; 
}

.preview {
        position:absolute;
        left:200px;
        top:0;
        border:none;
        display:none;
        width:135px;
        font-size:75%;
}

#menu li ul li:hover .preview, #menu li ul li.over2 .preview {
        display:block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu ul li a:hover { color: yellow; background: #44F; } /* Hover Styles */
                
#menu li ul li a { border-right:4px solid #00C; } /* Sub Menu Styles */

li:hover ul, li.over ul { display: block; } /* The magic */

.menusection {
        width:196px;
        background-color:#FCD70A;
        color:#00F;
        text-align:center;
        font-size:90%;
        padding:2 0;
        font-weight:bold;
        border-right:4px solid #E2AF00;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li.menusection { width:200px; }
/* End */


/* portail */

.encart {
	position:relative;
	z-index:100;
	clear:left;
	background:url(../imageshome/iconeshome/ombre_bas.png) no-repeat 100% 100%;
	padding-right:11px;
	padding-bottom:11px;
}

.encart .body {
	background-color:#00E;
	border:1px solid #22F;
}

.encart .footer {
	font-size:6pt;
	height:1px;
	clear:left;
}

.encart .title {
	position:relative;
	background-color:#44F;
	color:#F1EB3F;
	text-align:left;
	font-size:90%;
	padding:2 8;
	font-weight:bold;
	border-bottom:1px solid #88F;
}

.encart .contenu {
	padding:0.5em;
	position:relative;
}
.encart .contenu img.lastplane {
	margin-top:0.5em;	
	margin-bottom:0.5em;	
}
.encart .text {
	text-align:justify;
	font-size:9pt;
	text-indent:1.5em;
}

.encart .contenu a {
	color:white;
}
.encart .contenu a:hover {
	color:yellow;
	text-decoration:underline;
}

.newsarticle {
	margin-bottom:0.5em;
}
.newsarticle h3 {
	font-size:10pt;margin:0;margin-bottom:0.5em;
	border-bottom:1px solid #44f;
}

.image_gauche {
	position:relative;
	float:left;
	margin-right:0.5em;
}

/* encarts du portail */

#portail {
	text-align:left;
	color:white;
	padding-top:1em;
}

#encart_news {
}

#encart_lastplane {
	width:18em;
	text-align:center;
}

#encart_updates {
	font-size:80%;
}
#encart_updates ul {
	display:block;
	width:100%;
	margin:0;
	padding:0 0.5em;
}
#encart_updates li {
	width:100%;
}
#encart_updates li a {
	margin-left:0.5em;
	font-size:90%;
	font-style:italic;
	color:yellow;
	text-decoration:none;
}
#encart_updates li a:hover {
	text-decoration:underline;
}

#encart_sitedumois {
	width:18em;
	text-align:center;
}

#encart_disclaimer {
	clear:both;
}

#edito {
	zfont-style:italic;
}
#editosig {
	margin-top:0.5em;
	text-align:right;
}

table.liens {
	color:white;
	font-size:8pt
}

.liens a {
	color:white;
	font-size:8pt;
}

.liens a:hover {
	color:yellow;
	text-decoration:underline;
}