@charset "utf-8";

/* BODY & GENERAL */
body {
    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-color: #f9f9f9;
	background-attachment: fixed;
}
div {
	position: relative;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
}
a {
	color: #0088B6;
	text-decoration: none;
	transition: 0.3s;
}
a:hover {
	color: #0000ff;
	text-decoration: underline;
}
form {
	margin: 0px;
	padding: 0px;
}
input, textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	padding: 15px;
	color: #000000;
	border: 1px solid #cccccc;
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 5px;
	outline: none;
}
input.courriel {
    background-image: url(icon/infolettre-orange.png);
    background-position: right 10px center;
    background-size: 30px;
    background-repeat: no-repeat;
    padding-right: 40px;
}
input.bg-gauche {
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 25px auto;
}
input::placeholder {
	font-weight: normal;
	font-style: italic;
    color: #000000;
    opacity: 0.6;
    font-size: 17px;
    text-align: left;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	margin: 0px;
	overflow: hidden;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-image: url(icon/fleche-bas-bleu.png);
	background-repeat: no-repeat;
	background-position: right 12px center;
    background-size: 18px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-size: 18px;
	border-radius: 5px;
	outline: none;
}
input.checkbox {
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	border-radius: 5px;
	box-sizing: border-box;
	color: #000000;
	padding: 5px;
	outline: none;
}
hr {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top: 1px dotted #bbbbbb;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	clear: both;
}
div.plus a {
    display: block;
	width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 2px;
	background-color: #ffffff;
	margin-left: auto;
    margin-right: auto;
	border-radius: 30px;
}
div.plus a:hover {
    opacity: 0.7;
}
div.plus a img {
    display: block;
    width: 100%;
}
div.clear {
	clear: both;
}
div.pub {
	width: 100%;
	margin-bottom: 20px;
}
/* BODY & GENERAL END */




/* HEADER & NAV */
div#header {
	width: 100%;
	height: 140px;
    background-image: linear-gradient(#f5f5f5, #ffffff);
	background-color: #ffffff;
	box-sizing: border-box;
}
div#header div#logo {
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	width: 90%;
	max-width: 350px;
}
div#header div#logo img {
	width: 100%;
	display: block;
}
div#header div#annuaire {
	float: left;
    font-family: 'Open Sans', sans-serif;
	width: 230px;
	height: 70px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: left;
	margin-left: 18px;
	padding-left: 18px;
	padding-top: 23px;
	border-left: 3px dotted #eeeeee;
	margin-top: 38px;
}
@media (max-width: 1420px) {
div#header div#annuaire {
	display: none;
}	
}
div#header button.menu-btn {
	display: none;
}
nav ul.topnav {
	position: absolute;
	top: 40px;
	right: 30px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 60px;
	z-index: 100;
}
nav ul.topnav li {
	float: left;
	height: 60px;
}
nav ul.topnav li a {
	display: block;
	font-family: 'Varela Round', sans-serif;
	color: #000000;
	height: 60px;
	padding-top: 20px;
	font-size: 19px;
    font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	box-sizing: border-box;
}
nav ul.topnav li a:hover {
	color: #0088B6;
	opacity: 1;
}
nav ul.topnav li a.profil {
	color: #ffffff;
    font-size: 19px;
    width: 245px;
    height: 60px;
	font-weight: normal;
    text-align: left;
	background-color: #0088B6;
    padding-top: 19px;
    padding-left: 60px;
	margin-left: 15px;
	border-radius: 30px;
    background-image: url(icon/plus-blanc.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 40px auto;
}
nav ul.topnav li a.profil:hover {
	opacity: 1;
	background-color: #00BBFF;
}
nav ul.topnav li ul {
	display: none;
	width: auto;
	position: absolute;
	padding: 0px;
	margin: 0px;
}
nav ul.topnav li:hover ul {
	display: block;
	position: absolute;
	padding: 0px;
	top: auto;
	margin-top: -8px;
	width: 240px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 8px #444444;
}
nav ul.topnav li:hover ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	box-sizing: border-box;
}
nav ul.topnav li:hover ul li a {
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 15px;
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
	font-size: 15px;
	font-weight: normal;
    opacity: 1;
}
nav ul.topnav li:hover ul li a:hover {
	opacity: 1;
	background-color: #D9F0FD;
	color: #000000;
}
nav ul.topnav li:hover ul li.plus a span.plus {
    display: block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background-color: #0088B6;
    font-size: 34px;
    padding-top: 1px;
    border-radius: 20px;
    background-image: none;
    text-align: center;
    color: #ffffff;
    transition: 0.3s;
}
nav ul.topnav li:hover ul li.plus a:hover {
    background-color: #ffffff;
}
nav ul.topnav li:hover ul li.plus a:hover span.plus {
    background-color: #00BBFF;
}
@media (max-width: 1220px) {
div#header {
	width: 100%;
	height: auto;
	padding: 15px;
}
div#header div#logo {
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	max-width: 280px;
	width: 90%;
}
div#header button.menu-btn {
	display: block;
    position: absolute;
    top: 5px;
    right: 5px;
	height: 60px;
	width: 60px;
	padding: 17px;
	background-color: transparent;
	cursor: pointer;
	outline: none;
	border: 0px;
	transition: 0.3s;
	z-index: 100;
}
div#header button.menu-btn img {
	display: block;
	width: 100%;
}
nav ul.topnav {
	display: none;
}
}
div#erreur {
	display: block;
	width: 90%;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
div#erreur img {
	display: block;
	width: 100%;	
}
/* HEADER & NAV */









/* RECHERCHE & TOPBAR */
div#topbar {
	display: block;
	width: 100%;
	height: 60px;
    border-bottom: 1px solid #dddddd;
	margin-bottom: 0px;
}
@media (max-width: 1200px) {
div#topbar {
	height: auto;
}
}
div#topbar div#recherche {
	float: left;
	width: 43%;
	height: 60px;
	text-align: center;
}
div#topbar div#recherche form {
	display: block;
}
div#topbar div#recherche form select, div#topbar div#recherche form input.ville {
	float: left;
    height: 60px;
	padding: 10px;
    padding-left: 15px;
    font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
    background-image: linear-gradient(#f5f5f5, #ffffff);
	border: 0px;
	border-right: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
    border-radius: 0px;
	font-size: 16px;
	color: #000000;	
	outline: none;
	transition: 0.3s;
}
div#topbar div#recherche form select {
	width: calc(60% - 30px);
    padding-right: 40px;
    background-image: url("icon/fleche-bas-bleu.png"), linear-gradient(#f5f5f5, #ffffff);
    background-position: right 15px center, left 0px;
    background-size: 20px, 100%;
}
div#topbar div#recherche input.ville {
	width: calc(40% - 30px);
}
div#topbar div#recherche form input.ville::placeholder {
	color: #000000;
}
#results, #resultsp {
	display: none;
	width: 100%;
	max-width: 200px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #444444;
    overflow: hidden;
	position: absolute;
	left: calc(60% - 40px);
	top: 50px;
	background-color: #ffffff;
	text-align: left;
	z-index: 98;
}
#results .item, #resultsp .item {
	padding: 8px;
	background-color: #ffffff;
	color: #0088B6;
    font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	transition: 0.3s;
	border-bottom: 1px solid #eeeeee;
	cursor: pointer;
}
#results .item:hover, #resultsp .item:hover {
	background-color: #D9F0FD;
	color: #000000;
}
div#topbar div#recherche form input.rechercher {
	float: left;
    box-sizing:  border-box;
	width: 60px;
	height: 60px;
	padding: 15px;
	border: 0px;
	background-color: #0088B6;
	transition: 0.3s;
    border-radius: 0px;
}
div#topbar div#recherche form input.rechercher:hover {
	background-color: #00BBFF;
	opacity: 1;
}
div#topbar div#top-repertoire a, div#topbar div#top-teleconsultation a, div#topbar div#top-infographie a {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
	width: 19%;
	box-sizing: border-box;
	text-align: center;
	height: 60px;
	border-top: 1px solid #e7e7e7;
    border-right: 1px solid #eeeeee;
	color: #444444;
	text-decoration: none;
	font-size: 16px;
	line-height: 16px;
	padding-top: 14px;
}
div#topbar div#top-repertoire a:hover, div#topbar div#top-teleconsultation a:hover, div#topbar div#top-infographie a:hover {
	background-color: #D9F0FD;
	opacity: 1;
}
div#topbar div#top-repertoire a img, div#topbar div#top-teleconsultation a img, div#topbar div#top-infographie a img {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-bottom: -8px;
	margin-right: 5px;	
}
@media (max-width: 1200px) {
div#topbar div#recherche {
	float: none;
	width: 100%;
	display: block;
	border-bottom: 1px solid #e7e7e7;
}
div#topbar div#top-repertoire a, div#topbar div#top-teleconsultation a, div#topbar div#top-infographie a {
    font-size: 14px;
	border-top: 0px;
	border-right: 1px solid #e7e7e7;
	height: auto;
	min-height: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-top: 14px;
}
div#topbar div#top-repertoire a img, div#topbar div#top-teleconsultation a img, div#topbar div#top-infographie a img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;	
}
div#topbar div#top-repertoire a {
    display: inline-block;
	width: 33%;
}
div#topbar div#top-teleconsultation a {
	width: 34%;
}
div#topbar div#top-infographie a {
    display: inline-block;
	width: 33%;
}
}
/* RECHERCHE & TOPBAR END */






/* PATHWAY */
div#pathway {
    font-family: 'Open Sans', sans-serif;
	font-size: 15px;
    line-height: 24px;
	color: #000000;
	width: 100%;
	background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
	padding: 18px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 0px;
}
div#pathway a {
	text-decoration: underline;
	color: #000000;
}
div#pathway a:hover {
    opacity: 0.7;
}
div#pathway div {
	display: inline-block;
	vertical-align: middle;
}
div#pathway div.date {
    padding-right: 10px;
    border-right: 1px solid #dddddd;
	margin-right: 7px;
}
div#pathway div.fleche {
	color: #0088B6;
	margin-left: 3px;
	margin-right: 3px;
}
div#pathway div.titre {
	font-weight: bold;
}
/* PATHWAY END */





/* IMAGES ACCUEIL */
div.is-accueil {
	float: left;
	width: 50%;
}
div.is-accueil.sante {
	background-color: #0088B6;
	margin-top: -1px;
}
div.is-accueil.professionnel {
	background-color: #111111;
	margin-top: -1px;
}
@media (max-width: 980px) {
div.is-accueil {
	float: none;
	display: block;
	width: 100%;
}
}
div.is-accueil a {
	display: block;
	width: 100%;
}
div.is-accueil a div.image {
	display: block;
	width: 100%;
	transition: 0.3s;
}
div.is-accueil a:hover div.image {
	opacity: 0.1;
}
div.is-accueil a div.image img {
	display: block;
	width: 100%;
}
div.is-accueil a div.shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	z-index: 80;
	background-image: url(images/shadow-accueil.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
div.is-accueil a:hover div.shadow {
	opacity: 0;
}
@media (max-width: 980px) {
div.is-accueil a div.shadow {
	background-size: 10px;
	opacity: 1;
}
}
div.is-accueil a div.contenu {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: left;
	font-family: 'Varela Round', sans-serif;
	width: 100%;
	padding-left: 50px;
	padding-bottom: 50px;
	padding-right: 250px;
	box-sizing: border-box;
	color: #ffffff;
	transition: 0.3s;
	z-index: 85;
}
@media (max-width: 1400px) {
div.is-accueil a div.contenu {
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 40px;
}
}
div.is-accueil a:hover div.contenu {
	opacity: 0.1;
}
div.is-accueil a div.contenu div.titre {
	font-family: 'Varela Round', sans-serif;
	font-size: 46px;
	font-weight: bold;
	margin-bottom: 10px;
}
div.is-accueil a div.contenu div.texte {
	font-size: 20px;
	line-height: 30px;
}
@media (max-width: 1600px) {
div.is-accueil a div.contenu div.titre {
	font-size: 26px;
	margin-bottom: 5px;
}
div.is-accueil a div.contenu div.texte {
	font-size: 16px;
	line-height: 24px;
}
}
div.is-accueil a div.over {
	position: absolute;
	bottom: 0px;
	top: calc(50% - 150px);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height: 300px;
	z-index: 90;
	transition: 0.3s;
	opacity: 0;
}
@media (max-width: 580px) {
div.is-accueil a div.contenu div.texte {
	display: none;
}
div.is-accueil a div.over {
	top: calc(50% - 100px);
	width: 200px;
	height: 200px;
}
}
div.is-accueil a div.over img {
	display: block;
	width: 100%;
}
div.is-accueil a:hover div.over {
	opacity: 2;
}
/* IMAGES ACCUEIL END */




div#calendrier-accueil {
    margin-top: -40px;
    padding: 20px;
    padding-bottom: 33px;
    box-sizing: border-box;
    font-size: 22px;
    line-height: 28px;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}
