html, body {
  height: 100%;
}
body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #222;
	/* background-color: #ffffff; */
	background-color: #aaaaaa;
	/*line-height: 180%;*/
	margin: 0;
	padding: 0;
	text-align: center;
}
a {
  outline: none;
}
div#page {
	width: 100%;
	margin: 0;
	min-height: 100%;
	position: relative;
}
.very-first-top-margin, .very-last-bottom-margin {
  height: 20px;
  background-color: #aaaaaa;
}
/* Set the page width here */
#top-margin-out, #top-margin-round-out, #bottom-margin-round-out, #menu-top, #header, #wrapper-content {
	/*
  width: 770px;
	margin: 0 auto;
	*/
	text-align: left;
	padding: 0;
}
#top-margin-out {
	height: 30px;
	background: #fff url('images/bg03-white-right.png') repeat-y right top;
	overflow: hidden;
}
#top-margin-in {
	height: 100%;
	background: transparent url('images/bg03-white-left.png') repeat-y left top;
	margin: 0;
	padding: 1em 0 0 20px;
	float: left;
}
#top-margin-round-out {
	height: 13px;
	background: #fff url('images/bg03-white-round-right-top.png') no-repeat right top;
	overflow: hidden;
}
#top-margin-round-in {
  width: 13px;
	height: 100%;
	background: transparent url('images/bg03-white-round-left-top.png') no-repeat left top;
	margin: 0;
	float: left;
}
#bottom-margin-round-out {
	height: 13px;
	background: #fff url('images/bg03-white-round-right-bottom.png') no-repeat right top;
	overflow: hidden;
}
#bottom-margin-round-in {
  width: 13px;
	height: 100%;
	background: transparent url('images/bg03-white-round-left-bottom.png') no-repeat left top;
	margin: 0;
	float: left;
}
#wrapper-header { 
  background: transparent url('images/bg.png') top center repeat-x; 
  margin: 0;
  padding: 0;
}
#header { 
  /*background: #eee url('images/pano_pic_saint_loup_bleu_bd.jpg') no-repeat center top;*/ 
  /*background: #eee url('images/bandeau.jpg') no-repeat center top; */
  background: #eee url('images/bandeau.jpg') no-repeat center top; 
  margin: 0;
  padding: 0;
}
#wrapper-header2 { 
  background: transparent url('images/bg02-blue-left.png') top left no-repeat; 
  margin: 0;
  padding: 0;
}
#wrapper-header3 {
  height: 192px;
  margin: 0;
  padding: 0;
  background: transparent url('images/bg02-blue-right.png') top right no-repeat; 
  position: relative;
}
#wrapper-header3 #boutons-tailles {
  background-color: #ddd;
  font-size: 12px;
  position: absolute;
  right: 25px;
  bottom: 10px;
  border: 1px solid #fff;
}
#wrapper-header3 #boutons-tailles a {
  text-decoration: none;
}
#wrapper-header3 #logo {
  position: absolute;
  top: -19px;
  width: 100%;
  height: 19px;
  background: transparent url(images/logo_haut.jpg) no-repeat center top;
}
#wrapper-header3 #logo-vinifilles {
  display: block;
  position: absolute;
  right: 23px;
  top: 10px;
  width: 153px;
  height: 47px;
  background: transparent url('images/cartouche_vinifilles.gif') top left no-repeat; 
}
#header h1 {
  /*position: absolute;
  left: 30px;
  top: 10px;
  text-align: right;*/
	margin: 0;
	padding: 0;
	color: #777;
	font-size: 250%;
	border: 0;
  font-size: 200%;
  text-align: center;
  letter-spacing: -2px;
visibility: hidden;
}

fin styles.css


