@charset "utf-8";
/*-------------------- 1 -- commun  toutes les pages -----------------------*/
html {
height: 100%;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin-top:10px;
	text-align:center;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	color: #43576B;
	background-color: #4578A3;
	background-image: url(images/fd-fond.png);
	background-repeat: no-repeat;
	background-position: top;
}
html>body {height: 100%; min-height: 100%;}
html>body #page {height: auto;}

#page {
	position: relative;
	zoom: 1;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	text-align:left;
}
#contenu {
	width: 950px;
	height: auto;
	margin: 0;
	padding: 0;
	float:left;
	overflow: hidden;
	background-color: #FAECCF;
	background-image: url('images/fd-contenu.gif');
	background-repeat: no-repeat;
	background-position: top;
}
#content {
	width: 700px;
	margin: 0;
	padding: 0;
	float:left;
	overflow: hidden;
}
#content_page {
	width: 100%;
	margin: 0;
	padding: 0;
	float:left;
	overflow: hidden;
}
#content h2.pagetitle {
	width: 90%;
	margin: 0 0 0 20px;
	padding: 3px 0 0 0;
	text-align:center;
	font-size: 1.1em;
	font-style: normal;
	font-weight:bold;
	text-align: center;
	color: #369;
}
p {
	margin: 0;
	padding: 0;
}
a {
	color: #336699;
	text-decoration: underline;
}
a:hover {
	color: #663300;
	text-decoration: none;
}
a:active a:focus {
	color: #CC6600;
	text-decoration: none;
}
a img {
	border: none;
}
.img {
	margin: 0;
	padding: 0;
	border: none;
}
h2 {
	}
h3 {	
	}
h4 {
	}
.marge0 {
	margin: 0;
	padding: 0;
}
.mhaut6 {
	margin-top: 6px;
}
.entry p.mhaut6 {
	margin-top: 6px;
}
.marge10 {
	margin: 10px 0 0 0;
	padding: 0;
}
.entry p.marge10 {
	margin: 10px 0 0 0;
	padding: 0;
}
.mhaut15 {
	margin-top: 15px;
}
.entry p.mhaut15 {
	margin-top: 15px;
}
.marge20 {
	margin: 20px 0 0 0;
	padding: 0;
}
.entry p.marge20 {
	margin: 20px 0 0 0;
	padding: 0;
}
.mhaut25 {
	margin-top: 25px;
}
.entry p.mhaut25 {
	margin-top: 25px;
}
.mgauche20 {
	margin-left: 20px;
}
.entry p.mgauche20 {
	margin-left: 20px;
}
.centre {
	text-align: center;
	margin: 0 auto;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.gauche {
	text-align: left;
}
.droite {
	text-align: right;
}
.justifie {
	text-align: justify;
}
.photogauche {
	float:left;
	margin: 0 20px 5px 0;
/*
	padding: 20px;
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
*/
}
.photodroite {
	float:right;
	margin: 0 0 5px 20px;
/*
	padding: 20px;
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
*/
}
.hauteur200 {
	height:200px;
}
.separation {
	clear: both;
	visibility: hidden;
	width: 580px;
	height: 6px;
	border: 0;
	padding: 0px;
}
.separation2 {
	clear: both;
	visibility: hidden;
	width: 150px;
	height: 10px;
	border: 0;
	padding: 0px;
}
.separation3 {
	clear: both;
	visibility: hidden;
	width: 150px;
	height: 0;
	border: 0;
	padding: 0px;
}
.flux {
	clear: both;
}

/*---------------- 2 --- header : ACCUEIL (et PAGES) -----------------------------------------------*/

/*-- 2 --- header : tête - idem header PAGES -------*/
#tete {
	width: 950px;
	height: 42px;
	float:left;
	margin: 0;
	padding: 0;
	background-image: url('images/tete.gif');
	background-repeat: no-repeat;
}
#tete p {
	width: 200px;
	float:left;
	margin: 0;
	padding: 0 0 0 15px;
}
#tete p img {
	float:left;
	margin: 0;
	padding: 0;
}

