@import url("normalize.min.css");
@import url("stylesheet.css");

/* ==========================================================================

   ========================================================================== */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

textarea {
  resize: vertical;
}


/* ===================

   =================== */

body#top {
  background-repeat: no-repeat;
  background-position: 30px 0px;
}

.header-container {
  position: relative;
  height: 200px;
}

#logo-header {
  bottom: 44px;
  left: 72px;
  position: absolute;
  z-index: 100;
}

#topar-header {
  background: #e0e0e0 url(../imgDesign/bg-topar-header.gif) top left repeat-x;
  height: 57px;
}


.btn-header,
#search-form-header a {
  background-color: #1C94D4;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  display: block;
  float: left;
  border: 1px solid #0b7fbd;
  padding: 0 0.5em 0 0.5em;
  color: #FFF;
  position: relative;
  height: 21px;
  line-height: 21px;
  margin-right: 0.5em;
}

#search-form-header a {
  display: inline-block;
  float: none;
}

.btn-header a {
  color: #FFF;
}

#notification-count.btn-header {
  background-color: #f48250;
  border: 1px solid #e66e3a;
  padding-right: 0.5em;
}

.btn-header a span {
  padding-right: 0.5em;
}

.select-header select {
  font-family: "Century Gothic", "Trebuchet MS", Arial, sans serif;
  padding: 0 3px 0 0;
  margin: 0;
  border-radius: 4px;
  background: #1C94D4;
  color: #fff;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  min-height: 19px;
  width: 120px;
}

label.select-header {
  position: relative;
  padding: 2px 0 0;
}

label.select-header:before {
  content: '  >';
  right: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  background: #1C94D4;
  position: absolute;
  pointer-events: none;
  display: block;
  color: #fff;
  white-space: pre-wrap;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

.header-container #infoConnection {
  position: absolute;
  left: 1em;
  top: 0.5em;
  color: #999;
}

.button.logOn {
  padding-left: 1.5em;
  background: #7eb73b url(../imgDesign/logOn.png) no-repeat 0.25em;
}

.sp_button.logOn,
.header-container #infoConnection .sp_button.logOn {
  white-space: nowrap;
  width: auto;
  height: inherit;
  overflow: inherit;
  display:block;
  margin-right: 0.7em;
  text-transform: initial;
  color: #FFF;
  border-radius: 20px;
  background: #7eb73b url(../imgDesign/logOn.png) no-repeat 1em 0.25em;
  float: left;
  padding: 0.2em 1em 0.2em 2.5em;
  border: 1px solid #6ca22c;
}

.sp_button.logOn span {
  font-size: 12px
}

.header-container #infoConnection .avatarName {
  position: relative;
  float: left;
}

.header-container #avatar-img {
  height: 42px;
  float: left;
  border: 1px solid #c8c8c8;
  margin-right: 1em;
  max-width: 42px
}

.header-container #infoConnection #show-menu-spacePerso {
  background: transparent url("../imgDesign/packImages.png") 0 -5px no-repeat;
  opacity: 0.5;
  display: inline-block;
  width: 25px;
  height: 20px;
  text-indent: -3000px;
}

.header-container #infoConnection #show-menu-spacePerso:hover {
  opacity: 1;
}

.spacePerso {
  display: none;
}

#infoConnection ul {
  background-color: #1C94D4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #0b7fbd;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0px;
  top: 1.5em;
  text-align: left;
  z-index: 100;
  white-space: nowrap;
}

#infoConnection ul li {
  padding: 0;
  margin: 0
}

#infoConnection ul li a {
  color: #FFF;
  font-size: 10pt;
  display: block;
  padding: 5px;
  margin: 0
}

#infoConnection ul li a:hover, #infoConnection .directoryLink:hover, #infoConnection .logOut:hover {
  background-color: #0078d7
}

.header-container #outils {
  bottom: auto;
  top: 25px;
  color: #bbbbbb;
  position: absolute;
  right: auto;
  left: 60px;
  text-align: left;
  width: auto;
  padding: 0;
}

.header-container.anonymousMode #outils {
  left: 0.75em
}

.header-container #outils li {
  display: inline;
  margin: 0;
  padding: 0;
}

