/*  ------------------------------------------
/*  Corps Principal
/*  ------------------------------------------
*/
body {
	margin: 0;	padding: 0;
	background: white;	
	background: #f3eeee;	
	text-align: center;
	color: #333;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 88%; /* IE5 Win font size and hack*/
        voice-family: "\"}\""; 
        voice-family: inherit;
	font-size: 100%; /* Base font size */
	line-height: 150%;
}
html>body { /* Opera fix for above */
	font-size: 100%;
}
a, a:link {	
	font-weight:550;
	text-decoration:none;
	color:#399; 
}
a:visited {color:#399;}

a:hover, a:active {
	color:#069; 
  background-color:transparent;
}
h1 {	
	margin: 0; padding:0;
	font: bold 2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}
h2 {
	margin: 0; padding:0;
	color:#666;
	font: normal 1.6em "trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;	
	letter-spacing: .1em;	
}
ul, li {
	list-style-type: none;				
	padding: 0;
	margin: 0;		
}
dl {
	margin: 2em 0;
	padding: 0;
	width: 100%; /* important pour firefox */
}
dt {
	color: #ae2614;
	font-weight: bold;
	margin: 2em 0 .8em 0;
	padding:0;
}
dd {
	margin:0;
	padding:0;	
	margin-bottom: .8em;
}
dd a.Texte {	
	font-weight: normal;
	text-decoration: none;
}
dd a.Texte, dd a.Texte:visited, dd a.Texte:active {color: #666;}

/*  ------------------------------------------
/*  Conteneur
/*  ------------------------------------------
*/	

#conteneur {
	margin: 0; padding:0;
	background: url(bg_752.gif) repeat-y 50% 50%;
	border-left: 10px solid #AE2614;
	border-right: 10px solid #AE2614;
	position:absolute; 
	left:50%;
	margin-left: -386px; /* marges lat�rales �gales � la moiti� de la largeur propre de la bo�te */
	width: 772px;	
	voice-family: "\"}\""; 
	voice-family: inherit;
        width: 752px;
        text-align:center; 
        padding-bottom:20px;
} 
html>body#conteneur{width:752px;} 

#conteneur {
	min-height:600px;  /*en fonction du menu le plus long  #navAlpha ou #navBeta*/
	font-size: 70%;
	line-height: 130%;
}
* html #conteneur {position:absolute; top: 0;} /* centrage dans iewin */

/*  ------------------------------------------
/*  Header
/*  ------------------------------------------
*/

#header {	
	background: white;
	margin:0; padding:0;
}

#header h1 {
	margin:0; padding:0;
	background: white url(bandeau-haut-ery.jpg) no-repeat top right;	
	padding-top: 62px;
	overflow: hidden;	 
	height: 62px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0;		
}

html>body#header h1 {height: 0;}
#header h1:lang(fr) {background: white url(bandeau-haut-ery.jpg) no-repeat top right;} 
#header h1:lang(es) {background: white url(bandeau-haut-ery.jpg) no-repeat top right;} 
#header h1:lang(ca) {background: white url(bandeau-haut-ery.jpg) no-repeat top right;}

/* ------------- image replacement alternative http://www.moronicbajebus.com/playground/cssplay/image-replacement/ */

#header h2 {
	margin:0; padding:0;
	padding-top:17px;
	font-size:1em; 
	background: white url(bandeau-bas-ery.jpg) no-repeat top right;
	overflow: hidden;	 
	height:17px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0;
}
html>body#header h2 {height: 0;}
#header h2:lang(fr) {background: white url(bandeau-bas-ery.jpg) no-repeat top right;} 
#header h2:lang(es) {background: white url(bandeau-bas-ery.jpg) no-repeat top right;} 
#header h2:lang(ca) {background: white url(bandeau-bas-ery.jpg) no-repeat top right;} 
#header hr{display:none;}

/*  ------------------------------------------
/*  En tete 
/*  ------------------------------------------
*/
#barre { 
	margin: 0; padding:0;
	position: relative;
	text-align:left; /*win ie*/	
	background:white;
	line-height:2em;
}
/* hack from p.i.e */
#barre {height: 1%;}
#conteneur>#barre {height: auto;}
/* Mac-modified Tan Hack Method */
* html #barre {height: 0;} /* for IE/Win: pas 1% car pb s'�chappe vers le bas*/ 
*>html #barre {he\ight: auto;} /* for IE5/Mac */
/* end hack */