/*-- 2 --- header : présentation, logos accueil, plan du site, contact - idem header PAGES -------*/
#presentation {
	width: 347px;
	height:42px;
	position:absolute;
	left:258px;
	top:6px;
	z-index: 25;
}
#presentation p {
	width: 400px;
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: left;
	font-weight: normal;
	color: #832C12;
	line-height: 130%;
}
#contact {
	width:137px;
	height:32px;
	position:absolute;
	left:659px;
	top:6px;
	z-index: 22;
}
#contact img {
	float:left;
	display:inline;
}

/*-- 2 -- header : recherche - idem header PAGES -----------*/
#recherche {
	width: 140px;
	float: right;
	margin: 13px 8px 0 0;
	padding: 0 0;
	font-size: 80%;
	color: #832C12;
	font-weight: normal;
	line-height: normal;
}
#recherchepage {
	position: absolute;
	top: 20px;
	left: 803px;
	width: 140px;
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #832C12;
	font-weight: normal;
	line-height: normal;
	z-index:3;
}
.searchtext {
	width: 120px;
	height: 20px;
	float:left;
	margin: 0;
	padding: 0;
	border: 0 none;
	text-align:center;
	background-image: url('images/input-text.gif');
	background-repeat: no-repeat;
}
.searchsubmit {
	width: 20px;
	height: 20px;
	float:left;
	margin: 0;
	padding: 0;
	border: none;
	background-image: url('images/loupe.gif');
	background-repeat: no-repeat;
}

/*----------- 3 -- contenu : ACCUEIL --------------------------------------------*/

/*-- 3 -- contenu : ACCUEIL divers-----------*/

#scotch {
	position: absolute;
	left: 594px;
	top: 517px;
	width: 350px;
	height: 215px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 0;
	background: none;
	background-image: url('images/scotch.png');
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 9;
}
#infos {
	position: relative;
	top: 0;
	left:0;
	width: 350px;
	height: 160px;
	margin: 35px 0 5px 0;
	padding: 0;
	overflow: hidden;
}
#nouvelles {
	position: relative;
	top: 0;
	left:0;
	width: 350px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	list-style-type: none;
}
#nouvelles li {
	width: 300px;
	height: 150px;
	margin: 10px 0 0 25px;
	padding: 0;
	overflow: hidden;
}
#nouvelles p {
	margin: 0;
	padding: 0;
}
#nouvelles div.ns{
	position: relative;
	top: 0;
	left:0;
	width: 350px;
	height: 150px;
	overflow: hidden;
	margin: 30px 0 0 25px;
	padding: 0;
}
#nouvelles div.ns div{
	width: 350px;
	height:150px;
	overflow:hidden;
}
#nouvelles div.ns ul{
	position:relative;
	top:0;
}
#nouvelles div.ns li,
#nouvelles div.ns ul li{
	position:relative;
	margin: 0 0 0 25px;
	padding: 0;
}

/*----------- 4 -- header : PAGES ------------------------------------------------*/

#header {
	width: 950px;
	height: 233px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFF6;
}

/*-- 4 -- header : PAGES logo -----------*/
#logo {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 240px;
	height: 100px;
	margin: 0;
	padding: 0;
	z-index: 28;
}

/*-- 4 -- header : PAGES menu -----------*/
#blocmenu {
	position: absolute;
	width: auto;
	top: 212px;
	left: 0;
	z-index: 27;
	margin: 0 auto;
	padding: 0 0 0 0;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	width: auto;
	line-height:	1.0;
	z-index: 27;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.8em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
/*	position:		absolute;*/
/*	top:			212px;*/
/*	left: 0;*/
/*	float:			left;*/
	margin-bottom:	1em;
}
.sf-menu ul {
	margin: 0 0 0 3px;
/*	width:			14em;*/ /* left offset of submenus need to match (see below) */
}

.sf-menu li.current ul {
	margin: 0;
}