.header-container #outils li a {
  color: #222;
}

.header-container #outils li a,
#search-zone-header a {
  opacity: 0.7;
}

.header-container #outils li a:hover,
#search-zone-header a:hover {
  opacity: 1;
}

.header-container #map-link-header a {
  background: transparent url(../imgDesign/packImages.png) -2px -255px no-repeat;
  padding-left: 25px;
}

.header-container #help-link-header a {
  background: transparent url(../imgDesign/packImages.png) -2px -49px no-repeat;
  padding-left: 25px;
}

.header-container #directory-link-header a {
  background: transparent url(../imgDesign/packImages.png) 0 -289px no-repeat;
  padding-left: 25px;
}

.header-container #adminstration-link-header a {
  background: transparent url(../imgDesign/packImages.png) 0 -90px no-repeat;
  padding-left: 25px;
}


.header-container h1 {
  display: none;
}

#search-zone-header {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #eaeaea;
  border-left: 1px solid #C3C3C3;
  border-bottom: 1px solid #C3C3C3;
  height: 49px;
  padding: 7px 1em 0;
}

#search-form-header a {
  opacity: 1 !important;
  padding: 0 0.5em;
}

#search-zone-header > a {
  padding: 4px 0 0 5px;
  float: right;
}

#search-zone-header > * {
  display: inline-block;
  color: #222;
}

#search-form-header {
  display: block;
}

#search-form-header #select-user-group-queryDirectory .selectize-input {
  background-color: transparent;
}

#search-form-header .selectize-control {
  border: 0;
}

#search-form-header input#query,
#search-form-header #select-user-group-queryDirectory .search-input-container input {
  border: 0 !important;
  background-color: #FFF !important;
  border-radius: 8px !important;
  padding: 0 8px !important;
  margin: 0;
  width: 182px !important;
  height: 21px;
  color: #999;
  font-size: 13px;
  vertical-align: middle;
}

#search-zone-header #inputSearchSwitchable .switchSearchMode.directory.off,
#search-zone-header #inputSearchSwitchable .switchSearchMode.directory.on {
  right: 2em;
}

#search-zone-header #inputSearchSwitchable .switchSearchMode {
  right: 0.3em;
  top: 0.2em;
  border: 0;
  border-radius: 0;
}

#lastResult-link-header span {
  background: transparent url(../imgDesign/packImages.png) 0 -219px no-repeat;
  padding-left: 25px;
}

#advancedSearch-link-header span {
  background: transparent url(../imgDesign/packImages.png) 0 -176px no-repeat;
  padding-left: 30px;
}

#search-help-header span {
  background: transparent url(../imgDesign/packImages.png) 0 -50px no-repeat;
  padding-left:24px;
}

/* ==============
    Menu
   ============== */
#nav {
  position: relative;
  padding-top: 102px;
  width: 100%;
  height: 48px;
  background: transparent url(../imgDesign/bg-menu-nav1.png) top left no-repeat;
}

#nav > ul {
  margin: 0;
  padding: 0;
}

#nav > ul > li > a {
  display: block;
  text-align: center
}

#nav > ul > li:first-child {
  padding-left: 94px;
}

#nav ul div.hover > a span:before,
#nav ul div.simple-hover > a span:before,
#nav > ul > li > div.selected > a span:before {
  content: '• ';
  color: #9BD94A;
}

#nav ul div.hover > a {
  background: transparent url(../imgDesign/menu-hover.png) top center no-repeat;
  position: relative;
  z-index: 100;
}

#nav > ul > li > a {
  color: #333;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 0 2em;
  height: 46px;
  line-height: 38px;
  text-transform: uppercase;
}

#nav ul ul a span {
  line-height: 110%;
}

#nav > ul > li {
  display: block;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: right;
}

#nav > ul > li > div {
  display: block;
}

#nav > ul > li > div > a {
  padding-top: 8px;
}

#nav .nav-niveau-2 {
  display: none;
  background-color: #333;
  bottom: 44px;
  left: 73px;
  list-style-type: none;
  margin: 0;
  max-height: 100px;
  overflow: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}


#nav .nav-niveau-2 li {
  display: block;
  float: left;
  width: 33%;
  max-width: 200px;
}