#menuLang  {
	margin:0; padding:0;
	text-align:left;
	font-family:"trebuchet ms",sans-serif;	
	position: absolute; /* pour ie6*/
	top:0;
	list-style-type: none;	
	width:100%; /* opera */
	background:white;
}
#menuLang li {
	display: inline;
}
#menuLang a, #menuLang a:link, #menuLang a:visited {
	text-decoration: none;
	color: #666;
}
#menuLang a:hover {color: #ae2614;}
#menuLang a span, #menuLang a:hover span {text-decoration: none;}
#menuLang a:active {color: #666; }
form {	
	margin:0;padding:0 .5em;	
	float:right;
	display:inline;	
	position: relative; 	
	text-align: right;
	width:50%; 
	z-index:1;	
}
.label {
	margin:0; padding:0;
	position:relative; /* cf. flottants*/
	color: #666; 
	font-family:"trebuchet ms",sans-serif;		
}
input {
	margin:0; padding:0;
	position:relative; /* cf. flottants*/
	border:1px solid #999;	
	background-color:#eee;	
	color:#333;	
	height:1.3em;
	line-height:1.3em;
	font-size: 1em;
	font-family:"trebuchet ms",sans-serif;	
	vertical-align:middle;
}
input.bouton {
	position:relative;
	text-align:center;
	cursor:pointer;
	width: 12px;
	height:auto;
	border:0;
	background:url(0158_tick.png) no-repeat 50% 50%; 
	vertical-align:middle;
	line-height:1em;
}
input.bouton:hover {
	background-color:white;
	color:#AE2614;
}
input.bouton:active {		
	background-color:#D9946A;
	color:white;
}
/*  ------------------------------------------
/*  Colonne centrale
/*  ------------------------------------------
*/
.content {
	position:relative; 
	margin: 0 150px 2em 150px; /* laisse la place pour les menus de navigation navAlpha et navBeta */	
	padding: 0 .5em;
	line-height: 1.3em;
	z-index:3; 
	text-align: left;	
	min-height: 600px;
	top: 0;
	width: 100%;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: auto; 
}
html>body.content {width: auto;}
/* *>html .content {margin-right:160px;top: 1.3em;} for Ie5/Mac */
.content>p {margin:0;} 
.content>p+p {margin-top:1em;}

/*  ------------------------------------------
/*  sommaires
/*  ------------------------------------------
*/
h3 { /* titre sommaire*/
	margin: 0;
	padding: .5em .5em .5em 3px; /* ne pas mettre sur margin, sinon pb avec ie5win */
	font: 2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #AE2614;
	background: #f3eeee;
	border-top: 2px solid #eee;	
}
h4 { /* intertitre sommaire*/	
	margin: 0;
	padding:0;
	font-size: 1.4em;	
	font-style: normal;
	line-height: 1.3em;
	color:#222;
}	
h4 span.soustitre { /* sous-titre dossier*/
	font-style: italic;
	font-weight: normal;
	font-size: .8em;
}
h4.texte-integral {margin-top: 2em;}
h5 { /* titre article sommaire*/
	font: bold 1em verdana, arial, helvetica, sans-serif;
	margin: 2em 0 .5em 0;
	color: #555;
}
h4 a, h5 a, h4 a:link, h5 a:link, h4 a:visited, h5 a:visited, h4 a:hover, h5 a:hover {color:#333;}
h4 a:hover, h5 a:hover {text-decoration: underline; color: #ae2614;}
h5 span.auteur {
	font-weight: normal;
	color: #ae2614;
	display: block;
	text-align:left; /* pour ie5win */
}
h4 span.auteur {
	font-weight: normal;
	color: #AE2614;
	text-align:left; /* pour ie5win */
}
#editorial {
		margin:0; padding:0;
		position: relative;
		float: left;		/* peekaboo bug */
		width:auto;
}
#editorial img {
		float:left;
		position: relative;	
		margin: 0 1em 0 0;	
}
#editorial h4 {
	margin: 0 0 .5em 0;
	clear: none;
}
#editorial p {
	margin:0; padding:0;
	line-height:1.3em;
}
.liste-articles {
	border-left: 2px solid #eee;
  padding-left: 1em;
  line-height: 1.2em;  
}
dl.somlink {
	margin:0; padding:0;
	float:right;	
	text-align: right;	
	height:1%;
	display:inline;
}
.somlink dt, .somlink dd {
	display: inline;	
	margin:0; padding:0;
	color: #666;
	font-size: 1em;
	font-weight: normal;	
}

