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, sup, 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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.liste_ligne {
  list-style: none;
  padding: 0;
}
.liste_ligne li {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.video-container {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 0;
  position: relative;
}

.video-container iframe,
.video-container object,
.video-container embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

iframe[id^='twitter-widget-'] {
  width: 100% !important;
}

body {
  background-color: #f3f2f2;
  background-position: center top;
  background-repeat: no-repeat;
  color: #333;
  font: normal 1em "trebuchet ms", arial, helvetica, sans-serif;
  line-height: 1.4;
  margin: 0 auto;
}

/* === texte selectionne === */
::-moz-selection {
  background: #aa3551;
  color: #fff;
}

::-webkit-selection {
  background: #aa3551;
  color: #fff;
}

::selection {
  background: #aa3551;
  color: #fff;
}

/* === */
img,
embed {
  max-width: 100%;
}

h3, .h3, h4, .h4, .emsh4, h5, .h5, h6, .h6 {
  margin: 1em 0;
}

h1,
.h1 {
  font: normal 2em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  text-transform: uppercase;
}

h2,
.h2,
.emsh2 {
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}

h3,
.h3,
.emsh3 {
  font: normal 1.2em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  text-transform: uppercase;
  color: #aa3551;
}

h4,
.h4,
.emsh4 {
  font: normal 1.2em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #aa3551;
}

h5,
.h5 {
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #722776;
  text-transform: uppercase;
}

h6,
.h6 {
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #722776;
}

p {
  margin: 0 0 1.5em;
}

ul,
ol {
  list-style: disc;
  padding: 0 0 0 1.5em;
}

ol {
  list-style: decimal;
}

/* === */
input[type="submit"],
input[type="reset"],
input[type="button"] {
  cursor: pointer;
}

.clearfix {
  clear: both;
}

b,
strong,
dt,
caption,
legend {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

acronym {
  cursor: help;
}

q,
cite {
  font-style: italic;
}

blockquote {
  border-left: 3px solid #ccc;
  padding: 0 0 0 2em;
}

a {
  color: #919199;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none !important;
}

a img,
a:link img,
a:visited img {
  border: none;
  vertical-align: middle;
}

tr:nth-child(even) {
  background: #f5f5f5;
}

th {
  font-weight: 700;
  padding: .5em;
  text-align: left;
  vertical-align: top;
}

td {
  padding: .5em;
  vertical-align: top;
}

fieldset,
.fieldset {
  background: #f1f1f1;
  border: 2px solid #ededed;
  margin: 0 0 1.5em;
  padding: 1em;
}

label,
.label {
  cursor: pointer;
  font-weight: 700;
  vertical-align: text-bottom;
}

select,
textarea,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="password"],
input[type="text"],
input[readonly],
button,
.button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #eeeeee;
  font: "trebuchet ms", arial, helvetica, sans-serif;
  padding: .25em;
  text-decoration: none;
  max-width: 100%;
}
select:focus, select:active,
textarea:focus,
textarea:active,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="button"]:focus,
input[type="button"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="text"]:focus,
input[type="text"]:active,
input[readonly]:focus,
input[readonly]:active,
button:focus,
button:active,
.button:focus,
.button:active {
  border-color: #cccccc;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
.submit,
.reset {
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: text-bottom;
}

button,
.button {
  border: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
}

input[type="button"],
.button,
.button:hover {
  background: #722776;
  cursor: pointer;
}

.button {
  border: 1px solid #ddd;
}

input[type="submit"],
.submit {
  background: #9e314b;
}

input[type="reset"],
.reset {
  background: #722776;
}

input[readonly],
.readonly {
  background: #eee;
  color: inherit;
}
input[readonly]:focus, input[readonly]:active,
.readonly:focus,
.readonly:active {
  border-color: #999;
}

.masquer {
  display: none;
}

.pagelibre .toolbox img.cliquable,
.actualite .toolbox img.cliquable,
.article .toolbox img.cliquable {
  cursor: pointer;
}

/* === Accessibilite liens evitement === */
p#acces_direct {
  position: absolute;
  top: 7px;
  left: 10px;
  display: none;
}

/* ===========================
Grands Blocs
=========================== */
#profils_preferences {
  max-width: 100%;
  background: #FFF;
  position: relative;
  margin: 0 auto;
  height: 2.8em;
  width: 18.75000em;
  font-size: 1em;
}
#profils_preferences .logo-bandeau {
  display: inline-block;
  float: left;
  border: 1px solid #EEEEEE;
  border-top: none;
  height: 44px;
  line-height: 2.8;
  padding: 0 0.7em;
}
#profils_preferences .logo-bandeau .logo-smartphone {
  display: block;
}
#profils_preferences .logo-bandeau .logo-smartphone span {
  display: none;
}
#profils_preferences .recherche {
  display: block;
  float: right;
  height: 43px;
  line-height: 2.6;
  padding: 0 0.8em;
  width: 18px;
  border: 1px solid #EEEEEE;
  cursor: pointer;
}
@media screen and (min-width: 620px) {
  #profils_preferences .recherche {
    display: none;
  }
}
@media screen and (min-width: 920px) {
  #profils_preferences .logo-smartphone {
    display: block;
  }
  #profils_preferences .logo-smartphone span {
    display: block;
  }
}
@media screen and (min-width: 1220px) {
  #profils_preferences {
    margin: 0 auto;
    height: 2.8em;
  }
  #profils_preferences .logo-bandeau {
    border: none;
  }
  #profils_preferences .logo-bandeau .logo-smartphone {
    display: inline-block;
  }
  #profils_preferences .logo-bandeau .logo-smartphone span {
    display: inline-block;
  }
}
@media screen and (min-width: 620px) {
  #profils_preferences {
    margin: 0 auto;
    width: 37.50000em;
    background: #FFFFFF;
  }
}
@media screen and (min-width: 920px) {
  #profils_preferences {
    width: 56.25000em;
    margin: 0 auto;
    border-top: none;
    background: #FFFFFF;
  }
}
@media screen and (min-width: 1220px) {
  #profils_preferences {
    width: 75.00000em;
    margin: 0 auto;
    border-top: none;
  }
}

#page {
  max-width: 100%;
  background: #FFF;
  font-size: 1em;
  margin: 0 auto;
  width: 18.75000em;
  position: relative;
}
@media screen and (min-width: 620px) {
  #page {
    margin: 0 auto;
    width: 37.50000em;
  }
}
@media screen and (min-width: 920px) {
  #page {
    width: 56.25000em;
    margin: 0 auto;
    border-top: none;
  }
}
@media screen and (min-width: 1220px) {
  #page {
    width: 75.00000em;
    margin: 0 auto;
  }
}

.no-mediaqueries #page {
  width: 1000px;
  margin: 0 auto;
  background: #666;
}

#page,
#navigation,
.contenu,
#encadres,
#pied_page {
  background: #fff;
  word-wrap: break-word;
}

/* *******************
=Bloc =Bandeau
******************** */
.logo {
  background: #FFF;
  display: none;
  margin-top: 2em;
}
@media screen and (min-width: 620px) {
  .logo {
    display: none;
  }
}
@media screen and (min-width: 920px) {
  .logo {
    width: 37.50000em;
    float: left;
    display: block;
  }
}
@media screen and (min-width: 1220px) {
  .logo {
    width: 37.50000em;
    float: left;
    display: block;
  }
}

#bandeau {
  background-size: cover;
  overflow: auto;
  width: 37.50000em;
  float: left;
  min-height: 8em;
}
@media screen and (min-width: 620px) {
  #bandeau {
    width: 37.50000em;
    float: left;
    min-height: 9em;
  }
}
@media screen and (min-width: 920px) {
  #bandeau {
    width: 56.25000em;
    float: left;
    min-height: 12em;
  }
}
@media screen and (min-width: 1220px) {
  #bandeau {
    width: 75.00000em;
    float: left;
    min-height: 17	em;
  }
}
#bandeau .bandeau-navigation {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px;
  display: inline-block;
  line-height: 3;
  margin: 3em 1em;
  padding: 0 1em;
  width: auto;
  float: left;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
}
#bandeau .bandeau-navigation .titre-bandeau {
  font: 500 3.1em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
  padding: 0.1em 0 0.1em;
  display: inline-block;
  color: #aa3551;
}
#bandeau .bandeau-navigation #bloc-navigation {
  float: left;
}
@media screen and (min-width: 920px) {
  #bandeau .bandeau-navigation {
    width: auto;
    line-height: auto;
    margin: 2em 1em;
    padding: 1em;
  }
}
@media screen and (min-width: 1220px) {
  #bandeau .bandeau-navigation {
    border-radius: 0;
    margin: 1em 1em 4em;
    padding: 0em;
    width: auto;
    box-shadow: none;
  }
}
#bandeau .bandeau-navigation #logo-navigation {
  display: none;
  float: left;
  width: auto;
  padding: 1em;
  position: relative;
  z-index: 5;
  background: #FFF;
}
#bandeau .bandeau-navigation #logo-navigation img {
  display: none;
}
@media screen and (min-width: 920px) {
  #bandeau .bandeau-navigation #logo-navigation {
    display: block;
  }
  #bandeau .bandeau-navigation #logo-navigation img {
    display: block;
  }
}
@media screen and (min-width: 1220px) {
  #bandeau .bandeau-navigation #logo-navigation {
    padding: 1em;
  }
  #bandeau .bandeau-navigation #logo-navigation img {
    display: block;
  }
}

/* *******************
=Bloc =Menu
******************** */
#bandeau {
  background-size: cover;
  overflow: auto;
  width: 100%;
}
@media screen and (min-width: 1220px) {
  #bandeau {
    min-height: 18.75000em;
  }
}
#bandeau .bandeau-navigation {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px;
  display: block;
  line-height: 3;
  margin: 3em 1em;
  padding: 0 1em;
  width: 14.5em;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
}
#bandeau .bandeau-navigation #menu {
  background: #FFF !important;
}
#bandeau .bandeau-navigation #menu .titre-bandeau {
  font: 500 1.5em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
  padding: 0.5em 0 0.1em;
  display: inline-block;
  color: #aa3551;
}
#bandeau .bandeau-navigation #menu #menu_principal_mobile {
  font: 500 1.3em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  display: inline-block;
  text-transform: uppercase;
  left: 60px;
  height: 44px;
  left: 53px;
  padding: 0 0.7em;
  width: auto;
  line-height: 2.3;
  border: 1px solid #eee;
  position: absolute;
  z-index: 100;
  top: -46px;
}
#bandeau .bandeau-navigation #menu #menu_principal_mobile .icone-tablet {
  display: none;
}
@media screen and (min-width: 920px) {
  #bandeau .bandeau-navigation #menu #menu_principal_mobile {
    display: inline-block;
  }
  #bandeau .bandeau-navigation #menu #menu_principal_mobile .icone-tablet {
    display: inline-block;
  }
}
@media screen and (min-width: 1220px) {
  #bandeau .bandeau-navigation #menu #menu_principal_mobile {
    display: none !important;
  }
}
#bandeau .bandeau-navigation #menu #menu_principal {
  background: #FFFFFF;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 18.75000em;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  display: none;
  border-top-color: #eee;
  border-top-width: 0;
  border-top-style: solid;
  padding: 10px 0;
  list-style: none;
  z-index: 100;
}
@media screen and (min-width: 1220px) {
  #bandeau .bandeau-navigation #menu #menu_principal {
    border-top-width: 1px;
    display: block !important;
  }
}
#bandeau .bandeau-navigation #menu #menu_principal li {
  float: none;
  position: relative;
}
#bandeau .bandeau-navigation #menu #menu_principal li:first-child {
  border: none;
}
#bandeau .bandeau-navigation #menu #menu_principal li:last-child a {
  border: none;
}
#bandeau .bandeau-navigation #menu #menu_principal ul {
  display: none;
  padding: 0;
}
#bandeau .bandeau-navigation #menu #menu_principal ul li {
  display: inline;
  padding: 0;
}
#bandeau .bandeau-navigation #menu #menu_principal em {
  font-style: normal;
}
#bandeau .bandeau-navigation #menu #menu_principal a {
  background-color: transparent;
  color: #aa3551;
  display: block;
  padding: 0.5em;
  border-bottom: 1px solid #EAEAEA;
  text-decoration: none;
  font: 500 1em/normal titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  text-transform: uppercase;
}
#bandeau .bandeau-navigation #menu #menu_principal > li > a,
#bandeau .bandeau-navigation #menu #menu_principal > li > em a {
  font-weight: 500;
}
#bandeau .bandeau-navigation #menu #menu_principal li:hover a,
#bandeau .bandeau-navigation #menu #menu_principal a:hover,
#bandeau .bandeau-navigation #menu #menu_principal a:focus,
#bandeau .bandeau-navigation #menu #menu_principal em a {
  background: #FFF;
  color: #83293e;
}
#bandeau .bandeau-navigation #menu #menu_principal li:hover li a,
#bandeau .bandeau-navigation #menu #menu_principal ul a {
  background-color: #ddd;
  border-bottom: 1px dotted #fff;
  color: #333;
  padding: 0.2em 0.5em;
}
#bandeau .bandeau-navigation #menu #menu_principal li:hover li a:hover,
#bandeau .bandeau-navigation #menu #menu_principal ul a:hover,
#bandeau .bandeau-navigation #menu #menu_principal ul a:focus {
  background: #333;
  color: #fff;
}
@media screen and (min-width: 620px) {
  #bandeau .bandeau-navigation #menu #menu_principal {
    display: none;
    left: 54px;
    top: -1px;
    z-index: 500;
  }
}
@media screen and (min-width: 920px) {
  #bandeau .bandeau-navigation #menu #menu_principal {
    display: none;
    border-top-width: 0;
  }
}
@media screen and (min-width: 1220px) {
  #bandeau .bandeau-navigation #menu #menu_principal {
    box-shadow: none;
    display: inline-block;
    position: relative;
    width: auto;
    border-top-width: 1px;
    border-top-color: #df99aa;
    left: 0;
    top: 0;
  }
  #bandeau .bandeau-navigation #menu #menu_principal li {
    float: left;
  }
  #bandeau .bandeau-navigation #menu #menu_principal li:first-child a {
    padding: 0;
  }
  #bandeau .bandeau-navigation #menu #menu_principal a {
    border-bottom: none;
    padding: 0 0.5em;
    display: inline-block;
  }
}
@media screen and (min-width: 620px) {
  #bandeau .bandeau-navigation {
    width: auto;
    display: block;
  }
  #bandeau .bandeau-navigation #menu .titre-bandeau {
    font: 500 2em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
  }
}
@media screen and (min-width: 920px) {
  #bandeau .bandeau-navigation {
    width: auto;
    line-height: auto;
    margin: 2em 1em;
    display: block;
    padding: 1em;
  }
  #bandeau .bandeau-navigation #menu .titre-bandeau {
    font: 500 2.5em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
    line-height: 2;
  }
}
@media screen and (min-width: 1220px) {
  #bandeau .bandeau-navigation {
    border-radius: 0;
    margin: 4em 1em;
    padding: 0.5em;
    width: auto;
    box-shadow: none;
  }
  #bandeau .bandeau-navigation #menu .titre-bandeau {
    font: 500 3.5em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
    line-height: auto;
    width: 21em;
  }
}
#bandeau .bandeau-navigation #logo img {
  display: none;
}
@media screen and (min-width: 920px) {
  #bandeau .bandeau-navigation #logo img {
    display: block;
  }
}
@media screen and (min-width: 1220px) {
  #bandeau .bandeau-navigation #logo img {
    display: block;
  }
}

@media screen and (min-width: 1288px) {
  #connexion,
  .oldie #connexion {
    padding: 0.3em 10px 0.3em 0;
    text-align: right;
    float: right;
  }

  #connexion p {
    display: inline;
  }
}
#connexion ul {
  list-style: none;
}
#connexion legend {
  display: none;
}

#navigation {
  width: 18.75000em;
  float: left;
  background: #FFF;
  display: none;
  overflow: hidden;
}
#navigation #menu_secondaire {
  padding: 0em;
  margin: 0;
  list-style: none;
}
#navigation #menu_secondaire li {
  padding: 0.5em;
  border-bottom: 1px solid #aa3551;
}
#navigation #menu_secondaire li a {
  color: #aa3551;
}
#navigation #menu_secondaire li strong {
  font-weight: 400;
}
#navigation #menu_secondaire li strong a {
  color: #722776;
}
#navigation #menu_secondaire li:last-child {
  border-bottom: none;
}
@media screen and (min-width: 920px) {
  #navigation {
    display: none;
  }
}
@media screen and (min-width: 1220px) {
  #navigation {
    display: block;
  }
}

#menu_secondaire ul {
  margin: 0 0 1em 0;
  list-style: none;
}

#services {
  background: #ccc;
  margin: 0 0 1em;
  padding: 0.5em 0;
}

#menu_secondaire {
  margin: 1em;
}

.contenu {
  float: left;
  min-height: 25em;
  postion: relative;
  overflow: hidden;
  /* 	   	h1, h3{ */
  /* 	   		position:absolute; */
  /* 	    	top: 4.59em; */
  /* 	   		width:auto; */
  /* 	   		padding: 0 0.2em; */
  /* 	   		left:0;  */
  /* 	   		right:initial; */
  /* 	   		background: rgba($dominante, 0.6); */
  /* 	   		color:#FFF;  */
  /* 	   		font-size:1.5em; */
  /* 	   		text-transform: none; */
  /* 			  @include respond-min($small ) { */
  /* 		   		top: 7.95em; */
  /* 		   		width:17.75em; */
  /* 		   		padding: 0 0.5em; */
  /* 		   		right:0; */
  /* 		   		left:initial; */
  /* 				font-size:2em; */
  /* 			  } 	   		 */
  /* 	   	} */
}
.contenu .liste-objets {
  list-style: none;
  padding: 0;
}

#avec_nav_avec_encadres {
  padding: 1.25000em;
  width: 16.25000em;
  overflow: hidden;
}
@media screen and (min-width: 620px) {
  #avec_nav_avec_encadres {
    padding: 1.25000em;
    width: 35.00000em;
  }
}
@media screen and (min-width: 920px) {
  #avec_nav_avec_encadres {
    padding: 1.25000em;
    width: 35.00000em;
    float: right;
  }
}
@media screen and (min-width: 1220px) {
  #avec_nav_avec_encadres {
    padding: 1.25000em;
    width: 35.00000em;
    float: right;
  }
}

#avec_nav_sans_encadres {
  padding: 1.25000em;
  width: 16.25000em;
  overflow: hidden;
}
@media screen and (min-width: 620px) {
  #avec_nav_sans_encadres {
    padding: 1.25000em;
    width: 35.00000em;
  }
}
@media screen and (min-width: 920px) {
  #avec_nav_sans_encadres {
    padding: 1.25000em;
    width: 53.75000em;
  }
}
@media screen and (min-width: 1220px) {
  #avec_nav_sans_encadres {
    padding: 1.25000em;
    width: 53.75000em;
  }
}

#sans_nav_avec_encadres {
  padding: 1.25000em;
  width: 16.25000em;
  overflow: hidden;
}
@media screen and (min-width: 620px) {
  #sans_nav_avec_encadres {
    padding: 1.25000em;
    width: 35.00000em;
  }
}
@media screen and (min-width: 920px) {
  #sans_nav_avec_encadres {
    padding: 1.25000em;
    width: 53.75000em;
  }
}
@media screen and (min-width: 1220px) {
  #sans_nav_avec_encadres {
    padding: 1.25000em;
    width: 53.75000em;
  }
}

#sans_nav_sans_encadres {
  padding: 1.25000em;
  width: 16.25000em;
}
@media screen and (min-width: 620px) {
  #sans_nav_sans_encadres {
    padding: 1.25000em;
    width: 35.00000em;
  }
}
@media screen and (min-width: 920px) {
  #sans_nav_sans_encadres {
    padding: 1.25000em;
    width: 53.75000em;
  }
}
@media screen and (min-width: 1220px) {
  #sans_nav_sans_encadres {
    padding: 1.25000em;
    width: 72.50000em;
  }
}

