html,body { 
height:100%; width:100%;  
} 
body {
	margin:0;
	background-color: #ededed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
} 
/*P, UL, LI, TD
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}*/
#conteneur {

	margin:0 auto;
	width: 980px;
	background-color: #fff;
	height: auto;
}
/*************************** LIENS **************************/

a:link {
	color: #cc0066;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:visited {
	color: #cc0066;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover {
	color: #cc0066;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:active {
	color: #cc0066;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*****************************LIENS DU MENU HAUT**************************/
.lien_menu_accueil, a.lien_menu_accueil, a:hover.lien_menu_accueil, a:visited.lien_menu_accueil{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 30px;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;}
/*****************************LIENS DU MENU HAUT**************************/
.lien_menu_bas, a.lien_menu_bas, a:hover.lien_menu_bas, a:visited.lien_menu_bas{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 30px;
	vertical-align: middle;
	text-decoration: none;}
/*****************************LIENS DU MENU HAUT**************************/
.lien_interne, a.lien_interne, a:hover.lien_interne, a:visited.lien_interne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;}
	/**lien pour la page prof sante (pas de possibilité d'utiliser le class à cause du script sur le lien vidéo**/
#lien_interne, a#lien_interne, a:hover#lien_interne, a:visited#lien_interne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;}

/*****************************LIENS internes souligné**************************/
.lien_interne_s, a.lien_interne_s, a:hover.lien_interne_s, a:visited.lien_interne_s {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;}
/*****************************LIENS gastro**************************/
.lien_gastro, a.lien_gastro, a:hover.lien_gastro, a:visited.lien_gastro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6699cc;
	text-decoration: none;}	
/*****************************LIENS rhumato**************************/
.lien_rhumato, a.lien_rhumato, a:hover.lien_rhumato, a:visited.lien_rhumato {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0066;
	text-decoration: none;

}		
/*****************************LIENS dermato**************************/
.lien_dermato, a.lien_dermato, a:hover.lien_dermato, a:visited.lien_dermato {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cd98cc;
	text-decoration: none;}	
/*****************************LIENS dermato**************************/
.lien_glossaire, a.lien_glossaire, a:hover.lien_glossaire, a:visited.lien_glossaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0066;
	text-decoration: underline;}			
/*****************************LIENS rhumato**************************/
.lien_ariane, a.lien_ariane, a:visited.lien_ariane {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #868686;
	text-decoration: none;}			
a:hover.lien_ariane {
	text-decoration: underline;
}		
/*****************************LIENS quizz**************************/
.lien_quizz, a.lien_quizz, a:hover.lien_quizz, a:visited.lien_quizz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #a90056;
	text-decoration: none;}			
/*****************************LIENS dermato**************************/
.lien_gris_patient, a.lien_gris_patient, a:hover.lien_gris_patient, a:visited.lien_gris_patient {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#999999;
	text-decoration: none;}			

/*****************************LIENS rhumato**************************/
.lien_bloc, a.lien_bloc, a:hover.lien_bloc, a:visited.lien_bloc {
	text-decoration: none;
	cursor:pointer;
	display: block;
}	
	
	
/************************************************************/
/******************** Gestion du Bouton Logo ****************/
/************************************************************/
a span {
	display: none;/*Permet au texte de ne plus etre visible*/
}
/********************Home**********************/
#bthome {
	position:relative;
	left:0px;
	top:0px;
	width:332px;
	height:93px;
	z-index:1;
	visibility: visible;
	float: left;
	
}
a#lnk-bthome, a#lnk-bthome-on, a#lnk-bthome:hover {
	display:block;
	left:11px;
	top:7px;
	width:332px;
	height:93px;
	background-image:url(../images/logoPBU.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}

/********************Recherche*******************/

#recherche {
	position:relative;
	width:225px;
	height:20px;
	z-index:1;
	float:right;
	top: 60px;
	}

/********************FORMATAGE DU MENU*******************/
#menu_home  {
	display:block;
	position:absolute;
	width:980px;
	left:0px;
	z-index:1;
	visibility: visible;
	background-color: #E5E5E5;
	height: 30px;
	}
#menu  {
	display:block;
	position:relative;
	width:980px;
	left:0px;
	z-index:1;
	visibility: visible;
	height: 30px;
	clear: both;
	}
#menu_accueil  {
	display:block;
	position:absolute;
	width:70px;
	z-index:1;
	visibility: visible;
	background-color: #d8d8d8;
	height:30px;
	top: 0px;
	}
