@font-face {
font-family: Montserrat Li;
src: url(//www.orthopedie-vlamynck.com/wp-content/themes/vlamynck/fonts/Montserrat-Light.ttf) format('truetype');
}
@font-face {
font-family: Montserrat Re;
src: url(//www.orthopedie-vlamynck.com/wp-content/themes/vlamynck/fonts/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
font-family: Montserrat Me;
src: url(//www.orthopedie-vlamynck.com/wp-content/themes/vlamynck/fonts/Montserrat-Medium.ttf) format('truetype');
}
@font-face {
font-family: Montserrat Bo;
src: url(//www.orthopedie-vlamynck.com/wp-content/themes/vlamynck/fonts/Montserrat-Bold.ttf) format('truetype');
} body,
html {
width: 100%;
height: auto;
font-size: 15px;
}
body { 
font-family: 'Montserrat Re', Helvetica, sans-serif;
overflow-x: hidden;
color: #333;
}
section { padding: 3rem 0; } 
a {
color: #36356e;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
a:hover {
color: #e63434;
text-decoration: underline;
}
b,
strong {
font-family: 'Montserrat Bo', Helvetica, sans-serif;
font-weight: bold;
}
p {
color: #36356e;
margin-bottom: 20px;
font-weight: 200;
font-size: 1rem;
}
ul { padding-left: 20px; }
ul li { color: #36356e; }
ul:last-of-type:last-child,
p:last-of-type:last-child { margin-bottom: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat Me', Helvetica, sans-serif;
font-weight: bold;
}
h2 {
font-size: 1.5em;
text-transform: uppercase;
display: inline;
padding: 0.1rem 0.4rem;
}
h3 { font-size: 1.5rem; }
.bg-blanc { background-color: #fff; }
.bg-bleu-clair { background-color: #f1f3f8; }
.bg-violet { background-color: #29275c; }
.bg-violet-clair { background-color: #dde2ed; }
.border-gris { border: 1px solid #aaabba; }
.background:after {
content: "";
position: absolute;
width: 100%;
height: 200px;
background-image: url(//www.orthopedie-vlamynck.com/wp-content/themes/vlamynck/img/background.png);
background-size: contain;
background-repeat: repeat;
right: 0;
left: 0;
z-index: -1;
top: 35rem;
}
::placeholder { color: #28275c; 
} 
:-ms-input-placeholder { color: #28275c; 
} 
::-ms-input-placeholder { color: #28275c; 
}
.carousel-indicators li { background-color: #28275c; }
.grecaptcha-badge { display: none !important; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .card > * { flex: 0 0 auto; }
} header .h1 {
color: #fff;
text-transform: uppercase;
font-size: 1.8rem;
font-weight: normal;
}
header .h1 span { color: #e63635; }
header p { color: #5f82bc; }
header ul { 
position: absolute;
margin-bottom: 0;
padding-left: 0;
}
header ul.page { 
right: 5%;
top: 0;
}
header ul.social { 
right: 5%;
bottom: 0;
}
header .social li {
display: inline-block;
background-color: #5f82bc;
width: 40px;
height: 40px;
margin: 0;
border-radius: 3rem;
}
header .social li a {
display: inline-block;
position: relative;
cursor: pointer;
width: 40px;
height: 40px;
text-decoration: none;
text-align: center;
font-weight: normal;
line-height: 42px;
font-size: 1.5rem;
}
header .page li a  {
color: #e63635;
text-transform: uppercase;
text-decoration: underline;
font-weight: bold;
}
@media screen and (max-width: 768px) {
header ul.page {
position: relative;
text-align: center;
margin-bottom: 2rem;
right: 0 !important;
}
header ul.social {
position: relative;
text-align: center;
margin-top: 2rem;
right: 0 !important;
}
} #logo img.logo {
display: block;
margin: 0 auto;
}
#logo .wrapper-btn-contact {
display: block;
position: relative;
width: 158px;
height: 164px;
margin: 0 auto;
}
#logo .wrapper-btn-contact .btn-contact {
position: absolute;
width: 100%;
text-align: center;
font-size: 0.8rem;
font-weight: bold;
text-transform: uppercase;
line-height: 1.1rem;
top: 50%;
transform: translateY(-50%);
}
#logo .wrapper-btn-contact .btn-contact:after {
content: "";
position: absolute;
width: 158px;
height: 164px;
background-image: url(//www.orthopedie-vlamynck.com/wp-content/themes/vlamynck/img/contactez-nous.png);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
right: 0;
}
#logo .wrapper-btn-contact .btn-contact:hover,
#logo .wrapper-btn-contact .btn-contact:focus {
color: #e63434;
text-decoration: none;
}
#logo .wrapper-btn-contact .btn-contact i {
font-size: 2rem;
margin-bottom: 0.3rem;
}
@media screen and (max-width: 992px) {
#logo .wrapper-btn-contact {
width: 120px;
height: 125px; 
}
#logo .wrapper-btn-contact .btn-contact {
font-size: 0.65rem;
line-height: 0.8rem;
}
#logo .wrapper-btn-contact .btn-contact:after {
width: 120px;
height: 125px; 
}
#logo .wrapper-btn-contact .btn-contact i { font-size: 1.4rem; }
}
@media screen and (max-width: 768px) {
#logo .wrapper-btn-contact {
width: 100%;
height: 100%;
}
#logo .wrapper-btn-contact .btn-contact {
position: relative;
transform: unset;
font-size: 0.8rem;
line-height: 0.8rem;
}
#logo .wrapper-btn-contact .btn-contact:after { content: none; }
}
@media screen and (max-width: 768px) {
#logo img.logo { max-width: 250px; }
#logo .wrapper-btn-contact .btn-contact { text-align: right; }
} .countdown { background-color: #d3dbeb; }
.countdown #head {
font-size: 1.2rem;
padding-top: 1rem;
text-transform: uppercase;
}
.countdown li {
display: inline-block;
font-size: 1em;
list-style-type: none;
padding: 0 1em 1em 1em;
text-transform: uppercase;
}
.countdown li span {
display: block;
font-size: 3rem;
} .navbar { 
background-color: #fff;
border-top: 1px solid #d7d7de;
border-bottom: 1px solid #d7d7de;
padding: 0 1rem;
}
.navbar .navbar-nav .nav-item {
position: relative;
padding: 1.7rem 0 1.5rem 0;
}
.navbar .navbar-nav .nav-item:after {
content: "";
position: absolute;
width: 40px;
height: 5px;
left: 0;
right: 0;
bottom: -3px;
margin: 0 auto;
}
.navbar .navbar-nav .nav-item.rouge:after { background-color: #e63635; }
.navbar .navbar-nav .nav-item.turquoise:after { background-color: #6fc3d8; }
.navbar .navbar-nav .nav-item.brun:after { background-color: #734e65; }
.navbar .navbar-nav .nav-item.bordeau:after { background-color: #ac4850; }
.navbar .navbar-nav .nav-item.bleu:after { background-color: #0b539c; }
.navbar .navbar-nav .nav-item .nav-link {
color: #29275c;
font-weight: bold;
text-transform: uppercase;
margin: 0 0.9rem;
font-size: 0.9rem;
padding: 0 0.3rem;
}
.navbar .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-nav .nav-item .nav-link:focus { color: #e63434; }
.navbar .navbar-nav .dropdown .dropdown-menu {
background-color: rgba(255, 255, 255, 0.95);
border: 1px solid #d7d7de;
border-radius: 0;
margin-top: 0.3rem;
}
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
color: #fff;
background-color: #28275c;
border-radius: 0;
}
.navbar .navbar-nav .dropdown .dropdown-menu li { padding: 0.3rem 0; }
.navbar .navbar-nav .dropdown .dropdown-menu li.active .dropdown-item { color: #e63535; }
.navbar .navbar-nav .dropdown .dropdown-menu li.active:after { content: none; }
.dropdown > .dropdown-menu {
top: 200%;
transition: 0.3s all ease-in-out;
}
.dropdown:hover > .dropdown-menu {
display: block;
top: 100%;
}
@media screen and (max-width: 992px) {
.navbar { padding: 0.5rem; }
.navbar-light .navbar-toggler {
color: #28275c;
border-color: #28275c;
margin: 0 auto;
}
.navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(40,39,92, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.navbar .navbar-nav { margin-bottom: 1.5rem !important; }
.navbar .navbar-nav .nav-item {
padding: 1.5rem 0 0 0;
text-align: center;
}
.navbar .navbar-nav .nav-item:after { content: none; }
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item { white-space: unset; } 
} .breadcrumb {
list-style: none;
background-color: transparent;
border-radius: 0;
font-size: 0.9rem;
text-align: center;
display: block;
margin: 2rem auto 0 auto;
padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
color: #92a6d1;
padding-right: .2rem;
content: ">";
}
.breadcrumb li.breadcrumb-item { display: inline-block; }
.breadcrumb li.breadcrumb-item a,
.breadcrumb li.breadcrumb-item strong {
font-family: 'Montserrat Re', Helvetica, sans-serif;
color: #92a6d1;
text-decoration: none !important;
}
.breadcrumb li.breadcrumb-item.active { color: #92a6d1; } #cabinet h2 {
color: #27275c;
font-size: 2rem;
text-align: center;
position: relative;
display: table;
margin-left: 5rem;
}
#cabinet h2:after {
content: "C";
color: #5f82bc;
font-size: 20rem;
position: absolute;
left: -0.3em;
top: 50%;
transform: translateY(-50%);
}
#cabinet .bandeau {
background-color: #cc3737;
color: #fff;
text-align: center;
padding: 1rem 0.5rem;
margin-top: -3rem;
margin-bottom: 3rem;
font-size: 1.2rem;
}
#cabinet .card,
#cabinet .card .card-img {
border: 0;
border-radius: 0;
}
#cabinet .card .card-img-overlay { background-color: rgba(40, 39, 92, 0.6); }
#cabinet .card img.video {
display: block;
margin: 0 auto 1rem auto;
}
#cabinet .card .card-text {
font-size: 1.2rem;
text-transform: uppercase;
text-align: center;
}
@media screen and (max-width: 992px) {
#cabinet h2 { margin: 0 auto 2rem auto; }   
#cabinet h2:after { content: none; }
} #actualites h2 {
background-color: #28275c;
color: #fff;
display: table;
padding: 0.3rem 0.5rem 0.2rem 0.5rem;
margin: 0 auto 3rem auto;
}
#actualites a:hover { text-decoration: none; }
#actualites .card,
#actualites .card .card-img-top {
border: 0;
border-radius: 0;
overflow-x: hidden;
}
#actualites .card .card-body .card-title,
#actualites .card .card-body .card-text { color: #28275c; }
#actualites .card .card-body .card-title {
text-transform: uppercase;
font-size: 1.2rem;
font-weight: normal;
} #informes h2 {
color: #e63635;
font-weight: 100;
display: table;
padding: 0.3rem 0.5rem 0.2rem 0.5rem;
margin: 0 auto;
}
#informes i {
color: #28275c;
transform: rotate(-45deg);
font-size: 3rem;
margin-bottom: 1rem;
}
#informes a.btn-newsletter {
background-color: #5f82bc;
color: #fff;
border-color: #5f81bc;
border-radius: 0;
} #equipe h2,
#equipe p { color: #5f82bc; }
#equipe .card,
#equipe .card .card-img-top {
background-color: transparent;
border: 0;
border-radius: 0;
}
#equipe .card .bordure { border: 15px solid #d6deec; }
#equipe .card .card-body img {
width: 30px;
height: 30px;
}
#equipe .card .card-body .card-text { margin-bottom: 0.5rem; }
#equipe .card .card-body button {
background-color: transparent;
border: 0;
} #rubriques { overflow-x: hidden; }
#rubriques a:hover,
#rubriques a:focus { text-decoration: none; }
#rubriques .card,
#rubriques .card .card-img-top {
border: 0;
border-radius: 0;
overflow-x: hidden;
}
#rubriques .card .card-body { padding: 1.25rem 0.5rem; }
#rubriques .card .card-body .card-text {
color: #fff;
text-transform: uppercase;
font-size: 1rem;
overflow-x: hidden;
}
#rubriques .card .rubrique {
position: relative;
display: inline-block;
overflow-x: hidden;
line-height: 1.2em;
text-align: center;
margin-bottom: 0;
}
#rubriques .card .rubrique *,
#rubriques .card .rubrique *:before,
#rubriques .card .rubrique *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
#rubriques .card .rubrique:before {
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
content: '';
background-color: #ffffff;
opacity: 0;
-webkit-transform: scale(0.1);
transform: scale(0.1);
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
#rubriques .card .rubrique img {
max-width: 100%;
vertical-align: top;
}
#rubriques .card .rubrique figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0;
padding: 0 30px;
overflow-x: hidden;
}
#rubriques .card .rubrique p {
color: #28275c;
margin: 0;
width: 100%;
}
#rubriques .card .rubrique a {
margin: 2px;
display: inline-block;
}
#rubriques .card:hover .rubrique:before,
#rubriques .card .rubrique:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
#rubriques .card:hover figcaption,
#rubriques .card .rubrique:hover figcaption {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
opacity: 1;
} #tutoriel h2 {
background-color: #28275c;
color: #fff;
display: table;
padding: 0.3rem 0.5rem 0.2rem 0.5rem;
margin: 0 auto 3rem auto;
}
#tutoriel .card,
#tutoriel .card .card-img {
border: 0;
border-radius: 0;
}
#tutoriel .card .card-img-overlay { background-color: rgba(40, 39, 92, 0.6); }
#tutoriel .card img.video {
display: block;
margin: 0 auto 1rem auto;
}
#tutoriel .card .card-text {
font-size: 1.2rem;
text-transform: uppercase;
text-align: center;
} #orthopedie h2 {
text-transform: uppercase;
color: #28275c;
font-size: 2.5rem;
display: block;
padding: 0;
}
#orthopedie map area { outline: 8px solid #de1313; } #orthopedie ul {
list-style: none;
padding-left: 0;
}
#orthopedie ul li {
text-transform: uppercase;
text-align: center;
position: relative;
padding: 0.6rem 4rem 0.5rem 4rem;
margin: 0 auto;
}
#orthopedie ul li a {
color: #fff;
font-size: 0.9rem;
}
#orthopedie ul li a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0da";
font-size: 1.6rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-left: 0.5rem;
} #orthopedie .contenu { margin-bottom: 3rem; } #orthopedie .contenu ul {
list-style: disc;
padding-left: 20px;
}
#orthopedie .contenu a {
color: #36356e;
text-decoration: underline;
}
#orthopedie .contenu a:after { content: none; }
#orthopedie .contenu ul li {
text-transform: inherit;
text-align: left;
padding: 0;
margin: 0 0 20px 0;
}
#orthopedie .contenu ul li:last-child { margin-bottom: 0; }
#orthopedie .contenu .btn-plus {
color: #fff;
position: relative;
display: table;
border-radius: 0;
padding: 0.6rem 2rem 0.5rem 1rem;
float: right;
top: 0.5rem;
}
#orthopedie .contenu .btn-plus::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0da";
color: #fff;
font-size: 1.6rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-left: 0.5rem;
} div[id^="modalOrthopedie"] .modal-content { background-color: #28275c !important; }
div[id^="modalOrthopedie"] .modal-content .close {
color :#fff !important;
opacity: 1 !important;
font-weight: 100 !important;
}
div[id^="modalOrthopedie"] .modal-content .modal-header { border-bottom: 0 !important; }
div[id^="modalOrthopedie"] .modal-content .modal-title {
color: #e63635 !important;
font-size: 1.5em !important;
text-transform: uppercase !important;
display: inline !important;
padding: 0.1rem 0.4rem !important;
}
div[id^="modalOrthopedie"] .modal-content .modal-body,
div[id^="modalOrthopedie"] .modal-content .modal-body li,
div[id^="modalOrthopedie"] .modal-content .modal-body p { color: #fff !important; }
div[id^="modalOrthopedie"] .modal-content .modal-body .btn-plus {
color: #e63534 !important;
text-transform: uppercase !important;
text-decoration: none !important;
font-size: 0.9rem !important;
border: 1px solid #eee !important;
border-radius: 0 !important;
width: 100% !important;
margin-top: 2rem !important;
}
@media screen and (max-width: 768px) {
#orthopedie h2 { text-align: center; }
} #specialites h2 {
text-transform: uppercase;
color: #28275c;
font-size: 2.5rem;
padding: 0;
}
#specialites a { text-decoration: underline; } #specialites article p { text-align: justify; } 
#specialites h3 {
color: #fff;
text-transform: uppercase;
font-size: 1.2rem;
margin: 0.7rem 0 0.6rem 0;
}
#specialites h4 {
text-transform: uppercase;
font-size: 1rem;
}
#specialites .card,
#specialites .card .card-img-top {
background-color: transparent;
border: 0;
border-radius: 0;
}
#specialites .btn-plus {
color: #e7434b;
text-transform: uppercase;
font-weight: bold;
display: table;
border: 1px solid #e7434b;
border-radius: 0;
padding: 0.6rem 4rem 0.5rem 4rem;
margin: 0 auto;
} #navigation ul {
list-style: none;
padding-left: 0;
}
#navigation ul li {
text-transform: uppercase;
text-align: center;
position: relative;
padding: 0.6rem 4rem 0.5rem 4rem;
margin: 0 auto;
}
#navigation ul li a {
color: #fff;
text-decoration: none;
font-size: 0.9rem;
}
#navigation ul li a:hover,
#navigation ul li a:focus { text-decoration: underline; }
#navigation ul li a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0da";
font-size: 1.6rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-left: 0.5rem;
} #mentions h2 {
text-transform: uppercase;
color: #28275c;
font-size: 2.5rem;
display: block;
padding: 0;
}
#mentions h3,
#mentions h4 { color: #28275c; } #contact h2 {
text-transform: uppercase;
color: #28275c;
font-size: 2.5rem;
display: block;
padding: 0;
}
#contact .subtitle {
color: #e63434;
text-transform: uppercase;
font-size: 1.5rem;
font-weight: bold;
}
#contact map area { outline: 8px solid #28275c; } div[id^="modalContact"] .modal-content { background-color: #e7434b; }
div[id^="modalContact"] .modal-content .close {
color :#fff;
opacity: 1;
font-weight: 100;
}
div[id^="modalContact"] .modal-content .modal-header {
border-bottom: 0;
padding-bottom: 0;
}
div[id^="modalContact"] .modal-content .modal-body { color: #fff; }
div[id^="modalContact"] .modal-content .modal-body .baseline {
text-transform: uppercase;
color: #28275c;
font-size: 1.5rem;
}
div[id^="modalContact"] .modal-content .modal-body h3 {
text-transform: uppercase;
color: #28275c;
font-size: 2rem;
}
div[id^="modalContact"] .modal-content .modal-body .address {
font-size: 1.3rem;
margin-bottom: 1rem;
}
div[id^="modalContact"] .modal-content .modal-body .tel {
font-size: 1.3rem;
font-weight: bold;
}
div[id^="modalContact"] .modal-content .modal-body p { font-size: 1rem; }
div[id^="modalContact"] .modal-content .modal-body .carte p { color: #fff; } footer .pre-footer ul.nav_footer {
list-style-type: none;
padding: 0;
margin-bottom: 1.5rem;
}
footer .pre-footer ul.nav_footer:last-of-type { margin-bottom: 0; }
footer .pre-footer ul.nav_footer li { 
list-style: none;
padding: 0 0 0.2em 0;
}
footer .pre-footer ul.nav_footer li:before { display: none; }
footer .pre-footer ul.nav_footer li a {
color: #fff;
font-size: 0.8rem;
}
footer .pre-footer ul.nav_footer li a:hover { text-decoration: underline; }
footer .pre-footer ul.nav_social {
margin-bottom: 0;
padding-left: 0; 
}
footer .pre-footer ul.nav_social li {
display: inline-block;
background-color: #5f82bc;
width: 40px;
height: 40px;
margin: 0;
border-radius: 3rem;
}
footer .pre-footer ul.nav_social li a {
display: inline-block;
position: relative;
cursor: pointer;
width: 40px;
height: 40px;
text-decoration: none;
text-align: center;
font-weight: normal;
line-height: 42px;
font-size: 1.5rem;
}
footer .footer {
color: #fff;
margin: 2.2rem 0 1rem 0;
}
footer .footer a { color: #fff; }
@media screen and (max-width: 768px) {
footer .pre-footer ul.nav_footer { text-align: center; }
footer .pre-footer ul.nav_social {
text-align: center;
margin-top: 2rem;
}
} .navbar.fixed {
transition-property: margin-top,margin-right;
transition-duration: .5s,.1s;
transition-delay: 0;
transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-moz-transition-property: margin-top,margin-right;
-moz-transition-duration: .5s,.1s;
-moz-transition-delay: 0;
-moz-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-o-transition-property: margin-top,margin-right;
-o-transition-duration: .5s,.1s;
-o-transition-delay: 0;
-o-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-ms-transition-property: margin-top,margin-right;
-ms-transition-duration: .5s,.1s;
-ms-transition-delay: 0;
-ms-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-webkit-transition-property: margin-top,margin-right;
-webkit-transition-duration: .5s,.1s;
-webkit-transition-delay: 0;
-webkit-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
background-color: #fff;
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
margin-top: 0 !important;
padding-bottom: 0.2rem;
z-index: 1000;
} div.btn-back-to-top {
padding: 0.5rem 1rem;
position: fixed;
right: 1rem;
bottom: 2rem;
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
-webkit-transform: translateY(200%);
transform: translateY(200%);
border-radius: 0;
}
div.btn-back-to-top.scrolled {
-webkit-transform: translateY(0);
transform: translateY(0);
}
div.btn-top {
color: #fff;
background-color: #ee3f2b;
border-color: #ee3f2b;
}
div.btn-top:active,
div.btn-top:focus,
div.btn-top:hover {
color: #ee3f2b;
background-color: #fff !important;
border-color: #ee3f2b !important;
}
div.btn-top .fa { font-size: 1.8em; } #contact-us .form {
width: 100%;
height: 50px;
padding: 15px;
background: #dbd8e1;
border: 1px solid #dbd8e1;
margin-bottom: 25px;
color: #727272 !important;
font-size: 1rem;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
#contact-us .form:hover { border: 1px solid #9de2f5; }
#contact-us .form:focus {
color: #fff;
outline: none;
border: 1px solid #9de2f5;
}
#contact-us textarea {
height: 21.5em !important;
max-height: 21.5em;
max-width: 100%;
}
#contact-us .form-btn {
width: 100%;
display: block;
height: auto;
padding: 15px;
color: #fff;
background: #5f82bc;
border: none;
border-radius: 0;
text-transform: uppercase;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin: auto;
}
#contact-us .form-btn:hover {
background: #272b60;
color: #fff;
border: none;
}
#contact-us .form-btn:active { opacity: 0.9; }
#contact-us .wpcf7-list-item { margin: 0 !important; }
#contact-us .wpcf7-list-item-label { font-size: 0.7em; } .modal { background-color: rgba(24, 24, 62, 0.7); }
.modal .modal-content {
border: 0;
border-radius: 0;
}
.modal .modal-content a:hover { 
color: #36356e;
text-decoration: underline;
}
.modal .modal-content .modal-title { color: #e63635; }
.modal .modal-footer { border-top: 0; } .tooltip-main {
width: 15px;
height: 15px;
border-radius: 50%;
font-weight: 700;
background: #5f82bc;
border: 1px solid #5f82bc;
color: #fff;
margin: 4px 121px 0 5px;
float: right;
text-align: left !important;
}
.tooltip-inner {
max-width: 236px !important;
height: 100%;
font-size: 12px;
color: #fff;
padding: 10px 15px 10px 20px;
background: #5f82bc;
border: 1px solid #5f82bc;
text-align: center;
border-radius: 0;
}
.tooltip.show { opacity: 1; }
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before { border-bottom-color: #5f82bc; }
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before { border-bottom-color: #5f82bc; } .page-numbers { 
color: #5a5b5e;
font-weight: 100;
padding: 0.5em;
}
.page-numbers:after {
content: '';
display: inline-block;
position: relative;
right: -9px;
width: 7px;
height: 7px;
border: 2px solid;
box-sizing: border-box;
color: #28275c;
top: -1px;
}
.page-numbers:last-child:after { display: none !important; }
.page-numbers.current { color: #ee3f2b; } .erreur {
height: 100vh;
min-height: 750px;
background: -webkit-linear-gradient(45deg, #00acca, #005ca8); background: -o-linear-gradient(45deg, #00acca, #005ca8); background: -moz-linear-gradient(45deg, #00acca, #005ca8); background: linear-gradient(45deg, #00acca, #005ca8); background-size: cover;
background-color: #342643;
}
.erreur .text-wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.erreur .title {
font-size: 5em;
font-weight: 700;
color: #ffffff;
position: relative;
text-align: center;
line-height: 1.2;
}
.erreur .subtitle {
font-size: 1.5em;
font-weight: 700;
color: #ffffff;
position: relative;
text-align: center;
line-height: 1.2;
}
.erreur .buttons { margin-top: 4em; }
.erreur .buttons a.button {
background-color: #d6bc51;
font-weight: 700;
border: 2px solid #ffffff;
text-decoration: none;
padding: 15px;
text-transform: uppercase;
color: white;
border-radius: 26px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.erreur .buttons a.button:hover {
background-color: #ffffff;
color: #d6bc51;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.erreur .subtitle:before,
.erreur .title:before {
content: attr(data-content);
position: absolute;
left: -2px;
text-shadow: 1px 0 blue;
top: 0;
color: white;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
-webkit-animation: noise-anim-2 3s infinite linear alternate-reverse;
animation: noise-anim-2 3s infinite linear alternate-reverse;
}