@charset "utf-8";

/* GENERAL */
body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #f7f7f7;
	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: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 15px;
	color: #000000;
	border: 1px solid #cccccc;
	width: 100%;
	box-sizing: border-box;
	background-color: #fafafa;
	border-radius: 5px;
	outline: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: Arial, Helvetica, 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(images/bg-select.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	font-size: 14px;
	border-radius: 5px;
	outline: none;
}
input.button {
	font-size: 16px;
	color: #ffffff;
	background-color: #0088b6;
	margin: 0px;
	border: 0px;
	padding: 15px;
	width: 140px;
	box-sizing: border-box;
	transition: 0.3s;
	cursor: pointer;
	border-radius: 5px;
}
input.button:hover {
	background-color: #335577;
}
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.more a {
	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;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
div.more a:hover {
	background-color: #335577;
}
div.clear {
	clear: both;
}
div.pub {
	width: 100%;
	margin-bottom: 20px;
}
/* GENERAL END */




/* 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-image: url(images/bg-section.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #ffffff;
	box-sizing: border-box;
}
@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 */






/* HEADER */
div#header {
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffffff;
}
div#header button.menu-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
	height: 40px;
	width: 40px;
	margin: 0px;
	padding: 8px;
	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%;
}
@media (max-width: 860px) {
div#header button.menu-btn {
	display: block;
}
}
div#header div#logo {
	display: inline-block;
	width: 80%;
	max-width: 380px;
	margin-right: 30px;
	vertical-align: middle;
	transition: 0.3s;
}
div#header div#logo img {
	display: block;
	width: 100%;
}
div#header div#banner-leaderboard {
	display: inline-block;
	width: 728px;
	height: 90px;
	background-color: #ffffff;
	padding: 4px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	vertical-align: middle;
}
div#header div#banner-leaderboard img {
	width: 100%;
	display: block;
}
@media (max-width: 800px) {
div#header div#banner-leaderboard {
	display: none;
}
}
/* HEADER 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-repeat: no-repeat;
	background-position: left center;
	background-position: 10px;
}
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 */








/* MAIN NAV */
div#nav-wrap {
	background-color: #335577;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%;
	z-index: 100;
	text-align: center;
	box-shadow: 0px 2px 3px #666666;
}
@media (max-width: 860px) {
div#nav-wrap {
	display: none;
}
}
ul.topnav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 100;
}
ul.topnav li {
	display: inline-block;
	vertical-align: top;
	height: 54px;
}
ul.topnav li a {
	display: block;
	color: #ffffff;
	height: 50px;
	padding-top: 17px;
	font-size: 15px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	background-color: #335577;
	box-sizing: border-box;
	border-left: 1px solid #446688;
	border-right: 1px solid #113355;
}
ul.topnav li a:hover {
	background-color: #0088b6;
}
ul.topnav li a.inscription {
	padding-left: 45px;
	padding-top: 9px;
	background-color: #003355;	
	background-image: url(images/nav-icon-inscription.png);
	background-repeat: no-repeat;
	background-position: left 17px center;
	text-align: left;
	line-height: 15px;
	font-size: 15px;
	border-left: 0px;
}
ul.topnav li a.inscription span.inscription {
	display: block;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 2px;
	font-size: 13px;
	font-weight: normal;
	color: #bfccd4;
}
ul.topnav li a.inscription:hover {
	background-color: #000000;	
}
ul.topnav li button.menu-btn {
	display: block;
	height: 40px;
	width: 40px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #335577;
	cursor: pointer;
	outline: none;
	border: 0px;
	transition: 0.3s;
}
ul.topnav button.menu-btn img {
	width: 100%;
	display: block;
	height: auto;
}
ul.topnav button.menu-btn:hover {
	background-color: #224466;	
}
ul.topnav li ul {
	display: none;
	width: auto;
	position: absolute;
	padding: 0px;
	margin: 0px;
}
ul.topnav li:hover ul {
	display: block;
	position: absolute;
	padding: 0px;
	top: auto;
	width: 280px;
	box-shadow: 5px 10px 18px #888888;
}
ul.topnav li:hover ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	box-sizing: border-box;
}
ul.topnav li:hover ul li a {
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding-top: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 13px;
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
	font-size: 13px;
}
ul.topnav li:hover ul li a:hover {
	background-color: #d9f0fd;
}
ul.topnav li:hover ul li.first a {
	background-image: url(images/bg-shadow.png);
	background-repeat: repeat-x;
	background-position: center top;
}
/* MAIN NAV END */









