/**
@section Global
*************************************************************************************/
* {
	padding: 0;
	margin: 0;
}

html {
	overflow-y: scroll;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.3;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: fixed;
	background-image: url(/img/fonds/bg-body-1.jpg);
	color: #676767;
}

input, textarea, select, button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
}

a {
	color: #2f778f;
	text-decoration: none;
}

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

p,ul,ol,dl,table {
	margin-bottom: 1em;
}

h1,h2,h3,h4,h5 {
	margin-bottom: 0.5em;
}

hr {
	display: none;
}

img {
	border: none;
}

p.image {
	float: right;
	margin: 0 0 1em 1em;
}

p.image.alt {
	float: left;
	margin: 0 1em 1em 0;
}

#contenu h1 {
	font-size: 170%;
}

#contenu h2 {
	font-size: 140%;
}

#contenu h3 {
	font-size: 130%;
}

/**
@section Layout
*************************************************************************************/
#skip {
	position: absolute;
	left: -99999px;
}

html,body {
	height: 100%;
}

#wrap {
	/* Hauteur */
	height: auto !important;
	height: 100%; /* Pour IE6*/
	min-height: 100%;

	/* Largeur */
	width: 990px;

	/* Clearer les floats */
	

	/* Émuler les propriétés ci-haut pour IE6 */

	overflow: visible;

	position: relative;
}

#contenu-wrapper {
	float: right;
	width: 100%;
	margin-left: -350px;
}

#contenu {
	margin-left: 250px;
	padding-bottom: 17em;
	position: relative;
	z-index: 4;
}

#sidebar {
	width: 212px;
	float: left;
	padding-bottom: 12em;
}

#contenu .inner {
	padding: 0 128px 20px 20px;
}

.clear {
	clear: both;
}

/**
@section Utilitaires
*************************************************************************************/
#utilitaires {
	width: 100%;
	background: #81a8b8;
	overflow: visible;
	position: relative;
}

#utilitaires ul {
	text-align: right;
	margin-right: 250px;
	margin-bottom: 0;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

#utilitaires ul li {
	display: inline;
	margin-left: 1.5em;
}

#utilitaires ul li a {
	color: #fff;
}

#utilitaires form {
	position: absolute;
	top: 9px;
	right: 13px;
	width: 215px;
	overflow: hidden;
}

#utilitaires form p {
	margin: 0;
}

#utilitaires form p input {
	width: 173px;
	float: left;
	display: block;
	margin-top: 0;
	border: 1px solid #ccc;
	padding: 6px 4px;
	font-size: 90%;
}

#utilitaires form p button {
	padding: 0;
	border: none;
	background: none;
	float: left;
	height: 22px;
	width: 22px;
	cursor: pointer;
	margin-left: 4px;
	margin-top: 0px;
}

#utilitaires form p button img {
	display: block;
}

/**
@section Header
*************************************************************************************/
#header {
	width: 100%;
	overflow: hidden;
	background: url(/img/bg-header.gif) repeat-y top left;
	padding-bottom: 0.5em;
}

#header h1 a {
	background: url(/img/bg-logo.gif) no-repeat;
	width: 212px;
	height: 153px;
	display: block;
	outline: none;
}

#header h1 a span {
	position: absolute;
	left: -9999px;
}

#header h1 {
	float: left;
	margin: 0;
}

#nav {
	position: absolute;
	top: 0;
	left: 20px;
	width: 100%;
}

#nav ul {
	height: 1%;
	left: 0;
	top: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-left: 1px solid #cccccc;
	margin-left: 0;
	white-space: nowrap;
	font-size: 94%;
}

#nav ul li {
	float: left;
	list-style: none;
	margin: 0;
}

#nav ul li.active {
	background: #eee;
}

#nav ul li a {
	display: block;
	padding: 17px 9px;
	border-right: 1px solid #cccccc;
	color: #414141;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
}

#nav ul li a:hover {
	color: #df7d07;
}