#menu_bt{
	display:block;
	position:absolute;
	width:910px;
	z-index:1;
	visibility: visible;
	background-color: #E5E5E5;
	height:30px;
	top: 0px;
	left: 70px;
}	

.bouton_menu  {
	margin-left: 8px;
	float: left;
	}

#bt_envisager{
	position:absolute;
	width: 123px;
	height: 118px;
	top: 15px;
	left: 20px;
}
#bt_debuter{
	position:absolute;
	width: 123px;
	height: 118px;
	top: 152px;
	left: 20px;
}
#bt_vivre{
	position:absolute;
	width: 123px;
	height: 118px;
	top: 290px;
	left: 20px;
}
/****************AFFICHAGE DE LA POSITION DU CONTENU*****************/
#text_content{
	position:relative;
	left: 0px;/**/
	width: 980px;
	top: 15px;
}
#text_content_glossaire{
	position:relative;
	left: 10px;/**/
	width: 960px;
	top: 15px;
}
/*********************FORMATAGE DES FORMULAIRES*********************/
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px;
	border-color: #999999;
	border-style: solid;
	height: 16px;	
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


label{
float: left;
width: 120px;
font-weight: bold;
}

#nom, #prenom, #emailaddress{
width: 180px;
margin-bottom: 5px;
}

textarea{
	width: 400px;
	height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}
input:focus, textarea:focus{
background-color: lightyellow;
}

/***************FORMATAGE DU TEXTE NORMAL Home ****************/
.textenormal{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #383838;
font-size:11px;
}
/*************************Zone de contenu****************************/
.contenu_texte  {
	width:840px;
	z-index:1;
	text-align: justify;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.contenu_glossaire  {
	width:940px;
	z-index:1;
	text-align: justify;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.contenu_glossaire_fin  {
	width:940px;
	z-index:1;
	text-align: justify;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border: 1px solid #666666;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#contenu_texteg_PS  {
	width:45%;
	z-index:1;
	text-align: justify;
	padding-top: 40px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#contenu_texte_PS  {
	z-index:1;
	text-align: justify;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#contenu_texted_PS  {
	width:45%;
	z-index:1;
	text-align: justify;
	padding-top: 40px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
}
#contenu_texted_PS span, #contenu_texteg_PS span, #contenu_texte_PS span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
/*****************Titrage Pages internes********************/
	
#titre {
	width:820px;
	z-index:1;
	padding-bottom: 10px;
	padding-top: 10px;
}
.Titre_Gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #999999;
}
.Titre_Rose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #a90056;
}
#Texte_titre {
	width:970px;
	z-index:1;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

#titre_violet {
	width:100%;
	z-index:1;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
}
#titre_violet span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #cd98cc;
}
.soustitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a90056;
	font-weight: bold;
}

#divtexte {
	position:relative;
	width:490px;
	z-index:1;
}
#divtexte_quizz_100 {
	position:relative;
	width:100%;
	z-index:1;
}
#divvideo {
	position:absolute;
	left:640px;
	top:135px;
	width:340px;
	height:294px;
	z-index:1;
}
#divvideo_leg {
	position:absolute;
	left:640px;
	top:410px;
	z-index:1;
}
#divvideo_inf {
	position:relative;
	width:340px;
	height:277px;
	z-index:1;
}
#Divdownload_PS {
	position:relative;
	width:100%;
	height:39px;
	z-index:1;
}
#Divdownload {
	position:relative;
	width:462px;
	height:39px;
	z-index:1;
}
#Divnote {
	position:relative;
	width:800px;
	height:39px;
	z-index:1;
}

/**************************** GESTION DES PICTOS ******************************/

#picquizz, #picq1, #picq2, #picq3, #picbilan, #piccourrier, #picvoyage, #picconseil, #picessentiel, #picdownload, #picbrochure, #picvideo, #picparlons, #picinfo, #picpeur {
	width:33px;
	height:33px;
	z-index:1;
	background-repeat: no-repeat;
	background-image: url(../images/carre_quizz.gif);
}
#picq1 {background-image: url(../images/carre_q1.gif);}
#picq2 {background-image: url(../images/carre_q2.gif);}
#picq3 {background-image: url(../images/carre_q3.gif);}
#picbilan {background-image: url(../images/carre_bilan.gif);}
#piccourrier {background-image: url(../images/carre_courrier.gif);}
#picvoyage {background-image: url(../images/carre_voyage.gif);}
#picconseil {background-image: url(../images/carre_conseil.gif);}
#picessentiel {background-image: url(../images/carre_essentiel.gif);}
#picdownload {background-image: url(../images/carre_download.gif);}
#picbrochure {background-image: url(../images/icone_brochure.jpg);}
#picvideo {background-image: url(../images/carre_video.gif);}
#picparlons {background-image: url(../images/carre_parlons-en.gif);}
#picinfo {background-image: url(../images/carre_info.gif);}
#picpeur {background-image: url(../images/carre_peur.gif);}
/********************************************************************************/

