@charset "utf-8";
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, 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 {
  -webkit-box-sizing: border-box;
  -moz-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;
  margin: 0 auto;
  width: 37.50000em;
  background: #FFFFFF;
  width: 56.25000em;
  margin: 0 auto;
  border-top: none;
  background: #FFFFFF;
}
#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;
}
#profils_preferences .recherche {
  display: none;
}
#profils_preferences .logo-smartphone {
  display: block;
}
#profils_preferences .logo-smartphone span {
  display: block;
}

#page {
  max-width: 100%;
  background: #FFF;
  font-size: 1em;
  margin: 0 auto;
  width: 18.75000em;
  position: relative;
  margin: 0 auto;
  width: 37.50000em;
  width: 56.25000em;
  margin: 0 auto;
  border-top: none;
}

.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;
  display: none;
  width: 37.50000em;
  float: left;
  display: block;
}

#bandeau {
  background-size: cover;
  overflow: auto;
  width: 37.50000em;
  float: left;
  min-height: 8em;
  width: 37.50000em;
  float: left;
  min-height: 9em;
  width: 56.25000em;
  float: left;
  min-height: 12em;
}
#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);
  width: auto;
  line-height: auto;
  margin: 2em 1em;
  padding: 1em;
}
#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;
}
#bandeau .bandeau-navigation #logo-navigation {
  display: none;
  float: left;
  width: auto;
  padding: 1em;
  position: relative;
  z-index: 5;
  background: #FFF;
  display: block;
}
#bandeau .bandeau-navigation #logo-navigation img {
  display: none;
}
#bandeau .bandeau-navigation #logo-navigation img {
  display: block;
}

/* *******************
=Bloc =Menu
******************** */
#bandeau {
  background-size: cover;
  overflow: auto;
  width: 100%;
}
#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);
  width: auto;
  display: block;
  width: auto;
  line-height: auto;
  margin: 2em 1em;
  display: block;
  padding: 1em;
}
#bandeau .bandeau-navigation #menu {
  background: white !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;
  display: inline-block;
}
#bandeau .bandeau-navigation #menu #menu_principal_mobile .icone-tablet {
  display: none;
}
#bandeau .bandeau-navigation #menu #menu_principal_mobile .icone-tablet {
  display: inline-block;
}
#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;
  display: none;
  left: 54px;
  top: -1px;
  z-index: 500;
  display: none;
  border-top-width: 0;
}
#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;
}
#bandeau .bandeau-navigation #menu .titre-bandeau {
  font: 500 2em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
}
#bandeau .bandeau-navigation #menu .titre-bandeau {
  font: 500 2.5em dekarregular, "trebuchet ms", arial, helvetica, sans-serif;
  line-height: 2;
}
#bandeau .bandeau-navigation #logo img {
  display: none;
}
#bandeau .bandeau-navigation #logo img {
  display: block;
}

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

#navigation {
  width: 18.75000em;
  float: left;
  background: #FFF;
  display: none;
  overflow: hidden;
  display: none;
}
#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;
}

#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;
  padding: 1.25000em;
  width: 35.00000em;
  padding: 1.25000em;
  width: 35.00000em;
  float: right;
}

#avec_nav_sans_encadres {
  padding: 1.25000em;
  width: 16.25000em;
  overflow: hidden;
  padding: 1.25000em;
  width: 35.00000em;
  padding: 1.25000em;
  width: 53.75000em;
}

#sans_nav_avec_encadres {
  padding: 1.25000em;
  width: 16.25000em;
  overflow: hidden;
  padding: 1.25000em;
  width: 35.00000em;
  padding: 1.25000em;
  width: 53.75000em;
}

#sans_nav_sans_encadres {
  padding: 1.25000em;
  width: 16.25000em;
  padding: 1.25000em;
  width: 35.00000em;
  padding: 1.25000em;
  width: 53.75000em;
}

