/*
    Document   : habillage
    Created on : 4 oct. 2013, 10:49:41
    Author     : jean-pierre pour Vertige asbl
    Description:
        Css spip ENAR
*/

/* Table des matières

 POLICES
 GÉNÉRALITÉS
 STRUCTURE PAGE BODY
 ENTETE
 MENU
 DIAPO HOMEPAGE
 SOCIAL FIXE DROITE
 CONTENU HOMEPAGE
 PAGE ARTICLE/RUBRIQUE
 COLONNE DROITE
 PIED PAGE

*/


/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

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

a, a.spip_in, a.spip_out { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: #669933}

a:hover, a:hover.spip_in, a:hover.spip_out{
  text-decoration: underline;
}

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


/*================================================================================================================================
=============================================================   POLICES   ========================================================
================================================================================================================================*/

@font-face {
  font-family: 'nexa_bold';
  src: url("polices/nexa_bold-webfont.eot");
  src: url("polices/nexa_bold-webfont.eot?#iefix") format("embedded-opentype"), url("polices/nexa_bold-webfont.woff") format("woff"), url("polices/nexa_bold-webfont.ttf") format("truetype"), url("polices/nexa_bold-webfont.svg#nexa_bold-webfont") format("svg");
  font-weight: bold;
  font-style: normal; }

/*================================================================================================================================
=========================================================   GÉNÉRALITÉS   ========================================================
================================================================================================================================*/
/*git test*/

body{
  font-family: arial, helvetica, sans-serif;
}
.orange-fonce, .mot-cle-1{
  color: #ce5c39;
}
.vert, .mot-cle-2{
  color: #81bc06;
}
a{
  text-decoration: none !important;
}
.gras{
  font-weight: bold;
}
/* cache du contenu aux visiteurs non non-voyants */
.cache-aux-voyants {
  position: absolute;
  left: -99999px;
}

/* table Spip */
table.spip{
  margin: 1em auto;
  width: 100%;
  border-bottom: 4px solid #e2640d;
  clear: both;
}
table.spip th{
  background-color: #e2640d;
  color: #fff;
  padding: 0.35em 0.55em;
}
table.spip td{
  padding: 0.35em;
  border: 1px solid #ebebeb;
  vertical-align: top;
}
table.spip tr.even td{
  background-color:  #ebebeb;
}
p{
  margin: 0.7em 0;
}
.texte p, .texte ul, .texte ol, .texte table{
  font-size: 1.05em;
  line-height: 1.5em;
}
.nettoyeur{
  clear: both;
}
/* blockquote Spip */
blockquote.spip{
  margin: 1em 2em;
  padding-left:  1em;
  border-left: 4px solid #e2640d;
  font-style: italic;
}
/* blockquote Spip */
blockquote.spip_poesie{
  margin: 1em 2em;
  text-align: right;
  padding-right: 1em;
  border-right: 4px solid #e2640d;
  font-style: italic;
}
.ps{
  font-style: italic;
  color:  #999999;
}
.notes{
  margin-top: 1.5em;
  padding-top: 0.1em;
  border-top: 1px #ccc solid;
  font-size: 1em;
}
h1{
  font-family: georgia, serif;
  font-size: 2em;
  font-weight: normal;
  font-style: oblique;
  margin-bottom: 0.5em;
  color : #3a3a3a
}
.erreur_message, .error{
  color:  #C00;
}
/*================================================================================================================================
=======================================================   STRUCTURE PAGE BODY   ==================================================
================================================================================================================================*/

#page{
  width: 100%;
  margin: auto;
  font-size: 12px;
}

/*#entete, #col_droite, #contenu, #pied , #accueil, #recherche, #entete-conteneur, #deco-blanc,#deco-stries{
  padding:1px 0;
}*/
#entete-conteneur{
  margin: auto;
  /*display: table;*/
}
/*.deco-blanc{
  display: table-cell;
  height: 137px;
  width: 50%;
  background-color: #fff;
}*/

/*.deco-stries{
  display: table-cell;
  height: 137px;
  width: 50%;
  background: url(img/recherche.png)  repeat-x top;
}*/

#entete{
  margin: auto;
}
#accueil{
  /*display: table-cell;
  width: 670px;*/
}
#recherche-conteneur{
  display: table-cell;
  vertical-align: top;
  /*width:290px;*/
}
.liste.resultats{
  margin-bottom: 2em;
}
#conteneur {
  /*display:table;*/
  margin:auto;
  /*width: 960px;*/
}


/*================================================================================================================================
=========================================================   ENTETE   =============================================================
================================================================================================================================*/

#entete #accueil a{
  display: block;
  background: url(img/entete.png) no-repeat top left;
  height: 137px;
}
#recherche-contenu{
  background: url(img/header.png)  repeat top;
  height: 137px;
  margin-left: -13px;
}


