/*!
* www.KNACSS.com V3.0.9 (2014-09-12) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* == soft reset                 */
/* ----------------------------- */
/* switching box model for all elements */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* soft reset */
html,
body {
  margin: 0;
  padding: 0;
}
ul,
ol {
  padding-left: 2em;
}
ul.unstyled {
  list-style: none;
  padding-left: 0;
}
ul.unstyled li {
  list-style-type: none !important;
}
img {
  height: auto;
  vertical-align: middle;
  border: 0;
}
blockquote,
figure {
  margin-left: 0;
  margin-right: 0;
}
audio,
canvas,
video {
  display: inline-block;
}
svg:not(:root) {
  overflow: hidden;
}
/* ----------------------------- */
/* == typography                 */
/* ----------------------------- */
html {
  /* set base font-size to equiv "10px", which is adapted to rem unit */
  font-size: 62.5%;
  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
  /* thanks to @guardian, @victorbritopro and @eQRoeil */
  font-size: -webkit-calc(0.625em);
  font-size: calc(0.625em);
  /* disallow text zooming on orientation change (non standard property) */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  /* set body font-size in em (1.4em equiv "14px") */
  font-size: 1.4em;
  background-color: #ffffff;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5;
}
a {
  color: #333333;
}
a:hover,
a:focus,
a:active {
  color: #000000;
}
/* font-sizing for content */
p,
.p-like,
ul,
ol,
dl,
blockquote,
pre,
label,
textarea,
caption,
details,
figure {
  margin-top: 0.75em;
  margin-bottom: 0;
  line-height: 1.5;
}
h1,
.h1-like {
  font-size: 3.2rem;
  font-family: Helvetica, Arial, sans-serif;
}
h2,
.h2-like {
  font-size: 2.8rem;
  font-family: Helvetica, Arial, sans-serif;
}
h3,
.h3-like {
  font-size: 2.4rem;
}
h4,
.h4-like {
  font-size: 2rem;
}
h5,
.h5-like {
  font-size: 1.8rem;
}
h6,
.h6-like {
  font-size: 1.6rem;
}
/* alternate font-sizing */
.smaller {
  font-size: 0.71em;
}
.small {
  font-size: 0.86em;
}
.big {
  font-size: 1.14em;
}
.bigger {
  font-size: 1.29em;
}
.biggest {
  font-size: 1.43em;
}
code,
pre,
samp,
kbd {
  /* IE fix */
  white-space: pre-line;
  white-space: pre-wrap;
  font-family: Consolas, 'DejaVu Sans Mono', Courier, monospace;
  line-height: normal;
}
em,
.italic,
address,
cite,
dfn,
i,
var {
  font-style: italic;
}
strong,
.bold {
  font-weight: bold;
}
small,
sub,
sup {
  font-size: smaller;
}
/* ----------------------------- */
/* == hiding content             */
/* ----------------------------- */
/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
body > script {
  display: none !important;
}
@media (max-width: 768px) {
  .no-small-screen {
    display: none;
  }
}
@media (min-width: 1280px) {
  .no-large-screen {
    display: none;
  }
}
/* ----------------------------- */
/* == browsers consistency       */
/* ----------------------------- */
/* avoid top margins on first content element */
p:first-child,
.p-like:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
/* avoid margins on nested elements */
li p,
li .p-like,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0;
}
/* max values */
img,
blockquote,
code,
pre,
textarea,
input,
video {
  max-width: 100%;
}
/* margin-bottom on tables */
table {
  margin-bottom: 20px;
}
/* ----------------------------- */
/* ==layout and modules          */
/* ----------------------------- */
/* float layout */
/* module, gains superpower "BFC" Block Formating Context */
.mod {
  overflow: hidden;
}
/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
  clear: both;
}
/* blocks that must contain floats */
.clearfix:after,
.line:after {
  content: "";
  display: table;
  clear: both;
  border-collapse: collapse;
}
/* table layout */
.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.row > *,
.col {
  display: table-cell;
  vertical-align: top;
}
/* inline-block */
.inbl {
  display: inline-block;
  vertical-align: top;
}
/* alignments (blocks and inline) */
/* ------------------------------ */
/* left (or starting) elements */
.left,
.start {
  float: left;
}
img.left,
img.start {
  margin-right: 10px;
}
/* right (or ending) elements */
.right,
.end {
  float: right;
}
img.right,
img.end {
  margin-left: 10px;
}
img.left,
img.right,
img.start,
img.end {
  margin-bottom: 5px;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.txtleft {
  text-align: left;
}
.txtright {
  text-align: right;
}
.txtcenter {
  text-align: center;
}
/* 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 {
  margin: 0;
}
.pan {
  padding: 0;
}
.mas {
  margin: 10px;
}
.mam {
  margin: 20px;
}
.mal {
  margin: 40px;
}
.pas {
  padding: 10px;
}
.pam {
  padding: 20px;
}
.pal {
  padding: 40px;
}
.mtn {
  margin-top: 0;
}
.mts {
  margin-top: 10px;
}
.mtm {
  margin-top: 20px;
}
.mtl {
  margin-top: 40px;
}
.mrn {
  margin-right: 0;
}
.mrs {
  margin-right: 10px;
}
.mrm {
  margin-right: 20px;
}
.mrl {
  margin-right: 40px;
}
.mbn {
  margin-bottom: 0;
}
.mbs {
  margin-bottom: 10px;
}
.mbm {
  margin-bottom: 20px;
}
.mbl {
  margin-bottom: 40px;
}
.mln {
  margin-left: 0;
}
.mls {
  margin-left: 10px;
}
.mlm {
  margin-left: 20px;
}
.mll {
  margin-left: 40px;
}
.ptn {
  padding-top: 0;
}
.pts {
  padding-top: 10px;
}
.ptm {
  padding-top: 20px;
}
.ptl {
  padding-top: 40px;
}
.prn {
  padding-right: 0;
}
.prs {
  padding-right: 10px;
}
.prm {
  padding-right: 20px;
}
.prl {
  padding-right: 40px;
}
.pbn {
  padding-bottom: 0;
}
.pbs {
  padding-bottom: 10px;
}
.pbm {
  padding-bottom: 20px;
}
.pbl {
  padding-bottom: 40px;
}
.pln {
  padding-left: 0;
}
.pls {
  padding-left: 10px;
}
.plm {
  padding-left: 20px;
}
.pll {
  padding-left: 40px;
}
/* ---------------------------------- */
/* ==classic grids                    */
/* .. use it when gutter size matters */
/* ---------------------------------- */
/* grids inspired from SUIT https://github.com/suitcss/suit */
/* overall container of grids */
.grid {
  overflow: hidden;
}
/* global styles for direct child ex. .grid3 */
.grid > * {
  display: block;
  padding: 0;
  /* gutter value */
  margin-left: -20px;
  text-align: left;
}
/* global styles for each "cell" */
.grid > * > * {
  display: inline-block;
  /* gutter value */
  padding-left: 20px;
  margin-left: 0;
  vertical-align: top;
}
/* whitespace fixing for modern browsers including IE9+ */
:root .grid {
  font-size: 0;
  /* fallback for IE9+ */
  text-justify: distribute-all-lines;
}
:root .grid > * > * {
  /* fallback for Opera Mini */
  font-size: 14px;
  font-size: 1.4rem;
}
/* Opera hack */
.opera:-o-prefocus,
.grid > * {
  word-spacing: -0.43em;
}
.grid2 > * {
  width: 50%;
}
.grid3 > * {
  width: 33.333%;
}
.grid4 > * {
  width: 25%;
}
.grid5 > * {
  width: 20%;
}
.grid6 > * {
  width: 16.667%;
}
.grid8 > * {
  width: 12.5%;
}
.grid10 > * {
  width: 10%;
}
.grid12 > * {
  width: 8.333%;
}
/* unequal grids (1-2, 2-1, 1-3 and 3-1) for 2 blocks */
.grid2-1 > *:first-child,
.grid1-2 > * + * {
  width: 66.666%;
}
.grid1-2 > *:first-child,
.grid2-1 > * + * {
  width: 33.333%;
}
.grid1-3 > *:first-child,
.grid3-1 > * + * {
  width: 25%;
}
.grid3-1 > *:first-child,
.grid1-3 > * + * {
  width: 75%;
}
/* ----------------------------- */
/* ==tables                      */
/* ----------------------------- */
.table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
  border: 1px solid #ccc;
}
.table {
  display: table;
}
table#recaptcha_table,
table.table-auto {
  table-layout: auto;
}
caption {
  padding: 10px;
  color: #555;
  font-style: italic;
}
/* ----------------------------- */
/* ==forms                       */
/* ----------------------------- */
/* thanks to HTML5boilerplate,
* github.com/nathansmith/formalize and www.sitepen.com
*/
/* buttons */
.btn {
  display: inline-block;
}
/* forms items */
form,
fieldset {
  border: none;
}
/*
input,
button,
select,
label,
.btn {
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
}
label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
legend {
  border: 0;
  white-space: normal;
}*/
textarea {
  min-height: 5em;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  resize: vertical;
}
/* clickable input types in iOS */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */
/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
::-webkit-input-placeholder {
  color: #777;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #777;
}
/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* ----------------------------- */
/* ==icons and bullets	         */
/* ----------------------------- */
.icon {
  display: inline-block;
}
.icon:before,
.icon.after:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  margin: 0 0.3em 0 0;
  font: 1.4em/1 sans-serif;
  color: #000;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  speak: none;
}
@media (min-device-width: 768px) {
  .icon:before,
  .icon.after:after {
    font: 1em/0.6 sans-serif;
    -webkit-transform: rotateZ(0.05deg);
  }
}
.icon.after:after {
  margin: 0 0 0 8px;
}
.icon.after:before {
  content: "" !important;
}
.icon-rate:before,
.icon-rate.after:after {
  content: "\2605";
}
.icon-unrate:before,
.icon-unrate.after:after {
  content: "\2606";
}
.icon-check:before,
.icon-check.after:after {
  content: "\2713";
}
.icon-uncheck:before,
.icon-uncheck.after:after {
  content: "\2717";
}
.icon-cloud:before,
.icon-cloud.after:after {
  content: "\2601";
}
.icon-dl:before,
.icon-dl.after:after {
  content: "\21E3";
  font-weight: bold;
}
.icon-cross:before,
.icon-cross.after:after {
  content: "\2716";
  font-weight: bold;
}
.icon-arrow1:before,
.icon-arrow1.after:after {
  content: "\2192";
  position: relative;
  top: -0.15em;
}
.icon-arrow2:before,
.icon-arrow2.after:after {
  content: "\279E";
}
.icon-arrow3:before,
.icon-arrow3.after:after {
  content: "\279A";
}
.icon-bracket1:before,
.icon-bracket1.after:after {
  content: "\2039";
  font-weight: bold;
  font-size: 1.6em;
  position: relative;
  top: -0.15em;
}
.icon-bracket2:before,
.icon-bracket2.after:after {
  content: "\203A";
  font-weight: bold;
  font-size: 1.6em;
  position: relative;
  top: -0.15em;
}
.icon-up:before,
.icon-up.after:after {
  content: "\25B2";
}
.icon-down:before,
.icon-down.after:after {
  content: "\25BC";
}
.icon-bull:before,
.icon-bull.after:after {
  content: "\2022";
  font-size: 1.2em;
  top: -0.05em;
}
.icon-bull2:before,
.icon-bull2.after:after {
  content: "\25E6";
  top: -0.05em;
}
.icon-bull3:before,
.icon-bull3.after:after {
  content: "\2023";
  font-size: 1.6em;
  top: -0.05em;
}
.icon-nav:before,
.icon-nav.after:after {
  content: "\2261";
  font-weight: bold;
}
.icon-losange:before,
.icon-losange.after:after {
  content: "\25C6";
}
.icon-asteri:before,
.icon-asteri.after:after {
  content: "\2731";
  font-weight: bold;
}
.icon-mail:before,
.icon-mail.after:after {
  content: "\2709";
  font-size: 1.6em;
  top: -0.05em;
}
/* ----------------------------- */
/* ==desktop and HD devices      */
/* ----------------------------- */
@media (min-width: 1025px) {
  /* rules for big resources and big screens like: background-images, font-faces, etc. */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  /* style adjustments for high density devices */
}
/* ---------------------------------- */
/* ==Responsive large                 */
/* ---------------------------------- */
@media (min-width: 1025px) {
  /* grid rwd for large screens */
  .grid5 > *,
  .grid6 > *,
  .grid8 > *,
  .grid10 > *,
  .grid12 > * {
    width: 33.333%;
  }
}
/* ---------------------------------- */
/* ==Responsive small                 */
/* ---------------------------------- */
@media screen and (min-width: 481px) and (max-width: 768px) {
  /* quick small resolution reset */
  .mod,
  .col,
  fieldset {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
  /* quick reset in small resolution and less */
  .w600p,
  .w700p,
  .w800p,
  .w960p,
  .mw960p {
    width: auto;
    float: none;
  }
  /* grid rwd for small screens */
  .grid3 > *,
  .grid4 > *,
  .grid5 > *,
  .grid6 > *,
  .grid8 > *,
  .grid10 > *,
  .grid12 > * {
    width: 50%;
  }
}

@media (max-width: 480px) {
    .small-hidden {
	display: none !important;
    }
}

@media (max-width: 700px) {
    .less700-hidden {
	display: none !important;
    }
}

@media (max-width: 999px) {
    .less1000-hidden {
	display: none !important;
    }
}

/* ---------------------------------- */
/* ==Responsive tiny                  */
/* ---------------------------------- */
@media (max-width: 320px) {
    .tiny-hidden {
	display: none !important;
    }
}

@media (max-width: 480px) {
  .w300p,
  .w400p,
  .w500p {
    width: auto;
    float: none;
  }
  .row {
    display: block !important;
    width: 100% !important;
  }
  /* grid rwd for tiny screens */
  .grid > * > * {
    width: 100% !important;
  }
}
/* flexbox layout 
Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-h {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-fluid {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-start {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.flex-mid {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.flex-end {
  -webkit-box-ordinal-group: 43;
  -webkit-order: 42;
  -ms-flex-order: 42;
  order: 42;
}
/* quick print reset */
@media print {
  * {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    width: auto !important;
    margin: auto !important;
    font-family: serif;
    font-size: 12pt;
    background-color: #fff !important;
    color: #333 !important;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  ul,
  ol {
    color: #000 !important;
    margin: auto !important;
  }
  .print {
    display: block;
  }
  .no-print {
    display: none;
  }
  img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  /* no orphans, no widows */
  p,
  blockquote {
    orphans: 3;
    widows: 3;
  }
  /* no breaks inside these elements */
  blockquote,
  ol {
    page-break-inside: avoid;
  }
  /* no breaks after these elements */
  h1,
  h2,
  h3,
  caption {
    page-break-after: avoid;
  }
  a {
    color: #000 !important;
    text-decoration: none !important;
  }
  /* displaying URLs */
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
}
/* ----------------------------- */
/* ==booleans                    */
/* ----------------------------- */
/* styling skip links */
.skip-links {
  position: absolute;
}
.skip-links a {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0.5em;
  background: black;
  color: white;
  text-decoration: none;
}
.skip-links a:focus {
  position: static;
  overflow: visible;
  clip: auto;
}
@media (max-width: 768px) {
  /* you shall not pass */
  div,
  textarea,
  code,
  pre,
  samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
/* ----------------------------- */
/* ==gmaps support               */
/* ----------------------------- */
/* Google Gmap3 bug fix on images */
.gm-style img {
  height: 100%;
}
:not(.gm-style) img {
  height: auto;
}
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
  max-width: none !important;
}
/* ----------------------------- */
/* ==IE6, IE7, IE8 support       */
/* ----------------------------- */
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
.ie67 * {
  behavior: url(/js/boxsizing.htc);
}
.ie678 h1,
.ie678 .h1-like {
  font-size: 2.29em;
}
.ie678 h2,
.ie678 .h2-like {
  font-size: 2em;
}
.ie678 h3,
.ie678 .h3-like {
  font-size: 1.71em;
}
.ie678 h4,
.ie678 .h4-like {
  font-size: 1.43em;
}
.ie678 h5,
.ie678 .h5-like {
  font-size: 1.29em;
}
.ie678 h6,
.ie678 .h6-like {
  font-size: 1.14em;
}
/* @bugfix for IE8 */
.ie678 img {
  width: auto;
}
.ie678 .gm-style img {
  height: 100%;
}
/* hasLayout for IE6/IE7 */
.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,
.ie67 .row,
.ie67 .col {
  zoom: 1;
}
/*! inline-block and table-cell for IE6/IE7 */
/*! warning: .col needs width on IE6/IE7 */
.ie67 .btn,
.ie67 .col,
.ie67 .inbl {
  display: inline;
  zoom: 1;
}
/* old syntax of clip for IE6/IE7 */
.ie67 .visually-hidden {
  clip: rect(1px 1px 1px 1px);
}
/* IE8 grid hack */
.ie8 .grid > * {
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}
.ie8 .grid > * > * {
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
}
/* IE7 grid hack */
.ie67 .grid > * > * {
  display: inline;
  zoom: 1;
}
/* forms */
/* Corrects excess space around these inputs in IE8/9 */
.ie678 input[type="checkbox"],
.ie678 input[type="radio"] {
  padding: 0;
}
/* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
.ie678 textarea {
  overflow: auto;
}
/* ----------------------------- */
/* ==minor stylings              */
/* ----------------------------- */
/* styling elements */
code,
kbd,
mark {
  border-radius: 2px;
}
kbd {
  padding: 0 2px;
  border: 1px solid #999;
}
code {
  padding: 2px 4px;
  background: rgba(0, 0, 0, 0.04);
  color: #b11;
}
pre code {
  padding: none;
  background: none;
  color: inherit;
  border-radius: 0;
}
mark {
  padding: 2px 4px;
  background: #ff0;
}
sup,
sub {
  vertical-align: 0;
  position: relative;
}
sup {
  bottom: 1ex;
}
sub {
  top: 0.5ex;
}
blockquote {
  position: relative;
  padding-left: 3em;
}
blockquote:before {
  content: "\201C";
  position: absolute;
  left: 0;
  top: 0;
  font-family: georgia, serif;
  font-size: 5em;
  line-height: 0.9;
  color: rgba(0, 0, 0, 0.3);
}
blockquote > footer {
  margin-top: .75em;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.7);
}
blockquote > footer:before {
  content: "\2014 \0020";
}
q {
  font-style: normal;
}
q,
.q {
  quotes: "“\00a0" "\00a0”";
}
q:lang(fr),
.q:lang(fr) {
  quotes: "«\00a0" "\00a0»";
}
hr {
  display: block;
  clear: both;
  height: 1px;
  margin: 1em 0 2em;
  padding: 0;
  border: 0;
  color: #ccc;
  background-color: #ccc;
}
/* alternate tables */
.alternate {
  border: 0;
}
.alternate tbody {
  border: 1px solid #ccc;
}
.alternate thead tr > * + * {
  border-left: 0;
}
.alternate tbody tr > * + * {
  border-left: 1px solid #ccc;
}
/* alternate-vert tables */
.alternate-vert {
  border: 0;
  border-right: 1px solid #ccc;
}
.alternate-vert tr > :first-child {
  border-bottom: 0;
}
.alternate-vert tr > * + * {
  border-top: 1px solid #ccc;
}
/* striped tables */
.striped tbody tr:nth-child(odd) {
  background: #eee;
  background: rgba(0, 0, 0, 0.05);
}
/* striped-vert tables */
.striped-vert tr > :first-child {
  background: #eee;
  background: rgba(0, 0, 0, 0.05);
}
/* ----------------------------- */
/* ==own stylesheet              */
/* ----------------------------- */
/* Here should go your own CSS styles */
/* You can also link them with a LESS @import */
/* @import "my-styles.less"; */
body {
/*    max-width: 1140px;*/
/*    margin: 0px auto;*/
}

.fa { margin-right: 5px; }
.fa-right { margin-left: 5px; margin-right: 0;}

ul.iconic { padding-left: 7px; }
ul.iconic li { list-style-type: none !important; }
ul.iconic .fa { display: inline-block; width: 15px; text-align: center; }
/* Classes génériques pour compléter celles de knacss */
img.vatb { vertical-align: text-bottom; }
.nowrap { white-space: nowrap; }
.block { display: block; }

@media screen and (max-width: 768px) { 
  .pconly { display: none; }
}

@media screen and (max-width: 1220px) {
   #sthoverbuttons { display: none; }
}

.line {
  max-width: 1140px;
  margin: 0px auto;
}

.thetitle {
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 0px; 
  color: #ffffff;  
}

footer {
  max-width: 1140px;
  margin: 0px auto;
}

#onglets { 
  padding-top: 6px;
  max-width: 1180px;
  margin: 0 auto;
}

