/****************** Main Page Base *****************/

html, body {
  margin: 0; 
  padding: 0;
  border: 0;
	/*list-style: none;*/
}

body {
  padding:  0 391px 0 391px; /* the critical side padding that sets the natural min-width! */ 
	/*background: url(../images/brownlattice2.gif); /* this BG tiles the area outside the columns */
	background-color:#6b95b6;
	color: #000; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
  text-align: center; /* centers the #sizer element in IE5.x/win */
}

#sizer {
  margin: 0 auto 0 auto; /* centers #sizer in standard browsers */
  padding: 0px;
  width: 100%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align: left; /* resets the default text alignment for the page */
	max-width: 220px;
	font-size:11px;
	
	
	/*_width:expression(document.body.clientWidth > 100 ? "120px" : "68%" );*/
	
	
}

#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -381px 0 -381px; /* neg side margin values should be < or = to side body padding */
	min-width: 750px;  /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
} 

/*Holly hack for IE*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 


#wrapper1 {
  	position: relative;
	/*background: url(/fr/IMG/side1blanc_ie2.gif);*/ /* this BG tiles the left column */
	background-image:url(/fr/IMG/side1blanc.gif);
	background-repeat:repeat-y; /* set global font-size here */ 
 	/* border: 3px solid #6b95b6;
 	border-width: 4px 3px;*/
 	width: 100%;
}	/* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 {  
  	position: relative; /* extra insurance against bugs in IEwin */
	width: 100%;
	/*_padding-right:2px;*/
}



/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */


.outer {
/*  background: none; /* this BG tiles the center column */
background-color:#6b95b6; /*** Critical right divider dimension value ***/
  margin-left: 170px;    /*** Critical left col width value ***/
  margin-right: 0px;    /*** Critical right col width value ***/
}

.float-wrap {
  float: right;
  width: 100%;
}

.center {
	width: 100%;
	float: right;
}

.left {
	float: left; /* Needed for IE/win */
	width: 170px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
	text-align: left;
	position: relative;
	
}

* html .left {
	float: left; /* Needed for IE/win */
	width: 170px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
	text-align: left;
	position: relative;
	
 
}

.right {
  float: right; 
  position: relative; /* Needed for IE/win */
  width: 310px;    /*** Critical right col width value ***/
  margin-right: -2px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 2px;   /*** Critical right divider dimension value ***/
}


.centerbox {
	/*font-weight: bold;*/
	text-align: justify;
	/*overflow: hidden;*/
	background-color: #FFFFFF;
	margin: 0px 0px 0px 10px;
		/*position: relative;*/ 
		
}

* html .centerbox {
	/*font-weight: bold;*/
	text-align: justify;
	/*overflow: hidden;*/
	background-color: #FFFFFF;
	margin: 0px 0px 0px 8px;

}

.container-left {
	color: #000000;
	position: relative;
}

.container-right {} /* makes room for the froggy */


/*************** Header and Footer elements *****************/

#header {
	width: 100%;
	color: #b33;
	padding: 5px 0px 8px 0px;
	position: relative; /* background: url(../images/jello1.gif) no-repeat 50px 7px;*/
} /* "jello" BG is made to be in fixed position here */

/*\*/
* html .header {background-position: 10px 3px;}
/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

.header span {color: #373;} 

/*/////HEADER////////////////////////////////////////////////////////////*/


#topheader{
    padding:10px 0px 10px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    height: 12px;
}


#topheader li{
    padding-right:5px;
    list-style-type: none;
    display: inline;
}


#navHautGauche{
    float: left;
    margin: 0px 0px 0px 0px;
    }
    
#navHautDroite{
    float: right;
    padding: 0px;
    text-align: right;
    }

#header_centrearrondi{
    margin: 0px 0px 0px 0px;
    background-image:url(/fr/IMG/jpg/fond-header-dev.jpg);
    background-repeat:repeat-x;
    height: 150px;
}
    

    

.header_uedge {
    background-image: url(/fr/IMG/ligneh.gif);
    background-position: top left;
    background-repeat: repeat-x;
    height:  132px;
    }
.header_redge {
    background-image: url(/fr/IMG/lignev.gif);
    background-position: top right;
    background-repeat: repeat-y;      
     height:     150px;
       
    }
