/** 
* 
* 
* @client ASN
* @project portail
* @author Kaliop 
* 
*
*
*/
/* VARIABLES => couleurs */
/*vert*/
/*marron*/
/*bleu*/
/* VARIABLES => path */
/* VARIABLES 
---------------------------------------------------------------------------------------------------*/
/* VARIABLES => fonts */
@font-face {
  font-family: 'Myriad';
  src: url('fonts/MyriadPro-Regular.eot?') format('eot'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.svg') format('svg'), url('fonts/MyriadPro-Regular.otf') format('otf'), url('fonts/MyriadPro-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Aller-Bd';
  src: url('fonts/Aller_Bd.eot?') format('eot'), url('fonts/Aller_Bd.woff') format('woff'), url('fonts/Aller_Bd.svg') format('svg'), url('fonts/Aller_Bd.otf') format('otf'), url('fonts/Aller_Bd.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Signika-Bold';
  src: url('fonts/Signika-Bold.eot?') format('eot'), url('fonts/Signika-Bold.woff') format('woff'), url('fonts/Signika-Bold.svg') format('svg'), url('fonts/Signika-Bold.otf') format('otf'), url('fonts/Signika-Bold.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Signika-Light';
  src: url('fonts/Signika-Light.eot?') format('eot'), url('fonts/Signika-Light.woff') format('woff'), url('fonts/Signika-Light.svg') format('svg'), url('fonts/Signika-Light.otf') format('otf'), url('fonts/Signika-Light.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Signika-Regular';
  src: url('fonts/Signika-Regular.eot?') format('eot'), url('fonts/Signika-Regular.woff') format('woff'), url('fonts/Signika-Regular.svg') format('svg'), url('fonts/Signika-Regular.otf') format('otf'), url('fonts/Signika-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Signika-Semibold';
  src: url('fonts/Signika-Semibold.eot?') format('eot'), url('fonts/Signika-Semibold.woff') format('woff'), url('fonts/Signika-Semibold.svg') format('svg'), url('fonts/Signika-Semibold.otf') format('otf'), url('fonts/Signika-Semibold.ttf') format('truetype');
  font-weight: 400;
}
/* MIXINS */
.mx_box_sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mx_hidden {
  position: absolute;
  left: -300em;
}
.mx_clear_after:after {
  content: "";
  display: table;
  height: 0;
  clear: both;
}
/* RESET 
---------------------------------------------------------------------------------------------------*/
html {
  margin: 0;
  padding: 0;
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  color: #666666;
  line-height: 1.4em;
}
html * {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1.4em;
}
body {
  background: #fff;
  font-size: 0.75em;
}
.pagelayout {
  width: 1000px;
  margin: 0 auto;
}
.pagelayout:before {
  content: " ";
  position: fixed;
  z-index: -1;
  width: 100%;
  max-width: 1000px;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #fff;
  border-radius: 0.1px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
iframe,
object,
embed,
video {
  max-width: 100%;
  vertical-align: middle;
}
img {
  height: auto;
}
textarea,
table,
td,
th,
code,
pre,
samp {
  word-wrap: break-word;
}
code,
pre,
samp {
  white-space: pre-line;
}
a {
  color: #666666;
  text-decoration: underline;
  cursor: pointer;
}
a:hover,
a:focus {
  text-decoration: none;
}
ul,
ul li {
  list-style: none;
  background: none;
}
ol {
  list-style-type: decimal;
  list-style-position: inside;
}
input,
select,
textarea {
  color: #666666;
  font-size: 1em;
  font-family: verdana, arial, sans-serif;
}
::-webkit-input-placeholder,
::-moz-placeholder {
  color: #cccccc;
  font-style: italic;
}
input:-moz-placeholder {
  color: #cccccc;
  font-style: italic;
}
/* PARTIE CENTRALE : CONTENT 
---------------------------------------------------------------------------------------------------*/
/* ---------------  CONTENT => Mise en forme */
/* Mise en forme => titres */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5em 0 1em 0;
  font-weight: normal;
  color: #528585;
  font-family: 'Myriad', verdana, arial, sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  color: #528585;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus {
  color: #996666 !important;
}
h1 {
  margin: 0 0 15px 0;
  padding-bottom: 7px;
  border-bottom: 1px solid #cccccc;
  font-size: 2.2em;
  line-height: 1.1;
  color: #666666;
}
h2 {
  margin-top: 1em;
  font-size: 1.85em;
}
h3 {
  font-size: 1.7em;
}
h4 {
  font-size: 1.4em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1em;
  font-weight: bold;
}
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0;
}
.color2 h2,
.color2 h3,
.color2 h4,
.color2 h5,
.color2 h6 {
  color: #97887b;
}
.color2 h2 a,
.color2 h3 a,
.color2 h4 a,
.color2 h5 a,
.color2 h6 a {
  color: #97887b;
}
.color3 h2,
.color3 h3,
.color3 h4,
.color3 h5,
.color3 h6 {
  color: #2fa3ca;
}
.color3 h2 a,
.color3 h3 a,
.color3 h4 a,
.color3 h5 a,
.color3 h6 a {
  color: #2fa3ca;
}
.color_pro h2,
.color_pro h3,
.color_pro h4,
.color_pro h5,
.color_pro h6 {
  color: #e05f26;
}
.color_pro h2 a,
.color_pro h3 a,
.color_pro h4 a,
.color_pro h5 a,
.color_pro h6 a {
  color: #e05f26;
}
.color_tv h2,
.color_tv h3,
.color_tv h4,
.color_tv h5,
.color_tv h6 {
  color: #ad516a;
}
.color_tv h2 a,
.color_tv h3 a,
.color_tv h4 a,
.color_tv h5 a,
.color_tv h6 a {
  color: #ad516a;
}
.color_crise h2,
.color_crise h3,
.color_crise h4,
.color_crise h5,
.color_crise h6 {
  color: #993399;
}
.color_crise h2 a,
.color_crise h3 a,
.color_crise h4 a,
.color_crise h5 a,
.color_crise h6 a {
  color: #993399;
}
/* Mise en forme => meta */
.meta {
  margin: 0;
  font-size: 0.85em;
  color: #996666;
}
.meta * {
  text-decoration: none;
}
.meta .tag {
  padding: 0 0 0 10px;
  color: #888;
}
.ines {
  margin: 0;
  padding-bottom: 16px;
  float: left;
  display: block;
  width: 100%;
  background: url('../images/bkgd//shadow1.png') no-repeat center bottom;
}
.ines span {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 12.5%;
  height: 40px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #bfbfbf;
  background: #d7d7d7;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 1.7em;
  float: left;
}
.ines span:nth-child(1n).selected {
  background: #8b8b8d;
}
.ines span:nth-child(2n).selected {
  background: #b08810;
}
.ines span:nth-child(3n).selected {
  background: #3d2777;
}
.ines span:nth-child(4n).selected {
  background: #618dc4;
}
.ines span:nth-child(5n).selected {
  background: #005f6c;
}
.ines span:nth-child(6n).selected {
  background: #7fb228;
}
.ines span:nth-child(7n).selected {
  background: #ef9e1e;
}
.ines span:nth-child(8n) {
  border-right: 0;
}
.ines span:nth-child(8n).selected {
  background: #a20028;
}
/* Mise en forme => paragraphes et listes */
p {
  margin-bottom: 1em;
}
.note {
  font-size: 0.8em;
}
ul,
ol {
  margin: 0 0 1.5em 1em;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0.7em 0 0.7em 1em;
}
ul li,
ol li {
  overflow: hidden;
  margin-bottom: 0.5em;
}
ul li {
  padding-left: 15px;
  background: url('../images/pictos//puce.png') no-repeat left 0.5em;
}
ul li.nobkgd {
  background: none;
}
/* Mise en forme => liens */
.link {
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  font-size: 0.9em;
}
.link:after {
  content: ' >';
}
.link:hover,
.link:focus {
  color: #996666;
}
.file {
  overflow: hidden;
  margin: 1em 0;
  font-size: 0.9em;
}
.file a {
  text-decoration: none;
  color: #666666;
}
.file a:hover,
.file a:focus {
  color: #996666;
}
.file img {
  float: left;
  height: 21px;
  width: 21px;
  margin-right: 10px;
  margin-top: 4px;
}
.file strong {
  display: block;
}
.file strong:after {
  content: none !important;
}
a[href^="mailto:"] {
  padding-left: 20px;
  background: url('../images/pictos//picto_mail.png') no-repeat left 1px;
}
.affiliate {
  margin: 10px 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  font-family: 'Myriad', verdana, arial, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.1em;
}
.affiliate a {
  display: block;
  margin-top: 5px;
  padding: 1px 0 1px 40px;
  background: url('../images/pictos//puce_affiliate.png') no-repeat left center;
  font-size: 1.5em;
  text-decoration: none;
  font-weight: normal;
  color: #528585;
  text-transform: none;
}
.affiliate a:hover,
.affiliate a:focus {
  text-decoration: underline;
}
.affiliate a:after {
  content: "";
}
.affiliate.color_tv a {
  background-image: url('../images/pictos//puce_affiliate_tv.png');
  color: #ad516a;
}
.affiliate.color_crise a {
  background-image: url('../images/pictos//puce_affiliate_crise.png');
  color: #993399;
}
.affiliate.color_pro a {
  background-image: url('../images/pictos//puce_affiliate_pro.png');
  color: #e05f26;
}
/* Mise en forme => citation */
blockquote {
  position: relative;
  margin: 20px 0 30px 0;
  padding: 20px 20px 10px 50px;
  background: url('../images/pictos//picto_quote.png') no-repeat 20px 10px;
  background-color: #fafafa;
  font-size: 1.2em;
}
blockquote:after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  height: 15px;
  background: url('../images/bkgd//shadow1.png') no-repeat center bottom;
}
blockquote p {
  margin-bottom: 0.5em;
}
blockquote cite {
  float: right;
  color: #172530;
  font-style: normal;
}
/* Mise en forme => encadre */
.factbox-content {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 30px 0;
  padding: 20px 20px 10px 20px;
  border: 1px solid #996666;
}
.factbox-content:after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  height: 15px;
  background: url('../images/bkgd//shadow1.png') no-repeat center top;
}
.factbox-content h2,
.factbox-content h3,
.factbox-content h4 {
  margin-bottom: 0.5em;
  margin-top: 0;
  color: #996666;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
}
.factbox-content h4 {
  text-transform: none;
}
.factbox-content ul,
.factbox-content ol {
  margin-left: 0;
}
.factbox-content tr {
  background: none;
}
.factbox-content.half {
  float: right;
  width: 270px;
  margin-left: 20px;
  padding: 10px 10px 5px 10px;
  border: 0;
  background: #fafafa;
  font-size: 0.9em;
}
.factbox-content.half:after {
  background-image: url('../images/bkgd//shadow2.png');
}
.factbox-content.half h2,
.factbox-content.half h3 {
  font-weight: bold;
  font-size: 1.2em;
  color: #329DCC;
  font-family: verdana, arial, sans-serif;
}
/* Mise en forme => images */
.figure {
  position: relative;
  margin: 0 0 15px 0;
  padding: 10px;
  background: #fafafa;
}
.figure:after {
  content: '';
  position: absolute;
  bottom: -17px;
  left: 0;
  right: 0;
  height: 15px;
}
.figure a {
  text-decoration: none;
  color: #666666;
}
.figure .figcaption {
  display: block;
  margin: 10px 0 0 0;
  font-size: 0.85em;
  text-align: left;
}
.figure .figure_link {
  display: block;
  margin: 10px 0 -10px 0;
  padding: 10px 22px 10px 0;
  border-top: 1px solid #ccc;
  background: url('../images/pictos//picto_zoom.png') no-repeat right 12px;
  font-size: 0.85em;
  text-align: right;
  color: #996666;
}
.figure.video .figure_link {
  margin: 10px 0 0 0;
  padding: 0 0 0 35px;
  border: 0;
  background: url('../images/pictos//picto_media.png') no-repeat left center;
  text-align: left;
  color: #666666;
}
.figure.video a:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 85px;
  width: 52px;
  height: 52px;
  background: url('../images/pictos//picto_play.png') no-repeat center center;
}
.figure.video span a:after {
  background: none;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
}
/* Mise en forme => videos */
.media {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 30px;
  background: #222;
  text-align: center;
}
.media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Mise en forme => tableaux */
/* tableaux de données */
table.datatable {
  margin-bottom: 1.5em;
  border-collapse: collapse;
  width: 100%;
}
table.datatable caption {
  margin-bottom: 1em;
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
}
table.datatable tr {
  background: #fafafa;
}
table.datatable tr:nth-child(2n-1) {
  background: #ebebeb;
}
table.datatable th,
table.datatable td {
  padding: 5px 10px;
  border: 1px solid #fff;
}
table.datatable th p,
table.datatable td p {
  margin: 0;
}
table.datatable th {
  padding: 5px 15px;
  background: #996666;
  text-align: center;
  color: #fff;
  font-weight: normal;
}
table.datatable td {
  font-size: 0.9em;
}
/* tableaux de mise en page */
table.table_form {
  margin-bottom: 0;
}
table.table_form tr {
  background: none !important;
}
table.table_form td {
  padding: 0 1em 1em 0;
  background: none;
  border: 0;
  vertical-align: top;
  font-size: 1em;
}
table.table_form h2,
table.table_form h3,
table.table_form h4 {
  margin: 0 0 1em 0;
}
table.border {
  position: relative;
  margin-bottom: 1.5em;
  border-collapse: collapse;
}
table.border td {
  padding: 20px 20px 10px 20px;
  border: 1px solid #996666;
}
table.border:after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  height: 15px;
  background: url('../images/bkgd//shadow1.png') no-repeat center top;
}
table.border h2,
table.border h3,
table.border h4 {
  margin-bottom: 0.5em;
  margin-top: 0;
  color: #996666;
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
}
table.border h4 {
  text-transform: none;
}
table.border ul,
table.border ol {
  margin-left: 0;
}
table.border tr {
  background: none;
}
table.cadre {
  position: relative;
  margin-bottom: 30px;
  background-color: #fafafa;
}
table.cadre .p1,
table.cadre h4 {
  margin: 0;
  padding: 2px 15px;
  font-size: 1.5em;
  background: #528585;
  color: #FFFFFF;
  font-weight: normal;
  font-family: 'Myriad', verdana, arial, sans-serif;
}
table.cadre .p1 strong,
table.cadre h4 strong {
  font-weight: normal;
}
table.cadre th,
table.cadre td {
  padding: 0;
  font-size: 1em;
}
table.cadre p {
  margin: 10px;
}
table.cadre .list {
  margin: 10px !important;
}
.color2 .cadre .p1,
.color2 .cadre h4 {
  background: #97887b;
}
.color3 .cadre .p1,
.color3 .cadre h4 {
  background: #2fa3ca;
}
/* tableaux rss (?) */
table.table_rss {
  margin: 0 15px 15px;
  width: 100%;
}
table.table_rss tr {
  background: none repeat scroll 0 0 transparent;
}
table.table_rss tr:nth-child(2n) {
  background: none repeat scroll 0 0 transparent;
}
table.table_rss td {
  padding: 5px 5px 0;
  border: medium none;
}
/* Mise en forme => positionnement */
.left {
  float: left;
  margin-right: 20px;
}
.right {
  float: right;
  margin-left: 20px;
}
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.align_center {
  display: table;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.text-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
/* Mise en forme => outils de mise en page */
.clear_spacer,
hr {
  display: block;
  clear: both;
}
.sep,
hr {
  clear: both;
  margin: 20px 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
h2 + hr {
  margin-top: -10px;
}
.horschamp {
  position: absolute;
  left: -300em;
}
/* ---------------  CONTENT => Formulaires */
/* Formulaires => titres */
/* Formulaires => champs */
.large .formulaire {
  width: 60%;
}
.formulaire ul {
  margin: 0;
}
.formulaire .field {
  position: relative;
  overflow: hidden;
  clear: both;
  margin: 1em 0;
  padding: 2px 0;
  background: none;
}
.formulaire label,
.formulaire .label {
  margin-bottom: 5px;
}
.formulaire .field input {
  vertical-align: middle;
}
.formulaire .text input,
.formulaire select,
.formulaire textarea {
  float: left;
  font-family: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  border: 1px solid #cccccc;
  background-color: #fafafa;
  font-size: 1em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.formulaire .text input:focus,
.formulaire select:focus,
.formulaire textarea:focus {
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  outline: 0;
}
.formulaire .text input option,
.formulaire select option,
.formulaire textarea option {
  padding: 2px 7px;
}
/* champs short */
.formulaire .short {
  float: left;
  clear: none;
  width: 48%;
}
.formulaire .short + .short {
  margin-left: 4%;
}
/* champs inline */
.formulaire .inline {
  overflow: hidden;
  float: left;
  clear: none;
  width: auto;
}
.formulaire .inline + .inline {
  margin: 1em 0 1em 1.5em;
}
.formulaire .inline label {
  display: inline;
  margin: 0 5px;
}
.formulaire .inline input {
  float: none;
  width: auto;
  margin-right: 10px;
}
.formulaire .inline.text input {
  width: auto;
  margin: 0;
}
/* champs checkbox */
.formulaire .checkbox label {
  display: inline;
  margin: 0;
  vertical-align: middle;
}
.formulaire .checkbox input {
  margin: 3px 5px;
  vertical-align: middle;
}
/* Formulaires => fieldset */
.formulaire fieldset {
  clear: both;
  margin-bottom: 2em;
}
.formulaire fieldset legend {
  width: 98%;
  display: block;
  margin: 0;
  padding: 0;
  border-width: 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #528585;
}
.formulaire fieldset ul {
  overflow: hidden;
}
.formulaire fieldset.inline {
  width: 100%;
  margin-bottom: 1em;
}
.formulaire fieldset.inline legend {
  width: auto;
  float: left;
  font-size: 1em;
  font-weight: normal;
  color: #666666;
}
.formulaire fieldset.inline legend + ul {
  padding-left: 15px;
}
.formulaire fieldset.inline .field {
  margin-top: -2px;
  margin-bottom: 0;
  padding: 0;
}
/* Formulaires => boutons */
.formulaire .submit {
  clear: both;
  margin: 2em 0;
  text-align: right;
}
.formulaire .submit.inline {
  clear: none;
  margin: 8px 0 0 0;
}
.formulaire .submit input,
.formulaire .submit a {
  display: inline-block;
  padding: 5px 40px;
  background: #528585;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  font-size: 1.5em;
  cursor: pointer;
  text-decoration: none;
}
.formulaire .submit input:hover,
.formulaire .submit a:hover,
.formulaire .submit input:focus,
.formulaire .submit a:focus {
  background: #996666;
}
/* Formulaires => erreurs */
.formulaire .error input,
.formulaire .error select,
.formulaire .error textarea {
  border-color: red;
}
.formulaire .error label,
.formulaire .error label span {
  color: red;
}
/* Formulaires => feedback et info */
.formulaire .feedback {
  position: relative;
  margin-bottom: 2em;
  padding: 10px;
  border: 1px solid #528585;
  background: #fafafa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.formulaire .feedback:after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  height: 15px;
  background: url('../images/bkgd//shadow1.png') no-repeat center bottom;
}
.formulaire .feedback.error {
  border-color: #996666;
}
.formulaire .feedback h2 {
  margin: 0 0 0.5em 0;
}
.formulaire .info {
  margin: 0 0 1em 0;
  text-align: right;
  color: #888;
  font-size: 0.9em;
}
.formulaire .suggestionsBox {
  display: none;
  overflow-y: auto;
  width: 300px;
  max-height: 500px ;
  border: 1px solid #cccccc;
  background-color: #fafafa;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}
.formulaire .suggestionsBox li {
  padding: 2px 5px;
  list-style: none;
}
.formulaire .suggestionsBox li:hover {
  background: #d9d9d9;
}
/* block de en savoir plus page article*/
.loading_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
}
/** 
* Feuille de style structure
*  
* 
* @summary 
*   RESET
*   STRUCTURE DE LA PAGE
*   EN TETE DE PAGE : HEADER
*   ___ HEADER    => zone de titre 
*   ___ HEADER    => structures 
*   ___ HEADER    => navigation principale
*   PARTIE CENTRALE : CONTENT 
*   ___ CONTENT => Blocs 
*   ___ CONTENT => Vues 
*   ___ CONTENT => Full 
*   ___ CONTENT => Navigation
*   ___ CONTENT => Comportements 
*   PIED DE PAGE : FOOTER
*
*/
.template {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
/**** ez image variable ****/
#ezimage {
  display: none;
}
/* STRUCTURE DE LA PAGE
---------------------------------------------------------------------------------------------------*/
.content {
  position: relative;
  display: inline-block;
  clear: both;
  z-index: 1;
  padding: 3px 20px 15px;
  background: #fff;
  min-height: 326px;
  min-width: 960px;
}
.col {
  float: left;
}
.col.small {
  width: 25%;
}
/*page installation*/
#section1 .col.medium {
  float: right;
  width: 100%;
}
.col.medium {
  float: right;
  width: 71%;
}
.col.large {
  float: none;
}
.col.large .all_glossary {
  clear: both;
  font-size: 0.9em;
  margin: 0;
  padding: 0 20px 10px 0;
  text-align: left;
}
.telex {
  padding: 5px 10px;
  background: #e05f26;
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.2);
  color: #FFF;
}
.telex .telex_overflow {
  width: 1000px;
  margin: 0 auto;
}
.telex .telex_overflow:before {
  content: url('../images/pictos//picto_info.png');
  float: left;
  margin: 0 10px;
}
.telex .telex_title {
  font-weight: bold;
}
.telex p {
  margin: 0;
}
.telex a {
  color: #FFF;
}
/* EN TETE DE PAGE : HEADER 
---------------------------------------------------------------------------------------------------*/
#header {
  position: relative;
  padding: 0 10px;
  background: #fff;
}
#header p {
  margin: 0;
}
#header a {
  text-decoration: none;
}
/* ---------------  HEADER => shortcuts */
#header .shortcuts {
  float: right;
  padding: 5px 0;
}
#header .shortcuts .skiplink {
  float: left;
  font-size: 0.9em;
}
#header .shortcuts .skiplink a {
  float: left;
  display: block;
  margin: 0 5px 0 0;
  padding: 3px 5px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#header .shortcuts .network {
  float: left;
  margin: 0 10px;
  font-size: 0.9em;
}
#header .shortcuts .dropdown {
  z-index: 1;
  float: left;
  width: auto;
  min-width: 0;
  margin: 0 0 0 5px;
  border: 0;
}
#header .shortcuts .login {
  float: left;
  margin: 3px 10px;
  font-size: 0.9em;
}
#header .shortcuts .login a {
  color: #528585;
}
.js_active #header .skiplink {
  position: absolute;
  left: -5000em;
}
.js_active #header .skiplink.open {
  position: relative;
  left: auto;
}
/* ---------------  HEADER => zone de titre, logo, recherche */
#header .site_id {
  position: relative;
  clear: both;
  padding: 0;
  height: 143px;
  background: #528585;
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.2);
}
#header .site_id a {
  color: #fff;
}
#header .site_id a strong {
  position: absolute;
  top: 85px;
  left: 226px;
}
#header .site_id img {
  position: absolute;
  top: 85px;
  left: 30px;
  top: 30px;
}
#header .site_id .baseline {
  font-size: 1.9em;
  font-family: 'Signika-Light';
  font-weight: normal;
}
#header #search {
  position: absolute;
  overflow: hidden;
  top: 20px;
  right: 20px;
  background: #fff;
}
#header #search p {
  margin: 0;
}
#header #search * {
  vertical-align: middle;
  border: none;
  background: none;
  -webkit-appearance: none;
}
#header #search .text {
  width: 200px;
  padding: 3px 10px;
}
#header #search select {
  width: 150px;
  padding: 3px 3px 3px 10px;
  background: #d6e6e6 url('../images/pictos//picto_select.png') no-repeat right center;
}
#header #search .submit {
  background: #97bfbf url('../images/pictos//picto_search.png') no-repeat 7px center;
  width: 30px;
  height: 24px;
  margin-left: -4px;
  cursor: pointer;
}
/* ---------------  HEADER => navigation principale */
/* ---------------  HEADER => big menu */
/* Nouveau menu */
#main_nav {
  position: relative;
  clear: both;
  background: url('../images/bkgd//menu-principal-ombre-bas.png') no-repeat center bottom;
  padding-bottom: 19px;
}
#main_nav .first_nav {
  position: relative;
  z-index: 2;
  height: 41px;
  margin: 0;
  padding: 0;
  color: #172530;
  background: #528585;
  text-transform: uppercase;
  font-weight: bold;
}
#main_nav .first_nav > .nav_item > a {
  font-size: 1.3em;
}
#main_nav .first_nav .nav_item {
  overflow: visible;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  background: #528585;
  /* hack Chrome / Safari */
}
#main_nav .first_nav .nav_item > a {
  text-align: center;
  padding: 10px 38px 9px 19px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  background: url('../images/pictos//picto_select2.png') no-repeat right center;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #main_nav .first_nav .nav_item > a {
    padding-right: 37px;
  }
}
#main_nav .first_nav .nav_item a {
  display: inline-block;
  position: relative;
  z-index: 2;
  display: block;
  color: #fff;
}
#main_nav .first_nav .nav_item.open > a {
  background-color: #7baeae;
}
#main_nav .first_nav .nav_item.open > a:after {
  content: " ";
  position: absolute;
  top: 44px;
  right: auto;
  bottom: -35px;
  left: 50%;
  border: 7px solid #fff;
  border-width: 15px 20px;
  border-color: #7baeae transparent transparent transparent;
  margin-left: -20px;
}
#main_nav .first_nav .nav_item:first-child > a {
  padding-left: 25px;
  border: 0;
}
#main_nav .first_nav .nav_item.open span {
  display: block;
}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #main_nav .first_nav {
    height: 40px;
  }
}
.is-sticky #main_nav {
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
#main_nav .nav_item.color2 > a {
  background-color: #97887b;
}
#main_nav .nav_item.color2.open > a {
  background-color: #bbb1a9;
}
#main_nav .nav_item.color2.open > a:after {
  border-top-color: #bbb1a9;
}
/* ---------------  HEADER => big menu */
.nav_item .big_menu {
  display: none;
}
.nav_item.open .big_menu {
  display: block;
}
.big_menu .class-identifier-division {
  background: url('../images/bkgd//carte-bigmenu-rubrique-asn.png') no-repeat 142px bottom;
  width: 263px;
  padding-bottom: 8px;
}
.big_menu .block2 > li {
  overflow: visible;
}
.shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.7;
  display: block;
}
.shadow-off {
  display: none;
}
#header .big_menu {
  position: absolute;
  left: 0;
  z-index: 1;
  min-width: 100%;
}
#header .big_menu .subnav {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 20px;
  border: 5px solid #7baeae;
  background: #FFF;
  color: #666666;
  font-weight: normal;
  text-transform: none;
}
#header .big_menu .subnav .block {
  position: relative;
  width: 30%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  background: #fff;
}
#header .big_menu .subnav .block:nth-child(3n-1) {
  width: 36%;
  margin: 0 2%;
  padding: 0 3%;
  min-height: 406px;
}
#header .big_menu .subnav .block:nth-child(3n-1):before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 20px;
  bottom: 20px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #FFF;
  border-radius: 0.15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