#entete a img{
  display : none;
  visibility: hidden;
}
#recherche-conteneur .moins,#recherche-conteneur .plus{
  display: inline-block;
  height: 17px;
  width: 20px;
  background: url(img/moins.png) no-repeat bottom center;
}
#recherche-conteneur .plus{
  background: url(img/plus.png) no-repeat bottom center;
}
#recherche-conteneur span{
  font-weight: bold;
  line-height: 2.6em;
  padding-left: 5px;
}
#recherche-conteneur .membre_area,#recherche-conteneur .contact{
  display: inline-block;
  background: url(img/more.png) no-repeat left bottom;
  padding: 3px 0 0 25px;
  color:  #3a3a3a;
  height: 21px;
/*  margin-left: 76px;*/
  font-weight: bold;
}
/*#recherche-conteneur .contact{
  margin-left: 174px;
}*/
#formulaire_recherche{
  margin-top: 15px;
}
#recherche{
  width: 205px;
  border: solid 1px  #ccc;
  border-right: none;
  height: 39px;
  background: none;
  background-color: #fff;
  float: left;
  padding : 2px 12px 0 10px;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}
#formulaire_recherche input.submit, #formulaire_recherche_docuextraplus input.submit{
  height: 39px;
  width: 45px;
  border: solid 1px  #ccc;
  border-left:  none;
  background: url(img/loupe.png) no-repeat center center #fff;
  cursor: pointer;
  border-radius: 0;
/*  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;*/
}
#formulaire_recherche input.text:focus{
  outline: none;
}

#formulaire_recherche form{
  margin-bottom: .7em;
}
#advanced-search form{
  width: 70%;
  margin: auto;
}
/*coucou*/

#advanced-search select{
  width: 95%;
  height: 2.5em;
}

/*#advanced-search .editer_date_in{
  float: left;
}*/
/*#advanced-search .editer_date_in input, #advanced-search .editer_date_out input{
  width:80%;
}*/
#advanced-search input[type="submit"]{
  text-align: center;
  margin-top: 1em;
}
/*#advanced-search .editer_date_out{
  float: right;
}*/
#advanced-search-link{
  text-align: right;
  margin-right: 1.4em;
  line-height: 1em;
}
#advanced-search-link a{
  color:  #999999;
}
#advanced-search-link a:hover{
  color:  #ccc;
  text-decoration: underline !important;
}
#ui-datepicker-div{
  font-size: 0.8em;
}
.ui-datepicker-header{
  font-size: 0.9em;
}
/*================================================================================================================================
=========================================================   MENU   ===============================================================
================================================================================================================================*/
#smallerscreen-menu{
  display: none;
  visibility: hidden;
}
#nav{
  background: url(img/nav-fond.png) repeat-x top;
}
nav#menu_principal{
  background-color: #fff;
}
nav#menu_principal>ul>:first-child a{
  padding-right: 27px;
  padding-left: 28px;
}

nav#menu_principal>ul{
  /*width: 960px;*/
  margin-left: 1px;
  margin-right: 1px;
  background: url(img/menu-fond.png) repeat-x top;
}
nav#menu_principal ul>li{
  position: relative;
  display: table-cell;
  text-align: center;
  z-index: 2000;
}
nav#menu_principal ul>li a{
 display: block;
 background: url(img/menu-fond.png) repeat-x top;
 font-family: nexa_bold;
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 14px;
 line-height: 4em;
 padding: 0 17px;
 height: 56px;
 margin-right: 1px;
 text-shadow: 1px
}
nav#menu_principal ul>li a:hover,nav#menu_principal ul>li a.on{
  background-image: none;
  background-color: #d6e4ae;
  color : #669933;
}
nav#menu_principal ul>li a:hover.ombrage,nav#menu_principal ul>li a.on.ombrage{
  text-shadow: none;
}
nav#menu_principal ul>li ul{
  position: absolute;
}
nav#menu_principal li.second{
  width: 100%;
}

nav#menu_principal ul.subsub{
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
}

nav#menu_principal ul>li ul li{
  display: block;
  position: relative;
}
nav#menu_principal ul>li ul li a{
  background : #81bc06;
  line-height: 2em;
  font-size: 1em;
  text-align: left;
  height: auto;
  padding: 4px 10px;
  border-bottom: 1px solid #fff;
}
.ombrage {
  text-shadow: -1px -1px 0.5px #555;
}
.title-bar{
  background-color : #81bc06;
  border-bottom: 1px solid #fff;
}
button.menu-icon{
  background-color: transparent;
  border : none;
}
/*================================================================================================================================
==================================================   MENU  MEMBERS ===============================================================
================================================================================================================================*/

nav#menu_haut_members{
  margin-top: 1px;
}
nav#menu_haut_members > ul {
  /*width: 960px;*/
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  margin: auto;
  background-color: #d6e4ae;
}
nav#menu_haut_members>ul>li{
  position: relative;
  display: table-cell;
  text-align: center;
  background-color: #d6e4ae;
  height: 2em;
  z-index: 2000;
}
nav#menu_haut_members >ul>li a{
 display: block;
 font-family: nexa_bold;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 11px;
 line-height: 2.2em;
 padding: 0 10px;
 margin-right: 1px;
 text-shadow: 1px
}
nav#menu_haut_members >ul>li a:hover{
  background-color: #81bc06;
  color: #d6e4ae;
}
nav#menu_haut_members>ul>li>ul{
/*  display: none;*/
  position: absolute;
  top: 2em;
  width: 100%;
  display: block;
  text-align: left;
}
nav#menu_haut_members>ul>li>ul li{
  width: 100%;
}

