/*********************************************/

/*   Feuille de style               	     */

/*   styles généraux						 */

/*********************************************/

* {
  font-family: "Helvetica Neue", Helvetica, Verdana;
}

html { font-size: 11px; }
p    { font-size: 11px; font-size: 1rem; 	
	color: #878787;
    font-family: "Helvetica Neue", Helvetica, Verdana;
    text-align: justify; }

@media only screen and (max-device-width:320px) {
  html { font-size: 8px; /* rendre les polices plus petites pour mobile */ }
  p { font-size: 8px; font-size: 1rem; 	
	color: #878787;
    font-family: "Helvetica Neue", Helvetica, Verdana;
    text-align: justify; }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 640px) {	
  html { font-size: 9px; /* rendre les polices plus petites pour mobile */ }
  p { font-size: 9px; font-size: 1rem; 	
	color: #878787;
    font-family: "Helvetica Neue", Helvetica, Verdana;
    text-align: justify; }
}

@media only screen and (min-device-width: 641px) and (max-device-width: 960px) {	
  html { font-size: 10px; /* rendre les polices plus petites pour mobile */ }
  p { font-size: 10px; font-size: 1rem; 	
	color: #878787;
    font-family: "Helvetica Neue", Helvetica, Verdana;
    text-align: justify; }
}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;} 
a img {border: none;}  

img {
    max-width: 100%;
    height: auto;
}

body {
  margin: 0;
  padding: 0;
  font-size : 1em;
  background-color: #dfdfdf;
}


/* Styles généraux du site */

#cadre_absolute {
	position:absolute;
	width: 100%;
	height: auto;
}

#cadre_relative {
	position:relative;
	width: 100%;
	height: auto;
}
	
#cadre_transp {
	position:relative; 
	margin-left: 10%;
	margin-right: 10%; 
	width: 80%; 
	height: auto;
}

@media only screen and (max-width:1200px) {
#cadre_transp { position:relative; margin-left: 5%; margin-right: 5%; width: 90%; }
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
#cadre_transp { position:relative; margin-left: 7%; margin-right: 7%; width: 86%; }
}
	
@media only screen and (min-width:1400px) and (max-width:1600px) {
#cadre_transp { position:relative; margin-left: 9%; margin-right: 9%; width: 82%; }
}
	
@media only screen and (max-device-width:320px) {
#cadre_transp { position:relative; margin-left: 1%; margin-right: 1%; width: 98%; }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 640px) {	
#cadre_transp { position:relative; margin-left: 1%; margin-right: 1%; width: 98%; }
}

@media only screen and (min-device-width: 641px) and (max-device-width: 960px) {	
#cadre_transp { position:relative; margin-left: 1%; margin-right: 1%; width: 98%; }
}

#cadre_trait {
	position:relative; 
	margin-left: 10%;
	margin-right: 10%; 
	width: 80%; 
	background-color: #e9e9e9;	
	height: auto;
}

@media only screen and (max-width:1200px) {
#cadre_trait { position:relative; margin-left: 5%; margin-right: 5%; width: 90%; }
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
#cadre_trait { position:relative; margin-left: 7%; margin-right: 7%; width: 86%; }
}
	
@media only screen and (min-width:1400px) and (max-width:1600px) {
#cadre_trait { position:relative; margin-left: 9%; margin-right: 9%; width: 82%; }
}
	
@media only screen and (max-device-width:320px) {
#cadre_trait { position:relative; margin-left: 1%; margin-right: 1%; width: 98%; }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 640px) {	
#cadre_trait { position:relative; margin-left: 1%; margin-right: 1%; width: 98%; }
}

@media only screen and (min-device-width: 641px) and (max-device-width: 960px) {	
#cadre_trait { position:relative; margin-left: 1%; margin-right: 1%; width: 98%; }
}

#haut {
	position:relative; 
	padding-top: 1%; 
	margin-left: 1%;
	margin-right: 1%;
	width: 98%; 
	height: auto;
}

#logo_yoga_logo {
	position:relative;
	width: 20%; 
	height: auto;
	float:left;
}

#logo_yoga_titre {
	position:relative;
	padding-left: 2%;
	width: 68%; 
	height: auto;
	float:left;
}

#logo_yoga_dep {
	position:relative;
	width: 10%; 
	height: auto;
	text-align: right;
	float:left;
}