/* PATHWAY */
div#pathway-wrap {
	font-size: 13px;
	color: #000000;
	width: 100%;
	background-color: #f2f2d9;
	padding: 17px;
	padding-top: 18px;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 1px solid #e3e3cb;
}
div#pathway-wrap a {
	opacity: 0.7;
	text-decoration: underline;
	color: #000000;
}
div#pathway-wrap a:hover {
	opacity: 1;
}
div#pathway-wrap div#date {
	float: right;
	z-index: 50;
	width: 130px;
	text-align: right;
}
/* PATHWAY END */










/* RECHERCHE BARRE */
div#recherche-barre {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #ffffff;
	box-shadow: 0px 2px 3px #999999;
	text-align: center;
	z-index: 90;
	background-image: url(images/bg-recherche-barre.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
@media (max-width: 1500px) {
div#recherche-barre {
	background-color: #f5f5f5;
	box-shadow: 0px 0px 5px #999999;
	background-image: linear-gradient(#ffffff, #f5f5f5);
	margin-bottom: 0px;
}
}
div#recherche-barre select {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 360px;
	background-color: #ffffff;
	color: #000000;
	height: 50px;
	padding: 12px;
	padding-right: 50px;
	box-sizing: border-box;
	font-size: 16px;
	background-image: url(images/bg-select-accueil.png);
	border: 0px;
	box-shadow: 0px 0px 3px #999999;
	border-radius: 5px;
	margin-right: 20px;
	margin-bottom: 15px;
	outline: none;
}
div#recherche-barre div#ville-wrap {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 360px;
	height: 50px;
	margin-right: 20px;
	margin-bottom: 15px;
}
div#recherche-barre input.ville {
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 100%;
	background-color: #ffffff;
	color: #000000;
	height: 50px;
	padding: 12px;
	box-sizing: border-box;
	font-size: 16px;
	background-image: url(images/bg-ville-accueil.png);
	border: 0px;
	box-shadow: 0px 0px 3px #999999;
	border-radius: 5px;
	outline: none;
}
div#recherche-barre input.hidden {
	display: inline-block;
	vertical-align: top;	
}
div#recherche-barre input.button {
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
	vertical-align: top;
	width: 120px;
	background-color: #0088b6;
	color: #ffffff;
	height: 50px;
	padding: 10px;
	padding-left: 15px;
	padding-right: 40px;
	box-sizing: border-box;
	text-transform: none;
	font-size: 16px;
	background-image: url(images/bg-trouver-accueil.png);
	border: 1px solid #0088b6;
	border-radius: 5px;
	transition: 0.3s;
	margin-bottom: 20px;
	outline: none;
}
div#recherche-barre input.button:hover {
	background-color: #335577;
	border: 1px solid #335577;
}
/* SEARCH DROP DOWN */
#results, #resultsp {
	display: none;
	width: 100%;
	max-width: 280px;
	position: absolute;
	left: 15px;
	top: 40px;
	background-color: #ffffff;
	text-align: left;
	z-index: 98;
}
#results .item, #resultsp .item {
	padding: 10px;
	background-color: #ffffff;
	color: #0088b6;
	font-size: 14px;
	transition: 0.3s;
	box-shadow: 0px 0px 3px #cccccc;
	cursor: pointer;
}
/*
#keywordp {
	width: 200px;
	font-size: 1.1em;
}
#keyword {
	width: 200px;
	font-size: 1.1em;
}
*/
#results .item:hover, #resultsp .item:hover {
	background-color: #d9f0fd;
	color: #000000;
}
/* SEARCH DROP DOWN END */

