.header h1 {
margin-bottom: 0; }
.header .title {
font-size: 5rem; }
@media (max-width: 767.98px) {
.header .title {
font-size: 3.125rem; } }
@media (max-width: 575.98px) {
.header .title {
font-size: 1.875rem; } }
.header .title1 {
color: #f06a01;
font-weight: 700;
text-align: center;
line-height: 1;
margin-top: 3rem; }
.header .title2 {
background-color: #f06a01;
color: white;
font-weight: 700;
text-align: center;
line-height: 1; }
.header .sub-header {
background-color: #f06a01;
padding-top: 2rem;
padding-bottom: 4rem; }
.header .sub-header .buttons {
text-align: center;
margin-top: 4rem; }
.header .sub-header .buttons .orange {
margin-right: 7rem; }
.header .sub-header .buttons .orange.telecharger {
margin-right: 0; }
@media (max-width: 767.98px) {
.header .sub-header .buttons {
margin-top: 1rem; }
.header .sub-header .buttons button, .header .sub-header .buttons .button {
margin: 1rem; }
.header .sub-header .buttons .telecharger {
margin-right: 1rem !important; } }
@media (max-width: 767.98px) {
.header .sub-header .icons {
display: none; } }
section#filieres .filiere {
overflow: hidden;
position: relative; }
section#filieres .filiere .img-filiere {
width: 100%;
transition: 0.4s;
display: block; }
section#filieres .filiere .gris {
color: #46525f; }
section#filieres .filiere .bloc-center {
position: absolute;
top: 10%;
left: 10%;
color: white;
text-transform: uppercase;
font-weight: 600;
line-height: 1; }
section#filieres .filiere .bloc-center .logo-secteur {
margin-bottom: 10px;
transition: 0.3s; }
section#filieres .filiere .bloc-center .fleche {
margin-top: 1rem; }
section#filieres .filiere:hover .img-filiere {
transform: scale(1.1); }
section#filieres .filiere:hover .logo-secteur {
transform: rotate(20deg); }
section#filieres .filiere:hover::after {
transform: scaleX(1); }
section#filieres .filiere::after {
content: ' ';
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 8px;
background-color: #f06a01;
transform: scaleX(0);
transform-origin: 0 0;
transition: 0.5s; }
section.content {
text-align: center; }
section.content h2 {
font-size: 2.1875rem;
margin-top: 3rem;
margin-bottom: 1.5rem;
font-weight: 700; }
@media (max-width: 991.98px) {
section.content h2 {
font-size: 1.5625rem; } }
section.content p, section.content h2 {
padding: 0 9rem; }
@media (max-width: 991.98px) {
section.content p, section.content h2 {
padding: 0 2rem; } }
@media (max-width: 575.98px) {
section.content p, section.content h2 {
padding: 0 0.5rem; } }
#modalevenement11novembre {
text-align: center; }
#modalevenement11novembre .img-lightbox {
width: 100%;
margin-top: 3rem; }
#modalevenement11novembre .close {
position: absolute;
top: 20px;
right: 20px; }
#modalevenement11novembre .button {
margin-top: 1rem; }
.twitter.bg-gris-clair {
padding-top: 2rem;
padding-bottom: 2rem; }
.twitter.bg-gris-clair h2 {
color: #1da1f2;
font-size: 1.5625rem !important;
text-align: center;
margin-bottom: 3rem; }
.twitter.bg-gris-clair h2 img {
margin-bottom: 1rem; }
.twitter.bg-gris-clair .tweet-item {
position: relative;
padding-bottom: 3rem;
height: 100%; }
.twitter.bg-gris-clair .tweet-item .tweet {
color: black;
text-decoration: none; }
.twitter.bg-gris-clair .tweet-item .tweet img {
margin-bottom: 1rem; }
.twitter.bg-gris-clair .tweet-item .info {
position: absolute;
bottom: 0;
width: 100%;
background-color: #1da1f2;
padding: 0.5rem;
color: white;
font-size: 0.8125rem !important; }
.twitter.bg-gris-clair .tweet-item .info img {
padding-right: 0.5rem; }
body.home .rs{
padding-top:70px;
}
.powr-social-feed{
position: relative;
}
.powr-social-feed::after{
content:"";
display:block;
position: absolute;
width: 100%;
height: 90px;
background: #e5e5e5;
bottom: 0;
}
@media (max-width: 850px){
body.home .rs{
padding-top:70px;
}
.powr-social-feed::after{
height:110px;
}
}
@media (max-width: 570px){
body.home .rs{
padding-top:70px;
}
.powr-social-feed::after{
height:170px;
}
}