/*feuille de style, texte, écran*/
body 
{ margin: auto;


}
/*bloc en-tête*/
#header { margin: auto;
font-family: Arial,Helvetica,sans-serif;
width: 700px;
height: 200px;
display: inline;
visibility: visible;
/*certaines valeurs seront héritées par les fils comme le type de fonte, la couleur etc*/
}
/*zone de liens dans la partie supérieure de l'en-tête*/
.liens_menu_entete { border-bottom-width: 1px;
border-bottom-style: solid;
text-align: justify;
display: inline;
height: 6px;
width: 500px;
padding-right: 10px; 

}
/*lien de la partie supérieure de l'en-tête*/
.element_lien_entete { font-size: 0.5em;
text-transform: uppercase;
list-style-type: none;
text-align: justify;   
display: inline;
}
/*zone image dans en-tête*/
#image_entete { 
width: 600px;
height: 100px;

}
/*pour éviter l'encadrement de l'image en hypertexte*/
.bordimg{ 
border: 0 gray;
}
/*menu de l'en-tête*/
#menu_entete { border-style: solid none none;
border-color: rgb(192, 192, 192);
border-width: 1px;
font-family: Arial,Helvetica,sans-serif;
font-size: xx-small; 
text-transform: uppercase;
width: 550px;
height: 20px;
padding-left: 50px;
text-align: right;
margin-top: 15px;
list-style-type: none;

}
/*liens du menu en-tête*/
.element_menu_entete { border-right: 1px solid rgb(192, 192, 192);
margin-bottom: 65px;
height: 20px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
background-position: center top;
font-weight: bold;
margin-left: 10px;
margin-right: 0px;

}
/*comportement des liens de couleur noire*/
.noir:link {color: #000000;
text-decoration: none;
background-color: transparent; 
}
.noir:visited {color: #000000;
text-decoration: none;
background-color: transparent; 
}
.noir:active {color: #000000;
text-decoration: none;
background-color: transparent; 
}
.noir:hover {text-decoration: none;
color: rgb(51,102,102);
background-color: transparent; 
}

/*bloc de menu gauche*/
#menu_detaille {
float: left;
width: 100px;
visibility: visible;
margin-top: 20px;
padding-top: 4px;
font-family: Arial,Helvetica,sans-serif;
font-size: 0.7em;

}
.ul_menu { text-align: left;/*liste de sous-menu de niveau 2*/
list-style-type:none;
display: list-item;
margin-top: 1px;
margin-bottom: 15px;
margin-left: 0px;
padding: 0;
}	
.li_sousmenu{
text-align:left;
margin-bottom : 0.5em;
left:0;			 
}
.element_menu_detaille{/*élément de liste de sous-menu de niveau 2*/
margin-top: 1px;
margin-bottom: 5px;
float: left;
width: 100px;

}
.titre_menu { color: rgb(192, 192, 192);
line-height: 0.9em;/*recommandation W3C. Une hauteur de police de 12 points, 1 em équivaut à 12 pt. le visiteur a le contrôle total sur la taille de la police affichée*/
width:100px;
background:rgb(61, 88, 159);
display: block;
text-transform: uppercase;
text-align:center;
}
.mention { color: rgb(192, 192, 192);/*titre rubrique mention*/
height: 1em;/*recommandation W3C. Une hauteur de police de 12 points, 1 em équivaut à 12 pt. le visiteur a le contrôle total sur la taille de la police affichée*/
width:100px;
background:rgb(61, 88, 159);
display: block;
text-transform: uppercase;
text-align:center;
font-size:0.84em;
}
/*comportement lien titre menu*/
.bleu:link { color: rgb(192, 192, 192);
text-decoration: none;
background-color: transparent; 
}
.bleu:visited { color: rgb(192, 192, 192);
text-decoration: none;
background-color: transparent; 
}
.bleu:active { color:rgb(192, 192, 192);
text-decoration: none;
background-color: transparent; 
}
.bleu:hover { color: rgb(192, 192, 192);
text-decoration: none;
background-color: transparent; 
} 
/*comportement lien gris menu*/
.gris:link { color: silver;
text-decoration: none;
background-color: transparent; 
}
.gris:visited { color: silver;
text-decoration: none;
background-color: transparent; 
}
.gris:active { color:silver;
text-decoration: none;
background-color: transparent; 
}
.gris:hover { color: rgb(61, 88, 159);
text-decoration: none;
background-color: transparent; 
}
.moteur{
width:97px;
display: block;
border-style: solid;
border-width: 0.08em;
border-color: silver;
margin-bottom: 0.3em;
color:rgb(0, 0, 0);
}