.sf-menu a {
/*
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
*/
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
/*	color:			#13a;*/
}
.sf-menu li {
/*	background:		#BDD2FF;*/
}
.sf-menu li.current {
	height: 21px;
	padding: 6px 10px 0;
	margin: 0 0 0 3px;
	font-size: 100%;
	font-weight:bold;
	color: #000;
	background: none;
	background-image: url('images/menu-hover.png');
	background-repeat: no-repeat;
}
.sf-menu li a {
	height: 21px;
	text-decoration: none;
	margin: 0 0 0 3px;
	padding: 6px 8.5px 0;
	font-size: 0.9em;
	font-weight:bold;
	background: none;
	background-image: url('images/barre-menu.gif');
	background-repeat: no-repeat;
	color: #FFF;
}
.sf-menu li a:hover {
/*
	height: 21px;
	margin: 0 0 0 3px;
	padding: 3px 8.5px 0;
	font-size: 0.9em;
	font-weight:bold;
*/
	color: #000;
	background: none;
	background-image: url('images/menu-hover.png');
	background-repeat: no-repeat;
}
.sf-menu li li {
/*	background:		#AABDE6;*/
}
.sf-menu li li a {
	height: 21px;
	margin: 0;
	padding: 4px 2px 0 6px;
	font-weight: normal;
	line-height: normal;
	color: #FFF;
	background: none;
	background-color: #4583C0;
	border-top-width: 0;
	border-bottom: 1px solid #F4EBDD;
}
.sf-menu li li a:hover {
	height: 21px;
	margin: 0;
	padding: 4px 2px 0 6px;
	color: #FFF;
	line-height: normal;
	background: none;
	background-color: #2F5E8C;
	border-top-width: 0;
	border-bottom: 1px solid #F4EBDD;
}

.sf-menu li li li {
/*	background:		#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*	background:		#CFDEFF;*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.1em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
/*	background-position: 0 -100px; */ /* pas d'utilisation  de la flêche translucide */ /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	margin: 0 0 0 3px;
	padding: 0 8px 9px 0;
/*
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*-- 4 -- header : PAGES chemin -----------*/
.chemin {
	margin: 10px 0 0 10px;
	font-size: 85%;
	font-weight:bold;
	color: #546D1F;
}
.chemin a {
	color: #546D1F;
}
/*-- 4 -- header : PAGES menus carrés -----------*/
#carres {
	position: absolute;
	left:730px;
	top:240px;
	width: 216px;
	height: 54px;
	margin: 0;
	padding: 0;
	text-align:center;
	z-index: 26;
}
#carres p {
	width:60px;
	height: 46px;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
}
#carres p.car1 a {
	width:60px;
	height: 46px;
	float:left;
	margin: 0;
	padding: 0 10px 0 0;
	background-image: url('images/car-1.png');
	background-repeat: no-repeat;
}
#carres p.car1 a:hover  {
	width:60px;
	height: 46px;
	margin: 0;
	padding: 0 10px 0 0;
	background-image: url('images/car-1hover.png');
	background-repeat: no-repeat;
}
#carres p.car2 a {
	width:60px;
	height: 46px;
	float:left;
	margin: 0;
	padding: 0 10px 0 0;
	background-image: url('images/car-2.png');
	background-repeat: no-repeat;
}
#carres p.car2 a:hover  {
	width:60px;
	height: 46px;
	margin: 0;
	padding: 0 10px 0 0;
	background-image: url('images/car-2hover.png');
	background-repeat: no-repeat;
}
#carres p.car3 a {
	width:60px;
	height: 46px;
	float:left;
	margin: 0;
	padding: 0 10px 0 0;
	background-image: url('images/car-3.png');
	background-repeat: no-repeat;
}
#carres p.car3 a:hover  {
	width:60px;
	height: 46px;
	margin: 0;
	padding: 0 10px 0 0;
	background-image: url('images/car-3hover.png');
	background-repeat: no-repeat;
}
/*#carres p.car-actif  {
	width:70px;
	height: 50px;
	padding: 0;
	font-weight: bold;
	color: #036;
	background-image: url('images/car-hover.png');
	background-repeat: no-repeat;
}*/