nav#menu_haut_members>ul>li>ul li a{
  display: block;
  width: 100%;
  height: 100%;
  text-transform: none;
  font-size: 13px;
  background-color: #d6e4ae;
 border-top: 1px solid #fff;
 line-height: 1.5em;
 padding-top: .4em;
}
/*================================================================================================================================
===================================================   DIAPO HOMEPAGE   ===========================================================
================================================================================================================================*/
#diaporama{
  position: relative;
}
.diaporama_box{
  position: relative;
  z-index: 1000;
}
.diaporama_box_infos{
  position: absolute;
  z-index: 1100;
  top:140px;
  left: 10px;
}
.mot-cle{
  padding: 2px 10px;
  margin-bottom: 2px;
}
.mot-cle span{
  display:  inline;
  background-color: #fff;
  font-family: nexa_bold;
  text-transform: uppercase;
  font-size: 1.00em;
  padding: 3px 10px;

  letter-spacing: 0.1em;
}
.diaporama_box_infos h2{
  max-width: 500px;
  font-size: 1.8em;
  padding: 0px 10px;
}
.diaporama_box_infos h2 a{
  display: block;
}
.diaporama_box_infos h2 a:hover span{
  color :  #dc5f0a;
}
.diaporama_box_infos h2 div span{
  font-family: georgia, serif;
  font-weight: normal;
  font-style: oblique;
  color : #666666;
  display: inline-block;
  margin-top: 5px;
  padding: 0px 10px;
  background-color: #fff;
  line-height: 1.3em;
  box-shadow: 5px 5px 12px #555;
}
.lire-la-suite a{
  display: block;
  margin-top: 2px;
  padding: 4px 10px;
}
.lire-la-suite a span{
  background-color: #fff;
  color: #666666;
  font-family: nexa_bold;
  text-transform: uppercase;
  font-size: 1.05em;
  padding: 5px 10px;
  letter-spacing: 0.1em;
}
.lire-la-suite a:hover{
  text-decoration: underline !important;
}
.pager{
  position: absolute;
  top:300px;
  width: 670px;
  z-index: 1200;
  text-align: center;
}
.pager a{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(img/pager.png);
}
.pager a.cycle-pager-active{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(img/pager-activ.png);
}

/*================================================================================================================================
=================================================   SOCIAL FIXE DROITE   =========================================================
================================================================================================================================*/

#social-droite, .social-droite{
  position: fixed;
  right: 0;
  top: 40%;
  width: 68px;
  height: 138px;
}
#social-droite .facebook a{
  background: url(img/facebook-right.png) no-repeat center center;
  width: 68px;
  height: 68px;
  display: block;
}
#social-droite  img{
  display: none;
}
#social-droite .twitter a{
  background: url(img/tweeter-right.png) no-repeat center center;
  width: 68px;
  height: 34px;
  display: block;
  border-top: none;
}
#social-droite .printer{
  display: none;
  visibility: hidden;
}


/*================================================================================================================================
===================================================   CONTENU HOMEPAGE   =========================================================
================================================================================================================================*/


#contenu-cadre{
  position: relative;
  z-index: 1500;
/*  background: url(img/contenu-cadre.png) no-repeat top left;*/
background-color: #fff;
  margin-top: -70px;
  min-height: 1000px;
  padding: 35px 45px;
}
#contenu-cadre #contenu-haut{
  font-family: nexa_bold;
}
#contenu-cadre #titre{
  display: table-cell;
  font-size: 1.25em;
  text-transform: uppercase;
  color: #666666;
  letter-spacing: 0.05em;
}
#contenu-cadre #rss{
  display: table-cell;
}
#contenu-cadre #rss a{
  color:  #f56302;
  display: block;
  font-size: 1.15em;
  background: url(img/rss.png) left no-repeat;
  padding: 5px 0px 5px 30px;
  margin-left: 20px;
}
#contenu-cadre #rss a:hover{
  text-decoration: underline !important;
}
#contenu-cadre #nav-mots-cles{
  display: table-cell;
  text-align: right;
  width: 61%;
}
.page_rubrique #contenu-cadre #nav-mots-cles{
  visibility:  hidden;
  height: 120%;
}
#contenu-cadre #nav-mots-cles li{
  list-style-type: none;
  display: inline-block;
  ;
}
#contenu-cadre #nav-mots-cles li a{
  display: block;
  text-transform: uppercase;
  text-align: right;
  padding: 0px 5px 10px 5px;
}
#contenu-cadre #nav-mots-cles li a.all{
  color: #666666;
}
#contenu-cadre #nav-mots-cles li a.on{
  border-bottom: 3px solid #666666;
}
#contenu-cadre #nav-mots-cles li a.on.mot-cle-1{
  border-color:  #ce5c39;
}
#contenu-cadre #nav-mots-cles li a.on.mot-cle-2{
  border-color: #81bc06;
}

