.centrer{
text-align:center
}
#page{
background-image:url(img/BackgoundPage.jpg);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#FFF;
width:970px
}
#bas{
background-image:url(img/BackgroundFooter.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:30px
}
#bas a{
color:#000;
font-size:.8em
}
#page h2.titre-article,#page h1.titre-article{
text-align:left;
margin-bottom:0
}
#formulaire_recherche{
margin-bottom:30px;
width:140px;
margin-top:-10px;
padding:2px
}
#formulaire_recherche input.submit{
display:none
}
input#recherche.text{
width:95%;
border:1px solid #016A4D
}
ul li.rub66,ul li.rub143{
padding-top:20px;
background-color:#FFF
}
ul li.rub66 a,ul li.rub143 a{
background-color:#030;
background-image:url(img/Background_SA.jpg);
background-repeat:no-repeat;
background-position:bottom right
}
ul li.rub66 ul li,ul li.rub143 ul li{
background-color:#696;
margin-right:15px;
border-top:1px solid #FFF;
padding:0
}
ul li.rub66 ul li a,ul li.rub66 ul li a:visited,ul li.rub143 ul li a,ul li.rub143 ul li a:visited{
background-color:#696;
color:#FFF;
background-image:none;
padding-left:4px;
margin-left:0;
margin-right:0;
font-weight:400
}
ul li.rub66 ul li a:hover,ul li.rub143 ul li a:hover{
background-color:#FFF;
color:#696;
font-weight:400
}
ul li.rub66 ul li li,ul li.rub143 ul li li{
border:none;
margin-right:0;
padding-bottom:2px
}
ul li.rub66 ul li li a,ul li.rub143 ul li li a,ul li.rub66 ul li li a:visited,ul li.rub143 ul li li a:visited{
display:block;
margin:2px 2px 0 15px;
text-transform:none;
background-color:#FFF;
color:#016A4D;
font-family:"Gotham-Bold",'Helvetica Neue',Helvetica,Geneva,Lucida,sans-serif;
border:none
}
div.socialnetwork{
margin-top:30px;
background-image:url(img/Background_SN.png);
background-repeat:no-repeat;
background-position:bottom right;
background-size:cover;
text-decoration:none;
text-align:left;
padding:3px 4px;
display:block;
color:#FFF;
font-size:11px;
width:152px;
line-height:16px
}
div.socialnetworknew{
margin-bottom:20px;
text-decoration:none;
text-align:left;
padding:0 0 5px 0;
display:block;
color:#FFF;
font-size:11px;
width:160px;
background-color:#FFF;
border:1px solid #016A4D;
text-align:center;
}
div.socialnetworknew h4{
background-color:#569642;
text-align:center;
margin:0 0 10px 0;
color:#FFF;
font-weight:400;
font-size:14px;
padding:2px 0  
}
div.socialnetworknew a.social{
width:25px;
height:25px;
display:inline-block;
margin:3px;
opacity:1;
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
div.socialnetworknew a.social:hover{
opacity:0.5;  
}
div.socialnetworknew a.social img{
width:25px;
height:25px;  
}

#menu-lang,#formulaire-lang{
float:left;
width:75%;
text-transform:capitalize;
text-align:left;
font-size:80%;
color:#FFF;
margin:-30px 0 33px;
padding:0;
overflow:hidden
}
#bt_print{
float:left;
width:20%;
margin:-30px 0 10px;
text-align:right
}
#formulaire-lang{
width:75%;
overflow:hidden
}
#formulaire-lang .forml{
margin:0
}
#formulaire-lang a{
color:#FFF;
text-decoration:none;
background-color:#360;
padding:4px 2px;
line-height:14px;
}
#formulaire-lang strong{
color:#FFF;
text-decoration:none;
background-color:#360;
padding:2px
}
#menu-lang{
margin:0;
color:#fff;
padding:0
}
#menu-lang a{
color:aqua
}
#menu-lang a:hover{
color:#FBA
}
#menu-principal-accueil{
display:none
}
#calendar{
-moz-border-radius:1em;
text-align:center;
border:1px solid #CDCA43;
padding:2px;
padding-top:.5em;
background-color:#FFF
}
#calendar h2{
color:#CDCA43;
font-size:1.2em
}
#calendar table{
width:100%;
margin:0 auto;
padding:0
}
#calendar caption{
font-size:.8em;
padding:5px;
font-weight:700
}
#calendar th{
-moz-border-radius:1em;
background:#CDCA43;
font-weight:400;
color:#FFF
}
#calendar th abbr{
border:none;
cursor:help
}
#calendar td{
-moz-border-radius:.7em;
margin:0;
padding:0;
border:none;
text-align:center;
background:#ddd;
line-height:1.6em
}
#calendar td.horsperiode{
background:#ececec;
color:#ccc
}
#calendar td.occupe{
background:#FFD98F
}
#calendar td a{
display:block
}
#calendar td span{
color:#aaa
}
#calendar td a:hover{
border:0
}
#calendar tr{
font-size:.9em
}
div#agenda,#articles_meme_rubrique{
width:160px;
background-color:#FFF;
padding:2px 0 15px;
margin:0;
text-align:left;
border:1px solid #016A4D
}
#agenda h4,#articles_meme_rubrique ul li a.titre,#articles_meme_rubrique ul li span.titre{
text-align:center;
margin-bottom:10px;
margin-top:0;
background-color:#016A4D;
color:#FFF;
font-weight:400;
font-size:14px;
padding:2px 0
}
/*************modifs*************/
div#agendanew,#articles_meme_rubriquenew{
width:160px;
background-color:#FFF;
padding:0 0 15px 0;
margin:0;
text-align:left;
border:1px solid #016A4D
}
#agendanew h5{
background-color:#7fa373;
color:#FFF;
text-transform:uppercase;
margin:0;
font-weight:400;
font-size:12px;
padding:5px 
}
#agendanew h4,#articles_meme_rubriquenew ul li a.titre{
text-align:center;
margin:0 0 10px 0;
background-color:#016A4D;
color:#FFF;
font-weight:400;
font-size:14px;
padding:2px 0;
}
#agendanew h4 {
margin:0;  
}
#agendanew dl{
padding:0 6px
}
#agendanew dt,#articles_meme_rubriquenew ul{
padding:0;
font-weight:700;
margin-top:10px;
font-size:12px
}
#agendanew dd{
font-size:.8em;
padding:0;
margin:5px 0 0;
color:#999;
line-height:1.1em;
}
/*************modifs*************/


