body {
	margin:0 0 0 0; padding:0 0 0 0; text-align:left;
	background: #f5ae14 url(/images/background.jpg) no-repeat left top;
	min-width:902px; height:100%; font-size:100%;  color:#000000;
	font-family:"Times New Roman", Times, serif;
}

html, body {
	height: 100%;
}

a {
	text-decoration:underline; color:#0240BC;
}
a:visited {
	text-decoration:underline; color:#4C4D4F;
}
a:hover, a:visited:hover {
	text-decoration:none; color:#0240BC;
}
	
img {
	border:0 none; padding:0; margin:0;
}

p, th, ul, ol, li, blockquote, input, div {
	margin:0; padding:0;
}
	
td, th {  
	vertical-align:top;
}
	
em {
	font-style:italic;
}

form {
	padding:0; margin:0;
}

/*INPUT, TEXTAREA, SELECT, OPTION {
	padding:0; margin:0; font-size:11px;
} */

sup {  
	font-size:.8em; vertical-align:35%; 
	/*vertical-align:super;*/
}


/**** Container ****/

#conteneur {
	width:902px; position: relative; padding:0 0 25px 0; margin:0;
}




/************ Header *************/ 

#header {
	position:relative; background: url(/images/background_header.gif) no-repeat left top; height:380px;
}

#langue {
	position:absolute; top:15px; right:10px; width:50px; height:20px; text-align:right; font-size:12px;
	font-family:Arial, Helvetica, sans-serif; z-index:100;
}
#langue a {
	text-decoration:none; color:#FFFFFF;
}
#langue a:visited {
	text-decoration:none; color:#FFFFFF;
}
#langue a:hover, #langue a:visited:hover {
	text-decoration:underline; color:#FFFFFF;
}




/**** Colonne de gauche (sous-menu) ****/

#colonneGauche {
	text-align:left; padding:60px 0 0 0; font-family:Arial, Helvetica, sans-serif;
}

#menu { 
	background: url(/images/background_menu.gif) no-repeat left top; margin:0 0 0 15px; padding:14px 20px 0 12px; font-size:12px; 
	min-height:287px; 
}
/* hide from IE/mac \*/
* html #menu {
  height: 287px;
  he\ight: 287px;
}
/* end hide */

#colonneGauche div.menu_bottom {
	background: url(/images/menu_bottom.gif) no-repeat left top; border:none; height:25px; margin:0 0 0 15px;
}

#menu div {
	border-bottom:1px solid #FFFFFF; padding:5px 0 4px 0;
}

#menu a:link {
	text-decoration:none; color:#FFFFFF;
}
#menu a:visited {
	text-decoration:none; color:#FFFFFF;
}
#menu a:hover {
	text-decoration:none; color:#F5AE14;
}
#menu a:visited:hover {
	text-decoration:none; color:#F5AE14;
}

#menu div.on a  {
	font-weight:bold; background: url(/images/menu_triangle.gif) no-repeat right 4px; padding-right:20px;
}
#menu div.on2 a  {
	font-weight:bold;
}


#menu ul.sousmenu { 
	margin:5px 0 5px 15px; padding: 0; list-style-type:none; font-size:12px; color:#FFFFFF;
}

#menu .sousmenu li {
	margin:0; padding:2px 10px 2px 8px; background: url(/images/menu_bullet.gif) no-repeat left 8px;
}
* html #menu .sousmenu li {
	background: url(/images/menu_bullet.gif) no-repeat left 11px;
}

#menu div.on .sousmenu li.on a {
	font-weight:bold;
}
#menu .sousmenu li.on a:link, #colonneGauche .sousmenu li.on a:visited  {
	color: #FFFFFF;
}

#menu .sousmenu li a {
	text-decoration: none; color: #FFFFFF;
}
#menu .sousmenu li a:visited {
	color: #FFFFFF;
}
#menu .sousmenu li a:hover {
	color: #F5AE14;
}
#menu .sousmenu li a:visited:hover {
	color: #F5AE14;
}
#menu .sousmenu li.on {
	font-weight:bold;
}

#menu div.on .sousmenu a {
	background:none; padding:0; font-weight:normal;
}

