@charset "UTF-8";
/* =================== les fontes ========================*/
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Oswald-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Oswald';
  font-style: bold;
  font-weight: 700;
  src: url("fonts/Oswald-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Linux Libertine';
  /* normal */
  src: url("fonts/LinLibertine_R.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Linux Libertine';
  /* bold */
  src: url("fonts/LinLibertine_RB.otf");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Linux Libertine';
  /* italic */
  src: url("fonts/LinLibertine_RI.otf");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Ubuntu';
  /* normal */
  src: url("fonts/Ubuntu-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Ubuntu';
  /* bold */
  src: url("fonts/Ubuntu-Bold.ttf");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Ubuntu';
  /* italic */
  src: url("fonts/Ubuntu-Italic.ttf");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Ubuntu';
  /* italic */
  src: url("fonts/Ubuntu-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Source Sans';
  /* normal */
  src: url("fonts/SourceSansPro-Regular.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Source Sans';
  /* bold */
  src: url("fonts/SourceSansPro-Bold.otf");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Source Sans';
  /* italic */
  src: url("fonts/SourceSansPro-It.otf");
  font-weight: normal;
  font-style: italic; }
/* =====================================================*/
body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: 'Source Sans';
  /*'Open Sans',  'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;*/
  /*background: url('bordure01.png') repeat-y scroll 0% 0% #F8F8F8;*/
  font-size: 1.15em;
 /* overflow-x: hidden; */ }

.clear {
  clear: both; }
.clearright {
  clear: right; }

p, ul {
  color: #444; }

/* recherche google */
#recherche {
  position: absolute;
  width: 20%;
  max-width: 300px;
  height: 20px;
  top: 0px;
  right: 5px; }

@media only screen and (max-width: 840px) {
  /* recherche google */
  #recherche {
    visibility: hidden; 
} 

}
.gsc-control-cse {
  background: none;
  border: none; }

a {
  color: #a11a00;
  text-decoration: none; }

span.lettre {
  color: #a11a00; }

header {
  font-family: 'Ubuntu', sans-serif;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 160px;
  background-color: #F2EEE7;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid #ddd;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  -ms-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
  /*background-image:url(logo.png);
  background-repeat:no-repeat;
  background-position:13% 15px;
  background-size: Auto 100px;*/
  z-index: 2000; }

header.smaller {
  height: 50px; }

/* Titre du site */
header h1 {
  font-family: 'Ubuntu';
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 2.7em;
  color: #444; }

header #titresite{
float:left;
}

header h2 {
  font-family: 'Ubuntu', sans-serif;
  margin-left: 20px;
  margin-top: -5px;
  padding-top: 0;
  font-size: 1.2em;
  color: #444; }

@media only screen and (max-width: 1460px) {
  header h2 {
    font-size: 1.4vw; } }
/* logo npa */
header .logoNPAheader {
  float: left;
  margin-left: 0px;
  margin-top: 15px;
float:left;
 }
header .logosmall {
  float: left;
  margin-left: 25px;
  margin-top: 15px;
    display: none;
 }
header .logoNPAheader img {
  height: 66px; }

header .logoNPA {
float:right;
margin-top:15px;
margin-left:20px;
}

header .logoNPA img{
height: 66px;
}

header .logosmall img {
  height: min(40px,9vw); 
margin-left:0px;
}

@media only screen and (max-width: 1200px) {
header .logoNPA img{
    margin-right:5px;
}
header .logoNPAheader img {
    margin-left:5px;
}
}
@media only screen and (max-width: 1000px) {
/*  header .logoNPAheader img {
    width: 100px;
    height: auto; }
*/
header h2{
display:none;
}

#titresite{
padding-top:10px;
}

.logoNPAheader{
margin-top: -5px;
}

  /* recherche google */
  #recherche {
    visibility: hidden; } }
}
header #titresite {
  float: left; }

header #titresite a {
  display: block;
  color: inherit; }

/* titre qui disparait */
header .fadeheader {
  transition: visibility 0.5s, opacity 1s ease-in;
  opacity: 1;
  max-width:1200px;
margin: 0 auto;
 }

