/* Theme Name: IdolsNN
Description: Theme du site Idols News Network
Author: Anthony
Author URI: idolsnewsnetwork.com
Version: 1.01 */
 html {
     position: relative;
     -webkit-text-size-adjust: none;
     font-size: 100%;
     min-height: 100%;
}
 body {
     margin: 45px 0px 0px 0px;
     width: 100%;
     background-color: rgba(230, 224, 224, 1);
     max-width: 1480px;
     margin-left: auto;
     margin-right: auto;
}
 .dark, .dark body {
     margin: 45px 0px 0px 0px;
     width: 100%;
     background-color: rgba(27, 27, 27, 1);
     max-width: 1480px;
     margin-left: auto;
     margin-right: auto;
}
 html, body {
     height: 100%;
}
 .bloc-principal {
     height: auto;
     min-height: 98%;
}
 div.spacer {
     clear: both;
}
 .cursorDefault {
     cursor: default !important;
}
 .cursorPointer {
     cursor: pointer;
}
/* Corrige l'affichage des boutons sur IE */
 button {
     width: auto;
     overflow: visible;
}
 iframe, object, embed {
     max-width: 100%;
     max-height: 100%;
     display: block;
     margin: 0 auto;
}
 .alignMiddle {
     vertical-align: middle;
}
 .alignTop {
     vertical-align: top;
}
 .aligncenter {
     float: none;
     display: block;
     margin: 0 auto;
}
 img.alignleft {
     float: left;
     margin-right: 10px;
}
 img.alignright {
     float: right;
     margin-left: 10px;
}
 .contentPage img {
     height: auto;
     max-width: 100%;
}
 .head_info {
     display: none;
     margin-top:20px;
     background:white;
     border-style: solid;
     border-width: 2px;
     border-color:#a9ce43;
}
 .inner-switch {
     cursor: pointer;
     float: right;
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 15;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/* ========== OMBRES ========== */
 .box, .blocSidebar, .blocLie, .contentPage, .elementAnnexeCol1, .elementAnnexeCol2, .elementAnnexeCol3 {
     -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
     -ms-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
     -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
     box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
 .contentPage {
     -ms-box-shadow: none !important;
     box-shadow: none !important;
}
/* ========== TYPO ========== */
 p, h1, h2, label, ul, li, #blocSearch input, a, .tooltip {
     -webkit-font-smoothing: subpixel-antialiased;
     font-family: Georgia, serif;
    /* font-weight: 400 !important */
    ;
}
/* Paragraphe ---------------------------- */
 p {
     text-align: justify;
     line-height: 22px;
     margin: 0px 0px 5px 0px;
     font-size: 1.125em;
    /* 18 / 16px */
}
/* Titres ---------------------------- */
 h1, h1 a {
     font-weight: 400;
     font-size: 1.2em;
    /* 24 / 16px */
}
 h1 a:hover, h2 a:hover {
     text-decoration: none;
}
 .contentPage h1 {
     font-weight: 400 !important;
     color: #000;
     font-size: 1.7em;
     margin: 15px 0 10px 0;
}
 .dark, .dark .contentPage h1 {
     color: white;
}
 .contentPage h1#titreRubrique, #titreFichePedagogique {
     font-weight: 300 !important;
     font-size: 2.2em;
     margin: 0 0 10px 0;
     padding-right: 40px;
}
 #titreFichePedagogique {
     color: #000;
}
 h1#titreArchive {
     color: #fff;
     font-weight: 300 !important;
     font-size: 2em;
     margin: 0 0 10px 0;
}
 .contentPage h2 {
     font-weight: 300 !important;
     color: #000;
     font-size: 1.5em;
     margin: 15px 0 10px 0;
}
 .dark, .dark .contentPage h2 {
     color: #fff;
}
 #enteteTousNumeros h2 {
     display: inline;
     font-size: 1.375em;
    /* 22 / 16px */
     color: #ffffff;
}
 label {
     margin-bottom: 0;
     font-weight: bold;
     font-size: 0.75em;
    /* 12 / 16px */
     color: #606060;
}
 .dark, .dark label {
     color: white;
}
 strong {
     font-weight: bold;
     font-style: normal;
}
.photo-gris img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.photo-gris img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
/* Listes ---------------------------- */
 ul {
     list-style-type: none;
}
 .contentEditor li {
     font-size: 1.125em;
    /* 18 / 16px */
     line-height: 24px;
     padding: 0 0 0 20px;
     text-align: left;
     text-indent: 0;
     list-style: disc;
     list-style-position: inside;
}
/* ========== HEADER ========== */
 #header {
     position: relative;
     padding: 5px 10px 15px 15px;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
    /* background-color: #48C2E0;
     */
    /* bleu */
}
/* #colLogo a {
     display: inline-block;
}
 */
 #colLogo img {
     max-height: 115px;
}
 #customHeader {
     position: relative;
     top: 10px;
     max-width: 728px;
}
 #customHeader img {
     width: 100%;
     height: auto;
}
 #mascotteIdentification {
     position: relative;
     width: 115px;
     height: auto;
     z-index: 100;
}
 #contentIdentification {
     position: absolute;
     bottom: 0;
     right: 30px;
     padding: 10px 90px 10px 10px;
     z-index: 90;
}
 #contentIdentification p {
     line-height: 15px;
     margin: 0;
     color: #fff;
     text-align: center;
     font-weight: 700;
}
 #contentIdentification a.lienConnexion {
     font-size: 0.8125em;
    /* 13 / 16px */
     font-weight: 400;
     color: #fff;
}
/* ========== CONTENT ========== */
 #content {
     position: relative;
     overflow: hidden;
     padding: 0 2px;
     z-index: 1;
     margin-top: 60px;
}
 .contentPage {
     background: #fff;
     padding: 10px 10px 10px 10px;
     margin: -5px 0px 20px 0px;
}
 .dark, .dark .contentPage {
     background-color: rgba(37, 34, 34, 0.92) 
}
 label.enteteBox, a.enteteBox {
     display: block;
     margin: 0;
     padding: 0 0 0 10px;
     color: #fff;
     font-size: 1.125em;
    /* 18 / 16px */
     font-weight: 400;
     line-height: 35px;
     font-family: Georgia, serif;
     text-transform: uppercase;
}
 p.enteteBox {
     display: block;
    /*margin: 0;
    */
     padding: 0 0 0 10px;
     color: white;
     font-size: 1.125em;
    /* 18 / 16px */
     font-weight: 400;
     line-height: 28px;
     font-family: Georgia, serif;
    /*text-transform: uppercase;
    */
}
 .box {
     background-color: #ffffff;
     position: relative;
}
 .dark, .dark .box {
     background-color: rgba(37, 34, 34, 0.92);
}
 .btonDownload i {
     font-size: 1.2em;
}
 .tako {
     color: #009b2f;
     position: absolute;
     right: 15px;
     bottom: 8px;
     font-size: 3em;
}
/* Bloc dernières parutions & Bloc Blog ---------------------------- */
 .mascotteBug {
     position: relative;
     margin-right: 16px;
     margin-top: -18px;
     z-index: 0;
}
 .btnPagination {
     position: relative;
     top: -8px;
     font-weight: 300;
     border: none;
     z-index: 1;
     margin: 0px 5px -10px 5px;
}
 #containerParution.listeParutionHP {
     position: relative;
     top: -5px;
     margin-left: 1px;
     margin-right: 1px;
}
 #containerParution.listeParution {
     min-height: 700px;
}
 #containerParution.listeRecherche {
     min-height: 200px;
}
 #boxBlog .enteteBox {
     background: #b800c1;
}
 .containerDerniereParution, .containerItemArticle, .containerItemFichePedagogique {
     margin-bottom: 25px;
}
 #containerArticle {
     margin-bottom: 15px;
}
 .dark, .dark #containerArticle {
     color: #fff;
}
/*.informationDernierArticle {
     overflow: auto;
}
*/
 .informationDernierArticle {
     margin-bottom: 15px;
     overflow: auto;
}
 p.dateDernierArticle, .nbCommentaireDernierArticle {
     font-size: 12px !important;
     color: #bbb !important;
     margin-right: 7px;
    /* margin: 0;
     */
     float: left;
     line-height: 12px;
}
 p.dateDernierArticle {
     float: left;
}
/*p.nbCommentaireDernierArticle {
     float: right;
}
*/
 #enteteArticle {
     max-height: 20em;
     overflow: hidden;
}
 .imgDerniereParution, .imgDernierArticle {
     position: relative;
     height: 100%;
}
 .imgDerniereParution img, .imgDernierArticle img {
     width: 100%;
     height: auto;
}
 .imgDerniereFichePedagogique {
     position: relative;
     height: 100%;
     width: 190px;
     float: left;
     padding: 0 15px 0 0;
}
 .imgDerniereFichePedagogique img {
     width: 100%;
     height: auto;
}
 .imgResultatRecherche img {
     width: 220px;
     height: 220px;
}
 .contentDerniereParution {
     padding: 15px;
}
 .contentDerniereFichePedagogique {
     padding: 15px 15px 0 15px;
     width: auto;
}
 .contentFabriqueHistoire {
     padding: 15px;
     width: auto;
     overflow: auto;
}
 .warningSingleFabrique {
     padding: 7px 10px;
}
 .btonTouteHistoire {
     float: right;
}
 .contentFabriqueHistoire .enteteCorpsFabriqueItem .imgFabriqueItem {
     margin-bottom: 10px;
     margin-right: 10px;
}
 .contentDerniereParution h1 {
     padding-right: 30px;
}
 .contentDerniereParution h1, .contentDerniereParution h1 a {
     margin: 0;
     font-size: 1.25em;
    /* 20 / 16px */
}
 .contentDerniereParution h2, .contentDerniereParution h2 a, .contentDerniereFichePedagogique h2 a {
     margin: 0;
     padding: 5px 0;
     color: #404040;
     font-size: 1em;
    /* 16 / 16px */
}
 .texteAucunResultat {
     color: #fff;
     padding-left: 15px;
}
/* Bloc Fiche pédagogique */
 .contentDerniereFichePedagogique h1, .contentDerniereFichePedagogique h1 a {
     margin: 0;
     padding: 0;
}
 .contentDerniereFichePedagogique h2 {
     margin: 0;
     padding: 5px 0;
     color: #404040;
     font-size: 1.2em;
}
 .contentDerniereFichePedagogique p {
     text-align: left;
     color: #999;
}
 .contentDerniereFichePedagogique p.containerLienTheme {
     font-size: 1.0em;
     margin: 10px 0;
}
 .contentDerniereFichePedagogique p.containerLienTheme .iconeTheme, .contentDerniereFichePedagogique p.containerLienTheme .lienTheme {
     margin-right: 5px;
}
 .tooltip {
     z-index: 10000 !important;
}
 .listeDomaineActivite {
     font-size: 14px;
     font-weight: 400;
}
 #containerFormRechercheFichePedagogique {
     padding: 15px;
     margin-bottom: 30px;
}
 #containerFormRechercheFichePedagogique h1 {
     margin-top: 0 !important;
}
 #formRechercheFichePedagogique {
     margin-top: 10px;
}
 #listeResultat {
     min-height: 300px;
}
 .listeFichePedagogique .messageAucunResultat {
     color: #fff;
     padding-left: 15px;
}
 #listeResultat .footerPagination {
     display: block;
     width: 100%;
     float: left;
     margin: 10px 0;
     padding: 0 15px;
}
 #containerTexteExplication {
     color: #777;
}
 #contentTexteExplication p {
     margin: 0;
     padding: 5px 0;
}
 #loaderRecherche {
     position: absolute;
     width: 100%;
     height: 200px;
     background: none;
    /*display: none;
     */
     z-index: 1000;
     color: #dadada;
}
 #loaderRecherche p {
     position: relative;
     top: 100px;
     text-align: center;
}
 .btnTelechargerPdf, .btnTelechargerZip {
     margin-bottom: 15px;
     float: left;
     margin-right: 5px;
     margin-top: 10px;
}
 .listeFichePedagogique .btnTelechargerPdf, .listeFichePedagogique .btnTelechargerZip {
    float: right !important;
}
 .form-horizontal .form-control, .form-horizontal .input-group-btn .btn {
     margin-bottom: 5px;
}
 #listeSelection {
     margin: 10px 0;
}
 #listeSelection ul {
     margin: 0;
}
 ul.containerTagRecherche {
     float: left;
     list-style-type: none;
     overflow: hidden;
     padding: 0;
     margin-top: 10px;
}
 ul.containerTagRecherche li {
     float: left;
     margin: 0 5px 5px 0;
     cursor: pointer;
}
 .itemTag {
     display: block;
     border-radius: 4px;
     transition: background-color .1s linear;
}
 .itemTag a {
     padding: 3px 6px;
     text-decoration: none !important;
     border: none;
}
 .tagCategorieTheme {
     background: #165a6f;
     border-color: #165a6f;
}
 .tagCategorieTheme:hover {
     background: #134A5B;
     border-color: #134A5B;
}
 .tagCategorieSousTheme {
     background: #428bca;
     border-color: #428bca;
}
 .tagCategorieSousTheme:hover {
     background: #3876AB;
     border-color: #3876AB;
}
 .lienTheme, .lienTheme:hover, .contentDerniereFichePedagogique p.containerLienTheme .iconeTheme {
     color: #428bca ;
}
 #dateArticleBlog {
     color: #aaa;
}
 .blocBlogContent > h1 {
     margin: 0 0 10px 0;
     font-size: 10px;
     padding-right: 56px;
     text-transform: uppercase;
}
 .blocBlogContent h1 a, .blocBlogContent h1 a:hover {
     color: #000;
}
 .blocBlogContent p.dateDernierArticle {
     font-size: 14px !important;
     line-height: 18px;
     margin-bottom: 10px;
     width: 100%;
}
 .blogBlocContent .imgDernierArticle {
     margin-bottom: 5px;
}
 .blocBlogContent .nbCommentaireDernierArticle {
     position: absolute;
     margin: 0;
     top: 0;
     right: 0;
     padding-top: 11px;
     padding-right: 10px;
     background: transparent;
}
 .blocBlogContent .nbCommentaireDernierArticle i {
     color: #bbb;
}
 .blocBlogContent .nbCommentaireDernierArticle .fa-stack-text {
     color: #fff;
}
 .blocBlogContent .nbCommentaireDernierArticle .fa-stack {
     font-size: 1.35em;
}
 .blocBlogContent .nbCommentaireDernierArticle:hover {
     opacity: 0.8;
}
 .blocBlogContent .contentDerniereParution {
     position: relative;
     overflow: auto;
}
 .blocBlogContent .lireSuite {
     float: right;
     margin-top: 10px;
}
 .iconeDeroulant {
     position: absolute;
     right: 15px;
     top: 7px;
     color: white;
     font-size: 1.375em;
    /* 22 / 16px */
}
 .accordion-toggle:hover {
     text-decoration: none;
}
 .separator {
     border-bottom: 1px dashed rgba(145, 113, 109, 0.23);
     margin-bottom: 15px;
}
/* Criteres de recherche ---------------------------- */
 #critereRecherche .btn {
     position: relative;
     font-weight: 300;
     background-color: #9ac734;
     color: #ffffff;
     z-index: 1;
}
 #critereRecherche .btn:hover, #critereRecherche .btn-group.open .dropdown-toggle {
     background-color: #88b328;
}
 #critereRecherche .btn {
     border-color: #227892;
}
 .optionTri i {
     position: absolute;
     padding: 6px 2px;
}
/* Page single ---------------------------- */
 .listeRubriqueItem {
     margin-bottom: 10px;
     padding-bottom: 5px;
     border-bottom: 1px dotted #eee;
}
 .listeRubriqueImg {
     width: 150px;
     height: auto;
}
 .contentPage .iconePartage {
     color: #000;
     position: absolute;
     top: 19px;
     right: 38px;
     font-size: 30px;
     cursor: pointer;
     z-index: 2;
}
 #shareContent {
     display: none;
}
/* .popover {
     max-width: 284px;
     overflow: visible !important;
}
 */
 .popover-content ul {
     margin: 0;
     padding: 0;
}
 .popover-content ul li {
     margin: 0;
     padding: 0;
     list-style-type: none;
     padding: 0 3px;
     display: inline-block !important;
}
 .popover-content ul li img {
     width: 40px;
     height: 40px;
}
/* ========== MODALE IMAGE ========== */
 #btonFermerModaleImage {
     position: absolute;
     top: 10px;
     right: 10px;
     opacity: 0.5;
     color: #FFF;
     text-shadow: 0px 1px 3px #000;
}
/* ========== RECHERCHE ========== */
 .boxNumero, .boxBlog {
     margin-bottom: 20px;
}
 .boxNumero .contentDerniereParution, .boxBlog .contentDerniereParution {
     overflow: auto;
}
 .boxBlog a.label, .boxNumero a.label {
     font-size: 14px;
     opacity: 0.8;
}
 .boxBlog a.label:hover, .boxNumero a.labelhover {
     opacity: 1;
}
 .boxBlog h1, .boxNumero h1 {
     margin-top: 10px;
}
 .boxNumero a.label, .boxNumero a.label:hover {
     background: #bbe22d;
}
 .boxBlog a.label, .boxBlog a.label:hover {
     background: #b800c1;
}
 .boxBlog a.label:hover, .boxNumero a.label:hover {
     opacity: 1;
}
/* ========== SIDEBAR ========== */
 #sidebar {
     position: relative;
     float: left;
     width: 200px;
     margin: 0;
}
 .blocSidebar {
     margin-bottom: 20px;
}
 .blocSidebar {
     background-color: #44adcd;
}
 #blocSearch {
     position: relative;
     background: #fff;
     height: 40px;
     z-index: 1;
     vertical-align: middle;
     margin-left: 5px;
     margin-right: 5px;
}
 #blocSearch .form-control {
     display: block;
     height: 40px;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.428571429;
     color: #555555;
     vertical-align: middle;
     background-color: #ffffff;
     border: none;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-transition: none;
     transition: none;
}
 .dark, .dark #blocSearch .form-control {
     background-color: #443a3a;
}
 #blocSearch .form-control:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-transition: none;
     transition: none;
}
 #blocSearch button {
     position: absolute;
     right: 0;
     top: 0;
     height: 40px;
     background: #fff;
     color: #555555;
     line-height: 36px;
     font-size: 1.5em;
     border: none;
}
 .dark, .dark #blocSearch button {
     background: #443a3a;
}
 #sidebar label {
     font-size: 1em;
    /* 16 / 16px */
     color: #fff;
}
/* ========== FOOTER ========== */
 #footer {
     position: relative;
     bottom: 0;
     height: auto;
     min-height: 30px;
     right: 0;
     left: 0;
     background: rgba(12, 12, 12, 0.87);
     text-align: center;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 #footer span {
     font-size: 1em;
     padding: 12px 0;
     margin: 0;
}
 #footer span a {
     font-weight: bold;
}
 #footer span, #footer span a {
     color: #fff;
}
 #menu-pied-de-page li {
     display: inline-flex;
}
/* ======= ARTICLE ======= */
 #ArticleCat {
     position:absolute;
     z-index:2;
     top:0;
     left:0;
     bottom:265px;
}
 #ArticleImg {
     position: relative;
     height:45px;
     width:135px;
     max-width: 100%;
     background-size: cover;
     background-position: center center;
}
 #ArticleImg a {
     display : block;
     width : 300px;
     height : 300px;
     max-width: 100%;
     text-decoration : none;
     color: rgba(0,0,0,0);
}
 #ArticleImgCon {
     position: relative;
     height: 160px;
     max-height: 100%;
     width: 100%;
     max-width: 100%;
     background-size: cover;
     background-position: center center;
}
 #ArticleImgCon a {
     display : block;
     width : 300px;
     height : 300px;
     max-width: 100%;
     text-decoration : none;
     color: rgba(0,0,0,0);
}
 #ArticleImgGal {
     position: relative;
     height: 192px;
     width: 94%;
     background-size: cover;
}
 #ArticleImgGal2 {
     position: relative;
     height: 186px;
     max-height: 100%;
     width: 96%;
     max-width: 100%;
     background-size: cover;
     background-position: center center;
}
 #ArticleImgWiki {
     position: relative;
     height: 193px;
     width: 96%;
     background-size: cover;
}
 #ArticleImgFav {
     position: relative;
     height: 200px;
     width: 100%;
     background-size: cover;
     background-position: center center;
}
 #ArticleImgPla {
     position: relative;
     height: 200px;
     width: 100%;
     background-size: cover;
     background-position: center center;
}
 #ArticleImgTop1 {
     position: relative;
     height: 120px;
     width: 100px;
     background-size: cover;
     background-position: center center;
}
 #ArticleImgTop2 {
     position: relative;
     height: 100px;
     width: 90px;
     background-size: cover;
     background-position: center center;
}
 #ArticleImgTop3 {
     position: relative;
     height: 80px;
     width: 80px;
     background-size: cover;
     background-position: center center;
}
 .containerItemArticle {
     cursor: pointer;
}
 .containerItemHover .contentDerniereParution, .containerItemHover .enteteBoxBlog {
    background: #f7f7f7;
}
 #imgDernierArticle {
     margin: 15px 0;
}
 #imgDernierArticle {
     width: 100%;
     height: auto;
}
 #avis.avisArticle {
     min-height: 0;
}
 h1.titreNbCommentaire {
     margin-top: 40px;
}
 #Article {
     position: relative;
     float: left;
     height: 100%;
}
 #contentArticle {
     padding: 15px;
     overflow: hidden;
}
 #contentArticle label.enteteBox {
     position: relative;
     display: block;
     background: #FF7F00;
}
 #contentArticle h1 {
     margin: 0;
     padding: 0;
     font-size: 1.625em;
    /* 26 / 16px */
}
 #contentArticle p {
    /* font-size: 1.125em;
     */
    /* 18 / 16px */
     margin: 5px 0;
}
 .contentArticle {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 16px;
}
 .contentArticle ul {
     list-style-type:disc;
}
 .contentArticle li {
     list-style-position: inside;
     font-size: 16px;
     font-family: Arial, Helvetica, sans-serif;
}
 .contentArticle p {
     font-size: 16px;
     font-family: Arial, Helvetica, sans-serif;
}
 .contentArticle blockquote {
     background: #afaeae1c;
     border-left: 10px solid #c5b59d;
     margin: 1.5em 10px;
     padding: 0.5em 10px;
     quotes: "\201C""\201D""\2018""\2019";
}
 .contentArticle blockquote:before {
     color: #ccc;
     content: open-quote;
     font-size: 4em;
     line-height: 0.1em;
     margin-right: 0.25em;
     vertical-align: -0.4em;
}
 .contentArticle strong {
     font-size: 16px;
     font-family: Arial, Helvetica, sans-serif;
}
 .contentArticle h5 {
     font-size: 16px;
     font-family: Arial, Helvetica, sans-serif;
}
 .contentArticle a {
     font-size: 16px;
     font-family: Arial, Helvetica, sans-serif;
}
 #ArticleUneImg {
     position: relative;
     left:0;
     top:0;
     height:300px;
     background-position: center center;
     background-size: cover;
}
 #ArticleUneImg a {
     display : block;
     width : 100%;
     height : 300px;
     text-decoration : none;
     color: rgba(0,0,0,0);
}
 #ArticleUneTitre {
     position:absolute;
     z-index:2;
     top:233px;
     left:5px;
     right:5px;
     bottom:0;
}
 #ArticleUneTitre a {
     display : block;
     width : 100%;
     height : 20px;
     text-decoration : none;
     color: white;
}
 #menuProfil img {
     padding: 5px;
}
 #menuProfil ul {
     padding-left:0;
}
 #menuProfil span.menuTitle {
     display: inline-block;
    /* so height and width actually take affect */
     max-width: calc(100% - 110px);
     height: 1.5em;
    /* so overflow hidden works and keeps text on one row */
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 #menuProduit img {
     padding: 5px;
}
 #menuProduit ul {
     padding-left:0;
}
 #menuProduit span.menuTitle {
     display: inline-block;
    /* so height and width actually take affect */
     max-width: calc(100% - 110px);
     height: 1.5em;
    /* so overflow hidden works and keeps text on one row */
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 #menuEvent img {
     padding: 5px;
}
 #menuEvent ul {
     padding-left:0;
}
 #menuEvent span.menuTitle {
     display: inline-block;
    /* so height and width actually take affect */
     max-width: calc(100% - 110px);
     height: 1.5em;
    /* so overflow hidden works and keeps text on one row */
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 #containerProfil img {
     padding: 5px;
}
 #containerProduit img {
     padding: 5px;
}
 table.fiche td {
     padding: 5px;
}
 @media (max-width: 375px) {
    /* table + tbody are blocks */
     table.fiche, table.fiche tbody {
         display: block;
         width: 100%;
    }
    /* each row becomes table */
     table.fiche tr {
         display: table;
         margin-top: 20px;
         width: 100%;
         border-spacing: 5px 0;
    }
    /* each cell becomes a row (of the row that had become a table) */
     table.fiche tr td {
         display: table-row;
         width: 100%;
    }
}
 td.fiche_label {
     color: #2f777b;
}
 #menuAvenir img {
     padding: 0px 2px;
}
 #menuAvenir ul {
     padding-left:0;
}
 #menuAvenir span.menuTitle {
     display: inline-block;
    /* so height and width actually take affect */
     max-width: 100%;
     height: 1.5em;
    /* so overflow hidden works and keeps text on one row */
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 #menuAvenir2 img {
     padding: 0px 2px;
}
 #menuAvenir2 ul {
     padding-left:0;
}
 #menuAvenir2 span.menuTitle {
     display: inline-block;
    /* so height and width actually take affect */
     max-width: 100%;
     height: 1.5em;
    /* so overflow hidden works and keeps text on one row */
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 #menuArticle ul {
     padding-left:0;
}
 #menuArticle span.menuTitle {
     display: inline-block;
    /* so height and width actually take affect */
     max-width: 100%;
     height: 1.5em;
    /* so overflow hidden works and keeps text on one row */
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .fontsmall {
     font-size:small;
     font-style: italic;
}
/*-------------------------------*/
/* Partie filter de la zone wiki */
/*-------------------------------*/
 #boxfilters {
     vertical-align: middle;
     margin-left: 5px;
     margin-right: 5px;
}
 .filtertable {
     border-spacing: 5px;
}