.header_bedge {
      background-image: url(/fr/IMG/ligneh.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
     height:     150px;
    }
.header_ledge {
     background-image: url(/fr/IMG/lignev.gif);
      background-position: top left;
      background-repeat: repeat-y;
       height:     150px;
    }
.header_ulcorner {
      background-image: url(/fr/IMG/coin-hg.gif);
      background-position: top left;
      background-repeat: no-repeat;
       z-index:2;
     height:     150px;
    }
.header_urcorner {
      background-image: url(/fr/IMG/coin-hd.gif);
      background-position: top right;
      background-repeat: no-repeat;
       z-index:2;
    height:     150px;
    }
.header_blcorner {
      background-image:url(/fr/IMG/coin-bg.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
       z-index:2;
       height:     150px;
    }
.header_brcorner {
      background-image: url(/fr/IMG/coin-bd.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      z-index:2;
      height:     150px;
    }
    
div.header_innercontent {
    width: 100%;
    }   
    
   
   
   #flashHeader  {
	padding-top:93px;
	position: absolute;
   }
   
   
   
    
#header_champsdynamique {
	width:700px;
	padding:5px 0px 0px 0px;
	float: right;
	position: relative;
	height: 150px;
}
    
#logos {
	width:350px;
	padding:10px 0px 0px 10px;
	float: left;
	position: relative;
	margin: 0px -350px 0px 0px;
}

#recherche {
	width:150px;
	background-image:url(/fr/IMG/champ-chercher.gif);
	background-repeat:no-repeat;
	text-align: left;
	float: right;
	vertical-align: middle;
	background-position: center center;
	position: absolute;
	margin: 50px 0px 0px 530px;
}


* html #recherche {
	background-position: center 5px;
}


.recherche {
	width:90px;
	/*height:17px;*/
	margin:7px 0px 0px 10px;
	font:10px Arial, Helvetica, sans-serif bold;
	color:#666666;
	border:none;
}

.padding {
	vertical-align: middle;
	display: block;
	margin: 5px 5px 5px 5px;
}

#menuheader {
	width:665px;
	height:40px;
	text-align:right;
	margin:110px 0px 0px 25px;
	float: right;
	vertical-align: bottom;
	position: absolute;
}

#fdtv{
	position:absolute;
	top:108px;
	left:-270px;
	width:102px;
	height:36px;
	}


form.dropdownmenu  {
	display: inline;
	vertical-align: middle;
}


.dropdownmenu select {
    background-color: #FFF;
    color: #000;
    border-style: solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
}



.DropDown{
display:block;
padding-top:5px;
	
	
}




/************** Spacing Controls for various column contents ***************/

.outer ul {
  text-align: left;
  /*margin: 10px 0;*/
}

.textpadder {padding: 8px;}


/************** Generic Rules *************/



/************** Special Fixes *************/

.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

/*IMG {max-width: 100%;
} */
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a,
{height: 1%;}
/* Holly hack */


/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
/* */



/** html #wrapper1 {
margin: 0px 0px 0px 0px;
padding-right: 5px;

}*/



/** html .left {
margin: 0px -2px 0px 0px;
padding: 0px 0px 0px 2px;
width:100,1px;



}
*/



/**************** Utility Rules *******************/


#menuleft a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */
#menuleft a:active {position: relative;}

.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

.clicker {
  display: block;
  text-align: center; 
  padding: 3px; 
  background: #833; 
  cursor: pointer;   
}

.hide {display: none;}







/*
Fdiplo styles*/

/*colonne gauche*/
div#navcol {
    width: 150px;
    float: left;
    /*background-color: #6378A7;*/
    background-image:url(/fr/IMG/cadremenu_haut.gif);
    background-position:top left;
    background-repeat:no-repeat;
    padding: 10px;
}


div#menuleft_top {
	width: 170px;
	/*background-color: #6378A7;*/
    background-image:url(/fr/IMG/cadremenu_haut.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding: 0px;
	height: 10px;
}






div#colorNav {
    background-color:#FFFFFF;
    padding: 0px 0px 0px 5px;    
    
    
}

#menuleft {
	width:145px;
	margin: 0px;
	padding: 10px;
	border: none;
	float: left;
	text-align: left;
}





#foldheader{ font-weight:bold ;
list-style-image:url(/fr/IMG/bt-plus.gif)}
#foldinglist{list-style-image:url(/fr/IMG/list.gif)}






