/*-===-FONTS---*/
/*-===-COLORS---*/
/*-===-GENERAL---*/
/*-===-GENERIC TAGS AND ZONES---*/
/*-===-TOP PAGE/FRONT NAVBAR MAIN MENU---*/
/*-===-BREADCRUMB---*/
/*-===-HOME PAGE---*/
  /*-==-ACTU UNE---*/
  /*-==-AGENDA HOME---*/
  /*-==-GALERIE HOME---*/
  /*-==-PUBLICATIONS HOME---*/
/*-===-PAGE BASIQUE---*/
  /*-==-SIDEBAR MENU---*/
  /*-==-PAGE CENTER---*/
  /*-=-ACCUEIL DE RUBRIQUE---*/
/*-===-PAGE ACTU---*/
/*-===-PAGE PUBLICATIONS---*/
/*-===-PAGE EVENEMENT---*/
/*-===-PAGE GALERIE---*/
/*-===-PAGE DEMARCHES---*/
/*-===-PAGE FICHES PRATIQUES---*/
/*-===-PAGES PROFILS---*/
/*-===-PAGE MARCHES---*/
/*-===-PAGE CONTACT---*/
/*-===-TABLES---*/
/*-===-FORMS---*/
/*-===-WORKBENCH---*/
/*-===-SEARCH GENERAL---*/
/*-===-SEARCH ENGINES---*/
  /*-==-PAGINATION---*/
  /*-==-SEARCH RESULTS---*/
/*-===-CARTO---*/
/*-===-FOOTER---*/
/*-===-PLAN DU SITE---*/
/*-===-SPRITES---*/
/*-===-PHOTOBOX CSS---*/
/*-===-MEDIA QUERIES---*/

/*-===----------------------------------------------------------------*/
/*-------------------- FONTS -----------------------------------------*/

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansationbold';
    src: url('../fonts/sansation_bold-webfont.eot');
    src: url('../fonts/sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation_bold-webfont.woff2') format('woff2'),
         url('../fonts/sansation_bold-webfont.woff') format('woff'),
         url('../fonts/sansation_bold-webfont.ttf') format('truetype'),
         url('../fonts/sansation_bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansationregular';
    src: url('../fonts/sansation_regular-webfont.eot');
    src: url('../fonts/sansation_regular-webfont.svg#sansationregular') format('svg'),
         url('../fonts/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation_regular-webfont.woff2') format('woff2'),
         url('../fonts/sansation_regular-webfont.woff') format('woff'),
         url('../fonts/sansation_regular-webfont.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zona_probold';
    src: url('../fonts/zonapro-bold-webfont.eot');
    src: url('../fonts/zonapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zonapro-bold-webfont.woff2') format('woff2'),
         url('../fonts/zonapro-bold-webfont.woff') format('woff'),
         url('../fonts/zonapro-bold-webfont.ttf') format('truetype'),
         url('../fonts/zonapro-bold-webfont.svg#zona_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-------------------- COLORS ----------------------------------------*/

.navy{ background-color: #001069 }

.dark-cyan{ background-color: #5093a1 }

.wheat{ background-color: #dfd9c9 }

.gray{ background-color: #878787 }

/*-------------------- GENERAL ---------------------------------------*/

/*Remove blue outline chrome inputs */

textarea:focus, 
input:focus,
select:focus{
  outline: none;
}

/*Remove statistic counter */
.statistics_counter{ display: none !important }

.gmnoprint img { max-width: none !important }

/** FIX for Bootstrap and Google Maps Info window styles problem **/
/*img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
   max-width: none !important;
}*/

/*-------------------- GENERIC TAGS AND ZONES --------------------*/
body {
  margin:0;
  padding:0;
  background: #dfd9c9;
  font-weight:normal;
  color:#000000;
  font-family:"open_sansregular", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.col-lg-12{ padding: 0 }

.container,
.navbar.container {
  margin: 0 auto;
  max-width: 970px;
}

.main-container{
  background: none;
  padding-top: 20px; 
}

.main-container > .row{ margin-bottom: 30px }

.main-container > .row > .col-sm-9{
  padding-right: 50px;
}

.section-gray{ background-color: #f2f2f2 }

p{ margin: 10px 0 }

a:link, a:visited {
  color:#001069;
  transition:all 0.2s ease 0s;
}
a:hover, a:focus, a:active { color: #5093a1 }

a.retour-moteur{
  text-align: left;
  background: #878787;
  display: block;
  color: #fff;
  padding: 5px 0px 5px 20px;
  margin-bottom: 20px
}

/*- Ancres + menu fixé -*/
a[name] {
    padding-top: 225px;
    margin-top: 125px;
}

.node-type-galerie a.retour-moteur{ 
  width: 180px; 
}

a.retour-moteur:before{
  content:"\25C4";
  display: inline-block;
  width: 20px;
  height: 20px;
}

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

iframe{
  max-width: 100%;
  max-height: 400px;
}

.front #block-workbench-block{ display: none }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{    
  font-family: inherit;
  line-height: 1.1;
  color: inherit;
}

.page-header{
  margin: 0;
  border-bottom: none;
}

h1, h2 {
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  font-family: 'sansationbold', Arial, sans-serif;
  color: #5093a1;
}

hr{
  margin-bottom: -17px;
  border-top: 1px solid #fff;
}

/* clearfix for floats */
h1:after,
h2:after,
h2 {
  content: "";
  display: table;
  clear: both;
}

h2.block-title{
  background-color: #dfd9c9;
  background:#dfd9c9;
  padding:8px 15px;
  margin-left:20px;
  height: 35px;
  color: #3d3d3d;
  font-family: 'sansationregular', Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.front h2.block-title{ font-size: 20px }

h3, .h3{
  font-family: 'sansationbold', Arial, sans-serif;
  margin: 0;
  margin-bottom: 10px;
  color: #5093a1;
  background: none;
  text-transform: none;
}

h4{ font-family: 'sansationbold', Arial, sans-serif }

ul{ padding: 0 }

li{ list-style-type: none }

.strong{ font-weight: bold }

.tous{
  width: 100%;
  text-align: center;
  background: #878787;
}

.tous a{
  font-size: 12px;
  display: inline-block;
  padding: 5px 0;
  color: #fff;  
  font-weight: normal;
}

.tous a:focus,
.tous a:hover{ text-decoration: underline }

.slick-prev:before{
  content: "\25C4";
  color: #5093a1;
}

.slick-next:before{
  content: "\25BA";
  color: #5093a1;
}

/*-===-TOP PAGE/FRONT NAVBAR MAIN MENU------------------------------------------------------*/


.navbar-header .logo{
  position: relative;
  z-index: 20;
}

.navbar-header .logo img{ box-shadow: 0px 10px 5px -7px #474747 } 

#menu-externe{
  background: #878787;
  position: relative;
  box-shadow: 0 1px 16px #ababab;
  z-index: 2;
}

.menu-externe-container{ position: relative }

.menu-externe-container li a{
  font-family: "open_sanssemibold", Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
}

.menu-externe-container li a:hover{ color: #464848 }

#block-search-form {
  position: absolute;
  top: 0;
  right: 30px;    
}

#block-search-form .input-group{ margin-left: 15px }

#block-search-form input[type="text"]{    
  display: none;
  height: 34px;
  width: 150px;
  float: right;
}

#block-search-form .input-group-btn{ float: right }

#block-search-form input[type="text"]::-webkit-input-placeholder,
#block-search-form input[type="text"]:-moz-placeholder,
#block-search-form input[type="text"]::-moz-placeholder,
#block-search-form input[type="text"]:-ms-input-placeholder {
  color: #707070;
}

#block-search-form button{
  float: right;
  width: 35px;
  height: 35px;
  padding-left: 0px;
  background-color: #001069;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
}

#block-search-form button i{ margin-top: -5px }

#block-search-form button:focus,
#block-search-form button:hover{
  background-color: #5093a1;
}

#block-search-form .form-item{ display: none }

.bandeau-top {
  height: 291px;
  background-image: url("../img/home-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.page-plan-interactif .bandeau-top {
  background-image: url("../img/bandeau-generique.jpg");
}

.bandeau-menu-top{
  position: relative;
  height: 56px;
  background-color: #fff;
  box-shadow: 0 1px 16px #ababab;
}

.logo{ margin-top: 16px }

#navbar{    
  background: none;
  border: none;
}

.navbar-toggle{ z-index: 10 }

.navbar-collapse{ padding-left: 0 }

.navbar-collapse .menu-block-3 > ul.menu.nav.secondary{ display: none }

#block-menu-block-3{ position: relative }

.nav>li{ position: static }

.menu-block-3 > ul.menu.nav{    
  position: relative;
  /*display: table;*/
  /*border-collapse: separate;
  border-spacing: 4px;*/
  height: 56px;
}

.menu-block-3 > ul.menu.nav > li.first{
  padding-left: 0;
  padding-right: 5px;
  background: none;
}

.menu-block-3 > ul.menu.nav > li{
  padding-left: 7px;
  background: url(../img/puce-menu.png) no-repeat;
  background-position: -3px 21px;
}

.menu-block-3 > ul.menu.nav > li.first > a{ padding: 0 }

.menu-block-3 > ul.menu.nav > li > a{
  display: inline-block;
  padding: 0 12px;
  height: 56px;
  line-height: 56px;
  vertical-align: middle;
  font-family: "open_sanssemibold", Arial, sans-serif;    
  text-align: center;
  text-transform: uppercase;
  color: #464848;
  font-size: 13px;      
} 

.menu-block-3 > ul.menu.nav > li > a:focus,
.menu-block-3 > ul.menu.nav > li > a:hover{
  color: #ffffff;
  background: transparent;
}

.menu-block-3 > ul.menu.nav > li a.active-trail.active{
  color: #000;
  background-color: transparent;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav{
  display: none;
  position: absolute;
  left: 0;
  width: 919px;
  min-height: 364px;
  padding-left: 310px;  
  border: none;
  border-radius: 0;
  background: url('../img/services-menu.jpg') #5093a1 no-repeat;
  z-index: 11;
}

.menu-block-3 > ul.menu.nav > li+li > ul.menu.nav{
  background: url('../img/mairie-menu.jpg') #5093a1 no-repeat;
}

.menu-block-3 > ul.menu.nav > li+li+li > ul.menu.nav{
  background: url('../img/sorties-menu.jpg') #5093a1 no-repeat;
}

.menu-block-3 > ul.menu.nav > li+li+li+li > ul.menu.nav{
  background: url('../img/ville-menu.jpg') #5093a1 no-repeat;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav > li{
  display: block;
  width: 280px;
  padding-left: 20px;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav > li.content-third-level > a:after{
  content: "\25BA";
  display: inline-block;
  float: right;
  color: #fff
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav > li a{
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 7px 5px;
  border-bottom: 1px solid #6aa3af;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav a{
  border: 0;
  text-transform: none;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav{
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  height: 100%;
  width: 330px;
  box-shadow: 6px 0px 10px 0px rgba(0, 0, 0, 0.3) inset;
  background-color: #5093a1;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav li{
  padding-left: 20px;
  width: 100%;
}

.menu-block-3 > ul.menu.nav ul.menu.nav li a.menu_icon{
  background-size: 144px auto;
}

.menu-block-3 > ul.menu.nav ul.menu.nav li:focus,
.menu-block-3 > ul.menu.nav ul.menu.nav li:hover{
  background: #73a9b4;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav > li:focus,
.menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav > li:hover{
  box-shadow: 6px -1px 10px -1px rgba(0, 0, 0, 0.3) inset;
}

.menu-block-3 > ul.menu.nav ul.menu.nav>li>a:focus, 
.menu-block-3 > ul.menu.nav ul.menu.nav>li>a:hover{
  background-color: transparent;
}

.menu-block-3 > ul.menu.nav > li{
  margin-right: 2px;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}

.menu-block-3 > ul.menu.nav > li:focus,
.menu-block-3 > ul.menu.nav > li:hover,
.menu-block-3 > ul.menu.nav > li.active-trail.active{
  background-color: #5093a1;    
}

.menu-block-3 > ul.menu.nav > li a.active-trail.active{
  color: #000;
  background-color: transparent;
}

#block-block-7{
  display: none;
  position: fixed;
  z-index: 1;
  top: 100px;
  right: 0;
}

#block-block-7 ul{
  padding: 10px 10px 0 10px;
  text-align: center;
  background-color: #ffffff
}

#block-block-7 li {
  padding: 0;
  background: none;
}

#block-block-7 li a{
  font-family: 'open_sansbold', Arial, sans-serif;
  text-decoration: none;
  color: #878786
}

#block-block-7 ul .print-shortcut{
  border-bottom: 1px solid #878786;
  padding: 5px 0;
}

#block-block-7 ul .mail-shortcut{
  border-bottom: 1px solid #878786;
  padding: 5px 0;
}

#block-block-7 ul .contrast-shortcut{
  border-bottom: 1px solid #878786;
}

#block-block-7 ul .facebook-shortcut{
  padding: 5px 0;
}

#block-block-7 ul .twitter-shortcut{
  padding: 5px 0;
}

#block-block-7 ul a.big-font{
  font-size: 20px;
}

#block-webform-client-block-21 .block-title,
#block-webform-client-block-21 .webform-submit,
#block-webform-client-block-22 .block-title,
#block-webform-client-block-22 .webform-submit{
  display: none;
}

#block-webform-client-block-21{
  position: absolute;
  top: 15px;
  right: 415px;
}
#block-webform-client-block-22{
  position: absolute;
  top: 15px;
  right: 225px;
}
#block-webform-client-block-21 select,
#block-webform-client-block-22 select{
  width: 160px;
  height: 35px;
  font-family: 'sansationbold', Arial, sans-serif;
  border: none;
  border-radius: 0;
  background-color: #f2f2f2;    
  font-size: 1.3em;
  box-shadow: 0 2px 10px #777;
}

#block-views-flash-info-block{
  position: relative;
  height: 54px;
  width: 100%;
  margin-bottom: 30px;
  background: #5093a1;
}

#block-views-flash-info-block .bx-control,
#block-views-flash-info-block hr{
  display: none
}

#block-views-flash-info-block .bx-prev .flash-left-arrow-icon:before,
#block-views-flash-info-block .bx-next .flash-right-arrow-icon:before{
  position: absolute;
  top: 17px;
}

#block-views-flash-info-block .bx-prev .flash-left-arrow-icon:before{
  left: 0;
  content: "\25C4";
  color: #fff;
}

#block-views-flash-info-block .bx-next .flash-right-arrow-icon:before{
  right: 10px;
  content: "\25BA";
  color: #fff;
}

/*--== PAGE MARCHES PUBLICS ------------------------------------ */

.page-node-1830 .region-content li{
  margin: 0;
  padding: 2px 0 0 15px;
  list-style: none;
  background: url(../img/puce-dark-cyan.png) no-repeat 0 7px;
}

.page-node-1830 .region-content hr{ display: none }

.page-node-1830 .region-content  h2.block-title{
  margin: 20px 0;
  padding: 0;
  font-family: 'sansationbold', Arial, sans-serif;
  color: #5093a1;
  font-size: 24px;
  text-transform: none;
}

.page-node-1830 .region-content .block-views .view-header{ margin: 0 }

.page-node-1830 .deplie-marches{
  position: relative;
  margin: 20px 40px 20px 0;
  border-top: 2px dotted #fff;
}

.page-node-1830 .deplie-marches span{
  display: block;
  position: absolute;
  right: -40px;
  top: -17px;
  width: 30px;
  height: 30px;
  padding: 6px 9px;
  cursor: pointer;
  color: #fff;
  background-color: #878786
}

.page-node-1830 .deplie-marches span.active{
  background-color: #001069;
}

.page-node-1830 .deplie-marches span.no-active:after{
  display: block;
  content: "\25BC";
  width: 12px;
}

.page-node-1830 .deplie-marches span.active:after{
  display: block;
  content: "\25B2";
  width: 12px;
}

.page-node-1830 .block-views .view-content{ display: none }

/* == FLASH INFO ------------------------------------------------ */
#block-views-flash-info-block h2.block-title{
  padding: 0 12px;
  background-color: #001069;
  color: #fff;
  height: 54px;
  line-height: 54px;
  margin: 0;
}

#block-views-flash-info-block .views-field-title a{
  display: inline-block;
  height: 54px;
  width: 90%;
  padding-left: 20px;
  padding-top: 3px;
  color: #fff;
  font-size: 14px;
}

#block-views-flash-info-block .wrapper-flash-info{
  position: absolute;
  top: 0;
  right: 0;
  left: 150px;
}

#block-views-flash-info-block .ul-flash-info{
  float: left;
  padding: 0;
}

#block-views-flash-info-block .li-flash-info{ 
  list-style-type: none;
  padding-left: 15px;
}

#block-views-flash-info-block .li-flash-info button{
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: none;
  padding: 0;
  padding-right: 7px;
}

#block-views-flash-info-block .views-field-view-node{
  position: absolute;
  top: 0;
  right: 22px;
  width: 90px;
  padding: 0 7px 2px 7px;
  background: #fff;
}

#block-views-flash-info-block .views-field-view-node a{ 
  font-weight: 600;
}

/* ----------------------------------------------------------------------- */

/*-===-BREADCRUMB------------------------------------------------------*/

.col-sm-9 .breadcrumb {
  padding-top: 0;
  margin-bottom: 2px;
  background: none;
  border-radius: 0;
  list-style-type: none;
  font-size: 1em;  
}

.breadcrumb-region { background-color: #efece4 }

.breadcrumb-region .breadcrumb{
  padding: 0;
  margin: 0;
  background: none;
}

.breadcrumb-region .breadcrumb li{
  position: relative;
  padding: 0 5px 0 15px;
}

.breadcrumb-region .breadcrumb li.last{
  padding: 8px 5px 8px 15px;
}

.breadcrumb-region .breadcrumb li:before{ content: "" }

.breadcrumb-region .breadcrumb li:after{
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  display: inline-block;
  width: 30px;
  height: 33px;
  background: url('../img/sprites.png') no-repeat;
  background-position: -1203px -16px;
}

.breadcrumb-region .breadcrumb li.last:after{ display: none }

.breadcrumb a, .breadcrumb{
  cursor: default;
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  padding: 8px 0;
  color: #3d3d3d;
}

.col-sm-9 .breadcrumb a{
  font-size: 1em;
  font-weight: 700;
  text-decoration: underline;
  color: #000;
  transition: all 0.2 ease-in-out;
}

.breadcrumb li.first a:focus,
.breadcrumb li.first  a:hover{
  cursor: pointer;
  color: #001069;
  text-decoration: underline;
}

.col-sm-9 .breadcrumb>.active{
  font-weight: 600;
  color: #454545;
}

/*-===-HOME PAGE------------------------------------------------------*/
.front h1, .front div.workbench-info-block{
  display: none;
}

.front section{
  /*padding-bottom: 30px;*/
}
  
.region-sidebar-first.well{    
  padding: 0;
  margin-bottom: 20px;
  background: transparent;
  border: none;
  border-radius: 0;    
}

.front .main-container > .row > aside.col-sm-3{
  padding-top: 30px;
  padding-bottom: 30px;
}

#block-views-nodequeue-5-block-1 .item-list > ul{
  background-color: #FFFFFF;
}

#block-views-nodequeue-5-block-1 .item-list > ul li.views-row-first{
  border-right: 1px solid #cfcfcf;
} 

#block-views-nodequeue-5-block-1 .item-list > ul li.views-row-last{
  border-left: 1px solid #cfcfcf;
} 

#block-views-nodequeue-5-block-1 .item-list > ul li{
  width: 50%;
  float: left;
  padding: 4px 10px 0 10px;
  display: inline-block;
  text-align: center;
  margin-bottom: 7px;
  margin-top: 7px;
}

#block-views-nodequeue-5-block-1 .item-list > ul li img{
  width: 55px;
  margin: 0 auto;
}

#block-views-nodequeue-5-block-1 .item-list > ul li .views-field-title{
  height: 61px;
  padding: 0 0 10px 0;
  margin-bottom: -7px;
  line-height: 1.2;
}

#block-views-nodequeue-5-block-1 .item-list > ul li.views-row-odd.views-row-first .views-field-title,
#block-views-nodequeue-5-block-1 .item-list > ul li.views-row-even .views-field-title {
  border-bottom: 1px solid #cfcfcf;
}

#block-views-nodequeue-5-block-1 .item-list > ul li.views-row-even.views-row-last .views-field-title{
  border: 0;
}

#block-views-nodequeue-5-block-1 .item-list > ul li .views-field-title a{
  font-size: 12px;
  color: #303030;
}

#ul-en1clic h2.block-title{    
  width: 100%;
  font-size: 1.3em;    
  margin: 0;
}

