/* ------------------------------------------------------------
	Reset Styles
------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* Font init */

body, form, table, td, tr, input, select, textarea
{
	font-family: "Lucida Sans","Lucida Grande",Verdana,Tahoma,Arial,Helvetica;
}

/* ------------------------------------------------------------
  Memos
------------------------------------------------------------ */

/* 
PALETE DE COULEURS DE BASE :
Orange : #d92
*/



/* ------------------------------------------------------------
  Styles XHTML de base
------------------------------------------------------------ */

body {
	padding: 15px 0px;
	color: #000;
	font-size: 13px;
	background: #FFF url(/css-images/2009/fond.gif) top center;
	line-height:1.3em;
	}

img {
	border:none
	}

h1 {
	font-size: 25px;
	margin:15px 0 10px 20px;
	font-weight: normal;
	color:#FFF;
	line-height:1em;
	}

h2 {
	font-size: 2em;
	line-height:1.1em;
	margin-top:20px;
	margin-bottom: 14px;
	font-weight: bold;
	font-style:italic;
	}

h3 {
	font-size: 1.5em;
	color: #000;
	margin-top: 25px;
	margin-bottom: 20px;
	font-weight: normal;
	}

h4 {
	font-size: 1.2em;
	color: #000;
	margin-top: 1.1em;
	margin-bottom: 1em;
	}

h5 {
	font-size: 1em;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	}

#center p, 
#center ul, 
#center ol {
	margin-bottom: 0.7em;
	color:#333;
	padding:0;
	line-height:1.2em
	}

#center ol {
	margin-bottom: 0.7em;
	color:#333;
	padding-left:20px;
	line-height:1.2em
	}

a {
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

#center a,
#left a,
#right a,
#foot a {
	color: #20527d;
	background-color:#eee;
	padding:0px 4px;
	}

#center a:hover,
#center .video a:hover,
#left a:hover,
#right a:hover,
#foot a:hover
{
	color: #FFF;
	background-color:#20527d;
	}

#center sup,
#left sup,
#right sup
{
	font-size:0.6em;
	vertical-align: 50%;
	line-height:10px;
	}

#center .footnote sup {
	font-size:1em;
	font-weight:bold;
	vertical-align: baseline;
	}

sup a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding:0;
	border:0;
	}

hr {
	background-color:#FFF; 
	}

blockquote {
	border:1px solid #AAA;
	color:#555;
	font-size: 0.9em;
	font-style:italic;
	}

table  {
	border-collapse:collapse;
	font-size:0.8em;
	text-align:center;
	background-color:#FFF;
	margin-top:5px;
	margin-bottom:10px;
	background:#FFF;
	width:400px;
	}

table a  {
	background:#DDD;
	}

tr {
	background:#EEE;
	}

th,td {
	padding:2px;
	border:2px solid #FFF;
	}

th {
	background:#EEE;
	font-weight:bold;
	}

td {
	}

table .vide {
	background:#F5F5F5;
	}


table th.vide {
	border:none;
	background:#FFF;
	}

h3 .small,
h4 .small {
	font-weight:normal;
	}

.small,
small,
.mininotes,
.footnote,
#foot {
	line-height:14px;
	font-size:10px;
	}

/*------- CENTRAGE ELEMENTS PRINCIPAUX  ----------*/

#head,
#container {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(/css-images/2009/centre-milieu.gif);
	background-position:center 30px;
	background-repeat:repeat-y;
	}

/*---------------- EN TETE ---------------------*/

#accessibilite {
	display:none;
	}

#head {
	height: 160px;
	background-repeat: no-repeat;
	background-image: url(/css-images/2009/centre-haut.gif);
	background-position: center 50px;
	}

#head .adresse {
	font-size: 26px;
	margin-bottom:20px;
	color:#fff;
	padding-top:20px;
	}

#logo {
	float:left;
	margin:0;
	padding:0;
	}

#logo a,
#presentation a{
	background:none;
	}

#presentation {
	width:187px;
	height:145px;
	float:right;
	padding:0;
	}

#menu-principal {
	font-size: 13px;
	line-height: 24px;
	font-weight:bold;
	padding: 0 250px 0 20px ;
margin-top:-5px;
	}

#menu-principal li {
	display:inline;
	}

#menu-principal a {
	color: #FFF;
	text-decoration: none;
	background-color:#422e0a;
	padding:2px 5px;
	white-space:nowrap;
	}