#agenda dl{
padding:0 6px
}
#agenda dt,#articles_meme_rubrique ul{
padding:0;
font-weight:700;
margin-top:10px;
font-size:12px
}
#agenda dd{
font-size:.8em;
padding:0;
margin:5px 0 0;
color:#999;
line-height:1.1em
}
div.blockactualite{
margin:20px 0;
border-bottom:solid 1px #CCC;
padding-bottom:10px
}
h3.dateactualite{
background-color:#016A4D;
color:#FFF;
padding:2px;
font-weight:400
}
div.blockactualite h4{
margin-bottom:10px
}
ul.listesimple,ul.listesimple ul{
list-style-type:none
}
ul.listesimple ul
/*///////////////////// BLOCS DE LA COLONNE DE DROITE ///////////////////////////////////*/
#encart div.menu ul,#encart div.newsletter ul,#encart div ul{
background-color:#FFF;
padding:0 0 2px 0;
margin:0;
text-align:left;
list-style-type:none;
color:#CDCA43
}
#articles_meme_rubrique ul ul,#articles_meme_rubrique ul ul li{
padding:0
}
#encart .menu,#encart .newsletter,#encart .bloc_encart{
background-color:#FFF;
width:160px;
text-align:center;
margin:10px 0;
padding:0
}
#encart div.menu ul li b,#encart div.bloc_encart ul li b{
text-align:center;
color:#CDCA43
}
#encart div.menu ul ul{
-moz-border-radius:0;
border:0;
text-transform:capitalize;
padding:0
}
#encart div.menu ul ul li span{
font-style:normal;
font-weight:700
}
#encart div.menu ul ul li a{
font-weight:lighter;
font-size:.9em;
display:block;
padding-left:10px
}
ul.encart_membres li{
color:#9C3;
text-transform:capitalize
}
ul.encart_membres ul li{
color:#063;
text-transform:capitalize;
text-align:left
}
div#bloc-contenu h5{
margin-top:2px;
margin-bottom:10px;
border-bottom:#CCC solid 1px;
font-weight:400;
line-height:20px
}
.menu h5{
text-align:center;
margin-bottom:10px
}
.versionspip{
font-size:10px;
text-align:center;
color:#000
}
.versionspip a{
font-size:10px;
color:#000;
text-decoration:none
}
div.affmembre{
float:left;
width:150px;
height:120px;
text-align:center;
margin:10px
}
div.affmembresans{
float:left;
width:150px;
height:120px;
text-align:center;
margin:10px
}
.imagepers{
width:150px;
height:70px;
overflow:hidden
}
div.affmembre a{
display:block;
backgound-color:#FFF
}
div.affmembre a.nommembre{
margin-top:10px
}
img.spip_logos{
border:1px #363 solid;
float:none;
display:inline
}
div.logo-liste-membre{
margin:2px auto;
float:none;
width:70px;
text-align:center
}
p.liste{
margin:2px 0;
font-weight:700
}
div.flottantgauche{
width:182px;
float:left
}
div.affcatalogue{
float:left;
width:90px;
height:180px;
text-align:left;
margin:10px
}
div.affcataloguesans{
float:left;
width:100px;
height:150px;
text-align:center;
margin:10px
}
.imagecatalogue{
float:center;
width:100px;
height:110px;
overflow:hidden
}
div.affcatalogue a{
display:block;
backgound-color:#FFF
}
div.affcatalogue a.nomcatalogue{
margin-top:10px
}
img.spip_logos{
float:none;
display:inline
}
div.demi{
width:49%;
margin:.5%;
float:left
}
div.affparution{
float:left;
width:70px;
height:120px;
text-align:left;
margin:10px;
margin-top:0
}
.imageparution{
margin-left:100px;
width:150px;
height:120px;
overflow:hidden
}
div.affparution a.nomparution{
margin-top:10px
}
img.spip_logos{
border-top:0 #949F86 dotted;
border-left:0 #949F86 dotted;
border-right:0 #949F86 dotted;
border-bottom:0 #949F86 dotted;
float:none;
display:inline
}
.demileft{
width:49%;
float:left;
border:1px solid #CCC;
text-align:left
}
.demiright{
width:49%;
float:left;
border:1px solid #CCC;
margin-left:1%;
text-align:left
}
.imgleft{
float:left
}
.aleatoire_accueil{
padding:5px;
height:80px;
font-size:11px
}
.blocaccueil{
padding:0 0 5px 0;
margin-top:10px;
border:1px solid #CCC;
width:525px;
text-align:left;
font-size:11px;
overflow:hidden
}
.grdpersoacc{
width:170px;
float:left;
margin-left:5px;
font-size:11px;
word-wrap:break-word;
overflow:hidden
}
div#slideacceuil{
height:167px;
overflow:hidden;
margin-bottom:20px
}
.demileft h4,.demiright h4,.blocaccueil h4{
background-color:#016A4D;
color:#FFF;
font-weight:400;
padding:2px;
margin-top:0;
margin-left:0;
margin-right:0;
font-size:14px
}
.demileft h4 a,.demiright h4 a,.blocaccueil h4 a{
color:#FFF
}
div#bloc-contenu .blocaccueil h5,div#bloc-contenu .aleatoire_accueil h5,div#bloc-contenu .grdpersoacc h5{
color:#016A4D;
font-size:11px;
font-weight:400;
border:0;
margin:0 0 5px;
background-clip:none;
padding:0;
line-height:normal
}
.blocaccueil a,.aleatoire_accueil a,.grdpersoacc a{
color:#999
}
#encart div.newsletter{
padding:5px 0;
margin:20px 0 0;
border:1px solid #016A4D;
text-align:center;
color:#016A4D
}

