/* ----------------------------- */
 /* == soft reset KNACSS          */
 /* ----------------------------- */
 /* switching box model for all elements */
 /* soft reset */

#main-administrateur {
	padding-top: 160px;
}

#admin-sql-gestion {
    overflow: auto;
    width: 100%;
    height: 600px;
}

.admin-ligne-fonce{
	background-color:#BFBFBF;
}
 
 .print-oui {
	 display: none;
 }
  
 
 html,
 body {
     padding: 0;
     height: 100%;
     margin: 0;
 }
 
 ul,
 ol {
     padding-left: 2em;
 }
 
 ul.unstyled {
     list-style: none;
 }
 
 img {
     height: auto;
     vertical-align: middle;
     border: 0;
 }
 
 blockquote,
 figure {
     margin-left: 0;
     margin-right: 0;
 }
 
 audio,
 canvas,
 video {
     display: inline-block;
 }
 
 svg:not(:root) {
     overflow: hidden;
 }
 /* font-sizing for content */
 
 .div-p {
     display: block;
     -webkit-margin-before: 1em;
     -webkit-margin-after: 1em;
     -webkit-margin-start: 0px;
     -webkit-margin-end: 0px;
 }
 
 p,
 .div-p,
 .p-like,
 ul,
 ol,
 dl,
 blockquote,
 pre,
 td,
 th,
 label,
 textarea,
 caption,
 details,
 figure {
     margin-top: 0.75em;
     line-height: 1.5;
 }
 
 ul,
 ol {
     padding-left: 2em;
 }
 
 ul.unstyled {
     list-style: none;
 }
 
 em,
 .italic,
 address,
 cite,
 dfn,
 i,
 var {
     font-style: italic;
 }
 
 strong,
 .bold {
     font-weight: bold;
 }
 /* avoid top margins on first content element */
 
 p:first-child,
 .p-like:first-child,
 ul:first-child,
 ol:first-child,
 dl:first-child,
 blockquote:first-child,
 pre:first-child,
 h1:first-child,
 h2:first-child,
 h3:first-child,
 h4:first-child,
 h5:first-child,
 h6:first-child {
     margin-top: 0;
     margin-bottom: 0;
 }
 /* avoid margins on nested elements */
 
 li p,
 li .p-like,
 li ul,
 li ol {
     margin-top: 0;
     margin-bottom: 0;
 }
 /* max values */
 
 img,
 table,
 td,
 blockquote,
 code,
 pre,
 textarea,
 input,
 video {
     max-width: 100%;
 }
 
 img {
     height: auto;
     vertical-align: middle;
     border: 0;
 }
 
 a img {
     border: none;
 }
 
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
 .clearfix {
     display: inline-block;
 }
 
 * html .clearfix {
     height: 1%
 }
 
 .clearfix {
     display: block;
 }
 
 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }
 /* ----------------------------- */
 /* == GLOBAL CSS                 */
 /* ----------------------------- */
 
 .right {
     float: right;
 }
 
 .left {
     float: left;
 }
 
 .main {
     width: 100%;
 }
 
 .row,
 .col {
     overflow: hidden;
     margin: 0;
     padding: 0;
 }
 
 .grid {
     margin: 0;
     max-width: 1920px;
 }
 
 .grid,
 .row,
 .col {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 @media all and (min-width: 50em) {
     .col {
         float: left;
     }
     .col-1 {
         width: 8.33333333%;
     }
     .col-2 {
         width: 16.6666667%;
     }
     .col-3 {
         width: 25%;
     }
     .col-4 {
         width: 33.3333333%;
     }
     .col-5 {
         width: 41.6666666%;
     }
     .col-6 {
         width: 50%;
     }
     .col-7 {
         width: 58.3333333%;
     }
     .col-8 {
         width: 66.6666666%;
     }
     .col-9 {
         width: 75%;
     }
     .col-10 {
         width: 83.3333333%;
     }
     .col-11 {
         width: 91.6666666%;
     }
     .col-12 {
         width: 100%;
     }
 }
 
 .page-admin h1,
 #ariane-titre,
 .page-connexion-admin h1 {
     color: rgb(198, 188, 171);
     font-family: 'Pinyon Script', cursive;
     font-weight: 300;
     font-size: 40px;
     text-decoration: none;
 }
 
 .page-connexion-admin h1 {
     font-size: 60px;
     margin-top: 20px;
 }
 
 .page-admin {
     padding-top: 24px;
     padding-bottom: 30px;
     width: 95%;
     margin: 0 auto;
 }
 
 .principal {
     margin: 230px auto 20px;
 }
 /* ----------------------------- */
 /* == HEADER                     */
 /* ----------------------------- */
.espace-connexion {
    padding-top: 20px;
    text-align: center;
}

.espace-connexion a {
    color: rgb(44, 44, 44);
    font-family: "Josefin Sans",sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
}
 
 .reseaux-sociaux {
     float: right;
     margin-right: 10%;
     margin-top: -3%;
 }
 
 .reseaux-sociaux > img {
     padding: 5px;
 }
 
 .nav-top {
     background-color: rgb(237, 237, 237);
     font-family: 'Josefin Sans', sans-serif;
     width: 100%;
     box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
     margin-bottom: 3px;
 }
 
 ul.top {
     color: rgb(255, 255, 255);
     height: 45px;
     list-style: none;
     margin: 0;
     padding: 0;
     padding-top: 10px;
     text-decoration: none;
 }
 
 ul.top > li {
     display: inline;
 }
 
 ul.top > li > a {
     color: rgb(44, 44, 44);
     padding: 6px;
     text-decoration: none;
 }
 
 ul.top > li > a:hover {
     color: rgb();
 }
 
 body {
     margin: 0;
 }
 /* pas de puces*/
 
 li {
     list-style-type: none;
 }
 /* couleur de l'élément parent + pas de soulignage*/
 /*
 a {
 	color: rgb(255, 255, 255);
 	text-decoration: none;
 }
 
*/
 
 ul {
     padding: 0;
     margin: 0;
 }
 
 #navigation {
     background-color: rgb(145, 135, 123);
 }
 
 .menu-btn {
     background: none;
     border: none;
     color: rgb(153, 179, 194);
     font-family: 'Alegreya', serif;
     font-size: 55px;
     display: block;
     height: 40px;
     width: 70px;
     position: absolute;
     right: 5px;
     top: -16px;
 }
 /* Règles Mobile*/
 
 @media all and (max-width: 75em) {
     #navigation {
         /* On oblige la navicon à se mettre à droite*/
         
         font-family: 'Josefin Sans', sans-serif;
         font-size: 20px;
         direction: rtl;
     }
     nav * {
         direction: ltr;
     }
     #navigation {
         /* taille maximum correspandante à la hauteur de la navicon*/
         
         max-height: 50px;
     }
     #navigation,
     #sousmenu1>ul {
         /* On cache le conetenu qui dépasse */
         
         margin-top: -56px;
         overflow: hidden;
         -webkit-transition: all 0.25s ease;
         -moz-transition: all 0.25s ease;
         transition: all 0.25s ease;
     }
     .reseaux-sociaux {
         display: none;
     }
     /* Grace au js, quand on a la classe .active on l'affiche */
     
     #navigation.active,
     #navigation-other.active,
     #sousmenu1.active+ul,
     #sousmenu2.active+ul,
     #sousmenu1-other.active+ul,
     #sousmenu2-other.active+ul {
         max-height: 5000px;
         text-align: center;
         width: 100%;
         z-index: 5000;
         margin-top: 0;
     }
     /* idem ici*/
     
     #sousmenu1+ul {
         max-height: 0px;
         overflow: hidden;
     }
     #sousmenu1.active+ul {
         background-color: rgb(112, 48, 132);
         padding-bottom: 15px;
         padding-top: 15px;
     }
     #sousmenu1-other.active+ul {
         background-color: rgb(81, 81, 81);
         padding-bottom: 15px;
         padding-top: 15px;
     }
     ul.top {
         height: 40px;
     }
     li:first-child {
         margin-top: 15px;
     }
     .espace-connexion {
         padding-bottom: 15px;
     }
 }
 
 #navigation>ul>li {
     text-align: center;
     padding: 3px;
 }
 /*Règles PC*/
 
 @media all and (min-width: 75em) {
     .menu-btn {
         display: none;
     }
     #navigation {
         background: none;
         width: 100%;
         font-family: 'Josefin Sans', sans-serif;
         text-transform: uppercase;
         height: 40px;
     }
     #navigation ul {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 20px;
         text-transform: uppercase;
         background: rgb(145, 135, 123);
         border-radius: 4px;
         padding: 15px;
     }
     #navigation li {
         position: relative;
         padding: 3px;
         display: inline;
         margin: 0 2.2%;
         font-size: 20px;
     }
     #navigation li a {
         color: rgb(255,255,255);
         text-decoration: none;
     }
     /* On affiche pas le sous-menu1 */
     
     #navigation>ul>li>ul {
         display: none;
         position: absolute;
         /*Il est hauut de la hauteur de la ligne - 1px*/
         
         top: calc(20px - 1px);
         left: 0;
         min-width: 120px;
         text-align: left;
     }
     /* On affiche pas le sous-menu2*/
     
     #navigation>ul>li>ul>li>ul {
         display: none;
         position: absolute;
         right: 0;
         -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
         -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
         transform: translateX(100%);
         background-color: yellow;
     }
     /* On affiche le(s) sous-menu */
     
     #navigation ul li:hover>ul {
         display: inline;
         width: auto;
     }
     ul#sous-niveaux {
         background-color: rgba(123, 57, 144, 0.9);
         padding: 0 20px 20px;
         margin-top: 15px;
     }
     ul#sous-niveaux li > a {
         color: rgb(255, 255, 255);
     }
     ul.top {
         text-align: center;
         font-size: 20px;
     }
 }
 
 header {
     width: 85%;
     margin-left: 180px;
     margin-right: auto;
     position: absolute;
     margin-top: -20%;
 }
 
 header a > img {
     width: 90%;
 }
 
 .barre-recherche {
     font-family: 'Josefin Sans', sans-serif;
     width: 70%;
     margin: 7% 0 5% 5%;
 }
 
 .barre-selection {
     font-size: 18px;
     height: 25px;
     border: 0.5px solid rgb(145, 135, 123);
     border-radius: 2px;
     width: 45%;
     padding-top: 4px;
 }
 
 .barre-selection a {
     color: rgb(145, 135, 123);
     font-weight: 600;
     padding: 6px;
     padding-left: 15px;
     padding-right: 18px;
 }
 
 .botton-recherche {
     border: none;
     background: none;
     color: rgb(145, 135, 123);
     font-weight: 600;
     font-family: 'Josefin Sans', sans-serif;
     font-size: 18px;
 }
 
 .barre-selection a:hover {
     background: rgb(214, 225, 231);
     color: rgb(44, 44, 44);
 }
 
 #barre-right {
     border-right: 1px solid rgb(145, 135, 123);
 }
 
 .barre-recherche > form {
     border: 10px solid rgb(244, 244, 244);
     border-left: 25px solid rgb(244, 244, 244);
     border-right: 25px solid rgb(244, 244, 244);
     width: 100%;
 }
 
 .barre-recherche > form > input {
     font-family: 'Josefin Sans', sans-serif;
     border: none;
     height: 40px;
     font-size: 18px;
     font-weight: 600;
     width: 94%;
     padding: 10px;
 }
 
 .barre-recherche-form {
     border: 10px solid rgb(244, 244, 244);
     border-left: 25px solid rgb(244, 244, 244);
     border-right: 25px solid rgb(244, 244, 244);
     width: 100%;
 }
 
 .barre-recherche-form > input {
     font-family: 'Josefin Sans', sans-serif;
     border: none;
     height: 40px;
     font-size: 18px;
     font-weight: 600;
     width: 94%;
     padding: 10px;
 }
 
 .awm-btn-recherche-front {
     background: none;
     border: none;
     right: 0;
     width: 5%;
 }
 
 @media all and (max-width: 25em) {
     .barre-recherche {
         width: 95%;
     }
 }
 
 @media all and (max-width: 40em) {
     .barre-selection a {
         padding-left: 9px;
         padding-right: 9px;
     }
      .barre-recherche {
         width: 95%;
     }
     .barre-recherche-form > input {
         width: 75%;
     }
     .awm-btn-recherche-front {
         width: 14%;
     }
     .botton-recherche {
         font-size: 16px;
         padding: 0;
     }
     .barre-recherche > form > input {
         width: 80%;
     }
     header a > img {
         width: 40%;
     }
 }
 
 @media all and (min-width: 40em) and (max-width: 65em) {
     .barre-recherche-form > input {
         width: 80%;
     }
     .awm-btn-recherche-front {
         width: 10%;
     }
 }
 
 @media all and (min-width: 75em) and (max-width: 83em) {
     header {
         margin-top: -22%;
     }
     li {
         margin: 0 1%;
     }
 }
 
 @media all and (min-width: 83em) and (max-width: 88.5em) {
     header {
         margin-top: -20.5%;
     }
     li {
         margin: 0 1%;
     }
 }
 
 @media all and (min-width: 92.5em) and (max-width: 100em) {
     header {
         margin-top: -19.5%;
     }
 }
 
 @media all and (min-width: 100em) and (max-width: 105em) {
     header {
         margin-top: -17.5%;
     }
     header a > img {
         width: 80%;
     }
 }
 
 @media all and (min-width: 105em) and (max-width: 115em) {
     header {
         margin-top: -16.5%;
     }
     header a > img {
         width: 80%;
     }
 }
 
 @media all and (min-width: 115em) and (max-width: 120em) {
     header {
         margin-top: -15%;
     }
     header a > img {
         width: 70%;
     }
 }
 
 @media all and (max-width: 60em) {
     .principal {
         width: 100%;
         margin: 0;
     }
     header {
         text-align: center;
         position: inherit;
         margin-top: 30px;
         margin-left: 0;
     }
 }
 
 @media all and (min-width: 40em) and (max-width: 50em) {
     header a > img {
         width: 20%;
     }
 }
 
 @media all and (min-width: 50em) and (max-width: 60em) {
     header a > img {
         width: 80%;
     }
     header {
         margin-left: 50px;
     }
 }
 /* ------------------------ */
 /* == ADMIN MENU             */
 /* ------------------------ */
 
 .admin-btn {
     background: none;
     border: none;
     color: rgb(255, 255, 255);
     font-size: 50px;
     float: left;
     display: block;
     margin-top: -12px;
 }
 /* Règles Mobile*/
 
 @media all and (max-width: 50em) {
     .navigation-admin {
         /* On oblige la navicon à se mettre à droite*/
         
         font-size: 20px;
         direction: rtl;
         background: none;
     }
     .navigation-admin * {
         direction: ltr;
         cursor: pointer;
     }
     .navigation-admin {
         /* taille maximum correspandante à la hauteur de la navicon*/
         
         max-height: 50px;
     }
     .navigation-admin {
         /* On cache le conetenu qui dépasse */
         
         margin-top: -52px;
         overflow: hidden;
         -webkit-transition: all 0.25s ease;
         -moz-transition: all 0.25s ease;
         transition: all 0.25s ease;
     }
     /* Grace au js, quand on a la classe .active on l'affiche */
     
     .navigation-admin.active {
         max-height: 5000px;
         width: 100%;
         z-index: 5000;
         margin-top: 0;
     }
 }
 /*Règles PC*/
 
 @media all and (min-width: 50em) {
     .admin-btn {
         display: none;
     }
     .navigation-admin {
         background: none;
         width: 100%;
         font-family: "Raleway", sans-serif;
         height: auto;
         text-transform: inherit;
     }
 }
 /* ------------------------ */
 /* == ADMIN MAIN            */
 /* ------------------------ */
 
 .admin-main {
     background-color: rgb(255, 255, 255);
     box-shadow: 0 1px 1px rgba(90, 90, 90, 0.7);
     -moz-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.7);
     -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.7);
     width: 100%;
     font-family: "Raleway", sans-serif;
     font-size: 18px;
     height: auto;
 }
 
 .admin-left {
     background-color: rgb(244,238,215);
 }
 
 #recherche-form {
     margin: 0;
 }
 
 .awm-search-right {
     width: 100%;
     border-top: 1px solid rgb(54, 103, 132);
     border-bottom: 1px solid rgb(54, 103, 132);
     height: 66px;
 }
 
 .awm-search {
     border-color: rgb(244, 244, 244);
     border-style: solid;
     border-width: 10px 10px;
     width: 30%;
     float: right;
 }
 
 #admin-search {
     border: medium none;
     font-weight: 300;
     height: 44px;
     font-size: 16px;
     font-style: italic;
     padding: 0 10px;
     width: 84%;
 }
 
 .awm-btn-recherche {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: medium none;
     right: 0;
 }
 
 .admin-user {
     background-color: rgb(89,45,45);
     color: rgb(255, 255, 255);
     text-align: center;
     padding: 10px 0;
 }
 
 .admin-user h1 {
     font-size: 20px;
     font-weight: 500;
     margin: 0;
	 color:#fff;
 }
 
 .admin-user h2 {
     font-size: 18px;
     font-weight: 300;
     font-style: italic;
     margin: 0;
	 color:#fff;
 }
 
 .navigation-admin {
     color: #feb900;
     padding: 0 35px;
 }
 
 .navigation-admin a {
     color: rgb(255, 255, 255);
     text-decoration: none;
 }
 
 .navigation-admin h1 {
     font-family: "Great Vibes", cursive;
     font-size: 40px;
     font-weight: 400;
     text-align: center;
     padding-top: 20px;
 }
 
 .nav-admin {
     list-style: none;
     padding-bottom: 200px;
     padding-left: 0;
 }
 
 .nav-admin a {
     color: rgb(0,0,0);
     text-decoration: none;
     padding-left: 6px;
 }
 
 .nav-admin h3 {
     font-size: 20px;
     font-weight: 600;
     margin: 0;
     padding: 5px 0;
 }
 
 .admin-ligne-menu {
     border: 1px solid rgb(54, 103, 132);
     margin: 15px 0 10px;
 }
 
 .admin-bloc-left {
     border: 1px solid rgb(225, 225, 225);
     min-height: 220px;
     width: 96%;
     margin-right: auto;
     margin: 20px auto 10px 0;
 }
 
 .admin-bloc-right {
     border: 1px solid rgb(225, 225, 225);
     margin: 20px auto 10px 0;
     min-height: 220px;
     width: 100%;
 }
 
 #bloc-admin-bas {
     min-height: 360px;
 }
 
 .admin-bloc-left h2,
 .admin-bloc-right h2 {
     border-bottom: 1px solid rgb(103, 153, 182);
     font-size: 20px;
     font-weight: 600;
     padding: 8px 15px;
 }
 
 .admin-resume-contenu {
     color: rgb(104, 104, 104);
     text-align: center;
     width: 95%;
     margin-top: 7%;
 }
 
 .admin-bloc-contenu {
     padding-top: 20px;
     margin-left: auto;
     width: 95%;
     margin-right: 5px;
     padding-left: 15px;
 }
 
 .admin-resume-contenu h3 {
     font-size: 20px;
     font-weight: 300;
 }
 
 .admin-resume-contenu p {
     font-size: 30px;
     font-weight: 600;
     color: rgb(67, 118, 148);
     margin-top: 10px;
 }
 
 .param-compte li {
     list-style: url('../img/fleche-admin.png');
 }
 
 .param-compte a {
     color: rgb(104, 104, 104);
     font-weight: 300;
     text-decoration: none;
 }
 
 #admin-deconnexion {
     font-weight: 400;
     font-style: italic;
     color: rgb(43, 43, 43);
 }