#contenu-cadre .news-box .mot{
  font-family: nexa_bold;
  display: block;
  text-transform: uppercase;
  padding: 0px 5px 5px 0px;
}
#contenu-cadre .news-members{
  margin-top: 1em;
}

#contenu-cadre h3,.page_rubrique #contenu-cadre .news-members h3{
  font-family: georgia, serif;
  font-size: 1.7em;
  font-weight: normal;
  font-style: oblique;
  color : #3a3a3a;
  padding: 0px 0px  10px 0px;
  background-color: #fff;
  margin-top: 0;
}
#contenu-cadre .logo{
  float: left;
  padding: 0 15px 10px 0;
}
#contenu-cadre .news-box, #contenu-cadre .news-members .news-box{
  margin-bottom: 15px;
  clear: left;
}
#contenu-cadre .news-box .chapo , #contenu-cadre .news-members .news-box .chapo{
  font-size: 1.2em;
  color: #6e6e6e;
  line-height: 1.5em;
}
#contenu-cadre .news-members .news-box .chapo{
  font-size: 1.25em;
  color: #6e6e6e;
  line-height: 1.35em;
  font-style: normal;
  font-family: inherit;
  padding-bottom: .5em;
}
#contenu-cadre .news-box .chapo .date{
  font-weight: bold;
}
#contenu-cadre .news-box .liens{
  margin-top: 10px;
}
#contenu-cadre .news-box .lire-la-suite,
.page_rubrique .liste-items .liens .lire-la-suite,
.page_article .liste-items .liens .lire-la-suite,
.page_rubrique-boxes .descriptif .lire-la-suite{
  color: #3a3a3a;
  font-weight: bold;
  background: url(img/more.png) no-repeat left center;
  padding: 3px 20px 3px 25px;
}
.page_rubrique-boxes .descriptif .lire-la-suite{
  opacity: .8;
  font-style: normal;
}
.page_rubrique .liste-items .liens{
  text-align: right;
  width: 100%;
  margin-top: .9em;
}
#more-news{
  background-color : #ebebeb;
  min-height: 30px;
  padding: 18px 10px 0 10px;
  margin: 0px 20px 0px 10px;
}
#more-news.info-publi{
   margin: 0;
}
.page_rubrique #more-news{
  display: none;
}
#more-news ul{
  margin: -13px 25px 0;
  font-weight: bold;
}
#more-news.info-publi ul{
  margin: 0 25px 0;
}
#more-news li{
  list-style-type: none;
  display: inline-block;
}
#more-news li a, #more-news li span.a{
  background: url(img/more.png) no-repeat left center;
  padding: 3px 20px 3px 25px;
  color:  #3a3a3a;
}
#more-news li a:hover{
  text-decoration: underline !important;
}
#more-news li a span{
  font-family: nexa_bold;
  text-transform: uppercase;
}
.twitter-box iframe{
  height: 500px !important;
}

/*================================================================================================================================
=============================================  PAGE ARTICLE/RUBRIQUES   ==========================================================
================================================================================================================================*/

.page_article #contenu-cadre, .page_rubrique #contenu-cadre, .page_404 #contenu-cadre, .page_recherche #contenu-cadre, .page_mot #contenu-cadre, .page_login_public #contenu-cadre,
.page_forum #contenu-cadre, .page_agenda #contenu-cadre, .page_evenement #contenu-cadre, .page_jour #contenu-cadre, .page_member #contenu-cadre, .page_auteur #contenu-cadre, .page_404 #contenu-cadre,
#contenu-cadre{
  margin-top: 15px;
}
#contenu-cadrfe h1, .h1, h1 a{
  font-family: georgia, serif;
  font-size: 2em;
  font-weight: normal;
  font-style: oblique;
  margin-bottom: 0.5em;
  color : #3a3a3a
}
.page_article #contenu-cadre .chapo,
.page_rubrique #contenu-cadre .chapo,
.page_rubrique-boxes  .chapo,
.page_library-document #contenu-cadre .chapo,
.page_library-syndic #contenu-cadre .chapo,
.page_rubrique-boxes .descriptif .introduction,
.visualization .chapo
{
  font-size: 1.25em;
  color: #6e6e6e;
  line-height: 1.35em;
  font-style: italic;
  font-family: georgia,serif;
  padding-bottom: .5em;
}
.page_article #contenu-cadre .chapo.droite,
.page_rubrique #contenu-cadre .chapo.droite{
padding-left: 20em;
}

.page_article #contenu-cadre .date,.page_rubrique #contenu-cadre .date{
  width: 100%;
  font-weight: bold;
  color:  #3a3a3a;
  margin-top: .4em;
}
.page_rubrique .members-area #contenu-cadre .date{
  display: none;
}
.page_rubrique .members-area #contenu-cadre .news-members .date{
  display: inline;
}

