@charset "utf-8";

html, body  { margin: 0; padding: 0; background-color: #ffffff; color: #000000; height: 100%; font-size: 14px; font-family: 'Raleway', sans-serif; }
html 		{ /*overflow-y: scroll;*/}
body    { /*left: 0;*/ text-align: justify; }

header, section, footer, aside, nav, article, figure { display: block; }

/* Switching box model for all elements */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img 		{ display: block; border: 0; }
a           { color: #000000; text-decoration: none; }
a:visited   { color: #000000; text-decoration: none; }
a:hover     { color: #000000; text-decoration: none; }
a:active    { color: #000000; text-decoration: none; outline: none; }
a.selected  { color: #000000; }
hr { height: 1px; color: #000000; background-color: #000000; border: 0; margin: 20px 0 30px 0; }
h1 { font-size: 24px; text-transform: uppercase; text-align: center; font-weight: normal; }
h2 { font-size: 24px; margin-top: 0; color: #691725; text-align: left; }
h2.newsarchives { font-size: 16px;}
h3 { font-size: 18px; padding: 4px 0px; margin: 10px 0; font-weight: normal; /*border-bottom: 1px solid #691725;*/ color: #691725; }
h4 { font-size: 16px; margin: 15px 0 10px 0; }

.msgError { padding: 5px; color: #FF0000; border: 1px solid #FF0000; margin-bottom: 5px; }
#newsletter_success       { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; }
#menu_newsletter_success  { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; }

#banner_o   { display: block; position: relative; width: 100%; height: 100px; padding: 0px; background-color: #F0ECE6; text-align: center; }
  #banner_i { display: inline-block; margin: 5px auto; width: 100%; max-width: 728px; height: 90px; background-color: #D1D3D4; color: #000000; vertical-align: middle; text-align: center; }

#bannerContent { height: 120px; margin-top: 5px; overflow: hidden; text-align: center; }


#language { }
  #language a       { background-color: #691725; color: #ffffff; border: 1px solid #691725; display: block; margin: 0 auto 10px auto; text-align: center; width: 240px; line-height: 30px; font-size: 18px; }
  #language a:hover { background-color: #FFFFFF; color: #691725; }

#popinitem               { display: none; }
#popinitem_i             { display: none; }
#simplemodal-overlay     { background-color: #000000; }
#simplemodal-container   { /*width: 60%;*/ min-height: 340px; background-color: #ffffff; border: 5px solid #691725; padding: 0px; }
#simplemodal-container .simplemodal-data { padding: 20px; }
#simplemodal-container a { }
/*
#simplemodal-container a.modalCloseImg {
  float: right; margin: 3px 3px; cursor: pointer; width: 25px; height: 25px; display: block; text-transform: uppercase; 
  text-decoration: none; color: #f0f0f0; font-weight: bold; background: #691725; font-family: "Tahoma", Helvetica, sans-serif; text-align: center; font-size: 22px; 
  line-height: 1.1em; box-shadow: 0px 0px 2px 0px #666; -moz-box-shadow: 0px 0px 2px 0px #666; -webkit-box-shadow: 0px 0px 2px 0px #666; text-indent: 1px; }
#simplemodal-container a.modalCloseImg:hover { background: #000000; }
*/

.ratio_container { display: inline-block; position: relative; width: 100%; }
.ratio_dummy_50 { padding-top: 50%; /* 1:2 aspect ratio */ }
.ratio_element { position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*background-color: silver;*/ }


/* Header Styles */
  header { position: fixed; top: 0; left: 0; right: 0; padding: 0; height: auto; background-color: #FFFFFF; text-align: center; z-index: 999; }
  header.withBanner { top: 100px; }
  header #divlogo   { }
  header a#alogo    { display: inline-block; }
  header img#logo   { display: block; margin: auto; width: auto; max-width: 335px; height: auto; /*max-height: 110px; width: auto;*/ padding: 0; }
  header #logosmall { display: none; position: absolute; top: -1000px; opacity: 0; }

    /* Responsive Navigation styles begin here */
    #nav_o  { position: relative; background-color: #691725; padding: 0; height: 40px; text-align: left; }
      /*nav   { max-width: 1280px; padding: 0; margin: auto; }*/
      #navigation   { position: relative; max-width: 1280px; padding: 0; margin: auto; }
      #rightnav { position: absolute; top: 0; right: 0; float: right; z-index: 1000; }
        #lang { float: right; margin-top: 6px; margin-right: 5px; }
        #lang select { visibility: hidden; }
        #lang a { 
          display: inline-block; 
          color: #000000; background-color: #FFFFFF; 
          margin-right: 5px; 
          width: 28px;
          height: 28px;
          line-height: 26px;
          text-align: center;
          font-size: 12px;
          font-weight: bold;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border-radius: 20px;
	   border: 2px solid #ffffff;
        }
        #lang a:hover { color: #691725; }
        /*#lang a.selected { color: #691725;} */
        #lang a.selected { color: #ffffff; border: 2px solid #ffffff; background-color: #691725; }

      /* Search form */
        #searchform { float: right; margin-right: 10px; margin-top: 6px; }

        input::-webkit-search-decoration,
        input::-webkit-search-cancel-button { display: none; }

        #searchform input[type=search] {  
          -webkit-appearance: textfield;
          -webkit-box-sizing: content-box;
          outline: none;

          -webkit-box-sizing: content-box;
          -moz-box-sizing: content-box;
          box-sizing: content-box;

          
          background: #ffffff url('/resource.php?fct=img&f=search-icon.png') no-repeat 9px center;
          border: solid 0px #ccc;
          padding: 7px 10px 6px 10px;
          width: 18px;
          color: transparent;
          cursor: pointer;
          
          -webkit-border-radius: 10em;
          -moz-border-radius: 10em;
          border-radius: 10em;
          
          -webkit-transition: all .5s;
          -moz-transition: all .5s;
          transition: all .5s;

          -webkit-transition-delay: 1s; /* Safari */
          transition-delay: 1s;
        }
        #searchform input[type=search]:hover {
          width: 150px;
          padding-left: 35px;
          color: #000000;
          background-color: #ffffff;
          cursor: auto;

          -webkit-transition-delay: 0s; /* Safari */
          transition-delay: 0s;
        }
        #searchform input[type=search]:focus {
          width: 150px;
          padding-left: 35px;
          color: #000000;
          background-color: #ffffff;
          cursor: auto;

          -webkit-transition-delay: 0s; /* Safari */
          transition-delay: 0s;
        }
        #searchform input:-moz-placeholder {
          color: transparent;
        }
        #searchform input::-webkit-input-placeholder {
          color: transparent;
        } 
      /* END Search form */

      /* Newsletter form (header) */
        #header_newsletter_success { display: none; position: absolute; top: 100%; right: 0; width: 360px; height: auto; padding: 10px; border: 1px solid #691725; box-shadow: 0 0 5px 1px #691725; background-color: #ffffff; }
        #headernewsletterform { display: none; float: right; margin-right: 10px; margin-top: 6px; }

        input::-webkit-search-decoration,
        input::-webkit-search-cancel-button { display: none; }

        #headernewsletterform input[type=mail] {
          -webkit-appearance: textfield;
          -webkit-box-sizing: content-box;
          outline: none;

          -webkit-box-sizing: content-box;
          -moz-box-sizing: content-box;
          box-sizing: content-box;
          
          background: #ffffff url('/resource.php?fct=img&f=newsletter-icon.png') no-repeat 8px center;
          border: solid 0px #ccc;
          padding: 7px 10px 6px 10px;
          width: 18px;
          color: transparent;
          cursor: pointer;
          
          -webkit-border-radius: 10em;
          -moz-border-radius: 10em;
          border-radius: 10em;
          
          -webkit-transition: all .5s;
          -moz-transition: all .5s;
          transition: all .5s;

          -webkit-transition-delay: 1s; /* Safari */
          transition-delay: 1s;
        }
        #headernewsletterform input[type=mail]:hover {
          width: 150px;
          padding-left: 35px;
          color: #000000;
          background-color: #ffffff;
          cursor: auto;

          -webkit-transition-delay: 0s; /* Safari */
          transition-delay: 0s;
        }
        #headernewsletterform input[type=mail]:focus {
          width: 150px;
          padding-left: 35px;
          color: #000000;
          background-color: #ffffff;
          cursor: auto;

          -webkit-transition-delay: 0s; /* Safari */
          transition-delay: 0s;
        }
        #headernewsletterform input:-moz-placeholder {
          color: transparent;
        }
        #headernewsletterform input::-webkit-input-placeholder {
          color: transparent;
        } 
      /* END Newsletter form (header) */