#menu-principal a:hover {
	color: #000;
	background-color:#EEE;
	}

#head .addthis_toolbox {
	height:18px;
	width:250px;
	margin: 15px 0 0 160px;
	font-size:11px;
	background-color:#DDD;
	padding:2px 0 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

#head .addthis_toolbox a{
	color:#000;
	}

#head-droite {
	text-align: left;
	float: right;
	width: 760px;
	height: 145px;
	margin-right: 15px;
	background-image: url(/css-images/2009/entete.gif);
	background-repeat: no-repeat;
	background-position: 0 0 ;
	}

#head-droite p {
	margin-left: 20px;
	}

/*-------- EFFET DE TRANSPARENCE ------------*/

#logo,
#left,
#head-droite,
#center .social-bookmark a {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
#logo:hover,
#left:hover,
#head-droite:hover,
#center .social-bookmark a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}


/*-------- CONTENEUR COLONNES-MENU ------------*/

#right, 
#left {
	font-size: 11px;
	line-height: 11px;
	width: 205px;
	}


#right {
	float: right;
	background: url(/css-images/2009/droite.gif) repeat-y top left;
	}

#left {
	float: left;
	background: url(/css-images/2009/gauche.gif) repeat-y top right;
	}


#left h2,
#left h3,
#left ol,
#left ul, 
#left p,
#left object {
	margin-left:20px;
	margin-right:15px;
	}

#right h2, 
#right h3,
#right h4,  
#right ol, 
#right ul, 
#right p, 
#right object,
#right .flickrset {
	margin-left:15px;
	margin-right:20px;
	}


#right .separation-first,
#left .separation-first,
#right .separation-last,
#left .separation-last,
#left .separation,
#right .separation {
	height:40px;
	background: none;
	margin:0;
	}

#right .separation-first,
#left .separation-first,
#right .separation-last,
#left .separation-last {
	height:20px;
	}

#left .separation-first,	
#left .separation-last,	
#left .separation {
	background: url(/css-images/2009/hr-gauche.gif) bottom left;
	}

#right .separation-first,
#right .separation-last,
#right .separation {
	background: url(/css-images/2009/hr-droite.gif)  bottom right;
	}

#right .separation-last {
	background-position: top right;
	}

#left .separation-last {
	background-position: top left;
	}

#left a {
	background-color:#CE8F20;
	}

#left a:hover,
#right a:hover {
	background-color:#20527d;
	}

#left p,
#right p {
	line-height:1.4em;
	}
	
#left p {
	color:#422e0a;
	}

#right p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

#left h2,
#right h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0.5em;
	color:#FFF;
	}

#left img,
#right img {
	width:170px;
	margin:8px 0 ;
	}

#left .edit-link img,
#left .edit-link img {
	width:auto;
	margin:inherit;
	}

#right h3,
#right h4 {
	margin-top:0;
	margin-bottom:0;
	}

#right h3,
#right h4,
#left h3
 {
	line-height:1.2em;
	font-size: 12px;
	font-weight:bold;
	}

#left h3 {
	background: url(/css-images/2009/hr-gauche.gif) top left no-repeat;
	padding:40px 20px 0 20px;
	margin:0;
	}

#left h3.sticky {
	background: none;
	padding:0 20px 0 20px;
	}


/*-------------------- PIED DE PAGE --------------------*/


#foot {
	clear: both;
	padding: 50px 260px 25px 220px;
	text-align: center;
	background-image: url(/css-images/2009/pied.gif);
	background-position: bottom center;
	background-repeat:no-repeat;
	}

#foot p{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

#foot input {
	font-size: 9px;
	}

#foot p:hover {
	filter:alpha(opacity=90);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}


/* ------------------------------------------------------------
  Conteneur contenu principal (centre)
------------------------------------------------------------ */


#center {
	margin-left: 200px;
	margin-right: 235px;
	padding:1px 0 30px 0;
	min-height:350px
	}

#center hr, 
#center h2, 
#center h3,
#center h4,
#center h5,
#center ol,
#center ul, 
#center blockquote, 
#center p,
#center .flickrset,
#center .cadre, 
#center .cadre-icone,
#center .blog-menu,
#center .video,
#center .video-big,
#center table,
#center form,
#center .commentaire,
#cpreview,
#center .center-overflow {
	margin-left:30px;
	margin-right:25px;
	}