#divpointscles {
	width:365px;
	height:150px;
	z-index:1;
}
#Divparlonsen {
	width:129px;
	height:35px;
	z-index:1;
	position: relative;
}
.Titregris {
	font-size: 17px;
	color: #999999;
}
.TitreRose {
	font-size: 17px;
	color: #A90056;
}
.TitreRoseP {
	font-size: 12px;
	color: #A90056;
}
/*************************Fil d'ariane****************************/

.fil_ariane {
	left:165px;
	top:46px;
	width:799px;
	height:20px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #868686;
}

/**************************Taille du texte******************************/

#div_outils {
	width:100%;
	height:19px;
	z-index:1;
	border-bottom: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #666666;
}
.taille_texte {
	position:relative;
	width:500px;
	height:19px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	float: left;
}

/**************************Boutons telechargter imprimer*************************/

#impload {
	position:relative;
	width:70px;
	height:19px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	float: right;
}
/************************** Actu*************************/
.texte_actu{
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:11px;
	width:250px;
	z-index:1;
	border-bottom: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #CCC;
}
#texte_actu {
	width:270px;
	height:170px;
	margin-left: 40px;

	overflow: auto;

}
/************************** Puces *************************/
.puce_rhumato{list-style-image: url(../images/carre_rose_s.gif);}
.puce_gastro{list-style-image: url(../images/carre_bleu_s.gif);}
.puce_dermato{list-style-image: url(../images/carre_violet_s.gif);}
.puce_jaune{list-style-image: url(../images/carre_jaune_s.gif);}
.puce_verte{list-style-image: url(../images/carre_vert_s.gif);}
.puce_F_dermato{list-style-image: url(../images/fleche_ariane_violet.gif);}
.puce_F_rhumato{list-style-image: url(../images/fleche_ariane_rose.gif);}
.puce_F_gastro{list-style-image: url(../images/fleche_ariane_bleu.gif);}
.puce_F_jaune{list-style-image: url(../images/fleche_ariane_jaune.gif);}
.puce_F_verte{list-style-image: url(../images/fleche_ariane_vert.gif);}

/**************************************************************/
/************************** H O M E ***************************/
/**************************************************************/

/*********************Blocs liens A B C ***********************/
#photo_homeA {
	position:relative;
	left:10px;
	top:1px;
	width:98px;
	height:183px;
	z-index:1;
	background-image: url(../images/photo_home1.jpg);
	background-repeat: no-repeat;
	}
#photo_homeB {
	position:relative;
	top:1px;
	left:20px;
	width:98px;
	height:183px;
	z-index:1;
	background-image: url(../images/photo_home2.jpg);
	background-repeat: no-repeat;
}
#photo_homeC {
	position:relative;
	top:1px;
	left:10px;
	width:98px;
	height:183px;
	z-index:1;
	background-image: url(../images/photo_home3.jpg);
	background-repeat: no-repeat;
	}
#bloc_homeA {
	position:absolute;
	left:125px;
	top:3px;
	width:192px;
	height:187px;
	z-index:1;
	background-image: url(../images/bloc_texte1.gif);
	background-repeat: no-repeat;
}
#bloc_homeB {
	position:absolute;
	left:460px;
	top:3px;
	width:192px;
	height:187px;
	z-index:1;
	background-image: url(../images/bloc_texte2.gif);
	background-repeat: no-repeat;
}
#bloc_homeC {
	position:absolute;
	left:780px;
	top:3px;
	width:192px;
	height:187px;
	z-index:1;
	background-image: url(../images/bloc_texte3.gif);
	background-repeat: no-repeat;
}
#bloc_texte_homeA_H, #bloc_texte_homeB_H, #bloc_texte_homeC_H {
	position:absolute;
	left:0px;
	top:7px;
	width:180px;
	height:88px;
	z-index:1;
}