#header .big_menu .subnav .block ul {
  margin: 0;
}
#header .big_menu .subnav .block ul ul {
  margin: 10px 0 0 10px;
}
#header .big_menu .subnav .block li {
  margin: 0 0 15px 0;
  padding: 0;
  background: none;
}
#header .big_menu .subnav .block li + li {
  padding-top: 15px;
  border-top: 1px solid #cccccc;
}
#header .big_menu .subnav .block li a,
#header .big_menu .subnav .block li strong {
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #528585;
  font-family: 'Myriad', verdana, arial, sans-serif;
  font-size: 1.25em;
  font-weight: bold;
}
#header .big_menu .subnav .block li a:hover,
#header .big_menu .subnav .block li strong:hover,
#header .big_menu .subnav .block li a:focus,
#header .big_menu .subnav .block li strong:focus {
  color: #996666 !important;
}
#header .big_menu .subnav .block li a:after,
#header .big_menu .subnav .block li strong:after {
  content: ' >';
  color: #949494;
  padding-left: 3px;
}
#header .big_menu .subnav .block li strong {
  color: #666666;
}
#header .big_menu .subnav .block li strong:hover,
#header .big_menu .subnav .block li strong:focus {
  color: #666666 !important;
}
#header .big_menu .subnav .block li strong:after {
  display: none;
}
#header .big_menu .subnav .block li li {
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
}
#header .big_menu .subnav .block li li a {
  margin: 0;
  color: #528585;
  text-transform: none;
  font-family: verdana, arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
}
#header .big_menu .subnav .block .secteur-activite-pro {
  margin: 0;
}
#header .big_menu .subnav .block .figure_link {
  display: none;
}
#header .big_menu .subnav .block .view_list a {
  color: #666666;
  text-transform: none;
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
}
#header .big_menu .subnav .block .view_list a:hover,
#header .big_menu .subnav .block .view_list a:focus {
  color: #996666;
}
#header .big_menu .subnav .block .view_list a:after {
  display: none;
}
#header .big_menu .subnav .block .view_list img {
  float: left;
  margin: 5px 10px 0 0;
}
#header .big_menu .subnav .block .view_list .meta {
  color: #528585;
}
#header .big_menu .subnav .block .view_list strong {
  display: block;
  font-weight: normal;
}
#header .big_menu .subnav .block .view_list .intro {
  display: block;
  clear: both;
  margin-top: 6px;
}
#header .big_menu .subnav .block .highlight {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  padding: 0 15px;
  border: 1px solid #cccccc;
  background: #f2f2f2 url('../images/bkgd//bkgd_texture.png') repeat center center;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