#jdmenu-top {
	background: #444 url('images/bg03-white-right.png') repeat-y right top;
	/*overflow: hidden;*/
}
#mmenu-top ul {
	background-image: url('images/bg03-white-left.png');
	background-position: left top;
	background-repeat: repeat-y;
	padding-left: 20px;
	/*margin: 0;
	padding: 0 0 20px 20px;
	list-style: none;
	float: left;*/
}
#menu-top #submenu-top-left {
	background-image: url('images/bg03-white-left.png');
	background-position: left top;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	/*padding: 0 0 20px 20px;
	list-style: none;
	float: left;*/
}
#menu-top {
	background: #fff url('images/bg03-white-right.png') repeat-y right top;
	overflow: hidden;
}
/*#menu-top ul {
	background: transparent url('images/bg03-white-left.png') repeat-y left top;
	margin: 0;
	padding: 0 0 20px 20px;
	list-style: none;
	float: left;
}*/
#mmenu-top li { 
	display: inline; 
}
#mmenu-top ul a {
	float: left;
	background: transparent url(images/menuleft.gif) no-repeat left bottom;
	margin: 0;
	padding: 0 0 0 4px;
	margin-left: 4px;
	text-decoration:none;
	line-height: 1.5em;
}
#mmenu-top ul a span {
	background: transparent url(images/menuright.gif) no-repeat right bottom;
	padding: 5px 8px 4px 8px;
	color: #000;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
#mmenu-top ul a:hover, 
#mmenu-top ul a.active { 
	background:transparent url(images/menuleft_hover.gif) no-repeat left bottom;
}
#mmenu-top ul a:hover span, 
#mmenu-top ul a.active span {	
	background: transparent url(images/menuright_hover.gif) no-repeat right bottom;
}
#menu-top #menu-top-recherche {
  float: right;
  margin-top: 7px;
  margin-right: 30px;
}
#menu-top #menu-top-recherche .formulaire_recherche form {
  margin: 0; /* non nul par d�fault sous IE -> cause d�calage en bas du menu */
}
#menu-top #menu-top-recherche .formulaire_recherche {
  font-size: 90%;
}
#menu-top #menu-top-lang {
  float: right;
  margin-top: 7px;
  margin-right: 20px;
}

#wrapper-content { 
  background: #fff url('images/bg03-white-left.png') repeat-y left top; 
}
#wrapper-content2 { 
  /*height: 100%;*/
  background: transparent url('images/bg03-white-right.png') repeat-y right top;
  padding-left: 40px;
  padding-right: 30px;
  position: relative;
}
#wrapper-content2 #wrapper-content2-table { 
  margin: 0; 
  padding: 0; 
  border: 0;
}
#content {
	/*background-color: #FFAC00;*/
	padding: 0;
	margin: 0;
	/*margin-right: 220px;*/ /* Si right-column en pos. absolute*/
	/*margin-right: 20px;*/
	padding-right: 20px;
  overflow: auto; /* pour �viter pb blocs imbriqu�s et fusion des marges avec h3 class="spip" sur accueil */
}
.page-rubrique #content {
	padding: 20px 70px 0 50px;
}
.page-rubrique-blog #content, .page-accueil-blog #content {
	padding: 20px 50px 0 30px;
}
.logo-rubrique {
  float: left; 
  margin-right: 20px; 
  margin-top: 10px; 
  margin-bottom: 10px;
}
#right-column {
	padding: 0;
	margin: 0;
	/*position: absolute;
  right: 30px;
  top: 0;*/
  float: right;
  width: 200px;
}
#wrapper-menu-page {
	margin: 0;
	line-height: 100%;
	font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-size: 90%;
	background-image: url(images/mas-theleme-menu5.jpg);
	background-repeat: no-repeat;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
}
#wrapper-menu-page .formulaire_recherche {
  font-size: 90%;
  margin: 10px;
}
#wrapper-menu-page .divul {
	list-style-type: none;
	margin: 0; 
	padding: 0;
  padding-left: 10px;
}
#wrapper-menu-page .divli {
  padding: 0;
	margin: 0;
  /*zoom: 1.0;*/ /* pour IE, comme d'hab ! http://cssbeauty.com/skillshare/discussion/2042/ */
}
#wrapper-menu-page a {
  text-decoration: none;
  display: block;
  margin: 0;
	padding: 0;	
  padding-top: 5px;
  padding-bottom: 5px;
}
#wrapper-menu-page .rubrique-on {
  font-weight: bold;
}
#wrapper-menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #426688;
	font-weight: bold;
	letter-spacing: 0.15em;
}
#wrapper-menu-page a:link, #wrapper-menu-page a:visited { 
	color: #555; 
}
#wrapper-menu-page #box {
  position: relative;
  right: 0;
}
.menu-margin-top, .menu-margin-bottom {
  font-size: 1px; /* sinon IE applique une hauteur trop grande */
  height: 5px;
  margin: 0;
  padding: 0;
  background-color: transparent; /* sinon la hauteur est trop grande sur IE !!! */
}
#menu-complet-top {
  background-image: url(images/menu-complet-top.gif);
	background-repeat: no-repeat;
	height: 8px;
	font-size: 1px;
}
#menu-complet-bottom {
  background-image: url(images/menu-complet-bottom.gif);
	background-repeat: no-repeat;
	height: 8px;
	font-size: 1px;
}