/****************/
/*    HEADER    */
/****************/
/* logo */
.logosite { float: left; display: block; margin: 5px 0; font-size: 30px; font-weight: bold; text-decoration: none; }
.ie678 .logosite { width: 300px; }
.logosite img { margin: 0 5px; }

@media (max-width: 359px) {
  .logosite { font-size: 24px;  }
}
/* Recherche dans header */

#targetsearch { margin-top: 10px; padding: 0 5px; }
#ggsearch .gsc-search-button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#ggsearch .gsc-input-box {  border-color: white; }
#ggsearch { width: 100%; display: inline-block; height: 41px; }
.gsc-search-button-v2 { margin-top: 5px !important; }
.gsc-search-button-v2 { padding: 6px 10px !important; }
.gsc-input { padding-right: 3px !important; }

/* download boutique */
.dlboutique { float: right; text-align: center; padding: 10px 0; margin: 0 10px;}
.dlboutique > a { padding: 5px; border-radius: 5px; text-decoration: none; }
.dlboutique > a:hover, .dlboutique > a:focus, .dlboutique > a:active { text-decoration: underline; }
/* Bouton panier */
#panier { float: right; text-align: center; padding: 10px 0; margin: 0 10px;}

/* Bouton recherche en entête */
#topsearch { text-align: right; margin: 4px 4px 0 0;}
#topsearch > form > input[type='submit'] { font-family: fontawesome-webfont; background-color: transparent; border: 0; color: white; }
@media screen and (min-width: 1000px) { 
    #topsearch > form > input[type='text'] { font-size: 18px; width: 300px; }
}