/* -- === ZONES CONTEXTUELLES ------------------------------------------------------ */
#block-views-zones-contextuelles-block .item-list > ul > li{
  position: relative;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
}

#block-views-zones-contextuelles-block .item-list > ul > li h3,
#block-views-zones-contextuelles-block .item-list > ul > li .context-contact-ul li.contact-context-tel,
#block-views-zones-contextuelles-block .item-list > ul > li .context-contact-ul li.contact-context-mail,
#block-views-zones-contextuelles-block .item-list > ul > li .views-field-nothing{
  border-bottom: 1px solid #e7e7e7;
}

#block-views-zones-contextuelles-block .item-list > ul > li .contact-social,
#block-views-zones-contextuelles-block .item-list > ul > li .views-field-field-site-internet-plan{
  padding: 3px 5px 3px 34px;
  clear: both
}

#block-views-zones-contextuelles-block .item-list > ul > li .contact-social li{
  float: left;
}

.views-field-field-site-internet{ clear: both }

#block-views-zones-contextuelles-block .item-list > ul > li .views-field-title h3{
  font-size: 17px;
}

#block-views-zones-contextuelles-block .item-list > ul > li .context-contact-ul li{
  display: inline-block;
  position: relative;
  width: 100%;
  min-height: 30px;
  padding: 5px 5px 3px 34px;
  font-size: 12px;
}

#block-views-zones-contextuelles-block .views-field-field-horaires{
  font-size: 12px;
}

#block-views-zones-contextuelles-block .item-list > ul > li .context-contact-ul li.contact-context-tel{
  font-size: 14px;
}

#block-views-zones-contextuelles-block .item-list > ul > li a{
  font-size: 12px;
  vertical-align: middle;
  color: #5093a1;
  text-decoration: underline;
}

#block-views-zones-contextuelles-block .item-list > ul > li a:hover,
#block-views-zones-contextuelles-block .item-list > ul > li a:focus,
#block-views-zones-contextuelles-block .item-list > ul > li .contact-voir:hover,
#block-views-zones-contextuelles-block .item-list > ul > li .contact-voir:focus{
  color: #001069;
  text-decoration: none;
}

#block-views-zones-contextuelles-block .item-list > ul > li .contact-voir{
  float: right;
  font-size: 14px;
  padding-top: 5px;
  font-family: "open_sanssemibold", Arial, sans-serif;
  text-decoration: underline;
}

#block-views-zones-contextuelles-block .item-list > ul > li .views-field-field-site-internet-plan{
  clear: both;
}

#block-views-zones-contextuelles-block .item-list > ul > li .context-contact-ul li span{
  position: absolute;
  left: 0;
  top: 0;
}

#block-views-zones-contextuelles-block-1 ul,
#block-views-fiches-pratiques-block ul{
  background-color: #5093a1;
  margin: 0;
  padding: 5px;
}

#block-views-zones-contextuelles-block-1 li,
#block-views-fiches-pratiques-block ul li{
  padding: 0 0 0 5px;
  border-bottom: 1px solid #FFFFFF;
}

#block-views-zones-contextuelles-block-1 li a,
#block-views-fiches-pratiques-block ul li a{ 
  font-family: 'sansationregular', Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}

#block-views-zones-contextuelles-block-1 .views-row-last,
#block-views-fiches-pratiques-block .views-row-last{
  border: 0;
}

#block-views-zones-contextuelles-block-1 .view-footer,
#block-views-fiches-pratiques-block .view-footer,
#block-views-zones-contextuelles-block-2 .view-footer{
  padding: 0;
}

#block-views-fiches-pratiques-block .view-footer{ margin: 0 }

#block-views-zones-contextuelles-block-2 .item-list > ul{
  position: relative;
  padding: 10px 10px 0 10px;
  margin-bottom: 0;
  background-color: #FFFFFF;
}

#block-views-zones-contextuelles-block-2 .views-field-field-icone-d-marche{
  display: inline-block;
  float: left;
}

#block-views-zones-contextuelles-block-2 .views-field-title{
  display: inline-block;
  width: 100%;
  padding-left: 10px;
  float: left;
}

#block-views-zones-contextuelles-block-2 .item-list > ul li{
  padding: 5px 0;
  border-bottom: 1px solid #cfcfcf
}

#block-views-zones-contextuelles-block-2 .item-list > ul li a{
  font-family: 'sansationregular', Arial, sans-serif;
  font-size: 13px;
  color: #303030
}

#block-views-zones-contextuelles-block-2 .item-list > ul li.views-row-last{
  border: 0;
}

#block-views-agenda-block .wrapper-infos-agenda{ height: 197px }

#block-views-agenda-block .wrapper-infos-agenda,
#block-views-zones-contextuelles-block-3 .view-zones-contextuelles li{
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

#block-views-agenda-block .ul-agenda-home li .views-field-field-theme,
#block-views-agenda-block .ul-agenda-home li .views-field-field-theme-prioritaire,
#block-views-zones-contextuelles-block-3 .view-zones-contextuelles li .views-field-field-theme,
#block-views-zones-contextuelles-block-3 .view-zones-contextuelles li .views-field-field-theme-prioritaire{
  background-color: #FFFFFF;
  padding: 4px 20px;
  position: absolute;
  top: 20px;
  text-transform: uppercase;
  font-family: 'zona_probold', Arial, sans-serif;
  color: #5093a1;
}

#block-views-zones-contextuelles-block-3 .view-zones-contextuelles li .field-content{
  color: #5093a1;
  font-family: 'zona_probold', Arial, sans-serif;
  font-size: 12px;
}

#block-views-agenda-block .ul-agenda-home li .views-field-nothing .home-info-agenda,
#block-views-zones-contextuelles-block-3 .view-zones-contextuelles li .views-field-nothing{
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  width: 105%;
  left: -5px;
  background-color: rgba(83, 143, 154, 0.9);
  padding-top: 12px;
  padding-left: 20px;
  padding-bottom: 15px;
  position: absolute;
  bottom: -12px;
}

#block-views-agenda-block .ul-agenda-home li .field-content .date-display-range,
#block-views-agenda-block .ul-agenda-home li .field-content .date-display-single,
#block-views-zones-contextuelles-block-3 .view-zones-contextuelles li .field-content .date-display-range,
#block-views-zones-contextuelles-block-3 .view-zones-contextuelles li .field-content .date-display-single{
  display: block;
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  margin-left: 3px;
  color: #FFF;
  font-size: 14px;
  font-family: 'zona_probold', Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

#block-views-agenda-block .ul-agenda-home li .field-content .home-info-agenda a,
#block-views-zones-contextuelles-block-3 .view-zones-contextuelles li .field-content .context-agenda-infos a{
  display: block;
  width: 270px;
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  font-size: 16px;
  font-family: 'sansationregular', Arial, sans-serif;
  font-weight: 400;
  color: #FFF;
}

#block-views-zones-contextuelles-block-4 .view-zones-contextuelles li{
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

#block-views-zones-contextuelles-block-4 .view-zones-contextuelles li .views-field-title .field-content{
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  width: 105%;
  left: -5px;
  background-color: #001069;
  padding-top: 12px;
  padding-left: 20px;
  padding-bottom: 20px;
  position: absolute;
  bottom: -12px;
}

#block-views-zones-contextuelles-block-4 .view-zones-contextuelles li .views-field-title .field-content a{
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  font-size: 16px;
  font-family: 'sansationregular', Arial, sans-serif;
  display: inline-block;
  color: #FFF;
}

#block-views-zones-contextuelles-block-5 ul{
  padding: 10px 15px;
  background-color: #5093a1;
}

#block-views-zones-contextuelles-block-5 ul li{ margin-bottom: 8px }

#block-views-zones-contextuelles-block-5 ul li a{
  color: #fff;
  font-size: 14px;
  font-family: 'sansationregular', Arial, sans-serif;
  text-decoration: underline;
}

#block-views-zones-contextuelles-block-5 ul li a:focus,
#block-views-zones-contextuelles-block-5 ul li a:hover{
  text-decoration: none;
}

#block-views-zones-contextuelles-block-6 .item-list > ul{
  padding: 10px 15px;
  background-color: #001069;
}

#block-views-zones-contextuelles-block-6 .item-list > ul li{
  margin-bottom: 10px
}

#block-views-zones-contextuelles-block-6 .item-list > ul li a{
  font-family: 'sansationregular', Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  text-decoration: underline;
}

#block-views-zones-contextuelles-block-6 .item-list > ul li a:focus,
#block-views-zones-contextuelles-block-6 .item-list > ul li a:hover{  
  text-decoration: none;
}

#block-views-zones-contextuelles-block-7 .item-list > ul li{
  margin-bottom: 10px;
}

#block-views-zones-contextuelles-block-7 .item-list > ul li .views-field-field-image-de-couverture{
  float: left;
  margin-right: 10px;
}

#block-views-zones-contextuelles-block-7 .item-list > ul li a{ color: #000 }

#block-views-zones-contextuelles-block-7 .item-list > ul li .views-field-title a{ 
  color: #001069;
  font-size: 16px;
  font-family: 'sansationregular', Arial, sans-serif;
}

#block-views-galerie-block-1 ul li .wrapper-galerie-home,
#block-views-zones-contextuelles-block-8 .item-list > ul li{
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

#block-views-galerie-block-1 ul li a.link-video-wrapper .wrapper-galerie-home,
.page-node-1636 ul li a.link-video-wrapper .wrapper-galerie-page{
  margin-top: -75px;
  height: 75px;
}

#block-views-galerie-block-1 ul li{ overflow: hidden }

#block-views-galerie-block-1 ul li .video-hover-filter,
.page-node-1636 ul li .video-hover-filter{
  position: absolute;
  background: transparent;
  z-index: 0
}

#block-views-galerie-block-1 ul li .video-hover-filter{
  top: 8px;
  width: 290px;
  height: 197px;
  background: url(../img/video-play-2.png) no-repeat;
}

.page-node-1636 ul li .video-hover-filter,
.node-type-espace-presse .video-hover-filter{
  width: 308px;
  height: 205px;
  background: url(../img/video-play-3.png) no-repeat;
}

#block-views-galerie-block-1 ul li.views-row-last,
#block-views-zones-contextuelles-block-8 .item-list > ul li.views-row-last{
  margin: 0
}

#block-views-galerie-block-1 ul li .wrapper-galerie-home .views-field-title,
#block-views-zones-contextuelles-block-8 .item-list > ul li .views-field-title{
  position: absolute;
  bottom: -25px;
  left: -5px;
  height: 75px;
  width: 105%;
  padding-top: 12px;
  padding-left: 25px;
  padding-bottom: 30px;
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  background-color: rgba(0, 16, 105, 0.72);
  z-index: 1;
}

#block-views-galerie-block-1 ul li .views-field-title a,
#block-views-zones-contextuelles-block-8 .item-list > ul li .views-field-title a{  
  display: inline-block;
  width: 270px;
  padding-top: 15px;  
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  font-size: 16px;
  font-family: 'sansationregular', Arial, sans-serif;
  color: #FFF;
}

#ul-en1clic {
  margin-bottom: 0;
  text-align: center;
}

#block-block-1 h2.block-title .deplie-en-1-clic{ display: none }

#ul-en1clic li{
  width: 128px;
  height: 150px;
  float: left;
  display: inline-block;
  list-style-type: none;
  text-align: center;
  line-height: 2;
  padding: 0;
  margin-left: -12px;
}

#ul-en1clic li span.icon{
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
}

#ul-en1clic li a{
  display: inline-block;
  color: #404040;
  font-size: 11px;    
  text-transform: uppercase;
  text-decoration: none;
}

#ul-en1clic li a span{ margin-right: 5px }

#ul-en1clic li a:hover,
#ul-en1clic li a:focus{
  color: #73a9b4
}

.portail-famille{
  width: 212px;
  box-shadow: 0 5px 10px #b2b2b2;
}

/*-==-ACTU UNE---AGENDA UNE---------------------------------------------------*/
.region-content-home-one{ margin-top: 30px }

#block-views-actualit-s-block .view-content,
#block-views-nodequeue-5-block-1 .view-content,
#block-views-kiosque-block .view-content{
  margin-top: 15px;
}

#block-views-galerie-block-1 .view-content{ margin-top: 25px }

#block-views-nodequeue-5-block-1,
#block-webform-client-block-1625,
#block-views-fiches-pratiques-block,
#block-views-kiosque-block{
  padding-right: 0;
}

#block-views-actualit-s-block{
  position: relative;
  padding-left: 0;
  margin-bottom: 40px;
}

#block-views-actualit-s-block .view-header {
  position: absolute;
  right: 0;
  width: 165px;
  text-align: center;
  height: 35px;
  padding-bottom: 5px;
  font-weight: 700;
}

#block-views-agenda-block .view-header{
  position: absolute;
  right: 15px;
  width: 125px;
  height: 35px;
  font-weight: 700;
}

#block-views-galerie-block-1 .view-header{
  position: absolute;
  right: 15px;
  width: 135px;
  height: 35px;
  font-weight: 700;
}

#block-views-actualit-s-block h2.block-title .h2-actu{
  display: inline-block;
  background-color: #707070;
  width: 200px;
  padding-top: 10px;
  padding-left: 60px;
  height: 34px;
}

#block-views-actualit-s-block .view-header .news-icon{
  position: absolute;
  top: -10px;
  left: 10px;
}

#block-views-actualit-s-block .view-actualit-s{
  position: relative;
}

#block-views-actualit-s-block .views-field-field-image-actualite .field-content{
  float: left;
  max-width: 500px;
  margin: 0;    
}

#block-views-actualit-s-block .content-info-actu{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 300px;
  z-index: 1000;
  overflow: hidden;
}

#block-views-actualit-s-block .content-info-actu .wrapper-bord-top{
  position: relative;
  height: 100%;
}

#block-views-actualit-s-block .content-info-actu .wrapper-bord-top .bord-top{
  position: absolute;
  -ms-transform: rotate(-8deg);
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
  width: 115%;
  height: 100%;
  left: -20px;
  background-color: rgba(0, 16, 105, 0.72);
  padding: 15px 25px;
}

#block-views-actualit-s-block .content-info-actu .views-field-title{
  margin-left: 20px;
}

#block-views-actualit-s-block .content-info-actu a{
  text-decoration: none;
}

#block-views-actualit-s-block .content-info-actu span{
  display: block;
}

#block-views-actualit-s-block .views-field-title,
#block-views-actualit-s-block .date-display-range,
#block-views-actualit-s-block .date-display-single,
#block-views-actualit-s-block .content-info-actu p{
  -ms-transform: rotate(8deg);
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}

#block-views-actualit-s-block .views-field-title{
  display: block;
  font-family: 'sansationbold', Arial, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #ffffff;
  padding: 5px;
  text-decoration: none;
}

#block-views-actualit-s-block .content-info-actu p{
  display: block;
  font-size: 12px;
  margin: 20px 13px;
  color: #fff;
}

#block-views-actualit-s-block .content-info-actu .date-display-range,
#block-views-actualit-s-block .content-info-actu .date-display-single{
  display: block;
  margin-left: 20px;
  width: 140px;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  background-color: #5093a1
}

#block-views-actualit-s-block .content-info-actu .date-display-range span, 
#block-views-actualit-s-block .date-display-single{
  display: inline;
  text-transform: uppercase;
  font-family: 'zona_probold', Arial, sans-serif;
} 

#block-views-actualit-s-block .views-field-body .field-content{
  float: left;
  width: 150px;
  margin: 10px;
  margin-left: 20px;
  font-size: 0.9em;
  font-weight: 700;
}
#block-views-actualit-s-block .views-field-view-node .field-content{
  /*float: right;*/
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 105px;
  height: 22px;
  margin-right: 20px;
  font-weight: 700;
  background: url(../img/sprites-generic.png) -454px -22px no-repeat;
}
#block-views-actualit-s-block .views-field-view-node .field-content a{
  display: inline-block;    
  padding-left: 10px;
  text-decoration: none;
}

.region-content-home-two{
  padding-top: 30px;
  padding-bottom: 30px;
}

#bx-pager{
  position: absolute;
  z-index: 1001;
  right: 205px;
  bottom: 15px;
  width: 100px;
  height: 30px;
}

#bx-pager #wrapper-pagers{    
  padding: 10px;
  text-align: center;
}

#bx-pager #wrapper-pagers a{
  display: inline-block;
  margin-right: 5px;
  text-indent: -9999px;
}

#bx-pager #wrapper-pagers a span{
  display: block;
  width: 15px;
  height: 15px;
}

#bx-pager #wrapper-pagers a .pager-slider-white-icon{
  background: url('../img/sprites.png') -1129px -176px no-repeat;
}

#bx-pager #wrapper-pagers a.active .pager-slider-white-icon{
  background: url('../img/sprites.png') -1155px -176px no-repeat;
}

#bx-pager #wrapper-pagers .pager-slider-white-icon:focus,
#bx-pager #wrapper-pagers .pager-slider-white-icon:hover{
  background: url('../img/sprites.png') -1155px -176px no-repeat;
}

#block-views-agenda-block{
  position: relative;
  padding-left: 0;
  margin-bottom: 20px;
}

.front .ul-agenda-home{ margin-top: 33px }

.front .ul-agenda-home .views-row-1{ padding-left: 0 }

.front .ul-agenda-home .views-row-2{ padding-right: 0 }

/*-==-GALERIE HOME--PUBLICATIONS HOME------------------------------------------------------*/

.front #block-webform-client-block-1625 .webform-client-form{
  padding: 12px;
  padding-bottom: 40px;
  margin: 0;
}

.front #block-webform-client-block-1625 .webform-client-form select{
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 2px 2px 15px;
  border: none;
  font-family: 'open_sansregular', Arial, sans-serif;
  background: #FFFFFF url("../img/arrow-select.png") 98% 8px no-repeat;
}

.front #block-webform-client-block-1625 .webform-submit{
  display: none;
}

#block-views-galerie-block-1{ padding-left: 0 }

.front .ul-galerie-home .views-row-1{
  padding-left: 0;
}

.front .ul-galerie-home .views-row-2{ padding-right: 0 }

.front .views-field-field-video,
.front .views-field-field-video iframe{
  width: 290px;
  height: 197px;
}

.page-node-1636 .views-field-field-video,
.page-node-1636 .views-field-field-video iframe,
.node-type-espace-presse .views-field-field-video,
.node-type-espace-presse .views-field-field-video iframe{
  width: 308px;
  height: 205px;
}

/*-===-PAGE BASIQUE------------------------------------------------------*/
.node-type-page .dnd-widget-wrapper.type-image{
  margin: 10px;
}

.node-type-page .dnd-widget-wrapper.context-sdl_editor_representation.type-image{
  margin: 15px 0;
}

.region-content ul{ padding-left: 15px }

.dnd-caption-wrapper{ display: none }

.node-type-page .main-container{
  margin-top: 1px;
  margin-bottom: 60px;
  padding-top: 5px;
}

.not-front .main-container > .row > aside.col-sm-3{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 0;
}

.node-type-kiosque .field-name-field-image-de-couverture{
  width: 48%;
  float: left;
  margin-right: 20px;
}

.node-type-kiosque .field-name-field-image-de-couverture img{
  width: 100%;
}

.node-type-kiosque .field-name-field-doc-upload{
  width: 48%;
  float: left;
}

.node-type-kiosque .field-name-field-lien-calameo{
  width: 48%;
  float: left;
}

.node-type-kiosque .field-name-body{
  width: 48%;
  float: left;
  margin-bottom: 20px;
  clear: none !important
}

/*-==-SIDEBAR MENU--------------------------------------*/
.well{ box-shadow: none }

.node-type-page h2.menu-title{
  width: 100%;
  margin-bottom: 0;
  padding: 10px;
  background-color: #7F0002;
  transition: all 0.2s ease-in-out;  
}

.node-type-page h2.menu-title a{
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;  
}

.node-type-page h2.menu-title:focus,
.node-type-page h2.menu-title:hover{
  background-color: #001069;
  border-bottom: 1px solid #7F0002;
}

.menu-block-wrapper.menu-block-2{
  background-color: #ffffff;
  margin-bottom: 30px;
}

.menu-block-wrapper.menu-block-2 ul{
  background-color: #ffffff;
  margin-bottom: 30px;
}

.menu-block-wrapper.menu-block-2 ul li{
  padding-left: 20px;
  border-bottom: 1px solid #e7e7e7;
}

.menu-block-wrapper.menu-block-2 ul li:hover,
.menu-block-wrapper.menu-block-2 ul li:focus,
.menu-block-2 ul li.active{
  background: url(../img/puce-dark-cyan.png) no-repeat 0 10px;
}

.menu-block-wrapper.menu-block-2 ul li a{
  font-size: 13px;
  padding: 5px 0;
  color: #5093a1
}