div.dicton {
	/*float: right;*/
	width: 190px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	padding-bottom: 10px;
	line-height: 100%;
	/*font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;*/
	font-size: 90%;
	background-color: #FFFE97;
	text-align: center;
	/*position: relative;*/
}
div.dicton #date-dicton {
	width: 180px;
	margin-left: auto;
	margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  background-color: #DFDE8B;
  padding: 1px;
}
/*div.dicton-corner {
	float: right;
	width: 180px;
	height: 10px;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	background-image: url(images/postit_corner.gif);
	background-repeat: no-repeat;
}*/
div.meteo {
	/*float: right;*/
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	/*padding-left: 10px;*/
	padding-bottom: 40px;
	line-height: 100%;
	font-size: 90%;
	/*background-color: #fcfdd6;*/
	background: transparent url('images/postit.jpg') repeat-y left bottom;
  /*position: relative;*/
}
#agrafe {
  /*position: absolute;
  right: 45px;
  top: 5px;
  width: 20px;
  height: 18px;
  background-image: url(images/agrafe.gif);
  background-repeat: no-repeat;*/
}
div.meteo #titre-meteo {
	width: 155px; /* 200px de div.meteo - espace vide � droite environ 45px */
  text-align: center;
  background-color: #DFDE8B;
  margin-left: 10px;
  padding: 1px;
}
div.meteo table {
  margin-top: 5px;
  margin-left: 10px;
}

#content h1 { 
  font-size: 200%;
  text-align: center;
  /*letter-spacing: 2px;*/
  margin: 0;
  margin-bottom: 20px;
}
#content h2 { 
  font-size: 170%; 
  /*letter-spacing: 2px;*/
  margin: 0;
}
#content h3 { 
  font-size: 140%; 
  margin: 0; 
}
#content h4 { 
  font-size: 125%; 
  margin: 0; 
}
.mini-header {
  font-size: 80%;
  font-style: italic;
}

.lien-lire {
	margin-left: 1em;
  font-size: 85%;
}

#logo-menu {
	width: 11em;	
}

.article-presse {
	line-height: 100%;
	border-left: 3px solid #ddd;
	margin-left: 1em;
	padding-left: 0.5em;
}

.lettrine {
}

.actualite-impaire {
	/*overflow: hidden;*/
}

.actualite-paire {
	/*overflow: hidden;*/
}

.actualite-impaire h4 {
	clear: left;
}

.actualite {
	line-height: 100%;
	border-left: 3px solid #ddd;
	margin-left: 1em;
	padding-left: 0.5em;
}

.img-actualite {
	padding: 2px;
	/*border: 1px dotted #ccc;*/
}

.actualite-impaire .img-actualite {
	float: right;
}

.actualite-paire .img-actualite {
	margin-left: 25px;
	margin-right: 10px;
	float: left;
}

.a-completer {
	background: yellow;
}

a:link, a:visited { 
	color: #426688; 
	text-decoration: none; 
}

a:hover{ 
	color: #333; 
	text-decoration: underline; 
}

#footer {
	/*background: transparent url('images/bg03-white-right.png') repeat-y right top;*/
	/*border-top: 1px dashed #eee;*/
	clear: both;
	font-size: 0.75em;
	margin: 0;
	/*height: 100%;*/
	padding-bottom: 10px;
}

table#footer-links {
  width: 100%;
  border-top: 1px dashed #777;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-top: 5px;
  font-size: 100%;
}
#footer-links td#rss {
  width: 24%;
  text-align: left;
}
#footer-links td#espace-prive {
  width: 24%;
  text-align: left;
}
#footer-links td#mentions-legales {
  width: 24%;
  text-align: center;
}
#footer-links td#credits {
  width: 24%;
  text-align: right;
}