div.newsletter h5{
color:#016A4D;
margin:0 0 10px;
text-transform:uppercase
}
div.newsletter a{
color:#016A4D
}
div.newsletter span.error{
color:#F30
}

#encart div.newsletterv2{
padding:5px 0;
margin:20px 0 0;
border:1px solid #016A4D;
text-align:left;
color:#FFF;
background-color:#5c8448;
width:160px;
height:auto;
min-height:65px;
font-size:12px;
background-image:url('../img/liaibl.png');
background-repeat:no-repeat;
background-size:40% auto;
background-position:bottom left;
}
div.newsletterv2 a{
display:block;
width:60%;
margin-left:40%;
color:#FFF;
padding-right:5px;
vertical-align:middle;
text-transform:uppercase;
line-height:16px;
}




.social{
padding:0;
background:none;
width:16px;
height:16px
}
.derpubbloc{
margin:10px 0;
padding:5px
}
.titrederpub{
font-size:10px
}
.deconnecter{
margin:0 0 20px;
padding:2px;
background-color:#EEE;
font-style:italic
}
#formulaire_login,.formulaire_ecrire_auteur{
width:50%;
margin:30px auto;
background-color:#EEE;
padding:10px
}
#formulaire_login fieldset legend{
display:none
}
#formulaire_login label{
display:block;
margin-bottom:5px
}
#formulaire_login input{
width:100%;
border:1px solid #016A4D
}
#formulaire_login p.boutons,.formulaire_ecrire_auteur p.boutons{
text-align:center
}
#formulaire_login p.boutons input,.formulaire_ecrire_auteur p.boutons input{
width:auto;
padding:2px;
background-color:#016A4D;
color:#FFF;
cursor:pointer
}
#pass_securise{
float:right;
margin-top:-35px;
margin-right:0
}
#formulaire_login span.details,span.details a{
display:none
}
#formulaire_login div.choix label,#formulaire_login div.choix input{
display:inline;
text-align:left;
width:auto;
clear:both
}
form#linfo{
width:80%;
margin:10px auto;
text-align:center;
font-size:11px
}
form#linfo input{
width:100%;
margin:5px 0
}
form#linfo input#valider{
width:auto;
padding:2px;
background-color:#016A4D;
color:#FFF;
cursor:pointer
}
.encart_article{
width:160px;
border:1px solid #016A4D;
font-size:10px;
padding:2px;
margin:0
}
.encart_article h5{
color:#FFF;
background-color:#016A4D;
font-size:14px;
text-align:center;
margin:0 2px 10px;
padding:2px
}
div.encartlanguesupp{
background-color:#360;
padding:0;
height:16px;
width:80px;
margin:0 0 5px;
overflow:hidden;
float:left
}
a.languessupp{
display:block;
float:right;
width:80px;
padding-top:2px;
height:11px;
line-height:11px;
margin-top:2px;
color:#FFF;
text-decoration:none;
margin-top:-4px;
overflow:hidden
}
div.annee{
border:1px solid #CCC;
padding:0 5px;
margin-bottom:10px;
background-image:url(img/seancefiligrane.jpg);
background-repeat:no-repeat;
background-position:center
}
div.annee div.case{
width:125px;
height:110px;
float:left;
margin:2px;
background-size:contain
}
div.annee div.case h4{
display:table-cell;
vertical-align:middle;
height:110px;
width:125px;
background-image:url(img/fd_annee.png);
color:#FFF;
text-align:center;
font-size:14px;
text-decoration:none
}
div.case a,div.case a.nohover{
display:table-cell;
vertical-align:middle;
height:110px;
width:125px;
background-image:url(img/fd_off.png);
color:#FFF;
text-align:center;
font-size:14px;
text-decoration:none
}
div.case a:hover{
background-image:url(img/fd_on.png)
}
div.case a.nohover:hover{
background-image:none
}
.clearer{
clear:both
}
ul.colloque{
list-style-type:none
}
ul.colloque li{
display:block
}
ul.colloque h3{
background-color:rgba(23,90,73,0.75);
text-align:left;
width:100px;
height:130px;
float:left;
margin:12px
}
ul.colloque h3 a{
display:block;
font-size:.8em;
padding:5px;
width:90px;
height:130px;
color:#FFF
}
ul.colloque li ul{
display:block;
margin:0
}
ul.colloque li ul li{
display:block;
float:left;
height:130px;
overflow:hidden;
width:100px;
margin:12px;
border:1px solid #CCC
}
ul.colloque li ul li a{
display:block;
height:130px;
position:relative
}
ul.colloque li ul li a span{
display:none;
position:absolute;
background-color:rgba(23,90,73,0.75);
color:#FFF;
padding:5px;
text-align:left
}
ul.colloque li ul li a:hover span{
display:block;
width:90px;
height:130px
}
div.centreur_logo img.spip_logos,div.centreur_logo img,div.centreur_logo .spip_logos{
display:inline;
margin:0
}

