.stratis_module_menu {
	display: block;
}

div#typo3-docheader-row1 {
	background: none;
	box-shadow: none;
	height: auto;
}

#typo3-module-menu {
	background: url(../Images/beEdit/bg-typo3-menu.jpg) 0 0 repeat transparent;
}

#typo3-menu {
	position: relative;
	padding-top: 0;
	margin-top: 12px;
	background: url(../Images/beEdit/bg-typo3-menu.gif) 0 25px repeat-x transparent;
	height: 26px;
}

#typo3-menu li {
	display: inline-block;
	*display: inline;
	float: left;
	margin: 0 10px;
	padding: 0;
	height: 24px;
	border: none;
	clear: none;
	background: #4f4f4f;
	text-shadow: -1px -1px 10px #000000;
	border-top: 1px solid #535353;
}

#typo3-menu li.clear,
#typo3-menu li ul li.clear {
	display: block;
	clear: both;
	float: none;
	margin: 0;
	line-height: auto;
	min-height: 0;
	height: 0;
	background: none;
	box-shadow: none;
	cursor: default;
	border: none;
}

#typo3-menu li div.modgroup {
	display: block;
	padding: 0;
	text-transform: none;
	font-weight: normal;
	color: #EBEBEB;
	background: url(../Images/beEdit/bg-typo3-tabs.gif) 0 0 repeat-x #4f4f4f;
	-moz-box-shadow: -1px 0 6px #000000;
	border-bottom: 1px solid #4f4f4f;
}

#typo3-menu li div.modgroup span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	background: url(../Images/beEdit/bg-typo3-tabs-link.gif) center 0 no-repeat transparent;
}

#typo3-menu li div.collapsed {
	color: #9a9a9a;
	background-image: url(../Images/beEdit/bg-typo3-tabs-collapsed.gif);
	box-shadow: -2px -2px 1px #292929;
	border-bottom: 1px solid #838383;
}

#typo3-menu li div.collapsed span {
	background: none;
	text-shadow: none;
	font-weight: normal;
}

#typo3-menu li ul {
	position: absolute;
	left: 0;
	top: 26px;
	margin: 0;
	padding: 5px;
	width: 100%;
	height: 65px;
	background: url(../Images/beEdit/bg-typo3-sous-menu.gif) 0 bottom repeat-x #4f4f4f;
}

#typo3-menu li ul li {
	float: left;
	clear: none;
	text-shadow: none;
	margin: 0;
	height: auto;
	background: none;
}

#typo3-menu li ul li a,
#typo3-menu li.menuSection ul li a,
#typo3-menu li.menuSection li.highlighted a,
#typo3-menu li.menuSection li.highlighted a:hover {
	margin: 0 2px 0 0;
	padding: 7px 14px 7px 7px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	background: url(../Images/beEdit/bg-modlink.png) 0 0 repeat-x #393938;
	border: 1px solid #343434;
}

#typo3-menu li span.submodule-icon {
	height: 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#typo3-menu li.menuSection li.highlighted {
	font-weight: normal;
}

#typo3-menu li ul li a:hover,
#typo3-menu li.menuSection li a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	background: #363636;
	border-color: #646464;
}

#typo3-menu li.menuSection li.highlighted a,
#typo3-menu li.menuSection li.highlighted a:hover {
	background: #000000;
	border-color: #646464;
}

#typo3-menu li ul li a:hover span.submodule-icon,
#typo3-menu li li.highlighted a span.submodule-icon,
#typo3-menu li li.highlighted a:hover span.submodule-icon {
	opacity: 1;
}

#typo3-menu li li.highlighted a span.submodule-label,
#typo3-menu li li.highlighted a:hover span.submodule-label {
	font-weight: bold;
}

#typo3-menu li.menuSection li.mod-web_txstratisfasteditM1.highlighted a span.submodule-icon,
#typo3-menu li.menuSection li.mod-web_txstratisfasteditM1.highlighted a:hover span.submodule-icon,
#typo3-menu li.menuSection li.mod-web_txtemplavoilaM1.highlighted a span.submodule-icon,
#typo3-menu li.menuSection li.mod-web_txtemplavoilaM1.highlighted a:hover span.submodule-icon,
#typo3-menu li.menuSection li.mod-web_txstratisfeeditM1.highlighted a span.submodule-icon,
#typo3-menu li.menuSection li.mod-web_txstratisfeeditM1.highlighted a:hover span.submodule-icon,
#typo3-menu li.menuSection li.mod-web_txrecyclerM1.highlighted a span.submodule-icon,
#typo3-menu li.menuSection li.mod-web_txrecyclerM1.highlighted a:hover span.submodule-icon,
#typo3-menu li.menuSection li.mod-user_setup.highlighted a span.submodule-icon,
#typo3-menu li.menuSection li.mod-user_setup.highlighted a:hover span.submodule-icon,
#typo3-menu li.menuSection li.mod-file_list.highlighted a span.submodule-icon,
#typo3-menu li.menuSection li.mod-file_list.highlighted a:hover span.submodule-icon,
#typo3-menu li.menuSection li.mod-txtcbeuserM1_txtcbeuserM5.highlighted a span.submodule-icon,
#typo3-menu li.menuSection li.mod-txtcbeuserM1_txtcbeuserM5.highlighted a:hover span.submodule-icon {
	background-position: 0 -21px;
}

#typo3-menu li.menuSection li.mod-web_txstratisfasteditM1.highlighted a,
#typo3-menu li.menuSection li.mod-web_txstratisfasteditM1.highlighted a:hover {
	background-image: url(../Images/beEdit/bg-txstratisfastedit.gif);
	background-color: #3f7503;
	border-color: #86c440;
}

#typo3-menu li.menuSection li.mod-web_txtemplavoilaM1.highlighted a,
#typo3-menu li.menuSection li.mod-web_txtemplavoilaM1.highlighted a:hover {
	background-image: url(../Images/beEdit/bg-txtemplavoila.gif);
	background-color: #bc5b00;
	border-color: #ffb400;
}

#typo3-menu li.menuSection li.mod-web_txstratisfeeditM1.highlighted a,
#typo3-menu li.menuSection li.mod-web_txstratisfeeditM1.highlighted a:hover {
	background-image: url(../Images/beEdit/bg-apercu.gif);
	background-color: #008b66;
	border-color: #00c18d;
}

#typo3-menu li.menuSection li.mod-web_txrecyclerM1.highlighted a,
#typo3-menu li.menuSection li.mod-web_txrecyclerM1.highlighted a:hover {
	background-image: url(../Images/beEdit/bg-txrecycler.gif);
	background-color: #950000;
	border-color: #ff0000;
}

#typo3-menu li.menuSection li.mod-user_setup.highlighted a,
#typo3-menu li.menuSection li.mod-user_setup.highlighted a:hover {
	background-image: url(../Images/beEdit/bg-user_setup.gif);
	background-color: #008296;
	border-color: #00deff;
}

#typo3-menu li.menuSection li.mod-file_list.highlighted a,
#typo3-menu li.menuSection li.mod-file_list.highlighted a:hover,
#typo3-menu li.menuSection li.mod-txdamM1_file.highlighted a,
#typo3-menu li.menuSection li.mod-txdamM1_file.highlighted a:hover {
	background-image: url(../Images/beEdit/bg-file_list.gif);
	background-color: #938a00;
	border-color: #fff000;
}

#typo3-menu li.menuSection li.mod-help_txstratismanuelM1.highlighted a,
#typo3-menu li.menuSection li.mod-help_txstratismanuelM1.highlighted a:hover,
#typo3-menu li.menuSection li.mod-help_txstratismanuelM2.highlighted a,
#typo3-menu li.menuSection li.mod-help_txstratismanuelM2.highlighted a:hover,
#typo3-menu li.menuSection li.mod-help_txstratismanuelM3.highlighted a,
#typo3-menu li.menuSection li.mod-help_txstratismanuelM3.highlighted a:hover,
#typo3-menu li.menuSection li.mod-help_txstratismanuelM4.highlighted a,
#typo3-menu li.menuSection li.mod-help_txstratismanuelM4.highlighted a:hover {
	background: url(../Images/beEdit/bg-txstratismanuel.gif) 0 0 no-repeat;
	background-color: #6b2762;
	border-color: #e854d5;
}

#typo3-menu li.menuSection li.mod-txtcbeuserM1_txtcbeuserM5.highlighted a,
#typo3-menu li.menuSection li.mod-txtcbeuserM1_txtcbeuserM5.highlighted a:hover {
	background-image: url(../Images/beEdit/bg-txtcbeuser.gif);
	background-color: #003391;
	border-color: #005aff;
}

#typo3-menu li#web ul {
	display: block;
}

#typo3-module-menu-xsplit,
#typo3-navigationContainer-xsplit {
	background: #292929;
}

/*
**		OOCSS Just What We Need
**		Object Oriented CSS Framework by Steven MOURET.
**		Powered by LESS
** 		www.stratis.fr
**		-----------------------------------------------
*/

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1.3;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal inside none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

i,
em {
  font-style: italic;
}

b,
strong,
.strong {
  font-weight: bold;
}

i b,
b i,
i strong,
strong i,
b em,
em b,
em strong,
strong em {
  font-weight: bold;
  font-style: italic;
}

img {
  vertical-align: bottom;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

a img {
  border: 0;
}

abbr,
acronym,
dfn {
  cursor: help;
  border-bottom: 1px dotted #000;
}

abbr a,
acronym a,
dfn a {
  display: inline !important;
}

address {
  display: inline;
}

kbd {
  border-color: grey;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  padding: 0 0.4em;
}

button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#container *:first-child,
.home *:first-child,
.popIn .content *:first-child {
  margin-top: 0;
}

#container ul ul:first-child,
#container ul ol:first-child,
#container ol ol:first-child,
#container ol ul:first-child,
.popIn .content ul ul:first-child,
.popIn .content ul ol:first-child,
.popIn .content ol ol:first-child,
.popIn .content ol ul:first-child {
  margin-top: 0;
}

@font-face {
  font-family: "RobotoC";
  src: url("../Fonts/RobotoCondensed-Light.eot");
  src: url("../Fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/RobotoCondensed-Light.woff") format("woff"), url("../Fonts/RobotoCondensed-Light.ttf") format("truetype"), url("../Fonts/RobotoCondensed-Light.svg#RobotoC") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "RobotoC";
  src: url("../Fonts/RobotoCondensed-LightItalic.eot");
  src: url("../Fonts/RobotoCondensed-LightItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/RobotoCondensed-LightItalic.woff") format("woff"), url("../Fonts/RobotoCondensed-LightItalic.ttf") format("truetype"), url("../Fonts/RobotoCondensed-LightItalic.svg#RobotoC") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "RobotoC";
  src: url("../Fonts/RobotoCondensed-Regular.eot");
  src: url("../Fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/RobotoCondensed-Regular.woff") format("woff"), url("../Fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("../Fonts/RobotoCondensed-Regular.svg#RobotoC") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RobotoC";
  src: url("../Fonts/RobotoCondensed-Bold.eot");
  src: url("../Fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/RobotoCondensed-Bold.woff") format("woff"), url("../Fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("../Fonts/RobotoCondensed-Bold.svg#RobotoC") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "RobotoC";
  src: url("../Fonts/RobotoCondensed-BoldItalic.eot");
  src: url("../Fonts/RobotoCondensed-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/RobotoCondensed-BoldItalic.woff") format("woff"), url("../Fonts/RobotoCondensed-BoldItalic.ttf") format("truetype"), url("../Fonts/RobotoCondensed-BoldItalic.svg#RobotoC") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto-Light.eot");
  src: url("../Fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/Roboto-Light.woff") format("woff"), url("../Fonts/Roboto-Light.ttf") format("truetype"), url("../Fonts/Roboto-Light.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto-LightItalic.eot");
  src: url("../Fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/Roboto-LightItalic.woff") format("woff"), url("../Fonts/Roboto-LightItalic.ttf") format("truetype"), url("../Fonts/Roboto-LightItalic.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto-BoldItalic.eot");
  src: url("../Fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/Roboto-BoldItalic.woff") format("woff"), url("../Fonts/Roboto-BoldItalic.ttf") format("truetype"), url("../Fonts/Roboto-BoldItalic.svg#Roboto") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto-Bold.eot");
  src: url("../Fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/Roboto-Bold.woff") format("woff"), url("../Fonts/Roboto-Bold.ttf") format("truetype"), url("../Fonts/Roboto-Bold.svg#Roboto") format("svg");
  font-weight: bold;
  font-style: normal;
}

.robotoCLight {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.robotoCLightItalic {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: italic;
}

.robotoCRegular {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.robotoCBold {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}

.robotoCBoldItalic {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
}

.robotoLight {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.robotoLightItalic {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: italic;
}

.robotoBoldItalic {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
}

.robotoBold {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Icons";
  src: url("../Fonts/default-icons-webfont.eot");
  src: url("../Fonts/default-icons-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/default-icons-webfont.woff") format("woff"), url("../Fonts/default-icons-webfont.ttf") format("truetype"), url("../Fonts/default-icons-webfont.svg#Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icons,
#header .vousEtes .title button:before,
#header .vousEtes .subLevel a:before,
.listStyle1 .item:before,
.linkViewWrap2 .linkView:before,
.content .showHide .showHideArea .date:before,
.showHide .showHideArea .date:before,
.content .showHide.showHideHospital .showHideArea .wrapShowHideTitle .showHideMe:after,
.showHide.showHideHospital .showHideArea .wrapShowHideTitle .showHideMe:after,
.menuOffreDeSoins .title button span:before,
.menuOffreDeSoins .subLevel .tablist li a:before,
#mainMenu .lvl2 li button:before,
#secondaryMenu span.external:after,
#mobileMenu span.external:after,
#secondaryMenu ul li.active > ul > li > a:before,
#mobileMenu ul li.active > ul > li > a:before,
#bottomMenu li a:before,
.content ul.pagebrowser li.prev a:before,
#content ul.pagebrowser li.prev a:before,
.content ul.pagebrowser li.prev span:before,
#content ul.pagebrowser li.prev span:before,
.content ul.pagebrowser li.next a:after,
#content ul.pagebrowser li.next a:after,
.content ul.pagebrowser li.next span:after,
#content ul.pagebrowser li.next span:after,
.content ul.pagebrowser2 .backLink:before,
.moreElement .wrapInner:before,
.content .wrapAdvancedSummary .title2:before,
.content .wrapAdvancedSummary .advancedSummaryPage .item ul li:before,
.content #planDuSite li ul .plus a:before,
.content #planDuSite li ul .noSub a:before,
.content #planDuSite a:before,
.content a .external:after,
.content h5:before,
.content .wrapBlockquote:before,
.content .wrapBlockquote blockquote:before,
.content ul li:before,
.content ul li ul li:before,
.content ol li ul li:before,
.wrapSavoirPlus .title:before,
.wrapTelecharger .title:before,
.wrapVoirAussi .title:before,
#content .listConsultations .listItems .item .showHideMe.resetButton p:after,
#content .listConsultations .listItems .item .showHideMe.resetButton.open p:after,
.content .single .infos2 .add .link a:before,
.content .single .infos2 .locate .link a:before,
.content .single .infos2 .subscribe .link a:before,
.linkButton .download a:before,
.content .linkButton .download a:before,
.linkButton .read a:before,
.content .linkButton .read a:before,
.linkButton .learnMore a:before,
.content .linkButton .learnMore a:before,
.linkButton .locate a:before,
.content .linkButton .locate a:before,
.linkButton .postulate a:before,
.content .linkButton .postulate a:before,
.listItems1 .item a:before,
.blocSavoirPlus .title2:before,
.hospitalPage .listMedecin li:before,
.hospitalPage .consultService li:before,
.hospitalPage .txt:before,
.hospitalPage .lienMedecin li:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
}

@font-face {
  font-family: "specificIcons";
  src: url("../Fonts/churennes.eot");
  src: url("../Fonts/churennes.eot?#iefix") format("embedded-opentype"), url("../Fonts/churennes.woff") format("woff"), url("../Fonts/churennes.ttf") format("truetype"), url("../Fonts/churennes.svg#specificIcons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.specificIcons,
.title2:after,
.content .showHide .showHideArea.active .wrapShowHideTitle:before,
.showHide .showHideArea.active .wrapShowHideTitle:before,
#mainMenu .lvl3 > li a:before,
.carouselAccesRapides .link:before,
.blocContact .title2:before,
.blocFocus .title2:before,
.blocReperes .title2:before,
.blocReperes .item p strong:after,
.blocReperes .item p b:after,
.blocVoirAussi .title2:before,
.blocTelecharger .title2:before,
.blocEnImages .title2:before,
.hospitalPage .actionService .contact:before,
.hospitalPage .actionService .dropDownLocateService .subLevel .item:before,
.hospitalPage .actionService .localiser:before,
.hospitalPage .actionService .rappele:before,
.hospitalPage .action li.jappelle:before,
.hospitalPage .action li.rappele:before,
.hospitalPage .download:before,
.hospitalPage.detail header .mail:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
}

.comma:after {
  content: ',';
}

.comma:last-child:after {
  content: none;
}

.wrapper940 {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}

.wrapper960 {
  width: 960px;
  margin: 0 auto;
}

.resetMP {
  margin: 0;
  padding: 0;
}

.resetList {
  margin: 0;
  padding: 0;
}

.resetList li {
  margin: 0;
  padding: 0;
}

.resetList li:before {
  font-family: none;
  content: none;
  margin: auto;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.vat {
  vertical-align: top;
}

.vab {
  vertical-align: bottom;
}

.vam {
  vertical-align: middle;
}

.table {
  display: table;
  vertical-align: top;
  border-collapse: collapse;
}

.row {
  display: table-row;
}

.cell {
  display: table-cell;
}

.firstCol {
  padding-right: 10px;
}

.clearFix:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.clear {
  clear: both !important;
}

.wrap {
  overflow: hidden !important;
}

.ghost {
  position: absolute !important;
  top: auto !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.hidden {
  display: none !important;
}

.displayForMobile {
  display: none;
}

@media only screen and (max-width: 960px) {
  .hiddenMobile {
    display: none;
  }
  .displayForMobile {
    display: block;
  }
}

.fw100 {
  width: 100%;
}

.fw50 {
  width: 50%;
}

.overflowContainer {
  overflow-y: auto;
  margin-bottom: 20px;
}

.resetInput {
  background: transparent;
  border: none;
  padding: 0;
  border-radius: 0;
}

.resetInput:before {
  font-family: none;
  content: none;
  margin: auto;
}

.resetInput:hover {
  border: none !important;
}

.resetButton,
.resetButton:hover,
.resetButton:focus {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  color: #000;
  font-weight: normal;
  text-decoration: underline;
  font-size: 0.9em;
}

.resetButton:before,
.resetButton:hover:before,
.resetButton:focus:before {
  font-family: none;
  content: none;
  margin: auto;
}

.resetButton:before,
.resetButton:hover:before,
.resetButton:focus:before {
  background: none;
}

body {
  color: #000;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

body.popIn {
  background: #fff;
}

#header {
  background-image: url('../Images/bg/header-bg.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-color: #fff;
}

#header .wrapper2 {
  margin: 0 auto;
  width: 940px;
  padding: 0 10px;
}

#containerSite {
  width: 100%;
  clear: both;
  background: #f5f1e8 url("../Images/bg/body-bg.png") no-repeat 50% 0;
}

#topOfContent {
  width: 940px;
  padding: 40px 10px 25px 10px;
  margin: 0 auto;
  border-bottom: 1px solid #b2b2b2;
}

#topOfContent:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

#container {
  position: relative;
  width: 940px;
  padding: 0 10px;
  margin: 20px auto 0;
  z-index: 1;
  display: block;
}

#container:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.home #container {
  margin-top: auto;
  padding-top: 70px;
}

#col2 {
  position: absolute;
  left: 10px;
  top: 0;
  width: 200px;
  z-index: 1;
}

.contentHome,
#content {
  float: left;
  width: 500px;
  margin-left: 240px;
  position: relative;
  padding-bottom: 40px;
}

.ie78 .contentHome,
.ie78 #content {
  display: inline;
}

.popIn #content {
  float: none;
  margin: 0;
  max-width: 980px;
  width: auto;
}

.largePage #content {
  width: 700px;
}

.noColumn #content {
  float: none;
  margin: 0;
  width: 100%;
}

#col1 {
  float: right;
  width: 160px;
}

#printBanner {
  display: none;
}

#header .wrapper2 {
  min-height: 21em;
}

#header .wrapper2:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

#header .wrapper3 {
  margin-bottom: 30px;
}

#header .wrapper3:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

#header .wrapNumber {
  float: left;
}

#header .urgences,
#header .standard {
  padding: 0 10px 0 0;
  margin: 8px 10px 0 0;
  font-size: 1.4em;
  text-transform: uppercase;
  color: #414a51;
  float: left;
  border-right: 1px solid #d1d1d1;
}

#header .urgences a,
#header .standard a {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #414a51;
  display: inline-block;
}

#header .urgences a {
  padding: 0 0 0 20px;
  background: url("../Images/pictos/15-urgences.png") no-repeat 0 50%;
}

#header .standard {
  white-space: nowrap;
  background: url("../Images/pictos/standard.png") no-repeat 0 50%;
  padding: 0 10px 0 20px;
}

#header .extranet {
  margin-top: 8px;
  float: left;
  background: url("../Images/pictos/extranet.png") no-repeat 0 50%;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 20px;
  font-size: 1.4em;
}

#header .extranet a {
  color: #d15525;
}

#header .vousEtes {
  float: right;
}

#header .vousEtes .title {
  text-transform: uppercase;
  font-size: 2em;
  position: relative;
  padding-top: 3px;
}

#header .vousEtes .title button {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #008997;
  text-decoration: none;
  padding-right: 30px;
  position: relative;
}

#header .vousEtes .title button .bold {
  font-weight: normal;
}

#header .vousEtes .title button:before {
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: -6px;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e014';
}

#header .vousEtes .title button:before {
  background: #383838;
  padding: 0;
  width: 20px;
  height: 39px;
  line-height: 39px;
}

#header .vousEtes .title button:hover,
#header .vousEtes .title button:focus {
  text-decoration: underline;
}

#header .vousEtes.display .subLevel {
  top: 39px;
  display: block;
}

#header .vousEtes .subLevel {
  display: none;
  background: #383838;
  padding: 20px;
  color: #70bdc5;
  font-weight: 300;
  font-size: 1.6em;
  width: 228px;
  z-index: 1000;
}

#header .vousEtes .subLevel p {
  font-size: 1.25em;
  margin-bottom: 30px;
}

#header .vousEtes .subLevel a {
  display: block;
  color: #fff;
  border-top: 1px solid #535353;
  border-bottom: 1px solid #2b2b2b;
  padding: 6px 0 6px 20px;
  position: relative;
}

#header .vousEtes .subLevel a:before {
  font-size: 13px;
  color: #70bdc5;
  position: absolute;
  top: 9px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e017';
}

#header .vousEtes .subLevel a.current {
  color: #70bdc5;
}

#header .vousEtes .subLevel a:hover,
#header .vousEtes .subLevel a:focus {
  text-decoration: none;
}

#header .vousEtes .subLevel a:hover span,
#header .vousEtes .subLevel a:focus span {
  text-decoration: underline;
}

#header .vousEtes .subLevel .item:first-child a {
  border-top: none;
}

#header .vousEtes .subLevel .item:last-child a {
  border-bottom: none;
}

#header .vousEtes .subLevel .item.current a {
  color: #70bdc5;
  font-weight: bold;
}

/**********************
***		HEADER		***
**********************/

#printBanner {
  display: none;
}

#logo {
  float: left;
  padding: 15px 15px 15px 0;
}

#logo a {
  display: block;
}

.numeroDePage {
  position: fixed;
  top: 0;
  right: 0;
  text-align: center;
  font-size: 1.2em;
  color: #6a7276;
}

.numeroDePage span {
  display: block;
  font-size: 1.3em;
  color: #6a7276;
}

.numeroDePage span.hidden {
  display: none;
}

#banner {
  padding: 10px 0;
}

#tools {
  margin-bottom: 5px;
  float: right;
  width: 224px;
}

#tools .print,
#tools .expandText,
#tools .reduceText {
  display: none;
}

#options {
  height: 23px;
}

#options li {
  float: left;
  padding: 0;
  margin: 0 4px;
}

.tooltipAccess {
  position: relative;
  z-index: 100;
  display: inline;
}

.tooltip {
  font-size: 1.2em;
  font-size: 1.2rem;
  position: absolute;
  top: 40px;
  right: 0;
  background: #474747;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 5px;
  white-space: nowrap;
  z-index: 100;
  text-transform: none !important;
}

.tooltip:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #474747;
  top: -6px;
  content: "";
  display: inline-block;
  right: 5px;
  position: absolute;
}

.tooltipDfn {
  position: relative;
  font-size: 1em;
}

.tooltipDfn dfn {
  display: inline-block;
}

.tooltipDfnBulle {
  font-family: arial, helvetica, verdana, sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  font-size: 1.2rem;
  position: absolute;
  top: 30px;
  left: 0;
  width: 250px;
  display: block;
  background: #474747;
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
  z-index: 100;
}

.tooltipDfnBulle:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #474747;
  top: -6px;
  content: "";
  display: inline-block;
  left: 25px;
  position: absolute;
}

/**********************
***		FOOTER		***
**********************/

#bottomInfos {
  float: left;
  width: 316px;
  color: #6a7276;
  font-size: 1.1em;
}