div#calendrier-accueil span.icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    margin-bottom: -17px;
}
@media (max-width: 1280px) {
div#calendrier-accueil {
    padding-bottom: 20px;
}
div#calendrier-accueil span.icon {
    display: none;
}
}
div#calendrier-accueil span.icon img {
    display: block;
    width: 100%;
}




/* SLIDER ACCUEIL */
div.slider.responsive {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
    font-family: 'Open Sans', sans-serif;
}
div.service-sante-accueil {
	display: block;
	box-sizing: border-box;
	padding: 20px;
	transition: 0.3s;
	text-align: left;
    margin-bottom: 0px;
}
div.service-sante-accueil:hover {
	background-color: rgba(217, 240, 253, 0.7);
	border-radius: 10px;
}
div.service-sante-accueil div.logo a {
	display: block;
	width: 100%;
	max-width: 500px;
	margin-bottom: 15px;
	box-shadow: 0px 0px 5px #999999;
}
div.service-sante-accueil div.logo a img {
	display: block;
	width: 100%;
}
div.service-sante-accueil div.icon-avantage-employeur {
	display: block;
	width: 100px;
    height: 100px;
	margin-bottom: 15px;
	background-color: #000000;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
}
div.service-sante-accueil div.icon-avantage-employeur img {
	display: block;
	width: 100%;
}
div.service-sante-accueil div.titre {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 7px;
}
div.service-sante-accueil div.ville {
	font-size: 14px;
    line-height: 18px;
	font-weight: bold;
    padding-left: 20px;
	text-transform: uppercase;
	color: #0088B6;
    margin-left: -3px;
	margin-bottom: 5px;
    background-image: url(icon/pointeur-carte.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px auto;
}
div.service-sante-accueil div.description {
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin-bottom: 10px;
}
div.service-sante-accueil div.plus {
	float: left;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 0px;
}
div.service-sante-accueil div.plus a {
	display: block;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	padding: 2px;
	border-radius: 25px;
	background-color: #0088B6;
}
div.service-sante-accueil div.plus a img {
	display: block;
	width: 100%;
}
div.service-sante-accueil div.plus a:hover {
	background-color: #00BBFF;
	opacity: 1;
}
div.service-sante-accueil div.social {
	float: left;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
    border-radius: 5px;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-top: 10px;
    margin-right: 5px;
}
div.service-sante-accueil div.social img {
	display: block;
	width: 100%;
}
div.slider.fade {
	width: calc(100% + 80px);
	margin-left: -40px;
}
@media (max-width: 1280px) {
div.slider.fade {
	width: calc(100% + 60px);
	margin-left: -30px;
}	
}
/* SLIDER ACCUEIL END */






/* IS ACCUEIL */
div#index-sante-accueil {
	display: block;
	width: 100%;
    color: #ffffff;
	box-shadow: 0px 0px 3px #cccccc;
    background-color: #0088B6;
	box-sizing: border-box;
    padding: 60px;
	text-align: center;
    margin-bottom: 60px;

}
@media (max-width: 780px) {
div#index-sante-accueil {
    padding: 30px;
    padding-top: 20px;
}
}
p.quebec-fleur-de-lys {
    display: block;
    width: 80%;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
@media (max-width: 780px) {
p.quebec-fleur-de-lys {
    max-width: 160px;
    margin-bottom: 10px;
}
}
p.quebec img {
    display: block;
    width: 100%;
}
div#index-sante-accueil p.h1-style {
	width: 90%;
    font-size: 44px;
    line-height: 48px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    color: #ffffff;
    margin-bottom: 20px;
}
div#index-sante-accueil p.h2-style {
	width: 90%;
    font-size: 32px;
    line-height: 36px;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 30px;
}
@media (max-width: 780px) {
div#index-sante-accueil p.h2-style {
	width: 90%;
    font-size: 24px;
    line-height: 30px;
}
}
div#index-sante-accueil div.consulter-le-repertoire {
    margin-left: auto;
    margin-right: auto;
}
div#index-sante-accueil div.consulter-le-repertoire a {
    border: 0px;
    padding-top: 25px;
}
/* IS ACCUEIL END */









/* H1 H2 H3 */
h1.page-index-sante, p.h1-style {
    display: block;
    width: 85%;
    text-align: center;
    font-family: 'Varela Round', sans-serif;
    font-size: 34px;
    line-height: 40px;
    font-weight: bold;
    color: #000000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 15px;
}
h1.page-index-sante span.icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-bottom: -12px;
	margin-left: 0px;
}
@media (max-width: 980px) {
h1.page-index-sante span.icon {
	display: none;
}
}
h1.page-index-sante span.icon img {
	display: block;
	width: 100%;
}
h2.page-index-sante, p.h2-style {
    display: block;
    width: 85%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 30px;
}
h2.repertoire-sante {
    display: block;
    width: 100%;
    font-size: 24px;
    font-family: 'Varela Round', sans-serif;
    line-height: 30px;
    text-align: left;
    color: #0088B6;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-top: 0px;
}
h3 {
    display: block;
    width: 85%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    margin-top: -15px;
    margin-bottom: 5px;
}
/* H1 H2 H3 END */






div#filtrer select {
	-webkit-appearance: none;
	-moz-appearance: none;
    font-family: 'Open Sans', sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	width: 90%;
	max-width: 360px;
	background-color: #ffffff;
	color: #000000;
	height: 60px;
	padding: 10px;
    padding-left: 15px;
	padding-right: 40px;
	box-sizing: border-box;
	font-size: 16px;
	background-image: url(icon/fleche-bas-bleu.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
    background-size: 20px;
	border: 1px solid #dddddd;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	outline: none;
}




/* PUBLICATION PREVIEW */
div.publication-preview {
	display: inline-block;
	vertical-align: top;
	width: 85%;
	max-width: 260px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	box-sizing: border-box;
}
@media (max-width: 600px) {
div.publication-preview {
	display: block;
	width: 85%;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}
}
div.publication-preview a {
	display: block;
	width: 100%;
	background-color: #ffffff;
	padding: 10px;
    padding-bottom: 15px;
	box-sizing: border-box;
	box-shadow: 0px 0px 3px #cccccc;
    border-radius: 10px;
	text-decoration: none;
	transition: 0.3s;
	text-align: left;
}
div.publication-preview a:hover {
	opacity: 0.7;
}
div.publication-preview a span.icon-actualite {
    position: absolute;
    top: -10px;
    left: -18px;
    width: 110px;
    height: 40px;
    z-index: 60;
}
div.publication-preview a span.icon-actualite img {
	display: block;
	width: 100%;
}
div.publication-preview a span.icon-chronique {
    position: absolute;
    top: -10px;
    left: -18px;
    width: 110px;
    height: 40px;
    z-index: 60;
}
div.publication-preview a span.icon-actualite img {
	display: block;
	width: 100%;
}
div.publication-preview a span.image {
	display: block;
	width: 100%;
	margin-bottom: 11px;
    z-index: 50;
}
div.publication-preview a span.image img {
	display: block;
    border-radius: 5px;
	width: 100%;
}
div.publication-preview a span.categorie {
	display: block;
    font-family: 'Varela Round', sans-serif;
	color: #0088B6;
	font-size: 17px;
    line-height: 18px;
	margin-bottom: 5px;
}
div.publication-preview a span.titre {
	display: block;
    font-family: 'Varela Round', sans-serif;
	color: #000000;
	font-size: 18px;
    line-height: 22px;
    font-weight: bold;
	margin-bottom: 5px;
}
div.publication-preview a span.description {
	display: block;
    font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #000000;
	line-height: 18px;
	margin-bottom: 0px;
}
div.publication-preview a span.date {
	display: block;
    width: 90px;
    text-align:  center;
    font-family: 'Open Sans', sans-serif;
	color: #666666;
	font-size: 15px;
    line-height: 15px;
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 20px;
    margin-top: 10px;
}
/* PUBLICATION PREVIEW END */





/* BOTTOM */
div.bottom {
    font-family: 'Open Sans', sans-serif;
	display: inline-block;
	width: 90%;
	max-width: 340px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 60px;
	text-align: center;
}
div.bottom a {
	display: block;
	width: 100%;
	text-decoration: none;	
}
div.bottom a:hover {
    opacity: 0.7;
}
div.bottom a span.title {
    font-family: 'Varela Round', sans-serif;
	display: inline-block;
	font-size: 28px;
    font-weight:  bold;
	color: #0088B6;
	margin-bottom: 7px;
	transition: 0.3s;	
}
div.bottom a span.texte {
	display: block;
	font-size: 18px;
	color: #000000;
	margin-bottom: 10px;
	line-height: 22px;
	transition: 0.3s;	
}
div.bottom a span.image {
	display: block;
	margin-bottom: 0px;	
}
/* BOTTOM END */




/* FOOTER */
div#footer {
    font-family: 'Open Sans', sans-serif;
    display: block;
	clear: both;
	width: 100%;
    box-sizing:  border-box;
	background-color: #ffffff;
	padding-top: 50px;
	padding-bottom: 10px;
	text-align: center;
	border-top: 1px solid #dddddd;
    font-size: 17px;
}
@media (max-width: 1080px) {
div#footer {
	padding-bottom: 25px;
}
}
div.tag-categorie {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px;
}
div.tag-categorie.large {
    height: 60px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}
div.tag-categorie a {
    display: block;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #bbbbbb;
    border-radius: 25px;
    font-size: 17px;
    line-height: 17px;
    color: #666666;
    text-align: left;
    padding-left: 45px;
    padding-top: 15px;
    padding-right: 20px;
    background-image: url(icon/loupe-gris.png);
    background-repeat: no-repeat;
    background-position: left 17px center;
    background-size: 20px auto;
}
div.tag-categorie.large a {
    height: 60px;
    border-radius: 30px;
    font-size: 17px;
    line-height: 17px;
    padding-left: 55px;
    padding-top: 20px;
    padding-right: 25px;
    background-image: url(icon/loupe-gris.png);
    background-repeat: no-repeat;
    background-position: left 18px center;
    background-size: 30px auto;
}
div.tag-categorie a:hover {
    color: #000000;
    background-color: #d9f0fd;
    text-decoration: none;
}
div.tag-categorie.plus a {
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background-color: #0088B6;
    border-radius: 25px;
    background-image: none;
    text-align: center;
    padding: 2px;
    border: 0px;
}
div.tag-categorie.plus a:hover {
   background-color: #00BBFF;
}
div.tag-categorie.plus a img {
    display: block;
    width: 100%;
}
div#footer div.colonne {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 40px;
}
@media (max-width: 1150px) {
div#footer div.colonne {
    display: block;
    width: 95%;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
}
}
div#footer div.colonne.index-sante {
    max-width: 460px;
}
@media (max-width: 1460px) {
div#footer div.colonne.index-sante {
    vertical-align: middle;
}
}
div#footer div.colonne.index-sante div.logo {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 0px;
}
div#footer div.colonne.index-sante div.logo img {
	display: block;
	width: 100%;	
}
div#footer div.colonne.index-sante p.humain-avant-tout {
    font-family: 'Varela Round', sans-serif;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
}
div#footer div.colonne.index-sante p.description {
    margin-top: 0px;
    margin-bottom: 0px;
}
div#footer div.colonne.navigation {
    max-width: 250px;
    border-left: 3px dotted #eeeeee;
    border-right: 3px dotted #eeeeee;
}
@media (max-width: 1460px) {
div#footer div.colonne.navigation {
    vertical-align: middle;
    border-right: 0px;
}
}
@media (max-width: 1150px) {
div#footer div.colonne.navigation {
    max-width: 260px;
    border-left: 0px;
}
}
div#footer div.colonne.navigation ul {
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
div#footer div.colonne.navigation ul li a {
    display: block;
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
    text-align: left;
    text-decoration: none;
}
div#footer div.colonne.navigation ul li a:hover {
    text-decoration: underline;
}
@media (max-width: 1150px) {
div#footer div.colonne.navigation ul li a {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 10px;
}
div#footer div.colonne.navigation ul li a:hover {
    background-color: #d9f0fd;
    text-decoration: none;
}
}
div#footer div.colonne.navigation ul li.zone-annonceur a {
    font-weight: bold;
}
div#footer div.colonne.infolettre-sante {
    max-width: 300px;
    border-right: 3px dotted #eeeeee;
}
@media (max-width: 1460px) {
div#footer div.colonne.infolettre-sante {
    vertical-align: middle;
    width: 80%;
    max-width: 340px;
    padding: 30px;
    border-right: 0px;
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 20px;
    margin-right: 50px;
}
}
@media (max-width: 1150px) {
div#footer div.colonne.infolettre-sante {
    vertical-align: middle;
    width: 80%;
    max-width: 340px;
    padding: 30px;
    border-right: 0px;
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
}
}
div#footer div.colonne.infolettre-sante p.infolettre {
    font-family: 'Varela Round', sans-serif;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 26px;
    color: #0088B6;
    font-weight: bold;
}
div#footer div.colonne.infolettre-sante p.description {
    margin-top: 0px;
    margin-bottom: 15px;
}
div#footer div.colonne.reseaux {
    max-width: 410px;
}
div.icon-social {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-left: 5px;
	margin-right: 5px;
    margin-bottom: 25px;
}
div.icon-social a {
	display: block;
	width: 100%;
}
div.icon-social a:hover {
	opacity: 0.7;
}
div.icon-social a img {
	display: block;
	width: 100%;
}
div#footer div.colonne.reseaux p.avertissement {
    margin-top: 0px;
    margin-bottom: 0px;
}
/* FOOTER END */