.versionspip{

  display:none;


}


.texteencadre {

  color: #000033;

  background: #EEF;

  border-bottom: 2px solid #0066CC;

  border-left: 1px solid #3399FF;

  border-right: 2px solid #0066CC;

  border-top: 1px solid #3399FF;

  margin: 1em 0;
  
  padding: .25em;
  
  position: relative;


}

.texteencadre a {
color: #0A74A6;

}

/*******videotheque********/
div.cadrevideotheque{
  padding:1px;
  margin-bottom:10px;
}
div.cadrevideotheque iframe{
  border:1px solid #CCC;
}
div.titrevideotheque{
  width:261px;
  height:146px;
  float:left;
  margin:1px;  
  
}
div.titrevideotheque h3{
  margin-top:0;  
}
div.titrevideotheque a{
display: table-cell;
vertical-align:middle;
text-align:center;
width:241px;
height:126px;
line-height:1.4em;
font-weight:normal;
color:#FFF;
padding:10px;
text-decoration:none;
background-color:rgba(57,164,92,1); 
 -webkit-transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -o-transition: background .3s ease-in;
    transition: background .3s ease-in;
}
div.titrevideotheque a:hover{
  background-color:rgba(76,183,219,1);
}

/*****************mosaique*/

.mosaique *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    padding:0;  
  }
