@font-face {
  font-family: "Raleway Webfont";
  src: url('../font/raleway-light.eot');
  src: url('../font/raleway-light.eot?#iefix') format('embedded-opentype'), url('../font/raleway-light.woff') format('woff'), url('../font/raleway-light.ttf') format('truetype'), url('../font/raleway-light.svg#ralewaylight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Raleway Webfont";
  src: url('../font/raleway-regular.eot');
  src: url('../font/raleway-regular.eot?#iefix') format('embedded-opentype'), url('../font/raleway-regular.woff') format('woff'), url('../font/raleway-regular.ttf') format('truetype'), url('../font/raleway-regular.svg#ralewayregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Raleway Webfont";
  src: url('../font/raleway-bold.eot');
  src: url('../font/raleway-bold.eot?#iefix') format('embedded-opentype'), url('../font/raleway-bold.woff') format('woff'), url('../font/raleway-bold.ttf') format('truetype'), url('../font/raleway-bold.svg#ralewaybold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Arial Black";
  src: url('../font/arial-black.eot');
  src: url('../font/arial-black.eot?#iefix') format('embedded-opentype'), url('../font/arial-black.woff') format('woff'), url('../font/arial-black.ttf') format('truetype'), url('../font/arial-black.svg#arialblack') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "icon_site";
  src: url('../font/icon_site.eot?10xp97');
  src: url('../font/icon_site.eot?10xp97#iefix') format('embedded-opentype'), url('../font/icon_site.ttf?10xp97') format('truetype'), url('../font/icon_site.woff?10xp97') format('woff'), url('../font/icon_site.svg?10xp97#icon_site') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "icon_site";
  /* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  font-size: inherit;
  text-transform: none;
  line-height: 1em;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[data-icon].size-m {
  font-size: 24px;
}
.reset-icon {
  padding-left: 0;
}
.reset-icon:before,
.reset-icon:after {
  content: "";
  display: none;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon_site" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon_twitter:before {
  content: "\e900";
  color: #fff;
}
.icon-icon_rss:before {
  content: "\e901";
  color: #fff;
}
.icon-icon_youtube:before {
  content: "\e902";
  color: #fff;
}
.icon-icon_facebook:before {
  content: "\e903";
  color: #fff;
}
.icon-formulaire:before {
  content: "\e917";
  color: #676767;
}
.icon-flecheslider:before {
  content: "\e918";
  color: #676767;
}
.icon-icon_pdf_bleu:before {
  content: "\e904";
  color: #2375bb;
}
.icon-icon_pdf_beige:before {
  content: "\e905";
  color: #676867;
}
.icon-icon_feuilletable:before {
  content: "\e906";
  color: #2375bb;
}
.icon-publisher3:before {
  content: "\e91b";
}
.icon-powerpoint:before {
  content: "\e91a";
  color: #686868;
}
.icon-excel:before {
  content: "\e919";
  color: #686868;
}
.icon-word .path1:before {
  content: "\e91c";
  color: #686868;
}
.icon-word .path2:before {
  content: "\e91d";
  margin-left: -1.29394531em;
  color: #686868;
}
.icon-word .path3:before {
  content: "\e91e";
  margin-left: -1.29394531em;
  color: #686868;
}
.icon-word .path4:before {
  content: "\e91f";
  margin-left: -1.29394531em;
  color: #676767;
}
.icon-word .path5:before {
  content: "\e920";
  margin-left: -1.29394531em;
  color: #686868;
}
.icon-word .path6:before {
  content: "\e921";
  margin-left: -1.29394531em;
  color: #686868;
}
.icon-word .path7:before {
  content: "\e927";
  margin-left: -1.29394531em;
  color: #686868;
}
.icon-word .path8:before {
  content: "\e928";
  margin-left: -1.29394531em;
  color: #686868;
}
.icon-hautpage .path1:before {
  content: "\e922";
  color: #2275bb;
}
.icon-hautpage .path2:before {
  content: "\e923";
  margin-left: -1.29394531em;
  color: #ffffff;
}
.icon-icon_flechebas2:before {
  content: "\e924";
  color: #fff;
}
.icon-siteweb_bleu:before {
  content: "\e907";
  color: #2275bb;
}
.icon-icon_siteweb_beige:before {
  content: "\e908";
  color: #676767;
}
.icon-icon_video:before {
  content: "\e909";
  color: #2375bb;
}
.icon-icon_telephone:before {
  content: "\e90a";
  color: #676767;
}
.icon-icon_rep_doc:before {
  content: "\e90b";
  color: #676767;
}
.icon-icon_repere_lieu:before {
  content: "\e90c";
  color: #676767;
}
.icon-icon_fax:before {
  content: "\e90d";
  color: #676767;
}
.icon-icon_plus:before {
  content: "\e90e";
  color: #999;
}
.icon-icon_homepage:before {
  content: "\e90f";
  color: #e7e7e7;
}
.icon-icon_maison:before {
  content: "\e910";
  color: #676767;
}
.icon-icon_mail:before {
  content: "\e911";
  color: #676767;
}
.icon-icon_loupe:before {
  content: "\e912";
}
.icon-icon_info:before {
  content: "\e913";
  color: #2375bb;
}
.icon-icon_horaire:before {
  content: "\e914";
  color: #676767;
}
.icon-icon_groupe_contact_bleu:before {
  content: "\e915";
  color: #2375bb;
}
.icon-icon_groupe_contact_beige:before {
  content: "\e916";
  color: #676767;
}
.icon-icon_flechebas:before {
  content: "\e926";
  color: #fff;
}
/* inline-block */
.inbl {
  display: inline-block;
  vertical-align: top;
}
/* inline-block */
.inbl-middle {
  display: inline-block;
  vertical-align: middle;
}
/* ---------------------------------- */
/* ==visual helpers                   */
/* .. use them with parcimony !       */
/* ---------------------------------- */
/* blocks widths (percentage and pixels) */
.w10 {
  width: 10%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.3333%;
}
.w40 {
  width: 40%;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.w66 {
  width: 66.6666%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
.w100 {
  width: 100%;
}
.w50p {
  width: 50px;
}
.w100p {
  width: 100px;
}
.w150p {
  width: 150px;
}
.w200p {
  width: 200px;
}
.w300p {
  width: 300px;
}
.w400p {
  width: 400px;
}
.w500p {
  width: 500px;
}
.w600p {
  width: 600px;
}
.w700p {
  width: 700px;
}
.w800p {
  width: 800px;
}
.w960p {
  width: 960px;
}
.mw960p {
  max-width: 960px;
}
.w1140p {
  width: 1140px;
}
.mw1140p {
  max-width: 1140px;
}
.wauto {
  width: auto;
}
/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small, medium, large, none
*/
.man,
.ma0 {
  margin: 0;
}
.pan,
.pa0 {
  padding: 0;
}
.mas {
  margin: 10px;
}
.mam {
  margin: 20px;
}
.mal {
  margin: 30px;
}
.pas {
  padding: 10px;
}
.pam {
  padding: 20px;
}
.pal {
  padding: 30px;
}
.mtn,
.mt0 {
  margin-top: 0;
}
.mts {
  margin-top: 10px;
}
.mtm {
  margin-top: 20px;
}
.mtl {
  margin-top: 30px;
}
.mrn,
.mr0 {
  margin-right: 0;
}
.mrs {
  margin-right: 10px;
}
.mrm {
  margin-right: 20px;
}
.mrl {
  margin-right: 30px;
}
.mbn,
.mb0 {
  margin-bottom: 0;
}
.mbs {
  margin-bottom: 10px;
}
.mbm {
  margin-bottom: 20px;
}
.mbl {
  margin-bottom: 30px;
}
.mln,
.ml0 {
  margin-left: 0;
}
.mls {
  margin-left: 10px;
}
.mlm {
  margin-left: 20px;
}
.mll {
  margin-left: 30px;
}
.mauto {
  margin: auto;
}
.mtauto {
  margin-top: auto;
}
.mrauto {
  margin-right: auto;
}
.mbauto {
  margin-bottom: auto;
}
.mlauto {
  margin-left: auto;
}
.ptn,
.pt0 {
  padding-top: 0;
}
.pts {
  padding-top: 10px;
}
.ptm {
  padding-top: 20px;
}
.ptl {
  padding-top: 30px;
}
.prn,
.pr0 {
  padding-right: 0;
}
.prs {
  padding-right: 10px;
}
.prm {
  padding-right: 20px;
}
.prl {
  padding-right: 30px;
}
.pbn,
.pb0 {
  padding-bottom: 0;
}
.pbs {
  padding-bottom: 10px;
}
.pbm {
  padding-bottom: 20px;
}
.pbl {
  padding-bottom: 30px;
}
.pln,
.pl0 {
  padding-left: 0;
}
.pls {
  padding-left: 10px;
}
.plm {
  padding-left: 20px;
}
.pll {
  padding-left: 30px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
* {
  margin: 0;
  padding: 0;
}
body {
  background: none 0 0 no-repeat scroll #ffffff;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 0.95em;
}
header,
footer,
nav,
aside,
section,
article {
  display: block;
}
/* ------------- TITRES ------------- */
h2 {
  color: #2275bb;
  display: block;
  font-family: "Raleway Webfont";
  font-size: 2.1em;
  font-weight: normal;
  text-transform: uppercase;
}
h2.alternate-style {
  font-family: "Raleway Webfont";
  font-size: 1.8em;
  font-weight: bold;
  color: #333333;
  text-align: center;
}
h3 {
  color: #2275bb;
  font-size: 1.55em;
  font-weight: 400;
  margin: 30px 0 12px 0;
}
#maincontent .articlecontainer .blocxml h3:first-child {
  margin: 5px 0 15px 0;
}
.blocxml h3,
.annuaire h3,
h3.quickaccess {
  color: #333333;
}
h4 {
  color: #2275bb;
  font-size: 1.4em;
  margin: 15px;
  font-weight: bold;
}

h4 a {
  color: #4F729D;

background-color:#F2F8FD;
}


h5 {
  color: #767676;
  font-size: 1.15em;
  margin: 10px;
  font-weight: bold;
}
#sidebar h2 {
  font-size: 1.9em;
}
#sidebar h2 span {
  background-color: transparent;
  color: #333333;
  font-weight: bold;
  display: block;
  padding: 4px 5px 4px 0;
  width: 100%;
}
#sidebar h2 span .rss {
  margin: 0 0 0 20px;
}
#sidebar h2 span .rss img {
  vertical-align: middle;
}
#sidebar #menulevel2 .articlecontainer {
  padding: 0;
}
.blocxml h3 {
  text-transform: uppercase;
  color: #2275bb;
}
.blocxml h4 {
  color: #2275bb;
}
.blocxml h6 {
  color: #2275bb;
  font-size: 1.09em;
  font-weight: bold;
}
img {
  border: none;
}

a img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

a {
  color: #c30050;
  text-decoration: none;
}
p {
  line-height: 1.5em;
}
article {
  margin: 0 0 15px 0;
}
/* ------------- LISTES ------------- */
ul {
  list-style-type: none;
  position: relative;
}
ul:not(.nolist):not(.horizontallist) li {
  padding: 2px 15px;
}
ul:not(.nolist):not(.horizontallist) li:before {
  content: "■";
  left: 0;
  position: absolute;
  top: 1px;
  color: #2275bb;
  font-size: 1em;
}
ul:not(.nolist):not(.horizontallist) li li:before {
  color: #333333;
}
.blocxml ul li {
  position: relative;
  line-height: 1.5em;
}
ol {
  list-style-position: inside;
}
ol li ol {
  margin: 0 0 0 10px;
}
.nolist,
.horizontallist {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
}
.nolist > li,
.horizontallist > li {
  background: none 0 0 no-repeat scroll transparent;
  padding: 0;
}
.nolist > li:before,
.horizontallist > li:before {
  content: "";
}
.horizontallist li {
  display: inline-block;
  vertical-align: top;
}
.spamfilter,
.offset {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
.clear {
  clear: both;
  display: block;
  height: 0;
  width: 0;
}
p.clear,
ul.clear,
h1.clear,
h2.clear,
h3.clear,
h4.clear,
h5.clear,
h6.clear,
#maincontent .embedobjectcontainer.clear {
  height: auto;
  width: auto;
}
/* ------------- ALIGNEMENT ------------- */
.righttext {
  display: block;
  text-align: right;
}
.centertext {
  text-align: center;
}
/* ------------- LIENS ------------- */
a {
  color: #4F729D;


}
a.buttonlink {
  color: #FFF;
}
a[target="_blank"]:not(.noExternalIcon),
.externalLink:not(.noExternalIcon) {
  padding-right: 15px;
}
a[target="_blank"]:not(.noExternalIcon):after,
.externalLink:not(.noExternalIcon):after {
  color: #333333;
  content: "\e907";
  font-family: "icon_site";
  font-size: 12px;
  font-weight: normal;
  line-height: inherit;
  padding-left: 5px;
  vertical-align: top;
}
a[target="_blank"]:not(.noExternalIcon):after,
.externalLink:not(.noExternalIcon):after {
  display: inline-block;
  padding-left: 5px;
  position: static;
  vertical-align: top;
}
a:hover,
input[type=submit]:hover,
a:focus {
  cursor: pointer;
  text-decoration: underline;
}
/* ------------- AUTRES BALISES ------------- */
address {
  font-style: normal;
  margin: 0 0 15px 0;
}
address strong,
address span:not(.email-add):not(.inbl-middle) {
  display: block;
}
address span.email-info {
  word-wrap: break-word;
}
address .event-geoloc,
address .cp,
address .city {
  display: inline-block;
}
address .intitule {
  display: inline;
  font-weight: bold;
}
address,
address span img {
  margin: 2px 5px 0 0;
}
address p {
  margin: 10px 0;
}
address.inline > * {
  display: inline;
}
address.inline > *:first-child {
  font-weight: bold;
}
address.inline > *.coordonates {
  display: block;
}
blockquote {
  background: url("../images/backgrounds/bgblockquote.png") 98% 50% no-repeat #f2f2f2;
  border: 1px #E0E0E0 solid;
  border-left: 10px #E0E0E0 solid;
  line-height: 1.5em;
  margin: 10px 20px;
  padding: 10px 75px 10px 10px;
}
q {
  font-style: italic;
}
ins {
  border-bottom: 1px solid #00b000;
  color: green;
  text-decoration: none;
}
del {
  color: #d98078;
  text-decoration: line-through;
}
button:hover {
  cursor: pointer;
}
/* ------------- TABLEAUX ------------- */
table {
  margin: 15px 0;
  width: 100%;
}
table,
td,
th {
  border: 1px #e7e7e7 solid;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 5px;
}
caption {
  font-weight: bold;
  margin: 5px;
}
thead,
th {
  background: none 0 0 no-repeat scroll #2275bb;
  color: #ffffff;
}
table .alt2,
table .bgdark {
  background: none 0 0 no-repeat scroll #e7e7e7;
}
/* ------------- NEWSLETTER (preview en FO) ------------- */
#newsletterpreview table {
  border: 0 none;
  width: 700px;
}
#newsletterpreview > table {
  margin: 0 auto;
}
#newsletterpreview td,
#newsletterpreview th {
  border: 0 none;
  padding: 0;
}
#newsletterpreview h2 {
  background: 0 none;
}
#newsletterpreview h3 {
  font-weight: bold;
}
/* ------------- PAGINATION ------------- */
#maincontent .pagination {
  margin: 20px auto 0 auto;
  text-align: center;
  width: 75%;
}
#maincontent .pagination ul {
  display: inline-block;
  position: relative;
}
#maincontent .pagination ul li {
  color: #2275bb;
  border: 1px solid #2275bb;
  padding: 4px 10px;
  margin: 0 5px;
  width: auto;
  border-radius: 45px;
}
#maincontent .pagination ul li.active,
#maincontent .pagination ul li:hover {
  background: none 0 0 no-repeat scroll #2275bb;
  color: #ffffff;
}
#maincontent .pagination ul li:hover a {
  color: #ffffff;
}
#maincontent .pagination ul li a {
  color: #2275bb;
}
#maincontent .pagination ul li a .next,
#maincontent .pagination ul li a .prev {
  position: absolute;
  color: #333333;
}
#maincontent .pagination ul li a .next {
  right: -95px;
}
#maincontent .pagination ul li a .prev {
  left: -115px;
}
/* ------------- COMARQUAGE ------------- */
#maincontent .comarquage h3 {
  text-transform: uppercase;
}
#maincontent .comarquage h4 {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 0 0 15px 0;
  width: 97%;
  color: #333333;
}
#maincontent .comarquage h4 span {
  display: block;
  font-size: 1.2em;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
}
#maincontent .comarquage h4 span a {
  text-decoration: underline;
}
#maincontent .comarquage .blocxml h4 {
  font-weight: bold;
  margin-top: 15px;
}
#maincontent .comarquage .spLeftCol h4 span,
#maincontent .comarquage .spFooter h4 span {
  display: block;
  padding: 0;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
}
#maincontent .comarquage h5 {
  font-size: 1em;
  font-weight: bold;
  margin: 10px 0 5px 0;
}
#maincontent .comarquage li h5,
#maincontent .comarquage li h5 {
  font-weight: normal;
  margin: 0;
}
/* ------------- ERREURS KERNEL ------------- */
.kernel-error,
.kernel-error-possibilities {
  margin: 10px;
}
.kernel-error-possibilities p,
.kernel-error-possibilities li {
  padding-bottom: 8px;
}
.kernel-error-possibilities #searchform {
  margin-top: 8px;
}
.kernel-error-possibilities #searchform #searchinput {
  border: 1px solid #CCCCCC;
  height: 20px;
}
.offset {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
#wrapper {
  padding-top: 48px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position-y: 44px;
  background-size: 100% 220px;
  /* -------------- MENU -------------- */
  /* ------------- HEADER ------------- */
  /* ------------- TOPBAR ------------- */
  /* ------------- CONTENT ------------- */
  /* ---------- EXTRA CONTENT ---------- */
  /* ---------- AUTRES ---------- */
  /* Autocomplétion  */
  /* Messages d'infos  */
  /* Liste Vous êtes  */
  /* ---------- LIENS d'EVITEMENTS ---------- */
  /* ---------- SPECIFIQUE PAGE D'ACCUEIL ---------- */
  /* ------------- FOOTER ------------- */
}
#wrapper .content-container {
  margin: 0 auto;
  width: 1200px;
}
#wrapper #banner {
  background: none 0 0 no-repeat scroll #e7e7e7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}
