@charset "utf-8";
/* CSS Document */

/*********************
diaporama images
********************/
#diapo{
width:700px;
height:341px;
position:relative;
}
#diapo.diapo_01{
background:url(../diapos/diapo_01.png) no-repeat #E2761D;
}
#diapo.diapo_02{
background:url(../diapos/diapo_02.png) no-repeat #E2761D;
}
#diapo.diapo_03{
background:url(../diapos/diapo_03.png) no-repeat #E2761D;
}

/*********************
diaporama global
********************/
#diaporama{
background:url(../img/diaporama_ombre.png) no-repeat center bottom;
width:700px;
height:358px;
position:relative;
}
#blockdiapo{
width:700px;
height:341px;
overflow:hidden;
}
/*********************
textes
********************/
#diaporama .texte{
width:300px;
position:absolute;
left:20px;
bottom:20px;
line-height:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#diaporama .texte a{
text-decoration:none;
color:#3f3f3f;
}
#diaporama h1.titre, #diaporama h1.titre a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:17px;
margin:0;
padding:0;
color:#3f3f3f;
text-decoration:none;
line-height:20px;
padding-bottom:20px;
}
/*********************
pager et navigation
********************/
#diaporama .nav a, #diaporama #pager{
position:absolute;
z-index:10;
bottom:30px;
left:50%;
}
#diaporama #pager{
margin-left:-22px;
}
#diaporama #pager a{
float:left;
}
#diaporama .nav a, #diaporama #pager a{
display:block;
background:url(../img/controles_diaporama.png) no-repeat;
width:20px;
height:15px;
text-indent:-9999em;
}
#diaporama .nav a#prev{
background:url(../img/controles_diaporama.png) no-repeat 0px -15px;
left:300px;
}
#diaporama .nav a#prev:hover{
background:url(../img/controles_diaporama.png) no-repeat -20px -15px;
}
#diaporama .nav a#next{
background:url(../img/controles_diaporama.png) no-repeat 0px 0px;
left:394px;
}
#diaporama .nav a#next:hover{
background:url(../img/controles_diaporama.png) no-repeat -20px 0px;
}
#diaporama #pager a{
background:url(../img/controles_diaporama.png) no-repeat 0px -30px;
}
#diaporama #pager a:hover, #diaporama #pager a.activeSlide{
background:url(../img/controles_diaporama.png) no-repeat -20px -30px;
}