.page_article #contenu-cadre .texte,.page_rubrique #contenu-cadre .texte{
  font-size: 1.1em;
  line-height: 1.35em;
}
.page_article #contenu-cadre h3,
.page_rubrique #contenu-cadre h3,
.page_recherche #contenu-cadre h3,
.page_auteur #contenu-cadre h3,.h3,.h3 a{
  font-family: nexa_bold;
  font-size: 1.45em;
  color:  #e2640d;
  font-style: normal;
  margin-top: 1em;
}
.page_article #contenu-cadre h3{
  clear: both;
}
.page_rubrique .introduction .date, .page_mot .introduction .date{
  font-weight: bold;
}
.page_rubrique #contenu-cadre h3 a,.page_article #contenu-cadre .liste-items h3  a{
  color:  #e2640d
}
.page_article #contenu-cadre ul,.page_article #contenu-cadre ol,.page_rubrique #contenu-cadre ol, .page_recherche #contenu-cadre ul{
  margin: 1em 3em;
}
.page_article #contenu-cadre a:hover, .page_article #contenu-cadre a:hover.spip_in, .page_article #contenu-cadre a:hover.spip_out{
  text-decoration: underline !important;
}
.page_article #contenu-cadre .liste-items{
  padding: 0;
  margin: 0;
}
.texte{
  clear: both;
}

.points-horizon{
  border-bottom: 1.2px dashed #999999;
}
.page_article #contenu-cadre .logo,.page_rubrique #contenu-cadre .logo, .page_mot #contenu-cadre .logo{
  margin-left: 0;
  margin-top: 0;
  width: 280px;
  height: 156px;
}
.page_rubrique #contenu-cadre .liste-items .logo, .page_mot #contenu-cadre .liste-items .logo, .page_article #contenu-cadre .liste-items .logo{
  width: 180px;
  height: 100px;
}
.page_rubrique #contenu-cadre .liste-items li,.page_mot #contenu-cadre .liste-items li,.page_article #contenu-cadre .liste-items li{
  list-style-type: none;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px dotted  #ccc;
/*  min-height: 9em;*/
}
.page_rubrique #contenu-cadre .liste-items li{
  font-size: 1.1em;
}
.page_rubrique .liste.articles{
  margin-top: 2em;
}
.page_rubrique #contenu-cadre .liste-items li h2, .page_mot #contenu-cadre .liste-items li h2, .page_article #contenu-cadre .liste-items li h2{
  font-size: 1.1em;
}
.page_rubrique .introduction p{
  font-size: 1.15em;
}
p.pagination{
  margin-top: 1em;
  text-align: center;
}
.page_recherche #contenu-cadre ul li,
.page_section_search .box-conteneur ul li{
  margin: 0.5em 0;
}
.page_section_search .box-conteneur{
  clear: none;
}
/*galeries images*/

.documents_portfolio img{
  display: block;
  float: left;
  margin: 8px;
}

/*Mots clés*/
.page_article #more-news,.page_mot #more-news{
  clear: both;
  background-color: transparent;
  padding: 0;margin: 1em 0;
}
.page_article #more-news ul, .page_mot #more-news ul{
  margin: 0;
  padding: 0;
}
/* Tableau document upload */

table.upload{
  width: 100%;
}
.formulaire_upload legend{
  display: none;
}


.formulaire_spip .upload input.text{
  width: 100%;
  height: 1em;
  margin: .2em .5em;
  padding: .3em .3em;
}
.formulaire_spip .upload td.file-name{
  width: 20em;
}
.formulaire_spip .upload td.choix input{
  float: none;
  margin-left: 2em;
}

/* listes documents */
.documents_joints li{
  padding: .3em 0;
}
.documents_joints li span.small{
  font-size: .8em;
}
.spip_documents{
  display: block;
}
.spip_documents img{
  max-width: 100%;
}
.texte .spip_documents_center{
  text-align: center;
}
.spip_documents.video, .spip_documents.audio{
  clear: both;
  padding: 1em;
}

.texte .spip_documents_left{
  margin-right: 10px
}
.texte .spip_documents_right{
  margin-left: 10px
}
.page_mot #contenu .liste.articles{
  font-size: 1.1em;
}
li.editer_statut{
  width: 25%;
}
li.editer_statut label{
  clear: both;
  float: none;
}
li.editer_statut .choix label{
  float: none;
  padding-left: 1em;
}

/*media library*/


#media-docuextraplus td{
  vertical-align: top;
  padding: .40em 0em .40em .5em;
}
#media-docuextraplus td .date{
  width: 55px;
}

.formulaire_editer_document form p{
  text-align: left;
}
.formulaire_editer_document form p.boutons{
  text-align: center;
 }
 .formulaire_editer_document form p.boutons input[type="submit"]{
   margin: 0;
 }
 .galerie-docuextraplus{
   margin-bottom: 1em;
 }
 .download a{
   font-size: 1.3em;
   font-weight: bold;
   color : #e2640d;
 }
 .download a:hover{
   text-decoration:  underline !important;
 }