#bottomInfos img {
  float: left;
  margin: 0 10px 10px 0;
}

#bottomInfos p {
  padding-bottom: 5px;
}

#bottomInfos p.page {
  display: none;
}

#bottomInfos strong {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}

#bottomInfos a {
  display: block;
  margin-top: 5px;
  color: #6a7276;
  text-decoration: none;
}

#bottomInfos a:hover,
#bottomInfos a:focus {
  color: #6a7276;
}

#stratis {
  background: #4e4e4e;
  width: 100%;
  font-size: 1em;
  color: #fff;
  text-align: right;
  font-family: "Arial", "Helvetica", sans-serif;
}

#stratis span {
  display: none;
}

#stratis a {
  padding: 0.5px 3px;
  color: #ffffff;
  background: #A40015;
  text-decoration: none;
}

#stratis a:hover,
#stratis a:focus {
  color: #A40015;
  background: #ffffff;
}

.title1 {
  color: #474747;
  padding: 0;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  font-size: 2em;
}

.title2 {
  color: #474747;
  padding: 0 0 15px 25px;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 2em;
  border-bottom: 2px solid #414141;
  position: relative;
}

.title2:after {
  font-size: 12px;
  color: #414141;
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: -9px;
  left: 25px;
  content: '\e001';
}

.title3 {
  font-weight: 300;
  font-size: 2.5em;
  text-transform: uppercase;
  color: #303030;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}

.title3:after {
  content: "";
  width: 102px;
  height: 24px;
  background: url("../Images/bg/titre3-bg.png") no-repeat 0 0;
  display: inline-block;
  margin-left: 5px;
}

.title4 {
  background-color: #474747;
  padding: 7px 15px;
  text-transform: uppercase;
  font-size: 2em;
  color: #f6f2ea;
  font-weight: 300;
  margin-bottom: 25px;
  display: block;
}

.title4.square1 {
  background: #474747 url("../Images/bg/titre4-square1.png") no-repeat 95% 50%;
}

.title4.square2 {
  background: #474747 url("../Images/bg/titre4-square2.png") no-repeat 95% 50%;
}

.title5 {
  color: #bccd0b;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 25px;
  display: block;
  background: url("../Images/bg/titre5-bg.png") no-repeat 100% 0;
}

.title5 .baseLine {
  font-size: .7em;
  display: block;
  text-transform: none;
  font-style: italic;
}

.title6 {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 2.5em;
  color: #007480;
  margin-bottom: 20px;
}

.title7 {
  font-size: 1.6em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 10px;
}

.listStyle1 .item {
  border-bottom: 1px solid #c5c5c5;
  color: #303030;
  font-size: 1.5em;
  font-weight: 300;
  font-style: italic;
  position: relative;
  padding: 4px 0 4px 15px;
}

.listStyle1 .item:before {
  font-size: 14px;
  color: #303030;
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00f';
}

.listStyle1 .item a {
  color: #303030;
}

.linkViewWrap {
  border-top: 1px solid #e0e0e0;
  padding: 10px 0 0 0;
}

.linkViewWrap .wrap {
  text-align: right;
  vertical-align: middle;
}

.linkViewWrap .wrap:before {
  content: "";
  background: url("../Images/bg/linkview-bg.png") no-repeat 0 50%;
  width: 75px;
  height: 39px;
  display: inline-block;
}

.linkViewWrap .twitter {
  display: inline-block;
  vertical-align: middle;
  color: #777;
  font-size: 1.3em;
  line-height: 20px;
}

.linkViewWrap .twitter strong {
  font-family: RobotoC;
  color: #777;
  font-size: 13px;
  vertical-align: top;
}

.linkViewWrap .rss {
  display: inline-block;
  background: url("../Images/pictos/linkview-rss.png") no-repeat 0 50%;
  padding-left: 45px;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
  min-height: 39px;
  line-height: 39px;
  margin: 0 15px;
  vertical-align: middle;
}

.linkViewWrap .rss a {
  color: #777;
}

.linkViewWrap .linkView {
  vertical-align: middle;
}

.linkViewWrap2 {
  margin: 0 -15px;
  padding: 0;
  clear: both;
}

.linkViewWrap2 .linkView {
  border-bottom: 1px solid #fff;
  display: block;
  background: none;
  margin: auto;
  padding: 0 50px 0 0;
  min-height: inherit;
  position: relative;
}

.linkViewWrap2 .linkView:before {
  font-size: 16px;
  color: #bccd0b;
  position: absolute;
  top: 0;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e000';
}

.linkViewWrap2 .linkView:before {
  position: absolute;
  background: #5a5a5a;
  padding: 0 12px;
  display: block;
}

.linkViewWrap2 .linkView a {
  color: #fff;
  display: block;
  text-align: right;
}

.linkView,
.content .linkView {
  display: inline-block;
  background: url("../Images/pictos/linkview-actu.png") no-repeat 0 50%;
  padding-left: 45px;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: top;
  min-height: 39px;
  line-height: 39px;
  margin: 0 0 0 15px;
}

.linkView span,
.content .linkView span {
  padding: 0 0 0 60px;
}

.linkView a,
.content .linkView a {
  color: #777;
}

.item {
  position: relative;
}

.item .linkBlock:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
}

.masterBloc {
  margin-bottom: 50px;
}

.masterBloc:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.content .showHide,
.showHide {
  margin: auto;
  padding: 0;
}

.content .showHide .showHideArea,
.showHide .showHideArea {
  border-bottom: 1px solid #cccccc;
}

.content .showHide .showHideArea:before,
.showHide .showHideArea:before {
  font-family: none;
  content: none;
  margin: auto;
}

.content .showHide .showHideArea .date,
.showHide .showHideArea .date {
  font-size: 1em;
  margin: 20px 0 0 34px;
  padding: 3px 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
}

.content .showHide .showHideArea .date:before,
.showHide .showHideArea .date:before {
  content: '\e05b';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #cccccc;
  vertical-align: -2px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content .showHide .showHideArea .date strong,
.showHide .showHideArea .date strong {
  font-weight: normal;
}

.content .showHide .showHideArea .date + .limitDate,
.showHide .showHideArea .date + .limitDate {
  margin-top: 0;
  border-top: 0;
}

.content .showHide .showHideArea .wrapShowHideTitle .showHideMe,
.showHide .showHideArea .wrapShowHideTitle .showHideMe {
  outline: 0;
  position: relative;
  white-space: normal;
  display: inline-block;
  text-align: left;
  text-decoration: none;
  width: 100%;
  background: #f5f1e8;
  padding: 10px 0 15px 0;
  border-bottom: 3px solid transparent;
}

.content .showHide .showHideArea .wrapShowHideTitle .showHideMe:hover .title,
.showHide .showHideArea .wrapShowHideTitle .showHideMe:hover .title,
.content .showHide .showHideArea .wrapShowHideTitle .showHideMe:focus .title,
.showHide .showHideArea .wrapShowHideTitle .showHideMe:focus .title {
  text-decoration: underline;
}

.content .showHide .showHideArea .wrapShowHideTitle .showHideMe .title,
.showHide .showHideArea .wrapShowHideTitle .showHideMe .title {
  margin: auto;
  color: #656565;
  font-size: 2.7778em;
  line-height: 1;
  font-weight: 300;
  white-space: normal;
  text-transform: none;
}

.content .showHide .showHideArea .wrapShowHideTitle .showHideMe .title,
.showHide .showHideArea .wrapShowHideTitle .showHideMe .title,
.content .showHide .showHideArea .wrapShowHideTitle .showHideMe .category,
.showHide .showHideArea .wrapShowHideTitle .showHideMe .category {
  padding-right: 35px;
}

.content .showHide .showHideArea .wrapShowHideTitle .showHideMe .img,
.showHide .showHideArea .wrapShowHideTitle .showHideMe .img {
  position: absolute;
  top: 18px;
  right: 0;
}

.content .showHide .showHideArea .showHideContent,
.showHide .showHideArea .showHideContent {
  padding: 20px 17px 20px 17px;
  background: #e8e6e2;
  outline: 0;
}

.content .showHide .showHideArea .showHideContent:after,
.showHide .showHideArea .showHideContent:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.content .showHide .showHideArea.active .wrapShowHideTitle,
.showHide .showHideArea.active .wrapShowHideTitle {
  position: relative;
}

.content .showHide .showHideArea.active .wrapShowHideTitle:before,
.showHide .showHideArea.active .wrapShowHideTitle:before {
  font-size: 14px;
  color: #00a0b0;
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: -8px;
  left: 20px;
  content: '\e001';
}

.content .showHide .showHideArea.active .wrapShowHideTitle:before,
.showHide .showHideArea.active .wrapShowHideTitle:before {
  z-index: 99;
}

.content .showHide .showHideArea.active .wrapShowHideTitle .showHideMe,
.showHide .showHideArea.active .wrapShowHideTitle .showHideMe {
  background: #008997;
  border-color: #00a0b0;
}

.content .showHide .showHideArea.active .wrapShowHideTitle .showHideMe .title,
.showHide .showHideArea.active .wrapShowHideTitle .showHideMe .title {
  color: #fff;
  font-weight: bold;
  padding-left: 25px;
}

.content .showHide.showHideHospital.first,
.showHide.showHideHospital.first {
  border-top: 1px solid #ccc;
}

.content .showHide.showHideHospital .showHideArea .wrapShowHideTitle .showHideMe,
.showHide.showHideHospital .showHideArea .wrapShowHideTitle .showHideMe {
  position: relative;
}

.content .showHide.showHideHospital .showHideArea .wrapShowHideTitle .showHideMe:after,
.showHide.showHideHospital .showHideArea .wrapShowHideTitle .showHideMe:after {
  font-size: 22px;
  color: #008390;
  position: absolute;
  top: 14px;
  right: 5px;
  bottom: inherit;
  left: inherit;
  content: '\e017';
}

.content .showHide.showHideHospital .showHideArea .wrapShowHideTitle .showHideMe .title,
.showHide.showHideHospital .showHideArea .wrapShowHideTitle .showHideMe .title {
  display: inline-block;
}

.content .showHide.showHideHospital .showHideArea.active .wrapShowHideTitle .showHideMe:after,
.showHide.showHideHospital .showHideArea.active .wrapShowHideTitle .showHideMe:after {
  content: "\e014";
  color: #fff;
}

.content .showHide.showHideHospital .showHideArea.active .wrapShowHideTitle .showHideMe .title,
.showHide.showHideHospital .showHideArea.active .wrapShowHideTitle .showHideMe .title {
  background: url("../Images/bg/square1.png") no-repeat 100% 50%;
  padding-right: 100px;
}

.content .showHideMarches .showHideContent p {
  font-size: 1.3em;
}

.content .showHideMarches .showHideMe .category {
  font-size: 1.5556em;
}

.content .showHideMarches .showHideMe .title {
  font-size: 2em;
}

.content .showHideMarches .showHideArea .date {
  font-size: 1.3em;
}

.content .showHideMarches .downloadFiles {
  margin: auto;
}

.content .showHideMarches .downloadFiles .item {
  float: left;
  margin: 0 20px 30px 0;
  width: 150px;
}

.content .showHideMarches .downloadFiles .title {
  color: #6a7276;
  border: none;
  font-size: 1.5em;
}

.content .showHideMarches .downloadFiles .linkButton a {
  font-size: 1.2em;
}

.doctolibIframe {
  border: 1px solid #b2b2b2;
}

form {
  display: block;
  overflow: hidden;
}

fieldset,
div.fieldset {
  padding: 15px 20px 5px 20px;
  box-sizing: border-box;
  margin-top: 40px;
  margin-bottom: 60px;
  border: none;
  position: relative;
  background: #e8e6e2;
}

div.fieldsetGauche,
fieldset.fieldsetGauche {
  clear: both;
  float: left;
  width: 49%;
  margin: 0;
}

div.fieldsetDroite,
fieldset.fieldsetDroite {
  float: right;
  width: 49%;
  margin: 0;
}

fieldset fieldset,
div.fieldset fieldset,
fieldset div.fieldset,
div.fieldset div.fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

fieldset div,
div.fieldset div {
  margin-bottom: 15px;
  box-sizing: border-box;
}

fieldset div fieldset div,
div.fieldset div fieldset div {
  margin: 0;
}

legend {
  display: inline;
  padding: 0;
  color: #6a7276;
  float: left;
  text-align: right;
  font-style: italic;
  font-size: 1.5em;
  white-space: normal;
  width: 100%;
  margin-top: -15px;
  margin-bottom: 10px;
}

#col1 legend {
  text-align: left;
}

legend span {
  position: absolute;
  top: -30px;
  right: 20px;
  padding: 0 2px 0 0;
  display: inline-block;
  z-index: 99;
  overflow: hidden;
}

.fieldsetGauche legend,
.fieldsetGauche legend span,
.fieldsetDroite legend,
.fieldsetDroite legend span {
  width: auto;
}

fieldset fieldset legend,
div.fieldset fieldset legend {
  background: transparent;
  color: #000;
  padding: 0;
  font-size: 1.3em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}

.content fieldset:first-child {
  margin-top: 40px;
}

label,
.label {
  cursor: pointer;
  font-size: 1.3em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #000;
  display: block;
  padding-bottom: 3px;
}

.legend,
.content .legend {
  font-size: 1.3em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  margin: 0 0 5px 0;
  color: #6a7276;
}

legend em.required,
label em.required,
.required {
  color: #ff0000;
  font-weight: normal;
  font-size: 1em;
}

legend em.required {
  font-size: 0.8571em;
  text-transform: none;
}

label .teaser {
  padding: 2px 0;
  font-size: 0.9em;
  color: #6a7276;
  font-weight: normal;
}

input[type="text"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  vertical-align: middle;
  font-size: 1.3em;
}

input[type="text"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  background: #fff;
  border: 1px solid #e8e6e2;
  box-sizing: border-box;
  padding: 9px 2px;
  text-indent: 0.2em;
  color: #707070;
  width: 100%;
  transition: 300ms border;
}

textarea {
  height: 181px;
  resize: vertical;
}

input:hover,
textarea:hover,
input:focus,
textarea:focus {
  border: 1px solid #b2b2b2;
  background: #fff;
}

input[readonly="readonly"] {
  border-color: #d1cdc6;
  background: #f2f2f2;
  color: #777777;
}

input[readonly="readonly"]:hover,
input[readonly="readonly"]:focus {
  border-color: #d1cdc6;
  cursor: default;
}

button,
input[type=submit],
input[type=reset],
form button,
form input[type=submit],
form input[type=reset] {
  font-size: 1.5em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
}

button.tarteaucitronAllow {
  font-size: 1em;
}

form button,
form input[type=submit],
form input[type=reset],
.mapCol1 button {
  outline: 0;
  font-size: 1.5em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-style: normal;
  text-transform: uppercase;
  background: #008997;
  color: #fff;
  font-weight: bold;
  width: auto;
  cursor: pointer;
  border: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

form button span,
form input[type=submit] span,
form input[type=reset] span,
.mapCol1 button span {
  padding-right: 10px;
  padding-left: 10px;
}

form button:before,
form input[type=submit]:before,
form input[type=reset]:before,
.mapCol1 button:before {
  font-family: Icons;
  content: "\e057";
  display: inline-block;
  vertical-align: middle;
  background: #13a1af;
  height: 45px;
  width: 45px;
  line-height: 45px;
}

form button:hover span,
form input[type=submit]:hover span,
form input[type=reset]:hover span,
.mapCol1 button:hover span,
form button:focus span,
form input[type=submit]:focus span,
form input[type=reset]:focus span,
.mapCol1 button:focus span {
  text-decoration: underline;
}

#form-inscription button,
#form-candidature-spontanee button,
#form-candidature button,
#cartoRechercher,
#form-contact button,
#search_form_widget button,
#tab1 button,
#tab2 button,
#tab3 button,
#tab4 button {
  margin-bottom: 13px !important;
}

button:hover,
input[type=submit]:hover,
button:focus,
input[type=submit]:focus {
  background: #005b64;
  color: #ffffff;
}

button[type=reset],
input[type=reset] {
  background: #d6d6d6;
  color: #6a7276;
}

button[type=reset]:hover,
input[type=reset]:hover,
button[type=reset]:focus,
input[type=reset]:focus {
  background: #6d6d6d;
  color: #d6d6d6;
}

button.image,
input[type="image"] {
  width: auto;
  background: none;
  border: none;
  padding: 0;
}

input[type=radio],
input[type=checkbox] {
  width: auto;
}

.helpme {
  font-size: 1.1em;
  font-style: italic;
}

.reinit_fieldset {
  border: none;
  padding: 0;
}

.reinit_fieldset legend {
  display: none;
}

.select {
  position: relative;
}

.select select option {
  padding-right: 30px;
}

fieldset div.select,
div.fieldset div.select,
fieldset div fieldset div.select,
div.fieldset div fieldset div.select {
  height: 38px !important;
  margin: 0;
  overflow: visible !important;
  position: relative;
}

.select select {
  font-size: 1.4em !important;
  max-width: 580px;
  min-width: 80px;
  font-size: 1.5em;
  position: relative;
  z-index: 10;
  height: 36px !important;
  line-height: 36px;
  cursor: pointer;
  border: 1px solid transparent;
}

.select select:disabled {
  cursor: default;
}

select.safariOpera {
  padding-right: 30px;
}

.select span.selectElement {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  border: 1px solid #e8e6e2;
  max-width: 580px;
  min-width: 80px;
  font-size: 1.3em;
  position: absolute;
  bottom: 0;
  float: left;
  left: 0;
  height: 36px;
  line-height: 36px;
  text-indent: 5px;
  background: #fff;
  cursor: default;
  z-index: 1;
  color: #707070;
  transition: 300ms border;
  box-sizing: border-box;
}

.select:hover span.selectElement,
.select:focus span.selectElement,
.select span.selectElement.active {
  border-color: #cccccc;
}

.select span.selectElement span {
  background: url('../Images/form/select_right.png') no-repeat 100% 50%;
  height: 36px;
  display: block;
  padding-right: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.select select:disabled + span.selectElement {
  background: #eee;
  border: 1px solid #e8e6e2;
}

.select select:disabled + span.selectElement span {
  background-image: url('../Images/form/select_right_disabled.png');
}

.fieldsetDroite .select select,
.fieldsetDroite .select span.selectElement,
.fieldsetGauche .select select,
.fieldsetGauche .select span.selectElement {
  max-width: 95%;
  width: 95% !important;
}

.radio,
.checkbox {
  clear: both;
}

.radio:after,
.checkbox:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.radio legend,
.checkbox legend {
  text-align: left;
  font-style: normal;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.content .horizontal .radio,
.content .horizontal2 .radio,
.content .horizontal3 .radio,
.content .horizontal4 .radio,
.content .horizontal .checkbox,
.content .horizontal2 .checkbox,
.content .horizontal3 .checkbox,
.content .horizontal4 .checkbox {
  overflow: hidden;
}

.content .horizontal div,
.content .horizontal2 div,
.content .horizontal3 div,
.content .horizontal4 div {
  float: left;
  width: 47%;
  padding-right: 3%;
}

.content .horizontal2 li:nth-of-type(2n+1) {
  clear: both;
}

.content .horizontal div,
.content .horizontal3 div {
  float: left;
  width: 30%;
  padding-right: 3%;
}

.content .horizontal div:nth-of-type(3n+1),
.content .horizontal3 div:nth-of-type(3n+1) {
  clear: both;
}

.content .horizontal4 div {
  float: left;
  width: 22%;
  padding-right: 3%;
}

.content .horizontal4 div:nth-of-type(4n+1) {
  clear: both;
}

/* Checkbox */

.checkbox label {
  display: inline-block;
  font-weight: normal;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 1.3em;
}

.checkbox label:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
}

input[type=checkbox] {
  position: absolute;
  left: -9999px;
}

input[type=checkbox]:checked + label:before {
  font-family: Icons;
  content: "\e057";
  /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
  font-size: 12px;
  color: #13a1af;
  text-align: center;
  line-height: 12px;
}

.ie8 .checkbox label,
.ie7 .checkbox label {
  padding: 0;
}

.ie8 .checkbox label:before,
.ie7 .checkbox label:before {
  width: auto;
  height: auto;
  margin: auto;
}

.ie8 input[type=checkbox],
.ie7 input[type=checkbox] {
  position: inherit;
  left: inherit;
}

/* radio */

.radio label {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 1.3em;
}

.radio label:before {
  border-radius: 10px;
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
}

input[type=radio] {
  position: absolute;
  left: -9999px;
}

input[type=radio]:checked + label:before {
  font-family: Icons;
  content: "\e06c";
  /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
  font-size: 10px;
  color: #13a1af;
  text-align: center;
  line-height: 14px;
}

.ie8 .radio label,
.ie7 .radio label {
  padding: 0;
}

.ie8 .radio label:before,
.ie7 .radio label:before {
  width: auto;
  height: auto;
  margin: auto;
}

.ie8 input[type=radio],
.ie7 input[type=radio] {
  position: inherit;
  left: inherit;
}

#files_list {
  padding: 10px 0 0;
  margin: 0;
}

#files_list div {
  padding: 0 0 10px;
  margin: 0;
  font-size: 1.2em;
}

#files_list input {
  width: auto;
  margin-left: 10px;
  padding: 0;
  cursor: pointer;
  font-size: 1em;
}

.tx-powermail-pi1_confirmation .tx_powermail_pi1_formconfirmation_back {
  float: left;
}

.tx-powermail-pi1_confirmation .tx_powermail_pi1_formconfirmation_back input {
  background: #ECEAE0;
  color: #6a7276;
}

.tx-powermail-pi1_confirmation .tx_powermail_pi1_formconfirmation_submit {
  float: right;
}

.captcha {
  margin-bottom: 1.5em;
  overflow: hidden;
}

.captcha img {
  margin: 20px 0;
  float: left;
}

.captcha input[type="image"].tx-srfreecap-pi2-image-accessible {
  float: left;
  margin: 90px 0 0 20px;
}

.captcha p.tx-srfreecap-pi2-accessible {
  float: left;
  margin: 100px 0 0 10px;
}

.disconnect {
  width: 100%;
  text-align: left;
}

.disconnect:before {
  content: '\e00b';
  font-size: 1.2em;
  text-align: center;
}

.catmenu {
  margin-bottom: 20px;
}

.catmenu fieldset,
.catmenu div.fieldset {
  margin: 0;
}

.catmenu fieldset:after,
.catmenu div.fieldset:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.catmenu .table {
  margin-bottom: 0;
}

.catmenu .select select,
.catmenu .select span.selectElement,
.catmenu input {
  width: 100%;
}

.catmenu #catMenuReportages:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.catmenu .table .submit {
  padding: 0 !important;
  display: block;
}

.catmenu .table > div:last-child {
  padding: 0 0 0 15px;
}

.catmenu button:before {
  text-shadow: 1px 1px 1px #6a7276;
  content: "\e031";
}

.catmenu .tx-mnogosearch-long-form fieldset {
  padding: 15px 15px 5px 10px;
}

#newsletter {
  margin: 25px 0;
}

#newsletter form > fieldset {
  margin: 0;
  border: none;
  margin-top: 70px !important;
  background: none;
  padding: 0;
}

#newsletter form > fieldset fieldset {
  background: none;
}

#newsletter legend {
  float: none;
}

#newsletter legend span {
  top: -60px;
}

#newsletter .liens {
  font-size: 1.2em;
  overflow: hidden;
  padding-top: 20px;
}

#newsletter .liens li {
  float: right;
  margin-left: 10px;
}

#newsletter .liens .archives {
  float: left;
}

#newsletter .liens a {
  color: #6a7276;
  text-decoration: none;
}

#newsletter .liens a:hover,
#newsletter .liens a:focus {
  color: #6a7276;
}

#newsletter .liens a:before {
  content: "> ";
}

#newsletter #email {
  margin-bottom: .5em;
}

#advancedNewsletter .custom_radio {
  float: left;
  padding-right: 1%;
  width: 49%;
}

#advancedNewsletter .custom_checkbox {
  float: left;
  padding-right: 1%;
  width: 24%;
}

#rechercheIndexee {
  float: right;
  padding: 0;
  width: 65.5em;
  max-width: 100%;
}

#rechercheIndexee .legend {
  color: #40494f;
  text-transform: uppercase;
  font-size: 2em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}

#rechercheIndexee .title {
  display: none;
}

#rechercheIndexee .wrapperSearch1 {
  padding: 4px;
  background: #f5f1e9;
}

#rechercheIndexee .wrapperSearch1:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

#rechercheIndexee .wrapperSearch2 {
  display: table;
  vertical-align: top;
  border-collapse: collapse;
  width: 100%;
}

#rechercheIndexee .wrapField {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}

#rechercheIndexee .wrapField1 {
  width: 446px;
}

#rechercheIndexee label {
  font-size: 1.3em;
}

#rechercheIndexee input {
  background: #fff url("../Images/form/search-input-bg.png") no-repeat 0 0;
  float: left;
  width: 446px;
  height: 58px;
  line-height: 58px;
  border: none;
  padding: 0 5px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6em;
  color: #40494f;
}

#rechercheIndexee .wrapField2 button {
  text-decoration: none;
  font-size: 1.6em;
  text-transform: uppercase;
  color: #424b52;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  background: #bccd0b url("../Images/bg/search-input-right.png") no-repeat 0 0;
  height: 58px;
  width: 100%;
  padding: 0 0 0 2.6em;
  line-height: 58px;
  text-align: left;
}