@media screen and (min-width: 1288px) {
  [class^="ligne"] {
    clear: left;
    margin: 0 0 1.5em;
    padding: 0;
  }

  [class^="colonne"] {
    float: left;
  }
  [class^="colonne"]:first-child .colonne_deco {
    border: 0;
    padding-left: 0;
  }
  [class^="colonne"]:last-child .colonne_deco {
    margin-right: 0;
  }

  .colonne_deco {
    margin-right: 1em;
    padding: 0 0 0 1em;
    width: 100%;
  }
}
/************************
=Bloc =Encadres
*************************/
#encadres {
  background: #FFF;
  width: 18.75000em;
  float: left;
  overflow: hidden;
}
#encadres [class^="encadre_"] {
  float: left;
  display: block;
}
#encadres .encadre_recherche form {
  padding: 1em;
}
@media screen and (min-width: 620px) {
  #encadres {
    width: 37.50000em;
    float: left;
  }
  #encadres [class^="encadre_"] {
    float: left;
    display: block;
    width: 18.75000em;
    background: #FFF;
  }
}
@media screen and (min-width: 920px) {
  #encadres {
    width: 56.25000em;
    float: left;
  }
}
@media screen and (min-width: 1220px) {
  #encadres {
    width: 18.75000em;
    float: left;
  }
}

/* ====================
=Bloc =Pied de Page
==================== */
div#pied_deco {
  max-width: 100%;
  color: #FFF;
  margin: 0 auto;
  width: 18.75000em;
}
@media screen and (min-width: 620px) {
  div#pied_deco {
    margin: 0 auto;
    width: 37.50000em;
  }
}
@media screen and (min-width: 920px) {
  div#pied_deco {
    width: 56.25000em;
    margin: 0 auto;
    border-top: none;
  }
}
@media screen and (min-width: 1220px) {
  div#pied_deco {
    width: 75.00000em;
    margin: 0 auto;
  }
}
div#pied_deco #adresse {
  width: 18.75000em;
  float: left;
  background: #888585;
  display: block;
  float: left;
  min-height: 10em;
}
div#pied_deco #adresse .encadre {
  display: table-cell;
  height: 10em;
  padding: 0 1em;
  text-transform: uppercase;
  vertical-align: middle;
  width: auto;
}
@media screen and (min-width: 620px) {
  div#pied_deco #adresse {
    width: 37.50000em;
    text-align: center;
  }
}
@media screen and (min-width: 920px) {
  div#pied_deco #adresse {
    float: right;
    width: 18.75000em;
  }
}
@media screen and (min-width: 1220px) {
  div#pied_deco #adresse {
    float: left;
    width: 18.75000em;
  }
}
div#pied_deco #liens_directs {
  min-height: 10em;
  background: #888585;
  width: 37.50000em;
  float: left;
}
div#pied_deco #liens_directs .emsh3 {
  padding: 1em 1em 0;
  text-transform: uppercase;
  color: #FFF;
}
div#pied_deco #liens_directs .encadre {
  padding: 1em;
}
div#pied_deco #liens_directs .encadre ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  list-style: none;
  padding: 0 0 0 1em;
}
div#pied_deco #liens_directs .encadre ul li {
  position: relative;
  text-transform: uppercase;
}
div#pied_deco #liens_directs .encadre ul li a {
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.8em;
}
div#pied_deco #suivez_nous {
  background: #888585;
  color: #FFF;
  width: 18.75000em;
  float: left;
  min-height: 10em;
  overflow: hidden;
}
div#pied_deco #suivez_nous .emsh3 {
  padding: 0 1em;
  text-transform: uppercase;
  color: #FFF;
}
div#pied_deco #suivez_nous .encadre {
  padding: 5em 1em 1em;
  text-transform: uppercase;
}
div#pied_deco #suivez_nous #liens_suivez_nous li {
  list-style: none;
  display: inline-block;
}
div#pied_deco #suivez_nous #liens_suivez_nous li a {
  padding: 0.5em;
}
@media screen and (min-width: 620px) {
  div#pied_deco #suivez_nous {
    width: 37.50000em;
    float: left;
  }
}
@media screen and (min-width: 920px) {
  div#pied_deco #suivez_nous {
    width: 18.75000em;
    float: right;
  }
}
div#pied_deco #partenaires {
  width: 18.75000em;
  float: left;
  background: #888585;
  min-height: 10em;
}
div#pied_deco #partenaires .emsh3 {
  display: none;
  padding: 1em;
}
div#pied_deco #partenaires .encadre {
  padding: 1em;
}
div#pied_deco #partenaires .encadre ul {
  list-style: none;
}
div#pied_deco #partenaires .encadre ul li {
  float: none;
  display: inline-block;
  padding: 0.5em;
}
@media screen and (min-width: 620px) {
  div#pied_deco #partenaires {
    width: 37.50000em;
    float: left;
  }
}
@media screen and (min-width: 920px) {
  div#pied_deco #partenaires {
    width: 37.50000em;
    float: left;
    min-height: 20em;
  }
}
@media screen and (min-width: 1220px) {
  div#pied_deco #partenaires {
    width: 37.50000em;
    float: left;
    min-height: 10em;
  }
}
@media screen and (min-width: 920px) {
  div#pied_deco #liens_directs {
    position: relative;
    min-height: 10em;
  }
  div#pied_deco #liens_directs:after {
    background: #FFF;
    content: "";
    height: 250px;
    margin-top: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 19px;
    width: 3px;
  }
  div#pied_deco #liens_directs .encadre {
    padding: 1em;
    text-transform: uppercase;
  }
  div#pied_deco #partenaires .encadre ul {
    list-style: none;
  }
  div#pied_deco #partenaires .encadre ul li {
    float: left;
    display: inline-block;
    padding: 0.5em;
  }
}
div#pied_page {
  clear: both;
  float: left;
  margin: 0 auto;
  position: relative;
  background: #e6e6e6;
  color: #44153f;
  width: 100%;
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 1em 0;
}
div#pied_page a {
  color: #443B43;
}
div#pied_page #lienModifier {
  float: left;
  padding: 1em;
  line-height: 0;
}
@media screen and (min-width: 920px) {
  div#pied_page #lienModifier {
    float: right;
    padding: 0;
  }
}
div#pied_page #connexion,
div#pied_page .oldie #connexion {
  position: relative;
  text-align: right;
  position: relative;
  text-align: right;
  padding: 1em;
  float: left;
}
@media screen and (min-width: 920px) {
  div#pied_page #connexion,
  div#pied_page .oldie #connexion {
    float: right;
    padding: 0 1em;
  }
}
div#pied_page #connexion p,
div#pied_page .oldie #connexion p {
  margin: 0;
}
div#pied_page #connexion #se_connecter_form,
div#pied_page .oldie #connexion #se_connecter_form {
  position: absolute;
  bottom: 29px;
  right: 0;
  background: #E6E6E6;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  height: 114px;
  padding: 0.5em;
  width: 286px;
}
div#pied_page #connexion #se_connecter_form .submit,
div#pied_page .oldie #connexion #se_connecter_form .submit {
  width: 13em;
}
div#pied_page #connexion #se_connecter_form #mot_de_passe_oublie,
div#pied_page .oldie #connexion #se_connecter_form #mot_de_passe_oublie {
  padding: 0.5em 3em;
}
div#pied_page #connexion #se_connecter_form p,
div#pied_page .oldie #connexion #se_connecter_form p {
  display: inline-block;
  margin: 0 0 0.5em;
}
div#pied_page #connexion #se_connecter_form p input,
div#pied_page .oldie #connexion #se_connecter_form p input {
  width: 13em;
  display: inline-block;
}
div #menu_pied_page {
  padding: 0 1em;
  float: left;
  color: #ccc;
  text-align: left;
}
div #menu_pied_page li {
  border-left: 1px solid;
  display: inline;
  margin: 0 1em 0 0;
  padding: 0 0 0 1em;
}
div #menu_pied_page li:first-child {
  border-left: 0;
  padding: 0;
}
@media screen and (min-width: 620px) {
  div #menu_pied_page {
    text-align: left;
  }
}
div #boutons_actions li {
  display: inline-block;
  margin: 0 1em 0 0;
}

.affiche-menu {
  display: inline-block;
  vertical-align: -7px;
  margin-top: 0;
  margin-left: 3.3em;
  width: 8em;
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  text-transform: uppercase;
  vertical-align: -11px;
}
.affiche-menu .icon-arrow-down {
  font-size: 1em;
  line-height: 1.6em;
}
@media screen and (min-width: 620px) {
  .affiche-menu {
    margin-left: 2.6em;
    margin-top: 0.4em;
    vertical-align: -2px;
    font: normal 1.3em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
    line-height: 1em;
    padding: 0.1em 0.2em;
  }
  .affiche-menu .icon-arrow-down {
    font-size: 0.8em;
    line-height: 1.6em;
  }
}
@media screen and (min-width: 920px) {
  .affiche-menu {
    margin-top: 0.4em;
    margin-left: 5.6em;
    font: normal 1.3em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
    line-height: 1em;
    padding: 0.1em 0.2em;
  }
  .affiche-menu .icon-arrow-down {
    font-size: 0.8em;
    line-height: 1.6em;
  }
}
@media screen and (min-width: 1220px) {
  .affiche-menu {
    display: none;
  }
}

.menu-haut {
  position: absolute;
  top: 44px;
  left: 0px;
}
.menu-haut #menu_acces_direct {
  border-top: 1px solid #EEEEEE;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1000;
  list-style: none;
  padding: 0;
  display: none;
  float: none;
  min-width: 18.75000em;
  background: #FFF;
  position: relative;
  margin-top: 0;
}
.menu-haut #menu_acces_direct li {
  border-bottom: 1px solid #EEEEEE;
  margin: 0 0.5em;
  padding: 0.5em;
}
.menu-haut a:hover {
  text-decoration: none;
}
.menu-haut a .direct {
  font-family: dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
  display: none;
}

@media screen and (min-width: 620px) {
  .menu-haut {
    left: 108px;
    top: 44px;
  }
}
@media screen and (min-width: 920px) {
  .menu-haut {
    left: 161px;
    padding: 0;
    top: 45px;
  }
  .menu-haut a .direct {
    display: inline-block;
  }
  .menu-haut #menu_acces_direct {
    left: 0;
  }
}
@media screen and (min-width: 1220px) {
  .menu-haut {
    border: none;
    position: relative;
    float: left;
    left: 0;
    top: 0px;
    display: block !important;
  }
  .menu-haut #menu_acces_direct {
    padding: 0 0.5em;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    background: transparent;
    border: none;
    display: block !important;
    position: relative;
  }
  .menu-haut #menu_acces_direct li {
    border-bottom: none;
    z-index: 1000;
    float: left;
    display: inline-block;
    height: 26px;
    line-height: 1.7;
  }
  .menu-haut #menu_acces_direct li.active {
    border-bottom: 3px solid #000;
  }
  .menu-haut #menu_acces_direct li.active a {
    color: #000;
  }
  .menu-haut #menu_acces_direct a {
    font-family: titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  }
}
/* ====================
=Recherche =Simple
==================== */
form#recherche_simple {
  background: #FFFFFF;
  color: #FFFFFF;
  display: none;
  float: right;
  padding: 0.5em 0.8em;
  width: 13em;
  position: absolute;
  right: 63px;
  top: 0;
  z-index: 500;
}
@media screen and (min-width: 620px) {
  form#recherche_simple {
    display: block !important;
  }
}
form#recherche_simple input[type="text"] {
  height: 2.1em;
  margin-top: 0;
  text-transform: uppercase;
  font: 700 0.8em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-appearance: none;
  height: 26.72px;
  box-sizing: border-box;
  vertical-align: top;
}
form#recherche_simple input[type="text"]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000;
}
form#recherche_simple input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
  opacity: 1;
}
form#recherche_simple input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
  opacity: 1;
}
form#recherche_simple input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000;
}
form#recherche_simple label {
  display: none;
}
form#recherche_simple input.champ-saisie {
  width: 170px;
  border: 1px solid #fff;
  height: 2.15em;
  color: #888;
}
form#recherche_simple .image-recherche {
  padding: 0.29em;
  vertical-align: top;
  border: 1px solid #aa3551;
  border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  height: 26.72px;
  box-sizing: border-box;
  vertical-align: top;
}
form#recherche_simple a {
  color: #fff;
  font-size: 0.9em;
}
form#recherche_simple p#vers_recherche_avancee {
  margin: 0;
}
@media screen and (min-width: 620px) {
  form#recherche_simple {
    display: block;
    width: auto;
    position: relative;
    top: 0;
    right: 0;
    color: #fff;
    float: right;
    background: #FFF;
    z-index: 500;
    padding: 0.5em;
  }
}
@media screen and (min-width: 1220px) {
  form#recherche_simple {
    background: none;
  }
  form#recherche_simple input.champ-saisie {
    width: 180px;
    border: 1px solid #F0EFEF;
    background: #F0EFEF;
    height: 2em;
    vertical-align: bottom;
  }
  form#recherche_simple .image-recherche {
    padding: 0.29em;
    vertical-align: top;
    border: 1px solid #aa3551;
  }
}

.rechercheAvance {
  background: transparent;
  display: none;
  float: right;
  width: auto;
  z-index: 500;
}
.rechercheAvance i {
  color: #FFF;
  background: #aa3551;
  font-size: 1.05em;
  padding: 0.3em;
  height: 26.72px;
  box-sizing: border-box;
  vertical-align: top;
}
@media screen and (min-width: 620px) {
  .rechercheAvance {
    display: block;
    padding: 0.5em 0.5em 0.5em 0;
  }
}
@media screen and (min-width: 1220px) {
  .rechercheAvance {
    padding: 0.5em;
  }
}

/* ====================
=block Titre 
==================== */
.titreSite {
  display: block;
  float: left;
  width: 18.75000em;
  height: 18.75000em;
  background: #aa3551;
  position: relative;
}
.titreSite .titreSiteTemplate {
  font: normal 2.55em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #FFF;
  padding: 0.5em;
  line-height: 1;
  position: absolute;
  top: 100px;
  display: block;
}

/* ====================
=Newsroom & Portail etudiant switch
==================== */
.menuDessous #avec_nav_avec_encadres {
  float: left;
}
@media screen and (min-width: 920px) {
  .menuDessous .logo {
    display: none;
  }
}
@media screen and (min-width: 1220px) {
  .menuDessous .logo {
    display: block;
  }
}

/* ====================
=Recherche
==================== */
.recherche {
  position: relative;
}
.recherche .replie #titreMenuReplie {
  display: none;
}
@media screen and (min-width: 1220px) {
  .recherche .replie {
    display: block;
    position: absolute;
    top: 18.75000em;
    left: 0;
    background-color: #aa3551;
    color: #FFF;
  }
  .recherche .replie .ui-state-default, .recherche .replie .ui-widget-content .ui-state-default, .recherche .replie .ui-widget-header .ui-state-default {
    background: #aa3551;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
  }
  .recherche .replie .ui-state-active, .recherche .replie .ui-widget-content .ui-state-active, .recherche .replie .ui-widget-header .ui-state-active {
    background: #aa3551;
    border: none;
    color: #FFFFFF;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    margin-top: 0;
  }
  .recherche .replie #menu #menu_principal {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  }
}

/* ====================
=MyBudget
==================== */
#conteneurMyBudget .mybudget-formation, #conteneurMyBudget .mybudget-logement {
  border-bottom: 1px solid #D7DCDE;
  margin-bottom: 1em;
  padding-bottom: 1em;
  min-height: 2em;
  padding-top: 1em;
}
#conteneurMyBudget .mybudget-formation label, #conteneurMyBudget .mybudget-formation .label, #conteneurMyBudget .mybudget-logement label, #conteneurMyBudget .mybudget-logement .label {
  display: inline-block;
  margin-bottom: 1em;
  vertical-align: bottom;
  width: 37%;
}
#conteneurMyBudget .mybudget-formation select, #conteneurMyBudget .mybudget-logement select {
  width: 60%;
}
#conteneurMyBudget .mybudget-formation #surfaceLabel, #conteneurMyBudget .mybudget-logement #surfaceLabel {
  margin-bottom: 0;
}
#conteneurMyBudget .mybudget-modalite {
  border-bottom: 1px solid #D7DCDE;
  padding-bottom: 1em;
}
#conteneurMyBudget .mybudget-modalite #modalite {
  display: inline-block;
  vertical-align: bottom;
  width: 39%;
  margin-bottom: 0.5em;
}
#conteneurMyBudget .mybudget-modalite .modalite-fi, #conteneurMyBudget .mybudget-modalite .modalite-fa {
  display: inline-block;
  width: 60%;
}
@media screen and (min-width: 620px) {
  #conteneurMyBudget .mybudget-modalite #modalite {
    margin-bottom: 0;
  }
  #conteneurMyBudget .mybudget-modalite .modalite-fi, #conteneurMyBudget .mybudget-modalite .modalite-fa {
    display: inline;
    width: auto;
  }
}
#conteneurMyBudget .mybudget-transport {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #D7DCDE;
}
#conteneurMyBudget .mybudget-transport .label {
  display: block;
  vertical-align: top;
  width: 37%;
  margin-bottom: 0.5em;
}
#conteneurMyBudget .mybudget-transport .mode {
  display: inline-block;
  vertical-align: bottom;
  width: 90%;
}
#conteneurMyBudget .mybudget-transport .mode .autres {
  margin-top: 0.5em;
  width: 95%;
  display: inline-block;
}
@media screen and (min-width: 620px) {
  #conteneurMyBudget .mybudget-transport .label {
    display: inline-block;
    margin-bottom: 0;
  }
  #conteneurMyBudget .mybudget-transport .mode {
    width: 60%;
  }
  #conteneurMyBudget .mybudget-transport .mode .autres {
    width: 66%;
    display: inline-block;
  }
}
#conteneurMyBudget .mybudget-associative {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #D7DCDE;
}
#conteneurMyBudget .mybudget-associative .label {
  display: block;
  vertical-align: top;
  width: auto;
  margin-bottom: 0.5em;
}
#conteneurMyBudget .mybudget-associative .mode {
  float: right;
  display: block;
  text-align: left;
}
@media screen and (min-width: 620px) {
  #conteneurMyBudget .mybudget-associative .label {
    display: inline-block;
    margin-bottom: 0;
    width: 25%;
  }
  #conteneurMyBudget .mybudget-associative .mode {
    float: right;
    display: block;
    text-align: right;
  }
}
#conteneurMyBudget .submitMybudget {
  margin-bottom: 1em;
  width: 100%;
  display: block;
}
#conteneurMyBudget .submitMybudget .submit {
  margin: 0 auto;
  display: block;
  padding: 0.5em;
}
#conteneurMyBudget .infoTableau {
  display: block;
  font-size: 0.8em;
  margin-bottom: 2em;
  margin-top: 0.5em;
}

#msg-alerte,
#msg-erreur,
#msg-confirmation,
[id*="msg"] {
  float: none;
  font-weight: 700;
  padding: 0.5em;
  width: auto;
  border: 2px solid;
}

#msg-alerte {
  color: #ffb622;
}

#msg-erreur {
  color: #f11b03;
}

#msg-confirmation {
  color: #b8f04c;
}

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
  color: #fff;
}

.erreur {
  color: red;
  font-style: normal;
  font-weight: 700;
}

.retour {
  cursor: pointer;
}

[class*="icon-"] {
  margin: .5em;
  color: #722776;
}

hr.separateur_sections_page,
#divsts {
  display: none;
}

.hide {
  position: absolute;
  visibility: hidden;
}

span.highlight {
  font-weight: 700;
}

.separateur {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 1288px) {
  #acces_direct {
    float: left;
  }
}

.toolbox h2,
.toolbox h3,
.toolbox .emsh3,
.toolbox h4,
.toolbox .emsh4,
.toolbox h5,
.toolbox h6 {
  font-weight: 700;
}
.toolbox address {
  background: url(img/address.png) no-repeat 1em 1em;
  border: 2px solid #ddd;
  font-style: normal;
  margin: 0 0 1.5em;
  padding: 1em 1em 1em 50px;
}

