/****************** LES BORNES HTML *******************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#111;
	margin-top:5px;
	margin-bottom:2px;
	text-align:center;
	/*background-color:#00599B; *//*orange*/
	/*background: url('./img/fond-gris.jpg') #E2E2E2 repeat-x;*/
	/*background-color:#E2E2E2 ;
	background-color:#00599B; */	
}
pre { font-family: "Courier New", monospace; 
      padding: 1em; 
      /*margin: 0.2em 2.5em 0.2em 3em;*/
      background-color: #efeff5;
      border: 1px solid #cfcfcf;
	  white-space:pre ;
	  text-align:justify;
	  overflow:scroll;
	  width:90%;
	  float:left;
 }

#pasremplir, #fauxlabel {
	display:none; 
}

fieldset {
	/*font-variant:small-caps;*/
	color:#000000;
	/*border:solid 1px;*/
	border-color:#CDCDCD;
	/*font-weight:bold;*/
	border: 0;
	margin: 0;
	padding: 0;
}
form {
	display:inline;
}
fieldset a, fieldset a:hover, fieldset a:link, fieldset a:visited{
	font-variant:normal;
	font-weight:normal;
	color:#FFFFFF;
}
/* Les commentaires utilises pour des exemples de code source */
.prog-comment{
	color:#009900;
}

.identification-style {
	text-align:left;
}
legend {
	color:#006699;
	/*font-weight:bold;*/
}
input.formulaire_button {
	color : #ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	/*font-weight : bold;*/
	/*background-color:#F1824B;*/
	background-color:#00599B;
	/*border-top : #000000 1px solid;
	border-left : #000000 1px solid;
	border-right : #000000 1px solid;
	border-bottom : #000000 1px solid;*/
	cursor:pointer;
	margin:0;
	padding:0;
	height:22px;
}
.formulaire_field {
	background-color:#CCFFCC;
}

acronym{
	cursor:help;
}

img {
	border:0px;
}

p {
	margin-top:1.2em;
	margin-bottom:1.2em;
	
	/*font-size:8pt;*/
}

a, a:link {
	color:#006699;
	text-decoration:underline;
}
a:visited {
	color:#6B2B6D;
	text-decoration:underline;
}
a:hover {
	color:#DD6900;
	text-decoration:underline;
}
/* Les titres de niveau 1 */
h1 {
	font-size:1.40em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FB9D3A;
	margin-bottom:0px;
	margin-top:0.2em;
	padding-top:4px;
	padding-bottom:0px;
}
/* Les titres de niveau 2 */
h2 {
	font-size:1.20em;
	font-weight:bold;
	text-decoration:none;
	color:#1F5285;
	border:1px solid #A8B5E1;
	background-color:#E3ECF2; /* bleu clair */
	background-image: url("img/now.png");
	background-repeat:no-repeat;
	background-position:1px;
	margin-bottom:1.1em;
	margin-top:0.2em;
	padding-left:16px;	
	padding-bottom:3px;
}
/* Les titres de niveau 3 */
h3 {
	font-size:1.00em;
	text-decoration:none;
	color:#1F5285;
	border:1px solid #A8B5E1;
	background-color:#FFFFCC; /* jaune clair */
	background-image: url("img/now.png");
	background-repeat:no-repeat;
	background-position:10px;
	margin-bottom:1.1em;
	margin-top:0.2em;
	padding-left:30px;
	padding-bottom:3px;
}
/* Les tableaux HTML */
table {
	/*font-size:8pt;*/
	width:100%;
	text-align:justify;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

/****************** LA STRUCTURE DES FICHES DE FLUX RSS *******************/

/* le conteneur du detail d un flux RSS */
.fiche-flux-rss {
	float:left;
	width:98%;
	border:1px solid #A8B5E1;
	margin-bottom:10px;
	padding:2px;
	overflow:hidden;
}

/* Les actions possibles sur un flux RSS */
.fiche-flux-rss-actions {
	float:right;
	width:95px; 
	text-align:right;
	border-left:1px dashed #FF34FF;
	margin-left:2px;
}

/* les actions repsresentees sous forme d image ont un espace */
.fiche-flux-rss-actions img {
	margin-bottom:2px;
	padding:0px;
	border:0px;
}

/* declaration du conteneur qui contient la titre du flux RSS */
.fiche-flux-rss-title {
	text-align:left;
	font-size:1.10em;
}

/* declaration du conteneur qui contient la description du flux RSS */
.fiche-flux-rss-desc {
	text-align:justify;
	padding:2px;
}

/* declaration du composant contenant l adresse des flux url */
.fiche-flux-rss-url {
	background-color:#ECEEF0;
	border-top:1px dashed #FF34FF;
	text-align:left;
	font-size:0.8em;
	margin-top:2px;
	padding:2px 
}

div.fiche-flux-rss-url input {
	font-size:10px;

}
div.fiche-flux-rss-url select{
	font-size:10px;

}
.fiche-flux-rss-url img{
	text-align:center;
	vertical-align:middle;
}

/****************** LA STRUCTURE DU SITE *******************/

/* gestion des onglets du haut */
#horizMenu, #navlist {
	float:left;
	clear:both;
	width:100%;
	font-size: 1.05em;
	margin:0;
	margin-left:5px;
	padding:0;
	padding-top:2px;
}
#horizMenu ul {
	margin:0;
	padding:0;
	float:left;
	/*background-color:#00599B;
	border:1px solid black;
	border-top:0px solid black;
	*/
	/*
	background-color:#EE00CC;*/
	/*font-size: 0.80em;*/
	 /*white-space: nowrap;*/
}
#horizMenu li {
	position:relative;
	display:inline;
	margin:0px; 
	/*height:24px;*/
	/*border:1px solid black;
	border-top:0px solid black;*/
	/*top:-1px;*/
}