#rechercheIndexee .wrapField2 button span {
  padding: 0;
}

#rechercheIndexee .wrapField2 button:before {
  font-family: specificIcons;
  content: "\e000";
  background: none;
  font-size: 28px;
  line-height: 1;
  color: #424b52;
  vertical-align: -8px;
}

#rechercheIndexee .wrapField2 button:hover span,
#rechercheIndexee .wrapField2 button:focus span {
  text-decoration: underline;
}

.content p.stats {
  margin: 0;
  padding: 15px 0;
}

strong.selection {
  background: #FEF798;
}

.list span.barre {
  display: inline-block;
  margin: 0 4px;
  width: 50px;
  height: 12px;
  line-height: 1;
  background: #cccccc;
}

.list span.barre span {
  display: inline-block;
  height: 12px;
  background: #686d33;
}

.page_id_66 #content {
  position: static;
}

.page_id_66 .tx-mnogosearch-long-form .table {
  width: 100%;
}

.page_id_66 #long-search-form {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
}

.page_id_66 #col2 {
  margin-top: 38em;
}

.dropDownMenu.dropDownOn {
  position: relative;
}

.dropDownMenu.dropDownOn .subLevel {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 100;
  display: none;
}

.dropDownMenu.dropDownOn.display .subLevel {
  display: block;
}

#jumpMenu {
  display: block;
  padding: 10px 10px 5px 10px;
  overflow: hidden;
  width: 315px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  float: left;
}

#jumpMenu p {
  display: inline;
  font-size: 1.2em;
  vertical-align: middle;
  padding-right: 10px;
}

#jumpMenu ul {
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  font-size: 1.1em;
}

#jumpMenu ul li {
  display: inline-block;
  float: left;
  border-right: 1px solid #d1d1d1;
  padding: 0 10px;
}

#jumpMenu ul li:first-child {
  margin-left: 0;
}

#jumpMenu ul li a {
  display: block;
  color: #424b52;
  text-decoration: none;
  text-transform: uppercase;
}

#jumpMenu ul li a:hover,
#jumpMenu ul li a:focus {
  text-decoration: underline;
}

.mobileMenu {
  display: none;
}

.menuOffreDeSoins {
  width: 400px;
  position: static;
  float: left;
}

.menuOffreDeSoins .jsonSuggestResults {
  background: #fff;
  font-size: 1.4em;
  border: 1px solid #ccc;
  width: 350px;
  height: 120px !important;
  overflow-y: auto !important;
  margin: 0 2px;
  padding: 0;
  position: absolute;
  z-index: 1;
}

.menuOffreDeSoins .jsonSuggestResults .resultItem.hover {
  background: #008390;
  color: #fff;
}

.menuOffreDeSoins ul.jsonSuggest {
  width: 100% !important;
  background-color: #fff;
  font-size: 1.4em;
}

.menuOffreDeSoins .wrap {
  position: relative;
  overflow: inherit !important;
}

.menuOffreDeSoins .title button {
  margin-top: -10px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 2em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background: #008390;
  height: 95px;
  width: 400px;
  text-align: left;
  padding: 10px 25px 25px;
  vertical-align: top;
  position: relative;
}

.menuOffreDeSoins .title button:after {
  content: '';
  background: transparent url("../Images/bg/menu-offre-soins-corner1.png") no-repeat 0 0;
  width: 20px;
  height: 95px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: inherit;
  left: inherit;
  z-index: 1;
}

.menuOffreDeSoins .title button:before {
  background: none;
}

.menuOffreDeSoins .title button:hover span,
.menuOffreDeSoins .title button:focus span {
  text-decoration: underline;
}

.menuOffreDeSoins .title button span {
  position: relative;
  padding-left: 30px;
}

.menuOffreDeSoins .title button span:before {
  font-size: 21px;
  color: #fff;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e034';
}

.menuOffreDeSoins .shortCut {
  position: absolute;
  top: 48px;
  left: 25px;
}

.menuOffreDeSoins .shortCut li {
  display: inline-block;
  border-right: 1px solid #fff;
  padding: 0 4px 0 2px;
  position: relative;
  z-index: 999;
  background: #008390;
}

.menuOffreDeSoins .shortCut li:last-child {
  border: none;
}

.menuOffreDeSoins .shortCut button {
  color: #fff;
  font-size: 1.4em;
  display: block;
  text-decoration: none;
  text-transform: none;
}

.menuOffreDeSoins .shortCut button:hover,
.menuOffreDeSoins .shortCut button:focus {
  text-decoration: underline;
}

.menuOffreDeSoins .shortCut button:before {
  background: none;
}

.menuOffreDeSoins .subLevel {
  display: none;
  background: #3c3c3c;
  z-index: 98;
}

.menuOffreDeSoins .subLevel .buttonClose {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
}

.menuOffreDeSoins .subLevel .buttonClose img {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}

.menuOffreDeSoins .subLevel .buttonClose:hover img,
.menuOffreDeSoins .subLevel .buttonClose:focus img {
  background: url("../Images/pictos/menu-offre-soins-close-h.png") no-repeat 0 0;
  padding-left: 40px;
}

.menuOffreDeSoins .subLevel .wrapperSubLevel {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
  padding: 40px 0 50px 0;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab {
  position: absolute;
  float: left;
  width: 645px;
  min-height: 200px;
  background: url("../Images/bg/motif1.png") repeat 0 0;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab:focus {
  outline: 1px dotted #818181;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab .wrap {
  padding: 20px 0;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab fieldset {
  margin: auto;
  background: none;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab fieldset div {
  margin-bottom: auto;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab .wrapField {
  margin-bottom: 10px;
  width: 100%;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab legend {
  font-weight: normal;
  font-style: normal;
  font-size: 1.7em;
  color: #fff;
  text-align: left;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab label {
  color: #fff;
  white-space: nowrap;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab .selectStyle {
  overflow: hidden;
  width: 100%;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab .selectStyle {
  background-image: url("../Images/form/select_right.png");
  background-color: #3c3c3c;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab select {
  width: 100%;
  background: #3c3c3c;
  border: none;
  color: #fff;
  padding: 10px 0;
  cursor: pointer;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab .cell .cell select {
  max-width: 232px;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab input {
  background: #3c3c3c;
  border: none;
  color: #fff;
  padding: 9px 2px;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab .validation button {
  margin-left: 70px;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab .validation button:before {
  content: "\e033";
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab .fieldLabel label {
  width: 70px;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab#tab4 .fieldLabel label {
  width: 147px;
}

.menuOffreDeSoins .subLevel .tabOffreDeSoins .tab#tab4 .validation button {
  margin-left: 147px;
}

.menuOffreDeSoins .subLevel .tablist {
  width: 295px;
  float: left;
}

.menuOffreDeSoins .subLevel .tablist li {
  display: block;
}

.menuOffreDeSoins .subLevel .tablist li a {
  display: block;
  padding: 8px 5px 8px 40px;
  color: #fff;
  font-weight: 300;
  font-size: 1.066666666666667em;
  border-bottom: 1px solid #2b2b2b;
  border-top: 1px solid #535353;
  position: relative;
}

.menuOffreDeSoins .subLevel .tablist li a:before {
  font-size: 16px;
  color: #70bdc5;
  position: absolute;
  top: 8px;
  right: inherit;
  bottom: inherit;
  left: 20px;
  content: '\e00f';
}

.menuOffreDeSoins .subLevel .tablist li:first-child a {
  border-top: none;
}

.menuOffreDeSoins .subLevel .tablist li:last-child a {
  border-bottom: none;
}

.menuOffreDeSoins .subLevel .tablist li.active a {
  background: url("../Images/bg/motif1.png") repeat 0 0;
  color: #70bdc5;
  font-weight: bold;
}

.menuOffreDeSoins .subLevel .tablist li.active a span {
  text-decoration: underline;
}

.menuOffreDeSoins.display .wrap .title button:before,
.menuOffreDeSoins.active .wrap .title button:before {
  content: "";
  position: absolute;
  top: inherit;
  bottom: -14px;
  left: 25px;
  padding: 0;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #008390;
  z-index: 250;
}

.js .menuOffreDeSoins .subLevel {
  position: relative;
  top: inherit;
  right: inherit;
  width: 940px;
}

.js .menuOffreDeSoins .tabOffreDeSoins .tab {
  position: inherit;
}

#navigation {
  background: url("../Images/bg/nav-bg2.png") no-repeat 50% 0;
}

#navigation:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

#navigation .wrapperNavigation {
  background: #3c3c3c url("../Images/bg/nav-bg1.png") repeat-x 0 0;
}

#navigation .wrapperNavigation:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

#navigation .wrapper {
  width: 940px;
  padding: 0 10px;
  margin: 0 auto;
}

#mainMenu {
  float: right;
  width: 460px;
}

#mainMenu a {
  color: #fff;
}

#mainMenu .lvl1 li {
  display: inline-block;
}

#mainMenu .lvl1 li button {
  min-height: 85px;
  line-height: 79px;
  padding: 0 30px;
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  text-decoration: none;
  border-bottom: 5px solid #008390;
}

#mainMenu .lvl1 li button:hover,
#mainMenu .lvl1 li button:focus {
  text-decoration: underline;
}

#mainMenu .lvl1 li button:focus {
  outline: none;
}

#mainMenu .lvl1 li.tabMainMenu300 button {
  color: #f0bdd7;
  border-color: #d64e93;
}

#mainMenu .lvl1 li.tabMainMenu301 button {
  color: #DEE686;
  border-color: #bccd0b;
}

#mainMenu .lvl1 li.tabMainMenu302 button {
  color: #f7bea6;
  border-color: #ea642b;
}

#mainMenu .lvl1 li.current button {
  color: #474747;
  position: relative;
}

#mainMenu .lvl1 li.current button:before {
  content: "";
  position: absolute;
  bottom: -2.2em;
  left: 2.5em;
  font-size: 10px;
  padding: 0;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  z-index: 97;
}

#mainMenu .lvl1 li.tabMainMenu300.current {
  background: #d64e93;
}

#mainMenu .lvl1 li.tabMainMenu300.current button:before {
  border-top: 17px solid #d64e93;
}

#mainMenu .lvl1 li.tabMainMenu301.current {
  background: #bccd0b;
}

#mainMenu .lvl1 li.tabMainMenu301.current button:before {
  border-top: 17px solid #bccd0b;
}

#mainMenu .lvl1 li.tabMainMenu302.current {
  background: #ea642b;
}

#mainMenu .lvl1 li.tabMainMenu302.current button:before {
  border-top: 17px solid #ea642b;
}

#mainMenu .tab1 {
  position: absolute;
  margin-left: -480px;
  width: 940px;
  top: -99999px;
}

#mainMenu .tab1:focus {
  outline: none;
}

#mainMenu #tabMainMenu300 .subLevel > .buttonClose:hover img,
#mainMenu #tabMainMenu301 .subLevel > .buttonClose:hover img,
#mainMenu #tabMainMenu302 .subLevel > .buttonClose:hover img,
#mainMenu #tabMainMenu300 .subLevel > .buttonClose:focus img,
#mainMenu #tabMainMenu301 .subLevel > .buttonClose:focus img,
#mainMenu #tabMainMenu302 .subLevel > .buttonClose:focus img {
  background: url("../Images/pictos/menu-offre-soins-close.png") no-repeat 0 0;
}

#mainMenu .subLevel {
  padding: 40px 0 50px;
  position: relative;
}

#mainMenu .subLevel:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

#mainMenu .subLevel .closeSubLevel {
  position: absolute;
  bottom: 0;
  right: 0;
}

#mainMenu .subLevel > .buttonClose {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 99;
}

#mainMenu .subLevel > .buttonClose img {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}

#mainMenu .subLevel > .buttonClose:hover img,
#mainMenu .subLevel > .buttonClose:focus img {
  background: url("../Images/pictos/menu-offre-soins-close-h.png") no-repeat 0 0;
  padding-left: 40px;
}

#mainMenu #tabMainMenu300 .subLevel2 .chapeau a {
  color: #d64e93;
}

#mainMenu #tabMainMenu300 .lvl2 li button:before {
  color: #d64e93;
}

#mainMenu #tabMainMenu300 .lvl2 li button:focus {
  outline: none;
}

#mainMenu #tabMainMenu300 .lvl2 li.active2 button,
#mainMenu #tabMainMenu300 .lvl2 li.current button {
  color: #d64e93;
}

#mainMenu #tabMainMenu300 .lvl3 > li a:before {
  color: #d64e93;
}

#mainMenu #tabMainMenu301 .subLevel2 .chapeau a {
  color: #BCCD0B;
}

#mainMenu #tabMainMenu301 .lvl2 li button:before {
  color: #BCCD0B;
}

#mainMenu #tabMainMenu301 .lvl2 li.active2 button,
#mainMenu #tabMainMenu301 .lvl2 li.current button {
  color: #BCCD0B;
}

#mainMenu #tabMainMenu301 .lvl3 > li a:before {
  color: #BCCD0B;
}

#mainMenu #tabMainMenu302 .subLevel2 .chapeau a {
  color: #EA642B;
}

#mainMenu #tabMainMenu302 .lvl2 li button:before {
  color: #EA642B;
}

#mainMenu #tabMainMenu302 .lvl2 li.active2 button,
#mainMenu #tabMainMenu302 .lvl2 li.current button {
  color: #EA642B;
}

#mainMenu #tabMainMenu302 .lvl3 > li a:before {
  color: #EA642B;
}

#mainMenu .lvl2 {
  width: 295px;
  display: table-cell;
  vertical-align: top;
}

#mainMenu .lvl2 li {
  display: block;
}

#mainMenu .lvl2 li button {
  white-space: inherit;
  width: 100%;
  text-align: left;
  text-decoration: none;
  display: block;
  padding: 8px 5px 8px 30px;
  color: #fff;
  font-weight: 300;
  font-size: 1.6em;
  text-transform: inherit;
  border-bottom: 1px solid #2b2b2b;
  border-top: 1px solid #535353;
  position: relative;
}

#mainMenu .lvl2 li button:before {
  font-size: 16px;
  color: #70bdc5;
  position: absolute;
  top: 10px;
  right: inherit;
  bottom: inherit;
  left: 7px;
  content: '\e00f';
}

#mainMenu .lvl2 li button:hover span,
#mainMenu .lvl2 li button:focus span {
  text-decoration: underline;
}

#mainMenu .lvl2 li:first-child button {
  border-top: none;
}

#mainMenu .lvl2 li:last-child button {
  border-bottom: none;
}

#mainMenu .lvl2 li.current button {
  background: url("../Images/bg/motif1.png") repeat 0 0;
  color: #70bdc5;
  font-weight: bold;
}

#mainMenu .lvl2 li.current button span {
  text-decoration: underline;
}

#mainMenu .subLevel2 {
  background: url("../Images/bg/motif1.png") repeat 0 0;
  display: table-cell;
  vertical-align: top;
  width: 605px;
  padding: 20px;
}

#mainMenu .subLevel2:focus {
  outline: none;
}

#mainMenu .subLevel2 .chapeau {
  color: #70bdc5;
  font-weight: 300;
  font-style: italic;
  font-size: 2em;
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
}

#mainMenu .subLevel2 .chapeau a {
  color: #70bdc5;
  background-repeat: no-repeat;
  background-position: 0 4px;
  min-height: 43px;
  padding-left: 55px;
  display: inline-block;
}

#mainMenu .subLevel2 .chapeau a span {
  display: inline-block;
  overflow: hidden;
  padding: 0 2px;
}

#mainMenu .lvl3 {
  border-top: 1px solid #4b4b4b;
  padding-top: 25px;
}

#mainMenu .lvl3 > li {
  display: inline-block;
  width: 270px;
  vertical-align: top;
  margin-bottom: 10px;
  padding-right: 15px;
  padding-left: 15px;
}

#mainMenu .lvl3 > li.active3 a {
  font-weight: bold;
}

#mainMenu .lvl3 > li a {
  font-size: 1.3em;
  font-weight: 300;
  position: relative;
}

#mainMenu .lvl3 > li a:before {
  font-size: 10px;
  color: #70bdc5;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: -15px;
  content: '\e001';
}

#mainMenu .lvl3 > li a:hover,
#mainMenu .lvl3 > li a:focus {
  text-decoration: none;
}

#mainMenu .lvl3 > li a:hover span,
#mainMenu .lvl3 > li a:focus span {
  text-decoration: underline;
}

#mainMenu.closed .lvl1 li.active button {
  color: #474747;
  position: relative;
}

#mainMenu.closed .lvl1 li.active button:before {
  content: "";
  position: absolute;
  bottom: -2.2em;
  left: 2.5em;
  font-size: 10px;
  padding: 0;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  z-index: 97;
}

#mainMenu.closed .lvl1 li.tabMainMenu300.active {
  background: #d64e93;
}

#mainMenu.closed .lvl1 li.tabMainMenu300.active button:before {
  border-top: 17px solid #d64e93;
}

#mainMenu.closed .lvl1 li.tabMainMenu301.active {
  background: #bccd0b;
}

#mainMenu.closed .lvl1 li.tabMainMenu301.active button:before {
  border-top: 17px solid #bccd0b;
}

#mainMenu.closed .lvl1 li.tabMainMenu302.active {
  background: #ea642b;
}

#mainMenu.closed .lvl1 li.tabMainMenu302.active button:before {
  border-top: 17px solid #ea642b;
}

.js #mainMenu .tab1 {
  position: inherit;
}

#mobileMenu {
  display: none;
}

.home #secondaryMenu {
  margin-bottom: 0;
}

.jeCherche #secondaryMenu {
  display: none;
}

#secondaryMenu,
#mobileMenu {
  margin-bottom: 60px;
}

#secondaryMenu p,
#mobileMenu p {
  display: block;
  padding: 8px 0 16px 0;
  font-size: 2em;
  font-weight: bold;
  color: #474747;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}

#secondaryMenu p a,
#mobileMenu p a {
  text-decoration: none;
  color: #474747;
}

#secondaryMenu .mainMenuMobileWrap,
#mobileMenu .mainMenuMobileWrap {
  display: none;
}

#secondaryMenu span.external,
#mobileMenu span.external {
  display: inline-block;
  cursor: pointer;
}

#secondaryMenu span.external:after,
#mobileMenu span.external:after {
  content: '\e06d';
  margin: 0 0 0 5px;
  font-size: 14px;
  color: #6a7276;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-decoration: none;
}

#secondaryMenu > ul > li > a:hover,
#mobileMenu > ul > li > a:hover,
#secondaryMenu > ul > li > a:focus,
#mobileMenu > ul > li > a:focus,
#secondaryMenu > ul > li.active > a,
#mobileMenu > ul > li.active > a {
  background: #008390;
  color: #fff;
}

#secondaryMenu > ul > li.active > a > span,
#mobileMenu > ul > li.active > a > span {
  text-decoration: underline;
}

#secondaryMenu ul,
#mobileMenu ul {
  list-style: none;
  font-size: 1.5em;
}

#secondaryMenu ul li,
#mobileMenu ul li {
  display: block;
}

#secondaryMenu ul li a,
#mobileMenu ul li a {
  display: block;
  padding: 8px 10px;
  color: #474747;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

#secondaryMenu ul li a:hover,
#mobileMenu ul li a:hover,
#secondaryMenu ul li a:focus,
#mobileMenu ul li a:focus {
  text-decoration: underline;
}

#secondaryMenu ul li.active a,
#mobileMenu ul li.active a {
  font-weight: bold;
}

#secondaryMenu ul li.active > ul > li > a,
#mobileMenu ul li.active > ul > li > a {
  position: relative;
}

#secondaryMenu ul li.active > ul > li > a:before,
#mobileMenu ul li.active > ul > li > a:before {
  font-size: 12px;
  color: #a0a5a8;
  position: absolute;
  top: 7px;
  right: inherit;
  bottom: inherit;
  left: 2px;
  content: '\e045';
}

#secondaryMenu ul li.active > ul > li > a:hover,
#mobileMenu ul li.active > ul > li > a:hover,
#secondaryMenu ul li.active > ul > li > a:focus,
#mobileMenu ul li.active > ul > li > a:focus {
  text-decoration: none;
}

#secondaryMenu ul li.active > ul > li a:hover span,
#mobileMenu ul li.active > ul > li a:hover span,
#secondaryMenu ul li.active > ul > li a:focus span,
#mobileMenu ul li.active > ul > li a:focus span,
#secondaryMenu ul li.active > ul > li.active2 > a span,
#mobileMenu ul li.active > ul > li.active2 > a span {
  text-decoration: underline;
}

#secondaryMenu ul li.active > ul > li a:hover:before,
#mobileMenu ul li.active > ul > li a:hover:before,
#secondaryMenu ul li.active > ul > li a:focus:before,
#mobileMenu ul li.active > ul > li a:focus:before,
#secondaryMenu ul li.active > ul > li.active2 > a:before,
#mobileMenu ul li.active > ul > li.active2 > a:before {
  color: #008390;
}

#secondaryMenu ul li.active ul,
#mobileMenu ul li.active ul {
  padding: 0 5px 10px 5px;
  font-size: 0.93334em;
}

#secondaryMenu ul li.active ul li,
#mobileMenu ul li.active ul li {
  border: none;
}

#secondaryMenu ul li.active ul li:last-child,
#mobileMenu ul li.active ul li:last-child {
  border: none;
}

#secondaryMenu ul li.active ul li a,
#mobileMenu ul li.active ul li a {
  padding: 5px 10px 5px 20px;
  font-weight: bold;
  color: #777;
  background: none;
  border: none;
  text-transform: none;
}

#secondaryMenu ul li.active ul li a:hover,
#mobileMenu ul li.active ul li a:hover,
#secondaryMenu ul li.active ul li a:focus,
#mobileMenu ul li.active ul li a:focus,
#secondaryMenu ul li.active ul li.active2 a,
#mobileMenu ul li.active ul li.active2 a {
  color: #474747;
}

#secondaryMenu ul li.active ul li.active2 a,
#mobileMenu ul li.active ul li.active2 a {
  font-weight: bold;
}

#secondaryMenu ul li.active ul li.active2 > ul > li.active3 > a span,
#mobileMenu ul li.active ul li.active2 > ul > li.active3 > a span {
  text-decoration: underline;
}

#secondaryMenu ul li.active ul li.active2 ul,
#mobileMenu ul li.active ul li.active2 ul {
  font-size: 0.9230em;
  padding: 0 0 10px 0;
  margin-left: 10px;
  border: none;
}

#secondaryMenu ul li.active ul li.active2 ul li,
#mobileMenu ul li.active ul li.active2 ul li {
  border: none;
}

#secondaryMenu ul li.active ul li.active2 ul li a,
#mobileMenu ul li.active ul li.active2 ul li a {
  padding: 4px 10px;
  font-weight: normal;
  color: #848174;
}

#secondaryMenu ul li.active ul li.active2 ul li a:hover,
#mobileMenu ul li.active ul li.active2 ul li a:hover,
#secondaryMenu ul li.active ul li.active2 ul li a:focus,
#mobileMenu ul li.active ul li.active2 ul li a:focus,
#secondaryMenu ul li.active ul li.active2 ul li.active3 a,
#mobileMenu ul li.active ul li.active2 ul li.active3 a {
  font-weight: normal;
  color: #000000;
}

#secondaryMenu ul li.active ul li.active2 ul li.active3 a,
#mobileMenu ul li.active ul li.active2 ul li.active3 a {
  font-weight: bold;
}

#secondaryMenu ul li.active ul li.active2 ul li.active3 ul,
#mobileMenu ul li.active ul li.active2 ul li.active3 ul {
  font-size: 1em;
  margin: 0 0 0 10px;
  padding: 0;
  border-left: 1px solid #d9d9d9;
}

#secondaryMenu ul li.active ul li.active2 ul li.active3 ul li,
#mobileMenu ul li.active ul li.active2 ul li.active3 ul li {
  width: 173px;
}

#secondaryMenu ul li.active ul li.active2 ul li.active3 ul li a,
#mobileMenu ul li.active ul li.active2 ul li.active3 ul li a {
  padding: 6px 10px;
  font-weight: normal;
  color: #848174;
}

#secondaryMenu ul li.active ul li.active2 ul li.active3 ul li a:hover,
#mobileMenu ul li.active ul li.active2 ul li.active3 ul li a:hover,
#secondaryMenu ul li.active ul li.active2 ul li.active3 ul li a:focus,
#mobileMenu ul li.active ul li.active2 ul li.active3 ul li a:focus {
  font-weight: normal;
  color: #000000;
}

#secondaryMenu ul li.active ul li.active2 ul li.active3 ul li.active4 a,
#mobileMenu ul li.active ul li.active2 ul li.active3 ul li.active4 a {
  font-weight: bold;
  color: #000;
}

.breadcrumb {
  float: left;
  width: 710px;
  text-transform: uppercase;
  font-size: 1.1em;
}

.breadcrumb #breadcrumbLabel {
  display: inline;
  color: #424b52;
  font-weight: bold;
  white-space: nowrap;
  padding-right: 5px;
}

.breadcrumb ol {
  display: inline;
}

.breadcrumb ol li {
  display: inline;
  padding: 0 0 0 7px;
  border-left: 1px solid #686d33;
  color: #686d33;
}

.breadcrumb ol li a {
  color: #424b52;
  text-decoration: none;
  padding-right: 5px;
}

.breadcrumb ol li a:hover,
.breadcrumb ol li a:focus {
  color: #686d33;
}