#ressearch > form { margin: 16px 0 32px 0; text-align: center; }
#ressearch > form > input[type='text'] { font-size: 20px; opacity: .87;  }
#ressearch > form > input[type='submit'] { font-family: fontawesome-webfont; background-color: transparent; border: 0; }

@media screen and (max-width: 360px) { 
    #topsearch { margin-top: 24px; }
}
@media screen and (max-width: 359px) { 
    #topsearch { margin-top: 16px; }
}


/* Bouton recherche etab en bas */
#rechetab { display: inline-block; text-align: center; padding: 10px 0; margin: 0 0 10px 0 ; padding: 5px; border-radius: 5px; text-decoration: none; }
#rechetab:hover, #rechetab:focus, #rechetab:active { text-decoration: underline; }

@media screen and (max-width: 768px) { 
/*    .logosite { font-size: 20px; }*/
/*    #ggsearch { width: 240px; padding-top: 7px; }
    .gsc-search-button-v2 { padding: 6px 10px !important; }
    .gsc-input { padding-right: 3px !important; }*/
    .dlboutique > a { font-size: 12px; }    
/*    #topsearch > a { font-size: 12px; }    */
    .dlboutique { padding: 0 0 5px 0; margin-top: 10px; }
/*    #topsearch { padding: 0 0 5px 0; margin-top: 10px; }*/
}

@media screen and (max-width: 479px) { 
/*    #ggsearch { width: 180px; padding: 0 10px 0 0; }*/
    .dlboutique { margin-top: 0; }
/*    #topsearch { margin-top: 0; clear: both; }*/
}

/* Menu du haut */
#navigation { clear: both; }
#navigation > ul { clear: both; font-size: 20px; font-weight: bold; vertical-align: top; text-align: right; padding: 2px 0; }
#navigation > ul > li { display: inline-block; padding-left: 24px; }
#navigation > ul > li > a { font-weight: 300; text-decoration: none; }
.ie67 #navigation > ul > li { zoom: 1; display: inline; }

@media (max-width: 360px) {
  #navigation > ul > li { padding-left: 8px; }
}

@media (max-width: 320px) {
  #navigation > ul > li { padding-left: 4px; }
}