header.smaller .fadeheader {
  transition: visibility 0.5s, opacity 0.1s linear;
  visibility: hidden;
  opacity: 0; }

/* fin titre */
/* logo menu qui apparait */
/*header.smaller .logomenu {
  transition: visibility 0.5s, opacity 1s ease-in;
  opacity: 1; }

header .logomenu {
  float: left;
  margin-left: 15px;
  transition: visibility 0.5s, opacity 0.1s linear;
  opacity: 0; }
*/
/* ===================== navigation ===================== */
nav {
  width: 100%;
  float: left;
  position: absolute;
  bottom: 0px;
  height: 50px;
  border-top: 1px solid #ddd; }

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 1200px;
  /*padding-left: 10px;*/
  float: none !important;
  height: 100%;
  margin-left: auto !important;
  margin-right: auto !important; }

nav li {
  display: inline-block;
  font-size: .9em;
  font-weight:bold;
  height: 100%;
  text-align: center;
  line-height: 40px;
  transition: .4s line-height; }

nav a {
  height: 100%;
  padding: 0px 20px 0px 20px;
  /*padding-top:30px;*/
  padding-bottom: 0px;
  text-decoration: none;
  color: #777;
  display: block;
  transition: .5s background-color;
  opacity: 1; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

nav a:hover {
  background-color: #a11a00;
  color: #fff;
  opacity: 1; }

/*#menu li:hover > ul{
    display: block;
}*/
/* Sous-menu */
#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  height: auto;
  background-color: #615f5c;
  opacity: 0.95;
  width: 180px;
  border: 1px solid #444;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }

#menu ul li {
  font-size: 0.9em;
  height: 35px;
  float: none;
  margin: 0;
  padding: 0;
  display: block; }

#menu ul a {
  color: #eee;
  padding: 10px;
  height: auto;
  line-height: 1;
  display: block;
  white-space: nowrap;
  float: none;
  text-transform: none;
  opacity: 1; }

#menu ul a:hover {
  background: #a11a00;
  opacity: 1; }

#menu ul li:first-child a:after {
  content: '';
  position: absolute;
  left: 30px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #444; }

/* Rétablissement du flottement */
#menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* ===================== fin navigation ==========================*/
/* ====================== thesmes actus ==================*/
#themesactus {
  margin-top: 160px;
  width: 100%;
  background-color: #f3f3f3;
  margin-bottom: 10px;
  border-bottom: 1px solid #c7c7c7; }

#themesactus ul {
  display: inline-block;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
  margin-left: 5px;
  padding-left: 10px; }

#themesactus p {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  color: #444;
  float: left;
  margin: 10px;
  font-size: 0.8em;
  margin-left: 5px;
  padding-bottom: 0px; }

#themesactus ul li {
  display: inline-block;
  font-size: 0.9em;
  text-align: center;
  line-height: 40px;
  padding-right: 20px;
  font-style: italic;
  margin-top: 3px; }

#themesactus a:hover {
  color: #FF9F00;
  transition: .4s color; }

#bandeunder {
  max-width: 1200px;
  padding: 0;
  margin: 0 auto !important; }

/* ================== main =====================*/
main {
  display: block;
  max-width: 1200px;
 /* width: 98%; */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 5px;
  padding-right: 5px; }

p.bouton_plus {
  clear: both;
  text-align: center;
  padding: 5px;
  margin: 0px;
  margin-bottom: 10px;
  background-color: #f3f3f3; }

/* ===================== les h ===============================*/
h1, h2, h3, h4 {
  font-family: 'Ubuntu', sans-serif;
  color: #444; }

h1 {
  font-size: 1.6em; }

/* ===================== left col ============================*/
#leftaside {
  width: 288px;
  height: 100%;
  float: left;
  border-right: 1px solid #ddd;
  margin-right: 15px;
  padding-right: 10px;
  font-size: 0.9em; }

#leftaside h2 {
  margin-top: 0px;
  padding-top: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  width: 100%;
  border-bottom: 1pt solid #000; }

#leftaside ul , .bloc_actu ul{
  padding-left: 0px; }

