/* css du front edap */
/* pour info pour les couleurs 

#536265	 ---> espece de bleu foncé
#688D45  ---> vert
#138AA3  ---> bleu un peu vert
#7A4200	 ---> brun
#333333  ---> proche noir (brun)
*/

BODY {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px; color:#536265;
scrollbar-face-color:#FFFFFF;
scrollbar-arrow-color:#138AA3;
scrollbar-track-color: #FFFFFF;
scrollbar-3dlight-color: #138AA3;
scrollbar-darkshadow-color: #FFFFFF;}

p {	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#536265;	font-size:11px;	text-align:justify;}
p span{	font-family:Verdana, Arial, Helvetica;	font-size:21px;	color:#688D45; }

span { font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:16px; }

h1 { font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:21px;	color:#138AA3; font-weight:100; }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold; font-size:14px; }
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px;	font-weight:100; color:#138AA3;}

INPUT {  font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; }
SELECT {  font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; }

a 		  { text-decoration:none; color:#536265}
a:hover   { text-decoration:underline; color:#688D45}
a:visited { text-decoration:none; color:#536265}
a:visited:hover   { text-decoration:underline; color:#688D45}

a#path {	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#138AA3}
a#path:hover {text-decoration:none; color:#688D45}
a#path:visited {text-decoration:none; color:#138AA3}
a#path:visited:hover {text-decoration:none; color:#688D45}

h1#titre1 {	color:#688D45;}
h1#titre2 {	color:#138AA3;}
h1#titre3 {	color:#7A4200;}
h1#titre4 {	color:#333333;}

/*
h2#titre1 {	color:#688D45;}
h2#titre2 {	color:#138AA3;}
h2#titre3 {	color:#7A4200;}
h2#titre4 { color:#333333;}
*/
div#titre1 { color:#688D45;font-size:15px; font-weight:bold; padding-left:5px; 
	background-image:url(../img/quote_g.gif); background-position:top left; background-repeat:no-repeat;  }
div#titre2 { color:#138AA3;font-size:15px; font-weight:bold; padding-left:5px;
	background-image:url(../img/quote_bl.gif); background-position:top left; background-repeat:no-repeat;}
div#titre3 { color:#7A4200;font-size:15px; font-weight:bold; padding-left:5px;
	background-image:url(../img/quote_br.gif); background-position:top left; background-repeat:no-repeat;}
div#titre4 { color:#333333;font-size:15px; }



h3#titre1 {	color:#688D45;}
h3#titre2 {	color:#138AA3;}
h3#titre3 {	color:#7A4200;}
h3#titre4 { color:#333333;}

#texte_enonce { font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold; font-size:11px;color:#666666; }
p#caption {font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px; 	color:#536265;}

li#puce_1 { } /* rien encore -> a déterminer */
li { margin-left:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100; font-size:11px;color:#666666; }

table#texte {
	position:absolute;
	z-index:2;
	left:55px;
	top:105px;
	width:495px;
	height:80px;
}
table#texte_bis {  /* Spécial pour le plan */
	position:absolute;
	z-index:2;
	left:55px;
	top:55px;
	width:495px;
	height:80px;
}

table#info {
	position:absolute;
	top:570px;
	left:80px;
	z-index:2;
}

table#tab_qr{ /* tableau des questions réponses */
	position:absolute;
	top:215px;
	left:80px;
	width: 400px;
	z-index:3;
}

td#info {
	border-top-style:dotted;
	border-top-color:#688D45;
	border-top-width:thin;
}

table#table_questions {/* tableau donnant la liste des questions */ 
	position:absolute;
	z-index:3;
	top:290px;
	left:570px;
	width:433px;
}

td#border_bottom { 
	border-bottom-style:dotted;
	border-bottom-color:#688D45;
	border-bottom-width:thin;
}

/* Partie lien titre */
a#titre {
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
}
#titre h1{
	line-height:20px;
}
a#titre:hover {
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#688D45;
	cursor:pointer;
}

#message {
	position:absolute;
	top: 215px;
	width:400px;
	left:75px;
	height:100px;
	font-size:16px;
	font-weight:bold;
	
}
#message_link {
	position:absolute;
	top: 315px;
	width:200px;
	height:50px;
	left:75px;
	font-weight:bold;
}

#main_text{
/*
	border-bottom-style:none;
	margin-top:265px;
	margin-left:60px;
	width:893px;
	padding: 20px;
	padding-top: 0px;
	line-height:15px;
	border: solid 1px red;
	*/
/*	border-bottom-style:none;*/
	margin-top:265px;
	margin-left:50px;
	_margin-left:25px;
	float: left;
	width:890px;
/*	padding: 20px;*/
/*	padding-top: 0px;*/
	line-height:15px;
/*	border: solid 1px red;*/
}

#main_text a{
  /*color: red;*/
  font-weight: bold;
  font-style: italic;
}