#nav ul.nav-niveau-2 li a {
  display: block;
  height: auto;
  padding: 4px 10px;
  line-height: 100%;
  text-decoration: none;
  text-align: left;
  color: #FFF;
}

#nav ul.nav-niveau-2 li.space a {
  background: transparent url("../imgDesign/packFleche.png") 0px -6px no-repeat;
  font-weight: 100;
  padding: 4px 10px 4px 20px;
  position: relative;
}

#nav ul.nav-niveau-2 li a span {
  color: #FFF;
  text-align: left;
  text-transform: none;
  padding: 0;
}

#nav ul.nav-niveau-2 li a:hover span {
  color: #7EB73B
}

/* la fleche du  menu vers le bas */
#nav .sm-silverpeas a span.sub-arrow {
  margin-top: -2px;
  right: 12px;
  border-width: 4px;
  border-style: solid dashed dashed dashed;
  border-color: #555555 transparent transparent transparent;
  background: transparent;
  border-radius: 0;
}

/* la fleche du sous menu vers la droite */
#nav .sm-silverpeas ul a span.sub-arrow {
  margin-top: -5px;
  border-width: 4px;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #666;
}

#nav .sm-silverpeas ul a:hover, #nav .sm-silverpeas ul a:focus, #nav .sm-silverpeas ul a:active, #nav .sm-silverpeas ul a.highlighted {
  background: #fbf7aa;
  color: #000000;
}

.main {
  padding: 0 0 40px;
  overflow: hidden;
}

.footer-container footer {
  color: white;
  padding: 20px 0;
}


#pp {
  background-color: #f3f2f2;
  border-top: 1px solid #d8d8d8;
  height: 30px;
  padding: 10px
}

#pp a {
  color: #006198;
  text-decoration: underline;
}

.right-main-container {
  float: right;
  width: 25%;
}

.right-main-container .link-more {
  float: right;
  width: 40px;
  height: 33px;
  text-indent: 2000px;
  white-space: nowrap;
  background: #FFF url(../imgDesign/packImages.png) 4px -382px no-repeat;
  margin-top: -46px;
  opacity: 0.7;
}

.right-main-container .link-more:hover {
  opacity: 0.85;
}

#user-favorit-home .link-more {
  float: left;
  text-indent: -2000px;
  background: #FFF url(../imgDesign/packImages.png) -4px -340px no-repeat;
  margin-top: -10px;
  padding-bottom: 4px;
}

#user-favorit-home .link-add.manage {
  display:block;
  clear: both;
  margin-top: 1em;
  float: left;
  background: -moz-linear-gradient(top, #fff, #f0eeee);
  background: linear-gradient(top, #fff, #f0eeee);
  border: 1px solid #d8d8d8;
  border-radius: 6px;
}

#user-favorit-home .link-add.manage span {
  background: none;
  padding-right: 12px;
}

#user-favorit-home .link-more.less {
  background: #FFF url(../imgDesign/packImages.png) -4px -422px no-repeat;
  margin-top: -10px;
  padding-bottom: 4px;
}

#user-favorit-home .link-more.less:hover {
  background-position: -4px -426px;
}

#home-event h2,
.secteur-container h4,
.spaceHome .spaceName,
.spaceHome #spaceManager h2.portlet-title,
.spaceHome #spaceEvent h2.portlet-title, .spaceHome #spaceQuiskInfo h2.portlet-title,
.titre-formulaire-projet,
#principal-formulaire .eventInfo,
#portletPages dl.sort dt {
  color: #6a6a6a;
  border-bottom: 1px solid #ededed;
  font-weight: 100;
  padding-bottom: 7px;
  font-size: 18pt;
  margin: 18px 0 7px;
}


#home-event h2::first-letter,
.secteur-container h4::first-letter,
.spaceHome .spaceName::first-letter,
.spaceHome #spaceManager h2.portlet-title::first-letter,
.spaceHome #spaceEvent h2.portlet-title::first-letter, .spaceHome #spaceQuiskInfo h2.portlet-title::first-letter,
.titre-formulaire-projet::first-letter,
#principal-formulaire .eventInfo::first-letter,
#portletPages h2.portlet-title::first-letter {
  color: #7eb73b;

}