.breadcrumb ol li a:hover span,
.breadcrumb ol li a:focus span {
  text-decoration: underline;
}

.breadcrumb ol li.active {
  cursor: default;
}

#bottomMenu {
  float: right;
  width: 610px;
  text-transform: uppercase;
  overflow: hidden;
  line-height: 1.2em;
  padding-top: 30px;
}

#bottomMenu li {
  float: left;
  width: 150px;
  padding: 8px 10px 8px 0;
  margin-left: 35px;
  border-bottom: 1px solid #585858;
}

#bottomMenu li a {
  display: block;
  font-size: 1.3em;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
}

#bottomMenu li a:before {
  content: '\e00f';
  margin: 0 1px 0 0;
  font-size: 14px;
  color: #008390;
  vertical-align: -2px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

#bottomMenu li a:hover span,
#bottomMenu li a:focus span {
  text-decoration: underline;
}

#bottomMenu li.active a span {
  text-decoration: underline;
}

.content ul.pagebrowser,
#content ul.pagebrowser {
  clear: both;
  display: block;
  margin: 30px 0 50px 0;
  min-height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
}

.content ul.pagebrowser li,
#content ul.pagebrowser li {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  background: none;
  font-size: 1em;
}

.content ul.pagebrowser li:before,
#content ul.pagebrowser li:before {
  font-family: none;
  content: none;
  margin: auto;
}

.content ul.pagebrowser li a,
#content ul.pagebrowser li a {
  color: #fff;
  background: #008390;
  text-decoration: none;
  padding: 3px 9px;
  border-radius: 0;
}

.content ul.pagebrowser li a:hover,
#content ul.pagebrowser li a:hover,
.content ul.pagebrowser li a:focus,
#content ul.pagebrowser li a:focus {
  color: #fff;
  background: #6a7276;
}

.content ul.pagebrowser li span,
#content ul.pagebrowser li span,
.content ul.pagebrowser li.current a,
#content ul.pagebrowser li.current a {
  border-radius: 0;
  padding: 2px 8px;
  color: #fff;
  background: #6a7276;
  border: 1px solid #6a7276;
}

.content ul.pagebrowser li img,
#content ul.pagebrowser li img {
  padding: 9px 14px;
}

.content ul.pagebrowser li.prev,
#content ul.pagebrowser li.prev,
.content ul.pagebrowser li.next,
#content ul.pagebrowser li.next {
  display: inline;
}

.content ul.pagebrowser li.prev a,
#content ul.pagebrowser li.prev a,
.content ul.pagebrowser li.next a,
#content ul.pagebrowser li.next a {
  display: inline-block;
  padding: 2px 8px;
  line-height: normal;
  border: 1px solid #6a7276;
  background: #6a7276;
  color: #fff;
}

.content ul.pagebrowser li.prev a:hover,
#content ul.pagebrowser li.prev a:hover,
.content ul.pagebrowser li.next a:hover,
#content ul.pagebrowser li.next a:hover,
.content ul.pagebrowser li.prev a:focus,
#content ul.pagebrowser li.prev a:focus,
.content ul.pagebrowser li.next a:focus,
#content ul.pagebrowser li.next a:focus {
  color: #fff;
  background: #008390;
  border: 1px solid transparent;
}

.content ul.pagebrowser li.prev span,
#content ul.pagebrowser li.prev span,
.content ul.pagebrowser li.next span,
#content ul.pagebrowser li.next span {
  line-height: normal;
  background: #008390;
  border: none;
  box-shadow: none;
  text-shadow: none;
  color: #bebebe;
}

.content ul.pagebrowser li.prev,
#content ul.pagebrowser li.prev {
  float: left;
  padding: 0;
}

.content ul.pagebrowser li.prev a,
#content ul.pagebrowser li.prev a,
.content ul.pagebrowser li.prev span,
#content ul.pagebrowser li.prev span {
  float: left;
}

.content ul.pagebrowser li.prev a:before,
#content ul.pagebrowser li.prev a:before,
.content ul.pagebrowser li.prev span:before,
#content ul.pagebrowser li.prev span:before {
  content: '\e016';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content ul.pagebrowser li.prev a:before,
#content ul.pagebrowser li.prev a:before,
.content ul.pagebrowser li.prev span:before,
#content ul.pagebrowser li.prev span:before {
  text-transform: none !important;
}

.content ul.pagebrowser li.prev a:hover:before,
#content ul.pagebrowser li.prev a:hover:before,
.content ul.pagebrowser li.prev span:hover:before,
#content ul.pagebrowser li.prev span:hover:before,
.content ul.pagebrowser li.prev a:focus:before,
#content ul.pagebrowser li.prev a:focus:before,
.content ul.pagebrowser li.prev span:focus:before,
#content ul.pagebrowser li.prev span:focus:before {
  color: #fff;
}

.content ul.pagebrowser li.prev span:before,
#content ul.pagebrowser li.prev span:before,
.content ul.pagebrowser li.prev span:hover:before,
#content ul.pagebrowser li.prev span:hover:before,
.content ul.pagebrowser li.prev span:focus:before,
#content ul.pagebrowser li.prev span:focus:before {
  color: #bebebe;
}

.content ul.pagebrowser li.next,
#content ul.pagebrowser li.next {
  float: right;
  padding: 0;
}

.content ul.pagebrowser li.next a,
#content ul.pagebrowser li.next a,
.content ul.pagebrowser li.next span,
#content ul.pagebrowser li.next span {
  float: right;
}

.content ul.pagebrowser li.next a:after,
#content ul.pagebrowser li.next a:after,
.content ul.pagebrowser li.next span:after,
#content ul.pagebrowser li.next span:after {
  content: '\e017';
  margin: 0 0 0 5px;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-decoration: none;
}

.content ul.pagebrowser li.next a:after,
#content ul.pagebrowser li.next a:after,
.content ul.pagebrowser li.next span:after,
#content ul.pagebrowser li.next span:after {
  text-transform: none !important;
}

.content ul.pagebrowser li.next a:hover:after,
#content ul.pagebrowser li.next a:hover:after,
.content ul.pagebrowser li.next span:hover:after,
#content ul.pagebrowser li.next span:hover:after,
.content ul.pagebrowser li.next a:focus:after,
#content ul.pagebrowser li.next a:focus:after,
.content ul.pagebrowser li.next span:focus:after,
#content ul.pagebrowser li.next span:focus:after {
  color: #fff;
}

.content ul.pagebrowser li.next span:after,
#content ul.pagebrowser li.next span:after,
.content ul.pagebrowser li.next span:hover:after,
#content ul.pagebrowser li.next span:hover:after,
.content ul.pagebrowser li.next span:focus:after,
#content ul.pagebrowser li.next span:focus:after {
  color: #bebebe;
}

.content ul.pagebrowser2 {
  border-top: 1px solid #cccccc;
  padding-top: 20px;
}

.content ul.pagebrowser2 li a {
  background: none;
  text-shadow: none;
}

.content ul.pagebrowser2 .backLink {
  position: relative;
  box-sizing: border-box;
}

.content ul.pagebrowser2 .backLink:before {
  content: '\e015';
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  position: absolute;
  top: -10px;
  left: 45%;
}

.content ul.pagebrowser.abc {
  margin: 0;
  background: #f5f5f5;
  box-sizing: border-box;
  border-radius: 0;
  padding: 10px;
}

.content ul.pagebrowser.abc li {
  margin: 0 6px 4px 0;
}

.content ul.pagebrowser.abc li a {
  background: #6a7276;
  color: #fff;
}

.content ul.pagebrowser.abc li a:hover,
.content ul.pagebrowser.abc li a:focus {
  background: #6a7276;
  color: #fff;
}

.content ul.pagebrowser.abc li.inactive span {
  color: #bebebe;
  background: #008390;
  border: 1px solid transparent;
}

.loading {
  width: 100%;
  clear: both;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  color: #6a7276;
  position: relative;
}

.loading span {
  display: inline-block;
  padding: 20px 60px;
  background: url(../Images/fancybox/loading.gif) 0 50% no-repeat;
  background-size: 40px 40px;
}

.moreElement {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  color: #6a7276;
  text-decoration: none;
  position: relative;
  margin: 30px 0 20px 0;
}

.moreElement:hover,
.moreElement:focus {
  background: none;
  color: #6a7276;
}

.moreElement:hover .wrapHover,
.moreElement:focus .wrapHover {
  text-decoration: underline;
}

.moreElement .wrapInner {
  padding-top: 25px;
  position: relative;
}

.moreElement .wrapInner:before {
  font-size: 16px;
  color: #6a7276;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 46%;
  content: "\e05f";
}

/*
.content .wrapAdvancedSummary {
	.title2 {
		.defaultIcons('\e074', 0 5px 0 0, 16px, #fff, middle);
	}
	.advancedSummaryPage {
		.clearFix;
		font-size: 1em;
		padding: 0px;
		.item {
			background: none;
			width: 156px;
			float: left;
			padding: 0;
			margin-right: 10px;
			margin-bottom: 20px;
			.resetIcons();
			img {
				margin: 0 0 20px 0;
			}
			&.firstItem {
				clear: left;
			}
			&.lastItem {
				margin-right: 0;
			}
			.title {
				margin-top: auto;
				.robotoCBold;
				font-size: 1.5em;
				line-height: 1;
				text-transform: uppercase;
				a {
					color: #000;
					vertical-align: bottom;
					height: 3em;
					display: table-cell;
					padding-bottom: 5px;
					&:hover, &:focus {
						text-decoration: underline;
					}
				}
			}
			.teaser {
				margin: 0 0 8px 0;
				.small;
				color: @color3;
			}
			.lvl2 {
				.small;
				margin: 18px 0;
				li {
					.defaultIconsAbsolut('\e00f', 16px, @color2, 0, inherit, inherit, 0);
					padding-left: 15px;
					margin-right: 2px;
				}
				a {
					text-decoration: none;
					color: @color2;

					&:hover, &:focus {
						text-decoration: underline;
					}
				}
			}
		}
	}
}

.largePage .content .wrapAdvancedSummary {
	.advancedSummaryPage {
		.item {
			width: 167px;
		}
	}
}
*/

.largePage .content .wrapAdvancedSummary .advancedSummaryPage .item {
  width: 222px;
}

.content .wrapAdvancedSummary .title2:before {
  content: '\e074';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content .wrapAdvancedSummary .advancedSummaryPage {
  margin: 0 -10px;
  font-size: 0;
  padding: 0px;
}

.content .wrapAdvancedSummary .advancedSummaryPage:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item {
  font-size: 13px;
  font-size: 1rem;
  display: inline-block;
  vertical-align: top;
  background: none;
  width: 242px;
  height: 340px;
  margin: 0 9px 20px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  padding: 20px;
  box-sizing: border-box;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item:before {
  font-family: none;
  content: none;
  margin: auto;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item img {
  margin: 0 0 20px 0;
  max-width: 100%;
  height: auto;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item .title {
  margin-top: auto;
  font-size: 1.6em;
  line-height: 1;
  font-weight: bold;
  border: none;
  color: #000;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item .title a {
  color: #6a7276;
  vertical-align: bottom;
  padding-bottom: 5px;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item .title a:hover,
.content .wrapAdvancedSummary .advancedSummaryPage .item .title a:focus {
  text-decoration: underline;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item .teaser {
  margin: 0 0 8px 0;
  font-size: 1.4em;
  font-weight: normal;
  color: #6a7276;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item:hover .subLevel,
.content .wrapAdvancedSummary .advancedSummaryPage .item.active .subLevel {
  top: 0;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item .subLevel {
  overflow-y: auto;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #474747;
  transition: all 0.2s ease-in-out 0.2s;
  padding: 20px;
  box-sizing: border-box;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item .subLevel .title a {
  color: #fff;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item ul {
  font-size: 1.4em;
  margin: 18px 0;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item ul li {
  position: relative;
  padding-left: 20px;
  margin-right: 2px;
  margin-bottom: 5px;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item ul li:before {
  font-size: 13px;
  color: #008390;
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e017';
}

.content .wrapAdvancedSummary .advancedSummaryPage .item ul a {
  text-decoration: none;
  color: #fff;
}

.content .wrapAdvancedSummary .advancedSummaryPage .item ul a:hover,
.content .wrapAdvancedSummary .advancedSummaryPage .item ul a:focus {
  text-decoration: underline;
}

.content #planDuSite {
  padding: 15px 0;
  font-size: 1.4em;
  font-weight: bold;
}

.content #planDuSite #siteMap3 a {
  color: #6a7276;
}

.content #planDuSite #siteMap10 a {
  color: #6a7276;
}

.content #planDuSite #siteMap5 a {
  color: #6a7276;
}

.content #planDuSite li:before {
  font-family: none;
  content: none;
  margin: auto;
}

.content #planDuSite li ul {
  margin: 5px 0 0;
  padding: 0 0 0 25px;
  background: url('../Images/pictos/bg-sitemap.gif') 6px top repeat-y;
  font-size: 1em;
  color: #000;
  font-weight: normal;
}

.content #planDuSite li ul li {
  padding: 5px 0;
  background: none;
}

.content #planDuSite li ul li ul {
  font-size: 0.9285em;
}

.content #planDuSite li ul .level1 {
  padding: 20px 10px;
  background: url('../Images/bg/dot1.png') 0 bottom repeat-x;
}

.content #planDuSite li ul .level1 > a {
  text-transform: uppercase;
  color: #777;
}

.content #planDuSite li ul .level1 > a:hover,
.content #planDuSite li ul .level1 > a:focus {
  color: #777;
  text-decoration: underline;
}

.content #planDuSite li ul .level2 > a {
  font-weight: bold;
}

.content #planDuSite li ul .plus a {
  font-style: italic;
}

.content #planDuSite li ul .plus a:before {
  content: '\e003';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #6a7276;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content #planDuSite li ul .noSub a:before {
  content: '\e041';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #6a7276;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content #planDuSite a {
  text-decoration: none;
}

.content #planDuSite a:before {
  content: '\e004';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #6a7276;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

#footer {
  background: #4c4c4c;
  border-top: 5px solid #6a6a6a;
}

#footer .wrapper {
  margin: 0 auto;
  width: 940px;
  padding: 0 10px 50px 10px;
  background: url("../Images/bg/footer-bg.png") no-repeat 270px -20px;
}

#footer .wrapper:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

#footer .infosSite {
  float: left;
  width: 320px;
}

#footer .infosSite img {
  margin: -17px 15px 0 0;
  float: left;
}

#footer .infosSite .wrap {
  padding: 30px 0 0 0;
}

#footer .infosSite p {
  font-size: 1.3em;
  color: #fff;
  font-weight: 300;
  margin-bottom: 8px;
}

#footer .infosSite p strong {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.076923076923077em;
}

#footer .infosSite p a {
  color: #fff;
}

@media only screen and (max-width: 960px) {
  html,
  body {
    height: 100%;
    max-height: 100%;
  }
  .responsiveMenuActive {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .responsiveMenu {
    font-weight: bold;
    width: 300px;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 9999;
    transform: translate(-300px, 0);
    background: #fff;
  }
  body.responsiveMenuActive .responsiveMenu {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  .responsiveMenu {
    transition: all 0.8s ease-in-out;
  }
  .responsiveMenuOverlay {
    transition: all 0.5s ease-in-out;
  }
  .menuBtn {
    display: none;
  }
  .js .menuBtn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
  }
  .js .menuBtn:before {
    font-family: none;
    content: none;
    margin: auto;
  }
  .menuBtn:hover,
  .menuBtn:focus {
    background: grey;
  }
  .closeResponsiveMenu {
    margin-left: 20px;
  }
  .closeResponsiveMenu:hover,
  .closeResponsiveMenu:focus {
    margin-left: 20px;
  }
  /* Overlay */
  .responsiveMenuOverlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 300px;
    z-index: 9998;
    background: rgba(0, 0, 0, 0);
  }
  .responsiveMenuActive .responsiveMenuOverlay {
    opacity: 1;
    visibility: visible;
    background: rgba(0, 0, 0, 0.8);
  }
  .select select,
  .select span.selectElement {
    max-width: 210px;
    margin-left: 10px;
  }
  #mainMenuMobileBtn {
    font-size: 1.3em;
    padding: 10px;
    background: #008390;
    margin-right: 10px;
    color: #fff;
    text-decoration: none;
  }
  .mobileMenu {
    display: block;
  }
  .mobileMenu .btnOpenMobileMenu {
    position: absolute;
    top: 0;
    right: 0;
  }
  .mobileMenu .responsiveMenu {
    background: #474747;
  }
  .mobileMenu a {
    color: #fff;
    display: block;
  }
  .mobileMenu li.active > .title > a {
    text-decoration: underline;
  }
  .mobileMenu li .title {
    display: table;
    width: 100%;
  }
  .mobileMenu li .title .cell1 {
    border-bottom: 1px solid #383838;
    width: 100%;
  }
  .mobileMenu li .title .cell2 {
    border-left: 1px solid #383838;
    border-bottom: 1px solid #383838;
  }
  .mobileMenu li .title .cell2 button {
    padding: 7px 5px;
  }
  .mobileMenu li .title a {
    text-transform: uppercase;
    font-weight: bold;
    padding: 11px 10px 11px 20px;
  }
  .mobileMenu .lvl1 > li:first-child {
    border-top: 1px solid #383838;
  }
  .mobileMenu .lvl1 > li > .title a {
    font-size: 1.8em;
  }
  .mobileMenu .lvl1 > li.active > .title a {
    text-decoration: underline;
  }
  .mobileMenu .lvl1 > li.page300 > .title a {
    border-left: 5px solid #d64e93;
  }
  .mobileMenu .lvl1 > li.page301 > .title a {
    border-left: 5px solid #bccd0b;
  }
  .mobileMenu .lvl1 > li.page302 > .title a {
    border-left: 5px solid #ea642b;
  }
  .mobileMenu .lvl2 {
    background: #585858;
  }
  .mobileMenu .lvl2 > li > .title a {
    font-size: 1.6em;
    line-height: 1.1;
    padding: 8px 10px 8px 20px;
    font-weight: normal;
    text-transform: none;
  }
  .mobileMenu .lvl2 > li.active2:before {
    color: #7bbfe4;
  }
  .mobileMenu .lvl2 > li.active2 > .title a {
    text-decoration: underline;
  }
  .mobileMenu .lvl2 > li:hover:before,
  .mobileMenu .lvl2 > li:focus:before {
    color: #7bbfe4;
  }
  .mobileMenu .lvl3 {
    background: #646464;
  }
  .mobileMenu .lvl3 > li {
    border-left: 1px solid #383838;
    padding-left: 20px;
  }
  .mobileMenu .lvl3 > li a {
    font-size: 1.5em;
    font-weight: normal;
    padding: 10px 10px;
    display: block;
  }
  .mobileMenu .lvl3 > li.active3 a {
    text-decoration: underline;
  }
}

.blocCarousel {
  padding-top: 40px;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
  min-height: 398px;
  overflow: hidden;
}

.blocCarousel .motif1,
.blocCarousel .motif2 {
  background: url("../Images/bg/carousel_home_motif2.png") no-repeat 50% 0;
  width: 805px;
  height: 398px;
  position: absolute;
  top: 40px;
  left: 50%;
  z-index: 49;
}

.blocCarousel .motif1 {
  margin-left: -1222.5px;
}

.blocCarousel .motif2 {
  margin-left: 402.5px;
  margin-left: 417.5px;
}

.blocCarousel .controls {
  width: 805px;
  height: 398px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -402.5px;
}

.blocCarousel #buttonArret {
  position: absolute;
  top: 333px;
  left: 371px;
  z-index: 50;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  width: 36px;
  height: 35px;
}

.blocCarousel #buttonArret:hover,
.blocCarousel #buttonArret:focus {
  background: #000;
}

.blocCarousel .pagerThumb li {
  position: absolute;
  left: 371px;
  z-index: 50;
}

.blocCarousel .pagerThumb li button {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
}

.blocCarousel .pagerThumb li button:hover,
.blocCarousel .pagerThumb li button:focus {
  background: #000;
}

.blocCarousel .pagerThumb li#prev {
  top: 297px;
}

.blocCarousel .pagerThumb li#next {
  top: 369px;
}

.blocCarousel #pager {
  position: absolute;
  top: 220px;
  right: 434px;
  z-index: 50;
}

.blocCarousel #pager li {
  display: inline-block;
  margin: 0 1px;
}

.wrapSlider {
  width: 805px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -402.5px;
}

#slider .item {
  margin: 0 15px;
}

#carousel.desktop {
  width: 2415px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1207.5px;
  min-height: 398px;
  z-index: 1;
}

#carousel.desktop .item {
  position: relative !important;
  height: 398px;
  vertical-align: top;
}

#carousel.desktop .item .wrapImg {
  width: 805px;
  text-align: center;
  height: 398px;
}

#carousel.desktop .item img {
  padding: 0 15px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

#carousel.desktop .item .infos {
  display: none;
  position: absolute;
  top: 195px;
  left: 50px;
  width: 280px;
  height: 130px;
  padding: 20px;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  white-space: normal;
}

#carousel.desktop .item .title {
  font-size: 2.5em;
  line-height: 1em;
}

#carousel.desktop .item .title a {
  color: #bccd0b;
  text-transform: uppercase;
  font-weight: 300;
}

#carousel.desktop .item .description {
  font-size: 1.3em;
  color: #fff;
  font-weight: 300;
}

#carousel.desktop .item.cycle-slide-active .infos {
  display: block;
}

.carouselAccesRapides {
  margin-bottom: 50px;
  display: flex;
}

.carouselAccesRapides .link {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  flex: 0 0 auto;
  display: block;
  width: 236px;
  height: 94px;
  padding: 20px 116px 0 20px;
  margin-right: 25px;
  box-sizing: border-box;
  background: #add729;
  color: #4f4f4f;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.5em;
  position: relative;
}

.carouselAccesRapides .link:before {
  font-size: 24px;
  color: #4f4f4f;
  position: absolute;
  top: 0;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e00b';
}

.carouselAccesRapides .link:before {
  width: 94px;
  height: 100%;
  background: #c4e657;
  text-align: center;
  padding-top: 27px;
  box-sizing: border-box;
}

.carouselAccesRapides .link:hover,
.carouselAccesRapides .link:focus {
  text-decoration: none;
  background-color: #c4e657;
}

.carouselAccesRapides .link:hover:before,
.carouselAccesRapides .link:focus:before {
  background-color: #add729;
}

.wrapCarouselAccesRapides {
  flex: 0 1 940px;
  padding: 0 80px;
  box-sizing: border-box;
  position: relative;
}

.wrapCarouselAccesRapides:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.wrapCarouselAccesRapides.-no-pagination {
  padding: 0;
}

.wrapCarouselAccesRapides .pagerThumb {
  position: absolute;
  width: 100%;
  top: 20px;
  left: 0;
}

.wrapCarouselAccesRapides .pagerThumb:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.wrapCarouselAccesRapides .pagerThumb #prevCarouselAccesRapides,
.wrapCarouselAccesRapides .pagerThumb #nextCarouselAccesRapides {
  position: absolute;
  top: 0;
}

.wrapCarouselAccesRapides .pagerThumb #prevCarouselAccesRapides .disabled,
.wrapCarouselAccesRapides .pagerThumb #nextCarouselAccesRapides .disabled {
  display: none;
}

.wrapCarouselAccesRapides .pagerThumb #prevCarouselAccesRapides button:focus,
.wrapCarouselAccesRapides .pagerThumb #nextCarouselAccesRapides button:focus {
  outline: 1px dotted #000;
}

.wrapCarouselAccesRapides .pagerThumb #prevCarouselAccesRapides {
  left: 0;
}

.wrapCarouselAccesRapides .pagerThumb #nextCarouselAccesRapides {
  right: 0;
}

.carouselListItems .item {
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  height: 140px;
  background: url("../Images/bg/carousel-acces-rapides-square.png") no-repeat 100% 50px;
}

.carouselListItems .item .title {
  position: relative;
  font-size: 1em;
}

.carouselListItems .item .title a:hover img,
.carouselListItems .item .title a:focus img {
  padding-left: 96px;
}

.carouselListItems .item .title a:hover .txt,
.carouselListItems .item .title a:focus .txt {
  text-decoration: underline;
}