#rightright {
    width:150px;
	margin-right: 0px;
	float:right;
	
   
}

* html #rightright {
   
	padding-right: -1px;
/*margin-left: -1px;*/
    width:150px;
   
}


/** html .left{
   
	padding-left: 5px;
    width:170px;
  
}
*/







#mv2 {
	width:150px;
	padding:10px 0px 18px 0px;
	margin-left: 0px;
	list-style-position:inside;
	list-style-type:none;
	display:block;
	background-image: url(/fr/IMG/bas-blanc.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}



#chapobleu {
    width:150px;
    background-image:url(/fr/IMG/chapo-bleu.gif);
    background-repeat:no-repeat;
	list-style-image:url(images/bt-plus.gif);
    list-style-position:inside;
    list-style-type:none;
    padding:0px 0px 0px 0px;
    float: right;
}


/** html #chapobleu {
margin-right: -1px;

    width:151px;
 
}*/



/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

/*	#content #menu {
		border-left:1px solid #000; 
		border-bottom:1px solid #000;
		float:right;
		width:150px;
		background:#eee;
		margin:0px 0px 10px 10px;
		}*/



#chapoGRIS {
	width:150px;
	/*background-image:url(/fr/IMG/chapo-bleu.gif);*/
    background-repeat:no-repeat;
	padding:0px 0px 20px 0px;
	float: right;
}

div#sidecol {
		
		float:right;
		width:160px;
		background:#FFFFFF;
		margin:0px 0px 10px 10px;
}

div#photocol {
		float:right;
		width:160px;
		margin:0px 0px 10px 10px;
}

.fondPub {
	text-align:center;
	padding:5px 0px 5px 0px;
}




.bgBlanc {  background-color: #FFFFFF}

.bgGris { background-color: #CCCCCC}



.coulBlanc { color: #FFFFFF}

.coulRouge { color: #FE0010}

.coulNoir { color: #000000}



.titre {  
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.hautPresse {
	width:100%;
	margin: 0px 0px;
	height:1px;
	z-index: 2;
	padding: 0px 0px;
	background-color: #FFFFFF;
	font-size: 0;
	overflow:hidden;
}

.basPresse {
	width:100%;
	margin: 0px 0px;
	height:1px;
	z-index: 2;
	padding: 0px;
	background-color: #CCCCCC;
	font-size: 0;
	overflow:hidden;
}



.hautLigne {
	width:100%;
	margin: 0px 0px;
	height:1px;
	z-index: 2;
	padding: 0px 0px;
	background-color: #FFFFFF;
	font-size: 0;
	overflow:hidden;
		float:left;
}

.basLigne {
	width:100%;
	margin: 0px 0px;
	height:1px;
	z-index: 2;
	padding: 0px;
	background-color: #CCCCCC;
	float:left;
	font-size: 0;
	overflow:hidden;
}




/*.texte { 
	width:130px; 
	z-index: 2; 
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000000 ;
}*/

#image {
	position: relative; 
	width:135px; 
	padding: 5px 0px 0px; 
	text-align: center;
}


.uneTitre {
	position: relative; 
	width:100%; 
	float: right;
}

.uneTexte {
	position: relative;
	 width:100%; 
	 float: left;
 }
 
 

 
/* #fond_actu .spip_vignette {

	float:left;
	width:260px;
	padding:0px 8px 0px 0px;
	font-size: 10px;
	color: #999;
	text-align:left;

}a,.spip_blank {  
	color: #336699; 
	text-decoration: none;
	}
	
	*/
	
	
 .legende {
	float:left;
	padding:8px 0px 8px 0px;
	font-size: 10px;
	color: #999;
	text-align:left;
	width: 100%;
	display: block;
}





.ssmenu {
	padding-left:10px;
}

.menu {
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
}


.rub_bleue {
	background-color:#222E4F;
	font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #212D4F;
    height: 30px;
    border-top-color: #999999;
    border-top-style: solid 1px;
}

.rub_rouge {
	padding: 0px 0px 5px 0px;
	font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif
}

#titrechapo {
    width:130px;
    text-align:left;
}

.titrechapo1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	line-height:30px;
	padding: 5px 5px 5px 5px;
}
.titrechemin {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	font-weight:bold;
	color:#841743;
	padding: 10px 10px 5px 10px;
	line-height: 10px;
		height:25px;
	
}

.titrechemin a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	font-weight:bold;
	/*color:#336699;*/
	color:#841743;
	padding:  10px 2px 5px 2px;
	line-height: 12px;	
	vertical-align:middle;
}

.titrechemin a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	font-weight:bold;
	/*color:#841743;*/
	color:#336699;
	padding: 10px 2px 5px 2px;
	line-height: 12px;
	vertical-align:middle;
}

.titrepage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 10px 5px 5px 10px;
	line-height: 20px;

}