.main-home-page #cg-favorit-home h4 {
  margin-top: 0;
}

#user-favorit-home h4::first-letter {
  color: #1C94D4
}

#portletPages dl.sort dt {
  margin: 15px 0 0;
}

#portletPages h2.portlet-title {
  color: #6a6a6a;
  font-weight: 100;
  font-size: 16pt;
  text-transform: normal;
  font-variant: normal;
}

#portletPages div.portlet-content {
  padding:0;
}


.right-main-container
.secteur-container h4 {
  clear: both;
}

#home-event h2,
.right-main-container .secteur-container h4 {
  clear: both;
}

#home-event {
  position: relative;
  margin-bottom: 3em;
}

.main-home-page #home-event .link-more {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}

#home-event ul.eventList {
  margin: 0;
  padding: 0;
}


#eventList .eventInfo {
  border: 0;
  padding: 0;
  margin: 0 0 0 -16px;
}

.portlet li.events {
  background: #FFF url();
}

.portlet div.eventShortDate {
  background: url("../imgDesign/bgCalendar-portlet.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

.portlet div.eventLongDate {
  color: #666666;
}

.portlet div.eventShortDate .number {
  color: #7eb73b;
}

.portlet div.eventShortDate {
  color: #717171;
}


/*** FORMULAIRE **/

#principal-formulaire {
  float: left;
  width: 70%;
}

#droite-formulaire {
  float: right;
  width: 25%;
  padding: 2em 2%;

}

#principal-formulaire .eventInfo {
  margin: -15px 0 1em;
}

#principal-formulaire .a-propos-formulaire-projet-main-container {
  margin: 0 0 1em;
}

#principal-formulaire .eventPlace img {
  max-width: 200px;
  max-height: 150px;
}

/*** FAQ ***/
#faq-home {
  margin-bottom: 2em;
}

.FAQ-entry-main-container,
.a-propos-formulaire-projet-main-container {
  background: url("../imgDesign/packImages.png") left -624px no-repeat;
  clear: left;
  margin: 0;
  padding-top: 0px;
  text-indent: 37px;
}

.FAQ-entry,
.a-propos-formulaire-projet {
  background: transparent url("../imgDesign/packImages.png") bottom right no-repeat;
  padding-bottom: 10px;
  max-height: 232px;
  overflow: auto;
}

.FAQ-entry-main-container .link-add {
  float: none;
}

.FAQ-entry-main-container .link-add span strong {
  color: #7eb73b;
}

.link-add,
.spaceHome .link-more,
#submit-AdvancedSearch {
  background: url("../imgDesign/packBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display:block;
  float: right;
  height: 32px;
  margin: 1em 0;
  padding-left: 10px;
}


#submit-AdvancedSearch {
  float: none;
}

.link-add span,
.spaceHome .link-more span,
#submit-AdvancedSearch span {
  background: transparent url(../imgDesign/packBtn.png) right 0 no-repeat;
  color: #333;
  display: block;
  line-height: 32px;
  padding-right: 50px;
}

#submit-AdvancedSearch span {
  background: transparent url(../imgDesign/packBtn.png) right -700px no-repeat;
  color: #333;

}

.FAQ-entry-main-container .link-add span {
  background-position: right -32px;
  color: #333333;
  text-indent: 10px;
}

/*** END FAQ ***/

/*** WEATHER ***/
#weather-home #ephemeride {
  font-style: italic;
  margin: 1em 0;
  color: #ec8601;
}

#weather-home #ephemeride:before {
  content: 'Nous fêtons les ';
  color: #000;
}

#weather-home.secteur-container h4::first-letter {
  color: #ec8601;
}

#localisation-weather {
  margin-bottom: 1em;
}

#localisation-weather a {
  color: #b8b8b8;
}

#localisation-weather a:hover,
#localisation-weather .select,
#localisation-weather .label {
  color: #ec8601;
}

#weather-home .day {
  width: 50%;
  float: left;
}

#weather-home .day img {
  height: 45px;
  float: left;
}

#weather-home .min {
  color: #1C94D4;
}

#weather-home .max {
  color: #f60b3c;
}