.menu-block-wrapper.menu-block-2 ul li a:hover,
.menu-block-wrapper.menu-block-2 ul li a:focus{
  color: #5093a1
}

.menu-block-2 ul{ padding: 0 15px }

.menu-block-2 ul li{
  width: 100%;  
  border-bottom: 1px solid #fff;
}

.menu-block-2 ul li.last{ border: none }

.menu-block-2 ul li a{
  display: inline-block;
  height: auto;
  padding: 12px 0;
  color: #fff;
  background-image: none;
}

.menu-block-2 ul li a.active,
.menu-block-2 ul li a:focus,
.menu-block-2 ul li a:hover{
  text-decoration: underline;
  background: transparent;
}

#block-block-5{ margin-top: 20px }

#block-block-5 ul{
  padding-left: 0;
  padding-top: 20px;
}

#block-block-5 ul li{
  position: relative;
  list-style-type: none;
  background: #707070;
  margin-top: 30px;
}

#block-block-5 ul li.first{ margin-top: 20px }

#block-block-5 ul li span{
  position: absolute;
  top: -12px;
  left: 10px;
}

#block-block-5 ul li a{
  display: inline-block;
  width: 100%;
  padding: 5px 0 5px 60px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'sansationbold', Arial, sans-serif;
  font-size: 1.2em;
  transition: all 0.2s ease-in-out;
}

#block-block-5 ul li a:focus,
#block-block-5 ul li a:hover{
  background-color: #999;
  text-decoration: none;
  padding-left: 65px;
}

#block-block-5 ul li:after{
  content:'';
  display: block;
  position: absolute;
  right: 7px;
  bottom: 7px;    
  width: 11px;
  height: 19px;        
  background: url(../img/sprites-generic.png) -19px -27px no-repeat;
}

/*--==-PAGE CENTER------------------------------------------------------*/

.page-node .col-sm-9 .field-name-body p,
.page-node .col-sm-9 li,
.page-node .col-sm-9 a,
.page-node .col-sm-9 td {
  font-size: 14px;
  line-height: 1.5;
}

.page-node .col-sm-9 p a:link{ text-decoration: underline }

.page-node .col-sm-9 a:focus,
.page-node .col-sm-9 a:hover{
  text-decoration: none;
}

.lireLaSuiteAccordeon{ text-align: center }

.lireLaSuiteAccordeon hr{
  border-top: 2px dotted#FFFFFF;
  margin-right: 50px;
  margin-bottom: -25px;
}

.lireLaSuiteAccordeon a{
  display: inline-block;
  float: right;
  margin-top: 10px;
  font-style: italic;
  text-decoration: none;
  font-size: 1.1em;
  margin-left: 50px;
  transition: all 0.2s ease-in-out;
  color: #fff;
  background-color: #878786;
}

.lireLaSuiteAccordeon a:hover,
.lireLaSuiteAccordeon a:focus{
  text-decoration: underline;
}

.lireLaSuiteAccordeon a:before,
.lireLaSuiteAccordeon a.off:before{
  content: "\25BC";
  display: block;
  width: 30px;
  height: 30px;
  padding: 6px 9px;
}

.lireLaSuiteAccordeon a:hover{ background-color: #5093a1 }

.lireLaSuiteAccordeon a.on:before{
  content: "\25B2";
  display: block;
  width: 30px;
  height: 30px;
  padding: 6px 9px;
  background-color: #5093a1;
}

.page-node .h1-wrapper{ position: relative }

.page-search h1,
.page-search404 h1,
.page-sitemap h1,
.page-node h1{    
  font-size: 30px;
  padding: 10px;
}

.page-sitemap .region-content h2,
.page-node .content h2{
  padding-top: 7px;
  font-size: 24px;
}

.page-node h3.titre-h3,
.page-node .content h3,
.page-node .content .h3{
  margin-top: 10px;
  font-size: 20px;
  color: #878787;
}

.page-node h4{ font-size: 1.1em }

.atom-align-center{
  margin: 10px auto !important;
}

.context-sdl_editor_representation{
  margin-bottom: 20px;
}

/*-=-ACCUEIL DE RUBRIQUE---*/

.page-node .menu-block-4 ul{ padding: 0 }

.page-node .menu-block-4 ul li{
  position: relative;
  display: inline-block;
  width: 213px;
  height: 195px;
  margin: 7px;
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;    
}

.page-node .menu-block-4 ul li a{  
  display: block;  
  width: 100%;
  height: 100%;  
  text-decoration: none;
}

.page-node .menu-block-4 ul li a.menu_icon{
  background-position: top;
}

.page-node .menu-block-4 ul li a span{
  position: absolute;
  top: 158px;
  width: 183px;
  text-align: center;
  line-height: 1.5;
  font-weight: 700; 
}

.page-node .menu-block-4 ul li a:focus,
.page-node .menu-block-4 ul li a:hover{
  background-color: transparent;
}

.page-node .intro-wrapper{
  position: relative;
  float: left;
  width: 272px;
  height: 272px;
  margin-bottom: 10px;
}

.page-node .text-intro{   
  font-weight: 700;   
  font-size: 0.9em;
}

.page-node .contacts-wrapper{
  position: absolute;
  bottom: 0;
  width: 272px;
}

.page-node ul.contacts-list{
  position: relative;
  margin-bottom: 0;
  padding: 10px;
  background: #707070;
  color: #fff;
}

.page-node ul.contacts-list li{
  list-style-type: none;
  font-size: 0.9em;
}

.page-node ul.contacts-list li.nom-contact{
  font-weight: 600;
  width: 220px;
}

.page-node ul.contacts-list li.adresse-contact{
  font-weight: 400;
  width: 220px;
}

.page-node ul.contacts-list li.mail-contact{
  position: absolute;
  top: 10px;
  right: 10px;
}

.page-node ul.contacts-list li.tel-contact{
  position: absolute;
  top: 30px;
  right: 10px;
}

.page-node ul.contacts-list li.tel-contact a{
  color: #fff;
}

.page-node ul.contacts-list li span.tel-number{
  display: block;
  position: absolute;
  top: 24px;
  right: 0;
  padding: 5px;
  background: #707070;
  border: 1px solid #fff;
  width: 150px;
  display: none;
}

.page-node .content .field-name-body{ clear: both }

.page-node .content ul li{
  margin:0;
  padding:2px 0 0 15px;
  list-style:none;
  background:url(../img/puce-dark-cyan.png) no-repeat 0 7px;
}

.page-node .content ol li{
  list-style-type: decimal;
}

.page-node .field-name-field-image-de-la-page{
  max-width: 411px;
  float: right;
}

.page-node .main-container .webform-client-form{
  margin: 15px 0;
  width: 100%;
  background: #5093a1;
  padding: 15px;
  padding-bottom: 120px;
  font-size: 0.9em;
}

.page-node .main-container .webform-client-form label{
  width: 100%;
  margin-top: 10px;
  font-size: 1.2em;
  color: #fff;
  font-weight: 100;
  font-family: 'sansationbold', Arial, sans-serif;
}

.page-node .main-container .webform-client-form h2{
  color: #fff;
}

.page-node .main-container .webform-client-form textarea{
  clear: both;
  margin-top: 10px;
  border-radius: 0;
}

.page-node .main-container .webform-client-form input[type="text"],
.page-node .main-container .webform-client-form input[type="email"],
.page-node .main-container .webform-client-form select{
  width: 48%;
  float: left;
  margin-bottom: 10px;
  margin-right: 2%;
  height: 30px;
  padding: 4px 12px;
  border-radius: 0;     
}

.page-node .main-container .webform-client-form select{
  width: auto;
  color: #001069;
}


.page-node .main-container .webform-client-form input[readonly="readonly"]{
  display: none;
}

.page-node .main-container .webform-client-form button[type="submit"]{
  display: inline-block;
  margin-top: 20px;
  float: right;  
  border: 1px solid #fff;  
  border-radius: 0;
  margin-left: 10px;    
  background: #001069;
  color: #f2f2f2;
  font-weight: 700;
  padding: 5px 30px;
  transition: all 0.2s ease-in-out;
}

.page-node .main-container .webform-client-form button.form-submit:focus,
.page-node .main-container .webform-client-form button.form-submit:hover{
  color: #fff;
  background-color: #5093a1;
}

.page-node .main-container .webform-client-form a:hover{
  color: #404040;
}

.submitted{ margin: 20px 0 }

.node-actualites .date-display-range,
.node-actualites .date-display-single,
.node-agenda .date-display-range,
.node-agenda .date-display-single{
  display: block;
  font-size: 20px;
  color: rgb(135, 135, 135);
  font-family: "sansationbold",Arial,sans-serif;
  margin-bottom: 10px;
}

.node-agenda .field-name-field-lieu{
  margin-bottom: 15px;
}

.node-agenda .field{
  margin-bottom: 10px;
}

.node-agenda .field-name-field-image-de-l-v-nement{
  margin-bottom: 0;
}

.node-agenda .field-name-field-distribution .field-item{
  font-style: italic;
  font-size: 13px;
}

.node-actualites .field-name-field-l-gende-image .field-item, 
.node-agenda .field-name-field-l-gende-image .field-item{
  font-size: 13px;
  font-style: italic;
  margin: 5px 0 0 5px;
}

.node-agenda .field-name-field-l-gende-image{
  margin-bottom: 3px;
}

.node-actualites .field-name-field-source-image .field-item, 
.node-agenda .field-name-field-source-image .field-item{
  font-size: 11px;
  margin: 0 0 15px 5px;
}

.node-actualites .field-name-body, 
.node-agenda .field-name-body{
  margin-bottom: 15px;
}

/*-===-PAGE ACTU------------------------------------------------------*/

.main-container > .row > section.col-sm-9{
  padding-top: 30px;
}

.page-node-1627 h1.page-header, 
.page-node-1628 h1.page-header,
.page-node-1629 h1.page-header,
.page-node-1630 h1.page-header,
.page-node-1631 h1.page-header,
.page-node-1632 h1.page-header,
.page-node-1633 h1.page-header,
.page-node-1634 h1.page-header,
.page-node-1635 h1.page-header,
.page-node-1636 h1.page-header,
.page-node-2695 h1.page-header,
.page-node-4122 h1.page-header{
  content: "";
  display: table;
  clear: both;
  background-color: #dfd9c9;
  padding: 10px;
  margin-left: 20px;
  font-family: 'sansationbold', Arial, sans-serif;
  font-size: 20px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.page-node-1627 hr,
.page-node-1628 hr,
.page-node-1629 hr,
.page-node-1630 hr,
.page-node-1631 hr,
.page-node-1632 hr,
.page-node-1633 hr,
.page-node-1634 hr,
.page-node-1635 hr,
.page-node-1636 hr,
.page-node-2695 hr{
  margin-bottom: -25px;
  border-top: 1px solid #fff;
}

.page-node-1629 h1.page-header{
  text-transform: none;
  font-size: 30px;
}

.page-node-4122 h1.page-header{
  color: #001069;
}

/* -- PAGE PUBLICATIONS ---------------------------------------------- */

.block-views .view-header, 
.block-views .view-footer{
  margin: 15px 0;
  text-align: center;
  font-size: 12px;
  color: #404040;
}

/*.pagination{
  display: none;
}*/

.region-content .block-views .view-header{ margin-bottom: -45px }

.region-content .block-views .view-footer{ margin-top: 0 }

.pagination{
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

.pagination li{ display: none }

.pagination li.prev, .pagination li.next{ display: block }

.pagination .prev{ left: 0 }

.pagination .next{ right: 0 }

.pagination .prev, 
.pagination .next{
  position: absolute
}

/* -- BLOCK PROFIL CONNECTE ---------------------------------------------- */

#user-logged-wrapper{
  padding: 10px 0 0 0;
  background-color: #001069;
}

.icon-profil{
  margin-left: 5px;
  margin-bottom: 10px;
  float: left;
}

#user-logged-name{
  width: 180px;
  display: inline-block;
  float: left;
  margin-right: 5px;
  font-family: "open_sansregular", Arial, sans-serif;
  font-size: 14px;
  color: #fff
}

#user-modify a{
  display: inline-block;
  color: white;
  text-align: right;
  width: 100%;
  padding: 10px;
  font-size: 0.8em;
}

#user-logout{
  clear: both;
  padding: 5px 0;
  text-align: center;
  font-family: "open_sansregular", Arial, sans-serif;
  font-size: 14px;
  background-color: #878786
}

#user-logout a{
  color: #fff
}



/* -- PAGES DE MOTEUR ---------------------------------------------------- */
/*.view-carte-scolaire .view-empty{
  display: none;
}*/

.view-carte-scolaire .view-header{
  margin-bottom: 7px;
  font-size: 14px;
  color: #000;
}

#block-views-exp-actualit-s-block-1 form .views-exposed-widget,
#block-views-exp-agenda-block-1 form .views-exposed-widget,
#block-views-exp-galerie-block-2 form .views-exposed-widget,
#block-views-exp-kiosque-block-1 form .views-exposed-widget,
#views-exposed-form-plan-interactif-page .views-exposed-widgets,
#block-views-exp-associations-block .views-exposed-widgets,
#block-views-exp-presse-block .views-exposed-widgets,
#views-exposed-form-carte-scolaire-page .views-exposed-widgets,
#views-exposed-form-carte-scolaire-page-1 .views-exposed-widgets{
  padding: 0.7em 1em 0 0;
}

#block-views-exp-actualit-s-block-1 form .views-exposed-form,
#block-views-exp-agenda-block-1 form .views-exposed-form,
#block-views-exp-galerie-block-2 form .views-exposed-form,
#block-views-exp-kiosque-block-1 form .views-exposed-form,
#views-exposed-form-plan-interactif-page .views-exposed-form,
#block-views-exp-associations-block .views-exposed-form,
#block-views-exp-presse-block .views-exposed-form,
#views-exposed-form-carte-scolaire-page .views-exposed-form,
#views-exposed-form-carte-scolaire-page-1 .views-exposed-form{
  position: relative;
  padding: 10px 15px;
  margin-bottom: 30px;
  background-color: #5093a1;
  border: 2px solid #FFFFFF;
}

#block-views-exp-presse-block .views-exposed-form{
  background-color: #001069
}

#views-exposed-form-plan-interactif-page .views-exposed-form,
#block-views-exp-presse-block .views-exposed-form{
  margin-bottom: 30px;
}

#block-views-exp-actualit-s-block-1 form .views-exposed-form label,
#block-views-exp-agenda-block-1 form .views-exposed-form label,
#block-views-exp-galerie-block-2 form .views-exposed-form label,
#block-views-exp-kiosque-block-1 form .views-exposed-form label,
#views-exposed-form-plan-interactif-page .views-exposed-form label,
#block-views-exp-associations-block .views-exposed-form label,
#block-views-exp-presse-block .views-exposed-form label,
#views-exposed-form-carte-scolaire-page .views-exposed-form label,
#views-exposed-form-carte-scolaire-page-1 .views-exposed-form label{
  font-family: 'open_sanssemibold', Arial, sans-serif;
  font-weight: 100;
  color: #fff;
}

#block-views-exp-agenda-block-1 form .views-exposed-form #edit-combine-wrapper label,
#block-views-exp-agenda-block-1 form .views-exposed-form #edit-field-lieu-tid-wrapper label,
#block-views-exp-associations-block label,
#block-views-exp-presse-block label,
#views-exposed-form-carte-scolaire-page label{
  width: 65px
}

#views-exposed-form-plan-interactif-page label{
  width: 75px
}

#block-views-exp-actualit-s-block-1 form .views-exposed-form label, 
#block-views-exp-actualit-s-block-1 form .views-exposed-form .views-widget,
#block-views-exp-actualit-s-block-1 form .views-exposed-form #edit-field-date-actu-value-wrapper, 
#block-views-exp-actualit-s-block-1 form .views-exposed-form #edit-field-date-actu-value2-wrapper,
#block-views-exp-agenda-block-1 form .views-exposed-form label, 
#block-views-exp-agenda-block-1 form .views-exposed-form .views-widget,
#block-views-exp-agenda-block-1 form .views-exposed-form #edit-field-date-actu-value-wrapper, 
#block-views-exp-agenda-block-1 form .views-exposed-form #edit-field-date-actu-value2-wrapper,
#block-views-exp-galerie-block-2 form .views-exposed-form label, 
#block-views-exp-galerie-block-2 form .views-exposed-form .views-widget,
#block-views-exp-galerie-block-2 form .views-exposed-form #edit-field-date-actu-value-wrapper, 
#block-views-exp-galerie-block-2 form .views-exposed-form #edit-field-date-actu-value2-wrapper,
#block-views-exp-kiosque-block-1 form .views-exposed-form label, 
#block-views-exp-kiosque-block-1 form .views-exposed-form .views-widget,
#block-views-exp-kiosque-block-1 form .views-exposed-form #edit-field-date-actu-value-wrapper, 
#block-views-exp-kiosque-block-1 form .views-exposed-form #edit-field-date-actu-value2-wrapper,
#views-exposed-form-plan-interactif-page .views-exposed-form label,
#views-exposed-form-plan-interactif-page .views-exposed-form .views-widget,
#block-views-exp-associations-block .views-exposed-form label,
#block-views-exp-associations-block .views-exposed-form .views-widget,
#block-views-exp-presse-block .views-exposed-form label,
#block-views-exp-presse-block .views-exposed-form .views-widget,
#views-exposed-form-carte-scolaire-page .views-exposed-form label,
#views-exposed-form-carte-scolaire-page-1 .views-exposed-form label,
#views-exposed-form-carte-scolaire-page .views-exposed-form .views-widget,
#views-exposed-form-carte-scolaire-page-1 .views-exposed-form .views-widget{
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

#views-exposed-form-carte-scolaire-page-1 .views-exposed-form label{
  display: block;
}

#block-views-exp-actualit-s-block-1 form .views-exposed-form .form-item-field-date-actu-value-value-date,
#block-views-exp-actualit-s-block-1 form .views-exposed-form .form-item-field-date-actu-value2-value-date,
#block-views-exp-agenda-block-1 form .views-exposed-form .form-item-field-date-heure-value-value-date,
#block-views-exp-agenda-block-1 form .views-exposed-form .form-item-field-date-heure-value2-value-date,
#block-views-exp-galerie-block-2 form .views-exposed-form .form-item-field-date-heure-value-value-date,
#block-views-exp-galerie-block-2 form .views-exposed-form .form-item-field-date-heure-value2-value-date,
#block-views-exp-presse-block form .views-exposed-form .form-item-field-date-agenda-value-value-date {
  position: relative;
}

#block-views-exp-actualit-s-block-1 form .views-exposed-form .views-widget input,
#block-views-exp-agenda-block-1 form .views-exposed-form .views-widget input,
#block-views-exp-galerie-block-2 form .views-exposed-form .views-widget input,
#block-views-exp-kiosque-block-1 form .views-exposed-form .views-widget input{
  width: 150px;
}

#block-views-exp-presse-block form #edit-combine,
#block-views-exp-agenda-block-1 form .views-exposed-form .views-widget .form-select,
#block-views-exp-kiosque-block-1 form .views-exposed-form .views-widget #edit-field-themes-publication-tid,
#views-exposed-form-plan-interactif-page .views-exposed-form .views-widget #edit-term-node-tid-depth{
  width: 200px;
}

#block-views-exp-actualit-s-block-1 form .views-exposed-form .views-widget #edit-field-date-actu-value-value-datepicker-popup-0,
#block-views-exp-actualit-s-block-1 form .views-exposed-form .views-widget #edit-field-date-actu-value2-value-datepicker-popup-0,
#block-views-exp-agenda-block-1 form .views-exposed-form .views-widget #edit-field-date-heure-value-value-datepicker-popup-0,
#block-views-exp-agenda-block-1 form .views-exposed-form .views-widget #edit-field-date-heure-value2-value-datepicker-popup-0{
  width: 118px;
}

#block-views-exp-actualit-s-block-1 form .views-exposed-form .views-submit-button,
#block-views-exp-galerie-block-2 form .views-exposed-form .views-submit-button,
#block-views-exp-kiosque-block-1 form .views-exposed-form .views-submit-button,
#views-exposed-form-plan-interactif-page .views-exposed-form .views-submit-button,
#block-views-exp-associations-block .views-exposed-form .views-submit-button,
#block-views-exp-presse-block .views-exposed-form .views-submit-button,
#views-exposed-form-carte-scolaire-page .views-exposed-form .views-submit-button,
#views-exposed-form-carte-scolaire-page-1 .views-exposed-form .views-submit-button{
  position: absolute;
  right: -49px;
  top: -7px;
}

#views-exposed-form-carte-scolaire-page .views-exposed-form .views-submit-button,
#views-exposed-form-carte-scolaire-page-1 .views-exposed-form .views-submit-button{
  top: 5px;
}

