
/* inclusion /templating-kit/themes/inrs/css/styles-communs.css */
@charset "UTF-8";


/***************************** Début reset *******************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html{
	/* Spécifique iOS: contraint un reajustement 
	de taille de police à 100% en mode paysage, 
	plutôt que auto (grossissement hétérogène des polices)  */
	-webkit-text-size-adjust: 100%; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color: #ffffff;
}
ol, 
ul {
	list-style: none;
}
blockquote, 
q {
	quotes: none;
}
blockquote:before, 
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ltIE9 img {
	-ms-interpolation-mode: bicubic;
}
sub {
	/*vertical-align: sub;*/
	position: relative;
  	top: 0.25em;	
	font-size: smaller;
}
sup {
	/*vertical-align: super;*/
	position: relative;
  	top: -0.25em;
	font-size: smaller;
}

/***************************** Fin reset *********************************/


/* fontes */
@font-face {
    font-family: pt_sans;
    src: url('../fonts/ptsans_bolditalic/PTS76F-webfont-eot.eot');
    src: url('../fonts/ptsans_bolditalic/PTS76F-webfont-eot.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans_bolditalic/PTS76F-webfont-woff.woff') format('woff'),
         url('../fonts/ptsans_bolditalic/PTS76F-webfont-ttf.ttf') format('truetype'),
         url('../fonts/ptsans_bolditalic/PTS76F-webfont-svg.svg#pt_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: pt_sans;
    src: url('../fonts/ptsansnarrow_bold/PTN77F-webfont-eot.eot');
    src: url('../fonts/ptsansnarrow_bold/PTN77F-webfont-eot.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsansnarrow_bold/PTN77F-webfont-woff.woff') format('woff'),
         url('../fonts/ptsansnarrow_bold/PTN77F-webfont-ttf.ttf') format('truetype'),
         url('../fonts/ptsansnarrow_bold/PTN77F-webfont-svg.svg#pt_sans_narrowbold') format('svg');
    font-weight: bold;
    font-style: normal;
   	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: pt_sans;
    src: url('../fonts/ptsansnarrow_regular/PTN57F-webfont-eot.eot');
    src: url('../fonts/ptsansnarrow_regular/PTN57F-webfont-eot.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsansnarrow_regular/PTN57F-webfont-woff.woff') format('woff'),
         url('../fonts/ptsansnarrow_regular/PTN57F-webfont-ttf.ttf') format('truetype'),
         url('../fonts/ptsansnarrow_regular/PTN57F-webfont-svg.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
   	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: AdobeBlank;
    src: url('../fonts/AdobeBlank/AdobeBlank-eot.eot');
    src: url('../fonts/AdobeBlank/AdobeBlank-eot.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AdobeBlank/AdobeBlank-otf-woff.woff') format('woff'),
         url('../fonts/AdobeBlank/AdobeBlank-ttf.ttf') format('truetype'),
         url('../fonts/AdobeBlank/AdobeBlank-svg.svg#AdobeBlank') format('svg');
    font-weight: normal;
    font-style: normal;
}
/***************************** Général ***********************************/
html {
	font-size: 13px;
}
html, 
body, 
select, 
textarea, 
input {
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 0;
}

.ltIE10 select,
.ltIE10 textarea,
.ltIE10 input {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

select, 
select option { 
	/* fix IE :@ */
	font-family:inherit; 
}

/* @media not print { // INCOMPATIBLE IE8 :( */
@media braille,embossed,handheld,projection,screen,speech,tty,tv {
	.printedLink,
	.printedLinkIndex,
	.printOnly {
		display: none !important;
	}

	li.forceInline .printedLink,
	li.forceInline .printedLinkIndex,
	li.forceInline .printOnly {
		display: none;
	}
}

li.forceInline * {
	display: inline;
}
li.forceInline p:after,
li.forceInline div:after {
	content: " ";
}
select,input {
	line-height:100%;	
}
select:focus,
input:focus{
   outline:none;
}
select:disabled, 
select.disabled,
input:disabled, 
input.disabled,
textarea:disabled, 
textarea.disabled {
	color:#bbb;
}

/* placeholders */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}
.placeholder {
    color:    #999;
}
.breakAllWords {
	word-break: break-all;
}

strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
a {
	text-decoration: none;
	color: black;
	outline: none;
	word-break: break-word;
	word-wrap: break-word;
}
a:hover{
	text-decoration: underline;
}
h1 {
	font-weight: bold;
	font-size: 1.833em;
}
.visuallyHidden {
	border: 0 !important; 
	clip: rect(0 0 0 0) !important; 
	height: 1px !important; 
	width: 1px !important;
	margin: -1px !important; 
	overflow: hidden !important; 
	padding: 0 !important; 
	position: absolute !important;  
}

div.clear,
div.clearAll,
div.clearAllFullWidth {
	display: block !important; 
	clear: both !important; 
	visibility: hidden !important; 
	line-height: 0 !important; 
	/* height 1px !important; */
	width: 1px !important;
	font-size: 0;
	overflow:hidden !important; 
}
div.clearAllFullWidth {
	width: auto !important;
}
br.clearAll {
	clear: both !important;
}
.noPadding {
	padding: 0 !important;
}
.nowrap {
	white-space: nowrap;
}

.revision-commentaires {
	display: none;
}
.revision-surlignage {
}

.infoNoScript {
	margin:1em 0;
	padding:0.5em 1em;
	background: #fee;
	border:2px dashed red;
	color:#000;
	font-size: 1.2em;
	font-weight: bold;
}

/* OUGEBAIN-302 */
.removeBoldItalic ,
.removeBoldItalic  * {
	font-weight: normal !important;
	font-style: normal !important;
}

.super_container {
	width: 100%;
}
.header .wrapper,
#etAussi > .wrapper,
#notreMetier > .wrapper,
#container_principal,
.resultatsRecherche .wrapper {
	margin: 0 auto;
	padding: 0 20px; /* 40px / 1000px */
	position: relative;
	max-width: 920px; /* normalement seule dimension en dur car on a une largeur max */
	height: 100%;
}

#container_principalMetier {
	margin: 0 auto;
	padding: 0 auto;
	position: relative;
	max-width: 920px; /* normalement seule dimension en dur car on a une largeur max */
	height: 100%;
}


.ltIE9 .header .wrapper,
.ltIE9 #etAussi .wrapper,
.ltIE9 #container_principal,
.ltIE9 .resultatsRecherche .wrapper {
	width: 920px; /* largeur fixe sous IE8 */
}

.noCssColumns {
	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;	
}
.jsSplitedColumn {
	vertical-align: top !important;
	display: inline-block !important;

	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;	
}

.select-style {
    overflow: hidden;
    background: #fff;
    position: relative;
    width:91%;
}
.ltIE11 .select-style {
	overflow:visible;
	background: transparent;
	width: auto;
}
.ltIE9 .select-style {
	height:auto !important;
	margin:5px 0 !important;
	background: transparent !important;
}
.select-style:after {
	content: "\00a0"; /* espace insécable */
	font-size: 0;
	background: url("../img/select-arrow-grad.png") no-repeat 0 0;
	width:40px;
	height:40px;

	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 0;
	
	pointer-events:none;
	cursor: pointer;
}
.ltIE11 .select-style:after {
	content: none;
	display: none;
}
/*
.select-style:hover:after {
	background-position: 0 -160px;
}
*/
.select-style.disabled:after {
	background-position: 0 -40px !important;
}

.select-style select {
    padding: 5px 8px 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    line-height: 120%;
}
.select-style select, 
.select-style select option { 
	/* fix IE :@ */
	font-family:inherit !important; 
}

.ltIE11 .select-style select,
.OtherUnknown .select-style select {
	padding: 5px !important;
	width: 100%;
	border: none;
	background: #fff;
	color:#3c3c3c;
	overflow: hidden;
}
.ltIE9 .select-style select {
	padding: inherit !important;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}
.IE9 .select-style select,
.IE10 .select-style select {
	padding:inherit !important;
	height: 2.46em;
}
.select-style select:focus {
    max-width: 100% !important;
    outline: none !important;
}
.ltIE11 .select-style select:focus,
.OtherUnknown .select-style select:focus {
	/*width:auto;*/
	max-width: none;
}

.guideContextuel {
	float:right;	
	position: relative;
	display: inline-block;
	vertical-align: baseline;
	margin:0.5em 0 0.5em 1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	font-size: 1rem;
	font-weight: normal;
	color: #999;
}
.guideContextuel:hover {
	color:#ea7420;	
}

.guideContextuel:before {
	display: inline-block;
	content: "?";
	font-size: 0;
	vertical-align: middle;
	width:16px;
	height:16px;
	margin:0 3px 0 0;
	background: url(../img/guideContextuel.png) 0 0 no-repeat;
	position:relative;
	top:-2px;
}
.guideContextuel:hover:before {
	background-position: 0 -25px;
}

.popinGuideContextuel .editorial h3 {
	margin: 0 0 1em 0;
}

/***************************** Fin général *******************************/

/***************************** Elements transversaux *******************************/
.boutonAction,
a.boutonImportant,
.resultatsRecherche .affinerRecherche .restaurerInitial,
#quickSearch_button,
.recherche .resetButton {
	display: inline-block;

	border:none;
	
	background-image:none;
	background: #4f4f4f; /* Old browsers */
	background: -moz-linear-gradient(top,  #4f4f4f 0%, #3c3c3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4f4f4f 0%,#3c3c3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
	
	-moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
}
.boutonAction,
a.boutonImportant,
.resultatsRecherche .affinerRecherche .restaurerInitial,
.recherche .resetButton {
	padding:8px 23px;
	margin:2px 3px;
	color:#fff;
	font-weight:bold;
	font-size: 1em; /* 13px / 13px */
	line-height: 100%;
}
.recherche .resetButton {
	margin: 0;
	padding: 1px 20px;
	width: auto;
}

a.boutonImportant.gros {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.46153846153846em; /* 19px / 13px */

	-moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=236, Strength=2);*/
}

.boutonAction:hover,
a.boutonImportant:hover,
.resultatsRecherche .affinerRecherche .restaurerInitial:hover,
#quickSearch_button:hover,
.recherche .resetButton:hover {
	text-decoration: none;
	
	background: #3c3c3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #3c3c3c 0%, #4f4f4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3c3c3c 0%,#4f4f4f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */	
}

.boutonAction.orange,
a.boutonImportant.orange,
.resultatsRecherche .affinerRecherche .affinerResultats,
.resultatsRecherche .container_colonneDroite .modifierRecherche,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche,
.resultatsRecherche .container_colonneDroite .retourListe,
.resultatsRecherche .container_colonneDroite .retourAuxResultats,
.resultatsRecherche .container_colonneDroite .retourFiche,
.recherche .validButton,
.page404 .details_404 .bloc_details_404 #searchInput #searchInput_button,
.SlickQuiz .button,
.sondage .sv_complete_btn,
#mailInput_button,
#bloc_bdd .bbdd_button,
.popin-override .content .navigation-button-wrapper .boutonWrap > input {
	background: #ff8d3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8d3c 0%, #ea7420 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8d3c), color-stop(100%,#ea7420)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8d3c 0%,#ea7420 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d3c', endColorstr='#ea7420',GradientType=0 ); /* IE6-9 */
	
	-moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=236, Strength=2);*/
}
.boutonAction.orange:hover,
a.boutonImportant.orange:hover,
.resultatsRecherche .affinerRecherche .affinerResultats:hover,
.resultatsRecherche .container_colonneDroite .modifierRecherche:hover,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche:hover,
.resultatsRecherche .container_colonneDroite .retourListe:hover,
.resultatsRecherche .container_colonneDroite .retourAuxResultats:hover,
.resultatsRecherche .container_colonneDroite .retourFiche:hover,
.recherche .validButton:hover,
.page404 .details_404 .bloc_details_404 #searchInput #searchInput_button:hover,
.SlickQuiz .button:hover,
.sondage .sv_complete_btn:hover,
#mailInput_button:hover,
#bloc_bdd .bbdd_button:hover,
.popin-override .content .navigation-button-wrapper .boutonWrap > input:hover {
	background: #ea7420; /* Old browsers */
	background: -moz-linear-gradient(top,  #ea7420 0%, #ff8d3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea7420), color-stop(100%,#ff8d3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ea7420 0%,#ff8d3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7420', endColorstr='#ff8d3c',GradientType=0 ); /* IE6-9 */
}
a.boutonImportant > span {
	display: inline-block;
	background: url(../img/fleche-lien-miseenavant.png) 0 50% no-repeat;	
	padding: 0 0 0 12px;
}

.boutonAction:hover > span,
a.boutonImportant:hover > span {
	text-decoration: underline;
}

.boutonAction:disabled,
.boutonAction.disabled,
a.boutonImportant:disabled,
a.boutonImportant.disabled,
.resultatsRecherche .affinerRecherche .affinerResultats:disabled,
.resultatsRecherche .affinerRecherche .affinerResultats.disabled,
.resultatsRecherche .affinerRecherche .restaurerInitial:disabled,
.resultatsRecherche .affinerRecherche .restaurerInitial.disabled,
.recherche .validButton:disabled,
.recherche .validButton.disabled,
.recherche .resetButton:disabled,
.recherche .resetButton.disabled,

.boutonAction:hover:disabled,
.boutonAction:hover.disabled,
a.boutonImportant:hover:disabled,
a.boutonImportant:hover.disabled,
.resultatsRecherche .affinerRecherche .affinerResultats:hover:disabled,
.resultatsRecherche .affinerRecherche .affinerResultats:hover.disabled,
.resultatsRecherche .affinerRecherche .restaurerInitial:hover:disabled,
.resultatsRecherche .affinerRecherche .restaurerInitial:hover.disabled,
.recherche .validButton:hover:disabled,
.recherche .validButton:hover.disabled,
.recherche .resetButton:hover:disabled,
.recherche .resetButton:hover.disabled {
	background: #9d9d9d; /* Old browsers */
	background: -moz-linear-gradient(top,  #9d9d9d 0%, #858585 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d9d9d), color-stop(100%,#858585)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9d9d9d 0%,#858585 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9d9d9d 0%,#858585 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9d9d9d 0%,#858585 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9d9d9d 0%,#858585 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#858585',GradientType=0 ); /* IE6-9 */
	
	text-decoration: none !important;
	
	cursor: default !important;
	
	color:#eee;
}

/* Spécial IE */
.IE .boutonAction.disabled,
.IE a.boutonImportant.disabled,
.IE .resultatsRecherche .affinerRecherche .affinerResultats.disabled,
.IE .resultatsRecherche .affinerRecherche .restaurerInitial.disabled,
.IE .recherche .validButton.disabled,
.IE .recherche .resetButton.disabled {
	background: #9d9d9d; /* Old browsers */
	background: -moz-linear-gradient(top,  #9d9d9d 0%, #858585 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d9d9d), color-stop(100%,#858585)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9d9d9d 0%,#858585 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9d9d9d 0%,#858585 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9d9d9d 0%,#858585 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9d9d9d 0%,#858585 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#858585',GradientType=0 ); /* IE6-9 */
	
	text-decoration: none !important;
	
	cursor: default !important;
}


.repriseBoutonsActionsListe {
	margin-top:30px !important;
	clear:both;
	display: block;
	text-align: center;
}

a.lienEditorial {
	color: #b0273e;
	font-weight: bold;
}

.lienSolitaire {
	background: url("../img/lienComplementaire-style1-bullet-point.png") no-repeat scroll 0 3px;
	display: block;
	margin: 1em 0;
}

.lienSolitaire > a {
	color: #b0273e;
	padding-left: 10px;
	font-weight: bold;
	display: block;
}


div.zoneRetourSommaire {
	clear:both;
	margin:1em;
	text-align: right;
}

a.boutonRetourSommaire {
	display: inline-block;
	position: relative;
	
	color: #ffffff !important;
	font-size: 12px;
	font-size: 0.9rem;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 32px 4px 12px;
	
	border: none;
	
	background: #b7b7b7; /* Old browsers */
	background: -moz-linear-gradient(top,  #b7b7b7 0%, #798088 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(100%,#798088)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b7b7b7 0%,#798088 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b7b7b7 0%,#798088 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b7b7b7 0%,#798088 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b7b7b7 0%,#798088 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#798088',GradientType=0 ); /* IE6-9 */
	
	-moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=236, Strength=2);*/	
}
a.boutonRetourSommaire:hover {
	background: #798088; /* Old browsers */
	background: -moz-linear-gradient(top,  #798088 0%, #b7b7b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#798088), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #798088 0%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #798088 0%,#b7b7b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #798088 0%,#b7b7b7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #798088 0%,#b7b7b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#798088', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */	
}

a.boutonRetourSommaire:after {
	position: absolute;
	bottom: 7px;
	right: 12px;
	display: inline-block;
	width: 11px;
	height: 7px;
	content: url("../img/fleche-btn-retour-sommaire.png");
}

span.refBiblio,
span.refBiblioPDF {
	display: inline-block;
	position: relative;
	vertical-align: top;
  	
 	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	color: #F32F50;
	text-decoration: none;
}

span.refBiblio {
	cursor: pointer;	
}

.listeOnglets .onglet.deplie > div.titre span.refBiblio,
.listeOnglets .onglet.deplie > div.titre span.refBiblioPDF {
	color: #e5e5e5;
}

.highlightedAnchor {
	background-color: rgba(234, 116, 32, 0.15);
}

.bluredBackground {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
.tooltip_background{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
	position: fixed;
}

.bluredBackground.dark {
	background: rgba(0,0,0,0.8);
}
.IE .bluredBackground.dark {
	background: url("../img/bg-black-opacity-80.png");
}
.bluredBackground.transparent {
	background: transparent;
}
.IE .bluredBackground.transparent {
	background: url("../img/bg-white-opacity-0.png");
}
.bluredBackground.clickable {
/*	cursor:pointer; */
}

ul.radios {
	display: block;
	line-height: 1.2em;
}

ul.radios > li {
	display: table;
	margin: 0 0 0.6em 0;
}

ul.radios > li > * {
	display: table-cell;
	vertical-align: baseline;
	margin: 0;
}

ul.radios > li > label {
	padding-left:0.3em;
}

ul.radios > li > .cb > input {
	position: relative;
	top:1px;
}

/* --- Liste à puces (hors contenu éditorial) --- */
ul.bullets {
	display: block;
}
ul.bullets > li{
	line-height: 1.230769230769231em; /* 16px / 13px */
	margin: 4px 0;
	padding-left: 18px;
	background: url(../img/editorial-bullet-point.png) 1px 6px no-repeat;
}


/* --- Liste tabulée --- */
ul.listeTabulee {
	display: table;
	margin: 0;
	line-height: 1.25em;
	width: 100%;
}

ul.listeTabulee > li {
	display: table-row;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	line-height: inherit !important;
}
ul.listeTabulee > li > .entree,
ul.listeTabulee > li > .details {
	display: table-cell;
	vertical-align: baseline;
	padding:0.5em 0;
}
ul.listeTabulee > li > .details {
	padding-left:10px;
}

.IE8 ul.listeTabulee > li > .entree,
.IE8 ul.listeTabulee > li > .details {
	vertical-align: top;
}

ul.listeTabulee > li > .entree {
	width:43%;
}
ul.listeTabulee > li > .entree > span {
	display:inline-block;
	width:100%;
	border-bottom:1px solid #ccc;

	padding-right:0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

ul.listeTabulee > li > .entree > span > span {
	display:inline;
	background: #fff;
	
	font-weight: bold;
	font-size: 1em;
}
.tableau tbody tr:nth-child(even) ul.listeTabulee > li > .entree > span > span,
.resultatsRecherche .listeResultats > li:nth-child(even) ul.listeTabulee > li > .entree > span > span,
.liste .listeResultats > li.even ul.listeTabulee > li > .entree > span > span {
	background: #f2f2f2;
}
.tableau.whiteRows tbody tr:nth-child(even) ul.listeTabulee > li > .entree > span > span {
	background: #fff;
}

.tableau tbody tr:hover ul.listeTabulee > li > .entree > span > span {
	background: #ddd;
}

/* dégradés (overflow gradient) sur les bordures des tableaux scrollables */
.ogWrapper {
	position: relative;
}
.ogWrapper .ogLeft,
.ogWrapper .ogRight {
	display: inline-block;
	position: absolute;
	top:0;
	width:32px;
	z-index: 100000;
	background-repeat: no-repeat;
}
.ogWrapper .ogLeft {
	left:0;
	background-image: url("../img/fondu-horiz-tableau-gauche.png");
}
.ogWrapper .ogRight {
	right:0;
	background-image: url("../img/fondu-horiz-tableau-droite.png");
}



ul.listeTabulee > li > .entree > span > span:after {
	display: inline;
	content: "\00a0\00a0"; /* espaces insécables */
}

ul.listeTabulee > li > .entree > span > span,
ul.listeTabulee > li > .details > span {
	position: relative;
	top:0.25em;
}
.ltIE9 ul.listeTabulee > li > .entree > span > span,
.ltIE9 ul.listeTabulee > li > .details > span {
	top:0.15em;
}

ul.listeTabulee > li > .details a {
	color: #b0273e;
	font-weight: bold;
}

ul.listeTabulee > li > .details a:hover {
	text-decoration: underline;
}

ul.listeTabulee > li > .details ul.bullets {
	list-style-type: square;
	margin:0 0 0 18px;
}
.IE9 ul.listeTabulee > li > .details ul.bullets,
.IE10 ul.listeTabulee > li > .details ul.bullets,
.IE11 ul.listeTabulee > li > .details ul.bullets {
	margin-top:-1em;
}
.IE10 ul.listeTabulee > li.large > .details ul.bullets,
.IE11 ul.listeTabulee > li.large > .details ul.bullets {
	margin-top:0;
}

ul.listeTabulee > li > .details ul.bullets > li {
	margin: 0 0 0.25em 0;
	padding: 0;
	background: none;
}
/*
ul.listeTabulee > li > .details ul.bullets > li:first-child:last-child {
	list-style-type: none;
	margin-left:-18px;
}
*/
ul.listeTabulee > li > .details ul.forceInline {	
	list-style-type: none;
	margin: 0;
}
ul.listeTabulee > li > .details ul.forceInline > li{
	display: inline;
	margin: 0;
}
ul.listeTabulee > li > .details ul.forceInline > li *{
	display: inline;
	margin: 0;
}
ul.listeTabulee > li > .details ul.forceInline.avecSeparateur{
	font-size: 0;
}
ul.listeTabulee > li > .details ul.forceInline.avecSeparateur > li {
	font-size: 13px;
	font-size: 1rem;
}
ul.listeTabulee > li > .details ul.forceInline.avecSeparateur > li:before{
	display: inline;
	content: "\00a0; "; 
}
ul.listeTabulee > li > .details ul.forceInline.avecSeparateur > li:first-child:before{
	display: none;
}



/* Liste tabulée large */
ul.listeTabulee.large {
	display: block;
	width: 100%;
}
ul.listeTabulee.large > li {
	display: block;
}
ul.listeTabulee.large > li > .entree {
	display: block;
	padding:0.5em 0 0 0;
}
ul.listeTabulee.large > li > .details {
	display: block;
	padding:0;
	margin:0.5em 0;
	width: 100%;
}
ul.listeTabulee.large > li > .entree {
	width: 100%;
}
ul.listeTabulee.large > li > .entree > span {
	display:inline;
	width:auto;
	border-bottom: none;
}
ul.listeTabulee.large > li > .entree > span > span:after {
	content: "\00a0:\00a0"; /* espaces insécables */
}
ul.listeTabulee.large > li > .details > span {
	display: block;
	padding:0 0 0 40px;
}


.IE8 .responsiveListeTabulee > table > tbody > tr > td.last-child {
	padding:0 !important;
}
.IE8 .responsiveListeTabulee ul.listeTabulee {
	margin: 11px 0 10px 0;
}
.IE8 .responsiveListeTabulee ul.listeTabulee > li > .entree,
.IE8 .responsiveListeTabulee ul.listeTabulee > li > .details {
	width:auto;
	padding: 4px 13px;
   	border-top: 1px solid #ccc;
}
.IE8 .responsiveListeTabulee ul.listeTabulee > li.first-child > .entree,
.IE8 .responsiveListeTabulee ul.listeTabulee > li.first-child > .details {
   	border-top: none;
}
.IE8 .responsiveListeTabulee ul.listeTabulee > li > .entree > span {
	display: inline;
	width: auto;
	border: none;
	padding: 0;
	background: transparent;
}
.IE8 .responsiveListeTabulee ul.listeTabulee > li > .entree > span > span {
	position: static;
	top:0;
	font-weight: normal;
	background: transparent;
}
.IE8 .responsiveListeTabulee ul.listeTabulee > li > .details > span {
	position: static;
	top:0;
	font-weight: bold;
	background: transparent;
}

/* Largeur supérieure 480px */
@media (min-width:481px) {
	.responsiveListeTabulee > table > tbody > tr > td:last-child {
		padding:0 !important;
	}
	.responsiveListeTabulee ul.listeTabulee {
		margin: 11px 0 10px 0;
	}
	.responsiveListeTabulee ul.listeTabulee > li > .entree,
	.responsiveListeTabulee ul.listeTabulee > li > .details {
		width:auto;
		padding: 4px 13px;
    	border-top: 1px solid #ccc;
	}
	.responsiveListeTabulee ul.listeTabulee > li > .entree {
		width:33%;
	}
	.responsiveListeTabulee ul.listeTabulee > li:first-child > .entree,
	.responsiveListeTabulee ul.listeTabulee > li:first-child > .details {
    	border-top: none;
	}
	.responsiveListeTabulee ul.listeTabulee > li > .entree > span {
		display: inline;
		width: auto;
		border: none;
		padding: 0;
		background: transparent;
	}
	.responsiveListeTabulee ul.listeTabulee > li > .entree > span > span {
		position: static;
		top:0;
		font-weight: normal;
		background: transparent;
	}
	.responsiveListeTabulee ul.listeTabulee > li > .details > span {
		position: static;
		top:0;
		font-weight: bold;
		background: transparent;
	}
}

/* Largeur <= 480px */
@media (max-width:480px) {
	.tableau.responsiveListeTabulee tbody tr:nth-child(odd){
		background-color: transparent !important;
	}
	.tableau.responsiveListeTabulee tbody tr.odd {
		background-color: transparent !important;
	}
	.tableau.responsiveListeTabulee tbody tr:nth-child(even) {
		background-color: #f2f2f2 !important;
	}
	.tableau.responsiveListeTabulee tbody tr.even {
		background-color: #f2f2f2 !important;
	}
	.responsiveListeTabulee tbody tr:hover ul.listeTabulee > li > .entree > span > span {
		background: transparent !important;
	}
	/*
	.responsiveListeTabulee > table,
	.responsiveListeTabulee > table > tbody,
	.responsiveListeTabulee > table > tbody > tr,
	.responsiveListeTabulee > table > tbody > tr:hover {
		border:none !important;
		background: transparent !important;
		display: block !important;
	}
	.responsiveListeTabulee > table > thead {
		display: none;
	}
	.responsiveListeTabulee > table > tbody > tr {
		border-bottom:1px solid #777 !important;
		padding:10px 0;
	}
	.responsiveListeTabulee > table > tbody > tr:last-child {
		border-bottom: none !important;
	}
	.responsiveListeTabulee > table > tbody > tr > td{
		display: block !important;
		padding:0 !important;
		border:none !important;
	}
	.responsiveListeTabulee > table > tbody > tr > td:first-child {
		font-weight: bold !important;
		font-size:1.1em !important;
	}
	.responsiveListeTabulee > table > tbody > tr > td:last-child {
		padding-left:20px !important;
	}
	.responsiveListeTabulee ul.listeTabulee > li > .entree > span > span {
		background: transparent !important;
	}
	*/
}



/* --- Liste tabulée --- */
ul.listeNonTabulee {
	display: table;
	margin: 0;
	line-height: 1.25em;
	width: auto;
}

ul.listeNonTabulee > li {
	display: block;
	font-size:0;
	padding: 7px 0 5px 0 !important;
	margin: 0 !important;
	background: none !important;
	line-height: inherit !important;
}
ul.listeNonTabulee > li > .entree,
ul.listeNonTabulee > li > .details {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
}
ul.listeNonTabulee > li > .details {
}
.IE8 ul.listeNonTabulee > li > .entree,
.IE8 ul.listeNonTabulee > li > .details {
	vertical-align: top;
}

ul.listeNonTabulee > li.large > .details {
	display: block;
}

ul.listeNonTabulee > li > .entree {
	margin-bottom: 2px;
}
ul.listeNonTabulee > li > .entree > span {
}

ul.listeNonTabulee > li > .entree > span > span {
	display:inline;
	font-weight: bold;
	font-size: 1em;
	margin-right: 0.5em;
}
ul.listeNonTabulee > li > .entree > span > span:after {
	display: inline;
	content: "\00a0:"; 
}
ul.listeNonTabulee > li > .details a {
	color: #b0273e;
	font-weight: bold;
}
ul.listeNonTabulee > li > .details a:hover {
	text-decoration: underline;
}
ul.listeNonTabulee > li > .details ul.bullets {
	list-style-type: none;
	margin:0;
}
ul.listeNonTabulee > li > .details ul.bullets > li {
    vertical-align: top;
	margin: 0 0 0.25em 0;
}
/*
ul.listeNonTabulee > li > .details ul.bullets > li:first-child:last-child {
	list-style-type: none;
	background: none;
	margin-left:-18px;
}
*/
ul.listeNonTabulee > li > .details ul.forceInline {	
	list-style-type: none;
	margin: 0;
}
ul.listeNonTabulee > li > .details ul.forceInline > li{
	display: inline;
	background: none;
	padding:0;
	margin: 0;
}
/*
ul.listeNonTabulee > li > .details ul.bullets.forceInline > li:first-child:last-child {
	margin-left: 0;
}
*/
ul.listeNonTabulee > li > .details ul.forceInline > li *{
	display: inline;
	margin: 0;
}
ul.listeNonTabulee > li > .details ul.forceInline.avecSeparateur{
	font-size: 0;
}
ul.listeNonTabulee > li > .details ul.forceInline.avecSeparateur > li {
	font-size: 13px;
	font-size: 1rem;
}
ul.listeNonTabulee > li > .details ul.forceInline.avecSeparateur > li:before{
	display: inline;
	content: "\00a0; "; 
}
ul.listeNonTabulee > li > .details ul.forceInline.avecSeparateur > li:first-child:before{
	display: none;
}



/* --- Liste de formulaires multiples --- */
ul.multipleForms {
	display: block !important;
}

ul.multipleForms > li {
	padding: 0 0 0.5em 0;
	margin: 0 0 1.5em 0;
	/*border-left:2px solid #999;*/
	display: block !important;
}

ul.multipleForms > li:first-child {
}

ul.multipleForms > li > h3:first-child,
ul.multipleForms > li > h4:first-child,
ul.multipleForms > li > h5:first-child,
ul.multipleForms > li > h6:first-child
{
	margin-top: 0;
}

.invisible {
	display:none;
}

.infoDev {
	display: none;
	padding:2px;
	margin:2px;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-align: left;
	border:1px dotted green;
	background: #dfd;
	color:#050;
	word-wrap: break-word;
}
.infoDev a {
	text-decoration: underline;
}

.warning {
	display: none;
	padding:4px;
	margin:4px;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	border:1px dashed red;
	background: #fdd;
}
.warning a {
	text-decoration: underline;
}

/***************************** Fin élements transversaux *******************************/

/***************************** Header ************************************/
/* Par défaut version bureau  on masque les éléments spécifique liés à la version mobile */
/* ces éléments sont rendus visibles via les media queries. */
.header .bandeauHaut .bouton.fermer,
.header .bandeauMilieu .menuResponsive,
.header .bandeauMilieu .fctTransverses {
	display: none;
} 
.header .bandeauMilieu {
    background: url(../img/bordure-header.png) 0 bottom repeat-x;
    position: relative;
}

.bandeauHaut {
	padding: 0;
	font-size: 0; 
	background-color: #3c3c3c;
}
.ltIE9 .bandeauHaut { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}
#desktopMetaNavigation{
	display: inline;
}

.bandeauHaut,
#metaNavigation {
	min-height: 25px;
}
.bandeauHaut a {
	color: white;
	font-size: 1rem; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */		
}
.ltIE9 .bandeauHaut a { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* meta navigation et menu de navigation "tous les sites" */
#metaNavigation > ul {
	display: inline-block;
	font-size: 0; 
	text-indent:20px;
	margin:0 16em 0 -20px;
}
.ltIE9 #metaNavigation > ul { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}
#metaNavigation > ul > li {
	font-size: 1rem; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	vertical-align: top;
    display: inline-block;
    padding: 5px 0;
    position: relative;
	min-height: 15px;
	text-indent: 0;
}
.ltIE9 #metaNavigation > ul > li { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#metaNavigation > ul > li > a {
	display: inline-block;
	padding: 0 20px;
    border-right: 1px solid white;
}
#metaNavigation > ul > li:first-child a {
    padding-left: 0;
}
#metaNavigation > ul > li:last-child > a,
.foreign #metaNavigation > ul > li.dernierAvantDrapeaux > a {
	border-right: none;
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover,
.desktop #metaNavigation > ul .lienMultiple.open,
.desktop #metaNavigation > ul .lienMultiple.open .lienMultipleList {
    background-color: #e8e8e8;
    z-index:99999999;
}
.desktop #metaNavigation > ul .lienMultiple > a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.desktop #metaNavigation > ul .lienMultiple > a:after {
	position: relative;
	top: -2px;
	right: 0;
	padding: 0 0 0 10px;
    content: url(../img/fleche-menu-deroulant-header.png);	
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover > a,
.desktop #metaNavigation > ul .lienMultiple.open > a  {
    position: relative;
    left: -1px;
    border-right: 0;	
    border-left: 1px solid #3c3c3c;
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover > a:after,
.desktop #metaNavigation > ul .lienMultiple.open > a:after {
    content: url(../img/fleche-menu-deroulant-header-ouvert.png);	
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover a,
.desktop #metaNavigation > ul .lienMultiple.open a {
    color: #3c3c3c;
}
.desktop #metaNavigation > ul .lienMultiple > ul {
    display: none;
    
    background-color: #e8e8e8;
    margin: 0;
    padding: 13px 24px 24px 0;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 99999;
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover > ul,
.desktop #metaNavigation > ul .lienMultiple.open > ul {
    display: block;
}
.desktop #metaNavigation > ul .lienMultiple ul li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
}
.desktop #metaNavigation > ul .lienMultiple ul a {
    display: block;
    float: none;
    height: auto;
    line-height: 115.384615384615%; /* 15px / 13px */
    padding: 5px 0 5px 20px;
    width: 303px;
}
:first-child + html .desktop #metaNavigation > ul .lienMultiple a {
    height: 10px;
}
.no-js .desktop #metaNavigation > ul .lienMultiple ul a:hover{
    text-decoration: underline;
}
.no-js .desktop #metaNavigation > ul .lienMultiple > a:hover{
	text-decoration: underline;
}
.desktop #metaNavigation > ul .lienMultiple.open > a{
	text-decoration: underline;
} 
.desktop li.drapeaux {
	font-size:0 !important;
	padding: 0 !important;
	height: 100%;
}
.desktop li.drapeaux a {
	background: url(../img/drapeau-glow.png) no-repeat 50% 50%;
	font-size: 0; 
	width: 36px;
	height: 24px;
	overflow:hidden;
	position:relative;
	border-right: none !important;
	padding:0 !important;
	margin:0 10px 0 15px !important;
	text-decoration: none !important;
}
.ltIE9 .desktop li.drapeaux a { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}
.desktop li.drapeaux a:after {
	display:inline-block;
	content: "\00a0"; /* espace insécable */
	position:absolute;
	top:50%;
	left:50%;
	margin:-6.5px 0 0 -9px;
	width:18px;
	height:13px;
    font-size: 0;
}
.ltIE9 .desktop li.drapeaux a:after { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}
.desktop .drapeaux a.en:after {
    background: url(../img/drapeau-en.png) 0 0 no-repeat;
}
.desktop .drapeaux a.fr:after {
    background: url(../img/drapeau-fr.png) 0 0 no-repeat;	
}
.desktop .drapeaux a.inactif {
	opacity: 0.4;
	filter: alpha(opacity=40); /* pour <= IE8 */	
}