#leftaside li, .bloc_actu li {
  list-style-type: none;
  margin-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  border-bottom: 1px solid #ddd; }

#leftaside li:hover, .bloc_actu li:hover {
  background-color: #eee;
  transition: .5s background-color; }

/* ============ liste ==================*/
#leftaside a.lien_multimedia:before, .bloc_actu  a.lien_multimedia:before{
  content: url("images/youtube_petit.png");
  vertical-align: -20%;
  margin-right: 5px; }

#leftaside a, .bloc_actu a{
  color: #a11a00; }

#leftaside a.lien_multimedia, .bloc_actu a.lien_multimedia{
  color: #a11a00;
  font-weight: bold; }

#leftaside a.lien_important, .bloc_actu a.lien_important{
  color: #a11a00;
  font-weight: bold; }

#leftaside a.lien_important:before, .bloc_actu  a.lien_important:before{
  content: "!";
  color: white;
  font-weight: bold;
  background-color: #000;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 5px;
  /*content:url('images/important_petit.png');
  vertical-align: -20%;
  margin-right:5px;*/ }

/* =========== agenda ===================*/
#agenda h2, ul {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px; }

#agenda {
  margin-bottom: 20px; }

#agenda .calendrier {
  float: left;
  margin: 5px;
  width: 35px;
  height: 35px;
  padding: 5px;
  margin-left: 0px;
  margin-top: 0;
  background-color: #a11a00; }

#agenda .calendrier p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 0.7em;
  color: white;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase; }

#agenda ul li {
  min-height: 40px;
  clear: both; }

/* ================= colonne centrale ==================*/
#centercol {
  margin-left: 316.8px;
  max-width: 897.6px; }