.titrechapo3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 5px 5px 5px 10px;
	line-height: 20px;
}

.titrechapo-bleu {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    padding: 5px 5px 5px 10px;
}



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




/*Fonds de bouteille///////////////////////////////////////////////////////////*/
#colfooter{
	z-index:1;
	position:absolute;
	clear: both;
	height:12px;
	overflow:hidden;
	margin-top:-12px;
	width: 100%;
}

* html #colfooter{	
	position:relative;
}


#colsubfooter1{
  text-align:center;
 
  height:12px;
}


#colfooter2{
    z-index:1;
    position:absolute;
    clear: both;
    height:12px;
    overflow:hidden;
    margin-top:-12px;
    width: 100%;
}

* html #colfooter2{	
	position:relative;
}

#colsubfooter2{
  background:#FFFFCC;
  text-align:center;
 
  height:12px;
}

div#cul1 {
    margin: 0px;
    padding: 0px;
    /* background-image: url(side1.gif);*/   
    width: 170px;
    float: left;
    bottom: 0%;
    position: relative;
}

div#cul2 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /* background-image: url(side1.gif);*/   
    width: 310px;
    float: right;
    bottom: 0%;
    position: relative;
}

/*CADRE ARRONDI PRINCIPAL*/

#centrearrondi
{
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

     div.uedge {
    background-image: url(/fr/IMG/cadrepage/ligneH.gif);
    background-position: top left;
    background-repeat: repeat-x;
	
    }
    div.redge {
    background-image: url(/fr/IMG/cadrepage/ligneD.gif);
    background-position: top right;
    background-repeat: repeat-y;  
    }
    div.bedge {
      background-image: url(/fr/IMG/cadrepage/ligneB.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
     
    }
    div.ledge {
     background-image: url(/fr/IMG/cadrepage/ligneG.gif);
      background-position: top left;
      background-repeat: repeat-y;
       
    }
    div.ulcorner {
      background-image: url(/fr/IMG/cadrepage/HG.gif);
      background-position: top left;
      background-repeat: no-repeat;
      /* z-index:2;*/
	   
    }
    div.urcorner {
      background-image: url(/fr/IMG/cadrepage/HD.gif);
      background-position: top right;
      background-repeat: no-repeat;
      /* z-index:2;*/
	    
    }
    div.blcorner {
      background-image: url(/fr/IMG/cadrepage/BG2.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
     /*  z-index:2;*/
	    
    }
    div.brcorner {
	background-image: url(/fr/IMG/cadrepage/BD2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 10px;
	z-index:2;
    }
    div.innercontent {
	width: 99%;
    }
    div.middle {
      width: 272px;
      background-image: url(/fr/IMG/middle.gif);
      background-repeat: repeat-y;
    }
    div.top {
      background-image: url(/fr/IMG/ligndde.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.bottom {
      background-image: url(/fr/IMG/liddgne.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
      padding: 15px 30px 30px 15px;
    }
    
   /*FIN CADRE ARRONDI PRINCIPAL*/


/*CADRE ARRONDI PRINCIPAL 2EME PARTIE*/


#centrearrondi2
{
	margin: 0px 0px 0px 0px;
	position: relative;
	background-color:#FFFFFF;
}

     div.uedge2 {
	background-image: url(/fr/IMG/cadrepage/ligneH2.gif);
	background-position: top left;
	background-repeat: repeat-x;

    }
    div.redge2 {
    background-image: url(/fr/IMG/cadrepage/ligneD.gif);
    background-position: top right;
    background-repeat: repeat-y;
	
	
	  
    }
    div.bedge2 {
      background-image: url(/fr/IMG/cadrepage/ligneB.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
	  
    }
    div.ledge2 {
     background-image: url(/fr/IMG/cadrepage/ligneG.gif);
      background-position: top left;
      background-repeat: repeat-y;
	  
	  
    }
    div.ulcorner2 {
      background-image: url(/fr/IMG/cadrepage/HG2.gif);
      background-position: top left;
      background-repeat: no-repeat;
      /* z-index:2;*/
	   
    }
    div.urcorner2 {
      background-image: url(/fr/IMG/cadrepage/HD2.gif);
      background-position: top right;
      background-repeat: no-repeat;
     /*  z-index:2;*/
	   
    }
    div.blcorner2 {
      background-image: url(/fr/IMG/cadrepage/BG2.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
      /* z-index:2;*/
	  
    }
    div.brcorner2 {
      background-image: url(/fr/IMG/cadrepage/BD2.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 10px 10px 10px 10px;
       /*z-index:2;*/
	   
    }
    div.innercontent2 {
	width: 100%;
	background-color:#FFFFFF;
	
    }
	

  /*////////////////////////////////*//*FOOTER*//*////////////////////////////////*/


   
#myFooter{
 	background-color: #6b95b6;	
	vertical-align: middle;
    }

#foot {
   
    background-color: #6b95b6;
    padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
 	position:relative;
	height:50px;
	vertical-align: middle;	
	
    }
    
#foot li{
    padding-right: 10px;
    list-style-type:none;
    text-decoration: none;
    display: inline;
    }
    
#marianne {
	padding: 20px 0px 0px 0px;
	vertical-align: middle;		
	text-align: left;
	
	    }
		
		#marianne li {
	  padding: 0px 0px 0px 0px;
	vertical-align: middle;	
	    }
		

#footmenu {	
    padding: 5px 0px 5px 30px;
	margin-top:-20px;
    text-align: right;
	clear:both;
	position:relative;
	vertical-align: middle;	 
 
    }



	#footmenu li{
	/*margin-top: -20px;*/
    padding: 5px 0px 0px 10px;
	vertical-align: middle;	
	 
    }
	
	
	
/*/////////////////////////////////////////////////////*//*/////////////////////////////////////////////////////*/
	
	
/*	DEBUT CSS PAGES ESPAGNE*/
	
#fond_actu {
		/*background-color:#ACD8F3;*/
	background: transparent url(/fr/IMG/style/fondbleu2.png) top repeat-x;

	margin: 0px 0px 15px 0px;
	padding: 10px 10px 5px 10px;
	}

.imageUne {
	padding: 0px 0px 5px 10px;
	z-index: 3;
	width: 200px;
	text-align: right;
	float: right;
}
	
	#justifie {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #000000;
}
	
	
	#content {
	text-align: left;
	padding-right:0px;
	margin-top:0px;
	background-color: #FFFFFF;
	height: 100%;
}

