/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	margin:auto;
	background:#fff url(../images/fond_body.png) repeat-x top left; 
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul {
	list-style-type:none;
}
p {
	font-size:12px;
	color:#5f6062;
	line-height:18px;
}
a {
	text-decoration:none;
	color:#595a5c;
}
a:hover{
color:#009dd9;
}
a:active, a:focus{
   outline:none;
}
/*---------------------------------------------- GLOBAL -----------------------------------------*/
#global {
	position:relative;
	width:899px;
	padding:0 16px;
	margin:0 auto;
	background:url(../images/fond_global.png) repeat-y top left;
}
/*------------------------------------- MENU -----------------------------------*/
#global #menu {
	position:relative;
	width:299px;
	float:right;
}
#global #menu div.partie1 div.bloc_langues{
	float:left;
	width:130px;
	padding:20px 20px 80px 119px;
}
#global #menu div.partie1 div.bloc_langues div{
	float:left;
	width:100%;
	position:relative;
}
#global #menu div.partie1  div.bloc_langues p{
	float:left;
	
	width:120px;
	padding:0 5px;
	border:1px solid #e9e9ea;
}
#global #menu div.partie1  div.bloc_langues p a{
	float:left;
	width:100%;
	font-size:11px;
	margin:0;
	padding:0;
	color:#5f6062;
	background:url(../images/fleche_mini.gif) no-repeat 100px 6px;
}
#global #menu div.partie1  div.bloc_langues ul.langues {
	position:absolute;
	top:19px;
	left:0px;
	width:120px;
	padding:0 5px;
	border:1px solid #e9e9ea;
	border-width:0 1px 1px 1px;
}
#global #menu div.partie1  div.bloc_langues ul.langues li{
	float:left;
	width:100%;	
	line-height:18px;
}
#global #menu div.partie1  div.bloc_langues ul.langues li.lien a{
	width:100%;
	display:block;
	font-size:11px;
	margin:0;
	padding:0;
	color:#5f6062;
	background:url(../images/fleche_mini.gif) no-repeat 110px 6px;
}
#global #menu div.partie1  div.bloc_langues ul.langues li.lien.hide a:hover{
	color:#5f6062;
	color:#fff;
	background:#009dd9 url(../images/fleche_mini_hover.gif) no-repeat 110px 6px;
}


#global #menu div.partie1 {
	padding:0 0 0 20px;
	border-bottom:1px solid #e9e9ea;
	height:526px;
}
#global #menu div.partie1_admin{
height:700px;
}
#global #menu div.partie1 div.menu_admin {
	margin:30px 0 0 0;
}
#global #menu dl{
	float:left;
	width:100%;
	margin:0 0 26px 0;
}
#global #menu ul{
	float:left;
	width:93%;
	padding:0 0 0 7%;
}
#global #menu ul li{
	float:left;
	width:100%;
}
#global #menu ul li h3{
	float:left;
	width:95%;
	font-size:12px;
	margin:6px 0 0 0;
	font-weight:400;
	background:url(../images/puce_menu_mini.gif) no-repeat 0px 3px;
	text-indent:16px;
}
#global #menu h2{
	float:left;
	width:92%;
	background:url(../images/puce_menu.gif) no-repeat 0px 2px;
	padding:0 0 0 8%;
	font-weight:400;
	font-size:12px;
	line-height:18px;
	color:#595a5c;
	margin:0 0 26px 0;
}
#global #menu h2.actif a,
#global #menu h3.actif a{
	color:#009dd9;
}
#global #menu a.modif_menu{
	float:right;
	margin:0 10px 0 0;
}
#global #menu h2.ouvre_menu{
	margin:0;
}
#global #menu div.partie2 {
	padding:20px 0 0 20px;
}
/*------------------------------------- ENTETE -----------------------------------*/
#global #entete{
	float:left;
	position:relative;
	width:599px;
	border-right:1px solid #e9e9ea;
	height:110px;
}
#global #entete h2{
float:left;
padding: 0 0 20px 0;
margin: 22px 0 0 20px;
display:block;
}
#global #entete h2 img{
	float:left;
	width:295px;
}

#global #entete div.infos{
	float:left;
	width:150px;
	margin:10px 0 0 30px;
}
#global #entete div.infos h1{
	float:left;
	width:100%;
	font-size:19px;
	color:#009dd9;
	font-weight:400;
	display:block;
}
#global #entete div.infos h1 span{
	font-weight:700;
}

#global #entete div.infos p.adresse{
float:left;
width:100%;
font-size:11px;
}
#global #entete p.photo img{
float:left;
margin:15px 0 0 10px;
}


/*---------------------GENERAL---------------------------*/
.sous_titre{
float:left;
background:url(../images/puce_menu.gif) no-repeat center left;
padding:0 0 0 20px;
width:90%;
font-size:13px;
color:#595a5c;
margin:14px 0 14px 0;
}