#bandeau {
	position:relative; 
	width: 100%;
    height: auto;
	border-top: 2px solid #878787;
	border-bottom: 2px solid #878787;
}

#menu_rub {
	position:relative;
	margin-left: 3%;
	width: 97%; 
	height: auto;
	color: #878787;
    font-family: actor, Helvetica, Verdana;
    font-size:1.6em;
    text-align: left;
}

#menu_rub a{
	color: #878787;
    font-family: actor, Helvetica, Verdana;
    font-size:1.6em;
    text-align: left;
}

#menu_rub a:hover, #menu_rub a:focus, #menu_rub a:active{
	color: #eb5199;
    font-family: actor, Helvetica, Verdana;
    font-size:1.6em;
    text-align: left;
}

@media only screen and (max-width:1200px) {
#menu_rub, #menu_rub a, #menu_rub a:hover, #menu_rub a:focus, #menu_rub a:active { font-size: 1.3em;}
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
#menu_rub, #menu_rub a, #menu_rub a:hover, #menu_rub a:focus, #menu_rub a:active { font-size: 1.4em;}
}
	
@media only screen and (min-width:1400px) and (max-width:1600px) {
#menu_rub, #menu_rub a, #menu_rub a:hover, #menu_rub a:focus, #menu_rub a:active { font-size: 1.5em;}
}
	
@media only screen and (max-device-width:320px) {
#menu_rub, #menu_rub a, #menu_rub a:hover, #menu_rub a:focus, #menu_rub a:active { font-size: 1.2em;}
}

@media only screen and (min-device-width: 321px) and (max-device-width: 640px) {	
#menu_rub, #menu_rub a, #menu_rub a:hover, #menu_rub a:focus, #menu_rub a:active { font-size: 1.3em;}
}

@media only screen and (min-device-width: 641px) and (max-device-width: 960px) {	
#menu_rub, #menu_rub a, #menu_rub a:hover, #menu_rub a:focus, #menu_rub a:active { font-size: 1.4em;}
}

#slider {
	position:relative;
	margin-top: 2%;
	width: 100%; 
	height: auto;
	text-align:center;
}

#cadre_page {
	position:relative;
	margin-top: 2%;
	width: 100%; 
	height: auto;
}

#accueil {
	position:relative;
	margin-left: 1%;
	margin-right: 2%;
    width: 40%;
    height: auto;
	float: left;
}

#col-droite {
	position:relative; 
	margin-left: 2%;
	margin-right: 1%;
	width: 54%; 
	height: auto;
	float: left;
}

#accueil-rub {
	position:relative;
	margin-left: 1%;
	margin-right: 1%;
    width: 98%;
    height: auto;
}

#art-nom {
	position:relative; 
	width: 70%; 
	height: auto;
	float: left;
}

#art-contact {
	position:relative; 
	width: 30%; 
	height: auto;
	float: left;
}

.logo-rubrique {
    text-align: left;
	margin-top: 2%;
	margin-bottom: 2%;
	float: left;
}

.titre-rub-artiste {
	color: #eb5199;
    font-family: actor, Helvetica, Verdana;
    font-size: 2.8em;
    text-align: left;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 2%;
	float: left;
}

.titre-rubrique {
	color: #eb5199;
    font-family: actor, Helvetica, Verdana;
    font-size: 2.8em;
    text-align: left;
}

.titre-article {
	color: #eb5199;
    font-family: actor, Helvetica, Verdana;
    font-size: 2.4em;
    text-align: left;
	margin-top: 1%;
}

.texte-rubrique {
	color: #878787;
    font-family: "Helvetica Neue", Helvetica, Verdana;
    font-size: 1.2em;
	line-height: 1.4em;
    text-align: left;
}

.texte-rubrique a{
	color: #878787;
    font-family: "Helvetica Neue", Helvetica, Verdana;
    font-size: 1.2em;
}

.texte-rubrique-actu {
	color: #878787;
    font-family: "Helvetica Neue", Helvetica, Verdana;
    font-size: 1.2em;
	line-height: 1.4em;
    text-align: center;
}

.texte-rubrique-actu a{
	color: #878787;
    font-family: "Helvetica Neue", Helvetica, Verdana;
    font-size: 1.2em;
}