#activites-recentes {
    padding-left: 15px;
    padding-top: 5px;
}

 
 #activites-recentes a {
     font-weight: 300;
     color: rgb(104, 104, 104);
     padding-bottom: 5px;
 }
 
 #date-activites {
     color: rgb(67, 118, 148);
     font-weight: 600;
 }
 
 .admin-bloc-perso-contenu {
     padding-top: 20px;
     width: 90%;
     margin: 0 auto;
 }
 
 #titre-brouillon,
 #brouillon-contenu-textarea {
     font-family: 'Lato', sans-serif;
     font-size: 16px;
     font-style: italic;
     font-weight: 300;
     width: 100%;
     height: 35px;
     border: 1px solid rgb(199, 217, 226);
     padding-left: 10px;
 }
 
 #brouillon-contenu-textarea {
     font-family: 'Lato', sans-serif;
     height: 180px;
 }
 
 .btn-enreg {
     background-color: rgb(54, 103, 132);
     box-shadow: 2px 2px rgba(90, 90, 90, 0.7);
     -moz-box-shadow: 2px 2px rgba(90, 90, 90, 0.7);
     -webkit-box-shadow: 2px 2px rgba(90, 90, 90, 0.7);
     border: none;
     color: rgb(255, 255, 255);
     font-family: 'Lato', sans-serif;
     font-size: 18px;
     font-weight: 300;
     font-style: italic;
     float: right;
     padding: 6px 30px;
     margin-top: 10px;
 }
 
 @media all and (max-width: 50em) {
      .page-admin h1,
      #ariane-titre,
     .page-connexion-admin h1 {
         font-size: 30px;
     }
     .admin-resume-contenu h3 {
         font-size: 18px;
     }
     .admin-resume-contenu p {
         font-size: 22px;
     }
     .navigation-admin h1 {
         font-size: 30px;
         padding-top: 50px;
     }
     .nav-admin h3 {
         font-size: 18px;
     }
     .admin-main {
         font-size: 16px;
     }
     .nav-admin {
         padding-bottom: 20px;
     }
     .awm-search {
         width: 100%;
     }
     #admin-search {
         width: 75%;
     }
     .admin-presentation h1 {
         font-size: 30px;
     }
     .admin-bloc-left {
         margin: 20px auto;
     }
     .admin-resume-contenu {
         margin: 7% auto;
     }
     .admin-bloc-right {
         width: 96%;
         margin: 0 auto;
     }
     .admin-bloc-left h2,
     .admin-bloc-right h2 {
         font-size: 18px;
     }
     .nav-admin a {
         font-size: 18px;
     }
     .admin-main {
         padding-bottom: 20px;
     }
 }
 
 @media all and (min-width: 50em) and (max-width: 65em) {
     .awm-search {
         width: 50%;
     }
     .admin-resume-contenu {
         margin-left: 0;
     }
     .admin-resume-contenu h3 {
         font-size: 18px;
     }
     .navigation-admin {
         padding: 0;
     }
     .nav-admin h3 {
         padding: 5px 5px;
     }
     #activites-recentes a {
         font-size: 16px;
     }
 }
 
 @media all and (min-width: 65em) and (max-width: 82em) {
     .awm-search {
         width: 40%;
     }
 }
 /* ------------------------- - */
 /* == ADMIN CONNEXION         */
 /* ------------------------- */
 
 .page-connexion-admin {
     text-align: center;
 }
 
 .bloc-connexion-admin {
     background-color: rgb(244, 244, 244);
     border: 1px solid rgb(90, 90, 90);
     width: 50%;
     margin: 50px auto;
 }
 
 .bloc-connexion-admin-container {
     width: 60%;
     margin: 0 auto;
     padding: 40px 0;
 }
 
 #form-connexion {
     text-align: left;
 }
 
 #form-connexion h3 {
     font-size: 20px;
     font-weight: 300;
     margin-bottom: 10px;
 }
 
 .input-connexion {
     border: 1px solid rgb(90, 90, 90);
     width: 100%;
     height: 35px;
 }
 
 #oublie-mot-passe {
     margin-top: 10px;
     text-align: center;
 }
 
 #oublie-mot-passe a {
     color: rgb(42, 64, 81);
     font-size: 16px;
 }
 
 .btn-connexion {
     background-color: #592d2d;
     border: medium none;
     box-shadow: 2px 2px rgba(90, 90, 90, 0.7);
     color: rgb(255, 255, 255);
     font-family: "Lato", sans-serif;
     font-size: 18px;
     font-style: italic;
     font-weight: 300;
     margin-top: 10px;
     padding: 6px 30px;
 }
 
 #btn-connexion-align {
     text-align: center;
 }
 
 @media all and (max-width: 40em) {
     .bloc-connexion-admin {
         width: 95%;
     }
     .page-connexion-admin h1 {
         font-size: 38px;
     }
     #form-connexion h3 {
         font-size: 18px;
     }
     .bloc-connexion-admin-container {
         width: 80%;
     }
 }
 
 @media all and (min-width: 40em) and (max-width: 50em) {
     .page-connexion-admin h1 {
         font-size: 46px;
     }
     .bloc-connexion-admin {
         width: 60%;
     }
 }
 
 @media all and (min-width: 50em) and (max-width: 60em) {
     .page-connexion-admin h1 {
         font-size: 46px;
     }
     .bloc-connexion-admin {
         width: 60%;
     }
 }
 /* --------------------------- */
 /* == ADMIN SEQUENCE 2         */
 /* --------------------------- */
 
 #btn-new a {
     background-color: rgb(54, 103, 132);
     box-shadow: 2px 2px rgba(90, 90, 90, 0.7);
     -moz-box-shadow: 2px 2px rgba(90, 90, 90, 0.7);
     -webkit-box-shadow: 2px 2px rgba(90, 90, 90, 0.7);
     border: none;
     color: rgb(255, 255, 255);
     font-family: 'Lato', sans-serif;
     font-size: 18px;
     font-weight: 300;
     font-style: italic;
     float: right;
     margin-top: -38px;
     padding: 6px 30px;
     text-decoration: none;
 }
 
 #table-sequence2 {
     border: 1px solid rgb(225, 225, 225);
     font-size: 18px;
     font-weight: 300;
     margin-top: 30px;
     width: 100%;
     border-collapse: collapse;
 }
 
 #table-sequence2 thead {
     border-bottom: 1px solid rgb(199, 217, 226);
     height: 40px;
     text-align: left;
 }
 
 #th-left {
     width: 30%;
 }
 
 #th-right {
     width: 55%;
 }
 
 #table-sequence2 td,
 #table-sequence2 th {
     padding-left: 10px;
 }
 
 #ligne1 {
     background-color: rgb(248, 248, 248);
 }
 
 #ligne1,
 #ligne2 {
     height: 75px;
 }
 
 #table-date {
     text-decoration: underline;
 }
 
 #table-titre {
     color: rgb(67, 118, 148);
     font-weight: 500;
 }
 
 #admin-icon img {
     padding: 0 5px;
 }
 
 .admin-supp, .admin-nav {
     text-align: center;
     margin-top: 30px;
 }
 
 .admin-supp a {
     color: rgb(43, 43, 43);
     font-family: "Great Vibes", cursive;
     font-size: 30px;
     font-weight: 600;
     letter-spacing: 1.2em;
     text-decoration: none;
 }
 