/*--------------------------------------         CORPS           ---------------------------------------*/

#corps {
	position:relative;
	float:left;
	width:559px;
	min-height:600px;
	border-right:1px solid #e9e9ea;
	display:inline;
	padding:0 20px;
}
*html #corps {
	height: 600px;
}
#corps h4.logo_accueil{
	width:100%;
	margin:20px 0 0 0;
	text-align:right;
}
#corps div.anim{
float:left;
width:559px;
height:323px;
}
#corps div.anim p img{
	float:left;
}
#corps h2.slogan{
width:100%;
margin:20px 0 0 0;
text-align:right;
color:#595a5c;
font-size:12px;
}
#corps h3.titre_puce_mini{
float:right;
}
#corps p.para {
color:#595a5c;
float:left;
font-size:15px;
margin:20px 0px 0 0;
padding:0 0 140px 0;
}
#corps h3.titre_normal{
width:539px;
float:left;
font-size:17px;
font-weight:700;
text-indent:24px;
color:#009dd9;
display:inline;
background: url(../images/puce_menu.gif) no-repeat left center;
height:30px;
line-height:30px;
}


#corps h3.titre_normal span{
color:#009dd9;
}
#corps p.p_decaler{
float:left;
margin:20px 0 20px 0;
font-size:13px; 
}
#corps p.p_decaler span{
color:#009dd9;
text-decoration:underline;
}
#corps p.audio{
float:left;
width:100%;
margin:8px 0 0 0;
}
#corps div.bloc_intro{
float:left;
width:100%;
}
#corps div.bloc_page{
float:left;
margin:12px 0 0 0;
padding:0 0 12px 0;
width:100%;
border-bottom : 1px solid #e9e9ea;
}
#corps div.bloc_page .titre_bloc_texte{
float:left;
width:100%;
}

#corps div.bloc_texte_img_gauche,
#corps div.bloc_texte_img_droite,
#corps div.bloc_texte_img_full,
#corps div.bloc_avant_apres{
float:left;
width:100%;
}
#corps div.bloc_page_conteneur{
float:left;
margin:10px 0 0 0;
width:100%;
}
#corps div.bloc_page_conteneur h6.lien_aff{
float:left;
width:100%;
position:relative;
padding:0 0 10px 0; 
}
#corps div.bloc_page_conteneur h6.lien_aff a{
position:absolute;
top:0px;
right:0px;
}
#corps h3.titre_bloc_texte{
font-weight:700;
font-size:14px;
color:#595a5c;
}
#corps h3.titre_bloc_texte2{
font-weight:600;
font-size:14px;
color:#009dd9;
}
#corps div.bloc_texte_img_full p{
float:left;
margin:8px 0 0 0;
width:100%;
}
#corps div.bloc_texte_img_full h5{
float:left;
width:100%;
}
#corps div.bloc_texte_img_full h5 img{
float:left;
margin:12px 0 0 0;
}
#corps div.bloc_texte_img_droite p{
float:left;
margin:8px 0 0 0;
}
#corps div.bloc_texte_img_gauche p{
float:right;
margin:8px 0 0 0;
}
#corps div.bloc_texte_img_droite p img{
float:right;
margin:0 0 0 10px;
min-height:100px;
}
#corps div.bloc_texte_img_gauche p img{
float:left;
margin:0 10px 0 0;
}
div.bloc_boutons_admin{
width:100%;
float:left;
margin:40px 0 20px 0;
position:relative;
}
div.bloc_boutons_admin_fleche{
width:100%;
float:left;
margin:8px 0 8px 0;
position:relative;
}
div.bloc_boutons_admin_fleche a{
float:right;
padding:0 0 0 10px;
}

/*-------blocs cas cliniques------------*/
#corps div.bloc_avant_apres h4,
#corps div.bloc_avant_apres p{
float:left;
width:100%;
margin:10px 0 0 0;
}
#corps div.bloc_avant_apres h4{
font-weight:400;
color:#595a5c;
}
#corps div.bloc_avant_apres div{
float:left;
width:269px;
margin:8px 0 0 0;
}
#corps div.bloc_avant_apres div.bloc_droit{
margin: 0 0 0 20px;
}
#corps div.bloc_avant_apres div h5,
#corps div.bloc_avant_apres div p{
float:left;
width:100%;
}
#corps div.bloc_avant_apres div.div_droit{
margin:8px 0 0 21px;
}

