@charset "UTF-8";
/* ==================================================== */
/* = CSS pour le responsive							  = */
/* ==================================================== */
/* = Version 2.5 - date : 17/10/2016				  = */
/* ==================================================== */
/* Table of Contents
==================================================
    #All mobile devices
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Tablet (Portrait)
    #Tablet (Landscape) 
    #Tablet (All) 
*/
.show-mobile {
  display: none !important; }

/* All mobile devices
================================================== */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
  body {
    min-width: 100%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none; }

  .show-mobile {
    display: inline-block !important; }

  .no-mobile {
    display: none; }

  div.search-form input#submitbutton {
    width: 100%; }

  img {
    max-width: 100%;
    height: auto !important; }

  .OJFiche img.alignleft {
    height: 120px !important; }

  div.WD-Identity,
  div.WD-Identity.plustablemat {
    box-sizing: border-box;
    float: left;
    width: 100%;
    margin-top: 10px; }

  div.WD-Identity.plustablemat {
    width: inherit; }

  #main-content {
    background: none; }

  .coe-sub-col2.main-zone .col-left,
  .coe-sub-col1.main-zone .col-left {
    background-image: none; }

  /* Layout des portlets */
  div.filterbox {
    width: 100%; }

  a.readmore:after {
    content: none; }

  a.readmore.allcontent {
    text-decoration: none;
    background-color: #f1f2f1;
    border-radius: 3px;
    letter-spacing: 1px;
    padding: .5em 1em;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5rem !important;
    float: none;
    margin: 1em auto 3em;
    display: block;
    width: 60%;
    text-align: center !important; }

  #searchbox-main input {
    padding: 5px;
    font-size: 2rem; }

  #searchbox-main {
    margin: 2em 0; }

  div.wrapuknow {
    padding-left: 10px; }

  .colonnes3 {
    -moz-column-count: 2;
    -moz-column-gap: 2em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2em; }

  a.cal-prev, a.cal-next {
    background-size: 200%; }

  ul.btnportail li {
    background-image: none !important; }

  ul.etabs {
    margin: 2em 1em 1em 1em !important; }

  #OJtab-container ul.etabs {
    margin: 0 !important; }

  ul.OjMenu li a {
    height: 100px; }

  ul.OjMenu li a.active {
    height: 101px; }

  div#addReplacement select {
    width: 37%; } }
