/*Importation des fonts*/
 @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');
/* Mobile first responsive template */
/*

	    0. Console (SharePoint 2010 requirement)

 A) From the smallest (extra-small screen) display size :

		1. Normalize
		2. Typography
		3. Plugins
		DISABLED 4. Variables
		5. Links
		6. Colors
		7. Global 
		DISABLED 8. Multimedia
			  4.1 Audio
			  4.2 Video
			  4.3 Canvas
		9. Specific pages styles
	   10. Non-semantic helper classes
	
B) CSS display media queries :

	   14. Media queries for iPad device
			  
			  
DISABLED 15. Print (print classes are not in this stylesheet. Use print.css as the last called external stylesheet instead)

*/
/* Import Sass partials */
/* ======================================
0. Console (importé de style_auteur.css)
====================================== */
/* styles pouvant être utilisés dans le contenus par les éditeurs */
.left {
  float: left;
  margin: 0 20px 20px 0; }

.right {
  float: right;
  margin: 0 0 20px 20px; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.normal {
  font-style: normal;
  font-weight: normal; }
  
.inline-block{
	display:inline-block;}

.valign-middle{
	vertical-align:middle;}

.doctype {
  color: #666;
  font-size: 0.714em; }

#main .note {
  font-size: 0.714em; }

.legend {
  font-style: italic; }

.smcaps {
  text-transform: uppercase; }
  
  

/*----------------Styles personnalisées-------------------------------------------------------------*/
.csst-rteStyle-TexteNormal {
  -ms-name: "Texte normal"; }

p.csst-rteStyle-Embed {
  -ms-name: "Embed"; }

.csst-rteStyle-FenetrePopup {
  -ms-name: "FenetrePopup"; }

/* Cette déclaration est nécessaire pour faire afficher dans le menu */
ul.csst-rteStyle-anchor_menu {
  -ms-name: "Puce carre"; }

/* meme style que "ul.anchor_menu li" déclaré dans Base.css. Nécessaire pour utiliser par les auteurs via la console SharePoint qui applique sur la balise UL */
#main ul.csst-rteStyle-anchor_menu li {
  background: url("images/auteur/dot_large.png") 0 0.45em no-repeat;
  padding: 0 0 0 12px; }

.csst-rteStyle-Embed {
  -ms-name: "Embed"; }

/*----------------Styles de marques de révision (balises pour le control d'édition de contenu HTML)------------------------*/
/**/
a.csst-rteElement-LienItem {
  -ms-name: "LienItem"; }

div.csst-rteElement-EventTracking--trackedparam1__trackEvent--trackedparam2_CATEGORY--trackedparam3_ACTION--trackedparam4_LABEL {
  -ms-name: "Evenement analytics"; }

p.csst-rteElement-TexteNormal {
  -ms-name: "Texte normal"; }

p.csst-rteElement-important {
  -ms-name: "!Important"; }

.contexte-contenu p.csst-rteElement-important {
  background: #f2f2f2;
  border-left: 3px solid #50a129;
  color: #000;
  padding: 12px 12px 12px 15px; }

p.csst-rteElement-urgent {
  -ms-name: "!Important"; }

.contexte-contenu p.csst-rteElement-urgent {
  background: #f2f2f2;
  border-left: 3px solid #D56503;
  color: #000;
  padding: 12px 12px 12px 15px; }

.csst-rteElement-urgent-interruption {
  padding: 8px;
  text-align: justify;
  margin: 15px 0 30px 0;
  line-height: 1.8em;
  border-left: 3px solid #D56503;
  background: #f2f2f2;
  color: #000; }

H1.csst-rteElement-H1csst {
  -ms-name: "H1"; }

/*Modification 06-12-2011: conformité avec la production*/
/*.csst-rteElement-H1csst{ 
    font-size: 200%; 
}

.csst-rteElement-H1csst{ 
   color: #50a129; 
        font-size: 3em; 
        font-weight: bold; 
        line-height: 1.4; 
        margin: -15px 0 0; 
}*/
H2.csst-rteElement-H2csst {
  -ms-name: "H2"; }

/*Modification 06-12-2011: conformité avec la production*/
/* 
.csst-rteElement-H2csst{ 
    font-size: 150%; 
} 


.csst-rteElement-H2csst{ 
    font-size: 2em; 
        font-weight: bold; 
        margin: 0; 
}*/
H3.csst-rteElement-H3csst {
  -ms-name: "H3"; }

/*Modification 06-12-2011: conformité avec la production*/
/* 

.csst-rteElement-H3csst{ 
    font-size: 120%; 
}

.csst-rteElement-H3csst{ 
   color: #666; 
        font-size: 1.5em; 
        font-weight: bold; 
        margin: 1em 0 0; 
}*/
/*Modification 06-12-2011: conformité avec la production*/
/* 
h4.csst-rteElement-h4csst{ 
  -ms-name:"H4"; 
  font-size: 100%; 
} 

h4.csst-rteElement-h4csst{ 
  -ms-name:"H4"; 
  font-size: 1.2em; 
  font-weight: bold; 
  margin: 1.25em 0 0; 
}*/
/*Modification 06-12-2011: conformité avec la production*/
/* 

H5.csst-rteElement-H5csst{ 
  -ms-name:"H5"; 
  font-size: 80%; 
} 

H5.csst-rteElement-H5csst{ 
          -ms-name:"H5"; 
         font-size: 1.1em; 
        font-weight: bold; 
        margin: 1.25em 0 0; 
}*/
/*Modification 06-12-2011: conformité avec la production*/
/* 

H6.csst-rteElement-H6csst{ 
  -ms-name:"H6"; 
  font-size: 70%; 
} 

H6.csst-rteElement-H6csst{ 
 font-size: 1em; 
 font-weight: bold; 
 margin: 1.25em 0 0; 
}*/
div.csst-rteElement-message-site {
  -ms-name: "Message pour tout le site web"; }

a.csst-rteElement-lien-externe {
  -ms-name: "îcone pour lien externe"; }

a#lienTitre{
	color:#006c08!important;
}
/* Ajout 14-10-2014 */
.csst-rteTable-default {
  font-size: 0.875em; }

.csst-rteTable-default th, .csst-rteTable-default td {
  text-align: left; }

.csst-rteTable-default {
  font-size: 0.875em; }

#main ul.with_visual .visual {
  padding: 3px 0 0  0;
  float: left;
  text-align: center;
  width: 100px; }

#main li.publication .visual img {
  height: 100px;
  width: 75px; }

#main ul.video_list li {
  clear: both; }

.contexte-contenu ul.video_list {
  padding-bottom: 0; }

#main .visual_video {
  position: relative;
  height: 85px;
  width: 137px;
  float: left;
  top: 3px; }

#main .desc_video {
  width: 535px;
  padding-left: 150px; }

#main .video h3 {
  padding-bottom: 5px; }

#main .visual_video img {
  height: 85px;
  width: 137px; }

#main ul.with_visual_video .visual_video .logoDeLectureVideo {
  position: relative;
  top: -85px; }

#main ul.with_visual_video .visual_video .video_time {
  position: absolute;
  right: 0;
  background-color: #000;
  color: #fff;
  bottom: 0;
  font-size: 0.875em;
  padding: 0 3px;
  z-index: 1001; }

#main ul.with_visual_video .visual_video a {
  position: relative;
  z-index: 1000; }

#main li.publication .visual {
  border: 0; }

#main ul li.publication, #main ul.reset li {
  background: none;
  padding-left: 0; }

#main ul.form_list, #main ul.pub_list, #main dl.brd_top, ul.video_list {
  border-top: 1px solid #bdbdbd;
  padding-top: 30px; }

#main ul li#formulaire {
  padding-left: 0; }

#main ul.with_desc .desc ul.action li, #main ul.action li {
  text-align: right;
  padding-right: 30px; }

/* =========
1. Normalize
============ */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  font-size: 16px;
  line-height: 16px; }

