body	{
background-color: #FFFFFF;
} body, div, h1, h2, h3, h4, h5, form	{
color: #000000; font-family: Arial, Helvetica, sans-serif; margin: 0em; padding: 0em;
} hr	{
display: none;
} hr.blk, hr.blki	{
display: block; height: 1px; color: #065CA4; background-color: #065CA4; border: 0px solid #065CA4; 
} hr.blki	{
color: #666666;
} hr.blaa	{
display: block; height: 1px; color: #931888; background-color: #931888; border: 0px solid #931888; 
} hr.blpa	{
margin-top: 10px;
display: block; height: 2px; color: #C9C9C9; background-color: #C9C9C9; border: 0px solid #C9C9C9; 
} p	{
margin: 0px; padding: 0px;
}
/* 1) FORMATAGES TEXTUELS - 2) LIENS -  3) TITRES - 
4) BLOCS DE CONSTRUCTION GENERALE - 5) BLOCS DE CONSTRUCTION LOCALE -
6) FORMULAIRES - 7) LISTES */

/* FORMATAGES TEXTUELS */
/* NRA */ .reseau {
font-size: 90%;
font-weight: bold;
color: #AE5423;
}
td.nonCoche {
width: 80px; height: 31px; text-align: center; background-image: url(../images/pi_case-non-cochee.gif); background-repeat: no-repeat;
}
td.coche {
width: 80px; height: 31px; text-align: center; background-image: url(../images/pi_case-cochee.gif); background-repeat: no-repeat;
}
.texte, .texter, .texteraa	{
font-size: 80%;
}  p.textef	{
font-weight: bold;
font-size: 80%;
} span.textef {
color: #AE5423;
} span.page_active	{
font-weight: bold;
font-size: 80%;
} .texter	{
color: #63191A;
} .texteraa	{
color: #931888;
} .textaa	{
color: #931888;
} .textaab	{
color: #931888; font-weight: bold;
} .textaaa, .evt	{
color: #AE5423;
} .alerte	{
color: #C82518;
} #erreur, .erreur	{
color: #FF0000;
} .erreur	{
padding-left: 100px;
} .citation	{
font-style: italic; color: #AE5423;
} .signature	{
color: black; font-size: 80%; font-style: normal; text-align: right;
}



/* ***/ /* LIENS */
a:link, a:visited, a:hover, a:active	{
text-decoration: none; color: #000000;
} a.pal:link, a.pal:visited, a.pal:hover, a.pal:active	{
color: #63191A; font-weight: bold; font-size: 80%; display: block; margin-top: -4px;
} h2.menutipa a:link, h2.menutipa a:visited, h2.menutipa a:hover, h2.menutipa a:active	{
color: #6F4842;
} .titre a:link, .titre a:visited, .titre a:hover, .titre a:active	{
color: #AE5423; 
} a.locliens	{
font-weight: bold; font-size: 90%; background-color: #FFFFFF; position: relative; z-index: 1;
} a.genliens:link, a.genliens:visited, a.genliens:hover, a.genliens:active	{
color: #FFFFFF; font-weight: bold; font-size: 80%; position: relative; z-index: 18; background-color: #0359A4;
} #col li a:link, #col li a:visited, #col li a:hover, #col li a:active,
a.textel:link, a.textel:visited, a.textel:hover, a.textel:active	{
color: #034C95; font-size: 75%; font-weight: bold;
} #pagi a:link, #pagi a:visited, #pagi a:hover, #pagi a:active	{
color: #034C95; font-weight: bold;
}
/* ***/ /* TITRES */
.titrepa, .titre 	{
color: #AE5423; background-color: #FFFFFF; font-size: 150%; display: inline;
border: 2px solid #8D9DCE; border-left-width: 0px; padding: 0em 0.35em;
position: relative; z-index: 9;
} .titrepa	{
border-left-width: 2px; top: 1px;
} .titre	{
position: absolute; top: 138px;
} h2	{
font-size: 90%;
} #genliens h2, #genlienspa h2, #menuloc h2, img.inv, div.inv, h2.inv	{
position: absolute;
} div.inv	{
z-index: 0;
} #genlienspa h2.rechpa	{
position: relative; color: #FFFFFF; font-size: 80%; display: inline;
} h2.menutipa	{
font-size: 110%; position: relative; top: -5px;
} h2.zoom	{
color: #53524F; font-size: 120%; height: 26px; margin-bottom: 4px;
background-image:  url(../images/fd_lettrine.gif); background-position: left; background-repeat: no-repeat;
} h2.rech	{
color: #63191A; font-size: 80%; 
position: relative; left: -6px; width: 145px; border: 2px solid #E7E7E7; border-width: 2px 0px;
} h2.kont, h1.kont	{
font-size: 100%;
} h2.pop	{
font-size: 80%;
} h2.autor	{
font-size: 80%; color: #63191A; margin-top: 0.4em; margin-bottom: 0.15em; 
} h3	{
font-size: 80%;
} h3.fiche	{
color: #931888;
} h3.ecr	{
margin-bottom: 0.15em; 
} h3.auteur, p.auteur	{
font-size: 90%;
} h3.filtre	{
color: #666666; float: left;
} #col h4, #col h5	{
font-size: 80%;
} h4.tit, h5.tit	{
font-size: 70%;
}
h4.content	{
font-size: 80%;
font-weight:normal;
text-decoration:underline;
}
h4.ecr	{
font-size: 80%; margin-bottom: 0.15em; 
} 

