/* CSS Document */

@page
{
size: auto landscape;
margin: 20mm;
}


/*############################################################################
Paramétrage de pozh : affichage du contenu de la page au centre de la fenêtre
##########################################################################*/

/* INDISPENSABLE  */
/* centrage du contenu, d'où 50 % pour left, et indication de la moitié de la largeur pour margin-left */

#pozh
{
position: absolute;
width: 900px;
left:50%;
margin-left:-450px;
border: outset 2px;
background-color: #F5F5DC;
}

body
{
width: 900px;
font-family: verdana, arial, sans-serif;
font-size: 75%;
color: #2F4F4F;
}

h1
{
font-size: 0%; 
font-family:  arial, sans-serif;
color: #8B4513;
text-indent: -50000px;
}

h2
{
font-size : 120%; 
font-family :  arial, sans-serif; 
color: #8B4513; 
}

h3
{
font-size : 110%; 
font-family :  arial, sans-serif; 
font-style: italic;
color: #8B4513; 
}

h4
{
font-size : 80%; 
font-family :  arial, sans-serif;
font-style: italic;
color: #556B2F; 
}

table
{
width: 600px;
margin-left: 50px;
margin-right: 50px;
}

.gouv
{
font-size: 80%;
background-color: #F5DEB3;
text-align:left;
}

/*formatage des tableaux des pages annuaires*/
.annuaire
{
font-size: 80%;
background-color: #F5DEB3;
text-align:left;
border: solid 1px;
}

/*##########################################################################Caractérisation de l'ENTETE  */

#logo
{
/*border-bottom: solid 1px;*/
/*border-right: solid 1px;*/
width: 149px;
height: 80px;
float: left;
}

/*suppression du détourage autour des images qui servent de lien dans la div logo*/
#logo img
{
border: none;
}

#titre
{
/*border-bottom: solid 1px;*/
border-left: solid 1px;
margin-left: 150px;
width: 749px;
height: 80px;
background: url("images/bandeau_portail.png");
background-repeat: no-repeat;
}

/*caractérisation du menu langues*/

#menulangues {
  position: absolute;
  top: 20px;
  right: 20px;
/*  background-color: orange;*/
}

/* suppression des puces */
#menulangues ul, #menulangues li {
  margin: 0;  /* pas de marges extérieures */
  padding: 0; /* pas de marges intérieures */
  list-style: none; /* pas de marges intérieures */
  }

/* suppression du souligné dans les liens dans le sélecteur a de l'id menu 
  ajout de petites marges et affichage de l'ombrage sur toute la largeur*/
#menulangues li a { 
  text-decoration: none;
  padding: 4px;
  display: block;
  }

/* ajout encadré jaune sous les liens au passage du curseur */
#menulangues li a:hover {
  background-color: #556B2F;
  }

#menulangues img
{
border: none;
}


/*##########################################################################Caractérisation du MENU  */

#tutelles
{
clear: left;
border-bottom: solid 1px;
border-top: solid 1px;
width: 150px;
height: 79px;
text-align: center;
}

/*suppression du détourage autour des images qui servent de lien dans la div tutelles*/
#tutelles img
{
border: none;
}

#menu
{
/*border-right: solid 1px;*/
width: 150px;
float: left;
text-align: left;
}

#menu a
{
font-family: verdana, arial, sans-serif;
font-size: 100%;
font-weight: bold;
color: #8B4513;
}

#menu ul
{
padding: 0px;
margin: 0px;
width: 150px;
/*background-color: #FFF8DC;*/
}

/* On positionne les éléments du menu */ 
#menu ul li
{
/*padding: 2px;*/
position: relative;
list-style: none; /*on enleve les icones de liste */ 
border-bottom: solid 1px; /*ajout d'une bordure de séparation entre élements */ 
}

/* Mise en blanc sur fond coloré du lien au passage de la souris */

#menu li a:hover
{
color:white;
background-color:#556B2F;
}

/* Surlignage sur toute la largeur et la hauteur */

#menu li a
{
text-decoration: none;
padding: 2px;
display: block;
}


/* Caractérisation du sous-menu */

#menu li ul
{
visibility:hidden; /*non affichage du sous-menu sauf au passage de la souris*/
}

#menu ul ul
{
position: absolute;
top: 0;
left: 152px; /*152px correspond au décalage à droite, on décale de la taille du ul de base, du menu*/ 
background-color: white;
border: solid 1px;
display: block;
text-align: left;
width: 280px;
margin-top:-1px;
}

/*##########################################################################
Caractérisation du CORPS
########################################################################## */

#corps
{
border-top: solid 1px;
border-left: solid 1px;
margin-left: 150px;
width: 749px;
padding-bottom: 20px;
text-align: justify;
}

#corps p, h2, h3
{
padding-left: 50px;
padding-right: 50px;
}

#corps ul
{
padding-left: 70px;
padding-right: 50px;
}

#corps h4
{
font-size : 80%; 
font-family :  arial, sans-serif;
font-style: italic;
color: #556B2F; 
}

/*positionnement de la carte en page d'accueil*/
#carte
{
margin-left: 180px;
width: 350px;
border: outset 2px;
}

/*stytle rouge gras pour les actualités*/
.actu
{
width: 100px;
font-size : 110%; 
font-family :  arial, sans-serif;
font-weight: bold;
color: #008080;
}

/*formatage des tableaux des pages annuaires*/
.annuaire
{
font-size: 80%;
background-color: #F5DEB3;
text-align:left;
border: solid 1px;
}

/*formatage des tableaux des menus niveau 2*/
.menu2
{
margin-left: 50px;
}

iframe
{
width: 600px;
height: 400px;
border: none;
}

#publi
{
width: 220px;
margin-left: 25px;
float: left;
background-color: red;
}

#bd
{
width: 220px;
background-color: blue;
float: left;
}

#autre
{
width: 220px;
background-color: green;
margin-left: 490px;
}

/*##########################################################################
Caractérisation des liens dans le corps*/

a:link {color: #556B2F; text-decoration:underline;}
a:visited {color: gray; text-decoration:underline;}
a:hover {color:red; text-decoration:none;}


/*##########################################################################
Caractérisation du pied de page  */

#pied_page
{
clear: left;
/*margin-top: 20px;*/
border-top: solid 1px;
padding-bottom: 1px;
text-align: center;
font-size: 80%;
/*border-top: solid 1px;*/
}