/* Mobile (Portrait)
================================================== */
@media only screen and (min-width: 320px) and (max-width: 560px) {
  body {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none; }

  /* on supprime */
  #footer,
  div.title-orga,
  #search,
  #lang,
  #breadcrumb,
  div.portlet.slider,
  p#wai,
  a.logo-coe,
  #breadcrumb,
  span.rglm-nav,
  .share,
  li.dldoc span,
  .hide-mobile {
    display: none !important; }

  /*header*/
  #header h1 a,
  #header h1 a:hover {
    text-indent: 0 !important;
    color: white;
    text-decoration: none;
    font: 26px/25px "Optima", "Myriad Pro", "Lucida Grande";
    letter-spacing: 2px;
    height: 43px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    width: 220px;
    text-align: right;
    position: absolute;
    right: 15px;
    background-image: none;
    top: 10px; }

  #table-matiere {
    float: none;
    width: 100%; }

  /*typography*/
  #layout-column_column-3 div.portlet div.portlet-content ul li,
  #layout-column_column-2 div.portlet div.portlet-content ul li,
  #layout-column_column-4 div.portlet div.portlet-content ul li,
  div.portlet-content,
  div.portlet-content p {
    font-size: 1.2rem; }

  div.article h2,
  div.article h3,
  div.article h4,
  div.article h5,
  div.article h6 {
    line-height: 1em;
    margin-top: 1em;
    display: block; }

  div.article h1 {
    font-size: 2.5rem; }

  div.article h2 {
    font-size: 2.3rem; }

  div.article h3 {
    font-size: 2.1rem; }

  div.article h4 {
    font-size: 1.9rem; }

  div.article h5 {
    font-size: 1.7rem; }

  div.article h6 {
    font-size: 1.5rem; }

  div.article p {
    text-align: justify;
    line-height: 1.4em;
    font-size: 1.5rem;
    margin-bottom: 0; }

  #bg {
    background: url(../images/bg-smartphone@2x.png) no-repeat left top #123271;
    background-size: 320px auto; }

  #page {
    background: none;
    min-width: 100%; }

  #header, #wrapper, #navigation {
    width: auto;
    min-width: 320px; }

  #wrapper {
    padding: 1em 0; }

  #main-content {
    margin: 0 10px; }

  ul#mainmenu, div.dropdown {
    width: 100%; }

  #header {
    height: 70px; }

  ul, li {
    margin-left: 0;
    margin-right: 0; }

  span.page-title,
  .portlet-title {
    margin: 10px 0;
    padding: 10px;
    font-weight: normal;
    font-style: normal;
    background: -moz-linear-gradient(90deg, white 0%, #f1f2f1 100%) silver;
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(#f1f2f1)) silver;
    border-radius: 5px 5px 0 0;
    text-align: center;
    font-size: 2.5rem; }

  .news {
    border-style: none !important;
    font-size: 15px; }

  /*Layout*/
  .aui-wleft, .aui-wleft680 {
    width: 98%; }

  .aui-wright, .aui-wright680 {
    width: 98%; }

  /*sidebar*/
  .main-zone .col-left {
    margin: 0; }

  #wrapper .portlet-column {
    display: block;
    border: none; }

  .aui-w75, .aui-w50, .aui-w40, .aui-w25, .aui-w33 {
    width: 100%; }

  #navigation-select select.mini {
    width: 90%;
    margin: 5%;
    font-size: 1.5rem; }

  /*Portlet as button*/
  #layout-column_column-3 div.portlet div.portlet-content ul li,
  #layout-column_column-2 div.portlet div.portlet-content ul li,
  #layout-column_column-4 div.portlet div.portlet-content ul li {
    padding: 15px 0; }

  h3.portlet-title {
    text-align: center; }

  div.portlet-content h2 {
    display: block;
    clear: both; }

  div.portlet-content {
    padding-left: 0;
    padding-right: 0; }

  div.portlet, h3.portlet-title {
    display: block;
    clear: both; }

  div.dropdown {
    font-size: 1.4rem; }

  /*Footer*/
  #mobile-footer {
    display: block; }

  /*Recherche*/
  textarea#textsearch {
    width: 80%;
    margin-left: 9%;
    font-size: 3rem; }

  #mobile-footer #mobile-search {
    margin: 0 auto;
    width: 300px; }

  #mobile-footer #mobile-search #inputzone {
    float: left;
    background-image: url("../images/mobile-search-form-bkgd.png");
    height: 61px;
    width: 213px; }

  /*mainmenu*/
  div.dropdown .col3, div.dropdown .col2, div.dropdown .col2-3 {
    width: 95% !important; }

  /*Les icones*/
  div.DocPrint {
    background: url(../images/icon-dlarticle@2x.png) no-repeat center 10px #f9f9f9;
    background-size: 50px 50px; }

  p {
    text-align: left !important; }

  /* Navigation reglement */
  ul.reglement-tdb h3 {
    /*width: 100%;*/ }

  ul.reglement-tdb ul {
    padding: 0;
    margin: .5em 0 1em; }

  /*article*/
  a.dlarticle {
    width: 80%; }

  div.article ul.related li {
    width: 41%; }

  /*les btns*/
  ul.btnportail li {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important; }

  ul.btnportail li a {
    text-decoration: none;
    height: 54px;
    background-image: -moz-linear-gradient(90deg, #ececec 0%, white 93%), none;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), color-stop(0.93, white)), none;
    border-radius: 5px;
    border: 1px solid #bfc0bf;
    margin-left: 5%;
    width: 90%;
    margin-right: 5%; }

  /*calendier*/
  #calendar-month {
    height: 100px; }

  #datefilter {
    margin-top: 40px; }

  /*Boutons menu*/
  #sidebar span.portlet-title.membermenu {
    display: none; }

  #sidebar ul.btnportail {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 5px; }

  #sidebar ul.btnportail li {
    text-decoration: none;
    background-image: -moz-linear-gradient(90deg, #ececec 0%, white 93%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), color-stop(0.93, white));
    border-radius: 5px;
    border: 1px solid #bfc0bf !important;
    height: 85px;
    display: block;
    position: relative;
    width: 31%;
    float: left;
    margin: 0 1% !important; }

  #sidebar ul.btnportail li:first-child {
    margin-left: 0 !important; }

  #sidebar ul.btnportail li:last-child {
    margin-right: 0 !important; }

  #sidebar ul.btnportail li a {
    display: block;
    height: 52px;
    padding: 0;
    background-image: url(../images/sprite-main-btn.png);
    width: 59px;
    margin: 0 auto;
    border: none; }

  #sidebar ul.btnportail li a span {
    width: 90%;
    top: 52px;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 13px;
    margin-right: 5%;
    margin-left: 5%;
    text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.5);
    font-weight: bold;
    position: absolute; }

  /*Listes medias*/
  #sidebar ul.medias.trombi li {
    width: 50%; }

  #sidebar ul.medias.trombi li a {
    min-height: 180px; }

  ul.infosdoc li {
    font-size: 1rem;
    line-height: 24px; }

  ul.vote-result li {
    float: none;
    width: 90%;
    background-position: left top;
    padding: 0 0 0 40px !important;
    height: 35px; }

  ul.vote-result li span.VoteChoice {
    text-align: left;
    font-size: 17px;
    line-height: 35px; }

  ul.vote-result li span.VoteFigure {
    float: left;
    width: 100px;
    text-align: center;
    font-size: 22px;
    line-height: 35px; }

  .colonnes3 {
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0; }

  ul.vote-member-list a.membersview {
    float: left;
    text-decoration: none;
    width: 70%; }

  ul.vote-member-list span.country,
  ul.vote-member-list span.group {
    font-size: 10px;
    width: 10%; }

  .column-3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -o-column-count: 1; }

  .col-1-tiers,
  .col-1-quart {
    width: 100%;
    margin-right: 0; }

  .col-2-tiers,
  .col-3-quart {
    width: 100%; }

  /*Seminar*/
  ul.MenuSidebar,
  ul.SeminarMembers li {
    width: 100%;
    float: left; }

  a.CalendarPrintVersion {
    float: none;
    margin: 0px auto 1em;
    display: block;
    width: 40%;
    padding: 1em;
    font-size: 1.2em; }

  /* forms */
  .inscription fieldset div {
    padding-left: 0; }

  .inscription fieldset div label {
    margin: 0 0 1em;
    width: 100%; }

  .inscription fieldset div ul li {
    margin: 0 30px 5px 0; }

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

  .inscription input#submit {
    width: 90%;
    height: auto;
    font-size: 1.5em;
    padding-top: 1em;
    padding-bottom: 1em; }

  ul.OjMenu li {
    display: block;
    margin: 0; }

  ul.OjMenu li a {
    height: auto !important;
    margin: 0 !important; }

  p.OJ {
    width: 100%; }

  p.OJ img {
    width: 30%; }

  /*OJ*/
  #OJtab-container .menujour li.tab a {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    line-height: 49px; }

  #OJtab-container .menujour li.tab a .show-mobile {
    font-style: italic;
    font-size: 13px;
    margin-left: 1px; }

  #OJtab-container .menujour li.tab a.OjPlanning {
    background-position: center 21px;
    padding-right: 12px;
    padding-left: 12px; }

  #OJtab-container .tab-container-nested .tab a {
    height: 45px;
    letter-spacing: 0px;
    line-height: 17px;
    padding-top: 10px; }

  #OJtab-container .tab-container-nested .tab a span {
    display: block; }

  /*OJ*/
  .OJFiche {
    width: 98%; }

  /*Replacement list*/
  div.Replacements span.SittingDay {
    margin: 40px 0 0; }

  div.Replacements span.SittingNum {
    display: block; }

  div.Replacements a.ReplacementEdit,
  div.Replacements a.ReplacementView {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 0 top;
    padding-right: 0;
    padding-left: 40px;
    float: left; }

  li.SpeakersState.big {
    padding: 0; }

  ul.ReplacementsSittingsList h4 {
    margin: 0;
    font-size: 16px; }

  #replacementList li span.suppleant,
  #replacementList li span.representant {
    display: block;
    margin-left: 0;
    width: 100%; }

  /*Replacement list*/
  #LoginBox {
    margin-bottom: 10px; }

  a#mail-send.icon.mail.rightfloat {
    box-sizing: border-box;
    margin-top: 10px;
    width: 100%;
    padding: 0 10px 0 0;
    text-align: right;
    line-height: 50px;
    height: 50px;
    font-size: 14px; }

  div#addReplacement {
    text-align: center;
    float: left; }

  div#addReplacement select {
    float: left;
    display: block;
    width: 100%;
    margin: 0 !important; }

  #addReplacement a.add.enabled {
    width: 100%;
    margin-top: 20px;
    height: 70px; }

  #replacementList li a.Delete {
    background: url(../images/icon-delete.png) center center no-repeat white;
    background-size: 30px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    bottom: 45px;
    position: relative; } }
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 561px) and (max-width: 768px) {
  /*Layout*/
  .main-zone .col-left,
  .main-zone .col-right {
    margin: 0;
    width: 100%; }

  .aui-w75, .aui-w25, .aui-w33 {
    width: 100%; }

  #sidebar img {
    width: 100%;
    height: auto !important; }

  /*Boutons menu*/
  #sidebar ul.btnportail {
    width: 33%;
    display: block;
    float: left; }

  #sidebar ul.btnportail li {
    margin-top: 0;
    float: none; }

  #sidebar ul.btnportail li {
    text-decoration: none;
    height: 54px;
    background-image: -moz-linear-gradient(90deg, #ececec 0%, white 93%), none;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), color-stop(0.93, white)), none;
    border-radius: 5px;
    border: 1px solid #bfc0bf !important;
    width: 90%;
    margin: 5%; }

  #sidebar ul.btnportail li a {
    background-repeat: no-repeat;
    width: 160px; }

  /*Listes medias*/
  #sidebar ul.medias.trombi li {
    width: 25%; }

  #sidebar ul.medias.trombi li a {
    min-height: 180px; }

  .column-3 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -o-column-count: 2; }

  .hide-mobile {
    display: none !important; }

  /*OJ*/
  .show-mobile {
    display: inline-block !important; }

  #OJtab-container .menujour li.tab a {
    font-size: 26px;
    font-weight: normal;
    font-style: normal; }

  #OJtab-container .menujour li.tab a .show-mobile {
    font-style: italic;
    font-size: 13px;
    margin-left: 1px; }

  #OJtab-container .menujour li.tab a.OjPlanning {
    background-position: center 21px;
    padding-right: 12px;
    padding-left: 12px; }

  #OJtab-container .tab-container-nested .tab a {
    height: 45px;
    letter-spacing: 0px;
    line-height: 17px;
    padding-top: 10px; }

  #OJtab-container .tab-container-nested .tab a span {
    display: block; }

  /*Replacement list*/
  div.Replacements span.SittingDay {
    margin: 40px 0 0; }

  div.Replacements span.SittingNum {
    display: block; }

  div.Replacements a.ReplacementEdit,
  div.Replacements a.ReplacementView {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 0 top;
    padding-right: 0;
    padding-left: 40px;
    float: left; }

  li.SpeakersState.big {
    padding: 0; }

  ul.ReplacementsSittingsList h4 {
    margin: 0;
    font-size: 16px; }

  #replacementList li span.representant,
  #replacementList li span.suppleant {
    width: 37%; }

  div#addReplacement select {
    width: 37%; } }
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 320px) and (max-width: 560px) and (orientation:landscape) {
  ul.vote-result li {
    float: left; }

  .column-3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -o-column-count: 1; }

  .col-1-tiers {
    width: 100%;
    margin-right: 0; }

  .col-2-tiers {
    width: 100%; }

  .hide-mobile {
    display: none !important; } }