body, button, input, select, textarea {
  font-family: sans-serif;
  color: #414141; }

::-moz-selection {
  background: #3399ff;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #3399ff;
  color: #fff;
  text-shadow: none; }

a {
  color: #006c08;
  text-decoration: none; }

a:visited {
  color: #414141;
  text-decoration: none; }

a:hover, a:active {
  color: #50a100;
  text-decoration: underline;
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 0 20px; }

dfn {
  font-style: italic; }

hr{
	margin:30px 0 20px 0!important;
	border-top:1px solid #ccc!important;
}
.hr{
	display:block;
	width:100%;
	height:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
hr.dotted {
    height: 0px!important;
    border-bottom: 2px dotted #e8e8e8;    
    border-top: none!important;
    margin-bottom: 15px;
}

ins {
  background: #ff9;
  color: #414141;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #414141;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl, dt, dd {
  margin: 0; }

ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

ol {
  list-style-image: none;
  margin: 0 0 0 19px;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

table button, table input {
  *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

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

td {
  vertical-align: top; }

p {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

/* =======
3. Plugins
======= */
/*@import "plugins/off-canvas-menu";*/
/*@import "plugins/fancybox";*/
/*  =====
Accordion 
=======*/
.accordion .accordionLabel {
  cursor: pointer;
  display: block;
  overflow: hidden; }

.accordionLabel a {
  float: left;
  padding-right: 25px; }

.question-reponse .collapse {
  background: #50a129 url("images/accordion/accordion-expand.png") 90px center no-repeat; }

.question-reponse .active .collapse {
  background: #50a129 url("images/accordion/accordion-collapse.png") 90px center no-repeat; }

.nous-joindre .collapse {
  background: url("images/accordion/nous-joindre-bas.png") 105px 11px no-repeat; }

.nous-joindre .active .collapse {
  background: url("images/accordion/nous-joindre-haut.png") 105px 9px no-repeat; }

.accordionDetails {
  overflow: hidden; }

.accordion.complementarySize {
  /*margin-left:auto;
  margin-right:auto;*/
  width: 100%; }

/* ========================
Carrousel from www.csst.com 
=========================== */
.visual {
  position: relative;
  width: 980px;
  /*border-top: 1px solid #c8c8c8;*/ }

#main .visual img {
  display: block;
  height: 340px;
  width: 980px; }

#main .visual ul {
 	margin: 0;
    padding: 3px 0 1px 0;
    position: relative;
    display: block;
    min-height: 30px;
    background-color: #6f6f6f;
    text-align: center;}

#main .visual .slideshowButtons li {
 	display: inline-block;
    background-image: none;
    border: 0;
    height: 30px;
    width: 25px;
    padding: 0;
    position: relative; }

.visual .slideshowButtons input {
    background: url("images/carrousel-bouton.png") left top no-repeat;
    height: 18px;
    width: 19px;
    border: 0;
    text-indent: -9999px;
    position: absolute;
    top: 6px;  }

.visual .slideshowButtons .select input {
	background: url("images/carrousel-bouton-select.png") left top no-repeat;
	}
.visual .slideshowButtons input.carrousel_pause_button {
  background: none;
  height: 17px;
  width: 12px;
  top: 7px;
  left: 20px; }

.ie8 .visual .slideshowButtons input.carrousel_pause_button {
  left: 6px; }

/*Acces rapides*/
#acces-rapides{
	background:#fff;
	/*border:1px solid #ccc;*/
	padding:20px;
	text-align:left;
}
#acces-rapides h3{
	display:inline-block;
	vertical-align:top;
	/*width:200px;*/
	font-family:'roboto';
	font-weight:300;
	font-size:25px;
	text-transform:uppercase;
	color:#6f6f6f;
	padding-right: 40px;
}
#acces-rapides h4{
	font-family:'roboto';
	font-weight:700;
	font-size: 20px;
	color:#6f6f6f;
}

#acces-rapides ul{
	display:inline-block;
	/*width:330px;*/
	margin-left:20px;
	padding:0;
}
#acces-rapides ul li{
	list-style:none;
	background:none!important;
	font-size:14px;
	margin:0 0 15px 0;
}
/*  
Tabs
==*/
#tabs > ul, #tabs > div {
  display: block;
  float: left; }

#tabs > ul {
  position: relative;
  z-index: 2; }

#main #tabs ul, #main #tabs li {
  background: none;
  padding: 0; }

#tabs > div {
  position: relative;
  z-index: 1;
  left: -2px;
  min-height: 294px;
  width: 313px;
  background-color: #fff;
  border: 2px solid #bec8c4;
  padding: 15px; }

#tabs > ul a {
  border-bottom: 1px solid #cacaca;
  padding: 10px 23px 10px 10px;
  display: block;
  min-height: 19px;
  width: 190px;
  margin-bottom: -2px;
  margin-right: 9px;
  background: url("images/faire-navigation-droit.png") 210px 15px no-repeat; }

#tabs > ul a:hover {
  background: url("images/faire-navigation-droit-actif.png") 210px 15px no-repeat; }

#tabs .ui-state-active a, #tabs .ui-state-active a:hover {
  padding: 8px 32px 9px 8px;
  border-top: 2px solid #bec8c4;
  border-left: 2px solid #bec8c4;
  border-bottom: 2px solid #bec8c4;
  min-height: 15px;
  width: 190px;
  margin-right: 0;
  background: white url("images/faire-navigation-droit-actif.png") 208px 13px no-repeat; }

.ui-tabs-nav li:focus, .ui-tabs-nav .ui-tabs-active a {
  outline: 0; }

/* ========================
Megamenu from www.csst.com 
=========================== */
#megamenu {
  position: relative; }

#megamenu .linkbox_menu ul {
  overflow: hidden;
  padding: 0; 
  width:100%}

#megamenu .linkbox_menu li {
  display: block;
  float: right;
  min-height: 40px; 
  text-align: center;
  }

#megamenu .linkbox_menu li a {
  display: table-cell;
  font-size:0.8em;
  vertical-align: middle;
  height:46px;
  width:auto;
  min-width: 80px;
  max-width:148px;
  margin-top: 8px;
  padding: 10px 15px 0px 15px; }
  
#megamenu .linkbox_menu li:first-of-type a{
	padding-right:0;
}
#megamenu .linkbox_menu li:last-of-type a{
	padding-left:0;
}

#megamenu .linkbox_menu a, #megamenu .linkbox_menu a:visited {
  outline: none;
  padding: 0; }

#megamenu .linkbox {
  overflow: hidden; }

#megamenu .linkbox ul {
  padding-top: 25px; }

#megamenu .linkbox ul li {
  display: block;
  float: left;
  width: 122px;
  margin-left: 20px; }

#megamenu .linkbox ul li:first-child {
  margin-left: 0; }

#megamenu a.voir-plus {
  float: right;
  display: block;
  margin-top: 25px;
  padding: 3px 20px 2px 8px; }

#megamenu .linkbox_js {
  display: none; }

/*@import "partials/variables";*/
/* ==========
2. Typography
========== */
/*@font-face {
  font-family: "TheSans_B3_Light";
  src: url("TheSans_B2_300_.eot");
  src: url("TheSans_B2_300_.eot?#iefix") format("embedded-opentype"), url("TheSans_B2_300_.woff") format("woff"), url("TheSans_B2_300_.svg#TheSans_B2_300_") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TheSans_B4_SemiLight";
  src: url("TheSans_B2_400_.eot");
  src: url("TheSans_B2_400_.eot?#iefix") format("embedded-opentype"), url("TheSans_B2_400_.woff") format("woff"), url("TheSans_B2_400_.svg#TheSans_B2_400_") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TheSans_B5_Plain";
  src: url("TheSans_B2_500_.eot");
  src: url("TheSans_B2_500_.eot?#iefix") format("embedded-opentype"), url("TheSans_B2_500_.woff") format("woff"), url("TheSans_B2_500_.svg#TheSans_B2_500_") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TheSans_B7_Bold";
  src: url("TheSans_B2_700_.eot");
  src: url("TheSans_B2_700_.eot?#iefix") format("embedded-opentype"), url("TheSans_B2_700_.woff") format("woff"), url("TheSans_B2_700_.svg#TheSans_B2_700_") format("svg");
  font-weight: normal;
  font-style: normal; }*/

body {
  font-family: arial, sans-serif;
  text-rendering: optimizeLegibility; }

/* ie8 and older */
.ie8 h1, .ie8 h2, .ie8 h3, .ie8 h4, .ie8 h5, .ie8 h6 {
  font-weight: normal; }

a.button {
  font-weight: bold;
  font-size: 0.875em; }

.mepAccueilClientele .faire a.button {
  font-size: 1em; }

h1, h2, .titre-section,#section-click {
  font-family:'roboto';
	font-weight:300;
}
.titre-section{
	position:relative;
}
#section-click{
	font-size: 1.750em;
	position:absolute;
	top:25px;
}

.h1-wrapper h1{
	padding:20px 0;
}

#footer .piv p {
  font-family:'roboto';
	font-weight:300;
 }

.contexte-contenu h2 {
  font-family:'roboto';
	font-weight:300;
}

.question-reponse span, .outil-pratique span, .fiche h2 {
 font-family:'roboto';
	font-weight:300;
}

.mepAccueilSite #clienteles-nav span.section {
 font-family:'roboto';
	font-weight:300;
 }

.mepAccueilSite #clienteles-nav span.section em {
  font-family:'roboto';
	font-weight:400;
 }

.mepAccueilSite .clienteles-secondaires-extra span {
  font-family:'roboto';
	font-weight:300;
 }

.ie8 .mepAccueilSite .clienteles-secondaires-extra span {
  font-weight: normal; }

.titre-section {
  font-size: 0.9em; 
  font-family:'roboto';
	font-weight:700;
  
 }
.titre-section a {
  margin: 7px 0 0 0px;
  display: block;
  }
.titre-section a:hover {
 cursor:pointer;
  }

.titre-section em {
  font-size: 1.214em;
  font-style: normal;
  text-transform: uppercase; 
  }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.875em; }

p+h2 {
    margin-top: 15px;
}


.contexte-contenu h2, .mepFicheThematique .contenu-generique h2, .mepCarteDeSection .thematique h2 {
  font-size: 1.250em; }

.mepFicheThematique .contenu-generique h2 {
  font-family:'roboto';
	font-weight:300;
 }

.mepCarteDeSection .section-liens h2, .mepCarteDeSectionAvecMenu .section-liens h2 {
  font-size: 1em;
  font-weight: bold; }

h3 {
  font-size: 0.875em; }

.contexte-contenu h3 {
  font-size: 1em;
  font-weight: bold; }

.contexte-contenu h4, .mepPlanDuSite #main .contexte-contenu ul li.titre {
  font-size: 1em;
  font-weight: bold; }

.contexte-contenu h5 {
  font-size: 0.938em;
  font-weight: bold; }

.contexte-contenu h6 {
  font-size: 0.875em;
  font-weight: bold; }

.question-reponse a {
  font-size: 0.875em;
  font-weight: bold; }

.question-reponse span, .outil-pratique span {
  font-size: 1.625em; }

h4 {
  font-size: 1em; }

.question-reponse #accordion1 {
  font-family:'roboto';
	font-weight:300;
 }

h5, p, .contexte-contenu li {
  font-size: 0.875em; }

.contexte-contenu li li, .contexte-contenu table li, .contexte-contenu table li li {
  font-size: 1em; }

h6 {
  font-size: 0.813em; }




#nav {
  font-size: 1em; }

blockquote {
  font-size: 0.813em; }

#copyright {
  font-size: 0.875em;
  color: #474747; }

.mon-espace #accordion1, .nous-joindre #accordion1 {
  font-family:'roboto';
font-weight:300;
  font-size: 1em; }

.mon-espace #accordion1 a {
  font-size: 0.938em;
  font-weight: bold; }

.mon-espace .accordionOpen a, .nous-joindre .accordionOpen a {
  font-size: 0.875em; }

