/* moved by compressor */
@charset "UTF-8";
/* moved by compressor */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,400italic,600italic,700italic);
/* default styles for extension "tx_felogin_pi1" */
	.tx-felogin-pi1 label {
		display: block;
	}
/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border: 2px solid black;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 10px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 10px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/* default styles for extension "tt_news" */



.news-single-rightbox,
.news-single-imgcaption,
.news-latest-date,
.news-latest-morelink,
.news-latest-category,
.news-list-category,
.news-list-author,
.news-list-imgcaption,
.news-list-date,
.news-list-browse,
.news-amenu-container,
.news-catmenu  {
	font-size:10px;
}



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
	clear:right;
	height:1px;
	border:none;
	padding:0;
	margin:0;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
	clear:both;
}

.news-single-item HR.cl-left {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
	padding:10px;
}

.news-latest-gotoarchive {
	padding:3px;
	margin:3px;
	background-color:#f3f3f3;
}


.news-latest-container H2 {
  padding: 0 0 2px 0;
  margin:0;
}

.news-latest-item {
	padding:3px;
	margin:0;
}

.news-latest-item IMG {

	margin: 0 5px 5px 0;
	float:left;
	border: none;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}




.news-latest-item > p {
	margin:0;
	padding:0;
}




/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
	padding: 10px 0;

}
.news-list-item {
	padding: 0 0 10px 0;
}

.news-list-container H2 {
	margin: 0px;
}

.news-list-date {
	float: right;
	display:block;
	padding-left:10px;
}

.news-list-imgcaption {
	padding:3px 3px 0 0;

}

.news-list-container IMG {
	float: right;
	margin:0 2px 5px 5px;
	border: none;

}

.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink  {
	padding-left:5px;
}



	/*---------------------------------  LIST2 / 3 ---------------------------------*/

.news-list2-container,
.news-list3-container {
	padding: 0 0 10px 0;
}


.news-list2-container,
.news-list3-container {
	background:#e5e5e5;
}

.news-list3-item,
.list2-subdiv-hdr {
	background:#f1f1f1;
}
.news-list2-container .hdr-left,
.news-list2-container .hdr-right,
.news-list3-container .list3-left,
.news-list3-container .list3-right {
	width:48%;
	float:left;
	padding:5px;
}

.news-list2-container .sub-left,
.news-list2-container .sub-middle,
.news-list2-container .sub-right {
	width:31%;
	float:left;
	padding:5px;
}

.news-list3-item {
	padding:5px;
}

.news-list3-item,
.list3-subdiv,
.list2-subdiv {
	border-top:5px solid #fff;
}


.news-list2-container IMG {
	float: right;
	margin:0 2px 5px 5px;
	border: none;

}
.news-list3-container IMG {
	float: left;
	margin:0 5px 5px 2px;
	border: none;

}



	/*---------------------------------  tt_news Page-Browser ---------------------------------*/

.news-list-browse {
	text-align:center;
	margin-bottom:20px;
}

.activeLinkWrap {
	font-weight:bold;
}
.disabledLinkWrap {
	color: #999;
}
.disabledLinkWrap,
.browseLinksWrap a,
.activeLinkWrap {
	padding:0 1px;
}

	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/


.news-single-item {
	padding:5px;
	margin-bottom:5px;


}

.news-single-img {
	float: right;
	margin:10px 0 0 10px;
	padding:0;
}

.news-single-img img {
	border:none;
}

.news-single-imgcaption {
	padding: 1px 0 3px 0;
	margin:0;
}

.news-single-rightbox {
	float: right;
	width:160px;
	text-align:right;
	clear:both;
}
.news-single-backlink {
	padding: 10px;
}



.news-single-additional-info {
	margin-top: 15px;
	padding:3px;
	clear:both;
}

.news-single-related,
.news-single-files,
.news-single-links  {
	margin: 0;
	margin-bottom: 3px;
	padding: 3px;
}

.news-single-related DD,
.news-single-links DD,
.news-single-files DD {
	margin-left: 20px;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
	font-weight: bold;
	margin-left: 5px;
}

.news-single-files DD A {
	padding:0 3px;
}


	/*--------------------------------- SINGLE2  ---------------------------------*/


.sv-img-big img,
.sv-img-small img {
	border:none;
}

.sv-img-big {
	float: right;
	padding: 10px 0 2px 10px;
}
.sv-img-small-wrapper {
	padding:15px 0;
}
.sv-img-small {
	float: left;
	padding: 0 10px 10px 0;
}


/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	width:165px;
    padding:0;
    margin-left:10px;
}
.news-amenu-container LI {
	padding-bottom:1px;

}
.news-amenu-container LI:hover {
	background-color: #f3f3f3;

}

.news-amenu-container UL {
    padding:0;
    margin:0;
	margin-top:5px;

	list-style-type: none;
}

.news-amenu-item-year {
	font-weight: bold;
    margin-top:10px;
	padding: 2px;
	background-color: #f3f3f3;

}


.amenu-act {
	background:#fff;
	font-weight:bold;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */

.news-catmenu  {
	padding:10px;

}

ul.tree {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.tree A {
	text-decoration: none;
}

ul.tree A.pm {
	cursor: pointer;
}

ul.tree img {
	vertical-align: middle;
}

ul.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 17px;
}

ul.tree ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 10px;
	white-space: nowrap;
}

ul.tree ul li.expanded ul {
	background: transparent url('../../typo3/gfx/ol/line.gif') repeat-y top left;
}

ul.tree ul li.last > ul {
	background: none;
}

ul.tree li.active, ul.tree ul li.active {
	background-color: #ebebeb !important;
}

ul.tree li.active ul, ul.tree ul li.active ul {
	background-color: #f7f3ef;
}






/*  Styles for catmenu mode "nestedWraps" */
.level1 {
	padding:1px;
	padding-left:10px;
	background-color:#ebf8bf;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
.level2 {
	padding:1px;
	padding-left:10px;
	background-color:#ddf393;
	border-left:1px solid #666;
}
.level3 {
	padding:1px;
	padding-left:10px;
	background-color:#cae46e;
	border-left:1px solid #666;
	border-top:1px solid #666;

}
.level4 {
	padding:1px;
	padding-left:10px;
	background-color:#b0cb51;
	border-left:1px solid #666;
}


/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=068f20d29a479ea5e1c5)
 * Config saved to config.json and https://gist.github.com/068f20d29a479ea5e1c5
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Source Sans Pro", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 990px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 990px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .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-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*------------------------------------------ */
/* CLASSES AJUSTEES - OPTIMISEES UL  */
/* Eric Thibault                                    */
/* 2010                                              */
/* Direction des communications           */
/* poste 18015                                   */
/*-------------------------------------------*/

body.print_body {
  background: none;
}
.print_body .contenu_page {
  margin: 30px 0px;
}
.print_body #ul_pieddepage_print .note {
  display: none;
}

img {
  border: 0px;
}
.clear {
  clear: both;
  line-height: 0px;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  height: 0px;
  width: 0px;
}
.ancre {
  line-height: 0px;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  height: 0px;
  width: 0px;
}

/* test */

#titre_page {
font-size: 26px;
font-weight: 300;
padding: 0px 0px 15px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #d2d0d0;
}

#contenu_thematique .csc-header h1 {
margin-top: 55px;
margin-right: -50px;/* compense la marge gauche de 50px */
padding-right: 50px;/* compense la marge gauche de 50px */
border-top: 1px dotted #cec1a6;
padding-top: 10px;
font-size: 20px;
margin-left: 0px;
}

#colonne_0 .csc-header h1 {
margin-left: 0px;
}

#contenu_thematique .csc-header h2 {
margin-bottom: 30px;
margin-right: -50px;/* compense la marge gauche de 50px */
padding-right: 50px;/* compense la marge gauche de 50px */
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cec1a6;
font-size: 26px;
padding-bottom: 5px;
}

/* Calendrier */

.tx-stsimpleajaxcal-pi1 h3 {
color: #9f342d !important;
font-weight: 600 !important;
font-size: 16px !important;
clear: both;
text-decoration: none;
margin: 10px 0px 30px 0px !important;
}

.home_listing {
    display: block;
    /*position: relative;*/
    width:auto !important;
    margin: 0px 10px;
    padding: 0px !important;
}
.thematique {
padding: 10px 10px 0px 10px !important;
}
.maincontent .home_listing_contenu {
  margin: 0px !important;
  padding: 0px !important;
}

.maincontent .home_listing_contenu h2 {
line-height: 12px !important;
font-size: 12px !important;
font-weight: 600 !important;
color: #ba241f !important;
margin: 0px 0px 7px 0px !important;
padding: 0px 0px 3px 0px !important;
border-bottom: 1px solid #e0e0e0;
}
.maincontent .home_listing h2 a,
.maincontent .home_listing h2 a:hover {
color: #ba241f !important;
font-size: 18px;
text-decoration: none;
}

.maincontent .home_listing_contenu ul {
display: block;
padding: 0px !important;
margin: 0px 0px 15px 0px !important;
list-style-type: none !important;
list-style-image: none !important;
font-size: 15px !important;
}
.maincontent .home_listing_contenu li {
background-image: url("/typo3conf/ext/st_simpleajaxcal/pi1/res/arrowsimple_rouge.gif");
background-position: 0px 4px;
margin: 7px 0px 10px 0px;
padding: 0px 10px 0px 17px;
}
.maincontent .home_listing_contenu .event_title a,
.maincontent .home_listing_contenu .event_title a:hover {
  font-size: 15px !important;
  color: #41372c !important;
  font-weight: 400;
}
.maincontent .home_listing_contenu .event_title a:hover {
  color: #b52621 !important;
}
.maincontent .home_listing_contenu .event_date {
color: #8c8b8b !important;
}
.cal_liensglobaux {
  margin: 20px 0px 0px 0px;
}
.tx-stsimpleajaxcal-pi1 .Lien_RSS {
  margin-top: 10px;
  background-position: 0px 1px !important;
}
.cal_liensglobaux .btn_all {
  width: 236px;
  height: 25px;
  overflow: hidden;
}
.cal_liensglobaux .btn_all a, .cal_liensglobaux .btn_all a:hover {
  display: block;
  position: relative;
  width: 100%;
  height: 25px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/btn_calendrier.png) 0px 0px no-repeat;
}
.cal_liensglobaux .btn_all a:hover {
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/btn_calendrier.png) 0px -25px no-repeat;
}
.cal_liensglobaux .btn_all a span {
  display: none;
  /*padding: 5px 0px 0px 10px;*/
}

/* PUBLICITÉS */

.tx-ixadvertising-pi1 .premier {
border-top: none !important;
padding-top: 0px !important;/*7px;*/
margin-top: 0px !important;
}

.lien_allpub a, .lien_allpub a:hover {
  background: transparent url("/fileadmin/ulaval_ca/gabarit/images_2010/aufil_more.gif") right center no-repeat;
  padding-right: 10px;
}

.youtube_single {
width: 217px;
height: 262px;
background-color: #F1E8D0;
}

/* LIENS ENTETE */
.liens_p {
  /*display: block;*/
  position: relative;
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/fond_liens_accueil.jpg) no-repeat left top;
  padding: 15px 0px 0px 20px;
  margin: 1px 0px 0px 0px;
  zoom:1;
  clear: none;
}
.liens_p .bas {
display: none;
}

.liens_p ul {
position: relative;
/*display: inline;*/
margin: 0px 0px 0px 0px;/*17*/
padding:  0.01px 0px 0px 0px;
border: none;
list-style-type: none;
list-style-image: none;
background: none;
/*display: inline-block;*/
}
.liens_p li {
display: block;
position: relative;
margin: 1px 0px 0px 0px !important;
padding: 0.01px 0px0px 0px !important;
}
.liens_p a, .liens_p a:hover {
  display: block;
  position: relative;
  padding: 0px 0px !important;
  margin: 0px !important;
  font-size: 11px;
  color: #8b8271;
  text-decoration: none;
  clear: none;
}
.liens_p a:hover {
  color: #cc0a06;
  text-decoration: underline;
}

.link_boutons_rouges {
  position: relative;
  margin: 132px 0px 0px 1px;
  padding: 0.01px 0px 0px 0px;
  width: 181px;
}
.link_boutons_rouges ul {
  display: block;
  padding: 0px;
  padding-top: 0px;
  margin: 0px 0px 0px 0px;
  list-style-type: none !important;
  list-style-image: none !important;
}
.link_boutons_rouges li {
  margin: 0px; 
  padding: 0px;
}

.link_boutons_rouges li a {display:inline-block;}
.link_boutons_rouges li a {display:block;}

* html .link_boutons_rouges a {display:inline-block;}
* html .link_boutons_rouges a {display:block;}

.link_boutons_rouges li a, .link_boutons_rouges li a:hover {
display: block;
position: relative;
width: 181px;
height: 53px;
line-height: 53px;
overflow: hidden;
margin: 0px;
padding: 0px;
background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/btns_rouge_accueil.png) 0px 0px no-repeat;
}

.link_boutons_rouges li a:hover {
background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/btns_rouge_accueil.png) 0px -163px no-repeat;
}

.link_boutons_rouges .btn_trouvez_programme a, .link_boutons_rouges .btn_trouvez_programme a:hover {
height: 54px;
line-height: 54px;
background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/btns_rouge_accueil.png) 0px -53px no-repeat;
}
.link_boutons_rouges .btn_trouvez_programme a:hover {
background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/btns_rouge_accueil.png) 0px -216px no-repeat;
}
.link_boutons_rouges .btn_questions a, .link_boutons_rouges .btn_questions a:hover {
height: 56px;
line-height: 56px;
background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/btns_rouge_accueil.png) 0px -107px no-repeat;
}
.link_boutons_rouges .btn_questions a:hover {
background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/btns_rouge_accueil.png) 0px -270px no-repeat;
}
.link_boutons_rouges li a span {
  display: none;
}

/* Blocs pour l'entête de page accueil */

#colonne_haut .accueil {
  height: 321px;
  margin-bottom: 0px;
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/fond_haut_accueil.png) no-repeat left top;
}

.top_0,  .top_1, .top_2 {
width: 182px;
float: left;
display: block;
position: relative;
padding-top: 0.1px;
margin: 0px 0px 0px 0px;
}
.top_0 {
margin-left: -15px;
}
.top_1 {
width: 584px;
text-align: center;
}
.top_2{
width: 209px;
}

/* Listes FlexForm */ 
#plugin_linkuseful,
.plugin_linkuseful {
  margin:10px 0px 20px 0px;
  border-top: 1px solid #ece8da;
}
#plugin_linkuseful h1,
.plugin_linkuseful h2 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-bottom: 0px;
  color: #280f00;
}
#plugin_linkuseful ul,
.plugin_linkuseful ul {
  margin: 0px !important;
  padding: 0px;
  /*width: 100%;*/
  list-style: none;
  font-size: 11px;
}
#plugin_linkuseful ul li,
.plugin_linkuseful ul li {
  display:block;
  margin: 0px;
   list-style-type: none;
   list-style-image: none;
   background-image: none !important;
   padding: 0px !important;
}
#plugin_linkuseful .row,
.plugin_linkuseful .row {
  background-color: #f7f3e6;
}
#plugin_linkuseful ul li a,
.plugin_linkuseful ul li a {
  display: block;
  padding: 5px 10px 5px 30px;
  text-decoration: none;
  font-weight:bold;
  background-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_mincerouge.gif);
  background-repeat: no-repeat;
  background-position: 10px 6px;
  color: #280f00;
}
#plugin_linkuseful ul li a:hover,
.plugin_linkuseful ul li a:hover {
  text-decoration: none;
  background-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_mincerouge.gif);
  color: #a00000;
}  
html>body #plugin_linkuseful ul li a,
html>body .plugin_linkuseful ul li a {
  width: auto;
}

#flex_list {
  margin:20px 0px;
  border-top: solid 1px #ece8da;
  display: block;
}
#flex_list h1 {
  font-size: 15px;
  margin-bottom: 5px;
  padding-bottom: 0px;
}
#flex_list ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
  list-style-type: none;
  list-style-image: none;
  font-size: 11px;
}
#flex_list ul li {
  display:block;
  margin: 0px;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}
#flex_list .row {
  background-color: #f7f3e6;
}
#flex_list ul li a {
  display: block;
  padding: 5px 35px 5px 20px;
  text-decoration: none;
  /*width: 100% !important;*/
  /*width: auto;*/
  /*width: 10em;*/
  font-weight:600;
  background-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_defaut.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  color: #280f00;
}
#flex_list ul li a:hover {
  text-decoration: none;
  background-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_rouge.gif);
  color: #a00000;
}  
html>body #flex_list ul li a {
  width: auto;
}

#flex_list2, .flex_list2 {
  /*margin:0px 0px 10px 0px;*/
  margin:0px 0px 0px 0px;
  display: block;
  border-top: 1px solid #fbfbfa;
  border-left: 1px solid #fbfbfa;
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images/fond_liste_liens.png) top right repeat-y;
}
#flex_list2 .bas, .flex_list2 .bas {
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images/fond_liste_liens_bas.png) bottom right no-repeat;
  display: block;
  height: 5px;
}
#flex_list2 ul, .flex_list2 ul {
  margin: 0px;
  margin-right: 4px;
  padding: 0px;
  height: auto;
  list-style-type: none;
  list-style-image: none;
  font-size: 11px;
  /*background-color: blue;*/
}
#flex_list2 ul li, .flex_list2 ul li {
  /*display:block;*/
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

#flex_list2 ul li a, .flex_list2 ul li a {
  display: block;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  font-weight:600;
  background-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_bigrouge.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  color: #280f00;
}
#flex_list2 ul li span, .flex_list2 ul li span {
  display: block;
  margin: 0px 0px 0px 20px;
  padding: 3px 30px 3px 0px;
  border-bottom: solid 1px #dccea6;
}
#flex_list2 li.row2 span, .flex_list2 li.row2 span {
  border-bottom: none;
}
#flex_list2 ul li a:hover, .flex_list2 ul li a:hover {
  text-decoration: none;
  color: #a00000;
  background-color: #fff;
}  
html>body #flex_list2 ul li a, html>body .flex_list2 ul li a  {
  width: auto;
}
/* LISTE À PUCE */

   li.liste_typeA_odd, ul.liste_typeA_odd li {
    margin: 0px 0px 5px 0px;
    padding: 5px;
    width: 350px;
    list-style-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_defaut.gif);
  }
  li.liste_typeA_even, ul.liste_typeA_even li {
    background-color: #faf8f3;
    margin: 0px 0px 5px 0px;
    width: 350px;
    padding: 5px;
    list-style-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_defaut.gif);
  }
  li.liste_typeB, ul.liste_typeB li {
    margin: 0px 0px 5px 0px;
    list-style-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_mincerouge.gif);
  }
  li.liste_typeC, ul.liste_typeC li {
    margin: 0px 0px 5px 0px;
    list-style-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_rouge.gif);
  }
  li.liste_typeD, ul.liste_typeD li {
    margin: 0px 0px 5px 0px;
    list-style-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_defaut.gif);
  }
  li.liste_typeE {
    margin: 0px 0px 5px 0px;
    list-style-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_mincenoir.gif);
  }
  ul.liste_typeE {
    list-style: none;
    padding: 0;
    margin: 0px 9px 20px 15px;
    border: none;
    width: 400px;
  }
  ul.liste_typeE li {
    display: block;
    padding: 10px 5px 10px 30px;
    background-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_defaut.gif);
    background-repeat: no-repeat;
    background-position: 10px 12px;
  }
  li .liste_typeE_even {
    background-color: #faf8f3;
  }

/* BOITE DE RECHERCHE EXPERTS */

#recherche_expert .inputsubmit  {
    display: block;
    float: right;
    background: transparent url(/fileadmin/ulaval_ca/gabarit/images/btn_chercher.gif) no-repeat center top !important;
    width:85px;
    height:21px;
    border: 0px solid #fff;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-size: 0.1px;
    text-align: left;
    color: transparent;
    text-transform: capitalize;
}

#recherche_expert {
  padding: 0.01px;
  display: block;
  margin-bottom: 24px;
  width: 245px!important;
  width: 245px;
  overflow: hidden;
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images/fond_boite_recherche_expert.png) top left repeat-y;
}

#recherche_expert h1 {
  font-size: 20px;
  line-height: 18px;
  margin: 10px;
  padding-bottom: 0px;
  color: #280f00;
}

#recherche_expert form {
  margin: 0px 10px;

}

#recherche_expert .inputtext {
  width:200px;
  vertical-align: top;
  margin-top: 1px;
  margin-bottom: 5px;
}

#recherche_expert .inputsubmit {
    float: left;
}


#recherche_expert input[type="submit"]:hover  {
    background: transparent url(/fileadmin/ulaval_ca/gabarit/images/btn_chercher_hover.gif) no-repeat center top !important;
}
#recherche_expert input[type="button"]:hover  {
    background: transparent url(/fileadmin/ulaval_ca/gabarit/images/btn_chercher_hover.gif) no-repeat center top !important;
}

#recherche_expert .recherche_expert_bas {
padding: 0.01px;
  display: block;
  margin-top: 25px;
  width: 100%;
  height: 22px;
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images/fond_boite_recherche_expert_bas.png) right top no-repeat;
  color: #fff;

}

#recherche_expert .recherche_expert_bas a, #recherche_expert .recherche_expert_bas a:hover {
  display: block;
  font-weight: 600;
  color: #ffffff;
  padding: 3px 0px 0px 15px;
  text-decoration: none;
  font-size: 12px;
}
#recherche_expert .recherche_expert_bas a img {
  margin-top: -1px;
  margin-left: 10px;
  vertical-align: middle;
}

/* Elements contextuels */
.note {
  font-size: 0.7em;
  margin: 0px;
}
.csc-textpic-caption {
  font-size: 11px;
}

.titre_recherche {
  clear: both;
  display: block;
  font-weight: 600;
  font-size: 20px;
  color: #C66B00;
  border-top: 1px dotted #cec1a6; 
  margin-bottom: 0px;
}
.titre_resultats_recherche {  
  color: #a00000;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0px;
  border-bottom: 1px dotted #cec1a6; 
}

#resultat_rechercheAJAX p {
  margin: 0px 0px 20px 0px;
}

/* GABARIT 2 COLONNES */

.maincontent #colonne_image {
    display: block;
    float: right;
    position: relative;
    /*margin-left:-8px;*/
    overflow: hidden;
    width: 706px;
    overflow: hidden;
    padding-top: 55px;
}
.contenu_thematique #colonneszzz {
  background: none;
  margin-top: 0px;
}
.maincontent #colonne_0 {
  width: 240px;
  margin: 0px !important;
  _height: 14px;
  min-height: 14px;
  padding-top: 0px;/*55px;*/
  height:auto !important;
  height:14px;
  float: left;
}

.maincontent #colonne_1 {
  padding-top: 0.01px;
  position: relative;
  float: right;
  width: 678px;
  margin: 0px 0px 5px 20px;
  background: none;
  }
#colonne_1_contenu {
  /*padding-top: 1px;*/
  /*margin-top: 40px;*/
}

#colonne_0_contenu {
float: left;
padding: 0.01px 0px 0px 0px;
margin: 0px 20px 20px 20px;
width: auto;
}

#colonne_0_contenu ul {
display: block;
position: relative;
padding: 0.01px 0px 0px 0px;
margin: 0px;
width: auto;
text-align: left;
list-style: none;
}
#colonne_0_contenu ul li {
display: block;
position: relative;
width: auto;
list-style: none;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#colonne_0_contenu ul li a,
#colonne_0_contenu ul li a:hover {
display: block;
padding: 5px 20px 5px 10px;
text-decoration: underline;
font-size: 12px;
font-weight: normal;
background: transparent url(/fileadmin/ulaval_ca/gabarit/admission/images/menu_admission_puce.png) no-repeat left 11px;
}
#colonne_0_contenu ul li a:hover {
text-decoration: none;
}


.maincontent #colonne_0.hideMe, #bandeau.hideMe {
display: none;
} 
.maincontent #colonne_1.expendMe {
float: none;/*left;*/
width: 100%;/*910px !important;*/
/*width: 910px;*/
margin-left: 0px;/*50px;*/
background-color: transparent;
margin-top: 0px;
/*padding-top: 55px;*/
}  

.expendMe table.tableauStyle1, .expendMe table.tableauStyle2 {
width: 75%;
}



/*#ul_contenu_col_droite_2 .contenu_page  {*/
    /*margin-top: 20px;    */
    /*margin-right: 50px;*/
/*}*/

  /* BARRE OUTILS */
    
  #toolbar {
    position:absolute;
    display: block;
    top:10px;
    right:10px;
  }
  
  /*#colonnes_services #toolbar {*/
    /*top: 10px;*/
  /*}*/
  #toolbar ul {
    display: inline;
  }
  #toolbar ul li {
    margin-left: 20px;
    list-style: none;
    display: inline;
  }
  #toolbar li img {
    vertical-align:middle;/*bottom*/
  }

  #toolbar a, #toolbar a:link, #toolbar a:hover {
    font-size:10px;
    color: #8e7b60;
    text-decoration: none;
    line-height: 15px;
    vertical-align: middle;
  }

  #toolbar a:hover {
    color: #8e7b60;
  }
  
  #toolbar .partager a {
    background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/partager.gif) top left no-repeat;
    padding-left: 20px;
  }
  #toolbar .imprimer a {
    background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/imprimer.gif) top left no-repeat;
    padding-left: 15px;
  }


/*-----------*/
/* FOOTER    */
/*-----------*/
#pieddepage {
  margin: 0px;
  width: 100%;
  position:relative;
  font-size: 11px;
  z-index: 59999;
}
#pieddepage .top {
position: relative;
  /*width: 100%;*/
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/ul_bg_footer_top.jpg) left top repeat-x;
  height: 59px;
  overflow: hidden;
  color: #fff;
  padding: 0px 0px 0px 18px;/*0px 18px 0px 18px;*/
}
#pieddepage .top p {
  margin-top: 9px;
}
#pieddepage .top .note {
  position: absolute;
  display: block;
  /*margin-left: 280px;*/
  right: 12px;
  top: 23px;
  font-size: 11px;
}
#pieddepage .top a, #pieddepage .top a:hover, #pieddepage .top a:visited {
color: #ffffff;
text-decoration: none;
}

#pieddepage .top a:hover {
text-decoration: underline;
}


#pieddepage .bottom {
  width: 100%;
  background: transparent url(/fileadmin/ulaval_ca/gabarit/images_2010/ul_bg_footer_bottom.jpg) left top repeat-x;
  min-height: 295px;
  height:auto !important;
  height:295px;
  overflow: hidden;
}

/* Tipafriend */
table.tipafriend{
  margin:10px 0pt;
  width:100%;
  font-weight:600;
  }
table.tipafriend td{
  vertical-align:top;
  padding:4px;
  }

table.tipafriend textarea{
  padding:2px 0pt;
  border:1px solid #A69787;
  width:340px;
  }
    
/* CONFIGURATION TABLEAUX */
table.tableauStyle1 {
  border: 0;/*medium solid #6495ed;*/
  border: 2px solid #fff;
  border-collapse: collapse;
  width: 100%;
  empty-cells: show;
  table-layout: fixed;
}
.tableauStyle1 p {
  margin:0px;
  padding: 0px;
}
.tableauStyle1 tr.tr-even,  .tableauStyle1tr-even{
  background-color: #fcfaf1;
}
.tableauStyle1 tr.tr-odd, .tableauStyle1tr-odd {
  background-color: #fbf6e5;
}
.tableauStyle1 tr.tr-last {
  /*background-color: #f1e7bd;*/
}
.tableauStyle1 th, .tableauStyle1th {
  border: 2px solid #fff;
  padding: 5px;
  background-color: #f1e7bd;
  font-weight: 600;
}
.tableauStyle1 td {
  border: 2px solid #fff;
  padding: 5px;
  vertical-align: top;
  /*background-color: #fbf6e5;*//* ou fcfaf1*/
}
.tableauStyle1 caption {
  text-align: left;
  font-weight: 600;
  margin: 10px 0px 5px 0px;
  font-size: 14px;
}
table.tableauStyle2 {
  border: 0px;
  border: 2px solid #f1ecd9;
  border-collapse: collapse;
  width: 100%;
  empty-cells: show;
  table-layout: fixed;
}
.tableauStyle2 p {
  margin:0px;
  padding: 0px;
}
.tableauStyle2 tr.tr-even,  .tableauStyle2tr-even{
  background-color: #fdfcfa;
}
.tableauStyle2 tr.tr-odd, .tableauStyle2tr-odd {
  background-color: #fcfaf1;
}
.tableauStyle2 tr.tr-last {
  /*background-color: #f1e7bd;*/
}
.tableauStyle2 th, .tableauStyle2th {
  border: 2px solid #f1ecd9;
  padding: 5px;
  background-color: #9b0a01;
  font-weight: 600;
  color: #fbf6e5;
}
.tableauStyle2 td {
  border: 2px solid #f1ecd9;
  padding: 5px;
  vertical-align: top;
}
.tableauStyle2 caption {
  text-align: left;
  font-weight: 600;
  margin: 10px 0px 5px 0px;
  font-size: 14px;
}

.tableau-aligne-droite th {
  text-align:center;
}

.tableau-aligne-droite td {
  text-align:right;
}

table.tableau-non-fixe {
  table-layout:auto;
}


/* centraide */
.centraide_thermometre {
display: block;
position: relative;
width: 460px;
height: 320px;
margin: 20px auto;
padding: 0px;
background: #ffffff url(/fileadmin/ulaval_ca/gabarit/centraide/fond_thermometre.gif) 200px 97px no-repeat;/*188px 98*/
}
#div_boite_outils_solliciteurs {
display: block;
position: absolute;
right: 50px;
top: 190px;
border: 1px dotted #CEC1A6;
text-align: center;
}
#div_logocentraide {
display: block;
position: absolute;
left: 0px;
top: 190px;
width: 150px;
height: 151px;
}
#div_boite_outils_solliciteurs a, #div_boite_outils_solliciteurs a:hover {
font-size: 14px;
font-weight: 600;
color: #ffffff;
display: block;
width: 100px;
padding: 10px;
background-color: #A00000;
}
#div_boite_outils_solliciteurs a:hover {
color: #A00000;
background-color: #ffffff;
}

#menu_2.clear, #bandeau.clear {
  display: none;
}

/* PLUGIN COMM */
#plugin_comm {
  margin:20px 0px;
  display: block;
}

#plugin_comm ul {
  margin: 0px 0px 20px 0px;
  list-style-type: none;
  list-style-image: url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_defaut.gif);
}
#plugin_comm ul li {
  margin: 10px 0px;
}

#plugin_comm ul li a {
  text-decoration: none;
  font-weight: 600;
  color: #280f00;
  font-size: 13px;
}
#plugin_comm ul li a:hover {
  text-decoration: underline;
  color: #a00000;
}

#plugin_comm .date {
  font-size: 11px;
  font-weight: normal;
}

.align-center {
text-align: center;
}
code {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
/* ZOOM SUR LES SERVICES */
.zoom_service {
padding: 0.01px 0px;
margin: 10px 0px;
}
.zoom_service .titre {
color: #ba241f;
font-weight: 600;
padding: 0.01px;
margin: 0px;
font-size: 18px;
}
.zoom_service .nom {
text-transform: uppercase;
margin: 10px 0px 0px 0px;
}
.zoom_service .lien {
background: transparent url(/fileadmin/ulaval_ca/gabarit/images/arrowdouble_mincerouge.gif) left 50% no-repeat;
padding-left: 13px;
margin: 10px 0px;
}
.zoom_service .lien a {
background: transparent url(/fileadmin/ulaval_ca/gabarit/images/external_link.gif) right 50% no-repeat;
padding-right: 17px;
}
.zoom_service .texte p {
margin-top: 5px;
}
.indent {
margin: 0px 45px;
}

/*-------------------------*/
/* admission */
/*-------------------------*/

#contenu_23395 {
    display: none;
    position: absolute;
    top: 46px;
    left: -124px;
    width: 960px;
    height: 304px;
    text-align: left;
/*-moz-box-shadow: 0px 0px 5px #aeaeae;*/
/*webkit-box-shadow: 0px 0px 5px #aeaeae;*/
/*box-shadow: 0px 0px 5px #aeaeae;*/
/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#aeaeae')";*/
/* For IE 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#aeaeae');*/
  }
#contenu_23395 .fond {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    background: #000 url(/fileadmin/ulaval_ca/gabarit/images_2010/menu_admission_shadow.jpg) left top no-repeat;
    width: 100%;
    height: 100%;
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
  }
#contenu_23395 .contenu {
    position: absolute;
    top: 0px;
    left: 10px;
    background: #fff url(/fileadmin/ulaval_ca/gabarit/admission/menu_admission_bg.jpg) left bottom no-repeat;
    width: 940px;
    height: 295px;
    overflow: hidden;
    text-align: left;
    font-size: 12px;
  }
  
#contenu_23395 .contenu p {
color: #787877;
} 
  
#menu ul li.section_23395 #contenu_23395 a, #menu ul li.section_23395 #contenu_23395 a:hover {
  display:block;
  float: none;
  position: relative;
  background: none;
  font-size: 12px;
  font-weight: normal;
  color: #787877;
  height: auto;
  text-align: inherit;
  vertical-align: middle;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height: auto;
  /*text-height: auto;*/
  /*padding: 0px;*/
  /*height: 12px;*/
  line-height: 14px;/*14px;*/
  text-decoration: none;
}
#menu ul li.section_23395 #contenu_23395 a:hover {
  color: #ca2229;
  background: none;
}
#menu ul li.section_23395 #contenu_23395 .gauche a, #menu ul li.section_23395 #contenu_23395 .gauche a:hover {
color: #ca2229;
text-decoration: underline;
}
#menu ul li.section_23395 #contenu_23395 .gauche a:hover {
text-decoration: none;
}
#menu ul li.section_23395 #contenu_23395 .gauche {
float: left;
margin: 20px 0px 0px 30px;
}
#menu ul li.section_23395 #contenu_23395 .gauche p {
margin-left: 2px;
padding: 0px;
text-align: left;
}

#menu ul li.section_23395 #contenu_23395 .droite {
float: left;
margin: 20px 0px 0px 80px;
}
#menu ul li.section_23395 #contenu_23395 a.btn_demande_admission {
display: block;
width: 292px;
height: 63px;
margin: 0px 0px 0px 0px;
padding: 0.01px 0px 0px 0px;
background: transparent url(/fileadmin/ulaval_ca/gabarit/admission/btn_demande_admission_general.png) no-repeat left top;
}
#menu ul li.section_23395 #contenu_23395 a.btn_demande_admission strong {
display: none;
}
#menu ul li.section_23395 #contenu_23395 a.btn_demande_admission:hover {
background: transparent url(/fileadmin/ulaval_ca/gabarit/admission/btn_demande_admission_general.png) no-repeat 0px -63px;
}
#menu ul li.section_23395 #contenu_23395 a.en_savoir_plus {
padding-right: 7px;
background: transparent url(/fileadmin/ulaval_ca/gabarit/admission/en_savoir_plus.png) no-repeat right 5px;
}

.liens_colonne0 {
position: absolute;
left: 27px;
bottom: 170px;
}
.liens_colonne0 a, .liens_colonne0:hover {
color: #6a645e;
font-weight: 600;
font-size: 11px;
text-decoration: none;
}
.liens_colonne0:hover {
text-decoration: underline;
}

.csc-linkToTop {
display: block;
clear: both;
height: 20px;
margin-top: 10px;
}
.csc-linkToTop a {
display: block;
float: right;
width: 10px;
height: 20px;
background: transparent url(/fileadmin/ulaval_ca/gabarit/admission/link_totop.png) no-repeat left top;
}
.csc-linkToTop a span {
display: none;
}

/* Navigation gauche */

#menu_left ul {
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  border-left: none;
  margin: 12px 0px;
  padding: 0px 0px 0px 0px;
}

#menu_left ul ul,
#menu_left ul ul ul,
#menu_left ul ul ul ul {
  border-top: none;
  border-bottom: none;
  border-left: none;
  margin: 0px 0px;
  padding: 0px 0px 0px 0px;
}

#menu_left ul ul {
  border-top: 1px dotted #adadad;
}

#menu_left ul ul ul {
  border-top: 1px dotted #adadad;
}

#menu_left ul li {
  border-bottom: 1px dotted #adadad;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  display: block;
  list-style-type: none;
  background: none;
}

#menu_left ul li.courant.sub,
#menu_left ul li.act_sub,
#menu_left ul li.last {
  border-bottom: none;
}

#menu_left ul ul li  {
  border-bottom: 1px dotted #adadad;
}

#menu_left ul ul ul li {
  border-bottom: none;
}

#menu_left li a,
#menu_left li a:hover {
display: block;
padding: 16px 0px 16px 0px;
background: none;/* transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceMenuGauche.png') no-repeat 14px 1.3em;*/
font-size: 16px;
color: #666;/*000;*/
font-weight: 400;
text-decoration: none;
}

#menu_left li a:hover {
text-decoration: underline;
}

#menu_left li.courant a,
#menu_left li.courant a:hover,
#menu_left li.act a,
#menu_left li.act a:hover,
#menu_left li.act_sub a,
#menu_left li.act_sub a:hover {
font-weight: 600;
}

#menu_left ul ul li a,
#menu_left ul ul li a:hover,
#menu_left li.courant li a,
#menu_left li.courant li a:hover,
#menu_left li.act li a,
#menu_left li.act li a:hover,
#menu_left li.act_sub li a,
#menu_left li.act_sub li a:hover,
#menu_left ul ul ul ul li a,
#menu_left ul ul ul ul li a:hover {
display: block;
padding: 16px 10px 16px 20px;
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceMenuGauche.png') no-repeat 0px 1.4em;
font-size: 15px;
color: #333333;
font-weight: 400;
text-decoration: none;
}
#menu_left ul ul ul ul li a,
#menu_left ul ul ul ul li a:hover {
font-size: 13px;
}

#menu_left ul ul li.sub a,
#menu_left ul ul li.sub a:hover {
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceMenuGauche_sub.png') no-repeat 0px 1.45em;
}

#menu_left ul ul ul li a,
#menu_left ul ul ul li a:hover,
#menu_left ul ul ul li a:hover {
display: block;
padding: 16px 10px 16px 20px;
background: none !important;/*transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceMenuGauche.png') no-repeat 0px 1.4em;*/
font-size: 14px;
color: #666666;
font-weight: 300 !important;
text-decoration: none;
}

#menu_left ul ul li.courant a,
#menu_left ul ul li.courant a:hover,
#menu_left ul ul li.act a,
#menu_left ul ul li.act a:hover,
#menu_left ul ul li.act_sub a,
#menu_left ul ul li.act_sub a:hover {
font-weight: 600;
}

#menu_left ul ul ul li.courant a,
#menu_left ul ul ul li.courant a:hover,
#menu_left ul ul ul li.act a,
#menu_left ul ul ul li.act a:hover,
#menu_left ul ul ul li.act_sub a,
#menu_left ul ul ul li.act_sub a:hover {
font-weight: 400 !important;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxMiddleLeft{width:14px; background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/controls_e.png') -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/controls_e.png') -211px 0 repeat-y;}
    #cboxContent{background-color:#fff;}
    #cboxLoadedContent{margin:0px;padding: 0px; }
    #cboxLoadingOverlay{background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/loading_background.png') center center no-repeat;}
    #cboxLoadingGraphic{background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/loading.gif') center center no-repeat;}
    #cboxBottomLeft{width:14px; height:5px; background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/controls_e.png') 0 -61px no-repeat;}
    #cboxBottomCenter{height:5px; background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/border_c.png') left -44px repeat-x;}
    #cboxBottomRight{width:14px; height:5px; background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/controls_e.png') -36px -61px no-repeat;}
    
    #cboxTopLeft{width:14px; height:65px; background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/controls_e.png') 0 0 no-repeat;}
    #cboxTopCenter{height:65px; background: url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/border_d.gif') top left repeat-x;}
    #cboxTopRight{width:14px; height:65px; background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/controls_e.png') -36px 0 no-repeat;}
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{display:none; position:absolute; top:-42px; background:url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/controls_e.png') 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
		#cboxTitle{position:absolute; top:-37px; left:0; text-align:center; width:100%; height: 25px; font-weight:bold; color:#7C7C7C;}
    #cboxCurrent{position:absolute; top:-39px; left:158px; font-weight:bold; color:#7C7C7C;}
    
    #cboxPrevious{left:100px; background-position: -51px -25px;}
    #cboxPrevious.hover{background-position:-51px 0px;}
    #cboxNext{left:127px; background-position:-75px -25px;}
    #cboxNext.hover{background-position:-75px 0px;}
    #cboxClose{
    	right:0;
    	display: block;
    	background-position:-100px -25px;
    }
    #cboxClose.hover{
    	background-position:-100px 0px;
    }
    
    .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
    .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
    .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
    .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
    
#cboxContent button {
border: none !important;
margin: 0px !important;
padding: 0px !important;
}
  
    
.titrecbox {
	position: absolute; 
	width: auto;
	margin: 0px 50px;
	height: auto;
	text-align: left;
	background: rgba(0, 0, 0, 0.5);
	filter:alpha(opacity=50);
	opacity: 0.5;
	background-color: #000;
	border: 1px solid #000;
	padding: 10px;
	color: #fff;
	bottom: -5px;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
}

.imageentete {
	position: absolute;
	background: transparent url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/Background_REP.jpg') top left no-repeat;
	width: 200px;
	height: 48px;
	overflow: hidden;
	top: 10px;
	right: 10px;
}

.theme2 #cboxTitle {
	position:absolute;
	top:-42px;
	left:210px;
	text-align:left;
	width:auto;
	font-weight:bold;
	height: 33px;
	overflow: hidden;
	font-family: "Arial,Interstate Black","Myriad pro",sans-serif;
	font-size: 20px;
	color: #b00101;
	text-transform: uppercase;
}

.theme2 #cboxTopCenter{
	background: transparent url('../../fileadmin/ulaval_ca/gabarit/js/colorbox/images/border_e.png') 0px 0px repeat-x !important;
	}
	


body {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'iconesUL';
  src: url('../../fileadmin/ulaval_ca/gabarit/UL/css/normes-ul/fonts/iconesUL.eot');
  src: url('../../fileadmin/ulaval_ca/gabarit/UL/css/normes-ul/fonts/iconesUL.eot?#iefix') format("embedded-opentype"), url('../../fileadmin/ulaval_ca/gabarit/UL/css/normes-ul/fonts/iconesUL.ttf') format("truetype"), url('../../fileadmin/ulaval_ca/gabarit/UL/css/normes-ul/fonts/iconesUL.woff') format("woff"), url('../../fileadmin/ulaval_ca/gabarit/UL/css/normes-ul/fonts/iconesUL.svg') format("svg");
  font-weight: normal;
  font-style: normal;
} 
@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url("/fileadmin/ulaval_ca/gabarit/UL/fonts/sourcesanspro/SourceSansPro-Bold.otf") format("opentype");
  }  
@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url("/fileadmin/ulaval_ca/gabarit/UL/fonts/sourcesanspro/SourceSansPro-Regular.otf") format("opentype");
}

.normes-ul-entete-ul,
.normes-ul-recherche,
.normes-ul-nav-mobile-wrapper,
.normes-ul-navigation-principale,
.normes-ul-pied-page {
  /* HTML5 display-role reset for older browsers */
  /* Pour enlever les coins ronds dans Safari */
}
.normes-ul-entete-ul div, .normes-ul-entete-ul span, .normes-ul-entete-ul applet, .normes-ul-entete-ul object, .normes-ul-entete-ul iframe,
.normes-ul-entete-ul h1, .normes-ul-entete-ul h2, .normes-ul-entete-ul h3, .normes-ul-entete-ul h4, .normes-ul-entete-ul h5, .normes-ul-entete-ul h6, .normes-ul-entete-ul p, .normes-ul-entete-ul blockquote, .normes-ul-entete-ul pre,
.normes-ul-entete-ul a, .normes-ul-entete-ul abbr, .normes-ul-entete-ul acronym, .normes-ul-entete-ul address, .normes-ul-entete-ul big, .normes-ul-entete-ul cite, .normes-ul-entete-ul code,
.normes-ul-entete-ul del, .normes-ul-entete-ul dfn, .normes-ul-entete-ul em, .normes-ul-entete-ul img, .normes-ul-entete-ul ins, .normes-ul-entete-ul kbd, .normes-ul-entete-ul q, .normes-ul-entete-ul s, .normes-ul-entete-ul samp,
.normes-ul-entete-ul small, .normes-ul-entete-ul strike, .normes-ul-entete-ul strong, .normes-ul-entete-ul sub, .normes-ul-entete-ul sup, .normes-ul-entete-ul tt, .normes-ul-entete-ul var,
.normes-ul-entete-ul b, .normes-ul-entete-ul u, .normes-ul-entete-ul i, .normes-ul-entete-ul center,
.normes-ul-entete-ul dl, .normes-ul-entete-ul dt, .normes-ul-entete-ul dd, .normes-ul-entete-ul ol, .normes-ul-entete-ul ul, .normes-ul-entete-ul li,
.normes-ul-entete-ul fieldset, .normes-ul-entete-ul form, .normes-ul-entete-ul label, .normes-ul-entete-ul legend,
.normes-ul-entete-ul table, .normes-ul-entete-ul caption, .normes-ul-entete-ul tbody, .normes-ul-entete-ul tfoot, .normes-ul-entete-ul thead, .normes-ul-entete-ul tr, .normes-ul-entete-ul th, .normes-ul-entete-ul td,
.normes-ul-entete-ul article, .normes-ul-entete-ul aside, .normes-ul-entete-ul canvas, .normes-ul-entete-ul details, .normes-ul-entete-ul embed,
.normes-ul-entete-ul figure, .normes-ul-entete-ul figcaption, .normes-ul-entete-ul footer, .normes-ul-entete-ul header, .normes-ul-entete-ul hgroup,
.normes-ul-entete-ul menu, .normes-ul-entete-ul nav, .normes-ul-entete-ul output, .normes-ul-entete-ul ruby, .normes-ul-entete-ul section, .normes-ul-entete-ul summary,
.normes-ul-entete-ul time, .normes-ul-entete-ul mark, .normes-ul-entete-ul audio, .normes-ul-entete-ul video,
.normes-ul-recherche div,
.normes-ul-recherche span,
.normes-ul-recherche applet,
.normes-ul-recherche object,
.normes-ul-recherche iframe,
.normes-ul-recherche h1,
.normes-ul-recherche h2,
.normes-ul-recherche h3,
.normes-ul-recherche h4,
.normes-ul-recherche h5,
.normes-ul-recherche h6,
.normes-ul-recherche p,
.normes-ul-recherche blockquote,
.normes-ul-recherche pre,
.normes-ul-recherche a,
.normes-ul-recherche abbr,
.normes-ul-recherche acronym,
.normes-ul-recherche address,
.normes-ul-recherche big,
.normes-ul-recherche cite,
.normes-ul-recherche code,
.normes-ul-recherche del,
.normes-ul-recherche dfn,
.normes-ul-recherche em,
.normes-ul-recherche img,
.normes-ul-recherche ins,
.normes-ul-recherche kbd,
.normes-ul-recherche q,
.normes-ul-recherche s,
.normes-ul-recherche samp,
.normes-ul-recherche small,
.normes-ul-recherche strike,
.normes-ul-recherche strong,
.normes-ul-recherche sub,
.normes-ul-recherche sup,
.normes-ul-recherche tt,
.normes-ul-recherche var,
.normes-ul-recherche b,
.normes-ul-recherche u,
.normes-ul-recherche i,
.normes-ul-recherche center,
.normes-ul-recherche dl,
.normes-ul-recherche dt,
.normes-ul-recherche dd,
.normes-ul-recherche ol,
.normes-ul-recherche ul,
.normes-ul-recherche li,
.normes-ul-recherche fieldset,
.normes-ul-recherche form,
.normes-ul-recherche label,
.normes-ul-recherche legend,
.normes-ul-recherche table,
.normes-ul-recherche caption,
.normes-ul-recherche tbody,
.normes-ul-recherche tfoot,
.normes-ul-recherche thead,
.normes-ul-recherche tr,
.normes-ul-recherche th,
.normes-ul-recherche td,
.normes-ul-recherche article,
.normes-ul-recherche aside,
.normes-ul-recherche canvas,
.normes-ul-recherche details,
.normes-ul-recherche embed,
.normes-ul-recherche figure,
.normes-ul-recherche figcaption,
.normes-ul-recherche footer,
.normes-ul-recherche header,
.normes-ul-recherche hgroup,
.normes-ul-recherche menu,
.normes-ul-recherche nav,
.normes-ul-recherche output,
.normes-ul-recherche ruby,
.normes-ul-recherche section,
.normes-ul-recherche summary,
.normes-ul-recherche time,
.normes-ul-recherche mark,
.normes-ul-recherche audio,
.normes-ul-recherche video,
.normes-ul-nav-mobile-wrapper div,
.normes-ul-nav-mobile-wrapper span,
.normes-ul-nav-mobile-wrapper applet,
.normes-ul-nav-mobile-wrapper object,
.normes-ul-nav-mobile-wrapper iframe,
.normes-ul-nav-mobile-wrapper h1,
.normes-ul-nav-mobile-wrapper h2,
.normes-ul-nav-mobile-wrapper h3,
.normes-ul-nav-mobile-wrapper h4,
.normes-ul-nav-mobile-wrapper h5,
.normes-ul-nav-mobile-wrapper h6,
.normes-ul-nav-mobile-wrapper p,
.normes-ul-nav-mobile-wrapper blockquote,
.normes-ul-nav-mobile-wrapper pre,
.normes-ul-nav-mobile-wrapper a,
.normes-ul-nav-mobile-wrapper abbr,
.normes-ul-nav-mobile-wrapper acronym,
.normes-ul-nav-mobile-wrapper address,
.normes-ul-nav-mobile-wrapper big,
.normes-ul-nav-mobile-wrapper cite,
.normes-ul-nav-mobile-wrapper code,
.normes-ul-nav-mobile-wrapper del,
.normes-ul-nav-mobile-wrapper dfn,
.normes-ul-nav-mobile-wrapper em,
.normes-ul-nav-mobile-wrapper img,
.normes-ul-nav-mobile-wrapper ins,
.normes-ul-nav-mobile-wrapper kbd,
.normes-ul-nav-mobile-wrapper q,
.normes-ul-nav-mobile-wrapper s,
.normes-ul-nav-mobile-wrapper samp,
.normes-ul-nav-mobile-wrapper small,
.normes-ul-nav-mobile-wrapper strike,
.normes-ul-nav-mobile-wrapper strong,
.normes-ul-nav-mobile-wrapper sub,
.normes-ul-nav-mobile-wrapper sup,
.normes-ul-nav-mobile-wrapper tt,
.normes-ul-nav-mobile-wrapper var,
.normes-ul-nav-mobile-wrapper b,
.normes-ul-nav-mobile-wrapper u,
.normes-ul-nav-mobile-wrapper i,
.normes-ul-nav-mobile-wrapper center,
.normes-ul-nav-mobile-wrapper dl,
.normes-ul-nav-mobile-wrapper dt,
.normes-ul-nav-mobile-wrapper dd,
.normes-ul-nav-mobile-wrapper ol,
.normes-ul-nav-mobile-wrapper ul,
.normes-ul-nav-mobile-wrapper li,
.normes-ul-nav-mobile-wrapper fieldset,
.normes-ul-nav-mobile-wrapper form,
.normes-ul-nav-mobile-wrapper label,
.normes-ul-nav-mobile-wrapper legend,
.normes-ul-nav-mobile-wrapper table,
.normes-ul-nav-mobile-wrapper caption,
.normes-ul-nav-mobile-wrapper tbody,
.normes-ul-nav-mobile-wrapper tfoot,
.normes-ul-nav-mobile-wrapper thead,
.normes-ul-nav-mobile-wrapper tr,
.normes-ul-nav-mobile-wrapper th,
.normes-ul-nav-mobile-wrapper td,
.normes-ul-nav-mobile-wrapper article,
.normes-ul-nav-mobile-wrapper aside,
.normes-ul-nav-mobile-wrapper canvas,
.normes-ul-nav-mobile-wrapper details,
.normes-ul-nav-mobile-wrapper embed,
.normes-ul-nav-mobile-wrapper figure,
.normes-ul-nav-mobile-wrapper figcaption,
.normes-ul-nav-mobile-wrapper footer,
.normes-ul-nav-mobile-wrapper header,
.normes-ul-nav-mobile-wrapper hgroup,
.normes-ul-nav-mobile-wrapper menu,
.normes-ul-nav-mobile-wrapper nav,
.normes-ul-nav-mobile-wrapper output,
.normes-ul-nav-mobile-wrapper ruby,
.normes-ul-nav-mobile-wrapper section,
.normes-ul-nav-mobile-wrapper summary,
.normes-ul-nav-mobile-wrapper time,
.normes-ul-nav-mobile-wrapper mark,
.normes-ul-nav-mobile-wrapper audio,
.normes-ul-nav-mobile-wrapper video,
.normes-ul-navigation-principale div,
.normes-ul-navigation-principale span,
.normes-ul-navigation-principale applet,
.normes-ul-navigation-principale object,
.normes-ul-navigation-principale iframe,
.normes-ul-navigation-principale h1,
.normes-ul-navigation-principale h2,
.normes-ul-navigation-principale h3,
.normes-ul-navigation-principale h4,
.normes-ul-navigation-principale h5,
.normes-ul-navigation-principale h6,
.normes-ul-navigation-principale p,
.normes-ul-navigation-principale blockquote,
.normes-ul-navigation-principale pre,
.normes-ul-navigation-principale a,
.normes-ul-navigation-principale abbr,
.normes-ul-navigation-principale acronym,
.normes-ul-navigation-principale address,
.normes-ul-navigation-principale big,
.normes-ul-navigation-principale cite,
.normes-ul-navigation-principale code,
.normes-ul-navigation-principale del,
.normes-ul-navigation-principale dfn,
.normes-ul-navigation-principale em,
.normes-ul-navigation-principale img,
.normes-ul-navigation-principale ins,
.normes-ul-navigation-principale kbd,
.normes-ul-navigation-principale q,
.normes-ul-navigation-principale s,
.normes-ul-navigation-principale samp,
.normes-ul-navigation-principale small,
.normes-ul-navigation-principale strike,
.normes-ul-navigation-principale strong,
.normes-ul-navigation-principale sub,
.normes-ul-navigation-principale sup,
.normes-ul-navigation-principale tt,
.normes-ul-navigation-principale var,
.normes-ul-navigation-principale b,
.normes-ul-navigation-principale u,
.normes-ul-navigation-principale i,
.normes-ul-navigation-principale center,
.normes-ul-navigation-principale dl,
.normes-ul-navigation-principale dt,
.normes-ul-navigation-principale dd,
.normes-ul-navigation-principale ol,
.normes-ul-navigation-principale ul,
.normes-ul-navigation-principale li,
.normes-ul-navigation-principale fieldset,
.normes-ul-navigation-principale form,
.normes-ul-navigation-principale label,
.normes-ul-navigation-principale legend,
.normes-ul-navigation-principale table,
.normes-ul-navigation-principale caption,
.normes-ul-navigation-principale tbody,
.normes-ul-navigation-principale tfoot,
.normes-ul-navigation-principale thead,
.normes-ul-navigation-principale tr,
.normes-ul-navigation-principale th,
.normes-ul-navigation-principale td,
.normes-ul-navigation-principale article,
.normes-ul-navigation-principale aside,
.normes-ul-navigation-principale canvas,
.normes-ul-navigation-principale details,
.normes-ul-navigation-principale embed,
.normes-ul-navigation-principale figure,
.normes-ul-navigation-principale figcaption,
.normes-ul-navigation-principale footer,
.normes-ul-navigation-principale header,
.normes-ul-navigation-principale hgroup,
.normes-ul-navigation-principale menu,
.normes-ul-navigation-principale nav,
.normes-ul-navigation-principale output,
.normes-ul-navigation-principale ruby,
.normes-ul-navigation-principale section,
.normes-ul-navigation-principale summary,
.normes-ul-navigation-principale time,
.normes-ul-navigation-principale mark,
.normes-ul-navigation-principale audio,
.normes-ul-navigation-principale video,
.normes-ul-pied-page div,
.normes-ul-pied-page span,
.normes-ul-pied-page applet,
.normes-ul-pied-page object,
.normes-ul-pied-page iframe,
.normes-ul-pied-page h1,
.normes-ul-pied-page h2,
.normes-ul-pied-page h3,
.normes-ul-pied-page h4,
.normes-ul-pied-page h5,
.normes-ul-pied-page h6,
.normes-ul-pied-page p,
.normes-ul-pied-page blockquote,
.normes-ul-pied-page pre,
.normes-ul-pied-page a,
.normes-ul-pied-page abbr,
.normes-ul-pied-page acronym,
.normes-ul-pied-page address,
.normes-ul-pied-page big,
.normes-ul-pied-page cite,
.normes-ul-pied-page code,
.normes-ul-pied-page del,
.normes-ul-pied-page dfn,
.normes-ul-pied-page em,
.normes-ul-pied-page img,
.normes-ul-pied-page ins,
.normes-ul-pied-page kbd,
.normes-ul-pied-page q,
.normes-ul-pied-page s,
.normes-ul-pied-page samp,
.normes-ul-pied-page small,
.normes-ul-pied-page strike,
.normes-ul-pied-page strong,
.normes-ul-pied-page sub,
.normes-ul-pied-page sup,
.normes-ul-pied-page tt,
.normes-ul-pied-page var,
.normes-ul-pied-page b,
.normes-ul-pied-page u,
.normes-ul-pied-page i,
.normes-ul-pied-page center,
.normes-ul-pied-page dl,
.normes-ul-pied-page dt,
.normes-ul-pied-page dd,
.normes-ul-pied-page ol,
.normes-ul-pied-page ul,
.normes-ul-pied-page li,
.normes-ul-pied-page fieldset,
.normes-ul-pied-page form,
.normes-ul-pied-page label,
.normes-ul-pied-page legend,
.normes-ul-pied-page table,
.normes-ul-pied-page caption,
.normes-ul-pied-page tbody,
.normes-ul-pied-page tfoot,
.normes-ul-pied-page thead,
.normes-ul-pied-page tr,
.normes-ul-pied-page th,
.normes-ul-pied-page td,
.normes-ul-pied-page article,
.normes-ul-pied-page aside,
.normes-ul-pied-page canvas,
.normes-ul-pied-page details,
.normes-ul-pied-page embed,
.normes-ul-pied-page figure,
.normes-ul-pied-page figcaption,
.normes-ul-pied-page footer,
.normes-ul-pied-page header,
.normes-ul-pied-page hgroup,
.normes-ul-pied-page menu,
.normes-ul-pied-page nav,
.normes-ul-pied-page output,
.normes-ul-pied-page ruby,
.normes-ul-pied-page section,
.normes-ul-pied-page summary,
.normes-ul-pied-page time,
.normes-ul-pied-page mark,
.normes-ul-pied-page audio,
.normes-ul-pied-page video {
  border: 0;
  margin: 0;
  padding: 0;
}
.normes-ul-entete-ul article, .normes-ul-entete-ul aside, .normes-ul-entete-ul details, .normes-ul-entete-ul figcaption, .normes-ul-entete-ul figure,
.normes-ul-entete-ul footer, .normes-ul-entete-ul header, .normes-ul-entete-ul hgroup, .normes-ul-entete-ul menu, .normes-ul-entete-ul nav, .normes-ul-entete-ul section,
.normes-ul-recherche article,
.normes-ul-recherche aside,
.normes-ul-recherche details,
.normes-ul-recherche figcaption,
.normes-ul-recherche figure,
.normes-ul-recherche footer,
.normes-ul-recherche header,
.normes-ul-recherche hgroup,
.normes-ul-recherche menu,
.normes-ul-recherche nav,
.normes-ul-recherche section,
.normes-ul-nav-mobile-wrapper article,
.normes-ul-nav-mobile-wrapper aside,
.normes-ul-nav-mobile-wrapper details,
.normes-ul-nav-mobile-wrapper figcaption,
.normes-ul-nav-mobile-wrapper figure,
.normes-ul-nav-mobile-wrapper footer,
.normes-ul-nav-mobile-wrapper header,
.normes-ul-nav-mobile-wrapper hgroup,
.normes-ul-nav-mobile-wrapper menu,
.normes-ul-nav-mobile-wrapper nav,
.normes-ul-nav-mobile-wrapper section,
.normes-ul-navigation-principale article,
.normes-ul-navigation-principale aside,
.normes-ul-navigation-principale details,
.normes-ul-navigation-principale figcaption,
.normes-ul-navigation-principale figure,
.normes-ul-navigation-principale footer,
.normes-ul-navigation-principale header,
.normes-ul-navigation-principale hgroup,
.normes-ul-navigation-principale menu,
.normes-ul-navigation-principale nav,
.normes-ul-navigation-principale section,
.normes-ul-pied-page article,
.normes-ul-pied-page aside,
.normes-ul-pied-page details,
.normes-ul-pied-page figcaption,
.normes-ul-pied-page figure,
.normes-ul-pied-page footer,
.normes-ul-pied-page header,
.normes-ul-pied-page hgroup,
.normes-ul-pied-page menu,
.normes-ul-pied-page nav,
.normes-ul-pied-page section {
  display: block;
}
.normes-ul-entete-ul ol, .normes-ul-entete-ul ul,
.normes-ul-recherche ol,
.normes-ul-recherche ul,
.normes-ul-nav-mobile-wrapper ol,
.normes-ul-nav-mobile-wrapper ul,
.normes-ul-navigation-principale ol,
.normes-ul-navigation-principale ul,
.normes-ul-pied-page ol,
.normes-ul-pied-page ul {
  list-style: none;
}
.normes-ul-entete-ul blockquote, .normes-ul-entete-ul q,
.normes-ul-recherche blockquote,
.normes-ul-recherche q,
.normes-ul-nav-mobile-wrapper blockquote,
.normes-ul-nav-mobile-wrapper q,
.normes-ul-navigation-principale blockquote,
.normes-ul-navigation-principale q,
.normes-ul-pied-page blockquote,
.normes-ul-pied-page q {
  quotes: none;
}
.normes-ul-entete-ul blockquote:before, .normes-ul-entete-ul blockquote:after,
.normes-ul-entete-ul q:before, .normes-ul-entete-ul q:after,
.normes-ul-recherche blockquote:before,
.normes-ul-recherche blockquote:after,
.normes-ul-recherche q:before,
.normes-ul-recherche q:after,
.normes-ul-nav-mobile-wrapper blockquote:before,
.normes-ul-nav-mobile-wrapper blockquote:after,
.normes-ul-nav-mobile-wrapper q:before,
.normes-ul-nav-mobile-wrapper q:after,
.normes-ul-navigation-principale blockquote:before,
.normes-ul-navigation-principale blockquote:after,
.normes-ul-navigation-principale q:before,
.normes-ul-navigation-principale q:after,
.normes-ul-pied-page blockquote:before,
.normes-ul-pied-page blockquote:after,
.normes-ul-pied-page q:before,
.normes-ul-pied-page q:after {
  content: '';
  content: none;
}
.normes-ul-entete-ul table,
.normes-ul-recherche table,
.normes-ul-nav-mobile-wrapper table,
.normes-ul-navigation-principale table,
.normes-ul-pied-page table {
  border-collapse: collapse;
  border-spacing: 0;
}
.normes-ul-entete-ul input,
.normes-ul-recherche input,
.normes-ul-nav-mobile-wrapper input,
.normes-ul-navigation-principale input,
.normes-ul-pied-page input {
  -webkit-appearance: none;
  border-radius: 0;
}

/* Permet de d├®finir la hauteur de l'espace o├╣ la facult├®/d├®partement est d├®fini. Avec cette variable, on peut centrer les titres selon leurs formats. Par d├®faut, on met 80px pour centrer un nom de facult├® affich├® sur une ligne; 90px si on affiche aussi le nom du d├®partement. La bande de couleur n'est pas inclue dans la hauteur. */
body {
  max-width: 100%;
  min-width: 320px;
  overflow-x: hidden;
  width: 100%;
}

.normes-ul-entete-ul {
  background: #fff;
  border-top: 30px solid #ffc103;
  position: relative;
  /* Pour que le menu mobile passe en arrière de l'entête */
  z-index: 999;
}
.normes-ul-entete-ul:before {
  background: #e30513;
  content: "";
  height: 30px;
  position: absolute;
  right: 0;
  top: -30px;
  width: 75%;
}
.normes-ul-entete-ul:after {
  clear: both;
  content: "";
  display: table;
}
.normes-ul-entete-ul *, .normes-ul-entete-ul *::after, .normes-ul-entete-ul *::before {
  box-sizing: border-box;
}
.normes-ul-entete-ul .entete-contenu {
  box-sizing: border-box;
  clear: both;
  content: "";
  display: table;
  margin: 0 auto;
  max-width: 1200px;/*1170px;*/
  padding: 0 15px;
  position: relative;
  width: 100%;
}
.normes-ul-entete-ul object {
  pointer-events: none;
}
.normes-ul-entete-ul .logo-ul {
  float: left;
  margin: 25px 29px 0 0;
  position: relative;
}
/*.normes-ul-entete-ul .logo-ul:before {*/
.normes-ul-entete-ul .wrapper-logo:before {
  background: #ffc103;
  content: "";
  display: block;
  height: 30px;
  width: 155px;
  position: absolute;
  top: -60px;
}
.normes-ul-entete-ul .logo-ul:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.normes-ul-entete-ul .logo-mobile {
  display: none;
}
.normes-ul-entete-ul .organisation {
  float: left;
  height: 105px;
  position: relative;
}
.normes-ul-entete-ul .organisation:before {
  background: #e30513;
  border-left: 2px solid #fff;
  content: "";
  height: 30px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: -30px;
  width: 100%;
}
.normes-ul-entete-ul .organisation .titres {
  min-width: 175px;
  padding: 10px 0 10px 25px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.normes-ul-entete-ul .faculte {
  color: #000;
  display: none;/*table-row;*/
  font: 300 18px 'Source Sans Pro', sans-serif;
  line-height: 20px;
  text-decoration: none;
}
.normes-ul-entete-ul .deux-titres .faculte {
  font: 700 16px 'Source Sans Pro', sans-serif;
  line-height: 20px;
  margin-bottom: 5px;
}
.normes-ul-entete-ul .deux-titres .faculte:after {
  content: "";
  display: block;
  height: 6px;
}
.normes-ul-entete-ul .departement {
  color: #000;
  display: table-row;
  font: 300 18px 'Source Sans Pro', sans-serif;
  line-height: 20px;
  text-decoration: none;
}
.normes-ul-entete-ul .navigation-generale {
  float: right;
}
.normes-ul-entete-ul .navigation-generale li {
  display: inline-block;
}
.normes-ul-entete-ul .navigation-generale a {
  color: #000;
  border: 1px solid transparent;
  display: block;
  font: normal 14px 'Source Sans Pro', sans-serif;
  line-height: 36px;
  margin-left: 0px;
  padding: 0px 10px;
  text-decoration: none;
}
.normes-ul-entete-ul .navigation-generale [class*="current"],
.normes-ul-entete-ul .navigation-generale a:hover {
  text-decoration: underline;
}
.normes-ul-entete-ul .switch-langue,
.normes-ul-entete-ul .recherche-desktop {
  border: 1px solid #8d8b8c;
  color: #8d8b8c;
  float: right;
  margin-left: 7px;
  text-decoration: none;
}
.normes-ul-entete-ul .switch-langue:hover,
.normes-ul-entete-ul .recherche-desktop:hover {
  background: #d5d5d5;
}
.normes-ul-entete-ul .navigation-generale {
  margin-top: 8px;
}
.normes-ul-entete-ul .recherche-desktop,
.normes-ul-entete-ul .switch-langue {
  margin-top: 8px;
  width: 48px;
}
.normes-ul-entete-ul .recherche-desktop {
  clear: none;
  font-size: 38px;
  font: 300 38px 'Source Sans Pro', sans-serif;
  line-height: 32px;
  padding: 0px 3px 0px 5px;
  /* Hack pour que le bouton de recherche ait la même hauteur que celui des langues */
  padding: 1px 0 0 0\9;
}
.normes-ul-entete-ul .recherche-desktop.open {
  background: #1c1c1c;
  border: 1px solid #1c1c1c;
}
.normes-ul-entete-ul .recherche-desktop .icon-recherche {
  display: block;
}
.normes-ul-entete-ul .icon-close {
  color: #7F8080;
  display: none;
  margin-left: -1px;
}
.normes-ul-entete-ul .nous-joindre,
.nav-mobile .nous-joindre {
    border: 1px solid #8d8b8c;
    color: #8d8b8c;
    float: right;
    margin-left: 7px;
    margin-top: 8px;
    text-decoration: none;
    width: 48px;
}
.nav-mobile .nous-joindre {
    border: 1px solid #60605F!important;
    clear: none;
    display: inline-block;
    float: none;
    height: 40px;
    margin-top: 0;
    vertical-align: top;
}
.normes-ul-entete-ul .nous-joindre:hover {
    background: #d5d5d5;
}
.normes-ul-entete-ul .nous-joindre a,
.nav-mobile .nous-joindre a {
    display: block;
    height: 38px;
    position: relative;
}
.nav-mobile .nous-joindre a {
    padding: 0;
    width: 100%;
}
.normes-ul-entete-ul .nous-joindre a:after,
.nav-mobile .nous-joindre a:after {
    color: #E30513;
    content: "a";
    font-family: 'iconesUL';
    font-size: 36px;
    font-weight: 600;
    left: calc(50% - 18px);
    margin: 0px auto;
    position: absolute;  
    speak: none;  
    text-transform: lowercase;
    top: calc(50% - 9px);
}
.nav-mobile .nous-joindre a:after {
    color: #fff;
    font-weight: 400;
    left: calc(50% - 17px);
    top: calc(50% - 14px);
}
.normes-ul-entete-ul .nous-joindre span,
.nav-mobile .nous-joindre span {
display: none;
}
.normes-ul-entete-ul .nous-joindre,
.nav-mobile .nous-joindre {
    clear: right;   
}
.normes-ul-entete-ul .switch-langue {
  clear: none;
  margin-left: 7px;
}
.normes-ul-entete-ul .switch-langue a {
  color: #8d8b8c;
  display: block;
  font: 300 18px 'Source Sans Pro', sans-serif;
  line-height: 36px;
  padding: 1px 13px 1px 13px;
  text-decoration: none;
}
.normes-ul-entete-ul .switch-langue + .recherche-desktop {
  clear: none;
}

.normes-ul-recherche {
  background: #1c1c1c;
  color: #fff;
  display: none;
  height: auto;
  margin-bottom: -12px;
  position: relative;
  top: -12px;
  width: 100%;
  z-index: 1000;
  /* Styles pour enlever les bordures dans le champ de recherche */
}
.normes-ul-recherche form {
  margin: 0 auto;
  max-width: 1200px;/*1170px;*/
  padding: 20px 15px 25px 15px;
  position: relative;
}
.normes-ul-recherche .champ-recherche {
  background: #1c1c1c;
  border: 1px solid #4b4b4b;
  box-sizing: border-box;
  color: #a4a3a2;
  font: 400 20px 'Source Sans Pro', sans-serif;
  height: 40px;
  padding: 0 70px 0 25px;
  vertical-align: middle;
  width: 100%;
}
.normes-ul-recherche .champ-recherche:focus {
  outline: none;
}
.normes-ul-recherche input::-webkit-input-placeholder {
  color: #a4a3a2;
}
.normes-ul-recherche input:-moz-placeholder {
  color: #a4a3a2;
}
.normes-ul-recherche .btn-recherche {
  background: none;
  border: 1px solid #4b4b4b;
  cursor: pointer;
  height: 40px;
  padding: 1px 7px 1px 5px;
  position: absolute;
  right: 15px;
  top: 20px;
  width: 48px;
}
.normes-ul-recherche .btn-recherche:focus {
  outline: none;
}
.normes-ul-recherche .btn-recherche:hover {
  background: #818181;
}
.normes-ul-recherche .btn-recherche:hover .icon-recherche {
  color: #000;
}
.normes-ul-recherche .btn-recherche .icon-recherche {
  color: #fff;
  font-size: 40px;
}
.normes-ul-recherche ::-webkit-input-placeholder {
  color: #fff;
}
.normes-ul-recherche :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
.normes-ul-recherche ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.normes-ul-recherche :-ms-input-placeholder {
  color: #fff;
}
.normes-ul-recherche input[type="search"]::-webkit-search-decoration,
.normes-ul-recherche input[type="search"]::-webkit-search-cancel-button,
.normes-ul-recherche input[type="search"]::-webkit-search-results-button,
.normes-ul-recherche input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.normes-ul-recherche input[type=text]::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
.normes-ul-recherche input[type=text]::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}
.normes-ul-recherche input[type="search"]::-webkit-search-decoration,
.normes-ul-recherche input[type="search"]::-webkit-search-cancel-button,
.normes-ul-recherche input[type="search"]::-webkit-search-results-button,
.normes-ul-recherche input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.normes-ul-recherche .recherchegroupebouton {
    margin: 0px auto 0px auto;
    max-width: 1200px;
    padding: 25px 15px 0px 15px;
    position: relative;
}
.normes-ul-recherche ul {
    padding: 0;
    /*margin: 0px 0px 20px 0px;*/
}
.normes-ul-recherche ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px;
}

.normes-ul-recherche ul li {
    background-image: none !important;
    display: inline;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    background-color: #fff;
}
.normes-ul-recherche ul li.actif a,
.normes-ul-recherche ul li.actif a:hover {
    color: black;
    background-color: #C2C1C0;
}
.normes-ul-recherche ul li a {
    display: block;
}
.normes-ul-recherche ul li a {
    background-color: #1c1c1c;
}
.normes-ul-recherche ul li a {
    padding: 3px 15px;
    display: inline-block;
    border: 1px solid #60605F;
    text-decoration: none;
    font-size: 14px;
    color: white;
    background-color: rgba(46, 46, 46, 1);
}
.normes-ul-recherche ul li a:hover {
    color: white;
    background-color: rgba(46, 46, 46, 0.7);
}
/* Acces rapides */
.navigation-generale .section_31203 > a,
.navigation-generale .section_31203 > a:hover,
.navigation-generale .section_32449 > a,
.navigation-generale .section_32449 > a:hover{
padding-right: 24px;
position: relative;
text-decoration: none;
}
.navigation-generale .section_31203.actif > a,
.navigation-generale .section_32449.actif > a {
border: 1px solid #b2b2b2;
}
.navigation-generale .section_31203 > a::after,
.navigation-generale .section_32449 > a::after{
  font-family: 'iconesUL';
  color: #666666;
  speak: none;
  content: "c";
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 24px;
  line-height: normal;
  text-transform: lowercase;
  text-decoration: none;
}
.navigation-generale .section_31203.actif > a::after,
.navigation-generale .section_32449.actif > a::after{
  content: "f";
  line-height: normal;
}
.navigation-generale .section_31203.actif a,
.navigation-generale .section_31203.actif a:hover,
.navigation-generale .section_32449.actif a,
.navigation-generale .section_32449.actif a:hover{
  border-bottom: 1px solid #fff;
  text-decoration: none;
  z-index: 1000;
  background-color: #fff;
  color: #666666;
}
.navigation-generale .section_31203 a:focus,
.navigation-generale .section_32449 a:focus{
    outline: 0;
}

/* menu des accès rapides */
#acces_rapide_v2 {
  background-color: #FFFFFF;
  border: 1px solid #b2b2b2;
  display: none;
  padding: 25px 40px;
  position: absolute;
  right: 15px;
  top: 45px; 
  width: 650px;/* à  cause du position et z-index VS parent */
  z-index: 10;
}
#acces_rapide_v2 .colonne {
  float: left;
  width: 175px;
  margin-right: 35px;
  color: #2d2d2d;
}
#acces_rapide_v2 .colonne:last-child {
  margin-right: 0px;
}
.navigation-generale #acces_rapide_v2 p,
#acces_rapide_v2 p {
  margin: 0px!important;
  font-size: 15px!important;
}
.navigation-generale #acces_rapide_v2 ul,
#acces_rapide_v2 ul {
  display: block!important;
  margin: 3px 0px 15px 0px!important;
}
.navigation-generale #acces_rapide_v2 ul li,
#acces_rapide_v2 ul li {
  display: block!important;
  float: none!important;
  margin-bottom: 4px!important;
  position: static!important; 
}
.navigation-generale #acces_rapide_v2 ul li a,
#acces_rapide_v2 ul li a {
    margin-left: 0!important;
  background-color: transparent;
  border: none!important;
  color: #2d2d2d!important;
  font-size: 14px!important;
  line-height:1!important;
  padding: 0px!important;
  position: static!important;
}
.navigation-generale #acces_rapide_v2 ul li a:hover,
#acces_rapide_v2 ul li a:hover {
  color: #2d2d2d!important;
  text-decoration: underline!important;
}
.navigation-generale #acces_rapide_v2 ul li a:after,
#acces_rapide_v2 ul li a:after {
  display: none!important;
}
.navigation-generale #acces_rapide_v2 .btn_salle_presse,
#acces_rapide_v2 .btn_salle_presse {
  position: absolute;
  right: 40px;
  text-align: center;
  bottom: 75px; 
  text-transform: uppercase;
  color: #fff;
}  
.navigation-generale #acces_rapide_v2 .btn_urgences,
#acces_rapide_v2 .btn_urgences {
  position: absolute;
  right: 40px;
  bottom: 25px; 
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}  
.navigation-generale #acces_rapide_v2 .btn_salle_presse a,
#acces_rapide_v2 .btn_salle_presse a,
.navigation-generale #acces_rapide_v2 .btn_urgences a,
#acces_rapide_v2 .btn_urgences a {
  color: #fff!important;
  background-color: #999!important;
  border: none!important;
  display: block!important;
  font-size: 15px!important;
  line-height: normal!important;
  padding: 8px 20px!important;
  width:180px!important;
  text-transform: uppercase!important;
}
.navigation-generale #acces_rapide_v2 .btn_urgences a,
#acces_rapide_v2 .btn_urgences a {
  background-color: #E30513!important;
}
.navigation-generale #acces_rapide_v2 .btn_salle_presse a:hover,
#acces_rapide_v2 .btn_salle_presse a:hover,
.navigation-generale #acces_rapide_v2 .btn_urgences a:hover,
#acces_rapide_v2 .btn_urgences a:hover {
  font-size: 15px!important;
  text-decoration: underline!important;
}

@media only screen and (min-width: 2750px) {
  .normes-ul-entete-ul:before {
    width: 60% !important;
  }
}
@media only screen and (min-width: 1660px) {
  .normes-ul-entete-ul:before {
    width: 66%;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .navigation-generale,
  .normes-ul-recherche {
    /*display: none !important;*/
  }
  .normes-ul-recherche {
    margin-bottom: -15px;
    top: 0px;
  }
  .navigation-generale {
    display: none !important;
  }

  .normes-ul-entete-ul {
    background: #fff;
    border-top: 30px solid #e30513;
  }
  .normes-ul-entete-ul:before {
    background: #ffc103;
    border-right: 2px solid #fff;
    left: 0;
    right: auto;
    width: 65px;
  }
  .normes-ul-entete-ul .entete-contenu {
    padding: 0 15px;
  }
  .normes-ul-entete-ul .logo-ul {
    margin: 16px 15px 0 0;
    position: relative;
  }
  .normes-ul-entete-ul .wrapper-logo:before {
    content: none;
  }
  .normes-ul-entete-ul .logo-complet,
  .normes-ul-entete-ul .switch-langue,
  .normes-ul-entete-ul .switch-langue,
  .normes-ul-entete-ul .recherche-desktop {
    display: none;
  }
  .normes-ul-entete-ul .logo-mobile {
    display: block;
  }
  .normes-ul-entete-ul .organisation {
    height: 90px;
    min-width: 196px;
  }
  .normes-ul-entete-ul .organisation:before {
    content: none;
  }
  .normes-ul-entete-ul .organisation .titres {
    padding-left: 0;
  }
  .normes-ul-entete-ul .deux-titres .faculte {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 9px;
  }
  .normes-ul-entete-ul .deux-titres .faculte:after {
    height: 4px;
  }
  .normes-ul-entete-ul .deux-titres .departement {
    font-size: 17px;
  }
}
.normes-ul-pied-page {
  font: 300 14px 'Source Sans Pro', sans-serif;
  color: #fff;
  width: 100%;
}
.normes-ul-pied-page.charcoal {
  background: #2e2e2e;
  color: #fff;
}
.normes-ul-pied-page.charcoal .titre-section strong,
.normes-ul-pied-page.charcoal .copyright p,
.normes-ul-pied-page.charcoal .communication strong {
  color: #fff;
}
.normes-ul-pied-page.charcoal .copyright {
  background: #181818;
}
.normes-ul-pied-page.charcoal [class^="icon"] {
  color: #999;
}
.normes-ul-pied-page.charcoal .liens {
  border-left: 1px solid #4a4a4a;
}
.normes-ul-pied-page.charcoal .liens a {
  color: #1895fd;
}
.normes-ul-pied-page.blanc {
  background: #fff;
  color: #737272;
}
.normes-ul-pied-page.blanc .titre-section strong,
.normes-ul-pied-page.blanc .copyright p,
.normes-ul-pied-page.blanc .communication strong {
  color: #000;
}
.normes-ul-pied-page.blanc .copyright {
  background: #dadada;
}
.normes-ul-pied-page.blanc [class^="icon"] {
  color: #e30513;
}
.normes-ul-pied-page.blanc .liens {
  border-left: 1px solid #ccc;
}
.normes-ul-pied-page.blanc .liens a {
  color: #1895fd;
}
.normes-ul-pied-page *, .normes-ul-pied-page *::after, .normes-ul-pied-page *::before {
  box-sizing: border-box;
}
.normes-ul-pied-page section {
  box-sizing: border-box;
}
.normes-ul-pied-page a,
.normes-ul-pied-page a:hover {
  color: #1895fd;
  font-weight: 400;
  text-decoration: none;
}
.normes-ul-pied-page .pied-page-contenu {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;/*1170px;*/
  padding: 50px 15px;
}
.normes-ul-pied-page .pied-page-contenu:after {
  content: "";
  clear: both;
  display: table;
}
.normes-ul-pied-page .bloc-carte {
  float: left;
  padding-right: 30px;
  width: 48%;
}
.normes-ul-pied-page .bloc-carte img {
  display: block;
}
.normes-ul-pied-page .carte {
  margin-bottom: 8px;
}
.normes-ul-pied-page .carte,
.normes-ul-pied-page .photo {
  max-width: 256px;
  width: 100%;
}
.normes-ul-pied-page .bloc-adresse {
  float: left;
  padding-right: 20px;
  width: 50%;
}
.normes-ul-pied-page .bloc-adresse a:hover {
  text-decoration: underline;
}
.normes-ul-pied-page .bloc-adresse p {
  line-height: 17px;
  margin-bottom: 18px;
}
.normes-ul-pied-page .titre-section {
  margin-bottom: 15px;
}
.normes-ul-pied-page .titre-section strong {
  font: normal 18px 'Source Sans Pro', sans-serif;
}
.normes-ul-pied-page .courriel a {
  display: block;
}
.normes-ul-pied-page .telephone span {
  color: #1895fd;
  display: block;
  font-weight: 400;
}
.normes-ul-pied-page .telecopieur span {
  display: block;
}
.normes-ul-pied-page .coordonnees {
  box-sizing: border-box;
  float: left;
  width: 50%;
}
.normes-ul-pied-page .liens {
  box-sizing: border-box;
  float: left;
  padding: 0 30px 50px;
  width: 33.3333%;
}
.normes-ul-pied-page .liens a {
  display: table;
  margin-bottom: 10px;
}
.normes-ul-pied-page .liens a:hover {
  text-decoration: underline;
}
.normes-ul-pied-page .communication {
  box-sizing: border-box;
  float: right;
  width: 16.6666%;
}
.normes-ul-pied-page .communication a[class^="icon"],
.normes-ul-pied-page .communication a:hover[class^="icon"] {
  display: block;
  float: left;
  font-size: 41px;
  line-height: 45px;
  margin-right: 3px;
}
.normes-ul-pied-page .communication strong {
  font: normal 18px 'Source Sans Pro', sans-serif;
  margin: 0;
}
.normes-ul-pied-page .communication .bouton {
  background: #e30513;
  color: #fff !important;
  display: block;
  font: 300 14px 'Source Sans Pro', sans-serif;
  margin-bottom: 35px;
  padding: 10px 10px 12px 10px;
  text-align: center;
}
.normes-ul-pied-page .communication .bouton:hover {
  background: #870403;
}
.normes-ul-pied-page .communication .abonnement {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  display: block;
  float: left;
  margin-top: 25px;
  padding: 3px 0;
  text-align: center;
  width: 100%;
}
.normes-ul-pied-page .communication .abonnement .icon-enveloppe {
  font-size: 50px;
  line-height: 32px;
}
.normes-ul-pied-page .copyright {
  clear: both;
}
.normes-ul-pied-page .copyright p {
  font-size: 12px;
  margin: 0 auto;
  max-width: 1200px;/*1170px;*/
  padding: 8px 15px;
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .normes-ul-pied-page .coordonnees {
    width: 67%;
  }
  .normes-ul-pied-page .liens {
    width: 33%;
  }
  .normes-ul-pied-page .liens + .communication {
    clear: both;
    float: none;
    margin: 0 auto;
    padding-top: 40px;
    width: 50%;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .normes-ul-pied-page {
    font-size: 13px;
  }
  .normes-ul-pied-page .bloc-carte,
  .normes-ul-pied-page .bloc-adresse,
  .normes-ul-pied-page .communication,
  .normes-ul-pied-page .coordonnees,
  .normes-ul-pied-page .liens {
    border: none !important;
    clear: both;
    float: none;
    padding: 25px 0 0 !important;
    width: 100% !important;
  }
  .normes-ul-pied-page .bloc-carte,
  .normes-ul-pied-page .coordonnees {
    padding-top: 0 !important;
  }
  .normes-ul-pied-page .bloc-adresse p:last-of-type {
    margin: 0;
  }
  .normes-ul-pied-page .carte,
  .normes-ul-pied-page .photo {
    max-width: 100%;
    width: 100%;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .normes-ul-pied-page {
    -webkit-text-size-adjust: 100%;
  }
  .normes-ul-pied-page .bloc-carte,
  .normes-ul-pied-page .bloc-adresse {
    border: none !important;
    clear: none;
    float: left;
    padding: 25px 30px 0 0 !important;
    width: 50% !important;
  }
}
.normes-ul-navigation-principale {
  width: 100%;
  /* Cr├®e les th├¿mes de menu */
  /* Paramètres menu-principal: $couleurBande, $couleurTexteBande, $couleurBackgroundHover, $couleurLienHover, $couleurBackgroundSectionDroite, $couleurSeparateursV, $couleurSeparateursH, $couleurHoverNiveau2 */
  /* Paramètres sectionsEvidence: $etudiantsActuels, $futursEtudiants, $backgroundHover, $couleurTexteHover */
}
.normes-ul-navigation-principale *, .normes-ul-navigation-principale *::after, .normes-ul-navigation-principale *::before {
  box-sizing: border-box;
}
.normes-ul-navigation-principale div {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;/*1170px;*/
  padding: 0 15px;
}
.normes-ul-navigation-principale div > ul > li {
  float: left;
  height: 68px;
}
.normes-ul-navigation-principale div > ul > li > a {
  height: 68px;
  position: relative;
  text-transform: uppercase;
}
.normes-ul-navigation-principale div > ul > li > a span {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
                                           /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 /       
    -ms-transform: translate(0, -50%); / IE 9 /     
    transform: translate(0, -50%); / IE 10, Fx 16+, Op 12.1+ */
  display: block;
  padding: 0;
  text-align: center;
  width: 100%;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div {
  /*les !important sont l├á pour les sections "Futurs ├®tudiants" et "├ëtudiants actuels" qui ont une sp├®cificit├® assez ├®lev├®e*/
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div ul li:hover > a, .normes-ul-navigation-principale.rouge-sousmenu-blanc div ul li[class*="current"] > a {
  background: #fff !important;
  border-right: 1px solid #fff !important;
  color: #2e2e2e !important;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div ul li a:hover {
  border-right: 1px solid #fff;
  background: #fff;
  color: #2e2e2e;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div > ul {
  background: #e30513;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div > ul > li:first-child > a {
  border-left: 1px solid #cd0911;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div > ul > li:first-child:hover > a {
  border-left: 1px solid #fff !important;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div > ul > li:first-child[class*="current"] > a {
  border-left: 1px solid #fff !important;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div > ul > li > a {
  border-right: 1px solid #cd0911;
  color: #fff;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div ul ul {
  background: #fff;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div ul ul li:hover a {
  background: #f2f2f2 !important;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div ul ul li:last-of-type a {
  border-bottom: 1px solid #f1f1f1;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc div ul ul li a {
  border-top: 1px solid #f1f1f1;
  color: #2e2e2e;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc.facultaire div {
  /*Sur un site facultaire, les liens "Futurs ├®tudiants" et "├ëtudiants actuels" du menu principal doivent ├¬tre les premiers et ├¬tre mis en ├®vidence. Ajouter cette classe au contenant du menu.*/
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc.facultaire div > ul > li:nth-child(2), .normes-ul-navigation-principale.rouge-sousmenu-blanc.facultaire div > ul > li:nth-child(1) {
  color: #000;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc.facultaire div > ul > li:hover:nth-child(2) > a, .normes-ul-navigation-principale.rouge-sousmenu-blanc.facultaire div > ul > li:hover:nth-child(1) > a {
  background: #fff;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc.facultaire div > ul > li:nth-child(2) > a {
  background: #a81916;
  border-right: 1px solid #a81916;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc.facultaire div > ul > li:nth-child(1) > a {
  background: #bf1718;
  border-right: 1px solid #bf1718;
  border-left: 1px solid #bf1718;
}
.normes-ul-navigation-principale.rouge-sousmenu-blanc.pleine-largeur {
  background: #e30513;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div {
  /*les !important sont l├á pour les sections "Futurs ├®tudiants" et "├ëtudiants actuels" qui ont une sp├®cificit├® assez ├®lev├®e*/
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul li:hover > a, .normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul li[class*="current"] > a {
  background: #2e2e2e !important;
  border-right: 1px solid #2e2e2e !important;
  color: #fff !important;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul li a:hover {
  border-right: 1px solid #2e2e2e;
  background: #2e2e2e;
  color: #fff;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div > ul {
  background: #e30513;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div > ul > li:first-child > a {
  border-left: 1px solid #cd0911;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div > ul > li:first-child:hover > a {
  border-left: 1px solid #2e2e2e !important;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div > ul > li:first-child[class*="current"] > a {
  border-left: none !important;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div > ul > li > a {
  border-right: none;
  color: #fff;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul ul {
  background: #2e2e2e;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul ul li:hover a {
  background: #3d3d3d !important;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul ul li:last-of-type a {
  border-bottom: 1px solid #d5d5d5;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul ul li a {
  border-top: 1px solid #d5d5d5;
  color: #fff;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal.facultaire div {
  /*Sur un site facultaire, les liens "Futurs ├®tudiants" et "├ëtudiants actuels" du menu principal doivent ├¬tre les premiers et ├¬tre mis en ├®vidence. Ajouter cette classe au contenant du menu.*/
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal.facultaire div > ul > li:nth-child(2), .normes-ul-navigation-principale.rouge-sousmenu-charcoal.facultaire div > ul > li:nth-child(1) {
  color: #fff;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal.facultaire div > ul > li:hover:nth-child(2) > a, .normes-ul-navigation-principale.rouge-sousmenu-charcoal.facultaire div > ul > li:hover:nth-child(1) > a {
  background: #2e2e2e;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal.facultaire div > ul > li:nth-child(2) > a {
  background: #a81916;
  border-right: 1px solid #a81916;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal.facultaire div > ul > li:nth-child(1) > a {
  background: #bf1718;
  border-right: 1px solid #bf1718;
  border-left: 1px solid #bf1718;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal.pleine-largeur {
  background: #e30513;
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div>ul>li>a,
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div>ul>li:first-child>a,
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div>ul>li:first-child:hover>a,
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul li a:hover,
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul li:hover>a,
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul li[class*="current"]>a {
    border: none !important;
    padding: 0 28px;
    display: flex;
    align-items: center;    
}
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul li a:hover,
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul li:hover>a,
.normes-ul-navigation-principale.rouge-sousmenu-charcoal div ul li[class*="current"]>a {
    background-color: rgba(0,0,0,0.4) !important;
}







.normes-ul-navigation-principale.noir-sousmenu-blanc div {
  /*les !important sont l├á pour les sections "Futurs ├®tudiants" et "├ëtudiants actuels" qui ont une sp├®cificit├® assez ├®lev├®e*/
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div ul li:hover > a, .normes-ul-navigation-principale.noir-sousmenu-blanc div ul li[class*="current"] > a {
  background: #fff !important;
  border-right: 1px solid #fff !important;
  color: #2e2e2e !important;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div ul li a:hover {
  border-right: 1px solid #fff;
  background: #fff;
  color: #2e2e2e;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div > ul {
  background: #2e2e2e;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div > ul > li:first-child > a {
  border-left: 1px solid #232323;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div > ul > li:first-child:hover > a {
  border-left: 1px solid #fff !important;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div > ul > li:first-child[class*="current"] > a {
  border-left: 1px solid #fff !important;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div > ul > li > a {
  border-right: 1px solid #232323;
  color: #fff;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div ul ul {
  background: #fff;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div ul ul li:hover a {
  background: #f2f2f2 !important;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div ul ul li:last-of-type a {
  border-bottom: 1px solid #f1f1f1;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc div ul ul li a {
  border-top: 1px solid #f1f1f1;
  color: #2e2e2e;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc.facultaire div {
  /*Sur un site facultaire, les liens "Futurs ├®tudiants" et "├ëtudiants actuels" du menu principal doivent ├¬tre les premiers et ├¬tre mis en ├®vidence. Ajouter cette classe au contenant du menu.*/
}
.normes-ul-navigation-principale.noir-sousmenu-blanc.facultaire div > ul > li:nth-child(2), .normes-ul-navigation-principale.noir-sousmenu-blanc.facultaire div > ul > li:nth-child(1) {
  color: #000;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc.facultaire div > ul > li:hover:nth-child(2) > a, .normes-ul-navigation-principale.noir-sousmenu-blanc.facultaire div > ul > li:hover:nth-child(1) > a {
  background: #fff;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc.facultaire div > ul > li:nth-child(2) > a {
  background: #3d3d3d;
  border-right: 1px solid #3d3d3d;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc.facultaire div > ul > li:nth-child(1) > a {
  background: #494949;
  border-right: 1px solid #494949;
  border-left: 1px solid #494949;
}
.normes-ul-navigation-principale.noir-sousmenu-blanc.pleine-largeur {
  background: #2e2e2e;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div {
  /*les !important sont l├á pour les sections "Futurs ├®tudiants" et "├ëtudiants actuels" qui ont une sp├®cificit├® assez ├®lev├®e*/
}
.normes-ul-navigation-principale.noir-sousmenu-gris div ul li:hover > a, .normes-ul-navigation-principale.noir-sousmenu-gris div ul li[class*="current"] > a {
  background: #5c5c5c !important;
  border-right: 1px solid #5c5c5c !important;
  color: #fff !important;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div ul li a:hover {
  border-right: 1px solid #5c5c5c;
  background: #5c5c5c;
  color: #fff;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div > ul {
  background: #2e2e2e;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div > ul > li:first-child > a {
  border-left: 1px solid #232323;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div > ul > li:first-child:hover > a {
  border-left: 1px solid #5c5c5c !important;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div > ul > li:first-child[class*="current"] > a {
  border-left: 1px solid #5c5c5c !important;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div > ul > li > a {
  border-right: 1px solid #232323;
  color: #fff;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div ul ul {
  background: #5c5c5c;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div ul ul li:hover a {
  background: #494949 !important;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div ul ul li:last-of-type a {
  border-bottom: 1px solid #6a6a6a;
}
.normes-ul-navigation-principale.noir-sousmenu-gris div ul ul li a {
  border-top: 1px solid #6a6a6a;
  color: #fff;
}
.normes-ul-navigation-principale.noir-sousmenu-gris.facultaire div {
  /*Sur un site facultaire, les liens "Futurs ├®tudiants" et "├ëtudiants actuels" du menu principal doivent ├¬tre les premiers et ├¬tre mis en ├®vidence. Ajouter cette classe au contenant du menu.*/
}
.normes-ul-navigation-principale.noir-sousmenu-gris.facultaire div > ul > li:nth-child(2), .normes-ul-navigation-principale.noir-sousmenu-gris.facultaire div > ul > li:nth-child(1) {
  color: #3d3d3d;
}
.normes-ul-navigation-principale.noir-sousmenu-gris.facultaire div > ul > li:hover:nth-child(2) > a, .normes-ul-navigation-principale.noir-sousmenu-gris.facultaire div > ul > li:hover:nth-child(1) > a {
  background: #5c5c5c;
}
.normes-ul-navigation-principale.noir-sousmenu-gris.facultaire div > ul > li:nth-child(2) > a {
  background: #3d3d3d;
  border-right: 1px solid #3d3d3d;
}
.normes-ul-navigation-principale.noir-sousmenu-gris.facultaire div > ul > li:nth-child(1) > a {
  background: #494949;
  border-right: 1px solid #494949;
  border-left: 1px solid #494949;
}
.normes-ul-navigation-principale.noir-sousmenu-gris.pleine-largeur {
  background: #2e2e2e;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div {
  /*les !important sont l├á pour les sections "Futurs ├®tudiants" et "├ëtudiants actuels" qui ont une sp├®cificit├® assez ├®lev├®e*/
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div ul li:hover > a, .normes-ul-navigation-principale.blanc-sousmenu-gris div ul li[class*="current"] > a {
  background: #cac9c9 !important;
  border-right: 1px solid #cac9c9 !important;
  color: #000 !important;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div ul li a:hover {
  border-right: 1px solid #cac9c9;
  background: #cac9c9;
  color: #000;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div > ul {
  background: #fff;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div > ul > li:first-child > a {
  border-left: 1px solid #ededed;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div > ul > li:first-child:hover > a {
  border-left: 1px solid #cac9c9 !important;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div > ul > li:first-child[class*="current"] > a {
  border-left: 1px solid #cac9c9 !important;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div > ul > li > a {
  border-right: 1px solid #ededed;
  color: #2e2e2e;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div ul ul {
  background: #cac9c9;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div ul ul li:hover a {
  background: #dbdbdb !important;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div ul ul li:last-of-type a {
  border-bottom: 1px solid #d5d5d5;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris div ul ul li a {
  border-top: 1px solid #d5d5d5;
  color: #000;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris.facultaire div {
  /*Sur un site facultaire, les liens "Futurs ├®tudiants" et "├ëtudiants actuels" du menu principal doivent ├¬tre les premiers et ├¬tre mis en ├®vidence. Ajouter cette classe au contenant du menu.*/
}
.normes-ul-navigation-principale.blanc-sousmenu-gris.facultaire div > ul > li:nth-child(2), .normes-ul-navigation-principale.blanc-sousmenu-gris.facultaire div > ul > li:nth-child(1) {
  color: #fff;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris.facultaire div > ul > li:hover:nth-child(2) > a, .normes-ul-navigation-principale.blanc-sousmenu-gris.facultaire div > ul > li:hover:nth-child(1) > a {
  background: #cac9c9;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris.facultaire div > ul > li:nth-child(2) > a {
  background: #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris.facultaire div > ul > li:nth-child(1) > a {
  background: #e9e8e8;
  border-right: 1px solid #e9e8e8;
  border-left: 1px solid #e9e8e8;
}
.normes-ul-navigation-principale.blanc-sousmenu-gris.pleine-largeur {
  background: #fff;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div {
  /*les !important sont l├á pour les sections "Futurs ├®tudiants" et "├ëtudiants actuels" qui ont une sp├®cificit├® assez ├®lev├®e*/
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div ul li:hover > a, .normes-ul-navigation-principale.blanc-sousmenu-charcoal div ul li[class*="current"] > a {
  background: #262626 !important;
  border-right: 1px solid #262626 !important;
  color: #fff !important;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div ul li a:hover {
  border-right: 1px solid #262626;
  background: #262626;
  color: #fff;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div > ul {
  background: #fff;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div > ul > li:first-child > a {
  border-left: 1px solid #ededed;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div > ul > li:first-child:hover > a {
  border-left: 1px solid #262626 !important;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div > ul > li:first-child[class*="current"] > a {
  border-left: 1px solid #262626 !important;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div > ul > li > a {
  border-right: 1px solid #ededed;
  color: #2e2e2e;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div ul ul {
  background: #262626;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div ul ul li:hover a {
  background: #3d3d3d !important;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div ul ul li:last-of-type a {
  border-bottom: 1px solid #d5d5d5;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal div ul ul li a {
  border-top: 1px solid #d5d5d5;
  color: #fff;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal.facultaire div {
  /*Sur un site facultaire, les liens "Futurs ├®tudiants" et "├ëtudiants actuels" du menu principal doivent ├¬tre les premiers et ├¬tre mis en ├®vidence. Ajouter cette classe au contenant du menu.*/
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal.facultaire div > ul > li:nth-child(2), .normes-ul-navigation-principale.blanc-sousmenu-charcoal.facultaire div > ul > li:nth-child(1) {
  color: #fff;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal.facultaire div > ul > li:hover:nth-child(2) > a, .normes-ul-navigation-principale.blanc-sousmenu-charcoal.facultaire div > ul > li:hover:nth-child(1) > a {
  background: #262626;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal.facultaire div > ul > li:nth-child(2) > a {
  background: #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal.facultaire div > ul > li:nth-child(1) > a {
  background: #e9e8e8;
  border-right: 1px solid #e9e8e8;
  border-left: 1px solid #e9e8e8;
}
.normes-ul-navigation-principale.blanc-sousmenu-charcoal.pleine-largeur {
  background: #fff;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div {
  /*les !important sont l├á pour les sections "Futurs ├®tudiants" et "├ëtudiants actuels" qui ont une sp├®cificit├® assez ├®lev├®e*/
}
.normes-ul-navigation-principale.gris-sousmenu-gris div ul li:hover > a, .normes-ul-navigation-principale.gris-sousmenu-gris div ul li[class*="current"] > a {
  background: #cac9c9 !important;
  border-right: 1px solid #cac9c9 !important;
  color: #000 !important;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div ul li a:hover {
  border-right: 1px solid #cac9c9;
  background: #cac9c9;
  color: #000;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div > ul {
  background: #f2f2f2;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div > ul > li:first-child > a {
  border-left: 1px solid #dbdbdb;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div > ul > li:first-child:hover > a {
  border-left: 1px solid #cac9c9 !important;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div > ul > li:first-child[class*="current"] > a {
  border-left: 1px solid #cac9c9 !important;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div > ul > li > a {
  border-right: 1px solid #dbdbdb;
  color: #2e2e2e;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div ul ul {
  background: #cac9c9;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div ul ul li:hover a {
  background: #dbdbdb !important;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div ul ul li:last-of-type a {
  border-bottom: 1px solid #d5d5d5;
}
.normes-ul-navigation-principale.gris-sousmenu-gris div ul ul li a {
  border-top: 1px solid #d5d5d5;
  color: #000;
}
.normes-ul-navigation-principale.gris-sousmenu-gris.facultaire div {
  /*Sur un site facultaire, les liens "Futurs ├®tudiants" et "├ëtudiants actuels" du menu principal doivent ├¬tre les premiers et ├¬tre mis en ├®vidence. Ajouter cette classe au contenant du menu.*/
}
.normes-ul-navigation-principale.gris-sousmenu-gris.facultaire div > ul > li:nth-child(2), .normes-ul-navigation-principale.gris-sousmenu-gris.facultaire div > ul > li:nth-child(1) {
  color: #fff;
}
.normes-ul-navigation-principale.gris-sousmenu-gris.facultaire div > ul > li:hover:nth-child(2) > a, .normes-ul-navigation-principale.gris-sousmenu-gris.facultaire div > ul > li:hover:nth-child(1) > a {
  background: #cac9c9;
}
.normes-ul-navigation-principale.gris-sousmenu-gris.facultaire div > ul > li:nth-child(2) > a {
  background: #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.normes-ul-navigation-principale.gris-sousmenu-gris.facultaire div > ul > li:nth-child(1) > a {
  background: #e9e8e8;
  border-right: 1px solid #e9e8e8;
  border-left: 1px solid #e9e8e8;
}
.normes-ul-navigation-principale.gris-sousmenu-gris.pleine-largeur {
  background: #f2f2f2;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div {
  /*les !important sont l├á pour les sections "Futurs ├®tudiants" et "├ëtudiants actuels" qui ont une sp├®cificit├® assez ├®lev├®e*/
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div ul li:hover > a, .normes-ul-navigation-principale.gris-sousmenu-charcoal div ul li[class*="current"] > a {
  background: #262626 !important;
  border-right: 1px solid #262626 !important;
  color: #fff !important;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div ul li a:hover {
  border-right: 1px solid #262626;
  background: #262626;
  color: #fff;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div > ul {
  background: #f2f2f2;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div > ul > li:first-child > a {
  border-left: 1px solid #dbdbdb;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div > ul > li:first-child:hover > a {
  border-left: 1px solid #262626 !important;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div > ul > li:first-child[class*="current"] > a {
  border-left: 1px solid #262626 !important;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div > ul > li > a {
  border-right: 1px solid #dbdbdb;
  color: #2e2e2e;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div ul ul {
  background: #262626;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div ul ul li:hover a {
  background: #3d3d3d !important;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div ul ul li:last-of-type a {
  border-bottom: 1px solid #d5d5d5;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal div ul ul li a {
  border-top: 1px solid #d5d5d5;
  color: #fff;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal.facultaire div {
  /*Sur un site facultaire, les liens "Futurs ├®tudiants" et "├ëtudiants actuels" du menu principal doivent ├¬tre les premiers et ├¬tre mis en ├®vidence. Ajouter cette classe au contenant du menu.*/
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal.facultaire div > ul > li:nth-child(2), .normes-ul-navigation-principale.gris-sousmenu-charcoal.facultaire div > ul > li:nth-child(1) {
  color: #fff;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal.facultaire div > ul > li:hover:nth-child(2) > a, .normes-ul-navigation-principale.gris-sousmenu-charcoal.facultaire div > ul > li:hover:nth-child(1) > a {
  background: #262626;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal.facultaire div > ul > li:nth-child(2) > a {
  background: #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal.facultaire div > ul > li:nth-child(1) > a {
  background: #e9e8e8;
  border-right: 1px solid #e9e8e8;
  border-left: 1px solid #e9e8e8;
}
.normes-ul-navigation-principale.gris-sousmenu-charcoal.pleine-largeur {
  background: #f2f2f2;
}
.normes-ul-navigation-principale ul {
  list-style: none;
  padding: 0;
}
.normes-ul-navigation-principale ul:after {
  clear: both;
  content: "";
  display: table;
}
.normes-ul-navigation-principale ul li {
  display: inline-block;
  line-height: 21px;
  position: relative;
  text-align: left;
}
.normes-ul-navigation-principale ul li:hover ul {
  display: block;
  /* Display the dropdown */
}
.normes-ul-navigation-principale ul li a {
  display: block;
  font: normal 14px 'Source Sans Pro', sans-serif;
  height: 68px;
  /* padding: 25px; */
  text-decoration: none;
}
.normes-ul-navigation-principale ul li a:hover,
.normes-ul-navigation-principale ul li.current a {
background-color: rgba(0,0,0,0.4);
}
.normes-ul-navigation-principale ul li ul {
  display: none !important;
  left: 0;
  margin-top: -2px;
  min-width: 205px;
  /* Set width of the dropdown */
  padding: 30px 15px;
  position: absolute;
  top: 68px;
  z-index: 999;
}
.normes-ul-navigation-principale ul li ul li {
  display: block;
}
.normes-ul-navigation-principale ul li ul li a {
  padding: 15px 5px;
}
.normes-ul-navigation-principale div>ul {
display: table;
margin: 0 auto;
width: auto;
}
.normes-ul-navigation-principale div>ul>li {
display: table-cell;
float: none;
height: 70px;
list-style: none;
margin: 0px;
vertical-align:middle;
width: auto;
}
.normes-ul-navigation-principale div>ul>li>a {
border: none;
color: #fff;
display: table;
font-size: 18px;
height: 70px;
letter-spacing: 0.2px;
position: relative;
text-decoration: none;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.50);
text-transform: none;
width: 100%;
}
.normes-ul-navigation-principale div>ul>li>a>span {
display: table-row;
padding: 0;
position: relative;
text-align: center;
top: auto;
transform: none;
-webkit-transform: none;
width: 100%;
}
.normes-ul-navigation-principale div>ul>li>a>span>span {
display: table-cell;
line-height: 1.2em;
/*padding: 0px 10px;*/
padding: 0px 28px;
position: relative;
text-align: center;
top: auto;
transform: none;
-webkit-transform: none;
vertical-align: middle;
}

@media only screen and (max-width: 992px) {
  .normes-ul-navigation-principale {
    display: none;
  }
}
/* Thèmes */
/* Paramètres du mixin $couleurBackground, $couleurTexte, $couleurseparateurs, $couleurBackgroundBas, $couleurTexteBas, $couleurBoutonRetour */
.nav-mobile.blanc {
  color: #000;
}
.nav-mobile.blanc li {
  background: #fff;
}
.nav-mobile.blanc a {
  border-color: #a3a2a1;
  color: #000 !important;
}
.nav-mobile.blanc .nav-mobile-recherche,
.nav-mobile.blanc .general {
  background: #2f2f30 !important;
}
.nav-mobile.blanc .general a {
  color: #fff !important;
}
.nav-mobile.blanc ul ul li:last-child:after {
  background: #fff;
}
.nav-mobile.blanc .nav-mobile-content .go-back a {
  /*background: #dad9d8;*/
  /*border-top-color: #dad9d8;*/
}
.nav-mobile.blanc .has-children > a::before,
.nav-mobile.blanc .has-children > a::after,
.nav-mobile.blanc .go-back a::before,
.nav-mobile.blanc .go-back a::after {
  background: #000;
}

.nav-mobile.charcoal {
  color: #fff;
}
.nav-mobile.charcoal li {
  background: #3e3e3e;
}
.nav-mobile.charcoal a {
  border-color: #848484;
  color: #fff !important;
}
.nav-mobile.charcoal .nav-mobile-recherche,
.nav-mobile.charcoal .general {
  background: #2e2e2f !important;
}
.nav-mobile.charcoal .general a {
  color: #fff !important;
}
.nav-mobile.charcoal ul ul li:last-child:after {
  background: #3e3e3e;
}
.nav-mobile.charcoal .nav-mobile-content .go-back a {
  background: #2e2e30;
  border-top-color: #2e2e30;
}
.nav-mobile.charcoal .has-children > a::before,
.nav-mobile.charcoal .has-children > a::after,
.nav-mobile.charcoal .go-back a::before,
.nav-mobile.charcoal .go-back a::after {
  background: #fff;
}

/* Styles pour le bouton de menu mobile */
.normes-ul-nav-mobile-wrapper {
  display: block;
}

.nav-mobile-trigger {
  display: block;
  float: right;
  position: relative;
  text-align: center;
  text-decoration: none;
}

#nav-toggle {
  cursor: pointer;
  height: 30px;
  margin-top: 10px;
  padding: 13px 10px 0;
  width: 30px;
}

/* Hamburger anim├® */
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  background: #8d8b8c;/*black;*/ /* ET pour harmonisation avec loupe de recherche */
  border-radius: 1px;
  content: '';
  cursor: pointer;
  display: block;
  height: 3px;
  position: absolute;
  width: 20px;
}
#nav-toggle.dropdown-is-active span, #nav-toggle.dropdown-is-active span:before, #nav-toggle.dropdown-is-active span:after {
  background: #fff;
}

#nav-toggle span:before {
  top: -7px;
}

#nav-toggle span:after {
  bottom: -7px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}

#nav-toggle.dropdown-is-active span {
  background-color: transparent;
}

#nav-toggle.dropdown-is-active span:before, #nav-toggle.dropdown-is-active span:after {
  top: 0;
}

#nav-toggle.dropdown-is-active span:before {
  transform: rotate(45deg);
}

#nav-toggle.dropdown-is-active span:after {
  transform: rotate(-45deg);
}

.normes-ul-nav-mobile-wrapper {
  margin: 0;
  /*margin-top: -15px;/*ET*/
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* remove ÔÇ£XÔÇØ from search input field */
}
.normes-ul-nav-mobile-wrapper *, .normes-ul-nav-mobile-wrapper *::after, .normes-ul-nav-mobile-wrapper *::before {
  box-sizing: border-box;
}
.normes-ul-nav-mobile-wrapper a {
  text-decoration: none;
}
.normes-ul-nav-mobile-wrapper img {
  max-width: 100%;
}
.normes-ul-nav-mobile-wrapper input {
  font: 300 15px 'Source Sans Pro', sans-serif;
}
.normes-ul-nav-mobile-wrapper input[type="search"]::-webkit-search-decoration,
.normes-ul-nav-mobile-wrapper input[type="search"]::-webkit-search-cancel-button,
.normes-ul-nav-mobile-wrapper input[type="search"]::-webkit-search-results-button,
.normes-ul-nav-mobile-wrapper input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.normes-ul-nav-mobile-wrapper input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.normes-ul-nav-mobile-wrapper input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content a,
.normes-ul-nav-mobile-wrapper .nav-mobile-content ul a {
  height: 51px;
  line-height: 51px;
  margin: 0 20px;
  z-index: 4;
}
.normes-ul-nav-mobile-wrapper .nav-mobile {
  left: 0;
  top: 0;
  /*top: 15px;/*ET*/
  position: absolute;
  visibility: hidden;
  width: 100%;
  z-index: 2;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.normes-ul-nav-mobile-wrapper .nav-mobile.dropdown-is-active {
  visibility: visible;
  z-index: 100;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  transition: transform 0.5s 0s, visibility 0s 0s;
}
.normes-ul-nav-mobile-wrapper ul {
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;/*-15px;*/
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  /* Pour ├®viter que les ul de 2e niv aient des scrolls, il faut qu'ils aient une hauteur */
}
.normes-ul-nav-mobile-wrapper ul.is-hidden {
  /* push the secondary dropdown items to the right */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.normes-ul-nav-mobile-wrapper ul.is-hidden > li > a,
.normes-ul-nav-mobile-wrapper ul .nav-mobile-recherche.is-hidden, .normes-ul-nav-mobile-wrapper ul.move-out > li > a,
.normes-ul-nav-mobile-wrapper ul .nav-mobile-recherche.move-out {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0;
}
.normes-ul-nav-mobile-wrapper ul.move-out > li > a, .normes-ul-nav-mobile-wrapper ul.move-out > li > .nav-mobile-recherche form, .normes-ul-nav-mobile-wrapper ul.move-out > li > .nav-mobile-recherche .switch-langue, .normes-ul-nav-mobile-wrapper ul.move-out .general {
  /* push the dropdown items to the left when secondary dropdown slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.normes-ul-nav-mobile-wrapper ul ul {
  height: 100%;
  top: 0px;
  /* Petit espace en bac des sous-menus */
}
.normes-ul-nav-mobile-wrapper ul ul li:last-child:after {
  content: "";
  display: block;
  height: 48px;
  width: 100%;
}
.normes-ul-nav-mobile-wrapper ul a {
  border-top-width: 1px;
  border-style: solid;
  display: block;
  font: 400 15px 'Source Sans Pro', sans-serif;
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.normes-ul-nav-mobile-wrapper ul a,
.normes-ul-nav-mobile-wrapper ul .nav-mobile-recherche form,
.normes-ul-nav-mobile-wrapper ul .nav-mobile-recherche .switch-langue {
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.dropdown-is-active .normes-ul-nav-mobile-wrapper ul {
  -webkit-overflow-scrolling: touch;
}
.normes-ul-nav-mobile-wrapper .dernier-item-principal:after {
  content: "";
  display: block;
  height: 20px;
  width: 100%;
}
.normes-ul-nav-mobile-wrapper .dernier-item-principal > a {
  margin-bottom: 0px;
  border-bottom-style: solid;
  border-bottom-width: 0;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche form {
  border-top-width: 1px;
  display: inline-block;
  padding: 18px 20px 13px;
  position: relative;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche form input[type="search"] {
  background: none;
  border: 1px solid #a7a7a7;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  height: 40px;
  padding: 0 30px 0 10px;
  width: 100%;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche form input[type="search"]:focus {
  outline: none;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche form button {
  background: none;
  border: 1px solid #a7a7a7;
  cursor: pointer;
  height: 40px;
  padding: 1px 7px 1px 5px;
  position: absolute;
  right: 20px;
  width: 48px;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche form button:focus {
  outline: none;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche form button .icon-recherche {
  color: #fff;
  font-size: 40px;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche .switch-langue {
  margin-left: 20px;
  padding-bottom: 17px;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche .switch-langue a {
  background: none;
  border: 1px solid #a7a7a7;
  color: #a7a7a7 !important;
  display: inline-block;
  font: 300 15px 'Source Sans Pro', sans-serif;
  height: 40px;
  line-height: 35px;
  margin: 0 10px 0 0;
  padding: 1px 9px 1px 8px;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  width: 40px;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche.is-hidden,
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche.is-hidden form,
.normes-ul-nav-mobile-wrapper .nav-mobile-recherche.is-hidden .switch-langue {
  /* push the secondary dropdown items to the right */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.1s 0s, visibility 1s 0.3s;
  -moz-transition: -moz-transform 0.1s 0s, visibility 1s 0.3s;
  transition: transform 0.1s 0s, visibility 1s 0.3s;
}
.normes-ul-nav-mobile-wrapper .general {
  border: none;
}
.normes-ul-nav-mobile-wrapper .general a {
  border: none !important;
  font-size: 13px;
  height: 35px !important;
  line-height: 35px;
}
.normes-ul-nav-mobile-wrapper li:last-of-type > a {
  border-bottom: 1px solid #a7a7a7;
}
.normes-ul-nav-mobile-wrapper .has-children > a,
.normes-ul-nav-mobile-wrapper .go-back a {
  position: relative;
}
.normes-ul-nav-mobile-wrapper .go-back span {
display: inline-block;  
}
.normes-ul-nav-mobile-wrapper .has-children > a::before, .normes-ul-nav-mobile-wrapper .has-children > a::after,
.normes-ul-nav-mobile-wrapper .go-back a::before,
.normes-ul-nav-mobile-wrapper .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  background: #000;
  content: '';
  display: inline-block;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 8px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.normes-ul-nav-mobile-wrapper .has-children > a::before,
.normes-ul-nav-mobile-wrapper .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.normes-ul-nav-mobile-wrapper .has-children > a::after,
.normes-ul-nav-mobile-wrapper .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.normes-ul-nav-mobile-wrapper .has-children > a {
  padding-right: 40px;
}
.normes-ul-nav-mobile-wrapper .has-children > a::before, .normes-ul-nav-mobile-wrapper .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 13px;
  -webkit-transform-origin: 7px 50%;
  -moz-transform-origin: 7px 50%;
  -ms-transform-origin: 7px 50%;
  -o-transform-origin: 7px 50%;
  transform-origin: 7px 50%;
}
.normes-ul-nav-mobile-wrapper .has-children .current > a {
  /*classe ajout├®e par le JS sur les pages parentes quand on navigue dans les 2 et 3e niveaux*/
  border-top-color: transparent;
  font-size: 18px;
  font-weight: bold;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content .go-back {
  background-color: #dad9d8;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content ul .go-back.retour {
display: none;  
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content ul .go-back.retour:first-of-type {
display: block;
visibility: hidden;  
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content .go-back.retour div {
    background: #e30513;
    border-top-color: #e30513;
    margin: 0px 0px;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content .go-back a {
  background: none;
  border-top: none;
  color: #000!important;
  display: inline;
  margin: 0px 0px 0px 8px;
  padding-left: 30px;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content .go-back.retour a {
  color: #fff!important;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content .go-back a::before,
.normes-ul-nav-mobile-wrapper .nav-mobile-content .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 13px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content .go-back.retour a:before,
.normes-ul-nav-mobile-wrapper .nav-mobile-content .go-back.retour a:after {
    background: #fff;
}
.normes-ul-nav-mobile-wrapper .nav-mobile-content > li:last-of-type {
  border-bottom: none;
  padding: 14px 0 10px 0;
}
.normes-ul-nav-mobile-wrapper .retourHub > a {
    border-top: none;
    font-size: 18px;
    font-weight: 600;
    cursor: default;/* lien non actif */
}
.nav-mobile.rougeUL {
  color: #fff;
}
.nav-mobile.rougeUL li {
  background: #e30513;
}
.nav-mobile.rougeUL a {
  border-color: #fff;
  color: #fff !important;
  font-size:18px;
}
.nav-mobile.rougeUL a:active { 
    background-color: rgba(0,0,0,0.2);/*test*/
}
.nav-mobile.rougeUL .controle-langue a:active { 
    background-color: transparent;
}
.nav-mobile.rougeUL li:first-child{
    padding-top:15px;
}
.nav-mobile.rougeUL li:first-child a {
  border-color: transparent;
}
.nav-mobile .nav-mobile-recherche,
.nav-mobile .general,
.nav-mobile .general {
  background: #2f2f30 !important;
}
.nav-mobile .general {
padding: 10px 0px;
}
.nav-mobile .general a {
    color: #ffffff !important;
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    margin: 0px 0px 0px 0px;
    padding: 0px 14px 0px 14px;
}
.nav-mobile .general .switch-langue {
    display: inline-block;
    border: 1px solid #60605F!important;
    width: 48px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: none;
    margin: 0px 0px 0px 20px;
    cursor: pointer;
    overflow: hidden;
}
.nav-mobile .general .switch-langue a {
    border: none!important;
    font-size: 18px;
    line-height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.nav-mobile .general .switch-langue a:hover {
text-decoration: none;
}









/* On cache le background et la bordure des menus parents
.transition-terminee-bg-cache {
    & > li {
        background: none !important;
        &:last-child:after {
            content: none !important;
        }
        & > a {
            border: none !important;
        }
    }
}*/
/* Medium Devices, Desktops, Large Devices, Wide Screens */
@media only screen and (min-width: 993px) {
  .normes-ul-nav-mobile-wrapper,
  .nav-mobile-trigger {
    display: none !important;
  }
}

.normes-ul-entete-ul [class^="icon-"],
.normes-ul-entete-ul [class*=" icon-"],
.normes-ul-entete-ul [class^="icon-"]:hover,
.normes-ul-entete-ul [class*=" icon-"]:hover,
.normes-ul-nav-mobile-wrapper [class^="icon-"],
.normes-ul-nav-mobile-wrapper [class*=" icon-"],
.normes-ul-nav-mobile-wrapper [class^="icon-"]:hover,
.normes-ul-nav-mobile-wrapper [class*=" icon-"]:hover,
.normes-ul-navigation-principale [class^="icon-"],
.normes-ul-navigation-principale [class*=" icon-"],
.normes-ul-navigation-principale [class^="icon-"]:hover,
.normes-ul-navigation-principale [class*=" icon-"]:hover,
.normes-ul-pied-page [class^="icon-"],
.normes-ul-pied-page [class*=" icon-"],
.normes-ul-pied-page [class^="icon-"]:hover,
.normes-ul-pied-page [class*=" icon-"]:hover,
.normes-ul-recherche [class^="icon-"],
.normes-ul-recherche [class*=" icon-"],
.normes-ul-recherche [class^="icon-"]:hover,
.normes-ul-recherche [class*=" icon-"]:hover {
  font-family: 'iconesUL';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.normes-ul-entete-ul .icon-pin:before,
.normes-ul-nav-mobile-wrapper .icon-pin:before,
.normes-ul-navigation-principale .icon-pin:before,
.normes-ul-pied-page .icon-pin:before,
.normes-ul-recherche .icon-pin:before {
  content: "\61";
}
.normes-ul-entete-ul .icon-close:before,
.normes-ul-nav-mobile-wrapper .icon-close:before,
.normes-ul-navigation-principale .icon-close:before,
.normes-ul-pied-page .icon-close:before,
.normes-ul-recherche .icon-close:before {
  content: "\62";
}
.normes-ul-entete-ul .icon-fleche_down:before,
.normes-ul-nav-mobile-wrapper .icon-fleche_down:before,
.normes-ul-navigation-principale .icon-fleche_down:before,
.normes-ul-pied-page .icon-fleche_down:before,
.normes-ul-recherche .icon-fleche_down:before {
  content: "\63";
}
.normes-ul-entete-ul .icon-fleche_left:before,
.normes-ul-nav-mobile-wrapper .icon-fleche_left:before,
.normes-ul-navigation-principale .icon-fleche_left:before,
.normes-ul-pied-page .icon-fleche_left:before,
.normes-ul-recherche .icon-fleche_left:before {
  content: "\64";
}
.normes-ul-entete-ul .icon-fleche_right:before,
.normes-ul-nav-mobile-wrapper .icon-fleche_right:before,
.normes-ul-navigation-principale .icon-fleche_right:before,
.normes-ul-pied-page .icon-fleche_right:before,
.normes-ul-recherche .icon-fleche_right:before {
  content: "\65";
}
.normes-ul-entete-ul .icon-fleche_up:before,
.normes-ul-nav-mobile-wrapper .icon-fleche_up:before,
.normes-ul-navigation-principale .icon-fleche_up:before,
.normes-ul-pied-page .icon-fleche_up:before,
.normes-ul-recherche .icon-fleche_up:before {
  content: "\66";
}
.normes-ul-entete-ul .icon-menu:before,
.normes-ul-nav-mobile-wrapper .icon-menu:before,
.normes-ul-navigation-principale .icon-menu:before,
.normes-ul-pied-page .icon-menu:before,
.normes-ul-recherche .icon-menu:before {
  content: "\67";
}
.normes-ul-entete-ul .icon-recherche:before,
.normes-ul-nav-mobile-wrapper .icon-recherche:before,
.normes-ul-navigation-principale .icon-recherche:before,
.normes-ul-pied-page .icon-recherche:before,
.normes-ul-recherche .icon-recherche:before {
  content: "\68";
}
.normes-ul-entete-ul .icon-enveloppe:before,
.normes-ul-nav-mobile-wrapper .icon-enveloppe:before,
.normes-ul-navigation-principale .icon-enveloppe:before,
.normes-ul-pied-page .icon-enveloppe:before,
.normes-ul-recherche .icon-enveloppe:before {
  content: "\69";
}
.normes-ul-entete-ul .icon-facebook:before,
.normes-ul-nav-mobile-wrapper .icon-facebook:before,
.normes-ul-navigation-principale .icon-facebook:before,
.normes-ul-pied-page .icon-facebook:before,
.normes-ul-recherche .icon-facebook:before {
  content: "\6a";
}
.normes-ul-entete-ul .icon-instagram:before,
.normes-ul-nav-mobile-wrapper .icon-instagram:before,
.normes-ul-navigation-principale .icon-instagram:before,
.normes-ul-pied-page .icon-instagram:before,
.normes-ul-recherche .icon-instagram:before {
  content: "\6b";
}
.normes-ul-entete-ul .icon-linkedin:before,
.normes-ul-nav-mobile-wrapper .icon-linkedin:before,
.normes-ul-navigation-principale .icon-linkedin:before,
.normes-ul-pied-page .icon-linkedin:before,
.normes-ul-recherche .icon-linkedin:before {
  content: "\6c";
}
.normes-ul-entete-ul .icon-vimeo:before,
.normes-ul-nav-mobile-wrapper .icon-vimeo:before,
.normes-ul-navigation-principale .icon-vimeo:before,
.normes-ul-pied-page .icon-vimeo:before,
.normes-ul-recherche .icon-vimeo:before {
  content: "\4a";
}
.normes-ul-entete-ul .icon-rss:before,
.normes-ul-nav-mobile-wrapper .icon-rss:before,
.normes-ul-navigation-principale .icon-rss:before,
.normes-ul-pied-page .icon-rss:before,
.normes-ul-recherche .icon-rss:before {
  content: "\6d";
}
.normes-ul-entete-ul .icon-twitter:before,
.normes-ul-nav-mobile-wrapper .icon-twitter:before,
.normes-ul-navigation-principale .icon-twitter:before,
.normes-ul-pied-page .icon-twitter:before,
.normes-ul-recherche .icon-twitter:before {
  content: "\6e";
}
.normes-ul-entete-ul .icon-youtube:before,
.normes-ul-nav-mobile-wrapper .icon-youtube:before,
.normes-ul-navigation-principale .icon-youtube:before,
.normes-ul-pied-page .icon-youtube:before,
.normes-ul-recherche .icon-youtube:before {
  content: "\6f";
}
.normes-ul-entete-ul .icon-flickr:before,
.normes-ul-nav-mobile-wrapper .icon-flickr:before,
.normes-ul-navigation-principale .icon-flickr:before,
.normes-ul-pied-page .icon-flickr:before,
.normes-ul-recherche .icon-flickr:before {
  content: "\48";
}

/*# sourceMappingURL=composantes-ul-menu-pleine-largeur.css.map */

@media only screen and (max-width: 992px) {
  .normes-ul-entete-ul .organisation,
  .normes-ul-entete-ul .navigation-generale,
  .normes-ul-entete-ul .nous-joindre {
    display: none!important;
  }
  .normes-ul-entete-ul:before {
    width: 160px;
  }
  .normes-ul-entete-ul .logo-complet {
    display: none;
  }
  .normes-ul-entete-ul .logo-mobile {
    display: block;
  }
  .normes-ul-entete-ul {
    height: 100px;
    /*margin-bottom: 15px;*/
    padding-bottom: 15px;
  }
  #nav-toggle {
    border: 1px solid #999;
    height: 40px;
    margin-left: 7px;
    margin-top: 30px;
    padding: 17px 13px 0;
    width: 48px;
  }
  #nav-toggle.dropdown-is-active {
    border: 1px solid #e30513;
    background-color: #e30513;
  }
  ##nav-toggle.dropdown-is-active span:before,
  #nav-toggle.dropdown-is-active span:after {
    background: #fff;
  }
  .normes-ul-entete-ul .recherche-desktop {
    display: block;
    margin-top: 30px;
  }
  .nav-mobile .controle-langue .switch-langue {
    display: inline-block;
    border: 1px solid #60605F!important;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
.normes-ul-recherche ul li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0px;
}
}
@media only screen and (max-width: 400px) {
.normes-ul-recherche ul li {
    display: block;
    margin-right: 0px;
    margin-bottom: 5px;
}
.normes-ul-recherche ul li a {
    display: block;
}
.normes-ul-recherche form {
    padding-top: 10px;
}
.normes-ul-recherche .btn-recherche {
    top: 10px;
}
}
/*----------------------------------*/
/* CLASSES OPTIMISEES UL            */
/* Eric Thibault                    */
/* Direction des communications */
/* poste 18015                          */
/*------------------------------------*/
html, body{
  position:relative;
  margin:0;
  padding:0;
  height:100%;
}
body {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  color: #666666;
  background-color: #fff;
  min-height: 100%;
}
a, a:link, a:visited {
  color: #039bd5;
  text-decoration: none;
}
a:hover {
  color: #039bd5;
  text-decoration: underline;
}
strong, b {
font-weight: 600;
}

.maincontent ul.lien_externe,
.maincontent ol.lien_externe,
.menu-intrapage ul,
.menu-interpage ul {
margin: 0px;
padding: 0px 0px 0px 0px;
}

.maincontent p.lien_externe a,
.maincontent ul.lien_externe li,
.maincontent .menu-intrapage ul li,
.maincontent .menu-interpage ul li {
padding-left: 14px;
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puce_lien.gif') no-repeat 0px 7px;
}
ul.lien_externe a,
.maincontent .menu-intrapage ul a,
.maincontent .menu-interpage ul a {
background: none;
padding-left: 0px;
}
img {
border: 0px;
}
hr {
border: none;
border-top: 1px solid #e3ded8;
}

/* Ancre repositionné pour palier aux zones sticky */
div.ancre {
display: block;
position: relative;
/*top: -170px;*/
visibility: hidden;
}

.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6 {
font-weight: 400;
padding: 0px;
line-height: 1;
}
.maincontent h2 {
font-size: 22px;
margin: 24px 0px 12px 0px;/* Eric Thibault: 6 janvier 2016 */
padding: 0px 0px 0px 0px;
line-height: 1;
}
.maincontent h3 {
font-size: 18px;
font-weight: 300;
margin: 24px 0px 12px 0px;/* Eric Thibault: 6 janvier 2016 */
padding: 0px 0px 0px 0px;
line-height: 1;
}
.maincontent ul {
margin: 20px 0px 20px 25px;
padding: 0px 0px 0px 0px;
}
.maincontent ul li,
.header ul li {
list-style: none;
display: block;
margin: 12px 0px 12px 0px;/*5px 0px 5px 0px;*/
padding: 0px 9px 0px 17px;
list-style-type: none;
/*font-size: 14px;*/
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceListe2.gif') no-repeat left 8px;
}
.maincontent ol li {
margin: 12px 0px 12px 0px;
padding-left: 2px;
}
.maincontent ol ol {
    list-style-type:lower-latin;
}
.maincontent ol ol ol {
    list-style-type:lower-roman;
}
.maincontent ol li ul li {
    padding-left: 17px;
}

.clear {
  clear: both;
  line-height: 0px;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  height: 0px;
  width: 0px;
}
#wrapper {
  min-height:100%;
  position:relative;
  height: auto !important;
      height: 100%;
      overflow: hidden;
}
.strate {
position: relative;
margin: 0px;
width: 100%;
padding: 0.01px 0px 0.01px 0px;
background-color: #fff;
border-top: 0px solid transparent;
border-bottom: 0px solid transparent;
z-index: 1;
}
.strate .contenu, .strate .contenuBG {
position: relative;
margin: 0px auto;
padding: 0.01px 0px 0.01px 0px;
width: 960px;
}
.strateTotal .strate .contenu {
width: 100%;
}
.sectionRecherche .strate .strate .contenu {
width: 100%;
}
.maincontent .strateMince .strate {
  padding:30px 0;
}


.bloc,
.bigmenuUL .bloc,
.footer .bloc {
display: inline-block;
vertical-align: top;
width: auto;
}
.sticky {  
position: fixed;   
}
.shadow {
/*-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 50, 0.75);*/
/*-moz-box-shadow:    0px 1px 1px 0px rgba(0, 0, 50, 0.75);*/
/*box-shadow:         0px 1px 1px 0px rgba(0, 0, 50, 0.75);*/
}
.innershadow {
/*-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.25);*/
/*-moz-box-shadow:    inset 0px 3px 3px 0px rgba(0, 0, 0, 0.25);*/
/*box-shadow:         inset 0px 3px 3px 0px rgba(0, 0, 0, 0.25);*/
}
.gris .strate {
background-color: #f3efeb;
  /*
    height: 60px;*/
}

.shadow .strate,
.contenu .shadow {
-webkit-box-shadow: inset 0px -3px 4px -3px rgba(213,209,206, 1);
-moz-box-shadow:    inset 0px -3px 4px -3px rgba(213,209,206, 1);
box-shadow:         inset 0px -3px 4px -3px rgba(213,209,206, 1);
}
.contenu .shadow {
-webkit-box-shadow: 0px 2px 4px 0px rgba(50,50,50, 0.4);
-moz-box-shadow:    0px 2px 4px 0px rgba(50,50,50, 0.4);
box-shadow:         0px 2px 4px 0px rgba(50,50,50, 0.4);
}
.innershadow .strate {
-webkit-box-shadow: inset 0px 3px 4px -3px rgba(213,209,206,1);
-moz-box-shadow: inset 0px 3px 4px -3px rgba(213,209,206,1);
box-shadow: inset 0px 3px 4px -3px rgba(213,209,206,1);
}
/*---------------------------------*/
/* Contenu commun               */
/*---------------------------------*/
.strate.commun {
display: none;
}
/*---------------------------------*/
/* Header                              */
/*---------------------------------*/
.strate.header {
/*border-top: 12px solid #E30513;*/
border-top: 30px solid #E30513;
z-index: 500;
position: relative;/*fixed;*/ /* ET 16-04-2015 */
}
/* START retirer pour mobile */
#logoUL {
  position: absolute;
  width: 125px;
  height: 52px;
  top: 25px;
  left: 0px;
  width: 144px;
 height: 60px;
}
#logoUL a {
  display: block;
  width: 100%;
  height: 100%;
}
#logoUL img {
width: 100%;
height: 100%;
}
.header .corpsJaune {
  position: absolute;
  width: 50%;
  left: 0px;
  top: -12px;
top: -30px;
height: 30px;
  background-color: #ffc103;
}
.header .contenu {
  /*background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/bandeRouge.png') repeat-x 0px 0px;*/
border-top: 12px solid #E30513;
margin-top: -12px;
border-top: 30px solid #E30513;
margin-top: -30px;
height: 85px;/* à voir */
}
.header .contenu .corpsJaune {
  position: absolute;
  width: 128px;
  left: 0px;
  top: -12px;
  height: 12px;
top: -30px;
height: 30px;
width: 146px;
  border-right: 2px solid #fff;
}
/* END retirer pour mobile */




/*JP*/

.header .sectionBouton {
position: absolute;
right: 0px;
bottom: 0px;
}
.sectionBouton .bouton {
width: 48px;
height: 40px;
border: 1px solid #A4A4A4;
line-height: 40px;
text-align: center;
float: left;
margin: 0px 0px 0px 5px;
cursor: pointer;
overflow: hidden;
}
.sectionBouton .bouton:hover {
background-color: rgba(46, 46, 46, 0.2);
}
.sectionBouton .bouton.actif,
.sectionBouton .bouton.actif:hover {
background-color: #2e2e2e;
border: 1px solid #2e2e2e;
}
.sectionBouton .bouton a {
display: block;
text-decoration: none;
}
.sectionBouton .bouton a span {
display: none;
text-transform: uppercase;
/*font-weight: 600;*/
color: #A4A4A4;
font-size: 18px;
}
.sectionBouton .item_google a:after {
  font-family: 'iconesUL';
  color: #A4A4A4;
  speak: none;
  content: "h";
  font-size: 32px;
  /*font-weight: 600;*/
  text-transform: lowercase;
}
.sectionBouton .item_google.actif a:after {
  content: "b";
}

.sectionBouton .bouton.item_en a span,
.sectionBouton .bouton.item_fr a span {
display: block;
}

.sectionBouton .item_nous-joindre a:after,
.sectionBouton .item_contact-us a:after {
  font-family: 'iconesUL';
  color: #E30513;
  speak: none;
  content: "a";
  font-size: 36px;
  font-weight: 600;
  text-transform: lowercase;
}

/* menu d'entete */
#menu_entete {
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 1001;
}
#menu_entete ul {
  display: inline;
  margin: 0px;
  padding: 0px;
}
#menu_entete ul li {
  list-style: none;
  display: block;
  float: left;
  border: none;
  height: 14px;
  margin: 0px;
  padding: 0px;
  background: none;
}
#menu_entete ul li a, #menu_entete ul li a:hover {
  display:block;
  text-decoration: none;
  color: #030000;
  font-size: 14px;
  line-height: 1.2em;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.10);
  vertical-align: middle;
border: 1px solid transparent;
padding: 9px;
}
#menu_entete ul li a:hover, #menu_entete ul li.actif a {
  text-decoration: underline;
}
#menu_entete ul li.section_7.actif a {
text-decoration: none;
}
#menu_entete ul li.section_7.actif a:hover {
text-decoration: underline;
}
#menu_entete .section_31203.actif > a,
#menu_entete .section_32449.actif > a{
border: 1px solid #b2b2b2;
}
#menu_entete .section_31203 > a,
#menu_entete .section_31203 > a:hover,
#menu_entete .section_32449 > a,
#menu_entete .section_32449 > a:hover{
padding-right: 24px;
text-decoration: none;
}
#menu_entete .section_31203 > a::after,
#menu_entete .section_32449 > a::after{
  font-family: 'iconesUL';
  color: #666666;
  speak: none;
  content: "c";
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 24px;
  /*font-weight: 600;*/
  text-transform: lowercase;
  text-decoration: none;
  display: block;
}
#menu_entete .section_31203.actif > a::after,
#menu_entete .section_32449.actif > a::after{
  content: "f";
}
#wrapper .groupeEntete {
width: 100%;
z-index: 10000;
/*position: fixed; */
}
  #menu_entete ul li,
  #menu_entete ul li a {
  position: relative;
  }
  #menu_entete .section_31203.actif a,
  #menu_entete .section_31203.actif a:hover,
  #menu_entete .section_32449.actif a,
  #menu_entete .section_32449.actif a:hover{
  border-bottom: 1px solid #fff;
  text-decoration: none;
  z-index: 1000;
  display: block;
  background-color: #fff;
  color: #666666;
  }
#menu_entete .section_31203 a:focus,
#menu_entete .section_32449 a:focus{
    outline: 0;
}  
  #acces_rapide_v2ZZZ {
    position: absolute;
    top: 35px;
    right: 0px;
    display: none;
    background-color: #FFFFFF;
    width: 455px;/* à  cause du position et z-index VS parent */
    padding: 25px 40px 10px 40px;/*0px 9px 20px 30px;*/
    border: 1px solid #b2b2b2;
    z-index: 10;
  }
  #acces_rapide_v2ZZZ .colonne {
  float: left;
  margin-right: 35px;
  color: #2d2d2d;
  }
  #acces_rapide_v2ZZZ .colonne:last-child {
  margin-right: 0px;
  }
  #menu_entete #acces_rapide_v2ZZZ p {
  margin: 0px;
  font-size: 15px;
  }
  #menu_entete #acces_rapide_v2ZZZ ul {
  display: block;
  margin: 3px 0px 15px 0px;
  }
  #menu_entete #acces_rapide_v2ZZZ ul li {
  float: none;
  display: block;
  position: static;
margin-bottom: 4px;
  }
  #menu_entete #acces_rapide_v2ZZZ ul li a {
  border: none;
  padding: 0px;
  position: static;
  border: none;
font-size: 14px;
  background-color: transparent;
  color: #2d2d2d;
  }
  #menu_entete #acces_rapide_v2ZZZ ul li a:hover {
  text-decoration: underline;
  color: #2d2d2d;
  }
  #menu_entete #acces_rapide_v2ZZZ ul li a:after {
  display: none;
  }
  #menu_entete #acces_rapide_v2ZZZ .btn_urgences {
  position: absolute;
  right: 40px;
  bottom: 25px;
text-transform: uppercase;
color: #fff;
}  
#menu_entete #acces_rapide_v2ZZZ .btn_urgences a {
display: block;
text-transform: uppercase;
color: #fff;
background-color: #E30513;
border: none;
font-size: 15px;
padding: 8px 20px;
}

#new_recherche {
display: block;
height: 15px;
z-index: 5000;
width: 100%;
overflow: hidden;
}
#new_recherche .strate {
background-color: #fff;/*#2e2e2e;*/
}
#new_recherche ul {
    padding:0;
    margin: 0px 0px 20px 0px;
}
#new_recherche .strate .contenu {
    padding: 20px 0px;
}
#new_recherche form {
    border: 1px solid #3b3b3b;
    box-sizing: border-box;
    height: 42px;
    /*margin: 0 0 20px;*/
    padding: 5px;
    position: relative;
}
   
#new_recherche ul li {
    background-image: none !important;
    display:inline;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    background-color: #fff;
}
#new_recherche ul li a {
padding: 3px 15px;
display: inline-block;
border: 1px solid #60605F;
text-decoration: none;
font-size: 14px;
color: white;
background-color: rgba(46, 46, 46, 1);
}
#new_recherche ul li a:hover {
color: white;
background-color: rgba(46, 46, 46, 0.7);
}
#new_recherche ul li.actif a,
#new_recherche ul li.actif a:hover {
color: black;
background-color: #C2C1C0;
}

#champRechercheEntete{
    font-size: 18px;
    background-color: #2e2e2e;
    color: white;
    padding:4px 55px 4px 5px;
    width: 100%;
    border-top:none;
  border-bottom:none;
  border-right:none;
  border-left:1px solid white;
  outline: 0;
/* Forcer le iPad à afficher les coins carrés */
border-radius: 0 !important;
-webkit-appearance: none !important;
-webkit-border-radius: 0 !important;
box-sizing: border-box;
  }  
.iconeRecherche {
    background-color: #fff;
    border-left: 1px solid #3b3b3b;
    color: #ffffff;
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 50px;
    z-index: 10;
}
.iconeRecherche a {
    background-color: rgba(46, 46, 46, 1);
    color: #fff;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}
.iconeRecherche a:hover {
color: #2e2e2e;
background-color: rgba(46, 46, 46, 0.6);
}
.iconeRecherche a::after {
    box-sizing: border-box;
    content: "h";
    font-family: "iconesUL";
    font-size: 32px;
    left: 10px;
    position: absolute;
    text-transform: lowercase;
    top: calc(50% - 8px);
}

/*fin jp*/




#acces_rapideZZZ {
position: absolute;
display: block;
top: 0px;
right: 0px;
z-index: 1000;
}
#acces_rapideZZZ h4 {
float: right;
display: inline-block;
margin: 0px;
padding: 17px 34px 16px 18px;
background: #680303 url('../../fileadmin/ulaval_ca/gabarit/UL/images/acces_rapide.png') no-repeat 120px 50%;
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
text-align: right;
/*margin-bottom: 1px;*/
cursor: pointer;
}
#acces_rapideZZZ.actif h4 {
background: #232222 url('../../fileadmin/ulaval_ca/gabarit/UL/images/acces_rapide_actif.png') no-repeat 120px 50%;
}
#acces_rapideZZZ .wide {
clear: both;
width: 460px !important; /* overrides plugin setting */
border-top: 1px solid #fff !important;
background-color: #232222;
color: #fff;
opacity:0;
}
#acces_rapideZZZ ul {
clear: both;
color: #fff;
margin: 0px;
padding: 0px;
}
#acces_rapideZZZ ul li {
list-style: none;
display: block;
padding: 0px 20px;
}
#acces_rapideZZZ ul li a, #acces_rapideZZZ ul li a:hover {
font-size: 13px;
color: #fff;
text-decoration: none;
}
#acces_rapideZZZ ul li a:hover {
text-decoration: underline;
}
#acces_rapideZZZ .column {
margin: 30px 0px;
width: 49% !important;
}
#acces_rapideZZZ .column.first {
border-right: 1px solid #313131;
}
#recherche {
position: absolute;
bottom: 5px;
right: 0px;
padding: 0.01px;
float: right;
}
#recherche #searchbox {
position: relative;
width: 196px;/*240*/
margin: 0px 29px 0px 0px;
height: 25px;
font-size: 14px;
color: #999;
border: 1px solid #f4f1ed;
background-color: #f4f1ed;
line-height: 31px;
vertical-align: middle;
padding-left: 3px;
padding-right: 3px;
text-align: left;
}
#recherche #search_button {
position: absolute;
bottom: 0px;
right: 0px;
border: 0px;
width: 29px;
height: 29px;
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/btn_google.png') left top no-repeat;
cursor: pointer;
overflow: hidden;
padding-top: 0px;
color: transparent;
}
/*---------------------------------*/

/*---------------------------------*/
/* Navigation                         */
/*---------------------------------*/
.strate.navigation {
position: relative;
z-index: 100;
background-color: transparent;
}
.strate.navigation .navigationALT, .strate.navigation .navigationALT2 {
background-color: #e30513;
display: block;
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
width: 50%;
height: 70px;
}
.strate.navigation .navigationALT2 {
left: auto;
right: 0px;
}
#navigation {
z-index: 100;
position: relative;
padding: 0.01px 0px 0.01px 0px;
width:100%;
/*display: table;*//* Retiré le 31 octobre par ET: provoque un espace après la liste */
}
#navigation ul {
display: table;
position: relative;
/*margin: 0px;*/
    margin: 0 auto;
    padding: 0px;
/*border-right: 1px solid #bf1718;*/
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
/*width: 100%;*/
background-color: #e30513;
}

#navigation li {
    display: table-cell;
    width: auto;
    padding: 0px;/*0px 20px;*/
    /* width: 16%; */
    vertical-align: middle;
    list-style: none;
    margin: 0px;
}
#navigation li.groupe {
border-right: 1px solid #a00101 !important;
}
#navigation li a {
display: table;
position: relative;
height: 70px;
color: #fff;
text-decoration: none;
/*text-transform: uppercase;*/
color: #fff;
font-size: 18px;
/*border-left: 1px solid #E30513;
border-right: 1px solid #cd0911;*//*#a81916;/*bf1718;*/
letter-spacing: 0.2px;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.50);
width: 100%;
padding: 0px 18px;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}
#navigation li.droite a {
/*conserver la même que les autres!*/
/*border-right: 1px solid #E30513;*/
}
.gradienRouge a,
#navigation li a {
background-color: transparent;
}
#navigation li.section_14651 a,
#navigation li.section_24112 a {
/*background-color: #bf1718;
border-left: 1px solid #bf1718;
border-right: 1px solid #bf1718;*/
}
#navigation li.section_25028 a,
#navigation li.section_33043 a,
#navigation li.section_24484 a {
/*background-color: #a81916;
border-left: 1px solid #a81916;
border-right: 1px solid #a81916;*/
}
#navigation li a:hover,
#navigation li.courant a,
#navigation li.courant a:hover,
#navigation li.actif a,
#navigation li.actif a:hover,
#navigation li.section_25028 a:hover,
#navigation li.section_33043 a:hover {
/*border-left: 1px solid transparent;
border-right: 1px solid transparent;*/
}
#navigation li a span {
   display: table-row;
}
#navigation li a span span {
display:table-cell;
text-align:center;
vertical-align:middle;
padding: 0px 10px;
line-height: 1.2em;
}
/*.gradientRouge a:hover,
#navigation li a:hover,
#navigation li.actif a,
#navigation li.courant a,
#navigation li.section_14651.courant a,
#navigation li.section_25028.courant a,
#navigation li.section_33043.courant a {*/
.gradientRouge a:hover,
#navigation li:hover,
#navigation li.actif,
#navigation li.courant,
#navigation li.section_14651.courant,
#navigation li.section_25028.courant,
#navigation li.section_33043.courant {
background-color: #870403;
/*border-right: 1px solid #870403;*/
}

/*---------------------------------*/

/*---------------------------------*/
/* bigmenuUL                            */
.bigmenuUL {
clear: both;
position: absolute;
z-index: 1;
background-color: transparent;
display: none;
height: 0px;
overflow: hidden;
color: #fff;
padding: 0px;/*10px 0px;*/
width: 100%;
border: none;
}
.bigmenuUL .strate {
background-color: transparent;
}
.bigmenuUL .contenu {
background-color: #870403;
}
.bigmenuUL .table_content {
position: relative;
padding: 30px 10px;
}

.bigmenuUL .groupement {
margin-left: 170px;
}
.bigmenuUL .independant {
position: absolute;
left: 0px;
top: 0px;
width: 160px;
/*background-color: #000;*/
}
.bigmenuUL .colonne {
 width: auto;/*250px;*/
 padding: 0px 30px;
}
/* Admission */
.bigmenuUL .b_26674.colonne,
.bigmenuUL .b_5.colonne,
.bigmenuUL .b_6.colonne,
.bigmenuUL .b_25937.colonne {
padding: 0px;
}
.bigmenuUL .colonne p {
margin: 0px 0px 20px 0px;
padding: 0px;
font-weight: 600;
}
.bigmenuUL .colonne.bordure {
border-right: 1px solid #CF0505;
padding-left: 0px;
}

/* FE colonne indépendante à la droite */
.bigmenuUL .b_14651.groupement {
margin-right: 170px;
margin-left: 0px;
}
.bigmenuUL .b_14651.independant {
position: absolute;
left: auto;
right: 0px;
top: 0px;
width: 160px;
}


.bigmenuUL ul {
display: table;
width: 100%;
margin: 0px;
padding: 0px;
list-style-image: none;
}
.bigmenuUL ul li {
display: table-cell;
padding: 0px 0px 0px 10px;
}
.bigmenuUL .colonne ul li {
display: table-cell;
padding-bottom: 10px;
padding-top: 0px !important;
}
.bigmenuUL ul li.premier {
display: table-cell;
padding: 0px 0px 0px 0px;
}
.bigmenuUL ul li a,
.bigmenuUL ul > li > strong {
color: #fff;
font-size: 13px;
font-weight: 600;
}
.bigmenuUL .normal ul li a {
font-weight: 400;
}
.bigmenuUL ul li a br {
    display: none;
}
.bigmenuUL ul ul {
display: block;
margin: 7px 0px;
}
.bigmenuUL ul ul li {
display: block;
padding-left: 0px;
margin: 14px 0px;
line-height: 15px;
}
.bigmenuUL ul ul li a {
font-weight: 400;
color: #F3EFEB;
}
.bigmenuUL ul ul li a:hover {
color: #F3EFEB;
}
.bigmenuUL .independant ul {
display: block;
margin: 0px;
}
.bigmenuUL .independant ul li {
display: block;
padding-left: 0px;
margin: 0px 0px 12px 0px;
}
.bigmenuUL .independant ul li a {
}

.bigmenuUL .colonne ul {
display: block;
}
.bigmenuUL .colonne ul li {
display: block;
padding: 5px 0px 5px 10px;
}


/*---------------------------------*/

/*---------------------------------*/
/* Bandeau                           */
/*---------------------------------*/

.maincontent.sansbandeau {
margin-top: 0px;/*170px;*/ /* ET 16-04-2015 */
}
.strate.bandeau {
overflow: hidden;
margin-top: 0px;/*50px;/*70px;*/ /* ET 16-04-2015 */
background: #000 url('../../fileadmin/ulaval_ca/gabarit/UL/images/bandeauDrapeau.jpg') no-repeat 50% 100%;

-webkit-background-size: 1600px 200px;/*295*/
-moz-background-size: 1600px 200px;
-o-background-size: 1600px 200px;
background-size: 1600px 200px;

/* Mesure temporaire, juste pour s'approcher plus du look final en attendant l'image plus large */
/*-webkit-background-size: 100% 295px;*/
/*-moz-background-size: 100% 295px;*/
/*-o-background-size: 100% 295px;*/
/*background-size: 100% 295px;*/

}
.strate.bandeau .shadow, .strate.bandeau .navigationALT2 {
/*width: 100%;*/
/*height: 100%;*/
/*position: absolute;*/
/*left: 0px;*/
/*top: 0px;*/
display: none; /* Ajout 23-11-2016 */
}
.strate.bandeau .shadowXXX {
z-index: 100;
-webkit-box-shadow: inset 0px -3px 3px -3px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    inset 0px -3px 3px -3px rgba(0, 0, 0, 0.5);
box-shadow:         inset 0px -3px 3px -3px rgba(0, 0, 0, 0.5);
top: auto;
bottom: 0px;
height: 5px;
}
.strate.bandeau .contenuBG {
/*z-index: 20;*/
/*height: 100%;*/
/*position: absolute;*/
/*top: 0px;*/
/*left: 50%;*/
/*margin-left: -515px;/*-480px;*/
/*padding: 0.01px 0px 0.01px 0px;*/
/*width: 356px;/*960px;*/
/*background-color: #0b0904;*/
/*opacity:0.7;*/
/*filter:alpha(opacity=70); /* For IE8 and earlier */
display: none; /* Ajout 23-11-2016 */
}

.strate.bandeau .contenuBG {
z-index: 20;
height: 100%;
position: absolute;
top: 0px;
left: 50%;
margin-left: -480px;
padding: 0.01px 0px 0.01px 0px;
width: 960px;
}

.strate.bandeau .navigationALT2 {
z-index: 10;
left: auto;
right: 0px;
width: 50%;
}
.bandeau .contenu {
z-index: 100;
height: 200px;/*225px;/* test */
}

.strate.bandeau .contenu .entete {
    background-color: rgba(11, 9, 4, 0.5);
    bottom: 0;
    color: #fff;
    filter: none;
    font-size: 24px;
    font-weight: 600;
    height: 100%;
    left: auto;
    /*letter-spacing: 0.05em;*/
    line-height: 22px;
    opacity: 1;
    padding: 0 30px 0 30px;
    position: absolute;
    left: 0;
    text-shadow: none;
    min-width: 356px;
    width: 356px;
    max-width: 375px;
    box-sizing: border-box;
    display: table;
}
.strate.bandeau .contenu .entete .csc-default {
    display: table-cell;
    vertical-align: middle;/*top;*/
}
.strate.bandeau .contenu .contenuFond {
z-index: -1;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
padding: 0.01px 0px 0.01px 0px;
width: 356px;
background-color: #0b0904;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
display: none;
}
.bandeau .contenu p,
.strate.bandeau .contenu .entete p {
text-transform: none;
font-size: 16px;
line-height: 22px;
font-weight: 300;
color: #ffffff;
margin-left: 35px;/*10px;*/
margin-top: 11px;
letter-spacing: normal;
}
.strate.bandeau .contenu .entete p {
margin-top: 14px;
}
.bandeau .contenu h1,
.bandeau .contenu p strong,
.strate.bandeau .contenu .entete h1,
.strate.bandeau .contenu .entete p strong {
display: block;
/*text-transform: uppercase;*/
font-size: 24px;
line-height: 24px;
font-weight: 300 !important;
color: #fff;/*ffcd03;*/
border-left: 2px solid #ffcd03;
border-bottom: none;
padding: 0px 0px 0px 12px;
/*margin: 55px 0px 0px 35px;*/
margin: 0px 0px 0px 35px;/*10px;*/
/*letter-spacing: 0.05em;*/
  /*letter-spacing: 1px;*/
}
.bandeau .contenu p strong {
margin-left: 0px;
margin-bottom: -5px;
}
.bandeau .contenu h1 .note,
.bandeau .contenu p strong .note {
display: block;
color: inherit;
}
.strate.bandeau .contenu .entete h1,
.strate.bandeau .contenu .entete p strong,
.strate.bandeau .contenu .entete p {
margin-left: 0px;    
}
.strate.bandeau .contenu .entete h1 {
 /*margin-top: 43px; */
}
.strate.bandeau .contenu .entete h3 {
    font-size: 22px;
    font-weight: 300;
    line-height: 22px;
    margin: 35px 0 35px 0px;
    padding: 0;
    /*text-transform: uppercase;*/
}
.strate.bandeau .contenu .entete p:last-of-type {
margin-bottom: 0px;    
}

.avecBandeauEpais .bandeau .contenu {
  height:300px;
  width:960px;
}

/* Galerie template de page non bootstrap */
.bandeau .contenu .galerieDD p {
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin-left: 0;
  margin-top: 11px;
  text-transform: none;
}

.bandeau .contenu .galerieDD h2 {
  border-left-color: #ffcd2f;
  border-left-style: solid;
  border-left-width: 2px;
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 400 !important;
  line-height: 24px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 35px;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 0;
  padding-top: 0;
  /*text-transform: uppercase;*/
}

.bandeau .contenu .galerieDD h3 {
  color: #fff;
  display: block;
  font-size: 22px;
  font-weight: 300 !important;
  line-height: 22px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 35px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  /*text-transform: uppercase;*/
}

.bandeau .contenu .galerieDD .csc-textpic .csc-textpic-text {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url('../../fileadmin/ulaval_ca/gabarit/UL/images/carrousel_bg.png');
  background-origin: padding-box;
  background-position: left top;
  background-repeat: repeat;
  background-size: auto auto;
  height: 100%;
  left: 10px;
  padding-bottom: 0;
  padding-left: 21px;
  padding-right: 21px;
  padding-top: 0;
  position: absolute;
  top: 0;
  width: 30%;
  z-index: 10;
}

.bandeau .contenu .galerieDD .slick-slide {
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);

}

.bandeau .contenu .galerieDD .slick-active {
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}



/*---------------------------------*/
/* Navigation secondaire         */
/*---------------------------------*/
.strate.navigationSec {
position:relative;
left: auto;
top: auto;
z-index: 15; /* A commenter pour mobile */
/*z-index: 1; *//* A decommenter pour mobile */
background-color: #232222;
background-color: #2f2f2f; /* Old browsers */
background: -moz-linear-gradient(top,  #3a3a3a 0%, #3a3a3a 0%, #2f2f2f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#910605), color-stop(0%,#3a3a3a), color-stop(100%,#2f2f2f )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3a3a3a 0%,#3a3a3a 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3a3a3a 0%,#3a3a3a 0%,#2f2f2f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3a3a3a 0%,#3a3a3a 0%,#2f2f2f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3a3a3a 0%,#3a3a3a 0%,#2f2f2f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-8 */
}

#navigationSec {
position: relative;
padding: 0.01px 0px 0.01px 0px;
width: 100%;
}
#navigationSec ul {
/*display: table-row;*/
display: table;
position: relative;
/*height: 70px;*/
margin: 0px;
padding: 0px;
border-left: 1px solid #1a1a1a;
border-right: 1px solid #3a3a3a;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
width: 100%;

}
#navigationSec li {
display: table-cell;
vertical-align:middle;
width: auto;
/*height:70px;*/
list-style: none;
padding: 0px;
margin: 0px;
}
#navigationSec li a {
display: table;
position: relative;
height: 70px;
color: #efefeb;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-size: 14px;/*15px*/
border-left: 1px solid #3a3a3a;
border-right: 1px solid #1a1a1a;
font-weight: 400;
letter-spacing: 0.2px;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.50);
width: 100%;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */

}
.is-sticky #navigationSec li a {
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);/* bug */
}


#navigationSec li.droite a {
border-right: 1px solid #1a1a1a;
}

#navigationSec li a:hover,
#navigationSec li.courant a,
#navigationSec li.courant a:hover,
#navigationSec li.actif a,
#navigationSec li.actif a:hover {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
background-color: #212121;
}
#navigationSec li.section_25816 a,
#navigationSec li.section_25817 a {
/*background-color: #403f3f;*/
}
#navigationSec li a span {
   display: table-row;
 /*  text-align: center;*/
 /*  line-height: 1em;*/
 /*  padding: 0px;*/
 /*  height: 100%;*/
 /*  width: 100%;*/
}
#navigationSec li a span span {
   display: table-cell;
   text-align center;
   vertical-align:middle;
   padding: 1px 16px 0px 16px;
   line-height: 1em;
}

/*---------------------------------*/

/*---------------------------------*/
/* MAIN */
.maincontent .csc-textpic {
position: relative;
}
.maincontent .csc-textpic-text h2,
.maincontent .csc-textpic-text h3,
.maincontent .csc-textpic-text h4,
.maincontent .csc-textpic-text p,
.maincontent .csc-textpic-text ul,
.maincontent .csc-textpic-text ol {
margin-left:0; /* Modification thmel 2016-07-05, JIRA BSW_CDS-1754 */
}
.maincontent .csc-textpic-text p,
.maincontent .csc-textpic-text h3 {
margin-left: 0; /* ajouté le 23 septembre 2015 */
}
.maincontent .csc-textpic-text h2 {
margin-top:0;
}

DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
/*overwrite celui des styles par défaut de Typo3 */
margin-bottom: 0;
position: relative;
width: 100%;
}
DIV.csc-textpic.csc-textpic-intext-left .csc-textpic-image {
margin-bottom: 10px;
}
DIV.csc-textpic.csc-textpic-intext-left .csc-textpic-text p {
margin-left: 0px;
}
DIV.csc-textpic.csc-textpic-intext-left .csc-textpic-text p:first-of-type {
margin-top: 0px;
}
DIV.csc-textpic.csc-textpic-intext-left .csc-textpic-text h3 {
margin-top: 0px;
}




.strate.magic-line {
z-index: 90;
display: none;
}
.strate.magic-line.affiche {
display: block;
}
#magic-line {
position: absolute;
top: 0px;
left: 0px;
width: 100px;
height: 8px;
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/navigation-tick.png') no-repeat 50% 0%;
}
/* gabarit avec strates en bloc de contenu Flex*/
.maincontent {
position: relative;
z-index: 1;
height: auto;
min-height: 100% !important;
overflow: hidden;
}
.maincontent .contenu {
overflow: visible;/*auto; /* bug collapsable margins */
}
.ULcolonnes {
position: relative;
padding: 0;
margin: 0;
}
.ULcolonnes:after {
  content: "";
  display: table;
  clear: both;
}
.ULcolonnes.titreAuto {
/*position: relative;*/
/*padding: 55px 0px 0px 0px;*/
/*margin: 0px;*/
}
#titre_page {
display: none;
}
.ULcolonnes h1,
h1.titre-automatique,
.titre-automatique h1,
h1.csc-firstHeader {
font-size: 26px;
font-weight: 300;
padding: 0px 0px 15px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #d2d0d0;
}
.zoneGauche,
.zoneDroite,
.colDroite {
display: none;
}
.zoneMilieu {

}
.zoneContenu {

}
.zoneGauche.afficher {
display: block;
float: left;
width: 220px;
margin-top: 9px;
}
.zoneDroite.afficher {
display: block;
float: right;
width: 220px;
margin-top: 0px;
}
.zoneMilieu.margeDroite {
float: left;
width: 720px;
}
.zoneMilieu.margeGauche {
float: left;
width: 720px;
margin-left: 20px;
}
.zoneMilieu.margeDroite.margeGauche {
width: 500px;
}

/* Nouveau gabarit gauche, contenu (gauche + droite) */
.zoneContenu.margeGauche {
float: left;
width: 720px;
margin-left: 20px;
}
.colDroite {
display: none;
}
.colDroite.afficher {
display: block;
float: right;
width: 220px;
margin-top: 29px;
}
.zoneContenu .colGauche.margeDroite {
float: left;
width: 720px;
}
.zoneContenu.margeGauche .colGauche.margeDroite {
float: left;
width: 480px;
}





/*-------------------------*/
/*Menu des sous-pages*/
/*-------------------------*/
.zoneGauche .menuG .titre,
.menuG .titre,
.col-menu .titre {
  font-size: 20px;
  font-weight: 400;
  color: #666;/*141313;*/
}
.zoneGauche .menuG .titre br,
.menuG .titre br,
.col-menu .titre br {
  display: none;
}
.zoneGauche .menuG .titre a,
.zoneGauche .menuG .titre a:hover,
.menuG .titre a,
.menuG .titre a:hover,
.col-menu .titre a,
.col-menu .titre a:hover {
  color: inherit;
  text-decoration: none;
}





.zoneGauche li,
.conversion li {
border-bottom: 1px dotted #adadad;
list-style: none;
display: block;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
background: none;
}
.zoneGauche li a,
.zoneGauche li a:hover,
.conversion li a,
.conversion li a:hover {
display: block;
padding: 16px 10px 16px 32px;
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceMenuGauche.png') no-repeat 14px 1.3em;
font-size: 16px;
color: #000;
text-decoration: none;
}
.zoneGauche li a:hover,
.conversion li a:hover {
text-decoration: underline;
}
.zoneGauche li.courant a, .zoneGauche li.courant a:hover,
.conversion li.courant a,
.conversion li.courant a:hover {
font-weight: 600;
text-decoration: none;
}

.zoneGauche ul > li > ul,
.conversion ul > li > ul {
border:0;
margin:0 0 0 20px;
}


.zoneGauche .menuG ul,
.maincontent .menuG ul,
.menuG_alt ul {
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  border-left: none;
  margin: 12px 0px;
  padding: 0px 0px 0px 0px;
}
.menuG_alt ul {
border-top: none;
margin-top: -12px;
}
.zoneGauche .menuG ul ul,
.zoneGauche .menuG ul ul ul,
.zoneGauche .menuG ul ul ul ul,
.maincontent .menuG ul ul,
.maincontent .menuG ul ul ul,
.maincontent .menuG ul ul ul ul,
.menuG_alt ul ul,
.menuG_alt ul ul ul,
.menuG_alt ul ul ul ul {
  border-top: none;
  border-bottom: none;
  border-left: none;
  margin: 0px 0px;
  padding: 0px 0px 0px 0px;
}
.zoneGauche .menuG ul ul,
.maincontent .menuG ul ul,
.menuG_alt ul ul {
  border-top: 1px dotted #adadad;
}
.zoneGauche .menuG ul ul ul,
.maincontent .menuG ul ul ul,
.menuG_alt ul ul ul {
  border-top: 1px dotted #adadad;
}
.maincontent .zoneGauche .menuG ul li,
.maincontent .menuG ul li,
.maincontent .menuG_alt ul li {
  border-bottom: 1px dotted #adadad;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
  list-style: none;
  display: block;
  list-style-type: none;
  background: none;
}
.zoneGauche .menuG ul li.courant.sub,
.zoneGauche .menuG ul li.last,
.maincontent .menuG ul li.courant.sub,
.maincontent .menuG ul li.last,
.menuG_alt ul li.courant.sub,
.menuG_alt ul li.last {
  border-bottom: none;
}
.zoneGauche .menuG ul ul li,
.maincontent .menuG ul ul li,
.menuG_alt ul ul li  {
  border-bottom: 1px dotted #adadad;
}
.zoneGauche .menuG ul ul ul li,
.maincontent .menuG ul ul ul li,
.menuG_alt ul ul ul li {
  border-bottom: none;
}
.zoneGauche .menuG li a,
.zoneGauche .menuG li a:hover,
.maincontent .menuG li a,
.maincontent .menuG li a:hover,
.menuG_alt li a,
.menuG_alt li a:hover {
display: block;
padding: 16px 0px 16px 0px;
  position: relative;
background: none;/* transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceMenuGauche.png') no-repeat 14px 1.3em;*/
font-size: 16px;
color: #666;/*000;*/
font-weight: 400;
text-decoration: none;
}
.zoneGauche .menuG li a:hover,
.maincontent .menuG li a:hover,
.menuG_alt li a:hover {
text-decoration: underline;
}
.zoneGauche .menuG li.courant a,
.zoneGauche .menuG li.courant a:hover,
.maincontent .menuG li.courant a,
.maincontent .menuG li.courant a:hover,
.menuG_alt li.courant a,
.menuG_alt li.courant a:hover {
font-weight: 600;
}
.zoneGauche .menuG ul ul li a,
.zoneGauche .menuG ul ul li a:hover,
.zoneGauche .menuG li.courant li a,
.zoneGauche .menuG li.courant li a:hover,
.maincontent .menuG ul ul li a,
.maincontent .menuG ul ul li a:hover,
.maincontent .menuG li.courant li a,
.maincontent .menuG li.courant li a:hover,
.menuG_alt ul ul li a,
.menuG_alt ul ul li a:hover,
.menuG_alt li.courant li a,
.menuG_alt li.courant li a:hover {
display: block;
padding: 16px 10px 16px 20px;
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceMenuGauche.png') no-repeat 0px 1.4em;
font-size: 15px;
color: #333333;
font-weight: 400;
text-decoration: none;
}
.zoneGauche .menuG ul ul li.sub a,
.zoneGauche .menuG ul ul li.sub a:hover,
.maincontent .menuG ul ul li.sub a,
.maincontent .menuG ul ul li.sub a:hover,
.menuG_alt ul ul li.sub a,
.menuG_alt ul ul li.sub a:hover {
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceMenuGauche_sub.png') no-repeat 0px 1.45em;
}
.zoneGauche .menuG ul ul ul li a,
.zoneGauche .menuG ul ul ul li a:hover,
.zoneGauche .menuG ul ul ul li a:hover,
.maincontent .menuG ul ul ul li a,
.maincontent .menuG ul ul ul li a:hover,
.maincontent .menuG ul ul ul li a:hover,
.menuG_alt ul ul ul li a,
.menuG_alt ul ul ul li a:hover,
.menuG_alt ul ul ul li a:hover {
display: block;
padding: 16px 10px 16px 20px;
background: none !important;/*transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puceMenuGauche.png') no-repeat 0px 1.4em;*/
font-size: 14px;
color: #666666;
font-weight: 300 !important;
text-decoration: none;
}
.zoneGauche .menuG ul ul li.courant a,
.zoneGauche .menuG ul ul li.courant a:hover,
.menuG ul ul li.courant a,
.menuG ul ul li.courant a:hover,
.menuG_alt ul ul li.courant a,
.menuG_alt ul ul li.courant a:hover {
font-weight: 600;
}
.zoneGauche .menuG ul ul ul li.courant a,
.zoneGauche .menuG ul ul ul li.courant a:hover,
.maincontent .menuG ul ul ul li.courant a,
.maincontent .menuG ul ul ul li.courant a:hover,
.menuG_alt ul ul ul li.courant a,
.menuG_alt ul ul ul li.courant a:hover {
font-weight: 400 !important;
}





.priorite_D .colGauche,
.priorite_D .colGauche.margeDroite {
float: left;
width: 382px;
}
.priorite_D .colDroite.afficher {
width: 540px;
margin-top: 0px;
}
.priorite_D .csc-textpic {
margin-top: 0px;
}
.priorite_G .colGauche,
.priorite_G .colGauche.margeDroite {
float: left;
width: 690px;
}
.priorite_G .colDroite.afficher {
width: 220px;
margin-top: 0px;
}

.zoneDroite .nous_joindre,
.colDroite .nous_joindre {
position: relative;
background-color: #f0ebe6;
padding-bottom: 6px;
}
.gris .zoneDroite .nous_joindre,
.gris .colDroite .nous_joindre {
background-color: #fff;
}
.zoneDroite .nous_joindre h3,
.colDroite .nous_joindre h3 {
font-size: 22px;
font-weight: 400;
padding: 22px 0px 13px 0px;
margin: 0px 14px 13px 14px;
border-bottom: 1px solid #d8d3ce;
}
.zoneDroite .nous_joindre p,
.colDroite .nous_joindre p {
margin: 10px 14px 10px 14px;
}
.zoneDroite .nous_joindre strong,
.colDroite .nous_joindre strong {
font-weight: 600;
}
.zoneDroite .nous_joindre .note,
.colDroite .nous_joindre .note {
font-size: inherit;
color: #039bd5;
}
.zoneDroite .liens_utiles,
.colDroite .liens_utiles {
position: relative;
background-color: #f8f6f3;/* url('../../fileadmin/ulaval_ca/gabarit/UL/images/triangleNousJoindre.gif') no-repeat 50% 0px;*/
}
.zoneDroite .liens_utiles h3,
.colDroite .liens_utiles h3 {
font-size: 22px;
font-weight: 400;
padding: 24px 0px 13px 0px;
margin: 0px 14px 13px 14px;
}
.zoneDroite .liens_utiles ul,
.colDroite .liens_utiles ul {
margin: 10px 14px 10px 14px;
padding: 0px 0px 0px 0px;
}
.zoneDroite .liens_utiles li,
.colDroite .liens_utiles li {
list-style: none;
display: block;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
border-top: 1px solid #dad5cf;
background: none;
}
.zoneDroite .liens_utiles li a,
.colDroite .liens_utiles li a {
display: block;
margin: 0px;
padding: 15px 9px 15px 13px;
background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/puce_lien.gif') no-repeat 0px 22px;
}
.zoneDroite .liens_utiles.triangle,
.colDroite .liens_utiles.triangle {
background: #f8f6f3 url('../../fileadmin/ulaval_ca/gabarit/UL/images/triangleNousJoindre.gif') no-repeat 50% 0px;
}
.zoneDroite .liens_utiles.triangle h3,
.colDroite .liens_utiles.triangle h3 {
padding-top: 29px;
}

/* onglets */
.ongletsUL {
background-color: transparent;
position: relative;
}
.ongletsUL ul.ongletsNav.ui-widget-header {
float: left;
list-style: none;
padding: 0;
margin: 20px 0px -1px 0px;
overflow: hidden;
}
.ongletsUL ul.ongletsNav.ui-tabs-nav {
margin: 20px 0px -2px 0px;
}
.ongletsUL ul.ongletsNav li {
float: left;
position:relative;
margin: 0px 0px 6px 5px !important;
padding: 0px 0px 0px 0px;
width: auto;/*140px;*/
list-style-image: none !important;
border-left: none;
border-bottom: none;
background-image: none;
}
.ongletsUL ul.ongletsNav li.first {
margin-left: 0px !important;
}
.ongletsUL ul.ongletsNav li.last {
margin-right: 5px !important;
}

.ongletsUL ul.ongletsNav .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding: 0px 0px 0px 0px;
}

.ongletsUL ul.ongletsNav li a {
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px !important;
background-color: #eae4de !important;
font-weight: 400;
font-size: 15px;
color: #666666;
text-align: center;
text-transform: none;
text-decoration: none;
line-height: 43px;
vertical-align: middle;
outline:none;

border: 1px solid #eae4de !important;
border-top: 4px solid #eae4de !important;
}
.ongletsUL ul.ongletsNav li a.current,
.ongletsUL ul.ongletsNav li a.current:hover,
.ongletsUL ul.ongletsNav li a:hover,
.ongletsUL ul.ongletsNav li a:focus,
.ongletsUL ul.ongletsNav .ui-tabs-active a {
background-color: #ffffff !important;
color: #323232;

border: 1px solid #e6e5e1 !important;
border-top: 4px solid #ffc103 !important;
border-bottom: 1px solid #ffffff !important;
}

ul.ongletsNav li a.current span.tick,
ul.ongletsNav .ui-tabs-active a span.tick {
display: none;
/*position: absolute;*/
/*width: 100%;*/
/*height: 5px;*/
/*left: 0px;*/
/*bottom: -5px;*/
/*background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/navigation-tick_onglet.png') no-repeat 50% 0px;*/
}

.ongletsUL ul.ongletsNav li a .span{
display: block !important;
padding-left: 10px;
padding-right: 10px;
margin-left: 0px;
margin-right: 0px;
}
.ongletsUL .contenu {
width: auto;
}

/* contenant */
.ongletsUL .contenu-wrap {
z-index:-10;
background-color: #fff;
padding: 20px 20px 20px 0px;
margin: -5px 0 15px 0;/*-5px 0 15px 0*/
border-top: 1px solid #ebe4de;
}
.ongletsUL .contenu-wrap h3 {
display: none;
}
.ongletsUL.ui-tabs .ui-tabs-nav {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.ongletsUL .ui-widget-content {
  border: none;
  background-color: transparent !important;
  color: #666666;/* bloquer celle par défaut de JQuery css */
}
.ongletsUL .ui-widget-header {
background-color: transparent;
}
.ongletsUL.ui-tabs .ui-tabs-panel {
padding: 0px !important;
}
.ongletsUL .ui-state-default,
.ongletsUL .ui-widget-content .ui-state-default,
.ongletsUL .ui-widget-header .ui-state-default {
border: 0px;
}
.ongletsUL .ui-state-active,
.ongletsUL .ui-tabs-active,
.ongletsUL .ui-tabs-default {
border: 0px !important;
}

.ongletsUL .ui-state-hover,
.ongletsUL .ui-widget-content .ui-state-hover,
.ongletsUL .ui-widget-content .ui-state-focus {
border: none;
}
.ongletsUL .ui-tabs-active,
.ongletsUL .ui-state-active,
.ongletsUL .ui-state-focus {

}
.ongletsUL .ui-state-default a,
.ongletsUL .ui-state-default a:link,
.ongletsUL .ui-state-default a:visited {
border: none;
width: 100%;
background-color: transparent;
}
.ongletsUL .ui-state-active a {
background-color: transparent;
}
.ongletsUL .ui-state-active a.current,
.ongletsUL .ui-state-active a.current:hover,
.ongletsUL .ui-state-active a:hover,
.ongletsUL .ui-state-active a:focus {
background-color: #292828 !important;
color: #fff;
}

 
/*---------------------------------*/

/*---------------------------------*/

/*---------------------------------*/
/* FOOTER                            */
/*---------------------------------*/
.strate.footer {
border-top: 6px solid #ffcd03;
background-color: #2f2f2f;
padding-top: 50px;
padding-bottom: 50px;
position: absolute;
bottom: 0px;
left: 0px;
z-index:1;
}
.footer .contenu {
border-right: 1px solid #3d3d3d;
color: #ffffff;
font-size: 14px;
}
.footer .contenu .csc-textpic {
margin-top: 0px;
}
.footer .contenu .carte {
position: relative;
border: 6px solid #212020;
margin-right: 40px;
width: 162px;
height: 162px;
box-sizing: border-box;
}
.footer .contenu .carte .csc-textpic-last {
margin-bottom: 0px;/* marge pour distancer le texte sous image... pas nécessaire ici */
}
.footer .contenu .carte img {
width: 100%;
height: 100%;
display: block;
}
.footer .contenu .logoPrint {
display: none;
}
.footer .contenu .adresse {
position: relative;
border-right: 1px solid #3d3d3d;
padding-top: 6px;
margin-right: 40px;
width: 300px;
height: 155px;
overflow: hidden;
}
.footer .contenu .adresse .csc-textpic-left {
height: 155px;
}
.footer .contenu .adresse .csc-textpic-left p {
margin-left: 0px;
}
.footer .contenu .adresse table.contenttable {
border-collapse:collapse;
margin: 0px;
padding: 0px;
border: 0px !important;
width: auto;
}
.footer .contenu .adresse table.contenttable td {
vertical-align:top;
padding: 0px 29px 0px 0px !important;
border: 0px !important;
font-size: 14px !important;
}
.footer .contenu .adresse table.contenttable td p {
line-height: 15px;
margin: 3px 0px 0px 0px;
font-size: 14px !important;
}
.footer .contenu .adresse .note {
display: block;
position: absolute;
left: 0px;
bottom: 0px;
}
.footer .contenu .adresse img {
width: 121px;
height: 50px;
}
.boutonActionVif li {
background: none;
}
.footer .contenu .adresse .note a, .boutonActionVif a {
display: block;
background-color: #cf0505;
padding: 5px 13px;
color: #fff;
font-size: 14px;
text-decoration: none;
border-top: 1px solid #ff2d25;
border-right: 1px solid #f0241e;
border-bottom: 1px solid #bb0504;
border-left: 1px solid #ed221c;
}
.boutonActionVif a,
.boutonActionVif a:hover {
padding: 0px;
}
.boutonActionVif a:hover {
background-color: #870403;
border-bottom: 1px solid #790403;
border-left: 1px solid #a20706;
border-top: 1px solid #a20706;
border-right: 1px solid #a20706;
padding: 0px;
}
.footer .contenu .adresse .note a:hover {
background-color: #870403;
border-bottom: 1px solid #790403;
border-left: 1px solid #a20706;
border-top: 1px solid #a20706;
border-right: 1px solid #a20706;
padding: 5px 13px;
}
.boutonActionVif {
display: block;
position: absolute;
}



.footer .contenu .barre_sociale {
position: relative;
width: 330px;/*auto;*/
font-size: 14px;
height: 160px;/*155px;*/
overflow: hidden;
}
.footer .contenu .barre_sociale p {
margin: 0px;/*7px 0px 7px 0px;*/
color: #717171;
position: absolute;
bottom: 0px;
font-size: 12px;
}
.footer .contenu .barre_sociale h3 {
font-size: 17px;
text-transform: uppercase;
color: #fff;
font-weight: 400;
margin-top: 18px;
padding-top: 0px;
}
.footer .contenu .barre_sociale strong, .footer .contenu .barre_sociale b {
color: #717171;
font-weight: 400;
font-size: 12px;
display: none;
}
.footer .contenu .barre_sociale strong a,
.footer .contenu .barre_sociale b a,
.footer .contenu .barre_sociale b a:hover,
.footer .contenu .barre_sociale strong a:hover {
color: #717171;
}


.footer .contenu .barre_sociale ul {
  position: relative;
  display: block;
  /*text-align: right;*/
  margin: 15px 0px 24px 0px;
  padding: 0px;
}
.footer .contenu .barre_sociale li {
display: inline-block;
width: 38px;
height: 38px;
margin: 0px 2px 0px 0px;
padding: 0px;
background: none;
}
.footer .contenu .barre_sociale li span {
display: none;
}
.barre_sociale .facebook, .barre_sociale .twitter, .barre_sociale .youtube, .barre_sociale .rss, .barre_sociale .contact,
.barre_sociale .instagram,
.barre_sociale .LinkedIn {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background: #3b5998 url('../../fileadmin/ulaval_ca/gabarit/UL/images/facebook.png') no-repeat 50% 50%;
}
.barre_sociale .twitter {
background-color: #37bbdf;
background-image: url('../../fileadmin/ulaval_ca/gabarit/UL/images/twitter.png');
}
.barre_sociale .youtube {
background-color: #c4240e;
background-image: url('../../fileadmin/ulaval_ca/gabarit/UL/images/youtube.png');
}
.barre_sociale .rss {
background-color: #fa820e;
background-image: url('../../fileadmin/ulaval_ca/gabarit/UL/images/rss.png');
}
.barre_sociale .contact {
background-color: #ffffff;
background-image: url('../../fileadmin/ulaval_ca/gabarit/UL/images/contact.png');
width: 69px;
}
.barre_sociale .instagram {
background-color: #3F729B;
background-image: url('../../fileadmin/ulaval_ca/gabarit/UL/images/instagram.png');
}
.barre_sociale .LinkedIn {
background-color: #005380;
background-image: url('../../fileadmin/ulaval_ca/gabarit/UL/images/LinkedIn.png');
}
.maincontentz a.facebook,
.maincontentz a.twitter,
.maincontentz a.youtube,
.maincontentz a.facebook:hover,
.maincontentz a.twitter:hover,
.maincontentz a.youtube:hover {
margin: 0px 0px 10px 18px;
text-decoration: none;
position: relative;
display: inline-block;
width: 24px;
height: 24px;
}
.maincontentz a.facebook::before,
.maincontentz a.twitter::before,
.maincontentz a.youtube::before {
display: inline;
font-family: 'iconesUL';
color: #3B5998;
speak: none;
content: "j";
display: block;
font-size: 30px;
font-weight: 400;
text-transform: lowercase;
position: absolute;
left: -3px;
top: 3px;
}
.maincontentz a.twitter::before {
color: #37BBDF;
content: "n";
}
.maincontentz a.youtube::before {
color: #C4240E;
content: "o";
}


/*Ariane*/
#ariane {
display: block;
position: relative;
padding: 16px 0px 0px 0px;
margin: 0px 0px 36px 0px;
z-index: 100;
}
#ariane br {
display: none;
}
#ariane ul {
margin: 0px !important;
padding: 0px !important;
list-style-type: none !important;
list-style-image: none !important;
list-style-position: outside;
}
#ariane ul li {
float: left;
margin: 0px;
padding: 0px !important;
list-style-image: none;
background-image: none;
}
#ariane ul li a,
#ariane ul li a:hover {
display: block;
padding: 0px 6px 0px 11px;
font-size: 12px;
color: #039bd5;
text-decoration: none;
}
#ariane ul li a:hover span {
color: #039bd5;
text-decoration: underline;
cursor: pointer;
}
/*#ariane ul li.act a,*/
#ariane ul li.act a,
#ariane ul li.act a span,
#ariane ul li.act a:hover span {
cursor: text;
color: #333333;
text-decoration: none;
}
#ariane ul li.premier a {
padding: 0px 6px 0px 0px;
background: none;
}
#ariane ul li a::before {
font-family: 'iconesUL';
color: #333333;
speak: none;
content: "e";
display: block;
font-size: 14px;
font-weight: 600;
text-transform: lowercase;
position: absolute;
left: -4px;
top: 0px;
text-decoration: underline;
}
#ariane ul li a::before,
#ariane ul li a:hover::before {
text-decoration: none;
}
#ariane ul li.premier a::before {
content: "";
display: none;
}
#ariane ul li a {
background: none;
position: relative;
}





/*---------------------------------*/
#milieu .gauche, #milieu .droite {
  position: relative;
  float: left;
  width: 616px;
  margin-top: 48px;
}

#colonnes {
margin-bottom: 0px;
}

#titre {
  position: absolute;
  bottom: 40px;
  left: 170px;
  font-weight: 700;
}

.centrer {
  text-align: center;
}
.cache, .bloc_Perso, .hideMe, #toolbar, .bigmenuUL .bloc {
display: none;
}
.collapseMe {
height: 0px;
}
.show, .bigmenuUL .bloc.show {
display: table-cell;
}
#colonne_0.hideMe,
#colonne_image.hideMe {
display: none;
}
#colonne_1.expendMe {
float: none;
width: 100%;
margin-left:0px;
background-color: transparent;
margin-top: 0px;
}  

.expendMe table.tableauStyle1, .expendMe table.tableauStyle2, .tableau {
width: 75%;
}
#colonne_1_contenu {
/*background-color: green;*/
}

/*----------------------------------------*/
/* YouTube                                     */
/*----------------------------------------*/
.noInfo .yt_infototal {
    display: none !important;
}
.yt_PlaceHolder {
    background-color: transparent;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0px;
    position: relative;
}
.yt_PlaceHolder .image {
position: relative;
}
.yt_PlaceHolder .btnPlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/video_play_blanc.png') no-repeat 50% 50%;
    z-index: 100;
    cursor: pointer;
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.boutonNoir .yt_PlaceHolder .btnPlay {
    background-image:url('../../fileadmin/ulaval_ca/gabarit/UL/images/video_play_noir.png');  
}  

/*----------------------------------------*/
/* Tableau UL                                 */
/*----------------------------------------*/
.tableauUL.dim75 {
width: 75%;
}
.tableauUL {
border-right: 1px solid #ebe8e5;
border-bottom: 1px solid #ebe8e5;
border-left: 1px solid #ebe8e5;
border-collapse: collapse;
width: 100%;
empty-cells: show;
table-layout: fixed;
margin: 0px 0px 5px 0px;
}
.tableauUL caption {
border-top: 4px solid #ffcc00;
border-right: 1px solid #ebe8e5;
border-left: 1px solid #ebe8e5;
text-align: left;
font-weight: 300;
padding: 20px 12px 14px 12px;
font-size: 22px;
}
.tableauUL caption span {
display: block;
font-weight: 400;
margin: -9px 0px 0px 0px;
color: #1895fd;
font-size: 14px;
}
.tableauUL p {
margin:0px;
padding: 0px;
}
.tableauUL th {
border: none;
padding: 9px 12px;
background-color: #ebe8e5;
font-weight: 400;
color: #666666;
text-align: left;
}
.tableauUL td {
border-top: 1px solid #ebe8e5;
padding: 9px 12px;
vertical-align: top;
color: #616265;
font-weight: 300;
}

.tableauSimple {border-collapse:collapse;margin:1em 0}
.tableauSimple td, .tableauSimple th {border:1px solid #ccc;padding:5px;vertical-align:top}
.tableauSimpleRangeeSeparation {background:#bbb}

/*----------------------------------------*/
/* Demande d'information               */
/*----------------------------------------*/
.demandeInfo #cboxWrapper {
background: none;
}
.demandeInfo #cboxTopLeft{width:1px; height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxTopRight{width:1px; height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxBottomLeft{width:1px; height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxBottomRight{width:1px; height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxMiddleLeft{width:1px; background: none; background-color: transparent;}
.demandeInfo #cboxMiddleRight{width:1px; background: none; background-color: transparent;}
.demandeInfo #cboxTopCenter{height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxBottomCenter{height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxContent{background:transparent; overflow:hidden;}
.demandeInfo .cboxIframe{background: none; background-color: transparent;}
.demandeInfo #cboxTitle{ display: none; }

.demandeInfo #cboxClose{display: block; position:absolute; bottom: auto; top:9px; right:9px; background:url('../../fileadmin/ulaval_ca/gabarit/UL/questions/images/colorbox_close.png') no-repeat 0px 0; width:14px; height:14px; text-indent:-9999px;}


/* test Tweeter */
.tweets {
/*background-color: green;*/
}
.tweet_item {
position: relative;
float: none;
}      
.tweet_item .avatar {
float: left;
height: 24px;
margin: 0px 6px 0px 0px;
width: 24px;
}
.tweet_item .avatar img {
width: 100%;
height: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tweet_item .texte {
margin-left: 35px;
}

/* Publicité en mode galerie slick */
.strate .tx-ixadvertising-pi1 {
overflow: visible;
}
.slick_pubs.contenantGalerie .slick-prev,
.slick_pubs.contenantGalerie .slick-next {
  width: 15px;
  background: transparent;
  top: 50%;
  background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/smoothDivScroll/images/arrow_left_pubs.png') no-repeat 0px 50%;
  left: -25px;
}
.slick_pubs.contenantGalerie .slick-next {
  background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/smoothDivScroll/images/arrow_right_pubs.png') no-repeat 0px 50%;
  right: -25px;
  left: auto;
}
.tx-ixadvertising-pi1 .slick_pubs .pub {
    border: none;
    margin-top: 0px;
    padding-bottom: 0px !important;
    background: none !important;
}
.nolink_all .tx-ixadvertising-pi1 .lien_allpub {
display: none;
}
/*----------------------------------------------------------*/
/* Accordéon                                                        */
/*----------------------------------------------------------*/
.QRnew {
  width: 100%;
  margin:10px 0px 10px 0px;
}
.QRnew .hideMe {
display: none;
}
.QRnew .titre {
  font-size: 16px;
  margin: 0px;
  padding: 0px 10px 0px 55px;
  color: #ffffff;
  font-weight: 600;
  /*line-height: 43px;*/
  vertical-align: middle;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  min-height: 43px;
  background-color: #db0905;
  overflow: hidden;
}
.QRnew .titre .moreless {
position: absolute;
left: 0px;
top: 0px;
width: 43px;
height: 100%;
background-color: rgba(50,50,50,0.6);
}
.QRnew .titre .icon-plus {
display: table-cell;
}
.QRnew .titre .icon-moins {
display: none;
}
.QRnew .titre span {
    display: block;
    line-height: normal;
    padding: 10px 0px;
    position: relative;
}
.QRnew .QRnew .titre span {
padding: 3px 0;
}
.maincontent [class^="icon-"], .maincontent [class*=" icon-"] {
  position: relative;
  font-family: 'iconesUL';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 34px;
  /*font-weight: 400;*/
  width: 43px;
  line-height: 43px!important;
  text-align: center;
  color: #fff;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.QRnew.selected > .titre .icon-plus:before {
content: "\0077";/*"|"; /*"\e600";*/
}
.icon-plus:before {
content: "\0076";"{"; /*"\e601";*/
}
.QRnew .contenu {
  padding: 0.01px 0px;
  position: relative;
  width: auto;
  margin: 10px 0px 0px 0px;
  background: none;
  padding: 0.01px 10px;
  border: 1px solid transparent;
  /*border-bottom: 1px solid #cdc5b1;*/
}
.QRnew .QRnew .titre,
.QRnew.selected .QRnew .titre,
.QRnew .QRnew.selected .titre {
  height:25px;
  min-height: 25px;
  line-height:25px;
  background-color:#999;
}
.QRnew .QRnew .titre .moreless{
  width: 25px;
}
.QRnew .QRnew .titre [class^="icon-"],
.QRnew .QRnew .titre [class*=" icon-"],
.QRnew .QRnew .titre [class^="icon-"]:hover,
.QRnew .QRnew .titre [class*=" icon-"]:hover {
  font-size: 24px;
  width: 25px;
  line-height: 25px!important;
}

/* Boutons css commun */
.btn_UL,
.btn_UL:hover {
    display: block;
    height: auto;
    text-decoration: none;
    width: 184px;
}

.btn_gradientRouge {
background-color: #e50000; /* Old browsers */
background: -moz-linear-gradient(top,  #aa1616 0%, #aa1616 0%, #e50000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa1616), color-stop(0%,#aa1616), color-stop(100%,#e50000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aa1616 0%,#aa1616 0%,#e50000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aa1616 0%,#aa1616 0%,#e50000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aa1616 0%,#aa1616 0%,#e50000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #aa1616 0%,#aa1616 0%,#e50000 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1616', endColorstr='#e50000',GradientType=0 );*/ /* IE6-8 */
}
.btn_gradientRouge:hover {
background-color: #FE3115; /* Old browsers */
background: -moz-linear-gradient(top,  #FE3115 0%, #FE3115 0%, #D22021 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE3115), color-stop(0%,#FE3115), color-stop(100%,#D22021)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE3115', endColorstr='#D22021',GradientType=0 ); *//* IE6-8 */
}
.btn_gradientRouge2 {
background-color: #d22328; /* Old browsers */
background: -moz-linear-gradient(top,  #f22417 0%, #f22417 0%, #d22328 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f22417), color-stop(0%,#f22417), color-stop(100%,#d22328)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f22417 0%,#f22417 0%,#d22328 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f22417 0%,#f22417 0%,#d22328 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f22417 0%,#f22417 0%,#d22328 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f22417 0%,#f22417 0%,#d22328 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22417', endColorstr='#d22328',GradientType=0 );*/ /* IE6-8 */
}
.btn_gradientRouge2:hover {
background: none;
background-color: #C42023;
}

.btn_gradientNoir {
background-color: #606060; /* Old browsers */
background: -moz-linear-gradient(top,  #606060 0%, #606060 0%, #484848 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(0%,#606060), color-stop(100%,#484848)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #606060 0%,#606060 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #606060 0%,#606060 0%,#484848 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #606060 0%,#606060 0%,#484848 100%); /* IE10+ */
background: linear-gradient(to bottom,  #606060 0%,#606060 0%,#484848 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#484848',GradientType=0 ); *//* IE6-8 */
}
.btn_gradientNoir:hover {
background-color: #FE3115; /* Old browsers */
background: -moz-linear-gradient(top,  #FE3115 0%, #FE3115 0%, #D22021 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE3115), color-stop(0%,#FE3115), color-stop(100%,#D22021)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE3115', endColorstr='#D22021',GradientType=0 );*//* IE6-8 */
}
.btn_ombre {
-webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3);
box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3);
}
.btn_coinsronds {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btn_lignes span {
    /*margin: 7px 15px 0;*/
   /* text-align: left;*/
}
.btn_UL span {
    color: #ffffff !important;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
    text-shadow: 0 -1px 1px rgba(98, 98, 98, 0.7);
    /*vertical-align: middle;*/
    padding: 5px 10px;
}

/* Typo3 */
DIV.csc-textpic-intext-left .csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
/*margin-right: 27px;*/
/* Desactive car cause un bug etrange ou le titre et texte adjacents sont tassés mais pas leur bordure */
/* Voir un axe de recherche de la section recherche pour exemple (element text w. image) */
}


/* FlexContent de colonnes generiques diverses largeurs */

.colGenWrapper {
  /*overflow:hidden*/
  position: relative;
}
.colGenWrapper::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.colGenColonne {
  float:left;
  margin:0 30px 0 0;
  padding:0;
  box-sizing: border-box;
}

.colGenColonne:last-child {
float: right;
  margin:0
}

.colGenColonne25 {
  width:25%;
}

.colGenColonne30 {
  width:30%;
}

.colGenColonne40 {
  width:40%;
}

.colGenColonne50 {
  width:50%;
}

.colGenColonne60 {
  width:60%;
}

.colGenColonne70 {
  width:70%;
}

.colGenColonne75 {
  width:75%;
}

.colGenColonneDroite {
  float:right;
}

.colGenColonneBordure {
  border-left:1px solid #393939;
  margin:0 0 0 20px;
  padding:0 0 0 20px;
}



.strateNoire .strate {
  background:#252525;
  color: #cccccc;
  padding: 30px 0px;
}


/* Pour les strates foncees */
.strateSombre .strate {
  background:#2f2f2f;
  color: #cccccc;
}

.strateSombre .strate ul li {
  background-image:url('../../fileadmin/ulaval_ca/gabarit/UL/images/puce-4x4-ccc.gif');  
}

.maincontent .strateSombre .strate h2,
.maincontent .strateNoire .strate h2 {
  color: #cccccc;
  border-color:#cccccc;
}

/* Pour masquer completement le bandeau */
body.aucunBandeau .bandeau .contenu,
body.aucunBandeau .bandeau .shadow,
body.aucunBandeau .bandeau .navigationALT2,
body.aucunBandeau .bandeau .contenuBG {
  display:none
}
.surpiedPage {
    bottom: 268px;
    left: 0;
    position: absolute;
    width: 100%;
}
.surpiedPage .strate {
  /*margin:30px 0 0 0;*/
  margin: 0px;
}
.surpiedPage.blocCoordsUniteRecherchePied .strate {
  margin:0;
  padding: 30px 0px;
}

.surpiedPage hr {
   -moz-border-bottom-colors: #555;
    -moz-border-left-colors: #555;
    -moz-border-right-colors: #555;
    -moz-border-top-colors: #555;
    border-color: #555;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
}


/* Styles specifiques pour Reconnaissance des acquis */
.sectionReconnaissanceAcquis  .contenantGalerie .bloc-profil table .csc-textpic-caption div {
  position:absolute;
  bottom:10px;
  left:10px;
  text-align:left;
  font-size:16px;
}

.sectionReconnaissanceAcquis .contenantGalerie .bloc-profil table .csc-textpic-caption div p {
  margin:5px 0 0 0;
  padding:0;
  color:#ffcc00;
  font-weight:bold;
}

.sectionReconnaissanceAcquis .contenantGalerie .bloc-profil table .csc-textpic-caption div p:first-child {
  color:#fff;
  font-weight:normal;
}

.sectionReconnaissanceAcquis .vignetteSombre .csc-textpic-image {
  background:#000;
}

.sectionReconnaissanceAcquis .vignetteSombre .csc-textpic-image img {
  opacity:0.5;
}

/* Pour bandeau qui remplace le drapeau UL */
.bandeauCustom {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bandeauCustom > img {
  min-width: 100%;
}


/* Look pour les nouvelles */
.blocTeaserActualite {
  width:460px;
}

.blocTeaserActualiteInnerWrap {
  background:#fff;  
  overflow:hidden;
}  

.blocTeaserActualiteImage {
  float:left;
  width:160px;
}

.blocTeaserActualiteImage img {  
  width:160px !important;
  height:160px !important;
}


.blocTeaserActualiteTexte {
  width:280px;
  padding:0 10px 10px 10px;
  float:left;  
  font-weight:400  ;
}

.blocTeaserActualiteTexte h3 a {
  color:#000;
}

.blocTeaserActualiteDateAuteur {
  background: url('../../fileadmin/ulaval_ca/gabarit/UL/images/calendrier-icone.gif') no-repeat scroll left center rgba(0, 0, 0, 0);
  color: #999;
  font-size: 12px;
  font-style: italic;  
  padding-left: 15px;
}

.blocTeaserActualiteTag {
  display:inline-block;
  padding:4px 6px;
  background:#19a3ff;
  margin:3px 3px 0 0;
  color:#fff;
  display:none;
}

.blocTeaserActualiteTag a {
  color:#fff;
}

.blocTeaserActualite.blocTeaserActualiteVertical {
  width:220px;
  float:left;
  margin:0 0 30px 18px;
}

.colGenColonne div div .blocTeaserActualiteVertical:first-child {
  margin-left:0;
}

.blocTeaserActualiteVertical .blocTeaserActualiteImage img {  
  width:220px !important;
  height:auto !important;
}

.blocTeaserActualiteVertical .blocTeaserActualiteImage {
  float:none;
  width:auto;
}

.blocTeaserActualiteVertical .blocTeaserActualiteTexte {
  padding:0 10px 10px 10px;
  float:none;  
  width:auto;
  font-weight:400;
}


.blocVedetteBigMenu .csc-default {
  background:#700404;
  margin-left:10px;  
}

.bigmenuUL .blocVedetteBigMenu ul ul li a  {
  font-weight:400;
}

.colleSurPiedPage {
  margin-bottom:-30px;
}

.boite-alerte {
  border:2px solid red;
  padding:15px;
  background:#efefef;
}

/* superscript */
.maincontent sup {
/*vertical-align: top;*/
/*font-size: 10px;*/
}
.maincontent sup {
    font-size: 70%;
    line-height: 100%;
    /*vertical-align: top;*/
}
.maincontent h1 sup {
font-size: 16px;
}



/* plugin de calendrier */
.tx-stsimpleajaxcal-pi1 .event_list_nav div.prev {
  background: url('../../fileadmin/ulaval_ca/gabarit/UL/images/fleche_actualite_back.png') no-repeat scroll left 50% transparent;
  display: inline;
  margin-right: 7px;
  padding-left: 10px;
}

.tx-stsimpleajaxcal-pi1 .event_list_nav div.next {
  background: url('../../fileadmin/ulaval_ca/gabarit/UL/images/fleche_actualite.png') no-repeat scroll right 50% transparent;
  display: inline;
  margin-left: 7px;
  padding-right: 10px;
}



.vedetteAvecImage {
  display:block;
  position:relative;
  overflow:hidden;
  float:left;
  margin:15px 0px 15px 0;
  width:300px;
}

.vedetteAvecImageTitreConteneur {
  background: transparent;
  display: table;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index:5;
}

.vedetteAvecImageTitre {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size:20px;
  color:#fff;
  font-weight:400;
  line-height:1.2;
}

.vedetteAvecImagePartieImage {
  display: block;
  width: 300px;
  height: 150px;
  position: relative;
  background:#000;
}

.vedetteAvecImagePartieImage img {
  opacity:0.5;
}

.vedetteAvecImageCoin:hover .lienAvecCoinTriangle {
  background-position:0 -39px;
}

.vedetteAvecImage .vedetteAvecImageCoin {
  display:none;
}


.vedetteAvecImageDocument .vedetteAvecImage {
  height:320px;
  float:right;
}

.vedetteAvecImageDocument .vedetteAvecImagePartieImage img {
  opacity:0.9;
}

.vedetteAvecImageDocument .vedetteAvecImageTitre {
  font-size:28px;  
  font-weight:100;  
  line-height:1;  
  text-transform:uppercase;
}

.vedetteAvecImageDocument .vedetteAvecImagePartieImage {
  height: 320px;
}

.vedetteAvecImageDocument .planRecherche {
  position:absolute;
  top:10px;
  left:10px;
  background:transparent;
  color:#000;
}

.vedetteAvecImageDocument p {
  margin:0;
  padding:0;
}


.vedetteAvecImageDocument .planRecherchePeriode {
  font-size:10px;
}

.vedetteAvecImageDocument .planRechercheTitre {
  font-size:20px;
}

.vedetteAvecImageDocument .planRechercheSousTitre {
  font-size:12px;
}

.message-important  {
  border:4px solid #ffffff;
  border-width:0 0 0 4px;
  padding:20px 10px 20px 50px;
  position:relative;
  background:#efefef;
  margin:0 0 2em 0;
}
  
.message-important-picto {
  color: #666;
  display: inline-block;
  font-family: "iconesUL";
  font-size: 32px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  vertical-align: middle;
  position:absolute;
  top:14px;
  left:10px;  
}
  
.message-important-titre {
  font-size:1.2em;
  font-weight:bold;
  margin:0 0 0.2em 0;  
}  

.message-important-texte {
  margin:0;  
}  

.message-important-niveau-vert  {
  border-color:#00c800;
}
  
.message-important-niveau-vert .message-important-picto::before {
  content: "\70";
  color:#00c800;
}

.message-important-niveau-jaune  {
  border-color:#f48602;/*ffcc00;*/
}
  
.message-important-niveau-jaune .message-important-picto::before {
  content: "\74";
  color: #f48602;/*ffcc00;*/
}

.message-important-niveau-rouge  {
  border-color:#ff3300;
}
  
.message-important-niveau-rouge .message-important-picto::before {
  content: "\72";
  color: #ff3300;
}
texte-liens .csc-textpic-text a,
.texte-liens .csc-default a {
    display: inline-block;
    background-color: #fff;
    border: 1px solid black;
    color: #000;
    width: 100%;
    box-sizing: border-box;
    margin-right: 5px;
    text-align: center;
    padding: 5px;
    text-decoration: none;
}
.texte-liens .csc-textpic-text a:hover,
.texte-liens .csc-default a:hover {
    text-decoration: none;
    background-color: #cccaca;
    color: #000;
}


/*---------------------------------------*/
/* Styles slick */
/*---------------------------------------*/
.env-f.contenantGalerie {
margin-top: 0px;
margin-bottom: 30px;

}
.env-f.contenantGalerie .contenantPuces {
    bottom: -25px;
    left: auto;
    right: 0px;
    width: auto;
}

.env-f.contenantGalerie .slick-dots li button::before {
    color: #c6ba94;
}
.env-f.contenantGalerie .slick-dots li.slick-active button::before {
    color: #e5150e;
}
.env-f.contenantGalerie .slick-prev, .env-f.contenantGalerie .slick-next {
    background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/smoothDivScroll/images/arrow_left_pubs.png') no-repeat scroll 0 50%;
    left: 5px;
    top: 50%;
    width: 15px;
}  
.env-f.contenantGalerie .slick-next {
    background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/smoothDivScroll/images/arrow_right_pubs.png') no-repeat scroll 0 50%;
    left: auto;
    right: 5px;
}  

.cyclesup.contenantGalerie {
margin-top: 0px;
margin-bottom: 30px;

}
.cyclesup.contenantGalerie .contenantPuces {
    bottom: -25px;
    left: auto;
    right: 0px;
    width: auto;
}
.cyclesup.contenantGalerie .slick-dots li button::before {
    color: #c6ba94;
}
.cyclesup.contenantGalerie .slick-dots li.slick-active button::before {
    color: #e5150e;
}
.cyclesup.contenantGalerie .slick-prev {
    background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/smoothDivScroll/images/arrow_left_pubs.png') no-repeat scroll 0 50%;
    left: 15px;
    top: 0;
    width: 15px;
}  
.cyclesup.contenantGalerie .slick-next {
    background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/smoothDivScroll/images/arrow_right_pubs.png') no-repeat scroll 0 50%;
    left: auto;
    /*right: 5px;*/
    width:20px;
}  
.contenantGalerie h3 {
padding-top: 35px!important;
}
/*---------------------------------------*/
/* Avis important */
/*---------------------------------------*/
.avis {
    border: 1px solid #333;
    padding: 0 20px 10px;
    margin: 30px 0px;
    background-color: #E9E9E9;
}
.avis h2, .avis h3 {
    color: red;
    text-transform: uppercase;
}

/*---------------------------------------*/
/* Recherche Google CSE                  */
/*---------------------------------------*/
.barreRechercheGoogle {
/*position: absolute;*/
/*top: 0px;*/
/*right: 0px;*/
/*width: 240px;*/
}
table.gsc-search-box td.gsc-input,
.gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
/*margin-top: 0px !important;*/
/*height: 30px !important;*/
/*  width: 30px !important;*/
padding: 8px 8px !important;
}
.cse input.gsc-search-button,
input.gsc-search-button {
border: none !important;
border-radius: 0px !important;
}
input.gsc-search-button {
margin-left: 0px !important;
}
.gsc-input-box {
height: 28px !important;
}
.barreRechercheGoogle .gsc-input-box {
/*border: none !important;*/
/*height: 30px !important;*/
}
.gsc-input-box table {
height: 100%;
}
.gsib_a {
padding: 0px 8px !important;
}
.gsc-search-box .gsc-input > input:focus,
.gsc-input-box-focus {
box-shadow: none !important;
}

.hideMe {
display: none;
}

/* Titre h2 avec ligne de chaque cote */
.side-lines {
position: relative;
overflow: hidden;
}
.side-lines h1,
.side-lines h2 {
  text-align: center;
  /*text-transform: uppercase;*/
  border: none !important;
  color: #353535;
  font-size: 24px;
 margin: 24px 0px 12px 0px;
}
.side-lines h1 strong,
.side-lines h2 strong {
  display: inline-block;
  position: relative;  
  font-weight: 300;
}
.side-lines h1 strong:before,
.side-lines h1 strong:after,
.side-lines h2 strong:before,
.side-lines h2 strong:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #353535;
  top: 50%;
  width: 5000%;
}
.side-lines h1 strong:before,
.side-lines h2 strong:before {
  right: 100%;
  margin-right: 15px;
}
.side-lines h1 strong:after,
.side-lines h2 strong:after {
  left: 100%;
  margin-left: 15px;
}
.strateNoire .side-lines h1 strong:before,
.strateNoire .side-lines h1 strong:after,
.strateNoire .side-lines h2 strong:before,
.strateNoire .side-lines h2 strong:after {
  border-top: 1px solid #ccc;
}

/* Nouveaux styles accents */
/* 18 septembre 2017 */
.maincontent .accent-gauche h1,
.maincontent .accent-gauche h2,
.maincontent .accent-gauche h3,
.maincontent .accent-centre h1,
.maincontent .accent-centre h2,
.maincontent .accent-centre h3{
    border: none;
    color: #272727;
    font-family: 'Source Sans Pro', Arial, serif;
    font-size: 30px;
    font-weight: 600;
    margin: 24px 0px 12px 0px;
}
.maincontent .accent-gauche h1,
.maincontent .accent-gauche h2,
.maincontent .accent-gauche h3 {
    margin: 12px 0px 12px 0px;
}
.maincontent .accent-gauche h1:after,
.maincontent .accent-gauche h2:after,
.maincontent .accent-gauche h3:after,
.maincontent .accent-centre h1:after,
.maincontent .accent-centre h2:after,
.maincontent .accent-centre h3:after {
    background-color: #E30513;
    content: ' ';
    display: block;
    height: 4px;
    margin: 12px 0;
    position: relative;
    width: 40px;
}     
.maincontent .accent-centre h1,
.maincontent .accent-centre h2,
.maincontent .accent-centre h3{
    font-size: 36px;
    text-align: center;
}
.maincontent .accent-centre h1:after,
.maincontent .accent-centre h2:after,
.maincontent .accent-centre h3:after {
    margin: 12px auto 0;
    text-align: center;
}
.maincontent .sans-texte.accent-centre h1,
.maincontent .sans-texte.accent-centre h2,
.maincontent .sans-texte.accent-centre h3{
     margin-bottom: 60px;
}
.maincontent .sans-texte.accent-gauche h1,
.maincontent .sans-texte.accent-gauche h2,
.maincontent .sans-texte.accent-gauche h3{
     margin-bottom: 20px;
}
  
.maincontent .accent-centre p {
    margin: 0 auto 30px;
    text-align: center;
    width: 600px;
}



.profemerite DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{
    padding-right: 20px;
    padding-bottom: 20px;
}



@media (max-width: 991px) {
  .maincontent .accent-gauche p {
    padding-right: 0;
  }

}
@media (max-width: 767px) {
  .maincontent .accent-centre p {
    padding: 0 20px;
    width: auto;
  }
}











/* thmel 2016-03-29 */
.tableau-numerique tbody td {
  text-align:right;
  white-space:nowrap;
}

/* thmel 2016-04-04 */
.zone-couleur {
  background:#ececec;
  padding:25px;
  margin-bottom:25px;
  border-left: 20px solid #ffc103;
}









.bandeau .contenu .galerieDD .csc-textpic .csc-textpic-text {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url('../../fileadmin/ulaval_ca/gabarit/UL/images/carrousel_bg.png');
  background-origin: padding-box;
  background-position: left top;
  background-repeat: repeat;
  background-size: auto auto;
  height: 100%;
  left: 10px;
  padding-bottom: 0;
  padding-left: 21px;
  padding-right: 21px;
  padding-top: 0;
  position: relative;/* absolute;*/
  margin:0 auto;
  top: 0;
  /*width: 30%;*/
  
    width: 100%;
    max-width: 1170px;
  z-index: 10;
}






















































.vedetteAvecImageDocument .vedetteAvecImage {
  height:auto;
  float:none;
}
.vedetteAvecImage {
  display:block;
  position:relative;
  overflow:hidden;
  /*float:left;*/
  width:100%;
}
a.vedetteAvecImagePartieImage {
  display: block;
  height: 150px;
  position: relative;
    width: 100%;
  background:#000;
}

.vedetteAvecImagePartieImage img {
  opacity:0.5;
  width:100%;
}

.bandeau .contenu .galerieDD .csc-textpic .csc-textpic-text div{
    background-color: rgba(1,1,1,0.5);
    width: 390px;
    position: absolute;
    padding-left: 30px;
    height: 300px;
    left: -10px;
    top: -300px;

}
.strateGrise .strate {
    background: #E8E8E8;
}
.strate.bandeau .contenu .entete {
    min-width: 390px;
    width: 390px;
    max-width: 390px;
}

/* ajustements pour 1200px */
.strate .contenu, .strate .contenuBG {
position: relative;
margin: 0px auto;
padding: 0.01px 0px 0.01px 0px;
width: 1170px;/*960px;*/
}
.header .contenu {
border-top: 12px solid #E30513;
margin-top: -12px;
border-top: 30px solid #E30513;
margin-top: -30px;
height: 85px;/* à voir */
}
.strate.bandeau .contenuBG {
z-index: 20;
height: 100%;
position: absolute;
top: 0px;
left: 50%;
margin-left: -480px;
padding: 0.01px 0px 0.01px 0px;
width: 1170px;/*960px;*/
}
.avecBandeauEpais .bandeau .contenu {
  height:300px;
  width:1170px;/*960px;*/
}
.avecBandeauEpais .bandeau .contenu {
  height:300px;
  width:1170px;/*960px;*/
}
.zoneContenu.margeGauche {
    float: left;
    width: 930px;
    margin-left: 20px;
}
.zoneContenu.margeGauche .colGauche.margeDroite {
float: left;
width: 480px;
}
.colDroite {
display: none;
}
.colDroite.afficher {
display: block;
float: right;
width: 20%;/*220px;*/
margin-top: 29px;
}
.zoneContenu .colGauche.margeDroite {
float: left;
width: 80%;/*720px;*/
}
.zoneContenu.margeGauche .colGauche.margeDroite {
float: left;
width: 680px;
}
.maincontent #colonne_1 {
    padding-top: 0.01px;
    position: relative;
    float: left;
    width: 910px;
    margin: 0px 0px 5px 20px;
    background: none;
}
div.csc-textpic .csc-textpic-imagewrap table {
width: 100%;  
}
div.csc-textpic-left .csc-textpic-imagewrap {
  float:none;
}
.QRnew .contenu, .ongletsUL .contenu {
 width: 100%!important;
}

.boutonActionVif a:hover{
    text-decoration: none;
    color: white;
}

/* patch HTML5 pour élément inline */
iframe, canvas {
display: block;  
}

DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
position: relative;  
}


.strate #recherche_service form {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 50%;
}



/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icons {
        /*background-image: url('../../fileadmin/ulaval_ca/gabarit/UL/icon-sprite-2x.png');*/
        /*background-size: 200px 100px;*/
        /*background-repeat: no-repeat;*/
    }
}

/*Vignettes (publicités) Nicolas Pelletier 2016-08-25*/
/*Code non optimal à cause du module Slick... */
.carrousel-pubs.contenantGalerie .slick-list {
    margin: 0px -15px;
}
.carrousel-pubs.contenantGalerie .texte h3{
   
    margin: 0 0 2px 0;
   padding:0!important;
   font-size:14px;
}

.carrousel-pubs.contenantGalerie .pub {
    position: relative;
    height: auto;/*200px;*/
}

.carrousel-pubs.contenantGalerie .texte {
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    padding: 15px;
    position: absolute;
    /*Idéalement, il faudrait découper les images plus grosse et mettre une largeur à 100%. Dimensions codées "à la dure" en attendant.*/
    width: calc(100% - 30px);/*262px;*/
    height: 80px;
}

.carrousel-pubs.contenantGalerie .pub-contenant {
    margin: 0 auto;
padding: 0px 15px;
    width: 100%;/*262px;*/
}

.pub-contenant .image img {
  width:100%;
height: auto;
}

.carrousel-pubs.contenantGalerie .texte a,
.carrousel-pubs.contenantGalerie .texte a:hover {
    border-left: 3px solid #ffaa37;
    color: #fff;
    display: block;
    font: 400 14px "Source Sans Pro";
    padding: 0 0 0 12px;
  text-decoration: none;
}
.carrousel-pubs.contenantGalerie .texte p {
font-size: 12px;
}

.carrousel-pubs.contenantGalerie .slick-prev {
  left: -30px;
}

.carrousel-pubs.contenantGalerie .slick-next {
  right: -30px;
}

.carrousel-pubs.contenantGalerie {
  margin-top: 0;
}

.env-f.contenantGalerie .slick-prev,
.env-f.contenantGalerie .slick-next,
.carrousel-pubs.contenantGalerie .slick-prev,
.carrousel-pubs.contenantGalerie .slick-next {
  background: none;
}

.env-f.contenantGalerie .slick-prev.slick-disabled:before,
.env-f.contenantGalerie .slick-next.slick-disabled:before,
.carrousel-pubs.contenantGalerie .slick-prev.slick-disabled:before,
.carrousel-pubs.contenantGalerie .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.env-f.contenantGalerie .slick-prev:before,
.env-f.contenantGalerie .slick-next:before,
.carrousel-pubs.contenantGalerie .slick-prev:before,
.carrousel-pubs.contenantGalerie .slick-next:before {
  font-family: inherit;
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.env-f.contenantGalerie .slick-prev {
  left: 0;
}

.env-f.contenantGalerie .slick-prev:before,
.carrousel-pubs.contenantGalerie .slick-prev:before {
  content: '';
}

.env-f.contenantGalerie .slick-next {
  right: 0;
}

.env-f.contenantGalerie .slick-prev::before,
.env-f.contenantGalerie .slick-next::before,
.carrousel-pubs.contenantGalerie .slick-prev::before,
.carrousel-pubs.contenantGalerie .slick-next::before {
  color: white !important;
  font-family: iconesUL !important;
  font-size: 48px !important;
  content: "d" !important;
  vertical-align: middle !important;
  line-height: 0 !important;
  background-color: rgba(0,0,0,0.0) !important;
}
.env-f.contenantGalerie .slick-next::before,
.carrousel-pubs.contenantGalerie .slick-next::before {
  content: "e" !important;
}

/* ajout 2017 */
.texte-intro {
text-align: initial;
padding: 0;
}
.maincontent .texteIntro p {
    padding: 15px 50px;
    text-align: center;
}


.contenantGalerie .slick-next,
.contenantGalerie .slick-prev{
  background: none!important;
  z-index: 10000;
}  
.contenantGalerie .slick-prev::before {
  background-color: rgba(0,0,0,0.0) !important;
  color: white !important;
  content: "d" !important;
  font-family: iconesUL !important;
  font-size: 48px !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}
.contenantGalerie .slick-next::before  {
  background-color: rgba(0,0,0,0.0) !important;
  color: white !important;
  content: "e" !important;
  font-family: iconesUL !important;
  font-size: 48px !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}
 /*cell portrait*/       
@media screen and (max-width: 480px) {
  .contenantGalerie .slick-prev {
    left: -15px;
  }
  .contenantGalerie .slick-next {
    right: -15px;
  }
}


/*---------------------------------------*/
/* Styles selon la largeur de l'écran */
/*---------------------------------------*/
@media only screen and (min-width: 1600px) {  
  .strate.bandeau {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media only screen and (max-width: 1170px) {
  
  .strate.bandeau .contenuBG {
    width: 960px;
  }
  .avecBandeauEpais .bandeau .contenu {
    width:960px;
  }
  .zoneContenu.margeGauche {
    float: left;
    width: 720px;
    margin-left: 20px;
  }
  .colDroite {
    display: none;
  }
  .colDroite.afficher {
    display: block;
    float: right;
    width: 220px;
    margin-top: 29px;
  }
  .zoneContenu .colGauche.margeDroite {
    float: left;
    width: 720px;
  }
  .zoneContenu.margeGauche .colGauche.margeDroite {
    float: left;
    width: 680px;
  }
  .maincontent #colonne_1 {
    padding-top: 0.01px;
    position: relative;
    float: right;
    width: 678px;
    margin: 0px 0px 5px 20px;
    background: none;
  }
}
@media (min-width: 992px) {
  .texte-intro {
    text-align: center;
    padding: 0 15%;
  }
}
@media only screen and (max-width: 767px) {

  .side-lines h1 strong::before, 
  .side-lines h1 strong::after,
  .side-lines h2 strong::before, 
  .side-lines h2 strong::after {
    border-top: none;
  }
  .maincontent .texteIntro p {
    padding: 15px 50px;
  }

  .strate #recherche_service form {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  .tableauUL {
    width: auto!important;
  }

  .ongletsUL ul.ongletsNav.ui-widget-header {
    float: none;
  }
  .ongletsUL ul.ongletsNav li {
    width: 100%;
  }
  .ongletsUL ul.ongletsNav li {
    float: none;
    margin: 0px 0px 5px 0px !important;
  }
  .ongletsUL .contenu-wrap {
    padding: 20px 20px 20px 20px;
  }
  .ongletsUL .contenu-wrap {
    padding: 24px 20px 0px 20px;
    border-top: none;
  }
}

/* bootstrap-ajustements.css */
.maincontent h2 {
font-weight: 300;
font-size: 24px;
}
.maincontent h4 {
font-size: 16px;
}
.maincontent {
padding-bottom: 0;
}
.maincontent .strate {
padding: 30px 0;/* Ajout 23-11-2016 */
}
.maincontent .no-padding .strate {
padding: 0!important;
}
.maincontent .no-padding-top .strate {
padding-top: 0!important;
}
.surpiedPage,
.footer .strate {
position: relative;
bottom: 0;
}
.img-responsive {
width: 100%;
}
.with-img-responsive div.csc-textpic-left .csc-textpic-imagewrap,
.with-img-responsive div.csc-textpic-center .csc-textpic-center-outer,
.with-img-responsive div.csc-textpic-right .csc-textpic-imagewrap {
float: none;
}
.no-responsive .img-responsive {
max-width: none;
width: auto;
}
.strate.navigation .navigationALT,
.strate.navigation .navigationALT2 {
display: none;
}
.strate.navigation {
background-color: #e30513;
}
.strate.bootstrap #ariane {
margin: 0 0 30px 0;
padding: 16px 0 0 0;
}
.ariane-no-show #ariane {
display: none;
}
.header .contenu {
height: 115px;
}
.show, .bigmenuUL .bloc.show {
display: table-cell!important;
}
.bigmenuUL .bloc, .footer .bloc {
width: auto;
}
.margeBefore {
margin-top: 30px;
}
.strate.bootstrap .contenu-bootstrap {
width: 100%;
margin: 0 auto;
}
.strateTotal .strate.bootstrap {
width: 100%;
}
.strateTotal .strate.bootstrap .container-fluid {
padding: 0;
}



/*test*/
.gutter-20 .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.gutter-20 .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.gutter-20 .row {
  margin-left: -10px;
  margin-right: -10px;
}
.gutter-10 .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.gutter-10 .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.gutter-10 .row {
  margin-left: -5px;
  margin-right: -5px;
}
.gutter-0 .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .row {
  margin-left: 0;
  margin-right: 0;
}



/*test*/

.gutter-20.row,
.gutter-20 .row {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"],
.gutter-20 [class^="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}
/* 10px gutter */
.gutter-10.row,
.gutter-10 .row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"],
.gutter-10 [class^="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
/* 0 gutter */
.gutter-0.row {
  margin-right: 0;
  margin-left: 0;
}
.gutter-0.row,
.gutter-0 .row {
  margin-right: 0;
  margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"],
.gutter-0 [class^="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* menu gauche sous-page */
.maincontent .menuG {
margin-top: 41px; 
}
.maincontent .menuG ul,
.maincontent .menuG_alt ul {
border-top-width: 1px;
border-bottom-width: 1px;
}
.maincontent .menuG ul {
margin-top: 0; 
}
.maincontent .menuG li a,
.maincontent .menuG li a:hover,
.maincontent .menuG_alt li a,
.maincontent .menuG_alt li a:hover,
.maincontent .col-menu .titre a,
.maincontent .col-menu .titre a:hover {
color: #666;
}
/* style bouton */
.btn p {
/*background-color: #222;*/
margin: 8px 0 0 0;
padding: 0;
width: 100%;
}
.btn a {
background: rgba(227,5,19,1);
color: #fff !important;
display: block;
padding: 14px 25px 14px 25px;
text-align: center;
text-decoration: none;
}
.btn a:hover {
background: rgba(227,5,19,0.8);
}
.btn.transparent a {
background: rgba(255,255,255,1);
border: 1px solid #999;
color: #000 !important;
}
.btn.transparent.demi a {
border: 1px solid #ddd;
}
.btn.demi a {
margin: 0px auto;
width: 50%;
}
.btn.transparent a:hover {
background: rgba(200,200,200,0.5);
}
/*---------------*/
/* Entête        */
/*---------------*/
.strate.bandeau .col-xs-12 {
padding: 0;
}
.strate.bandeau .contenu-bootstrap .entete {
    background-color: rgba(11, 9, 4, 0.5);
    bottom: 0;
    color: #fff;
    filter: none;
    font-size: 24px;
    font-weight: 600;
    height: 100%;
    line-height: 22px;
    opacity: 1;
    padding: 0 30px 0 30px;
    text-shadow: none;
    box-sizing: border-box;
}
.bandeau .contenu-bootstrap p,
.strate.bandeau .contenu-bootstrap .entete p {
text-transform: none;
font-size: 16px;
line-height: 22px;
font-weight: normal;
color: #ffffff;
margin-left: 35px;
margin-top: 11px;
letter-spacing: normal;
}
.strate.bandeau .contenu-bootstrap .entete p {
margin-top: 14px;
}
.bandeau .contenu-bootstrap h1, 
.bandeau .contenu-bootstrap p strong,
.strate.bandeau .contenu-bootstrap .entete h1,
.strate.bandeau .contenu-bootstrap .entete p strong {
border-bottom: none;  
border-left: 2px solid #ffcd03;
color: #fff;
display: block;
font-size: 24px;
font-weight: 400 !important;
/*letter-spacing: 0.05em;*/
line-height: 24px;
margin: 0 0 0 35px;
padding: 0 0 0 12px;
/*text-transform: uppercase;*/
}
.bandeau .contenu-bootstrap p strong {
margin-left: 0;
margin-bottom: -5px;
}
.bandeau .contenu-bootstrap h1 .note,
.bandeau .contenu-bootstrap p strong .note {
display: block;
color: inherit;
}
.strate.bandeau .contenu-bootstrap .entete h1,
.strate.bandeau .contenu-bootstrap .entete p strong,
.strate.bandeau .contenu-bootstrap .entete p {
margin-left: 0;    
}
.strate.bandeau .contenu-bootstrap .entete h1 {
 margin-top: 13px; 
}
.strate.bandeau .contenu-bootstrap .entete h3 {
    font-size: 22px;
    font-weight: 300;
    line-height: 22px;
    margin: 35px 0 35px 0;
    padding: 0;
    /*text-transform: uppercase;*/
}
.bandeau .contenu-bootstrap .blocContenu {
height: 200px;
}
.strate.bandeau .contenu-bootstrap .entete {
    background-color: rgba(11, 9, 4, 0.5);
    bottom: 0;
    color: #fff;
    filter: none;
    font-size: 24px;
    font-weight: 600;
    height: 100%;
    left: auto;
    /*letter-spacing: 0.05em;*/
    line-height: 22px;
    opacity: 1;
    padding: 0 30px 0 30px;
    left: 0;
    text-shadow: none;
    box-sizing: border-box;
}
.bandeau .contenu-bootstrap p,
.strate.bandeau .contenu-bootstrap .entete p {
    text-transform: none;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #ffffff;
    margin-left: 35px;
    margin-top: 11px;
    letter-spacing: normal;
    font-weight: 300;
}
.bandeau .contenu-bootstrap .entete h1,
.bandeau .contenu-bootstrap .entete p,
.strate.bandeau .contenu-bootstrap .entete h1,
.strate.bandeau .contenu-bootstrap .entete p {
font-weight: 300 !important;
}
.strate.bandeau .contenu-bootstrap .entete h1,
.strate.bandeau .contenu-bootstrap .entete p strong {
margin-top: 43px;
margin-bottom: 33px;
font-weight: 300 !important;
}
.strate.bandeau .contenu-bootstrap .entete p {
font-weight: 300 !important;
margin: 0;
}

.strate.bandeau .contenu-bootstrap .entete br {
display: inline-block;
content: " ";
}
.padding-haut-bas .strate {
padding: 30px 0;
}
.padding-bas .strate {
padding: 0 0 30px 0;
}
.padding-haut .strate {
padding: 30px 0 0 0;
}
.padding-haut-bas .strate.arianeHere,
.strate.arianeHere,
.arianeHere .strate {
padding-top: 0;
}
.padding-haut-bas.ariane-no-show .strate.arianeHere {
padding-top: 30px;
}
.titre-automatique {
display: none; 
}


.marge-bas {
margin-bottom: 30px;
}
.col-contenu h2:first-of-type {
margin-top: 15px;
}

.maincontent .lienbloc .blocContenu p {
display:table;
height: 80px;
width:100%;
}
.maincontent .lienbloc .blocContenu a, .maincontent .lienbloc-invert .blocContenu a {
background-color: transparent;
border: 2px solid #aaa;
color: #aaa;
font-size: 20px;
padding: 20px 0;
text-align: center;
text-transform: none;
display:table-cell;
height:100%;
width:100%;
vertical-align:middle;
}
.maincontent .lienbloc .blocContenu a:hover, .maincontent .lienbloc-invert .blocContenu a:hover {
background-color: #333;
text-decoration: none;
}
.maincontent .lienbloc-invert .blocContenu a {
background-color: #333; 
border: 2px solid #333; 
}
.maincontent .lienbloc-invert .blocContenu a:hover {
background-color: transparent;  
}

/*----------------------*/
/* Styles pour mozaïque */
.mozaique .projection .bloc-mozaique .image img,
.mozaique .projection .bloc-mozaique:hover .image img {
display: none;
}
.mozaique .projection .bloc-mozaique:hover .image .ecran {
opacity: 0.8;  
}
.mozaique .bloc-mozaique {
cursor: pointer;
display: block;
position: relative;
overflow: hidden;
float: none;
margin: 15px 0;
width: 100%; 
}
.mozaique .bloc-mozaique .image {
background: #000;
border: none;
display: table;
height: 100%;/*auto;*/
margin: 0;
position: relative;
width: 100%;
}
.mozaique .bloc-mozaique .image img {
height: auto;
opacity: 1;
width: 100%;    
}
.mozaique .bloc-mozaique:hover .image img {
opacity: 0.8;
}
.mozaique .bloc-mozaique .titre {
color: #fff;
display: table;
font-size: 20px;
font-weight: 400;
height: 100%;
left: 0;
line-height: 1.2;
padding: 0 20px;
position: absolute;
text-align: center;
top: 0;
vertical-align: middle;
width: 100%;
z-index: 10;
}
.mozaique .bloc-mozaique .titre span {
display: table-cell;
height:100%;
vertical-align: middle;
width:100%;
}
.mozaique .bloc-mozaique .coin,
.mozaique .bloc-mozaique .titre {
display: none;   
}
.mozaique .bloc-mozaique .texte {
background-color: rgba(0,0,0,0.5);
color: #fff;
font-size: 14px;
font-weight: 300;
left: 0;
line-height: normal;
overflow: hidden;
padding: 10px 10px 8px 20px;
position: absolute;
top: 0;
width: 100%;
}
.mozaique .bloc-mozaique .texte>p:first-child {
border-left: 2px solid #ffc103;
font-size: 21px;
line-height: 20px;
margin: 5px 0;
padding-left: 12px;
/*text-transform: uppercase;*/
}
.mozaique .bloc-mozaique .image .ecran {
width: 100%;
height: 100%;
background-size: cover;
position: absolute;
top: 0;
left: 0;
display: none;
}
.mozaique .projection .bloc-mozaique .image .ecran {
display: block;
}
/* btn */
.mozaique .btn {
margin: 0;
padding: 0;
}
.mozaique .btn .bloc-mozaique .texte>p:first-child {
padding-left: 0;
}
.mozaique .btn .bloc-mozaique:hover .image {
opacity:0.8;
}
.mozaique .btn,
.mozaique .btn p,
.mozaique .btn a {
margin: 0;
width: 100%;
height: 100%;
}
.mozaique .btn.btnFUL a {
background-color: #e30513;
}
.mozaique .btn.btnFUL  .texte p{
    text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.75);
    line-height: 24px;
    font-weight: 600;
}
.mozaique .btn.btnFUL  .texte{
  width: 100%;
    height: 100%;
    padding: 0 !important;
    position: absolute;
    display: table-cell;
    right: 0;
    top: 42%;
    left: 15%;
    bottom: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: normal;
    z-index: 4000;
    min-width: auto;
    padding: 0;
    font-weight: 600;
    line-height: normal;
    zoom: 1;
}
.mozaique .btn.btnFUL .texte p::after {
    content: '+';
    color: #ffd300;
}
.mozaique .btn .texte {
display: table; 
height: 100%;  
}
.mozaique .btn .texte p {
display: table-cell;
vertical-align: middle;   
}
.mozaique .btn .bloc-mozaique {
padding-left: 0;
background-color: #000;
height:124px;
}
.mozaique .btn .bloc-mozaique .texte {
background-color: transparent;
font-size: 21px;
font-weight: 400;
line-height: 24px;
padding: 0;
text-align:center;
/*text-transform: uppercase;*/
}
.mozaique .btn .bloc-mozaique .texte>p {
border-left: none;
}
.mozaique .btn.donFUL .bloc-mozaique .image,
.mozaique .btn.evidence .bloc-mozaique .image {
background-color: #cf0505;/* rgba(227,5,13,0.9);*/
}
.mozaique .btn.donFUL .bloc-mozaique .texte>p::after {
content: "+";
color: #ffc103;
padding-left: 5px;
font-weight:600;
}
.mozaique.avantageTitre .bloc-mozaique .titre {
display: table;
}
.mozaique.avantageTitre .bloc-mozaique .texte {
display: none;   
}
.mozaique.avantageTitre .bloc-mozaique .image img {
opacity: 0.5;
}
 
.mozaique .vedette .bloc-mozaique .image img {
opacity:0.9;
}
.mozaique .vedette .bloc-mozaique .texte {
background-color: transparent;
color:#000;
display: block;
font-size:28px;  
font-weight:100; 
height: 100%; 
line-height:normal;  
padding: 10px;
text-transform:none;
}
.mozaique .vedette .texte p {
margin:0;
padding:0;
}
.mozaique .vedette .texte .periode {
font-size:10px;
}
.mozaique .vedette .texte .sous-titre1 {
  font-size:20px;
}
.mozaique .vedette .texte .sous-titre2 {
  font-size:12px;
}
.mozaique.avantageTexte .texte {
font-size: 14px;
font-weight: 300;
height: 80px;
padding: 10px;  
}
.mozaique.avantageTexte .texte>p:first-child {
border-left: none;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
text-transform: none;
}

.gsc-control-cse .gsc-table-result {
  font-family : inherit;
}

.gsc-control-cse .gsc-input-box {
  height : inherit;
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-search-button, input.gsc-search-button-v2 {
  box-sizing  : content-box;
  line-height : normal;
  margin-top  : 0;
}


.strateTotal .strate.bootstrap .contenu-bootstrap {
    width: 100%;
}
.strateTotal .container-fluid {
    padding: 0;
}

/* Carrousel dans un bandeau */
.avecBandeauCarrousel .strate.bandeau {
background: none; 
background-color: #000; 
}
.avecBandeauCarrousel .strate.bandeau .row {
margin-left: 0;
margin-right: 0;
}
.avecBandeauCarrousel .strate.bandeau .col-xs-12 { 
padding-left: 0;
padding-right: 0;
}
.avecBandeauCarrousel .strate.bandeau.bootstrap .contenu-bootstrap {
height: auto;
width: 100%;
}
.avecBandeauCarrousel .strate.bandeau.bootstrap .container-fluid {
padding: 0;
}
.avecBandeauCarrousel .strate.bandeau .contenu-bootstrap .blocContenu {
height: auto;
}
.avecBandeauCarrousel .strate.bandeau .contenantGalerie {
margin-bottom: 0;
margin-top: 0;
}
.avecBandeauCarrousel .strate.bandeau  .contenantGalerie .csc-textpic {
position: relative;
padding: 0;
width: auto;
}
.avecBandeauCarrousel .strate.bandeau  .contenantGalerie .csc-textpic-image {
    display: block;
    height: 300px;
    overflow: hidden;
    width: 100%;
}
.avecBandeauCarrousel .strate.bandeau  .contenantGalerie .csc-textpic-text {
    background: none;
    color: #fff;  
    bottom: auto;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1170px;
    z-index: 1000;
}
.avecBandeauCarrousel .strate.bandeau  .contenantGalerie .csc-textpic .csc-textpic-text div {
    position: relative;
    background-color: rgba(11, 9, 4, 0.5);
    z-index: 10;
    height: 100%;
    padding: 0 20px;
    top: auto;
    left: auto;
    width: 30%;
}
.avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic .csc-textpic-text div h3 {
    display: block;
    /*text-transform: uppercase;*/
    font-size: 22px;
    line-height: 22px;
    font-weight: 300 !important;
    color: #fff;
    padding: 0;
    margin: 0;
}
.avecBandeauCarrousel .strate.bandeau .contenantGalerie h2 {
    border-left-color: #ffcd2f;
    border-left-style: solid;
    border-left-width: 2px;
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 400 !important;
    line-height: 24px;
    margin: 35px 0 0 0;
    padding: 0 0 0 12px;
}
.avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic-text p {
    margin-left: 0;
    margin-top: 11px;
}
.avecBandeauCarrousel .strate.bandeau .contenantGalerie .slick-slide {
/*  -moz-opacity: 0.3;*/
/*  opacity: 0.3;*/
/*  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);*/
/*  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);*/
}
.avecBandeauCarrousel .strate.bandeau .contenantGalerie .slick-active {
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic-center .csc-textpic-center-outer,
.avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic-center .csc-textpic-center-inner {
float: none;
right: auto;
}
.avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic-left .csc-textpic-imagewrap,
.avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic-right .csc-textpic-imagewrap {
float: none;
}

/*---------------------*/

.estClickable {
cursor:pointer; 
}

/* aide pour passer les mozaiques... */
.old-config {
width: 960px;
margin: 0 auto;
}

/* MEDIA query */
@media (min-width: 768px) {
  .strate.bandeau .col-xs-12 {
    padding: 0 15px;
  }
}
@media (min-width: 992px) {
  .strate.bandeau .contenu-bootstrap .entete br {
    display: block;
  }
}
@media (min-width: 1200px) {
  .strate.bootstrap .contenu-bootstrap {
    width: 1200px;
  }
}
@media screen and (max-width: 1600px) {
  .avecBandeauCarrousel .strate.bandeau .contenantGalerie .contenantPuces {
    bottom: 20px;
    top: auto
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 1170px;/*960px;*/
    z-index: 1000;
  }
  .avecBandeauCarrousel .strate.bandeau .csc-textpic-text {
    width: 1170px;/*960px;*/
  }
  .avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic .csc-textpic-imagewrap IMG {
    display: block;
    height: 300px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    width: auto;
    max-width:none;
  }
  .avecBandeauCarrousel .strate.bandeau .contenantGalerie  DIV.csc-textpic.csc-textpic-right .csc-textpic-imagewrap IMG {
    right: 0;
    left: auto;
    max-width:none;
  }
  .avecBandeauCarrousel .strate.bandeau .contenantGalerie  DIV.csc-textpic.csc-textpic-left .csc-textpic-imagewrap IMG {
    right: auto;
    left: 0;
    max-width:none;
  }
  .avecBandeauCarrousel .strate.bandeau .contenantGalerie DIV.csc-textpic.csc-textpic-center .csc-textpic-imagewrap IMG {
    right: auto;
    left: calc(50% - 800px);/*image de 1600px de largeur*/
    max-width:none;
  }
}
@media screen and (max-width: 992px) {
  .col-menu {
    display: none;
  }
}
@media screen and (max-width: 960px) {

.btn.demi a {
width: 100%;
}

  .avecBandeauCarrousel .strate.bandeau .contenu-bootstrap {
    width: 100%;
    height: 300px;
    overflow: hidden;
  }
  .avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic .csc-textpic-imagewrap IMG {
    width: auto;
    height: 300px;  
  }
  .avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic .csc-textpic-imagewrap IMG {
    width: auto;
    height: 300px;
    max-width:none;
  }
  .avecBandeauCarrouselZZZ .strate.bandeau .contenantGalerie .csc-textpic.csc-textpic-right .csc-textpic-imagewrap IMG {
    right: 0;
    left: auto;
    max-width:none;
  }
  .avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic.csc-textpic-left .csc-textpic-imagewrap IMG {
    right: auto;
    left: 0;
    max-width:none;
  }
  .avecBandeauCarrousel .strate.bandeau .contenantGalerie .csc-textpic.csc-textpic-center .csc-textpic-imagewrap IMG {
    right: auto;
    left: calc(50% - 800px);/*image de 1600px de largeur*/
    max-width:none;
  }
  .galerieBandeau .contenantPuces {
    bottom: 20px;
    top: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 100% !important;
    z-index: 1000;
  }
  .galerieBandeau .slick-dots {
    text-align: right;
    width: auto;
    margin: 0;
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
  .avecBandeauCarrousel .strate.bandeau .csc-textpic-caption {
    bottom: 36px;
    width: 100%;
  }
  .avecBandeauCarrousel .strate.bandeau .csc-textpic-text {
    width: 100%;
    position: absolute;
    bottom: 67px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1000;
  }
}

/* surpied de page */
@font-face {
  font-family: 'NousJoindre-icones';
  src:url('/fileadmin/ulaval_ca/gabarit/UL/fonts/NousJoindre-icones/fonts/NousJoindre-icones.eot?-u4xdfx');
  src:url('/fileadmin/ulaval_ca/gabarit/UL/fonts/NousJoindre-icones/fonts/NousJoindre-icones.eot?#iefix-u4xdfx') format('embedded-opentype'),
    url('/fileadmin/ulaval_ca/gabarit/UL/fonts/NousJoindre-icones/fonts/NousJoindre-icones.woff?-u4xdfx') format('woff'),
    url('/fileadmin/ulaval_ca/gabarit/UL/fonts/NousJoindre-icones/fonts/NousJoindre-icones.ttf?-u4xdfx') format('truetype'),
    url('/fileadmin/ulaval_ca/gabarit/UL/fonts/NousJoindre-icones/fonts/NousJoindre-icones.svg?-u4xdfx#NousJoindre-icones') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Nous joindre*/
.strate-footer-nousjoindre .titre p {
    font-size: 20px;
    font-weight: 300;
    border-bottom: 1px solid #d2d0d0;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
}
.strate-footer-nousjoindre .strate {
padding-top: 0px;  
padding-bottom: 30px;  
}
.strate-footer-nousjoindre .btn p {
margin: 0px;
}
.strate-footer-nousjoindre .nousjoindre {
margin-bottom:15px;
position: relative; 
width: 100%;
}
.strate-footer-nousjoindre .nousjoindre.btn {
margin-top: 15px;
margin-bottom: 0px;  
}
.strate-footer-nousjoindre .nousjoindre p,
.strate-footer-nousjoindre .btn p {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.strate-footer-nousjoindre .nousjoindre.horaire p {
    padding-left: 70px;
}
.strate-footer-nousjoindre .nousjoindre.btn a {
font-size: 16px;  
}
.strate-footer-nousjoindre .nousjoindre.adresse p,
.strate-footer-nousjoindre .nousjoindre.courriel p{
padding-left: 70px;
}
.strate-footer-nousjoindre .nousjoindre.adresse,<
.strate-footer-nousjoindre .nousjoindre.courriel{
margin-bottom:30px;
}
.strate-footer-nousjoindre .nousjoindre.telephone .csc-default,
.strate-footer-nousjoindre .nousjoindre.telephone2 .csc-default,
.strate-footer-nousjoindre .btn .csc-default {
display: table; 
width: 100%; 
}
.strate-footer-nousjoindre .nousjoindre.telephone {
margin-bottom: 15px;
min-height: 40px;
}
.strate-footer-nousjoindre .nousjoindre.telephone p {
padding: 0px 7px 0px 70px;
}
.strate-footer-nousjoindre .nousjoindre.telephone2 p {
padding: 10px 7px 0px 70px;
}
.strate-footer-nousjoindre .nousjoindre.telephone i,
.strate-footer-nousjoindre .nousjoindre.telephone em,
.strate-footer-nousjoindre .nousjoindre.telephone2 i,
.strate-footer-nousjoindre .nousjoindre.telephone2 em{
font-style: normal;
color: #009dd9;
}
.strate-footer-nousjoindre .nousjoindre.telephone::before,
.strate-footer-nousjoindre .nousjoindre.adresse::before,
.strate-footer-nousjoindre .nousjoindre.courriel::before{
color: #666666;
content:'\61';
font-family: 'NousJoindre-icones';
speak: none;
font-size: 40px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 15px;
top: 0;/*calc(50% - 19px);*/
}
.strate-footer-nousjoindre .nousjoindre.telephone::before {
content:'\62'; 
left: 15px;
}
.strate-footer-nousjoindre .nousjoindre.courriel::before {
content:'\63';
font-size: 30px;
left: 21px;
top: 0;/*calc(50% - 14px);*/
}
.strate-footer-nousjoindre .nousjoindre.adresse::before {
content:'\61';
font-size: 40px;
left: 10px;
top: 0;/*calc(50% - 14px);*/
}
.strate-footer-nousjoindre .separateur {
display: table; 
}
.strate-footer-nousjoindre .separateur>.csc-default {
display: table-cell;
vertical-align: initial;
}
.strate-footer-nousjoindre .separateur>.csc-default::after { 
border: none;
}
.strate-footer-nousjoindre .btn a:hover {
    background-color: #870403;
}

@media (min-width: 768px) {

.strate-footer-nousjoindre .nousjoindre.horaire p {
    padding-left: 70px;
}
  .strate-footer-nousjoindre .nousjoindre.adresse,
  .strate-footer-nousjoindre .nousjoindre.courriel{
  margin-bottom: 0px;
  }
  .strate-footer-nousjoindre .nousjoindre.telephone::before { 
  left: 0px;
  }
  .strate-footer-nousjoindre .nousjoindre.courriel::before{ 
    left: 5px;
  }

}

@media (min-width: 960px) {

.strate-footer-nousjoindre .separateur>.csc-default {
vertical-align: middle;
}
.strate-footer-nousjoindre .nousjoindre {
margin-bottom: 0px;  
}
.strate-footer-nousjoindre .nousjoindre.adresse p {
padding-left: 70px;
}
.strate-footer-nousjoindre .nousjoindre.courriel p{
padding-left: 60px;
}
.strate-footer-nousjoindre .nousjoindre.btn {
margin-top: 0px;
}

}
@media (min-width: 1024px) {
  .strate-footer-nousjoindre .separateur>.csc-default::after {
border-left: 1px solid #d2d0d0;
content:''; 
display: block;
height: 100%;
position: absolute;
right: 15px;
top: 0px;
width: 1px;
}
.strate-footer-nousjoindre .separateur>.csc-default>.blocContenu{
  min-height: 112px;
}
.strate-footer-nousjoindre .separateur>.csc-default::after{
  min-height: 112px;
}
.strate-footer-nousjoindre .separateur:last-of-type p:first-of-type {
margin-top: 0; 
}
.strate-footer-nousjoindre .separateur:last-of-type p:last-of-type {
margin-bottom: 0; 
}
.strate-footer-nousjoindre .separateur:last-of-type>.csc-default::after {
border: none; 
}
}

@media (min-width: 1200px) {
  .strate-footer-nousjoindre .nousjoindre.telephone2 p {
  padding: 0px 7px 0px 0px;
  }
}
.strate.navigationSec {
    display: none;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: none;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
margin-left: 0;
}
.side-linesZZ h1 strong:before, .side-linesZZ h2 strong:before,
.side-linesZZ h1 strong:after, .side-linesZZ h2 strong:after {
  display: none;
}
.maincontent, .accueil .maincontent {
    padding-bottom: 0!important;
}
.surpiedPage {
    bottom: auto!important;
    left: auto!important;
    position: relative!important;
}

.QRnew .titre [class^="icon-"], .QRnew .titre [class*=" icon-"], .QRnew .titre [class^="icon-"]:hover, .QRnew .titre [class*=" icon-"]:hover {
font-family: iconesUL;/*ULicons;  */
}

/*-------------------------------*/

/* Calendrier des événements */
.eventcontainer {
    float: none;
    width: 100%;
}

/* Onglets */
.ongletsUL {
background-color: transparent;
position: relative;
}
.ongletsUL ul.ongletsNav.ui-widget-header {
float: none;
list-style: none;
padding: 0;
margin: 20px 0 0 0;
overflow: hidden;
}
.ongletsUL ul.ongletsNav.ui-tabs-nav {
margin: 20px 0 0 0;
}
.ongletsUL ul.ongletsNav li {
float: none;
position:relative;
margin: 0 0 5px 0!important;
padding: 0;
width: 100%;
list-style-image: none !important;
border-left: none;
border-bottom: none;
background-image: none;
}
.ongletsUL ul.ongletsNav .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding: 0;
float: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: none;
}
.ongletsUL ul.ongletsNav li a {
background-color: #eae4de !important;
border: 1px solid #eae4de !important;
border-top: 4px solid #eae4de !important;
color: #666666;
display: block;
float: none;
font-weight: 400;
font-size: 15px;
line-height: 43px;
margin: 0;
padding: 0 !important;
outline:none;
position: relative;
text-align: center;
text-transform: none;
text-decoration: none;
vertical-align: middle;
}
.ongletsUL ul.ongletsNav li a.current,
.ongletsUL ul.ongletsNav li a.current:hover,
.ongletsUL ul.ongletsNav li a:hover,
.ongletsUL ul.ongletsNav li a:focus,
.ongletsUL ul.ongletsNav .ui-tabs-active a {
background-color: #ffffff !important;
border: 1px solid #e6e5e1 !important;
border-top: 4px solid #ffc103 !important;
border-bottom: 1px solid #ffffff !important;
color: #323232;
}
ul.ongletsNav li a.current span.tick,
ul.ongletsNav .ui-tabs-active a span.tick {
display: none;
}
.ongletsUL ul.ongletsNav li a .span{
display: block !important;
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 0;
}
.ongletsUL .contenu {
width: auto;
}
.ongletsUL .contenu-wrap {
background-color: #fff;
border-top: 1px solid #ebe4de;
padding: 0;
margin: 0 0 15px 0;
z-index:-10;
}
.ongletsUL .contenu-wrap h3 {
display: none;
}
.ongletsUL.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0;
}
.ongletsUL .ui-widget-content {
background-color: transparent !important;
border: none;
color: #666666;/* bloquer celle par défaut de JQuery css */
}
.ongletsUL .ui-widget-header {
background-color: transparent;
}
.ongletsUL.ui-tabs .ui-tabs-panel {
padding: 0 !important;
}
.ongletsUL .ui-state-default,
.ongletsUL .ui-widget-content .ui-state-default,
.ongletsUL .ui-widget-header .ui-state-default {
border: 0;
}
.ongletsUL .ui-state-active,
.ongletsUL .ui-tabs-active,
.ongletsUL .ui-tabs-default {
border: 0 !important;
}
.ongletsUL .ui-state-hover,
.ongletsUL .ui-widget-content .ui-state-hover,
.ongletsUL .ui-widget-content .ui-state-focus {
border: none;
}
.ongletsUL .ui-state-default a,
.ongletsUL .ui-state-default a:link,
.ongletsUL .ui-state-default a:visited {
background-color: transparent;
border: none;
width: 100%;
}
.ongletsUL .ui-state-active a {
background-color: transparent;
}
.ongletsUL .ui-state-active a.current,
.ongletsUL .ui-state-active a.current:hover,
.ongletsUL .ui-state-active a:hover,
.ongletsUL .ui-state-active a:focus {
background-color: #292828 !important;
color: #fff;
}

.normes-ul-nav-mobile-wrapper>.nav-mobile.dropdown-is-active>ul {
   background-color: rgba(0,0,0,0.6);
  -webkit-transition: background-color 0.2s 0s;
  -moz-transition: background-color 0.2s 0s;
  transition: background-color 0.2s 0s;
  -webkit-transition-delay: 0.5s; /* Safari */
  transition-delay: 0.5s;
}


/*Accordeons simples*/
  .pur.QRnew {
    border-bottom: 1px solid #c4c1be;
    margin: 0px 0px 10px 0px;
    width: 100%;
}

.pur.QRnew .titre {
    color: #000;
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding-left: 20px;
}

.pur.QRnew .titre > span {
    line-height: normal;
    display: block;
    font-weight: 400;
    padding: 10px 12px;
}

.pur.QRnew .titre .moreless {
    background-color: transparent;
    right: auto;
    left: 0px;
    width: 26px;
}
.pur.QRnew .titre .moreless {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 43px;
    height: 100%;
    /*background-color: rgba(50,50,50,0.6);*/
}

.pur.QRnew.selected .titre {
    background-color: #db0905;
    color: #ffffff;
    /* border: 1px solid #db0905; */
}
.pur.QRnew .titre .moreless .icon-plus {
    font-size: 18px;
    width: 26px;
    color: #333333;
}
.pur.QRnew.selected .titre .moreless .icon-plus {
    color: #ffffff;
}
.pur.QRnew .contenu {
border-bottom: none;
}

.ongletsUL div.csc-textpic {
width: 100%;
}

/* copyright */
.normes-ul-pied-page .copyright a {
  color: #ffffff;
  font-weight: 300;
}
.normes-ul-pied-page .copyright a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .ongletsUL ul.ongletsNav.ui-widget-header {
    float: left;
    margin: 20px 0 -1px 0;
  }
  .ongletsUL ul.ongletsNav.ui-tabs-nav {
    margin: 20px 0 -2px 0;
  }
  .ongletsUL ul.ongletsNav li {
    float: left;
    margin: 0 0 1px 5px !important;
    width: auto;
  }
  .ongletsUL ul.ongletsNav li.first {
    margin-left: 0 !important;
  }
  .ongletsUL ul.ongletsNav li.last {
    margin-right: 5px !important;
  }
  .ongletsUL ul.ongletsNav .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
  }
  div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
  }
  div.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
  }
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
  }
  .side-lines h1 strong:before, .side-lines h2 strong:before,
  .side-lines h1 strong:after, .side-lines h2 strong:after {
    display: block;
  }
  .ongletsUL .contenu-wrap {
    padding: 20px 20px 20px 0;
  } 
}
@media only screen and (min-width: 992px) { 
  .strate.navigationSec {
    /*display: block;*//* ET - 04-07-2017*/
  }
  .eventcontainer {
    float: left;
    width: 48%;
  } 
}
@media only screen and (max-width: 992px) {
  .strate.bandeau {
  margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .normes-ul-pied-page .copyright a {
    display: block;
  }
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: none;
  } 
  div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 0;
    margin-bottom: 15px !important;
  }
  DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 15px !important;
  }
  .contenantGalerie DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0 !important;
  }
  .csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 0 !important;
  }
}
/**************Tableaux mobiles***************/
.maincontent .strate table {
  border: none;
  max-width: 100%;
  overflow-x: auto;
}
.maincontent .strate th,
.maincontent .strate td {
  border: none;
  padding: 5px 20px;
}

.maincontent .strate .cours th,
.maincontent .strate .cours td {
  border: none;
  padding: 0;
}

.maincontent .strate th {
  font: bold 16px Source Sans Pro;
  border-bottom: 1px solid 
}
.maincontent .strate table th {
  border-bottom: 1px solid #585858;
}
.maincontent .strate table tbody tr:nth-child(odd) {
  background: rgba(122,122,122,0.1); 
}
.maincontent .strate .gsc-control-cse table tbody tr:nth-child(odd) {
  background: none; 
}

.maincontent .strate table.cours tr:nth-child(odd) {
  background: rgba(122,122,122,0.1); 
}
.maincontent .strate table.scroll-left:before {
  background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center;
  background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 10px 100%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 10px;
}
.maincontent .strate table.scroll-right:after {
  background: -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
  background: radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 10px 100%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right:  0;
  top:  0;
  width: 10px;
  z-index: 999;
}
/* --- */
.maincontent .table-not-responsive .strate table.scroll-left:before {
  display: none;
}
.maincontent .table-not-responsive .strate table.scroll-right:after {
  display: none;
}
/**/
.maincontent .strate tbody {
  border: none;
}
/* sous tableau */
.maincontent .strate table table th,
.maincontent .strate table table td {
  border: none;
  padding: 0px;
}
@media (max-width: 768px) {
  .maincontent .strate table {
    display: inline-block;
  }
  .maincontent .strate table[style*="width:100%"] {
    width: auto !important;
  }
  .maincontent .strate .table-wrapper {
    position: relative;
  }
}
.strateEspaceFE {
background-color: #E6E6E6;
background-image: url(/fileadmin/futurs_etudiants/images/espace-fe/PhotosBesoindinfoEtude.jpg);
background-position-x: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 60px;
padding: 0px;
}
.strateEspaceFE .strate {
background-color: rgba(230, 230, 230,0.25);  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,ff0000+50,000000+51,000000+100 */
background: #E6E6E6; /* Old browsers */
background: -moz-linear-gradient(left, rgba(230, 230, 230,0.25) 0%, rgba(230, 230, 230,0.25) 50%, transparent 50%, transparent 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(230, 230, 230,0.25) 0%,rgba(230, 230, 230,0.25) 50%,transparent 50%,transparent 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(230, 230, 230,0.25) 0%,rgba(230, 230, 230,0.25) 50%,transparent 50%,transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(230, 230, 230,0.25)', endColorstr='transparent',GradientType=1 ); /* IE6-9 */
min-height: 500px;
padding: 0px;
}
.strateEspaceFE .row > .col-xs-12:last-of-type {
background-color: #E6E6E6;
}
.strateEspaceFE.FE .row > .col-xs-12:last-of-type {
background-color: #CDF0E7;
}
.strateEspaceFE .row .col-xs-12:last-of-type .blocContenu {
padding: 0px 0px 20px 35px;
}
.strateEspaceFE .row .col-xs-12:last-of-type .row .blocContenu {
padding-left: 0px;
}
.strateEspaceFE .titre {
margin: 30px 0 20px 0;
}
.strateEspaceFE .titre h2 {
font-size: 20px;
font-weight: 600;
margin: 15px 0 5px 0;
padding: 0;
text-align: left;
}
.strateEspaceFE .titre h2:before {
color: #E30513;
content: "a";
display: none;
font-family: 'iconesUL';
font-size: 60px;
font-weight: 600;
margin: 0px 0px 5px -15px;
left: 0;
speak: none;
text-transform: lowercase;   
}
.strateEspaceFE .titre p {
font-size: 16px;
line-height: normal;
margin: 0;
padding: 0 0 30px 0;
}
.strateEspaceFE .titre:after {
background-color: #E30513;
content:'';
display: block;
height: 5px;
position: relative;
width: 50px;
}
.strateEspaceFE .adresse p {
font-size: 15px;
line-height: 18px;
}
.strateEspaceFE .facebook a {
color: #E30513;
display: block;
float: left;
font-family: 'iconesUL';
font-size: 50px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 50px;
margin-left: -5px;
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.strateEspaceFE .facebook a:hover {
text-decoration: underline;
}
.strateEspaceFE .facebook a:hover {
text-decoration: none;
}
.strateEspaceFE .facebook a::before {
content: "\6a";
}
.strateEspaceFE .facebook a i {
display: none;
}
.strateEspaceFE .btn a {
    font-size: 15px;
}
@media screen and (max-width: 767px) {
  .strateEspaceFE {
    background-image: none;
  }
  .strateEspaceFE .strate {
    background-color: transparent;
  }
  .strateEspaceFE .row .col-xs-12:last-of-type .blocContenu {
    padding: 20px 0px 20px 0px;
  }
}
.maincontent h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    margin: 0px 0px 30px 0px;
    padding: 0;
}

.bandeau .contenu {
  height: auto;
  padding: 30px 0px;
  overflow: hidden;
}
.strate.bandeau .contenu .contenuFond {
  display: none;
}

/* LIENS ENTETE */
.link_boutons_rouges_strate {
  position: relative;
  margin: 0px;
  padding: 67px 0px 0px 0px;
  width: 100%;
}
.link_boutons_rouges_strate ul {
  display: block;
  padding: 0px;
  padding-top: 0px;
  margin: 0px 0px 0px 0px;
  list-style-type: none !important;
  list-style-image: none !important;
}
.link_boutons_rouges_strate .boutonActionVif {
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
.link_boutons_rouges_strate .boutonActionVif a, .link_boutons_rouges_strate .boutonActionVif a:hover {
  height: 53px;/* conserver? */
  display: table;
  width: 100%;
  padding: 0px;
}
.link_boutons_rouges_strate .boutonActionVif a span {
  display: table-cell;
  vertical-align: middle;
  text-align: center; 
  margin: 0px 20px;
}

/* Blocs pour l'entete de page accueil */
.env-f.contenantGalerie {
  margin-bottom: 0px;
}

/* YouTube */
.yt_single {
  padding: 0.1px 0px 5px 0px;
  margin: 0px;
  position: relative;
}

.yt_single .yt_logoYouTube,
.yt_infos {
  display:  none;
}
.yt_single .yt_entete a {
  position: absolute;
  display: none;/*block;*/
  top: 0px;
  left: 0px;
  background: none;
  width: 209px;
  height: 25px;
}

.yt_single .yt_image {
  position: relative;
  width: 100%;
  height: 130px;
  overflow: hidden;
  border: none;
  background-color: #1a1a1a;
  overflow: hidden;
  text-align: center
}
.yt_single .yt_image img {
  margin: 0px;
  height: 100%;
  width: 100%;
}
.yt_single .yt_image .btn_jouer a {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent url('../../fileadmin/ulaval_ca/gabarit/UL/images/video_play_blanc.png') 50% 50% no-repeat;
  outline: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.yt_single .yt_image .btn_jouer span {
  display: none;
}
.yt_zonetexte {
    background: none;
    position: relative;
}
.yt_zonetexte .yt_titre a,
.yt_zonetexte .yt_titre a:hover {
    color: #8b8271;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;/*14px;*/
}

/* Galerie*/
#ariane {
  display: none;
}
.maincontent h1 {
  font-weight: 300;
  margin-bottom: 30px;
}

  .strateNouvelles .strate{
    background-color:#cccaca;
    padding: 24px 0;
  }

  .strateNouvelles.v2 .strate{
    background-color:#fff;
    padding: 40px 0;
  }

  .strateEnVedette .strate{
    padding-top: 24px;
    background-color:#cccaca;
  }
  .strateEnVedette.v2 .strate{
    padding-top: 40px;
    background-color:#fff;
  }
  .strateEnVedette .strate img{
    width:100%;
  }
  
  .colGenColonne{
    margin: 0;
  }

  .boiteBlanche{
    background-color: white;
    min-height:500px;
  }

  .home_listing{
    margin:0;    
    position: relative;
  }
  
  .strateNouvelles .colGenColonne33 {
    padding-left: 24px;
    background-color: transparent;
  }
  
  .maincontent .colGenColonne33 .home_listing_contenu {
    position:absolute;
    top:0px;
  }
  
  .tx-stsimpleajaxcal-pi1 h2{
    display:none;
  }
  
.colGenColonne:last-child {
  float: right;
}
.colGenColonne10 {
width: 10%;
}
.colGenColonne20 {
  width: 20%;
}
.colGenColonne25 {
width: 25%;
}
.colGenColonne30 {
width: 30%;
}
.colGenColonne33 {
width: 33%;
}
.colGenColonne40 {
width: 40%;
}
.colGenColonne50 {
width: 50%;
}
.colGenColonne66 {
width: 67%;
}
.colGenColonne70 {
width: 70%;
}
.colGenColonne75 {
width: 75%;
}
.colGenColonne80 {
width: 80%;
}
.colGenColonne90 {
width: 90%;
}
  .strate.footer{  
    padding-top: 52px;
  }
  
  .env-f.contenantGalerie {
    width: 95%;/*524px;*/
    margin: 0px auto;
  }
  .contenantGalerie .contenantPuces {
    margin: -25px auto;
  }
  .contenantGalerie .slick-dots li.slick-active button::before {
    color: #e5150e;
  }

  .link_boutons_rouges_strate {
    padding: 2px 0px 0px 0px; 
   }

  .zone1_c .date_jour{    
    min-height: 90px;
  }
  .zone1_c .date .jour {
    display: block;
    font-family: 'Source Sans Pro', Arial,Helvetica,Verdana,sans-serif;
    line-height: 39px;
    font-size: 24px;
  }
  .zone1_c .date .mois {
    display: block;
    padding-left:3px;
    line-height: 12px;
    font-size: 14px;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-weight: normal;
  }
  .maincontent .zone1_c .date a {
    text-decoration: none !important;
    color: #fff;
    text-align: center;
    outline: 0;
  }
  
  .zone1_c .co-n1{
      background-color:rgba(0,0,0,0.5);
  }
  
  .maincontent .zone1_c .date {
    float: left;
    background-color: #cf0505;
    width: 46px;
    height: 60px;
    overflow: hidden;
    text-decoration: none;
}

  
  .maincontent .home_listing_contenu{
    background-color:white;
  }
  .maincontent .home_listing_contenu li {
    padding: 0px 10px 0px 55px;
  }

.strateNouvelles .ulavalactualite_img {
    position: relative;
    padding-top: 0.01px;
    border-top: none;
    width: 50%;
    display: block;
    margin: 8px 0px 0px 0px;
    float: left;
    min-height: 145px;
    overflow: hidden;
}
.strateNouvelles .ulavalactualite_img div.box_photo,
.strateNouvelles .ulavalactualite_img div.boxleftvideo {
    width: 80px;
}
.strateNouvelles .ulavalactualite_img div.box_texte {
    width: 200px;
    padding-left: 10px;
  float:left;
}

.strateNouvelles  .ulavalactualite_img div.box_photo,
.strateNouvelles  .ulavalactualite_img div.boxleftvideo {
padding : 0;
} 

  .sectionLienVers a:first-child{
    line-height: 30px;
    margin: 0;
    padding:0;
    }
    
  .sectionLienVers a{
     color: #000000;
    background-color: #b7b7b7;
    padding: 0;
    display: block;
    margin: 0 5px;
    line-height: 30px;
    text-align: center;
    min-height: 33px;  
    }

    .sectionLienVers.v2 a{     
    background-color: #fff;
    border: 1px solid #999;
    width: 100%;
    box-sizing:border-box;
    }

    
    .sectionLienVers a:hover, .sectionLienVers .colGenColonne33 a:hover{
      background-color: #aaaaaa;
      text-decoration:none;
    }
    .sectionLienVers.v2 a:hover, .sectionLienVers.v2 .colGenColonne33 a:hover{
      background-color: #cccaca;
      text-decoration:none;
    }
    
    .sectionLienVers .colGenColonne33 a{
      color: #000000;
      background-color: #b7b7b7;
      padding: 0;
      margin: 0;
      display: block;
      line-height: 30px;
      width:100%;
      float: left;
      text-align: center;
      height: 33px;  
    }
    .sectionLienVers.v2 .colGenColonne33 a{
    background-color: #fff;
    }
    
    
   .sectionLienVers a:last-child{
    margin:0;
   }

  .sectionLienVers p{
  padding:0;
    margin: 5px 0 0 0;
  }  
 
  .strateNouvelles .ulavalactualite_img .texte span,
  .strateNouvelles .ulavalactualite_noimg .texte span,
  .btn_all{
      display:none
  }

  .ful .blocContenu {
    padding-left: 12px;

  }

  .donFUL .bloc-mozaique .texte>p:first-child{
    border-left:none;
    line-height: 24px;
    padding:0px;
    text-align: center;
    vertical-align: middle;
    font-weight:400;
    display: table-cell;
  }  
  .donFUL .bloc-mozaique .texte p::after {
    content: "+";
    color: #ffc103;
    padding-left: 5px;
    font-weight:600;
  }

  .donFUL .bloc-mozaique .texte {
    align-items: center;
    background-color: transparent;
    display: flex; 
    justify-content: center; 
    height: 100%;
  }
  .maincontent .csc-textpic{
    margin-top:0;
  }  

  .maincontent .home_listing_contenu{
    padding-top:25px!important;
  }
.vignettes .strate {
  padding: 20px 0px;
  background: #808285;
}

.strateNouvelles .ulavalactualite_img .titre,
.strateNouvelles .ulavalactualite_img .titre a,
.strateNouvelles .ulavalactualite_img .titre a:hover{
  font-weight:400;
}

.strateNouvelles .ulavalactualite_img .texte a,
.strateNouvelles .ulavalactualite_img .texte a:hover {
    color: #41372c;
    font-size: 14px;
    text-decoration: none;
}
.link_boutons_rouges_strate .boutonActionVif{
  margin: 0px 0px 11px 0px;
}
.link_boutons_rouges_strate .boutonActionVif:last-child{
margin: 0px 0px 0px 0px;
}

.link_boutons_rouges_strate ul{
margin:0px;
}

.link_boutons_rouges_strate {
    padding: 0px;
}
.link_boutons_rouges_strate .boutonActionVif a, .link_boutons_rouges_strate .boutonActionVif a:hover{
  height:57px;
}

.strateNotreUniversite  .ligneInfoSup .blocContenu{
  border: 2px solid #727272;
}


.strateNotreUniversite .contenu{
    padding: 12px 0;
}

.env-f.contenantGalerie .slick-dots li button::before{
  color: #cccaca;
}

  .strateCarrouselAccueil .strate {
    padding: 0px;
  }
  .strateCarrouselAccueil .colBoutons,
  .strateCarrouselAccueil .colCarrousel{
    margin-top: 30px;
  }
  
  .arianeHere .col-xs-12 #ariane {
    display: none;
  }  
  .env-f.contenantGalerie {
    width: 100%;  
    margin: 0;
    padding: 0;
  } 
  .env-f.contenantGalerie .contenantPuces {
    bottom: 0;
    left: auto;
    right: 0px;
    width: auto;
  }
  .link_boutons_rouges_strate ul {
    margin: 0px 0px 0px 0px;
  }
  
  .link_boutons_rouges_strate ul li {
    margin: 15px 15px 0px 0px;
  }
  .link_boutons_rouges_strate ul li:first-child {
    margin: 0px 0px 10px 0px;
  }
  
  .link_boutons_rouges_strate .boutonActionVif{
    margin: 0px 0px 11px 0px;
  }
  .link_boutons_rouges_strate .boutonActionVif a, .link_boutons_rouges_strate .boutonActionVif a:hover {
    height: 67px;
    font-size: 16px;
    line-height: 18px;
  }
  .strateCarrouselAccueil .strate{
    background-color: #ddd;
  }

  .strateNouvelles .image-a-la-une  .ulavalactualite_img div.box_texte,
  .strateNouvelles .en-manchette  .ulavalactualite_img div.box_photo,
  .strateNouvelles .image-a-la-une  .ulavalactualite_noimg div.box_texte,
  .strateNouvelles .en-manchette  .ulavalactualite_noimg div.box_photo {
    width:100%;
  }
  .strateNouvelles .en-manchette .ulavalactualite_img .box_photo,
  .strateNouvelles .en-manchette .ulavalactualite_noimg .box_photo {
    display: none;
  }
   .strateNouvelles .image-a-la-une .ulavalactualite_img div.box_texte .titre a,
   .strateNouvelles .image-a-la-une .ulavalactualite_noimg div.box_texte .titre a {    
    font-size: 22px;
    line-height: 22px;
    display: block;
    font-weight: 300;
    color: #777;
  }    
  .strateNouvelles .image-a-la-une .ulavalactualite_img,
  .strateNouvelles .image-a-la-une .ulavalactualite_img div.box_photo,
  .strateNouvelles .en-manchette .ulavalactualite_img,
  .strateNouvelles .en-manchette .ulavalactualite_img div.box_texte,
  .strateNouvelles .image-a-la-une .ulavalactualite_noimg,
  .strateNouvelles .image-a-la-une .ulavalactualite_noimg div.box_photo,
  .strateNouvelles .en-manchette .ulavalactualite_noimg,
  .strateNouvelles .en-manchette .ulavalactualite_noimg div.box_texte {
    width: 100%;
  }  
  .strateNouvelles .ulavalactualite_img, 
  .strateNouvelles .ulavalactualite_noimg,
  .strateNouvelles .boiteBlanche{
    min-height:0px;
  }  
  .strateNouvelles .en-manchette .tx-ulavalactualite-pi1{    
    border-top: 1px #ddd solid;
    margin-top: 10px;
  }  
  .strateNouvelles .en-manchette .ulavalactualite_img:first-child,
  .strateNouvelles .en-manchette .ulavalactualite_noimg:first-child {
    border-top: none;
  }
  .strateNouvelles .en-manchette .ulavalactualite_img,
  .strateNouvelles .en-manchette .ulavalactualite_noimg {
    border-top: 1px #777 solid;    
    padding: 15px 0 20px 0;
    margin: 0;
  }  
  .strateNouvelles .en-manchette .ulavalactualite_img:first-child div.box_texte .texte {
    display:block;
  }
  .strateNouvelles .image-a-la-une .ulavalactualite_img div.box_texte {
    margin: 10px 0 20px 0;    
    padding: 10px 10px 15px 10px;
  }
  .strateNouvelles .image-a-la-une .ulavalactualite_img div.box_photo img {
    border:none;  
  }    
  .strateNouvelles .en-manchette .ulavalactualite_img div.box_texte .titre a{
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    display: block;
    color: #777;
  }  
  .maincontent .strateNouvelles .home_listing_contenu{
    padding-top: 0!important;
  }  
  .strateNouvelles.v2 .strate {
    background-color: #fff;
    padding: 40px 0 0px 0;
  }
  .sectionLienVers.v2 .strate{
    margin: 0px 0 30px 0;
  }
  .sectionLienVers.v2 .col-xs-4 a{
    width:100%
  }  
  .strateNouvelles .ulavalactualite_img .texte a, 
  .strateNouvelles .ulavalactualite_img .texte a:hover, 
  .strateNouvelles .ulavalactualite_noimg .texte a, 
  .strateNouvelles .ulavalactualite_noimg .texte a:hover {
    color: #41372c;
    line-height: 18px;
    display: block;
    font-size: 14px;
    text-decoration: none; 
  } 
  
  .old-version .tx-ulavalactualite-pi1 {
    height: 395px;    
  }
  .old-version .ulavalactualite_img,
  .old-version .ulavalactualite_noimg,
  .old-version .boiteBlanche {
    height: 100px;
  }

.strateNotreUniversite .strate{
  background-image: url(/fileadmin/ulaval_ca/gabarit/UL/images/ImageStrateUniversite.jpg);
  background-size: cover;
}

/*Band-aid cacher les evenements 5 et suivants*/
.zone1_c .date_jour:nth-child(1n+9)
{
    display: none;
}

.strateEnVedette .row.paddingTop {
  padding-top:21px;
}

  .strateNotreUniversite .strate .separateur .blocContenu {
    border-bottom: 1px #999 solid;
    margin-top: 45px;
  }
  
    .strateNotreUniversite .strate {
    background-size: cover;
    padding-bottom: 65px;
    padding-top: 25px;
}
  .strateNotreUniversite .texte-promo {
    align-items: center;
    background-color: rgba(255,255,255,0.4);
    display: flex;
    min-height: 332px;
    padding: 0px 15px; 
  }
  .strateNotreUniversite .texte-promo h2{
    font-size: 28px;
    font-weight: 300;
  }
  
  .strateNotreUniversite .side-lines h2{
    margin-top: 20px;
  }
    .strateNotreUniversite .bloc-bouton .blocContenu{
    margin-top: 30px;
  }
  .strateNotreUniversite .bloc-bouton .blocContenu p{
    margin: 0;
    padding: 0;
  }
  
  .strateNotreUniversite .bloc-bouton .blocContenu{
    background-color: #cf0505;
    text-align: center;
    color: #fff;
  }
  .strateNotreUniversite .bloc-bouton .blocContenu a{
    display: block;
    color: #fff;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
  }
  
  .strateNotreUniversite .bloc-bouton .blocContenu a:hover{
    background-color: #870403;
    text-decoration : none;
  }
  
  .strateNotreUniversite .bloc-liens .blocContenu {
    min-height: 269px;
}
  .strateNotreUniversite .bloc-statistiques strong {
    display: block;
    text-align: center;
    position: relative;
    font-size: 68px;
    color: #E30513;
    margin-top: 55px;
    margin-bottom: 40px;
    font-weight: 300;
}
  .strateNotreUniversite .bloc-statistiques strong::after {
    content: "";
    display: block;
    border-top: solid 1px #999;
    width: 40%;
    left: 30%;
    margin: -30px 0;
    height: 1px;
    position: absolute;
    bottom: 0%;
    z-index: 1;
}
  .strateNotreUniversite .bloc-statistiques a, .strateNotreUniversite .bloc-statistiques a:visited {
    color: rgb(102,102,102);
    text-decoration: none;
  }
  .strateNotreUniversite .bloc-statistiques p {
    line-height: 22px;
    font-size:18px;
    font-weight: 400;
  }
  
  .strateNotreUniversite .bloc-statistiques .blocContenu{
    background-color: rgba(255,255,255,0.4);
    border: 1px solid #999;
    text-align: center;
    line-height: normal;
    min-height: 215px;
    font-size: 18pt;
    font-weight: 300;
    text-transform: uppercase;
  }
  
  .strateNotreUniversite .bloc-statistiques .blocContenu:hover {
    background-color: rgba(255,255,255,0.1);
    cursor: pointer;
    text-decoration: none;
  }
  
  #env-f .env-f-item img.img-responsive{
    width: auto;
    height: 300px;
    max-width: inherit;
  }
  
  .strateMediasSociaux .ulavaltv h2 {
    font-size: 24px;
    color: #333!important;
    margin: 10px 0px 20px 0px;
  }  
  .strateMediasSociaux .ulavaltv h2 a{
    color: #333!important;
  }  
  .strateMediasSociaux .tx-facebookul-pi1 .facebook_element:first-child {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
  }
  .strateNotreUniversite .ligneInfoEtude .blocContenu:hover {
    background-color: rgba(255,255,255,0.4);
    cursor: pointer;
    text-decoration: none;
  }  
  .strateNotreUniversite  .listeLiens .blocContenu{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right:none;
  }  
  .strateNotreUniversite  .droite.listeLiens .blocContenu ul li:first-child {
    border-top: none;
  }
  .strateNotreUniversite  .droite.listeLiens .blocContenu ul li:last-child {
    border-bottom: none;
  }
  .strateNotreUniversite  .droite.listeLiens .blocContenu ul li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 0 10px;
    background: none;
    text-align: left;
    text-transform: none;
    height: 84px;
    margin: 0;
  }
  .strateNotreUniversite .droite.listeLiens .blocContenu ul li a {
    font-size: 16px;
  }
  .strateNotreUniversite .droite.listeLiens .blocContenu ul{
    list-style-type: none;
    margin: 0;
  }
  .strateMediasSociaux .yt_single .yt_image{
    height: auto;
  } 
  .strateMediasSociaux .yt_titre{
    margin: 5px 0;
    height: 48px;
    padding-top: 13px;
  } 
  .strateMediasSociaux .yt_zonetexte .yt_titre a{
    color: #41372c;
    font-size: 16px;
    font-weight: 400;
    padding: 0 10px;
    margin-top:10px;
    line-height: normal;
  }  
  .strateMediasSociaux .tx-facebookul-pi1{
    margin-top: 10px;
  }
  .strateMediasSociaux .tx-facebookul-pi1 a{
    color: #41372c;
    line-height: 18px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
  }   
  .strateMediasSociaux .tx-facebookul-pi1 .facebook_element{
    border-bottom: 1px solid #ccc;
  }
  .strateMediasSociaux .tx-facebookul-pi1 .facebook_element h3{
    margin: 10px 0px 12px 0px
  }
 .strateMediasSociaux .tx-facebookul-pi1 .facebook_element .date{
    display:none;
  }  
 .strateMediasSociaux .strate{
    padding: 50px 0;
    background-color: #ddd;
  }   
   .strateMediasSociaux .strate .bloc-media-supp div.ligne{
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
    text-align: right;
  } 
  .strateMediasSociaux .strate #instafeed,
  .strateMediasSociaux .strate #instafeed img{
    width:100%;
  }
  #instafeed{
    margin-top: 10px;
  } 
  #instafeed:after {
  content: " ";
  display: block;
  clear: both;  
  } 
  #instafeed div{
    float:left;
    width:50%;
    box-sizing:border-box;
  }  
  #instafeed div:nth-child(1){
    padding:0 7px 7px 0;
  }
  #instafeed div:nth-child(2){
    padding:0 0 7px 7px;
  }
  #instafeed div:nth-child(3){
    padding:7px 7px 0 0;
  }
  #instafeed div:nth-child(4){
    padding:7px 0 0 7px;
  }
  .strateMediasSociaux .strate .yt_single .yt_image img{
    width:auto;    
  }
  .image-a-la-une, .en-manchette{
    height: 395px;
  }
  .strateNouvelles .boiteBlanche{
    height:435px;
  }  
  .strateNouvelles .strate {
    margin-bottom:50px;
  }  
  .col-xs-12.bouton-vitrine .sectionLienVers .separateur .blocContenu{
    height: 1px;
    margin-bottom: 39px;
    border-top: 1px solid #ddd;
  }  
  .ulavalactualite_img .box_photo img,
  .ulavalactualite_img .boxleftvideo img {
    padding: 0px; 
  }
  .strateNouvelles .en-manchette .ulavalactualite_img {
    border-top: 1px #ddd solid;
    height: 130px;
  }
  .strateNouvelles .en-manchette .tx-ulavalactualite-pi1 {
    border-top: 1px #ddd solid;
  }
  .strateAvisAlerte {
    margin-top: 2px;
  }
  .strateAvisAlerte .strate{
    background-color: #E30513;
    color: white;
    padding: 0;
  }
  .strateAvisAlerte .strate a{
    background-color: #E30513;
    padding-left: 54px;
    color: white;
  }
  .strateAvisAlerte .strate h2, .strateAvisAlerte .strate p{
    display: inline;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
  }
  .strateAvisAlerte .strate .blocContenu{
    text-align: center;
  }

@media screen and (max-width: 1200px){
  .strateNouvelles .boiteBlanche{
    margin-top: 30px;
    height: auto;
  }
  .strateNouvelles .image-a-la-une, .strateNouvelles .en-manchette {
    height: auto;
  }
  #env-f .env-f-item img.img-responsive {
    width: 100%;
    height: auto; 
    max-width: inherit;
  }
  .link_boutons_rouges_strate ul{
    width: calc(100vw - 10px);
    margin: 0 auto;
  }

  .link_boutons_rouges_strate .boutonActionVif {
    margin: 0px 0px 11px 0px;
    width: 24%;
    /*display: inline-block;*/
  }

  .link_boutons_rouges_strate ul li:first-child,
  .link_boutons_rouges_strate ul li:last-child,
  .link_boutons_rouges_strate .boutonActionVif:last-child{
    margin: 0;
    margin-bottom: 11px;
  }

}

@media screen and (max-width: 992px){
  #instafeed div{
   width:25%;
  }  
  #instafeed div:nth-child(1){
    padding:0 7px;
  }
  #instafeed div:nth-child(2){
    padding:0 7px;
  }
  #instafeed div:nth-child(3){
    padding:0 7px;
  }
  #instafeed div:nth-child(4){
    padding:0 7px;
  }
  .strateNotreUniversite .strate .separateur .blocContenu {
    border-bottom: 1px #999 solid;
    margin: 15px 0 15px 0 ;
  }
  
  .col-xs-12.bouton-vitrine .sectionLienVers .separateur .blocContenu{
    height: 1px;
    margin-bottom: 0;
  }
  .strateMediasSociaux .strate .bloc-media-supp div.ligne{
    border-top: 1px solid #ccc;
    border-left:none;
    min-height: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 10px;
  } 
  .sectionLienVers .blocContenu .blocContenu{
    margin-bottom: 0;
    margin-top: 30px;
  } 
  .bloc-instagram{
    margin-top: 30px;
  }
  .strateNotreUniversite .bloc-statistiques .blocContenu,
  .strateNotreUniversite .bloc-bouton .blocContenu{
    margin-bottom: 30px;
    margin-top: 0;
  }
  .strateNotreUniversite .strate {
    background-size: cover;
    padding-bottom: 0px;
    padding-top: 25px;
    }
  .strateNouvelles .image-a-la-une .ulavalactualite_img div.box_texte {
    border-bottom: none;
    margin: 10px 0 0px 0;
    padding: 10px 10px 15px 10px;
  }
  .sectionLienVers .boutonLeFil a {
    margin-bottom: 20px; 
  }
  .strateMediasSociaux .strate  div.ligne div{
    display:inline;
  }
  .strateMediasSociaux .strate  div.ligne {
    border-top: 1px solid #ccc;
    min-height: 40px;
    border-left: none;
    padding-top: 10px;
    margin-left: 0px;
    margin-top: 10px;
  }
  .icone-media-fb, .icone-media-ig{
    margin-top: 30px;
  }  
  #instafeed {
   margin: 20px -5px 10px -5px;
  } 
  .strateNotreUniversite .texte-promo {
   margin-bottom: 30px; 
   min-height: 0;
  }
  .strateNotreUniversite .texte-promo h2 {
  padding-top: 15px;  
  }
  .link_boutons_rouges_strate ul{
    width: calc(100vw - 15px);
    margin: 0 auto;
  }
}  
/*Extra small devices Phones (<768px) */
/*Small devices Tablets (≥768px)*/
/*Medium devices Desktops (≥992px)*/
/*Large devices Desktops (≥1200px)*/
@media screen and (max-width: 768px){
  .strateNouvelles .en-manchette .ulavalactualite_img {
    height: auto;
  }
  .col-xs-12.bouton-vitrine .sectionLienVers .separateur .blocContenu{
    height: auto;
    margin: 0;
  }  
  .strateMediasSociaux .strate .bloc-media-supp div.ligne{
    border-top: 1px solid #ccc;
    border-left:none;
    min-height: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 10px;
  } 
  .link_boutons_rouges_strate ul{
    width: 100%;
    margin: 0 auto;
  }
  .link_boutons_rouges_strate .boutonActionVif {
    margin: 0px 0px 11px 0px;
    width: 100%;
    display: inline-block;
  }

}

/*Ajustement ulaval*/
.strateTotal.strateAdmission .strate{
  padding: 0;
}
.normes-ul-admission.admission-mince .admission-etapes a, .normes-ul-admission.admission-mince .admission-question {
    min-height: 95px;
}
/*Fin*/

.normes-ul-admission div,
.normes-ul-admission span,
.normes-ul-admission applet,
.normes-ul-admission object,
.normes-ul-admission iframe,
.normes-ul-admission h1,
.normes-ul-admission h2,
.normes-ul-admission h3,
.normes-ul-admission h4,
.normes-ul-admission h5,
.normes-ul-admission h6,
.normes-ul-admission p,
.normes-ul-admission blockquote,
.normes-ul-admission pre,
.normes-ul-admission a,
.normes-ul-admission abbr,
.normes-ul-admission acronym,
.normes-ul-admission address,
.normes-ul-admission big,
.normes-ul-admission cite,
.normes-ul-admission code,
.normes-ul-admission del,
.normes-ul-admission dfn,
.normes-ul-admission em,
.normes-ul-admission img,
.normes-ul-admission ins,
.normes-ul-admission kbd,
.normes-ul-admission q,
.normes-ul-admission s,
.normes-ul-admission samp,
.normes-ul-admission small,
.normes-ul-admission strike,
.normes-ul-admission strong,
.normes-ul-admission sub,
.normes-ul-admission sup,
.normes-ul-admission tt,
.normes-ul-admission var,
.normes-ul-admission b,
.normes-ul-admission u,
.normes-ul-admission i,
.normes-ul-admission center,
.normes-ul-admission dl,
.normes-ul-admission dt,
.normes-ul-admission dd,
.normes-ul-admission ol,
.normes-ul-admission ul,
.normes-ul-admission li,
.normes-ul-admission fieldset,
.normes-ul-admission form,
.normes-ul-admission label,
.normes-ul-admission legend,
.normes-ul-admission table,
.normes-ul-admission caption,
.normes-ul-admission tbody,
.normes-ul-admission tfoot,
.normes-ul-admission thead,
.normes-ul-admission tr,
.normes-ul-admission th,
.normes-ul-admission td,
.normes-ul-admission article,
.normes-ul-admission aside,
.normes-ul-admission canvas,
.normes-ul-admission details,
.normes-ul-admission embed,
.normes-ul-admission figure,
.normes-ul-admission figcaption,
.normes-ul-admission footer,
.normes-ul-admission header,
.normes-ul-admission hgroup,
.normes-ul-admission menu,
.normes-ul-admission nav,
.normes-ul-admission output,
.normes-ul-admission ruby,
.normes-ul-admission section,
.normes-ul-admission summary,
.normes-ul-admission time,
.normes-ul-admission mark,
.normes-ul-admission audio,
.normes-ul-admission video{
  border: 0;
  margin: 0;
  padding: 0;
}
.normes-ul-admission article,
.normes-ul-admission aside,
.normes-ul-admission details,
.normes-ul-admission figcaption,
.normes-ul-admission figure,
.normes-ul-admission footer,
.normes-ul-admission header,
.normes-ul-admission hgroup,
.normes-ul-admission menu,
.normes-ul-admission nav,
.normes-ul-admission section{
  display: block;
}
.normes-ul-admission ol,
.normes-ul-admission ul {
  list-style: none;
}
.normes-ul-admission blockquote,
.normes-ul-admission q{
  quotes: none;
}
.normes-ul-admission blockquote:before,
.normes-ul-admission blockquote:after,
.normes-ul-admission q:before,
.normes-ul-admission q:after {
  content: '';
  content: none;
}
.normes-ul-admission table{
  border-collapse: collapse;
  border-spacing: 0;
}
.normes-ul-admission input {
  -webkit-appearance: none;
  border-radius: 0;
}
.normes-ul-admission [class^="icon-"],
.normes-ul-admission [class*=" icon-"],
.normes-ul-admission [class^="icon-"]:hover,
.normes-ul-admission [class*=" icon-"]:hover {
  font-family: 'iconesUL';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.normes-ul-admission .icon-close:before {
  content: "\62";
}
.normes-ul-admission .icon-enveloppe:before {
  content: "\69";
}
.normes-ul-admission .icon-facebook:before {
  content: "\6a";
}
.normes-ul-admission .icon-fleche_down:before {
  content: "\63";
}
.normes-ul-admission .icon-fleche_left:before {
  content: "\64";
}
.normes-ul-admission .icon-fleche_right:before {
  content: "\65";
}
.normes-ul-admission .icon-fleche_up:before {
  content: "\66";
}
.normes-ul-admission .icon-flickr:before {
  content: "\48";
}
.normes-ul-admission .icon-instagram:before {
  content: "\6b";
}
.normes-ul-admission .icon-linkedin:before {
  content: "\6c";
}
.normes-ul-admission .icon-menu:before {
  content: "\67";
}
.normes-ul-admission .icon-pin:before {
  content: "\61";
}
.normes-ul-admission .icon-question:before {
  content: "\4b";
}
.normes-ul-admission .icon-recherche:before {
  content: "\68";
}
.normes-ul-admission .icon-rss:before {
  content: "\6d";
}
.normes-ul-admission .icon-twitter:before {
  content: "\6e";
}
.normes-ul-admission .icon-vimeo:before {
  content: "\4a";
}
.normes-ul-admission .icon-youtube:before {
  content: "\6f";
}
.normes-ul-admission {
  background-color: #222;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
}
.normes-ul-admission .admission-entete {
  padding: 20px 20px 20px 65px;
}
.normes-ul-admission .admission-entete p {
  font-size: 16px;
}
.normes-ul-admission .admission-entete h2 {
  color: white;
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
}
.normes-ul-admission .admission-contenu {
  display: flex;
}
.normes-ul-admission .admission-etapes {
  display: flex;
  flex: 11;
}
.normes-ul-admission .admission-etapes a {
  align-items: center;
  color: #fff;
  display: flex;
  flex: 1;
  min-height: 130px;
  text-decoration: none;
}
.normes-ul-admission .admission-numero {
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  font-size: 50px;
  line-height: 42px;
  margin: auto 10px auto 65px;
  padding: 0 10px 0 0;
}
.normes-ul-admission .admission-cta {
  font-size: 18px;
  margin: auto 10px auto 0;
  max-width: 150px;
}
.normes-ul-admission .admission-question {
  align-items: center;
  background-color: #222 !important;
  color: #fff;
  display: flex;
  flex: 1;
  font-size: 18px;
  padding: 10px;
  min-height: 130px;
  text-decoration: none;
}
.normes-ul-admission .admission-question:hover {
  background-color: #000 !important;
}  
.normes-ul-admission .admission-question .contenu-question {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.normes-ul-admission .admission-question .contenu-question .texte-question {
  margin-bottom: 10px;
  text-align: center;
}
.normes-ul-admission .admission-question .contenu-question .icon-question {
  font-size: 36px;
  margin: auto;
  text-align: center;
}
.normes-ul-admission.admission-ul .admission-entete {
  background-color: #af1004;
}
.normes-ul-admission.admission-ul a:nth-child(1) {
  background-color: #af1004;
  background-color: rgba(175, 16, 4, 0.95);
}
.normes-ul-admission.admission-ul a:nth-child(1):hover {
  background-color: #af1004;
  background-color: rgba(175, 16, 4, 0.8);
}
.normes-ul-admission.admission-ul a:nth-child(2) {
  background-color: #af1004;
  background-color: rgba(175, 16, 4, 0.85);
}
.normes-ul-admission.admission-ul a:nth-child(2):hover {
  background-color: rgba(175, 16, 4, 0.7);
}
.normes-ul-admission.admission-ul a:nth-child(3) {
  background-color: #af1004;
  background-color: rgba(175, 16, 4, 0.9);
}
.normes-ul-admission.admission-ul a:nth-child(3):hover {
  background-color: rgba(175, 16, 4, 0.75);
}
.normes-ul-admission.admission-ul a:nth-child(4) {
  background-color: #af1004;
  background-color: rgba(175, 16, 4, 0.95);
}
.normes-ul-admission.admission-ul a:nth-child(4):hover {
  background-color: #af1004;
  background-color: rgba(175, 16, 4, 0.8);
}
.normes-ul-admission.faaad .admission-entete {
  background-color: #a91e22;
}
.normes-ul-admission.faaad a:nth-child(1) {
  background-color: #a91e22;
  background-color: rgba(169, 30, 34, 0.95);
}
.normes-ul-admission.faaad a:nth-child(1):hover {
  background-color: #a91e22;
}
.normes-ul-admission.faaad a:nth-child(2) {
  background-color: #a91e22;
  background-color: rgba(169, 30, 34, 0.85);
}
.normes-ul-admission.faaad a:nth-child(2):hover {
  background-color: rgba(169, 30, 34, 0.95);
}
.normes-ul-admission.faaad a:nth-child(3) {
  background-color: #a91e22;
  background-color: rgba(169, 30, 34, 0.9);
}
.normes-ul-admission.faaad a:nth-child(3):hover {
  background-color: rgba(169, 30, 34, 0.95);
}
.normes-ul-admission.faaad a:nth-child(4) {
  background-color: #a91e22;
  background-color: rgba(169, 30, 34, 0.95);
}
.normes-ul-admission.faaad a:nth-child(4):hover {
  background-color: #a91e22;
}
@media only screen and (max-width: 1200px) {
  .normes-ul-admission .admission-entete {
    padding-left: 40px;
  }
  .normes-ul-admission .admission-numero {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .normes-ul-admission .admission-etapes {
    flex: 10;
    flex-wrap: wrap;
  }
  .normes-ul-admission .admission-etapes a {
    flex: auto;
    width: 50%;
  }
  .normes-ul-admission .admission-question {
    flex: 2;
  }
  .normes-ul-admission .admission-question .contenu-question {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .normes-ul-admission .admission-contenu {
    display: block;
  }
  .normes-ul-admission .admission-etapes {
    display: block;
  }
  .normes-ul-admission .admission-etapes a {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
  }
  .normes-ul-admission .admission-question {
    display: block;
  }
}











.strateMessagesImportants{
  padding-top: 30px;
}

.strateMessagesImportants .strate{
  background-color: #e20000;
  padding: 0;
}
.strateMessagesImportants .strate .titre h2{
    color: white;
    font-size: 24px;
    margin: 12px 0 0 0;
    text-align: right;
}
.strateMessagesImportants .strate .messages p a{
  color: white; 
  font-weight: 300;
  font-size: 16px;
}  
.strateMessagesImportants .strate .messages p{
    margin: 0;
    padding: 15px;
}
.strateMessagesImportants .strate .messages p:nth-child(odd){
  background-color: #b9120d;
}
.strateMessagesImportants .strate .messages p:nth-child(even){
  background-color: #d10000;
}

@media screen and (max-width: 992px) {
  .strateMessagesImportants .strate .messages{
    padding: 0;
  }
  .strateMessagesImportants .strate .titre h2{
    margin: 10px 0;
    text-align: left;
  }
}
#wrapper .maincontent .strateCarrouselCover .strate{
  height: calc(100vh - 295px);
  padding: 0;  
}

.strateCarrouselCover .bootstrap .contenu-bootstrap {
  width: 100%;
}
.strateCarrouselCover .bootstrap .container-fluid {
  padding: 0;
}
.strateCarrouselCover .bootstrap .container-fluid .carrousel-accueil {
  margin: 0;
}
.strateCarrouselCover .bootstrap .container-fluid .carrousel-accueil .carrousel-accueil-item {
  height: calc(100vh - 295px);
  overflow: hidden;
  position: relative ;
}
/* Correctifs pour nouveau carrousel pour que IE 11 scall les images SVG */
svg {
width: auto;
height: 100%; 
}
.scaling-svg {
  position: relative;
  left: 0;
  top: 0;
}
.svg-content {
  display: inline-block;
  position: absolute;
  width: 2301px;/* grandeur réelle pour IE 11 */
  height: 875px;/* grandeur réelle pour IE 11 */
}

#wrapper .maincontent .strateCarrouselCover .strate svg,
#wrapper .maincontent .strateCarrouselCover .strate object{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: calc(100% + 2px);
}
#wrapper .maincontent .strateCarrouselCover .strate .image-svg{
  background-color: #1c1c1c;
}

  /*-------------Puces et fleches---------------*/  
#wrapper .maincontent .carrousel-accueil .slick-dots li button:before {
  content: none;
} 
#wrapper .maincontent .carrousel-accueil .slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 3px;
  padding: 0;
  position: relative;
  width: 20px;
  background: none;
  list-style: none;
}
#wrapper .maincontent .carrousel-accueil .slick-dots li button{
  background: black;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 4px;
  line-height: 0;
  outline: none;
  padding: 3px;
  width: 100%;
}
#wrapper .maincontent .carrousel-accueil .slick-dots li.slick-active button{
  background-color: #c4010d;/* #e30513;*/
}
#wrapper .maincontent .carrousel-accueil  .contenantPuces{
  height:25px;
  padding-right: 40px;
  top:0; 
}  
#wrapper .maincontent .carrousel-accueil .slick-next,
#wrapper .maincontent .carrousel-accueil .slick-prev{
  background: none;
  z-index: 10000;
}  
#wrapper .maincontent .carrousel-accueil .slick-prev::before {
  background-color: rgba(0,0,0,0.0) !important;
  color: white !important;
  content: "d" !important;
  font-family: iconesUL !important;
  font-size: 48px !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}
#wrapper .maincontent .carrousel-accueil  .slick-next::before  {
  background-color: rgba(0,0,0,0.0) !important;
  color: white !important;
  content: "e" !important;
  font-family: iconesUL !important;
  font-size: 48px !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}
/*----------------------------------------*/

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive .wrapper:before{
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(17, 17, 17, 0.1)),color-stop(20%,rgba(48,48,48,0)),color-stop(80%,rgba(48,48,48,0)),to(rgba(17, 17, 17, 0.1)));
  background: -webkit-linear-gradient(bottom,rgba(17, 17, 17, 0.1) 0,rgba(48,48,48,0) 20%,rgba(48,48,48,0) 80%,rgba(17, 17, 17, 0.1) 100%);
  background: linear-gradient(0,rgba(17, 17, 17, 0.1),rgba(48,48,48,0) 20%,rgba(48,48,48,0) 80%,rgba(17, 17, 17, 0.1) 100%);    
  background: linear-gradient(0,rgba(17, 17, 17, 0.1),rgba(48,48,48,0) 20%,rgba(48,48,48,0) 80%, rgba(17, 17, 17, 0.1) 100%);
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique div.wrapper{
  display: flex;
  padding-left: calc(50vw - 600px);
  
    flex: 11;
  padding-top: 0;
}

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap, 
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid,
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .row,
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .row>div,
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .row div:last-child,
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .row div:last-child .carrousel-accueil .slick-list,
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .row div:last-child .carrousel-accueil .slick-list .slick-track{
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive{
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height:100%
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique.droite,
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique.boutique{
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height:100%;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive div{
  position: RELATIVE;
  z-index: 1111;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo{
  color: white;
  display: block;
  /*font-family: 'Interstate-Bold', 'Source Sans Pro',sans-serif;*/
  /*font-family: 'SourceSansPro-Bold', 'Arial', sans-serif;*/
  font-family: 'Source Sans Pro', sans-serif;
  /*calc( min font size + (max font size - min font size) * (100vw - min screen size) / (max screen size - min screen size));*/
  font-size: calc( 40px + (48 - 40) * (100vw - 1024px) / (1663 - 1024));
  margin: 0 auto 40px;
  font-weight: 600;
  line-height: 1;
  padding: 0 12% 0 0;
  text-transform: uppercase;
  width: calc( 470px + (550 - 470) * (100vw - 992px) / (1900 - 992));
}

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo sup{
    top: -15px;
    text-transform: lowercase;
}

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div.ensembleul span.titre-diapo{
color: black;
  }
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div.ensembleul span.titre-diapo strong{
  color: #af1004;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris span.titre-diapo{
  text-transform: uppercase;
  font-size: 37px;
  width: 100%;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris span.titre-diapo.large{
  font-size: 50px;
}

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris span.titre-diapo.large.mb-1{
    margin-bottom: 1rem;
}

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris span.sous-titre-diapo{
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris span.desc-diapo.my-3{
  margin-top: 3rem;
  margin-bottom: 1rem;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris{
  background-color: rgba(0,0,0,0.6);
  margin: auto 0;
  width: 500px;
  padding: 50px;
  height: auto;
  max-width: 500px;
  position: RELATIVE;
  z-index: 1111;
  flex: 1;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris.ensembleul{
  background-color: rgba(255,255,255 ,0.73);
}

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris .desc-diapo{
  color: white;
  display: block;
  font-size: 19px;
  line-height: 22px;
  font-weight: 300;  
  margin: 20px 0 0 0;
  width: 100%;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris.ensembleul .desc-diapo{
  color: black;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris .desc-diapo.petit{
  font-size: 15px;  
}

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .bloccta{
  bottom: 30px;
  color: white;
  height: auto;
  left: calc(50vw - 175px);
  position: absolute;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .bloccta{
  bottom: 0;
  color: white;
  height: auto;
  left: 0;
  position: relative;
}

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .bloccta .cta{
  background-color: rgba(0,0,0,0.5);
  border: 1px solid #000; 
  color: white;
  display: inline-block;
  font-size: 16px;
  margin-top: 30px;
  padding: 0px 30px;
  text-align: center;
  width: 350px;
  height: 70px;
  line-height: 70px;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .bloccta .cta{
  background-color: transparent;
  border: 1px solid white;
  display: inline-block;
  color: white;
  margin-top: 30px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  width: auto;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .ensembleul .bloccta .cta{
  color: black;
  border: 1px solid black;  
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .bloccta .cta.rouge{
  background-color: #af1004;
  border: none;
  display: inline-block;
  color: white;
  margin-top: 30px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  width: auto;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .bloccta .cta.rouge:hover{
  background-color: #880a0b;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .bloccta .cta:hover{
  text-decoration:none;
  background-color: rgba(0,0,0,0.7);
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .bloccta .cta:hover{
  text-decoration:none;
  background-color: rgba(0,0,0,0.4);
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .ensembleul .bloccta .cta:hover{
  text-decoration:none;
  background-color: rgba(255,255,255,0.4);
}

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .bloccta.medias-sociaux a{
    width: 40px;
    height: 39px;
    margin-right: 15px;
    display: inline-block;
  background-color: white;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive.panoramique .bloccta.medias-sociaux .icon-facebook:after {
    content: '\6a';
    color: #af1004;
    font-size: 50px;
    width: 48px;
    position: absolute;
    left: -5px;
    height: 44px;
    top: -1px;
}
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive.panoramique .bloccta.medias-sociaux .icon-instagram:after {
    color: #af1004;
    font-size: 50px;
    width: 48px;
    position: absolute;
    content: '\6b';
    left: -5px;
    height: 79px;
    top: 0px;
}
/*#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .bloccta.medias-sociaux a:hover{
  background-color: #af1004;
}*/
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive.panoramique .bloccta.medias-sociaux .icon-facebook:hover:after,
#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive.panoramique .bloccta.medias-sociaux .icon-instagram:hover:after {
  color: #880a0b;
}
  
/*bootstrap large*/
@media screen and (max-width: 1200px) {
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique div.wrapper{
    padding-left: 15px;
  }

  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique.boutique{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height:100%; 
  }
}    
/*ipad paysage*/
@media (orientation: landscape) and  (max-width: 1024px) {

}  

/*ipad paysage*/
@media (device-aspect-ratio: 3/4) and (orientation: landscape) and  (width: 1024px) {
  #wrapper .maincontent .strateCarrouselCover .strate{
    height: 100vh;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive      div.wrapper div span.titre-diapo{
     font-size: 48px;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo, 
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.desc-diapo {
    width: 55%;
    padding-right: 0;
  }
}
  
/*bootstrap medium*/
@media screen and (max-width: 992px) {
  #wrapper .maincontent .strateCarrouselCover .strate{
    height: calc(100vh - 165px);
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo,
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.desc-diapo {
    width:  63vw;
    padding-right: 25%;
  }  
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique div.wrapper{
    padding-left: 15px;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive      div.wrapper div span.titre-diapo{
    font-size: 48px;
    padding-right: 20%;
  }
}
   
/*nexus paysage */
@media  (orientation: landscape) and (max-width: 962px) {
  #wrapper .maincontent .strateCarrouselCover .strate{
  height: 550px;
  }
  
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo,
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.desc-diapo {
    width: 53vw; 
    padding-right: 0;
  } 
}   
  
/*ipad portrait*/
@media (device-aspect-ratio: 3/4) and (orientation: portrait) and (width: 768px) {
  #wrapper .maincontent .strateCarrouselCover .strate{
    height: calc(100vh - 270px);
  }
  #wrapper .maincontent .strateCarrouselCover .strate svg,
  #wrapper .maincontent .strateCarrouselCover .strate object{
    /*left: -550px;*/
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .wrapper{
    padding-top:6%!important;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo,
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.desc-diapo {
    width: 80%; 
    padding-right: 30%;
  }  
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive.panoramique div.wrapper div span.titre-diapo,
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive.panoramique div span.desc-diapo {
    width: 100%; 
    padding-right: 0%;
  }  
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive div.wrapper div span.titre-diapo.fixe{
    padding-right: 35%;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive.panoramique div.wrapper{
    padding-left: 0;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive      div.wrapper div span.titre-diapo{
     font-size: 48px;
  }     
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive      div.wrapper div span.desc-diapo,
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris .desc-diapo{
     font-size: 26px;
     line-height: 28px;
  }   
 /* #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .encadre-gris {
    background-color: rgba(0,0,0,0.6);
    margin: 0;
    width: 100%;
    padding: 50px;
    height: auto;
    bottom: 0px;
    position: absolute;
    z-index: 1111;
  }*/
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .encadre-gris {
    background-color: rgba(0,0,0,0.6);
    margin: 0;
    width: 100%;
    padding: 15px 30px;
    height: auto;
    max-height: none;
    max-width: none;
    bottom: 0px;
    position: absolute;
    z-index: 1111;
  }
}   
  
/*bootstrap small*/
@media screen and (max-width: 767px) {
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive.panoramique div.wrapper{
    padding-left: 0;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .encadre-gris {
    background-color: rgba(0,0,0,0.6);
    margin: 0;
    width: 100%;
    padding: 15px 30px;
    height: auto;
    max-width: none;
    max-height: none;
    bottom: 0px;
    position: absolute;
    z-index: 1111;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .encadre-gris span.titre-diapo{
    font-size: 32px;
    margin-bottom: 0;
  } 
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris span.titre-diapo.large{
    font-size: 32px;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris span.sous-titre-diapo{
    font-size: 18px;  
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo,
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.desc-diapo {
    padding-right: 0;
  }
  .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .encadre-gris {
    width: 75%;
    height: 250px;
  }

  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique.boutique{
    background-position: 80%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height:100%; 
  }
}  
  
  
@media (orientation: landscape) and (max-width: 667px) {
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo,
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.desc-diapo {
    padding-right: 0;
  }  
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .wrapper{
    padding-top:1%;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique div.wrapper{
    padding-left: 15px;
  }
}
  
/*nexus portrait*/
@media (orientation: portrait) and (max-width: 603px) {
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo,
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.desc-diapo {
    width: 85vw; 
    padding-right: 25%;
  }  
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .wrapper{
    padding-top:4%;
  }

  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive      div.wrapper div span.titre-diapo{
     font-size: 40px;
  } 

  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique.boutique{
    background-position: 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height:100%; 
  }
}  
  /*cell paysage*/
@media (orientation: landscape) and (max-width: 598px) {
  #wrapper .maincontent .strateCarrouselCover .strate{
    height: 550px;
  }
}
 /*cell portrait*/       
@media screen and (max-width: 480px) {
  #wrapper .maincontent .carrousel-accueil .slick-prev {
    left: -15px;
  }
  #wrapper .maincontent .carrousel-accueil .slick-next {
    right: -15px;
  }
  #wrapper .maincontent .strateCarrouselCover .strate{
    height:350px;    
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .encadre-gris {
    background-color: rgba(0,0,0,0.6);
    margin: 0 ;
    width: 200%;
    padding: 15px 30px;
    height: auto;
    bottom: 0;
    position: absolute;
    z-index: 1111;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .encadre-gris span.titre-diapo{
    font-size: 22px;/*26px;*/
    margin-bottom: 0;
  } 
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive div.wrapper div span.titre-diapo br{
    display: none;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique div.wrapper div span.titre-diapo{  
    margin: 0 auto 15px;
  } 
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris .desc-diapo{
    font-size: 14px;  
    line-height: 16px;
    margin: 15px 0 0 0;
  }  
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.titre-diapo, 
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive div.wrapper div span.desc-diapo{
    width: 80%; 
    padding-right: 30%;
  }  
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique div.wrapper div span.titre-diapo, 
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique div.wrapper div span.desc-diapo{
    padding-right: 0;
  }  
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris span.titre-diapo.large{
    font-size: 30px;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris span.sous-titre-diapo{
    font-size: 16px;  
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique div.wrapper div span.desc-diapo{
    margin: 15px 0 0 0;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris{
    margin-top:30px;
    width: 100%;
    height: auto;   
  }    
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .bloccta .cta,
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive.panoramique .bloccta .cta.rouge{
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    height: auto;
    padding: 10px;
    margin-top: 15px;
  }
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid #carrousel-accueil .diapositive .blason {
    margin-bottom: 140px;
  }

  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid .diapositive.panoramique.boutique{
    background-position: 78%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height:100%; 
  }
}  
  
/*ca detecte les mobiles....*/    
@media not all and (hover: hover) {

}

/*ca detecte les desktop....*/    
@media (hover: hover) {
  #wrapper .maincontent .strateCarrouselCover .strate{
    min-height: 380px;
  }
}

/*pour IE11*/
@media all and (-ms-high-contrast:none){
  #wrapper .maincontent .strateCarrouselCover .strate{
    min-height: 380px;
  }

#wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris{
  background-color: rgba(0,0,0,0.6);
  margin: 150px 0 0 0;
  width: 500px;
  padding: 50px;
  height: auto;
  max-width: 500px;
  max-height: 400px;
  position: RELATIVE;
  z-index: 1111;
  flex: 1;
}

/*
  #wrapper .maincontent .strateCarrouselCover .strate.bootstrap .contenu-bootstrap .container-fluid  #carrousel-accueil .diapositive .encadre-gris{
  background-color: rgba(0,0,0,0.6);
  margin: auto 0;
  width: 500px;
  padding: 50px;
  max-height: 350px;
  position: RELATIVE;
  z-index: 1111;
}*/

}

/*DÉBUT DU CODE DE NIC*/
/*.strateCarrouselCover .bootstrap {
  padding: 0 !important;
}*/
/*.strateCarrouselCover .bootstrap .contenu-bootstrap {
  width: 100% !important;
}*/
/*.strateCarrouselCover .bootstrap .container-fluid {
  padding: 0 !important;
}*/
/*.strateCarrouselCover .bootstrap .container-fluid .carrousel-accueil {
  margin: 0 !important;
}*/
/*.strateCarrouselCover .bootstrap .container-fluid .carrousel-accueil .carrousel-accueil-item {
  height: 550px !important;
  overflow: hidden !important;
  position: relative !important;
}*/
.strateCarrouselCover .bootstrap .container-fluid .carrousel-accueil svg,
.strateCarrouselCover .bootstrap .container-fluid .carrousel-accueil object {
  /*height: 550px !important;*/
  height: calc(100vh - 295px);
  left: 50% !important;
  top: 50% !important;
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
}
 #dhc {
 margin: 40px 0 30px 0;
 }
 .strateMiniCarrousel .csc-textpic{
    margin: 0 30px;
    position: relative;
  }
  
  .strateMiniCarrousel .csc-textpic .csc-textpic-text{  
    /*position: absolute;*/
    bottom: 0;
    background-color: #eee;
    width: 100%;
    min-height: 95px;
    border: 1px solid #eee;
    padding: 0 15px;
  }
  
  .strateMiniCarrousel .csc-textpic .csc-textpic-text a{  
    color: black;
  }

  .strateMiniCarrousel .sectionLienVers.v2 a{  
    width: 250px;
    margin: 15px auto;
  }
  
  
  .strateMiniCarrousel #dhc .slick-prev,   .strateMiniCarrousel #dhc .slick-next {
    position: absolute;
    display: block;
    height: auto;
    width: 48px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    top: 50%;
    bottom: 0px;
    margin-top: 0px;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    z-index: 100;
}
 .strateMiniCarrousel #dhc .slick-prev::before {
    background-color: rgba(0,0,0,0.0) !important;
    color: black !important;
    content: "d" !important;
    font-family: iconesUL !important;
    font-size: 48px !important;
    left: -30px;
    line-height: 0 !important;
    vertical-align: middle !important;
}
 .strateMiniCarrousel #dhc  .slick-next::before {
    background-color: rgba(0,0,0,0.0) !important;
    color: black !important;
    content: "e" !important;
    font-family: iconesUL !important;
    font-size: 48px !important;
    line-height: 0 !important;
    vertical-align: middle !important;
}
  
 .strateMiniCarrousel #dhc .slick-prev{
    left: -45px;  
  }
 .strateMiniCarrousel #dhc .slick-next{
    right: -45px;  
  }
  .dhc-item .csc-textpic-text p:first-child{
    margin-bottom:0;
  }
  .dhc-item .csc-textpic-text p:last-child {
    margin-top:0;
  }
  .dhc-item .csc-textpic-text p:first-child a{
    font-size: 18px;
    font-weight: 600;

  }
  .dhc-item .csc-textpic-text p:last-child a{
    font-size: 15px;
    font-weight: 400;
  }


  .dhc-item .csc-textpic-text p a:hover{
    text-decoration: none;
  }


@media screen and (max-width: 1240px) {
 .strateMiniCarrousel #dhc .slick-prev{
    left: -15px;  
  }
 .strateMiniCarrousel #dhc .slick-next{
    right: -15px;  
  }
}

.strateMosaique .row.gutter-30-top{
  margin-top: 30px;
}

.strateMosaique a.tuile-mosaique{
  display: block;
  width: 100%;
  height: 100%;
}
.strateMosaique a.tuile-mosaique:hover {
    opacity: 0.8;
}
.strateMosaique a.tuile-mosaique + a.tuile-mosaique,
.strateMosaique a.tuile-mosaique.bouton{
  margin-top: 6%;  
  position: relative;
}

.strateMosaique a.tuile-mosaique.ful .entete-mosaique{
    height: 68%;
}
.strateMosaique a.tuile-mosaique.bouton .entete-mosaique{
  background-color: transparent;  
  margin: 0;  
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
}
.strateMosaique a.tuile-mosaique.bouton .entete-mosaique  .titre-mosaique{
  border: none;
  margin: 0;  
    padding: 0;
    text-align: center;
}

.strateMosaique a.tuile-mosaique img{
  width: 100%
}
.strateMosaique a.tuile-mosaique .entete-mosaique{
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    left: 0;
    line-height: normal;
    overflow: hidden;
    padding: 10px 10px 8px 20px;
    position: absolute;
    top: 0;
    margin-left: 15px;
    width: calc(100% - 30px);
}
.strateMosaique a.tuile-mosaique .titre-mosaique {
    border-left: 2px solid #ffc103;
    font-size: 21px;
    line-height: 20px;
    margin: 5px 0;
    padding-left: 12px;
    display: inline-block;
    width: 100%;
}
.strateMosaique a.tuile-mosaique.bouton .titre-mosaique {
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}
.strateMosaique a.tuile-mosaique .descr-mosaique {
    display: inline-block;
    width: 100%;
}


.strateMosaique  .bouton-mosaique {
    margin-top: 15px;
    display: block;
    width: 100%;
    background-color: #cf0505;
    height: 60px;
    line-height: 60px;
    color: white;
    font-size: 18px;    
    text-align: center;
}
  .strateMosaique .zone-mobile{
    display: none;
}

@media screen and (max-width: 1200px) {
  .strateMosaique .zone-mobile{
    display: block;
  }
  .strateMosaique .zone-desktop .row.gutter-xs-30-top{
    display: none;
  }

@media screen and (max-width: 991px) {
  .strateMosaique .gutter-sm-30-top{
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .strateMosaique .gutter-xs-30-top{
    margin-top: 30px;
}