.admin-nav a {
     color: rgb(43, 43, 43);
     font-family: "Great Vibes", cursive;
     font-size: 1.3em;
     font-weight: 600;
     text-decoration: none;
 }
 .smartphone-only,
 .smartphone-only-titre {
     display: none;
 }
 
 @media all and (max-width: 30em) {
     #th-right {
         display: none;
     }
     .smartphone-only-titre {
         display: inherit;
         padding-left: 5px;
     }
     .smartphone-only {
         display: inherit;
     }
     #smartphone-none {
         display: none;
         width: inherit;
     }
     #smartphone-size {
         width: 78%;
     }
     #admin-icon img {
         padding: 0 1px;
     }
     #table-sequence2 {
         font-size: 16px;
     }
     #th-left {
         display: inline-flex;
         width: 80%;
     }
     #table-sequence2 td {
         padding: 12px 0 10px 12px;
     }
     .admin-sequence2 h1 {
         font-size: 30px;
     }
 }
 
 @media all and (max-width: 50em) {
     .admin-supp {
         margin-top: 0;
         margin-bottom: 20px;
     }
 }
 /* --------------------------- */
 /* == ADMIN SEQUENCE 3         */
 /* -------------------------- */
 
 #bloc-admin-reglages {
     margin-top: 10px;
     min-height: 280px;
     padding-bottom: 20px;
 }
 
 #contenu-seq3 {
     padding-top: 0;
 }
 
 #ariane {
     color: rgb(67, 118, 148);
     font-size: 20px;
     font-weight: 300;
     font-style: italic;
     text-decoration: none;
 }
 
 .filtre-ariane img {
     padding: 0 10px;
 }
 
 .btn-media {
     background-color: rgb(54, 103, 132);
     border: medium none;
     box-shadow: 2px 2px rgba(90, 90, 90, 0.7);
     color: rgb(255, 255, 255);
     font-family: "Lato", sans-serif;
     font-size: 18px;
     font-style: italic;
     font-weight: 300;
     margin-top: 10px;
     padding: 6px 30px;
 }
 
 .btn-supp {
     float: left;
 }
 
 .supp-media {
     width: 90%;
     margin: 15px auto;
 }
 
 .supp-media-container {
     float: right;
     text-align: right;
 }
 
 .btn-supp-img {
     background-color: rgb(238, 238, 238);
     border: medium none;
     box-shadow: 1.5px 1.5px rgba(90, 90, 90, 0.7);
     color: rgb(43, 43, 43);
     font-family: "Lato", sans-serif;
     font-size: 16px;
     font-style: italic;
     font-weight: 300;
     padding: 3px 10px;
     margin: 6px 0 6px 2px;
 }
 
 #title-media {
     font-size: 16px;
     margin-left: 20px;
     text-decoration: underline;
 }
 
 .ck-editor {
     width: 95%;
     margin: 10px 0;
 }
 
 .ck-editor h2 {
     background-color: rgb(248, 248, 248);
     border: 1px solid rgb(43, 43, 43);
     font-size: 20px;
     font-weight: 400;
     text-align: center;
     padding: 8px 0;
     margin: 0;
 }
 
 .textarea-admin,
 .textarea-admin-contenu {
     min-height: 100px;
     margin-top: 2px;
     width: 100%;
 }
 
 .textarea-admin {
     margin-bottom: 20px;
 }
 
 .admin-input {
     border: 1px solid rgb(43, 43, 43);
     font-size: 15px;
     font-style: italic;
     padding: 5px;
 }
 
 .textarea-admin-contenu {
     min-height: 250px;
 }
 
 .titre-label-admin {
     font-style: italic;
     left: 0;
     line-height: 2.5em;
     position: absolute;
     white-space: normal;
     width: 80px;
 }
 
 .admin-form-auteur {
	margin-top: 10px;
	margin-left: 10px;
	
 }
 
 #ligne-admin {
     min-height: 40px;
     overflow: visible;
     padding-left: 80px;
     position: relative;
     width: auto;
     clear: both;
 }
 
 .ui-select-native {
     -moz-appearance: none;
     background: #fff url("../img/img-select.png") no-repeat scroll 100% center;
     border: 1px solid rgb(43, 43, 43);
     color: #868474;
     cursor: pointer;
     float: none;
     font-size: 16px;
     height: 30px;
     outline: medium none;
     padding-left: 5px;
     padding-right: 50px;
     width: inherit;
 }
 
 .admin-bloc-apercu {
     border: 1px solid rgb(225, 225, 225);
     margin-top: 20px;
     text-align: center;
     padding: 15px 0;
 }
 
 .admin-bloc-apercu a {
     color: rgb(43, 43, 43);
     font-style: italic;
     font-size: 20px;
 }
 
 @media all and (max-width: 19em) {
     .btn-supp {
         float: right;
     }
 }
 
 @media all and (max-width: 50em) {
     .ck-editor {
         width: 100%;
     }
     .admin-bloc-apercu {
         width: 96%;
         margin: 20px auto;
     }
     #bloc-admin-reglages {
         margin-top: 30px;
     }
     #bloc-admin-historique {
         margin-top: 20px;
     }
 }
 
 @media all and (min-width: 50em) and (max-width: 75em) {
     .titre-label-admin {
         left: inherit;
         line-height: inherit;
         position: inherit;
     }
     #ligne-admin {
         padding-left: 0;
         margin: 10px 0;
     }
     .admin-input {
         margin-top: 5px;
     }
 }
 
 @media all and (min-width: 50em) and (max-width: 65em) {
     .btn-supp-img {
         font-size: 14px;
     }
     .admin-bloc-left h2,
     .admin-bloc-right h2 {
         font-size: 18px;
     }
 }
 
 @media all and (min-width: 110em) {
     .admin-main,
     #titre-brouillon,
     #brouillon-contenu-textarea,
     #table-sequence2,
     #btn-new a,
     #form-connexion h3,
     .admin-bloc-left h2,
     .admin-bloc-right h2,
     .admin-bloc-apercu a {
         font-size: 24px;
     }
     #titre-brouillon,
     #brouillon-contenu-textarea {
         height: 40px;
     }
     #brouillon-contenu-textarea {
         height: 220px;
     }
     #bloc-admin-bas {
         min-height: 445px;
     }
     .admin-resume-contenu h3 {
         font-size: 28px;
     }
     #bloc-admin-haut {
         min-height: 260px;
     }
     .nav-admin h3 {
         font-size: 26px;
     }
     .navigation-admin h1 {
         font-size: 50px;
     }
     .admin-presentation h1,
     .admin-sequence2 h1 {
         font-size: 50px;
     }
     #ligne1,
     #ligne2 {
         height: 100px;
     }
     .admin-supp a {
         font-size: 40px;
     }
     .admin-user h1 {
         font-size: 26px;
     }
     .admin-user h2,
     .btn-connexion,
     .btn-media,
     .btn-enreg {
         font-size: 22px;
     }
     #admin-search {
         font-size: 22px;
         height: 52px;
     }
     .awm-search-right {
         height: 78px;
     }
     .page-admin h1,
     #ariane-titre,
     .page-connexion-admin h1 {
         font-size: 50px;
     }
     #oublie-mot-passe a {
         font-size: 20px;
     }
     .titre-label-admin {
         width: 120px;
     }
     #ligne-admin {
         padding-left: 120px;
     }
     #contenu-seq3 {
         padding: 0 0 30px;
     }
 }
 /* -------------------------- */
 /* == FOOTER                  */
 /* ------------------------- */
 
 .ligne1 {
     background: rgb(145, 135, 123);
     box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
     font-family: 'Raleway', sans-serif;
     font-size: 16px;
     color: rgb(255, 255, 255);
     width: 85%;
     margin: 40px auto 40px;
     min-height: 235px;
 }
 
 .bloc-footer,
 .bloc-footer2 {
     width: 80%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 20px;
 }
 
 .bloc-footer2 {
     width: 90%;
 }
 
 .bloc-footer h3,
 .bloc-footer2 h3 {
     font-family: 'Pinyon Script', cursive;
     font-size: 30px;
     padding-bottom: 20px;
 }
 
 .bloc-footer li {
     display: block;
     font-size: 16px;
 }