.carouselListItems .item .wrapImg {
  display: block;
  width: 96px;
  height: 109px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.carouselListItems .item img {
  display: inline-block;
  width: 96px;
  height: 109px;
}

.carouselListItems .item .txt {
  position: absolute;
  top: 84px;
  left: 50%;
  width: 96px;
  margin-left: -48px;
  font-weight: 300;
  font-size: 1.55em;
  color: #000;
  line-height: 1;
  white-space: normal;
}

.content {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.content a {
  color: #008390;
  text-decoration: underline;
}

.content a:hover,
.content a:focus {
  text-decoration: none;
}

.content a .external:after {
  content: '\e06d';
  margin: 0 0 0 5px;
  font-size: 14px;
  color: #008390;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-decoration: none;
}

.content a .external:after {
  line-height: 0 !important;
}

.ie7 .content a .external {
  display: inline-block;
}

.content .csc-textpic-image a .external {
  padding-right: 0;
  margin-right: 0;
  background: none;
  position: relative;
  display: block;
}

.content .csc-textpic-image a .external .externalPicto {
  position: absolute;
  top: 5px;
  right: 5px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a {
  text-decoration: none;
}

.content h1 {
  font-size: 3.6em;
  color: #474747;
  margin: 0 0 20px 0;
  padding-right: 35px;
  font-weight: bold;
}

.content h1 a {
  color: #474747;
}

.content h1 a:hover,
.content h1 a:focus {
  color: #686d33;
}

.content h2 {
  font-size: 2.5em;
  color: #656565;
  margin: 25px 0 10px 0;
  font-weight: bold;
}

.content h2 a {
  color: #656565;
}

.content h2 a:hover,
.content h2 a:focus {
  color: #686d33;
}

.content h3 {
  font-size: 2em;
  color: #656565;
  margin: 23px 0 10px 0;
  padding-left: 10px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}

.content h3 a {
  color: #656565;
}

.content h3 a:hover,
.content h3 a:focus {
  color: #686d33;
}

.content h4 {
  font-size: 1.6em;
  color: #000;
  margin: 20px 0 10px 15px;
  font-weight: bold;
}

.content h4 a {
  color: #000;
}

.content h4 a:hover,
.content h4 a:focus {
  color: #686d33;
}

.content h5 {
  font-size: 1.5em;
  color: #000;
  margin: 20px 0 10px 15px;
  font-weight: bold;
}

.content h5:before {
  content: '\e00f';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #000;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content h5 a {
  color: #000;
}

.content h5 a:hover,
.content h5 a:focus {
  color: #686d33;
}

.content p {
  margin: 5px 0 10px 0;
  font-size: 1.4em;
  font-weight: 300;
  color: #182731;
}

.content .lostPass {
  float: right;
  line-height: 1em;
  padding: 5px 0;
}

.content .comment {
  font-style: italic;
  color: #6a7276;
  font-size: 1.2em;
}

.content .topContent {
  clear: both;
  text-align: right;
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 0;
  padding: 15px 0;
}

.content .topContent a {
  display: block;
  text-decoration: none;
}

.content .topContent a:before {
  content: "\e025";
  color: #777;
  padding-right: 0.2em;
}

.content .chapeau {
  font-size: 1.6em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
}

.content .chapeau a {
  color: #6a7276;
}

.content .newsSingle p {
  text-align: justify;
}

.content .encadre {
  margin: 20px 0 25px;
  padding: 15px 30px;
  font-size: 1.6em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  background: #008390;
  border-bottom: 4px solid #30a4b0;
  color: #000;
}

.content .encadre a {
  color: #000;
}

.content .encadre .external:after {
  color: #000;
}

.content .noResult p,
.content .noResult {
  background: url('../Images/pictos/picto-noresults.png') no-repeat 50% 0;
  padding-top: 50px;
  text-align: center;
  font-size: 1.8em;
  color: #6a7276;
}

.content .noResult p a,
.content .noResult a {
  color: #6a7276;
}

.content .wrapBlockquote {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  margin: 5px 0 10px 0;
  position: relative;
}

.content .wrapBlockquote:before {
  font-size: 40px;
  color: #cccccc;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e071';
}

.content .wrapBlockquote blockquote {
  padding: 10px 45px 0 50px;
  text-align: center;
  position: relative;
}

.content .wrapBlockquote blockquote:before {
  font-size: 40px;
  color: #cccccc;
  position: absolute;
  top: inherit;
  right: 0;
  bottom: -10px;
  left: inherit;
  content: '\e072';
}

.content .wrapBlockquote blockquote p {
  font-size: 2.5em;
  color: #6a7276;
}

.csc-textpic .csc-textpic-single-image img {
  margin: 0;
}

.content .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image,
.content .csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image,
.content .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-image,
.content .csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image {
  margin: inherit;
  margin-left: 10px;
}

.content .csc-textpic-left .csc-textpic-imagewrap .csc-textpic-image,
.content .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap .csc-textpic-image,
.content .csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-image {
  margin: inherit;
  margin-right: 10px;
}

.content .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 10px;
}

.content .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image {
  margin-left: 0;
  margin-right: 10px;
}

.content .csc-textpic .csc-textpic-imagewrap .csc-textpic-lastcol {
  margin-right: 0px !important;
  position: relative;
}

.csc-textpic .csc-textpic-imagewrap p.csc-textpic-image {
  float: left;
}

.content p.figure img {
  float: none !important;
}

.imageSingle {
  display: block;
  margin: 15px 0;
  text-align: center;
}

.rgmediaimagesMedia {
  margin: 0 auto;
  padding-bottom: 25px;
}

.content .legende,
.content .copyright {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: block;
  margin: 0;
  font-style: italic;
  font-size: 0.9285714285714286em;
  text-align: left;
  color: #eee;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

.content .legende {
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.content .copyright {
  padding: 4px;
  box-sizing: border-box;
  text-align: right;
  position: relative;
  width: 100%;
  color: #000;
  background: #ccc;
  background: rgba(238, 238, 238, 0.8);
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  padding: 0;
  display: block;
  border: 2px solid #000;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img.externalPicto {
  border: none;
}

.content table {
  width: 100%;
}

.content caption {
  padding: 4px 5px;
  text-align: right;
  font-weight: 300;
  font-size: 1.3em;
  color: #6a7276;
}

.content th,
.content td {
  padding: 8px 10px;
  text-align: left;
}

.content th {
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
  background: #f5f1e8;
}

.content td {
  font-size: 1.3em;
  color: #4f4f4f;
  background: #f5f1e8;
}

.content thead th {
  font-size: 1.4em;
  background: #008390;
  color: #000;
  text-align: left;
}

.content tr:nth-child(2n) td,
.content tr:nth-child(2n) th {
  background: #f2efdd;
}

.content table ul {
  font-size: 1em;
}

.content ul {
  margin: 20px 0 15px 0;
  list-style: none;
  padding: 0 0 0 20px;
  font-size: 1.3em;
  color: #6a7276;
}

.content ul li:before {
  content: '\e00f';
  margin: 0 6px 0 0;
  font-size: 16px;
  color: #008390;
  vertical-align: -4px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content ul li ul {
  margin: 0 0 0 20px;
  list-style: none;
  padding: 1px 0 1px 0;
  font-size: 1em;
}

.content ul li ul li:before {
  content: '\e06c';
  margin: 0 6px 0 0;
  font-size: 4px;
  color: #008390;
  vertical-align: 0;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content ul li ol {
  margin: 0 0 0 40px;
  padding: 1px 0 3px 0;
  font-size: 1em;
}

.content ul li ol li {
  padding: 0;
}

.content ul li ol li:before {
  font-family: none;
  content: none;
}

.content ol {
  margin: 20px 0 15px 0;
  padding: 0 0 0 40px;
  list-style: decimal;
  font-size: 1.3em;
}

.content ol li {
  padding: 0;
}

.content ol li ol {
  margin: 0 0 0 20px;
  padding: 1px 0 1px 0;
  font-size: 1em;
}

.content ol li ol li {
  padding: 0;
}

.content ol li ul {
  margin: 0;
  list-style: none;
  padding: 1px 0 3px 0;
  font-size: 1em;
}

.content ol li ul li:before {
  content: '\e06c';
  margin: 0 6px 0 0;
  font-size: 4px;
  color: #008390;
  vertical-align: 0;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.box {
  background: #008390;
  border-bottom: 4px solid #30a4b0;
  margin: 20px 0 15px 0;
  padding: 20px;
}

.content .box {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.content .box .title {
  font-weight: 300;
  font-size: 2em;
  margin-top: 0;
  color: #fff;
  text-transform: uppercase;
}

.content .box ul {
  border-top: 1px dotted #fff;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.5em;
}

.content .box ul ul {
  margin: 6px 0 0 20px;
  font-size: 1.0em;
  border: none;
}

.content .box ul ul li {
  border-bottom: none;
  padding: 2px 0;
}

.content .box ul li {
  border-bottom: 1px dotted #fff;
  padding: 6px 0;
}

.content .box ul li:before {
  color: #fff;
}

.content .box ul a {
  color: #fff;
  /*text-decoration: none;*/
  text-decoration: underline;
}

.content .box ul a:hover,
.content .box ul a:focus {
  text-decoration: none;
}

.content .box ul a .external:after {
  color: #fff;
}

.wrapSavoirPlus .title:before {
  content: '\e003';
  margin: 0 6px 0 0;
  font-size: 20px;
  color: #fff;
  vertical-align: -2px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.wrapTelecharger .title:before {
  content: '\e060';
  margin: 0 6px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: -1px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.wrapVoirAussi .title:before {
  content: '\e039';
  margin: 0 6px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content .rssFeed {
  position: absolute;
  top: 5px;
  right: 10px;
  text-align: right;
  font-size: 1.2em;
}

.content .rssFeed a {
  text-decoration: none;
  padding-right: 25px;
  background: url("../Images/pictos/rss.png") no-repeat 100% 50%;
}

.content .rssFeed a:hover,
.content .rssFeed a:focus {
  text-decoration: underline;
}

.subTitle,
.content .subTitle {
  color: #182731;
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.5em;
  margin-bottom: 2px;
  font-weight: bold;
}

.category,
.content .category {
  color: #5fdbe6;
  background: #474747;
  text-transform: uppercase;
  padding: 4px 10px;
  display: inline-block;
  font-size: 1.3em;
  margin-bottom: 2px;
  font-weight: 300;
}

.category a,
.content .category a {
  color: #6a7276;
  text-decoration: underline;
}

.category a:hover,
.content .category a:hover,
.category a:focus,
.content .category a:focus {
  color: #6a7276;
  text-decoration: underline;
}

.date {
  display: block;
  font-weight: normal;
  font-style: italic;
  color: #6a7276;
}

.content .date {
  font-size: 1.2em;
  margin: 0 0 8px 0;
}

.content .teaser {
  margin: 0 0 10px 0;
  padding: 0;
}

.teaser a {
  display: block;
  color: #6a7276;
  text-decoration: none;
}

.teaser a:hover,
.teaser a:focus {
  color: #6a7276;
  text-decoration: none;
}

.content .description p {
  font-size: 1.3em;
}

.color1 .category,
.color1 .subTitle,
.bleu .category {
  color: blue;
}

.color2 .category,
.color2 .subTitle,
.orange .category {
  color: orange;
}

.color3 .category,
.color3 .subTitle,
.rouge .category {
  color: red;
}

.color4 .category,
.color4 .subTitle,
.vert .category {
  color: green;
}

.publicationsList h2 .serviceNews {
  display: none;
}

.publicationsList h2 .serviceNews:last-child {
  display: block !important;
}

.content .legendMap p {
  font-size: 1.3em;
}

.content .legendMap p .green {
  display: inline-block;
  vertical-align: middle;
  /*background-color: rgba(0, 170, 0, 1);*/
  /* For print */
  box-shadow: inset 0 0 0 1000px green;
  width: 50px;
  height: 5px;
  margin-right: 15px;
}

.content .legendMap p .red {
  display: inline-block;
  vertical-align: middle;
  /*background-color: rgba(170, 0, 0, 1);*/
  /* For print */
  box-shadow: inset 0 0 0 1000px #aa0000;
  width: 50px;
  height: 5px;
  margin-right: 15px;
}

.content .listItems {
  font-size: 1em;
  padding: 0;
}

.content .listItems .item {
  font-size: 1em;
  position: relative;
  padding: 0;
}

.content .listItems .item:before {
  font-family: none;
  content: none;
  margin: auto;
}

.content .listItems .item:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.content .listItems ul {
  font-size: 1em;
}

.content .listItems .img {
  float: left;
}

.content .listItems .title {
  margin: 0 0 5px 0;
  border: none;
}

.content .listItems .title a {
  color: #474747;
}

.content .listItems .title a:hover,
.content .listItems .title a:focus {
  color: #008997;
}

.content .listItems .picto {
  margin: 0 10px 0 0;
}

.content .listType1 .item {
  padding: 30px 0;
  border-bottom: 1px solid #cccccc;
}

.content .listType1 .title {
  margin: 0 0 8px;
}

.content .listType1 img {
  float: left;
  margin: 0 15px 0 0;
}

.content .agendaList .dateBox {
  float: left;
  width: 120px;
  padding-right: 15px;
  text-align: right;
  box-sizing: border-box;
}

.content .agendaList .dateBoxWithImage {
  min-height: 100px;
}

.content .agendaList img {
  float: none;
}

.content .agendaList .wrap {
  margin: -100px 0 0 235px;
}

.content .agendaList .date {
  font-size: 1.6em;
  color: #6a7276;
  margin-bottom: 0;
}

.largePage .content .agendaList .wrap {
  margin: -150px 0 0 285px;
}

.largePage .content .agendaList .dateBoxWithImage {
  min-height: 150px;
}

.content .listType2 .listItems:after,
.listType2 .listItems:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.content .listType2 .item,
.listType2 .item {
  float: left;
  margin: 0 22px 30px 0;
  width: 152px;
}

.content .listType2 .item:before,
.listType2 .item:before {
  font-family: none;
  content: none;
  margin: auto;
}

.content .listType2 .item img,
.listType2 .item img {
  margin: 0 0 15px 0;
  float: none;
  border: none;
}

.content .listType2 .item .wrap,
.listType2 .item .wrap {
  clear: both;
}

.content .listType2 .item .title,
.listType2 .item .title {
  font-size: 1.6em;
  font-weight: 300;
  padding-left: 0;
}

.content .listType2 .item .title a,
.listType2 .item .title a {
  color: #474747;
}

.content .listType2 .item .title a:hover,
.listType2 .item .title a:hover,
.content .listType2 .item .title a:focus,
.listType2 .item .title a:focus {
  color: #008997;
}

.content .listType2 .item.firstItem,
.listType2 .item.firstItem {
  clear: left;
}

.content .listType2 .item.lastItem,
.listType2 .item.lastItem {
  margin-right: auto;
}

.content .publicationsList .linkButton {
  font-weight: normal;
}

.content .publicationsList .item .category {
  font-size: 1.2em;
}

.content .publicationsList .item .title {
  font-size: 1.8em;
  font-weight: bold;
}

.content .publicationsList .img {
  float: none;
  margin: 0 0 10px 0;
}

.content .publicationsList .img .wrap {
  width: 140px;
  height: 150px;
  display: table-cell;
  vertical-align: bottom;
  float: none;
}

.content .publicationsList .img .wrap img {
  margin: auto;
}

.content .listType3 .item {
  padding: 30px 0;
  border-bottom: 1px solid #cccccc;
}

.content .listType3 .item .wrapper {
  float: left;
  margin: 0 20px 0 0;
}

.content .listType3 .item .wrapper img {
  margin: 0 0 4px 0;
}

.content .listType3 .item .wrap {
  width: 320px;
  float: right;
}

.content .listType3 .item .title {
  margin: 0 0 8px;
  color: #474747;
}

.content .listType3 .item .title a {
  color: #474747;
}

.content .listType3 .item .title a:hover,
.content .listType3 .item .title a:focus {
  color: #008997;
}

.largePage .content .listType3 .item .wrap {
  width: 520px;
}

.jobList .reference {
  font-size: .6em;
}

.infos1,
.content .infos1 {
  border-top: 1px dotted #8f8f8f;
  padding-top: 20px;
  margin-top: 20px;
}

.infos1:after,
.content .infos1:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.infos1 p:after,
.content .infos1 p:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.infos1 p strong,
.content .infos1 p strong {
  display: block;
  float: left;
  margin-right: 5px;
  max-width: 150px;
  text-align: right;
}

.infos1 p .wrap,
.content .infos1 p .wrap {
  display: block;
  width: auto !important;
  text-align: left;
  float: left !important;
  color: #6a7276;
}

.content .modulo1List .item:nth-child(3n) {
  margin-right: 0;
}

.content .modulo1List .item.lastItem {
  margin-right: 0;
}

.content .modulo1List .item:nth-child(3n+1) {
  clear: left;
}

.content .modulo1List .item.firstItem {
  clear: left;
}

.largePage .content .modulo1List .item:nth-child(3n) {
  margin-right: 22px;
}

.largePage .content .modulo1List .item:nth-child(4n) {
  margin-right: 0;
}

.largePage .content .modulo1List .item:nth-child(3n+1) {
  clear: inherit;
}

.largePage .content .modulo1List .item:nth-child(4n+1) {
  clear: left;
}

.content .marchesList {
  font-size: 1em;
}

.content .marchesList .item12 {
  display: none;
}

#content .listStyle2 {
  padding: 0;
}

#content .listStyle2 .item {
  border-bottom: 1px solid #ccc;
  font-weight: 300;
  padding: 10px 0;
}

#content .listStyle2 .item:before {
  font-family: none;
  content: none;
  margin: auto;
}

#content .listStyle2 .item a {
  padding: 5px 0;
  display: block;
  color: #656565;
  background: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/more.png') no-repeat scroll right center transparent;
  text-decoration: none;
}

#content .listStyle2 .item a:hover,
#content .listStyle2 .item a:focus {
  text-decoration: underline;
}

#content .listServices .item a {
  padding-right: 40px;
  font-size: 2.2em;
}

#content .listPersons .item .serviceDoc {
  font-weight: bold;
  color: #424B52;
}

#content .listPersons .item .serviceDoc a {
  font-weight: normal;
  font-size: 1em;
  background: none;
  display: inline;
}

#content .listPersons .item a {
  padding-right: 40px;
  font-size: 1.8em;
  font-weight: bold;
  color: #6a7276;
  display: block;
}

#content .listPersons .item a .titlePerson {
  font-weight: normal;
  font-size: 1.2em;
}

#content .listPersons .item a + .service,
#content .listPersons .item a + .speciality {
  margin-top: 15px;
}

#content .listPersons .item .service,
#content .listPersons .item .speciality {
  font-size: 1.5em;
  padding-right: 40px;
}

#content .listConsultations .listItems .item {
  margin-bottom: 20px;
}

#content .listConsultations .listItems .item .showHideMe.resetButton p {
  position: relative;
}

#content .listConsultations .listItems .item .showHideMe.resetButton p:after {
  font-size: 50px;
  color: #008390;
  position: absolute;
  top: -6px;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e006';
}

#content .listConsultations .listItems .item .showHideMe.resetButton.open p {
  position: relative;
}

#content .listConsultations .listItems .item .showHideMe.resetButton.open p:after {
  font-size: 50px;
  color: #fff;
  position: absolute;
  top: -6px;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e006';
}

#content .listConsultations .listItems .item .showHideMe.resetButton.open p a {
  color: #fff;
}

#content .listConsultations .showHide .showHideArea.active .wrapShowHideTitle .showHideMe .service {
  color: #fff;
  padding-left: 25px;
}

#search_form_widget.buildingsSearch .jsonSuggestResults {
  background-color: #fff;
  position: absolute;
  font-size: 1.2em;
  border-bottom: 1px solid #EEEEEE;
}

#search_form_widget.buildingsSearch .jsonSuggestResults .resultItem.hover {
  background-color: #005B64;
  color: #fff;
}

#search_form_widget.buildingsSearch .error {
  color: #aa0000;
  font-size: 1.3em;
  font-weight: normal;
  display: none;
}

.content .single .date {
  margin-bottom: 15px;
}

.content .single .infos1 {
  border: none;
  margin: 0;
  padding: 0;
}

.content .single .infos2 {
  background: #e8e6e2;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 1em;
}

.content .single .infos2 li {
  padding: 0;
  border-bottom: 2px solid #fff;
}

.content .single .infos2 li:before {
  font-family: none;
  content: none;
  margin: auto;
}

.content .single .infos2 li p {
  padding: 0 10px;
}

.content .single .infos2 li .info {
  margin: auto;
  box-sizing: border-box;
  color: #6a7276;
}

.content .single .infos2 li .date strong {
  font-size: 1.5em;
}

.content .single .infos2 li .link {
  padding: 0;
}

.content .single .infos2 li .link a {
  background: #008997;
  display: block;
  padding: 10px;
  color: #000;
  text-decoration: none;
  font-size: 1.0769em;
  text-transform: uppercase;
  text-shadow: 1px 1px #000000;
}

.content .single .infos2 li .link a:hover,
.content .single .infos2 li .link a:focus {
  background: #005b64;
}

.content .single .infos2 .add .link a:before {
  content: '\e05c';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #000;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content .single .infos2 .locate .link a:before {
  content: '\e053';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #000;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content .single .infos2 .subscribe .link a:before {
  content: '\e073';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #000;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.content .single .teaser {
  margin: 0 0 10px 0;
}

.single .image {
  float: none;
  margin: 0 auto 20px;
  width: 500px;
}

.single .image a {
  display: block;
}

.content .img img {
  margin: 0;
}

.content .miniatures {
  overflow: hidden;
}

.content .miniatures .img {
  float: left;
  padding: 1px;
}

.single .item {
  padding: 10px;
  margin: 0 0 10px 0;
  border-bottom: #ccc solid 1px;
}

.largePage .content .jobSingle .item .wrap {
  width: 460px;
}

.content .publicationsFocusSingle .blocLatest img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.linkButton,
.content .linkButton {
  margin: 0;
  padding: 0;
  font-size: 1em;
  width: 100%;
  clear: both;
  border-top: 1px solid #dbdbdb;
}

.linkButton li,
.content .linkButton li {
  margin: 0;
  padding: 6px 0;
  overflow: visible;
  text-transform: uppercase;
  border-bottom: 1px solid #dbdbdb;
}

.linkButton li:before,
.content .linkButton li:before {
  font-family: none;
  content: none;
  margin: auto;
}

.linkButton li a,
.content .linkButton li a {
  display: block;
  color: #4f4f4f;
  font-size: 1.2em;
  line-height: 12px;
  text-decoration: none;
  padding-left: 20px;
}

.linkButton li a:hover,
.content .linkButton li a:hover,
.linkButton li a:focus,
.content .linkButton li a:focus {
  text-decoration: none;
  color: #008997;
}

.linkButton li a .fileInfos,
.content .linkButton li a .fileInfos {
  font-size: .8333em;
  /* 10px - 1/1.2 */
  font-weight: normal;
}

.linkButton li a:before,
.content .linkButton li a:before {
  float: left;
}

.linkButton .download a,
.content .linkButton .download a {
  position: relative;
}

.linkButton .download a:before,
.content .linkButton .download a:before {
  font-size: 16px;
  color: #008997;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e064';
}

.linkButton .read a,
.content .linkButton .read a {
  position: relative;
}

.linkButton .read a:before,
.content .linkButton .read a:before {
  font-size: 16px;
  color: #008997;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e06e';
}

.linkButton .learnMore a,
.content .linkButton .learnMore a {
  position: relative;
}

.linkButton .learnMore a:before,
.content .linkButton .learnMore a:before {
  font-size: 16px;
  color: #008997;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e009';
}

.linkButton .locate a,
.content .linkButton .locate a {
  position: relative;
}

.linkButton .locate a:before,
.content .linkButton .locate a:before {
  font-size: 16px;
  color: #008997;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e053';
}

.linkButton .postulate a,
.content .linkButton .postulate a {
  position: relative;
}

.linkButton .postulate a:before,
.content .linkButton .postulate a:before {
  font-size: 16px;
  color: #008997;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e068';
}

.content .blocLatest .linkButton,
.content .listType3 .linkButton,
.content .single .linkButton {
  border: none;
}

.content .blocLatest .linkButton li,
.content .listType3 .linkButton li,
.content .single .linkButton li {
  border: none;
  display: block;
  padding: 0;
  margin-bottom: 2px;
}

.content .blocLatest .linkButton li a,
.content .listType3 .linkButton li a,
.content .single .linkButton li a {
  display: inline-block;
  background: #008997;
  font-size: 1.3em;
  line-height: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  padding: 10px 10px 10px 45px;
  vertical-align: middle;
  border-radius: 0;
}

.content .blocLatest .linkButton li a:before,
.content .listType3 .linkButton li a:before,
.content .single .linkButton li a:before {
  background: #13a1af;
  color: #fff;
  top: 0;
  left: 0;
  padding: 10px;
}

.content .blocLatest .linkButton li a:hover,
.content .listType3 .linkButton li a:hover,
.content .single .linkButton li a:hover,
.content .blocLatest .linkButton li a:focus,
.content .listType3 .linkButton li a:focus,
.content .single .linkButton li a:focus {
  text-decoration: none;
  background: #005b64;
}

.content .blocLatest .linkButton li a .external:after,
.content .listType3 .linkButton li a .external:after,
.content .single .linkButton li a .external:after {
  color: #cccccc;
  text-shadow: none;
}

.content .listType3 .linkButton li a {
  font-size: 1.2em;
  display: block;
  max-width: 150px;
  box-sizing: border-box;
}

.obsolescence {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px dotted #000;
}