#block-views-exp-agenda-block-1 form .views-exposed-form .views-submit-button{
  position: absolute;
  bottom: 20px;
  right: -49px;
}

#block-views-exp-actualit-s-block-1 form .views-exposed-form .views-submit-button button,
#block-views-exp-agenda-block-1 form .views-exposed-form .views-submit-button button,
#block-views-exp-galerie-block-2 form .views-exposed-form .views-submit-button button,
#block-views-exp-kiosque-block-1 form .views-exposed-form .views-submit-button button,
#views-exposed-form-plan-interactif-page .views-exposed-form .views-submit-button button,
#block-views-exp-associations-block .views-exposed-form .views-submit-button button,
#block-views-exp-presse-block .views-exposed-form .views-submit-button button,
#views-exposed-form-carte-scolaire-page .views-exposed-form .views-submit-button button,
#views-exposed-form-carte-scolaire-page-1 .views-exposed-form .views-submit-button button{
  border: 0;
  border-radius: 0;
  padding: 7px;
  color: #5093a1;
}

#block-views-actualit-s-block-1 .item-list li,
#block-views-agenda-block-1 .item-list li, 
#block-views-galerie-block-2 .item-list li,
#block-views-associations-block .item-list li {
  margin-bottom: 30px;
  position: relative;
}

#block-views-actualit-s-block-1 ul,
#block-views-agenda-block-1 ul,
#block-views-galerie-block-2 ul {
  padding: 0;
}

#block-views-galerie-block-2 ul li{
  margin-bottom: 0;
  height: 230px;
}

.page-node-2695 #block-block-15{
  margin-bottom: 20px;
} 

#block-views-associations-block .item-list > ul li {
  padding-bottom: 20px;
  border-bottom: 1px solid #ffffff
}

#block-views-associations-block ul li .views-field-title a{
  font-size: 20px;
  font-family: 'sansationbold', Arial, sans-serif;
  color: #001069;
  text-decoration: none;
}

#block-views-associations-block ul li .views-field-field-categorie-association,
#block-views-associations-block-1 ul li .views-field-field-categorie-association{
  float: left;
  margin: 10px 0;
  padding: 5px 10px;
  font-family: 'zona_probold', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  background-color: #5093a1;
}

.node-type-associations .views-field-field-civilit-{
  display: block;
  clear: both;
}

.node-type-associations h1.page-header{
  padding: 0;
  margin-bottom: 20px;
  font-size: 20px;
  color: #001069;
}

.node-type-associations #block-views-associations-block-1 ul{
  padding-left: 0;
}

.node-type-associations #block-views-associations-block-1 ul li .views-field-nothing,
.node-type-associations #block-views-associations-block-1 ul li .views-field-nothing-1,
.node-type-associations #block-views-associations-block-1 ul li .views-field-nothing-2{
  clear: both;
  margin: 10px 0;
}

.node-type-associations h3.location-locations-header{
  display: none;
}

.node-type-associations .field-content h3{
  margin-top: 15px;
}

#block-views-associations-block ul li .views-field-field-num-tel,
#block-views-associations-block ul li .views-field-field-email,
#block-views-associations-block ul li .views-field-field-email a{
  clear: both;
  font-size: 14px;
  color: #0
}

#block-views-kiosque-block-1 ul li{ margin-bottom: 15px }

#block-views-galerie-block-2 ul li .wrapper-galerie-page{
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

#block-views-galerie-block-2 ul li .wrapper-galerie-page .views-field-title,
#block-views-presse-block-4 .views-row .views-field-title{
  position: absolute;
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-10deg);
  width: 105%;
  left: -5px;
  background-color: rgba(0, 16, 105, 0.72);
  padding-top: 12px;
  padding-left: 25px;
  padding-bottom: 30px;
  z-index: 1;
  bottom: -25px;
  height: 75px;
}

#block-views-galerie-block-2 ul li .views-field-title a{
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  font-size: 16px;
  font-family: 'sansationregular', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  color: #FFF;
}

#block-views-kiosque-block-1 ul { padding-left: 0 }

#block-views-kiosque-block-1 ul li{ padding-left: 0 }

#block-views-actualit-s-block-1 ul li .wrapper-actu,
#block-views-kiosque-block-1 ul li .wrapper-publication,
#block-views-presse-block .view-content .views-row,
#block-views-presse-block-1 .view-content .views-row{
  height: 165px;
  background-color: #ffffff;
}

#block-views-agenda-block-1 ul li .wrapper-agenda,
#block-views-presse-block-2 .wrapper-presse-publication{
  background-color: #ffffff;
}

#block-views-presse-block .view-content .views-row{
  position: relative;
  height: auto;
  margin-bottom: 30px;
}

#block-views-presse-block-1 .view-content .views-row,
#block-views-presse-block-2 .view-content .views-row,
#block-views-presse-block-3 .view-content .views-row,
#block-views-presse-block-4 .view-content .views-row,
.node-type-espace-presse #block-views-presse-block-1 .view-content .views-row{
  height: auto;
  padding-right: 10px;
  margin-bottom: 30px
}

.node-type-espace-presse .view-content .views-row{
  position: relative;
}

#block-views-kiosque-block-1 ul li .wrapper-publication{
  height: 163px;
  background-color: #ffffff;
}

#block-views-actualit-s-block-1 ul li .wrapper-actu .image-actu,
#block-views-agenda-block-1 ul li .wrapper-agenda .image-agenda,
#block-views-kiosque-block-1 ul li .wrapper-publication .image-publication{
  float: left;
}

#block-views-actualit-s-block-1 ul li .wrapper-actu .content-actu,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda,
#block-views-kiosque-block-1 ul li .wrapper-publication .content-publication,
#block-views-presse-block .view-content .views-row .views-field-field-image-espace-presse,
.node-type-espace-presse .view-content .views-row .views-field-field-img-couv,
#block-views-presse-block-1 .views-row .image-dossier,
#block-views-presse-block-1 .views-row .content-dossier,
#block-views-presse-block-2 .views-row .image-presse-publication,
#block-views-presse-block-2 .views-row .content-presse-publication{
  float: left;
}

#block-views-presse-block .view-content .views-row .views-field-field-image-espace-presse{
  margin-right: 10px
}

#block-views-presse-block-3 .view-content .views-row .views-field-field-img-couv{
  background-color: #ffffff;
  float: none;
  padding-bottom: 120px;
}

#block-views-actualit-s-block-1 ul li .wrapper-actu .content-actu{
  width: 280px;
}

#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda{
  width: 400px;
}

#block-views-kiosque-block-1 ul li .wrapper-publication .content-publication,
#block-views-presse-block-2 .views-row .content-presse-publication{
  width: 190px;
}

#block-views-presse-block-2 .views-row .content-presse-publication{
  width: 170px;
  padding-left: 10px;
}

#block-views-presse-block-1 .views-row .content-dossier{
  width: 515px;
  padding-left: 10px;
}

#block-views-actualit-s-block-1 ul li .wrapper-actu a,
#block-views-agenda-block-1 ul li .wrapper-agenda a,
#block-views-kiosque-block-1 ul li .wrapper-publication a{
  text-decoration: none;
}

#block-views-actualit-s-block-1 ul li .wrapper-actu .title-actu,
#block-views-agenda-block-1 ul li .wrapper-agenda .title-agenda,
#block-views-kiosque-block-1 ul li .wrapper-publication .title-publication{
  font-size: 19px;
  padding-left: 20px;
  color: #001069
}

#block-views-agenda-block-1 ul li .wrapper-agenda .title-agenda{
	padding-left: 10px;
}

#block-views-agenda-block-1 ul li .wrapper-agenda .title-agenda{
  text-overflow: ellipsis;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
}

#block-views-presse-block .view-content .views-row .views-field-title,
.node-type-espace-presse .view-content .views-row .views-field-title{
  margin-top: 5px;
}

.node-type-espace-presse #block-views-presse-block-3 .views-row .views-field-title{
  font-family: "zona_probold",Arial,sans-serif;
  position: absolute;
  top: 203px;
  left: 30px;
  right: 10px;
}

.node-type-espace-presse #block-views-presse-block-3 .views-row .views-field-title{
  font-size: 16px;
  color: #001069
}

#block-views-presse-block .view-content .views-row .views-field-title a,
.node-type-espace-presse .view-content .views-row h3,
.node-type-espace-presse h1.page-header{
  font-family:"zona_probold", Arial, sans-serif;
  font-size: 20px;
  text-decoration: none;
  line-height: 1.2;
  color: #001069
}

.node-type-espace-presse .view-content .views-row h3{
  margin-top: 10px
}

.node-type-espace-presse h1.page-header{
  text-transform: uppercase;
}

.node-type-espace-presse .back-link a{
  float: right;
  display: inline-block;
  padding: 7px 10px;
  color: #fff;
  background-color: #5093a1;
}

.node-type-espace-presse .back-link a:focus,
.node-type-espace-presse .back-link a:hover{
  color: #5093a1;
  background-color: #fff;
}

.node-type-espace-presse #block-views-presse-block-2 .view-content .views-row h3{
  font-size: 16px;
}

#block-views-presse-block .view-content .views-row .views-field-field-titre-2 .field-content,
.node-type-espace-presse .view-content .views-row h4,
.node-type-espace-presse .field-name-field-titre-2 .field-item{
  font-family:"open_sanssemibold", Arial, sans-serif;
  font-size: 14px;
  color: #5093a1
}

.node-type-espace-presse .field-name-field-titre-2 .field-item{
  font-size: 16px;
}

#block-views-presse-block .view-content .views-row .views-field-field-titre-3 .field-content,
.node-type-espace-presse .view-content .views-row h5,
.node-type-espace-presse .field-name-field-titre-3 .field-item{
  font-family:"open_sanssemibold", Arial, sans-serif;
  font-size: 18px;
  color: #001069
}

.node-type-espace-presse .views-field-field-poids-document{
  margin-top: 10px
}

.node-type-espace-presse .views-field-field-poids-document .field-content,
.node-type-espace-presse .views-field-field-doc-upload .field-content{
  float: left;
  padding: 2px 0 0 15px;
  background: url(../img/puce-dark-cyan.png) no-repeat 0 7px;
}

#block-views-presse-block .view-content .views-row .views-field-body .field-content p{
  font-family: "open_sansregular", Arial, sans-serif;
  font-size: 12px;
  margin: 0;
}

#block-views-presse-block .view-content .views-row .views-field-view-node .field-content{
  padding: 2px 0 0 15px;
  background: url(../img/puce-dark-cyan.png) no-repeat 0 7px;
}

#block-views-actualit-s-block-1 ul li .wrapper-actu .title-actu:hover,
#block-views-actualit-s-block-1 ul li .wrapper-actu .title-actu:focus,
#block-views-agenda-block-1 ul li .wrapper-agenda .title-agenda:hover,
#block-views-agenda-block-1 ul li .wrapper-agenda .title-agenda:focus,
#block-views-presse-block .view-content .views-row .views-field-title a:hover,
#block-views-presse-block .view-content .views-row .views-field-title a:focus{
  color: #5093a1;
  text-decoration: underline;
  transition: all 0.2s ease 0s;
}

#block-views-kiosque-block-1 ul li .wrapper-publication .title-publication{
  padding-left: 10px;
  margin-bottom: 5px;
  line-height: 1;
}

#block-views-actualit-s-block-1 ul li .wrapper-actu .content-actu .date-display-range,
#block-views-actualit-s-block-1 ul li .wrapper-actu .content-actu .date-display-single,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .date-display-range,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .date-display-single,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .views-field-field-theme,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .views-field-field-th-me-prioritaire,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .achat-ticket-1{
  padding: 5px 20px;
  float: left;
  color: #fff;
  text-transform: uppercase;
  font-family:"zona_probold", Arial, sans-serif;
  background-color: #5093a1
}

#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .date-display-range,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .date-display-single,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .views-field-field-theme,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .views-field-field-th-me-prioritaire{
	padding: 5px 10px;
}

#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .achat-ticket-1{
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #001069;
  transition: all 0.2s ease 0s;
}

#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .achat-ticket-1:hover,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .achat-ticket-1:focus{
  background-color: #5093a1;
}

#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .achat-ticket-1 a{
  color: #fff;
}

#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .achat-ticket-0{
  display: none;
}

#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .views-field-field-theme,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .views-field-field-th-me-prioritaire{
  margin-left: 10px;
  background-color: #878787;
}

#block-views-actualit-s-block-1 ul li .wrapper-actu .content-actu p,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda p,
#block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .view-content,
#block-views-kiosque-block-1 ul li .wrapper-publication .content-publication p{
  clear: both;
  padding-top: 10px;
  padding-left: 20px;
  font-family:"open_sansregular", Arial, sans-serif;
  font-size: 12px;
  color: #001069;
}

#block-views-kiosque-block-1 ul li .wrapper-publication .content-publication p span{
  line-height: 1px !important;
}

#block-views-kiosque-block-1 ul li .wrapper-publication .content-publication p{
  margin: 0;
  padding-top: 0;
  padding-left: 10px;
  line-height: 1.2;
}

#block-views-kiosque-block-1 ul li .views-field-field-lien-calameo,
#block-views-presse-block-1 .views-field-field-poids-document,
#block-views-presse-block-2 .views-field-field-poids-document,
#block-views-presse-block-3 .views-field-field-poids-document{
  position: absolute;
  left: 120px;
  bottom: 20px;
}

#block-views-presse-block-1 .views-field-field-poids-document,
#block-views-presse-block-2 .views-field-field-poids-document{
  bottom: 30px;
}

#block-views-presse-block-3 .views-field-field-poids-document{
  bottom: 35px;
}

#block-views-presse-block-3 .views-field-field-source-image{
  position: absolute;
  bottom: 60px;
  left: 30px;
}

#block-views-presse-block-3 .views-field-field-source-image .field-content{
  font-size: 11px;
  font-style: italic;
}

#block-views-kiosque-block-1 ul li .views-field-field-doc-upload,
#block-views-presse-block-1 .views-field-field-doc-upload,
#block-views-presse-block-2 .views-field-field-doc-upload,
#block-views-presse-block-3 .views-field-field-doc-upload,
#block-views-presse-block .views-field-view-node{
  position: absolute;
  left: 120px;
  bottom: -2px;
}

#block-views-presse-block-3 .views-field-field-doc-upload{
  bottom: 0;
}

#block-views-presse-block .views-field-view-node{
  left: 125px;
  bottom: 10px;
}

#block-views-presse-block-4 .wrapper-video-presse{
  position: relative;
  overflow: hidden;
}

#block-views-presse-block-4 .wrapper-video-presse .presse-video-title{
  position: absolute;
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-10deg);
  width: 105%;
  left: -5px;
  background-color: rgba(0, 16, 105, 0.72);
  padding-top: 20px;
  padding-left: 25px;
  padding-bottom: 30px;
  z-index: 1;
  bottom: -25px;
  height: 100px;
}

#block-views-presse-block-4 .wrapper-video-presse .presse-video-title h3{
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  font-size: 16px;
  font-family: 'sansationregular', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  color: #FFF;
}

#block-views-presse-block-3 .views-field-field-poids-document,
#block-views-presse-block-3 .views-field-field-doc-upload{
  left: 30px
}

#block-views-presse-block-2 .views-field-field-poids-document,
#block-views-presse-block-2 .views-field-field-doc-upload{
  left: 140px
}

#block-views-presse-block-1 .views-field-field-poids-document,
#block-views-presse-block-1 .views-field-field-doc-upload{
  left: 125px
}

#block-views-kiosque-block-1 ul li .views-field-field-lien-calameo a,
#block-views-kiosque-block-1 ul li .views-field-field-doc-upload a{
  text-decoration: none;
}


/*-- Connexion Espace presse ----------------------------------------------------*/

.page-node-1603 .connect-buttons a{
  float: right;
  display: inline-block;
  margin-top: 20px;
  border: 1px solid #fff;
  border-radius: 0;
  margin-left: 10px;
  background: #001069;
  color: #f2f2f2;
  padding: 5px 30px;
  transition: all 0.2s ease-in-out;
}

.page-node-1603 .connect-buttons a:focus,
.page-node-1603 .connect-buttons a:hover{
  color: #fff;
  background-color: #5093a1;
}

/*.page-node-1603 #block-user-login{
  clear: both;
}*/

.page-node-1603 #webform-client-form-1603{
  display: none;
}

/*-- Plan interactif -----------------------------------------------------------*/

.form-plan{
  float: left;
  display: inline-block;
  width: 30%;
  padding: 0 10px;
  background-color: #ffffff
}

.view-plan-interactif .view-content{
  width: 70%;
  float: left;
  display: inline-block;
}

.page-plan-interactif form select{
  width: 200px;
  height: 34px;
  padding: 6px 12px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.view-plan-interactif .wrapper-checkbox-plan{
  display: block;
  padding: 5px 15px 0 0;
  border-bottom: 1px solid #dfd9c9;
}

.view-plan-interactif .wrapper-checkbox-plan:last-of-type{
  border: none;
}

.view-plan-interactif .wrapper-checkbox-plan label:hover,
.view-plan-interactif .wrapper-checkbox-plan label:focus{
  cursor: pointer;
}

.view-plan-interactif .wrapper-checkbox-plan input{
  display: inline-block;
  margin: 5px 0 0 0;
  vertical-align: middle;
}

.view-plan-interactif .wrapper-checkbox-plan span{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 10px;
  text-indent: -9999px;
}

.view-plan-interactif .wrapper-checkbox-plan label{
  vertical-align: bottom;
}
/* ------------------------------------------------------------------------- */

/*-===-PAGE EVENEMENT------------------------------------------------------- */

.node-agenda .field-name-body{
  /*padding-bottom: 20px;
  border-bottom: 1px solid #001069;*/
}

.node-agenda .field-name-field-date-heure{
  /*margin-top: 20px;*/
}

/*-===-PAGE GALERIE------------------------------------------------------*/

.node-type-galerie ul.list-album{ padding: 0 }

.node-type-galerie ul.list-album li{
  list-style-type: none;
  background: none;
  margin-bottom: 20px;
}

.galleria-info-link{ display: none }

.galleria-theme-classic .galleria-info-text{
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
}

.galleria-theme-classic .galleria-info-close{
  display: block;
}

/*-===-PAGE DEMARCHES----------------------------------------------------*/

.demarche-row{ margin-bottom: 30px }

.page-node-164 .demarche-wrapper h2{
  font-size: 1.3em;
  text-transform: uppercase;
  padding-top: 30px;
}

.page-node-164 .demarche-wrapper.Rouge h2{
  color: #001069;
}

.page-node-164 .demarche-wrapper.Jaune h2{
  color: #ff9c00;
}

.page-node-164 .demarche-wrapper.Bleu-clair h2{
  color: #00b1cd;
}

.page-node-164 .demarche-wrapper.Vert h2{
  color: #52b83a;
}

.page-node-164 .demarche-wrapper.Bleu-fonce h2{
  color: #2e3192;
}

.page-node-164 .demarche-wrapper.Bordeaux h2{
  color: #b02365;
}

.page-node-164 .demarche-wrapper.Rouge-vif h2{
  color: #5093a1;
}

.demarche-icon{ padding: 0 }

.demarche-links ul{
  padding-left: 0;
  margin-left: -50px;
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;  
}

.page-node-164 .demarche-wrapper ul li{
  margin:0;
  padding:2px 0 0 15px;
  list-style:none;
  background:url(../img/puce-red.png) no-repeat 0 7px;
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid;           /* Theoretically FF 20+ */
  break-inside: avoid-column;
}

.page-node-164 .demarche-wrapper.Jaune ul li{
  background:url(../img/puce-yellow.png) no-repeat 0 7px;
}

.page-node-164 .demarche-wrapper.Bleu-clair ul li{
  background:url(../img/puce-light-blue.png) no-repeat 0 7px;
}

.page-node-164 .demarche-wrapper.Vert ul li{
  background:url(../img/puce-green.png) no-repeat 0 7px;
}

.page-node-164 .demarche-wrapper.Bleu-fonce ul li{
  background:url(../img/puce-blue-indigo.png) no-repeat 0 7px;
}

.page-node-164 .demarche-wrapper.Bordeaux ul li{
  background:url(../img/puce-magenta.png) no-repeat 0 7px;
}

.page-node-164 .demarche-wrapper.Rouge-vif ul li{
  background:url(../img/puce-full-red.png) no-repeat 0 7px;
}

.view-fiches-pratiques, .view-display-id-block_15{
  margin-top: 50px;
}

.front .view-fiches-pratiques, .front .view-display-id-block_15{
  margin-top: 0;
}

.page-node-164 .demarche-wrapper ul li a{
  color: #000;
  text-decoration: none !important;
  font-weight: 600;
}

.page-node-1806 #views-exposed-form-nodequeue-5-block-15 .views-exposed-form,
.page-node-1799 #views-exposed-form-fiches-pratiques-block-13 .views-exposed-form{
  position: relative;
  padding: 10px 15px;
  background-color: #5093a1;
  border: 2px solid #FFFFFF;
}