/* ***/ /* BLOCS DE CONSTRUCTION GENERALE */
#pagepa, #page	{
border-left: 8px solid #065CA4; width: 992px;
} #page	{
width: 932px; border-right: 1px solid #0359A4; background-image:  url(../images/fd_sep.gif); background-repeat: repeat-y;
} h2 img	{
position: relative; z-index: 0;
}
/* blocs généraux 1/2 : partie supérieure */
#haut	{
position: relative; height: 180px; width: 932px;
} #logh	{
position: relative; z-index: 18; left: -8px; width: 310px;
} #pagepa #logh	{
height: 57px;
} #accrpa, #accr	{
color: #AE5423; font-size: 120%; font-weight: bold;
} #accrpa	{
padding-left: 11px; margin-top: 4px; position: relative; z-index: 36;
} #accrpa span	{
background-color: #FFFFFF;
} #accr	{
position: absolute; top: 33px; z-index: 1; 
width: 932px; height: 106px; text-align: right; background-image: url(../images/euromed.jpg); background-repeat: no-repeat;
} #menugenpa, #menugen	{
background-color: #0359A4; position: absolute; top: 0px; height: 30px; width: 992px; z-index: 9;
} #menugen	{
width: 932px; height: 33px;
} #genlienspa	{
margin-left: 307px; 
} #genliens	{
float: right;
} #menuloc	{
position: absolute; top: 139px; z-index: 1; width: 772px; height: 27px; 
background-color: #FFFFFF; padding-left: 10em; border: 2px solid #0359A4; border-width: 2px 0px;
} 
/* blocs généraux 2/2 : parties médiane et inférieure */
#corps	{
width: 992px; position: relative;
} #zoom	{
width: 453px; float: left; padding: 34px 34px 0px 85px;
} .cestunebequillepourie	{
margin-left: 85px; position: absolute; z-index: 81;
} #col	{
width: 176px; height: 630px; padding-left: 6px; padding-top: 27px;
background-image:  url(../images/fd_colonne.gif); background-repeat: no-repeat; float: left;
} #colsepar	{
position: relative; left: -6px;
} #pagi	{
text-align: center;
} #illupa	{
float: left; position: relative; z-index: 18;
} #illupasur	{
position: relative; z-index: 18; top: -34px; left: 65px;
} #illupasous	{
position: absolute; left: 570px; top: 195px; z-index: 72; float: right;
} #pied	{
color: #C0C0C0; font-size: 70%; clear: both; width: 100%; text-align: right;
} 
/* ***/ /* BLOCS DE CONSTRUCTION LOCALE */
/* blocs locaux 1/3 : menu local de la page d'accueil */
#menupa	{
position: absolute; top: 222px; width: 619px; left: 0px;
} #partun, #partdx, #parttr, #partqu	{
position: absolute; top: 0px; left: 90px; width: 220px; z-index: 9;
} #partdx, #partqu	{
left: 335px;
} #parttr, #partqu	{
top: 90px;
} 
/* blocs locaux 2/3 : contenus divers */
div.menutexpa	{
padding-left: 16px;
} div.kont	{
padding-top: 24px; width: 515px; padding-left: 37px; float: left;
} div.kontpopup	{
float: left;
} .kontliste	{
width: 713px; margin-left: 182px;
} .cadre	{
border: 2px solid #63191A; padding: 5px;
} .pucto	{
margin-left: -28px; padding-left: 28px; padding-top: 4px;
background-image: url(../images/pi_alerte.gif); background-position: top left; background-repeat: no-repeat;
} .date	{
border-bottom: 2px solid #E7E7E7; padding-bottom: 7px; margin-bottom: 7px;
} .illu	{
padding-top: 24px; margin-left: 50px; float: left;
} img.bord	{
border: 1px solid #857374;
} div.fdtitrepa	{
position: absolute; width: 619px; height: 16px; z-index: 1;
background-image: url(../images/fd_titre_pa.gif); background-position: center; background-repeat: repeat-x;
}
/* blocs locaux 3/3 : alignements dans formulaires */
div.eff	{
float: left; width: 50%; text-align: center;
} .interl, .interli	{
line-height: 25px;
} .interli	{
float: left;
}
/* ***/ /* FORMULAIRES */
#genlienspa form	{
display: inline;
} input	{
font-family: Arial, Helvetica, sans-serif; font-size: 80%; 
} select	{
font-family: Arial, Helvetica, sans-serif; font-size: 75%; 
} input.texte, input.chp	{
width: 100px; height: 14px;
} input.texte	{
margin: 5px 0px;
} label.col, label.coll, label.caul, label.caull, label.caulll	{
float: left; width: 100px; text-align: right;
} div.col input, div.coll input	{
margin-top: 4px; margin-left: 100px;
} label.coll	{
width: 150px;
} label.caul	{
width: 155px;
} label.caull	{
width: 185px;
} label.caulll	{
width: 203px;
} div.caul	{
margin-left: 100px;
} div.caull	{
margin-left: 155px;
} div.b	{
margin-bottom: 0.4em;
} div.coll input	{
margin-left: 150px;
} div.coll input.loc	{
margin-top: 0px;
} #genlienspa input.texte	{
width: 90px; margin: 0px; 
} input.env	{
color: #034C95; font-weight: bold; background-color: #FFFFFF; border-width: 0px; height: 18px; padding-left: 15px;
background-image: url(../images/pu_valider.gif); background-position: left; background-repeat: no-repeat; text-align: left;
} #genlienspa input.env	{
color: #FFFFFF; background-color: #065CA4; height: 16px; background-image: url(../images/pu_valider_pa.gif);
padding-left: 14px;
} .interli input.env	{
margin-left: 10px;
}
/* ***/ /* LISTES */
#col ul	{
position: relative; left: -20px; margin-top: 10px;
} #col li	{
list-style-image: url(../images/pu_liste_col.gif); list-style-position: outside;
} .kont ul, .kontpopup ul	{
position: relative; left: -20px; margin-top: 0px;
} .kont li, .kontpopup ul	{
font-size: 80%; list-style-image: url(../images/pu_liste_kont.gif); list-style-position: outside;
} .kont ul.sommaire {
margin-bottom: 0px; list-style-type: disc; left: -24px; list-style-image: none;
} .kont ul.sommaire li {
list-style-image: none; font-size: 100%; 
}
/* ***/


