/* ==============================================
   FEUILLE DE STYLES HTML/CSS
   TOULON--ACC01--Page_d-accueil_INTE
   ============================================== */
html {
  font-size: 100%;
}
body {
  margin: 0 auto;
  padding: 0;
  font-family: Arial;
  /*  font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; */
  font-size: 0.8em;
  line-height: 1.25;
  color: #000;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0.5em 0;
}
h1 {
  font-size: 3em;
  font-style: italic;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1em;
}
ul, ol {
  margin: 0.75em 0 0.75em 24px;
  padding: 0;
}
ul {
  list-style: square;
}
li {
  margin: 0;
  padding: 0;
}
p {
  margin: 0.75em 0;
}
li p, blockquote p {
  margin: 0.5em 0;
}
blockquote, q {
  font-size: 1.1em;
  font-style: italic;
  font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
p.encadre {
  background: url("../images/bg_citation_fond.png") repeat-x;
  border: 1px solid #d9d9d9;
  padding: 15px;
  color: #0075b6 !important;
  font-size: 12px;
  font-weight: bold !important;
  font-size: '13px';
  margin: '12px 40px';
}
cite {
  font-style: italic;
}
a {
  color: #002f6b;
  text-decoration: underline;
}
a:hover, a:focus {
  color: #3a6eb1;
}
a img {
  border: none;
}
em {
  font-style: italic;
}
pre, code {
  font-size: 100%;
  font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
  width: 90%;
  overflow: auto;
  overflow-y: hidden;
  margin: 0.75em 0;
  padding: 12px;
  background: #eee;
  color: #555;
}
pre strong {
  font-weight: normal;
  color: black;
}
/******************************************header*************************************************/
/*#header {*/
#header-up {
  width: 100%;
  background: #000000;
  margin: 0;
  font-size: 10px;
}
#header-menu {
  width: 970px;
  height: 20px;
  margin: 0 auto;
  padding: 0;
}
#header .aller-menu {
  float: left;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 850px;
}
#header .aller-menu li {
  float: left;
  padding: 3px 8px 0 0px;
  list-style: none outside none;
  margin: 0 0 0 10px;
  border-right: 1px dotted #ffffff;
}
#header .aller-menu li a {
  color: #fff;
  text-decoration: none;
}
#header .aller-menu li a:hover {
  color: #fff;
  text-decoration: underline;
}

.region-header{
  position: relative;
}
/******************************************Langue*************************************************/
.lng-menu {
  height: 18px;
  float: left;
  list-style: none outside none;
  margin: 2px 0 0 0;
  padding: 0;
  color: #fff;
}
.lng-menu li {
  float: right;
  position: relative;
  padding: 0 0 0 10px;
}
.lng-menu li:hover ul {
  display: block;
}
.lng-menu li a {
  background: url(../images/flag-sprite.png) no-repeat scroll 0 0 transparent;
  float: left;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
  width: 31px;
}
.lng-menu li img {
  border-left: 1px dotted #fff;
  height: 15px;
  padding: 0 0 0 5px;
  cursor: pointer;
  width: 22px;
}
.lng-menu li ul {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #000000;
  border-color: #262626;
  border-image: none;
  border-style: solid;
  border-width: 0 0 0 1px;
  display: none;
  left: -1px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 18px;
  width: 41px;
}
.lng-menu li ul li {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 transparent;
  border-color: #262626;
  border-image: none;
  border-style: solid;
  border-width: 0 0 1px;
  float: none;
  margin: 0;
  padding: 0;
}
.lng-menu li ul li a {
  display: block;
  float: none;
  padding: 10px;
  width: auto;
}
.lng-menu li ul li a:hover {
  background-color: #181818;
}
.lng-menu li .fr {
  background-position: 0 0;
}
.lng-menu li .en {
  background-position: 0 -60px;
}
.lng-menu li .es {
  background-position: 0 -120px;
}
.lng-menu li ul li .fr:hover {
  background-position: 10px 10px;
}
.lng-menu li ul li .en:hover {
  background-position: 10px -50px;
}
.lng-menu li ul li .es:hover {
  background-position: 10px -110px;
}
.lng-menu li ul li .fr {
  background-position: 10px -170px;
}
.lng-menu li ul li .en {
  background-position: 10px -230px;
}
.lng-menu li ul li .es {
  background-position: 10px -290px;
}
/****************accueil********************/
#navigation #nav li.accueil a {
  background: url(../images/bg_nav_accueil.png) no-repeat scroll 0 0 transparent;
  height: 114px;
  width: 74px;
}
#navigation #nav li.accueil a:hover {
  background: url(../images/bg_nav_accueil.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 74px;
}
#navigation #nav li.accueil a.active {
  background: url(../images/bg_nav_accueil.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 74px;
}
/****************seduire********************/
#navigation #nav li.seduire a {
  background: url(../images/bg_nav_seduire.png) no-repeat scroll 0 0 transparent;
  height: 114px;
  width: 176px;
}
#navigation #nav li.seduire a:hover {
  background: url(../images/bg_nav_seduire.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 176px;
}
#navigation #nav li.seduire a.active {
  background: url(../images/bg_nav_seduire.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 176px;
}
/****************avenir********************/
#navigation #nav li.avenir a {
  background: url(../images/bg_nav_avenir.png) no-repeat scroll 0 0 transparent;
  height: 114px;
  width: 166px;
}
#navigation #nav li.avenir a:hover {
  background: url(../images/bg_nav_avenir.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 166px;
}
#navigation #nav li.avenir a.active {
  background: url(../images/bg_nav_avenir.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 166px;
}
/****************pratique********************/
#navigation #nav li.pratique a {
  background: url(../images/bg_nav_pratique.png) no-repeat scroll 0 0 transparent;
  height: 114px;
  width: 177px;
}
#navigation #nav li.pratique a:hover {
  background: url(../images/bg_nav_pratique.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 177px;
}
#navigation #nav li.pratique a.active {
  background: url(../images/bg_nav_pratique.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 177px;
}
/****************bouger********************/
#navigation #nav li.bouger a {
  background: url(../images/bg_nav_bouger.png) no-repeat scroll 0 0 transparent;
  height: 114px;
  width: 184px;
}
#navigation #nav li.bouger a:hover {
  background: url(../images/bg_nav_bouger.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 184px;
}
#navigation #nav li.bouger a.active {
  background: url(../images/bg_nav_bouger.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 184px;
}
/****************entreprise********************/
#navigation #nav li.entreprise a {
  background: url(../images/bg_nav_entreprise.png) no-repeat scroll 0 0 transparent;
  height: 114px;
  width: 193px;
}
#navigation #nav li.entreprise a:hover {
  background: url(../images/bg_nav_entreprise.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 193px;
}
#navigation #nav li.entreprise a.active {
  background: url(../images/bg_nav_entreprise.png) no-repeat scroll 0 -114px transparent;
  height: 114px;
  width: 193px;
}
/******************************************Sub Navigation*************************************************/
#sub-navigation {
  background: url(../images/img-acc.png) no-repeat scroll 0 0 transparent;
  padding: 0;
  height: 410px;
  width: 970px;
}
#sub-navigation .logo {
  background: none repeat scroll 0 0 transparent;
  float: left;
  margin: 227px 0 0 14px;
  width: 174px;
  height: 174px;
}
/******************************************Ter navigation*************************************************/
/*#ter-navigation {*/
#highlighted {
  background: none repeat scroll 0 0 #f9f9f9;
  float: left;
  width: 942px;
  height: 100px; /**/
  margin: 0 0 0 0px;
  padding: 13px;
  border: 1px solid #d9d9d9;
}
/*#ter-navigation ul#ter {*/
#highlighted ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 99;
}
/*#ter-navigation ul#ter li {*/
#highlighted ul li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  width: 305px; /**/
}
/*#ter-navigation ul#ter li a {*/
#highlighted ul li a {
  border-bottom: medium none;
  cursor: pointer;
  float: left;
  margin: 0;
  padding: 0;
  z-index: 99;
}
/*#ter-navigation ul#ter li a span {*/
#highlighted ul li a span {
  display: none;
}
/*#ter-navigation ul#ter li.nav-profil-acc a {*/
#highlighted ul li.nav-profil-acc a {
  background: url(.../images/NAV-profil-acc.png) no-repeat scroll 0 0 transparent;
  height: 100px;
  width: 305px;
}
/*#ter-navigation ul#ter li.nav-quartier-acc a {*/
#highlighted ul li nav-quartier-acc a {
  background: url(../images/NAV-quartier-acc.png) no-repeat scroll 0 0 transparent;
  margin: 0 0 0 13px;
  height: 100px;
  width: 305px;
}
/*#ter-navigation ul#ter li.nav-recherche-acc {*/
#highlighted ul li.nav-recherche-acc {
  background: url(../images/NAV-recherche-acc.png) no-repeat scroll 0 0 transparent;
  margin: 0 0 0 13px;
  height: 100px;
  width: 305px;
}
/****************Search********************/
/*#ter-navigation #search {*/
#highligted li.last {
  margin: 50px 0 0 20px;
  width: 285px;
  height: 40px;
  background: url(../images/barre-recherche.png) no-repeat 0 0;
  float: left;
}
/*#ter-navigation #search .btn-right-fleche {*/
#highlighted #search .btn-right-fleche {
  display: block;
  background: url(../images/loupe.png) no-repeat 0 0;
  width: 40px;
  height: 40px;
  float: left;
  margin: 0px 0 0 10px;
  border: none;
}
/*#ter-navigation #search input {*/
#highlighted #search input {
  outline: 0;
  border: 0;
}
/*#ter-navigation #search input[type=text] {*/
#highlighted #search input[type=text] {
  display: block;
  font: 300 12px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background: none;
  text-shadow: 0 1px white;
  float: left;
  line-height: 25px;
  color: #666;
  padding: 8px 0 5px 11px;
  width: 197px;
  height: 22px;
}
/******************************************centre*************************************************/
#centre {
  background: none repeat scroll 0 0 transparent;
  margin: 0;
  width: 100%;
  overflow: hidden;
}
/******************************************leftcol*************************************************/
/*#leftcol {*/
#sidebar-first {
  background: none repeat scroll 0 0 transparent;
  float: left;
  width: 305px;
}

/************** Espace vertical entre les régions ******************/
.page-home .top-pane {
  padding-top: 0px;
  padding-bottom: 0px;
}
.page-home .header-pane {
  padding-top: 0px;
  padding-bottom: 0px;
}

.page-home .border-solid-grey {
  border: 1px solid #D9D9D9;
  background-color: #F9F9F9;
}

.page-home .inside.panels-flexible-row-inside {
  margin-bottom: 25px;
}
.page-home .header-pane div.inside.panels-flexible-row-inside {
  margin-top: 0px;
}

/***********menu***************/
/* niveau 1 */
.pane-menu-tree ul.menu {
  background: url(../images/menu-bottom.png) no-repeat left bottom;
  padding-bottom: 8px;
  width: 100%;
  margin: 0;
  background-size: contain;
}
.pane-menu-tree ul.menu li {
  list-style: none;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  padding: 0;
  margin: 0;
}
/* niveau 2 */
.pane-menu-tree ul.menu li ul.menu {
  background: none;
  padding: 0 0 12px;
  width: auto;
}
.pane-menu-tree ul.menu li ul.menu li {
  border: none;
}
/* niveau 3 */
.pane-menu-tree ul.menu li ul.menu li ul.menu {
  border-left: 1px dotted #686868;
  margin: 0 0 0 20px;
  padding: 0;
}
.pane-menu-tree ul.menu li ul.menu li ul.menu li {

}

/***********1er niveau***************/
.pane-menu-tree ul.menu li a,
.menu-name-menu-content-bottom ul.menu li a{
  background: url(../images/left-menu-icons.png) no-repeat 100% 14px #F9F9F9;
  text-decoration: none;
  display: block;
  padding: 8px 24px 10px 12px;
  border-right: 1px solid #fdfdfd;
  border-bottom: 1px solid #fdfdfd;
  border-left: 1px solid #fdfdfd;
  font-size: 18px;
  color: #002f6b;
  line-height: 18px;
  font-family: UbuntuR;
}
.pane-menu-tree .parent-mlid-0 ul.menu  li a {
  color: #686868;
  font-size: 15px;
}
.pane-menu-tree ul.menu li a:hover {
  color: #002f6b;
}
/***********1er niveau actif***************/
.pane-menu-tree ul.menu  li a.active-trail {
  background: url(../images/left-menu-icons.png) no-repeat 100% -42px #fff;
  border-bottom: medium none;
  color: #002F6B;
  display: block;
  font-family: UbuntuB;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
/***********2eme niveau***************/
.pane-menu-tree ul.menu  li ul.menu  li a {
  background: url(../images/left-menu-icons.png) no-repeat 10px -104px #fff;
  border-bottom: none;
  border-top: none;
  color: #686868;
  display: block;
  font-family: arial;
  font-size: 13px;
  padding: 0 0 0 21px;
  text-decoration: none;
}
/* hover */
.pane-menu-tree ul.menu  li ul.menu li a:hover {
  color: #0075b6;
}
/***********2eme niveau actif***************/
.pane-menu-tree ul.menu  li ul.menu li a.active-trail {
  background: url("../images/left-menu-icons.png") no-repeat scroll 10px -149px #FFFFFF;
  color: #0075b6;
  font-weight: bold;
  font-size: 13px;
}
/***********3eme niveau***************/
.pane-menu-tree ul.menu li ul.menu li ul.menu li a {
  background: url("../images/left-menu-icons.png") no-repeat scroll 3px -180px #FFFFFF;
  color: #686868;
  font-size: 12px;
  font-style: italic;
  padding: 0 0 0 12px;
}
/***********3eme niveau hover***************/
.pane-menu-tree ul.menu li ul.menu li ul.menu li a:hover {
  color: #0075b6;
}
/***********3eme niveau actif***************/
.pane-menu-tree ul.menu li ul.menu li ul.menu li a.active-trail {
  color: #0075b6;
  font-weight: normal;
  background: url("../images/left-menu-icons.png") no-repeat scroll 3px -207px #FFFFFF;
}
/****************Mes demarches********************/
/*#leftcol .mes-demarches {*/
/* mise en place RD portail je-suis
.mes-demarches {*/
  /*background: none repeat scroll 0 0 transparent;*/
  /*float: left;*/
  /*width: 305px;*/
  /*margin: 30px 0 0 0;*/
  /*padding: 0 0 5px 0;*/
/*}*/
/*#leftcol .cartes-interactives-mini {*/
#sidebar-first .cartes-interactives-mini {
  background: none repeat scroll 0 0 transparent;
  float: left;
  width: 129px;
  height: 147px;
  margin: 10px 0 0 0;
  padding: 0 0 5px 0;
}
/*#leftcol .webcams-mini {*/
#sidebar-first .webcams-mini {
  background: none repeat scroll 0 0 transparent;
  float: left;
  width: 129px;
  margin: 10px 0 0 45px;
  height: 147px;
}
/*************Mes demarches mini*****************/
.pane-home-page-blocks-mes-demarches-mini-id {
  background: url(../images/mes-demarches-mini.png) no-repeat 10px 10px;
}
body.page-toulon-pratique .pane-home-page-blocks-mes-demarches-mini-id{
  margin-top: 30px;
}
/****************newsletter********************/
/*#leftcol #newsletter {*/
#newsletter {
  margin: 0;
  font-size: 0.85em;
  width: 305px;
  float: left;
  padding-bottom: 10px;
  border-bottom: 1px dashed #d5d1c8;
}
/*#leftcol #newsletter h1 {*/
#newsletter h2 {
  font-family: arial;
  font-size: 18px;
  padding: 0 0 5px 0;
  border-bottom: 1px dashed #d5d1c8;
  color: #717171;
  margin: 1em 0 0 0;
}
#newsletter #news {
  margin: 10px 0 0 0;
  width: 204px;
  height: 40px;
  background: url(../images/barre-newsletter.png) no-repeat 0 0;
  float: left;
}
#newsletter #news .btn-validation {
  display: block;
  background: url(../images/validation.png) no-repeat 0 0;
  width: 40px;
  height: 40px;
  float: left;
  margin: 0px 0 0 10px;
  border: none;
}
#newsletter #news input {
  outline: 0;
  border: 0;
}
#newsletter #news input[type=text] {
  display: block;
  font: 300 12px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background: none;
  text-shadow: 0 1px white;
  float: left;
  line-height: 25px;
  color: #666;
  padding: 8px 0 5px 11px;
  width: 143px;
  height: 22px;
}
#newsletter ul {
  margin: 15px 0 0 5px;
  float: left;
}
#newsletter ul li {
  list-style: none;
  text-decoration: none;
  color: #686868;
  margin: 0;
}
#newsletter ul li a {
  list-style: none;
  text-decoration: none;
  color: #686868;
}
/****************newsletter mini****************/
#newsletter-mini {
  margin: 0;
  font-size: 0.85em;
  width: auto;
  padding-bottom: 10px;
}
/*#leftcol #newsletter h1 {*/
.panel-col-first .inside #newsletter-mini.pane-block.pane-newsletter-all-newsletter-all h2.pane-title {
  font-family: 'UbuntuLi', 'Arial';
  display: block;
  font-size: 19px;
  font-weight: normal;
  padding: 0 0 5px 0;
  border-bottom: 1px dashed #d5d1c8;
  color: #717171;
  margin: 1em 0 0.4em;
}
#newsletter-mini #news {
  margin: 10px 0 0 0;
  width: 204px;
  height: 40px;
  background: url(../images/barre-newsletter.png) no-repeat 0 0;
  float: left;
}
#newsletter-mini #news .btn-validation {
  display: block;
  background: url(../images/validation.png) no-repeat 0 0;
  width: 40px;
  height: 40px;
  float: left;
  margin: 0px 0 0 10px;
  border: none;
}
#newsletter-mini #news input {
  outline: 0;
  border: 0;
}
#newsletter-mini #news input[type=text] {
  display: block;
  font: 300 12px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background: none;
  text-shadow: 0 1px white;
  float: left;
  line-height: 25px;
  color: #666;
  padding: 8px 0 5px 11px;
  width: 143px;
  height: 22px;
}
#newsletter-mini ul {
  margin: 15px 0 0 5px;
  float: left;
}
#newsletter-mini ul li {
  list-style: none;
  text-decoration: none;
  color: #686868;
  margin: 0;
}
#newsletter-mini ul li a {
  list-style: none;
  text-decoration: none;
  color: #686868;
}
/****************mediatheque********************/
/*#leftcol #mediatheque {*/
#sidebar-first #mediatheque {
  margin: 0 0 10px 0;
  width: 305px;
  float: left;
}
/*#leftcol #mediatheque h1 {*/
#sidebar-first #mediatheque h2 {
  font-family: arial;
  font-size: 18px;
  padding: 0 0 5px 0;
  border-bottom: 1px dashed #d5d1c8;
  color: #717171;
  margin: 1em 0 0 0;
}
.mediatheque-img {
  margin: 10px 0 0 0;
}
.all-mediatheque {
  width: 305px;
  border: 1px solid #d9d9d9;
  background: #f9f9f9;
  height: 20px;
}
.mediatheque {
  background: url(../images/fleche_link.png) no-repeat scroll 5px 5px transparent;
  padding : 0 0 0 20px;
  color: #333333;
  text-decoration: none;
  float: left;

}
/******************************************Content*************************************************/
.actualite-contenu {
  margin: 0;
  border: none;
}
#content .tabs {
  display: block;
  margin: 0;
  position: relative;
}
#content .tabs section {
  background-color: #DDDDDD;
  border: 1px solid #d9d9d9;
  display: block;
  height: 364px;
  left: 0;
  padding: 0;
  position: absolute;
  top: 28px;
  z-index: 0;
}