#corps div.adresse{
	float:left;
	width:100%;
}
#corps div.adresse div.texte{
	float:left;
	width:40%;
}
#corps div.adresse div.carte{
	float:left;
	width:60%;
}
/*-----------------------   ADMIN  ----------------------*/
#corps ul.liste_users{
float:left;
width:100%;
}
#corps ul.liste_users li{
float:left;
font-size:12px;
color:#595a5c;
height:25px;
line-height:25px;
}
#corps ul.liste_users li span{
color:#009dd9;
}
#corps ul.liste_users li.liste_date{
width:90px;
}
#corps ul.liste_users li.liste_statut{
width:60px;
}
#corps ul.liste_users li.liste_login{
width:210px;
}
#corps ul.liste_users li.liste_operation{
width:199px;
}
p.baseline{
position:absolute;
bottom:16px;
left:20px;
width:560px;
font-size:10px;
line-height:14px;
color:#a9aaab;
}
p.baseline a{
color:#a9aaab;
text-decoration:underline;
}

/*-------------------------TABLEAU-------------------*/
table.tab_normal{
float:left;
width:100%;
border:1px solid #e9e9ea;
border-width:1px 1px 0 0; 
}
table.tab_marge{
margin:20px 0 0 0;
}
table.tab_normal th,
table.tab_normal td{
padding:6px 4px 6px 4px ;
border:1px solid #e9e9ea;
border-width:0 0 1px 1px; 
font-size:12px;
color:#5f6062;
}
table.tab_normal td.souligne:hover{
text-decoration:underline;
font-weight:700;
}
table.tab_normal td.gras{
font-weight:700;
}
table.tab_normal td.centree{
text-align:center;
}
table.tab_normal tr.ligne_couleur td{
background:#e6f1f8;
}
table.tab_normal tr.selected{
background:#bcbcbc;
}

/*----------------------------------    PIED DE PAGE     -----------------------------------------*/
#pied {
	width:100%;
	clear:both;
	border-top:10px solid #e9e9ea;
	height:50px;
	position:relative;
}
#pied ul {
	margin:10px 0 0 0;
	width:94%;
	padding:0 3%;
}
#pied ul li{
	display:inline;
	font-size:11px;
	color:#595a5c;
	margin:0 14px 0 0;
}
#pied ul li a{
	font-size:11px;
}
#pied h6.espai{
	font-size:11px;
	color:#595a5c;
	position:absolute;
	bottom:-20px;
	right:0px;
	font-weight:400;
}
/*--------------------------------  FORMULAIRE  -----------------------*/
#formulaire{
	margin:20px 0 0 0;
	float:left;
	position:relative;
	padding: 0 0 30px 0;
	width:559px;
}
#formulaire div{
	margin:0 0 10px 0;
	float:left;
	width:100%;
}
#formulaire div{
	margin:0 0 10px 0;
	float:left;
	width:100%;
}
#formulaire div p label{
	width:150px;
	height:18px;
	line-height:18px;
	float:left;
	padding:0 10px 0 0;
	font-weight:400;
	color:#595a5c;
}
#formulaire div.bloc_upload{
float:left;
width:459px;
}
#formulaire div.bloc_style{
float:left;
}
#formulaire div div.bloc_style{
float:left;
width:120px;
margin:0 8px 0 0;
}
#formulaire div div.bloc_style p{
float:left;
}
#formulaire div div.bloc_style p input{
float:left;
width:100%;
}
#formulaire div p input {
	float:left;
	width:246px;
	height:18px;
}
#formulaire div p input.submit{
	height:20px;
	width: 100px;
}
#formulaire div p textarea{
	height:150px;
	width: 360px;
}
#formulaire div p select {
	width:250px;
	height:18px;
	font-size:12px;
	font-weight:400;
}
#formulaire p input.btn_droit_area{
float:right;
margin:10px 36px 0 0;
}
#formulaire p input.btn_droit{
float:right;
margin:10px 150px 0 0;
}
.submit,.lien_bouton {
	font-size:13px;
	font-weight:400;
	color:#fff;
	vertical-align:middle;
	border:1px solid #595a5c;
	background:#009dd9;
	font-weight:700;
	padding:4px 10px 4px 10px;
}
.lien_modifier{
position:absolute;
right:0px;
bottom:0px;
}
.lien_supprimer{
position:absolute;
left:0px;
bottom:0px;
}
.lien_ajout_texte{
width:100px;
height:20px;
line-height:20px;
float:right;
}
.lien_bouton  a{
color:#fff;
}
#formulaire div.bloc_style{
float:left;
width:100%;
}
#formulaire div.bloc_style p label{
width:125px;
}
#formulaire div.bloc_style p input{
width:16px;
}
#formulaire div.bloc_style div.checkbox_image{
float:left;
width:125px;
}
#formulaire div.bloc_style div.checkbox_image p input{
float:left;
}
/*Messages */
#corps p.mess{
float:left;
margin:20px 0 20px 0;
width:515px;
padding:20px;
text-align:center;
font-weight:700;
font-size:14px;
color:#595a5c;
border:1px solid #009dd9;
}