/* RECHERCHE BARRE 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.fb-comments {
	width: 540px;
	margin-bottom: 20px;
	z-index: 50;
	clear: both;
}
p.page-chronique-publication {
	font-size: 14px;
	color: #999999;
	margin-bottom: 0px;
}
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;;
}
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;
}
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;
	background-color: #0088b6;
	margin-bottom: 1px;
	font-size: 15px;
	font-weight: bold;
	border-top: 10px solid #ffffff;
}
div.reference a {
	display: block;
	padding: 10px;
	padding-left: 35px;
	background-color: #f5f5f5;
	margin-bottom: 1px;
	transition: 0.3s;
	background-image: url(images/icon-plus-gris.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 15px;
	text-align: left;
}
div.reference a:hover {
	background-color: #eeeeee;
	text-decoration: none;
}
div.reference a span.titre {
	display: block;
	font-size: 14px;
	color: #0088b6;
	line-height: 20px;
}
div.reference a:hover span.titre {
	color: #0088b6;	
}
div.reference a span.nom {
	display: block;
	color: #666666;	
	font-size: 13px;
	line-height: 18px;
}
/* -- 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 */




/* RÉRÉRENCES VIDÉOS ET INFOGRAPHIES */
div.reference-video a {
	display: block;
	margin-bottom: 15px;
	width: 100%;
	padding: 7px;
	background-color: #eeeeee;
	box-sizing: border-box;
	border-radius: 10px;
	text-decoration: none;
	transition: 0.3s;
	text-align: left;
}
div.reference-video a:hover {
	background-color: #d9f0fd;
}
div.reference-video a span.image {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	margin-right: 8px;
	border-radius: 10px;
	overflow: hidden;
}
div.reference-video a span.image img {
	display: block;
	width: 100%;
}
div.reference-video a span.titre {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	box-sizing: border-box;
	width: calc(100% - 155px);
	font-size: 15px;
	line-height: 18px;
	color: #335577;
}
div.reference-video a span.icon {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
}
div.reference-video a span.icon img {
	display: block;
	width: 100%;
}





div.reference-infographie {
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	margin-bottom: 15px;
	width: 165px;
	box-sizing: border-box;
	text-align: left;
	transition: 0.3s;
}
div.reference-infographie:hover {
	opacity: 0.7;
}
div.reference-infographie div.demo-image {
	display: block;
	width: 100%;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}
div.reference-infographie div.demo-image img {
	display: block;
	width: 100%;
	border-radius: 5px;
}
div.reference-infographie div.titre {
	display: block;
	font-size: 14px;
	padding: 5px;
	line-height: 18px;
	color: #000000;
}
/* RÉRÉRENCES VIDÉOS ET INFOGRAPHIE 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#side-2019 div#votre-service-ici a {
	padding: 20px;
	box-shadow: 0px 0px 3px #cccccc;
	display: block;
	box-sizing: border-box;
	margin-bottom: 20px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	background-color: #ffffff;
	transition: 0.3s;
	color: #000000;
	opacity: 1;
}
div#side-2019 div#votre-service-ici a:hover {
	opacity: 0.7;
}
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;
}
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;
}
div#side-saviez-vous div#le-saviez-vous {
	position: absolute;
	top: -30px;
	right: 15px;
	width: 220px;
	height: 70px;
}
div#side-saviez-vous div#le-saviez-vous img {
	display: block;
	width: 100%;
}
div#side-saviez-vous div.title {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	padding-right: 75px;
	box-sizing: border-box;
}
div#side-saviez-vous div.texte {
	font-size: 14px;
	line-height: 18px;
	font-style: italic;	
	text-align: left;
	margin-bottom: 15px;
	max-width: 650px;
}
/* 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;
}

div#a-la-recherche-de-wrap {
	display: inline-block;
	width: 80%;
	max-width: 640px;
	vertical-align: middle;
	margin-right: 40px;
	padding-right: 40px;
	border-right: 2px dotted #dddddd;
}
div#quebec-carte {
	display: inline-block;
	width: 170px;
	height: 200px;
	margin-right: 30px;	
	vertical-align: middle;
}
div#quebec-carte img {
	display: block;
	width: 100%;
}
div#a-la-recherche-de {
	display: inline-block;
	width: calc(100% - 210px);
	vertical-align: middle;
}
div#a-la-recherche-de h3 {
	font-size: 24px;
	line-height: 28px;
	text-transform: none;
	font-weight: normal;
	margin-bottom: 15px;
	padding-right: 40px;
	text-align: left;
}
div#a-la-recherche-de p.texte {
	font-size: 16px;
	margin-bottom: 20px;
	text-align: left;
	line-height: 22px;
}
div.repertoire-colonne-1 {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	width: 280px;
	margin-right: 1px;
}
div.repertoire-colonne-2 {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	width: 280px;
}
div.region a {
	display: block;
	font-size: 15px;
	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;
}
div.region.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.region a:hover {
	background-color: #d9f0fd;
}










div#bloc-annuaire {
	float: left;
	width: 531px;
	height: 360px;
	overflow: hidden;
}
div#bloc-annuaire img {
	display: block;
	width: 100%;
}
div#bloc-annuaire div.categorie {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #ffffff;
	text-align: left;
	padding: 20px;
	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#blocs-wrap {
	float: left;
	width: calc(100% - 531px);
	height: 360px;
}
div#bloc-info {
	float: left;
	width: 50%;
	background-color: #eeeeee;
	height: 360px;
	padding: 50px;
	box-sizing: border-box;
	text-align: left;
	color: #000000;
}
div#bloc-info div.title {
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
}
div#bloc-info div.texte {
	font-size: 14px;
	max-width: 650px;
	line-height: 20px;
	text-align: left;
}
div#bloc-info span.ordre-professionnel {
	display: block;
	margin-top: 15px;
	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;
	height: 70px;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #dddddd;
}
div#bloc-saviez-vous {
	float: left;
	width: 50%;
	background-color: #335577;
	color: #ffffff;
	height: 360px;
	padding: 80px;
	box-sizing: border-box;
}
div#bloc-saviez-vous div#le-saviez-vous {
	position: absolute;
	top: -30px;
	right: 50px;
	width: 270px;
	height: 100px;
}
div#bloc-saviez-vous div#le-saviez-vous img {
	display: block;
	width: 100%;
}
div#bloc-saviez-vous div.title {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
}
div#bloc-saviez-vous div.texte {
	font-size: 16px;
	line-height: 20px;
	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;
}






/* 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 */