#intro {
	padding-top: 80px;
	padding-bottom: 1.5em;
	margin-bottom: 2em;
	font-size: 115%;
	color: #676767;
}

#intro.vide {
	margin-bottom: 0;
}

#intro p.photos {
	width: 100%;
	overflow: hidden;
	position: absolute;
	margin-left: 23px;
}

#intro p.photos img {
	float: left;
	margin-right: 6px;
}

#intro p.texte {
	margin-top: 150px;
}

#intro p {
	margin: 0;
}

#intro p strong {
	color: #D77D00;
}

/**
@section Sidebar
*************************************************************************************/
#sidebar {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
}

#sidebar h1 {
	display: none;
}

#sidebar h2 {
	text-transform: uppercase;
	font-size: 140%;
	margin-bottom: 0.5em;
}

#sidebar #vivez h2 {
	border-bottom: 1px solid #8a5000;
	padding-bottom: 0.5em;
	margin-bottom: 0;
	color: #fff;
}

#sidebar #vivez {
	font-size: 90%;
	background: #d77d00;
}

#sidebar #vivez .inner {
	padding: 14px 20px;
}

#sidebar #vivez ul {
	margin: 0;
}

#sidebar #vivez ul li {
	list-style: none;
	padding-top: 0.55em;
	padding-bottom: 0.55em;
	padding-left: 0.55em;
	border-bottom: 1px solid #b16700;
}

#sidebar #vivez ul li a {
	color: #fff;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 130%;
}

#sidebar #vivez ul li.active {
	background: #ad6500;
}

#sidebar .extra {
	background: #bad3dc url(../img/icon-suggestion-act.gif) 162px 12px no-repeat;
}

#sidebar .extra p {
	margin: 0;
	padding:5px 0 5px 0;
}

#sidebar .extra a {
	display: block;
	padding: 11px 20px;
	margin-bottom: 0;
	font-size:120%;
	font-weight:bold;
	
}

#sidebar .acheter {
	background: #aaa;
	color: #fff;
	border-bottom: 1px solid #ddd;
	margin:0 0 10px 0;
	padding:0;

}

#sidebar .acheter.dernier {
	margin-bottom: 0;
}

#sidebar .acheter a {
	color: #fff;
	margin:0;
	padding:0;
}

#sidebar #explorez {
	background: #81aab8;
	font-size: 90%;
	margin-bottom: 10px;
}

#sidebar #explorez .inner {
	padding: 11px 20px;
}

#sidebar #explorez p {
	margin: 0.5em 0 0 0;
	padding-left: 0.4em;
}

#sidebar #explorez p a {
	color: #fff;
}

#sidebar #explorez p strong {
	text-transform: uppercase;
	display: block;
	margin-top: 0.5em;
}

#sidebar #evenements .inner {
	padding: 14px 20px;
}

#sidebar #evenements {
	background: #eaeaea;
}

#sidebar #evenements h2 {
	display: none;
}

#sidebar #evenements {
	color: #5f615e;
}

#sidebar #evenements .vevent {
	margin-bottom: 1.5em;
}

#sidebar #evenements h3 {
	color: #002835;
	font-size: 100%;
	margin: 0;
}

#sidebar #evenements h3 span {
	text-transform: uppercase;
}

#sidebar #evenements p {
	margin: 0;
}

#sidebar #evenements abbr {
	border: none;
}

#sidebar #evenements .org {
	color: #6f98a9;
	text-transform: uppercase;
	margin-top: 0.2em;
}

/**
@section Pied de page
*************************************************************************************/
#footer {
	clear: both;
	height: 1.6em;
	margin-top: -1.6em;

	text-align: left;
	color: #fff;
	position: relative;
	z-index: 88;
}

#footer p {
	padding: 0.3em;
	margin: 0;
	background: #81a8b8;
}

#footer .pub {
	text-align: center;
	margin-bottom: 1em;
}


