/* -------------------------------------------------------------- */
/* CADTM - css nettoyée octobre 2016    */
/* -------------------------------------------------------------- */


/*///////  page une   /////////////////////////////////////////*/

/*******  accueil 4 langues (skel rub 1,2,3,213) ******/

/********************
	*agenda + slider  
	********************/

.page_une #conteneurhaut {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
  background: transparent;
}

.page_une #contenu {
  margin: 25px 0 0 0;
}

.page_une #left {
  background: #f1e9de;
  margin: 25px 0 0;
  padding: 0;
}

/*  titre gauche accueil      */

.titregaucherouge {
  overflow: hidden;
  font-weight: normal;
  margin: 0;
  background: #ed1b24;
}

.titregaucherouge h2 {
  color: #EEEEEE;
  float: left;
  font-size: 1.5em;
  font-weight: normal;
  height: 41px;
  line-height: 41px;
}

.titregaucherouge h2:first-letter {
  padding: 11px 0 11px 22px;
  font-weight: bold;
}

/************************
	agenda gauche accueil   
	***********************/

#agenda {
  position: relative;
  height: 380px;
  font-size: 11px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: #F1E9DE;
}

#agenda ul {
  height: 300px;
  padding: 0;
  overflow: hidden;
}

#agenda ul li {
  clear: both;
  border-bottom: 1px solid #333;
  padding: 12px 0;
}

#agenda li: last-child {
  border: none;
}

.quand {
  color:  #000000;
  font-size:  1.1em;
  line-height:  1.3em;
  margin: 0;}

.quoi {
  color: #555;
}

.toutagenda {
  position: absolute;
  bottom: 0;
  width: 158px;
  padding: 15px 36px;
  background: #DDD4cb;
  margin: 0;
}

.toutagenda a {
  background:  url("../images/triangle.png") no-repeat scroll left center transparent;
  color: #555555;
  font-size:  0.9em;
  padding-left:  15px;
}

.toutagenda a:hover {
  color: #a00;
}
/***** fin agenda gauche accueil  **********/

/**********
	focus     
	*********/

#contenu .sliderkit .sliderkit-nav-clip ul {
  margin: 0 auto;
}

.sliderkit-news img.spip_logos {
  width: 100%; 
  height: auto;
}

/***** fin focus  *******/

/***** fin agenda + slider  ********/


/********************
   derniers tweets   
********************/

#dernierstweets {
  clear: both;
  height: 30px;
  margin: 25px 0 0;
  padding: 25px 10px 15px 80px;
  background: #ddd4cb url("../images/twitter2G.png") no-repeat scroll 20px center;
}

#dernierstweets marquee {
  float: right;
  width: 100%;
  height: 20px;
}

#dernierstweets a {
  font-size: 1em;
  padding: 0 10px;
  border-right: solid 1px #ed1b24;
}

/*****  fin derniers tweets  ************/

/**********************************************
	page une left (livres, focus, fil de l'info)  
**********************************************/

.page_une #left {
  background: #f1e9de;
  margin: 0;
  padding: 0;
  border-top: 25px solid #fff;
}

/****  livres, avp gauche accueil  *********/

#livravp {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: #ddd4cb;
}

#livravp li {
  list-style: none;
  margin: 0 40px;
  clear: both;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

#livravp .sabonnerorange {
  background: -webkit-linear-gradient(to bottom, #d92, #d60) repeat scroll 0 0; /* For Safari 5.1 to 6.0 */
  background: -o-linear-linear-gradient(to bottom, #d92, #d60) repeat scroll 0 0; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to bottom, #d92, #d60) repeat scroll 0 0; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #d92, #d60) repeat scroll 0 0; /* Standard syntax (must be last) */
  width: 230px;
  height: 40px;
  font-weight: bold;
  font-size: 1.2em;
  font-variant: small-caps;
  line-height: 2.7em;
  text-align: center;
  color: #ffffff;
}

#livravp a {
  color: #811;
}

#livravp a:hover,
#livravp a.on {
  color: #411;
}

#livravp .spip_logos {
  float: none;
  margin: 10px 0;
}

/**** tous les autres livres...  ******/

.toutgris {
  position: relative;
  width: 158px;
  padding: 15px 36px;
  background: transparent;
  margin: 0;
}

.toutgris a {
  background: url("../images/triangle.png") no-repeat scroll left center transparent;
  color: #555555;
  font-size:  0.9em;
  padding-left:  15px;
}

.toutgris a:hover {
  color: #aa0000;
}


/*    les dossiers, focus gauche...  */
#dossiers {
  position: relative;
  font-size: 0.85em;
  overflow: hidden;
  padding: 0;
  margin: 25px 0 40px;
}

#dossiers li {
  list-style: none;
  margin: 0;
  clear: both;
  padding: 0;
  overflow: hidden;
}

#dossiers li p {
  color: #555;
  font-size: 1em;
  font-weight: bold;
  padding: 5px 20px;
  background: #ddd4cb;
}

#dossiers .spip_logos {
  float: none;
  margin: 30px 0 0;
}

/* fil de l'info  à gauche  */

#fil {
  margin: 0 0 40px;
  background: #ddd4cb;
}

