/********************************/
/*        PAGE PAR DEFAUT       */
/********************************/
body {
	font-family: 'Lucida grande', Verdana, Arial, Geneva, Helvetica, sans-serif; /**/
/*	font-size :11px; /* small; */
	font-size:11px;
	color:black;
	text-align:justify;
	margin:0;
	padding:0;

	background-color :#f0f0f0;
/*	background-color :#f5e5e5; */
}

#LayoutLYR {
	position: absolute;
	z-index: 1; visibility:inherit;

	top:0;
	height: 100%;
/*	left:0px;
	width : 100%; */
	width : 750px;



/*	background-color :#ffffff; */
/*	background-image: url("images/bkgd_vertical.jpg"); */
/*	background-image: url("images/wml.jpg");
	background-position:bottom left;
	background-repeat:no-repeat;*/


	border:5px solid #045099; /* debug */
}



/*********************************/
/* init des styles de spip */

/*
ul.spip, li.spip, p.spip {
	margin:0;
	padding-top:0;
}
*/

ul.spip {
	margin-top:5px; /* valeur par defaut : 11px */
/*	margin-bottom:0; */
	padding-top:0;
/*	padding-bottom:0; */
}

table.spip td {
	border-right:1px solid #999999;
	font-size:11px;
}


p {
	margin-top:10px;
	margin-bottom:0px;
	padding-top:0;
}


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


/* les liens */
a,
a:hover,
a:visited
{
	color:#045099; /* bleu...cf logo */
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
}

a:hover {
	text-decoration:underline;
}


/* les titres */
h2 {
	font-size:medium;
}

.contour_debug {
	border:1px solid #f00; /* debug */
}

img {
	border:none;
}


/********************************/
/*           ENTETE             */
/********************************/
#enteteLYR {
	top:0; left:0px;
	height: 70px;
	right:0px;
	width:100%;
	
	margin:0;
	position: relative;
	z-index: 10;
	visibility:inherit; 
	background-color :#ffffff;
	border-bottom:1px solid #888; 
	
/*	fond jaune */
	background-image: url("images/fond_haut.gif");
	background-position:top left;
	background-repeat:repeat-y;

}



#enteteBoutonsLYR { 
	bottom:0px; /* Safari/Firefox : 0px */
	left:150px;
	right:0px;
	position: absolute;
	z-index: 20;
	visibility:inherit;
	
	vertical-align:bottom;
/*	border-bottom:1px solid #888; /* debug du dimensionnement */
}

#boussole {
	position: absolute;
/*	top:0; left:0px;
	width:70px; height:70px; */
	top:10px; left:35px;
	width:50px; height:50px;
	background-image: url("images/boussole.jpg");
}

#wml {
	position: absolute;
	top:0; right:0px;
	width:83px; height:69px;
/*	background-image: url("images/wml.jpg"); */
}


#entete_texte {
	position: absolute;
	top:10px; left:100px;
	width:400px; height:50px;
	font-size:11px;

}

.entete_cell_boutons {

	background-color: transparent; /* #f0f0f0; */
/*
	border-left:1px solid #888;
	border-top:1px solid #888;
	border-right:1px solid #888;
*/
}


.entete_cellule, .entete_cellule_selected {

/*	width : 130px; 
	min-width : 35px;
	max-width : 135px; */
	
	/* on met juste une marge autour du texte au lieu de largeur fixe */
	padding-left:10px;
	padding-right:10px;
	
	text-align: center;
	vertical-align:middle;

	font-weight:bold;
	font-size: 14px; 
/*	text-shadow: #eee 3px 3px 2px; */
}

.entete_cellule {
	background-color: transparent; /* #f0f0f0; */
/*	border-bottom:1px solid #888; */
}

.entete_cellule_selected {

/*	background-color :#fff; */

/*	background-color: transparent;
	color:black;
*/
	background-color: #f80;
	color:white;

	border-left :2px solid #f80;
	border-top :2px solid #f80;
	border-right :2px solid #f80;
	border-bottom :2px solid #f80;

	text-decoration:none;
}




.entete_cellule a,
.entete_cellule a:visited
{
/*	color:#888; */
	color:black;
	text-decoration:none;
	border:none;
	display:block; /* pour Safari et Firefox */
}

