/**
 * Style for portail
 *
 * HOME
 * Laissez-vous séduire
 * l'avenir se construit
 * Mon Toulon pratique
 * Envie de bouger ?
 * Esprit d'entreprise
 *
 **/
/* Surcharge des panel-separator pour les blocs*/
.center-top .panel-separator {
  display: block;
  float: left;
  padding: 15px;
}
.panel-pane.pane-block.pane-newsletter-all-newsletter-all {
  padding-top: 15px;
  clear: both;
  width: 100%;
}

#block-system-main .panel-pane.pane-block.pane-newsletter-all-newsletter-all h2.pane-title {
  font-weight: normal;
  font-family: 'UbuntuLi','Arial';
  text-shadow: none;
}

.panel-pane.pane-block.pane-newsletter-all-newsletter-all .pane-content {
  border-bottom: 1px dashed #D5D1C8;
  padding-bottom: 10px;
}

.panels-flexible-region-first.panels-flexible-region-last.center .panel-separator {
  float: left;
  display: block;
  padding: 10px
}
/* *** */
.front .panel-pane.pane-block.pane-home-page-blocks-cartes-interactives-id {
  float: left;
  padding-right: 15px;
}
.panel-pane.pane-block.pane-home-page-blocks-webcams-id {
  float: left;
  padding-left: 15px;
}
.panel-display .pane-block h2.pane-title {
  border-bottom: 1px dashed #D5D1C8;
  color: #717171;
  font-family: 'UbuntuLight', 'Arial';
  font-size: 19px;
  margin: 0 0 7px;
  padding: 0 0 5px;
}
.panel-display .block h3 {
  color: #000000;
  font-family: 'UbuntuLight', 'Arial';
  font-size: 16px;
  margin: 1em 0 0;
  padding: 0 0 5px;
}
#main #content .region-content .content .panel-2col-stacked .panel-col-last #qt-portails_01-ui-tabs2 .group-left {
  width: 40%;
  float: left;
}
#main #content .region-content .content .panel-2col-stacked .panel-col-last #qt-portails_01-ui-tabs2 .group-right {
  position: relative;
  width: 48%;
}
#quicktabs-portails_01 .views-view-grid td {
  border-style: none;
  padding-bottom: 10px;
}




.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all a {
  color: #686868;
  font-family: 'UbuntuR', 'Arial';
  font-size: 20px;
  display: block;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  text-shadow: 0 1px 0 #FFFFFF;
}
/* Portail Bloc à onglets */
#quicktabs-portails_01 {
  padding: 0;
  border: none;
  width: 636px;
}
/*#qt-portails_01-ui-tabs1 {
  padding: 11px;
}
#qt-portails_01-ui-tabs2 {
  padding: 12px;
}
#qt-portails_01-ui-tabs4 {
  padding: 11px;
} */
.ui-tabs-panel,
#qt-portails_01-ui-tabs3 { /*correction débordement de l'onglet Agenda du bloc à onglets*/
  overflow: hidden;
}
h2.pane-title, h3.pane-title {
  border-bottom: 1px dashed #D5D1C8;
  color: #717171;
  font-family: 'UbuntuLi','Arial';
  font-size: 19px;
  padding-bottom: 5px;
  padding: 0 0 7px 0;
  margin: 0 0 7px 0;
}

/********************//*
.view-display-id-block_tab_teaser .more-link {
width: 636px;
}*/
/**************** Portail - Home ****************/
.page-home .node-actualites .field-type-image img {
  border: 5px solid #ebebeb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: auto;
}
.page-home .node-dossier .field-type-image img {
  border: 5px solid #ebebeb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: auto;
}
.page-home .node-agenda .field-type-image img {
  border: 5px solid #ebebeb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: auto;
}
.page-home .node-gallery .field-type-image img {
  border: 5px solid #ebebeb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: auto;
}
.page-home .pane-home-page-blocks-mes-demarches-id .mes-demarches {
  margin-top : 0;
}
.ui-tabs-panel.ui-widget-content {
  border: 1px solid #d9d9d9;
  border-radius: 0 !important;
  -webkit-border-radius: 0px !important;
  color: #535353;
  border-top: none;
  padding: 10px;
  background-color: #f9f9f9;
}
.ui-widget-content.ui-tabs {
  border: none;
}
.ui-tabs .ui-tabs-nav li {
  background: url(../images/onglet.png) no-repeat scroll center 0 transparent;
  background-color: #e9e9e9;
  color: #686868;
  font-size: 16px;
  font-weight: normal;
  height: 46px;
  margin: 0 1px;
  text-align: center;
  width: 157px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  border: none;
}
.ui-tabs .ui-tabs-nav li:first-child {
  margin-left: 0;
}
.ui-tabs .ui-tabs-nav li:last-child {
  margin-right: 0;
}
.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li.ui-tabs-selected a {
  color: #000;
  padding: 11px 0 10px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background: none #f9f9f9;
  color: #000;
  margin: 0;
  width: 25%;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
  border-top: 4px solid #55bdc2;
  border-bottom: 1px solid #f9f9f9;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  margin-top: -5px;
}
.ui-tabs .ui-tabs-nav {
  padding: 0;
}
.ui-widget-header {
  background: none;
  color: #686868;
  border: none;
  border-bottom: 1px solid #D9D9D9;
}
.ui-widget-header a {
  color: #686868;
}
/* Onglet page d'accueil */




/** Onglet Dossiers **/
/* Vue Tab Highlight (image + titre à gauche) */

#quicktabs-portails_01 .view-display-id-block_dossier_tab_highlight .group-left {
  float: left;
  width: 330px
}
#quicktabs-portails_01 .node-dossier.view-mode-tab_highlight .group-left .field-name-title h2 {
  font-size: 18px;
  line-height: 18px;
  margin: 0px;
}
#quicktabs-portails_01 .node-dossier.view-mode-tab_highlight .field-name-title a {
  color: #000000;
}

/* Vue Tab Teaser (image + titre + chapeau à droite) */
#quicktabs-portails_01 .view-display-id-block_dossier_tab_highlight .group-right {
  float: left;
  width: 265px;
  margin-left: 15px;
}
#quicktabs-portails_01 .node-dossier.view-mode-tab_teaser .field-name-field-images-principales {
  float: left;
  margin-right: 5px;
  width: 90px;
}
#quicktabs-portails_01 .node-dossier.view-mode-tab_highlight .group-right .field-name-title {
  float: left;
  width: 154px;
}
#quicktabs-portails_01 .node-dossier.view-mode-tab_highlight .group-right .field-name-title a,
#quicktabs-portails_01 .node-dossier.view-mode-tab_highlight .group-right .field-name-title h2 {
  color: #717171;
  font-family: 'UbuntuB';
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
#quicktabs-portails_01 .node-dossier.view-mode-tab_teaser .field-name-field-chapeau {
  color: #717171;
  float: left;
  width: 154px;
  font-family: 'UbuntuLight','arial';
  font-size: 12px;
  margin: 0px;
}
#quicktabs-portails_01 .node-dossier.view-mode-tab_teaser {
  float: left;
}
#quicktabs-portails_01 .view-id-dossier.view-display-id-block_tab_teaser .node-dossier.view-mode-tab_teaser {
  margin-bottom: 5px;
}

/** Onglet Actualités **/
/* Vue Tab-Highlight */
#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-left {
  width: 335px;
  float: left;
}
#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-left .field-name-title .field-item h2 {
  font-size: 18px;
  line-height: 18px;
  margin: 0px;
}
#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-left .field-name-title a {
  color: #000000;
}