/* ================ bandeau =======================*/
.bandeau {
  height: 145px;
  padding: 5px;
  border: 1px solid #ddd; }

.bandeau img {
  float: right;
  /*position: absolute;*/
  /*    clip: rect(0px,0.75*(1.0-1.1*$facteurleft)*$taillemain,140px,0px);*/
  width: 90%;
  max-width: 662.4px;
  margin-right: 0px; }

/*
.bandeau img:hover {
  opacity: 0.8; }

.bandeau p:hover {
  color: #a11a00; }*/

.bandeau:hover img {
  opacity: 0.8; }

.bandeau:hover p {
  color: #a11a00; }

.bandeau p {
  text-align: right;
  padding-right: 20px;
  position: absolute;
  /*    float:right;*/
  width: 176.64px;
  font-family: 'Oswald', sans-serif; }

@media only screen and (max-width: 1320px) {
  .bandeau p {
    padding: 10px;
    padding-right: 20px;
    background-color: white;
    opacity: 0.99;
    font-family: 'Oswald', sans-serif;
    z-index: 10; } }
/* ============== les articles apercu ===============*/
.listearticle {
  float: left;
  width: 100%; }

.apercu {
  clear: both; }

.apercu img:hover {
  opacity: 0.8; }

.apercu:hover .imgarticle {
  opacity: 0.8; }

.apercu .liennoir {
  color: #444; }

.apercu .liennoir em {
  color: #a11a00; }

.apercu:hover .liennoir em  {
  text-decoration: underline; }

.apercu h2 {
  font-size: 1.3em;
  clear: both; }

.apercu h2 a {
  color: #444; }

/*
.apercu h2 a:hover {
  color: #a11a00; } */

.apercu:hover  h2 a{
  color: #a11a00; }

.article, .article ul, .breve, .resume_article, .cke_editable p {
  text-align: justify; }

.cke_editable {
  padding-left: 10px;
  padding-right: 10px;
}

.colonneArticle {
    margin-top: 20px;
}

.uneArticle {
  width: 45%;
  clear: none; }

@media only screen and (max-width: 840px) {
  .uneArticle {
    width: 100%;
    clear: both; } 
  header h1 {
    font-size: 5.8vw; 
}
}
/*.uneArticle:first-child {
  float: left; }

.uneArticle:last-child {
  float: right; }
*/
.uneArticle:nth-child(odd) {
  float: left; }
.uneArticle:nth-child(even) {
    float: right; }

/*.apercu:nth-child(even) { background-color:#F2F2F2;}*/
/* alternance de couleur de fond */
.surtitre_article {
  /* Aperçu > infos au dessus du titre */
  margin-left: 0;
  padding-left: 0;
  margin-left: -10px;
  border-bottom: #ddd solid 1px; }

.surtitre_article_motcle {
  /* champ Head */
  float: left;
  color: white;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  background-color: #a11a00;
  font-size: 80%;
  padding: 5px;
  padding-top: 3px;
  margin-bottom: 0.3em; }

.surtitre_article_date {
  float: right;
  text-align: right;
  padding: 2px;
  margin-left: 0;
  margin-bottom: 0em;
  color: gray; }

.pres {
  color: #505050;
  text-align: right;
  margin-bottom: 10px; }

.article img {
  max-width: 840px;
  margin: 5px;
  padding: 5px;
  border: 1px solid #ddd; }

/* toutes les images dans un article */
.cke_editable img {
  max-width: 840px;
  margin: 5px; }

/* version preview image dans éditeur */
.imgarticle {
  /* l'image de début d'article */
  float: right;
  margin-left: 20px !important;
  margin-bottom: 10px !important;
  /*width: 100%;*/
  max-width: 520px !important;
  padding: 5px;
  border: 1px solid #ddd; }

.apercu .imgarticle{
  width:100%;
}

.listearticle .imgarticle {
  float: left;
  margin-right: 20px !important;
  margin-left: 0px !important;
  max-width: 250px !important;
  width: auto; }

.uneArticle .imgarticle {
  float: none;
  margin: auto;
  margin-left: 0px !important;
  max-width: none !important;
  width: 96%; }

.boutons {
  float: none;
  text-align: right;
  vertical-align: -20%; }

p.boutons {
  font-style: italic; }

.boutons img {
  border: none;
  margin: 0px !important;
  height: 35px;
  vertical-align: -10px; }

a img {
  border: none; }

/* article unique */
.enteteArticle {
  height: 70px; }

p.motcleligne {
  float: left; }

p.motcleligne a {
  color: white;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  background-color: #a11a00;
  font-size: 80%;
  padding: 5px;
  padding-top: 3px; }

/* footnotes */
hr ~ p {
 text-align: left;
}

/* =============== table des matières ===========*/
.toc {
  font-size: 0.8em;
  z-index: 999999;
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 250px;
  background-color: #eee;
  border: 1px solid #000;
  opacity: 0.85;
  padding: 10px; }

.toc h3 {
  margin-top: 0px; }

.toc ul {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  list-style: none; }

.toc ul li:before {
  font-size: 1em;
  content: "\25BA \0020"; }

.toc li {
  padding: 0px;
  margin-top: 5px; }

/* =========== rubriques postit ============*/
.postit {
  float: left;
  width: 45%;
  margin: 10px;
  /*max-width:300px;*/ }

.postit h2 {
  margin-bottom: 5px; }

.postit ul {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px; }

/* =============== galleries ===============*/
#bulletins_galerie img {
  border: solid #ddd 1px;
  width: 110px;
  height: 152px; }

.resume_bulletin {
  margin-top: 5px;
  margin-bottom: 15px; }

.resume_bulletin h3 {
  clear: right; }

.imgbulletin {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  width: 200px;
  border: 1px solid gray;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray; }

#bulletins_galerie img:hover {
  opacity: 0.5; }

.bulletin {
  margin-top: 10px; }

.bulletin img {
  float: right;
  margin-right: 20px;
  margin-bottom: 10px;
  border: 1px solid #ddd; }

.bulletin li p {
  margin-top: 0px;
  margin-bottom: 3px; }

.bulletin h1 {
  margin-top: 0px; }

.bulletin h2 {
  font-variant: small-caps;
  font-size: 1.1em;
  margin-bottom: 0px; }

.bulletin .surtitre_article {
  margin-bottom: 10px; }

.bulletin .surtitre_article_date {
  font-size: 1.1em; }

.bulletin a > img {
  float: none;
  vertical-align: -30%;
  border: none; }

/* ============== bloc liens ===============*/
#bloc_liens {
  margin-top: 10px; }

#bloc_liens img {
  margin-left: auto;
  margin-right: auto; }

/* ============= breve ===========================*/
.breve img {
  max-width: 100%;
  min-width: 20%;
  margin: 0 auto; }

.pres p {
  margin: 0px;
  font-style: italic; }

.avertissement {
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  background-image: url("images/bc-info.png");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 0% 0%;
  font-weight: bold;
  padding: 10px;
  padding-left: 70px; }

/* ===== reseaux sociaux (rss, twitter, youtube, facebook) =====*/

.reseau img {
  opacity:0.8;
  border: none;
  margin: 0px;
  padding: 0px;
  height: 25px;
  width: auto;
}

#leftaside h2 img {
  opacity: 0.5; }

.reseau img:hover {
  opacity: 1 !important; }


/* ================= formation =================*/
#formation {
  float: left;
  width:75%; }

/* ============ brochure pour entête spéciale ======== */
.telecharger_brochure {
  float: right; }

.telecharger_brochure img {
  padding: 5px;
  border: 1px solid #ddd; }

.telecharger_brochure img:hover {
  opacity: 0.5; }

/* =========== bordure =============*/
.bordure {
  border: 1px solid black;
  padding: 5px; }

/* Mise en forme des messages Newsletter et admin */
.msg_erreur {
  color: #a11a00;
  font-weight: bold;
  text-align: center; }

.msg_ok {
  color: #005233;
  font-style: italic;
  text-align: center; }

.msg_erreur:before {
  content: url(images/important.png); }

.msg_ok:before {
  content: url(images/check.png); }

/********************************* Page formation **************************************/
#formation table {
  width: 100%; }

#formation table td, #formation table th {
  border: none; }

#formation li {
  list-style-type: none;
  margin: 0;
  margin-left: -20px;
  margin-bottom: 5px; }

#form_brochures li {
  list-style-type: none; }

#form_brochures li:before {
  content: '★ ';
  color: #a11a00;
  margin-left: -15px; }

