/* #2b587a; --------Bleu minuit */
/* #003399; --------Bleu PIV  */  
/* #525e6c; --------Gris fonce*/
/* #668ca8; --------Bleu acier hover*/

/* CHARTE COULEUR CN*/
/* #003366; /*--------Bleu fonce*/
/* #8ebdde; /*--------Bleu pale*/
/* #e5eff7; /*--------Bleu gris bg menu*/
/* #227bbc; /*--------Bleu hover menu*/
/* #b80000; /*--------Rouge */


/**********************/
/*Body                */
/**********************/

a {
  color:  #003366; /*--------Bleu fonce*/
  text-decoration: none;
}


a:hover,
a:focus {
  /*color:  #227bbc; /*--------Bleu hover menu*/
  color : #b80000; /*--------Rouge */
}

hr {
    border-top: 1px solid;
}

h1, h2 {

   color : #b80000; /*--------Rouge */
  
}

  
h4 {
  font-weight: bold;
}


.jumbotron {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: #ffffff;
    background-color: #eabb09;
}

.pagelevel-0 h1 {
  color: #000000 !important; /*1  Noir       #000000*/
  line-height: 40px;
  font-size: 115%;
  font-weight: bold;
  text-transform: uppercase;
}


/*Carrousel*/
#c4999{
 margin-left:-15px;  
 margin-right:-15px;
  
}

.barre_outil .container
{
  column-count: 2;

}

/**********************/
/*PIV                 */
/**********************/

.navbar-piv > li > a {
    padding: 0px 10px;
}

@media (min-width: 992px)

{

.navbar-header-main .navbar-brand.navbar-brand-image > img {
  margin-top: 3px; /*Taille Logo*/   
 }
}


/**********************/
/*Nagivation          */
/**********************/

.navbar {

    min-height: 45px;
    background-color: #003366; /*--------Bleu fonce*/

}

/***************************/
/*Nagivation MAIN (onglet )*/
/**************************/

.navbar-main > li > a .bar {
  background:  #8ebdde; /*--------Bleu pale*/
}

.navbar-main > li > a {
    padding: 0px 5px;    
    font-size: 60%;

  }

@media (min-width: 992px) {

  .navbar-main > li > a {
    padding: 0px 25px;    
    font-size: 100%;

  }

}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #8ebdde; /*--------Bleu pale*/
}


/**********************/
/* Menu               */
/**********************/

.dropdown-menu {
    background-color: #e5eff7; /*--------Bleu gris bg menu*/
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
 background-color: #227bbc; /*--------Bleu hover menu*/

}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #227bbc; /*--------Bleu hover menu*/
 
}




/**********************/
/*Sidebar             */
/**********************/

/*PAGE ACCUEIL SEULEMENT*/
.pagelevel-0 .news-list-view {
/*  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 10px;
  display: -ms-grid;
  -ms-grid-columns: repeat(1, 1fr);*/
  
  -webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}

.pagelevel-0 .news .article {
  min-height: 150px;
  overflow: hidden;
}

.pagelevel-0 .news-list-view .footer{
  display: none;
}


@media (min-width: 1200px) {
.pagelevel-0 .news-list-view {
 /* display: grid;
  grid-template-columns: repeat(2, 2fr);
  grid-gap: 10px;
  display: -ms-grid;
  -ms-grid-columns: repeat(2, 2fr);*/
-webkit-column-count: 2;
-moz-column-count: 2;
column-count:2;

 }

.pagelevel-0 .news .article {
  min-height: 225px;
  overflow: hidden;
}
}
/**********************/
/*Sidebar             */
/**********************/

.nav.nav-sidebar li a {
    padding: 7px 5px;
    padding-left: 25px;
}

.nav.nav-sidebar li li a {
    padding-left: 15px;
}

.nav.nav-sidebar li.active > a {
  color: #227bbc; /*--------Bleu hover menu*/
  font-weight: bold;

}

.nav.nav-sidebar li.active li.active > a {
  color: #227bbc; /*--------Bleu hover menu*/
  font-weight: normal;
 
 }



.nav.nav-sidebar li.active > a:active,
.nav.nav-sidebar li.active > a:hover,
.nav.nav-sidebar li.active > a:focus {
  color: #227bbc; /*--------Bleu hover menu*/
  border-bottom: 2px solid #227bbc; /*--------Bleu hover menu*/
  background-color: transparent;
}