/* Fil d'ariane */
.breadcrumb { margin-left: 16px; margin-right: 10px; margin-bottom: 8px; padding-top: 16px; color: #4D4D4D; }
.breadcrumb > span { white-space: nowrap; }
.breadcrumb > span > a {color: #4D4D4D; }

/* Onglets */
#suponglets { overflow-x: auto; overflow-y: hidden;}
#onglets > ul { margin: 0; padding: 0; list-style-type: none;  position: relative; display: block; font-size: 13px; font-weight: bold; white-space: nowrap; text-align: left; }
#onglets > ul li { display: inline-block;  margin: 0; padding: 0; }
.ie67 #onglets > ul li { zoom: 1; display: inline; }
#onglets > ul li a { text-decoration: none; font-weight: 300; padding: 4px 20px 4px 20px; display: inline-block;}
.ie67 #onglets > ul li a { zoom: 1; display: inline; }
#onglets > ul li.actif {  padding: 4px 20px 4px 20px; }

/* Liens Précédent / Suivant */
.prevnext { overflow: auto; }
.prevnext.top { clear: both; padding: 6px 10px 0; }
.prevnext.bottom {clear: both; padding: 0px 10px 6px; }

/* CONTENU */
#content1, #content > div { padding: 15px 2%; }
#content { max-width: 100%; }

/* Grids */
@media (max-width: 639px) {
  .grid2 > * { width: 100%; }
}
@media (max-width: 1024px) {
    .grid4 > * { width: 25%; }
}
@media (max-width: 768px) {
    .grid4 > * { width: 50%; }
}
@media (max-width: 480px) {
    .grid > * > * { width: 100% !important; margin-top: 20px; }
    footer #partenaire a { padding: 0 5%; }
}

/* SIDEBAR */
#sidebar { padding: 15px 2%; }
#sidebar li { list-style-type: none; }
.large-w33 { width: 33.3333%; }
.large-w66 { width: 66.6666%; }
@media (max-width: 1024px) {
    .large-w33 { width: 100%; }
    .large-w66 { width: 100%; }
}
ul.voisins > li {
  margin-bottom: 8px;
}

/* pied de page */
footer { margin-bottom: 20px; }
@media (max-width: 1140px) {
    footer { border-radius: 0 ; margin-bottom: 0; }
}
footer ul { list-style-type: none; }
footer { height: 100%; overflow: auto; padding: 10px; }
footer #legal { text-align: right; }
footer p, footer ul {  padding: 10px; font-size: 13px; }
footer #links { text-align: center; }
footer ul#links li { display: inline-block; padding: 0 10px;  }
.ie67 footer ul#links li  { zoom: 1; display: inline; } /* ie67 */
footer a:hover { text-decoration: none; }
footer #plandusite > ul > li { width: 242px; display: inline-block; vertical-align: top; }
.ie67 footer #plandusite > ul > li  { zoom: 1; display: inline; } /* ie67 */
footer a { text-decoration: none; }
footer span.titre { font-weight:bold; padding-left:10px; font-size:15px; opacity: .7; }

.banniere { margin-left: 10px; margin-top: 19px; color: #333; } 
.banniere > .ban_titre { font-weight: bold; }
.banniere a { text-decoration: underline; }

@media (max-width: 799px) {
    .breadcrumb { line-height: 2; }
    .prevnext.top { padding: 15px 10px 0; }
    footer ul {
	padding: 0;
	margin: 0;
    }
    footer li {
	border-radius: 5px;
	padding: 0px;
	margin: 5px 0;
    }
    footer li > a {
	padding: 8px;
	text-decoration: none;
	display: block;
	width: 100%;
    }
    
    #sidebar li { padding: 5px 0;}
}

footer #partenaire {
    margin: 10px 10px 0 10px;
    padding: 20px 0;
    border-top: 3px solid white;
    border-bottom: 3px solid white;
    text-align: center;
}
footer #partenaire a {
    padding: 0 50px;
}

ul.twocols li { display: inline-block; padding-right: 10px; }
.ie67 ul.twocols li { zoom: 1; display: inline; }

footer a:hover > .fa-square:before { content: '\f152'; } 
footer a:focus > .fa-square:before { content: '\f152'; } 
footer a:active > .fa-square:before { content: '\f152'; } 

/* Bannière */
.banssmenu { margin: 0; }
.banssmenu + .grid { margin-top: 10px; }

/* H1 et .subh1 */
section > h1 { clear: both; margin: 16px 0 0 16px; padding: 0; font-size: 3rem; text-align: left; font-weight: 300; }
section > .subh1 { font-size: 1.8rem; text-align: left; margin: -7px 0 0 16px;  padding: 0; color: #4D4D4D; }
h1 + #page  { margin-top: 15px; }
h1 + #onglets { margin-top: 15px; }
.subh1 + #page  { margin-top: 15px; }
.subh1 + #onglets { margin-top: 15px; }

@media (max-width: 799px) {
    section > h1 { font-size: 2rem; margin: 10px 10px 0; }    
    section > .subh1 { font-size: 1.5rem; }
}
@media (max-width: 480px) {
    section > h1 { 
	margin-top: 10px;
    }
}

.rt { float: right; font-size: smaller; margin: 4px 10px; }

/* H2 */
#content h2, #sidebar h2, #Page_CLIS #content1 h2 { font-size: 2rem; margin: 20px 0 10px 0; padding: 0; clear: both; }
#Page_Annuaire0 #content1 h2, #content h2 { font-size: 2.4rem; font-family: "Times New Roman", Georgia, Serif; }
#content h2:first-child, #sidebar h2:first-child, , #Page_CLIS #content1 h2:first-child { 
    margin-top: 0; 
}
#content h2, #Page_CLIS #content1 h2 { 
    padding-left: 0px;
}
#sidebar h2 {
    padding-left: 10px;
    position: relative;
    margin-bottom: 0;
/*    cursor: pointer;*/
}

h2 > div.subtitle {
    font-size: 14px;
    font-weight: normal;
    opacity: 0.54;
}

/*
#sidebar h2.opened:after {
    content: "\25BC  ";
    font-size: 1.5rem;
    position: absolute;
    right: 6px;
    top: 3px;
}
#sidebar h2:after {
    content: "\25BA  ";
    font-size: 1.5rem;
    position: absolute;
    right: 6px;
    top: 3px;
}

#sidebar h2.fixe:after {
    content: "";
}
*/
#sidebar h2 + ul {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    background-color: #fff;
    margin-top: 0;
}

/* H3 */
#page h3 { font-size: 1.8rem; margin: 20px 0 10px 4px; padding: 0; }
#page h2 + h3 { 
    margin-top: 0; 
}

/* H4 */
#page h4 { font-size: 1.6rem; margin: 10px 0 5px 8px; padding: 0; font-weight: normal; }
#page h3 + h4 { 
    margin-top: 0; 
}

/* H5 */
#page h5 { font-size: 1.5rem; margin: 10px 0 5px 11px; padding: 0; font-weight: normal; }
#page h4 + h5 { 
    margin-top: 0; 
}

/* H6 */
#page h6 { font-size: 1.4rem; margin: 10px 0 5px 14px; padding: 0; font-weight: normal; }
#page h5 + h6 { 
    margin-top: 0; 
}

/* ASOLISTE */
ul.asoliste { list-style-type: none; padding-left: 0; margin-top: 0; padding-bottom: 8px;}
ul.asoliste > li { }
@media (max-width: 799px) {
    ul.asoliste {
	padding: 0;
	margin: 0;
    }
    ul.asoliste > li {
	border: 1px dotted #E0E0E0;
	border-radius: 5px;
	padding: 8px;
	margin: 5px 0;
    }

    ul.asoliste > li > a {
/*	padding: 8px;*/
	text-decoration: none;
	display: block;
    }
    ul.asoliste > li > i {
	padding: 8px;
	display: block;
    }
}

/* Liens d'accès rapide */
.accesrap > a { padding: 6px; border-radius: 5px; line-height: 36px; }
.accesrap > a { text-decoration: none; }

/* Bouton APPELER */
.appeler { border-radius: 5px; padding: 3px 6px; margin: 5px; display: inline-block; text-decoration: none; font-size: small; margin-left: 15px; }
.ie67 .appeler { zoom: 1; display: inline }  /* ie67 */
.appelerSommaire { border-radius: 5px; padding: 3px 6px; margin-top: 16px; display: inline-block; text-decoration: none; font-size: small; }
.ie67 .appelerSommaire { zoom: 1; display: inline }  /* ie67 */

/* Bouton EMAIL_LIVRET */
.email_livret { border-radius: 5px; padding: 3px 6px; margin: 5px; display: inline-block; text-decoration: none; font-size: small; margin-left: 15px; }
.ie67 .email_livret { zoom: 1; display: inline }  /* ie67 */