.desktop li.drapeaux_droite {
	display: inline-block !important;
	position: absolute !important;
	top:0 !important;
	right:0 !important;
}
.desktop li.drapeaux_droite a.fr {
	position: relative;
	top:-5px;
}
.desktop li.drapeaux_droite a.fr:before {
	content: " ";
	display: inline-block;
    background: url(../img/drapeau-fr-glow.png) 0 0 no-repeat;
    width: 36px;
    height: 25px;
    font-size: 0;
    vertical-align: middle;
}

.bandeauHaut .maSelection {
	display: inline-block;
	position:absolute;
	top:0;
	right:20px;
	vertical-align: top;
	padding: 4px 20px 0 43px;
	margin: 0 0 0 25px;
	min-height: 21px;
	height: 1em;
	font-weight: bold;
	line-height: 130%;
    background: url(../img/icone-maselection.png) 10px 50% no-repeat;	
    background-color: #787f86;
}
.Safari .bandeauHaut .maSelection,
.ltIE9 .bandeauHaut .maSelection {
	min-height: 21px;
}

#bandeauSite {
	vertical-align: top;
	padding-right: 27.17391304347826%; /* 250px / 920px */
	width: 66%;
}
.foreign.en #bandeauSite:after {
	display: inline-block;
	position: absolute;
	top:0;
	right:75px;
	content:" ";
	background: url(../img/logo-SRIAT.png) 0 0 no-repeat;
	height: 105px;
	width: 240px;
	font-size: 0;
}
@media screen and (max-width:900px) {
	.foreign.en #bandeauSite:after {
		right:10px;
	}
}
@media screen and (max-width:480px) {
	.foreign.en #bandeauSite {
		text-align: center;
	}
	.foreign.en #bandeauSite:after {
		display:none;
	}
}

#bandeauSite > a {
	width: 50%; /* 460px / 920px */
	position: relative;
	top: 20px;
	left: -20px;	
}
#cboxPrintContent #bandeauSite {
	width: 100%;
	top:0;
	left:0;
	text-align: left;
	margin:0 0 1em 0;
}
#cboxPrintContent .cboxPhoto {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	float: none !important;
	margin: 0 !important;	
}
#cboxPrintContent #cboxTitle {
	float: none !important;
	clear: both !important;
	position: relative !important;
	top:0 !important;
	left:0 !important;
	bottom: auto !important;
	margin:0 !important;
}
#bandeauSite h1 {
	display: none;
}
#bandeauSite a {
	text-decoration: none;
}
#bandeauSite .titre {
	vertical-align: top;
	display: inline-block;
	position: relative;
	top: 21px;
	left: 30px;
	padding-right:20px;
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: italic;
	/*font-size: 1.846153846153846em;*/
	font-size: 24px;
	color: #787f86;
}

.foreign.en #bandeauSite .titre {
	max-width: 13.5em;
	top:14px;
	margin-bottom: 15px;
}

.ltIE9 #desktopQuickSearch {
	position: absolute;
	right:20px;
	top:0;
}

.bandeauMilieu aside {	/* FIXME pas compatible IE<11 */
	position: relative;
} 
#quickSearchForm {
	padding: 0 0 0 40px;
	height: 32px;
	
	background-color: #dedede;
	
	/* valeurs par défaut pour design desktop*/
	position: absolute;
	top: 38px;
	right: 20px;	
	display: inline-block;
}
#quickSearchForm:before {
	content:"\00a0"; /* espace insécable */
	font-size: 0;
	position:absolute;
	top:5px;
	left:11px;
	width:19px;
	height:20px;
	background: url(../img/pictos-header.png) 0 -50px no-repeat;
}
.ltIE9 #quickSearchForm {
	position:relative;
	float:right;
	right:auto;
} 
#quickSearch_keywords {
	height: 20px;
	/* valeur par défaut pour design desktop */
	width: 157px;	
	padding: 6px 6px 6px 3px;
	background-color: transparent;
	border: 0;
}
#quickSearch_keywords.bluredAndEmpty {
    background: url(../img/recherche-texte.png) 2px 50% no-repeat;
}
.ltIE9 #quickSearch_keywords.bluredAndEmpty {
    background-position: 2px 7px;
}
#quickSearch_button {
	border: 0;
	margin:0;
	font-size: 1.076923076923077em; /* 14px / 13px */
	font-weight: bold;
	color: white;
	height: 100%;
	padding: 0 5px;
	line-height:24px;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
#header #quickSearch_button:hover{
	cursor: pointer;
	text-decoration: underline;
}

#desktopNavHorizontale{
	display: inline;
}
#navHorizontale {
	position: relative;
	margin:0 0 0 -9px;
	padding: 30px 0 13px 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	font-size: 0;
}
.ltIE9 #navHorizontale { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}
.foreign.en #navHorizontale { 
	padding-top: 40px;
}

.desktop #navHorizontale {
	z-index:9500;
}
#navHorizontale > li {
	display: inline-block;
	padding: 10px 0 7px;
}
#navHorizontale > li.sel,
#navHorizontale > li.opened {
	position: relative;
	left: -1px;
	/*margin:0 1px 0 -1px;*/ 
}
#navHorizontale > li.sel {
	background: #3c3c3c;
}
#navHorizontale > li.opened {
	background:#ea7420 !important;
}
#navHorizontale > li.sel > a,
#navHorizontale > li.opened > a {
	border:none;
	color:#fff;
	padding-left:7px;
}
#navHorizontale > li > a {
	display: inline-block;
	border-right: 1px solid #707070;
	padding: 0 6px 3px 6px;
	
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	/* font-size: 1.461538461538462em; */
	font-size: 19px; /* cf. REFONTEINRS-171 */
	color: #3c3c3c;
}
.foreign.en #navHorizontale > li > a {
	padding-left: 30px;
	padding-right: 30px;
}
@media screen and (max-width:900px) {
	.foreign.en #navHorizontale > li > a {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width:790px) {
	.foreign.en #navHorizontale > li > a {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.foreign.en #navHorizontale > li:first-child > a {
	padding-left: 10px;
}
.no-js #navHorizontale > li > a,
#navHorizontale > li:last-child > a {
    border-right: 0;
}
#navHorizontale > li.last-child > a { /* IE 8 - ne pas concaténer au style précédent */ 
    border-right: 0;
}
#navHorizontale > li:hover > a {
	text-decoration: underline;
}	

#header .megaMenu {
	display: none;
	position: absolute;
	top:0;
	left:0;
	background: #e5e5e5;
	z-index:11000;
	width:100%;
}

.no-js #header .megaMenu {
	display: block !important;
	position: relative;
}

#header .megaMenu.visible {
}

#header .megaMenu:after {
	display: block;
	font-size: 0; 
	content: "\00a0"; /* espace insécable */
	width:100%;
	height:9px;
	background: url(../img/megaMenu/mega-bg.png) repeat-x 0 0;
	position:absolute;
	bottom:-9px;
}
.ltIE9 #header .megaMenu:after { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}

#header .megaMenu > .titreMM {
	background: url(../img/megaMenu/mega-bg.png) repeat-x 0 -20px #ea7420;
	margin:0 0 30px 0;
	position: relative;
}

#header .megaMenu.lienMultiple > .titreMM {
	background: url(../img/megaMenu/mega-bg-dark.png) repeat-x 0 -20px #3c3c3c;
}

#header .megaMenu > .titreMM > .wrapper > p {
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.69230769230769em; /* 22px / 13px */
	
	color:#fff;
	
	padding:26px 0 18px 0;
	position: relative;
}


#header .megaMenu > .titreMM > .wrapper > p:after {
	display: block;
	font-size: 0; 
	content: "\00a0"; /* espace insécable */
	width:19px;
	height:6px;
	background: url(../img/megaMenu/mega-bg.png) no-repeat 0 -10px;
	position:absolute;
	bottom:-6px;
	left:24px;
}
.ltIE9 #header .megaMenu > .titreMM > .wrapper > p:after { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}

#header .megaMenu.lienMultiple > .titreMM > .wrapper > p:after {
	background: url(../img/megaMenu/mega-bg-dark.png) no-repeat 0 -10px;
}

.megaMenu > .contentMM > .wrapper {
	margin-bottom:10px;
}
.no-js .megaMenu > .contentMM > .wrapper{
	padding-bottom:10px;	
}

.megaMenu > .contentMM > .wrapper > .accrocheMM {
	display: table-row;
}

.megaMenu > .contentMM > .wrapper > .accrocheMM > p {
	display: table-cell;
	font-size: 1.076923076923077em; /* 14px / 13px */
	line-height: 1.28571428571429em; /* 18px / 14px */
	color: #000;
	vertical-align: top;
}

#ctnPlanSite .megaMenu > .contentMM > .wrapper > .accrocheMM > p {
	display: none;
}

.megaMenu > .contentMM > .wrapper > .accrocheMM > .lienPrincipal,
.megaMenu > .contentMM > .wrapper > .accrocheMM > .lienSecondaire {
	display: table-cell;
	vertical-align: top;
	padding-left:3em;
}

.megaMenu > .contentMM > .wrapper > .accrocheMM > .lienPrincipal > a > span,
.megaMenu > .contentMM > .wrapper > .accrocheMM > .lienSecondaire > a > span {
	white-space: nowrap;
}

.megaMenu > .contentMM > .wrapper > ul {
	display:block;
	font-size: 0; 
	
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;	
	
	-webkit-column-gap : 2rem;
	-moz-column-gap : 2rem;
	column-gap : 2rem;
	
	vertical-align: top;
}
.ltIE9 .megaMenu > .contentMM > .wrapper > ul { /* alternative aux tailles "rem" */
	font-family: AdobeBlank;
	
	-webkit-column-gap : 2em;
	-moz-column-gap : 2em;
	column-gap : 2em;

	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.megaMenu > .contentMM > .wrapper > ul > li {
	display: block;
	position: relative;
	padding:0 0 0 0.7692307692307692em;
	margin-bottom:1.4em;	
	
	-webkit-break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	-moz-break-inside: avoid-column;
	break-inside: avoid-column;
	page-break-inside: avoid;
	
	font-size: 1rem;
}

.megaMenu > .contentMM > .wrapper > ul > li.btnRetour {
	cursor: pointer;
	font-size: 0.8rem;	
}

.ltIE9 .megaMenu > .contentMM > .wrapper > ul > li { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.megaMenu > .contentMM > .wrapper > ul > li.btnLienPrincipal {
	padding-left:0;	
}
.megaMenu > .contentMM > .wrapper > ul > li.btnLienSecondaire {
	padding-left:0;	
}

.megaMenu > .contentMM:not(.lightDisplay) > .wrapper > ul > li > a:before,
.megaMenu > .contentMM:not(.lightDisplay) > .wrapper > ul > li > span:before,
.megaMenu > .contentMM.lightDisplay > .wrapper > ul > li.subLinksContainer > a:before,
.megaMenu > .contentMM.lightDisplay > .wrapper > ul > li.subLinksContainer > span:before,
.megaMenu > .contentMM.lightDisplay > .wrapper > ul > li.btnRetour > span:before,
.planSite #plan .lienPrincipal > a:before,
.planSite #plan .lienSecondaire > a:before {
	display: inline-block;
	content: ">";
	font-size: 0;
	width: 4px;
	height: 6px; 
	background: url("../img/megaMenu/puceMM.png") no-repeat 0 0;
	position: absolute;
	top: 6px;
	left: 0;
}

.megaMenu > .contentMM.lightDisplay > .wrapper > ul > li.generated > span:before,
.megaMenu > .contentMM.lightDisplay > .wrapper > ul > li.subLinksContainer > a:before {
    background: none;
    display: none;
}

.megaMenu > .contentMM.lightDisplay > .wrapper > ul > li.subLinksContainer > span {
	cursor: pointer;	
}

.megaMenu > .contentMM.lightDisplay > .wrapper > ul > li.btnRetour > span:before {
	content: "<"; 
	top: 4px;
	background: url("../img/megaMenu/puceMMB.png") no-repeat 0 0;
}

.megaMenu > .contentMM > .wrapper > ul > li > a,
.megaMenu > .contentMM > .wrapper > ul > li > span,
.planSite #plan .lienPrincipal > a,
.planSite #plan .lienSecondaire > a {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.461538461538462em; /* 19px / 13px */
	line-height: 100%;
	padding:0;
	color:#3c3c3c;

	background: none;
	filter: none;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	
	display: block;
	margin-bottom:0.4736842105263158em; /* 9px / 19px */
}

.planSite #plan .lienPrincipal,
.planSite #plan .lienSecondaire {
	display: block;
	padding-left:0;
	position: relative;
}

.planSite #plan .lienPrincipal > a,
.planSite #plan .lienSecondaire > a {
	margin:0 0 0 10px;
}

.planSite #plan .lienPrincipal > a > span,
.planSite #plan .lienSecondaire > a > span {
	padding:0 0 0 0;
}

.megaMenu > .contentMM > .wrapper > ul > li > ul {
	display:block;
	font-size: 0; 
	margin-top:0.6923076923076923em; /* 9px / 13px */
	
	-webkit-break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	-moz-break-inside: avoid-column;
	break-inside: avoid-column;
	page-break-inside: avoid
}
.ltIE9 .megaMenu > .contentMM > .wrapper > ul > li > ul { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}



.megaMenu > .contentMM > .wrapper > ul > li > ul > li {
	display: block;
	margin-bottom:0.6923076923076923rem; /* 9px / 13px */
}
.ltIE9 .megaMenu > .contentMM > .wrapper > ul > li > ul > li { /* alternative aux tailles "rem" */
	font-size:1em;
	margin-bottom:0.6923076923076923em; /* 9px / 13px */
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.megaMenu > .contentMM > .wrapper > ul > li > ul.concis > li {
	display: inline;
}

.megaMenu > .contentMM > .wrapper > ul > li > ul.concis > li > .separator,
.megaMenu > .contentMM > .wrapper > ul > li > ul > li > a {
	font-size: 1rem; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-weight: normal;
	font-style: normal;
	line-height: 123.0769230769231%; /* 16px / 13px */
	color:#3c3c3c;
}
.ltIE9 .megaMenu > .contentMM > .wrapper > ul > li > ul.concis > li > .separator,
.ltIE9 .megaMenu > .contentMM > .wrapper > ul > li > ul > li > a { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.megaMenu > .contentMM div.footerMM {
	border-top: 1px solid #909090;
	margin:25px 0 0 0;
	padding:10px 0 0 0;
	text-align: right;
}

.megaMenu > .contentMM div.footerMM a.fermer {
	display:inline-block;
	color:#3c3c3c;
	vertical-align: baseline;
}

.megaMenu > .contentMM div.footerMM a.fermer:before {
	display:inline-block;
	content: 'x';
	font-size:1.202em;
	margin:0 0.5em 0 0;
}

.no-js .megaMenu > .contentMM > .wrapper > ul > li > ul.concis > li:after {
	content: ", ";
}
.no-js .megaMenu > .contentMM > .wrapper > ul > li > ul.concis > li:last-child:after {
	content: "";
}

#pisteNavigation {
	padding: 7px 0 20px 0;
	font-size: 0; 
}
.ltIE9 #pisteNavigation { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


#pisteNavigation li {
	display: inline;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 0.9230769230769231rem; /* 12px / 13px */
	color: #757575;
}
.ltIE9 #pisteNavigation li { /* alternative aux tailles "rem" */
	font-size:0.9230769230769231em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Garder le premier element aligné verticalement avec les autres elements de la page */
#pisteNavigation li > span,
#pisteNavigation li > a {
	margin: 0 0.5em 0 0;
	color: #757575;
	text-decoration: none;
}
#pisteNavigation li > a:hover > span{
	text-decoration: underline;
	cursor:pointer;
}
#pisteNavigation li.sel > span {
	font-weight: bold;
}
#pisteNavigation li:after {
	content: "\003e"; /* > */
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 0.9230769230769231rem; /* 12px / 13px */
	text-decoration: none !important;
	margin:0 0.5em 0 0;
}
.ltIE9 #pisteNavigation li:after { /* alternative aux tailles "rem" */
	font-size:0.9230769230769231em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#pisteNavigation li.sel:after {
	content:none;
	display: none;
}

ul#boutonTransverseIntermediaire {
	display: none;
    position: absolute;
    right:4px;
    top:4px;
}
ul#boutonTransverseIntermediaire .bouton.transverse a:before {
	content:"\00a0"; /* espace insécable */
	font-size: 0;
	position:absolute;
	top:8px;
	left:17px;
	width:7px;
	height:25px;
    background: url(../img/pictos-header.png) 0 0 no-repeat;
}
/***************************** Fin header ********************************/

/***************************** Header mobile *************************/
.bouton {
	display: inline-block;
	width: 41px;
	height: 41px;
	
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}

.bouton:hover,
.bouton.actif {
	background: rgb(217,217,217); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,217,217,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(217,217,217,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.bouton a {
	display: inline-block;
	width: 100%;
	height: 100%;
}


/***************************** Header mobile *************************/

/***************************** Page editoriale ***************************/
h2#titrePage,
h1#titrePage {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 2.769230769230769em; /* 36px / 13px */
	line-height: 100%;
	color: #ea7420;
	padding-top: 5px;
	
    /*overflow-wrap: anywhere;*/
    word-wrap: break-word;
    word-break: break-word;

	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-before: 4;
	-webkit-hyphenate-limit-after: 4;
	-webkit-hyphenate-limit-chars: 8 4 4;
	-webkit-hyphenate-limit-lines: 2;
	-webkit-hyphenate-limit-last: always;
	-webkit-hyphenate-limit-zone: 8%;
	-moz-hyphens: auto;
	-moz-hyphenate-limit-chars: 8 4 4;
	-moz-hyphenate-limit-lines: 2;
	-moz-hyphenate-limit-last: always;
	-moz-hyphenate-limit-zone: 8%;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: 8 4 4;
	-ms-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-last: always;
	-ms-hyphenate-limit-zone: 8%;
	hyphens: auto;
	hyphenate-limit-chars: 8 4 4;
	hyphenate-limit-lines: 2;
	hyphenate-limit-last: always;
	hyphenate-limit-zone: 8%;
}

.soustitrePage {
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.0em; /* 26px / 13px */
	line-height: 119.2307692307692% /* 31px / 26px */ ;
	color: #ea7420;
	padding-top: 9px;
}

.titreAvecTampon {
	display: table;
}
.titreAvecTampon > .zoneTitre {
	display: table-cell;
	vertical-align: middle;
}
.titreAvecTampon > .zoneTampon {
	display: table-cell;
	vertical-align: middle;
	padding:0 0 0 20px;
	font-size: 0;
	width: 1%;
}
.titreAvecTampon > .zoneTampon > img {
	max-width:none !important;
}

.chapo {
	font-size: 1.230769230769231em; /* 16px / 13px */
	font-weight: bold;
	line-height: 125%; /* 20/16 */
	padding-top: 18px;
	margin-bottom: 1em;
	display:block;
}
.chapo a {
	text-decoration: underline;
}
.image_accroche {
	padding-top: 18px;
}
.chapo .image_accroche,
.chapo a.ico_video {
	float: left;
	width: 46.66666666666667%; /* 280px / 600px */
	margin-right: 2.16666666666667%; /* 13px / 600px */
	margin-bottom:0.5em;
	position: relative;
	text-decoration: none;
	padding-top: 0px;
}
.chapo a.ico_video .image_accroche {
	float:none;
	width: 100%;
	margin: 0;
	position: static;
}
.chapo a.ico_video .play {
	background-image: url(../img/video_play_gris_petite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
}

.chapo a.ico_video .play.style1 {
	/* style par défaut */
}
.chapo a.ico_video .play.style2 {
	background-image: url(../img/video_play_orange_petite.png);
}

.edito .chapo .dateMiseEnligne{
	display: block;
	font-size: 1rem; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-weight: normal;
	font-style:normal;
	line-height: 1.384615384615385em; /* 18/13px */
	color: #000000;
	
	margin-bottom: 6px;
}
.ltIE9 .edito .chapo .dateMiseEnligne { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}


/* bloc de sommaire */
.bloc_sommaire,
.bloc_partenaires,
.bloc_liensConnexes {
	background-color: #e5e5e5;
	color: #3c3c3c;
	margin-top: 20px;
}
.bloc_sommaire h6,
.bloc_partenaires h6,
.bloc_liensConnexes h6{
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.692307692em; /* Base 22px - 22/13px */
	padding-left: 3.3333333%; /* Base 20px - 20/600px */
	padding-top: 22px;
}

.bloc_sommaire .nav,
.bloc_liensConnexes .nav {
	padding:20px 20px 5px 20px;
	
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;	
	
	-webkit-column-gap : 2em;
	-moz-column-gap : 2em;
	column-gap : 2em;
	
	vertical-align: top;
}

.bloc_partenaires .nav {
	padding:20px 20px 5px 20px;
	
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;	
	
	-webkit-column-gap : 2em;
	-moz-column-gap : 2em;
	column-gap : 2em;
	
	vertical-align: top;
}

.bloc_liensConnexes .nav {
	padding:20px 20px 12px 20px;
}

.bloc_liensConnexes .nav {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;	
}

.bloc_sommaire .nav > ul,
.bloc_partenaires .nav > ul,
.bloc_liensConnexes .nav > ul {
	display: block;
	vertical-align: top;
}

.bloc_sommaire .sommaire li,
.bloc_partenaires .sommaire li,
.bloc_liensConnexes .sommaire li {
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1.07692307692rem; /* Base 14px - 14/13px */
	margin: 0 0 15px 0;
	display:inline-block;
	width:100%;
}
.bloc_liensConnexes .sommaire li {
	margin: 0 0 8px 0;
}
.ltIE9 .bloc_sommaire .sommaire li,
.ltIE9 .bloc_partenaires .sommaire li,
.ltIE9 .bloc_liensConnexes .sommaire li { /* alternative aux tailles "rem" */
	font-size:1.07692307692em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_sommaire .sommaire li > a,
.bloc_partenaires .sommaire li > a,
.bloc_liensConnexes .sommaire li > a {
  background: url(../img/blocSommaire/encocheLien.png) no-repeat 0 5px;
  padding: 0 0 0 15px;
  display: block;
}
.bloc_sommaire .sommaire li a:hover,
.bloc_partenaires .sommaire li a:hover,
.bloc_liensConnexes .sommaire li a:hover {
	text-decoration: underline;
}

/* Mot du glossaire */
.tooltipParent{
	cursor: help;
    outline: 0 solid;
    position: relative;
    border-bottom: 1px dotted #000000;
    padding-bottom: 1px;
}
.tooltipParent:hover, .editorial .tooltipParent:focus {
    border-bottom: 1px dotted #000000;
}
.tooltipParent * {
    text-decoration: none !important;
    z-index: 99;
}

/* Popin contenu éditorial (ex : détails glossaire) */
.popinContenuEditorial #cboxLoadedContent  {
	padding:0 8px 0 0;
}

.popinContenuEditorial #cboxLoadedContent img {
	max-width: 100%;
	width: auto;
	height: auto;	
}

/* bloc de mise en avant */
.bloc_liste, /* reprise Web3 */
.miseEnAvant {
	display : block;
	margin: 10px 0;
	padding: 28px 20px 20px 20px;
	background-color: #e5e5e5;
	font-size: 1em; /* 13px / 13px */	
	position: relative;
}
.bloc_liste > .titre_liste, /* reprise Web3 */
.miseEnAvant > .titre {
	position: relative;
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.692307692307692em; /* 22px / 14px */
	line-height: 100%; /* 22px / 22px */
	margin: 0;
}
.bloc_liste > .titre_liste /* reprise Web3 */ { 
	padding-bottom: 10px;
}
.bloc_liste > .titre_liste:before, /* reprise Web3 */
.miseEnAvant > .titre:before {
	position: absolute;
	left: -24px;
	top: -3px;
	content: url(../img/miseenavant-encoche.png);
}
.miseEnAvant.sansTitre:before {
	position: absolute;
	left: -4px;
	top: 20px;
	content: url(../img/miseenavant-encoche.png);
}
.miseEnAvant .editorial {
	padding-top: 10px;
}
.miseEnAvant .editorial ul,
.miseEnAvant .editorial ol {	
	margin-bottom: 10px;
}
.miseEnAvant .editorial .questions {	
	margin: 10px 0;
}
.miseEnAvant .liensComplementaires.style1 > li{
	padding: 10px 0 0 18px;
	background: url(../img/lienComplementaire-miseenavant-style1-bullet-point.png) 1px 14px no-repeat;
}
.miseEnAvant .liensComplementaires li a {
	font-size: 1em; 
	color: black;
}

/* bloc image */
.blocImage {
	margin-top: 20px;
	font-size: 0;
}
.ltIE9 .blocImage {
	font-size: 1em;
}
.blocImage .wrapper {
	position: relative;
	display: block;
	max-width:100%;
	overflow: hidden;
	font-size: 0;
	padding: 0;
}
.ltIE9 .blocImage .wrapper {
	width:100%;
}
.blocImage .wrapper img {
	border:1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}
.ltIE9 .blocImage .wrapper img {
	max-width: none;
	width:100%;
}

.blocImage.originalWidth .wrapper img {
	width: auto;
	max-width: 100%;
	height:auto;
}
.ltIE9 .blocImage.originalWidth .wrapper img {
	width: auto;
	max-width: 100%;
}

.ltIE9 .blocImage > .encart {
	margin-top:-2px;
}
.blocImage > .encart {
	font-size:1rem;
}
.ltIE9 .blocImage > .encart { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.blocImage .picto_zoom, .blocImage .picto_clic {
	display: inline-block;
	width: 54px;
	height: 54px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.blocImage .picto_clic .hand,
.blocImage .picto_clic .fond,
.blocImage .picto_zoom .loupe,
.blocImage .picto_zoom .fond {
	display: inline-block;
	width: 100%;
	height: 100%;	
}
.blocImage .picto_zoom .loupe {
	background: url(../img/picto-loupe-zoom.png) 0 0 no-repeat;
	position: relative;
	bottom: -8px;
	right: -10px;	
}
.blocImage .picto_clic .hand {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAYAAADsHujfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RURDQThFRTdGRDI0MTFFODlGNDlENTQ4OTE2MDE1QzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RURDQThFRTZGRDI0MTFFODlGNDlENTQ4OTE2MDE1QzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExRjgwRDc0RDM5NDExRTNCREREREIyRTc1OEE3QUZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExRjgwRDc1RDM5NDExRTNCREREREIyRTc1OEE3QUZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sKjUdgAAAuhJREFUeNrMmL9rFEEUx3d2Vw3xBwcmKEEvSrAyihZ2AUEUESUJisRGEMHSfyCVtY0QiJ02ghZa6REimCIgYiGSeMEijcRC/Inir+R0zfgdeCPPuXe7s3d75B58uNudH/vdmXlv3qzSWgedYDEIgQJWkaJfSaFbpliZZv24v1ntVxVGJHI6XAvTYdAhFrehz1Ui1/OKFpJQn6PgBNgFamAO3KPfkHAmR+sQxAVg+toJprVsy2Cc6kVO20i62ayIflDV2WbF/CekCK8x09EPKmDQKXsFNoMedu83OATm2dJo2WuMiLIgYhlcBPvAfnCXla0DY0WuEdN2D1h0hv4nGKZySy94z+pMOWslCltw0W3gGiiBX3R/BZwD92nY7dB/Ad9Z+w2S+6om48Q7GmLjnttJwCITwe08rSNrS+4WEbM9wXdNmFE8Co6DAfADzIIb4LMjIqGYMunEjkora8TU7QOVBm75AYwBRXNv6o+CFafeDFjvPDfyFWLqlT3ixBvQnSLCtN8hxRGfgGZFLAgP/goSdn2L6o80EFEWRHgJsWG7KoTrS6AE9oIJcJXaDOcUkSmkUdg2Ik5R+REwwOLFWVDznA4vIT4iHrB7s+CxMHVVGtEgY/pFIQG9gSTCRswhj83NV4QoJCTXepQiQpEbp3nQE4/piNPc11yfTtk7eL2NtKXPg08UR56Cy1QW5Ni36kbEXN9kIv6AC0Kn5nqQvMaKKrFApnJuoFHsHAcCYU+4LYR5E7bvUHh/Dt6CF2BCOGZ4mbT71tj/TWALE8BFdIGt4Bg4DKYo6WkqyQqFw88cu9cLroM+0E3JjhVhbQEMgZcgajbDclPFhDKqZ5RJWfsIvoHdTnsj4iR43eKJoC5VjGmurzj3e9oo4l8aUJfa08ofp/gh2cOccSLTaxpl8TYLOwDOgIOU3pmsfJqysKTAA5rOOk4kKYu8yHOzznqj2Pnk0Dbzfau2f7aIaS2s+ecJ1Smfrv4KMAAAypoNh81MHwAAAABJRU5ErkJggg==) 0 0 no-repeat;
	position: relative;
	bottom: -10px;
	right: -10px;	
}
.blocImage .picto_clic .fond,
.blocImage .picto_zoom .fond {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	background-color: black;
	opacity: 0.8;
}

/* bloc video */
.blocVideo {
	margin-top: 20px;
}
.ltIE9 .blocVideo {
	font-size: inherit;
}
.blocVideo > .encart {
	font-size:1rem;
}
.ltIE9 .blocVideo > .encart { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.blocVideo > .encart {
	margin-top:-2px;
}

.blocVideo a.ico_video {
	display: inline-block;
	position: relative;
	width: 100%;
}
.blocVideo.gauche a.ico_video {
	float: left;
	margin: 0 15px 0 0;
}
.blocVideo.droite a.ico_video {
	float: right;
	margin: 0 0 0 15px;
}
.blocVideo a.ico_video img {
	width: 100%;
}
.blocVideo a.ico_video .play {
	background: url(../img/video_play_gris_grande.png) 0 0 no-repeat;
	background-size: 100%;
	width: 150px;
	height: 150px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -75px 0 0 -75px;
	display: block;
}
.blocVideo a.ico_video .play.style1 {
	/* style par défaut */
}
.blocVideo a.ico_video .play.style2 {
	background-image: url(../img/video_play_orange_grande.png);
}


/* bloc diaporama */
.blocDiaporama {
	margin-top:20px;
}

.blocDiaporama .flexslider {
	background: #e5e5e5;
}

.blocDiaporama .blocImage {
	margin-top:0;
}
.blocDiaporama .controlesWrapper {
	margin: 0 auto;
	position: relative;
	height: 33px;
	max-width: 920px;
	font-size: 0; 
	overflow: hidden;
	background: #3c3c3c;
}
.ltIE9 .blocDiaporama .controlesWrapper { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


.blocDiaporama .controles {
	display: block;
	height: 33px;
}

.blocDiaporama .controles > li {
	display: inline-block;
	vertical-align: top;
}

.blocDiaporama .controles > li > * {
	vertical-align: top;
}

.blocDiaporama .controles > li > ul.pages {
	display: inline;
}

.popin-zoom-image.diaporama ul.pages {
	display: block;
	vertical-align: top;
	font-size: 0; 
}
.ltIE9 .popin-zoom-image.diaporama ul.pages  { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


.blocDiaporama .controles > li > ul.pages > li,
.popin-zoom-image.diaporama ul.pages > li {
	display: inline-block;
	position: relative;
	width:10px;
	height:33px;
	margin:0 0 0 10px;
}

.blocDiaporama .controles > li > ul.pages > li > a,
.popin-zoom-image.diaporama ul.pages > li > a {
	display: inline-block;
	position:relative;
	top:12px;
	width:10px;
	height: 10px;
	background: #fff;
	cursor: pointer;
}

.blocDiaporama .controles > li > ul.pages > li > a:active,
.popin-zoom-image.diaporama ul.pages > li > a:active {
	background: #888;
}

.blocDiaporama .controles > li > ul.pages > li > a.flex-active,
.popin-zoom-image.diaporama ul.pages > li > a.flex-active{
	background: #eb7420 !important;
}

.blocDiaporama .controles > li {
	float:right;
}

.blocDiaporama .controles > li.pagesLi {
	float:none;
}

.blocDiaporama .controles > li > a.btn {
	display: inline-block;
	padding:0 11px;
	height: 33px;
	border-left:1px solid #9e9e9e;
}

.blocDiaporama .controles > li > a.btn:active {
	background: #888;
}

.ltIE9 .blocDiaporama .controles a{
	background-color:#3c3c3c;	
}

.blocDiaporama .controles > li > a.btn:after {
	display: block;
	position:absolute;
	top:10px;
	width: 9px;
	height: 13px;
	content:"\00a0"; /* espace insécable */ 
	background-image: url(../img/diaporama/ctrl-diapo.png);
	background-repeat: no-repeat;
	position: relative;
}

.blocDiaporama .controles > li > a.btn.precedent:after {
	background-position: 0 0;
}
.blocDiaporama .controles > li > a.btn.suivant:after {
	background-position: -50px 0;
}
.blocDiaporama .controles > li > a.btn.play:after {
	background-position: -100px 0;
}
.blocDiaporama .controles > li > a.btn.pause:after {
	background-position: -150px 0;
}

/* placeholder */
.blocDiaporama .diaporamaPH {
	display: block;
	background: transparent;
}




/* encart utilisé pour le bloc image et le bloc video */
.encart {
	font-size: 1rem; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	position: relative;
	top: 0px;
}
.ltIE9 .encart { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.encart.transparent {
	background-color: #fff;
}
.div {
    background:rgb(255,255,255);
	background: transparent\9;
	background:rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);
	zoom: 1;
}
.div:nth-child(n) {
	filter: none;
}
.encart.visible {
	background-color: #e5e5e5;
	padding-bottom: 16px;	
}
.miseEnAvant .encart.visible {
	background: #fff;
}

.encart:before {
	position: absolute;
	left: 8px;
	top: -9px;
}
.encart.transparent:before,
.miseEnAvant .encart.visible:before {
	content: url(../img/encoche-encart-blanche.png);
}
.encart.visible:before,
.miseEnAvant .encart.transparent:before { 
	content: url(../img/encoche-encart-grise.png);
}

.miseEnAvant .encart.transparent {
	background: #e5e5e5;
}

/* Copyright ferré à gauche si pas d'encart visible */
.encart .copyright {
	font-size: 0.7692307692307692em; /* 10px / 13px */
	font-style: italic;
	color: #797979;
}
.encart.transparent .copyright {
	padding: 0.5em 0 0 0;
}
.encart.visible .copyright {
	padding: 0.5em 13px 0 13px;
}
.encart .cartouche {
                display:block;
}
.encart .cartouche> span {
                display: inline-block;
                background: #787f87;
                padding:0.6em 0.7em;
                font-size: 0.7692307692307692em; 
                font-style: normal;
                color: #fff;
                text-transform: uppercase;
}
.encart.transparent .cartouche {
                padding: 0.5em 0 0 0;
}
.encart.visible .cartouche {
                padding: 0.5em 13px 0 13px;
}
.encart .titre {
	font-size: 0.9230769230769231em; /* 12px / 13px */
	font-weight: bold;
	line-height: 133.333333333333%; /* 16px / 12px */
	color: #3c3c3c;
}
.encart.transparent .titre {
	padding: 8px 0 0 0;
}
.encart.visible .titre {
	padding: 0.66666em 13px 0 13px;
}
.encart .legende {
	font-size: 0.9230769230769231em; /* 12px / 13px */
	line-height: 133.333333333333%; /* 16px / 12px */
	color: #3c3c3c;
}
.encart.transparent .legende {
	padding: 2px 0 0 0;
}
.encart.visible .legende {
	padding: 2px 13px 0 13px;
}


/* bloc avec zone flottante gauche ou droite */
.blocAvecZoneFlottante {
	margin-top: 15px;
	clear: both;
}
.blocAvecZoneFlottante > .zoneFlottante > *:FIRST-CHILD,
.blocAvecZoneFlottante > .zoneCoulante > *:FIRST-CHILD,
.blocAvecZoneFlottante > .zoneCoulante .editorial *:FIRST-CHILD {
	margin-top: 0;
	padding-top: 0;
}
.zoneFlottante {
	width: 46.66666666666667%; /* 280px / 600px */
}
.zoneFlottante.gauche {
	float: left;
	margin: 3px 3.33333333333333% 3px 0; /* 20px / 600px */
}
.zoneFlottante.droite {
	float: right;
	margin: 3px 0 3px 3.33333333333333%; /* 20px / 600px */
}


body.editMode .blocAvecZoneFlottante .zoneFlottante {
	width: 48.66666666666667%; /* 280px / 600px */
}

body.editMode .blocAvecZoneFlottante .zoneCoulante {
	width: 48.66666666666667%; /* 280px / 600px */
}

body.editMode .blocAvecZoneFlottante .zoneFlottante.gauche {
 	float: left;
 	margin: auto;
 }
 
body.editMode .blocAvecZoneFlottante .zoneFlottante.droite {
 	float: right;
 	margin: auto;
}

body.editMode .blocAvecZoneFlottante .zoneCoulante.gauche {
	float: left;
}

body.editMode .blocAvecZoneFlottante .zoneCoulante.droite {
	float: right;
}

/* picto dans image dans zone flottante */
.zoom_popin {
	font-size: 0;
}

.zoneFlottante .blocImage .picto_clic,
#details_media #bloc_visuel_media .blocImage .picto_clic,
.zoneFlottante .blocImage .picto_zoom,
#details_media #bloc_visuel_media .blocImage .picto_zoom {
	width: 34px;
	height: 34px;
}
.zoneFlottante .blocImage .picto_clic .hand,
#details_media #bloc_visuel_media .blocImage .picto_clic .hand,
.zoneFlottante .blocImage .picto_zoom .loupe,
#details_media #bloc_visuel_media .blocImage .picto_zoom .loupe {
	background-size: 68.75%; /* rapport de largeur entre les deux loupes 22px/32px */
	bottom: -5px;
	right: -5px;	
}

.ltIE9 .zoneFlottante .blocImage .picto_zoom .loupe,
.ltIE9 #details_media #bloc_visuel_media .blocImage .picto_zoom .loupe {
	background-size: 100%;
	background-image: url(../img/picto-loupe-zoom-small.png);
}

/* picto play dans bloc video dans zone flottante ou ressources */
.zoneFlottante .blocVideo a.ico_video .play {
	background-image: url(../img/video_play_gris_petite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
}
.zoneFlottante .blocVideo a.ico_video .play.style1 {
	/* style par défaut */
}
.ressource.blocVideo a.ico_video .play {
	background-image: url(../img/video_play_gris_tres_petite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 80px;
	height: 80px;
	margin: -35px 0 0 -40px;
}
.ressource.blocVideo a.ico_video .play.style1 {
	/* style par défaut */
}
.zoneFlottante .blocVideo a.ico_video .play.style2 {
	background-image: url(../img/video_play_orange_petite.png);
}
.ressource.blocVideo a.ico_video .play.style2 {
	background-image: url(../img/video_play_orange_tres_petite.png);
}

/* Onglets pliés / dépliés */
.planSite #plan {
	margin: 2em 0 15px 0;
} 
.listeOnglets {
	margin: 15px 0;
}
.planSite #plan > li,
.listeOnglets .onglet {
	margin-top: 1px;
	display: block !important;
	widows: 1;
	orphans: 1;
}

.planSite #plan > li *,
.listeOnglets .onglet *{
	widows: 1;
	orphans: 1;
}

.planSite #plan > li > span.titre,
.listeOnglets .onglet > div.titre {
	position: relative;
	font-weight: bold;
	line-height: 120%;
}

.planSite #plan > li.deplie > span.titre {
	margin:0 0 1em 0 !important;
}

.listeOnglets .onglet > div.titre.long {
	font-size: 1.076923076923077em; /* 14px / 13px */
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
}
.planSite #plan > li > span.titre,
.listeOnglets .onglet > div.titre.court {
	font-size: 1.538461538461538em; /* Base 20px - 20px / 13px */
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
}
.planSite #plan > li > span.titre,
.listeOnglets .onglet > .titre:hover {
	cursor: pointer;
}
.planSite #plan > li.deplie > span.titre,
.listeOnglets .onglet.deplie > div.titre {
	background: url(../img/onglet-deplie-moins.png) 10px 24px no-repeat;		
	background-color: #787f86;
	color: white;
	padding: 15px 39px 10px 39px;
	margin-bottom: 5px;
	
	/*
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	*/
}
.planSite.accueilRubriqueAuto #plan > li.deplie > span.titre {
	display: none;
}
.planSite #plan > li > span.titre {
	display: block;
}