/* COPYRIGHT */
div#copyright {
    font-family: 'Open Sans', sans-serif;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 40px;
	background-color: #000000;
	background-image: linear-gradient(#333333, #000000);
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
}
@media (max-width: 1080px) {
div#copyright {
    font-size: 14px;
}
}
div#copyright a {
    color: #ffffff;
    text-decoration: underline;
}
div#copyright a:hover {
    opacity: 0.7;
}
div#copyright p {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
	margin-top: 0px;
	max-width: 780px;
}
div#copyright div#developpe-au-quebec {
	display: block;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}
div#copyright div#developpe-au-quebec img {
	display: inline-block;
	width: 22px;
	margin-left: 3px;
	margin-right: 4px;
	margin-bottom: -8px;
}
/* COPYRIGHT END */




/* BOUTONS 2026 */
div.en-savoir-plus a {
    display: block;
    width: 170px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 30px;
    color: #ffffff;
    font-size: 19px;
    line-height: 19px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    background-color: #0088B6;
    padding-top: 21px;
    margin-bottom: 0px;
}
div.en-savoir-plus a:hover {
    background-color: #00bbff;
}
div.inscrire-un-service a {
    display: block;
    width: 245px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 30px;
    color: #ffffff;
    font-size: 19px;
    line-height: 19px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    background-color: #0088B6;
    padding-top: 21px;
    padding-left: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-image: url(icon/plus-blanc.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 40px auto;
}
div.inscrire-un-service a:hover {
    background-color: #00bbff;
}
div.retour a {
    display: block;
    width: 125px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 30px;
    color: #ffffff;
    font-size: 19px;
    line-height: 19px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    background-color: #0088B6;
    padding-top: 21px;
    padding-left: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-image: url(icon/fleche-gauche-blanc.png);
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 20px auto;
}
div.retour a:hover {
    background-color: #00bbff;
}
div.infolettre a {
    display: block;
    width: 200px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 30px;
    color: #ffffff;
    font-size: 19px;
    line-height: 19px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    background-color: #000000;
    padding-top: 21px;
    padding-left: 65px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-image: url(icon/infolettre-blanc.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size: 32px auto;
}
div.infolettre a:hover {
    opacity: 0.7;
}
div.consulter-le-repertoire a {
    display: block;
    width: 300px;
    height: 70px;
    box-sizing: border-box;
    border-radius: 35px;
    color: #000000;
    font-size: 19px;
    line-height: 19px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    padding-top: 25px;
    padding-left: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-image: url(icon/index-sante.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size: 40px auto;
}
div.consulter-le-repertoire a:hover {
    background-color: #D9F0FD;
}
div.bouton-emplois a {
    display: block;
    width: 200px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 30px;
    color: #ffffff;
    font-size: 19px;
    line-height: 19px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    background-color: #db5126;
    padding-top: 21px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
div.bouton-emplois a:hover {
    background-color: #000000;
}
input.bouton {
    display: block;
    width: 150px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 30px;
    color: #ffffff;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    line-height: 19px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    background-color: #0088B6;
    padding-top: 16px;
    margin-bottom: 0px;
    transition: 0.3s;
}
input.bouton:hover {
    background-color: #00bbff;
}
input.bouton.noir {
    background-color: #000000;
}
input.bouton.noir:hover {
    background-color: #db5126;
}
/* BOUTONS 2026 END */





/* PAGES CHRONIQUES, TEXTES ET CONTENU */
div#wrap-content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}
div#content {
	float: left;
	vertical-align: top;
	width: 100%;
	max-width: 720px;
	margin-right: 40px;
	margin-bottom: 40px;
	background-color: #ffffff;
    border-radius: 10px;
	box-shadow: 0px 0px 3px #cccccc;
	box-sizing: border-box;
	padding: 40px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}
div#content.emplois {
	background-color: transparent;
    border-radius: 10px;
	box-shadow: 0px 0px 0px #cccccc;
	box-sizing: border-box;
	padding: 0px;
}
@media (max-width: 1280px) {
div#content {
	float: none;
    display: block;
	width: 100%;
	max-width: 720px;
    margin-left: auto;
	margin-right: auto;
	background-color: transparent;
    border-radius: 0px;
	box-shadow: 0px 0px 0px #cccccc;
    padding-left: 30px;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
	font-size: 18px;
	line-height: 28px;
}
div#content.emplois {
    padding-left: 30px;
    padding-right: 30px;
}
}  
div#content h1 {
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'Varela Round', sans-serif;
    font-size: 34px;
    line-height: 38px;
    font-weight: bold;
    color: #0088B6;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 15px;
}
div#content div#chronique-categorie {
	display: block;
	font-size: 18px;
	color: #0088B6;
	margin-bottom: 15px;
}
div#content div#chronique-categorie a {
	color: #666666;
	text-decoration: none;
    opacity: 1;
}
div#content div#chronique-categorie a:hover {
	text-decoration: none;
	color: #0088B6;
	opacity: 0.7;
}
div#content h2.heading {
    font-family: 'Varela Round', sans-serif;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
}
div#content div.image {
	width: 100%;
	margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
}
@media (max-width: 1280px) {
div#content div.image {
    border: 5px solid #ffffff;
    box-sizing: border-box;
	box-shadow: 0px 0px 3px #cccccc;
}
}
div#content div.image img {
	display: block;
	width: 100%;
}
div#content h2 {
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'Varela Round', sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 13px;
}
div#content p {
    margin-top: 0px;
    margin-bottom: 20px;
}
div#content p a {
    text-decoration: underline;
    font-weight: bold;
}
div#content div.page-chronique-publication {
    display: block;
    width: 100%;
    box-sizing: border-box;
	font-size: 15px;
	color: #335577;
    background-color: #f5f5f5;
    padding: 10px;
    text-align:  center;
    border-radius: 5px;
    margin-top: 30px;
	margin-bottom: 0px;
}
div#content div.page-chronique-publication p {
    margin-top: 0px;
    margin-bottom: 0px;
}
div#content div.page-chronique-publication p.modification {
    margin-bottom: 5px;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
}
@media (max-width: 1280px) {
div#content div.page-chronique-publication {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    text-align: center;
    padding: 10px;
}
div#content div.page-chronique-publication p.modification {
    margin-bottom: 5px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
}
}
div.video-chronique {
	width: 100%;
	background-color: #ffffff;
	box-sizing: border-box;
	margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
@media (max-width: 1280px) {
div.video-chronique {
	border: 5px solid #ffffff;
	box-shadow: 0px 0px 3px #cccccc;
}
}
div.video-chronique iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px;
}
/* PAGES CHRONIQUES, TEXTES ET CONTENU END */




/* SIDE & SIDE BLOCKS */
div#side {
	float: left;
	vertical-align: top;
	width: 100%;
	max-width: 440px;
	padding: 0px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
@media (max-width: 1280px) {
div#side {
	float: none;
    display: block;
	width: 100%;
	max-width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
}
div.side-block div.titre-sante {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    font-family: 'Varela Round', sans-serif;
    font-size: 19px;
    line-height: 24px;
    color: #ffffff;
    background-color: #0088B6;
    padding: 15px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: 30px; 
}
div.side-block div.titre-sante.quebec {
    padding-left: 47px;
    background-image: url(icon/fleur-de-lys-blanc.png);
    background-position: left 10px center;
}
div.side-block div.titre-sante.publications {
    padding-left: 50px;
    background-image: url(icon/publications-blanc.png);
    background-position: left 12px center;
}
div.side-block div.titre-sante.calendrier {
    padding-left: 50px;
    background-image: url(icon/calendrier-sante-blanc.png);
    background-position: left 12px center;
}
div.side-block div.titre-sante.loupe {
    padding-left: 50px;
    background-image: url(icon/loupe-blanc.png);
    background-position: left 12px center;
}
div.side-block div.titre-sante.emplois {
    padding-left: 50px;
    background-image: url(icon/emplois-blanc.png);
    background-position: left 12px center;
}
div.side-block div.titre-sante.alerte {
    padding-left: 50px;
    background-image: url(icon/alerte-blanc.png);
    background-position: left 12px center;
}
div.side-block {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 5px;
	box-shadow: 0px 0px 3px #cccccc;
    border-radius: 10px;
    margin-bottom: 40px;
    overflow: hidden;
}
div.side-block div.plus a {
    display: block;
	width: 50px;
    height: 50px;
	background-color: #ffffff;
    margin-top: 20px;
	margin-left: auto;
    margin-right: auto;
	border-radius: 30px;
}
div.side-block div.plus a:hover {
    opacity: 0.7;
}
div.side-block div.plus a img {
    display: block;
    width: 100%;
}
div.side-block div#votre-service-ici a {
	display: block;
    background-color: #eeeeee;
	font-size: 16px;
    margin-top: 20px;
    padding: 10px;
    border-radius: 10px;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	color: #000000;
    opacity: 0.5;
}
div.side-block div#votre-service-ici a:hover {
	opacity: 1;
    background-color: #f5f5f5;
}
div.side-block div#votre-service-ici a span.plus {
    font-weight: bold;
}
div.side-block div.nav {
    width: calc(100% + 10px);
    margin-left: -5px;
    border-bottom: 1px solid #f5f5f5;
}
div.side-block div.nav.last {
    border-bottom: 0px;
}
div.side-block div.nav a {
	display: block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 5px solid #ffffff;
	box-sizing: border-box;
	transition: 0.3s;
	text-align: left;
	font-size: 16px;
	text-decoration: none;
	color: #000000;
    background-color: #ffffff;
    padding-left: 65px;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 30px;
}
div.side-block div.nav.news a {
	background-image: url(icon/actualite-bleu-fonce.png);
}
div.side-block div.nav.infographie-sante a {
	background-image: url(icon/infographies-sante-bleu.png);
}
div.side-block div.nav.video-sante a {
	background-image: url(icon/video-bleu.png);
}
div.side-block div.nav.a-propos a {
	background-image: url(icon/fleur-de-lys-bleu-fonce.png);
}
div.side-block div.nav.repertoire a {
	background-image: url(icon/repertoire-bleu-fonce.png);
}
div.side-block div.nav.publications a {
	background-image: url(icon/publications-bleu-fonce.png);
}
div.side-block div.nav.emplois a {
	background-image: url(icon/emplois-bleu-fonce.png);
}
div.side-block div.nav.reseaux-sociaux a {
	background-image: url(icon/reseaux-sociaux-bleu-fonce.png);
}
div.side-block div.nav.partenaires a {
	background-image: url(icon/partenaires-bleu-fonce.png);
}
div.side-block div.nav.logo a {
	background-image: url(icon/integrer-bleu-fonce.png);
}
div.side-block div.nav.publicite a {
	background-image: url(icon/statistiques-bleu-fonce.png);
}
div.side-block div.nav.contact a {
	background-image: url(icon/contact-bleu-fonce.png);
}
div.side-block div.nav.regles a {
	background-image: url(icon/crochet-rond-bleu-fonce.png);
}
div.side-block div.nav a:hover {
	background-color: #D9F0FD;
    border-radius: 10px;
}
/* SIDE & SIDE BLOCKS END */