#vue_aerienne_lauret {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.a-more {
	font-size: 80%;
}

#punaise {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  width: 16px;
  height: 25px;
  background-image: url(images/punaise.gif);
  background-repeat: no-repeat;
}

a#credits {
  float: right;
  font-size: 90%;
  margin-right: 10px;
}
a#espace-prive {
  float: left;
  font-size: 90%;
  margin-left: 10px;
}
a#mentions-legales {
  display: block;
  text-align: center;
  font-size: 90%;
}
/*a.retour-article {
  margin-top: 40px;
  margin: 40px;
  margin-bottom: 15px;
  text-align: center;
}*/
center {
  margin-top: 40px;
  margin-bottom: 15px;
}

/*
.galerie {
  margin-left: 20px;
}
.galerie div {
  float: left;
  height: 110px;
  width: 110px;
}
.galerie div a {
  display: block;
  height: 100%;
  width: 100%;
  margin: auto;
}
*/


.galerie {
  overflow: hidden;
  margin-bottom: 20px;
}
.galerie div {
	float: left;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	width: 110px;
	height: 110px;
	margin: 5px 5px 0 0;
}
.galerie a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.galerie a:hover {
	background-color: #DDDCD8;
}




.erreur-lettres {
  color: red;
  margin-left: 30px;
  font-weight: bold;
}
.clear-float {
  clear: both;
}



ul.langues {
  vertical-align: middle;
  list-style-type: none;
  margin-top: 0;
  padding: 0;
  float: right;
}
ul.langues li {
  float: left;
  margin: 0;
}
ul.langues li a {
  /*display: block;*/
}

#hierarchie {
  font-size: 90%;
  padding-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

#agenda-et-actu {
  clear: left;
}
#accueil-agenda {
  clear: both;
  float: right;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

#accueil-agenda ul {
  margin-left: 0;
  padding-left: 10px;
  border-left: 2px solid #B9C0D0;
}
#accueil-agenda li {
  list-style-type: none;
  margin-bottom: 10px;
}

#accueil-actu, #actu-blog {
  float: left;
  margin-top: 10px;
}
#accueil-actu ul, #actu-blog ul {
  margin-left: 0;
  padding-left: 10px;
  border-left: 2px solid #B9C0D0;
}
#accueil-actu li, #actu-blog li {
  list-style-type: none;
  margin-bottom: 10px;
}
#accueil-actu a#toutes-actus, #actu-blog a#toutes-actus {
  color: #426688;
}
.blog-titre {
  font-size: 140%;
  padding-left: 30px;
  background: transparent url('images/puce_fleur.gif') no-repeat left center;
}
.blog-date {
  margin-bottom: 6px;
  font-size: 85%;
  padding-left: 30px;
}
.date-agenda span {
  text-transform: uppercase;
  padding-left: 3px;
  padding-right: 3px;
  color: white;
  background-color: #426688;
}
.blog-texte {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
}
.billet-blog {
  padding: 12px 12px 0 12px;
  /*margin: 0 auto;*/
  margin-bottom: 10px;
  background: #EEE;
}
.billet-blog {
}
.blog-texte p.spip:last-child {
  margin-bottom: 0;
}

.formulaire_recherche {
  margin-top: 14px;
  margin-bottom: 14px;
  margin-left: 25px;
}
.formulaire_recherche input#recherche {
  font-size: 90%;
  color: #777;
  width: 150px;
}

.rubrique {
  padding-bottom: 20px;
}

.article {
  clear: both;
  padding-bottom: 20px;
}
.art-de-sect6 { /* on en parle */
  background-image: url(images/grad-blue.gif);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #ECF1F5;
  border: 2px solid #DEE3E6;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.art-de-sect6 h2 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  padding: 0 0 5px 0;
  margin: 0 -2px 5px -2px!important;
  color: #E97B00;
  background: url(images/separator-h3.gif) repeat-x bottom;
  font-size: 1.1em;
}

#sous-rubriques {
  list-style-type: none;
  margin-top: 10px;
  margin-left: 0;
  padding-left: 10px;
}
#sous-rubriques li {
  list-style-type: none;
}
#sous-rubriques li a { 
  padding-left: 18px; 
  background: url(images/bullet.gif) no-repeat 0 50%;
}
#sous-rubriques li a:hover {
  background: url(images/bullet_hover.gif) no-repeat 0 50%;
}