/**
@section Divers
*************************************************************************************/
#personnage {
	position: absolute;
	width: 208px;
	height: 310px;
	background: url(/img/img-personnage.gif) no-repeat top left;
	top: 83px;
	left: 1000px;
	overflow: hidden;
}

#photos_accueil {
			display: none;
	position: absolute;
	top: 400px;
	right: 18px;
	z-index: 100;
}

#photos_accueil img {
	margin-bottom: 1em;
}

#carte {
	font-size: 110%;
	border: 1px solid #ddd;
	margin-bottom: 1em;
}
p.stationnement {
	margin-top: 1em;
}

p.stationnement a {
	font-size: 130%;
	font-weight: bold;
}

/**
@section Formulaires
*************************************************************************************/

ul.champs {
	
}
ul.champs li {
	list-style: none;
	margin-bottom: 0.5em;
	clear: both;
	width: 100%;
	overflow: hidden;
}

p.o em, ul.champs li em.o {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #036485;
}

ul.champs li label {
	cursor: pointer;
}

ul.champs li input, ul.champs li textarea, ul.champs li select {
	display: block;
	margin-top: 0.2em;
}

ul.champs li input, ul.champs li textarea, ul.champs li select {
	border-color:#666666 rgb(204, 204, 204) rgb(204, 204, 204) rgb(153, 153, 153);
	border-style:solid;
	border-width:1px;	
	background: url(/img/bg-input.gif) no-repeat top left;
}

ul.champs li input, ul.champs li textarea {
	padding: 0.4em;
}

ul.champs li input.champInvalide, ul.champs li textarea.champInvalide {
	background: #d6f4ff;
}

ul.champs li select option {
	background: #fff;
}

ul.champs li.erreur strong {
	color: #a00;
	float: left;
	display: block;
	padding-top: 0.7em;
	padding-left: 1em;
}

ul.champs li.erreur input {
	float: left;
	border-color: #a00;
}


/**
@section Liste des activités
*************************************************************************************/

#contenu div.vevent {
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	/*border-bottom: 1px solid #ccc;*/
}

#contenu div.vevent h2 {
	font-size: 160%;
		color: #7198a9;
		padding-left:117px;
		background:url(../img/fleche-titre.gif) 89px 1px no-repeat;
}

.filtre {
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
	border-bottom: 1px solid #ccc;
}

td.info{
	color: #709aaa;
	padding: 4px;
}
td.desc{
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}



/**
@section Recherche
*************************************************************************************/

#recherche2 #resultats {
	border-top: 1px solid #aaa;
	padding-top: 2em;
}


#recherche2 #resultats .resultat {
	margin-bottom: 2em;
}



#resultats p {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}

.pagination {
	width: 100%;
	overflow: hidden;
}

.pagination a, .pagination span {
	background: #fff;
	text-decoration: none;
	padding: 3px 6px;
	border: 1px solid #d3d3d3;
	display: block;
	float: left;
	margin-right: 2px;
}

.pagination span {
	color: #aaa;
	border-color: #ddd;
}

.pagination a:hover {
	border-color: #f89821;
}

.pagination a.active {
	background: #D77D00;
	border-color: #D77D00;
	color: #fff;
}

.pagination.bas {
	padding-top: 0.5em;
}

/**
@section Pages statiques
*************************************************************************************/

.static img.image {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.static img.image.alt {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

.emploi {
	width: 80%;
	border-bottom: 1px solid #bbb;
	margin-bottom: 2em;
	padding-bottom: 1.5em;
}


.emploi table {
	width: 100%;
	margin :0;
}


/**
@section Le Quartier
*************************************************************************************/

.quartier p {
	text-align: justify;
}

.quartier ul {
	width: 100%;
	overflow: hidden;
}

.quartier ul li {
	list-style: none;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}


/**
@section Plan du site
*************************************************************************************/

#plan li {
	margin-left: 15px;
}

/**
@section Publicité large
*************************************************************************************/

#pub {
	position: absolute;
	top: 5.5em;
	left: 255px;
}