.iconMenu{
background-size:cover;
background-repeat:no-repeat;
cursor:pointer;
float:right;
display:none;
width:35px;
height:35px;
background-image:url("/up/upload_genere/design/menuresp.png");
}

 body{
font-family:poppins-semibold,poppins,sans-serif;
font-size:18px;
margin:0px;
padding:0px;
}

 .fermerCroix{
width:15px;
height:15px;
cursor:pointer;
float:right;
display:none;
background-image:url("/up/upload_genere/design/closemenu.png");
background-size:cover;
background-repeat:no-repeat;
}

 .grpYear-Bouton{
margin:20px auto 0;
justify-content:space-between;
display:flex;
align-items:end;
width:80%;
}

 .contentMenuResp{
background-color:#fff;
padding:20px;
box-sizing:border-box;
box-shadow:0px 0px 10px #EEE;
clear:both;
display:none;
font-family:poppins;
}

 .contentMenuResp a{
display:block;
color:#000;
text-decoration:none;
text-transform:uppercase;
}

 .menudyn{
font-family:Poppins;
}

 .menudyn a{
color:#5691CD;
text-transform:uppercase;
font-size:16px;
}

 .menuderoulant {
float:right;
margin-top:45px;
}

 .errorfield{
display:none;
color:#ef6b51;
}

 .errorinput{
border:1px solid #ef6b51;
}

 .linkPrincipal .sousmenu{
background-color:#fff;
border:none;
box-shadow:0px 0px 10px #eee;
}

 .linkPrincipal .sousmenu a{
width:205px;
border-right:none;
font-family:Roboto;
padding:7px;
display:block;
border-top:1px solid #ccc;
color:#000;
}

 .linkPrincipal .sousmenu a:hover{
background-color:#badcff;
}

 .header{
height:116px;
background-color:#fff;
position:fixed;
width:100%;
padding-right:100px;
box-sizing:border-box;
z-index:90;
top:0px;
}

 .menuResponsive{
position:fixed;
z-index:100;
right:0px;
top:0px;
}

 .footer .banner{
display:flex;
margin:0 auto;
justify-content:space-between;
align-items:start;
width:80%;
}

 .linkfooter{
font-family:poppins-extralight,poppins,sans-serif;
}

 html{
scroll-behavior:smooth;
}

 .footer{
width:100%;
position:relative;
text-align:left;
padding:60px 0px;
background-color:#5691cd;
}

 .footer a{
text-decoration:none;
}

 .linkfooter div{
font-weight:bold;
font-size:16px;
text-transform:uppercase;
}

 .linkfooter a, .linkfooter p{
display:block;
color:#fff;
font-size:16px;
font-weight:normal;
text-transform:initial;
margin:0px;
}

 .year_of_creation{
font-size:12px;
color:#fff;
font-family:poppins-extralight,poppins,sans-serif;
text-transform:uppercase;
}

 .socialNetwork{
position:fixed;
top:50%;
right:1%;
z-index:30;
background-color:#FFF;
box-shadow:10px 10px 5px #0000005e;
border-radius:5px;
height:37px;
padding:1%;
}

 .socialNetwork a{
display:block;
}

 .socialNetwork img{
width:37px;
height:37px;
}

 .logo{
height:142px;
background-image:url("/up/upload_genere/design/logo.png");
width:115px;
background-size:cover;
display:block;
margin-left:50px;
float:left;
}

 .menuderoulant .linkPrincipal{
margin-left:20px;
}

 .showmenu{
display:block !important;
transition:all 1s;
}

a{
cursor:pointer;
}

.menuExpertisesResp{
margin:20px 0px;
}

.titleExpertisesResp{
color:grey;
}

.menuRecrutementResp{
margin:20px 0px;
}

.linkRecrutement{
color:grey;
}

.menuReemploiResp{
margin:20px 0px;
}

.titleReemploi{
color:grey;
}

.menuderoulant .menulink{
padding:0px;
}

.menulinkdiv.linkPrincipal .menulink{
border-right:1px solid #FFF;
}

.clr{
clear:both;
}

.blocks-globaux{
display:flex;
flex-direction:column;
align-items:center;
padding-top:116px;
font-family:poppins-semibold,poppins,sans-serif;
font-size:15px;
margin:auto;
padding-bottom:4%;
background-color:#212020;
}

.blocks-globaux .content-news{
display:flex;
padding:20px;
width:70%;
margin-bottom:2%;
background-color:#FFF;
flex-direction:column;
}

.blocks-globaux .contentDetail{
display:flex;
justify-content:space-between;
}

.headcontainer{
display:flex;
justify-content:end;
align-items:center;
border:1px solid #ccc;
width:98%;
padding:1%;
background-color:#302f2f;
}

.createbutton{
display:flex;
text-decoration:none;
text-transform:uppercase;
color:#FFF;
}

.imgdownload{
width:20%;
}

.marketing_brochure{
width:100%;
height:100vh;
}

.boutonFlecheHaut{
position:relative;
z-index:50;
float:right;
right:1%;
}

.boutonFlecheHaut .linkFlecheHaut:before{
content:"\25b2";
}

.boutonFlecheHaut .linkFlecheHaut:hover{
background-color:#9a9a9a;
transition:all ease-in 0.2s;
}

.linkFlecheHaut{
border-radius:30px;
padding:10px 17px 23px 17px;
font-size:20px;
text-align:center;
color:#FFF;
background-color:#000;
position:fixed;
right:1%;
z-index:99999;
transition:all ease-in 0.2s;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
text-decoration:none;
height:20px;
width:20px;
}

.remarkcontainer{
display:none;
}

@media (max-width: 800px){
 .iconMenu{
display:block;
}
 body{
font-size:13px !important;
}
 .grpYear-Bouton{
padding-top:5%;
clear:both;
}
 .menudyn{
display:none;
}
 .menuderoulant {
width:100%;
}
 .header{
height:76px !important;
}
 .menuResponsive{
right:20px;
top:19px;
}
 .linkfooter{
width:auto;
float:left;
padding:1%;
}
 .linkfooter div{
font-size:14px;
}
 .linkfooter a, .linkfooter p{
font-size:11px;
}
 .logo{
position:fixed;
margin:0px;
top:0px;
left:30px;
}
.blocks-globaux{
padding-top:76px !important;
}
.blocks-globaux .contentDetail{
flex-direction:column;
align-items:center;
margin-bottom:3%;
}
.linkFlecheHaut{
border-radius:20px;
padding:5px 10px 15px 10px;
font-size:17px;
}
}

@media (max-width: 1060px){
 body{
font-size:16px;
}
 .menuderoulant {
width:802px;
margin:0 auto;
float:none;
}
 .header{
height:inherit;
padding-right:inherit;
}
 .footer{
padding:50px;
box-sizing:border-box;
}
 .logo{
height:97px;
width:78px;
margin:20px auto;
float:none;
display:block;
}
.blocks-globaux{
padding-top:160px;
}
}

@media (max-width: 600px){
 .grpYear-Bouton{
margin:0px;
}
 .footer .banner{
display:grid;
grid-template-rows:1fr 1fr;
grid-template-columns:1fr 1fr;
width:100%;
}
}

@media (max-width: 1084px){
 .menudyn a{
font-size:14px !important;
}
}

@media (max-width: 1188px){
 .menudyn a{
font-size:15px;
}
}

@media (max-width: 900px){
 .socialNetwork{
height:20px;
}
 .socialNetwork img{
width:20px;
height:20px;
}
}

@media (max-width: 1160px){
 .logo{
height:72px;
width:58px;
margin-top:20px;
}
}