.nav.nav-sidebar li > a:active,
.nav.nav-sidebar li > a:hover,
.nav.nav-sidebar li > a:focus {
  color: #227bbc; /*--------Bleu hover menu*/
  border-bottom: 2px solid  #227bbc; /*--------Bleu hover menu*/ 
  background-color: transparent;  

}


.nav.nav-sidebar ul {
  border-left: 20px solid #ffffff;    
}

.nav.nav-sidebar li ul li a {  
 border: 0px solid #ffffff;    /* Gris fonce*/
 border-right: 1px solid #e6e6e6; /* Gris fonce*/
    
}

.nav.nav-sidebar li ul li {  
 border-bottom: 0px solid #ffffff;    /* Gris fonce*/

}



.nav.nav-sidebar li.active li.active:before {    
   margin-top: 7px;
   font-size: 15px;
   margin-left: -2px;
  color: #227bbc; /*--------Bleu hover menu*/
  
}


.nav.nav-sidebar li ul li:before{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 12px;
    margin-left: 2px;
    color: #8c8c8c;  /* Gris fonce*/
}


/***************************/
/*Solr                     */
/***************************/



.tx-solr-submit-tools {
    color: #003366; /*--------Bleu fonce*/
}


.tx-solr-submit-tools:hover span {
    color: #b80000; /*--------Rouge */
}


.tx-solr-submit-solr {
    color: #003366; !important; /*--------Bleu fonce*/
}

.tx-solr-submit-solr:hover span {
    color: #b80000; /*--------Rouge */
}

/******************************/
/*MENU ACCUEIL + Menu GAUCHE  */
/******************************/
/*SECTION ACCUEIL - NOUVELLE ET ACCÈS RAPIDE*/

.pagelevel-0 .nav.nav-sidebar li.active > a:active, .nav.nav-sidebar li.active > a:hover, .nav.nav-sidebar li.active > a:focus {
    border-bottom: 0px solid #227bbc; /*--------Bleu hover menu*/
 }

.pagelevel-0 .nav.nav-sidebar {
    display: block !important;
}

#c5163 .row{
 /*background-color: rgba(237,239,245,0.5);*/
  background-color: #e5eff7; /*--------Bleu gris bg menu*/ 
 border-right: 1px solid rgba(237,239,245,0.8);
 border-left: 1px solid rgba(237,239,245,0.8);*/
}

.col-md-9.grid_nouvelle {
    background-color: #ffffff;
  padding-bottom: 15px;
  
}
.col-md-3.grid_acces_rapide {
/*  background-color: rgba(237,239,245,0.5); */
}

/*Utilisation typoscript dans page accueil*/
.pagelevel-0 nav.grid_acces_rapide {
  border-top: 0px solid #edeff5;
  background-color: transparent;
  padding-bottom: 0px;
}

.pagelevel-0 .nav.nav-sidebar li.active > a {
    color: #000000;
    font-size: 115%;
    font-weight: bold;
    line-height: 40px;
    text-transform: uppercase;
    padding-bottom: 0;
    padding-top: 0;
}

/*MENU GAUCHE*/
.nav.nav-sidebar {
   /* padding-left: 10px;
    padding-right: 10px;*/
}