#content .tabs section:first-child {
  z-index: 1;
  background: none #f9f9f9;
  color: #686868;
}
#content .tabs section h2 {
  background: url(../images/onglet.png) no-repeat scroll center 0 transparent;
  background-color: #e9e9e9;
  color: #686868;
  font-size: 16px;
  font-weight: normal;
  height: 46px;
  left: 0px;
  margin: 0;
  position: absolute;
  top: -46px;
  text-align: center;
  width: 157px;
}
#content .tabs section:nth-child(1) h2 {
  left: 0;
  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;
  position: absolute;
  top: -46px;
  text-align: center;
  width: 157px;
  border: none;
}
#content .tabs section:nth-child(2) h2 {
  left: 160px;
  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;
  position: absolute;
  top: -46px;
  text-align: center;
  width: 157px;
  border: none;
}
#content .tabs section:nth-child(3) h2 {
  left: 319px;
  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;
  position: absolute;
  top: -46px;
  text-align: center;
  width: 157px;
  border: none;
}
#content .tabs section:nth-child(4) h2 {
  left: 478px;
  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;
  position: absolute;
  top: -46px;
  text-align: center;
  width: 157px;
  border: none;
}
#content .tabs section h2 a {
  color: inherit;
  display: block;
  line-height: 28px;
  outline: 0 none;
  text-align: center;
  text-decoration: none;
  height: 38px;
  padding: 8px 0 0 0;

}
#content .tabs section:target {
  background-color: #f9f9f9;
  color: #333333;
  z-index: 2;
}
#content .tabs section:target h2 {
  background: none #f9f9f9;
  top: -50px;
  color: #333333;
  border-top: 4px solid #55bdc2;
  border-bottom: 1px solid #f9f9f9;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  z-index: 2;
  width: 155px;
}
/****************s'abonner********************/
.abonnement {
  width: 633px;
  border: 1px solid #d9d9d9;
  background: #f9f9f9;
  height: 20px;
}
.abonner {
  background: url(../images/abonner.png) no-repeat scroll 5px 5px transparent;
  padding : 0 0 0 20px;
  color: #686868;
  text-decoration: none;
  float: left;
}
.actualite {
  background: url(../images/fleche_link.png) no-repeat scroll 5px 5px transparent;
  padding : 0 20px 0 20px;
  color: #333333;
  text-decoration: none;
  float: right;
}
/****************jeune********************/
#jeune {
  margin: 0 0 10px 0;
  width: 305px;
  float: left;
}
#jeune h2 {
  font-family: arial;
  font-size: 18px;
  padding: 0 0 5px 0;
  border-bottom: 1px dashed #d5d1c8;
  color: #717171;
  margin: 1em 0 0 0;
}
.jeune-img {
  margin: 10px 0 0 0;
}
/****************reseaux********************/
#reseaux {
  margin: 0 0 10px 20px;
  width: 305px;
  float: left;
}
#reseaux h2 {
  font-family: arial;
  font-size: 18px;
  padding: 0 0 5px 0;
  border-bottom: 1px dashed #d5d1c8;
  color: #717171;
  margin: 1em 0 0 0;
}
.facebook {
  margin: 5px 0 0 0;
  border-bottom: 1px dashed #d5d1c8;
  width: 305px;
}
.twitter {
  margin: 5px 0 0 0;
  border-bottom: 1px dashed #d5d1c8;
  width: 305px;
}
/******************************************footer*************************************************/
#footer {
  background: url(../images/footer.png) repeat-x scroll center 0 transparent;
  width: 100%;
  margin: 0 auto;
  font-size: 10px;
  text-align: left;
  padding: 4px 0 55px;
}
.footer-menu {
  background: none repeat scroll 0 0 transparent;
  width: 970px;
  height: 162px;
  margin: 0 auto;
  font-size: 10px;
  text-align: left;
  padding: 0;
}
.footer-menu ul {
  margin: 0 0 0 14px;
}
.footer-menu ul li {
  list-style: none;
  text-decoration: none;
  color: #686868;
  margin: 0 0 8px;
}
.footer-menu ul li a {
  list-style: none;
  text-decoration: none;
  color: #686868;
}
.colfoot1 {
  float: left;
  height: 75px;
  padding: 24px 0 0 19px;
  width: 80px;
}
.colfoot2 {
  color: #686868;
  font-size: 10px;
  float: left;
  width: 260px;
  height: 75px;
  padding: 24px 0 0 19px;
  border-left: 1px dotted #686868;
}
.colfoot2 span {
  font-weight: bold;
  font-size: 12px;
}
.colfoot3 {
  float: left;
  width: 130px;
  height: 75px;
  padding: 24px 0 0 0;
  border-left: 1px dotted #686868;
}
.colfoot4 {
  float: left;
  width: 160px;
  height: 75px;
  padding: 24px 0 0 0;
  border-left: 1px dotted #686868;
}
.colfoot5 {
  float: left;
  width: 150px;
  height: 75px;
  padding: 24px 0 0 0;
  border-left: 1px dotted #686868;
}
.colfoot6 {
  float: left;
  width: 137px;
  height: 75px;
  padding: 24px 0 0 0;
}
.colfoot6 span {
  margin: 0 0 0 15px;
}
/******************************************copyright*************************************************/
#copyright {
  width: 100%;
  height: 17px;
  background: #f2f2f2;
  margin: 0;
  font-size: 10px;
  text-align: right;
  padding: 0;
}
#copyright a {
  color: #000;
  text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
  text-decoration: underline;
}
#copyright .realisation a {
  float: right;
  color: #000;
  padding: 2px 4px 2px 4px;
}
#copyright .stratis a {
  float: right;
  background: #c70000;
  color: #fff;
  padding: 2px 4px 2px 4px;
}
/**********************************Rajouts ELA***************************************************/
.region-sidebar-first h2 {
  border-bottom: 1px dashed #d5d1c8;
  font-family: Arial;
  font-size: 18px;
  font-style: italic;
  color: #717171;
  margin: 1em 0 0;
  padding: 0 0 5px;
}
.node-article {
  float: left;
}
#footer .region-footer {
  margin: 0 auto;
  overflow: hidden;
  width: 970px;
}
#footer .block-menu {
  border-left: 1px dotted #a3a3a3;
  float: left;
  min-height: 65px;
  text-transform: uppercase;
  padding: 24px 20px 20px 16px;
}
#footer .block-menu ul {
  margin: 0;
  padding: 0;
}
#footer .block-menu ul li {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
#footer .block-menu ul li:last-child {
  margin: 0;
}
#footer .block-menu ul li a {
  background: url(../images/arrow-left-sub-menu.png) no-repeat 0 -17px;
  display: block;
  padding: 0 0 0 11px;
  color: #686868;
  font-family: arial;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
}
#footer .block-menu ul li a:hover {
  background: url(../images/arrow-left-sub-menu.png) no-repeat 0 3px;
  color: #000;
}
#footer .block-ft-commons {
  padding: 24px 20px 20px 16px;
  float: left;
}
#footer .block-ft-commons p {
  margin: 0;
}
#block-ft-commons-adr {
  border-left: 1px dotted #a3a3a3;
  float: left;
  min-height: 65px;
  padding-left: 19px;
  color: #717171;
  width: 240px;
}
#block-ft-commons-adr a {
  color: #717171;
  text-decoration: none;
}
#footer #block-ft-commons-labels {
  float: right;
}
#block-ft-commons-labels img {
  margin-right: 5px;
}
/*
.region-content h2 {
  border-bottom: 1px dashed #d5d1c8;
  font-family: Arial;
  font-size: 18px;
  font-style: italic;
  margin: 1em 0 0;
  padding: 0 0 5px;
}
*/
.region-content h2 a, .region-content h3 a{
  color: #717171;
  text-decoration: none;
}