/* Bouton ERREURTEL */
.erreurtel { margin-left: 0px; margin-bottom: 10px; padding: 2px 3px; font-size: small; background-color: #c69c48; border-radius: 3px; border: 1px solid #c69c48; cursor: pointer; display: inline-block; }
.ie67 .erreurtel { zoom: 1; display: inline }  /* ie67 */
.erreurtelmerci { margin-left: 20px; padding: 2px 3px; font-size: small; background-color: #c69c48; border-radius: 3px; border: 1px solid #c69c48; }
#diverreurtel { display: none; background-color: #ddd; }

/* Retrait avec trait */
.retrait { padding: 10px; font-size: 110%;}
.retrait a {   color: #212121; }
.retraitTitre { color: #212121; font-weight: 700; opacity: 0.7; font-size: 140%; }

.addthis_inline_share_toolbox { height: 31px; margin-top: 10px; }

/* OUVRAGE */
.ouvrage_image { width: 70px; text-align: center; }
.ouvrage:hover { border-radius: 10px; }

/* CVs */
.cvs { padding: 0; margin: 0; }
.cvs li { display: block; padding: 0; margin: 10px 0; overflow: auto; }
.cvs li div + div { margin-left: 70px; }
.cv_image { width: 65px; text-align: center; padding: 5px; }
.cvhead { margin-left: 70px; }
.dlcv { text-align: center; padding: 10px 0; }
.dlcv > a { padding: 10px; border-radius: 5px; text-decoration: none; }

/* OFFRE D'EMPLOI */
.sponsor { margin-top: 10px; }
.sponsor > div { text-align: right; font-size: x-small; padding: 4px 4px 0 0; }
.sponsor ul, ul.jobs { padding: 0; margin: 0; list-style-type: none; }
.sponsor ul > li, ul.jobs > li {padding: 10px; }


/* ETABS / CERCLES FERMES */
.etabferme { color: red; font-size: 2.4rem; text-align: center; font-variant: small-caps; }

/* Dépôt CV */
#photoblock {
    float: left;
    text-align: center;
}
#photoupload {
    width: 142px !important;
    height: 182px !important;
    border: 1px solid black;
}
#croptools { float: left; width: 120px; text-align: center;}
#croptools > i { cursor: pointer; font-size: 2em; width: 45px; color: #666;}
#croptools > i:hover { color: #000; }
#croptools #docrop { color: green; }
#croptools #cropcancel { color: red; }
.photobutton { cursor: pointer; padding: 3px 6px; line-height: 2; border-radius: 4px; background-color: #f7e7d8; }
#file { display: none; }
#croptools { display: none; }
#photohelp { display: none; }

/* FAQ */
.question { font-weight: bold; }

/* Page_Portail */
#Page_Portail #content1 { padding: 0; }
#Page_Portail .grid2 { margin: 0; padding: 0; }
@media (max-width:960px) {
  #Page_Portail .grid2 > * { width: 100%; margin-top: 0;}
}

#Page_Portail h1 { padding: 20px 0 0; }
.portail1 > div { background: url(../images/accueil1.jpg) no-repeat 0 8px; height: 200px; }
.portail2 > div { background: url(../images/accueil2.jpg) no-repeat 0 8px; height: 200px; }
.portail3 > div { background: url(../images/accueil3.jpg) no-repeat 0 8px; height: 200px; }
.portail4 > div { background: url(../images/accueil4.jpg) no-repeat 0 8px; height: 200px; }
.portail > div > p { margin-left: 140px; margin-right: 20px; padding-top: 8px; color: #faf6eb; font-size: 140%;}
@media (max-width:480px) { .portail > div > p { font-size: 110%;} }
@media (max-width:320px) { .portail > div > p { font-size: 100%;} }
.portailgo { display: inline-block; float: right; text-align: right; font-size: 160%; margin: 0 16px 16px 0; color: #faf6eb; text-decoration: none; border-bottom: 1px solid #fff;}
.portailgo:hover, .portailgo:focus, .portailgo:active { color: #f7e7d8; }
.portailgo > span { position: relative; top: 3px;}

/* Page EmploiRecherche */
#Page_EmploiRecherche.Tab_demandes_depot #content ul { padding-left: 0.6em; }
#Page_EmploiRecherche.Tab_demandes_depot #content li { list-style-type: none; }
#Page_EmploiRecherche.Tab_demandes_depot #cv_pdf_link > canvas { margin-right: 5px; }
#Page_EmploiRecherche.Tab_demandes_depot #cgv_dlg { display: none; }
#Page_Emploi.Tab_offre_depot #cgv_dlg { display: none; }
#Page_Emploi.Tab_offre_depot #loading { display: none; }
#Page_Emploi.Tab_offre_depot .ui-autocomplete-loading + #loading { display: inline; }

#Page_EmploiRecherche.Tab_demandes_depot .todotxt { text-align: left; margin-left: 10px;}
dl.tarifs { padding: 10px 0; margin: 0 0 20px; }
dl.tarifs dt { display: inline-block; width: 40%; text-align: right;}
dl.tarifs dd { display: inline-block; width: 40%; }
#sidebar .sideinfo { padding: 7px; margin: 0 0 15px; }

/* Page Annuaire0 */
/* Page Emploi0 */
/* Page Annuaire */
.gdecat { padding: 4px 0 0 0; margin: 0 0 16px 0; }
.gdecat h2 { margin: 0 0 4px 140px; border: 0; font-size: 2rem;}
#Page_Annuaire .gdecat h2 { margin: 0 0 4px 140px; border: 0; font-size: 2rem;}
.gdecat p { margin: 0 0 0 140px; line-height: 16px; min-height: 60px; }
.cat1 { background: url(../images/image1.jpg) no-repeat 0 8px; }
.cat2 { background: url(../images/image2.jpg) no-repeat 0 8px; }
.cat3 { background: url(../images/image3.jpg) no-repeat 0 8px; }
.cat4 { background: url(../images/image4.jpg) no-repeat 0 8px; }
.cat5 { background: url(../images/image5.jpg) no-repeat 0 8px; }
.cat6 { background: url(../images/image6.jpg) no-repeat 0 8px; }
.catcv { background: url(../images/catcv.jpg) no-repeat 0 8px; }
.catemploye { background: url(../images/catemploye.jpg) no-repeat 0 8px; }
.catetab { background: url(../images/catetab.jpg) no-repeat 0 8px; }
.catmdph { background: url(../images/catmdph.jpg) no-repeat 0 8px; }
.catclis { background: url(../images/catclis.jpg) no-repeat 0 8px; }
.catoffremploi { background: url(../images/catoffremploi.jpg) no-repeat 0 8px; }
.catorg { background: url(../images/catorg.jpg) no-repeat 0 8px; }
.catdepotoffre { background: url(../images/catdepotoffre.jpg) no-repeat 0 8px; }
.casf1 { background: url(../images/casf1.jpg) no-repeat 0 8px; }
.casf2 { background: url(../images/casf2.jpg) no-repeat 0 8px; }
.casf4 { background: url(../images/casf4.jpg) no-repeat 0 8px; }
.casf5 { background: url(../images/casf5.jpg) no-repeat 0 8px; }
.catdemarche { background: url(../images/catdemarche.jpg) no-repeat 0 8px; }
.catcode { background: url(../images/catcode.jpg) no-repeat 0 8px; }
.codechemin { text-indent: -15px; }
.codechemin:before { content: '\230e'; }

.candidats, .recruteurs { font-weight: bold; font-size: 3rem; text-transform: uppercase; text-align: left; padding: 0; margin: 16px 0 4px 0; color: white; font-family: "Times New Roman", Georgia, Serif; }
@media screen and (max-width: 480px) {
    .gdecat h2 { margin-left: 0; }
    #Page_Annuaire .gdecat h2 { margin-left: 0; }
    .gdecat p { margin-left: 0; min-height: initial; }
    .cat1, .cat2, .cat3, .cat4, .cat5, .cat6, .catcv, .catemploye, .catetab, .catmdph, .catclis, .catoffremploi, .catorg, .catdepotoffre, .casf1, .casf2, .casf4, .casf5, .catdemarche, .catcode { background: none; }
}

/* Page Annuaire1 */
#Page_Annuaire1 h2 { font-size: 1.8rem; margin: 20px 0 0 0; }
@media (max-width: 799px) {
    #Page_Annuaire1 h2 { font-size: 1.6rem; margin: 30px 0 0 0; }
}

/* Page Annuaire2 */
@media (max-width: 799px) {
    #Page_Annuaire2 h2 { font-size: 1.6rem; margin: 30px 0 0 0;  }
}

#Page_Annuaire2 #tooltip { position:absolute; visibility: hidden; }
#Page_Annuaire2 .carte { text-align: center; margin: 10px; }
#Page_Annuaire2 .carte img { border: 0; }
#Page_Annuaire2 #tooltip { border: 1px solid #aaaaaa; padding: 1px; background: #FFFFFF; position: absolute; color: #474747; font-weight: normal; font-size: 12px; line-height: 22px; text-align: center; visibility: hidden; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#Page_Annuaire2 #tooltip p { font-weight: bold; color: #996633; background-color: #FFCC66; padding: 4px; margin: 0px; }
#Page_Annuaire2 .liensrepartition { padding-left: 0; }
#Page_Annuaire2 .liensrepartition li { display: inline-block; width: 49%; min-width: 300px; text-align: center; margin: 3px 0;}
#Page_Annuaire2 .liensrepartition li.actif { font-weight: bold; }
.ie67 #Page_Annuaire2 .liensrepartition li { zoom: 1; display: inline }  /* ie67 */
#Page_Annuaire2 dd + dt { margin-top: 20px; }
#Page_Annuaire2 dd { margin-left: 0; }
#Page_Annuaire2 .listedeps { margin: 4px 0 0 0; }
#Page_Annuaire2 .asoliste > li { margin-bottom: 16px; }
#Page_Annuaire2 .liendep { text-decoration: none; margin-left: 8px; } 
#Page_Annuaire2 .liendep:hover { text-decoration: underline; }
@media (max-width: 799px) {
  #Page_Annuaire2 .liendep { padding-top: 5px; padding-bottom: 5px; } 
}

/* Page Annuaire3 */
#Page_Annuaire3 ul.asoliste > li > ul,
#Page_CLIS2 ul.subasoliste {
    list-style-type: none; padding-left: 0;
}

#Page_Annuaire3 ul.asoliste > li.epci > span {
    font-size: 1.7rem;
}

@media (max-width: 799px) {
    #Page_Annuaire3 h2, #Page_CLIS2 h2 { font-size: 1.6rem; margin: 30px 0 0 0; padding: 0; }

    #Page_Annuaire3 ul.asoliste > li.epci {
	border: none;
    }

    #Page_Annuaire3 ul.asoliste ul > li,
    #Page_CLIS2 ul.subasoliste > li {
	border: 1px dotted #E0E0E0;
	border-radius: 5px;
	padding: 0px;
	margin: 5px 0;
    }

    #Page_Annuaire3 ul.asoliste ul > li > a,
    #Page_CLIS2 ul.subasoliste > li > a {
	padding: 8px;
	text-decoration: none;
	display: block;
    }
    #Page_Annuaire3 ul.asoliste ul > li > i,
    #Page_CLIS2 ul.subasoliste > li > i {
	padding: 8px;
	display: block;
    }
}

