/*

@file          main.css
@name          Hydratec Styles
@version       v0.91
@author        ITNetwork (www.itnetwork.fr)

STRUCTURE

01 - PAGE DEFAULTS
02 - PRIMARY LAYOUT
03 - UPPER NAV (NAV GENERIQUE)
04 - HEADER *HOME*
05 - MAIN NAV *HOME ET SOUS-PAGES* / JQUERY SMARTTABS
06 - FOOTER
07 - CONTENU
08 - PAGES STANDARDS
09 - PRESENTATION / RECRUTEMENT
10 - REFERENCES
11 - ACTUALITES
12 - CONTACT
13 - PLAN DU SITE
14 - ENTREPRISE
15 - FANCYBOXES
16 - SKINS

*/

/* ----------   01 - PAGE DEFAULTS ---------- */
*,
*:active,
*:focus {
	outline: 0 none !important;
}
html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: #fff;
	color: #666;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.6em;
	height: 100%;
}
p {
	margin-top: 0;
}
blockquote {
	margin: 0;
	padding: 0;
}
img{
	vertical-align: middle;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
/*.clearfix {
	*zoom: 1;
}*/
/* ----------  02 - PRIMARY LAYOUT ---------- */
.wrapper {
	background: #282828;
	min-height: 100%;
}
.header {
	padding-top: 63px;
}
.largeur-interface {
	width: 944px;
	margin: 0 auto;
}
@media (min-width: 1024px) {
	.largeur-interface {
		max-width: 100%;
	}
}
/* activate JS */
.turn-on-js {
	display: none;
}
.no-js .turn-on-js {
	display: block;
	position: fixed;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: rgba(0,0,0,.75);
	color: #fff;
	bottom: 0;
	z-index: 9999;
	text-align: center;
}
.no-js .wrapper {
	margin-bottom: 100px !important;
}
.fr .english,
.en .francais {
	display: none;
}
/* ----------  03 - UPPER NAV (NAV GENERIQUE) ---------- */
.nav-generique {
	color: #fff;
	background: #4c8666;
	position: fixed;
	top: 0;
	width: 100%;
	height: 63px;
	opacity: 1;
	transition: all .2s ease-in-out;
	z-index: 101; /* au-dessus des smarttabs */
}
/*.nav-generique.semi-cachee {
	top: -45px;
	opacity: .9;
	height: 70px;
}
.nav-generique.semi-cachee:hover {
	top: 0;
	opacity: 1;
	height: 45px;
	transition: all .5s ease-in-out;
}*/
.nav-generique.semi-cachee {
	opacity: .9;
	box-shadow: 0 2px 5px rgba(0,0,0,.5);
}
.nav-generique.semi-cachee:hover {
	opacity: 1;
	transition: all .2s ease-in-out;
}
.nav-generique .placeholder {
	float: right;
}
.nav-generique ul {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
.nav-generique li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
.nav-generique li .selecteur {
	display: block;
	background: url(../img/nav-generique-lueur-select.png) no-repeat 50% -9999em;
}
.nav-generique li.on .selecteur,
.nav-generique li:hover .selecteur {
	background-position: 50% 0;
}
.nav-generique li a {
	display: inline-block;
	height: 63px;
	line-height: 62px;
	text-decoration: none;
}
.nav-generique ul.nav {
	margin-right: 20px;
}
.nav-generique .nav li {
	background: url(../img/nav-generique-filet.png) no-repeat 0 50%;
	padding-left: 1px;
}
.nav-generique .nav li:first-child {
	background: none;
	padding-left: 0;
}
.nav-generique .nav a {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	padding: 0 10px 0 45px;
	background: url(../img/sprites-nav-generique.png) no-repeat;
	/*transition: all .2s ease;*/
}
/*.nav-generique .nav a:hover,
.nav-generique .nav .on a {
	color: #000;
}*/
.nav-generique .nav a.actualites {
	background-position: 0 0;
}
/*.nav-generique .nav a.actualites:hover,
.nav-generique .nav .on a.actualites {
	background-position: 0 -45px;
}*/
.nav-generique .nav a.entreprise {
	background-position: 0 -126px;
}
/*.nav-generique .nav a.entreprise:hover,
.nav-generique .nav .on a.entreprise {
	background-position: 0 -135px;
}*/
.nav-generique .nav a.contact {
	background-position: 0 -252px;
}
/*.nav-generique .nav a.contact:hover,
.nav-generique .nav .on a.contact {
	background-position: 0 -225px;
}*/
.nav-generique .nav a.recrutement {
	background-position: 0 -378px;
}
/*.nav-generique .nav a.recrutement:hover,
.nav-generique .nav .on a.recrutement {
	background-position: 0 -315px;
}*/
.nav-generique .langues {
	color: #00632e;
	font-size: 12px;
	font-weight: 400;
}
.nav-generique .langues li:before {
	content: "\00a0|";
}
.nav-generique .langues li:first-child:before {
	content: none;
}
.nav-generique .langues a {
	color: #00632e;
}
.nav-generique .langues .on a,
.nav-generique .langues a:hover {
	color: #fff;
}
.nav-generique .langues abbr {
	border: none;
}
/* LOGO NAV GENERIQUE */
.home .nav-generique .logo {
	display: none;
}
.not-home .nav-generique .logo {
	display: block;
	text-indent: -9999em;
	color: #fff;
	width: 86px;
	height: 52px;
	float: left;
	margin: 5px 0 0 0;
	background: url(../img/logo-sous-pages.png) no-repeat;
}
/* ----------  04 - HEADER *HOME* ---------- */
.home .graph-map {
	height: 214px;
	background: #fff url(../img/bg-home-map.png) no-repeat 50% 100%;
	/*overflow: hidden;*/
}
.home-logo {
	float: left;
	width: 250px;
	height: 130px;
}
.home-logo span {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/home-logo.png) no-repeat 15px 70%;
	text-indent: -9999em;
	outline: 0;
}
.home-raison-sociale {
	float: right;
	width: 250px;
	font-size: 19px;
	font-weight: 100;
	color: #0094d9;
	margin: 30px 0;
}
.home-raison-sociale span {
	display: block;
}
.home-vagues {
	height: 96px;
	background: url(../img/bg-home-vagues.png) no-repeat 50% 0;
}
/* ----------  05 - MAIN NAV *HOME ET SOUS-PAGES* / JQUERY SMARTTABS ---------- */
.main-nav {
	background: #eaeaea;
	color: #666;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4em;
	height: 60px;
}
.home .main-nav {
	min-height: 410px;
}
.main-nav *:focus {
	outline: none;
}
.nav-height {
	height: 60px;
}
/* Override smart tabs styles */
.stContainer {
	height: 350px;
	border: 0px none transparent;
	min-height: 350px;
}
.main-nav,
.stMain {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
}
.stMain div.tabContent {
	border: none;
	padding: 0;
	min-height: 1px;
}
.home .stMain div.tabContent {
	min-height: 350px; /* hauteur des slides de la home */
	height: 100%;
}
.home .stMain div.tabContent > .largeur-interface {
	display: table;
	height: 100%;
}
.tr {
	display: table-row;
	height: 100%;
}
.td {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.stMain ul.tabAnchor,
.main-nav-ul {
	padding: 0;
	margin: 0;
}
.main-nav-ul {
	clear: both;
	display: inline-block;
	list-style-type: none;
	position: relative;
	z-index: 100;
	width: 100%;
}
.main-nav-ul li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.main-nav.stMain ul.tabAnchor li,
.main-nav-ul li {
	background: url(../img/bg-nav-liseret.png) no-repeat 0 50%;
	height: 60px;
	width: 11%;
}
.main-nav.stMain ul.tabAnchor li:first-child,
.main-nav-ul li:first-child {
	background: none;
}
.main-nav.stMain ul.tabAnchor li a,
.main-nav-ul li a {
	border: none;
	color: #666666;
	display: block;
	font-size: 12px;
	height: 55px;
	margin: 0;
	outline-style: none;
	padding: 10px 5% 12px;
	text-decoration: none;
	width: 90%;
	float: left;
}
.lt-ie9 .main-nav.stMain ul.tabAnchor li a,
.lt-ie9 .main-nav-ul li a {
	padding-bottom: 25px;
	height: 42px;
}
.main-nav.stMain ul.tabAnchor li a span,
.main-nav-ul li a span {
	display: table;
	width: 100%;
	height: 100%;
}
.main-nav.stMain ul.tabAnchor li a span span,
.main-nav-ul li a span span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 13px;
}
.stMain ul.tabAnchor li a.sel,
.main-nav-ul li a.sel,
.stMain ul.tabAnchor li a:hover,
.main-nav-ul li a:hover,
.stMain ul.tabAnchor li a:focus,
.main-nav-ul li a:focus {
	color: #fff;
}
.stMain ul.tabAnchor li a,
.main-nav-ul li a,
.stMain ul.tabAnchor span.li a {
	background: url(../img/sprites.png) no-repeat -9999em 0;
	filter: none;
}
/* Contenus tabs home */
.home-nav .tabContent h2,
.home-nav .tabContent .h2 {
	color: #fff;
	font-size: 58px;
	font-weight: 100;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.1em;
	width: 460px;
	z-index: 2;
}
.home-nav .titre-intro {
	margin-top: 55px;
	opacity: 0;
	z-index: 2;
}
.home-nav .titre-intro span {
	display: block;
	width: 200px;
	height: 6px;
	background: #ccc;
	/*overflow: hidden;*/ /* Provoque un bug (une bordure fine, en haut de l'élément) sur OSX Safari dans certains cas (selon largeur fenêtre nb pair ou impair de pixels !) */
	clear: left;
	margin-bottom: 5px;
}
.home .intro {
	display: table;
	padding: 25px 20px 22px;
	width: 420px;
	height: 62px;
	background: url(../img/home-encart-intro.png) no-repeat;
	font-size: 13px;
	line-height: 1.6em;
	font-weight: 400;
	position: absolute;
	/*bottom: 15px;*/
	/*overflow: hidden;*/ /* Provoque un bug (une bordure fine, en haut de l'élément) sur OSX Safari dans certains cas (selon largeur fenêtre nb pair ou impair de pixels !) */
	opacity: 0;
	z-index: 2;
	margin-bottom: 0;
	margin-top: 30px;
	top: 50%;
}
.home .intro span {
	display: table-cell;
	vertical-align: middle;
}
/* Liens "more" */
.home-lien-more-placeholder {
	position: absolute;
	/*bottom: 0;*/
	left: 50%;
	top: 50%;
	margin: 48px 0 0 280px;
	z-index: 2;
}
.home-lien-more-placeholder a {
	color: #333;
	background: #fff;
	text-decoration: none;
	margin-bottom: 2px;
}
.home-lien-more-placeholder a:hover {
	color: #fff;
	background: #333;
}
.home-lien-more {
	display: table;
	width: 190px;
	height: 40px;
	/*overflow: hidden;*/
	opacity: 0;
}
.icone-more {
	display: table-cell;
	background: #333;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
}
.home-lien-more .label {
	font-size: 15px;
	font-weight: 400;
	display: table-cell;
	vertical-align: middle;
	padding: 0 1em;
}
.courbe {
	width: 100%;
	height: 175px;
	position: absolute;
	/*bottom: 0;*/
	left: 0;
	top: 50%;
	margin-top: 30px;
	z-index: 1;
	overflow: hidden;
}
.courbe div {
	width: 100%;
	height: 200px;
}
.courbe.avant div {
	background: url(../img/courbe-avant.png) no-repeat 50% -15px;
}
.courbe.arriere div {
	background: url(../img/courbe-arriere.png) no-repeat 50% -15px;
}
#tabs-1 .courbe.arriere div {
	background-image: url(../img/courbe-arriere-tab-1.png);
}
#tabs-2 .courbe.arriere div {
	background-image: url(../img/courbe-arriere-tab-2.png);
}
#tabs-3 .courbe.arriere div {
	background-image: url(../img/courbe-arriere-tab-3.png);
}
#tabs-4 .courbe.arriere div {
	background-image: url(../img/courbe-arriere-tab-4.png);
}
#tabs-5 .courbe.arriere div {
	background-image: url(../img/courbe-arriere-tab-5.png);
}
#tabs-6 .courbe.arriere div {
	background-image: url(../img/courbe-arriere-tab-6.png);
}
#tabs-7 .courbe.arriere div {
	background-image: url(../img/courbe-arriere-tab-7.png);
}
#tabs-8 .courbe.arriere div {
	background-image: url(../img/courbe-arriere-tab-8.png);
}
#tabs-9 .courbe.arriere div {
	background-image: url(../img/courbe-arriere-tab-9.png);
}
/* Si besoin d'un chargement en ajax de contenu dans les tabs */
#ajax-wrap { /* A repositionner/charter bien sûr... */
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	color: #000;
}
/* ----------  06 - FOOTER ---------- */
.home .footer {
	display: none;
}
.footer,
.footer * {
	color: #808080;
	background: #282828;
	font-size: 12px;
}
.footer {
	line-height: 72px;
	padding-bottom: 40px;
}
.footer .logo {
	display: block;
	float: right;
	width: 150px;
	height: 70px;
}
.footer .logo a {
	display: block;
	float: right;
	width: 50px;
	height: 70px;
	overflow: hidden;
	background: url(../img/footer-logo.png) no-repeat 100% 50%;
	text-indent: -9999em;
}
.nav-footer ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nav-footer li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
.nav-footer li a:before {
	display: block;
	float: left;
	content: "\a0\a0\a0|\a0\a0\a0";
}
.nav-footer li:first-child a:before {
	content: "";
}
.nav-footer a {
	color: #808080;
	text-decoration: none;
	display: block;
	float: left;
}
.copyright {
	display: block;
	float: left;
	margin: 0 1em 0 2em;
}
.footer a:hover {
	color: #fff;
}
/* ----------  07 - CONTENU ---------- */
.contenu {
	background: #fff url(../img/bg-contenu-bas.png) no-repeat 50% 100%;
	/*min-height: 200px;*/
	padding-bottom: 100px;
	width: 100%;
	float: left;
	clear: left;
}
body.presentation .contenu,
body.recrutement .contenu {
	margin-top: 18px; /* "déplacé" pour les pages à onglets */
}
/* ----------  08 - PAGES STANDARDS ---------- */
.not-home.defaut .contenu-defaut h3 {
	color: #18833d;
}
.not-home.defaut .contenu-defaut ul {
	margin-left: 0;
	padding-left: 1.5em;
}
/* ----------  09 - PRESENTATION / RECRUTEMENT---------- */
/* Smart Tabs */
body.presentation .stMain div.tabContent,
body.recrutement .stMain div.tabContent {
	background-color: transparent;
}
.fond-contenu-haut {
	background: url(../img/bg-contenu-haut.png) no-repeat 50% 0; /* toutes pages autres que home */
	float: left;
	width: 100%;
	clear: left;
}
body.presentation .fond-contenu-haut,
body.recrutement .fond-contenu-haut {
	background: url(../img/bg-contenu-haut.png) no-repeat 50% 48px; /* déplacé pour les pages à onglets */
}
.tabs-presentation,
.tabs-recrutement {
	position: relative;
	top: -1px;
}
.stMain {
	width: 100%;
}
body.presentation .conteneur-onglets,
body.recrutement .conteneur-onglets {
	width: 100%;
	border-bottom: solid 5px #18833d;
	background: #282828;
}
.pres-nav,
.recrutement-nav {
	width: 100%;
}
body.presentation .pres-nav li {
	width: 50%;
}
body.recrutement .recrutement-nav li, body.recrutement .recrutement-nav span.li {
	width: 33.3333%;
}
body.presentation .stMain ul.tabAnchor li a,
body.recrutement .stMain ul.tabAnchor li a,
body.recrutement .stMain ul.tabAnchor span.li a {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 43px;
	min-height: 50px; /* hack pour ie11 */
}
body.presentation .stMain ul.tabAnchor li a .fa,
body.recrutement .stMain ul.tabAnchor li a .fa {
	font-size: 20px;
}
.hauteur-forcee,
.stMain ul.tabAnchor.pres-nav li a,
.stMain ul.tabAnchor.recrutement-nav li a,
.stMain ul.tabAnchor.recrutement-nav span.li a{
	height: 43px;
	overflow: hidden;
}
.stMain ul.tabAnchor.pres-nav li a {
	background: url(../img/bg-onglets-off.png) no-repeat 50% 0;
	filter: none;
	text-indent: 10px;
	color: #fff;
}
.stMain ul.tabAnchor.pres-nav li:first-child a {
	background-position: 100% 0;
}
.stMain ul.tabAnchor.pres-nav li:last-child a {
	background-position: 0 0;
}
.stMain ul.tabAnchor.pres-nav li a i.fa,
.stMain ul.tabAnchor.recrutement-nav li a i.fa {
	color: #d4d4d4;
	margin-right: .3em;
}
.stMain ul.tabAnchor.pres-nav li a.sel,
.stMain ul.tabAnchor.pres-nav li a:hover,
.stMain ul.tabAnchor.pres-nav li a:hover i.fa,
.stMain ul.tabAnchor.pres-nav li a.sel i.fa,
.stMain ul.tabAnchor.recrutement-nav li a.sel,
.stMain ul.tabAnchor.recrutement-nav li a:hover,
.stMain ul.tabAnchor.recrutement-nav li a:hover i.fa,
.stMain ul.tabAnchor.recrutement-nav li a.sel i.fa,
.stMain ul.tabAnchor.recrutement-nav span.li a.sel,
.stMain ul.tabAnchor.recrutement-nav li a:hover,
.stMain ul.tabAnchor.recrutement-nav span.li a:hover i.fa,
.stMain ul.tabAnchor.recrutement-nav span.li a.sel i.fa {
	color: #fff;
}
.contenu-presentation,
.contenu-recrutement {
	color: #333;
	font-size: 14px;
	font-weight: 300;
}
.contenu-presentation strong,
.contenu-presentation b,
.contenu-recrutement strong,
.contenu-recrutement b {
	font-weight: 400;
}