.nous-joindre .accordionOpen .tel span {
  font-size: 0.813em;
  font-weight: bold; }

#nav a, #searchbox input, #contexte-nav, .breadcrumb {
  font-size: 0.875em;
  font-family:'roboto';
	font-weight:400;
}

#nav .nous-joindre .accordionOpen .tel span em a {
  font-weight: bold;
  font-size: 1.231em;
  font-style: normal; }

#megamenu .linkbox_menu a {
  font-size: 0.938em; }

#megamenu .linkbox li a {
  font-size: 0.875em; }

#megamenu a.voir-plus {
  font-size: 0.875em;
  font-weight: bold; }

.breadcrumb span {
  font-weight: bold; }

.breadcrumb a {
  font-weight: normal; }

#footer h3 {
  font-family:'roboto';
  font-weight:400;
 }

#footer .references ul, #footer .references p {
  font-size: 0.875em; }

#footer .references .col3 .telephone {
  font-size: 1.5em; }

#footer .piv p {
  font-size: 1.125em; }

#footer-nav {
  font-size: 0.833em; }

.mepAccueilSite #clienteles-nav {
  font-size: 0.938em;
 }

.mepAccueilSite #clienteles-nav span.section {
  font-size: 1.333em;text-align:center;  }

.mepAccueilSite #clienteles-nav span.section em {
  font-size: 1.5em;
  font-style: normal;
  text-transform: uppercase; }

.mepAccueilSite #clienteles-nav a span.button {
  font-size: 0.875em;  
  font-weight:bold;
}

.mepAccueilSite div.clienteles-secondaires div > div {
  font-size: 0.875em; }

.mepAccueilSite .clienteles-secondaires-extra a {
  font-size: 1.250em;
  text-transform: uppercase; }

.ie8 .mepAccueilSite .clienteles-secondaires-extra a {
  font-weight: bold; }

.liens-information {
  font-size: 0.875em; }

.mepAccueilSite .liens-information h2 {
  font-size: 2em; }

#tabs > ul a {
  font-size: 0.833em; }

.faire h3 {
  font-size: 1.143em; }

#tabs .ui-tabs-panel ul li {
  font-size: 0.875em; }

#tabs .ui-state-active a {
  font-weight: bold; }

.choses h2 {
  font-size: 2.375em; }

.choses h2 strong, .choses h2 em {
  font-family:font-family:'roboto';
	font-weight:400;
 }

.mepAccueilClientele .choses p {
  font-size: 0.938em; }

.choses .numero {
  font-size: 2.250em; }

.accordion a {
  font-family:'roboto';
	font-weight:300;
}

.liste-fiches .fiche h3 {
  font-size: 1.250em;
  font-family:'roboto';
	font-weight:300;
}

.liste-fiches .accordion h2 a {
  font-size: 0.47em;
  font-weight: bold; }

#main #tabs .ui-tabs-panel a.button, .liste-fiches .accordionOpen a {
  font-size: 0.875em; }

.utilites-secondaires a {
  font-size: 0.875em; }

.mepFicheThematique .choses-items h3 {
  font-size: 1.125em;
  font-weight: bold; }

.mepFicheThematique .choses h2 em {
  font-weight: bold;
  font-style: normal; }

.mepCarteDeSection h2 {
  font-family:'roboto';
	font-weight:300;
}

.mepCarteDeSectionAvecMenu .section-liens h2 {
 font-family:'roboto';
	font-weight:300;
 }

.mepCarteDeSection .bloc li {
  font-size: 0.875em; }

#main #contexte-nav li.expanded a, #main #contexte-nav li.expanded ul.static li.expanded a, #main #contexte-nav li.expanded ul.static li.expanded ul.static li.expanded a, #contexte-nav .selected .menu-item-text {
  font-weight: bold; }

#main #contexte-nav li.expanded li.static a, #main #contexte-nav li.expanded ul.static li.expanded ul.static a, #main #contexte-nav li.expanded ul.static li.expanded ul.static li.expanded ul.static a {
  font-weight: normal; }

.tableau-donnees td {
  font-size: 0.875em; }

.tableau-donnees caption, .tableau-donnees .note-tableau {
  font-size: 0.75em; }

.cart_total a, .scMessageBar2 {
  font-size: 0.875em; }

/* =====
5. Links
===== */
.mon-espace #accordion1 a:hover, .mon-espace #accordion1 a:focus, #nav .nous-joindre .accordionOpen .tel span em a:hover, #nav .nous-joindre .accordionOpen .tel span em a:focus, #megamenu .select a, .mepAccueilSite #clienteles-nav a:hover, .question-reponse h4 a, .question-reponse h4 a:hover, .question-reponse h4 a:focus, a.button, .liens-information h2 a:hover, .mepCarteDeSectionAvecMenu .bloc a, #footer span.telephone a, .mepPlanDuSite #main .contexte-contenu ul li a {
  text-decoration: none; }

.titre-section a {
  text-decoration: none !important;
  cursor: text; }

.contexte-contenu p a, .contexte-contenu li a, .contexte-contenu dl a, a.button:hover, a.button:focus, .tableau-donnees table a, .mepCarteDeSectionAvecMenu .bloc a:hover, .cart_total a, .mepPlanDuSite #main .contexte-contenu ul li a:hover {
  text-decoration: underline; }

ul.more li a {
  font-weight: bold; }

/* Margin & padding */
.bold {
	font-weight:bold;
}

.box{
	padding:5px 15px 15px 15px;
}

.center{
	text-align:center;
}
.no-case{
	text-transform:none;
}
.no-border{
	border:none;
}
.uppercase{
	text-transform:uppercase!important;
}
.no-padding{
	padding:0!important;
}
.margin-bottom-40,.mrg-bottom-40{
	margin-bottom:40px!important;
}
.margin-bottom-moins-40{
	margin-bottom:-40px!important;
}
.no-margin{
	margin:0!important;
}

.margin{
	margin:20px 0;
}
.margin-20{
	margin:20px 0;
}

.margin-40{
	margin:40px 0;
}

.no-mrg-top{
	margin-top:0!important;
}
.no-mrg-bottom{
	margin-bottom:0;
}
.mrg-top-20{
	margin-top:20px;
}
.mrg-bottom-20{
	margin-bottom:20px;
}

.padding-left-40{
	padding-left:40px;
}
.padding-top-20{
	padding-top:20px;
}

.padding-top-30{
	padding-top:30px;
}
.padding-bottom-30{
	padding-bottom:30px;
}

.padding-5{
	padding:5px;
}
.padding-right-0{
	padding-right:0!important;
}
.padding-right-20{
	padding-right:20px!important;
}

.padding-10{
	padding:10px!important;
}
.padding-20{
	padding:20px!important;
}

.padding-13-5{
	padding: 0px 10px 5px 25px;
}
.no-padding-top{
	padding-top:0!important;
}
.no-padding-bottom{
	padding-bottom:0!important;
}

.no-padding-top-bottom{
	padding-top:0!important;
	padding-bottom:0!important;
}
.no-padding-left-right{
	padding-left:0!important;
	padding-right:0!important;
}
/*BTN*/
.btn{
	text-decoration:inherit;
	text-transform:uppercase;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	/*font-weight:bold;*/
	font-family:'roboto';
	font-weight:300;
	font-size:14px;
	
}
.btn.blanc,.btn.white{
	background:#fff!important;
	color:#006C08!important;
	border:1px solid #006C08!important;
}
.btn.blanc:hover,.btn.white:hover{
	background:#008a00!important;
	color:#fff!important;
	border:1px solid #008a00!important;
	text-decoration:inherit;
}
.btn.blanc.no-border,.btn.white.no-border{
	background:#fff!important;
	color:#000!important;
	border:none!important;	
}
.btn.blanc.no-border:hover,.btn.white.no-border:hover{
	background:#008a00!important;
	color:#fff!important;
	border:none!important;
}
.btn.noir,.btn.black{
	background:#000!important;
	color:#fff!important;
}
.btn.noir:hover,.btn.black:hover{
	background:#414141!important;
	color:#fff!important;		
}
.btn.vert:not(.monespace),.btn.green:not(.monespace){
	background:#008a00!important;
	color:#fff!important;
}
.btn.vert:hover:not(.monespace),.btn.green:hover:not(.monespace),.btn.gris:hover,.btn.grey:hover{
	background:#414141!important;
	color:#fff!important;
	
}
.btn.gris,.btn.grey{
	background:#EBEBEB!important;
	color:#414141!important;
}

.btn.gris-fonce,.btn.deep-grey{
	background:#414141!important;
	color:#fff!important;
}
.btn.gris-fonce:hover,.btn.deep-grey:hover{
	background:#008a00!important;
	color:#fff!important;
}
.btn.gris-fonce .icon-bar {
    background-color: #fff!important;
}
.normal-white-space{
	white-space:normal;
}

