/* Polices utilisées */

body {
font-family: Poppins;
}

input, select, textarea {
font-family: Poppins;
}

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

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

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

/* Couleurs utilisées */

.couleur-319 {
background-color: #F290B6 !important;
}

.couleur-319-text {
color: #F290B6 !important;
}

.couleur-318 {
background-color: #e4206d !important;
}

.couleur-318-text {
color: #e4206d !important;
}

/* Styles personnalisés */

/* CSS tout format */

img[src*="logo-qualiopi"] {
display: none;
}

.input-field > label, .input-field > .switch > label, .input-field > label.active{
font-weight: 400;
}

footer {
border-top: 1px solid #404040;
}

footer i.icone-menu-seul{
padding: 0;
font-size: 18px;
}

.line-height-30 {
line-height: 30px;
}

.anonyme .toolbar-menu, .client .toolbar-menu{
padding: 0;
}

.ariane .material-icons {
line-height: initial;
}

.link-seo {
color: black;
}

/* CSS ordinateur */

@media screen and (min-width: 1025px) {

.toolbar-menu .menu-parent li:last-child {
margin-right: 25px;
}

.toolbar-menu a {
font-size: 14px;
}

#nav-screen {
line-height: 20px;
}

#nav-screen > .container {
padding: 0 20px;
}

#nav-screen ul a {
padding: 10px 15px;
}

#nav-screen li a {
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}

#nav-screen .menu-parent .dropdown-content li > a {
font-size: 14px;
}

#nav-screen .menu-parent .dropdown-content {
margin-top: 40px;
background: rgba(255,255,255, 0.9);
}

#nav-screen {
box-shadow: 0px 1px 5px 0px rgba(171,171,171,0.52);
}

#nav-screen .menu-parent .dropdown-content{
width: 400px !important;
}

.ariane .flex {
height: 45px;
padding-left: 7.5%;
padding-right: 7.5%;
}

}

/* CSS tablette et mobile */

@media screen and (max-width: 1024px) {

.animate__animated {
opacity: 1;
}

footer ul{
flex-direction: row;
justify-content : space-evenly;
}

footer i.icone-menu-seul {
padding: 0;
font-size: 12px;
}

.ariane .flex {
flex-direction: row;
flex-wrap : wrap;
}

}

/* CSS tablette */

@media screen and (min-width: 601px) and (max-width: 1024px) {

h1, .slider-titre{
font-size: 2rem;
}

h2, h3, .slider-baseline{
font-size: 1.6rem;
}

}

/* CSS mobile */

@media screen and (max-width: 600px) {

footer a{
font-size: 10px;
}

footer i.icone-menu-seul{
padding: 0;
font-size: 12px;
}

h1, .slider-titre{
font-size: 1.7rem;
}

h2, h3, .slider-baseline{
    font-size: 1.4rem;
}

}