#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-right .field-name-field-images-principales {
  width: 90px;
  float: left;
  margin-right: 12px;
}
#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-right {
  width: 265px;
  margin-left: 8px;
  float: left;
}
/* Vue Tab-Teaser */
#quicktabs-portails_01 .view-display-id-b_actu_tabhigh .node-actualites.view-mode-tab_teaser {
  float: left;
}
#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-right .field-name-title {
  float: left;
  width: 150px;
}
#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-right .field-name-title h2 {
  color: #717171;
  font-family: 'UbuntuB';
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-right .field-name-title a {
  color: #717171;
  font-family: 'UbuntuB';
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-right .field-name-field-chapeau {
  float: left;
  width: 150px;
}
#quicktabs-portails_01 .view-id-actualites.view-display-id-b_actu_tabhigh .group-right .field-name-field-chapeau p {
  color: #717171;
  font-family: 'UbuntuLight';
  font-size: 12px;
  /*line-height: 14px;*/
  margin: 0;
}

/** Onglet images **/
.view-display-id-b_galerie_tabhigh .view-content > div:first-child{
  width: 335px;
  float: left;
  margin-left: 0;
}
.view-display-id-b_galerie_tabhigh .view-content > div{
  width: 225px;
  float: left;
  margin-left: 15px;
  background: none;
  margin-bottom: 0;
  padding-bottom: 9px;
}
.view-display-id-b_galerie_tabhigh .links.inline{
  display:none;
}
.view-display-id-b_galerie_tabhigh .view-content a{
  text-decoration: none;
}
.view-display-id-b_galerie_tabhigh .view-content > div:first-child .title-surtitre{
  color: #000000;
  font-size: 18px;
  line-height: 1em;
  font-family: 'UbuntuB';
}
.view-display-id-b_galerie_tabhigh .view-content .title-surtitre{
  color: #717171;
  font-family: 'UbuntuB';
  font-size: 13px;
  line-height: 16px;
}
.view-display-id-b_galerie_tabhigh .view-content .field-name-body p{
  font-family: 'UbuntuLight','arial';
  font-size: 12px;
  color: #717171;
}
.view-display-id-b_galerie_tabhigh .view-content > div:first-child .field-name-body p{
  color: #4f4f4f;
  font-size: 13px;
}

/** Onglet Agendas **/
/* Vue Tab HighLight*/
#quicktabs-portails_01 .view-display-id-block_evenements_onglet_home_page .views-row {
  padding: 0px;
  margin: 0px;
}
#quicktabs-portails_01 .view-display-id-block_evenements_onglet_home_page .views-row-first {
  width: 330px;
  float: left;
}
#quicktabs-portails_01 .view-display-id-block_evenements_onglet_home_page .views-row-first .view-mode-tab_highlight .field-name-title h2 {
  margin: 0px;
}
#quicktabs-portails_01 .view-display-id-block_evenements_onglet_home_page .views-row-first .field-name-title a {
  color: #000000;
  font-size: 18px;
  line-height: 18px;
  font-family: 'UbuntuB';
}
/* Vue Tab Teaser */
#quicktabs-portails_01 .view-display-id-block_evenements_onglet_home_page .views-row {
  background: none repeat scroll 0 0 transparent;
  width: 269px;
  float: left;
}
#quicktabs-portails_01 .view-display-id-block_evenements_onglet_home_page .views-row-1 {
  margin: 0px;
  background: none repeat scroll 0 0 transparent;
  width: 345px;
}
#quicktabs-portails_01 .view-display-id-block_evenements_onglet_home_page .node-agenda.view-mode-tab_teaser {
  float: left;
  width: 100%;
  padding-bottom: 3px 0 3px 10px;
}

#quicktabs-portails_01 .view-mode-tab_teaser .group-left {
  float: left;
  width: 100px;
  margin-right: 12px;
  margin-left: 12px;
}
#quicktabs-portails_01 .node-agenda.view-mode-tab_teaser .group-right {
  float: left;
  width: 145px;
}
#quicktabs-portails_01 .node-evenement.view-mode-tab_teaser .group-right {
  float: left;
  width: 155px;
}
#quicktabs-portails_01 .node-agenda.view-mode-tab_teaser .group-right .field-name-title h2 {
  color: #717171;
  font-family: 'UbuntuB';
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
#quicktabs-portails_01 .node-evenement.view-mode-tab_teaser .group-right .field-name-title h2 {
  color: #717171;
  font-family: 'UbuntuB';
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
#quicktabs-portails_01 .node-evenement.view-mode-tab_teaser .group-right .field-name-title a {
  color: #717171;
  font-family: 'UbuntuB';
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
#quicktabs-portails_01 .node-agenda.view-mode-tab_teaser .group-right .field-name-title a {
  color: #717171;
  font-family: 'UbuntuB';
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
#quicktabs-portails_01 .node-agenda.view-mode-tab_teaser .group-right .field-name-field-chapeau {
  margin: 0px;
}
#quicktabs-portails_01 .node-evenement.view-mode-tab_teaser .group-right .field-name-field-chapeau {
  margin: 0px;
}

#quicktabs-portails_01 .node-agenda.view-mode-tab_teaser .group-right .field-name-field-chapeau .field-item {
  color: #717171;
  font-family: 'UbuntuLight';
  font-size: 12px;
  margin: 0;
}
#quicktabs-portails_01 .node-evenement.view-mode-tab_teaser .group-right .field-name-field-chapeau .field-item {
  font-size: 12px;
}
/* Onglet En images */
/* Vue Highlight */
#quicktabs-portails_01 .view-id-galeries.view-display-id-b_galerie_tabhigh h2 {
  font-size: 18px;
  line-height: 18px;
  margin: 0px;
}
#quicktabs-portails_01 .view-id-galeries.view-display-id-b_galerie_tabhigh .group-left {
  width: 330px;
  float: left;
}

/* vue Teaser */
#quicktabs-portails_01 .view-id-galeries.view-display-id-b_galerie_tabhigh .group-right {
  width: 265px;
  margin-left: 17px;
  float: left;
}
#quicktabs-portails_01 .view-id-galeries.view-display-id-block_4 .field-name-field-images-principales {
  float: left;
  margin-right: 12px;
}
#quicktabs-portails_01 .view-id-galeries.view-display-id-block_4 table {
  width: 100%;
}
#quicktabs-portails_01 .view-id-galeries.view-display-id-block_4 .col-1 {
  padding-bottom: 10px;
}
#quicktabs-portails_01 .view-id-galeries.view-display-id-block_4 .field-name-title h2 {
  color: #717171;
  font-family: 'UbuntuB';
  float: left;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  width: 145px;
}
#quicktabs-portails_01 .view-id-galeries.view-display-id-block_4 .field-name-body p {
  float: left;
  width: 145px;
  font-family: 'UbuntuLight','arial';
  font-size: 12px;
  margin: 0px;
}

/** Suivez Nous**/
/****************** Bloc facebook ******************/
.pane-facebook-block-facebook-block {
  width: 33%;
}
/****************** block twitter ****************/
.pane-ft-service-links-suivez-nous-block .last-message-text,
.pane-ft-service-links-suivez-nous-block .twitter_block_user {
  font-size: 15px;
}
.pane-ft-service-links-suivez-nous-block .block-twitter-block .last-message-text {
  margin: 0;
}
.pane-ft-service-links-suivez-nous-block .block-twitter-block iframe {
  max-height: 125px;
}
.pane-ft-service-links-suivez-nous-block .block-facebook-block .last-message-text {
  margin-bottom: 10px;
}
.pane-ft-service-links-suivez-nous-block .block-twitter-block h2 {
  display: none;
}
.pane-ft-service-links-suivez-nous-block .block-facebook-block,
.pane-ft-service-links-suivez-nous-block .block-twitter-block {
  display: inline-block;
  zoom: 1;
  border-bottom: 1px dashed #D5D1C8;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: 100%;
}
body .pane-ft-service-links-suivez-nous-block .block-twitter-block {
  padding-bottom: 0;
}
.pane-ft-service-links-suivez-nous-block .facebook-status-text-and-post-date {
  width: 73%;
  font-size: 12px;
}