#wrapper #banner #mainnav {
  font-family: "Arial Black";
  text-align: center;
}
#wrapper #banner #mainnav > ul {
  margin: 0 auto !important;
  width: 1200px;
  position: static;
}
#wrapper #banner #mainnav ul {
  margin: 0;
}
#wrapper #banner #mainnav ul li {
  border-right: 1px #c1c1c1 solid;
  height: 100%;
  vertical-align: top;
  padding: 14px 10px;
  font-size: 0.95em;
  /* Niveau 2 */
}
#wrapper #banner #mainnav ul li:hover {
  background: none 0 0 no-repeat scroll #333333;
  cursor: pointer;
}
#wrapper #banner #mainnav ul li:hover > a {
  color: #e7e7e7;
}
#wrapper #banner #mainnav ul li:hover > a:hover {
  text-decoration: none;
}
#wrapper #banner #mainnav ul li > a {
  color: #333333;
  text-transform: uppercase;
}
#wrapper #banner #mainnav ul li > div {
  background: none 0 0 no-repeat scroll rgba(212, 212, 212, 0.9);
  color: #ffffff;
  left: -9999px;
  position: absolute;
  top: -9999px;
  width: 100%;
  text-align: left;
  z-index: 300;
  min-height: 220px;
}
#wrapper #banner #mainnav ul li > div .submenu-container {
  min-height: 220px;
  text-align: right;
}
#wrapper #banner #mainnav ul li > div .submenu-container > ul {
  display: inline-block;
  pagging-top: 10px;
  width: 66%;
  text-align: left;
}
#wrapper #banner #mainnav ul li > div .submenu-container > ul li {
  border: none;
  margin: 6px 0;
  vertical-align: top;
  width: 46%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 0px;
  position: relative;
}
#wrapper #banner #mainnav ul li > div .submenu-container > ul li:before {
  content: "•";
  left: 0;
  position: absolute;
  top: 0;
  color: #333333;
  font-size: 1.2em;
}
#wrapper #banner #mainnav ul li > div .submenu-container > ul li:hover:before {
  color: #ffffff;
}
#wrapper #banner #mainnav ul li > div .submenu-container > ul li img {
  float: left;
  margin: 0 10px 5px 0;
}
#wrapper #banner #mainnav ul li > div .submenu-container > ul li p {
  line-height: 1.1em;
  font-size: 0.88em;
}
#wrapper #banner #mainnav ul li > div .submenu-container > ul li > a {
  font-family: Arial;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 2px;
  margin-left: 4px;
  display: block;
  text-transform: none;
}
#wrapper #banner #mainnav ul li:hover > div,
#wrapper #banner #mainnav ul li > div:hover,
#wrapper #banner #mainnav ul li > div > ul:hover {
  left: 0;
  top: 48px;
}
#wrapper #banner #mainnav ul .active {
  background: none 0 0 no-repeat scroll #333333;
}
#wrapper #banner #mainnav ul .active > a {
  color: #e7e7e7;
}
#wrapper #banner #mainnav ul .homeitem {
  padding-top: 4px;
}
#wrapper #banner #mainnav ul .homeitem span {
  font-size: 1.5em;
}
#wrapper #banner #mainnav ul .lastchild {
  border-right: none;
}
#wrapper .header-container {
  display: table;
  height: 216px;
  /* Recherche */
}
#wrapper .header-container #logo,
#wrapper .header-container #site-search {
  display: table-cell;
  vertical-align: middle;
}
#wrapper .header-container.submenu-hide #logo,
#wrapper .header-container.submenu-hide #site-search {
  visibility: hidden;
}
#wrapper .header-container #logo {
  width: 34%;
  text-align: center;
}
#wrapper .header-container #site-search {
  width: 66%;
  height: 100%;
  text-align: right;
  padding-right: 185px;
}
#wrapper .header-container #site-search #searchform {
  font-family: "Arial Black";
  color: #ffffff;
}
#wrapper .header-container #site-search #searchform label {
  font-weight: normal;
  font-size: 1.7em;
  margin-bottom: 5px;
  text-shadow: 0px 0px 10px #212121;
}
#wrapper .header-container #site-search #searchform #searchinput {
  color: #333333;
  border: none;
  border-radius: 45px;
  height: 35px;
  padding: 0 0 0 10px;
  width: 240px;
}
#wrapper .header-container #site-search #searchform #submitsearch {
  background-color: transparent;
  border: none;
  height: 22px;
  margin-left: -40px;
}
#wrapper .header-container #site-search #searchform #submitsearch span {
  font-size: 1.5em;
  color: #333333;
}
#wrapper .header-container.submenu {
  position: relative;
  display: inline-block;
  width: 34%;
  vertical-align: top;
}
#wrapper .header-container.submenu #logo,
#wrapper .header-container.submenu #site-search {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}
#wrapper .header-container.submenu #logo {
  padding-top: 35px;
  padding-left: 2px;
}
#wrapper .header-container.submenu #site-search {
  margin-top: -18px;
}
#wrapper .header-container.submenu #site-search input {
  font-size: 1.1em;
  color: #000000 !important;
  font-weight: bold;
  height: 26px !important;
}
#wrapper #useful {
  background: none 0 0 no-repeat scroll #2275bb;
  color: #ffffff;
  padding: 8px;
}
#wrapper #useful ul {
  display: inline-block;
  width: 49.5%;
}
#wrapper #useful #useraccount-link li {
  border-right: 1px #ffffff solid;
  font-size: 1.2em;
  padding: 0 12px;
  text-transform: uppercase;
}
#wrapper #useful #useraccount-link li:first-child {
  padding-left: 0;
}
#wrapper #useful #useraccount-link li.lastchild {
  border-right: none;
}
#wrapper #useful #useraccount-link li a {
  color: #ffffff;
}
#wrapper #useful #useraccount-link li a.useraccount-highlight-link {
  font-family: "Arial Black";
}
#wrapper #useful #useraccount-link li a:not(.useraccount-highlight-link) {
  padding: 3px 0;
  display: inline-block;
}
#wrapper #useful #socialnetworklinks {
  height: 28px;
  text-align: right;
}
#wrapper #useful #socialnetworklinks li {
  vertical-align: top;
}
#wrapper #useful #socialnetworklinks a {
  color: #ffffff;
  font-size: 1.5em;
  margin: 0 5px;
}
#wrapper #useful #socialnetworklinks a:hover {
  text-decoration: none;
}
#wrapper #content {
  position: relative;
  /* Fil d'ariane */
  /* Conteneur du contenu principal */
  /* Liste de liens */
}
#wrapper #content #breadcrumb {
  font-size: 1.05em;
  padding: 20px 0;
  border-bottom: 1px solid #e7e7e7;
}
#wrapper #content #breadcrumb span {
  color: #2275bb;
  font-weight: bold;
}
#wrapper #content #breadcrumb a:hover {
  text-decoration: none;
}
#wrapper #content.mainleft #maincontent {
  float: left;
  padding-left: 10px;
  margin-right: 15px;
}
#wrapper #content.mainleft #sidebar {
  float: right;
}
#wrapper #content.mainright #maincontent {
  float: right;
  padding-right: 10px;
  margin-left: 15px;
}
#wrapper #content.mainright #maincontent #actulistcontainer.list4 a {
  width: 225px;
  height: 225px;
}
#wrapper #content.mainright #maincontent #eventlistcontainer li {
  margin: 0 12px 0 0;
}
#wrapper #content.mainright #sidebar {
  float: left;
}
#wrapper #content.mainonly #maincontent {
  width: 1200px;
}
#wrapper #content.mainonly #maincontent #actulistcontainer.list4 a {
  width: 290px;
  height: 250px;
}
#wrapper #content.mainonly #maincontent #eventlistcontainer li {
  position: relative;
  margin: 0 19px 0 0;
}
#wrapper #content #maincontent {
  padding-top: 35px;
  width: 930px;
  /* Diaporama actualités */
  /* Aix en images (home) */
  /* Bloc publications (home) */
  /* Bloc newsletter */
  /* Zones libres */
  /* Page événement */
  /* Page portail */
  /* Cartographie */
  /* Arborescence */
  /* Annuaire */
  /* FAQ */
  /* Recherche */
  /* Co marquage */
  /* Page de login */
  /* Plan du site  */
  /* Edition FO  */
}
#home #wrapper #content #maincontent {
  padding-top: 0;
}
#wrapper #content #maincontent .fullwidth {
  width: 100%;
  margin-right: 0;
}
#wrapper #content #maincontent .slideshow-container {
  padding: 0;
  position: relative;
}
#wrapper #content #maincontent .slideshow-container .newsmask {
  overflow: hidden;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist {
  position: relative;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li {
  margin: 0 12px 0 0;
  overflow: hidden;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li.last {
  margin-right: 0;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a {
  display: block;
  position: relative;
  background-color: rgba(34, 117, 187, 0.25);
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a img {
  float: none;
  background: #282828;
  margin: 0;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a.see-all {
  width: 100%;
  height: 100%;
  background: #282828;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a.see-all .overlay {
  top: 0;
  width: 100%;
  background: transparent;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a.see-all .overlay .intro-news {
  width: 100%;
  height: 100%;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a.see-all .overlay .intro-news span {
  font-size: 6em;
  display: block;
  color: #999999;
  margin-bottom: 10px;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a.see-all:hover .overlay span {
  font-size: 6.5em;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay {
  background-color: rgba(34, 117, 187, 0.85);
  color: #ffffff;
  position: absolute;
  top: 80%;
  height: 100%;
  text-align: center;
  width: 100%;
  transition: all .15s ease;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  -ms-transition: all .15s ease;
  -o-transition: all .15s ease;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay h3 {
  height: 20%;
  color: #ffffff;
  display: table;
  width: 100%;
  text-align: center;
  margin: 0;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay h3 span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-news {
  display: table;
  height: 60%;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-news p {
  display: table-cell;
  padding: 15px;
  vertical-align: middle;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event {
  display: table;
  height: 25%;
  width: 100%;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event > * {
  display: table-cell;
  padding: 2px;
  vertical-align: middle;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event .date {
  width: 30%;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event .date span.small-date {
  line-height: 0.85em;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event .date span.small-date :after {
  content: '';
  border-right: 1px solid #ffffff;
  width: 1px;
  display: block;
  height: 80%;
  margin: 10% 0;
  top: 0;
  right: 0;
  position: absolute;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event .date .long-date {
  display: none;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event .date .day {
  font-weight: bold;
  display: block;
  font-size: 1.2em;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event .date .day:not(:first-child) {
  margin-top: 3px;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event .date .month {
  font-size: 0.8em;
}
#wrapper #content #maincontent .slideshow-container .newsmask .actulist li a .overlay .intro-event h3 span {
  padding: 0 5px;
}
#wrapper #content #maincontent .slideshow-container .newsmask #actulistcontainer a:hover .overlay {
  top: 0;
}
#wrapper #content #maincontent .slideshow-container .newsmask #actulistcontainer a:hover .overlay h3 {
  height: 40%;
}
#wrapper #content #maincontent .slideshow-container .newsmask #actulistcontainer a:hover .overlay h3 span:after {
  content: '';
  border-bottom: 1px solid #ffffff;
  width: 35px;
  display: block;
  margin: 10px auto;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer .event-manage-actions {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  background: #ffffff;
  padding: 5px;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer .event-manage-actions > *:not(:first-child) {
  margin-top: 10px;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a {
  width: 225px;
  height: 300px;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a .overlay {
  top: 75%;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a.see-all .overlay {
  top: 0;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a:hover .overlay {
  top: 0;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a:hover .intro-event {
  height: 100%;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a:hover .intro-event > * {
  display: table-row;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a:hover .intro-event .date > span {
  display: table-cell;
  vertical-align: middle;
  height: 40%;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a:hover .intro-event .date > span span.long-date {
  display: block;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a:hover .intro-event .date > span span.long-date:after {
  content: '';
  display: block;
  border-bottom: 1px solid #ffffff;
  border-right: 0 none;
  width: 35px;
  margin: 10px auto;
  position: static;
  height: 0px;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a:hover .intro-event .date .small-date {
  display: none;
}
#wrapper #content #maincontent .slideshow-container .newsmask #eventlistcontainer li > a:hover .intro-event h3 {
  height: 60%;
}
#wrapper #content #maincontent .slideshow-container .navigation {
  position: relative;
  padding: 25px;
  text-align: center;
}
#wrapper #content #maincontent .slideshow-container .navigation li {
  border: 2px solid #8e8e8e;
  border-radius: 45px;
  padding: 5px;
  cursor: pointer;
  margin: 0 2px;
}
#wrapper #content #maincontent .slideshow-container .navigation li.active {
  background-color: #8e8e8e;
}
#wrapper #content #maincontent .slideshow-container .navigation li > span:not(.next):not(.prev),
#wrapper #content #maincontent .slideshow-container .navigation li > span.prev span:not(.arrow),
#wrapper #content #maincontent .slideshow-container .navigation li > span.next span:not(.arrow) {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
#wrapper #content #maincontent .slideshow-container .navigation li span.prev .arrow:before,
#wrapper #content #maincontent .slideshow-container .navigation li span.next .arrow:before {
  color: #8e8e8e;
  font-size: 4em;
  font-family: "icon_site";
  font-weight: 300;
}
#wrapper #content #maincontent .slideshow-container .navigation li span.prev .arrow:before {
  content: "\e918";
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}
#wrapper #content #maincontent .slideshow-container .navigation li span.next .arrow:before {
  content: "\e918";
}
#wrapper #content #maincontent .slideshow-container .navigation li .arrow:hover:before {
  color: #2275bb !important;
}
#wrapper #content #maincontent .slideshow-container .navigation .prev > span,
#wrapper #content #maincontent .slideshow-container .navigation .next > span {
  display: inline-block;
  padding: 0;
  position: absolute;
  top: -255%;
}
#wrapper #content #maincontent .slideshow-container .navigation .prev > span {
  left: -55px;
}
#wrapper #content #maincontent .slideshow-container .navigation .next > span {
  right: -55px;
}
#wrapper #content #maincontent .agenda .linklist {
  text-align: center;
}
#wrapper #content #maincontent .agenda .linklist li {
  padding: 0 10px;
  position: relative;
}
#wrapper #content #maincontent .agenda .linklist li a {
  color: #2275bb;
}
#wrapper #content #maincontent .agenda .linklist li:not(:first-child):before {
  left: -6px;
  content: "";
  width: 1px;
  background-color: #2275bb;
  height: 100%;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
}
#wrapper #content #maincontent #aixenimages ul a {
  position: relative;
  display: block;
}
#wrapper #content #maincontent #aixenimages ul a:before {
  webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  width: 100%;
  position: absolute;
  height: 100%;
  content: "";
}
#wrapper #content #maincontent #aixenimages ul a:hover:before {
  background-color: rgba(34, 117, 187, 0.5);
}
#wrapper #content #maincontent .publications img {
  border: 1px #e7e7e7 solid;
  float: left;
  margin-right: 20px;
}
#wrapper #content #maincontent .publications ul {
  margin-top: 20px;
}
#wrapper #content #maincontent .publications .file-infos {
  display: inline-block;
  width: 70%;
  margin-bottom: 10px;
}
#wrapper #content #maincontent .publications .fileinfos {
  display: block;
  color: #777777;
  margin: 3px 0;
  padding: 0 0 0 45px;
}
#wrapper #content #maincontent .publications .fileinfos.excel {
  background: url("../images/icons/iconexcel.png") 0 5px scroll no-repeat transparent;
}
#wrapper #content #maincontent .publications .fileinfos.pdf {
  padding-left: 25px;
  position: relative;
}
#wrapper #content #maincontent .publications .fileinfos.pdf:before {
  color: #333333;
  content: "\e904";
  font-family: "icon_site";
  font-size: 20px;
  font-weight: normal;
  line-height: inherit;
}
#wrapper #content #maincontent .publications .fileinfos.pdf:before {
  position: absolute;
  top: -2px;
  left: 0px;
}
#wrapper #content #maincontent .newsletter div.articlecontainer {
  padding: 0 0 0 170px;
  background: url("../images/backgrounds/bgnewsletter.png") left top no-repeat scroll transparent;
  min-height: 200px;
}
#wrapper #content #maincontent .freezone-container article {
  display: inline-block;
  vertical-align: top;
}
#wrapper #content #maincontent .freezone-container article.w25 {
  width: 25%;
}
#wrapper #content #maincontent .freezone-container article.w33 {
  width: 33%;
}
#wrapper #content #maincontent .freezone-container article.w50 {
  width: 49.5%;
}
#wrapper #content #maincontent .freezone-container article.w75 {
  width: 74.5%;
}
#wrapper #content #maincontent .freezone-container article.w100 {
  width: 100%;
}
#wrapper #content #maincontent .eventfull h3.date {
  font-style: italic;
  font-size: 1.1em;
  font-family: "Raleway Webfont";
  font-weight: bold;
  margin-bottom: 5px;
}
#wrapper #content #maincontent .eventfull .event-theme-list {
  color: #282828;
  font-size: 0.8em;
  margin-bottom: 15px;
}
#wrapper #content #maincontent .eventfull .event-theme-list li:not(:first-child):before {
  content: '/';
  margin: 0 5px;
}
#wrapper #content #maincontent .eventfull .event-theme-list span {
  font-style: italic;
}
#wrapper #content #maincontent .eventfull .articlecontainer {
  padding: 0;
}
#wrapper #content #maincontent .alsoread li {
  padding: 15px 0;
}
#wrapper #content #maincontent .alsoread li:not(:first-child) {
  border-top: 1px solid #c1c1c1;
}
#wrapper #content #maincontent .alsoread a {
  display: table;
  width: 100%;
}
#wrapper #content #maincontent .alsoread a > * {
  display: table-cell;
  vertical-align: top;
}
#wrapper #content #maincontent .alsoread a > div {
  padding: 10px;
  width: 100%;
}
#wrapper #content #maincontent .alsoread a > div:hover {
  background-color: #2275bb;
  color: #ffffff;
}
#wrapper #content #maincontent .alsoread a > div:hover * {
  color: #ffffff;
}
#wrapper #content #maincontent .alsoread a:hover {
  text-decoration: none;
}
#wrapper #content #maincontent .alsoread h3 {
  color: #2275bb;
  margin: 0 0 5px 0;
  font-size: 1.1em;
  font-weight: bold;
}
#wrapper #content #maincontent .legende .open:before,
#wrapper #content #maincontent .legende .close:before {
  color: #2275bb;
  content: "\e913";
  font-family: "icon_site";
  font-size: 16px;
  font-weight: normal;
  line-height: inherit;
}
#wrapper #content #maincontent .legende .open:before,
#wrapper #content #maincontent .legende .close:before {
  display: inline-block;
  padding-right: 5px;
  position: static;
  vertical-align: middle;
}
#wrapper #content #maincontent .gmapIconDefault {
  margin: 5px 0 4px 0;
}
#wrapper #content #maincontent .cartoLegendContainer {
  margin-bottom: 15px;
}
#wrapper #content #maincontent .cartoLegendContainer .intitule {
  font-size: 1em;
  display: inline-block;
  margin-top: 5px;
}
#wrapper #content #maincontent .cartoLegendContainer .cartolegendList {
  background-color: #e7e7e7;
  margin: 10px 0;
  padding: 10px;
}
#wrapper #content #maincontent .cartoLegendContainer .cartolegendList li {
  width: 23%;
  margin-right: 10px;
}
#wrapper #content #maincontent .cartoLegendContainer .cartolegendList li img.gmapIcon {
  vertical-align: middle;
  margin-right: 8px;
}
#wrapper #content #maincontent .cartoFilter {
  margin: 10px 10px 20px 0;
}
#wrapper #content #maincontent .cartoFilter h3 {
  margin-top: 2px;
  margin-bottom: 5px;
  font-size: 0.99em;
}
#wrapper #content #maincontent .cartoFilter h3 a {
  color: #333333;
  font-size: 1.05em;
  font-weight: bold;
}
#wrapper #content #maincontent .cartoFilter .jsFilter {
  padding-left: 20px;
  margin-left: 10px;
  background: url("../images/backgrounds/bgcartoFilterUnactive.gif") left center no-repeat scroll transparent;
}
#wrapper #content #maincontent .cartoFilter .jsFilter:hover {
  cursor: pointer;
}
#wrapper #content #maincontent .cartoFilter .jsFilter.jsFilterActive {
  background: url("../images/backgrounds/bgcartoFilterActive.gif") left center no-repeat scroll transparent;
}
#wrapper #content #maincontent .cartoFilter li {
  width: 22%;
  margin-left: 20px;
  margin-bottom: 10px;
}
#wrapper #content #maincontent .cartoAlternativeContainer li {
  width: 100%;
  border-top: 1px dashed #c1c1c1;
}
#wrapper #content #maincontent .cartoAlternativeContainer li:first-child {
  border-top: 0 none;
}
#wrapper #content #maincontent .cartoAlternativeContainer li img {
  margin-right: 15px;
}
#wrapper #content #maincontent .cartoAlternativeContainer li img,
#wrapper #content #maincontent .cartoAlternativeContainer li .informations {
  float: left;
}
#wrapper #content #maincontent #arborescence,
#wrapper #content #maincontent #arborescence ul {
  background: url("../images/icons/vline.png") 0 0 repeat-y scroll transparent;
  margin: 5px 0 0 10px;
  list-style-type: none;
  list-style-image: none;
}
#wrapper #content #maincontent #arborescence > li:before,
#wrapper #content #maincontent #arborescence ul > li:before {
  content: "";
}
#wrapper #content #maincontent #arborescence li {
  background: url("../images/icons/node.png") 0 0 no-repeat scroll transparent;
  position: relative;
  margin: 0;
  padding: 2px 0 2px 12px;
  line-height: 1.6em;
}
#wrapper #content #maincontent #arborescence li.last {
  background: url("../images/icons/lastnode.png") 0 0 no-repeat scroll #ffffff;
}
#wrapper #content #maincontent #arborescence li .docinfos {
  color: #767676;
}
#wrapper #content #maincontent #arborescence li .dossier,
#wrapper #content #maincontent #arborescence li .pdf,
#wrapper #content #maincontent #arborescence li .excel {
  padding: 0 0 5px 20px;
}
#wrapper #content #maincontent #arborescence li .dossier {
  padding-left: 30px;
  position: relative;
  color: #2275bb;
  font-weight: bold;
}
#wrapper #content #maincontent #arborescence li .dossier:before {
  color: #2275bb;
  content: "\e90b";
  font-family: "icon_site";
  font-size: 20px;
  font-weight: normal;
  line-height: inherit;
}
#wrapper #content #maincontent #arborescence li .dossier:before {
  position: absolute;
  top: -2px;
  left: 5px;
}
#wrapper #content #maincontent #arborescence li .excel {
  background: url("../images/icons/iconexcelsmall.png") 0 0 no-repeat scroll transparent;
}
#wrapper #content #maincontent #arborescence li .pdf {
  padding-left: 30px;
  position: relative;
}
#wrapper #content #maincontent #arborescence li .pdf:before {
  color: #333333;
  content: "\e904";
  font-family: "icon_site";
  font-size: 20px;
  font-weight: normal;
  line-height: inherit;
}
#wrapper #content #maincontent #arborescence li .pdf:before {
  position: absolute;
  top: -2px;
  left: 5px;
}
#wrapper #content #maincontent #arborescence li div:hover {
  background-color: #2275bb;
}
#wrapper #content #maincontent #arborescence li div:hover a,
#wrapper #content #maincontent #arborescence li div:hover a:before,
#wrapper #content #maincontent #arborescence li div:hover span {
  color: #ffffff;
  text-decoration: none;
}
#wrapper #content #maincontent #arborescence li div:hover a {
  text-decoration: none;
}
#wrapper #content #maincontent .annuaire {
  /* Vue imprimable */
}
#wrapper #content #maincontent .annuaire .annuairelist {
  margin: 30px 0 0 0;
}
#wrapper #content #maincontent .annuaire .annuairelist h3 {
  background: none 0 0 no-repeat scroll #2275bb;
  color: #ffffff;
  font-size: 1em;
  font-weight: normal;
  display: inline-block;
  padding: 2px 10px;
  margin: 0 0 0 15px;
  z-index: 10;
  position: relative;
}
#wrapper #content #maincontent .annuaire .annuairelist > li > ul {
  border: 1px #2275bb solid;
}
#wrapper #content #maincontent .annuaire .annuairelist ul {
  padding: 20px 10px 10px 10px;
  margin: -10px 0 30px 0;
}
#wrapper #content #maincontent .annuaire .annuairelist ul li {
  clear: both;
  width: 48%;
  margin: 10px 10px 10px 0;
  padding-bottom: 10px;
}
#wrapper #content #maincontent .annuaire .annuairelist ul li > img {
  border: 1px #DFDCDC solid;
  float: left;
  margin-right: 5px;
}
#wrapper #content #maincontent .annuaire .annuairelist ul li .informations {
  width: 100%;
}
#wrapper #content #maincontent .annuaire .annuairelist ul li .informations address {
  margin: 5px 0;
}
#wrapper #content #maincontent .annuaire .annuairelist ul li .informations h4 {
  color: #0B477A;
  margin-top: 0;
}
#wrapper #content #maincontent .annuaire .annuairelist .annuairesearchlist .directory-print-other-informations,
#wrapper #content #maincontent .annuaire .annuairelist .annuairelist .directory-print-other-informations {
  width: 70%;
  margin-right: 5px;
  display: inline-block;
  border-right: 1px dashed #E0E0E0;
  vertical-align: top;
}
#wrapper #content #maincontent .annuaire .annuairelist .annuairesearchlist .directory-print-related-content,
#wrapper #content #maincontent .annuaire .annuairelist .annuairelist .directory-print-related-content {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}
#wrapper #content #maincontent .annuaire .annuairelist .infolist {
  display: block;
  border: 0 none;
}
#wrapper #content #maincontent .annuaire .annuairelist .infolist li {
  margin-top: 3px;
  margin-bottom: 3px;
}
#wrapper #content #maincontent .annuaire .annuairelist .separatelink {
  margin: 20px 0 0 0;
}
#wrapper #content #maincontent .annuaire .annuairelist .separatelink li {
  width: 24%;
  border: none;
}
#wrapper #content #maincontent .annuaire .annuairelist .separatelink li a {
  padding: 10px 10px 6px 30px;
}
#wrapper #content #maincontent .annuaire .annuairelist .separatelink li .annuairelink {
  background: url("../images/icons/iconannuairesmall.png") 0 10px scroll no-repeat transparent;
  border: none;
}
#wrapper #content #maincontent .annuaire .annuairelist .back-to-top {
  background: none 0 0 no-repeat scroll #333333;
  color: #ffffff;
  z-index: 10;
  position: relative;
  float: right;
  margin: 2px 15px 10px 6px;
}
#wrapper #content #maincontent .annuaire .annuairelist .back-to-top span {
  padding: 2px 10px;
}
#wrapper #content #maincontent .annuaire #alphabet li {
  padding: 2px 7px;
  margin: 0 3px;
}
#wrapper #content #maincontent .annuaire #resultquickaccess,
#wrapper #content #maincontent .annuaire #alphabet {
  background: none 0 0 no-repeat scroll #e7e7e7;
  border: 1px #8e8e8e solid;
  padding: 5px 10px 5px 24px;
}
#wrapper #content #maincontent .annuaire #resultquickaccess li,
#wrapper #content #maincontent .annuaire #alphabet .selectedletter {
  background: none 0 0 no-repeat scroll #2275bb;
}
#wrapper #content #maincontent .annuaire #resultquickaccess li a,
#wrapper #content #maincontent .annuaire #alphabet .selectedletter a {
  color: #FFF;
}
#wrapper #content #maincontent .annuaire .annuaire-print .annuairelist ul li {
  width: 100%;
}
#wrapper #content #maincontent .annuaire > .articlecontainer > h3:first-child,
#wrapper #content #maincontent .annuaire .annuaire-print nav {
  display: none;
}
#wrapper #content #maincontent .faq ul li .category {
  background: none 0 0 no-repeat scroll #333333;
  text-align: center;
}
#wrapper #content #maincontent .faq ul li .category .open {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}
#wrapper #content #maincontent .faq ul li .category .open:after {
  color: #ffffff;
  content: "\e926";
  font-family: "icon_site";
  font-size: 20px;
  font-weight: normal;
  line-height: inherit;
  padding-left: 15px;
  vertical-align: -2px;
}
#wrapper #content #maincontent .faq ul li .category .open:after {
  position: absolute;
  top: -2px;
  right: 0px;
  vertical-align: -2px;
}
#wrapper #content #maincontent .faq ul li .category .close {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}
#wrapper #content #maincontent .faq ul li .category .close:after {
  color: #ffffff;
  content: "\e926";
  font-family: "icon_site";
  font-size: 20px;
  font-weight: normal;
  line-height: inherit;
  padding-left: 15px;
  vertical-align: -2px;
}
#wrapper #content #maincontent .faq ul li .category .close:after {
  position: absolute;
  top: -2px;
  right: 0px;
  vertical-align: -2px;
}
#wrapper #content #maincontent .faq ul li .category .close:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
  padding-left: 0 !important;
  padding-right: 15px;
}
#wrapper #content #maincontent .faq ul li ul li {
  margin: 10px 0;
}
#wrapper #content #maincontent .faq ul li ul li .answer {
  background: none 0 0 no-repeat scroll transparent;
  text-align: left;
}
#wrapper #content #maincontent .faq ul li ul li div h3 {
  color: #ffffff;
  font-size: 1.15em;
}
#wrapper #content #maincontent .faq ul li ul li,
#wrapper #content #maincontent .faq ul li ul li .category img {
  vertical-align: middle;
}
#wrapper #content #maincontent .faq ul li h3 {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  color: #ffffff;
  font-size: 1.15em;
}
#wrapper #content #maincontent .faq ul li p,
#wrapper #content #maincontent .faq ul li .category {
  margin: 3px 0;
  padding: 4px 0 6px 0;
}
#wrapper #content #maincontent .faq ul li .msginfos p {
  padding: 10px 20px;
}
#wrapper #content #maincontent .faq h4 {
  display: inline-block;
  margin: 0;
}
#wrapper #content #maincontent .faq .answer .date {
  color: #767676;
}
#wrapper #content #maincontent .faq ul li .category a,
#wrapper #content #maincontent .faq .legende a {
  display: inline-block;
  height: 16px;
  padding: 0 0 3px 0;
  vertical-align: bottom;
  width: 16px;
}
#wrapper #content #maincontent .faq .legende a {
  margin: 0 0 0 10px;
}
#wrapper #content #maincontent .comarquage #noeudThemes li a,
#wrapper #content #maincontent .comarquage .sp10ThemesBar a,
#wrapper #content #maincontent .comarquage .spFilDAriane a,
#wrapper #content #maincontent .comarquage .spSommaire a,
#wrapper #content #maincontent .comarquage .spPublicationSIP a,
#wrapper #content #maincontent .comarquage .spPublicationCDC a,
#wrapper #content #maincontent .comarquage .spNoeudDossierDossierFiche a,
#wrapper #content #maincontent .comarquage .spPublicationQR a,
#wrapper #content #maincontent .comarquage .spPublicationSEL a {
  color: #000000;
}
#wrapper #content #maincontent .comarquage #noeudThemes li h4 {
  padding: 0;
  margin: 0;
  background: none 0 0 no-repeat scroll transparent;
}
#wrapper #content #maincontent .comarquage #noeudThemes li h4 span {
  margin: 0;
  padding: 0;
  background: none 0 0 no-repeat scroll transparent;
}
#wrapper #content #maincontent .comarquage #noeudThemes li h4 a {
  color: #2275bb;
  text-decoration: none;
}
#wrapper #content #maincontent .comarquage #noeudThemes > li {
  display: inline-block;
  margin: 10px 10px 30px 10px;
  vertical-align: top;
  width: 19%;
  background: none 0 0 no-repeat scroll transparent;
}
#wrapper #content #maincontent .comarquage #noeudThemes ul li ul {
  margin: 5px 0;
}
#wrapper #content #maincontent .comarquage #noeudThemes > ul > li {
  margin: 10px 0;
  width: 29%;
}
#wrapper #content #maincontent .comarquage .spSommaire ul {
  background-color: #e7e7e7;
  padding: 5px 3px 5px 10px;
}
#wrapper #content #maincontent .comarquage .spSommaire ul li {
  position: relative;
}
#wrapper #content #maincontent .comarquage .spLeftCol {
  float: left;
  width: 215px;
  margin: 0 25px 0 0;
}
#wrapper #content #maincontent .comarquage .spRightCol,
#wrapper #content #maincontent .comarquage .spCenterCol {
  float: right;
  width: 930px;
}
#wrapper #content #maincontent .comarquage .spFooter {
  float: right;
  width: 930px;
}
#wrapper #content #maincontent .comarquage .spSousThemeDossier h4 {
  margin: 0;
  padding: 0;
  width: auto;
  background: none 0 0 no-repeat scroll transparent;
  color: #000000;
}
#wrapper #content #maincontent .comarquage .spSousThemeDossier h4 span {
  padding: 0;
  width: auto;
  background: none 0 0 no-repeat scroll transparent;
  color: #000000;
  font-size: 1em;
}
#wrapper #content #maincontent .comarquage .spSousThemeDossier h4 span a {
  color: #000000;
  text-decoration: none;
}
#wrapper #content #maincontent .comarquage .spSousThemeDossier h4 span a:hover {
  text-decoration: underline;
}
#wrapper #content #maincontent .comarquage .spNoeudDossierFiche h4 span a {
  color: #000000;
  text-decoration: none;
}
#wrapper #content #maincontent .comarquage .spNoeudDossierFiche h4 span a:hover {
  text-decoration: underline;
}
#wrapper #content #maincontent .comarquage .spTexteChapitre a {
  color: #333333;
}
#wrapper #content #maincontent .comarquage .sp10ThemesBar {
  margin: 20px 0;
}
#wrapper #content #maincontent .comarquage .sp10ThemesBar li {
  border-bottom: 3px #333333 solid;
  margin: 2px 10px;
  padding: 3px 8px 3px 0;
  width: 20%;
  font-size: 1.15em;
}
#wrapper #content #maincontent .comarquage .sp10ThemesBar li:before {
  content: "►";
}
#wrapper #content #maincontent .comarquage .sp10ThemesBar li:hover {
  border-bottom: 3px #2275bb solid;
}
#wrapper #content #maincontent .comarquage .sp10ThemesBar li:hover a {
  color: #2275bb;
}
#wrapper #content #maincontent .comarquage .sp10ThemesBar li:hover a:hover {
  text-decoration: none;
}
#wrapper #content #maincontent .comarquage .sp10ThemesBar li:hover a:hover:before {
  color: #2275bb;
}
#wrapper #content #maincontent .comarquage .spAdditionalText {
  float: right;
  width: 930px;
}
#wrapper #content #maincontent .comarquage .spFilDAriane a {
  text-decoration: underline;
}
#wrapper #content #maincontent .comarquage .spFilDAriane a:hover {
  text-decoration: none;
}
#wrapper #content #maincontent .comarquage .spFooter li,
#wrapper #content #maincontent .comarquage .spCenterCol li,
#wrapper #content #maincontent .comarquage .spPublicationSIP li,
#wrapper #content #maincontent .comarquage .spPublicationCDC li,
#wrapper #content #maincontent .comarquage .spThemeSousThemeMain li {
  position: relative;
}
#wrapper #content #maincontent .comarquage div {
  margin: 0 0 30px 0;
}
#wrapper #content #maincontent .comarquage .date {
  display: block;
  margin: 0 0 20px 0;
}
#wrapper #content #maincontent #user-login h3 {
  background-color: #333333;
  color: #ffffff;
  padding: 5px 10px;
}
#wrapper #content #maincontent #user-login #userloginform {
  text-align: center;
}
#wrapper #content #maincontent #user-login #userloginform .labelzone {
  width: 15%;
}
#wrapper #content #maincontent #user-login #userloginform .inputzone {
  width: auto;
}
#wrapper #content #maincontent #user-login #userloginform p,
#wrapper #content #maincontent #user-login #userloginform div {
  display: inline-block;
}
#wrapper #content #maincontent #user-login #userloginform .buttonaction {
  margin: 0;
}
#wrapper #content #maincontent .sitemap > ul > li {
  margin: 10px 0;
  width: 29%;
  display: inline-block;
  vertical-align: top;
}
#wrapper #content #maincontent .sitemap li {
  position: relative;
}
#wrapper #content #maincontent .sitemap h3 a {
  color: #2275BB;
}
#wrapper #content #maincontent .addbutton {
  background: url("../images/icons/iconadd.png") left center no-repeat scroll transparent;
  border: none;
}
#wrapper #content #maincontent .managebutton {
  background: url("../images/icons/icongerer.png") left center no-repeat scroll transparent;
}
#wrapper #content #maincontent .editbutton,
#wrapper #content #maincontent .directoryeditbutton {
  background: url("../images/icons/iconedit.png") left center no-repeat scroll transparent;
  border: none;
}
#wrapper #content #maincontent .deletebutton {
  background: url("../images/icons/icondelete.png") left center no-repeat scroll transparent;
}
#wrapper #content #maincontent .addbutton,
#wrapper #content #maincontent .addbuttonform,
#wrapper #content #maincontent .deletebutton,
#wrapper #content #maincontent .managebutton,
#wrapper #content #maincontent .editbutton,
#wrapper #content #maincontent .editbuttonform {
  display: inline-block;
  height: 20px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 20px;
}
#wrapper #content #maincontent .directoryeditbutton,
#wrapper #content #maincontent .directoryeditbuttonform {
  width: auto;
}
#wrapper #content #maincontent .directoryeditbutton {
  padding: 0 0 0 25px;
}
#wrapper #content #maincontent .labelled {
  width: auto;
  height: auto;
  padding-left: 20px;
}
#wrapper #content #maincontent #draft table {
  width: 98%;
}
#wrapper #content #maincontent #diffview .block {
  margin: 0 0 20px 0;
}
#wrapper #content #sidebar {
  padding-top: 35px;
  width: 215px;
}
#wrapper #content #sidebar .articlecontainer {
  background-color: #e7e7e7;
}
#wrapper #content #sidebar .articlecontainer a {
  color: #1d69b9;
}
#wrapper #content #sidebar nav {
  padding: 5px 0;
}
#wrapper #content #sidebar nav li {
  margin: 2px 0;
}
#wrapper #content #sidebar nav li.parent > a {
  background-color: #2275bb;
  color: #ffffff;
  font-weight: bold;
}
#wrapper #content #sidebar nav li a {
  display: block;
  padding: 2px 3px 2px 10px;
}
#wrapper #content #sidebar nav li ul li a {
  color: #424242 !important;
  font-size: 0.9em;
  padding-left: 5px;
}
#wrapper #content #sidebar nav li ul li a:hover,
#wrapper #content #sidebar nav li ul li.active > a {
  font-weight: normal;
  color: #ffffff !important;
  background-color: #6c6767;
  text-decoration: none;
}
#wrapper #content #sidebar nav > ul > li > a:hover {
  background-color: #2275bb;
  color: #ffffff;
  text-decoration: none;
}
#wrapper #content .separatelink li {
  border-top: 1px #EAEAEA solid;
}
#wrapper #content .separatelink li:first-child {
  border: none;
}
#wrapper #content .separatelink li > a,
#wrapper #content .separatelink li > span,
#wrapper #content .separatelink li > address {
  display: block;
  padding: 10px 10px 15px 40px;
}
#wrapper #content .separatelink li > address {
  display: block;
  padding: 10px 10px 15px 10px;
  margin: 0;
}
#wrapper #content .separatelink li > address a {
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;
}
#wrapper #content .separatelink li > .staticmap {
  padding: 10px 10px 15px 10px;
}
#wrapper #content .separatelink li .action-btn {
  margin: 0;
}
#wrapper #content .separatelink .link {
  padding-left: 40px;
  position: relative;
}
#wrapper #content .separatelink .link:before {
  color: #333333;
  content: "\e907";
  font-family: "icon_site";
  font-size: 24px;
  font-weight: normal;
  line-height: inherit;
}
#wrapper #content .separatelink .link:before {
  position: absolute;
  top: 12px;
  left: 5px;
}
#wrapper #content .separatelink .excel,
#wrapper #content .separatelink .calc {
  background: url("../../images/icons/iconexcel.png") 0 10px scroll no-repeat transparent;
}
#wrapper #content .separatelink .word,
#wrapper #content .separatelink .writer {
  background: url("../../images/icons/iconword.png") 0 10px scroll no-repeat transparent;
}
#wrapper #content .separatelink .pdf {
  padding-left: 40px;
  position: relative;
  padding-bottom: 0;
}
#wrapper #content .separatelink .pdf:before {
  color: #333333;
  content: "\e904";
  font-family: "icon_site";
  font-size: 24px;
  font-weight: normal;
  line-height: inherit;
}
#wrapper #content .separatelink .pdf:before {
  position: absolute;
  top: 12px;
  left: 5px;
}
#wrapper #content .separatelink .folder {
  padding-left: 40px;
  position: relative;
}
#wrapper #content .separatelink .folder:before {
  color: #333333;
  content: "\e90b";
  font-family: "icon_site";
  font-size: 24px;
  font-weight: normal;
  line-height: inherit;
}
#wrapper #content .separatelink .folder:before {
  position: absolute;
  top: 12px;
  left: 5px;
}
#wrapper #content .separatelink .question {
  background: url("../../images/icons/iconquestion.png") 0 10px scroll no-repeat transparent;
}
#wrapper #content .separatelink .text,
#wrapper #content .separatelink .math,
#wrapper #content .separatelink .html,
#wrapper #content .separatelink .draw,
#wrapper #content .separatelink .powerpoint,
#wrapper #content .separatelink .impress,
#wrapper #content .separatelink .image,
#wrapper #content .separatelink .music,
#wrapper #content .separatelink .archive,
#wrapper #content .separatelink .movie {
  background: url("../../images/icons/icondefault.png") 0 10px scroll no-repeat transparent;
}
#wrapper #content .separatelink .annuairelink {
  padding-left: 40px;
  position: relative;
}
#wrapper #content .separatelink .annuairelink:before {
  color: #333333;
  content: "\e915";
  font-family: "icon_site";
  font-size: 28px;
  font-weight: normal;
  line-height: inherit;
}
#wrapper #content .separatelink .annuairelink:before {
  position: absolute;
  top: 8px;
  left: 5px;
}
#wrapper #content .separatelink .fileinfos {
  color: #767676;
  display: block;
  font-size: 0.85em;
}
#wrapper #extra-content {
  background-color: #e7e7e7;
}
#wrapper #extra-content h2 {
  text-align: center;
  margin-bottom: 20px;
}
#wrapper #extra-content article {
  text-align: center;
  margin: 0;
  padding: 30px 0;
}
#wrapper #extra-content article:not(:first-child) {
  border-top: 1px solid #c1c1c1;
}
#wrapper #extra-content article.extra-event [data-icon] {
  margin-bottom: 20px;
  display: block;
}
#wrapper #extra-content article.extra-event [data-icon]:before {
  color: #6c6767;
  font-size: 48px;
}
#wrapper #extra-content article.extra-event .iconinfolist li {
  width: 190px;
  margin: 2px;
}
#wrapper #extra-content article.extra-event .event-map-container {
  height: 375px;
}
#wrapper #extra-content article.extra-event .event-map-container #event-map {
  position: absolute;
  left: 0;
  width: 100%;
  border: 3px solid #767676;
  border-width: 3px 0;
}
#wrapper a.lightbox {
  display: block;
  position: relative;
}
#wrapper a.lightbox:before {
  webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  width: 100%;
  position: absolute;
  height: 100%;
  content: "";
}
#wrapper a.lightbox:hover:before {
  background-color: rgba(34, 117, 187, 0.5);
}
#wrapper .action-btn {
  text-transform: uppercase;
  text-decoration: none;
  padding: 3px 15px;
  border: 2px solid #2275bb;
  display: inline-block;
  margin: 5px 2px;
  min-width: 115px;
  text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