.bloc-footer li a,
 .bloc-footer2 a {
    color: rgb(255,255,255);
     text-decoration: none;
}
 
 .bloc-footer ul li a:hover,
 .bloc-footer2 a:hover {
     color: rgb(153, 179, 194);
     font-weight: 600;
 }
 
 #newsletter > input {
     border: 1px solid rgb(130, 130, 130);
     font-size: 14px;
     height: 40px;
     margin-top: 20px;
     width: 75%;
 }
 
 #btn {
     background-color: rgb(44, 44, 44);
     color: rgb(255, 255, 255);
     font-size: 18px;
     margin-left: -5px;
     padding: 6px 8px 9px;
 }
 
 .copyright {
     width: 90%;
     margin: 30px auto 20px;
     text-align: center;
 }
 
 .copyright a {
     color: rgb(44, 44, 44);
     font-weight: 500;
     padding: 10px;
 }
 
 .ligne2 {
     background: rgb(255, 255, 255) none repeat scroll 0 0;
     border: 1px solid rgb(230, 230, 230);
     box-shadow: 0 0 5px rgb(227, 227, 227);
     font-family: 'Raleway', sans-serif;
     margin: 30px auto;
     min-height: 150px;
     width: 85%;
 }
 
 .ligne2 h3 {
     font-weight: 400;
     font-size: 18px;
     padding-left: 10px;
     padding-top: 10px;
 }
 
 #ligne2-contenu {
     text-align: center;
     width: 95%;
     margin-left: auto;
     margin-right: auto;
 }
 
 #ligne2-contenu > img {
     padding: 0 75px 20px;
 }