/* ======
6. Colors   
====== */
/* Harcoded styles reset */
a font {
  color: #006c08; }

a:visited font, .liens-information li a:visited font, .liens-information dt a:visited font {
  color: #00578a; }

a:hover font, a:active font {
  color: #50a100; }

/* Harcoded styles reset end */
body {
  /*background:#a2a2a2;*/
  background: #fff; }

#header, #main, #footer {
  background: #fff; }

.header-top a {
  color: #414141; }

.header-top a:hover {
  color: #50a100; }

.titre-section-wrapper {
  background: #414141;
  border-bottom: 3px solid #383b3a; }

.employeurs .titre-section-wrapper{
	border-bottom:4px solid #87b0c7;
}
.travailleurs .titre-section-wrapper{
	border-bottom:4px solid #bfbc54;
}
.professionnels-de-la-sante .titre-section-wrapper{
	border-bottom:4px solid #b8a47f;
}

.titre-section a, .titre-section a:hover, .titre-section a:active, .titre-section a:visited {
  color: #fff; }

.message-site-wrapper {
 /*background: #a2a2a2;*/
 }

.csst-rteElement-message-site {
  background: white url("images/alerte.png") left top no-repeat;
  border: 1px solid #bb1616;
  color: #bb1616; }

.message-page {
  border-left: 6px solid #c7c7c7;
  border-right: 6px solid #c7c7c7; }

.message-page p {
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  background: whitesmoke url("images/information.png") left top no-repeat;
  color: #333; }

.clienteles-nav-wrapper {
  height:216px;
  padding-top:10px;
  background: #414141; }

.clienteles-secondaires-wrapper {
  background: #ebebeb; }

.activite-wrapper {
  background: #f0f0f0; }

.mepAccueilClientele .liste-fiches-wrapper, .mepLaCSST .liste-fiches-wrapper {
  background: #f5f5f5; }

.references-wrapper {
  background: #3f3f3f; }

.references {
  background: url("images/references-separateurs.png") left top repeat-y; }

.piv-wrapper {
  background: #50a129; }

.header-top .accordionOpen {
  background-color: #fff; }

.mon-espace #accordion1 a {
  background: #50a129 url("images/mon-espace.png") center 3px no-repeat;
  color: #fff;
  border: 1px solid #117618; }

.mon-espace #accordion1 a:hover {
  background: #67b840 url("images/mon-espace.png") center 3px no-repeat;
  color: #fff; }

.mon-espace .accordionOpen li {
  border-right: 1px solid #117618;
  border-bottom: 1px solid #117618;
  border-left: 1px solid #117618; }

.mon-espace .accordionOpen a:hover {
  background-color: #e5f1df; }

.nous-joindre {
  border-right: 1px solid #b2b2b2; }

.nous-joindre .active .collapse {
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  background-color: #fafafa;
  color: #117618; }

.nous-joindre .accordionOpen {
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  background: white url("images/nous-joindre-filet-menu.png") 140px top no-repeat; }

.nous-joindre .tel {
  background-color: #50a129;
  margin: 0 1px 1px 1px;
  color: #fff; }

#nav .nous-joindre .accordionOpen .tel span em a {
  color: #fff; }

.nous-joindre .accordionOpen li {
  border-bottom: 1px dotted #117618; }

.nous-joindre .accordionOpen .tel li {
  border-bottom: 1px dotted #fff; }

.nous-joindre .accordionOpen li.last {
  border-bottom: 0; }

.liens-information-wrapper {
  background: url("images/bg-liens-informations-wrapper-generic.png") center top repeat-y; }

.employeurs a.employeurs, .travailleurs a.travailleurs, .professionnels-de-la-sante a.professionnels-de-la-sante, .la-csst a.la-csst {
  color: #006c08; }



.employeurs #megamenu a.voir-plus {
  background: #adc5d4 url("images/voir-plus.png") 72px 9px no-repeat;
  border-left: 1px solid #9aaeb9;
  border-top: 1px solid #9aaeb9;
  border-right: 1px solid #9aaeb9; }

.la-csst #megamenu a.voir-plus {
  background: #a4cf9b url("images/voir-plus.png") 72px 9px no-repeat;
  border-left: 1px solid #3f8621;
  border-top: 1px solid #3f8621;
  border-right: 1px solid #3f8621; }

.travailleurs #megamenu a.voir-plus {
  background: #c4c15f url("images/voir-plus.png") 72px 9px no-repeat;
  border-left: 1px solid #989d45;
  border-top: 1px solid #989d45;
  border-right: 1px solid #989d45; }

.professionnels-de-la-sante #megamenu a.voir-plus {
  background: #beab86 url("images/voir-plus.png") 72px 9px no-repeat;
  border-left: 1px solid #938967;
  border-top: 1px solid #938967;
  border-right: 1px solid #938967; }

.employeurs #megamenu .linkbox_menu ul li.select,.travailleurs #megamenu .linkbox_menu ul li.select,.professionnels-de-la-sante #megamenu .linkbox_menu ul li.select  {
  font-weight:bold;
 }
  
 
 
.la-csst #megamenu .linkbox_menu a, .la-csst #megamenu .linkbox_menu .dimmed a, .la-csst #megamenu .linkbox_menu .dimmed a:visited {
  /*background:url(../SiteWeb/images/navigation-bas-contraste.png) center 75px no-repeat;*/
  color: #fff; }

.la-csst #megamenu .linkbox_menu .select a, .la-csst #megamenu .linkbox_menu .select a:visited {
  /*background:url(../SiteWeb/images/navigation-haut.png) center 75px no-repeat;*/
  color: #fff; }

.employeurs #megamenu .col h3 {
  background-color: #b3c9d7; }

.employeurs #megamenu a, .employeurs #megamenu a:hover {
  color: #fff; }

.la-csst #megamenu .col h3 {
  background-color: #50a129; }

.la-csst #megamenu .linkbox_menu a, .la-csst #megamenu .linkbox_menu a:hover, .la-csst #megamenu h3 a, .la-csst #megamenu h3 a:hover {
  color: #fff; }

.la-csst #megamenu .linkbox_menu .select a, .la-csst #megamenu a, .la-csst #megamenu a:hover {
  color: #fff; }

.travailleurs #megamenu .linkbox_menu .select a, .travailleurs #megamenu a, .travailleurs #megamenu a:hover, .professionnels-de-la-sante #megamenu .linkbox_menu .select a, .professionnels-de-la-sante #megamenu a, .professionnels-de-la-sante #megamenu a:hover {
  color: #fff; }

.breadcrumb, .breadcrumb a {
  color: #414141; }

.breadcrumb a:visited {
  color: #414141; }

.breadcrumb a:hover, #contexte-nav a:active {
  color: #50a100; }

blockquote {
  border: 1px solid #999;
  background-color: #e1e1e1; }


#contexte-nav {
  border-top: 1px solid #b7b7b7; }

#main #contexte-nav li {
  border-bottom: 1px solid #b7b7b7;
  background: none; }

#main #contexte-nav li.expanded ul li {
  border: 0; }

#main #contexte-nav li.static a {
  background: url("images/contexte-navigation-droit.png") 13px 18px no-repeat; }

#main #contexte-nav li.collapsed a {
  background: url("images/contexte-navigation-droit.png") 13px 18px no-repeat;
  /*background:url(../SiteWeb/images/contexte-navigation-droit-ferme.png) 13px 13px no-repeat;*/ }

#main #contexte-nav li a:hover {
  background: #e9e9e9 url("images/contexte-navigation-droit.png") 13px 18px no-repeat; }

#main #contexte-nav li.expanded a {
  background: #e9e9e9 url("images/contexte-navigation-bas-ouvert.png") 10px 20px no-repeat; }

#main #contexte-nav li.expanded ul li.expanded > a.static {
  background: white url("images/contexte-navigation-bas-ouvert.png") 10px 6px no-repeat; }

#main #contexte-nav li.expanded ul li a {
  background-color: #fff; }

#main #contexte-nav li.expanded ul li a.static {
  background-color: #fff;
  background: url("images/contexte-navigation-droit.png") 13px 3px no-repeat; }

#main #contexte-nav li.expanded ul li a.selected {
  background: url("images/contexte-navigation-droit-ferme.png") 13px 3px no-repeat; }

#main #contexte-nav li.no-child a, #main #contexte-nav li.no-child a:hover, #main #contexte-nav li.expanded ul li.no-child a.static, #main #contexte-nav li.expanded ul li.no-child a:hover.static {
  background: none; }

#contexte-nav a {
  color: #414141; }

#contexte-nav a:visited {
  color: #414141; }

#contexte-nav a:hover, #contexte-nav a:active {
  color: #50a100; }

.contexte-contenu .question-reponse, .mepFicheThematique .question-reponse, .contexte-contenu .outil-pratique {
  background: #c8d8e3 url("images/contenu-question-bg.png") left top repeat-y; }

.contexte-contenu .reponse, .mepFicheThematique .reponse {
  background: #c8d8e3 url("images/contenu-reponse-bg.png") left top repeat-y; }

.question-reponse span, .outil-pratique span {
  color: #006c08; }

.question-reponse a {
  color: #fff;
  border: 1px solid #217f28; }

.reponse p {
  border-top: 1px solid #fff; }

#footer, #footer a {
  color: #fff; }

#footer-nav, #footer-nav a {
  color: #414141; }

#footer-nav a:hover {
  color: #50a100; }

#footer-nav a {
  border-left: 1px solid #414141; }

.mepAccueilSite .clienteles-nav-wrapper {
  border-bottom: 1px solid #fff; }

.mepAccueilSite #clienteles-nav a span {
  color: #fff;
  background: none;
}

.mepAccueilSite #clienteles-nav a span.button {
  background-color: #50a129;
  border: 1px solid #373737; }

.mepAccueilSite #clienteles-nav a:hover span.button {
  background-color: #6db94b; }

.mepAccueilSite .clienteles-secondaires div {
  background-color: #d9d9d9;
  border: 2px solid #fff; }

.mepAccueilSite div.clienteles-secondaires div.clienteles-secondaires-extra > div, .mepAccueilSite div.clienteles-secondaires div.clienteles-secondaires-extra, .mepAccueilSite .clienteles-secondaires .ms-rtestate-field {
  background: none;
  border: 0; }

.mepAccueilSite .clienteles-secondaires a, .mepAccueilSite .clienteles-secondaires a:visited{
  color: #414141;
}

.mepAccueilSite .grands-evenements a{
	color:#006c08;
}
.mepAccueilSite .grands-evenements a:visited{
	color:#00578a;
}

.mepAccueilSite .clienteles-secondaires a:hover, .mepAccueilSite .grands-evenements a:hover {
  color: #50a100; }

.mepAccueilSite .liens-information-wrapper {
  background: #eeeeee; }

.mepAccueilSite .liens-information {
  background: url("images/bg-liens-information-index.png") center top repeat-y; }

.liens-information h2 a {
  color: #414141; }

.mepAccueilSite .grands-evenements img {
  border: 1px solid #d9d9d9; }

.mepAccueilClientele .communications {  
  background-color: none!important;
  background:transparent!important; }

#tabs a {
  color: #414141; }

#tabs a:visited {
  color: #414141; }

#tabs a:hover {
  color: #50a100; }

#tabs a:active {
  color: #414141; }

.mepAccueilClientele #tabs a.button {
  color: #006c08; }

.mepAccueilClientele #tabs a:hover.button, .mepAccueilClientele #tabs a:focus.button {
  color: #50a100; }

a.button, a.button:visited {
  border: 1px solid #449225;
  color: #449225; }

a.button:hover, a.button:active {
  border: 1px solid #50a100;
  color: #50a100; }

.liste-fiches a {
  color: #006c08; }

.liste-fiches a:visited {
  color: #006c08; }

.liste-fiches a:hover, .liste-fiches a:active {
  color: #50a100; }

.liste-fiches .fiche {
  border-left: 1px solid #bdbdbd; }

.mepFicheThematique .banniere-wrapper, .mepCarteDeSectionAvecMenu .banniere-wrapper {
  background: #e5e5e5; }

.utilites-secondaires a {
  color: #414141; }

.utilites-secondaires a:visited {
  color: #414141; }

.utilites-secondaires a:hover, .utilites-secondaires a:active {
  color: #50a100; }

.mepFicheThematique .choses-items h3 {
  border-left: 9px solid #50a129; }

.mepCarteDeSection .thematique-wrapper {
  background: #ececec; }

.mepCarteDeSection .fiche {
  background: #fff; }

.mepCarteDeSection .fiche h2 {
  color: #3f3f3f; }

.mepCarteDeSection .section-liens h2, .mepCarteDeSectionAvecMenu .section-liens h2 {
  color: #fff; }

/*.mepCarteDeSection .fiche h2 {
background:#414141;
}*/
.mepCarteDeSection .section-liens h2, .mepCarteDeSectionAvecMenu .section-liens h2 {
  background: #828282; }

/*.mepCarteDeSection .contenu {
background:url(../SiteWeb/images/contenu-pointeur.png) 20px top no-repeat;
}*/
.mepCarteDeSection .section-liens ul, .mepCarteDeSectionAvecMenu .section-liens ul {
  background: url("images/section-liens-pointeur.png") 20px top no-repeat; }

.mepCarteDeSection .bloc a, .mepCarteDeSection .bloc a:visited, .mepCarteDeSectionAvecMenu .bloc a, .mepCarteDeSectionAvecMenu .bloc a:visited {
  color: #414141; }

.mepCarteDeSection .bloc a:hover, .mepCarteDeSection .bloc a:active, .mepCarteDeSectionAvecMenu .bloc a:hover, .mepCarteDeSectionAvecMenu .bloc a:active {
  color: #50a100; }

.mepCarteDeSection .bloc h2 a, .mepCarteDeSection .bloc h2 a:visited, .mepCarteDeSection .bloc h2 a:hover, .mepCarteDeSection .bloc h2 a:active, .mepCarteDeSectionAvecMenu .bloc h2 a, .mepCarteDeSectionAvecMenu .bloc h2 a:visited, .mepCarteDeSectionAvecMenu .bloc h2 a:hover, .mepCarteDeSectionAvecMenu .bloc h2 a:active {
  color: #fff; }

.contexte-contenu a:visited, .liens-information li a:visited, .liens-information dt a:visited{
  color: #00578a; }

.liens-information .more a:visited {
  color: #006c08; }

.contexte-contenu a.collapse:visited {
  color: #fff; }

.csst-rteElement-lien-externe {
  background: url("images/icn_external_link.png") right center no-repeat; }

.tableau-donnees tr {
  background: #f0f0f0; }

.tableau-donnees tr:nth-child(2n) {
  background: #fff; }

.tableau-donnees th {
  background: #4fa029;
  color: #fff; }

.tableau-donnees caption {
  font-weight: bold; }

.tableau-donnees td {
  border: 1px solid #c7c7c7; }

.tableau-donnees th {
  border: 1px solid #4fa029; }

.tableau-donnees th:first-child {
  border-right: 1px solid #fff; }

.tableau-donnees .horizontal th {
  border-bottom: 1px solid #4fa029;
  border-right: 1px solid #4fa029; }

.tableau-donnees table.horizontal tr:nth-child(1n+1) th {
  border-bottom: 1px solid #fff; }

.tableau-donnees table.horizontal tr:last-child th {
  border-bottom: 1px solid #4fa029; }

.cart_total a {
  background: url("images/icn_cart.png") no-repeat right top; }

.mepContenu .cart_total .scMessageBar2 {
  border: 1px solid #ffd700;
  background: #ffffdd; }

.mepPlanDuSite #main .contexte-contenu ul li {
  background: none; }

.mepPlanDuSite #main .contexte-contenu ul li a {
  color: #414141; }

.mepPlanDuSite #main .contexte-contenu ul li a:visited {
  color: #414141; }

.mepPlanDuSite #main .contexte-contenu ul li a:hover {
  color: #50a100; }

.mepPlanDuSite #main .contexte-contenu ul li a:active {
  color: #414141; }

.mepPlanDuSite #main .contexte-contenu ul li.titre a:hover {
  color: #414141; }


/**Colors mods**/
/*Texte*/
.light-grey,.gris-pale{
	color:#f5f5f5!important;
}
.grey:not(.btn),.gris:not(.btn){
	color:#EBEBEB!important;
}
.middle-grey,.gris-moyen{
	color:#D9D9D9!important;
}

.deep-grey,.gris-fonce{
	color:#414141!important;
}
.green:not(.btn),.vert:not(.btn){
	color:#008a00!important;
}
.light-green,.vert-pale{
	color:#63BA38!important;
}
.deep-green,.vert-fonce{
	color:#006C08!important;
}
.white,.blanc{
	color:#fff!important;
}
.black,.noir{
	color:#000!important;
}
.red,.rouge{
	color:#BE1615
}
/*backgrounds*/
.bg-light-grey,.bg-gris-pale{
	background:#f5f5f5!important;
}
.bg-grey:not(a.btn-new),.bg-gris:not(a.btn-new){
	background:#EBEBEB!important;
}
.bg-middle-grey,.bg-gris-moyen{
	background:#D9D9D9!important;
}
.bg-deep-grey,.bg-gris-fonce{
	background:#414141!important;
}
.bg-green,.bg-vert{
	background:#008a00!important;
}
.bg-deep-green,.bg-vert-fonce{
	background:#006C08!important;
}
.bg-light-green,.bg-vert-pale{
	background:#63BA38!important;

}
.bg-white,.bg-blanc{
	background:#fff!important;
}


/* ====== 
7. Global 
====== */
body {
  /*text-align: center;*/
  line-height: 1.125em; }

h1, h2, h3 {
  line-height: 1.222em; }

h1, h2, h3, h4, h5, h6, .titre-section {
  margin: 0;
  padding: 0; }

h2, h3, h4, h5, h6 {
  text-align: left; }

.header-top {
  min-height: 115px; }

.ie8 .header-top {
  min-height: 1px; }


#nav {
  position: relative; }

.sub-nav-wrapper {
  min-height: 55px;
  display:inline-block;
  vertical-align:middle;
  float:right; 
  }

.message-site-wrapper p, .message-page-wrapper p {
  display: table-cell;
  vertical-align: middle;
  height: 64px;
  width: 958px;
  padding: 0 55px 0 100px; }

.message-page-wrapper p {
  padding: 0 40px 0 60px; }

.header-top, .titre-section, h1, #sub-nav, .csst-rteElement-message-site, .message-page, #clienteles-nav, .breadcrumb, .clienteles-secondaires, .utilites-secondaires, .carrousel, .liens-information, .banniere, .message-gouvernemental, .choses, .question-reponse, .liste-fiches, .activite, .bannieres, .contenu-generique, .sub-main, .thematique, .section-liens, .references, .piv, #footer-nav {
  width: 980px;
  margin: 0 auto;
  text-align: left; }
#sub-nav{
	width:auto;
}
.message-page {
  width: 968px;
  margin: 15px auto; }

.csst-rteElement-message-site {
  margin: 15px auto; }

/*#header .logo {
  display: block;
  float: left;
  margin-top: 35px;
  height: 59px;
  width: 104px;
  background: url("images/header-csst-logo.png") left top no-repeat;
  text-indent: -9999px; }*/

.header-top-contenu {
  display: block;
  float: left;
  width: 876px;
  margin-top: 10px; }

#searchbox {
  display: block;
  float: right;
  margin-right: 10px; }

.mon-espace {
  float: right;
  display: block; }

.mon-espace #accordion1 a {
  padding: 10px 7px 10px 72px;
  width: 107px; }

.mon-espace .accordionOpen {
  position: absolute;
  z-index: 999; }

.mon-espace .accordionOpen a {
  display: block;
  padding: 7px 8px;
  width: 170px; }

.mon-espace #accordion1, .nous-joindre #accordion1 {
  margin-bottom: 0;
  padding: 0; }

#nav {
  margin-top: 22px; }

.ie8 #nav {
  top: -30px;
  margin-bottom: -30px; }

#nav .sections, #nav .actions {
  display: block;
  float: right; }

#nav .sections {
  margin-right: 65px; }

#nav .sections a {
  display: inline-block;
  min-height: 4px;
  padding: 7px 0 18px 0;
  margin-right: 48px; }

.employeurs a.employeurs, .travailleurs a.travailleurs, .professionnels-de-la-sante a.professionnels-de-la-sante, .la-csst a.la-csst {
  background: url("images/section-indicateur.png") center bottom no-repeat; }

#nav .nous-joindre, #nav .langue {
  display: block;
  float: left; }

.nous-joindre #accordion1 a {
  padding: 7px 45px 10px 17px; }

#nav .nous-joindre .accordionOpen .tel span em a {
  padding: 0; }

.nous-joindre #accordion1.active a.collapse {
  padding: 6px 45px 10px 16px; }

.nous-joindre .accordionOpen {
  position: absolute;
  z-index: 555; }

.nous-joindre .accordionOpen li {
  margin: 0 5px;
  width: 180px; }

.nous-joindre .accordionOpen a {
  display: block;
  padding: 7px 16px; }

.nous-joindre .accordionOpen span {
  display: block;
  padding: 6px 5px 8px 5px; }

#nav .langue {
  min-height: 11px;
  padding: 7px 0 7px 15px; }

.titre-section-wrapper {
  min-height: 78px; }

.titre-section {
  display:inline-block!important;
  padding: 10px 5px 0px 0px;  
  height: 46px;
  vertical-align:middle;
  }

.employeurs .titre-section,.travailleurs .titre-section,.professionnels-de-la-sante .titre-section {
   width:175px;
}


#megamenu .col h3 {
  display: block;
  padding: 5px 8px; }

#megamenu .col h3, #megamenu .col ul {
  padding: 0 8px;
  margin: 0 0 8px 0; }

.breadcrumb {
  padding: 28px 0 38px 0; }

.image-separateur-fil-ariane {
  display: inline-block;
  width: 17px;
  height: 10px;
  background: url("images/chevron-breadcrumb.png") no-repeat center center; }

#footer {
  position: relative;
  /*margin-bottom:-9999px;
  padding-bottom:9999px;*/
  padding-bottom: 20px; }

#main > ul, #main > ol {
  padding-bottom: 20px; }

/*#main ul, #main ol, .liens-information ul {
padding-left:20px;
}*/
#main ul ul, #main ol ol {
  /*padding-left: 15px;*/
  margin:5px 0 10px 0;
}

#main ul li {
  display: block;
  padding-left: 13px; }

#main ul li {
  background: url("images/niveau1.png") no-repeat left 7px; }

#main ul ul li {
background:url("images/level2.png") no-repeat left 7px;
}
#main ul ul ul li {
background:url("images/level3.png") no-repeat left 9px;
}
#footer ul li {
  padding-left: 11px;
  background: url("images/niveau1-contraste.png") left 7px no-repeat; }

#footer .col3 ul li {
  margin-bottom: 18px; }

#footer h3, .references ul {
  padding: 0;
  margin-bottom: 12px; }

#footer .col3 h3 {
  margin-bottom: 23px; }

p:not(#infolettre p), dl {
  padding: 0 20px 12px 20px; }

blockquote {
  padding: 13px;
  margin-bottom: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-top-left: 5px;
  -moz-border-radius-top-right: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottom-left: 5px;
  -moz-border-radius-bottom-right: 5px; }

.piv {
  min-height: 50px;
  padding: 23px 0 22px 20px;
  position: relative; }

.piv p {
  display: block;
  position: absolute;
  left: 0;
  width: 247px; }

.piv a {
  display: block;
  position: absolute;
  right: 25px;
  background: url("images/piv-csst-logo.png") no-repeat left top;
  width: 91px;
  height: 53px; }

/*.piv p, .piv a {
display:block;
float:left;
}
.piv p {
width:255px;
margin-right:590px;
}
.piv a {
background:url(../SiteWeb/images/piv-csst-logo.png) no-repeat left top;
width:91px;
height:53px;
}*/
#footer .references-wrapper {
  padding: 32px 0; }

#footer .references > div {
  display: block;
  float: left;
  width: 276px;
  padding: 0 25px; }

#footer .references .groupe {
  margin-bottom: 15px; }

#footer .references .col2 .groupe {
  margin-bottom: 40px; }

#footer .references .col2 .groupe:last-child {
  margin-bottom: 15px; }

#footer .references ul {
  margin: -5px 0 17px 0; }

#footer .references p:first-child {
  margin-top: 27px; }

#footer .references p {
  padding: 0 0 8px 9px; }

#footer .social {
  margin: 17px 0 0 9px; }

#footer .social h3 {
  margin-bottom: 5px; }

#footer .facebook, #footer .twitter, #footer .youtube, #footer .linkedin {
  display: inline-block;
  min-height: 32px;
  width: 55px; }

#footer .facebook {
  width: 45px; }

#footer .facebook {
  background: url("images/icone-facebook.png") no-repeat left top; }

#footer .twitter {
  background: url("images/icone-twitter.png") no-repeat left top; }

#footer .youtube {
  background: url("images/icone-youtube.png") no-repeat left top; }

#footer .linkedin {
  background: url("images/icone-linkedin.png") no-repeat left top; }

#footer-nav {
  margin: 20px auto 35px auto;
  text-align: center; }

#footer-nav span {
  margin: 0 8px 0 0; }

#footer-nav a {
  display: inline-block;
  line-height: 0.833em;
  padding: 0 10px; }



/***** Footer Infolettre ****/
#infolettreWrap{	
	background:#333;	
}
#infolettreWrap:hover{
	background:#000;
	padding:10px 15px;
}
#infolettre{	
	padding:0px 20px 0px 0px;
	margin:20px 0 0;
}
#infolettre .fa-rss{
	float:left;	
	margin-right:20px;
	font-size: 36px;
	margin-top:-10px;
}
#infolettre span p{
    font-size: 20px;
    line-height: 23px;
   font-family:'roboto';
	font-weight:300;
    margin-right: 20px;
    margin-top:10px;
    margin-bottom:20px;
    color: #ebebeb;
}
#infolettre span .btn{
	font-size: 16px;
    margin-bottom: 20px;
}
#infolettre span .btn:hover{
	background: #fff!important;
	color: #414141!important;
	text-decoration: underline;
}




/* Liens d'information */
.liens-information-wrapper {
  margin: 28px 0 47px 0; }

.liens-information h2 img {
  display: none; }

.liens-information h2 {
  padding: 10px 0 20px 0; }

.liens-information dl {
  padding: 0; }

.liens-information dd, .liens-information li {
  padding-bottom: 15px; }

.liens-information ul li {
  background: none !important;
  padding-left: 0 !important; }

.liens-information .box {
  position: relative;
  display: block;
  float: left;
  width: 276px;
  padding: 0 25px; }

/* Google search (note :styles appear visually broken locally, but will be overwritten live by Google Search generated styles) ================ */
.gsc-branding, .gsc-search-box label {
  display: none !important; }



/* Generic */
#contexte-nav, .contexte-contenu {
  display: block;
  float: left; }

#contexte-nav {
  width: 250px;
  margin: 8px 45px 0 0; }

#contexte-nav .ms-hidden {
  display: none; }

#main #contexte-nav ul, #main #contexte-nav li {
  margin: 0;
  padding: 0; }

#main #contexte-nav li a {
  display: block;
  padding: 15px 10px 15px 30px; }

#main #contexte-nav li a li a {
  padding: 10px 10px 10px 30px; }

