/*------------------------------ Cadre pour bienvenu sur image en-tête ---------------*/
div.bienvenu{
	position:absolute;
	right:50%;
	top:75px;
	margin-right:-300px;	
	z-index:3;
	}
div.bienvenu2{
	position:absolute;
	right:50%; 
	top:75px;
	margin-right:-300px;
	z-index:2;
	}
div.bienvenu3{
	position:relative;
	left:1px; 
	top:1px;
	}
div.logo{
	position:absolute;
	left:50%; 
	top:2px;
	margin-left:-70px;
	z-index:2;
}
	
	/* ------------  DRAPEAUX ------------- */
.vertical{
	vertical-align: middle;
	}
	
div.drapeau1{
position:absolute;
right:40px;
top:30px;
z-index:3;
}
div.drapeau2{
position:absolute;
right:75px;
top:20px;
z-index:2;
}

/* ---------------------------- formulaire de recherche ------------------------------------*/

#recherche {
position: absolute;
right:15px;
top:40px;
width:130px;
z-index:1;
font-size:0.8em;

}
.formulaire_recherche label { display: none; }

#loupe{
position: absolute;
right:10px;
top:65px;
z-index:2;
}

/* ---------------------------- Cadre HIERARCHIE    ------------------ ------------------------------------*/

#hierachie { /* taille du cadre, à titre d'exemple */
position: relative ;
top: -20px;
width: 100%;
margin:10px;
z-index:0;
}
#hierachie a {
font-size:0.8em;
color:#666666;
text-decoration:none;
}
#hierachie a:hover {
color:#000000;
text-decoration:underline;
}

/**********************  Encyclopedie *********************************************/
td.liste_encyclo{
border-width:1px;
border-color:#cccccc;
border-bottom-style:dotted;
padding:5px;
vertical-align:middle;
}
.difficulte {
	position: relative ;
	top: -0.4em;
	left: -8px;
	padding:0px;
	margin:0px;
}
.difficulte2 {
	position: relative ;
	bottom: 0.1em;
	left: -0.20em;
	padding:0px;
	margin:0px;
}


/* ---------------------------- Cadre de contenu NEWS ou ARTICLE ------------------------------------*/

div.logo_news {
	position:absolute;
	right:240px; 
	top:120px;	
	z-index:3;
	}


#titre_cadre_news {
position: relative ;
bottom: 15px;
left:35px;
font-size:1.4em;
font-weight:bold;
color:#FF9933;
z-index:1;
}
#titre_cadre_derniers {
position: relative ;
bottom: 30px;
left:35px;
width:85%;
font-size:1.4em;
font-weight:bold;
color:#FF9933;
z-index:1;
}
#fond_titre {
background-color :#FFFFFF;
padding-left :0.2em;
padding-right :0.2em;

}


#interieur {
height: 300px;
display: block;
overflow:hidden;
overflow-x: hidden;
overflow-y: auto;
overflow : -moz-scrollbars-vertical; 
margin:0;
padding:0;
}



#interieur_derniers {
margin:0px;
padding:0;

}


#cadre_contenu  {
margin-left: 0.5em; /*gestion des espaces interparagraphes */
margin-right: 0.5em;
margin-top:0px;
margin-bottom:0px;
}



div.cadre_breves{
	position:relative;
	top:-32px;
	margin:0;
	padding:0;
	}
div.cadre_derniers{
	position:relative;
	top:-45px;
	margin:0;
	padding:0;
	}
	
div.pied {
	position:relative;
	top:-20px;
	text-align:center;
	vertical-align:middle;
	margin:0;
	padding:0;
	}


/************************** Cadre pour article de la même rubrique ************************/
div .adroite  {
	float:right;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
}



table.ombre {
	width:100%
	
	}
	
td.ombre_hg {
	background-image:url(../images/ombres/ombre_hg.png);
	background-repeat:none;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	}
	
td.ombre_hd {
	background-image:url(../images/ombres/ombre_hd.png);
	background-repeat:none;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	}
	