.listeOnglets .onglet.deplie .editorial p{
	margin: 5px 0 15px 0;
}
.listeOnglets .onglet.deplie .listeRessources{
	margin-top: 0;
}
.planSite #plan > li.deplie > span.titre,
.listeOnglets .onglet.deplie > div.titre.court {
	background-position: 10px 25px;
}
.planSite #plan > li.replie > span.titre,
.listeOnglets .onglet.replie .titre {
	background: url(../img/onglet-replie-plus.png) 12px 18px no-repeat;		
	background-color: #e5e5e5;
	color: black;
	padding: 16px 39px 15px 39px;
}
.planSite #plan > li.replie > span.titre,
.listeOnglets .onglet.replie .titre.court {
	background-position: 12px 22px;
}
.planSite #plan > li.deplie > span.titre:before,
.listeOnglets .onglet.deplie > div.titre:before {
	position: absolute;
	left: 24px;
	bottom: -11px;
	content: url(../img/onglet-deplie-encoche.png);
}
.listeOnglets .onglet > .titre:hover,
.planSite #plan > li > span.titre:hover{
	text-decoration: underline;	
}
.planSite #plan > li .contenu,
.listeOnglets .onglet .contenu {
	padding-bottom: 10px;
}
.planSite #plan > li.deplie .contenu,
.listeOnglets .onglet.deplie .contenu {
	display: block;
	padding-top: 8px;
	overflow: visible;
}
.planSite #plan > li.deplie .contenu {
	padding-bottom: 2em;
}
.planSite #plan > li.replie .contenu,
.listeOnglets .onglet.replie .contenu {
	display: none;
}
.listeOnglets .onglet .contenu > .editorial > *:first-child {
	margin-top:5px !important;
}
/* Mise à jour */
.center_maj{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-weight: normal;
	font-size: 0.9230769230769231rem; /* Base 12px - 12/13px */
	font-style: italic;
	color: #787f86;
	margin: 20px 0;
}
.ltIE9 .center_maj { /* alternative aux tailles "rem" */
	font-size:0.9230769230769231em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Ressources */
.listeRessources {
	display: block;
	margin-top: -5px;
	font-size: 0; 
}
.ltIE9 .listeRessources { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


.onglet.deplie .listeRessources{
	margin-bottom: 30px;
}
.listeRessources .ressource {
	display: inline-block;
	vertical-align: top;
	width: 46.66666666666667%; /* 280px / 600px */
	margin-top: 20px;
	font-size: 1rem; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

body.editMode .listeRessources.evenodd_assignable{
	display: block;
	margin-top: auto;
	font-size: 0;
}

body.editMode .listeRessources.evenodd_assignable .mRessources .ressource {
	width: 96%; /* 280px / 600px */
	font-size: 1rem;
	margin-top: auto; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

body.editMode .listeRessources.evenodd_assignable .mRessources{
	width: 47%;
	margin: 1.5%;
	display: inline-block; /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/ /* 40px / 600px */
}

.ltIE9 .listeRessources .ressource { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body .listeRessources.evenodd_assignable .ressource:nth-child(even) {
	margin-left: 5%; /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/ /* 40px / 600px */
}
body .listeRessources.evenodd_assignable .ressource.even {
	margin-left: 5%; /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/ /* 40px / 600px */
}
body.editMode .listeRessources.evenodd_assignable .ressource:nth-child(even) {
	margin-left: 3%; /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/ /* 40px / 600px */
}
body.editMode .listeRessources.evenodd_assignable .ressource.even {
	margin-left: 3%; /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/ /* 40px / 600px */
}



.ltIE9 .ressource > div {
	max-width: 280px;
}

.ressource > fieldset > div:first-of-type /* EDIT MODE MAGNOLIA */ {
	font-size: 0; 
}
.ltIE9 .ressource > fieldset > div:first-of-type { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}

.ressource > div:first-child {
	font-size: 0; 
}
.ltIE9 .ressource > div:first-child  { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


.ressource > fieldset > div:first-of-type > .cartouche /* EDIT MODE MAGNOLIA */  {
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	display: inline-block;
	padding: 5px 9px;
	background-color: #3c3c3c;
	font-size: 0.7692307692307692rem; /* 10px / 13px */
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}
.ltIE9 .ressource > fieldset > div:first-of-type > .cartouche { /* alternative aux tailles "rem" */
	font-size:0.7692307692307692em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ressource > div:first-child > .cartouche {
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	display: inline-block;
	padding: 5px 9px;
	background-color: #3c3c3c;
	font-size: 0.7692307692307692rem; /* 10px / 13px */
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}
.ltIE9 .ressource > div:first-child > .cartouche { /* alternative aux tailles "rem" */
	font-size:0.7692307692307692em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ressource > fieldset > div >  .texteComplementaire, /* EDIT MODE MAGNOLIA */
.ressource > div >  .texteComplementaire {
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 0.8461538461538462rem; /* 11px / 13px */
	color: #3c3c3c;
	line-height: 145.454545454545%; /* 16px / 11px */
	text-transform: uppercase;
	margin-left: 0.7692307692307692em;
}
.ltIE9 .ressource > fieldset > div >  .texteComplementaire, /* EDIT MODE MAGNOLIA */
.ltIE9 .ressource > div >  .texteComplementaire { /* alternative aux tailles "rem" */
	font-size:0.8461538461538462em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ressource img {
	margin-top: 10px;
	width: 100%;
	border:1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.ressource .titreRessource {
	font-weight: bold;
	line-height: 123.076923076923%; /* 16px / 13px */
	padding-top: 8px;
}
.ressource .description {
	font-size: 0.9230769230769231em; /* 12px / 13px */
	line-height: 133.333333333333%; /* 16px / 12px */
	color: #3c3c3c;
	padding-top: 5px;
}

.listeHorizontale {
	display: inline;
}

.listeHorizontale > li {
	display: inline-block;
}

.listeHorizontale > li:after {
	content: "\2502";
	margin:0 0.5em;
}

.listeHorizontale > li:last-child:after {
	content:none;
}
.listeHorizontale > li:last-child:after { /* IE 8 - ne pas concaténer au style précédent */
	content:none;
}

/***************************** Fin page éditoriale ***********************/

/*********************************************************************************
 * Exemple de règles mises en place : 
 *********************************************************************************
 * initialement colonne centrale (3 sous colonnes) + colonne de droite
 * - 1er point de rupture : disparition de la colonne de droite, 
 * - 2e point de rupture  : dans la colonne centrale et ensuite blocs sur 2 colonnes 
 *********************************************************************************/
#container_principal {
	/* pour IE 8 on met en place une résolution fixe minimale. */
	/* min-width 600px;*/
}
#container_principal img {
	max-width: 100%;
	height:auto;
}
.container_contenuPrincipal{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 65.21739130434783%; /* 600px / 920px */
	min-width: 52.17391304347826%; /* 480px / 920px */
}

/**************************** Debut colonne droite *************************/

/* TODO retirer ce qui concerne colonneDroite depuis 'Gestion versions bureau / mobile', en s'assurant que pas de conflit niveau CVS */

.container_colonneDroite {	
	display: inline-block;
	vertical-align: top;
	background-color: white;
}
.container_colonneDroite {
	width: 30.43478260869565%; /* 280px / 920px */
	margin: 0 0 0 4.347826086956522%; /* 40px / 920px */ 
	min-width: 23.91304347826087%; /* 220px / 920px */
}
#desktopBarreFonctionnalites{
	display: inline;
}
#barre_fonctionnalites{
	width: 100%;
	position: relative;
	background-color: #e5e5e5;
	padding-bottom: 4px;
	padding-top: 9px;
	line-height: 13px;
	font-size: 0; 
}
.ltIE9 #barre_fonctionnalites { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}



.bf_outils{
	display: inline-block;
	width: 97%;
	padding:0 4px;
	font-size: 0; 
} 
.ltIE9 .bf_outils { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}
.bf_outils li {
	display: inline-block;
	vertical-align: middle; 
	margin: 0 0 5px 3%;
}
.foreign .bf_outils li {
	margin-left: 8%;
}
@media screen and (max-width:900px) {
	.foreign .bf_outils li {
		margin-left: 7%;
	}
}
@media screen and (max-width:830px) {
	.foreign .bf_outils li {
		margin-left: 6%;
	}
}
@media screen and (max-width:790px) {
	.foreign .bf_outils li {
		margin-left: 5%;
	}
}

.bf_outils li.cache {
	display:none !important;
}

/*
.ltIE9 #barre_fonctionnalites .bf_outils li {
	margin: 0 0 0 9px;
}
*/
#barre_fonctionnalites:before{
	position: absolute;
	top: 50%;
	left: -7px; /* base 7px - 7/280px */
	margin-top:-17px;
	content: "\00a0"; /* espace insécable */
	font-size: 0;
	width:7px;
	height:35px;
	background: url(../img/barreFonctionnalites/EncocheBarreFonctionnalites.png) no-repeat 0 0;
}
#barre_fonctionnalites .bf_outils li.voirSelection{
	display:none;
}
.bf_outils a span.title{
	display:none;
}
.bf_outils a span.icon{
	display: inline-block;
	height: 23px;
	width: 30px;
	background-image: url(../img/barreFonctionnalites/barreFonctionnalites.png);
	background-repeat: no-repeat;
	position: relative;
	top:5px;
}
.ltIE9 .bf_outils a span.icon{
	top:0;
}

.bf_outils .ajoutSelection a span.icon{
	background-position: -50px 0;
}
.bf_outils .ajoutSelection a:hover span.icon{
	background-position: -50px -50px;
}
.bf_outils .retraitSelection a span.icon{
	background-position: -100px 0;
}
.bf_outils .retraitSelection a:hover span.icon{
	background-position: -100px -50px;
}

.bf_outils .voirSelection a span.icon{
	background-position: -300px 0;
}
.bf_outils .voirSelection a:hover span.icon{
	background-position: -300px -50px;
}

.bf_outils .envoiMail a span.icon{
	background-position: -155px 0;
	width:21px;
}
.bf_outils .envoiMail a:hover span.icon{
	background-position: -155px -50px;
}

.bf_outils .impression a span.icon{
	background-position: -206px 0;
	width:19px;
}
.bf_outils .impression a:hover span.icon{
	background-position: -206px -50px;
}

.bf_outils .contactINRS a span.icon{
	background-position: -5px 0;
	width:20px;
}
.bf_outils .contactINRS a:hover span.icon{
	background-position: -5px -50px;
}

.bf_outils .partageSocial a span.icon{
	background-position: -256px 0;
	width:17px;
}
.bf_outils .partageSocial a:hover span.icon{
	background-position: -256px -50px;
}

.bf_outils .bf_taillesCar{
	display: inline-block;
	width: 105%;
} 
.bf_outils .bf_taillesCar li{
	display: inline-block;
	margin: 0 0 0 1px !important;
	height: 32px;
	width: 32px;
	background-color: #787f86;
} 
.bf_outils .bf_taillesCar li a {
	display: inline-block;
	width: 32px;
	height: 32px;
}
.bf_outils .bf_taillesCar li a:hover {
	background-color: #ea7420;
}
.bf_outils .bf_taillesCar li a span {
	margin-top:5px;
	top:0 !important;
}
.bf_outils .bf_APlus a span{
	background-position: -450px 0;
}
.bf_outils .bf_A a span{
	background-position: -400px 0;
}
.bf_outils .bf_AMoins a span{
	background-position: -350px 0;
}
.bloc_compedit,
.bloc_voiraussi,
.bloc_actuspresse,
.bloc_agenda, 
#bloc_bdd,
.bloc_video_colonneDroite,
.bloc_discipline_recherche{
	width: 100%;
	background-color: #e5e5e5;
	margin-top: 30px;
}
.bloc_voiraussi,
.bloc_compedit{
	padding: 30px 0 20px 0;
}
#bloc_bdd{
	padding: 25px 0 20px 0;
}
.bloc_actuspresse,
.bloc_agenda {
	padding: 20px 0;
}
.bloc_compedit .bce_titrep, 
.bloc_compedit .bce_soustitre, 
.bloc_compedit > ul,
.bloc_compedit .editorial, 
.bloc_voiraussi .bva_titrep, 
.bloc_voiraussi ul, 
.bloc_actuspresse ul, 
.bloc_actuspresse h5, 
.bloc_agenda ul, 
.bloc_agenda h5,
#bloc_bdd h5, 
#bloc_bdd form, 
#bloc_bdd p{
	margin-left: 8.2142857143%; /* base 23px - 23/280px */
	margin-right: 8.2142857143%; /* base 23px - 23/280px */
	max-width: 100%;
}
.bloc_compedit .editorial {
	margin-top:1em;
	margin-bottom:1em;
}
.bloc_video_colonneDroite {
	padding-bottom: 10px;
}
.bloc_video_colonneDroite .bce_desc {
	margin-left: 8.2142857143%; /* base 23px - 23/280px */
	margin-right: 8.2142857143%; /* base 23px - 23/280px */
	padding-bottom: 10px;
}
.bloc_video_colonneDroite .bce_titre {
	display: inline-block;
	margin-left: 8.2142857143%; /* base 23px - 23/280px */
	margin-right: 8.2142857143%; /* base 23px - 23/280px */
	margin-top: 15px;
	margin-bottom: 10px;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; /* base 13px - 13/13px */
	font-weight: bold;
	color: #3c3c3c;
}
.ltIE9 .bloc_video_colonneDroite .bce_titre { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_video_colonneDroite a.ico_video {
	display: inline-block;
	position: relative;
	width: 100%;
}
.bloc_video_colonneDroite a.ico_video img {
	width: 100%;
}
.bloc_video_colonneDroite a.ico_video .play {
	background-image: url(../img/video_play_gris_petite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
}
.bloc_video_colonneDroite a.ico_video .play.style1 {
	/* style par défaut */
}
.bloc_video_colonneDroite a.ico_video .play.style2 {
	background-image: url(../img/video_play_orange_petite.png);
}
.bloc_compedit .bce_titrep,
.bloc_voiraussi .bva_titrep{
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.846153846em; /* base 24px - 24/13px */
	font-weight: normal;
	color: #787f86;
	text-transform: uppercase;
}
.bloc_compedit ul li,
.bloc_actuspresse ul li{
	margin-bottom: 15px;
	max-width: 100%;
}
.bloc_compedit .bce_titrep, 
.bloc_actuspresse h5, 
.bloc_agenda h5 {
	margin-bottom: 18px;
	margin-top: 0;
}
.bloc_compedit .bce_soustitre{
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.53846154em; /* base 19px - 19/13px */
	font-weight: normal;
	color: #787f86;
	margin-bottom: 20px;
}

.bloc_compedit .zoneTitre {
	position: relative;
}
.bloc_compedit .zoneTitre > .rss {
	font-size: 0;
	display: inline-block;
	position: absolute;
	top:3px;
	right:23px;
	
	vertical-align: middle;
	margin:0 0 0.5em 1em;
	width:18px;
	height:18px;
	background: url(../img/rss.png) 0 0 no-repeat;
}
.bloc_compedit .zoneTitre > .rss:hover {
	background-position: 0 -25px;
}

.bloc_compedit .bce_cartouche,
.center_cartouche{
	display: inline-block;
	font-size: 1rem; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	padding: 8px;
	margin-bottom: 10px;
}
.ltIE9 .bloc_compedit .bce_cartouche,
.ltIE9 .center_cartouche { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_cartouche{
	background-color: #787f86;
	font-size: 0.6923076923em; /* base 9px - 9/13px */
}
.center_cartouche{
	background-color: #3c3c3c;
	font-size: 0.923076923em; /* base 12px - 1é/13px */
	margin-bottom: 15px;
}
.bloc_compedit img {
	margin-bottom: 10px;
	max-width: 100%;
	height:auto;
}
.bloc_compedit a,
.bloc_actuspresse .bap_tousliens,
.bloc_agenda .bap_tousliens {
	display: block;
	max-width: 100%;
}
.bloc_compedit .editorial a {
	display: inline;
	max-width: none;
}
.ltIE9 .bloc_compedit .bce_lienint,
.ltIE9 .bloc_compedit .bce_lienext{
	width: 100%;
}
.ltIE9 .bloc_compedit .bce_titre{
	display: block;
	max-width: 100%;
}
.bloc_compedit .bce_titre{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; /* base 13px - 13/13px */
	font-weight: bold;
	color: #3c3c3c;
	margin-bottom: 6px;
}
.ltIE9 .bloc_compedit .bce_titre { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_desc > span,
.bloc_compedit .bce_desc > a,
.bloc_video_colonneDroite .bce_desc > span,
.bloc_video_colonneDroite .bce_desc > a {
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 0.9230769rem; /* base 12px - 12/13px */
	font-weight: normal;
	color: #6a6a6a;

	display: block;
	max-width: 100%;
	margin-bottom: 8px;
}
.ltIE9 .bloc_compedit .bce_desc > span,
.ltIE9 .bloc_compedit .bce_desc > a,
.ltIE9 .bloc_video_colonneDroite .bce_desc > span,
.ltIE9 .bloc_video_colonneDroite .bce_desc > a  { /* alternative aux tailles "rem" */
	font-size:0.9230769em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_contact a,
.bloc_compedit .bce_lienrub a,
.bloc_actuspresse .bap_tousliens a, 
.bloc_agenda .bap_tousliens a{
	display:inline-block;
	padding-left: 10px;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 0.9230769rem; /* base 12px - 12/13px */
	font-weight: bold;
	color: #787f86;
}
.ltIE9 .bloc_compedit .bce_contact a,
.ltIE9 .bloc_compedit .bce_lienrub a,
.ltIE9 .bloc_actuspresse .bap_tousliens a, 
.ltIE9 .bloc_agenda .bap_tousliens a { /* alternative aux tailles "rem" */
	font-size:0.9230769em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_contact,
.bloc_compedit .bce_lienrub,
.bloc_actuspresse .bap_tousliens,
.bloc_agenda .bap_tousliens{
	display: inline-block;
  	background: url(../img/blocCompEdit/EncocheLien.png) 0 11px no-repeat;
 	margin-left: 8.21429%;
    margin-right: 8.21429%;
    margin-top: 10px;
    padding-top: 8px;
	border-top: 1px solid #cacaca;
	width: 83.57142857%; /* base 234px - 234/280px */
}

.bloc_compedit .bce_contact {
	background: none;
}

.bloc_compedit .bce_lienint a,
.bloc_compedit .bce_lienext a{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; /* base 13px - 13/13px */
	font-weight: bold;
	margin-bottom: 3px;
}
.ltIE9 .bloc_compedit .bce_lienint a,
.ltIE9 .bloc_compedit .bce_lienext a { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_lienint a{
	color: #3c3c3c;
	padding-left: 10px;
}
.bloc_compedit .bce_lienint a .date {
	font-weight: normal;
	font-style:italic;
	display: inline-block;
}
.bloc_compedit .bce_lienint{
	display: block;
  	background: url(../img/lienComplementaire-style1-bullet-point.png) 0 3px no-repeat;
}
.bloc_compedit .bce_lienext a{
	color: #787f86;
	padding-left: 15px;
}
.bloc_compedit .bce_lienext{
	display: block;
 	background: url(../img/lienComplementaire-style2-bullet-point.png) 0 1px no-repeat;
}

.bloc_compedit a.illustr {
	font-size: 0;
}
.bloc_compedit a.ico_video {
	position: relative;
}
.bloc_compedit a.ico_video .play {
	position: absolute;
	top:50%;
	left:50%;
	background-image: url(../img/video_play_gris_minuscule.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50px !important;
	height: 50px !important;
	margin: -28px 0 0 -25px !important;
}

.bloc_compedit a.ico_video .play.style1 {
	/* style par défaut */
}
.bloc_compedit a.ico_video .play.style2 {
	background-image: url(../img/video_play_orange_minuscule.png);
}

.bloc_voiraussi .bva_titrep {
	margin-bottom: 20px;
}
.bloc_voiraussi ul{
	margin-right: 0;
}
.bloc_voiraussi ul li{
	display: inline-block;
	margin-bottom: 10px; 
	width: 93.3852140077821%; /* base 240px - 240/257px */
}
.bloc_voiraussi ul li a{
	display: inline-block;
	width: 100%;
	position: relative;
	min-height: 80px;	
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: white;
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.46153846em; /* base 19px - 19/13px */
}
.bloc_voiraussi .bva_titrewrapper{
	width:145px;
	height:60px;
	display:table;
	vertical-align:middle;
	overflow:visible;
	margin:0 0 0 auto;
	padding:10px 5px 10px 10px;
	background-color: #ea7420;
	position: relative;
}
.Safari534 .bloc_voiraussi .bva_titrewrapper{
	/* Android 4.0.x à 4.3.x browser natif ne prend pas en compte le padding ici pour height et width */
	width:160px;
	height: 80px;
}
.bloc_voiraussi .bva_titre:before {
	content:"<";
	font-size: 0;
	background: url(../img/blocVoirAussi/EncocheVoirAussi.png) 0 0 no-repeat;
	width:6px;
	height:17px;

	position:absolute;
	top:32px;
	left:-6px;
}
.bloc_voiraussi .bva_titre {
	display: table-cell;
	line-height: 1em;
	vertical-align: middle;
	text-align: left;
}
.bloc_voiraussi a:hover .bva_titre{
	text-decoration: underline;
} 
.bloc_actuspresse h5,
.bloc_agenda h5 {
	display:inline-block;
	text-transform: uppercase;
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	background-position: 0 0;
	background-repeat: no-repeat;	
	padding-left: 35px;
	font-size: 1.84615385em; /* base 24px - 24/13px */
	line-height: 145.833333333333%; /* 35px / 24px */
	color: #787f86;
}
.bloc_actuspresse h5{
	background-image: url(../img/footer/ActusLogo.png);
}
.bloc_actuspresse .ffollowDate{
	color: #787f86;
}
.bloc_actuspresse .ffollowSousTitre{
	color: #3c3c3c;
}
.bloc_actuspresse .ffollowSousTitre a,
.bloc_agenda .ffollowSousTitre a{
	display: inline-block;
	width: 100%;
}
.bloc_agenda h5 {
	background-image: url(../img/blocAgenda/AgendaLogo.png);
}
.bloc_agenda ul li {
	margin-bottom: 18px;
	min-height: 70px;
}
.bloc_agenda p {
	color: #3c3c3c;
	line-height: 1.230769230769231em; /* 16px / 13px */
}
.bloc_agenda .ffollowInfoAgenda {
	margin: 7px 0 -3px 0;
	font-size: 0.9230769230769231em; /* 12px / 13px */
}
.bloc_actuspresse p {
	color: #3c3c3c;
	line-height: 1.230769230769231em; /* 16px / 13px */
}
.bloc_agenda a,
.bloc_actuspresse a {
	color: #3c3c3c;
}
#bloc_bdd h5{
	display: inline-block;
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.84615385em; /* base 24px - 24/13px */
	color: #3c3c3c;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 116.666666666667%; /* 28px / 24px */
}
#bloc_bdd p{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; 
	line-height: 1.230769230769231em;
	font-weight: bold;
	color: #3c3c3c;
	margin-bottom: 20px;
}
.ltIE9 #bloc_bdd p { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#bloc_bdd form{
	width: 85.57142857%; /* base 234px - 234/280px */
	position: relative;
	font-size: 0;
}
#bloc_bdd form .mgnlEditBlock {
	font-size:13px;
}
#bloc_bdd form > .select-style {
	width: 85%;
	display: inline-block;
}
#bloc_bdd form > .select-style:after{
	width: 35px;
}
#bloc_bdd form > .select-style select{
	height:31px;
	padding: 7px 2px;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-weight: normal;
	font-style: normal;
	font-size: 0.9230769230769231em;
	color: #5d5e5e;
	font-size: 13px;
}
.ltIE11 #bloc_bdd form .select-style select, 
.OtherUnknown #bloc_bdd form .select-style select{
	padding: 7px 2px!important;
}
.ltIE9 #bloc_bdd form .select-style select{
	padding: inherit !important;
	height: auto !important;
	margin-top:3px;
}
.IE9 #bloc_bdd form .select-style select,
.IE10 #bloc_bdd form .select-style select {
	padding:inherit !important;
	height: 2.46em;
}

#bloc_bdd .bbdd_button{
	height: 32px;
}