.contacts-contenu a {
    color: rgb(255, 255, 255);
}
 
 @media all and (max-width: 40em) {
     .bloc-footer,
     .bloc-footer2 {
         width: 90%;
         margin: 10px auto 20px;
     }
     .copyright {
         width: 100%;
     }
     .copyright a {
         font-size: 16px;
     }
     #smartphone-none {
         display: none;
     }
     #ligne2-contenu {
         width: 80%;
     }
     #ligne2-contenu > img {
         padding: 15px;
         width: 40%;
     }
     .bloc-footer ul {
         margin-top: -6%;
     }
 }
 
 @media all and (max-width: 60em) {
     .ligne1,
     .ligne2 {
         width: 100%;
     }
     .bloc-footer,
     .bloc-footer2 {
         margin-left: 50px;
     }
 }
 
 @media all and (min-width: 40em) and (max-width: 60em) {
     #ligne2-contenu > img {
         padding: 10px 10px;
     }
     #newsletter > input {
         width: 100%;
     }
     #btn {
         float: right;
         margin-top: 1%;
     }
 }
 
 @media all and (min-width: 60em) and (max-width: 75em) {
     #ligne2-contenu > img {
         padding: 10px 26px;
     }
 }
 
 @media all and (min-width: 75em) and (max-width: 88.5em) {
     #ligne2-contenu > img {
         padding: 10px 50px;
     }
 }
 
 .admin-saisie-textarea textarea {
     width: 600px;
 }
 /*   Onglets   */
 
 .onglet-conteneur {
     margin: 0;
     padding: 0 0 0 5px;
 }
 
 .onglet-label {
     display: inline-block;
     margin: 5px 2px 0 2px;
     padding: 5px 10px;
     border: 1px solid #AAA;
     border-bottom: none;
     border-radius: 5px 5px 0 0;
     -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
     color: #555;
     cursor: pointer;
     font-weight: bold;
 }
 
 .onglet-inactif {
     background: white;
 }
 
 .onglet-inactif:hover {
     background: #AAA;
 }
 
 .onglet-affiche {
     background: white;
     border-bottom: 2px solid white;
     padding-bottom: 4px;
     cursor: text;
 }
 
 .onglet-contenu {
     background-color: white;
     margin-top: -1px;
     padding: 5px;
     display: none;
     border: 1px solid #AAA;
     border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     color: #555;
     cursor: text;
     height: 80%;
 }
 
 #onglet-formulaire {
     height: 450px;
 }
 
 #onglet-formulaire input {
     width: 450px;
     max-width: 450px;
 }
 
 .admin-image-taille {
     color: red;
 }
 
 
