@media screen and (max-width: 950px){
nav .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
nav .menu{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 0;
    overflow: hidden;
    transition: 0.7s
}
.nav-links li{
    display: block;
    margin: 0.5em 0;
}
.social-media li:nth-child(1){
    margin-left: 0;
}
.social-media{
    order: 2;
}
.nav-links{
    order: 1;
    padding-top: 1em;
}
nav .container .mnu-btn{
    display: inline-block;
    font-size: 1.1em;
    cursor: pointer;
    color: #000;
    z-index: 99;
}
nav .container .nav-toggle{
    height: fit-content;
}
.nav-background{
    background: #fff;
}
nav a{
    color: #999;
}
nav a:hover{
    color: rgba(3, 84, 154, 0.92);;
    border-bottom: none;
}
.fa.fa-bars{
    position: relative;
    top: 7px;
    right: 10px;
    color: #000;
}
/* Texte d'accueil centre et logo */
.logo {
    position:absolute;
	top: 5px !important;
    left: 5px !important;
}
.logo img{
    width: 180px;
    height: auto;
}
.glass{
    width: 85%;
    height: 85%;
	justify-content: center;
    align-items: center;
    top: 5%;
    left: 5%;
}
.glass > div div:nth-child(1){
    display: none;
}
.h-glass{
    top: 4%;
    left: 5%;
    font-size: 3em;
    -webkit-font-smoothing: antialiased;
}
.h-regular{
    top: 17%;
    left: 12%;
    font-size: 3em;
    -webkit-font-smoothing: antialiased;
}
/* Teaser du site */
.teaser {
    top: 32%;
    left: 5%;
    position: absolute;
}
.glass h2 {
    font-size: 1.2em;
}
/* Introduction */
.introduction {
    padding: 15px;
}
.intro {
    max-width: 85%;
    word-wrap: break-word;
    text-align: justify;
}
.intro h1 {
    text-align: center;
}
/* Butons de formulaire */
a.button {
    padding: 10px 24px;
    margin: 15px;
}
/* Valeurs */
.valeurs {
    padding: 15px;
}
.val {
    max-width: 85%;
    word-wrap: break-word;
    text-align: justify;
}
.val h1 {
    text-align: center;
}
/* Presentation des maitres */
.title h1 {
    font-size: 2em;
}
.masters {
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px;
}
/* Image mise en avant */
.highlight  img, .highlight2  img {
    box-shadow: 6px 6px 16px 0 rgba(85, 85, 85, 0.5);
    border-radius: 8px;
    height: 300px;
    width: auto;
}
h2 > img {
    box-shadow: 6px 6px 16px 0 rgba(85, 85, 85, 0.5);
    max-width: 250px;
    height: auto !important;
}
.highlight2 {
    order: 1;
}
/* Biographie */
.life {
    max-width: 85%;
}
/* Ajout de news*/
.add_news {
    display: none;
}
/* Articles de seminaires */
.articles-content {
    padding: 20px 10px;
    flex-direction: column;
}
article {
    width: 90%;
    margin: 5px 10px;
}
.post-header {
    padding: 5% 10%;
}
.post-header h1{
    font-size: 1.4em;
}
.sticky {
    display: none;
}
.sticky::before {
    display: none;
}
.post-meta-container {
    padding: 5% 5%;
}
/* Contact */
article.contact {
    width: 85%;
}
/* Footer */
.footer {
    padding: 15px 8px 15px 8px;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.footerlogo figure {
    order: 1;
    padding: 5px;
    max-width: 100vw;
}
.footerlogo figcaption {
    margin: 8px;
    text-align: center;
    font-size: 14px;
}
.footerlogo img{
    width: 200px;
    height: auto;
}
.footermnu {
    display: none;
}
}
@media screen and (max-width: 750px){
nav .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
nav .menu{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 0;
    overflow: hidden;
    transition: 0.7s
}
.nav-links li{
    display: block;
    margin: 0.5em 0;
}
.social-media li:nth-child(1){
    margin-left: 0;
}
.social-media{
    order: 2;
}
.nav-links{
    order: 1;
    padding-top: 1em;
}
nav .container .mnu-btn{
    display: inline-block;
    font-size: 1.1em;
    cursor: pointer;
    color: #000;
    z-index: 99;
}
nav .container .nav-toggle{
    height: fit-content;
}
.nav-background{
    background: #fff;
}
nav a{
    color: #999;
}
nav a:hover{
    color: rgba(3, 84, 154, 0.92);;
    border-bottom: none;
}
.fa.fa-bars{
    position: relative;
    top: 7px;
    right: 10px;
    color: #000;
}
/* Texte d'accueil centre et logo */
.logo {
    position:absolute;
	top: 2px !important;
    left: 0px !important;
}
.logo img{
    width: 90px;
    height: auto;
}
.glass{
    width: 90%;
    height: 92%;
    display: flex;
	justify-content: center;
    align-items: center;
    top: 5%;
    left: 5%;
}
.glass > div div:nth-child(1){
    display: none;
}
.h-glass{
    top: 4%;
    left: 5%;
    font-size: 3em;
    -webkit-font-smoothing: antialiased;
}
.h-regular{
    top: 17%;
    left: 12%;
    font-size: 3em;
    -webkit-font-smoothing: antialiased;
}
/* Teaser du site */
.teaser {
    top: 32%;
    left: 5%;
    position: absolute;
}
.glass h2 {
    font-size: 1.2em;
}
/* Introduction */
.introduction {
    padding: 15px;
}
.intro {
    max-width: 85%;
    word-wrap: break-word;
    text-align: justify;
}
.intro h1 {
    text-align: center;
}
/* Butons de formulaire */
a.button {
    padding: 10px 24px;
    margin: 15px;
}
/* Valeurs */
.valeurs {
    padding: 15px;
}
.val {
    max-width: 85%;
    word-wrap: break-word;
    text-align: justify;
}
.val h1 {
    text-align: center;
}
/* Presentation des maitres */
.title h1 {
    font-size: 2em;
}
.masters {
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px;
}
/* Image mise en avant */
.highlight  img, .highlight2  img {
    box-shadow: 6px 6px 16px 0 rgba(85, 85, 85, 0.5);
    border-radius: 8px;
    height: 300px;
    width: auto;
}
h2 > img {
    box-shadow: 6px 6px 16px 0 rgba(85, 85, 85, 0.5);
    max-width: 250px;
    height: auto !important;
}
.highlight2 {
    order: 1;
}
/* Biographie */
.life {
    max-width: 85%;
}
/* Ajout de news*/
.add_news {
    display: none;
}
/* Articles de seminaires */
.articles-content {
    padding: 20px 10px;
    flex-direction: column;
}
article {
    width: 90%;
    margin: 5px 10px;
}
.post-header {
    padding: 5% 10%;
}
.post-header h1{
    font-size: 1.4em;
}
.sticky {
    display: none;
}
.sticky::before {
    display: none;
}
.post-meta-container {
    padding: 5% 5%;
}
/* Contact */
article.contact {
    width: 85%;
}
/* Footer */
.footer {
    padding: 15px 8px 15px 8px;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.footerlogo figure {
    order: 1;
    padding: 5px;
    max-width: 100vw;
}
.footerlogo figcaption {
    margin: 8px;
    text-align: center;
    font-size: 14px;
}
.footerlogo img{
    width: 200px;
    height: auto;
}
.footermnu {
    display: none;
}
}
@media screen and (max-width: 450px){
nav .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
nav .menu{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 0;
    overflow: hidden;
    transition: 0.7s
}
.nav-links li{
    display: block;
    margin: 0.5em 0;
}
.social-media li:nth-child(1){
    margin-left: 0;
}
.social-media{
    order: 2;
}
.nav-links{
    order: 1;
    padding-top: 1em;
}
nav .container .mnu-btn{
    display: inline-block;
    font-size: 1.1em;
    cursor: pointer;
    color: #000;
    z-index: 99;
}
nav .container .nav-toggle{
    height: fit-content;
}
.nav-background{
    background: #fff;
}
nav a{
    color: #999;
}
nav a:hover{
    color: rgba(3, 84, 154, 0.92);;
    border-bottom: none;
}
.fa.fa-bars{
    position: relative;
    top: 7px;
    right: 10px;
    color: #000;
}
/* Texte d'accueil centre et logo */
.logo {
    position:absolute;
	top: 2px !important;
    left: 0px !important;
}
.logo img{
    width: 90px;
    height: auto;
}
.glass{
    width: 90%;
    height: 92%;
    display: flex;
	justify-content: center;
    align-items: center;
    top: 5%;
    left: 5%;
}
.glass > div div:nth-child(1){
    display: none;
}
.h-glass{
    top: 4%;
    left: 5%;
    font-size: 3em;
    -webkit-font-smoothing: antialiased;
}
.h-regular{
    top: 17%;
    left: 12%;
    font-size: 3em;
    -webkit-font-smoothing: antialiased;
}
/* Teaser du site */
.teaser {
    top: 32%;
    left: 5%;
    position: absolute;
}
.glass h2 {
    font-size: 1.2em;
}
/* Introduction */
.introduction {
    padding: 15px;
}
.intro {
    max-width: 85%;
    word-wrap: break-word;
    text-align: justify;
}
.intro h1 {
    text-align: center;
}
/* Butons de formulaire */
a.button {
    padding: 10px 24px;
    margin: 15px;
}
/* Valeurs */
.valeurs {
    padding: 15px;
}
.val {
    max-width: 85%;
    word-wrap: break-word;
    text-align: justify;
}
.val h1 {
    text-align: center;
}
/* Presentation des maitres */
.title h1 {
    font-size: 2em;
}
.masters {
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px;
}
/* Image mise en avant */
.highlight  img, .highlight2  img {
    box-shadow: 6px 6px 16px 0 rgba(85, 85, 85, 0.5);
    border-radius: 8px;
    height: 300px;
    width: auto;
}
h2 > img {
    box-shadow: 6px 6px 16px 0 rgba(85, 85, 85, 0.5);
    max-width: 250px;
    height: auto !important;
}
.highlight2 {
    order: 1;
}
/* Biographie */
.life {
    max-width: 85%;
}
/* Ajout de news*/
.add_news {
    display: none;
}
/* Articles de seminaires */
.articles-content {
    padding: 20px 10px;
    flex-direction: column;
}
article {
    width: 90%;
    margin: 5px 10px;
}
.post-header {
    padding: 5% 10%;
}
.post-header h1{
    font-size: 1.4em;
}
.sticky {
    display: none;
}
.sticky::before {
    display: none;
}
.post-meta-container {
    padding: 5% 5%;
}
/* Detail d'article */
.articles-content-read {
    padding: 15px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
}
article.read {
    float: left;
    display: block;
    background: #fff;
    border-radius: 3px;
    width: 90%;
    box-shadow: 0 3px 7px rgba(85,85,85,.1);
    margin: 3px 12px;
}
.post-first {
    vertical-align: middle;
    border-radius: 3px 3px 0 0;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.post-first p{
    text-align: right;
    font-size: 0.8em;
    color: #555;
    border: 0;
    padding: 0 10px;
    text-align: right;
}
.post-first::before {
    border: 12px solid transparent;
    border-top-color: #eee;
    bottom: 0;
    content: "";
    display: block;
    left: 10%;
    margin-bottom: -24px;
    position: absolute;
    z-index: 10;
}
.post-first::after {
    border: 11px solid transparent;
    border-top-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    left: 10%;
    margin-bottom: -21px;
    margin-left: 1px;
    position: absolute;
    z-index: 11;
}
/* Contact */
article.contact {
    width: 85%;
}
/* Footer */
.footer {
    padding: 15px 8px 15px 8px;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.footerlogo figure {
    order: 1;
    padding: 5px;
    max-width: 100vw;
}
.footerlogo figcaption {
    margin: 8px;
    text-align: center;
    font-size: 14px;
}
.footerlogo img{
    width: 200px;
    height: auto;
}
.footermnu {
    display: none;
}
}