#center .center-overflow {
	overflow:scroll;
	border:1px solid #bbb;
	width:500px;
	height:350px;
	}

#center .center-overflow table{
	margin:4px
	}

#center h3 {
	border-top:4px solid #D92;
	padding-top:1em;
	font-weight:bold;
	}

#center .video {
	padding: 13px;
	font-size:0.9em;
	margin-bottom:20px;
	background-color:#000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
border:2px solid #555;
	}

#center .video object{
	margin-bottom:6px;
	}

#center .video p, 
#center .video h4,
#center .video a  
{
	margin:0;
	color:#fff;
	}

#center .video h4 {
	font-weight:bold
	}

#center .video a {
	font-weight:bold;
background-color:#555;
	}

#center .check {
	background:url(/css-images/2009/check-jaune.gif) no-repeat 0px 4px; 
	}

#center hr {
	padding:0px;
	margin-top:2em;
	margin-bottom:1em;
	width: 510px;
	height: 4px;
	background-color:#D92;
	color:#D92;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#center li {
	margin-bottom:10px;
	}

#center ul li {
	margin-bottom:10px;
	list-style-type:none;
	padding-left:18px;
	background:url(/css-images/2009/puce.gif) no-repeat 0px 3px; 
	}

#center .blog-menu,
#center .cadre, 
#center .cadre-icone {
	padding: 6px 0;
	border-top:1px solid #ddd
	}
	
#center .blog-menu,
#center .cadre-icone {
	min-height:70px;
	}

#center .cadre .illustration, 
#center .sanscadre .illustration, 
#center .cadre-icone .illustration {
	display:none;
	}

#center .cadre h3, 
#center .cadre-icone h3,
#center .blog-menu h3,
#center .cadre h4, 
#center .cadre-icone h4,
#center .blog-menu h4 {
	margin-bottom : 0.5em;
	font-weight:bold;
	}

#center .cadre h3, 
#center .cadre-icone h3,
#center .blog-menu h3 {
	font-size:1em;
	padding-top:0;
	border:0;
	line-height:1.1em;
	}

#center .cadre-icone h3,
#center .blog-menu h3 {
	margin-top:0.5em;
	}

#center .cadre h4, 
#center .cadre-icone h4,
#center .blog-menu h4 {
	font-size:1em;
	}

#center .video p, 
#center .video h4, 
#center .cadre h3, 
#center .cadre h4, 
#center .cadre p, 
#center .cadre-icone h3, 
#center .cadre-icone h4, 
#center .cadre-icone p,
#center .blog-menu h3, 
#center .blog-menu h4, 
#center .blog-menu p,
#center form h3, 
#center form h4, 
#center form p   {
	margin-left: 0;
	margin-right: 0;
	}

#center .cadre-icone p, 
#center .cadre-icone h3,
#center .cadre-icone h4,
#center .blog-menu p, 
#center .blog-menu h3,
#center .blog-menu h4 {
	margin-left:75px;
	}

#center .icone-breve {
	float: left;
	width: 64px;
	height: 64px;
	margin-top: 2px;
	}

.hide {
	display: none;
	}

#breadcrumb p {
	margin-top:2px;
	font-size:12px;
	}

.page-precedente {
	float:left;
	}

.page-suivante {
	float:right;
	}

.alerte,
#center .alerte {
	font-weight: bold;
	color: #a00;
	}

.menupage {
	}

#center .menupage li {
	background-image:url(/css-images/liste-fleche-bas.gif);
	}

.intro {
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	}

.intro img {
	display:none;
	}

<!-- menus-lien en evidence au debut de certaines sections -->


#center ul.cadre-lien li {
	list-style-type:none;
	}

#center ul.cadre-lien li {
	background-image:none;
	margin:0;
	padding:0;
	}

#center ul.cadre-lien li a {
	display:block;
	border:0;
	padding:10px;
	margin:5px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size:14px;
	}

#center ul.cadre-lien li a img {
	vertical-align:top;
margin-right: 5px;
	}

#center ul.cadre-lien li a:hover,
#center ul.cadre-lien li a:hover strong{
	color:#FFF;
	}



/* ------------------------------------------------------------
  Images : Galerie Flickr, Slimbox, etc.
------------------------------------------------------------ */


.illustration,
.thumbnail img, 
.flickrset img,
.individual .image img, 
.an7_flickr_thumb img,
.individual .image img, 
.an7_flickr_thumb img {
	} 