/* SERVICE SANTÉ PREVIEW PASTILLE */
div.service-sante {
    display: inline-block;
    vertical-align: top;
    width: 85%;
    max-width: 380px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}
div.side-block div.service-sante {
    display: block;
    width: calc(100% + 10px);
    max-width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #eeeeee;
}
div#content div.service-sante {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
div.service-sante a {
	display: block;
    width: 100%;
	box-sizing: border-box;
	padding: 10px;
	transition: 0.3s;
	text-align: left;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 10px;
}
div.service-sante.pc a {
    background-color: #FEFFF1;
}
div.service-sante.reg a {
    background-color: #ffffff;
}
div.service-sante.gris a {
    background-color: #fafafa;
}
div.side-block div.service-sante a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border: 5px solid #ffffff;
}
div.service-sante a:hover {
	background-color: #D9F0FD;
    text-decoration: none;
}
div.side-block div.service-sante a:hover {
    border-radius: 10px;
}  
div.service-sante a span.logo {
	float: left;
    margin-right: 10px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
	width: 110px;
    padding: 4px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
}
div.service-sante a span.logo img {
	display: block;
	width: 100%;
    border-radius: 5px;
}
div.service-sante a div.info {
	float: left;
    padding-top: 5px;
	width: calc(100% - 130px);
}
div.service-sante a span.titre {
	display: block;
	width: 100%;
    box-sizing: border-box;
    font-family: 'Varela Round', sans-serif;
	font-size: 16px;
    line-height: 18px;
    color: #000000;
    padding-right: 5px;
	margin-bottom: 5px;
}
div.service-sante a span.ville {
    display: block;
    width: calc(100% - 30px);
    box-sizing: border-box;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    padding-left: 20px;
    text-transform: uppercase;
    color: #0088B6;
    margin-left: -3px;
    margin-bottom: 5px;
    background-image: url(icon/pointeur-carte.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px auto;
}
div.service-sante a span.km {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    margin-bottom: 5px;
}
div.service-sante a span.employeur {
    display: block;
    width: calc(100% - 30px);
    box-sizing: border-box;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    padding-left: 20px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 7px;
    margin-left: -3px;
    margin-bottom: 5px;
    background-image: url(icon/emplois-bleu.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px auto;
}
div.service-sante a span.description {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin-bottom: 4px;
}
div.service-sante a span.details {
	position: absolute;
    right: 10px;
    bottom: 10px;
	width: 22px;
    height: 22px;
    border-radius: 11px;
    transition: 0.2s;
}
div.service-sante a span.details img {
	display: block;
	width: 100%;
}
div.service-sante a:hover span.details {
    bottom: 13px;
}
/* SERVICE SANTÉ PREVIEW PASTILLE */





div#content div.votre-service-ici a {
	display: block;
    background-color: #fafafa;
	font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 10px;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	color: #000000;
    opacity: 0.7;
}
div#content div.votre-service-ici a:hover {
	opacity: 1;
    background-color: #f5f5f5;
}




/* SWIPE DIV INFOGRAPHIES + VIDÉOS + RÉFÉRENCES */
div.contenus-recommandes {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background-color: #0088B6;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: left;
}
div.contenus-recommandes span.icon {
    display: inline-block;
    vertical-align:  middle;
    width: 27px;
    margin-left: 2px;
    margin-right: 4px;
}
div.contenus-recommandes span.texte {
    display: inline-block;
    vertical-align:  middle;
    font-family: 'Varela Round', sans-serif;
    font-size: 19px;
    color: #ffffff;
}
div.contenus-recommandes span.icon img {
	display: block;
	width: 100%;
}
div.reference a {
	display: block;
	padding: 5px;
	padding-left: 35px;
	margin-bottom: 5px;
    border-radius: 5px;
	background-image: url(icon/plus-light-noir.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 15px;
	text-align: left;
    transition: 0.3s;
}
div.reference a:hover {
	background-color: #D9F0FD;
	text-decoration: none;
}
div.reference a span.titre {
	display: block;
	font-size: 17px;
	color: #0088B6;
	line-height: 22px;
}
div.reference a:hover span.titre {
	color: #000000;	
}
div.reference a span.nom {
	display: block;
    padding-top: 2px;
	color: #666666;	
	font-size: 15px;
	line-height: 18px;
}
div#infographies-videos {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 40px;
}
.horizontal-scroll {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 25px;
    padding-right: 10px;
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    margin-bottom: 20px;
}
.item-swipe {
    flex: 0 0 auto;
    width: 160px;
    padding: 0px;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
    scroll-snap-align: start;
}
.item-swipe.glisser {
    display: none;
}
.item-swipe.glisser img {
	display: block;
	width: 100%;
}
/* SHOW SCROLLBAR */
.horizontal-scroll::-webkit-scrollbar {
    height: 10px;
}
.horizontal-scroll::-webkit-scrollbar-track {
    background: #e5e5e5;
    border-radius: 10px;
}
.horizontal-scroll::-webkit-scrollbar-thumb {
    background: #0088b6;
    border-radius: 10px;
    transition: 0.3s;
}
/* FIREFOX */
.horizontal-scroll {
    scrollbar-width: auto;
    scrollbar-color: #0088b6 #eeeeee;
}
/* HIDE SCROLLBAR */
@media (max-width: 780px) {
.horizontal-scroll::-webkit-scrollbar {
    display: none;
}
.horizontal-scroll {
    scrollbar-width: none;
}
.item-swipe.glisser {
    display: block;
    width: 60px;
    padding-top: 10px;
    scroll-snap-align: start;
    margin-right: -10px;
}
}
div.swipe-video {
	display: block;
	vertical-align: top;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 10px;
	background-color: #ffffff;
    box-shadow: 0px 0px 3px #cccccc;
	transition: 0.3s;
}
div.swipe-video a:hover {
	opacity: 0.7;
}
div.swipe-video div.demo-image {
	display: block;
	width: 100%;
	border-radius: 5px;
	box-sizing: border-box;
    margin-bottom: 0px;
}
div.swipe-video div.demo-image img {
	display: block;
	width: 100%;
	border-radius: 5px;
}
div.swipe-video div.titre {
	display: block;
	font-size: 15px;
	padding: 5px;
	line-height: 18px;
	color: #000000;
}
div.swipe-video div.icon {
	display: block;
	width: 30px;
}
div.swipe-video div.icon img {
	display: block;
	width: 100%;
}
div.swipe-infographie {
	display: block;
	vertical-align: top;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 10px;
	background-color: #ffffff;
    box-shadow: 0px 0px 3px #cccccc;
	transition: 0.3s;
}
div.swipe-infographie:hover {
	opacity: 0.7;
}
div.swipe-infographie div.demo-image {
	display: block;
	width: 100%;
	border-radius: 5px;
	box-sizing: border-box;
    margin-bottom: 0px;
}
div.swipe-infographie div.demo-image img {
	display: block;
	width: 100%;
	border-radius: 5px;
}
div.swipe-infographie div.titre {
	display: block;
	font-size: 15px;
	padding: 5px;
	line-height: 18px;
	color: #000000;
}
/* SWIPE DIV INFOGRAPHIES + VIDÉOS END */







/* RÉRÉRENCES */
div#content div.suggestion-bottom a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	background-color: #f5f5f5;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 15px;
	margin-bottom: 1px;
	background-image: url(images/bg-suggestion-bottom.png);
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 30px;
}
div#content div.suggestion-bottom a:hover {
	background-color: #eeeeee;	
}
div#content div.a-lire-sur-index-sante {
	display: block;
	width: 220px;
	background-color: #335577;
	color: #ffffff;
	text-align: center;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 30px;
}
div#content div.index-sante-vous-suggere {
	display: inline-block;
	background-color: #335577;
	color: #ffffff;
	text-align: center;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 25px;;
}

/* RÉRÉRENCES END */
















/* SIDE --- REVIEW --- */
div#side div#annuaire {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0px 0px 3px #cccccc;
	transition: 0.3s;
}
div#side div#annuaire:hover {
	opacity: 0.8;
}
div#side div#annuaire img {
	display: block;
	width: 100%;
}
div#side div#annuaire div.categorie {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	text-align: left;
	padding: 20px;
	padding-right: 60px;
	box-sizing: border-box;
	position: absolute;
	z-index: 97;
	left: 0px;
	bottom: 0px;
	background-image: url(images/bg-bloc-annuaire.png);
	background-repeat: no-repeat;
	background-position: right center;
}
div#side div.side-box {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 20px;
	box-sizing: border-box;
	box-shadow: 0px 0px 3px #cccccc;
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}
div#side div.wrap-box-shadow {
	box-shadow: 0px 0px 3px #cccccc;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 8px;
	background-color: #ffffff;
	width: 100%;
	box-sizing: border-box;
}

div#side div#rendez-vous-side a {
	background-color: #39b54a;
	height: 50px;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 15px;
	box-sizing: border-box;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/bg-rendez-vous-side.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 65px;
	display: block;
	box-shadow: 0px 0px 3px #cccccc;
	transition: 0.3s;
}
div#side div#rendez-vous-side a:hover {
	background-color: #29a53a;
}
div#side div#teleconsultation-side a {
	background-color: #0088B6;
	height: 50px;
	width: 100%;
	margin-bottom: 0px;
	padding-top: 15px;
	box-sizing: border-box;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/bg-teleconsultation-side.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 65px;
	display: block;
	box-shadow: 0px 0px 3px #cccccc;
	transition: 0.3s;
}
div#side div#teleconsultation-side a:hover {
	background-color: #0077aa;
}
div#side div.slider.single-item {
	width: 100%;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 3px #cccccc;
}
div#side div.slider single-item div {
	display: block;
	width: 100%;
}
div#side div.slider single-item div img {
	display: block;
	width: 100%;
}
div#side div.ville-tag-title {
	font-size: 14px;
	margin-bottom: 5px;
	text-align: left;
	line-height: 18px;
	padding: 15px;
	margin-top: -10px;
	padding-left: 30px;
	background-image: url(images/bg-ville-accueil.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position: -15px;
}
div#side div.ville-tag a {
	background-color: #ffffff;
	padding: 12px;
	float: left;
	box-shadow: 0px 0px 3px #cccccc;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
	font-size: 13px;
	text-decoration: none;
	transition: 0.3s;
}
div#side div.ville-tag.carte a {
	padding-left: 35px;
	background-image: url(images/quebec-carte.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position: 12px;
	background-size: 18px 21px;
}
div#side div.ville-tag.carte.recherche a {
	float: right;
	margin-top: -15px;
	margin-right: -15px;
}
div#side div.ville-tag a:hover {
	color: #000000;
	background-color: #d9f0fd;
}
/* SIDE END --- REVIEW --- */









/* À PROPOS */
div#a-propos-video-wrap {
	width: 100%;
	margin-bottom: 15px;
    border-radius: 15px;
    overflow: hidden;
}
@media (max-width: 1280px) {
div#a-propos-video-wrap {
    border: 5px solid #ffffff;
    box-sizing: border-box;
	box-shadow: 0px 0px 3px #cccccc;
}
}
div#a-propos-video {
	position: relative;
	padding-bottom: 56.25%;
	background-color: #ffffff;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
div#a-propos-video iframe, div#a-propos-video object, div#a-propos-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.a-propos-reseaux-sociaux a img {
	padding: 0px;
	float: left;
	height: 100px;
	width: 100px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 0px;
	transition: 0.3s;
}
div.a-propos-reseaux-sociaux a img:hover {
	opacity: 0.7;
}
/* À PROPOS END */






/* TABLES 2026 */
table.general-2026 {
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 0px 0px 3px #cccccc;
}
table.general-2026 tr {
	margin: 0px;
	padding: 0px;
}
table.general-2026 tr.hover:hover, table.general-2026 tr.hover:hover td.label, table.general-2026 tr.hover:hover td.field {
    background-color: #D9F0FD;
}
table.general-2026 tr td.titre {
	padding: 15px;
	font-size: 15px;
	text-align: left;
	border: 1px solid #ffffff;
	background-color: #335577;color: #ffffff;
	box-sizing: border-box;	
}
table.general-2026 tr td.label {
	padding: 15px;
	font-size: 15px;
	text-align: left;
	border: 1px solid #ffffff;
	background-color: #eeeeee;
	box-sizing: border-box;	
}
table.general-2026 tr td.field {
	padding: 15px;
	font-size: 15px;
	background-color: #fafafa;
	border: 1px solid #ffffff;
}
table.general-2026 tr td.label.center, table.general-2026 tr td.field.center {
    text-align: center;
}
/* TABLES 2026 END */





