<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**********************************************************************************************************
Feuille de style centralisÃ©e corporative Hydro-QuÃ©bec
Auteur : StÃ©phane Ritchot (cu5795)
CrÃ©ation : 31 juillet 2017 
DÃ©finiton : Style pour les sites intranet

Instructions :
N'oubliez pas d'inscrire les modification dans "Section Modifications"
Exemple Ãƒ  suivre pour les modification :
	Date (AAAA/MM/JJ) - CIP - Type de changement "Ajpout/Retait/Modification(CIP demandeur") #ID ou .class

Section Modifications :
	2017/07/31 - CU5795 - CrÃ©ation du fichier
	2022/06/08 - CU5795 - Ligne 2031 : top: 50%; --&gt; top: 32%;


**********************************************************************************************************/

@charset "utf-8";


html {
	font-size: 1em;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px;
	}

a[target="_blank"]:after {
    font-family: 'FontAwesome';
    content: " \f08e";
    font-size: x-small;
    text-decoration: none;
}

/* **********     Configuration gÃ©nÃ©rale des rangÃ©es     ********** */

.row {margin: 15px 0 15px 0;}
.marge-bas{margin-bottom: 15px;}
.sans-margin{ margin: 0px 0px 0px 0px; }

.clearBoth{
	clear:both;    
	}

.clear{clear: both; margin: 0 0; padding: 0 0;}
.cache-div{
	display: none;
	clear: both;
	}

/* **********     Configuration gÃ©nÃ©rale des blocs     ********** */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	}

.sans-padding {
	padding: 0px 0px;
}

.sans-padding-gauche{padding-left: 0px;}
.sans-padding-droit{padding-right: 0px;}

.bandeau-promo .sans-padding-gauche{padding-left: 0px;}

.faq {font-weight: bold; padding-left: 20px; float: right;}
.gallerie-photo{margin:0px auto; display:none;}
.gallerie-video{margin:0px auto; display:none; border:1px solid #ccc;}
.video-style{max-width:100%; height:auto;}

.breadcrumb {
	padding: 8px 20px;
	margin-bottom: 0px;
	list-style: none;
	background-color: transparent;
	border-radius: 0px;
	}
.breadcrumb &gt; li {
	display: inline-block;
	font-size: 0.9em;
	}
.breadcrumb &gt; li + li:before {
	padding: 0 8px 0px 3px;
	color: #444;
	font-family: FontAwesome;
	content: "\f105";
	}
.breadcrumb &gt; .active {
	color: #777;
	}
.pas-afficher{display: none;}
/* **********     Configuration gÃ©nÃ©rale des titres     ********** */
H1{
	font-size:1.65em;
	color:#336699;
	margin-top:40px;
	margin-bottom:30px; /*15px*/
	margin-left: 10px;
	font-weight:500;
	}

/*.page-accueil H1{
	margin-left: 20px;
	}
.row-accueil H1{
	margin-top: 20px;
	margin-left: 10px;
	}
.row-page H1{
	margin-top: 20px;
	margin-left: 10px;
	}
	*/
H2 {
	font-size:1.55em;
	font-weight:500;
	margin-top:40px;
	margin-bottom:30px;
	color:#003366;
	}

H3{
	font-size:1.4em;
	font-weight:500;
	margin-top:40px;
	margin-bottom:15px;
	color:#333;
	}
.titre-article-h3{margin-top: 0px;}

H4{
	font-size:1.2em;
	font-weight:600;
	margin-top:40px;
	margin-bottom:15px;
	color:#555;
	}

H5{
	font-size:1.1em;
	font-weight:500;
	margin-top:40px;
	margin-bottom:15px;
	color:#333;
	}

H6{
	font-size:1em;
	font-weight:700;
	margin-top:40px;
	margin-bottom:15px;
	color:#333333;
	}

/* **********      Identification du site      ********** */	
.btn-libelle_espace_perso{
	display: inline-block; 
	/*margin-top: 2px; */
	float: left; 
	font-weight: 600; 
	text-align: left;
	}

#IndentificationSite {
	background-color: #fff;
	color: #333;
	padding: 0px 0px 13px 20px;
	text-align: left;
	text-transform: none;
	width: 100%;
	float: left;
	display: inline;
	background: URL(' ');
	background-repeat: no-repeat;
	margin-top: 28px;
	}

#IndentificationSite span.titre-entete {
	font-size: 1.7em;
	padding: 0px 0px 13px 0px;
	margin-top: 28px;
	font-weight: 500;
	color: #333;
	}
/* **********     Configuration gÃ©nÃ©rale des paragraphes     ********** */
p {line-height: 1.4em;}
/*ul li, ol li {font-size: 0.9em; line-height: 1.6em;}*/
article ul{
	list-style: none;
	margin-top: 5px;
	overflow: hidden;
}
article ul li {
	padding-left: 0em;
	margin-left: 0em;
	margin-bottom: 5px;
	line-height: 1.4em;
	}

article ul li:before {
	content: "\f105"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1em; /* same as padding-left set on li */
	width: 1em; /* same as padding-left set on li */
	}
article{font-size: 0.9em;}

article.tuile-promo img{
	padding-bottom: 0px; 
	padding-top: 0px;
	width: 100%;
	}
/*
article.tuile-promo p{
	text-align: center; 
	margin: 20px 15px;
	line-height: 1.3;
	}
*/

h3.titre-lien-tuile-promo{
	text-align: center;
	font-size: 1em;
	margin: 0px 0px;
	padding: 15px 0px;
	}