/* Candidature spontanée. */
.stMain ul.tabAnchor span.li {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
}
body.recrutement span.li a {
	text-decoration: none;
}

.not-home h1,
.not-home h2.h1 {
	margin: 36px 0 10px;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 60px;
	color: #333;
}
.not-home h1 span,
.not-home .h1-span,
.not-home h2 .h1-span {
	background: #18833d;
	clear: left;
	display: block;
	height: 5px;
	margin-bottom: 5px;
	width: 192px;
}
.not-home h2 {
	margin: 30px 0 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 24px;
}
.not-home h2 span {
	background: #333;
	clear: left;
	display: block;
	height: 2px;
	width: 46px;
	margin-bottom: 2px;
}
ul.styled {
	margin-top: 0;
	margin-left: 0;
	list-style-type: none;
	display: block;
	-moz-padding-start: 0;
}
ul.styled li:before {
	font-family: "FontAwesome";
	margin-left: -.65em;
	color: #4c8666;
	font-size: 16px;
}
ul.styled li {
	display: block;
	margin: 0 0 0 1em;
	padding: 0;
}
/* Presentation uniquement */
.col-content {
	float: left;
	width: 65.42%;
	margin-right: 2%;
}
.col-aside {
	float: left;
	width: 30.58%;
	margin-left: 2%;
	margin-top: 60px;
}
/* Presentation - Aside */
a.pres-ref-a-la-une {
	display: block;
	width: 300px;
	max-width: 100%;
	max-height: 200px;
	overflow: hidden;
	position: relative;
	color: #333;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
}
a.pres-ref-a-la-une img {
	/*position: absolute;*/
	z-index: 1;
}
a.pres-ref-a-la-une .legende {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 10px;
	margin-right: 40px;
	line-height: 1.2;
}
a.pres-ref-a-la-une .nom {
	text-transform: uppercase;
	display: inline-block;
}
a.pres-ref-a-la-une .description {
	display: inline-block;
}
a.pres-ref-a-la-une .nom span,
a.pres-ref-a-la-une .description span {
	background: #fff;
}
.block {
	margin-bottom: 1em;
}
.featured {
	background: #eee;
	padding: 2em 2em 1em;
	font-size: 12px;
	font-weight: normal;
}
.featured .name {
	display: inline-block;
	padding: 0 .4em;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
}
.featured .plus a {
	display: inline-block;
	padding-left: 12px;
	color: #00a188;
	background: url(../img/fleche-plus.png) no-repeat 0 50%;
	text-decoration: underline;
}
.verbatim {
	background: #fff url(../img/sprites-guillemets.png) no-repeat;
	padding-top: 1em;
}
.verbatim .container {
	margin: .75em .75em 0 .75em;
	background: #fff;
	padding: 1em 1em 0 1em;
}
blockquote p {
	font-style: italic;
}
blockquote .auteur {
	font-size: 12px;
	margin-bottom: 0;
}
blockquote .auteur i {
	font-size: 14px;
}
blockquote .auteur a {
	color: #fff;
	display: inline-block;
	padding: 0 .5em;
	text-decoration: none;
}
blockquote .poste {
	font-size: 12px;
	font-weight: 400;
}
/* Recrutement uniquement */
.stMain ul.tabAnchor.recrutement-nav li, .stMain ul.tabAnchor.recrutement-nav span.li {
	background: url(../img/bg-onglets-off.png) no-repeat 50% 0;
}
.stMain ul.tabAnchor.recrutement-nav li a,
.stMain ul.tabAnchor.recrutement-nav span.li a {
	filter: none;
	text-indent: 10px;
	color: #fff;
}
.stMain ul.tabAnchor.recrutement-nav li.li-on + li a {
	background: url(../img/bg-onglets-off-start.png) no-repeat 0 0;
}
.stMain ul.tabAnchor.recrutement-nav li a.sel,
.stMain ul.tabAnchor.recrutement-nav li a:hover,
.stMain ul.tabAnchor.recrutement-nav li.li-on + li a:hover,
.stMain ul.tabAnchor.recrutement-nav span.li:hover {
	background: #18833d;
}
/* ombre de gauche - un triangle coupé... */
.stMain ul.tabAnchor.recrutement-nav li.li-on:before {
	content: "\25b2";
	color: #8b8b8b;
	position: absolute;
	left: -24px;
	width: 29px;
	height: 43px;
	overflow: hidden;
	font-size: 63px;
	line-height: 54px;
	text-indent: -2px;
	transform:scale(.65,1); /* W3C */
	-webkit-transform:scale(.65,1); /* Safari and Chrome */
	-moz-transform:scale(.65,1); /* Firefox */
	-ms-transform:scale(.65,1); /* IE 9 */
	-o-transform:scale(.65,1); /* Opera */
}
/* Fix du line-height pour Firefox */
@-moz-document url-prefix() {
	.stMain ul.tabAnchor.recrutement-nav li.li-on:before {
		line-height: 43px;
	}
}
.stMain ul.tabAnchor.recrutement-nav li:hover + li.li-on:before {
	content: none;
}
i.icone-recrutement {
	display: inline-block;
	background: url(../img/icone-recrutement.png) no-repeat;
	width: 42px;
	height: 39px;
}
ul.liste-recrutement {
	list-style-type: none;
	margin: 0 0 2em;
	padding: 0;
}
ul.liste-recrutement li {
	display: block;
	margin: 0;
	padding: 0;
}
ul.liste-recrutement li:nth-child(odd) {
	background-color: #f4f4f4;
}
.liste-recrutement a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 1em;
	border: solid 1px transparent;
}
.liste-recrutement .offre {
	display: block;
	width: 100%;
	letter-spacing: -.31em
}
.liste-recrutement .details,
.liste-recrutement .voir {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}
.liste-recrutement .details {
	width: 80%;
}
.liste-recrutement .voir {
	width: 20%;
	font-size: 12px;
	font-weight: 700;
	color: #999;
	text-align: center;
}
.liste-recrutement .poste {
	display: block;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: .75em;
}
.liste-recrutement .def {
	display: block;
	letter-spacing: -.31em;
}
.liste-recrutement .def span {
	display: inline-block;
	letter-spacing: normal;
}
.liste-recrutement .label {
	width: 15%;
	color: #999;
}
.liste-recrutement .data {
	width: 85%;
}
.liste-recrutement .voir span {
	display: block;
}
.liste-recrutement a:hover {
	border-color: #18833d;
}
.liste-recrutement a:hover .poste,
.liste-recrutement a:hover .voir {
	color: #18833d;
}
a.candidature-spontanee {
	color: #333;
	text-decoration: none;
	padding: 1em;
}
a.candidature-spontanee:hover {
	color: #18833d;
}
a.delete {
	color: #c00;
}
.annonce-cont-placeholder {
	padding: 25px;
}
.annonce .nom {
	display: block;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 25px;
	line-height: 30px;
}
.annonce .label {
	display: block;
	float: left;
	color: #999;
	width: 17%;
	clear: left;
}
.annonce .data {
	display: block;
	float: left;
	width: 82%;
}
.annonce h4 {
	border-top: solid 1px #ccc;
	color: #18833d;
	padding-top: 1em;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
}
/* Présentation Hydro-informatique */
.logo-logiciel {
	float: left;
	margin-bottom: 10px;
}
/* ----------  10 - REFERENCES ---------- */
p.h1 {
	font-size: 15px;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 40px;
}
.h1 span {
	width: 62px;
	height: 5px;
	display: block;
	margin-bottom: 20px;
}
.contenu-references h3 {
	font-size: 20px;
	font-weight: 700;
	border-bottom: solid 1px #d8d8d8;
	padding-bottom: 10px;
	margin-bottom: 5px;
	margin-top: 0;
	clear: left;
}
.references-liste {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
.references-liste li {
	display: block;
	float: left;
	padding: 0 0 5px;
	margin: 0 1% 2em 0;
	width: 32.4%;
	background: url(../img/references-ombre-visuels.png) no-repeat 0 100%;
}
.references-liste li:nth-child(3n) {
	margin-right: 0;
}
.references-liste li:nth-child(3n+1) {
	clear: left;
}
.references-liste a {
	display: block;
	background: #f2f2f2;
	text-decoration: none;
	color: #333;
	position: relative;
}
.references-liste .visuel {
	display: block;
	width: 100%;
	height: 180px;
	overflow: hidden;
	text-align: center;
}
.references-liste .visuel img {
	height: 100%;
	margin: 0 -100%;
}
.references-liste .legende {
	display: block;
	padding: .65em 1.5em;
}
.references-liste .nom {
	display: block;
	font-size: 14px;
	font-weight: 700;
}
.references-liste .localisation {
	display: block;
	font-size: 14px;
	font-weight: 300;
}
.ref-overlay {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 180px;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,.8);
	opacity: 0;
	transition: all .3s ease;
}
.references-liste a:hover .ref-overlay {
	opacity: 1;
	transition: opacity .3s ease;
}
.ref-overlay .placeholder {
	display: block;
	padding: 70px 0 0;
}
.ref-overlay .placeholder .fa {
	font-size: 36px;
}
.ref-overlay .placeholder .label-voir {
	display: block;
	font-size: 12px;
	font-weight: 700;
}
/* ----------  11 - ACTUALITES ---------- */
.actualites .ico-actus {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../img/h1-actualites.png) no-repeat;
	margin-bottom: -3px;
}
.all-articles {
	margin-top: 24px;
}
.actualites .all-articles .article {
	float: left;
	width: 100%;
	clear: left;
	margin-bottom: 1em;
	border-bottom: solid 1px #dcdcdc;
}
.actualites .all-articles .article:last-child {
	border-bottom: none;
}
.actualites .article .visuel,
.actualites .article .cont {
	display: block;
	float: left;
}
.actualites .article .visuel {
	width: 31.3333%;
	margin-right: 2%;
	margin-bottom: 1em;
}
.actualites .article .cont {
	width: 66.6666%;
}
.actualites h2 {
	margin-top: 0;
}
.actualites h2 b {
	font-weight: inherit;
	display: block;
	color: #18833d;
	font-size: 14px;
	text-transform: capitalize;
	margin-top: 8px;
}
/* ----------  12 - CONTACT ---------- */
.contenu-contact {
	margin-top: 2em;
}
.contact .ico-contact {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../img/h1-contact.png) no-repeat;
	margin-bottom: -8px;
}
.carte {
	float: left;
	margin: 0 0 1em 0;
	width: 50%;
}
.liste-contacts-placeholder {
	float: left;
	width: 45%;
	margin-left: 5%;
	margin-top: 50px;
}
ul.liste-contacts {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}
ul.liste-contacts li {
	display: block;
	float: left;
	margin: 0 1.5% 4em 0;
	width: 48%;
}
ul.liste-contacts li:nth-child(odd) {
	clear: left;
}
ul.liste-contacts li p {
	margin: 0;
	font-size: 14px;
}
ul.liste-contacts li p.qui {
	font-size: 16px;
	font-weight: 700;
}
ul.liste-contacts .mail a {
	color: inherit;
	text-decoration: none;
	font-size: .8em;
}
ul.liste-contacts .fa {
	color: #ccc;
}
ul.liste-contacts li.paris .qui {
	color: #728fce;
}
ul.liste-contacts li.toulouse .qui {
	color: #ec5c8f;
}
ul.liste-contacts li.lyon .qui {
	color: #ff622e;
}
ul.liste-contacts li.strasbourg .qui {
	color: #a2509a;
}
ul.liste-contacts li.angers .qui {
	color: #18833d;
}
/* ----------  13 - PLAN DU SITE ---------- */
.not-home.plan-du-site .contenu-defaut ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}
.not-home.plan-du-site .contenu-defaut li.ligne-de-3 {
	clear: left;
	border-bottom: solid 1px #ddd;
	padding: 0 0 2em;
	margin: 0 0 2em;
}
.not-home.plan-du-site .contenu-defaut li.ligne-de-3:last-child {
	border-bottom: none;
}
.plan-du-site .contenu-defaut .ligne-de-3 a {
	display: block;
}
.plan-du-site .contenu-defaut .ligne-de-3 a:hover {
	border-color: #333;
	text-decoration: underline;
}
.not-home.plan-du-site .contenu-defaut li.ligne-de-3 > ul {
	float: left;
	width: 100%;
}
.plan-du-site .contenu-defaut .ligne-de-3 > ul > li {
	float: left;
	width: 31.3333%;
	margin-right: 1%;
}
.plan-du-site .contenu-defaut .ligne-de-3 > ul > li:nth-child(3n) {
	margin-right: 0;
}
.plan-du-site .contenu-defaut .ligne-de-3 > ul.rubriques-principales > li {
	clear: left;
}
.plan-du-site .contenu-defaut .ligne-de-3 > ul > li > a {
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.plan-du-site .contenu-defaut .ligne-de-3 > ul > li > ul > li > a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #18833d;
}
/* ----------  14 - ENTREPRISE ---------- */
.entreprise .ico-entreprise {
	display: inline-block;
	width: 44px;
	height: 44px;
	background: url(../img/h1-entreprise.png) no-repeat;
	margin-bottom: -6px;
}
/* ----------  15 - FANCYBOXES ---------- */
.fancybox-skin {
	background: #fff;
	border-radius: 0;
	color: #333;
}
.my-fancybox-close {
	background: url(../img/my-fancybox-close.png) no-repeat 50% 0;
	position: absolute;
	z-index: 8040;
	top: -65px;
	right: 20px;
	width: 48px;
	height: 24px;
	cursor: pointer;
	color : #fff;
	text-decoration: none;
	text-align: center;
	padding: 38px 0 0;
	font-weight: 300;
}
@media (max-height: 750px) {
	.my-fancybox-close {
		top: 10px;
	}
}
.wrapper-popin {
	width: 670px;
}
.popin .titre {
	background: #4c8666;
	color: #fff;
	padding: 25px 25px 0;
	margin-bottom: 0;
}
.popin .titre .habillage {
	display: block;
	width: 62px;
	height: 5px;
	background: #fff;
}
.popin .titre .niveau1 {
	display: inline-block;
	font-size: 15px;
	font-weight: 800;
	color: #333;
	text-transform: uppercase;
	line-height: 60px;
}
.popin .titre .niveau2 {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	line-height: 60px;
}
.popin .titre .niveau2:before {
	content: "\20\7c\20";
	font-weight: 300;
}
.ref-cont-placeholder {
	padding: 25px;
}
.reference .nom {
	font-size: 26px;
	font-weight: 600;
	display: block;
	margin-bottom: 25px;
	line-height: 30px;
}
.reference .localisation {
	font-size: 17px;
	font-weight: 300;
	display: block;
}
.ref-cont-placeholder .visuel img {
	max-width: 100%;
	margin: 0 auto;
}
.ref-cont-placeholder .styled li {
	font-weight: 300;
}
.dl {
	text-align: right;
	margin-bottom: 0;
}
.hydro-informatique .dls .dl {
	text-align: left;
}
.dl a {
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	background: #4c8666;
	color: #fff;
	padding: 10px;
}
.dls {
	list-style-type: none;
	margin: 0 0 1em;
	padding: 0;
}
.dls li {
	display: inline-block;
	margin-right: 1em;
}
.dls li.dl a {
	border: solid 1px transparent;
}
.dls li.dl a:hover {
	background: #fff;
	color: #333;
	border-color: #ddd;
}
/* ----------  16 - SKINS ---------- */
ul.tabAnchor li.traitement-de-l-eau a:hover,
ul.tabAnchor li.traitement-de-l-eau a:focus,
ul.tabAnchor li.traitement-de-l-eau a.sel,
.main-nav-ul li.traitement-de-l-eau a:hover,
.main-nav-ul li.traitement-de-l-eau a:focus,
.main-nav-ul li.traitement-de-l-eau a.sel {
	filter: none; background: url(../img/sprites.png) 0 -077px;
}
ul.tabAnchor li.hydraulique-urbaine a:hover,
ul.tabAnchor li.hydraulique-urbaine a:focus,
ul.tabAnchor li.hydraulique-urbaine a.sel,
.main-nav-ul li.hydraulique-urbaine a:hover,
.main-nav-ul li.hydraulique-urbaine a:focus,
.main-nav-ul li.hydraulique-urbaine a.sel {
	filter: none; background: url(../img/sprites.png) 0 -154px;
}
ul.tabAnchor li.environnement-industriel a:hover,
ul.tabAnchor li.environnement-industriel a:focus,
ul.tabAnchor li.environnement-industriel a.sel,
.main-nav-ul li.environnement-industriel a:hover,
.main-nav-ul li.environnement-industriel a:focus,
.main-nav-ul li.environnement-industriel a.sel {
	filter: none; background: url(../img/sprites.png) 0 -462px;
}
ul.tabAnchor li.aeraulique a:hover,
ul.tabAnchor li.aeraulique a:focus,
ul.tabAnchor li.aeraulique a.sel,
.main-nav-ul li.aeraulique a:hover,
.main-nav-ul li.aeraulique a:focus,
.main-nav-ul li.aeraulique a.sel {
	filter: none; background: url(../img/sprites.png) 0 -539px;
}
ul.tabAnchor li.hydraulique-fluviale a:hover,
ul.tabAnchor li.hydraulique-fluviale a:focus,
ul.tabAnchor li.hydraulique-fluviale a.sel,
.main-nav-ul li.hydraulique-fluviale a:hover,
.main-nav-ul li.hydraulique-fluviale a:focus,
.main-nav-ul li.hydraulique-fluviale a.sel {
	filter: none; background: url(../img/sprites.png) 0 -000px;
}
ul.tabAnchor li.hydrogeologie a:hover,
ul.tabAnchor li.hydrogeologie a:focus,
ul.tabAnchor li.hydrogeologie a.sel,
.main-nav-ul li.hydrogeologie a:hover,
.main-nav-ul li.hydrogeologie a:focus,
.main-nav-ul li.hydrogeologie a.sel {
	filter: none; background: url(../img/sprites.png) 0 -385px;
}
ul.tabAnchor li.hydraulique-maritime a:hover,
ul.tabAnchor li.hydraulique-maritime a:focus,
ul.tabAnchor li.hydraulique-maritime a.sel,
.main-nav-ul li.hydraulique-maritime a:hover,
.main-nav-ul li.hydraulique-maritime a:focus,
.main-nav-ul li.hydraulique-maritime a.sel {
	filter: none; background: url(../img/sprites.png) 0 -308px;
}
ul.tabAnchor li.metrologie a:hover,
ul.tabAnchor li.metrologie a:focus,
ul.tabAnchor li.metrologie a.sel,
.main-nav-ul li.metrologie a:hover,
.main-nav-ul li.metrologie a:focus,
.main-nav-ul li.metrologie a.sel {
	filter: none; background: url(../img/sprites.png) 0 -231px;
}
ul.tabAnchor li.hydro-informatique a:hover,
ul.tabAnchor li.hydro-informatique a:focus,
ul.tabAnchor li.hydro-informatique a.sel,
.main-nav-ul li.hydro-informatique a:hover,
.main-nav-ul li.hydro-informatique a:focus,
.main-nav-ul li.hydro-informatique a.sel {
	filter: none; background: url(../img/sprites.png) 0 -616px;
}
.home #tabs-1 {
	background: url(../img/home-visuel-hydraulique-urbaine.jpg) no-repeat 0% 49% / 101% auto;
}
.lt-ie9 .home #tabs-1 {
	background: url(../img/home-visuel-hydraulique-urbaine.jpg) no-repeat 50% 60%;
}
.home #tabs-2 {
	background: url(../img/home-visuel-traitement-de-l-eau.jpg) no-repeat 50% 79% / 101% auto;
}
.lt-ie9 .home #tabs-2 {
	background: url(../img/home-visuel-traitement-de-l-eau.jpg) no-repeat 50% 50%
}
.home #tabs-3 {
	background: url(../img/home-visuel-environnement-industriel.jpg) no-repeat 50% 85% / 101% auto;
}
.lt-ie9 .home #tabs-3 {
	background: url(../img/home-visuel-environnement-industriel.jpg) no-repeat 50% 50%
}
.home #tabs-4 {
	background: url(../img/home-visuel-aeraulique.jpg) no-repeat 50% 50% / 101% auto;
}
.lt-ie9 .home #tabs-4 {
	background: url(../img/home-visuel-aeraulique.jpg) no-repeat 50% 50%
}
.home #tabs-5 {
	background: url(../img/home-visuel-hydraulique-fluviale.jpg) no-repeat 50% 100% / 101% auto;
}
.lt-ie9 .home #tabs-5 {
	background: url(../img/home-visuel-hydraulique-fluviale.jpg) no-repeat 50% 50%
}
.home #tabs-6 {
	background: url(../img/home-visuel-hydrogeologie.jpg) no-repeat 50% 50% / 101% auto;
}
.lt-ie9 .home #tabs-6 {
	background: url(../img/home-visuel-hydrogeologie.jpg) no-repeat 50% 50%
}
.home #tabs-7 {
	background: url(../img/home-visuel-hydraulique-maritime.jpg) no-repeat 50% 69% / 101% auto;
}
.lt-ie9 .home #tabs-7 {
	background: url(../img/home-visuel-hydraulique-maritime.jpg) no-repeat 50% 50%
}
.home #tabs-8 {
	background: url(../img/home-visuel-metrologie.jpg) no-repeat 50% 50% / 101% auto;
}
.lt-ie9 .home #tabs-8 {
	background: url(../img/home-visuel-metrologie.jpg) no-repeat 50% 50%
}
.home #tabs-9 {
	background: url(../img/home-visuel-hydro-informatique.jpg) no-repeat 50% 50% / 101% auto;
}
.lt-ie9 .home #tabs-9 {
	background: url(../img/home-visuel-hydro-informatique.jpg) no-repeat 50% 50%
}
.hydraulique-urbaine .stMain ul.tabAnchor.pres-nav li a.sel,
.home-nav #tabs-1 .titre-intro span,
.not-home.hydraulique-urbaine h1 span,
.not-home.hydraulique-urbaine .h1 span,
body.hydraulique-urbaine blockquote .auteur span,
.hydraulique-urbaine .popin .titre,
.hydraulique-urbaine .dl a {
	background: #d6738f;
}
.traitement-de-l-eau .stMain ul.tabAnchor.pres-nav li a.sel,
.home-nav #tabs-2 .titre-intro span,
.not-home.traitement-de-l-eau h1 span,
.not-home.traitement-de-l-eau .h1 span,
body.traitement-de-l-eau blockquote .auteur span,
.traitement-de-l-eau .popin .titre,
.traitement-de-l-eau .dl a {
	background: #fbb930;
}
.environnement-industriel .stMain ul.tabAnchor.pres-nav li a.sel,
.home-nav #tabs-3 .titre-intro span,
.not-home.environnement-industriel h1 span,
.not-home.environnement-industriel .h1 span,
body.environnement-industriel blockquote .auteur span,
.environnement-industriel .popin .titre,
.environnement-industriel .dl a {
	background: #ff622e;
}
.aeraulique .stMain ul.tabAnchor.pres-nav li a.sel,
.home-nav #tabs-4 .titre-intro span,
.not-home.aeraulique h1 span,
.not-home.aeraulique .h1 span,
body.aeraulique blockquote .auteur span,
.aeraulique .popin .titre,
.aeraulique .dl a {
	background: #7299ce;
}
.hydraulique-fluviale .stMain ul.tabAnchor.pres-nav li a.sel,
.home-nav #tabs-5 .titre-intro span,
.not-home.hydraulique-fluviale h1 span,
.not-home.hydraulique-fluviale .h1 span,
body.hydraulique-fluviale blockquote .auteur span,
.hydraulique-fluviale .popin .titre,
.hydraulique-fluviale .dl a {
	background: #b7b799;
}
.hydrogeologie .stMain ul.tabAnchor.pres-nav li a.sel,
.home-nav #tabs-6 .titre-intro span,
.not-home.hydrogeologie h1 span,
.not-home.hydrogeologie .h1 span,
body.hydrogeologie blockquote .auteur span,
.hydrogeologie .popin .titre,
.hydrogeologie .dl a {
	background: #a67f56;
}
.hydraulique-maritime .stMain ul.tabAnchor.pres-nav li a.sel,
.home-nav #tabs-7 .titre-intro span,
.not-home.hydraulique-maritime h1 span,
.not-home.hydraulique-maritime .h1 span,
body.hydraulique-maritime blockquote .auteur span,
.hydraulique-maritime .popin .titre,
.hydraulique-maritime .dl a {
	background: #6b5115;
}
.metrologie .stMain ul.tabAnchor.pres-nav li a.sel,
.home-nav #tabs-8 .titre-intro span,
.not-home.metrologie h1 span,
.not-home.metrologie .h1 span,
body.metrologie blockquote .auteur span,
.metrologie .popin .titre,
.metrologie .dl a {
	background: #c6b9ad;
}
.hydro-informatique .stMain ul.tabAnchor.pres-nav li a.sel,
.home-nav #tabs-9 .titre-intro span,
.not-home.hydro-informatique h1 span,
.not-home.hydro-informatique .h1 span,
body.hydro-informatique blockquote .auteur span,
.hydro-informatique .popin .titre,
.hydro-informatique .dl a {
	background: #867974;
}
body.hydraulique-urbaine .ref-overlay {
	background: rgba(214,115,143,.8);
}
body.traitement-de-l-eau .ref-overlay {
	background: rgba(251,185,48,.8);
}
body.environnement-industriel .ref-overlay {
	background: rgba(255,98,46,.8);
}
body.aeraulique .ref-overlay {
	background: rgba(114,153,206,.8);
}
body.hydraulique-fluviale .ref-overlay {
	background: rgba(183,183,153,.8);
}
body.hydrogeologie .ref-overlay {
	background: rgba(166,127,86,.8);
}
body.hydraulique-maritime .ref-overlay {
	background: rgba(107,81,21,.8);
}
body.metrologie .ref-overlay {
	background: rgba(198,185,173,.8);
}
body.hydro-informatique .ref-overlay {
	background: rgba(134,121,116,.8);
}
body.presentation.traitement-de-l-eau .conteneur-onglets      { border-color: #fbb930; }
body.presentation.hydraulique-urbaine .conteneur-onglets      { border-color: #d6738f; }
body.presentation.environnement-industriel .conteneur-onglets { border-color: #ff622e; }
body.presentation.aeraulique .conteneur-onglets               { border-color: #7299ce; }
body.presentation.hydraulique-fluviale .conteneur-onglets     { border-color: #b7b799; }
body.presentation.hydrogeologie .conteneur-onglets            { border-color: #a67f56; }
body.presentation.hydraulique-maritime .conteneur-onglets     { border-color: #6b5115; }
body.presentation.metrologie .conteneur-onglets               { border-color: #c6b9ad; }
body.presentation.hydro-informatique .conteneur-onglets       { border-color: #867974; }
body.traitement-de-l-eau .verbatim      { background-position: 0 0; }
body.hydraulique-urbaine .verbatim      { background-position: -2800px 0; }
body.environnement-industriel .verbatim { background-position: -0400px 0; }
body.aeraulique .verbatim               { background-position: -0800px 0; }
body.hydraulique-fluviale .verbatim     { background-position: -1200px 0; }
body.hydrogeologie .verbatim            { background-position: -1600px 0; }
body.hydraulique-maritime .verbatim     { background-position: -2000px 0; }
body.metrologie .verbatim               { background-position: -2400px 0; }
body.hydro-informatique .verbatim       { background-position: -3200px 0; }
body.traitement-de-l-eau blockquote .quote,
body.traitement-de-l-eau ul.styled li:before,
body.traitement-de-l-eau .contenu-references h3 {
	color: #fbb930;
}
body.hydraulique-urbaine blockquote .quote,
body.hydraulique-urbaine ul.styled li:before,
body.hydraulique-urbaine .contenu-references h3 {
	color: #d6738f;
}
body.environnement-industriel blockquote .quote,
body.environnement-industriel ul.styled li:before,
body.environnement-industriel .contenu-references h3 {
	color: #ff622e;
}
body.aeraulique blockquote .quote,
body.aeraulique ul.styled li:before,
body.aeraulique .contenu-references h3 {
	color: #7299ce;
}
body.hydraulique-fluviale blockquote .quote,
body.hydraulique-fluviale ul.styled li:before,
body.hydraulique-fluviale .contenu-references h3 {
	color: #b7b799;
}
body.hydrogeologie blockquote .quote,
body.hydrogeologie ul.styled li:before,
body.hydrogeologie .contenu-references h3 {
	color: #a67f56;
}
body.hydraulique-maritime blockquote .quote,
body.hydraulique-maritime ul.styled li:before,
body.hydraulique-maritime .contenu-references h3 {
	color: #6b5115;
}
body.metrologie blockquote .quote,
body.metrologie ul.styled li:before,
body.metrologie .contenu-references h3 {
	/*color: #c6b9ad;*/
	color: #ada095;
}
body.hydro-informatique blockquote .quote,
body.hydro-informatique ul.styled li:before,
body.hydro-informatique .contenu-references h3 {
	color: #867974;
}
fieldset .label-textarea {
    height: 247px;
}