.obsolescence p,
.content .obsolescence p {
  padding: 10px;
  text-align: center;
  background: #c00;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}

.obsolescence form,
.content .obsolescence form {
  padding: 0;
}

.obsolescence button,
.content .obsolescence button,
.obsolescence input[type="submit"],
.content .obsolescence input[type="submit"] {
  background: #0c0;
}

.tx-jkpoll-pi1 .resultats img {
  width: 100%;
}

.content .comments_avatars ul {
  margin: 0;
  padding: 0;
}

.content .comments_avatars ul li {
  margin: 0;
  padding: 0;
}

.content .comments_avatars ul li:before {
  font-family: none;
  content: none;
  margin: auto;
}

.content .comments_avatars ul li {
  display: inline-block;
  margin: 10px 5px 0 0;
}

.content .comments_avatars ul li.selected_avatar {
  border: 1px solid #000;
}

.play {
  position: relative;
}

.play .pictoPlayMini {
  position: absolute;
  top: 40%;
  top: calc(50% - 16px);
  left: 40%;
  left: calc(50% - 16px);
}

.play .pictoPlay {
  position: absolute;
  top: 40%;
  top: calc(50% - 32px);
  left: 40%;
  left: calc(50% - 32px);
}

.videos .videoItem {
  margin: 25px;
}

.videos .videoItem .video {
  position: relative;
  width: 100%;
  margin: 0 auto 25px;
}

.videos .videoItem .video .ratio {
  display: block;
  width: 100%;
  height: auto;
}

.videos .videoItem .video .iframe,
.videos .videoItem .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.printBuildingMap a {
  border: 1px solid #005b64;
  background-color: #005b64;
  padding: 5px;
  text-align: center;
  display: block;
  color: #fff;
  font-weight: bold;
}

.plans .content .printBuildingMap a {
  border: 1px solid #A9481F;
  background-color: #A9481F;
  color: #fff;
}

.content .blocLatest .title a,
.blocLatest .title a {
  color: #474747;
}

.content .blocLatest .title a:hover,
.blocLatest .title a:hover,
.content .blocLatest .title a:focus,
.blocLatest .title a:focus {
  color: #008997;
}

.content .blocLatest,
.blocLatest,
.content .blocFocus,
.blocFocus {
  overflow: hidden;
  margin: 0 0 20px 0;
}

.content .blocLatest .title,
.blocLatest .title,
.content .blocFocus .title,
.blocFocus .title {
  padding-left: 0;
  margin: 0 0 5px;
  font-size: 2em;
  font-weight: 300;
}

.content .blocLatest .img,
.blocLatest .img,
.content .blocFocus .img,
.blocFocus .img {
  float: left;
  margin: 0 15px 20px 0;
  padding: 0;
}

.content .blocLatest img,
.blocLatest img,
.content .blocFocus img,
.blocFocus img {
  margin: auto;
}

.blocType1 {
  margin-bottom: 50px;
}

.blocType2 {
  background: #ffffff;
  border: 1px solid #dcdcdc;
  padding: 15px;
  margin: 0 0 30px 0;
}

.blocType2 img {
  height: auto;
}

.blocType3 {
  margin: 0 0 45px 0;
}

.blocType4 {
  margin: 0;
  padding: 0;
}

.blocAccesRapides .item:first-child a {
  border-top: 1px solid #ccc;
}

.blocAccesRapides .item a {
  display: block;
  color: #414141;
  font-size: 1.5em;
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding: 5px 2px 5px 25px;
  border-bottom: 1px solid #ccc;
}

.blocContact .title2 {
  position: relative;
}

.blocContact .title2:before {
  font-size: 16px;
  color: #008390;
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e007';
}

.blocContact .wrapContact {
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}

.blocContact .wrapContact p {
  font-size: 1.3em;
  font-weight: 300;
  font-style: italic;
}

.blocContact .wrapContact p strong {
  font-weight: bold;
}

.blocContact .wrapContact p a {
  color: #303030;
}

.blocContact .wrapContact p.adresse strong {
  display: block;
}

.blocFocus .title2 {
  position: relative;
}

.blocFocus .title2:before {
  font-size: 16px;
  color: #008390;
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e006';
}

.blocFocus .item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

.blocFocus .item img {
  margin-bottom: 5px;
}

.blocFocus .item a {
  font-size: 1.5em;
  color: #303030;
  font-weight: normal;
}

.blocReperes .title2 {
  position: relative;
}

.blocReperes .title2:before {
  font-size: 16px;
  color: #008390;
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e003';
}

.blocReperes .item p {
  font-weight: 300;
  font-style: italic;
  font-size: 1.6em;
  text-align: center;
}

.blocReperes .item p strong,
.blocReperes .item p b {
  font-weight: bold;
  font-size: 1.25em;
  color: #656565;
  position: relative;
}

.blocReperes .item p strong:after,
.blocReperes .item p b:after {
  font-size: 22px;
  color: #e4e1da;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 5px;
  content: '\e001';
}

.blocReperes .item p strong:after,
.blocReperes .item p b:after {
  z-index: -1;
}

.blocReperes .item a {
  text-decoration: none;
  color: #000;
}

.blocReperes .item a:hover,
.blocReperes .item a:focus {
  text-decoration: underline;
}

.listItems1 {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.listItems1 .item {
  border-bottom: 1px solid #ccc;
  padding: 10px 0 10px 15px;
}

.listItems1 .item a {
  position: relative;
  font-size: 1.5em;
  color: #303030;
}

.listItems1 .item a:before {
  font-size: 16px;
  color: #008390;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: -15px;
  content: '\e00f';
}

.listItems1 .item a:hover,
.listItems1 .item a:focus {
  text-decoration: none;
}

.listItems1 .item a:hover span,
.listItems1 .item a:focus span {
  text-decoration: underline;
}

.blocVoirAussi .title2 {
  position: relative;
}

.blocVoirAussi .title2:before {
  font-size: 16px;
  color: #008390;
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e005';
}

.blocSavoirPlus .title2 {
  position: relative;
}

.blocSavoirPlus .title2:before {
  font-size: 16px;
  color: #008390;
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e000';
}

.blocTelecharger .title2 {
  position: relative;
}

.blocTelecharger .title2:before {
  font-size: 16px;
  color: #008390;
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e004';
}

.blocTelecharger .fileInfos {
  font-size: .8333em;
  /* 10px - 1/1.2 */
  font-weight: 300;
  font-style: italic;
}

.blocEnImages .title2 {
  position: relative;
}

.blocEnImages .title2:before {
  font-size: 16px;
  color: #008390;
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e002';
}

.blocFilInfos {
  float: left;
  width: 608px;
  margin-right: 20px;
}

.blocFilInfos .wrapper:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.blocFilInfos .item {
  float: left;
  width: 292px;
  border-bottom: 1px solid #e0e0e0;
  margin-right: 19px;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.blocFilInfos .item.firstItem {
  clear: left;
}

.blocFilInfos .item.lastItem {
  margin-right: 0;
}

.blocFilInfos .item.last {
  border-bottom: none;
}

.blocFilInfos .item img {
  margin-bottom: 15px;
}

.blocFilInfos .item .title {
  font-weight: 300;
  font-size: 2em;
}

.blocFilInfos .item .title a {
  color: #474747;
}

.blocFilInfos .item .category {
  position: absolute;
  top: 170px;
  left: 0;
}

.blocTravaillerAuCHU {
  float: left;
  width: 280px;
}

.blocTravaillerAuCHU .listItems {
  background: url("../Images/bg/travailler-bg.png") no-repeat 18px 50%;
  padding-left: 95px;
}

.accesRapidesMobile,
.travaillerCHUMobile,
.planDaccesMobile {
  display: none;
}

.blocSeFormerAuCHU {
  float: left;
  width: 280px;
}

.blocSeFormerAuCHU .listItems {
  background: url("../Images/bg/former-bg.png") no-repeat 18px 50%;
  padding-left: 95px;
}

.blocMediatheque {
  float: left;
  width: 250px;
  padding: 20px 15px;
  margin: 0px 0px 45px;
  background: #474747;
}

.blocMediatheque .item {
  margin-bottom: 15px;
}

.blocMediatheque .title {
  text-transform: uppercase;
  font-size: 1.6em;
}

.blocMediatheque .title a {
  color: #fff;
}

.blocMediatheque .title a:hover,
.blocMediatheque .title a:focus {
  color: #fff;
}

.blocMediatheque .date {
  font-size: 1.3em;
  color: #b3b2b2;
}

.blocMediatheque .linkButton {
  margin-top: 10px;
  border-color: #515151;
}

.blocMediatheque .linkButton li {
  border-color: #515151;
}

.blocMediatheque .linkButton li a {
  color: #fff;
}

.blocMediatheque .linkButton li a:before {
  color: #bccd0b;
}

.blocMediatheque .directLink {
  display: block;
  color: #fff;
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  border-top: 1px solid #fff;
  line-height: 13px;
  font-size: 1.2em;
  padding: 13px;
  position: relative;
  padding-right: 52px;
}

.blocMediatheque .directLink:hover {
  text-decoration: none;
}

.blocMediatheque .directLink:after {
  background-color: #5a5a5a;
  content: '\e000';
  font-family: 'Icons';
  font-size: 18px;
  color: #bccd0b;
  position: absolute;
  top: 0px;
  left: inherit;
  padding: 13px;
  bottom: inherit;
  right: 0px;
}

.hospitalPage {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.hospitalPage h1 {
  font-size: 3.6em;
  color: #474747;
  margin: 0 0 20px 0;
  padding-right: 35px;
  margin-bottom: 0;
  color: #000;
}

.hospitalPage h1 a {
  color: #474747;
}

.hospitalPage h1 a:hover,
.hospitalPage h1 a:focus {
  color: #686d33;
}

.hospitalPage header {
  margin-bottom: 30px;
}

.hospitalPage .chief,
.hospitalPage .speciality,
.hospitalPage .service,
.hospitalPage .mail {
  font-size: 1.6em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #424b52;
}

.hospitalPage .chief strong,
.hospitalPage .speciality strong,
.hospitalPage .service strong,
.hospitalPage .mail strong {
  font-weight: bold;
}

.hospitalPage .chief a,
.hospitalPage .speciality a,
.hospitalPage .service a,
.hospitalPage .mail a {
  color: #424b52;
}

.hospitalPage p {
  font-size: 1.4em;
  color: #182731;
}

.hospitalPage a {
  color: #686d33;
  text-decoration: none;
}

.hospitalPage a:hover,
.hospitalPage a:focus {
  text-decoration: underline;
}

.hospitalPage .avisMedical {
  font-style: italic;
  max-width: 230px;
}

.hospitalPage .avisMedical.avisMedicalHeader {
  position: absolute;
  right: 0;
  top: 0;
}

.hospitalPage .avisMedical p {
  background: url("../Images/pictos/avis-medicale.png") no-repeat 0 0;
  padding-left: 60px;
  min-height: 46px;
}

.hospitalPage .avisMedical a {
  color: #d15525;
  font-weight: bold;
}

.hospitalPage .actionService {
  background: #008997;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
  border-bottom: 5px solid #00a0b0;
  margin: 0 0 25px 0;
}

.hospitalPage .actionService p {
  color: #fff;
}

.hospitalPage .actionService a {
  color: #fff;
}

.hospitalPage .actionService.-has-rappele {
  background: url("../Images/bg/etre-rappelle-bg.png") no-repeat 100% 0 #008997;
  background-size: 452px 100%;
}

.hospitalPage .actionService > .item {
  display: table-cell;
  vertical-align: top;
  padding: 20px 10px 10px;
  height: 58px;
}

.hospitalPage .actionService .contact {
  position: relative;
  padding-left: 45px;
}

.hospitalPage .actionService .contact:before {
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 20px;
  right: inherit;
  bottom: inherit;
  left: 20px;
  content: '\e008';
}

.hospitalPage .actionService .contact:before {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.hospitalPage .actionService .contact .link {
  font-weight: bold;
  font-size: 1.6em;
}

.hospitalPage .actionService .contact .info {
  font-size: 1.4em;
  margin-top: 5px;
}

.hospitalPage .actionService .dropDownOn.dropDownLocateService.display .subLevel {
  left: 45px;
  top: 50px;
  right: inherit;
}

.hospitalPage .actionService .dropDownLocateService .title button {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.14285714em;
  text-transform: none;
}

.hospitalPage .actionService .dropDownLocateService .subLevel {
  background: #00A0B0;
  padding: 8px;
  max-width: 235px;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}

.hospitalPage .actionService .dropDownLocateService .subLevel p {
  margin: 0 0 15px 0;
  font-weight: bold;
}

.hospitalPage .actionService .dropDownLocateService .subLevel:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 11px 8px;
  border-color: transparent transparent #00A0B0 transparent;
  content: "";
  speak: none;
  position: absolute;
  top: -11px;
  left: 10px;
}

.hospitalPage .actionService .dropDownLocateService .subLevel .item {
  display: block;
  font-size: 1.3em;
  margin: 3px 0;
  padding-left: 12px;
  position: relative;
}

.hospitalPage .actionService .dropDownLocateService .subLevel .item:before {
  font-family: 'Icons', serif;
}

.hospitalPage .actionService .dropDownLocateService .subLevel .item:before {
  font-size: 10px;
  color: #fff;
  position: absolute;
  top: 3px;
  right: inherit;
  bottom: inherit;
  left: 0px;
  content: '\e017';
}

.hospitalPage .actionService .localiser {
  position: relative;
  padding-left: 45px;
}

.hospitalPage .actionService .localiser:before {
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 20px;
  right: inherit;
  bottom: inherit;
  left: 20px;
  content: '\e009';
}

.hospitalPage .actionService .localiser button {
  white-space: normal;
}

.hospitalPage .actionService .localiser:before {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.hospitalPage .actionService .localiser .link {
  font-weight: bold;
  font-size: 1.6em;
}

.hospitalPage .actionService .localiser .info {
  font-size: 1.3em;
}

.hospitalPage .actionService .localiser.hide {
  display: none;
}

.hospitalPage .actionService .rappele {
  width: 198px;
  padding: 20px 10px 0 60px;
  position: relative;
}

.hospitalPage .actionService .rappele:before {
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 25px;
  right: inherit;
  bottom: inherit;
  left: 15px;
  content: '\e00a';
}

.hospitalPage .actionService .rappele:before {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.hospitalPage .actionService .rappele .link {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.4em;
}

.hospitalPage .actionService .doctolib {
  padding-top: 28px;
}

.hospitalPage .actionService .doctolib:before {
  content: "\e00b";
}

.hospitalPage .blocInfoService:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

.hospitalPage .galleryService {
  width: 302px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.hospitalPage .galleryService img {
  margin: 1px;
}

.hospitalPage .galleryService li {
  float: left;
  min-width: 75px;
  min-height: 75px;
}

.hospitalPage .galleryService li a {
  display: block;
}

.hospitalPage .description {
  margin-bottom: 20px;
}

.hospitalPage .onSoigne {
  margin-bottom: 20px;
}

.hospitalPage .blocConsultationSpecialite .title {
  font-size: 1.6em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 5px;
}

.hospitalPage .blocConsultationSpecialite .description {
  font-size: 1.3em;
}

.hospitalPage .action {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2%;
}

.hospitalPage .action li {
  display: inline-block;
  vertical-align: top;
  margin: 0 2% 25px 2%;
  box-sizing: border-box;
}

.hospitalPage .action li p {
  margin: 0;
  padding-right: 8px;
  color: #000;
}

.hospitalPage .action li a {
  color: #000;
}

.hospitalPage .action li.jappelle,
.hospitalPage .action li.rappele {
  padding: 5px 45px 5px 5px;
  width: 245px;
  background: #add729;
  position: relative;
  min-height: 37px;
  color: #000;
}

.hospitalPage .action li.jappelle:before,
.hospitalPage .action li.rappele:before {
  font-size: 24px;
  color: #4f4f4f;
  position: absolute;
  top: 0;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e00a';
}

.hospitalPage .action li.jappelle:before,
.hospitalPage .action li.rappele:before {
  background: #c4e657;
  padding: 8px 12px;
  height: 100%;
  box-sizing: border-box;
}

.hospitalPage .action li.jappelle {
  background: #303030;
  color: #c4e657;
}

.hospitalPage .action li.jappelle p,
.hospitalPage .action li.jappelle a {
  color: #c4e657;
}

.hospitalPage .action li.jappelle:before {
  content: "\e008";
  color: #c4e657;
  background: #6a6a6a;
}

.hospitalPage .action li.doctolib:before {
  content: "\e00b";
}

.hospitalPage .blocInfoMedecin {
  overflow: hidden;
  margin-bottom: 25px;
}

.hospitalPage .blocInfoMedecin .title {
  float: left;
  width: 45px;
  margin-right: 20px;
}

.hospitalPage .blocInfoMedecin .wrap {
  border-left: 1px solid #ccc;
  padding: 0 0 0 20px;
}

.hospitalPage .listMedecin,
.hospitalPage .consultService {
  font-size: 1.3em;
}

.hospitalPage .listMedecin .showService,
.hospitalPage .consultService .showService {
  font-weight: bold;
}

.hospitalPage .listMedecin li,
.hospitalPage .consultService li {
  width: 90%;
  padding-right: 15px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 8px;
  box-sizing: border-box;
}

.hospitalPage .listMedecin li:before,
.hospitalPage .consultService li:before {
  content: '\e00f';
  margin: 0 0 0 0;
  font-size: 16px;
  color: #008997;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}

.hospitalPage .listMedecin li a,
.hospitalPage .consultService li a {
  color: #000;
}

.hospitalPage .serviceConsult li {
  display: inline-block;
}

.hospitalPage .serviceConsult li:first-child {
  padding-right: 20px;
}

.hospitalPage .listMedecin {
  -moz-columns: 2;
  columns: 2;
}

.hospitalPage .txt {
  position: relative;
  padding-left: 8px;
  font-size: 1.3em;
  margin-bottom: 15px;
}

.hospitalPage .txt:before {
  font-size: 3px;
  color: #000;
  position: absolute;
  top: 7px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e001';
}

.hospitalPage .txt a {
  font-weight: bold;
  color: #000;
}

.hospitalPage .specialityDesc {
  padding-left: 8px;
  font-size: 1.3em;
  margin-bottom: 15px;
  font-weight: bold;
}

.hospitalPage .specialityDesc a {
  color: #000;
}

.hospitalPage .sansPuce:before {
  content: '';
}

.hospitalPage .txt2 > a {
  margin-right: 20px;
}

.hospitalPage .txt2 .download a {
  font-weight: 300;
}

.hospitalPage .download {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 10px;
  font-size: 1rem;
}

.hospitalPage .download:before {
  font-size: 16px;
  color: #008997;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00c';
}

.hospitalPage .download a {
  font-size: 1.4em;
  color: #000;
}

.hospitalPage .hospitalisationTable table {
  border-collapse: collapse;
  width: 100%;
  border: none;
}

.hospitalPage .hospitalisationTable caption {
  font-style: italic;
  font-size: 1.2em;
  text-align: right;
  margin-bottom: 20px;
}

.hospitalPage .hospitalisationTable th,
.hospitalPage .hospitalisationTable td {
  text-align: left;
  padding: 8px 10px;
}

.hospitalPage .hospitalisationTable td[headers="tel"] {
  white-space: nowrap;
}

.hospitalPage .hospitalisationTable th {
  font-size: 1.4em;
  font-weight: bold;
}

.hospitalPage .hospitalisationTable thead th {
  color: #007480;
  border-bottom: 6px solid #008997;
  vertical-align: bottom;
}

.hospitalPage .hospitalisationTable tbody tr:nth-child(2n-1) td,
.hospitalPage .hospitalisationTable tbody tr:nth-child(2n-1) th {
  background: #d6dfdc;
}

.hospitalPage .hospitalisationTable tbody td,
.hospitalPage .hospitalisationTable tbody th {
  vertical-align: top;
}

.hospitalPage .hospitalisationTable tbody td {
  font-size: 1.3em;
  color: #4f4f4f;
}

.hospitalPage .hospitalisationTable tbody td a {
  color: #4f4f4f;
}

.hospitalPage .hospitalisationTable tbody td p {
  font-size: 1em;
}

.hospitalPage .hospitalisationTable tbody td .download a {
  font-size: 1.076923076923077em;
}

.hospitalPage .equipe {
  margin: 25px 0;
  /*
		.listMedecin {
			li {
				.defaultIconsAbsolut('\e00f', 16px, #008997, -1px, inherit, inherit, 0);
				padding-left: 15px;
			}
		}
		*/
}

.hospitalPage .equipe .title {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #007480;
  font-size: 2.5em;
  margin-bottom: 20px;
}

.hospitalPage .blocs {
  margin: 25px 0;
  overflow: hidden;
}

.hospitalPage .blocs .blocType1 {
  width: 205px;
  float: left;
  margin-top: 25px !important;
  margin-right: 40px;
}

.hospitalPage .blocs .blocType1.lastItem {
  margin-right: 0;
}

.hospitalPage .blocContent {
  margin: 25px 0;
}

.hospitalPage .blocContent p {
  margin: 10px 0 8px;
}

.hospitalPage .blocContent .searchLabo {
  margin: 15px 0 8px;
}

.hospitalPage .lienMedecin li {
  border-top: 1px solid #ccc;
  padding: 10px 0 10px 22px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
}

.hospitalPage .lienMedecin li:before {
  font-size: 16px;
  color: #008997;
  position: absolute;
  top: 10px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e06e';
}

.hospitalPage .lienMedecin li:first-child {
  border: none;
}

.hospitalPage .lienMedecin li.cv:before {
  font-family: specificIcons;
  content: "\e00e";
}

.hospitalPage .lienMedecin li a {
  font-size: 1.5em;
  color: #000;
}

.hospitalPage.detail header {
  padding-right: 0;
}

.hospitalPage.detail header img {
  float: left;
  margin: 0 20px 20px 0;
}

.hospitalPage.detail header .mail {
  margin: 20px 0;
  position: relative;
  padding-left: 60px;
}

.hospitalPage.detail header .mail:before {
  font-size: 45px;
  color: #ea642b;
  position: absolute;
  top: -10px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00d';
}

.hospitalPage.detail header .mail strong {
  font-weight: 300;
  font-style: italic;
  display: block;
}

.hospitalPage.detail header .mail a {
  color: #d15525;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.071428571428571em;
}

.hospitalPage .searchLabo span {
  font-weight: bold;
  color: #007480 ;
}

.hospitalPage .blocTelecharger .download {
  padding-left: 0px;
}

.hospitalPage .blocTelecharger .download:before {
  content: '';
}

.hospitalPage .blocTelecharger .title {
  font-size: 1.6em;
  font-weight: 300;
  padding-left: 0px;
}

.hospitalPage .blocTelecharger .read {
  font-weight: normal !important;
}

.hospitalPage .blocVoirAussi img {
  margin-bottom: 10px;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-decoration: none;
}

.fancybox-wrap button:before {
  background: none;
  content: "";
}

.fancybox-wrap p {
  font-size: 1.3em;
}

.fancybox-wrap a:focus {
  outline: 1px dotted #fff;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
  color: #000;
}

.fancybox-galerie.fancybox-wrap {
  background: #000;
}

.fancybox-skin {
  position: relative;
  text-shadow: none;
  background: #fff;
  z-index: 9000;
}

.fancybox-galerie .fancybox-skin {
  background: #000;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-outer span {
  display: inline-block;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  margin: 0;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading {
  background: url("../Images/fancybox/loading_bg.png") no-repeat 0 0;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../Images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  bottom: -15px;
  right: 15px;
  padding-right: 15px;
  color: #fff;
  cursor: pointer;
  z-index: 8060;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  background: url("../Images/fancybox/fermer.png") no-repeat 100% 50%;
}

.fancybox-close i {
  font-style: normal;
}

.fancybox-close img {
  display: none;
}

.fancybox-close:hover,
.fancybox-close:focus {
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
  text-decoration: none;
}

.fancybox-close:hover .hover,
.fancybox-close:focus .hover {
  text-decoration: underline;
}

.fancybox-nav {
  position: absolute;
  bottom: -35px;
  width: 40%;
  height: 20px;
  cursor: pointer;
  text-decoration: none;
  z-index: 8070;
  color: #fff;
  font-size: 1.3em;
}

.fancybox-nav:hover .hover,
.fancybox-nav:focus .hover {
  text-decoration: underline;
}

.fancybox-nav img {
  display: none;
  margin-top: -8px;
}

.fancybox-prev {
  left: 10%;
  text-align: right;
}

.fancybox-prev span {
  padding: 0 10px 0 20px;
  background: url("../Images/fancybox/precedent.png") no-repeat 0 50%;
}

.fancybox-next {
  right: 10%;
  text-align: left;
}

.fancybox-next span {
  padding: 0 20px 0 10px;
  background: url("../Images/fancybox/suivant.png") no-repeat 100% 50%;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

.fancybox-lock {
  overflow: visible !important;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../Images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
  box-sizing: border-box;
  padding: 0 15px 15px 15px;
}

.fancybox-title .captionFancybox {
  padding-right: 100px;
}

.fancybox-galerie .fancybox-title .numberOfFancybox {
  margin: 0;
}

.fancybox-galerie .fancybox-title .captionFancybox {
  border-top: 1px solid #353535;
  margin-top: 10px;
  padding-top: 5px;
  padding-right: 0;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
  background: transparent;
  width: 100%;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  left: -15px;
  margin-bottom: -55px;
  z-index: 8050;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  padding: 2px 0;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
}

.fancybox-title-outside-wrap {
  position: relative;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

#fancybox-buttons {
  position: fixed;
  width: 150px;
  height: 30px;
  bottom: 0;
  left: 0;
  text-align: left;
  z-index: 8050;
}

#fancybox-buttons .btnPlay {
  color: #fff;
  text-decoration: none;
  font-size: 1.3em;
  position: relative;
  padding-left: 40px;
}

#fancybox-buttons .btnPlay:before {
  content: '';
  background: transparent url("../Images/fancybox/play.png") no-repeat 0 0;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  z-index: 1;
}

#fancybox-buttons .btnPlay .hover {
  margin-top: 2px;
  display: block;
}

#fancybox-buttons .btnPlay:hover span,
#fancybox-buttons .btnPlay:focus span {
  text-decoration: underline;
}

#fancybox-buttons .btnPlay.btnPlayOn:before {
  background-image: url('../Images/fancybox/pause.png');
}

@media only screen and (max-width: 960px) {
  .fancybox-wrap {
    background: transparent;
  }
  .fancybox-wrap button {
    background: rgba(0, 0, 0, 0.6);
  }
  .fancybox-galerie {
    padding: 0;
  }
  .fancybox-opened .fancybox-title {
    padding: 10px;
    box-sizing: border-box;
  }
  .fancybox-wrap .fancybox-close {
    right: 0;
    bottom: 0;
    padding: 0;
    background: none;
    border: 1px solid transparent;
  }
  .fancybox-wrap .fancybox-close:hover,
  .fancybox-wrap .fancybox-close:focus {
    border: 1px dotted #fff;
  }
  .fancybox-wrap .fancybox-close span {
    display: none;
  }
  .fancybox-wrap .fancybox-close img {
    display: inline;
  }
  .fancybox-nav {
    bottom: 50%;
    width: 35px;
    height: 35px;
    display: block;
  }
  .fancybox-nav:focus {
    border: 1px dotted #fff;
  }
  .fancybox-nav span {
    display: none;
  }
  .fancybox-nav img {
    margin-top: 0;
    margin-left: -28px;
    display: inline;
  }
  .fancybox-prev {
    left: 0;
  }
  .fancybox-next {
    right: 0;
  }
  #fancybox-buttons {
    width: 34px;
    height: 32px;
    overflow: hidden;
    position: fixed;
    top: inherit;
    bottom: 0;
    z-index: 9996;
  }
  #fancybox-buttons .btnPlay {
    color: #000;
    padding-left: 0;
    text-align: center;
    border: 1px solid transparent;
    height: 30px;
    width: 32px;
  }
  #fancybox-buttons .btnPlay:hover,
  #fancybox-buttons .btnPlay:focus {
    border: 1px dotted #fff;
  }
  #fancybox-buttons .btnPlay:before {
    background: none;
  }
  #fancybox-buttons .btnPlay.btnPlayOn:before {
    background: none;
  }
  .fancybox-overlay.fancybox-overlay-gallery {
    background: #000000;
  }
  .fancybox-galerie .fancybox-close-wrap {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    text-align: right;
    z-index: 9995;
  }
  .fancybox-galerie .fancybox-close-wrap .fancybox-close {
    position: static;
    bottom: inherit;
    right: inherit;
  }
  .fancybox-galerie .fancybox-wrap-title {
    position: fixed;
    bottom: 32px;
    left: 0;
    width: 100%;
    z-index: 9996;
  }
  .fancybox-galerie .fancybox-title {
    position: absolute;
    bottom: -9999px;
    left: 0;
  }
  .fancybox-title {
    display: none;
  }
  .display .fancybox-title {
    display: block;
    bottom: 0;
    z-index: 9800;
    background: rgba(0, 0, 0, 0.6);
  }
  .fancybox-galerie .fancybox-more-infos {
    position: fixed;
    bottom: 0;
    left: 32px;
    z-index: 9996;
    display: block;
    border: 1px solid transparent;
  }
  .fancybox-galerie .fancybox-more-infos:hover,
  .fancybox-galerie .fancybox-more-infos:focus {
    border: 1px dotted #fff;
  }
}