#main #contexte-nav li.expanded {
  margin-top: 1px; }

#main #contexte-nav li.expanded li.expanded {
  margin-top: 0; }

#main #contexte-nav li.expanded a {
  padding-top: 14px; }

#main #contexte-nav li.expanded ul {
  margin: 10px 0 7px 18px; }

#main #contexte-nav li.expanded ul ul {
  margin: 0 0 0 18px; }

#main #contexte-nav li.expanded ul li a {
  padding: 0 10px 0 30px; }

#main #contexte-nav li.expanded ul li a.static {
  padding: 0 10px 5px 30px; }

.contexte-contenu, .contexte-contenu h1, .contexte-contenu .question-reponse, .contexte-contenu .outil-pratique {
  width: 685px; }

.question-reponse-wrapper, .outil-pratique {
  margin-bottom: 50px; }

.contexte-contenu p, .contexte-contenu dl {
  padding: 0 0 15px 0; }

.contexte-contenu h2 {
  padding-bottom: 30px; }

.contexte-contenu h3 {
  padding-bottom: 25px; }

.contexte-contenu h4 {
  padding-bottom: 20px; }

.contexte-contenu h5 {
  padding-bottom: 15px; }

.contexte-contenu h6 {
  padding-bottom: 10px; }

.contexte-contenu ul, .contexte-contenu ol {
  padding-bottom: 30px; }

