@charset "UTF-8";
/*
Theme Name: CTREQ (prod)
Author: Yves Hélie
Author URI: Les Dompteurs de Souris
Version: 1.0
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.icon {
  background: url(images/sprite-icones-noir.png) no-repeat left top;
  display: inline-block;
  margin: 0 auto; }
  .icon.icon-blanc {
    background: url(images/sprite-icones-blanc.png) no-repeat left top; }
  .icon.icon-gris {
    background: url(images/sprite-icones-gris.png) no-repeat left top; }
  .icon, .icon.icon-large {
    height: 61px !important; }
    .icon.icon-documents, .icon.icon-large.icon-documents {
      background-position: -14px -358px;
      width: 49px;
      height: 61px; }
    .icon.icon-presentation, .icon.icon-large.icon-presentation {
      background-position: -6px -431px;
      width: 65px;
      height: 61px; }
    .icon.icon-associatif, .icon.icon-large.icon-associatif {
      background-position: 0 -183px;
      width: 93px;
      height: 62px; }
    .icon.icon-nousjoindre, .icon.icon-large.icon-nousjoindre {
      background-position: -19px -580px;
      width: 39px;
      height: 57px; }
    .icon.icon-recherche, .icon.icon-large.icon-recherche {
      background-position: -94px -357px;
      width: 65px;
      height: 61px; }
    .icon.icon-rire, .icon.icon-large.icon-rire {
      background-position: -102px -432px;
      width: 49px;
      height: 61px; }
    .icon.icon-services, .icon.icon-large.icon-services {
      background-position: -83px -505px;
      width: 86px;
      height: 61px; }
    .icon.icon-activites, .icon.icon-large.icon-activites {
      background-position: -98px -578px;
      width: 57px;
      height: 61px; }
    .icon.icon-equipe, .icon.icon-large.icon-equipe {
      background-position: -176px -357px;
      width: 75px;
      height: 61px; }
    .icon.icon-realisations, .icon.icon-large.icon-realisations {
      background-position: -176px -432px;
      width: 75px;
      height: 61px; }
    .icon.icon-formation, .icon.icon-large.icon-formation {
      background-position: -173px -505px;
      width: 80px;
      height: 61px; }
    .icon.icon-apropos, .icon.icon-large.icon-apropos {
      background-position: -183px -578px;
      width: 61px;
      height: 61px; }
    .icon.icon-rechercher, .icon.icon-large.icon-rechercher {
      background-position: -268px -358px;
      width: 60px;
      height: 61px; }
    .icon.icon-videos, .icon.icon-large.icon-videos {
      background-position: -262px -435px;
      width: 72px;
      height: 54px; }
    .icon.icon-pratique, .icon.icon-large.icon-pratique {
      background-position: -261px -505px;
      width: 75px;
      height: 61px; }
    .icon.icon-nouvelles, .icon.icon-large.icon-nouvelles {
      background-position: -260px -578px;
      width: 75px;
      height: 61px; }
    .icon.icon-activitesfutures, .icon.icon-large.icon-activitesfutures {
      background-position: -363px -357px;
      width: 45px;
      height: 61px; }
    .icon.icon-activitespassees, .icon.icon-large.icon-activitespassees {
      background-position: -363px -431px;
      width: 45px;
      height: 61px; }
    .icon.icon-reseau, .icon.icon-large.icon-reseau {
      background-position: -345px -505px;
      width: 80px;
      height: 61px; }
    .icon.icon-reseauxsociaux, .icon.icon-large.icon-reseauxsociaux {
      background-position: -358px -578px;
      width: 54px;
      height: 61px; }
    .icon.icon-medias, .icon.icon-large.icon-medias {
      background-position: -423px -358px;
      width: 77px;
      height: 61px; }
    .icon.icon-archives, .icon.icon-large.icon-archives {
      background-position: -427px -432px;
      width: 69px;
      height: 61px; }
    .icon.icon-activitespresentes, .icon.icon-large.icon-activitespresentes {
      background-position: -438px -505px;
      width: 46px;
      height: 61px; }
    .icon.icon-telechargement, .icon.icon-large.icon-telechargement {
      background-position: -433px -578px;
      width: 57px;
      height: 61px; }
    .icon.icon-infolettre, .icon.icon-large.icon-infolettre {
      background-position: -512px -358px;
      width: 96px;
      height: 61px; }
    .icon.icon-404, .icon.icon-large.icon-404 {
      background-position: -526px -432px;
      width: 67px;
      height: 61px; }
  .icon.icon-xlarge {
    height: 73px !important; }
    .icon.icon-xlarge.icon-documents {
      background-position: -17px -1px;
      width: 59px;
      height: 72px; }
    .icon.icon-xlarge.icon-presentation {
      background-position: -7px -89px;
      width: 79px;
      height: 73px; }
    .icon.icon-xlarge.icon-associatif {
      background-position: 0 -183px;
      width: 93px;
      height: 62px; }
    .icon.icon-xlarge.icon-nousjoindre {
      background-position: -23px -268px;
      width: 47px;
      height: 68px; }
    .icon.icon-xlarge.icon-recherche {
      background-position: -113px 0;
      width: 78px;
      height: 73px; }
    .icon.icon-xlarge.icon-rire {
      background-position: -123px -90px;
      width: 58px;
      height: 72px; }
    .icon.icon-xlarge.icon-services {
      background-position: -100px -178px;
      width: 103px;
      height: 72px; }
    .icon.icon-xlarge.icon-activites {
      background-position: -118px -266px;
      width: 68px;
      height: 73px; }
    .icon.icon-xlarge.icon-equipe {
      background-position: -212px 0;
      width: 89px;
      height: 73px; }
    .icon.icon-xlarge.icon-realisations {
      background-position: -212px -90px;
      width: 90px;
      height: 72px; }
    .icon.icon-xlarge.icon-formation {
      background-position: -209px -178px;
      width: 95px;
      height: 72px; }
    .icon.icon-xlarge.icon-apropos {
      background-position: -221px -266px;
      width: 72px;
      height: 72px; }
    .icon.icon-xlarge.icon-rechercher {
      background-position: -323px -1px;
      width: 70px;
      height: 72px; }
    .icon.icon-xlarge.icon-videos {
      background-position: -315px -94px;
      width: 86px;
      height: 64px; }
    .icon.icon-xlarge.icon-pratique {
      background-position: -314px -178px;
      width: 89px;
      height: 72px; }
    .icon.icon-xlarge.icon-nouvelles {
      background-position: -313px -266px;
      width: 90px;
      height: 72px; }
    .icon.icon-xlarge.icon-activitesfutures {
      background-position: -436px 0;
      width: 54px;
      height: 73px; }
    .icon.icon-xlarge.icon-activitespassees {
      background-position: -436px -89px;
      width: 54px;
      height: 73px; }
    .icon.icon-xlarge.icon-reseau {
      background-position: -415px -178px;
      width: 95px;
      height: 72px; }
    .icon.icon-xlarge.icon-reseauxsociaux {
      background-position: -415px -178px;
      width: 95px;
      height: 72px; }
    .icon.icon-xlarge.icon-medias {
      background-position: -508px -1px;
      width: 92px;
      height: 72px; }
    .icon.icon-xlarge.icon-archives {
      background-position: -513px -90px;
      width: 83px;
      height: 72px; }
    .icon.icon-xlarge.icon-activitespresentes {
      background-position: -527px -178px;
      width: 54px;
      height: 72px; }
    .icon.icon-xlarge.icon-telechargement {
      background-position: -521px -266px;
      width: 67px;
      height: 73px; }
    .icon.icon-xlarge.icon-infolettre {
      background-position: -615px -1px;
      width: 114px;
      height: 72px; }
    .icon.icon-xlarge.icon-404 {
      background-position: -632px -90px;
      width: 80px;
      height: 72px; }
  .icon.icon-moyen {
    height: 33px !important; }
    .icon.icon-moyen.icon-documents {
      background-position: -8px -654px;
      width: 27px;
      height: 33px; }
    .icon.icon-moyen.icon-presentation {
      background-position: -4px -693px;
      width: 35px;
      height: 33px; }
    .icon.icon-moyen.icon-associatif {
      background-position: 0 -735px;
      width: 42px;
      height: 28px; }
    .icon.icon-moyen.icon-nousjoindre {
      background-position: -11px -773px;
      width: 21px;
      height: 31px; }
    .icon.icon-moyen.icon-recherche {
      background-position: -51px -653px;
      width: 35px;
      height: 33px; }
    .icon.icon-moyen.icon-rire {
      background-position: -55px -694px;
      width: 27px;
      height: 32px; }
    .icon.icon-moyen.icon-services {
      background-position: -45px -733px;
      width: 46px;
      height: 33px; }
    .icon.icon-moyen.icon-activites {
      background-position: -53px -772px;
      width: 31px;
      height: 33px; }
    .icon.icon-moyen.icon-equipe {
      background-position: -94px -653px;
      width: 41px;
      height: 33px; }
    .icon.icon-moyen.icon-realisations {
      background-position: -94px -693px;
      width: 41px;
      height: 33px; }
    .icon.icon-moyen.icon-formation {
      background-position: -93px -733px;
      width: 43px;
      height: 33px; }
    .icon.icon-moyen.icon-apropos {
      background-position: -98px -772px;
      width: 33px;
      height: 33px; }
    .icon.icon-moyen.icon-rechercher {
      background-position: -144px -654px;
      width: 32px;
      height: 33px; }
    .icon.icon-moyen.icon-videos {
      background-position: -141px -695px;
      width: 38px;
      height: 30px; }
    .icon.icon-moyen.icon-pratique {
      background-position: -140px -733px;
      width: 40px;
      height: 33px; }
    .icon.icon-moyen.icon-nouvelles {
      background-position: -139px -772px;
      width: 41px;
      height: 33px; }
    .icon.icon-moyen.icon-activitesfutures {
      background-position: -194px -653px;
      width: 25px;
      height: 33px; }
    .icon.icon-moyen.icon-activitespassees {
      background-position: -194px -693px;
      width: 25px;
      height: 33px; }
    .icon.icon-moyen.icon-reseau {
      background-position: -185px -733px;
      width: 43px;
      height: 33px; }
    .icon.icon-moyen.icon-reseauxsociaux {
      background-position: -192px -772px;
      width: 29px;
      height: 33px; }
    .icon.icon-moyen.icon-medias {
      background-position: -226px -654px;
      width: 42px;
      height: 33px; }
    .icon.icon-moyen.icon-archives {
      background-position: -228px -693px;
      width: 38px;
      height: 33px; }
    .icon.icon-moyen.icon-activitespresentes {
      background-position: -234px -733px;
      width: 25px;
      height: 33px; }
    .icon.icon-moyen.icon-telechargement {
      background-position: -232px -772px;
      width: 30px;
      height: 33px; }
    .icon.icon-moyen.icon-infolettre {
      background-position: -274px -654px;
      width: 51px;
      height: 33px; }
    .icon.icon-moyen.icon-404 {
      background-position: -281px -694px;
      width: 34px;
      height: 30px; }
  .icon.icon-petit {
    height: 17px !important; }
    .icon.icon-petit.icon-documents {
      background-position: -4px -829px;
      width: 14px;
      height: 17px; }
    .icon.icon-petit.icon-presentation {
      background-position: -2px -849px;
      width: 18px;
      height: 17px; }
    .icon.icon-petit.icon-associatif {
      background-position: 0 -869px;
      width: 22px;
      height: 17px; }
    .icon.icon-petit.icon-nousjoindre {
      background-position: -5px -889px;
      width: 12px;
      height: 16px; }
    .icon.icon-petit.icon-recherche {
      background-position: -25px -829px;
      width: 18px;
      height: 17px; }
    .icon.icon-petit.icon-rire {
      background-position: -27px -849px;
      width: 14px;
      height: 17px; }
    .icon.icon-petit.icon-services {
      background-position: -23px -869px;
      width: 23px;
      height: 17px; }
    .icon.icon-petit.icon-activites {
      background-position: -26px -888px;
      width: 16px;
      height: 17px; }
    .icon.icon-petit.icon-equipe {
      background-position: -47px -829px;
      width: 21px;
      height: 17px; }
    .icon.icon-petit.icon-realisations {
      background-position: -47px -849px;
      width: 21px;
      height: 17px; }
    .icon.icon-petit.icon-formation {
      background-position: -47px -869px;
      width: 22px;
      height: 17px; }
    .icon.icon-petit.icon-apropos {
      background-position: -49px -888px;
      width: 17px;
      height: 17px; }
    .icon.icon-petit.icon-rechercher {
      background-position: -72px -829px;
      width: 16px;
      height: 17px; }
    .icon.icon-petit.icon-videos {
      background-position: -70px -850px;
      width: 20px;
      height: 15px; }
    .icon.icon-petit.icon-pratique {
      background-position: -70px -869px;
      width: 21px;
      height: 17px; }
    .icon.icon-petit.icon-nouvelles {
      background-position: -70px -888px;
      width: 20px;
      height: 17px; }
    .icon.icon-petit.icon-activitesfutures {
      background-position: -97px -829px;
      width: 13px;
      height: 17px; }
    .icon.icon-petit.icon-activitespassees {
      background-position: -97px -849px;
      width: 13px;
      height: 17px; }
    .icon.icon-petit.icon-reseau {
      background-position: -92px -869px;
      width: 22px;
      height: 17px; }
    .icon.icon-petit.icon-reseauxsociaux {
      background-position: -96px -888px;
      width: 15px;
      height: 17px; }
    .icon.icon-petit.icon-medias {
      background-position: -113px -829px;
      width: 21px;
      height: 17px; }
    .icon.icon-petit.icon-archives {
      background-position: -114px -849px;
      width: 19px;
      height: 17px; }
    .icon.icon-petit.icon-activitespresentes {
      background-position: -117px -869px;
      width: 13px;
      height: 17px; }
    .icon.icon-petit.icon-telechargement {
      background-position: -116px -888px;
      width: 16px;
      height: 17px;
      margin: 0 0 0 0.5em;
      vertical-align: sub; }
    .icon.icon-petit.icon-infolettre {
      background-position: -137px -829px;
      width: 26px;
      height: 17px; }
    .icon.icon-petit.icon-404 {
      background-position: -141px -849px;
      width: 18px;
      height: 17px; }

/*
@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
	.icon {
		background: url(images/sprite-icones-noir@2x.png) no-repeat left top;
		background-size: 729px 905px;
		&.icon-blanc {
			background: url(images/sprite-icones-blanc@2x.png) no-repeat left top;
		}
		&.icon-gris {
			background: url(images/sprite-icones-gris@2x.png) no-repeat left top;
		}
	}
}
*/
body {
  color: #636363;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 1.2em; }

.principal header img {
  width: auto;
  height: auto;
  max-width: 100%; }
.principal h1, .principal .titre {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0.75em auto 0.5em;
  text-transform: uppercase; }
.principal h2 {
  color: #0075af;
  font-size: 1.3125em;
  font-weight: bold;
  margin: 0.75em auto 0.5em; }
.principal h3 {
  font-size: 1.1em;
  font-weight: 600; }
.principal img.alignleft {
  float: left;
  margin: auto 1em 0.5em auto; }
.principal p, .principal ul, .principal ol {
  margin: 1em auto; }
.principal blockquote {
  font-size: 1em;
  margin: 1.5em auto 1.5em 2em;
  padding-left: 1.75em;
  position: relative; }
  .principal blockquote:before {
    content: "«";
    color: #0075af;
    font-size: 2.5em;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0; }
  .principal blockquote p {
    font-style: italic;
    margin: 0.25em auto; }
    .principal blockquote p:first-child {
      border-top: solid 1px #e7e8e9;
      padding-top: 0.25em; }
  .principal blockquote cite {
    color: #e7e8e9;
    font-style: normal; }
.principal .introduction {
  font-size: 1.5em;
  font-weight: 200;
  line-height: 1.2em;
  margin: 0.5em auto; }
.principal ul {
  list-style-type: disc;
  padding-left: 2em; }
  .principal ul li {
    margin: 0.5em auto; }
.principal ol {
  list-style-type: decimal;
  padding-left: 2em; }
  .principal ol li {
    margin: 0.5em auto; }
.principal strong {
  font-weight: bold; }
.principal em, .principal i {
  font-style: italic; }
.principal .complet {
  max-width: 300px;
  width: 100%;
  height: auto; }
.principal hr {
  background-color: #636363;
  border: none;
  color: #636363;
  height: 1px;
  margin: 1em auto; }

a {
  color: #0075af; }
  a:hover {
    text-decoration: none; }

.fiche-projet h2 {
  color: #0075af;
  font-size: 1em;
  font-weight: bold; }

.etiquettes {
  margin: 1.5em auto; }
  .etiquettes a[rel=tag] {
    background-color: #eceded;
    color: inherit;
    font-size: 0.875em;
    padding: 0.35em 0.75em;
    text-decoration: none;
    font-style: italic;
    display: inline-block;
    margin: 0 0 0.2em 0; }
    .etiquettes a[rel=tag]:hover {
      background-color: #e7e8e9; }

.input_tiny {
  width: 50px; }

.input_small {
  width: 100px; }

.input_medium {
  width: 150px; }

.input_large {
  width: 200px; }

.input_xlarge {
  width: 250px; }

.input_xxlarge {
  width: 300px; }

.input_full {
  width: 100%; }

.input_full_wrap {
  display: block;
  padding-right: 8px; }

input[type="search"]::-webkit-search-decoration {
  display: none; }

input:invalid,
button:invalid,
a.button:invalid,
select:invalid,
textarea:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

input:focus,
button:focus,
a.button:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: #0066ff 0 0 5px 0;
  -moz-box-shadow: #0066ff 0 0 5px 0;
  box-shadow: #0066ff 0 0 5px 0;
  z-index: 1; }

input[type="file"]:focus, input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

button,
a.button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #dddddd url("../images/button.png?1298351022") repeat-x;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(#ffffff, #dddddd);
  background-image: -moz-linear-gradient(#ffffff, #dddddd);
  background-image: -o-linear-gradient(#ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  display: inline-block;
  font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  margin: 0;
  padding: 3px 10px;
  text-shadow: white 0 1px 1px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
  *padding-top: 2px;
  *padding-bottom: 0; }

button:hover,
a.button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  text-decoration: none; }

button:active,
a.button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#dddddd, #eeeeee);
  background-image: -moz-linear-gradient(#dddddd, #eeeeee);
  background-image: -o-linear-gradient(#dddddd, #eeeeee);
  background-image: linear-gradient(#dddddd, #eeeeee);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  border-color: #999999 #bbbbbb #dddddd; }

button::-moz-focus-inner,
a.button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0; }

a.button {
  *padding-bottom: 3px; }

button {
  *padding-top: 1px;
  *padding-bottom: 1px; }

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  outline: 0;
  margin: 0;
  padding: 2px 3px;
  text-align: left;
  font-size: 13px;
  font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
  height: 1.8em;
  vertical-align: top;
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto; }

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eeeeee; }

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888888;
  cursor: default; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888888; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888888; }

input.placeholder_text,
textarea.placeholder_text {
  color: #888888; }

textarea,
select[size],
select[multiple] {
  height: auto; }

select[size="0"],
select[size="1"] {
  height: 1.8em;
  *height: auto; }

@media (-webkit-min-device-pixel-ratio: 0) {
  select[size],
  select[multiple],
  select[multiple][size] {
    background-image: none;
    padding-right: 3px; }

  select,
  select[size="0"],
  select[size="1"] {
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px; }

  ::-webkit-validation-bubble-message {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 0;
    color: white;
    font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: black 0 0 1px;
    min-height: 16px; }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666666;
    border-color: #666666; } }
textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%; }

optgroup {
  color: black;
  font-style: normal;
  font-weight: normal;
  font-family: Arial, "Liberation Sans", FreeSans, sans-serif; }

optgroup::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ie6_button,
* html button,
* html a.button {
  background: #dddddd url("../images/button.png?1298351022") repeat-x;
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0;
  text-decoration: none;
  overflow: visible;
  vertical-align: top;
  width: auto; }

* html a.button {
  position: relative;
  top: 3px;
  padding-bottom: 2px; }

* html button {
  padding-top: 1px;
  padding-bottom: 1px; }

.ie6_input,
* html textarea,
* html select {
  background: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top; }

* html select {
  margin-top: 1px; }

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #888888; }

.ie6_input_disabled {
  background: #eeeeee; }

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1; }

.bx-wrapper img {
  display: block;
  width: 100%;
  height: auto; }

.bx-wrapper .bx-viewport {
  background: #fff; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  width: 100%; }

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

.bx-wrapper .bx-pager {
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ddd;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-pager-item:first-child a {
  margin: 0 5px 0 0 !important; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #aaa; }

.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../images/sprite-fleches-inverse.png) no-repeat 5px 3px; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url(../images/sprite-fleches.png) no-repeat 5px 3px; }

.bx-wrapper .bx-prev:hover {
  background-position: 5px -371px; }

.bx-wrapper .bx-next:hover {
  background-position: 5px -371px; }

.bx-wrapper .bx-controls-direction {
  position: absolute;
  right: 20px;
  top: 1em; }

.bx-wrapper .bx-controls-direction a {
  display: inline-block;
  outline: 0;
  width: 20px;
  height: 20px;
  z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

.bx-controls {
  padding: 1em 20px;
  position: relative; }

.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png) -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png) -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

.bx-wrapper .bx-caption {
  width: 100%; }

.bx-wrapper .bx-caption span {
  display: block;
  padding: 15px 20px; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("images/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("images/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("images/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("images/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("images/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }

  #fancybox-loading div {
    background-image: url("images/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }
html {
  width: 100%; }

body {
  background-color: #f5f5f5;
  width: 100%; }

iframe {
  max-width: 100%; }

noscript {
  background-color: #0075af;
  color: white;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0.5em 0;
  text-align: center; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

.contenant {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 0.5em; }
  .contenant .ssba {
    display: block;
    margin: 0 auto; }
  .contenant #ssba-classic-2 {
    width: auto; }

footer {
  position: relative;
  z-index: 8000;
  margin: 1em 0 0 0; }

.clearfix:after, .l-accueil:after, .l-realisation:after, .l-nouvelles:after, .l-formulaire-recherche:after, .l-personas:after, .l-normal:after, .l-404:after, .l-realisation .haut:after, .l-nouvelles .haut:after, .l-formulaire-recherche .haut:after, .l-personas .haut:after, .l-normal .haut:after, .l-404 .haut:after, .l-activites:after, .l-activite:after, .l-activites .haut:after, .l-activite .haut:after, .mod-complement .formulaire:after, .mod-telechargement .formulaire:after, .mod-services .entete:after, .mod-services .service:after, .mod-pied-contact .contenant:after, .mod-equipe .tuile .entete:after, .mod-partenaires .tuile .entete:after, .mod-nouvelles article:after, .abonnement-infolettre:after {
  content: '';
  display: table;
  clear: both; }

div[role=main] {
  /* margin: 1em auto; */ }

.aligncenter {
  margin: 0 auto;
  display: block; }

.orange {
  color: #f79324; }

.orange-pale {
  color: #f9a528; }

.bleu {
  color: #00afee; }

.bleu-pale {
  color: #37c5f3; }

.principal {
  margin: 1em auto; }
  .principal.blanc {
    padding: 1px 20px;
    background-color: white; }
  .principal table th, .principal table td {
    border: solid #d7d7d7 1px;
    padding: 0.25em 0.5em; }
  .principal table th {
    font-weight: bold; }
  .principal table tr.odd {
    background-color: #eceded; }
  .principal table thead th {
    background-color: #d7d7d7; }

.fiche-projet {
  background-color: white;
  padding: 1px 20px; }

.l-accueil {
  	/*
  div[role=main]{
  		background-color: white;
  		padding: 1px 20px;
  	}
  */ }
  .l-accueil main, .l-accueil .main {
    width: 66%;
    float: left; }
    @media screen and (max-width: 660px) {
      .l-accueil main, .l-accueil .main {
        float: inherit;
        width: 100%; } }
  .l-accueil aside {
    width: 32%;
    float: right; }
  @media screen and (max-width: 900px) {
    .l-accueil .main {
      width: 100%;
      float: none; }
    .l-accueil aside {
      width: 100%;
      float: none; }
    .l-accueil .gauche {
      width: 49%;
      float: left; }
    .l-accueil .droite {
      width: 49%;
      float: right; } }
  @media screen and (max-width: 660px) {
    .l-accueil .gauche, .l-accueil .droite {
      width: 100%;
      float: none; } }

.l-realisation [role=main], .l-realisation .gauche, .l-nouvelles [role=main], .l-nouvelles .gauche, .l-formulaire-recherche [role=main], .l-formulaire-recherche .gauche, .l-personas [role=main], .l-personas .gauche, .l-normal [role=main], .l-normal .gauche, .l-404 [role=main], .l-404 .gauche {
  width: 66%;
  float: left; }
  .l-realisation [role=main] h2, .l-realisation .gauche h2, .l-nouvelles [role=main] h2, .l-nouvelles .gauche h2, .l-formulaire-recherche [role=main] h2, .l-formulaire-recherche .gauche h2, .l-personas [role=main] h2, .l-personas .gauche h2, .l-normal [role=main] h2, .l-normal .gauche h2, .l-404 [role=main] h2, .l-404 .gauche h2 {
    color: #0075af;
    font-weight: bold; }
.l-realisation aside, .l-realisation .droite, .l-nouvelles aside, .l-nouvelles .droite, .l-formulaire-recherche aside, .l-formulaire-recherche .droite, .l-personas aside, .l-personas .droite, .l-normal aside, .l-normal .droite, .l-404 aside, .l-404 .droite {
  width: 32%;
  float: right; }
@media screen and (max-width: 660px) {
  .l-realisation [role=main], .l-realisation .gauche, .l-realisation aside, .l-realisation .droite, .l-nouvelles [role=main], .l-nouvelles .gauche, .l-nouvelles aside, .l-nouvelles .droite, .l-formulaire-recherche [role=main], .l-formulaire-recherche .gauche, .l-formulaire-recherche aside, .l-formulaire-recherche .droite, .l-personas [role=main], .l-personas .gauche, .l-personas aside, .l-personas .droite, .l-normal [role=main], .l-normal .gauche, .l-normal aside, .l-normal .droite, .l-404 [role=main], .l-404 .gauche, .l-404 aside, .l-404 .droite {
    width: 100%;
    float: none; } }
.l-realisation #map-canvas, .l-nouvelles #map-canvas, .l-formulaire-recherche #map-canvas, .l-personas #map-canvas, .l-normal #map-canvas, .l-404 #map-canvas {
  height: 300px;
  margin: 1em auto; }

.l-activites .gauche, .l-activite .gauche {
  width: 66%;
  float: left; }
  .l-activites .gauche h2, .l-activite .gauche h2 {
    font-weight: bold; }
.l-activites .droite, .l-activite .droite {
  width: 32%;
  float: right; }
@media screen and (max-width: 660px) {
  .l-activites .gauche, .l-activites .droite, .l-activite .gauche, .l-activite .droite {
    width: 100%;
    float: none; } }

.l-404 .principal form {
  position: relative;
  margin: 1em auto; }
  .l-404 .principal form input[type=text] {
    background-color: transparent;
    border: solid #e7e8e9 1px;
    font-size: 0.875em;
    padding: 2px 0 2px 2px;
    outline: none; }
  .l-404 .principal form input[type=submit] {
    background-color: #eceded;
    border: none;
    display: inline-block;
    font-weight: normal;
    padding: 6px 6px 5px !important; }

.mod-meta {
  background: #4b4b4b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4b4b4b 0%, #343434 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #343434));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4b4b4b 0%, #343434 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4b4b4b 0%, #343434 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4b4b4b 0%, #343434 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4b4b4b 0%, #343434 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#343434',GradientType=0 );
  /* IE6-9 */
  text-align: right; }
  .mod-meta form {
    background-color: #f5f5f5; }
    .mod-meta form input[type=text] {
      background-color: transparent;
      border: none;
      font-size: 0.875em;
      padding: 2px 0 2px 2px;
      outline: none; }
    .mod-meta form input[type=submit] {
      background: url(images/sprite-icones-noir.png) -70px -827px no-repeat;
      border: none;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 2px; }
      .ie7 .mod-meta form input[type=submit] {
        display: inline; }
    .mod-meta form.f-desktop {
      display: inline-block;
      position: relative;
      top: -2px;
      margin-right: 0.75em; }
      .ie7 .mod-meta form.f-desktop {
        display: inline; }
    .mod-meta form.f-mobile {
      display: none;
      margin: 10px auto; }
      .mod-meta form.f-mobile input[type=text] {
        width: 90%; }
  .mod-meta .c-recherche-mobile {
    padding-top: 1px;
    padding-bottom: 1px; }
  .mod-meta a {
    color: white;
    display: inline-block;
    height: 20px;
    padding: 10px 1em;
    font-size: 0.875em;
    text-decoration: none; }
    .mod-meta a i {
      position: relative;
      bottom: -3px;
      margin-left: 0.25em; }
    .mod-meta a:hover {
      background-color: #656565; }
  .mod-meta .mobile {
    background: url(images/icone-menu.png) center center no-repeat;
    display: none;
    width: 20px;
    height: 20px; }
    .mod-meta .mobile span {
      display: none; }
  .mod-meta .recherche {
    background: url(images/icone-recherche.png) center center no-repeat;
    display: none;
    width: 20px;
    height: 20px; }
    .mod-meta .recherche span {
      display: none; }
  .mod-meta .fermer {
    background-image: url(images/icone-fermer.png); }
  @media screen and (max-width: 780px) {
    .mod-meta {
      position: relative;
      text-align: left; }
      .mod-meta form.f-desktop {
        margin-right: 10px; }
        .mod-meta form.f-desktop input[type=text] {
          width: 100px; }
      .mod-meta .mobile {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999; }
      .mod-meta .accueil_mobile {
        display: none; } }
  @media screen and (max-width: 500px) {
    .mod-meta .recherche {
      display: inline-block;
      position: absolute;
      top: 0;
      right: 50px;
      z-index: 9999; }
    .mod-meta form.f-desktop {
      display: none; }
    .mod-meta form.f-mobile {
      display: block; } }

.mod-entete {
  background-color: white;
  z-index: 9999; }
  .mod-entete > .contenant {
    background: url(images/fond-entete.png) right center no-repeat;
    position: relative;
    padding: 1px 0; }
  .mod-entete .logo {
    background: url(images/ctreq.png) center center no-repeat;
    display: inline-block;
    width: 400px;
    height: 85px;
    margin: 1.5em auto; }
    .mod-entete .logo span {
      display: none; }
  .mod-entete .social {
    position: absolute;
    right: 1.5em;
    bottom: 1.5em; }
    .mod-entete .social li {
      display: inline; }
    .mod-entete .social a {
      background: url(images/sprite-social-blanc.png) left top no-repeat;
      display: inline-block;
      width: 40px;
      height: 40px; }
      .mod-entete .social a span {
        display: none; }
      .mod-entete .social a.facebook {
        background-position: -40px 6px;
        background-color: #0075b0; }
        .mod-entete .social a.facebook:hover {
          background-color: #006497; }
      .mod-entete .social a.twitter {
        background-position: 8px 7px;
        background-color: #08b2ee; }
        .mod-entete .social a.twitter:hover {
          background-color: #07a0d5; }
      .mod-entete .social a.rss {
        background-position: -92px 7px;
        background-color: #f8a427; }
        .mod-entete .social a.rss:hover {
          background-color: #f79a0e; }
      .mod-entete .social a.linkedin {
        background-position: -144px 6px;
        background-color: #238cc8; }
        .mod-entete .social a.linkedin:hover {
          background-color: #1f7db2; }
  @media screen and (max-width: 885px) {
    .mod-entete > .contenant {
      background-position: 111px center; } }
  @media screen and (max-width: 610px) {
    .mod-entete > .contenant {
      background-position: left center;
      padding: 1px 2%;
      text-align: center; }
    .mod-entete .logo {
      margin: 1em auto;
      background: url(images/ctreq-petit.png) center center no-repeat;
      width: 308px;
      height: 67px; }
    .mod-entete .social {
      display: none; } }

.mod-nav-principale {
  background-color: #0075af; }
  .mod-nav-principale .contenant {
    background: none; }
  .mod-nav-principale li {
    display: inline; }
    .mod-nav-principale li.active a {
      background: #006ba0;
      /* Old browsers */
      background: -moz-linear-gradient(top, #006ba0 0%, #00547c 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006ba0), color-stop(100%, #00547c));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #006ba0 0%, #00547c 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #006ba0 0%, #00547c 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #006ba0 0%, #00547c 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #006ba0 0%, #00547c 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ba0', endColorstr='#00547c',GradientType=0 );
      /* IE6-9 */ }
    .mod-nav-principale li.accueil i {
      background: url(images/ico-accueil.png) center center no-repeat;
      width: 14px !important;
      height: 14px !important;
      vertical-align: bottom;
      position: relative;
      top: -4px; }
    .mod-nav-principale li.accueil a {
      padding: 1em 1em; }
  .mod-nav-principale a {
    background-repeat: repeat-x;
    background-position: 0 100px;
    color: white;
    font-size: 0.875em;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 1em 1.75em; }
    .mod-nav-principale a:hover, .mod-nav-principale a.courant {
      background: #006ba0;
      /* Old browsers */
      background: -moz-linear-gradient(top, #006ba0 0%, #00547c 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006ba0), color-stop(100%, #00547c));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #006ba0 0%, #00547c 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #006ba0 0%, #00547c 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #006ba0 0%, #00547c 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #006ba0 0%, #00547c 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ba0', endColorstr='#00547c',GradientType=0 );
      /* IE6-9 */ }
  @media screen and (max-width: 1040px) {
    .mod-nav-principale {
      text-align: center;
      z-index: 9999; }
      .mod-nav-principale a {
        padding: 1em 0.75em; } }
  @media screen and (max-width: 780px) {
    .mod-nav-principale {
      		/*
      position: absolute;
      		top: 188px;
      */
      position: relative;
      height: 0;
      width: 100%; }
      .mod-nav-principale .contenant {
        background-color: #0075af;
        padding: 0;
        text-align: left; }
      .mod-nav-principale li {
        display: inline-block;
        width: 50%;
        text-align: center; }
        .mod-nav-principale li.accueil {
          display: none; }
      .mod-nav-principale a {
        width: 100%;
        padding: 1em 0; } }

.mod-segmentation {
  border-bottom: solid #d7d7d7 20px; }
  .mod-segmentation .icon-petit {
    display: none; }
  .mod-segmentation .item {
    transition: background-position 0.5s;
    -webkit-transition: background-position 0.5s;
    background: #f5f5f5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e8e9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e7e8e9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #e7e8e9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%, #e7e8e9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%, #e7e8e9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%, #e7e8e9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e8e9',GradientType=0 );
    /* IE6-9 */
    background-repeat: repeat-x;
    background-position: 0 15em;
    border-bottom: solid #d7d7d7 20px;
    color: inherit;
    display: block;
    text-decoration: none;
    height: 12em;
    padding: 1em 1em 3em 1em;
    position: relative;
    bottom: -20px; }
    .mod-segmentation .item:hover, .mod-segmentation .item.courant {
      background-position: 0 0; }
    .mod-segmentation .item.bleu:hover {
      border-color: #00afee; }
      .mod-segmentation .item.bleu:hover .titre {
        color: #00afee; }
    .mod-segmentation .item.vert:hover {
      border-color: #90c546; }
      .mod-segmentation .item.vert:hover .titre {
        color: #90c546; }
    .mod-segmentation .item.orange:hover {
      border-color: #f79324; }
      .mod-segmentation .item.orange:hover .titre {
        color: #f79324; }
    .mod-segmentation .item.rouge:hover {
      border-color: #dc3c36; }
      .mod-segmentation .item.rouge:hover .titre {
        color: #dc3c36; }
    .mod-segmentation .item.mauve:hover {
      border-color: #a5006e; }
      .mod-segmentation .item.mauve:hover .titre {
        color: #a5006e; }
  .mod-segmentation li {
    display: inline-block;
    width: 33.333%;
    text-align: center;
    vertical-align: top; }
    .ie7 .mod-segmentation li {
      display: inline; }
  .mod-segmentation .titre {
    transition: color 0.25s;
    -webkit-transition: color 0.25s;
    display: block;
    font-size: 1.75em;
    text-transform: uppercase;
    margin: 0.7em auto; }
  .mod-segmentation .description {
    /* font-size: 1em; */
    font-size: 1.2em;
    line-height: 1.2em; }
  @media screen and (max-width: 1000px) {
    .mod-segmentation .item {
      height: 6em; }
    .mod-segmentation .description {
      display: none; } }
  @media screen and (max-width: 640px) {
    .mod-segmentation {
      text-align: center; }
      .mod-segmentation li {
        width: 33.333%; }
      .mod-segmentation .item {
        background: none;
        bottom: 0;
        border: none;
        height: auto;
        padding: 0;
        margin: 1em 1em; }
      .mod-segmentation .icon {
        display: none; }
      .mod-segmentation .icon-petit {
        display: inline-block; }
        .ie7 .mod-segmentation .icon-petit {
          display: inline; }
      .mod-segmentation .titre {
        display: none; } }

.mod-segmentation + .contenant {
  text-align: center; }

.declencheur-segmentation {
  background-color: transparent;
  border-radius: 15px;
  display: inline-block;
  color: white;
  width: 20px;
  height: 20px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  top: -20px; }
  .ie7 .declencheur-segmentation {
    display: inline; }
  .declencheur-segmentation:hover {
    background-color: #bebebe; }

.mod-tuiles {
  margin: 1em auto; }
  .mod-tuiles .tuile, .mod-tuiles.galerie .tuile {
    background-color: white;
    padding: 10px 20px;
    border-bottom: solid #d7d7d7 20px;
    display: inline-block;
    vertical-align: top;
    width: 280px;
    height: 280px;
    margin: 10px 0; }
    .mod-tuiles .tuile .icon-moyen, .mod-tuiles.galerie .tuile .icon-moyen {
      position: absolute;
      top: 15px;
      right: 15px; }
    .mod-tuiles .tuile .icon-xlarge, .mod-tuiles.galerie .tuile .icon-xlarge {
      display: none; }
    .mod-tuiles .tuile .titre, .mod-tuiles.galerie .tuile .titre {
      font-size: 1.3125em;
      font-weight: normal;
      text-transform: uppercase;
      margin: 0.5em auto; }
    .mod-tuiles .tuile .plus, .mod-tuiles.galerie .tuile .plus {
      background: url(images/sprite-fleches.png) right 3px no-repeat;
      color: inherit;
      display: inline-block;
      font-size: 0.875em;
      margin: 0.5em auto;
      padding-right: 20px; }
    .mod-tuiles .tuile.est-ferme, .mod-tuiles.galerie .tuile.est-ferme {
      background-color: #e7e8e9;
      border-bottom: none;
      display: inline-block;
      width: 130px;
      height: 90px;
      padding: 30px 10px; }
      .mod-tuiles .tuile.est-ferme .icon-xlarge, .mod-tuiles.galerie .tuile.est-ferme .icon-xlarge {
        display: block; }
      .mod-tuiles .tuile.est-ferme .titre, .mod-tuiles.galerie .tuile.est-ferme .titre {
        color: #636363;
        font-size: 1em;
        text-align: center; }
        .mod-tuiles .tuile.est-ferme .titre .icon, .mod-tuiles.galerie .tuile.est-ferme .titre .icon {
          display: none; }
      .mod-tuiles .tuile.est-ferme .contenu, .mod-tuiles.galerie .tuile.est-ferme .contenu {
        display: none; }
      .mod-tuiles .tuile.est-ferme .plus, .mod-tuiles.galerie .tuile.est-ferme .plus {
        display: none; }
      .mod-tuiles .tuile.est-ferme:hover, .mod-tuiles.galerie .tuile.est-ferme:hover {
        cursor: pointer; }
        .mod-tuiles .tuile.est-ferme:hover .titre, .mod-tuiles.galerie .tuile.est-ferme:hover .titre {
          color: white; }
        .mod-tuiles .tuile.est-ferme:hover .icon, .mod-tuiles.galerie .tuile.est-ferme:hover .icon {
          background-image: url(images/sprite-icones-blanc.png); }
    .mod-tuiles .tuile.documents .contenu, .mod-tuiles.galerie .tuile.documents .contenu {
      padding: 20px; }
    .mod-tuiles .tuile.documents .nom, .mod-tuiles.galerie .tuile.documents .nom {
      text-decoration: none;
      font-weight: 500; }
    .mod-tuiles .tuile.documents .description, .mod-tuiles.galerie .tuile.documents .description {
      display: block;
      margin-left: 1em; }
    .mod-tuiles .tuile.documents li, .mod-tuiles.galerie .tuile.documents li {
      list-style-type: disc;
      list-style-position: inside; }
    .mod-tuiles .tuile.presentation .adapt, .mod-tuiles.galerie .tuile.presentation .adapt {
      position: relative;
      padding-bottom: 56.25%;
      /* 16/9 ratio */
      height: 0;
      overflow: hidden; }
      .mod-tuiles .tuile.presentation .adapt iframe, .mod-tuiles .tuile.presentation .adapt object, .mod-tuiles .tuile.presentation .adapt embed, .mod-tuiles.galerie .tuile.presentation .adapt iframe, .mod-tuiles.galerie .tuile.presentation .adapt object, .mod-tuiles.galerie .tuile.presentation .adapt embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .mod-tuiles.activites .tuile {
    border-bottom: none;
    padding: 0;
    position: relative;
    width: 490px; }
    .mod-tuiles.activites .tuile .titre {
      background-color: #eceded;
      padding: 20px;
      text-transform: none;
      margin: 0; }
    .mod-tuiles.activites .tuile .contenu {
      padding: 0 20px; }
    .mod-tuiles.activites .tuile .date {
      padding: 0 20px; }
    .mod-tuiles.activites .tuile.est-ferme {
      width: 150px;
      height: 150px; }
      .mod-tuiles.activites .tuile.est-ferme:hover .titre, .mod-tuiles.activites .tuile.est-ferme:hover .date {
        color: white !important; }
      .mod-tuiles.activites .tuile.est-ferme .titre {
        text-align: left;
        padding: 0;
        position: absolute;
        bottom: 30px;
        left: 10px; }
      .mod-tuiles.activites .tuile.est-ferme .date {
        display: block;
        padding: 0;
        position: absolute;
        bottom: 10px;
        left: 10px; }
  .mod-tuiles.galerie .tuile {
    border-bottom: none;
    width: 100%;
    padding: 0;
    height: auto; }
    .mod-tuiles.galerie .tuile ul, .mod-tuiles.galerie .tuile ol {
      margin: 0 auto; }
    .mod-tuiles.galerie .tuile .titre {
      color: #636363;
      font-size: 1.063em;
      background: #eceded;
      /* Old browsers */
      background: -moz-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eceded), color-stop(100%, #e7e8e9));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #eceded 0%, #e7e8e9 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceded', endColorstr='#e7e8e9',GradientType=0 );
      /* IE6-9 */
      margin: 0 auto;
      padding: 20px 20px;
      position: relative; }
      .mod-tuiles.galerie .tuile .titre .icon {
        top: 15px;
        right: 20px; }
    .mod-tuiles.galerie .tuile.est-ferme .titre {
      background: none;
      background-color: transparent;
      filter: none;
      margin: 0.5em 0;
      padding: 0; }
    .mod-tuiles.galerie .tuile.images img {
      width: 100%;
      height: auto; }
    .mod-tuiles.galerie .tuile.video iframe {
      width: 100%; }
  .mod-tuiles.bleu .titre {
    color: #37c5f3; }
  .mod-tuiles.bleu .tuile {
    border-color: #37c5f3; }
    .mod-tuiles.bleu .tuile.est-ferme:hover {
      background: #37c5f3;
      /* Old browsers */
      background: -moz-linear-gradient(top, #37c5f3 0%, #00afee 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37c5f3), color-stop(100%, #00afee));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #37c5f3 0%, #00afee 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #37c5f3 0%, #00afee 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #37c5f3 0%, #00afee 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #37c5f3 0%, #00afee 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37c5f3', endColorstr='#00afee',GradientType=0 );
      /* IE6-9 */ }
  .mod-tuiles.bleu .plus {
    background-position: right -122px; }
  .mod-tuiles.bleu.galerie .titre {
    background: #37c5f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37c5f3), color-stop(100%, #00afee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #37c5f3 0%, #00afee 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37c5f3', endColorstr='#00afee',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-tuiles.bleu.galerie .documents .nom {
    color: #37c5f3; }
  .mod-tuiles.bleu.activites .tuile .titre {
    background: #37c5f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37c5f3), color-stop(100%, #00afee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #37c5f3 0%, #00afee 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37c5f3', endColorstr='#00afee',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-tuiles.bleu.activites .tuile.est-ferme .titre {
    background: none;
    color: inherit; }
  .mod-tuiles.vert .titre {
    color: #add750; }
  .mod-tuiles.vert .tuile {
    border-color: #add750; }
    .mod-tuiles.vert .tuile.est-ferme:hover {
      background: #add750;
      /* Old browsers */
      background: -moz-linear-gradient(top, #add750 0%, #90c546 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #add750), color-stop(100%, #90c546));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #add750 0%, #90c546 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #add750 0%, #90c546 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #add750 0%, #90c546 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #add750 0%, #90c546 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add750', endColorstr='#90c546',GradientType=0 );
      /* IE6-9 */ }
  .mod-tuiles.vert .plus {
    background-position: right -184px; }
  .mod-tuiles.vert.galerie .titre {
    background: #add750;
    /* Old browsers */
    background: -moz-linear-gradient(top, #add750 0%, #90c546 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #add750), color-stop(100%, #90c546));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #add750 0%, #90c546 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #add750 0%, #90c546 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #add750 0%, #90c546 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #add750 0%, #90c546 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add750', endColorstr='#90c546',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-tuiles.vert.galerie .documents .nom {
    color: #add750; }
  .mod-tuiles.orange .titre {
    color: #f9a528; }
  .mod-tuiles.orange .tuile {
    border-color: #f9a528; }
    .mod-tuiles.orange .tuile.est-ferme:hover {
      background: #f9a528;
      /* Old browsers */
      background: -moz-linear-gradient(top, #f9a528 0%, #f79324 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9a528), color-stop(100%, #f79324));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #f9a528 0%, #f79324 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #f9a528 0%, #f79324 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #f9a528 0%, #f79324 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #f9a528 0%, #f79324 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a528', endColorstr='#f79324',GradientType=0 );
      /* IE6-9 */ }
  .mod-tuiles.orange .plus {
    background-position: right -246px; }
  .mod-tuiles.orange.galerie .titre {
    background: #f9a528;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9a528), color-stop(100%, #f79324));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9a528 0%, #f79324 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a528', endColorstr='#f79324',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-tuiles.orange.galerie .documents .nom {
    color: #f9a528; }
  .mod-tuiles.rouge .titre {
    color: #ef4136; }
  .mod-tuiles.rouge .tuile {
    border-color: #ef4136; }
    .mod-tuiles.rouge .tuile.est-ferme:hover {
      background: #ef4136;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef4136), color-stop(100%, #dc3c36));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #ef4136 0%, #dc3c36 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4136', endColorstr='#dc3c36',GradientType=0 );
      /* IE6-9 */ }
  .mod-tuiles.rouge .plus {
    background-position: right -309px; }
  .mod-tuiles.rouge.galerie .titre {
    background: #ef4136;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef4136), color-stop(100%, #dc3c36));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ef4136 0%, #dc3c36 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4136', endColorstr='#dc3c36',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-tuiles.rouge.galerie .documents .nom {
    color: #ef4136; }
  .mod-tuiles.mauve .titre {
    color: #b9006e; }
  .mod-tuiles.mauve .tuile {
    border-color: #b9006e; }
    .mod-tuiles.mauve .tuile.est-ferme:hover {
      background: #b9006e;
      /* Old browsers */
      background: -moz-linear-gradient(top, #b9006e 0%, #a5006e 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9006e), color-stop(100%, #a5006e));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #b9006e 0%, #a5006e 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #b9006e 0%, #a5006e 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #b9006e 0%, #a5006e 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #b9006e 0%, #a5006e 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9006e', endColorstr='#a5006e',GradientType=0 );
      /* IE6-9 */ }
  .mod-tuiles.mauve .plus {
    background-position: right -60px; }
  .mod-tuiles.mauve.galerie .titre {
    background: #b9006e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9006e), color-stop(100%, #a5006e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #b9006e 0%, #a5006e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9006e', endColorstr='#a5006e',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-tuiles.mauve.galerie .documents .nom {
    color: #b9006e; }
  @media screen and (max-width: 510px) {
    .mod-tuiles .tuile {
      width: 96% !important;
      padding: 2%;
      height: auto; }
      .mod-tuiles .tuile.est-ferme {
        padding: 15px 10px !important; }
    .mod-tuiles.galerie .tuile {
      width: 100% !important; } }
  @media screen and (max-width: 400px) {
    .mod-tuiles .tuile.est-ferme, .mod-tuiles.galerie .tuile.est-ferme {
      padding: 20px;
      width: 90%;
      height: auto;
      margin: 0.5em auto; }
      .mod-tuiles .tuile.est-ferme .icon-xlarge, .mod-tuiles.galerie .tuile.est-ferme .icon-xlarge {
        display: none; }
      .mod-tuiles .tuile.est-ferme .titre, .mod-tuiles.galerie .tuile.est-ferme .titre {
        width: auto;
        text-align: left;
        padding-left: 0px;
        position: static;
        margin: auto; }
        .mod-tuiles .tuile.est-ferme .titre .icon, .mod-tuiles.galerie .tuile.est-ferme .titre .icon {
          background-image: url(images/sprite-icones-noir.png);
          display: block;
          top: 10px;
          right: 30px;
          						/*
          position: static;
          						float: left;
          						margin-right: 0.5em;
          */ }
      .mod-tuiles .tuile.est-ferme:hover .titre .icon, .mod-tuiles.galerie .tuile.est-ferme:hover .titre .icon {
        background-image: url(images/sprite-icones-blanc.png); } }

.mod-formulaire {
  background-color: #e7e8e9;
  margin: 1em auto; }
  .mod-formulaire .titre {
    background: #eceded;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eceded), color-stop(100%, #e7e8e9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eceded 0%, #e7e8e9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceded', endColorstr='#e7e8e9',GradientType=0 );
    /* IE6-9 */
    color: #636363;
    font-weight: 500;
    padding: 20px 20px;
    position: relative;
    text-transform: uppercase; }
    .mod-formulaire .titre .icon {
      position: absolute;
      top: 1em;
      right: 1em; }
  .mod-formulaire form {
    padding: 20px; }
  .mod-formulaire .gauche {
    float: left;
    width: 49%; }
  .mod-formulaire .droite {
    float: right;
    width: 49%; }
  .mod-formulaire .controles {
    clear: both;
    text-align: right;
    margin-top: 1em; }
  .mod-formulaire p {
    margin: 0.5em auto; }
  .mod-formulaire .style-select {
    background: url("images/fleche-select.png") no-repeat scroll right center #ECEDED;
    border: 1px solid #d7d7d7;
    height: 34px;
    margin: 1em 0 0;
    overflow: hidden;
    width: 100%; }
    .mod-formulaire .style-select select {
      background-color: transparent;
      color: #636363;
      font-family: inherit;
      height: 100%;
      padding: 0.5em;
      width: 115%; }
      .ie7 .mod-formulaire .style-select select {
        width: 100%; }
  .mod-formulaire label.interne {
    background-color: #d7d7d7;
    border: solid #cacaca 1px;
    font-size: 0.875em;
    display: block;
    margin: 1em auto;
    padding: 10px; }
    .mod-formulaire label.interne input[type=text] {
      border: solid #eceded 1px;
      color: #636363;
      font-family: inherit;
      font-size: 1em;
      display: block;
      padding: 0.4em;
      margin-top: 10px;
      width: 98%; }
  .mod-formulaire input[type=submit], .mod-formulaire button[type=submit] {
    background-image: none;
    border: none;
    border-radius: 0;
    color: #636363;
    font-size: 0.875em;
    font-weight: normal;
    padding: 0.5em 0.75em;
    text-shadow: none; }
  .mod-formulaire input[type=radio], .mod-formulaire input[type=checkbox] {
    font-size: 1.5em; }
  .mod-formulaire.bleu .titre {
    background: #37c5f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37c5f3), color-stop(100%, #00afee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #37c5f3 0%, #00afee 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37c5f3', endColorstr='#00afee',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-formulaire.bleu input[type=submit] {
    background-color: #00afee;
    color: white; }
    .mod-formulaire.bleu input[type=submit]:hover {
      background-color: #37c5f3; }
  .mod-formulaire.vert .titre {
    background: #add750;
    /* Old browsers */
    background: -moz-linear-gradient(top, #add750 0%, #90c546 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #add750), color-stop(100%, #90c546));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #add750 0%, #90c546 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #add750 0%, #90c546 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #add750 0%, #90c546 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #add750 0%, #90c546 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add750', endColorstr='#90c546',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-formulaire.vert input[type=submit] {
    background-color: #90c546;
    color: white; }
    .mod-formulaire.vert input[type=submit]:hover {
      background-color: #add750; }
  .mod-formulaire.orange .titre {
    background: #f9a528;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9a528), color-stop(100%, #f79324));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9a528 0%, #f79324 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a528', endColorstr='#f79324',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-formulaire.orange input[type=submit] {
    background-color: #f79324;
    color: white; }
    .mod-formulaire.orange input[type=submit]:hover {
      background-color: #f9a528; }
  .mod-formulaire.rouge .titre {
    background: #ef4136;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef4136), color-stop(100%, #dc3c36));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ef4136 0%, #dc3c36 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4136', endColorstr='#dc3c36',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-formulaire.rouge input[type=submit] {
    background-color: #dc3c36;
    color: white; }
    .mod-formulaire.rouge input[type=submit]:hover {
      background-color: #ef4136; }
  .mod-formulaire.mauve .titre {
    background: #b9006e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9006e), color-stop(100%, #a5006e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #b9006e 0%, #a5006e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9006e', endColorstr='#a5006e',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-formulaire.mauve input[type=submit] {
    background-color: #a5006e;
    color: white; }
    .mod-formulaire.mauve input[type=submit]:hover {
      background-color: #b9006e; }
  @media screen and (max-width: 600px) {
    .mod-formulaire .gauche, .mod-formulaire .droite {
      float: none;
      width: auto; } }

.mod-complement, .mod-telechargement {
  margin: 1em auto; }
  .mod-complement > .titre, .mod-telechargement > .titre {
    background: #eceded;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eceded), color-stop(100%, #e7e8e9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eceded 0%, #e7e8e9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceded', endColorstr='#e7e8e9',GradientType=0 );
    /* IE6-9 */
    font-size: 1.063em;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 auto;
    position: relative;
    padding: 20px; }
    .mod-complement > .titre .icon, .mod-telechargement > .titre .icon {
      position: absolute;
      top: 15px;
      right: 15px; }
  .mod-complement .sous-titre, .mod-telechargement .sous-titre {
    color: #363636;
    font-size: 1.063em;
    margin: 1em auto;
    text-transform: uppercase;
    font-weight: 500; }
  .mod-complement ul, .mod-telechargement ul, .mod-complement ol, .mod-telechargement ol {
    list-style-type: disc;
    list-style-position: inside; }
    .ie7 .mod-complement ul, .ie7 .mod-telechargement ul, .ie7 .mod-complement ol, .ie7 .mod-telechargement ol {
      list-style-position: outside; }
  .mod-complement p, .mod-telechargement p {
    margin: 1em auto; }
  .mod-complement i.fa, .mod-telechargement i.fa {
    font-size: 1.2em; }
  .mod-complement .liste, .mod-telechargement .liste {
    background-color: white;
    padding: 1px 20px; }
    .mod-complement .liste li, .mod-telechargement .liste li {
      margin: 1em auto;
      list-style-type: none; }
    .mod-complement .liste .nom, .mod-telechargement .liste .nom {
      display: inline;
      font-weight: 500;
      text-decoration: none; }
    .mod-complement .liste .courriel, .mod-telechargement .liste .courriel {
      color: inherit;
      margin: 0.5em 0 0.5em 0em;
      text-decoration: none; }
      .mod-complement .liste .courriel:hover, .mod-telechargement .liste .courriel:hover {
        text-decoration: underline; }
    .mod-complement .liste .poste, .mod-telechargement .liste .poste {
      display: block;
      margin: 0 0 0.5em 0em; }
    .mod-complement .liste .description, .mod-telechargement .liste .description {
      display: block;
      margin: 0 0 0.5em 0em; }
  .mod-complement .contenu, .mod-telechargement .contenu {
    background-color: white;
    padding: 1px 20px 1px 20px; }
    .mod-complement .contenu.principal, .mod-telechargement .contenu.principal {
      margin: 0 auto; }
    .mod-complement .contenu .titre, .mod-telechargement .contenu .titre {
      font-weight: 500;
      margin: 0.5em auto; }
      .mod-complement .contenu .titre a, .mod-telechargement .contenu .titre a {
        color: inherit;
        text-decoration: none; }
    .mod-complement .contenu p, .mod-telechargement .contenu p, .mod-complement .contenu ul, .mod-telechargement .contenu ul, .mod-complement .contenu ol, .mod-telechargement .contenu ol {
      font-size: 0.875em;
      margin: 1em auto; }
  .mod-complement .formulaire, .mod-telechargement .formulaire {
    background-color: white;
    padding: 1px 20px; }
    .mod-complement .formulaire form label, .mod-telechargement .formulaire form label {
      display: none; }
      .mod-complement .formulaire form label.afficher, .mod-telechargement .formulaire form label.afficher {
        display: inherit; }
    .mod-complement .formulaire form input[type=text], .mod-telechargement .formulaire form input[type=text], .mod-complement .formulaire form input[type=email], .mod-telechargement .formulaire form input[type=email] {
      width: 100%; }
    .mod-complement .formulaire form select, .mod-telechargement .formulaire form select {
      width: 100%; }
    .mod-complement .formulaire form input[type=submit], .mod-telechargement .formulaire form input[type=submit] {
      background-image: none;
      border: none;
      border-radius: 0;
      color: #636363;
      font-size: 0.875em;
      font-weight: normal;
      padding: 0.5em 0.75em;
      text-shadow: none; }
    .mod-complement .formulaire form input[type=text], .mod-telechargement .formulaire form input[type=text], .mod-complement .formulaire form input[type=email], .mod-telechargement .formulaire form input[type=email], .mod-complement .formulaire form select, .mod-telechargement .formulaire form select, .mod-complement .formulaire form textarea, .mod-telechargement .formulaire form textarea {
      background-color: #eceded;
      border: none;
      color: #636363;
      font-family: inherit;
      font-size: 1em;
      padding: 2px 0px 2px 2px;
      resize: none; }
    .mod-complement .formulaire form input[type=radio], .mod-telechargement .formulaire form input[type=radio], .mod-complement .formulaire form input[type=checkbox], .mod-telechargement .formulaire form input[type=checkbox] {
      width: 1.5em;
      height: 1.5em; }
    .mod-complement .formulaire form.ligne input[type=text], .mod-telechargement .formulaire form.ligne input[type=text], .mod-complement .formulaire form.ligne input[type=email], .mod-telechargement .formulaire form.ligne input[type=email] {
      width: 75%; }
    .mod-complement .formulaire form.ligne input[type=submit], .mod-telechargement .formulaire form.ligne input[type=submit] {
      width: 25%; }
  .mod-complement .date, .mod-telechargement .date {
    font-size: 0.875em;
    font-weight: 500;
    margin: 1em auto; }
    .mod-complement .date .icon, .mod-telechargement .date .icon {
      vertical-align: bottom; }
  .mod-complement .item, .mod-telechargement .item {
    border-top: solid #636363 1px;
    margin-bottom: 1em;
    padding-top: 1em; }
    .mod-complement .item:first-child, .mod-telechargement .item:first-child {
      border-top: none; }
  .mod-complement .plus, .mod-telechargement .plus {
    background: url(images/sprite-fleches.png) right 3px no-repeat;
    color: inherit;
    display: inline-block;
    font-size: 0.875em;
    margin: 0.5em auto;
    padding-right: 20px; }
  .mod-complement .lien, .mod-telechargement .lien {
    background: #eceded;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eceded), color-stop(100%, #e7e8e9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eceded 0%, #e7e8e9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceded', endColorstr='#e7e8e9',GradientType=0 );
    /* IE6-9 */
    color: white;
    font-size: 0.875em;
    display: block;
    padding: 5px 20px;
    text-align: right;
    text-decoration: none; }
    .mod-complement .lien .icon, .mod-telechargement .lien .icon {
      margin-left: 0.25em; }
  .mod-complement.bleu > .titre, .bleu.mod-telechargement > .titre {
    background: #37c5f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37c5f3), color-stop(100%, #00afee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #37c5f3 0%, #00afee 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37c5f3', endColorstr='#00afee',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-complement.bleu .liste .nom, .bleu.mod-telechargement .liste .nom {
    color: #37c5f3; }
  .mod-complement.bleu .contenu .titre, .bleu.mod-telechargement .contenu .titre {
    color: #37c5f3; }
    .mod-complement.bleu .contenu .titre a:hover, .bleu.mod-telechargement .contenu .titre a:hover {
      color: #00afee; }
  .mod-complement.bleu .plus, .bleu.mod-telechargement .plus {
    background-position: right -122px; }
  .mod-complement.bleu .lien, .bleu.mod-telechargement .lien {
    background: #37c5f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37c5f3), color-stop(100%, #00afee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #37c5f3 0%, #00afee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #37c5f3 0%, #00afee 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37c5f3', endColorstr='#00afee',GradientType=0 );
    /* IE6-9 */ }
  .mod-complement.bleu .formulaire input[type=submit], .bleu.mod-telechargement .formulaire input[type=submit] {
    background-color: #00afee;
    color: white; }
    .mod-complement.bleu .formulaire input[type=submit]:hover, .bleu.mod-telechargement .formulaire input[type=submit]:hover {
      background-color: #37c5f3; }
  .mod-complement.vert > .titre, .vert.mod-telechargement > .titre {
    background: #add750;
    /* Old browsers */
    background: -moz-linear-gradient(top, #add750 0%, #90c546 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #add750), color-stop(100%, #90c546));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #add750 0%, #90c546 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #add750 0%, #90c546 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #add750 0%, #90c546 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #add750 0%, #90c546 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add750', endColorstr='#90c546',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-complement.vert .liste .nom, .vert.mod-telechargement .liste .nom {
    color: #add750; }
  .mod-complement.vert .contenu .titre, .vert.mod-telechargement .contenu .titre {
    color: #add750; }
    .mod-complement.vert .contenu .titre a:hover, .vert.mod-telechargement .contenu .titre a:hover {
      color: #90c546; }
  .mod-complement.vert .plus, .vert.mod-telechargement .plus {
    background-position: right -184px; }
  .mod-complement.vert .lien, .vert.mod-telechargement .lien {
    background: #add750;
    /* Old browsers */
    background: -moz-linear-gradient(top, #add750 0%, #90c546 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #add750), color-stop(100%, #90c546));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #add750 0%, #90c546 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #add750 0%, #90c546 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #add750 0%, #90c546 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #add750 0%, #90c546 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add750', endColorstr='#90c546',GradientType=0 );
    /* IE6-9 */ }
  .mod-complement.vert .formulaire input[type=submit], .vert.mod-telechargement .formulaire input[type=submit] {
    background-color: #90c546;
    color: white;
    float: right;
    margin: 0 0 0.5em 0; }
    .mod-complement.vert .formulaire input[type=submit]:hover, .vert.mod-telechargement .formulaire input[type=submit]:hover {
      background-color: #add750; }
  .mod-complement.orange > .titre, .orange.mod-telechargement > .titre {
    background: #f9a528;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9a528), color-stop(100%, #f79324));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9a528 0%, #f79324 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a528', endColorstr='#f79324',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-complement.orange .liste .nom, .orange.mod-telechargement .liste .nom {
    color: #f9a528; }
  .mod-complement.orange .liste a, .orange.mod-telechargement .liste a {
    color: #636363; }
  .mod-complement.orange .contenu .titre, .orange.mod-telechargement .contenu .titre {
    color: #f9a528; }
    .mod-complement.orange .contenu .titre a:hover, .orange.mod-telechargement .contenu .titre a:hover {
      color: #f79324; }
  .mod-complement.orange .plus, .orange.mod-telechargement .plus {
    background-position: right -246px; }
  .mod-complement.orange .lien, .orange.mod-telechargement .lien {
    background: #f9a528;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9a528), color-stop(100%, #f79324));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9a528 0%, #f79324 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9a528 0%, #f79324 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a528', endColorstr='#f79324',GradientType=0 );
    /* IE6-9 */ }
  .mod-complement.orange .formulaire input[type=submit], .orange.mod-telechargement .formulaire input[type=submit] {
    background-color: #f79324;
    color: white; }
    .mod-complement.orange .formulaire input[type=submit]:hover, .orange.mod-telechargement .formulaire input[type=submit]:hover {
      background-color: #f9a528; }
  .mod-complement.rouge > .titre, .rouge.mod-telechargement > .titre {
    background: #ef4136;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef4136), color-stop(100%, #dc3c36));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ef4136 0%, #dc3c36 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4136', endColorstr='#dc3c36',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-complement.rouge .liste .nom, .rouge.mod-telechargement .liste .nom {
    color: #ef4136; }
  .mod-complement.rouge .contenu .titre, .rouge.mod-telechargement .contenu .titre {
    color: #ef4136; }
  .mod-complement.rouge .plus, .rouge.mod-telechargement .plus {
    background-position: right -309px; }
  .mod-complement.rouge .lien, .rouge.mod-telechargement .lien {
    background: #ef4136;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef4136), color-stop(100%, #dc3c36));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ef4136 0%, #dc3c36 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4136', endColorstr='#dc3c36',GradientType=0 );
    /* IE6-9 */ }
  .mod-complement.rouge .formulaire input[type=submit], .rouge.mod-telechargement .formulaire input[type=submit] {
    background-color: #dc3c36;
    color: white; }
    .mod-complement.rouge .formulaire input[type=submit]:hover, .rouge.mod-telechargement .formulaire input[type=submit]:hover {
      background-color: #ef4136; }
  .mod-complement.mauve > .titre, .mauve.mod-telechargement > .titre {
    background: #b9006e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9006e), color-stop(100%, #a5006e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #b9006e 0%, #a5006e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9006e', endColorstr='#a5006e',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-complement.mauve .liste .nom, .mauve.mod-telechargement .liste .nom {
    color: #b9006e; }
  .mod-complement.mauve .contenu .titre, .mauve.mod-telechargement .contenu .titre {
    color: #b9006e; }
    .mod-complement.mauve .contenu .titre a:hover, .mauve.mod-telechargement .contenu .titre a:hover {
      color: #a5006e; }
  .mod-complement.mauve .plus, .mauve.mod-telechargement .plus {
    background-position: right -60px; }
  .mod-complement.mauve .lien, .mauve.mod-telechargement .lien {
    background: #b9006e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9006e), color-stop(100%, #a5006e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b9006e 0%, #a5006e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #b9006e 0%, #a5006e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9006e', endColorstr='#a5006e',GradientType=0 );
    /* IE6-9 */ }
  .mod-complement.mauve .formulaire input[type=submit], .mauve.mod-telechargement .formulaire input[type=submit] {
    background-color: #a5006e;
    color: white; }
    .mod-complement.mauve .formulaire input[type=submit]:hover, .mauve.mod-telechargement .formulaire input[type=submit]:hover {
      background-color: #b9006e; }
  .mod-complement.fonce > .titre, .fonce.mod-telechargement > .titre {
    background: #787976;
    /* Old browsers */
    background: -moz-linear-gradient(top, #787976 0%, #464745 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #787976), color-stop(100%, #464745));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #787976 0%, #464745 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #787976 0%, #464745 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #787976 0%, #464745 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #787976 0%, #464745 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787976', endColorstr='#464745',GradientType=0 );
    /* IE6-9 */
    color: white; }
  .mod-complement.fonce .liste .nom, .fonce.mod-telechargement .liste .nom {
    color: #787976; }
  .mod-complement.fonce .contenu .titre, .fonce.mod-telechargement .contenu .titre {
    color: #787976; }
    .mod-complement.fonce .contenu .titre a:hover, .fonce.mod-telechargement .contenu .titre a:hover {
      color: #464745; }
  .mod-complement.fonce .plus, .fonce.mod-telechargement .plus {
    background-position: right -60px; }
  .mod-complement.fonce .lien, .fonce.mod-telechargement .lien {
    background: #787976;
    /* Old browsers */
    background: -moz-linear-gradient(top, #787976 0%, #464745 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #787976), color-stop(100%, #464745));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #787976 0%, #464745 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #787976 0%, #464745 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #787976 0%, #464745 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #787976 0%, #464745 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787976', endColorstr='#464745',GradientType=0 );
    /* IE6-9 */ }
  .mod-complement.fonce .formulaire input[type=submit], .fonce.mod-telechargement .formulaire input[type=submit] {
    background-color: #464745;
    color: white; }
    .mod-complement.fonce .formulaire input[type=submit]:hover, .fonce.mod-telechargement .formulaire input[type=submit]:hover {
      background-color: #787976; }

.mod-new-services div.contenant {
  background: #fff;
  padding: 20px;
  margin-top: 1em; }
  .mod-new-services div.contenant h2 {
    text-align: center;
    margin: 30px 0;
    color: #636363;
    font-size: 24px;
    font-weight: 300; }
    .mod-new-services div.contenant h2:after {
      /*content:"";
      position:absolute;
      width:10px;*/ }
  .mod-new-services div.contenant .services {
    margin: 20px 0 30px 0;
    padding: 0;
    text-align: center; }
    .mod-new-services div.contenant .services li {
      display: inline-block;
      width: 15%;
      text-align: center;
      /*background: #F5F5F5;
      background: -moz-linear-gradient(top, #ffffff 0%, #EFEFEF 100%);
      background: -webkit-linear-gradient(top, #ffffff 0%,#EFEFEF 100%);
      background: linear-gradient(to bottom, #ffffff 0%,#EFEFEF 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EFEFEF',GradientType=0 );*/
      margin: 0 1%;
      background-color: #F5F5F5;
      position: relative;
      transition: background-color 0.2s ease; }
      .mod-new-services div.contenant .services li.theme_vert {
        border-bottom: #90c546 10px solid; }
      .mod-new-services div.contenant .services li.theme_orange {
        border-bottom: #f79324 10px solid; }
      .mod-new-services div.contenant .services li.theme_rouge {
        border-bottom: #dc3c36 10px solid; }
      .mod-new-services div.contenant .services li.theme_mauve {
        border-bottom: #a5006e 10px solid; }
      .mod-new-services div.contenant .services li.theme_bleu {
        border-bottom: #00afee 10px solid; }
      .mod-new-services div.contenant .services li a {
        display: block;
        padding: 20px 10px;
        text-decoration: none;
        color: #444444; }
        .mod-new-services div.contenant .services li a span {
          display: block;
          margin-top: 10px; }
        .mod-new-services div.contenant .services li a:hover {
          color: #f79324; }
      .mod-new-services div.contenant .services li i {
        box-sizing: border-box;
        display: block; }
        .mod-new-services div.contenant .services li i.icon-petit {
          display: none; }
      .mod-new-services div.contenant .services li:hover, .mod-new-services div.contenant .services li.active {
        transition: background-color 0.2s ease; }
        .mod-new-services div.contenant .services li:hover a, .mod-new-services div.contenant .services li.active a {
          color: #fff; }
        .mod-new-services div.contenant .services li:hover.theme_vert, .mod-new-services div.contenant .services li.active.theme_vert {
          background: #90c546; }
          .mod-new-services div.contenant .services li:hover.theme_vert:after, .mod-new-services div.contenant .services li.active.theme_vert:after {
            border-top: 15px solid #90c546; }
        .mod-new-services div.contenant .services li:hover.theme_orange, .mod-new-services div.contenant .services li.active.theme_orange {
          background: #f79324; }
          .mod-new-services div.contenant .services li:hover.theme_orange:after, .mod-new-services div.contenant .services li.active.theme_orange:after {
            border-top: 15px solid #f79324; }
        .mod-new-services div.contenant .services li:hover.theme_rouge, .mod-new-services div.contenant .services li.active.theme_rouge {
          background: #dc3c36; }
          .mod-new-services div.contenant .services li:hover.theme_rouge:after, .mod-new-services div.contenant .services li.active.theme_rouge:after {
            border-top: 15px solid #dc3c36; }
        .mod-new-services div.contenant .services li:hover.theme_mauve, .mod-new-services div.contenant .services li.active.theme_mauve {
          background: #a5006e; }
          .mod-new-services div.contenant .services li:hover.theme_mauve:after, .mod-new-services div.contenant .services li.active.theme_mauve:after {
            border-top: 15px solid #a5006e; }
        .mod-new-services div.contenant .services li:hover.theme_bleu, .mod-new-services div.contenant .services li.active.theme_bleu {
          background: #00afee; }
          .mod-new-services div.contenant .services li:hover.theme_bleu:after, .mod-new-services div.contenant .services li.active.theme_bleu:after {
            border-top: 15px solid #00afee; }
        .mod-new-services div.contenant .services li:hover i, .mod-new-services div.contenant .services li.active i {
          background-image: url(images/sprite-icones-blanc.png); }
        .mod-new-services div.contenant .services li:hover:after, .mod-new-services div.contenant .services li.active:after {
          content: "";
          position: absolute;
          bottom: -24px;
          left: 50%;
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          margin-left: -15px; }
  .mod-new-services div.contenant .service.theme_vert .contenu {
    border: #90c546 5px solid; }
  .mod-new-services div.contenant .service.theme_orange .contenu {
    border: #f79324 5px solid; }
  .mod-new-services div.contenant .service.theme_rouge .contenu {
    border: #dc3c36 5px solid; }
  .mod-new-services div.contenant .service.theme_mauve .contenu {
    border: #a5006e 5px solid; }
  .mod-new-services div.contenant .service.theme_bleu .contenu {
    border: #00afee 5px solid; }
  .mod-new-services div.contenant .service .contenu {
    box-sizing: border-box;
    padding: 40px;
    width: 88%;
    margin: 0 auto;
    position: relative; }
    .mod-new-services div.contenant .service .contenu .versionPDF {
      position: absolute;
      right: 10px;
      bottom: 10px;
      background: transparent url(images/pdf-icone.gif) no-repeat left top;
      padding-left: 20px; }
    .mod-new-services div.contenant .service .contenu h3 {
      font-weight: normal;
      background: #EFEFEF;
      /*background: #ffffff;
      background: -moz-linear-gradient(top, #ffffff 0%, #EFEFEF 100%);
      background: -webkit-linear-gradient(top, #ffffff 0%,#EFEFEF 100%);
      background: linear-gradient(to bottom, #ffffff 0%,#EFEFEF 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EFEFEF',GradientType=0 );*/
      padding: 15px;
      margin-bottom: 10px; }
  @media screen and (max-width: 825px) {
    .mod-new-services div.contenant .services {
      margin-bottom: 15px; }
      .mod-new-services div.contenant .services li {
        margin: 0;
        border-bottom: #37c5f3 5px solid; }
        .mod-new-services div.contenant .services li span.libelle {
          font-size: 13px; }
        .mod-new-services div.contenant .services li i {
          display: none; }
          .mod-new-services div.contenant .services li i.icon-petit {
            display: block; }
        .mod-new-services div.contenant .services li.active:after {
          bottom: -17px;
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          border-top: 12px solid #37c5f3;
          margin-left: -12px; } }
  @media screen and (max-width: 420px) {
    .mod-new-services div.contenant .services li {
      box-sizing: border-box;
      width: 100%;
      display: block;
      padding: 10px;
      border-bottom: none;
      margin-bottom: 5px; }
      .mod-new-services div.contenant .services li span.libelle {
        font-size: 15px;
        margin: 0; }
      .mod-new-services div.contenant .services li i {
        display: none !important; }
      .mod-new-services div.contenant .services li.active {
        background: #37c5f3; }
        .mod-new-services div.contenant .services li.active a {
          color: #fff; }
    .mod-new-services div.contenant .service .contenu {
      padding: 15px;
      width: 100%; } }

.mod-services {
  margin: 1em auto; }
  .mod-services .contenu {
    padding: 20px; }
    .mod-services .contenu p {
      margin: 1em auto; }
  .mod-services .is-sticky .entete {
    width: 100%; }
  .mod-services .entete {
    background-color: #f5f5f5;
    width: 100%;
    margin: 0 auto; }
    .mod-services .entete .contenant {
      margin: 1em auto; }
    .mod-services .entete .nom {
      background: url(images/icone-services.png) center top no-repeat;
      text-align: center;
      padding: 1px 0; }
      .mod-services .entete .nom h1 {
        font-size: 2.25em;
        font-weight: 400;
        line-height: 1;
        margin-top: 110px;
        text-transform: uppercase; }
    .mod-services .entete li {
      background-color: white;
      margin: 1em auto; }
      .mod-services .entete li .icon-petit {
        display: none; }
      .mod-services .entete li a {
        transition: background-position 0.5s;
        -webkit-transition: background-position 0.5s;
        background: white;
        /* Old browsers */
        background: -moz-linear-gradient(top, white 0%, #eceded 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eceded));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #eceded 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #eceded 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #eceded 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, white 0%, #eceded 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#eceded',GradientType=0 );
        /* IE6-9 */
        background-repeat: repeat-x;
        background-position: 0 15em;
        border-bottom: solid #eceded 20px;
        display: block;
        text-align: center;
        text-decoration: none; }
        .mod-services .entete li a:hover {
          background-position: left top; }
        .mod-services .entete li a.bleu {
          border-color: #37c5f3; }
          .mod-services .entete li a.bleu:hover .titre {
            color: #37c5f3; }
        .mod-services .entete li a.vert {
          border-color: #add750; }
          .mod-services .entete li a.vert:hover .titre {
            color: #add750; }
        .mod-services .entete li a.orange {
          border-color: #f9a528; }
          .mod-services .entete li a.orange:hover .titre {
            color: #f9a528; }
        .mod-services .entete li a.rouge {
          border-color: #ef4136; }
          .mod-services .entete li a.rouge:hover .titre {
            color: #ef4136; }
        .mod-services .entete li a.mauve {
          border-color: #b9006e; }
          .mod-services .entete li a.mauve:hover .titre {
            color: #b9006e; }
      .mod-services .entete li .icon {
        margin: 2em auto 0.5em; }
      .mod-services .entete li .titre {
        transition: color 0.25s;
        -webkit-transition: color 0.25s;
        color: #636363;
        display: block;
        font-size: 1.250em;
        text-transform: uppercase;
        margin: 0.5em auto 1em; }
  .mod-services .service {
    margin: 1em auto; }
    .mod-services .service.service-1 {
      margin-top: 0; }
    .mod-services .service .introduction {
      background-color: white;
      border-bottom: solid white 20px;
      margin: 1em auto;
      padding: 1px 0; }
      .mod-services .service .introduction h2 {
        color: #0075af;
        font-size: 1.313em;
        font-weight: 500;
        margin: 0.5em auto; }
        .mod-services .service .introduction h2 .noir {
          color: #636363; }
        .mod-services .service .introduction h2 .gris {
          color: #e7e8e9; }
      .mod-services .service .introduction .plus {
        display: inline-block; }
    .mod-services .service .champ {
      transition: color 0.5s, border-color 0.5s;
      -webkit-transition: color 0.5s, border-color 0.5s;
      border-bottom: solid #eceded 20px;
      background-color: #eceded;
      margin: 1em auto; }
      .mod-services .service .champ li {
        padding-left: 0.5em;
        text-indent: -0.9em; }
        .mod-services .service .champ li:before {
          transition: color 0.5s;
          -webkit-transition: color 0.5s;
          content: "• ";
          margin-right: 0.3em; }
      .mod-services .service .champ.bleu li:before {
        color: #37c5f3; }
      .mod-services .service .champ.bleu.actif {
        border-color: #37c5f3; }
      .mod-services .service .champ.vert li:before {
        color: #add750; }
      .mod-services .service .champ.vert.actif {
        border-color: #add750; }
      .mod-services .service .champ.orange li:before {
        color: #f9a528; }
      .mod-services .service .champ.orange.actif {
        border-color: #f9a528; }
      .mod-services .service .champ.rouge li:before {
        color: #ef4136; }
      .mod-services .service .champ.rouge.actif {
        border-color: #ef4136; }
      .mod-services .service .champ.mauve li:before {
        color: #b9006e; }
      .mod-services .service .champ.mauve.actif {
        border-color: #b9006e; }
    .mod-services .service .contenu {
      color: black; }
  @media screen and (max-width: 600px) {
    .mod-services .entete .nom {
      font-size: 0.75em; }
    .mod-services .entete li {
      display: inline-block;
      width: 31.333%;
      margin-left: 3%; }
      .ie7 .mod-services .entete li {
        display: inline; }
      .mod-services .entete li:first-child {
        margin-left: 0; }
      .mod-services .entete li .icon-petit {
        display: inline-block; }
        .ie7 .mod-services .entete li .icon-petit {
          display: inline; }
      .mod-services .entete li .icon-xlarge {
        display: none; }
      .mod-services .entete li .icon {
        margin: 1em auto 1em; }
      .mod-services .entete li .titre {
        display: none; }
    .mod-services .champ {
      display: none; }
      .mod-services .champ.actif {
        display: block; } }
  @media screen and (min-width: 601px) {
    .mod-services .entete li {
      display: inline-block;
      width: 31.333%;
      margin-left: 3%; }
      .ie7 .mod-services .entete li {
        display: inline; }
      .mod-services .entete li:first-child {
        margin-left: auto; }
    .mod-services .champs .champ {
      display: inline-block;
      width: 31.333%;
      margin-left: 3%;
      vertical-align: top; }
      .ie7 .mod-services .champs .champ {
        display: inline; }
      .mod-services .champs .champ:first-child {
        margin-left: 0; } }
  @media screen and (max-width: 900px) {
    .mod-services {
      /*
      		.is-sticky .entete {
      			width: 98%;
      			top: 0;
      			left: 0;
      			padding: 1%;
      		}
      */ }
      .mod-services .entete .nom {
        background-image: none; }
        .mod-services .entete .nom h1 {
          margin: 0.5em auto 0.25em; } }
  @media screen and (min-width: 901px) {
    .mod-services {
      /*
      		.is-sticky .entete {
      			width: 98%;
      			padding: 0 1% 10px 1%;
      			left: 0;
      			top: 0;
      		}
      */ }
      .mod-services .entete .nom {
        background-position: left center;
        display: inline-block;
        text-align: left;
        width: 31.333%;
        vertical-align: bottom; }
        .ie7 .mod-services .entete .nom {
          display: inline; }
        .mod-services .entete .nom h1 {
          margin-top: 150px; }
      .mod-services .entete ul {
        display: inline-block;
        width: 66.666%;
        margin-left: 2%; }
        .mod-services .entete ul li {
          margin-top: auto;
          margin-bottom: 0; }
      .mod-services .service .introduction {
        display: inline-block;
        width: 31.333%;
        margin: 0 auto; }
        .ie7 .mod-services .service .introduction {
          display: inline; }
      .mod-services .service .champs {
        display: inline-block;
        width: 66.666%;
        margin-left: 2%;
        vertical-align: top; }
        .ie7 .mod-services .service .champs {
          display: inline; }
        .mod-services .service .champs .champ {
          display: inline-block;
          width: 31.333%;
          margin: 0 auto;
          margin-left: 3%;
          vertical-align: top; }
          .ie7 .mod-services .service .champs .champ {
            display: inline; }
          .mod-services .service .champs .champ:first-child {
            margin-left: 0; } }
  @media screen and (max-height: 320px) {
    .mod-services .entete {
      position: static !important; } }

.mod-pied-services {
  background: #464646;
  /* Old browsers */
  background: -moz-linear-gradient(top, #464646 0%, #636363 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #636363));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #464646 0%, #636363 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #464646 0%, #636363 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #464646 0%, #636363 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #464646 0%, #636363 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#636363',GradientType=0 );
  /* IE6-9 */
  border-top: solid #0075af 20px;
  color: white; }
  .mod-pied-services .contenant {
    background: url(images/degrade-piedpage.png) center bottom no-repeat;
    padding-bottom: 20px; }
  .mod-pied-services h1 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 400;
    margin: 1em auto 0.5em auto; }
  .mod-pied-services .service {
    display: inline-block;
    margin: 0.5em 3% 0.5em auto;
    width: 30.333%;
    position: relative;
    vertical-align: top; }
    .ie7 .mod-pied-services .service {
      display: inline; }
    .mod-pied-services .service .icone {
      background: url(images/sprite-etapes.png) left top no-repeat;
      display: inline-block;
      width: 40px;
      height: 30px;
      position: absolute;
      top: 0;
      left: 0; }
      .ie7 .mod-pied-services .service .icone {
        display: inline; }
      .mod-pied-services .service .icone.service-1 {
        background-position: 0 0; }
      .mod-pied-services .service .icone.service-2 {
        background-position: 0 -100px; }
      .mod-pied-services .service .icone.service-3 {
        background-position: 0 -200px; }
      .mod-pied-services .service .icone.service-4 {
        background-position: 0 -300px; }
      .mod-pied-services .service .icone.service-5 {
        background-position: 0 -400px; }
    .mod-pied-services .service .contenu {
      padding-left: 50px; }
    .mod-pied-services .service .titre {
      margin: 0.5em auto; }
      .mod-pied-services .service .titre a {
        color: #00afee;
        text-decoration: none;
        font-weight: 500;
        margin: 0.5em auto;
        width: auto; }
    .mod-pied-services .service p {
      font-size: 0.875em; }
  @media screen and (max-width: 800px) {
    .mod-pied-services .service {
      width: 47%;
      margin-right: 3%; } }
  @media screen and (max-width: 600px) {
    .mod-pied-services .service {
      width: auto;
      margin-right: auto; } }

.mod-pied-contact {
  background-color: #f5f5f5;
  padding: 2em 0; }
  .mod-pied-contact .contenant {
    position: relative; }
  .mod-pied-contact p {
    font-size: 0.875em; }
  .mod-pied-contact .logo {
    background: url(images/ctreq-long.png) left center no-repeat;
    display: inline-block;
    width: 360px;
    height: 100px; }
    .mod-pied-contact .logo span {
      display: none; }
  .mod-pied-contact .coordonnees {
    float: left;
    width: 45%;
    min-width: 290px;
    text-align: left; }
  .mod-pied-contact .contact {
    float: left;
    width: 33.333%;
    text-align: left; }
  .mod-pied-contact .adresse {
    padding-left: 78px;
    margin: 1em auto; }
  .mod-pied-contact .telephone {
    margin: 1em auto; }
  .mod-pied-contact .social {
    display: inline-block;
    width: auto;
    margin-top: 55px; }
    .mod-pied-contact .social li {
      display: inline; }
    .mod-pied-contact .social a {
      background: url(images/sprite-social-blanc.png) left top no-repeat #636363;
      display: inline-block;
      width: 35px;
      height: 35px; }
      .mod-pied-contact .social a span {
        display: none; }
      .mod-pied-contact .social a:hover {
        background-color: #0075af; }
      .mod-pied-contact .social a.facebook {
        background-position: -43px 4px; }
      .mod-pied-contact .social a.twitter {
        background-position: 5px 5px; }
      .mod-pied-contact .social a.rss {
        background-position: -95px 5px; }
      .mod-pied-contact .social a.linkedin {
        background-position: -146px 5px; }
  .mod-pied-contact .gouv-qc {
    background: url(images/gouv-qc.png) center center no-repeat;
    display: inline-block;
    width: 170px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 2%; }
    .mod-pied-contact .gouv-qc span {
      display: none; }
  @media screen and (max-width: 800px) {
    .mod-pied-contact .contenant {
      text-align: center; }
    .mod-pied-contact .coordonnees, .mod-pied-contact .contact {
      float: none; }
    .mod-pied-contact .contact {
      padding-left: 78px; }
      .mod-pied-contact .contact .social {
        margin-top: 0; }
      .mod-pied-contact .contact .telephone {
        margin-bottom: 0; } }
  @media screen and (max-width: 600px) {
    .mod-pied-contact .logo {
      background: url(images/ctreq-long-petit.png) left center no-repeat;
      width: 280px;
      height: 79px; }
    .mod-pied-contact .coordonnees {
      margin: 1em auto;
      text-align: center; }
      .mod-pied-contact .coordonnees .adresse {
        margin: 1em auto;
        padding: 0; }
    .mod-pied-contact .contact {
      margin: 1em auto;
      padding: 0;
      text-align: center; }
      .mod-pied-contact .contact .social {
        margin: 1em auto; }
    .mod-pied-contact .gouv-qc {
      position: static;
      margin: 1em auto; } }

.mod-pied-credits {
  background: #4b4b4b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4b4b4b 0%, #343434 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #343434));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4b4b4b 0%, #343434 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4b4b4b 0%, #343434 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4b4b4b 0%, #343434 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4b4b4b 0%, #343434 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#343434',GradientType=0 );
  /* IE6-9 */
  padding: 1px 0;
  clear: both; }
  .ie7 .mod-pied-credits {
    height: 40px; }
  .mod-pied-credits p {
    color: white;
    font-size: 0.875em; }
  .mod-pied-credits .contenant {
    position: relative;
    margin: 0.75em auto; }
  .mod-pied-credits .signature-dds {
    background: url(images/dompteurs.png) left center no-repeat;
    color: white;
    font-size: 0.875em;
    position: absolute;
    right: 2%;
    bottom: -1px;
    width: auto;
    height: 20px;
    padding-left: 26px;
    text-decoration: none;
    padding-top: 8px; }

.mod-equipe, .mod-partenaires {
  width: 100%; }
  .mod-equipe .tuile, .mod-partenaires .tuile {
    background-color: white;
    margin: 10px 0;
    width: 66%; }
    .mod-equipe .tuile .entete, .mod-partenaires .tuile .entete {
      background-color: #0075af;
      color: white;
      position: relative; }
      .mod-equipe .tuile .entete img, .mod-partenaires .tuile .entete img {
        float: left; }
      .mod-equipe .tuile .entete .coordonnees, .mod-partenaires .tuile .entete .coordonnees {
        position: absolute;
        bottom: 10px;
        left: 170px;
        width: auto; }
      .mod-equipe .tuile .entete .nom, .mod-partenaires .tuile .entete .nom {
        font-size: 1.31em;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.2em;
        margin: 0.25em auto 0; }
      .mod-equipe .tuile .entete .titre, .mod-partenaires .tuile .entete .titre {
        margin: 0 auto 0.75em; }
      .mod-equipe .tuile .entete .telephone, .mod-partenaires .tuile .entete .telephone {
        margin: 0.25em auto; }
      .mod-equipe .tuile .entete .courriel, .mod-partenaires .tuile .entete .courriel {
        margin: 0.25em auto; }
      .mod-equipe .tuile .entete .departement, .mod-partenaires .tuile .entete .departement {
        margin: 0 auto;
        text-transform: uppercase;
        position: absolute;
        top: 20px;
        right: 20px; }
      .mod-equipe .tuile .entete .contact, .mod-partenaires .tuile .entete .contact {
        position: absolute;
        bottom: 0.8em;
        right: 0.8em; }
        .mod-equipe .tuile .entete .contact a, .mod-partenaires .tuile .entete .contact a {
          float: left;
          margin: 0.3em; }
          .mod-equipe .tuile .entete .contact a .i-twitter, .mod-partenaires .tuile .entete .contact a .i-twitter {
            background: url("images/sprite-contact-equipe.png") -75px 0;
            width: 22px;
            height: 18px;
            display: block; }
            .mod-equipe .tuile .entete .contact a .i-twitter:hover, .mod-partenaires .tuile .entete .contact a .i-twitter:hover {
              background: url("images/sprite-contact-equipe.png") -75px -26px; }
          .mod-equipe .tuile .entete .contact a .i-linkedin, .mod-partenaires .tuile .entete .contact a .i-linkedin {
            background: url("images/sprite-contact-equipe.png") 0 0;
            width: 18px;
            height: 18px;
            display: block; }
            .mod-equipe .tuile .entete .contact a .i-linkedin:hover, .mod-partenaires .tuile .entete .contact a .i-linkedin:hover {
              background: url("images/sprite-contact-equipe.png") 0 -27px; }
          .mod-equipe .tuile .entete .contact a .i-courriel, .mod-partenaires .tuile .entete .contact a .i-courriel {
            background: url("images/sprite-contact-equipe.png") -34px -1px;
            width: 23px;
            height: 15px;
            display: block; }
            .mod-equipe .tuile .entete .contact a .i-courriel:hover, .mod-partenaires .tuile .entete .contact a .i-courriel:hover {
              background: url("images/sprite-contact-equipe.png") -34px -28px; }
    .mod-equipe .tuile .contenu, .mod-partenaires .tuile .contenu {
      padding: 1px 20px; }
      .mod-equipe .tuile .contenu p, .mod-partenaires .tuile .contenu p, .mod-equipe .tuile .contenu ul, .mod-partenaires .tuile .contenu ul, .mod-equipe .tuile .contenu ol, .mod-partenaires .tuile .contenu ol {
        font-size: 0.875em;
        margin: 1em auto; }
      .mod-equipe .tuile .contenu h3, .mod-partenaires .tuile .contenu h3 {
        color: #0075af;
        font-weight: bold; }
      .mod-equipe .tuile .contenu li a, .mod-partenaires .tuile .contenu li a {
        color: #636363; }
    .mod-equipe .tuile.est-ferme, .mod-partenaires .tuile.est-ferme {
      background-color: #e7e8e9;
      display: inline-block;
      width: 110px;
      height: 110px;
      padding: 20px;
      position: relative; }
      .mod-equipe .tuile.est-ferme .entete, .mod-partenaires .tuile.est-ferme .entete {
        /* @include transition((background-color, 0.5s)); */
        background-color: transparent;
        color: #636363;
        position: absolute;
        left: 10px;
        top: 10px;
        width: 130px; }
        .mod-equipe .tuile.est-ferme .entete img, .mod-partenaires .tuile.est-ferme .entete img {
          float: none;
          display: none; }
        .mod-equipe .tuile.est-ferme .entete .coordonnees, .mod-partenaires .tuile.est-ferme .entete .coordonnees {
          position: static; }
        .mod-equipe .tuile.est-ferme .entete .nom, .mod-partenaires .tuile.est-ferme .entete .nom {
          /* @include transition((color, 0.5s)); */
          color: #0075af;
          font-size: 1em; }
        .mod-equipe .tuile.est-ferme .entete .titre, .mod-partenaires .tuile.est-ferme .entete .titre {
          /* @include transition((color, 0.5s)); */
          font-size: 0.875em; }
        .mod-equipe .tuile.est-ferme .entete .telephone, .mod-partenaires .tuile.est-ferme .entete .telephone {
          display: none; }
        .mod-equipe .tuile.est-ferme .entete .courriel, .mod-partenaires .tuile.est-ferme .entete .courriel {
          display: none; }
        .mod-equipe .tuile.est-ferme .entete .departement, .mod-partenaires .tuile.est-ferme .entete .departement {
          display: none; }
        .mod-equipe .tuile.est-ferme .entete .contact, .mod-partenaires .tuile.est-ferme .entete .contact {
          display: none; }
      .mod-equipe .tuile.est-ferme .contenu, .mod-partenaires .tuile.est-ferme .contenu {
        display: none; }
      .mod-equipe .tuile.est-ferme:hover, .mod-partenaires .tuile.est-ferme:hover {
        background-color: #0075af;
        cursor: pointer; }
        .mod-equipe .tuile.est-ferme:hover .nom, .mod-partenaires .tuile.est-ferme:hover .nom {
          color: white; }
        .mod-equipe .tuile.est-ferme:hover .titre, .mod-partenaires .tuile.est-ferme:hover .titre {
          color: white; }
  @media screen and (max-width: 1000px) {
    .mod-equipe .tuile, .mod-partenaires .tuile {
      width: 100%; }
      .mod-equipe .tuile .entete .departement, .mod-partenaires .tuile .entete .departement {
        display: none; } }
  @media screen and (max-width: 400px) {
    .mod-equipe .tuile.est-ferme, .mod-partenaires .tuile.est-ferme {
      width: 100%;
      height: 100px;
      padding: 0; }
      .mod-equipe .tuile.est-ferme .entete, .mod-partenaires .tuile.est-ferme .entete {
        position: static;
        margin: 20px;
        width: auto; }
        .mod-equipe .tuile.est-ferme .entete .coordonnees, .mod-partenaires .tuile.est-ferme .entete .coordonnees {
          padding: 0;
          position: static; }
    .mod-equipe .tuile .entete, .mod-partenaires .tuile .entete {
      position: static; }
      .mod-equipe .tuile .entete img, .mod-partenaires .tuile .entete img {
        display: none; }
      .mod-equipe .tuile .entete .coordonnees, .mod-partenaires .tuile .entete .coordonnees {
        padding: 10px 20px 0;
        position: static; }
      .mod-equipe .tuile .entete .contact, .mod-partenaires .tuile .entete .contact {
        padding: 0 20px 10px;
        position: static; } }

.mod-partenaires .tuile {
  width: 750px; }
  .mod-partenaires .tuile .entete .coordonnees {
    padding: 10px;
    position: static; }
    .mod-partenaires .tuile .entete .coordonnees .nom {
      margin: 0 auto; }
  .mod-partenaires .tuile .contenu {
    padding: 20px; }
  .mod-partenaires .tuile.est-ferme {
    width: 200px; }
    .mod-partenaires .tuile.est-ferme .entete {
      width: 200px; }
      .mod-partenaires .tuile.est-ferme .entete .coordonnees {
        padding: 0; }
@media screen and (max-width: 760px) {
  .mod-partenaires .tuile {
    width: 495px; } }
@media screen and (max-width: 505px) {
  .mod-partenaires .tuile {
    width: 100%; }
  .mod-partenaires .tuile.est-ferme {
    width: 100%;
    height: auto; }
    .mod-partenaires .tuile.est-ferme .entete {
      position: static;
      width: auto; } }

.mod-liste .item {
  background-color: white;
  margin: 1em auto; }
.mod-liste .titre {
  background: #eceded;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eceded), color-stop(100%, #e7e8e9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eceded 0%, #e7e8e9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eceded 0%, #e7e8e9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceded', endColorstr='#e7e8e9',GradientType=0 );
  /* IE6-9 */
  color: #0075af;
  font-weight: bold;
  padding: 20px; }
  .mod-liste .titre i {
    float: right; }
.mod-liste .contenu {
  padding: 1px 20px; }
  .mod-liste .contenu p, .mod-liste .contenu ul, .mod-liste .contenu ol {
    margin: 1em auto; }
.mod-liste .plus {
  background: url(images/sprite-fleches.png) right 3px no-repeat;
  color: inherit;
  display: inline-block;
  font-size: 0.875em;
  margin: 1em auto;
  padding-right: 20px; }
.mod-liste.bleu .titre {
  background: #37c5f3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #37c5f3 0%, #00afee 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37c5f3), color-stop(100%, #00afee));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #37c5f3 0%, #00afee 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #37c5f3 0%, #00afee 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #37c5f3 0%, #00afee 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #37c5f3 0%, #00afee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37c5f3', endColorstr='#00afee',GradientType=0 );
  /* IE6-9 */
  color: white; }
.mod-liste.bleu .plus {
  background-position: right -121px; }
.mod-liste.mauve .titre {
  background: #b9006e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b9006e 0%, #a5006e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9006e), color-stop(100%, #a5006e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #b9006e 0%, #a5006e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #b9006e 0%, #a5006e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #b9006e 0%, #a5006e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #b9006e 0%, #a5006e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9006e', endColorstr='#a5006e',GradientType=0 );
  /* IE6-9 */
  color: white; }
.mod-liste.mauve .plus {
  background-position: right -59px; }
.mod-liste.orange .titre {
  background: #f9a528;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f9a528 0%, #f79324 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9a528), color-stop(100%, #f79324));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f9a528 0%, #f79324 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f9a528 0%, #f79324 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9a528 0%, #f79324 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f9a528 0%, #f79324 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a528', endColorstr='#f79324',GradientType=0 );
  /* IE6-9 */
  color: white; }
.mod-liste.orange .plus {
  background-position: right -246px; }
.mod-liste.rouge .titre {
  background: #ef4136;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef4136), color-stop(100%, #dc3c36));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ef4136 0%, #dc3c36 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ef4136 0%, #dc3c36 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4136', endColorstr='#dc3c36',GradientType=0 );
  /* IE6-9 */
  color: white; }
.mod-liste.rouge .plus {
  background-position: right -309px; }
.mod-liste.vert .titre {
  background: #add750;
  /* Old browsers */
  background: -moz-linear-gradient(top, #add750 0%, #90c546 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #add750), color-stop(100%, #90c546));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #add750 0%, #90c546 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #add750 0%, #90c546 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #add750 0%, #90c546 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #add750 0%, #90c546 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add750', endColorstr='#90c546',GradientType=0 );
  /* IE6-9 */
  color: white; }
.mod-liste.vert .plus {
  background-position: right -184px; }

.mod-nouvelles .contenu {
  background: #fff;
  padding: 1px 20px;
  margin: 1em 0 0 0; }
  .mod-nouvelles .contenu article {
    border-bottom: solid #636363 1px;
    padding: 1px 0 10px 0;
    margin: 1em auto;
    clear: both; }
    .mod-nouvelles .contenu article.apercu h1 {
      margin-top: 0; }
    .mod-nouvelles .contenu article .gauche {
      width: auto;
      padding: 0 1em 0 0; }
    .mod-nouvelles .contenu article .droite {
      width: 60%;
      float: left; }
    .mod-nouvelles .contenu article p {
      margin: 0 auto 1em auto; }
    .mod-nouvelles .contenu article img {
      margin: 0 0 0.5em 0; }
    @media screen and (min-width: 660px) and (max-width: 910px) {
      .mod-nouvelles .contenu article .gauche, .mod-nouvelles .contenu article .droite {
        width: 100%; } }
    @media screen and (max-width: 610px) {
      .mod-nouvelles .contenu article .gauche, .mod-nouvelles .contenu article .droite {
        width: 100%; } }
  @media screen and (max-width: 660px) {
    .mod-nouvelles .contenu .gauche, .mod-nouvelles .contenu .droite {
      width: 100%;
      float: left; } }
.mod-nouvelles article {
  background-color: white;
  margin: 1em auto;
  padding: 1px 20px; }
  .mod-nouvelles article img {
    width: auto; }
  .mod-nouvelles article.vedette h1 {
    font-size: 2.25em; }
  .mod-nouvelles article.vedette img {
    width: 100%; }
.mod-nouvelles h1 {
  margin-bottom: 0;
  font-size: 1.875em; }
  .mod-nouvelles h1 a {
    color: inherit;
    text-decoration: none; }
    .mod-nouvelles h1 a:hover {
      color: #444444; }
.mod-nouvelles .date {
  font-size: 0.875em;
  margin: 0.5em auto 1em; }
.mod-nouvelles .vignette {
  float: left;
  width: 20%;
  max-width: 100%;
  height: auto;
  margin: 0 1em 1em auto; }
.mod-nouvelles .suite {
  text-align: right; }
.mod-nouvelles .plus {
  background: url(images/sprite-fleches.png) right 3px no-repeat;
  color: inherit;
  display: inline-block;
  font-size: 0.875em;
  margin: 0.5em auto;
  padding-right: 20px; }

.mod-telechargement {
  margin: 0 auto;
  padding: 20px 10px;
  max-width: 500px; }
  .mod-telechargement .gform_heading {
    margin: 1em auto; }
  .mod-telechargement .gfield {
    border: solid #cacaca 1px;
    background-color: #d7d7d7;
    list-style-type: none;
    margin: 1em auto;
    padding: 10px; }
    .mod-telechargement .gfield label {
      display: block;
      margin-bottom: 0.5em; }
    .mod-telechargement .gfield input[type=text] {
      border: solid #eceded 1px;
      color: #636363;
      font-family: inherit;
      font-size: 1em;
      display: block;
      margin-top: 10px;
      width: 98%; }
  .mod-telechargement .gfield_radio {
    list-style-type: none; }
    .mod-telechargement .gfield_radio label {
      display: inline;
      margin-left: 0.5em; }
  .mod-telechargement .gfield_required {
    color: red; }
  .mod-telechargement .gform_footer {
    text-align: right; }
  .mod-telechargement #gforms_confirmation_message, .mod-telechargement .validation_error {
    border: solid #e7e8e9 1px;
    background-color: #eceded;
    padding: 10px;
    margin: 1em auto; }
  .mod-telechargement .validation_message {
    color: red;
    margin-top: 0.5em; }
  .mod-telechargement input[type=submit] {
    background-image: none;
    border: none;
    border-radius: 0;
    color: #636363;
    font-size: 0.875em;
    font-weight: normal;
    margin: 0.5em auto;
    padding: 0.5em 0.75em;
    text-shadow: none; }

iframe.fancybox-iframe html {
  margin-left: 0 !important; }

.pagination {
  clear: both;
  text-align: center;
  margin: 1em 0; }
  .pagination div {
    margin: 1em 0; }
  .pagination.vert a {
    background: #add750; }
    .pagination.vert a:hover {
      background: #90c546; }
  .pagination.orange a {
    background: #f9a528; }
    .pagination.orange a:hover {
      background: #f79324; }
  .pagination .page-numbers {
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block; }
  .pagination a.page-numbers {
    color: #fff; }

.clear {
  clear: both; }

@media screen and (max-width: 1020px) {
  .taquin-generate {
    display: none; } }

.abonnement-infolettre {
  margin-bottom: 1em; }
  .abonnement-infolettre .erreur {
    border-color: #ab0000; }
  .abonnement-infolettre p.erreur {
    color: #ab0000;
    display: inline-block;
    padding: 0.25em;
    margin: 0.25em auto; }
  .abonnement-infolettre p {
    margin: 1em auto; }
  .abonnement-infolettre .requis {
    color: #ab0000; }
  .abonnement-infolettre .panneau {
    padding: 1em 0; }
  .abonnement-infolettre table {
    border-collapse: collapse;
    width: 100%; }
  .abonnement-infolettre td {
    text-align: center; }
  .abonnement-infolettre td, .abonnement-infolettre th {
    padding: 0.5em; }
  .abonnement-infolettre tr.entete th, .abonnement-infolettre tr.entete td {
    border-bottom: solid black 1px; }
  .abonnement-infolettre th.sujet {
    text-align: left; }
  .abonnement-infolettre tr:nth-child(even) td, .abonnement-infolettre tr:nth-child(even) th {
    background-color: #eeeeee; }
  .abonnement-infolettre fieldset {
    border: solid #d7d7d7 1px;
    margin: 2em auto;
    padding: 3em 1em 1.5em;
    position: relative; }
    .abonnement-infolettre fieldset legend {
      font-weight: bold;
      position: absolute;
      top: 1em;
      left: 1em;
      z-index: 9999; }
    .abonnement-infolettre fieldset .cancel {
      position: absolute;
      top: 1em;
      right: 1em; }
  .abonnement-infolettre input[name=selection] {
    margin-right: 0.5em; }
  .abonnement-infolettre label.fixe {
    width: 170px;
    float: left;
    text-align: left;
    margin-right: 5%; }
  .abonnement-infolettre label.hide {
    display: none; }
  .abonnement-infolettre label.inline {
    display: inline-block;
    width: 40%;
    max-width: 300px;
    margin: 0.5em auto;
    vertical-align: top;
    padding-left: 20px;
    position: relative; }
    .abonnement-infolettre label.inline input[type="checkbox"] {
      position: absolute;
      top: 0.15em;
      left: 0; }
  .abonnement-infolettre p {
    clear: both; }
  .abonnement-infolettre .personnelles input[name="email"] {
    width: 60%;
    max-width: 300px; }
  .abonnement-infolettre .personnelles input[name="nom"] {
    width: 60%;
    max-width: 160px; }
  .abonnement-infolettre .personnelles input[name="prenom"] {
    width: 60%;
    max-width: 160px; }
  .abonnement-infolettre .personnelles input[name="organisation"] {
    width: 60%;
    max-width: 275px; }
  .abonnement-infolettre .organisation select[name="organisation"] {
    width: 60%;
    max-width: 300px; }
  .abonnement-infolettre .organisation input[name="organisation-precision"] {
    width: 60%;
    max-width: 300px; }
  .abonnement-infolettre .titre-professionnel input[name="titre-precision"] {
    width: 60%;
    max-width: 300px; }
  .abonnement-infolettre .ordre select[name="ordre"] {
    width: 60%;
    max-width: 300px; }
  .abonnement-infolettre .ordre input[name="ordre-precision"] {
    width: 60%;
    max-width: 300px; }
  .abonnement-infolettre input[type=submit] {
    padding: 0.5em; }
    .abonnement-infolettre input[type=submit].droite {
      float: right; }
  .abonnement-infolettre.maj label {
    display: inline-block;
    margin-bottom: 1em;
    width: 100px; }
  .abonnement-infolettre.maj input[type=email] {
    padding: 0.35em;
    margin-bottom: 1em;
    min-width: 250px; }
  .abonnement-infolettre.maj input[type=submit] {
    display: inline-block; }
  .abonnement-infolettre.maj span.erreur {
    margin-left: 105px; }
  .abonnement-infolettre .custom {
    background-color: #fafafa;
    border: solid #d7d7d7 1px;
    color: #d7d7d7;
    float: left;
    font-weight: normal;
    text-decoration: none;
    padding: 0.35em 0.75em; }
    .abonnement-infolettre .custom:before {
      content: "+";
      font-weight: bold;
      margin-right: 0.5em; }
    .abonnement-infolettre .custom:hover {
      background-color: #e6e6e6; }
  .abonnement-infolettre .submit {
    margin: 3em auto; }
  .abonnement-infolettre input[type="submit"] {
    border: none;
    font-size: 1em;
    font-weight: normal;
    padding: 0.5em 0.75em; }
  .abonnement-infolettre .droite {
    text-align: right; }
  @media screen and (max-width: 500px) {
    .abonnement-infolettre label.fixe, .abonnement-infolettre label.inline {
      width: 100%; }
    .abonnement-infolettre input[type=text], .abonnement-infolettre input[type=email], .abonnement-infolettre select {
      margin: 0.5em auto; } }

.mod-sous-menu {
  margin: 1em auto; }
  .mod-sous-menu .item {
    display: inline-block;
    width: 30.5%;
    margin: 1em 2% 1em auto;
    vertical-align: top; }
    .mod-sous-menu .item .titre a {
      background-color: #e7e8e9;
      display: block;
      padding: 0.5em 1em;
      text-decoration: none;
      min-height: 2.5em; }
      .mod-sous-menu .item .titre a:hover {
        background-color: #0075af;
        color: white; }
    .mod-sous-menu .item .description {
      background-color: white;
      padding: 0.5em 1em; }
    @media screen and (max-width: 800px) {
      .mod-sous-menu .item {
        display: block;
        width: auto; }
        .mod-sous-menu .item .titre a {
          min-height: 0; } }

.mod-accordeon {
  margin: 2em auto; }
  .mod-accordeon .titre {
    margin-top: 1em; }
  .mod-accordeon .titre a {
    background-color: #eceded;
    display: block;
    font-weight: normal;
    text-decoration: none;
    padding: 0.5em 1em; }
    .mod-accordeon .titre a:hover, .mod-accordeon .titre a.active {
      background-color: #0075af;
      color: white; }
  .mod-accordeon .description {
    background-color: white;
    padding: 1em; }
    .mod-accordeon .description p, .mod-accordeon .description ul, .mod-accordeon .description ol {
      margin: 0.5em auto; }
    .mod-accordeon .description ul, .mod-accordeon .description ol {
      padding-left: 0.5em; }
      .mod-accordeon .description ul li, .mod-accordeon .description ol li {
        list-style-type: disc; }
    .mod-accordeon .description strong {
      font-weight: bold; }
    .mod-accordeon .description em {
      font-style: italic; }

/* Retina! */
/*
@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
	.mod-entete {
		&>.contenant {
			background: url(images/fond-entete@2x.png) right center no-repeat;
			background-size: 745px 451px;
		}
		.logo {
			background: url(images/ctreq@2x.png) center center no-repeat;
			background-size: 100%;
		}
		.social a {
			 background-image: url(images/sprite-social-blanc@2x.png);
			 background-size: 125px 28px;
		 }
	}
}
*/
.reseau-pages {
  box-sizing: border-box;
  padding: 20px;
  background-color: #fff; }
  .reseau-pages .block-reseau-section {
    box-sizing: border-box;
    float: left;
    width: 49%;
    padding: 25px 20px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #eceded;
    border-bottom: 15px solid #000; }
    .reseau-pages .block-reseau-section p {
      min-height: 75px; }
    .reseau-pages .block-reseau-section.last-of-line {
      float: right; }
    .reseau-pages .block-reseau-section.membres {
      border-color: #f79324; }
      .reseau-pages .block-reseau-section.membres:hover {
        background-color: #f79324; }
        .reseau-pages .block-reseau-section.membres:hover a svg .logo-circ {
          fill: #f79324; }
      .reseau-pages .block-reseau-section.membres h3 a {
        color: #f79324; }
    .reseau-pages .block-reseau-section.partenaires {
      border-color: #90c546; }
      .reseau-pages .block-reseau-section.partenaires:hover {
        background-color: #90c546; }
        .reseau-pages .block-reseau-section.partenaires:hover a svg .logo-circ {
          fill: #90c546; }
      .reseau-pages .block-reseau-section.partenaires h3 a {
        color: #90c546; }
    .reseau-pages .block-reseau-section.chercheurs {
      border-color: #37c5f3; }
      .reseau-pages .block-reseau-section.chercheurs:hover {
        background-color: #37c5f3; }
        .reseau-pages .block-reseau-section.chercheurs:hover a svg .logo-circ {
          fill: #37c5f3; }
      .reseau-pages .block-reseau-section.chercheurs h3 a {
        color: #37c5f3; }
    .reseau-pages .block-reseau-section.autres {
      border-color: #a5006e; }
      .reseau-pages .block-reseau-section.autres:hover {
        background-color: #a5006e; }
        .reseau-pages .block-reseau-section.autres:hover a svg .logo-circ {
          fill: #a5006e; }
      .reseau-pages .block-reseau-section.autres h3 a {
        color: #a5006e; }
    .reseau-pages .block-reseau-section:hover h3 a {
      color: #fff; }
    .reseau-pages .block-reseau-section:hover p {
      color: #fff; }
    .reseau-pages .block-reseau-section:hover a svg .user {
      fill: #fff; }
    .reseau-pages .block-reseau-section .reseau-section-icone {
      display: block;
      margin-bottom: 20px;
      text-align: center; }
    .reseau-pages .block-reseau-section .reseau-section-title {
      margin-bottom: 20px; }
      .reseau-pages .block-reseau-section .reseau-section-title a {
        font-size: 22px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase; }
    .reseau-pages .block-reseau-section p {
      font-size: 14px;
      line-height: 1.3; }
    @media screen and (max-width: 660px) {
      .reseau-pages .block-reseau-section {
        width: 100%; } }

.reseau-liste {
  box-sizing: border-box;
  padding: 20px 20px 0;
  background-color: #fff; }

.principal.intro-reseau {
  box-sizing: border-box;
  margin: 0;
  padding: 20px;
  background-color: #fff; }

.tabs-reseau-sections {
  margin: 30px 0 0; }
  .tabs-reseau-sections ul {
    padding: 0;
    margin: 0; }
    .tabs-reseau-sections ul li {
      display: block;
      float: left;
      width: 24%;
      margin-left: 12px;
      text-align: right;
      border-bottom: 7px solid #000;
      background-color: #eceded; }
      .tabs-reseau-sections ul li.first-in-line {
        margin-left: 0; }
      .tabs-reseau-sections ul li.membres {
        border-color: #f79324; }
        .tabs-reseau-sections ul li.membres.active, .tabs-reseau-sections ul li.membres:hover {
          background-color: #f79324;
          border-color: #ea7f09; }
          .tabs-reseau-sections ul li.membres.active a::after, .tabs-reseau-sections ul li.membres:hover a::after {
            border-top-color: #ea7f09; }
        .tabs-reseau-sections ul li.membres a {
          color: #f79324; }
      .tabs-reseau-sections ul li.partenaires {
        border-color: #90c546; }
        .tabs-reseau-sections ul li.partenaires.active, .tabs-reseau-sections ul li.partenaires:hover {
          background-color: #90c546;
          border-color: #7bac36; }
          .tabs-reseau-sections ul li.partenaires.active a::after, .tabs-reseau-sections ul li.partenaires:hover a::after {
            border-top-color: #7bac36; }
        .tabs-reseau-sections ul li.partenaires a {
          color: #90c546; }
      .tabs-reseau-sections ul li.chercheurs {
        border-color: #37c5f3; }
        .tabs-reseau-sections ul li.chercheurs.active, .tabs-reseau-sections ul li.chercheurs:hover {
          background-color: #37c5f3;
          border-color: #0dacdf; }
          .tabs-reseau-sections ul li.chercheurs.active a::after, .tabs-reseau-sections ul li.chercheurs:hover a::after {
            border-top-color: #0dacdf; }
        .tabs-reseau-sections ul li.chercheurs a {
          color: #37c5f3; }
      .tabs-reseau-sections ul li.autres {
        border-color: #a5006e; }
        .tabs-reseau-sections ul li.autres.active, .tabs-reseau-sections ul li.autres:hover {
          background-color: #a5006e;
          border-color: #8c005d; }
          .tabs-reseau-sections ul li.autres.active a::after, .tabs-reseau-sections ul li.autres:hover a::after {
            border-top-color: #8c005d; }
        .tabs-reseau-sections ul li.autres a {
          color: #a5006e; }
      .tabs-reseau-sections ul li.active a, .tabs-reseau-sections ul li:hover a {
        color: #fff; }
        .tabs-reseau-sections ul li.active a::after, .tabs-reseau-sections ul li:hover a::after {
          content: "";
          display: block;
          position: absolute;
          bottom: -15px;
          left: 50%;
          transform: translate(-50%, 0);
          width: 0;
          height: 0;
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          border-top: 10px solid #007dc4; }
      .tabs-reseau-sections ul li a {
        position: relative;
        display: block;
        padding: 13px 15px 10px;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        text-align: right;
        text-decoration: none;
        text-transform: uppercase; }
        .tabs-reseau-sections ul li a svg {
          position: absolute;
          top: -2px;
          left: 7px;
          width: 42px;
          height: 42px; }
      @media screen and (max-width: 660px) {
        .tabs-reseau-sections ul li {
          width: 100%;
          margin: 0 0 10px; }
          .tabs-reseau-sections ul li.active a::after, .tabs-reseau-sections ul li:hover a::after {
            display: none; } }

.introduction .btn-reseau-section {
  display: inline-block;
  padding: 15px 20px 11px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none; }
.introduction.membres .btn-reseau-section {
  background-color: #f79324; }
  .introduction.membres .btn-reseau-section:hover {
    background-color: #ea7f09; }
.introduction.partenaires .btn-reseau-section {
  background-color: #90c546; }
  .introduction.partenaires .btn-reseau-section:hover {
    background-color: #7bac36; }
.introduction.chercheurs .btn-reseau-section {
  background-color: #37c5f3; }
  .introduction.chercheurs .btn-reseau-section:hover {
    background-color: #11baf1; }
.introduction.autres .btn-reseau-section {
  background-color: #a5006e; }
  .introduction.autres .btn-reseau-section:hover {
    background-color: #7c0053; }

.reseau-section-autres-liste-wrapper {
  padding-bottom: 30px; }

.reseau-section-autres-liste {
  box-sizing: border-box;
  float: left;
  width: 49%; }
  .reseau-section-autres-liste.last-in-line {
    float: right; }
  .reseau-section-autres-liste .reseau-section-autres-liste-title {
    padding: 12px 15px 10px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    background-color: #a5006e; }
  .reseau-section-autres-liste ul li {
    position: relative;
    display: block;
    padding: 4px 10px 4px 25px; }
    .reseau-section-autres-liste ul li::after {
      content: '\f054';
      position: absolute;
      top: 6px;
      left: 5px;
      color: #a5006e;
      font-family: 'FontAwesome'; }
    .reseau-section-autres-liste ul li a {
      font-size: 18px;
      color: #444444;
      text-decoration: none; }
      .reseau-section-autres-liste ul li a:hover {
        color: #a5006e; }
  @media screen and (max-width: 660px) {
    .reseau-section-autres-liste {
      width: 100%;
      margin: 0 0 30px; } }

.recherche-wrapper {
  box-sizing: border-box;
  padding: 35px 20px;
  background-color: #e7e8e9; }
  .recherche-wrapper .recherche-title {
    margin-bottom: 20px;
    font-size: 24px;
    color: #444444;
    text-transform: uppercase; }
  .recherche-wrapper .search {
    margin-bottom: 30px; }
    .recherche-wrapper .search input[type='text'] {
      display: block;
      float: left;
      box-sizing: border-box;
      width: 66%;
      height: 40px;
      padding: 5px 10px;
      margin-right: 20px;
      font-size: 16px;
      border: 1px solid #444444;
      box-shadow: none; }
      @media screen and (max-width: 660px) {
        .recherche-wrapper .search input[type='text'] {
          width: 100%; } }
    .recherche-wrapper .search input[type='button'] {
      height: 40px;
      padding-left: 20px;
      padding-right: 20px;
      color: #fff;
      line-height: 1;
      font-weight: normal;
      text-shadow: none;
      border: 0;
      border-radius: 0;
      background-color: #eceded;
      background-image: none; }
      @media screen and (max-width: 660px) {
        .recherche-wrapper .search input[type='button'] {
          display: block;
          width: 100%; } }
  .recherche-wrapper.membres input[type='button'] {
    background-color: #f79324; }
    .recherche-wrapper.membres input[type='button']:hover {
      background-color: #ea7f09; }
  .recherche-wrapper.membres .reseau-liste-quicklinks li {
    background-color: #f79324; }
  .recherche-wrapper.partenaires input[type='button'] {
    background-color: #90c546; }
    .recherche-wrapper.partenaires input[type='button']:hover {
      background-color: #7bac36; }
  .recherche-wrapper.partenaires .reseau-liste-quicklinks li {
    background-color: #90c546; }
  .recherche-wrapper.chercheurs input[type='button'] {
    background-color: #37c5f3; }
    .recherche-wrapper.chercheurs input[type='button']:hover {
      background-color: #11baf1; }
  .recherche-wrapper.chercheurs .reseau-liste-quicklinks li {
    background-color: #37c5f3; }
  .recherche-wrapper .reseau-liste-quicklinks {
    list-style: none;
    padding: 0;
    margin: 0; }
    .recherche-wrapper .reseau-liste-quicklinks li {
      display: inline-block;
      padding: 7px 10px 5px;
      margin-right: 4px;
      line-height: 1;
      color: #fff;
      text-transform: uppercase; }
      .recherche-wrapper .reseau-liste-quicklinks li:hover, .recherche-wrapper .reseau-liste-quicklinks li.active {
        background-color: #444444;
        cursor: pointer; }
      .recherche-wrapper .reseau-liste-quicklinks li.inactive {
        color: #a0a0a0;
        background-color: #cbcbcb; }
        .recherche-wrapper .reseau-liste-quicklinks li.inactive:hover, .recherche-wrapper .reseau-liste-quicklinks li.inactive.active {
          cursor: default;
          color: #a0a0a0;
          background-color: #cbcbcb; }
    @media screen and (max-width: 660px) {
      .recherche-wrapper .reseau-liste-quicklinks {
        text-align: center; } }

.chercheurs-list .tuile .entete {
  padding: 15px; }
  .chercheurs-list .tuile .entete .photo-chercheur {
    float: left;
    width: 20%; }
    .chercheurs-list .tuile .entete .photo-chercheur img {
      width: 100%;
      height: 100%; }
    @media screen and (max-width: 660px) {
      .chercheurs-list .tuile .entete .photo-chercheur {
        display: none; } }
  .chercheurs-list .tuile .entete .coordonnees {
    position: relative;
    padding: 0; }
    .chercheurs-list .tuile .entete .coordonnees.infos-chercheur {
      box-sizing: border-box;
      width: auto;
      left: auto;
      bottom: auto; }
      .chercheurs-list .tuile .entete .coordonnees.infos-chercheur .nom {
        margin: 0; }
      .chercheurs-list .tuile .entete .coordonnees.infos-chercheur.width-80 {
        position: absolute;
        bottom: 15px;
        left: 22%; }
        @media screen and (max-width: 660px) {
          .chercheurs-list .tuile .entete .coordonnees.infos-chercheur.width-80 {
            left: auto; } }
      @media screen and (max-width: 660px) {
        .chercheurs-list .tuile .entete .coordonnees.infos-chercheur {
          position: static;
          bottom: auto;
          left: auto; } }
  .chercheurs-list .tuile .entete.no-padding {
    padding: 0; }
  @media screen and (max-width: 660px) {
    .chercheurs-list .tuile .entete {
      min-height: 0;
      padding: 20px; } }
.chercheurs-list .tuile .contenu p {
  margin: 0; }
  .chercheurs-list .tuile .contenu p + p {
    margin-top: 10px; }
  .chercheurs-list .tuile .contenu p + .data-projets-wrapper {
    margin-top: 20px; }
  .chercheurs-list .tuile .contenu p strong {
    font-weight: bold; }
.chercheurs-list .tuile.est-ferme:hover .universite {
  color: #fff; }
.chercheurs-list .tuile.est-ferme .entete {
  padding: 0; }
  .chercheurs-list .tuile.est-ferme .entete .coordonnees.infos-chercheur {
    position: static;
    bottom: auto;
    left: auto;
    box-sizing: border-box;
    width: auto; }
    .chercheurs-list .tuile.est-ferme .entete .coordonnees.infos-chercheur.width-80 {
      position: static;
      bottom: auto;
      left: auto; }
      @media screen and (max-width: 660px) {
        .chercheurs-list .tuile.est-ferme .entete .coordonnees.infos-chercheur.width-80 {
          left: auto; } }
    .chercheurs-list .tuile.est-ferme .entete .coordonnees.infos-chercheur .nom {
      margin: 0; }
  @media screen and (max-width: 660px) {
    .chercheurs-list .tuile.est-ferme .entete {
      padding: 0; } }

.data-projets-wrapper {
  box-sizing: border-box;
  margin-bottom: 20px;
  background-color: #f4f4f4; }
  .data-projets-wrapper h3.data-projets-wrapper-header {
    padding: 10px 20px;
    color: #fff !important;
    background-color: #2b75af; }
  .data-projets-wrapper .data-projets-wrapper-inner {
    padding: 15px 20px; }
    .data-projets-wrapper .data-projets-wrapper-inner .data-projets-title {
      margin-bottom: 10px;
      font-weight: bold; }
  .data-projets-wrapper ul {
    margin: 0 !important; }
    .data-projets-wrapper ul + h4 {
      margin-top: 20px; }
    .data-projets-wrapper ul li {
      position: relative;
      display: block;
      padding: 4px 10px 4px 25px; }
      .data-projets-wrapper ul li::after {
        content: '\f054';
        position: absolute;
        top: 5px;
        left: 5px;
        color: #2575af;
        font-family: 'FontAwesome'; }
      .data-projets-wrapper ul li a {
        font-size: 16px;
        color: #444444; }
        .data-projets-wrapper ul li a:hover {
          color: #2575af !important; }

.block-list {
  margin-top: 40px; }

.mod-temoignages.mod-complement .temoignage__header, .mod-temoignages.mod-telechargement .temoignage__header {
  position: relative;
  background: #eceded;
  margin-bottom: 0;
  padding-right: 3rem;
  transition: all .5s;
  cursor: pointer; }
  .mod-temoignages.mod-complement .temoignage__header:hover, .mod-temoignages.mod-telechargement .temoignage__header:hover {
    background: #e4e6e6; }
  .mod-temoignages.mod-complement .temoignage__header::after, .mod-temoignages.mod-telechargement .temoignage__header::after {
    content: "\f105";
    position: absolute;
    top: calc(50% - 0.75rem);
    right: 1.5rem;
    font-family: FontAwesome;
    font-size: 2.25rem;
    color: #00afee; }
  .mod-temoignages.mod-complement .temoignage__header h3, .mod-temoignages.mod-telechargement .temoignage__header h3 {
    color: #00afee; }
.mod-temoignages.mod-complement .temoignage__contenu, .mod-temoignages.mod-telechargement .temoignage__contenu {
  display: none;
  border: 1px solid #eceded;
  color: #636363; }
.mod-temoignages.mod-complement .temoignage__media__video, .mod-temoignages.mod-telechargement .temoignage__media__video, .mod-temoignages.mod-complement .temoignage__media__equipe, .mod-temoignages.mod-telechargement .temoignage__media__equipe {
  margin-top: 2rem;
  margin-bottom: 2rem; }
.mod-temoignages.mod-complement .temoignage__media h4, .mod-temoignages.mod-telechargement .temoignage__media h4 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.15rem; }
@media (min-width: 640px) {
  .mod-temoignages.mod-complement .temoignage__media, .mod-temoignages.mod-telechargement .temoignage__media {
    display: flex; }
    .mod-temoignages.mod-complement .temoignage__media__video, .mod-temoignages.mod-telechargement .temoignage__media__video, .mod-temoignages.mod-complement .temoignage__media__equipe, .mod-temoignages.mod-telechargement .temoignage__media__equipe {
      margin-top: .5rem;
      margin-bottom: 1rem; }
    .mod-temoignages.mod-complement .temoignage__media__video, .mod-temoignages.mod-telechargement .temoignage__media__video {
      flex: 0 0 60%;
      padding-right: 1rem; }
    .mod-temoignages.mod-complement .temoignage__media__equipe, .mod-temoignages.mod-telechargement .temoignage__media__equipe {
      flex: 0 0 40%;
      padding-left: 1rem; } }
.mod-temoignages.mod-complement .temoignage__more, .mod-temoignages.mod-telechargement .temoignage__more {
  display: block;
  margin-bottom: 1rem;
  padding: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  background: #00afee;
  color: white;
  font-weight: 500;
  transition: background .5s; }
  .mod-temoignages.mod-complement .temoignage__more:hover, .mod-temoignages.mod-telechargement .temoignage__more:hover {
    background: #00a0da; }
  .mod-temoignages.mod-complement .temoignage__more--orange, .mod-temoignages.mod-telechargement .temoignage__more--orange {
    background: #f9a528; }
    .mod-temoignages.mod-complement .temoignage__more--orange:hover, .mod-temoignages.mod-telechargement .temoignage__more--orange:hover {
      background: #f79324; }
.mod-temoignages.mod-complement .temoignage--active .temoignage__header, .mod-temoignages.mod-telechargement .temoignage--active .temoignage__header {
  background: #e4e6e6; }
  .mod-temoignages.mod-complement .temoignage--active .temoignage__header::after, .mod-temoignages.mod-telechargement .temoignage--active .temoignage__header::after {
    content: "\f107"; }

.responsive-embed {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed.widescreen {
    padding-bottom: 56.25%; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.slick-slider-wrapper {
  margin-bottom: 50px; }

.slick-track .slick-slide .slide__inner {
  text-align: center; }
  .slick-track .slick-slide .slide__inner img {
    display: inline-block; }

.slick-dots {
  padding: 0 !important;
  bottom: -50px !important; }
  .slick-dots li {
    margin: 0 5px !important; }
    .slick-dots li button::before {
      font-size: 17px !important; }