/************************
=Bloc =Encadres
*************************/
#encadres {
  background: #FFF;
  width: 18.75000em;
  float: left;
  overflow: hidden;
  width: 37.50000em;
  float: left;
  width: 56.25000em;
  float: left;
}
#encadres [class^="encadre_"] {
  float: left;
  display: block;
}
#encadres .encadre_recherche form {
  padding: 1em;
}
#encadres [class^="encadre_"] {
  float: left;
  display: block;
  width: 18.75000em;
  background: #FFF;
}

/* ====================
=Bloc =Pied de Page
==================== */
div#pied_deco {
  max-width: 100%;
  color: #FFF;
  margin: 0 auto;
  width: 18.75000em;
  margin: 0 auto;
  width: 37.50000em;
  width: 56.25000em;
  margin: 0 auto;
  border-top: none;
}
div#pied_deco #adresse {
  width: 18.75000em;
  float: left;
  background: #888585;
  display: block;
  float: left;
  min-height: 10em;
  width: 37.50000em;
  text-align: center;
  float: right;
  width: 18.75000em;
}
div#pied_deco #adresse .encadre {
  display: table-cell;
  height: 10em;
  padding: 0 1em;
  text-transform: uppercase;
  vertical-align: middle;
  width: auto;
}
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;
  width: 37.50000em;
  float: left;
  width: 18.75000em;
  float: right;
}
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;
}
div#pied_deco #partenaires {
  width: 18.75000em;
  float: left;
  background: #888585;
  min-height: 10em;
  width: 37.50000em;
  float: left;
  width: 37.50000em;
  float: left;
  min-height: 20em;
}
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;
}
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;
  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;
  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;
  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;
}
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;
  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;
  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: 1em;
  line-height: 1.6em;
}
.affiche-menu .icon-arrow-down {
  font-size: 0.8em;
  line-height: 1.6em;
}
.affiche-menu .icon-arrow-down {
  font-size: 0.8em;
  line-height: 1.6em;
}

.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;
}

.menu-haut {
  left: 108px;
  top: 44px;
}

.menu-haut {
  left: 161px;
  padding: 0;
  top: 45px;
}
.menu-haut a .direct {
  display: inline-block;
}
.menu-haut #menu_acces_direct {
  left: 0;
}

/* ====================
=Recherche =Simple
==================== */
form#recherche_simple {
  display: block !important;
  background: #FFFFFF;
  color: #FFFFFF;
  display: none;
  float: right;
  padding: 0.5em 0.8em;
  width: 13em;
  position: absolute;
  right: 63px;
  top: 0;
  z-index: 500;
  display: block;
  width: auto;
  position: relative;
  top: 0;
  right: 0;
  color: #fff;
  float: right;
  background: #FFF;
  z-index: 500;
  padding: 0.5em;
}
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;
}
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;
}
form#recherche_simple a {
  color: #fff;
  font-size: 0.9em;
}
form#recherche_simple p#vers_recherche_avancee {
  margin: 0;
}

.rechercheAvance {
  background: transparent;
  display: none;
  float: right;
  width: auto;
  z-index: 500;
  display: block;
  padding: 0.5em 0.5em 0.5em 0;
}
.rechercheAvance i {
  color: #FFF;
  background: #aa3551;
  font-size: 1.05em;
  padding: 0.3em;
}

/* ====================
=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;
}
.menuDessous .logo {
  display: none;
}

/* ====================
=Recherche
==================== */
.recherche {
  position: relative;
}
.recherche .replie #titreMenuReplie {
  display: none;
}