.somlink dd a {	
	margin:0; padding:0;
	text-decoration: none;
	font-weight: normal;
	height:1%;
}
.somlink dd a span {text-decoration: underline;margin:0; padding:0;	}
.somlink ul {display: none;}
.somlink dd:hover {
	background: #eee;
}
.somlink dd:hover ul {
	position: absolute;
	right: 1em;
  display:block;
  width: 100%;  
  padding:0 1em;
 	border: 1px solid #ccc;
	background:#eee;
  text-align: left;
  text-decoration: none;
  z-index:500;
}
html>body .somlink dd:hover ul{width: 85%;}
.somlink li, .somlink li p {
	position:relative;
}

/*  ------------------------------------------
/*  actualit�s (articles)
/*  ------------------------------------------
*/
#actus h4, #recherche h4 {
	margin:0 0 1.5em 0;
	border: 2px solid #f3eeee;
	padding:.5em .5em .5em 3px;
	font: normal 1.5em Geneva, Arial, Helvetica, sans-serif;	
}
#actus dl {
        margin-top: 0;
        text-align: justify;   
}
#actus dt, #actus dt a {margin:0;padding:0; color:#399;}
#actus dd {margin: .5em 0;}
#actus h5 {
		margin:0;
		padding:0 0 0 15px;
		font: bold 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #666;
		background: url(puce-0022_04.png) no-repeat left 3px;
}
#actus p.surtitre {
	margin:1em 0 .5em 0;	padding:0;	
	color: #ae2614;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .1em;
        margin-bottom: 1.5em
}
/*  ------------------------------------------
/*  Colonne de gauche - Menu Revue
/*  ------------------------------------------
*/
#navAlpha {
	position:absolute;	
	top:110px;
	left:0;
	padding: 0 1px 10px 0;
	width:141px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
}
html>body#navAlpha {width:140px;}
#navAlpha, #navAlpha dl {text-align:right;}
#navAlpha h2 {
	background: transparent url(puce-0022.gif) no-repeat right 75%;
	padding: 10px 2em 0 0;		
}
#navAlpha li, #navBeta li {margin:0; padding:0;}
#navAlpha li a {
	display:block;
	padding: 0;
	text-decoration:none;
	width:100%;
}
html>body#navAlpha li a {width:auto;}
#navAlpha hr{display:none;}
/*  ------------------------------------------
/*  Colonne de droite - Actualit�s
/*  ------------------------------------------
*/
#navBeta {
	position:absolute;
	top:110px;
	right:0;
	margin:0; 
	padding: 0 1px 10px 1px;
	z-index:1;
	overflow:hidden;	
	width:141px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
}
html>body#navBeta {width:140px;}
#navBeta, #navBeta dl {text-align: left;}
#navBeta h2 {
	background: url(puce-0022.gif) no-repeat left 75%;
	text-align: right;
	padding: 10px 0 0 0;
	width: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:auto;
}
html>body#navBeta h2 {width:auto;}
#navBeta ul {margin:0; padding:0;}
#navBeta ul li {
	margin: 2px 0 6px 0;
	padding:0;	
	background-image: url(puce_carre.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
}
#navBeta li a {
	display:block;
	margin:0; padding:0;
	text-indent:0;
	text-decoration:none;
	width:100%;	
	padding-left: 10px; /* width of icon + whitespace */ 
	line-height:1.1em;
}
#navBeta li a:hover {border-left: 6px solid  #AE2614;}	/* le d�calage vers la droite permet de masquer l'image de la puce */
html>body#navBeta li, html>body#navBeta li a, html>body#navBeta li a:hover {width:auto;}
#navBeta hr{display:none;}
/*  ------------------------------------------
/*  Les deux colonnes
/*  ------------------------------------------
*/
#navAlpha a.Texte:hover, #navBeta a.Texte:hover {text-decoration:underline;}
/*  ------------------------------------------
/*  Pied de page
/*  ------------------------------------------
*/
#footer {
	position:relative;  
	width:100%;
  text-align:center;   
  clear:both;
  top:-1px;
  height:100px;
}
html>body#footer{width:auto;height:auto;}
.contentbis {
	position:relative; 
	margin: 0 150px 2em 150px; /* laisse la place pour les menus de navigation navAlpha et navBeta */	
	padding: 0 .5em;
	line-height: 1.3em;	
	text-align: left;	
	min-height: 600px;
	top: 0;
	width: 100%;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: auto; 	
}
html>body.contentbis{width: auto;}
#navBetabis {
	position:absolute;
	top:0;
	right:0;
	margin:0; 	
	width:140px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;	
	text-align: center;
}
#navAlphabis {
	position:absolute;
	top:0;
	left:0;
	margin:0;	
	width:140px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
	text-align: center;
}
html>body#navAlphabis, html>body#navBetabis {width:140px;}
a img{border:0;}
div#uab, div#amb, div#af, div#ens, div#idt {
	margin:0;padding:0;
}
div#uab{
	position:absolute;
	top: 40px; /* hauteur +gd logo (100px) - hauteur logo (60px) */
	left:20px;
	text-align: left;
	margin:0 auto;
	width:100px;
}
* html #uab { /* pour ie5 win */
	width:100%;		
}	
div#ens{	
	text-align: right;
	width:60px;
	height:100px;
	margin:0 auto;
	position:absolute;
	top:40px; /* hauteur +gd logo (100px) - hauteur logo (60px) */
	right:20px;
}
div#amb{
	/*float: left;*/
	text-align:left;
	width:182px;
	margin:0 auto;
	height:100px;
	position:absolute;
	top:50px;
	left:5px;
}
html>body div#amb{height: 0;}