.daaate	{
color: #AE5423; border-bottom: 1px solid #AE5423; padding-bottom: 7px; margin-bottom: 7px;
}


/********************************************************************************************/
/**** Modifications de la feuille de style apportées par RDAN le 26/07/2005.             ****/       
/**** Permet de mettre en colonne des éléments de type bloc.                             ****/
/**** Nous trouverons les classes :                                                      ****/
/**** - .colonne : définition d'une colonne                                              ****/
/**** - .colonneSeparateurVertical : définition du séparateur vertical des colonnes      ****/
/**** - .colonneSeparateurHorizontal : définition du séparateur horizontal des colonne   ****/
/********************************************************************************************/

/*************************************************/
/**** fdtitrepa : représente un éléménent de  ****/
/**** décoratrion dans la page d'accueil      ****/
/**** Cette partie est une réécriture d'une   ****/ 
/**** classe  existante                       ****/
/*************************************************/

div.fdtitrepa	{ /* identique */
	position:relative; 
	width:619px; 
	height:16px; 
	z-index:1;
	background-image:url(../images/fd_titre_pa.gif);
	background-position:center; 
	background-repeat:repeat-x;
}

div.colonne, div.colonneb	{
	position:relative;
	top:-16px;
	left:85px;
	width:205px;
	z-index:2;
	/*text-align:justify; */
	float:left;
	}
div.colonneb{
	left:70px;
	}

div.colonne h2, div.colonneb h2{
	margin:0px;
	padding:0px;
}

div.colonneSeparateurVertical{
	position:relative;
	top:0px;
	left:0px;
	width:20px;
	height:1px;
	float:left;	
}

div.colonneSeparateurHorizontal{ /* equivalent de <br style="clear: both;"> */
	position:relative;
	top:0px;
	left:0px;
	height:0px;
	clear:both;
}

h2.menutipa	{
	position: relative; 
	width:260px;
	font-size: 100%;
}

.colonne span.texte, .colonneb span.texte{
font-size: 70%;
}

/**** RDAN : listes à puces imbriquées : plan du site ****/
.kont ol li{
font-size: 100%;
}

div.font80 {
font-size: 80%;
}

/**** indice et exposant 061005 
à utiliser à l'intérieur d'un contenu déjà formaté pour la taille du texte
(par la classe .texte par exemple)
****/

.xps	{
position: relative; bottom: 0.35em; font-size: 80%;
}
.indice	{
position: relative; top: 0.3em; font-size: 80%;
}

/**** position des picto en marge 051010 ****/
.comp	{
position: absolute; left: 191px; margin-top: -3px;
}

.margeInferieure	{
padding-bottom: 0.5em;
}

/**** plan du site 051020 ****/
#plan ul	{
margin-left: 64px; 
} #plan>ul	{
margin-left: 14px;
} #plan ul>ul	{
margin-left: 14px;
} #plan li {
list-style: disc; 
} #plan ul ul li {
font-size: 100%; 
} #plan ul ul>li {
font-size: 80%; 
} #plan a	{
color: #000000;
} hr.plan	{
display: block; border-width: 0px; margin-top: 2px; height: 2px;
} img.plan	{
float: right; margin-top: 6px;
} #plan>img.plan	{
margin-top: -1px;
}


/**** 051024 */
.public	{ 
font-style: italic;
}