#alaUne {
	margin: 0px 0px 0px 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	text-align:justify;
}



.titre {  margin: 0px 0px 15px 0px; color:#000000; font-size: 1em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
a.titre {  font-size: 11px;  color: #990000}


.titre_breve { font-size: 12px;  color: #006699}
a.titre_breve { font-size: 12px;  color: #006699}
a.titre:visited  {  font-size: 11px; color: #990000}
a.titre:link   {  font-size: 11px; color: #000000}
a.titre:hover {  color: #990000; }
a.titre:active {color: #999999}
	
a.titremenu {
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height:30px;
	
}
a.titremenu:link   {  color: #000000; line-height:15px;}
a.titremenu:visited   {  color: #000000; line-height:15px;}
a.titremenu:hover {  color: #831742; text-decoration:none; line-height:15px;}
a.titremenu:active   {  color: #831742; line-height:15px;}



/*MENU PRINCIPAL GAUCHE*/


#Navmenu {
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: block;
	line-height:12px;
}


#Navmenu ul, #Navmenu li, #menuright ul, #menuright li {
	list-style-type: none;
	line-height: 12px;
	padding:3px 0px  3px  0px 
	}

#Navmenu li .active {
	background-image: url(/fr/IMG/fleche-bd.gif);
	background-repeat: no-repeat;  background-position: 0 .2em;
	padding-left: 15px;
	display:block;
	color:#831742;
}

#Navmenu li a {
	background-image: url(/fr/IMG/fleche-bl.gif);
	background-repeat: no-repeat;  background-position: 0 .2em;
	padding-left: 15px;
	display:block;
	
}

#Navmenu li a:hover {
	background-image: url(/fr/IMG/fleche-bd.gif);
	background-repeat: no-repeat;  background-position: 0 .2em;
	padding-left: 15px;
	display:block;
	color:#831742;
}

/*
2eme niveau*/



#Navmenu #Navmenu {
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 15px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: block;
	line-height:10px;
}


#Navmenu #Navmenu ul, #Navmenu #Navmenu li {
	list-style-type: none;
	line-height: 10px;
	padding:3px 0px  3px  0px 
	}

#Navmenu #Navmenu li a {
/*
	background-image: url(/fr/IMG/fleche-simple-bl.gif);
	background-repeat: no-repeat;  background-position: 0 .2em;
	padding-left: 10px;
	display:block;
*/
	background-image: none;
	color: #4F9EEF;
}

#Navmenu #Navmenu li a:hover {
/*
	background-image: url(/fr/IMG/fleche-simple-bd.gif);
	background-repeat: no-repeat;  background-position: 0 .2em;
	padding-left: 10px;
	display:block;
*/
	color:#831742;
}











#menuright li a {
	background-image: url(/fr/IMG/fleche-bd.gif);
	background-repeat: no-repeat;  background-position: 0 .2em;
	padding-left: 15px;
	display:block;
	color:#831742;
	
}

#menuright li a:hover {
	background-image: url(/fr/IMG/fleche-bl.gif);
	background-repeat: no-repeat;  background-position: 0 .2em;
	padding-left: 15px;
	display:block;
	color:#4C75A9;
	
}



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

#menuright ul, #menuleft ul {
	margin:0px 0px 0px 0px;
	text-align: left;
	padding: 10px 0px 15px 0px;
	line-height:12px;
}