.illustration {
	}


/* --- Galerie Flickr --- */


.setpreview { 
	margin:20px 0px;
	font-size:10px; 
	} 

.setpreview h3 { 
	padding-top:4px;
	font-size:10px; 
	}

.setpreview .thumbnail { 
	float: left; 
	margin-right: 10px; 
	} 

#right .flickrset { 
	padding:0;
	} 

.flickrset { 
	padding-top:1em;
	} 

.flickrset img {
	float:left;
	margin:0px 9px 9px 0px ;
	}

.thumbnail img, 
.flickrset img {
	width:75px;
	height:75px;
	}

#right .flickrset img {
	float:none;
	margin:0;
	width:165px;
	height:auto;
	}

#center .flickrset a,
#right .flickrset a {
	border: none;
	background:none;
	padding:0;
	margin:0;
	} 

.individual {
	} 

.individual .image {
	margin: 10px auto; 
	text-align: left;
	} 

.image a {
	text-decoration : none; 
	border: 0px;
	}  

.individual .flickrsetnav {
	text-align: left;
	} 

.boutons a:hover {
	background-color:#FFF;
	} 

.individual .setname {
	display: inline; 
	}

.thumbnail img:hover, 
.flickrset img:hover,
.image a:hover img, 
.an7_flickr_thumb img:hover {
	}

.thumbnail a {
	border-bottom: none; 
	}

.an7_flickr_thumb, 
	.an7_flickr_thumb:hover {
	border:0;
	}




/* ------------------------------------------------------------
  Zem Event plugin
------------------------------------------------------------ */


div.zem_event_calendar_nav {
	padding:0;
	margin-bottom:15px;
	text-align:center;
	}

h3.zem_event_calendar_nav {
	display: inline;
	font-size: 15px;
	font-weight: normal;
	width:50px;
	line-height:30px;
	padding:0px;
	vertical-align:middle;
	}

div.zem_event_calendar_nav a.next {
	font-size: 25px;
	font-weight: bold;
	border:0;
	vertical-align:middle;
	}

div.zem_event_calendar_nav a.prev {
	font-size: 25px;
	font-weight: bold;
	border:0;
	vertical-align:middle;
	}

.zem_event_list {
	margin:0;
	padding:0;
	}

.zem_event_calendar {
	text-align:left;
	}

.zem_event_calendar caption {
	font-weight:bold;
	font-size:14px;
	}

.zem_event_calendar .number {
	font-weight:bold;
	font-size:10px;
	background-color:#EEE;
	padding:0;
	}

.zem_event_calendar .number td {
	padding:0 5px;
	}

.zem_event_calendar th {
	font-weight:bold;
	font-size:11px;
	padding-bottom:4px;
	}




/* ------------------------------------------------------------
  Formulaires elements communs
------------------------------------------------------------ */

select,
input, 
textarea,
select.zemRequired,
input.zemRequired,
textarea.zemRequired 
{
	border: 1px solid #ccc;
	font-weight:normal;
	}

#center select,
#center input, 
#center textarea 
{
	width: 96.5%;
	padding: 5px 5px 6px 6px;
	margin: 5px 0 0px 0;
	font-size:12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}

#right select,
#right input, 
#right textarea 
{
	width: 90%;
	padding: 4px 4px 5px 5px;
	margin: 5px 0 0px 0;
	font-size:11px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}


form#txpCommentInputForm #commentFormButtons {
	text-align: right;
}

#center form#txpCommentInputForm #commentFormButtons input, 
#center .zemContactForm input.zemSubmit 
{
	background: url(/css-images/bouton-jaune-135x35.gif);
	border: 0;
	width: 135px;
	height: 35px;
	cursor: pointer;
	font-weight:normal;
	margin-left:10px;
	color:#FFF;
	font-size:14px;
	}

form#txpCommentInputForm input#txpCommentSubmit.disabled {
	display: none;
	}

#center .zemContactForm,
#center #txpCommentInputForm,
#center .commentaire,
#center #cpreview   
{
	border:2px solid #DDD;
	background-color:#eee;
	padding:5px 15px 15px 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top:20px;
	margin-bottom:10px;
	}


#center .zemContactForm a,
#center #txpCommentInputForm a,
#center .commentaire a,
#center #cpreview a   
{
	background-color:#DDD;
	}

/* ------------------------------------------------------------
  ZemContact
------------------------------------------------------------ */


