/* ------------ */
/* EID          */
/* ------------ */

/* --------------- */
/* Le lien gauche ok       */
/* --------------- */
body#diaporama #linkg{
postion: absolute;
top: 0;
left: 0;
}
body#diaporama #linkg p{
margin: 0;
padding: 2px;
}
body#diaporama #linkg p a, body#diaporama #linkg p a:link, body#diaporama #linkg p a:visited, body#diaporama #linkg p a:hover, body#diaporama #linkg p a:active{
font: bold 16px/22px Arial, Helvetica, sans-serif;
color: #f5f5f5;
text-decoration:none;
background: none;
width: auto;
height: auto;
}
.vertical a, .vertical a:link, .vertical a:visited {
  margin: 10px 30px 10px 10px;
  float: right;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size:80%;
  font-family: verdana, lucida, arial, helvetica, sans-serif;
  padding: 1px 10px 1px 10px;;
  display: inline;
  width: auto;
  text-align:center;
}
.vertical a, .vertical a:link, .vertical a:visited {

background-color:#FF6600;
border:1px solid;
border-top-color:#f5f5f5;
border-left-color:#f5f5f5;
border-right-color:#2F4F4F;;
border-bottom-color:#2F4F4F;;
cursor:hand;
}
.vertical a:hover {
  background-color: #6495ED;
  background-image: url(images/aqua.jpg);
}
/* --------------- */
/* Le lien a deleter       */
/* --------------- */
body#diaporama #link{
postion: absolute;
top: 0;
left: 0;
}
body#diaporama #link p{
margin: 0;
padding: 2px;
}
body#diaporama #link p a,body#diaporama #link p a:link,body#diaporama
#link p a:visited,body#diaporama #link p a:hover,body#diaporama #link p
a:active{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight:bold;
color: #fff;
text-decoration:none;
line-height: 25px;
background: none;
width: auto;
height: auto;
}
/* ------------------------- */
/* Page diaporama           */
/* ------------------------- */
hr{
visibility: hidden;
clear: both;
width: 0;
height: 0;
position: absolute;
}
html>body hr{
position: static;
}
body#diaporama img{
border: 0;
}
body#diaporama{
margin: 0;
padding: 0;
background: #A2C1D9 url(images/bg_diapo.gif) top repeat-x;
}
body#diaporama #wrapper{
width: 768px;
margin: 1em auto 0 auto;
}
body#diaporama #wrapper form{
float: right;
width: 100px;
}
body#diaporama #wrapper form div{
background: none;
margin: 0;
padding: 0;
}





body#diaporama #wrapper form #bouton{
color:#fff;
font-family: verdana, lucida, arial, helvetica, sans-serif;
font-size:80%;
font-weight:bold;
background-color:#FF6600;
border:1px solid;
border-top-color:#f5f5f5;
border-left-color:#f5f5f5;
border-right-color:#000;
border-bottom-color:#000;
cursor:hand;
}
body#diaporama #wrapper h1{
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 22px;
line-height: 30px;
color: white;
background: none;
width: auto;
height: auto;
}
body#diaporama #wrapper h2{
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 20px;
color: rgb(245, 245, 245);
border-bottom: 1px solid rgb(236,236,236);
clear: left;
margin-top: 0.8em;
}


body#diaporama #wrapper .avant_apres h5  {padding: 0 0 0 45px; background:  url(../styles/images/photos-dentaires.png) no-repeat 1px 1px; font: normal 12px/30px Arial, Helvetica, sans-serif; font-weight: normal;  color: #fff; clear: left; margin:0}
body#diaporama #wrapper .avant_apres h5  a,  body#diaporama #wrapper .avant_apres h5  a:link, body#diaporama #wrapper .avant_apres h5  a:visited {color:#FFF; text-decoration:underline}
body#diaporama #wrapper .avant_apres h5 a:hover {background-color:#E8501F; text-decoration:none}



body#diaporama #wrapper ul{
margin: 5px 0 0 0;
padding: 0 0 20px 0;
}
body#diaporama #wrapper ul li{
display: inline;
list-style: none;
font: normal 15px/20px Arial, Helvetica, sans-serif;
}
body#diaporama #wrapper ul li a, body#diaporama #wrapper ul li a:link, body#diaporama #wrapper ul li a:visited, body#diaporama #wrapper ul li a:active{
float: left;
margin: 0 10px 4px 0;
text-decoration: none;
color: #000;
}
body#diaporama #wrapper ul li a:hover, body#diaporama #wrapper ul li a#current{
color: rgb(255, 255, 255);
border-bottom: 4px solid rgb(255,102,0);
}

body#diaporama #wrapper ul.subbmenu li a, body#diaporama #wrapper ul.subbmenu li a:link, body#diaporama #wrapper ul.subbmenu li a:visited, body#diaporama #wrapper ul.subbmenu li a:active{
font: normal 13px/17px Arial, Helvetica, sans-serif;
color: #000;
}
body#diaporama #wrapper ul.subbmenu li a:hover, body#diaporama #wrapper ul.subbmenu li a#current{
color: rgb(255, 255, 255);
border-bottom: 4px solid rgb(255,102,0);
}
/* --------------- */
/* Les dias        */
/* --------------- */
body#diaporama #wrapper div#dia{
position: relative;
left: 5px;
width: 394px;
margin: 400px 0 0 0;
padding: 3px;
list-style: none;
border: 1px solid black;
}
body#diaporama #wrapper div#dia a, body#diaporama #wrapper div#dia a:link, body#diaporama #wrapper div#dia a:visited{
display: block;
float:left;
width:75px;
height:47px;
margin:3px;
color: #000;
font: normal 12px/17px Arial, Helvetica, sans-serif;
text-decoration:none;
border:1px solid #000;
}
body#diaporama #wrapper div#dia a#vignette{
float: right;
width: 0;
height: 0;
border: none;
}

body#diaporama #wrapper div#dia a:hover,body#diaporama #wrapper div#dia a:active{
white-space: normal;
}
body#diaporama #wrapper div#dia a span{
display:block;
position:absolute;
top:-1px;
left: -5px; 
width: 1px;
height: 1px; 
overflow: hidden; 
background: #efedec;
}
body#diaporama #wrapper div#dia a#vignette span{
display: block;
position:absolute;
width: 402px;
height: 370px; 
padding: 5px;
top: -390px; 
left: -5px;
background: #A2C1D9;
z-index: -1000;
}
html > body#diaporama #wrapper div#dia a#vignette span{
z-index: auto;
}
body#diaporama #wrapper div#dia a:hover span{
display: block;
position:absolute;
width: 402px;
height: 370px; 
padding: 5px;
top: -390px; 
left: -5px;
background: #A2C1D9;
}
html > body#diaporama #wrapper div#dia a:hover span{
z-index: 100;
}
body#diaporama #wrapper div#dia a:active span, body#diaporama #wrapper div#dia a:focus span{
display:block;
position:absolute;
width: 402px;
height: 370px; 
padding: 5px;
top: -390px; 
left: -5px;
background: #A2C1D9;
z-index: -10;
}
html > body#diaporama #wrapper div#dia a:active span, html >body#diaporama #wrapper div#dia a:focus span{
z-index: 10;
}
body#diaporama #wrapper div#dia a:hover span img, body#diaporama #wrapper div#dia a:active span img, body#diaporama #wrapper div#dia a:focus span img{
border: 1px solid #000;
}
body#diaporama #wrapper div#dia a#vignette span img{
border: 1px solid #000;
}
body#diaporama #wrapper div#dia a span p{
font: normal 11px/14px Arial, Helvetica, sans-serif;
color: #000;
}