/*bloc texte*/
#bloc_texte {  
font-family: Arial,Helvetica,sans-serif;
font-size: small;
text-align: justify;
width: 500px;
margin-top: 25px;
display: block;
margin-left: 100px;
margin-bottom: 25px;
border-style: none none none solid;
border-width: 1px;
border-color: rgb(192, 192, 192);
}
/*titre page accueil*/
#accueil{
text-align: left;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 40px;
margin-left: 35px;
font-family: "Courier New,Courier,monospace";
color: rgb(61, 88, 159);
font-size: 1.65em;
margin-top: 0px;
}
/*titre de niveau 1*/
#titre_rubrique { color: #3d589f;
text-align: left;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 30px;
margin-left: 35px;
font-family: "Courier New,Courier,monospace";
font-size: large;

}
/*titre de niveau 2*/
#sous_titre_rubrique { color: rgb(0, 0, 0);
text-align: left;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px;
margin-left: 35px;
font-family: Verdana,Helvetica,sans-serif;
font-size: 1em;
}/*paragraphe*/
p { font-family: Arial,Helvetica,sans-serif;
font-size: small;
text-align: justify;
margin-left: 35px;
}
/*liste dans le paragraphe*/
.ul_p{ font-family: Arial,Helvetica,sans-serif;
text-align: left;
color: black;
list-style-type:none;
display: list-item;
margin-top: 1px;
font-size: small;
margin-bottom: 15px;
margin-top: 1em; 
margin-left: 50px;
}
/*élément de liste dans le paragraphe*/
/*certaines valeurs sont héritées comme la fonte, la couleur etc*/
.li_p{ color: black;
list-style-type: square;
list-style-position: outside;
text-align: justify;
line-height: 1.5em;
}
.li_p_niv2 { list-style-type: none;
 }
 .li_publication{color: black;
list-style-type: square;
list-style-position: outside;
text-align: justify;
line-height: 1.5em;
margin-bottom: 5px;
}
.auteur{
text-transform: uppercase;
}
.titre{
font-style: italic;
}
/*titre de paragraphe  qui n'est pas un niveau supplémentaire*/
.titre_paragraphe{ color: black;
text-align: left;
margin-bottom: 15px;
margin-left: 35px;
font-weight: bold;
font-size: 0.9em;
font-family: verdana,serif;
}/*lien bleu paragraphe*/
.bleu_p:link { color: #3d589f;
text-decoration: none;
background-color: transparent;
}
.bleu_p:visited { color: #3d589f;
text-decoration: none;
background-color: transparent; 
}
.bleu_p:active { color:#3d589f;
text-decoration: none;
background-color: transparent; 
}
.bleu_p:hover { color: #3d589f;
text-decoration: none;
background-color: transparent;
}
.photo{/*photo cv page de présentation générale équipe*/
 float: right;
}
.photo_cv{/*photo cv avec le cv*/
 float:left;
 padding-right: 10px;
 }
.texte_equipe{/*photo cv alignées*/
 margin: auto;
}
.top{/*flèches de navigation*/
float:right;
font-size : 1em;
}
dl{/*liste de définition*/
display: list-item;
list-style : none;
margin-left: 45px;
}
dt{
text-transform: uppercase;
line-height: 2em;
margin-top: 2em;
}
dd{
margin: 0;
padding: 0px;
}
.table_cv {
width:460px;
margin-left: 35px;
margin-bottom: 20px;
}
.td_cv{ 
width:50%;/* pr voir les contours
border: 5px solid red; */
padding-bottom: 5px;
text-align:center;
vertical-align:middle;
}
#bouton{color: white;
background:rgb(61, 88, 159);
width: 100px;
display: block;
text-transform: uppercase;
font-size: medium;
text-align:center;
margin: auto;
margin-bottom: 10px;
}
table {
width:460px;
margin:auto;
margin-left: 35px;
margin-bottom: 10px;
}
td { 
width:50%;
text-align: left;
vertical-align: top;
}
table_map {
width:500px;
margin:auto;
margin-left: 15px;
margin-bottom: 10px;
}

#tampon { 
width: 49px;
height: 37px;
display: block;
float: right;
margin-bottom: 10px;
}
#footer { border-style: solid none none;
border-top: 1px solid rgb(51, 102, 102);
font-size: xx-small;
font-family: Arial,Helvetica,sans-serif;
text-align: center;
color: rgb(0, 0, 0);
width: 600px;
height: 25px;
display: block;
visibility: visible;
position: relative;
margin-top: 0px;
clear: both;

}

/*afin que le bas de page s'adapte à la longueur du contenu affiché, on donne au pied de page une hauteur minimum de 100%, avec l'attribut min-height. La hauteur minimum du conteneur est +/- égale à la hauteur de son élément parent : l'élément body. On a au début de la feuille de style spécifié que la hauteur de l'élément body doit être égale à la hauteur de la fenêtre du navigateur en attribuant la valeur 100% à la fois à l'élément body et à l'élément html*/

.element_lien_pied { list-style-type: none;
text-align: justify;
display: inline;
}