/* SAVIEZ-VOUS 2026 */
div#side-saviez-vous {
	display: block;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px #cccccc;
	color: #000000;
	padding: 30px;
	padding-top: 40px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
@media (max-width: 620px) {
div#side-saviez-vous.side-categorie {
    margin-top: 40px;
}
}
div#side-saviez-vous div#le-saviez-vous {
	position: absolute;
	top: -25px;
	right: 20px;
	width: 220px;
	height: 74px;
}
div#side-saviez-vous div#le-saviez-vous img {
	display: block;
	width: 100%;
}
div#side-saviez-vous div.title {
	font-size: 18px;
    line-heoght: 24px;
	font-weight: bold;
	text-align: left;
    margin-top: 15px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
div#side-saviez-vous div.texte {
	font-size: 16px;
	line-height: 22px;	
	text-align: left;
	margin-bottom: 15px;
}
/* SAVIEZ-VOUS 2026 END */






/* PROPRIÉTAIRE DE CE SERVICE + BOX */
div.fiche-message {
    display: block;
	width: 100%;
	background-color: #D9F0FD;
	box-shadow: 0px 0px 3px #cccccc;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 30px;
	text-align:left;
}
div.fiche-message p.titre {
	font-size: 20px;
    font-weight: bold;
	margin-bottom: 15px;
	margin-top: 0px;
}
div.fiche-message div.icon {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
    width: 100px;
    height: 100px;
}
div.fiche-message div.icon img {
    display: block;
	width: 100%;
}
div.fiche-message p.texte {
	font-size: 16px;
    line-height: 26px;
	margin-bottom: 20px;
	margin-top: 0px;
}
/* PROPRIÉTAIRE DE CE SERVICE + BOX END */




/* 3 BLOCS CATÉGORIES */
div#bloc-annuaire {
	display: inline-block;
    vertical-align: top;
    width: 460px;
    border: 10px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #cccccc;
    box-sizing:  border-box;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
}
div#bloc-annuaire img {
	display: block;
	width: 100%;
    border-radius: 5px;
}
@media (max-width: 620px) {
div#bloc-annuaire {
	display: block;
    width: 100%;
    border: 0px solid #ffffff;
    border-radius: 0px;
    box-shadow: 0px 0px 3px #cccccc;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
div#bloc-annuaire img {
    border-radius: 0px;
}
}
div#bloc-annuaire div.categorie {
	display: block;
	width: 100%;
	font-size: 18px;
	color: #ffffff;
	text-align: left;
	padding: 15px;
    padding-left: 50px;
	box-sizing: border-box;
	position: absolute;
	z-index: 97;
	left: 0px;
	bottom: 0px;
    background-color: rgb(0, 0, 0, 0.5);
	background-image: url(/icon/loupe-blanc.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
    background-size: 25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
@media (max-width: 620px) {
div#bloc-annuaire div.categorie {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
}
div#bloc-info {
	display: inline-block;
    vertical-align: top;
    width: 100%;
	max-width: 460px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
    border: 10px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #cccccc;
    background-image: linear-gradient(#fafafa, #ffffff);
	padding: 30px;
	box-sizing: border-box;
	text-align: left;
	color: #000000;
}
@media (max-width: 620px) {
div#bloc-info {
	display: block;
    width: 100%;
	max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border: 0px solid #ffffff;
    border-radius: 0px;
    padding-bottom: 70px;
}
}
div#bloc-info div.title {
    font-family: 'Varela Round', sans-serif;
	font-size: 24px;
	text-align: left;
	margin-bottom: 10px;
}
div#bloc-info div.texte {
	font-size: 16px;
	max-width: 700px;
	line-height: 22px;
	text-align: left;
}
div#bloc-info span.ordre-professionnel {
	display: block;
    width: 240px;
	margin-top: 20px;
	margin-bottom: 0px;
	transition: 0.3s;
}
div#bloc-info span.ordre-professionnel:hover {
	opacity: 0.7;
}
div#bloc-info span.ordre-professionnel img {
	display: block;
	width: 100%;
}
div#bloc-saviez-vous {
	display: inline-block;
    vertical-align: top;
	box-sizing: border-box;
	width: 460px;
    border: 10px solid #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #cccccc;
	background-color: #335577;
	color: #ffffff;
	padding: 50px;
    padding-top: 70px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
}
@media (max-width: 620px) {
div#bloc-saviez-vous {
	display: block;
	width: 100%;
    border: 0px solid #ffffff;
    border-radius: 0px;
	padding: 50px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
}
div#bloc-saviez-vous div#le-saviez-vous {
	position: absolute;
	top: -35px;
	right: 25px;
	width: 260px;
}
div#bloc-saviez-vous div#le-saviez-vous img {
	display: block;
	width: 100%;
}
div#bloc-saviez-vous div.titre {
    font-family: 'Varela Round', sans-serif;
	font-size: 26px;
	text-align: left;
	margin-bottom: 10px;
}
div#bloc-saviez-vous div.texte {
	font-size: 16px;
	line-height: 22px;
	font-style: italic;	
	text-align: left;
	margin-bottom: 20px;
	max-width: 650px;
}
div#bloc-saviez-vous div.button a:hover {
	opacity: 0.7;
	background-color: #008ebe;
}
/* 3 BLOCS CATÉGORIES END */







/* LE RÉPERTOIRE */
div.wrap-categories-sante {
    width: 90%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    text-align:  left;
}
div.categorie-sante {
    display: inline-block;
    vertical-align:  top;
    margin-right: 15px;
    margin-bottom: 15px;
}
div.categorie-sante a {
    display: block;
    width: 100%;
    font-size: 17px;
    color: #000000;
    box-sizing: border-box;
    padding: 20px;
    padding-left: 55px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 10px;
    transition: 0.3s;
    background-image: url(icon/loupe-gris.png);
    background-repeat: no-repeat;
    background-position: left 8px center;
    background-size: 45px auto;
}
div.categorie-sante a:hover {
	background-color: #D9F0FD;
    text-decoration: none;
}
/* LE RÉPERTOIRE */