/*   Admin-Onglets   */
.admin-onglet-conteneur
{
margin: 0;
padding:0 0 0 5px;
}

.admin-onglet-label
{
display:inline-block;
margin:5px 2px 0 2px;
padding:5px 10px ;
border:1px solid #AAA;
border-bottom:none;
border-radius:5px 5px 0 0;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
color:#555;
cursor: pointer;
font-weight:bold;
}

.admin-onglet-inactif
{
background:white;
}

.admin-onglet-inactif:hover
{
 background:#AAA;
}

.admin-onglet-affiche
{
background:white;
border-bottom:2px solid white;
padding-bottom:4px;
cursor:text;
}

.admin-onglet-contenu
{
background-color:white;
margin-top:-1px;
padding:5px;
display:none;
border:1px solid #AAA;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#555;
cursor: text;
height: 80%;
overflow: auto;
}

#admin-onglet-formulaire .button-plus-moins {
	width: 35px;
}

#admin-onglet-formulaire {
	height:400px;
}

#admin-onglet-formulaire input {
	width: 400px;
	max-width: 450px; 
}

#documents-admin #admin-onglet-formulaire {
    height: 500px;
}

#documents-admin #ligne-admin {
	padding-left: 120px;
}

#documents-admin .titre-label-admin {
	width: 120px;
}