#commenter,
#afficher_masquer_commentaires {
  display: inline-block;
}
#commenter a,
#afficher_masquer_commentaires a {
  background: #aa3551;
  color: #fff;
  font-weight: 700;
  padding: .25em .5em;
  text-decoration: none;
}

#lien_cache {
  display: none;
}

#commentaires_afficher {
  display: block;
}

#commentaires_masquer {
  display: none;
}

div.commentaires_deco2 {
  clear: both;
}
div.commentaires_deco1 h2 {
  text-transform: uppercase;
}
div.commentaires_deco1 ul {
  margin: 0;
}

#commentaires {
  padding: 0;
}
#commentaires ul {
  padding: 0;
}
#commentaires li {
  list-style-type: none;
  padding: 0 0 0 10px;
}

li.niveau_1 {
  margin-top: 30px;
}
li.niveau_1_premier {
  margin-top: 0;
}
li.parite_0 {
  border-left: 3px solid #e20031;
}
li.parite_1 {
  border-left: 3px solid #333;
}

p.commentaires_titre {
  clear: both;
  font-weight: 700;
  margin: 0 0 0.3em;
  padding: 0;
}
p.repondre {
  text-align: right;
}

#recherche_avancee {
  width: 100%;
}
#recherche_avancee legend {
  display: none;
}
#recherche_avancee label {
  float: left;
  font-weight: 700;
  padding-left: 5px;
  padding-right: 5px;
  width: 125px;
}
#recherche_avancee label.no_float {
  float: none;
}
#recherche_avancee .ChampSaisie {
  max-width: 360px;
}

#precisions_resultats {
  font-weight: 700;
}

#liste_resultats .highlight {
  display: inline;
}

ul.description span {
  display: inline;
}
ul.description span i {
  font-style: italic;
}
ul.objets, ul#liste_resultats {
  padding: 0;
  margin: 0 0 1.5em;
}
ul.objets li, ul#liste_resultats li {
  border-top: 2px dotted #737373;
  clear: left;
  list-style-type: none;
  margin: 1em 0 0;
  padding: 1em 0 0;
}
ul.objets li:first-child, ul#liste_resultats li:first-child {
  border: 0;
  margin: 0;
  padding: 0;
}
ul.objets .soustitre, ul#liste_resultats .soustitre {
  font-weight: 700;
}
ul.objets span, ul#liste_resultats span {
  display: block;
}
ul.documents a.telecharger-fichiers {
  display: block;
}
ul.articles .redacteur {
  font-style: italic;
}
ul.pardefaut {
  margin: 0 0 1.5em;
}
ul.onglets {
  margin: 0 0 1.5em;
  padding: 0;
  border-bottom: 2px solid #ddd;
}
ul.onglets li {
  background: #ddd;
  display: inline-block;
  font-weight: 700;
  border: 2px solid #ddd;
  border-bottom: 0;
  position: relative;
  bottom: -2px;
}
ul.onglets a {
  display: inline-block;
  padding: .5em;
  text-decoration: none;
}
ul.onglets a:hover,
ul.onglets #actif a {
  background: #fff;
  color: #aa3551;
}
ul.actualites .liste_accueil {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  border: 0;
  position: relative;
}
ul.actualites .liste_accueil::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #eaeaea;
  z-index: 0;
}
ul.actualites .liste_accueil .vignette_deco,
ul.actualites .liste_accueil .vignette_deco2 {
  margin: 0;
  position: relative;
  z-index: 1;
}
ul.actualites .liste_accueil .vignette_deco {
  flex-basis: 100%;
  min-width: 100%;
  background-position: 50% 50%;
  background-size: cover;
}
@media screen and (min-width: 920px) {
  ul.actualites .liste_accueil .vignette_deco {
    flex-basis: 45.6%;
    min-width: 45.6%;
  }
}
ul.actualites .liste_accueil .vignette_deco::before {
  content: "";
  display: block;
  padding-bottom: 69%;
}
ul.actualites .liste_accueil .vignette_deco2 {
  flex-basis: 100%;
  min-width: 100%;
  flex-grow: 1;
  align-self: center;
  box-sizing: border-box;
  padding: 1.4em;
}
@media screen and (min-width: 920px) {
  ul.actualites .liste_accueil .vignette_deco2 {
    flex-basis: 54.4%;
    min-width: 54.4%;
  }
}
ul.actualites .liste_accueil .vignette_deco2 a {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 7.5em;
  font-size: 1.25em;
  line-height: 1.2;
  font-family: titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  font-weight: bold;
  color: black;
}

li.avec_vignette,
div.vignette_deco2 {
  overflow: auto;
}

div.vignette_deco {
  display: block;
  float: left;
  margin: 0 1em 0 0;
}

.vignette {
  margin: 0;
  padding: 0;
}

#encadres .vignette_deco {
  width: auto !important;
}
#encadres .vignette_deco2 {
  overflow: visible;
}

#precisions_resultats {
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  background-color: #aa3551;
  display: block;
  padding: 0.5em 0.5em 0.5em 0.5em;
  color: #FFF;
  margin: 0;
}
@media screen and (min-width: 1220px) {
  #precisions_resultats {
    padding: 0.5em 0.5em 0.5em 13.8em;
  }
}

.resultats_recherche_navigation {
  background: #443b43;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.resultats_recherche_navigation a {
  display: inline-block;
  padding: 5px;
  color: #FFF;
}
@media screen and (min-width: 620px) {
  .resultats_recherche_navigation a {
    padding: 5px 10px;
  }
}
.resultats_recherche_navigation .pagination-fiche {
  display: inline-block;
  text-align: center;
  color: #FFF;
  list-style: none;
  padding: 0;
}
.resultats_recherche_navigation .pagination-fiche li {
  display: inline-block;
}
.resultats_recherche_navigation .pagination-fiche .current {
  position: relative;
}
.resultats_recherche_navigation .pagination-fiche .current:before {
  position: absolute;
  top: 0;
  left: 38%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #aa3551 transparent transparent transparent;
  content: "";
}
.resultats_recherche_navigation .pagination-fiche .current:after {
  position: absolute;
  bottom: 0;
  left: 38%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #E8E8E8 transparent;
  content: "";
}

.rechercheModule #sans_nav_avec_encadres {
  padding: 0;
  width: 18.75000em;
}
@media screen and (min-width: 620px) {
  .rechercheModule #sans_nav_avec_encadres {
    padding: 0;
    width: 37.50000em;
  }
}
@media screen and (min-width: 920px) {
  .rechercheModule #sans_nav_avec_encadres {
    padding: 0;
    width: 37.50000em;
  }
}
@media screen and (min-width: 1220px) {
  .rechercheModule #sans_nav_avec_encadres {
    padding: 0;
    width: 56.25000em;
  }
}
.rechercheModule #avec_nav_avec_encadres {
  padding: 0;
  width: 18.75000em;
}
@media screen and (min-width: 620px) {
  .rechercheModule #avec_nav_avec_encadres {
    padding: 0;
    width: 37.50000em;
  }
}
@media screen and (min-width: 920px) {
  .rechercheModule #avec_nav_avec_encadres {
    padding: 0;
    width: 37.50000em;
  }
}
@media screen and (min-width: 1220px) {
  .rechercheModule #avec_nav_avec_encadres {
    padding: 0;
    width: 37.50000em;
  }
}
.rechercheModule #liste_resultats {
  margin: 0;
}
.rechercheModule #liste_resultats li {
  overflow: hidden;
  border-top: none;
  margin: 0;
  min-height: 9em;
  padding: 2em;
  background: #e8e8e8;
}
.rechercheModule #liste_resultats li:first-child {
  padding: 2em;
}
.rechercheModule #liste_resultats li .vignette {
  float: left;
  margin: 1em;
  width: 11em;
  min-height: 7em;
}
.rechercheModule #liste_resultats li .titre {
  paddingg: 0.5em 0;
  margin: 0;
}
.rechercheModule #liste_resultats li .libelle {
  float: left;
  margin-right: 0.5em;
}
.rechercheModule #liste_resultats li .blocPertinence {
  margin-top: 0.3em;
  display: block;
  float: left;
  width: 5em;
  height: 2em;
  height: 10px;
  width: 10em;
  background: #bbb;
}
.rechercheModule #liste_resultats li .blocPertinence .pertinence {
  background: #aa3551;
  height: 10px;
  width: 10em;
}
.rechercheModule #liste_resultats li .resume {
  margin: 2.5em 0;
}
@media screen and (min-width: 620px) {
  .rechercheModule #liste_resultats li .resume {
    margin: 1.5em 0;
  }
}
.rechercheModule #liste_resultats li:nth-child(2n) {
  background: #f1f1f1;
}
.rechercheModule #liste_resultats li a {
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #aa3551;
}
.rechercheModule #liste_resultats li:last-child {
  border-bottom: 5px solid #aa3551;
}

.partage {
  display: none;
  margin-top: 1em;
  border-left: 2px solid #722776;
  float: right;
  width: 17em;
  height: 5em;
}
@media screen and (min-width: 620px) {
  .partage {
    display: block;
  }
}
.partage .title {
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #722776;
  display: block;
  text-align: right;
}
.partage .icon {
  display: block;
  text-align: right;
  padding: 0.5em;
}
.partage .icon i {
  font-size: 1.5em;
  padding: 0 0.25em;
  color: #aa3551;
}

#partage_mobile .partage {
  display: block;
  margin: 1em 0;
}
@media screen and (min-width: 620px) {
  #partage_mobile .partage {
    display: none;
  }
}

#encadreActions {
  background: #9a9a9a;
  display: block;
  height: 2em;
  line-height: 2em;
  margin: -1.265em 0 1em -1.3em;
  padding-right: 2.6em;
  text-align: right;
  width: 100%;
  position: relative;
}
#encadreActions .langue {
  padding-right: 4.5em;
}
#encadreActions .langue a {
  color: #FFF;
}
#encadreActions .icon-Imprimante {
  cursor: pointer;
  background-image: url("../../images/action-print.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 2em;
  width: 2em;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
#encadreActions .icon-PDF {
  cursor: pointer;
  background-image: url("../../images/action-pdf.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 2em;
  width: 2em;
  position: absolute;
  top: 0;
  right: 30px;
  margin: 0;
}

.titleActualite {
  background: #aa3551;
  display: block;
  margin: 0.6em 0 0 -1.3em;
  padding: 0.5em 1em 0.5em 1.6em;
  width: 100%;
  color: #ecebec;
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.titleActualite h1 {
  color: #ecebec;
  font-size: 1.6em;
  text-transform: none;
}
.titleActualite #date {
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif !important;
}

.dateHoraire {
  background: #722776;
  display: block;
  margin: 0 0 0.5em -0.95em;
  padding: 0.5em 1em 0.5em 1.6em;
  width: 100%;
  color: #FFF;
  font: normal 1.3em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.dateHoraire .jour {
  padding-bottom: 0.3em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-right: 1em;
}
.dateHoraire .heure {
  padding-bottom: 0.3em;
  margin-right: 1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dateHoraire .lieu a {
  color: #FFF;
}

.formationems .identite {
  min-height: 240px;
  background: #545459;
  color: #FFF;
  padding: 1em;
}
.formationems .identite h4 {
  color: #FFF;
  margin-bottom: 0.5em;
}
.formationems .identite div {
  padding-bottom: 1em;
  display: block;
  float: left;
  width: 100%;
}
.formationems .identite div a {
  color: #FFF;
}
.formationems .identite div ul {
  list-style: none;
  padding: 0 0 0 1.5em;
}
.formationems .identite div ul li {
  position: relative;
}
.formationems .identite div ul li a {
  color: #FFF;
}
.formationems .identite div ul li:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(167, 132, 186, 0) rgba(167, 132, 186, 0) rgba(167, 132, 186, 0) #a784ba;
  border-image: none;
  border-style: solid;
  border-width: 6px;
  content: " ";
  height: 0;
  left: -10px;
  margin-top: 0;
  pointer-events: none;
  position: absolute;
  top: 5px;
  width: 0;
}
.formationems .ui-tabs {
  border: none;
  margin: 0;
  padding: 0;
}
.formationems .ui-tabs .ui-tabs-panel {
  background: #FFFFFF;
  padding: 1em 0;
}
.formationems .ui-tabs .ui-tabs-nav {
  background: #a784ba;
  border-color: #a784ba;
  margin: 0;
  padding: 1.2em 0.2em 0;
}
.formationems .ui-tabs .ui-tabs-nav li a {
  padding: 0.4em 0.2em;
}
.formationems .ui-state-default, .formationems .ui-widget-content .ui-state-default, .formationems .ui-widget-header .ui-state-default {
  background: transparent;
  border: 1px solid #a784ba;
  color: #fff;
  font-weight: normal;
}
.formationems .ui-state-default a, .formationems .ui-widget-content .ui-state-default a, .formationems .ui-widget-header .ui-state-default a {
  color: #fff;
}
.formationems .ui-state-active, .formationems .ui-widget-content .ui-state-active, .formationems .ui-widget-header .ui-state-active {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #44153f;
}
.formationems .ui-state-active a, .formationems .ui-widget-content .ui-state-active a, .formationems .ui-widget-header .ui-state-active a {
  color: #44153f;
}
.formationems .info {
  padding: 0.5em;
}
.formationems .info .chapeau {
  font: normal 1.2em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #aa3551;
  margin: 0 0 0.5em;
}
.formationems .info .type, .formationems .info .modalites {
  border-bottom: 1px solid #000000;
  display: block;
  float: left;
  padding: 0.5em;
  width: 95%;
}
.formationems .info .type ul, .formationems .info .modalites ul {
  list-style: none;
  display: block;
  float: right;
  padding: 0;
  width: 69.5%;
}
.formationems .info .niveau {
  border-bottom: 1px solid #000000;
  display: block;
  float: left;
  padding: 0.5em;
  width: 95%;
}
.formationems .info .duree {
  border-bottom: 1px solid #000000;
  display: block;
  float: left;
  padding: 0.5em;
  width: 95%;
}
.formationems .info .rentree {
  display: block;
  float: left;
  padding: 0.5em;
  width: 95%;
  border-bottom: 1px solid #000000;
}
.formationems .info .lieu {
  display: block;
  float: left;
  padding: 0.5em;
  width: 95%;
}
.formationems .video {
  background: #919191;
  padding: 3em;
  margin-top: 1em;
}
.formationems .objectifs {
  font: normal 1.1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  margin-bottom: 1em;
  padding: 0.5em;
}
.formationems .objectifs h2 {
  background: none repeat scroll 0 0 #eeeeee;
  font-size: 1.4em;
  color: #000000;
  font-weight: 400;
  margin: -0.5em -0.5em 0.5em;
  padding: 1.5em 0.5em 0;
  text-transform: uppercase;
}
.formationems .partenaires h2 {
  color: #000000;
  font-weight: 400;
  padding: 0.5em 0.5em 0;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.formationems .actualites_formation, .formationems .temoignage {
  min-height: 19em;
  float: left;
  display: block;
  width: 100%;
  border-top: 3px solid #aa3551;
  border-bottom: 3px solid #aa3551;
}
.formationems .actualites_formation h2, .formationems .temoignage h2 {
  background: #eeeeee;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0.5em;
  padding: 1.5em 0.5em 0;
  text-transform: uppercase;
}
.formationems .recommandations {
  min-height: 19em;
  float: left;
  display: block;
  width: 100%;
  border-top: 3px solid #443b43;
  border-bottom: 3px solid #443b43;
}
.formationems .recommandations h2 {
  background: #eeeeee;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0.5em;
  padding: 1.5em 0.5em 0;
  text-transform: uppercase;
}
.formationems .publics, .formationems .selection, .formationems .publics, .formationems .inscription, .formationems .debouches, .formationems .poursuite, .formationems .enquetes {
  padding: 0.5em;
}
.formationems #avec_nav_avec_encadres {
  padding: 0px;
  width: 18.75000em;
}
@media screen and (min-width: 620px) {
  .formationems #avec_nav_avec_encadres {
    padding: 0px;
    width: 37.50000em;
  }
  .formationems #avec_nav_avec_encadres .identite div {
    width: 50%;
  }
  .formationems #avec_nav_avec_encadres .ui-tabs .ui-tabs-nav li a {
    padding: 0.5em 1em;
  }
  .formationems #avec_nav_avec_encadres .info .niveau {
    width: 55%;
  }
  .formationems #avec_nav_avec_encadres .duree {
    width: 37%;
  }
  .formationems #avec_nav_avec_encadres .rentree {
    width: 55%;
    border-bottom: none;
  }
  .formationems #avec_nav_avec_encadres .lieu {
    width: 37%;
  }
  .formationems #avec_nav_avec_encadres .type ul, .formationems #avec_nav_avec_encadres .modalites ul {
    width: 77.5%;
  }
  .formationems #avec_nav_avec_encadres .actualites_formation, .formationems #avec_nav_avec_encadres .temoignage, .formationems #avec_nav_avec_encadres .recommandations {
    width: 50%;
  }
}
@media screen and (min-width: 920px) {
  .formationems #avec_nav_avec_encadres {
    padding: 0px;
    width: 37.50000em;
    float: right;
  }
}
@media screen and (min-width: 1220px) {
  .formationems #avec_nav_avec_encadres {
    padding: 0px;
    width: 37.50000em;
    float: right;
  }
}

.tag-formation {
  width: 100%;
}
.tag-formation .bouton {
  display: inline-block;
  padding: 0.5em;
  font-size: 1em;
  margin-bottom: 1em;
  margin-right: 0.1em;
  text-align: center;
  width: 93%;
  font-weight: 400;
}
.tag-formation .bouton-reset {
  background: #ccc;
  color: #333;
}
.tag-formation label {
  font-weight: 400;
  font-size: 0.8em;
}
.tag-formation label:first-child {
  margin-right: 0.5em;
}
.tag-formation label.etudiant {
  display: inline-block;
  margin-left: 0.5em;
}
.tag-formation label.professionnel {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.7em;
}
.tag-formation .niveau {
  margin-top: 1em;
}
.tag-formation select, .tag-formation textarea, .tag-formation input[type="submit"], .tag-formation input[type="reset"], .tag-formation input[type="button"], .tag-formation input[type="password"], .tag-formation input[type="text"], .tag-formation input[readonly], .tag-formation button, .tag-formation .button {
  margin-bottom: 1em;
  width: 99.3%;
}
@media screen and (min-width: 620px) {
  .tag-formation {
    width: 100%;
  }
  .tag-formation label {
    font-weight: 400;
    font-size: 0.9em;
  }
  .tag-formation label:first-child {
    margin-right: 0.6em;
  }
  .tag-formation label.etudiant {
    display: inline-block;
    margin-left: 0.4em;
  }
  .tag-formation label.professionnel {
    display: inline-block;
    margin-left: 0.4em;
    margin-right: 0.8em;
  }
  .tag-formation select, .tag-formation textarea, .tag-formation input[type="submit"], .tag-formation input[type="reset"], .tag-formation input[type="button"], .tag-formation input[type="password"], .tag-formation input[type="text"], .tag-formation input[readonly], .tag-formation button, .tag-formation .button {
    margin-bottom: 1em;
    width: 47.3%;
  }
  .tag-formation .bouton-reset, .tag-formation .bouton-submit {
    width: 44%;
  }
}

.element_deco,
.sansstyle,
.style_1,
.style_2,
.style_3 {
  clear: both;
  margin: 0 0 1.5em;
}