/* Compement Discipline de recherche */
.bloc_discipline_recherche{
	padding: 22px 0 18px;
}
.bloc_discipline_recherche .titre,
.bloc_discipline_recherche .cdr_soustitre,
.bloc_discipline_recherche .cdr_lienint{
	margin: 0 5%;
	max-width: 100%;
}
.bloc_discipline_recherche .titre{
	color: #787f86;
    font-family: pt_sans,sans-serif;
    font-size: 1.69230769230769em; /* 22px / 13px */
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0.590909090909091em; /* 13px / 22px */
}
.bloc_discipline_recherche .cdr_soustitre{
	font-weight: bold;
	margin-bottom: 1.15384615384615em; /* 15px / 13px */
}
.bloc_discipline_recherche .cdr_lienint {
    background: url("../img/lienComplementaire-style1-bullet-point.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    display: block;
    margin-bottom: 0.692307692307692em; /* 9px / 13px */
}
.bloc_discipline_recherche .cdr_lienint a{
	color: #3c3c3c;
    padding-left: 10px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 3px;
    display: block;
}
.bloc_discipline_recherche ul li{
    margin-bottom: 15px;
    max-width: 100%;
}


/**************************** Fin colonne droite *************************/


/**************************** Debut bandeau de pagination *************************/

.wrapperPagination{
   	margin: 0 auto;
	padding: 0 20px; /* 40px / 1000px */
	position: relative;
	max-width: 920px; /* normalement seule dimension en dur car on a une largeur max */
	height: 100%;
}

.ltIE9 .wrapperPagination{
	width: 920px; /* largeur fixe sous IE8 */
}

.wrapperPagination div {
	display: inline-block;
}

.wrapperPagination div.select-style {
	display: block;
}

.ltIE9 .wrapperPagination div.select-style {
	margin:2px 0 !important;
}

.resultatsRecherche .pagination,
.liste .pagination,
.formation .pagination,
.maSelection .pagination{
	background-color: #787f86;
	margin-top: 20px;
	min-height: 70px;
	margin-bottom: -30px;
}
.resultatsRecherche .pagination.affinage {
	background-color: #ea7420;
}
.resultatsRecherche .pagination.tri,
.resultatsRecherche .pagination.affinage,
.formation .pagination.tri
.maSelection .pagination.tri{
	margin-bottom: 0;
}
.pagination .navigationPages, 
.pagination .triPages,
.pagination .affiner,
.pagination .affinerMajFamille{
	width: 65.2173913%;
	position: relative;
	float: left;
	padding: 20px 0;
}
.pagination .navigationPages a{
	display: inline-block;
}
.pagination .navigationPages .nav_prec{
	font-family:pt_sans, sans-serif;
	font-size: 1.692307692307692em; /* Base 22px - 22/13px */
	float: left;
	margin-top: 3px;
	font-weight: normal;
	font-style: normal;
}
.pagination .navigationPages .nav_suiv{
	font-family:pt_sans, sans-serif;
	font-size: 1.692307692307692em; /* Base 22px - 22/13px */
	float: right;
	margin-top: 3px;
	font-weight: normal;
	font-style: normal;
}
.pagination .navigationPages a.nav_prec:hover,
.pagination .navigationPages a.nav_suiv:hover
{
	text-decoration: underline;
}
.pagination .navigationPages a.nav_prec,
.pagination .navigationPages a.nav_suiv{
	color: white;
}
.pagination .navigationPages span.nav_prec,
.pagination .navigationPages span.nav_suiv{
	color:#bcbfc3;
}
.dossier .pagination .liensMiseEnAvant,
.resultatsRecherche .pagination .choixAffichageResultats,
.liste .pagination .choixAffichageResultats,
.formation .pagination .choixAffichageResultats,
.maSelection .pagination .choixAffichageResultats{
	display: inline-block;
	text-align: center;
	width: 30.4347826%;
	margin: 0;
	float: right;
}
.resultatsRecherche .pagination .choixAffichageResultats,
.liste .pagination .choixAffichageResultats,
.formation .pagination .choixAffichageResultats,
.maSelection .pagination .choixAffichageResultats{
	padding: 20px 0;
	width: 29%;
}

.ltIE9 .pagination .choixAffichageResultats {
	margin-top:5px;	
}

/* Footer navigation */
.resultatsRecherche .navigationPages > span{
	display: table-cell;
	vertical-align: top;
}
.formation .navigationPages > span,
.liste .navigationPages > span,
.maSelection .navigationPages > span{
	display: table-cell;
	vertical-align: top;
}
.resultatsRecherche .navigationPages > span.btnNav,
.formation .navigationPages > span.btnNav,
.liste .navigationPages > span.btnNav,
.maSelection .navigationPages > span.btnNav{
	white-space: nowrap;
}
.resultatsRecherche .navigationPages > span.btnNav > *,
.formation .navigationPages > span.btnNav > *,
.liste .navigationPages > span.btnNav > *,
.maSelection .navigationPages > span.btnNav > *{
	position: relative;
	top:-4px;
}
.resultatsRecherche .navigationPages > span.btnNav:hover > * ,
.formation .navigationPages > span.btnNav:hover > * ,
.liste .navigationPages > span.btnNav:hover > * ,
.maSelection .navigationPages > span.btnNav:hover > * {
	border-bottom: 2px solid #fff;
}
.resultatsRecherche .navigationPages > span.btnNav.inactif:hover > *,
.formation .navigationPages > span.btnNav.inactif:hover > *,
.liste .navigationPages > span.btnNav.inactif:hover > * ,
.maSelection .navigationPages > span.btnNav.inactif:hover > *{
	border-bottom: none;
}
.resultatsRecherche .navigationPages > * > * ,
.formation .navigationPages > * > * ,
.liste .navigationPages > * > *,
.maSelection .navigationPages > * > *  {
	display: inline !important;
}
.resultatsRecherche .navigationPages > span.btnNav > *,
.resultatsRecherche .navigationPages .numerosPages ul li *,
.formation .navigationPages > span.btnNav > *,
.formation .navigationPages .numerosPages ul li *,
.liste .navigationPages > span.btnNav > *,
.liste .navigationPages .numerosPages ul li *,
.maSelection .navigationPages > span.btnNav > *,
.maSelection .navigationPages .numerosPages ul li *{
	font-family: pt_sans, sans-serif;
	font-size: 1.692307692307692em; /* 22px/13px */
	font-weight: normal;
	font-style: normal;
	color : #fff;
	text-align: left;
	vertical-align: middle;
	padding: 0;
}
.resultatsRecherche .navigationPages > span.btnNav.inactif > *,
.formation .navigationPages > span.btnNav.inactif > *,
.liste .navigationPages > span.btnNav.inactif > *,
.maSelection .navigationPages > span.btnNav.inactif > *{
	color:#bcbfc3;	
}
.resultatsRecherche .navigationPages .numerosPages,
.formation .navigationPages .numerosPages,
.liste .navigationPages .numerosPages,
.maSelection .navigationPages .numerosPages{
	width:auto;
	text-align: center;
}
.resultatsRecherche .navigationPages .numerosPages.reduit *,
.formation .navigationPages .numerosPages.reduit *,
.liste .navigationPages .numerosPages.reduit *,
.maSelection .navigationPages .numerosPages.reduit *{
	display: none;
}
.resultatsRecherche .navigationPages .numerosPages ul li,
.formation .navigationPages .numerosPages ul li,
.liste .navigationPages .numerosPages ul li,
.maSelection .navigationPages .numerosPages ul li{
	display: inline-block;
}
.resultatsRecherche .navigationPages .numerosPages ul li *,
.formation .navigationPages .numerosPages ul li *,
.liste .navigationPages .numerosPages ul li *,
.maSelection .navigationPages .numerosPages ul li *{
	width: 29px;
	height: 21px;
	text-align: center;
	padding: 0.181818181818182em /* 4px / 22px */ 0;
	display: inline-block;
}
.resultatsRecherche .navigationPages .numerosPages ul li.pageCourante span,
.formation .navigationPages .numerosPages ul li.pageCourante span,
.liste .navigationPages .numerosPages ul li.pageCourante span,
.maSelection .navigationPages .numerosPages ul li.pageCourante span{
	background-color: #ffffff;
	color: #787f86;
	text-decoration: none;
}
.resultatsRecherche .navigationPages > span.btnNav.premier,
.resultatsRecherche .navigationPages > span.btnNav.dernier,
.formation .navigationPages > span.btnNav.premier,
.formation .navigationPages > span.btnNav.dernier,
.liste .navigationPages > span.btnNav.premier,
.liste .navigationPages > span.btnNav.dernier,
.maSelection .navigationPages > span.btnNav.premier,
.maSelection .navigationPages > span.btnNav.dernier{
	width:3.5em;
}

.resultatsRecherche .navigationPages > span.btnNav.precedent,
.formation .navigationPages > span.btnNav.precedent,
.liste .navigationPages > span.btnNav.precedent,
.maSelection .navigationPages > span.btnNav.precedent{
	width:9em;
}
.resultatsRecherche .navigationPages > span.btnNav.suivant,
.formation .navigationPages > span.btnNav.suivant,
.liste .navigationPages > span.btnNav.suivant,
.maSelection .navigationPages > span.btnNav.suivant{
	width:7.3em;
}
.resultatsRecherche .navigationPages > span.btnNav.precedent.reduit,
.resultatsRecherche .navigationPages > span.btnNav.suivant.reduit,
.formation .navigationPages > span.btnNav.precedent.reduit,
.formation .navigationPages > span.btnNav.suivant.reduit,
.liste .navigationPages > span.btnNav.precedent.reduit,
.liste .navigationPages > span.btnNav.suivant.reduit,
.maSelection .navigationPages > span.btnNav.precedent.reduit,
.maSelection .navigationPages > span.btnNav.suivant.reduit{
	width:2em;
}
.resultatsRecherche .navigationPages > span.btnNav.precedent.reduit > * > span,
.resultatsRecherche .navigationPages > span.btnNav.suivant.reduit > * > span,
.formation .navigationPages > span.btnNav.precedent.reduit > * > span,
.formation .navigationPages > span.btnNav.suivant.reduit > * > span,
.liste .navigationPages > span.btnNav.precedent.reduit > * > span,
.liste .navigationPages > span.btnNav.suivant.reduit > * > span,
.maSelection .navigationPages > span.btnNav.precedent.reduit > * > span,
.maSelection .navigationPages > span.btnNav.suivant.reduit > * > span{
	display: none;
}

.resultatsRecherche .navigationPages > span.btnNav.suivant,
.resultatsRecherche .navigationPages > span.btnNav.dernier,
.formation .navigationPages > span.btnNav.suivant,
.formation .navigationPages > span.btnNav.dernier,
.liste .navigationPages > span.btnNav.suivant,
.liste .navigationPages > span.btnNav.dernier,
.maSelection .navigationPages > span.btnNav.suivant,
.maSelection .navigationPages > span.btnNav.dernier{
	text-align: right;
}

.resultatsRecherche .navigationPages > span.btnNav > a,
.formation .navigationPages > span.btnNav > a,
.liste .navigationPages > span.btnNav > a,
.maSelection .navigationPages > span.btnNav > a{
	text-decoration: none !important;
}

.resultatsRecherche .navigationPages > span.btnNav > *:before,
.resultatsRecherche .navigationPages > span.btnNav > *:after,
.formation .navigationPages > span.btnNav > *:before,
.formation .navigationPages > span.btnNav > *:after,
.liste .navigationPages > span.btnNav > *:before,
.liste .navigationPages > span.btnNav > *:after,
.maSelection .navigationPages > span.btnNav > *:before,
.maSelection .navigationPages > span.btnNav > *:after{
	font-size: 1.409090909090909em; /* 31/22 */ 
	position: relative;
	top:0.1em;
}

.ltIE9 .resultatsRecherche .navigationPages > span.btnNav > *:before,
.ltIE9 .resultatsRecherche .navigationPages > span.btnNav > *:after,
.ltIE9 .formation .navigationPages > span.btnNav > *:before,
.ltIE9 .formation .navigationPages > span.btnNav > *:after,
.ltIE9 .liste .navigationPages > span.btnNav > *:before,
.ltIE9 .liste .navigationPages > span.btnNav > *:after,
.ltIE9 .maSelection .navigationPages > span.btnNav > *:before,
.ltIE9 .maSelection .navigationPages > span.btnNav > *:after{
	font-size: 2.384615385em; /* 31/13 */
}
.resultatsRecherche .navigationPages > span.btnNav.premier > *:before,
.formation .navigationPages > span.btnNav.premier > *:before,
.liste .navigationPages > span.btnNav.premier > *:before,
.maSelection .navigationPages > span.btnNav.premier > *:before{
	content: "\003c";
}
.resultatsRecherche .navigationPages > span.btnNav.premier > * > span,
.formation .navigationPages > span.btnNav.premier > * > span,
.liste .navigationPages > span.btnNav.premier > * > span,
.maSelection .navigationPages > span.btnNav.premier > * > span{
	display: none;
}
.resultatsRecherche .navigationPages > span.btnNav.premier > *:after,
.formation .navigationPages > span.btnNav.premier > *:after,
.liste .navigationPages > span.btnNav.premier > *:after,
.maSelection .navigationPages > span.btnNav.premier > *:after{
	content: "\003c";
	margin-left:-0.15em;
}

.resultatsRecherche .navigationPages > span.btnNav.dernier > *:before,
.formation .navigationPages > span.btnNav.dernier > *:before,
.liste .navigationPages > span.btnNav.dernier > *:before,
.maSelection .navigationPages > span.btnNav.dernier > *:before{
	content: "\003e";
}
.resultatsRecherche .navigationPages > span.btnNav.dernier > * > span,
.formation .navigationPages > span.btnNav.dernier > * > span,
.liste .navigationPages > span.btnNav.dernier > * > span,
.maSelection .navigationPages > span.btnNav.dernier > * > span {
	display: none;
}
.resultatsRecherche .navigationPages > span.btnNav.dernier > *:after,
.formation .navigationPages > span.btnNav.dernier > *:after,
.liste .navigationPages > span.btnNav.dernier > *:after,
.maSelection .navigationPages > span.btnNav.dernier > *:after {
	content: "\003e";
	margin-left:-0.15em;
}

.resultatsRecherche .navigationPages > span.btnNav.precedent > *:before,
.formation .navigationPages > span.btnNav.precedent > *:before,
.liste .navigationPages > span.btnNav.precedent > *:before,
.maSelection .navigationPages > span.btnNav.precedent > *:before {
	content: "\003c";
	margin-right: 0.25em;
}

.resultatsRecherche .navigationPages > span.btnNav.precedent.reduit > *:before,
.formation .navigationPages > span.btnNav.precedent.reduit > *:before,
.liste .navigationPages > span.btnNav.precedent.reduit > *:before,
.maSelection .navigationPages > span.btnNav.precedent.reduit > *:before {
	margin-right: 0;
}

.resultatsRecherche .navigationPages > span.btnNav.suivant > *:after,
.formation .navigationPages > span.btnNav.suivant > *:after,
.liste .navigationPages > span.btnNav.suivant > *:after,
.maSelection .navigationPages > span.btnNav.suivant > *:after{
	content: "\003e";
	margin-left: 0.25em;
}

.resultatsRecherche .navigationPages > span.btnNav.suivant.reduit > *:after,
.formation .navigationPages > span.btnNav.suivant.reduit > *:after,
.liste .navigationPages > span.btnNav.suivant.reduit > *:after,
.maSelection .navigationPages > span.btnNav.suivant.reduit > *:after{
	margin-left: 0;
}


/**************************** Fin bandeau de pagination *************************/


/******************************* Début liste ************************************/
.liste .navigationPages{
	border-right: none;
}
.liste .listeResultats{
	width: 106%;
	margin: 8px 0 8px -3%;
}
.liste .listeResultats > li{
	width: 94%;
	padding: 17px 3%;
}
.liste .listeResultats > li .date,
.liste .listeResultats > li .titre{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: bold;
	font-size: 1.076923076923077rem; /* 14px/13px */
	line-height: 1.428571428571429em; /* 20px/14px */
}
.ltIE9 .liste .listeResultats > li .date,
.ltIE9 .liste .listeResultats > li .titre { /* alternative aux tailles "rem" */
	font-size:1.076923076923077em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.liste .listeResultats > li .titre{
	color: #000000; 
}
.liste .listeResultats > li .date{
	color: #787f86; 
}
.liste .listeResultats > li .titre h3 {
	display: inline;
}
.liste .listeResultats > li .description{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: normal;
	font-size: 1rem; /* 13px/13px */
	line-height: 1.384615384615385em; /* 18px/13px */
	margin-top: 2px;
}
.ltIE9 .liste .listeResultats > li .description { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.liste .listeResultats > li a{
	display: inline-block;
}
.liste .listeResultats > li a:hover{
	cursor: pointer;
}
.liste .listeResultats > li a:visited{
	color: #996633 !important;
}
.liste .listeResultats > li a h3,
.liste .listeResultats > li a h4,
.liste .listeResultats > li a h5 {
	display: inline;
}
.liste .listeResultats .informationsEvenement{
	width: 100%;
	margin-bottom: 10px;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: normal;
	font-size: 1.076923076923077rem; /* 14px/13px */
	color: #3c3c3c;
}
.ltIE9 .liste .listeResultats .informationsEvenement { /* alternative aux tailles "rem" */
	font-size:1.076923076923077em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.liste .listeResultats .informationsEvenement .periode,
.liste .listeResultats .informationsEvenement .lieu{
	display: inline-block;
	padding: 0 20px;
	margin-top: 3px;
}
.liste .listeResultats .informationsEvenement .periode{
	background: url(../img/liste-agenda-periode-orange.png) 0 0 no-repeat;
}
.liste .listeResultats .informationsEvenement .lieu{
	background: url(../img/liste-agenda-lieu-orange.png) 0 0 no-repeat;
}

.liste .listeResultats .infoComplementaire {
	margin:0.5em 0 0 0;
	display: block;
	font-weight: bold;
	font-size: 1em;
	color:#666;
}

/******************************* Fin liste ************************************/


/********************** DEBUT Style Complément Push Spécial **********************/
.push_special{
	position: relative;
	margin: 26px 0 21px;
}
.push_special .titre_push_special{
	position: absolute;
	top: 26px;
	left: 18px;
	background-color: #FFFFFF;
	color: #EA7420;
	font-size: 2.15em; /* 28px/13px */
	font-family: pt_sans, sans-serif;
	padding: 10px;
}
.push_special img{
	display: block;
}
.push_special .bloc_lien_push_special{
	background-color: #787f86;
	width: 100%;
	cursor: pointer;
}
.push_special .bloc_lien_push_special ul{
	padding: 8px 0;
}
.push_special .bloc_lien_push_special ul li{
	line-height: 20px;
}
.push_special .bloc_lien_push_special .lien_push_special{
	background: url(../img/fleche-lien-miseenavant.png) 19px 8px no-repeat;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	padding-left: 29px;
	display: inline-block;
}
/********************** FIN Style Complément Push Spécial **********************/





/******************************** Début pages Présentation Media (affiche / document)  ***************************/
/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
/* Style propre au cartouche */
.presentation_media .cartouche_media{
	margin: 0 0 10px 0;
}
.presentation_media .cartouche_media .cartouche_media_type{
	background-color: #3C3C3C;
	padding: 5px 8px;
	color: #FFFFFF;
	display: inline-block;
	font-weight: bold;
	font-size: 0.769230769230769em; /* 10px / 13px */
	text-transform: uppercase;
	margin-right: 0.909090909090909em; /* 10px / 11px */
}
.presentation_media .cartouche_media .cartouche_media_annee{
	color: #3C3C3C;
	font-size: 0.846153846153846em; /* 11px / 13px */
}

/* Style propre aux détails du média (bloc de gauche + bloc central) */
#details_media{
	display: table;
	font-size: 0; 
	width: 100%;
	margin:20px auto 0 auto;
	padding:0;
}
.ltIE9 #details_media { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}



/* Style propre au bloc visuel du média (bloc de gauche) */
#details_media #bloc_visuel_media{
	display: table-cell;
	vertical-align: top;
	width: 34.78260869565217%; /* 320/920 */
	padding: 0 4.34782608695652% 0 0; /* 40/920 */
/* 	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem;
}
.ltIE9 #details_media #bloc_visuel_media { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ltIE9 #details_media #bloc_visuel_media{
	padding: 0 40px 0 0;
}

#details_media #bloc_resume_media{
	display: table-cell;
	vertical-align: top;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
   	font-size: 1rem;
}
.ltIE9 #details_media #bloc_resume_media { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#details_media #bloc_visuel_media .blocImage {
	margin: 0 0 30px 0;
}

.contributions_medias .bloc_contribution_media{
	background-color: #e5e5e5;
	padding: 19px 15px 20px;
	margin: 0 0 2.30769230769231em; /* 30px / 13px */
}
.contributions_medias .bloc_contribution_media .contribution_media{
	width: 100%;
}
.contributions_medias .bloc_contribution_media .contribution_media .titre{
	color: #787f86;
	font-family: pt_sans, sans-serif;
	font-size: 1.69230769230769em; /* 22px / 13px */
	margin: 0 0 15px;
}

.contributions_medias .bloc_contribution_media .contribution_media .telechargement_contribution_media{
	width: 100%;
	margin: 0 0 8px 0;
	padding: 8px 0;	
}
.contributions_medias .bloc_contribution_media .contribution_media .telechargement_contribution_media span{
	background: url("../img/fleche-lien-miseenavant.png") no-repeat scroll 23px 50%;
	padding: 0 10px 0 40px;
}

.contributions_medias .bloc_contribution_media .contribution_media .lien_interne{
	background: url("../img/lienComplementaire-style1-bullet-point.png") no-repeat scroll 0 3px;
    display: block;
    margin-top: 8px;
}
.contributions_medias .bloc_contribution_media .contribution_media .lien_interne a{
	color: #3c3c3c;
    padding-left: 10px;
    font-weight: bold;
    display: block;
}

.contributions_medias .bloc_contribution_media .contribution_media a.btCommander{
	margin: 0 0 3px 0;
	width: 100%;
	padding: 8px 0;	
}

.contributions_medias .bloc_contribution_media .contribution_media a.btCommander span{
	background: url("../img/fleche-lien-miseenavant.png") no-repeat scroll 23px 50%;
    padding-left: 40px;
    padding-right: 20px;
}

#bloc_resume_media .contributions_medias {
	display: block;
	width:auto;
	background: #e5e5e5;
	vertical-align: top;
	font-size: 0; 
	margin: 0 0 35px 0;
}
.ltIE9 #bloc_resume_media .contributions_medias { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


#bloc_resume_media .contributions_medias .bloc_contribution_media {
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width:50%;
	padding: 20px 25px;
	margin: 0;
	font-size: 1rem; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	background: none;
}
.ltIE9 #bloc_resume_media .contributions_medias .bloc_contribution_media { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#bloc_resume_media .contributions_medias .bloc_contribution_media {
	width:49.5%;
}


/* Style propre au bloc de résumé du média (bloc central) */ 
#details_media #bloc_resume_media #descriptif_media{
	width: 100%;
	line-height: 1.38461538461538em; /* 18px / 13px */
}

/* Fiche technique d'un media */
#informations_techniques_media,
.stage .informations_techniques,
.infos_actu{
	margin: 1.92307692307692em /* 25px / 13px */ 0 2.30769230769231em; /* 30px / 13px */
}
#informations_techniques_media .titreIT,
.stage .listeOnglets .onglet .contenu h3,
.infos_actu .titreIT,
.liste_substances .titreIT{
	color: #3C3C3C;
	font-family: pt_sans, sans-serif;
	font-size: 1.69230769230769em; /* 22px / 13px */
	font-weight: bold;
	margin-bottom: 0.454545454545455em; /* 10px / 22px */
}
#informations_techniques_media .listeOnglets .onglet.deplie .titre,
#informations_techniques_media .listeOnglets .onglet.replie .titre,
.liste_substances .listeOnglets .onglet.deplie .titre,
.liste_substances .listeOnglets .onglet.replie .titre,
.stage .listeOnglets .titre{
	display: none;
}

/* Style propre aux ressources complémentaires */
#container_ressources_complementaires{
	background-color: #e5e5e5;
	padding: 2.30769230769231em /* 30px / 13px */ 20px;
	position: relative;
}
.ltIE9 #container_ressources_complementaires{
	min-width: 980px;
}
.bloc_alignement_ressources_complementaires{
	max-width: 920px;
	margin: 0 auto;
	padding: 0 30px;
}
#container_ressources_complementaires .titre{
	color: #000000;
	font-family: pt_sans, sans-serif;
	font-size: 2.30769230769231em; /* 30px / 13px */
	font-weight: bold;
}
#container_ressources_complementaires #bloc_ressources_complementaires{
	max-width: 980px;
	margin: 0 auto;
}
#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires{
	background-color: #FFFFFF;
	margin-top: 1.92307692307692em; /* 25px / 13px */
	padding: 26px 30px;
}

#container_ressources_complementaires #bloc_ressources_complementaires .themes_annexes_ressources_complementaires{
	margin-top: 1.92307692307692em; /* 25px / 13px */
}
#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre,
#container_ressources_complementaires #bloc_ressources_complementaires .themes_annexes_ressources_complementaires .titre{
	font-size: 1.69230769230769rem; /* 22px / 13px */
	color: #3c3c3c;
	font-family: pt_sans, sans-serif;
	display: inline-block;
	font-weight: bold;
}
.ltIE9 #container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre,
.ltIE9 #container_ressources_complementaires #bloc_ressources_complementaires .themes_annexes_ressources_complementaires .titre { /* alternative aux tailles "rem" */
	font-size:1.69230769230769em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre{
	width: 75%;
}

.entete_ressources_complementaires{
	font-size: 0; 
}
.ltIE9 .entete_ressources_complementaires { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


.pagination_ressources_complementaires{
	display: inline-block;
	float: right;
	font-size: 1.84615384615385rem; /* 24px / 13px */
	font-family: pt_sans, sans-serif;
	color: #eb690b;
}
.ltIE9 .pagination_ressources_complementaires { /* alternative aux tailles "rem" */
	font-size:1.84615384615385em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.pagination_ressources_complementaires .compteurs_pagination{
	margin-right : 0.833333333333333em; /* 20px / 24px */
}

.pagination_ressources_complementaires .compteurs_pagination,
.pagination_ressources_complementaires .arrow{
	display: inline-block;
	vertical-align: middle;
}
.pagination_ressources_complementaires .arrow{
	background-color: #eb690b;
	/*padding: 0 0.375em; /* 9px / 24px */
	height: 1.08333333333333em; /* 26px / 24px */
	width: 1.04166666666667em; /* 25px / 24px */
	color: #FFFFFF;
	cursor: pointer;
	font-family: pt_sans, sans-serif;
	font-size: 1.16666666666667em; /* 28px / 24px */
	text-align: center;
}
.pagination_ressources_complementaires .prev{
	margin-right: 2px;
}
.pagination_ressources_complementaires .inactive{
	background-color: #f3ccb0;
	cursor: default
}




/* */
.contenu_ressources_complementaires{
	width :100%;
	margin-top: 15px;
	/*overflow: hidden;*/
}


.theme_ressources{
	position: relative;
	left: 0;
	top: 0;
	z-index: 100000;
	background-color: #FFFFFF;
}
.theme_ressources_mobile{
	position: absolute;
	padding: 25px 25px 30px;
}

.theme_ressources ul.listeRessources{
	font-size: 0; 
	margin-top: 0;
}
.ltIE9 .theme_ressources ul.listeRessources { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


.theme_ressources ul.listeRessources li.ressource{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem;
	margin-left: 5.295%;
    width: 29.7872%;
}
.ltIE9 .theme_ressources ul.listeRessources li.ressource { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ltIE9 .theme_ressources ul.listeRessources li.ressource{
	margin-left: 4.6%;
}

.theme_ressources ul.listeRessources li.ressource img{
	display: block;
}

/* */


.contenu_ressources_complementaires .theme_ressources .listeRessources .ressource.onemodthree{
	margin-left: 0;
}



.contenu_ressources_complementaires .boutonImportant{
	padding: 8px 30px 8px 10px;
	margin: 0 0 0 20px;
	display: none;
}
.contenu_ressources_complementaires .boutonImportant span{
    font-weight: bold;
    font-size: 0.923076923076923em; /* 12px / 13px */
	padding: 6px 0 6px 55px;
	background: url('../img/pagePresentationMedia/picto-voir-affiches.png') no-repeat scroll 0 50% rgba(0, 0, 0, 0);
}
.presentation_media .contenu_ressources_complementaires .cartouche_media {
	margin: 20px 0 5px;
}


.theme_ressource{
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem;
	width: 280px;
}
.ltIE9 .theme_ressource { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.theme_ressource .titre_ressource{
	font-weight: bold;
	margin: 0.615384615384615em /* 8px / 13px */ 0 0.384615384615385em; /* 5px / 13px */
}
.theme_ressource .description_ressource{
	font-size: 0.923076923076923em; /* 12px / 13px */
}



/* Style propres aux thèmes annexes */

ul.supports_theme_annexe{
	color: #FFFFFF;
	font-family: pt_sans, sans-serif;
	position: relative;
	font-size: 0; 
	width: 102%;
	margin: 3px 0 0;
}
.ltIE9 ul.supports_theme_annexe { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


ul.supports_theme_annexe li{
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	display: inline-block;
	vertical-align: top;
	width: 220px;
	height: 33px;
	margin: 8px 13px 0 0;
	font-size: 1rem;
}
.ltIE9 ul.supports_theme_annexe li { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ltIE9 ul.supports_theme_annexe li{
	margin: 8px 7px 0 0;
}
ul.supports_theme_annexe li a{
	display: block;
	height: 100;
	margin: 0;
}
.presentation_media #footer{
	margin: 0 auto;
}

/* Fiche toxicologique B */
.liste_substances{
	margin-bottom: 2.2em;
}
.liste_substances ul li{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem;
	font-weight: normal;
	font-style: normal;
}
.ltIE9 .liste_substances ul li { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.liste_substances .informations_substance > li > span,
.liste_substances ul > li > .nom_substance{
	font-weight: bold;
}
.liste_substances ul li h3 {
	display: inline;
}
.liste_substances > ul{
	margin-top: 1.3em;
}
.liste_substances .contenu > ul > li{
	margin-bottom: 0.7em;
}
.liste_substances ul > li > .nom_substance{
	margin-bottom: 0.6em;
} 
.liste_substances .informations_substance > li{
	line-height: 1.538461538461538em; /* 20px/13px */
	background: url(../img/editorial-bullet-point.png) 1px 0.6923076923076923em /* 9px / 13px */ no-repeat;
	padding-left: 18px;
}
/***************************** Fin pages Présentation Media (affiche / document) *****************************/



/***************************** Début page Etude / Communication / Publication *****************************/
/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
.etude_communication_publication .center_cartouche{
	margin: 15px 0 0;
}
.etude_communication_publication .chapo{
	font-size: 1em; /* 13px/13px */
	font-weight: normal;
	line-height: 1.38461538461538em; /* 18px / 13px */
}

.etude_communication_publication .listeOnglets .onglet.replie .contenu{
	display: block;
}
.etude_communication_publication #informations_techniques_media .titreIT{
	margin-bottom: 5px;
}

.etude_communication_publication #informations_techniques_media{
	margin-bottom: 0;
}
.etude_communication_publication #informations_techniques_media .listeOnglets{
	margin: 15px 0 0;
}

.etude_communication_publication #informations_techniques_media ul{
	margin-top: 15px;
}

.etude_communication_publication #informations_techniques_media ul.liste_informations_techniques{
	margin: 0.7em 0 1em 0;
}
/*
.etude_communication_publication #informations_techniques_media ul li .baseline_champs_info_technique{
	width: 41%;
}

.etude_communication_publication #informations_techniques_media ul li .detail_info_technique{
	width: 55%;
}
*/
.etude_communication_publication .lien_fichier,
#informations_techniques_media ul li .detail_info_technique a,
.stage .informations_techniques ul li .detail_info_technique a,
.infos_actu ul li .detail_info a{
	color: #b0273e;
	font-weight: bold;
}

.etude_communication_publication .lien_fichier {
	display: block;
}

.lien_etude_rattachement {
	color: #b0273e;
	font-weight: bold;
}
.lien_etude_rattachement span{
	background: url("../img/lienComplementaire-miseenavant-style1-bullet-point.png") no-repeat 1px 0.307692307692308em /* 4px / 13px */;
	padding-left: 18px;
	display: block;
	line-height: 1.15384615384615em; /* 15px / 13px */
}

#informations_techniques_media ul.liste_publications_communications li{
	background: url(../img/editorial-bullet-point.png) 1px 0.461538461538462em /* 6px / 13px */ no-repeat;
	padding-left: 18px;
}
#informations_techniques_media ul.liste_publications_communications li{
	margin-bottom: 1.53846153846154em; /* 20px / 13px */
}
#informations_techniques_media ul.liste_publications_communications li .publication_communication{
	margin-bottom: 0.384615384615385em; /* 5px / 13px */
	display: block;
	line-height: 1.15384615384615em; /* 15px / 13px */
}
#informations_techniques_media ul.liste_publications_communications li a.publication_communication{
	color: #b0273e;
    font-weight: bold;
}

.etude_communication_publication #footer{
	margin: 0 auto;
}


/***************************** Fin page Etude / Communication / Publication *****************************/



/***************************** Début page Formation - Accueil *****************************/
/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
.formation p.presentation_formation{
	margin-top: 10px;
}

.formation h2.title_offre_formation{
	color: #ea7420;
	font-family: pt_sans;
	font-size: 1.84615384615385em; /* 24px / 13px */
	margin: 30px 0 5px;
}


/* Style des blocs de formation */
.bloc_listeLiens,
.formation .bloc_formation{
	background-color: #e5e5e5;
	margin: 30px 0;
	padding: 5px 20px 30px;
	position: relative;
	display: block;
}

.bloc_listeLiens > h3,
.formation .bloc_formation .offre_titre,
.stage .bloc_sessions > h3, /* ANCIENNE VERSION DE LA LISTE DES SESSIONS */ 
.stage .bloc_sessionsStage > h3 /* NOUVELLE VERSION DE LA LISTE DES SESSIONS */
{
	border-bottom: solid 1px #a0a0a0;
	font-family: pt_sans, sans-serif;
	font-size: 1.69230769230769em; /* 22px / 13px */
	color: #3c3c3c;
	font-weight: bold;
	margin-bottom: 0.909090909090909em; /* 20px / 22px */
	line-height: 2.27272727272727em; /* 50px / 22px */
	position: relative;
}

.bloc_listeLiens > h3:before,
.formation .bloc_formation .offre_titre:before,
.stage .bloc_sessions > h3:before, /* ANCIENNE VERSION DE LA LISTE DES SESSIONS */
.stage .bloc_sessionsStage > h3:before /* NOUVELLE VERSION DE LA LISTE DES SESSIONS */
{
    content: url("../img/miseenavant-encoche.png");
    left: -24px; 
    top: 6px;
    position: absolute;
}

.bloc_listeLiens > div,
.formation .bloc_formation > div {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	
	-webkit-column-gap : 3em;
	-moz-column-gap : 3em;
	column-gap : 3em;
}
.bloc_listeLiens > div > ul li,
.formation .bloc_formation > div > ul li{
	margin: 0 0 0.615384615384615em; /* 8px / 13px */
	display: inline-block;
	width: 100%;
}
.bloc_listeLiens > div > ul li a,
.formation .bloc_formation > div > ul li a{
	line-height: 1.07692307692308em; /* 14px / 13px */
	background: url("../img/lienComplementaire-miseenavant-style1-bullet-point.png") no-repeat 1px 0.285714285714286em /* 4px / 14px */;
	padding: 0 0 0 1.15384615384615em; /* 15px / 13px */
	display: block;
	font-size: 1.07692307692308em; /* 14px / 13px */
}

/***************************** Fin page Formation - Accueil *****************************/

/***************************** Début stage *******************************/
/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/