/******************************************WYSIWYG*************************************************/
.content .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;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  line-height: 24px;
  padding: 10px 45px 0;
  text-align: center;
}
.nodenode .encadre {
  background: url("images/bg_citation_fond.png") repeat-x;
}
.nodenode ul {
  list-style: url("images/fleche_link.png");
  margin: 5px 0 5px 24px;
  color: '#272727';
  font-family: 'arial';
  font-weight: 'regular';
  font-size: 13px;

}
.nodenode ul ul {
  list-style: url("images/fleche_link_2.png");
  margin: 0px 0 5px 24px;
}
.node.view-mode-full h2.title_lvl2 {
  color: #002f6b;
  font-family: "arial";
  font-weight: bold;
  font-size: 18px;
  border: none;
}
.node.view-mode-full h3.title_lvl3 {
  color: #686868;
  font-family: "arial";
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #D4D4D4;
  margin: 10px;
}
table {
  border: none;
  text-align: left;
}
table thead {
  background: url("../images/bg_thead.png") repeat-x;
}
table thead tr {
  color: #030303;
  font-family: 'arial';
  font-size: 14px;
  font-weight: bold;
  border: none;
  border-top: solid 1px #636363;
  border-left: solid 1px #636363;
}
table thead tr th {
  border: none;
  border-right: solid 1px #636363;
  border-bottom: solid 1px #636363;
}
table tbody tr th {
  border: none;
  color: #030303;
  background: #D9D9D9;
  font-family: 'arial';
  font-size: 14px;
  font-weight: bold;
  border-top: solid 1px #FFFFFF;
}
table tbody tr td {
  border: solid 1px #D9D9D9;
  color: #4f4f4f;
  font-family: 'arial';
  font-size: 13px;
  font-weight: normal;
}
/*------------------------------------------------------*/
/*--------- Balade Pages Styling : group-right ---------*/
/*------------------------------------------------------*/
.group-right .group-infos-pratiques .field-group-format-wrapper,
.group-right .field-name-field-a-ne-pas-manquer .field-items {
  background-color: #F9F9F9;
  border: 1px solid #D5D1C8;
  color: #000000;
  font-size: 11px;
  padding: 15px;
  margin: 4px 0 1px;
}
.group-right .group-acces .field-group-format-wrapper {
  background-color: #F9F9F9;
  border: 1px solid #D5D1C8;
  color: #000000;
  font-size: 11px;
  padding: 0 10px 10px 10px;
  margin: 4px 0 1px;
}
.ds-2col.node .group-right h3,
.ds-2col.node .group-right .field-label {
  color: #717171;
  font-size: 16px;
  font-weight: bold;
  margin: 30px 0 0;
  font-family: UbuntuBi,Arial;
}
.ds-2col.node .group-right h3 a {
  text-decoration: none;
  color: #717171;
}
.group-right .field-group-format-wrapper .field .field-label {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.group-right .field-group-format-wrapper .field {
  margin-top: 15px;
}
.group-right .field-group-format-wrapper .field.field-name-field-duree {
  margin-top: 0px;
}
.group-right .field-group-format-wrapper .field  .field-item {
  font-size: 11px;
  line-height: 18px;
}
.group-right .field-name-field-duree .field-item {
  background: url("../images/pictos.png") no-repeat scroll left top;
  padding-left: 25px;
  margin-top: 2px;
}
.group-right .field-name-field-a-ne-pas-manquer ul {
  list-style: none !important;
  list-style-image: none !important;
  margin: 0 0 0 2px;
}
.group-right .field-name-field-a-ne-pas-manquer ul li {
  background: url("../images/arrow_list_style.png") no-repeat scroll left 3px transparent;
  font-size: 12px;
  font-weight: bold;
  padding-left: 15px;
}
.group-right .field-name-field-bon-a-savoir .field-items {
  background-color: #F9F9F9;
  border: 2px solid #55bdc2;
  color: #000000;
  font-size: 11px;
  padding: 13px;
  margin: 4px 0 1px;
}
.group-right .field-name-field-bon-a-savoir .field-items p {
  font-size: 12px;
  font-weight: bold;
}
.group-right .group-acces .field {
  margin-top: 15px;
}
.group-right .group-acces .field .field-label {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.group-right .group-acces .field-name-field-acces-en-voiture .field-label {
  background: url("../images/pictos.png") no-repeat scroll left -98px;
  padding-left: 25px;
  line-height: 16px;
}
.group-right .group-acces .field-name-field-acces-en-telepherique .field-label {
  background: url("../images/pictos.png") no-repeat scroll left -61px;
  padding-left: 25px;
  line-height: 23px;
  margin-bottom: 3px;
  letter-spacing: -0.5px;
}
.group-right .group-acces .field-name-field-coordonnees-gps .field-label {
  background: url("../images/pictos.png") no-repeat scroll left -31px;
  padding-left: 20px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.group-right .field-name-field-difficulte .field-item span,
.group-right .field-name-field-equiper .field-item span {
  text-decoration: none;
  color: #000;
  padding-left: 3px;
}
.group-right .field-name-field-equiper .field-item img {
  vertical-align: top;
}
.group-right .group-infos-pratiques h3 {
  margin: 0;
}
.group-right .field-name-field-difficulte .field-item {
  margin-bottom: 5px;
}
.group-right .field-name-field-difficulte .field-item img {
  float: left;
}
.group-right .field-name-field-difficulte .field-item span {
  line-height: 23px;
}

/*------------------------------------------------------*/
/*--------- Balade Pages Styling : group-left ---------*/
/*------------------------------------------------------*/
.group-left .field-name-field-subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #002f6b;
}
.node-balade .group-left .field-name-field-surtitre {
  font-size: 13px;
}
.node-balade.view-mode-full .field-name-field-chapeau {
  color: #686868;
  font-family: Arial;
  font-size: 14px;
}
.node-balade .field-name-title h1 {
  margin: 0 0 15px;
  font-size: 28px;
}
/*
 * Correctif pour afficher proprement le corps de texte des balades
*/
.node-type-balade .view-mode-full .field-name-body {
  width: 100%;
}
.breadcrumb {
  margin-top: 35px;
  margin-left: 0;
  border-bottom: 1px dashed #D5D1C8;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

.node.node-balade h2.title_lvl2 {
  margin: 30px 0 15px;
}
/*----------------- balade view ----------------*/

#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-title h2,
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-title h2 a {
  margin: 0 0 14px;
  color: #002F6B;
  font-family: 'Arial';
  font-weight: bold;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-chapeau .field-items {
  color: #000;
  margin-bottom: 15px;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-type-de-balade .field-item {
  background: none;
  text-align: left;
  padding-top: 0px;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-duree {
  float: left;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte {
  width: 172px;
  float: left;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte {
  background: url("../images/all-icones/difficulte.png") no-repeat scroll left top;
  padding-left: 28px;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte img {
  float: left;
  border: none;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte span{
  float:left;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-duree .field-item {
  background: url("../images/all-icones/duree-normal-small.png") no-repeat scroll left top;
  padding-left: 28px;
  padding-top: 5px;
  height: 25px;
  font-weight: bold;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte .field-label,
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-type-de-balade span,
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-duree,
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte span {
  color: #535353;
  font-family: 'Arial';
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-type-de-balade ul ,
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-duree ul,
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte ul {
  list-style-type: none;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte ul {
  margin-top: 6px;
}
#main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte ul li {
  margin-left: 5px;
}
/*----------------- Temoignages view-mode-full ----------------*/
.node-temoignage.view-mode-full .group-left {
  width: 175px !important;
  float: left;
}
.node-temoignage.view-mode-full .group-right {
  float: left;
  margin-left: 20px !important;
  width: 545px !important;
}
.node-temoignage.view-mode-full .group-right .field-name-field-fonction .field-item-first {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 13px;
  color: #777777;
}
.node-temoignage.view-mode-full .group-right .field-name-field-citation .field-item-first {
  background: url("../images/citation-left.png") no-repeat scroll left top, url("../images/citation-right.png") no-repeat scroll right bottom transparent;
  color: #686868;
  float: left;
  font-family: 'UbuntuLi','Arial';
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  margin: 25px;
  padding: 1px 45px;
  text-align: center;
}
.node-temoignage.view-mode-full .field-name-body p {
  color: #000;
  font-size: 13px;
}
/*----------------- Cantine view-mode-full ----------------*/
.node-cantine.view-mode-full .group-left {
  width: auto !important;
}
.node-cantine.view-mode-full .group-footer .field-name-field-fichier-upload a {
  background: url("../images/telecharger.png") no-repeat scroll 0 0 transparent;
  color: #0075B6;
  font-family: Arial;
  font-size: 11pt;
  font-weight: bold;
  margin: 5px 0;
  padding: 0 0 0 25px;
  text-decoration: none;
}
/*----------------- Cantine view-mode-listing ----------------*/
.node-cantine.view-mode-listing .group-left {
  float: left;
  width: 158px !important;
}
.node-cantine.view-mode-listing .group-right {
  float: left;
  margin-left: 20px !important;
  padding: 0;
  width: 562px !important;
}
.node-cantine.view-mode-listing .group-right .field-name-title h3 {
  color: #002F6B;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  font-family: UbuntuB,Arial;
}
.node-cantine.view-mode-listing .group-right .field-name-title h3 a {
  text-decoration: none;
  color: #002F6B;
}
.node-cantine.view-mode-listing .group-right .field-type-text-with-summary .field-item-first {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 12px;
  color: #000;
}
/*------------------------------------------------------*/
/*----------------- Infos Flash Styling ----------------*/
/*------------------------------------------------------*/

/*********** filters bloc ***************/
.view-filters {
  border: 1px solid #D9D9D9;
  font-family: arial;
  width: 100%;
  margin-bottom: 20px;
}
.view-filters .views-exposed-form {
  background: url("../images/bg-gris-to-white.png") repeat-x scroll 0 0 #f7f7f7;
  border: 1px solid #FAFAFA;
  padding: 8px;
}

.view-filters .form-type-textfield .description {
  display: none;
}

.view-display-id-page_infos_flash_listing .view-filters .form-item-field-thematique-tid input {
  border: none;
  font-size: 13px;
  padding: 0 20px 0 7px;
  width: 492px;
}
.view-display-id-page_infos_flash_listing .view-filters .form-item-field-thematique-tid {
  width: 516px;
}

.field_thematique_tid .view-filters div.selector {width: 235px;}
.field_thematique_tid .view-filters div.selector span {width: 204px;}
.field_thematique_tid .view-filters div.selector select {width: 242px;}

.field_thematique_tid .view-filters .form-item.form-type-select {
  height: 31px;
  padding: 0;
  width: 242px;
}
.view-filters .views-exposed-form .views-exposed-widget {
  margin-top: 8px;
  padding: 0;
}
.field_thematique_tid .view-filters .views-exposed-form .views-exposed-widget.views-widget-filter-body_value {
  width: 530px;
}

.view-filters .views-widget-filter-field_thematique_tid {
  padding: 0;
}
.view-filters .views-submit-button {
  background-position: right bottom;
  border: medium none;
  color: #343B3D;
  display: block;
  height: 33px;
  padding: 0 6px 0 0;
}
.view-filters .views-submit-button .form-submit,
.view-filters .views-submit-button {
  /*background-image: url("../images/gris_btn.png");*/
  background-repeat: no-repeat;
}
.view-filters .views-submit-button .form-submit {
  /*background-position: left top;*/
  border: medium none;
  display: block;
  margin: 0;
  padding: 9px 0 9px 6px;
  width: 110px;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
}
.view-filters .views-exposed-widgets {
  /*background: url("../images/filter_sep.png") repeat-y scroll right 0 transparent;*/
  /*margin: 0 163px 0 0;*/
  position: relative;
}
.view-filters .views-exposed-form .views-submit-button {
  /*position: absolute;*/
  /*right: -146px;*/
  /*top: 42%;*/
}
#views-exposed-form-bloc-actualites-page-1 .views-submit-button {
  top: 25%;
}


/************** liste **************/

.view-infos-flash .view-content {
  width: 100%;
}

.views-row {
  background: url("../images/bg-white-to-gris.png") repeat-x scroll left bottom transparent;
  list-style: none outside none;
  margin-bottom: 17px;
  padding: 0 9px 20px;
  font-family: arial;
}

.group-header {
  color: #002F6B;
  font-size: 18px;
  line-height: 25px;
  margin: 5px 0 3px;
  padding: 0;
  font-weight: bold;
}
.views-row .field-item img {
  border: 5px solid #ebebeb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: auto;
}
.views-row .ds-2col-stacked > .group-left {
  width: 101px;
  margin-right: 11px;
}
.views-row .ds-2col-stacked > .group-right {
  float: none;
  padding-top: 2px;
  width: auto;
}
.views-row .ds-2col-stacked > .group-left + .group-right { /*margin-left: 0px;*/}
.views-row .ds-2col-stacked > .group-right p {
  font-size: 13px;
  margin: 0;
}
/************** pager ***************/
.item-list ul.pager {
  background: url("../images/footer-pagination.png") no-repeat scroll left top transparent;
  border: medium none;
  height: 37px;
  margin: 35px 0 0;
  overflow: hidden;
  padding: 5px 0 0;
  position: relative;
  width: 735px;
}
.item-list ul.pager li {
  text-align: center;
  font-size: 11px;
  position: relative;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.item-list ul.pager li.pager-current {
  background: url("../images/pager-black-link.png") no-repeat scroll left top transparent;
  color: #FFFFFF;
  cursor: default;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 18px;
  margin: 0;
  padding: 8px;
  text-align: center;
  width: 18px;
}
.item-list ul.pager li.pager-item a {
  background: url("../images/pager-gris-link.png") no-repeat scroll left top transparent;
  border: medium none;
  color: #000000;
  display: inline-block;
  font-family: Arial;
  font-weight: bold;
  height: 20px;
  margin: 0;
  padding-top: 4px;
  position: relative;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 25px;
}
.item-list ul.pager li.pager-last,.item-list ul.pager li.pager-first {
  display: none;
}
.item-list ul.pager li.pager-next, .item-list ul.pager li.pager-next a {
  background-image: url("../images/pager-next.png");
  background-repeat: no-repeat;
  height: 24px;
}
.item-list ul.pager li.pager-next {
  background-position: right bottom;
  float: right;
  margin-right: 10px;
  margin-top: 4px;
  padding-right: 12px;
}
.item-list ul.pager li.pager-next a {
  background-position: left top;
  display: inline-block;
  height: 19px;
  margin: 0;
  padding-left: 12px;
  padding-right: 5px;
  padding-top: 5px;
  color: #000;
  text-decoration: none;
  font-size: 11px;
}
.item-list ul.pager li.pager-previous, .item-list ul.pager li.pager-previous a {
  background-image: url("../images/pager-prev.png");
  background-repeat: no-repeat;
  height: 24px;
}
.item-list ul.pager li.pager-previous {
  background-position: left bottom;
  float: left;
  margin-left: 10px;
  margin-top: 4px;
  padding-left: 12px;
}
.item-list ul.pager li.pager-previous a {
  background-position: right top;
  display: inline-block;
  height: 19px;
  margin: 0;
  padding-left: 5px;
  padding-right: 12px;
  padding-top: 5px;
  color: #000;
  text-decoration: none;
  font-size: 11px;
}
/*form {*/
  /*border: 1px solid #D9D9D9;*/
  /*background: url(../images/form-bg.png) repeat-x #f7f7f7;*/
/*}*/
fieldset {
  border: 1px solid #fdfdfd;
  border-bottom: none;
  margin: 0;
  padding: 18px;
}



/*------------------------------------------------------*/
/*----------------- Formulaires Styling ----------------*/
/*------------------------------------------------------*/

form.webform-client-form {
  border: 1px solid #D9D9D9;
  background: url(../images/form-bg.png) repeat-x #f7f7f7;
}
form.webform-client-form fieldset {border: none;}
form.webform-client-form > fieldset, form.webform-client-form > div {
  padding: 18px;
  border-left: 1px solid #fdfdfd;
  border-right: 1px solid #fdfdfd;
  border-top: none;
  border-bottom: none;
  margin: 0;
}

form.webform-client-form fieldset legend {
  color: #686868;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #D4D4D4;
  width: 100%;
}

form.webform-client-form .webform-component-checkboxes .form-item {
  margin: 0 0 12px;
}
form.webform-client-form .webform-datepicker .form-item {
  margin: 0;
}

form.webform-client-form .form-item .description {
  font-size: 11px;
  color: #777;
  margin-bottom: 5px;
}
form.webform-client-form label {
  font-family: arial;
  font-size: 13px;
  color: #000;
  margin: 0 2px 6px;
}
.webform-component-fieldset .fieldset-description {
  margin-bottom: 10px;
}

/************* Meteo Icons Styling *************/

.meteo {
  background-image: url(../images/meteo-sprite.png);
  background-repeat: no-repeat;
  display: block;
}
.meteo.p1 {
  background-position: -37px -7px;
  width: 63px;
  height: 63px;
}
.meteo.p2 {
  background-position: -22px -88px;
  width: 77px;
  height: 61px;
}
.meteo.p3 {
  background-position: -35px -169px;
  width: 64px;
  height: 45px;
}
.meteo.p4 {
  background-position: -216px -1px;
  width: 80px;
  height: 75px;
}
.meteo.p5 {
  background-position: -222px -90px;
  height: 58px;
  width: 62px;
}
.meteo.p6 {
  background-position: -224px -157px;
  height: 64px;
  width: 62px;
}
.meteo.p7 {
  background-position: -384px -10px;
  height: 59px;
  width: 63px;
}
.meteo.p8 {
  background-position: -382px -93px;
  width: 64px;
  height: 59px;
}
.meteo.p9 {
  background-position: -385px -165px;
  width: 70px;
  height: 58px;
}
form.webform-client-form .form-text,
form.webform-client-form  .form-textarea {
  border: 2px solid #CECECE;
  border-radius: 5px 5px 5px 5px;
  font-size: 13px;
  padding: 8px;}
form.webform-client-form  .form-textarea {
  border-radius: 5px 5px 0 0;
  resize: vertical;
}
form.webform-client-form .form-select {
  border: 2px solid #CECECE;
  border-radius: 5px 5px 5px 5px;
  font-size: 13px;
  padding: 5px;}



form.webform-client-form  .form-item input.error,
form.webform-client-form   .form-item textarea.error,
form.webform-client-form   .form-item select.error {
  border-color: #ffa0a0;
}

form.webform-client-form  .form-item input:focus,
form.webform-client-form   .form-item textarea:focus,
form.webform-client-form   .form-item select:focus {
  border-color: #a0d4d7;
}

form.webform-client-form .form-actions {
  margin: 0 18px 18px;
}
form.webform-client-form .form-actions .form-submit {
  background: url("../images/form-btn-bg.png") no-repeat;
  border: medium none;
  color: #343B3D;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 3px;
  width: 92px;
  cursor: pointer;
}

form.webform-client-form .webform-container-inline label {
  display: block;
  float: left;
  margin: 0 10px 0 2px;
}
form.webform-client-form  .webform-component-table_element .form-item {
  margin: 0px;
}
form.webform-client-form  .webform-component-table_element .form-text {
  margin: 5px;
}


/**************** Form Styling *************/

.webform-container-inline .form-checkboxes .form-type-checkbox {
  float: left;
  margin: 0;
}
.webform-container-inline div, .webform-container-inline div.form-item {
  float: left;
  display: block;
  overflow: hidden;
}
.webform-container-inline {
  overflow: hidden;
}
.webform-component-radios .form-radios .form-type-radio {
  margin: 0 0 7px;
}

div.error {
  background: url(../images/error-icon.png) no-repeat 10px 10px #FFF;
  border: 2px solid #ffa0a0;
  padding: 13px 13px 0;
  margin: 12px 0 22px;
}
div.error ul {
  background: url(../images/error-msg-bg-bottom.png) no-repeat left bottom;
  padding: 0 0 26px;
  list-style: none;
  margin: 0 0 -13px;
}
div.error ul li {
  background: url("../images/error-item-icon.png") no-repeat scroll 4px 6px transparent;
  padding: 0 0 0 16px;
  color: #ff0000;
  font-family: arial;
  font-size: 12px;
}

h2.pane-title {
  font-family: UbuntuBi;
  font-size: 19px;
  padding: 0 0 7px 0;
  border-bottom: 1px dashed #d5d1c8;
  color: #717171;
  margin: 0 0 7px;
}
/***************liste puce**********************/
.view-mode-full .group-left .field-name-body li {
  list-style:none;
  background: url(../images/arrow03.png) no-repeat  left top;
  padding-left: 20px;
  margin-top: 8px;
}
.view-mode-full .group-left .field-name-body li li {
  background: none;
  padding-left: 0;
  list-style: url(../images/fleche_link_2.png);
  margin: 8px 0 0px 24px;
}
/***************************************/
.pane-evenements {}
.view-evenements {}
.view-evenements table.views-view-grid td {vertical-align: top;border: 0;}
.view-evenements {font-family: arial;font-size: 13px;}

.view-evenements .field-name-field-images-principales {/*height: 120px;*/ margin: 0 0 2px;}
.view-evenements .field-name-field-images-principales img {border: 5px solid #ebebeb; border-radius: 5px;}
.view-evenements .field-name-field-categorie {margin-bottom: 1px;}
.view-evenements .field-name-field-categorie ul {list-style: none;margin: 0;}
.view-evenements .field-name-field-categorie ul li {margin: 0;}
.view-evenements .field-name-field-categorie span {text-decoration: none; font-family: arial; font-size: 11px; font-weight: bold;}
.view-evenements .field-name-field-date {color: #6d6d6c; }
.view-evenements .field-name-title h2 {color: #000000;font-family: arial; font-size: 13px;font-weight: normal;line-height: 14px;}
.view-evenements .field-name-title h2 a {color: #000000;}


.region-content {margin: 5px 0 0;}
.region-content .panels-flexible-region-4-top-inside {background: url(../images/acc-top-sep.png) no-repeat center 49px;overflow: hidden;}

.page-avenir-se-construit #content .section {position: relative;}
.page-avenir-se-construit #content .section #logo {
  position: absolute;
  top: -10px;
}
.view-id-visites_virtuelle table.views-view-grid,
.view-id-visites_360 table.views-view-grid,
.view-nodequeue-9-webcams table.views-view-grid {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #D9D9D9;
  border-collapse: separate;
  border-spacing: 9px;
}
.view-id-visites_virtuelle table.views-view-grid .views-field-nothing,
.view-nodequeue-9-webcams table.views-view-grid .views-field-nothing {
  position: relative;
}
.view-id-visites_virtuelle table.views-view-grid .visite-virtuelle-title,
.view-nodequeue-9-webcams table.views-view-grid .webcam-title {
  background: none repeat scroll 0 0 #353535;
  font-family: UbuntuB;
  text-align: right;
  font-size: 16px;
  position: absolute;
  bottom: 0px;
  width: 100%
}
.view-id-visites_virtuelle table.views-view-grid .visite-virtuelle-title a,
.view-nodequeue-9-webcams table.views-view-grid .webcam-title a {
  text-decoration: none;
  color: #FFFFFF;
}
.view-id-visites_virtuelle table.views-view-grid .visite-virtuelle-title h2,
.view-nodequeue-9-webcams table.views-view-grid .webcam-title h2 {
  background: url("../images/title-fleche.png") no-repeat scroll right center;
  font-family: UbuntuB;
  font-size: 12px;
  padding: 0 20px 0 0;
  text-align: right;
}
.view-id-visites_360 table tbody tr td {
  border: none;
}
.view-id-visites_360 table tbody tr td .views-field-title {
  font-family: UbuntuB;
  font-size: 12px;
  color: #545353;
  width: 135px;
}
.view-id-visites_360 table tbody tr td img {
  border: 1px solid #D9D9D9;
}
.view-id-tous_les_grands_projets {}
.view-id-tous_les_grands_projets table.views-view-grid {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #D9D9D9;
  border-collapse: separate;
  border-spacing: 9px;
  width: 100%;
}
.view-id-tous_les_grands_projets table.views-view-grid td {border: none;border: 1px solid #d9d9d9;}
.view-id-tous_les_grands_projets table.cols-2 td {width: 50%;}
.view-id-tous_les_grands_projets table.views-view-grid td .node-greatprojects {
  position: relative;
}
.view-id-tous_les_grands_projets table.views-view-grid td .field-name-field-image-teaser {}
.view-id-tous_les_grands_projets table.views-view-grid td .field-name-title {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 100%;}
.view-id-tous_les_grands_projets table.views-view-grid td .field-name-title h2 {
  font-family: UbuntuB;
  font-size: 16px;
  color: #FFF;
  background: url("../images/title-fleche.png") no-repeat scroll 424px center rgba(0, 0, 0, 0.45);
  padding: 2px 46px 4px 0;
  text-align: right;
  margin: 0;
  line-height: 28px;
}

#quicktabs-quicktab_comment_faire_si {
  float: left;
}
#quicktabs-quicktab_comment_faire_si .ui-tabs-nav li {
  width: 314px;
  background: url("../images/onglet-314.png")
}
#quicktabs-quicktab_comment_faire_si .ui-tabs-nav li.ui-tabs-selected {border-color: #69498d #D9D9D9 #F9F9F9;}

.view-ft-commentfairesi-views {
  padding: 3px;
}
.view-ft-commentfairesi-views a {
  font-family: arial;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
  color: #686868;
  background: url(../images/toulon-pratique-icones.png) no-repeat 0 0;
  padding: 8px 0 4px 38px;
  display: inline-block;
}
.view-ft-commentfairesi-views > .view-content a:before {
  content: "... ";
}
.view-ft-commentfairesi-views a:hover {
  color: #002f6b;
  font-weight: bold;
}

.view-ft-commentfairesi-views .deplacement a {
  background-position: 0 0;
}
.view-ft-commentfairesi-views .deplacement a:hover {
  background-position: 0 -297px;
}
.view-ft-commentfairesi-views .stationnement a {
  background-position: 0 -27px;
}
.view-ft-commentfairesi-views .stationnement a:hover {
  background-position: 0 -324px;
}
.view-ft-commentfairesi-views .travaux a {
  background-position: 0 -54px;
}
.view-ft-commentfairesi-views .travaux a:hover {
  background-position: 0 -351px;
}
.view-ft-commentfairesi-views .construction a {
  background-position: 0 -81px;
}
.view-ft-commentfairesi-views .construction a:hover {
  background-position: 0 -378px;
}
.view-ft-commentfairesi-views .gestion-dechets a {
  background-position: 0 -105px;
}
.view-ft-commentfairesi-views .gestion-dechets a:hover {
  background-position: 0 -402px;
}
.view-ft-commentfairesi-views .installation a {
  background-position: 0 -130px;
}
.view-ft-commentfairesi-views .installation a:hover {
  background-position: 0 -427px;
}
.view-ft-commentfairesi-views .mariage a {
  background-position: 0 -157px;
}
.view-ft-commentfairesi-views .mariage a:hover {
  background-position: 0 -454px;
}
.view-ft-commentfairesi-views .grossesse a {
  background-position: 0 -189px;
}
.view-ft-commentfairesi-views .grossesse a:hover {
  background-position: 0 -486px;
}
.view-ft-commentfairesi-views .famille a {
  background-position: 0 -216px;
}
.view-ft-commentfairesi-views .famille a:hover {
  background-position: 0 -513px;
}
.view-ft-commentfairesi-views .handicap a {
  background-position: 0 -243px;
}
.view-ft-commentfairesi-views .handicap a:hover {
  background-position: 0 -540px;
}
.view-ft-commentfairesi-views .deces a {
  background-position: 0 -270px;
}
.view-ft-commentfairesi-views .deces a:hover {
  background-position: 0 -567px;
}
.view-id-tous_les_grands_projets table.views-view-grid {
  border: 1px solid #d9d9d9;
  background: #f9f9f9;
  width: 100%;
}
.view-id-tous_les_grands_projets table.views-view-grid td {
  border: none;
}
.view-id-tous_les_grands_projets table.views-view-grid td .node-greatprojects {
  border: 1px solid #d9d9d9;
  background: #ffffff;
  position: relative;
  margin: 9px;
}
.view-id-tous_les_grands_projets table.views-view-grid td .field-name-field-image-teaser {}
.view-id-tous_les_grands_projets table.views-view-grid td .field-name-title {}
.view-id-tous_les_grands_projets table.views-view-grid td .field-name-title h2 {
  font-family: UbuntuB;
  font-size: 16px;
  color: #FFF;
  background: url(../images/title-fleche.png) no-repeat right center rgba(0, 0, 0, 0.5);
  padding: 0 20px 0 0;
  text-align: right;
}

/*.page-toulon-pratique .inside {overflow: hidden;}
.page-toulon-pratique .top-right .inside {overflow: visible;} /* Ajout du top-right pour supprimer l'effet de bord sur les blocs Je suis mini et J'habite mini */
.page-toulon-pratique .inside .panel-separator {
  display: none;
}
/* Surcharge panel-separator pour les blocs*/
.page-toulon-pratique .center-top .panel-separator {
  display: block;
  float: left;
  padding: 15px;
}
.page-toulon-pratique .pane-actualites {
  float: left;
  width: 64%;
  height: 375px;
  position: relative;
}
.page-toulon-pratique .pane-dossier {
  float: left;
  width: 300px;
  height: 375px;
  position: relative;
  margin-left: 15px;
}
.page-toulon-pratique .pane-evenements {
  float: left;
}
.page-toulon-pratique .pane-infos-flash {
  float: left;
}
.page-toulon-pratique .pane-dossier .view-id-dossier {
  border: none;
}
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content {
  background: none;
  border: none;
  padding: 0;
  overflow: hidden;
}
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content .views-row {
  float: left;
  background: none;
  margin-top: 10px;
  padding: 0;
}
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content .views-row-2 {
  margin-left: 36px;
}
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content .views-row .field-name-field-images-principales {
  margin-bottom: 15px;
}
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content .node-dossier {
  width: 125px;
}
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content .views-row .field-type-image a {
  border: none;
}
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content .views-row .field-type-image img {
  border: 5px solid #EBEBEB;
  border-radius: 5px 5px 5px 5px;
  height: auto;
  width: 128px;
}
.panel-pane.pane-block.pane-quicktabs-portails-01 .more-link {
  left: 0px;
  margin: 1px 0 0;
  padding: 2px 0;
  position: absolute;
  top: 100%;
  width: 634px;
}
.more-link {
  background: url(../images/see-all-bg.png) repeat-x;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  padding: 0;
  width: auto;
  height: 21px;
}
.page-toulon-pratique .pane-actualites .more-link,
.page-toulon-pratique .pane-dossier .more-link {
  background: url("../images/see-all-bg.png") repeat-x scroll 0 0 transparent;
  border: 1px solid #D9D9D9;
  bottom: 0;
  font-size: 12px;
  height: 21px;
  padding: 0;
  width: 100%;
}

.more-link a {
  background: url("../images/puces.png") no-repeat scroll 0 -113px transparent;
  color: #000000;
  line-height: 20px;
  padding: 0 13px 0 15px;
  text-decoration: none;
  float: left;
}

.field-name-field-lien-more-generic-bean .field-item {
  background: url(../images/see-all-bg.png) repeat-x;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  padding: 0;
  /*width: 100%;*/
  text-align: right;
  margin-top: 1px;
  height: 21px;
}
.field-name-field-image-generic-bean {
  border: 1px solid #D9D9D9;
  width: 100%;
  box-sizing: border-box;
}
.field-name-field-image-generic-bean a {
  display: block;
  width: 100%;
}
.field-name-field-image-generic-bean img {
  margin: 0 auto;
}
.field-name-field-lien-more-generic-bean a.more-link {
  background: url("../images/puces.png") no-repeat scroll 0 -113px transparent;
  color: #000000;
  line-height: 20px;
  padding: 3px 13px 0 15px;
  text-decoration: none;
  border: none;
}
.view-galeries.view-display-id-block_1 .view-content table{
  text-decoration: none;
  border: none;
}
/* .view-display-id-b_actu_condh .more-link {
  width: 100%;
}
.view-display-id-block_dossier_vertical .more-link {
  width: 100%;
}
.view-display-id-block_2 .more-link {
  width: 100%;
} */
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content .node-dossier h3 {
  font-size: 14px;
  line-height: 15px;
  margin: 4px 0 6px;
}
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content .node-dossier h3 a {
  color: #000;
  font-size: 12px;
}
.page-toulon-pratique .pane-dossier .view-id-dossier .view-content .node-dossier .field-item {
  color: #6D6D6C;
  font-size: 12px;
}


.view-display-id-b_actu_condh table tbody tr td {border: none;}
.view-display-id-b_actu_condh .ds-2col-fluid > .group-left {width: 100px;; margin: 0px 5px 0;}
.view-display-id-b_actu_condh .ds-2col-fluid > .group-right {
  margin: 0;
  width: 128px;
}
.view-display-id-b_actu_condh .ds-2col-fluid > .group-right .view-actualites .group-left {
  width: 95px;
}
.view-display-id-b_actu_condh .ds-2col-fluid > .group-right .view-actualites .group-right {
  margin: 0 0 0 10px;
  width: 155px;
}
.view-display-id-b_actu_condh .ds-2col-fluid {}
.view-display-id-b_actu_condh .ds-2col-fluid .group-left .field-name-title h2 {
  font-size: 18px;
  color: #000000;
  font-family: UbuntuB;
}
.panel-col-first .pane-menu-tree .pane-content {
  border: none;
  padding: 0!important;
}
/*******************learn-more********************/

.node.view-mode-full .field-name-field-learn-more .field-label {
  border-bottom: 1px dashed #D5D1C8;
  color: #717171;
  font-family: 'UbuntuBi', 'Arial';
  font-weight: normal;
  font-size: 19px;
  margin: 1em 0 10px;
  padding: 0 0 5px;
  width: 100%;
}
.node.view-mode-full .field-name-field-learn-more .field-collection-item-field-learn-more {
  background-color: #F9F9F9;
  border: 1px solid #D5D1C8;
  margin: 8px 0;
  padding: 20px;
}
.node.view-mode-full .field-name-field-learn-more .field-name-field-learn-more-introduction {
  border-bottom: 1px solid #0075b6;
  padding-bottom: 10px;
}
.node.view-mode-full .field-name-field-learn-more .field-name-field-learn-more-downloads .field-item,
.node.view-mode-full .field-name-field-learn-more .field-name-field-learn-more-link .field-item {
  border-bottom: 1px solid #0075B6;
}
.node.view-mode-full .field-name-field-learn-more .field-name-field-learn-more-downloads .field-item a,
.node.view-mode-full .field-name-field-learn-more .field-name-field-learn-more-link .field-item a {
  color: #0075b6;
  display: inline-block;
  padding: 3px 0 3px 15px;
  text-decoration: none;
  background: url("../images/lien.png") no-repeat scroll 3px center transparent;
}

/* ### */
/* je suis + j'habite (Grand et Mini) */
#je-suis-id,
#jhabite-block-id
{
  position: relative;
  cursor: pointer;
  width: 100%;
}
#je-suis-id,
#jhabite-block-id,
#je-suis-mini-id,
#jhabite-mini-block-id {
  background: url("../images/hometop-box-bg.png") repeat-x 0 0 #F9F9F9;
  border: 1px solid #D9D9D9;
}
#je-suis-id .public-cible-bg,
#jhabite-block-id .localisation-bg,
#je-suis-mini-id .public-cible-mini-bg,
#jhabite-mini-block-id .localisation-mini-bg {
  border: 1px solid #FFF;
  position: relative;
}

#je-suis-id .public-cible-content,
#jhabite-block-id .localisation-content
{
  width: 100px;
}
#je-suis-id .public-cible-content .title,
#jhabite-block-id .localisation-content .title {
  color: #545353;
  display: block;
  font-family: UbuntuB;
  font-size: 19px;
  text-align: right;
}
#je-suis-id .public-cible-content .desc,
#jhabite-block-id .localisation-content .desc {
  display: block;
  font-family: arial;
  font-size: 13px;
  line-height: 13px;
  text-align: right;
  text-indent: 0px;
}
#je-suis-id .public-cible-bg .arrow,
#jhabite-block-id .localisation-bg .arrow {
  background: url(../images/puce03.png) no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 40px;
}
#je-suis-id.active .public-cible-bg .arrow {
    background-position: center bottom;
}
.public-cible-image-hover,
.public-cible-image-hover {display: none;}


#je-suis-id .public-cible-hover .public-cible-list,
#jhabite-block-id .localisations-list {
  border: 1px solid #FFF;
  padding: 10px 15px;
}

#je-suis-id #je-suis-id.active,
#jhabite-block-id #jhabite-block-id.active {
  border-bottom: none;
}


#je-suis-id-hover .terms-list,
#jhabite-block-id-hover .terms-list,
#je-suis-mini-id-hover .terms-list-mini,
#jhabite-block-id-hover .terms-mini-list {
  /*overflow: hidden;*/
  margin: 0;
}

#je-suis-id-hover .terms-list li{
  list-style: none;
  width: 88px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
}
#je-suis-id-hover .terms-list li.term-94,
#jhabite-block-id-hover .terms-list li.term-94 {
  width: 95px;
}

/* ### ### ### ### ### */
/* je suis */
#je-suis-id .public-cible-content {
  background: url(../images/je-suis-bg.png) no-repeat 118px 12px;
  padding: 16px 115px 6px 10px; height: 73px;
}
#je-suis-id .public-cible-content .title {}
#je-suis-id .public-cible-content .desc {
  text-indent: 16px;
}

.active #je-suis-id .public-cible-content {
  background-position: 119px -92px;
}

.active #je-suis-id .public-cible-bg .arrow {
  background-position: 0 -46px;
}

