@font-face {
  font-family: 'open_sansregular';
  src: url('../../../../Projet/themes/saintmarcellin/fonts/OpenSans-Regular-webfont.eot');
  src: url('../../../../Projet/themes/saintmarcellin/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../Projet/themes/saintmarcellin/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../../../Projet/themes/saintmarcellin/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../../../Projet/themes/saintmarcellin/fonts/OpenSans-Regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'open_sansregular';
    src: url('../../../../Projet/themes/saintmarcellin/fonts/OpenSans-Regular-webfont.svg') format('svg');
  }
}
@font-face {
  font-family: 'SourceSansProBlack';
  src: url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-black.eot');
  src: url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-black.eot') format('embedded-opentype'), url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-black.woff') format('woff'), url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-black.ttf') format('truetype'), url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-black.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'SourceSansProSemibold';
    src: url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-black.svg') format('svg');
  }
}
@font-face {
  font-family: 'SourceSansProSemibold';
  src: url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-semibold.eot');
  src: url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-semibold.eot') format('embedded-opentype'), url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-semibold.woff') format('woff'), url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-semibold.ttf') format('truetype'), url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-semibold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'SourceSansProSemibold';
    src: url('../../../../Projet/themes/saintmarcellin/fonts/sourcesanspro-semibold.svg') format('svg');
  }
}
body {
  font-family: open_sansregular;
}
h1,
.h1 {
  font-family: open_sansregular;
  color: #70be44;
  font-size: 28px;
  font-weight: bold;
}
h2,
.h2 {
  font-family: open_sansregular;
  color: #000000;
  font-size: 24px;
  font-weight: bold;
}
h3,
.h3 {
  font-family: open_sansregular;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
a {
  color: #70be44;
}
a:hover {
  color: #0065b1;
}
.clearer {
  clear: both;
}
.glyphicon-lg {
  font-size: 24px;
}
.glyphicon-m {
  font-size: 20px;
}
.glyphicon-sm {
  font-size: 16px;
}
.glyphicon-xs {
  font-size: 10px;
}
#top {
  background: #ffffff;
  padding: 0;
}
#bottom {
  margin: 20px 0px 0px 0px;
  background: #f2f2f2;
  min-height: 300px;
}
.heading_tools {
  margin: 10px 0 15px 0;
}
.heading_links {
  float: right;
  margin: 0 10px 0 0;
}
p.infos {
  color: #000000;
  font-size: 13px;
  margin: 0;
  text-align: right;
  line-height: 20px;
  padding: 10px 0;
}
p.infos a {
  color: #70be44;
  font-size: 13px;
  font-weight: normal;
}
p.infos span {
  padding: 0 10px;
}
p.infos a:hover {
  background: #000000;
  text-decoration: none;
}
#heading_right #recherche {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  float: right;
  width: 260px;
  border-radius: 5px;
}
#heading_right #recherche input[type="text"] {
  border: none;
  box-shadow: none;
  height: 40px;
  float: left;
  background: #f2f2f2;
}
#heading_right #recherche .btn-search {
  background: #f2f2f2 url('../../../../Projet/themes/saintmarcellin/img/ico_search.png') no-repeat center center;
  height: 40px;
  width: 40px;
  border: none;
  float: right;
}
.recherche {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
}
.recherche input[type="text"] {
  border: none;
  box-shadow: none;
  height: 40px;
  float: left;
  background: #f2f2f2;
}
.recherche .btn-search {
  background: #f2f2f2 url('../../../../Projet/themes/saintmarcellin/img/ico_search.png') no-repeat center center;
  height: 40px;
  width: 40px;
  border: none;
  float: right;
}
.recherche_resultats h2 {
  margin: 3px 0px;
  padding: 0;
  font-size: 14px;
  color: #000000;
}
.home_alerte {
  padding: 5px 0 10px 0;
  background: #f2f2f2;
}
.home_alerte p.titre_h2 {
  font-family: 'SourceSansProBlack';
  color: #333333;
  font-size: 24px;
  text-align: right;
  line-height: 40px;
  padding: 0;
}
.home_alerte p {
  font-family: 'SourceSansProSemibold';
  color: #333333;
  font-size: 18px;
  line-height: 34px;
  padding: 6px 0 0 0;
}
.home_slider {
  background: #f2f2f2;
}
.bloc_liens_utiles {
  background: #ffffff;
  padding: 15px;
  min-height: 330px;
  border-radius: 5px;
}
.bloc_liens_utiles ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bloc_liens_utiles li {
  margin: 0;
  padding: 5px 0;
}
.bloc_liens_utiles a {
  font-family: 'SourceSansProSemibold';
  color: #70be44;
  font-size: 24px;
  display: inline-block;
  line-height: 30px;
  padding: 5px 0 5px 55px;
}
.bloc_liens_utiles .marches a,
.bloc_liens_utiles li a {
  background: url('../../../../Projet/themes/saintmarcellin/img/ico_liens_marches.png') no-repeat left center;
}
.bloc_liens_utiles .urbanisme a,
.bloc_liens_utiles li+li a {
  background: url('../../../../Projet/themes/saintmarcellin/img/ico_liens_urbanisme.png') no-repeat left center;
}
.bloc_liens_utiles .formulaires a,
.bloc_liens_utiles li+li+li a {
  background: url('../../../../Projet/themes/saintmarcellin/img/ico_liens_formulaires.png') no-repeat left center;
}
.bloc_liens_utiles .service a,
.bloc_liens_utiles li+li+li+li a {
  background: url('../../../../Projet/themes/saintmarcellin/img/ico_liens_service.png') no-repeat left center;
}
.bloc_liens_utiles .menus a,
.bloc_liens_utiles li+li+li+li+li a {
  background: url('../../../../Projet/themes/saintmarcellin/img/ico_liens_numeros.png') no-repeat left center;
}
.bloc_liens_utiles .loire a,
.bloc_liens_utiles li+li+li+li+li+li a {
  background: url('../../../../Projet/themes/saintmarcellin/img/ico_liens_rdv.png') no-repeat left center;
}
#slideshow {
  width: 100%;
  height: 330px;
  background: #e5e5e5;
  border-radius: 5px;
}
.slides {
  width: 100%;
  height: 330px;
  position: relative;
}
.slidex {
  width: 100%;
  height: 330px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: center top;
  background-size: cover;
  -ms-behavior: url(../../../../Projet/themes/saintmarcellin/../../Produit/Script/responsive/backgroundsize.min.htc);
}
.slide_inner {
  position: relative;
  height: 330px;
  padding: 0px;
  margin: 0 auto;
  width: 100%;
}
.slide_content {
  position: absolute;
  left: 0px;
  top: 0px;
  float: left;
  padding: 40px 0px 0px 40px;
  margin: 0px;
}
.slide_content h2 {
  background: rgba(255,255,255,0.6);
  font-family: 'SourceSansProBlack';
  color: #70be44;
  font-size: 40px;
  font-weight: normal;
  padding: 7px 20px;
  margin: 0 0 10px 0;
  line-height: 50px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.slide_content div.texte p {
  background: rgba(255,255,255,0.6);
  font-family: 'SourceSansProSemibold';
  color: #333333;
  font-size: 18px;
  padding: 15px 20px;
  margin: 0;
  text-align: left;
  width: 60%;
}
.slide_lien {
  position: absolute;
  bottom: 20px;
  left: 40px;
  width: 100%;
}
.slide_lien p.lien {
  margin: 0px;
}
.slide_lien p.lien a {
  display: inline-block;
  text-align: center;
  background: #2c2c2c;
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  padding: 0px 40px;
  border-radius: 5px;
  transition: background-color 200ms linear;
}
.slide_lien p.lien a:hover {
  background: #000000;
  text-decoration: none;
}
.slider_menu {
  width: 100%;
  position: relative;
  top: -40px;
}
.slider_menu ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider_menu li {
  float: left;
  margin: 0px 10px 10px 0px;
}
.slider_menu li a {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0px;
  color: #ffffff;
  background: #ffffff;
  border-radius: 5px;
}
.slider_menu li a:hover,
.slider_menu li.selected a {
  background: #bbbbbb;
}
#ariane {
  padding: 20px 0px;
}
.home_actualites {
  padding: 10px 0;
}
.bloc_kikankoi {
  border-bottom: 1px dotted #dddddd;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  background: url('../../../../Projet/themes/saintmarcellin/img/kikankoi_bg.png') no-repeat left top;
}
.bloc_kikankoi p.titre_h2 {
  font-family: 'SourceSansProBlack';
  color: #333333;
  font-size: 36px;
  line-height: 50px;
  padding: 0;
  margin: 0 0 10px 0;
}
.bloc_kikankoi p {
  color: #333333;
  font-size: 14px;
  margin: 0 0 10px 0;
}
.bloc_kikankoi p.lien_kikankoi a {
  color: #70be44;
  font-size: 24px;
}
.bloc_bulletin {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
.bloc_bulletin p.titre_h2 {
  font-family: 'SourceSansProBlack';
  color: #333333;
  font-size: 36px;
  line-height: 50px;
  padding: 0;
  margin: 0 0 10px 0;
}
.bloc_bulletin img {
  border: 3px solid #e5e5e5;
}
.bloc_actu {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
.bloc_actu p.titre_h2 {
  font-family: 'SourceSansProBlack';
  color: #333333;
  font-size: 36px;
  line-height: 50px;
  padding: 0;
  margin: 0 0 10px 0;
}
.bloc_actu h3 a {
  font-family: 'SourceSansProSemibold';
  color: #0065b1;
  font-size: 22px;
  margin: 0 0 20px 0;
}
.bloc_actu p {
  color: #333333;
  font-size: 14px;
  margin: 0 0 20px 0;
}
.bloc_actu img {
  max-width: 100%;
}
.bloc_actu p.lien {
  text-align: right;
}
.bloc_actu p.lien a {
  background: #333333;
  display: inline-block;
  color: #ffffff;
  font-size: 15px;
  line-height: 30px;
  padding: 0 15px;
  font-weight: bold;
  border-radius: 5px;
}
.bloc_actu p.lien a:hover {
  background: #0065b1;
}
.footer {
  padding: 20px 0;
}
.footer p.titre {
  font-family: 'SourceSansProSemibold';
  color: #555555;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  margin: 5px 0 10px 0;
}
.footer_infos,
.footer_horaires,
.footer_meteo {
  min-height: 250px;
  padding: 0 30px;
  background-color: #FFF;
}
.footer_horaires .horaires_mairie {
  background: url('../../../../Projet/themes/saintmarcellin/img/horaires_bg.png') no-repeat right bottom;
  min-height: 190px;
}
.footer p {
  color: #555555;
  font-size: 13px;
  text-align: center;
  margin: 0 0 20px 0;
}
.footer p.lien_acces {
  margin: 0;
}
.footer p.lien_acces a {
  display: inline-block;
  text-align: center;
  background: #999999 url('../../../../Projet/themes/saintmarcellin/img/ico_acces_intranet.png') no-repeat 10px center;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px 0 40px;
  border-radius: 5px;
  transition: background-color 200ms linear;
}
.footer p.lien_acces a:hover {
  background: #70be44 url('../../../../Projet/themes/saintmarcellin/img/ico_acces_intranet.png') no-repeat 10px center;
}
.footer .footer_horaires p,
.footer .footer_horaires p.titre,
.footer .footer_meteo p.titre {
  text-align: left;
}
.footer_infos ul {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.footer_infos li {
  padding: 10px 10px;
  margin: 0;
  float: left;
}
.footer_infos li a {
  color: #70be44;
  font-size: 14px;
}
.sous_bandeau {
  background: url('../../../../Projet/themes/saintmarcellin/img/sous_bandeau.jpg') no-repeat center top;
  height: 160px;
}
.bandeau_titre {
  background: #f2f2f2;
}
.titre_menu {
  background: #e5e5e5;
  padding: 10px 0 5px 0;
  font-size: 24px;
  line-height: 40px;
}
.titre_menu h2 {
  padding: 10px;
  margin: 0;
  color: #333333;
}
.ariane {
  color: #000000;
  padding: 10px 0;
  line-height: 20px;
}
.ariane a {
  color: #70be44;
}
h2.titre_rubrique {
  font-family: 'SourceSansProBlack';
  color: #333333;
  font-size: 46px;
  line-height: 50px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 5px 0;
}
.page_portail {
  padding: 0 0 20px 0;
}
.colonne_gauche {
  padding: 0;
}
.side_menu {
  padding: 0;
  margin: 20px 0;
  border-radius: 10px;
}
.side_menu ul {
  background: #ffffff f;
  list-style: none;
  margin: 0;
  padding: 15px;
}
.side_menu > ul,
.side_menu > ul > li > a,
.side_menu ul ul {
  border-width: 0px;
}
.side_menu > ul {
  border-style: solid;
}
.side_menu > ul ul {
  padding: 5px;
}
.side_menu ul li {
  margin: 0 0 10px 0;
}
.side_menu ul li li {
  margin: 0;
}
.side_menu > ul > li > a,
.side_menu ul ul {
  border-bottom-style: solid;
}
.side_menu > ul > li:last-child > a {
  border-bottom-style: none;
}
.side_menu ul li a {
  color: #000000;
  padding: 8px 8px 8px 15px;
  background-color: #f2f2f2;
  display: block;
  font-size: 18px;
  transition: background-color 200ms linear;
  text-decoration: none;
  border-radius: 5px;
}
.side_menu ul li li a {
  color: #555555;
}
.side_menu ul li a:hover {
  background-color: #70be44;
  color: white;
  border-radius: 5px;
}
.side_menu ul li li a {
  font-size: 13px;
  padding-left: 25px;
  background: transparent;
  background: url('../../../../Projet/themes/saintmarcellin/img/side_menu_n2.png') no-repeat 10px center;
}
.side_menu ul li li a:hover,
.side_menu .selected .selected > a:hover {
  background: #70be44 url('../../../../Projet/themes/saintmarcellin/img/side_menu_n2_h.png') no-repeat 10px center;
  color: #ffffff;
  border-radius: 5px;
}
.side_menu .selected {
  border-radius: 5px;
}
.side_menu .selected > a {
  background: #333333;
  color: #ffffff;
  font-weight: bold;
}
.side_menu .selected .selected > a {
  background: transparent url('../../../../Projet/themes/saintmarcellin/img/side_menu_n2.png') no-repeat 10px center;
  font-weight: bold;
  color: #000000;
}
a.logo img {
  max-height: 130px;
}
#alerte_uti_secondaire {
  width: 94%;
  background-color: #444;
  color: #ffffff;
  padding: 7px 3% 7px 3%;
  font-size: 11px;
}
#alerte_uti_secondaire a {
  background: #000000;
  border-radius: 5px;
  padding: 7px;
  text-decoration: none;
  line-height: 20px;
  color: #FFFFFF;
}
p {
  margin: 0px;
  font-size: 12px;
}
img {
  border: none;
}
div.actions {
  padding: 10px 0px;
  text-align: center;
}
span.obligatoire {
  font-size: 11px;
  color: red;
}
div.obligatoire {
  font-size: 11px;
  padding: 10px 0px;
  color: red;
}
#recherche input[type="text"] {
  padding: 5px 10px 5px;
  height: 32px;
  border: none;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.08);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #3a3a3a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-break: 20px;
  line-height: 27px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