nav.grid_acces_rapide {
    background-color: none;
    border-top: 0px solid #4f5865;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

nav.grid_acces_rapide .nav.nav-sidebar  li li > a {
    border-bottom: 1px solid #000000; /*1  Noir       #000000*/
  margin-left: 20px;
  margin-right: 10px;
    
}


nav.grid_acces_rapide .nav.nav-sidebar li a {
    padding-left: 15px;
}

nav.grid_acces_rapide .nav.nav-sidebar li li a {
    padding-left: 5px;
}



nav.grid_acces_rapide  .nav.nav-sidebar ul {
  border-left: 0px solid #ffffff;
}


nav.grid_acces_rapide  .nav.nav-sidebar li ul li:before{
  content: "";
}

nav.grid_acces_rapide  .nav.nav-sidebar a{
  border: 0;
}

@media (min-width: 992px) {

nav.grid_acces_rapide {
    /*background-color: rgba(237,239,245,0.5);*/
    background-color: #e5eff7; /*--------Bleu gris bg menu*/
    border-top: 2px solid #4f5865;
    margin-bottom: 10px;
    padding-bottom: 25px;
}

}




/***************************/
/*Footer                   */
/***************************/

.footer-section {
    background-color: transparent !important;
    border-top: 5px solid #ffffff;
    margin-top: 0px !important;
}

.footer-section a:hover, .footer-section a:focus {
    text-decoration: underline;
}
  
.footer-section .container {
  background-color: #003366; /*--------Bleu fonce*/
  padding-bottom: 25px;
  padding-top: 25px;
 }

.footer-section {
  padding: 0px 0 20px;
}

.meta-section {
    color: #ffffff;
    border-top: 1px solid #2b2b2b;
    padding: 0;
}


/***************************/
/*NEWS                     */
/***************************/

.news .article h3 {
    margin-bottom: 10px;
    font-size: 120%;
}

/***************************/
/*POWERMAIL                */
/***************************/


.tx-powermail .powermail_fieldset {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 15px;
}


@media (min-width: 992px) {
    .tx-powermail {
        width: 845px;
    }
}

/***************************/
/*Carousel                 */
/***************************/



.carousel-inner > .item {
  /*height: 265px;*/  
  height: 250px;
  /*height: 100%;*/

  
}

.carousel-control {
    width: 50px;
}

.carousel-item-type-textandimage .carousel-image img {
  /*height: 300px;*/
  height: 250px;
  /* width: 100%;
    height: auto;*/
}

.carousel-indicators {
    top: 200px;
}

.container .carousel-inner > .item {
    padding-bottom: 0px;
    padding-top: 0px;
}
.container .carousel-inner > .item {
    padding-bottom: 0px;
    padding-top: 0px;
}

.container .carousel-inner > .item {
    padding-left: 0px;
    padding-right: 0px;
}



@media (min-width: 992px) {
  .carousel-inner > .item {
   /* height: 265px;*/
   /*height: 300px;*/
  /* height: 100%;*/
}

.carousel-indicators {
    top: 235px;
}
}

/*TEST CAROUSEL 2017-06-16*/
/*
plugin.bootstrap_package.settings.less.font-size-h1 = floor((@font-size-base * 2))
plugin.bootstrap_package.settings.less.font-size-h2 = floor((@font-size-base * 1.43))
plugin.bootstrap_package.settings.less.font-size-h3 = ceil((@font-size-base * 1.13))
plugin.bootstrap_package.settings.less.font-size-h4 = ceil((@font-size-base * 1.08))
plugin.bootstrap_package.settings.less.font-size-h5 = ceil((@font-size-base * 0.80))
plugin.bootstrap_package.settings.less.font-size-base = 14px
*/

/*Max largeur text 33% de la longueur dispo*/


.carousel-inner h1 {font-size: 80%;}
.carousel-inner h2 {font-size: 80%;}
.carousel-inner h3 {font-size: 80%;}
.carousel-inner h4 {font-size: 80%;}
.carousel-text p {font-size: 80%; letter-spacing: 0.5px;}

.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6,.carousel-text p {
 line-height: 100%;
  max-width: 100px;
}



.carousel-inner .item {
    /*width: 300px;*/
    height:100px;
}

.carousel-item-type-header .carousel-text-inner {
    width: 64%;
    margin: auto;
}

/*Titre seulement*/
.carousel-inner h1.text-center, .carousel-inner h2.text-center, .carousel-inner h3.text-center, .carousel-inner h4.text-center {
    line-height: 100%;
    max-width: 100%;
}

.carousel-indicators {
    top: 80px;
 }

@media (min-width: 360px) {


.carousel-inner h1 {font-size: 80%;}
.carousel-inner h2 {font-size: 80%;}
.carousel-inner h3 {font-size: 80%;}
.carousel-inner h4 {font-size: 80%;}
.carousel-text p {font-size: 80%;}

/*Max largeur text 40% de la longueur dispo*/
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6,.carousel-text p {
  line-height: 100%;
  max-width: 163px;
}

.carousel-inner .item {
    /*width: 408px;*/
    height:85px;
}
.carousel-item-type-header .carousel-text-inner {
    width: 64%;
}

.carousel-indicators {
    top: 35px;
 }

}

@media (min-width: 400px) {

.carousel-inner h1 {font-size: 80%;}
.carousel-inner h2 {font-size: 80%;}
.carousel-inner h3 {font-size: 80%;}
.carousel-inner h4 {font-size: 80%;}
.carousel-text p {font-size: 80%;}


/*Max largeur text 40% de la longueur dispo*/
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6,.carousel-text p {
  line-height: 100%;
  max-width: 184px;
}

.carousel-inner .item {
    /*width: 462px;*/
    height:97px;
}
.carousel-item-type-header .carousel-text-inner {
    width: 64%;
}

.carousel-indicators {
    top: 47px;
 }

}

@media (min-width: 480px) {

.carousel-inner h1 {font-size: 100%;}
.carousel-inner h2 {font-size: 100%;}
.carousel-inner h3 {font-size: 100%;}
.carousel-inner h4 {font-size: 100%;}
.carousel-text p {font-size: 100%;}

/*Max largeur text 40% de la longueur dispo*/
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6,.carousel-text p {
 line-height: 100%;
  max-width: 226px;
}

.carousel-inner .item {
    /*width: 567px;*/
    height:119px;
}
.carousel-item-type-header .carousel-text-inner {
    width: 64%;
}

.carousel-indicators {
    top: 69px;
 }

}

@media (min-width: 600px) {

.carousel-inner h1 {font-size: 160%;}
.carousel-inner h2 {font-size: 143%;}
.carousel-inner h3 {font-size: 113%;}
.carousel-inner h4 {font-size: 108%;}
.carousel-text p {font-size: 100%;}

/*Max largeur text 45% de la longueur dispo*/
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6,.carousel-text p {
  line-height: 100%;
  max-width: 280px;
}

.carousel-inner .item {
    /*width: 624px;*/
    height:131px;
}
.carousel-item-type-header .carousel-text-inner {
    width: 64%;
}

.carousel-indicators {
    top: 80px;
 }
}

@media (min-width: 640px) {

.carousel-inner h1 {font-size: 160%;}
.carousel-inner h2 {font-size: 143%;}
.carousel-inner h3 {font-size: 113%;}
.carousel-inner h4 {font-size: 108%;}
.carousel-text p {font-size: 100%;}

/*Max largeur text 45% de la longueur dispo*/
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6,.carousel-text p {
  line-height: 100%;
  max-width: 328px;
}

.carousel-inner .item {
    /*width: 731px;*/
    height:153px;
}
.carousel-item-type-header .carousel-text-inner {
    width: 64%;
}

.carousel-indicators {
    top: 103px;
 }

}

@media (min-width: 768px) {


.carousel-inner h1 {font-size: 160%;}
.carousel-inner h2 {font-size: 143%;}
.carousel-inner h3 {font-size: 113%;}
.carousel-inner h4 {font-size: 108%;}
.carousel-text p {font-size: 100%;}

/*Max largeur text 45% de la longueur dispo*/
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6,.carousel-text p {
  line-height: 100%;
  max-width: 337px;
}

.carousel-inner .item {
    /*width: 750px;*/
    height:157px;
}
.carousel-item-type-header .carousel-text-inner {
    width: 64%;
}

.carousel-indicators {
    top: 107px;
 }

}

@media (min-width: 992px) {


.carousel-inner h1 {font-size: 160%;}
.carousel-inner h2 {font-size: 143%;}
.carousel-inner h3 {font-size: 113%;}
.carousel-inner h4 {font-size: 108%;}
.carousel-text p {font-size: 100%;}


/*Max largeur text 45% de la longueur dispo*/
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6,.carousel-text p {
  line-height: 100%;
  max-width: 436px;
}

.carousel-inner .item  {
   /*width: 970px;*/
    height:204px;
     
}

.carousel-item-type-header .carousel-text-inner {
    width: 80%;
}

.carousel-indicators {
    top: 154px;
 }

}

@media (min-width: 1200px) {


.carousel-inner h1 {font-size: 160%;}
.carousel-inner h2 {font-size: 143%;}
.carousel-inner h3 {font-size: 113%;}
.carousel-inner h4 {font-size: 108%;}
.carousel-text p {font-size: 100%;}


/*Max largeur text 45% de la longueur dispo*/
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6,.carousel-text p {
  line-height: 100%;
  max-width: 526px;
}
.carousel-inner .item {
    /*width: 1170px;*/
    height:250px;
  }


.carousel-item-type-header .carousel-text-inner {
    width: 80%;
}

.carousel-indicators {
    top: 200px;
 }

}