/* --- ANCIENNE VERSION DE LA LISTE DES SESSIONS --- */
.stage .bloc_sessions{
	background-color: #e5e5e5;
	margin: 20px 0 10px 0;
	padding: 5px 20px 30px;
	position: relative;
	display: block;
}
.stage .bloc_sessions > h3:before {
    content: url("../img/miseenavant-encoche.png");
    position: absolute;
    left: -24px;
    top: 6px;
}
.stage .bloc_sessions > h3{
	border-bottom: solid 1px #a0a0a0;
	font-family: pt_sans, sans-serif;
	font-size: 1.69230769230769em; /* 22px / 13px */
	color: #3c3c3c;
	font-weight: bold;
	margin-bottom: 0.909090909090909em; /* 20px / 22px */
	line-height: 2.27272727272727em; /* 50px / 22px */
}
.stage .bloc_sessions .listeSessions{
	width: 100%;
	margin: -8px 0 -25px 0;
}
.stage .bloc_sessions .listeSessions > li{
	display: table;
	table-layout: fixed;
	width: 100%;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: normal;
	font-size: 1rem; /* 13/13px */
	color: #000000;
	margin-bottom: 8px;
}
.ltIE9 .stage .bloc_sessions .listeSessions > li { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.stage .bloc_sessions .listeSessions > li > *{
	display: table-cell;
	vertical-align: middle;
}
.stage .bloc_sessions .listeSessions > li .disponibilite > div{
	vertical-align: middle;
	display:table;
	table-layout: fixed;
	width: 100%;
}
.stage .bloc_sessions .listeSessions > li .disponibilite > div > div + div{
	width: 68%;
	display: table-cell;
	padding-left: 0.5em;
	height: 15px;
	vertical-align: middle;
}
.ltIE9 .stage .bloc_sessions .listeSessions > li .disponibilite > div > div + div{
	padding-top: 5px;
}
.stage .bloc_sessions .listeSessions > li .disponibilite > div > div:first-child{
	width: 25%;
	height: 15px;
	display: table-cell;
	vertical-align: middle;
}
.stage .bloc_sessions .listeSessions > li .disponibilite{
	width: 42.36363636363636%;
	padding-right: 0.5em;
}
.stage .bloc_sessions .listeSessions > li .periode{
	width: 31.27272727272727%;
	font-weight: bold;
}
.stage .bloc_sessions .listeSessions > li .lieu{
	width: 26.36363636363636%;
	text-transform : uppercase;
	padding-left: 0.5em;
}





/* --- NOUVELLE VERSION DE LA LISTE DES SESSIONS --- */
.stage .bloc_sessionsStage{
	background-color: #e5e5e5;
	margin: 20px 0 10px 0;
	padding: 5px 20px 30px;
	position: relative;
	display: block;
}
.stage .bloc_sessionsStage > h3:before {
    content: url("../img/miseenavant-encoche.png");
    position: absolute;
    left: -24px;
    top: 6px;
}
.stage .bloc_sessionsStage > h3{
	border-bottom: solid 1px #a0a0a0;
	font-family: pt_sans, sans-serif;
	font-size: 1.7em; 
	color: #3c3c3c;
	font-weight: bold;
	margin-bottom: 0.9em; 
	line-height: 2.3em; 
}
.stage .bloc_sessionsStage .listeSessions{
	display: table;
	table-layout: auto;
	width: 100%;
	margin: -8px 0 -25px 0;
	font-style: normal;
	font-weight: normal;
	font-size: 1rem;
	color: #000000;
}

.stage .bloc_sessionsStage .listeSessions > li{
	display: table-row;
}

.stage .bloc_sessionsStage .listeSessions > li > .disponibilite,
.stage .bloc_sessionsStage .listeSessions > li > .infoSession {
	display: table-cell;
	vertical-align: middle;
	padding-bottom:10px;
}
.stage .bloc_sessionsStage .listeSessions > li:last-child > .disponibilite,
.stage .bloc_sessionsStage .listeSessions > li:last-child > .infoSession {
	padding-bottom: 0;
}

.stage .bloc_sessionsStage .listeSessions > li > .disponibilite {
	width: 1%;
}
.stage .bloc_sessionsStage .listeSessions > li > .disponibilite > img {
    width: 60px;
    height: 60px;
    max-width: none !important;
    max-height: none !important;
}

.stage .bloc_sessionsStage .listeSessions > li > .infoSession {
	padding-left:10px;
}

.stage .bloc_sessionsStage .listeSessions > li > .infoSession > div > div {
	display: inline-block;
	float:left;
	vertical-align: top;
}
.stage .bloc_sessionsStage .listeSessions > li > .infoSession > div > .periode {
	width:43%;
	font-weight: bold;
	margin-bottom:0.7em;
}
.stage .bloc_sessionsStage .listeSessions > li > .infoSession > div > .lieu {
	width:53%;
	margin-left:4%;	
	text-transform:uppercase;
	margin-bottom:0.7em;
}
.stage .bloc_sessionsStage .listeSessions > li > .infoSession > div > .disponibilite {
	width:43%;
}
.stage .bloc_sessionsStage .listeSessions > li > .infoSession > div > .inscription {
	width:53%;
	margin-left:4%;	
}
.stage .bloc_sessionsStage .listeSessions > li > .infoSession > div > .inscription > a {
	font-weight:bold;
	color:#b0273e;
}
.stage .bloc_sessionsStage .listeSessions > li > .infoSession > div > .inscription > span {
	color:#808080;
}

@media screen and (max-width:480px) {
	.stage .bloc_sessionsStage .listeSessions > li > .disponibilite > img {
	    width: 20px !important;
	    height: 90px !important;
	}
	.stage .bloc_sessionsStage .listeSessions > li > .infoSession > div > div {
		display: block !important;
		float: none !important;
		width: auto !important;
		margin:0 0 0.5em 0 !important;
	}	
	.stage .bloc_sessionsStage .listeSessions > li > .infoSession > div > div:last-child {
		margin-bottom: 0;
	}
}




.stage .info_maj{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: normal;
	font-size: 0.9230769230769231rem; /* 12/13px */
	color: #3c3c3c;
}
.ltIE9 .stage .info_maj { /* alternative aux tailles "rem" */
	font-size:0.9230769230769231em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.stage .listeOnglets {
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: normal;
	font-size: 1rem; /* 13/13px */
	line-height: 1.384615384615385em;
	margin-top: 30px;
}
.ltIE9 .stage .listeOnglets { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.stage .listeOnglets > li{
	margin-bottom: 20px;
}
.stage .bloc_compedit .bce_lienint a,
.stage .bloc_compedit .bce_lienext a{
	margin-bottom: 10px;
}
.stage .bloc_compedit .bce_lienext a{
	color: #3c3c3c;
}
.stage .bloc_compedit{
	padding-bottom: 10px;
}

/***************************** Fin stage *******************************/

/***************************** Début page Formation - Calendrier *****************************/
/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
.formation_calendrier .filtres{
	background-color: #e5e5e5;
	margin: 20px 0 40px;
	padding: 5px 20px 0;
	position: relative;
	display: block;
}
.formation_calendrier .filtres:before {
	display:block;
    content: url("../img/miseenavant-encoche.png");
    position: absolute;
    left: -4px;
    top: 5px;
}
.formation_calendrier .filtres .content{
	font-size: 1.07692307692308em; /* 14px / 13px */
	width: 100%;
	padding: 0;
	position: relative;
}


.formation_calendrier h3{
	font-family: pt_sans;
	font-size: 1.69230769230769em; /* 22px / 13px */
	font-weight: bold;
}
.formation_calendrier .filtres .content{
	font-size: 0; 
	display: table;
}
.ltIE9 .formation_calendrier .filtres .content { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


.formation_calendrier .modeAffichage,
.formation_calendrier .legende{
	display: table-cell;
	vertical-align: top;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1.076923076923077rem; /* 14px / 13px */
	line-height: 2.14285714285714em; /* 30px / 14px */
}
.ltIE9 .formation_calendrier .modeAffichage,
.ltIE9 .formation_calendrier .legende { /* alternative aux tailles "rem" */
	font-size:1.076923076923077em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.formation_calendrier .modeAffichage{
	width: 35%;
	padding-right: 30px;
}
.formation_calendrier .filtres .content h3{
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:1.076923076923077rem;
	font-weight: bold;
	border-bottom: solid 1px #a9a9a9;
	margin-bottom: 10px;
}
.ltIE9 .formation_calendrier .filtres .content h3 { /* alternative aux tailles "rem" */
	font-size:1.076923076923077em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.formation_calendrier .legende{
	width: 60%;
}
.formation_calendrier .filtres .content ul.radios {
	font-size: 0.928571428571429em; /* 13px / 14px */
}

.formation .tableau caption{
	margin: 0;
}
.formation .tableau th:FIRST-CHILD,
.formation .tableau td:FIRST-CHILD {
	width: 20%;
}
.formation .tableau th:nth-child(2),
.formation .tableau td:FIRST-CHILD:nth-child(2) {
	width: 59%;
}
.ltIE9 .formation .tableau th:first-child,
.ltIE9 .formation .tableau td:first-child{
	width: 19%;
}
.ltIE9 .formation .tableau th:first-child + th,
.ltIE9 .formation .tableau td:first-child + td{
	width: 52%;
}
.ltIE9 .formation .tableau th:first-child + th + th,
.ltIE9 .formation .tableau td:first-child + td + td{
	width: 20%;
}

.formation .tableau table tr td span{
	display: block;
}
.formation .tableau table tr td span.frm_num_semaine,
.formation .tableau table tr td a.frm_description{
	font-weight: bold;
}

.formation .tableau table tr td span.frm_disponibilite,
.formation_calendrier .legende > div > ul li span.dispo{
	width: 50px;
	height: 16px;
}
.formation .tableau table tr td span.frm_disponibilite{
	display: inline-block;
}


.formation_calendrier .legende > div > ul li span img,
.formation .tableau table tr td span img,
ul.listeSessions li div div div img{
	width: 100%;
	height: 100%;
}
.formation .tableau table tr td .frm_disponibilite.complet,
.formation_calendrier .legende > div > ul li span.complet{
	background: #5e5e5e;
}
.formation .tableau table tr td .frm_disponibilite.annule,
.formation_calendrier .legende > div > ul li span.annule{
	background-color: #a0a0a0;
}
.formation .tableau table tr td .frm_disponibilite.disponible,
.formation_calendrier .legende > div > ul li span.disponible{
	background-color: #8ac233;
}
.formation .tableau table tr td .frm_disponibilite.attente,
.formation_calendrier .legende > div > ul li span.attente{
	background-color: #ea7420;
}
.formation .tableau table tr td .frm_disponibilite.unknown,
.formation_calendrier .legende > div > ul li span.unknown{
	background-color: #ff0000;
}

.formation_calendrier .legende > div {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	
	-webkit-column-gap : 1em;
	-moz-column-gap : 1em;
	column-gap : 1em;
}

.formation_calendrier .legende > div > ul {
	display: block;
	vertical-align: top;
}

.formation_calendrier .legende > div > ul li{
	width: 100%;
	line-height: 17px;
	display: inline-block;
}

.formation_calendrier .legende > div > ul li span{
	font-size: 0.928571428571429em; /* 13px / 14px */
}
.formation_calendrier .legende > div > ul li span.dispo{
	position: relative;
	display: inline-block;
	top: 2px;
	width: 24%;
	margin-right: 4%;
}

.formation_calendrier .legende > div > ul li span.libelle{
	display: inline-block;
	margin-bottom: 15px;
}
.formation_calendrier .legende > div > ul li span.libelle span{
	display: block;
	min-width: 9.25em; /* 111px / 12px */
}



/***************************** Fin page Formation - Calendrier *****************************/


/* Page Ma sélection */

.maSelection .container_contenuPrincipal h1#titrePage {
	color: #129f9f;
}

.maSelection #barre_fonctionnalites:before{
	top: 29%;
}
.maSelection .barre_ma_selection{
	margin: 15px 0 0 3%;
	display: block;
    padding: 0 4px;
    width: 88.4%;
/*     font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
}
.ltIE9 .maSelection .barre_ma_selection { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.maSelection ul.bf_selection{
    border-top: solid 1px #129f9f;
    padding: 1em 0 0 1em;
    font-size: 1em;
}

.maSelection ul.bf_selection li{
	display: inline-block;
	margin-bottom: 0.615384615384615em; /* 8px / 13px */
	padding: 0 0 0 1em;
}
.maSelection ul.bf_selection li.vider_selection{
	background: url('../img/lienComplementaire-style3-bullet-point.png') no-repeat left 3px;
}
.maSelection ul.bf_selection li.telechargement_selection{
	background: url('../img/lienComplementaire-style1-bullet-point.png') no-repeat left 3px;
}
.maSelection ul.bf_selection li a{
	width: 100%;
	display: block;
	font-weight: bold;
	line-height: 1em;
}
.maSelection ul.bf_selection li.vider_selection a{
	color: #129f9f;
}


/* Liste de Ma Sélection */
.maSelection .listeResultats{
	margin: 10px 0 20px 0;
}
.maSelection .listeResultats > li{
	padding: 20px 15px;
	display:table;
	table-layout: fixed;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.maSelection .listeResultats > li:nth-child(odd),
.liste .listeResultats > li:nth-child(odd) {
	background-color: #ffffff;
}
.maSelection .listeResultats > li.odd,
.liste .listeResultats > li.odd {
	background-color: #ffffff;
}
.maSelection .listeResultats > li:nth-child(even),
.liste .listeResultats > li:nth-child(even) {
	background-color: #f2f2f2;
}
.maSelection .listeResultats > li.even,
.liste .listeResultats > li.even{
	background-color: #f2f2f2;
}
.maSelection .listeResultats > li .wrapperInput{
	display: table-cell;
	width:33px
}
.maSelection .resultat{
	display: table-cell;
}
.maSelection .resultat .titre{
	font-size: 1.076923076923077em; /* 14px/13px */
	font-weight: bold;
	font-style: normal;
	line-height: 1.428571428571429em; /* 20px/14px */
	padding-bottom: 8px;
}
.maSelection .resultat .titre a{
	margin-right: 12px;
}
.maSelection .resultat .titre a:visited{
	color: #996633 !important;
}
.maSelection .resultat .description,
.maSelection .resultat .informations,
.maSelection .resultat .referenceINRS{
	font-size: 0.9230769230769231em; /* 12px/13px */
	font-weight: normal;
	font-style: normal;
}
.maSelection .resultat .description{
	line-height: 1.333333333333333em; /* 16px/12px */
	color: #3c3c3c;
	text-align: justify;
}
.maSelection .resultat .informations{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 15px;
}
.maSelection .resultat .informations div{
	display: table-cell;
}
.maSelection .resultat .informations div.date{
	width: 21.20075046904315%;
}
.maSelection .resultat .informations div.typeDocument{
	width: 46.90431519699812%;
}
.maSelection .resultat .informations div.public{
	width: 31.89493433395872%;
}
.maSelection .resultat .referenceINRS{
	margin-top: 10px;
}
.maSelection .resultat .telechargement{
	display: inline-block;
	height: 26px;
	padding-left: 30px;
	background: url(../img/resultatRS/telechargement-pdf.png) -3px 0 no-repeat;
	margin-top: 10px;
}
.maSelection .resultat .telechargement span{
	display:inline-block;
	margin-top: 6px;
}
.maSelection .resultat .telechargement span:before{
	content: url(../img/lienComplementaire-style1-bullet-point.png);
	padding-right: 6px;
	vertical-align: 20%;
}
.maSelection .resultat .telechargement span:hover{
	text-decoration: underline;
}

.maSelection .boutonsSelection {
	width:100%;
	margin:0;
	font-size: 0; 
}
.ltIE9 .maSelection .boutonsSelection { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


.maSelection .supprimerElementsCoches{
	display: inline-block;
	width: 47%;
	min-height: 45px;	
	border: none;
	-moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.076923076923077rem; /* 14/13px */
	text-align: left;
	vertical-align: middle;
}
.ltIE9 .maSelection .supprimerElementsCoches { /* alternative aux tailles "rem" */
	font-size:1.076923076923077em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.no-js .maSelection .supprimerElementsCoches{
	text-align: center;
}
.maSelection .toutSelectionner{
	background: #129f9f; /* Old browsers */
	background: -moz-linear-gradient(top,  #129f9f 0%, #187e7e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#129f9f), color-stop(100%,#187e7e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #129f9f 0%,#187e7e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #129f9f 0%,#187e7e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #129f9f 0%,#187e7e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #129f9f 0%,#187e7e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129f9f', endColorstr='#187e7e',GradientType=0 ); /* IE6-9 */
	margin-right: 6%;
}
.maSelection .supprimerElementsCoches{
	background: #129f9f; /* Old browsers */
	background: -moz-linear-gradient(top,  #129f9f 0%, #45bdbd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#129f9f), color-stop(100%,#45bdbd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #129f9f 0%,#45bdbd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #129f9f 0%,#45bdbd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #129f9f 0%,#45bdbd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #129f9f 0%,#45bdbd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129f9f', endColorstr='#45bdbd',GradientType=0 ); /* IE6-9 */
}
.maSelection .supprimerElementsCoches:hover{
	background: #45bdbd; /* Old browsers */
	background: -moz-linear-gradient(top,  #45bdbd 0%, #129f9f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45bdbd), color-stop(100%,#129f9f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45bdbd 0%,#129f9f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45bdbd 0%,#129f9f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45bdbd 0%,#129f9f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45bdbd 0%,#129f9f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45bdbd', endColorstr='#129f9f',GradientType=0 ); /* IE6-9 */
}
.maSelection .toutSelectionner > span,
.maSelection .supprimerElementsCoches > span{	
	display: inline-block;
	width: 78%;
	padding: 0 42px 0 5px;
	vertical-align: middle;
	min-height: 18px;
}
.maSelection .toutSelectionner > span{	
	background: url(../img/resultatRS/bouton-ajouter-cochees.png) right center no-repeat;
}
.maSelection .supprimerElementsCoches > span{
	background: url(../img/resultatRS/bouton-ajouter-tout.png) right center no-repeat;
}
.maSelection .toutSelectionner:hover span,
.maSelection .supprimerElementsCoches:hover span{	
	text-decoration: underline;
}


/* Boutons de bas de page */
.maSelection .toutSelectionner {
    background: linear-gradient(to bottom, #129f9f 0%, #187e7e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 6%;
}
.maSelection .toutSelectionner {
    background: linear-gradient(to bottom, #129f9f 0%, #187e7e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 13%;
}
.maSelection .toutSelectionner, 
.resultatsRecherche .supprimerElementsCoches {
    border: medium none;
    box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
    display: inline-block;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 1.07692em;
    font-style: normal;
    font-weight: bold;
    min-height: 45px;
    text-align: left;
    vertical-align: middle;
    width: 47%;
}
.maSelection .toutSelectionner > span {
    background: url("../img/footer/EncocheNumeroEnCours.png") no-repeat scroll 15px center;
}
.maSelection .toutSelectionner > span,
.resultatsRecherche .supprimerElementsCoches > span {
    display: inline-block;
    min-height: 18px;
    padding: 0 42px 0 5px;
    vertical-align: middle;
    width: 78%;
}


.maSelection .supprimerElementsCoches {
    background: linear-gradient(to bottom, #129f9f 0%, #45bdbd 100%) repeat scroll 0 0;
}
.maSelection .supprimerElementsCoches {
    background: linear-gradient(to bottom, #129f9f 0%, #45bdbd 100%) repeat scroll 0 0;
}
.maSelection .toutSelectionner,
.maSelection .supprimerElementsCoches {
    border: none;
    box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
    display: inline-block;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 1.07692rem;
    font-style: normal;
    font-weight: bold;
    min-height: 45px;
    text-align: left;
    vertical-align: middle;
}
.ltIE9 .maSelection .toutSelectionner,
.ltIE9 .maSelection .supprimerElementsCoches { /* alternative aux tailles "rem" */
	font-size:1.07692em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.maSelection .toutSelectionner{
	width: 35%;
}
.maSelection .supprimerElementsCoches{
	width: 52%;
}

.maSelection .toutSelectionner:hover {
    background: linear-gradient(to bottom, #187e7e 0%, #129f9f 100%) repeat scroll;
    cursor: pointer;
}
.maSelection .supprimerElementsCoches:hover {
    background: linear-gradient(to bottom, #45bdbd 0%, #129f9f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
}
.maSelection .supprimerElementsCoches > span {
    background: url("../img/footer/EncocheNumeroEnCours.png") no-repeat scroll 15px center;
}
.maSelection .toutSelectionner > span,
.maSelection .supprimerElementsCoches > span {
    display: inline-block;
    min-height: 18px;
    padding: 0 42px 0 35px;
    vertical-align: middle;
    width: 78%;
}

/* Complément éditorial de Ma Sélection */

.maSelection .bloc_compedit {
    background-color: #e5e5e5;
    margin-top: 50px;
    padding-top: 0;
}

.maSelection .bloc_compedit .bce_titrep {
    background-color: #129f9f;
    color: #ffffff;
    font-family: pt_sans,sans-serif;
    font-size: 1.8em;
    padding: 18px 7%;
    position: relative;
    text-transform: uppercase;
    margin:0 0 25px 0;
}

.maSelection .bloc_compedit .bce_titrep:after {
    background: url("../img/encoche-utilisation-selection.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -7px;
    content: " ";
    display: block;
    font-size: 0;
    height: 12px;
    left: 6%;
    position: absolute;
    width: 35px;
}

.maSelection .bloc_compedit .editorial {
    font-size: 0.923076923076923em; /* 12px / 13px */
    font-style: normal;
    font-weight: normal;
    padding: 0 7% 0;
    line-height: 1.33333333333333em; /* 16px / 12px */
}
.maSelection .bloc_compedit .editorial p{
	margin-bottom: 1.5em;
}



/***************************** Début Page 404 *******************************/

.details_404 .details_404_titre{
	font-weight: bold;
	font-size: 1.84615384615385em; /* 24px / 13px */
	font-family: pt_sans;
	margin: 0 0 1.25em; /* 30px / 24px */
	color:#000;
}
.details_404 .bloc_details_404{
	background-color: #e5e5e5;
	padding: 10px 30px 20px;
}
.details_404 .bloc_details_404 > p {
	margin:1em 0 0 0;
	position: relative;
}
.details_404 .bloc_details_404 > p:before {
	content: url("../img/miseenavant-encoche.png");
    position: absolute;
    left: -34px;
    top: -8px;
}
.details_404 .bloc_details_404 ul.liste_propositions li{
	margin-top: 15px;
	line-height: 1.15384615384615em; /* 15px / 13px */
}
.details_404 .bloc_details_404 ul.liste_propositions li a{
	color: #b0273e;
	font-weight: bold;
}
.details_404 .bloc_details_404 #searchInput {
    width: 254px; /* 47.03703703703704%; 254/540px */
    margin: 25px 0 24px 0px;
    position: relative;
    font-size: 0;
}
.details_404 .bloc_details_404 #searchInput #searchInput_field {
	display: inline-block;
	width: 68.59055118110236%;
	min-height:19px;
	font-size:13px;
	background-color: #ffffff;
	line-height: 1.461538461538462em; /* 19/13px */
	padding: 6px 6px 6px 15px;
	border: 0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin: 0;
	vertical-align: top;
}

.details_404 .bloc_details_404 #searchInput #searchInput_field.bluredAndEmpty {
	background-color: #fff;
    background-image: url("../img/placeholder-search-page-404.png");
    background-position: 15px 0;
    background-repeat: no-repeat;
	border: 0;
	outline: 0;
}
.ltIE9 .details_404 .bloc_details_404 #searchInput #searchInput_field.bluredAndEmpty {
	background-position: 15px 0;
}
.details_404 .bloc_details_404 #searchInput #searchInput_field.bluredAndEmpty:focus{
	border: 0;
	outline: 0;
}
.details_404 .bloc_details_404 #searchInput #searchInput_button,
#bloc_bdd .bbdd_button{
    height: 31px;
    width: 35px;
    position: relative;
    vertical-align: top;
    padding: 0;
	text-align: center;
    
    font-family: pt_sans;
    font-size:19px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    
	border: 0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	 
	cursor: pointer;	
}
.details_404 .bloc_details_404 #searchInput #searchInput_button:hover,
#bloc_bdd .bbdd_button:hover{
	text-decoration: underline
}

/***************************** Fin Page 404 *******************************/

/******************* Début BDD Template site externe *********************/

.wrapper .ctn_site_externe{
	margin-top: 10px;
	margin-left: -12px;
}
/******************** Fin BDD Template site externe *********************/

/******************* Début Actualité événementielle ***********************/

.container_infos_actu{
	margin-top: 25px;
	border-top: 1px solid #a0a0a0; 
}
.container_infos_actu .infos_actu{
	margin: 14px 0 20px 0;
}

/***************** Fin Actualité événementielle **************************/

/***************************** Début footer *******************************/
/*** Debut Desktop ***/

#footer{	
	margin: 30px auto 0 auto;
	width: 100%;
	background: url(../img/footer/FooterOmbre.png) -100px 0 repeat-x;
}
.fwrapper {
	max-width: 920px;
	width: 93.87755%;  /* base 920px - 920/980px */
	margin: 0 auto;
}
.ltIE9 .fwrapper {
	width: 920px; /* largeur fixe sous IE8 */
}
#ftop_container{
	width: 100%; /* base 920px - 920/920px */
}
#ffollow_container{
	width: 65.21739%; /* base 600px - 600/920px */
	float: left;
}
.foreign #ffollow_container{
	width: 100%;
	float: none;
}
.ffollowH2{
	text-transform: uppercase;
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.0em; /* base 26px - 26/13px */
	color: #3C3C3C;
	background-position: 0 0;
	background-repeat: no-repeat;	
	line-height: 134.615384615385%; /* 35px / 26px */
	padding-left: 38px;
	padding-bottom: 10px;
}
#fr_youtube .ffollowH2{
	padding-left: 45px;
	background-position: 0 4px;
}
#fr_twitter .ffollowH2{
	padding-left: 45px;
	background-position: 5px 2px;
}
#ffollow_container .ffollowLien{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; /* base 13px - 13/13px */
	font-weight: bold;
	color: #3C3C3C;
	background: url(../img/footer/EncocheFollow.png) 0 4px no-repeat;
	padding-left: 8px;
}
.ltIE9 #ffollow_container .ffollowLien { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.follow_inrs{
	width: 100%; /* base 600px - 600/600px */
	padding-top: 50px;
	margin-bottom: 30px;
}
.fi_titre{
	display: inline;
	width: 46.66666%; /* base 280px - 280/600px */
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 3.076923em; /* base 40px - 40/13px */
	color: #989898;
	font-weight: normal;
}
.follow_inrs ul{
	float: right;
	width: 46.66666%;
	font-size: 0;
}
.ltIE9 .follow_inrs ul{
	width: 51%;
}

.foreign .fi_titre{
	width: 37.6%;
}
.foreign .follow_inrs ul{
	width: 62.4%;
}

.follow_inrs ul li{
	display: inline-block;
	margin: 0 10px 0 0;
}
.follow_inrs ul li a{
	width: 36px;
	height: 36px;
	display: inline-block;
	background-image: url(../img/footer/footer-partage.png);
	background-repeat: no-repeat;
	font-size: 0; 
}
.ltIE9 .follow_inrs ul li a { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}


.follow_inrs .fi_youtube{
	 background-position: 0 0;
}
.follow_inrs .fi_youtube:hover{
	background-position: 0 -50px;
}
.foreign .follow_inrs .fi_youtube{
	 background-position: -200px 0;
}
.foreign .follow_inrs .fi_youtube:hover{
	background-position: -200px -50px;
}
.follow_inrs .fi_twitter{
	 background-position: -50px 0;
}
.follow_inrs .fi_twitter:hover{
	background-position: -50px -50px;
}
.follow_inrs .fi_rss{
	 background-position: -100px 0;
}
.follow_inrs .fi_rss:hover{
	background-position: -100px -50px;
}
.follow_inrs .fi_partage{
	 background-position: -150px 0;
}
.follow_inrs .fi_partage:hover{
	background-position: -150px -50px;
}
.follow_inrs .fi_partage > span {
	display:inline-block;
	width:36px;
	height: 36px;
	font-size: 0;
}
.ffollowSousTitre{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; /* base 13px - 13/13px */
	line-height: 1.230769230769231em;
	font-weight: bold;
}
.ltIE9 .ffollowSousTitre { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ffollowSousTitre a{
	color: black;
}
.ffollowSousTitre a:visited{
	text-decoration: none;
	color: black;
}
#follow_remontees{
	display: table;
	border-collapse: separate;
	width:100%; 
	float: left;
}
.ltIE9 #follow_remontees{
	width: 93%;
}
#follow_remontees .ftr_row{
	display: table-row;
}
#follow_remontees p{
	padding-bottom: 8px;
}
#fr_actus,
#fr_youtube,
#fr_agenda,
#fr_twitter{
	display: table-cell;
}
#fr_actus,
#fr_youtube{
	padding-bottom: 35px;
}
#fr_youtube,
#fr_twitter{
	width:53.333333%; /*base 320px - 320/600px*/
	padding-left: 6.6666667%; /*base 40px - 40/600px*/
}
#fr_actus,
#fr_agenda{
	width:46.66666%; /*base 280px - 280/600px*/
}
.foreign #fr_actus,
.foreign #fr_agenda,
.foreign #fr_youtube {
	width:30.43478260869565%;
	padding-left: 4.347826086956522%; /*base 40px - 40/920px*/
}
.foreign #fr_actus {
	padding-left: 0;
}
#fr_actus .ffollowH2{
	background-image: url(../img/footer/ActusLogo.png);
}
.ffollowDate{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; /*base 13px - 13/13px*/
	font-weight: bold;
	color: #787f86;
}
.ltIE9 .ffollowDate { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#follow_remontees p.ffollowDate{
	padding-bottom: 3px;
}
#fr_actus .ffollowSousTitre {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 7px;
	padding-bottom: 8px;
} 
#fr_agenda p{
	padding-bottom:6px;
} 
#fr_agenda .ffollowH2{
	background-image: url(../img/footer/AgendaLogo.png);
}
#fr_agenda .ffollowInfoAgenda{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 0.92307692rem;  /* base 12px - 12/13px */ 
	color: #3C3C3C;
}
.ltIE9 #fr_agenda .ffollowInfoAgenda { /* alternative aux tailles "rem" */
	font-size:0.92307692em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#fr_agenda .ffollowInfoAgenda img{
	display: inline-block;
	margin-right: 2px;
}
#fr_agenda .ffollowInfoAgenda.lieu{
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 3px;
}
#fr_twitter p,
#fr_youtube p{
	font-size: 1em; /* base 13px - 13/13px */
}
#fr_youtube{
	width:87.5%; /* base 280px - 280/320px */
	margin-bottom: 30px;
}
#fr_youtube .ffollowH2{
	background-image: url(../img/footer/YoutubeLogoOrange.png);
	padding-bottom: 7px;
}
.foreign #fr_youtube .ffollowH2{
	background-image: url(../img/footer/YoutubeLogoOrange2.png);
	background-position: 0 0;
	padding-bottom: 15px;	

    position: relative;
    top: -3px;
    padding-top: 3px;
}

#fr_twitter{
	width:87.5%; /* base 280px - 280/320px */
}
#fr_twitter .ffollowH2{
	background-image: url(../img/footer/TwitterLogoOrange.png);
}
#fr_twitter .fFollowersP,
#fr_youtube .fFollowersP{
	display: inline-block;
	float: right;
	text-transform: uppercase;
	padding-top: 2px;
}
#fr_twitter p,
#fr_youtube p{
	font-size: 1em; /* base 13px - 13/13px */
}
#fs_ytwrapper{
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 5px;
	padding-bottom: 4px;
}
#fs_ytwrapper > .thumbnail{	
	float:left;
	width: 39.2857143%; /* base 110px - 110/280px */
	position: relative; 
	left: 0; 
	top: 0;
}
/*
#fs_ytwrapper .thumbnail_bg{
	position: relative; 
	top: 0; 
	left: 0;
	width: 100%;
}
#fs_ytwrapper .thumbnail_button{
	position: absolute; 
	top: 12.625%; 
	left: 18.1818182%; 
	width: 52.72727273%; 
	height: 90.625%; 
}
*/

#fs_ytwrapper > .thumbnail a.ico_video {
	display: inline-block;
	position: relative;
	width: 100%;
}
#fs_ytwrapper > .thumbnail a.ico_video img {
	width: 100%;
}
#fs_ytwrapper > .thumbnail a.ico_video .play {
	position: absolute;
	top:50%;
	left:50%;
	background-image: url(../img/video_play_gris_minuscule.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50px !important;
	height: 50px !important;
	margin: -28px 0 0 -25px !important;
}
#fs_ytwrapper > .thumbnail a.ico_video .play.style1 {
	/* style par défaut */
}
#fs_ytwrapper > .thumbnail a.ico_video .play.style2 {
	background-image: url(../img/video_play_orange_minuscule.png);
}

#fs_ytdesc{
	float:right;
	width: 59.01%; /* base 165px - 165/280px */
}
#fs_ytdesc p:first-child{
	padding-bottom: 8px;
}
#fs_ytdesc p.ffollowSousTitre{
	padding-bottom: 5px;
}
.fFollowers{
	font-weight: bold;
}
#fTwitterINRS,
#fTwitterAtINRS,
#fTweetTime{
	display: inline-block;
	margin-bottom: 1px;
}
#fTwitterINRS{
	font-weight: bold;
}
#fTweetTime{
	float: right;
}
#fLatestTweet {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 3px;
	font-size: 0.9230769230769231em; /* 12/13px */
	line-height: 1.230769230769231em;
}
#fLatestTweet a{
	color:#4099FF;
}
#flinknl_container{
	width: 30.43478%; /* base 280px - 280/920px */
	float: right;
}
#fc_lettre{
	width: 100%; /* base 280px - 280/280px */
	background-color: #5d5e5e;
	color: white;
	background-image: url(../img/footer/EncocheLettreInfo.png);
	background-repeat: no-repeat;
	background-position: -24px 25px;
}
#fc_lettre .fcl_titre{
	width: 85.7142857%; /* base 240px - 240/280px */
	padding-top: 50px;
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.15384615em; /* base 28px - 28/13px */
	padding-left: 7.14285%; /* base 20px - 20/280px */
	margin-bottom: 25px;
}
#fc_lettre .fc_lettreAccroche{
	width: 85.7142857%; /* base 240px - 240/280px */
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; /* base 13x - 13/13px */
	padding-left: 7.14285%; /* base 20px - 20/280px */
	margin-bottom: 22px;
}
.ltIE9 #fc_lettre .fc_lettreAccroche { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#mailInput {
	width: 85.7142857%; /* base 240px - 240/280px */
	height: 38px;	
	background-color: white;
	margin-left: 7.14285%; /* base 20px - 20/280px */
	margin-bottom: 24px;
	position: relative;
}
#mailInput_address {
	display: inline-block;
	background-color: transparent;
	border: 0;
	width: 82%; 
	height: 38px;
	padding:0 4px 0 10px;
}
 #footer #mailInput_address.bluredAndEmpty {
 	background: url('../img/footer/placeholder_adresse_mail.png') center left no-repeat;
}

.ltIE9 #mailInput_address{
	line-height: 38px;
}
#mailInput_button{
	width: 36px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	text-align: center;
	
	border: 0;
	-webkit-border-radius:0;
	padding: 0;
	
	cursor: pointer;
}
#mailInput_button:hover{
	text-decoration: underline;
}
#fc_lettre .boutonVersionIndirecte {
	padding-left: 7.14285%; /* base 20px - 20/280px */
	padding-right: 7.14285%; /* base 20px - 20/280px */
	margin-bottom: 22px;
}

#fc_lettre .boutonVersionIndirecte a {
	width:100%;
	text-align:center;
	padding:8px 0;
}

#fc_lettre .fc_lettreNumEnCours{
	width: 85.7142857%; /* base 240px - 240/280px */
	margin-left: 7.14285%; /* base 20px - 20/280px */	
	padding-top: 7px;
	padding-bottom: 12px;
	border-top: 1px solid #7d7e7e;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; /* base 13px - 13/13px */
	font-weight: bold;
}
.ltIE9 #fc_lettre .fc_lettreNumEnCours { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#fc_lettre .fc_lettreNumEnCours a:before {
  content: url(../img/footer/EncocheNumeroEnCours.png);
  padding-right: 5px;
  vertical-align: 10%;
}
#fc_lettre .fc_lettreNumEnCours a{
	color: white;
} 
#fc_utiles{
	width: 100%; /* base 280px - 280/280px */
	background-color: #e5e5e5;
	padding-top: 30px;
	padding-bottom: 25px;
}
#fc_utiles ul{
	padding-left: 7.14285%; /* base 20px - 20/280px */
}
#fc_utiles ul li:before {
  content: url(../img/footer/EncocheAccesDirect.png);
  padding-right: 10px;
  vertical-align: 25%;
}
#fc_utiles ul li{
	padding-bottom: 15px;
}
#fc_utiles ul li a{
	color: #3C3C3C;
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.8461538em; /* base: 24px - 24/13px */
}
#fbottom_container{
	width: 100%;
	background-color: #3c3c3c;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem; /* base 13px - 13/13px */
}
.ltIE9 #fbottom_container { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#fbottom_container .fwrapper ul{
	width: 65.21739%; /* base 600px - 600/920px */ 
	display: inline;
	float: left;
	margin-right: 4.34782%; /* base 40px - 40/920px */ 
	text-align: center; 
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 2%;
}
#fbottom_container .fwrapper ul li{
	display:inline-block;
	border-right: 1px solid white;
	padding-right: 20px; 
	margin-right: 20px;
}
#fbottom_container .fwrapper ul li:last-child{
	border: none;
	padding-right: 0;
	margin-right: 0;
}

#fbottom_container .fwrapper ul li.last-child{ /* IE 8 - ne pas concaténer au style précédent */
	border: none;
	padding-right: 0;
	margin-right: 0;
}
#fbottom_container .fwrapper ul li a{
	color: white;
}
#fbottom_container .fwrapper p{
	display: inline-block;
	color: white;
	padding-bottom: 15px;
	padding-top: 15px;
}
#fbottom_container #btnHautPage{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1000;
	
	background: url(../img/footer/BoutonHautPage.png) no-repeat 0 0;
	width: 53px;
	height: 53px;
	font-size: 0;
}

/*** Fin Desktop ***/

/***************************** Fin footer *******************************/


/***************************** Début colorbox *******************************/
body.colorBoxOpened {
	overflow: hidden;
}
body.printing.colorBoxOpened {
	overflow: visible;
}

#colorbox.defaultTheme,
#cboxOverlay.defaultTheme,
.defaultTheme #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
.defaultTheme #cboxWrapper {
	max-width:none;
	
}
#cboxOverlay.defaultTheme{position:fixed; width:100%; height:100%;}
.defaultTheme #cboxMiddleLeft,
.defaultTheme #cboxBottomLeft{clear:left;}
.defaultTheme #cboxContent{position:relative;}
.defaultTheme #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
.defaultTheme #cboxTitle{margin:0;}
.defaultTheme #cboxLoadingOverlay,
.defaultTheme #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
.defaultTheme #cboxPrevious,
.defaultTheme #cboxNext,
.defaultTheme #cboxClose,
.defaultTheme #cboxPrint, /* AJOUT SOLUCOM */
.defaultTheme #cboxSlideshow{cursor:pointer;}
.defaultTheme .cboxPhoto{
	float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;
	
	border:1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.defaultTheme .cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox.defaultTheme,
.defaultTheme #cboxContent,
.defaultTheme #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay.defaultTheme{background:#000; opacity:0.8;}
#colorbox.defaultTheme{outline:0;}
.defaultTheme #cboxContent{
    	margin:0; 
    	overflow:visible; 
    	background:#fff;
    	padding:30px 20px 20px 20px;
}

.defaultTheme .cboxIframe{background:#fff;}
.defaultTheme #cboxError{padding:50px; border:1px solid #ccc;}
.defaultTheme #cboxLoadedContent{background:#fff; padding:0;}

.defaultTheme.popin-video #cboxLoadedContent{
	overflow: hidden !important;
}

.ltIE9 .defaultTheme .popin-video #cboxLoadedContent .flowplayer {
	position:relative;
	top:-10px;
}

.defaultTheme #cboxLoadingGraphic{background:url(../img/loading2.gif) no-repeat center center;}
.defaultTheme #cboxLoadingOverlay{background:#fff;}

