/* CSS Document */

/*############################################################################
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 /* dimensions des tableaux */
{
width: 600px;
margin-left: 70px;
margin-right: 50px;
}

table th /* pour centrer les titres des champs des tableaux */
{
text-align: center;
}

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

.soustitre
{
font-style: italic;
font-weight: bold;
text-shadow: #C0C0C0, 2px;
}

.bouton
{
font-style: italic;
}

/*##########################################################################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é vert 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
{
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;
}

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

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

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

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

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

/* 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: 150px; /*150px correspond au décalage à droite, on décale de la taille du ul de base, du menu*/ 
background-color: #F5DEB3;
border: solid 1px;
display: block;
text-align: left;
width: 280px;
margin-top:-25px;
}

/*##########################################################################
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
{
border: outset 2px;
}

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

.actu a:visited
{
color: #008080;
}

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

/*formatage des tableaux de Etudes*/
.etudes td
{
font-size: 90%;
background-color: #8FBC8F;
text-align: center;
border: solid 1px;
}

/*formatage des tableaux de projets*/
.projet td
{
font-size: 90%;
background-color: #8FBC8F;
text-align: center;
border: solid 1px;
}

/*formatage du tableaux page Uqualisol*/
.uqualisol
{
width: 600px;
margin-left: 50px;
margin-right: 50px;
}

.uqualisol th
{
text-align: center;
font-size: 80%;
}

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

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

.bd
{
padding-left: 30px;
padding-right: 30px;
}

.logos
{
text-align: center;
}

/* positionnement centré des images dans le corps de la page */
.image
{
text-align: center;
}

/* définitions des blocs des pages Territoire */
#texte
{
width: 500px;
padding-bottom: 20px;
text-align: justify;
}

.photo
{
position: absolute;
top: 330px;
left: 650px;
}

.photo2
{
position: absolute;
top: 460px;
left: 660px;
}

.photo3
{
position: absolute;
top: 350px;
left: 600px;
}
/*##########################################################################
Caractérisation des liens dans le corps*/

a:link {color: #2F4F4F; font-weight: bold; text-decoration:none;}
a:visited {color: #2F4F4F; text-decoration:none; font-weight: bold;}
a:hover {color:red; text-decoration:none;}

/*##########################################################################
Caractérisation pour l'alerte de login KO  */

#alerte
{
color:red;
font-weight: bold;
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%;
}