/* -------------------------------------------------------------------------------------------------------------
TABLE DES MATIÈRES - surmesure_extensions V1.0.1
Développé par: Guillaume Drouin (guillaume.drouin2@cspq.gouv.qc.ca)
Service des systèmes Citoyens et des compétences Web (SSCCW)
Ministère du Travail, de l’Emploi et de la Solidarité sociale (MTESS)
Dernière mise à jour: 7 décembre 2015

Ce fichier CSS doit rester simple et doit être inclus dès l'intégration html
----------------------------------------------------------------------------------------------------------------
:: 000 - correctif pour le contenu extensible qui overwrite le inligne-block de Flexi
:: 001 - ccw_faq
:: 002 - contenu extensible
:: 003 - Partage nouvelles (Réseaux sociaux)
:: 004 - Tableaux par défaut
:: 005 - Indexed search
:: 006 - Yag
:: 007 - ccw_bottin
:: 008 - Pagination news, ccw_documentation
:: 009 - Contenu Hors menu
:: 010 - AfficherGrilles
:: 011 - Fil d'ariane
:: 012 - Plan Site
==================================================================================================== */

/*====================================================================================================
:: FLEXI.CSS.X.X.X FONTES
==================================================================================================== */

@font-face {
  font-family: 'flexi-icones';
  src:  url('fonts/flexi-icones.eot');
  src:  url('fonts/flexi-icones.eot?#iefix') format('embedded-opentype'),
    url('fonts/flexi-icones.woff') format('woff'),
    url('fonts/flexi-icones.ttf') format('truetype'),
    url('fonts/flexi-icones.svg#icomoon') format('svg');
  font-weight:normal;
  font-style: normal;
}

/**************************************************************************************
********** 000 - correctif pour le contenu extensible qui overwrite le inligne-block de Flexi */
.lte8 .block_right{
  display:block;
  float:right;
}
.lte8 .block_principal{
  display:block;
}

/********* 000 - correctif pour le contenu extensible qui overwrite le inligne-block de Flexi **
***************************************************************************************/

/**************************************************************************************
********** 001 - Début ccw_faq **************************************************************/

/*----------------------------------------------------------------------------------------------------
:: Accordeon + tout afficher/tout masquer FAQ
-----------------------------------------------------------------------------------------------------*/

/*.tx-ccw-faq .accordeon {
padding: 2rem 0;
}*/

.tx-ccw-faq .faq .tout {
  text-align:left;
  margin:0;
  padding:0 0 10px 0;
}
.tx-ccw-faq .faq .tout button{
  text-align:left;
  padding:0;
  margin-right:10px;
}

.tx-ccw-faq .accordeon .tout {
  text-align: right;
  padding-bottom: 10px;
}
.tx-ccw-faq .accordeon .tout a {
  margin-left: 10px;
}

.tx-ccw-faq .accordeon .tout a:before {
  display: inline-block;
  font-family: "flexi-icones";
  margin-right: 3px;
  font-size: 1.167em;
  position: relative;
  top: 2px;
}

.tx-ccw-faq .tout button, .tx-ccw-faq input[type="button"], .tx-ccw-faq input[type="submit"] {
  cursor: pointer;
  background:none;
  border:none;
  color:#444444;
}


.tx-ccw-faq .tout button .plus:before{
  display: inline-block;
  font-family: "flexi-icones";
  margin-right: 3px;
  font-size: 1.167em;
  position: relative;
  top: 0px;
  content: "\e611";
}
.tx-ccw-faq .tout button .moins:before{
  display: inline-block;
  font-family: "flexi-icones";
  margin-right: 3px;
  font-size: 1.167em;
  position: relative;
  top: 0px;
  content: "\e612";
}

.tx-ccw-faq .tout. tout-afficher button:before, .tx-ccw-faq input[type="button"] , .tx-ccw-faq input[type="submit"] {
  display: inline-block;
  font-family: "flexi-icones";
  margin-right: 3px;
  font-size: 1.167em;
  position: relative;
  top: 2px;
  content: "\e611";
}