#je-suis-id-hover .terms-list {
  overflow: hidden;
}
#je-suis-id-hover .terms-list li a {text-decoration: none;}
#je-suis-id-hover .terms-list li .public-cible-name {
  display: block;
  text-align: center;
  font-size: 14px;
  font-family: ubuntub;
  color: #545353;
  text-shadow: 1px 1px 0 #FFFFFF;
}

#jhabite-block-id .localisation-content {
  background: url("../images/jhabite-bg.png") no-repeat scroll 117px 4px transparent;
  padding: 16px 115px 6px 10px; height: 73px;
  position: relative;
  width: 100px;
}

#jhabite-block-id .localisation-content .desc {
  text-indent: 0;
}

#jhabite-block-id .jhabite-block-hover .secteur-teaser img {
  border: 4px solid #EBEBEB;
  border-radius: 4px;
}
.active #jhabite-block-id .localisation-content {
  background-position: 119px -107px;
}

.active #jhabite-block-id .localisation-bg .arrow {
  background-position: 0 -46px;
}

#jhabite-block-id-hover .terms-list li .localisation-name {
  display: block;
  text-align: center;
  font-size: 14px;
  font-family: "ubuntub";
  color: #545353;
  text-shadow: 1px 1px 0 #FFFFFF;
}

/* ### */
#je-suis-mini-id .public-cible-mini-content .title-mini,
#jhabite-mini-block-id .localisation-mini-content .title {
  color: #545353;
  display: block;
  font-family: UbuntuB;
  font-size: 17px;
  font-weight: normal;
  line-height: 17px;
  margin-bottom: 8px;
  text-align: right;
  text-shadow: 1px 1px 0 #FFFFFF;
}

#je-suis-mini-id .public-cible-mini-content .desc-mini,
#jhabite-mini-block-id .localisation-mini-content .desc {
  color: #000000;
  display: block;
  font-family: arial;
  font-size: 11px;
  line-height: 12px;
  text-align: right;
}
.public-cible-mini-hover,
.public-cible-image-hover {display: none;}

#je-suis-mini-id .public-cible-mini-bg .arrow,
#jhabite-mini-block-id .localisation-mini .arrow {
  background: url("../images/nav-arrow.png") no-repeat;
  /*bottom: 24px;*/
  bottom: 15px;
  height: 24px;
  position: absolute;
  right: 21px;
  width: 24px;
}

.pane-home-page-blocks-je-suis-mini-id .public-cible-mini-hover,
.pane-home-page-blocks-j-habite-mini-id .jhabite-block-hover {
  background: #F9F9F9;
  border: 1px solid #D9D9D9;
  left: 0px;
  position: absolute;
  width: 968px;
  display: none;
}
.pane-home-page-blocks-je-suis-mini-id .public-cible-mini-hover {
  width: 973px;
}
/* je suis mini */
.pane-home-page-blocks-je-suis-mini-id,
.pane-home-page-blocks-j-habite-mini-id {
  width: 160px;
  cursor: pointer;
}

#je-suis-mini-id .public-cible-mini-content {
  /*background: url("../images/je-suis-mini-bg.png") no-repeat scroll 94px 0 transparent;*/
  background: url("../images/je-suis-mini-bg.png") no-repeat scroll 94px 15px transparent;
  margin-top: -12px;
  padding: 26px 68px 6px 10px;height: 75px;
  position: relative;
}

.pane-home-page-blocks-je-suis-mini-id #je-suis-mini-id.active {
  border-bottom: none;
}
.pane-home-page-blocks-je-suis-mini-id #je-suis-mini-id.active .public-cible-mini-bg {
  border-bottom: 1px solid #F9F9F9;

}

.pane-home-page-blocks-je-suis-mini-id #je-suis-mini-id.active .public-cible-mini-content {
  background-position:  95px -134px;
}

.pane-home-page-blocks-je-suis-mini-id #je-suis-mini-id.active .public-cible-mini-bg .arrow {
  background-position: 0 -24px;
}

.pane-home-page-blocks-je-suis-mini-id #je-suis-mini-id-hover.active {
  display: block;
  top: 97px;
  left: -230px;
}

#je-suis-mini-id-hover .public-cible-mini-list {
  border: 1px solid #FFF;
  padding: 16px 8px 18px;
}
/**************************************************************************************************/
#je-suis-mini-id-hover .terms-list-mini {}
#je-suis-mini-id-hover  .terms-list-mini li a {text-decoration: none;}
#je-suis-mini-id-hover  .terms-list-mini li {
  list-style: none;
  float: left;
  width: 96px;
  padding: 0 4px;
  text-align: center;
}

#je-suis-mini-id-hover  .terms-list-mini li .public-cible-name {
  display: block;
  text-align: center;
  font-size: 14px;
  font-family: ubuntub;
  color: #545353;
  text-shadow: 1px 1px 0 #FFFFFF;
}
/* jhabite-mini */
.pane-home-page-blocks-j-habite-mini-id {
  width: 160px;
}