.contexte-contenu ul ul, .contexte-contenu ol ol {
  padding-bottom: 0; }

.question-reponse span, .outil-pratique span {
  display: block;
  min-height: 46px;
  background: url("images/icone-question-reponse.png") 8px top no-repeat;
  padding: 14px 0 0 66px; }

.outil-pratique h2 {
  background: url("images/icone-outil-pratique.png") 8px top no-repeat; }

.question-reponse #accordion1 {
  padding-bottom: 15px; }

.question-reponse a {
  padding: 5px 16px 9px 14px;
  width: 85px;
  position: relative;
  left: 545px; }

.question-reponse p, .outil-pratique p {
  padding: 0 66px 15px 66px; }

.reponse p {
  padding: 35px 66px 40px 66px;
  margin: 0 7px; }

.sub-main {
  margin-bottom: 20px; }

ul.more li a {
  background: url("images/chevron-lien.png") right center no-repeat;
  padding-right: 13px; }

ul.more li a:hover, ul.more li a:focus {
  background: url("images/chevron-lien-ho.png") right center no-repeat;
  padding-right: 13px; }

h1 {
  padding-bottom: 35px; }

a.button {
  padding: 7px;
  text-align: center; }

.liste-fiches-wrapper {
  margin-bottom: 50px; }

.liste-fiches {
  padding: 28px 0 0 0; }

.liste-fiches .fiches {
  padding-top: 10px; }

.liste-fiches .fiche {
  text-align: center;
  display: inline-block;
  width: 290px;
  padding: 12px 18px 12px 22px;
  margin-bottom: 35px;
  vertical-align: top;
  position: relative; }

.ie8 .liste-fiches .fiche {
  width: 290px;
  padding: 12px 15px 12px 18px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .liste-fiches .fiche {
    width: 289px;
    padding: 12px 19px 12px 21px; } }