/* Tablet (Landscape)
================================================== */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* Layout */
  .main-zone .col-left {
    margin: 0 1% 0 0;
    width: 63%; }

  #sidebar,
  .main-zone .col-right {
    margin-top: 0;
    width: 32%; }

  .aui-w75, .aui-w25, .aui-w33 {
    width: 100%; }

  /* Sidebar */
  img {
    max-width: 100%;
    height: auto !important; }

  /* Btn portail */
  #sidebar ul.btnportail {
    display: block;
    float: left;
    width: 100%;
    margin: 0; }

  #sidebar ul.btnportail li {
    float: none;
    margin: 0;
    padding: 0; }

  #sidebar ul.btnportail li {
    text-decoration: none;
    background-image: -moz-linear-gradient(90deg, #ececec 0%, white 93%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), color-stop(0.93, white));
    border-radius: 5px;
    border: 1px solid #bfc0bf !important;
    margin-left: 0;
    height: 90px;
    display: block;
    margin-bottom: 3px;
    float: left;
    position: relative;
    width: 30.5%;
    margin-right: 1%;
    margin-left: 1%; }

  #sidebar ul.btnportail li:last-child {
    margin-right: 0; }

  #sidebar ul.btnportail li a {
    display: block;
    height: 52px;
    padding: 0;
    background-image: url(../images/sprite-main-btn.png);
    width: 59px;
    margin: 0 auto; }

  #sidebar ul.btnportail li a span {
    width: 90%;
    position: absolute;
    top: 52px;
    left: 0;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: 12px;
    margin-right: 5%;
    margin-left: 5%;
    text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.5); }

  /*Listes medias*/
  #sidebar ul.medias.trombi li {
    width: 50%; } }