a.lien-bandeau {color: #333;}
		
a.lien-bandeau, 
a.lien-bandeau h2, 
a.lien-bandeau h3, 
a.lien-bandeau h4{
	text-decoration: none !important;
	}

a.lien-bandeau:hover,
a.lien-bandeau:hover h2.boite-promo-titre, 
a.lien-bandeau:hover h3.boite-promo-titre, 
a.lien-bandeau:hover h4.boite-promo-titre,
a.lien-bandeau:hover h2.titre-lien-tuile-promo, 
a.lien-bandeau:hover h3.titre-lien-tuile-promo, 
a.lien-bandeau:hover h4.titre-lien-tuile-promo{
	text-decoration: underline !important;
	}
/*
a.lien-bandeau:hover, a.lien-bandeau:hover h2.boite-promo-titre, a.lien-bandeau:hover h3.boite-promo-titre, a.lien-bandeau:hover h4.boite-promo-titre{
	text-decoration: none !important;
	}
*/

a.lien-bandeau article.tuile-promo p{
	text-align: center;
	margin: 0px 15px 20px 15px;
	line-height: 1.3em;
	}

a.lien-bandeau article.tuile-promo p span.tuile-promo-texte{
	text-decoration: none !important;
	color: #000;
	}

a.lien-bandeau article.tuile-promo p span.tuile-promo-texte{
	text-decoration: none !important;
	}

a.lien-bandeau:hover article.tuile-promo p span.tuile-promo-texte{
	text-decoration: none !important;
	}


				
.tuile-promo h3.titre-lien-tuile-promo span.chevron-bandeau:after {
	content: "\f105";
	font-family: FontAwesome;
	color: #ffac2c;
	display: inline-block;
	margin-left: 0.1em; 
	width: 1.4em;
	word-break: keep-all;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	}

article.tuile-promo .chevron-bandeau:after {
	content: "\f105";
	font-family: FontAwesome;
	color: #ffac2c;
	display: inline-block;
	margin-left: 0.1em; 
	width: 1.4em;
	word-break: keep-all;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.1em;
	vertical-align: middle;
	}

/* Nouveau style pour bandeau promo */
H2.titre-bandeau-promo, H2:first-child.titre-bandeau-promo{
	margin: 25px 10px 10px 20px;
	}
article.bandeau-promo img.titre-img-bandeau-promo{
	width: 50%;
	margin-top: 1%;
	}
p.lien-bandeau-promo{margin: 0px 10px 0px 20px;}
p.lien-bandeau-promo-sans-titre{margin: 35px 10px 0px 20px;}
p.lien-bandeau-promo a, p.lien-bandeau-promo-sans-titre a {color: #000; text-decoration: none;}
p.lien-bandeau-promo a:hover, p.lien-bandeau-promo-sans-titre a:hover {color: #000; text-decoration: underline;}

p.lien-bandeau-promo:after, p.lien-bandeau-promo-sans-titre:after{
	content: "\f105"; /* FontAwesome Unicode */
 	font-family: FontAwesome;
  	display: inline-block;
 	/*margin-left: 0.5em; *//* same as padding-left set on li */
  	width: 1em; /* same as padding-left set on li */
 	white-space: nowrap;
  	color: #ffac2c;
  	font-weight: 600;
	}
article.bandeau-promo-pleine-largeur{
	border: solid 1px #ccc;
	padding: 0px 0px;
	float: left;
	margin-bottom: 0px;
	width: 100%;
	}
article.bandeau-promo{
	border: solid 1px #ccc;
	padding: 0px 0px;
	float: left;
	/*margin-bottom: 60px;*/
	width: 100%;
	}
article.bandeau-promo figure, article.bandeau-promo-pleine-largeur figure{
	width: 100%;
	padding: 0px 0px;
	}
article.bandeau-promo figure img, article.bandeau-promo-pleine-largeur img{
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px;
	width: 100%;
	}
/* fin des nouveaux styles bandeau promo */

article.tuile-bordure {
	border: solid 1px #ccc;
	border-left:solid 4px #003366;
	padding: 12px 19px;
	}
article.tuile-bordure section{
	margin-top: 20px;
	}
H2.tuile-titre, H3.tuile-titre, H4.tuile-titre {
	font-size: 1.25em;
  	padding-left: 0em;
  	margin-left: 0em;
  	margin-bottom: 0px;
  	color: #003366;
  	/*white-space: nowrap;*/
	}
H2.tuile-titre:after, H3.tuile-titre:after, H4.tuile-titre:after {
  	content: "\f105"; /* FontAwesome Unicode */
  	font-family: FontAwesome;
  	display: inline-block;
  	/*margin-left: 0.5em; *//* same as padding-left set on li */
  	width: 1em; /* same as padding-left set on li */
  	white-space: nowrap;
  	color: #ffac2c;
  	font-weight: 600;
	}
H2.tuile-titre a, H3.tuile-titre a, H4.tuile-titre a {
  	color: #003366;
  	text-decoration: none;
	}
H2.tuile-titre a:hover, H3.tuile-titre a:hover, H4.tuile-titre a:hover {
  	text-decoration: underline;
	}

H2.tuile-titre a:hover span.sans-deco, H3.tuile-titre a:hover span.sans-deco, H4.tuile-titre a:hover span.sans-deco {
  	text-decoration: underline;
}


article.boite-lien ul{margin-left: 0px; padding-left: 0em;}
article.boite-lien a{color: #003366;}

p.h6 {font-size: 1em;}

	article.article-site {
				width: 100%;
				float: left;
				}

	


	article.l25 {
		width: 23.5%;
		display: inline-block;
		padding: 0;/*border: solid 1px red;*/
		margin-right: 1%;
		}
	article.article-site p:first-child {
		margin-top: 0;
		padding-top: 0
		}
	article.article-site header {
		margin-top: 0;
		padding-top: 0;
		}
	article.article-site figure img{
		padding-left: 0px;
		margin-left: 0px;
		padding-bottom: 10px;
		padding-top: 5px;
		width: 100%;
		max-width: 1280px;
		}
	article figure figcaption{
			font-size: 0.9em;
		}
/* **********     Style - article avec bordure     ********** */
	article.sans-padding {
		padding: 0px 0px;
		}
	article.bordure {
		border: solid 1px #ccc;
		padding: 20px 15px;
		}
	article.bordure-sans-padding {
		border: solid 1px #ccc;
		padding: 0px 0px;
		}
	article.bordure-sans-padding p, article.bordure-sans-padding ul, article.bordure-sans-padding header{
		margin: 20px 15px;
		}
	/*article.bordure-sans-padding .legende{
		margin: 10px 15px;
		}*/	
	article.bordure-sans-padding H3, article.bordure-sans-padding H4, article.bordure-sans-padding H5, article.bordure-sans-padding H5{
		padding-left: 15px;
		padding-right: 15px;
		}
	article.bordure-image {
		border: solid 1px #ccc;
		padding: 10px 10px;
		}
	article.bordure-image img {
		padding-bottom: 0px;
		}
	article.bordure-image-sans-padding {
		border: solid 1px #ccc;
		padding: 0px 0px;
		}

	article.bordure-image-sans-padding img {
			padding: 0px 0px;
		}
		/*
	img.img-float-gauche{
		float: left; 
		width: 25%; 
		padding: 5px 20px 20px 0px;
		}
	img.img-float-droit{
		float: right; 
		width: 25%; 
		padding: 5px 0px 20px 20px;
		}
		*/
	article.bordure-droite{
		border-right: solid 1px #ccc;
		padding: 10px 15px;
		}
	article.bordure header {
		padding-top: 0;
		}
	article.article-site header H2:first-child, article.article-site  H2:first-child, article.article-site header H3:first-child, article.article-site header H4:first-child {
		margin-top: 0;
		}
/* **********     Style - article avec fond de couleur      ********** */
	article.fond-bleu {
		background-color: #003366;
		color: #fff;
		padding: 20px 15px;
		}
	article.fond-bleu H2, article.fond-bleu H3, article.fond-bleu H4, article.fond-bleu H5, article.fond-bleu H6{
		color: #fff;
		}
	article.fond-gris {
		background-color: #F0F0F0;
		color: #000;
		padding: 20px 15px;
		}
	article.fond-gris H2, article.fond-gris H3, article.fond-gris H4, article.fond-gris H5, article.fond-gris H6{
		color: #000;
		}
	
	
	div.wrapper{  
		/*float:left; important */  
		position:relative; /* important(so we can absolutely position the description div */
		/*margin-top: 20px; retirer pour le cas oÃƒÂ¹ l'image est en dÃ©but de colonne */
		margin-bottom: 20px;

		}  
	div.description{  
		position:absolute; /* absolute position (so we can position it where we want)*/  
		bottom:0px; /* position will be on bottom */  
		left:0px;  
		width:100%;  
		/* styling bellow */  
		background-color: #333;  
		/*font-family: 'tahoma';  
		font-size:0.9em; */ 
		 opacity:0.7; /* transparency */  
		filter:alpha(opacity=70); /* IE transparency */
		    
		}  
	article.article-site p.description-content{  
	    padding:10px;  
	    margin:0;  
	    color:#fff;  
	    text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
	    opacity:1; /* transparency */  
	    filter:alpha(opacity=100); /* IE transparency */
		}
	article.article-site p.description-content:first-child{  
	    padding:10px;  
	    margin:0;  
	    color:#fff;  
	    text-shadow: 0px 1px 2px rgba(0,0,0,0.6); 
	    opacity:1; /* transparency */  
	    filter:alpha(opacity=100); /* IE transparency */
		}
/* ***** Article promo - bordure no padding avec image botto ***** */
	article.bordure-promo {
		border: solid 1px #ccc;
		padding: 0px 25%;
		min-height: 400px; 
		}

	article.bordure-promo img{  
		    position:absolute; /* absolute position (so we can position it where we want)*/  
		    bottom:0px; /* position will be on bottom */  
		} 
	article footer {
		color: #000;
		padding: 3px 0px 5px 0px;
		}

	article footer p.footer{
		text-align: right;
		}


/* **********     Style  - Page Accueil     ********** */

.navbar{
	/*height: 40px;
	min-height: 40px;*/
	margin-bottom: 0px;
	}

.row-accueil {
	background-color: #f1f1f1;
	margin-bottom: 0px;
	margin-top: 0px;
	}

.row-page {
	margin-bottom: 0px;
	margin-top: 0px;
	}
	/*
.page-accueil .navbar{
	margin-bottom: 0px;
	}
.page .navbar{
	margin-bottom: 0px;
	}
*/
.row-accueil article{
	background-color: #fff;
	}


/* **********     Style  - Collapse et FAQ     ********** */

.panel-collapse-clickable,.panel-collapse-clickable2 {
	cursor: pointer;  
	}
.panel {
 	margin-bottom: 30px;
 	background-color: #fff;
 	border: 1px solid transparent;
 	border-radius: 0px;
 	-webkit-box-shadow: none;
   	box-shadow: none;
	}
/*	
.panel-body {padding: 0px 0px 0px 0px;}
.panel-body p{padding: 0px 0px 0px 0px;}
*/
/*.panel-heading {
 	padding: 10px 15px;
 	border-bottom: 1px solid transparent;
 	border-top-left-radius: 0px;
 	border-top-right-radius: 0px;
}
*/
.panel-heading &gt; .dropdown .dropdown-toggle {color: inherit;}
.panel-title {
 	margin-top: 0;
 	/*margin-bottom: 20px;*/
 	color: inherit;
	}
.panel-title &gt; a, .panel-title &gt; small, .panel-title &gt; .small, .panel-title &gt; small &gt; a,  .panel-title &gt; .small &gt; a {color: inherit;}
.panel-footer {
 	padding: 10px 15px;
 	background-color: #f5f5f5;
 	border-top: 1px solid #ddd;
 	border-bottom-right-radius: 3px;
 	border-bottom-left-radius: 3px;
	}
.panel-default {border-color: #ddd;	}
.panel-default &gt; .panel-heading {
  	color: #333;
  	background-color: #f5f5f5;
  	border-color: #ddd;
	}
.panel-default &gt; .panel-heading + .panel-collapse &gt; .panel-body {border-top-color: #ddd;}
.panel-default &gt; .panel-heading .badge {color: #f5f5f5;	background-color: #333;}
.panel-default &gt; .panel-footer + .panel-collapse &gt; .panel-body {border-bottom-color: #ddd;}
/*.panel-tel {
  	margin-top: 40px;
  	border-top-color: #ccc;
  	border-bottom-color: #ccc;
  	border-left-color: transparent;
  	border-right-color: transparent;
	}
*/

.panel-tel .panel-title, .panel-tel2 .panel-title{/*font-size: 1em; font-weight: 600;*/ margin-top: 10px; margin-bottom: 20px;}
.panel-tel H2.panel-title, .panel-tel2 H2.panel-title{font-size: 1.45em; font-weight: 500; margin-top: 10px; color:#003366;}
.panel-tel H3.panel-title, .panel-tel2 H3.panel-title{font-size: 1.35em; font-weight: 500; margin-top: 10px; color:#333;}
.panel-tel H4.panel-title, .panel-tel2 H4.panel-title{font-size: 1.2em; font-weight: 500; margin-top: 10px; color:#555;}
.panel-tel &gt; .panel-heading, .panel-tel2 &gt; .panel-heading{
  	color: #333;
  	background-color: #fff;
  	border-color: #transparent;
	}
.panel-tel &gt; .panel-heading + .panel-collapse &gt; .panel-body {border-top-color: #ccc;}
.panel-tel&gt; .panel-heading .badge {color: #f5f5f5; background-color: #333;}
.panel-tel &gt; .panel-footer + .panel-collapse &gt; .panel-body {border-bottom-color: #ccc;}
.panel-tel .panel-tel-click-position, .panel-tel2 .panel-tel-click-position, .panel-body-text {
	/*border-top: 1px solid #ccc; */
	width: 100%; 
	text-align: center;
	border-bottom: 0px transparent;
	font-size: 0.9em;
	line-height: 1.3em;
	vertical-align: middle;
	}
.panel-body {padding: 0px 0px 0px 7px; }

.panel-tel .panel-heading p {
	width: 100%;
	text-align: left;
	border-bottom: 0px transparent;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-top: 10px; 
	margin-bottom: 2px;
	}

.panel-body-text/* .panel-heading &gt; p, .panel-body &gt; p */{
	/*border-top: 1px solid #ccc; */
	width: 100%;
	text-align: left;
	border-bottom: 0px transparent;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-top: 10px; 
	margin-bottom: 2px;
	}

.panel-collapse-clickable{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	}
.panel-tel {
	margin-top: 0px;
	border-top-color: transparent;
	border-bottom-color: #ccc;
	border-bottom-width: 2px;
	border-left-color: transparent;
	border-right-color: transparent;
	padding-bottom: 10px;
	}
.panel-tel-click-position{
	float: left;
	width: 100%;
	margin: -7px 0px 0px 0px;
	background-color: transparent;
	}

/* Chevron pour collapse Voir Plus */	
.fa-chevron-down{
	background-color: #fff;
	padding: 10px 25px 10px 20px;
	cursor: pointer;	
	}
.fa-chevron-up{
	background-color: #fff;
	padding:10px 20px;
	cursor: pointer;
	}
.fa-chevron-down::before{ 
	content: "Voir plus";
	font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 1em;
	font-weight: 600;
	}
.fa-chevron-up::before{ 
	content: "RÃ©duire";
	font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 1em;
	font-weight: 600;
	}
.fa-chevron-down::after{ 
	content: "\f078";
	font-family: FontAwesome;
	color: #999;
	}
.fa-chevron-up::after{ 
	content: "\f077";
	font-family: FontAwesome;
	color: #999;
	}


.panel-group .panel{margin-bottom: 15px;}

.panel-group .panel h2.panel-title {font-size:1em;}

.panel-faq{
	font-size: 0.9em;
	border-color: #ccc; 
	/* margin-top: 40px; */
	margin-bottom: 20px;
	border-top-left-radius: 0px !important;
 	border-top-right-radius: 0px !important;
 	border-bottom-left-radius: 0px !important;
 	border-bottom-right-radius: 0px !important;
	}

.panel-faq .panel-body {padding: 15px 15px 15px 15px;}

.panel-faq .panel-body h3 {font-size:1.2em; margin-top:20px;}

.panel-faq .panel-title {font-weight: 600; padding-right: 2px;}
.panel-heading { 
  	color: #333;
  	background-color: #dae8f5;
	}
.panel-faq &gt; .panel-heading + .panel-collapse &gt; .panel-body {border-top-color: #ccc;}
.panel-faq&gt; .panel-heading .badge {color: #f5f5f5; background-color: #333;}
.panel-faq &gt; .panel-footer + .panel-collapse &gt; .panel-body {border-bottom-color: #ccc;}

	
/* **********     Style  - Recherche page     ********** */

.container-recherche-dm {
	width: 100%;
	vertical-align: middle;
	/*white-space: nowrap;*/
	/*background-color: #fff;*/
	display: inline-block;
	}


article.fond-recherche-local{
	background-color: #336699;
	color: #fff;
	padding: 20px 15px;
	}



/* **********     Style  - Recherche page     ********** */

.barre-recherche-local {margin:auto; width: 50%;}

article.fond-recherche-local .container-recherche-local{
	width: 80%;
	vertical-align: middle;
	display: inline;
	}

.container-recherche-local .form-recherche-local{
	display: inline;
	}
.container-recherche-local .form-recherche-local p{
	margin-top: 10px;
	margin-bottom: 5px;
	word-wrap: break-word;
	} 
		
.container-recherche-local input.champs-recherche-local {
	display: inline;
	width: 100%;
	height: 31px;
	background: #fff;
	border: 0px;
	/*border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;*/
	font-size: 0.9em;
	padding: 0px 37px 0px 5px;
	color: #333;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance : none;
	}
.container-recherche-local input.champs-recherche-local ::-webkit-input-placeholder {color: #999;}
.container-recherche-local input.champs-recherche-local :-moz-placeholder { 
	/* Firefox 18- */
	color: #999;}
.container-recherche-local input.champs-recherche-local ::-moz-placeholder {  
	/* Firefox 19+ */
	color: #999;}
.container-recherche-local input.champs-recherche-local :-ms-input-placeholder {
	color: #999;}
.container-recherche-local button.icon {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: none;
	background-color: transparent;
	height: 32px;
	width: 32px;
	margin-top: 0px;
	color: #336699;
	font-size: 1em;
	opacity: 1;
	margin-left: -37px;
	cursor: pointer;
	padding: 0px 0px;
	z-index: 1;
	}
.container-recherche-local:hover button.icon, article .container-recherche-local:active button.icon, article .container-recherche-local:focus button.icon {
	outline: none;
	opacity: 1;
	cursor: pointer;
	color: #ccc;
	}
.container-recherche-local:hover button.icon:hover {cursor: pointer;}
.container-recherche-local::-webkit-input-placeholder {color: #999; transition: opacity 250ms ease-in-out;}
.container-recherche-local :-moz-placeholder {	/* Firefox 18- */color: #999; opacity: 1;}
.container-recherche-local ::-moz-placeholder {/* Firefox 19+ */color: #999; opacity: 1;}
.container-recherche-local :-ms-input-placeholder {color: #999; opacity: 1;}

.fond-recherche-local .btn_recharcheFaq {
	display: inline;
	padding-left: 5px;
	vertical-align: middle;
	/*cursor: pointer;
	border: none;
	font-weight: normal;*/
	}
.fond-recherche-local .btn_recharcheFaq button.iconRechercheFAQ{
	background-color: transparent;
	color: #fff;
	border: none;
	margin-top: 5px;
	}

.fond-recherche-local .btn_recharcheFaq a.btn_faq{
	/*background-color: transparent;
	color: #ccc;
	border: none;
	font-weight: normal;
	*/
	vertical-align: middle;
	font-size: 1.2em;
	color: #ccc;
	}


/* **********     Style - article avec bordure     ********** */
	article.bordure {
		border: solid 1px #ccc;
		padding: 20px 15px;
		}

	article.bordure-sans-padding {
		border: solid 1px #ccc;
		padding: 0px 0px;
		}
	article.bordure-sans-padding p, article.bordure-sans-padding ul, article.bordure-sans-padding header{
		margin: 20px 15px;
		}	
	article.bordure-sans-padding H4, article.bordure-sans-padding H5, article.bordure-sans-padding H5{
		padding-left: 15px;
		padding-right: 15px;
		}
	article.bordure-image {
		border: solid 1px #ccc;
		padding: 10px 10px;
		}
	article.bordure-image img {
		padding-bottom: 0px;
		}
	article.bordure-image-sans-padding {
		border: solid 1px #ccc;
		padding: 0px 0px;
		}
	article.bordure-image-sans-padding img {
			padding: 0px 0px;
		}
	article.bordure-droite{
		border-right: solid 1px #ccc;
		padding: 0px 15px 10px 15px;
		}

	article.bordure header {
		padding-top: 0;
		}
	article header H2:first-child, article  H2:first-child, article header H3:first-child, article header H4:first-child {
		margin-top: 0;
		}
	a{
		color: #336699;
		text-decoration: underline;
		}
	a:hover{
		color: #336699;
		text-decoration: none;
		}

	li a{
		text-decoration: none;
		}
	li a:hover{
		text-decoration: underline;
		}

/* **********     Style - article avec fond de couleur      ********** */
	article.fond-bleu {
		background-color: #003366;
		color: #fff;
		padding: 20px 15px;
		}
	article.fond-bleu H2, article.fond-bleu H3, article.fond-bleu H4, article.fond-bleu H5, article.fond-bleu H6{
		color: #fff;
		}
	article.fond-bleu a{
		color: #fff;
		text-decoration: underline;
		}
	article.fond-bleu a:hover{
		color: #fff;
		text-decoration: none;
		}
	article.fond-gris {
		background-color: #F0F0F0;
		color: #000;
		padding: 20px 15px;
		}
	article.fond-gris H2, article.fond-gris H3, article.fond-gris H4, article.fond-gris H5, article.fond-gris H6{
		color: #000;
		}
	article.fond-gris a{
		color: #000;
		text-decoration: underline;
		}
	article.fond-gris a:hover{
		color: #000;
		text-decoration: none;
		}



/* ************************************************************************* */
/* *******************    DÃƒâ€°BUT des styles Desktop     ********************* */
/* ************************************************************************* */

@media only screen and (min-width: 768px) and (max-width: 992px){

		article.tuile-bordure {
			border: solid 1px #ccc;
			border-left:solid 4px #003366;
			padding: 12px 19px;
			margin-bottom: 20px;
			}

			
		article.tuile-promo figure {
			width: 100%;
			/*overflow: hidden;
			height: 200px;*/
			margin-bottom: 10px;
			}

		article.tuile-promo figure img{
			margin-left: 0px;
			margin-right: 0px;
			width: 100%;
			}
	/* Nouveau style pour bandeau promo */	
		.col-md-4 {
			 width: 33.33333333%;
			 display: inline !important;
			 float: left;
			}

		article.bandeau-promo img.titre-img-bandeau-promo{
			width: 25%;
			margin-top: 1%;
			}

		article.bandeau-promo section.col-md-6{
			display: inline !important;
			width: 50%; 
			float:left; 
			}

		article.bandeau-promo section.col-md-4{
			display: inline !important;
			width:  25%; /*33.33333333%;*/ 
			float:left; 
			}
		article.bandeau-promo section.col-md-8{
			display: inline !important;
			width: 75%; /*66.66666667%;*/
			float:left; 
			}
		article.bandeau-promo-pleine-largeur{
			border: solid 1px #ccc;
			padding: 0px 0px;
			float: left;
			margin-bottom: 0px;
			width: 100%;
			}
		article.bandeau-promo{
			border: solid 1px #ccc;
			padding: 0px 0px;
			float: left;
			margin-bottom: 60px;
			width: 100%;
			}
		article.bandeau-promo figure {
			width: 100%;
			padding: 0px 0px;
			}
		article.bandeau-promo figure img{
			margin-left: 0px;
			margin-right: 0px;
			padding: 0px 0px;
			width: 100%;
			}
	/* FIn Nouveau style pour bandeau promo */	
}
@media (max-width: 768px) {

	.bandeau-promo .sans-padding-gauche{padding-left: 0px; padding-right: 0px;}


}

@media (min-width: 768px) {

	article.tuile-promo{
		border: solid 1px #ccc;
		padding: 0px 0px;
		}


/*
	article.bandeau-promo{
			border: solid 1px #ccc;
			padding: 0px 0px;
			float: left;
			width: 100%;
			}
*/
	.header {min-height: 150px;}	 
	 
/* **********     Configuration Menu corporatif     ********** */
	.menuCorpo {
		height: 24px;
		background-color: #f1f1f1;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		}
	.menuCorpo ul.listeLienCorpo {
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 12px 0px 0px;
		max-width: 1020px;
		float: right;
		}
	.menuCorpo ul.listeLienCorpo li {
		float: left;
		margin: 0px 0px;
		padding: 0px 0px;
		line-height: 22px;
		font-size: 0.8em;
		}
	.menuCorpo ul.listeLienCorpo li a {
		padding-left: 15px;
		padding-right: 15px;
		text-decoration: none;
		border-right: solid 0px;
		color: #333333;
		}
	.menuCorpo ul.listeLienCorpo li a:hover {
		color: #077199;
		text-decoration: underline;
		}
	.menuCorpo ul.listeLienCorpo li:last-child {
		display: block;
		padding-left: 0px;
		padding-right: 7px;
		text-decoration: none;
		border-left: solid 2px #fff;
		color: #333333;
		}
	.menuCorpo ul.listeLienCorpo li:last-child a {
		padding-right: 0px;
		}


/* **********     Configuration Element corporatif     ********** */
	.elementCorpo {
		margin-top: 24px;
		float: left;
		width: 100%;
		}

/* **********      Logo HQ      ********** */
	.logo {
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
		display: inline;
		float: left;
		width: 102px;
		height: 34px;
		}
	.logo img {
		border: 0;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}


/* **********      Lien Site      ********** */

	#LienSite {
		background-color: #fff;
		color: #333333;
		font-size: 0.9em
		font-weight: normal;
		font-family: Verdana;
		padding-right: 20px;
		text-align: left;
		margin-top: 25px;
		width: 30%;
		float: right;
		display: inline;
		}
	#LienSite ul.lien {
		display: inline;
		list-style: none;
		float: right;
		padding-left: 5px;
		padding-top: 10px;
		}	
	#LienSite ul.lien li:first-child {
		display: inline;
		border-left: 0px;
		}
	#LienSite ul.lien li {
		display: inline;
		border-left: 1px solid #333;
		}
	#LienSite ul.lien li a {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
		color: #333;
		}
	#LienSite ul.lien li a:hover {
		text-decoration: underline;
		}

/* **********     Configuration gÃ©nÃ©rale des titres     ********** */
	


	

/* **********      Configuration gÃ©nÃ©rale des articles      ********** */

	
	
	 
/* **********     Style - Box - Recherche en-tÃƒÂªte et page -  Container  ********** */	 
	.box {
		margin: 0px 20px 0px 0px;
		width: 80%;
		height: 32px;
		text-align: right;
		}
	.containerFull{
		width: 25%;
		vertical-align: middle;
		white-space: nowrap;
		display: inline;
		}

	.containerFull .form-recherche-entete{
		width: 25%;
		vertical-align: middle;
		white-space: nowrap;
		display: inline;
		}
	.containerFull input.champs-recherche-entete {
		width: 35%;
		height: 31px;
		background: transparent;
		border-top: 1px solid #003366;
		border-bottom: 1px solid #003366;
		border-left: 1px solid #003366;
		border-right: 1px solid #003366;
		font-size: 0.8em;
		padding: 0px 37px 0px 0px;
		color: #333;
		overflow: hidden;
		padding-left: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance : none;
		}
	.containerFull input.champs-recherche-entete::-webkit-input-placeholder {color: #999;}
	.containerFull input.Champs-recherche-entete:-moz-placeholder { /* Firefox 18- */color: #999;}
	.containerFull input.Champs-recherche-entete::-moz-placeholder {  /* Firefox 19+ */color: #999;}
	.containerFull input.Champs-recherche-entete:-ms-input-placeholder {color: #999;}
	.containerFull button.icon {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border: none;
		background-color: #003366;
		height: 30px;
		width: 32px;
		margin-top: 0px;
		color: #fff;
		font-size: 0.9em;
		opacity: 1;
		margin-left: -35px;
		cursor: pointer;
		padding: 0px 0px;
		}
	.containerFull:hover button.icon, .containerFull:active button.icon, .containerFull:focus button.icon {
		outline: none;
		opacity: 1;
		cursor: pointer;
		}
	.containerFull:hover button.icon:hover {
		cursor: pointer;
		}

	.containerFull ::-webkit-input-placeholder {color: #999; transition: opacity 250ms ease-in-out;}
	.containerFull	:-moz-placeholder {	/* Firefox 18- */color: #999; opacity: 0.7;}
	.containerFull	::-moz-placeholder {/* Firefox 19+ */color: #999; opacity: 0.7;}
	.containerFull	:-ms-input-placeholder {color: #999; opacity: 0.7;}
	.box .btn_recharcheFaq {
		display: inline;
		padding-left: 5px;
		vertical-align: middle;
		/*cursor: pointer;
		border: none;
		font-weight: normal;*/
		}
	.btn_recharcheFaq button.iconRechercheFAQ{
		background-color: transparent;
		color: #ccc;
		border: none;
		margin-top: 5px;
		}

	.btn_recharcheFaq a.btn_faq{
		/*background-color: transparent;
		color: #ccc;
		border: none;
		font-weight: normal;
		*/
		vertical-align: middle;
		font-size: 1.2em;
		color: #ccc;

		}
	.box .btn-espace {
		display: inline;
		padding: 2px 10px 8px 10px;
		background-color: #003366;
		width: 128px;
		height: 32px;
		text-align: center;
		margin-left: 35px;
		cursor: pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance : none;
		letter-spacing: 1px;
		}
	.btn-espace button.iconEspace {
		color: #fff;
		background-color: transparent;
		border: none;
		vertical-align: middle;
		/*margin-top: 2px;*/
		line-height: 110%;
		font-size: 70%;
		display: inline-block;
		}
	.btn-espace button.iconEspace .fa-user {
		margin-top: 1px;
		margin-right: 10px;
		}

	.btn-espace span.btn-espace-text{
		display: inline-block; 
		float: left; 
		font-weight: 600; 
		text-align: left;
		}


/* **********     Style  - Page Carroussel     ********** */
	.carousel-caption{
		text-shadow: 2px 0px 2px rgba(0,0,0,1);
		}

	#carouselButtons {
	    /*margin-left: 100px;*/
	    position: absolute;
	    bottom: 0px;
	    width:100%; 
	   /* background-color: rgba(255, 255, 255, 0.5);*/
	   width:100%; 
	   background-color: #fff; 
	   color: #333; 
	   opacity: 0.5;
	}

	p.titre-carousel{
		font-size:1.65em;
		color:#fff;
		margin-top:40px;
		margin-bottom:30px; /*15px*/
		/*margin-left: 20px;*/
		font-weight:500;
		}

	p.carousel{margin-bottom: 20px;}

	#homeCarousel .btn-primary{
		margin-top: 10px;
		color: #333;
		border: 0px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #ddd; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(white, #ddd); /* Standard syntax */
	}

	#homeCarousel .btn-primary:hover{
		color: #333;
		border: 0px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #ddd; /* For browsers that do not support gradients */
	   
	}
	#homeCarousel #playButton{
		background-color: 
		transparent; 
		border: none; 
		margin-right: 0px; 
		padding-right: 0px;	
		}
	#homeCarousel #pauseButton{
		background-color: transparent; border: none;
		}
	ol.carousel-indicators{
	    position: absolute;
	    bottom: -10px;
	    border: #000;
	    text-align: center;


	}
	ol.carousel-indicators li{
	    border-color: #000;
	    cursor: default;

	}

	ol.carousel-indicators li.active{
	    border-color: #000;
	    background-color: #000;
	    cursor: default;
	}



	.categoryList{

		}


		ul.category-list{
			list-style: none;
			padding-left: 0em;
			margin-left: 0em;
			/*margin-left: 2.5em;*/
			overflow: visible;
		}

		.deux-colonnes{
			list-style: none;
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
			-webkit-column-gap: 2em;
			column-gap: 2em;
			-moz-column-gap: 2em;
		}

		ul.category-list li{
			/*padding-left: 1.3em;
			padding-left: 1.3em;*/
			margin-left: 1.3em;
			margin-bottom: 5px;
			color: 003366;
		}

		ul.category-list li:before {
		  content: "\f105"; /* FontAwesome Unicode */
		  font-family: FontAwesome;
		  color: #003366;
		  display: inline-block;
		  /*margin-left: 1.3em;  same as padding-left set on li */
		  width: 1em; /* same as padding-left set on li */
		  text-decoration: none;
		}
		/*
		ul.categoryList li:hover {
		  text-decoration: underline;
		}
		*/

		li.category-list-element a{
			cursor: pointer;
			color: #003366;
			}
		li.category-list-element a:hover{
			cursor: pointer;
			
			}



	.slidingDiv       { }
	.slidingDiv &gt; div {  }



/* *********     Initialisation des styles pour le menu mobile     ********** */ 

	.containerMobile {display: none;}
	.box2 {display: none;}
	.btn-espace2 {display: none;}
	.grp-btn-espace2 {display: none;}
	.btn-espace2 {display: none;}
	ul.menuMobile, ul.menuCorpoMobile {display: none;}
	ul li.menuMobile {display: none;}
	ul li.menuCorpoMobile {display: none;}

}


/* ************************************************************************* */
/* ********************    FIN des styles Desktop      ********************* */
/* ************************************************************************* */


@media only screen and (max-width: 768px) {


		ul.category-list li{
			margin-left: 1.3em;
		}



		ul.deux-colonnes{
			list-style: none;
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
			-webkit-column-gap: 0em;
			column-gap: 0em;
			-moz-column-gap: 0em;
		}

		ul.category-list li:before {
		  content: "\f105"; /* FontAwesome Unicode */
		  font-family: FontAwesome;
		  color: #003366;
		  display: inline-block;
		  /*margin-left: 1.3em;  same as padding-left set on li */
		  width: 1em; /* same as padding-left set on li */
		  text-decoration: none;
		}

		li.category-list-element a{
			cursor: pointer;
			color: #003366;
			}
		li.category-list-element a:hover{
			cursor: pointer;
			
			}
	/* Nouveau style bandeau proomo */	
		
		.bandeau-promo section.col-md-6{
			display: block !important;
			width: 100%; 
			}
		.bandeau-promo section.col-md-4{
			display: inline !important;
			width:  25%; /*33.33333333%;*/ 
			float:left; 
			}
		.bandeau-promo section.col-md-8{
			display: inline !important;
			width: 75%; /*66.66666667%;*/
			float:left; 
			}
		article.bandeau-promo img.titre-img-bandeau-promo{
			width: 25%;
			margin-top: 1%;
			}
		article.bandeau-promo{
			border: solid 1px #ccc;
			padding: 0px 0px;
			float: left;
			margin-bottom: 20px;
			width: 100%;
			}
		article.bandeau-promo figure {
			width: 100%;
			padding: 0px 0px;
			}
		article.bandeau-promo figure img{
			padding: 0px 0px;
			margin-left: 0px;
			margin-right: 0px;
			width: 100%;
			}
		article.tuile-promo{
			border: solid 1px #ccc;
			padding: 0px 0px;
			width: 60%;
			margin-left:auto;
			margin-right: auto;
			margin-bottom: 20px;
			}
	}

/* ************************************************************************* */
/* ********************    DÃƒâ€°BUT des styles Mobile     ********************* */
/* ************************************************************************* */




@media (max-width: 767px) {


/* **********     Espacement entre les articles (stackage)      ********** */
	article {margin-bottom: 15px;}
	/* .row {margin: 0px 0px 0px 0px;} */


/* **********     Identification du site      ********** */
	
	#IndentificationSite {
		background-color: #fff;
		color: #333333;
		font-weight: normal;
		font-family: Verdana;
		padding: 20px 0px 20px 0px;
		text-align: left;
		text-transform: none;
		width: 100%;
		float: left;
		display: block;
		background: URL(' ');
		background-repeat: no-repeat;
		margin-top: 0px;
		}

	#IndentificationSite span.titre-entete {
		font-size: 1.5em;
		padding: 0px 0px 13px 0px;
		margin-top: 28px;
		font-weight: 500;
		color: #333;
		}

/* **********     Menu Mobile    ********** */
	
	ul li.menuMobile {visibility: visible!important;}
	ul li.menuCorpoMobile {visibility: visible!important;}
	.sepMenuCorpo {margin-top: 10px;}
	.menuCorpo {
		height: 5px;
		background-color: #f1f1f1;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		}
	
	
/* **********     Box et Container   ********** */	

	.box2 {visibility: visible!important;}
	.containerFull {display: none;}
	.containerMobile {visibility: visible!important;}
	
	.containerMobile {
		width: 300px;
		vertical-align: middle;
		white-space: nowrap;
		margin: 0px auto;
		background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance : none;
		}
	.containerMobile .form-recherche-entete{
		width: 300px;
		vertical-align: middle;
		white-space: nowrap;
		margin: 0px auto;
		background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance : none;
		}
	.containerMobile input.champs-recherche-entete {
		width: 300px;
		height: 31px;
		background: transparent;
		border-top: 1px solid #003366;
		border-bottom: 1px solid #003366;
		border-left: 1px solid #003366;
		border-right: 1px solid #003366;
		font-size: 10pt;
		padding: 0px 0px;
		color: #333;
		padding-left: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance : none;
		vertical-align: middle;
		}
	.containerMobile input.champs-recherche-entete::-webkit-input-placeholder {color: #999;}
	.containerMobile input.champs-recherche-entete:-moz-placeholder {/* Firefox 18- */color: #999;}
	.containerMobile input.champs-recherche-entete::-moz-placeholder {/* Firefox 19+ */color: #999;}
	.containerMobile input.champs-recherche-entete:-ms-input-placeholder {color: #999;}
	.containerMobile button.icon2 {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border: none;
		background-color: #003366;
		height: 30px;
		width: 32px;
		margin-top: 0px;
		color: #fff;
		font-size: 10pt;
		opacity: 1;
		margin-left: -35px;
		cursor: pointer;
		padding: 0px 0px;
		}
	.containerMobile:hover button.icon2, .containerMobile:active button.icon2, .containerMobile:focus button.icon2 {
		outline: none;
		opacity: 1;
		cursor: pointer;
		}
	.containerMobilel:hover button.icon2:hover {
		cursor: pointer;
		}
	.box2 {
		margin: 10px 0px 10px 0px;
		width: 100%;
		min-height: 50px;
		display: block;
		padding: 20px 0px 0px 0px;
		vertical-align: middle;
		}
	.box2 .btn-espace2 {
		padding: 2px 0px 2px 0px;
		background-color: #003366;
		width: 305px;
		height: 32px;
		cursor: pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance : none;
		letter-spacing: 1px;
		display: block;
		margin: 0px auto 20px auto;
		}
	.box2 .btn-espace2 button.iconEspace2 {
		color: #fff;
		background-color: transparent;
		border: none;
		vertical-align: middle;
		line-height: 110%;
		font-size: 68%;
		display: inline-block;
		margin-left: 15px;
		}
	.btn-espace2 button.iconEspace2 .fa-user {
		margin-top: 1px;
		margin-right: 10px;
		margin-left: 10px;
		}
	.btn-espace2 .grp-btn-espace2 {
		width: 250px;
		margin: 0px auto 0px auto;
		}
	.btn-espace2 .grp-btn-espace2 span.labelEspace2 {
		vertical-align: middle;
		line-height: 22px;
		display: inline;
		width: 250px;
		font-size: 130%;
		}

	
	


/* ******** Style champs de recherche HydroDoc ******** */

	
	

/* **********     Style  - Page Carroussel     ********** */
	.carousel-caption{
		text-shadow: 2px 0px 2px rgba(0,0,0,1);
		}

	#carouselButtons {
	    /*margin-left: 100px;*/
	    position: absolute;
	    bottom: 0px;
	    width:100%; 
	   /* background-color: rgba(255, 255, 255, 0.5);*/

	   width:100%; 
	   background-color: #fff; 
	   color: #333; 
	   opacity: 0.5;
	}

	p.titre-carousel{
		font-size:1.2em;
		color:#fff;
		margin-top:20px;
		margin-bottom:20px; /*15px*/
		/*margin-left: 20px;*/
		font-weight:500;
		}

	p.carousel{font-size:0.9em; margin-bottom: 20px;}

	#homeCarousel .btn-primary{
		margin-top: 10px;
		color: #333;
		border: 0px;
		font-size: 0.8em;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #ddd; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(white, #ddd); /* Standard syntax */
		}

	#homeCarousel .btn-primary:hover{
		color: #333;
		border: 0px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #ddd; /* For browsers that do not support gradients */
	   
	}
	#homeCarousel #playButton{
			background-color: 
			transparent; 
			border: none; 
			margin-right: 0px; 
			padding-right: 0px;	
		}
	#homeCarousel #pauseButton{
		background-color: transparent; border: none;
		}
	ol.carousel-indicators{
	    position: absolute;
	    bottom: -10px;
	    border: #000;
	    text-align: center;


	}
	ol.carousel-indicators li{
	    border-color: #000;
	    cursor: default;

	}

	ol.carousel-indicators li.active{
	    border-color: #000;
	    background-color: #000;
	    cursor: default;
	}


	
/* **********     Style Desktop   ********** */	
	ul.listeLienCorpo {display: none;}
	.box {display: none;}
	.btnEspace {display: none;}
	#LienSite ul.lien {display: none;}
	#Recherche #formulaireRecherche {display: none;}
	#Recherche #formulaireRecherche #formuaireTexte {display: none;}
	.btnFAQ {display: none;}
	}


/********** TUILES CATÃƒâ€°GORIES **************/
		.categoryTiles{
			width:100%;
			}
			
		.categoryTile{
			float:left;
			width:250px;
			border:1px solid #4c7399;
			margin-right:20px;
			margin-bottom:20px;
			/*border-top:5px solid #003366;*/
			background-color: #4c7399 ;
			text-align:center;
			padding: 15px 10px;
			min-height: 105px;
			color: #fff;
			}
		.categoryTile a{
			color: #333;
			text-decoration: none;
			}

		.categoryTile a:hover{
			color: #333;
			text-decoration: underline;
			}

		.categoryTile button:hover{
			text-decoration: underline;
			}

		.categoryTileButton {
		    color: #333;
		    cursor: pointer;
		    text-decoration: none;
		    line-height: normal;
		    display: inline-block;
		    vertical-align: middle;
			/*width: 100%;*/
			}
		.categoryTileButton:hover{
		    text-decoration:underline;
			}

		.categorySousTile{
			float:left;
			width:250px;
			border:1px solid #ccc;
			margin-right:20px;
			margin-bottom:20px;
			/*border-top:5px solid #336699;*/
			background-color: #f8f8f8 ;
			text-align:center;
			padding: 15px 10px;
			min-height: 105px;
			color: #333;
			}
		.categorySousTile a{
			color: #333;
			text-decoration: none;
			}

		.categorySousTile a:hover{
			color: #333;
			text-decoration: underline;
			}

		ul.liste-tuile{
			list-style: none;
			margin-left: auto;
			margin-right: auto;
			}
		li.elememt-tuile:before{
			content: ""; 
			font-family: FontAwesome;
			display: inline-block;
			margin-left: 0em; /* same as padding-left set on li */
			width: 0em; /* same as padding-left set on li */
			}
		li.elememt-tuile{
  			float:left;
			width:250px;
			border:1px solid #4c7399;
			margin-right:20px;
			margin-bottom:20px;
			background-color: #4c7399;
			text-align: center;
			padding: 15px 10px;
			height: 105px;
			color: #fff;
			}
		li.elememt-tuile:last-child{
			margin-right:0px;
			}
		li.elememt-tuile a{
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			color: #fff;
			text-decoration: none;
			}
		li.elememt-tuile a:hover{
			color: #fff;
			text-decoration: underline;
			}

		li.sous-elememt-tuile:before{
			content: ""; 
			font-family: FontAwesome;
			display: inline-block;
			margin-left: 0em; /* same as padding-left set on li */
			width: 0em; /* same as padding-left set on li */
			}
		li.sous-elememt-tuile{
  			float:left;
			width:250px;
			border:1px solid #ccc;
			margin-right:20px;
			margin-bottom:20px;
			background-color: #f8f8f8;
			text-align: center;
			padding: 15px 10px;
			height: 105px;
			color: #333;
			}
		li.sous-elememt-tuile:last-child{
			margin-right:0px;
			}
		li.sous-elememt-tuile a{
			position: relative;
			top: 32%;
			transform: translateY(-50%);
			color: #333;
			text-decoration: none;
			}
		li.sous-elememt-tuile a:hover{
			color: #333;
			text-decoration: underline;
			}



/* OLD */ 

		ul.SousTuile{
			list-style: none;
			padding-left: 0px;
			padding-top: 0px;
			margin-bottom: 0px;
			
			}

		li.SousTuile{
			width:250px;
			border:1px solid #ccc;
			margin-right:20px;
			margin-bottom:20px;
			padding: 15px 10px;
			/*border-top:5px solid #336699;*/
			background-color: #f8f8f8 ;
			min-height: 105px;
			color: #333;
			display: inline-flex;
			text-align: center;
			margin-left: 0px;
			margin-right: 1.2em;
			}

		li.SousTuile a{
			color: #333;
			text-decoration: none;
			width: 100%;
			vertical-align: middle;
			
			}

		li.SousTuile a:hover{
			color: #333;
			text-decoration: underline;
			}

		button.SousTile{
			float:left;
			width:250px;
			border:1px solid #ccc;
			margin-right:20px;
			margin-bottom:20px;
			/*border-top:5px solid #336699;*/
			background-color: #f8f8f8 ;
			text-align:center;
			padding: 15px 10px;
			min-height: 105px;
			color: #333;
			}
		button.SousTile a{
			color: #333;
			text-decoration: none;
			}

		button.SousTile a:hover{
			color: #333;
			text-decoration: underline;
			}

/* Liste dÃ©roulante */ 
			.container-liste-deroulante{display: inline;}

				ul.liste-deroulante-site .dropdown-menu{
				}

				ul.liste-deroulante-site{
					border: 1px solid #ccc;
					margin: 5px 0px 0px 0px !important;
					padding: 0px 0px;
					}
				.dropdown-menu &gt; li.element-liste-deroulante {
					padding: 0px 0px; /*3px 20px*/
					clear: both;
					border-bottom: 1px solid #ccc;
					margin: 0px 0px;
					}
				.dropdown-menu &gt; li.element-liste-deroulante:last-child {
					padding: 0px 0px; /*3px 20px*/
					clear: both;
					border-bottom: 1px solid transparent;
					}
				.dropdown-menu &gt; li.element-liste-deroulante&gt; a.element-lien {
					display: run-in;
					padding: 7px 8px 7px 8px; /*3px 20px*/
					clear: both;
					line-height: 1.42857143;
					color: #333;
					white-space: normal;
					text-decoration: none;
					/*font-size: 0.85em;*/
					}
				.dropdown-menu &gt; li.element-liste-deroulante &gt; a.element-lien:hover,
				.dropdown-menu &gt; li.element-liste-deroulante &gt; a.element-lien:focus {
					color: #333;
					text-decoration: none;
					background-color: #f2f2f2; /* #f5f5f5 */
					}




}		

		

	



@media (max-width: 970px) { 

	.barre-recherche-local {margin:auto; width: 100%;}
	.barre-recherche-info {margin:auto; width: 100%;}
	
	.container-recherche-info input.champs-recherche-info{
		width: 80%;
		}
	.container-info-select{
		padding-top: 10px;
		width: 100%;
		display: block;
		}



}


@media (max-width: 320px) { }


#banniere-promo {
		    background-color: #fff;
		    border: 1px solid #ccc;
		    margin: 30px 0;
		    padding: 15px 20px;
			}
		#banniere-promo figure {
		    display: table;
		    width: 100%;
		    margin-bottom: 0;
		    text-align: right;
			}
		#banniere-promo .banniere-image {
		    display: table-cell;
		    vertical-align: middle
			}
		#banniere-promo .banniere-image img {
		    display: inline-block;
		    height: auto;
		    max-width: 100%;
		    margin-bottom: 0;
			}
		#banniere-promo .banniere-image.banniere-image-bottom {
		    vertical-align: bottom;
			}
		#banniere-promo .banniere-image.banniere-image-bottom img {
		    position: relative;
		    bottom: -15px
			}
		#banniere-promo figcaption {
		    display: table-cell;
		    width: 70%;
		    color: #000;
		   /* font-size: 0.9em;
		    line-height: 1.1em;*/
		    text-align: left;
		    vertical-align: middle;
			}
		#banniere-promo figcaption a {
		    color: #1b75bb;
		    text-decoration: none;
			}
		#banniere-promo figcaption a span.small {
		    display: block;
		    font-size: 0.9em;
		    line-height: 1.4em!important
			}
		#banniere-promo figcaption a:active,
		#banniere-promo figcaption a:focus,
		#banniere-promo figcaption a:hover {
		    text-decoration: underline;
			}


/* 

Boite promo sur 2 colonnes */
	article.boite-promo{
		padding:0px 0px;
		margin: 0px 0px;
		float: left;
		}

	.fond-gris{background-color: #F0F0F0;}

	article.boite-promo figure  img.img-boite-promo{
		width: 100%;
		}

	H2.boite-promo-titre {
		/*font-size: 1.25em;*/
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 25px;
		margin-left: 0em;
		margin-bottom: 0px;
		color: #003366;
		/*white-space: nowrap;*/
		}
	H2.boite-promo-titre:after{
	  	content: "\f105"; /* FontAwesome Unicode */
	  	font-family: FontAwesome;
	 	display: inline-block;
	 	/*margin-left: 0.5em; *//* same as padding-left set on li */
	  	width: 1em; /* same as padding-left set on li */
	  	white-space: nowrap;
	  	color: #ffac2c;
	  	font-weight: 600;
		}
	H2.boite-promo-titre a{
	  	color: #003366;
	  	text-decoration: none !important;
		}
	H2.boite-promo-titre a:hover{
	  	color: #003366;
	  	text-decoration: underline !important;
		}
	H2.boite-promo-titre a:hover span.sans-deco{
	  	text-decoration: none;
		}
	.boite-promo-contenu p{
		/*font-size: 0.8em;*/
		padding-left: 15px;
		padding-right: 20px;
		margin-left: 0px;
	  	padding-top: 15px;
		}

		


@media only screen and (min-width: 768px) and (max-width: 992px){

/* **********     Espacement entre les articles (stackage)      ********** */
	article{margin-bottom: 15px;}
	/* .row{margin: 0px 0px 0px 0px;} */

	.boite-promo .col-md-6{
		width: 50% !important;
		float: left;
		display: inline-block !important;
		}

	#banniere-promo {
		    background-color: #fff;
		    border: 1px solid #ccc;
		    margin: 30px 0;
		    padding: 15px 20px;
			}
		#banniere-promo figure {
		    display: table;
		    width: 100%;
		    margin-bottom: 0;
		    text-align: right;
			}
		#banniere-promo .banniere-image {
		    display: table-cell;
		    vertical-align: middle
			}
		#banniere-promo .banniere-image img {
		    display: inline-block;
		    height: auto;
		    max-width: 100%;
		    margin-bottom: 0;
			}
		#banniere-promo .banniere-image.banniere-image-bottom {
		    vertical-align: bottom;
			}
		#banniere-promo .banniere-image.banniere-image-bottom img {
		    position: relative;
		    bottom: -15px
			}
		#banniere-promo figcaption {
		    display: table-cell;
		    width: 70%;
		    color: #000;
		   /* font-size: 0.9em;
		    line-height: 1.1em;*/
		    text-align: left;
		    vertical-align: middle;
			}
		#banniere-promo figcaption a {
		    color: #1b75bb;
		    text-decoration: none;
			}
		#banniere-promo figcaption a span.small {
		    display: block;
		    font-size: 0.9em;
		    line-height: 1.4em!important
			}
		#banniere-promo figcaption a:active,
		#banniere-promo figcaption a:focus,
		#banniere-promo figcaption a:hover {
		    text-decoration: underline;
			}

}

@media only screen and (max-width: 768px){
	.boite-promo .col-md-6{
		width: 50% !important;
		float: left;
		display: inline-block !important;
	}
	H2.boite-promo-titre {
	  	padding-top: 15px;
		}

		#banniere-promo {
		    background-color: #fff;
		    border: 1px solid #ccc;
		    margin: 30px 0;
			}
		#banniere-promo figure {
		    display: table;
		    width: 100%;
		    margin-bottom: 0;
		    text-align: right;
			}
		#banniere-promo .banniere-image {
		    display: table-cell;
		    vertical-align: middle
			}
		#banniere-promo .banniere-image img {
		    display: inline-block;
		    height: auto;
		    max-width: 100%;
		    margin-bottom: 0;
			}
		#banniere-promo .banniere-image.banniere-image-bottom {
		    vertical-align: bottom;
			}
		#banniere-promo .banniere-image.banniere-image-bottom img {
		    position: relative;
		    bottom: -15px
			}
		#banniere-promo figcaption {
		    display: table-cell;
		    width: 70%;
		    color: #000;
		   /* font-size: 0.9em;
		    line-height: 1.1em;*/
		    text-align: left;
		    vertical-align: middle;
			}
		#banniere-promo figcaption a {
		    color: #1b75bb;
		    text-decoration: none;
			}
		#banniere-promo figcaption a span.small {
		    display: block;
		    font-size: 0.9em;
		    line-height: 1.4em!important
			}
		#banniere-promo figcaption a:active,
		#banniere-promo figcaption a:focus,
		#banniere-promo figcaption a:hover {
		    text-decoration: underline;
			}
	
}