#header .big_menu .subnav .block .highlight .highlight_title {
  position: relative;
  margin: 5px 0 15px 0;
  color: #FFF !important;
  font-weight: normal;
  font-size: 1.5em;
  text-align: left;
  text-transform: uppercase;
  font-style: italic;
}
#header .big_menu .subnav .block .highlight ul {
  margin: 0;
}
#header .big_menu .subnav .block .highlight li {
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
}
#header .big_menu .subnav .block .highlight li a {
  margin: 0;
  color: #666666 !important;
  text-transform: none;
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
}
#header .big_menu .subnav .block .highlight li a:hover,
#header .big_menu .subnav .block .highlight li a:focus {
  color: #996666 !important;
}
#header .big_menu .subnav .block .highlight .all {
  position: relative;
  z-index: 2;
  margin: 20px 0 5px 0;
  text-align: right;
}
#header .big_menu .subnav .block .highlight .all a {
  color: #fff !important;
}
#header .big_menu .subnav .block .highlight .all a:hover,
#header .big_menu .subnav .block .highlight .all a:focus,
#header .big_menu .subnav .block .highlight .all a:after {
  color: #fff !important;
}
#header .big_menu .subnav .block .highlight:before,
#header .big_menu .subnav .block .highlight:after {
  content: '';
  position: absolute;
  width: 110%;
  left: -5px;
  top: -15px;
  height: 40px;
  background: #7baeae;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#header .big_menu .subnav .block .highlight:after {
  top: auto;
  bottom: -15px;
  background: #666666;
}
#header .big_menu .subnav .block .affiliate {
  margin-bottom: 30px;
  border-top: 0;
}
#header .big_menu .subnav .block .affiliate a:hover,
#header .big_menu .subnav .block .affiliate a:focus {
  color: #996666 !important;
}
#header .big_menu .subnav .btn {
  position: absolute;
  bottom: 10px;
  right: 20px;
  left: 20px;
  padding: 5px 0;
  border-top: 1px solid #cccccc;
  text-align: right;
}
#header .big_menu .subnav .btn a {
  color: #528585;
  text-transform: none;
  font-weight: normal;
}
#header .big_menu .subnav .btn a:hover,
#header .big_menu .subnav .btn a:focus {
  color: #996666 !important;
}
#header .big_menu .subnav .btn a:after {
  content: ' >';
}
#header .big_menu .subnav.color2 {
  border-color: #bbb1a9;
}
#header .big_menu .subnav.color2 .block a {
  color: #9c590e;
}
#header .big_menu .subnav.color2 .highlight:before {
  background: #97887b;
}
#header .big_menu .subnav.color2 .btn a {
  color: #9c590e;
}
#header #menu5 .big_menu .subnav a {
  color: #e05f26;
}
/* Fin Nouveau menu */
/* PARTIE CENTRALE : CONTENT 
---------------------------------------------------------------------------------------------------*/
/* ---------------  CONTENT => Block */
/* Block => general  */
.content .block {
  position: relative;
  margin-bottom: 20px;
}
.content .block h2 {
  margin: 0 0 15px 0;
  font-size: 1.5em;
}
.content .block p.filter_result {
  font-size: 2em;
}
/* Block => aside */
.content .aside h2 {
  margin: 0;
  padding: 2px 15px;
  background: #528585;
  color: #fff;
  text-transform: none;
}
.content .aside h2.color3 {
  background: #2fa3ca;
}
.content .aside h2.color2 {
  background: #97887b;
}
.content .aside .view {
  overflow: hidden;
  padding: 10px;
  background: #fafafa;
}
.content .aside .view_rub {
  overflow: hidden;
  background: #fafafa;
}
.color2 .aside h2 {
  background: #97887b;
}
.color3 .aside h2 {
  background: #2fa3ca;
}
/* Block => x2 */
.content .x2 {
  overflow: hidden;
}
.content .x2 .block {
  width: 47%;
  float: left;
  margin: 0px;
  padding-bottom: 35px;
}
.content .x2 .block:nth-child(2n) {
  float: right;
}
.content .x2 .block h2 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.6em;
  margin-bottom: 5px;
}
/* Block => x3 */
.content .x3 {
  overflow: visible;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 10px;
  background: url('../images/bkgd//shadow1.png') no-repeat center bottom;
}
.content .x3:before {
  content: "";
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 40px;
  left: 0;
  background: url('../images/bkgd//shadow_x3.png') no-repeat center center;
}
.content .x3 .block {
  width: 30%;
  float: left;
  padding-bottom: 40px;
}
.content .x3 .block:nth-child(3n-1) {
  width: 30%;
  margin: 0 5% 20px 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content .x3 .block h2 {
  margin-bottom: 15px;
  border-bottom: 2px solid #cccccc;
  text-transform: uppercase;
}
.content .x3 .block.color_pro > .view {
  height: auto;
}
.content .x3 .block ul.lvl3 a {
  font-size: 0.9em;
  color: #777;
}
.content .x3 .dropdown,
.content .x3 .dropdown_header {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content .x3 .list li {
  border-bottom: 0;
}
.content .x3 .list li + li {
  border-top: 1px solid #cccccc;
}
.content .x3 .block_link,
.content .x3 .view_link {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0!important;
  padding-top: 10px;
  border-top: 1px solid #cccccc;
}
.content .x3 .block_link.no_margin p {
  margin: 0;
}
/* Block => liens */
.content .block_link {
  margin: 10px 0;
  text-align: right;
}
.content .block_link a {
  text-decoration: none;
  color: #999;
}
.content .block_link a:hover,
.content .block_link a:focus {
  text-decoration: underline;
}
.content .block_link a:after {
  content: ' >';
}
.actu .block_link {
  margin: 0;
  position: static !important;
}
.actu .block_link a {
  text-decoration: none;
  color: #777;
}
.actu .block_link a:hover,
.actu .block_link a:focus {
  text-decoration: underline;
}
.actu .block_link a:after {
  content: ' >';
}
.content .x2 .block.gmap h2 {
  margin-bottom: 20px;
}
.content .view_link {
  margin-top: 3px;
}
.content .view_link a {
  text-decoration: none;
  color: #999;
}
.content .view_link a:hover,
.content .view_link a:focus {
  text-decoration: underline;
}
.content .view_link a:after {
  content: ' >';
}
.content .btn {
  clear: both;
  overflow: hidden;
  font-weight: bold;
  font-size: 0.9em;
}
.content .btn.right {
  position: relative;
  z-index: 10;
  margin-top: 5px;
}
.content .btn_back {
  clear: both;
  margin: -10px 0 0 0;
  text-align: right;
  font-size: 0.9em;
}
.content .btn_back a {
  text-decoration: none;
}
.content .btn_back a:hover,
.content .btn_back a:focus {
  text-decoration: underline;
}
.content .btn_back a:before {
  content: '< ';
}
/* ---------------  CONTENT => View */
/* View => general */
.view {
  position: relative;
}
.view .ill {
  margin: 0;
}
.view .desc {
  overflow: hidden;
}
.view .intro p {
  margin: 0;
}
.view .figure {
  padding: 0;
  background: none;
}
.view .figure:after {
  display: none;
}
.content .x3 .block .view.box {
  position: static;
}
/* View => types de view */
/* View resume */
.content .resume {
  overflow: hidden;
  margin-bottom: 30px;
}
.content .resume .ill {
  overflow: hidden;
  float: left;
  margin-right: 15px;
}
.content .resume.pub .ill {
  width: 65px;
  margin: 0 30px 0 15px;
}
.content .resume .meta {
  margin: 0 0 2px 0;
}
.content .resume .score {
  float: right;
}
.content .resume h3 {
  margin: 0 0 6px 0;
  line-height: 1;
  font-size: 1.6em;
  text-transform: none;
  font-weight: normal;
}
.content .resume h3 a {
  line-height: 1.1;
}
.content .resume h3 a.color1 {
  color: #528585;
}
.content .resume h3 a.color2 {
  color: #97887b;
}
.content .resume h3 a.color3 {
  color: #2fa3ca;
}
.content .resume ul {
  margin-left: 30px;
}
.content .resume .intro br {
  display: none;
}
.content .resume .subtitle {
  font-weight: bold;
  font-size: 0.9em;
}
.content .resume .subtitle br {
  display: block;
}
.content .resume .subtitle small {
  font-size: 1em;
  font-weight: normal;
}
.content .resume .file {
  margin: 10px 0 0 0;
}
.content .resume .view_link {
  margin-bottom: 0;
}
/* View resume video asn tv */
.content .color_tv .video a:after {
  display: none;
}
.content .color_tv .video .ill {
  display: block;
  position: relative;
}
.content .color_tv .video .ill:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  width: auto;
  height: auto;
  border: 1px solid #fff;
  background: none;
}
.content .color_tv .video .ill:before {
  content: "";
  position: absolute;
  top: 60%;
  right: 5px;
  bottom: 5px;
  left: 5px;
  padding: 3px 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 117, 118, 0.5) url('../images/pictos/picto_play_tv.png') no-repeat 10px center;
}
.content .color_tv .video .addthis_toolbox {
  float: right;
  margin: 0;
}
.content .color_tv .resume.video {
  margin-bottom: 20px;
  padding: 20px;
  background: none;
}
.content .color_tv .resume.video a {
  color: #444;
}
.content .color_tv .resume.video .figure {
  display: block;
  float: left;
  width: 300px;
  margin-right: 15px;
}
.content .color_tv .resume.video .figure .ill {
  float: none;
  margin: 0;
}
.content .color_tv .resume.video .figure .figure_link {
  clear: both;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
/* View news */
.content .news {
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.content .news .ill {
  overflow: hidden;
  float: left;
  margin-right: 15px;
}
.content .news.pub .ill {
  width: 65px;
  margin: 0 30px 0 15px;
}
.content .news h3 {
  margin: 0px;
  line-height: 0.8em;
}
.content .news h3 a {
  font-size: 0.6em;
  color: #666666;
  font-weight: bold;
}
.content .news ul {
  margin-left: 30px;
}
.content .news .intro {
  font-size: 1em;
  margin-top: 5px;
}
.content .news .meta {
  font-size: 0.9em;
}
.content .news .view_link {
  margin-bottom: 0;
  font-size: 0.9em;
}
/* View box */
.content .box .ill {
  overflow: hidden;
  margin-bottom: 20px;
}
.content .box h3 {
  margin: 0 0 10px 0;
  font-size: 1.2em;
  color: #666666;
  font-weight: bold;
}
.content .box h3 a {
  color: #666666;
}
.content .box .view_link {
  clear: both;
  margin: 15px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  text-align: right;
}
/* View comment */
.content .comment h3 {
  margin: 0 0 15px 0;
  font-size: 1em;
  color: #666666;
  font-family: verdana, arial, sans-serif;
}
.content .comment blockquote {
  margin: 0;
  padding: 10px;
  background-image: none;
  background: #ebebeb;
  font-size: 0.9em;
}
.content .comment blockquote:after {
  display: none;
}
.content .comment blockquote:before {
  content: " ";
  position: absolute;
  top: -20px;
  right: auto;
  bottom: auto;
  left: 15px;
  border: 7px solid #fff;
  border-width: 10px;
  border-color: transparent transparent #ebebeb transparent;
}
/* View list general */
.content .list,
.content .view_rub {
  margin: 0 ;
  padding: 0;
  font-size: 0.9em;
}
.content .list li,
.content .view_rub li {
  background: none repeat scroll 0 0 transparent;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}
.content .list li:hover,
.content .view_rub li:hover,
.content .list li:focus,
.content .view_rub li:focus {
  background: #f7f7f7;
}
.content .list li a,
.content .view_rub li a {
  overflow: hidden;
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #666666;
}
.content .list li a:hover,
.content .view_rub li a:hover,
.content .list li a:focus,
.content .view_rub li a:focus {
  background: #f7f7f7;
}
.content .list li img,
.content .view_rub li img {
  float: left;
  margin-right: 10px;
}
.content .list li strong,
.content .view_rub li strong {
  display: block;
  margin: 5px 0 0 0;
}
.content .list li strong:after,
.content .view_rub li strong:after,
.content .list li strong a:after,
.content .view_rub li strong a:after {
  content: ' >';
  color: #cccccc !important;
}
.content .list li .intro,
.content .view_rub li .intro {
  display: block;
  margin-top: 6px;
  color: #949494;
}
.content .list li .intro:after,
.content .view_rub li .intro:after {
  content: ' >';
  font-weight: bold;
}
.content .list li .file,
.content .view_rub li .file {
  margin: 6px 0 0 0;
  font-size: 1em;
}
.content .list li .file a,
.content .view_rub li .file a {
  color: #949494;
}
.content .list li .file strong,
.content .view_rub li .file strong {
  margin: 0;
}
.content .list li.plus:first-child,
.content .view_rub li.plus:first-child {
  padding-top: 10px;
}
.content .list li.plus,
.content .view_rub li.plus {
  padding: 17px 0;
}
.content .list li.plus a,
.content .view_rub li.plus a {
  padding: 0;
}
.content .list li.plus strong:after,
.content .view_rub li.plus strong:after,
.content .list li.plus strong a:after,
.content .view_rub li.plus strong a:after {
  display: none;
}
.content .list li.homelist,
.content .view_rub li.homelist {
  padding: 10px 0;
}
.content .list li.homelist a,
.content .view_rub li.homelist a {
  padding: 0;
}
.content .list li.pub,
.content .view_rub li.pub {
  padding: 10px 0;
}
.content .list li.pub a,
.content .view_rub li.pub a {
  padding: 0;
  color: #996666;
  font-size: 15px;
}
.content .list li.pub img,
.content .view_rub li.pub img {
  width: 69px;
  margin: 0 20px;
}
.content .list li.pub strong,
.content .view_rub li.pub strong {
  font-size: 15px;
  color: #996666;
}
.content .list li.pub img + strong,
.content .view_rub li.pub img + strong {
  margin-top: 20px;
}
.content .x3 .block li.pub a {
  font-size: 12px;
}
.aside .list li {
  width: 48%;
  float: left;
}
.aside .list li:nth-child(even) {
  float: right;
}
/* View article */
.medium .article {
  overflow: hidden;
}
/* View map */
.content .map_region {
  width: 33%;
  float: right;
  padding: 40px 20px 30px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #68a2a2;
  background: -moz-linear-gradient(top, #68a2a2 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68a2a2), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #68a2a2 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #68a2a2 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #68a2a2 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #68a2a2 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#68a2a2, endColorstr=#ffffff);
}
.content .map_region h2 {
  position: absolute;
  z-index: 99;
  top: 10px;
  left: 15px;
  right: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFF;
  text-transform: uppercase;
}
.content .map_region .ill {
  text-align: center;
}
.content .map_region .view_link {
  margin: 20px 0 0 0;
  display: none;
}
.content .map_region .view_link a {
  color: #2fa3ca;
  font-weight: bold;
  font-size: 0.9em;
}
.content .map_region .view_link a:after {
  color: #666666;
}
.content .map_region :hover .view_link {
  display: block;
}
/* View visio */
.content .visio {
  position: relative;
  overflow: hidden;
  float: left;
  width: 67%;
  margin: 0;
}
.content .visio h2 {
  position: absolute;
  z-index: 99;
  top: 10px;
  left: 15px;
  width: 40%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFF;
  text-transform: uppercase;
}
.content .visio .visio_content {
  position: relative;
  height: auto;
}
.content .visio .visio_content ul {
  margin: 0;
}
.content .visio .visio_content .view {
  width: 696px;
  height: 325px;
  overflow: hidden;
  right: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: none;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.content .visio .visio_content .view img {
  max-width: none;
}
.content .visio .visio_content .view .desc {
  position: absolute;
  top: 0;
  right: 53%;
  bottom: 0;
  left: 0;
  padding: 60px 15px 15px 15px;
  background: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0) 100%);
  color: #fff;
  font-size: 1.2em;
}
.content .visio .visio_content .view .desc h3 {
  margin-bottom: 10px;
  color: #FFF;
  font-size: 1.5em;
  line-height: 1em;
}
.content .visio .visio_content .view .desc h3 a {
  color: #FFF;
}
.content .visio .visio_content .view .desc h3 a:hover,
.content .visio .visio_content .view .desc h3 a:focus {
  text-decoration: underline;
  color: #FFF !important;
}
.content .visio .visio_content .view .desc .view_link {
  margin-top: 25px;
  color: #FFF;
  font-weight: bold;
}
.content .visio .visio_content .view .desc .view_link:after {
  display: none;
}
.content .visio .visio_content .view .desc .view_link a {
  padding: 10px 0 10px 50px;
  background: url('../images/pictos//puce_affiliate_w.png') no-repeat left center;
  color: #FFF;
  font-weight: bold;
}
.content .visio .visio_content .view .desc .view_link a:after {
  display: none;
}
.content .visio .visio_nav {
  margin: 5px 0;
  font-weight: bold;
}
.content .visio .visio_nav span,
.content .visio .visio_nav li {
  display: inline-block;
  padding: 0 5px;
  background: none;
  font-size: 1.3em;
  float: left;
}
.content .visio .visio_nav span a,
.content .visio .visio_nav li a {
  color: #949494;
  text-decoration: none;
}
.content .visio .visio_nav span a.selected,
.content .visio .visio_nav li a.selected,
.content .visio .visio_nav span a:hover,
.content .visio .visio_nav li a:hover,
.content .visio .visio_nav span a:focus,
.content .visio .visio_nav li a:focus {
  color: #996666;
}
.content .visio .visio_nav .current a {
  color: #996666;
}
/* View as subcategory */
.content .subcategory:after {
  content: "";
  display: table;
  height: 0;
  clear: both;
}
.content .subcategory .view {
  overflow: hidden;
  margin-bottom: 15px;
}
.content .subcategory .view h2 {
  border-bottom: 2px solid #CCC;
  color: #996666;
}
.content .subcategory .view .view_link {
  text-align: right;
  margin: 15px 0;
}
.content .subcategory .highlight .ill {
  float: right;
  width: 47%;
  margin-top: 25px;
}
.content .subcategory .highlight .desc {
  width: 47%;
}
.content .subcategory .subcategory_content .view {
  clear: both;
  float: left;
  width: 47%;
  min-height: 100px;
  padding-bottom: 20px;
}
.content .subcategory .subcategory_content .view:nth-of-type(2n) {
  float: right;
  clear: none;
}
.content .subcategory .subcategory_content .view_link {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}
/* ---------------  CONTENT => Full */
/* Full => Editorial */
.content .editorial {
  overflow: hidden;
  /* overide pour les contenus importes avec la class .list dans ezoe */
}
.content .editorial .meta {
  margin: -5px 0 15px 0;
}
.content .editorial .view .meta {
  margin-top: 0;
}
.content .editorial .subtitle {
  font-weight: bold;
}
.content .editorial .subtitle br {
  display: block;
}
.content .editorial .subtitle small {
  font-size: 1em;
  font-weight: normal;
}
.content .editorial .intro {
  overflow: hidden;
  margin-bottom: 10px;
  font-weight: bold;
}
.content .editorial .intro .ill {
  float: left;
  margin-right: 15px;
}
.content .editorial .intro a {
  text-decoration: none;
}
.content .editorial .intro a:hover,
.content .editorial .intro a:focus {
  text-decoration: underline;
}
.content .editorial .intro .list_attributes {
  margin: 0;
}
.content .editorial .intro .list_attributes ul {
  overflow: hidden;
  margin: 0 0 10px 0;
}
.content .editorial .intro .list_attributes li {
  padding: 0;
  background: none;
}
.content .editorial .intro .list_attributes strong {
  float: left;
  width: 27%;
  font-weight: normal;
}
.content .editorial .figure:after {
  background: url('../images/bkgd//shadow2.png') no-repeat scroll center top transparent;
}
.content .editorial .list {
  margin: 0 0 1.5em 1em;
  font-size: 1em;
}
.content .editorial .list ul,
.content .editorial .list ol {
  margin: 0.7em 0 0.7em 1em;
}
.content .editorial .list li {
  overflow: hidden;
  margin-bottom: 0.5em;
  padding: 0 0 0 15px;
  border: 0;
  background: url('../images/pictos//puce.png') no-repeat left 0.5em;
}
.content .editorial .list li:hover,
.content .editorial .list li:focus {
  background-color: none;
}
.content .editorial .list li a {
  display: inline;
  padding: 0;
  text-decoration: underline;
  color: #666666;
}
.content .editorial .list li a:hover,
.content .editorial .list li a:focus {
  background: none;
  text-decoration: none;
}
.content .editorial .list li a:after {
  display: none !important;
}
.content .editorial .list li strong {
  display: inline;
  margin: 0;
}
.content .editorial .list li strong:after {
  display: none;
}
/* Full => Glossaire */
.content .glossaire .block {
  width: 33%;
  float: left;
}
.content .glossaire .glossaire_list {
  -moz-column-count: 4;
  -moz-column-gap: 2em;
  -webkit-column-count: 4;
  -webkit-column-gap: 2em;
  font-weight: bold;
  width: 940px;
}
.content .glossaire .glossaire_list li {
  padding: 0;
  background: none;
}
.content .glossaire .glossaire_list li a {
  text-decoration: none;
  word-wrap: break-word;
}
.content .glossaire .glossaire_list li a:hover,
.content .glossaire .glossaire_list li a:focus {
  text-decoration: underline;
}
.content .glossaire .glossaire_list li a.selected {
  color: #996666;
}
.glossaire_img {
  max-width: 300px;
  max-height: 300px;
}
/* Full => Home */
.home .content .x3 .article {
  min-height: 230px;
}
.content .front {
  overflow: hidden;
  margin: 0 -10px 10px -10px;
  padding-bottom: 10px;
  background: url('../images/bkgd/shadow1.png') no-repeat center bottom;
}
/* ---------------  CONTENT => Front editing  --*/
div#ezwt div.ezwt-actiongroup a img {
  margin: 0 !important;
}
.front_edit label {
  display: block;
  font-weight: bold;
}
.front_edit label small {
  font-weight: normal;
  font-style: italic;
}
.front_edit .inline label {
  display: inline;
  font-weight: normal;
}
.front_edit .fieldset {
  overflow: hidden;
}
.front_edit .fieldset img {
  margin-top: 5px;
}
.front_edit .buttonblock {
  overflow: hidden;
  clear: both;
  margin: 1em 0;
  padding: 2px 0;
  background: none;
}
.front_edit .fieldbox {
  overflow: hidden;
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.front_edit .fieldbox h3 {
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  font-family: verdana, arial, sans-serif;
  color: #666666;
  font-weight: bold;
  font-size: 1em;
}
.front_edit .fieldbox h3 small {
  font-weight: normal;
  font-style: italic;
}
.front_edit .fieldbox .submit {
  margin: 15px 0;
  text-align: left;
}
.front_edit .fieldbox .submit input {
  padding: 3px 15px;
  font-size: 1.1em;
}
.front_edit .fieldbox .submit .button-disabled {
  background: #cccccc;
  cursor: text;
}
.front_edit .search {
  float: right;
}
.front_edit table {
  margin-bottom: 1.5em;
  border-collapse: collapse;
  width: 100%;
  font-size: 0.9em;
}
.front_edit table tr {
  background: #fafafa;
}
.front_edit table tr:nth-child(2n-1) {
  background: #ebebeb;
}
.front_edit table th,
.front_edit table td {
  padding: 5px 10px;
  border: 1px solid #fff;
}
.front_edit table th {
  background: #cccccc;
  text-align: center;
  color: #666666;
  font-weight: normal;
}
.front_edit .ezobject-relation-search-browse {
  clear: both;
}
.front_edit .ezobject-relation-search-browse a {
  text-decoration: none;
}
.front_edit .ezobject-relation-search-browse a:hover {
  text-decoration: underline;
}
.front_edit .submit.small {
  margin: 15px 0;
  text-align: left;
}
.front_edit .submit.small input {
  padding: 3px 15px;
  font-size: 1.1em;
}
.front_edit .submit.inline {
  margin-left: 10px;
}
.front_edit .left {
  float: left;
}
.front_edit .right {
  float: right;
}
.front_edit .yui-calcontainer {
  border: 1px solid #cccccc;
}
.front_edit .yui-calcontainer .title {
  display: none;
}
/* ---------------  CONTENT => Navigation  --*/
/* Navigation => general */
.content .nav {
  position: relative;
  margin: 0 0 20px 0;
}
.content .nav .rub {
  margin: 0;
  padding-bottom: 7px;
  border-bottom: 1px solid #cccccc;
  text-transform: uppercase;
  font-size: 2.2em;
  font-weight: normal;
  font-family: 'Myriad', verdana, arial, sans-serif;
  color: #528585;
  line-height: 1.12;
}
.content .nav .rub a {
  display: block;
  padding: 0;
  border: 0;
  text-decoration: none;
  color: #528585;
  line-height: 1.12;
}
.content .nav .rub a:before {
  display: none;
}
.content .nav .rub a:hover,
.content .nav .rub a:focus {
  background: none;
  color: #666666;
}
.content .nav .color1 {
  color: #528585;
}
.content .nav .color1 a {
  color: #528585;
}
.content .nav .color2 {
  color: #97887b;
}
.content .nav .color2 a {
  color: #97887b;
}
.content .nav .color3 {
  color: #2fa3ca;
}
.content .nav .color3 a {
  color: #2fa3ca;
}
.color2 .nav .rub {
  color: #97887b;
}
.color3 .nav .rub {
  color: #2fa3ca;
}
.content .nav ul {
  margin: 0;
}
.content .nav ul li {
  overflow: visible;
  padding: 0;
  background: none;
}
.content .nav ul a {
  display: block;
  text-decoration: none;
  color: #666666;
}
.content .nav ul a:hover,
.content .nav ul a:focus {
  text-decoration: none;
}
/* Navigation => Fil d'ariane */
.content .toolsbox {
  clear: both;
  overflow: hidden;
  margin: 0 0 20px 0;
}
.content .toolsbox .breadcrumbs {
  margin: 0;
}
.content .toolsbox .breadcrumbs a {
  display: inline;
}
.content .toolsbox .breadcrumbs strong {
  font-weight: normal;
}
.content .toolsbox .actions {
  float: right;
  font-size: 0.9em;
}
.content .toolsbox .actions p {
  float: left;
  margin: 5px 3px 0 0;
}
.content .toolsbox .actions p a {
  display: inline-block;
  margin-right: 5px;
  padding: 2px 0 0 0;
  text-decoration: none;
}
.content .toolsbox .actions p a:hover,
.content .toolsbox .actions p a:focus {
  text-decoration: underline;
}
.content .toolsbox .actions p .print {
  padding-right: 23px;
  background: url('../images/pictos//picto_print.png') no-repeat right top;
}
.content .toolsbox .actions p .favorite {
  padding-right: 23px;
  background: url('../images/pictos//picto_star.png') no-repeat right top;
}
.content .toolsbox .actions .addthis_toolbox {
  float: right;
  min-width: 90px;
}
/* Navigation => menu */
.content .menu {
  font-weight: bold;
}
.content .menu li {
  margin: 0;
}
.content .menu a {
  padding: 10px 5px 10px 20px;
  border-bottom: 1px solid #cccccc;
}
.content .menu a:before {
  content: '> ';
  position: absolute;
  left: 5px;
}
.content .menu a:hover,
.content .menu a:focus {
  background: #528585;
  color: #fff;
}
.content .menu li.open > a:before {
  content: 'v ';
  font-weight: normal;
  font-size: 1.1em;
}
.content .menu li.selected,
.content .menu li.open > ul {
  background: #f7f7f7;
}
.content .menu li.selected > a {
  color: #fff;
  background: #528585;
}
.content .menu > ul {
  font-size: 1.1em;
}
.content .menu > ul > li > a:hover,
.content .menu > ul > li > a:focus {
  background: #A2BCAF;
}
.content .menu ul ul {
  font-size: 0.9em;
}
.content .menu ul ul li.selected > a {
  background: #7CAB99;
}
.content .menu ul ul a {
  padding-left: 35px;
}
.content .menu ul ul a:before {
  left: 20px;
}
.content .menu ul ul a:hover,
.content .menu ul ul a:focus {
  background: #92C9B4;
}
.content .menu ul ul ul {
  font-weight: normal;
}
.content .menu ul ul ul a {
  padding: 6px 10px 6px 50px;
}
.content .menu ul ul ul a:before {
  left: 35px;
}
.content .menu ul ul ul ul a {
  padding-left: 65px;
}
.content .menu ul ul ul ul a:before {
  left: 50px;
}
.content .menu ul ul ul ul ul {
  font-size: 1em;
}
.content .menu ul ul ul ul ul a {
  padding-left: 80px;
}
.content .menu ul ul ul ul ul a:before {
  left: 65px;
}
.content .menu ul ul ul ul ul li.open > a:before {
  content: '> ';
}
.content .menu .select {
  padding: 5px 20px 10px 20px;
  border-bottom: 1px solid #cccccc;
}
.content .menu .select strong {
  display: block;
  margin: 0 0 5px 0;
}
.content .menu .select .dropdown {
  font-weight: normal;
}
.content .menu .select .dropdown .dropdown_header {
  font-size: 0.9em;
}
.content .menu .select .dropdown a:before {
  display: none;
}
/* ajout concernant la balise h2 du plan de la rubrique */
.content .menu .title_section_plan a {
  padding: 0px;
  border-bottom: none;
}
.content .menu .title_section_plan a:before {
  content: '';
  float: left;
  margin: 0 5px 2px 0;
}
.content .menu .title_section_plan a:hover,
.content .menu .title_section_plan a:focus {
  background: transparent;
}
.color2 .menu a:hover,
.color2 .menu a:focus {
  background: #97887b;
}
.color2 .menu li.selected > a {
  background: #97887b;
}
.color2 .menu > ul > li > a:hover,
.color2 .menu > ul > li > a:focus {
  background: #C3B09F;
}
.color2 .menu ul ul li.selected > a {
  background: #996665;
}
.color2 .menu ul ul a:hover,
.color2 .menu ul ul a:focus {
  background: #BB7D7E;
}
.color3 .menu a:hover,
.color3 .menu a:focus {
  background: #2fa3ca;
}
.color3 .menu li.selected > a {
  background: #2fa3ca;
}
.color3 .menu > ul > li > a:hover,
.color3 .menu > ul > li > a:focus {
  background: #35B6E0;
}
.color3 .menu ul ul li.selected > a {
  background: #6AABC9;
}
.color3 .menu ul ul a:hover,
.color3 .menu ul ul a:focus {
  background: #7BC0E1;
}
/* Navigation => pagination */
.content .pagination {
  clear: both;
}
.content .pagination .results {
  float: left;
}
.content .pagination .pages {
  text-align: right;
  margin: 0;
  color: #888;
}
.content .pagination .pages li {
  display: inline;
  margin: 0 0 0 5px;
  padding: 0;
  background: none;
}
.content .pagination .pages li a,
.content .pagination .pages li strong {
  font-weight: normal;
  display: inline-block;
  color: #888;
}
.content .pagination .pages li a:hover,
.content .pagination .pages li strong:hover,
.content .pagination .pages li a:focus,
.content .pagination .pages li strong:focus {
  text-decoration: underline;
}
.content .pagination .pages li strong {
  font-weight: bold;
}
.content .pagination .pages .prev a {
  margin-right: 10px;
}
.content .pagination .pages .prev a:before {
  content: ' ';
  z-index: 2;
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background: url('../images/pictos//picto_nav.png') no-repeat center center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.content .pagination .pages .previous a {
  margin-right: 10px;
}
.content .pagination .pages .previous a:after {
  content: ' ';
  z-index: 2;
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background: url('../images/pictos//picto_nav.png') no-repeat center center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.content .pagination .pages .next a {
  margin-left: 10px;
}
.content .pagination .pages .next a:before {
  content: ' ';
  z-index: 2;
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  background: url('../images/pictos//picto_nav.png') no-repeat center center;
}
.content .filters + .pagination {
  margin-top: -10px;
}
/* Navigation => pagination alpha */
.content .alpha .pages {
  text-align: left;
  font-size: 1.2em;
}
.content .alpha .pages li {
  margin: 0;
}
.content .alpha .pages li a,
.content .alpha .pages li strong,
.content .alpha .pages li span {
  padding: 0 2px;
  font-weight: bold;
  line-height: 1.1em;
}
.content .alpha .pages li strong,
.content .alpha .pages li a:hover,
.content .alpha .pages li a:hover {
  background: #996666;
  color: #fff;
  text-decoration: none;
}
.content .alpha .pages li span {
  color: #cccccc;
}
.content .alpha .pages li a.selected {
  background: none repeat scroll 0 0 #996666;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.1em;
  padding: 0 2px;
}
/* Navigation => filters */
.advanced_search {
  margin-bottom: 20px;
}
.medium .filters,
.large .filters {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 30px 10px 10px;
  border: 1px solid #cccccc;
  background: #fafafa;
}
.medium .filters .dropdown,
.large .filters .dropdown {
  display: inline-block;
  margin-right: 10px;
}
.medium .filters .filtre,
.large .filters .filtre {
  float: right;
}
.medium .filters .grid,
.large .filters .grid {
  float: left;
  width: 41%;
  margin-bottom: 10px;
  margin-right: 5%;
}
.medium .filters .grid .dropdown,
.large .filters .grid .dropdown {
  margin: 0;
  width: 100%;
}
.medium .filters .grid .search,
.large .filters .grid .search {
  width: 100%;
  margin-top: 19px;
}
.medium .filters .grid .search .text,
.large .filters .grid .search .text {
  padding: 3px 10px;
}
.medium .filters .grid + hr,
.large .filters .grid + hr {
  border: 0;
}
.medium .filters .search,
.large .filters .search {
  display: inline-block;
}
.medium .filters .search .text,
.large .filters .search .text {
  padding: 3px 10px;
  width: 200px;
}
.medium .filters .search .submit,
.large .filters .search .submit {
  background: #a2bdaf url('../images/pictos//picto_search.png') no-repeat 7px center;
  cursor: pointer;
  height: 23px;
  width: 30px;
}
.medium .filters .search p,
.large .filters .search p {
  margin: 0;
}
.medium .filters .search *,
.large .filters .search * {
  vertical-align: middle;
  border: none;
  background: none;
  -webkit-appearance: none;
}
.medium .filters .search label,
.large .filters .search label {
  padding-right: 5px;
  font-size: 0.9em;
  font-weight: bold;
}
.medium .filters .search .text,
.large .filters .search .text {
  width: 200px;
  padding: 2px 10px;
  border: 1px solid #cccccc;
  background: #fff;
  font-size: 0.9em;
}
.medium .filters .search .submit,
.large .filters .search .submit {
  padding: 2px 5px;
  border: 1px solid #cccccc;
  background: #a2bdaf url('../images/pictos//picto_search.png') no-repeat 7px center;
  width: 30px;
  height: 23px;
  cursor: pointer;
}
.medium .filters .btn,
.large .filters .btn {
  position: absolute;
  margin: 0;
  top: 0;
  right: 5px;
}
.medium .filters .reset,
.large .filters .reset {
  position: absolute;
  margin: 0;
  top: 22px;
  right: 2px;
}
.js_active .advanced_search + .filters {
  display: none;
}
.advanced_search.open {
  display: none;
}
.advanced_search.open + .filters {
  display: inline-block;
}
.small .filters p {
  margin: 0 0 5px 0;
}
.small .filters .rub + p {
  margin-top: 10px;
  text-transform: uppercase;
}
.small .filters ul {
  margin-bottom: 10px;
  padding: 0 0 10px 15px;
  border-bottom: 1px solid #cccccc;
  font-size: 0.9em;
}
.small .filters a:hover,
.small .filters a:focus {
  color: #996666;
}
.small .filters .selected a {
  color: #996666;
}
.small .filters .selected a:before {
  content: '[X] ';
  color: #528585;
  font-size: 0.9em;
}
.small .filters em {
  font-style: normal;
  font-size: 0.9em;
  color: #949494;
}
.filter_button a {
  background: url('../images/pictos//reset.png') no-repeat right;
  padding: 16px;
  padding-bottom: 24px;
}
/* Navigation => tabs */
.content .tabs {
  font-size: 0.9em;
  text-align: center;
}
.content .tabs ul {
  display: table;
  width: 100%;
}
.content .tabs ul li {
  position: relative;
  display: table-cell;
  height: 40px;
  vertical-align: middle;
  border: 1px solid #cccccc;
  background: #e6e6e6;
}
.content .tabs ul li:hover,
.content .tabs ul li:focus,
.content .tabs ul li.selected {
  background: #528585;
  color: #FFF;
}
.content .tabs ul li:hover a,
.content .tabs ul li:focus a,
.content .tabs ul li.selected a {
  color: #FFF;
}
.content .tabs ul li:after {
  content: " ";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: auto;
  left: auto;
  border: 7px solid #fff;
  border-width: 8px;
  border-color: #ffffff #ffffff transparent transparent;
}
.content .tabs ul li:before {
  content: "";
  position: absolute;
  z-index: 99;
  right: 7px;
  top: -3px;
  height: 20px;
  width: 1px;
  background: #cccccc;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.content .tabs ul li a {
  padding: 5px 10px;
}
.content .tabs ul .color_all:hover,
.content .tabs ul .color_all:focus,
.content .tabs ul .color_all.selected {
  background: #666666;
  color: #FFF;
}
.content .tabs ul .color_all a {
  color: #666666;
}
.content .tabs ul .color_1:hover,
.content .tabs ul .color_1:focus,
.content .tabs ul .color_1.selected {
  background: #528585;
  color: #FFF;
}
.content .tabs ul .color_1 a {
  color: #528585;
}
.content .tabs ul .color_pro:hover,
.content .tabs ul .color_pro:focus,
.content .tabs ul .color_pro.selected {
  background: #e05f26;
  color: #FFF;
}
.content .tabs ul .color_pro a {
  color: #e05f26;
}
.content .tabs ul .color_tv:hover,
.content .tabs ul .color_tv:focus,
.content .tabs ul .color_tv.selected {
  background: #ad516a;
  color: #FFF;
}
.content .tabs ul .color_tv a {
  color: #ad516a;
}
.content .tabs ul .color_crise:hover,
.content .tabs ul .color_crise:focus,
.content .tabs ul .color_crise.selected {
  background: #993399;
  color: #FFF;
}
.content .tabs ul .color_crise a {
  color: #993399;
}
.color2 .tabs ul li:hover,
.color2 .tabs ul li:focus,
.color2 .tabs ul li.selected {
  background: #97887b;
}
.color3 .tabs ul li:hover,
.color3 .tabs ul li:focus,
.color3 .tabs ul li.selected {
  background: #2fa3ca;
}
.content .tab_section {
  overflow: hidden;
}
.js_active .content .tab_section .block:first-child h2:first-child {
  display: none;
}
.js_active .content .tab_section.active {
  display: block;
}
/* ---------------  CONTENT => Comportements */
/* Comportements => dropdown */
.dropdown_label_title {
  font-weight: bold;
}
.dropdown_label {
  margin: 0;
  font-size: 0.9em;
  font-weight: bold;
}
.dropdown_label span {
  font-weight: normal;
}
.dropdown {
  position: relative;
  min-width: 100px;
  font-size: 0.9em;
  width: 210px;
}
.dropdown a {
  color: #666666;
  text-decoration: none;
  border: 0 !important;
}
.dropdown a:hover,
.dropdown a:focus {
  background: #f7f7f7 !important;
  color: #996666 !important;
  text-decoration: none !important;
}
.dropdown .dropdown_header {
  position: relative;
  display: block;
  z-index: 2;
  margin: 0;
  margin-top: 3px;
  padding: 3px 3px;
  padding-right: 20px;
  border: 1px solid #cccccc;
  cursor: pointer;
  background: #fff;
}
.dropdown .dropdown_header:after {
  content: ' ';
  position: absolute;
  z-index: 2;
  display: block;
  right: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url('../images/pictos//picto_select.png') no-repeat center center;
}
.dropdown .dropdown_content {
  z-index: 1;
  margin: 0 !important;
}
.dropdown .dropdown_content ul {
  margin: 0;
}
.dropdown .dropdown_content ul.filtre_dropdown {
  max-height: 250px;
  overflow-y: auto;
}
.dropdown .dropdown_content li {
  margin: 0;
  padding: 0;
  background: none;
}
.dropdown .dropdown_content a {
  display: block;
  padding: 3px 10px !important;
}
.js_active .dropdown.open {
  z-index: 98 !important;
}
.js_active .dropdown_content {
  position: absolute;
  left: -300em;
  border: 1px solid #cccccc;
  border-top: 0;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.js_active .open .dropdown_content {
  left: 0;
  right: 0;
}
/* Comportements => tooltip */
.tooltip {
  position: absolute;
  z-index: 99;
  max-width: 400px;
  margin-left: -10px;
  margin-top: -20px;
  font-size: 0.9em;
  color: #666666;
}
.tooltip .tooltip_content {
  position: relative;
  z-index: -1;
  overflow: hidden;
  padding: 8px;
  border: 1px solid #666666;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.tooltip .tooltip_content strong {
  display: block;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  color: #528585;
  font-size: 1.1em;
}
.tooltip .tooltip_content img {
  float: right;
  max-width: 200px;
  margin-left: 10px;
}
[data-display="tooltip"] {
  text-decoration: none !important;
  border-bottom: 1px dotted #666666;
  cursor: help;
}
[data-display="tooltip"]:hover,
[data-display="tooltip"]:focus {
  text-decoration: none;
  border-bottom-style: solid;
}
/* Comportements => shadowbox */
#sb-container #sb-wrapper-inner {
  z-index: 2;
}
#sb-container #sb-info {
  z-index: 1;
}
#sb-container #sb-info,
#sb-container #sb-info-inner {
  height: 100%;
  line-height: 1;
  margin: 0 -70px;
}
#sb-container #sb-info-inner {
  margin: 0;
}
#sb-container #sb-counter {
  margin-left: 70px;
}
#sb-container #sb-nav {
  margin-right: 70px;
  width: 20%;
}
#sb-container #sb-nav-close {
  position: relative;
  z-index: 2;
}
#sb-container #sb-nav-next,
#sb-container #sb-nav-previous {
  position: absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  width: 100px;
  margin: 0;
}
#sb-container #sb-nav-previous {
  left: 0;
  background: url('../images/pictos//picto_prev_xl.png') no-repeat center left;
}
#sb-container #sb-nav-next {
  right: 0;
  background: url('../images/pictos//picto_next_xl.png') no-repeat center right;
}
#sb-container #sb-player.html {
  background: #FFF;
}
#sb-container #sb-player.html .col {
  margin: 30px 50px;
}
#sb-container #sb-player.html .large .formulaire {
  width: auto;
}
/* PIED DE PAGE : FOOTER
---------------------------------------------------------------------------------------------------*/
.maj {
  font-size: 0.8em;
  font-weight: bold;
  color: #996666;
  text-align: right;
}
.btn_top {
  clear: both;
  margin: 0;
  padding: 0 20px 10px 0;
  background: #fff;
  font-size: 0.9em;
  color: #888;
  text-align: right;
}
.btn_top .btn_top a {
  text-decoration: none;
  color: #888;
}
.btn_top .btn_top a:hover,
.btn_top .btn_top a:focus {
  text-decoration: underline;
}
.btn_top .back {
  text-decoration: none;
}
/* FOOTER  */
#footer {
  overflow: hidden;
  clear: both;
  padding: 25px;
  border: 10px solid #fff;
  border-width: 0 10px;
  background: #b2b2b2;
  background: -moz-linear-gradient(top, #b2b2b2 0%, #dfdfdf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #dfdfdf));
  background: -webkit-linear-gradient(top, #b2b2b2 0%, #dfdfdf 100%);
  background: -o-linear-gradient(top, #b2b2b2 0%, #dfdfdf 100%);
  background: -ms-linear-gradient(top, #b2b2b2 0%, #dfdfdf 100%);
  background: linear-gradient(to bottom, #b2b2b2 0%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2b2b2, endColorstr=#dfdfdf);
}
#footer ul {
  margin: 0;
}
#footer li {
  padding: 0;
  background: none;
}
#footer li li {
  position: relative;
  margin: 0.3em 0;
  padding-left: 14px;
  line-height: 1.2;
  font-size: 0.9em;
}
#footer li li:before {
  content: ">";
  position: absolute;
  left: 0;
}
#footer a {
  text-decoration: none;
}
#footer a:hover,
#footer a:focus {
  text-decoration: underline;
}
#footer .baseline {
  margin: 0 0 20px 0;
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
  font-family: 'Myriad', verdana, arial, sans-serif;
}
#footer .baseline img {
  float: left;
  margin: -5px 20px 20px 0;
}
#footer .shortcuts {
  position: relative;
  margin: 0 0 0 90px;
  padding-top: 20px;
  color: #333;
}
#footer .shortcuts:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 22%;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#footer .shortcuts .block {
  float: left;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 2%;
}
#footer .shortcuts p {
  margin: -28px 0 3px 0;
  line-height: 1.1em;
  color: #fff;
  font-weight: bold;
}
#footer .shortcuts a {
  color: #333;
}
/* faq*/
#faq .answer {
  display: none;
}
#faq .selected {
  display: block;
}
nav_nucleaire li a {
  cursor: default;
}
/***********correction Elodie**************/
/* --------------- SITE DE CRISE */
.crise #header .site_id a strong.baseline-crise {
  top: 40px;
  left: 670px;
}
.crise #header .site_id a strong {
  top: auto;
  right: 375px;
  bottom: 25px;
  line-height: 1.2;
}
.crise #header .site_id img.logo-crise {
  top: 0px;
  left: 804px;
}
.crise #main_nav ul {
  display: table;
  width: 100%;
}
.crise #main_nav .nav_item {
  display: table-cell;
  float: none;
  height: auto;
  width: auto !important;
  line-height: 41px;
}
.crise #main_nav .nav_item a {
  font-size: 0.8em;
  background-image: none;
  padding: 10px;
  line-height: 20px;
}
.crise #main_nav .nav_item.open a:after {
  display: none;
}
.crise .content .visio {
  float: none;
  width: 100%;
  padding-bottom: 20px;
  background: #ffffff url('../images/bkgd//shadow1.png') no-repeat center bottom;
}
.crise .content .visio .visio_content .view {
  width: 980px;
  height: 312px;
}
.crise .content .visio .visio_content .view img {
  width: 100%;
}
.crise .content .visio .visio_content .view .desc {
  bottom: 0;
}
.crise .content .visio .visio_nav {
  display: inline-block;
  margin: 5px 10px;
}
.crise .content .visio .visio_nav * {
  margin: 0;
}
.crise .content .visio .visio_nav ol {
  display: inline-block;
  margin: 0 10px;
}
.crise .content .visio .visio_nav span,
.crise .content .visio .visio_nav li {
  float: none;
  vertical-align: middle;
}
.crise .shadow {
  display: none;
}
.crise .shadow-off {
  display: none;
}
.crise #footer .shortcuts:before {
  right: 0;
}
.crise #footer .shortcuts .block {
  padding: 0;
}
.crise #footer .shortcuts .block:first-child {
  width: 77%;
  margin-right: 3%;
  padding-right: 1%;
  border-right: 1px solid #999;
}
.crise #footer .shortcuts .block:first-child > ul {
  float: left;
  width: 31%;
  margin-right: 3%;
  margin-bottom: 20px;
}
.crise #footer .shortcuts .block:first-child > ul:nth-child(3n+1) {
  clear: both;
}
.crise #footer .shortcuts .block:first-child > ul:nth-child(3n) {
  margin-right: 0;
}
#header .site_id {
  background: #007576;
}
#debug {
  display: none;
}