#main_text p{
	margin-top:0px;
}

#main_text3{
	overflow:auto;
	position:absolute;
	z-index:55;
	top:290px;
	left:570px;
	height:150px;
	width:420px;
}
#txt_color  { color:#138AA3; }
#marge{ 	margin-right: 50px; }

#texte3 { /* gros pave pour confirmation question */
	position:absolute;
	top:115px;
	left:75px;
	width:600px;
	height:400px;
}


/* ligne sup */
#line1 {
	background-color:#D4EBF0;
	top:15px;
	left:0Px;
	height:20px;
	width:1002px;
	position:absolute;
	z-index:10;
}

#top_menu		{	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:9px;	padding: 3px 5px 3px 5px; }
#top_menu_left 	{	width:400px;}
#top_menu_right {
	position:absolute;
	padding: 3px 5px 3px 5px;
	top:0px;
	height:20px;
	width:460px;
	right:0px;
	z-index:10;
}

/* line2 */
#menu {
	background-color:#138AA3;
	left:0px;
	top:35px;
	height:43px;
	width:1002px;
	font-weight:bold;
	color:#FFFFFF;	
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	z-index:10;	
}

#menu_step_1 {
	padding: 5px 2px 2px 2px;
	width:75px;
	height:25px;
	text-align:center;
	position:absolute;
	z-index:4;
}

#menu_step_1:hover{
	background-color:#688D45;
	height:25px;
}

#menu_step {
	left:70px;	
	padding: 5px 2px 2px 2px;
	width:88px;
	float:right;
	height:25px;
	text-align:center;
}

#menu_step:hover{
	background-color:#688D45;
	height:25px;
}


/* line3 */
#chemin {
	color:#138AA3;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:3px;
	padding-left:5px;
	height:15px;
	top:80px;
	left:0px;
	position:absolute;
}
#chemin_bis {  /* pour le chemin */
	color:#138AA3;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:3px;
	padding-left:5px;
	height:15px;
	top:40px;
	left:0px;
	position:absolute;
}

/*line 4 */
#courbe {
	background-image:url(../img/courbe.gif) ;
	position:absolute;
	top:105px;
	/*	width:55px;*/
	width: 35px;
	left:20px;
	height:440px;
	z-index:1;
}

/* texte de gauche (avec titre etc.)*/

#logo_g{
	background-image:url(../img/hifu_logo.png);
	position:relative;
	left:10px;
	width:160px;
	height:90px;
	float:left;
}

#texte_g{
	position:absolute;
	z-index:2;
	top:235px;
	left:70px;
	width:470px;
}

td#titre {vertical-align:bottom; }

.in_table{
	margin: 0px 0px 0px 20px;
	/*height:10px;*/
}

#navigation {
	color:#138AA3;
	/*	position:absolute;*/
	z-index:3;
	/*	top:453px;
	margin-top: -14px;*/
	/*	margin-left:300px;*/
	width: 300px;
	float: left;
	/*	border: solid 1px blue;*/
	margin-bottom: 20px;
	margin-top: 10px;

}

#navigation_haut {
	position:absolute;
	color:#138AA3;
	z-index:99;
	width: 300px;
	top: 240px;
	left: 550px;

}
#navigation_faq {  /* positionnemnt légerement différent */
	color:#138AA3;
	position:absolute;
	z-index:3;
	top:445px;
	left:700px;
}

#retour {
	color:#138AA3;
	float: left;
	/*	position:absolute;*/
	z-index:3;
	/*	top:453px;*/
	/*margin-top: 5px;*/
	/*	margin-left:62px;*/
	width: 300px;
	/*	border: solid 1px red;*/
	margin-left: 80px;
	margin-top: 10px;
	_margin-left: 40px;
}

#image_fond {
	position:absolute;
	z-index:1;
	left:676px;
	top:26px;
}


#copyright {
	text-align:center;
	float: left;
	width: 900px;
	/*	border: solid 1px red;*/
	/*	position:absolute;*/
	/*	top:685px;*/
	/*	margin-left:450px;*/
	margin-top: 10px;
	z-index:3;
}


#metahome {
	text-align:center;
	position:absolute;
	top:500px;
	left:100px;
	z-index:3;
	width:810px;
}

#text_droits{	text-align:justify;	margin: 20px 5px 0px 25px; }
#text_droits p{ font-size:9px; color:}

/* tableau de l'image à droite avec son caption */
table#image_d {
	/*	position:absolute;*/
	/*	top:290px;
	left:570px;*/
	z-index:1;
	font-size:9px;
	/*border: solix 1px white;*/
	float: right;
	margin-left: 25px;
	margin-bottom: 10px;
}
table#image_d td{
	text-align: left;
	padding:0px;
	float: left;
}
table#image_d a img{
	border:none;
}

/* partie du tr avec une border*/
td#caption {/*
	border-top-style:dotted;
	border-top-color:#688D45;
	border-top-width:thin;
	border: solid 1px red;
	float: left;*/
}