.style_1 {
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 18.7em;
  border-bottom: 0.5em solid #aa3551;
  box-shadow: inset 0px -5px 0px 0px #aa3551;
  background-position: left bottom !important;
  background-repeat: no-repeat !important;
}
@media screen and (min-width: 620px) {
  .style_1 {
    min-width: 37.5em;
  }
}
@media screen and (min-width: 920px) {
  .style_1 {
    margin-left: 0;
    min-width: inherit;
  }
}
.style_1 .title {
  background: #aa3551;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.style_1 .title h2, .style_1 .title .emsh2 {
  color: #FFF;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}
.style_1 .title h2 a, .style_1 .title .emsh2 a {
  color: #FFF;
}
.style_1 a {
  color: #aa3551;
}

.style_2 {
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 11.7em;
  background-color: #722776;
  position: relative;
  color: #FFF;
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
  padding: 1em;
}
@media screen and (min-width: 620px) {
  .style_2 {
    min-width: 35.5em;
  }
}
@media screen and (min-width: 920px) {
  .style_2 {
    margin-left: 0;
    min-width: inherit;
  }
}
.style_2 .title {
  background: #722776;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.style_2 .title h2, .style_2 .title .emsh2 {
  color: #FFF;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}
.style_2 .title h2 a, .style_2 .title .emsh2 a {
  color: #FFF;
}
.style_2 a {
  color: #FFF;
}

.style_3 {
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 16.7em;
  color: #666;
  background: #FFF;
  border-bottom: 0.2em solid #aa3551;
  padding: 1em;
}
@media screen and (min-width: 620px) {
  .style_3 {
    min-width: 35.45em;
  }
}
@media screen and (min-width: 920px) {
  .style_3 {
    margin-left: 0;
    min-width: inherit;
  }
}
.style_3 .title {
  background: #FFF;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.style_3 .title h2, .style_3 .title .emsh2 {
  color: #aa3551;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}
.style_3 .title h2 a, .style_3 .title .emsh2 a {
  color: #aa3551;
}
.style_3 a {
  color: #aa3551;
}

.style_4 {
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 16.7em;
  color: #666;
  background: #FFF;
  border-bottom: 0.2em solid #722776;
  padding: 1em;
}
@media screen and (min-width: 620px) {
  .style_4 {
    min-width: 35.45em;
  }
}
@media screen and (min-width: 920px) {
  .style_4 {
    margin-left: 0;
    min-width: inherit;
  }
}
.style_4 .title {
  background: #FFF;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.style_4 .title h2, .style_4 .title .emsh2 {
  color: #722776;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}
.style_4 .title h2 a, .style_4 .title .emsh2 a {
  color: #aa3551;
}
.style_4 a {
  color: #722776;
}

.style_5 {
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 18.7em;
  border-bottom: 0.2em solid #aa3551;
}
@media screen and (min-width: 620px) {
  .style_5 {
    min-width: 37.5em;
  }
}
@media screen and (min-width: 920px) {
  .style_5 {
    margin-left: 0;
    min-width: inherit;
  }
}
.style_5 .title {
  background: #aa3551;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.style_5 .title h2, .style_5 .title .emsh2 {
  color: #FFF;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}
.style_5 .title h2 a, .style_5 .title .emsh2 a {
  color: #FFF;
}
.style_5 a {
  color: #aa3551;
}
.style_5 .toolbox {
  padding: 1em;
}

.style_6 {
  min-height: 18.72em;
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 18.7em;
  position: relative;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media screen and (min-width: 620px) {
  .style_6 {
    min-width: 37.5em;
  }
}
@media screen and (min-width: 920px) {
  .style_6 {
    margin-left: 0;
    min-width: inherit;
  }
}
.style_6 .title {
  background: #aa3551;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.style_6 .title h2, .style_6 .title .emsh2 {
  color: #FFF;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}
.style_6 .title h2 a, .style_6 .title .emsh2 a {
  color: #FFF;
}
.style_6 a {
  color: #aa3551;
}
.style_6 .toolbox {
  padding: 1em;
}
.style_6 .legendeIllustration {
  position: absolute;
  right: 0;
  bottom: 25px;
  padding: 0.3em 0.5em;
  left: 0;
  color: #FFF;
  text-transform: uppercase;
  background: rgba(170, 53, 81, 0.6);
  font: normal 1.4em/1 titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}

.style_7 {
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 18.7em;
}
@media screen and (min-width: 620px) {
  .style_7 {
    min-width: 37.5em;
  }
}
@media screen and (min-width: 920px) {
  .style_7 {
    margin-left: 0;
    min-width: inherit;
  }
}
.style_7 .title {
  background: #722776;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.style_7 .title h2, .style_7 .title .emsh2 {
  color: #FFF;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}
.style_7 .title h2 a, .style_7 .title .emsh2 a {
  color: #FFF;
}
.style_7 a {
  color: #722776;
}
.style_7 .toolbox {
  padding: 1em;
}

.style_8 {
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 18.7em;
}
@media screen and (min-width: 620px) {
  .style_8 {
    min-width: 37.5em;
  }
}
@media screen and (min-width: 920px) {
  .style_8 {
    margin-left: 0;
    min-width: inherit;
  }
}
.style_8 .title {
  background: #FFF;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.style_8 .title h2, .style_8 .title .emsh2 {
  color: #aa3551;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}
.style_8 .title h2 a, .style_8 .title .emsh2 a {
  color: #FFF;
}
.style_8 a {
  color: #aa3551;
}
.style_8 .toolbox {
  padding: 1em;
}

.fiche .surtitre {
  border-bottom: 1px solid #eee;
  color: #666;
  margin: 0 0 .5em;
  padding: 0 0 .5em;
}
.fiche #soustitre {
  font-size: 1.3em;
  margin: 0.5em 0;
}
.fiche .photo {
  float: none;
  margin: 0 10px 0 0;
}
.fiche .photo img {
  border: 1px solid;
}
@media screen and (min-width: 620px) {
  .fiche .photo {
    float: left;
  }
}
.fiche .legende {
  color: #666;
  margin: 0.5em 0 1em;
}
.fiche #date_deco {
  border-bottom: 1px solid #eee;
  padding: 0 0 1em;
  margin: 0 0 1em;
}
.fiche #date {
  font: 700 1.5em calibri, sans-serif;
  margin: 0;
}
.fiche #resume {
  border-bottom: 1px solid #eee;
  font-weight: 700;
  padding: 0 0 1em;
}
.fiche #description {
  margin-bottom: 1.5em;
}
.fiche #description ul {
  overflow: auto;
}
.fiche.annuaire #fonction {
  margin: 0 0 1.5em;
  overflow: auto;
}

#auteurs,
#referenceisdn {
  border-bottom: 1px solid #eee;
  padding-bottom: 1em;
}

#complements {
  margin: 0 0 1.5em;
}

dl.type_1 {
  background: #fff;
  border-bottom: 1px solid #eee;
  clear: both;
  margin: 0 0 2em;
  position: relative;
  width: 100%;
}
dl.type_1 dt {
  border-top: 1px solid #eee;
  left: 0;
  margin: 0;
  padding-top: 0.5em;
  position: absolute;
  width: 190px;
}
dl.type_1 dd {
  border-top: 1px solid #eee;
  margin-left: 90px;
  min-height: 2.5em;
  padding: 0.5em 2%;
}
@media screen and (min-width: 620px) {
  dl.type_1 dd {
    margin-left: 190px;
  }
}
dl.type_2 {
  background: #eee;
  clear: both;
  margin: 0 0 1.5em;
  position: relative;
}
dl.type_2 dt,
dl.type_2 dd {
  display: inline-block;
  padding: 0 1% 1em;
  vertical-align: top;
}
dl.type_2 dt {
  text-align: right;
  width: 18%;
}
dl.type_2 dd {
  background: #fff;
  margin-left: 3%;
  overflow: auto;
  width: 75%;
}

form.formulaire_redacteur {
  background-color: #eee;
  margin: 0 0 1.5em;
  overflow: auto;
  padding: 1em;
}
form.formulaire_redacteur p.obligatoire label {
  color: red;
}
form.formulaire_redacteur p.obligatoire input,
form.formulaire_redacteur p.obligatoire textarea,
form.formulaire_redacteur p.obligatoire select {
  border-color: #ff4500;
}
form.formulaire_redacteur span.historyBack {
  cursor: pointer;
  font-weight: 700;
}
form.disposition2 span.captcha {
  display: block;
  overflow: auto;
}

#encadres form.formulaire_redacteur input.radio,
#encadres form.formulaire_redacteur input.checkbox,
#encadres form.formulaire_redacteur p.validation input {
  width: auto;
}

form.formulaire_redacteur label.radio,
form.formulaire_redacteur label.checkbox {
  display: inline;
  font-weight: 500;
  margin-right: 1em;
}

form.disposition1 label,
form.disposition1 span.faux_label {
  display: block;
  margin: 0 0 0.5em;
  font-weight: 700;
}

form.disposition2 label,
form.disposition2 span.faux_label {
  display: block;
  float: left;
  font-weight: 700;
  width: 25%;
}
form.disposition2 span.radio,
form.disposition2 span.checkbox {
  display: block;
  overflow: auto;
}
form.disposition2 label.radio,
form.disposition2 label.checkbox {
  display: inline;
  float: none;
  width: auto;
}

span.captcha span {
  display: block;
  padding: 0.5em 0 0;
}
span.captcha img {
  display: block;
  margin: 0.5em 0;
}
span.captcha a {
  background-image: url(img/pictos/hautparleur.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  margin-left: 5px;
  padding-left: 18px;
}

#redacteur,
#date_modification,
#contact_rubrique {
  clear: both;
  margin: 0;
  text-align: right;
}

#date_modification {
  font-style: italic;
  text-align: left;
  padding-left: 1.4em;
  margin: 1em 0;
}

.paginationliste_publication {
  display: block;
  margin: 0 auto 2em;
  text-align: center;
  width: 100%;
}
.paginationliste_publication button {
  border: 1px solid #EEEEEE;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  min-width: 2em;
  padding: 0.3em;
  text-align: center;
  background: transparent;
}
.paginationliste_publication ul {
  text-align: left;
}

.paginationliste_annuaire {
  display: block;
  margin: 0 auto 2em;
  text-align: center;
  width: 100%;
}
.paginationliste_annuaire button {
  border: 1px solid #EEEEEE;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  min-width: 2em;
  padding: 0.3em;
  text-align: center;
  background: transparent;
}
.paginationliste_annuaire ul {
  text-align: left;
}

ul.objets.annuaireksup li, ul.annuaireksup#liste_resultats li {
  padding: 0;
}
ul.objets.annuaireksup li a, ul.annuaireksup#liste_resultats li a {
  color: inherit;
}
ul.objets.annuaireksup li a span, ul.annuaireksup#liste_resultats li a span {
  padding-top: 1em;
}
ul.objets.annuaireksup li a .label, ul.annuaireksup#liste_resultats li a .label {
  color: #aa3551;
}
ul.objets.annuaireksup img, ul.annuaireksup#liste_resultats img {
  float: left;
  margin: 1em;
  width: 5.625em;
}
ul.objets.annuaireksup .nomAuteur, ul.annuaireksup#liste_resultats .nomAuteur {
  padding-top: 1em;
}

#encadres {
  background: #fff;
  padding: 0 0 2em;
  overflow: auto;
  padding: 0;
}
#encadres .title {
  background: #dddddd;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
#encadres .title h2, #encadres .title .emsh2 {
  color: #000;
  text-transform: uppercase;
  font-weight: 400;
  position: absolute;
  bottom: 5px;
}
#encadres .encadre_contenu {
  padding: 1em;
  width: auto;
  font-size: 0.87500em;
}
#encadres > [class^="encadre"].couleur1 {
  background: #fff;
  padding: 0 0 2em;
  overflow: auto;
  padding: 0;
}
#encadres > [class^="encadre"].couleur1 .title {
  background: #aa3551;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
#encadres > [class^="encadre"].couleur1 .title h2, #encadres > [class^="encadre"].couleur1 .title .emsh2 {
  color: #FFF;
  padding: 1.5em 0.5em 0;
  text-transform: uppercase;
  font-weight: 400;
  position: absolute;
  bottom: 5px;
}
#encadres > [class^="encadre"].couleur1 a {
  color: #aa3551;
}
#encadres > [class^="encadre"].couleur1 > div,
#encadres > [class^="encadre"].couleur1 > form {
  padding: 1em;
}
#encadres > [class^="encadre"].couleur2 {
  background: #eeeeee;
  padding: 0 0 2em;
  overflow: auto;
  padding: 0;
}
#encadres > [class^="encadre"].couleur2 .title {
  background: #722776;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
#encadres > [class^="encadre"].couleur2 .title h2, #encadres > [class^="encadre"].couleur2 .title .emsh2 {
  color: #FFF;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
  font-weight: 400;
}
#encadres > [class^="encadre"].couleur2 a {
  color: #722776;
}
#encadres > [class^="encadre"].couleur2 > div,
#encadres > [class^="encadre"].couleur2 > form {
  padding: 1em;
}
#encadres > .encadre_recherche fieldset {
  background: transparent;
  border: 0;
  padding: 0;
}
#encadres > .encadre_recherche legend {
  display: none;
}
#encadres > .encadre_recherche label {
  display: block;
}
#encadres > .encadre_recherche input[type="text"],
#encadres > .encadre_recherche select {
  width: 100%;
}
#encadres > .encadre_recherche p.parcourir input.champ-saisie {
  width: 145px;
}

.encadre_auto_liste ul {
  list-style: none;
  padding: 1em;
}
.encadre_auto_liste ul li {
  border-bottom: 2px dotted #ccc;
  padding: 0.5em 0;
}
.encadre_auto_liste ul li:last-child {
  border-bottom: none;
}

#telecharger {
  padding: 0;
}
#telecharger li {
  background: transparent url(img/pictos/defaut.png) no-repeat 0 0.3em;
  display: block;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 5px 20px;
  position: relative;
}
#telecharger li.pdf {
  background-image: url(img/pictos/pdf.png);
}
#telecharger li.swf {
  background-image: url(img/pictos/swf.png);
}
#telecharger li.flv {
  background-image: url(img/pictos/flv.png);
}
#telecharger li.mp3 {
  background-image: url(img/pictos/mp3.png);
}
#telecharger li.txt {
  background-image: url(img/pictos/txt.png);
}
#telecharger li.zip {
  background-image: url(img/pictos/zip.png);
}
#telecharger li.doc {
  background-image: url(img/pictos/msword.png);
}
#telecharger li.xls {
  background-image: url(img/pictos/msexcel.png);
}
#telecharger li.ppt {
  background-image: url(img/pictos/mspowerpoint.png);
}
#telecharger li.sxw {
  background-image: url(img/pictos/ooo_texte.png);
}
#telecharger li.sxc {
  background-image: url(img/pictos/ooo_classeur.png);
}
#telecharger li.sxi {
  background-image: url(img/pictos/ooo_presentation.png);
}
#telecharger li.image {
  background-image: url(img/pictos/image.png);
}
#telecharger li.defaut {
  background-image: url(img/pictos/defaut.png);
}

select::-ms-expand {
  display: none;
  /* hide default arrow in IE10 */
}

select {
  margin: 0 0 10px;
  padding: 6px 0;
  /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: "";
  background: url(img/icon-chevron-down.png) no-repeat 97% 6px #fff;
  /* fallback bg image*/
  -webkit-appearance: none;
  /* gets rid of default appearance in Webkit browsers*/
  -moz-appearance: none;
  /* Get rid of default appearance for older Firefox browsers */
  -ms-appearance: none;
  /* get rid of default appearance for IE8, 9 and 10*/
  appearance: none;
}

#erreur_not_found {
  padding: 1.5em;
}

.mfp-counter {
  display: none;
}

.mfp-title {
  color: #F3F3F3;
  line-height: 18px;
  padding: 0.5em;
  text-align: left;
  word-wrap: break-word;
}
.mfp-title .titre_corps {
  margin: 0 0 0.5em;
  font-weight: bold;
  font-family: titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.mfp-title .style1_media_legende {
  font-size: 0.9em;
  margin: 0 0 0.5em;
}

.mfp-bottom-bar {
  bottom: 40px;
  cursor: auto;
  left: 0;
  position: absolute;
  width: 100%;
  margin-top: 0;
  top: inherit;
}

div.visionneuse_contenu {
  position: relative;
}
div.visionneuse_contenu h2 {
  display: none;
}
div.galerie_player {
  background-color: #000;
  margin: auto;
}
div .galerie_playlist .visionneuse_pagination {
  position: relative;
}
div .galerie_playlist .visionneuse_pagination .pagination_contenu {
  margin: 5em auto 0;
  width: 100%;
}
@media screen and (min-width: 1220px) {
  div .galerie_playlist .visionneuse_pagination .pagination_contenu {
    margin: 0 auto;
    width: 90%;
  }
}
div .galerie_playlist .visionneuse_pagination .pagination_contenu div {
  min-height: auto;
}
@media screen and (min-width: 1220px) {
  div .galerie_playlist .visionneuse_pagination .pagination_contenu div {
    min-height: auto;
  }
}
div .galerie_playlist .visionneuse_pagination .pagination_contenu div:before, div .galerie_playlist .visionneuse_pagination .pagination_contenu div:after {
  content: " ";
  display: table;
}
div .galerie_playlist .visionneuse_pagination .pagination_contenu div:after {
  clear: both;
}
div .galerie_playlist .visionneuse_pagination .pagination_droite, div .galerie_playlist .visionneuse_pagination .pagination_suivant {
  position: absolute;
  right: 0;
  top: -70px;
}
@media screen and (min-width: 1220px) {
  div .galerie_playlist .visionneuse_pagination .pagination_droite, div .galerie_playlist .visionneuse_pagination .pagination_suivant {
    position: absolute;
    right: 0;
    top: 45%;
  }
}
div .galerie_playlist .visionneuse_pagination .pagination_gauche, div .galerie_playlist .visionneuse_pagination .pagination_precedent {
  position: absolute;
  left: 0;
  top: -70px;
}
@media screen and (min-width: 1220px) {
  div .galerie_playlist .visionneuse_pagination .pagination_gauche, div .galerie_playlist .visionneuse_pagination .pagination_precedent {
    position: absolute;
    left: 0;
    top: 45%;
  }
}
div .galerie_playlist .visionneuse_pagination .footer {
  text-align: center;
  display: none;
}
div .galerie_playlist .visionneuse_pagination .style1_media_legende {
  display: none;
}
div .galerie_playlist ul.visionneuse_pagination {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
}
div .galerie_playlist ul.visionneuse_pagination li {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 0.7em;
  padding: 0 0 0.7em;
}
div .galerie_playlist ul.visionneuse_defaut {
  margin: 0;
  padding: 0;
}
div .galerie_playlist ul.visionneuse_defaut li {
  background: #eee;
  list-style: none;
  margin: 0 0 5px;
  padding: 5px;
}
div .galerie_playlist p.visionneuse_defaut_titre {
  border: solid 2px #828282;
  margin: 0;
  padding: 3px;
}
div.galerie_onglet h2 {
  display: none;
}
div.galerie_onglet ul.galerie_onglets {
  background: #fff;
  border-bottom: 2px solid #999;
  font-weight: 700;
  list-style: none;
  margin: 0.5em 0 1em;
  padding: 0 0 0.2em;
}
div.galerie_onglet ul.galerie_onglets li {
  background: #eee;
  border: 2px solid;
  border-bottom: 0;
  color: #999;
  cursor: pointer;
  display: inline;
  margin: 0 1em 0 0;
  padding: 0.2em 0.5em;
}
div.visionneuse_tele_player {
  text-align: center;
}
div.visionneuse_tele_player div {
  margin: auto;
}
div.style1_media {
  width: 100%;
  float: left;
  font-size: 0.9em;
  margin: 5px;
  text-align: left;
}
@media screen and (min-width: 920px) {
  div.style1_media {
    width: 100%;
  }
}
div.style1_media a.lanceur_media {
  background: #FFFFFF;
  color: #443B43;
  display: block;
  text-decoration: none;
}
div.style1_media a.lanceur_media .style1_media_titre .titre_corps {
  background: none repeat scroll 0 0 rgba(197, 10, 24, 0.6);
  height: auto;
  color: #fff;
  height: auto;
  line-height: 2;
  width: auto;
  bottom: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  margin: 0;
}
div.style1_media a.lanceur_media span {
  width: auto !important;
  height: auto !important;
}
div.style1_media a.lanceur_media span img {
  width: 100%;
  height: 100%;
}
div.player_audio {
  display: block;
  text-align: center;
}
div.player_audio * {
  vertical-align: middle;
}
div.player_flash {
  background-color: #000;
}
div.contenu .showcase {
  height: 170px;
  margin: 20px auto 0;
  position: relative;
  width: 500px;
}
div.contenu .showcase a.controls {
  border: 2px solid #FFF;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin-top: -27px;
  position: absolute;
  text-align: center;
  top: 45%;
  width: 20px;
}
div.contenu .showcase a.controls img {
  vertical-align: middle;
}
div.contenu .showcase a.controls:hover {
  border-color: #2097FA;
}
div.contenu .showcase a.previous {
  padding-bottom: 4px;
}
div.contenu .showcase a.next {
  padding-top: 4px;
  right: 0;
}
div.contenu .showcase ul {
  height: 170px;
  margin: 0 auto;
  position: relative;
  width: 290px;
}
div.contenu .showcase ul li {
  float: left;
  height: 170px;
  list-style-type: none;
  width: 50px;
}
div.contenu .showcase li a img {
  border: 0;
}

p.galerie_titre {
  font-size: 1.4em;
  font-weight: 700;
}
p.player_photo {
  background-color: #000;
}
p.player_photo img {
  margin: auto;
}

div.galerie_onglet ul.galerie_onglets li.bouton_focus, div.galerie_onglet ul.galerie_onglets li.bouton_focus:hover, div.galerie_onglet ul.galerie_onglets li:hover {
  background: #fff;
  border-color: #999;
  color: #000;
  padding-bottom: 4px;
}

.lanceur_media {
  cursor: pointer;
}

table.visionneuse_pagination {
  left: 0;
  margin: auto;
  top: 0;
}
table.visionneuse_pagination td table.pagination_contenu tbody td {
  background: #eee;
  border: 10px solid #fff;
  height: 150px;
  margin: 15px;
  text-align: center;
  vertical-align: top;
  width: 150px;
}
table.visionneuse_pagination td table.pagination_contenu tbody td:hover {
  background: #999;
}
table.visionneuse_pagination td table.pagination_contenu tbody tr td.pagination_vide {
  background: #ddd;
}
table.visionneuse_pagination thead td,
table.visionneuse_pagination tfoot td {
  text-align: center;
  width: 100%;
}
table.visionneuse_pagination td.pagination_suivant,
table.visionneuse_pagination td.pagination_precedent,
table.visionneuse_pagination td.pagination_aucune {
  border: 0;
  vertical-align: middle;
  width: 25px;
}
table.visionneuse_pagination td.pagination_suivant a,
table.visionneuse_pagination td.pagination_precedent a,
table.visionneuse_pagination td.pagination_aucune a {
  background-color: transparent;
  cursor: pointer;
}
table.visionneuse_pagination td.pagination_suivant a:hover,
table.visionneuse_pagination td.pagination_precedent a:hover,
table.visionneuse_pagination td.pagination_aucune a:hover {
  background: transparent;
}

span.style1_media_vignette {
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
}
span.style1_media_vignette img {
  vertical-align: middle;
}

ul.visionneuse_defaut div.style1_media {
  margin: 0;
}
ul.visionneuse_defaut div.style1_media a.lanceur_media {
  float: left;
  margin: 0 10px 0 0;
  width: 150px;
}
ul.visionneuse_defaut li,
ul.visionneuse_defaut span.style1_media_contenu {
  overflow: auto;
}

.mediaStyleSimple img {
  background-color: black;
  vertical-align: middle;
}

/************************************/
/*		MagnificPopup Overwrite		*/
/************************************/
.mfp-content .mfp-iframe-scaler .mfp-counter {
  margin-top: 40px !important;
}
.mfp-content .mfp-iframe-scaler .mfp-title {
  margin-top: 40px !important;
}
.mfp-content .audio {
  width: 20% !important;
}

#menu #menu_principal {
  border-bottom: 0;
}

