/* FEUILLE DE STYLE SITE DE STADLINE */

/*	BALISES	*/


*		{
			font-family:verdana;
			font-size:10px;
		}

BODY	{
			margin:0;
			color:#5F5F5F;
		}

FORM	{padding:0;margin:0px;}

FIELDSET	{
	padding:0;
	margin:0;
	border:1px solid #cccccc;
}

FIELDSET DIV.fieldsetContenu
{
	margin-left:15px;
	margin-right:15px;
}




LEGEND
{
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	color:#5C88C0;
}

TBODY TD.export_affichage
{
	background-color:#FEE99C;
	width:30px;
	border-bottom:1px solid #FEE99C;
}

.itemLegende1	{	font-weight:bold;color:#F3A12D;	}
.itemLegende2	{	font-weight:bold;color:#9E0B0E;	}
.itemLegende3	{	font-weight:bold;color:#8560A8;	}
.itemLegende4	{	font-weight:bold;color:#45A32C;	}
.itemLegende5	{	font-weight:bold;color:#1E599C;	}
.itemLegende6	{	font-weight:bold;color:#AAAAAA;	}
.itemLegende7	{	font-weight:bold;color:#A36209;	}

.erreur			{color:#AF001F;}

IMG	{border:0px;}

DIV.blanc	{clear:both;height:1px;}
HR.blanc	{clear:both;height: 1px;margin: 0;padding: 0;color: #FFFFFF;background-color: #FFFFFF;border: 0;}

.instructions, .nonRenseigne, .champsNonRenseigne
 {font-style:italic;color:#A9A9A9;}
.exemple {font-style:italic;color:#A9A9A9;}
.titre {color:#70a0be;font-weight:bold;}

H1		{color:#70a0be;font-weight:bold;}

DIV.contenu
{
	position:relative;
	clear:both;
	width:578px;
	margin-left:150px;
}

DIV.contenuPopup
{
	position:relative;
	clear:both;
	width:90%;
	margin: 2% 5% 0% 5%;
}

DIV.header
{
	background-color:#fff;
	width:1000px;
	margin:0 auto;
	height:328px;

}


img.imgHeader
{
	width:942px;
	height:328px;
	position: relative;
	margin-left:30px;
}


DIV.header2
{
	border-bottom:30px solid #5d988f;
	background-color:#FFFFFF;
}

DIV.header3
{
	background-color:#FFFFFF;
}

.champs
{
	position:absolute;
	width:150px;
	left:-150px;
	text-align:right;
}

.champsbasic, .champs
{
	color:#F3A12D;
	font-weight:bold;
}

div.titrePage
{
	border-bottom : 1px solid #cccccc;
	margin-top:12px;
	font-weight:bold;
}

div.warning
{
	color:red;
	font-weight:bold;
}

div.descriptionPage
{
	margin-top:10px;
	margin-bottom:10px;
	text-align:justify;
}

div.etape
{
	font-size:14px;
	color:#1E599C;
	font-family:arial;
	font-weight:bold;
	margin-bottom:4px;
}

div.piedPage
{
	clear:both;
	border-bottom : 1px solid #cccccc;
	margin-top:12px;
	margin-bottom:20px;
}

TABLE
{
	border-collapse:collapse;
	border-spacing:0px;
	padding:0px;
}


THEAD TR TD
{
	background-color:#F9F9F9;
	border-bottom:1px solid #D7D7D7;
	height:20px;
	color:#555555;
	font-weight:bold;
}

THEAD.intermediaire TR TD
{
	background-color:#F9F9F9;
	border-top:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
}

TR.nonSurligne, TR.surligne, TR.survol, TR.marque
{
	height:20px;
}

TR.surligne
{
	background-color:#F9F9F9;
}

TR.marque
{
	background-color:#FEE99C;
	cursor:pointer;
}

TR.survol
{
	background-color:#F5D5DB;
	color:#AF001F;
	cursor:pointer;
}

TR.survol A,TR.survol A:hover,TR.survol A:visited,TR.survol A:link
{
	color:#AF001F;
}

TR.nonSurligne TD, TR.surligne TD, TR.survol TD, TR.marque TD
{
	border-bottom:1px dashed #D7D7D7;
}

TD.separe
{
	padding-left:10px;
	padding-right:10px;
	border-left:1px dashed #D7D7D7;
}

TBODY TD.colonneCheck
{
	background-color:#FEE99C;
	width:30px;
	border-bottom:1px solid #FEE99C;
}

TD.iteration
{
	width:30px;
	color:#959595;
	text-align:".";
}

DIV.boxContenu
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
}

DIV.boxFiltre
{
	background-color:#F9F9F9;
	border:1px solid #D7D7D7;
}

DIV.boxFiltre .titre
{
	font-weight:bold;
	color:#555555;
	margin-bottom:5px;
}

DIV.boxNotice
{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#5F5F5F;
}

DIV.boxNotice .titre
{
	font-weight:bold;
	color:#5F5F5F;
	margin-bottom:5px;
}

DIV.boxLegende
{
	background-color:#FEE99C;
	border:1px solid #FDD239;
	color:#A36209;
}

DIV.boxLegende .titre
{
	font-weight:bold;
	color:#A36209;
	margin-bottom:5px;
}

DIV.boxRecherche
{
	background-color:#F9F9F9;
	border:1px solid #CCCCCC;
}

DIV.boxRecherche .titre
{
	font-weight:bold;
	color:#5F5F5F;
	margin-bottom:5px;
}

DIV.boxPerso
{
	background-color:#C1D2E7;
	border:1px solid #798FAC;
	color:#66768C;
}

DIV.boxPersoContenu
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
}

DIV.boxPerso .titre
{
	font-weight:bold;
	color:#66768C;
}

DIV.boxDemande
{
	background-color:#F9F9F9;
	border:1px solid #ADC3DF;
}

DIV.boxDemande .titre
{
	font-weight:bold;
	color:#5C88C0;
	margin-bottom:5px;
}


A {color:#7EA7D4;font-weight:bold;text-decoration:none;}
A:link {color:#7EA7D4;font-weight:bold;text-decoration:none;}
A:visited {color:#7EA7D4;font-weight:bold;text-decoration:none;}
A:hover {color:#AF001F;font-weight:bold;text-decoration:underline;}

A.onglet_actif {color:#000000;font-weight:bold;text-decoration:none;}
A.onglet_actif:link {color:#000000;font-weight:bold;text-decoration:none;}
A.onglet_actif:visited {color:#000000;font-weight:bold;text-decoration:none;}
A.onglet_actif:hover {color:#000000;font-weight:bold;text-decoration:underline;}

A.onglet_inactif {color:white;font-weight:bold;text-decoration:none;}
A.onglet_inactif:link {color:white;font-weight:bold;text-decoration:none;}
A.onglet_inactif:visited {color:white;font-weight:bold;text-decoration:none;}
A.onglet_inactif:hover {color:white;font-weight:bold;text-decoration:none;}

A.icone_active {color:#1E599C;font-weight:bold;text-decoration:none;}
A.icone_active:link {color:#1E599C;font-weight:bold;text-decoration:none;}
A.icone_active:visited {color:#1E599C;font-weight:bold;text-decoration:none;}
A.icone_active:hover {color:#1E599C;font-weight:bold;text-decoration:underline;}

A.pagination {color:#3399CC;font-weight:bold;text-decoration:none;}
A.pagination:link {color:#3399CC;font-weight:bold;text-decoration:none;}
A.pagination:visited {color:#3399CC;font-weight:bold;text-decoration:none;}
A.pagination:hover {color:#3399CC;font-weight:bold;text-decoration:none;}

A.deconnection {color:#FFFFFF;font-weight:bold;text-decoration:none;}
A.deconnection:link {color:#FFFFFF;font-weight:bold;text-decoration:none;}
A.deconnection:visited {color:#FFFFFF;font-weight:bold;text-decoration:none;}
A.deconnection:hover {color:#FFFFFF;font-weight:bold;text-decoration:underline;}

INPUT.champs_nom, INPUT.autocompleteMe, INPUT.autocompleteMeExt					{width:150px;	border:1px solid #B6B6B6;}
INPUT.champs_prenom					{width:150px;	border:1px solid #B6B6B6;}
INPUT.champs_naissance			{width:80px;	border:1px solid #B6B6B6;}
INPUT.champs_adresse				{width:180px;	border:1px solid #B6B6B6;}
INPUT.champs_code_postal		{width:45px;	border:1px solid #B6B6B6;}
INPUT.champs_ville					{width:180px;	border:1px solid #B6B6B6;}
INPUT.champs_coordonnee			{width:180px;	border:1px solid #B6B6B6;}
INPUT.champs_entete					{width:200px;	border:1px solid #B6B6B6;}
INPUT.champs_pied						{width:200px;	border:1px solid #B6B6B6;}
INPUT.champs_description		{width:250px;	border:1px solid #B6B6B6;}
INPUT.champs_date						{width:80px;	border:1px solid #B6B6B6;}
INPUT.champs_annee					{width:35px;	border:1px solid #B6B6B6;}
INPUT.champs_mesure					{width:35px;	border:1px solid #B6B6B6;}
INPUT.champs_telephone			{width:100px;	border:1px solid #B6B6B6;}
INPUT.champs_email					{width:150px;	border:1px solid #B6B6B6;}
INPUT.champs_montant				{width:40px;	border:1px solid #B6B6B6;text-align:right;}
INPUT.champs_type						{width:180px;	border:1px solid #B6B6B6;}
INPUT.champs_licence				{width:80px;	border:1px solid #B6B6B6;}
INPUT.champs_nombre					{width:20px;	border:1px solid #B6B6B6;}
INPUT.champs_date						{width:80px;	border:1px solid #B6B6B6;}
INPUT.champs_profession			{width:150px;	border:1px solid #B6B6B6;}
INPUT.champs_societe				{width:150px;	border:1px solid #B6B6B6;}
INPUT.champs_carteParking		{width:150px;	border:1px solid #B6B6B6;}
INPUT.champs_immatriculation{width:150px;	border:1px solid #B6B6B6;}
INPUT.champs_age						{width:35px;	border:1px solid #B6B6B6;}
INPUT.champs_email_sujet		{width:300px;	border:1px solid #B6B6B6;}
.champs_couleur							{width:50px;	border:1px solid #B6B6B6; height:15px;}

TEXTAREA								{				border:1px solid #B6B6B6;}
TEXTAREA.champs_description		{width:250px;	border:1px solid #B6B6B6;}

.pointille_horizontal{
background-image: url("../images/pointille_gris.gif");
height:1px;
}
.pointille_vertical{
background-image: url("../images/pointille_gris.gif");
width:1px;
}

TD.preonglet{
	background-color:white;
	border-bottom:1px solid #457a9b;
	width:10px;
}

TD.postonglet{
	background-color:white;
	border-bottom:1px solid #457a9b;
	width:auto;
}

TD.onglet_actif
{
	border-top:1px solid #457a9b;
	border-left:1px solid #457a9b;
	border-right:1px solid #457a9b;
	border-bottom:0px;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	background-color:#FFFFFF;
	width:10px;
}

TD.onglet_inactif, TD.onglet_inactif_hover
{
	border:1px solid #457a9b;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	background-color:#457a9b;
	width:10px;
}

TD.onglet_inactif_hover
{
	background-color:#004773;
}

A.onglet_actif {color:#000000;font-weight:bold;text-decoration:none;}
A.onglet_actif:link {color:#000000;font-weight:bold;text-decoration:none;}
A.onglet_actif:visited {color:#000000;font-weight:bold;text-decoration:none;}
A.onglet_actif:hover {color:#000000;font-weight:bold;text-decoration:underline;}

A.onglet_inactif {color:white;font-weight:bold;text-decoration:none;}
A.onglet_inactif:link {color:white;font-weight:bold;text-decoration:none;}
A.onglet_inactif:visited {color:white;font-weight:bold;text-decoration:none;}
A.onglet_inactif:hover {color:white;font-weight:bold;text-decoration:none;}










DIV.blocPhoto
{
	position:absolute;
	margin-left:425px;
	margin-bottom:10px;
}

DIV.blocAdresse
{
	float:left;
	width:220px;
	margin-left:10px;
}

DIV.blocCoordonnee
{
	float:left;
	width:220px;
	margin-left:10px;
}

DIV.blocGroupe
{
	float:left;
	width:220px;
	margin-left:10px;
}

DIV.blocInfosPerso
{
	float:left;
	width:220px;
}

DIV.membres_famille
{
	float:left;
	width:535px;
	margin-top:10px;
}

DIV.blocBoutons
{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
}

div.blocNomFamille						{
									position:relative;
									text-align:right;
									color:#D1D9DF;
									font-size:30pt;
									font-family:times new roman;
									right:20px;
									height:30pt;
									}

span.blocNomFamilleFamille				{
									position:relative;
									font-size:20pt;
									top:-6px;
									font-family:times new roman;
									}
									
									

/*	GESTION DES ARBRES	*/

DIV.boxTree, DIV.boxTreeBorder
{
	background-color:#FFFFFF;
	overflow: auto;
	margin-bottom:10px
}
DIV.boxTreeBorder
{
	border:1px solid #ADC3DF;
}

DIV.boxTree .titre
{
	font-weight:bold;
	color:#5C88C0;
	margin-bottom:5px;
}

DIV.tree_container
{
	margin-left: -23px;
	margin-bottom: 10px;
}

DIV.tree_element
{
	padding-left: 23px;
	margin-top:8px;
}

DIV.tree_folder_closed, DIV.tree_folder_closed_plus, DIV.tree_folder_open, DIV.tree_leave, DIV.tree_leave2, DIV.tree_leave_empty
{
	padding-top: 5px;
	padding-left: 23px;
	cursor:pointer;
	/* float:left; */ display:inline;
}

DIV.tree_leave, DIV.tree_leave2
{
	padding-left: 20px;
}

DIV.tree_folder_open
{
	background: url(../images/picto_dossier.gif) no-repeat 1px 3px;
}

DIV.tree_folder_closed, DIV.tree_folder_closed_plus
{
	background: url(../images/picto_dossier_closed.gif) no-repeat 1px 3px;
}

DIV.tree_leave
{
	background: url(../images/picto_ressource.gif) no-repeat 1px 3px;
}

DIV.tree_leave2
{
	background: url(../images/picto_ressource_virtuelle.gif) no-repeat 1px 3px;
}

DIV.tree_leave_empty
{
	padding-left: 0px;
}
DIV.tree_text {
	display:inline;
	margin-left:-5px;
}



.bouton_exporter
{
	position:relative;
	height:1px;
}

.bouton_exporter IMG
{
	display:block;
	position:absolute;
	left:460px;
	top:10px;
}


.autocompleter
{
		border: 1px solid #CCCCCC;
	   	width: 250px;
    	background-color: #FFFFFF;
}

.selectAutocompleter
{
	background-color: #d2fb8f;
}

.autocompleter ul li
{
	padding: 2px 10px;
	white-space: nowrap;
	font-size: 11px;
}


/* BOX PREFORMATE */
DIV.portionGauche
{
	float:left;
	position:relative;
	width:190px;
	margin-right:10px;
}
DIV.portionDroite
{
	float:right;
	position:relative;
	width:528px;
}