#weather-home .day .label {
  clear: left;
  color: #b8b8b8;
  font-size: 11px;
  text-align: center;
  width: 61px;
}

#today-event {
  clear: both;
  padding-top: 1em;
}

/*** END WEATHER ***/

/*** PDC ***/

#bloc-advancedSeach {
  clear: both;
  padding-top: 0;
  margin-bottom: 1.5em;
}

#bloc-advancedSeach #query {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border: 1px solid #d1d1d1;
  width: 90%;
  height: 20px;
  box-shadow: -2px -3px 4px rgba(0, 0, 0, 0.1) inset;
  padding: 2px 2%;
  margin: 0.5em 0 1em;
}

#bloc-advancedSeach #used_pdc .field .champs.pdcAxis img {
  display: none;
}

#bloc-advancedSeach #used_pdc .field label {
  display: block;
  float: left;
  padding: 5px 5px 5px 5px;
  width: 122px;
}

#bloc-advancedSeach #used_pdc .field .champs select {
  width: 160px;
}

#bloc-advancedSeach #used_pdc .field {
  padding-left: 0;
}


#submit-AdvancedSearch:hover span {
  opacity: 1;
}

/*** END PDC ***/
#user-favorit-home ul {
  list-style-image: url(../imgDesign/puce-favorit.png);
  padding: 0 0 0 30px
}

#user-favorit-home ul a {
  line-height: 10pt;
  display: block;
}

#user-favorit-home ul li {
  padding-bottom: 1em;
}

#user-favorit-home ul a:hover {
  color: #1c94d4;
}

.principal-main-container {
  margin-right: 27%;
  padding-top: 18px;
}

.principal-main-container .secteur-container h4,
#user-favorit-home h4 {
  padding-left: 0.5em;
}

.main-home-page #cg-favorit-home {
  width: 240px;
  position: absolute;
}

#user-favorit-home {
  width: 240px;
  position: absolute;
  left: 0;
  top: 344px;
}


.principal-main-container .cg-favorit-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.principal-main-container .cg-favorit-list li {
  margin-bottom: 0.5em;
}

.principal-main-container .cg-favorit-list li:nth-child(2n+1) a {
  padding-left: 30px;
}

.principal-main-container .cg-favorit-list a {
  color: #8c8c8c;
  font-size: 12pt;
  float: left;
  padding-bottom: 10px;
}

.principal-main-container .cg-favorit-list a span {
  display: none
}

.principal-main-container .cg-favorit-list a img {
  width: 80%;
  opacity: 0.8;
}

.principal-main-container .cg-favorit-list a:hover img {
  opacity: 1;
}

#carrousel-actualite {
  margin-left: 260px;
  float: left;
  height: 314px;
  position: relative;
  overflow: hidden;  
  width: calc( 100% - 260px );
  margin-bottom:1em;
}

.main-home-page #last-publication-home,
.main-home-page #rssNews,
.main-home-page #freeZone {
  margin-left: 260px;
  margin-top: 2.5em;
  clear:left;
}


#carrousel-actualite li > a {
  font-weight: bold;
}

#actualite-magique-home {
  clear: left;
}

.actualite-magique-main-container {
  background-color: #f9f8f8;
  margin-top: -12px;
}

#la-magie {
  float: left;
  margin-right: 46px;
}


.actualite-magique-main-container span {
  color: #1C94D4;
  font-size: 120%;
  padding-top: 1em;
  display: block
}

.actualite-magique-main-container ul {
  margin: 0;
  padding: 0 0 0 12px;
  list-style-image: url(../imgDesign/puce.png);
}

.actualite-magique-main-container ul li {
  margin: 1em 0 0 12px;
  padding: 0;
}

.actualite-magique-main-container strong {
  display: block;
  text-transform: uppercase
}

/* ===============
    ALL: IE Fixes
   =============== */