.zemContactForm textarea {
	width:400px;
	}

.zemRequired {
	font-weight:bold;
	}

#center .zemError li{
	color:#a00;
	background:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style-type:none;
	}

#center .zemError{
	padding:0 0 0 0;
	margin-left:0;
	}

.zemThanks p{
	color:#190;
	background-color:#dfc;
	padding:3px 6px;
	margin:10px 0;
	list-style-type:none;
	}

.zemError{
	padding:0;
	}

.zemRequirederrorElement {
	font-weight:bold;
	color:#a00;
	}



/* ------------------------------------------------------------
  Commentaires
------------------------------------------------------------ */


form#txpCommentInputForm input,
form#txpCommentInputForm textarea {
	width: 96.5%;
	margin: 3px 0 0px 0;
	}

#center #cpreview {
	padding:0 0 15px 0;
	}

#center #cpreview p {
	padding:0 0 0 0;
	margin:0 15 0 15;
	}

#center #cpreview .commentaire {
	background-color:#eee;
	border:2px solid #a00;
	}

#center #cpreview #txpCommentInputForm {
	border:0;
	padding:0;
	}

.comments_error {
	color:#a00;
	}

#center #txpCommentInputForm p {
	font-weight:normal;
	margin:10px 0;
	}

#center #txpCommentInputForm {
	color:#a00;
	font-weight:bold;
	padding:8px 15px 8px 15px;
	}

#center #txpCommentInputForm ul {
	font-weight:bold;
	margin:0 0 15px 0;
	}

#center #txpCommentInputForm li {
	font-weight:bold;
	margin:0;
	padding:0;
	background:none; 
	}

#center .commentaire {
	padding:5px 10px 10px 15px;
	margin-top:5px;
	margin-bottom:10px;
	min-height:100px;
	margin-left:115px;
	}

#center .commentaire p {
	margin: 5px 0;
	margin: 5px 0 5px 0px;
	}

.gravatar {
	float:left;
	margin: -6px 0 0 -100px;

	font-size:10px;
	line-height:10px;
	width:90px;
	background:url(/css-images/pointe-bulle-commentaires.gif) no-repeat 70px 24px;
	}


.gravatar img {
	background:#fff;
	}

.gravatar img a,
.gravatar img a:hover
 {
	border:0;
	background:none;
	padding:0;
	}


#center .gravatar a {
	border:0;
	padding:0;
	background:none;
	color:#eee;
	}

#center .gravatar a:hover {
	border:0;
	padding:0;
	background:none;
	color:#555;
	}


/* ------------------------------------------------------------
  Recherche
------------------------------------------------------------ */

.resultat-recherche {
	border-top:1px solid #DDD;
	margin:10px 0px;
	}


.resultat-recherche p {
	margin:4px 0px;
	}

.resultat-recherche h4 {
	margin:5px 0px;
	}


/* ------------------------------------------------------------
  Pagination interne des articles et minisites
------------------------------------------------------------ */


#pages,
#pages-top,
#pages-bottom {
	margin:0;
	padding:0;
	}

#center #pages li,
#center #pages-top li,
#center #pages-bottom li {
	border-left:1px solid;
	display:inline;
	list-style-type:none;
	padding:0 6px;
	background:none;
	}


/* ------------------------------------------------------------
  Divers a reclasser
------------------------------------------------------------ */


.slogan {
	width:150px;
	position :absolute;
	top:0;
	left:-5000px;
	}

.article_mini_index_sticky {
	margin-top:15px;
	background-color: #feb;
	padding:5px;
	}

.article_mini_index_sticky h3 {
	color:#930;
	}

#right .article_mini_index_sticky h3,
#right .article_mini_index_sticky p
	{
	padding:0;
	margin-top:0;
	}

.edit-link,
#left .edit-link,
#right .edit-link {
	background:none;
	margin:0;
	padding:0;
	}

.edit-link img, 
#left .edit-link img,
#right .edit-link img
{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	width:12px;
	height:12px;
	vertical-align: baseline;
	margin-bottom:-1px;
	}

.edit-link:hover img {
	background-color:#FFF; 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}

/* pour zem_ir */
h2.image-replacement {
	font-size:4px;
	line-height:28px;
	letter-spacing:13.5px;
	color:#FFF;
	padding-top:10px;
	width:450px;
	padding-left:20px;
	}

#center .auteur   
{
	margin-bottom:-10px;
	margin-top:20px;
	}

#center .signature-article   
{
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	}

#center .signature-article img  
{
	margin-right:20px;
	vertical-align:middle;
	}

#right .blog-menu .date-blog{
	display:none;
	}


