/* Polices utilisées */

body {
font-family: Open Sans;
}

input, select, textarea {
font-family: Open Sans;
}

h1, .slider-titre {
font-family: Open Sans;
}

h2, .slider-baseline {
font-family: Open Sans;
}

h3, h4, h5, h6 {
font-family: Open Sans;
}

/* Couleurs utilisées */

.couleur-301 {
background-color: #293132 !important;
}

.couleur-301-text {
color: #293132 !important;
}

.couleur-314 {
background-color: #FF4949 !important;
}

.couleur-314-text {
color: #FF4949 !important;
}

.couleur-328 {
background-color: #64b5f6 !important;
}

.couleur-328-text {
color: #64b5f6 !important;
}

.couleur-329 {
background-color: #929292 !important;
}

.couleur-329-text {
color: #929292 !important;
}

/* Styles personnalisés */

.button-collapse {
color: white;
background-color: transparent;
border: none;
top: 14.3px;
}

.anonyme .button-collapse {
top: 22px !important;
}

.button-collapse:hover {
color: #64b5f6;
}

.edit_content .button-collapse {
color: white;
background-color: #293132;
border: none;
top: 20px;
}

.toolbar .brand-logo {
margin-left: 60px;
}

#nav-screen .nav-menu {
margin-right: 75px;
}

#nav-screen .menu-parent > li:last-child a:hover {
color: white;
background-color:transparent;
border: 1px solid white;
height: 29px;
padding: 19px;
}

#nav-screen .menu-parent > li:last-child a {
background-color: #64b5f6;
border:none;
}

#nav-screen li a.active {
border-bottom:2px solid #64b5f6;
}

h1 {
text-align:center;
}

.change-lang a:hover {
opacity:0.7;
color:#64b5f6;
}

#nav-screen .container {
width: 100% !important;
padding: 0 40px;
}

#index #nav-screen .brand-logo img {
display: none;
}

#nav-screen .brand-logo img {
max-height: 55px;
padding-left: 40px;
}

.talkbubble:before {
border-top: 23px solid #293132;
}

.widget-newsletter .btn:hover {
background-color: white;
color:#64b5f6;
border:2px solid #64b5f6;
}

footer {
height: 30vh !important; 
}

@media screen and (min-width: 1025px) {
 
#nav-mobile {
width: 270px;
}
    
}

@media screen and (max-width: 1024px) {

.col + #header-slogan {
margin-top: 10px;
margin-left: 0;
}

h2 {
text-align:center;
}

.button-collapse {
color: white;
background-color: #64b5f6;
}

.form-recherche .btn {
background-color: #64b5f6;
}

}

section {
z-index: inherit;
}