img{
max-width: 100%;
height: auto;
display: block;
}
.alignleft{
float: left;
margin-right: 10px;
}
.alignright{
float: right;
margin-left: 10px;
}
.aligncenter{
margin: 10px auto;
}
a{
transition: all 0.3s;
}
p{
line-height: 170%;
color: #3E3E3E;
font-weight: 400;
font-size: 15px;
}
h1{
color:white;
font-size: 31px;
font-weight: bold;
line-height:160%;
font-weight: 600;
text-wrap: nowrap;
}
h1 strong{
font-size: 49px;
display: block;
font-weight: 600;
}
h2,
.single h1{
color:#937571;
font-size: 32px;
font-weight: bold;
letter-spacing: -1px;
margin-bottom: 40px;
}
.sectionTitle{
font-size: 16px;
letter-spacing: 2px;
color:#A3504A;
font-weight: 600;
margin-bottom: 10px;
}
h3{
color:#AB5050;
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
}
section{
padding: 60px 0;
}
#wrapper section:first-of-type{
padding-top: 30px;
}
.btnPlus a{
display: inline-block;
background: #AB5050;
border-radius: 50%;
width: 31px;
height: 31px;
line-height: 29px;
text-align: center;
color: white;
font-size: 12px;
border:1px solid #AB5050;
}
.btnPlus a:hover{
background: white;
color:#AB5050;
}
.decoPetalesVert{
background-image: url(//www.maison-retraite-st-germain-la-ville.org/wp-content/themes/rdp/images/decoPetales.png)!important;
}
.btnBase{
text-align: center;
}
.btnBase a{
display: inline-block;
border-radius: 30px;
padding: 10px 50px;
background: #661B71;
border: 1px solid #661B71;
color:white;
text-decoration: none;
font-size: 13px;
font-weight: 400;
}
.btnBase a:hover{
background: none!important;
color:#661B71;
}
.btnBase.blanc a {
background: white;
border-color: white;
color: #75157C;
}
.btnBase.blanc a:hover {
background: none;
color: white;
}
body{
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 300;
color:#040402;
margin: 0;
font-size: 14px;
color:#363636;
overflow-x: hidden;
}
header .topHeader{
display: flex;
justify-content: end;
}
header .topHeader ul{
background: #E9ACA2;
padding: 6px 15px;
display: inline-block;
right: 5vw;
border-radius: 0 0 10px 10px;
display: flex;
margin: 0 5vw 0 0;
list-style: none;
}
header .topHeader li{
margin: 0;
padding: 0 15px;
}
header .topHeader a{
color:white;
text-decoration: none;
font-weight: 500;
}
header .topHeader a:hover{
color:#773F35;
}
#slicknav{
position: absolute;
width: 100%;
z-index: 99;
top: 58px;
}
.slicknav_menu{
display: none;
background: none;
}
.slicknav_nav {
background: rgba(255,255,255,0.95);
}
.slicknav_nav a{
color: #2c2c2c;
font-weight: 500;
text-transform: uppercase;
padding: 10px;
}
.slicknav_btn{
background: none;
margin: 5px 15px 6px;
}
.slicknav_menu{
padding: 0;
}
.slicknav_menu .slicknav_icon-bar {
background: black;
width: 1.55em;
height: 2px;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 5px;
}
header navbar{
margin: 6px 0;
}
header .navbar-brand img{
margin: auto;
display: block;
transition: all 0.4s;
width: 220px;
}
header #navbar a{
padding: 30px 0;
display: block;
}
header #navbar a{
color:#363636;
font-size: 14px;
font-weight: 500;
margin: 0 16px;
padding: 0;
position: relative;
text-transform: uppercase;
text-decoration: none;
}
header #navbar .nav-link:hover{
color: #E9ACA2;
} header #navbar li a{
padding: 30px 0;
}
header #navbar li a:hover{
color: #E9ACA2;
}
header #nav > ul > li ul{
list-style: none;
}
header #nav > ul > li{
position: relative;
}
header #nav > ul > li li a{
padding: 10px 0;
margin: 0;
display: block;
}
header #nav > ul > li li a:hover{
text-indent: 4px;
}
header #nav > ul > li ul {
display: none;
width: 320px;
position: absolute;
left: 19px;
top: 67px;
z-index: 10;
background: white;
padding: 0 0 10px 24px;
position: absolute;
} header #nav > ul>li.mega {
position: static;
}
header #nav > ul>li:nth-child(2) > ul {
display: none;
width: auto;
z-index: 10;
position: absolute;
width: 80vw;
max-width: 900px;
background: white;
left: 50%;
transform: translateX(-50%);
top: 70px;
padding: 25px 0 25px 49px;
}
header #nav > ul>li:nth-child(2) > ul > li {
width: 45%;
margin-right: 5%;
float: left;
list-style: none;
}
header #nav > ul>li:nth-child(2) > ul > li > a {
color: #2d2d2d;
display: block;
border-bottom: 1px solid #2d2d2d;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 10px 0;
text-decoration: none;
margin-left: 0px;
}
header #nav > ul>li:nth-child(2) > ul > li > a:hover {
text-indent: 4px;
}
header #nav > ul>li:nth-child(2) > ul > li ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width: auto;
position: static;
padding: 0 0 0 25px;
list-style: square;
}
header #nav > ul>li:nth-child(2) > ul > li ul li {
width: 50%;
}
header #nav > ul>li:nth-child(2) > ul > li ul li a {
font-weight: 400;
font-size: 13px;
line-height: 28px;
text-decoration: none;
margin-left: 0px;
padding: 0;
}
header #nav > ul>li:nth-child(2) > ul > li ul li a:hover {
padding-left: 4px;
}
footer #topFooter{
background: #5D799C;
padding: 8px 0;
border-top: 2px solid white;
}
footer #topFooter .title{
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
}
footer a{
text-decoration: none;
}
footer #footer{
background: #21476C;
padding: 25px 0;
}
footer #footer .title{
font-size: 18px;
font-weight: 600;
}
footer #footer p{
margin-bottom: 15px;
}
footer .logo{
}
footer p{
color: white;
margin: 0;
}
footer a{
color:white;
}
footer a:hover{
color:white;
text-decoration: underline;
}
#imgHeader{
position: relative;
height: 350px;
background: url(//www.maison-retraite-st-germain-la-ville.org/wp-content/themes/rdp/images/photoHeader.jpg) no-repeat center;
background-size: cover;
}
#imgHeader .blocTitre{
position: absolute;
left: 30%;
bottom: 0%;
transform: translate(-300px, -50%);
} .home section{
padding: 75px 0;
}
.home #imgHeader{
height: 664px;
}
.home #imgHeader .blocTitre{
left: 30%;
top: 30%;
bottom: inherit;
}
body.home {
}
#missions .content{
position: relative;
height: 100%;
padding-bottom: 20px;
}
#missions .btnPlus a{
position: absolute;
bottom: 0;
left: 0;
}
#missions h3{
font-size: 16px;
}
#missions .dispositifs{
background: #F7F5F5;
}
#missions .dispositifs h2{
color:#AB5050;
margin-bottom: 16px;
}
#missions .dispositifs h3{
color: #D64B4B;
}
#missions .dispositifs .btnPlus a{
background: #D64B4B;
border-color: #D64B4B;
}
#missions .dispositifs .btnPlus a:hover{
background: #fff;
color:#D64B4B;
}
#vie {
position: relative;
background: #57B2B7;
margin-bottom: 70px;
overflow: hidden;
}
@media screen and (min-width:768px){
#vie {
background: -moz-linear-gradient(180deg, rgba(87,178,183,1) 398px, rgba(255,255,255,1) 398px);
background: -webkit-linear-gradient(180deg, rgba(87,178,183,1) 398px, rgba(255,255,255,1) 398px);
background: linear-gradient(180deg, rgba(87,178,183,1) 398px, rgba(255,255,255,1) 398px);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#57b2b7",endColorstr="#ffffff",GradientType=1);
}
}
#vie > .container{
position: relative;
}
@media screen and (min-width:1200px){
#vie > .container{
padding: 0px 75px;
}
}
#vie .sectionTitle{
color:#054C50;
}
#vie h2{
color:#A3E6EA;
}
#vie .content{
background: #F5F5F5;
text-align: center;
padding: 25px 40px;
position: relative;
margin: auto;
max-width: 393px;
min-height: 165px;
}
#vie .row img{
margin: auto;
}
#vie h3{
color:#0D4D07;
}
#vie .btnPlus a{
color:white;
background: #57B2B7;
border-color:#57B2B7;
width: 51px;
height: 51px;
line-height: 49px;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
}
#vie .btnPlus a:hover{
color:#57B2B7;
background: white;
}
#vie .deco{
width: 200px;
position: absolute;
left: -260px;
}
#equipes{
background: #FFF7FB;
overflow: hidden;
}
#equipes > .container{
position: relative;
}
#equipes .deco {
width: 200px;
position: absolute;
right: -260px;
}
#equipes .sectionTitle{
color:#661B71;
}
#equipes h2{
color:#661B71;
text-align: center;
}
#equipes img{
margin: auto;
}
#equipes .content{
padding: 25px 0;
}
@media screen and (min-width:1200px){
#equipes .content{
padding: 25px 40px;
}
}
#equipes h3{
text-align: center;
color:#661B71;
}
#equipes p{
text-align: center;
}
#rejoindre{
background: #75157C;
padding: 0;
}
#rejoindre h2{
color:white;
}
#rejoindre .sectionTitle{
color:white;
}
#rejoindre p{
color:white;
}
#rejoindre .content{
width: 80%;
max-width: 500px;
margin: auto;
padding: 60px 0;
}
#rejoindre .bgRejoindre{
background: url(//www.maison-retraite-st-germain-la-ville.org/wp-content/themes/rdp/images/photoOffre.jpg) no-repeat center;
background-size: cover;
min-height: 300px;
}
#rejoindre .btnBase{
text-align: left;
padding: 30px 0;
}
#actus{
}
#actus h2,
#actus .sectionTitle{
text-align: center;
}
#actus .actusContent h2{
text-align: left;
}
#actus .actusContent .content{
max-width: 720px;
margin: inherit;
}
#actus a.contentActu{
display: block;
border:1px solid #EAEAEA;
border-radius: 15px;
overflow: hidden;
max-width: 362px;
margin: auto;
text-decoration: none;
transition: all 0.3s;
}
#actus a.contentActu:hover{
-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
#actus .textActu{
padding: 20px;
}
#actus .date{
margin: 0;
font-size: 12px;
}
#actus hr{
border-color: #EAEAEA;
opacity: 1;
}
#actus .actusContent .btnBase a{
background: #AB5050;
border-color:#AB5050;
}
#actus .actusContent .btnBase a:hover{
color:#AB5050;
}
#actus .agendaContent{
background: #AB5050;
color:white;
padding: 20px 50px;
}
#actus .agendaContent .content{
max-width: 720px;
margin: inherit;
}
#actus .dateAgenda{
border-right: 1px dotted white;
}
#actus .dateAgenda p{
margin: 0;
}
#actus .day{
text-transform: uppercase;
font-size: 11px;
display: block;
text-align: center;
}
#actus .num{
text-transform: uppercase;
font-size: 59px;
display: block;
text-align: center;
font-weight: 500;
line-height: 50px;
letter-spacing: -4px;
}
#actus .month{
text-transform: uppercase;
font-size: 11px;
display: block;
text-align: center;
font-weight: 700;
}
#actus .time{
text-transform: uppercase;
font-size: 15px;
display: block;
text-align: center;
font-weight: 300;
line-height: 100%;
}
#actus .agendaContent h2{
text-align: left;
color: white;
}
#actus .agendaContent h3{
color: white;
}
#actus .agendaContent p{
color: white;
}
#actus .agendaLink{
color:white;
text-align: center;
}
#actus .agendaLink p{
line-height: 100%;
text-transform: uppercase;
margin-bottom: 4px;
}
#actus .agendaLink .btnPlus a{
background: white;
color:#AB5050;
border-color:white;
}
#actus .agendaLink .btnPlus a:hover{
background: #AB5050;
color: white;
} #breadcrumb{
padding: 56px 0 0 0;
}
#breadcrumbs, #breadcrumbs a{
color:#A3504A;
text-decoration: none;
font-size: 15px;
font-weight: 500;
letter-spacing: 1px;
}
.fondRose{
background: #D4C4C3;
}
.fondRouge{
background: #D64B4B;
}
.fondRouge p{
color:#fff;
}
.fondRouge h3{
color: #FAC4BC;
}
.fondRouge .elementor-widget-button .elementor-button{
background: #E9ACA2;
border-color:#E9ACA2;
}
#wrapper p strong{
font-weight: 500;
} #agendaUne{
background: #AB5050;
padding: 20px;
}
#agendaUne h2{
color:#fff;
font-size: 23px;
text-align: right;
margin-bottom: 20px;
}
#agendaUne h3{
color:#fff;
font-size: 18px;
}
#agendaUne p{
color: #fff;
font-size: 13px;
}
#agendaUne .heure{
color:#fff;
text-transform: uppercase;
font-size: 12px;
display: block;
letter-spacing: 1px;
font-weight: 400;
} .rowAgendaList:after{
content:"";
display: block;
margin: 40px auto;
width: 80px;
height: 2px;
background: #AB5050;
}
.rowAgendaList .dateAgenda p{
color:#AB5050;
} .single-agenda #actus .detailAgenda h1{
color:#AB5050;
text-align: center;
}
.single-agenda #actus .detailAgenda .dateAgenda p{
color:#AB5050;
}
.single-agenda #actus .detailAgenda .day{
font-size: 14px;
}
.single-agenda #actus .detailAgenda .num{
font-size: 70px;
line-height: 66px;
}
.single-agenda #actus .detailAgenda .month{
font-size: 14px;
}
.single-agenda #actus .detailAgenda .time{
font-size: 18px;
} .single-post #actus .actusContent h2{
text-align: center;
}
.single-post #actus .detailAgenda .attachment-single{
display: block;
margin: 0 auto 30px auto;
} #downloads{
border-top:2px solid #21476C;
}
#downloads h2{
color:#21476C;
}
#downloads a{
color:#21476C;
text-decoration: none;
}
#downloads a:hover{
text-decoration: underline;
}
#downloads a:before{
content: "";
margin-right: 10px;
display: inline-block;
width: 20px;
background-size: auto;
width: 30px;
height: 30px;
background-size: contain;
vertical-align: bottom;
background-repeat: no-repeat;
transition: all 0.3s;
}
#downloads a[href$=".pdf"]:before{
background-image: url(//www.maison-retraite-st-germain-la-ville.org/wp-content/themes/rdp/images/pictoPdf.svg);
}
#downloads a[href$=".xls"]:before,
#downloads a[href$=".xlsx"]:before{
background-image: url(//www.maison-retraite-st-germain-la-ville.org/wp-content/themes/rdp/images/pictoXls.svg);
}
#downloads a[href$=".doc"]:before,
#downloads a[href$=".docx"]:before{
background-image: url(//www.maison-retraite-st-germain-la-ville.org/wp-content/themes/rdp/images/pictoDoc.svg);
}
#downloads a:hover:before{
margin-left: 5px;
margin-right: 5px;
} #wpcf7-f413-p97-o1{
input[type="text"],
input[type="email"],
textarea
{
width: 100%;
padding: 5px;
}
} @media screen and (min-width:992px){
header #navbar .nav-link:after{
content:"";
display: block;
position: absolute;
width: 0%;
height: 3px;
background: #E9ACA2;
left: 0;
bottom: -28px;
transition: all 0.3s;
}
header #navbar .nav-link:hover:after{
width: 100%;
}
}
@media screen and (max-width:1399px){
header .navbar-brand img {
width: 180px;
}
header #navbar .nav-link{
margin: 0 13px;
}
#imgHeader {
height: 514px;
}
#vie .content{
min-height: 190px;
}
}
@media screen and (max-width:1199px){
h2{
font-size: 24px;
}
h2 br{
display: none;
}
h3{
font-size: 15px;
}
header .navbar{
padding: 15px 0;
}
header #navbar .nav-link{
padding: 10px;
}
.slicknav_menu{
display: block;
}
header #nav{
display: none;
}
#actus .agendaContent {
padding: 20px 14px;
}
#actus .day {
font-size: 10px;
}
#actus .num {
font-size: 49px;
}
#actus .month {
font-size: 10px;
}
#actus .time {
font-size: 10px;
}
}
@media screen and (max-width: 991px) {
#imgHeader {
height: 400px;
}
h1 {
font-size: 27px;
}
h1 strong {
font-size: 41px;
}
}
@media screen and (max-width:767px){
h1 {
font-size: 18px;
line-height: 140%;
}
h1 strong {
font-size: 27px;
}
h2{
font-size: 24px;
}
header .topHeader{
display: block;
}
header .topHeader ul {
border-radius: 0;
margin: 0;
padding: 6px;
justify-content: space-around;
}
header .topHeader li {
padding: 0 5px;
}
header .topHeader a{
letter-spacing: -1px;
}
#imgHeader {
height: 300px;
}
}
@media screen and (max-width:575px){
#imgHeader {
height: 220px;
}
#imgHeader .blocTitre {
position: absolute;
left: 10px;
top: 20px;
transform: none;
}
section {
padding: 45px 0;
}
}