.ficheaccueil #avec_nav_avec_encadres,
.ficheaccueil #sans_nav_sans_encadres,
.ficheaccueil #sans_nav_sans_encadres_rubrique,
.ficheaccueil #sans_nav_avec_encadres,
.ficheaccueil #avec_nav_sans_encadres,
.ficheaccueil #avec_nav_sans_encadres_rubrique {
  padding: 0;
  width: 100%;
}
.ficheaccueil #navigation,
.ficheaccueil .separateur_sections_page,
.ficheaccueil #encadreActionsSE,
.ficheaccueil #encadreActions {
  display: none;
}
.ficheaccueil .contenu {
  min-height: 0;
}
.ficheaccueil .simple-grid__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-left: 1.25em;
  box-sizing: border-box;
}
@media screen and (min-width: 920px) {
  .ficheaccueil .simple-grid__row {
    flex-wrap: nowrap;
    padding-left: 2.938em;
  }
}
.ficheaccueil .js-layout__slot {
  flex-basis: 100%;
  box-sizing: border-box;
  padding-right: 1.25em;
}
@media screen and (min-width: 920px) {
  .ficheaccueil .js-layout__slot {
    overflow: hidden;
    flex-basis: 16.66667%;
    padding-right: 2.938em;
  }
}
@media screen and (min-width: 920px) {
  .ficheaccueil .layout__slot--columnspan2 {
    flex-basis: 33.33333%;
  }
  .ficheaccueil .layout__slot--columnspan3 {
    flex-basis: 50%;
  }
  .ficheaccueil .layout__slot--columnspan4 {
    flex-basis: 66.66667%;
  }
  .ficheaccueil .layout__slot--columnspan5 {
    flex-basis: 83.33333%;
  }
  .ficheaccueil .layout__slot--columnspan6 {
    flex-basis: 100%;
  }
}
.ficheaccueil .simple-grid__row--0,
.ficheaccueil .simple-grid__row--1,
.ficheaccueil .layout__slot--0x0,
.ficheaccueil .layout__slot--1x0 {
  padding: 0;
}
.ficheaccueil .layout__slot--0x0 .card {
  margin-bottom: 0;
}
.ficheaccueil .layout__slot--1x0 .card {
  margin-bottom: 1em;
}
.ficheaccueil .card {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 620px) {
  .ficheaccueil .card {
    margin-bottom: 1.8em;
  }
}
@media screen and (min-width: 920px) {
  .ficheaccueil .card {
    margin-bottom: 3em;
  }
}
@media screen and (min-width: 1220px) {
  .ficheaccueil .card {
    margin-bottom: 4.063em;
  }
}

/**************************
*** SLIDESHOW
***************************/
.slideshowcard .owl-stage-outer {
  width: 18.75em;
  overflow: hidden;
}
@media screen and (min-width: 620px) {
  .slideshowcard .owl-stage-outer {
    width: 37.5em;
  }
}
@media screen and (min-width: 920px) {
  .slideshowcard .owl-stage-outer {
    width: 56.25em;
    overflow: visible;
  }
}
@media screen and (min-width: 1220px) {
  .slideshowcard .owl-stage-outer {
    width: auto;
    padding: 0;
  }
}
.slideshowcard .owl-stage {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 6.125em;
  overflow: hidden;
}
@media screen and (min-width: 920px) {
  .slideshowcard .owl-stage {
    padding-bottom: 0;
  }
}
.slideshowcard .slideshowcard_slides {
  position: relative;
  width: 100%;
  max-height: 324px;
  overflow: hidden;
}
@media screen and (min-width: 620px) {
  .slideshowcard .slideshowcard_slides {
    max-height: 420px;
  }
}
@media screen and (min-width: 920px) {
  .slideshowcard .slideshowcard_slides {
    max-height: 324px;
  }
}
@media screen and (min-width: 1220px) {
  .slideshowcard .slideshowcard_slides {
    max-height: 432px;
  }
}
.slideshowcard .slideshowcard_slides.owl-loaded {
  overflow: visible;
}
@media screen and (min-width: 920px) {
  .slideshowcard .slideshowcard_slides.owl-loaded {
    overflow: hidden;
  }
}
.slideshowcard .slideshowcard_slide {
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 58%;
}
@media screen and (min-width: 620px) {
  .slideshowcard .slideshowcard_slide {
    padding-bottom: 45%;
  }
}
@media screen and (min-width: 920px) {
  .slideshowcard .slideshowcard_slide {
    padding-bottom: 36%;
  }
}
.slideshowcard .slideshowcard_slide__image {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 920px) {
  .slideshowcard .slideshowcard_slide__image {
    left: 339px;
  }
}
@media screen and (min-width: 920px) {
  .slideshowcard .slideshowcard_slide-contents {
    width: 19.813em;
    max-width: 95%;
  }
}
.slideshowcard .slideshowcard_slide-contents {
  box-sizing: content-box;
  position: absolute;
  overflow: hidden;
  z-index: 2;
  top: 174px;
  left: 0;
  right: 0;
  bottom: -98px;
  padding: 0.5rem 1.5rem;
}
@media screen and (min-width: 620px) {
  .slideshowcard .slideshowcard_slide-contents {
    top: 270px;
    left: 0;
    right: 0;
    width: auto;
    bottom: -98px;
    padding: 0.5rem 2.6rem 2.6rem;
  }
}
@media screen and (min-width: 920px) {
  .slideshowcard .slideshowcard_slide-contents {
    width: 16rem;
    right: auto;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 2.6rem 2.6rem 5.8rem 2.6rem;
  }
}
@media screen and (min-width: 1220px) {
  .slideshowcard .slideshowcard_slide-contents {
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    padding: 2.6rem 2.6rem 6rem 2.6rem;
  }
}
.slideshowcard .slideshowcard_slide-titre,
.slideshowcard .slideshowcard_slide-texte {
  color: white;
}
@media screen and (min-width: 620px) {
  .slideshowcard .owl-nav {
    display: none;
  }
}
.slideshowcard .owl-prev,
.slideshowcard .owl-next {
  box-sizing: border-box;
  position: absolute;
  font-size: 2em;
  bottom: .9em;
  margin: 0;
  width: .7em !important;
  height: 1.4em;
  background: rgba(0, 0, 0, 0.5);
  color: white;
}
.slideshowcard .owl-prev::before,
.slideshowcard .owl-next::before {
  font-family: FontAwesome;
  font-size: 17px;
  font-weight: normal;
  padding: 0;
  position: relative;
  bottom: .5em;
}
.slideshowcard .owl-prev {
  left: -.7em;
  border-radius: 8px 0 0 8px;
}
.slideshowcard .owl-prev::before {
  content: "\f053";
  right: 1px;
}
.slideshowcard .owl-next {
  right: -.7em;
  border-radius: 0 8px 8px 0;
}
.slideshowcard .owl-next::before {
  content: "\f054";
  right: 3px;
}
.slideshowcard .owl-dots {
  display: none;
  position: absolute;
  bottom: .5em;
  align-items: center;
  padding-left: 2.6em;
  width: 19.813em;
  box-sizing: border-box;
}
@media screen and (min-width: 620px) {
  .slideshowcard .owl-dots {
    display: flex;
    flex-wrap: wrap;
    bottom: 0;
  }
}
@media screen and (min-width: 920px) {
  .slideshowcard .owl-dots {
    top: auto;
    bottom: .8em;
  }
}
.slideshowcard .owl-dot {
  width: 10px !important;
  height: 10px !important;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-sizing: border-box;
  line-height: 0;
  margin-right: 2.4em;
  margin-bottom: 1em !important;
  border: 2px solid transparent;
}
@media screen and (min-width: 920px) {
  .slideshowcard .owl-dot {
    margin-bottom: 2em !important;
  }
}
.slideshowcard .owl-dot.active {
  background: white;
  border: 2px solid white;
  width: 13px !important;
  height: 13px !important;
}
.slideshowcard .owl-dot:last-child {
  margin-right: 0;
}
.slideshowcard .slideshowcard_slide-titre {
  font-size: 2rem;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: .8em;
}
@media screen and (max-width: 1220px) {
  .slideshowcard .slideshowcard_slide-titre {
    font-size: 1.5rem;
  }
}
.slideshowcard .slideshowcard_slide-texte {
  display: inline-block;
  font-size: 1.125em;
  font-weight: bold;
  letter-spacing: -.05em;
}
.slideshowcard .slideshowcard_slide-texte #resume {
  border-bottom: none;
}
@media screen and (max-width: 920px) {
  .slideshowcard .slideshowcard_slide-texte {
    display: none;
  }
}
@media screen and (max-width: 1220px) {
  .slideshowcard .slideshowcard_slide-texte {
    font-size: 1em;
  }
}

.recherchecard {
  background: #722776;
  padding: 1.25em;
}
@media screen and (min-width: 920px) {
  .recherchecard {
    padding: 1.4em 2.2em 1.7em 2.5em;
  }
}
.recherchecard h2 {
  text-align: center;
  color: white;
  font-weight: bold;
  margin-bottom: .7em;
  letter-spacing: .02em;
  font-size: 1.4em;
}
@media screen and (min-width: 920px) {
  .recherchecard h2 {
    font-size: 1.625em;
  }
}
.recherchecard .recherchecard__form {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 920px) {
  .recherchecard .recherchecard__form {
    justify-content: center;
  }
}
.recherchecard .recherchecard__input,
.recherchecard .recherchecard__submit,
.recherchecard .recherchecard__link {
  flex-basis: 1;
  border-radius: 5px;
  padding: .45em;
  font-size: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  font-weight: normal;
  box-sizing: border-box;
  margin: 0 !important;
  text-align: center;
}
@media screen and (min-width: 920px) {
  .recherchecard .recherchecard__input,
  .recherchecard .recherchecard__submit,
  .recherchecard .recherchecard__link {
    margin: 0 1.2rem 0 0 !important;
    text-align: left;
    padding: .32em;
    font-size: 1.250rem;
  }
}
.recherchecard .recherchecard__input {
  background: white url(./img/accueil_select.png) no-repeat calc(100% - .4em) center;
  width: 100% !important;
  margin-bottom: 1em !important;
  color: #919199;
}
@media screen and (min-width: 920px) {
  .recherchecard .recherchecard__input {
    width: 14.125rem !important;
    margin-bottom: 1.2em !important;
  }
}
@media screen and (min-width: 1220px) {
  .recherchecard .recherchecard__input {
    margin-bottom: 0 !important;
  }
}
.recherchecard .recherchecard__submit,
.recherchecard .recherchecard__link {
  flex-grow: 0;
  padding-left: .55rem;
  padding-right: .55rem;
  width: 100% !important;
  margin-bottom: 1em !important;
}
@media screen and (min-width: 920px) {
  .recherchecard .recherchecard__submit,
  .recherchecard .recherchecard__link {
    width: auto !important;
    margin-bottom: 0 !important;
  }
}
.recherchecard .recherchecard__submit {
  padding: .5em .6em;
}
.recherchecard .recherchecard__link {
  display: block;
  margin-right: 0 !important;
  color: white;
  border-color: white;
  letter-spacing: -.02em;
}