/* À LA RECHERCHE DE + RÉGIONS CATÉGORIES */
div#a-la-recherche-de-wrap {
	display: inline-block;
	vertical-align: middle;
	width: 640px;
	margin-right: 40px;
	padding-right: 30px;
	border-right: 5px dotted #e5e5e5;
}
@media (max-width: 1400px) {
div#a-la-recherche-de-wrap {
	display: none;
}
}
@media (max-width: 620px) {
div#a-la-recherche-de-wrap {
    margin-top: 40px;
}
}
div#quebec-carte {
	display: inline-block;
	vertical-align: middle;
	width: 220px;
	margin-right: 10px;	
}
div#quebec-carte img {
	display: block;
	width: 100%;
}
div#a-la-recherche-de {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 260px);
}
div#a-la-recherche-de h3 {
    width: 100%;
    font-family: 'Varela Round', sans-serif;
	font-size: 26px;
	line-height: 30px;
	font-weight: normal;
    margin-left: 0px;
    margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
}
div#a-la-recherche-de p.texte {
	font-size: 16px;
	line-height: 22px;
    margin-top: 0px;
	margin-bottom: 20px;
	text-align: left;
}
p.filtrer-par-region {
    display: none;
}
@media (max-width: 740px) {
p.filtrer-par-region {
    display: block;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: left;
	width: 90%;
    max-width: 300px;
    margin-left: auto;
	margin-right: auto;
    padding: 5px;
}
}
div.repertoire-colonne-1 {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	width: 320px;
	margin-right: 1px;
}
@media (max-width: 740px) {
div.repertoire-colonne-1 {
	display: block;
	width: 90%;
    max-width: 320px;
    margin-left: auto;
	margin-right: auto;
}
}
div.repertoire-colonne-2 {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	width: 280px;
}
@media (max-width: 740px) {
div.repertoire-colonne-2 {
	display: block;
	width: 90%;
    max-width: 320px;
    margin-left: auto;
	margin-right: auto;
}
}
div.region a {
	display: block;
	font-size: 18px;
	width: 100%;
	text-decoration: none;
	padding: 10px;
	text-align: left;
	color: #000000;
	border-radius: 5px;
	box-sizing: border-box;
	transition: 0.3s;
	margin-bottom: 1px;
}
@media (max-width: 740px) {
div.region a {
    border-radius: 0px;
	background-color: #ffffff;
    padding: 15px;
}
}
div.region.carte a {
	padding-left: 45px;
	background-image: url(images/quebec-carte.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position: 15px;
	background-size: 25px;
}
div.region a:hover {
    background-color: #D9F0FD;
}
/* À LA RECHERCHE DE + RÉGIONS CATÉGORIES END */




/* PAGINATION */
div.page-on {
	display: inline-block;
    vertical-align: middle;
	border-radius: 30px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 16px;
	width: 60px;
	height: 60px;
	background-color: #D9F0FD;
	border: 1px solid #cccccc;
	font-size: 26px;
	line-height: 26px;
    padding-top: 15px;
    font-weight: bold;
    color: #335577;
	text-align: center;
    box-sizing: border-box;
}
div.page-lien {
	display: inline-block;
    vertical-align: middle;
	border-radius: 30px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 16px;
	width: 60px;
	height: 60px;
}
div.page-lien a {
	display: block;
	width: 60px;
	height: 60px;
	text-decoration: none;
	transition: 0.3s;
	background-color: #335577;
	border: 1px solid #335577;
	border-radius: 30px;
	font-size: 26px;
	line-height: 26px;
	color: #ffffff;
    padding-top: 15px;
    font-weight: bold;
	text-align: center;
    box-sizing: border-box;
}
div.page-lien a:hover {
	background-color: #0088B6;
	border: 1px solid #0088B6;
}
/* PAGINATION END */




div.filtrer-par-ville {
    display: block;
    width: 100%;
    box-sizing: border-box;
	font-size: 16px;
	padding: 10px;
    margin-top: -20px;
	margin-bottom: 10px;
	text-align: left;
	line-height: 22px;
	padding-left: 40px;
	background-image: url(icon/pointeur-carte.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;
}
@media (max-width: 620px) {
div.filtrer-par-ville {
    margin-top: 20px;
}
}











/* PAGES VIDÉOS SANTÉ + INFOGRAPHIES */
div.video-page-wrap {
	display: block;
	width: 100%;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 10px;
	box-shadow: 0px 0px 5px #999999;
	box-sizing: border-box;
}
@media (max-width: 1260px) {
div.video-page-wrap {
	max-width: 100%;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
}		
}
div.video-page-info-link {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 20px;
	background-color: #f5f5f5;
	font-size: 16px;
	border-radius: 5px;
}
div.infographie-page-wrap {
	display: inline-block;
    vertical-align: top;
	width: 100%;
	max-width: 580px;
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 10px;
	box-shadow: 0px 0px 5px #999999;
	box-sizing: border-box;
}
div.infographie-page-wrap img {
	display: block;
	width: 100%;
}
@media (max-width: 1260px) {
div.infographie-page-wrap {
    display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
}		
}
div.infographie-page-info {
	display: inline-block;
    vertical-align: top;
	width: 100%;
	max-width: 380px;
    margin-left: 30px;
	margin-bottom: 30px;
    text-align: left;
	background-color: #eeeeee;
	box-sizing: border-box;
}
div.infographie-lien a {
	display: block;
	width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    padding: 20px;
    padding-left: 50px;
    background-size: 40px;
	background-repeat: no-repeat;
	background-position: left center;
    margin-bottom: 20px;
}
div.infographie-lien.texte a {
	background-image: url(icon/publications.png);
}
/* PAGES VIDÉOS SANTÉ + INFOGRAPHIES */







/* IMC */
div.outil-box-imc {
	text-align: center;
	width: 90%;
	max-width: 580px;
	box-shadow: 0px 0px 3px #cccccc;
	background-color: #ffffff;
	border-radius: 10px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	box-sizing: border-box;
}
div.outil-box-imc h2 {
	text-align: center;
    font-family: 'Varela Round', sans-serif;
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: bold;
}
@media (max-width: 600px) {
div.outil-box-imc h2 {
	margin-bottom: 20px;
}
}
/* IMC END */









/* OUTILS */
div.outil {
	display: inline-block;
    vertical-align: top;
	width: 85%;
    max-width: 160px;
	height: auto;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 6px;
	text-align: left;
}
div.outil a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: auto;
	border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
	transition: 0.3s;
	color: #000000;
}
div.outil a:hover {
	background-color: #D9F0FD;
}
div.outil a div.image {
	width: 100%;
	display: block;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
	box-shadow: 0px 0px 3px #cccccc;
	margin-bottom: 10px;
}
div.outil.infographie a div.image {
    border-radius: 0px;
    padding: 5px;
	box-shadow: 0px 0px 3px #cccccc;
	margin-bottom: 10px;
}
div.outil a div.image img {
	width: 100%;
	display: block;
}
div.outil a p.categorie {
	font-size: 16px;
    color: #0088B6;
    margin-top: 0px;
	margin-bottom: 5px;
}
div.outil a p.titre {
    font-family: 'Varela Round', sans-serif;
	font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
	margin-bottom: 5px;
}
div.outil a p.description {
	margin-top: 0px;
	font-size: 14px;
	margin-bottom: 0px;
}
div.outil-box {
	text-align: center;
	width: 85%;
	max-width: 740px;
	box-shadow: 0px 0px 3px #cccccc;
	background-color: #ffffff;
	border-radius: 10px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	box-sizing: border-box;
}
div.outil-box div.rdv-nombre {
	display: block;
	box-sizing: border-box;
	text-align: center;
	padding-top: 10px;
	width: 60px;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	color: #ffffff;
	border-radius: 30px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
    margin-top: -60px;
	background-color: #0088B6;
}
div.outil-box p.sub-title {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
div.outil-box div#header-client {
	display: block;
	width: calc(100% + 60px);
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
	padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -30px;
	margin-bottom: 20px;
    margin-top: 10px;
}
div.outil-box div#header-client img {
	display: block;
	width: 100%;
}
div.outil-box div#fiche-heures-ouverture {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
div.outil-box div.fiche-heures-icon {
	font-size: 16px;
    text-align:  left;
	background-color: #fafafa;
	display: inline-block;
	box-sizing: border-box;
    border: 1px solid #eeeeee;
	margin-right: 20px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 35px;
	padding: 15px;
    color: #000000;
	padding-left: 55px;
	border-radius: 5px;
}
div.lexique-lettre a {
	font-size: 22px;
	padding-top: 10px;
	box-sizing: border-box;
	width: 52px;
	height: 51px;
	background-color: #eeeeee;
	text-decoration: none;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	color: #000000;
	text-align: center;
}
div.lexique-lettre a:hover {
	background-color: #0088B6;
	color: #ffffff;
}
div.repertoire-liste a {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #000000;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 1px;
	background-color: #f5f5f5;
	transition: 0.3s;
}
div.repertoire-liste.infographie a {
	background-image: url(images/bg-lexique-infographie.png);
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 25px;
}
div.repertoire-liste.video-yt a {
	background-image: url(images/bg-lexique-video.png);
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 25px;
}
div.repertoire-liste.infographie-video-yt a {
	background-image: url(images/bg-lexique-infographie.png), url(images/bg-lexique-video.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right 7px center, right 37px center;
	background-size: 25px, 25px;
}
div.repertoire-liste a:hover {
	text-decoration: none;
	background-color: #d9f0fd;
}
/* OUTILS END */







/* MAP CARTE */
div#map-wrap {
	width: 100%;
	height: 600px;
	display: block;
	border-bottom: 10px solid #ffffff;
	background-color: #ffffff;
}
div#map-wrap div#map_canvas {
	width: 100%;
	height: 100%;
}
div#map-wrap div#map_canvas div {
	position: static;
}
div.service-sante.carte {
    display: block;
    width: calc(100% - 20px);
    vertical-align: top;
    margin-top: -36px;
	max-width: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
div.service-sante.carte a {

    padding: 0px;
    border: 0px;
    background-color: transparent;
}
.gm-style-iw {
    height: 109px;
    transition: 0.3s;
}
.gm-style-iw:hover {
    background-color: #D9F0FD;
}
.gm-style-iw-d {
  overflow: visible !important;
}
.gm-style-iw, .gm-style-iw-c, .gm-style-iw-d {
    width: 90%;
    max-width: 340px !important;
}


.gm-style-iw-tc {
    margin-top: -109px !important;

}
/* MAP CARTE END */





/* SECTION EMPLOIS */
div#topbar div.nav-emplois a {
	float: left;
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
	width: 17%;
	box-sizing: border-box;
	text-align: center;
	height: 60px;
	border-top: 1px solid #e7e7e7;
    border-right: 1px solid #eeeeee;
	color: #444444;
	text-decoration: none;
	font-size: 16px;
	line-height: 16px;
	padding-top: 14px;
}
div#topbar div.nav-emplois a:hover {
	background-color: #D9F0FD;
	opacity: 1;
}
div#topbar div.nav-emplois.espace-employeur a {
	background-color: #000000;
	border-top: 1px solid #e7e7e7;
    border-right: 1px solid #eeeeee;
	color: #ffffff;
}
div#topbar div.nav-emplois.espace-employeur a:hover {
	background-color: #db5126;
	opacity: 1;
}
div#topbar div.nav-emplois a img {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-bottom: -8px;
	margin-right: 5px;	
}
@media (max-width: 1450px) {
div#topbar.emplois {
    height: auto;
}
div#topbar div.nav-emplois a {
    font-size: 14px;
	border-right: 1px solid #e7e7e7;
	width: 33.33%;
    height: auto;
	min-height: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-top: 14px;
}
div#topbar div.nav-emplois a img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;	
}
}
div#topbar div.nav-emplois-logo {
    float: left;
    font-family: 'Open Sans', sans-serif;
    background-color: #db5126;
    width: 15%;
    box-sizing: border-box;
    text-align: right;
    height: 60px;
    padding: 3px;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #eeeeee;
    opacity: 1;
}
div#topbar div.nav-emplois-logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
@media (max-width: 1450px) {
div#topbar div.nav-emplois-logo {
    display: none;
    float: none;
    width: 100%;
    height: 60px;
    padding-top: 0px;
    padding-bottom: 20px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid #eeeeee;
}
div#topbar div.nav-emplois.recherche-employeur a {
    display: none;
}
div#topbar div.nav-emplois.espace-employeur {
    display: block;
    clear: both;
}
div#topbar div.nav-emplois.espace-employeur a {
    display: block;
    float: none;
    width: 100%;
    font-size: 16px;
    height: 62px;
    border-top: 0px;
    border-bottom: 0px;
}
div#topbar div.nav-emplois.espace-employeur a img {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-bottom: -8px;
	margin-right: 5px;	
}
}
div.service-sante a span.date {
	color: #999999;
	font-size: 13px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
div.service-sante a span.views {
	color: #999999;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	width: 70px;
	height: 20px;
	box-sizing: border-box;
	padding-top: 2px;
	padding-right: 25px;
	position: absolute;
	bottom: 10px;
	right: 30px;
	text-align: right;
	background-image: url(images/bg-views.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
}
div.service-sante a span.tag {
    display: block;
    width: 100px;
	color: #ffffff;
	font-family: 'Varela Round', sans-serif;
	font-size: 13px;
	background-color: #db5126;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.service-sante a span.tag.nouveau {
	background-color: #db5126;
}
div.service-sante a span.tag.vedette {
	background-color: #0088B6;
}
div.service-sante a span.tag.maj {
	background-color: #000000;
}
div.alertes-pub-texte {
	display: block;
	width: 90%;
	font-size: 18px;
	line-height: 24px;
	margin-left: auto;
	margin-right: auto;
    margin-top: 20px;
	margin-bottom: 10px;
    text-align: center;
}
div.alertes-pub-logo {
	display: block;
	width: 90%;
	max-width: 300px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;	
}
div.alertes-pub-logo img {
	display: block;
	width: 100%;	
}
div.tag-info {
    float: left;
    font-size: 15px;
    color: #db5126;
    background-color: #fafafa;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding-left: 15px;
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 7px;
    margin-right: 15px;
    margin-bottom: 15px;
}
/* SECTION EMPLOIS END */







/* COOKIES */
div#cookies {
	position: fixed;
	box-sizing: border-box;
    left: 40px;
	bottom: 40px;
	width: 85%;
    max-width: 700px;
	color: #000000;
	padding: 25px;
	transition: 0.3s;
	font-size: 17px;
	text-align: left;
	border: 5px solid #ffffff;
    border-radius: 20px;
	background-color: #ffffff;
	background-image: linear-gradient(#fafafa, #f5f5f5);
	box-shadow: 0px 0px 10px #666666;
	opacity: 1;
    z-index:9999;
    animation: popupIn .5s ease-out;
}
@keyframes popupIn {
    from{
        opacity:0;
        transform:translateX(-25px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}
@media screen and (max-width: 600px) {
div#cookies {
    left: 25px;
	bottom: 25px;
	padding: 20px;
}
}
div#cookies:hover {
	opacity: 1;
}
div.cookies-link {
	display:inline-block;
	margin-right: 0px;
    margin-bottom: 0px;
    width: 140px;
}
div.cookies-link a {
	display: block;
	width: 100%;
    height: 60px;
	box-sizing: border-box;
    padding-top: 21px;
    border-radius: 30px;
    font-size: 19px;
    line-height: 19px;
	color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
	opacity: 0.7;
	transition: 0.3s;
    background-color: #0088B6;
}
div.cookies-link a:hover {
    background-color: #00bbff;
}
div.cookies-link a:hover {
	opacity: 1;
}
div#cookies p {
	margin-top: 0px;
	margin-bottom: 20px;
}
div#cookies button.close {
	float: right;
    margin-left: 15px;
    margin-top: -10px;
    margin-right: -10px;
    margin-bottom: 5px;
	cursor: pointer;
	color: #ffffff;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	border: 0px;
	border-radius: 18px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 20px;
	line-height: 14px;
	background-color: #000000;
	opacity: 1;
	transition: 0.3s;
}
div#cookies button.close:hover {
	opacity: 0.7;
}






span.nombre {
	color: #0088B6;
}


div.autres-services-pour {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
    font-family: 'Varela Round', sans-serif;
	font-size: 32px;
	margin-bottom: 30px;
}


div.note {
	font-size: 14px;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 20px;
	text-align: left;
	color: #333333;
}

span.note-jaune {
    display: block;
    padding: 15px;
    box-sizing: border-box;
    background-color: #FCF5A2;
    font-size: 14px;
}











/* OLD CSS DELETE ALL NEXT 2026 --------------------------------------------------------------------------------- */








/* BUTTONS DIV */
div.button a {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 15px;
	background-color: #0088B6;
	color: #ffffff;
	border-radius: 5px;
	transition: 0.3s;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
}
div.button a:hover {
	background-color: #335577;
}
div.button.trouver a {
	background-repeat: no-repeat;
	background-position: right center;
	width: 120px;
	color: #ffffff;
	padding-right: 40px;
	background-image: url(images/bg-trouver-accueil.png);
}
/* BUTTONS DIV END */