#jhabite-mini-block-id {}
#jhabite-mini-block-id .localisation-mini-bg {}
#jhabite-mini-block-id .localisation-mini-content {
  /*background: url("../images/jhabite-mini-bg.png") no-repeat scroll 97px 0 transparent;*/
  background: url("../images/jhabite-mini-bg.png") no-repeat scroll 97px 15px transparent;
  margin-top: -12px;
  padding: 26px 68px 6px 10px;height: 75px;
  position: relative;
}

#jhabite-mini-block-id .localisation-mini-content .title {
  color: #545353;
  display: block;
  font-family: UbuntuB;
  font-size: 17px;
  font-weight: normal;
  line-height: 17px;
  margin-bottom: 8px;
  text-align: right;
  text-shadow: 1px 1px 0 #FFFFFF;
}
#jhabite-mini-block-id .localisation-mini-content .desc {
  color: #000000;
  display: block;
  font-family: arial;
  font-size: 11px;
  line-height: 12px;
  text-align: right;
}

.pane-home-page-blocks-j-habite-mini-id .jhabite-block-hover {
  z-index: 2147483647;
}
.pane-home-page-blocks-j-habite-mini-id .jhabite-block-hover .secteur-teaser img {
  border: 4px solid #EBEBEB;
  border-radius: 4px;
}

.pane-home-page-blocks-j-habite-mini-id #jhabite-mini-block-id.active {
  border-bottom: none;
}
.pane-home-page-blocks-j-habite-mini-id #jhabite-mini-block-id.active .localisation-mini-bg {
  border-bottom: 1px solid #F9F9F9;
}

.pane-home-page-blocks-j-habite-mini-id #jhabite-mini-block-id.active .localisation-mini-content {
  /*background-position:  98px -153px;*/
  background-position:  98px -138px;
}

.pane-home-page-blocks-j-habite-mini-id #jhabite-mini-block-id.active .localisation-mini-bg .arrow {
  background-position: 0 -24px;
}

.pane-home-page-blocks-j-habite-mini-id  #jhabite-mini-block-id-hover.active {
  display: block;
  top: 97px;
  left: -390px;
}

body.page-toulon-pratique-plan-interactif .pane-home-page-blocks-j-habite-mini-id .jhabite-block-hover {
  margin-left: 40px;
}

#jhabite-block-id-hover .localisations-mini-list {
  border: 1px solid #FFFFFF;
  padding: 16px 20px 18px;
}

#jhabite-block-id-hover .terms-mini-list {}
#jhabite-block-id-hover .terms-mini-list li {
  list-style: none;
  float: left;
  width: 96px;
  padding: 0 4px;
  text-align: center;
}
#jhabite-block-id-hover  .terms-mini-list li .localisation-name {
  display: block;
  text-align: center;
  font-size: 14px;
  font-family: ubuntub;
  color: #545353;
  text-shadow: 1px 1px 0 #FFFFFF;
}

/** BLOC MES DEMARCHES MINI **/
#mes-demarches-mini {
  min-height: 205px;
  background: url(../images/mes-demarches-mini.png) no-repeat;
}
#mes-demarche-mini-id {
  padding-top: 102px;
}
#mes-demarche-mini-id .title {
  display: block;
  margin: 0 0 16px;
  color: #717171;
  font-size: 19px;
  font-family: ubuntuli;
}
#mes-demarche-mini-id .desc {
  font-family: arial;
  font-size: 12px;
  color: #717171;
}
#mes-demarche-mini-id .link {
  font-family: arial;
  font-size: 12px;
  color: #717171;
  font-weight: bold;
  display: block;
  text-decoration: none;
  margin: 8px 0 0;
}

/**  BLOC MES DEMARCHES PAGE ACCUEIL **/
#mes-demarche-id {
  background: url(../images/mes-demarches.png) no-repeat;
  min-height: 205px;
}
#mes-demarche-id {
  padding-top: 102px;
}
#mes-demarche-id .title {
  display: block;
  margin: 0 0 16px;
  color: #717171;
  font-size: 19px;
  font-family: ubuntuli;
}
#mes-demarches-id .desc {
  font-family: arial;
  font-size: 12px;
  color: #717171;
}
#mes-demarches-id .link {
  font-family: arial;
  font-size: 12px;
  color: #717171;
  font-weight: bold;
  display: block;
  text-decoration: none;
  margin: 8px 0 0;
}

.pane-home-page-blocks-carte-interactives-macro-id,
.pane-home-page-blocks-webcams-macro-id {}
#cartes-interactives-macro-id,
#webcams-macro-id {
  padding: 16px 0 26px 144px;
  min-height: 96px;
}
#cartes-interactives-macro-id {
  background: url(../images/carto.png) no-repeat;
}
#webcams-macro-id {
  background: url(../images/webcam.png) no-repeat;
}
#cartes-interactives-macro-id .title,
#webcams-macro-id .title {
  display: block;
  font-size: 16px;
  margin: 0 0 15px;
  color: #717171;
  font-size: 19px;
  font-family: ubuntuli;
}
#cartes-interactives-macro-id .desc,
#webcams-macro-id .desc {
  font-family: arial;
  font-size: 12px;
  color: #717171;
}
.pane-home-page-blocks-bureau-info-jeunesse-id a,
.pane-home-page-blocks-carte-jeune-id a,
.pane-home-page-blocks-mes-demarches-mini-id a,
.pane-home-page-blocks-carte-interactives-macro-id a,
.pane-home-page-blocks-allo-mairie-service-id a,
.pane-home-page-blocks-maison-etudiant-id a,
.pane-home-page-blocks-webcams-macro-id a {
  text-decoration: none;
}
#cartes-interactives-macro-id .link,
#webcams-macro-id .link {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  display: block;
  text-decoration: none;
  margin: 8px 0 0;
  color: #717171;
}

div.jhabite-block-hover div[class^='mapSecteur']{background: url("../images/secteurs.png") no-repeat;}
div.jhabite-block-hover div.mapSecteur1 {background-position: center 0;}
div.jhabite-block-hover div.mapSecteur2 {background-position: center -303px;}
div.jhabite-block-hover div.mapSecteur3 {background-position: center -604px;}
div.jhabite-block-hover div.mapSecteur4 {background-position: center -907px;}
div.jhabite-block-hover div.mapSecteur5 {background-position: center -1210px;}
div.jhabite-block-hover div.mapSecteur6 {background-position: center -1514px;}
div.jhabite-block-hover div.mapSecteur7 {background-position: center -1818px;}
div.jhabite-block-hover div.mapSecteur8 {background-position: center -2122px;}
div.jhabite-block-hover div.mapSecteur9 {background-position: center -2425px;}
div.jhabite-block-hover div.mapSecteur10 {background-position: center -2729px;}

div.jhabite-block-hover .secteurDetails {float: right; width: 450px;border: 1px solid #dcdcdc; background: #FFF;}
div.jhabite-block-hover .secteurDetailsContent {
  background: url("../images/secteur-bulle-arrow.png") no-repeat scroll 0 50px transparent;
  margin-left: -20px;
  padding: 20px 20px 20px 43px;
  min-height: 260px;
}

.pane-newsletter-all-newsletter-all h2.pane-title {
  border-bottom: 1px dashed #D5D1C8;
  font-family: 'UbuntuLi','Arial';
  /*font-weight: normal;*/
}
.pane-newsletter-all-newsletter-all .pane-content {
  overflow: hidden;
}
.pane-newsletter-all-newsletter-all .issues-link {
  float: left;
  width: 100%;
  margin-top: 5px;
}
.pane-newsletter-all-newsletter-all form {
  background: none;
  border: none;
  overflow: hidden;
  margin: 0 8px 0 0;
  float: left;
  width: 100%;
}
.pane-newsletter-all-newsletter-all form .form-item-newsletter-all-mail {
  float: left;
  margin: 0 4px 0 0;
  border: 4px solid #EBEBEB;
  border-radius: 5px 5px 5px 5px;
}
.form-item-newsletter-all-mail label {
  display: none;
}
#newsletter-all-form .form-item-newsletter-all-mail input {
  color: #707070;
  font-family: arial;
  font-size: 13px;
  font-style: italic;
  height: 22px;
  padding: 4px;
  width: 138px;
  border: 1px solid  #D7D7D7;
}
.page-webcams #newsletter-all-form .form-item-newsletter-all-mail input {
  width: 124px;
}
.newsletter-all-subscribe-submit-link {
background: url("../images/validation.png") no-repeat 0 0;
width: 40px;
height: 40px;
text-indent: -9999px;
border: none;
cursor: pointer;
display: block;
float: left;
}
.pane-newsletter-all-newsletter-all .issues-link  a {
  color: #535353;
  font-family: arial;
  font-size: 12px;
  text-decoration: none;
  background: url("../images/arrow025.png") no-repeat 0 center ;
  padding: 0 0 0 10px;
  display: block;
  line-height: 16px;
  float: left;
  margin-left: 5px;
}
.panels-flexible-row {
  padding-top: 15px;
  padding-bottom: 15px;
}

.page-toutes-les-offres-d-emploi .simplenews-subscribe .form-text {
  background: url("../images/newsletter-input.png") no-repeat 0 0;
  border: medium none;
  color: #707070;
  font-family: arial;
  font-size: 13px;
  font-style: italic;
  height: 24px;
  padding: 8px;
  width: 143px;
  margin-bottom: 8px;
}

/*********Mediatheque****************/
.pane-mediatheque .pane-content .view-display-id-block_1 .view-content {
  border: 1px solid #d9d9d9;
  padding: 7px;
  margin: 0 0 1px;
}
.view-mediatheque-visites tr td,
.view-mediatheque-video tr td,
.view-mediatheque tr td {
  border: none;
  float: left;
  margin: 0 0 0 5px;
}
.view-mediatheque-visites .col-first,
.view-mediatheque-video .col-first,
.view-mediatheque .col-first {
  margin: 0;
}
.pane-mediatheque .pane-content .view-display-id-block_1 .field-name-field-image {
  float: left;
  width: 100%;
}

body .view-mediatheque .node-gallery .field-type-image img,
.view-mediatheque-visites img,
.view-mediatheque-video img,
.view-mediatheque img {
  border: none;
  height: auto;
  margin: 0 auto; /* Centrer l'image dans le bloc si celle ci est trop petite */
  border: none;
  border-radius: 0;
  max-width: 100%
}
.view-mediatheque-visites .field-name-field-images-principales,
.view-mediatheque-video .field-name-field-images-principales,
.view-mediatheque .field-name-field-images-principales {
  float: left;
  width: 100%;
}
.view-mediatheque-visites .field-name-title,
.view-mediatheque-video .field-name-title,
.view-mediatheque .field-name-title {
  /* margin: 10px 0 0; */
  width: 100%;
  background: #353535;
  opacity: 0.7;
  max-height: 60px;
  z-index: 2;
  position: relative;
}
.view-mediatheque-visites .field-name-title h2,
.view-mediatheque-video .field-name-title h2,
.view-mediatheque .field-name-title h2 {
  min-height: 60px;
  line-height: 14px;
  max-height: 60px;
  margin: 0;
}
.view-mediatheque-visites .field-name-title a,
.view-mediatheque-video .field-name-title a,
.view-mediatheque .field-name-title a {
  padding: 23px 0 23px 62px;
  background: url("../images/all-icones/arrow-right-big-transp.png") no-repeat 10px 10px;
  color: #FFF;
  display: block;
  font-size: 14px;
  opacity: 1;
  position: absolute;
}

/*****Submit*******/
.page-mediatheque-search .views-exposed-form,
.page-mediatheque .views-exposed-form {
  background: url("../images/bg-gris-to-white.png") repeat-x scroll 0 0 #F7F7F7;
  border: 1px solid #FAFAFA;
  padding: 8px;
}

/************/
.mediatheque-group {
  border-bottom: 1px dashed #D5D1C8;
  color: #717171;
  display: block;
  font-family: 'UbuntuLi', 'Arial';
  font-size: 19px;
  margin: 1em 0 0.4em;
  padding: 0 0 5px;
}
.node-organigramme-item {

}
.node-organigramme-item h1 {

}
/***************Toutes les actualites****************/
.page-toutes-les-actualites .view-bloc-actualites tr td {
  border: none;
}
.page-toutes-les-actualites .view-bloc-actualites .view-mode-listing {
  background: url("../images/bg-white-to-gris.png") repeat-x scroll left bottom transparent;
  list-style: none outside none;
  margin-bottom: 17px;
  padding-bottom: 20px;
  font-family: arial;
  border: none;
}

.page-toutes-les-actualites .view-bloc-actualites .view-mode-listing .field-name-field-images-principales a img {
  border: 5px solid #ebebeb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.page-toutes-les-actualites .view-bloc-actualites .view-mode-listing .field-name-field-thematique .field-items span {
  text-transform: uppercase;
  color: #fff;
  background-color: #009EE0;
  padding: 2px 5px 2px 5px;
  font-size: 12px;
}
.page-toutes-les-actualites .view-bloc-actualites .view-mode-listing .field-name-field-thematique ul {
  margin: 0;
}
.page-toutes-les-actualites .view-bloc-actualites .view-mode-listing .field-name-field-thematique li {
  list-style: none;
  margin: 0;
}
.page-toutes-les-actualites .view-bloc-actualites .view-mode-listing .field-name-field-thematique a {
  color: #FFFFFF !important;
  background: #0374B8;
  font-size: 10px;
  float: left;
  padding: 2px;
  text-transform : uppercase;
  text-decoration: none;
}
.page-toutes-les-actualites .view-bloc-actualites .view-mode-listing .field-name-post-date {
  margin: 5px 0 0 0;
}
.page-toutes-les-actualites .view-bloc-actualites .view-mode-listing .field-name-title h2 {
  border: medium none;
  color: #002F6B;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  line-height: 22px;
  margin: 0;
}

.page-toutes-les-actualites .view-bloc-actualites .view-mode-listing .field-name-field-chapeau p {
  color: #000;
}
/***************Toutes les temoignages****************/
.node-temoignage.view-mode-listing .group-left {
  float: left;
  width: 170px !important;
}
.node-temoignage.view-mode-listing .group-right {
  float: left;
  margin-left: 30px !important;
  padding: 0;
  width: 522px !important;
}
.node-temoignage.view-mode-listing .group-right .field-name-title {
  width: 100%;
  float: left;
  margin: 0;
}
.node-temoignage.view-mode-listing .group-right .field-name-title h2 {
  color: #002F6B;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  font-family: UbuntuB,Arial;
}
.node-temoignage.view-mode-listing .group-right .field-name-title h2 a {
  text-decoration: none;
  color: #002F6B;

}
.node-temoignage.view-mode-listing .group-right .field-name-field-fonction .field-item-first {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 13px;
  color: #777777;
}
.node-temoignage.view-mode-listing .group-right .field-name-field-citation .field-item-first {
  background: url("../images/citation-left.png") no-repeat scroll left top, url("../images/citation-right.png") no-repeat scroll right bottom transparent;
  color: #686868;
  float: left;
  font-family: 'UbuntuLi','Arial';
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  line-height: 20px;
  margin: 25px;
  padding: 1px 45px;
  text-align: center;
}
/***************************************************/
/***************Toutes les Figures de proue****************/
.node-figure-de-proue.view-mode-listing .group-left {
  float: left;
  width: 158px !important;
}
.node-figure-de-proue.view-mode-listing .group-right {
  float: left;
  margin-left: 20px !important;
  padding: 0;
  width: 544px !important;
}
.node-figure-de-proue.view-mode-listing .group-right .field-name-title h3 {
  color: #002F6B;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  font-family: UbuntuB,Arial;
}
.node-figure-de-proue.view-mode-listing .group-right .field-name-title h3 a {
  text-decoration: none;
  color: #002F6B;
}
.node-figure-de-proue.view-mode-listing .group-right .field-name-field-necrologie .field-item-first {
  width: 100%;
  float: left;
  margin: 5px 0 0;
  font-size: 13px;
  color: #777777;
}
.node-figure-de-proue.view-mode-listing .group-right .field-name-field-fonction .field-item-first {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 13px;
  color: #777777;
}
.node-figure-de-proue.view-mode-listing .group-right .field-type-text-with-summary .field-item-first {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 12px;
  color: #000;
}
/**********************************************************/
/***************Tous les agendas et evenements ****************/
.node-evenement.view-mode-listing .group-left,
.node-agenda.view-mode-listing .group-left {
  float: left;
  width: 80px !important;
}

/* Modification de la CSS suite à la mise à jour du format d'affichage des dates */
.node-evenement.view-mode-listing .group-left .field-name-field-date .field-item-first,
.node-agenda.view-mode-listing .group-left .field-name-field-date .field-item-first {
  color: #0075b6;
  font-size: 14px;
  margin: 0;
  font-family: UbuntuR, Arial;
  text-align: right;
  width: 80px;
  display: block;
  text-transform: uppercase;
}

.node-evenement.view-mode-listing .group-left .field-name-field-date .field-item-first .date-agenda,
.node-agenda.view-mode-listing .group-left .field-name-field-date .field-item-first .date-agenda {
  display: block;
  width: 100%;
  text-align: right;
}

.node-evenement.view-mode-listing .group-left .field-name-field-date .field-item-first .mobile-sep,
.node-agenda.view-mode-listing .group-left .field-name-field-date .field-item-first .mobile-sep {
  display: none;
}


.node-evenement.view-mode-listing .group-middle,
.node-agenda.view-mode-listing .group-middle {
  float: left;
  margin-left: 10px !important;
  width: 236px !important;
}
.node-evenement.view-mode-listing .group-right,
.node-agenda.view-mode-listing .group-right {
  float: left;
  margin-left: 15px !important;
  padding: 0;
  width: 380px !important;
}

