@import:url(fck.css);
body 
{
	background-color:#fff;
	font-family:Tahoma, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

#global 
{
	position: relative;
	/*width: 1000px;*/
	min-height:750px;
	height:auto !important;
	height:750px;
	/*margin: 10px 20px;*/
	width: 963px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	background: #fff url('../images/AFSSET/afsset_interne.jpg') no-repeat;
	padding-top: 230px;
	/*padding-bottom: 120px;*/
	
}

div[id=global]
{
	min-height:520px;
	height:auto !important;
}

#printbutton a
{
	width: 50px;
	float: left;
}

#hautbutton
{
	float: right;
}

/*****************************************************************************************************************************
		MENU DU HAUT 
*****************************************************************************************************************************/
.menu 
{
	background-color:transparent;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	/*font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;*/
	font-family:"Tahoma, Verdana, sans-serif";
	text-align:left;
	height:2.7em;	/* pour firefox */
	_height:2.8em;	/* pour IE */
}

.menu a
{
	color:#fff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	text-decoration:none;
	border-right: 2px solid #fff;
	display:block;
	margin:-1px;
	_margin:0px;
	width:105%;
	height:93%;		/* pour firefox */
	_height:109%;	/* pour IE */	
}

.menu a:hover, .menu a:focus
{
	color:#0386cc;
	background-color:#d4e7f5;
	border-bottom: 1px solid #0386cc;
	border-top: 1px solid #0386cc;
}

.ssmenu 
{
	background-color:#d4e7f5;
	color:#0386cc;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	padding:0;
	white-space : no-break;	
}

.ssmenu ul, .ssmenu li 
{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.ssmenu a
{
/* Les liens qui ne sont pas sous le curseur. */
	color:#0386cc;
	padding:2px 5px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
	height:17px;	/* pour firefox */
	_height:22px;	/* pour IE */
	border-bottom:1px solid #0386cc;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus 
{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#fff;
	color:#0386cc;
	text-decoration:none;
}

html>body .menu a, html>body .menu a:hover, html>body .ssmenu a, html>body .ssmenu a:hover 
{
	width:auto;
}

/*****************************************************************************************************************************
		TITRE DE LA RUBRIQUE
*****************************************************************************************************************************/
#rubtitre
{
	width: 175px;
	height: 40px;
	top: 210px;
	margin-left: 25px;
	position: absolute;
	border: 0px solid #000;
	background-color:transparent;
	left: 0;
}

#rubtitre1
{
	color: #d4e7f5;
	font-family:sans-serif;
	font-size: 16pt; 
}

#rubtitre2
{
	color: #0386cc;
	font-family:sans-serif;
	font-size: 20pt; 
}

/*****************************************************************************************************************************
		CONTENU 
*****************************************************************************************************************************/
#intro_rub 
{
	margin-left: 300px;
	width: 522px;
	height: 472px;
	text-align: justify;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 8pt;  
	border: 1px solid #fff;
}

div[id=intro_rub]
{
	min-height:472px;
	height:auto !important;
}

/* Permet d'afficher l'endroit dans lequel on se trouve */
.locator
{
	font-family:Tahoma, Verdana, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#0386cc;
	padding-top:5px;
	padding-left:10px;
	width:100%;
	border-bottom: 1px solid #A9CEEA;
	letter-spacing: 1px;
	text-align: left !important;
}

#contenu_specif
{
	float:left;
	margin-top:-30px;
	width: 947px;
}

#contenu_specif_texte
{
	float:left;
	width: 210px;
	_width:250px;	/* pour IE */
	padding-top: 30px;
	padding-left: 40px;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 8pt;  
	font-weight: bold;
	color: #0388CD; 
	text-align: justify
}

#contenu_specif_recherche_milieu
{
	float: left;
	width: 250px;
	padding-left: 40px;
	margin-top:240px;
	margin-left:-250px;
	font-size: 8pt; 
	color: #0388CD;
	font-weight:bold;
	font-family:Tahoma, Verdana, sans-serif;
	z-index:1000;
}
#contenu_specif_recherche_agent
{
	float: left;
	width: 250px;
	padding-left: 40px;
	margin-top:290px;
	margin-left:-250px;
	font-size: 8pt; 
	color: #0388CD;
	font-weight:bold;
	font-family:Tahoma, Verdana, sans-serif;
	z-index:1000;
}
/* COLONNE 1 ############################################################################################# */
#contenu_specif_col1
{
	float:left;
	width: 195px;
	margin-left: 30px;
	_margin-left: 70px;	/* pour IE */
	padding-top: 30px;
}

#contenu_specif_col1 a
{
	display:block;
	background: url('../images/AFSSET/puce-orange.gif') 0 9px no-repeat;
	padding-left:10px;
	color: #FC6F03;
	text-decoration: none;
	font-weight:bold;
	font-size: 8pt;
}
#contenu_specif_col1 a:hover
{
	color: #fff;
	background: url('../images/AFSSET/puce-blanche.gif') 0 9px no-repeat;
	background-color:#FFA637;
	text-decoration: none;
}
#contenu_specif_col1 ul
{
	margin-left: 20px;
	margin-top: 5px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#contenu_specif_col1 li
{
	border-bottom: 1px solid #FFA637;
}
/* COLONNE 2 ############################################################################################# */
#contenu_specif_col2
{
	float:left;
	width: 195px;
	margin-left: 15px;
	padding-top: 30px;
}
#contenu_specif_col2 a
{
	display:block;
	background: url('../images/AFSSET/puce-orange.gif') 0 9px no-repeat;
	padding-left:10px;
	color: #FC6F03;
	text-decoration: none;
	font-weight:bold;
	font-size: 8pt;
}
#contenu_specif_col2 a:hover
{
	color: #fff;
	background: url('../images/AFSSET/puce-blanche.gif') 0 9px no-repeat;
	background-color:#FFA637;
	text-decoration: none;
}
#contenu_specif_col2 ul
{
	margin-left: 20px;
	margin-top: 5px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#contenu_specif_col2 li
{
	border-bottom: 1px solid #FFA637;
}
/* COLONNE 3 ############################################################################################# */
#contenu_specif_col3
{
	float:left;
	width: 195px;
	margin-left: 15px;
	padding-top: 30px;
}
#contenu_specif_col3 a
{
	display:block;
	background: url('../images/AFSSET/puce-orange.gif') 0 9px no-repeat;
	padding-left:10px;
	color: #FC6F03;
	text-decoration: none;
	font-weight:bold;
	font-size: 8pt;
}
#contenu_specif_col3 a:hover
{
	color: #fff;
	background: url('../images/AFSSET/puce-blanche.gif') 0 9px no-repeat;
	background-color:#FFA637;
	text-decoration: none;
}
#contenu_specif_col3 ul
{
	margin-left: 20px;
	margin-top: 5px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#contenu_specif_col3 li
{
	border-bottom: 1px solid #FFA637;
}
/* ############################################################################################# */
#contenu 
{
	width: 530px;
	height:770px;		 /*parametre qui doit changer selon la hauteur du menu de gauche... mais pose probleme avec les pages qui ont les 3 grands ronds (menu du bas vraiment trop bas...) */
	text-align: justify;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	margin: 0 0 0 250px;	
	padding:10px;
}

#contenu table
{
	font-size: 8pt; 
}
#contenu select
{
	font-size: 8pt; 
}
#contenu input
{
	font-size: 8pt;
}

div[id=contenu]
{
	min-height:472px;
	height:auto !important;
}

#titreactu
{
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 24pt; 
	color: #8ABFE1;
}


#contenu a
{
	color: #0388CD;
	font-weight: bold;
	text-decoration: underline;
}

#contenu a:hover
{
	color: #0388CD;
	font-weight: bold;
	text-decoration: none;
}

/*.liencontenuspecial
{
	color: red;
	text-decoration: none;
}*/


/*****************************************************************************************************************************
		FORMULAIRE DE CONTACT
*****************************************************************************************************************************/

label
{
	width: 70px;
}

.form_note
{
	color: #0388CD;
}

dt
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.champ_obliga
{
	color: #0388CD;
	font-style:italic;
}

/*****************************************************************************************************************************
		FOCUS
*****************************************************************************************************************************/
#focusbloc
{
	width: 120px;
	min-height: 300px;
	top: 0;
	right: 20px !important;
	right: 50px;
	padding-top: 33px !important;
	padding-top: 23px;
	padding-left: 10px;
	color: #000;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 8pt; 
	margin-top: 200px;
	position:absolute;
}

#focustitre
{
	color: #0388CD;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 18pt; 
}

/*#focustitre
{
	background-color: transparent;
	width: 120px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 880px;
	margin-top: 220px;
	padding-top: 12px;
	padding-left: 10px;
	color: #0388CD;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 18pt; 
}*/

.focustexte
{
	padding-left:7px;
	padding-bottom:10px;
	padding-top: 5px;
}

/*****************************************************************************************************************************
		PARTIE GAUCHE : menu + recherche 
*****************************************************************************************************************************/
#gauche
{
	width: 238px;
	height: 300px;
	top: 290px;
	left:0;
	position: absolute;
	margin-left: 10px;
	padding-top:60px;
	border: 0px solid #000;
	background-color:transparent;
	color: #fff;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
}


#menugauche
{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 210px;
	/*height:250px!important;*/
}

#menugauche a
{
	display:block;
	background: url('../images/AFSSET/puce-menu-gauche.gif') 0 5px no-repeat;
	padding-left:10px;
	color: #0287CC;
	text-decoration: none;
}

#menugauche a:hover
{
	color: #0287CC;
	background-color:#D5E7F5;
	text-decoration: none;
}

#menugauche ul
{
	margin-left: 20px;
	margin-top: 5px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menugauche li
{
	border-bottom: 1px solid #A6D2EB;
}

/* SPECIAL SANTE ENV ET SANTE TRAV */

#menusante
{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 210px;
	background-color:transparent;
}

#menusante a
{
	display:block;
	background: url('../images/AFSSET/puce-orange.gif') 0 5px no-repeat;
	padding-left:10px;
	color: #FC6F03;
	text-decoration: none;
}

#menusante a:hover
{
	color: #fff;
	background: url('../images/AFSSET/puce-blanche.gif') 0 5px no-repeat;
	background-color:#FFA637;
	text-decoration: none;
}

#menusante ul
{
	margin-left: 20px;
	margin-top: 5px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menusante li
{
	border-bottom: 1px solid #FC6F03;
}

/**********************************/

#recherche
{
	width: 200px;
	margin-left: 25px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 0px solid #000;
	background-color: transparent;
	font-family:Tahoma, Verdana, sans-serif;
	color: #0388CD;
	font-size: 8pt;
	position:absolute;
	padding-top: 80px;
}

#recherchesante
{
	width: 200px;
	margin-left: 25px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 0px solid #000;
	background-color: transparent;
	font-family:Tahoma, Verdana, sans-serif;
	color: #0388CD;
	font-size: 8pt;
	padding-top: 250px;
}

.lienrecherche
{
	color: #0388CD;
	font-weight: bold;
	text-decoration: underline;
}

.lienrecherche:hover
{
	color: #0388CD;
	font-weight: bold;
	text-decoration: none;
}

.lienrechercheav
{
	color: #A2D0FF!important;
	font-weight: bold;
	text-decoration: underline;
}

.lienrechercheav:hover
{
	color: #A2D0FF!important;
	font-weight: bold;
	text-decoration: none;
}

/*****************************************************************************************************************************
		MENU DU BAS 
*****************************************************************************************************************************/
#menubas 
{
	position:absolute;
	width: 100%;
	text-align: center;
	background-color: transparent;
	bottom: -50px;
	padding-bottom:20px;
}

#menubas ul
{
	margin: 0;
	padding: 0;
	list-style-type:none;
	display:inline;
}

#menubas li
{
	margin: -3px;
	padding-left: 2px;
	display:inline;
	border: 0px solid red;
	text-align: center;
}

#menubas a
{
	font-family:Tahoma, Verdana, sans-serif;
	font-size:10px; 
	color: #0388CD; 
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 1px;
}

.lienmenubas:hover
{
	background-color:#d4e7f5;
}

.liendrapeau:hover
{
	background-color:#fff;
}

/*****************************************************************************************************************************
		MODELE SIMPLE
*****************************************************************************************************************************/

.titre_intro
{
	margin-left: 70px;
	margin-top: 70px;
	width: 250px;
	height: 50px;
	text-align: center;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 22pt;  
	color: #fff;
}

.texte_intro
{
	margin-left: 80px;
	margin-top: 30px;
	width: 150px;
	height: 220px;
	text-align: justify;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 8pt;  
	font-weight: bold;
}

.MDLSIMPLETexte,.titre_MDLSIMPLE{
	margin-left:0px;
	margin-bottom:10px;
}
.MDLSIMPLETexte ul, .MDLSIMPLETexte ol {
	margin:auto;
	padding:auto;
}

.MDLSIMPLETexte{
	min-height:390px !important;
	width:440px !important;
	height: auto !important;
	height:390px;
	padding-right:10px;
	font-size:11px;
	margin-top:8px;/* hauteur entre le haut du texte et le titre */
	/*overflow:auto; permet de scrooler */	
	font-family:"Verdana" !important;
}

.MDLSIMPLETexte td{
	font-size:11px !important;
	padding:5px !important;
	text-align:left !important;
}

.MDLSIMPLETexte a
{
	color:#000000;
}

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



/*****************************************************************************************************************************
		MODELE SIMPLE LISTE DE DOCS
*****************************************************************************************************************************/
#contenu_lstdoc 
{
	margin-left: 300px;
	width: 700px;
	height: 472px;
	text-align: justify;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 8pt;  
	background-color: #fff;
}

div[id=contenu_lstdoc ]
{
	min-height:472px;
	height:auto !important;
}


.MDLSIMPLELSTDOC{
	float:left;
	padding-bottom: 40px;
}

.MDLSIMPLELSTDOC_TEXTE{
	float:left;
	width:500px;
	text-align:justify;
}

.MDLSIMPLELSTDOC_IMAGE {
	float:left;
	width:140px;
	text-align:right;
	margin-left:50px;
}

.MDLSIMPLELSTDOC_IMAGE a{
	color:#0388CD;
	font-weight:bold;
	text-decoration:underline;
}
.MDLSIMPLELSTDOC_IMAGE a:hover{
	text-decoration:none;
}

.bar_MDLSIMPLELSTDOC{
	border-bottom:1px solid;
	color:#0386cc;
	margin-bottom:40px;
	margin-top:0px;
	width:79%;
}

.titre_lstdoc
{
	font-size: 12pt;  
	font-weight: bold;
	color:#0386cc;
}

.ancre_haut
{
	/*float:left;*/
	position: absolute;
	width:70px;
	height: 20px;
	border: 0px solid #000;
	bottom:100px;
}

/*****************************************************************************************************************************
		MODELE ONGLET
*****************************************************************************************************************************/
.listonglet_MDLONGLET_glossaire
{
	margin-left:0px;
	margin-bottom:10px;
	margin-top:8px;
	font-size:10pt;
}

.listonglet_MDLONGLET_glossaire a
{
	text-decoration:none!important;
	color:#0386cc;
	font-size:10pt;
	font-weight:bold;
	border-right: 1px solid #0386cc;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.listonglet_MDLONGLET_glossaire a:hover
{
	
	color:#fff;
	background-color: #89BFE5;
}

.listonglet_MDLONGLET
{
	margin-left:0px;
	margin-bottom:10px;
	margin-top:8px;
	font-size:10pt;
}

.listonglet_MDLONGLET a
{
	display:block;
	text-decoration:none!important;
	color:#0386cc;
	font-size:11px;
	font-weight:bold;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.listonglet_MDLONGLET a:hover
{
	text-decoration:underline!important;
}

.titre_MDLONGLET
{
	margin-left:0px;
	margin-bottom:10px;
	margin-top:8px;
	padding-top:3px;
	padding-bottom:3px;
	color:#fff;
	font-weight:bold;
	font-size:10pt;
	background-color: #89BFE5;
	/*border: 1px solid red;*/
	width: 100%;
}
.contenu_MDLONGLET{
	font-size:11px;
	margin-bottom:10px;
}
.haut_MDLONGLET
{
	float: right;
}

.haut_MDLONGLET a
{
	text-decoration:underline;
	color:#0386cc;
	font-size:10pt;
	font-weight:bold;
}

.haut_MDLONGLET a:hover
{
	text-decoration:none;
}

/*****************************************************************************************************************************
		PARTENAIRES
*****************************************************************************************************************************/
.PARTENAIRE
{
	float:left;
	width:700px;
	padding-bottom: 30px;
}

.PARTENAIRETexte
{
	/*position: relative;*/
	float:left;
	width:500px;
	/*padding-right:10px;
	font-size:11px;
	margin-top:25px;
	margin-bottom:10px;*/
}

.PARTENAIRELogo
{
	/*position:absolute;*/
	float:right;
	width:150px;
	/*top: 0;
	right: 0;
	text-align: right;
	width: 50%;*/
}

.PARTENAIRELibelle
{
	color: #0388CD;
}

.PARTENAIRETexte a
{
	color:#0386CC;
	text-decoration:underline;
}

.PARTENAIRETexte a:hover  		   
{
	text-decoration:none;
}

/*****************************************************************************************************************************
		MOTEUR DE RECHERCHE
*****************************************************************************************************************************/

/*.libelleRubrique{
	/*display:block;* /
	padding-top:10px;
	font-weight:bold;
}*/

.libelleRubrique{
	/*display:block;*/
	padding-top:10px;
	font-weight:bold;
}
.libellePage{
	padding-left: 35px;
	/*border: 1px solid red;*/
}
.libellePage_onglet{
	padding-left: 35px;
	position: relative;
}
.moteur_fleche
{
	width: 10px;
	position: absolute;
	padding-left: 20px;
}


.lienPage{
	/*margin-left:20px;*/
}

.lienPage img{
	/*margin-right:5px;*/
}

.elementonglet{
	/*margin-left:20px;*/
}
.elementonglet a{
	/*display:block;
	color:#000;*/
}
.lienPageOnglet img{
	/*margin-right:5px;*/
}

/* Calendrier */
.lbl_critere
{
/*float: left;*/
width: 70px;
}

.fieldCalendar{
/*float: left;*/
width:80px;
border:1px solid #96A8D6;
height:18px;
font-size: 8pt;
background-color:#fff;
text-align:center;
}


/****************************************************************************************************************
Coordonnées et plan d'accès
*****************************************************************************************************************/

#cont_contenu 
{
	width: 650px;
	text-align: justify;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	float: left;
	margin: 0 0 0 300px;
	display:inline;
	padding-left:10px;
}

#cont_coordonnee
{
	float: left;
	width: 432px;
	padding-bottom: 40px;
	color: #0386cc;
}

#cont_coordonnee a
{
	color: #0386cc;
	text-decoration: underline;
}

#cont_coordonnee a:hover
{
	text-decoration: none;
}

#cont_logo
{
	float: right;
	background: #fff url('../images/AFSSET/logo-plan.gif') no-repeat;
	width: 174px;
	height: 112px;
}

#cont_plan
{
	float: left;
	background: #fff url('../images/AFSSET/plan-acces.gif') no-repeat;
	border: 1px solid #FC6F03;
	width: 432px;
	height: 485px;
}

#cont_acces
{
	float: right;
	width: 174px;
	padding-top: 30px;
	color: #0386cc;
}

.titre_acces
{
	background-color: #FF6C0C;
	color: #FFF;
	padding: 2px;
	width: 174px;
	font-weight: bold;
	margin-bottom: 5px;
}

/****************************************************************************************************************
Organigramme
*****************************************************************************************************************/

#orga_contenu 
{
	width: 650px;
	text-align: justify;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	float: left;
	margin: 0 0 0 300px;
	display:inline;
	padding-left:10px;
}
/************************************************************************
VLEP
************************************************************************/
#etape_1, #etape_2, #etape_3, #etape_4 { width:550px}

.div_rubrique{
	margin-left:20px;
}

.div_ligne
{
	width: 500px;
	padding-top:3px;
	
}

.div_gauche{
	float: left;
	text-align: left;
	width: 260px; !important;
	height:19px;
	margin-top:2px;

}

.div_droite{
	margin-left:260px;
	margin-bottom:10px;
	vertical-align:top;
}



#etape_1 h4, #etape_2 h4, #etape_3 h4 , #etape_4 h4
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	border-bottom: 1px solid #A6D2EB;
}
#etape_3 table{

	border: solid 1px black;

	
}
#etape_3 table thead tr th{
	background-color:#A6D2EB;
	color:#0287CC;
}
#etape_3 table tr td
{
	border-bottom: 1px solid #A6D2EB;
	
}