.pane-ft-service-links-suivez-nous-block .likes-number {
  font-size: 12px;
}
.pane-ft-service-links-suivez-nous-block .twitter_block.tweet_followers div strong {
  font-size: 12px;
}
.pane-ft-service-links-suivez-nous-block .facebook-block-info,
.pane-ft-service-links-suivez-nous-block .twitter_block.tweet_followers div {
  font-size: 9px;
}
.block-twitter-block .tweet_text {
  font-size: 12px;
}
.twitter_block.tweet_followers strong {
  color: #000;
}
.twitter_block.tweet_followers {
  width: 30%;
  float: left;
  text-align: center;
  color: #717171;
  font-family: 'Arial';
  font-size: 12px;
}
.twitter_block.tweet {
  width: 65%;
  float: left;
}
.twitter_block.tweet .twitter_block_user {
  color: #717171;
  font-family: 'UbuntuB';
  font-size: 15px;
  margin-bottom: 5px;
}
.twitter_block.tweet .tweet-creation-date {
  color: #717171;
  font-family: 'Arial';
  font-size: 12px;
  font-style: italic;
}

/**************** Dossier - Portail esprit-entreprise ****************/
.pane-dossier {
  width: 639px;
}
.pane-dossier .view-id-dossier {
  border: 1px solid #d9d9d9;
}
.pane-dossier .view-id-dossier .view-content {
  border: 1px solid #fdfdfd;
  padding: 8px;
  background-color: #f9f9f9;
}
.pane-dossier .view-id-dossier .view-content table tbody tr td,
.pane-dossier .view-id-actus_3 .view-content table tbody tr td,
.pane-dossier .pane-evenements .view-content table tbody tr td {
  border: none;
  vertical-align: top;
}
.pane-dossier .view-id-dossier .view-content .col-2 .node-dossier {
  margin-left: 7px;
}
.pane-dossier .view-id-dossier .view-content .node-dossier .field-type-image img {
  width: 300px;
  height: auto;
  border: 1px solid #FFF;
  display: block;
}
.pane-dossier .view-id-dossier .view-content .node-dossier .field-type-image a {
  border: 1px solid #d9d9d9;
  display: inline-block;
  zoom: 1;
  width:100%;
}
.pane-dossier .view-id-dossier .view-content .node-dossier .field-name-title a,#uniform-edit-jump span
.pane-dossier .view-id-dossier .view-content .node-dossier .field-name-title h3 {
  color: #2f6cad;
  text-decoration: none;
  font-size: 16px;
  font-family: 'UbuntuB', Arial;
}
.pane-dossier .view-id-dossier .view-content .node-dossier .field-name-title h3 {
  margin: 5px 0 3px;
}
.pane-dossier .view-id-dossier .view-content .node-dossier .field-name-field-chapeau {
  color: #000000;
  font-size: 12px;
  font-family: Arial;
}
/******Actu - Portail esprit entreprise*******/
.page-esprit-entreprise .pane-actus-3 {
  width: 304px;
  float: left;
}
.page-esprit-entreprise .pane-actus-3 .col-first {
  border: none;
}
.pane-actus-3 .field-type-image img {
  height: auto;
  display: block;
}
.pane-actus-3 .field-type-image a {
  background: none repeat scroll 0 0 #D7D7D7;
  border: 4px solid #EBEBEB;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  zoom: 1;
  box-sizing: border-box;
}
.field-name-title h4,
.field-name-field-chapeau p,
.group-right .field.field-name-field-chapeau .field-items {
  margin: 0;
}
.field-name-title h4 a {
  text-decoration: none;
}
.field-name-title h4,
.field-name-title h4 a,
.field-name-field-chapeau p {
  color: #535353;
  font-size: 12px;
  font-family: arial;
}
.field-name-field-chapeau p {
  line-height: 14px;
}
.view-id-actus_3 .view-content table tbody tr td {
  padding-bottom: 9px;
}
.page-esprit-entreprise  .pane-evenements {
  width: 641px;
  float: left;
  margin-left: 24px;
}
/***********AGENDA - EVENEMENTS*************/
.views-row .node-agenda.view-mode-tab_highlight {
  padding: 2px 0 0 5px;
}
.view-id-evenements table tbody tr td {
  /*width: 147px;*/
  /*padding-left: 17px;*/
}
.view-id-evenements table tbody tr td.col-first {
  padding-left: 0;
}
.page-esprit-entreprise .view-id-evenements .field-type-image {
  /*width: 147px;
  height: 147px;*/
  margin-bottom: 5px;
}
.page-esprit-entreprise .view-id-evenements .field-type-image img {
  /*width: 137px;*/
}
.page-esprit-entreprise .view-id-evenements .field-type-image img {
  height: auto;
  display: block;
  background: none repeat scroll 0 0 #D7D7D7;
  border: 4px solid #EBEBEB;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.page-esprit-entreprise .view-id-evenements .field-type-image a {
  display: block;
  padding: 1px;
  /* width: 137px;*/
}
.node-agenda .field-name-field-categorie ul,
.node-agenda .field-name-field-thematique ul {
  margin: 0;
  list-style: none;
}
.node-agenda .field-name-field-categorie ul li,
.node-agenda .field-name-field-thematique ul li {
  margin: 0;
}
.node-agenda .field-name-field-categorie span,
.node-agenda .field-name-field-thematique a {
  text-decoration: none;
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
}
.node-agenda .field-name-field-date {
  color: #6d6d6c;
  font-size: 13px;
  font-family: Arial;
}
.node-agenda .field-name-title,
.node-agenda .field-name-field-date,
.node-agenda .field-name-field-categorie,
.node-agenda .field-name-field-thematique
 {
  margin-left: 0px;
}
.node-evenement .field-name-title .field-items a,
.node-evenement .field-name-title h2,
.node-evenement .field-name-title h2 a,
.node-agenda .field-name-title .field-items a,
.node-agenda .field-name-title h2,
.node-agenda .field-name-title h2 a {
  color: #000000;
  font-size: 13px;
  font-family: Arial;
  line-height: 14px;
}

/******Agenda - Portail envie bouger*******/
.page-envie-bouger .pane-evenements,.pane-agenda {
  overflow: hidden;
  padding-top: 15px;
  width: 636px;
}
.view-display-id-attachment_agenda_condensed_highlight_ss_img .view-content .field-name-field-thematique {
  font-weight: bold;
}
/* .view-agenda.view-id-agenda.view-display-id-block_agenda_condensed_highlight .view-content,
.view-agenda.view-id-agenda.view-display-id-block_agenda_condensed_highlight .attachment.attachment-after {
  overflow: hidden;
} */
.view-agenda.view-id-agenda.view-display-id-block_agenda_condensed_highlight {
  overflow: hidden;
}
.view-agenda.view-id-agenda.view-display-id-block_agenda_condensed_highlight .more-link {
  clear: both;
}
/*.pane-agenda .view-id-agenda table.views-view-grid {*/
  /*width: 317px;*/
  /*float: left;*/