.node-evenement.view-mode-listing .group-right .field-name-field-lieu .field-item-first,
.node-agenda.view-mode-listing .group-right .field-name-field-lieu .field-item-first,
.node-evenement.view-mode-listing .group-right .field-name-field-surtitre .field-item-first,
.node-agenda.view-mode-listing .group-right .field-name-field-surtitre .field-item-first {
  width: 100%;
  float: left;
  margin: 5px 0 0;
  font-size: 11px;
  color: #0075b6;
  text-transform: uppercase;
}
.node-evenement.view-mode-listing .group-right .field-name-title,
.node-agenda.view-mode-listing .group-right .field-name-title {
  float: left;
  margin: 5px 0 0;
}

.node-evenement.view-mode-listing .group-right .field-name-title h2,
.node-agenda.view-mode-listing .group-right .field-name-title h2 {
  font-weight: bold;
  margin: 0;
  font-family: UbuntuB,Arial;
}
.node-evenement.view-mode-listing .group-right .field-name-title h2 a,
.node-agenda.view-mode-listing .group-right .field-name-title h2 a {
  text-decoration: none;
  color: #002F6B;
  font-size: 18px;
}
.node-evenement.view-mode-listing .group-right .field-name-field-chapeau .field-item-first,
.node-agenda.view-mode-listing .group-right .field-name-field-chapeau .field-item-first {
  width: 100%;
  float: left;
  margin: 5px 0 0;
  font-size: 12px;
  color: #000;
}
/**********************************************************/
/* PopUp */
#voile {
  background: url("../images/grise.png") repeat scroll 0 0 transparent;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  display: none;
}
#popUp {
  /*background: url("../images/btn-close.png") no-repeat 99% 0;*/
  left: 50%;
  margin-left: -490px;
  padding: 0;
  position: absolute;
  top: 130px;
  z-index: 99;
  display: none;
}
.popUpTop {
  background: url("../images/popup-top.png") no-repeat;
  padding-top: 19px;
  width: 979px;
}
.popUpBottom {
  background: url("../images/popup-bottom.png") no-repeat left bottom;
  padding-bottom: 43px;
}
.popUpBody {
  background: url("../images/popup-body.png") repeat-y;
  padding: 5px 20px;
}
.popUpClose {
  color: #848484;
  display: block;
  background: url("../images/all-icones/fermer-normal.png");
  font-size: 0;
  font-weight: bold;
  height: 24px;
  width: 24px;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 6px;
  text-align: center;
  text-decoration: none;
}
.popUpClose:hover {
  background: url("../images/all-icones/fermer-survol.png");
}
.popupReadMoreArea {
  margin: 12px 0 -33px;
  overflow: hidden;
}
.popupReadMore {
  background: url("../images/fleche_link.png") no-repeat scroll 0 center transparent;
  color: #000000;
  display: block;
  float: right;
  font-family: arial;
  font-size: 12px;
  padding: 0 0 0 12px;
  text-decoration: none;
}
#popUpContent .popupContentBody {
  overflow-y: auto;
}
h3.popupTitle {
  color: #0075b6;
  font-size: 32px;
  font-family: UbuntuLight;
  margin: 0 0 8px;
}
h3.popupTitle strong {
  font-size: 32px;
  font-family: UbuntuB;
}
.popupGall {
  overflow: hidden;
}
.popupfullImg{
  width: 100%;
  height: 100%;
}
.popupbigImg {
  float: left;
  width: 740px;
}
.popupbigImg img {
  border: 5px solid #EBEBEB;
  border-radius: 4px;
}
.popupListThumb {
  float: right;
  width: 172px;
  margin: 0 5px 0 0;
}
.popupListThumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.popupListThumb ul li {
  margin: 0 0 8px;
}
.popupListThumb ul li img {
  border: 5px solid #EBEBEB;
  border-radius: 4px;
}
.popupDesc {
  font-size: 14px;
  color: #000;
  font-family: arial;
}
.popupDesc h3 {
  font-size: 16px;
}
/****************** FAQ *****************/
.page-faq .pane-page-title h1 {
  color: #000000;
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 28px;
  line-height: 30px;
  font-style: normal;
  font-family: 'UbuntuB', 'Arial';
}

.view-display-id-page_listing_faq .views-row {
  border: 1px solid #d9d9d9;
  background: url(../images/see-all-bg.png) repeat-x scroll left bottom transparent;
  margin: 0 0 10px 0;
  padding: 0;
}
.view-display-id-page_listing_faq .views-row .field-name-title {
  border: 1px solid #fff;
  padding: 6px 40px 5px 10px;
  background: url("../images/nav-arrow2.png") no-repeat scroll right 1px #F5F5F5;
  cursor: pointer;
}
.view-display-id-page_listing_faq .views-row .field-name-title.active {
  border: 1px solid #fff;
  padding: 6px 40px 5px 10px;
  background: url("../images/nav-arrow2.png") no-repeat scroll right -30px #F5F5F5;
  cursor: pointer;
}
.view-display-id-page_listing_faq .views-row .field-name-title h3 {
  color: #002f6b;
  font-size: 12px;
  margin: 0;
}
.view-display-id-page_listing_faq .views-row .field-type-text-with-summary {
  border-top: 1px solid #d9d9d9;
  margin: 0;
  padding: 10px;
  background: #fff;
}
.view-display-id-page_listing_faq .views-row .field-type-text-with-summary p {
  margin: 0;
}
.breadcrumb a, .breadcrumb .current-title  {
  color: #686868;
  text-decoration: none;
  font-size: 10px;
}
.breadcrumb {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
}
.breadcrumb .breadcrumb-separator {
  padding: 0 0 0 10px;
  background: url("../images/all-icones/fil-d-ariane-n2.png") no-repeat center;
}
/******************* agenda - vue detail **************************/

.node-agenda .field-name-field-date .field-items > div {
  display: inline;
}
.node-agenda .field-name-field-date .field-items > .field-item {
  display: inline;
  padding-left: 5px;
}
.node-agenda .field-name-field-date .field-items > .field-item.field-item-first {
  display: inline;
  padding-left: 0;
}
.node-agenda.view-mode-full .group-left .field-name-field-date {
  margin-bottom: 22px;
}
.node-agenda .field-extra-agenda-evenement-lieu {
  color: #6d6d6c;
  font-size: 12px;
  font-family: Arial;
}
.field-name-field-contacts .node-annuaire {
  border: none;
}
.field-name-field-contacts .node-annuaire .content,
.field-name-field-contacts-courts > .field-items {
  border: 1px solid #e0e0e0;
  padding: 15px;
}
.field-name-field-contacts .node-annuaire .links {
  margin: 1px 0;
  display: block;
}
.field-name-field-contacts .node-annuaire .links .node-readmore {
  background: url("../images/see-all-bg.png") repeat-x scroll 0 0 transparent;
  border: 1px solid #e0e0e0;
  padding: 0 0 0 10px;
  width: auto;
  display: block;
  height: 21px;
}
.field-name-field-contacts .node-annuaire .links .node-readmore a {
  background: url("../images/puces.png") no-repeat scroll 0px -114px transparent;
  color: #000000;
  line-height: 19px;
  padding: 0 13px 0 14px;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
}
.annuaires-node-bloc-contact-long .field-item,
.field-name-field-contacts-courts .field-item {
  font-size: 13px;
  font-weight: bold;
  color: #000;
  font-family: arial;
}
.annuaires-node-bloc-contact-long .field-item.telephone {
  font-size: 11px;
  font-weight: normal;
}
.annuaires-node-bloc-contact-long .field-item.mail a,
.annuaires-node-bloc-contact-long .field-item.internet a {
  font-size: 11px;
  color: #0075b6;
  font-weight: normal;
  text-decoration: none;
}
.annuaires-node-bloc-contact-long .field-item.even {
  margin-bottom: 15px;
}
.field-name-field-contacts-courts {
  margin-top: 45px;
}
/*************** figuredeproue *******************/
.field-name-field-necrologie,.field-name-field-fonction {
  color: #777777;
}
.field-link-page-listing-figure-de-proue {
  background: url("../images/footer-pagination.png") no-repeat scroll left top transparent;
  border: medium none;
  height: 16px;
  margin: 35px 0 0;
  overflow: hidden;
  padding: 13px 0;
  position: relative;
  text-align: center;
  width: 735px;
}
.field-link-page-listing-figure-de-proue a {
  background: url("../images/all-icones/arrow-back.png") no-repeat scroll left top transparent;
  color: #727272;
  text-decoration: none;
  text-transform: uppercase;
  font-family: arial;
  font-size: 11px;
  padding-left: 18px;
  display: inline-block;
}
.node-type-figure-de-proue .view-mode-full .citation {
  width: 420px;
  margin: 40px auto 0;
}
.node-type-figure-de-proue .field-name-field-images-principales img {
  border: solid 4px #ebebeb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.page-figure-de-proue h2.pane-title,
/*.page-evenements .panel-col-last h2.pane-title,*/
.page-balades h2.pane-title {
  font-family: UbuntuR;
  font-size: 28px;
  padding: 0 0 7px 0;
  border-bottom: none;
  color: #000;
  margin: 0 0 7px;
}
.view-filters form {
  border: none;
}

/**************** balades *********************/

.page-balades #main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-duree .field-item {
  margin-top: 0;
  height: 25px;
  line-height: 24px;
  background-position: left center;
  padding-top: 0;
}
.page-balades #main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-type-de-balade,
.page-balades #main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte {
  line-height: 24px;
  background-position: left top;
}
.page-balades #main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte .field-label {
  display: inline-block;
  margin: 0;
}
.page-balades #main #content .region-content .content .panel-2col-stacked .view-balades.view-display-id-page_liste_balades .group-right .field-name-field-difficulte .field-items {
  margin-left: 5px;
}
/* Aligner le text des pictos de difficultés */
.view-balades.view-display-id-page_liste_balades div.field-name-field-difficulte div.field-item a {
    vertical-align: top;
}
/****************** Galerie - rade-de-toulon ****************/
.node-type-gallery  .galleryformatter .gallery-thumbs ul li {
  padding: 0 25px 0 0;
}
.node-type-gallery  .galleryformatter .gallery-thumbs,
.node-type-gallery  .galleryformatter .gallery-slides {
  float: left;
}
.node-type-gallery .galleryformatter .gallery-thumbs {
  margin: 20px 0 10px 4px;
}
/***********************Menu internal links***********************/
.menu-name-menu-content-bottom ul.menu {
  float: left;
  width: 100%;
  background: none repeat scroll 0 0 #ECECEC;
  margin-top: 30px;
  padding-top: 5px;
  padding-bottom: 8px;
  margin-bottom: -30px;
}

/* Correction anomalie page webcams */

.panel-pane .view-id-visites_virtuelle table{
  width: auto;
}
.menu-name-menu-content-bottom ul.menu li.first {
margin-left: 50px;
}

.menu-name-menu-content-bottom ul.menu li {
  margin: 0;
  padding: 0;
  float: left;
  border: none;
  background: url("../images/fleche-footer.png") no-repeat center left;
  padding-left: 16px;
}
.menu-name-menu-content-bottom ul.menu li a,.menu-name-menu-content-bottom ul.menu li a.active-trail,
.menu-name-menu-content-bottom ul.menu li a,.menu-name-menu-content-bottom ul.menu li a:hover {
  background: none;
  font-family: "ubuntuR";
  font-size: 15px;
  display: block;
  float: left;
  border: none;
  padding-top: 11px;
  color: #717171;
}

/**************************************************************************
 ****                          Buttons and co                          ****
 **************************************************************************/
.panel-col-last.panel-panel {
  position: relative;
}
.pane-textsize-form {
  /* left: 633px; */
  margin: 0;
  padding: 0;
  /* position: absolute; */
  float: right;
  /* top: 5px; */
  width: auto;
}
.pane-textsize-form .pane-content {
  margin: 0;
  padding: 0;
}
.pane-textsize-form .pane-content ul.textsize_list {
  clear: right;
  margin:0px;
  overflow: hidden;
}
.pane-textsize-form .pane-content ul.textsize_list li {
  background: none repeat scroll 0 0 transparent;
  display: inline-block;
  list-style: none !important;
  float: left;
  margin: 0 0 0 5px;
}
#block-print-print-links {
  /* left: 657px;
  float: none;
  position: absolute;
  top: 48px;
  margin-bottom: 5px;
  margin-top: 5px; */
  float: right;
}
#block-print-print-links .print_html,
#block-print-print-links .print_pdf  {
  /* padding: 0px;
  margin-left: 0px !important;
  margin-right:  10px; */
  float: left;
  margin: 0 0 0 5px;
}
#block-service-links-service-links .service-links {
  margin-top: 35px;
}
#block-service-links-service-links ul li {
  list-style: none !important;
}
#block-service-links-service-links ul li {
  float: left;
}
.pane-forward-form {
  width: 33px;
  height: 33px;
  float: right;
  clear: both;
  margin-top: 30px;  /* correction bug bloc Facebook recouvert par cette div*/
}

/***************************End theming Buttons and co*********************/

#secteurData .secteur-teaser .secteur-title a{
  color: #002F6B;
  font-family: UbuntuB;
  font-size: 18px;
  line-height: 18px;
  padding: 8px 24px 10px 12px;
  text-decoration: none;
  font: normal;
}
#secteurData .secteur-teaser .secteur-desc li {
	background: url("../images/arrow-left-sub-menu-simple.png") no-repeat scroll 0 3px transparent;
  list-style: none outside none;
  margin-left: -10px;
  padding: 0 0 0 15px;
  font-family: UbuntuR;
  text-shadow: 1px 1px 1px #FFFFFF;
}
#secteurData .secteur-teaser .secteur-desc{
  font-size: 12px;
}
#secteurData .secteur-teaser .secteur-desc {
  float: left;
  width: 50%;
}
#secteurData .secteur-teaser .secteur-img {
  /* width: 50%; */
}

#carteArea-title {
  position: absolute;
  bottom: 50px;
  left: 15px;
  color: #6C6C6C;
  font-family: UbuntuB;
  font-size: 16px;
  margin-bottom: 2px;
}

.panel-pane.pane-block.pane-bean-laissez-vous-seduire-bleu-medite,
.panel-pane.pane-block.pane-bean-laissez-vous-seduire-vert-proven,
.panel-pane.pane-block.pane-bean-laissez-vous-seduire {
  clear: both;
}

.panel-pane.pane-block.pane-bean-laissez-vous-seduire-bleu-medite .field-name-field-image-generic-bean,
.panel-pane.pane-block.pane-bean-laissez-vous-seduire-vert-proven .field-name-field-image-generic-bean,
.panel-pane.pane-block.pane-bean-laissez-vous-seduire .field-name-field-image-generic-bean{
  border: none;
}

/* Correction alignement des webforms */

form.webform-client-form .webform-container-inline label {
  float: inherit;
}

form.webform-client-form fieldset {
   padding-left: 0;
}

.view-id-pages_sommaire .views-field-nothing a {
  color: #717171;
  font-family: arial;
  text-decoration: none;
  font-size: 13px;
}
.view-id-pages_sommaire .views-field-nothing a:hover {
  color: #000000;
}

/*--------- Theming fleches "gallery formatter" ---------*/

.pane-bean-annuaire .pane-content .content .field-name-field-image-generic-bean {
  background-color: #F9F9F9;
}
#node_demarche_full_group_formulaire .field-name-field-par-messagerie {
  padding: 0 0 0 22px;
}
.pane-ft-agenda-evenement-evenements-envie-bouger .right .field-name-field-date {
  font-family: 'UbuntuR';
  color: #717171;
  font-size: 14px;
}

.view-search-all .view-content strong {
  font: inherit !important;
  background-color: yellow;
}

.relevancebar {
  display: inline-block;
  width:50px;
  /* padding:1px; */
  background-color:white;
  border:1px solid #55bec2;
  height:10px;
  position: relative;
  top : 2px;
}
.relevancebar .indicator{
  display: inline-block;
  width:0px;
  background-color:#55bec2;
  height:10px;
  margin:0;
}

.view-galeries.view-display-id-block_1 .view-content {
  border: 1px solid #d9d9d9;
  padding-bottom: 30px;
  padding-top: 30px;
  background: none repeat scroll 0 0 #F9F9F9;
}
.view-galeries.view-display-id-block_1 .view-content table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
/*.view-galeries.view-display-id-block_1 .view-content table tbody, .view-galeries.view-display-id-block_1 .view-content table tr{*/
  /*width: 100%;*/
/*}*/
.view-galeries.view-display-id-block_1 .view-content table tbody tr td {
  border: none;
  padding-bottom: 5px;
  width: 33%;
  text-align: center;
  padding: 5px;
}
.view-galeries.view-display-id-block_1 .view-content img {
  border: 3px solid #EBEBEB;
  border-radius: 5px 5px 5px 5px;
}

