@charset "utf-8";
/* CSS Document */
/* Dans ce fichier ne doit être présent que la mise en forme générale du site ainsi que la mise en forme dans les zones spécifiques */

body {margin:0; padding:0; font-family:"Open Sans", Arial; font-weight:300; font-size:15px; background:#ffff; color:#3c3c3c;}
strong {font-weight:600;}


#global {padding-top:80px;}
.noscroll #global {overflow: hidden; height:0px;}
.global { padding:0 10px; margin:0 auto;}

.ctn-loader {display: none; margin: 20px 0;}
.ctn-loader img {display: block; margin: 0 auto;}

/* BANDEAU */
#bandeau-conteneur-global {padding:0; position:fixed; left:0px; top:0px; width:100%; z-index:3000; height:80px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0045a3+0,0070e2+19,0070e2+81,0045a3+100 */
background: #0045a3; /* Old browsers */
background: -moz-linear-gradient(left, #0045a3 0%, #0070e2 19%, #0070e2 81%, #0045a3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0045a3 0%,#0070e2 19%,#0070e2 81%,#0045a3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0045a3 0%,#0070e2 19%,#0070e2 81%,#0045a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045a3', endColorstr='#0045a3',GradientType=1 ); /* IE6-9 */
}
#bandeau-conteneur-image { width:100%; height:100%; background:url(../images/bandeau-fond.png) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


#bandeau {}
.lg {height:80px;}
.sm {height:80px;}


/* Bandeau non réduit */
#bandeau .global {position: relative; z-index: 400; height:100%; width:100%; }

#bandeau #logo {padding: 15px 0 0 1px; position:relative; z-index:10;}
#bandeau #logo a,
#bandeau #logo a:visited {}
#bandeau #logo a img {display:block; height:60px; width:auto; margin:0 auto;}  

/* CENTRE */
#centre {min-height:150px; position: relative; z-index: 10;}
#centre .global {}
#centre .global .contenu-wrapper {padding:10px 0 0; min-height:150px; position:relative;}

/* CONTENU */
#contenu {overflow:hidden; overflow-x:auto; padding-bottom: 50px;}
#contenu.agoraline { padding-bottom: 230px;} 

#contenu h1 {color:#383b45; font-size:30px; text-align:left; }
#contenu h2 {color:#383b45; font-size:20px; position:relative;text-align:left;}
#contenu h3 {color:#383b45; font-size:17px; text-align:left; position: relative; padding-left: 9px; margin-left: 35px;}
#contenu h3::before { content: "-"; left: 0; top: 0; position: absolute;}
#contenu p {color:#3c3c3c; margin-left: 34px;}
#contenu ul {padding-left:5px; margin-left:30px;}
#contenu ul li {padding-left:15px; margin:7px 0; list-style:none; text-align:left;  position:relative;}
#contenu ul li::before{ content: "\f0da "; font-family: FontAwesome; font-size: 8px; display: block; width: 8px;height: 8px;text-align: center;padding: 1px 0.5px 1px 1.5px;line-height: 9px;position: absolute; left: 0; top: 3px; color: #fff; background:#ff6000; border-radius:10px;}
#contenu a,
#contenu a:visited {color:#fc790f; text-decoration:underline;}

a,
a:visited {color:#fc790f; text-decoration:underline;}
a:hover {text-decoration:none;}
#global ul li p {margin:0px;}


/* LISTE */
#groupes-filtres {margin-bottom:20px; display:-webkit-box;  display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly;}
#groupes-filtres label {padding: 10px;}
#groupes-filtres-liste-suivi-projet {margin-bottom:20px;}
#groupes-filtres-liste-suivi-projet label {padding: 10px;}
#groupes-filtres-liste-suivi-projet button {margin: 10px 0 0 10px;}
#groupes-filtres-liste-suivi-projet label + label {margin-left: 10px;}
#groupes-ajout {text-align:center;}

#groupe-parent-conteneur {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start;}

#groupes-conteneur {width: 80%; min-width: 928px;}
#groupes-conteneur.ctn-liste-suivi-projet {width: 100%; min-width: 630px; max-width: 1160px;}
#groupes-conteneur .groupe-elements-conteneur {display:none;}
#groupes-conteneur .groupe-elements-conteneur.visible {display:block;} 
#groupes-conteneur .groupe-elements-conteneur h2 {margin-bottom:0;}
#groupes-conteneur .groupe-edit {margin-left:10px; cursor:pointer; padding:0 5px;}
#groupes-conteneur .groupe-add {margin-left:10px; cursor:pointer; padding:0 5px;}
#groupes-conteneur .groupe-element-description > div{padding:5px; border:1px solid #ccc; background:#f5f6fa;font-size: 14px;font-style: italic;}
#updateGroupe-form textarea {width:calc(100% - 12px);}
#groupes-conteneur .groupe-elements {margin-top: 15px;}
#groupes-conteneur .groupe-elements-colonnes {min-width: 928px; display: -webkit-box;    display: -ms-flexbox;    display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#groupes-conteneur .groupe-elements-colonnes .titre {font-size:25px;}
#groupes-conteneur .groupe-elements-colonnes > div {width:49%;}
#groupes-conteneur .groupe-element {margin:5px 0; display:none; position:relative; }
#groupes-conteneur .groupe-element.visible {display:block;}

#groupes-conteneur .statut span {padding:3px 5px; display:inline-block; vertical-align:top; color:#fff;}
#groupes-conteneur .statut-1 span,
#groupes-conteneur .statut-a-faire span {background:#4353ff;}
#groupes-conteneur .statut-2 span {background:#ff6432;}
#groupes-conteneur .statut-3 span,
#groupes-conteneur .statut-fini span {background:#00c877;}
#groupes-conteneur .statut-4 span {background:#fdab3d;}
#groupes-conteneur .statut-5 span {background:#ff158b;}
#groupes-conteneur .statut-6 span {background:#224f91;}
#groupes-conteneur .statut-7 span {background:#784bd1;}
#groupes-conteneur .statut-8 span {background:#0cff;}
#groupes-conteneur .statut-9 span {background:#fd0000;}

#groupes-conteneur .qui span {padding:3px 5px; display:inline-block; vertical-align:top; color:#fff;}
#groupes-conteneur .qui-1 span {background:#589bfc;}
#groupes-conteneur .qui-2 span {background:#784bd1;}
#groupes-conteneur .qui-3 span {background:#ff158b;}
 
#groupes-conteneur .groupe-element-colonnes { background:#f5f6fa; border-radius:3px; border:1px solid #ccc; min-width:/*780px*/452px;  display:-webkit-box;  display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify;  -ms-flex-pack: justify; justify-content: space-between;}
#groupes-conteneur .groupe-element.miseenavant .groupe-element-colonnes {background:#9cffd1;}
#groupes-conteneur .groupe-element-colonnes > div {border-left:1px solid #ccc; padding:10px 5px;  }
#groupes-conteneur .groupe-element-colonnes > div > span { height:calc(100% - 10px); display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#groupes-conteneur .groupe-element-plus {width:15px; border-left:5px solid #0056bb !important; padding-left:7px !important; border-radius:3px 0 0 3px;}
#groupes-conteneur .groupe-element.suivi-vide .groupe-element-plus {border-left-color: #89ccfe !important;}
#groupes-conteneur .groupe-element-plus.lien {cursor:pointer;} 
#groupes-conteneur .groupe-element-date {width: 80px;}
#groupes-conteneur .groupe-element-nom {width:calc(100% - /*315px*/45px); padding-left: 10px; font-size: 17px; font-weight: 600; display:-webkit-box;  display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify;  -ms-flex-pack: justify; justify-content: space-between;}
#groupes-conteneur .groupe-element.agoraline .groupe-element-nom {width:/*calc(100% - 530px)*/calc(100% - 200px);}
#groupes-conteneur .groupe-element-nom-detail {width: calc(100% - 290px);}
#groupes-conteneur .groupe-element-nom .identifiant {font-size:13px; font-weight:300; }
#groupes-conteneur .groupe-element-nom .priorite {font-size:13px;font-weight:300;}
#groupes-conteneur .groupe-element-listes-conteneur { font-weight:300; width:280px; display: -webkit-box;  display: -ms-flexbox;  display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;}
#groupes-conteneur .groupe-element-qui {width:81px; text-align:center; position:relative; z-index: 16;}
#groupes-conteneur .groupe-element-statut {width:160px; text-align:center; padding-right:15px !important; position:relative; z-index: 15;}
#groupes-conteneur .groupe-element.agoraline .groupe-element-statut {padding-right:5px !important;} 
#groupes-conteneur .liste-nom {position: relative; z-index: 100; height:100%; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#groupes-conteneur .groupe-element.agoraline .liste-nom {cursor: pointer;} 
#groupes-conteneur .liste-conteneur { position: absolute; z-index: 120; top: /*59px*/36px; overflow: hidden;}
#groupes-conteneur .liste {overflow-y: auto; border:1px solid transparent; display:none; overflow-y: scroll; -webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
#groupes-conteneur .liste.visible {border: 1px solid #ccc;  background: #fff; display:block;}
#groupes-conteneur .liste > div { margin: 5px 0; color:#fff; cursor:pointer;}

#groupes-conteneur .groupe-element-quis-conteneur { width: 145px; left: -25px;}
#groupes-conteneur .groupe-element-quis-liste {  height: 105px;}

#groupes-conteneur .groupe-element-statuts-conteneur { width: 246px;left: -30px;}
#groupes-conteneur .groupe-element-statuts-liste {  height: 255px;}

#groupes-conteneur .groupe-element-actions {width:50px; display:-webkit-box;  display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify;  -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#groupes-conteneur .groupe-element-actions > span {cursor:pointer; padding:5px; display:inline-block !important; vertical-align:middle; height: auto !important;}
#groupes-conteneur .groupe-element-actions > span i {font-size: 18px;}
#groupes-conteneur .groupe-element-edit {}
#groupes-conteneur .groupe-element-delete {}

#groupes-conteneur .groupe-description {display: none; min-width:/*755px*/425px;; width:calc(100% - 27px); background:#f5f6fa; padding:10px !important; border:1px solid #ccc !important; border-top:0 !important; margin-left: 5px;}

#groupe-position-elements {width: 20%; min-width: 300px; margin-left: 30px;}
#groupe-position-elements > div {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#groupe-position-elements > div + div {margin-top: 5px; padding-top: 5px; border-top: solid #2e2e2e 1px;}
#groupe-position-elements .position-nom-element {display: inline-block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #3c3c3c; text-decoration: none; padding: 6px 0;}
#groupe-position-elements .position-element {width: 50px; margin-left: 8px;}

#creation-submit {text-align:center; margin:15px 0;}


/* Parallax */
#parallax-conteneur {height:198px; width:100%;}
#parallax-conteneur .global {height:100%; display:flex; flex-direction:column; justify-content:center; text-align:center;}
#parallax-conteneur-titre {color:#fff; font-size:30px; margin: 0; text-transform:uppercase; }
#parallax-conteneur-titre strong { font-size:40px;  text-transform:uppercase; line-height: 50px;}


/* PIED */
#pied {margin-top:10px; background:#eaeaea;}
#pied .global {}
#pied .global .contenu-wrapper {padding:15px 0 5px 0px; font-size:0; position:relative; text-align:right;}  
#pied ul li {padding:0;}
#pied a {text-decoration:none; display: inline-block; vertical-align:top; margin:0 10px;}
#pied a > span,
#pied a:visited > span {text-decoration:none; color:#000; font-weight:400; font-size:16px; position: relative; padding-right: 7px;}

#contenu .iframe-responsive-wrapper .iframe-ratio {height:0;}

/* MODULE AUTHENTIFICATION */
#authentification {}
#authentification .authentification-conteneur {max-width:400px;  width:calc(100% - 32px); padding:15px; border:1px solid #ccc; margin:0 auto;}
#authentification .form {margin:10px 0; font-size:0;}
#authentification .form .form140 {width:105px; font-size:15px; float: none;display: inline-block; vertical-align:middle;}
#authentification .form .input-text {width:calc(100% - 145px); display: inline-block; vertical-align:middle;}
#authentification .form .bouton {margin:30px auto 0; display:block;}
#authentification-motdepasse-oublie {font-size:13px; text-align: right;}


/* Retour haut de page */
#back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  border:none;
  text-decoration: none;
  background: rgba(255,255,255, 0.9);
  color:#fff;
  width:48px; height:48px;
  padding: 0;
  display: none;
	z-index:500;
	border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px;  
}
#back-to-top span { margin:1px; width:calc(100% - 2px); height:calc(100% - 2px); background: rgba(255,96,0,.9); display:inline-block; vertical-align:middle; 	border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px;  }
#back-to-top i {color:#fff; font-size: 40px;  line-height: 40px; width:45px; text-align:center;}


/* Cookie message */
#cookie-message {position:fixed; bottom:20px; left:20px; z-index:9999; background:rgba(0,0,0,0.8); width:calc(100% - 40px); max-width:680px; border-radius:3px;}
#cookie-message-wrapper {padding:20px 45px 20px 20px;}
#cookie-message-entete { overflow:hidden; text-align:right; position:absolute; top:2px; right:9px; z-index:100;}
#cookie-message-fermer {color: #fff; font-size: 30px; line-height: 30px; text-decoration: none;}
#cookie-message-contenu {color:#ffffff;}
#cookie-message-contenu p {margin:0;}

.center {text-align:center;}
.gras {font-weight:bold;}
.lien {cursor:pointer;}
.vert {color:#018032;}
.clear { clear:both;}
.clearLeft { clear:left;}
.clearRight { clear:right;}
.floatLeft { float:left;}
.floatRight { float:right;}
a img {border:none;}

.clearfix:after {content: ".";	display: block;	clear: both;visibility: hidden;	line-height: 0;	height: 0;}
 .clearfix {display: inline-block;}

img.lazy {width: 100%;height: 100%; display: block; background: url('../images/ajax-loader.gif') no-repeat center center; }
  
  
#ui-datepicker-div {font-size:12px;}

.tableau-parent,
.tableau-parent-2,
.tableau-parent-3,
.tableau-parent-4,
.tableau-parent-5 {text-align:center;display: flex;justify-content:space-around;flex-wrap: wrap;}
.tableau-parent tbody,
.tableau-parent-2 tbody,
.tableau-parent-3 tbody,
.tableau-parent-4 tbody,
.tableau-parent-5 tbody,
.tableau-parent tr,
.tableau-parent-2 tr,
.tableau-parent-3 tr,
.tableau-parent-4 tr,
.tableau-parent-5 tr {display: inline-table;width: 100%;}

.tableau-enfant {margin:15px !important; display:inline-block; vertical-align:top; text-align:left; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;}
.tableau-enfant tr td {width:100% !important; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;}
.tableau-enfant tr td img {max-width:100%; height:auto; margin: 0 auto; display: block;}
.tableau-parent-2 .tableau-enfant {width:calc(50% - 35px) !important; min-width:215px !important;}
.tableau-parent-3 .tableau-enfant {width:calc(33.333% - 35px) !important; min-width:215px !important;}
.tableau-parent-4 .tableau-enfant {width:calc(25% - 35px) !important; min-width:215px !important;}
.tableau-parent-5 .tableau-enfant {width:calc(20% - 35px) !important; min-width:215px !important;}

.table-responsive-50-pourcent table, 
.table-responsive-50-pourcent thead, 
.table-responsive-50-pourcent tbody, 
.table-responsive-50-pourcent tr, 
.table-responsive-50-pourcent th, 
.table-responsive-50-pourcent td,
.table-responsive-100-pourcent table, 
.table-responsive-100-pourcent thead, 
.table-responsive-100-pourcent tbody, 
.table-responsive-100-pourcent tr, 
.table-responsive-100-pourcent th, 
.table-responsive-100-pourcent td {display: block;}

.table-responsive-50-pourcent thead,
.table-responsive-100-pourcent thead {display: none;}

.table-responsive-50-pourcent td,
.table-responsive-100-pourcent td {padding: 10px;text-align: left;border: solid 1px #ccc;}

.table-responsive-50-pourcent td,
.table-responsive-100-pourcent td {padding-left: 173px;position: relative;margin-top: -1px;width: 100%!important;text-align: left !important;background: #FFF;box-sizing: border-box;}
.table-responsive-50-pourcent td:nth-child(odd),
.table-responsive-100-pourcent td:nth-child(odd) {background-color: #eee;}

.table-responsive-50-pourcent td::before,
.table-responsive-100-pourcent td::before {padding: 10px;content: attr(data-label);position: absolute;top: 0;left: 0;width: 145px;bottom: 0;background-color: #b3d549;color: #ffffff;font-weight: 600;display: flex;align-items: center;}

.table-responsive-50-pourcent tr {margin: 0 5px 1rem;}
.table-responsive-100-pourcent tr{margin: 0 0px 1rem;}

.table-responsive-100-pourcent tr { width: 100%;}
.table-responsive-50-pourcent tr { width: calc(50% - 13px);display: inline-block;vertical-align: top;}

.table-responsive-50-pourcent th + td,
.table-responsive-100-pourcent th + td {padding-left: 10px;}


.mfp-bg {z-index:3250 !important;}
.mfp-wrap, .mfp-content {z-index:3300 !important;}
.mfp-bg {background:#262818 !important; opacity: 0.6 !important;}
.mfp-close-btn-in .mfp-close {color: #000; font-size: 45px;}
.white-popup {position: relative;  background: #FFF; overflow-y:auto; padding: 20px 10px; width: auto; max-width: 590px;  max-height:885px; min-height: 60px; margin: 50px auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
.ui-front{  z-index: 4000 !important;}

/* Formulaires */
.form {clear:left; margin:10px 0;}
.form140 {display:inline-block; vertical-align:middle; width:140px; padding-right:20px;text-align:right;}
.form180 {display:inline-block; vertical-align:middle; width:180px; padding-right:20px;text-align:right; font-size:0.8em;}
.form200 {display:inline-block; vertical-align:middle; width:200px; padding-right:20px; text-align:right; font-size:0.8em;}
.form90 {display:inline-block; vertical-align:middle; width:90px; padding-right:20px; text-align:right;}
.inputCadre { border:#529e11 1px solid;}

.input-text,
select {display:inline-block; vertical-align:middle; border: 1px solid #dcdcdc; color: #000000; padding: 7px 5px; width: 70%;}
textarea {display:inline-block; vertical-align:top; border: 1px solid #dcdcdc; color: #000000; padding: 7px 5px;  width: 70%; height:75px;}
.erreur {border:1px solid #f00 !important;}

.bouton-js {cursor:pointer;}

.submit {display:block; margin-left:250px;}
.submit input,
input.submit,.bouton,
#contenu a.bouton,
#contenu a.bouton:visited {	border: none; color: #fff; min-height: 30px; min-width: 120px;border:1px solid #589bfc;font-size:18px;background:#589bfc; text-align: center; padding: 0px 10px; margin: 0px; text-decoration: none; display: inline-block; cursor: pointer; -webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out; box-sizing: initial;}
.submit input,
input.submit,
.bouton input,
input.bouton  {height: 32px; border:none; border:1px solid #589bfc;}


.bouton,
#contenu a.bouton,
#contenu a.bouton:visited {	line-height: 30px;}

.submit input:hover,
input.submit:hover,
.bouton input:hover,
input.bouton:hover,
.bouton:hover,
#contenu .bouton:hover a,
#contenu a.bouton:hover {background:#fff; color:#589bfc; text-decoration:none; }

/* Messages de retour */
.reponse-message,
.reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11 !important; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409 !important; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11 !important; font-weight:bold; }
.reponse-message, .ok { color: #264409 !important; font-weight:bold; }