.defaultTheme #cboxCurrent{
	position: absolute;
	bottom:20px;
	left:20px;
	right:20px;
	width:auto;
	height:33px;
	background: #3c3c3c;
	padding:0 103px 0 0;
	overflow: hidden;
}
.defaultTheme #cboxCurrent .flex-control-nav {
	position:static;
	bottom:0;
}
.defaultTheme #cboxTitle{
	width: inherit;
	position:absolute;
	bottom:20px;
}
.defaultTheme.popin-zoom-image.diaporama #cboxTitle{
	bottom:51px; /* 18 + 33 */
	background: #e5e5e5;
}
.defaultTheme.popin-zoom-image #cboxContent{
	padding-bottom:90px; /* 20 + 70 */
}     
.defaultTheme.popin-zoom-image.diaporama #cboxContent{
	padding-bottom:123px; /* 20 + 70 + 33 */
}
.defaultTheme.popin-zoom-image.sansEncart #cboxContent {
	padding-bottom:20px;
}
.defaultTheme.popin-zoom-image.diaporama.sansEncart #cboxContent {
	padding-bottom:53px; /* 20 + 33 */
}

.defaultTheme.popin-zoom-image #cboxTitle {
	min-height: 70px; 
}
.defaultTheme.popin-zoom-image.sansEncart #cboxTitle {
	min-height: none;
	display: none !important;
}

.defaultTheme #cboxTitle div.encart {
	background-color: #e5e5e5;
	padding-bottom: 6px;
}

.defaultTheme.popin-zoom-image #cboxTitle div.encart {
	padding-bottom: 10px;
}

.defaultTheme #cboxTitle .encart:before {
	content: url(../img/encoche-encart-grise.png);
}

.defaultTheme #cboxTitle .encart .copyright {
	padding: 5px 13px 0 9px;
}

.defaultTheme #cboxTitle div.encartCt {
	max-height: 200px;
	overflow: auto;
}

/*
.defaultTheme #cboxTitle h3{
	display: block;
	position: absolute;
	top:-40px;
	z-index: -1;
}*/
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
.defaultTheme #cboxPrevious_wrapper, 
.defaultTheme #cboxNext_wrapper, 
.defaultTheme #cboxSlideshow_wrapper {
	display: none;	/* caché par défaut */
}
.defaultTheme.diaporama #cboxPrevious_wrapper, 
.defaultTheme.diaporama #cboxNext_wrapper, 
.defaultTheme.diaporama #cboxSlideshow_wrapper {
	display: inline-block;
	position: absolute;
	bottom:20px;
	width: 33px;
	height: 33px;
	border-left:1px solid #9e9e9e;
}
.defaultTheme #cboxPrevious_wrapper {
	right:88px;
}
.defaultTheme #cboxNext_wrapper {
	right:54px;
}
.defaultTheme #cboxSlideshow_wrapper {
	right:20px;
}
.defaultTheme #cboxPrevious,
.defaultTheme #cboxNext,
.defaultTheme #cboxSlideshow {
	display: inline-block;
	width: 33px;
	height: 33px;
	content:"\00a0"; /* espace insécable */
	font-size: 0;
	border:none; 
	background-color: transparent;
	background-image: url(../img/diaporama/ctrl-diapo.png);
	background-repeat: no-repeat;
	position: relative;
}

.defaultTheme #cboxPrevious:active,
.defaultTheme #cboxNext:active,
.defaultTheme #cboxSlideshow:active {
	background-color: #888;
}

.defaultTheme #cboxPrevious {
	background-position: 11px 10px;
}

.defaultTheme #cboxNext {
	background-position: -39px 10px;
}

.defaultTheme #cboxSlideshow {
	background-position: -139px 10px;
}

.defaultTheme .cboxSlideshow_off #cboxSlideshow {
	background-position: -89px 10px;        	
}

.defaultTheme #cboxPrint,
.defaultTheme #cboxClose {
	/* border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top-20px; backgroundurl(../img/controls.png) no-repeat 0 0; */
	background:none;
	position:absolute;
	padding:0;
	margin:0;
	border:none;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 12px;
	font-weight: normal;
	line-height: 30px; 
	color:#3c3c3c;
	
	text-decoration: none;
}

.defaultTheme #cboxClose {
	right:20px;
	top:0;
}
.defaultTheme #cboxPrint {
	left:20px;
	top:0;
}
.defaultTheme #cboxPrint:before,
.defaultTheme #cboxClose:before {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(../img/icons/pictos-popin.png) 0 0 no-repeat;
	margin:0 4px 0 0;
	font-size: 0;
	position: relative;
	top:-2px;
}
.defaultTheme #cboxPrint:before {
	content: "X";
	background-position: 0 0;
}
.defaultTheme #cboxClose:before {
	content: "■";
	background-position: -16px 0;
}

.defaultTheme #cboxPrint:hover,
.defaultTheme #cboxClose:hover {
	color:#ea7420;
}
.defaultTheme #cboxPrint:hover:before {
	background-position: 0 -16px;
}
.defaultTheme #cboxClose:hover:before {
	background-position: -16px -16px;
}

/* modification ECH 27/01/2014 */
/* initialement l'outline n'était supprimée que dans le cas du active (mouseclick) */
.defaultTheme #cboxPrevious,
.defaultTheme #cboxNext,
.defaultTheme #cboxSlideshow,
.defaultTheme #cboxClose,
.defaultTheme #cboxPrint {outline:0;}

/*Fix MMI-137*/
#colorbox.defaultTheme{
	z-index: 99999999 !important;
}


/***************************** Fin colorbox *******************************/




/******************** MEDIA QUERIES **********************/

/* Largeur inférieure à 1000px */
@media screen and (max-width:1000px) {
	
	/* PAGE PRESENTATION MEDIA */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
	*/
	#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires{
		padding: 1.92307692307692em /* 25px / 13px */ 1.53846153846154em /* 20px / 13px */ 2.69230769230769em; /* 35px / 13px */
	}
	
	.theme_ressources ul.listeRessources li.ressource{
		margin-left: 5.271%;
	}
}

/* Largeur inférieure à 960px */
@media screen and (max-width:960px) {
	
	/* HEADER */
	/* Navigation : meta navigation */
	#metaNavigation > ul {
		margin-right:50px;
	}
	
	.accueil #metaNavigation > ul {
		margin-right:0; /* car pas de barre_fonctionnalites sur la page d'accueil */ 
	}
	
	/* Navigation : ma sélection */
	.bandeauHaut .maSelection {
		font-size: 0; 
		padding-right:0;
		text-decoration: none;
	}
	.ltIE9 .bandeauHaut .maSelection { /* alternative au font-size:0 */
		font-family: AdobeBlank;
		font-size:1em;
	}
	
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	.dossiers{
		width: 100%;
	}

	#bloc_bdd form > .select-style {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
}


/* Largeur inférieure à 900px */
@media screen and (max-width:900px) {
	.bloc_video_colonneDroite a.ico_video .play {
		background-image: url(../img/video_play_gris_tres_petite.png);
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px;
	}
	.bloc_video_colonneDroite a.ico_video .play.style1 {
		/* style par défaut */
	}
	.bloc_video_colonneDroite a.ico_video .play.style2 {
		background-image: url(../img/video_play_orange_tres_petite.png);
	}
}


/* Largeur inférieure à 786px */
@media screen and (max-width:786px) {
	
	/* HEADER */
	#bandeauSite .titre{
		top: 5px;
		left: 22px;
	}
}


/* Largeur inférieure à 780px */
@media screen and (max-width:780px) {
	
	
	/* PAGE EDITORIALE */*
	/* Blocs vidéo simple, avec zone flottante, dans les ressources */
	.blocVideo a.ico_video .play {
		width: 100px !important;
		height: 100px !important;
		margin: -50px 0 0 -50px !important;
	}
	.zoneFlottante .blocVideo a.ico_video .play {
		width: 70px !important;
		height: 70px !important;
		margin: -35px 0 0 -35px !important;
	}	
	.ressource.blocVideo a.ico_video .play {
		width: 56px !important;
		height: 56px !important;
		margin: -28px 0 0 -28px !important;
	}
}


/* Largeur inférieure à 767px */
@media screen and (max-width:767px) {

	/* FOOTER */
	/* Bloc Suivez l'INRS */
	.follow_inrs{
		margin-top:20px;
	}
	#ffollow_container{
		width: 100%;
	}	
	/* Bloc abonnement et liens utiles */
	#flinknl_container{
		width: 100%;
		margin-top: 20px;
	}	
	#fc_lettre .fc_lettreAccroche{
		display: none;
	}	
	#fc_lettre{
		background-image: none;
	}	
	#fc_lettre .fcl_titre {
	    padding-top: 12px;
	    margin-bottom: 12px;
	}	
	#fc_lettre .fc_lettreNumEnCours {
		border-top: none;
		padding-top: 0;
	}	
	#fc_utiles{
		background-color: white;
	}
	#fc_utiles ul{
		display: table;
		border-collapse: separate;
		width: 100%;
		padding-left: 0;
	}
	#fc_utiles ul li{
		display: table-cell;
		width: 50%;
	}
	/* Bloc navigation et legal */
	#fbottom_container .fwrapper ul li{
		padding-right: 15px; 
		margin-right: 15px;
	}
	
	/* CONTENU PRINCIPAL */
	.container_contenuPrincipal {
		width: 100%;
	}
	.container_contenuPrincipalMetier {
		width: 100%;
		marging-left : 0px;
		padding-left : 0px;
	}
	#container_contenuPrincipal img {
		max-width: 100%;
		height:auto;
	}
	
	/* COLONNE DE DE DROITE */
	.container_colonneDroite {
		width: 100%;
		margin: 10px 0 0 0;
	}
	.bloc_voiraussi,
	#barre_fonctionnalites,
	.bloc_compedit,
	.bloc_actuspresse,
	.bloc_agenda,
	.bloc_video_colonneDroite,
	.bloc_discipline_recherche,
	#bloc_bdd,
	.push_special,
	.affinerRecherche,
	.resultatsRecherche .container_colonneDroite .modifierRecherche,
	.resultatsRecherche .container_colonneDroite .nouvelleRecherche,
	.resultatsRecherche .container_colonneDroite .retourListe,
	.resultatsRecherche .container_colonneDroite .retourFiche,
	.resultatsRecherche .container_colonneDroite .retourAuxResultats{
		display: none;
	} 
	/* Barre de fonctionnalites */
	#barre_fonctionnalites {
		display: none;
		position: absolute;
		z-index: 40000;
		font-size:13px;
		width: 21em;
		right: 4px;
		top: 45px;
		background: #efefef;
	}	
	#barre_fonctionnalites > img.bf_encoche {
		display: none;
	}	
	.bf_outils {
		margin:0;
		padding:0;
		width:100%;
		z-index:10000;
	}	
	#barre_fonctionnalites .bf_outils li.voirSelection,
	.bf_outils li {
		display:block;
		margin:0;
	}	
	.bf_outils li a {
		display:block;
		/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
		font-size:1rem;
		line-height: 37px;
		text-align: right;
		color:#3c3c3c;
		text-decoration: none;
	}	
	.ltIE9 .bf_outils li a { /* alternative aux tailles "rem" */
		font-size:1em;
		font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
		
	.bf_outils li a:hover {
		background: #787f87;
		font-weight: bold;
		color:#fff;
	}	
	.bf_outils li a span.icon {
		clear : right;
		float : right;
		display: block;
		height: 23px;
		width:31px !important;
		margin:8px 14px 0 14px;
		top:0;
	}	
	.bf_outils a span.title{
		display:inline;
	}	
	.bf_outils .impression,
	.bf_outils .partageSocial,
	.bf_outils .taillesCar {
		display: none !important;
	}
	.bf_outils .ajoutSelection a span.icon {
		background-position: -50px 0;
		position:relative;
		left:2px;
	}
	.bf_outils .retraitSelection a span.icon{
		background-position: -100px 0;
		position:relative;
		left:2px;
	}		
	.bf_outils .voirSelection a span.icon{
		background-position: -300px -100px;
		height:31px !important;
		margin-top:3px;
	}
	.bf_outils .voirSelection a:hover span.icon{
		background-position: -300px -150px;
	}
	.bf_outils .envoiMail a span.icon{
		background-position: -150px 0;
	}
	.bf_outils .envoiMail a:hover span.icon{
		background-position: -150px -50px;
	}	
	.bf_outils .contactINRS a span.icon{
		background-position: 0 -100px;
		height:31px !important;
		margin-top:7px;
	}
	.bf_outils .contactINRS a:hover span.icon{
		background-position: 0 -150px;
	}
	
	/* PAGES DOSSIER / RESULTATS RECHERCHE SIMPLE / FORMATION */
	/* Footer de navigation */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	.dossier .pagination .liensMiseEnAvant,
	.resultatsRecherche .wrapperPagination .choixAffichageResultats select,
	.liste .wrapperPagination .choixAffichageResultats select,
	.formation .wrapperPagination .choixAffichageResultats select {
		display: none;
	}
	.pagination .navigationPages,
	.pagination .triPages,
	.pagination .affiner,
	.pagination .affinerMajFamille{
		width: 100%;
		border: none;
	}	
	
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	.resultatsRecherche .pagination .choixAffichageResultats,
	.liste .pagination .choixAffichageResultats,
	.formation .pagination .choixAffichageResultats,
	.maSelection .pagination .choixAffichageResultats{
		display: none;
	}
	
	.resultatsRecherche .triPages,
	.resultatsRecherche .affiner,
	.resultatsRecherche .affinerMajFamille,
	.resultatsRecherche .navigationPages,
	.liste .navigationPages,
	.formation .triPages,
	.formation .navigationPages,
	.maSelection .triPages,
	.maSelection .navigationPages
	{
		width: 100% !important;
		padding-right: 0 !important;
		border-right: none !important;
	}
	
	/* Blocs images et diaporama : pas de zoom possible si w<=767 (cf. INRSFR-266) */
	.blocImage .picto_zoom {
		display: none;
	}

	.blocImage .picto_clic {
		width: 27px;
		height: 27px;
	}

	.blocImage .picto_clic .hand {
		background-size:50%;
		bottom:-7px;
		right:-6px;
	}
	
	/* PAGE RESULTATS RECHERCHE VIDEO */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/

}

/* Largeur comprise entre 481px et 767px */
@media screen and (min-width:481px) and (max-width:767px) {
	
	/* HEADER */
	
	/* Navigation : rubriques */
	#navHorizontale{
		margin-left: -1px;
		
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;	
		
		-webkit-column-gap : 2em;
		-moz-column-gap : 2em;
		column-gap : 2em;
	}	
	
	#navHorizontale > li {
		display:block;
		width: auto;
		padding: 3px 0;
		margin: 0 1%;
		border-right: 0 none;
		border-bottom: 1px solid black;
	}
	#navHorizontale > li > a{
		border-right: 0 none;
		padding: 0 5px !important;
	}
	
	/* IE<10 : pas de colonnes CSS donc on fait par blocs */
	.ltIE10 #navHorizontale{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		
		padding-bottom:25px;	
	}
	.ltIE10 #navHorizontale > li {
		display: inline-block;
		width:46%;
	}
	.ltIE10 #navHorizontale > li:nth-child(2n+1) {
		margin-right:5%;
	}
	
	
	
	/* Navigation : barre de fonctionnalites */
	.header .bandeauHaut {
		min-height: 50px;
	}	
	ul#boutonTransverseIntermediaire {
		display: inline-block;
		vertical-align: middle;
	}	
	.bandeauHaut .maSelection {
		display: none;
	}
	.desktop li.drapeaux_droite {
		right:45px !important;
	}
}


/* Largeur comprise entre 768 et 1015px */
@media screen and (min-width:768px) and (max-width:1015px) {
	
	#bandeauSite{
		margin-left:20px;
	}
}


/* Largeur comprise entre 601px et 767px */
@media screen and (min-width:601px) and (max-width:767px) {
	
	/* HEADER */
	
	#bandeauSite a img{
		position: relative;
		left: 20px;
	}
	#bandeauSite a span{
		position: relative;
		left: 27px !important;
	}
	
	.megaMenu > .contentMM > .wrapper > ul {
		display:block;
		font-size: 0; 
		
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.ltIE9 .megaMenu > .contentMM > .wrapper > ul { /* alternative au font-size:0 */
		font-family: AdobeBlank;
		font-size:1em;
	}
	
	#bloc_resume_media .contributions_medias .bloc_contribution_media {
		display: inline-block;
		width:100%;
	}
}

/* Largeur comprise entre 481 et 505px */
@media screen and (min-width:481px) and (max-width:505px) {
	#quickSearch_keywords {
		width: 140px;	
	}
}

/* Largeur comprise entre 0 et 635px */
@media screen and (min-width:768px) and (max-width:950px) {
	.formation_calendrier .legende > div {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}


/* Largeur comprise entre 0 et 635px */
@media screen and (max-width:635px) {
	.formation_calendrier .legende > div {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}


/* Largeur comprise entre 0 et 600px */
@media screen and (max-width:600px) {
	#plan ul.concis {
		display:none;
	}
	
	/* PAGE EDITORIALE */
	.edito .chapo .image_accroche{
		margin-bottom : 5px;
	}
	
	.bloc_sommaire .nav,
	.bloc_partenaires .nav,
	.bloc_liensConnexes .nav {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;	
	}


	#bloc_resume_media .contributions_medias {
		width:auto;
		background: none;
		margin: 0;
	}
	
	#bloc_resume_media .contributions_medias .bloc_contribution_media {
		display: block;
		width:100%;
		background-color: #e5e5e5;
		padding: 19px 15px 20px;
		margin: 0 0 2.30769230769231em; /* 30px / 13px */
	}
	
}

/* Largeur comprise entre 481px et 600px */
@media screen and (min-width:481px) and (max-width:600px) {
	
	/* HEADER */
	/* Navigation : rubriques */
	#bandeauSite {
		width: auto;
		padding-right: 10%;
	}
	#bandeauSite .titre {
		font-size:21px;
	}

	#bandeauSite a img{
		position: relative;
		left: 20px;
	}
	
	#navHorizontale {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		
		margin-bottom: 1em;	
	}
	
	/* IE<10 : pas de colonnes CSS donc on fait par blocs */
	.ltIE10 #navHorizontale{
		margin-bottom:0;
		padding-bottom:25px;	
	}
	.ltIE10 #navHorizontale > li {
		display:block;
		width:auto;
		margin-right: 0;
	}
	.ltIE10 #navHorizontale > li:nth-child(2n+1) {
		margin-right: 0;
	}
	
	.megaMenu > .contentMM > .wrapper > ul {
		display:block;
		font-size: 0; 

		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.ltIE9 .megaMenu > .contentMM > .wrapper > ul { /* alternative au font-size:0 */
		font-family: AdobeBlank;
		font-size:1em;
	}
	
		
	#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre{
		width: 65%;
	}
	

	/* PAGE PRESENTATION MEDIA */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	#details_media {
		display: block;
	}
	#details_media #bloc_visuel_media{
		display: block;
		width: 100%;
		margin: 0;
	}
	#container_contenuPrincipal img{
		width: 100%;
	}
	#container_contenuPrincipal .editorial img{
		width: auto;
	}
	
	.titreAvecTampon > .zoneTampon {
		padding:0 0 0 15px;
	}
	.titreAvecTampon > .zoneTampon > img {
 		width: auto !important;
	}

	#details_media #bloc_resume_media {
		display: block;
		width: 100%;
	}
	#informations_techniques_media .titreIT,
	.liste_substances .titreIT{
		display: none;
	}
	#informations_techniques_media .listeOnglets .onglet.deplie .titre,
	#informations_techniques_media .listeOnglets .onglet.replie .titre,
	.liste_substances .listeOnglets .onglet.deplie .titre,
	.liste_substances .listeOnglets .onglet.replie .titre{
		display: block;
	}
	.etude_communication_publication #informations_techniques_media ul li .detail_info_technique{
	width: 50%;
	}

	.contenu_ressources_complementaires .theme_ressources .listeRessources .ressource{
		width: 47.32724902216428%;
	}
	.contenu_ressources_complementaires .theme_ressources .listeRessources .ressource.onemodtwo{
		margin-left: 0;
	}
	.contenu_ressources_complementaires .theme_ressources .listeRessources .ressource.noughtmodtwo{
		margin-left: 5.25%;
	}
	.liste_substances{
		margin-bottom: 0;
	}
	
	/* Page Etude / Communication / Publication */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	.etude_communication_publication #informations_techniques_media ul.liste_etude_attachement,
	.etude_communication_publication #informations_techniques_media ul.liste_publications_communications{
		margin-top: 5px;
	}
	.etude_communication_publication #informations_techniques_media ul.liste_informations_techniques{
		margin-top: 0;
	}
	.etude_communication_publication #informations_techniques_media ul.listeOnglets li.onglet{
		margin-bottom: 0;
	}
	
	
	/* PAGE STAGE */
	.stage .listeOnglets .onglet .contenu h3{
		display: none;
	}
	.stage .listeOnglets .onglet.replie .titre,
	.stage .listeOnglets .onglet.deplie .titre{
		display: block;
	}
	.stage .listeOnglets > li{
		margin-bottom: 0;
	}
	
	/* FOOTER */
	/* Bloc navigation et legal */
	#fbottom_container .fwrapper ul li{
		padding-right: 15px; 
		margin-right: 15px;
	}
}




/* Largeur inférieure à 480px */
@media screen and (max-width:480px) {
	
	/* HEADER */
	/* Navigation */
	.js #mobileNavigation {
		display:none;
		position: absolute;
		top:0;
		bottom:0;
		right:0;
		left:0;
		/*
		background: rgba(0,0,0,0.7);
		z-index: 9999;
		*/	
	}
	/* Navigation : meta navigation */
	#metaNavigation > ul > li.lienMultiple > a:after {
    	content: ">";
    	float: right;
    	font-size: 1.2em;
	    font-weight: bold;
	    margin-right: 1.2em;
	}
	
	.js #metaNavigation > ul {
		/* display:none; */ 
		z-index: 20000;
	}
	.js #metaNavigation {
		display:block;
		position: relative;
		background: #fff;
		top:0;
		left:0;
		width:75%;
		z-index: 10000;		
		padding: 0 20px 20px 20px;
	}	
	.js #metaNavigation > ul {
		padding:0 20px;
		width: 100%;
	}
	.js #metaNavigation > ul > li {
		display: block;
		padding:0;
		background: #3c3c3c;
		margin-bottom:6px;
	}	
	.js #metaNavigation > ul > li:hover {
		background: #666;
	}	
	.js #metaNavigation > ul > li a {
		display:block;
		width:100%;
		color:#fff;
		text-decoration: none;
		border: none;
		padding:0.8em 13px !important;
	}	
	.js #metaNavigation > ul > li.lienMultiple > ul {
		display: none;
	}
	
	/* Navigation : rubriques */
	.header .bandeauMilieu {
		padding-bottom:2em;
	}
	#navHorizontale {
		display:block;
		position: relative;
		background: #fff;
		top:0;
		left:0;
		width:75%;
		z-index: 10000;		
		padding: 20px;
		margin: 0;
	}	
	#navHorizontale > li {
		display: block;
		border-top:1px solid #636363;
		padding: 0;
	}	
	#navHorizontale > li:first-child {
		border-top:none;
	}	
	#navHorizontale > li.sel {
		background: transparent;
		left:0;
	}	
	#navHorizontale > li a {
		display: block;
		padding:0.5em 0;
		border: none;
		width: 100%;
		color:#3c3c3c;
		text-decoration: none;
	}	
	#navHorizontale > li.sel a {
		color:#3c3c3c;
		padding-left:0;
	}	
	#navHorizontale > li a > h3 {
		display: inline;
		margin: 0;
		padding: 0;
	}
	#navHorizontale > li a:after {
		content:">";
		float:right;
		margin-left:1em;
	}	
	#navHorizontale > li:hover {
		background: #3c3c3c;
	}	
	#navHorizontale > li:hover a {
		color:#fff;
	}
	/* Navigation : boutons Recherche/Barre fonctionnalites/Menu */
	.header .bandeauMilieu .menuResponsive,
	.header .bandeauMilieu .fctTransverses {
		display: inline-block;
		position: absolute;
		top:20px;
		right:20px;
	}
	.header .fctTransverses {
		display: inline-block;
		position: absolute;
		font-size: 0; 
		top: 20px;
		right: 20px;
	}
	.ltIE9 .header .fctTransverses { /* alternative au font-size:0 */
		font-family: AdobeBlank;
		font-size:1em;
	}
	.header .fctTransverses li {
		margin-left: 1px;
	}
	.header .fctTransverses li:FIRST-CHILD {
		margin-left: 0;
	}
	.foreign .bouton.rechercher {
		display:none;
	}
	.header .bouton.rechercher a:before {
		content:"\00a0"; /* espace insécable */
		font-size: 0;
		position:absolute;
		top:11px;
		left:11px;
		width:19px;
		height:20px;
		background: url(../img/pictos-header.png) 0 -50px no-repeat;
	}
	.header .bouton.transverse a {
		position:relative;
	}
	.header .bouton.transverse a:after {
		content:"\00a0"; /* espace insécable */
		font-size: 0;
		position:absolute;
		top:8px;
		left:17px;
		width:7px;
		height:25px;
	    background: url(../img/pictos-header.png) 0 0 no-repeat;
	}
	#header li.bouton.transverse.actif {
		border-bottom:2px solid #efefef;
	}
	.no-js .header .bouton.rechercher,
	.no-js .header .bouton.transverse {
		display: none; 
	}
	.header .bandeauHaut .maSelection {
		display: none;
	}
	
	.no-js .header .bandeauMilieu .menuResponsive {
		display: none;
	}
	.header .bandeauMilieu .menuResponsive {
		display: inline-block;
		position:absolute;
		top:20px;
		left:20px;
		z-index: 1000; 
		width:120px;
	}
	.menuResponsive > a {
		display: inline-block;
		padding: 12px 8px 12px 32px;
	    position:relative;
	    background-color: #626970;
	    font-size: 1.307692307692308em; /* 17px / 13px */
	    font-weight: bold;
	    color: white;
	    text-decoration: none;
	    /*z-index:1000;*/
	}
	.menuResponsive > a:before {
		content:"\00a0"; /* espace insécable */
		font-size: 0;
		position:absolute;
		top:14px;
		left:8px;
		width:17px;
		height:13px;
		background: url(../img/pictos-header.png) 0 -150px no-repeat;
	}
	/*
	DESACTIVATION TEMPORAIRE
	.menuResponsive:hover .menuItems {
	    display: inline-block;
	    width: 70.83333333333333%; / * 340px / 480px * /
	    background-color: white;
	}
	*/
	.menuResponsive .menuItems {
	    display: none;
	    margin: 0;
	    position: absolute;
	    top: 61px;
	    left: 15px;
	    z-index: 99999;
	}
	.menuResponsive .menuItems {
		padding: 20px 5.88235294117647%; /* 20px / 340px */
	}
	.menuResponsive #navHorizontale li,
	.menuResponsive #metaNavigation > ul li {
	    display: block;
	    float: none;
	    margin: 0;
	    padding: 0;
	}
	.menuResponsive #metaNavigation > ul li {
		padding: 15px 13px 11px 13px;
		background-color: #3c3c3c;
		text-align: left;
	}
	.menuResponsive #metaNavigation > ul li a {
		background-color: #3c3c3c;
		font-size: 1.076923076923077em; /* 14px / 13px */
		color: white;
		padding: 0;
	}
	.menuResponsive #metaNavigation > ul li ul,
	.menuResponsive #metaNavigation > ul .lienMultiple {
		display: none;
	}
	.menuResponsive ul a {
	    display: block;
	    float: none;
	    height: auto;
	}
	
	.no-js .megaMenu {
		display: none;
	}
	
	/* Barre de recherche */
	.header .bandeauHaut .bouton.fermer {
		display: inline-block;
		position: absolute;
		top:0;
		right:0;
	}	
	.header .bandeauHaut {
		padding: 28px 20px;
		background-color: #dadada;
		display: none;
	}
	/* bandeau visible par défaut si pas de javascript*/
	.no-js .header .bandeauHaut {
		display: block;
		background-color: #3c3c3c;
	}
	.header .bandeauHaut .wrapper {
		padding-left: 0;
	}
	.header .bandeauHaut .bouton {
		vertical-align: top;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 0; 
	}
	.ltIE9 .header .bandeauHaut .bouton { /* alternative au font-size:0 */
		font-family: AdobeBlank;
		font-size:1em;
	}
	.header .bouton.fermer a:before {
		content:"X";
		font-size: 0;
		width:20px;
		height:19px;
	    background: url(../img/pictos-header.png) 0 -100px no-repeat;
	    position: absolute;
	    top:11px;
	    left:11px;
	}
	.no-js .header .bouton.fermer {
		display: none; 
	}	
	.header #quickSearchForm {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		float: none;
		height: 40px;
		margin-right: 37px;
		background-color: white;
	}
	.header #quickSearchForm:before {
		top:11px;
	}
	.header #quickSearchForm span {
	    display: block;
	    height: 100%;
	    overflow: hidden;
	    padding: 0 60px 0 0;
	}
	.header #quickSearch_keywords {
		font-size: 1.076923076923077em; /* 14px / 13px */
		font-size: 1.076923076923077rem; /* 14px / 13px */
		padding: 10px 6px 6px 10px;
		width: 100%;
	}
	.header #quickSearch_button {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 1.230769230769231em; /* 16px / 13px */
		font-size: 1.230769230769231rem; /* 16px / 13px */
		padding: 8px 7px;
	}
	
	.header #quickSearch_keywords.bluredAndEmpty {
	    background: url(../img/recherche-texte-grand.png) 9px 50% no-repeat;
	}
	.no-js .header .bandeauHaut .fermer {
		display: none; 
	}
	.no-js .header #quickSearchForm {
		margin-right: 0;	
	}
	
	/* Gestion des mega-menus en mode mobile */ 
	#header .megaMenu {
		z-index: 10000;
		width: 87%;
	}

	#metaNavigation	.bt_close,
	#header .megaMenu .bt_back{
		font-family: pt_sans, sans-serif;
		float: right;
		margin-right: 5px;
		margin-top: 5px;
		position: relative;
		z-index: 10000;
		cursor: pointer;
		background: rgb(239,239,239); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	}
	
	#metaNavigation	.bt_close {
		margin:20px 0 0 0;
	}
	
	#metaNavigation	.bt_close span,
	#header .megaMenu .bt_back span{
		padding: 9px 15px 8px 25px;
		line-height: 31px;
		font-size: 1.2em;
		background: url('../img/picto-fleche-retour.png') 10px center no-repeat;
	}
	
	#header .megaMenu .bt_lienMM {
		display:inline-block;
		padding:0 0 0 10px;
	}
	
	#header .megaMenu .bt_lienMM.placeHolder {
		float: right;
		clear:right;
		position: relative;
		margin-right: 5px;
		margin-top: 5px;
		visibility: hidden;
		z-index: -10000;
	}

	#header .megaMenu .bt_lienMM.real {
		position: absolute;
		right: 5px;
		bottom: 5px;
		z-index: 10000;
	}
	
	
	#header .megaMenu .bt_lienMM > a {
		font-size:13px;
		margin: 0;
		padding: 4px 10px;
	}
	
	#header .megaMenu > .titreMM > .wrapper > p:after {
		left: 8px;
	}
	
	.megaMenu > .contentMM > .wrapper > ul {
	    -webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	#header .megaMenu > .contentMM > .wrapper > ul > li > ul.concis{
		display: none;
	}
	
	#header .megaMenu > .contentMM > .wrapper > .footerMM{
		display: none;
	}
	
	#header .megaMenu > .contentMM > .wrapper > .accrocheMM,
	#header .megaMenu > .contentMM > .wrapper > .accrocheMM > p,
	#header .megaMenu > .contentMM > .wrapper > .accrocheMM > .lienPrincipal,
	#header .megaMenu > .contentMM > .wrapper > .accrocheMM > .lienSecondaire{
		display: block;
	}
	
	#header .megaMenu > .contentMM > .wrapper > .accrocheMM > .lienPrincipal,
	#header .megaMenu > .contentMM > .wrapper > .accrocheMM > .lienSecondaire {
		padding-left: 0;
		margin-top: 1em;
	}

	/* Barre de fonctionnalites */
	#barre_fonctionnalites {
		right: 20px;
		top: 63px;
	}	
	
	/* Logo et baseline */
	.header #bandeauSite {
		display: inline-block;
		margin:30px 0 0 0;
		width: 100%;
		text-align: center;
	}	
	.no-js .header #bandeauSite {
		margin-right: 0;
	}
	.header #bandeauSite {
		padding-right: 0;
	}
	.header #bandeauSite > a {
		display:inline-block;
		width: auto;
		position: relative;
		top: 0;
		left: 0;	
	}
	.header #bandeauSite .titre {
		position: relative;
		top: 0;
		left: 0;
		/* font-size: 1.38461538461538em; */
		font-size:18px;
		margin-top: 0.5em;
		display: block;
	}
	
	#pisteNavigation {
		padding: 2px 0 12px 0;
	}
	
	#pisteNavigation li a,
	#pisteNavigation li > span {
		font-size: 0.8461538461538462em; /* 11px / 13px */
	}
	
	/* FOOTER */
	/* Bloc Suivez l'INRS */
	.follow_inrs .fi_titre{
		width:auto;
		font-size: 2.15384615384615em;
		margin-bottom: 10px;
		display: inline-block;
	}
	.follow_inrs ul{
		float: right;
		width: 210px; 
		text-align: right;
	}
	.follow_inrs ul li{
		margin: 0 0 0 10px;
	}
	.follow_inrs {
    	margin-bottom: 0;
	}	
	#follow_remontees{
		display: none;
	}
	/* Bloc abonnement et liens utiles */
	#fc_lettre .fcl_titre{
		font-size: 1.69230769230769em; /* 22px / 13px */
	}
	#fc_utiles ul li a{
		font-size: 1.53846153846154em; /* 20px / 13px */
	}	
	/* Bloc navigation et legal */
	#fbottom_container{
		margin-top:7px;
	}
	#fbottom_container .fwrapper{
		font-size: 0.9230769230769231em; /* 12px - 12px/13px */
	}	
	#fbottom_container .fwrapper ul li{
		padding-right: 5px; 
		margin-right: 5px;
	}
	
	

	/* --- Liste tabulée --- */
	ul.listeTabulee {
		display: block;
	}
	
	ul.listeTabulee > li {
		display: block;
		margin: 0.5em 0;
	}
	
	ul.listeTabulee > li > .entree {
		display: block !important;
		width:auto !important;
		padding: 0.5em 0 !important;
	}
	
	ul.listeTabulee > li > .entree > span {
		display:inline;
		width:auto;
		border:none;
	}
	
	ul.listeTabulee > li > .entree > span > span {
		display:inline;
		background: transparent;
	}
	
	ul.listeTabulee > li > .entree > span > span:after {
		display: inline;
		content: "\00a0:";
	}
	
	ul.listeTabulee > li > .entree > span > span,
	ul.listeTabulee > li > .details > span {
		position: static;
		top:0;
		padding: 0 !important;
	}
	
	ul.listeTabulee > li > .details {
		padding:0 0 0 15px !important;
		width: auto !important;
	}
	
	ul.listeTabulee > li > .details a {
		color: #b0273e;
		font-weight: bold;
	}
	
	ul.listeTabulee > li > .details a:hover {
		text-decoration: underline;
	}	

	ul.listeTabulee > li > .details .editorial p {
		padding:0;
	}		
	
	.IE9 ul.listeTabulee > li > .details ul.bullets,
	.IE10 ul.listeTabulee > li > .details ul.bullets,
	.IE11 ul.listeTabulee > li > .details ul.bullets {
		margin-top:0;
	}	
	
	/* PAGE EDITORIALE */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants SAUF celles qui sont potentiellement transversales
	- Déplacer les règles liées au rendu des textes riches éditoriaux dans editorial.css afin qu'on puisse les visualiser dans FCKEditor 
	*/
	/* Titres et chapo */
	h1#titrePage,
	h2#titrePage {
		font-size: 1.846153846em; /* 24px / 13px */
		line-height: 116.666666666667%; /* 28px / 24px */
	}
	.soustitrePage {
		font-size: 1.461538462em; /* 19px / 13px */
		line-height: 115.789473684211%; /* 22px / 19px */
		color: #ea7420;
		padding-top: 9px;
	}	
	.chapo {
		font-size: 1em; /* 13px / 13px */
		font-weight: bold;
		line-height: 138.461538461538%; /* 18px / 13px */
		padding-top: 14px;
	}
	.chapo a.ico_video .play {
		background-image: url(../img/video_play_gris_tres_petite.png);
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px;
	}
	.chapo a.ico_video .play.style2 {
		background-image: url(../img/video_play_orange_tres_petite.png);
	}
	
	.edito .chapo .dateMiseEnligne{
		font-size: 0.8125em; /* Base 12px - 12/13px */
		display:block;
	}
		
	/* Bloc de mise en avant */
	.miseEnAvant {
		margin: 10px 0 0 0;
		padding: 20px;
		background-color: #e5e5e5;
		font-size: 1em; /* 13px / 13px */
	}	
	.miseEnAvant > .titre {
		position: relative;
		font-size: 1.38461538461538em; /* 18px / 13px */
		line-height: 122.222222222222%; /* 22px / 18px */
	}
	
	/* Blocs vidéo simple et avec zone flottante */
	.blocVideo a.ico_video .play {
		width: 70px !important;
		height: 70px !important;
		margin: -35px 0 0 -35px !important;
	}
	.zoneFlottante .blocVideo a.ico_video .play {
		width: 46px !important;
		height: 46px !important;
		margin: -23px 0 0 -23px !important;
	}
	
	/* Ressources */
	.ressource.blocVideo a.ico_video .play {
		width: 36px !important;
		height: 36px !important;
		margin: -18px 0 0 -18px !important;
	}
	.listeRessources .ressource {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.listeRessources .ressource .zoom_popin, 
	.listeRessources .ressource .video_popin,
	.listeRessources .ressource img {
		display: none;
	}
	
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	/* Onglets */
	.listeOnglets .onglet .titre.court{
		font-size: 1.384615384615385em; /* 18px/13px */
	}
	.listeOnglets .onglet .titre.long{
		font-size: 1em; /* 13px/13px */
	}
	.listeOnglets .onglet.deplie .editorial p{
		margin: 0;
	}
	

	.pagination .navigationPages .nav_suiv,
	.pagination .navigationPages .nav_prec{
		font-size: 1em; 
		margin-top: 6px;
	}
	
	/* RESULTATS RECHERCHE SIMPLE */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	.resultatsRecherche .navigationPages > span.btnNav > *,
	.resultatsRecherche .navigationPages .numerosPages ul li a,
	.formation .navigationPages > span.btnNav > *,
	.formation .navigationPages .numerosPages ul li a,
	.liste .navigationPages > span.btnNav > *,
	.liste .navigationPages .numerosPages ul li a,
	.maSelection .navigationPages > span.btnNav > *,
	.maSelection .navigationPages .numerosPages ul li a{
		font-size: 1.38461538em; /* 18px/13px */
	}
	.resultatsRecherche .navigationPages > span.btnNav.premier,
	.resultatsRecherche .navigationPages > span.btnNav.dernier,
	.formation .navigationPages > span.btnNav.premier,
	.formation .navigationPages > span.btnNav.dernier,
	.liste .navigationPages > span.btnNav.premier,
	.liste .navigationPages > span.btnNav.dernier,
	.maSelection .navigationPages > span.btnNav.premier,
	.maSelection .navigationPages > span.btnNav.dernier {
		width:2em;
	}
	
	.resultatsRecherche .navigationPages > span.btnNav.precedent,
	.formation .navigationPages > span.btnNav.precedent,
	.liste .navigationPages > span.btnNav.precedent,
	.maSelection .navigationPages > span.btnNav.precedent {
		width:7em;
	}
	.resultatsRecherche .navigationPages > span.btnNav.suivant,
	.formation .navigationPages > span.btnNav.suivant,
	.liste .navigationPages > span.btnNav.suivant,
	.maSelection .navigationPages > span.btnNav.suivant{
		width:6em;
	}
	.resultatsRecherche .navigationPages > span.btnNav.precedent.reduit,
	.resultatsRecherche .navigationPages > span.btnNav.suivant.reduit,
	.formation .navigationPages > span.btnNav.precedent.reduit,
	.formation .navigationPages > span.btnNav.suivant.reduit,
	.liste .navigationPages > span.btnNav.precedent.reduit,
	.liste .navigationPages > span.btnNav.suivant.reduit,
	.maSelection .navigationPages > span.btnNav.precedent.reduit,
	.maSelection .navigationPages > span.btnNav.suivant.reduit{
		width:1.8em;
	}
	
	.maSelection .pagination .navigationPages .nav_suiv{
		width: 16%;
	}


	
	/* PAGE LISTE */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	.liste .listeResultats > li .date,
	.liste .listeResultats > li .titre,
	.liste .listeResultats .informationsEvenement{
		font-size: 1em;/* 13/13px */
	}
	.liste .listeResultats > li .description{
		font-size: 0.9230769230769231em; /* 12/13px */
	}
	.liste .listeResultats .informationsEvenement .periode,
	.liste .listeResultats .informationsEvenement .lieu{
		display: block;
	}
	.liste .listeResultats .informationsEvenement .lieu{
		margin-top: 8px;
	}
	
	.maSelection .toutSelectionner,
	.maSelection .supprimerElementsCoches{
		margin: 8px 0 0 0;
	}
	

	
	/* PAGE STAGE */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	.stage .listeOnglets .onglet .contenu h3{
		display: none;
	}
	.stage .listeOnglets .onglet.replie .titre,
	.stage .listeOnglets .onglet.deplie .titre{
		display: block;
	}
	.stage .listeOnglets > li{
		margin-bottom: 0;
	}
	.stage #informations_techniques_media{
		margin: 0.6em 0 1em; 
	}
	.stage #informations_techniques_media ul li .detail_info_technique{
		width: 100%;
	}
	
	
	
	/* --- ANCIENNE VERSION DE LA LISTE DES SESSIONS --- */
	.stage .bloc_sessions .listeSessions > li .disponibilite,
	.stage .bloc_sessions .listeSessions > li .periode,
	.stage .bloc_sessions .listeSessions > li .lieu {
		width: auto;
	}
	.stage .bloc_sessions .listeSessions > li .disponibilite > div{
		display: block;
	}
	.stage .bloc_sessions .listeSessions > li .disponibilite > div > div:first-child {
		display: block;
		width:50px;
	}
	.stage .bloc_sessions .listeSessions > li .disponibilite > div > div + div {
		display: block;
		width:auto;
		height: auto;
		padding-left:0;
		font-size:0.9em;
	}
	.stage .bloc_sessions .listeSessions > li .lieu{
		word-break: break-all;
	}
	


	
	
	/* PAGE 404 */
	
	/* Colorbox */
	.defaultTheme #cboxTitle {
	font-size: 0.8em;
	}
    .defaultTheme #cboxTitle div.encartCt {
    	max-height: 100px;
    }
    

	/* PAGE PRESENTATION MEDIA */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	#details_media {
		display: block;
	}
	#details_media #bloc_visuel_media{
		display: block;
		width: 100%;
		margin: 0;
	}

	#container_contenuPrincipal img{
		width: 100%;
	}
	#container_contenuPrincipal .editorial img{
		width: auto;
	}
	
	.titreAvecTampon > .zoneTampon {
		padding:0 0 0 10px;
	}
	.titreAvecTampon > .zoneTampon > img {
 		width: 77px !important;
	}

	#details_media #bloc_resume_media {
		display: block;
		width: 100%;
	}
	
	#container_ressources_complementaires .titre{
		font-size: 1.53846153846154em; /* 20px / 13px */
	}

	#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires{
		padding: 1.53846153846154em /* 20px / 13px */ 1.53846em;
	}
	
	#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre,
	#container_ressources_complementaires #bloc_ressources_complementaires .themes_annexes_ressources_complementaires .titre {
		font-size: 1.38461538461538em; /* 18px / 13px */
		font-size: 1.38461538461538rem; /* 18px / 13px */
		width: 100%;
	}
	
	.pagination_ressources_complementaires,
	.theme_ressources{
		display: none;
	}

	.theme_ressources .bt_back {
	    background: rgb(239,239,239); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	    cursor: pointer;
	    font-family: pt_sans,sans-serif;
	    width: 6.15384615384615em; /* 80px / 13px */
	}

	.theme_ressources .bt_back span{
		padding: 9px 15px 8px 25px;
		line-height: 31px;
		font-size: 1.2em;
		background: url('../img/picto-fleche-retour.png') 10px center no-repeat;
	}


	.contenu_ressources_complementaires .boutonImportant{
		display: inline-block;
		margin: 0;
	}
	
	ul.supports_theme_annexe {
		width: 105%;
	}
	ul.supports_theme_annexe li{
		margin-right: 9px;
	    vertical-align: top;
	    width: 200px;
	}

	#informations_techniques_media {
    	margin: 1.92308em /* 25px / 13px */ 0 1.15384615384615em; /* 15px / 13px */
	}
	#informations_techniques_media .titreIT,
	.liste_substances .titreIT{
		display: none;
	}
	#informations_techniques_media .listeOnglets .onglet.deplie .titre,
	#informations_techniques_media .listeOnglets .onglet.replie .titre,
	.liste_substances .listeOnglets .onglet.deplie .titre,
	.liste_substances .listeOnglets .onglet.replie .titre{
		display: block;
	}
	.liste_substances{
		margin-bottom: 0;
	}

	#informations_techniques_media ul li .baseline_champs_info_technique,
	.etude_communication_publication #informations_techniques_media ul li .baseline_champs_info_technique{
		display: block;
		border: none;
		width: 100%;
	}
	#informations_techniques_media ul li .champs_info_technique{
		position: static;
	}
	
	#informations_techniques_media ul li .detail_info_technique,
	.etude_communication_publication #informations_techniques_media ul li .detail_info_technique{
		display: block;
		width: 100%;
		position: static;
	}
	
	#container_ressources_complementaires{
		padding: 2em /* 26px / 13px */ 20px 2.30769230769231em /* 30px / 13px */;
	}
	
	
	.bloc_listeLiens > div,
	.formation .bloc_formation > div {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	/* Ma sélection */
	.maSelection .resultat{
		width: 92%;
	}
	
	/* PAGE RECHERCHE BDD */
	.rechercheBDD .search-box .row .choix_termes > span{
		display: block;
		width: 100%;
	}
	
}

