.spip_surligne { background: #FF6; }
* {
  margin: 0;
  padding: 0;
}
a img {
  border: 0;
}
html {
  font-size: 100%;
}
body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.7em;
  color: #04034f; 
  text-align:center;
}
#page {
  width: 936px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
 // overflow: auto;
  zoom: 1;
   text-align:left;
}
#entete {
  position: relative;
  height: 121px;
  font-family: Times, serif;
  background: url(/IMG/dist/bandeau.png) no-repeat top right;
}
#entete #logo {
  position: absolute;
  left: 10px;
  top: 10px;
}
#entete #langue {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
#entete h1#titre {
  position: absolute;
  left: 240px;
  top: 40px;
  font-weight: normal;
  font-size: 2.2em;
}
p#baseline {
  color: #fff;
  background: url(/IMG/dist/fnd_baseline.png);
  height: 23px;
  line-height: 20px;
  padding: 0 0 0 30px;
  font-size: 1.2em;
}
#menu {
  width: 180px;
  float: left;
  margin: 15px 0 0 0;
}
#menu .boite {
  margin: 0 0 15px 0;
}
#menu .boite h3{
  height: 30px;
  line-height: 30px;
  background: url(/IMG/dist/titre_boite.png) no-repeat top left;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
}
#menu .boite li{
 list-style:   none;
padding-bottom:5px;
font-size: 1em;
background: #e0e2f1;
}
.horizontal_row{
border-bottom:2px solid #BAB5AF;;

}

#menu .boite li.niv1 a{
	border-top:2px solid #BAB5AF;
	background:transparent url(/IMG/dist/a_li_boite.png) no-repeat scroll 5px 8px;
	margin-left:0px;
}
#menu .boite li.niv2 a{
	background:transparent url(/IMG/dist/a_li_boite.png) no-repeat scroll 5px 8px;
	margin-left:10px;
}	
.on {
font-weight: bold;
}

#menu .boite p{
  line-height: normal;
  padding: 5px 5px 0px 5px;
  background: #f3f4f8;
  border-bottom: 2px solid #bab5af;
  font-size: 1em;
}
#menu .boite p a{
  margin: 0 0 5px 0;
  display: block;
  padding: 0 0 0 2px;
  border-left: 2px solid #C1B8AF;
  color: #252968;
  text-decoration: none;
}
#menu .boite p a strong{
  display: block;
}
#menu .boite li a{
  background: url(/IMG/dist/a_li_boite.png) no-repeat 5px 8px;
  color: #252968;
  display: block;
  text-decoration: none;
  padding: 0 18px;
}

#contenu {
  width: 736px;
  float: right;
   margin: 15px 0 0 0;
}
#contenu #content_home{
  width: 400px;
 float: left;
 
}
#contenu #content_communique{
  width: 625px;
 float: left;
 
}

#contenu #content  {

  font-weight: normal;
  padding: 0 0 3px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #bdbcb8;
  
}
#contenu #content p {
  margin: 15px 0;
}

#contenu #journaux{
//  width: 195px;
  text-align: right;
  margin: 0 0 0 15px;
  display: inline;
  float: left;
}
/* colonne des partenaires */
#contenu #partenaires{
  width: 100px;
  text-align: right;
  float: right;
}
#contenu #partenaires img {
  margin: 0 0 5px 0;
}

/* bloc temoignages */
#temoignages {
}
#temoignages .nav{
  overflow: auto;
  zoom: 1;
}
#temoignages .nav a{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: 80px;
  height: 16px;
  line-height: 16px;
  background: #b2b6cf;
  text-align: center;
}
#temoignages .nav a.prev{
  float: left;
}
#temoignages .nav a.next{
  float: right;
}
#temoignages .contenu_temoignages {
  background: #eeede8;
  border: 1px solid #d9d9d7;
  margin: 10px 0 0 0;
  min-height: 200px;
  height: auto !important;
  height: 200px;
}