#Page_Annuaire3 dd + dt { margin-top: 20px; }
#Page_Annuaire3 dd { margin-left: 0; }

#Page_MDPH2 dd + dt { margin-top: 20px; }
#Page_MDPH2 dd { margin-left: 0; }

#Page_Profil .carac dt { font-weight: bold; margin-top: 15px; }
#Page_Profil dd + dt { margin-top: 20px; }
#Page_Profil dd { margin-left: 0; }

@media screen and (min-width: 480px) { 
  #Page_Profil .appeler { display: none; }
}

/* Page AnnuaireOG1/2 */
#Page_AnnuaireOG1 .infofichiers, #Page_AnnuaireOG2 .infofichiers, #Page_AnnuaireOG3 .infofichiers {
  margin-top: 8px; border-radius: 8px; background: #e0f2f1 url(../images/assistance.jpg) no-repeat center top;
}
#Page_AnnuaireOG1 .infofichiers .texte, #Page_AnnuaireOG2 .infofichiers .texte, #Page_AnnuaireOG3 .infofichiers .texte {
  padding: 210px 16px 8px 16px;
}


/* Page Cercle */
#Page_Cercle .carac dt { font-weight: bold; margin-top: 15px; }
#Page_Cercle dd { margin-left: 10px; }

/* Page SpFiche */
#Page_SpFiche small.disclaimer { display: block; text-align: center; margin-top: 20px; }
#Page_SpFiche img.entiteImageFloatLeft { display: none; }

/* Page Formations */
#Page_Formations .asoliste > li { margin-bottom: 8px; }

/* Page Formation */
#Page_Formation h3 { cursor: pointer; }
#Page_Formation h3.closed:after { content: '\2026'; }

#Page_Formation .asoliste > li { margin-bottom: 16px; }

#Page_Formation2 .asoliste > li { margin-bottom: 16px; }

#Page_Ecole #toponglets dt { font-weight: bold; margin-top: 15px; }
#Page_Ecole #toponglets dd { margin-left: 10px; }

/* Page Profil */
#Page_Offre dt, #Page_AsOffre dt { margin-top: 15px; font-weight: bold; }
#Page_Offre dd, #Page_AsOffre dd { margin-left: 10px; }

/* Page chapitre code */
fieldset.inlineart { max-width: 600px; margin: 20px auto; border: 1px solid #999; }
fieldset.inlineart > legend { padding: 0 10px; font-weight: bold; }
.code_isole { border: 1px solid #999; margin: 10px 0 10px 40px; padding: 20px; max-width: 600px; }
.lienart { text-decoration: underline; cursor: pointer; }
.divchemin { padding: 10px; background-color: #eaede8; border-radius: 5px; }
@media screen and (min-width: 1024px) { 
    #artpopup { max-height: 400px; overflow: auto; background-color: #e0f2f1; margin-top: 20px; }
    #artpopup h2 { margin-top: 0; }
}

/* Page Erreur */
#Page_Erreur .actuel, #Page_ErreurCercle .actuel { border-left: 20px solid #78a3b3; padding: 10px; margin-left: 10px; font-weight: bold; font-size: 120%;}
#Page_Erreur .btndeclarer, #Page_ErreurCercle .btndeclarer { font-size:  120%; padding: 10px 20px; }

/* Page de recherche d'établissements */
#Page_Recherche2 #table_resultat { border-collapse: collapse; width: 100%; }
#Page_Recherche2 #table_resultat td { padding: 4px; }
#Page_Recherche2 .critcadre { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin: 5px; padding: 5px; display: inline-block; }
.ie67 #Page_Recherche2 .critcadre { zoom: 1; display: inline; } /* ie */
.searchpart { margin: 20px 0 5px; padding: 10px; }
#Page_Recherche2 .searchgo { margin: 15px 0; text-align: center; }
#Page_Recherche2 .searchreset { text-align: right; }
#Page_Recherche2 .searchreset input { font-size: 10px; }
#Page_Recherche2 #trouve_geoloc { font-size: 10px; }
#Page_Recherche2 .selected_cli img, 
#Page_Recherche2 .selected_mod img, 
#Page_Recherche2 .selected_cat img, 
#Page_Recherche2 .selected_sta img, 
#Page_Recherche2 .selected_tar img { cursor: pointer; }

.searchpart{
    position: relative;
    border: 1px solid #cddce1;
    border-radius: 3px;
}

.searchpart legend {
    padding: 0.2em 0.5em;
    border-radius: 3px;
    font-size:80%;
    cursor: pointer;
}

.searchpart.open legend:after {
    content: "  \25BC  ";
    position:relative;
}

.searchpart legend:after {
    position: absolute;
    content: "  \25BA  ";
    position:relative;
}

/***************/
/*    PRINT    */
/***************/
@media print {
    a:after { 
	content: " (" attr(href) ") "; 
	color:blue;
    }
    
    #navigation, section .breadcrumb, #onglets, #plandusite, #partenaire, #sidebar h2, .asoad, .asoadleft {
	display: none; 
    }

    #sidebar .startopen {
	display:block;
    }

    .headergauche #logo a:after {
	content:"";
    }

    ul.asoliste > li {
	border: 0;
    }
    
    section > h1 {
	padding-top:40px;
    }
    
    #page h3 {
	padding-top:40px;
    } 

    #Page_Annuaire .gdecat p {
	overflow: visible;
    }
    
    #Page_Annuaire .gdecat {
	padding-top:20px;
    }
    
    .ouvrage a[href]:after, .docs a[href]:after {
	content:"";
    }
    
    #Page_Annuaire1 h2 {
	padding-top:30px;
    }
    
    #Page_Annuaire2 h2:first-child {
	padding-top:20px;
    }
    
    #Page_Annuaire2 .liensrepartition li {
	display:block;
	width:100%;
    }
    
    #Page_Annuaire3 .accesrapid {
	display:none;
    }
    
    #Page_Profil #content a[href]:after {
	content:"";
    } 

    #Page_Profil .appeler,  #Page_Profil .erreurtel,  #Page_Profil .icon, #Page_Profil .banssmenu {
	display:none;
    }
    
    #Page_Cercle .icon {
	display:none;
    }
    
    #Page_Cercle #content a[href]:after {
	content:"";
    }
    
    #Page_MDPH2 .icon {
	display:none;
    }
    
    #Page_MDPH2 a[href]:after {
	content:"";
    }
    
    #Page_MDPH2 h2 {
	padding-top:20px;
    }
    
    #Page_Ecole .icon {
	display:none;
    }
    
    #Page_Emploi a[href]:after {
	content:"";
    }        
}

/* MAPS */
#mediummap {
    width: 100%;
    height: 760px;
}
#maprt {
    width: 100%;
    height: 700px;
}

/* Pub CV */
.pubcv, .enquete {
    align: center;
    margin: 20px 0;
    text-align: center;    
} 
.pubcv > div, .enquete > div {
    width: 100%;
    display: inline-block;
    background-color: #fff;
}
.pubcv {
  height: 170px;
}

.cadrepubcv0 { color: white; text-align: left; font-weight: bold; padding: 8px 16px;}
.cadrepubcv1 {overflow: auto; height: 100%; padding: 16px; }
.cadrepubcv1 > div { text-align: left; }
.cadrepubcv1 > img { margin: 0 8px 0 0; }
.cadrepubcv2 { padding: 5px 10px 4px 0; text-align: right; }

