header.title {
    background: #ccc;
    padding: 1rem 2rem;
    margin-bottom: 1em;
}

header.title.home {
    background: linear-gradient(55deg, #fdd5d5, #fff1ee);
    animation: filter-animation 30s infinite;
}

@keyframes filter-animation {
    0% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(360deg);
    }
    100% {
        filter: hue-rotate(0deg);
    }
}


/* balises */

a, a:visited{
    color: #2375df;
}
h4{
    color: #555;
}
h3 a, 
h3 a:visited, 
h4 a,
h4 a:visited {
    color: #2375df;
}

hr {
    background: #aaa;
    border: none;
    height: 1px;
}

header.title h2 {
    font-size: 2em;
    margin: 0;
    padding: 0;
}
header.title h2 a{
    color: #333;
    text-decoration: none;
}

.container{
    margin-bottom: 5em;
}

.mediabox{
 padding: 1em;
display: flex;
}
.right-col{
    max-width: 750px;
    
}
footer{
    text-align: center;
color: #666;
font-size: .8em;
padding: 1em;
    
}
/* NAV */

.nav {
    margin-left: 2rem;
    text-transform: uppercase;
    font-size: .9em;
}

.nav li a {
    color: #333;
}

.nav li a:hover {
    color: #888;
    text-decoration: none;
}




/* contact */

/*
li{ 
list-style: none;
}
input, textarea{
    display: block;
}
textarea {
    max-width: 500px;
}
input.submit{
    background: #222;
border: none;
color: #fff;
text-transform: uppercase;
padding: 1em;
}
input.submit:hover{
    background: #ffa1a1;
    color: #333;
    
}
.reponde_formùulaire_erreur{
    background: pink;
padding: 1em;
}

fieldset.previsu{
    background: #fffca6;
padding: 1em;
max-width: 600px;
}
*/

.email{
   background: #faffbb;
font-size: 2em;
padding: .5em;
max-width: 380px;
}


@media (max-width: 800px) {

    header.title{
        margin-bottom: 0;
    }
    .nav {
        flex-flow: row wrap;
        justify-content: center;
 
margin-bottom: 3em;
/*background: #efefef;*/
margin-left: 0;
padding: .5em;
font-size: .9em;
text-align: center;
    }
    .nav li {
margin: .5em;
line-height: 1em;
width: 11em;
background: #f7f7f7;
padding: .5em;
box-shadow: 0px 2px 2px #ddd;
border-radius: 4px;
    }
}