.tx-ccw-faq .tout button:hover .plus, .tx-ccw-faq .tout button:hover .moins{
  cursor: pointer;
  background:none;
  border:none;
  color:#000000;
}

.tx-ccw-faq .tout button:focus .plus, .tx-ccw-faq .tout button:focus .moins{
  cursor: pointer;
  background:none;
  border:none;
  color:#000000;
}


.tx-ccw-faq .faq .tout .tout-afficher,
.tx-ccw-faq .faq .tout .tout-masquer,
.tx-ccw-faq .accordeon .tout .tout-afficher,
.tx-ccw-faq .accordeon .tout .tout-masquer {
  background:none;
  border:none;
  font-size:0.95em;
  text-decoration:none;
}

.tx-ccw-faq .btCtrl {
  background-color: #E8E8E8;
  border:none;
  color:#271809;
  display:inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  line-height:1.5em;
  margin:0 0 5px 0;
  overflow:visible;
  padding:0 0 0 1px;
  text-align:left;
  width:100%;
}

.grandTexte .tx-ccw-faq .btCtrl {
  font-size:1em;
}

.tx-ccw-faq .btCtrl p{
  width:96.5%;
  position:relative;
  float:left;
  margin-top: 0.5em;
}

.grandTexte .tx-ccw-faq .btCtrl p{
  width:96%;
}

.tx-ccw-faq .iconPlus,
.tx-ccw-faq .iconMinus {
  display:inline-block;
  width:1.6em;
  height:1.9em;
  background-color:#5E5C63;
  margin:5px 0;
}
.faq .iconMinus {
  background:#000000;
}

.tx-ccw-faq .iconPlus:before,
.tx-ccw-faq .iconMinus:before {
  color:#ffffff;
  display:inline-block;
  font-size:1.45em;
  font-weight:normal;
  line-height:0.8em;
  float:left;
  height:1.4em;
  margin-top:2px;
  padding-top:5px;
  position:relative;
  text-align:center;
  width:1.1em;
}
.tx-ccw-faq .iconMinus:before {
  color:#ffffff;
}

.tx-ccw-faq .btCtrl:hover .iconPlus:before,
.tx-ccw-faq .btCtrl:focus .iconPlus:before,
.tx-ccw-faq .btCtrl:hover .iconMinus:before,
.tx-ccw-faq .btCtrl:focus .iconMinus:before
{
  color:#ffffff;
}

.lte8 .tx-ccw-faq .btCtrl .iconPlus:before,
.lte8 .tx-ccw-faq .btCtrl:hover .iconPlus:before,
.lte8 .tx-ccw-faq .btCtrl:focus .iconPlus:before,
.lte8 .tx-ccw-faq .btCtrl .iconMinus:before,
.lte8 .tx-ccw-faq .btCtrl:hover .iconMinus:before,
.lte8 .tx-ccw-faq .btCtrl:focus .iconMinus:before {
  color:#fff;
}

.tx-ccw-faq .iconPlus:before {
  font-family: "flexi-icones";
  content: "\e60d";
}

.tx-ccw-faq .iconMinus:before {
  font-family: "flexi-icones";
  content: "\e60e";
}

.tx-ccw-faq .iconHover {
  background:#000000;
  color:#ffffff;
}
.tx-ccw-faq .iconHover:before {
  color:#ffffff;
}

.tx-ccw-faq dt {
  margin:0;
}

.tx-ccw-faq dl {
  margin:0;
}

.tx-ccw-faq dd.reponse {
  display: none;
}

/********* 001 - Fin ccw_faq **********************************************************
***************************************************************************************/

/**************************************************************************************
********** 002 - Début Contenu extensible *********************************************/

.contenu_extensible {
  display:none;
}

.ouvrir_contenu {
  background-repeat:no-repeat;
  background-color: #D1D1D3;
  border: none;
  margin:1px 1px 4px 1px;
  padding:2px 0px 2px 2px;
  text-align:left;
  width: 100%;
}


.ouvrir_contenu div.bouton_action_ouvrir, .ouvrir_contenu div.bouton_action_fermer {
  background-color: #5E5C63;
  border: medium none;
  color: #FFFFFF;
  float: right;
  font-size: 28px;
  margin: 0;
  padding: 2px 0 0 0;
  position: relative;
}