/* ====================
=ficheaccueil
==================== */
.ficheaccueil #sans_nav_sans_encadres, .ficheaccueil #sans_nav_avec_encadres, .ficheaccueil #avec_nav_sans_encadres {
  padding: 0px;
  width: 300px;
  height: auto;
  margin-bottom: -600px;
  margin-top: 0;
}
@media screen and (min-width: 620px) {
  .ficheaccueil #sans_nav_sans_encadres, .ficheaccueil #sans_nav_avec_encadres, .ficheaccueil #avec_nav_sans_encadres {
    padding: 0px;
    width: 600px;
    height: 900px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 920px) {
  .ficheaccueil #sans_nav_sans_encadres, .ficheaccueil #sans_nav_avec_encadres, .ficheaccueil #avec_nav_sans_encadres {
    padding: 0px;
    width: 900px;
    height: 600px;
    margin-top: 0;
  }
}
@media screen and (min-width: 1220px) {
  .ficheaccueil #sans_nav_sans_encadres, .ficheaccueil #sans_nav_avec_encadres, .ficheaccueil #avec_nav_sans_encadres {
    padding: 0px;
    width: 1200px;
    height: auto;
  }
}
.ficheaccueil .contenu, .ficheaccueil #bandeau {
  background: transparent;
}
.ficheaccueil #page {
  background-color: #FFF !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
}
.ficheaccueil .template.accueilEvenementiel .ficheTile#tuile0x2 .legendeIllustration {
  display: none;
}
.ficheaccueil .template.accueilEvenementiel .ficheTile#tuile0x2 .title {
  display: block;
}
.ficheaccueil .template.accueilEvenementiel .emptyTile#tuile0x1 {
  display: none;
}
@media screen and (min-width: 620px) {
  .ficheaccueil .template.accueilEvenementiel .emptyTile#tuile0x1 {
    display: block;
  }
}
.ficheaccueil .template.accueilEvenementiel .emptyTile#tuile0x0 {
  display: none;
}
@media screen and (min-width: 620px) {
  .ficheaccueil .template.accueilEvenementiel .emptyTile#tuile0x0 {
    display: none;
  }
}
@media screen and (min-width: 1220px) {
  .ficheaccueil .template.accueilEvenementiel .emptyTile#tuile0x0 {
    display: block;
  }
}
.ficheaccueil.templateNewsRoom .menuEnDessous {
  display: none;
}
.ficheaccueil #navigation {
  display: none;
}
.ficheaccueil h1, .ficheaccueil #fil_ariane, .ficheaccueil #redacteur, .ficheaccueil #date_modification {
  display: none;
}
.ficheaccueil .template {
  display: block;
  width: 300px;
}
.ficheaccueil .template .emptyTile {
  float: left;
  width: 300px;
  height: 300px;
}
.ficheaccueil .template .slideShowTile {
  margin-top: -144px;
  float: right;
  width: 300px;
  height: 680px;
  display: block;
  overflow: inherit;
  position: relative;
}
.ficheaccueil .template .slideShowTile .title {
  background: rgba(170, 53, 81, 0.7);
  color: #FFF;
  font: normal 3em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
  height: 2.5em;
  line-height: 0.9;
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  top: 141px;
  left: 0;
  z-index: 500;
  padding: 0 0.2em;
}
.ficheaccueil .template .slideShowTile .prev {
  position: absolute;
  bottom: 370px;
  left: -19px;
  z-index: 500;
  cursor: pointer;
}
.ficheaccueil .template .slideShowTile .prev i {
  color: #FFF;
}
.ficheaccueil .template .slideShowTile .next {
  position: absolute;
  bottom: 370px;
  left: 311px;
  z-index: 500;
  cursor: pointer;
}
.ficheaccueil .template .slideShowTile .next i {
  color: #FFF;
}
.ficheaccueil .template .slideShowTile .monPager {
  bottom: 315px;
  cursor: pointer;
  position: absolute;
  right: 313px;
  display: none;
  text-align: right;
  z-index: 500;
}
.ficheaccueil .template .slideShowTile .monPager span {
  font-size: 3em;
  color: #eee;
}
.ficheaccueil .template .slideShowTile .monPager span.cycle-pager-active {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  color: #aa3551;
}
.ficheaccueil .template .slideShowTile .blocTemoignage {
  display: block;
  position: absolute;
  width: 300px;
  height: 192px;
  background: #FFF;
  top: 188px;
  lelt: 0;
}
.ficheaccueil .template .slideShowTile .blocTemoignage .titreTemoignage {
  color: #aa3551;
  font-weight: 400;
  height: 2.5em;
  overflow: auto;
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  padding: 0.5em 0.5em 0;
  text-transform: uppercase;
  line-height: 1.2;
}
.ficheaccueil .template .slideShowTile .blocTemoignage .contenuTemoignage {
  height: 8em;
  overflow: auto;
  padding: 0.5em;
}
.ficheaccueil .template .slideShowTile .blocValeur {
  display: block;
  position: absolute;
  width: 300px;
  height: 300px;
  background: #FFF;
  top: 380px;
  left: 0;
}
.ficheaccueil .template .slideShowTile .blocValeur .titreValeur {
  color: #722776;
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  font-weight: 400;
  height: 2.5em;
  line-height: 1.2;
  overflow: auto;
  padding: 0.5em 0.5em 0;
  text-transform: uppercase;
}
.ficheaccueil .template .slideShowTile .blocValeur .contenuValeur {
  border-bottom: 2px solid #722776;
  height: 187px;
  margin: 10px;
  overflow: auto;
}
.ficheaccueil .template .slideShowTile .imageTemoignage {
  width: 300px;
}
.ficheaccueil .template .infoTile .linkInfoTile, .ficheaccueil .template .infoLightTile .linkInfoTile {
  float: left;
  display: block;
  position: relative;
  width: 300px;
  height: 300px;
  background: #FFF;
}
.ficheaccueil .template .infoTile .linkInfoTile .title, .ficheaccueil .template .infoLightTile .linkInfoTile .title {
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.ficheaccueil .template .infoTile .linkInfoTile .title h2, .ficheaccueil .template .infoTile .linkInfoTile .title .h2, .ficheaccueil .template .infoLightTile .linkInfoTile .title h2, .ficheaccueil .template .infoLightTile .linkInfoTile .title .h2 {
  bottom: 5px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
  color: #aa3551;
}
.ficheaccueil .template .infoTile .linkInfoTile .content, .ficheaccueil .template .infoLightTile .linkInfoTile .content {
  border-bottom: 2px solid #aa3551;
  margin: 10px;
  overflow: auto;
  height: 187px;
}
.ficheaccueil .template .infoTile .linkInfoTile .background, .ficheaccueil .template .infoLightTile .linkInfoTile .background {
  position: absolute;
  right: 0;
  top: -2px;
}
.ficheaccueil .template .infoTile#tuile1x0 .linkInfoTile, .ficheaccueil .template .infoLightTile#tuile1x0 .linkInfoTile {
  background-color: #722776;
}
.ficheaccueil .template .infoTile#tuile1x0 .linkInfoTile h2, .ficheaccueil .template .infoLightTile#tuile1x0 .linkInfoTile h2 {
  color: #FFF;
}
.ficheaccueil .template .infoTile#tuile1x0 .linkInfoTile .content, .ficheaccueil .template .infoLightTile#tuile1x0 .linkInfoTile .content {
  border-bottom: none;
  color: #FFF;
  padding-right: 0;
}
.ficheaccueil .template .ficheTile .linkFicheTile {
  display: block;
  position: relative;
  border-bottom: 7px solid #aa3551;
  width: 300px;
  height: 293px;
  float: left;
  overflow: hidden;
  background: #FFF;
}
.ficheaccueil .template .ficheTile .linkFicheTile .background {
  position: absolute;
  right: 0;
}
.ficheaccueil .template .ficheTile .linkFicheTile .legendeIllustration {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 0.5em;
  left: 0;
  color: #FFF;
  text-transform: uppercase;
  background: rgba(170, 53, 81, 0.7);
}
.ficheaccueil .template .ficheTile .linkFicheTile .title {
  background: #aa3551;
  position: relative;
  height: 4.4em;
  padding: 0 0.5em;
  width: auto;
}
.ficheaccueil .template .ficheTile .linkFicheTile .title h2, .ficheaccueil .template .ficheTile .linkFicheTile .title .h2 {
  color: #FFFFFF;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  text-transform: uppercase;
  bottom: 5px;
}
.ficheaccueil .template .formationTile {
  display: block;
  position: relative;
  width: 300px;
  height: 300px;
  overflow: auto;
  background: #FFF;
  float: left;
}
.ficheaccueil .template .formationTile .title {
  background: #919199;
  position: relative;
  height: 4.4em;
  padding: 0 0.5em;
  width: 17.75em;
}
.ficheaccueil .template .formationTile .title h2, .ficheaccueil .template .formationTile .title .h2 {
  color: #FFFFFF;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  text-transform: uppercase;
  bottom: 5px;
}
.ficheaccueil .template .formationTile .content {
  padding: 1em;
}
.ficheaccueil .template .formationTile .content select {
  width: 100%;
}
.ficheaccueil .template .formationTile .content p {
  margin: 0;
}
.ficheaccueil .template .formationTile .content input.rechercheText {
  width: 100%;
  background: url("/images/principal/formation-recherche.png") no-repeat 97% #FFF;
  -moz-box-sizing: border-box;
  border: 2px solid #EEEEEE;
  padding: 6px 3px;
}
.ficheaccueil .template .formationTile .content input.rechercheText::-webkit-input-placeholder {
  color: #000;
}
.ficheaccueil .template .formationTile .content input.rechercheText:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
.ficheaccueil .template .formationTile .content input.rechercheText::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
.ficheaccueil .template .formationTile .content input.rechercheText:-ms-input-placeholder {
  color: #000;
}
.ficheaccueil .template .formationTile .content #valider {
  float: right;
  diaplay: block;
  margin: 0.5em 0;
}
.ficheaccueil .template .formationTile .content .rechercheAvancee {
  float: right;
  diaplay: block;
  margin: 0.5em;
  padding: 0.35em;
}
.ficheaccueil .template.templateNewsRoom .imageTile {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  z-index: 0;
  width: 300px;
}
.ficheaccueil .template.templateNewsRoom .agendaTile {
  background: #eceef2;
  display: block;
  position: relative;
  width: 300px;
  height: 900px;
  float: left;
  position: relative;
  z-index: 500;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda {
  margin-top: -1.5em;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .calendrier {
  background: #f7f7f7;
  padding-top: 2em;
  padding-bottom: 1em;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .calendrier label {
  display: block;
  padding: 0.3em;
  width: 5.5em;
  height: 3em;
  font: normal 1.5em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #aa3551;
  float: left;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .calendrier .extension-agenda {
  display: none;
}
@media screen and (min-width: 920px) {
  .ficheaccueil .template.templateNewsRoom .agendaTile .agenda .calendrier .extension-agenda {
    display: block;
  }
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .calendrier .extension-agenda table thead tr th {
  padding: 0;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .calendrier .extension-agenda table tbody tr td {
  color: #FFF;
  background: #c7c7ca;
  border: 3px solid #F7F7F7;
  padding: 0.15em;
  font-size: 0.9em;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .calendrier .extension-agenda table tbody tr td.evenements_jour.focus {
  background: #aa3551;
  color: #FFF;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .calendrier .extension-agenda table tbody tr td.focus {
  background: #aa3551;
  color: #FFF;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .calendrier .extension-agenda table tbody tr td.evenements_jour {
  background: #897787;
  color: #FFF;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .aujourdhui {
  background: #f7f7f7;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .aujourdhui span {
  position: relative;
  min-height: 12em;
  display: block;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .aujourdhui label {
  position: relative;
  width: 5em;
  font: normal 1.7em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  background: #aa3551;
  color: #FFF;
  float: right;
  display: block;
  padding: 0.5em 0.35em 0;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .aujourdhui .icon-down {
  color: #aa3551;
  font-size: 2em;
  left: 250px;
  position: absolute;
  top: 49px;
  display: none;
}
@media screen and (min-width: 920px) {
  .ficheaccueil .template.templateNewsRoom .agendaTile .agenda .aujourdhui .icon-down {
    display: block;
  }
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .aujourdhui .agendaDuJour {
  padding: 1.5em 1em;
  list-style: none;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .aujourdhui .agendaDuJour .lieu, .ficheaccueil .template.templateNewsRoom .agendaTile .agenda .aujourdhui .agendaDuJour .titre {
  font-weight: 700;
  color: #44153f;
  margin-bottom: 0.5em;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .aujourdhui .agendaDuJour .resume {
  height: 10em;
  overflow: auto;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .avenir span {
  position: relative;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .avenir label {
  position: relative;
  width: 5em;
  font: normal 1.7em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  background: #722776;
  color: #FFF;
  float: right;
  display: block;
  padding: 0.5em 0.35em 0;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .avenir .icon-down {
  color: #722776;
  font-size: 2em;
  left: 250px;
  position: absolute;
  top: 49px;
  display: none;
}
@media screen and (min-width: 920px) {
  .ficheaccueil .template.templateNewsRoom .agendaTile .agenda .avenir .icon-down {
    display: block;
  }
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .avenir .agendaAVenir {
  height: 10em;
  overflow: auto;
  padding: 1.5em 1em;
  list-style: none;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .avenir .agendaAVenir .lieu, .ficheaccueil .template.templateNewsRoom .agendaTile .agenda .avenir .agendaAVenir .titre {
  font-weight: 700;
  color: #44153f;
  margin-bottom: 0.5em;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .avenir .agendaAVenir li {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 2px dotted #aa3551;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .avenir .agendaAVenir li .actu {
  color: #aa3551;
  font-weight: 700;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .lien_mensuel {
  padding: 1em;
  text-align: right;
  text-transform: uppercase;
}
.ficheaccueil .template.templateNewsRoom .agendaTile .agenda .lien_mensuel a {
  color: #aa3551;
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.ficheaccueil .template.templateNewsRoom #tuile2x1 {
  display: block;
  width: 300px;
  min-height: 290px;
  float: left;
}
.ficheaccueil .template.templateNewsRoom #tuile2x1 .surtitle {
  color: #aa3551;
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.ficheaccueil .template.templateNewsRoom #tuile2x1 .titre h2 {
  font: normal 2em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  background: #aa3551;
  color: #FFFFFF;
  line-height: 1.2;
  font-weight: 400;
  padding: 1.5em 0.5em 0;
  text-transform: uppercase;
  height: 2.5em;
  overflow: auto;
}
.ficheaccueil .template.templateNewsRoom #tuile2x1 .content {
  padding: 0.5em;
}
.ficheaccueil .template.templateNewsRoom #tuile2x2 {
  display: block;
  width: 300px;
  min-height: 290px;
  float: left;
}
.ficheaccueil .template.templateNewsRoom #tuile2x2 .surtitle {
  color: #722776;
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.ficheaccueil .template.templateNewsRoom #tuile2x2 .title {
  background: #722776;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.ficheaccueil .template.templateNewsRoom #tuile2x2 .title h2 {
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
  overflow: hidden;
  bottom: 5px;
}
.ficheaccueil .template.templateNewsRoom #tuile2x2 .content {
  padding: 0.5em;
}
.ficheaccueil .template.templateNewsRoom .contenuTile {
  display: block;
  width: 300px;
  z-index: 1;
  position: relative;
  background: #FFF;
  min-height: 300px;
  float: left;
}
.ficheaccueil .template.templateNewsRoom .contenuTile .surtitle {
  color: #aa3551;
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  padding: 0 0.5em;
}
.ficheaccueil .template.templateNewsRoom .contenuTile .title {
  background: #aa3551;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.ficheaccueil .template.templateNewsRoom .contenuTile .title h2 {
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
  overflow: hidden;
  bottom: 5px;
}
.ficheaccueil .template.templateNewsRoom .contenuTile .content {
  padding: 0.5em;
}
.ficheaccueil .template.templateNewsRoom #videoTile {
  position: relative;
  display: block;
  float: left;
  margin-top: 0px;
}
.ficheaccueil .template.templateNewsRoom #videoTile .video {
  padding: 1em;
}
.ficheaccueil .template.templateNewsRoom #videoTile .videoTile {
  width: 300px;
  min-height: 300px;
  background: #FFF;
  border-bottom: 3px solid #aa3551;
}
.ficheaccueil .template.templateNewsRoom #videoTile .videoTile .title {
  background: #eeeeee;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.ficheaccueil .template.templateNewsRoom #videoTile .videoTile .title h2 {
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #000;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
  overflow: hidden;
  bottom: 5px;
}
.ficheaccueil .template.templateNewsRoom #videoTile .videoTile .linkFicheTile {
  font: normal 1.2em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  display: block;
  color: #44153f;
}
.ficheaccueil .template.templateNewsRoom #blocTile {
  float: left;
  display: block;
  width: 300px;
  position: relative;
  z-index: 1;
  min-height: 900px;
  background: #FFFFFF;
}
.ficheaccueil .template.templateNewsRoom #blocTile .contenuTile {
  width: 300px;
}
@media screen and (min-width: 620px) {
  .ficheaccueil .template.templateNewsRoom .agendaTile {
    width: 600px;
    height: 600px;
    float: left;
  }
  .ficheaccueil .template.templateNewsRoom #videoTile .videoTile {
    width: 600px;
  }
  .ficheaccueil .template.templateNewsRoom #blocTile {
    width: 600px;
  }
  .ficheaccueil .template.templateNewsRoom #blocTile .contenuTile {
    width: 600px;
  }
  .ficheaccueil .template.templateNewsRoom #blocTile #tuile2x1, .ficheaccueil .template.templateNewsRoom #blocTile #tuile2x2 {
    width: 300px;
  }
}
@media screen and (min-width: 920px) {
  .ficheaccueil .template.templateNewsRoom .agendaTile {
    width: 300px;
    height: 916px;
  }
  .ficheaccueil .template.templateNewsRoom .imageTile {
    width: 600px;
  }
  .ficheaccueil .template.templateNewsRoom #videoTile .videoTile {
    width: 300px;
  }
}
@media screen and (min-width: 1220px) {
  .ficheaccueil .template.templateNewsRoom #blocTile {
    box-shadow: 4px 0 4px 1px rgba(0, 0, 0, 0.2);
  }
  .ficheaccueil .template.templateNewsRoom #videoTile {
    display: block;
    float: right;
    margin-top: 322px;
  }
}
.ficheaccueil .template.accueilPortail .slideShowTile {
  margin-top: -144px;
  float: right;
  width: 600px;
  height: 888px;
  display: block;
  overflow: hidden;
  position: relative;
}
.ficheaccueil .template.accueilPortail .slideShowTile .title {
  background: rgba(170, 53, 81, 0.7);
  color: #FFF;
  font: normal 2em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  height: 2.5em;
  line-height: 1.2;
  padding: 1.5em 0.5em 0;
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  top: 253px;
  left: 0;
  padding: 0.1em;
  z-index: 500;
  padding: 0 0.5em;
}
.ficheaccueil .template.accueilPortail .slideShowTile .blocAssociation {
  display: block;
  position: absolute;
  width: 300px;
  height: 300px;
  background: #FFF;
  top: 288px;
  lelt: 0;
}
.ficheaccueil .template.accueilPortail .slideShowTile .blocAssociation .titreAssociation {
  color: #aa3551;
  font-weight: 400;
  height: 2.5em;
  line-height: 1.2;
  overflow: auto;
  padding: 1.5em 0.5em 0;
  text-transform: uppercase;
}
.ficheaccueil .template.accueilPortail .slideShowTile .blocAssociation .contenuAssociation {
  height: 11em;
  overflow: auto;
  padding: 0.5em;
}
.ficheaccueil .template.accueilPortail .slideShowTile .blocValeur {
  display: block;
  position: absolute;
  width: 300px;
  height: 300px;
  background: #FFF;
  top: 600px;
  right: 0;
}
.ficheaccueil .template.accueilPortail .simpleInfoTile {
  display: block;
  width: 300px;
  z-index: 1;
  position: relative;
  background: #FFF;
  min-height: 300px;
  float: left;
}
.ficheaccueil .template.accueilPortail .simpleInfoTile .surtitle {
  color: #aa3551;
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.ficheaccueil .template.accueilPortail .simpleInfoTile .title {
  position: relative;
  min-height: 3.5em;
  background: #aa3551;
}
.ficheaccueil .template.accueilPortail .simpleInfoTile .title h2 {
  position: absolute;
  width: 300px;
  bottom: 0;
  color: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase;
}
.ficheaccueil .template.accueilPortail .simpleInfoTile .content {
  padding: 0.5em;
}
.ficheaccueil .template.accueilPortail #tuile2x0 {
  display: block;
  width: 600px;
  z-index: 1;
  position: relative;
  background: #FFF;
  min-height: 300px;
  float: left;
}
.ficheaccueil .template.accueilPortail #tuile2x0 .surtitle {
  color: #aa3551;
  font: normal 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.ficheaccueil .template.accueilPortail #tuile2x0 .title {
  background: #aa3551;
  height: 4.4em;
  padding: 0 0.5em;
  position: relative;
  width: auto;
}
.ficheaccueil .template.accueilPortail #tuile2x0 .title h2 {
  font: normal 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
  overflow: hidden;
  bottom: 5px;
}
.ficheaccueil .template.accueilPortail #tuile2x0 .content {
  padding: 0.5em;
}
@media screen and (min-width: 620px) {
  .ficheaccueil .template {
    width: 600px;
  }
  .ficheaccueil .template .slideShowTile {
    overflow: hidden;
    margin-top: -300px;
    width: 600px;
    height: 588px;
  }
  .ficheaccueil .template .slideShowTile .blocValeur {
    right: 0;
    left: auto;
    top: 288px;
  }
  .ficheaccueil .template .slideShowTile .blocValeur .titreValeur {
    padding: 1.5em 0.5em 0;
  }
  .ficheaccueil .template .slideShowTile .title {
    top: 253px;
    padding: 0 0.48em;
  }
  .ficheaccueil .template .slideShowTile .imageTemoignage {
    width: 600px;
  }
  .ficheaccueil .template .slideShowTile .monPager {
    display: block;
  }
  .ficheaccueil .template .slideShowTile .prev {
    bottom: 330px;
    left: 15px;
  }
  .ficheaccueil .template .slideShowTile .prev i {
    color: #aa3551;
  }
  .ficheaccueil .template .slideShowTile .next {
    bottom: 330px;
    left: 45px;
  }
  .ficheaccueil .template .slideShowTile .next i {
    color: #aa3551;
  }
  .ficheaccueil .template .slideShowTile .blocTemoignage {
    top: 300px;
    height: 300px;
  }
  .ficheaccueil .template .slideShowTile .blocTemoignage .titreTemoignage {
    padding: 1.5em 0.5em 0;
  }
  .ficheaccueil .template .slideShowTile .blocTemoignage .contenuTemoignage {
    height: 9em;
  }
}
@media screen and (min-width: 920px) {
  .ficheaccueil .template {
    width: 900px;
  }
  .ficheaccueil .template .slideShowTile {
    height: 900px;
  }
  .ficheaccueil .template .slideShowTile .blocValeur {
    top: 600px;
  }
}
@media screen and (min-width: 1220px) {
  .ficheaccueil .template {
    width: 1200px;
  }
}

.contenu .search-aggregation__aggregation-list li::before,
.contenu .search-result__result-list li::before {
  display: none;
}

.search-aggregation__aggregation-list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.aggregation-item__aggregation-name {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0.75rem;
  padding: 0 1em 0.25em 0;
  position: relative;
  width: 100%;
}
.aggregation-item__aggregation-name::after {
  color: transparent;
  content: '\2795\fe0e';
  position: absolute;
  right: 0;
  text-shadow: 0 0 0 black;
}
.search-aggregation__aggregation-list__item--visible .aggregation-item__aggregation-name::after {
  content: '\2796\fe0e';
}
@media screen and (min-width: 640px) {
  .aggregation-item__aggregation-name {
    cursor: default;
  }
  .aggregation-item__aggregation-name::after, .search-aggregation__aggregation-list__item--visible .aggregation-item__aggregation-name::after {
    content: none;
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .search-aggregation__aggregation-list > li {
    margin-bottom: 2em;
  }
}
.search-aggregation__aggregation-list label {
  font-weight: normal;
}

.contenu ul.term-aggregation__item-list {
  list-style: none;
  padding-left: 0;
}
.contenu ul.term-aggregation__item-list > li {
  margin-bottom: 1em;
  padding-left: 0;
}

.search-result__result-list {
  list-style: none;
  padding-left: 0;
}

.search-aggregation {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .search-aggregation {
    float: left;
    width: 25%;
  }
}

.search-result {
  padding: 1rem;
}
@media screen and (min-width: 640px) {
  .search-result {
    margin-left: calc(25% + 1rem);
    padding: 0;
  }
}

.search-aggregation__aggregation-list > li .aggregation-item__aggregation-name + * {
  display: none;
}
.search-aggregation__aggregation-list > li.search-aggregation__aggregation-list__item--visible .aggregation-item__aggregation-name + * {
  display: block;
}
@media screen and (min-width: 640px) {
  .search-aggregation__aggregation-list > li .aggregation-item__aggregation-name + * {
    display: block;
  }
}

.search-metadata__search-input input {
  width: 80%;
}

ul.search-result__result-list li {
  margin-top: 1.5em;
  padding-left: 0;
}

.range-filter__from label,
.range-filter__to label {
  display: inline-block;
  width: 40px;
}

.aggregation-item__range-filter input {
  width: 120px;
}

.item-list__hidden {
  display: none;
}

.item-list__show-less {
  display: none;
}

.search-result__item-footer {
  opacity: 0.5;
}

.search-filter__filter-selected {
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.25rem;
  color: couleur3;
}
.search-filter__filter-selected a {
  text-decoration: none;
}

@media screen and (min-width: 640px) {
  .aggregation-toggle {
    display: none;
  }
}

.search-metadata__search-filter {
  margin-top: 1em;
  min-height: 2.5em;
}

#aggregation_search {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.5em;
  position: absolute;
  right: 0;
  z-index: 10;
}
#aggregation_search.aggregation_search--visible {
  display: block;
}
@media screen and (min-width: 640px) {
  #aggregation_search {
    display: block;
    background-color: transparent;
    border: none;
    position: static;
  }
}

