@charset "utf-8";
/* Template Nana Mouskouri */

.fond_gradient { width: 100%; overflow: auto; background-image: url(../images/fond_gradient.jpg); background-repeat: repeat-x;}
.block_total { width: 1001px; margin-left: -500px; left: 50%; position: relative;}
.spacer { clear: both;}

/* header : bandeau + langues */
.header { width: 1001px; height: 286px; text-align: right; background-image: url(../images/header.png); padding: 0; margin: 0;}
.langue { height: 14px; float: right; margin-top: 10px;}
.langue img { float: left; margin-left: 10px}
.sublangue { display: none; width: 150px; height: 14px; margin-top: 10px; position: absolute; top: 0; right: 40px;}
#btnlangue { width: 22px; height: 14px;}

/* content : Menu + block_content + actus (colonne 1 , 2 , 3)*/ 
.content { width: 1001px;}
.column1 { width: 170px; float: left;}
.column2 { width: 611px; float: left;}
.column3 { width: 220px; float: left;}

/* colonne 1 : menu + lecteur */
.block_menu { width: 170px; padding-top: 0px; background-image: url(../images/fond_menu.png); background-repeat: repeat-x;}
.block_player { width: 170px; height: 51px; margin-top: 20px; text-align: center;}
.ui-slider-horizontal .ui-slider-handle { margin-left:-1px;}
.ui-slider .ui-slider-handle { width:1px;}

/* colonne 2 : slideshow + actus */
.block_slideshow { width: 601px; margin-left: 10px; height: 263px;}
.block_actus { width: 601px; margin-left: 10px; background-image:url(../images/fond_actus.png); overflow: hidden;}


/* colonne 3 : affiche + newsletter + portrait */
.block_advertise { width: 220px; height: 290px;}
/* advertise : titre + image */
.adtitle { width: 220px; height: 30px; background-color: #694c06; text-align: center;}
.adpicture { width: 220px; height: 260px;}
.block_newsletter { width: 220px; height: 54px; padding: 0; margin: 0;}
.block_picture { width: 220px; height: 254px;}

/* Footer */
.footer { width: 1001px; text-align: center; float: left;}
.footer p { font-size: 0.6em; color: #8398a8; margin: 0 10px; margin-top : 10px;}
.footer p span { color: #8398a8; margin-top : 10px;}

/* Propriétés titre et carac. */
/*logo header*/
h1 { position: absolute; right: 0; top: 25px;}
/*actualités*/
h2 { font-size: 2em; margin: 15px 0px 10px 15px; font-family: Georgia; color: #8398a8;}

.font_content { font-size: 0.55em; font-family: Verdana; color: #373f46; margin: 0 0 5px 0;}
/* advertise */
h4 { font-size: 1.4em; font-family: Georgia; color: #fff;}
/*Newsletter */
h5 { font-size: 1.5em; margin-left: -70px; font-family: Verdana; color: #fff;;}
.font_newsletter { font-size: 0.6em; padding: 0; font-family: "Myriad Pro" ; color: #000;}

/* Horizontal Rule */
.f1 { background: url(../images/hrF1.png) repeat-x; width: 558px; height: 2px; padding: 0; margin: 5px 20px 5px 20px;}
.f2 { background: url(../images/hrF2.png) repeat-x; width: 565px; height: 2px; padding: 0; margin: 5px 5px 5px 5px; float: left;}
div.f0 { width: 170px; height: 2px; background: url(../images/hrF0.png) repeat-x 2px; padding: 0; margin: 0; float: left;}
/* liens */
a { text-decoration: none; color: #757371; font-weight: bold;}

.txt{ font-size: 11px; text-align: center; margin: 10px 0;}
.slideshow {
position: relative;
width: 580px;
height: 270px;
overflow: hidden;
margin-left: 10px;
font-family: Verdana;
}

.slideshow a {
text-decoration: none;
}

.slideshow .slide {
position: relative;
display: block;
width: 420px;
height: 270px;
}

.slideshow .slide span {
display: block;
position: absolute;
left: 0;
width: 410px;
padding: 5px;
color: white;
}

.slideshow .slide .title {
height: 70px;
background: url(../images/captionBackground.png);
bottom: 0;
font-size: 21px;
font-weight: normal;
}

.slideshow .slide .desc {
top: 215px;
font-size: 12px;
font-weight: normal;
margin: 5px 0 0 0;
}

.slideshow ul {
position: absolute;
background: gray;
height: 270px;
width: 160px;
right: 0;
top: 0;
overflow: hidden;
}

.slideshow ul li {
background: url(../images/menuItemBackground.jpg) repeat-x;
}

.slideshow ul a {
position: relative;
display: block;
height: 90px;
text-indent: 20px;
}

.slideshow ul a:hover, .slideshow ul a.active {
background: url(../images/menuItemOver.jpg) no-repeat;
}

.slideshow ul span {
position: absolute;
display: block;
right: 6px;
}

.slideshow ul .title {
top: 20px;
color: #333;
font-size: 12px;
font-weight: normal;
}

.slideshow ul .desc {
top: 40px;
color: #4F7999;
}