/*-- 4 -- header : PAGES diaporama -----------*/
#diaporamapage {
	width:950px;
	height:193px;
	margin: 0;
	padding: 0;
}
ul#diapopage {
	display: block;
	float: left;
	width: 950px;
	height: 193px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: middle;
}
ul#diapopage li {
	width: 950px;
	height: 193px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align:center;
	vertical-align: middle;
}
ul#diapopage li img {
	border: 0 none;
}

/*-- 5 -- contenu : PAGES -----------*/
#contenu h1 {
	width: 78%;
	margin: 22px 0 15px 0;
	padding: 0 0 0 0;
	text-align:center;
	color: #832C12;
	font-size: 1.4em;
	line-height: 1.5em;
	font-style: normal;
	font-weight: normal;
}
#contenu h1 a {
	color: #832C12;
	text-decoration:none;
	}
#contenu h1 a:hover {
	color: #832C12;
	text-decoration:underline;
	}

/*------------------------ Onglets -----------------------*/

#onglet {
	width:90%;
	height:21px;
	float:left;
	overflow:hidden;
	margin: 5px 0 0 0;
	padding: 0 0 0 60px;
	background-image: url('images/fd-sousmenu.gif');
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
#onglet ul {
	width:auto;
	height: 21px;
	font-size:89%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Tahoma, Arial, "sans-serif", Geneva;
}
#onglet ul li {
	float:left;
	margin: 0 0 0 0;
}
#onglet ul li a {
	float:left;
	display:block;
	height: 21px;
	text-decoration: none;
	margin: 0 2px;
	padding: 0 0 0 8px;
	background-image: url('images/ong-g-lien.gif');
	background-repeat: no-repeat;
	background-position: 0 top;
}
#onglet ul li a:hover {
	color: #900;
	margin: 0 2px;
	padding: 0 0 5px 8px;
	background-image: url('images/ong-g-actif.gif');
	background-repeat: no-repeat;
	background-position: 0 top;
}
#onglet ul li a span {
	float:left;
	height: 21px;
	padding: 2px 8px 0 0;
	letter-spacing: 0.5px;
	font-size:0.94em;
	color: #832C12;
	background-image: url('images/ong-d-lien.gif');
	background-repeat: no-repeat;
	background-position: 100% top;
	letter-spacing: 0.1ex;
}
#onglet ul li a:hover span {
	background-image: url('images/ong-d-actif.gif');
	background-repeat: no-repeat;
	background-position: 100% top;
	letter-spacing: 0.1ex;
	color: #900;
}
#onglet ul li.actif {
	float:left;
	height: 23px;
	text-decoration: none;
	margin: 0 2px;
	padding: 0 0 1px 8px;
	background-image: url('images/ong-g-actif.gif');
	background-repeat: no-repeat;
	background-position: 0 top;
}
#onglet ul li.actif span {
	float:left;
	height: 23px;
	padding: 2px 8px 0 0;
	letter-spacing: 0.5px;
	font-size:0.94em;
	color: #832C12;
	background-image: url('images/ong-d-actif.gif');
	background-repeat: no-repeat;
	background-position: 100% top;
	letter-spacing: 0.1ex;
}

/*------------------------ Fin onglets -----------------------*/

/*-- 5 -- contenu : PAGES styles des textes et des fonds -----------*/