.ouvrir_contenu .bouton_action_ouvrir:before {
  content: "\e60d";
  font-family: "flexi-icones";
}

.ouvrir_contenu .bouton_action_fermer:before {
  content: "\e60e";
  font-family: "flexi-icones";
}

.ouvrir_contenu:hover .bouton_action_ouvrir ,
.ouvrir_contenu:focus .bouton_action_ouvrir ,
.ouvrir_contenu:hover .bouton_action_fermer ,
.ouvrir_contenu:focus .bouton_action_fermer {
  background-color:#333333;
}

.ouvrir_contenu h2, .ouvrir_contenu h3, .ouvrir_contenu h4, .ouvrir_contenu h5 {
  float:left;
  position:relative;
  vertical-align:middle;
  padding:0;
  margin:0;
  width:100%;
}


.ouvrir_contenu h2 {
  padding-top: 3px;
}

.ouvrir_contenu h2 .bouton_action_ouvrir ,
.ouvrir_contenu h2 .bouton_action_fermer {
  margin-top: -3px;
}

.ouvrir_contenu h3 {
  padding-top: 6px;
}

.ouvrir_contenu h3 .bouton_action_ouvrir ,
.ouvrir_contenu h3 .bouton_action_fermer {
  margin-top:-6px;
}

.ouvrir_contenu h4 {
  padding-top: 7px;
}

.ouvrir_contenu h4 .bouton_action_ouvrir ,
.ouvrir_contenu h4 .bouton_action_fermer {
  margin-top:-7px;
}

.ouvrir_contenu h5 {
  padding-top: 8px;
}

.ouvrir_contenu h5 .bouton_action_ouvrir ,
.ouvrir_contenu h5 .bouton_action_fermer {
  margin-top:-8px;
}

/*******002 - Fin Contenu extensible**************************************************
**************************************************************************************/

/**************************************************************************************
********** 003 - Début Partage nouvelles (Réseaux sociaux) ****************************/



/*******003 - Fin Partage nouvelles (Réseaux sociaux) ********************************
**************************************************************************************/

.titre_partage_reseaux_sociaux {
    display: block;
    padding: 5px 0;
}

.partage_reseaux_sociaux ul {
  list-style: none;
  margin:0;
}

.partage_reseaux_sociaux ul li {
  display: inline;
  padding: 0 5px 0 0;
}

/**************************************************************************************
********** 004 - Début Tableaux par défaut *******************************************/

table.nomobile td, table.nomobile th,
table.contenttable td, table.contenttable th{
  border: 1px solid #000000;
  padding: 2px 5px 2px 5px;
}

table.nomobile th,
table.contenttable th {
  background-color: #CCCCCC;
  color: #FFFFFF;
}

table td.align-center,
table th.align-center{
  text-align:center;
}

table td.align-right,
table th.align-right{
  text-align:right;
}

table td.cellule_sans_bordure,
table th.cellule_sans_bordure{
  border:none;
}


/*******004 - Fin Tableaux par défaut ************************************************
**************************************************************************************/


/**************************************************************************************
********** 005 - Indexed Search *******************************************/

.tx-indexedsearch-whatis {
  display: none;
}
.tx-indexedsearch-browsebox p {
  border-bottom: 2px solid #E6E5E8;
  padding-bottom: 0.5rem;

}
.tx-indexedsearch-res {
  padding-bottom: 2rem;
}
.tx-indexedsearch-title {
  color: #363636;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.333rem;
  font-weight: bold;
  line-height: 1.5rem;
  padding: 1rem 0 0;  
}
.tx-indexedsearch-descr {
  line-height: 1.5rem;
  display: block;
  padding: 0.6rem 0;
}
.tx-indexedsearch .tx-indexedsearch-browsebox{
  padding: 0.5rem 0;
  margin: 0;
  text-align: center;
}
/*******005 - Fin Indexed Search ************************************************
**************************************************************************************/


/**************************************************************************************
******** 006 - Début yag **************************************************************/

.tx-yag-ligtbox {
  list-style: none;
  float:left;
  padding: 10px;
  width:30%;
}