#colonneGauche .recherche {
	margin:15px 15px 0 25px;
}
#colonneGauche .recherche a {
	text-decoration:none; color:#6D1605; font-size:12px; font-weight:bold;
}
#colonneGauche .recherche a:visited {
	text-decoration:none; color:#6D1605;
}
#colonneGauche .recherche a:hover, #colonneGauche .recherche a:visited:hover {
	text-decoration:none; color:#A85B4D;
}



/**** Contenu ****/

#contenu {
	padding: 29px 0 5px 0; /* width reel = 690px */ background: url(/images/background_contenu.gif) no-repeat left bottom;
	font-size: 1em; text-align:justify; line-height:1.5em;
}

#conteneur-contenu, #conteneur-contenu3 {
	background: #FFFFFF url(/images/background_conteneur-contenu_bas.gif) no-repeat left bottom; margin:0 auto; width:690px;
}

#conteneur-contenu .header, #conteneur-contenu3 .header {
	background: #FFFFFF url(/images/background_conteneur-contenu_top.gif) no-repeat left top; height:10px; font-size:0; line-height:0;
}

#contenu h1 {
	font-size: 1.5em; font-weight: bold; line-height:1.2em;
	margin: 0 0 1em 0; padding: 0 0 .3em 0;
	color: #914706; text-align:left;
}

#contenu h2 {
	font-size: 1.2em; font-weight: bold;
	padding: .5em 0 .9em 0; margin: 0;
	color: #914706; text-align:left;
}

#contenu h3 {
	font-size: 1em; font-weight: bold;
	padding: .5em 0 .8em 0; margin: 0;
	color: #914706; text-align:left;
}

#contenu h4 {
	font-size: 1em; font-weight: bold;
	padding: .5em 0 .8em 0; margin: 0;
	color: #914706; text-align:left;
}

#contenu h5 {
	font-size: 1em; font-weight: bold;
	padding: .5em 0 .8em 0; margin: 0;
	color: #C56135; text-align:left;
}

#contenu p {
	padding: 0 0 1em 0; margin: 0;
}

#contenu .coller {
	padding: 0 0 .2em 0; margin: 0;
}

#contenu ul {
	/*Hack pour espace a gauche de la liste*/ 
	margin:0 0 .6em 17px; padding:0;
	/*list-style-type:none; margin:0 0 .6em 0; padding:0;*/
}
#contenu ol {
	margin:0 0 .6em 17px; padding:0;
}
/* hack ie7 */
*+html #contenu ul {
	margin:0 0 .6em 25px; padding:0;
}
*+html #contenu ol {
	margin:0 0 .6em 25px; padding:0;
}


#contenu li {
	padding:0 0 .2em 0;
	/*Pour avoir un bullet different au bout (image) - Fonctionne mieux que le list-style 
	background: url(images/bullet.gif) no-repeat left top; padding:0 0 .2em 15px; */
}
#contenu ul li ul, #contenu ul li ol,
#contenu ol li ul, #contenu ol li ol {
	margin-bottom:0;
}

#contenu .ligne {
	border-top: 1px solid #952300; padding: 0 0 .8em 0; margin: 0;  clear:both;
}

#contenu .retour {
	padding: 0em 0 1em 0; font-size:0.9em; text-align:right; line-height:0.5em; clear:both;
}

#contenu .retour-top {
	padding:0; font-size:11px; text-align:right; float:right; margin:-0.5em 0 0 15px;
}

#contenu .hautdepage {
	padding: .5em 0 1em 0; font-size:0.9em; text-align:right; line-height:0.5em; clear:both;
}

#contenu .imageGauche {
	float:left; margin:0px 30px 1em 0; padding:0;
}
#contenu .imageDroite {
	float:right; margin:0px 0 1em 30px; padding:0;
}

#contenu .gauche {
	float:left; margin:0px 30px 1em 0; padding:0;
}
#contenu .droite {
	float:right; margin:0px 0 1em 30px; padding:0;
}
#contenu .centre {
	text-align:center; margin:0 auto;
}

#contenu .section {
	padding:0 0 0 25px;
}
#contenu .indention {
	padding:0; margin:0 0 0 25px;
}

#contenu .slogan {
	font-size: 1.3em;font-weight: bold; font-style:italic;
	padding: .5em 0 .9em 0; margin: 0;
	color: #914706; text-align:left;
}

#contenu .encadre {
	padding: .8em .8em 0 .8em; margin: 0 1.5em;
	text-align:center; border:1px solid #A91419;
}

