@import url(../styles/blanc.css);

/* --------------------------------------------------------------------------------- */
/* general */
/* ----------------- */
.backwards {unicode-bidi:bidi-override; direction: rtl; color:#FF4E00;}
h4#email {color:#000; text-decoration:none; border:0; margin:0; padding: 0;  font-size:1.2em; font-weight:normal;}


img{
display: block;
border: 0;
}

/* --------------------------------------------------------------------------------- */
/* Header eid */
/* ----------------- */


div#headers_eid{
position: relative;
top: 0;
left: 0;
width: 400px;
height: 205px;
background: white;
}

div.headers{
width: 768px;
height: 205px;
margin: 0;
}

div.headers{
background: url(../styles/images/header.gif) top no-repeat;
}


/* --------------------------------------------------------------------------------- */
/* effet plan*/
/* ----------------- */
#hopital {position:relative; top:1px; left:0; width:180px; background-color:#fff; z-index:100;}
#hopital a.p1, #menu a.p1:visited {display:block; width:180px; height:119px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#hopital a img {border:0;}
#hopital a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#hopital a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#hopital a.p1:hover .large {display:block; position:absolute; top:-250px; left:-500px; width:450px; height:295px; border:5px solid #4682B4;}


/* --------------------------------------------------------------------------------- */
/* droite*/
/* ----------------- */

/* specialites zones */
/*---------------------------------------------------*/


.gaucheHop {
	float: left;
	width: 430px;
	padding: 0 30px 20px 30px;
	margin: 30px 0 0 0;
	line-height: 16px;
	border-right: 1px solid #EBE1C5;
	}
.gaucheHop p{
	font: normal 12px/18px arial, helvetica, sans-serif;
color: #2F4F4F;
	}
.gaucheHop strong{
	font: bold 12px/18px arial, helvetica, sans-serif;
	color:#2F4F4F;
	}

.reliefSpec {
	padding: 20px 30px;
	color:#757678;
	line-height: 17px;
	margin: 0;
	}
.gaucheHop p.interligne {
margin: 3px 0 3px 0;
}

#droiteHop {
	margin-top: 30px;
	margin-right: 5px;
	padding: 0 0 0 10px;
	width: 230px;
	float: right;
	}
#droiteHop p{
	color: #2F4F4F;
	font: normal 12px/17px arial, helvetica, sans-serif;
	}
#droiteHop p.dashed{
	color: #2F4F4F;
	border-bottom: 1px dashed #2F4F4F; 
	margin:  7px 5px 7px 3px;
	}
.hide {
	display: none;
	}	
.hop_droite {
	display: block;
	color: #2F4F4F;
	font: bold 12px/18px arial, helvetica, sans-serif;
	}
	
.hop_droite img {
	border: 1px solid #4682B4;
	margin:  5px 5px 5px 0;
	}
	
.hop_texte {
	font: normal 11px/17px arial, helvetica, sans-serif;
	color:#2F4F4F;
	}

#droiteHop ul{
margin: 0;
padding: 0;
width: 90%;
}
#droiteHop ul li{
margin: 0;
padding: 0;
color: #2F4F4F;
font: normal 12px/18px arial, helvetica, sans-serif;
}
#droiteHop ul li a, #droiteHop ul li a:link, #droiteHop ul li a:visited, #droiteHop ul li a:active{
font: normal 12px/18px arial, helvetica, sans-serif;
padding: 0 0 0 14px;
background: url(../styles/images/fleche.gif) 0 4px no-repeat;
color:#4682B4;
text-decoration: none;
}
#droiteHop ul li span.sousrub a, #droiteHop ul li span.sousrub a:link, #droiteHop ul li span.sousrub a:visited, #droiteHop ul li span.sousrub a:active{
font: normal 12px/18px arial, helvetica, sans-serif;
background: url(../styles/images/fleche1.gif) 20px 4px no-repeat;
color:#4682B4;
padding: 0 0 0 30px;
text-decoration: none;
}
#droiteHop ul li span.sousrub a:hover{
color:#000;
background:#E6E6FA;
}

#droiteHop ul li a:hover{
color:#000;
background:#E6E6FA;
}