#input_ta_section {
	width: 100%;
	max-width: 250px;
}

#admin-onglet-formulaire #input_ta_jj, 
#admin-onglet-formulaire #input_ta_mm, 
#admin-onglet-formulaire #input_ta_aaaa
{ 
	width: 60px;
}

#documents-admin .ligne-date #ligne-admin {
	padding-left: 120px;
}

.liste-fichiers-un > img {
	width: 12%;
}

.liste-fichiers-fixe {
	overflow: auto;
	width: 100%;
	height: 250px;
}

.contenu-localisation-fixe {
	width: 100%;
	height: 388px;
	overflow: auto;
}

.contenu-localisation {
}

#droparea {
    border: 4px dashed #ddd;
    height: 200px;
    text-align: center;
    font-size: 13px;
}

#droparea p {
    margin: 0;
    padding: 60px 0 0 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

#browse {
    border: 1px solid #BBB;
    text-decoration: none;
    padding: 3px 8px;
    color: #464646;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: linear-gradient(top, #ffffff, #f4f4f4);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

#admin-auteur-livres h3 {
    font-weight: 500;
    font-size: 20px;
    padding-top: 20px;
}

.bloc_erreur {
    color: rgb(198,14,14);
}

/* table-scroll */
	#table-scroll{
		margin-top: 25px;
	}
	.table-scroll {
		position: relative;
		width:100%;
		z-index: 1;
		margin: auto;
		overflow: scroll;
		height: 550px;
	}
	.table-scroll table {
		width: 100%;
		min-width: 800px;
		margin: auto;
		border-collapse: separate;
		border-spacing: 0;
	}
	.table-wrap {
		position: relative;
	}
	
	.table-scroll th,
	.table-scroll td {
		padding: 2px 2px;
		border: 1px solid #000;
		background: #fff;
		vertical-align: top;
	}
	.table-scroll thead th {
		background: #333;
		color: #fff;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
	}
	
	/* safari and ios need the tfoot itself to be position:sticky also */
	.table-scroll tfoot,
	.table-scroll tfoot th,
	.table-scroll tfoot td {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		background: #666;
		color: #fff;
		z-index:4;
	}
	
	
	.table-scroll th:first-child {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		z-index: 2;
		background: #ccc;
	}
	
	.table-scroll thead th:first-child,
	.table-scroll tfoot th:first-child {
		z-index: 5;
	}

/*   Admin-Onglets   */

#admin-onglet-conteneur {
}
.admin-onglet-titres {
}

.admin-onglet-conteneur
{
margin: 0;
padding:0 0 0 5px;
}

.admin-onglet-label
{
display:inline-block;
margin:5px 0 0;
padding:5px 10px ;
border:1px solid rgb(43,43,43);
    border-bottom: none;
border-radius:5px 5px 0 0;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
color:rgb(0,0,0);
cursor: pointer;
}

.admin-onglet-inactif
{
background:white;
}

.admin-onglet-inactif:hover
{
 background:rgba(55, 59, 63,0.1);
}

.admin-onglet-affiche
{
background-color: rgba(43, 43, 43, 0.1);
    border-bottom: 1px solid rgb(232, 232, 232);
padding-bottom:4px;
cursor:text;
}

.admin-onglet-contenu
{
background-color:white;
margin-top:-1px;
padding:0;
display:none;
border:1px solid #AAA;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#555;
cursor: text;
}

#input_co_titre, #input_q1_0 {
	width: 33em;
}

#admin-vin1 input {
	width: 33em;
}

#slide-mg-input input {
	width: 33em;
}