@media screen and (min-width: 1024px){
.devise-header h2{
text-align: center;
padding: 20px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Poiret One';
}
.devise-header{
background-color: rgb(5, 56, 134);
color: whitesmoke;
margin-top: 0px;
margin-bottom: 0px;
display: block;
}
.devise-header-profils{
background-color: rgba(5, 56, 134,0);
color: red;
margin-top: 0px;
margin-bottom: 0px;
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 1000;
height: 80px;
width: 100%;
}
.devise-header-tab{
display: hidden;
}
.devise-header-tab h2{
display: none;
}
.site-header .site-navigation{
justify-content: center;
}
}
@media screen and (max-width: 1023px) {
.devise-header-tab h2{
text-align: center;
padding: 20px;
margin-top: 0px;
margin-bottom: 0px;
display: block;
font-family: 'Poiret One';
}
.devise-header h2{
display: none;
}
.devise-header-tab{
background-color: rgb(5, 56, 134);
color: whitesmoke;
margin-top: 0px;
margin-bottom: 0px;
display: block;
}
.devise-header{
display: hidden;
}
} .picto-profil{
float: right;
width: 60px;
margin: 8px;
cursor: pointer;
transition-property: width,margin;
transition-duration: 0.5s;
}
.picto-profil:hover{
float: right;
width: 50px;
margin: 13px;
}  .gauche{
float: left;
}
.droite{
float: right;
}
.marge-gauche{
margin-left: 20px;
}
.marge-droite{
margin-right: 20px;
}  :where(.wp-block-button__link) {
border-radius: 10px;
}  div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol {
line-height: 2; !important;
}  .accueil-top, .accueil-bottom{
font-family: ubuntu;
color: whitesmoke;
}
.accueil-top{
position: absolute;
top: 0;
left:0;
z-index:0;
width: 100%;
height: 50%;
background-image: url(//www.cdg48.fr/wp-content/themes/hello-theme-child-master/assets/header-1-bleu.jpg);
background-size:cover;
background-repeat: no-repeat;
margin-bottom: 10px;
}
.accueil-bottom-1{
position: absolute;
top: 50%;
left:0;
z-index:0;
width: 100%;
height: 50%;
background-image: url(//www.cdg48.fr/wp-content/themes/hello-theme-child-master/assets/fond-employeur-public.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:center;
margin-top: 10px;
animation-name: accueil-bottom-1;
animation-duration: 20s;
animation-delay: 6s;
animation-iteration-count: infinite;
}
.accueil-bottom-2{
position: absolute;
top: 50%;
left:0;
z-index:0;
width: 100%;
height: 50%;
background-image: url(//www.cdg48.fr/wp-content/themes/hello-theme-child-master/assets/fond-concours.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:bottom;
margin-top: 10px;
animation-name: accueil-bottom-2;
animation-duration: 20s;
animation-delay: 6s;
animation-iteration-count: infinite;
}
.accueil-bottom-3{
position: absolute;
top: 50%;
left:0;
z-index:0;
width: 100%;
height: 50%;
background-image: url(//www.cdg48.fr/wp-content/themes/hello-theme-child-master/assets/fond-prevention.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:center;
margin-top: 10px;
animation-name: accueil-bottom-3;
animation-duration: 20s;
animation-delay: 6s;
animation-iteration-count: infinite;
}
@keyframes accueil-bottom-1{
0%   {left: 0;}
12%  {left: 100%;}
24%  {left: 100%;}
36%  {left: 100%;}
50%  {left: 100%;}
62%  {left: 100%;}
75%  {left: 100%;}
88%  {left: 0;}
100% {left: 0;}
}
@keyframes accueil-bottom-2{
0%   {left: -100%;}
12%  {left: 0;}
24%  {left: 0;}
36%  {left: 100%;}
50%  {left: 100%;}
62%  {left: 0;}
75%  {left: 0;}
88%  {left: -100%;}
100% {left: -100%;}
}
@keyframes accueil-bottom-3{
0%   {left: -100%;}
12%  {left: -100%;}
24%  {left: -100%;}
36%  {left: 0;}
50%  {left: 0;}
62%  {left: -100%;}
75%  {left: -100%;}
88%  {left: -100%;}
100% {left: -100%;}
} .accueil-bottom-text-1{
position: absolute;
bottom: 0;
left:0;
z-index:1;
width: 100%;
height: 30%;
padding-bottom: 10%;
font-size: 5vw;
font-weight: bold;
text-align: center;
color: rgba(255,255,255,0.5);
animation-name: accueil-bottom-text-1;
animation-duration: 20s;
animation-delay: 6s;
animation-iteration-count: infinite;
}
.accueil-bottom-text-2{
position: absolute;
bottom: 0;
left:-100%;
z-index:1;
width: 100%;
height: 30%;
padding-bottom: 10%;
font-size: 5vw;
font-weight: bold;
text-align: center;
color: rgba(255,255,255,0.5);
animation-name: accueil-bottom-text-2;
animation-duration: 20s;
animation-delay: 6s;
animation-iteration-count: infinite;
}
.accueil-bottom-text-3{
position: absolute;
bottom: 0;
left:-100%;
z-index:1;
width: 100%;
height: 30%;
padding-bottom: 10%;
font-size: 5vw;
font-weight: bold;
text-align: center;
color: rgba(255,255,255,0.5);
animation-name: accueil-bottom-text-3;
animation-duration: 20s;
animation-delay: 6s;
animation-iteration-count: infinite;
}
@keyframes accueil-bottom-text-1{
0%   {left: 0;}
16%  {left: 100%;}
24%  {left: 100%;}
36%  {left: 100%;}
50%  {left: 100%;}
62%  {left: 100%;}
75%  {left: 100%;}
92%  {left: 0;}
100% {left: 0;}
}
@keyframes accueil-bottom-text-2{
0%   {left: -100%;}
16%  {left: 0;}
24%  {left: 0;}
40%  {left: 100%;}
50%  {left: 100%;}
66%  {left: 0;}
75%  {left: 0;}
92%  {left: -100%;}
100% {left: -100%;}
}
@keyframes accueil-bottom-text-3{
0%   {left: -100%;}
12%  {left: -100%;}
24%  {left: -100%;}
40%  {left: 0;}
50%  {left: 0;}
66%  {left: -100%;}
75%  {left: -100%;}
88%  {left: -100%;}
100% {left: -100%;}
}
.devise, .logo-accueil{
position: absolute;
}
.logo-accueil img{
width: 70%;
}
.logo-accueil{
padding-top: 6%;
padding-left: 6%;
width: 20%;
}
.devise{
top: 10%;
right: 5%;
}
.devise h1{
font-size: 3.7vw;
text-align: right;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
}
.accueil-p{
font-size: 1.2vw;
text-align: left;
margin-left: 55%;
}
.accueil-p2{
padding-left: 50%;
padding-top: 2%;
font-size: 0.9vw;
text-align: right;
}
.accueil-bottom h3, .accueil-bottom p, .utilisateur{
position: absolute;
}
.accueil-bottom p{
top: 1100px;
right: 870px;
}
.utilisateur{
width: 100%;
height: 50%;
position: absolute;
top: 50%;
z-index: 5;
}
.public-div{
height: 18%;
min-height: 60px;
width: 60%; 
background-color: rgba(255, 255, 255, 0.8);
border-radius: 25px;
margin: auto;
top: 15%;
padding: 5%;
line-height: normal;
position: relative; box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, .5);
text-align: center;
align-content: center;
transition: height 1s, background-color 1s;
} .public-div:hover{
line-height: normal;
background-color: #053886;
height: 70%;
}
.public-div:hover a{
color: #ffffff;
transition: 0.5s ease-out;
}
.public-div ul{
font-size: 0vh;
color: white;
text-align: left;
padding-left: 25px; }
.public-div:hover ul{
font-size: 1.6vh;
transition-property: font-size;
transition-duration: 1s;
transition-delay: 0s;
}
.public-div hr{
height: 2px;
background-color: black;
color: black;
width: 80%;
}
.bloc1, .bloc2, .bloc3{
width: 33%;
height: 100%;
float: left;
}
.public-div a{
color: black;
font-weight: bold;
font-size: 1.6vh;
text-decoration: none; text-align: center;
}
.public-div a:hover{
color: white;
}
.public-div:hover hr{
background-color: white;
color: white;
}
.mention {
position: absolute;
bottom: 0px;
margin-bottom: 5px;
z-index: 9999;
width: 100%;
text-align: center;
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
font-weight: bold;
}
.mention a{
color: white;
text-decoration: none;
}
.vousetes {
position: absolute;
height: 10%;
top: 46%;
line-height: 100%;
z-index: 9999;
width: 100%;
text-align: center;
color: white;
font-size: 7vh;
font-weight: bold; text-shadow: black 0.1em 0.1em 0.2em
}
.page-id-2 .pdfprnt-top-left, .pdfprnt-bottom-left, .pdfprnt-top-bottom-left, .pdfprnt-left{
display: none;
} .saut{display: none;} @media screen and (max-width: 1023px) {
.devise{
width: 100%;
}
.saut{
display: block;
}
.devise h1{
font-size: 4vw;
padding-left: 25%;
padding-top: 3%;
}
.devise p{
font-size: 1.3vw;
}
.public-div{
border-radius: 25px;
width: 70%; 
}
.public-div a{
font-size: 1.4vh;
} .public-div:hover ul{
font-size: 1.43vh;
transition-property: font-size;
transition-duration: 1s;
transition-delay: 0s;
}
} @media screen and (max-width: 740px) { .devise p{
display: none;
}
.public-div{
width: 80%; 
}
.public-div a{
font-size: 1.2vh;
}
.public-div:hover ul{
font-size: 1.1vh;
transition-property: font-size;
transition-duration: 1s;
transition-delay: 0s;
}
} @media screen and (max-width: 500px){
.coconstruire{
font-size: 5vh;
}
.devise {
right:auto;
left: auto;
top: auto;
text-align: center;
width: 100%;
padding: inherit;
}
.devise h1{
font-size: 3vh;
text-align: center;
padding-left:inherit;
}
.logo-accueil{
margin: auto;
margin-top: 30%;
width: 100%;
left: auto;
top: auto;
padding:0;
text-align: center;
}
.logo-accueil img{
width: 30%;
}
.public-div{ 
width: 60%;
height: 10%;
background-color: white;
}
.bloc1, .bloc2, .bloc3{
margin: 0;
width: 100%;
height:70px;
}
.bloc1{	
margin-top: 30px;
margin-bottom: 0px;
}
.bloc2{	
margin-top: 0px;
margin-bottom: 0px;
}
.bloc3{	
margin-top: 0px;
margin-bottom: 0px;
}
.public-div a{
font-size: 1.8vh;
}
.public-div ul{
display: none;
}
.public-div hr{
display: none;
}
} .white{
color: white;
}
.white:hover{
color: white;
} body{
overflow-x: hidden;
} .page-content a{
text-decoration: none;
}  .page-content{ max-width: 1048px;
margin: auto;
}
.page-id-8 h3{
font-size: 1.5rem;
}
.titre-accueil{
margin-top: 5%;
border-bottom: solid 5px #053886;
width: 35%;
padding: 0px 0px 15px 0px;
}
@media screen and (max-width: 1023px) {
.titre-accueil{
width: 50%;
}
}
.divmulti, .aside-accueil, .blocactu, #mailpoet_form_1 form.mailpoet_form, .actuprincipal{
border: solid 1px black ;
}
.titremulti{
text-align: center;
border:solid 1px black;
margin-bottom: -0.1%;
}
.actuli, .actuli2{
gap: 0!important;
}
#mailpoet_form_1{
margin-top: 10%;
}
.wp-block-columns{
margin-bottom: 0;
}
.infoactu{
padding: 40px;
}
.titreactu{
padding-top: 10%;
}
#container_actu{
width: 100%; border: 0px solid #053886; height: 352px;
}
#actuenune{
width: 100%; height: 200px; background-color: #053886; text-align: center; border-bottom: 10px solid white; color: white;
}
#vignetteactu{
width: 15%; float: left; height: 200px;
}
#vignette_actu{
margin-top: 25px; width: 100px; 
}
#bloctitredateenune{
width: 85%; float: left; height: 200px;	
}
#titreactuenune{
width: 39%; margin-right: 1%; float: left; height: 200px; padding: 10px;	
}
#resumeactuenune{
width: 60%; float: left; height: 200px; padding: 10px;	
}
#actus1, #actus2{
width: 100%;
}
.actugauche, .actucentre, .actudroite{
width: 33.33%; height: 150px; float: left; text-align: center; border: 10px solid white; background-color: rgba(231, 231, 231, .5);	
} h6{
font-size: 0.9em;
}
#actu1, #actu4, #actu7{
border-left: 0px solid white;
}
#actu3, #actu6, #actu9{
border-right: 0px solid white;
}
.actu:hover{
background-color: #cadefc;
cursor: pointer;
}
#actu1bandeau{
position: absolute;
z-index: 10;
background-color: rgba(231, 231, 231, .5);
font-size: 0px;
color: #000;
border: 1px solid red;
text-align: center;
margin-top: 20px;
}
#actu1contenu{
width: 100%;
position: relative;
z-index: 1;
} .bg_white{
background-color: white;
}
.bg_prevention{
background-color: rgba(231, 231, 231, .5);
}
bg_prevention0, .bg_prevention:hover{
background-color: #6b3092;
color: white;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.bg_rh{
background-color: rgba(231, 231, 231, .5);
}
.bg_rh0, .bg_rh:hover{
background-color: #d8181c;
color: white;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.bg_emploi{
background-color: rgba(231, 231, 231, .5);
}
.bg_emploi0, .bg_emploi:hover{
background-color: #f2bd0b;
color: white;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.bg_direction{
background-color: rgba(231, 231, 231, .5);
}
.bg_direction0, .bg_direction:hover{
background-color: #053886;
color: white;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
@media all and (max-width: 900px ){
#container_actu{
height: 552px;
}
#vignette_actu{
margin-top: 90px; width: 70px; 
}
#actuenune{
height: 300px;
}
#titreactuenune{
width: 100%;  margin-right: 0%; min-height: 50px;		
}
#resumeactuenune{
width: 100%; min-height: 150px;
}
.actugauche, .actucentre, .actudroite{
height: 150px;
}	
}
@media all and (max-width: 500px ){
#container_actu{
height: 762px;
}
#vignette_actu{
margin-top: 75px; width: 50px; 
}
#actuenune{
height: 350px;
}
.actugauche, .actucentre, .actudroite{
width: 100%; border-left: 0px solid white; border-right: 0px solid white;
}
} .aside-accueil{
border-radius: 30px;
}
[type=button], [type=submit], button, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{
border: 0px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{
height: 40px;
border: solid 1px black;
}
.boutonmulti, .boutonaisde,.boutonpages{
background-color: #053886;
border-radius: 10px;
}
.boutonmulti:hover, .boutonaisde:hover,.boutonpages:hover,.boutoncollecaccueil:hover, .foruminfo:hover, .asideleftcollec a:hover, .boutonsanteaccueil:hover{
transform: scale(0.9);
transition: 200ms linear; 
} .bloccadresemploi{
border-radius: 50px;
height: 20%;
width: 50%;
margin: auto;
}
.bloccadresemploi a{
text-decoration: none;
color: white;
}
.leftaside{
background-image: url(//www.cdg48.fr/wp-content/themes/hello-theme-child-master/assets/devenir-intervenant.png);
background-size:cover;
background-repeat: no-repeat;
padding: 50px;
}
.leftaside a{
background-color: #053886;
border-radius: 50px;
padding: 20px;
color: white;
margin-left: 35%;
}
.blocpages{
border: solid 2px #053886;
padding: 50px;
height: 260px;
}
.leftaside p{
background-color: #e8e8e896;
padding: 20px;
border-radius: 50px;
} .blocinfos{
border: solid 2px #053886;
padding: 50px;
height: 190px;
}
.foruminfo{
text-decoration: none;
border: white;
}
.asideleftcollec{
background-image: url(//www.cdg48.fr/wp-content/themes/hello-theme-child-master/assets/utilisation-calculette.jpg);
background-size:cover;
background-repeat: no-repeat;
height: 300px;
position: relative;
}
.asideleftcollec a{
background-color: #d8181c;
border-radius: 50px;
padding: 20px;
color: white;
margin-left: 25%;
text-align: center;
margin-top: 25%;
position: absolute;
}
.asideleftcollec p{
margin-top: 40%;
text-align: center;
background-color: #e8e8e8c4;
padding: 20px;
}
.fondsanteaccueil{
background-image: url(//www.cdg48.fr/wp-content/themes/hello-theme-child-master/assets/fond-accueil-sante.png);
background-size:cover;
background-repeat: no-repeat;
height: 25em;
}
.boutonsanteaccueil{
color: white;
}
@media screen and (max-width: 781px){
.spacesanteaccueil{
display: none;
}
} #wpforo #wpforo-wrap #wpforo-footer .wpf-footer-box:first-child {
display: none;
} .elementor-3842 .elementor-element.elementor-element-338ebbf .menu-item a.hfe-menu-item, .elementor-3842 .elementor-element.elementor-element-338ebbf .sub-menu a.hfe-sub-menu-item, .elementor-3842 .elementor-element.elementor-element-837f1c9 .menu-item a.hfe-menu-item, .elementor-3842 .elementor-element.elementor-element-837f1c9 .sub-menu a.hfe-sub-menu-item{
text-align: center;
}
.contact-footer a{
color: white;
} .div-logo-header{
position: fixed;
top: 20px;
left: 20px;
z-index: 1100;
width: 7%;
min-width: 55px;
}
.logo-header{
width: 100%;
}
#content, .footer-width-fixer{
background-color: #e7e7e7;
}
.page-content{
background-color: white;
padding: 20px;
max-width: 1200px;
}
.comments-area{
max-width: 1200px;
margin: auto;
}
@media screen and (max-width: 1300px){
.div-logo-header{
position: absolute;
top: 16px;
left: 16px;
}
} .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
max-width: 100%;
} .site-header {display: flex;
flex-wrap: nowrap;
justify-content: center;
padding-block-start: 1rem;
padding-block-end: 1rem;
position: relative;
align-content: flex-end;
align-items: baseline;
flex-direction: row; } .white{
color: white;
} .white:hover{
color: white;
}
.site-branding{
width: 0;
height: 0;
} .trombblock50{
float: left;
padding-right: 20px;
margin-bottom: 30px;
width: 50%;
min-width:350px;
}
.trombblock100 {
float: left;
padding-right: 20px;
margin-bottom: 30px;
width: 100%;
}
.trombphoto{
float: left;
height: 150px;
margin-right: 10px;
}
.trombtext{
float: left;
height: 150px;
}
.bord-bleu{
border-right: 3px solid #053886;
}
.bord-violet{
border-right: 3px solid #6b3092;
}
.bord-jaune{
border-right: 3px solid #f2bd0b;
}
.bord-rouge{
border-right: 3px solid #e5115b;
} .liendansbleu{
color: white;
}
.liendansbleu:hover{
color: #6b3092;
} .accordion_delib {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.active, .accordion_delib:hover {
background-color: #ccc;
}
.panel_delib {
padding: 0 18px;
background-color: white;
max-height: 0;
border: 1px solid #e7e7e7;
overflow: hidden;
transition: max-height 0.2s ease-out;
} .custom-logo{
display: none;
} .forminator-button-submit {
border: 1px solid grey;
} .size-post-thumbnail{
width: 200px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.su-post-title{
font-size: 1.1rem;
}
.su-post {
clear: both;
width: 100%;
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #bdbdbd;
} .modal-custom { position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000;  background-color: rgba(255, 255, 255, 0.8); visibility: hidden;
opacity: 0;
pointer-events: none; transition: opacity 0.3s, visibility 0.3s; display: flex;
justify-content: center;
align-items: center;
} .modal-custom:target {
visibility: visible;
opacity: 1;
pointer-events: auto;
} .modal-content-wrapper {  padding: 10px; background-color: white; border: 1px solid grey;
border-radius: 0;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2); overflow: hidden; 
position: relative;
box-sizing: border-box; } .modal-content-wrapper .modal-image {
display: block;    height: 70vh;
max-width: 100%;
max-height: 100%;
width: auto; object-fit: contain;
} .modal-close-button {
background-color: white;
position: absolute;
top: 0;
right: 5px;
font-size: 30px;
font-weight: bolder;
color: #333;
text-decoration: none;
line-height: 1;
transition: color 0.2s;
}
.modal-close-button:hover {
color: #000;
}