/* SECTION */
div.section {
	display: block;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #ffffff;
	box-sizing: border-box;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 60px;
}
@media (max-width: 800px) {
div.section {
	padding-top: 50px;
	padding-bottom: 50px;
}
}
div.section.bg-1 {
	background-image: url(images/bg-index-sante-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
}
div.section p.titre {
	font-size: 28px;
	color: #000000;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	line-height: 32px;
	margin-top: 0px;
}
div.section.categorie {
	padding-top: 50px;
}
div.section p.sous-menu {
	margin-bottom: 0px;
	width: 90%;
	line-height: 24px;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
}
div.section p.sous-menu.big {
	font-size: 18px;	
}
div.section p.sous-menu a {
	color: #000000;
}
div.section p.sous-menu a:hover {
	color: #0088B6;
}
div.sous-menu-accueil {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
div.sous-menu-accueil a {
	display: block;
	padding: 10px;
	font-size: 16px;
	background-color: #ffffff;
	border-radius: 5px;
	color: #000000;
}
div.sous-menu-accueil a:hover {
	background-color: #0088B6;
	color: #ffffff;
	text-decoration: none;
}
/* SECTION END */










/* BOUTON PROFESSIONNELS */
div.bouton-professionnels {
	position: absolute;
	top: 20px;
	right: 20px;
}
div.bouton-professionnels a {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color: #000000;
	padding-left: 35px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: left;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	background-color: #fafafa;
	border-radius: 5px;
	border: 1px solid #cccccc;
	transition: 0.3s;
	background-image: url(images/nav-icon-inscription.png);
    background-size: 15px;
	background-repeat: no-repeat;
	background-position: left 10px center;
}
div.bouton-professionnels a:hover {
	background-color: #f5f5f5;
}
div.bouton-professionnels a span.message {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	font-weight: normal;
	font-size: 12px;
}
div.bouton-professionnels.footer {
	position: relative;
	display: block;
	top: auto;
	right: auto;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
/* BOUTON PROFESSIONNELS END */










/* PAGES CHRONIQUES, TEXTES ET CONTENU */
div#wrap-content-2019 {
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}
div#content-2019 {
	float: left;
	vertical-align: top;
	width: 100%;
	max-width: 620px;
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px #cccccc;
	box-sizing: border-box;
	padding: 40px;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
}
div#chronique-categorie {
	display: block;
	font-size: 15px;
	color: #0088B6;
	margin-top: 15px;
	margin-bottom: 15px;
}
div#chronique-categorie a {
	color: #000000;
	text-decoration: none;
	opacity: 0.7;
}
div#chronique-categorie a:hover {
	text-decoration: none;
	color: #0088B6;
	opacity: 1;
}
div#content-2019 h1 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 38px;
	line-height: 46px;
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
}
div#content-2019 h2 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 5px;
	text-align: left;
}
div#content-2019 h2.heading {
	margin-bottom: 25px;
	padding-top: 0px;	
}
div#content-2019 h3 {
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: left;
}
div#content-2019 div.image {
	width: calc(100% + 80px);
	margin-left: -40px;
	margin-bottom: 20px;
}
div#content-2019 div.image img {
	display: block;
	width: 100%;
}
div.suggestion-bottom a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	background-color: #f5f5f5;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 15px;
	margin-bottom: 1px;
	background-image: url(images/bg-suggestion-bottom.png);
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 30px;
}
div.suggestion-bottom a:hover {
	background-color: #eeeeee;	
}
div.a-lire-sur-index-sante {
	display: block;
	width: 220px;
	background-color: #335577;
	color: #ffffff;
	text-align: center;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 30px;
}
div.index-sante-vous-suggere {
	display: inline-block;
	background-color: #335577;
	color: #ffffff;
	text-align: center;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 25px;;
}

span.citation {
	font-weight: normal;
}
/* PAGES CHRONIQUES, TEXTES ET CONTENU 2019 END */







/* RESSOURCES ET RÉFÉRENCES */
div.ressources-et-references {
	display: block;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	padding: 15px;
	color: #ffffff;
    text-align:  left;
	background-color: #0088B6;
	margin-bottom: 1px;
	font-size: 15px;
	font-weight: bold;
	border-top: 10px solid #ffffff;
}

/* -- OLD REFERENCES -- */
div.ressources-references {
	width: calc(100% + 80px);
	margin-left: -40px;
	display: block;
	box-sizing: border-box;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-color: #fafafa;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #666666;
}
div.ressources-references div.title {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	font-size: 20px;
	text-align: left;
	color: #000000;
}
div.ressources-references div.item {
	width: 100%;
	margin-bottom: 7px;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
}
/* -- OLD REFERENCES END -- */
/* RESSOURCES ET RÉFÉRENCE END */







/* SIDE 2019 */
div#side-2019 {
	float: left;
	vertical-align: top;
	width: 100%;
	max-width: 300px;
	padding: 0px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
div#side-2019 div#annuaire {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0px 0px 3px #cccccc;
	transition: 0.3s;
}
div#side-2019 div#annuaire:hover {
	opacity: 0.8;
}
div#side-2019 div#annuaire img {
	display: block;
	width: 100%;
}
div#side-2019 div#annuaire div.categorie {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	text-align: left;
	padding: 20px;
	padding-right: 60px;
	box-sizing: border-box;
	position: absolute;
	z-index: 97;
	left: 0px;
	bottom: 0px;
	background-image: url(images/bg-bloc-annuaire.png);
	background-repeat: no-repeat;
	background-position: right center;
}
div#side-2019 div.side-box {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 20px;
	box-sizing: border-box;
	box-shadow: 0px 0px 3px #cccccc;
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}
div.wrap-box-shadow {
	box-shadow: 0px 0px 3px #cccccc;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 8px;
	background-color: #ffffff;
	width: 100%;
	box-sizing: border-box;
}
div.suggestion a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	box-shadow: 0px 0px 3px #cccccc;
	background-color: #ffffff;
	font-size: 13px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 20px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 30px;
}
div.suggestion.news a {
	background-image: url(images/bg-suggestion-news.png);
}
div.suggestion.emplois a {
	background-image: url(images/bg-suggestion-emplois.png);
}
div.suggestion.emplois a span.employeur {
	font-size: 12px;
	color: #666666;
}
div.suggestion.emplois a span.ville {
	font-size: 12px;
	color: #db5126;
	opacity: 0.7;
}
div.suggestion a:hover {
	background-color: #f5f5f5;	
}
div#rendez-vous-side a {
	background-color: #39b54a;
	height: 50px;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 15px;
	box-sizing: border-box;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/bg-rendez-vous-side.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 65px;
	display: block;
	box-shadow: 0px 0px 3px #cccccc;
	transition: 0.3s;
}
div#rendez-vous-side a:hover {
	background-color: #29a53a;
}
div#teleconsultation-side a {
	background-color: #0088B6;
	height: 50px;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 15px;
	box-sizing: border-box;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/bg-teleconsultation-side.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 65px;
	display: block;
	box-shadow: 0px 0px 3px #cccccc;
	transition: 0.3s;
}
div#teleconsultation-side a:hover {
	background-color: #0077aa;
}
div.slider.single-item {
	width: 100%;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 3px #cccccc;
}
div.slider single-item div {
	display: block;
	width: 100%;
}
div.slider single-item div img {
	display: block;
	width: 100%;
}
div.ville-tag-title {
	font-size: 14px;
	margin-bottom: 5px;
	text-align: left;
	line-height: 18px;
	padding: 15px;
	margin-top: -10px;
	padding-left: 30px;
	background-image: url(images/bg-ville-accueil.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position: -15px;
}
div.ville-tag a {
	background-color: #ffffff;
	padding: 12px;
	float: left;
	box-shadow: 0px 0px 3px #cccccc;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
	font-size: 13px;
	text-decoration: none;
	transition: 0.3s;
}
div.ville-tag.carte a {
	padding-left: 35px;
	background-image: url(images/quebec-carte.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position: 12px;
	background-size: 18px 21px;
}
div.ville-tag.carte.recherche a {
	float: right;
	margin-top: -15px;
	margin-right: -15px;
}
div.ville-tag a:hover {
	color: #000000;
	background-color: #d9f0fd;
}

/* SIDE 2019 END */








/* PASTILLES */
div.pastille {
	display: inline-block;
	width: 100%;
	height: 87px;
	margin-bottom: 15px;
	vertical-align: top;
	box-sizing: border-box;
	border: 1px solid #ffffff;
}
div.pastille.pc {
	border: 1px solid #d9d990;	
}
div.pastille.reg {
	border: 1px solid #8fb3cd;	
}
div.pastille.pres {
	border: 1px solid #dddddd;	
}
div.pastille.inscription a {
	background-image: none;
	background-color: #f5f5f5;
}
div.pastille a {
	display: block;
	width: 100%;
	height: 85px;
	background-image: url(images/bg-pastille-pc.jpg);
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: left center;
	color: #000000;
	box-shadow: 0px 0px 3px #dddddd;
	box-sizing: border-box;
	padding-right: 10px;
	text-decoration: none;
	text-align: left;
	transition: 0.3s;
}
div.pastille a:hover {
	box-shadow: 0px 0px 3px #666666;
}
div.pastille a span.logo {
	float: left;
	width: 110px;
	height: 75px;
	border: 5px solid #ffffff;
	margin-right: 10px;
}
div.pastille a span.title {
	display: block;
	font-size: 13px;
	padding-top: 10px;
	margin-bottom: 2px;
	line-height: 16px;
	text-align: left;
}
div.pastille a span.ville {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	color: #0088B6;
	line-height: 16px;	
}
div.pastille.inscription a span.title {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 4px;
	line-height: 16px;
}
div.pastille a span.ville.inscription {
	font-size: 13px;
	text-transform: none;
	color: #335577;
	line-height: 17px;
}
div.pastille a span.details {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 13px;
	color: #777777;
	transition: 0.3s;	
}
div.pastille:hover a span.details {
	color: #000000;
	bottom: 13px;	
}
/* PASTILLES END */



/* PAGE CATÉGORIE */
div.section.categorie h1 {
	font-size: 40px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	margin-bottom: 30px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	line-height: 44px;
}
div.section.categorie h2 {
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	margin-bottom: 40px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	line-height: 28px;
}
















/* PAGE CATÉGORIE END */







/* CHRONIQUES WRAP */
div.chronique {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	max-width: 280px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	box-sizing: border-box;
}
div.chronique a {
	display: block;
	width: 100%;
	background-color: #ffffff;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 3px #cccccc;
	text-decoration: none;
	transition: 0.3s;
	text-align: left;
}
div.chronique a:hover {
	box-shadow: 0px 0px 5px #666666;
}
div.chronique a span.video {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 40px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	transition: 0.3s;
}
div.chronique a span.video img {
	display: block;
	width: 100%;	
}
div.chronique a:hover span.video {
	opacity: 1;
}
div.chronique a span.grand-format {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 60px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	transition: 0.3s;
}
div.chronique a span.grand-format img {
	display: block;
	width: 100%;	
}
div.chronique a:hover span.grand-format {
	opacity: 1;
}
div.chronique a span.duree {
	position: absolute;
	width: 40px;
	top: 130px;
	right: 15px;
	padding: 3px;
	box-sizing: border-box;
	background-color: #000000;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
}
div.chronique a span.dimensions {
	position: absolute;
	width: 70px;
	top: 15px;
	left: 15px;
	padding: 3px;
	box-sizing: border-box;
	background-color: #000000;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
}
div.chronique a span.image {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
div.chronique a span.image img {
	display: block;
	width: 100%;
}
div.chronique a span.categorie {
	display: block;
	color: #0088B6;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
div.chronique a span.title {
	display: block;
	color: #000000;
	font-size: 15px;
	margin-bottom: 5px;
}
div.chronique a span.description {
	display: block;
	color: #666666;
	font-size: 12px;
	margin-bottom: 0px;
	line-height: 16px;
}
/* CHRONIQUES WRAP END */











/* TABLES */
table.form {
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 0px 0px 3px #cccccc;
}
table.form.horaire {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 0px #cccccc;
}
table.form tr {
	margin: 0px;
	padding: 0px;
}
table.form td {
	padding: 15px;
	font-size: 14px;
	text-align: left;
	border: 1px solid #ffffff;
	background-color: #f5f5f5;
	box-sizing: border-box;	
}
table.form.horaire tr td {
	padding: 10px;
	font-size: 13px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	transition: 0.3s;
}
table.form.horaire tr:hover td {
	background-color: #d9f0fd;
}
table.form td input, table.form td textarea {
	background-color: #ffffff;
	border-radius: 5px;
	box-sizing: border-box;
	color: #000000;
	padding: 10px;
	outline: none;
}
table.form td.label {

}
table.form td.field {
	background-repeat: no-repeat;
	background-position: right center;
}
table.form input.button {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 15px;
	background-color: #0088B6;
	color: #ffffff;
	border-radius: 5px;
	transition: 0.3s;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	text-transform: none;
}
table.form input.button:hover {
	background-color: #335577;
}
table.form input.checkbox {
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	border-radius: 5px;
	box-sizing: border-box;
	color: #000000;
	padding: 5px;
	outline: none;
}
/* TABLES END */





/* BADGE */
div.badge {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px #cccccc;
	padding: 20px;
	text-align: left;
	margin-bottom: 20px;
	color: #000000;
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: left center;
}
div.badge div.badge-title {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 24px;
}
div.badge div.badge-texte {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 18px;
}
div.badge div.badge-texte span.nombre {
	font-size: 24px;
	font-weight: bold;
	color:#0088B6;
}
div.badge div.badge-maj {
	display: block;
	font-size: 12px;
	font-style: italic;
	color: #999999;
	margin-bottom: 0px;
	line-height: 14px;
}
div.badge div.badge-plus {
	display: block;
	font-size: 13px;
	color: #999999;
	margin-top: 10px;
	line-height: 16px;
}
/* BADGE END */











/* BOTTOM PROFESSIONNELS DE LA SANTÉ */
div#professionnels-de-la-sante {
	width: 100%;
	clear: both;
	display: block;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
	box-sizing: border-box;
    background-color: #335577;
	color: #ffffff;
	margin-bottom: -16px; /* STRANGE SPACE HACK */
}
div#professionnels-de-la-sante a {
	color: #d9f0fd;
	border-bottom: 2px dotted #d9f0fd;
}
div#professionnels-de-la-sante a:hover {
	opacity: 0.7;
	text-decoration: none;
}
div#professionnels-de-la-sante p.title {
	font-size: 28px;
	margin-bottom: 20px;
	width: 80%;
	line-height: 32px;
	margin-top: 0px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
}
div#professionnels-de-la-sante p.texte {
	font-size: 18px;
	width: 80%;
	max-width: 690px;
	margin-bottom: 0px;
	line-height: 28px;
	margin-top: 0px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
}
/* BOTTOM PROFESSIONNELS DE LA SANTÉ END */