.autocomplete-suggestions {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 0.25em 0.5em;
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
  background: rgba(0, 0, 0, 0.1);
}

.search-result__pagination {
  margin: 1.5em 0;
}
.search-result__pagination a {
  margin-right: 1em;
}

.search-pagination__current-page {
  display: block;
}

#search_query_input input[type="text"] {
  width: 100%;
}

#commenter,
#afficher_masquer_commentaires {
  display: inline-block;
}
#commenter a,
#afficher_masquer_commentaires a {
  background: #aa3551;
  color: #fff;
  font-weight: 700;
  padding: .25em .5em;
  text-decoration: none;
}

#lien_cache {
  display: none;
}

#commentaires_afficher {
  display: block;
}

#commentaires_masquer {
  display: none;
}

div.commentaires_deco2 {
  clear: both;
}
div.commentaires_deco1 h2 {
  text-transform: uppercase;
}
div.commentaires_deco1 ul {
  margin: 0;
}

#commentaires {
  padding: 0;
}
#commentaires ul {
  padding: 0;
}
#commentaires li {
  list-style-type: none;
  padding: 0 0 0 10px;
}

li.niveau_1 {
  margin-top: 30px;
}
li.niveau_1_premier {
  margin-top: 0;
}
li.parite_0 {
  border-left: 3px solid #e20031;
}
li.parite_1 {
  border-left: 3px solid #333;
}

p.commentaires_titre {
  clear: both;
  font-weight: 700;
  margin: 0 0 0.3em;
  padding: 0;
}
p.repondre {
  text-align: right;
}

.extension-commentaire__commenter label {
  display: block;
}
.extension-commentaire__commenter input[type="text"],
.extension-commentaire__commenter textarea {
  width: 100%;
}
.extension-commentaire__commenter .msg-aide {
  display: block;
}

/* ====================
=Agenda
==================== */
.extension-agenda__export {
  display: block;
  float: right;
  margin: 0;
  padding: 0.25em;
}

.extension-agenda thead {
  display: none;
}
.extension-agenda .extension-agenda__mois {
  width: 100%;
}
.extension-agenda .extension-agenda__mois caption {
  display: none;
}
.extension-agenda .extension-agenda__mois td {
  display: block;
}
.extension-agenda .extension-agenda__mois tr:nth-child(2n) {
  background: #FFF;
}
.extension-agenda .extension-agenda__mois tbody tr td {
  padding: 0.1em 0.5em;
  height: auto;
}
.extension-agenda .extension-agenda__mois tbody tr td .evenements_jour {
  cursor: pointer;
  border: 1px dashed #AAAAAA;
  height: 2em;
  overflow: hidden;
  position: relative;
  width: auto;
}
.extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .lienJourTab {
  float: right;
  padding: 0.3em 0.5em;
  display: block;
}
.extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .lienJourTab i {
  color: #FFF;
}
.extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .numeroJourMois {
  color: #722776;
  font: 500 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  padding: 0.2em;
  position: relative;
  top: 0;
  z-index: 100;
}
@media screen and (min-width: 920px) {
  .extension-agenda .extension-agenda__navigation {
    display: block;
    float: right;
  }
  .extension-agenda .extension-agenda__navigation .mois {
    font: 500 1.6em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
  }
  .extension-agenda .extension-agenda__navigation p {
    font-size: 1em !important;
    text-align: left !important;
  }
  .extension-agenda .extension-agenda__mois thead th {
    font-weight: 700;
    padding: 0.5em;
    text-align: center;
    font: 500 1.3em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
    position: relative;
  }
  .extension-agenda .extension-agenda__mois tbody tr:nth-child(2n) {
    background: #FFF;
  }
  .extension-agenda .extension-agenda__mois tbody tr td {
    display: table-cell;
    height: auto;
    width: 9em;
    padding: 0;
    position: relative;
    padding: 0.2em;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.evenement .evenements_jour {
    position: relative;
    background: #722776;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.evenement .evenements_jour .numeroJourMois {
    color: #722776;
    background: #aa3551;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.evenement .evenements_jour .lienJourTab {
    display: none;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.evenement .evenements_jour .extension-agenda__mois--contenu {
    position: absolute;
    top: 28%;
    left: 2%;
    z-index: 100;
    height: 7em;
    color: #FFF;
    overflow: hidden;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.evenement .evenements_jour .extension-agenda__mois--contenu .heure {
    color: #FFF;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.evenement .evenements_jour .extension-agenda__mois--contenu .categorie {
    text-transform: uppercase;
    font: 500 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
    color: #722776;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.evenement .evenements_jour .extension-agenda__mois--contenu .titre {
    text-transform: uppercase;
    font: 500 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
    color: #FFF;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.evenement .evenements_jour .extension-agenda__mois--contenu .resume {
    color: #FFF;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.evenement .evenements_jour .lienJourTab {
    position: absolute;
    top: 10%;
    right: 10%;
    z-index: 100;
  }
  .extension-agenda .extension-agenda__mois tbody tr td.tdjour {
    width: 9.5em;
  }
  .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour {
    height: 10em;
    position: relative;
    width: 10em;
    border: 1px dashed #aaa;
    overflow: hidden;
  }
  .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .numeroJourMois {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    font: 500 1.4em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
    padding: 0.2em;
    color: #722776;
  }
  .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .photo {
    position: relative;
    height: 10em;
    width: 10em;
  }
  .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .photo .numeroJourMois {
    position: absolute;
    top: 0;
    left: 0;
  }
  .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .photo .extension-agenda__mois--contenu {
    position: absolute;
    min-height: auto;
    background: none;
    top: 30%;
    text-transform: uppercase;
    font: 500 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
    padding: 0 0.3em;
    line-height: 1;
    left: 0;
  }
  .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .photo .extension-agenda__mois--contenu .heure, .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .photo .extension-agenda__mois--contenu .titre, .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .photo .extension-agenda__mois--contenu .categorie {
    display: inline-block;
    float: left;
    background: #aa3551;
    line-height: 1;
    margin-bottom: 2px;
    padding: 0.1em;
  }
  .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .photo .extension-agenda__mois--contenu .heure {
    color: #b5b5bf;
  }
  .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .photo .extension-agenda__mois--contenu .titre {
    color: #FFFFFF;
  }
  .extension-agenda .extension-agenda__mois tbody tr td .evenements_jour .photo .extension-agenda__mois--contenu .categorie {
    color: #722776;
  }
  .extension-agenda .extension-agenda__mois {
    font-size: 0.74em;
  }
}
@media screen and (min-width: 1220px) {
  .extension-agenda .extension-agenda__mois {
    font-size: 1em;
  }
}

.popinAgenda {
  padding-top: 2em;
  background: #aa3551;
  border: #aa3551;
  color: #FFF;
}
.popinAgenda .ui-dialog-titlebar {
  background: #722776;
  border-color: #722776;
  position: relative;
  float: right;
  width: 15%;
  height: 2em;
  color: #aa3551;
}
.popinAgenda .ui-dialog-titlebar .ui-dialog-title {
  font: 500 2.3em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  position: absolute;
  top: -12px;
  left: 2px;
}
.popinAgenda .ui-dialog-titlebar .ui-state-default, .popinAgenda .ui-dialog-titlebar .ui-widget-content .ui-state-default, .popinAgenda .ui-dialog-titlebar .ui-widget-header .ui-state-default {
  background-color: #722776;
  border: #722776;
  background-image: none;
}
.popinAgenda .ui-dialog-titlebar .ui-widget-header .ui-icon, .popinAgenda .ui-dialog-titlebar .ui-icon, .popinAgenda .ui-dialog-titlebar .ui-widget-content .ui-icon {
  background-image: url("../../images/agenda/icon-reduire.png");
  background-color: #722776;
  background-position: center center;
  background-repeat: no-repeat;
}

.extension-agenda-jour {
  padding-top: 3em;
  position: relative;
  background: #aa3551;
  color: #FFF;
  max-width: 800px;
  overflow: hidden;
  margin: auto;
}
.extension-agenda-jour .numeroJourMois {
  font: 500 2.3em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  position: absolute;
  right: 0;
  top: 0;
  width: 5em;
  background: #722776;
  color: #aa3551;
}
.extension-agenda-jour .extension-agenda__jour {
  max-height: 8em;
}
.extension-agenda-jour .extension-agenda__jour tr {
  border-bottom: 1px solid #87868e;
}
.extension-agenda-jour .extension-agenda__jour tr:nth-child(2n) {
  background: #aa3551;
}
.extension-agenda-jour .extension-agenda__jour tr:last-child {
  border-bottom: none;
}
.extension-agenda-jour .extension-agenda__jour td {
  display: block;
}
@media screen and (min-width: 920px) {
  .extension-agenda-jour .extension-agenda__jour td {
    display: table-cell;
  }
}
.extension-agenda-jour .extension-agenda__jour .description {
  position: relative;
  display: block;
}
.extension-agenda-jour .extension-agenda__jour .description .heure {
  position: absolute;
  right: 8px;
  top: 8px;
  background: #aa3551;
  color: #FFF;
  padding: 0.2em 0.5em;
  font: 500 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.extension-agenda-jour .extension-agenda__jour .description .heure:after {
  position: absolute;
  content: "";
  height: 1em;
  top: 7px;
  right: 0;
  width: 0.05em;
  background: #FFF;
}
.extension-agenda-jour .extension-agenda__jour .categorie {
  text-transform: uppercase;
  font: 500 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  margin-bottom: 0.1em;
  color: #FFF;
  color: #722776;
  margin-top: 0.2em;
}
.extension-agenda-jour .extension-agenda__jour .titre {
  text-transform: uppercase;
  font: 500 1em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
  margin-bottom: 0.1em;
  color: #FFF;
}
.extension-agenda-jour .extension-agenda__jour .resume {
  color: #FFF;
}
.extension-agenda-jour .extension-agenda__jour .photo {
  display: none;
}
@media screen and (min-width: 920px) {
  .extension-agenda-jour .extension-agenda__jour .photo {
    display: block;
  }
}

/* ====================
=Recherche
==================== */
.recherche {
  position: relative;
}
.recherche .replie #titreMenuReplie {
  display: none;
}
@media screen and (min-width: 920px) {
  .recherche #bandeau {
    /* 		    width: 300px; */
  }
}
@media screen and (min-width: 1220px) {
  .recherche .replie {
    display: block;
    position: absolute;
    top: 300px;
    left: 0;
    background-color: #aa3551;
    color: #FFF;
  }
  .recherche .replie .ui-state-default, .recherche .replie .ui-widget-content .ui-state-default, .recherche .replie .ui-widget-header .ui-state-default {
    background: #aa3551;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
  }
  .recherche .replie .ui-state-active, .recherche .replie .ui-widget-content .ui-state-active, .recherche .replie .ui-widget-header .ui-state-active {
    background: #aa3551;
    border: none;
    color: #FFFFFF;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    margin-top: 0;
  }
  .recherche .replie #menu #menu_principal {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  }
}

/* ====================
=MyBudget
==================== */
#conteneurMyBudget .mybudget-formation, #conteneurMyBudget .mybudget-logement {
  border-bottom: 1px solid #D7DCDE;
  margin-bottom: 1em;
  padding-bottom: 1em;
  min-height: 2em;
  padding-top: 1em;
}
#conteneurMyBudget .mybudget-formation label, #conteneurMyBudget .mybudget-formation .label, #conteneurMyBudget .mybudget-logement label, #conteneurMyBudget .mybudget-logement .label {
  display: inline-block;
  margin-bottom: 1em;
  vertical-align: bottom;
  width: 37%;
}
#conteneurMyBudget .mybudget-formation select, #conteneurMyBudget .mybudget-logement select {
  width: 60%;
}
#conteneurMyBudget .mybudget-formation #surfaceLabel, #conteneurMyBudget .mybudget-logement #surfaceLabel {
  margin-bottom: 0;
}
#conteneurMyBudget .mybudget-modalite {
  border-bottom: 1px solid #D7DCDE;
  padding-bottom: 1em;
}
#conteneurMyBudget .mybudget-modalite #modalite {
  display: inline-block;
  vertical-align: bottom;
  width: 39%;
  margin-bottom: 0.5em;
}
#conteneurMyBudget .mybudget-modalite .modalite-fi, #conteneurMyBudget .mybudget-modalite .modalite-fa {
  display: inline-block;
  width: 60%;
}
@media screen and (min-width: 620px) {
  #conteneurMyBudget .mybudget-modalite #modalite {
    margin-bottom: 0;
  }
  #conteneurMyBudget .mybudget-modalite .modalite-fi, #conteneurMyBudget .mybudget-modalite .modalite-fa {
    display: inline;
    width: auto;
  }
}
#conteneurMyBudget .mybudget-transport {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #D7DCDE;
}
#conteneurMyBudget .mybudget-transport .label {
  display: block;
  vertical-align: top;
  width: 37%;
  margin-bottom: 0.5em;
}
#conteneurMyBudget .mybudget-transport .mode {
  display: inline-block;
  vertical-align: bottom;
  width: 90%;
}
#conteneurMyBudget .mybudget-transport .mode .autres {
  margin-top: 0.5em;
  width: 95%;
  display: inline-block;
}
@media screen and (min-width: 620px) {
  #conteneurMyBudget .mybudget-transport .label {
    display: inline-block;
    margin-bottom: 0;
  }
  #conteneurMyBudget .mybudget-transport .mode {
    width: 60%;
  }
  #conteneurMyBudget .mybudget-transport .mode .autres {
    width: 66%;
    display: inline-block;
  }
}
#conteneurMyBudget .mybudget-associative {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #D7DCDE;
}
#conteneurMyBudget .mybudget-associative .label {
  display: block;
  vertical-align: top;
  width: auto;
  margin-bottom: 0.5em;
}
#conteneurMyBudget .mybudget-associative .mode {
  float: right;
  display: block;
  text-align: left;
}
@media screen and (min-width: 620px) {
  #conteneurMyBudget .mybudget-associative .label {
    display: inline-block;
    margin-bottom: 0;
    width: 25%;
  }
  #conteneurMyBudget .mybudget-associative .mode {
    float: right;
    display: block;
    text-align: right;
  }
}
#conteneurMyBudget .submitMybudget {
  margin-bottom: 1em;
  width: 100%;
  display: block;
}
#conteneurMyBudget .submitMybudget .submit {
  margin: 0 auto;
  display: block;
  padding: 0.5em;
}
#conteneurMyBudget .infoTableau {
  display: block;
  font-size: 0.8em;
  margin-bottom: 2em;
  margin-top: 0.5em;
}

.extension-blog__blog-metadonnees {
  list-style: none;
  padding: 0;
}

.extension-blog__billet-liste-item {
  margin-bottom: 1em;
  border-bottom: 1px solid #eee;
}
.extension-blog__billet-liste-item:last-child {
  border: none;
}

.extension-blog__billet-metadonnees {
  margin: 0 0 .5em;
}

.extension-blog__tags {
  list-style: none;
}

.extension-blog__tags-nuage {
  list-style: none;
  padding: 0;
}
.extension-blog__tags-nuage > li {
  background: #eee;
  display: inline-block;
  padding: .25em;
  margin: .25em;
}

.tags-nuage-1 {
  font-size: .9em;
}

.tags-nuage-2 {
  font-size: 1em;
}

.tags-nuage-3 {
  font-size: 1.1em;
}

.tags-nuage-4 {
  font-size: 1.2em;
}

.tags-nuage-5 {
  font-size: 1.3em;
}

.tags-nuage-6 {
  font-size: 1.4em;
}

.tags-nuage-7 {
  font-size: 1.5em;
}

.tags-nuage-8 {
  font-size: 1.6em;
}

.tags-nuage-9 {
  font-size: 1.7em;
}

.tags-nuage-10 {
  font-size: 1.8em;
}

.extension-blog__pagination {
  display: block;
  margin: 0 auto 2em;
  text-align: center;
  width: 100%;
}

.extension-blog__pagination-bornes {
  display: block;
  width: 100%;
}

.extension-blog__pagination-numeros {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.extension-blog__pagination-numeros li {
  margin-left: 0.3em;
}

.extension-blog__pagination-numeropage {
  display: inline-block;
}

.extension-blog__pagination-premier,
.extension-blog__pagination-precedent,
.extension-blog__pagination-numeropage,
.extension-blog__pagination-pagecourante,
.extension-blog__pagination-suivant,
.extension-blog__pagination-dernier {
  display: inline-block;
  border: 1px solid #eee;
  cursor: pointer;
  margin: .2em;
  min-width: 2em;
  padding: .3em;
  text-align: center;
}
.extension-blog__pagination-premier a,
.extension-blog__pagination-precedent a,
.extension-blog__pagination-numeropage a,
.extension-blog__pagination-pagecourante a,
.extension-blog__pagination-suivant a,
.extension-blog__pagination-dernier a {
  text-decoration: none;
}
.extension-blog__pagination-premier:hover,
.extension-blog__pagination-precedent:hover,
.extension-blog__pagination-numeropage:hover,
.extension-blog__pagination-pagecourante:hover,
.extension-blog__pagination-suivant:hover,
.extension-blog__pagination-dernier:hover {
  background: #eee;
}
.extension-blog__pagination-premier:active,
.extension-blog__pagination-precedent:active,
.extension-blog__pagination-numeropage:active,
.extension-blog__pagination-pagecourante:active,
.extension-blog__pagination-suivant:active,
.extension-blog__pagination-dernier:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125) inset;
}

.extension-blog__pagination_pagecourante {
  background: #ddd;
}