#contenu .encadre-2-lignes {
	border-top: 1px solid #952300;border-bottom: 1px solid #952300;vertical-align:middle;padding:10px 0; margin:0 0 .8em 0;
}

#contenu .bloc-flottant {
	float:right; width:220px; padding:1em 1em .2em 1em; margin:0 0 1em 2em; color:#FFFFFF; text-align:left; background-color:#952300; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; line-height:1.3em;
}
#contenu .bloc-flottant .droite {
	margin-left:15px;
}
#contenu .bloc-flottant a, #contenu .bloc-flottant a:hover {
	color:#FFFFFF
}

#contenu .note {
	font-size:.8em; line-height:1em;
}

#contenu .bordure-photo {
	border:1px solid #8C1802;
}

#contenu a.lien-anchor {
	font-size:0; line-height:0; text-decoration:none;
}

/* Pour faire suivre le texte apres un float */
#contenu .spacer {
	clear:both; font-size:0px; line-height:0px; height:0px;
}

/* Pour avoir une hauteur minimum du contenu */
.hauteurMin {
  min-height: 496px;
}
/* hide from IE/mac \*/
* html .hauteurMin {
  height: 496px;
  he\ight: 496px;
}
/* end hide */

#contenu .hauteurMinOld {
	height:170px; float:right; width:1px;
}


/** Tableaux **/

/* Hack IE 6 PC pour grosseur de font dans un tableau */
* html #contenu table td {
	/*font-size:.8em;*/
}
table {
	font-size: 1em;
}
table table {
	font-size:100%;font-size:12px;
}
table td {
	font-size:1em;
}

/* Tableau de base (transparent) */
#contenu table.tableauBase td {
	padding:2px; text-align:left; font-size:1em;
}
#contenu table.tableauBase td p {
	padding: 0 0 .8em 0;
}


/* Tableau avec styles */
#contenu table.tableauStyle {
	border-left:1px solid #A91419; border-top:1px solid #A91419; background-color:#FFFFFF;
}
#contenu table.tableauStyle td {
	padding:.6em .6em 0 .6em; text-align:left; font-size:1.3em;
	border-right:1px solid #A91419; border-bottom:1px solid #A91419;
}
#contenu table.tableauStyle .titre {
	background-color:#ffe38c; color:#A91419; font-weight:bold;
}
#contenu table.tableauStyle td p {
	padding: 0 0 .6em 0;
}
#contenu table.tableauStyle .backgroundCouleur {
	background-color:#ffe38c;
}
#contenu table.tableauStyle table {
	border:0px none;
}
#contenu table.tableauStyle td table td {
	border:0px none;
}


/* Frame avec shadow pour les photos*/

.photos-frame td {
	font-size:1px; line-height:1px; padding:0;
}

.photos-frame .top-left {
	height:6px; width:6px; background: url(/images/photos-frame_top-left.gif) no-repeat left top;
}
.photos-frame .top {
	height:6px; background: url(/images/photos-frame_top.gif) repeat-x left top;
}
.photos-frame .top-right {
	height:6px; width:6px; background: url(/images/photos-frame_top-right.gif) no-repeat left top;
}

.photos-frame .left {
	width:6px; background: url(/images/photos-frame_left.gif) repeat-y left top;
}
.photos-frame .right {
	width:6px; background: url(/images/photos-frame_right.gif) repeat-y left top;
}

.photos-frame .bas-left {
	height:6px; width:6px; background: url(/images/photos-frame_bas-left.gif) no-repeat left top;
}
.photos-frame .bas {
	height:6px; background: url(/images/photos-frame_bas.gif) repeat-x left top;
}
.photos-frame .bas-right {
	height:6px; width:6px; background: url(/images/photos-frame_bas-right.gif) no-repeat left top;
}

.photos-frame .description {
	font-size:12px; color:#666666; line-height:13px; padding:3px 6px 0 6px;
}




.curseurOn {
	cursor: pointer;
}
.curseurOff {
	cursor: default;
}

.buttonOff {
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}
.buttonOn {
	opacity:100;filter: alpha(opacity=100); -moz-opacity: 1;
}
.buttonOver {
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}


/*** PAGE TEXTE ***/

#contenu .page-texte {
	margin:30px 30px 0 30px; /* width reel = 630px */ min-height:250px;
}


/*** PAGE AVEC PLUSIEURS BLOCS, UN EN-DESSOUS DES AUTRES ***/

