/**************** Généralité ******************/
html, body{
	padding: 0.1%;
	font-family: "MS Sans Serif", Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	background-color: Navy;
	height: 98%;
}
a{
	text-decoration: none;
}
.spacer{
	clear: both;
}
.spacer1{
	display: none;
}
body>.spacer1{
	display: block;
	clear: both;
}
.droite{
	clear: both;
	text-align: right;
	margin: 0;
}
.centre{
	text-align: center;
	margin: 0;
}
.justif{
	text-align: justify;
}
.red{
	color: red;
}
*{
	background-repeat: no-repeat;
}
img{
	border: none;
}
address{
	margin: 2%;
	font-style: normal;
}
/*************** CONTENEUR GENERAL **************/
#corps{
	border: 2px Solid Black;
	background-color: White;
	height: 100%;
}
body>#corps{
	position: relative;
	height: auto;
	min-height: 100%;
}
/**********************************************
*************** Tête de page ******************
**********************************************/
#tete{
	background-image: url(../images/defaut/fond_titre.png);
	background-position: top right;
}
/*************** le titre *****************/
#entete{
	height: 92px;
	position: relative;
	background-image: url(../images/logo.png);
	background-position: center left;
	color: #E3E1E1;
	font-family: arial,verdana,helvetica,sans-serif;
}
#entete h1{
	font-size: 1.8em;
	margin: 0;
	padding: 20px 0 0 180px;
}
#entete p{
	margin: 0;
	padding-left: 180px;
	font-size: 1.2em;
	font-style: italic;
}
/*************** la date  ****************/
#dateDuJour{
	position: absolute;
	right: 0.5%;
	top: 0.5%;
	font-size: 0.9em;
}
/*************** mini menu  ****************/
#minimenu{
	position: absolute;
	right: 1%;
	bottom: 2px;
	color: #E4E0E0;
	font-family: "MS sans serif", Verdana,Arial,Helvetica;
	font-size: 11px;
}
#minimenu a, #minimenu a:visited{
	color: #E4E0E0;
}
#minimenu a:hover{
	color: White;
	text-decoration: underline;
}
#minimenu img{
	border-style: none;
	margin-right: 3px;
	margin-bottom: 1px;
	vertical-align: middle;
}
/************ le menu déroulant ************/
#menu-horiz{
	padding: 1px 0 0 0; /* 0.3% 0.5%;*/
	background-color: #E6B636;
	height: 18px;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
}
#menu-horiz a, .menu-horiz a:visited{
	color: Black;
}
#menu-horiz a:hover{
	color: White;
}
/************ Le conteneur de texte *************/
#content{
	height: 76%;
	padding: 0 0 0 1%;
}
#corps>#content{
	padding-left: 0.5%;
}
/**************** Les 3 colonnes ****************/
/*********** colonne 1, le menu vertical ********/
#colmenu{
	float: left;
	width: 22%;
	padding: 0 1%;
	margin-bottom: 5%;
}
/*********** colonne 2, la zone de texte *********/
#coltexte{
	float: left;
	width: 50%;
	margin: 0 1%;
}
/****** colonne 3, la zone de liens contextuels ******/
#colcontext{
	float: left;
	padding: 0 1.5%;
}
#content>#colcontext{
	width: 22%;
	padding: 0 0.5%;
}
/*************** Les liens du menu vertical ****************/
#menu{
	margin-top: 6%;
	font-size: 1.1em;
	color: Navy;
}
#menu dl{
	margin: 2% 0;
	border: 1px dotted Navy;
}
#menu dt{
	margin: 0;
}
#menu dd{
	margin: 0;
	margin-left: 10px;
}
#menu a, #menu a:visited{
	color: Navy;
}
#menu dt a{
	display: block;
	background-image: url(../images/defaut/puce_menu.png);
	background-position: left center;
	background-color: transparent;
	padding-left: 12px;
}
#menu dt a:hover{
	background-image: url(../images/defaut/puce_menu_focus.png);
	background-color: #4682B4;
	color: White;
}
#menu dt .encours{
	display: block;
	background-image: url(../images/defaut/puce_menu_sel.png);
	background-position: -10px center;
	background-color: #106898;
	padding-left: 13px;
	color: White;
}
#menu dd a{
	display: block;
	padding-left: 10px;
}
#menu dd a:hover{
	background-color: #4682B4;
	color: White;
}
#menu dd .encours{
	display: block;
	width: 100%;
	background-image: url(../images/defaut/puce_menu_sel.png);
	background-position: -10px center;
	background-color: #B0C4DE;
	border: 1px solid Navy;
	border-right: none;
	text-align: right;
	padding-right: 4%;
}
#menu .dev-menu{
	margin: 0;
	font-size: 0.8em;
	text-align: center;
}
#menu .dev-menu a{
	padding: 0;
	background-image: none;
}
#menu .dev-menu a:hover{
	background-color: transparent;
	color: Navy;
}
/*************** Le conteneur de texte ******************/
#recherche{
   	float: left;
	width: 75%;
	margin: 1% 0 0 1%;
}
#recherche h1.res-rech{
	background-color: #186CA0;
	color: White;
	padding: 0.5% 1%;
	margin: 2% 0 1px 0;
	font-size: 1.1em;
	padding: 0.3% 1%;
	font-weight: normal;
}
#recherche p{
	margin: 0;
}
#recherche p.url{
	font-size: 1.1em;
	margin-top: 1%;
}
#recherche p.lien-page{
	text-align: center;
	border-top: 1px solid Navy;
	margin-top: 2%;
	padding-top: 1%;
}
#recherche p.lien-page img{
	vertical-align: middle;
}
#recherche p.lien-page .encour{
	margin: 2px;
}
#recherche a, #recherche a:visited{
	text-decoration: underline;
	color: navy;
}
#recherche p.lien-page a{
	margin: 2px;
}
#recherche .lienlog{
	text-align: right;
	color: #106898;
}
#content>#recherche{
	margin-left: 0;
}
#content>#coltexte{
	margin-bottom: 5%;
}
#coltexte h1{
	margin-bottom: 12px;
	margin-top: 12px;
	font-weight: bold;
	font-size: 1.3em;
	color: Navy;/*#106898*/
}
#coltexte h2{
	margin: 0;
	/*margin-left: 15px;*/
	font-weight: bold;
	font-size: 1.1em;
	color: #106898;
}
#coltexte h2.legal, #coltexte h2.plan{
	background-image: url(../images/defaut/puce_menu_sel.png);
	background-position: -10px center;
	background-color: #3384B3; /*#708090;*/
	padding-left: 20px;
	color: White; /*#FBD87A;*/
	font-size: 1.2em;
	margin-right: 60%;
}
#coltexte h2.plan{
	margin-right: 20%;
}
#coltexte h2.revue{
	font-size: 1.2em;
}
#coltexte h2.revue a{
	font-weight: bold;

	color: Gray;
	text-decoration: none;
}
#coltexte h2.statut{
	font-size: 1.1em;
	text-align: center;
}
#coltexte h2.etape{
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 1em;
	color: Gray;
	text-align: right;
	margin-right: 2%;
}
#coltexte p, #coltexte ul{
	font-size: 1.1em;
	color: #585858;
	padding-right: 5%;
}
#coltexte ul.list-num li{
	font-weight: bold;
}
#coltexte ul.list-num p{
	font-weight: normal;
	margin: 0;
}
#coltexte ul.list-num p.lnkBul{
		text-align: right;
}
#coltexte ul.list-num a{
	font-weight: normal;
	text-decoration: none;
}
#coltexte ul.list-num a img{
	vertical-align: middle;
	text-decoration: none;
}
#coltexte p.no-marge{
	margin: 0;
}
#coltexte a, #coltexte a:visited{
	color: #106898;
	font-size: 0.9em;
	font-weight: bold;
}
#coltexte a:hover{
	text-decoration: underline;
}
#coltexte li{
	list-style: circle;
}
#acc{
	background-image: url(../images/saison.jpg);
	background-position: left top;
	height: 115px;
	padding-left: 118px;
	margin: 0;
}
#acc p{
	padding-right: 2%;
	padding-top: 1%;
	margin: 0;
}
/**************** La zone "A la une" *******************/