.tx-yag-pager {
  float:left;
  width: 100%;
}

.tx-yag-thumb-caption{
  padding-top: 3px;
}

/******* 006 - Fin yag ************************************************
**************************************************************************************/



/**************************************************************************************
******** 006 - Début ccw_bottin **************************************************************/

.tx-ccw-bottin li.nav-icone a:before {
  display: inline-block;
  font-family: "flexi-icones";
  font-size:1.6666rem;
  color: #5c5c5e;
  font-weight: normal;
  text-decoration:none;
}


.ct .page-navigation li.nav-icone a:focus:before, .ct .page-navigation li.nav-icone a:hover:before {
  display: inline-block;
  font-family: "flexi-icones";
  font-size:1.6666rem;
  color: #2e4b7a;  
  font-weight: normal;
  text-decoration:none;
}

.tx-ccw-bottin li.nav-icone.first a:before {
  content: "\e613";
  text-decoration:none;
}

.tx-ccw-bottin li.nav-icone.previous a:before {
  content: "\e614";
  text-decoration:none;
}

.tx-ccw-bottin li.nav-icone.next a:before {
  content: "\e601";
  text-decoration:none;
}

.tx-ccw-bottin li.nav-icone.last a:before {
  content: "\e610";
  text-decoration:none;
}

.tx-ccw-bottin ul.f3-widget-paginator li {
  display:inline;
}

/******* 007 - Fin ccw_bottin ********************************************************
**************************************************************************************/

/**************************************************************************************
******* 008 - Pagination **************************************************************/


.f3-widget-paginator li a:link,
.f3-widget-paginator li a:visited
{
  text-decoration:underline;
}

.f3-widget-paginator li a:focus,
.f3-widget-paginator li a:hover
{
  text-decoration:none;
  color: #000000;
}

.f3-widget-paginator li.current span
{
  font-weight:bold;
  color: #000000;
}

.f3-widget-paginator {
  text-align: center;
}

.f3-widget-paginator li {
  display: inline-block;
  padding: 0 8px 0 8px;
  vertical-align:  top;
}

.f3-widget-paginator li a,
.f3-widget-paginator li a:link,
.f3-widget-paginator li a:visited,
.f3-widget-paginator li a:hover,
.f3-widget-paginator li a:focus {
  line-height: 2rem;
  color: #5c5c5e;
  text-decoration:none;
}

.f3-widget-paginator li a:hover,
.f3-widget-paginator li a:focus {
  background: none;
  padding: 0;
  text-decoration:none;
}

.f3-widget-paginator li a span {
  font-weight: normal;
  text-decoration:none;
}

 .f3-widget-paginator li span {
  line-height: 2rem;
  font-weight: bold;
  color: #5C5C5E;
  text-decoration:none;
}

.f3-widget-paginator li.nav-icone a {
  display: inline-block;
  text-decoration:none;
}

.f3-widget-paginator li.first,
.f3-widget-paginator li.previous  {
  padding-left: 0;
  text-decoration:none;
}

.f3-widget-paginator li.next,
.f3-widget-paginator li.last  {
  padding-right: 0;
  text-decoration:none;
}

.f3-widget-paginator li.nav-icone a:before {
  display: inline-block;
  font-family: "flexi-icones";
  font-size:1.6666rem;
  color: #5c5c5e;
  font-weight: normal;
  text-decoration:none;
}

.f3-widget-paginator li.first a:before {
  content: "\e613";
  text-decoration:none;
}

.f3-widget-paginator li.previous a:before {
  content: "\e614";
  text-decoration:none;
}

.f3-widget-paginator li.next a:before {
  content: "\e601";
  text-decoration:none;
}

.f3-widget-paginator li.last a:before {
  content: "\e610";
  text-decoration:none;
}

.f3-widget-paginator li.last:hover a:before,
.f3-widget-paginator li.next:hover a:before,
.f3-widget-paginator li.previous:hover a:before,
.f3-widget-paginator li.first:hover a:before,
.f3-widget-paginator li.last:focus a:before,
.f3-widget-paginator li.next:focus a:before,
.f3-widget-paginator li.previous:focus a:before,
.f3-widget-paginator li.first:focus a:before{
  color: #000000;
}