.view-evenements.view-display-id-page_1 .view-top {
  background: url("../images/form-bg.png") repeat-x scroll 0 0 #F7F7F7;
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.view-evenements.view-display-id-page_1 .view-top > .view-filters {
  float: left;
  width: 70%;
  margin: 0;
}
.view-evenements.view-display-id-page_1 .view-top > .view-header {
  float: left;
  margin: 5px 0 0 6px;
  width: 28%;
}
.view-evenements.view-display-id-page_1 > .view-content {
  clear: both;
}
.view-display-id-block_calendar_events {
  background: url("../images/form-bg.png") repeat scroll 0 0 #F7F7F7;
  padding: 0px 10px 0px;
}
.view-display-id-block_calendar_events table thead tr th.days {
  color: #0075B6;
  font-size: 13px;
  border: 1px solid #CCCCCC;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #bbbbbb;
}
.view-display-id-block_calendar_events .calendar-calendar tr {
  height: 22px;
}
.view-display-id-block_calendar_events .calendar-calendar table.mini td.empty,
.view-display-id-block_calendar_events .calendar-calendar .mini {
  border: 1px solid #CCCCCC;
}
.view-display-id-block_calendar_events .calendar-calendar table.mini td.empty, .view-display-id-block_calendar_events .calendar-calendar .mini {
  border: 1px solid #CCCCCC;
}
.calendar-calendar table.mini td.empty {
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #FFFFFF;
}
.view-display-id-block_calendar_events .calendar-calendar table.mini td.empty, .view-display-id-block_calendar_events .calendar-calendar .mini {
  border: 1px solid #CCCCCC;
  background-color: #eeeeee;
}
.view-display-id-block_calendar_events .calendar-calendar td {
  color: black;
  height: 26px;
  text-align: center;
}
.view-display-id-block_calendar_events .calendar-calendar .mini-day-on,
.view-display-id-block_calendar_events .calendar-calendar .mini-day-off {
  padding: 2px;
  margin-top: 3px;
}
table td.mini,
table th.mini,
table.mini td.week {
  padding: 0;
}

.view-display-id-block_calendar_events .calendar-calendar tr td.today {
  background: none repeat scroll 0 0 #eeeeee;
}
.view-display-id-block_calendar_events .calendar-calendar .has-events .month.mini-day-on a {
  background: none repeat scroll 0 0 #00A0DF;
  color: white;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  width: 20px;
  height: 17px;
  padding: 2px;
  position: relative;
}
.view-evenements.view-display-id-page_1 .view-header .view-display-id-block_calendar_events .date-nav {
  margin: 0;
  padding: 0;
  min-height: 18px;
}
.view-evenements.view-display-id-page_1 .view-header .view-display-id-block_calendar_events .date-nav-wrapper {
  margin-top: 0;
}
.view-evenements.view-display-id-page_1 .view-header .view-display-id-block_calendar_events .date-nav-wrapper .date-heading h3 {
  font-size: 13px;
  line-height: 16px;
}
.view-evenements.view-display-id-page_1 .view-header .view-display-id-block_calendar_events .date-nav-wrapper .date-heading h3 a {
  color: black;
  font-family: "Ubuntub";
  text-decoration: none;
  font-weight: normal;
}
.view-evenements.view-display-id-page_1 .view-header .view-display-id-block_calendar_events .item-list.date-nav ul.pager {
  background: none repeat scroll 0 0 transparent;
  margin: 0;
  overflow: hidden;
  width: auto;
  padding: 0;
  position: static;
  height: auto;
}
.view-evenements.view-display-id-page_1 .view-header .view-display-id-block_calendar_events .date-nav-wrapper ul.pager li {
  background: none repeat scroll 0 0 transparent;
  border-radius: 0 0 0 0;
  margin: 0;
  padding: 0;
}
.view-evenements.view-display-id-page_1 .view-header .view-display-id-block_calendar_events .date-nav-wrapper .date-prev {
  left: 0;
  right: auto;
}
.view-evenements.view-display-id-page_1 .view-header .view-display-id-block_calendar_events .date-nav-wrapper ul li a {
  margin: 0;
}
.view-evenements.view-display-id-page_1 .view-header .view-display-id-block_calendar_events .date-nav-wrapper .date-next {
  left: auto;
  right: 0;
}
/** Fix width exposed filter fi actualités page**/
.page-toutes-les-actualites  h2.pane-title {
  border: medium none;
  color: #000000;
  font-family: 'UbuntuR','Arial';
  font-size: 28px;
  margin: 0 0 20px;
  text-shadow: 0 1px 2px #717171;
}


/** share section **/
/* text resize theming override */


.pane-textsize-form .pane-content ul.textsize_list {
  width: auto;
}
.pane-textsize-form .textsize_list li {
  float: left;
  /* margin-right: 5px; */
}

head:first-child+body a.textsize_increase,
head:first-child+body a.textsize_increase:visited {
  background: url("../images/all-icones/taille-up-normal.png") !important;
  width: 32px;
  height: 32px;
}
head:first-child+body a.textsize_increase:hover {
  background: url("../images/all-icones/taille-up-survol.png") !important;
}
head:first-child+body a.textsize_decrease,
head:first-child+body a.textsize_decrease:visited {
  background: url("../images/all-icones/taille-down-normal.png") !important;
  width: 32px;
  height: 32px;
}
head:first-child+body a.textsize_decrease:hover {
  background: url("../images/all-icones/taille-down-survol.png") !important;
}

/** service link theming **/
#block-service-links-service-links {
  float:right;
  display: block;
  width: 32px;
  min-height: 32px;
  background: url("../images/all-icones/share-normal.png") no-repeat scroll center top transparent;
  cursor: pointer;
}
#block-service-links-service-links .service-links ul {
  width: 144px;
}
#block-service-links-service-links .service-links ul li {
  margin: 0px;
}
#block-service-links-service-links:hover {
  background: url("../images/all-icones/share-survol.png") no-repeat scroll center top transparent;
}
.service-links {
	display: none;
}
#block-service-links-service-links .service-links a img {
  display: none;
}
#block-service-links-service-links .service-links .service-links-twitter {
  background: url("../images/icon-twitter.png") no-repeat scroll center top transparent;
  display: block;
  height: 33px;
  width: 33px;
  margin-right:3px;
  margin-bottom: 2px;
}
#block-service-links-service-links .service-links .service-links-facebook {
  background: url("../images/icon-facebook.png") no-repeat scroll center top transparent;
  display: block;
  height: 33px;
  width: 33px;
  margin-right: 3px;
}
#block-service-links-service-links .service-links .service-links-google {
  background: url("../images/googleplus.png") no-repeat scroll  top transparent;
  display: block;
  height: 33px;
  width: 33px;
  margin-right: 5px;
}
#block-service-links-service-links > h2{
  display: none;
}

.pane-forward-form a {
  display: inline-block;
  overflow: hidden;
  background: url("../images/tools6.png") no-repeat scroll  top transparent;
  height: 33px;
  width: 33px;
  margin-right:3px;
/*  margin-top: 29px;  correction bug bloc Facebook recouvert
 par la div père, rattrapage de la hauteur*/
  text-indent: -9999px;
}
#block-print-print-links a img,
.pane-forward-form a img {
  display: none;
}
#block-print-print-links a.print-page {
  background: url("../images/all-icones/print-normal.png") no-repeat scroll center top transparent;
  display: block;
  float: left;
  height: 32px;
  width: 32px;
  margin-bottom: 3px;
}
#block-print-print-links a.print-page:hover {
  background: url("../images/all-icones/print-survol.png") no-repeat scroll center top transparent;
}

#block-print-print-links a.print-pdf {
  background: url("../images/all-icones/pdf-normal.png") no-repeat scroll center top transparent;
  display: block;
  float: left;
  height: 32px;
  width: 32px;
  margin-bottom: 3px;
}
#block-print-print-links a.print-pdf:hover {
  background: url("../images/all-icones/pdf-survol.png") no-repeat scroll center top transparent;
}

#block-readspeaker-hl-vocalisation {
  background: url("../images/all-icones/doc-sound-normal.png") no-repeat scroll center top transparent;
  display: block;
  float: right;
  height: 32px;
  width: 32px;
  cursor: pointer;
}
#block-readspeaker-hl-vocalisation:hover {
  background: url("../images/all-icones/doc-sound-survol.png") no-repeat scroll center top transparent;
}

#node_article_full_group_article_contacts .fieldset-wrapper,
#node_evenement_full_group_evenement_contacts .fieldset-wrapper,
#node_agenda_full_group_agenda_contacts .fieldset-wrapper {
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9;
  overflow: hidden;
  background: #F7F7F7;
}

#node_article_full_group_article_contacts .node-annuaire-association.node-teaser,
#node_evenement_full_group_evenement_contacts .node-annuaire-association.node-teaser,
#node_agenda_full_group_agenda_contacts .node-annuaire-association.node-teaser,
#node_article_full_group_article_contacts .node-annuaire-service.node-teaser,
#node_evenement_full_group_evenement_contacts .node-annuaire-service.node-teaser,
#node_agenda_full_group_agenda_contacts .node-annuaire-service.node-teaser,
#node_article_full_group_article_contacts .node-annuaire-lieu.node-teaser,
#node_evenement_full_group_evenement_contacts .node-annuaire-lieu.node-teaser,
#node_agenda_full_group_agenda_contacts .node-annuaire-lieu.node-teaser {
  padding: 15px 15px 15px 15px;
}

#node_article_full_group_article_contacts .field-name-field-annuaire-court,
#node_evenement_full_group_evenement_contacts .field-name-field-contacts-courts,
#node_agenda_full_group_agenda_contacts .field-name-field-contacts-courts {
  margin-top: 0;
}

#node_article_full_group_article_contacts .node-annuaire-association,
#node_evenement_full_group_evenement_contacts .node-annuaire-association,
#node_agenda_full_group_agenda_contacts .node-annuaire-association,
#node_article_full_group_article_contacts .node-annuaire-service,
#node_evenement_full_group_evenement_contacts .node-annuaire-service,
#node_agenda_full_group_agenda_contacts .node-annuaire-service,
#node_article_full_group_article_contacts .node-annuaire-lieu,
#node_evenement_full_group_evenement_contacts .node-annuaire-lieu,
#node_agenda_full_group_agenda_contacts .node-annuaire-lieu,
#node_article_full_group_article_contacts .field-name-field-contacts,
.field-name-field-contacts-courts > .field-items {
  border: none;
  padding: 15px;
}

#node_evenement_full_group_evenement_contacts .fieldset-legend,
#node_agenda_full_group_agenda_contacts .fieldset-legend {
  font-weight: bold;
  font-size: 1.308em;
  font-family: 'UbuntuLi';
  color: #7C7C7C;
}

#node_article_full_group_article_contacts .fieldset-legend {
  font-weight: bold;
  font-family: 'UbuntuLi';
  color: #7C7C7C;
}

#node_article_full_group_article_contacts,
#node_evenement_full_group_evenement_contacts,
#node_agenda_full_group_agenda_contacts {
  padding: 4px;
}

#node_article_full_group_article_contacts .field-name-title h2,
#node_evenement_full_group_evenement_contacts .field-name-title h2,
#node_agenda_full_group_agenda_contacts .field-name-title h2 {
  font-family: Arial;
  font-weight: bold;
  font-size: 1em;
  line-height: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#node_article_full_group_article_contacts .field-item.complement,
#node_article_full_group_article_contacts .field-item.fonction,
#node_evenement_full_group_evenement_contacts .field-item.complement,
#node_evenement_full_group_evenement_contacts .field-item.fonction,
#node_agenda_full_group_agenda_contacts .field-item.complement,
#node_agenda_full_group_agenda_contacts .field-item.fonction {
  font-weight: normal;
  text-transform: lowercase;
}

#node_article_full_group_article_contacts .annuaire-adresse-code-postal-commune,
#node_article_full_group_article_contacts .annuaire-adresse-num-voie-nom-voie,
#node_evenement_full_group_evenement_contacts .annuaire-adresse-code-postal-commune,
#node_evenement_full_group_evenement_contacts .annuaire-adresse-num-voie-nom-voie,
#node_agenda_full_group_agenda_contacts .annuaire-adresse-code-postal-commune,
#node_agenda_full_group_agenda_contacts .annuaire-adresse-num-voie-nom-voie {
  font-weight: normal;
}

#node_article_full_group_article_contacts .field-item.fax,
#node_evenement_full_group_evenement_contacts .field-item.fax,
#node_agenda_full_group_agenda_contacts .field-item.fax {
  font-weight: normal;
  font-size: 0.846em;
}

#node_article_full_group_article_contacts .field-name-field-annuaire-court .field-items,
#node_evenement_full_group_evenement_contacts .field-name-field-contacts-courts .field-items,
#node_agenda_full_group_agenda_contacts .field-name-field-contacts-courts .field-items {
  padding: 0;
}

#node_article_full_group_article_contacts .field-name-field-annuaire-court .field-items a,
#node_evenement_full_group_evenement_contacts .field-name-field-contacts-courts .field-items a,
#node_agenda_full_group_agenda_contacts .field-name-field-contacts-courts .field-items a {
  color: #000000;
  text-decoration: none;
}

#node_article_full_group_article_contacts .field-name-field-annuaire-court .field-items a:hover,
#node_evenement_full_group_evenement_contacts .field-name-field-contacts-courts .field-items a:hover,
#node_agenda_full_group_agenda_contacts .field-name-field-contacts-courts .field-items a:hover {
  color: #3A6EB1;
  text-decoration: underline;
}

#node_article_full_group_article_contacts .field-name-annuaires-lien a,
#node_evenement_full_group_evenement_contacts .field-name-annuaires-lien a,
#node_agenda_full_group_agenda_contacts .field-name-annuaires-lien a {
  background: url("../images/fleche_link.png") no-repeat scroll 10px center #F9F9F9;
}

#node_article_full_group_article_contacts .field-name-field-annuaire-court .annuaires-node-bloc-contact-court {
  padding: 0;
}

#node_article_full_group_article_contacts .field-name-field-annuaire-court .field-item.title {
  font-size: 1em;
}

#node_agenda_full_group_article_contacts.field-group-fieldset .node-annuaire-association,
#node_agenda_full_group_article_contacts.field-group-fieldset .node-annuaire-service,
#node_agenda_full_group_article_contacts.field-group-fieldset .node-annuaire-lieu,
#node_evenement_full_group_article_contacts.field-group-fieldset .node-annuaire-association,
#node_evenement_full_group_article_contacts.field-group-fieldset .node-annuaire-service,
#node_evenement_full_group_article_contacts.field-group-fieldset .node-annuaire-lieu {
  border: none;
  color: #000000;
  font-family: Arial;
  font-size: 1em;
  font-weight: bold;
}
/**Theming "S'abonner" rss feed link**/
#footer-evenements-informations .view-footer,
.pane-actualites .view-display-id-b_actu_condh .view-footer,
.pane-actualites .view-display-id-block_2 .view-footer,
.pane-toutes-les-publications .view-display-id-block_publication_portail .view-footer,
.pane-actus-3 .view-id-actus_3 .view-footer,
.pane-evenements .view-display-id-block_evenements_4_en_ligne .view-footer {
  background: url("../images/abonner.png") no-repeat left;
  float: left;
  margin-top: 4px;
  margin-left:10px;
}
#footer-evenements-informations .view-footer div a,
.pane-actualites .view-display-id-b_actu_condh .view-footer div a,
.pane-actualites .view-display-id-block_2 .view-footer div a,
.pane-toutes-les-publications .view-display-id-block_publication_portail .view-footer div a,
.pane-actus-3 .view-id-actus_3 .view-footer div a,
.pane-evenements .view-display-id-block_evenements_4_en_ligne .view-footer div a {
  text-decoration: none;
  margin-left: 12px;
  color: #717171;
  font-size: 12px;
}
.pane-actualites .view-display-id-b_actu_condh,
.pane-actualites .view-display-id-block_2,
.pane-toutes-les-publications .view-display-id-block_publication_portail,
.pane-actus-3 .view-id-actus_3,
.pane-evenements .view-display-id-block_evenements_4_en_ligne {
  position: relative;
}
.page-toulon-pratique .pane-actualites .view-display-id-b_actu_condh {
 position: inherit;
}
.pane-actualites .view-display-id-b_actu_condh .view-footer,
.pane-actualites .view-display-id-block_2 .view-footer,
.pane-toutes-les-publications .view-display-id-block_publication_portail .view-footer,
.pane-actus-3 .view-id-actus_3 .view-footer,
.pane-evenements .view-display-id-block_evenements_4_en_ligne .view-footer {
  position: absolute;
  bottom: 3px;
}

/**Change the cursor type  of sitemap page titles**/
.page-sitemap h2 {
  cursor: pointer;
}

/**Theming "S'abonner" rss feed link envie de bouger **/
.page-envie-bouger #footer-evenements-informations.footer-infomations {
  clear:both;
}
.page-envie-bouger #footer-evenements-informations.footer-infomations .more-link {
  clear:none;
}

/** Themin list style in Agenda full view mode **/
.node-type-agenda .view-mode-full .group-left .field-name-field-description ul {
  margin-left:5px;
}
.node-type-agenda .view-mode-full .group-left .field-name-field-description li {
  list-style:none;
  background: url(../images/arrow03.png) no-repeat  left top;
  padding-left: 20px;
  margin-top: 8px;
}


/** Page errors 404 et 403 */
#pages-errors h2.pane-title {
  font-size: 1.385em /* NOTE 18px / 13 */;
  font-weight: normal;
  margin: 0;
  border: none;
  line-height: 30px;
  font-style: normal;
  font-family: 'UbuntuR', 'Arial';
  text-transform: uppercase;
}
#pages-errors .pane-content{
  color: #717171;
  font-family: 'UbuntuR', 'Arial';
}

#pages-errors .pane-content h2.title_lvl2 {
  color: #000;
  margin: 0;
  font-family: 'UbuntuRi', 'Arial';
}
#pages-errors .pane-content ul li {
  background: url("../images/fleche_link.png") no-repeat scroll left center transparent;
  border: medium none;
  margin: 5px 0 0 0;
  padding: 0 0 0 16px;
  list-style: none outside none;
}
#pages-errors .pane-content a {
  text-decoration: none;
  color: #717171;
}
#pages-errors .pane-content a:hover {
  color: #000;
}