/* pied de page */
#pied{
  clear: both;
  line-height: 36px;
  background: url(/IMG/dist/footer.png) no-repeat 0 0;
  color: #fff;
  padding: 0 0 0 10px;
  margin: 10px 0 0 0;
  font-weight: bold;
}
#pied a{
  color: #fff;
}
#pied   a.facebook{
  background: url(/IMG/dist/ico_facebook.png) no-repeat left center;
  padding: 0 0 0 27px;
}
#pied   a.linkedin{
  background: url(/IMG/dist/ico_linkedin.png) no-repeat left center;
  padding: 0 0 0 27px;
}
#pied   a.rss{
  background: url(/IMG/dist/ico_rss.png) no-repeat left center;
  padding: 0 0 0 27px;
}
#pied   a.twitter{
  background: url(/IMG/dist/ico_twitter.png) no-repeat left center;
  padding: 0 0 0 27px;
}

li.mois{
 background: #eeede8;
  text-align: left;
  font-weight: bold;
  font-size: 1.1em;
  border: 1px solid #d9d9d7;
  margin: 25px 0 0 0;
 list-style:   none;

}

ul.cp{
  font-weight: normal;
  list-style:   none;
  font-size:1em;
  margin: 0px 0px 15px 0;
  padding:0px 10px 0 10px ;
  background: #eeede8;
}
li.cp{
  margin: 5px 0px 15px 0;
  
}
.spip_logos{
margin: 0 0 0 0;
text-align: center;
}

h2{
  //margin: 15px 0px 15px 0px;
//   border-bottom: 1px solid #bdbcb8;
 
}
p.spip{
	margin: 15px 0px 15px 15px;
	font-size:1.2em;

}

}
ul.menu_annee { /* boite qui contient le menu (les onglets) */
  border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
  padding-top:12px ; /* marge intérieure haute */
  padding-bottom:7px} /* marge intérieure basse */

li.menu_annee { /* style des onglets inactifs */
  display:inline;
  background: url(/IMG/dist/titre_annee.jpg) no-repeat top left;
  margin:5px 5px 0px 5px ; /* marge extérieure */
  text-decoration:none
  color: #FFFFFF; 
  } /* les liens ne sont pas soulignés */

li.menu_annee_on { /* style de l'onglet de la page active */
  display:inline;
  background: url(/IMG/dist/titre_annee_on.jpg) no-repeat top left;
  margin:5px 5px 0px 5px ; /* marge extérieure */
  text-decoration:none
   } /* le fond de l'onglet actif est blanc*/

table.references{
	
	margin: 16px 10px 10px 0px;
	
	text-align:center;

}
table.references td{
padding:10px;
background:#EEEEEE;
	

}
#dernier_cp{
  	width: 300px;
	float: right;
	padding-left:10px;
 	position: relative;
}
a {
color:#04034F;
}
#pied2{
	display:none;
	clear:both;
	color:#000000;
	margin:10px 0 0;
	padding:0 0 0 10px;
}
#pied2barre{
background:  url(/IMG/dist/footer.png) no-repeat top left;
}
#pied2right{
	width:33%;
	float:right;
}
#pied2left{
	width:60%;
	float:left;
}
.formulaire_recherche{
	display:inline;
	position:absolute;
	top:0px;
	right:0px;
}

#menu .carte_menu_pied{
  background:  url(/IMG/dist/dessous_carte_menu.jpg) no-repeat top left;
  text-align: center;
  font-weight: bold;
  height: 50px;
  line-height:16px;
  font-size: 0.9em;
  font-style: italic; 
  
}#menu .carte_menu_pied a{
 
  text-decoration:none;
  
}

 #tabsK {
	float:left;
	width:100%;
	list-style:none;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #54545C;
      }
#tabsK ul {
   margin:0;
   list-style:none;
      }
    #tabsK li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsK a {
      float:left;
      background:url("/IMG/css/tableftK.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsK a span {
      float:left;
      display:block;
      background:url("/IMG/css/tabrightK.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#252968;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsK a span {float:none;}
    /* End IE5-Mac hack */
    #tabsK a:hover span {
      color:#252968;
   background-position:100% -42px;
      }
    #tabsK a:hover {
      background-position:0% -42px;
      }
    #tabsK a:hover span {
      background-position:100% -42px;
   }
  #tabsK span.tabsK_on{
      color:#FFFFFF;
    }
    
   
   
   /**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    height:500;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    //height: 100px;
}



.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
}