.formulaire_editer_document fieldset{
  margin-bottom: 2em;
}
.formulaire_editer_document .over .submit{
  display: none;
}
#contenu-cadre .formulaire_editer_document h3{
  background-color: transparent;
  font-size: 1.1em;
  font-style: normal;
  font-weight: bold;
  font-family:  arial, sans-serif;

}
.formulaire_editer_mots_docuextraplus table.liste, .liste-sites table.liste, #media-docuextraplus table.liste{
  border: none;
  margin: 0;
  border-top:  solid 1px #ccc;
}
.formulaire_editer_mots_docuextraplus .liste-objets-lies,.liste-sites, .galerie-docuextraplus #media-docuextraplus{
  margin-bottom: 1em;
  margin-top: .2em;
}
.formulaire_editer_mots_docuextraplus  table.liste.spip th,.liste-sites table.liste.spip th{
  background-color: inherit;
}
.formulaire_editer_mots_docuextraplus  table.liste.spip td,.liste-sites table.liste.spip td,.galerie-docuextraplus #media-docuextraplus td{
  border : none;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: left;
}
.galerie-docuextraplus .objet-recherche strong{
  color:  #e2640d;
}
.galerie-docuextraplus .objet-recherche {
  line-height: 2em;
}

.galerie-docuextraplus h2{
  line-height: 2em;
  margin-bottom: 1em;
}
.galerie-docuextraplus .titre a{
  font-size: 1.3em;
  display: inline-block;
  margin-top: .5em;
}
.galerie-docuextraplus td.action{
  text-align: right;
}
.galerie-docuextraplus input[type="submit"], input[type="reset"], .galerie-docuextraplus button, .galerie-docuextraplus a.button{
  float: left;
}
.galerie-docuextraplus #media-docuextraplus td{
 padding-bottom: 1em;
 vertical-align: bottom;
}
.galerie-docuextraplus #media-docuextraplus td.description{
  padding-bottom: 1em;
}
.galerie-docuextraplus #media-docuextraplus div.descriptif{
  line-height: 1.5em;
}
.formulaire_editer_mots_docuextraplus  table.liste.spip td.action,.liste-sites table.liste.spip td.action{
  text-align: right;
  width: 31%;
}
.formulaire_editer_mots_docuextraplus  table.liste.spip tr:last-of-type td,.liste-sites table.liste.spip tr:last-of-type td, .galerie-docuextraplus #media-docuextraplus tr:last-of-type td{
  border: none;
}
.formulaire_editer_mots_docuextraplus .toggle_box_link{
  text-align: center;
}
form.bouton_action_post{
  margin: 0;
}
.toggle_box_link{
  text-align: center;
}
.formulaire_recherche_avancee #recherche{
  float: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 1em;
  height: 2em;
  width: 43%;
}
.formulaire_recherche_avancee h4{
  font-size: 1em;
}
.formulaire_recherche_avancee .checkbox label{
  float: none;
  display: inline-block;
  margin : 0;
  width: auto;
}
.formulaire_recherche_avancee .checkbox li{
  float: left;
  width: auto;
}
.formulaire_recherche_avancee li.editer_date_fin,.formulaire_recherche_avancee li.editer_date_debut{
  display: inline-block;
  width: 33%;
}
.formulaire_recherche_avancee li.editer_date_debut{
  margin-right: 1em
}
.formulaire_recherche_avancee .checkbox input{
  float: none;
  display: inline-block;
  margin :  0 4px 0 12px;
}
.formulaire_recherche_avancee .groupe_mots{
  background-color: #fff;
  padding: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid #ccc;
  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.reponse_formulaire_erreur,.erreur{
  color:  #C00;
}
#aide_recherche{
  margin-top: 1em;
  background-color: #fff;
  padding: 1%;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
#aide_recherche .soustitre{
  font-weight: bold;
  color: #ce5c39;
}
#aide_recherche table{
  border : none !important;
}
div.recherche p{
  display: table-cell;
}
div.recherche p:first-of-type{
  width: 75%;
}
div.recherche p:last-of-type{
  width: 140px;
  text-align: right;
}
#media-docuextraplus table tr.infos td{
  border-bottom: none;
}
#media-docuextraplus table tr.infos td.modifier{
  text-align: right;
}
#media-docuextraplus table tr.descriptif td{
  border-top: none;
}
/*================================================================================================================================
====================================================  PAGE OUR WORK    ===========================================================
================================================================================================================================*/
.box-conteneur{

  clear: both;
}
.haut{

}
.haut .descriptif{
  margin-top: 2em;
}
.haut .sous-menu-haut{
  padding: 2%;
}