.largePage .content .simpleGallery .sliderGalerie,
.largePage .simpleGallery .sliderGalerie {
  margin: 0 auto;
}

.content .simpleGallery,
.simpleGallery {
  margin: 20px 0 25px 0;
}

.content .simpleGallery .sliderGalerie,
.simpleGallery .sliderGalerie {
  width: 500px;
  position: relative;
}

.content .simpleGallery .sliderGalerie a,
.simpleGallery .sliderGalerie a {
  display: block;
  width: 500px;
  height: 333px;
  text-align: center;
  position: relative;
  text-decoration: none;
}

.content .simpleGallery .sliderGalerie a img,
.simpleGallery .sliderGalerie a img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.content .simpleGallery .sliderGalerie a .infosImg,
.simpleGallery .sliderGalerie a .infosImg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  display: table;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2em;
  text-align: right;
}

.content .simpleGallery .sliderGalerie a .infosImg .nbItems,
.simpleGallery .sliderGalerie a .infosImg .nbItems {
  display: table-cell;
  vertical-align: bottom;
  white-space: nowrap;
}

.content .simpleGallery .sliderGalerie a .infosImg .wrap,
.simpleGallery .sliderGalerie a .infosImg .wrap {
  display: table-cell;
  vertical-align: top;
  padding-left: 25px;
}

.content .simpleGallery .sliderGalerie a .infosImg .legendGallery,
.simpleGallery .sliderGalerie a .infosImg .legendGallery {
  font-weight: bold;
}

.largePage .content .classicalGallery .sliderGalerie {
  margin: 0 auto 20px;
}

.largePage .content .classicalGallery .carouselGalerieWrap {
  margin: 0 auto;
}

.content .classicalGallery {
  margin: 20px 0 25px 0;
}

.content .classicalGallery .title {
  font-size: 2em;
}

.content .classicalGallery .sliderGalerie {
  width: 500px;
  margin-bottom: 20px;
  position: relative;
}

.content .classicalGallery .sliderGalerie .item {
  width: 500px;
  height: 333px;
  z-index: 1 !important;
  border: none;
}

.content .classicalGallery .sliderGalerie img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}

.content .classicalGallery .sliderGalerie .cycle-carousel-wrap {
  width: 500px;
}

.content .classicalGallery .sliderGalerie .infosImg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2em;
  text-align: right;
}

.content .classicalGallery .sliderGalerie .infosImg .table {
  display: table;
  width: 100%;
}

.content .classicalGallery .sliderGalerie .infosImg .nbItems {
  text-align: left;
  white-space: nowrap;
  padding: 5px;
}

.content .classicalGallery .sliderGalerie .infosImg .captionGallery {
  font-weight: bold;
  text-align: left;
  padding: 5px;
}

.content .classicalGallery .sliderGalerie .infosImg .authorGallery {
  text-align: right;
  white-space: nowrap;
  padding: 5px;
}

.content .classicalGallery .sliderGalerie .infosImg .wrap {
  display: table-cell;
  vertical-align: top;
  padding-left: 25px;
}

.content .classicalGallery .sliderGalerie .infosImg .wrap > * {
  padding: 10px;
}

.content .classicalGallery .sliderGalerie a {
  display: block;
  width: 500px;
  height: 333px;
  text-align: center;
  position: relative;
}

.content .classicalGallery .sliderVideo {
  margin-bottom: 0;
}

.content .classicalGallery .sliderVideo .infosImg {
  position: inherit;
  bottom: inherit;
  top: inherit;
  left: inherit;
  right: inherit;
}

.content .classicalGallery .carouselGalerieWrap {
  width: 500px;
  position: relative;
  z-index: 1;
}

.content .classicalGallery .carouselGalerieWrap .item {
  border: none;
}

.content .classicalGallery .carouselGalerieWrap .pagerThumb {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 74px;
  width: 100%;
  z-index: 1;
}

.content .classicalGallery .carouselGalerieWrap .pagerThumb .prev,
.content .classicalGallery .carouselGalerieWrap .pagerThumb .next {
  position: absolute;
  top: 0;
}

.content .classicalGallery .carouselGalerieWrap .pagerThumb .prev:before,
.content .classicalGallery .carouselGalerieWrap .pagerThumb .next:before {
  content: "";
}

.content .classicalGallery .carouselGalerieWrap .pagerThumb .prev {
  left: 0px;
}

.content .classicalGallery .carouselGalerieWrap .pagerThumb .next {
  right: 0px;
}

.content .classicalGallery .carouselGalerie {
  width: 440px;
  margin-left: 30px;
  z-index: 2;
}

.content .classicalGallery .carouselGalerie .item {
  padding: 8px;
  z-index: 1 !important;
  text-align: center;
}

.content .classicalGallery .carouselGalerie .item.cycle-slide-active img,
.content .classicalGallery .carouselGalerie .item.cycle-pager-active img {
  border: 4px solid #00abbd;
  width: 66px;
  height: 66px;
}

.content .classicalGallery .carouselGalerie .item button:hover img,
.content .classicalGallery .carouselGalerie .item button:focus img {
  border: 4px solid #00abbd;
  width: 66px;
  height: 66px;
}

.content .classicalGallery .carouselGalerie.noCarousel {
  position: relative;
}

.content .classicalGallery .carouselGalerie.noCarousel .item {
  display: inline-block;
  margin: 0 0px;
}

.content .classicalGallery .infosAlbum {
  margin: 20px auto 0;
  color: #fff;
  width: 500px;
}

.content .classicalGallery .infosAlbum p {
  color: #fff;
}

.content .singleGallery .sliderGalerie {
  margin-bottom: 0;
}

.content #demandedecorrections fieldset {
  margin-top: 40px;
}

.content #demandedecorrections fieldset fieldset {
  margin-top: 0;
}

#demandedecorrections {
  display: block;
}

#demandedecorrections:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

#demandedecorrections legend {
  float: none;
}

#demandedecorrections #tx-powermail-pi1_fieldset_9,
#demandedecorrections #tx-powermail-pi1_fieldset_14 {
  float: left;
  width: 48%;
}

#demandedecorrections #tx-powermail-pi1_fieldset_10,
#demandedecorrections #tx-powermail-pi1_fieldset_15 {
  float: right;
  width: 48%;
}

#demandedecorrections button:before {
  font-family: none;
  content: none;
  margin: auto;
}

.feloginDeconnexionForm {
  margin: 25px 0;
}

.feloginDeconnexionForm button span span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.visually-hidden {
  border: 0 none !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.tabListResponsive [data-designpattern="tablist"] {
  margin: 0 auto;
  max-width: 960px;
}

.tabListResponsive [role="tablist"] {
  list-style-type: none;
  margin: 0 24px;
  padding: 0;
}

.tabListResponsive [role="tablist"] li {
  bottom: -1px;
  cursor: pointer;
  display: inline-block;
  margin: 0 9px;
  padding: 6px 12px;
  position: relative;
}

.tabListResponsive [role="tablist"] li[aria-selected="true"] {
  background-color: #608db7;
  color: #fff;
  cursor: default;
}

.tabListResponsive [role="tablist"] li:focus {
  outline-color: #000;
}

.tabListResponsive [role="tabpanel"] {
  background-color: #a1bdd8;
  margin: 0 12px;
  padding: 12px;
}

.tabListResponsive [role="tabpanel"][aria-hidden="true"] {
  display: none !important;
}

@media only screen and (max-width: 960px) {
  .tabListResponsive [data-designpattern="tablist"][data-responsive="true"] > div [role="heading"]:first-of-type,
  .tabListResponsive [data-designpattern="tablist"][data-responsive="true"] > div h1:first-of-type,
  .tabListResponsive [data-designpattern="tablist"][data-responsive="true"] > div h2:first-of-type,
  .tabListResponsive [data-designpattern="tablist"][data-responsive="true"] > div h3:first-of-type,
  .tabListResponsive [data-designpattern="tablist"][data-responsive="true"] > div h4:first-of-type,
  .tabListResponsive [data-designpattern="tablist"][data-responsive="true"] > div h5:first-of-type,
  .tabListResponsive [data-designpattern="tablist"][data-responsive="true"] > div h6:first-of-type {
    font-size: 1em;
    margin: 0;
  }
  .tabListResponsive [data-responsive-role="tab"] {
    cursor: pointer;
    display: block;
    padding: 12px;
  }
  .tabListResponsive [data-responsive-role="tab"][aria-disabled="true"] {
    color: #fff;
    cursor: default;
  }
  .tabListResponsive [data-responsive-role="tab"] span {
    pointer-events: none;
  }
  .tabListResponsive [data-responsive-role="tab"]:focus span {
    display: block;
    outline-color: #000;
  }
  .tabListResponsive [data-responsive-role="tabpanel"] {
    background-color: #a1bdd8;
    padding: 12px;
  }
}

/*
*
* HOSPITALISATION
*
*/

.hospitalisation .content a {
  color: #B6427D;
}

.hospitalisation .content a .external:after {
  color: #d64e93;
}

.hospitalisation .content .encadre {
  background: #d64e93;
  border-color: #ee94c2;
  color: #000;
}

.hospitalisation .content .encadre a {
  color: #000;
}

.hospitalisation .content .encadre a .external:after {
  color: #000;
}

.hospitalisation .content .thead th,
.hospitalisation .content thead th {
  background: #d64e93;
}

.hospitalisation .content ul li:before {
  color: #d64e93;
}

.hospitalisation .content ul li ul li:before {
  color: #d64e93;
}

.hospitalisation .content ol li ul li:before {
  color: #d64e93;
}

.hospitalisation .box {
  background: #d64e93;
  border-color: #ee94c2;
}

.hospitalisation .content .box .title {
  color: #000;
}

.hospitalisation .content .box .title:before {
  color: #000;
}

.hospitalisation .content .box ul {
  color: #000;
}

.hospitalisation .content .box ul li:before {
  color: #000;
}

.hospitalisation .content .box ul a {
  color: #000;
}

.hospitalisation .content .box ul a .external:after {
  color: #000;
}

.hospitalisation #secondaryMenu > ul > li > a:hover,
.hospitalisation #secondaryMenu > ul > li > a:focus,
.hospitalisation #secondaryMenu > ul > li.active > a {
  background: #d64e93;
  color: #474747;
}

.hospitalisation #secondaryMenu ul li.active ul li a:hover:before,
.hospitalisation #secondaryMenu ul li.active ul li a:focus:before,
.hospitalisation #secondaryMenu ul li.active ul li.active2 a:before {
  color: #d64e93;
}

.hospitalisation .blocContact .title2:before {
  color: #d64e93;
}

.hospitalisation .blocFocus .title2:before {
  color: #d64e93;
}

.hospitalisation .blocReperes .title2:before {
  color: #d64e93;
}

.hospitalisation .blocVoirAussi .item a:before,
.hospitalisation .blocTelecharger .item a:before {
  color: #d64e93;
}

.hospitalisation .blocVoirAussi .title2:before {
  color: #d64e93;
}

.hospitalisation .blocTelecharger .title2:before {
  color: #d64e93;
}

.hospitalisation .blocEnImages .title2:before {
  color: #d64e93;
}

.hospitalisation #bottomMenu li a:before {
  color: #d64e93;
}

.hospitalisation .content .classicalGallery .carouselGalerie .item.cycle-slide-active img,
.hospitalisation .content .classicalGallery .carouselGalerie .item.cycle-pager-active img {
  border: 4px solid #d64e93;
}

.hospitalisation .content .classicalGallery .carouselGalerie .item button:hover img,
.hospitalisation .content .classicalGallery .carouselGalerie .item button:focus img {
  border: 4px solid #d64e93;
}

/*
*
* LE CHU
*
*/

.leChu .content a {
  color: #636B06;
}

.leChu .content a .external:after {
  color: #bccd0b;
}

.leChu .content .thead th,
.leChu .content thead th {
  background: #bccd0b;
}

.leChu .content .encadre {
  background: #bccd0b;
  border-color: #d6e537;
  color: #000;
}

.leChu .content .encadre a {
  color: #000;
}

.leChu .content .encadre a .external:after {
  color: #000;
}

.leChu .content ul li:before {
  color: #bccd0b;
}

.leChu .content ul li ul li:before {
  color: #bccd0b;
}

.leChu .content ol li ul li:before {
  color: #bccd0b;
}

.leChu .box {
  background: #bccd0b;
  border-color: #d6e537;
}

.leChu .content .box .title {
  color: #000;
}

.leChu .content .box .title:before {
  color: #000;
}

.leChu .content .box ul {
  color: #000;
}

.leChu .content .box ul li:before {
  color: #000;
}

.leChu .content .box ul a {
  color: #000;
}

.leChu .content .box ul a .external:after {
  color: #000;
}

.leChu #secondaryMenu > ul > li > a:hover,
.leChu #secondaryMenu > ul > li > a:focus,
.leChu #secondaryMenu > ul > li.active > a {
  background: #bccd0b;
  color: #474747;
}

.leChu #secondaryMenu ul li.active > ul > li a:hover:before,
.leChu #secondaryMenu ul li.active > ul > li a:focus:before,
.leChu #secondaryMenu ul li.active > ul > li.active2 a:before {
  color: #bccd0b;
}

.leChu .blocContact .title2:before {
  color: #bccd0b;
}

.leChu .blocFocus .title2:before {
  color: #bccd0b;
}

.leChu .blocReperes .title2:before {
  color: #bccd0b;
}

.leChu .blocVoirAussi .item a:before,
.leChu .blocTelecharger .item a:before {
  color: #bccd0b;
}

.leChu .blocVoirAussi .title2:before {
  color: #bccd0b;
}

.leChu .blocTelecharger .title2:before {
  color: #bccd0b;
}

.leChu .blocEnImages .title2:before {
  color: #bccd0b;
}

.leChu #bottomMenu li a:before {
  color: #bccd0b;
}

.leChu .content .classicalGallery .carouselGalerie .item.cycle-slide-active img,
.leChu .content .classicalGallery .carouselGalerie .item.cycle-pager-active img {
  border: 4px solid #bccd0b;
}

.leChu .content .classicalGallery .carouselGalerie .item button:hover img,
.leChu .content .classicalGallery .carouselGalerie .item button:focus img {
  border: 4px solid #bccd0b;
}

/*
*
* PLANS
*
*/

.plans .content a {
  color: #A9481F;
}

.plans .content a .external:after {
  color: #ea642b;
}

.plans .content .thead th,
.plans .content thead th {
  background: #ea642b;
}

.plans .content .encadre {
  background: #ea642b;
  border-color: #f79f79;
  color: #000;
}

.plans .content .encadre a {
  color: #000;
}

.plans .content .encadre a .external:after {
  color: #000;
}

.plans .content ul li:before {
  color: #ea642b;
}

.plans .content ul li ul li:before {
  color: #ea642b;
}

.plans .content ol li ul li:before {
  color: #ea642b;
}

.plans .box {
  background: #ea642b;
  border-color: #f79f79;
}

.plans .content .box .title {
  color: #000;
}

.plans .content .box .title:before {
  color: #000;
}

.plans .content .box ul {
  color: #000;
}

.plans .content .box ul li:before {
  color: #000;
}

.plans .content .box ul a {
  color: #000;
}

.plans .content .box ul a .external:after {
  color: #000;
}

.plans #secondaryMenu > ul > li > a:hover,
.plans #secondaryMenu > ul > li > a:focus,
.plans #secondaryMenu > ul > li.active > a {
  background: #ea642b;
  color: #474747;
}

.plans #secondaryMenu ul li.active ul li a:hover:before,
.plans #secondaryMenu ul li.active ul li a:focus:before,
.plans #secondaryMenu ul li.active ul li.active2 a:before {
  color: #ea642b;
}

.plans .blocContact .title2:before {
  color: #ea642b;
}

.plans .blocFocus .title2:before {
  color: #ea642b;
}

.plans .blocReperes .title2:before {
  color: #ea642b;
}

.plans .blocVoirAussi .item a:before,
.plans .blocTelecharger .item a:before,
.plans .blocEnImages .item a:before {
  color: #ea642b;
}

.plans .blocVoirAussi .title2:before {
  color: #ea642b;
}

.plans .blocTelecharger .title2:before {
  color: #ea642b;
}

.plans .blocEnImages .title2:before {
  color: #ea642b;
}

.plans #bottomMenu li a:before {
  color: #ea642b;
}

.plans .content .classicalGallery .carouselGalerie .item.cycle-slide-active img,
.plans .content .classicalGallery .carouselGalerie .item.cycle-pager-active img {
  border: 4px solid #ea642b;
}

.plans .content .classicalGallery .carouselGalerie .item button:hover img,
.plans .content .classicalGallery .carouselGalerie .item button:focus img {
  border: 4px solid #ea642b;
}

