/* Feuille de style pour le footer */
@import url(../../styles/glossaire.css);


/* --------------------------- */
/* COMMUN */
/* --------------------------------------------------------------------------------- */
a.external {
	text-decoration: none; padding-right: 22px; background-position: right center; background-image: url(../../styles/images/fleche_agenda_1.gif); background-repeat: no-repeat;
	color: #4682B4;	font: normal 12px/18px Arial, Helvetica, sans-serif; }	


a.external:link , a.external:visited  {
	text-decoration: none; padding-right: 22px; background-position: right center; background-image: url(../../styles/images/fleche_agenda_1.gif); background-repeat: no-repeat;
	color: #4682B4;	font: normal 12px/18px Arial, Helvetica, sans-serif; }

a.external:hover  {
	text-decoration: none; padding-right: 22px; background-position: right center; background-image: url(../../styles/images/fleche_agenda.gif); background-repeat: no-repeat;
	color: #000;	font: normal 12px/18px Arial, Helvetica, sans-serif; }
	
#contenu .avant_apres_dentaire h2  {
margin:0 0 0 30px;
color: #2F4F4F;
padding: 0 0 0 45px;
font: normal 12px/45px Arial, Helvetica, sans-serif;
background:  url(../../styles/images/photos-dentaires.gif) no-repeat 1px 1px;
}

#contenu .avant_apres_dentaire h2 a, #contenu .avant_apres_dentaire h2 a:link, #contenu .avant_apres_dentaire h2 a:visited {
color: #2F4F4F;
text-decoration:none;
border-bottom: 1px dashed #CD5C5C;
}

/* --------------------------- */
/* SOUS MENU CHIFFRES PAGES */
/* --------------------------------------------------------------------------------- */
#plus{
clear: both;
width: 600px;
margin: 20px 0 10px 30px;
height: 23px;
color:#708090;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
}
#plus #numero{
color:#708090;
}



#plus #numero ul {
	padding: 0 5px 20px 5px;
	list-style-type: none;
	font: normal 12px/13px arial, helvetica, sans-serif;
	color:#2f4f4f;
}

#plus #numero li, #plus #numero li a:link, #plus #numero li a:visited {
	padding: 0 2px 2px 2px;
	display: inline;
	text-decoration: none;
	color:#2f4f4f;
}
#plus #numero li a:link#current, #plus #numero li a:visited#current, #plus #numero li a:hover {
	border-bottom: 4px solid #CD5C5C;
	background: transparent;
	color: #000;
}
#plus #numero li a:hover { color: #000; border-bottom: 4px solid #CD5C5C; }
/* --------------------------- */
/* GLOSSAIRE DIAPORAMA cf photo */
/* --------------------------------------------------------------------------------- */
p.dia{margin:0; padding:0 40px 0 0; text-align:right;}


hr.invisible {
	border : none;
	color : #fff;
	background : transparent;
	margin:0;
	padding:0;
}

#legendeP {
clear: left;
width: 768px;
margin: 0;
padding:0;
background: transparent;
}
#legendeP h2{
color: #2F4F4F;
font: normal 17px/24px Arial, Helvetica, sans-serif;
margin: 40px 20px 0 30px;
font: normal 17px/26px Arial, Helvetica, sans-serif;
padding: 0 0 0 34px;
background:  url(../../styles/images/puce-dossiers-1.jpg) left center no-repeat;
}
#legendeP p.clic{
color: #2F4F4F;
margin: 0 0 0 70px;
font: normal 12px/18px Arial, Helvetica, sans-serif;
padding: 0 0 0 10px;
background: url(../../styles/images/fleche.gif) 0 6px no-repeat;
}

.containersP {clear:both; text-decoration:none;}
* html .containersP {display:inline;} 


#alphabetP {width: 768px; height:150px; clear:both; background: transparent url(images/bg_blanc.gif) top repeat-y; text-align:center;}

#alphabetP {padding-bottom: 0px;  padding-top: 0; margin-left:0; margin-right:0; margin-bottom: 50px; border-bottom:1px solid #C0C0C0 }
#alphabetP p {text-align:center;}


#lettresP {display:inline;list-style-type:none;  }
#lettresP a img {border: 0 none;}
#lettresP a:hover  {border: 2px solid blue;}
#lettresP a {border : 2px solid transparent;float: left; line-height: 1px;   width:auto; padding:2px 3px;}


#lettresP li {padding-left: 1px;padding-right: 1px;float:left;display:inline;}