/* texte général pour contact par exemple */
#main_text2 {
	position:absolute;
	top: 270px;
	left: 95px;
	width: 900px;
	height: 100px; 
}

/* div pour le plan */
#plan {
	position:absolute;
	overflow:auto;
	top: 200px;
	left: 75px;
	width: 928px;
	height: 430px;
	z-index: 5;
}

td#plan_titre_section			{	vertical-align:top;	font-size:14px;	font-weight:bold;}
td#plan_titre_article 			{	font-family:Verdana, Arial, Helvetica, sans-serif;}
td#plan_titre_article a 		{	color:#138AA3;	 }
td#plan_titre_article a:hover 	{	color:#688D45;	 }
td#plan_inter 					{   background-repeat:repeat-x; background-position:center; width:30px; }
#plan_accroche_blog		{ 
	position:absolute; 
	z-index:6;
	top:90px;
	left:580px;
}
#plan_accroche_blog	a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px;	color:#138AA3; font-style:italic;font-weight:bold;}

/****** Le calage des images ****/
#img_num_1 {
	position:absolute;
	z-index:5;
	top:265px;
	left:45px;
	height:40px;
	width:40px;
}
#img_num_2 {
	position:absolute;
	z-index:5;
	top:265px;
	left:370px;
	height:40px;
	width:40px;
}
#img_num_3 {
	position:absolute;
	z-index:5;
	top:265px;
	left:700px;
	height:40px;
	width:40px;
}
#img_valider {
	position:absolute;
	z-index:5;
	top:275px;
	left:750px;
	height:50px;
	width:80px;
}
#img_queue_logo {
	position:absolute;
	z-index:5;
	top:76px;
	left:488px;
	height:40px;
	width:100px;
}
#img_queue_logo_bis {  /* queue du logo */
	position:absolute;
	z-index:5;
	top:26px;
	left:487px;
	height:40px;
	width:100px;
}
#img_bande_verte {
	position:absolute;
	z-index:4;
	top:200px;
	left:570px;
	height:50px;
}
#img_deco_droite {
	position:absolute;
	z-index:3;
	top:48px;
	left:676px;
}
#img_carte {
/*
	z-index:3;
	float: left;
	margin-left: 660px;
	*/
/*	border: solid 1px red;*/
	margin: 20px;
	margin-right :0px;
	float: right;
}

.img_carte {
	margin-left:50px;
	margin-bottom:20px;
}

#accueil { /*temporaire car remplacé par flash */
	position:absolute;
	z-index:2;
	top:117px;
	left:0px;
	height:400px;
	width:400px;
}
#haut_logo {
	position:absolute;
	z-index:8;
	top:74px;
	left:117px;
	height:10px;
	width:100px;
}
#accroche {
	position:absolute;
	z-index:3;
	top:85px;
	left:320px;
	color:#138AA3;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
}
#accroche blockquote { margin: 0px 0px 10px 130px; }


/*****************************
*** partie menu drop down ****
*****************************/
#dropmenudiv{
	position:absolute;
	border:1px solid white;
	border-bottom-width: 0;
	font:normal 11px Verdana;
	color:#FFFFFF;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display:block;
	padding: 1px 0;	
	text-indent: 3px;
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid white;
	background-color:#138AA3;
}

#dropmenudiv a:hover{ 	/*hover background color*/
	background-color: #688D45;
}


/*****************************
*** partie Hifu c'est ou? ****
*****************************/

.logo_popup
{
	margin:auto;
	background-image:url(../img/hifu_logo.gif);
	width:164px;
	height:95px;
}

.listeCentrePopup
{
	margin-left:20px;
}


/*****************************
*** partie sondage		  ****
*****************************/


table.grapheSondage td, table.grapheSondage th
{
	padding-left:5px;
	padding-right:5px;
}
table.grapheSondage th.margeDessous, table.grapheSondage td.margeDessous
{
	padding-bottom:10px;
}
div.sondageRep
{
	background-color:#648D45;
}

div.question {
/*	margin-top:550px;*/
/*	width:470px;*/
float: left;
width: 900px;
margin-top: 5px;
/*	border: solid 1px red;*/
/*	position:absolute;*/
	margin-left:50px;
	_margin-left:25px;
}
/*****************************
*** partie quizz		  ****
*****************************/

#logo_quizz{
	background-image:url(../img/lyonfr_logo.gif);
	position:relative;
	left:10px;
	bottom:20px;
	width:310px;
	height:90px;
	float:right;
}
div.quizz{
	border-bottom-style:none;
	overflow:auto;
	position:absolute;
	top:190px;
	left:80px;
	width:900px;
	height:320px;
	padding:0px 20px 0px 0px;
	line-height:15px;
}

table.quizzTable
{
	width:880px;
}

table.quizzTable td
{
	vertical-align:top;
}