.cadreenquete0 { color: white; text-align: left; font-weight: bold; padding: 8px 16px;}
.cadreenquete1 > img { float: right; margin: 20px; }
.cadreenquete1 > p { font-size: 18px; font-weight: bold; text-align: left; margin-left: 15px; }
.cadreenquete2 { width: 50%; float: right; font-weight: bold; font-size: 16px; padding: 5px; }
.cadreenquete2 a { color: white; text-decoration: none; }

.pubcv > div:not(.enquetefixed) { box-shadow: 0px 0px 3px #333; border-radius: 0 0 0 15px; }
.enquete > div:not(.enquetefixed) { box-shadow: 0px 0px 3px #333; border-radius: 0 0 0 15px; }
/*.enquetefixed { box-shadow: 0px 0px 20px #333; border-radius: 0 0 0 15px; } */

/* Lien Assistant App */
#Page_Profil .app { width: 320px; border: 1px solid grey; padding: 1px; margin: 10px 0; line-height: 14px; }
#Page_Profil .app > .txt { width:180px; float: left; font-size: 12px; text-align: center; }

@media screen and (max-width: 320px) {
  #Page_Profil .app { width: 310px; margin: 10px 0 10px -5px; }
  #Page_Profil .app > .txt { width:170px; }
}

/* =============== */
/* ===== ADS ===== */
/* =============== */
/* pub links en haut */
.golinks { float: right;  }
@media (max-width: 360px) {
    .golinks { float: left; margin-left: 10px; }
}

.toplinks { width: 100%; max-width: 728px; height: 15px; float: left; }
@media (max-width: 1023px) {
  .toplinks { display: none; }
}

.asoad {
    margin: 5px 0;
    text-align: center;
}
.asoadleft {
    margin: 5px 0;
    text-align: left;
}
.addebug { background-color: #ddd; background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 10px); display: inline-block;}

/* Pub à droite */
.rd-droite-skycraper { width: 300px; height: 600px; }
@media (min-width: 768px) and (max-width: 1023px) {
    .rd-droite-skycraper { width: 728px; height: 90px }
}
@media (max-width: 767px) {
    .rd-droite-skycraper { width: 300px; height: 250px }
}
@media (max-width: 360px) {
    .rd-droite-skycraper { width: 320px; height: 100px }
}

/* Pub rectangle flottant dans définition */
.rd-definition-rectangle { width: 336px; height: 280px; }
@media (max-width: 767px) {
    .rd-definition-rectangle { width: 300px; height: 250px; }
}
@media (max-width: 360px) {
    .rd-definition-rectangle { width: 320px; height: 100px; }
}

/* Pub carte */
.rd-carte { width: 250px; height: 250px; }
/*@media (max-width: 767px) {
    .rd-definition-rectangle { width: 300px; height: 250px; }
}
@media (max-width: 360px) {
    .rd-definition-rectangle { width: 320px; height: 100px; }
}*/


/* Pub rectangle flottant dans définition */
.rd-sommaire { width: 336px; height: 280px; }
@media (max-width: 639px) {
    .rd-sommaire { width: 320px; height: 100px; }
}

/* Leaderboard */
.rd-leaderboard { width: 728px; height: 90px; }
@media (max-width: 767px) {
    .rd-leaderboard { width: 300px; height: 250px; }
}
@media (max-width: 360px) {
    .rd-leaderboard { width: 320px; height: 100px; }
}

/* Pub rectangle à droite */
.rd-droite-rectangle { width: 300px; height: 250px; }
@media (min-width: 768px) and (max-width: 1023px) {
    .rd-droite-rectangle { width: 728px; height: 90px }
}
@media (max-width: 767px) {
    .rd-droite-rectangle { width: 300px; height: 250px }
}
@media (max-width: 360px) {
    .rd-droite-rectangle { width: 320px; height: 100px }
}

/* Pub a cote bouton Contacter */
.rd-bouton-contact {
    width: 320px; height: 100px;
}

/* Annonces correspondantes */
.rd-corresp-vert { width: 300px; height: 600px; }

/* cache sous 1025 */
@media(max-width: 1024px) { .rd_min_1025 { display: none; } }

/* cache sous 640 */
@media(max-width: 639px) { .rd_min_640 { display: none; } }

/* cache >= 640 */
@media(min-width: 640px) { .rd_max_639 { display: none; } }

/* ads Links */
/*************/
.asolinkad { }
/* Leaderboard */
.rd-links-leaderboard { width: 728px; height: 15px; margin: 5px 0; }
@media (max-width: 760px) {
    .rd-links-leaderboard { width: 468px; height: 15px; }
}
@media (max-width: 490px) {
    .rd-links-leaderboard { width: 200px; height: 90px; }
}

.plussommaire {
    float:right; 
    margin: 10px; 
}
@media (max-width: 639px) {
    .plussommaire {
	float:none; 
    }
}

/* TEST */
#Page_Demarches {counter-reset: h2}
#Page_Demarches h2 {counter-reset: h3}
#Page_Demarches h3 {counter-reset: h4}
#Page_Demarches h4 {counter-reset: h5}
#Page_Demarches h5 {counter-reset: h6}

#Page_Demarches h2:before {counter-increment: h2; content: counter(h2) ". "}
#Page_Demarches h3:before {counter-increment: h3; content: counter(h2) "." counter(h3) ". "}
#Page_Demarches h4:before {counter-increment: h4; content: counter(h2) "." counter(h3) "." counter(h4) ". "}
#Page_Demarches h5:before {counter-increment: h5; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "}
#Page_Demarches h6:before {counter-increment: h6; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "}
#Page_Demarches h2.nocount:before, 
#Page_Demarches h3.nocount:before, 
#Page_Demarches h4.nocount:before, 
#Page_Demarches h5.nocount:before, 
#Page_Demarches h6.nocount:before { content: ""; counter-increment: none } 

#Page_RechercheKW ul.cseresult, #Page_RechercheInterne ul.cseresult { margin: 0; padding: 0; }
#Page_RechercheKW ul.cseresult li, #Page_RechercheInterne ul.cseresult li {
    margin-top: 10px;
    list-style-type: none;
    padding-left: 10px;
}
#Page_RechercheKW ul.cseresult li .cseresariane, #Page_RechercheInterne ul.cseresult li .cseresariane {
    font-size: small;
    color: #888;
}

#apopup { 
    position: fixed;
    top: 0px;
    left: 0px;
    width: 96%;
    height: 55px;
    background-color: #ccc;
    margin: 4px 2%;
    border-radius: 8px;
    opacity: 0.95;
}
#apopup img { margin: 5px; float: left; }
#apopup .text { padding: 7px 0 0 15px; float: left; text-align: center; }

#content h2.depotcv { border-bottom: 3px solid #c51162; margin-top: 30px; }
#content h2.depotcv1 { border-bottom: 3px solid #00796b; margin-top: 30px; font-weight: normal; }

#Page_EmploiRecherche #loading { display: none; }
#Page_EmploiRecherche .ui-autocomplete-loading + #loading { display: inline; }

#Page_EmploiRecherche #ecole_loading { display: none; }
#Page_EmploiRecherche .ui-autocomplete-loading + #ecole_loading { display: inline; }

#Page_EmploiRecherche .cadre { border: 1px solid #888; padding: 8px; border-radius: 16px; }