#right .blog-menu .avatar-blog
{
	margin:0 10px 2px 16px;
	float:left;
	}

#center .blog-menu .avatar-blog
{
	margin:0 10px 2px 28px;
	float:left;
	}

#right .blog-menu .avatar-blog img
{
	width:64px;
	height:64px;
	}


#center .intro .date-blog,
#center .blog-menu .date-blog
{
	float:left;
	height:64px;
	width:48px;
	text-align:center;
	background: url(/css-images/icones/document.jpg) no-repeat -8px 0px;
	color:#666;
	font-style:normal;
	}

#center .blog-menu .date-blog{
	margin-left:0px
	}

#center .intro .date-blog .jour,
#center .intro .date-blog .annee,
#center .intro .date-blog .mois,
#center .blog-menu .date-blog .jour,
#center .blog-menu .date-blog .annee,
#center .blog-menu .date-blog .mois {
	display:block;
	}

#center .intro .date-blog .jour,
#center .blog-menu .date-blog .jour
{
	color:#940;
	font-family:impact;
	font-size:21px;
	height:18px;
	margin:6px 0 2px 0;
	}

#center .intro .date-blog .mois,
#center .blog-menu .date-blog .mois
{
	font-weight:bold;
	font-size:13px;
	height:10px;
	border-top:1px solid #bbb;
	width:36px;
	margin : 0 auto;
	}

#center .intro .date-blog .annee,
#center .blog-menu .date-blog .annee
{
	font-weight:bold;
	font-size:9px;
	height:12px;
	text-align:left;
	padding-left:4px;
	}

.trombino {
	background-image: url(/css-images/default-avatar.jpg);
	}



/* ------------------------------------------------------------
	Styles specifiques pages activites
------------------------------------------------------------ */


#center h3.CategorieActivite {
	}
#center h4.TitreActivite {
	margin-top:20px;
	margin-bottom:5px;
	font-weight:bold;
	padding-top:8px;
	border-top:2px solid #bbb;
	}
#center h5.AtelierOuStage {
	font-size:14px;
	margin-top:10px;
	margin-bottom:0px;
	font-weight:bold;
	color:#d92;
	padding-top:4px;
	border-top:1px dashed #bbb;
	}
#center h5.StageVacances {
	font-size:13px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	}
#center p.ResumeActivite {
	margin-top:0px;
	margin-bottom:0px;
	}
#center p.NoteActivite {
	margin-top:2px;
	margin-bottom:5px;
	}
#center p.HorairesOuDates {
	margin-top:5px;
	margin-bottom:0px;
	text-indent:18px;
	background:url(/css-images/2009/puce.gif) no-repeat 0px 2px; 
	}
#center p.NoteActivite,
#center p.HorairesOuDates {
	font-size:12px;
	font-style:italic;
	color:#555;
	font-family:"Georgia";
	}
#center span.CodeActiviteAdultes,
#center span.CodeActiviteEnfants{
	color:#888;
	font-family:"andale mono", monospace;
	font-size:10px;
	font-weight:normal;
	}

#center p.LienFicheActivite {
    margin-top:10px;
    font-weight:bold;
    border-top:1px dashed #bbb;
    padding-top:4px;
    }




/* ------------------------------------------------------------
  Variantes mini-sites (A REVOIR D'URGENCE!)
------------------------------------------------------------ */


.minisite {
	font-size:12px;
	margin:0;
	padding:0;
	}

.minisite h1 {
	font-size:30px;
	margin-top:20px;
	color:#000;
	}

.minisite #center p {
	text-align:justify;
	}

.minisite #foot, 
.minisite #head, 
.minisite #head-droite, 
.minisite #center {
	background-image:none;
	}

.minisite #head {
	margin-bottom:40px;
	height:auto;
	width:auto;
	}

.minisite #center {
	padding-left: 110px;
	padding-right: 220px;
	margin: 0 35px;
	background-repeat:repeat-y;
	}

.minisite #left, 
.minisite #right,
.minisite #foot {
	display:none;
	}

.minisite #center .intro p {
	color:#555;
	text-align:left;
	font-weight:bold;
	font-size: 14px;
	}