.onglet_recherche {
  width: 150px;
  padding: 10px;
  margin-right: 10px;
}
.onglet_recherche_selected {
  border-top: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  background: #ffffff;
  width: 150px;
  padding: 10px;
  margin: 5px;
}
.lien_onglet_recherche {
  color: #296482;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}
.table_form_recherche {
  background: #ffffff;
}
#ariane {
  clear: both;
  color: #31579e;
  font-size: 12px;
  display: block;
  width: 980px;
  padding: 12px 0px 3px 0px;
  height: 15px;
  line-height: 15px;
}
.div_ariane {
  float: left;
}
#ariane a {
  font-size: 12px;
  color: #31579e;
  text-decoration: none;
}
#ariane_fil {
  float: left;
}
#ariane_outils {
  float: right;
}
#ariane_outils img {
  vertical-align: middle;
  padding: 0px 5px 0px 0px;
}
#ariane_outils a {
  padding: 0px 0px 0px 10px;
  font-size: 12px;
  color: #31579e;
}
.recherche_annuaire_simple,
.recherche_agenda {
  background: url('../../../../Projet/themes/saintmarcellin/img/rech_annuaire_simple_bg.jpg') repeat left top;
  padding: 20px 0 5px;
}
.recherche_annuaire_avancee {
  background: url('../../../../Projet/themes/saintmarcellin/img/rech_annuaire_avancee_bg.jpg') repeat left top;
  padding: 10px 0;
}
.recherche_annuaire_avancee_btn,
.recherche_annuaire_avancee_btn:hover {
  cursor: pointer;
  color: #ffffff;
  line-height: 35px;
}
.recherche_annuaire_simple h1,
.recherche_agenda h1 {
  font-family: 'SourceSansProSemibold';
  color: #ffffff;
  font-size: 42px;
  font-weight: normal;
  margin: 10px 0 20px 0;
  text-align: center;
}
.recherche_annuaire_simple .zone_rech_annuaire,
.recherche_agenda .zone_rech_agenda {
  background: #ffffff;
  border-radius: 5px;
}
.recherche_annuaire_simple .zone_rech_annuaire input[type="text"] {
  border: none;
  box-shadow: none;
  height: 50px;
  float: left;
  padding: 10px 20px;
  width: 80%;
  font-size: 22px;
  border-radius: 5px;
}
.recherche_agenda .zone_rech_agenda input[type="text"] {
  border: none;
  box-shadow: none;
  height: 35px;
  float: left;
  padding: 2px 20px;
  width: 80%;
  font-size: 18px;
  border-radius: 5px;
}
.recherche_agenda .zone_rech_agenda .btn-search {
  background: #ffffff url('../../../../Projet/themes/saintmarcellin/img/ico_search_agenda.png') no-repeat center center;
  height: 35px;
  width: 35px;
  border: none;
  float: right;
  border-radius: 5px;
}
.recherche_annuaire_simple .zone_rech_annuaire .btn-search {
  background: #ffffff url('../../../../Projet/themes/saintmarcellin/img/ico_search_annuaire.png') no-repeat center center;
  height: 50px;
  width: 50px;
  border: none;
  float: right;
  border-radius: 5px;
}
.recherche_annuaire_avancee h3 {
  font-family: 'SourceSansProSemibold';
  color: #ffffff;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
}
.recherche_annuaire_avancee p {
  color: #ffffff;
  font-size: 14px;
  margin: 10px 0px 20px 0;
  text-align: center;
}
.recherche_annuaire_avancee span.liste {
  display: inline-block;
  color: #000000;
  background: #ffffff;
  border: none;
  height: 40px;
  line-height: 30px;
  padding: 5px 10px;
  width: 80%;
  border-radius: 5px;
}
.recherche_annuaire_avancee select {
  border: none;
  color: #000000;
  width: 100%;
}
.recherche_annuaire_avancee input[type="text"] {
  height: 40px;
  border: 1px solid #ffffff;
  padding: 5px 10px;
  margin: 0;
  color: #777777;
  width: 100%;
  border-radius: 5px;
}
.recherche_annuaire_avancee a {
  display: inline-block;
  text-align: center;
  background: #004e83;
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  padding: 0 30px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 200ms linear;
}
.recherche_annuaire_avancee a:hover {
  text-decoration: none;
  background: #333333;
}
.fiche_annuaire .fiche_row {
  margin: 0 0 20px 0;
}
.fiche_annuaire h2 {
  font-family: 'SourceSansProSemibold';
  color: #006ab3;
  font-size: 48px;
  font-weight: normal;
  margin: 10px 0;
}
.fiche_annuaire h3 {
  font-family: 'SourceSansProSemibold';
  color: #333333;
  font-size: 36px;
  font-weight: normal;
}
.fiche_annuaire p {
  font-size: 14px;
  margin: 0 0 10px 0;
}
.fiche_annuaire p.dirigeant {
  font-size: 18px;
}
.fiche_annuaire p.dirigeant span {
  font-weight: bold;
}
.fiche_annuaire p.coordonnees {
  font-size: 18px;
  font-weight: bold;
}
.fiche_annuaire .fiche_horaires {
  background: #d7d7d7 url('../../../../Projet/themes/saintmarcellin/img/horaires_bg.png') no-repeat right bottom;
  padding: 20px 20px 60px 20px;
}
.fiche_annuaire .fiche_horaires p {
  width: 72%;
}
.fiche_annuaire .fiche_map .zone_map {
  border: 5px solid #a5a5a5;
}
.fiche_annuaire img {
  max-width: 100%;
}
.calcul_itineraire p {
  font-size: 18px;
}
.calcul_itineraire input[type="text"] {
  height: 40px;
  border: 1px solid #d1d1d1;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  color: #777777;
  float: left;
  border-radius: 5px;
}
.calcul_itineraire a {
  display: inline-block;
  text-align: center;
  background: #006ab3;
  color: #ffffff;
  font-size: 14px;
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
  float: left;
  border-radius: 5px;
  transition: background-color 200ms linear;
}
.titre_resultat_recherche {
  font-family: 'SourceSansProSemibold';
  color: #006ab3;
  font-size: 30px;
  font-weight: normal;
  margin: 10px 0;
  display: block;
}
.row-annuaire {
  padding: 0px 0px 20px 0px;
  border-bottom: 1px dotted #666666;
  margin: 0 0 20px 0;
}
.row-annuaire h2.titre_row_annuaire {
  font-family: 'SourceSansProSemibold';
  color: #006ab3;
  font-size: 28px;
  font-weight: normal;
  margin: 10px 0;
}
.row-space {
  margin: 10px 0px;
}
.mapArea {
  position: relative;
  margin: 50px auto;
}
#mapMulti img {
  max-width: none !important;
}
#mapContainer {
  position: absolute;
  width: 570px;
  height: 450px;
}
#mapContainer.fixed {
  position: fixed;
  top: 20px;
}
.article {
  float: left;
  width: 100%;
}
.article h1 {
  color: #296482;
  font-weight: normal;
  font-size: 30px;
  margin: 5px 0px;
  padding: 0px;
  border-bottom: solid 2px #dddddd;
}
.article .contenu {
  float: left;
  padding: 0px 20px;
}
.article p {
  margin: 10px 0px;
  text-align: justify;
}
.article .chapeau {
  float: left;
  width: 100%;
}
.article .chapeau p {
  font-size: 14px;
  font-weight: bold;
}
.article .zone1 {
  float: left;
  width: 100%;
  margin: 10px 0px;
}
.article .zone1 img {
  float: left;
  display: block;
  background: #000000;
  margin: 10px 20px 10px 0px;
  width: 320px;
}
.article .zone2 {
  float: left;
  width: 100%;
  margin: 10px 0px;
}
.article .zone2 img {
  float: right;
  display: block;
  background: #000000;
  margin: 10px 0px 10px 20px;
  width: 320px;
}
.article .informations {
  float: left;
  width: 100%;
  margin: 10px 0px;
}
.article .informations p {
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}
.article .informations span.redacteur {
  font-size: 12px;
  font-weight: bold;
}
.bloc_telechargement {
  clear: both;
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding: 15px;
  margin: 0px 0px 20px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bloc_telechargement h2 {
  font-family: Arial, Verdana;
  font-size: 16px;
  line-height: 30px;
  color: #444444;
  margin: 0px 0px 10px 0px;
}
.bloc_telechargement p {
  font-size: 14px;
  color: #444444;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 20px;
  line-height: 20px;
  background: url('portail/ico_pdf.png') no-repeat left 2px;
}
.bloc_telechargement p a {
  font-size: 14px;
  color: #444444;
  text-decoration: none;
}
.bloc_telechargement p a:hover {
  text-decoration: underline;
}
.img_left,
.img_right {
  float: left;
  padding: 0px 10px 10px 0px;
}
.div_left {
  width: 50%;
  background-color: #eeeeee;
  float: left;
  margin: 0px 10px 10px 0px;
}
a.info {
  color: #5C8EC1;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}
a.info span {
  display: none;
}
a.info:hover {
  background: transparent none repeat scroll 0 0;
  cursor: help;
  z-index: 500;
}
a.info:hover span {
  background-color: #FAFAFA;
  border: 3px solid #CCCCCC;
  color: black;
  display: inline;
  font-size: 12px;
  font-weight: normal;
  left: 20px;
  padding: 5px;
  position: absolute;
  top: 30px;
  white-space: nowrap;
}
span.bouton {
  display: inline-block;
  line-height: 30px;
  padding: 0 0 0 10px;
}
span.bouton a {
  color: #FFFFFF;
  display: inline-block;
  font-size: 11px;
  line-height: 20px;
  padding: 0 10px 0 0;
  text-decoration: none;
}
.texte {
  font-size: 11px;
}
.libelle {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}
.message_alerte {
  width: 100%;
  font-size: 12px;
  margin-bottom: 10px;
}
.message_close {
  background: url('general/close.png') no-repeat;
  background-position: 0px 0px;
  width: 10px;
  height: 10px;
  position: relative;
  top: -2px;
  line-height: 18px;
  float: right;
  text-decoration: none;
}
.message_close:hover {
  background: url('general/close.png') no-repeat;
  background-position: 0px -10px;
  width: 10px;
  height: 10px;
}
.message_erreur {
  color: #CC0000;
  border: 1px solid #CC0000;
  background: #F2DEDE;
  padding: 10px;
}
.message_valide {
  color: #468847;
  border: 1px solid #468847;
  background: #DFF0D8;
  padding: 10px;
}
.message_info {
  color: #3a87ad;
  border: 1px solid #3a87ad;
  background: #d9edf7;
  padding: 10px;
}
.message_warning {
  color: #C09853;
  border: 1px solid #C09853;
  background: #FCF8E3;
  padding: 10px;
}
.table {
  border: solid 1px #dddddd;
  background: #ffffff;
  margin: 0px;
}
.table td,
.table th {
  line-height: 20px;
  border-bottom: solid 1px #EEEEEE;
  padding: 2px 10px;
}
.table td.entete_table,
.table tr.entete_table td {
  background-color: #000000;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
  padding: 5px 10px;
}
.table thead th.text_center,
.table thead td.text_center,
.table th.text_center,
.table td.text_center,
.text_center {
  text-align: center;
}
.table thead th.text_right,
.table thead td.text_right,
.table th.text_right,
.table td.text_right,
.text_right {
  text-align: right;
}
.table thead th.text_left,
.table thead td.text_left,
.table th.text_left,
.table td.text_left,
.text_left {
  text-align: left;
}
.table_couleur {
  margin: 0px;
}
.table_couleur td,
.table_couleur th {
  line-height: 20px;
  padding: 2px 10px;
  font-size: 11px;
}
.table_couleur td.entete_table,
.table_couleur tr.entete_table td {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
  padding: 5px 10px;
}
.table_couleur2 {
  background-color: #EEEEEE;
  margin: 0px;
}
.table_couleur2 td,
.table_couleur2 th {
  line-height: 20px;
  padding: 2px 10px;
  font-size: 11px;
}
.table_couleur2 td.entete_table,
.table_couleur2 tr.entete_table td {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
  padding: 5px 10px;
}
.table_formulaire {
  border: solid 1px #DEDEDE;
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
}
.table_formulaire td,
.table_formulaire th {
  padding: 5px 5px;
  font-size: 11px;
}
.table_formulaire td.entete_table,
.table_formulaire tr.entete_table td {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
  padding: 5px 5px;
}
.ligne_form_paire {
  background: #F6F6F6;
}
.ligne_form_paire td,
.ligne_form_impaire td {
  border-bottom: 1px solid #DEDEDE;
}
.table .ligne_form_paire:hover,
.table_formulaire .ligne_form_paire:hover {
  background: #D9EBFC;
}
.table .ligne_form_impaire:hover,
.table_formulaire .ligne_form_impaire:hover {
  background: #D9EBFC;
}
.ligne_form_impaire {
  background: #FFFFFF;
  border-bottom: 1px solid #DEDEDE;
}
.table_form {
  margin: 0px;
}
.table_form td {
  line-height: 20px;
  padding: 2px 5px;
  font-size: 11px;
}
.table_form th {
  color: #0157a3;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
  padding: 5px 5px;
}
.multicoche_tableau {
  width: 100%;
  height: 25px;
  background: #DDDDDD;
  color: #555555;
  font-size: 11px;
}
.multicoche_tableau .fleche {
  float: left;
  width: 5%;
  height: 25px;
  background: url('general/fleche_coche.gif') no-repeat bottom center;
}
.multicoche_tableau .lien {
  float: right;
  width: 95%;
  height: 25px;
}
.multicoche_tableau .lien a {
  background: url('general/fleche_coche_sep.gif') no-repeat center right;
  color: #555555;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px 3px 10px;
  float: left;
  margin: 2px 2px 0px 0px;
}
.multicoche_tableau .lien a:last-child {
  background: none;
}
.multicoche_tableau .lien a.lien_ajout {
  background: #555555;
  float: right;
  color: #FFFFFF;
  text-decoration: none;
  border: solid 1px #555555;
  cursor: pointer;
}
a.lien_ajout {
  font-size: 11px;
  font-weight: bold;
  padding: 5px 10px;
  margin: 5px 0px;
  background: #555555;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  border: solid 1px #b2b2b2;
  display: block;
  text-align: center;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
h1.plan_niveau {
  border-bottom: 2px solid #005fae;
  color: #005fae;
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
  line-height: 32px;
}
h1.plan_niveau a,
h1.plan_niveau a:hover {
  color: #005fae;
  text-decoration: none;
}
h2.plan_niveau {
  border: 0 none;
  color: #686868;
  font-size: 12px;
  font-weight: normal;
  margin: 3px 0;
  padding-left: 20px;
  line-height: 1.5;
}
h2.plan_niveau a,
h2.plan_niveau a:hover {
  color: #686868;
  text-decoration: none;
}
h3.plan_niveau {
  color: #004CA0;
  font-size: 10px;
  font-weight: normal;
  margin: 2px 0;
  padding-left: 40px;
  border: 0px;
}
#plan_site ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
.commentaires {
  padding: 5px 5px 5px 5px;
  clear: both;
  margin-top: 5px;
}
.new_commentaire {
  clear: both;
  float: left;
  padding: 0px;
}
.more_comment {
  margin-top: 10px;
  margin-left: 92px;
  clear: both;
  float: left;
  padding: 5px 10px;
  background: #F5F5F5;
  width: 75%;
}
.more_comment_lien {
  background: #F5F5F5 url('../../../../Projet/themes/saintmarcellin/../../Images/more_comment.gif') no-repeat center left;
  color: #333333;
  font-size: 11px;
  text-decoration: none;
  padding-left: 30px;
  line-height: 30px;
  display: block;
}
.commentaire_form {
  padding: 5px 5px 5px 5px;
  clear: both;
}
.commentaire_form h3 {
  background: url('../../../../Projet/themes/saintmarcellin/../../Images/comment.gif') no-repeat top left;
  padding-left: 50px;
  line-height: 40px;
}
#disposition2 textarea[name='ccommentaire'] {
  width: 200px;
}
.table_commentaire {
  background: #F5F5F5;
}
.commentaire_item {
  clear: both;
  float: left;
  padding: 10px 0px 0px 5px;
}
.commentaire_date {
  color: #7E7E7E;
  margin: 0 0 5px 90px;
  padding: 0;
}
.commentaire_auteur {
  font-weight: bold;
  color: #1F558D;
}
.commentaire_meta {
  float: left;
}
.commentaire_content {
  background: #F0F0F0 url('portail/commentaires.png') no-repeat top left;
  margin-left: 70px;
  padding: 5px 5px 12px 18px;
  width: 80%;
}
.commentaire_content p {
  text-align: justify;
  padding: 5px;
}
.disposition10 h2 {
  margin-top: 0;
}
.document {
  clear: both;
}
.document_item {
  clear: both;
  float: left;
  padding: 10px 0px 0px 5px;
}
.document_item p {
  text-align: justify;
}
.document_item h2 {
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  padding: 0px;
  display: inline;
}
.document_item a {
  font-size: 12px;
}
.document_item img {
  border: solid 1px #dbdbdb;
}
a.lien_abstract {
  font-size: 11px;
}
.texte_document {
  clear: both;
  padding: 5px 0px 5px 0px;
}
.texte_document p,
.texte_document ul li {
  font-size: 13px;
}
.clear {
  clear: both;
}
.pagination {
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
}
.espace_client_bouton {
  display: inline-block;
  width: 23%;
  text-align: center;
}
.espace_client_bouton img {
  display: block;
  margin: 0 auto 5px;
  width: 64px;
}
a.legende {
  color: #5C8EC1;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}
a.legende > img {
  position: relative;
  bottom: -3px;
  border: none;
}
a.legende div.legende-content {
  display: none;
  text-align: left;
}
a.legende span.legende-titre {
  display: block;
  color: #0157a3;
  font-weight: normal;
  font-size: 15px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
a.legende:hover {
  background: transparent none repeat scroll 0 0;
  cursor: help;
  z-index: 500;
}
a.legende:hover div.legende-content {
  background-color: #FAFAFA;
  border: 3px solid #0157a3;
  color: black;
  display: inline;
  font-size: 12px;
  font-weight: normal;
  left: 20px;
  padding: 5px;
  position: absolute;
  top: 30px;
  white-space: nowrap;
}
div.legend_box_color {
  float: left;
  height: 18px;
  margin-right: 10px;
  width: 5px;
}
div.legende-content img.bullet {
  position: relative;
  bottom: -5px;
  border: none;
}
table.table {
  float: left;
}
table.table td {
  font-size: 12px;
  color: #5b5b58;
  padding: 10px 10px;
  border-bottom: 1px solid #5b5b58;
  border-right: 1px solid #d9d9d8;
}
table.table tr.entete_table td,
table.table thead th {
  font-size: 12px;
  padding: 5px 10px;
  color: #5b5b58;
  background: url('portail/table_entete.gif') repeat-x left bottom;
}
table.table tr.ligne1 td {
  background: #ffffff;
}
table.table tr.ligne2 td {
  background: #eaebeb;
}
.ligne_paire,
table.table tr:nth-child(even),
table.table_formulaire tr:nth-child(even) {
  background: #F2F2F2;
}
.ligne_impaire,
table.table tr:nth-child(odd),
table.table_formulaire tr:nth-child(odd) {
  background: #FFFFFF;
}
.ligne_paire:hover,
table.table tr:nth-child(even):hover,
table.table_formulaire tr:nth-child(even):hover {
  background: #D9EBFC;
}
.ligne_impaire:hover,
table.table tr:nth-child(odd):hover,
table.table_formulaire tr:nth-child(odd):hover {
  background: #D9EBFC;
}
.filtre {
  background: #fafafa;
  border: solid 1px #dddddd;
  padding: 5px 10px;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
  margin-bottom: 10px;
  width: 100%;
}
.filtre .libelle {
  color: #000000;
}
.filtre label {
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
}
#panier {
  background: url("portail/outil_panier.gif") no-repeat scroll left top transparent;
  font-size: 12px;
  padding: 0px 20px 0px 30px;
  color: #908f90;
  font-weight: bold;
  margin-left: 10px;
  float: left;
  width: 150px;
}
a.voir_suite {
  background: url('general/voir_suite.gif') no-repeat top left;
  color: #FFFFFF;
  height: 22px;
  font-size: 11px;
  text-decoration: none;
  padding: 0px 0px 0px 22px;
  float: left;
}
a.voir_suite span {
  background: url('general/voir_suite.gif') no-repeat top right;
  padding: 7px 10px 7px 7px;
  float: left;
  line-height: 8px;
}
p.loginInfo {
  margin: 0px 0px 10px 0px;
}
div.loginBox {
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
}
div.loginBox input {
  font-size: 14px;
  width: 200px;
  padding: 6px 10px 6px 10px;
  margin: 0px;
}
div.loginBox label {
  display: block;
  font-weight: bold;
  width: 200px;
  text-align: left;
}
div.loginBox div.userBox {
  margin: 10px 0px;
  text-align: center;
}
div.loginBox div.userBox label {
  margin: 2px 3px 2px 22px;
}
div.loginBox div.passBox {
  margin: 10px 0px 5px 0px;
  text-align: center;
}
div.loginBox div.passBox label {
  margin: 2px 3px 2px 22px;
}
div.loginBox div.buttonBox {
  margin: 15px 0px 0px 0px;
  text-align: center;
  padding: 5px 0px 0px 0px;
}
.phototheque_explorer_dossiers {
  float: left;
  width: 100%;
}
.phototheque_explorer_photos {
  float: left;
  width: 100%;
}
.phototheque_explorer_dossier {
  float: left;
  width: 30%;
  padding: 1%;
}
.phototheque_explorer_dossier img,
.phototheque_explorer_photo img {
  background: #DDDDDD;
  max-width: 200px;
  max-height: 150px;
  min-width: 200px;
  min-height: 150px;
  display: block;
}
.phototheque_explorer_dossier .titre {
  font-size: 13px;
  text-decoration: none;
  color: #222222;
  display: block;
  width: 100%;
  padding: 3px 0px;
}
.phototheque_explorer_dossier .infos {
  color: #AAAAAA;
  font-size: 11px;
  width: 100%;
  display: block;
}
.phototheque_explorer_photo {
  float: left;
  padding: 1%;
  width: 30%;
}
.phototheque_explorer_photo span {
  margin: 5px 0px;
  font-size: 11px;
  display: block;
  color: #666666;
}
.phototheque_vignettes {
  float: left;
  width: 100%;
  padding: 5px 0px;
}
.phototheque_vignette {
  float: left;
  padding: 5px;
}
.phototheque_vignette_dossier {
  float: left;
  width: 100%;
  padding: 5px 0px 10px 0px;
}
.phototheque_vignette_dossier a {
  background: none repeat scroll 0 0 #ffffff;
  border-radius: 3px 3px 3px 3px;
  color: #31579E;
  display: inline-block;
  font-size: 24px;
  line-height: 20px;
  padding: 0 10px 0;
  margin: 0 5px 10px 0;
  text-decoration: none;
  cursor: pointer;
}
a.bouton_selected {
  background: none repeat scroll 0 0 #31579E;
  border-radius: 3px 3px 3px 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 24px;
  line-height: 20px;
  padding: 5px;
  text-decoration: none;
  cursor: pointer;
}
.bloc_phototheque_photos .titre {
  font-size: 14px;
}
.bloc_phototheque_photo {
  float: left;
  padding: 5px;
}
#choix_langue {
  float: left;
  width: 50px;
  height: 18px;
  padding: 3px 0px;
}
#choix_langue a.drapeau_francais {
  float: left;
  width: 18px;
  height: 18px;
  background: url('../../../../Projet/themes/saintmarcellin/../../Images/flags/drapeau_francais.png') no-repeat left top;
  margin: 0px 5px 0px 0px;
}
#choix_langue a.drapeau_francais_nb {
  float: left;
  width: 18px;
  height: 18px;
  background: url('../../../../Projet/themes/saintmarcellin/../../Images/flags/drapeau_francais_nb.png') no-repeat left top;
  margin: 0px 5px 0px 0px;
}
#choix_langue a.drapeau_anglais {
  float: left;
  width: 18px;
  height: 18px;
  background: url('../../../../Projet/themes/saintmarcellin/../../Images/flags/drapeau_anglais.png') no-repeat left top;
}
#choix_langue a.drapeau_anglais_nb {
  float: left;
  width: 18px;
  height: 18px;
  background: url('../../../../Projet/themes/saintmarcellin/../../Images/flags/drapeau_anglais_nb.png') no-repeat left top;
}
.btn {
  background: #dddddd;
  color: #333333;
  text-transform: uppercase;
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 4px 10px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  transition: background-color 200ms linear 0s;
}
.btn:hover {
  background: #cccccc;
  color: #333333;
}
.btn-primary {
  background: #70be44;
  color: #ffffff;
}
.btn-primary:hover {
  background: #999999;
  color: #ffffff;
}
.contact-info {
  background: #f5f5f5;
}
.message_site.container.marquee {
  overflow: hidden;
}
a.iconfile {
  background: url(../../../../Projet/themes/saintmarcellin/../../Images/Icone_type_fichier/page_white.png);
  display: block;
  text-align: left;
  margin: 0;
  padding: 0px 0px 0px 30px;
}
a.iconfile[href$=".pdf"] {
  background: url(../../../../Projet/themes/saintmarcellin/../../Images/Icone_type_fichier/page_white_acrobat.png) no-repeat center left;
}
a.iconfile[href$=".ppt"] {
  background: url(../../../../Projet/themes/saintmarcellin/../../Images/Icone_type_fichier/page_white_powerpoint.png.png) no-repeat center left;
}
a.iconfile[href$=".xls"],
a.iconfile[href$=".xlsx"] {
  background: url(../../../../Projet/themes/saintmarcellin/../../Images/Icone_type_fichier/page_white_excel.png) no-repeat center left;
}
a.iconfile[href$=".doc"],
a.iconfile[href$=".docx"],
a.iconfile[href$=".odt"] {
  background: url(../../../../Projet/themes/saintmarcellin/../../Images/Icone_type_fichier/page_word.png) no-repeat center left;
}
.table_elus th,
.table_elus td {
  padding: 10px;
}
.table_elus tr {
  vertical-align: top;
}
.table_elus p,
.table_elus td {
  font-size: 13px;
}
.addthis_toolbox {
  padding-top: 20px;
}
.col-md-4:nth-child(3n+1) {
  clear: both;
}