.lectures li {
  list-style-image: url(images/icone-livre.png); }

.films p, .lectures p {
  margin-left: 10px; }

.films p:before {
  content: url(images/icone-film.png) " ";
  margin-left: -15px; }

.lectures p:before {
  content: url(images/icone-livre.png) " ";
  margin-left: -15px; }

.lectures a, .films a, .pack_livres span {
  font-variant: small-caps;
  font-size: 1.2em;
  text-decoration: none; }

.tabs a:link {
  color: #0006AB; }

.tabs a:link:hover {
  text-decoration: underline; }

.pack_livres em {
  font-weight: bold; }

.telecharger_pack {
  float: right;
  width: 109px;
  text-align: center;
  border: 1px solid white; }

.telecharger_pack a {
  font-size: 1.1em; }

.telecharger_pack:hover {
  border: 1px solid #a11a00; }

.f_droite {
  float: right; }

#formation form {
  background-color: #F5F5F5; }

#formation input[type=submit] {
  float: right;
  height: 40px;
  background-color: #EDEDED;
  margin: 14px; }

#formation input[type=submit] + input[type=submit] {
  float: right;
  height: 15px;
  background-color: #EDEDED;
  margin: 0px; }

#formation input[type=text], #formation textarea {
  width: 370px;
  border: none;
  background: none; }

#formation input[name=titre] {
  font-variant: small-caps; }

#formation textarea {
  font-family: Linux Libertine;
  width: 80%;
  resize: none; }

/* =========== about us =========================*/
#english {
  border-left: 1px solid #ddd;
  background-color: #f3f3f3;
  float: right; }

#english p {
  padding-right: 10px;
  color: black; }

/* ======================== footer =================*/
footer {
  clear: both;
  background-color: #444;
  height: 150px;
  margin-bottom: 0px;
  border-top: solid 1px #222;
  font-family: 'Libertine';
  font-style: italic;
  font-size: 0.9em; }