/* END Header Styles */

/* Menu Styles */
  /* Init Logic */
  .menu-toggle-button{border: 0px solid #ffffff; cursor:pointer;}
  .menu-toggle-button{display:none;}
  .menu-toggle-button.active{}

  ul.menu-list { display: none; }

  ul.menu-desktop { list-style:none; position:relative; /*display:table;*/ height: 40px; padding:0px 0 0 20px; margin:0px; }
  ul.menu-desktop li{ float:left; /*position:relative;*/ }
  ul.menu-desktop li a{display:inline-block;}
  ul.menu-desktop li a{display:block; color: #ffffff; }

  /* Handling Submenu */
  ul.menu-desktop ul{ display:none; padding:0px;margin:0px; position: absolute; top: 40px; left: 0; list-style:none; z-index: 700; }
  ul.menu-desktop ul li{float:none; padding:0px;margin:0px;}
  ul.menu-desktop ul ul{ position: absolute; top: 0; left: 100%; z-index: 700; }
  ul.menu-desktop li:hover>ul{display:inline-block;}
  /* End Init Logic */

  /* Style */
  ul.menu-desktop li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

  /* You can manage with of elements by width of a-tag */
  ul.menu-desktop li a{ color:#ffffff; text-decoration: none; padding: 0px; } /* All levels */
  ul.menu-desktop>li>a{ line-height: 40px; padding: 0 10px; text-transform: uppercase; font-size: 13px; } /* Level 1 */
  ul.menu-desktop li li>a{ } /* Level 2 */
  ul.menu-desktop li li li>a{} /* Level 3 */
  ul.menu-desktop li.newsletter { float: right; margin-right: 160px; }

  /* First Level*/
  ul.menu-desktop>li{margin:0px 0px 0px 0px;border:0px solid #000;background:#691725;}
  ul.menu-desktop>li>a{color:#ffffff;}
  ul.menu-desktop>li:hover{}
  ul.menu-desktop>li:hover>a{color:#ffffff;font-weight: bold;}
  ul.menu-desktop>li>a:hover{font-weight: bold;}
  ul.menu-desktop>li>a.selected{color:#ffffff;font-weight: bold;}
  /* End First Level*/

  /* Second Level*/
  ul.menu-desktop>li>ul{ border:1px solid #ffffff; border-bottom:1px solid #691725; background:#691725; min-height: 220px; width: 100%; padding: 20px 0px 20px 10px; }
  ul.menu-desktop>li>ul>li{ text-align: right; width: 160px; }
  ul.menu-desktop>li>ul>li>a{color:#ffffff;  padding: 6px 10px; border-bottom: 0;  }
  
  ul.menu-desktop>li:hover>ul>li.top>a{font-weight: bold;}
  ul.menu-desktop>li>ul>li.top>a{ text-transform: uppercase; color:#ffffff;  padding: 6px 10px; border-bottom: 0;  }
  
  ul.menu-desktop>li>ul>li:hover{}
  ul.menu-desktop>li>ul>li:hover>a{color:#ffffff;font-weight: bold;}
  ul.menu-desktop>li>ul>li>a:hover{font-weight: bold;}
  ul.menu-desktop>li>ul>li>a.selected{color:#ffffff;font-weight: bold;}
  /* End Second Level*/

  /* Third Level*/
  ul.menu-desktop>li>ul>li>div { display: none; }
  ul.menu-desktop>li>ul>li>div.articles { position: absolute; top: 1px; right: 1px; bottom: 0; left: 170px; padding: 0; text-align: left; z-index: 700; background: #ffffff; }
  ul.menu-desktop>li>ul>li>div.articles.first { display: block; }
  ul.menu-desktop>li>ul>li:hover>div { display: block; }
  ul.menu-desktop>li>ul>li>div>div { float: left; margin: 20px 2% 10px 2%; width: 21%; text-align: center; overflow: hidden; height: 200px; text-overflow: ellipsis; } /* menu article item */
  ul.menu-desktop>li>ul>li>div>div a    { color: #000000; line-height: 14px; }
  ul.menu-desktop>li>ul>li>div>div img  { display: block; margin: 0 auto 10px auto; }
  /*ul.menu-desktop>li>ul>li>div>div div.photo  { height: 50%; overflow: hidden; margin-bottom: 5px; }*/
  ul.menu-desktop>li>ul>li>div>div div.photo      { position: relative; width: 100%; padding-bottom: 50%; overflow: hidden; margin-bottom: 5px; }
  ul.menu-desktop>li>ul>li>div>div div.photo img  { position: absolute; top: 0; left: 0; }
  ul.menu-desktop>li>ul>li>div>div div.photo img.picto     { position: absolute; top: 5px; left: 5px; }
  /*ul.menu-desktop>li>a:hover>ul>li:first-child>a{color:#ffffff;}*/
  /*ul.menu-desktop>li>a:hover>ul>li:first-child>div.articles { display: block; }*/

  /* Third Level NEWSLETTER */
  ul.menu-desktop>li>ul>li>div>div.nfd { float: left; margin: 10px 2%; width: 46%; text-align: center; overflow: hidden; height: 200px; text-overflow: ellipsis; } /* menu article item */
  /*ul.menu-desktop>li>ul>li>div>div a    { color: #000000; line-height: 14px; }*/
  /*ul.menu-desktop>li>ul>li>div>div img  { display: block; margin: 0 auto 10px auto; }*/
  /*ul.menu-desktop>li>ul>li>div>div div.photo  { height: 75%; overflow: hidden; margin-bottom: 5px; }*/
  
  /* End Third Level*/
/* END Menu Styles */

/* Social Share Styles*/
  .sc         { position: fixed; top: 340px; right: 0; text-align: center; padding: 0.5em 0; z-index: 999; }
  .sc_mobile  { display: none; }
  .scImg              { display: block; margin: 2px 0 0 0; }
  .scImg:first-child  { margin: 0 0 0 0; }
  .scImg img          { width: 40px; height: 40px; }
/* Social Share Styles*/

/* Content Styles */
  #header_spacer { display: block; height: 150px; }
  #wrap       { position: relative; padding: 10px 40px; max-width: 1240px; margin: auto; /*min-height: 100%;*/ }
    #wrap_i   { position: relative; padding: 0; min-height: 600px; }
      #wrap_end_space { display: block; clear: both; height: 50px; }
  
  #hp_nav   { display: block; text-align: right; margin-bottom: 10px; }
  #hp_nav a { display: inline-block; margin: 0 5px 0 0; }

  #freewall { }
  .brick { position: relative; overflow: hidden; padding: 0; margin: 0; font-size: 16px; line-height: 22px; }
  .brick table    { position: relative; border-collapse: collapse; border-spacing: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
  .brick table td { width: 100%; height: 100%; text-align: center; vertical-align: middle; padding: 0; }
  .brick table.hover_cell { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 600; }
  .brick table.headband     { position: absolute; right: 0; bottom: 10px; left: 0; width: 100%; height: auto; z-index: 600; }
  .brick table.headband td  { padding: 5px; }

  .brick.empty { /*box-shadow: inset 0 0 5px 10px #DDDDDD;*/ }

  /* Responsive fading slideshow */
    .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 9; }
    .rslides li { position: absolute; display: none; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: 9; /*-webkit-backface-visibility: hidden;*/ }
    .rslides li:first-child { position: relative; display: block; float: left; z-index: 9; }
    .rslides img { display: block; height: auto; border: 0; z-index: 9;
                    position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
  /* END Responsive fading slideshow */

  #admin { max-width: 40%; margin: auto; }
    #admin label { display: inline-block; padding: 5px 0; }
  #main { max-width: 100%; margin: auto; }
    .hpbox_list { clear: both; display: block; margin-top: 40px; padding-top: 20px; /*border-top: 1px solid #691725;*/ }
      /*.hpbox    { display: inline-block; vertical-align: top; width: 25%; padding: 20px; margin-bottom: 15px; }*/
      /*.hpbox.noresp { }*/
        /*.hpbox p { margin: 5px 0; padding: 0; text-align: justify; }*/
        /*.hpbox .readmore { display: block; width: 100%; text-align: right; margin-top: 5px; }*/
      .hpbox_o        { position: relative; display: inline-block; vertical-align: top; width: 25%; margin-bottom: 10px; overflow: hidden; }
      .hpbox_o.noresp { }
      .hpbox_o.fullwidth { width: 100%; }
        .hpbox_i      { position: relative; margin: 10px; }
        .hpbox_i .img       { position: relative; width: 100%; padding-bottom: 56.25%; /*50%;*/ overflow: hidden; margin-bottom: 0px; }
        .hpbox_i .img img   { position: absolute; top: 0; left: 0; }
        .hpbox_i .imgalone     { position: relative; width: 100%; padding-bottom: 120%; overflow: hidden; margin-bottom: 0px; }
        .hpbox_i .imgalone img { position: absolute; top: 0; left: 0; }
        
        .hpbox_o.fullwidth .hpbox_i .imgalone { position: relative; width: 100%; padding-bottom: 0; overflow: hidden; margin-bottom: 0px; }
        .hpbox_o.fullwidth .hpbox_i .imgalone img { position: relative; }

        .hpbox_i h3         { text-align: left; }
        .hpbox_i h3>a       { color: #691725; }
        .hpbox_i img.picto  { position: absolute; top: 5px; left: 5px; }
        .hpbox_i p          { margin: 5px 0; font-size: 14px; }
        .hpbox_i a.readmore { display: block; width: 100%; text-align: right; margin-top: 10px; }

  #rubrique         { max-width: 100%; margin: auto; }
  #rubrique::after  { content: ''; display: block; clear: both; }
  #searchres        { max-width: 100%; margin: auto; }
  #searchres::after { content: ''; display: block; clear: both; }
  span.highlight    { color: #B3A082; }
    .article_preview_o        { position: relative; display: inline-block; vertical-align: top; width: 33.33%; margin-bottom: 10px; overflow: hidden; }
      .article_preview_i      { position: relative; margin: 10px; }
      .article_preview_i .img       { position: relative; width: 100%; padding-bottom: 50%; overflow: hidden; margin-bottom: 10px; background-color: #EEEEEE; }
      .article_preview_i .img img   { position: absolute; top: 0; /*bottom: 0;*/ left: 0; }
      .article_preview_i .img img.picto     { position: absolute; top: 5px; left: 5px; }
      .article_preview_i h2         { margin: 0 0 5px 0; } 
      .article_preview_i h2>a       { color: #691725; }
      .article_preview_i p          { margin: 10px 0; font-size: 14px; }
      .article_preview_i .date      { display: inline-block; vertical-align: middle; color: #691725; font-size: 13px; }
      .article_preview_i a.readmore { float: right; }

    #article  { display: inline-block; vertical-align: top; width: 70%; margin-top: 20px; }
      .artimg { background-color: #EEEEEE; }
      #article img { }
        .legend     { text-align: left; margin: 5px 0 15px 0; font-size: 0.9em; font-style: italic;}
        .copyright  { font-style: normal; }

        .artHead      { margin: 0 0 15px 0; line-height: 1.4em; }
        .artBody      { margin: 15px 0; line-height: 1.4em; }
        .artDate      { font-style: italic; margin-bottom: 5px; }
        .artSignature {}
        .artFooter    { position: relative; margin: 30px 0; padding: 20px 40px; color: #000000; line-height: 1.4em; }
        .artFooter a  { color: #691725; }
          .artFooterBg  { position: absolute; top: 0; right: 0; /*right: -1000px;*/ bottom: 0; left: 0; /*left: -1000px;*/ background-color: #EEEEEE; z-index: 1; }
          .artFooterC   { position: relative; z-index: 10; }

        #alinkedlist { margin: 30px 0; }
          .alinked_o        { position: relative; display: inline-block; vertical-align: top; width: 50%; margin-bottom: 10px; overflow: hidden; }
            .alinked_i      { position: relative; margin: 10px; text-align: left; }
            .alinked_i .img       { position: relative; width: 100%; padding-bottom: 50%; overflow: hidden; margin-bottom: 5px; }
            .alinked_i .img img   { position: absolute; top: 0; left: 0; }
            .alinked_i .img img.picto { position: absolute; top: 5px; left: 5px; }
            .alinked_i a         { color: #000000; line-height: 14px; font-weight: bold; }

    #aside    { display: inline-block; vertical-align: top; width: 27%; margin-left: 3%; margin-top: 20px; }
      .box    { padding-bottom: 25px; margin-bottom: 15px; border-bottom: 1px solid #691725; }
      .box.noresp { }
        .box ol.lastarticles { padding-left: 20px; }
        .box ol.lastarticles li a { font-weight: bold; }
        .box p { margin: 5px 0; padding: 0; text-align: justify; }
        .box img.picto { position: absolute; top: 5px; left: 5px; }
        .box .readmore { display: block; width: 100%; text-align: right; }

        .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
        .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* END Content Styles */

/* Footer Styles */
  #footer   { position: relative; background-color: #691725; color: #ffffff; }
  #footer_i { position: relative; max-width: 1280px; margin: auto; padding: 20px 10px; text-align: center; font-size: 12px; }
    #socials        { padding: 5px 0 12px 0; }
    #socials a      { display: inline-block; margin: 0 6px; }
    #socials a img  { display: block; }
    #footer_menu    { padding: 0 0 10px 0; }
    #footer_menu a  { color: #ffffff; }
    #copyright      {}
/* END Footer Styles */

/* form inputs etc Styles */
  input 						{ padding: 5px; border: solid 1px #cccccc; transition: box-shadow 0.3s, border 0.3s; }
  input:focus,input.focus   { border: solid 1px #666666; box-shadow: 0 0 5px 1px #999999; outline: none; }
  textarea          { border: solid 1px #cccccc; transition: box-shadow 0.3s, border 0.3s; }
  textarea:focus,textarea.focus   { border: solid 1px #666666; box-shadow: 0 0 5px 1px #999999; outline: none; }
  select            { padding: 4px; border: solid 1px #cccccc; transition: box-shadow 0.3s, border 0.3s; }
  select:focus,select.focus   { border: solid 1px #666666; box-shadow: 0 0 5px 1px #999999; outline: none; }
  input[type=submit]       	{ border: 1px solid #691725; background: #ffffff; color: #691725; margin: 10px 0px 10px 0; padding: 5px 20px 5px 20px; float: right; box-shadow: 0; /*transition: box-shadow 0.3s, border 0.3s;*/ }
  input[type=submit]:hover  { border: 1px solid #691725; background: #691725; color: #ffffff; cursor: pointer; box-shadow: 0; /*box-shadow: 0 0 5px 1px #691725;*/ }
  input[type=submit]:focus,input[type=submit].focus  { box-shadow: 0; }


  fieldset, form { border: 0; margin: 0; padding: 0; }
    
  .lmform { clear: both; padding-top: 50px; }
  .lmform fieldset { overflow: auto; clear: left; padding-bottom: 5px; }
  .lmform fieldset label   { float: left; width: auto; } 

  .lmform fieldset span    { float: right; width: 70%; } 
  .lmform fieldset span input, .lmform fieldset span select { /* width: 100%; */ float: right; width: 90%; /* scrollbars appear on chrome*/ }
  .lmform fieldset span textarea    { float: right; width: 90%; } 
  .lmform fieldset span input.radio { display: inline; width: auto; }
  .lmform fieldset span label       { float: none; display: inline; }

  .lmform fieldset.comment label   { float: none; display: block; } 
  .lmform fieldset.comment span    { float: none; clear: left; display: block; width: 100%; }
  .lmform fieldset.comment span textarea   { /* width: 100%; */ float: right; width: 90%; /* scrollbars appear on chrome */ }

  .lmform fieldset.recaptcha span { float: none; clear: left; display: block; width: 100%; }
  .lmform fieldset.recaptcha div  { /* width: 100%; */ float: right; margin: 0; } 

  .lmform fieldset.checkbox span        { float: left; width: auto; padding: 0 4px 0 0; display: inline; } 
  .lmform fieldset.checkbox span input  { width: auto; } 
  .lmform fieldset.checkbox label       { float: left; width: auto; } 

  .lmform fieldset.submit span  { width: auto; }
  .lmform fieldset.submit input { float: right; width: auto; padding: 5px 20px 5px 20px; }
/* END form inputs etc Styles */

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

/* font-size */
/*@media screen and (max-width:734px) { body {font-size: 14px;} }
@media screen and (min-width:735px) { body {font-size: 16px;} }
@media screen and (min-width:1024px) { body {font-size: 18px;} }
@media screen and (min-width:1920px) { body {font-size: 20px;} }
*/
/* fmenu */
@media screen and (max-width: 1366px) { 
  ul.menu-desktop>li>a{ font-size: 13px; } /* Level 1 */
}

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

@media screen and (max-width: 1275px) {

  ul.menu-desktop>li>a{ padding: 0 7px; font-size: 12px; } /* Level 1 */
  ul.menu-desktop li li>a{ font-size: 13px; } /* Level 2 */
  ul.menu-desktop li li li>a{} /* Level 3 */

  #wrap_i   { min-height: 400px; }

  #admin { max-width: 50%; margin: auto; }
  #main { max-width: 80%; }
  #rubrique { max-width: 80%; }
    .article_preview_o { width: 50%; }

          .alinked_o        { width: 50%; }

}

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

@media screen and (max-width: 1080px) {

  ul.menu-desktop>li>a{ padding: 0 5px; font-size: 11px; } /* Level 1 */
  ul.menu-desktop li li>a{ font-size: 13px; } /* Level 2 */
  ul.menu-desktop li li li>a{} /* Level 3 */

  #main { max-width: 80%; }

    /*.hpbox_o    { width: 33.33%; }*/
    .hpbox_o    { width: 50%; }

  #article  { display: block; width: 100%; margin-top: 10px; }
  #aside    { display: block; width: 100%; margin-left: 0; margin-top: 20px; }

}

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

@media screen and (max-width: 768px) {

  /*body  { overflow-y: auto; overflow-x: hidden; }*/

  h1 { margin: 10px 0 15px 0; }

  .hiddenOnMobile { display: none; }

  #banner_o   { display: none; }
    /*#banner_i { display: inline-block; margin: auto; width: 100%; max-width: 728px; height: 90px; background-color: #D1D3D4; color: #000000; vertical-align: middle; text-align: center; }*/

  #bannerContent { height: 90px; margin-top: 0; }

  /*#simplemodal-container   { width: 540px; height: 340px; }*/

  /* Header Styles */
    header { position: relative; top: 0; text-align: center; height: auto; }
    header.withBanner { top: 0; }
    header #divlogo               { height: auto; }
    header img#logo               { margin: 50px auto 0 auto; width: 80%; }
    header #logosmall             { position: relative; top: 0; left: 0; width: auto; margin-left: 10px; font-size: 22px; }
    header #logosmall #long       { vertical-align: top; line-height: 50px; }
    header #logosmall #short      { display: none; }
    header #logosmall a           { display: inline; color: #B3A082; }
    header.inRubrique a#alogo     { height: 50px; }
    header.inRubrique a#alogo img { display: none; }
    header.inRubrique #logosmall  { display: inline; opacity: 1; }

    /* Responsive Navigation styles begin here */
    #nav_o  { position: fixed; top: 0; left: 0; width: 50px; height: 50px; width: 100%; background-color: #303030; z-index: 999999; }
        #rightnav { position: relative; float: right; }

        #lang { margin-top: 11px; }
        #lang a.selected { color: #ffffff; border: 2px solid #ffffff; background-color: #303030; }




      /* Search form */
        #searchform { margin-top: 11px; }
      /* END Search form */

      /* Newsletter form (header) */
        #header_newsletter_success { width: 100%; }
        #headernewsletterform { display: inline; margin-top: 11px; }
      /* END Newsletter form (header) */
  /* END Header Styles */

  /* Menu Styles */
    /* Hamburger button */
      #hamburger {
        display: inline-block; height: 48px; width: 50px; padding: 14px 10px 0 10px; position: relative; top: 0px; margin: 0; /*top: 14px; left: 2px;*/
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        /*border: 1px solid #00ff00; border-right: 0;*/
      }
      #hamburger .lines{
        display: block;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        height: 3px;
        background-color: #ffffff;
        margin-bottom: 6px;
        -webkit-transition-duration: 0.25s;
        -moz-transition-duration: 0.25s;
        -o-transition-duration: 0.25s;
        transition-duration: 0.25s;
      }
      #hamburger .lines.l2{
        -webkit-transition-duration: 0.10s;
          -moz-transition-duration: 0.10s;
          -o-transition-duration: 0.10s;
          transition-duration: 0.10s;  
      }

      #hamburger.clicked { bottom: 4px; cursor: pointer; }
      #hamburger.clicked .lines{ margin-bottom: 0px; /*background-color: #BD1521;*/ }
      #hamburger.clicked .lines.l1{
        transform:rotate(45deg);
        -ms-transform:rotate(45deg); /* IE 9 */
        -webkit-transform:rotate(45deg); /* Safari and Chrome */
        margin-top: 10px;
      }
      #hamburger.clicked .lines.l2{ height: 0; margin: 0; }
      #hamburger.clicked .lines.l3{
        transform:rotate(-45deg);
        -ms-transform:rotate(-45deg); /* IE 9 */
        -webkit-transform:rotate(-45deg); /* Safari and Chrome */
        margin-top: -3px;
      }
    /* END Hamburger button */

    /* Init Logic */
      .menu-toggle-button{display:inline-block; position: relative; height: 50px; width: 50px; border-right: 0; padding: 0; margin: 0; outline: none; }
      .show-for-devices{display:block!important;}

      ul.menu-desktop { display: none; }

      ul.menu-list{ display: none; clear: both; position:relative;padding:0px;margin:0px; top: 0px;/*ptite triche...*/  }
      ul.menu-list li{clear:both;float:none; text-align: center; }
      ul.menu-list li a{display:inline-block;}
      ul.menu-list li a{display:block; color:#ffffff; }

      /* Handling Submenu */
      ul.menu-list ul{display:none;position:relative;padding:0px;margin:0px;list-style:none;}
      ul.menu-list ul li{}
      ul.menu-list ul ul{position:relative;}
      ul.menu-list li:hover>ul{display:none;}
      /* End Init Logic */

      /* Style */
      ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

      /* Submenu Expand Icon */
      ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.7em;padding: 0 15px;line-height: 40px;position:absolute;right:0;z-index: 700} /* All levels */
      ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
      ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'\25BC'} /* Level 1 */
      ul.menu-list li li.has-submenu>a>span.menu-expand{font-size: 0.7em;padding: 0 15px;line-height: 40px;position:absolute;right:0;z-index: 700} /* Level 2 */
      ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */

      /* You can manage with of elements by width of a-tag */
      ul.menu-list li a{position:relative;text-decoration:none;padding:10px; font-size: 16px;} /* All levels */
      ul.menu-list li>a{} /* Level 1 */
      ul.menu-list li li>a{width:auto;} /* Level 2 */
      ul.menu-list li li li>a{} /* Level 3 */

      /* First Level*/
      ul.menu-list>li{margin:0px;border:none;background:#691725;}
      ul.menu-list>li>a{border-bottom:1px solid #ffffff; text-transform: uppercase; line-height: 40px; padding: 0; }
      ul.menu-list>li:hover{}
      ul.menu-list>li:hover>a{color:#ffffff;}
      ul.menu-list>li>a:hover{}
      ul.menu-list>li>a.selected{color:#ffffff;}
      /* End First Level*/

      /* Second Level*/
      ul.menu-list>li>ul{border:none;}
      ul.menu-list>li>ul>li{background-color: #8F2A3C;}
      ul.menu-list>li>ul>li>a{border-bottom:1px solid #ffffff;line-height: 40px; padding: 0; }
      /*ul.menu-list>li>ul>li>a:first-child{border-bottom:1px solid #ffffff;}*/
      ul.menu-list>li>ul>li:hover{}
      ul.menu-list>li>ul>li:hover>a{color:#ffffff;}
      ul.menu-list>li>ul>li>a:hover{}
      ul.menu-list>li>ul>li>a.selected{color:#ffffff;}
      /* End Second Level*/

      /* Third Level*/
      ul.menu-list>li>ul>li>ul{border:none;}
      ul.menu-list>li>ul>li>ul>li{background: #AF4C5E;}
      ul.menu-list>li>ul>li>ul>li>a{border-bottom:1px solid #ffffff;line-height: 40px; padding: 0; font-size: 14px; }
      ul.menu-list>li>ul>li>ul>li:hover{}
      ul.menu-list>li>ul>li>ul>li:hover>a{color:#ffffff;}
      ul.menu-list>li>ul>li>ul>li>a:hover{}
      ul.menu-list>li>ul>li>ul>li>a.selected{color:#ffffff;}
      /* End Third Level*/
      /* End Style */
  /* End Menu Styles */

  /* Social Share Styles*/
    .sc         { display: none; }
    .sc_mobile  { display: block; clear: both; text-align: center; margin: 40px; }
    .scImg              { display: inline-block; margin: 0 1px; }
    .scImg:first-child  { margin: 0 1px; }
    .scImg img          { display: block; }
  /* Social Share Styles*/

  /* Content Styles */
    #header_spacer { display: none; }

    #wrap       { padding: 10px; }

      .brick.empty { display: none; }

      /*#language { max-width: 100%; margin: auto; }*/
         /*#language a { width: 280px; }*/

      #admin { max-width: 80%; margin: auto; }
      #main { max-width: 100%; padding: 0 10px; }

        .hpbox_o  { width: 50%; }
        .hpbox_o.noresp { display: none; }

      #rubrique { max-width: 100%; }

        .box.noresp { display: none; }
  /* END Content Styles */
}

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

@media screen and (max-width: 568px) {
  hr { margin: 15px 0 20px 0; }

  header #logosmall #long   { display: none; }
  header #logosmall #short  { display: inline; vertical-align: top; line-height: 50px; }

  #bannerContent { height: 60px; }

  #language h1 { font-size: 20px; }
  #language a       { width: 190px; font-size: 15px; }
  /*#simplemodal-container   { width: 290px; height: 430px; }*/

      #searchform input[type=search]:focus { width: 100px; }
      #headernewsletterform input[type=mail]:focus { width: 100px; }

  #wrap     	{ padding: 5px; }

  /*.brick.empty { display: none; }*/

    #admin { max-width: 95%; margin: auto; }

      .hpbox_o    { width: 100%; }

    .article_preview_o        { width: 100%; margin-bottom: 0; }
    .article_preview_o::after { padding-top: 0; display: block; content: ''; }
      .article_preview_i      { position: relative; }

          .alinked_o        { width: 100%; }

}

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

@media print {

}

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