body {
  background: url("../images/bkg-repeat-big.png") repeat;
  height:100%;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
}
/*** LINKS ***/
a{color:#1f7e9e;}
a, p a[target="_blank"], a.btn{text-decoration: none;}
p a, p a:hover, p a:focus {text-decoration: underline;}
/* RESET BORDURE AU FOCUS SUR FIREFOX */
a:focus {outline:0;text-decoration: none;}
a::-moz-focus-inner {border:0;text-decoration: none;}

.object-center .attribute-image {text-align: center;}
.object-center .attribute-image > img,  .object-center .attribute-caption{margin: 0 auto;}

.object-left {float:left;margin:0 20px 20px 0;}
.object-right {float:right;margin:0 0 20px 20px;}
.pull-left {margin:0 20px 20px 0;} 
.pull-right {margin:0 0 20px 20px;}
/***** SEPARATOR ****/
.separator {clear:both;}

/*** TYPO ***/ 
h1,h2,h3,h4,h5,h6 {
font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif;font-weight: 300;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #2d4f59;
    font-weight: 300;
}

h2 {margin-bottom: 20px;}

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

p {
  padding:5px;
  }

/**** CESURES ****/
p, a, .btn
{
word-wrap:break-word;
  overflow-wrap:break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: normal;
  }

/*** ICONES ***/

div[title="Comptes rendus"]:before, 
div[title~="rss"]:before, 
div[title~="Actualités"]:before, 
div[title~="clic"]:before,
a[target]:before,
a[href^="mailto"]:before,
.breadcrumb::before
/*.breadcrumb li.active::after */ {
  font-family: "font-intranet";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 15px;;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  font-size: 120%;
  /* Uncomment for 3D effect */
  text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}

div[title="Comptes rendus"]:before {content: '\e822';}
div[title~="Actualités"]:before {content: '\e846';}
div[title~="rss"]:before {content: '\e82a';}
div[title~="clic"]:before { content: '\e827'; }
/*a[target="_blank"]:before {content:'\e812';margin-right: 5px;}*/
a[href^="mailto"]:before {content:'\e800';margin-right: 5px;}


/**** LISTES ****/
li ul {margin-top:10px;}

/**** CLASSES SPECIFIQUES ****/
h4 a {color:white;}
.view-block a {display: block;color:#DDD;}
.view-block hr {margin:10px 0;}
.class-file {margin-bottom:10px;}

/*** LAYOUT ***/
[role="navigation"],  /* inclus navbar-top et navbar-side */ 
[id="toolbar"], 
[id="page-wrapper"],
[id="page-wrapper-login"],
.breadcrumb,
[role="sitemap"],
[role="sitemap"] nav
 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body>header {
  border-bottom: 1px solid #080808;
}

[id="toolbar"] {
  -webkit-flex-direction:row wrap;
      -ms-flex-direction:row wrap;
          flex-direction:row wrap;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  background:#CCC;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4) inset;
}

[id="page-wrapper"] {
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-flex-wrap:nowrap;
      -ms-flex-wrap:nowrap;
          flex-wrap:nowrap;
  position: relative;
  min-height: 100vh;
}

[id="page-wrapper-login"] {
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -ms-flex-line-pack:center;
          -webkit-align-content:center;
          align-content:center;
  height: 100vh;
}


main {
  background: #EDEDED;
  margin: 20px;
  padding: 20px 30px 30px;
  -webkit-flex:1 1 100%;
      -ms-flex:1 1 100%;
          flex:1 1 100%;
}

[id="page-wrapper-login"] main {
  -webkit-flex:1 1 100%;
      -ms-flex:1 1 100%;
          flex:1 1 100%;
  margin: 10% 5%;
}

[id="page-wrapper-login"] img {float: left;}
[id="page-wrapper-login"] h1 {margin-top: 45px;}
[id="page-wrapper-login"] h2 {clear:both;}

/*** NAV TOP + NAV LEFT ***/
body>header,
.navbar-side {
  background:#333;
}
[role="navigation"] a {color:white;display: block;}

/*** NAV TOP ***/

.navbar-top {
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
          -webkit-justify-content:flex-start;
              -ms-flex-pack:start;
                  justify-content:flex-start;
}

@media (min-width: 1086px) {
  .navbar-top {
    -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
            justify-content:flex-end;
  }
}

.navbar-brand {font-size: 30px;letter-spacing: 14px; color:#CCC;}
.navbar-top form {
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  padding-top: 8px;
}

.navbar-top form input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.navbar-top form input {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline-block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:auto;
}
.navbar-top form button {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px;

}
.navbar-top form button:hover {
  background: #333;
  color:white;
}

.navbar-top form~a:hover, 
.navbar-top form~a:focus {
  background: #1f7e9e;
}

.navbar-top form~a {
  padding: 1em 10px 0;
}
.navbar-top form~a:hover {
  text-decoration:none;
}

.menuToggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-right: 3px;
    margin-top: 6px;
    padding: 9px 10px;
    position: relative;
}

/*** NAV SIDE ***/

.navbar-side {
  /*-webkit-flex:0 0 210px;
      -ms-flex:0 0 210px;
          flex:0 0 210px;
    -webkit-flex:1 0 45px;
      -ms-flex:1 0 45px;
          flex:1 0 45px;  */   
  -webkit-flex-flow: row wrap;     
      -ms-flex-flow: row wrap;     
          flex-flow: row wrap;
  transition: all .6s ease;
  /*position: fixed;
  left:0;*/
  z-index: 1;
  border-top: 1px solid #444;
  box-shadow: 2px 0px 3px 0 rgba(0, 0, 0, 0.4);
  background: #444;
}

/*.toggled .navbar-side {
  left: -160px;
  position: fixed;
}
.toggled .navbar-side a span{
  float:right;
  margin-left: 25px;
}*/

.menuToggle .icon-bar {
  background-color: #fff;
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  float: right;
  clear: right;
}
.menuToggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.navbar-right {margin-right: 0;}
/* FIRST LEVEL */
.navbar-side a {
  color: #DDD;
  border-bottom: 1px solid #252525;
  padding: 10px 15px;
  transition: all 0.3s ease 0s
}
.navbar-side a:hover, 
.navbar-side a.active {
  color: #FFF;
  background: #1f7e9e;
  text-decoration: none;
}
/*.navbar-side a:hover, 
.navbar-side a:focus, 
.navbar-side a.active 
{border-right:6px solid #dd9946;}*/

@media(min-width:1024px) {
  .navbar-side {
    position: static;
  }
  .menuToggle {
    display: none;
  }
  .navbar-side a {
    border:none;
  }
}

/* SECOND LEVEL 
.sidebar-collapse ul.nav.nav-second-level, .sidebar-collapse .nav.nav-second-level > li.active > a {background:rgba(0,0,0,0.1);}
.sidebar-collapse .nav.nav-second-level > li.active > a:before {font-family: "font-intranet";content:'\e838';padding-right: 5px;margin-left:-5px;}
.sidebar-collapse .nav.nav-second-level li > a:hover, .sidebar-collapse .nav.nav-second-level > li > a:focus {background-color: #000;border:none;}
*/
/* THRID LEVEL 
.sidebar-collapse ul.nav.nav-third-level {background:rgba(0,0,0,0.5);}
.sidebar-collapse .nav.nav-third-level > li.active > a:before {font-family: "font-intranet";content:'\e830';padding-right: 5px;margin-left:-5px;}
.sidebar-collapse .nav.nav-third-level > li > a:hover, .sidebar-collapse .nav.nav-third-level > li > a:focus {background-color: #BBB;border:none;}
*/

/**** BREADCRUMB ****/
.breadcrumb {
  background-color: transparent;
  padding:1em 0 1em 2.5em;
  position: relative;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  margin-left:20px;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items:flex-start;
      -ms-flex-align:start;
          align-items:flex-start;
}

.breadcrumb::before {
  content:"\e847";
  background: none repeat scroll 0 0 #ccc;
  border-radius: 50%;
  color: #333;
  font-size: 1.6em;
  position: absolute;
  top: 1px;
  left: -26px;
  height: 2em;
  width: 2em;
  padding-left: 0.1em;
  padding-top: 0.4em;
}

.breadcrumb > a + a::before,
.breadcrumb > a + span::before {
  padding: 0 10px;
  content:"/";
  width: 15px;
  height: 10px;
  text-decoration: none;
  color:#CCC;
}

/*.breadcrumb > a + span {
  border:1px solid #CCC;
  padding-right: 10px;
}*/

/*** SITEMAP ***/
[role="NavBtnSitemap"] {font-size: 2rem;padding: 0;}
[role="btnSitemap"], [role="headerSitemap"] {display: block;font-size: 3rem;padding: 11px 10px 10px;margin-bottom: 20px;}
[role="btnSitemap"] small {color: #777;font-size: 2rem;font-style: italic;}
[role="headerSitemap"] {background:#ddd;}
[role="btnSitemap"] {background:#ddd;border:1px solid #CCC;}
[role="btnSitemap"]:hover {text-decoration: none;background: rgba(0, 0, 0, 0.7);color:white;}
[role="btnSitemap"] .icon-angle-down {font-size: 4rem;}
[role="btnSitemap"] span:nth-child(3) {margin-left: 25px;}

[role="sitemap"] {
  -webkit-flex-flow : row wrap;
      -ms-flex-flow : row wrap;
          flex-flow : row wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
          -webkit-align-content: stretch;
          align-content: stretch;
  margin-right: -1.25em;
}

[role="sitemap"] nav {
  /*max-width: 650px;*/
  -webkit-flex:1 1 31.25em;
      -ms-flex:1 1 31.25em;
          flex:1 1 31.25em;
  background: rgba(255, 255, 255, 0.6); 
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 2.25em;
  margin-right: 2.25em;
  -webkit-flex-flow:column;
      -ms-flex-flow:column;
          flex-flow:column;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  position: relative;
  border-left: 3px solid;
}

/**** BORDER LEFT ****/
[role="sitemap"] nav:nth-child(7n+1)/*::before*/ {
  border-left-color: #90BCD1; 
}
[role="sitemap"] nav:nth-child(7n+2)/*::before*/ {
  border-left-color: #DD9946;
}
[role="sitemap"] nav:nth-child(7n+3)/*::before*/ {
  border-left-color: #B6CC49;
}
[role="sitemap"] nav:nth-child(7n+4)/*::before*/ {
  border-left-color: #2D4F59; 
}
[role="sitemap"] nav:nth-child(7n+5)/*::before*/ {
  border-left-color: #1F7E9E; 
}
[role="sitemap"] nav:nth-child(7n+6)/*::before*/ {
  border-left-color: #7DBF3B; 
}
[role="sitemap"] nav:nth-child(7n+7)/*::before*/ {
  border-left-color: #E25B3D; 
}


[role="sitemap"] h2+div{
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  margin-bottom:1.25em;
}
[role="sitemap"] h2 {font-size:2rem;margin-left:10px;}
[role="sitemap"] h2 a {color:#333;}
[role="sitemap"] a {padding-left: 20px;display: block;}
[role="sitemap"] .bord-b {border-bottom-style: dotted;}

[role="sitemap"] h2 span {  
  border-radius: 50%;  
  width: 2em;
  height: 2em;
  display: inline-block;
  background:#1F7E9E;
  padding-top: 0.4em;
  text-align: center;
  position:absolute;
  top:10px;
  left:-22px;
  transition:all .3s ease-in-out;
}

[role="sitemap"] nav:hover h2 span {
  top:-15px;
}

/*[role="sitemap"] nav:nth-child(even) h2 span {
  background:#1F7E9E;
}
[role="sitemap"] nav:nth-child(odd) h2 span {
  background:#DD9946;
}*/

[role="sitemap"] nav:nth-child(7n+1) h2 span {
    background: #90BCD1;
}

[role="sitemap"] nav:nth-child(7n+2) h2 span {
    background: #DD9946;
}

[role="sitemap"] nav:nth-child(7n+3) h2 span {
    background: #B6CC49;
}

[role="sitemap"] nav:nth-child(7n+4) h2 span {
    background: #2D4F59;
}

[role="sitemap"] nav:nth-child(7n+5) h2 span {
    background: #1F7E9E;
}

[role="sitemap"] nav:nth-child(7n+6) h2 span {
    background: #7DBF3B;
}

[role="sitemap"] nav:nth-child(7n+7) h2 span {
    background: #E25B3D;
}


[role="sitemap"] h2 span[class^="icon-"]::before {
  color: #FFF;
  font-size: 1.2em;
}

/*** RESUME ***/
.resume {font-style: italic; margin: 10px;} 

/*** PANEL ***/
.panel {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); background-color: #f0f0f0;}
.panel-default {border-color: #777;}
.panel-default > .panel-heading{background-color: #90BCD1;color: #FFFFFF;}
.panel-default > .panel-footer {background-color: rgba(0, 0, 0, 0.1);}

.panel-primary > .panel-heading{background-color: #1F7E9E;color: #FFFFFF;}
.panel-info > .panel-heading{background-color: #2D4F59;color: #FFFFFF;}
.panel-success > .panel-heading{background-color: #7dbf3b;color: #FFFFFF;}/*#B6CC49*/
.panel-warning > .panel-heading{background-color: #DD9946;color: #FFFFFF;}
.panel-alert > .panel-heading{background-color: #E25B3D;color: #FFFFFF;}
/*** IFRAME ***/
iframe {background: none repeat scroll 0 0 #FFFFFF;}


/**** ASIDE ****/
[class^="col-lg-9"] + aside > article , [class|=" col-lg-9"] + aside > article {background: #4C4941;color:#FFF;border-radius: 10px; padding:10px;}
[class^="col-lg-9"] + aside > article a {color:#fccd09;}
[class^="col-lg-9"] + aside > article a.btn {color:#fff;}

/**** TRAIT #AAA    ****/
.page-header, 
.panel-default > .panel-heading, 
.panel-default > .panel-footer, 
.nav-tabs, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li > a:hover,
[role="sitemap"] .resume
  {border-color:#aaa;}

/*** TAGS ***/
.attribute-category > p+p a {margin: 0 0 5px;} 


/*** ONGLETS ***/
.nav-tabs {margin-top: 20px;}
.nav-tabs > li > a {background:rgba(0, 0, 0, 0.13);color: #333;}
.nav > li > a:hover, .nav > li > a:focus {background-color: #90BCD1;}
.nav-tabs, .nav-tabs > li.active > a:hover {background: transparent;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {background:#1F7E9E;color:#FFF;}

/*
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border:none;}
*/
.tab-content:before, .tab-content:after {content: "";display: table;clear:both;}
.tab-content {padding-top:20px;}

/*** TABLE ***/
table {table-layout: fixed;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
  {border-top: 1px solid rgba(0, 0, 0, 0.2);}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
  {border: 1px solid rgba(0, 0, 0, 0.2);}

/**** LIST-GROUP-ITEM ****/
.list-group-item {background: none repeat scroll 0 0 #1f7e9e;}
li.list-group-item a{display: block;color:#FFF;}
li.list-group-item:hover {background:rgba(0,0,0,0.7);}
/*[class^="col-lg-9"] + aside > nav li.list-group-item {background:none;border:none;}
[class^="col-lg-9"] + aside > nav li.list-group-item:hover {background:rgba(0,0,0,0.7);}
[class^="col-lg-9"] + aside > article ~ nav li.list-group-item {background:#1f7e9e;border:none;}*/
[class^="col-lg-9"] + aside > nav li.list-group-item {background:#1f7e9e;border-color:rgba(255,255,255,.7);}
[class^="col-lg-9"] + aside > nav li.list-group-item:hover {background:rgba(0,0,0,0.9);}
li.list-group-item a:hover, li.list-group-item:hover a {color: #EEE;text-decoration: none;}
/*aside li.list-group-item a:hover, aside li.list-group-item:hover a {color: #EEE;}
.list-group-item {background-color: rgba(0, 0, 0, 0.5);border:none;}
*/
/**** BUTTON GROUP ****/
.btn-lg {font-weight: 300;}

.btn-outline {
  background: #F0F0F0;
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/**** FACTBOX ****/
.factbox {
  border:1px solid #CCC; 
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin:20px 0;
}
sdflkjh .active {padding: 10px;}

.factbox > header {color:#FFF;padding:10px;}
.factbox > header > h2,
.factbox > header > h3
 {padding:0;margin: 0}
.factbox > article {padding:15px;background: #EEE}

/**** BLOCKQUOTE ****/
blockquote {background: #F0F0F0;margin-top: 20px;font-size: 1em;}

/**** FORM ****/
input[disabled], input[readonly] {background-color: #ccc;cursor: not-allowed;}

/**** PAGINATION ****/
.pagination > li > a {color:#FFF;}
.pagination > li > a:hover {color:#333;}
.pagination > li > a, .pagination > li > span {background-color: rgba(0, 0, 0, 0.50);}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border-color: #FFF;}

/**** ALERT *****/
.alert {margin-top: 20px;}
/**** COLORS ***/
.alert-danger {background-color: #e25b3d;border-color: #c44c35;color: #fff;}
.alert-success {background-color: #7dbf3b;border-color: #889937;color: #fff;}

/*.tab-content , p {color:#DDD;}
hr {border-color:rgba(0, 0, 0, 0.3);}
a {color: #6CB9F7;}
a:hover {color:#CCC;}
*/
/*.bkg {background:rgba(0,0,0,0.5); padding:20px;border-radius:3px;}*/



/* BIG ICONS */
.big-icon {font-size: 5rem;}
.big-text {font-size: 3rem;}
/* medium ICONS */
.medium-icon {font-size: 5rem;}

/* FRONTPAGE 
*********************/
.class-frontpage>div section {
    padding:7.15em 10px 10px;
    margin-top: 60px;
    margin-bottom: 20px;
    background: #FFF;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction:row;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content:space-around;
        -ms-flex-pack:distribute;
            justify-content:space-around;
    -ms-flex-line-pack:distribute;
            -webkit-align-content:space-around;
            align-content:space-around;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
}

.class-frontpage > div section > h2,
.class-frontpage h3,
.class-frontpage h3+p {
  width: 100%;  
  text-align: center;
}

.class-frontpage > div section > h2 {
  position: absolute;
  top:-2.15em;
}

.class-frontpage > div section > h2 > span {  
  border-radius: 50%;  
  width: 3em;
  height: 3em;  
  display: block;
  margin: 0 auto 20px;
  padding-top: 0.75em;
}
.class-frontpage > div section > h2 > span[class^="icon-"]::before {
  color: #FFF;
  font-size: 1.5em;
}

.class-frontpage>div section article {
  max-width: 150px;
  border-top: 1px solid #ddd;
  margin-top: 20px;
  box-shadow: 0 0 30px transparent;
  transition: box-shadow .6s ease-in-out;
}
.class-frontpage>div section article:hover {
  box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
}

@media (min-width:1400px) {
  .class-frontpage>div section article {
    border:none;
  }
}

.class-frontpage h3 {
    padding-top:15px;
    border-top: 1px solid #CCC;
    color:#555;    
}

.class-frontpage a[target="_blank"]::before
    {display:none}

.class-frontpage>div section strong
    {display:block;}

.class-frontpage>div section article + h3 
    {clear:left;padding-top:30px}

.class-frontpage>div section figure, 
[role="enChantier"] a,
[role="open"] a
    {text-align: center;}

[role="enChantier"] a,
[role="open"] a {
    display: block;
    padding:10px 0;
}

.class-frontpage>div section figure img , .class-frontpage>div section span
    {max-width: 100%;max-height:100% }

.class-frontpage figcaption,
.class-frontpage a>p
    {padding: 5px;/*height: 60px;*/color:#333;/*background: #EEE; border-top:1px solid #CCC */}


/****** KNACSS *****/

/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.m-reset, .ma0 { margin: 0; }
.p-reset, .pa0 { padding: 0; }
.ma1, .mas { margin: 10px; }
.ma2, .mam { margin: 20px; }
.ma3, .mal { margin: 30px; }
.pa1, .pas { padding: 10px; }
.pa2, .pam { padding: 20px; }
.pa3, .pal { padding: 30px; }

.mt0, .mtn { margin-top: 0; }
.mt1, .mts { margin-top: 10px; }
.mt2, .mtm { margin-top: 20px; }
.mt3, .mtl { margin-top: 30px; }
.mr0, .mrn { margin-right: 0; }
.mr1, .mrs { margin-right: 10px; }
.mr2, .mrm { margin-right: 20px; }
.mr3, .mrl { margin-right: 30px; }
.mb0, .mbn { margin-bottom: 0; }
.mb1, .mbs { margin-bottom: 10px; }
.mb2, .mbm { margin-bottom: 20px; }
.mb3, .mbl { margin-bottom: 30px; }
.ml0, .mln { margin-left: 0; }
.ml1, .mls { margin-left: 10px; }
.ml2, .mlm { margin-left: 20px; }
.ml3, .mll { margin-left: 30px; }

.pt0, .ptn { padding-top: 0; }
.pt1, .pts { padding-top: 10px; }
.pt2, .ptm { padding-top: 20px; }
.pt3, .ptl { padding-top: 30px; }
.pr0, .prn { padding-right: 0; }
.pr1, .prs { padding-right: 10px; }
.pr2, .prm { padding-right: 20px; }
.pr3, .prl { padding-right: 30px; }
.pb0, .pbn { padding-bottom: 0; }
.pb1, .pbs { padding-bottom: 10px; }
.pb2, .pbm { padding-bottom: 20px; }
.pb3, .pbl { padding-bottom: 30px; }
.pl0, .pln { padding-left: 0; }
.pl1, .pls { padding-left: 10px; }
.pl2, .plm { padding-left: 20px; }
.pl3, .pll { padding-left: 30px; }

/****** KNACKI... *****/
.bord-a, .bord-t, .bord-b, .bord-l, .bord-r {border:0 solid rgba(0, 0, 0, 0.3);}
.bord-a {border-width:1px;}
.bord-t {border-top-width:1px;}
.bord-b {border-bottom-width:1px;}
.bord-l {border-left-width:1px;}
.bord-r {border-right-width:1px;}


/**** THEMES COLORS ****/ 


.astro,
[data-color="astro"] h2 span
{background: #2D4F59;}

.ocean,
[data-color="ocean"] h2 span
 {background: #1F7E9E;}

.aero,
[data-color="aero"] h2 span
 {background: #90BCD1;}

.geo,
[data-color="geo"] h2 span
 {background: #DD9946;}

.planeto,
[data-color="planeto"] h2 span
 {background: #E25B3D;}

.bio,
[data-color="bio"] h2 span
 {background: #B6CC49;}

.eco,
[data-color="eco"] h2 span
 {background: #7DBF3B;}

.gray {background:#696867;}

/**** BORDERS THEME COLORS ****/ 
.bord-astro {border-color: #2D4F59;}
.bord-ocean {border-color: #1F7E9E;}
.bord-aero {border-color: #90BCD1;}
.bord-geo {border-color: #DD9946;}
.bord-planeto {border-color: #E25B3D;}
.bord-bio {border-color: #B6CC49;}
.bord-eco {border-color: #7DBF3B;}
.bord-gray {border-color:#696867;}

/**** FONTS THEME COLORS ****/ 
.font-astro,
[data-color="astro"] a span 
{color: #2D4F59;}

.font-ocean,
[data-color="ocean"] a span 
{color: #1F7E9E;}

.font-aero,
[data-color="aero"] a span
{color: #90BCD1;}

.font-geo,
[data-color="geo"] a span
{color: #DD9946;}

.font-planeto,
[data-color="planeto"] a span
{color: #E25B3D;}

.font-bio,
[data-color="bio"] a span 
{color: #B6CC49;}

.font-eco,
[data-color="eco"] a span 
{color: #7DBF3B;}

.font-gray 
{color:#696867;}

/**** DATA COLORS THEME ****/ 
[data-color="astro"] h2 span,
[data-color="ocean"] h2 span,
[data-color="aero"] h2 span,
[data-color="geo"] h2 span,
[data-color="planeto"] h2 span,
[data-color="bio"] h2 span,
[data-color="eco"] h2 span,
{color:white;}


/**** BARRE D'ADMIN ****/ 

[id="toolbar"] > h3 {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

form .block {border-bottom: 1px solid #AAA;padding:10px;}

label {margin: 10px;}

[role="Formulaire"] label {display: block}

label > span {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: normal;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    height: 20px;
    width: 20px;
}

.btn-admin  {
  /*background:#111;*/
  border: 1px solid #dd9946;
  /*color: #fccd09;*/
  font-size: 18px;
  padding: 8px 11px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.btn-admin:hover {
  background: #fccd09;
  color:#333;
}
.btn-admin > a {
  color:inherit;
}

a.btn-admin {
  background-color: #ededed;
  color: #333;
}

select[id="ezwt-create"]{
  /*background: none repeat scroll 0 0 rgb(45, 79, 89);*/
  /*color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);*/
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);
}

/**** EDITION  ****/
.ezwt-actiongroup {
  background: #333;
  padding: 15px 10px;
}

fieldset {
    border: 1px solid #999;
    margin: 20px 0 40px;
    padding: 0.35em 0.625em 0.75em;
    background: #DDD;
}

legend {
  background:#333;
  border: 1px solid #999;
  color: #fff;
  margin-bottom: 0;
  padding-left: 15px;
}

legend > span {
  font-size: 1.5rem;
  font-style: italic;
  margin-left: 20px;
  color: #DDD;
}

[role="date-admin"] > div:nth-child(-n+4) {
  float:left;
  margin-right: 20px;
}

/* Hack ezTAG liste autocompletion */
.content-edit .jsonSuggestResults iframe {
    height: auto;
    width: auto;
  }

/***** ADMIN FRONT OFFICE  ****
#editform {margin-top:40px;background-color: rgba(0,0,0,0.4);padding:20px;border-radius: 3px;}
#editform h1 {color:#FFF;border-bottom:1px solid #FFF;}
#editform legend {color:#FFF;}
div.feedback h2 {background: none repeat scroll 0 0 #5CB85C;border-radius: 4px;color: #FFFFFF;font-weight: normal;padding: 5px 10px;}
p.text {color:#333;}
div.tagssuggest ul li {border-radius:5px;}
.block {margin-bottom:20px;background:rgba(255,255,255,0.2); padding:20px;border-radius:5px;}*/

/* DEMANDE IMPRESSION 
---------------------------------------------------- */

.defaultbutton {margin-bottom: 30px;}
.cache {display: none;}
.warning {background-color: #EEA236;}
.warning p {color: #000;}
.alert p {color: white;}
.yui-calendar .calheader {color: black;font-size: 0.8em;}
.askPrint .panel-heading {background: #4C4941;}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
  width: 400px;

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  color: #333;
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}