#wrapper .action-btn:not(.style2) {
  position: relative;
  background: #ffffff;
  color: #2275bb !important;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#wrapper .action-btn:not(.style2):before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2275bb;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#wrapper .action-btn:not(.style2):hover,
#wrapper .action-btn:not(.style2):focus,
#wrapper .action-btn:not(.style2):active {
  color: white !important;
  text-decoration: none;
}
#wrapper .action-btn:not(.style2):hover:before,
#wrapper .action-btn:not(.style2):focus:before,
#wrapper .action-btn:not(.style2):active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#wrapper .action-btn.style2 {
  position: relative;
  background: #ffffff;
  color: #ffffff !important;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#wrapper .action-btn.style2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2275bb;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#wrapper .action-btn.style2:hover,
#wrapper .action-btn.style2:focus,
#wrapper .action-btn.style2:active {
  color: #2275bb !important;
  text-decoration: none;
}
#wrapper .action-btn.style2:hover:before,
#wrapper .action-btn.style2:focus:before,
#wrapper .action-btn.style2:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
#wrapper .action-btn button {
  background: none;
  border: none;
  color: #2275bb;
  font-size: 1em;
}
#wrapper .action-btn button:hover {
  cursor: pointer;
  color: #ffffff;
}
#wrapper .action-btn.smallsize {
  font-size: 0.85em;
  min-width: auto;
}
#wrapper .intro {
  margin: 15px 0 15px 0;
  display: block;
}
#wrapper #header-autocomplete-rs ul {
  list-style-image: none;
  list-style-type: none;
}
#wrapper #header-autocomplete-rs ul li {
  background: none 0 0 no-repeat scroll transparent;
  padding: 5px 0 5px 10px;
}
#wrapper #header-autocomplete-rs ul li:hover,
#wrapper #header-autocomplete-rs ul .yui-ac-highlight {
  background: none 0 0 no-repeat scroll #2275bb;
  color: #ffffff;
}
#wrapper #header-autocomplete-rs ul .yui-ac-content {
  border: 1px #c1c1c1 solid;
  border-top: none;
}
#wrapper #header-autocomplete-rs ul .yui-ac-shadow {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#wrapper .msginfos {
  margin: 15px;
  position: relative;
  width: 95%;
}
#wrapper .msginfos span {
  display: table-cell;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  width: 25px;
}
#wrapper .msginfos span img {
  vertical-align: middle;
}
#wrapper .msginfos p,
#wrapper .msginfos div {
  display: table-cell;
  padding: 10px 20px;
  vertical-align: middle;
}
#wrapper .inputzone .msginfos {
  margin: 15px 0;
  width: 100%;
}
#wrapper .msginfo {
  background: none 0 0 no-repeat scroll #ddecff;
}
#wrapper .msginfo span {
  background: none 0 0 no-repeat scroll #559ffd;
}
#wrapper .msgvalid {
  background: none 0 0 no-repeat scroll #e4ead7;
}
#wrapper .msgvalid span {
  background: none 0 0 no-repeat scroll #789837;
}
#wrapper .msgerror {
  background: none 0 0 no-repeat scroll #f9cfcf;
}
#wrapper .msgerror span {
  background: none 0 0 no-repeat scroll #ea1111;
}
#wrapper .msgalert {
  background: none 0 0 no-repeat scroll #fce6d3;
}
#wrapper .msgalert span {
  background: none 0 0 no-repeat scroll #f18423;
}
#wrapper #customerslist li {
  border-bottom: 6px #859d23 solid;
  margin: 0 10px 0 0;
  padding: 15px 0 0 0;
  width: 45%;
}
#wrapper #customerslist li:hover {
  border-bottom-color: #2275bb;
}
#wrapper #customerslist li a {
  display: block;
  text-decoration: none;
}
#wrapper #customerslist li .active {
  border-bottom: 6px #2275bb solid;
}
#wrapper #customerslist li .itemfamille {
  background: url("../images/icons/iconvsetesfamille.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemfamille.active,
#wrapper #customerslist li .itemfamille:hover {
  background: url("../images/icons/iconvsetesfamilleactive.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemjeunes {
  background: url("../images/icons/iconvsetesjeune.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemjeunes.active,
#wrapper #customerslist li .itemjeunes:hover {
  background: url("../images/icons/iconvsetesjeuneactive.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemseniors {
  background: url("../images/icons/iconvsetessenior.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemseniors.active,
#wrapper #customerslist li .itemseniors:hover {
  background: url("../images/icons/iconvsetessenioractive.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itempresse {
  background: url("../images/icons/iconvsetespresse.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itempresse.active,
#wrapper #customerslist li .itempresse:hover {
  background: url("../images/icons/iconvsetespresseactive.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemassociations {
  background: url("../images/icons/iconvsetesassociation.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemassociations.active,
#wrapper #customerslist li .itemassociations:hover {
  background: url("../images/icons/iconvsetesassociationactive.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemprofessionnels {
  background: url("../images/icons/iconvsetespro.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemprofessionnels.active,
#wrapper #customerslist li .itemprofessionnels:hover {
  background: url("../images/icons/iconvsetesproactive.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemnouvel {
  background: url("../images/icons/iconvsetesnouvel.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemnouvel.active,
#wrapper #customerslist li .itemnouvel:hover {
  background: url("../images/icons/iconvsetesnouvelactive.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemtouristes {
  background: url("../images/icons/iconvsetestouriste.png") right 8px no-repeat scroll transparent;
}
#wrapper #customerslist li .itemtouristes.active,
#wrapper #customerslist li .itemtouristes:hover {
  background: url("../images/icons/iconvsetestouristeactive.png") right 8px no-repeat scroll transparent;
}
#wrapper .articlecontainer {
  padding: 5px;
}
#wrapper .mainonly .articlecontainer {
  padding: 5px 15px 5px 5px;
}
#wrapper #skiplink a:focus,
#wrapper #skiplink a:active {
  background: none no-repeat scroll 0 0 #ffffff;
  border: 2px #2275bb solid;
  border-top: none;
  font-weight: bold;
  left: 10665px;
  padding: 8px 0;
  position: absolute;
  text-align: center;
  top: 10060px;
  width: 18em;
}
#home #wrapper h2:not(.alternate-style) {
  font-size: 2.8em;
  margin-bottom: 25px;
  text-align: center;
}
#home #wrapper h2:not(.alternate-style) span:after {
  content: '';
  border-bottom: 1px solid #2275bb;
  width: 150px;
  display: block;
  margin: 5px auto;
}
#home #wrapper #maincontent > section {
  padding: 15px 0;
}
#home #wrapper #maincontent > section .two-cols > * {
  width: 49.5%;
  display: inline-block;
  vertical-align: top;
}
#home #wrapper #maincontent > section .two-cols > * h2 {
  font-size: 2em;
  text-align: left;
}
#home #wrapper #maincontent > section .two-cols > * h2 span:after {
  width: 0;
}
#home #wrapper #content,
#home #wrapper #content.mainonly #maincontent {
  width: 100%;
  margin: 0;
}
#home #wrapper .section-container {
  width: 1200px;
  margin: 0 auto;
}
#wrapper footer {
  background: none 0 0 no-repeat scroll #333333;
  color: #ffffff;
  position: relative;
}
#wrapper footer a {
  color: #ffffff;
}
#wrapper footer #backtotop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  background-color: #2275bb;
  text-align: center;
  display: table;
}
#wrapper footer #backtotop span {
  display: table-cell;
  vertical-align: middle;
}
#wrapper footer #backtotop span:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  display: block;
}
#wrapper footer #backtotop:hover {
  text-decoration: none;
}
#wrapper footer #footerbar {
  background: none 0 0 no-repeat scroll #2275bb;
}
#wrapper footer #footerbar .content-container {
  display: table;
}
#wrapper footer #footerbar .content-container > * {
  display: table-cell;
  vertical-align: middle;
}
#wrapper footer #footerbar #footernav {
  text-align: left;
}
#wrapper footer #footerbar #footernav ul li {
  padding: 6px 15px;
}
#wrapper footer #footerbar #footernav ul li a {
  font-family: "Arial Black";
  font-size: 1.25em;
  text-transform: uppercase;
}
#wrapper footer #footer-block {
  padding: 30px 0;
}
#wrapper footer #footer-block > div {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 30%;
}
#wrapper footer #footer-block .title {
  display: block;
  font-family: "Raleway Webfont";
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#wrapper footer #footer-block abbr {
  width: 25px;
  display: inline-block;
}
#wrapper footer #socialmedialinks p {
  display: inline-block;
  width: 135px;
  vertical-align: middle;
}
#wrapper footer #socialmedialinks ul,
#wrapper footer #socialmedialinks li a {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
#wrapper footer .address .tel {
  margin: 0 0 0 25px;
}
#wrapper footer .address .mail {
  display: block;
  margin: 10px 0 0 0;
  text-align: center;
}
#wrapper footer .address p {
  margin: 0;
  font-weight: normal;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