.liste-fiches div.fiche:nth-child(3n+1) {
  padding-left: 0;
  border-left: 0; }

.liste-fiches .fiche p {
  text-align: left; }

.liste-fiches .fiche img {
  height: 200px;
  width: 290px;
  margin: 0 auto 15px auto; }

.liste-fiches .fiche > div {
  padding-bottom: 10px; }

.liste-fiches .fiche h3 {
  min-height: 49px; }

.liste-fiches .fiche h3, .liste-fiches .fiche p {
  padding: 0;
  margin-bottom: 15px; }

.liste-fiches .accordion h2 {
  line-height: 1em;
  position: relative;
  top: -10px;
  padding-bottom: 15px; }

.liste-fiches .accordion h2.active {
  padding-bottom: 5px; }

.liste-fiches .accordion h2 a {
  background: url("images/chevron-lien.png") right center no-repeat;
  padding-right: 13px;
  float: right; }

.liste-fiches .accordion h2 a:hover, .liste-fiches .accordion h2 a:focus {
  background: url("images/chevron-lien-ho.png") right center no-repeat;
  padding-right: 13px; }

.contenu-generique {
  margin-bottom: 45px; }

.csst-rteElement-lien-externe {
  padding-right: 12px; }

/* Tableaux - Contenu générique */
.tableau-donnees table {
  border-collapse: collapse; }

.tableau-donnees th, .tableau-donnees td {
  padding: 15px;
  text-align: left; }

.tableau-donnees caption {
  padding: 0 0 5px 0;
  text-align: left; }

.tableau-donnees .note-tableau {
  padding: 5px 0 15px 0; }

.tableau-donnees table.vertical thead {
  margin-bottom: 2px; }

/*@import "partials/multimedia";*/
/* ========================
9. Specific pages styles
======================== */
.employeurs .titre-section, .travailleurs .titre-section, .professionnels-de-la-sante .titre-section {
 /* padding: 40px 15px 0 80px;
  width: 885px;*/ }

/*.employeurs .titre-section {
  background: url("images/icone-employeurs-sml.png") left center no-repeat; }

.travailleurs .titre-section {
  background: url("images/icone-travailleurs-sml.png") left center no-repeat; }

.professionnels-de-la-sante .titre-section {
  background: url("images/icone-professionnels-sml.png") left center no-repeat; }*/

/* Accueil du site */
.ie8 .mepAccueilSite #clienteles-nav {
  margin-top: 11px; }

.mepAccueilSite #clienteles-nav a {
  display: block;
  width: 293px;
  float: left;
  padding: 100px 16px 30px 16px;
  text-align: center; }
  
.mepAccueilSite #clienteles-nav a span {
  display: block;
  margin-top: 20px; }

.mepAccueilSite #clienteles-nav span.section {
  line-height: 1.375em; }

.mepAccueilSite #clienteles-nav a span.button {
  width: 46px;
  padding: 3px 17px;
  margin: 28px auto 0 auto; }

.mepAccueilSite #clienteles-nav a:first-child {
  margin-left: 0; }

.mepAccueilSite #clienteles-nav a.employeurs {
  background: url("images/icone-employeurs.png") center 25px no-repeat; }

.mepAccueilSite #clienteles-nav a.travailleurs {
  background: url("images/icone-travailleurs.png") center 25px no-repeat; }

.mepAccueilSite #clienteles-nav a.professionnels-de-la-sante {
  background: url("images/icone-professionnels.png") center 25px no-repeat; }


.mepAccueilSite .clienteles-secondaires {
  padding: 15px 0; }

.mepAccueilSite .clienteles-secondaires div > div {
  display: block;
  float: left;
  width: 301px;
  margin-right: 14px;
  padding: 12px 13px 12px 15px; }




.mepAccueilSite div.clienteles-secondaires div.clienteles-secondaires-extra > div a:hover, .mepAccueilSite div.clienteles-secondaires div.clienteles-secondaires-extra > div a:focus {
  background: none; }

.mepAccueilSite div.clienteles-secondaires div > div h2 {
  padding-bottom: 12px; }

.mepAccueilSite div.clienteles-secondaires div > div p {
  padding: 0; }

.mepAccueilSite div.clienteles-secondaires div.clienteles-secondaires-extra > div {
  border: 0;
  display: block;
  float: left;
  width: 285px;
  padding: 0;
  margin: -6px 0 0 0; }

.mepAccueilSite div.clienteles-secondaires div.clienteles-secondaires-extra > div a {
  border-bottom: 1px solid #bcbcbc;
  min-height: 33px;
  display: block;
  width: 285px;
  padding: 6px 0;
  margin: 0;
  background: none; }

.mepAccueilSite div.clienteles-secondaires-extra a:first-child {
  padding-top: 0; }

.mepAccueilSite div.clienteles-secondaires-extra img {
  margin-right: 13px; }

.mepAccueilSite div.clienteles-secondaires-extra span {
  position: relative;
  top: 3px; }

.mepAccueilSite .liens-information-wrapper {
  padding: 28px 0 24px 0;
  margin: 0;  }

.mepAccueilSite .liens-information .calendrier {
  display: block;
  float: left;
  width: 658px; }

.mepAccueilSite .liens-information .grands-evenements {
  display: block;
  float: left;
  width: 291px;
  padding: 0 18px 0 13px; }

.mepAccueilSite .grands-evenements li {
  padding-bottom: 10px; }

.mepAccueilSite .grands-evenements img {
  max-width: 288px; }

/* Accueil clientele */
.activite-wrapper {
  padding-bottom: 70px; }

.mepAccueilClientele .faire {
  display: block;
  float: left;
  margin-right: 21px; }

.mepAccueilClientele .faire h2 {
  padding: 32px 0 20px 0; }

.mepAccueilClientele .faire .ui-tabs-panel h3, .mepAccueilClientele .faire .ui-tabs-panel p {
  padding: 0 0 20px 0; }

.mepAccueilClientele .faire .ui-tabs-panel ul {
  margin-bottom: 20px; }

#main #tabs .ui-tabs-panel li {
  background: url("images/niveau1.png") no-repeat left 7px;
  display: block;
  padding-left: 13px; }

.mepAccueilClientele .faire a.button {
  position: relative;
  bottom: 0; }

.mepAccueilClientele .communications {
  display: block;
  float: left;
  height: 324px;
  width: 364px;
  padding: 2px;
  margin-top: 89px; }

.mepAccueilClientele .communications img {
  height: 324px;
  width: 364px; }

.mepAccueilClientele .choses h2 {
  padding-top: 60px; }

.mepAccueilClientele .choses p {
  text-align: center;
  display: inline-block;
  width: 120px;
  padding: 40px 20px 87px 20px;
  vertical-align: top; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mepAccueilClientele .choses p {
    width: 119px; } }
.mepAccueilClientele .numero {
  display: block;
  min-height: 44px;
  width: 68px;
  padding-top: 24px;
  background: url("images/accueil-clientele-numero.png") left top no-repeat;
  margin: 0 auto 40px auto; }

.mepAccueilClientele .liste-fiches-wrapper {
  margin-bottom: 0; }

/* Accueil La CSST */
.mepLaCSST .liste-fiches-wrapper {
  margin-bottom: 0; }

/* Fiche thématique */
.utilites-secondaires-wrapper {
  text-align: right;
  padding-bottom: 23px; }

.mepFicheThematique h1 {
  padding-bottom: 0; }

.utilites-secondaires {
  text-align: right; }

a.partager {
  background: url("images/icone-partager.png") left center no-repeat;
  padding: 2px 0 2px 25px; }

a.imprimer {
  background: url("images/icone-imprimer.png") left center no-repeat;
  padding-left: 25px;
  margin-left: 30px; }

/*.mepFicheThematique .banniere {
background:url(../SiteWeb/images/banniere-bg.png) left top no-repeat;
}*/
.mepFicheThematique .banniere img {
  height: 160px;
  width: 232px;
  float: left; }

.mepFicheThematique .banniere p {
  display: table-cell;
  vertical-align: middle;
  height: 140px;
  width: 708px;
  padding: 10px 0;
  padding-left: 40px; }

.mepFicheThematique .choses, .mepFicheThematique .choses-items {
  padding-top: 42px; }

.mepFicheThematique .choses-items > div {
  display: block;
  float: left;
  width: 300px;
  padding-bottom: 35px;
  margin-left: 40px; }

.ie8 .mepFicheThematique .choses-items > div {
  width: 286px; }

.mepFicheThematique .choses-items > div:nth-child(3n+1) {
  margin-left: 0;
  clear: both; }

.mepFicheThematique .choses-items h3 {
  padding: 0 20px 0 11px;
  margin-bottom: 25px;
  min-height: 44px; }

.mepFicheThematique .choses-items p {
  padding-left: 0; }

/*.mepFicheThematique .numero {
display:block;
height:44px;
width:68px;
padding-top:24px;
background:url(../SiteWeb/images/accueil-clientele-numero.png) left top no-repeat;
text-align:center;
margin-bottom:20px;
}*/
.mepFicheThematique .contenu-generique h2 {
  padding-bottom: 30px; }

.mepFicheThematique .contenu-generique p {
  padding-left: 0;
  padding-right: 0; }

.mepFicheThematique .question-reponse p {
  padding-left: 66px;
  padding-right: 66px; }

.mepFicheThematique .question-reponse {
  width: 685px; }

.mepFicheThematique .contenu-generique .question-reponse-wrapper {
  margin-bottom: 0; }

.mepFicheThematique .message-page {
  margin: 15px auto 0 auto; }

/* Plan du site - Contenu générique avec plan du site */
.mepCarteDeSection .message-page {
  width: 968px;
  margin: 15px auto 0 auto; }

.mepCarteDeSection .button, .mepCarteDeSectionAvecMenu .button {
  margin-left: 20px; }

.mepCarteDeSectionAvecMenu .thematique-wrapper {
  margin-bottom: 45px; }

