﻿/*@charset "utf-8";
/* SADC Shawinigan © 2022. Tous droits réservés. */

html, body {
	height: 100% !important;
	width: 100% !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-family: 'Open Sans', sans-serif !important;
	background-color:#EFEFEF; 
	color:#707070;
  	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
}

/*******************************/
h1 {
	font-family: 'Uni sans Book', sans-serif !important;
	color:#69A517;
	text-transform: uppercase;
	/*font-size:50px;*/
	font-size: calc(1.5625rem + ((1vw - 3.75px) * 1.6181)); /*plus petit ecran 25px et plus grand ecran 50px*/
	padding-top:20px;
 	padding-bottom:10px;
}

h2 {
	font-family: 'Open Sans', sans-serif !important;
	color:#707070;
	/*font-size:25px;*/
	font-size: calc(1.25rem + ((1vw - 3.75px) * 0.3236)); /*plus petit ecran 20px et plus grand ecran 25px*/
  	padding-bottom:20px !important;
}

h3 {
	font-family: 'Open Sans light', sans-serif !important;
	color:#707070;
	/*font-size:20px;*/
	font-size: calc(1rem + ((1vw - 3.75px) * 0.2589)); /*plus petit ecran 16px et plus grand ecran 20px*/
}

h4 {
	font-family: 'Open Sans', sans-serif !important;
	color:#69A517;
	/*font-size:25px;*/
	font-size: calc(1.25rem + ((1vw - 3.75px) * 0.3236)); /*plus petit ecran 20px et plus grand ecran 25px*/
}

h5 {
	font-family: 'Open Sans', sans-serif !important;
	color:#ffffff;
	/*font-size:25px;*/
	font-size: calc(1rem + ((1vw - 3.75px) * 0.2589)); /*plus petit ecran 16px et plus grand ecran 20px*/
  	padding-bottom:20px !important;
  	padding-top:20px;
  }

h6 {
	text-align: right;
  	padding: 0px -12px 0px 0px;
	margin: 0px -12px 0px 0px;
}

p, span {
	font-family: 'Open Sans light', sans-serif !important;
	color:#707070;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
 
}

p.card-text {
	font-family: 'Open Sans light', sans-serif !important;
	color:#707070;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	text-align:center;
}

h2.card-title {
	font-family: 'Open Sans', sans-serif !important;
	color:#707070;
	font-size: calc(1.25rem + ((1vw - 3.75px) * 0.3236)); /*plus petit ecran 20px et plus grand ecran 25px*/
	text-align:center;
  	padding-bottom:20px !important;
}

h3.card-title {
	font-family: 'Open Sans light', sans-serif !important;
	color:#707070;
	font-size: calc(1rem + ((1vw - 3.75px) * 0.2589)); /*plus petit ecran 16px et plus grand ecran 20px*/
	text-transform: uppercase;
	text-align:center;
	/*padding-bottom:0px !important;*/
}

div.card-footer {text-align:center;}

a {
	font-family: 'Open Sans', sans-serif !important;
	text-decoration: none;
	color:#69A517;
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
}

a:hover {
	text-decoration: none;
	color:#707070;
/*	color:#fff;
	font-weight: bold;*/
}


#LiensUtiles a {
	font-family: 'Open Sans', sans-serif !important;
	color:#707070;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	/*text-decoration: underline;*/
}

#Documentation a {
	font-family: 'Open Sans', sans-serif !important;
	color:#707070;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	text-decoration: none;
}

ul, li{
	font-family: 'Open Sans light', sans-serif !important;
	color:#707070;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	list-style-position: inside;
}

img.superpose {
	position: absolute;
/*	top: 0px;*/
	right: 0px;
}

img.triangle {
	position: relative;
	top:60px;
	margin-left: auto; 
	margin-right: auto;
}

img.fb {
	position: absolute;
/*	bottom:100px;*/
	right: 100px;
/*	float: right;  */
	/*vertical-align:bottom;*/
	/*vertical-align:baseline;*/
}

img.linkedin {
	position: absolute;
/*	bottom:100px;*/
	right: 50px;
}

.fond_gris {background-color:#EFEFEF;
padding-top : 30px;}

.fond_blanc {background-color:#FFFFFF;}

.fond_vert {background-color:#69A517;}

.texte_gris {color:#EFEFEF;}

.texte_blanc {color:#FFFFFF;}

/*************************************************/

#info_vert {
  height:50%;
 }

#info_vert ul, #info_vert li, #info_vert p {
	font-family: 'Open Sans light', sans-serif !important;
	color:#FFFFFF;
} 

#info_vert h1 {
	font-family: 'Uni sans Book', sans-serif !important;
	color:#FFFFFF;
	/*font-size:calc(2.75rem + 1vw);*/
	text-transform: uppercase;
 	/*text-align:left;*/
	font-size: calc(1.5625rem + ((1vw - 3.75px) * 1.6181)); /*plus petit ecran 25px et plus grand ecran 50px*/
	/*font-size:35px;*/
	padding-top:20px;
 	padding-bottom:10px;
}

#info_vert a:hover {
	text-decoration: none;
	color:#000000;
}