td.ombre_bg {
	background-image:url(../images/ombres/ombre_bg.png);
	background-repeat:none;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	}

td.ombre_bd {
	background-image:url(../images/ombres/ombre_bd.png);
	background-repeat:none;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	}

td.ombre_h {
	background-image:url(../images/ombres/ombre_h.png);
	background-repeat:repeat-x;
	height:20px;
	margin:0;
	padding:0;
	}
	
td.ombre_b {
	background-image:url(../images/ombres/ombre_b.png);
	background-repeat:repeat-x;
	height:20px;
	margin:0;
	padding:0;
	}
	
td.ombre_g {
	background-image:url(../images/ombres/ombre_g.png);
	background-repeat:repeat-y;
	width:20px;
	margin:0;
	padding:0;
	}
	
td.ombre_d {
	background-image:url(../images/ombres/ombre_d.png);
	background-repeat:repeat-y;
	width:20px;
	margin:0;
	padding:0;
	}
td.ombre_contenu {
	background-color :#FFFFFF;
	margin:0px;
	font-size:0.7em;
	}
b.meme {
	font-size:1.2em;
}	

a.lien_meme {

color: black;
margin-left:-3px;
margin-right:0px;
text-decoration: none;
}
a:hover.lien_meme{
text-decoration: underline ;
color:#3399FF;
}
	
/***************************Coins arrondis ombrés  Verdatre ******************************/
table.cadre {
	width:100%;
	
	}
	
td.cadre_hg {
	background-image:url(../images/menu/cadre_hg.png);
	background-repeat:none;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	}
	
td.cadre_hd {
	background-image:url(../images/menu/cadre_hd.png);
	background-repeat:none;
	width:25px;
	height:20px;
	margin:0;
	padding:0;
	}
	
td.cadre_bg {
	background-image:url(../images/menu/cadre_bg.png);
	background-repeat:none;
	width:20px;
	height:25px;
	margin:0;
	padding:0;
	}

td.cadre_bd {
	background-image:url(../images/menu/cadre_bd.png);
	background-repeat:none;
	width:25px;
	height:25px;
	margin:0;
	padding:0;
	}

td.cadre_h {
	background-image:url(../images/menu/cadre_h.png);
	background-repeat:repeat-x;
	height:20px;
	margin:0;
	padding:0;
	}
	
td.cadre_b {
	background-image:url(../images/menu/cadre_b.png);
	background-repeat:repeat-x;
	height:25px;
	margin:0;
	padding:0;
	}
	
td.cadre_g {
	background-image:url(../images/menu/cadre_g.png);
	background-repeat:repeat-y;
	width:20px;
	margin:0;
	padding:0;
	}
	
td.cadre_d {
	background-image:url(../images/menu/cadre_d.png);
	background-repeat:repeat-y;
	width:25px;
	margin:0;
	padding:0;
	}
	
td.cadre_contenu {
	background-color :#FFFFFF;
	margin:0px;
	}
	
	
table.dernier_articles{
width:50%;
}


td.dernier_article{
border-width:1px;
border-color:#cccccc;
border-bottom-style:dotted;
padding:5px;
}

/*************  Les information importantes - liées au mot clé information ****************/	
td.info_contenu {
	background-color :#FFFFFF;
	margin:0px;

	}

a.lien_info {
font-size:0.7em;
color: black;
margin-left:-3px;
margin-right:0px;
text-decoration: none;
}
a:hover.lien_info{
text-decoration: underline ;
color:#3399FF;
}

h5.info {

margin:0;
font-weight:bold;
font-size:1.5em;
}

h6.info {
color: #444444;
margin:0;
font-weight:bold;
text-align:left;
font-size:1em;
}

a.titre_info {
text-decoration: none;
color: #C5000B;
}
a:hover.titre_info{
text-decoration: underline ;
}

/******************* Pou la rubrique évenement ************************/
h3.evenement{
font-size:1.1em;
border-bottom:solid;
border-width:1px;
color:#3399FF;
margin-top:2em;
border-color:black;
font-weight:normal;
}