#nav-top {
  margin-left: 0;
  margin-right: 14px;
  background-image: url('images/bg03-white-left.png');
	background-position: left top;
	background-repeat: repeat-y;
  background-color: #B66550;
  height: 4px;
  font-size: 1px;
}
#nav-bottom {
  clear: left;
  height: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
ul#nav, ul#nav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#nav li {
  float:left;
  width: 6.5em;
  margin-right: 3px;
  text-align: center;
}
ul#nav a {
  float:left;
  width: 6.5em;
  padding: 2px 0;
  background-color: #C1B6B0;
  text-decoration: none;
  color: #FFF;
}
ul#nav .menu-rub65, ul#nav .menu-rub6 {
  width: 10.5em;
}
ul#nav a:hover {
  background: #FFA826;
  color: #FFF;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover {
  background-color: #FFF;
  color: #003;
}
ul#nav a.active {
  font-weight: bold;
  background-color: #B66550;
  color: #FFF;
}
ul#nav {
	background-image: url('images/bg03-white-left.png');
	background-position: left top;
	background-repeat: repeat-y;
	padding-left: 20px;
	height: 35px;
	overflow: hidden;
}

a.glossaire {
  text-decoration: none;
  background-color: #FFC0AF;
}

div.glossaire {
  text-align: left;
}

#incrustation-logo {
  background: url(images/logo_mas_theleme.gif) no-repeat center;
  width: 170px;
  height: 66px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}

table.spip {
	border-collapse: inherit; 
}

/* ********************************************** */
.une {
  width: 186px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.une h3 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  padding: 0 0 5px 0;
  margin: 0 -2px 5px -2px!important;
  color: #E97B00;
  background: url(images/separator-h3.gif) repeat-x bottom;
  font-size: 1.1em;
}
.corps-dicton {
  font-size: 1em;
}
.corps-citation {
  font-size: 1em;
}
div.spip_poesie {
  border: none;
  margin-left: 0;
 	font-family: trebuchet ms, verdana, arial, tahoma;
 	font-size: 90%;
}
div.spip_poesie div {
  text-indent: 0;
  margin-left: 0;
}
#une-jour {
  background-image: url(images/grad-green.gif);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #EEF6E8;
  border: 2px solid #E3EBDD;
}
#une-mois {
  background-image: url(images/grad-blue.gif);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #ECF1F5;
  border: 2px solid #DEE3E6;
}
#une-citation {
  background-image: url(images/grad-yellow.gif);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #FAF8EC;
  border: 2px solid #EEECE1;
}
div.meteo table {
  font-size: 1em;
}
div.voir-aussi {
  overflow: hidden;
  margin-top: 10px;
}
div.voir-aussi ul {
  padding: 0;
}
div.voir-aussi li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}

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

.art105 table.spip tr.row_even, .art105 table.spip tr.row_odd {
  background-color: white;
}

.art105 table.spip {
  margin-top: 20px;
	border-collapse: collapse;
	border-top: 3px solid #B3BED2;
	border-bottom: 3px solid #B3BED2;
	border-left: 0;	
  border-right: 0;
}

.art105 table.spip td {
	vertical-align: middle;
	border-bottom: 1px solid #B3BED2;
	padding: 10px 8px;
}

.art105 table.spip td a {
  display: block;
  margin-top: 20px;
}

.art105 table.spip td .spip_documents a {
  display: inline;
}

.corps-citation p {
  text-align: right;
  margin-bottom: 0;
}

/* ************************************************** */
.corps-article {
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

/* ************************************************** */
.article-une {
  clear: left;
  margin-top: 20px;
  float: left;
  width: 42%;
  padding-top: 8px; /* 3 orig + 5 */
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  background-image: url(images/grad-green.gif);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #EEF6E8;
  border: 2px solid #E3EBDD;
  margin-right: 10px;
  margin-bottom: 10px;
}
.article-une .corps-article {
  margin-bottom: 10px;
}
#content .article-une h2 {
  font-size: 140%; 
}

/* ************************************************** */
#google-map {
  width: 500px;
  height: 350px;
}

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