#horizMenu a {
	background-color:#00599B;
	padding:0px;
	/*padding-left:2px;/*
	padding-right:2px;
	*/
	border-right: 2px solid #FFFFFF;
	/*height:24px;*/
	
}
#horizMenu a:link, #horizMenu a:visited {
	text-decoration: none; 
	color: #FFFFFF; 
}
#horizMenu a:hover {
	text-decoration: none;
	color: #00CCFF;
}

#horizMenu a:before {
	width: 11px;
	padding: 0 11px 0 0;
	background: white url(img/onglet-g.png) 0 0;
	content: "";
}

#horizMenu a:after {
	width: 11px;
	padding: 0 11px 0 0;
	background: white url(img/onglet-d.png) 0 0;
	content: "";
}

#horizMenu li.encours a:before {
	width: 11px;
	padding: 0 11px 0 0;
	background: white url(img/onglet-g2.png) 0 0;
	content: "";
}

#horizMenu li.encours a:after {
	width: 11px;
	padding: 0 11px 0 0;
	background: white url(img/onglet-d2.png) 0 0;
	content: "";
}
#horizMenu li.encours a:link, #horizMenu li.encours a:visited {
	font-weight:bold;
	color:#000000;
	background-color:#A8B5E1;
}

/* liens pour les menus */
.fonction_m li a:link, .fonction_m li a:hover, .fonction_m li a:visited {
	color:#99FF99;
	text-decoration:none;
}

.center {
	text-align:center
}

/* delimiter utilisé en fin de page */
.delimiter {
	width:100%;
	float:left;
	height:10px;
	background-image:url("./img/bar.png");
	background-repeat:no-repeat;
	background-position:center;
	margin-top:5px;
	margin-bottom:5px;
}

/* description de la source : date, site, auteur(s), tag(s) */
.source-item {
	float:left;
	width:95%;
	padding:3px;
	font-size: 0.85em;
	text-align:left;
	color:#CC3300;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:22px;
	/*background-image:url(img/copy.png);
	background-repeat:no-repeat;*/
	/*border:1px dashed #CCCCCC;
	border:1px solid #CAD7E9;*/
	/*background-color:#FBFBFB;*/
}

#commentaires {
	width:95%;
	float:left;
	/*margin:10px;*/
	padding:10px;
	font-size:0.8em;
	background-color:#EBEBEB;
	border:2px dotted #666666;
}

.commentaire  {
	width:95%;
	float:left;
	padding:5px;
	border:1px dashed #000CCC;
	background-color:#FFFFFF;
	margin:5px;
}

.commentaire .title {
	font-weight:bold;
	width:100%;
	float:left;
	font-size:1.40em;
}

.commentaire .auteur {
	width:100%;
	float:left;
	padding-left:5px;
	padding-top:3px;
	font-weight:bold;
	font-size:1.40em;
}

.commentaire .desc {
	width:95%;
	float:left;
	text-align:justify;
	padding:5px;
}