/*}*/
.pane-agenda .view-id-agenda table.views-view-grid td {
  border: none;
  vertical-align: top;
}
.pane-agenda .view-id-agenda table.views-view-grid td.col-last {
  padding-left: 10px;
}
.pane-agenda .view-id-agenda .field-type-image {
  /*height: 115px;*/
  margin-bottom: 5px;
}
.pane-agenda .view-id-agenda .field-type-image img {
  height: auto;
  display: block;
  background: none repeat scroll 0 0 #D7D7D7;
  border: 4px solid #EBEBEB;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.pane-agenda .view-id-agenda .field-type-image a {
  display: block;
  padding: 1px;
  width: 153px;
}
.page-envie-bouger .pane-agenda .view-id-agenda .field-name-title h2 {
  margin: 0 0 20px;
}
.page-envie-bouger .panel-2col-stacked .pane-evenements + .panel-separator,
.page-envie-bouger .panel-2col-stacked .pane-agenda + .panel-separator {
  margin: 0;
}
.page-envie-bouger .pane-agenda .view-display-id-attachment_agenda_condensed_highlight_ss_img {
  margin: 0 0 0 20px;
}
.page-envie-bouger .pane-agenda .view-display-id-attachment_agenda_condensed_highlight_ss_img .views-row {
  background: none;
  font-family: arial;
  list-style: none outside none;
  margin-bottom: 5px;
  padding: 0 0 9px;
  border-bottom: 1px dashed #d5d1c8;
}

.page-envie-bouger .view-id-bougez_plus {
}

.page-envie-bouger .view-id-bougez_plus table {
  border-collapse: separate;
  border-spacing: 10px;
  border: 1px solid #CCC;
}

.page-envie-bouger .view-id-bougez_plus .view-content td,
.page-envie-bouger .view-id-bougez_plus .view-content .views-field-nothing {
  border: none;
  position: relative;
}

.page-envie-bouger .view-id-bougez_plus .view-content td .views-field-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
}

.page-envie-bouger .view-id-bougez_plus .view-content td .views-field-title .field-content {
  padding: 10px 5px;
  display: block;

  z-index: 2;
  width: 100%;
  box-sizing: border-box;
}
.page-envie-bouger .view-id-bougez_plus .view-content td .views-field-title .field-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #353535;
  opacity: 0.7;
}
.page-envie-bouger .view-id-bougez_plus .view-content td .views-field-field-images-principales .field-content img{
  width: 100%;
}

.page-envie-bouger .view-id-bougez_plus .view-content td .views-field-title a {
  padding-right: 30px;
  background: url("../images/all-icones/album.png") no-repeat 95%;
  color: white;
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-family: 'UbuntuB', 'Arial';
  text-decoration: none;
  text-align: right;
  position: relative;
}

.page-envie-bouger .node-evenement .field-name-title .field-items a,
.page-envie-bouger .node-agenda .field-name-title .field-items a{
  text-decoration: none;
}

/*************************Agenda View mode full******************************/
.node-evenement.view-mode-full .group-left .field-name-title h2,
.node-agenda.view-mode-full .group-left .field-name-title h2,
.node-evenement.view-mode-full .group-left .field-name-title h3,
.node-agenda.view-mode-full .group-left .field-name-title h3 {
  color: #000000;
  font-family: 'UbuntuB','Arial';
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  margin: 0 0 28px;
}
.node-agenda.view-mode-full .group-left .field-name-field-date {
  background: #f7f7f7;
  border: 1px solid #b2b2b2;
  padding: 10px;
}
/******Balades toulonnaises*******/

.pane-balades .pane-content .views-row .field-type-image {
  /*height: 90px;*/
}
/* .view-display-id-block_balades .more-link {
  width: 101%;
  position: relative;
  bottom: -25px;
  left: -2px;
} */
.field-name-field-type-de-balade .field-item {
  color: #165aa2;
  font-size: 14px;
  padding-top: 40px;
  background: url(../images/arrow_gris_.png) no-repeat scroll center 8px transparent;
  text-align: center;
  font-weight: bold;
}
.page-envie-bouger .view-evenements .field-name-field-images-principales {
  height: auto;
  width: 432px;
  float: left;
  margin: 0;
}

.page-envie-bouger .view-evenements .field-name-field-images-principales img {
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  display: block;
}
.page-envie-bouger .pane-evenements .views-row {
  padding: 0;
  border: 4px solid #ebebeb;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 20px;
}
.page-envie-bouger .view-evenements .node-evenement .field-name-field-categorie {
  padding-top: 9px;
}
.page-envie-bouger .view-evenements .node-evenement .field-name-title {
  padding-bottom: 9px;
}
.page-envie-bouger .view-evenements .node-evenement .field-name-field-categorie,
.page-envie-bouger .view-evenements .node-evenement .field-name-field-date,
.page-envie-bouger .view-evenements .node-evenement .field-name-title {
  width: 160px;
  float: left;
  padding-left: 25px;
  padding-right: 9px;
}
.page-envie-bouger .view-evenements .node-evenement {
  overflow: hidden;
  border: 1px solid #d7d7d7;
}
.avenir-top .pane-views-exp-search-all-page {
  float: right;
}


.panels-flexible-region.avenir-top {
  background: url("../images/acc-top-sep.png") no-repeat scroll 50% 95% transparent
}
.panels-flexible-region.avenir-top #myImageFlow{
  /*height: 410px !important;*/
}
/******Les grandes realisations*******/
#realisation-jump-menu .pane-content{
  background: url("../images/top-box-region-bg.png") repeat-x scroll 0 0 #F9F9F9;
  border: 1px solid #d9d9d9;
  padding: 45px 10px 12px;
  box-sizing: border-box;
}
#realisation-jump-menu h2.pane-title {
  color: #545353;
  font-family: UbuntuB;
  font-weight: normal;
  font-size: 19px;
  margin-bottom: 0;
  text-shadow: 1px 1px 1px white;
  border: 0;
  position: absolute;
  left: 25px;
  top: 30px;
  z-index: 1;
}
#realisation-jump-menu form {
  border: none 0px white;
  background: none;
}

#realisation-jump-menu .form-item-jump{
  display: block;
}
#uniform-edit-jump {
  width: 100%;
  position: relative;
  height: auto;
  padding: 0;
  line-height: normal;
}
#uniform-edit-jump select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 5px;
  top: 0;
}
#uniform-edit-jump span {
  /*background: url("../images/barre-realisations.png") no-repeat top left transparent;*/
  background-color: #fff;
  line-height: 1em;
  height: auto;
  padding: 9px 6px;
  border: solid 4px #ebebeb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#uniform-edit-jump span:after {
  border: 1px solid #d7d7d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

  content: "";
  position: absolute;

  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;

  width: auto;
  height: auto;
}

#realisation-jump-menu form .form-item {
  margin: 0;
}