.entete_cellule a:hover {
/*	background-color: #aaa; /* debug */
/*	font-weight:bold; */
	color:black;
	text-decoration:underline;

}


.entete_cellule_selected a,
.entete_cellule_selected a:hover,
.entete_cellule_selected a:visited
{
	/* la cellule selectionnee n'a pas de lien */
}



/********************************/
/*         MENU GAUCHE          */
/********************************/

/* le menu gauche : la liste des options */
#menugaucheLYR {
/*	position: absolute; */
	position: relative;
	z-index: 10; visibility:inherit;

	top:0px; left:0px;
	width: 150px;
	min-width: 150px;
	max-width: 150px;

/*	bottom:0px; */
	height:100%; /* pour IE... */

/*	background-color :#ffa; */
/*
	background-position:top left;
	background-image:url('images/fond_gauche.gif');
	background-repeat:repeat-y;
*/

/*
	background-color :#fff2cc; /* creme */

	background-color :#ffefc7; /* creme */
/*
	background-color :#ffffcc; /* version web securisee */



/*	border:1px solid #00f; /* debug */
}


#decalage {
	position:static;
	height:10px;
}
#get_firefox {
	position:static;
	margin:10px;
/*	padding-left:10px;
	padding-right:10px; */
	
	color:#000;
	font-size:11px; /* x-small; */
}

#menugaucheLYR ul {
}


.niveau_1 {
	list-style-type: none;
	list-style-position: outside;
	font-size:12px; /* x-small; */
	font-weight:bold;

/*	height:1em; /* pour IE...==> fait en js */
	
	margin: 0px;
	padding:0px;

	padding-left:10px;
	padding-top:18px;
/*	border:1px solid #00f; /* debug */
}
.niveau_2 {
	list-style-type: none;
	list-style-position: outside;
	font-size:11px;

/*	height:1em; /* pour IE...==> fait en js */
	
	margin: 0;
	padding:0;
	padding-left:12px;

/*	border:1px solid #0f0; /* debug */
}


.niveau_2 img {
	border:none;
}

.niveau_2 .mg_nonselected {
/*	border:1px solid #0f0; /* debug */
/*	background-color:ffcc66; */
}


#menugaucheLYR a {
/*	width: 100%; */
/*	display: block; */
	color:#000; /* #555; */
	text-decoration: none;
	border:none;
	}
#menugaucheLYR a:hover {
	color:black;
	text-decoration:underline;
}

.niveau_1 .mg_nonselected {
	background-color: #e0d0b0;
}

.niveau_1 .mg_selected_1 {
	background-color: #e0d0b0;
}


.mg_nonselected {
	padding-top:1px;
	padding-bottom:1px;
}




.mg_selected_1 {
	padding-top:1px;
	padding-bottom:1px;
}



.mg_selected {
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;

	background-color: #f80; /* fff; */
	
	color:#fff;

}

/********************************/
/*           CONTENU            */
/********************************/


#contenuLYR { 
/*	position: absolute; */
	position: relative;
	
	z-index: 1; visibility:inherit;
	background-color :#ffffff;


/* pour Safari, Firefox */
	top:0px;
	left:0px;

	width:598px; /* 750 - 150 - 2  (2 px de trait au bord...) */ 
	min-width : 598px;
	max-width : 598px;
	right:0px;

/* pour IE 
	height:450px;
	min-height : 450px;
	max-height : 1000px;  */
	bottom:0px;
	

	border:1px solid #fff; /*	debug */

}

/*
#contenuLYR { top:70px; left:150px; bottom:0px; right:0px; position: absolute; z-index: 1; visibility:inherit;
	background-color :#ffffff;
	padding:20px;
	padding-right:20px;
}
*/



#contenu { 
/*	top:20px;
	left:20px;
	bottom:0px;
	right:20px; 
	position: relative; z-index: 1; visibility:inherit; */
	
	font-size:11px;
	margin: 20px;
}

.img_link {
	vertical-align:baseline; /* middle; */
	border:none;
}



.citation {
	font-family: Courier New,Courier,monospace;
}


h2 {
	margin:0;
}

.cont_delta_titre_article {
	height:0px;
}