form.contact {
	float:left;
	width:90%;


	font-size:0.90em;
		width:95%;

	padding:5px;
	border:1px dashed #000CCC;
	background-color:#FFFFFF;
	margin:5px;

	
}
form.contact label{
	/*position:relative;*/
	float:left;
	/*left:20px;*/
	
	padding:1px;
	margin:1px;
	/*border:1px solid #00DD44;*/
	width:90px;
	font-weight:bold;
	/*background-color:#FF66FF;*/

}
form.contact input{
	position:relative;
	left:5px;
	margin:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*border:1px solid #00DD44;*/
		font-size:1.00em;
}
form.contact select{
	position:relative;
	left:5px;
	margin:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*border:1px solid #00DD44;*/
}
form.contact textarea{
	position:relative;
	left:5px;
	margin:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.10em;
	/*border:1px solid #00DD44;*/
}

/* Conteneur de zone flottante */
.conteneurDeFlottants {
	width: 100%;
	text-align:justify;
	background-color:#FFFFFF;
	float:right;
}
.zoneFlottante {
	background-color: #FFFFFF;
  	border: 1px dotted #174E5D;
  	margin: 1px;
  	float: left;
  	width: 37%;
  	text-align: left;
}
.cadreTitre {
	border: 1px solid #6699CC;
	background-color: #ECF3F9;
	margin-right:3px;
}
hr {
  clear: both;
  visibility: hidden;
}
/* Est utilise dans un conteneur de flottants et sert à faire 2 colonnes*/
.colonneDeux {
	float: left;
	width: 47%;
  	text-align: justify;
	border-left:1px dashed #DD6900;
	background-image:url("./img/fondcolonne.png");
	background-repeat:no-repeat;
	background-position:left;
	background-position:top;
	background-position:0px 0px; 
  	margin: 1px;
	padding:3px;
}
hr {
  clear: both;
  visibility: hidden;
}
.cadre {
	border: 1px solid #6699CC;
	width:100%;
}
/* MISE EN FORME DU DESIGN */
/* Contient tout le site et se centre automatiquement */
#structure {
	width:1000px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
/* Le conteneur general se cale dans la structure */
#conteneur_general {
	float:left;
	width:100%;
	background-color:#FFFFFF;
}
/* Contient tous les elements du header */
#header_top_menu {
	width:100%;
	float:left;
	/*border-bottom:1px solid #00599B;*/ /*#00599B;*/
}
/* Le header qui contient les statistiques à gauche et le bloc de login */
#header_top_menu 	#header_top {
	float:right;
	width:100%;
	/*margin-bottom:2px;*/
	/*background-color:#00599B;*/ /*bleu*/
	margin-bottom:-20px;
}

/* Le bloc contenant les stats de LaMoooche */
#header_right {
	float:right;
	font-size:0.9em;
	width:360px;
	color:#666666;
	margin:0px;
	padding:0px;
	text-align:right;
	/*background-color:#006666;*/
}
#header_right a, #header_right a:visited, #header_right a:hover {
	color:#FF6600;
}
/* Le bloc contenant les onglets */
#header_top_menu 	#onglets {
	float:left;
	width:620px;
	text-align:left;
	margin-top:3px;
	/*background-color:#CCFF66;*/
}

/* Le bloc contenant les actions realisables en fonction de l onglet */
#header_top_menu 	#header_actions {
	float:left;
	/*width:80%;*/
	width:992px;
	font-size:1.00em;
	text-align:left;
	border-top:4px solid #A8B5E1; /* bleu moyen */
	border-right:4px solid #A8B5E1; /* bleu moyen */
	border-left:4px solid #A8B5E1; /* bleu moyen */
	/*border-bottom:2px solid #A8B5E1;*/ /* bleu moyen */
	/*background-color:#E3ECF2; *//* bleu clair */
	/*background-color:#0FF1FF;*/
	padding:0px;
	margin:0px;
}
/* Le bloc qui contient le login */
#header_top_menu 	#header_actions		#header_actions_left {
	float:left;
	width:250px;
	text-align:left;
	background-color:#FFFFFF;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	text-align:center;
}
/* Le bloc contenant le logo 48x48 et le titre de la page */
#header_top_menu 	#header_actions		#header_actions_right {
	float:left;
	width:736px;
}