#left #syndic {
  padding: 20px 0;
}

#left #syndic ul {
  height: 220px;
  width: ;
  margin: 0 1px 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

#syndic ul p, #syndic ul p a {
  margin: 0;
  text-align: left;
  line-height: 1.2em;
}

#left #syndic li {
  float: left;
  padding: 10px 0;
  font-size: 12px;
}


/***** fin page une left (livres, focus, fil de l'info) ******/


/*****************************************
	   actus page UNE (derniers articles)    
*****************************************/

.actus {
  overflow: hidden;
}

.actus ul {
  overflow: hidden;
  padding: 0 0 10px 0;
  background: linear-gradient(to right, #f5efe7 0%, #f5efe7 20%, #fff 20%, #fff 40%, #f5efe7 40%, #f5efe7 60%, #fff 60%, #fff 80%, #f5efe7 80%, #f5efe7 100%);
}

.actus li {
  box-sizing: border-box;
  width: 20%;
  margin: ;
  padding: 0 10px;
  float: left;
  list-style: none;
  overflow: hidden;
}

.actus li a {}

.actus li .spip_logos {
  margin: 20px 0;
}

.titractus {
  overflow: hidden;
  font-weight: normal;
  margin: 0;
  background: #2c2422;
}

.titractus h2:first-letter {
  background: #ed1b24;
  padding: 11px 0 11px 22px;
  font-weight: bold;
}

.titractus h2 {
  color:  #eeeeee;
  float:  left;
  font-size:  1.6em;
  font-weight:  normal;
  height: 41px;
  line-height:  37px;
}

.actus .titre {
  margin: 0 0 5px 0;
  text-align: left;
  line-height: 1.1em;
  clear: both;
}

.actus p.auteur-liste {
  color: #555;
  font-size: .9em;
  line-height: 1em;
  margin: 5px 0;
}

p.introactus {
  clear: both;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.15em;
  margin: 0;
}

#voir_tous {
  background: none repeat scroll 0 0 #ec1a23;
  float: right;
  margin: 0;
  padding:  5px 10px;
}

#voir_tous a {
  color: #ffffff;
  font-size: 1em;
  font-weight: normal;
  text-decoration:  none;
}
/**********  fin actus page UNE    *********/


/***********************************************
   categories d'articles (groupés par sujets)   
***********************************************/

.cat {
  overflow: hidden;
  margin: 22px 0 0;
}

.rubmois {
  color: #ee1c25;
  margin-left: 40px;
  font-size: 1.2em;
}

.titrecarrerouge h2.mois {
  background: none repeat scroll 0 0 #2c2422;
  color: #eeeeee;
  font-size: 2em;
  font-weight: normal;
  height: 50px;
  margin: 0 0 0 37px;
  padding: 16px 5px 10px 32px;
}

.titrecarrerouge {
  background: url("../images/carre_rouge_titre.jpg") no-repeat scroll left top #FFFFFF;
  border: 0 none;
  font-weight: 700;
  height: 68px;
  margin: 0 0 20px;
  overflow: hidden;
}

.titrecarrerouge h2 {
  background: none repeat scroll 0 0 #2c2422;
  color: #eeeeee;
  font-weight: normal;
  height: 50px;
  margin: 18px 0 0 37px;
  padding: 16px 5px 10px 32px;
}

.titrecarrerouge h3 {
  float: left;
  background: #fff;
  margin: 0 0 0 10px;
  padding: 0 5px;
  color: #111;
  font-size: 12px;
  font-weight: bold;
}

/*       cat a :  1er article / 4                        */

.cat li.cata {
  float: left;
  width: 38%;
  padding: 0;
  margin: 10px 20px 0 0;
  list-style: none;
}

.cata .titre {
  color:  #444;
  font-size:  1.1em;
  line-height: 1.2em;
  text-align:  left;
  font-weight: bold;
  margin: 0;
}

.cata .titre:hover {
  color: #900;
}

.cata .spip_logos {
  float: left;
  margin: 0 0 5px;
  outline: none;
}

.cata .auteur-liste {
  color: #555;
  font-size: .9em;
  line-height: 1em;
  margin: 5px 0;
}

.cata .intro {
  font-size: 1em;
  margin: 0;
  text-align: left;
  line-height: 1.15em;
}

/*      cat b :  les 3 autres articles / 4                        */

.cat li.catb {
  float: right;
  line-height: 1.1em;
  margin: 10px 0;
  overflow: hidden;
  padding: 0;
  width: 59%;
  list-style: none;
}

.catb .titre {
  color: #444444;
  font-size: 0.98em;
  text-align: left;
  font-weight: bold;
  margin: 0;
}

.catb .titre:hover {
  color: #990000;
}

.catb .spip_logos {
  float: left;
  margin: 0 20px 0 0;
}

.catb .auteur-liste {
  color: #555;
  font-size: .9em;
  line-height: 1em;
  margin: 5px 0;
}

.catb .intro {
  font-size: 0.85em;
  margin: 0;
  overflow: hidden;
  text-align: left;
  line-height: 1.1em;
}

/*/////// fin page une   /////////////////////////////////////////*/