.title{background-image:none;color:#c70606;font-size:2rem;font-weight:100;letter-spacing:2px;line-height:1.1;margin-bottom:1em;padding:0;text-align:center;text-transform:uppercase}.title b{font-weight:700}section{padding:20px}section .container{margin:auto;width:60%}#histoire p{font-size:1.125rem;font-weight:300;margin:20px 0 0;text-align:justify}#president img{margin:0 0 0 20%;width:80%}#president .red-group{background-color:#c6c4c5;color:#1c1b1b;display:flex;margin-top:-80px;opacity:.8;position:relative;text-align:left;width:80%}#president .red-group .red-content{padding:30px}#president .red-group .red-content span{display:block;width:52px}#president .red-group .red-content span svg{fill:currentColor;color:#1c1b1b}#president .red-group .red-content span .u-svg-content{height:0;width:0}.grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;margin:auto;width:60%}.grid p{text-align:center}.grid div{display:grid;place-items:center}.grid div:before{content:"";display:block;grid-area:1/1/2/2}.grid div img{filter:grayscale(100%);grid-area:1/1/2/2;height:100%;width:100%}.grid-comite{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:auto;width:70%}.grid-comite .grid-title{grid-column:span 3;height:1em}.grid-comite p{text-align:center}.grid-comite div{display:grid;place-items:center}.grid-comite div:before{content:"";display:block;grid-area:1/1/2/2}.grid-comite div img{filter:grayscale(100%);grid-area:1/1/2/2;height:100%;object-fit:cover;width:100%}#professeurs{background:#c6c4c5;padding:20px 0 0}#professeurs .white-title{padding:20px}#professeurs h2{color:#1c1b1b;font-size:2rem;font-weight:400;letter-spacing:2px;line-height:1.1;margin:38px auto;text-align:center;text-transform:uppercase}#professeurs .background-red{background:#c6c4c5;min-height:100px}#professeurs .background-grey{background:#b8b5b5;min-height:200px}#professeurs .portrait-container{display:flex;justify-content:space-around;margin:-112.5px auto auto;width:80%}#professeurs .portrait-container p{color:#1c1b1b}#professeurs .portrait-container .round-border{background-image:url(/build/images/person-2.1eb35b72.webp);background-position:50% 50%;background-size:cover;border:9px solid #1c1b1b;border-radius:50%!important;height:225px;width:225px}#professeurs .portrait-container .valeur{color:#1c1b1b;font-size:1.25rem;font-weight:400;letter-spacing:2px;line-height:1.2;margin:30px 0;text-align:center;text-transform:uppercase}#professeurs .portrait-container .name{color:#1c1b1b;font-size:.725rem;font-style:italic;font-weight:300;line-height:1.6;padding:0;text-align:center}#professeurs .portrait-container .professor{align-items:center;display:flex;flex-direction:column;width:20%}@media screen and (max-device-width:915px),screen and (max-width:915px){.grid,.grid-comite,section .container{width:unset}#professeurs .background-red{min-height:80px}.portrait-container{align-items:center;flex-direction:column;margin:-90px auto auto;width:unset}.portrait-container .round-border{height:180px;width:180px}.professor{margin-bottom:1em;width:100%!important}.name{font-size:1em!important}.red-group{margin-top:-50px!important}}@media screen and (max-device-width:767px),screen and (max-width:767px){#president img{margin:0 0 0 10%;width:90%}#president .red-group{width:90%}#president .red-group .red-content{padding:10px}#president .red-group .red-content span{width:32px}}