#logo48x48{
	float:left;
	width:55px;
	margin-top:2px;
	margin-left:5px;
	padding:1px;
}
/* la localisation de la page == titre... */
#localisation {
	float:left;
	width:664px;
	/*background-color:#CC0000;*/
	
	padding-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	font-size:10px;
}
#localisation h1{
	margin-bottom:2px;
	font-size:1.70em;
	font-weight:bold;
}
/* les actions relatives à une page */
#actions {
	width:	733px;
			/*246*/
			
	float:left;
	/*text-align:right;*//*
	background-color:#E3ECF2;*/
	/*background-color:#EEEEEE;*/
	border-top:1px solid #A8B5E1;
	border-left:1px solid #A8B5E1;
	border-bottom:1px solid #A8B5E1;
	border-right:1px solid #A8B5E1;
	
	background-color:#EBEFF5;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:4px; /*4*/
	height:20px;
	/*background-image:url(img/40x40-coin2.png);
	background-repeat:no-repeat;
	background-position:left;
	*/
}

/* bloc de statistiques */
.statistiques {
	float:left;
	text-align:left;
	margin-top:0px;
}

#header_logo {
	float:left;	
	text-align:center;
	padding:3px;
	/*height:40px;*/
	margin-top:0px;
	margin-left:5px;
	width:30%;
}
/* liens pour les menus */
#header_login a:link, #header_login a:hover, #header_login a:visited {
	text-decoration:underline;
}

/* Le bloc contenant le sommaire et l article */
#sommaire_article {
	float:left;
	width:992px;
	border-left:4px solid #A8B5E1; /* bleu moyen */
	border-right:4px solid #A8B5E1; /* bleu moyen */
	border-bottom:4px solid #A8B5E1; /* bleu moyen */
	padding:0px;
	margin:0px;
	/*
	background-color:#EEEEEE;*/
}

/* Le bloc contenant l article / la page : 720px */
#article {
	/*float:left;*/
	float:right;
	width:739px;
	text-align:justify;
	margin:0px;
	margin-top:0px;
	margin-left:0px;
	padding-left:0px;
	padding-right:3px;
	/*background-color:#FF2FF5;*/
	/*background-color:#00CC00;*/
	/*
	border-right:1px solid #00599B;*/
}

/* Le bloc de recherche */
#bloc_recherche {
	float:left;	
	text-align:center;
	display:inline;
	margin:0px;
	padding:0px;
	background-color:#A8B5E1;
	padding-top:5px;
	/*padding-right:5px;*/
	padding-left:2px;
	padding-bottom:5px;
	margin-bottom:3px;
	/*margin-left:3px;*/
	width:735px;
	/*border-bottom:1px solid #00599B;*/
	border-top:1px solid #A8B5E1;
	border-left:1px solid #A8B5E1;
	border-bottom:1px solid #A8B5E1;
	border-right:1px solid #A8B5E1;
	
	background-color:#EBEFF5;
}


/* menu gauche : 250px */
#sommaire {
	float:left;
	/*width:250px;*/
	width:247px;
	margin:0px;
	padding-left:3px;
	padding-right:0px;
	margin-bottom:12px;
	padding-bottom:3px;
	/*background-color:#D033CC;*/
	overflow:hidden;
}


/* liens pour les menus */
#sommaire li a:link, #sommaire li a:hover, #sommaire li a:visited {
	color:#000000;
	text-decoration:none;
}

#sommaire h1 {
	font-size:1.10em;
	/*color:#FFFFFF;*/
	color:#1F5285;
	list-style-type:none;
	background-image:url(img/double-down.png);
	background-position:left;
	background-repeat:no-repeat;
	/*border:none;*/
	/*background-color:#EBCFC2;*/
	padding:2px;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:16px;
	/*border:1px solid #CAD7E9;*/
	/*background-color:#00599B;*/
}


.bloc-menu {
	padding-bottom:5px;
	margin-bottom:10px;
}

hr {
  clear: both;
  visibility: hidden;
}

#footer_actions {
	float:left;
	width:100%;
	text-align:left;
	font-size:0.80em;
	margin-top:5px;
}

#conteneur_footer {
	float:left;
	width:95%;
	margin:5px;
	text-align:left;
	padding:5px;
	font-size:1.00em;
	background-color:#E3ECF2;
	border:5px solid #A8B5E1;
}

#footer_actions ul {	
	display:inline;
}

#footer_actions li {
	display:inline;
	padding-left:12px;
	background-image:url(img/s.png);
	background-repeat: no-repeat;
	background-position: left;
}

#footer_gauche {
	float:left;
	width:100px;
	text-align:left;
	padding-left:3px;
}

#footer_droite {
	float:right;
	/*width:750px;*/
	text-align:center;
}

#funny_menu{
	float:right;
	top:0px;
	margin:0px;
	text-align:right;
	/*border:1px solid #CCDD44;*/
	/*overflow:hidden;*/
	display:inline;
}