* html #lettresP li {float:left;}
* html #lettresP a {float:left;}  

#lettresP a:link#current {border: 2px solid blue;}
#lettresP a:visited#current  {border: 2px solid blue;}
    
div.gaucheContenus#pd{background: transparent}
div.gaucheContenus{margin:0; padding:0;}

div.gaucheContenus p.serie{margin:0; padding:0 40px 0 0; text-align:right;}

div.gaucheContenus p.interligne {
margin: 30px 0 3px 30px;
}
div.gaucheContenus ul li span.dates{
margin: 80px 0 3px 30px;
font-style: italic;
color:#4682B4;
}

div.gaucheContenus p.dentaires{
margin: 10px 0 3px 30px; padding-left: 14px! important; padding-top: 1px; 14pxbackground: url(../../images/top.gif) no-repeat 1px 6px;
}
div.gaucheContenus p.dentaires a, div.gaucheContenus p.dentaires a:link, div.gaucheContenus p.dentaires a:visited, div.gaucheContenus  p.dentaires a:active{
color: #2F4F4F;
font-weight: bold;
border-bottom: 1px dashed rgb(59, 96, 130);
text-decoration: none;
}
div.gaucheContenus p.dentaires a:hover{
font: normal 12px/18px arial, helvetica, sans-serif;
color:#000;
border-bottom: 1px dashed #CC3300;
background: #B0C4DE;
}

/* --------------------------- */
/* IMAGE POP UP HOVER */
/* --------------------------------------------------------------------------------- */

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
visibility:hidden; /* hide the image */
position:absolute; 
width:0; /* make the image zero size */ 
height:0; /* for Opera bug */
left:0; /* position:the image */

bottom:20px;
border:0; /* with no border */
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */ 
width:270px; /* give it the actual size */
height:20px; 

cursor:pointer; /* for IE */
}
a.screen:hover b img {
border:0; /* get rid of the default link border */
}
/* --------------------------- */
/* LISTE A PUCES DES LEGENDES */
/* --------------------------------------------------------------------------------- */
.italique {font-style: italic; color: #CD5C5C;}

#liensImag ul{
list-style: none;
margin: 0 0 0 0;
}

#liensImag li.current{
margin: 0 0 5px 65px;
padding: 0 0 0 11px;
background: url(../../styles/images/voir_r.gif) 0 6px no-repeat;
font: italic 12px/22px arial, helvetica, sans-serif;
color: #CD5C5C;
}
#liensImag li.current a, #liensImag li.current a:link, #liensImag li.current a:visited, #liensImag li.current a:active{
font: bold 12px/22px arial, helvetica, sans-serif;
color: #2F4F4F;
}
#liensImag li.current a:hover{
font: bold 12px/22px arial, helvetica, sans-serif;
border-bottom: 1px dashed #CD5C5C;
}

#liensImag li.sans a, #liensImag li.sans a:link, #liensImag li.sans a:visited, #liensImag li.sans a:active{
color: #2F4F4F;
padding: 0 0 0 5px;
font: normal 12px/22px arial, helvetica, sans-serif;
}
#liensImag li.sans a:hover{
font: bold 12px/22px arial, helvetica, sans-serif;
border-bottom: 1px dashed #CD5C5C;
}
#liensImag li.normal a, #liensImag li.normal a:link, #liensImag li.normal a:visited, #liensImag li.normal a:active{
margin: 0 0 5px 35px;
color: #2F4F4F;
padding: 0 0 0 11px;
background: url(../../styles/images/fleche.gif) 0 6px no-repeat;
font: bold 12px/22px arial, helvetica, sans-serif;
}
#liensImag li.normal a:hover{
font: bold 12px/22px arial, helvetica, sans-serif;
border-bottom: 1px dashed #CD5C5C;
}
#liensImag li.voir{
margin: 0 0 5px 65px;
padding: 0 0 0 11px;
background: url(../../styles/images/voir_r.gif) 0 6px no-repeat;
font: italic 12px/22px arial, helvetica, sans-serif;
color: #CD5C5C;
}
#liensImag li.voir a, #liensImag li.voir a:link, #liensImag li.voir a:visited, #liensImag li.voir a:active{
font: normal 12px/22px arial, helvetica, sans-serif;
color: #2F4F4F;
}
#liensImag li.voir a:hover{
font: bold 12px/22px arial, helvetica, sans-serif;
border-bottom: 1px dashed #CD5C5C;
}