#info_vert a {
	font-family: 'Open Sans', sans-serif !important;
	color:#FFF;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	text-decoration: none;
}

.accordion-header {
  color:#000000;  
}

/************ Accordion EFA *****************/




/************************************************/

.texte_vert {color:#69A517;}

.carre_blanc {
	border:solid 2px;
	border-color: #fff;
	background-color: transparent;
	color:#fff;
	padding:10px 10px 10px 10px;
}

.carre_vert {
	border:solid 2px;
	border-color: #69A517;
	background-color: transparent; 
	color:#69A517;
	padding:10px 10px 10px 10px;
}

.carre_vert_centre {
	border:solid 2px;
	border-color: #69A517;
	background-color: transparent; 
	color:#69A517;
	padding:10px 10px 10px 10px;
  	text-align:center;
}

/************ Bouton demande de financement en ligne *****************/
a.bouton-demande {
	color:#EFEFEF !important;
	font-weight:bold;
	border-radius: 10px;
	background-color:#69A517 !important;
	padding:20px 20px 20px 20px;
	text-align:center;
	font-size: calc(1rem + ((1vw - 3.75px) * 0.2589));  /*plus petit ecran 16px et plus grand ecran 20px*/
}

a:hover.bouton-demande {
	color:#69A517 !important;
	background-color:#f6f6f6 !important;
}

/************ Module Bouton demande de financement en ligne **********************/ 
.ModDemande{
	position: absolute;
	z-index: 5;
	top: 55%;
	right: 10%;
}

/************ Module Facebook et linkedin **********************/ 
.ModFacebook{
	position: absolute;
	z-index: 5;
	top: 65%;
	right: 10%;
	/*margin: -250px 0px 0px 0px !important;*/
}

/***********Texte Animé *******************/

.ModTexteAnime {
	position: absolute;
	z-index: 3;
	top: 20%;
	right: 15%;
}

.ModTexteAnime h1{
	font-family: 'Open Sans light', sans-serif !important;
	text-transform: none !important;
	color:white !important;
	font-weight:bold;
	font-size: calc(1.5625rem + ((1vw - 3.75px) * 1.6181)); /*plus petit ecran 25px et plus grand ecran 50px*/
}

.ModTexteAnime h2, .ModTexteAnime span {
	font-family: 'Open Sans light', sans-serif !important;
	color:white !important;
	font-weight:bold;
	font-size: calc(1.5625rem + ((1vw - 3.75px) * 1.6181)); /*plus petit ecran 25px et plus grand ecran 50px*/
  	/*padding-top:-20px !important;*/
}


/************ Fond des modules **********************/ 
.fondRouteEntrepreneur {
	width: 100% !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	background-image: url('../../../images/img/Fondrouteentrepreneur.png');
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

.fondapropos {
	width: 100% !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	background-image: url('../../../images/img/fondmain.jpg');
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

.fondcovid {
	width: 100% !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	background-image: url('../../../images/img/Message_important_Covid.jpg');
  	background-repeat: no-repeat; /* Do not repeat the image */
  	/*background-size: auto auto; /* Resize the background image to cover the entire container */
	background-size: cover; /* Resize the background image to cover the entire container */
}

.fondenjeux {
	width: 100% !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	background-image: url('../../../images/img/fondenjeux.jpg');
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

.fondfille {
	width: 100% !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	background-image: url('../../../images/img/fondfille.jpg');
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

.fondtetepremiere{
	width: 100% !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	background-image: url('../../../images/img/fondtetepremiere.jpg');
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

/**********************************************************/
/* Menu Principal	*/
#MenuPrincipal {
	background-color: transparent !important;
	border: none #fff !important;
	font-family:  'Segoe UI', sans-serif !important;
	text-transform: uppercase;
  	position: absolute;
  	top: 0px;
  	left: 60px;
}

#MenuPrincipal ul {
	border: none #fff !important;
	font-family:  'Segoe UI', sans-serif !important;
	font-weight: bold;
	text-decoration-line: none;
	color:white !important;
  	list-style-type: none;
  	margin: 10px 10px 10px 10px;
  	padding: 10px 10px 10px 10px;
}

#MenuPrincipal li{
	display: inline;
  	margin: 10px 10px 10px 10px;
  	padding: 10px 10px 10px 10px;
  	list-style-type: none;
}

#MenuPrincipal a, #MenuPrincipal span {
	font-family:  'Segoe UI', sans-serif !important;
	font-weight: bold;
	text-decoration-line: none;
	color:white !important;
}

#MenuPrincipal a.maximenuck:after { /* Petite flèche à droite des menus */
	border-color: #fff transparent transparent transparent !important;
	right:-1px !important;
}

#MenuPrincipal-mobile a {
	font-family:  'Segoe UI', sans-serif !important;
	font-weight: bold;
	font-size:16px;
	text-decoration-line: none;
	color:white;
  	list-style-type: none;
	background: #69A517;
}

