/*************************************************
# bloc actus
**************************************************/

/* Style d'actus 0009 */

div#haut_actus{
background: #fff url(img/haut_actus.png) no-repeat 0 0;
height: 20px;
width: 485px;
}

div#milieu_actus{
background: #fff url(img/milieu_actus.png) repeat-y 0 0;
width: 485px;
}

div#bas_actus{
background: #fff url(img/bas_actus.png) no-repeat 0 0;
position: relative;
width: 485px;
}

div#album_img_grande{
min-height: 300px;
padding: 0 20px;
width: 445px;
}

div#album_img_grande a#titre_actus{
display: block;
font-size: 1.1em;
}

div#album_img_grande p#date_actus{
color: #7397a3;
}

div#album_img_grande a img{
height: 180px;
}

div#album_img_grande p.suite_actus{
text-align: right;
}

/* Horizontal Carousel */
/* vignettes */

div#horizontal_carousel div.container{
margin: 0 2px;
overflow: hidden;
position: relative;
}

div#horizontal_carousel ul {
background: #fff;
border-top: solid 1px #01ccd2;
border-bottom: solid 1px #01ccd2;
overflow: auto;
position: relative;
width: 10000px;
}

div#horizontal_carousel ul li {
background-color: #fff;
border-right: solid 1px #01ccd2;
clear: none;
color: #01ccd2;
display: inline;
float: left;
list-style: none;
padding: 0;
width: 160px;
}


div#horizontal_carousel ul a{
display: block;
float: left;
height: 170px;
padding: 10px;
text-decoration: none;
}

div#horizontal_carousel ul a:hover {
background-color: #01ccd2;
color: #fff;
}

div#horizontal_carousel ul a img{
height: 57px;
}

div#nombre_page {
color: #01ccd2;
line-height: 23px;
padding-left: 10px;
}

p#numero_page{
display:inline;
width:25px;
}

div#next_previous{
position: absolute;
top: 0;
right: 10px;
font-size: 1.1em;
color: #01ccd2;
}

.previous_button,
.next_button{
cursor: pointer;
padding: 3px 5px;
}

div#horizontal_carousel .previous_button_disabled {
cursor: default;
}

div#horizontal_carousel .next_button_disabled {
cursor: default;
}

/* rollover sur le P */
div#horizontal_carousel .vignette p{
/*display: block;*/
color: #01ccd3;
margin: 50px 0 0 9px;
text-decoration: none;
}

div#horizontal_carousel .vignette p a:hover{
/*display: block;*/
color: #fff;
text-decoration: none;
}