.mosaique .container{
    width:530px;
    margin:2em auto;  
  }
.mosaique .entry{
    width:25%;
    margin:0.3vw 3%;
    float:left;
    position:relative;
    height:16em;  
  }
.mosaique .illus{
    position:absolute;
    height:16em;
    width:100%;
    overflow:hidden;
    text-align:center;
    background-repeat:no-repeat;
    background-size:cover;
  }
.mosaique a .caption {
    display:table;
    position:absolute;
    bottom:0;
    width:101%;  
  }
.mosaique a .caption span{
    color:#060;
    font-weight:bold;
    background-color:rgba(255,255,255,0.7);
    height:16.1em;
    width:101%;
    padding:0.5em;
    word-break:keep-all;
    -webkit-hyphens: none;
    hyphens:none;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
      text-overflow: ellipsis; /* pour le reste du monde */
    
    opacity:1;
    -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
         -ms-transition: all 0.5s ease-in;
          -o-transition: all 0.5s ease-in;
             transition: all 0.5s ease-in;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    text-shadow: 1px 1px 1px #C2C2C2;
  }
.mosaique a .caption span p{
    font-size:0.8em;
    font-weight:normal;
    font-style:italic;
    margin-top:2em;
    word-break:keep-all;
    -webkit-hyphens: none;
    opacity:1;
    max-height:16.1em;
    -webkit-transition: all 1s ease-in;
        -moz-transition: all 1s ease-in;
         -ms-transition: all 1s ease-in;
          -o-transition: all 1s ease-in;
             transition: all 1s ease-in;
  }
.mosaique a:hover .caption span{
    background-color:rgba(255,255,255,0.4);
  }
/*.mosaique a:hover .caption span p{
    max-height:20em;
    opacity:1;
    margin-top:1em;
  }*/
  
  
#debug-nav{
  display:none;  
}

.menudroite{
  
}
.menudroite h3{
  text-align:center;
  margin-bottom:1em;
  background-color: #016A4D;
    color: #FFF;
  font-weight: 400;
    font-size: 14px;
    padding: 2px 0;
}
.menudroite li a{
  display:block;
  font-weight:normal;
  margin-bottom:2px;
  background-color: #7fa373;
    color: #FFF;
  padding:0.2em;
  text-decoration:none;
}
.menudroite li a:hover{
  color: #7fa373;
    background-color: #FFF;
  text-decoration:none;
}


/*******videothèque****/
div.caseseancesannee{
  width:170px;
height:170px;
float:left;
margin:2px;
background-color:#7fa373;
}
div.caseseancesannee a{
display:table-cell;
vertical-align:middle;
height:170px;
width:170px;
text-align:center;
font-size:14px;
text-decoration:none;
color:#FFF;
padding:0.5em;
}

div.caseseances{
width:170px;
height:170px;
float:left;
margin:2px;
border:1px solid #7fa373; 
}
div.caseseances a{
display:table-cell;
vertical-align:middle;
height:170px;
width:170px;
text-align:center;
font-size:14px;
text-decoration:none;
padding:0.5em;
}

path{
    pointer-events:all;
}

#carte .regioncarte{
  cursor: pointer;
  opacity:0.5;
}
#carte .regioncarte:hover{
  opacity:0.8;
}