/*
#@plugins/auto/unsa/css/theme-unsa.less
*/
/* Habillage UNSA
---------------------------------------------- */
@font-face {
  font-family: "NewsCycle";
  src: url(//www2.unsa.org/plugins/auto/unsa/font/NewsCycle-Regular.ttf);
}
@font-face {
  font-family: "Imprima";
  src: url(//www2.unsa.org/plugins/auto/unsa/font/Imprima-Regular.ttf);
}
@font-face {
  font-family: "OpenSans-Semibold";
  src: url(//www2.unsa.org/plugins/auto/unsa/font/OpenSans-Semibold.woff);
}
@font-face {
  font-family: "OpenSans-SemiboldItalic";
  src: url(//www2.unsa.org/plugins/auto/unsa/font/OpenSans-SemiboldItalic.woff);
}
body {
  background: #fefefe;
}
.page {
  position: relative;
  width: 960px;
  max-width: 95%;
  margin: .5em auto;
  text-align: left;
}
@media (max-width: 767px) {
  .page {
    position: relative;
    max-width: 95%;
    margin: .5em auto;
    text-align: left;
  }
  body {
    padding: 0;
  }
}
.marge_auto {
  margin: auto;
}
.entry-content a {
  color: #333;
  text-decoration: underline #e64428;
}
.entry-content a:hover,
.main a:hover {
  color: #e94200;
  text-decoration: underline #e64428;
}
.entry-content a:focus {
  outline: none;
}
.live-lin a {
  text-decoration: none;
}
/* DIVERS */
.centre {
  text-align: center;
}
.droite {
  text-align: right;
}
.gauche {
  text-align: left;
}
@media (min-width: 768px) and (max-width: 991px) {
  .header {
    margin: 0 0 2em 0;
    padding: 0 1em 0 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header {
    margin: 0 0 2em 0;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .header {
    margin: 0 0 2em 0;
    padding: 0;
  }
}
.accueil {
  margin: 0;
  padding: 0 0 10px 0;
}
.on {
  font-weight: 900;
}
.btn-rubrique.on:before {
  content: "";
  border-top: 0.98rem solid transparent;
  border-bottom: 0.98rem solid transparent;
  border-left: 0.98rem solid #e64428;
  position: absolute;
  margin: 0 0 0 1em;
}
.texte-responsive_slogan {
  font-family: OpenSans-SemiboldItalic, sans-serif;
  font-weight: bold;
  margin: 0 .8em 0 .8em;
  text-align: center;
}
@media (max-width: 640px) {
  .texte-responsive_slogan {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .texte-responsive_slogan {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .texte-responsive_slogan {
    font-size: 2.8rem;
    line-height: 4.2rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .texte-responsive_slogan {
    font-size: 3.6rem;
    line-height: 5.4rem;
  }
}
@media (min-width: 1200px) {
  .texte-responsive_slogan {
    font-size: 3.6rem;
    line-height: 5.4rem;
  }
}
.texte-responsive_unsa {
  font-family: OpenSans-Semibold, sans-serif;
  color: #ffffff;
  font-weight: bold;
  background: #00a9e0;
  border-radius: 5px;
  text-align: center;
  padding: 0;
  margin: 0 .8em 0 .8em;
  letter-spacing: 0.2em;
}
@media (max-width: 767px) {
  .texte-responsive_unsa {
    margin: 1em 0;
  }
}
@media (max-width: 640px) {
  .texte-responsive_unsa {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .texte-responsive_unsa {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .texte-responsive_unsa {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin: 0 1.2em 0 1.2em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .texte-responsive_unsa {
    font-size: 1.9rem;
    line-height: 2.85rem;
  }
}
@media (min-width: 1200px) {
  .texte-responsive_unsa {
    font-size: 1.9rem;
    line-height: 2.85rem;
  }
}
.navbar-header {
  float: right;
  margin-left: .8em;
}
.navbar,
.navbar1 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  min-height: 0;
}
@media (max-width: 40em) {
  .navbar-nav {
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float: none;
  }
}
#navigationHaute {
  margin: 0;
  padding: 0;
}
#navigationHaute .nav-justified {
  /*li:last-child {
			@media (max-width: 767px) {width: 100%;}
			@media (min-width: 768px) and (max-width: 991px) {width: 25%;}
			@media (min-width: 992px) {width: 25%;}
		}
		li:first-child {
			@media (max-width: 767px) {width: 100%;}
			@media (min-width: 768px) and (max-width: 991px) {width: 25%;}
			@media (min-width: 992px) {width: 25%;}
		}*/
}
@media (max-width: 767px) {
  #navigationHaute .nav-justified li {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #navigationHaute .nav-justified li {
    width: 25%;
  }
}
@media (min-width: 992px) {
  #navigationHaute .nav-justified li {
    width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #navigationHaute .nav-justified li > a {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #navigationHaute .nav-justified li > a {
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
}
@media (min-width: 1200px) {
  #navigationHaute .nav-justified li > a {
    font-size: 1.4rem;
    line-height: 2.1rem;
    /*font-weight: normal;*/
  }
}
@media (max-width: 767px) {
  #navbarHaut {
    margin: 0;
    padding: 0;
  }
}
#navigationHaute.navbar-default {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  border-width: 0px;
  border-radius: 0px;
}
#navigationHaute.navbar-default .navbar-brand {
  color: #ffffff;
}
#navigationHaute.navbar-default .navbar-nav > li > a {
  padding: .5em .45em .5em .45em;
  color: #13235a;
  background: #ffefe9;
  border-bottom: 1px solid #e64428;
  border-left: 1px solid #e64428;
}
@media (max-width: 767px) {
  #navigationHaute.navbar-default .navbar-nav > li > a {
    background-color: #e6f9ff;
    border: 1px solid #00a9e0;
    color: #000000;
  }
}
#navigationHaute.navbar-default .navbar-nav > li > a:hover,
#navigationHaute.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #e64428;
}
#navigationHaute.navbar-default .navbar-nav > .active > a,
#navigationHaute.navbar-default .navbar-nav > .active > a:hover,
#navigationHaute.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #e64428;
}
#navigationHaute.navbar-default .navbar-collapse {
  border: none;
}
#navigationHaute.navbar-default .navbar-toggle,
#navigationHaute.navbar-default .navbar-toggle:visited {
  border-color: #00a9e0;
  color: #13235a;
  background-color: #e6f9ff;
}
#navigationHaute.navbar-default .navbar-toggle:hover,
#navigationHaute.navbar-default .navbar-toggle:focus {
  background-color: #fafafa;
  color: #000000;
}
#navigationHaute.navbar-default .navbar-toggle .icon-bar {
  background-color: #00a9e0;
}
#navigationHaute.navbar-default .navbar-toggle:hover .icon-bar,
#navigationHaute.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #ffffff;
}
#navigationHaute.navbar-default .menu-entree {
  border: 1px solid #ffffff;
}
#navigationBasse {
  margin: .5em 0 0 0;
  padding: 0;
}
#navigationBasse .nav-justified li {
  width: 20%;
}
@media (min-width: 768px) and (max-width: 991px) {
  #navigationBasse .nav-justified li > a {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #navigationBasse .nav-justified li > a {
    font-size: 1.2rem;
    line-height: 1.8rem;
    /*.font-size(13);*/
  }
}
@media (min-width: 1200px) {
  #navigationBasse .nav-justified li > a {
    font-size: 1.2rem;
    line-height: 1.8rem;
    /*.font-size(15);*/
    /*font-weight: normal;*/
  }
}
#navigationBasse.navbar-default {
  margin: .5em 0 0 0;
  padding: 0;
  background-color: #ffffff;
  border-width: 0px;
  border-radius: 0px;
  /*	.navbar-toggle {
		border-color: @bleuUnsaFonce;
	}
	.navbar-toggle:hover, .navbar-toggle:focus {
		background-color: @bleuUnsaFonce;
	}
	.navbar-toggle .icon-bar {
		background-color: @bleuUnsaFonce;
	}
	.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
		background-color: @blanc;
	}*/
}
#navigationBasse.navbar-default .navbar-brand {
  color: #ffffff;
}
#navigationBasse.navbar-default .navbar-nav > li > a {
  margin: 0;
  padding: .3em;
  color: #13235a;
  background-color: #ffffff;
  background: #f6f8e6;
  border-bottom: 1px solid #ced86d;
  border-left: 1px solid #ced86d;
}
#navigationBasse.navbar-default .navbar-nav > li > a:hover,
#navigationBasse.navbar-default .navbar-nav > li > a:focus {
  color: #13235a;
  background-color: #ced86d;
}
#navigationBasse.navbar-default .navbar-nav > .active > a,
#navigationBasse.navbar-default .navbar-nav > .active > a:hover,
#navigationBasse.navbar-default .navbar-nav > .active > a:focus {
  color: #13235a;
  background-color: #ced86d;
}
#navigationBasse.navbar-default .menu-entree {
  border: 1px solid #ffffff;
}
@media (max-width: 400px) {
  .img_sommaire {
    width: 80px;
  }
}
.comm_presse .publication,
.service .publication {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #00a9e0;
  font-style: italic;
}
@media (max-width: 400px) {
  .comm_presse img,
  .service img {
    width: 66.6666%;
    height: auto;
  }
}
@media (min-width: 768px) {
  .comm_presse img,
  .service img {
    width: 80%;
    height: auto;
  }
}
.comm_presse h1,
.service h1 {
  background: #13235a;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 1em 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  /*border-radius: 5px;*/
}
.comm_presse h2,
.service h2 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin: 0;
  padding: 0;
}
.comm_presse a,
.service a {
  color: #13235a;
}
.comm_presse a:hover,
.service a:hover {
  background: none;
}
.comm_presse a:focus,
.service a:focus,
.comm_presse a:active,
.service a:active {
  background: #fff;
}
.comm_presse hr,
.service hr {
  margin: .5em 0 .5em 0;
  padding: 0;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 154, 224, 0), rgba(0, 154, 224, 0.75), rgba(0, 154, 224, 0));
}
.comm_presse td,
.service td {
  padding: 1em 0;
}
@media (max-width: 767px) {
  .service td {
    padding: 2.5rem;
  }
}
.rubrique a {
  color: #ffffff;
}
.rubrique .btn-secteur {
  border-radius: 0;
  border: none;
  background: #e64428;
  color: #ffffff;
  font-size: 1.3rem;
  line-height: 1.95rem;
  margin: 1em 0 .5em 0;
  padding: 0 .25em 0 .25em;
  text-align: left;
  text-transform: uppercase;
  box-shadow: none;
  max-width: 240px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rubrique .btn-secteur {
    font-size: 1.3rem;
    line-height: 1.95rem;
    max-width: 185px;
  }
}
.rubrique .btn-secteur:after {
  content: "";
  border-top: 0.98rem solid transparent;
  border-bottom: 0.98rem solid transparent;
  border-left: 0.98rem solid #e64428;
  position: absolute;
  margin: 0 0 0 .25em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rubrique .btn-secteur:after {
    border-top: 0.95rem solid transparent;
    border-bottom: 0.95rem solid transparent;
    border-left: 0.95rem solid #e64428;
  }
}
.rubrique .btn-rubrique {
  border-radius: 0;
  border: none;
  background: #13235a;
  color: #ffffff;
  font-size: 1.3rem;
  line-height: 1.95rem;
  margin: 0 0 .2em 0;
  padding: 0 .5em 0 1em;
  /*text-transform: uppercase;*/
  box-shadow: none;
  max-width: 240px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rubrique .btn-rubrique {
    font-size: 1.3rem;
    line-height: 1.95rem;
    max-width: 185px;
  }
}
.rubrique .btn-rubrique:after {
  display: none;
  content: "";
  border-top: 0.98rem solid transparent;
  border-bottom: 0.98rem solid transparent;
  border-left: 0.98rem solid #13235a;
  position: absolute;
  margin: 0 0 0 .5em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rubrique .btn-rubrique:after {
    border-top: 0.95rem solid transparent;
    border-bottom: 0.95rem solid transparent;
    border-left: 0.95rem solid #13235a;
  }
}
.rubrique .btn-rubrique:before {
  content: "";
  border-top: 0.98rem solid transparent;
  border-bottom: 0.98rem solid transparent;
  border-left: 0.98rem solid #ffffff;
  position: absolute;
  margin: 0 0 0 -1em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rubrique .btn-rubrique:before {
    border-top: 0.95rem solid transparent;
    border-bottom: 0.95rem solid transparent;
    border-left: 0.95rem solid #ffffff;
  }
}
.pub_licite {
  margin: 38px auto 0 auto;
  padding: 0;
  height: 402px;
  width: 162px;
  background: #555555;
  border: 1px solid #fafafa;
}
.pub_licite p {
  text-align: center;
}
#slideshow,
#slideshow1,
#SS_slideshow,
#SS_slideshow1 {
  margin: 0;
  position: relative;
  width: 180px;
  height: 400px;
  padding: 0;
}
#slideshow div,
#slideshow1 div,
#SS_slideshow div,
#SS_slideshow1 div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.0;
}
#slideshow div.active,
#slideshow1 div.active,
#SS_slideshow div.active,
#SS_slideshow1 div.active {
  z-index: 3;
  opacity: 0.0;
}
#slideshow div.last-active,
#slideshow1 div.last-active,
#SS_slideshow div.last-active,
#SS_slideshow1 div.last-active {
  z-index: 2;
}
.extraArticles hr {
  margin: .5em 0 .5em 0;
  padding: 0;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 154, 224, 0), rgba(0, 154, 224, 0.75), rgba(0, 154, 224, 0));
}
.extraArticles ul {
  margin: 0;
  padding: 0;
}
.extraArticles li {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}
.extraArticles a {
  color: #13235a;
  font-weight: bold;
}
.extraArticles a:hover {
  color: #e64428;
}
.extraArticles span {
  padding: 0 .25em 0 0;
  color: #e64428;
}
.extraArticles .btn-rubrique {
  border-radius: 0;
  border: none;
  background: #13235a;
  width: 160px;
  color: #ffffff;
  font-family: OpenSans-Semibold, serif;
  font-size: 1.25em;
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 0 .25em;
  text-align: center;
  text-transform: uppercase;
}
#formulaire_recherche .search {
  background: url(//www2.unsa.org/plugins/auto/unsa/css/img/loupe_recherche.png) no-repeat;
  background-position: right center;
  border: 1px solid #00a9e0;
}
.main {
  padding: 0;
}
#content {
  margin: 1em 0;
}
#content .article .live-link {
  text-decoration: none;
}
#content .article .live-link:hover {
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-style: normal;
  color: #00a9e0;
}
#content .breadcrumb {
  display: none;
}
#content .item {
  list-style: none;
}
#content .liste-items,
#content .liste-une {
  margin: 0;
  padding: 0 0 0 1em;
}
#content .liste-une {
  background: #fafafa;
  padding: 1em;
  border: 1px solid #13235a;
  /*border-top-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;*/
  margin: -3px 0 1em 0;
}
#content .liste-une hr {
  margin: .5em 0 .5em 0;
  padding: 0;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 154, 224, 0), rgba(0, 154, 224, 0.75), rgba(0, 154, 224, 0));
}
#content .liste hr {
  margin: .5em 0 .5em 0;
  padding: 0;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 154, 224, 0), rgba(0, 154, 224, 0.75), rgba(0, 154, 224, 0));
}
#content .cartouche h1 {
  font-size: 2rem;
  line-height: 3rem;
  margin: 0;
  padding: 0;
}
#content .publication {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #00a9e0;
  font-style: italic;
}
#content .chapo {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
#content .texte {
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: justify;
}
#content .texte h3.spip {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  line-height: 1.2em;
  margin: 0 0 0.5em 0;
}
#content .texte ul.spip {
  margin: 0 0 1em 1.5em;
  list-style-type: square;
}
#content .texte li {
  list-style-type: disc;
  margin: 0 0 .5em 0;
}
#content .article .h3-like a {
  color: #13235a;
  font-size: 2rem;
  line-height: 3rem;
  font-style: italic;
}
#content .article .lireLaSuite {
  color: #e64428;
  font-size: 1.4rem;
  line-height: 2.1rem;
}
#content .article .spip_out {
  text-decoration: underline;
  color: #e64428;
  font-size: 1.4rem;
  line-height: 2.1rem;
}
#content h2 {
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
#content h1 {
  margin: 0;
  padding: 0 0 1em 0;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #13235a;
}
#content ul {
  margin: 0;
  padding: 0;
}
#content li {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}
#content hr {
  margin: .5em 0 .5em 0;
  padding: 0;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