.txt-rub-expo {
	width: 40%; height: auto; float: left; padding-top: 2%;
}

.slider-rub-expo {
	width: 60%; height: auto; float: left;
}

#zone_logos {
	position: relative;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%;
	height: auto;
}

#zone_pied {
	position: relative;
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 100%;
	height: auto;
	border-top: 1px solid #878787;
}

#logo_mairie {
	position:relative;
	width: 24%; 
	height: auto;
	text-align: left;
	margin-left: 11%;
	float:left;
}

#auramkt {
	position:relative;
	width: 30%; 
	height: auto;
	text-align: center;
	float:left;
}

#logo_mairie4 {
	position:relative;
	width: 24%; 
	height: auto;
	text-align: right;
	margin-right: 11%;
	float:left;
}

.mentions {
	color: #878787;
    font-family: "Helvetica Neue", Helvetica, Verdana;
    font-size:1em;
	line-height: 1.2em;
    text-align: center;
}


/* MENU principal */

#menu {
	position:relative;
	margin-left: 10%;
	margin-right: 10%; 
	width: 80%; 
	height: auto;
	}
@media only screen and (max-width:1200px) {
#menu { position:relative; margin-left: 5%; margin-right: 5%; width: 90%; }
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
#menu { position:relative; margin-left: 7%; margin-right: 7%; width: 86%; }
}
	
@media only screen and (min-width:1400px) and (max-width:1600px) {
#menu { position:relative; margin-left: 9%; margin-right: 9%; width: 82%; }
}
	
@media only screen and (max-device-width:320px) {
#menu { position:relative; margin-left: 1%; margin-right: 1%; width: 98%; }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 640px) {	
#menu { position:relative; margin-left: 1%; margin-right: 1%; width: 98%; }
}

@media only screen and (min-device-width: 641px) and (max-device-width: 960px) {	
#menu { position:relative; margin-left: 1%; margin-right: 1%; width: 98%; }
}	
#menu ul.level1, #menu > ul.menu-liste  /* plugin Menus */ {
	position:relative;
	width: 100%; 
	height: auto;
	padding: 0 0 0 0;
}
#menu li {
	margin: 0 3px;
	padding: 0 0 10px;
	float: left;
	position: relative;
	list-style: none;
}
#menu li a, #menu li.menu-entree span.texte_libre,  /* plugin Menus */ #menu li.rubrique div {
	display: block;
	padding: 10px 20px 0 10px;
	color: #878787;
    font-family: actor, Helvetica, Verdana;
    font-size:2.4em;
    text-align: left;
}
#menu li a:hover, #menu li a:focus, #menu li a:active{
	color: #eb5199;
    font-family: actor, Helvetica, Verdana;
    font-size:2.4em;
    text-align: left;
}
@media only screen and (max-width:1200px) {
#menu li a, #menu li.menu-entree span.texte_libre,  /* plugin Menus */ #menu li.rubrique div, menu li a:hover, #menu li a:focus, #menu li a:active { font-size: 2em;}
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
#menu li a, #menu li.menu-entree span.texte_libre,  /* plugin Menus */ #menu li.rubrique div, menu li a:hover, #menu li a:focus, #menu li a:active { font-size: 2.1em;}
}
	
@media only screen and (min-width:1400px) and (max-width:1600px) {
#menu li a, #menu li.menu-entree span.texte_libre,  /* plugin Menus */ #menu li.rubrique div, menu li a:hover, #menu li a:focus, #menu li a:active { font-size: 2.2em;}
}
	
@media only screen and (max-device-width:320px) {
#menu li a, #menu li.menu-entree span.texte_libre,  /* plugin Menus */ #menu li.rubrique div, menu li a:hover, #menu li a:focus, #menu li a:active { font-size: 2em;}
}

@media only screen and (min-device-width: 321px) and (max-device-width: 640px) {	
#menu li a, #menu li.menu-entree span.texte_libre,  /* plugin Menus */ #menu li.rubrique div, menu li a:hover, #menu li a:focus, #menu li a:active { font-size: 1.9em;}
}