.page-node-1806 #views-exposed-form-nodequeue-5-block-15 label,
.page-node-1806 #views-exposed-form-nodequeue-5-block-15 .views-widget,
.page-node-1799 #views-exposed-form-fiches-pratiques-block-13 label,
.page-node-1799 #views-exposed-form-fiches-pratiques-block-13 .views-widget{
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

.page-node-1806 #views-exposed-form-nodequeue-5-block-15 .views-widget > .form-type-textfield{
  width: 175px;
}

.page-node-1806 #views-exposed-form-nodequeue-5-block-15 label,
.page-node-1799 #views-exposed-form-fiches-pratiques-block-13 label{
  width: 75px;
  color: #fff;
}

.page-node-1806 #views-exposed-form-nodequeue-5-block-15 .form-select,
.page-node-1799 #views-exposed-form-fiches-pratiques-block-13 .form-select{
  width: 200px;
}

.page-node-1806 #views-exposed-form-nodequeue-5-block-15 .views-submit-button,
.page-node-1799 #views-exposed-form-fiches-pratiques-block-13 .views-submit-button{
  position: absolute;
  right: -47px;
  top: 10px;
}

.page-node-1806 #views-exposed-form-nodequeue-5-block-15 .views-submit-button button,
.page-node-1799 #views-exposed-form-fiches-pratiques-block-13 .views-submit-button button{
  border: 0;
  border-radius: 0;
  padding: 7px;
  color: #5093a1;
}

.page-node-164 .demarche-wrapper ul li a:focus,
.page-node-164 .demarche-wrapper ul li a:hover{
  text-decoration: underline !important;
}

.page-node-1806 .region-content hr,
.page-node-1799 .region-content hr{
  margin-bottom: -40px;
  margin-top: 28px;
  margin-right: 40px;
  border-top: 2px dotted #fff;
}

.page-node-1806 .region-content h3,
.page-node-1799 .region-content h3{
  position: relative;
  padding-left: 90px;
  padding-top: 30px;
  margin-left: 0;
  margin-bottom: 40px;
  font-family: 'sansationbold', Arial, sans-serif;
  font-size: 20px;
}

.page-node-1806 .region-content h3,
.page-node-1799 .region-content h3{
  height: 35px;
  padding: 8px 15px 8px 0;
  content: "";
  display: table;
  clear: both;
  text-transform: uppercase;
  color: #3d3d3d;
  background: #dfd9c9;
}

.page-node-1806 .region-content h3:after,
.page-node-1799 .region-content h3:after{
  content: "";
  display: table;
  clear: both;
}

.page-node-1806 .item-list,
.page-node-1799 .item-list{
  min-height: 100px;
  position: relative;
}

.page-node-1806 .item-list:before,
.page-node-1806 .item-list:after,
.page-node-1799 .item-list:before,
.page-node-1799 .item-list:after{
  display: table;
  content: " ";
}

.page-node-1806 .region-content h3,
.page-node-1799 .region-content h3{
  position: absolute;
  top: -18px;
  left: 0;
}

.page-node-1806 .deplie-demarche,
.page-node-1799 .deplie-demarche{
  display: block;
  position: absolute;
  right: 0;
  top: 14px;
  width: 30px;
  height: 30px;
  padding: 6px 9px;
  cursor: pointer;
  color: #fff;
}

.page-node-1806 .deplie-demarche,
.page-node-1799 .deplie-demarche{
  background-color: #878786;
}

.page-node-1806 .deplie-demarche.active,
.page-node-1799 .deplie-demarche.active{
  background-color: #001069;
}

.page-node-1806 .deplie-demarche:after,
.page-node-1799 .deplie-demarche:after{
  display: block;
  content: "\25BC";
  width: 12px;
}

.page-node-1806 .deplie-demarche.active:after,
.page-node-1799 .deplie-demarche.active:after{
  display: block;
  content: "\25B2";
  width: 12px;
}

.page-node-1806 .region-content .block-views .item-list ul,
.page-node-1799 .region-content .block-views .item-list ul{
  display: none;
  margin-bottom: 30px;
}

.page-node-1806 .region-content .block-views .item-list:nth-child(1) ul,
.page-node-1799 .region-content .block-views .item-list:nth-child(1) ul{
  display: block;
}

.page-node-1806 .region-content .block-views .item-list ul,
.page-node-1799 .region-content .block-views .item-list ul{
  margin-top: 90px !important
}

/*.page-node-1806 .region-content #block-views-nodequeue-5-block-2.block-views .item-list ul{
  display: block;
}*/

.page-node-1806 .region-content .block-views .item-list ul li,
.page-node-1799 .region-content .block-views .item-list ul li{
  margin: 0;
  padding: 2px 0 0 20px;
  list-style: none;
  background: url(../img/puce-blue.jpg) no-repeat 0 7px;
}

/*.page-node-1806 .region-content .block-views .item-list ul li:nth-child(2),
.page-node-1799 .region-content .block-views .item-list ul li:nth-child(2){
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}*/

.page-node-1806 .region-content .block-views .item-list ul li a,
.page-node-1799 .region-content .block-views .item-list ul li a{
  text-decoration: none;
}

.page-node-10753 iframe{
  max-height: none;
}

.page-node-1806 .demarches-ext-link{
  display: none;
}


/*-===-PAGES FICHES PRATIQUES ---------------------------------------------*/
.node-type-fiche-pratique .main-container h1.page-header,
.node-type-d-marche-en-ligne .main-container h1.page-header{
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 75px;
  font-size: 20px;
  margin-bottom: 50px;
  background-color: #5093a1;
  color: #fff;
}

.node-type-fiche-pratique .main-container h1.page-header img,
.node-type-d-marche-en-ligne .main-container h1.page-header img{
  position: absolute;
  left: -15px;
  top: -13px;
}

/*-===-PAGES PROFILS------------------------------------------------------*/

.page-taxonomy .profil-intro .img-profil-intro{
  float: left;
  display: inline-block;
  margin-right: 20px;
}

.page-taxonomy .profil-intro p{ margin: 0 }

.page-taxonomy .view-content { margin-top: 50px }

.page-taxonomy .view-content h3{
  background-color: #5093a1;
  margin-top: 20px;
  padding: 10px 15px;
  color: #fff;
}

.page-taxonomy .view-content .views-row{
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px dotted#ffffff;
}

.page-taxonomy .view-content .views-row.views-row-last{
  border: 0;
}

.page-taxonomy .view-content .views-row .views-field-title a{
  font-family: 'sansationbold', Arial, sans-serif;
  margin: 0;
  margin-bottom: 10px;
  font-size: 22px;
  color: #5093a1;
  text-transform: none;
}

.page-taxonomy .view-content .views-row .views-field-body .field-content{
  font-family: 'open_sansbold', Arial, sans-serif;
  font-size: 14px;
  color: #2b2b2b;
}

.page-taxonomy .view-content .views-row .views-field-view-node .field-content a{
  display: inline-block;
  padding: 7px 0;
  color: #5093a1;
  text-decoration: none;
  font-size: 14px;
  font-family: 'open_sansbold', Arial, sans-serif;
  transition: all 0.2s ease-in-out;
}

/*-===-PAGE MARCHES------------------------------------------------*/

.page-node-1830 table.views-table td,
.page-node-1830 .table>tbody>tr>th{
  border: 1px solid #fff;
}

.table > thead > tr > th{
  border: 0;
  color: #5093a1;
}

.page-node-1830 td.views-field-field-pi-ce-s-jointe-s-{
  text-align: center;
}

.page-node-1830 .telecharger-pdf{  
  display: inline-block;
  width: 38px;
  height: 38px;      
  text-indent: -9999px;
  background: url(../img/pdf-icon.png) no-repeat;
}

/*-===-PAGES CONTACT-----------------------------------------------*/

.node-type-contact .field-name-field-email{
  margin: 10px 0;
}

/*-===-TABLES------------------------------------------------------*/

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td{
  border: 1px solid #fff;
}

table td{ padding: 8px }

table th{ padding: 8px }

table.two-col-fix,
table.three-col-fix,
table.four-col-fix,
table.two-col-fix td,
table.three-col-fix td,
table.four-col-fix td{
  vertical-align: top;
  border: none;
  text-align: center;
}

table.two-col-fix,
table.three-col-fix,
table.four-col-fix{
  /*max-width: 700px;*/
  table-layout: fixed;
}

table.two-col-fix td{ width: 50% }

table.three-col-fix td{ width: 33.33% }

table.four-col-fix td{ width: 25% }

table.exergue:before{
  content:'';
  position: absolute;
  top: -1px;
  left: 2px;
  width: 17px;
  height: 10px;
  background:url(../img/open-quotes.png) no-repeat;
}

table.exergue{
  position: relative;  
  width: 100% !important;
  margin: 15px 0;
  border: none;
}

table.exergue td{
  background: #5093a1;
  font-weight: 700;
  color: #fff; 
  padding: 15px; 
  border: none;  
}

table.exergue td ul li{
  margin:0;
  padding:0 0 0 15px;
  list-style:none;
  background:url(../img/puce-blanche.png) no-repeat 0 7px !important;
}

table.exergue a{
  color: #fff !important;
  background-color: transparent !important;
}

table.exergue a:focus,
table.exergue a:hover{
  color: #fff;
  text-decoration: none !important;
}

table.exergue:after{
  content:'';
  position: absolute;
  bottom: 0;
  right: 2px;
  width: 17px;
  height: 10px;
  background:url(../img/close-quotes.png) no-repeat;
}

table.noborder,
table.noborder td{  
  border: none !important;
}

table.encadre,
table.encadre th,
table.encadre tr,
table.encadre tbody{
  border: none;
}

.table-contact,
.table-contact tr,
.table-contact td{
  border: none;
}

.table-contact{
  width: 272px;
  background: #707070;
  color: #fff;
}

.table-no-style{
  position: static !important;
  width: 100% !important;
  margin: 20px 0 !important;    
  border-collapse: collapse;
  color: #000;
  background: transparent !important;
  font-weight: 400;
}
.table-no-style td{
  width: auto;
  border: 1px solid #000;
}

.node-type-page table .dnd-widget-wrapper.type-image { 
  margin: 0 auto;
  min-width: 200px;
}

/*-===-FORMS------------------------------------------------------*/

form .messages.warning p{
  margin-top: 35px;
  margin-bottom: 20px;
  color: #fff;
}

.webform-component-display{ color: #fff }

.panel{
  box-shadow: none;
  border-radius: 0;
  background: #bbb;
  clear: both;
}

.panel-title{
  font-family: 'sansationbold', Arial, sans-serif;
}

.page-node .panel-body label,
.page-node .panel-body li,
.page-node .panel-body p{
  color: #000 !important;
}

.captcha{ margin-top: 20px }

.page-node .form-managed-file button{
  display: none !important;
}

.form-control{
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.checkbox label, .radio label { padding-left: 0 }

.btn-primary {
  border: none;
  border-radius: 0;
  background-color: #001069;
  transition: all 0.2s ease-in-out;
}

.btn-primary.active, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover{
  border: none;
  background-color: #5093a1;
}

.select-or-other-other{ clear: both }

.champs-obligatoires{
  margin-bottom: 0 !important;
}

.champs-obligatoires label{
  font-style: italic;
  font-weight: 400;
  margin-bottom: 0;
}

.champs-obligatoires .form-control{ display: none }

.form-item .description{
  color: #fff !important;
}

.page-node .panel-body .description{
  color: #000 !important;
}

.webform-previous{ float: left !important }

.webform-previous:before{
  content: "\25C0\00a0";
}
.webform-next:after{
  content: "\00a0\25b6";
}

.webform-component-markup{
  color: #fff;
  clear: both;
}

.webform-progressbar-number,
.webform-progressbar-page .webform-progressbar-page-label{
  color: #fff;
}

.webform-component ul li{
  background: url(../img/puce-blanche.png) no-repeat 0 7px !important;
}

/*-===-WORKBENCH---------------------------------------------------*/

.workbench-info-block{
  min-height: 140px;
  width: 350px;
}

#workbench-moderation-moderate-form #edit-state{
  width: 210px;
}

.workbench-info-block em{  
  text-transform: uppercase;
  font-family: 'open_sansbold', Arial, sans-serif;
  color: #000;
}

.workbench-info-block .form-submit{ float: right }

/*-===-SEARCH GENERAL--------------------------------------------------------*/

.page-search404 .alert-block{ display: none }

.page-search aside.h1-shortcuts,
.page-search404 aside.h1-shortcuts{
  display: none;
}

.page-search .search-form,  
.page-search404 .search-form{  
  /*background: #f2f2f2;*/
}

.page-search .search-form .input-group,
.page-search404 .search-form .input-group{
  /*width: 35%;
  margin:20px auto;*/
}

.page-search .search-form .input-group button,
.page-search404 .search-form .input-group button {
  width: 35px;
  height: 35px;
  padding-left: 0px;
  background-color: #001069;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
}

.page-search .search-advanced, 
.page-search404 .search-advanced{ 
  border: none;
}

.page-search .search-advanced legend,
.page-search404 .search-advanced legend{
  background: #001069;
  border-radius: 0;
  border: none;
}

.page-search .search-advanced label,
.page-search .search-advanced legend a,
.page-search404 .search-advanced label,
.page-search404 .search-advanced legend a{
  color: #fff;
}

.page-search .search-advanced legend a:after,
.page-search404 .search-advanced legend a:after{
  content: '\25bc';
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {    
  background: #9e9e9e;    
}

.page-search .search-advanced button[type="submit"],
.page-search404 .search-advanced button[type="submit"]{
  display: inline-block;
  margin-top: 20px;
  float: right;  
  border: 1px solid #fff;  
  border-radius: 0;        
  margin-left: 10px;    
  background: #7F0002;
  color: #f2f2f2;
  font-weight: 700;
  padding: 5px 30px;
  transition: all 0.2s ease-in-out;
}

.page-search .search-advanced button.form-submit:focus,
.page-search .search-advanced button.form-submit:hover,
.page-search404 .search-advanced button.form-submit:focus,
.page-search404 .search-advanced button.form-submit:hover{
  color: #fff;
  background-color: #001069;
}

.page-search .region-content h2,
.page-search404 .region-content h2{
  padding-top: 20px;
  font-size: 1.3em;
  color: #001069;
  font-weight: 600;
}

.page-search .search-results h3,
.page-search404 .search-results h3{
  font-size: 1.2em;
  margin-top: 20px;
}

.page-search .search-results p,
.page-search404 .search-results p{
  font-size: 0.9em;
}

/*-===-SEARCH ENGINES------------------------------------------------------*/

.view-empty a{ color: #fff }

.page-annuaire-des-associations h1,
.page-carte-interactive h1,
.page-annuaire-des-praticiens h1,
.page-annuaire-sante h1,
.not-front.page-publications h1,
.not-front.page-galerie h1,
.page-actualites h1,
.page-agenda h1{
  color: #fff;
  background-color: #001069;
  font-size: 1.3em;
  font-weight: 400;
  padding: 10px;
}

.page-annuaire-des-associations .h1-shortcuts,
.page-carte-interactive .h1-shortcuts,
.page-annuaire-des-praticiens .h1-shortcuts,
.page-annuaire-sante .h1-shortcuts,
.not-front.page-sitemap .h1-shortcuts,
.not-front.page-publications .h1-shortcuts,
.not-front.page-galerie .h1-shortcuts,
.page-actualites .h1-shortcuts,
.page-agenda .h1-shortcuts{
  display: none;
}

.page-annuaire-des-associations .views-exposed-form,
.page-carte-interactive .views-exposed-form,  
.page-annuaire-des-praticiens .views-exposed-form,  
.page-annuaire-sante .views-exposed-form,  
.not-front.page-publications .views-exposed-form,  
.not-front.page-galerie .views-exposed-form,  
.page-actualites .views-exposed-form,  
.page-agenda .views-exposed-form{    
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #f2f2f2;
}

.page-annuaire-des-associations .views-exposed-form,
.page-carte-interactive .views-exposed-form,
.page-annuaire-des-praticiens .views-exposed-form,
.page-annuaire-sante .views-exposed-form{
  margin-bottom: 0;
}

.page-actualites .views-exposed-form div{
  display: inline-block;
}

.page-annuaire-des-associations .views-exposed-form label,
.page-carte-interactive .views-exposed-form label,
.page-annuaire-des-praticiens .views-exposed-form label,
.page-annuaire-sante .views-exposed-form label,
.not-front.page-publications .views-exposed-form label,
.not-front.page-galerie .views-exposed-form label,
.page-actualites .views-exposed-form label,
.page-agenda .views-exposed-form label{
  margin-left: 20px;
  vertical-align: middle;
  font-family: 'sansationbold', Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
}

.not-front.page-publications .views-exposed-form label,
.not-front.page-galerie .views-exposed-form label,
.page-agenda .views-exposed-form label{
  margin-left: 0;
}

.page-publications .views-exposed-form .form-item-keys input{
  width: 225px;
}

.page-actualites .views-exposed-form .form-item-keys input{
  width: 230px;
}

.page-actualites .views-exposed-form select#edit-tid{
   width: 209px;
}

.page-annuaire-des-associations .views-submit-button,
.page-carte-interactive .views-submit-button,
.page-annuaire-des-praticiens .views-submit-button,
.page-annuaire-sante .views-submit-button,
.not-front.page-publications .views-submit-button,
.not-front.page-galerie .views-submit-button,
.page-actualites .views-submit-button,
.page-agenda .views-submit-button{
  float: right;
}

.page-annuaire-des-associations #edit-submit-annuaire-des-associations:before,
.page-carte-interactive #edit-submit-carte-interactive:before,
.page-annuaire-des-praticiens #edit-submit-praticiens:before,
.page-annuaire-sante #edit-submit-sant-:before,
.not-front.page-publications #edit-submit-publications:before,
.not-front.page-galerie #edit-submit-galerie:before,
.page-actualites #edit-submit-actualit-s:before,
.page-agenda #edit-submit-agenda:before{
  content:'';
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 33px;
  background: url(../img/sprites-generic.png) -368px -44px no-repeat;
}

.page-annuaire-des-associations #edit-submit-annuaire-des-associations,  
.page-carte-interactive #edit-submit-carte-interactive,  
.page-annuaire-des-praticiens #edit-submit-praticiens,  
.page-annuaire-sante #edit-submit-sant-,  
.not-front.page-publications #edit-submit-publications,  
.not-front.page-galerie #edit-submit-galerie,  
.page-actualites #edit-submit-actualit-s,  
.page-agenda #edit-submit-agenda{  
  width: 209px;
  margin-top: 7px;  
  font-size: 1.3em;
  font-family: 'sansationbold', Arial, sans-serif;
}

.page-annuaire-des-associations .block-views h2.block-title,
.page-annuaire-sante .block-views h2.block-title,
.page-annuaire-des-praticiens .block-views h2.block-title{
  color: #000;
  padding-top: 20px;
  padding-left: 0;
}

.page-node-1628 ul.agenda-periods{
  margin-bottom: 0;
}

.page-node-1628 ul.agenda-periods li{
  display: inline-block;
  margin-right: 15px;
  padding: 10px;
  background-color: #5093a1;
  transition: all 0.2s ease 0s;
}

.page-node-1628 ul.agenda-periods li.active,
.page-node-1628 ul.agenda-periods li:hover,
.page-node-1628 ul.agenda-periods li:focus{
  background-color: #001069;
}

.page-node-1628 ul.agenda-periods li a{
  color: #fff;
  text-decoration: none;
}

.ul-all-asso,
.ul-all-praticiens,
.ul-all-sante,
.not-front .ul-all-publi,
.not-front .ul-all-galerie,
.ul-all-actu,
.ul-all-agenda{
  padding: 0;
  margin-top: 20px;
}

.li-all-asso,
.li-all-praticiens,
.li-all-sante,
.not-front .li-all-publi,  
.not-front .li-all-galerie,  
.li-all-actu,  
.li-all-agenda{  
  list-style-type: none;
  margin-bottom: 20px;
  padding-right: 0;   
}

.li-all-asso,
.li-all-sante,
.li-all-praticiens {
  font-size: 0.85em;
  height: 230px;
  margin-bottom: 10px;
}

.li-all-asso{
  height: 300px;
}

.li-all-asso h3,
.li-all-sante h3,
.li-all-praticiens h3{
  width: 100%;
  margin-bottom: 10px;
  color: #fff;
  font-size: 16px;
  padding: 15px 20px;
  font-weight: 400;  
  background-color: #df2044 !important;
}