#coltexte h1.une{
	background-image: url(../images/onglet_une.png);
	background-position: left top;
	margin: 5% 0 0 5%;
	padding: 4px 0 0 0;
	text-align: center;
	color: #FBD87A;
	font-size: 1.1em;
	font-weight: bold;
	width: 150px;
	height: 25px;
}
#coltexte>h1.une{margin-bottom: -4px}
#coltexte #une{
	margin: 0 5%;
	padding-bottom: 15px;
	background-image: url(../images/fond_une.png);
	background-position: left top;
	background-repeat: repeat-y;
}
#coltexte #une #info{
	margin: 0 3% 0 3%;
	border: 1px dotted Silver;
	background-color: #F8F8F0;
	color: Navy;
	font-size: 1em;
}
#coltexte dl{
	margin: 2%;
}
#coltexte dt, h3.descr{
	background-image: url(../images/defaut/fleche_ronde.png);
	background-position: left 2px;
	margin: 0 2% 0 2%;
	padding-left: 12px;
	font-size: 1em;
	color: #CD853F;
}
#coltexte dd{
	margin: 0 2% 2% 2%;
	padding-left: 12px;
}
/**** La zone de liste des annonces perso ****/
#coltexte table.publier{
	border: none;
	width: 100%;
	color: #191970;
	font-size: 1.1em;
}
#coltexte table.publier th{
	font-size: 0.9em;
	background-color: #808080;
	color: White;
}
#coltexte table.publier th a, #coltexte table.publier th a:visited{
	color: White;
	text-decoration: none;
}
#coltexte table.publier th img{
	vertical-align: top;
}
#coltexte table.publier tr.pair{
	background-color: #EFEFEF;
}
#coltexte table.publier tr.impair{
	background-color: #EFEFEF;
}
#coltexte table.publier td.imgPub{
	width: 12px;
	text-align: center;
	vertical-align: middle;
}
#coltexte a,#coltexte a:visited{
	color: Navy;
}
#coltexte a:hover{
	text-decoration: underline;
}
#coltexte p.info-ital,#coltexte ul.info-it, #coltexte ul span.info-it{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.9em;
	color: Navy;
}
#coltexte p.exemple{
	margin: 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.8em;
	color: Navy;
}
#coltexte fieldset{
	background-image: url(../images/carre_blanc.png);
	background-position: left top;
	background-repeat: repeat-x;
	margin-bottom: 1%;
	border: 1px solid #E8EFF7;
	border-color: #708090;
	background-color: #F5F5F5;
}
#coltexte>fieldset{
	background-image: none;
}
#coltexte legend{
	font-size: 1.1em;
	color: #4682B4;
	background-color: transparent;
	color: Navy;
}
#coltexte fieldset p{
	margin: 1%;
}
/********** VOIR SI ON CONSERVE OU PAS !!!!!**********
/*************** Zone d'actu *****************/
/* Habillage de la zone */
h3.titreActu{
	margin-top: 18px;
	margin-bottom: 1%;
	font-size: 1.2em;
}
.titrActu{
	background-color: #708090;
	color: White;
	padding: 1% 12px;
}
#zonActu{
	padding: 1% 0 2% 20px;
	background-image: url(../images/bg_gauche_gris.png);
	background-position: left 2%;
	background-repeat: repeat-y;
	border: 1px solid #708090;
}
.coinGActu{
	background-image: url(../images/coin_gauche_gris.png);
	background-position: left top;
	background-color: #708090;
	padding: 1% 0;
}
.coinDActu{
	background-image: url(../images/coin_droit_gris.png);
	background-position: right top;
	background-color: #708090;
	padding: 1% 0;
}
/* contenu */
#zonActu fieldset{
	border-color: Black;
	/*border-left: none;*/
	border-right: none;
	border-bottom: none;
}
#zonActu legend{
	color: #708090;
	font-weight: bold;
}
h3.basActu{
	margin: 0;
	font-size: 1.2em;
	/*line-height: 5px;*/
}
.simulTitre{
	padding: 0 13px;
	background-color: #708090;
	color: #708090;
}
/************ Fiche d'affichage ***************/
/* Habillage de la fiche */
h3.titre{
	margin-top: 18px;
	margin-bottom: 1%;
	font-size: 1.2em;
}
.coingauche{
	background-image: url(../images/coingauche.png);
	background-position: left top;
	background-color: #101073;
	padding: 1% 0;
}
.type{
	background-color: #101073;
	color: White;
	padding: 1% 12px;
}
.coindroit{
	background-image: url(../images/coin_droit.png);
	background-position: right top;
	background-color: #101073;
	padding: 1% 0;
}
.fichebas{
	background-image: url(../images/bg_gauche.png);
	background-repeat: repeat-x;
	width: 150px;
}
/* La fiche: partie commune */
#fiche{
	border: 1px solid Black;
	background-image: url(../images/bg_gauche.png);
	background-repeat: repeat-y;
	padding: 1% 1% 1% 15px;
}
#fiche div.ref-unit{
	margin: 3%;
}
#fiche div.ref-unit p.resume{
	margin: 3%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.9em;
}
#fiche h2{
	margin: 0 0 2% 1%;
	padding: 1%;
	font-size: 1.3em;
	color: #FFD700;
	background-color: #708090;
}
#fiche p.fonction{
	margin: 1%;
	color: #708090;
}
#fiche dt{
	border-top: 1px solid #106898;
	padding-top: 1%;
	background-position: left 80%;
}
#coltexte #fiche dt{
	clear: both;
}
#fiche p.rens{
	margin: 0;
	margin-left: 3%;
	margin-top: 1.5%;
	font-size: 0.9em;
}
#fiche .modifRens{
	clear: both;
	text-align: center;
	margin: 0 0 1% 0;
}
#fiche .modifRens a, #fiche .modifRens a:visited{
	font-weight: bold;
}
/* Pour les evts... */
#fiche #imgcal{
	float: left;
}
#fiche p.date{
	margin: 1%;
	font-size: 0.9em;
	color: #CD853F;
}
#fiche p.descrip{
	margin: 1%;
	padding-bottom: 2%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.9em;
	color: Gray;
}
#fiche p.pres{
	font-size: 0.9em;
}
/* Pour la fiche d'identité*/
#fiche address{
	margin: 1.5% 0 0 1.5%;
	padding-right: 1%;
	font-size: 0.9em;
	color: Gray;
}
#fiche a,#fiche a:visited{
	font-weight: normal;
}
#fiche ul.contact{
	float: right;
	width: 45%;
	margin: 0 0 1.5% 0;
	padding: 1.5% 0 0 5%;
	font-size: 0.9em;
	color: Gray;
}
#coltexte>#fiche ul.contact{
	margin-left: 0;
}
#fiche li{
	list-style: none;
}
#fiche img{
	vertical-align: middle;
	margin: 0.5% 1% 0.5% 0;
}
/****************** Contextuel *************/
#content>#colcontext{margin-bottom: 5%;}
#colcontext .lienlog{
	margin: 15px 0 0 0;
	text-align: right;
	color: #106898;
}
#colcontext hr{
	border: none;
	border-top: 1px solid Navy;
	height: 1px;
	color: Navy;
}
.lienlog a, .lienlog a:visited{
	font-weight: bold;
	color: #106898;
}
.lienlog a:hover{
	text-decoration: underline;
}
.context1, .context2{
	margin-top: 15px;
	color: #000080;
}
.context1{
	border: 1px dotted #265B88;
}
.context1 img{
	vertical-align: middle;
}
.context1 h1, .context2 h1{
	text-align: center;
	font-size: 1em;
	margin: 0;
	color: White;
}
.context1 p, .context2 p{
	margin: 0;
}
.context1 h1{
	background-color: #809CB0;
	border-bottom: 1px dotted #265B88;
}
.context1 h1.ora{
	background-color: #FFE968;
	color: Navy;
}
.context1 span.etp{
	padding: 0 2px;
	margin: 1px 0;
	border: 1px solid black;
	background-color: blue;
	color: white;
}
.context1 a, .context1 a:visited, .context2 a, .context2 a:visited{
	padding-left: 12px;
	background-image: url(../images/defaut/fleche_pleine.png);
	background-position: left top;
	color: #000080;
}
.context1 a:hover, .context2 a:hover{
	background-image: url(../images/defaut/fleche_vide.png);
	text-decoration: underline;
}
.context2 a{
	font-weight: bold;
}
.context2{
	/*margin-top: 2%;*/
	border: 1px dotted #809CB0;
}
.context2 h1{
	background-color: #106898;
	border-bottom: 1px dotted #809CB0;
}
#colcontext dl{
	margin: 5px;
}
#colcontext dt{
	margin: 0.2% 0 0 0;
}
#colcontext dd{
	margin: 0;
}
#colcontext div.vRev{
	padding: 1% 0 2% 0;
	background-color: #90C8E2;
}
#colcontext p.pRev{
	margin-left: 4px;
	padding-left: 28px;
	background-image: url(../images/journal.png);
	height: 25px;
}
#colcontext p.pCal{
	margin-left: 4px;
	padding-left: 28px;
	background-image: url(../images/calendrier.png);
}
/**************** Le pied de page ********************/
#corps>#pied{
	position: absolute;
	bottom: 0;
	width: 100%;
}
#pied p{
	margin: 0;
	padding: 0.3% 0;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	text-align: center;
}
#pied p.liens{
	background-color: #3888B8;
	color: #F4F2F2;
}
#pied p.liens a,#pied p.liens a:visited{
	color: #E4E0E0;
}
#pied p.liens a:hover{
	color: white;
}
#pied p.info a,#pied p.info a:visited{
	color: #A1A1A1;
}
#pied p.info a:hover{
	text-decoration: underline;
}
#pied p.info{
	padding: 0;
	color: #A1A1A1;
}
.color-res{
	background-color: #C0C0FF;
}
.nav-page{
	text-align: center;
	padding: 0.5%;
	font-size: 1em;
}
.nav-page img{
	vertical-align: middle;
}
.nav-page .encour{
	margin: 0 2px;
}
.nav-page a, .nav-page a:visited{
	color: #FFD700;
	margin: 0 2px;
	font-weight: normal;
}
.fix{
	position:fixed;
}