#content .spip_logos {
  float: none;
  padding: .5em .5em .5em 0;
}
@media (max-width: 400px) {
  #content .main img,
  #content .main img {
    max-width: 380px;
  }
}
#content .zoom {
  background: #13235a;
  color: #ffffff;
  margin: 0;
  padding: 0 .5em 0 .5em;
  /*border-top-left-radius: 5px;
		border-top-right-radius: 5px;*/
}
#content .plan a {
  color: #13235a;
  font-weight: bold;
}
#content .plan a:hover {
  color: #e64428;
}
#content .plan0 {
  background: #00a9e0;
  color: #ffffff;
  margin: 0;
  padding: 0 1em 0 1em;
}
#footer {
  text-align: center;
  background: #ffffff;
  margin: 0;
  padding: 0;
}
#footer .footerBoutons {
  background: #ffffff;
}
#footer .footerBoutons p {
  margin: 0;
  padding: 0;
}
#footer .footerBoutons img {
  margin: 0 2em 0 2em;
}
@media (max-width: 520px) {
  #footer .footerBoutons img {
    width: 22.5%;
    height: 22.5%;
  }
}
#footer .socialUnsa {
  background: #009ae0 11;
  padding: 1em;
}
#footer .colophon {
  color: #555555;
}
#footer .colophon a {
  color: #555555;
}
#footer .colophon a:hover {
  text-decoration: underline;
  color: #e64428;
}
#footer hr {
  margin: 0;
  padding: 0 0 .8em 0;
  border-top: 1px solid #c0c0c0;
}
#footer .social img {
  transition: transform 0.8s ease-in-out;
}
#footer .social img:hover {
  transform: rotate(360deg);
}
#footer .unsaPlan {
  background: #009ae0 11;
  margin: 0 auto 0 auto;
  width: 100%;
  color: #555555;
}
#footer .unsaPlan a {
  color: #555555;
  font-size: .9em;
}
#footer .unsaPlan a:hover {
  color: #e64428;
}
#footer .unsaPlan span {
  padding-right: .5em;
}
.cache {
  display: none !important;
}
.form-search {
  margin: 0 1em 0 1em;
}
.formulaire_recherche input {
  /*border-radius: 5px;*/
}
.formulaire_login {
  background: #fafafa;
  padding: 15px;
}
.formulaire_login #var_login {
  margin: 0 0 1em 0;
}
.formulaire_login img {
  display: none;
}
.formulaire_login label {
  width: 10em;
  text-align: right;
  padding: 0 1em 0 0;
}
.formulaire_login .boutons {
  text-align: center;
}
.formulaire_login input:not([type=submit]) {
  width: 10em;
}
.formulaire_login input:not([type=submit]):focus {
  background: #fefefe;
}
.formulaire_login input[type=submit] {
  margin: 1em;
  background: #00a9e0;
  border: 1px solid #c0c0c0;
  height: 2em;
  width: 5em;
  font-weight: bold;
  color: #ffffff;
}
.formulaire_login input[type=submit]:hover {
  background: #e64428;
}
#documents_joints .spip_logo {
  padding: 0;
  float: left;
  margin: 0 10px 10px 0;
}
.spip_documents {
  padding: 0;
  background: none;
  max-width: 100%;
}
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media (max-width: 640px) {
  .spip_documents img,
  .spip_documents_center img,
  .spip_doc_titre img,
  .spip_doc_descriptif img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 640px) {
  .spip_doc_descriptif {
    display: none;
  }
}
.spip_documents_center {
  clear: both;
  display: block;
  width: 100%;
}
.spip_documents_left {
  float: left;
  margin-right: 1.5em;
}
.spip_documents_right {
  float: right;
  margin-left: 1.5em;
}
.spip_doc_descriptif a {
  font-family: courier;
  font-size: .8em;
  font-style: italic;
  border: 1px dotted #ccc;
  padding: 3px;
}
.spip_doc_descriptif a:hover {
  background: #00A9E0;
  color: #FFF;
  text-decoration: none;
}
.spip_doc_descriptif:before {
  padding-right: 5px;
  content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%278px%27%20height%3D%278px%27%20viewBox%3D%270%200%2016%2016%27%20version%3D%271.1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%3E%0D%0A%20%20%20%20%3Cg%20id%3D%27Page-1%27%20stroke%3D%27none%27%20stroke-width%3D%271%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%27share%27%20fill%3D%27%23E94200%27%20fill-rule%3D%27nonzero%27%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%27M13.5004082%2C4.99918367%20C12.6710204%2C4.99918367%2011.9379592%2C4.59428571%2011.482449%2C3.97061224%20L4.86204082%2C7.18530612%20C4.95020408%2C7.44163265%205.00081633%2C7.71428571%205.00081633%2C8%20C5.00081633%2C8.22857143%204.96653061%2C8.44897959%204.90938776%2C8.65795918%20L11.4922449%2C12.0130612%20C11.9477551%2C11.3991837%2012.6759184%2C10.9991837%2013.4987755%2C10.9991837%20C14.8783673%2C10.9991837%2015.9983673%2C12.117551%2015.9983673%2C13.4987755%20C15.9983673%2C14.8783673%2014.8783673%2C15.9983673%2013.4987755%2C15.9983673%20C12.1191837%2C15.9983673%2010.9991837%2C14.88%2010.9991837%2C13.4987755%20C10.9991837%2C13.2979592%2011.0253061%2C13.1036735%2011.0693878%2C12.917551%20L4.45877551%2C9.54938776%20C4.00163265%2C10.1273469%203.29469388%2C10.4995918%202.49959184%2C10.4995918%20C1.11836735%2C10.4995918%200%2C9.38122449%200%2C8%20C0%2C6.61877551%201.11836735%2C5.50040816%202.49959184%2C5.50040816%20C3.23428571%2C5.50040816%203.8922449%2C5.81877551%204.34938776%2C6.32326531%20L11.0644898%2C3.0644898%20C11.0220408%2C2.88326531%2010.9991837%2C2.6955102%2010.9991837%2C2.50122449%20C10.9991837%2C1.12%2012.1191837%2C0%2013.5004082%2C0%20C14.88%2C0%2016%2C1.12%2016%2C2.50122449%20C16%2C3.88081633%2014.88%2C4.99918367%2013.5004082%2C4.99918367%20L13.5004082%2C4.99918367%20Z%20M13.5004082%2C14.9991837%20C14.3281633%2C14.9991837%2015.0008163%2C14.3281633%2015.0008163%2C13.5004082%20C15.0008163%2C12.6710204%2014.3281633%2C12%2013.5004082%2C12%20C12.6710204%2C12%2012%2C12.6710204%2012%2C13.5004082%20C12%2C14.3281633%2012.6710204%2C14.9991837%2013.5004082%2C14.9991837%20L13.5004082%2C14.9991837%20Z%20M2.49959184%2C6.49959184%20C1.67020408%2C6.49959184%200.999183673%2C7.17061224%200.999183673%2C8%20C0.999183673%2C8.8277551%201.67020408%2C9.49877551%202.49959184%2C9.49877551%20C3.32734694%2C9.49877551%203.99837032%2C8.8277551%203.99837032%2C8%20C4%2C7.1722449%203.32897959%2C6.49959184%202.49959184%2C6.49959184%20L2.49959184%2C6.49959184%20Z%20M13.5004082%2C1.00081633%20C12.6710204%2C1.00081633%2012%2C1.67183673%2012%2C2.50122449%20C12%2C3.32897959%2012.6710204%2C4%2013.5004082%2C4%20C14.3281633%2C4%2015.0008163%2C3.32897959%2015.0008163%2C2.50122449%20C15.0008163%2C1.67183673%2014.3281633%2C1.00081633%2013.5004082%2C1.00081633%20L13.5004082%2C1.00081633%20Z%27%20id%3D%27Shape%27%3E%3C/path%3E%0D%0A%20%20%20%20%20%20%20%20%3C/g%3E%0D%0A%20%20%20%20%3C/g%3E%0D%0A%3C/svg%3E');
}
.spip_doc_descriptif {
  clear: both;
}
.spip_doc_credits {
  font-size: x-small;
  clear: both;
}
.rotation img {
  transition: transform 0.8s ease-in-out;
}
.rotation img:hover {
  transform: rotate(-15deg);
}
.morph img {
  transition: transform .5s ease;
}
.morph img:hover {
  border-radius: 50%;
}
.noirBlanc img {
  filter: grayscale(0);
}
.noirBlanc img:hover {
  filter: grayscale(100%);
}
@keyframes machineEcrire {
  from {
    width: 0;
  }
  to {
    width: 17em;
  }
}
@keyframes glisseTexte {
  from {
    margin-left: -100%;
    width: 100%;
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}
.machineEcrire {
  white-space: nowrap;
  overflow: hidden;
  animation: machineEcrire 7s steps(30, end);
}
.glisse {
  animation-duration: .5s;
  animation-name: glisseTexte;
}
/* SOCIAL TAGS */
div.socialtags {
  text-align: left;
}
.socialtags img {
  height: 36px;
}
/* FORMULAIRES via FORMIDABLE */
.adhesion .obligatoire span {
  color: #E94200;
  font-style: italic;
  font-weight: normal;
}
.adhesion .explication {
  font-family: OpenSans-SemiboldItalic, serif;
  margin: 0;
  padding: 0;
  /*font-variant: small-caps;*/
  color: #00A9E0;
}
.adhesion .choix div {
  display: block;
  font: 13px Arial, Helvetica, sans-serif;
  color: #E94200;
  margin-bottom: 5px;
}
.adhesion .editer {
  margin: 0.5em 0;
}
.adhesion #champ_selection_1 {
  width: 100px;
}
.adhesion #champ_selection_2 {
  width: 160px;
}
.adhesion #champ_input_5 {
  width: 100px;
}
.adhesion #champ_input_8 {
  width: 120px;
}
.adhesion .choix_choix1 input {
  float: left;
  margin-right: 1em;
}
.adhesion .choix_choix2 input {
  float: left;
  margin-right: 1em;
}
.adhesion {
  /*font-family: @commPressFontFamily;*/
  background: #FFF;
  padding: 1em;
  margin: 1em 0;
  border: 1px solid #DDD;
}
.adhesion .label {
  color: #333;
  font-size: 1.5rem;
  font-style: italic;
  margin: 0 0 .5rem 0;
  padding: 0;
}
.adhesion label,
.formulaire_signature label {
  display: block;
  margin: 0 0 0.5em 0;
  font-weight: normal;
  color: #000;
  text-align: left;
}
/*
.adhesion input {
  margin: 0 0 0.5em 0;
  border: 1px solid #ccc;
  padding: 6px 10px;
  font-size: 1em;
}
*/
.adhesion input[type="text"],
.formulaire_signature input[type="text"],
.adhesion input[type="date"],
.adhesion input[type="datetime"],
.adhesion input[type="email"],
.adhesion input[type="number"],
.adhesion input[type="search"],
.adhesion input[type="time"],
.adhesion input[type="url"],
.adhesion input[type="password"],
.adhesion input[type="tel"],
.adhesion input[type="url"],
.adhesion select,
.adhesion textarea {
  width: 95%;
  margin: 0 0 0.5em 0;
  border: 1px dashed #ccc;
  padding: .1em;
}
.adhesion input[type="text"]:hover,
.formulaire_signature input[type="text"]:hover,
.adhesion input[type="email"]:hover,
.adhesion input[type="tel"]:hover,
.adhesion input[type="url"]:hover,
.adhesion textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #00A9E0;
}
.adhesion input[type=text]:focus {
  width: 100%;
}
*::-webkit-input-placeholder {
  color: #c0c0c0;
  font-style: italic;
}
*:-moz-placeholder {
  color: #c0c0c0;
  font-style: italic;
}
*::-moz-placeholder {
  color: #c0c0c0;
  font-style: italic;
}
*:-ms-input-placeholder {
  color: #c0c0c0;
  font-style: italic;
}
.formulaire_spip .boutons {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
}
.adhesion .boutons [type="submit"],
.formulaire_signature .boutons [type="submit"] {
  cursor: pointer;
  /*width: 33%;*/
  border: none;
  background: #00a9e0;
  color: #ffffff;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}
.adhesion .boutons [type="submit"]:hover {
  background: #ced86d;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.adhesion .boutons [type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.adhesion input:focus,
.adhesion textarea:focus {
  outline: 0;
  border: 1px solid #555555;
}
/* Quatre boutons */
@media (max-width: 640px) {
  .bouton80 {
    width: 60px;
  }
}
@media (min-width: 641px) {
  .bouton80 {
    width: 80px;
  }
}
@media (max-width: 640px) {
  .bouton110 {
    width: 60px;
  }
}
@media (min-width: 641px) {
  .bouton110 {
    width: 110px;
  }
}
@media (max-width: 640px) {
  .bouton104 {
    width: 60px;
  }
}
@media (min-width: 641px) {
  .bouton104 {
    width: 104px;
  }
}
/* Accordéon */
.spip_accordeon,
.spip_accordeon h3 {
  text-align: left;
}
.spip_accordeon .titre {
  font-size: 2rem;
  color: #00a9e0;
}
.spip_accordeon a {
  text-decoration: underline;
}
.spip_accordeon .maj {
  float: right;
  color: #00A9E0;
  border: 1px solid #00A9E033;
  padding: .5em;
  margin: 0 0 1em 1em;
  font-size: 1rem;
}
.spip_accordeon .maj::before {
  content: '\1F4C5';
  margin-right: .5em;
}
.spip_accordeon .spip_documents {
  margin-bottom: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button.ui-state-disabled:hover {
  background: #00A9E033;
  color: #333;
  border-color: #00A9E0;
  border-radius: 0;
}
.ui-widget-content {
  border: none;
}
.ui-accordion .ui-accordion-content {
  padding: .2em;
}
.ui-accordion-content p {
  margin: 5px 0 10px;
}
.ui-state-active {
  background: #00A9E0;
  color: #fff;
}
#content .texte h3.spip {
  font-size: 1.5rem;
}
/* Fin Accordéon */
/* MODAL 230116 */
.unsa_modal-btn {
  background: #00a9e0;
  border: #00a9e0 solid 1px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  text-align: center;
  min-width: 60px;
  position: relative;
  transition: color .1s ease;
}
.unsa_modal-btn:hover {
  background: #13235a;
}
.unsa_modal-btn.btn-big {
  font-size: 18px;
  padding: 15px 20px;
  min-width: 100px;
}
.unsa_modal:target:before {
  display: none;
}
.unsa_modal:before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.unsa_modal .unsa_modal-dialog {
  background: #fefefe;
  border: #333333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 50%;
  z-index: 11;
  width: 420px;
  transform: translate(0, 0);
  transition: transform 0.3s ease-out;
  top: 20%;
}
.unsa_modal:target .unsa_modal-dialog {
  top: -100%;
  transform: translate(0, -500%);
}
.unsa_modal-body,
.unsa_modal-header,
.unsa_modal-footer {
  padding: 0 20px 0 20px;
}
.unsa_modal-footer {
  text-align: center;
}
/* FIN MODAL */