/* Tablet (All)
================================================== */
@media only screen and (min-width: 561px) and (max-width: 1024px) {
  .zone-bottom .portlet-column {
    display: table-cell !important; }

  #wrapper .portlet-column {
    display: block;
    border: none; }

  #bg {
    background: url(../images/bg-tablette@2x.png) left top no-repeat #0d316d;
    background-size: 768px auto; }

  #page {
    background: none;
    min-width: 100%; }

  #header h1 a,
  #header h1 a:hover {
    text-indent: 0 !important;
    color: white;
    text-decoration: none;
    font: normal 35px/35px "optima", "Myriad Pro", "Lucida Grande";
    letter-spacing: 1px;
    height: 80px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    width: 220px;
    text-align: right;
    position: absolute;
    right: 35px;
    background-image: none !important;
    top: 15px; }

  #header {
    height: 110px; }

  #header, #wrapper, #navigation, #navigation-dropdown {
    width: auto;
    min-width: 560px; }

  ul#mainmenu, div.dropdown {
    width: 100%; }

  #table-matiere {
    float: none;
    width: 100%; }

  /* on supprime */
  #mainmenu,
  #footer,
  div.title-orga,
  #search,
  #lang,
  #breadcrumb,
  div.portlet.slider,
  p#wai,
  a.logo-coe,
  #breadcrumb,
  span.rglm-nav,
  .share {
    display: none; }

  #page a.logo-coe {
    position: absolute;
    top: 30px;
    right: 20px;
    height: 96px;
    width: 127px;
    background-image: url(../images/logo-coe@2x.png);
    background-size: 127px 96px;
    text-indent: -9999px; }

  #mainmenu li div.dropdown {
    width: 100%; }

  #navigation-select select.mini {
    width: 96%;
    margin: 2%;
    font-size: 1.5rem; }

  #navigation, #navigation-dropdown {
    display: none; }

  .news {
    overflow: auto; }

  div.portlet, h3.portlet-title {
    display: block;
    clear: both; }

  /*Footer*/
  #mobile-footer {
    display: block; }

  ul#calltocontact {
    text-align: center; }

  ul#calltocontact li {
    border: 1px solid #bfbfbf;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    width: 25%;
    margin: 1em; }

  div.switch-standard a {
    margin-right: inherit;
    margin-left: 0; }

  /*Les icones*/
  div.DocPrint {
    background: url(../images/icon-dlarticle@2x.png) no-repeat center 10px #f9f9f9;
    background-size: 50px 50px; }

  #sidebar span.portlet-title.membermenu {
    display: none; }

  .margin-bottom {
    margin-bottom: 2em; }

  /*Listes medias*/
  #sidebar ul.medias.trombi li {
    font-size: 1.3rem;
    line-height: 13px; }

  /*calendier*/
  #calendar-month {
    height: 100px; }

  #datefilter {
    margin-top: 40px; }

  /*OJ*/
  .OJFiche {
    width: 47%; } }