.haut .logo{
  float: left;
  margin-right: 1rem;
}
.haut .introduction{
  margin-left: 222px;
}
.box{
  overflow: hidden;
}
.box .points{
  margin: auto;
}
.box.recherche{
  height: 200px;
}
.box:last-of-type:after{
  content:"";
  clear: both;
}
.box ul li{
  list-style-type: none;
  background: transparent url("img/more.png") no-repeat scroll left top;
  padding-left: 2em;
  margin-top: .6em;
}
.box #recherche{
  width: 175px;
}
.box .quick-facts{
  padding: 0 0 1rem 0;
  width: 93%;
}
.box .quick-facts h2{
  background: transparent url("img/quickfacts.png") no-repeat scroll left top;
  width: 201px;
  height: 38px;
  color: #fff;
  margin: 10px auto;
  padding: 0 10px 0 40px;
  line-height: 1.65em;
}
.box .quick-facts h2 a{
  color: #fff;
}
.box .quick-facts h3{
  background: transparent url("img/more.png") no-repeat scroll left top;
  padding-left: 1.4em;
}
.box .quick-facts .texte{
  padding: 0 20px;
}
.box .quick-facts .texte p{
  padding-left: 2em;
}
.box .quick-facts .texte p img{
  margin-left: -2em;
}
.box iframe{
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}


/******  moteur recherche our work  *******/
.page_section_search #formulaire_recherche{
  margin: 0;
}

.page_section_search .descriptif #formulaire_recherche{
  float: right;
}
.page_section_search .cartouche{
  float: left;
}
.page_section_search .soustitre{
  font-size: 1.3em;
}
.page_section_search .soustitre span{
  color :  #e2640d;
}
.page_section_search .liste-items{
  margin-left: 2em;
}

/*================================================================================================================================
====================================================  COLONNE DROITE   ===========================================================
================================================================================================================================*/

#col_droite{
  vertical-align: top;
  color : #6f6f6f;
  font-size: 1.1em;
  max-width: 350px;
}

/******  menu colonne droite et menu page our work  *******/

#col_droite #menu_droite h2, #col_droite .menu_droite h2{
  font-family: nexa_bold;
  color:  #669933;
  font-size: 1.2em;
  text-transform: uppercase;
}
#col_droite #menu_droite ul, .haut .sous-menu-haut ul{
  font-family: nexa_bold;
  margin-top: .5em
}
#col_droite #menu_droite  > ul > li, .haut .sous-menu-haut  > ul > li{
  background: url(img/more.png) no-repeat left top;
  padding-left: 2em;
  line-height: 1.5em;
}

#col_droite #menu_droite ul ul, .haut .sous-menu-haut ul ul{
  margin: .5em 0em .5em 0.7em
}
#col_droite #menu_droite li,.haut .sous-menu-haut li{
  list-style-type: none;
  margin: .3em 0;
}
#col_droite #menu_droite li a,.haut .sous-menu-haut li a{
  color:  #555;
}
#col_droite #menu_droite li a.on, #col_droite #menu_droite li span.on,.haut .sous-menu-haut li a.on{

  color:  #669933;
}
#col_droite #menu_droite li a:hover, .haut .sous-menu-haut li a:hover{
  color: #81bc06;
}

#col_droite .article p{
  line-height: 1.5em;
}
.points{
  /*width: 250px;*/
  padding: 20px;
  border: dashed 1.2px  #999999;
  margin-bottom: 2em;
}
.points.calendar{
  padding-bottom: 0px;
}
.points.calendar .calendriermini{
  margin-bottom: 0 !important;
}


.calendriermini .calendar-container{
  height: auto !important;
  padding-bottom: 2rem;
  width: 100%;
}

.points.notice-board h2{
  margin-bottom: 1em;
}
#col_droite .article{
  margin-bottom: 1em;
}
#col_droite h4{
  font-family: georgia,serif;
  font-style: italic;
/*font-weight: normal;*/
  font-size: 1.4em;
  margin-bottom: 0.3em;
}
#col_droite blockquote.spip a.spip_in, #col_droite blockquote.spip a.spip_out,#col_droite input[type="submit"]{
  background-image:  none;
  background-color: #e2640d;
  border: 1px solid  #ce5c39;
  line-height: 3em;
  font-size: 1.2em;
  font-family: georgia, serif;
  font-style: italic;
  color: #fff;
  text-align: center;
  padding: 5px 15px;
  margin: 0px 5px;
}
#col_droite h3{
  font-family: nexa_bold, arial, sans-serif;
  font-size: 1.17em;