/* ====================
=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%;
}
#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;
}
#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;
}
#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%;
}

.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;
}

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;
}

.resultats_recherche_navigation {
  background: #443b43;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.resultats_recherche_navigation a {
  display: inline-block;
  padding: 5px;
  color: #FFF;
  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;
  padding: 0;
  width: 37.50000em;
  padding: 0;
  width: 37.50000em;
}
.rechercheModule #avec_nav_avec_encadres {
  padding: 0;
  width: 18.75000em;
  padding: 0;
  width: 37.50000em;
  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;
  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;
  display: block;
  margin-top: 1em;
  border-left: 2px solid #722776;
  float: right;
  width: 17em;
  height: 5em;
}
.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;
  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;
  padding: 0px;
  width: 37.50000em;
  padding: 0px;
  width: 37.50000em;
  float: right;
}
.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%;
}

.tag-formation {
  width: 100%;
  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%;
}
.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 {
  min-width: 37.5em;
  margin-left: 0;
  min-width: inherit;
  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;
}
.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 {
  min-width: 35.5em;
  margin-left: 0;
  min-width: inherit;
  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;
}
.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 {
  min-width: 35.45em;
  margin-left: 0;
  min-width: inherit;
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 16.7em;
  color: #666;
  background: #FFF;
  border-bottom: 0.2em solid #aa3551;
  padding: 1em;
}
.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 {
  min-width: 35.45em;
  margin-left: 0;
  min-width: inherit;
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 16.7em;
  color: #666;
  background: #FFF;
  border-bottom: 0.2em solid #722776;
  padding: 1em;
}
.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 {
  min-width: 37.5em;
  margin-left: 0;
  min-width: inherit;
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 18.7em;
  border-bottom: 0.2em solid #aa3551;
}
.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-width: 37.5em;
  margin-left: 0;
  min-width: inherit;
  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;
}
.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 {
  min-width: 37.5em;
  margin-left: 0;
  min-width: inherit;
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 18.7em;
}
.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 {
  min-width: 37.5em;
  margin-left: 0;
  min-width: inherit;
  margin: 1em 0;
  margin-left: -1.19em;
  min-width: 18.7em;
}
.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;
  float: left;
}
.fiche .photo img {
  border: 1px solid;
}
.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%;
  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 white;
  /* 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;
}

.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%;
}
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;
}
div .galerie_playlist .visionneuse_pagination .pagination_gauche, div .galerie_playlist .visionneuse_pagination .pagination_precedent {
  position: absolute;
  left: 0;
  top: -70px;
}
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;
  width: 100%;
  margin: 5px;
  text-align: left;
}
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;
}

/* ====================
=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;
  padding: 0px;
  width: 600px;
  height: 900px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0px;
  width: 900px;
  height: 600px;
  margin-top: 0;
}
.ficheaccueil .contenu, .ficheaccueil #bandeau {
  background: transparent;
}
.ficheaccueil #page {
  background-color: white !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;
  display: block;
}
.ficheaccueil .template.accueilEvenementiel .emptyTile#tuile0x0 {
  display: none;
  display: none;
}
.ficheaccueil.templateNewsRoom .menuEnDessous {
  display: none;
}
.ficheaccueil #navigation {
  display: none;
}
.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% white;
  -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;
  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;
  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;
  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;
}
.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;
}
.ficheaccueil .template.templateNewsRoom .agendaTile {
  width: 300px;
  height: 916px;
}
.ficheaccueil .template.templateNewsRoom .imageTile {
  width: 600px;
}
.ficheaccueil .template.templateNewsRoom #videoTile .videoTile {
  width: 300px;
}
.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;
}
.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;
}
.ficheaccueil .template {
  width: 900px;
}
.ficheaccueil .template .slideShowTile {
  height: 900px;
}
.ficheaccueil .template .slideShowTile .blocValeur {
  top: 600px;
}

#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;
}
.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__mois thead th {
  font-weight: 700;
  padding: 0.5em;
  text-align: center;
  font: 500 1.3em titilliumregular, "trebuchet ms", arial, helvetica, sans-serif;
}
.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;
}

.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;
  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;
  display: block;
}

/* ====================
=Recherche
==================== */
.recherche {
  position: relative;
}
.recherche .replie #titreMenuReplie {
  display: none;
}
.recherche #bandeau {
  /* 		    width: 300px; */
}

/* ====================
=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%;
}
#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;
}
#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;
}
#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;
}