.cont_titre_article {
	color:#555;
	font-size:15px;
	background-color:#dde;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	
	padding-left : 20px;
}

.cont_logo_article {
	float:right;
	
	border:1px solid #555;
}

/* il faut reforcer la police pour les tableaux...? */
/*
td {
	font-family:'Lucida grande', Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size :x-small; 
	color:black;
}
*/


/********************************/
/*             PIED             */
/********************************/

#pied {
	text-align:center;
	color:#333;
	font-size:11px;
	background-color :#f0f0f0;
	border:1px solid #888;

	padding-top:3px;
	padding-bottom:3px;

  	clear: both;
}

/********************************/
/*          ACCUEIL             */
/********************************/

#contenuAccueilLYR { 
	top:0px;
	left:0px;
	bottom:0px;
	right:0px; 
	position: relative;
	z-index: 1; visibility:inherit;
	background-color :white; 
/*	background-color :transparent; */

	border: 1px solid #fff;


}

#texte_accueil {
	margin : 20px;
}

.table_accueil {
/*
	border-left: 1px solid #888;
	border-right: 1px solid #888;
*/

/*	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	
	padding-top:10px;
	background-color:#fff;
*/
	margin:10px;
}


.actu_1_accueil {
/* 	width:230px; */
	padding:3px;
	
/*	background-color: rgb(220,220,220); /* gris clair */
	background-color: white;
/*	border: 2px solid #888; TEST */

/*	test avec dŽgradŽ */
	background-image: url("images/fond-caree.png");
	background-position: top;
	background-repeat: repeat-x;
	border: 2px solid rgb(218,233,253);

}


.actu_2_accueil {
/* 	width:230px; */
	padding:3px;
	
/*	background-color: rgb(255,255,200); /* jaune clair */
	background-color: white;
/*	border: 2px solid rgb(253,187,0); TEST */

/*	test avec dŽgradŽ */
	background-image: url("images/fond-caree.png");
	background-position: top;
	background-repeat: repeat-x;
	border: 2px solid rgb(218,233,253);

}

.actu_3_accueil {
/* 	width:230px; */
	padding:3px;
	
/*	background-color: rgb(200,200,255); /* bleu clair */
/*	border: 2px solid rgb(108,102,144); */
	background-color: white;
/*	border: 2px solid rgb(132,136,179); TEST */

/*	test avec dŽgradŽ */
	background-image: url("images/fond-caree.png");
	background-position: top;
	background-repeat: repeat-x;
	border: 2px solid rgb(218,233,253);

}


.titre_actu {
	font-weight:bold;
	font-size:11px; /* small; */;
	
/*	background-color: rgb(220,220,220);
	border-bottom:1px solid #888; TEST */
	margin:0;
	padding:0;
}


.titre_actu_accueil {
	width:100%; /* inutile */
	display: block;
	padding-top: 2px;
	padding-bottom: 10px;
	
/*	color:#fff;
	background-color:#888; TEST */
	color:#555;
	font-size:11px; /* small; */;
	font-weight:bold;
	text-align:center;
}


/********************************/
/*         ACTUALITE            */
/********************************/

.actu {
	width:100%;
/*	border:1px solid #888; */
	margin-bottom:10px;
}

.date_actu {
	color:#000;
	background-color:#fff;
	font-size:11px; /* x-small; */;
	font-weight:normal;
}


.texte_actu {
	margin:0px;
/*	padding-left:10px; */
	color:#000;
/*	background-color:#fff; */
	font-size:11px; /* small; */;
	font-weight:normal;
}



/********************************/
/*           CONTACT            */
/********************************/


.titre
{
/*	font-size: 14px; */
	color: black;
	font-weight:bold;
}

.police
{
/*	color: #888F95;
font-weight: bold; */
	color: black;
	font-size: 12px;
}

.info
{
/*	color: #888F95; */
	color: black;
	font-size: 11px;
}





.contour {
	border:1px solid #f80;
}



/********************************/
/*             FAQ              */
/********************************/

.TOC_titre {
	color:#555;
}

.TOC_Marque_entree {
	position:relative;
	top:-80px;

	color:#f11;
}

.TOC_entree {
	font-weight:bold;
}

.TOC_texte {
	margin-left:40px;
}