.li-all-asso .views-field-nothing,  
.li-all-sante .views-field-nothing,  
.li-all-praticiens .views-field-nothing{  
  height: 170px;
  max-width: 213px;
  overflow: auto;
  background-color: #f2f2f2;
  padding: 7px;
}

.li-all-sante .views-field-nothing{ height: 230px }

.li-all-asso .views-field-nothing{ height: 300px }

.li-all-sante h3,
.li-all-praticiens h3,
.li-all-asso h3,
.not-front .li-all-publi .views-field-title,
.not-front .li-all-galerie .views-field-title,
.li-all-actu .views-field-title,
.li-all-agenda .views-field-title{
  background: #df2044;
  max-width: 213px;
}

.li-all-publi .views-field-field-date,
.li-all-agenda .views-field-field-date-heure{
  height: 30px;
  font-family: 'sansationbold', Arial, sans-serif;
  font-size: 0.9em;
  padding: 5px 10px;
  background-color: #f2f2f2  
}

.li-all-actu .views-field-body .field-content,
.li-all-agenda .views-field-body .field-content{
  background: #f2f2f2;
  height: 130px;
}

.li-all-actu .views-field-body p,
.li-all-agenda .views-field-body p{
  margin: 0;
  padding: 10px;
  font-weight: 600;
  font-size: 0.85em;  
}

.li-all-actu .views-field-view-node .field-content,
.li-all-agenda .views-field-view-node .field-content{
  float: right;
  width: 105px;
  height: 22px;
  margin-top: -30px;
  margin-right: 15px;
  font-weight: 700;
  background: url(../img/sprites-generic.png) -454px -22px no-repeat;
}

.li-all-actu .views-field-view-node .field-content a,
.li-all-agenda .views-field-view-node .field-content a{
  display: inline-block;    
  padding-left: 10px;
  font-size: 0.9em;
}

.not-front .li-all-publi .views-field-title span,
.not-front .li-all-galerie .views-field-title a,
.li-all-actu .views-field-title a,
.li-all-agenda .views-field-title a{
  display: inline-block;
  height: 50px;
  font-family: 'sansationbold', Arial, sans-serif;
  font-size: 16px;
  color: #ffffff;
  padding: 5px 7px;
  overflow: hidden;
}

.views-field-field-video,
.views-field-field-video iframe{
  width: 228px;
  height: 153px;
}

.views-field-field-video{ position: relative }

.video-hover-filter{
  position: absolute;
  top: 8px;
  width: 228px;
  height: 153px;
  background: transparent;
  background: url(../img/video-play.png) no-repeat;
  z-index: 1;
}

.views-field-field-video .video-hover-filter {
  top: 0;
}

.not-front .li-all-publi{
  position: relative;
  height: 270px;
}

.not-front .li-all-publi .views-field-field-lien-calameo,
.not-front .li-all-publi .views-field-field-lien-pdf{
  position: absolute;
  position: absolute;
  top: 63px;  
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #001069;
}
.not-front .li-all-publi .views-field-field-lien-calameo{
  left: 152px;
}

.not-front .li-all-publi .views-field-field-lien-pdf{
  right: 18px;
}

.not-front .li-all-publi .views-field-field-lien-calameo a.eye-icon:focus,
.not-front .li-all-publi .views-field-field-lien-calameo a.eye-icon:hover,
.not-front .li-all-publi .views-field-field-lien-pdf a.pdf-icon:focus,
.not-front .li-all-publi .views-field-field-lien-pdf a.pdf-icon:hover{
  background-color: #df2044;
}

.not-front .li-all-publi .views-field-field-image-de-couverture .field-content{
  background: #f2f2f2;
}

.not-front .li-all-publi .views-field-field-image-de-couverture img{
  display: block;
  /*margin: 0 auto;*/
}

.not-front .li-all-publi .views-field-title{
  max-width: 100%;
}

.not-front .li-all-publi .views-field-field-date{
  display: block;
  width: 100%;
  height: 24px;  
}

.not-front .li-all-publi .views-field-field-themes-publication{
  height: 40px;
  padding: 9px;
  padding-top: 0;
  display: block;
  font-size: 0.85em;  
  width: 100%;
  background: #f2f2f2;
}

/*-==-PAGINATION------------------------------------------------------*/

.text-center{ position: relative }

.view-header,
.view-footer,
.text-center .prev a,
.text-center .next a{
  text-align: center;
  font-size: 0.9em;
  font-weight: 600;
  color: #001069;
  padding: 7px;
}

.pagination .prev a, .pagination .next a{
  color: #404040
}

.view-header, .view-footer{ padding: 0 }

.text-center .prev a,
.text-center .next a{
  display: inline-block;
  border-radius: 0;
  border: none;
  background: #f2f2f2;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease-in-out;  
}

.text-center .prev a:focus,
.text-center .prev a:hover,
.text-center .next a:focus,
.text-center .next a:hover{
  color: #5093a1;
}

.text-center .prev{
  position: absolute;
  left: 0;  
}

.text-center .next{
  position: absolute;
  right: 0;  
}

.pagination > li.prev a:before{
  content: "\25C0\00a0";
}
.pagination > li.next a:after{
  content: "\00a0\25b6";
}

  /*-==-SEARCH RESULTS------------------------------------------------------*/

/*-===-CARTO-------------------------------------------------------*/

img[src="http://maps.gstatic.com/intl/en_us/mapfiles/iw_close.gif"] {
    content: url(/sites/all/themes/castres/img/soa-close.png);
}

#edit-field-clic-rapide-tid-wrapper{
  display: none;
}

#block-system-main .view-carte-interactive h3,
#block-system-main .view-annuaire-des-associations h3,
#block-system-main .view-sant- h3,
#block-system-main .view-praticiens h3{
  width: 100%;
  color: #fff;
  background-color: #001069;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 20px;
}

#block-system-main .view-carte-interactive .views-field-nothing,
#block-system-main .view-annuaire-des-associations .views-field-nothing,
#block-system-main .view-sant- .views-field-nothing,
#block-system-main .view-praticiens .views-field-nothing{
  font-size: 1.2em;
}

#block-system-main .view-annuaire-des-associations .view-footer,
#block-system-main .view-annuaire-des-associations .view-center {
  display: none;
}

#block-views-annuaire-des-associations-block-1,
#block-views-sant-block-1,
#block-views-praticiens-block-1 {
  margin-top: 10px;
}

#block-views-annuaire-des-associations-block-1 .view-annuaire-des-associations .view-footer:not(:last-child),
#block-views-sant-block-1 .view-sant- .view-footer:not(:last-child),
#block-views-praticiens-block-1 .view-praticiens .view-footer:not(:last-child){
  display: none;
}

.gm-style .views-field-title{
  padding: 5px 10px;
  margin-bottom: 20px;
  background-color: #5093a1;
}

.gm-style .views-label{
  font-size: 14px;
  font-weight: 700
}

.gm-style .field-content{
  font-size: 13px;
}

.gm-style .field-content a{
  text-decoration: underline;
  color: #337ab7;
}

.gm-style .field-content a:hover,
.gm-style .field-content a:focus{
  color: #001069
}

.gm-style .views-field-title .field-content{
  font-size: 17px;
  color: #fff 
}

.gm-style .views-field-field-facebook .field-content span{
  content: "";
  display: block;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  background: url(../img/sprites.png) no-repeat;
  background-position: -1011px -225px;
}

.gm-style .views-field-field-facebook,
.gm-style .views-field-field-twitter{
  display: inline-block;
}

.gm-style .views-field-field-facebook a,
.gm-style .views-field-field-twitter a{
  display: block;
  text-indent: -9999px;
}

.gm-style .views-field-field-twitter .field-content span{
  content: "";
  display: block;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  background: url(../img/sprites.png) no-repeat;
  background-position: -1046px -225px;
}

#block-gmap-location-0 h2.block-title{ display :none }


/*-===-COMMENTAIRES-------------------------------------------------- */
.list-inline .comment_forbidden{
  display: none;
}

#comments .comment{
  background-color: #ffffff;
  border-bottom: 2px solid #AAAAAA;
  padding: 15px;
  margin-bottom: 20px;
}

#comments .indented .comment{ margin-left: 20px }

.comment-form .filter-wrapper, .comment-form #switch_edit-comment-body-und-0-value{
  display: none !important;
}

.comment-form #edit-submit, .comment-form #edit-preview{
  float: right;
  margin-left: 15px;
}

/*-===-FOOTER------------------------------------------------------*/

.footer {
  padding: 0;
  margin: 0;
  margin-top: 30px;
  border-top: none;
}

.back-to-top{
  float: right;
  margin-top: -30px;
  margin-right: 10px;
}

.back-to-top a{
  display: inline-block;
  vertical-align: middle;
  color: #000;
}

.back-to-top a:focus,
.back-to-top a:hover{
  color: #df2044;
  text-decoration: none;
}

.back-to-top a span.retour-haut{
  display: inline-block;
  margin: 10px;
  font-size: 1.1em;
}

#sup-footer{
  background: #dfd9c9;
  margin-top: 0;
}
.region-footer{ text-align: center }

.region-footer a{
  font-family: 'sansationbold', Arial, sans-serif;
  color: #000000;
  font-size: 1.2em;
}
.front .region-footer section{
  padding-bottom: 0;
}

.footer{ position: relative }

#sub-footer{
  background: #ffffff;
  padding-bottom: 20px;
}

.rotate-top-footer{
  position: absolute;
  top: -70px;
  left: -5px;
  width: 105%;
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  height: 150px;
  background: #ffffff;
}

.footer-block-form{ margin-top: 0 }

#sub-footer hr {
  margin-bottom: -10px;
  border-top: 1px solid #dfd9c9;
}

#sub-footer section{
  margin-top: -10px;
  text-align: center;
}

#sub-footer #block-block-2 h2.block-title{
  width: 190px;
}

#sub-footer #block-poll-recent h2.block-title{
  width: 120px;
}

#sub-footer #block-block-6 h2.block-title{
  width: 150px;
}

#sub-footer #block-views-nodequeue-48-block h2.block-title{
  width: 120px;
}


#sub-footer h2.block-title{
  margin: 0 auto;
  text-align: center;
  padding: 0;
  font-size: 18px;
  color: #000000;
  font-weight: 700;
  background: #ffffff
}

#sub-footer h3, #sub-footer .title{
  font-size: 17px;
  font-family: 'open_sansbold', Arial, sans-serif;
  text-transform: uppercase !important;
}

#sub-footer .title{
  margin: 0;
  margin-bottom: 10px;
  color: #5093a1;
}

#sub-footer .big-tel{
  font-family: 'open_sansregular', Arial, sans-serif;
  color: #3f2b46;
  font-size: 25px;
}

#sub-footer #block-poll-recent .links li.first{ 
  padding: 3px 0;
  background-color: #878786
}

#sub-footer #block-poll-recent .text{ 
  margin-top: 10px;
}

#sub-footer #block-poll-recent .poll .bar{ 
  height: 32px;
  border: 1px solid #C6C6C6;
  background: #ffffff
}

#sub-footer #block-poll-recent .poll .percent{ 
  margin-top: -25px;
}

#sub-footer #block-poll-recent .total{ 
  margin-top: 10px;
}

#sub-footer #block-poll-recent .poll .bar > div{ 
  height: 30px;
  background-color: #5093a1;
}

#sub-footer #block-poll-recent .links li.first a{ 
  font-size: 12px;
  color: #ffffff
}

#sub-footer #block-poll-recent .links li.last{
  display: none;
}

#sub-footer .form-type-radio{
  display: inline-block;
  margin: 0 10px;
}


#sub-footer .follow-social-links p{ margin: 0 }

#sub-footer #inscription-newsletter{
  margin-top: 20px;
  padding: 7px 0;
  background-color: #001069;
}

#sub-footer #inscription-newsletter a{ color: #fff }

#block-block-2{
  padding-bottom: 10px;
}

#block-block-3{
  width: 310px;
  padding-left: 50px;
  padding-right: 50px;
}

#block-simplenews-0:before{
  content:'';
  display: inline-block;
  vertical-align: middle;
  width: 43px;
  height: 47px;
  background: url(../img/sprites-generic.png) -407px -44px no-repeat;
  float: left;
}

#block-simplenews-0{
  width: 350px;
  padding-left: 50px;
  border: none;
}

#block-simplenews-0 h2.block-title{    
  color: #df2044;
  height: auto;
}

.nous-suivre{
  text-transform: uppercase;
  font-weight: 700;
}

.nous-suivre span{
  margin-right: 3px;
  vertical-align: middle;
}

#block-menu-menu-menu-pied-de-page ul li{
  position: relative;
}

#block-menu-menu-menu-pied-de-page ul li:after{
  content: " - ";
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
}

#block-menu-menu-menu-pied-de-page ul li.last:after{
  display: none
}

#block-menu-menu-menu-pied-de-page ul li a{
  font-size: 14px;
  font-family: 'open_sansregular', Arial, sans-serif;
  color: #272727;
}

/*-===-PLAN DU SITE------------------------------------------------------*/
#site-map .site-map-box ul{ padding-left: 40px }

.site-map-menu li a{ line-height: 2 }

.site-map-menu a.menu_icon{
  background-image: none !important;
  padding-left: 0 !important;
}

.site-map-box-menu-main-menu > .content > ul.site-map-menu > li.expanded > a{
  font-weight: 700;
}

.site-map-box-menu-main-menu > .content > ul.site-map-menu > li.expanded > ul > li > ul > li > a{
  font-size: 0.85em;
}

h3 span.transports,
h3 span.transports-hover,
h3 span.urbanisme,
h3 span.urbanisme-hover,
h3 span.vieurbaine,
h3 span.vieurbaine-hover,
h3 span.etatcivil,
h3 span.etatcivil-hover,
h3 span.relationavecleslus,
h3 span.relationavecleslus-hover,
h3 span.ecrireunlu,
h3 span.ecrireunlu-hover,
h3 span.voirie_travaux_jardinage,
h3 span.voirie_travaux_jardinage-hover,
h3 span.propret,
h3 span.propret-hover,
h3 span.familleetjeunesse,
h3 span.familleetjeunesse-hover,
h3 span.sport,
h3 span.sport-hover,
h3 span.spectacles_loisirs_vnements,
h3 span.spectacles_loisirs_vnements-hover,
h3 span.muses,
h3 span.muses-hover,
h3 span.solidarit,
h3 span.solidarit-hover,
h3 span.scuritpublique,
h3 span.scuritpublique-hover,
h3 span.commercesetentreprises,
h3 span.commercesetentreprises-hover,
h3 span.associations,
h3 span.associations-hover,
h3 span.autres,
h3 span.autres-hover,
h3 span.divers,
h3 span.divers-hover{
  display: inline-block;
  vertical-align: middle;
  background: #dfd9c9 url(../img/sprites.png) no-repeat;
  text-indent: -9999px;
  margin-right: 10px;
  width: 80px;
  height: 80px;
}

h3 span.etatcivil{
  background-position: -1173px -175px;
}

h3 span.etatcivil-hover{
  background-position: -1173px -257px;
}

h3 span.relationavecleslus,
h3 span.ecrireunlu{
  background-position: 0 -175px ;
}

h3 span.relationavecleslus-hover,
h3 span.ecrireunlu-hover{
  background-position: 0 -257px ;
}

h3 span.voirie_travaux_jardinage{
  background-position: -83px -175px ;
}

h3 span.voirie_travaux_jardinage-hover{
  background-position: -83px -256px ;
}

h3 span.propret{
  background-position: -746px -175px ;
}

h3 span.propret-hover{
  background-position: -746px -256px ;
}

h3 span.familleetjeunesse{
  background-position: -164px -175px ;
}

h3 span.familleetjeunesse-hover{
  background-position: -164px -256px ;
}

h3 span.sport{
  background-position: -245px -175px ;
}

h3 span.sport-hover{
  background-position: -245px -256px ;
}

h3 span.spectacles_loisirs_vnements{
  background-position: -328px -175px ;
}

h3 span.spectacles_loisirs_vnements-hover{
  background-position: -328px -256px ;
}

h3 span.muses{
  background-position: -411px -175px ;
}

h3 span.muses-hover{
  background-position: -411px -256px ;
}

h3 span.solidarit{
  background-position: -830px -174px ;
}

h3 span.solidarit-hover{
  background-position: -830px -256px ;
}

h3 span.scuritpublique{
  background-position: -494px -175px ;
}

h3 span.scuritpublique-hover{
  background-position: -494px -256px ;
}

h3 span.commercesetentreprises{
  background-position: -578px -175px ;
}

h3 span.commercesetentreprises-hover{
  background-position: -578px -256px ;
}

h3 span.associations{
  background-position: -661px -175px ;
}

h3 span.associations-hover{
  background-position: -661px -256px ;
}

h3 span.autres,
h3 span.divers{
  background-position: -1258px -175px;
}

h3 span.autres-hover,
h3 span.divers-hover{
  background-position: -1258px -256px;
}

h3 span.urbanisme{
  background-position: 0px -350px ;
}

h3 span.urbanisme-hover{
  background-position: 0px -430px ;
}

h3 span.vieurbaine{
  background-position: -80px -350px ;
}

h3 span.vieurbaine-hover{
  background-position: -80px -430px ;
}

h3 span.transports{
  background-position: -163px -350px ;
}

h3 span.transports-hover{
  background-position: -163px -430px ;
}

/*-===-SPRITES------------------------------------------------------*/

.plan-icon span, 
.plan-icon-hover span, 
.allo-mairie span, 
.allo-mairie-hover span, 
.billeterie span, 
.billeterie-hover span, 
.espace-famille span, 
.espace-famille-hover span, 
.associations-icon span,  
.associations-icon-hover span, 
.travaux span, 
.travaux-hover span, 
.numeros-urgences span, 
.numeros-urgences-hover span, 
.marches-publics span, 
.marches-publics-hover span, 
.demarches-demande-acte, 
.demarches-signaler-probleme, 
.demarches-payer-cantine, 
.demarches-declarer-taxe, 
.demarche-etat-civil, 
.demarche-etat-civil-hover, 
.demarche-maire-elus, 
.demarche-maire-elus-hover, 
.demarche-voirie-travaux, 
.demarche-voirie-travaux-hover, 
.demarche-jeunesse-famille, 
.demarche-jeunesse-famille-hover, 
.demarche-sport, 
.demarche-sport-hover, 
.demarche-spectacles, 
.demarche-spectacles-hover, 
.demarche-musees, 
.demarche-musees-hover, 
.demarche-securite, 
.demarche-securite-hover, 
.demarche-commerces-entreprises, 
.demarche-commerces-entreprises-hover, 
.demarche-associations, 
.demarche-associations-hover, 
.demarche-proprete, 
.demarche-proprete-hover, 
.demarche-actions-sociales, 
.demarche-actions-sociales-hover, 
.demarche-transports,
.demarche-transports-hover,
.icon-services-municipaux, 
.icon-plan-371,
.icon-plan-371-hover,
.icon-services-municipaux-hover, 
.icon-marches, 
.icon-plan-363,
.icon-plan-363-hover,
.icon-marches-hover, 
.icon-golf, 
.icon-plan-362,
.icon-plan-362-hover,
.icon-golf-hover, 
.icon-centre-equestre,
.icon-plan-361, 
.icon-plan-361-hover, 
.icon-centre-equestre-hover, 
.icon-piscine, 
.icon-plan-368,
.icon-plan-368-hover,
.icon-piscine-hover, 
.icon-musees, 
.icon-plan-364,
.icon-plan-364-hover,
.icon-musees-hover, 
.icon-parkings, 
.icon-plan-366,
.icon-plan-366-hover,
.icon-parkings-hover, 
.icon-sante, 
.icon-plan-369,
.icon-plan-369-hover,
.icon-sante-hover, 
.icon-securite, 
.icon-plan-370,
.icon-plan-370-hover,
.icon-securite-hover, 
.icon-travaux, 
.icon-travaux-hover, 
.icon-patrimoine, 
.icon-plan-367,
.icon-plan-367-hover,
.icon-patrimoine-hover, 
.icon-parcs-jardins, 
.icon-plan-365,
.icon-plan-365-hover,
.icon-parcs-jardins-hover, 
.icon-accessibilite, 
.icon-plan-360,
.icon-plan-360-hover,
.icon-accessibilite-hover, 
.icon-wc-publics, 
.icon-plan-374,
.icon-plan-374-hover,
.icon-wc-publics-hover, 
.icon-tri-selectif, 
.icon-plan-373,
.icon-plan-373-hover,
.icon-tri-selectif-hover, 
.icon-rugby,
.icon-plan-372,
.icon-plan-372-hover,
.icon-rugby-hover, 
.contrast-icon,
.contact-phone, 
.contact-mail, 
.contact-plan, 
.contact-postal, 
.arrow-menu, 
.search-icon, 
.shadow-fil-ariane, 
.facebook-icon, 
.facebook-icon-small,
.facebook-icon-gray,
.twitter-icon, 
.twitter-icon-small, 
.twitter-icon-gray, 
.icon-send,
.icon-print,
.visionner-black,
.node-type-kiosque .field-name-field-lien-calameo a span,
.node-type-contact .field-name-field-facebook a span,
.node-type-plan-interactif .field-name-field-facebook a span,
.telecharger-black,
.node-type-kiosque .field-name-field-doc-upload a span,
.node-type-contact .field-name-field-twitter a span,
.node-type-plan-interactif .field-name-field-twitter a span,
.telecharger-hover,
.pager-icon-hover, 
.pager-icon,
.icon-profil,
.instagram-icon{
  background: url(../img/sprites.png) no-repeat;
  display: inline-block;    
  text-indent: -9999px;
}

