html {
  height: 100%;
}
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}


h3
{
padding-top: 20px;
}

.tp
{
font-size: 0.7em;
}



#tete
{
font-size: 1.5em;
color: white;
}

p
{
text-align: center;
}

.nedepassepas
{
width: 176px;
word-wrap: break-word;
}

header
{
background-color: rgb(245, 240, 237);
text-align: center;
height:5em;
}

#oac
{
background-image: url(images/im2.jpg);
background-repeat: repeat repeat;
height:10em;
padding-top: 5px
}


#conteneur 
{
margin-left: 17%;
margin-right: 5%;
padding-left: 5%;
display: flex;
width: auto;
justify-content: space-around;
flex-wrap: wrap;
position: relative;
top: 4em;
left: 2em;
}


#menu
{
width: 15%;
min-width: 200px;
min-height: 400px;
position: absolute;
top: 8em;
left: 2em;
}

nav 
{
background: rgb(234, 245, 248);
height: 600px;
font-size: 0.8em;
}
dt
{
font-weight: bold;
font-size: 1.5em;
margin-bottom: 2em;
margin-top:2em;
padding-left: 1em;
}

.courriel
{
font-size: 0.6em;
font-weight: normal;

}

dd
{
font-size: 1.2em;
}


#imaccueil
{
float: right;
margin-top: 1em;
margin-bottom: 7em;
top: 5em;
left:20%;
right: 10em;

}


#intro 
{
padding-left: 8%;
text-align: left;
z-index: 2;
}
.imageflottante
{
float: right;
}



#ancre
{
texte-align: center;
margin-left: 35%;
margin-right: 35%;
background-color: rgb(245, 248, 220);
}

#coco
{
width: 100%;
background-color: rgb(245, 240, 237);
}

a:hover
{
  color: black;
}