/* 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: block;
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	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 {
	max-width: 100%;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
}		
}
/* VIDÉOS SANTÉ + INFOGRAPHIES */






/* 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-image: url(images/bg-professionnels-de-la-sante.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	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 */



/* PAGINATION */
div.page {
	display: inline-block;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 50px;
	height: 50px;
	transition: 0.3s;
	background-color: #fafafa;
	border-radius: 25px;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	overflow: hidden;
}
div.page:hover {
	border: 1px solid #0088b6;	
}
div.page.on {
	background-color: #eeeeee;
	border: 0px solid #dddddd;
	padding-top: 12px;	
}
div.page.on:hover {
	border: 0px solid #dddddd;	
}
div.page a {
	display: block;
	width: 100%;
	width: 50px;
	height: 50px;
	padding-top: 12px;
	box-sizing: border-box;
	text-decoration: none;
	color: #000000;
	outline: none;
}
div.page a:hover {
	background-color: #0088b6;
	color: #ffffff;
}
/* PAGINATION END */


/* SECTION CHRONIQUES SANTÉ */
div#chroniques-scroll select {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
	vertical-align: top;
	width: 90%;
	max-width: 360px;
	background-color: #ffffff;
	color: #000000;
	height: 50px;
	padding: 12px;
	padding-right: 50px;
	box-sizing: border-box;
	font-size: 16px;
	background-image: url(images/bg-select-accueil.png);
	border: 0px;
	box-shadow: 0px 0px 3px #999999;
	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 */







/* MAP CARTE */
div#map-wrap {
	width: 100%;
	height: 700px;
	display: block;
	filter: grayscale(30%);
	border-bottom: 1px solid #dddddd;
	background-color: #ffffff;
}
div#map-wrap div#map_canvas {
	width: 100%;
	height: 100%;
}
div#map-wrap div#map_canvas div {
	position: static;
}
div#map-wrap div.service-carte a {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 280px;
	display: block;
	box-sizing: border-box;
	margin-left: 0px;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
	color: #000000;
}
div#map-wrap div.service-carte a span.logo {
	float: left;
	width: 110px;
	height: 75px;
	margin-right: 10px;
}
div#map-wrap div.service-carte a span.logo img {
	display: block;
	width: 100%;
}
div#map-wrap div.service-carte a span.title {
	display: block;
	margin-bottom: 2px;
}
div#map-wrap div.service-carte a span.ville {
	display: block;
	color: #0088b6;
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 0px;
}
/* MAP CARTE END */