.f3-widget-paginator li a:link,
.f3-widget-paginator li a:visited
{
  text-decoration:underline;
}

.f3-widget-paginator li a:focus,
.f3-widget-paginator li a:hover
{
  text-decoration:none;
  color: #000000;
}

.f3-widget-paginator li.current span
{
  font-weight:bold;
  color: #000000;
}

.hidden {
  display:none;
}
/******* 008 - Fin Pagination ********************************************************
**************************************************************************************/



/*************************************************************************************
******* 009 - Hors menu **************************************************************/
.visuallyHidden, .visuallyhidden, .hors_ecran, .hors-champ {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/******* 009 - Fin Hors menu **********************************************************
**************************************************************************************/




/*************************************************************************************
******* 010 - AfficherGrilles ********************************************************/

.afficherGrille .pivGrille {background-position:left bottom;}
.afficherGrille .pivGrille:hover, .afficherGrille .pivGrille:active, .afficherGrille .pivGrille:focus {background-position:right bottom;}


.afficherGrille .row          {background-color:#BBB;color:black;position:relative;}
.afficherGrille .row:nth-child(even)  {background-color:#888;color:black;}
.afficherGrille .row:before      {content:"Base12";z-index:1000;border:3px solid blue;display:inline-block; background-color:blue;position:absolute;left:0;font-weight:bold;font-size:12px;color:white;}

.afficherGrille .row .row > *:before {min-width:25px;text-align:center;}

.afficherGrille .small-1,
.afficherGrille .medium-1,
.afficherGrille .large-1 {outline:1px solid #00F; outline-offset:-1px; background-color:#E3F1FD; position:relative;}
.afficherGrille .small-1:nth-child(even),
.afficherGrille .medium-1:nth-child(even),
.afficherGrille .large-1:nth-child(even)    {outline:1px solid #FF8000; outline-offset:-1px; background-color:#FED;}
.afficherGrille .small-1:before,
.afficherGrille .medium-1:before,
.afficherGrille .large-1:before        {content:"1/12 Large";border:3px solid black;background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-2,
.afficherGrille .medium-2,
.afficherGrille .large-2          {outline:1px solid #412C84; outline-offset:-1px; background-color:#F8EDFE; position:relative;}
.afficherGrille .small-2:nth-child(even),
.afficherGrille .medium-2:nth-child(even),
.afficherGrille .large-2:nth-child(even)  {outline:1px solid #A68900; outline-offset:-1px; background-color:#FEFAE2;}
.afficherGrille .small-2:before,
.afficherGrille .medium-2:before,
.afficherGrille .large-2:before      {content:"2/12";border:3px solid black;background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-3,
.afficherGrille .medium-3,
.afficherGrille .large-3          {outline:1px solid #80A636; outline-offset:-1px; background-color:#EFFFD0; position:relative;}
.afficherGrille .small-3:nth-child(even),
.afficherGrille .medium-3:nth-child(even),
.afficherGrille .large-3:nth-child(even)  {outline:1px solid #A63675; outline-offset:-1px; background-color:#FFE3F3;}
.afficherGrille .small-3:before,
.afficherGrille .medium-3:before,
.afficherGrille .large-3:before      {content:"3/12";border:3px solid black; background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-4,
.afficherGrille .medium-4,
.afficherGrille .large-4          {outline:1px solid #4D4D00; outline-offset:-1px; background-color:#FFFFC1; position:relative;}
.afficherGrille .small-4:nth-child(even),
.afficherGrille .medium-4:nth-child(even),
.afficherGrille .large-4:nth-child(even)  {outline:1px solid #A809FF; outline-offset:-1px; background-color:#EAC4FF;}
.afficherGrille .small-4:before,
.afficherGrille .medium-4:before,
.afficherGrille .large-4:before      {content:"4/12";border:3px solid black; background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-5,
.afficherGrille .medium-5,
.afficherGrille .large-5          {outline:1px solid #FBA0A7; outline-offset:-1px; background-color:#FFE3E5; position:relative;}
.afficherGrille .small-5:nth-child(even),
.afficherGrille .medium-5:nth-child(even),
.afficherGrille .large-5:nth-child(even)  {outline:1px solid #ACFBA0; outline-offset:-1px; background-color:#E6FFE3;}
.afficherGrille .small-5:before,
.afficherGrille .medium-5:before,
.afficherGrille .large-5:before      {content:"5/12";border:3px solid black; background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-6,
.afficherGrille .medium-6,
.afficherGrille .large-6          {outline:1px solid #DF7000; outline-offset:-1px; background-color:#FFF5E2; position:relative;}
.afficherGrille .small-6:nth-child(even),
.afficherGrille .medium-6:nth-child(even),
.afficherGrille .large-6:nth-child(even)  {outline:1px solid #445988; outline-offset:-1px; background-color:#E4ECFF;}
.afficherGrille .small-6:before,
.afficherGrille .medium-6:before,
.afficherGrille .large-6:before        {content:"6/12";border:3px solid black; background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-7,
.afficherGrille .medium-7,
.afficherGrille .large-7          {outline:1px solid #EE00A0; outline-offset:-1px; background-color:#FFE6F7; position:relative;}
.afficherGrille .small-7:before,
.afficherGrille .medium-7:before,
.afficherGrille .large-7:before      {content:"7/12";border:3px solid black;background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-8,
.afficherGrille .medium-8,
.afficherGrille .large-8          {outline:1px solid #879DFF; outline-offset:-1px; background-color:#E7EBFF; position:relative;}
.afficherGrille .small-8:before,
.afficherGrille .medium-8:before,
.afficherGrille .large-8:before      {content:"8/12";border:3px solid black; background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-9,
.afficherGrille .medium-9,
.afficherGrille .large-9          {outline:1px solid #007F08; outline-offset:-1px; background-color:#DEFDE0; position:relative;}
.afficherGrille .small-9:before,
.afficherGrille .medium-9:before,
.afficherGrille .large-9:before      {content:"9/12";border:3px solid black; background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}


.afficherGrille .small-10,
.afficherGrille .medium-10,
.afficherGrille .large-10          {outline:1px solid #B40500; outline-offset:-1px; background-color:#FDE0DF; position:relative;}
.afficherGrille .small-10:before,
.afficherGrille .medium-10:before,
.afficherGrille .large-10:before        {content:"10/12";border:3px solid black; background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-11,
.afficherGrille .medium-11,
.afficherGrille .large-11          {outline:1px solid #3F0062; outline-offset:-1px; background-color:#F1DEFC; position:relative;}
.afficherGrille .small-11:before,
.afficherGrille .medium-11:before,
.afficherGrille .large-11:before      {content:"11/12";border:3px solid black; background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .small-2,
.afficherGrille .medium-2,
.afficherGrille .large-12          {outline:1px solid #5B8900; outline-offset:-1px; background-color:#F3FDDF; position:relative;}
.afficherGrille .small-12:before,
.afficherGrille .medium-12:before,
.afficherGrille .large-12:before      {content:"12/12";border:3px solid black; background-color:black;position:absolute;right:0;font-weight:bold;font-size:12px;color:white;z-index:1500;}

.afficherGrille .row .vide      {visibility:visible;position:relative;background-color:#333;}
.afficherGrille .row .vide:before  {color:red;}


/******* 010 - Fin AfficherGrilles ***************************************************
**************************************************************************************/

/*************************************************************************************
******* 011 - Fil d'ariane ********************************************************/

.filariane{
  margin: 10px 0;
}

.filariane span{
  display:inline-block;
  margin: 0 5px;
}

.filariane ol li {
  display:inline-block;
}

.filariane li:after {
  content:" >";
}
.filariane li.last:after {
  content:"";
}

/******* 011 - Fin Fil d'ariane *******************************************************
**************************************************************************************/

/*************************************************************************************
******* 012 - Plan du site ***********************************************************/

.planSite li ul li {
  font-weight:normal;
}

.planSite li  {
  font-weight:bold;
}

/******* 012 - Fin Plan du site ******************************************************
**************************************************************************************/