.node-type-contact .field-name-field-facebook,
.node-type-contact .field-name-field-twitter{
  display: inline-block;
}

.node-type-kiosque .field-name-field-lien-calameo a span,
.node-type-kiosque .field-name-field-doc-upload a span,
.node-type-plan-interactif .field-name-field-facebook a span,
.node-type-plan-interactif .field-name-field-twitter a span{
  float: left;
  display: inline-block;
}

.node-type-kiosque .field-name-field-doc-upload img{
  display: none;
}

.plan-icon span{
  background-position: 0 0;
  width: 80px;
  height: 80px;
}

.plan-icon-hover span,
.plan-icon:hover span{
  background-position: 0 -83px ;
  width: 80px;
  height: 80px;
}

.allo-mairie span{
  background-position: -82px 0;
  width: 80px;
  height: 80px;
}

.allo-mairie-hover span,
.allo-mairie:hover span{
  background-position: -82px -83px ;
  width: 80px;
  height: 80px;
}

.billeterie span{
  background-position: -163px 0;
  width: 80px;
  height: 80px;
}

.billeterie-hover span,
.billeterie:hover span{
  background-position: -163px -83px ;
  width: 80px;
  height: 80px;
}

.espace-famille span{
  background-position: -245px 0;
  width: 80px;
  height: 80px;
}

.espace-famille-hover span,
.espace-famille:hover span{
  background-position: -245px -83px ;
  width: 80px;
  height: 80px;
}

.associations-icon span{
  background-position: -328px 0;
  width: 80px;
  height: 80px;
}

.associations-icon-hover span,
.associations-icon:hover span{
  background-position: -328px -83px ;
  width: 80px;
  height: 80px;
}

.travaux span{
  background-position: -411px 0;
  width: 80px;
  height: 80px;
}

.travaux-hover span,
.travaux:hover span{
  background-position: -411px -83px ;
  width: 80px;
  height: 80px;
}

.numeros-urgences span{
  background-position: -494px 0;
  width: 80px;
  height: 80px;
}

.numeros-urgences-hover span,
.numeros-urgences:hover span{
  background-position: -494px -83px ;
  width: 80px;
  height: 80px;
}

.marches-publics span{
  background-position: -578px 0;
  width: 80px;
  height: 80px;
}

.marches-publics-hover span,
.marches-publics:hover span{
  background-position: -578px -83px ;
  width: 80px;
  height: 80px;
}

.demarches-demande-acte{
  background-position: -672px -5px ;
  width: 55px;
  height: 55px;
}

.demarches-signaler-probleme{
  background-position: -734px -5px ;
  width: 55px;
  height: 55px;
}

.demarches-payer-cantine{
  background-position: -796px -5px ;
  width: 55px;
  height: 55px;
}

.demarches-declarer-taxe{
  background-position: -858px -5px ;
  width: 55px;
  height: 55px;
}

.demarche-etat-civil{
  background-position: -1173px -175px;
  width: 80px;
  height: 80px;
}

.demarche-etat-civil-hover{
  background-position: -1173px -257px;
  width: 80px;
  height: 80px;
}

.demarche-maire-elus{
  background-position: 0 -175px ;
  width: 80px;
  height: 80px;
}

.demarche-maire-elus-hover{
  background-position: 0 -256px ;
  width: 80px;
  height: 80px;
}

.demarche-voirie-travaux{
  background-position: -83px -175px ;
  width: 80px;
  height: 80px;
}

.demarche-voirie-travaux-hover{
  background-position: -83px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-jeunesse-famille{
  background-position: -164px -175px ;
  width: 80px;
  height: 80px;
}

.demarche-jeunesse-famille-hover{
  background-position: -164px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-sport{
  background-position: -245px -175px ;
  width: 80px;
  height: 80px;
}

.demarche-sport-hover{
  background-position: -245px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-spectacles{
  background-position: -328px -175px ;
  width: 80px;
  height: 80px;
}

.demarche-spectacles-hover{
  background-position: -328px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-musees{
  background-position: -411px -175px ;
  width: 80px;
  height: 80px;
}

.demarche-musees-hover{
  background-position: -411px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-securite{
  background-position: -494px -175px ;
  width: 80px;
  height: 80px;
}

.demarche-securite-hover{
  background-position: -494px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-commerces-entreprises{
  background-position: -578px -175px ;
  width: 80px;
  height: 80px;
}

.demarche-commerces-entreprises-hover{
  background-position: -578px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-associations{
  background-position: -661px -175px ;
  width: 80px;
  height: 80px;
}

.demarche-associations-hover{
  background-position: -661px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-proprete{
  background-position: -746px -175px ;
  width: 80px;
  height: 80px;
}

.demarche-proprete-hover{
  background-position: -746px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-actions-sociales{
  background-position: -830px -174px ;
  width: 80px;
  height: 80px;
}

.demarche-actions-sociales-hover{
  background-position: -830px -256px ;
  width: 80px;
  height: 80px;
}

.demarche-transports{
  background-position: -912px -174px ;
  width: 80px;
  height: 80px;
}

.demarche-transports-hover{
  background-position: -912px -256px ;
  width: 80px;
  height: 80px;
}

.icon-services-municipaux,
.icon-plan-371{
  background-position: -673px -82px ;
  width: 30px;
  height: 30px;
}

.icon-services-municipaux-hover,
.icon-plan-371-hover{
  background-position: -673px -120px ;
  width: 30px;
  height: 30px;
}

.icon-marches, 
.icon-plan-363{
  background-position: -711px -81px ;
  width: 30px;
  height: 30px;
}

.icon-marches-hover,
.icon-plan-363-hover{
  background-position: -711px -120px ;
  width: 30px;
  height: 30px;
}

.icon-golf,
.icon-plan-362{
  background-position: -749px -81px ;
  width: 30px;
  height: 30px;
}

.icon-golf-hover,
.icon-plan-362-hover{
  background-position: -749px -119px ;
  width: 30px;
  height: 30px;
}

.icon-centre-equestre,
.icon-plan-361{
  background-position: -787px -81px ;
  width: 30px;
  height: 30px;
}

.icon-centre-equestre-hover,
.icon-plan-361-hover{
  background-position: -787px -118px ;
  width: 30px;
  height: 30px;
}

.icon-piscine,
.icon-plan-368{
  background-position: -825px -81px ;
  width: 30px;
  height: 30px;
}

.icon-piscine-hover,
.icon-plan-368-hover{
  background-position: -825px -118px ;
  width: 30px;
  height: 30px;
}

.icon-musees,
.icon-plan-364{
  background-position: -864px -81px ;
  width: 30px;
  height: 30px;
}

.icon-musees-hover,
.icon-plan-364-hover{
  background-position: -864px -117px ;
  width: 30px;
  height: 30px;
}

.icon-parkings,
.icon-plan-366{
  background-position: -904px -81px ;
  width: 30px;
  height: 30px;
}

.icon-parkings-hover,
.icon-plan-366-hover{
  background-position: -904px -117px ;
  width: 30px;
  height: 30px;
}

.icon-sante,
.icon-plan-369{
  background-position: -943px -81px ;
  width: 30px;
  height: 30px;
}

.icon-sante-hover,
.icon-plan-369-hover{
  background-position: -943px -116px ;
  width: 30px;
  height: 30px;
}

.icon-securite,
.icon-plan-370{
  background-position: -982px -81px ;
  width: 30px;
  height: 30px;
}

.icon-securite-hover,
.icon-plan-370-hover{
  background-position: -982px -116px ;
  width: 30px;
  height: 30px;
}

.icon-travaux{
  background-position: -1022px -80px ;
  width: 30px;
  height: 30px;
}

.icon-travaux-hover{
  background-position: -1022px -116px ;
  width: 30px;
  height: 30px;
}

.icon-patrimoine,
.icon-plan-367{
  background-position: -1062px -79px ;
  width: 30px;
  height: 30px;
}

.icon-patrimoine-hover,
.icon-plan-367-hover{
  background-position: -1062px -115px ;
  width: 30px;
  height: 30px;
}

.icon-parcs-jardins,
.icon-plan-365{
  background-position: -1102px -79px ;
  width: 30px;
  height: 30px;
}

.icon-parcs-jardins-hover,
.icon-plan-365-hover{
  background-position: -1102px -114px ;
  width: 30px;
  height: 30px;
}

.icon-accessibilite,
.icon-plan-360{
  background-position: -1143px -78px ;
  width: 30px;
  height: 30px;
}

.icon-accessibilite-hover,
.icon-plan-360-hover{
  background-position: -1142px -114px ;
  width: 30px;
  height: 30px;
}

.icon-wc-publics,
.icon-plan-374{
  background-position: -1184px -78px ;
  width: 30px;
  height: 30px;
}

.icon-wc-publics-hover,
.icon-plan-374-hover{
  background-position: -1184px -113px ;
  width: 30px;
  height: 30px;
}

.icon-tri-selectif,
.icon-plan-373{
  background-position: -1224px -78px ;
  width: 30px;
  height: 30px;
}

.icon-tri-selectif-hover,
.icon-plan-373-hover{
  background-position: -1224px -113px ;
  width: 30px;
  height: 30px;
}

.icon-rugby,
.icon-plan-372{
  background-position: -1268px -78px ;
  width: 30px;
  height: 30px;
}

.icon-rugby-hover,
.icon-plan-372-hover{
  background-position: -1268px -113px ;
  width: 30px;
  height: 30px;
}

.contrast-icon{
  background-position: -1270px -15px ;
  width: 30px;
  height: 30px;
}

.contact-phone{
  background-position: -943px -20px ;
  width: 30px;
  height: 30px;
}

.contact-mail{
  background-position: -989px -20px ;
  width: 30px;
  height: 30px;
}

.contact-plan{
  background-position: -1036px -20px ;
  width: 30px;
  height: 30px;
}

.contact-postal{
  background-position: -1312px -20px;
  width: 30px;
  height: 30px;
}

.arrow-menu{
  background-position: -1087px -28px ;
  width: 30px;
  height: 20px;
}

.search-icon{
  background-position: -1153px -11px;
  width: 43px;
  height: 43px;
}

.shadow-fil-ariane{
  background-position: -1216px -18px ;
  width: 15px;
  height: 30px;
}

.facebook-icon,
.node-type-contact .field-name-field-facebook a span,
.node-type-plan-interactif .field-name-field-facebook a span{
  background-position: -1011px -174px ;
  width: 45px;
  height: 45px;
}

.facebook-icon-small{
  background-position: -1011px -225px ;
  width: 30px;
  height: 30px;
}

.twitter-icon,
.node-type-contact .field-name-field-twitter a span,
.node-type-plan-interactif .field-name-field-twitter a span{
  background-position: -1068px -174px ;
  width: 45px;
  height: 45px;
}

.twitter-icon-small{
  background-position: -1046px -225px;
  width: 30px;
  height: 30px;
}

.facebook-icon-gray{
  background-position: -1012px -270px;
  width: 30px;
  height: 30px;
}

.twitter-icon-gray{
  background-position: -1045px -270px;
  width: 30px;
  height: 30px;
}

.icon-print{
  background-position: -1012px -302px;
  width: 30px;
  height: 30px;
}

.icon-send{
  background-position: -1045px -303px;
  width: 30px;
  height: 30px;
}

.visionner-black,
.node-type-kiosque .field-name-field-lien-calameo a span{
  background-position: -1132px -305px;
  width: 30px;
  height: 30px;
}

.visionner-hover,
.views-field-field-lien-calameo a:hover .visionner-black,
.node-type-kiosque .field-name-field-lien-calameo a:hover span{
  background-position: -1132px -275px;
  width: 30px;
  height: 30px;
}

.telecharger-black,
.node-type-kiosque .field-name-field-doc-upload a span{
  background-position: -1090px -303px;
  width: 30px;
  height: 30px;
}

.telecharger-hover, 
.views-field-field-doc-upload a:hover .telecharger-black,
.node-type-kiosque .field-name-field-doc-upload a:hover span{
  background-position: -1090px -273px;
  width: 30px;
  height: 30px;
}

.pager-hover{
  background-position: -1157px -178px ;
  width: 15px;
  height: 15px;
}

.pager{
  background-position: -1131px -178px ;
  width: 15px;
  height: 15px;
}

.icon-profil{
  background-position: -1308px -73px ;
  width: 35px;
  height: 35px;
}

.instagram-icon{
  background-position: -1107px -217px ;
  width: 45px;
  height: 45px;
}

/*---===------------------------------PHOTOBOX CSS---*/

/* Normalizes box-sizing  */
#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

#pbOverlay{
  display: none;
}

#pbOverlay.show{ opacity:1; pointer-events:auto; }

#pbOverlay{
    opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
    -moz-user-select:none;
    background:rgba(0,16,105,.90);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');
    /* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
    -webkit-transform:translate3d(0);
    transition:opacity 300ms ease;
}
#pbOverlay.msie{ background-color:rgba(0,16,105,.90); }
.msie.pbLoading .pbWrapper{ background:url('../img/loading.gif') no-repeat center center; }

@keyframes pbLoaderFrames{ 50%{ height:5px; } }
@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }

.pbLoader{ display:none; width:100px; height:100px; position:absolute; z-index:999; top:0; left:0; right:0; bottom:0; margin:autoxt-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; transition:.3s; }
.thumbs .pbLoader{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }
.pbLoading:not(.msie):not(.error) .pbLoader{ display:block; }
    .pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,.8); box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
    .pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
    .pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }

.mobile.pbLoading .pbLoader{ transform:none; transition:0s; }

.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle; }

/* Animation when image was not loaded */
@keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(.85); } }
@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(.85); } }

.pbWrapper{ -moz-box-sizing:border-box; box-sizing:border-box; transform:rotate(0deg); vertical-align:middle; height:100%; perspective:1200px; position:relative; transition:.2s; }
.video > .pbWrapper{ z-index:11; display:inline-block; }
    /*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
    .pbLoading .pbWrapper{ display:inline-block\9; width:100%; } /* ie8+9 hack */
    .pbWrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; transition:text-shadow .7s ease-out; }
    .error .pbWrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
    .thumbs .pbWrapper{ padding:0; margin:0; }
    .error .pbWrapperr img{ width:0; }

    .pbWrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,.5); }
    .video > .pbWrapper > div{ display:inline-block; }

    #pbOverlay iframe,
    #pbOverlay embed,
    #pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:.5s; }

    .pbWrapper .pbHide iframe{ opacity:0; }

    .pbWrapper > div,
    .pbWrapper > img{
        transition:.8s .5s cubic-bezier(.1, .87, .48, 1);

        -webkit-transform:none;
        -ms-transform:none;
        transform:none;

        -webkit-backface-visibility:hidden;
        box-shadow:0 0 20px #000;
    }

    /* FOR MOBILE */
    .mobile.show .pbWrapper > div,
    .mobile.show .pbWrapper > img{
        transition:30ms;
    }

    /* Content effects */
    .pbWrapper > *,
    .pbHide .pbWrapper > .prepare{ opacity:1; vertical-align:middle; transform:scale(0) rotateX(80deg); -webkit-transform:scale(0) rotateX(80deg); -ms-transform:scale(0) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; }
    .on .pbWrapper > *{ transition-delay:0s; }
    .pbWrapper .zoomable{ -webkit-transition:0s; transition:0s; position:relative; z-index:9; }
    .pbHide .pbWrapper > *{ -webkit-transform:scale(1.2); transform:scale(1.2); transform:none\9; opacity:0; transition:.4s ease-out; }



/*-- close button --*/
#pbCloseBtn,
#pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; }
.pbHide #pbCloseBtn{ top:-50px; right:-50px; }
.on #pbCloseBtn{ top:-2px; right:-2px; }

#pbCloseBtn:before{ content:'\00D7'; font:bold 1em/1 arial; }
#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:.8; vertical-align:middle; background:rgba(255,255,255,.2); border-radius:0 0 0 70px; transition:.1s ease-out; }
#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); }

/*-- autoplay controller --*/
#pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
.hasAutoplay #pbAutoplayBtn{ display:block; }
#pbAutoplayBtn:hover{ width:60px; height:60px; }
.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; }
    #pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
    #pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
    #pbAutoplayBtn.play:before{ content:'\25BA'; }

    #pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:.3s; transition:.3s; }
    .mobile #pbAutoplayBtn .pbProgress{ -webkit-transition:0s; transition:0s; }
    #pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
    #pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }

#pbCaption,
.pbHide #pbCaption{ position:absolute; z-index:999; margin-bottom:5px; bottom:-120px; width:100%; overflow:hidden; transition:.4s; }
.show.on #pbCaption{ bottom:0; transition-delay:.5s; }
    #pbOverlay.thumbs #pbCaption label{ display:block; }
    #pbCaption label{ display:none; position:relative; z-index:1; top:-5px; float:right; width:60px; margin-right:10px; color:#FFF; opacity:.3; transition:.2s; cursor:pointer; }
    #pbCaption label:after{ background:#FFF; box-shadow:12px 0 #FFF, -12px 0 #FFF; content:""; display:inline-block; height:0; padding:10px 5px; text-align:right; vertical-align:top; width:0; }
    #pbCaption label:hover{ opacity:1; }
    #pbCaption .title,
    #pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; font-family: 'sansationbold', Arial, sans-serif; font-size: 1.3em; }
    #pbCaption .counter{ display:none; opacity:.55; }
    .hasCounter #pbCaption .counter{ display:inline-block; }
    .pbCaptionText{ transition:.3s; opacity:.9; font-weight:bold; font-size:.9em; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding-left:60px; } /* padding-left from <label> */
    .pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; }

.mobile #pbCaption label{ display:none; z-index:-1; color:red; }
.mobile .pbCaptionText{ padding:0; }

/* hide thumbnails */
#pbThumbsToggler:checked ~ #pbCaption .pbThumbs{ margin:0; }
#pbThumbsToggler:checked ~ .pbWrapper{ margin-top:-50px; padding:50px 0; }

.pbThumbs{ display:none; transition:.35s; -webkit-overflow-scrolling:touch; }
.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; margin-bottom:-100px; overflow:hidden; }
.mobile .pbThumbs{ overflow:auto; }
.pbThumbs:hover{ clear:both; }
    .pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:.2s; }
    .pbThumbs ul:after{ vertical-align:bottom; }
        .pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:.15s; }
        .pbThumbs li.active{ height:100%; opacity:1; }
        .pbThumbs li:hover{ height:100%; opacity:1; }
        .pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,.4); box-shadow:0 0 0 3px rgba(0,0,0,.4); border-radius:0 3px 0 0; pointer-events:none; }
            .pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; }
            .pbThumbs li:hover a{  }
                .pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:.15s; }
                .pbThumbs li:hover img{ min-height:96%; } /* fix a bug in Chrome and Opera */
                .pbThumbs li.fast a img{ transition:none; }
                .pbThumbs li.active a img{ border-color:#5093a1; min-height:96%; }

#pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; user-select:none; filter:alpha(opacity=0); cursor:pointer; }
#pbOverlay.hasArrows .prevNext{ display:block; }
#pbOverlay .prevNext.pbHide{ display:none; }
#pbOverlay.on .prevNext:hover{ opacity:.5; filter:alpha(opacity=50); }
#pbOverlay.on .prevNext:hover:active{ transition:80ms; opacity:1; filter:alpha(opacity=100); text-shadow:0 0 16px #FFF, 0 0 10px #000; }
    .prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; }
    .prevNext:hover b{ transition:.2s cubic-bezier(.095, .870, .485, .985); }
    #pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); }
    #pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); }
    /* */
    #pbPrevBtn b:before,
    #pbNextBtn b:after{ display:inline; line-height:.3; font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; }

    #pbPrevBtn b:before{ content:'\2039'; }
    #pbNextBtn b:after{ content:'\203A'; }
    /* */
    .on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); }
    .on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); }