/* OUTILS */
div.outil {
	display: inline-block;
	max-width: 140px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
	text-align: center;
}
div.outil a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: auto;
	border-radius: 20px;
	transition: 0.3s;
	color: #000000;
}
div.outil a:hover {
	background-color: #f5f5f5;
}
div.outil a p.outil-image {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
div.outil a p.outil-image img {
	width: 100%;
	height: auto;
	display: block;
}
div.outil a p.outil-title {
	margin-top: 0px;
	font-size: 13px;
	padding-bottom: 15px;
}
div.outil-box {
	text-align: center;
	width: 80%;
	max-width: 640px;
	box-shadow: 0px 0px 3px #cccccc;
	background-color: #ffffff;
	border-radius: 50px;
	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: 50px;
	height: 50px;
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
	border-radius: 25px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #335577;
}
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);
	margin-left: -30px;
	margin-bottom: 30px;
}
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: 13px;
	background-color: #eeeeee;
	display: inline-block;
	text-align: left;
	box-sizing: border-box;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px;
	border-radius: 5px;
	padding-left: 30px;
}
div.lexique-lettre a {
	font-size: 19px;
	padding-top: 9px;
	box-sizing: border-box;
	width: 39px;
	height: 39px;
	background-color: #eeeeee;
	text-decoration: none;
	float: left;
	margin-bottom: 1px;
	margin-right: 1px;
	color: #000000;
	text-align: center;
}
div.lexique-lettre a:hover {
	background-color: #0088b6;
	color: #ffffff;
}
div.infographie-image {
	display: block;
	width: 100%;
	max-width: 240px;
	box-shadow: 0px 0px 5px #cccccc;
	margin-bottom: 20px;
	transition: 0.3s;
}
div.infographie-image:hover {
	opacity: 0.8;
}
div.infographie-image img {
	display: block;
	width: 100%;
}
span.outil-h1-icon {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-bottom: -50px;
	margin-left: 0px;
}
span.outil-h1-icon img {
	display: block;
	width: 100%;
}
/* OUTILS END */







/* IMC */
div.outil-box-imc {
	text-align: center;
	width: 80%;
	max-width: 780px;
	box-shadow: 0px 0px 3px #cccccc;
	background-color: #ffffff;
	border-radius: 50px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	box-sizing: border-box;
}
@media (max-width: 600px) {
div.outil-box-imc {
	width: 100%;
	max-width: 100%;
	padding: 15px;
	box-shadow: none;
	border-radius: 0px;
	margin-bottom: 1px;
	background-color: #f5f5f5;
}
}
div.section.categorie div.outil-box-imc h2 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 17px;
	font-weight: bold;
}
@media (max-width: 600px) {
div.section.categorie div.outil-box-imc h2 {
	margin-bottom: 20px;
}
}
/* IMC END */








/* GMF */
div.box-gmf {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px #cccccc;
	text-align: left;
	padding: 30px;
	padding-right: 130px;
	background-image: url(/images/index-sante-icon.png);
	background-repeat: no-repeat;
	background-position: right 30px top 30px;
	background-size: 80px;
}
@media (max-width: 580px) {
div.box-gmf {
	padding-right: 30px;
	background-position: right 30px bottom 30px;
	background-size: 50px;
}	
}
/* GMF END */




/* VIDÉO CHRONIQUE */
div.video-chronique {
	width: 100%;
	background-color: #ffffff;
	box-sizing: border-box;
	margin-bottom: 20px;
	border-top: 10px solid #ffffff;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
div.video-chronique iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px;
}
/* VIDÉO CHRONIQUE END */




/* À PROPOS */
div#a-propos-nav-wrap {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	box-shadow: 0px 0px 3px #cccccc;
}
div.a-propos-nav a {
	display: block;
	width: 100%;
	color: #000000;
	text-decoration: none;
	font-size: 13px;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
	padding: 15px;
	box-sizing: border-box;
	background-color: #ffffff;
	transition: 0.3s;
}
div.a-propos-nav a:hover {
	background-color: #d9f0fd;
}
div#a-propos-video-wrap {
	width: calc(100% + 80px);
	margin-left: -40px;
	margin-bottom: 15px;
}
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 */