@media only screen and (min-device-width: 641px) and (max-device-width: 960px) {	
#menu li a, #menu li.menu-entree span.texte_libre,  /* plugin Menus */ #menu li.rubrique div, menu li a:hover, #menu li a:focus, #menu li a:active { font-size: 1.8em;}
}
#menu li.menu-entree span.texte_libre  /* plugin Menus */ {

}
#menu ul.level1 ul li:hover a, #menu ul.level1 li:hover li a, #menu > ul.menu-liste ul.menu-liste li.menu-entree:hover a,  /* plugin Menus */ #menu > ul.menu-liste li.menu-entree:hover li.menu-entree a  /* plugin Menus */ {
	background: none;
	border: none;
	padding: 8px !important;
}
#menu ul.level1 li:hover > ul, #menu > ul.menu-liste li.menu-entree:hover > ul.menu-liste  /* plugin Menus */ {
	display: block;
}
#menu ul.level1 ul, #menu > ul.menu-liste ul.menu-liste  /* plugin Menus */ {
	display: none;
	margin: 0;
	padding: 0;
	width: auto;
	min-width: 250px;
	position: absolute;
	top: 50px;
	left: 15px;
	z-index: 1000
}
#menu > ul.menu-liste ul.menu-liste ul.menu-liste  /* plugin Menus */ {
	top: -1px;
	left: 250px;
	border: none;
}
#menu ul.level1 ul li, #menu > ul.menu-liste ul.menu-liste li.menu-entree  /* plugin Menus */ {
	float: none;
	margin: 0;
	padding: 0;
	border: 1px solid #878787;
	background-color: #dfdfdf;
}
#menu ul.level1:after, #menu > ul.menu-liste:after  /* plugin Menus */ {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#menu ul.level1, #menu > ul.menu-liste  /* plugin Menus */ {
	display: inline-block;
}
html[xmlns] #menu ul.level1, html[xmlns] #menu > ul.menu-liste  /* plugin Menus */ {
	display: block;
}
* html #menu ul.level1, * html #menu > ul.menu-liste  /* plugin Menus */ {
	height: 1%;
}
#menu ul.level1 ul.level2 li a, #menu > ul.menu-liste ul.menu-liste li.menu-entree a  /* plugin Menus */ {
	text-transform: none;
	font-size: 1.6em;
	line-height: 1.2em;
	
}
#menu li.menu-entree.active > a  /* plugin Menus */ {
	text-decoration: underline;
}

html.ie67 #menu ul.level1 li a.spip_out {
margin-top:-3px;
	}
.spip_out img {
line-height:0 
	}

/* Menu fin */


 /* Styles pour Spip */



.spip_documents { 

  text-align: center;

}



.spip_documents_center { 

  width: 100%;

  display: block;

  margin: auto;

}



.spip_documents_left { 

  margin:  5px 20px 5px 0;

  float: left;

}



.spip_documents_right { 

  float: right;

  margin: 5px 0 5px 20px;

}



.spip_surligne {

  color : #000000;

  background-color: #ffff00;

}



blockquote.spip, 

blockquote.spip p,

.spip_serif { 

  font-family: "Bitstream Vera Serif", Georgia, Times, serif; 

}



blockquote.spip { 

  margin: 1em; 

  padding-left: 1em;

}



.spip_code,

code,

.spip_cadre { 

  font-family: monospace; 

  font-style: normal; 

  font-size: 1em; 

  margin: 1em;

}



#texte .spip_cadre { 

  border: 1px solid #999999; 

  padding: 5px;

}



table.spip {

  margin: 15px 0px 15px 10px;

  border: 1px solid;

  border-collapse: collapse; 

}



table.spip caption {

  caption-side: top; /* bottom pas pris en compte par IE */

  text-align: center;

  margin: auto;

  padding: 3px;

  font-weight: bold; 

}



table.spip td,

table.spip th {

  border-style : solid;

  border-width : 1px;

  padding: 3px 5px 3px 5px;

}



table.spip th { 

  text-align: left;

}



h3.spip {

  font-size: 12px;

  font-weight: bold;

  margin: 20px 0px 10px 0px;

}



p.spip,

p {

  margin: 12px 0px 12px 0px;

}



hr.spip {

  width: 80%;

  margin: 20px auto 20px auto;

}



a.spip_note {

  text-decoration: none;

}



/* Fin styles pour Spip */


.accessibility {
  display: none;
}



.clearer {
  clear: both;
}



