/* ceci est le css pour la page LIPN de Sylvie Borne */

/* couleurs :
2c223e -> bleu P13
023962 -> bleu CNRS
124d96 -> bleu très fonce
679ddf -> bleu fonce
d7e7fa -> bleu moyen
eaf3fb -> bleu clair
*/

body
{
   width: 800px; /* largeur de la page */
   margin: auto; /* Pour centrer la page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
   background-image:url(LIPNbg12.gif); /* imag de fond */
   background-repeat: repeat; /* repeter horiz et vert - autres : repeat-x repeat-y */
}

img
{
   border: 0px; /* pas de bordure pour les images */
}

/*************/
/* L'en-tête */
/*************/

#en_tete
{
   width: 800px; /* meme largeur que la page */
   height: 200px; /* hauteur de l'en-tete */
   background-color: #eaf3fb; /* couleur de fond*/
}

/* tableau dans l'en-tete pour les logos */

#en_tete table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   width:100%;
   padding:10px; /* marges interieures */
   text-align:center;
}

#en_tete td /* Toutes les cellules des tableaux... */
{
   width:33%; /* ... 3 colonnes identiques */
}

#en_tete h1 /* Tous les titres h1 de l'en-tete */
{
   text-align: center;
   font-size: 28px;
   color: #2c223e;
}

/***********/
/* Le menu */
/***********/

#menu
{
   float: center; /* Le menu flottera à droite */
   width: 100%; /* Très important : donner une taille au menu */
   padding-top: 3px;
   padding-bottom: 3px;
   background-color: #d7e7fa;
   border: 2px solid #679ddf; 
   border-right: 0px;
   border-left: 0px;
}

#menu td
{
   text-align : center;
   width: 100px;
   /*border: 3px solid #679ddf;*/
   border-left: 2px dotted #679ddf; 
   /*background-color: #ffd229;*/
   padding-left: 5px;
   padding-right: 5px;
   font-size: 18px;
}

#menu a /* Tous les liens se trouvant dans un menu */
{
   color: #023962;
   text-decoration: none;
}

#menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #679ddf;
   color: #023962;
}

/***********************/
/* Le corps de la page */
/***********************/

#corps
{
   background-color: #eaf3fb;
   margin-top: 30px;
   margin: 0px; /* marges exterieures */
   padding: 10px; /* marges interieures */
   min-height: 350px;
   border: 0px; /* pas de bordure */
   font-size: 14px; /* taille de la police */
}

/* les cadres div du corps */

#corps div
{
   margin-right: 0px;
   margin-bottom: 10px;
   margin-top: 10px;
   padding: 10px; /* mages interieures */
   padding-top: 0px;
   color: #0c2c20;
   background-color: #d7e7fa;
   border: 2px solid #679ddf;
   color: #023962;
   text-align:justify; /*texte justifié (prend toute la largeur de la page)*/
   border-radius: 10px; /* cadre arrondi */
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #023962;
   text-align: left;
   /*font-family: serif, Arial, "Arial Black", "Times New Roman", Times, serif;*/
   text-transform: uppercase;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   padding-left: 0px;
   padding-top: 0px;
   color: #023962;
   text-align: left;
   /* text-transform: uppercase; */
}

#corps h3 /* Tous les titres h2 du corps */
{
   height: 15px;
   padding-left: 0px;
   padding-top: 0px;
   color: #679ddf;
   text-align: left;
   text-transform: uppercase;
}

#corps a /* Tous les liens se trouvant dans le corps */
{
   color: #679ddf;
   text-decoration: none;
}

#corps a:hover /* Quand on pointe sur un lien du corps */
{
   background-color: #679ddf;
   color: #023962;
}