div#idt{
	/*float: left;*/
	position:relative;
	text-align:left;
	width:75px;
	margin:0 auto;
	height:66px;
	top:34px;
	margin-left: 225px;
}
html>body div#idt{height: 0;}

div#af {
	position:absolute;
	width:146px;
	margin:0 auto;
	top:0;
	right:-45px;
}
/*  ------------------------------------------
/*  Clear & hr
/*  ------------------------------------------
*/
/* Hides from IE-mac \*/
* html .poursuite {height: 1%;}
.poursuite {display: inline-table;}
/* End hide from IE-mac */
.spacer {
  clear: both;
  margin:0; padding:0;
  height:0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 0;}
.clearfix {display: block;}
/* End hide from IE-mac */
hr.poursuite {
	visibility:hidden;
	height:0;
	clear:both;
}
.clear {clear:both;height:0;}
hr {clear:both; visibility:hidden;}
/*  ------------------------------------------
/*  Pop-up
/*  ------------------------------------------
*/
#Popup {
	margin: 1em;
	width: 100%;
	color: #666;
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	background:#eee;
}
#Popup h3, #Popup h4, #Popup p {margin:1em; padding:0;}
#Popup h3, #Popup h3{font-size: 1em;}
/*  ------------------------------------------
/*  Divers
/*  ------------------------------------------
*/
.hide {visibility: hidden;}
.nom {font-variant: small-caps;} /* petite caps sur les noms cf. contrib */
.Date {
	color:#999;
	font-size: .8em;	
}
.Datemaj {
	font: .8em verdana, arial, helvetica, sans-serif;
	color:#ccc;
	text-align:right;
}
.Datemaj em {font-style: normal; color:#666;}
span.suite {font-weight: bold;}
.Citer {
	margin:2em 0;
	padding: .5em;
	color: #333;	
	background: #f3eeee;
	border: 1px solid #ccc;
	font-size: .9em;
	white-space:normal; 
	line-height: 1.3em;	
	top:auto;
	display:block;	
	/* Hides from IE-mac \*/
	overflow:auto;
	/* End hide from IE-mac */	
}
.Citer em {font-style:italic;}
.spip_puce {list-style-position: inside;}
.center {text-align:center;border:1px solid black;}

p.normal {
     text-align:justify;
}