.vert {
	color: #325F25;
}
.marron {
	color: #832C12;
}
.legende {
	font-size: 80%;
	text-align:center;
	line-height:normal;
}
.fond {
	background-color: #FFFFF6;
}
.fondpage {
	background-color: #F4EBDD;
}
.fondbeige {
	background-color: #FFF9E1;	
	/*background-image: url('images/fd-beige.gif');
	background-repeat: repeat;*/
}
.fondfleche {
	background-image: url('images/fd-fleche.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

/*-- 5 -- billets -------*/

.post {
	width: 93%;
	margin: 0 12px 0 30px;
	padding: 12px 0;
	display: block;
	text-align:left;
	background: #FFFFF6;
	-webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}
.post h2 {
	width: 90%;
	margin: 0 0 12px 0;
	padding: 2px 0 0 30px;
	text-align:center;
	font-size: 1em;
	font-style: normal;
	font-weight:bold;
	color: #355982;
}
.post h2 a {
	margin: 0;
	font-size: 1.1em;
	color: #355982;
	text-decoration: none;
}
.post h3 {
	font-size: 1em;
	color: #832C12;
}
.post p {
	margin:0 10px 0 15px;
	padding: 0 0 0 0;
	display: block;
	text-align: left;
}
.post p.postmetadata {
	margin:10px 10px 3px 15px;
	padding: 0 0 0 0;
	display: block;
	text-align: left;
	font-size: 90%;
	color: #355982;
}
.post p.postmetadata a {
	color: #51792D;
	text-decoration: none;
	font-weight:bold;
}
.post p.postmetadata a:hover {
	color: #51792D;
	text-decoration: underline;
}
.post p.intitule {
	margin:0 0 0 15px;
	padding: 0;
	display: block;
	font-weight:bold;
	font-size:1.1em;
	color: #369;
}
.post p.date {
	margin:0 0 0 15px;
	padding: 0 0 0 0;
	display: block;
	font-size:1em;
	font-weight:bold;
	color: #369;
}
.post p.bleu {
	margin:0 0 0 15px;
	padding: 0 0 0 0;
	display: block;
	font-size:1em;
	font-weight:bold;
	color: #369;
}
.post p.lieu {
	margin:0 0 0 15px;
	display: block;
	padding: 0;
	font-size:1em;
	font-weight:bold;
	color: #832C12;
}
.post p.rouge {
	margin:0 0 0 15px;
	display: block;
	padding: 0;
	font-size:1em;
	font-weight:bold;
	color: #832C12;
}
.post p a.more-link {
	display: block;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	font-style: italic;
	font-weight: bold;
	color: #C00;
}
.entry {
	width: 100%;
	height:auto;
	margin: 0;
	padding:0;
}
.entry ul{
	margin: 10px 10px 0 10px ;
	padding: 0;
	list-style-position: inside;
	list-style-type: square;
}
.entry ul li {
	margin: 0;
	padding: 0 0 0 10px;
}

#carte {
	width: 625px;
	height: 520px;
	float: left;
	margin:0 0 0 12px;
	padding:0;
	display: block;
	border: 1px solid #000;
}
div.archive {
	width: 93%;
	margin: 0 10px 10px 30px;
	padding: 10px 0 10px 0;
	display: block;
	text-align:left;
	background-color: #FFF9E1;	
	/*background-image: url('images/fd-beige.gif');
	background-repeat: repeat;*/
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}
div.archive h2.pagetitle {
	width: 90%;
	margin: 0 0 0 20px;
	padding: 3px 0 0 0;
	text-align:center;
	font-size: 1.1em;
	font-style: normal;
	font-weight:bold;
	text-align: center;
	color: #369;
}
div.categorie {
	width: 68%;
	margin: 10px 10px 10px 30px;
	padding: 10px 0 10px 0;
	display: block;
	text-align:left;
	background-color: #FFF9E1;	
	/*background-image: url('images/fd-beige.gif');
	background-repeat: repeat;*/
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}
div.categorie h2.pagetitle {
	width: 90%;
	margin: 0 0 0 20px;
	padding: 3px 0 0 0;
	text-align:center;
	font-size: 1.1em;
	font-style: normal;
	font-weight:bold;
	text-align: center;
	color: #369;
}

/*-- 5 -- sidebar -------*/

.sidebar {
	width: 220px;
	float:left;
	margin: 0 20px 0 5px;
	padding: 14px 0;
	background-color: #FFF9E1;	
	-webkit-border-radius: 14px;
  -moz-border-radius: 14px;
}
.sidebar h2 {
	width: 90%;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	text-align:center;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #832C12;
}
.sidebar h3 {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	text-align:left;
	font-size: 0.95em;
	font-style: normal;
	font-weight: bold;
	color: #546D1F;
}
.sidebar p {
	padding: 5px 5px 5px 10px;
}
.sidebar ul{
	margin: 0 ;
	padding: 0;
	list-style-type:none;
}
.sidebar ul li {
	margin: 3px 0 0 10px;
	padding: 0;
	list-style-type:none;
}
.sidebar ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #036;
}
.sidebar ul li a:hover {
	font-weight:bold;
	color: #C00;
	text-decoration: underline;
}
.sidebar ul li a:hover span {
	position: absolute;
	z-index: 3000;
	left: 0;
/*	top: 30px;*/
/*	width: 220px;*/
/*	height: 60px;*/
	margin: 0 0 0 60px;
	padding: 0;
	font-weight: normal;
	color:#333;
	display: block;
	text-align: left;
	background-color: #FFFFF6;
	color: #000;
	text-decoration: none;
	border: 1px solid #999;
}
.sidebar ul li a span {
	display: none;
}
.sidebar ul li ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-image: url('images/pu-fleche.gif');
}
.sidebar ul li ul li {
	margin: 1px 0 0 0;
	padding: 0 3px 0 5px;
}
.sidebar ul li ul li a {
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #369;
}
.sidebar ul li ul li a:hover {
	font-size: 90%;
	font-weight: bold;
	color: #C00;
	text-decoration: underline;
}

