.gentium-book-plus-regular {
font-family: "Gentium Book Plus", serif;
font-weight: 400;
font-style: normal;
}
.gentium-book-plus-bold {
font-family: "Gentium Book Plus", serif;
font-weight: 700;
font-style: normal;
}
.gentium-book-plus-regular-italic {
font-family: "Gentium Book Plus", serif;
font-weight: 400;
font-style: italic;
}
.gentium-book-plus-bold-italic {
font-family: "Gentium Book Plus", serif;
font-weight: 700;
font-style: italic;
}
.handlee-regular {
font-family: "Handlee", cursive;
font-weight: 400;
font-style: normal;
}
.white{ color: #FFF0EB;}
@font-face {
font-family: "CreaLibre Gothic Regular";
src: url(//www.crea-libre.fr/wp-content/themes/theme-crealibre/fonts/CreaLibre-Gothic-Regular.woff2) format("woff2"),
url(//www.crea-libre.fr/wp-content/themes/theme-crealibre/fonts/CreaLibre-Gothic-Regular.woff) format("woff"),
url(//www.crea-libre.fr/wp-content/themes/theme-crealibre/fonts/CreaLibre-Gothic-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
html {
margin-top: 0 !important;
}
*,
::before,
::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
h1,
h2,
h3 {
font-family: "CreaLibre Gothic Regular", sans-serif!important;
font-weight: 500!important;
}
h1 {
font-size: 7em;
width: 50%;
text-align: center;
padding-top: 2em;
}
.titleHeader2,.titleHeader3{
text-align: center;
font-size: clamp(18px, 2vw, 30px);
}
h4,
h5,
h6 {
font-family: "Gentium Book Plus", sans-serif;
}
li, a {
text-decoration: none!important;
color: #124559;
font-size: 1em;
}
p {
font-family: "Handlee", sans-serif;
}
p {
font-size: clamp(15px, 2vw, 25px);
}
.p-creation p{
font-size: clamp(14px, 2vw, 18px);
}
body{
background-color: #FFF0EB;
}
main {
display: flex;
flex-direction: column;
min-height: 98vh;
justify-content: space-between;
}
.elementor-widget-container p a {
text-decoration: underline!important;
color: #FFF0EB!important;
}
.elementor-widget-container p a:hover{
color: #124559!important;
}
ul {
list-style-type: none;
}
.menu-topbar {
display: flex;
color: #124559;
}
.menu-topbar a {
padding: 2em;
}
#topbar a {
text-decoration: none!important;
color: #124559 !important;
font-size: 1.2em;
}
.topbar {
display: flex;
align-items: center;
padding-left: 2em;
}
.hidden {
display: none;
}
.mobile {
display: none;
}
#topbar {
justify-content: space-between;
height: 10rem;
padding: 2em 0;
}
#icone-topbar {
text-align: right;
padding-right: 5em;
}
.header-home,
.header-home img,
.titleHeader {
width: 100%;
height: 98vh;
}
.header-home {
z-index: 0;
position: relative;
}
.header-home img {
position: absolute;
z-index: -10;
}
.overlay {
position: absolute;
z-index: -5;
background: #fff0eb;
width: 100%;
height: 100%;
opacity: 0.8;
}
.contenuBouton {
border: none;
font-family: "Gentium Book Plus", sans-serif;
margin-left: 45%;
margin-top: 3em;
text-decoration: none!important;
}
.contenuBouton:hover, .elementor-button-wrapper a:hover {
border: solid 2px #3D0B37;
background-color: #fff0eb;
color: #3D0B37!important;
font-weight: bolder;
}
.height {
height: 15em;
}
.elementor-button{
text-decoration: none!important;} .fa .fa-bars {
height: 2.5em !important;
margin-top: 0.5em !important;
}
.topnav {
overflow: hidden;
position: relative;
}
.topnav #myLinks {
display: none;
}
li.menu-item-has-children{
position: relative;
}
.sub-menu {
min-width: 3em;
display: none;
position: absolute;
top: 100%; left: 0;
z-index: 999;
background: #A8B6A4; padding: 10px 0;
min-width: 210px; }
ul.sub-menu{
padding-left: 2.2em;
}
.sub-menu.open {
display: block;
}
.sub-menu.open li:hover{
background-color: #fff0eb;
color: #124559;
}
.sub-menu.open li a {
padding: 0;
}
#presentation{
height: 40em;
margin-top: 25em;
background: linear-gradient( #124559,#608080);
}
img {
width: 10%;
height: auto;
}
.elementor-heading-title {
font-size: 2.5em;
width: 100%;
}
footer{
background-color: #A8B6A4;
color: #124559;
}
#footer{
padding-top: 2em;
}
.titres-footer{
font-family: "CreaLibre Gothic Regular", sans-serif;
font-size: 1.3em;
padding-left: 1.5em;
}
.li-footer {
padding-top: 0.8em;
line-height: 2em;
}
.li-footer a, div.inner-block span {
text-decoration: none!important;
color: #124559;
}
.li-footer a:hover {
color: #fff0eb;
}
div.inner-block span:hover{ color:#A8B6A4;} .fa .fa-bars {
height: 7em!important;
margin-top: 0.5em!important;
}
.topnav {
overflow: hidden;
background-color: #A8B6A4;
position: relative;
}
.topnav #myLinks {
display: none;
}
.topnav a {
color: #124559;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}
.topnav a.icon {
display: block;
position: absolute;
right: 0;
top: 0;
font-size: 50px;
}
.topnav a:hover {
background-color: #124559;
color: #fff0eb;
}
.active {
background-color: #A8B6A4;
color: #fff0eb;
}
.swiper-slide-image{
max-width: 100%!important;
margin: auto!important;
} #container-formulaire{
width: 60%!important;
margin-left: 20%;
}
#wpforms-351-field_5{
width: 61%;
}
fieldset{
width: 70em!important;
}
#wpforms-351{
width: 70em!important;
margin-left: 15%;
}
#wpforms-submit-351{
margin-left: 28%!important;
font-family: "Gentium Book Plus", sans-serif!important;
}
.wpforms-field-label{
font-family: "CreaLibre Gothic Regular", sans-serif!important;
}
.wpforms-field-sublabel {
font-family: "Gentium Book Plus", sans-serif!important;
}
.img-fluid{
display: none!important;} .elementor-436 .elementor-element.elementor-element-8293401 .wpr-grid-item-title .inner-block a{
padding: 0px 0px 15px 0px!important;} #title {
font-size: 2.5em;
width: 100%;
text-align: center;
padding: 2em,
}
.wp-block-buttons.is-content-justification-center {
margin-top: 5em;
}
.wp-block-button__link:hover {
color: #63264a!important;
background-color: #fff0eb!important;
border: solid 1px #63264a;}
.attachment-full{
width: 100%;
height:100vh;
}
#LienArticle a {color:#124559!important;}
#LienArticle a:hover { color:#a8b6a4!important;}
article p {
margin-left: 5em;}
article h2{
padding-left: 4em;}
#rank-math-toc{
padding-left: 7em;}
#rank-math-toc h2 {
padding: 0.5em;}
aside li {
list-style-type: none;} .wpr-grid-item-title {
padding: 0;}
.elementor-1116 .elementor-element.elementor-element-ca36e51 .wpr-grid-item-below-content {
padding: 30px 0px 0px 0px!important;}
.wpr-grid-item-below-content h2, .wpr-grid-item-below-content div {
padding-bottom: 0.5em;}
li.date::marker {
color: #fff0eb;} div .comment-author.vcard{
display: flex;
align-items: center;
justify-content: center;
margin: 0.5em;}
b.fn {
margin: 0.7em;}
input#submit.btn.btn-info {
background-color: #124559;
color: #fff0eb;
border-color: #124559;
}
input#submit.btn.btn-info:hover {
background-color: #fff0eb;
color: #124559;
border-color: #124559;
} .wpr-grid-item-inner, .wpr-grid-media-wrap {
max-width: 600px;
}