/* CSS Document */

body,html{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFCC;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	color: #000;
	
}

body{
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 1.1em;
}

p{
	font-size: 1.1em;
}

h3{
	padding: 0px;
	width: 460px;
	color: #FFF;
	background-color: #336699;
	border: 1px solid #2d5a87;
	font-size: 1.4em;
	margin: 0px;
	margin-left: 10px;
	margin-top: 5px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.invisible{
	visibility: hidden;
	display: none;
	clear: both;
}
.conteneur_index{
	margin-left: auto;
	margin-right:auto;
	width: 760px;
	text-align: left;
	padding: 0px;
}

.haut{
	width: 760px;
	height: 161px;
	padding: 0px;
	margin: 0px;
	background: url(images/home/haut_index.jpg) left top no-repeat;
}

.haut h1{
	visibility: hidden;
	display: none;
	font-size: 1.2em;
}

.haut p{
	visibility: hidden;
	display: none;
	font-size: 1em;
}


/*zone principale*/


.contenu{
	margin: 0px;
	padding: 0px;
	width : 760px;
	background: url(images/fond_interieur.jpg) -1px top repeat;
}

.contenu_principal{
	float: left;
	padding: 0px;
	margin-left: 12px;
	width: 734px;
	background-color: #cbcbcb;
	text-align: left;
}

.principal{
	float: left;
	padding: 0px;
	background-color: #FFF;
	margin-left: 3px;
	margin-top: 4px;
	width: 488px;
	
}

.principal h2{
	width: 466px;
	color: #FFF;
	background-color: #336699;
	border: 1px solid #2d5a87;
	font-size: 1.4em;
	margin-left: 10px;
	margin-top: 5px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.principal h3{
	padding: 0px;
	width: 460px;
	color: #FFF;
	background-color: #336699;
	border: 1px solid #2d5a87;
	font-size: 1.4em;
	margin: 0px;
	margin-left: 10px;
	margin-top: 5px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.principal h3.spip{
	padding: 0px;
	width: 460px;
	color: #FFF;
	background-color: #336699;
	border: 1px solid #2d5a87;
	font-size: 1.4em;
	margin: 0px;
	margin-left: 10px;
	margin-top: 5px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.principal p{
	font-size: 1.1em;
	margin: 10px;
	text-align: justify;
}

.principal p.spip{
	font-size: 1.1em;
	margin: 10px;
	text-align: justify;
}

.principal a{
	font-size: 1.1em;
	color: #336699;
	text-decoration: none;
}

.principal a:hover{
	text-decoration: underline;
}

.principal a.spip{
	font-size: 1.1em;
	color: #336699;
	text-decoration: none;
}

.principal a.spip:hover{
	text-decoration: underline;
}

.principal strong{
	color: #336699;
}

.principal strong.spip{
	color: #336699;
}

.principal em{
	color: #336699;
	font-style: normal;
}

.principal em.spip{
	color: #336699;
	font-style: normal;
}
.principal i.spip{
	color: #336699;
	font-style: normal;
}
.principal li{
	font-size: 1.1em;
	margin: 10px;
	list-style: none;
	background: url(images/flechebleue.gif) -1px 1px no-repeat;
	padding-left: 18px;
}

.principal li.spip{
	font-size: 1.1em;
	margin: 10px;
	list-style: none;
	background: url(images/flechebleue.gif) -1px 1px no-repeat;
	padding-left: 18px;
}

.principal img{
	display: block;
	float: right;
	margin: 0px;

}
.principal p.spip span img{
	display: block;
	float: right;
	margin: 0px;	
}

p.spip span{
	display: block;
	width: 460px;
	float: right; 
	margin-right: 10px;
}

dl, dt{
	display: block;
	/*width: 152px;
	height: 152px;*/
	float: right; 
	margin-right: 10px;
}
.menu_contextuel{
	float: left;
	margin: 0px;
	width: 235px;
	padding: 0px;
}

.menu_contextuel p{
	margin-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.menu_contextuel ul, .menu_contextuel li{
	margin_left: 0px;
	margin-right: 5px;
}

.menu_contextuel li{
	list-style: none;
	/*background: url(images/flechebleue.gif) -1px 1px no-repeat;
	padding-left: 18px;*/
}

.menu_contextuel a{
	color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
	font-family: arial, sans-serif;
	
}

.menu_contextuel a:hover{
	text-decoration: underline;
}

.menu_contextuel span{
	color: #336699;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
}

.menu_contextuel .selection{
	background-color: #336699;
	color: #FFF;
	padding: 2px;
	letter-spacing: 3px;
	font-weight: normal;
	font-size: 1.1em;
}


/* menu de nav*/
.menu_index{
	position: absolute;
	top: 125px;
	margin-left: 252px;
	padding: 0px;
	width: 498px;
	height: 36px;
}

.menu_index ul, .menu_index li{
	display: inline;
	padding: 0px;
	margin: 0px;
}

.menu_index li{
	list_style: none;
	list-style-type: none;
	list-style-position: inside;
	
}

.menu_index .clinique{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 102px;
	height: 36px;
}

.menu_index .clinique a{
	display: block;
	margin: 0px;
	width: 102px;
	height: 36px;
	background: url(images/N_bt_clinique.jpg) left 2px no-repeat;
	text-decoration: none;
}

.menu_index .clinique a:hover{
	margin: 0px;
	width: 102px;
	height: 36px;
	background: url(images/R_bt_clinique.jpg) left 2px no-repeat;
}

.menu_index .clinique span{
	display: block;
	margin: 0px;
	width: 102px;
	height: 36px;
	background: url(images/C_bt_clinique.jpg) 1px 2px no-repeat;
}

.menu_index .equipe{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 98px;
	height: 36px;
}

.menu_index .equipe a{
	display: block;
	margin: 0px;
	width: 98px;
	height: 36px;
	background: url(images/N_bt_equipe.jpg) left 2px no-repeat;
	text-decoration: none;
}

.menu_index .equipe a:hover{
	margin: 0px;
	width: 98px;
	height: 36px;
	background: url(images/R_bt_equipe.jpg) left 2px no-repeat;
}

.menu_index .equipe span{
	display: block;
	margin: 0px;
	width: 98px;
	height: 36px;
	background: url(images/C_bt_equipe.jpg) 1px 6px no-repeat;
}

.menu_index .intervention{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 36px;
}

.menu_index .intervention a{
	display: block;
	margin: 0px;
	width: 100px;
	height: 36px;
	background: url(images/N_bt_intervention.jpg) left 2px no-repeat;
	text-decoration: none;
}

.menu_index .intervention a:hover{
	margin: 0px;
	width: 100px;
	height: 36px;
	background: url(images/R_bt_intervention.jpg) left 2px no-repeat;
}

.menu_index .intervention span{
	display: block;
	margin: 0px;
	width: 100px;
	height: 36px;
	background: url(images/C_bt_intervention.jpg) 3px 2px no-repeat;
}

.menu_index .urgences{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 36px;
}

.menu_index .urgences a{
	display: block;
	margin: 0px;
	width: 100px;
	height: 36px;
	background: url(images/N_bt_urgences.jpg) left 2px no-repeat;
	text-decoration: none;
}

.menu_index .urgences a:hover{
	margin: 0px;
	width: 100px;
	height: 36px;
	background: url(images/R_bt_urgences.jpg) left 2px no-repeat;
}

.menu_index .urgences span{
	display: block;
	margin: 0px;
	width: 100px;
	height: 36px;
	background: url(images/C_bt_urgences.jpg) 2px 6px no-repeat;
}

.menu_index .pathologies{
	float: left;
	top: 125px;
	margin: 0px;
	padding: 0px;
	width: 96px;
	height: 36px;
}

.menu_index .pathologies a{
	display: block;
	
	margin: 0px;
	width: 96px;
	height: 36px;
	background: url(images/N_bt_pathologies.jpg) -1px 2px no-repeat;
	text-decoration: none;
}

.menu_index .pathologies a:hover{
	margin: 0px;
	width: 96px;
	height: 36px;
	background: url(images/R_bt_pathologies.jpg) -1px 2px no-repeat;
}

.menu_index .pathologies span{
	display: block;
	margin: 0px;
	width: 96px;
	height: 36px;
	background: url(images/C_bt_pathologies.jpg) 1px 6px no-repeat;
}

/* photo de l'index*/


.photo_index{
	margin: 0px;
	padding: 0px;
	width : 760px;
	height: 256px;
	background: url(images/home/photo_index.jpg) left top no-repeat;
}

.actu_index{
	float: left;
	margin-left: 25px;
	padding: 0px;
	width : 300px;
	height: 257px;
}

.actu_index h2{
	margin-top: 30px;
	heigth: 20px;
	font-variant: small-caps;
	color: #78979c;
}

.actu_index strong{
	color: #78979c;
}

.actu_index a{
	color: #78979c;
}

.pied{
	float: left;
	margin: 0px;
	margin-top: -1px;
	padding: 0px;
	width : 760px;
	height: 190px;
	background: url(images/pied2.jpg) left top no-repeat;
	text-align: left;
}

.pied_interieur{
	float: left;
	margin: 0px;
	margin-left: -1px;
	padding: 0px;
	width : 760px;
	height: 190px;
	background: url(images/pied2.jpg) left top no-repeat;
	text-align: left;
}
.pied .fesum{
	position: relative;
	top: 58px;
	margin-left: 698px;
	width: 43px;
	height: 43px;
}

.pied_interieur .fesum{
	position: relative;
	top: 58px;
	margin-left: 698px;
	width: 43px;
	height: 43px;
}

.fesum a{
	display: block;
	width: 43px;
	height: 43px;
	text-decoration: none;
}

.fesum a:hover{
	text-decoration: none;
}
.acces{
	position: relative;
	top: 115px;
	font-weight: bold;
	font-size: 1.4em;
	margin-left: 300px;
}
.acces a{
	color: #000000;
	text-decoration: underline;
}

.acces a:hover{
	color: #FF0000;

}
.pied .menu2{
	position: relative;
	margin-top: 90px;
	padding: 0px;
	width : 760px;
	height: 20px;
	text-align: center;
}

.pied_interieur .menu2{

	position: relative;
	margin-top: 90px;
	padding: 0px;
	width : 760px;
	height: 20px;
	text-align: center;
}
.menu2 a{	
	font-size: 1.1em;
	color: #000;
	text-decoration:none;
}
.menu2 a:hover{	
	text-decoration: underline;
}

.spacer{
	clear: both;
}