/* FEUILLE DE STYLE SITE DE STADLINE */

/*	BALISES	*/

/* ------------------------------------------------------------ */
/* reset */
/* ------------------------------------------------------------ */
p, div, span, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, img, td
{
    margin: 0;
    padding: 0;
}

LI	{margin-left:25px;}
OL	{margin-left:5px;}
BLOCKQUOTE	{	margin-left:25px;	}
FORM	{padding:0;margin:0px;}
OPTION	{padding-left: 3px;}
TABLE	{border-spacing:0px;border-collapse:collapse;}

TABLE TD {padding:0px;}

.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;
}

h3 {
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000;
	font-size: 12px;
	line-height:13px;
	background: transparent url(../images/site/fo_h2_vert.gif) no-repeat left top;
	padding: 0 0 12px 18px;
    margin-top: 10px;
}

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 {font-style:italic;color:#A9A9A9;}
.exemple 	{font-style:italic;color:#A9A9A9;}
.titre 		{color:#B13A17;font-weight:bold;}
.grosTitre 	{color:#B13A17; font-size:11px; font-weight:bold;}

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

DIV.contenu2
{
	position:relative;
	clear:both;
	width:528px;
	margin-left:250px;
}


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

.champsObligatoire
{
	background-color:#FFDD99;
}

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

.champsBis
{
	position:absolute;
	width:265px;
	left:-265px;
	text-align:right;
}

.champsBis2, .champsBis
{
	color:black;
	font-style:italic;
}

.titreNomPrenom{
	color:black;;
	font-weight:bold;
	position:absolute;
	left:30px;
	font-size:14px;
	text-align:right;
}

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

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;
}

DIV.pagination
{
	margin-top: 5px;
	margin-left:250px;
}

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


THEAD TR TD, TFOOT 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.survolMonCompte, TR.marque
{
	height:20px;
}

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

TR.nonSurligne
{
	background-color:#FFFFFF;
}


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;
}

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.boxAvertissement
{
	background-color:#AF2020;
	border:1px solid #601111;
	color:#F4DFDF;
}

DIV.boxConfirmation
{
	background-color:#7EA32B;
	border:1px solid #601111;
	color:#F4DFDF;
}

DIV.boxAvertissement .titre
{
	font-weight:bold;
	color:#FFFFFF;
	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.boxNotice2
{
	background-color:#FFFFFF;
	border:1px solid #ADC3DF;
	text-align:justify;
}

DIV.boxNotice2 .titre
{
	font-weight:bold;
	color:#5C88C0;
	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;
}

DIV.nombreReponses
{
	font-weight:bold;
}

.bonjour
{
	font-size:22px;
	font-family:times new roman;
	color:#ADC3DF;
	margin-bottom:10px;
}


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.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.legende {color:#A36209;font-weight:bold;text-decoration:none;}
A.legende:link {color:#A36209;font-weight:bold;text-decoration:none;}
A.legende:visited {color:#A36209;font-weight:bold;text-decoration:none;}
A.legende:hover {color:#CB7500;font-weight:bold;text-decoration:underline;}

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:130px;	border:1px solid #cccccc;}
INPUT.champs_prenom						{width:130px;	border:1px solid #CCCCCC;}
INPUT.champs_password					{width:130px;	border:1px solid #CCCCCC;}
INPUT.champs_naissance					{width:80px;	border:1px solid #CCCCCC;}
INPUT.champs_adresse					{width:216px;	border:1px solid #CCCCCC;}
INPUT.champs_code_postal				{width:45px;	border:1px solid #CCCCCC;}
INPUT.champs_ville						{width:100px;	border:1px solid #CCCCCC;}
INPUT.champs_coordonnee					{width:180px;	border:1px solid #CCCCCC;}
INPUT.champs_entete						{width:200px;	border:1px solid #CCCCCC;}
INPUT.champs_pied						{width:200px;	border:1px solid #CCCCCC;}
INPUT.champs_description				{width:250px;	border:1px solid #CCCCCC;}
INPUT.champs_date						{width:80px;	border:1px solid #CCCCCC;}
INPUT.champs_annee,INPUT.champs_mesure	{width:35px;	border:1px solid #CCCCCC;}
INPUT.champs_telephone					{width:100px;	border:1px solid #CCCCCC;}
INPUT.champs_email						{width:150px;	border:1px solid #CCCCCC;}
INPUT.champs_montant					{width:60px;	border:1px solid #CCCCCC; text-align:right;}
INPUT.champs_montant_caisse				{width:110px;	border:1px solid #CCCCCC; text-align:right; font-size:20px;font-family:arial;font-weight:bold;}
INPUT.champs_type						{width:180px;	border:1px solid #CCCCCC;}
INPUT.champs_licence					{width:80px;	border:1px solid #CCCCCC;}
INPUT.champs_nombre						{width:50px;	border:1px solid #CCCCCC;}
.champs_couleur							{width:50px;	border:1px solid #CCCCCC; height:15px;}
SELECT.champs_dept						{width:250px;}
SELECT.recherche_tournoi				{width:165px;}
INPUT.champs_recherche_tournoi			{width:165px;	border:1px solid #cccccc;}
SELECT.selectMultiple					{height:50px;}

TEXTAREA								{				border:1px solid #CCCCCC;}

SPAN.deviseInput						{font-size:20px;font-family:arial;font-weight:bold;}

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






.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 #812A16;
	width:10px;
}

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

TD.onglet_actif
{
	border-top:1px solid #812A16;
	border-left:1px solid #812A16;
	border-right:1px solid #812A16;
	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 #812A16;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	background-color:#812A16;
	width:10px;
}

TD.onglet_disabled
{
	border:1px solid #812A16;
	padding:5px 10px 5px 10px;
	background-color:#CCCCCC;
	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;}










/*	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: 350px;
    	background-color: #FFFFFF;
}

.selectAutocompleter
{
	background-color: #d2fb8f;
}

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

DIV.surligne
{
	padding-top:2px;
	padding-bottom:2px;
	background-color:#F9F9F9;
}

DIV.nonSurligne
{
	padding-top:2px;
	padding-bottom:2px;
	background-color:#FFF;
}



.mceEditor { width:570px; height:150px; }



/***********************************/
/***   Styles pour le jqModal    ***/
/***********************************/
.jqmWindow
{
	/* posistions & contains the modal window */
    background-color: #fff;
	background-image: url("../images/gestion_front/fond_jqModal.gif");
	background-repeat:repeat-y;
	border: 1px solid #000;

    /*display: none;*/

   position: fixed;
	left:150px;
	top:80px;
    width:630px;
}

.jqmOverlay {
	/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
	background-color: #333;
}

* html .jqmWindow {
 position: absolute;
 /*top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');*/
}

.jqmWindow .boxTitre
{	height:26px;	background-image:url("../images/jqModal/fond_bloc_entete.gif"); }

.modalContenu
{
	margin:10px 15px 10px 15px;
}

.alerte { /* Rmx */
	position: fixed;
	z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
	height: 26px;
    background-color: red;
    color: yellow;
    font-size: 18px;
    text-align: center;
}