/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (max-width: 980px), only screen and (max-device-width: 980px) {
  #nav > ul > li > a {
    padding: 0 2.1em 0 0;
    font-size: 10pt;
  }

  #nav > ul > li > a span {
    font-size: 10pt;
  }

  #nav ul ul > li > a, #nav ul ul > li > a span {
    font-size: 8.5pt;
  }

  #search-zone-header {
    top: 80px;
    border-radius: 15px 0 0 15px;
    z-index: 1001;
  }

  #nav > ul > li:first-child a span {
    text-indent: -3000px;
    display: inline-block;
  }

  #nav > ul > li:first-child a {
    background: transparent url(../imgDesign/packImages.png) no-repeat 9px -124px;
    padding-left: 18px;
    height: 35px;
    width: 33px;
  }

}

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

  /* ===============
       présentation a partir de 768
       =============== */


}

@media only screen and (min-width: 980px) {

  /* ===============
     préasentation a partir de 1024
     =============== */


}

@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 1800px) {


}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .tableBoard {
    background: transparent;
  }

  /* a,
   a:visited {
     text-decoration: underline;
   }
   a[href]:after {
     content: " (" attr(href) ")";
   }
   abbr[title]:after {
     content: " (" attr(title) ")";
   }


    * Don't show links for images,
 or javascript/internal links


   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
     content: "";
   }
   pre,
   blockquote {
     border: 1px solid #999;
     page-break-inside: avoid;
   }
   thead {
     display: table-header-group;
   }
   tr,
   img {
     page-break-inside: avoid;
   }
   img {
     max-width: 100% !important;
   }
   @page {
     margin: 0.5cm;
   }
   p,
   h2,
   h3 {
     orphans: 3;
     widows: 3;
   }
   h2,
   h3 {
     page-break-after: avoid;
   }*/
}


/****** Ticker ******/
#sp-layout-header-part #desktop-notifications-permission {
  background: url('/silverpeas/util/icons/cog.png') no-repeat scroll 0 0 transparent;
  line-height: 17px;
  padding-left: 20px;
  position: absolute;
  right: 0;
  top: 1px;
  padding-right: 1em;
  font-weight: bold;
}

#sp-layout-header-part #ticker {
  display: none;
  background-color: #FFF;
  height: 22px;
  left: 0;
  position: absolute;
  right: 0;
  top: 57px;
  z-index: 10;
  border-top: 2px dashed #7eb73b;
  border-bottom: 2px dashed #7eb73b
}

#sp-ticker .ticker-wrapper.has-js {
  background-color: transparent;
  border-radius: 0;
  display: block;
  font-size: 0.75em;
  height: 22px;
  margin: 0;
  padding: 0;
  width: 100%;
}

#sp-ticker {
  display: block;
}

#sp-ticker .ticker {
  background-color: transparent;
  display: block;
  height: 22px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

#sp-ticker .ticker-title {
  padding-top: 2px;
  padding-left: 1em;
  color: #333;
  font-weight: bold;
  background-color: transparent;
  text-transform: uppercase;
}

#sp-ticker .ticker-content {
  margin: 0px;
  padding-top: 3px;
  position: absolute;
  color: #7eb73b;
  font-weight: 100;
  background-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.2em;
  padding-left: 1em;
}

#sp-ticker .ticker-content .ticker-item-date {
  color: #333;
}

/********************** News as carrousel ***************************/

#carrousel-actualite .centered-btns_nav {
  top: 36%;
  margin-top: 0;
}

#carrousel-actualite #slider li {
  position:relative;
}
#carrousel-actualite  #slider li > a {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
}
/*********** News as list *******************/
#carrousel-actualite .list-news {
  padding: 0;
  height: auto
}

#carrousel-actualite .list-news li {
  width: 100%;
  height: 100px;
}

#carrousel-actualite .list-news li img {
  width: 200px;
  float: left;
}

#carrousel-actualite .list-news .caption {
  margin-left: 206px;
  margin-right: 50px;
}

#carrousel-actualite .list-news .caption h2 a,
#carrousel-actualite .list-news .caption p {
  color: #444;
  font-size: 13px;
  font-weight: 100;
}

#carrousel-actualite .list-news .caption h2 a {
  font-size: 16px;
  font-weight: bold;
}

#carrousel-actualite .list-news .caption h2 {
  margin: 0px;
}

#carrousel-actualite .list-news .caption .news-date:after {
  content: " - ";
}

#rssNews.onceChannel-true h4 {
  border-bottom: none;
}