#contenu .page-blocs {
	margin:30px 15px 0 15px; /* width reel = 660px */
}

#contenu .page-blocs .bloc1, #contenu .page-blocs .bloc2 {
	margin:0 0 1.5em 0; clear:both;
}

#contenu .page-blocs td.background-top {
	background: transparent url(/images/bloc_back_top.jpg) no-repeat left top;
}
#contenu .page-blocs .background-bas {
	background: transparent url(/images/bloc_back_bas.jpg) no-repeat right bottom;
}

#contenu .page-blocs h1 {
	font-size: 1.5em; font-weight: bold;
	margin: -0.5em 0 0.5em 5px; padding: 0 0 .3em 0;
}

/** Bloc gros (ex: idees vacances) **/
#contenu .page-blocs .bloc1 .background-bas {
	padding:40px 30px 24px 30px; 
}
#contenu .page-blocs .bloc1 td.background-top {
	font-size:1.3em; line-height:1.1em;
}
#contenu .page-blocs .bloc1 h2 {
	font-size: 1.8em; font-weight: bold; line-height:1em;
	padding: 0 0 .4em 0; margin: 0;
	color: #901B00; text-align:left;
}
#contenu .page-blocs .bloc1 .sous-titre {
	font-size: 1.1em; font-weight: bold; line-height:1.1em;
	padding: 0 0 1em 0; margin: 0; text-align:left;
}
#contenu .page-blocs .bloc1 .details {
	font-size: 0.8em;
}

/** Bloc petit (ex: evenements) **/
#contenu .page-blocs .bloc2 .background-bas {
	padding:23px 20px 14px 20px; 
}
#contenu .page-blocs .bloc2 td.background-top {
	font-size:1.2em; line-height:1.1em;
}
#contenu .page-blocs .bloc2 h2 {
	font-size: 1.4em; font-weight: bold; line-height:1em;
	padding: 0 0 .4em 0; margin: 0;
	color: #901B00; text-align:left;
}
#contenu .page-blocs .bloc2 .sous-titre {
	font-size: 1em; font-weight: bold; line-height:1.1em;
	padding: 0 0 1em 0; margin: 0; text-align:left;
}
#contenu .page-blocs .bloc2 .details {
	font-size: 0.8em;
}

#contenu .menu-evenements {
	height:76px; position:relative;
}
#contenu .menu-evenements .background-onglets {
	background: url(/fr/evenements/images/background_onglet.jpg) no-repeat left top; position:absolute; top:-25px; left:-15px; height:92px; width:690px;
}
#contenu .menu-evenements .background-onglets div {
	position:absolute;
}
#contenu .menu-evenements .background-onglets .printemps {
	left:32px;
}
#contenu .menu-evenements .background-onglets .ete {
	left:192px;
}
#contenu .menu-evenements .background-onglets .automne {
	left:352px;
}
#contenu .menu-evenements .background-onglets .hiver {
	left:512px;
}

#evenements, #evenements td {
	font-family:Arial, Helvetica, sans-serif;
}

#contenu .choix-mois {
	background: url(/images/background_conteneur-contenu_top_evenements.gif) no-repeat left top; position:relative; height:90px;
}
#contenu .choix-mois .titre {
	position:absolute; top:10px; right:352px; text-align:right; color:#FFFFFF;
}
#contenu .choix-mois .menu_dropdown {
	position:absolute; top:12px; left:363px;
}
#contenu .choix-mois select {
	font-size:13px; /*padding: 4px 10px 8px;*/ line-height:35px; background-color:#F6AE19; border:1px solid #030100;
}
#contenu .choix-mois option {
	/*font-size:13px;*/
}

.bloc_evenement {
	background: url(/images/evenements_separateur.gif) no-repeat left bottom; padding:0 0 36px 0; text-align:left;
}
.bloc_evenement .titre {
	background: url(/images/evenements_titre_background.gif) no-repeat left top; padding:2px 8px .6em 30px; color:#C18200; font-size:1.2em; line-height:1em;
}
.bloc_evenement .titre div {
	color:#F2AD00; font-size:0.75em;
}
.bloc_evenement .titre a, .bloc_evenement .titre a:visited {
	text-decoration:underline; color:#F2AD00;
}
a:hover, a:visited:hover {
	text-decoration:none; color:#F2AD00;
}
.bloc_evenement .texte {
	color:#5F5F5F; font-size:.9em; padding:0 30px 0 30px; line-height:1.1em;
}
.bloc_evenement .bt_plus_infos {
	float:right; margin:0 0 .8em 1em; cursor:pointer;
}
.bloc_evenement .plus_infos {
	display:none;
}
#contenu .bloc_evenement p.coordonnees {
	margin:.5em 0 0 0; padding:.5em .3em; background-color:#F0F0F0;
}