@font-face {
	font-family: 'fontawesome-webfont';
	src:url('../fonts/fontawesome-webfont.eot?-xoxnbb');
	src:url('../fonts/fontawesome-webfont.eot?#iefix-xoxnbb') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.woff?-xoxnbb') format('woff'),
		url('../fonts/fontawesome-webfont.ttf?-xoxnbb') format('truetype'),
		url('../fonts/fontawesome-webfont.svg?-xoxnbb#fontawesome-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="fa-"], [class*=" fa-"] {
	font-family: 'fontawesome-webfont';
	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;
}

.fa-search:before {
	content: "\f002";
}
.fa-check:before {
	content: "\f00c";
}
.fa-search-plus:before {
	content: "\f00e";
}
.fa-search-minus:before {
	content: "\f010";
}
.fa-home:before {
	content: "\f015";
}
.fa-download:before {
	content: "\f019";
}
.fa-book:before {
	content: "\f02d";
}
.fa-map-marker:before {
	content: "\f041";
}
.fa-chevron-left:before {
	content: "\f053";
}
.fa-chevron-right:before {
	content: "\f054";
}
.fa-info-circle:before {
	content: "\f05a";
}
.fa-phone:before {
	content: "\f095";
}
.fa-phone-square:before {
	content: "\f098";
}
.fa-arrow-circle-right:before {
	content: "\f0a9";
}
.fa-square:before {
	content: "\f0c8";
}
.fa-caret-down:before {
	content: "\f0d7";
}
.fa-caret-up:before {
	content: "\f0d8";
}
.fa-caret-left:before {
	content: "\f0d9";
}
.fa-caret-right:before {
	content: "\f0da";
}
.fa-file-text-o:before {
	content: "\f0f6";
}
.fa-building-o:before {
	content: "\f0f7";
}
.fa-mail-reply:before {
	content: "\f112";
}
.fa-toggle-right:before {
	content: "\f152";
}
.fa-university:before {
	content: "\f19c";
}
/*@base: #009688;
@base-dark: #00796b; 
@base-dark2: #004d40;
@base-clear1: #e0f2f1;
@base-clear2: #b2dfdb;
@base-clear3: #80cbc4;
@accent: #c51162;
@col-red: #f44336;
@col-blue: #1976d2;
@col-green: #388e3c;
@col-yellow: #8d6e63;

@footer-bg: #cddce1;
@footer-border: #b0bec5;
*/
header {
  background-color: #009688;
  border-bottom: 1px solid #00796b;
/*  position: fixed;
  top: 0;
  left: 0;*/
  width: 100%;
  z-index: 1000;
  overflow: hidden;
/*  height: 270px;*/
}

header.small {
  height: 48px;
}

.subheader {
  padding: 0px 24px 8px 24px;
}

@media (max-width: 360px) {
  .subheader {
    padding: 8px;
  }
}

.logoline { 
}

.logosite {
  float: left; 
  color: #fff;
  margin: 0;
}

.logosite:hover {
  color: #fff;
  opacity: .7;
}

.logosite:focus {
  color: #fff;
  opacity: .7;
}

#navigation { 
  float: right; 
  clear: none; 
  margin-top: 8px; 
}

@media (min-width: 700px) and (max-width: 999px) {
  #navigation { 
    width: 340px;
  }
}

@media screen and (max-width: 699px) { 
  #navigation { width: 100%; margin-top: 0; margin-bottom: 16px; }  
}

#navigation > ul > li > a { 
  color: #fff; 
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 320px) {
  #navigation > ul > li > a { font-size: 12px; }
}

#navigation > ul > li > a:hover, #navigation > ul > li > a:focus { 
  opacity: .7;
}

.breadcrumb {
  margin: 0;
  padding: 0;
  color: #ffffff;
  opacity: .7;
}

.breadcrumb > span > a {
  color: #ffffff;
}

.breadcrumb > span > a:hover, .breadcrumb > span > a:focus {
  opacity: 0.7;
}

.rt {
  padding: 12px 0 0 0;
  margin: 0;
}

.rt > a {
  float: right;
  color: #ffffff;
  opacity: .7;
}

.rt > a:hover, .rt > a:focus {
  opacity: 0.49;
}

.thetitle > h1 {
  margin-bottom: 0;
/*  white-space: nowrap;*/
}

@media (max-width: 360px) {
  .thetitle > h1 { 
    font-size: 2.4rem;
  }
}

.thetitle .subh1 {
  color: #fff;
  opacity: .7;
}

#supfooter {
  background-color: #cddce1;
  border-top: 1px solid #b0bec5;
  padding-top: 16px; 
}

#suponglets {
  background-color: #00796b; 
}

#onglets > ul {
  display: table;
  font-size: 1.4rem;
}

#onglets a {
  color: #fff;
}

#onglets a:hover, #onglets a:focus {
  color: #fff;
  border-bottom: 4px solid #c51162;
}

#onglets .actif {
  color: #fff;
  border-bottom: 4px solid #c51162;
}

.line {
/*    margin-top: 280px;*/
}


/*****************************************/
.icon-bull3:before, .icon-bull3.after:after { color:#dd5f32; }
.ouvrage:hover { background-color: #e0f2f1; }
.cvs li:hover { background-color: #e0f2f1; }

.appeler { border: 1px solid #c51162; background-color: #c51162; color: #fff; }
.appeler:hover { color: #ccc; }
.appelerSommaire { border: 1px solid #c51162; background-color: #c51162; color: #fff !important; }
.appelerSommaire:hover { color: #ccc !important;}
.email_livret { border: 1px solid #c69c48; background-color: #c69c48; color: #fff; }
.email_livret:hover { color: #fff; }

#sidebar h2 { background-color: #e0f2f1; padding-top: 16px; padding-left: 16px; color: #212121; border-radius: 8px 8px 0 0; }
#sidebar h2 + ul { background-color: #e0f2f1; padding-left: 16px; padding-bottom: 16px; border-radius: 0 0 8px 8px; list-style-position: inside; }
.sponsor > div { opacity: .7; }
.sponsor  { box-shadow: 0px 0px 2px #333;  }
.sponsor ul > li:hover, ul.jobs > li:hover { background-color: #fff; }
.dlcv > a { border: 1px solid #91b06a; background-color: #91b06a; color: #fff; }
.dlboutique > a { border: 1px solid #91b06a; background-color: #91b06a; color: #fff; }
#rechetab { border: 1px solid #1976d2; background-color: #1976d2; color: #fff; }
#targetsearch:target {  animation: highlight 2s ease; }
@keyframes highlight {
  0% { background-color: #cddce1; }
  100% { background-color: #faf6eb; }
}

.icon-blank:before { color: #fff; }
.accesrap > a { background-color: #b2dfdb; border: 1px solid #cddce1; }
.accesrap > a { color: #444; }
.accesrap > a:hover  { background-color: #009688; color: #fff; }
#Page_Recherche2 #table_resultat thead tr { background-color: #78a3b3; color: #fff;  }
#Page_Recherche2 #table_resultat tbody tr:nth-child(odd) { background-color: #faf6eb;  }
#Page_Recherche2 #table_resultat tbody tr:nth-child(even) { background-color: #f7e7d8;  }
#Page_Recherche2 .searchpart { background-color: #fff; }
#Page_Recherche2 .searchpart legend { background-color: #fff; border: 1px solid #cddce1; }
#Page_Recherche2 .searchpart.open { background-color: #fff; }
#Page_Recherche2 .searchpart.open legend { background-color: #eaede8; border: 1px solid #cddce1; }

.cadreenquete0 { background-color: #009688; }
.cadreenquete2 { background-color: #c51162; color: white; }

.cadrepubcv0 { background-color: #009688; }

.retrait { padding: 16px; box-shadow: inset 0px 0px 1px #333; }

#Page_Portail .portail {}
#Page_Portail h2 { color: #ffffff; margin: 16px 0; }
#Page_Portail .portail > div > p { color: #ffffff; opacity: .7; }
.portail1 { background-color: #f44336;  }
.portail2 { background-color: #1976d2;  }
.portail3 { background-color: #388e3c;  }
.portail4 { background-color: #8d6e63;  }
.theme1 { color: #f44336;  }
.theme2 { color: #1976d2;  }
.theme3 { color: #388e3c;  }
.theme4 { color: #8d6e63;  }

dl.tarifs { background-color: #e0f2f1; margin-bottom: 0; }
p.tarifs { background-color: #e0f2f1; margin-top: 0; padding: 10px 20px; }
#sidebar .sideinfo { background-color: #e0f2f1; } 

.recruteurs { color: #c51162; }
.candidats { color: #c51162; }

.pagination { text-align: center; padding: 10px 0; margin-bottom: 10px; }
.pagination > li { display: inline-block; margin: 0 4px; padding: 0; }
.ie67 .pagination > li { zoom: 1; display: inline }  /* ie67 */
.pagination > li.selected { display: inline-block; margin: 0 7px; padding: 3px; font-weight: bold; }
.ie67 .pagination > li.selected { zoom: 1; display: inline }  /* ie67 */
.pagination > li > a { display: block; text-decoration: none; padding: 3px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 5px; }
.pagination > li > a:hover { background-color: #E0E0E0; }

#Page_RechercheKW ul.cseresult li.secannuaire, #Page_RechercheInterne ul.cseresult li.secannuaire {
    border-left: 5px solid #f44336;
}
#Page_RechercheKW ul.cseresult li.secemploi, #Page_RechercheInterne ul.cseresult li.secemploi {
    border-left: 5px solid #1976d2; 
}
#Page_RechercheKW ul.cseresult li.secformations { 
    border-left: 5px solid #388e3c;  
}
#Page_RechercheKW ul.cseresult li.secdemarches { 
    border-left: 5px solid #8d6e63;  
}
#Page_RechercheKW ul.cseresult li.secwww, #Page_RechercheInterne ul.cseresult li.seccercle { 
    border-left: 5px solid #009688;  
}

#Page_Erreur .actuel, #Page_ErreurCercle .actuel { border-left: 20px solid #1976d2; }

#topsearch a { color: #fff; }