/* BOTTOM */
div.bottom {
	display: inline-block;
	width: 80%;
	max-width: 320px;
	margin-left: 4%;
	margin-right: 4%;
	margin-bottom: 50px;
	text-align: center;
}
div.bottom a {
	display: block;
	width: 100%;
	text-decoration: none;	
}
div.bottom a span.title {
	display: inline-block;
	font-size: 28px;
	color: #000000;
	margin-bottom: 10px;
	border-bottom: 3px dotted #ffffff;
	transition: 0.3s;	
}
div.bottom a:hover span.title {
	border-bottom: 3px dotted #0088b6;
}
div.bottom a span.texte {
	display: block;
	font-size: 14px;
	color: #000000;
	margin-bottom: 15px;
	line-height: 20px;
	transition: 0.3s;	
}
div.bottom a span.image {
	display: block;
	margin-bottom: 0px;	
}
/* BOTTOM END */




/* FOOTER */
div#footer {
	clear: both;
	width: 100%;
	background-color: #ffffff;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
	border-top: 1px solid #cccccc;
}
div#footer-logo {
	display: block;
	width: 80%;
	max-width: 340px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 0px;
}
div#footer-logo img {
	display: block;
	width: 100%;	
}
div#footer div#facebook-likes {
	width: 90px;
	height: 30px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	transition: 0.3s;
}
div#footer div#facebook-likes img {
	display: block;
	width: 100%;
}
div#footer div#facebook-likes:hover {
	opacity: 0.7;
}
div#footer p {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 0px;
	max-width: 780px;
	text-align: center;
	line-height: 18px;
	font-size: 15px;
}
div#footer div#developpe-au-quebec {
	display: block;
	text-align: center;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #333333;
}
div#footer div#developpe-au-quebec img {
	display: inline-block;
	width: 22px;
	margin-left: 3px;
	margin-right: 4px;
	margin-bottom: -8px;
}
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%;
}
/* FOOTER END */














/* OLD VERSION ---------------------------------------------- */
h1 {
	font-size: 26px;
	color: #0088b6;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
}
h1 a {
	color: #0088b6;
	text-decoration: none;	
}
h1 a:hover {
	text-decoration: underline;	
}




div#wrap-content {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	max-width: 970px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	background-color: #FFFFFF;
}
div#wrap-content ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 4%;
	width: 82%;
	padding-top: 0px;
	padding-right: 4%;
	padding-bottom: 0px;
	padding-left: 10%;
}
div#wrap-content ul li {
	text-align: left;
	padding-bottom: 1%;
}
div#wrap-content p {
	line-height: 22px;
}

div#side {
	padding: 0px;
}








span.nombre {
	color: #0088b6;
}










/* 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;
}




/* ACTUALITÉ */
div.actualite-list {
	width: 80%;
	max-width: 200px;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	box-sizing: border-box;
}
div.actualite-list a {
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px #cccccc;
	text-decoration: none;
	display: block;
	transition: 0.3s;
	text-align: left;
}
div.actualite-list a:hover {
	box-shadow: 0px 0px 3px #666666;
	opacity: 0.7;
}
div.actualite-list div.actualite-image {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
div.actualite-list div.actualite-image img {
	width: 100%;
	display: block;
}
div.actualite-list div.actualite-publication {
	display: block;
	color: #0088b6;
	font-size: 12px;
	padding-left: 10px;
}
div.actualite-list div.actualite-titre {
	display: block;
	font-size: 13px;
	line-height: 16px;
	margin-top: -5px;
	padding: 10px;
	color: #000000;
}
/* ACTUALITÉ END */





/* TÉLÉPHONES URGENCE */
div.telephone-urgence {
	width: 80%;
	max-width: 400px;
	display: inline-block;
	padding: 10px;
	vertical-align: top;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px #999999;
	transition: 0.3s;
	text-align: left;
}
div.telephone-urgence div.image {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
div.telephone-urgence div.image img {
	width: 100%;
	display: block;
}
div.telephone-urgence p.tel-titre {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #000000;
	margin-bottom: 12px;
	margin-top: 0px;
}
div.telephone-urgence p.tel-telephone {
	display: block;
	color: #0088b6;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
}
div.telephone-urgence p.tel-description {
	display: block;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
	margin-bottom: 0px;
	margin-top: 0px;
}
div.telephone-urgence p.tel-web {
	display: block;
	font-size: 13px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 0px;
}
/* TÉLÉPHONES URGENCE END */






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;
}
div#wrap-content p.service-title, p.service-title {
	font-size: 16px;
	color: #000000;
	text-align: left;
}








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;
}
div.note {
	font-size: 12px;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 18px;
	text-align: left;
	color: #666666;
}