/* ****** Footer ****** */

#Footer {
	padding-top: 60px;
}


footer H2{
	font-size: 0.9em;
	font-weight:500;
	margin-top:30px;
	margin-bottom:10px;
	color:#ffac2c;
	}
footer H2 a:after{
	font-family: 'Open Sans', sans-serif;
	content: "";
	}

ul.footer-list-titre{
	  list-style: none;
	  padding-left: 0em;
	  margin-left: 0em;
	  overflow: visible;
	  margin-top: 25px;
	}
ul.footer-list-titre li {
	padding-left: 0em;
	margin-left: 0em;
	margin-bottom: 5px;
	font-size: 0.9em;
	color: #fff;
	}
ul.footer-list-titre li:after {
	content: "\f105"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	color: #fff;
	display: inline-block;
	margin-left: 0.5em; /* same as padding-left set on li */
	width: 1em; /* same as padding-left set on li */
	word-break: keep-all;
	}

ul.footer-list-titre li a{color: #ffac2c;}
ul.footer-list-titre li a:hover{text-decoration: underline;}

ul.footer-list{
	list-style: none;
	padding-left: 0em;
	margin-left: 1em;
	overflow: visible;
	}
ul.footer-list li {
	padding-left: 0em;
	margin-left: 0em;
	margin-bottom: 5px;
	font-size: 0.8em;
	}
ul.footer-list li:before {
	content: "\f105"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	color: #fff;
	display: inline-block;
	margin-left: -1em; /* same as padding-left set on li */
	width: 1em; /* same as padding-left set on li */
	}

ul.footer-list li a{color: #fff;}
.back-footer{
	background-image: url(https://intranet.hydro.qc.ca/gabarits/test/site/img/footer-bg.png);		
	background-repeat: repeat-x; 
	background-color: #0d2f4a;
	}
.img-footer{float: right;}

.icon-space-footer{margin-right: 10px;}

a.media-lien-footer{color: #ccc; margin-right: 10px; }

a.media-lien-footer:hover{color: #fff; text-decoration: none;}

.text-media-footer{
	font-size: 0.8em; 
	color: #fff; 
	margin-top: 20px; 
	padding-top: 20px; 
	border-top: 1px solid #fff;
	}

#Footer-site {padding-top: 60px;}

.footer-container-list{
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 80px;
	}
p.footer-site-text{
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	}
ul.footer-site-list{
	list-style: none;
	padding-left: 0em;
	margin-left: 1em;
	overflow: visible;
	text-align: center;
	}
ul.footer-site-list li {
	display: inline;
	padding-left: 0em;
	margin-left: 0em;
	margin-bottom: 5px;
	font-size: 0.9em;
	}
ul.footer-site-list li:before {
	content: "|"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	color: #fff;
	display: inline-block;
	margin-left: -1em; /* same as padding-left set on li */
	width: 1em; /* same as padding-left set on li */
	margin-left: 5px;
	margin-right: 5px;
	}
	ul.footer-site-list li:first-child:before {
	content: ""; /* FontAwesome Unicode */
	font-family: FontAwesome;
	color: #fff;
	display: inline-block;
	margin-left: -1em; /* same as padding-left set on li */
	width: 1em; /* same as padding-left set on li */
	margin-left: 5px;
	margin-right: 5px;
	}
ul.footer-site-list li a{color: #fff;}
.text-media-footer{
	font-size: 0.8em; 
	color: #fff; 
	margin-top: 20px; 
	padding-top: 20px; 
	border-top: 1px solid #fff;
	}
.non-visible{visibility: hidden;}
.visible{visibility: visible;}

@media only screen and (max-width: 768px){
	.footer-container-list{
		padding-top: 120px;
		padding-bottom: 20px;
		padding-left: 0px;
		}
}


/* ********    Tableau de base     ******** */
table{
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	}
table td, table td{
	padding: 8px 8px 8px 8px;
	border: 1px solid #ccc;
	}



/* ****** Style pour les tuiles aves lien ***** */
		ul.liste-tuile{
			list-style: none;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			width: 100%;
			}
		li.element-tuile:before{
			/*
			content: ""; 
			font-family: FontAwesome;
			display: inline-block;
			margin-left: 0em;
			width: 0em; 
			*/	

			content: '';
    		display: inline-block;
    		vertical-align: middle;
    		height: 100%;		
			}
		li.element-tuile{
			display: inline-block;  
    		vertical-align: middle;

    		width:250px;
			border:1px solid #4c7399;
			margin-right:20px;
			margin-bottom:20px;
			background-color: #4c7399;
			text-align: center;
			padding: 15px 10px;
			height: 105px;
			color: #fff;


			/*
  			float:left;
			width:250px;
			border:1px solid #4c7399;
			margin-right:20px;
			margin-bottom:20px;
			background-color: #4c7399;
			text-align: center;
			padding: 15px 10px;
			height: 105px;
			color: #fff;
			*/
			}
		li.element-tuile:last-child{
			margin-right:0px;
			}
		li.element-tuile a{
			display: inline-block;  
    		vertical-align: middle;
    		color: #fff;
			text-decoration: none;
			/*
			display: flex;
			justify-content: center;
			color: #fff;
			text-decoration: none;
			position: relative;
			top: 25%;
			transform: translateY(-50%);
			*/
			}
		li.element-tuile a:hover{
			color: #fff;;
			text-decoration: underline;
			}

	/* Styles utilisÃ©s aussi pour les tuiles dans les sites */
		.unite-structurelle .col-md-9{

			}

		.unite-structurelle .col-md-3{

			}


		ul.tuile-unite-structurelle{
			list-style: none;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			width: 100%;
			}

		li.element-tuile-unite-structurelle{
  			display: inline-block;
			width:250px;
			margin-right:20px;
			background-color: #fff;
			/*color: #fff;*/
			}

		li.element-tuile-unite-structurelle:before{
			
			content: '';
    		display: inline-block;
    		vertical-align: middle;
    		height: 100%;
    		}
		
		article.unite-structurelle{
			float: left;
			padding: 10px 10px 10px 5px;
			border: 1px solid #ccc;
			min-height: 65px;
			width: 100%;
			vertical-align: middle;
			
			}

		p.unite-structurelle-contenu{
			
			line-height: 1.1em;
			width: 100%;
			padding: 0px 0px 0px;
			margin: 0px 0px 0px;
			vertical-align: middle;
			}

		img.unite-structurelle-img{
			vertical-align: middle;
			

			}
		a.show_hide article.unite-structurelle p.unite-structurelle-contenu{
  			color: #000;
  			text-decoration: none;
			}
		a.show_hide:hover article.unite-structurelle p.unite-structurelle-contenu{
  			text-decoration: underline;
			}

	@media only screen and (min-width: 768px) and (max-width: 992px){
				.unite-structurelle .col-md-3{
					display: block!important;
					width: 100%;
					margin-bottom: 10px;
					text-align: center;
					}

				.unite-structurelle .col-md-9{
					display: block !important;
					width: 100%;
					margin-bottom: 10px;
					text-align: center
					}
				article.unite-structurelle{
					float: left;
					padding: 15px 5px 10px 5px;
					margin-bottom: 20px;
					border: 1px solid #ccc;
					min-height: 80px;
					width: 100%;
					vertical-align: middle;
					
					}
		}
		
		@media only screen and (max-width: 768px){
				.unite-structurelle .col-md-3{
					display: block !important;
					width: 100%;
					margin-bottom: 10px;
					text-align: center
					}
				.unite-structurelle .col-md-9{
					display: block !important;
					width: 100%;
					margin-bottom: 10px;
					text-align: center
					}

				article.unite-structurelle{
					float: left;
					padding: 15px 5px 10px 5px;
					margin-bottom: 20px;
					border: 1px solid #ccc;
					min-height: 80px;
					width: 100%;
					vertical-align: middle;
					
					}
		}

		
/* ****** FIN - Style pour les tuiles aves lien ***** */

/* ****** Style page de recherche par unitÃ©s structurelles ***** */
				article.article-unite-structurelle{
					/*min-height: 300px;*/
					padding: 0px 0px 10px 0px;
					margin: 0px 0px 10px 0px;
					display: block;	
					float: left;
					border-bottom: solid 1px #ccc;
					width: 100%;
					}

				a.lien-titre-article:hover p.article-unite-structurelle-titre{ text-decoration: underline; }

				
				article.article-unite-structurelle figure.article-unite-structurelle-figure{
					display: block;
					padding-left: 0px;
					margin-left: 0px;
					padding-bottom: 5px;
					padding-top: 0px;
					padding-right: 20px;
					width: 10%;
					width: 100px;
					}
				
				article.article-unite-structurelle figure.article-unite-structurelle-figure img.article-unite-structurelle-img {
					padding-left: 10px;
					margin-left: 0px;
					padding-bottom: 5px;
					padding-top: 0px;
					padding-right: 0px;
					width: 100%;
					}

				article.article-unite-structurellee header p.article-unite-structurelle-theme{
					font-size: 0.85em !important;
					color: #656565;
					padding: 0px 0px;
					margin: 0px 0px 5px 0px;
					font-weight: normal;
					}
						
				article.article-unite-structurelle p.article-unite-structurelle-date{
					font-size: 0.9em;
					color: #656565;
					padding: 0px 0px;
					margin: 0px 0px;
					}
						
				article.article-unite-structurellee p.article-unite-structurelle-titre{
					font-size: 0.9em !important;
					color: #333;
					padding: 0 0 0 0;
					margin: 5px 0px 2px 0px;
					}
				@media only screen and (min-width: 768px) and (max-width: 992px){
					article.article-unite-structurelle figure.article-unite-structurelle-figure img.article-unite-structurelle-img {
						width: 100%;
					}
				}

				@media only screen and (max-width: 768px){
					article.article-unite-structurelle figure.article-unite-structurelle-figure img.article-unite-structurelle-img {
					display: none;
					}
					article.article-unite-structurelle figure.article-unite-structurelle-figure{
					display: none;
					
					}
				}
/* ****** FIN - Style page de recherche par unitÃ©s structurelles ***** */

/* ******** Style champs de recherche HydroDoc ******** */

	input.champsRechercheLivelinkZone3 {
	    border: solid 1px #999;
	    padding: 2px 5px 2px 10px;
	    margin: 0px 20px 0px 0px;
		font-size: 0.9em;
	    width: 230px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance : none;
	}

	/*
	.divChampsRechercheLivelinkZone3 {
		width: 100%;
		float: left;
		padding-left: 2px;
		padding-right: 2px;
	}
	*/

	.boutonRechercheLivelinkZone3{
		font-size: 0.9em;
		line-height: 1.7em;
		border : 1px solid #ccc ;
		padding: 0px 10px 0px 10px;
		/*padding-left : 5px 10px 5px 10px;*/
		margin: 0px 20px 3px 0px;
		color: #333;
		vertical-align: top;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #ddd; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(white, #ddd); /* Standard syntax */
	}

@media only screen and (min-width: 768px) and (max-width: 992px){
	input.champsRechercheLivelinkZone3 {
	    border: solid 1px #999;
	    padding: 2px 5px 2px 10px;
	    margin: 0px 20px 0px 0px;
		font-size: 0.9em;
	    width: 230px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance : none;
	}

	/*
	.divChampsRechercheLivelinkZone3 {
		width: 100%;
		float: left;
		padding-left: 2px;
		padding-right: 2px;
	}
	*/

	.boutonRechercheLivelinkZone3{
		font-size: 0.9em;
		line-height: 1.7em;
		border : 1px solid #ccc ;
		padding: 0px 10px 0px 10px;
		/*padding-left : 5px 10px 5px 10px;*/
		margin: 0px 20px 3px 0px;
		color: #333;
		vertical-align: top;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #ddd; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(white, #ddd); /* Standard syntax */
	}


}

@media (max-width: 768px) {
	input.champsRechercheLivelinkZone3 {
	    border: solid 1px #999;
	    padding: 2px 5px 2px 10px;
	    margin: 0px 20px 10px 0px;
		font-size: 0.9em;
	    width: 230px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-appearance : none;
		}

	/*
	.divChampsRechercheLivelinkZone3 {
		width: 100%;
		float: left;
		padding-left: 2px;
		padding-right: 2px;
	}
	*/

	.boutonRechercheLivelinkZone3{
		font-size: 0.9em;
		line-height: 1.7em;
		border : 1px solid #ccc ;
		padding: 0px 10px 0px 10px;
		/*padding-left : 5px 10px 5px 10px;*/
		margin: 0px 20px 3px 0px;
		color: #333;
		vertical-align: top;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #ddd; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(white, #ddd); /* Standard syntax */
		}


}

/* ***** Lien partage de page ***** */
	ul.page-lien-partage{
		list-style: none;
		padding: 10px 20px 10px 0px;
		width: 100%; 
		}
	ul.page-lien-partage &gt; li{
		padding: 0px 0px 0px 0px;
		font-size: 0.9em;
		color: #F90;
		font-weight: 600;
		text-align: right;
		}
	ul.page-lien-partage &gt; li:before{
		content: " "; /* FontAwesome Unicode */
		}
	ul.page-lien-partage &gt; li:after{
		content: "\f105"; /* FontAwesome Unicode */
		font-family: FontAwesome;
		color: #ffac2c;
		display: inline-block;
		margin-left: 0em; /* same as padding-left set on li */
		width: 1em; /* same as padding-left set on li*/
		}
	ul.page-lien-partage &gt; li &gt; a {
		color: #003366;
		}
	ul.page-lien-partage &gt; li &gt; i.fa-chevron-right{
		vertical-align: middle;
		font-size: 0.75em;
		}

/* ***** Bouton HQ ***** */
	a.btn-action-reg {
		display: inline-block;
		padding: 3px 12px 3px 12px ;
		margin-bottom: 0;
		font-size: 0.9em;
		font-weight: normal;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
			touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
	    -ms-user-select: none;
			user-select: none;
	  	color: #336699;
	  	border: 1px solid #ccc;
	  	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #ddd; /* For browsers that do not support gradients */
	    background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(white, #ddd); /* Standard syntax */
	    text-decoration: none;
		}

	a.btn-action-reg a{
		text-decoration: none;
		}

	a.btn-action-reg:after{
		content: "\f105"; /* FontAwesome Unicode */
		font-family: FontAwesome;
		color: #ffac2c;
		display: inline-block;
		margin-left: 0em; /* same as padding-left set on li */
		width: 1em; /* same as padding-left set on li*/
		text-decoration: none;
		font-weight: bold;
		padding-left: 3px;
		}
	a.btn-action-reg:focus,
	a.btn-action-reg.focus {
		color: #336699;
	  	border: 1px solid #ccc;
	  	background: #ddd; /* For browsers that do not support gradients */
	  	background: -webkit-linear-gradient(#ddd, white); /* For Safari 5.1 to 6.0 */
	 	background: -o-linear-gradient(#ddd, white); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#ddd, white); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#ddd, white); /* Standard syntax */
	    text-decoration: none;
		}
	a.btn-action-reg:hover {
		color: #336699;
	  	border: 1px solid #ccc;
	  	background: #ddd; /* For browsers that do not support gradients */
	  	background: -webkit-linear-gradient(#ddd, white); /* For Safari 5.1 to 6.0 */
	 	background: -o-linear-gradient(#ddd, white); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#ddd, white); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#ddd, white); /* Standard syntax */
	    text-decoration: none;
		}
	a.btn-action-reg:active,
	a.btn-action-reg.active,
	.open &gt; .dropdown-toggle.btn-action-reg {
		color: #336699;
	  	border: 1px solid #ccc;
	  	background: #ddd; /* For browsers that do not support gradients */
	  	background: -webkit-linear-gradient(#ddd, white); /* For Safari 5.1 to 6.0 */
	 	background: -o-linear-gradient(#ddd, white); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#ddd, white); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#ddd, white); /* Standard syntax */
	    text-decoration: none;	
		}
	a.btn-action-reg:active:hover,
	a.btn-action-reg.active:hover,
	.open &gt; .dropdown-toggle.btn-primary:hover,
	a.btn-action-reg:active:focus,
	a.btn-action-reg.active:focus,
	.open &gt; .dropdown-toggle.btn-action-reg:focus,
	a.btn-action-reg:active.focus,
	a.btn-action-reg.active.focus,
	.open &gt; .dropdown-toggle.btn-action-reg.focus {
		color: #336699;
	  	border: 1px solid #ccc;
	  	background: #ddd; /* For browsers that do not support gradients */
	  	background: -webkit-linear-gradient(#ddd, white); /* For Safari 5.1 to 6.0 */
	 	background: -o-linear-gradient(#ddd, white); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#ddd, white); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#ddd, white); /* Standard syntax */
		text-decoration: none;
		}
	a.btn-action-reg:active,
	a.btn-action-reg.active,
	.open &gt; .dropdown-toggle.btn-action-reg {
		background-image: none;
		}
	a.btn-action-reg.disabled:hover,
	a.btn-action-reg[disabled]:hover,
	fieldset[disabled] a.btn-action-reg:hover,
	a.btn-action-reg.disabled:focus,
	a.btn-action-reg[disabled]:focus,
	fieldset[disabled] a.btn-action-reg:focus,
	a.btn-action-reg.disabled.focus,
	a.btn-action-reg[disabled].focus,
	fieldset[disabled] a.btn-action-reg.focus {
		color: #336699;
	 	border: 1px solid #ccc;
	  	background: #ddd; /* For browsers that do not support gradients */
	  	background: -webkit-linear-gradient(#ddd, white); /* For Safari 5.1 to 6.0 */
	 	background: -o-linear-gradient(#ddd, white); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#ddd, white); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#ddd, white); /* Standard syntax */
	    text-decoration: none;
		}


/* ****** HR ***** */

.row .divider{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px;
	min-height: 1px;
	display: block;
	}	
			
.row hr{
	border-color: #CCC;
	padding: 0px 0px;
	margin: 0px 0px;
	display: block;
	}

hr {
	border-color: #CCC;
	padding: 0px 0px;
	margin: 10px 0px;
	display: block;
	width: 100%;
	}


/* ****** CSTIC - TEMPS D'ATTENTE ***** */

.temps-attente {
	float:left;
	}
.temps-attente span.infoTel {
	display: inline-block;
	padding-top:18px;
	}
.temps-attente img.img-fix-float-gauche {
	vertical-align:top
	}
.temps-attente i.fa-question-circle {
	color:grey;
	cursor: default;
	}
.temps-attente i.fa-clock-o {
	color:green;
	margin-left:-18px;
	}
.temps-attente p.delaiAttente {
	margin-top:40px;
	padding-left:90px;
	}
.temps-attente p.menuVocal {
	margin-top:40px;
	padding-left:90px;
	}
.temps-attente #afficheTemps {
	font-weight: bold;
	}
.temps-attente #afficheHeure {
	font-style: italic;
	}



/* ****** CSTIC - MULTICANAUX ***** */

.tempsAttente {
	margin:0px 0px;
	}
.tempsAttente span.infoTel {
	display: inline-block;
	padding-top:18px;
	}
.tempsAttente img.img-fix-float-gauche {
	vertical-align:top
	}
.tempsAttente i.fa-question-circle {
	color:grey;
	cursor: default;
	}
.tempsAttente i.fa-clock-o {
	color:green;
	}
.tempsAttente i.fa-question-circle-o {
	color:#ccc;
	}
.tempsAttente #afficheTemps {
	font-weight: bold;
	}
.tempsAttente #afficheHeure {
	font-style: italic;
	}
.canal .canal-contenu {
	float:left;
	width:100%;
	margin:0px 0px 30px 0px;
	}
.canal .canal-icone {
	float:left;
	width:80px;
	}
.canal .canal-icone img {
	width: 60%;
	}
.canal .canal-icone i {
	font-size: 300%;
	color:#5180cc;
	}
.canal .canal-texte {
	float:left;
	}
.canal .canal-texte h4 {
	margin-top:0;
	margin-bottom:15px;
	}

/* ****** DEBUT COVEO - Recherche En-Tete  ***** */
    .coveo-inline {display: inline-block;}
    .box {
        margin: 0px 0px 0px 0px;
        width: 80%;
        height: 32px;
        text-align: right;
        }
    .containerCoveoFull{
        width: 50%;
        vertical-align: middle;
        white-space: nowrap;
        display: inline;
        }

    .containerCoveoFull .form-recherche-entete{
        width: 50%;
        vertical-align: middle;
        white-space: nowrap;
        display: inline;
        }
    .containerCoveoFull input.coveo-recherche-entete {
        width: 260px;
        height: 31px;
        background: transparent;
        border-top: 1px solid #003366;
        border-bottom: 1px solid #003366;
        border-left: 1px solid #003366;
        border-right: 1px solid #003366;
        font-size: 0.8em;
        padding: 0px 5px 0px 0px;
        /*color: #333;*/
        overflow: hidden;
        padding-left: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-appearance : none;
        }
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #999;
        opacity: 1; /* Firefox */
        }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #999;
        }

    ::-ms-input-placeholder { /* Microsoft Edge */
            color: #999;
        }

    .coveo-search-button {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border: none;
        background-color: #003366;
        height: 30px;
        width: 32px;
        margin-top: 1px;
        color: #fff;
        font-size: 0.9em;
        opacity: 1;
        margin-left: -10px;
        cursor: pointer;
        padding: 5px 5px 6px 5px;
        }
    .coveo-button a{
        text-decoration: none;
        }

    .btn-coveo-rechercheFaq-entete button.iconRechercheFAQ{
        background-color: transparent;
        color: #ccc;
        border: none;
        margin-top: 5px;
        margin-left: 0px;
        }

    .btn-coveo-rechercheFaq-entete a.btn_faq{
        vertical-align: middle;
        font-size: 1.2em;
        color: #ccc;

        }
        .box .btn-espace {
        display: inline;
        padding: 2px 10px 8px 10px;
        background-color: #003366;
        width: 128px;
        height: 32px;
        text-align: center;
        margin-left: 35px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-appearance : none;
        letter-spacing: 1px;
        }
    .btn-espace button.iconEspace {
        color: #fff;
        background-color: transparent;
        border: none;
        vertical-align: middle;
        /*margin-top: 2px;*/
        line-height: 110%;
        font-size: 70%;
        display: inline-block;
        }
    .btn-espace button.iconEspace .fa-user {
        margin-top: 1px;
        margin-right: 10px;
        }

    .btn-espace span.btn-espace-text{
        display: inline-block; 
        float: left; 
        font-weight: 600; 
        text-align: left;
        }

@media (max-width: 767px) {

    .containerMobile .form-recherche-entete{
        width: 50%;
        vertical-align: middle;
        white-space: nowrap;
        display: inline;
        }
    .containerMobile input.coveo-recherche-entete {
        width: 260px;
        height: 31px;
        background: transparent;
        border-top: 1px solid #003366;
        border-bottom: 1px solid #003366;
        border-left: 1px solid #003366;
        border-right: 1px solid #003366;
        font-size: 0.8em;
        padding: 0px 5px 0px 0px;
        /*color: #333;*/
        overflow: hidden;
        padding-left: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-appearance : none;
        }
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #999;
        opacity: 1; /* Firefox */
        }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #999;
        }

    ::-ms-input-placeholder { /* Microsoft Edge */
            color: #999;
        }

}

/* ****** FIN COVEO - Recherche En-Tete  ***** */



/* ****** DEBUT COVEO - Recherche Locale  ***** */

.barre-coveo-recherche-local {margin:auto; width: 50%;}

article.fond-coveo-recherche-local .container-coveo-recherche-local{
    width: 80%;
    vertical-align: middle;
    display: inline;
    }

 .fond-coveo-recherche-local{
                    background-color: #336699;
                    color: #fff;
                    padding: 14px 20px 20px 20px;
                    text-align: center;
                    }

.container-coveo-recherche-local{
                    display: inline;
                    vertical-align: middle !important;
                    color: #999;
                    }

.container-coveo-recherche-local input.coveo-recherche-local {
                    width: 450px;
                    height: 32px;
                    background: #fff;
                    border-top: 1px solid #003366;
                    border-bottom: 1px solid #003366;
                    border-left: 1px solid #003366;
                    border-right: 1px solid #003366;
                    font-size: 0.9em;
                    padding: 0px 23px 0px 0px;
                    margin-top: 10px;
                    /*color: #333;*/
                    overflow: hidden;
                    padding-left: 5px;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    -webkit-appearance : none;
                    }

.container-coveo-recherche-local {
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 5px;
                    border: none;
                    background-color: transparent;
                    height: 32px;
                    width: 32px;
                    margin-top: 0px;
                    color: #003366;
                    /*font-size: 1em;*/
                    opacity: 1;
                    margin-left: -30px;
                    cursor: pointer;
                    padding: 0px 0px;
                    z-index: 1;
                    }
.container-coveo-recherche-local a{
                    text-decoration: none;
                    }

.coveo-local-search-button {
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 5px;
                    border: none;
                    background-color: transparent;
                    height: 32px;
                    width: 32px;
                    margin-top: 0px;
                    color: #003366;
                    /*font-size: 1em;*/
                    opacity: 1;
                    margin-left: -30px;
                    cursor: pointer;
                    padding: 0px 0px;
                    z-index: 1;
                    }

.fond-coveo-recherche-local .btn_coveo_recharcheFaq {
    display: inline;
    padding-left: 5px;
    vertical-align: middle;

    }
.fond-coveo-recherche-local .btn_coveo_recharcheFaq button.iconRechercheFAQ{
    background-color: transparent;
    color: #fff;
    border: none;
    margin-top: 5px;
    }

.fond-coveo-recherche-local .btn_coveo_recharcheFaq a.btn_faq{
    vertical-align: middle;
    font-size: 1.2em;
    color: #ccc;
    }
/* ****** FIN COVEO - Recherche Locale  ***** */


/**** Loading iframe ****/	
.holds-the-iframe {
	background:url(/web/rrhq/img/loading.gif) center center no-repeat;
  /*background:url(/rrhq/img/loading.gif) center center no-repeat;*/
}</pre></body></html>