/** Theme visuel error page**/
#pages-errors .visuel-erreur {
  float: left;
}
#pages-errors .erreur-panel {
  overflow: hidden;
}
#pages-errors .visuel-erreur img {
 margin: 20px 20px 0 0 ;
}
/** Fix spacing between and around je suis j'habite and je recherche blocks on home page **/
.page-home .header-pane .panels-flexible-row-inside .panels-flexible-region-new-header {
  width: 100%;
}

/* CSS du nouveau bouton de ré-initialisation de l'agenda */
.view-evenements .view-top{
  position: relative;
}

/** Except more link of agenda/evenements blocks and Dossiers bloc **/
.portail .view-evenements .more-link a,
.portail .view-agenda .more-link a,
.portail .view-display-id-block_dossier_vertical .more-link a,
.portail .pane-toutes-les-publications .view-display-id-block_publication_portail .more-link a,
.portail .pane-actualites .view-display-id-b_actu_condh .more-link a,
.portail .pane-actualites .view-display-id-block_2 .more-link a,
.portail .pane-views .view-id-actus_3 .more-link a,
.page-home .view-display-id-block_evenements_onglet_home_page .more-link a,
.page-home #block-views-actualites-b-actu-tabhigh .view-display-id-b_actu_tabhigh .more-link a
 {
  float: right;
}

/** Fix right alignemnt of blocs on esprit d'enreprise page **/
.page-esprit-entreprise .panels-flexible-region-new-top_right {
  width: 69.182%;
}
.page-esprit-entreprise .panels-flexible-region-new-top_right-inside {
  margin-left: 28px;
}
.page-esprit-entreprise .panels-flexible-region-new-right_bottom,
.page-esprit-entreprise .panels-flexible-region-new-right_bottom_ .pane-infos-flash {
  margin-left: 5px;
}
.page-esprit-entreprise .panels-flexible-region-new-right_bottom_ {
  margin-left:5px;
  width: 316px;
}
.page-esprit-entreprise .panels-flexible-region-new-center_bottom {
  margin-left: 4px;
}
.page-esprit-entreprise .panels-flexible-region-new-bottom {
  margin-left: 8px;
}
.page-mediatheque .views-field-title a,
.page-mediatheque-search .views-field-title a {
  text-decoration: none;
  color: #000000;
}
/** Rss générique **/

#rss-generic-feed-id {
  float: right;
  margin-top: 5px;
  background: url("../images/icon-rss-20.png") no-repeat center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#rss-generic-feed-id a {
  display: block;
  height: 30px;
  width: 30px;
}

#rss-generic-feed-footer-id {
  position: absolute;
  top: 100%;
  background: url("../images/abonner.png") no-repeat scroll left center transparent;
  margin-top: 7px;
}
#rss-generic-feed-footer-id a {
  color: #717171;
  font-size: 12px;
  margin-left: 12px;
  text-decoration: none;
}

.page-mediatheque .panel-display .pane-block h2.pane-title {
  font-family: UbuntuR;
  font-size: 28px;
  padding: 0 0 7px 0;
  border-bottom: none;
  color: #000;
  margin: 0 0 7px;
}

/*** rss article node ***/

.node-type-article .view-mode-full .flux-rss-item {
  height: 40px;
  background: url("../images/icon-rss.png") no-repeat center left transparent;
  padding-left: 40px;
  padding-top: 20px;
}
.node-type-article .view-mode-full .flux-rss-item a.rss-link {

 text-decoration: none;
 font-family: UbuntuR;
 font-size: 16px;
 color: #535353;
 }

#main #content .region-content .content .panel-2col-stacked .panel-col-last .node-quiz.view-mode-full .group-header {
  padding-bottom: 20px;
  font-weight: normal;
  background: url("../images/trait-top.png") no-repeat scroll left 80px transparent;
}
#main #content .region-content .content .panel-2col-stacked .panel-col-last .node-quiz.view-mode-full .group-left {
  width: 25%;
  padding-right: 5px;
  margin-left: 30px;
}
#main #content .region-content .content .panel-2col-stacked .panel-col-last .node-quiz.view-mode-full .group-right {
  width: 69%;
  padding-left: 5px;
  margin-left: 0;
}
.node-quiz.view-mode-full .field-name-field-chapeau {
  color: #000;
  font-weight: bold;
  font-size: 28px;
  font-family: 'UbuntuB';
  font-style: normal;
  font-weight: normal;
}
.node-quiz.view-mode-full .group-left .field-type-image {
  border: none;
}
.node-quiz.view-mode-full .group-left .field-name-field-images-principales img {
  border: 4px solid #EBEBEB;
  border-radius: 5px 5px 5px 5px;
}
.node-quiz.view-mode-full .field-name-title h2 {
  margin-bottom: 5px;
  color: #002F6B;
  font-size: 24px;
}
.node-quiz.view-mode-full .field-name-body,
.node-quiz.view-mode-full .field-name-body p {
  color: #000;
  font-size: 12px;
}
.node-quiz.view-mode-full form {
  background: none;
  border: none;
}
.node-quiz.view-mode-full form input {
  float: right;
  clear: both;
  background: url("../images/quiz-start.png") no-repeat left;
  width: 208px;
  min-height: 54px;
  text-indent: -999999px;
  border: transparent;
  cursor: pointer;
}
#quiz-question-answering-form .quiz-progress {
  width: 40%;
  float: left;
}
#quiz-question-answering-form .quiz-question-body {
  color: #2F6CAD;
  font-size: 18px;
  font-weight: bold;
}
#quiz-question-answering-form {
  padding: 30px 30px 50px 30px;
  background: url("../images/trait-tab-quiz.png") no-repeat scroll left 0 transparent;
  border-top: transparent;
  margin-top: 12px;
}
#quiz-question-answering-form .form-item-tries-answer {
  padding-left: 10px;
  background: url("../images/point-QUZ01.png") repeat-x scroll 0 bottom transparent;
  padding-bottom: 20px;
}
#quiz_score_possible,
#quiz_score_percent,
#quiz_summary,
#quiz_progress,
#quiz-question-answering-form .form-item-tries-answer label {
  display: none;
}
#quiz-report-form table tbody,
#quiz-report-form table tr,
#quiz-report-form table tr td,
#quiz-question-answering-form .form-item-tries-answer table tbody,
#quiz-question-answering-form .form-item-tries-answer table tr,
#quiz-question-answering-form .form-item-tries-answer table tr td {
  border: none;
  background-color: transparent;
}
#quiz-question-answering-form input#edit-submit,
#quiz-question-answering-form #progress,
#quiz-question-answering-form .quiz-progress-label,
#quiz-question-answering-form input#edit-back {
  float: left;
}
#quiz-question-answering-form #progress {
  width: 65%;
}
#quiz-question-answering-form .quiz-progress-label {
  color: #686868;
  padding: 2px 10px 0 0;
}
#quiz-report-form {
  padding: 20px;
  background: url("../images/trait-tab-quiz.png") no-repeat scroll left 0 transparent;
  border-top: transparent;
  margin-top: 12px;
}
#quiz-report-form .all-questions {
  color: #002F6B;
  font-size: 13px;
  padding: 10px 0 0 0;
  font-weight: bold;
}
#quiz-report-form .quiz-report-answers-header {
  background: url("../images/point-QUZ01.png") repeat-x scroll 0 185px transparent;
  overflow: hidden;
  width: 100%;
}
#quiz-report-form .quiz-report-answers-header .left {
  float: left;
  width : 70%;
}
#quiz-report-form .quiz-report-answers-header .right {
  float: left;
  min-width: 206px;
  min-height: 205px;
  background: url("../images/quiznote.png") no-repeat scroll left center transparent;
}
#quiz-report-form .quiz-report-answers-header .right-data {
  margin-top: 30px;
  margin-left: 40px;
}
#quiz-report-form .quiz-report-answers-header .right .right-feedback-text {
  color: #0075B6;
  font-size: 26px;
}
#quiz-report-form .quiz-report-answers-header .right .right-feedback-score {
  color: #006CA8;
  font-size: 60px;
  font-weight: bold;
  margin-top: -10px;
}
#quiz-report-form .quiz-report-answers-header .right .right-feedback-bar {
  width: 80%;
}
#quiz-report-form .quiz-report-answers-header .right .right-feedback-bar #progress .percentage {
  display: none;
}
#quiz-report-form .quiz-report-answers-header .left .left-feedback-text {
  color: #006CA8;
  font-size: 35px;
  font-weight: bold;
}
#quiz-report-form .quiz-report-answers-header .left .left-feedback-score {
  color: #0075B6;
  font-size: 20px;
}
#quiz-report-form .multichoice-answer-cell.correct {
  font-weight: bold;
  color: #0075B6;
}
#quiz-report-form .multichoice-answer-cell.wrong {
  font-weight: bold;
  color: red;
}
#quiz-report-form .question-item,
#quiz-report-form .answer-item table tbody tr td {
  color: #000;
}
#quiz-report-form .answer-item {
  padding-left: 10px;
}
#quiz-report-form .answer-item .multichoice-icon.correct {
  background: url("../images/vrai.png") no-repeat scroll 0 0 transparent;
  width: 16px;
  height: 14px
}
#quiz-report-form .answer-item .multichoice-icon.wrong {
  background: url("../images/faux.png") no-repeat scroll 0 0 transparent;
  width: 16px;
  height: 16px;
}
#quiz-report-form .answer-item .multichoice-icon.almost,
#quiz-report-form .answer-item .multichoice-icon.should {
  background: none;
}
#quiz-report-form .question-item {
  font-weight: bold;
  margin-top: 20px;
}
#quiz-report-form .multichoice-feedback-cell {
  font-style: italic;
}
#quiz-question-answering-form input[value="Suivant"] {
  cursor: pointer;
  background: url("../images/quiz-suiv.png") no-repeat left;
  width: 175px;
  min-height: 33px;
  text-indent: -999999px;
  border: transparent;
  padding: 0;
  margin: 0 5px 0 5px;
}
#quiz-question-answering-form input[value="Précédent"] {
  cursor: pointer;
  background: url("../images/quiz-prec.png") no-repeat left;
  width: 175px;
  min-height: 33px;
  text-indent: -999999px;
  border: transparent;
  padding: 0;
  margin: 0 5px 0 5px;
}
#quiz-question-answering-form input[value="Finir"] {
  cursor: pointer;
  background: url("../images/finir-QUZ01.png") no-repeat left;
  width: 175px;
  min-height: 33px;
  text-indent: -999999px;
  border: transparent;
  padding: 0;
  margin: 0 5px 0 5px;
}
/** display pdf button only on page-evenements **/
.page-evenements #block-print-print-links .print_pdf {
  display: inline;
}
.nodequeue-toulon-share {
  margin-bottom: 5px;
}
.nodequeue-toulon-share ul.links {
  width: 100px;
  margin: 0;
}
.nodequeue-toulon-share ul.links li {
  list-style: none;
}
a.admin-button,
.nodequeue-toulon-share ul.links li a {
  text-decoration: none;
  background: url("../../../../../../themes/seven/images/buttons.png") repeat-x scroll 0 0 transparent;
  border-color: #E4E4E4 #D2D2D2 #B4B4B4;
  border-image: none;
  border-radius: 20px 20px 20px 20px;
  border-style: solid;
  border-width: 1px;
  padding: 4px 17px;
  text-align: center;
  cursor: pointer;
  font-family: 'UbuntuB','Arial';
  font-weight: normal;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  color: #000000;
  font-size: 13px;
}

/** Annuaire des activités **/

.pane-views.pane-annuaire-des-activites h2.pane-title {
   border-bottom: none;
   color: #000000;
   font-family: 'UbuntuR';
   font-size: 28px;
   margin: 0 0 7px;
   padding: 0 0 7px;
}
.pane-views.pane-annuaire-des-activites h2.pane-title a {
  color: #000;
}
.view-display-id-page_annuaire_des_activites .view-filters {
  border: none;
}
#views-exposed-form-annuaire-des-activites-page-annuaire-des-activites {
  border: 1px solid #D9D9D9;
}
#views-exposed-form-annuaire-des-activites-page-annuaire-des-activites #edit-combine-wrapper {
  width: 500px;
}
#views-exposed-form-annuaire-des-activites-page-annuaire-des-activites #edit-combine-wrapper .form-item input {
  width: 100%;
}
#sort-description {
  font-weight: bold;
  margin-bottom: 2px;
}
.node-annuaire-des-activites .field-name-title {
  margin-top: 15px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 5px;
}
.node-annuaire-des-activites .field-name-title h2 a {
  color: #002F6B;
  font-size: 22px;
}
.node-annuaire-des-activites .description {
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 10px;
}
.node-annuaire-des-activites .adresse-block {
  border-top: dashed 1px #4B4B4B;
  padding-top: 15px;
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 15px;
}
.node-annuaire-des-activites .horaires {
  border-top: dashed 1px #4B4B4B;
  padding-top: 15px;
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 15px;
}
.node-annuaire-des-activites .telephone.fax {
  margin-top: 20px;
}
.node-annuaire-des-activites .telephone.fax .field-label,
.node-annuaire-des-activites .telephone.fax .field-item,
.node-annuaire-des-activites .telephone.fax .telephone,
.node-annuaire-des-activites .telephone.fax .fax {
  display: inline-block;
}
.node-annuaire-des-activites .telephone.fax .telephone {
  width: 50%;
}
.node-annuaire-des-activites.node-annuaire .field-label {
  font-family: 'Arial';
}

.node-annuaire-des-activites .menubar {
  height: 40px;
  background: url("../images/bg-annuaire-menubar.png") repeat-x scroll center;
}
.node-annuaire-des-activites .menubar .field-item  {
  display: inline-block;
  margin-top: 10px;
  margin-left: 15px;
  padding-left: 30px;
}
.node-annuaire-des-activites .menubar .field-item a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}
.node-annuaire-des-activites .localiser-back {
  background: url("../images/all-icones/annuaire-arrow-back.png") no-repeat scroll 6px center;
}
.node-annuaire-des-activites .localiser {
  background: url("../images/all-icones/annuaire-localiser.png") no-repeat scroll 6px center;
}
.node-annuaire-des-activites .mail {
  background: url("../images/all-icones/annuaire-mail.png") no-repeat scroll 5px center;
}
.node-annuaire-des-activites .internet {
  background: url("../images/all-icones/annuaire-link.png") no-repeat scroll 5px center;
}

.node-annuaire-des-activites.view-mode-full {
  border: none;
}
.node-annuaire-des-activites.view-mode-full .border {
  border: 1px solid #BEBFB9;
}
.node-annuaire-des-activites.view-mode-full .field-name-field-thematique-activites {
  color: #0075B6;
  text-transform: capitalize;
  font-size: 18px;
  font-family: 'Arial';
}
.node-annuaire-des-activites.view-mode-full .field-name-title {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 20px;
}
.node-annuaire-des-activites.view-mode-full .description {
  padding-top: 10px;
}
.node-annuaire-des-activites .annuaires-node-carto {
  margin-top: 20px;
}

[id*='block-simplenews-0'] {
  width: 400px;
  height: 287px;
}
[id*='block-simplenews-0'] form {
  border: transparent;
  background: none;
}
[id*='block-simplenews-0'] .content {
  width: 375px;
}
div.ctools-modal-content {
  border: 1px solid #D9D9D9;
  background: url(../images/form-bg.png) repeat-x #f7f7f7;
  padding: 10px;
}
div.ctools-modal-content .modal-header {
  background-color: transparent;
}
div.ctools-modal-content .modal-title {
  color: #000;
  font-size: 28px;
}
div.ctools-modal-content .modal-content [id*='block-simplenews-0'] p {
  color: #000;
  font-family: 'Ubuntu';
}
div.ctools-modal-content [id*='simplenews-subscriptions-multi-block-form'] {
  font-weight: bold;
  height: 245px;
}
div.ctools-modal-content [id*='simplenews-subscriptions-multi-block-form'] .form-item-mail label {
  padding-top: 5px;
  width: 50px;
}
div.ctools-modal-content [id*='simplenews-subscriptions-multi-block-form'] [id*='edit-mail'] {
  width: 320px;
}
div.ctools-modal-content [id*='simplenews-subscriptions-multi-block-form'] .form-checkboxes {
  margin: 25px 0 25px 0;
  height: 165px;
  overflow-y: auto;
}
div.ctools-modal-content [id*='simplenews-subscriptions-multi-block-form'] .form-checkboxes label {
  padding-left: 5px;
  color: #000;
  font-family: 'Ubuntu';
}
div.ctools-modal-content [id*='simplenews-subscriptions-multi-block-form'] [id*='edit-subscribe'] {
  background: url(../images/inscription_newsletter.png) no-repeat scroll 0 0 transparent;
  height: 33px;
  overflow: hidden;
  text-indent: -9999px;
  width: 117px;
  border: none;
  margin-right: 10px;
  position: absolute;
  bottom: 0;
  right: 137px;
}
div.ctools-modal-content [id*='simplenews-subscriptions-multi-block-form'] [id*='edit-unsubscribe'] {
  background: url(../images/desinscription_newsletter.png) no-repeat scroll 0 0 transparent;
  height: 33px;
  overflow: hidden;
  text-indent: -9999px;
  width: 135px;
  border: none;
  position: absolute;
  bottom: 0;
  right: 5px;
}
div.ctools-modal-content [id*='simplenews-subscriptions-multi-block-form'] [id*='edit-update'] {
  border: none;
  position: absolute;
  bottom: 0;
  right: 5px;
}

/** Fix demarches pages**/
.page-demarches .panels-flexible-column.panels-flexible-column-first {
  float: left;
  margin-right: 19px;
  width:30%;
}
.page-demarches .panels-flexible-column.panels-flexible-column-last {
  float: left;
  width:68%;
}