/* MISE EN FORME DU SOMMAIRE */
#sommaire ul {
	margin:0px;
	padding:0px;
	clear:left;
	overflow:hidden;
	/*background-color:#44FFFF;*/

}
#sommaire ul li {
	margin-top:0px;
	/*margin-left:10px;*/
	padding:0px;
}
#sommaire ul li ul{
	margin-top:0px;
	padding:0px;
	position:relative;
	top:0;
	clear:left;
	overflow:hidden;
	background-color:#FFFFFF;
	 white-space: nowrap; 
}
#sommaire ul li ul li ul{
	background-color:#FFFFFF;
	margin-top:0;
	padding:0;
}

/*
.ss-bloc {
	width:244px;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:3px;
	padding-top:3px;
	border:1px solid #CAD7E9;
	background-color:#FFFFFF;
	font-size:0.9em;
}*/

#sommaire div.ss-bloc {
	width:244px;
	background: transparent url(./img/module_middle.png) right repeat-y;
	margin-bottom:0px;
	padding:0px;
	
}

#sommaire div.ss-bloc div {
	width:244px;
	background: transparent url(./img/module_top.png) top left no-repeat;
}

#sommaire div.ss-bloc div div {
	width: 244px;
	background: transparent url(./img/module_bottom.png)  bottom left no-repeat;
}

#sommaire div.ss-bloc div div div {
	width: 229px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	background: transparent;
	
	padding-bottom: 5px;
	font-size: 11px;
}

#sommaire div.ss-bloc div div div div{
	padding: 0px;
	margin: 0px;
}


.ss-bloc li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*font-size:1.0em;*/
	background: transparent;
	/*background-color:#666666;*/

}
.ss-bloc ul {
	list-style-type:none;
	background: transparent;
	/*background-color:#666666;*/
	/* white-space: nowrap; */
}
/* Gestion du RollOver avec FireFox */

	/** Couleur du premier niveau **/
	.l-0 {
		margin-left:8px;
	}
	.ss-bloc ul li:hover { background-color:#EBCFC2; }
	/* Gestion du RollOver pour IE */
	.ss-bloc ul li a:hover { background-color:#EBCFC2; }
	/* Gestion du RollOver pour IE */
	.ss-bloc ul li a:hover span{ background-color:#EBCFC2; }

/** Couleur du deuxieme niveau **/
	.l-1 {
		margin-left:16px;
	}
	.ss-bloc ul ul li:hover {
		background-color:#D1CBED;
	}
	/* Gestion du RollOver pour IE */
	.ss-bloc ul ul li a:hover {
		background-color:#D1CBED;
	}
	/* Gestion du RollOver pour IE */
	.ss-bloc ul ul li a:hover span{
		background-color:#D1CBED;
	}
/** Couleur du troisiem niveau **/
	.l-2{
		margin-left:24px;
	}
	.ss-bloc ul ul ul li:hover {
		background-color:#E3E182;
	}
	/* Gestion du RollOver pour IE */
	.ss-bloc ul ul ul li a:hover {
		background-color:#E3E182;
	}
	/* Gestion du RollOver pour IE */
	.ss-bloc ul ul ul li a:hover span{
		background-color:#E3E182;
	}
/** Couleur du troisiem niveau **/
	.l-4{
		margin-left:32px;
	}
	.ss-bloc ul ul ul ul li:hover {
		background-color:#A2EEA6;
	}
	/* Gestion du RollOver pour IE */
	.ss-bloc ul ul ul ul li a:hover {
		background-color:#A2EEA6;
	}
	/* Gestion du RollOver pour IE */
	.ss-bloc ul ul ul ul li a:hover span{
		background-color:#A2EEA6;
	}

/* Gestion du RollOver pour IE */
.ss-bloc a {
	/*width:1em;*/
}
/* Gestion du RollOver pour IE + etendue de la zone cliquable */
.ss-bloc a span{
	display:block;
}


ul.li2  {
	border-top:1px solid #CAD7E9;
	margin-top:5px;
	padding-top:10px;
	color:#FF6600;
}

ul.li2 li  {
	color:#FF6600;
	height:18px;
	display:block;
	margin-left:5px;
	padding:3px;
}

ul.li2 a, ul.li2 a:visited, ul.li2 a:hover, ul.li2 a:link {
	text-decoration:underline;
	font-weight:bold;
	color:#FF6600;
	padding-left:16px;
	background-image:url(img/ico_stasta.gif);
	background-repeat:no-repeat;
}