#wrapper footer .address p:first-child {
  padding-right: 25px;
  border-right: 1px solid #ffffff;
}
#wrapper footer .sitemap > ul > li {
  background: none 0 0 no-repeat scroll transparent;
  display: inline-block;
  margin: 10px;
  vertical-align: top;
  width: 19%;
}
#wrapper footer .sitemap ul li {
  position: relative;
}
#wrapper footer .sitemap ul li:before {
  color: #e7e7e7;
}
#wrapper footer .sitemap h3 {
  background-color: #ffffff;
  padding: 5px 8px;
}
#wrapper footer .sitemap h3 a {
  color: #2275bb;
}
#wrapper footer .sitemap a {
  color: #ffffff;
}
#wrapper #footernav .firstchild .open,
#wrapper #footernav .firstchild .close {
  display: inline-block;
  height: 16px;
  padding: 0 0 3px 0;
  vertical-align: bottom;
  width: 16px;
}
#wrapper #footernav .firstchild .open {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}
#wrapper #footernav .firstchild .open:after {
  color: #ffffff;
  content: "\e926";
  font-family: "icon_site";
  font-size: 20px;
  font-weight: normal;
  line-height: inherit;
  padding-left: 15px;
  vertical-align: -2px;
}
#wrapper #footernav .firstchild .open:after {
  position: absolute;
  top: -2px;
  right: 0px;
  vertical-align: -2px;
}
#wrapper #footernav .firstchild .close {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}
#wrapper #footernav .firstchild .close:after {
  color: #ffffff;
  content: "\e926";
  font-family: "icon_site";
  font-size: 20px;
  font-weight: normal;
  line-height: inherit;
  padding-left: 15px;
  vertical-align: -2px;
}
#wrapper #footernav .firstchild .close:after {
  position: absolute;
  top: -2px;
  right: 0px;
  vertical-align: -2px;
}
#wrapper #footernav .firstchild .close:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
  padding-right: 15px;
  padding-left: 0!important;
}
body.floating-wt div#ezwt {
  top: 50px;
}