#views-exposed-form-realisation-page-listing-realisation {
  background: url("../images/top-box-region-bg.png") repeat-x scroll 0 0 #F9F9F9;
  border: 1px solid #D9D9D9;
  float: right;
  height: 98px;
  width: 305px;
}
#views-exposed-form-realisation-page-listing-realisation div.views-exposed-form {
  position: relative;
  border: 1px solid #FDFDFD;
  height: 98px;
}
#views-exposed-form-realisation-page-listing-realisation div.views-exposed-form div.views-widget-filter-field_thematique_tid {
  position: absolute;
  top: 10px;
  left: 10px;
}
/*
 Removed by GBEC 20130221 not used anymore was for realisation filter in the portail avenir ?
.views-widget-filter-field_thematique_tid label[for="edit-field-thematique-tid"] {
  color: #545353;
  font-family: UbuntuB;
  font-size: 19px;
  margin-bottom: 2px;
  text-shadow: 1px 1px 1px #FFFFFF;
}
.form-item-field-thematique-tid {
  border: 4px solid #EBEBEB;
  border-radius: 5px 5px 5px 5px;
  width: 205px;
}
.form-item-field-thematique-tid select[name="field_thematique_tid"] {
  border: 1px solid #D7D7D7;
  color: #545353;
  height: 30px;
  padding: 5px;
  width: 100%;
}
*/
#views-exposed-form-realisation-page-listing-realisation div.views-exposed-form div.views-submit-button {
  position: absolute;
  top: 0px;
  left: 232px;
  margin: 0 0 0 10px !important;
}
#views-exposed-form-realisation-page-listing-realisation .views-submit-button input[type="submit"] {
  background: url("../images/puce03.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  cursor: pointer;
  height: 40px;
  margin: 35px 0 0 !important;
  text-indent: -9999px;
  width: 40px;
}
/******Suivez-nous*******/
.pane-home-page-blocks-suivez-nous-id {
  border: none;
  margin: 0 0 10px;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.pane-home-page-blocks-suivez-nous-id .pane-content {
  border: none !important;
}
.pane-home-page-blocks-suivez-nous-id .suivez-nous .suivez-nous-block-title,
.pane-home-page-blocks-suivez-nous-mini-id .suivez-nous .suivez-nous-block-title {
  border-bottom: 1px dashed #D5D1C8;
  color: #717171;
  display: block;
  font-family: 'UbuntuLi', 'Arial';
  font-size: 19px;
  margin: 0 0 0.4em;
  padding: 0 0 5px;
}
#suivez-nous-mini.pane-home-page-blocks-suivez-nous-id .suivez-nous a,
#suivez-nous-mini.pane-home-page-blocks-suivez-nous-mini-id .suivez-nous a  {
  margin: 0;
  float: left;
}
.pane-home-page-blocks-suivez-nous-id .suivez-nous a,
.pane-home-page-blocks-suivez-nous-mini-id .suivez-nous a {
  /*margin: 0 3.5% 0 0;*/
  float: left;
  width: 16%;
}
.pane-home-page-blocks-suivez-nous-id .suivez-nous a img,
.pane-home-page-blocks-suivez-nous-mini-id .suivez-nous a img {
  width: 33px;
  height: 33px;
}
.page-webcams .pane-home-page-blocks-suivez-nous-mini-id .suivez-nous a,
.page-recherche .pane-home-page-blocks-suivez-nous-mini-id .suivez-nous a{
  margin: 0 1.5% 0 0;
}
/******Toulon à coeur*******/
.pane-temoignages .view-display-id-block_temoignage {
  background: #F9F9F9;
}
.pane-temoignages .view-display-id-block_temoignage .view-content {
  min-height: 168px;
}
.inside.panels-flexible-row-inside.panels-flexible-row-2-main-row-inside .pane-temoignages {
  width: 306px;
  float: left;
}
.view-display-id-block_temoignage {
  width: 306px;
  background: #f9f9f9;
  padding: 0;
}
.view-display-id-block_temoignage .views-row {
  background: none;
  font-family: arial;
  list-style: none outside none;
  margin: 0 0 1px;
  padding: 0px;
  border: 1px solid #d9d9d9;
}
.view-display-id-block_temoignage .node-temoignage {
  background: none;
  font-family: arial;
  list-style: none outside none;
  margin: 0;
  padding: 9px;
  border: 1px solid #fff;
}
.view-display-id-block_temoignage .group-header {
  margin: 10px 15px;
}
.view-display-id-block_temoignage .group-header .field-name-field-citation {
  background: url("../images/citation-left.png") no-repeat scroll left top, url("../images/citation-right.png") no-repeat scroll right bottom transparent;
  color: #686868;
  font-family: 'UbuntuLi', 'Arial';
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  padding: 4px 45px;
  text-align: center;
}
.view-display-id-block_temoignage .group-header .field-name-field-citation p {
  margin: 0;
}
.view-display-id-block_temoignage .group-left {
  width: 80px !important;
  margin: 0 5px 11px 11px !important;
}
.view-display-id-block_temoignage .group-right .field-name-title h2 {
  color: #165aa2;
  font-family: 'UbuntuB','Arial';
  font-size: 17px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  margin: 0;
}
.view-display-id-block_temoignage .group-right .field-name-title h2 a {
  color: #165aa2;
}
.view-display-id-block_temoignage .group-right .field-name-field-fonction .field-items {
  color: #165aa2 !important;
  font-family: 'UbuntuRi','Arial';
  font-size: 13px !important;
  font-style: normal;
  font-weight: normal;
  margin: 0 10px 10px;
}
/* .inside.panels-flexible-row-inside.panels-flexible-row-2-main-row-inside .pane-temoignages .more-link {
  background: url("../images/see-all-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #D9D9D9;
    font-size: 12px;
    padding: 0 13px;
  text-align: left;
  float: none;
} */
/******Figures de proue*******/
.pane-figure-de-proue {
  width: 306px;
  float: left;
}
.pane-figure-de-proue .pane-content .view-id-pane-figure-de-proue {
  width: 306px;
  background: #f9f9f9;
  padding: 0;
}
.pane-figure-de-proue .pane-content .view-id-pane-figure-de-proue .view-content {
  min-height: 168px;
}
.pane-figure-de-proue .pane-content .views-row {
  background: none;
  font-family: arial;
  list-style: none outside none;
  margin: 0 0 1px;
  padding: 0px;
  border: 1px solid #d9d9d9;
}
.pane-figure-de-proue .pane-content .views-row .node-figure-de-proue {
  position: relative;
  background: #f9f9f9;
  font-family: arial;
  list-style: none outside none;
  margin: 0;
  padding: 4px;
  border: 1px solid #fff;
}
.pane-figure-de-proue .pane-content .views-row .field-name-title {
  border: medium none !important;
  left: 20px;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 110px;
  z-index: 2;
}
.pane-figure-de-proue .pane-content .views-row .field-name-title .field-items h2 {
  color: #FFFFFF;
  font-family: 'UbuntuB','Arial';
  font-size: 30px;
  font-weight: bold;
}
/* .pane-figure-de-proue .more-link {
  background: url("../images/see-all-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #D9D9D9;
    font-size: 12px;
    padding: 0 13px;
  text-align: left;
  float: none;
} */
/******Memoire de ville*******/
.pane-memoire-de-ville {
  float: left;
}
.pane-memoire-de-ville .pane-content .view-id-pane-memoire-de-ville {
  width: 306px;
  background: #f9f9f9;
  padding: 0;
}
.pane-memoire-de-ville .pane-content .views-row {
  background: none;
  font-family: arial;
  list-style: none outside none;
  margin: 0 0 1px;
  padding: 0px;
  border: 1px solid #d9d9d9;
}
.pane-memoire-de-ville .pane-content .views-row .node-memoire-de-ville {
  position: relative;
  background: #f9f9f9;
  font-family: arial;
  list-style: none outside none;
  margin: 0;
  padding: 4px;
  border: 1px solid #fff;
}
.pane-memoire-de-ville .pane-content .views-row .field-name-title {
  border: medium none !important;
  margin: 0 !important;
  padding: 10px !important;
  position: absolute;
  top: 100px;
  z-index: 2;
}
.pane-memoire-de-ville .pane-content .views-row .field-name-title .field-items h2 {
  color: #FFFFFF;
  font-family: 'UbuntuB','Arial';
  font-size: 1.0em;
  margin: 1em 0 0.5em;
}
.pane-memoire-de-ville .pane-content .views-row .field-name-title .field-items h2 a {
  font-family: 'UbuntuB','Arial';
  font-size: 1.0em;
  color: #fff;
}
/* .pane-memoire-de-ville .more-link {
  background: url("../images/see-all-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #D9D9D9;
    font-size: 12px;
    padding: 0 13px;
  text-align: left;
  float: none;
} */
/******temoignage en long - Portail Avenir*******/
.panels-flexible-region-inside .pane-temoignages {
  overflow: hidden;
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-display-id-block_temoignage_en_long {
  width: 100%;
  background: transparent;
  padding: 0;
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-display-id-block_temoignage_en_long .views-row {
  background: transparent;
  font-family: arial;
  list-style: none outside none;
  margin: 0 0 1px;
  padding: 0px;
  border: none;
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-display-id-block_temoignage_en_long .views-row .node-temoignage {
  background: transparent;
  font-family: arial;
  list-style: none outside none;
  margin: 0;
  padding: 9px;
  border: none;
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-display-id-block_temoignage_en_long .group-left .field-name-field-citation {
  background: url("../images/citation-left.png") no-repeat scroll left top, url("../images/citation-right.png") no-repeat scroll right bottom transparent;
  color: #686868;
  font-family: 'UbuntuLi', 'Arial';
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  padding: 1px 45px;
  text-align: center;
}

.page-avenir-se-construit .panels-flexible-region-inside .pane-temoignages .pane-content .view-display-id-block_temoignage_en_long .group-left .field-name-field-citation {
  text-align: left;
}

.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-left .field-name-field-citation p {
  margin: 0;
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-left {
  /* margin: 0 0 0 80px; */
  width: 70%;
}

.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-left .field {
  margin-left: 80px;
  padding-top: 20px;
}

.page-avenir-se-construit .panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-left .field {
  margin-left: 20px;
}

.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-right {
  width: 30%;
  /* float: left; */
  /* margin-left: 40px; */
  text-align: right;
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-right .field-name-title h2 {
  color: #165aa2;
  font-family: 'UbuntuB','Arial';
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  margin: 0;
}

.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-right .field {
  padding-right: 15%;
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-right .field-name-field-images-principales {
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-right .field-name-title h2 a {
  color: #165aa2;
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-right .field-name-field-fonction .field-items {
  color: #165aa2;
}
.panels-flexible-region-inside .pane-temoignages .pane-content .view-id-temoignages.view-display-id-block_temoignage_en_long .group-right .field-name-node-link a {
  text-decoration: none;
  color: #717171;
  background: url("../images/arrow-left-sub-menu.png") no-repeat scroll 0 2px transparent;
  padding-left: 10px;
}
/* .panels-flexible-region-inside .pane-temoignages .more-link {
  background: url("../images/see-all-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #D9D9D9;
    font-size: 12px;
    padding: 0 13px;
  text-align: left;
} */
/******Infos flash - Portail Toulon pratique*******/
/* Onglet Comment faire si*/
#qt-quicktab_comment_faire_si-ui-tabs1 {
  overflow: hidden;
}
/** TODO CORRECTION THEMING suppression de .panel-2col-stacked */
.view-display-id-b_actu_condh .view-content {
  overflow: hidden;
}
.pane-infos-flash .pane-content .view-id-infos_flash {
  width: 100%;
  background: #f9f9f9;
  padding: 0;
}
.pane-infos-flash .pane-content .views-row {
  background: none;
  font-family: arial;
  list-style: none outside none;
  margin: 0 0 1px;
  padding: 0px;
  border: 1px solid #d9d9d9;
}
.pane-infos-flash .pane-content .views-row .node-info-flash {
  position: relative;
  background: #f9f9f9;
  font-family: arial;
  list-style: none outside none;
  margin: 0;
  padding: 10px;
  border: 1px solid #fff;
}
.pane-infos-flash .views-row .field-type-image {
  /*border: 1px solid #d9d9d9;*/
  /*text-align: center;*/
}
.pane-infos-flash .views-row .field-type-image .field-item img {
  height: auto;
  border: 1px solid #ffffff;
  display: block;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}
.pane-infos-flash .views-row .field-name-field-date-de-publication {
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0 0;
  padding: 0 5px;
}
.pane-infos-flash .views-row .field-name-title h2 {
  color: #000000;
  font-family: 'UbuntuB','Arial';
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  margin: 23px 0 4px;
  padding: 0 5px;
}
.pane-infos-flash .views-row .field-name-body p {
  font-size: 12px;
  margin: 5px 0 0;
  padding: 0 5px;
}
/* TODO: CORRECTION THEMING Suppression .panel-2col-stacked*/
/******Publications - Portail Toulon pratique*******/
.pane-toutes-les-publications{
  float:left;
  /* Correction theming : 15px créait un décalage dans le portail jeune*/
  padding-top: 0px;
}
.pane-toutes-les-publications .pane-content .toutes_les_publications {
  width: 306px;
  background: #f9f9f9;
  padding: 0;
}
.pane-toutes-les-publications .pane-content .views-row {
  background: none;
  font-family: arial;
  list-style: none outside none;
  margin: 0 0 1px;
  padding: 0px;
  border: 1px solid #d9d9d9;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication {
  position: relative;
  background: #f9f9f9;
  font-family: arial;
  list-style: none outside none;
  margin: 0;
  padding: 5px;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication .group-left {
  width: 49%;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication .group-left .field-type-image {
  border: none;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication .group-right {
  width: 49%;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication .group-right .field-name-title h3 {
  /*background: url("../images/puce03.png") no-repeat scroll 0 -46px transparent;
  margin: 30px 0 0;
  padding: 50px 0 0;*/
  color: #00519e;
  float: left;
  font-family: 'Arial';
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication .group-right .field-name-title h3 a {
  color: #00519e;
  text-decoration: none;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication .group-right .field-name-field-numero-de-publication .field-item {
  color: #6d6d6c;
  font-family: 'Arial';
  font-size: 18pt;
  font-style: normal;
  font-weight: normal;
  margin: 8px 0 0 0;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication .group-right .field-name-field-periode-de-publication .field-item {
  color: #6d6d6c;
  font-family: 'Arial';
  font-size: 12pt;
  font-style: normal;
  font-weight: normal;
  margin: 0;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication .group-right .field-name-field-publication-feuilleter a {
  background: url("../images/feuilleter.png") no-repeat scroll 0 0 transparent;
  color: #0075B6;
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;
  margin: 5px 0;
  padding: 0 0 0 25px;
  text-decoration: none;
}
.pane-toutes-les-publications .pane-content .views-row .node-publication .group-right .field-name-field-fichier a {
  background: url("../images/telecharger.png") no-repeat scroll 0 0 transparent;
  color: #0075B6;
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;
  margin: 5px 0;
  padding: 0 0 0 25px;
  text-decoration: none;
}
/* .pane-toutes-les-publications .more-link {
  background: url("../images/see-all-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #D9D9D9;
    font-size: 12px;
    padding: 0 13px;
  text-align: left;
  width: 278px;
} */

/* Toulon Pratique */
/* Actualités */
.node-actualites .view-mode-condensed_teaser {
  margin: 0 0 0 9px;
}

.view-display-id-b_actu_condh .node-actualites.view-mode-condensed_highlight a {
  color: #000000;
  font-size: 18px;
}
/* Laissez vous séduire */
/* Bloc agenda 6 */
/* .view-display-id-block_evenements_6_en_ligne .more-link {
  float: left;
  padding: 0 4px;
  width: 99%;
} */
/* Mise en page du bloc Balades vis à vis du bloc Suivez nous et Newsletter */
.pane-views.pane-balades {
  /*   padding-left: 22px; */
}
.pane-views.pane-balades h2 {
  /*   padding-top: 25px; */
}
/** PAGE WEBCAM **/

body.page-webcams #main-wrapper #logo img {
  margin-left: 12px;
  margin-top: -10px;
  position: absolute;
  z-index: 100;
}
body.page-webcams .panels-flexible-region-11-center {
  margin-left: 224px;
}

.page-webcams .left-center .pane-balades {
  width: 100%;
  min-height: 190px;
}
.page-webcams .left-center .pane-balades .pane-content {
  width: 100%;
}
.page-webcams .pane-balades .pane-content .view-id-balades .view-content {
  padding: 10px 0 10px 3px;
  width: auto;
  min-height: auto;
}
.page-webcams .left-center .pane-balades .pane-content .views-row {
  width: 28%;
  margin: 4px;
}
.page-webcams .left-center .pane-balades .pane-content .views-row .field-type-image img {
  width: 40px;
}
.page-webcams .left-center .pane-balades .pane-content .views-row .field-name-field-type-de-balade .field-item {
  font-size: 10px;
}
/* VISITES VIRTUELLES */
.page-webcams .pane-views.pane-visites-virtuelle {
  clear: both;
}



/*********************************************************
 ****              Patches page-webcam                ****
 *********************************************************/
/* Modifications du positionnement du logo */
.page-famille .pane-ft-commons-logo-portails,
.page-association .pane-ft-commons-logo-portails {
  position: absolute;
  top: 235px;
  padding-left: 20px;
}
body[class*='page-secteur'] .pane-ft-commons-logo-portails,
.page-senior .pane-ft-commons-logo-portails,
.page-touriste .pane-ft-commons-logo-portails,
.page-entrepreneur .pane-ft-commons-logo-portails,
.page-etudiant .pane-ft-commons-logo-portails,
.page-handicap .pane-ft-commons-logo-portails,
.page-arrivant .pane-ft-commons-logo-portails,
.page-jeune .pane-ft-commons-logo-portails {
  /*position: absolute;*/
  /*top: 300px;*/
  position: relative;
  top: auto;
  padding-left: 20px;
}
.page-avenir-se-construit .pane-ft-commons-logo {
  position: absolute;
  bottom: -30px;
  padding-left: 20px;
}
.panels-flexible-region-inside{
  position: relative;
}

/******************************/
/**  PORTAIL JEUNE A TOULON  **/
/******************************/

/** Portail secteur **/
.page-secteur .panels-flexible-column-new-4 {
  width: 32%;
}
.page-secteur .panels-flexible-column-new-5 {
  width: 68%;
}
.page-jeune .panels-flexible-region-new-top_left {
  width: 31%;
}
.page-secteur .panels-flexible-column-new-5 .panels-flexible-column-new-5-inside {
  padding-left: 23px;
}
.page-secteur .panels-flexible-region.full {
  width: 100%;
}
.page-secteur .panels-flexible-region.top-right-top .panel-separator {
  display: none;
}
.page-secteur .panels-flexible-row-first {
  padding-top: 13px;
  padding-bottom: 0px;
}
.page-secteur .panels-flexible-region.top-right-top .panels-flexible-row {
  padding-bottom: 0;
  padding-top: 13px;
}
.page-secteur .panels-flexible-region.top-right-top .panels-flexible-region-inside-last {
  overflow: visible;
}
.page-secteur .pane-views-exp-search-all-page {
  margin: 0 0 25px 9px;
}
.page-secteur .pane-home-page-blocks-mes-demarches-id,
.page-secteur .pane-home-page-blocks-allo-mairie-service-id {
  overflow: hidden;
}
.page-secteur .pane-home-page-blocks-mes-demarches-id,
.page-secteur .pane-home-page-blocks-carte-interactives-macro-id {
  border-bottom: 1px dashed #D5D1C8;
}
.page-secteur .pane-home-page-blocks-allo-mairie-service-id .allo-mairie {
  position: relative;
}
.page-secteur .pane-home-page-blocks-allo-mairie-service-id .allo-mairie {
  padding: 12px 0 26px 140px;
  min-height: 96px;
  background: url(../images/allo-mairie.png) no-repeat;
}
.page-secteur .pane-home-page-blocks-allo-mairie-service-id .allo-mairie .static-block-title {
  display: block;
  font-size: 16px;
  margin: 0 0 15px;
  color: #717171;
  font-size: 19px;
  font-family: ubuntuli;
}
.page-secteur .pane-home-page-blocks-allo-mairie-service-id .allo-mairie .phone-number {
  font-family: arial;
  font-size: 24px;
  font-weight: bold;
  color: #717171;
}
.page-secteur .pane-home-page-blocks-allo-mairie-service-id .allo-mairie .static-block-description {
  font-family: arial;
  font-size: 12px;
  color: #717171;
  font-weight: bold;
  display: block;
  text-decoration: none;
  margin: 8px 0 0;
}
/** Page Etudiant **/

/* Block Bons Plans Etudiants */
.page-etudiant .pane-views-exp-search-all-page {
  margin: 0 0 20px 9px;
}

.view-display-id-block_etudiants .views-field-title {
  padding-left: 5px;
}
.view-display-id-block_etudiants .views-field-title a{
  color: #00519E;
  font-family: ubuntuB;
  font-size: 14px;
  text-decoration: none;
}
.view-display-id-block_etudiants .views-field-field-chapeau {
  font-size: 11px;
  padding-left:5px;
}


/********** BLOC TEMPORAIRE REMPLACANT LE BLOC JE SUIS ********************/
body.page-home .pane-bean-je-suis-jeune-home {
  float: left;
  margin-left: 15px;
}
.pane-bean-je-suis-jeune-mini .field-name-field-image-generic-bean,
body.page-home .pane-bean-je-suis-jeune-home .field-name-field-image-generic-bean {
  border:none;
}
.pane-bean-je-suis-jeune-mini {
  float: left;
}

/********** MON TOULON PRATIQUE / ONGLET  ********************/
#quicktabs-quicktab_comment_faire_si ul.quicktabs-tabs {
  overflow: hidden;
  width: 100%
}

#quicktabs-quicktab_comment_faire_si ul.quicktabs-tabs li a {
	background: url("../images/onglet-314.png") no-repeat scroll center 0 transparent;
  width: 50%;
}

#quicktabs-quicktab_comment_faire_si ul.quicktabs-tabs li.first a {
  margin-right : 1px;
}
#quicktabs-quicktab_comment_faire_si ul.quicktabs-tabs li.last a {
  margin-left : 1px;
}

#quicktabs-container-quicktab_comment_faire_si {
  border: 1px solid #d9d9d9;
  border-radius: 0 !important;
  -webkit-border-radius: 0px !important;
  color: #535353;
  border-top: none;
  padding: 10px;
  background-color: #f9f9f9;
  overflow: hidden;
  min-width: 610px;
  min-height: 378px;
}

#quicktabs-quicktab_comment_faire_si ul.quicktabs-tabs li a {
  border-color: #FFF #D9D9D9 #F9F9F9;
  border-style: solid;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-top-width: 3px;
  border-righrt-width: 1px;
  color: #686868;
}

#quicktabs-quicktab_comment_faire_si ul.quicktabs-tabs li.active a {
  border-color: #684A8A #D9D9D9 #F9F9F9;
  color: #000;
}
.page-esprit-entreprise .pane-dossier {
  clear: both;
  overflow: hidden;
}
.page-webcams .meteo-infos .meteo-temps-icone img {
  width: 100%;
}
.page-webcams .meteo-infos .meteo-temps-icone {
  min-width: 44px; /*meteo icones are that large*/
}
.page-webcams .meteo-infos .meteo-temperature-wind .meteo-temperature {
  font-size: 14px;
}
.page-webcams .meteo-infos .meteo-temperature-wind .meteo-wind-direction {
  font-size: 11.1px;
}
.page-webcams .meteo-infos .meteo-temperature-wind .meteo-wind-strength {
  font-size: 11.1px;
}
.page-webcams .meteo-infos .meteo-date-saint {
  font-size: 12.3px;
  padding-left: 17px;
  width: 45%;
}
.page-webcams .meteo-infos .meteo-temperature-wind {
  padding: 5px 1px 5px 1px;
}
.page-webcams .meteo-infos .meteo-date-saint {
  padding: 5px 1px 5px 8px;
}
/*** Bloc Agenda à droite du la vu liste des actualités ***/
/*
.page-toutes-les-actualites .pane-agenda {
  width: 205px;
  margin-top: 35px;
}
.page-toutes-les-actualites .pane-agenda .pane-content {
  border: 1px solid #D9D9D9;
  overflow: hidden;
  padding-top: 0px;
  width: 200px;
  background: #F7F7F7;
}
.page-toutes-les-actualites .pane-agenda .views-row {
  font-family: arial;
  list-style: none outside none;
  margin-bottom: 0px;
  padding: 0 9px 25px;
  background: none;
  border-bottom: 1px dotted;
}
.page-toutes-les-actualites .pane-agenda .views-row .field-name-title,
.page-toutes-les-actualites .pane-agenda .views-row .field-name-field-date {
  width: 195px;
  font-size: 13px;
}
.page-toutes-les-actualites .pane-agenda .views-row a {
  color: black;
  text-decoration: none;
}
.page-toutes-les-actualites .pane-agenda .views-row .field-name-field-thematique,
.page-toutes-les-actualites .pane-agenda .views-row .field-name-field-date {
  margin-bottom: 5px;
  width: 190px;
}
.page-toutes-les-actualites .pane-agenda .more-link {
  text-align: left;
}
*/

.page-entrepreneur .pane-views-exp-search-all-page {
  width: 304px;
}


.page-association .panel-pane.pane-views.pane-actualites,
.page-handicap .panel-pane.pane-views.pane-actualites,
.page-senior .panel-pane.pane-views.pane-actualites,
.page-famille .panel-pane.pane-views.pane-actualites,
.page-entrepreneur .panel-pane.pane-views.pane-actualites,
.page-arrivant .panel-pane.pane-views.pane-actualites,
.page-touriste .panel-pane.pane-views.pane-actualites {
  clear : both;
}
.page-association .panel-pane.pane-views.pane-balades,
.page-handicap .panel-pane.pane-views.pane-balades,
.page-famille .panel-pane.pane-views.pane-balades,
.page-touriste .panel-pane.pane-views.pane-balades,
.page-senior .panel-pane.pane-views.pane-balades,
.page-arrivant .panel-pane.pane-views.pane-balades {
  float: left;
}
.page-association .pane-bean-annuaire ,
.page-famille .pane-bean-annuaire ,
.page-touriste .pane-bean-annuaire ,
.page-senior .pane-bean-annuaire ,
.page-arrivant .pane-bean-annuaire {
  float: left;
  margin: 0 0 0 39px;
  width: 306px;
}
.page-association .pane-bean-annuaire,
.page-handicap .pane-bean-annuaire {
  margin: 0;
}
.page-entrepreneur .pane-views-exp-search-all-page {
  width: 304px;
}

/** Fix height of animation avenir se construit portal**/
.page-avenir-se-construit #header-wrapper #block-animations-carrousel-projets.block.block-animations{
  height: 396px;
}

/**carte jeune and bureau information jeunesse blocks **/
.pane-home-page-blocks-bureau-info-jeunesse-id,
.pane-home-page-blocks-carte-jeune-id {
  width: 140px;
  float: left;
}
.page-etudiant .pane-home-page-blocks-maison-etudiant-id {
  width: 140px;
  float: left;
  margin-right: 5px;
}
.page-etudiant .pane-home-page-blocks-carte-jeune-id {
  width: 140px;
  float: left;
  margin-left: 5px;
}
.pane-home-page-blocks-bureau-info-jeunesse-id {
  margin-left: 8px;
}
.pane-home-page-blocks-carte-jeune-id .static-block-title {
  background: url('../images/trait-carte-jeune.png') no-repeat bottom left;
}
.pane-home-page-blocks-maison-etudiant-id .static-block-title {
  background: url('../images/trait-bureau-info.png') no-repeat bottom left;
}
.pane-home-page-blocks-bureau-info-jeunesse-id .static-block-title {
  background: url('../images/trait-bureau-info.png') no-repeat bottom left;
}
.pane-home-page-blocks-maison-etudiant-id .static-block-title span {
  color: #717171;
  display: block;
  font-family: ubuntuli;
  font-size: 18px;
  margin: 0 0 15px;
  width: 100px;
}
.pane-home-page-blocks-carte-jeune-id .static-block-title span,
.pane-home-page-blocks-bureau-info-jeunesse-id .static-block-title span {
  color: #717171;
  display: block;
  font-family: ubuntuli;
  font-size: 18px;
  margin: 0 0 15px;
  width: 60px;
  text-transform: capitalize;
}
.pane-home-page-blocks-bureau-info-jeunesse-id .static-block-title span {
  width: 155px;
  padding-bottom: 15px;
}
.page-etudiant .pane-home-page-blocks-maison-etudiant-id .static-block-title span,
.page-etudiant .pane-home-page-blocks-carte-jeune-id .static-block-title span {
  padding-bottom: 8px;
  margin-bottom: 5px;
}
.page-etudiant .pane-home-page-blocks-maison-etudiant-id .static-block-image {
  margin-bottom: -12px;
}
.pane-home-page-blocks-maison-etudiant-id .static-block-title span,
.pane-home-page-blocks-carte-jeune-id .static-block-title span {
  padding-bottom: 21px;
}
.pane-home-page-blocks-maison-etudiant-id .static-block-description,
.pane-home-page-blocks-bureau-info-jeunesse-id .static-block-description,
.pane-home-page-blocks-carte-jeune-id .static-block-description {
  width: 140px;
  color: #717171;
  font-family: arial;
  font-size: 12px;
}
.pane-home-page-blocks-bureau-info-jeunesse-id .static-block-image {
  height: 130px;
}
.pane-home-page-blocks-carte-jeune-id .static-block-image {
  margin-bottom: 10px;
}

.page-jeune h2.pane-title {
  clear: both;
}
/**************** Portail - jesuis ****************/
.page-jeune.portail .view-actualites.view-display-id-block_2 .views-row-even .field-name-title h2,
.page-jeune.portail .view-actualites.view-display-id-block_2 .views-row-last .field-name-title h2 {
  margin: 0;
}

.page-touriste h2.pane-title, .page-arrivant h2.pane-title, .page-etudiant h2.pane-title,
.page-famille h2.pane-title, .page-senior h2.pane-title, .page-handicap h2.pane-title, .page-association h2.pane-title,
.page-entrepreneur h2.pane-title, .page-jeune h2.pane-title {
  font-family: 'UbuntuRi','Arial';
  letter-spacing: 0px;
  padding-bottom: 5px;
}
.page-touriste .node-actualites .field-type-image img,.page-arrivant .node-actualites .field-type-image img,
.page-etudiant .node-actualites .field-type-image img,.page-famille .node-actualites .field-type-image img,
.page-senior .node-actualites .field-type-image img,.page-handicap .node-actualites .field-type-image img,
.page-association .node-actualites .field-type-image img,.page-entrepreneur .node-actualites .field-type-image img,
.page-jeune .node-actualites .field-type-image img {
  border: 5px solid #ebebeb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: auto;
}