#bloc_texte_homeA_B {
	position:absolute;
	left:1px;
	top:115px;
	width:174px;
	height:47px;
	z-index:1;
}
#bloc_texte_homeB_B {
	position:absolute;
	left:1px;
	top:112px;
	width:176px;
	height:59px;
	z-index:1;
}
#bloc_texte_homeC_B {
	position:absolute;
	left:2px;
	top:111px;
	width:175px;
	height:58px;
	z-index:1;
}
.texte_homeA_H, .texte_homeB_H, .texte_homeC_H { /*texte des blocs A B et C Haut*/
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.1em;
	text-align: right;	
}
.texte_homeA_B, .texte_homeB_B, .texte_homeC_B {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;	
}	
.texte_homeB_B {
	letter-spacing: -0.05em;
}
.texte_homeC_B {
	letter-spacing: -0.07em;
}	
/*********************/

.Titre_home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #a90056;
	font-weight: bold;
	font-size: 18px;
}
#Intro_home {
	position:relative;
	width:568px;
	height:206px;
	z-index:1;
}

.Titre_suite, a.Titre_suite, a:hover.Titre_suite, a:visited.Titre_suite  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #a90056;
	font-size: 18px;
	text-decoration: none;
}
.Titre_suite_AU, a.Titre_suite_AU, a:hover.Titre_suite_AU, a:visited.Titre_suite_AU  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cd98cc;
	font-size: 18px;
	text-decoration: none;
}
.Titre_suite_Gris, a.Titre_suite_Gris, a:hover.Titre_suite_Gris, a:visited.Titre_suite_Gris  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 18px;
	text-decoration: none;
}
.Titre_suite_PS, a.Titre_suite_PS, a:hover.Titre_suite_PS, a:visited.Titre_suite_PS  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f89800;
	font-size: 18px;
	text-decoration: none;
}
.Titre_suite_Spe, a.Titre_suite_Spe, a:hover.Titre_suite_Spe, a:visited.Titre_suite_Spe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #99CC3A;
	font-size: 18px;
	text-decoration: none;
}
.Soustitre_rose, a.Soustitre_rose, a:hover.Soustitre_rose, a:visited.Soustitre_rose {
	color: #a90056;
	font-size: 14px;
	text-decoration: none;}
.Soustitre_PS, a.Soustitre_PS, a:hover.Soustitre_PS, a:visited.Soustitre_PS {
	color: #f89800;
	font-size: 14px;
	text-decoration: none;}
.Soustitre_MS, a.Soustitre_MS, a:hover.Soustitre_MS, a:visited.Soustitre_MS {
	color: #99CC3A;
	font-size: 14px;
	text-decoration: none;}
#div_appel {
	clear:both;/**/
	display:block;
	width:980px;
	height: 30px;
	bottom:0px;
	z-index:1;
	visibility: visible;
	position: relative;
	top: 10px;
}
#bloc_actu {
	width:330px;
	height:250px;
	z-index:1;
	background-image: url(../images/bloc_actu.gif);
	background-repeat: no-repeat;
}


/**************************************************************/
/**************FORMATAGE DU BAS DE PAGE*************************/
/**************************************************************/
#coord  {
	clear:both;/**/
	display:block;
	width:980px;
	height: 45px;
	bottom:0px;
	z-index:1;
	visibility: visible;
	background-color: #E5E5E5;
	position: relative;
	top: 10px;
}
#coord span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 30px;
	}
	
	
.traitgris{
margin-top: 5px;
margin-bottom: 5px;

}

.picSH  {
	margin-left: 50px;
	margin-top: 35px;
	}
.picvideo {
	margin-left: 60px;
	margin-top: 20px;
	}	
/*************************Specialiste hospitalier**********************************/	
#Div_fiche_perso {
	position: relative;
	height: 120px;
}
#Div_ordo {
	position: relative;
	height: 120px;
}


.Lien_vert_PH {
	color: #339900;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.SoustitrePH {
	color: #99cc00;
	font-weight: bold;
}
.texte_telechargement {
	color: #a00a52;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.texte_interet{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #868686;}

.picto_wiki {
	border: 1px solid #000000;
}
.wikiinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px;
	border-color: #999999;
	border-style: solid;
	height: 17px;	
}
.wikitextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:1px;
	border-color: #999999;
	border-style: solid;
}
/*****************************Texte droits DU MENU BAS**************************/
.texte_menu_bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	vertical-align: middle;
	text-decoration: none;}