@charset "UTF-8";
/*
Theme Name: Centre de la petite enfance Tante Michèle (2024)
Description: Thème pour le CPE Tante Michèle
Author: Oz Design
Author URI: https://ozdesign.ca
Version: 1.0
*/

@charset "UTF-8";


/* Général */
* {margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

body {
	background-color: #FFF !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: 16px;
	color: #181A1C !important;
	line-height: 26px !important;
	overflow-x: hidden !important;
}

ul, li {list-style-type: none;}

a {text-decoration: none !important; color: #1D105F !important;}
a:hover {text-decoration: none; color: #7FBD8A; transition: all .3s cubic-bezier(.43,.045,.1,.95);}
p {margin-bottom: 10px;}

img {border: 0 none; vertical-align: middle;}

/* Couleurs */
.bleu {color: #1D105F;}
.vert {color: #67B18A;}
.turquoise {color: #67AEB1;}
.acier {color: #0F375F;}
.blanc {color: #FFF;}

/* Titres */
h1, h2, h3, h4, h5, h6 {font-family: "Patrick Hand", serif !important;}

/* Séparateurs */
.sep {margin: 20px 0;}
.sep {border-top: 1px solid #A9743D;}


/* Header */
header {
	background: #FFF;
    position: relative; /* Pour positionner le header normalement */
    z-index: 10; /* Assure que le header est au-dessus de `.nuages` */
    height: 275px;
}


header {
    margin: 0;
    padding: 0;
}

.nuages {
    position: relative; /* Permet de positionner l'élément au-dessous du header */
    top: 0px; /* Ajuste la hauteur du header si nécessaire */
    left: 0;
    background-image: url("images/nuages.png");
    background-size: cover; /* L'image remplit l'élément sans déformation */
    background-position: center; /* Centre l'image */
    background-repeat: no-repeat; /* Évite les répétitions */
    width: 100%; /* L'élément prend toute la largeur */
    z-index: 5; /* Assure que `.nuages` est au-dessus du contenu */
    pointer-events: none; /* (Optionnel) Empêche l'image de bloquer les clics sur le contenu */
    padding-bottom: 8%;
}

/* Navigation */
.navbar-toggler {color: #1D105F !important;}

#menu-haut {background-color: #1D105F !important; font-family: "Patrick Hand", serif !important;}
#menu-haut, #menu-haut a {color: #FFF !important;}
#menu-haut a:hover {color: #67B18A !important;}

#menu-haut p {margin-bottom: 0px !important;}

nav#menu-principal ul li {padding: 10px; margin-left: 25px; margin-right: 25px;}
nav#menu-principal ul li > a {
	color: #1D105F;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: #67B18A 4px solid;
	padding: 10px 0px;
	font-size: 16px;
}

nav#menu-principal ul li > a:hover {color: #67B18A !important;}
nav#menu-principal ul li > a:hover, nav#menu-principal ul li.cpetm-inscription:hover {transition: all .3s cubic-bezier(.43,.045,.1,.95);}

nav#menu-principal ul li.cpetm-inscription {display:block; border: 3px solid #67B18A !important; padding: 10px 30px !important; border-radius: 50px;}
nav#menu-principal ul li.cpetm-inscription a {color: #67B18A !important; border-bottom: 0px !important;}
nav#menu-principal ul li.cpetm-inscription a:hover {color: #FFF !important;}
nav#menu-principal ul li.cpetm-inscription:hover {background-color: #67B18A !important;}

nav#menu-principal .dropdown-toggle::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* important pour afficher les icônes Solid */
  content: "\f078";
  color: #67B18A;
  margin-left: .5em;
  border: none;
  vertical-align: middle;
}

nav#menu-principal .navbar-toggler {background: #67B18A !important; border: none !important;}
nav#menu-principal .navbar-toggler::after:hover {color: #FFF !important;}

nav#menu-principal ul.dropdown-menu {
  background: #1D105F !important;
  border-radius: 0px !important;
}
nav#menu-principal ul.dropdown-menu li {padding: 5px 15px !important; border-bottom: 1px solid #67B18A !important;}
nav#menu-principal ul.dropdown-menu li a {
	color: #FFF !important; 
	font-size: 17px !important;
	text-transform: none !important;
  	font-family: "Patrick Hand", serif !important;
  	border-bottom: none !important;
}

nav#menu-principal ul.dropdown-menu li:last-child {border-bottom: 0px !important;}

nav#menu-principal ul li > ul.dropdown-menu > li.active > a.dropdown-item, nav#menu-principal ul li > ul.dropdown-menu > li > a.dropdown-item:hover {color: #7FBD8A !important;}

.dropdown-item:focus, .dropdown-item:hover {background: transparent !important; color: #000 !important;}


        @media all and (max-width:1024px) {
        	nav#menu-principal ul li {width: 100% !important;}
        	nav#menu-principal ul li a {text-align: center;}
        	nav#menu-principal ul li > a.ali-bg {border: 3px solid #A9743D; width: 50% !important; margin: auto;}
        }

nav ul {
	display: flex; 
    list-style-type: none; 
    padding-left: 0;
}
nav ul > li {margin: auto;}

        @media all and (max-width:767px) {
            nav a > img {margin: 20px auto;}
            nav ul {flex-direction: column;}
        }

  		@media (min-width: 992px) {
			.container-sm {
				max-width: 100% !important;
			}
		}
		
		
/* Content */

#wrap {
    position: relative; /* Garde le contenu sous `.nuages` */
    z-index: 1; /* Assure que le contenu reste en dessous de `.nuages` */
    margin-top: -200px; /* Ajuste la hauteur pour éviter le chevauchement */
    padding: 0 50px;
}
.zindex {z-index:999;}
.vc_btn3.vc_btn3-style-custom {background-image: none !important;}
.vc_btn3.vc_btn3-style-custom:hover {opacity: 0.8;}


.floating-img-in-row {
    animation: float-in-row 5s ease-in-out infinite; /* Ajoute une animation de flottement */
    pointer-events: none; /* Empêche les interactions avec l'image */
}

.responsive-heading {font-size: 80px; line-height: 70px;}

/* Animation pour l'effet de flottement */
@keyframes float-in-row {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Ajuste la hauteur du mouvement */
    }
}

/* Assure que la rangée permet la superposition */
.vc_row {
    position: relative; /* Nécessaire pour que l'image "absolute" soit contenue dans la rangée */
    overflow: visible; /* Permet à l'image de dépasser les limites de la rangée */
}

/* Footer */
footer a:hover {color: #67B18A !important;}

footer {
	background-color: #FFF;
	border-top: 1px solid #EEE;
}

footer .footer-phone {font-size: 25px; color: #67B18A;}
footer hr {color: #1D105F;}

footer ul.menu-footer li {line-height: 35px; border-bottom: 1px solid #67B18A; padding: 10px 0;}
footer ul.menu-footer li > a {font-size: 20px; color: #1D105F !important; font-family: "Patrick Hand", serif !important;}
footer ul.menu-footer li > a:hover {color: #67B18A !important;}

footer .fb {font-family: "Patrick Hand", serif !important; font-size: 20px; margin-bottom: 30px;}

footer .cpetm-inscription {display:block; border: 3px solid #67B18A !important; padding: 10px 30px !important; border-radius: 50px; color: #67B18A !important; text-align: center; text-transform: uppercase;}
footer .cpetm-inscription:hover {background-color: #67B18A !important; color: #FFF !important;}

footer #copyright {
	background: #1C0F5F;
	color: #FFF;
	padding: 20px 0 3px 0;
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: -15px;
}
footer #copyright a {color: #67B18A !important;}
footer #copyright a:hover {color: #EEE !important;}



/* Media Query */

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 480px) {
	nav#menu-principal ul li.cpetm-inscription {margin: 30px 0 !important;}
	nav#menu-principal ul li {margin-left: 0px !important; margin-right: 0px !important;}
	header {height:auto !important;}
	#wrap {margin-top: 0px !important;}
	.responsive-heading {font-size: 60px; line-height: 50px;}
	
	/* Accueil */
	body .vc_custom_1734029712973 {padding-top 10px !important;}
	body .vc_custom_1734373612897, body .vc_custom_1734373596965, body .vc_custom_1734373617727 {margin-top: 0px !important;}
	
	/* Pages secondaires - En-tête */
	body .vc_custom_1734031038765 {margin-top: -175px !important;}
	
	/* Pages secondaires - Mission et valeurs */
	body .vc_custom_1733333311869 {padding-left: 15px !important; padding-right: 15px !important;}
	body .vc_custom_1733335617100 {padding-left: 50px !important; padding-right: 50px !important;}
	
	/* Pages secondaires - Politiques */
	body .vc_custom_1734013819725, body .vc_custom_1733857571509, body .vc_custom_1734012904220 {font-size: 50px !important;}
	
	/* Pages secondaires - Nous joindre */
	body .vc_custom_1733845746564 {padding-top: 0px !important;}
	body .vc_custom_1733846854606 {margin-left: 50px !important;}
	body .vc_custom_1734030389987 {padding-left: 15px !important; padding-right: 15px !important;}
	
	/* -- */
	body .vc_custom_1733244934398, body .vc_custom_1733251417097 {padding-left: 15px !important; padding-right: 15px !important;}
	body .vc_custom_1733250742765 {padding-top: 100px !important;}
	body .vc_custom_1733253073696 {margin-top: -200px !important;}
	body .vc_custom_1733252800450, body .vc_custom_1733252768330, body .vc_custom_1733236808668, body .vc_custom_1733236752738 {margin-top: 0px !important;}

	body .vc_custom_1733254993009 {padding-top:70px !important;}
	body .vc_custom_1733333311869 {padding-left: 0px !important; padding-right: 0px !important;}
	
	body .vc_custom_1734027348890, body .vc_custom_1733335173897, body .vc_custom_1734027390040, body .vc_custom_1734027261638, body .vc_custom_1734027182508, body .vc_custom_1734027182508, body .vc_custom_1733335173897 {margin-top: 50px !important;}
}

@media screen and (min-width: 479px) and (max-width: 767px) {
	nav#menu-principal ul li.cpetm-inscription {margin: 30px 0 !important;}
	nav#menu-principal ul li {margin-left: 0px !important; margin-right: 0px !important;}
	header {height:auto !important;}
	#wrap {margin-top: 0px !important;}
	.responsive-heading {font-size: 60px; line-height: 50px;}
	
	/* Accueil */
	body .vc_custom_1734029712973 {padding-top 10px !important;}
	body .vc_custom_1734373612897, body .vc_custom_1734373596965, body .vc_custom_1734373617727 {margin-top: 0px !important;}
	
	/* Pages secondaires - En-tête */
	body .vc_custom_1734031038765 {margin-top: -175px !important;}
	
	/* Pages secondaires - Mission et valeurs */
	body .vc_custom_1733333311869 {padding-left: 15px !important; padding-right: 15px !important;}
	body .vc_custom_1733335617100 {padding-left: 50px !important; padding-right: 50px !important;}
	
	/* Pages secondaires - Politiques */
	body .vc_custom_1734013819725, body .vc_custom_1733857571509, body .vc_custom_1734012904220 {font-size: 50px !important;}
	
	/* Pages secondaires - Nous joindre */
	body .vc_custom_1733845746564 {padding-top: 0px !important;}
	body .vc_custom_1733846854606 {margin-left: 50px !important;}
	body .vc_custom_1734030389987 {padding-left: 15px !important; padding-right: 15px !important;}
	
	/* -- */
	body .vc_custom_1733244934398, body .vc_custom_1733251417097 {padding-left: 15px !important; padding-right: 15px !important;}
	body .vc_custom_1733250742765 {padding-top: 100px !important;}
	body .vc_custom_1733253073696 {margin-top: -200px !important;}
	body .vc_custom_1733252800450, body .vc_custom_1733252768330, body .vc_custom_1733236808668, body .vc_custom_1733236752738 {margin-top: 0px !important;}
	
	body .vc_custom_1734027348890, body .vc_custom_1733335173897, body .vc_custom_1734027390040, body .vc_custom_1734027261638, body .vc_custom_1734027182508, body .vc_custom_1734027182508, body .vc_custom_1733335173897 {margin-top: 50px !important;}
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 979px) {
	nav#menu-principal ul li.cpetm-inscription {margin: 30px 0 !important;}
	nav#menu-principal ul li {margin-left: 0px !important; margin-right: 0px !important;}
	header {height:auto !important;}
	#wrap {margin-top: -50px !important;}
	.responsive-heading {font-size: 70px; line-height: 60px;}
	
	body .vc_custom_1733244934398, body .vc_custom_1733251417097 {padding-left: 50px !important; padding-right: 50px !important;}

	body .vc_custom_1734027348890, body .vc_custom_1733335173897, body .vc_custom_1734027390040, body .vc_custom_1734027261638, body .vc_custom_1734027182508, body .vc_custom_1734027182508, body .vc_custom_1733335173897 {margin-top: 50px !important;}
}
	
/* Medium devices (desktops, 980px and up) */
@media screen and (min-width: 980px) and (max-width: 1200px) {
	body .vc_custom_1733244934398, body .vc_custom_1733251417097 {padding-left: 50px !important; padding-right: 50px !important;}
	#wrap {margin-top: -150px !important;}
		
	body .vc_custom_1734027348890, body .vc_custom_1733335173897, body .vc_custom_1734027390040, body .vc_custom_1734027261638, body .vc_custom_1734027182508, body .vc_custom_1734027182508, body .vc_custom_1733335173897 {margin-top: 150px !important;}
}