/*  text-transform: uppercase;*/
}
#col_droite .chapo p{
  font-family: georgia, serif;
  font-style: italic;
  font-size: 1.1em;
  margin: 5px 0;
}
#col_droite blockquote.spip{
  border: none;
  margin: 0;
  padding: 0;
}
#col_droite p a.spip_in,#col_droite p a.spip_out{

  background: url(img/more.png) no-repeat left center;
  padding: 3px 20px 3px 25px;
  color:  #3a3a3a;
  border: none;
  font-family: arial,sans-serif;
  font-style: normal;
  font-size: 1.1em;
  line-height: 2em;
}
#col_droite .article ul.spip{
  margin: 5px 5px 5px 20px;
  padding: 0;
  font-family: georgia, sans-serif;
  font-style: italic;
  color: #dc5f0a;
  font-size: 1.1em;
}
#col_droite .enargy{
  background: url(img/enargy.png) no-repeat bottom right;
  width: 100% !important;
}
#col_droite .enargy .article{
  margin: auto;
}
#col_droite .country select{
  width: 98%;
  background: none !important;
  border: solid 1px  #6e6e6e;
  height: 30px;
  padding: 0;
  font-family: georgia, serif;
  color :#666;
  font-style: italic;
  -webkit-appearance: menulist;
  box-sizing: content-box;
}
#col_droite .country select option.empty{
  font-family: georgia, serif;
  color :#666;
  font-style: italic;
}
#col_droite .country select option{
  background: none;
  font-family: arial,sans-serif;
  font-style: normal;
  color: #666666;
}
#col_droite input[type="text"]{
  width: 94%;
}
#col_droite input[type="submit"]{
  text-transform: none;
  margin: 1em 0em;
  line-height: 1.45em;
  border-radius: 0;
}
/*================================================================================================================================
=====================================================   FORMULAIRES   ============================================================
================================================================================================================================*/

.members-liste li{
 list-style-type: none;
 }
 .members-liste>li{
   border-bottom: 1px solid #ccc;
 }

/*================================================================================================================================
=====================================================   FORMULAIRES   ============================================================
================================================================================================================================*/
.formulaire_edit_member .country{
  text-align: right;
  font-weight: bold;
  color :  #669933;
}
.reponse_formulaire_ok{
  color :  #00AA00;
  font-size: 1.1em;
}


/*================================================================================================================================
=====================================================   PAGE AUTEUR   ============================================================
================================================================================================================================*/
.member-profile{
  font-size: 1.2em;
}
.member-profile .label{
  font-weight: bold;
  padding-top : 1em;
}
.member-profile li{
 list-style-type: none;
 }
.member-profile .member-contents>li{
   border-bottom: 1px solid #ccc;
   font-size: .9em;
 }
 .member-profile .member-contents>li li p{
   margin: .1em 0 .4em 0;
 }
 .member-profile .member-contents h4 span{
   font-weight: normal;
   color :  #999999;
   font-style: italic;
   font-size: .9em;
 }
 .member-profile .skype a{
   background: url(img/skype-icon.png) left no-repeat;
   padding-left: 30px;
   height: 24px;
   display: inline-block;
   line-height: 1.7em;
 }

 /*================================================================================================================================
=================================================   PAGE VISUALIZATION   ==========================================================
================================================================================================================================*/

.visualization #contenu-cadre{
   width: 960px;
 }
 .visualization #contenu-cadre h1{
   text-align: center;
 }
 .visualization #contenu-cadre > div > div iframe{
   margin: auto !important;
 }

/*================================================================================================================================
=======================================================   PIED PAGE   ============================================================
================================================================================================================================*/

#pied, .partners {
  margin-top :20px;
  background-color: #ebebeb;
}
#pied #menu_pied, #plante #plante-contenu, .partners{
  width: 960px;
  margin: auto;
}

#pied #menu_pied{
  padding: 20px 20px;
}
#pied #menu_pied>ul{
  padding: 0 20px;
}
#pied #menu_pied  ul  li{
  display: table-cell;
  padding-right: 50px;
}
#pied #menu_pied>ul>li{

}

#pied #menu_pied>ul>li>a, #pied #menu_pied>ul>li>span{
  color : #666666;
  display: block;
  font-family: nexa_bold;
  text-transform: uppercase;
  padding: 0px 0 10px 0;
}
#pied #menu_pied ul li ul li{
  display: block;
  padding: 0;
  width: 100%;
}
#pied #menu_pied ul li ul li a{
  color: #666666;
}
.partners{
  border-top: 1px solid #fff;
}
.partners span.spip_documents{
  float: left;
  margin: .5em 1em;
}
#plante{
  padding: 10px 0;
  color: #fff;
  background-color: #999999;
}
#plante #plante-contenu{
  width: 920px;
}
#plante span{
  display: table-cell;
  text-align: left;
  width: 56%;
}
#plante a{
  display: table-cell;
  text-align: right;
  color: inherit;
  padding-left: 20px;
}
#plante a:hover{
  text-decoration: underline !important;
}
#pied #menu_pied ul li.social li a{
  height: 20px;
  padding: 3px 40px;
  line-height: 1.8em;
  margin: 7px 0;
  display: block;
}
#pied #menu_pied ul li.social .tweeter{
  background: url(img/tweeter.png) no-repeat left center;
 }
 #pied #menu_pied ul li.social .facebook{
  background: url(img/facebook.png) no-repeat left center;
 }
 #pied #menu_pied ul li.social .gplus{
  background: url(img/youtube.png) no-repeat left center;
 }
 #pied #menu_pied ul li.social .rss{
  background: url(img/rss_black.png) no-repeat left center;
 }

 .page404{
   padding: 4em;
   font-family: nexa_bold;
   color:  #555;
   font-size: 1.1em;
 }
/*foundation correctifs*/

.pagination a, .pagination button {
  display: inline-block;
}