img {
  border: none;
}


  a:link {text-decoration: none;}
  a:visited {text-decoration: none;}
  a:hover {text-decoration: none; font-weight: bold;} 





h2 a:link,
h2 a:visited,
h2 a:hover {
  text-decoration : none;
}


table {
  border-collapse: collapse;
}


h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px 0;
}


h3 a:link,
h3 a:visited,
h3 a:hover {
  text-decoration: none;
}



td, p
{
  font-size: 12px;
}



span.petit,

ul ul,

p.petit,

.date {

  font-size: 11px;

  margin: 5px 0 0;

}



ul.liste-liens a:link,

ul.liste-liens a:visited,

ul.liste-liens a:hover {

  text-decoration: none;

  font-weight: bold;

}



/* tableaux avec bordures, style � appliquer au tableau */

table.table-avec-bordures,

table.table-avec-bordures td,

table.table-avec-bordures th {

  border-style : solid;

  border-width : 1px;

  border-collapse:collapse;

}



/* tableaux sans bordures dans un tableau avec bordures */

table.table-sans-bordures,
table.table-sans-bordures td,
table.table-sans-bordures th {
  border-width : 0px;
}



/* bordure des listes d'articles div.alaune div.actus et div.resume */ 


.avec-bordure {
  border-bottom: 1px solid #e1e5e8; 
  padding-bottom: 10px;
}





/* Annuaire et Intranet */


#intranet,
#deconnexion {
  position: relative;
  width: 195px;
  border-top: 1px dotted;
}


#intranet { 
  margin-top: 120px;
  padding: 0 0 0 5px; 
}


#deconnexion { 
  margin-top: 0px;
  padding: 0 0 0 5px; 
}


#intranet ul,
#deconnexion ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  width: 195px;
}


#intranet ul li a,
#deconnexion ul li a {
  display: block;
  font-weight: bold;
  font-size : 12px;
  text-decoration: none;
  padding: 10px 6px 10px 6px;
  width: 183px;
}


#intranet ul li a,
#deconnexion ul li a { 
  width: 148px;
}


/* Rechercher */



#recherche {
  position: relative;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
  padding: 10px 6px 6px 5px;
  margin-top: 90px;
}



#recherche h2 {
  margin: 0;
  padding: 0 0 0 5px;
  font-weight: bold;
  font-size : 12px;
}



#recherche p {
  font-size: 11px;
  margin: 0;
  line-height: 13px;
  padding: 0 0 0 3px;
}



#recherche form {
  padding: 0;
  margin: 0 0 0 3px;
}



#recherche input.box {
  position: relative;
  top: -6px;
  font-size: 10px;
  border: 1px solid;
  width: 100px;
  margin: 0 5px 0 0;
  padding: 1px;
}





/* Icones de navigation */



#navigation {
  position: absolute;
  left: 0px;
  bottom: 10px;
  width: 150px;
  text-align: center;
  z-index: 20;
}



#navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}



#navigation ul li {
  margin: 0;
  padding: 0;
  display: inline;
}


/* Chemin */


#chemin {
  margin: 0;
  font-size: 11px;
  margin: 20px 0 0 0; 
  padding: 0 10px 4px 7px;
  border-bottom: 1px solid;
}



#chemin a:link, #chemin a:visited, #chemin a:hover {
  text-decoration: none
}



#texte {
  position: relative;
  margin: 20px;
  padding: 0px 10px 1px 10px;
}





/* Style des champs de formulaires pour SPIP 2.0 */

#texte fieldset ul {
  margin: 0;
  list-style:none;
  padding-left: 0;
}



#texte fieldset ul li {
  margin: 1em 0;
}

/* Fin de style des champs de formulaires pour SPIP 2.0 */



#texte ul.liste-liens {

  padding-left: 15px; 

  line-height: 20px; 

}



#texte ul.liste-liens li {

  margin-left: 15px;

  line-height: 20px;

}



p.suite {

  height: 1em;

  margin: 0;

  padding: 0 0 5px 0;

  font-size:0.9em;

}



div.separateur {

  border-bottom: 1px solid;

  height: 20px;

  width: 98%;

  margin: 0px auto 0px auto;

}



div.groupetitre { 

  margin: 0px 0 25px 0;

}