#MenuPrincipal-mobile-bar .mobilemenuck-bar-title .titreck-text .titreck-title {
	color:white !important;
	font-weight: bold;
	font-size:16px;
}

#MenuPrincipal-mobile .titreck-title, 
#MenuPrincipal-mobile .mobilemenuck-item > .level1,
#MenuPrincipal-mobile .mobilemenuck-item > .level2,
#MenuPrincipal-mobile .mobilemenuck-item > .level3 {
    	background: #69A517;
	color:white !important;
}

/*************************** Section CA et Section Équipes  **************************/
#ca, #equipe {
 	padding:40px 40px 40px 40px;
}

#ca h1, #equipe h1  {
	font-family: 'Uni sans Book', sans-serif !important;
	color:#69A517;
	/*font-size:50px;*/
	font-size: calc(1.5625rem + ((1vw - 3.75px) * 1.6181)); /*plus petit ecran 25px et plus grand ecran 50px*/
	text-transform: uppercase;
 	padding-bottom:10px;
}

#ca h2, #equipe h2 {
	font-family: 'Uni sans', sans-serif !important;
	color:#69A517;
	/*font-size:20px;*/
	font-size: calc(1rem + ((1vw - 3.75px) * 0.2589)); /*plus petit ecran 16px et plus grand ecran 20px*/
	text-transform: uppercase;
  	padding-bottom:0px !important;
	text-align:center;
}

#ca h3.card-text, #equipe h3.card-text {
	font-family: 'Uni sans Book', sans-serif !important;
	color:#707070;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	text-transform: uppercase;
	text-align:center;
	padding-bottom:0px !important;
}

#ca p.card-text, #equipe p.card-text {
	font-family: 'Open Sans light', sans-serif !important;
	color:#707070;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	text-align:center;
	padding-bottom:0px !important;
}

#ca div.row, #equipe div.row {
	padding-bottom:80px;
}

#ca div.card-footer, #equipe div.card-footer{
	text-align:center;
}

/*************************** Actualité *************************************/
#Actualite {
	padding: 20px 20px 20px 20px;
	width:100%;
}

#Actualite p {
	left:0px;
	width:100%;
}

/*************************** Module recherche *************************************/

.search {
	/*background-color:red !important;*/
	padding: 20px 20px 20px 20px !important;
	width:100%;
}

/* texte des champs de données */
.search label.element-invisible {
	padding-top: 8px;
	padding-right: 8px;
}

.search .form-check-input:checked {
	background-color:#69A517 !important;
	border-color:#69A517 !important;
}

/* texte des légendes */ 
.search legend {
	font-weight: bold;
	padding-top: 20px;
}

span.badge-info  { /* nombre de résultats */
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	font-weight: bold;
	color: #69A517 !important;
}

/* Bouton valider */
.btn {
	background-color:#69A517 !important;
	color:white !important;
	margin-left: 20px
}

/* La limite d'affichage des résultats */
.search .form-limit {
	padding-top: 10px;
}

/* Résultats de la recherche */
.search-results dt, .search-results dt span, .search-results dt a {
	padding-top: 20px;
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	font-weight: bold;
	color: #69A517 !important;
}

.search-results dd.result-text { /* texte descriptif */
	margin-top:-10px;
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
}

/* Pagination */
/*.pagination span.page-item.active {
	background-color:#69A517 !important;
	border-color:#69A517 !important;
}
.pagination span.page-link:disabled {
	background-color:#69A517 !important;
	border-color:#69A517 !important;
}*/

.pagination span.page-link {
	background-color:#69A517 !important;
	border-color:#69A517 !important;
}

.pagination a.page-link { /* chiffre des pages de recherche */
	color:#69A517 !important;
}

/*.pagination .page-item:last-child .page-link .icon-angle-double-right*/

.pagination .page-item:first-child .page-link { /* La première page*/
	background-color:red !important;
}
.pagination .page-item:last-child .page-link { /* La dernière page*/
  	background-color:none !important;
}


/*************************** Section Nous joindre ***********************************/
#NousJoindre {
	background-color:#525252;
	left:0px;
	width:100%;
}

#NousJoindre h4 {
	font-family: 'Open Sans', sans-serif !important;
	color:#69A517;
	/*font-size:25px;*/
	font-size: calc(1.25rem + ((1vw - 3.75px) * 0.3236)); /*plus petit ecran 20px et plus grand ecran 25px*/
}

#NousJoindre p {
	font-family: 'Open Sans', sans-serif !important;
	color:#FFF;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
}

#NousJoindre a {
	font-family: 'Open Sans', sans-serif !important;
	color:#FFF;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	text-decoration: underline;
}

/*************************** Section Copyright ***********************************/
#copyright {
	background-color:#3b3b3b;
	left:0px;
	width:100%;
  	padding:10px 10px 10px 10px;
}

#copyright p {
	color:#FFFFFF;
 	text-align: center;
	/*font-size:15px;*/
	font-size: calc(0.875rem + ((1vw - 3.75px) * 0.1294)); /*plus petit ecran 14px et plus grand ecran 16px*/
	background-color:transparent;
}