#content .art238 .msg-pdf {
  margin-top: 15px;
  margin-bottom: 2px;
  font-style: italic;
  font-size: 85%;
  color: #F68118;
}
#content .table-vinifilles {
  border-collapse: collapse;
}
#content .table-vinifilles .col1 {
  vertical-align : top;
  width: 180px;
}
#content .table-vinifilles .col1 h3 {
  font-size: 100%;
  vertical-align : top;
}
#content .table-vinifilles .col2 {
  font-size: 90%;
}
#content .table-vinifilles .col2 h4 {
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
}
#content .table-vinifilles td {
  border-top: 1px solid #F68118;
  border-bottom: 1px solid #F68118;
  margin-bottom: 15px;
  padding: 5px;
}
#content .table-vinifilles .col1 .prenom {
  color: #F68118;
}
#content .table-vinifilles .col1 .nom {
  color: #8B0019;
}
#content .art238 h3 {
  color: #F68118;
  text-align: center;
}
/*#content .art238 .orange {*/
.orange {
  color: #F68118;
}
#content .art238 .table-vinifilles h3 {
  text-align: left;
}
#intro-accueil {
  margin-bottom: 30px;
}
.nouveau {
  font-size: 75%;
  text-transform: uppercase;
  margin-left: 5px;
  padding-left: 3px;
  padding-right: 3px;
  color: white;
  background-color: #426688;
}
.article-une-date {
  font-size: 90%;
  margin: 10px 0 10px 10px;
}
.article-une-date span {
  color: white;
  background-color: #426688;
  padding-left: 3px;
  padding-right: 3px;
}

/* Distributeurs */

#content .art-rub44 table {
  border-collapse: collapse;
  width: 98%;
}
#content .art-rub44 td {
  vertical-align: top;
  padding: 10px;
  border-top: 1px solid #C1B6B0;
  width: 49%;
}
#content .art-rub44 h3.spip {
  margin-top: 1em;
  text-align: left;
  
}

/* table */
table.spip {
  border: none;
  margin-left: 0;
}

/* english */

#english-content {
  width: 170px;
  background: #fff url('images/english.jpg') no-repeat left top;
  margin-left: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#english-content a {
  font-size: 90%;
  margin-left: 5px;
  padding-left: 35px;
  background: transparent url('images/english_flag.jpg') no-repeat left center;
}

.une-detail {
  display: block;
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
}



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


#wrapper-content h1, #wrapper-content h2, #wrapper-content h3 {
  color: #14448E;
}

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

.saut {
  clear: both;
  height: 10px;
}

#important {
  /*display: none;*/
  color: #FA003C;
  /*margin-bottom: 20px;*/
}
#important ul {
  padding-left: 14px;
}
#important td {
  vertical-align: top;
}
#important td.odd {
  padding-right: 10px;
}
#important td.even {
  padding-left: 10px;
}
#wrapper-content #important h3 {
  text-align: left;
  color: #FA003C;
}

/******************************** blocs accueil 2012 **********************************/

#agenda-une-2012 {
  margin-top: 20px;
  width: 320px;
  float: left;
}
#agenda-2012 {
  padding-top: 8px; /* 3 orig + 5 */
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  background-image: url(images/grad-blue.gif);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #ECF1F5;
  border: 2px solid #DEE3E6;
  margin-bottom: 30px;
}
#agenda-2012 ul {
  margin-left: 0;
  padding-left: 10px;
  /*border-left: 2px solid #B9C0D0;*/
}
#agenda-2012 li {
  list-style-type: none;
  margin-bottom: 10px;
}
#une-2012 {
}

#actu-centre-2012 {
  margin-top: 20px;
  margin-left: 340px;
  width: 320px;
}
#actu-2012 {
  padding-top: 8px; /* 3 orig + 5 */
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  background-image: url(images/grad-blue.gif);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #ECF1F5;
  border: 2px solid #DEE3E6;
}
#actu-2012 #toutes-actus {
  font-size: 12px;
  margin-left: 10px;
  /*text-decoration: underline;*/
}
#actu-2012 ul {
  margin-left: 0;
  padding-left: 10px;
  /*border-left: 2px solid #B9C0D0;*/
}
#actu-2012 li {
  list-style-type: none;
  margin-bottom: 10px;
}
#centre-2012,
#centre-bas-2012 {
  margin-top: 30px;
}
#breves-2012 {
  margin-bottom: 20px;
}