p.surtitre {

  font-weight: bold;

  margin: 0 0 -5px 0;

  padding-top: 10px;

}



p.soustitre {

  font-weight: bold;

  margin: 4px 0 0 0;

}



p.auteur {

  margin: 10px 0 0 0;

  font-size: 11px;

}



p.auteur a {

  text-decoration: none;

}



.chapeau {

  margin: 0px 0px 15px 0px;

  font-style: italic;

}



p.lien_article {

  font-weight: bold;

  margin: 15px 0px 15px 0px;

}



p.lien_article a {

  font-weight: normal;

}



p.postscriptum {

  font-style: italic;

  margin: 25px 0px 10px 0px;

}



div.notes {

  margin: 5px 0px 10px 0px;

}



div.notes p {

  font-size: 11px;

  margin: 3px;

}



table.docjoints {

  border: none;

  margin: 25px 10px 20px 10px;

}



table.docjoints td {

  border: none;

  padding: 0px 25px 20px 0px;

  width: 150px;

  text-align: center;

  vertical-align: top;

} 



table.docjoints p,

.spip_doc_titre,

.spip_doc_descriptif { 

  font-size: 11px;

  margin: 0;

}



table.docjoints p.titredoc,

.spip_doc_titre { 

  font-weight: bold;

}



span.vignette {

  float: left;

  padding: 0 8px 0 0;

}





h2.actus a.toutes-actus {

  float: right;

  font-weight: normal;

  font-size: 12px;

}







/*** Styles pour annuaire ***/



div.float_droit {

  float: right;

  width: 230px;

  text-align: left;

  border: none;

  padding: 5px 5px 10px 10px;

}



#texte div.float_droit p {

  margin: 0;

}



/*** Fin styles pour annuaire ***/





/*** Styles pour page auteur ***/



#texte fieldset { 

  border: 1px solid;

  margin: 20px 10px 10px 0;

  padding: 10px;

}



#texte legend { 

  font-size: 12px;

  font-weight: bold;

}



#texte form {

  margin: 0;

  padding: 0;

} 



#texte label { 

  display: block;

}



#texte input,

#texte textarea {

  border: 1px solid black;

  font-size: 11px;

}



#texte .spip_bouton { 

  margin-top: 10px;

}



/*** Fin styles pour auteur ***/



/*** Styles pour rubriques ***/



div.resume {

  margin: 20px 0 20px 0;

}



div.resume h3,

div.actus h3,

div.alaune h3 {

  margin: 0;

}



div.resume p.soustitre {

  margin: 0;

}



div.resume p,

div.actus p,

div.alaune p {

  margin: 2px 0 3px 0;

}



p.descriptif {

  font-style: italic;

}



div.demicol {

  width: 230px;

  float: left;

  margin: 15px 0 15px 25px;

}



div.demicol p {

  margin: 0 0 5px 0;

}



/*** Fin styles pour rubriques ***/



/*** Styles de pied de page ***/



#pied-de-page {

	width:900px;

    margin : 10px auto;

    padding : 0 0 10px 0;

}



#pied-de-page ul {

    font-size: 11px;

    font-color: white;

    margin:0;

    padding:0;

    text-align:center;

}



#pied-de-page ul li {

    display:inline;

}



#pied-de-page a, #pied-de-page a:visited, #pied-de-page a:hover, #pied-de-page a:active {

	text-decoration: none;

}



/*** Fin Styles de pied de page ***/



/*** Styles des actualites ***/



#texte .precedent-suivant{

  position: relative;

  top: 5px;

  right: 0px;

  float:right;

  font-size: 11px;

  text-align: left;

  padding: 0;

  margin: 0 0 20px 20px;

}



a.precedent {

  background-repeat: no-repeat;

  background-position: center left;

  background-image: url(#EVAL{_DIR_PLUGIN_KITCNRS}images/boite-outils/icones/fleche-gauche.gif);

  height: 1em;

  margin: 0;

  padding: 0px 0 0px 15px;

}



a.suivant {

  background-repeat: no-repeat;

  background-position: center right;

  background-image: url(#EVAL{_DIR_PLUGIN_KITCNRS}images/boite-outils/icones/fleche-droite.gif);

  height: 1em;

  margin: 0;

  padding: 0px 15px 0px 5px;

}



/*** Fin Styles des actualites ***/