.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{  }
.show #pbPrevBtn{ left:0; text-align:left; }
.show #pbNextBtn{ right:0; text-align:right; }

/*--- Effect change snippet ---*/

.pbHide .pbWrapper > *,
.pbHide .pbWrapper > .prepare{ opacity:0; transition:.2s ease-in; }

.pbWrapper > div,
.pbWrapper > img{
    transition:.2s ease-out;
    opacity: 1;
}

/*** when going to the next slide ***/
/* prepare next slide which will be shown */
.pbWrapper > *,
.pbHide.next .pbWrapper > .prepare{ transform:translatex(40%); }
/* prepare current slide which will "go away" */
.pbHide.next .pbWrapper > *{ transform:translatex(-40%);  }

/* when going to the previous slide */
.pbWrapper > *,
.pbHide.prev .pbWrapper > .prepare{ transform:translatex(-40%); }
.pbHide.prev .pbWrapper > *{ transform:translatex(40%); }

/*-----===---- MEDIA QUERIES ----------------------------------------*/

/*--- Chrome hack with admin menu ---*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .view-id-nodequeue_1 .views-field-view-node{
    margin-right: 49px;
  }
}*/

/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

      .region.region-navigation{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
      }

      .contact-bar{ display: none }

      #block-views-publications-block-1 .view-header div{
        position: absolute;
        top: 0;
        width: 100%;
        right: 0;
      }

      #navbar li { margin-right: 0 }
     
      #navbar ul.dropdown-menu {
        width: 775px;
        margin-top: -14px;
      }

      #navbar ul.dropdown-menu > li { width: 240px }

      #navbar ul.dropdown-menu li a.menu_icon {
        background-size: 120px auto;
      }

      #navbar ul.dropdown-menu li a span {
        margin-left: 110px;
        font-size: 14px;
      }

      #navbar ul.dropdown-menu li a span:after{
        content:'';
      }

      .menu-block-3 > ul.menu.nav {    
        background: #f2f2f2;
      }

      .menu-block-3 > ul.menu.nav > li > a{
        font-size: 12px;
        padding: 0 7px;
        line-height: 2;
      }

      .main-container { margin-top: 70px }

      .front .main-container > .row > aside.col-sm-3 {
        width: 100%;
        padding-top: 0;
      }

      .well,
      #block-block-1{
        box-shadow: none;
      }

      #block-block-1{
        margin-bottom: 10px;
        margin-top: 80px;
      }
          
      #block-block-1 h2.block-title {
        width: 100%;
        margin: 0px auto;
        background-color: #5093a1;
        text-align: left;
        padding-left: 50px;
        color: #fff;
      }

      #block-block-1 ul#ul-en1clic{
        display: table;
        width: 100%;
        height: 100px;
        margin-top: 0;        
      }          

      #block-block-1 ul#ul-en1clic li {
        display: table-cell;        
        font-size: 0.85em;
        padding: 20px 5px;
      }      

      #block-block-1 ul#ul-en1clic li span{
        display: block;
        margin: 0 auto;
      }

      .front .region-sidebar-first.well{
        display: none;
      }

      .not-front .region-sidebar-first.well{
        margin-bottom: 10px;
      }

      .portail-famille{ margin: 0 auto }

      .not-front .portail-famille,
      .not-front .portail-famille img{
        width: 157px;        
      }
      
      .not-front #block-block-5 ul li a {        
        padding: 7px 0 5px 53px;        
        font-size: 0.85em;
        height: 32px;
      }

      .demarche-links ul{ margin-left: -20px }

      #block-menu-menu-menu-pied-de-page .nav>li>a{
        padding: 10px;
      }

      #block-block-2,
      #block-block-3,
      #block-simplenews-0{
        width: auto;
      }

      #block-block-2{ padding-right: 15px }

      #block-block-3{ padding: 0 15px }

      #block-simplenews-0{ padding-left: 15px }

    }

    /* Small Devices, Tablets -------------------------------------------------*/
    @media only screen and (max-width : 768px) {
      
      #block-webform-client-block-21 {
        position: absolute;
        top: 60px;
        right: 32px;
      }

      #block-webform-client-block-22 {
        position: absolute;
        top: 103px;
        right: 32px;
      }

      #block-views-flash-info-block{
        height: 135px; 
      }

      #block-views-flash-info-block h2.block-title{
        width: 100%;
      }

      #block-views-flash-info-block .wrapper-flash-info{
        left: 0;
      }

      #block-views-flash-info-block .bx-viewport{
        height: auto !important
      }

      #block-views-flash-info-block .ul-flash-info{
        padding: 50px 0
      }

      #block-views-flash-info-block .bx-prev .flash-left-arrow-icon:before, 
      #block-views-flash-info-block .bx-next .flash-right-arrow-icon:before{
        top: 85px;
      }

      /* Remove navbar collapse */
      .navbar-collapse.collapse { display: block }

      .menu-block-3{ width: 100% }

      .menu-block-3 > ul.menu.nav{ width: 100% }

      .menu-block-3 > ul.menu.nav > li { display: block }

      .menu-block-3 > ul.menu.nav > li > a {
        font-size: 1.1em;
        padding-top: 15px;
        padding-bottom: 13px;       
      }

      .menu-block-3 > ul.menu.nav.navbar-right:last-child {
        margin-right: -15px !important;
      }

      .menu-block-3 > ul.menu.nav > li ul.menu.nav > li {
        /*display: inline-block;*/
      }

      #navbar ul.dropdown-menu {
        position: relative;
        top: 0;
        margin-top: 0;
        margin-left: 0;
        width: auto;
      }

      #navbar ul.dropdown-menu > li {
        width: 97%;
        margin-left: 15px;
      }

      #block-block-1 {
        position: relative;
        margin-top: 35px;
      }      

      .not-front .portail-famille,
      .not-front .portail-famille img{
        width: 212px;
      }

      .not-front #block-block-5 ul li a {
        padding: 7px 0 5px 60px;
        font-size: 1em;
        height: 32px;
      }
      
    }

    @media only screen and (min-width : 481px) {

      .menu-overlay{
        display: none;
        position: absolute;
        background-color: rgba(86, 86, 79, 0.78);
        z-index: 10;
        width: 100%;
        height: 100%;
      }

      #block-views-actualit-s-block .view-header{
        top: -65px;
      }

      #block-views-actualit-s-block .content-info-actu .wrapper-bord-top .bord-top{
        top: 22px;
      }

      #block-views-agenda-block .view-header{
        top: -8px;
      }

      #block-views-galerie-block-1 .view-header{
        top: -18px;
      }

    }

    /* Extra Small Devices, Phones -------------------------------------------*/ 
    @media only screen and (max-width : 480px) {

      #block-search-form {
        z-index: 50;
        left: 0;
        right: 70px;
      }

      #block-search-form .input-group{ margin: 0 }

      #block-search-form .input-group-btn{ float: left }

      #block-search-form button{
        width: 56px;
        height: 56px;
        float: left;
        background-color: #5093a1;
      }

      #block-search-form input[type="text"]{
        height: 56px;
        width: 200px;
        border-bottom: 1px solid #999999;
      }

      #block-search-form .search-icon {
        background-position: -1142px 0px;
      }

      .bandeau-menu-top{
        position: relative !important;
        z-index: 40 !important;
      }

      .navbar-collapse{ border: 0 }

      .navbar-header .logo{
        display: block;
        width: 220px;
        margin: 10px auto;
        float: none !important
      }

      .navbar-toggle{
        position: absolute;
        right: 0;
        top: 0;
        border: 0;
      }

      .navbar-collapse.collapse { display: none }

      .navbar-collapse.collapse.in { display: block }

      #block-block-1{
        margin-top: 10px;
        padding: 0 15px;
      }

      #block-menu-block-3{
        margin-top: 150px;
        z-index: 10;
      }

      #block-menu-block-3 #block-menu-menu-menu-externe li{
        text-align: left;
        margin-left: 20px;
        background: none
      }

      #block-menu-block-3 li,
      .menu-block-3 > ul.menu.nav{
        text-align: left;
        background-color: #ffffff;
      }

      .menu-block-3 > ul.menu.nav > li, .menu-block-3 > ul.menu.nav > li.first{
        background: url(../img/puce-menu.png) 45px 23px no-repeat;
        text-align: left;
      }

      .menu-block-3 > ul.menu.nav > li > a{
        padding: 15px 7px 13px 60px !important;
      }

      .menu-block-3 > ul.menu.nav > li > ul.menu.nav,
      .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li,
      .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav,
      .block-views ul li img,
      #block-views-actualit-s-block .content-info-actu,
      #block-views-actualit-s-block .view-header,
      #block-views-actualit-s-block-1 ul li .wrapper-actu .image-actu, 
      #block-views-agenda-block .view-header,
      #block-views-agenda-block ul li img,
      #block-views-agenda-block-1 ul li .wrapper-agenda .image-agenda, 
      #block-views-exp-agenda-block-1 form .views-exposed-form .views-widget .form-select, 
      #block-views-galerie-block-1 .view-header,
      #block-views-galerie-block-1 ul li img,
      #block-views-kiosque-block-1 ul li .wrapper-publication .content-publication,
      #block-views-kiosque-block-1 ul li .wrapper-publication .image-publication,
      #block-views-exp-kiosque-block-1 form .views-exposed-form .views-widget #edit-field-themes-publication-tid,
      .node-type-kiosque .field-name-field-image-de-couverture,
      .node-type-kiosque .field-name-body,
      .container-inline-date .form-item, 
      .container-inline-date .form-item input,
      .front .views-field-field-video, 
      .front .views-field-field-video iframe,
      .page-node-1636 .views-field-field-video, 
      .page-node-1636 .views-field-field-video iframe,
      .form-plan,
      .view-plan-interactif .view-content,
      .rotate-top-footer,
      .region-sub-footer #block-block-2{
        width: 100%
      }

      #block-views-kiosque-block-1 ul li .wrapper-publication .image-publication img{
        width: auto;
        display: block;
        margin: 0 auto;
      }

      .view-plan-interactif .wrapper-checkbox-plan{
        display: inline-block;
        float: left;
        width: 50%;
        height: 110px;
        padding: 5px;
        text-align: center;
      }

      .view-plan-interactif .wrapper-checkbox-plan:nth-child(2n+2){
        border-left: 1px solid #dfd9c9;
      }

      .view-plan-interactif .wrapper-checkbox-plan input{
        width: 20px;
        height: 20px;
      }

      .view-plan-interactif .wrapper-checkbox-plan span{
        display: block;
        margin: 8px auto;
      }

      .menu-block-3 > ul.menu.nav > li > ul.menu.nav{
        position: static;
        height: auto;
        min-height: 100px;
        background: none !important;
        padding: 10px 45px 10px 45px;
      }

      .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li a,
      .menu-block-3 > ul.menu.nav > li > a:focus, 
      .menu-block-3 > ul.menu.nav > li > a:hover{
        color: #464848
      }

      .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li,
      .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav li{
        padding-left: 0;
      }

      .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav{
        position: static;
      }

      .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav > li:focus, 
      .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > ul.menu.nav > li:hover{
        box-shadow: none;
      }

      #navbar ul.dropdown-menu > li { width: 95% }

      .main-container > .row > .col-sm-9{
        padding-right: 15px;
      }

      .demarche-links ul{
        padding-left: 0;
        margin-left: 0;
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;  
      }

      #block-views-actualit-s-block-1 ul, 
      #block-views-agenda-block-1 ul, 
      #block-views-kiosque-block-1 ul{
        padding: 0;
      }

      #block-views-actualit-s-block #bx-pager{
        display: none;
      }

      #block-views-actualit-s-block .content-info-actu .wrapper-bord-top .bord-top{
        bottom: 0;
        height: 40px;
        overflow: hidden;
        padding: 0 15px;
        background-color: #001069
      }

      #block-views-actualit-s-block .content-info-actu{
        left: 0;
      }

      #block-views-agenda-block .view-header,
      #block-views-galerie-block-1 .view-header{
        bottom: 0;
        right: 0;
      }

      #block-views-actualit-s-block .views-field-title{
        font-family:"sansationregular", Arial, sans-serif;
        font-size: 14px;
        margin-bottom: 20px
      }

      #block-views-actualit-s-block .content-info-actu .wrapper-bord-top .bord-top,
      #block-views-actualit-s-block .views-field-title, 
      #block-views-actualit-s-block span, 
      #block-views-actualit-s-block .date-display-range, 
      #block-views-actualit-s-block .content-info-actu p{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }

      #block-views-actualit-s-block .view-header{
        bottom: -65px;
      }

      #block-views-actualit-s-block-1 ul li .wrapper-actu, 
      #block-views-agenda-block-1 ul li .wrapper-agenda, 
      #block-views-kiosque-block-1 ul li .wrapper-publication{
        height: auto;
      }

      .views-exposed-form .views-exposed-widget,
      .container-inline-date .date-padding{
        float: none;
      }

      #block-views-exp-actualit-s-block-1 form .views-exposed-form label, 
      #block-views-exp-actualit-s-block-1 form .views-exposed-form .views-widget, 
      #block-views-exp-actualit-s-block-1 form .views-exposed-form #edit-field-date-actu-value-wrapper, 
      #block-views-exp-actualit-s-block-1 form .views-exposed-form #edit-field-date-actu-value2-wrapper, 
      #block-views-exp-agenda-block-1 form .views-exposed-form label, 
      #block-views-exp-agenda-block-1 form .views-exposed-form .views-widget,
      #block-views-exp-agenda-block-1 form .views-exposed-form #edit-field-date-actu-value-wrapper, 
      #block-views-exp-agenda-block-1 form .views-exposed-form #edit-field-date-actu-value2-wrapper, 
      #block-views-exp-galerie-block-2 form .views-exposed-form label, 
      #block-views-exp-galerie-block-2 form .views-exposed-form .views-widget, 
      #block-views-exp-galerie-block-2 form .views-exposed-form #edit-field-date-actu-value-wrapper, 
      #block-views-exp-galerie-block-2 form .views-exposed-form #edit-field-date-actu-value2-wrapper, 
      #block-views-exp-kiosque-block-1 form .views-exposed-form label, 
      #block-views-exp-kiosque-block-1 form .views-exposed-form .views-widget, 
      #block-views-exp-kiosque-block-1 form .views-exposed-form #edit-field-date-actu-value-wrapper, 
      #block-views-exp-kiosque-block-1 form .views-exposed-form #edit-field-date-actu-value2-wrapper{
        display: block;
        margin: 0;
      }

      #block-views-exp-actualit-s-block-1 form .views-exposed-widget, 
      #block-views-exp-agenda-block-1 form .views-exposed-widget, 
      #block-views-exp-galerie-block-2 form .views-exposed-widget, 
      #block-views-exp-kiosque-block-1 form .views-exposed-widget,
      #views-exposed-form-carte-scolaire-page .views-exposed-widgets{
        padding: 10px 0;
      }

      #block-views-exp-actualit-s-block-1 form .views-exposed-form .views-widget input, 
      #block-views-exp-agenda-block-1 form .views-exposed-form .views-widget input, 
      #block-views-exp-galerie-block-2 form .views-exposed-form .views-widget input, 
      #block-views-exp-kiosque-block-1 form .views-exposed-form .views-widget input{
        display: block;
        width: 100% !important;
      }

      #block-views-exp-actualit-s-block-1 form .views-exposed-form .views-submit-button, 
      #block-views-exp-agenda-block-1 form .views-exposed-form .views-submit-button, 
      #block-views-exp-galerie-block-2 form .views-exposed-form .views-submit-button, 
      #block-views-exp-kiosque-block-1 form .views-exposed-form .views-submit-button,
      #views-exposed-form-plan-interactif-page .views-exposed-form .views-submit-button,
      #views-exposed-form-carte-scolaire-page .views-exposed-form .views-submit-button{
        position: static;
        float: right;
      }

      .not-front .main-container > .row > aside.col-sm-3{
        padding-right: 15px;
      }

      .region-content ul{ padding-left: 0 }

      .page-node-1806 .region-content .block-views .item-list ul,
      .page-node-1799 .region-content .block-views .item-list ul{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 1;
      }

      #block-block-1 h2.block-title .deplie-en-1-clic{
        display: block;
        position: absolute;
        right: 15px;
        top: 4px;
        z-index: 1;
      }

      #block-block-1 h2.block-title .deplie-en-1-clic.no-active:before{
        content: "\25BC";
        display: block;
        width: 35px;
        height: 38px;
        padding-top: 10px;
        background-color: #878786;
        text-align: center;
      }

      #block-block-1 h2.block-title .deplie-en-1-clic.active:before{
        content: "\25B2";
        display: block;
        width: 35px;
        height: 38px;
        padding-top: 10px;
        background-color: #878786;
        text-align: center;
      }

      #block-block-1 ul#ul-en1clic{
        display: none;
        padding: 15px;
      }

      #ul-en1clic {
        padding: 0 20px 0 38px;
        background-color: #ffffff;
      }

      #ul-en1clic li{
        display: inline-block !important;
        position: relative;
        width: 100%;
        height: 90px;
        float: none;
        vertical-align: middle;
        padding: 35px 0 35px 90px !important;
        border-bottom: 1px solid #ededed
      }

      #ul-en1clic li a{
        display: block;
        font-size: 14px;
        text-align: left;
        text-transform: uppercase;
        vertical-align: middle;
      }

      #ul-en1clic li span{
        position: absolute;
        top: 4px;
        left: 0;
        display: inline-block;
      }

      #block-views-zones-contextuelles-block-1 ul li, 
      #block-views-fiches-pratiques-block ul li{
        padding: 8px 0 8px 5px;
      }

      #block-views-nodequeue-5-block-1, 
      #block-webform-client-block-1625, 
      #block-views-fiches-pratiques-block, 
      #block-views-kiosque-block{
        padding-left: 0;
        padding-right: 0
      }

      #block-views-actualit-s-block, 
      #block-views-agenda-block, 
      #block-views-galerie-block-1{
        padding: 15px 0;
      }

      #block-views-agenda-block ul li,
      #block-views-galerie-block-1 ul li{
        padding: 15px 0;
      }

      #block-views-actualit-s-block-1 ul li, 
      #block-views-agenda-block-1 ul li, 
      #block-views-galerie-block-2 ul li, 
      #block-views-associations-block ul li,
      #block-views-kiosque-block-1 ul li{
        padding: 0;
      }

      #block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda{
        width: auto;
      }

      #block-views-agenda-block-1 ul li .wrapper-agenda .title-agenda {
          white-space: normal;
      }

      #block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .date-display-range,
      #block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .views-field-field-theme,
      #block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .views-field-field-th-me-prioritaire{
        float: none;
        width: 100%;
        margin-left: 0;
      }

      #block-views-agenda-block-1 ul li .wrapper-agenda .content-agenda .date-display-single{
        width: 100%;
      }

      #block-views-kiosque-block-1 ul li{
        margin-bottom: 30px;
        background-color: #ffffff
      }

      #block-views-kiosque-block-1 ul li .views-field-field-lien-calameo,
      #block-views-kiosque-block-1 ul li .views-field-field-doc-upload{
        position: static;
        display: inline-block;
        margin-top: 10px;
        margin-left: 10px
      }

      #block-views-galerie-block-1 ul li .video-hover-filter, 
      .page-node-1636 ul li .video-hover-filter{
        display: none;
      }

      #block-views-galerie-block-1 ul li .wrapper-galerie-home .views-field-title, 
      #block-views-zones-contextuelles-block-8 .item-list > ul li .views-field-title,
      #block-views-galerie-block-2 ul li .wrapper-galerie-page .views-field-title{
        padding-top: 15px;
        bottom: -35px;
        height: 90px;
      }

      #block-views-agenda-block .ul-agenda-home li .views-field-nothing .home-info-agenda, 
      #block-views-zones-contextuelles-block-3 .view-zones-contextuelles li .views-field-nothing{
        padding-top: 22px;
        padding-bottom: 20px;
        bottom: -18px;
      }

      .page-node-1799 h3.theme-pratique,
      .page-node-1806 h3.theme-pratique{ 
        padding: 37px 30px 0 90px
      }

      .page-node-1799 h3.theme-pratique > span,
      .page-node-1806 h3.theme-pratique > span{ 
        position: absolute;
        top: 10px;
        left: 0
      }

      table{
        overflow-x: auto;
        display: block;
      }

      .region-sub-footer section{ float: none }

      .region-sub-footer section hr{ width: 100% }

      .rotate-top-footer{
        left: 0;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }

      #block-menu-menu-menu-pied-de-page li{
        width: auto;
        display: inline-block;
        float: left;
      }

    }  
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
      
    }