/** Listing des intervenants d'une categorie **/
#contenu .listing {
	border-bottom:1px solid #e1c1b9;
}

#contenu .listing h2 {
	font-size: 1.5em; font-weight: bold; line-height:1em;
	padding: 0 0 .4em 0; margin:15px 0 0 0;
	color: #901B00; text-align:left;
}

#contenu .listing .texte {
	font-size: 1.2em; line-height:1.4em;
}

#contenu .listing .imageDroite {
	margin-top:15px;
}

#contenu .listing a {
	white-space:nowrap;
}

#contenu .listing p {
	padding:0;
}

#contenu .texte-introduction td {
	padding:25px 0 35px 0;
}



/*** FICHE DE L'INTERVENANT ***/

#contenu .fiche {
	margin:0 9px; padding:0 0 10px 0;
}

#contenu .fiche h1 {
	font-size: 16px; font-weight: bold; margin: 0; padding:3px 10px; color: #FFFFFF; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(/images/background_fiche_titre.gif) no-repeat left top;
}
#contenu .fiche h1 span {
	font-size: 16px; font-weight: bold;
}

#contenu .fiche .contenu-fiche {
	padding:20px;
}

#contenu .fiche .contenu-fiche .photos {
	float:right; margin:0 0 25px 0;
}
#contenu .fiche .contenu-fiche .photos img {
	border:1px solid #8C1802;
}
#contenu .fiche .contenu-fiche .photos .nav {
	text-align:center; padding:5px 0; font-size:15px;
}
#contenu .fiche .contenu-fiche .photos .nav img {
	border:none; margin:0 10px; vertical-align:middle; cursor:pointer;
}

#contenu .fiche .contenu-fiche .coordonnees {
	width:276px; background-color:#DEDEDE; padding:11px 17px;
}
#contenu .fiche .contenu-fiche .coordonnees td {
	font-size:1.2em; line-height:1.2em; text-align:left;
}

#contenu .fiche .contenu-fiche .pictos {
	width:310px; margin:0; text-align:center;
}
#contenu .fiche .contenu-fiche .pictos a {
	cursor: help;
}
#contenu .fiche .contenu-fiche .pictos img {
	margin:0 4px;
}
#contenu .fiche .contenu-fiche .texte {
	width:310px;
}
#contenu .fiche .contenu-fiche .texte td {
	font-size:1.3em; line-height:1.2em;
}


/* Rating etoiles et soleil */

#contenu .fiche .RadRating ul {
	margin:0 0 0 10px; padding:0; list-style-type:none; width: 300px;
}
#contenu .fiche .RadRating a {
	cursor:default; visibility:hidden;
}
#contenu .fiche .RadRating_Default li {
	background: url(/images/pictos/rating_etoile.gif) no-repeat left top; width:14px; height:12px; float:left; margin:4px 0 0 0;
}
#contenu .fiche .RadRating_Simple li {
	background: url(/images/pictos/rating_soleil.gif) no-repeat left top; width:17px; height:15px; float:left; margin:2px 0 0 0;
}




/*** MUNICIPALITES ***/
#contenu .encadre-services {
	padding: 0 .8em 0 .8em; margin: 1em 0 0 0;
	text-align:left; border:1px solid #A91419;
}
#contenu .encadre-services h2 {
	padding-bottom:.4em;
}
#contenu .encadre-services td {
	font-size:1.3em
}


a.lienAnchor {
	text-decoration:none; font-size:0px; line-height:0px;
}

.geo_plein-air {
	width:475px; height:290px; position:absolute; top:90px; left:10px;
	background: url(/images/bandeau_geo_plein-air.png) no-repeat left top; z-index:100;
}
/* hack ie6 */
* html .geo_plein-air {
	background: url(/images/bandeau_geo_plein-air.gif) no-repeat left top;
}
#geo_plein-air .geo_plein-air {
	display:none;
}