/* ANIMATIONS ON SCROLL */
[data-animate-in] {
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease
}
[data-animate-in="up"] {
    transform: translate3d(0, 50px, 0)
}
[data-animate-in="left"] {
    transform: translate3d(-15%, 0, 0)
}
[data-animate-in="right"] {
    transform: translate3d(15%, 0, 0)
}
[data-animate-in="down"] {
    transform: translate3d(0, -50px, 0)
}
[data-animate-in="fadeIn"] {
    transform: translate3d(0, 0, 0)
}
[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 1.5s ease, opacity 1.5s ease
}
.fade-in {
    opacity: 0;
    transition: opacity 1s ease
}
.page-loaded .fade-in,.page-loaded.fade-in {
    opacity: 1
}
.isSafari.isTouch [data-animate-in],.isSafari.isTouch [data-animate-in="up"] {
    opacity: 1;
    transition: none;
    transform: none
}
/* ANIMATIONS ON SCROLL END */



/* SECTION CHRONIQUES SANTÉ */
div#chroniques-scroll select {
	-webkit-appearance: none;
	-moz-appearance: none;
    font-family: 'Open Sans', sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	width: 90%;
	max-width: 360px;
	background-color: #ffffff;
	color: #000000;
	height: 60px;
	padding: 15px;
	padding-right: 40px;
	box-sizing: border-box;
	font-size: 16px;
	background-image: url(icon/fleche-bas-bleu.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
    background-size: 10px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	outline: none;
}
div.chronique-tag {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
}
div.chronique-tag a {
	background-color: #ffffff;
	padding: 20px;
	padding-left: 50px;
	box-sizing: border-box;
	display: block;
	width: 100%;
	box-shadow: 0px 0px 3px #cccccc;
	font-size: 16px;
	text-decoration: none;
	transition: 0.3s;
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 30px;
}
div.chronique-tag a:hover {
	color: #000000;
	background-color: #d9f0fd;
}
div.slider.single-item.chroniques {
	display: inline-block;
	width: 100%;
	max-width: 700px;
	margin-bottom: 140px;
	box-shadow: 0px 0px 10px #cccccc;
	transition: 0.3s;
}
div.slider.single-item.chroniques div {
	display: block;
	width: 100%;
}
div.slider.single-item.chroniques div a {
	text-decoration: none;
}
div.slider.single-item.chroniques div div.texte-slider {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 26px;
	max-width: 60%;
	text-align: left;
	position: absolute;
	display: inline-block;
	height: auto;
	left: 0px;
	top: 0px;
	box-sizing: border-box;
	color: #ffffff;
	z-index: 20;
	background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,8));
	padding: 30px;
	text-decoration: none;
}
span.more-chronique {
	position: absolute;
	right: 0px;
	bottom: 30px;
	z-index: 20;
	transition: 0.3s;
	opacity: 0;
	color: #ffffff;
	border-radius: 25px;
	font-size: 38px;
	background-color: #0088B6;
	text-decoration: none;
	line-height: 1px;
	display: block;
	height: 50px;
	width: 50px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 25px;
}
div.slider.single-item.chroniques div:hover span.more-chronique {
	right: 30px;
	opacity: 1;	
}
div.slider.single-item.chroniques div:hover span.more-chronique:hover {
	background-color: #335577;
}
/* SECTION CHRONIQUES SANTÉ END */

























/* GMF */
div.box-gmf {
    display: block;
	width: 100%;
	background-color: #D9F0FD;
	box-shadow: 0px 0px 3px #cccccc;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 30px;
	text-align:left;
}
/* GMF END */







div#side div.suggestion.emplois a span.employeur {
	font-size: 12px;
	color: #666666;
}
div#side div.suggestion.emplois a span.ville {
	font-size: 12px;
	color: #db5126;
	opacity: 0.7;
}




















/* OLD VERSION ---------------------------------------------- */














/* DESIGN FICHES ----------------- */

div#services-wrap {
	text-align: center;
	width: 94%;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
div.service-box.pc a span.logo {
	border-right: 1px solid #d9d990;
}
div.service-box.reg a span.logo {
	border-right: 1px solid #8fb3cd;
}
div.service-box.pres a span.logo {
	border-right: 1px solid #bbbbbb;
}
div.service-box a {
	width: 92%;
	margin-top: 0px;
	margin-right: 4%;
	margin-bottom: 15px;
	margin-left: 4%;
	height: 85px;
	background-color: #ffffff;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	overflow: hidden;
	color: #000000;
	transition: 0.3s;
}
div.service-box a span.logo {
	padding: 5px;
	height: 75px;
	width: 110px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.service-box a span.logo img {
	height: 75px;
	width: 110px;
	margin: 0px;
	display: block;
}
div.service-box a span.title {
	font-size: 0.9em;
	line-height: 16px;
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
	color: #335577;
}
div.service-box a span.ville {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	color: #000000;
	font-size: 0.9em;
}
div.service-box a div.details img {
	width: 15px;
	height: 15px;
	float: right;
	margin-top:  30px;
	margin-right: 15px;
	margin-left: 5px;
	opacity: 0.3;
	transition: 0.3s;
}
div.service-box a:hover div.details img {
	opacity: 1;
}

/* DESIGN FICHES ----------------- */

div#erreur {
	padding: 0px;
	width: 250px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	color: #aa0000;
}











div#widget {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#carte-quebec-side h1 {
	font-size: 1.7em;
	margin-bottom: 20px;
	padding-left: 0%;
	padding-right: 0%;
}











.message-red {
	color: #DD0000;
}
.message-blue {
	color: #0088B6;
}
.message-grey {
	color: #666666;
}








span.icon-title img {
	margin-left: 5px;
	margin-bottom: -7px;
	width: 18px;
}










/* BOUTON INSCRIPTION */
div.inscription-ajoutez-votre-service a, div.inscription-ajoutez-votre-service input {
	font-size: 20px;
	background-color: #0088B6;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	color: #FFFFFF;
	width: 200px;
	text-decoration: none;
	text-align: center;
	height: auto;
	display: block;
	border: 0px;
	cursor: pointer;
	border-radius: 5px;
	padding: 15px;
	transition: 0.3s;
}
div.inscription-ajoutez-votre-service a:hover, div.inscription-ajoutez-votre-service input:hover {
	background-color: #00789F;
}
div.inscription-ajoutez-votre-service a {
	margin-left: 4%;
	margin-top: 20px;
	margin-right: 0%;
}
div.inscription-ajoutez-votre-service.bt-chronique a {
	margin-left: 0%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 0%;
	padding: 30px;
	width: 220px;
	font-size: 24px;
}
/* BOUTON INSCRIPTION END */




div.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
span.nouvelle-fenetre {
	display: inline-block;
	width: 11px;
	height: 11px;
}
span.nouvelle-fenetre img {
	width: 100%;
	display: block;
}












/* AMZ LINK */
div.amz-link {

}
/* AMZ LINK END */











div.social {
	display: inline-block;
	height: 42px;
	width: 42px;
	margin-left: 2px;
	margin-right: 2px;
}
div.social a {
	display: block;
	width: 30px;
	height: 30px;
	padding: 5px;
	border-radius: 21px;
	overflow: hidden;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	opacity: 1;
	transition: 0.3s;
}
div.social a:hover {
	background-color: #d9f0fd;
}
div.social a img {
	display: block;
	width: 100%;
}





















/* RESPONSIVE -------------------------------- */

@media (max-width: 600px) {
div#header div#wrap-social {
	display: none;
}
table.form td.label, table.form td.field {
	padding: 3%;
}
div.lexique-pub-1 {
	width: 92%;
	margin-right: 0%;
	margin-bottom: 4%;
}
div.lexique-pub-2 {
	width: 92%;
	margin-bottom: 4%;
}
div#lexique-retour a {
	float: none;
	display: block;
	padding-top: 10px;
	margin-left: 4%;
	margin-bottom: 4%;
}
}
@media (max-width: 955px) {


div#urgences-image {
	display: none;
}
}

@media (max-width: 1000px) {
div#urgences-left {
	float: none;
	width: 92%;
	display: block;
	max-width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}
div#urgences-center {
	float: none;
	width: 92%;
	display: block;
	max-width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}
div#urgences-right {
	float: left;
	width: 92%;
	display: block;
	max-width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}
}















/* BOUTON ANNONCEURS END */	
div#bouton-annonceurs a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 40px;
	padding-left: 195px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #d9f0fd;
	color: #000000;
	text-decoration: none;
	border-radius: 10px;
	text-align: left;
	transition: 0.3s;
	background-image: url(images/annonceurs-sante.png);
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 150px auto;
}
@media (max-width: 600px) {
div#bouton-annonceurs a {
	width: 100%;
	padding: 30px;
	padding-right: 130px;
	background-position: right 20px center;
	background-size: 100px auto;
}
}
div#bouton-annonceurs a:hover {
	background-color: #fff59b;
}
div#bouton-annonceurs p.titre {
	margin-top: 0px;
	font-size: 24px;
	line-height: 28px;
	font-family: 'Heebo', sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
}
div#bouton-annonceurs p.texte {
	margin-top: 0px;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 0px;
}
/* BOUTON ANNONCEURS END */	
	
	
	
	
	
/* COMMENTAIRES */


/* COMMENTAIRES END */















/* RESPONSIVE NEW 2019 -------------------- */



@media (max-width: 580px) {
/* RECHERCHE BARRE */
div#recherche-barre div#ville-wrap {
	margin-bottom: 15px;	
}
/* RECHERCHE BARRE END */
/* SECTION */
div.section p.sous-menu.big {
	font-size: 14px;	
}
/* SECTION END */	
}










@media (max-width: 1020px) {
/* PAGES CHRONIQUES, TEXTES ET CONTENU 2019 */
div.pub-liste {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 0px;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 3px #cccccc;
}
div#wrap-content-2019 {
	padding-top: 0px;
}
div#content-2019 h1 {
	font-size: 26px;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 5px;
	color: #0088B6;
}
div#content-2019 div.image {
	width: calc(100% + 40px);
	margin-left: -20px;
}
/* PAGES CHRONIQUES, TEXTES ET CONTENU 2019 END */
}




@media (max-width: 1080px) {
/* PAGES CHRONIQUES, TEXTES ET CONTENU 2019 */
div#content-2019 {
	float: none;
	display: block;
	max-width: 100%;
	text-align: left;
	padding: 20px;
	font-size: 16px;
	line-height: 24px;
	margin-left: auto;
	margin-right: auto;
}
div#side-2019 {
	float: none;
	display: block;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
/* PAGES CHRONIQUES, TEXTES ET CONTENU 2019 END */
/* BADGE */
div.badge {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
/* BADGE END */
/* SIDE 2019 */
div.ville-tag.carte.recherche a {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
}
/* SIDE 2019 END */
}

















/*
bleu is : #0088B6;
bleu is hover : #00bbff;
bleu is hover : #d9f0fd;
bleu foncé : #335577;
jaune pc : #FEFFF1;
jaune note : #FCF5A2;
vert : #49b453;
orange emplois : #db5126;
*/