/*-- 5 -- calendrier -------*/

#wp-calendar {
	border: 1px solid #999;
	empty-cells: show;
	font-size: 1em;
	margin: 0 auto;
	width: 90%;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	font-size: 1em;
	font-weight:bold;
	color: #666;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	font-size: 1em;
	font-weight:bold;
	color: #666;
}
#wp-calendar a {
	display: block;
	text-decoration: none;
}
#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}
#wp-calendar caption {
	color: #666;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
}
#wp-calendar td {
	color: #999;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#wp-calendar td.pad:hover {
	background: #fff;
}
#wp-calendar td:hover {
	background: #eee;
	color: #bbb;
}
#wp-calendar #today {
	color: #888;
	background-color: #E3F2FD;
}
#wp-calendar td a {
 	color:#a00;
	font-weight: bold;
}
#wp-calendar th {
	font-style: bold;
	text-transform: capitalize;
	text-align: center;
}

/*-- 5 -- titres & alignements -------*/

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/*-- 5 -- Fin titres & alignements -------*/

/*-- 6 ------------- Galerie ---------------*/

.caption {
	margin: 0;
	padding: 0;
	font-style: normal;
	color: #999999;
}
.caption p {
	margin: 2px 0;
	padding: 0;
}
.gallery {
	display: block;
	clear: left;
	overflow: hidden;
	margin: 0 auto;
}
.gallery-item {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
}
.gallery-icon {
	display: block;
	height: 80px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.gallery-icon table {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}   
.gallery-icon td {
	margin: 0;
	padding: 0;
	height: 80px;
	vertical-align: middle;
}   
.gallery-item img, .gallery-item img.thumbnail {
	max-width: 89%;
	height: auto;
	padding: 1px;
	margin: 0 auto;
	border: 1px solid #999;
}

/* Image sizes depending on the number of columns */
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 24%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }

.gallery-icon img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0 none;
	text-align: center;
	vertical-align: middle;
}
p.gallery-caption {
	display: block;
	margin: 10px 0 5px 0;
	padding: 0;
	font-weight:normal;
	text-align: center;
	line-height: normal;
	background: none;
}	
p.gallery-caption a {
	font-size: 88%;
	font-weight:normal;
	text-align: center;
	line-height: normal;
	background: none;
	text-decoration: none;
}	
p.gallery-caption a:hover {
	color: #900;
}	
.entry h2 {
	width: 80%;
	margin: 20px 0 0 0;
	padding: 10px 0 0 5px;
	font-size: 1.2em;
	text-align: center;
}
.entry h2.galerie {
	width: 430px;
	margin: 20px 0 0 0;
	padding: 10px 0 0 5px;
	font-size: 1.2em;
}
.entry h3 {
	width: 430px;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	font-size: 1.1em;
}
.entry div.miniatures {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0 10px 0 20px;
}
.entry div.miniatures img {
	max-width: 100%;
	height: auto;
	padding: 1px;
	margin: 0;
	border:1px solid #999;
}
.entry div.miniatures img.thumbnail { 
	max-width: 100%; height: auto; padding: 2px; margin: 0 auto;
}
.entry div.miniatures a {
	padding: 0;
}
.entry div.miniatures img.selected {
	border: 2px solid #F00;
	padding: 0;
}
.entry div.miniatures img.normal {
	border:1px solid #999;
	padding: 1px;
}
.entry div.miniatures img.attachment-60x60 {
	width: 60px;
	height: 60px;
}
.entry div.miniatures img.attachment-70x70 {
	width: 70px;
	height: 70px;
}
.entry div.miniatures img.attachment-80x80 {
	width: 80px;
	height: 80px;
}
.entry p.attachment {
	margin: 15px auto;
	padding: 0 10px;
}
.entry p.attachment img {
	max-width: 400px;
	height: auto;
	padding: 0;
	margin: 0;
}
.entry p.attachment img.photogauche {
	float:left;
	margin: 10px 10px 10px 10px;
	padding: 0;
/*
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  CCborderRadius: 20px;
*/
}
.entry p.attachment img.photodroite {
	float:right;
	margin: 10px 10px 10px 10px;
	padding: 0;
/*
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  CCborderRadius: 20px
*/
}
div.description {
	margin: 10px 0 20px 0;
	padding: 0 10px;
}
div.description p {
	margin: 10px 0;
	padding: 0 10px;
}
div.description a {
	font-weight: normal;
}
div.description a:hover {
	font-weight: normal;
}