/* Largeur inférieure à 440px */
@media screen and (max-width:440px) {
	/* HEADER */
	/* Logo et baseline */
	.header #bandeauSite {
		margin-top:80px;
	}
	
	/* FOOTER */
	/* Bloc navigation et legal */
	#fbottom_container .fwrapper{
	}
	#fbottom_container .fwrapper ul{
		text-align: left; 
		width: 85%;
		margin: 0 0 0 0;
		padding: 7px 0 0 0;
	}	
	#fbottom_container .fwrapper p{
		padding: 10px 0 7px 0;
		margin: 0 0 0 0;
	}
	/* Bloc navigation et legal */
	#fbottom_container .fwrapper ul li{
		padding-right: 4px; 
		margin-right: 4px;
	}	
	
	.formation .tableau th,
	.formation .tableau td{
		padding: 8px 6px;
	}
	
	/* Ma sélection */
	.maSelection .resultat{
		width: 90%;
	}
	
	.pagination .navigationPages .mobileVersion{
		display: none;
	}
	
	/* Calendrier */
	.formation_calendrier .modeAffichage,
	.formation_calendrier .legende {
		display: block; 
		width: auto;
	}	
	
}

/* Largeur inférieure à 350px */
/* Ajout du point de rupture de 350px pour l'iphone */
@media screen and (max-width:350px) {
	
	/* RESULTATS RECHERCHE SIMPLE */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
*/
	.resultatsRecherche .pagination .navigationPages .nav_prec,
	.formation .pagination .navigationPages .nav_prec,
	.liste .pagination .navigationPages .nav_prec,
	.maSelection .pagination .navigationPages .nav_prec{
		width: 4%;
	}
	.resultatsRecherche .pagination .navigationPages .nav_suiv,
	.formation .pagination .navigationPages .nav_suiv,
	.liste .pagination .navigationPages .nav_suiv,
	.maSelection .pagination .navigationPages .nav_suiv{
		width: 4%;
	}
	
	.formation .tableau th,
	.formation .tableau td{
		padding: 8px 4px;
	}
	
}

/* Largeur inférieure à 320px */
@media screen and (max-width:320px) {
	/* CONTENU PRINCIPAL */
	.container_contenuPrincipal ul li {
		/* width: 97%; */
	}
	
	/* PAGE FORMATION - CALENDRIER */
	/* TODO 
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants 
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire) 
	- SAUF celles qui sont potentiellement transversales 
	*/
	.formation .tableau th,
	.formation .tableau td{
		padding: 8px 3px;
	}
	
}

/*Fix MMI-66*/
body .megaMenu .titreMM span.contribuer{
    display:none;
}

body.editMode .megaMenu .titreMM span.contribuer{
    display:inline;
}

/*Fix MMI-64 */
#header .megaMenu{
	z-index: 99999999999999999999999;
}

/* inclusion /templating-kit/themes/inrs/css/editorial.css */
/* --- Fontes --------------------------------------------------- */
/*
@font-face {
    font-family: pt_sans;
    src: url('../fonts/ptsans_bolditalic/PTS76F-webfont-eot.eot');
    src: url('../fonts/ptsans_bolditalic/PTS76F-webfont-eot.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans_bolditalic/PTS76F-webfont-woff.woff') format('woff'),
         url('../fonts/ptsans_bolditalic/PTS76F-webfont-ttf.ttf') format('truetype'),
         url('../fonts/ptsans_bolditalic/PTS76F-webfont-svg.svg#pt_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: pt_sans;
    src: url('../fonts/ptsansnarrow_bold/PTN77F-webfont-eot.eot');
    src: url('../fonts/ptsansnarrow_bold/PTN77F-webfont-eot.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsansnarrow_bold/PTN77F-webfont-woff.woff') format('woff'),
         url('../fonts/ptsansnarrow_bold/PTN77F-webfont-ttf.ttf') format('truetype'),
         url('../fonts/ptsansnarrow_bold/PTN77F-webfont-svg.svg#pt_sans_narrowbold') format('svg');
    font-weight: bold;
    font-style: normal;
   	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: pt_sans;
    src: url('../fonts/ptsansnarrow_regular/PTN57F-webfont-eot.eot');
    src: url('../fonts/ptsansnarrow_regular/PTN57F-webfont-eot.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsansnarrow_regular/PTN57F-webfont-woff.woff') format('woff'),
         url('../fonts/ptsansnarrow_regular/PTN57F-webfont-ttf.ttf') format('truetype'),
         url('../fonts/ptsansnarrow_regular/PTN57F-webfont-svg.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
   	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: AdobeBlank;
    src: url('../fonts/AdobeBlank/AdobeBlank-eot.eot');
    src: url('../fonts/AdobeBlank/AdobeBlank-eot.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AdobeBlank/AdobeBlank-otf-woff.woff') format('woff'),
         url('../fonts/AdobeBlank/AdobeBlank-ttf.ttf') format('truetype'),
         url('../fonts/AdobeBlank/AdobeBlank-svg.svg#AdobeBlank') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/


/* --- Styles --------------------------------------------------- */
body[spellcheck="false"] { /* FCK */
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0;
}

body[spellcheck="false"] * { /* FCK */
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body[spellcheck="false"] i,
body[spellcheck="false"] cite,
body[spellcheck="false"] em,
body[spellcheck="false"] var,
body[spellcheck="false"] address,
body[spellcheck="false"] dfn {
    font-style: italic;
}

body[spellcheck="false"] sup {
	vertical-align: super;
    font-size: smaller;
}

body[spellcheck="false"] sub {
	vertical-align: sub;
    font-size: smaller;
}

.cke_panel_listItem > a > * {
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0;
	margin:0 !important;
	padding:0 !important;
}

.editorial {
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

/* Sous titre de niveau 1 */
.cke_panel_listItem h3,
.editorial h3 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.846153846153846em; /* 24px / 13px */
	color: #ea7420;
	margin: 26px 0 3px 0;
}

/* Sous titre de niveau 2 */
.cke_panel_listItem h4,
.editorial h4 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.692307692307692em; /* 22px / 13px */
	color: #3c3c3c;
	margin-top: 26px;
}
/* Sous titre de niveau 3 */
.cke_panel_listItem h5,
.editorial h5,
.editorial .fauxH5 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.538461538461538em; /* 20px / 13px */
	color: #787f86;
	margin-top: 26px;
}
/* Sous titre de niveau 4 */
.cke_panel_listItem h6,
.editorial h6,
.editorial .fauxH6 {
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3076923em; /* 17px / 13px */
	color: #787f86;
	margin-top: 1em;
}
.cke_panel_listItem p,
.editorial p {
	line-height: 138.461538461538%; /* 18px / 13px */
	margin: 0.307692307692308em 0 0.307692307692308em 0;
}
.editorial p:FIRST-CHILD {
}
.editorial a {
	color: #b0273e;
	font-weight: bold;
}
.editorial a:hover {
	text-decoration: underline;
}
.editorial strong {
	font-weight: bold;
}
.editorial em {
	font-style: italic;
}

.cke_panel_listItem strong.important,
.editorial strong.important {
	color: #ea7420;
}
.editorial ul,
.editorial ol {
	display: block;
	list-style: none;
}
.editorial ul li,
.editorial ol li{
	line-height: 1.230769230769231em; /* 16px / 13px */
	margin: 4px 0;
}
.editorial ul > li {
	padding-left: 18px;
	background: url(../img/editorial-bullet-point.png) 1px 6px no-repeat;
	vertical-align: top;
}
.editorial ul.noBullets > li {
	background: none !important;
	padding-left: 0 !important;
}
.editorial ul > li > ul > li {
	padding-left: 14px;
	background: url(../img/editorial-bullet-point-2.png) 1px 6px no-repeat;
}
.editorial ol > li {
	counter-increment: customlistcounter;  
	position: relative;
	margin:0.8em 0;
}
.editorial ol > li:first-child {
  counter-reset: customlistcounter 0;
}
.editorial ol.index > li {
	padding: 0.8em 0;
    margin: 0;
}
.editorial ol > li:before {
  content: counter(customlistcounter) "\00a0\2502\00a0";
  font-weight: bold;
  color: #ea7420;
  display: inline-block;
  float:left;
  vertical-align: baseline;
}

.editorial ol > li > p:first-child {
	margin-top:0 !important;
	padding-top:0 !important;
	vertical-align: baseline;
}
	
/* bloc de liens complémentaires */
.liensComplementaires {
	margin: 0 0 11px 0;
}
.liensComplementaires.bordure {
	margin: 18px 0 11px 0;
}
.liensComplementaires.bordure {
	border-top: 1px solid #a0a0a0;	
}
.liensComplementaires.style1 > li {
	padding: 10px 0 0 12px;
	font-weight: bold;
	background: url(../img/lienComplementaire-style1-bullet-point.png) 1px 13px no-repeat;
}
.liensComplementaires li a {
	color: #3c3c3c;
}
.liensComplementaires.style2 > li {
	padding: 10px 0 0 19px;
	font-weight: bold;
	background: url(../img/lienComplementaire-style2-bullet-point.png) 0 10px no-repeat;
}
/* mise en avant */
.miseEnAvant .editorial p {
	font-size: 1em; /* 13px / 13px */
	line-height: 1.384615384615385em; /* 18px / 13px */
}
.miseEnAvant .editorial ul li,
.miseEnAvant .editorial ol li {
	font-size: 1em; /* 13px / 14px */
	line-height: 1.384615384615385em; /* 18px / 13px */
	margin: 4px 0;
}
.dossier .miseEnAvant .editorial ul li,
.dossier .miseEnAvant .editorial ol li {
	line-height: 1.384615384615385em; /* 18px / 13px */
	margin: 4px 0;
}
.miseEnAvant .editorial .questions li a {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: normal;
	color: black;
}
.miseEnAvant .editorial .questions > li {
	margin-bottom: 8px;
	padding-left: 18px;
	background: url(../img/lienComplementaire-miseenavant-style1-bullet-point.png) 1px 6px no-repeat;
} 
/* liens de mise en avant */
.liensMiseEnAvant {
	list-style: none;
	margin-top: 20px;
}
.onglet.deplie .liensMiseEnAvant {
	margin: 0 0 20px 0;
}
.liensMiseEnAvant > li,
.editorial .liensMiseEnAvant > li {
	display: inline-block;
	margin-right: 3%;
	margin-bottom: 5px;
	
	padding-left:0;
	background: none;
	vertical-align: baseline;
}
.liensMiseEnAvant li span{
	display: inline-block;
	background: url(../img/fleche-lien-miseenavant.png) 0 4px no-repeat;	
	padding: 0 0 0 12px;
}
.liensMiseEnAvant li a:hover span{
	text-decoration: underline;
}
.liensMiseEnAvant.important li span{
	display: inline-block;
	background: url(../img/fleche-lien-miseenavant.png) 0 7px no-repeat;	
	padding: 0 0 0 12px;
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.461538461538462em; /* 19px / 13px */
}
.liensMiseEnAvant li a {
	display: inline-block;
	font-weight: bold;
	color: white;
	padding: 8px 23px;
}
.liensMiseEnAvant.important li a {
	padding: 10px 23px 12px 23px;
}
.liensMiseEnAvant li a.style1 {
	background-image:none;
	background: #4f4f4f; /* Old browsers */
	background: -moz-linear-gradient(top,  #4f4f4f 0%, #3c3c3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4f4f4f 0%,#3c3c3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
}
.liensMiseEnAvant li a.style1:hover{
	background: #3c3c3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #3c3c3c 0%, #4f4f4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3c3c3c 0%,#4f4f4f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
}
.liensMiseEnAvant li a.style2 {
	background-image:none;
	background: #ff8d3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8d3c 0%, #ea7420 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8d3c), color-stop(100%,#ea7420)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8d3c 0%,#ea7420 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d3c', endColorstr='#ea7420',GradientType=0 ); /* IE6-9 */
}
.liensMiseEnAvant li a.style2:hover{
	background: #ea7420; /* Old browsers */
	background: -moz-linear-gradient(top,  #ea7420 0%, #ff8d3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea7420), color-stop(100%,#ff8d3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ea7420 0%,#ff8d3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7420', endColorstr='#ff8d3c',GradientType=0 ); /* IE6-9 */
}

/* tableaux */
.cke_panel_listItem .tableau,
.tableau {
	margin-top: 9px;
	width: 100%;
	overflow: auto;
}
.tableau table {
	margin-top: 10px;
	width: auto;
}
.cke_panel_listItem .tableau .copyright,
.tableau .copyright {
	font-size: 0.7553846153846154em; /* 9.82 / 13px */
	font-style: italic;
	line-height: 100%; /* 17.68px / 9.82px */
	color: #3c3c3c;	
	margin: 0.8em 0 1em 0;
}
.cke_panel_listItem .tableau .legende,
.tableau .legende {
	font-size: 12px;
	font-size: 0.923076923076923rem; /* 12px / 13px */
	line-height: 133.333333333333%; /* 16px / 12px */
	color: #3c3c3c;	
}
.tableau caption {
	text-align: left;
	margin:0.5em 0;
	font-size: 1.076923076923077em; /* 14px / 13px */
	font-weight: bold;
	line-height: 128.571428571429%; /* 18px / 14px */
}

/* styles pour la largeur des colonnes */
.tableau th.tiny   { width: 10%; }
.tableau th.vsmall { width: 20%; }
.tableau th.small  { width: 25%; }
.tableau th.lowMed { width: 33%; }
.tableau th.medium { width: 50%; }
.tableau th.large  { width: 75%; }
.tableau th.vlarge { width: 90%; }
.tableau table {
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
}
.tableau th {
	background-color: #3c3c3c;
	color: #e5e5e5;
	font-size: 12px;
	font-size: 0.923076923076923rem; /* 12px / 13px */
	font-weight: bold;
	line-height: 133.333333333333%; /* 16px / 12px */
	text-transform: uppercase;
	text-align: left;
	padding: 8px 13px 9px 13px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: center;
}
.tableau td {
	line-height: 138.461538461538%; /* 18px / 13px */
	padding: 15px 13px 14px 13px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	vertical-align: top;
}

.tableau th[colspan] {
	text-align: center;
}
.tableau th[colspan=""],
.tableau th[colspan="1"] {
	text-align: inherit;
}
/*
.tableau th[rowspan],
.tableau td[rowspan] {
	vertical-align: middle;
}
.tableau th[rowspan=""],
.tableau th[rowspan=""],
.tableau td[rowspan="1"],
.tableau td[rowspan="1"] {
	vertical-align: middle;
}
*/
.tableau th.left,
.tableau td.left {
	text-align: left;
}
.tableau th.center,
.tableau td.center {
	text-align: center;
}
.tableau th.right,
.tableau td.right {
	text-align: right;
}
.tableau th.top,
.tableau td.top {
	vertical-align: top;
}
.tableau th.bottom,
.tableau td.bottom {
	vertical-align: bottom;
}
.tableau th.middle,
.tableau td.middle {
	vertical-align: middle;
}
.tableau th.baseline,
.tableau td.baseline {
	vertical-align: baseline;
}
/*
.tableau th:FIRST-CHILD,
.tableau td:FIRST-CHILD {
	border-left: 0;
}
*/
.tableau tbody tr:nth-child(odd){
	background-color: transparent;
}
.tableau tbody tr.odd {
	background-color: transparent;
}
.tableau tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}
.tableau tbody tr.even {
	background-color: #f2f2f2;
}
.tableau.whiteRows tbody tr:nth-child(even) {
	background: #fff;
}
.tableau.whiteRows tbody tr.even {
	background: #fff;
}
.tableau.noZoning tbody tr {
	background: transparent !important;
}
.tableau.horizontalBorders tbody tr > td {
	border-top:1px solid #e5e5e5;
}

.tableau tbody tr:hover {
	background-color: #ddd !important;
}
.tableau.noZoning tbody tr:hover {
	background-color: transparent !important;
}

/* version responsive du tableau */

.tableau.responsive.responsiveReady .lowRes {
	display: none;
}


/* Image avec libellé */
.labelledImage {
	display: block;
	margin:0 0 1em 0;
}
.labelledImage:last-of-type {
	margin-bottom: 0;
}
.labelledImage > img {
	display: inline-block;
	vertical-align: middle;
	margin:0 1em 0 0;
}
.labelledImage > span {
	display: inline-block;
	vertical-align: middle;
}

.cke_panel_listItem .chapeau,
.editorial .chapeau {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.53846153846154em; /* 20px / 13px */
	line-height: 1.2em; /* 24px / 20px */
	color:#000;
	margin:0 0 1em 0;
}

.editorial .columnsList {	
	display: table;
	vertical-align: top;
	margin:1em 0;
}

.editorial .columnsList > li {
	display: table-cell;
	vertical-align: top;
}

.editorial .columnsList.cols3 > li {
	width:33.333333333333%;
	padding-left: 15px;
	background: url(../img/editorial-bullet-point.png) 1px 6px no-repeat;
	padding-right:20px;
}

.editorial .columnsList.cols3 > li:last-child {
	padding-right: 0;
}

.editorial .columnsList.cols3 > li > h5,
.editorial .columnsList.cols3 > li > .fauxH5 {
	font-size: 1.15384615384615em; /* 15px / 13px */
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight:bold;
	font-style:normal;
	color: #ea7420;
	
	margin:0;
}

.editorial img {
	max-width: 100%;
	height:auto;
}


/* ************************************************************************************* 
 	Reprise des styles éditoriaux Web 3
 	TODO : à compléter à partir de la liste des styles Web3 identifiés dans le XLS
 	conception/Conception Page Editoriale Web3.5.xlsx 
   ************************************************************************************* */

/* NB styles suivant repris tels quel */
/* image et description */
.image_gauche{ margin: 15px 0; background: #f1efeb; }
.image_gauche .illustration{ margin-bottom: 0 !important; }
.image_gauche .description{ padding: 0 5px 8px 5px; }
.image_gauche .titre{ font-size: 100%; font-weight: bold; margin-bottom: 0; padding: 8px 0 !important; }
.image_gauche .clear{ background: #ffffff; margin-bottom: 15px;  _margin-top: -8px; }

.image_gauche .illustration{ display: block !important; vertical-align: bottom !important; margin-bottom: 0 !important; line-height: 0; font-size: 0; }
.image_droite .illustration{ display: block !important; vertical-align: top !important;  margin-bottom: 0 !important; line-height: 0; font-size: 0;  }

.image_gauche .illustration img{ display: block !important; vertical-align: bottom !important; margin-bottom: 0 !important; line-height: 0; font-size: 0; }
.image_droite .illustration img{ display: block !important; vertical-align: top !important;  margin-bottom: 0 !important; line-height: 0; font-size: 0;  }

.image_droite{ margin: 15px 0; background: #f1efeb; }
.image_droite .illustration{ margin-bottom: 0 !important; }
.image_droite .description{ padding: 0 5px 8px 5px; }
.image_droite .titre{ font-size: 100%; font-weight: bold; margin-bottom: 0; padding: 8px 0 !important; }
.image_droite .clear{ background: #ffffff; margin-bottom: 15px; _margin-top: -8px; }

.image_centre{ margin: 15px 0; background: #f1efeb; }
.image_centre .illustration{ margin-bottom: 0; float: none; margin: 0 auto; text-align: center; display: block; }
.image_centre .illustration img{ margin: 0 auto !important;}  
.image_centre .description{ padding: 0 5px 8px 5px; text-align: center; }
.image_centre .titre{ font-size: 12px; font-weight: bold; margin-bottom: 0; padding: 8px 0 !important; }
.image_centre .clear{ background: #ffffff; margin-bottom: 15px; }

.image_gauche img{ float: left; display: inline; margin: 0 5px 0 0 !important; }
.image_droite img{ float: right; display: inline; margin: 0 0 0 5px !important; }
.image_centre img{ display: block; text-align: center; float: none; }

.editorial .illustration{
	padding-top:8px;
}


/* Largeur inférieure à 980px */
@media screen and (max-width:979px) {
	/* version responsive du tableau */
	.tableau.responsive.responsiveReady .normalRes {
		display: none;
	}
	
	.tableau.responsive.responsiveReady .lowRes {
		display: table;
	}
	
	.tableau.responsive.responsiveReady .lowRes > thead > tr > th:first-child {
		width: 100px;
	}
	
	.tableau.responsive.responsiveReady .lowRes > tbody > tr > td > div {
		padding: 0 0 0 112px;
	}
}


 @media screen and (max-width:480px) {
	.editorial p {
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
		padding-top: 7px;
		line-height: 133.333333333333%; /* 16px / 12px */
	}
	
	.editorial ul li,
	.editorial ol li {
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
	}
	.editorial ul > li,
	.miseEnAvant .editorial .questions > li {
		padding-left: 14px;
	}
	.miseEnAvant .editorial ul li,
	.miseEnAvant .editorial p,
	.miseEnAvant .editorial ol li{
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
		line-height: 1.5em; /* 18px / 12px */
	}
	.miseEnAvant .liensComplementaires.style1 > li{
		padding: 10px 0 0 14px;
		background: url(../img/lienComplementaire-miseenavant-style1-bullet-point.png) 1px 12px no-repeat;
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
	}
	.miseEnAvant .editorial p{
		margin-top: 0;
		padding-top: 0;
	}
	.miseEnAvant .liensComplementaires li a {
		font-size: 1em; /* 13px / 13px */
	}
	
	/*
	.liensMiseEnAvant.important li span{
		font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 1.23076923076923em;
	}
	*/
	
	/* Sous titre de niveau 1 */
	.editorial h3 {
		font-size: 1.53846153846154em; /* 20px / 13px */
		line-height: 115%; /* 23px / 20px */
		margin-top: 23px;
	}
	/* Sous titre de niveau 2 */
	.editorial h4 {
		font-size: 1.46153846153846em; /* 19px / 13px */
		line-height: 110.526315789474%; /* 21px / 19px */
		margin-top: 21px;
	}
	/* Sous titre de niveau 3 */
	.editorial h5 {
		font-size: 1.38461538461538em; /* 18px / 13px */
		line-height: 105.555555555556%; /* 19px / 18px */
		margin-top: 19px;
	}
	
	/* Tableaux */
	.tableau caption {
		font-size: 1em; /* 13px / 13px */
		line-height: 1.384615384615385em; /* 18px / 13px */
	}
	.tableau td {
		line-height: 1.5em; /* 18px / 12px */
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
	}
		
	.editorial .columnsList {	
		display: block;
	}
	
	.editorial .columnsList > li {
		display: block;
	}
	
	.editorial .columnsList.cols3 > li {
		width:auto;
		padding-right:0;
	}
	
	.editorial .columnsList.cols3 > li > p {
		padding: 0;
	}
	
}

/* inclusion /templating-kit/themes/inrs/css/autosuggest-inquisitor.css */
/* 
================================================
autosuggest, inquisitor style
================================================
*/

body
{
	position: relative;
}

div.autosuggest
{
	position: absolute;
	padding: 10px 0 0 0;
	z-index: 999999999999999999999999;
}

div.autosuggest:before {
	position: absolute;
	content: url(../img/inquisitor/as_pointer_2.png);
	display: inline-block;
	width:20px;
	height:10px;
	top:0;
	left:40px;
	z-index:250;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	display: none;
	/*
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(../img/inquisitor/ul_corner_tr.png);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
	*/
}
/*
div.autosuggest div.as_footer
{
	border-bottom:1px solid #7b7e83;
	background-image: url(../img/inquisitor/ul_corner_br.png);
}
*/
div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	display: none;
	/*
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(../img/inquisitor/ul_corner_tl.png);
	background-position: top left;
	background-repeat: no-repeat;*/
}
div.autosuggest div.as_footer div.as_corner
{
	/*background-image: url(../img/inquisitor/ul_corner_bl.png);*/
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #fff;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	border:1px solid #7b7e83;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 6px;
	text-align: left;
}

div.autosuggest ul li:first-child {
	margin-top:6px;
}

div.autosuggest ul li:last-child {
	margin-bottom:6px;
}

div.autosuggest ul li a
{
	color: #000;
	display: block;
	text-decoration: none;
	background-color: transparent;
	/*text-shadow: #000 0px 0px 5px;*/
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #787f87;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 4px 6px;
	font-weight: normal;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #787f87;
	/*
	background-image: url(../img/inquisitor/hl_corner_br.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	*/
}

div.autosuggest ul li.as_highlight a span
{
	/*
	background-image: url(../img/inquisitor/hl_corner_bl.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	*/
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	display:none;
	/*
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;*/
}
div.autosuggest ul li a .tr
{
	/*
	right: 0;
	*/
}

div.autosuggest ul li.as_highlight a .tl
{
	/*
	left: 0;
	background-image: url(../img/inquisitor/hl_corner_tl.png);
	background-position: bottom left;
	*/
}

div.autosuggest ul li.as_highlight a .tr
{
	/*
	right: 0;
	background-image: url(../img/inquisitor/hl_corner_tr.png);
	background-position: bottom right;
	*/
}


div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	font-weight: bold;
}

/* inclusion /templating-kit/themes/inrs/css/flexslider.css */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets
*********************************/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus
	{
	outline: none;
}

.slides,.flex-control-nav,.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src: url('../fonts/flexslider/flexslider-icon-eot.eot');
	src: url('../fonts/flexslider/flexslider-icon-eot.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/flexslider/flexslider-icon-woff.woff') format('woff'),
		url('../fonts/flexslider/flexslider-icon-ttf.ttf') format('truetype'),
		url('../fonts/flexslider/flexslider-icon-svg.svg#flexslider-icon')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides>li {
	xdisplay: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
/*
.ltIE9 .flexslider .slides img {
	width: auto;
}
*/
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0;
	background: #fff;
	border: none;
	position: relative;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
	left: -50px;
}

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
}

.flexslider:hover .flex-prev {
	opacity: 0.7;
	left: 10px;
}

.flexslider:hover .flex-next {
	opacity: 0.7;
	right: 10px;
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: 0 !important;
	filter: alpha(opacity = 0);
	cursor: default;
}

.flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	line-height: 1;
	display: inline-block;
	content: '\f001';
}

.flex-direction-nav a.flex-next:before {
	content: '\f002';
}

/* Pause/Play */
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}

.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}

.flex-pauseplay a:hover {
	opacity: 1;
}

.flex-pauseplay a.flex-play:before {
	content: '\f003';
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 10px;
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 10px;
	}
}
/* inclusion /templating-kit/themes/inrs/css/controls.css */
@CHARSET "UTF-8";