.conteneurFoot {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important; }

.conteneurFoot p {
  color: white; }

.conteneurFoot a {
  color: white;
  text-decoration: underline; }

.contact {
  width: 40%;
  float: right;
  color: white; }

.infoFoot {
  width: 40%;
  float: left; }

/* ============= sommaire pliable ==========*/

#updown {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    float:right;
}

span.rotateupdown {
    transform: rotate(180deg) !important;
}

/*================== site mobile ===================*/
#menu-icon {
  display: none;
  width: 40px;
  /*height: 40px;*/
  margin-right: 20px;
  background: url(images/menu-icon.png) center no-repeat;
  float: right; }

#infosbreve {
  display: none; }

#menudiv {
  height: 100%; }

@media only screen and (max-width: 910px) {
  #menudiv {
    float: right; }

  #menu-icon {
    display: block; }

 #themesactus {
    margin-top: 112px; }

  /*nav li{
      font-size:1.4vw;
  }*/
  nav ul, nav:active ul {
    display: none;
    position: absolute;
    right: 0px;
    top: 20px;
    width: 80%;
    opacity: 0.95; }

  nav li {
    text-align: center;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    color: white;
    background-color: #615f5c; }

  nav li a {
    color: white; }

  #menudiv:hover ul {
    display: block;
    background-color: #615f5c;
    height: auto;
    max-height: 400px;
    overflow-y: scroll; }

  #menudiv ul li {
    height: 50px; }

  #menudiv ul ul li {
    height: 30px; }

  #menudiv:hover ul ul {
    display: none;
    /*opacity: 0;
    transition: visibility 0s, opacity 1.0s linear;*/ }

  #menudiv:hover ul ul {
    /*position:relative;*/
    overflow: visible;
    /*z-index:1000;*/
    position: relative;
    /*left: 0px;*/
    height: auto;
    top: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0.85; }
}

@media only screen and (max-width: 650px) {
  #menudiv {
    float: right; }

  #menu-icon {
    display: block; }

  header {
    height: 112px; }

  header h1 {
    font-size: 8.6vw; }

  header h2 {
    display: none; }

  header .logoNPAheader {
    display: none; }

  header .logoNPA {
    display: none;
}

header .logosmall {
    display: inline; }
 /* header .logomenu {
    opacity: 1; }
*/
  #themesactus {
    margin-top: 112px; }

  /*nav li{
      font-size:1.4vw;
  }*/
  nav ul, nav:active ul {
    display: none;
    position: absolute;
    right: 0px;
    top: 20px;
    width: 80%;
    opacity: 0.95; }

  nav li {
    text-align: center;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    color: white;
    background-color: #615f5c; }

  nav li a {
    color: white; }

  #menudiv:hover ul {
    display: block;
    background-color: #615f5c;
    height: auto;
    max-height: 400px;
    overflow-y: scroll; }

  #menudiv ul li {
    height: 50px; }

  #menudiv ul ul li {
    height: 30px; }

  #menudiv:hover ul ul {
    display: none;
    /*opacity: 0;
    transition: visibility 0s, opacity 1.0s linear;*/ }

  #menudiv:hover ul ul {
    /*position:relative;*/
    overflow: visible;
    /*z-index:1000;*/
    position: relative;
    /*left: 0px;*/
    height: auto;
    top: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0.85; }

  #leftspan {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    transform: rotate(-90deg); }

  span.rotateleft {
    transform: rotate(90deg) !important; }

  #leftaside {
    background-color: white;
    z-index: 100;
    position: absolute;
    margin-left: 0px;
    display: none;
    left: 5px;
    width: 100%;
    height: auto;
    top: 30px; }

  #centercol {
    margin-left: 10px;
    width: 95%; }

  #infosbreve {
    display: block;
    float: left;
    margin-left: 0px; }

  .toc {
    display: none; }

  .imgarticle{
    width:96%!important;
  }
}

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

.centered { text-align: center !important; }


/*================== Newsletter ===================*/

#colonne_mail {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}

/*============ blockquote =============*/

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}