#menuleft ul ul a {
	color:#4C75A9;
}

#menuright h2 {
	padding:0 0 8px 0;
	margin:0;
}

#menuleft h2 {
	margin-bottom:3px;
	margin-top:10px;
	padding:0;
}

.gauche_pays {position: relative; width:147px; left:0px; top: 0px; margin: 0px 0px;background:    url(IMG/rubrique02.gif) no-repeat; height: 24px; z-index: 2; padding: 5px 0px 0px 6px}

#menuright .cadre {
	margin-bottom: 1em;

}


#menuright .boxgrisetop2, #menuleft .boxgrisetop2 {
	background: url(/fr/IMG/cadrepage/box_grise_top.gif) no-repeat top left;
	width: 150px;
	height: 10px;
	font-size: 6px;
}

#menuright .boxgrisecontent, #menuleft .boxgrisecontent {
	padding:10px 5px 10px 5px;
	background-color: #EAEEEE;
}

#menuright .boxgrisebottom2, #menuleft .boxgrisebottom2 {
	background: url(/fr/IMG/cadrepage/box_grise_bottom.gif) no-repeat bottom left;
	width: 150px;
	height: 10px;
	font-size: 6px;
}



/* STYLE METEO*/
#menuright .boxgrisetop, #menuleft .boxgrisetop {
	background: url(/fr/IMG/cadrepage/box_grise_top_meteo.gif) no-repeat top left;
	width: 150px;
	height: 10px;
	font-size: 6px;
	margin-top:-10px;
}

#menuright .boxgisecontent{
	padding:10px 5px 10px 5px;
	background-color: #EAEEEE;
}

#menuright .boxgrisebottom, #menuleft .boxgrisebottom {
	background: url(/fr/IMG/cadrepage/box_grise_bottom.gif) no-repeat bottom left;
	width: 150px;
	height: 10px;
	font-size: 6px;
}












#menuright .liensutiles{
	background-color:#D0E3F9;
	padding: 10px 5px 10px 5px;
}


#menuright .cadregris{
	background-image:url(/fr/IMG/cadrepage/cadregris_milieu.gif);
	margin-top: 15px;
}
#menuright .cadregris_haut{
	background-image:url(/fr/IMG/cadrepage/cadregris_haut.gif);
	height: 13px;
}
#menuright .cadregris_bas{
	background-image:url(/fr/IMG/cadrepage/cadregris_bas.gif);
	height: 13px;	
}

#logo_rub {
	text-align:center;
}

#logo_rub IMG {
	border: none;
}










	.invisible {
	display: none; 
	visibility: hidden; 
	width: 0px; 
	margin: 0px; 
	padding: 0px;
}


/*	FIN CSS PAGES ESPAGNE*/