@media only screen and (max-width: 960px) {
  #header {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #ffffff;
  }
  #header .wrapper2 {
    min-height: inherit;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #container {
    position: inherit;
    margin: 0;
    padding: 35px 0;
    width: 100%;
  }
  .home #container {
    padding-top: 0;
    /*position: relative;*/
  }
  #content,
  .contentHome {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .largePage #content {
    width: 100%;
  }
  #col1 {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 25px 10px 0 10px;
  }
  #col2 {
    position: inherit;
    left: inherit;
    top: inherit;
    width: 100%;
    box-sizing: border-box;
    padding: 25px 10px 0 10px;
  }
  #topOfContent {
    display: none;
  }
  #footer {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    clear: both;
  }
  #c167,
  #c166 {
    float: none !important;
  }
  .numeroDePage {
    display: none;
  }
  #header .wrapper3 {
    min-height: 42px;
    background: #474747;
    padding-right: 84px;
  }
  #header .wrapNumber {
    float: right;
  }
  #header .urgences,
  #header .standard {
    margin: 0;
    padding: 0;
  }
  #header .urgences a,
  #header .standard a {
    padding: 0;
    display: block;
  }
  #header .urgences .txt1,
  #header .standard .txt1 {
    display: none;
  }
  #header .extranet {
    margin: 0;
    padding: 0;
    background: none;
    border-right: 1px solid #d1d1d1;
    float: right;
  }
  #header .extranet img {
    padding: 13px 13px 13px 8px;
  }
  #header .extranet .txt1 {
    display: none;
  }
  #header .vousEtes {
    float: left;
  }
  #header .vousEtes.dropDownMenu .subLevel {
    top: 40px !important;
    right: inherit;
    left: 0;
  }
  #header .vousEtes .title button {
    color: #fff;
    padding-top: 5px;
    padding-left: 5px;
  }
  #header .vousEtes .title button:before {
    height: 42px;
    line-height: 42px;
  }
  #footer .wrapper {
    width: 100%;
    background-position: 20px -20px;
    padding-bottom: 20px;
    box-sizing: border-box;
  }
  #footer .infosSite {
    float: none;
    width: 100%;
  }
  #footer .infosSite .displayForMobile {
    width: 84px;
    float: left;
    clear: both;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin-right: 18px;
  }
  #footer .infosSite img {
    margin: 30px 15px 0 0;
  }
  #footer #bottomMenu {
    padding-top: 10px;
    margin: 0;
  }
  #footer #bottomMenu li {
    width: 100%;
    margin: 0;
  }
  #footer #bottomMenu li a {
    width: 100%;
  }
  #rechercheIndexee {
    width: 42px;
    height: 42px;
    float: none;
    position: absolute;
    top: 0;
    right: 42px;
  }
  #rechercheIndexee form {
    overflow: inherit;
  }
  #rechercheIndexee .legend {
    display: none;
  }
  #rechercheIndexee .title {
    display: block;
  }
  #rechercheIndexee .wrapperSearch1 {
    background: none;
    padding: 0;
  }
  #rechercheIndexee .wrapperSearch2 {
    display: block;
  }
  #rechercheIndexee .display .buttonDropDown img {
    padding-left: 42px;
  }
  #rechercheIndexee .buttonDropDown {
    background: url("../Images/form/search-label-c.png") no-repeat 0 0;
    width: 42px;
    height: 42px;
    overflow: hidden;
  }
  #rechercheIndexee .buttonDropDown:hover img,
  #rechercheIndexee .buttonDropDown:focus img {
    padding-left: 42px;
  }
  #rechercheIndexee .dropDownMenu.dropDownOn.display .subLevel {
    display: block;
    top: 43px;
    right: -42px;
  }
  #rechercheIndexee .subLevel {
    background: #03808e;
    padding: 4px;
    width: 320px;
    box-sizing: border-box;
    display: none;
  }
  #rechercheIndexee .subLevel input {
    height: auto;
    line-height: 1;
    padding: 8px 2px;
    width: 100%;
  }
  #rechercheIndexee .subLevel .wrapField1 {
    width: 100%;
  }
  #rechercheIndexee .subLevel .wrapField2 button {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    color: #000;
    font-weight: normal;
    text-decoration: underline;
    font-size: 0.9em;
    line-height: 1;
  }
  #rechercheIndexee .subLevel .wrapField2 button:before {
    font-family: none;
    content: none;
    margin: auto;
  }
  #rechercheIndexee .subLevel .wrapField2 button:before {
    background: none;
  }
  .page_id_66 #content {
    position: relative;
  }
  .page_id_66 #long-search-form {
    position: static;
    top: inherit;
    left: inherit;
    width: 100%;
  }
  #logo {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  .masterBloc {
    margin-bottom: 20px;
  }
  .title6 {
    font-size: 2em;
  }
  .content .showHide .showHideArea .wrapShowHideTitle .showHideMe .service,
  .showHide .showHideArea .wrapShowHideTitle .showHideMe .service {
    padding-right: 50px;
  }
  .content .showHide .showHideArea .wrapShowHideTitle .showHideMe .title,
  .showHide .showHideArea .wrapShowHideTitle .showHideMe .title {
    padding-right: 50px;
  }
  #jumpMenu {
    width: 100%;
    height: 0;
    padding: 0 !important;
    box-sizing: border-box;
  }
  #jumpMenu.close {
    padding: 0;
  }
  #jumpMenu.open {
    padding: 10px !important;
  }
  #jumpMenu #jumpMenuLabel {
    display: block;
    font-weight: bold;
  }
  #jumpMenu ul {
    display: block;
  }
  #jumpMenu ul li {
    display: block;
    float: none;
    padding: 5px 0;
    border: none;
  }
  #jumpMenu ul li a {
    color: #fff;
  }
  #navigation {
    width: 100%;
    margin: auto;
    padding: 0;
  }
  #navigation .wrapper {
    width: 100%;
    padding: 0;
    margin: auto;
  }
  #mainMenu {
    display: none;
  }
  .menuOffreDeSoins {
    float: none;
    width: 100%;
    background: #474747;
    border-top: 5px solid #6a6a6a;
    padding: 10px;
    box-sizing: border-box;
  }
  .menuOffreDeSoins:after {
    clear: both;
    display: block;
    content: "";
    overflow: hidden;
    visibility: hidden;
    height: 0;
    speak: none;
  }
  .menuOffreDeSoins .wrap {
    padding: 10px;
    background: #008390;
  }
  .menuOffreDeSoins .title {
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 2em;
    margin-bottom: 10px;
  }
  .menuOffreDeSoins .title button {
    margin: 0 !important;
    background: none;
    height: auto;
    width: 100%;
    padding: 0;
    font-size: inherit;
  }
  .menuOffreDeSoins .title button:after {
    background: none;
  }
  .menuOffreDeSoins .title button:before {
    content: none !important;
  }
  .menuOffreDeSoins .shortCut {
    position: static;
    left: inherit;
    top: inherit;
  }
  .menuOffreDeSoins .shortCut button {
    text-transform: capitalize;
    font-size: 1.2em;
  }
  .menuOffreDeSoins .shortCut li {
    padding: 0 2px 0 0px;
  }
  .menuOffreDeSoins .shortCut a {
    color: #fff;
    font-size: 1.2em;
  }
  .menuOffreDeSoins .subLevel .tabOffreDeSoins .tab,
  .menuOffreDeSoins .subLevel .tabOffreDeSoins .wrap {
    width: 100%;
  }
  .menuOffreDeSoins .subLevel .tabOffreDeSoins .tab .validation button {
    margin-left: 0;
  }
  .menuOffreDeSoins .subLevel .tabOffreDeSoins .tab#tab4 .validation button {
    margin-left: 0;
  }
  .menuOffreDeSoins .subLevel .wrapperSubLevel {
    width: 100%;
    padding: 0;
  }
  .menuOffreDeSoins .subLevel .wrapperSubLevel .fieldLabel,
  .menuOffreDeSoins .subLevel .wrapperSubLevel .vat {
    float: left;
  }
  .menuOffreDeSoins .subLevel .tablist {
    display: none;
  }
  .js .menuOffreDeSoins .subLevel {
    width: 100%;
  }
  #mobileMenu {
    display: block;
  }
  #mobileMenu .mainMenuMobileWrap {
    display: block;
  }
  .home #mobileMenu form + p {
    display: none;
  }
  .breadcrumb {
    float: none;
    width: 100%;
    display: none;
  }
  #bottomMenu {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .content p.stats {
    padding: 15px 10px;
  }
  .content #planDuSite {
    padding: 15px 10px;
  }
  .content ul.pagebrowser {
    position: relative;
    padding: 10px 10px 0 10px;
  }
  .content ul.pagebrowser li:not(.prev):not(.next) {
    padding-top: 30px;
  }
  .content ul.pagebrowser li.prev,
  .content ul.pagebrowser li.next {
    position: absolute;
    top: 10px;
  }
  .content ul.pagebrowser li.prev {
    left: 10px;
  }
  .content ul.pagebrowser li.next {
    right: 10px;
  }
  .content ul.pagebrowser2 .backLink:before {
    top: 15px;
  }
  .content ul.pagebrowser.abc {
    position: relative;
    padding: 10px 10px 20px 10px;
  }
  .content ul.pagebrowser.abc li {
    margin-right: 10px;
  }
  .content ul.pagebrowser.abc li:not(.prev):not(.next) {
    padding-top: 15px;
  }
  .content ul.pagebrowser.abc li.prev,
  .content ul.pagebrowser.abc li.next {
    position: absolute;
    top: 10px;
  }
  .content ul.pagebrowser.abc li.prev {
    left: 10px;
  }
  .content ul.pagebrowser.abc li.next {
    right: 10px;
  }
  .content ul.pagebrowser.abc li a,
  .content ul.pagebrowser.abc li span {
    padding: 7px 10px;
  }
  .content h1,
  .content h2,
  .content h3,
  .content h4,
  .content h5,
  .content h6,
  .content .listType1 .title {
    margin-left: 10px;
    margin-right: 10px;
  }
  .content p {
    margin: 5px 10px 10px 10px;
  }
  .content .date {
    margin: 0 10px 8px 10px;
  }
  .content .teaser {
    margin: 0 10px 10px 10px;
  }
  .subTitle,
  .category {
    margin: 0 10px;
  }
  .content .wrapBlockquote {
    margin: 5px 10px 10px;
  }
  .blocService {
    display: none;
  }
  .content ul {
    padding-right: 10px;
  }
  .content .rssFeed {
    position: static;
    top: inherit;
    right: inherit;
    margin-bottom: 20px;
  }
  .content .blocLatest .linkButton li a,
  .content .listType3 .linkButton li a,
  .content .single .linkButton li a {
    display: block;
  }
  .content .blocLatest img {
    width: 100px;
  }
  .content .publicationsFocusSingle .blocPublications img {
    margin: 0 15px 20px 10px;
  }
  .content .publicationsFocusSingle .blocPublications .wrap {
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .linkView {
    margin: 0 20px;
  }
  .linkView + .rss {
    margin-left: 20px;
  }
  .content img {
    max-width: 100%;
    height: auto !important;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px !important;
  }
  .content .legende,
  .content .copyright {
    margin: 0;
  }
  .content .copyright {
    text-align: left;
  }
  .content .csc-textpic-imagewrap {
    margin-bottom: 15px !important;
  }
  .content .csc-textpic-imagewrap img {
    margin-bottom: 0 !important;
  }
  .csc-textpic-imagewrap,
  .csc-textpic-imagerow {
    width: 100% !important;
    text-align: center;
  }
  .csc-textpic-imagewrap .figure {
    width: auto !important;
    text-align: center;
  }
  .csc-textpic-imagewrap .figure img {
    display: inline !important;
  }
  .csc-textpic .csc-textpic-imagewrap p.csc-textpic-image {
    float: none;
  }
  .csc-textpic-imagewrap + .csc-textpic-text h3 {
    margin-top: 0px;
  }
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    float: none;
  }
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin: 0 !important;
  }
  .csc-textpic-imagewrap + div {
    margin: 0 0 5px 0 !important;
  }
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: block;
  }
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
    float: none;
  }
  .tx-rgmediaimages-pi1 .rgmediaimagesMedia {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
  }
  #content .simpleGallery .sliderGalerie,
  .simpleGallery .sliderGalerie {
    width: 100%;
  }
  #content .simpleGallery .sliderGalerie a,
  .simpleGallery .sliderGalerie a {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    background: #000000;
    padding: 15px 0;
  }
  #content .simpleGallery .sliderGalerie a img,
  .simpleGallery .sliderGalerie a img {
    margin: 0 auto !important;
  }
  #content .simpleGallery .sliderGalerie a .infosImg,
  .simpleGallery .sliderGalerie a .infosImg {
    position: static;
    left: inherit;
    bottom: inherit;
    background: #000;
    padding: 10px;
  }
  #content .classicalGallery .sliderGalerie {
    width: 100%;
  }
  #content .classicalGallery .sliderGalerie .item {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    background: #000000;
    padding: 15px 0 0 0;
    display: none;
  }
  #content .classicalGallery .sliderGalerie .item:first-child {
    display: block;
  }
  #content .classicalGallery .sliderGalerie a {
    width: 100%;
    height: auto;
    display: inline-block;
    text-decoration: none;
  }
  #content .classicalGallery .sliderGalerie img {
    margin: 0 auto !important;
    text-align: center;
  }
  #content .classicalGallery .sliderGalerie .infosImg {
    position: static;
    left: inherit;
    bottom: inherit;
    background: #000;
    padding: 10px;
  }
  #content .classicalGallery .sliderGalerie .infosImg .nbItems {
    display: table-cell;
  }
  #content .classicalGallery .carouselGalerie {
    display: none;
  }
  .select select,
  .select span.selectElement {
    margin-left: 0;
  }
  .content .select select,
  .content .select span.selectElement {
    max-width: 100%;
    width: 100% !important;
  }
  button:before,
  input[type=submit]:before,
  input[type=reset]:before {
    font-size: 13px;
    padding: 15px;
  }
  .content form p {
    margin-right: auto;
    margin-left: auto;
  }
  .content form legend span,
  .content form .legend span {
    padding-right: 10px;
  }
  .content form .tx_powermail_pi1_fieldwrap_html {
    padding: 0 10px;
  }
  .content form div.fieldsetGauche,
  .content form fieldset.fieldsetGauche,
  .content form div.fieldsetDroite,
  .content form fieldset.fieldsetDroite {
    width: 100%;
    float: none;
  }
  .content form button {
    width: auto;
    text-align: left;
  }
  form button:before,
  form input[type=submit]:before,
  form input[type=reset]:before {
    height: 14px;
    width: 15px;
    line-height: 15px;
  }
  .tx_powermail_pi1_formconfirmation_back,
  .tx-powermail-pi1_confirmation .tx_powermail_pi1_formconfirmation_submit {
    width: 90%;
    float: left;
    margin: 10%;
  }
  .radio div,
  .checkbox div {
    margin-bottom: 10px;
  }
  .content .horizontal .radio,
  .content .horizontal2 .radio,
  .content .horizontal3 .radio,
  .content .horizontal4 .radio,
  .content .horizontal .checkbox,
  .content .horizontal2 .checkbox,
  .content .horizontal3 .checkbox,
  .content .horizontal4 .checkbox {
    overflow: hidden;
  }
  .content .horizontal div,
  .content .horizontal2 div,
  .content .horizontal3 div,
  .content .horizontal4 div {
    float: none;
    width: 100%;
    padding: 0;
  }
  .content .horizontal div,
  .content .horizontal3 div {
    float: none;
    width: 100%;
    padding: 0;
  }
  .content .horizontal4 div {
    float: none;
    width: 100%;
    padding: 0;
  }
  .catmenu fieldset,
  .catmenu .table > div:last-child {
    padding: 0;
  }
  .catmenu .table {
    display: block;
  }
  .catmenu .cell {
    display: block;
  }
  .catmenu .wrapField {
    padding: 0 15px;
  }
  .catmenu .validate {
    margin: 0;
  }
  .catmenu .validate {
    padding: 0 15px;
  }
  #newsletter form > fieldset {
    padding: 15px;
    margin-top: 0 !important;
  }
  #newsletter .liens {
    padding: 0 15px;
  }
  #newsletter .liens li {
    float: left;
  }
  #banner {
    display: none;
  }
  #tools {
    display: none;
  }
  #bottomInfos {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  #commentairesList .title .date {
    margin: 0;
    font-size: .8125em;
  }
  .content .listItems p {
    margin: 5px 0 10px;
  }
  .content .listItems .item {
    padding: 25px 10px;
  }
  .content .listItems .title {
    margin: 0 0 5px 0;
  }
  .content .listType1 .category {
    margin: 0 0 5px 0;
  }
  .content .listType1 img {
    margin: 0 10px 0 0;
    width: 100px;
    height: auto;
  }
  .content .agendaList .item > a {
    display: block;
    width: 100px;
    float: left;
    margin-right: 15px;
  }
  .content .agendaList .dateBox {
    float: none;
    width: auto;
    padding-right: 15px;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .content .agendaList .dateBox .category {
    margin: 0;
  }
  .content .agendaList img {
    width: 100px;
  }
  .content .agendaList .wrap {
    margin: 0;
  }
  .largePage .content .agendaList .wrap {
    margin: 0;
  }
  .largePage .content .agendaList .dateBoxWithImage {
    min-height: inherit;
  }
  .content .listType2 .item {
    margin: 0 5px 30px 10px;
    padding: 0;
    min-width: 140px;
    width: 45%;
    display: inline-block;
    float: left;
  }
  .content .listType2 .item.firstItem {
    clear: inherit;
    margin-left: 5px;
  }
  .content .listType2 .item.lastItem {
    margin-right: 5px;
    margin-left: 5px;
  }
  .content .listType2 .item .wrap {
    width: 100%;
  }
  .content .listType3 .item {
    padding: 25px 10px;
  }
  .content .listType3 .item .wrapper {
    float: none;
    margin: 0;
  }
  .content .listType3 .item .wrapper img {
    margin: 0 20px 4px 10px;
    float: left;
  }
  .content .listType3 .item .wrap {
    width: 100%;
    float: none;
  }
  .content .listType3 .item .linkButton {
    width: auto;
    clear: inherit;
    float: left;
  }
  .content .listType3 .item .linkButton:after {
    clear: both;
    display: block;
    content: "";
    overflow: hidden;
    visibility: hidden;
    height: 0;
    speak: none;
  }
  .content .listType3 img {
    margin: 0 10px 0 0;
    width: 100px;
    height: auto;
  }
  .content .listType3.single .item {
    padding: 10px 0;
  }
  .largePage .content .listType3 .item .wrap {
    width: 100%;
  }
  .content .showHide {
    padding: 0 10px;
  }
  .content .showHide .category {
    margin: auto;
  }
  .content .showHideMarches .downloadFiles {
    margin: auto;
  }
  .content .showHideMarches .downloadFiles .item {
    padding: 10px;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
  }
  .infos1,
  .content .infos1 {
    margin-bottom: 20px;
  }
  .infos1 p strong,
  .content .infos1 p strong {
    text-align: left !important;
  }
  .content .modulo1List .item:nth-child(3n) {
    margin-right: inherit;
  }
  .content .modulo1List .item.lastItem {
    margin-right: inherit;
  }
  .content .modulo1List .item:nth-child(3n+1) {
    clear: inherit;
  }
  .content .modulo1List .item.firstItem {
    clear: left !important;
  }
  .largePage .content .modulo1List .item:nth-child(3n) {
    margin-right: inherit;
  }
  .largePage .content .modulo1List .item.lastItem {
    margin-right: inherit;
  }
  .largePage .content .modulo1List .item:nth-child(4n) {
    margin-right: inherit;
  }
  .largePage .content .modulo1List .item:nth-child(3n+1) {
    clear: inherit;
  }
  .largePage .content .modulo1List .item.firstItem {
    clear: left !important;
  }
  .largePage .content .modulo1List .item:nth-child(4n+1) {
    clear: inherit;
  }
  .blocFocus article.item:after,
  .blocVoirAussi article.item:after,
  .blocSavoirPlus article.item:after,
  .blocEnImages article.item:after {
    clear: both;
    display: block;
    content: "";
    overflow: hidden;
    visibility: hidden;
    height: 0;
    speak: none;
  }
  .blocFocus ul.listItems,
  .blocVoirAussi ul.listItems,
  .blocSavoirPlus ul.listItems,
  .blocEnImages ul.listItems {
    overflow: hidden;
  }
  .blocFocus img,
  .blocVoirAussi img,
  .blocSavoirPlus img,
  .blocEnImages img {
    max-width: 40%;
    height: auto;
    float: left;
    margin: 0 20px 20px 0;
    padding-top: 13px;
  }
  .listItems1 .fileInfos {
    display: block;
  }
  .accesRapidesMobile,
  .travaillerCHUMobile,
  .planDaccesMobile {
    display: block;
    width: 33.33333%;
    background: #454545;
    float: left;
    padding: 10px 5px;
    box-sizing: border-box;
  }
  .accesRapidesMobile .title,
  .travaillerCHUMobile .title,
  .planDaccesMobile .title {
    text-align: center;
    font-size: 1em;
  }
  .accesRapidesMobile .title button,
  .travaillerCHUMobile .title button,
  .planDaccesMobile .title button {
    width: 96px;
    height: 96px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    text-decoration: none;
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 50px 10px 0 10px;
    white-space: normal;
    line-height: 1;
  }
  .accesRapidesMobile .subLevel,
  .travaillerCHUMobile .subLevel,
  .planDaccesMobile .subLevel {
    padding: 5px;
    box-sizing: border-box;
  }
  .accesRapidesMobile .subLevel .item,
  .travaillerCHUMobile .subLevel .item,
  .planDaccesMobile .subLevel .item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 1.3em;
  }
  .accesRapidesMobile .subLevel a,
  .travaillerCHUMobile .subLevel a,
  .planDaccesMobile .subLevel a {
    color: #000;
    padding: 6px 5px;
    display: block;
    box-sizing: border-box;
  }
  .accesRapidesMobile .title button {
    background: #d64e93 url("../Images/pictos/acces-rapides1.png") no-repeat 50% 10px;
  }
  .accesRapidesMobile .subLevel {
    background: #d64e93;
  }
  .travaillerCHUMobile .title button {
    background: #bccd0b url("../Images/pictos/travailler-au-chu.png") no-repeat 50% 10px;
  }
  .travaillerCHUMobile .subLevel {
    background: #bccd0b;
  }
  .planDaccesMobile .title button {
    background: #ea642b url("../Images/pictos/plan-d-acces.png") no-repeat 50% 10px;
  }
  .planDaccesMobile .subLevel {
    background: #ea642b;
  }
  .js .accesRapidesMobile.dropDownMenu.dropDownOn .subLevel,
  .js .travaillerCHUMobile.dropDownMenu.dropDownOn .subLevel,
  .js .planDaccesMobile.dropDownMenu.dropDownOn .subLevel {
    top: 106px;
    right: inherit;
    left: 0;
    width: 100%;
  }
  .blocFilInfos {
    clear: left;
    margin-top: 50px;
    width: 100%;
    box-sizing: border-box;
  }
  .blocFilInfos .item {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .blocFilInfos .item img {
    max-width: 40%;
    float: left;
    margin: 0 10px 0 0;
  }
  .blocFilInfos .item .category {
    position: static;
    left: inherit;
    top: inherit;
    margin: 0 0 5px 0;
  }
  .blocFilInfos .item .title {
    font-size: 1.8em;
  }
  .blocFilInfos .linkViewWrap .cell {
    display: block;
    padding: 10px 0;
  }
  .blocFilInfos .linkViewWrap .cell .twitter strong {
    display: none;
  }
  .blocFilInfos .linkViewWrap .wrap {
    display: block;
  }
  .blocFilInfos .linkViewWrap .wrap:before {
    background: none;
    height: 0;
    width: 0;
    content: inherit;
    display: none;
  }
  .blocFilInfos .linkViewWrap .wrap > p {
    margin: 0 0 10px;
    display: block;
    width: 100%;
  }
  .blocFilInfos .linkViewWrap .wrap > p a {
    float: left;
  }
  .blocFilInfos .linkViewWrap .wrap > p:last-child {
    margin: 0;
  }
  .blocCarousel {
    padding-top: 0;
    margin-bottom: 30px;
    min-height: inherit;
    height: auto;
  }
  .blocCarousel .motif1,
  .blocCarousel .motif2 {
    display: none;
  }
  .blocCarousel .controls {
    position: static;
    left: inherit;
    height: auto;
    width: 100%;
    margin-left: auto;
    z-index: 999;
  }
  .blocCarousel #buttonArret {
    top: 0;
    right: 0;
    left: inherit;
    z-index: 999;
  }
  .blocCarousel .pagerThumb li {
    z-index: 999;
  }
  .blocCarousel .pagerThumb li button {
    background: none;
  }
  .blocCarousel .pagerThumb li#prev {
    left: 0;
    top: 120px;
  }
  .blocCarousel .pagerThumb li#next {
    top: 120px;
    right: 0;
    left: inherit;
  }
  #carousel.mobile {
    width: 100%;
  }
  #carousel.mobile .item {
    width: 100%;
  }
  #carousel.mobile .item img {
    width: 100%;
    height: auto;
  }
  #carousel.mobile .item .infos {
    background: #454545;
    top: 224px;
    left: 0;
    width: 100%;
    min-height: 94px;
    box-sizing: border-box;
    padding: 20px 40px;
  }
  #carousel.mobile .item .infos .description {
    display: none;
  }
  #carousel.mobile .item .title {
    font-size: 2.2em;
    line-height: 1em;
  }
  #carousel.mobile .item .title a {
    color: #bccd0b;
    text-transform: uppercase;
    font-weight: 300;
  }
  #carousel.mobile .item .description {
    font-size: 1.3em;
    color: #fff;
    font-weight: 300;
  }
  .blocMediatheque {
    clear: both;
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
  }
  .blocMediatheque .linkViewWrap {
    clear: both;
  }
  .wrapCarouselAccesRapides,
  .blocTravaillerAuCHU,
  .blocSeFormerAuCHU {
    display: none;
  }
  .carouselAccesRapides .link {
    margin: 0 auto;
    width: 50%;
  }
  .largePage .content .wrapAdvancedSummary .advancedSummaryPage .item {
    width: 100%;
    min-height: 94px;
    height: auto;
  }
  .content .wrapAdvancedSummary .advancedSummaryPage {
    margin: 0 10px;
  }
  .content .wrapAdvancedSummary .advancedSummaryPage .item {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    float: none;
    display: block;
  }
  .content .wrapAdvancedSummary .advancedSummaryPage .item .title {
    margin-left: auto;
  }
  .content .wrapAdvancedSummary .advancedSummaryPage .item .subLevel {
    position: static;
    background: none;
    padding: 0;
  }
  .content .wrapAdvancedSummary .advancedSummaryPage .item ul a {
    color: #000;
  }
  .hospitalPage {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .hospitalPage header {
    padding-right: 0;
    margin-bottom: 10px;
  }
  .hospitalPage h1 {
    font-size: 2.4em;
    color: #474747;
    margin-bottom: 25px;
  }
  .hospitalPage .avisMedical {
    max-width: 280px;
    margin-bottom: 25px;
  }
  .hospitalPage .avisMedical.avisMedicalHeader {
    position: static;
    top: inherit;
    right: inherit;
  }
  .hospitalPage .avisMedical p {
    font-size: 1.5em;
  }
  .hospitalPage .actionService {
    background: none;
    border: none;
    display: block;
    clear: left;
  }
  .hospitalPage .actionService > .item {
    background: #008997;
    padding: 10px;
    width: 32%;
    height: 100px;
    border-bottom: 5px solid #00a0b0;
    box-sizing: border-box;
    text-align: center;
    font-family: RobotoC, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
  }
  .hospitalPage .actionService > .item:before {
    font-size: 30px;
    position: static;
    top: inherit;
    left: inherit;
  }
  .hospitalPage .actionService > .item p {
    line-height: 1;
  }
  .hospitalPage .actionService .contact {
    min-width: auto;
  }
  .hospitalPage .actionService .contact .link,
  .hospitalPage .actionService .contact .info {
    font-size: 1.3em;
  }
  .hospitalPage .actionService .contact .info a {
    margin-top: 10px;
    display: block;
  }
  .hospitalPage .actionService .localiser .link {
    font-size: 1.3em;
  }
  .hospitalPage .actionService .dropDownLocateService .subLevel {
    text-align: left;
  }
  .hospitalPage .actionService .rappele .link {
    font-size: 1.1em;
  }
  .hospitalPage .galleryService {
    float: none;
    margin-right: auto;
    width: 100%;
    text-align: center;
  }
  .hospitalPage .galleryService li {
    display: none;
    float: none;
  }
  .hospitalPage .galleryService li img {
    max-width: 100%;
    height: auto;
  }
  .hospitalPage .galleryService li:first-child {
    display: block;
  }
  .hospitalPage .action li {
    margin-bottom: 10px;
  }
  .hospitalPage .blocInfoMedecin .title {
    width: 8%;
    margin-right: 10px;
  }
  .hospitalPage .blocInfoMedecin .title img {
    max-width: 100%;
    height: auto;
  }
  .hospitalPage .listMedecin li,
  .hospitalPage .consultService li {
    width: 100%;
    display: block;
  }
  .hospitalPage .listMedecin {
    -moz-columns: inherit;
    columns: inherit;
  }
  .hospitalPage.detail header img {
    float: inherit;
  }
  .hospitalPage .download {
    white-space: nowrap;
    padding-left: 0;
  }
  .hospitalPage .download:before {
    position: static;
    top: inherit;
    left: inherit;
    margin-right: 8px;
  }
  .hospitalPage .blocs {
    margin-bottom: auto;
  }
  .hospitalPage .blocs .blocType1 {
    float: none;
    width: 100%;
    margin-right: auto;
  }
  .hospitalPage .blocs .blocType1:last-child {
    margin-bottom: auto;
  }
  .hospitalPage.detail > header .mail {
    padding-left: 35px;
  }
  .hospitalPage.detail > header .mail:before {
    font-size: 25px;
    top: -5px;
  }
}

.header-link-top {
    background-color: #1f5669;
    color: #ffffff;
    cursor: pointer;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    float: right;
    line-height: 1;
    margin: 4px 25px 0 0;
    padding: 7px 15px 7px 45px;
    position: relative;
    text-transform: uppercase;
}

.header-link-top__icon {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 32px;
}

.header-link-top__icon svg {
    display: block;
    fill: #fff;
    height: 30px;
    width: 32px;
}

.header-link-top.mobile {
    display: none;
}

#header .wrapper3 {
    margin-top: 10px;
}

@media only screen and (max-width: 960px) {
    #header .wrapper3 {
        margin-top: 0;
    }
    .header-link-top {
        display: none;
    }
    .header-link-top__icon {
        width: 100%;
    }
    .header-link-top__text {
        display: none;
    }
    .header-link-top.mobile {
        display: block;
        float: left;
        height: 42px;
        margin: 0 5px 0 0;
        padding: 0;
        width: 40px;
    }
}

/*# sourceMappingURL=main.css.map */