.mgnlControlButton, .mgnlControlButton_PUSHED {
    font-size: 11px !important;
    height: 15px;
    padding: 1px 8px 1px 10px !important;
}
.mgnlControlButtonSmall, .mgnlControlButtonSmall_PUSHED {
    font-size: 9px !important;
    height: 5px;
    padding: 0 3px !important;
}
.mgnlControlButton, .mgnlControlButton_PUSHED, .mgnlControlButtonSmall, .mgnlControlButtonSmall_PUSHED {
    color: #f0f2e6 !important;
    cursor: default;
    display: inline !important;
    font-family: Verdana,sans-serif !important;
    white-space: nowrap;
    width: auto !important;
}
.mgnlControlButtonTransparent, .mgnlControlButtonTransparentSmall {
    background: transparent none repeat scroll 0 0;
    white-space: nowrap;
}
.mgnlControlButton, .mgnlControlButtonSmall, .mgnlControlButtonTransparent, .mgnlControlButtonTransparentSmall {
    background-color: #5e9201;
    border-color: #adc97b #396101 #396101 #adc97b;
    border-style: solid;
    border-width: 1px;
}
.mgnlControlButton_PUSHED, .mgnlControlButtonSmall_PUSHED {
    background-color: #9db517 !important;
    border-color: #b9c950 #8a2 #8a2 #b9c950;
    border-style: solid;
    border-width: 1px;
}
/* inclusion /templating-kit/themes/inrs/css/tooltipster-bundle.css */
/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #565656;
	border: 2px solid black;
	border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 18px;
	padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #565656;
	left: 0px;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #565656;
	left: -3px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #565656;
	left: 3px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #565656;
	left: 0px;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: black;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}


/* ------------------------------------------------------------------------------------------------------ */

.tooltipster-sidetip.tooltipster-inrs .tooltipster-box {
	border-radius: 0px;
	border: 1px solid #b5b5b5;
	background: #e5e5e5;
}

.tooltipster-sidetip.tooltipster-inrs .tooltipster-content {
	color: #666
}

.tooltipster-sidetip.tooltipster-inrs .tooltipster-arrow {
	height: 9px;
	margin-left: -9px;
	width: 18px
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-inrs.tooltipster-right .tooltipster-arrow {
	height: 18px;
	margin-left: 0;
	margin-top: -9px;
	width: 9px
}

.tooltipster-sidetip.tooltipster-inrs .tooltipster-arrow-background {
	border: 9px solid transparent;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #e5e5e5;
	top: 1px;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #e5e5e5;
	left: -1px;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #e5e5e5;
	left: 1px;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #e5e5e5;
	top: -1px;
}

.tooltipster-sidetip.tooltipster-inrs .tooltipster-arrow-border {
	border: 9px solid transparent;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #b5b5b5;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-left .tooltipster-arrow-border{
	border-left-color: #b5b5b5;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #b5b5b5;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #b5b5b5;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -9px;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-right .tooltipster-arrow-uncropped {
	left: -9px;
}

/* ------------------------------------------------------------------------------------------------------ */

.tooltipster-sidetip .tooltipTitle {
    color: #EB690C;
    font-weight: bold;
    border-bottom: solid 1px #c3c7ca;
    margin:0 0 0.5em 0;
}

.tooltipster-sidetip .tooltipContent {
    border: medium none !important;
    display: block;
    padding: 2px 0;
    text-decoration: none !important;
}

.tooltipster-sidetip .tooltipLinkDetails {
	display: block;
	font-weight: bold;
    margin:0.5em 0 0 0;
    color:#b0273e;
}

/* inclusion /inrs-tools-rgpd/cookies-consent/css/colorbox-gdpr.css */
/*
  Colorbox Core Style:
  The following CSS is consistent between example themes and should not be altered.
*/
body.GDPR_popinOpened {
	overflow: hidden; /* évite le scroll de la page pendant que la popin est ouverte */
}

/* Reset des styles pour TS */
.gdprColorbox  div, .gdprColorbox  span, .gdprColorbox  h1, .gdprColorbox  h2, .gdprColorbox  h3, .gdprColorbox  h4, .gdprColorbox  h5, .gdprColorbox  h6,
	.gdprColorbox  p, .gdprColorbox  a, .gdprColorbox  abbr, .gdprColorbox  acronym, .gdprColorbox  em, .gdprColorbox  font, .gdprColorbox  img,
	.gdprColorbox  strong, .gdprColorbox  ul, .gdprColorbox  li, .gdprColorbox  label, .gdprColorbox  table, .gdprColorbox  tbody, .gdprColorbox  tfoot,
	.gdprColorbox  thead, .gdprColorbox  tr, .gdprColorbox  th, .gdprColorbox  td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: normal;
	color: inherit;
	background: transparent;
	border-collapse: collapse;
}

#colorboxGdpr, #cboxGdprOverlay, #cboxGdprWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	overflow: hidden;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
}

#cboxGdprWrapper {
	max-width: none;
}

#cboxGdprOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.8;
}

#cboxGdprMiddleLeft, #cboxGdprBottomLeft {
	clear: left;
}

#cboxGdprContent {
	position: relative;
}

#cboxGdprLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxGdprTitle {
	margin: 0;
	font-weight: bold;
	font-size: 1.1em;
	background: #fff;
}

#cboxGdprLoadingOverlay, #cboxGdprLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxGdprPrevious, #cboxGdprNext, #cboxGdprClose, #cboxGdprSlideshow {
	cursor: pointer;
}

.cboxGdprPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxGdprIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}

#colorboxGdpr, #cboxGdprContent, #cboxGdprLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/* 
  User Style:
  Change the following styles to modify the appearance of Colorbox. They are
  ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxGdprOverlay {
	background: #fff;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}

#colorboxGdpr, #colorboxGdpr {
	outline: 0;
}

#cboxGdprContent {
	margin-top: 32px;
	overflow: visible;
	background: #444;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.cboxGdprIframe {
	background: #fff;
}

#cboxGdprError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxGdprLoadedContent {
	/*	background: #444;*/
	padding: 2px;
}
/*
#cboxGdprLoadingGraphic {
	background: url(images/loading.gif) no-repeat center center;
}
*/
#cboxGdprLoadingOverlay {
	background: #000;
}

#cboxGdprTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #000;
}

#cboxGdprCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxGdprPrevious, #cboxGdprNext, #cboxGdprSlideshow, #cboxGdprClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	/*	text-indent: -9999px;
	width: 20px;
	height: 20px;*/
	position: absolute;
	top: -24px;
	right: 0;
	/*	background: url(images/controls.png) no-repeat 0 0;*/
	background: transparent;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxGdprPrevious:active, #cboxGdprNext:active, #cboxGdprSlideshow:active, #cboxGdprClose:active {
	outline: 0;
}

#cboxGdprPrevious {
	background-position: 0px 0px;
	right: 44px;
}

#cboxGdprPrevious:hover {
	background-position: 0px -25px;
}

#cboxGdprNext {
	background-position: -25px 0px;
	right: 22px;
}

#cboxGdprNext:hover {
	background-position: -25px -25px;
}

#cboxGdprClose {
	background-position: -50px 0px;
	right: 0;
}

#cboxGdprClose:hover {
	/*
	background-position: -50px -25px;
	*/
	
}

#cboxGdprClose:before {
	content: "\00d7";
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0.15em 0 0;
	vertical-align: middle;
}

.cboxGdprSlideshow_on #cboxGdprPrevious, .cboxGdprSlideshow_off #cboxGdprPrevious {
	right: 66px;
}

.cboxGdprSlideshow_on #cboxGdprSlideshow {
	background-position: -75px -25px;
	right: 44px;
}

.cboxGdprSlideshow_on #cboxGdprSlideshow:hover {
	background-position: -100px -25px;
}

.cboxGdprSlideshow_off #cboxGdprSlideshow {
	background-position: -100px 0px;
	right: 44px;
}

.cboxGdprSlideshow_off #cboxGdprSlideshow:hover {
	background-position: -75px -25px;
}
/* inclusion /inrs-tools-rgpd/cookies-consent/css/gdpr-cookies-consent.css */
body.blockingGDPRCookiesConsent {
	overflow: hidden;
}

#GDPRCookiesConsentOverlayV2 {
    visibility: visible;
    display: block;
    position: fixed;
    overflow: hidden;
    z-index: 19999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.4;
    cursor: not-allowed;
}

/* Reset des styles pour TS */
.GDPRCookiesConsentBannerV2 div, .GDPRCookiesConsentBannerV2 span, .GDPRCookiesConsentBannerV2 h1, .GDPRCookiesConsentBannerV2 h2, .GDPRCookiesConsentBannerV2 h3,
	.GDPRCookiesConsentBannerV2 h4, .GDPRCookiesConsentBannerV2 h5, .GDPRCookiesConsentBannerV2 h6, .GDPRCookiesConsentBannerV2 p, .GDPRCookiesConsentBannerV2 a,
	.GDPRCookiesConsentBannerV2 abbr, .GDPRCookiesConsentBannerV2 acronym, .GDPRCookiesConsentBannerV2 em, .GDPRCookiesConsentBannerV2 font,
	.GDPRCookiesConsentBannerV2 img, .GDPRCookiesConsentBannerV2 strong, .GDPRCookiesConsentBannerV2 ul, .GDPRCookiesConsentBannerV2 li,
	.GDPRCookiesConsentBannerV2 label, .GDPRCookiesConsentBannerV2 table, .GDPRCookiesConsentBannerV2 tbody, .GDPRCookiesConsentBannerV2 tfoot,
	.GDPRCookiesConsentBannerV2 thead, .GDPRCookiesConsentBannerV2 tr, .GDPRCookiesConsentBannerV2 th, .GDPRCookiesConsentBannerV2 td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: normal;
	color: inherit;
	background: transparent;
	border-collapse: collapse;
}

#GDPRCookiesConsentBannerV2 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: normal;
    position: fixed;
    top: 88%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 1200px;
    background: #444;
    padding: 1em 1em;
    color: #eee;
    display: block;
    z-index: 20000;
    font-size: 18px;
}

#GDPRCookiesConsentBannerV2 .buttonsWrap {
    display: block;
    /*margin-top: 0.5em;*/
    padding: 1em 0 0 0;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
}

#GDPRCookiesConsentBannerV2 .buttonsWrapDessous {
    display: inline-block;
    /*margin-top: 0.5em;*/
    padding: 1em 0 0 0;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
}

#GDPRCookiesConsentBannerV2 .GDPRCookiesZoneBoutonsDessous{
    display: none;
}

#GDPRCookiesConsentBannerV2 .text {
	display: block;
}

@media screen and (max-width:700px) {
    #GDPRCookiesConsentBannerV2 {
    top: 60%;
    }
    #GDPRCookiesConsentBannerV2 .GDPRCookiesZoneBoutonsDessous {
        text-align: center;
        display: block;
    }
    #GDPRCookiesConsentBannerV2 .GDPRCookiesZoneBoutons {
        display: none;
    }
    #GDPRCookiesConsentBannerV2 .text {
	    font-size: 12px;
    }
}

#GDPRCookiesConsentBannerV2 .buttons, #GDPRCookiesConsentBannerV2 .GDPRCookiesZoneBoutonsDessous{
    text-align: center;
}
#GDPRCookiesConsentBannerV2 h2 {
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0.5em 0;
}
#GDPRCookiesConsentBannerV2 .buttons .btn.accept, #GDPRCookiesConsentBannerV2 .GDPRCookiesZoneBoutonsDessous .btn.accept {
    text-decoration: none;
    padding: 0.2em 0.5em;
    font-size: 1.2em;
    font-weight: bold;
    background: #f1d600;
    color: #000;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#GDPRCookiesConsentBannerV2 .buttons a.btn, #GDPRCookiesConsentBannerV2 .GDPRCookiesZoneBoutonsDessous a.btn {
    display: inline-block;
    white-space: nowrap;
    margin: 0.25em 0 0.25em 1em;
    color: #f1d600;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
#GDPRCookiesConsentBannerV2 a {
    color: #fff;
    text-decoration: underline;
}

#GDPRCookiesConsentBannerV2 .text {
	display: block;
}

#GDPRCookiesConsentBannerV2 .text p {
	margin-top: 0.5em;
}

#GDPRCookiesConsentBannerV2 .text p:first-child {
	margin-top: 0;
}

#GDPRCookiesConsentBannerV2 .buttons a.btn:hover {
	color: #fff;
}

#GDPRCookiesConsentBannerV2 .buttons .btn.accept:hover {
	background-color: #fff;
	color: #000;
}

#GDPRCookiesConsentOverlay {
	visibility: visible;
	display: block;
	position: fixed;
	overflow: hidden;
	z-index: 19999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0.8;
	cursor: not-allowed;
}

.GDPR_popinOpened #GDPRCookiesConsentOverlay {
	opacity: 0;
}

/* Reset des styles pour TS */
.GDPRCookiesConsentBanner div, .GDPRCookiesConsentBanner span, .GDPRCookiesConsentBanner h1, .GDPRCookiesConsentBanner h2, .GDPRCookiesConsentBanner h3,
	.GDPRCookiesConsentBanner h4, .GDPRCookiesConsentBanner h5, .GDPRCookiesConsentBanner h6, .GDPRCookiesConsentBanner p, .GDPRCookiesConsentBanner a,
	.GDPRCookiesConsentBanner abbr, .GDPRCookiesConsentBanner acronym, .GDPRCookiesConsentBanner em, .GDPRCookiesConsentBanner font,
	.GDPRCookiesConsentBanner img, .GDPRCookiesConsentBanner strong, .GDPRCookiesConsentBanner ul, .GDPRCookiesConsentBanner li,
	.GDPRCookiesConsentBanner label, .GDPRCookiesConsentBanner table, .GDPRCookiesConsentBanner tbody, .GDPRCookiesConsentBanner tfoot,
	.GDPRCookiesConsentBanner thead, .GDPRCookiesConsentBanner tr, .GDPRCookiesConsentBanner th, .GDPRCookiesConsentBanner td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: normal;
	color: inherit;
	background: transparent;
	border-collapse: collapse;
}

#GDPRCookiesConsentBanner {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: normal;
	position: fixed;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 800px;
	background: #444;
	padding: 1em 1em;
	color: #eee;
	display: block;
	z-index: 20000;
	font-size: 18px;
}

#GDPRCookiesConsentBanner a {
	color: #fff;
	text-decoration: underline;
}

#GDPRCookiesConsentBanner h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	margin: 0 0 0.5em 0;
}

#GDPRCookiesConsentBanner .text {
	display: block;
}

#GDPRCookiesConsentBanner .text p {
	margin-top: 0.5em;
}

#GDPRCookiesConsentBanner .text p:first-child {
	margin-top: 0;
}

#GDPRCookiesConsentBanner .buttons {
	display: block;
	margin-top: 0.5em;
	padding: 1em 0 0 0;
	text-align: right;
	vertical-align: bottom;
}

#GDPRCookiesConsentBanner .buttons a.btn, #GDPRCookiesConsentPopin .buttons a.btn {
	display: inline-block;
	white-space: nowrap;
	margin: 0.25em 0 0.25em 1em;
	color: #f1d600;
	transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}

#GDPRCookiesConsentBanner .buttons a.btn:hover, #GDPRCookiesConsentPopin .buttons a.btn:hover {
	color: #fff;
}

#GDPRCookiesConsentBanner .buttons .btn.accept, #GDPRCookiesConsentPopin .buttons .btn.validate {
	text-decoration: none;
	padding: 0.2em 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	background: #f1d600;
	color: #000;
	border: none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#GDPRCookiesConsentBanner .buttons .btn.accept:hover, #GDPRCookiesConsentPopin .buttons .btn.validate:hover {
	background-color: #fff;
	color: #000;
}

/* ------------------------------------------------------- */
#GDPRCookiesConsentPopin {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

#GDPRCookiesConsentPopin .noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#GDPRCookiesConsentPopin>.tabsWrapper {
	display: block;
	height: calc(100% - 3.5em);
	overflow: hidden;
	box-sizing: border-box;
}

#GDPRCookiesConsentPopin .tabs {
	display: inline-block;
	vertical-align: top;
	width: 16em;
}

#GDPRCookiesConsentPopin .tabs>ul {
	display: block;
	margin: 0;
	padding: 0;
}

#GDPRCookiesConsentPopin .tabs>ul>li {
	display: block;
	margin: 0;
	padding: 0.25em 0.5em;
	cursor: pointer;
	background: #ddd;
	border-bottom: 1px solid #444;
	border-right: 1px solid #444;
	border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;
	-webkit-border-radius: 7px 0 0 7px;
	color: #000;
}

#GDPRCookiesConsentPopin .tabs>ul>li:hover {
	background: #eee;
}

#GDPRCookiesConsentPopin .tabs>ul>li.selected, #GDPRCookiesConsentPopin .tabs>ul>li.selected:hover {
	background: #fff;
	border-right: 1px solid #fff;
	cursor: default;
}

#GDPRCookiesConsentPopin .tabsPages {
	display: inline-block;
	background: #fff;
	vertical-align: top;
	width: calc(100% - 16em);
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 0 7px 7px 7px;
	-moz-border-radius: 0 7px 7px 7px;
	-webkit-border-radius: 0 7px 7px 7px;
}

#GDPRCookiesConsentPopin .tabsPages>.tabPage {
	display: none;
	padding: 0.5em 1em;
	overflow: auto;
	height: 100%;
	box-sizing: border-box;
}

#GDPRCookiesConsentPopin .tabsPages>.tabPage.selected {
	display: block;
}

#GDPRCookiesConsentPopin .tabPage a {
	color: blue;
	text-decoration: underline;
}

#GDPRCookiesConsentPopin .tabPage h2 {
	margin: 3px 0 0.5em 0;
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
}

#GDPRCookiesConsentPopin .tabPage h3 {
	margin: 1.5em 0 0.5em 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
}

#GDPRCookiesConsentPopin .tabPage .switch {
	margin: 0;
}

#GDPRCookiesConsentPopin .tabPage .switch input[type=checkbox] {
	height: 0;
	width: 0;
	visibility: hidden;
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#GDPRCookiesConsentPopin .tabPage .switch label {
	cursor: pointer;
	text-indent: -9999px;
	width: 60px;
	height: 30px;
	background: #888;
	display: block;
	border-radius: 100px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

#GDPRCookiesConsentPopin .tabPage .switch label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 34px;
	transition: 0.3s;
}

#GDPRCookiesConsentPopin .tabPage .switch input:checked+label {
	background: #0a0;
}

#GDPRCookiesConsentPopin .tabPage .switch input:checked+label:after {
	left: 33px;
	transform: -33px;
}

#GDPRCookiesConsentPopin .tabPage .switch label:active:after {
	width: 32px;
}

#GDPRCookiesConsentPopin .tabPage .switch input:checked+label:active:after {
	left: 24px;
	transform: -24px;
}

#GDPRCookiesConsentPopin .tabPage .switch span.value {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.1em;
	color: #888;
	font-weight: bold;
	font-size: 1.1em;
	color: #888;
	/*min-width: 5.5em;*/
}

#GDPRCookiesConsentPopin .tabPage .switch label+span.value {
	margin: 0 0 0 0.5em;
}

#GDPRCookiesConsentPopin .tabPage .switch.checked span.value {
	color: #0a0;
}

#GDPRCookiesConsentPopin .tabPage .DNTNote {
	margin: 0.5em 0 0 0;
	color: #000;
	font-style: italic;
}

#GDPRCookiesConsentPopin .tabPage .text {
	clear: both;
	margin: 1.5em 0 0 0;
	color: #000;
}

#GDPRCookiesConsentPopin .tabPage .text p {
	margin-top: 0.5em;
}

#GDPRCookiesConsentPopin .tabPage p:first-child {
	margin-top: 0;
}

#GDPRCookiesConsentPopin .tabPage .links {
	margin: 1em 0 0.5em 0;
}

#GDPRCookiesConsentPopin .tabPage .links a {
	display: inline-block;
	text-decoration: none;
}

#GDPRCookiesConsentPopin .tabPage .links a>span {
	text-decoration: underline;
}

#GDPRCookiesConsentPopin .tabPage .links a:before {
	content: "\25ba";
	margin-right: 0.25em;
	text-decoration: none;
}

#GDPRCookiesConsentPopin .tabPage .links a.active:before {
	content: "\25bc";
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails {
	margin: 0;
	padding: 0;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #444;
	box-sizing: border-box;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table td, #GDPRCookiesConsentPopin .tabPage .categoryDetails table th {
	border: 1px solid #444;
	padding: 0.25em 0.4em;
	vertical-align: top;
	text-align: left;
	word-break: break-word;
	color: #000;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table>thead>tr>th {
	background: #ddd;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table>tbody>tr:nth-child(odd) {
	background: #fff;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table>tbody>tr:nth-child(even) {
	background: #f2f2f2;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table td.use {
	width: 25%;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table td.details {
	width: 45%;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table td.cookies {
	width: 30%;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table td.cookies ul {
	margin: 0;
	padding: 0 0 0 1.2em;
	list-style: square;
	font-style: italic;
}

#GDPRCookiesConsentPopin .tabPage .categoryDetails table td.cookies ul>li {
	padding: 0;
	margin: 0;
}

#GDPRCookiesConsentPopin .buttonsWrapper {
	display: table;
	height: 3em;
	width: 100%;
	padding: 0 0.5em;
	margin: 0.5em 0 0 0;
	box-sizing: border-box;
}

#GDPRCookiesConsentPopin .buttons {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

@media ( max-width :640px) {
	#GDPRCookiesConsentPopin {
		
	}
	#GDPRCookiesConsentPopin>.tabsWrapper {
		
	}
	#GDPRCookiesConsentPopin .tabs {
		display: block;
		width: auto;
		width: 100%;
	}
	#GDPRCookiesConsentPopin .tabsPages {
		display: block;
		width: 100%;
		margin-top: 3px;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	#GDPRCookiesConsentPopin .tabsPages>.tabPage {
		display: none;
		padding: 0.5em 1em;
	}
	#GDPRCookiesConsentPopin .tabsPages>.tabPage.selected {
		display: block;
	}
	#GDPRCookiesConsentPopin .tabs>ul>li {
		border-right: none;
		font-size: 1em;
		padding: 0.5em 0.5em;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	#GDPRCookiesConsentPopin .tabs>ul>li:hover {
		background: #eee;
	}
	#GDPRCookiesConsentPopin .tabs>ul>li.selected, #GDPRCookiesConsentPopin .tabs>ul>li.selected:hover {
		border-right: none;
	}
	#GDPRCookiesConsentPopin .tabs>ul>li:before {
		content: "\25ba";
		margin-right: 0.25em;
	}
	#GDPRCookiesConsentPopin .tabs>ul>li.selected:before {
		content: "\25bc";
	}
	#GDPRCookiesConsentPopin .buttons {
		text-align: center;
	}
	#GDPRCookiesConsentPopin .buttons a.btn {
		margin: 0.25em 0.5em;
	}
}
/* inclusion /templating-kit/themes/inrs/css/flowplayer.css */
.flowplayer{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
.flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
.flowplayer a:focus{outline:0}
.flowplayer video{width:100%}
.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);}
.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)}
.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em}
.flowplayer .fp-message p{color:#666;font-size:95%}
.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;}
.no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
.is-fullscreen.flowplayer .fp-controls{bottom:3px}
.is-mouseover.flowplayer .fp-controls{bottom:0}
.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;}
.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.flowplayer .fp-waiting p{color:#ccc;font-weight:bold}
.flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help .fp-help-section{margin:3%;direction:ltr}
.flowplayer .fp-help .fp-help-basics{margin-top:6%}
.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
.flowplayer .fp-help small{font-size:90%;color:#aaa}
.flowplayer .fp-help .fp-close{display:block}
@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px}
}.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
.flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
.flowplayer .fp-subtitle p:after{content:'';clear:both}
.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(../img/flowplayer/white.png);background-size:37px 300px;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(../img/flowplayer/white_rtl.png)}
.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(../img/flowplayer/black.png);}
.is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(../img/flowplayer/black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(../img/flowplayer/black@x2.png)}
.is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(../img/flowplayer/black_rtl@x2.png)}
}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(../img/flowplayer/white@x2.png)}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(../img/flowplayer/white_rtl@x2.png)}
}.flowplayer .fp-flash-disabled{background:#333;width:390px;margin:0 auto;position:absolute;bottom:0;color:#fff}
.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(../img/flowplayer/play_white.png) center no-repeat;background-size:12%;}
.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(../img/flowplayer/play_white_rtl.png) center no-repeat;background-size:12%}
@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(../img/flowplayer/play_white@x2.png) center no-repeat;background-size:12%}
.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(../img/flowplayer/play_white_rtl@x2.png) center no-repeat;background-size:12%}
}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(../img/flowplayer/play_black.png);}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(../img/flowplayer/play_black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(../img/flowplayer/play_black@x2.png);}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(../img/flowplayer/play_black_rtl@x2.png)}
}.is-fullscreen.flowplayer .fp-ui{background-size:auto}
.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none}
.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
.flowplayer .fp-logo img{width:100%}
.is-embedded.flowplayer .fp-logo{display:block}
.fixed-controls.flowplayer .fp-logo{bottom:15px}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{right:auto;left:10px;background-position:18px -197px}
.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none;}
.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{background-position:14px -175px}
.flowplayer .fp-play{display:none;width:27px;height:30px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
.is-rtl.flowplayer .fp-play{background-position:18px -24px;left:auto;right:0}
.play-button.flowplayer .fp-play{display:block}
.is-paused.flowplayer .fp-play{background-position:9px 7px;}
.is-rtl.is-paused.flowplayer .fp-play{background-position:18px 7px}
.flowplayer.is-ready.is-closeable .fp-unload{display:block}
.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none}
.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
.is-rtl.flowplayer.is-fullscreen .fp-fullscreen{background-position:21px -217px}
.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important}
.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 165px 0 55px;}
.no-volume.flowplayer .fp-timeline{margin-right:75px}
.no-mute.flowplayer .fp-timeline{margin-right:155px}
.no-mute.no-volume.flowplayer .fp-timeline{margin-right:55px}
.play-button.flowplayer .fp-timeline{margin-left:72px}
.is-rtl.flowplayer .fp-timeline{margin:0 55px 0 165px;}
.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:75px}
.no-mute.is-rtl.flowplayer .fp-timeline{margin-left:155px}
.no-mute.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:55px}
.play-button.is-rtl.flowplayer .fp-timeline{margin-right:72px}
.is-long.flowplayer .fp-timeline{margin:0 195px 0 85px;}
.no-volume.is-long.flowplayer .fp-timeline{margin-right:105px}
.no-mute.is-long.flowplayer .fp-timeline{margin-right:85px}
.play-button.is-long.flowplayer .fp-timeline{margin-left:102px}
.is-rtl.is-long.flowplayer .fp-timeline{margin:85px 0 195px 0;}
.no-volume.is-rtl.is-long.flowplayer .fp-timeline{margin-left:105px}
.no-mute.is-rtl.is-long.flowplayer .fp-timeline{margin-left:85px}
.play-button.is-rtl.is-long.flowplayer .fp-timeline{margin-left:102px}
.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 120px 0 10px}
.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:30px}
.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:10px}
.play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px}
.is-rtl.aside-time.flowplayer .fp-timeline,.is-rtl.no-time.flowplayer .fp-timeline{margin:0 10px 0 120px}
.is-rtl.aside-time.no-volume.flowplayer .fp-timeline,.is-rtl.no-time.no-volume.flowplayer .fp-timeline{margin-left:30px}
.is-rtl.aside-time.no-mute.flowplayer .fp-timeline,.is-rtl.no-time.no-mute.flowplayer .fp-timeline{margin-left:10px}
.is-rtl.play-button.no-time.flowplayer .fp-timeline,.is-rtl.play-button.aside-time.flowplayer .fp-timeline{margin-right:27px}
.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
.flowplayer.is-touch .fp-timeline{overflow:visible}
.flowplayer.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
.flowplayer.is-touch.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
.flowplayer.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
.flowplayer .fp-volume{position:absolute;top:11px;right:10px;}
.is-rtl.flowplayer .fp-volume{right:auto;left:10px}
.flowplayer .fp-mute{position:relative;width:10px;height:15px;float:left;top:-3.5px;cursor:pointer;background-position:-2px -99px;}
.is-rtl.flowplayer .fp-mute{float:right;background-position:-25px -99px}
.no-mute.flowplayer .fp-mute{display:none}
.flowplayer .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;}
.is-rtl.flowplayer .fp-volumeslider{float:right}
.no-volume.flowplayer .fp-volumeslider{display:none}
.flowplayer .fp-volumelevel{height:100%}
.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
.flowplayer .fp-time.is-inverted .fp-duration{display:none}
.flowplayer .fp-time.is-inverted .fp-remaining{display:inline}
.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px}
.no-time.flowplayer .fp-time{display:none}
.is-long.flowplayer .fp-time em{width:65px}
.flowplayer .fp-elapsed{left:10px;}
.play-button.flowplayer .fp-elapsed{left:27px}
.is-rtl.flowplayer .fp-elapsed{left:auto;right:10px;}
.play-button.is-rtl.flowplayer .fp-elapsed{right:27px}
.flowplayer .fp-remaining,.flowplayer .fp-duration{right:120px;color:#eee;}
.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:30px}
.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:110px}
.no-mute.no-volume.flowplayer .fp-remaining,.no-mute.no-volume.flowplayer .fp-duration{right:10px}
.is-rtl.flowplayer .fp-remaining,.is-rtl.flowplayer .fp-duration{right:auto;left:120px;}
.no-volume.is-rtl.flowplayer .fp-remaining,.no-volume.is-rtl.flowplayer .fp-duration{left:30px}
.no-mute.is-rtl.flowplayer .fp-remaining,.no-mute.is-rtl.flowplayer .fp-duration{left:110px}
.no-mute.no-volume.is-rtl.flowplayer .fp-remaining,.no-mute.no-volume.is-rtl.flowplayer .fp-duration{left:10px}
.flowplayer .fp-remaining{display:none}
.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666}
.flowplayer.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:100px;}
.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static}
.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:10px;}
.is-rtl.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:10px}
.flowplayer.is-long.aside-time .fp-time{width:130px}
.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;}
.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important}
.flowplayer.is-poster .fp-engine{top:-9999em}
.flowplayer.is-loading .fp-waiting{display:block}
.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none}
.flowplayer.is-loading .fp-ui{background-position:-9999em}
.flowplayer.is-loading video.fp-engine{position:absolute;top:-9999em}
.flowplayer.is-seeking .fp-waiting{display:block}
.flowplayer.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
.is-rtl.flowplayer.is-fullscreen{left:auto !important;right:0 !important}
.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;}
.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
.flowplayer.is-error .fp-message{display:block}
.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none}
.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
.flowplayer.is-mouseout .fp-timeline{margin:0 !important}
.flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:30px}
.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.fixed-controls .fp-volume{display:block}
.flowplayer.fixed-controls .fp-controls{bottom:-30px;}
.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0}
.flowplayer.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:10px}
.flowplayer.is-disabled .fp-progress{background-color:#999}
.flowplayer.is-flash-disabled{background-color:#333;}
.flowplayer.is-flash-disabled object.fp-engine{z-index:100}
.flowplayer.is-flash-disabled .fp-flash-disabled{display:block;z-index:101}
.flowplayer .fp-embed{position:absolute;top:10px;left:10px;display:block;width:25px;height:20px;background-position:3px -237px;}
.is-rtl.flowplayer .fp-embed{background-position:22px -237px;left:auto;right:10px}
.flowplayer .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
.is-rtl.flowplayer .fp-embed-code{left:auto;right:40px;}
.is-rtl.flowplayer .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
.flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
.flowplayer .fp-embed-code label{display:block;color:#999}
.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.aside-time .fp-embed{left:100px;}
.is-rtl.flowplayer.aside-time .fp-embed{left:auto;right:100px}
.flowplayer.aside-time .fp-embed-code{left:130px;}
.is-rtl.flowplayer.aside-time .fp-embed-code{left:auto;right:130px}
.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.is-long.aside-time .fp-embed{left:130px;}
.is-rtl.flowplayer.is-long.aside-time .fp-embed{left:auto;right:130px}
.flowplayer.no-time .fp-embed{left:10px !important;}
.is-rtl.flowplayer.no-time .fp-embed{left:auto;right:10px !important}
.flowplayer.is-live .fp-timeline,.flowplayer.is-live .fp-duration,.flowplayer.is-live .fp-remaining{display:none}
.flowplayer .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;}
.flowplayer .fp-context-menu li{text-align:center;padding:10px;color:#444;margin:0 -10px 0 -10px;}
.flowplayer .fp-context-menu li a{color:#00a7c8;font-size:110%}
.flowplayer .fp-context-menu li:hover:not(.copyright){background-color:#eee}
.flowplayer .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image:url(../img/flowplayer/flowplayer.png);background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;}
@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-context-menu li.copyright{background-image:url(../img/flowplayer/flowplayer@2x.png)}
}@-moz-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-o-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-ms-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@keyframes pulse{0%{opacity:0}
100%{opacity:1}
}.flowplayer .fp-controls{background-color:#111}
.flowplayer .fp-timeline{background-color:#555}
.flowplayer .fp-buffer{background-color:#eee}
.flowplayer .fp-progress{background-color:#4da5d8}
.flowplayer.is-touch.is-mouseover .fp-progress:before{background-color:#4da5d8}
.flowplayer .fp-volumelevel{background-color:#fff}
.flowplayer .fp-volumeslider{background-color:#555}
.flowplayer .fp-timeline,.flowplayer .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.2) rgba(17,17,17,0.05)}
.flowplayer .fp-controls,.flowplayer .fp-progress{background-image:-moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.01));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0.01)))}
.flowplayer .fp-timeline,.flowplayer .fp-buffer,.flowplayer .fp-progress,.flowplayer .fp-volumeslider,.flowplayer .fp-volumelevel{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.flowplayer.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{border-color:#eee #ccc}
.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{background-color:#ccc;font-size:10px}
.flowplayer.color-alt .fp-progress{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
.flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
.flowplayer.color-alt .fp-timeline,.flowplayer.color-alt .fp-volumeslider{background-color:#111}
.flowplayer.color-alt2 .fp-progress{background-color:#900}
.flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}