/* 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: 700px) {
div#page-chronique-publication {
	display: none;
}
}
@media (max-width: 955px) {
body {
	background-image: none;
}
div#side {
	width: 92%;
	margin-top: 0px;
	margin-right: 4%;
	margin-bottom: 4%;
	margin-left: 4%;
	clear: both;
}	
div.fb-comments {
	display: none;
}
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%;
}
}







/* AMZN */
div.amzn {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
}
div.amzn div.icon {
	float: left;
	width: 120px;
	margin-right: 8px;
}
div.amzn div.icon img {
	display: block;
	width: 100%;
}
div.amzn div.info {
	float: left;
	padding-top: 12px;
	font-size: 17px;
	line-height: 22px;
}
div.amzn div.info a {
	text-decoration: underline;
}
div.amzn div.info span.vendeur {
	font-size: 14px;
	color: #999999;
	padding-left: 24px;
	background-image: url(images/fiche-boutique.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 19px;
}
/* AMZN END */







/* 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 */	
	
	
	
	
	






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

@media (max-width: 580px) {
/* HEADER */
div#header div#logo {
	float: left;
	left: 20px;
}
/* HEADER END */
/* 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: 640px) {
/* PAGES CHRONIQUES, TEXTES ET CONTENU 2019 */
div.repertoire-liste a {
	font-size: 16px;
	padding: 10px;
}
/* PAGES CHRONIQUES, TEXTES ET CONTENU 2019 END */
}
@media (max-width: 800px) {
/* HEADER */
div#header {
	padding-bottom: 1px;
}
/* HEADER END */
/* PATHWAY */
div#pathway-wrap {
	display: none;	
}
/* PATHWAY END */
/* SECTION */
div.section.categorie {
	padding-top: 30px;
}
/* SECTION END */
/* PAGES CATÉGORIE */
div.repertoire-colonne-1 {
	display: block;
	width: 100%;
	margin-right: 0px;
}
div.repertoire-colonne-2 {
	display: block;
	width: 100%;
}
div.region a {
	text-align: center;
}
/* PAGES CATÉGORIE END */
/* MAP CARTE */
div#map-wrap {
	height: 300px;
}
/* MAP CARTE 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;
}
div.ressources-references {
	width: calc(100% + 40px);
	margin-left: -20px;
	padding-right: 20px;
	padding-left: 20px;
}
/* PAGES CHRONIQUES, TEXTES ET CONTENU 2019 END */
/* À PROPOS */
div#a-propos-video-wrap {
	width: calc(100% + 60px);
	margin-left: -30px;
}
/* À PROPOS 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 */
}
@media (max-width: 1420px) {
/* PAGE CATÉGORIE */
div.region a {
	background-color: #f5f5f5;
	border-radius: 0px;
	padding: 15px;
}
div#a-la-recherche-de-wrap {
	display: none;
}
/* PAGE CATÉGORIE END */
}
@media (max-width: 1570px) {
/* HEADER */
div#header div#logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
/* HEADER END */	
}
@media (max-width: 1600px) {
/* PAGE CATÉGORIE */
div#bloc-annuaire {
	display: none;
}
div#blocs-wrap {
	float: none;
	display: block;
	width: 100%;
	height: auto;
}
div#bloc-info {
	float: none;
	display: block;
	width: 100%;
	height: auto;
}
div#bloc-saviez-vous {
	float: none;
	clear: both;
	display: block;
	width: 100%;
	height: auto;
}
/* PAGE CATÉGORIE END */
}
@media (max-width: 1650px) {
/* HEADER */
div.bouton-professionnels {
	display: none;
}
/* HEADER END */
}




/*
#335577;
#0088b6;
#d9f0fd;
*/