.layoutmanagerckeditor .layout-container {
  margin: 0 0 1.5em;
}
.layoutmanagerckeditor .layout-container .layout-container {
  margin: 0;
}
.layoutmanagerckeditor .layout-column {
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.layoutmanagerckeditor .layout-column:last-child {
  margin-right: 0;
}
.layoutmanagerckeditor .layout-column * {
  max-width: 100%;
}
.layoutmanagerckeditor .col-lg-1,
.layoutmanagerckeditor .col-lg-10,
.layoutmanagerckeditor .col-lg-11,
.layoutmanagerckeditor .col-lg-12,
.layoutmanagerckeditor .col-lg-2,
.layoutmanagerckeditor .col-lg-3,
.layoutmanagerckeditor .col-lg-4,
.layoutmanagerckeditor .col-lg-5,
.layoutmanagerckeditor .col-lg-6,
.layoutmanagerckeditor .col-lg-7,
.layoutmanagerckeditor .col-lg-8,
.layoutmanagerckeditor .col-lg-9,
.layoutmanagerckeditor .col-md-1,
.layoutmanagerckeditor .col-md-10,
.layoutmanagerckeditor .col-md-11,
.layoutmanagerckeditor .col-md-12,
.layoutmanagerckeditor .col-md-2,
.layoutmanagerckeditor .col-md-3,
.layoutmanagerckeditor .col-md-4,
.layoutmanagerckeditor .col-md-5,
.layoutmanagerckeditor .col-md-6,
.layoutmanagerckeditor .col-md-7,
.layoutmanagerckeditor .col-md-8,
.layoutmanagerckeditor .col-md-9,
.layoutmanagerckeditor .col-sm-1,
.layoutmanagerckeditor .col-sm-10,
.layoutmanagerckeditor .col-sm-11,
.layoutmanagerckeditor .col-sm-12,
.layoutmanagerckeditor .col-sm-2,
.layoutmanagerckeditor .col-sm-3,
.layoutmanagerckeditor .col-sm-4,
.layoutmanagerckeditor .col-sm-5,
.layoutmanagerckeditor .col-sm-6,
.layoutmanagerckeditor .col-sm-7,
.layoutmanagerckeditor .col-sm-8,
.layoutmanagerckeditor .col-sm-9,
.layoutmanagerckeditor .col-xs-1,
.layoutmanagerckeditor .col-xs-10,
.layoutmanagerckeditor .col-xs-11,
.layoutmanagerckeditor .col-xs-12,
.layoutmanagerckeditor .col-xs-2,
.layoutmanagerckeditor .col-xs-3,
.layoutmanagerckeditor .col-xs-4,
.layoutmanagerckeditor .col-xs-5,
.layoutmanagerckeditor .col-xs-6,
.layoutmanagerckeditor .col-xs-7,
.layoutmanagerckeditor .col-xs-8,
.layoutmanagerckeditor .col-xs-9 {
  position: relative;
  min-height: 1px;
}
.layoutmanagerckeditor .col-xs-1,
.layoutmanagerckeditor .col-xs-10,
.layoutmanagerckeditor .col-xs-11,
.layoutmanagerckeditor .col-xs-12,
.layoutmanagerckeditor .col-xs-2,
.layoutmanagerckeditor .col-xs-3,
.layoutmanagerckeditor .col-xs-4,
.layoutmanagerckeditor .col-xs-5,
.layoutmanagerckeditor .col-xs-6,
.layoutmanagerckeditor .col-xs-7,
.layoutmanagerckeditor .col-xs-8,
.layoutmanagerckeditor .col-xs-9 {
  float: left;
  width: 100%;
}
@media screen and (min-width: 620px) {
  .layoutmanagerckeditor .col-sm-1,
  .layoutmanagerckeditor .col-sm-10,
  .layoutmanagerckeditor .col-sm-11,
  .layoutmanagerckeditor .col-sm-12,
  .layoutmanagerckeditor .col-sm-2,
  .layoutmanagerckeditor .col-sm-3,
  .layoutmanagerckeditor .col-sm-4,
  .layoutmanagerckeditor .col-sm-5,
  .layoutmanagerckeditor .col-sm-6,
  .layoutmanagerckeditor .col-sm-7,
  .layoutmanagerckeditor .col-sm-8,
  .layoutmanagerckeditor .col-sm-9 {
    margin-right: 3%;
    float: left;
  }
  .layoutmanagerckeditor .col-sm-1 {
    width: 5.58333%;
  }
  .layoutmanagerckeditor .col-sm-2 {
    width: 14.16667%;
  }
  .layoutmanagerckeditor .col-sm-3 {
    width: 22.75%;
  }
  .layoutmanagerckeditor .col-sm-4 {
    width: 31.33333%;
  }
  .layoutmanagerckeditor .col-sm-5 {
    width: 39.91667%;
  }
  .layoutmanagerckeditor .col-sm-6 {
    width: 48.5%;
  }
  .layoutmanagerckeditor .col-sm-7 {
    width: 57.08333%;
  }
  .layoutmanagerckeditor .col-sm-8 {
    width: 65.66667%;
  }
  .layoutmanagerckeditor .col-sm-9 {
    width: 74.25%;
  }
  .layoutmanagerckeditor .col-sm-10 {
    width: 82.83333%;
  }
  .layoutmanagerckeditor .col-sm-11 {
    width: 91.41667%;
  }
  .layoutmanagerckeditor .col-sm-12 {
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .layoutmanagerckeditor .col-md-1,
  .layoutmanagerckeditor .col-md-10,
  .layoutmanagerckeditor .col-md-11,
  .layoutmanagerckeditor .col-md-12,
  .layoutmanagerckeditor .col-md-2,
  .layoutmanagerckeditor .col-md-3,
  .layoutmanagerckeditor .col-md-4,
  .layoutmanagerckeditor .col-md-5,
  .layoutmanagerckeditor .col-md-6,
  .layoutmanagerckeditor .col-md-7,
  .layoutmanagerckeditor .col-md-8,
  .layoutmanagerckeditor .col-md-9 {
    float: left;
  }
  .layoutmanagerckeditor .col-md-1 {
    width: 5.58333%;
  }
  .layoutmanagerckeditor .col-md-2 {
    width: 14.16667%;
  }
  .layoutmanagerckeditor .col-md-3 {
    width: 22.75%;
  }
  .layoutmanagerckeditor .col-md-4 {
    width: 31.33333%;
  }
  .layoutmanagerckeditor .col-md-5 {
    width: 39.91667%;
  }
  .layoutmanagerckeditor .col-md-6 {
    width: 48.5%;
  }
  .layoutmanagerckeditor .col-md-7 {
    width: 57.08333%;
  }
  .layoutmanagerckeditor .col-md-8 {
    width: 65.66667%;
  }
  .layoutmanagerckeditor .col-md-9 {
    width: 74.25%;
  }
  .layoutmanagerckeditor .col-md-10 {
    width: 82.83333%;
  }
  .layoutmanagerckeditor .col-md-11 {
    width: 91.41667%;
  }
  .layoutmanagerckeditor .col-md-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1220px) {
  .layoutmanagerckeditor .col-lg-1,
  .layoutmanagerckeditor .col-lg-10,
  .layoutmanagerckeditor .col-lg-11,
  .layoutmanagerckeditor .col-lg-12,
  .layoutmanagerckeditor .col-lg-2,
  .layoutmanagerckeditor .col-lg-3,
  .layoutmanagerckeditor .col-lg-4,
  .layoutmanagerckeditor .col-lg-5,
  .layoutmanagerckeditor .col-lg-6,
  .layoutmanagerckeditor .col-lg-7,
  .layoutmanagerckeditor .col-lg-8,
  .layoutmanagerckeditor .col-lg-9 {
    float: left;
  }
  .layoutmanagerckeditor .col-lg-1 {
    width: 5.58333%;
  }
  .layoutmanagerckeditor .col-lg-2 {
    width: 14.16667%;
  }
  .layoutmanagerckeditor .col-lg-3 {
    width: 22.75%;
  }
  .layoutmanagerckeditor .col-lg-4 {
    width: 31.33333%;
  }
  .layoutmanagerckeditor .col-lg-5 {
    width: 39.91667%;
  }
  .layoutmanagerckeditor .col-lg-6 {
    width: 48.5%;
  }
  .layoutmanagerckeditor .col-lg-7 {
    width: 57.08333%;
  }
  .layoutmanagerckeditor .col-lg-8 {
    width: 65.66667%;
  }
  .layoutmanagerckeditor .col-lg-9 {
    width: 74.25%;
  }
  .layoutmanagerckeditor .col-lg-10 {
    width: 82.83333%;
  }
  .layoutmanagerckeditor .col-lg-11 {
    width: 91.41667%;
  }
  .layoutmanagerckeditor .col-lg-12 {
    width: 100%;
  }
}

#page .actions-fiche__item--responsive_previsualization {
  display: none;
}
@media screen and (min-width: 1345px) {
  #page .actions-fiche__item--responsive_previsualization {
    display: inline-block;
  }
}

.has_modal {
  height: 100vh;
  overflow: hidden;
}

#responsive_modal {
  background: #d9d9d9;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 50000;
}

#responsive_modal * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

#responsive_wrapper {
  padding: 10px;
  position: relative;
}

#devices_list,
#viewport_wrapper {
  display: inline-block;
  vertical-align: top;
}

#viewport_wrapper {
  overflow: auto;
  text-align: center;
  width: calc(100% - 150px);
}

.viewport_content {
  transform: scale(0.75);
  transform-origin: 0 0;
  width: 133%;
}

#devices_list {
  background: white;
  box-sizing: border-box;
  margin: 0;
  padding: 1.0rem;
  text-align: center;
  width: 12.0rem;
}
#devices_list::after {
  content: '';
  clear: both;
  display: table;
  width: 100%;
}
#devices_list li {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  text-align: center;
  transition: all 0.15s ease-in-out;
}
#devices_list li button {
  color: inherit;
  cursor: pointer;
  display: block;
}
#devices_list li button:hover, #devices_list li button:focus, #devices_list li button:active {
  background: none;
  box-shadow: none;
}
#devices_list li.active, #devices_list li:hover {
  opacity: 1;
}

.close_previsualization button {
  background: rgba(0, 0, 0, 0.06);
  margin: 0;
  padding: 0.5rem 1.0rem 0.5rem 0.2rem;
  text-decoration: none;
}
.close_previsualization span {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.close_previsualization span + span {
  font-size: 1.2rem;
  margin-left: 0.3rem;
}
.close_previsualization .icon::before {
  font-size: 3.5rem;
}

.device {
  opacity: 0.4;
}
.device button {
  background: transparent;
  border: 0;
  height: 8.0rem;
  margin: 0;
  padding: 0;
  text-indent: -999rem;
  width: 100%;
}

#iphone {
  background: url(./img/device-sprite.png) top no-repeat;
  background-position: 0 1.2rem;
  width: 3.0rem;
}

#iphone-l {
  background: url(./img/device-sprite.png) no-repeat 0 -9.3rem;
  width: 5.0rem;
}

#ipad {
  background: url(./img/device-sprite.png) no-repeat 0 -19.7rem;
  width: 5.0rem;
}

#ipad-l {
  background: url(./img/device-sprite.png) no-repeat 0 -30.6rem;
  width: 6.0rem;
}

#desktop {
  background: url(./img/device-sprite.png) no-repeat 0 -42.2rem;
  width: 9.0rem;
}

#viewport {
  background-color: #CCCCCC;
  margin: auto;
  margin-top: 1.5rem;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  transition: all 0.4s ease-in-out;
}

#responsive_iframe {
  background-color: white;
  border: none;
}

#responsive_tooltip {
  background: white;
  box-sizing: border-box;
  font-size: 1.2rem;
  left: 1.0rem;
  padding: 1.0rem;
  position: absolute;
  top: 48.5rem;
  width: 22.0rem;
}
#responsive_tooltip > span {
  border-style: dotted;
  border-width: 0.1rem;
  display: block;
  padding: 0.5rem;
}

.viewport_message_intro {
  border-color: #dedede;
  margin-bottom: 1.0rem;
}

.viewport_message_disclaimer {
  background: #fffde6;
  border-color: #e6e2b3;
}

/* ////// DEVICES */
/* /// Details   */
.device-detail {
  display: block;
  margin: auto;
  position: relative;
  text-indent: -999rem;
  z-index: 1000;
  transition: all 0.15s ease-in-out;
}

.iphone + .device-detail {
  background-color: #CCCCCC;
  border-radius: 2.0rem;
  height: 4.0rem;
  top: -5.3rem;
  width: 4.0rem;
}

.iphone-l + .device-detail {
  background-color: #CCCCCC;
  border-radius: 2.0rem;
  height: 4.0rem;
  left: -27.0rem;
  top: -21.0rem;
  width: 4.0rem;
}

.ipad + .device-detail {
  background-color: #CCCCCC;
  border-radius: 2.5rem;
  height: 5.0rem;
  top: -7.0rem;
  width: 5.0rem;
}

.ipad-l + .device-detail {
  background-color: #CCCCCC;
  border-radius: 2.5rem;
  height: 5.0rem;
  left: 55.5rem;
  top: -51.2rem;
  width: 5.0rem;
}

.desktop + .device-detail {
  background: none;
  border-bottom: 10.0rem solid #404042;
  border-left: 5.0rem solid transparent;
  border-radius: 2.5rem;
  border-right: 5.0rem solid transparent;
  height: 0;
  top: 2.0rem;
  width: 10.0rem;
}

/* /// Devices sizes   */
/* iphone 320 x 480 */
#viewport.iphone {
  border-bottom: 6.5rem solid;
  border-left: 3.5rem solid;
  border-radius: 2.0rem;
  border-right: 3.5rem solid;
  border-top: 6.5rem solid;
}

.iphone,
.iphone iframe {
  height: 48.0rem;
  width: 32.0rem;
}

.iphone-l {
  border-bottom: 3.5rem solid;
  border-left: 6.5rem solid;
  border-radius: 2.0rem;
  border-right: 6.5rem solid;
  border-top: 3.5rem solid;
}

.iphone-l,
.iphone-l iframe {
  height: 32.0rem;
  width: 48.0rem;
}

/* ipad 1024 x 768 */
.ipad {
  border: 9.0rem solid;
  border-radius: 2.0rem;
}

.ipad,
.ipad iframe {
  height: 102.4rem;
  width: 76.8rem;
}

.ipad-l {
  border: 9.0rem solid;
  border-radius: 2.0rem;
}

.ipad-l,
.ipad-l iframe {
  height: 76.8rem;
  width: 102.4rem;
}

/* desktop 1200 x 800 */
.desktop {
  border: 2.0rem solid;
  border-radius: 1.0rem;
}

.desktop,
.desktop iframe {
  height: 80.0rem;
  width: 120.0rem;
}

.responsivedemo-content .actions-fiche__item--responsivedemo {
  display: none;
}

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.textLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1.0;
}

.textLayer > div {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: #b400aa;
  border-radius: 4px;
}

.textLayer .highlight.begin {
  border-radius: 4px 0px 0px 4px;
}

.textLayer .highlight.end {
  border-radius: 0px 4px 4px 0px;
}

.textLayer .highlight.middle {
  border-radius: 0px;
}

.textLayer .highlight.selected {
  background-color: darkgreen;
}

.textLayer ::selection {
  background: blue;
}

.textLayer ::-moz-selection {
  background: blue;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}

.textLayer .endOfContent.active {
  top: 0px;
}

.annotationLayer section {
  position: absolute;
}

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer .linkAnnotation > a {
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
}

.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
}

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0px 2px 10px #ff0;
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid #000;
}

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: #000;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 115%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  padding: 0;
}

.annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}

.annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #FFFF99;
  box-shadow: 0px 2px 5px #333;
  border-radius: 2px;
  padding: 0.6em;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  word-wrap: break-word;
}

.annotationLayer .popup h1 {
  font-size: 1em;
  border-bottom: 1px solid #000000;
  margin: 0;
  padding-bottom: 0.2em;
}

.annotationLayer .popup p {
  margin: 0;
  padding-top: 0.2em;
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.pdfViewer .canvasWrapper {
  overflow: hidden;
}

.pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: 1px auto -8px auto;
  position: relative;
  overflow: visible;
  border: 9px solid transparent;
  background-clip: content-box;
  border-image: url(images/shadow.png) 9 9 repeat;
  background-color: white;
}

.pdfViewer.removePageBorders .page {
  margin: 0px auto 10px auto;
  border: none;
}

.pdfViewer.singlePageView {
  display: inline-block;
}

.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.pdfViewer .page canvas[hidden] {
  display: none;
}

.pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("images/loading-icon.gif") center no-repeat;
}

.pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.pdfPresentationMode:-moz-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  margin-bottom: 100% !important;
  border: 0;
}

.pdfPresentationMode:fullscreen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.toybox,
.toybox__btn {
  border-radius: 0.16667rem;
}
.toybox,
.toybox__btn {
  background-color: #fff;
  box-shadow: 0 0 0 1px #d7dee2;
  text-decoration: none;
}

.toybox {
  padding: 0.5rem 0.25rem 0.25rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
}

.toybox__btn {
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
  padding: 0.25rem;
  transition: all .15s;
  color: #0072d3;
}

.toybox__group .toybox__btn {
  line-height: 1rem;
  font-size: 1em;
  padding: .5em;
  margin-bottom: 0 !important;
  background: transparent;
}

.kpdfviewer .toybox__btn-icon,
.kpdfviewer .icon {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.toybox__btn[disabled] {
  border: 1px solid #f3f5f6;
  color: #f3f5f6;
}

.toybox__btn:last-child {
  margin-right: 0;
}

.toybox__btn:not([disabled]):focus,
.toybox__btn:not([disabled]):hover {
  box-shadow: 0 0 0 1px #8ea4af;
  background-color: rgba(215, 222, 226, 0.5);
  z-index: 1;
}

.toybox__group {
  display: flex;
  margin-right: 0.5rem;
}

.toybox__group .toybox__btn {
  border: 0;
  margin-right: 0;
  line-height: .4em;
}

.toybox__btn--start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.toybox__btn--end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.toybox__btn--flow {
  border-radius: 0;
}

.toybox__btn--flow + .toybox__btn--flow {
  border-left: 0;
}

.pdf-viewer {
  background-color: #999;
}

.pdf-viewer__content {
  padding: 1rem 1rem 0 1rem;
  display: flex;
  justify-content: center;
  overflow-x: auto;
}

.pdf-viewer__page {
  position: relative;
  padding-bottom: 1rem;
}

input.pdf-viewer__page-input {
  text-align: center;
  border: 0;
  padding: 0;
  width: 2rem;
  margin: 0;
  box-shadow: none;
  background: transparent;
  -moz-appearance: textfield;
  position: relative;
  bottom: 0;
}

.pdf-viewer__page-input::-webkit-outer-spin-button,
.pdf-viewer__page-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  left: -999em;
}

.icon.icon--minus, .icon.icon--plus, .icon.icon--rot-cw-primary, .icon.icon--rot-ccw-primary, .icon.icon--less-than-primary, .icon.icon--greater-than-primary, .icon.icon--download-primary {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  display: inline-block;
  height: 1rem;
  vertical-align: 0;
  width: 1rem;
  margin: 0;
}

.icon--sm {
  height: .75rem;
  vertical-align: -1px;
  width: .75rem;
}

.icon.icon--minus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='3 7 16 16' fill='%230072d3'%3E%3Cpath fill-rule='inherit' d='M6 14h10v2H6'/%3E%3C/svg%3E");
}

.icon.icon--plus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%230072d3'%3E%3Cg fill-rule='inherit'%3E%3Cpath d='M7 3h2v10H7z'/%3E%3Cpath d='M3 7h10v2H3z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon.icon--rot-cw-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230072d3'%3E%3Cpath fill='inherit' d='M2.23 2.44A7.68 7.68 0 0 0 0 7.99c0 2.17.78 4.05 2.35 5.62A7.68 7.68 0 0 0 8 15.96c2.18 0 4.06-.78 5.62-2.34a7.67 7.67 0 0 0 2.35-5.63 7.7 7.7 0 0 0-1.9-5.17l-.87.7A6.64 6.64 0 0 1 14.84 8a6.6 6.6 0 0 1-2.02 4.83A6.6 6.6 0 0 1 8 14.84a6.6 6.6 0 0 1-4.84-2.02A6.6 6.6 0 0 1 1.13 8a6.7 6.7 0 0 1 1.9-4.75l1.01 2.24L5.5 0 .03 1.46l2.2.98z'/%3E%3C/svg%3E");
}

.icon.icon--rot-ccw-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230072d3'%3E%3Cpath fill='inherit' d='M13.73 2.44a7.68 7.68 0 0 1 2.23 5.55c0 2.17-.78 4.05-2.35 5.62a7.68 7.68 0 0 1-5.64 2.35 7.68 7.68 0 0 1-5.62-2.34A7.67 7.67 0 0 1 0 7.99a7.7 7.7 0 0 1 1.9-5.17l.87.7A6.64 6.64 0 0 0 1.12 8c0 1.87.67 3.49 2.02 4.83a6.6 6.6 0 0 0 4.83 2.02 6.6 6.6 0 0 0 4.84-2.02A6.6 6.6 0 0 0 14.83 8a6.7 6.7 0 0 0-1.9-4.75l-1.01 2.24L10.46 0l5.47 1.46-2.2.98z'/%3E%3C/svg%3E");
}

.icon.icon--less-than-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%230072d3'%3E%3Cpath fill-rule='inherit' d='M12.5 1.25L11.15 0 3.5 8l7.65 8 1.325-1.25-6-6.75L12.5 1.25z'/%3E%3C/svg%3E");
}

.icon.icon--greater-than-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%230072d3'%3E%3Cpath fill-rule='inherit' d='M3.5 14.75L4.825 16 12.5 8 4.8 0 3.5 1.25 9.5 8l-6 6.75z'/%3E%3C/svg%3E");
}

.icon.icon--download-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230072d3'%3E%3Cpath fill-rule='inherit' d='M7 6V0h2v6h4l-5 6-5-6h4zm-5 8h12V8h2v8H0V8h2v6z'/%3E%3C/svg%3E");
}

.panel--shadow-sm {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 6px 6px rgba(0, 0, 0, 0.24);
}

/*# sourceMappingURL=screen.css.map */