.mepCarteDeSectionAvecMenu .thematique, .mepCarteDeSectionAvecMenu .banniere {
  width: 685px;
  margin-left: 0; }

.mepCarteDeSection .banniere .button, .mepCarteDeSectionAvecMenu .banniere .button {
  margin-bottom: 0; }

.mepCarteDeSection .thematique-wrapper {
  padding: 10px 0; }

.mepCarteDeSectionAvecMenu .thematique-wrapper {
  padding: 4px 0 0 0; }

.mepCarteDeSection .fiche h2, .mepCarteDeSection .section-liens h2, .mepCarteDeSectionAvecMenu .section-liens h2 {
  display: table-cell;
  vertical-align: middle;
  height: 80px; }

.mepCarteDeSection .fiche h2, .mepCarteDeSection .section-liens h2, .mepCarteDeSectionAvecMenu .section-liens h2 {
  width: 280px;
  padding: 0 20px; }

.mepCarteDeSection .demies h2 {
  width: 465px; }

.mepCarteDeSection .section-liens h2, .mepCarteDeSectionAvecMenu .section-liens h2 {
  height: 60px; }

.mepCarteDeSection .banniere img, .mepCarteDeSection .banniere > div, .mepCarteDeSectionAvecMenu .banniere img, .mepCarteDeSectionAvecMenu .banniere > div {
  display: block;
  float: left; }

.mepCarteDeSection .banniere img, .mepCarteDeSectionAvecMenu .banniere img {
  height: 150px;
  width: 150px; }

.mepCarteDeSection .banniere h2, .mepCarteDeSectionAvecMenu .banniere h2 {
  padding: 0 0 0 20px; }

.mepCarteDeSection .banniere p, .mepCarteDeSectionAvecMenu .banniere p {
  display: table-cell;
  height: 91px;
  width: 790px;
  vertical-align: middle;
  padding: 0 0 0 20px; }

.mepCarteDeSectionAvecMenu .banniere p {
  width: 515px; }

.ie8 .mepCarteDeSection .banniere p, .ie8 .mepCarteDeSectionAvecMenu .banniere p {
  height: 92px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mepCarteDeSection .banniere p, .mepCarteDeSectionAvecMenu .banniere p {
    height: 82px; }

  .mepCarteDeSection .banniere .button, .mepCarteDeSectionAvecMenu .banniere .button {
    margin-top: 10px; } }
.ie8 .mepCarteDeSection .banniere .button, .ie8 .mepCarteDeSectionAvecMenu .banniere .button {
  margin-top: 0;
  /* Contrer un bogue IE* sur SharePoint 2010 */ }

.mepCarteDeSection .section-liens-wrapper {
  padding: 45px 0 28px 0; }

.mepCarteDeSectionAvecMenu .section-liens-wrapper {
  padding: 5px 0 0 0; }

.mepCarteDeSectionAvecMenu .section-liens {
  width: 685px; }

.mepCarteDeSection .fiche, .mepCarteDeSection .bloc, .mepCarteDeSectionAvecMenu .bloc {
  display: block;
  float: left;
  width: 320px;
  margin-left: 10px; }

.mepCarteDeSection .bloc, .mepCarteDeSectionAvecMenu .bloc {
  margin-bottom: 28px; }

.mepCarteDeSection .fiche:first-child {
  margin-left: 0; }

.mepCarteDeSection .fiche > div {
  min-height: 454px; }

/*.mepCarteDeSection .contenu, */
.mepCarteDeSection .section-liens ul {
  padding-top: 30px; }

.mepCarteDeSection .fiche h3, .mepCarteDeSection .fiche p {
  padding: 0 20px 20px 20px; }

.mepCarteDeSection .demies .fiche {
  width: 485px; }

.mepCarteDeSection .demies .contenu img, .mepCarteDeSection .demies .contenu > div {
  display: block;
  float: left; }

.mepCarteDeSection .demies .fiche > div.contenu {
  min-height: 170px;
  padding-left: 20px; }

.mepCarteDeSection .demies .fiche .contenu > div {
  width: 298px;
  position: relative; }

.mepCarteDeSection .demies .fiche .contenu div > div {
  min-height: 116px; }

.mepCarteDeSection .fiche img {
  height: 280px;
  width: 280px; }

.mepCarteDeSection .demies .fiche img {
  height: 150px;
  width: 150px; }

.mepCarteDeSection div.bloc:nth-child(3n+1) {
  clear: both;
  margin-left: 0; }

.mepCarteDeSectionAvecMenu div.bloc:nth-child(2n+1) {
  clear: both;
  margin-left: 0; }

.mepCarteDeSection #main .bloc ul, .mepCarteDeSectionAvecMenu #main .bloc ul {
  padding: 30px 20px 0 20px; }

.mepCarteDeSection #main .bloc ul li, .mepCarteDeSectionAvecMenu #main .bloc ul li {
  background: none;
  padding-left: 0;
  margin-bottom: 9px; }

.mepCarteDeSection #main .bloc ul li:last-child, .mepCarteDeSectionAvecMenu #main .bloc ul li:last-child {
  margin-bottom: 0; }

.mepCarteDeSection a.button, .mepCarteDeSectionAvecMenu a.button {
  top: 0;
  margin-bottom: 20px;
  position: relative; }

/* Contenu générique */
.mepContenu .message-page {
  margin: 15px auto 0 auto; }

.mepContenu .PanierDeCommande {
  margin-bottom: -20px; }

.mepContenu .cart_total a {
  display: block;
  height: 28px;
  padding: 13px 30px 0 0;
  text-align: right;
  position: relative;
  top: -20px; }

.mepContenu .cart_total .scMessageBar2 {
  display: block;
  padding: 13px;
  width: 500px;
  margin-top: -64px;
  margin-bottom: 18px; }

/* Plan de site */
.mepPlanDuSite h1, .mepPlanDuSite .contexte-contenu {
  width: 980px; }

.mepPlanDuSite #main .contexte-contenu ul {
  padding-left: 25px;
  padding-right: 25px; }

.mepPlanDuSite #main .contexte-contenu ul li {
  margin-bottom: 5px;
  padding-left: 0; }

.mepPlanDuSite #main .contexte-contenu ul li.titre {
  margin-bottom: 15px; }

/* ============================
10. Non-semantic helper classes
============================ */
.ir {
  display: block;
  border: 0;
 /* text-indent: -1000em;
  overflow: hidden;*/
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visually-hidden, .hors-ecran {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

.img-left {
  float: left;
  padding: 5px 20px; }

.img-right {
  float: right;
  padding: 5px 20px; }

.clear {
  clear: both;
  line-height: 0; }

/* @import "partials/media-queries"; */
/* @import "partials/print"; */

/***** Modifications DCRP *******/
.menu-with-pub{
	float:left;
	width:250px;
	margin-right:45px;	
}

.menu-with-pub img{
    margin-bottom:20px;
}
/* Transition */
.transit{
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/*Alignement vertical*/
.vertical-align-middle td{
	vertical-align:middle;
}
/*Boutons*/
.new-btn{
	display:inline-block;	
	padding:6px 15px;
	border-radius:2px;
	color:#fff!important;	
	text-transform:uppercase;
	margin:20px 10px 0 0;
	width:auto;
}
.bg-vert{
	background:#50a129;
}
.bg-gris{
	background:#969696;
}
/*Show-Hide Toggle*/
.toggle-init{
	color:#008a00;	
	padding-right:40px;
	position:relative;
	padding:30px 0 0 0;
	border-bottom:1px solid #f2f2f2;				
}
.toggle-init:after,.toggle-init.active:after{
	display:block;
	text-align:center;
	width:40px;
	height:40px;
	position:absolute;
	right:0px;
	top:30px;
	vertical-align:middle;
	font-family:'FontAwesome';
	content:'\f078';
}
.toggle-init.no-arrow:after,.toggle-init.no-arrow.active:after{
   content:'';
}
.toggle-init:hover{
	cursor:pointer;
	text-decoration:underline;
}
.toggle-init.active{
	border-bottom:none;
}
.toggle-init.active:after{
	content:'\f077';
}


/*Style pour le nouvel encadré dans les pages Tolérance 0*/

.titre-tolerance h2 a
{height:50px;display:table-cell;vertical-align:middle;}

.panel-heading
{vertical-align:middle;}

.panel-body
{padding:10px;border-bottom:10px solid #414141;margin-bottom:25px;background:#d9d9d9;}

.panel-body-mince
{padding:10px;border-bottom:10px solid #d9d9d9;border-right:2px solid #d9d9d9;border-left:2px solid #d9d9d9;margin-bottom:25px;}


/*Styles pour les tableaux de données*/

.table-data caption {
		 margin-bottom: .5em;
		 text-align: left;
}
.table-data th,
.table-data td {
		 border: 1px solid #666;
		 padding: 4px;
		 }
.table-data thead th {
		 background: #eee;
		 }

/*Style pour les liens de publications*/

.btn-publication-gris{
    background-color: #EBEBEB!important;
    color: #414141!important;
    font-family: Arial!important;
    font-size: 12px;
    text-transform:none;
    border-radius:0px;
}

.btn-publication-gris:hover{
	background:#414141!important;
	color:#fff!important;
}

div #minifiche {
    padding-top: 30px;
    padding-bottom:20px;
    border-bottom: 1px dotted #ccc;
}

#vignette .ms-rtestate-field img{
	max-width: 85px;
}

.messageErreur{
	display: inline-block;
    padding-bottom: 25px;
}

#resume {
    font-size: 14px;
    margin: 10px 0;
    line-height: 18px;
    color: #414141;
    margin: 20px 0;
}

.lienFiche h5, #titre {
  font-size: 15px; }

.lienFiche h5 a, #titre {
  text-decoration:none; }

/*p, #ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField {
    font-size: 12px;
    margin: 10px 0;
    line-height: 18px;
    color: #414141;
    margin: 20px 0;
}
*/