/*-- 6 ---------- Image agrandie de la galerie --------------*/
.navigation {
	width: 100%;
	height: auto;
	margin: 5px auto 0;
	padding: 0;
}
.navigation div {
	height: auto;
	margin: 0;
	padding: 0;
}
.navigation div.gauche {
	width: 20%;
	float: left;
	text-align: center; 
}
.navigation div.droit {
	width: 20%;
	float: right;
	text-align: center; 
}
.navigation div.postgauche {
	width: 40%;
	margin: 10px 0 10px 0;
	padding: 0 0 0 30px;
	float: left;
	text-align: left; 
}
.navigation div.postdroit {
	width: 40%;
	margin: 10px 0 10px 0;
	padding:  0 30px 0 0;
	float: right;
	text-align: right; 
}
.navigation div a {
	margin: 0;
	padding: 0;
	color: #993300;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
.navigation span.inactive {
	margin: 0;
	padding: 0;
	color: #AAA;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
.navigation p {
	float: left;
	width: 60%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
.navigation p a {
	font-weight: normal;
}

/*--- 6 -------- Fin image agrandie de la galerie --------------*/

/*--- 6 ------------- Fin Galerie ---------------*/

/* bloc tableau date */

div.date_ev {
 width: 50px;
 margin:-30px 1ex 0.2ex 15px;
 padding:0.3ex;
 border:solid 2px #800;
 float:left ;
 font-size:1em;
 text-align:center;
}
div.date_passe {
 width: 50px;
 margin:-30px 1ex 0.2ex 15px;
 padding:0.3ex;
 border:solid 2px #800;
 float:left ;
 font-size:1em;
 text-align:center;
 border-color:gray;
 opacity:0.5;
}
div.date_ev * {
 margin:0;
 padding:0;
 line-height:90%;
}
div.date_passe * {
 margin:0;
 padding:0;
 line-height:90%;
}
div.date_ev table {
 margin:0 auto;
 padding:0;
 border-collapse:collapse;
}
div.date_passe table {
 margin:0 auto;
 padding:0;
 border-collapse:collapse;
}
div.date_ev td {
 padding: 0.4ex 0;
 text-align:center;
 font-weight:bold;
}
div.date_passe td {
 padding: 0.4ex 0;
 text-align:center;
 font-weight:bold;
 border-color:gray;
}
div.date_ev tr td.nom_jour {
 font-size:0.75em;
 font-weight:normal;
 text-align:center;
}
div.date_passe tr td.nom_jour {
 font-size:0.75em;
 font-weight:normal;
 text-align:center;
}
div.date_ev tr td.num_jour {
	padding:0;
	font-size:2.5em;
	font-weight:bold;
	width:2.5ex;
	text-align:center;
	color: #369;
}
div.date_passe tr td.num_jour {
	padding:0;
	font-size:2.5em;
	font-weight:bold;
	width:2.5ex;
	text-align:center;
	color: #369;
}
div.date_ev tr td.mois {
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
}
div.date_passe tr td.mois {
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
}
div.date_ev tr td.heure {
	font-size:0.75em;
	font-weight:bold;
	color: #832C12;
}
div.date_passe tr td.heure {
	font-size:0.75em;
	font-weight:bold;
	color: #832C12;
}
div.date_ev tr td.annee {
 font-size:0.75em;
 font-weight:normal;
}
div.date_passe tr td.annee {
 font-size:0.75em;
 font-weight:normal;
}
div.date_ev td.date_multi_start {
 padding-right:0.2ex;
}
div.date_ev td.date_multi_end {
 border-left:solid 1px #800;
 padding-left:0.2ex;
}
div.date_passe td {
 border-color:gray;
}
/* fin tableau date */

/* ----------------général--------------*/

.spacer 
{     
  clear: both; 
} 
.clear 
{     
  clear: both; 
} 
.spacer hr 
{     
  display: none; 
}
.spacer_ {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	line-height: normal;
	clear:both;
}
div.hr { 
	height:1px;
	visibility: hidden;
	clear:both;
	}
div.br { 
	height:0;
	font-size: 1px;
	line-height: 0px;
	visibility: hidden;
	clear:both;
	}
div.br { 
	height:1em;
	font-size: 1em;
	line-height: 0px;
	visibility: hidden;
	clear:both;
	}
hr.filet1 {
	display: block;
	width: 91%;
	height: 1px;
	border: 0 none;
	line-height: 1px;
	margin: 5px 0 15px 0;
	padding: 0;
	color:#CCCCCC;
	background-color: #CCCCCC;
	clear:both;
	}
hr.filet2 {
	display: block;
	width: 90%;
	height: 1px;
	border: 0 none;
	line-height: 1px;
	margin: 15px 0 15px 0;
	padding: 0;
	color:#CCCCCC;
	background-color: #CCCCCC;
	clear:both;
	}

/*--- 7 -- footer : ACCUEIL et PAGES----------------------------------------------------*/

/*--- 7 -- footer : accueil -------*/
#basaccueil {
	width: 950px;
	height: 45px;
	float:left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-image: url('images/bas-accueil.gif');
	background-repeat: no-repeat;
}
#basaccueil p {
	width: 600px;
	height: 45px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: center;
	font-size: 85%;
	color:#FFFFFF;
}
#basaccueil p a {
	color:#FFFFFF;
	text-decoration:none;
}
#bas {
	width: 950px;
	height: 45px;
	float:left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-image: url('images/bas.gif');
	background-repeat: no-repeat;
}
#bas p {
	width: 600px;
	height: 45px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: center;
	font-size: 85%;
	color:#FFFFFF;
}
#bas p a {
	color:#FFFFFF;
	text-decoration:none;
}

/*-- 7 -- footer : pages -------*/

/*#footer {
	width: 950px;
	float:left;
	overflow: hidden;
	margin: 0;
	padding: 0;
}*/
#footer {
	width: 100%;
	margin: 0;
	padding: 15px 0 0 0;
	text-align:center;
	background-color: #FAECCF;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #990000;
	text-align:center;
	text-decoration: none;
	background-color: #FAECCF;
	margin: 0 auto;
	padding:0;
	text-align:center;
 }
#footer p a{
	text-decoration: none; 
	color: #43576B;
}
#footer p a:hover{
	text-decoration: none; color: #990000
}
#footer p.rss {
	text-align:left;
	color: #930;
	font-size:0.95em;
	margin: 0 0 5px 30px;
	padding: 5px;
}
#footer p.rss a{
	text-align:left;
	font-size:0.95em;
	text-decoration: none; 
	color: #930;
}
.debug {
	color: #000;
}
.queries {
	display: none;
}
.noscript {
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color: #000;
}

/* ---Intégration des styles du plugin WP-PageNavi---- */
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}