/* REDEFINITION DES BALISES */

html {
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
	background:url(images/back_body.jpg) repeat-x;
	font:11px Arial, Sans-Serif;
	color: #4a4a4a;
}

h1 {padding:0; font-size:14px; font-weight:bold; color:#ff8400;}
h2 {padding:0; font-size:14px; font-weight:normal; color:#ff8400;}
h3 {padding:0; font-size:12px; font-weight:bold; color:#4a4a4a;}
h4 {padding:0; font-size:12px; font-weight:normal; color:#ff8400;}
h5 {padding:0; font-size:10px; font-weight:bold; color:#4a4a4a;}
h6 {padding:0; font-size:10px; font-weight:normal; color:#4a4a4a;}

p {
	margin:0 0 10px 0;
	text-align:justify;
}

a {
	color:#01b1c8;
	text-decoration:none;
}

a:hover {
	color:#01b1c8;
}

a:visited {
	color: #01b1c8;
}

/* STYLE DES BLOCS */

div#page {
	width:948px;
	background:url(images/back_page.jpg) repeat-y;
	margin:0 auto 0 auto;
	padding-bottom:20px;
}

	div#page div#contenu {
		overflow:hidden;
		background:url(images/back_contenu.jpg) no-repeat;
	}

		div#page div#entete {
			margin:0 0 0 10px;
			height:234px;
		}

		div#page div#contenu div#col_gauche {
			float:left;
			width:189px;
			margin:0 0 0 29px;
		}

/* ---------------------------------------------------------------------- MENU DESTINATIONS ---------------------------------------------------------------------- */

			div#page div#contenu div#col_gauche div#destinations {
				margin:0 0 10px 0;
			}

				div#page div#contenu div#col_gauche div#destinations h2 {
					margin:0;
				}

				div#page div#contenu div#col_gauche div#destinations ul {
					margin:0;
					padding:0;
					list-style-type:none;
				}

					div#page div#contenu div#col_gauche div#destinations ul li {
						height:25px;
						background:url(images/back_li_destinations.jpg) repeat-y;
						margin:0;
						padding:6px 0 0 20px;
						text-transform:uppercase;
						font-size:12px;
						font-weight:bold;
					}

						div#page div#contenu div#col_gauche div#destinations ul li a.menu_on {
							color:#818181;
						}

/* ---------------------------------------------------------------------- FIN MENU DESTINATIONS ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- MENU THEMATIQUES ---------------------------------------------------------------------- */

			div#page div#contenu div#col_gauche div#thematiques {
				margin:10px 0 15px 0;
			}

				div#page div#contenu div#col_gauche div#thematiques h2 {
					margin:0;
					padding:0;
				}

				div#page div#contenu div#col_gauche div#thematiques ul {
					background:url(images/back_ul.jpg) repeat-y;
					margin:0;
					padding:0;
					list-style-type:none;
				}

					div#page div#contenu div#col_gauche div#thematiques ul li {
						margin:0;
						padding:3px 0 3px 30px;
						font-size:10px;
						font-weight:bold;
					}

						div#page div#contenu div#col_gauche div#thematiques ul li a.menu_on {
							color:#818181;
						}

						div#page div#contenu div#col_gauche div#thematiques ul li img {
							margin:0 0 0 -15px;
							float:left;
						}

/* ---------------------------------------------------------------------- FIN MENU THEMATIQUES ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- MENU RSS ---------------------------------------------------------------------- */


			div#page div#contenu div#col_gauche div#rss h2 {
				margin:0;
					padding:0;
			}

			div#page div#contenu div#col_gauche div#rss ul {
				background:url(images/back_ul.jpg) repeat-y;
				margin:0;
				padding:0;
				list-style-type:none;
			}

				div#page div#contenu div#col_gauche div#rss ul li {
					margin:0;
					padding:7px 18px 7px 13px;
					font-size:10px;
					font-weight:bold;
				}

					div#page div#contenu div#col_gauche div#rss ul li img {
						margin:0 0 0 -1px;
						float:left;
					}

					div#page div#contenu div#col_gauche div#rss span.date {
						padding:0 0 0 5px;
						float:left;
						color:#ff8400;
					}

					div#page div#contenu div#col_gauche div#rss span.titre {
						clear:both;
						display:block;
					}

					div#page div#contenu div#col_gauche div#rss span.intro {
						display:block;
					}

						div#page div#contenu div#col_gauche div#rss span.intro a {
							font-weight:normal;
							color:#4a4a4a;
						}

/* ---------------------------------------------------------------------- FIN MENU RSS ---------------------------------------------------------------------- */

		div#page div#contenu div#col_droite {
			float:right;
			width:708px;
			margin:0 10px 0 0;
		}

/* ---------------------------------------------------------------------- TEXTE ---------------------------------------------------------------------- */

			div#page div#contenu div#col_droite div#texte span.spip_documents_left {
				margin:4px 20px 20px 0;
			}

			div#page div#contenu div#col_droite div#texte span.spip_documents_center {
				margin:4px 20px 20px 20px;
			}

			div#page div#contenu div#col_droite div#texte span.spip_documents_right {
				margin:4px 0 20px 20px;
			}

/* ---------------------------------------------------------------------- FIN TEXTE ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- ARIANE ---------------------------------------------------------------------- */

			div#page div#contenu div#col_droite div#ariane {
				padding:20px 0 0 12px;
				height:24px;
				background:url(images/back_ariane.jpg) repeat-y;
				color:#fff;
				font-weight:bold;
				margin:0 0 6px 0;
			}

				div#page div#contenu div#col_droite div#ariane a {
					color:#fff;
				}

/* ---------------------------------------------------------------------- FIN ARIANE ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- ENCADRE ---------------------------------------------------------------------- */

			div#page div#contenu div#col_droite div#encadre {
				background:url(images/back_centre_encadre.jpg) repeat-y;
			}

				div#page div#contenu div#col_droite div#encadre img.illus {
					margin:0 0 0 15px;
				}

/* ---------------------------------------------------------------------- FIN ENCADRE ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- TEXTE ---------------------------------------------------------------------- */

			div#page div#contenu div#col_droite div#texte {
				padding:10px 20px 10px 0;
			}

/* ---------------------------------------------------------------------- FIN TEXTE ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- commentaires ---------------------------------------------------------------------- */

			ul.page_dor {
				list-style:none;
				padding:10px 20px;
                margin:0;
			}
            
                ul.page_dor li {
                    padding:0;
                    margin:20px 0;
                    border-bottom:1px dashed #f2f2f2;
                }
            
                    ul.page_dor li span.signature {
                        display:block;
                        text-align:right;
                        border-bottom:1px dashed #f2f2f2;
                        font-weight:bold;
                    }
            
                    ul.page_dor li span.date {
                        font-weight:normal;
                    }

/* ---------------------------------------------------------------------- FIN commentaires ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- MAP ---------------------------------------------------------------------- */

			div#page div#contenu div#col_droite div#map {
				clear:both;
				overflow:hidden;
				margin:40px 0 10px 65px;
			}

/* ---------------------------------------------------------------------- FIN MAP ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- circuits-am ---------------------------------------------------------------------- */

			div#page div#contenu div#col_droite div#circuits-am {
				float:left;
                overflow:auto;
				margin:20px 0;
			}

/* ---------------------------------------------------------------------- FIN circuits-am ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- MAP II ---------------------------------------------------------------------- */

                div#page div#contenu div#col_droite div#mapII {
                    float:left;
                    display:inline;
                    width:360px;
                    height:360px;
                    overflow:hidden;
                    margin-right:27px;
                }

/* ---------------------------------------------------------------------- FIN MAP II ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- AGENDA ---------------------------------------------------------------------- */

                div#page div#contenu div#col_droite div#agenda {
                    float:left;
                    display:inline;
                    width:300px;
                    overflow:hidden;
                }
                    div#agenda h2 {
                        height:28px;
                        line-height:28px;
						margin:0;
						padding:0 0 0 20px;
						text-transform:uppercase;
						font-size:12px;
                        color:#fff;
                        background:#3babd0 url(images/agenda.jpg) no-repeat;
                    }
                    div#agenda h3 {
                        cursor:pointer;
                        height:29px;
                        line-height:29px;
						margin:0;
						padding:0 0 0 20px;
						text-transform:uppercase;
						font-size:12px;
						font-weight:bold;
                        color:#01b1c8;
                        background:#ececec url(images/months.jpg) no-repeat;
                    }
                    div#agenda table {
                        width:300px !important;
                        border-spacing: 0;
                    }
                    div#agenda tr {
                        width:300px !important;
                        background:#fff url(images/entry.jpg) bottom no-repeat;
                        border:0;
                    }
                    div#agenda td {
                        border:0;
                    }
            
/* ---------------------------------------------------------------------- FIN AGENDA ---------------------------------------------------------------------- */

div#pied {
	clear:both;
	overflow:hidden;
	width:948px;
	background:url(images/back_pied.jpg) no-repeat;
	margin:0 auto 0 auto;
}

/* ---------------------------------------------------------------------- SIGNATURE ---------------------------------------------------------------------- */

	div#pied div#signature {
		float:left;
		padding:10px 0 0 20px;
	}

/* ---------------------------------------------------------------------- FIN SIGNATURE ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- ADMINISTRATIF ---------------------------------------------------------------------- */

	div#pied div#administratif {
		float:right;
		padding:10px 20px 0 0;
	}

		div#pied div#administratif ul {
			margin:0;
			padding:0;
			list-style-type:none;
		}

			div#pied div#administratif ul li {
				display:inline;
				margin:0 5px 0 5px;
			}

				div#pied div#administratif ul li  a{
					color:#fff;
				}

/* ---------------------------------------------------------------------- FIN ADMINISTRATIF ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- PARTENAIRES ---------------------------------------------------------------------- */

	div#pied div#partenaires {
		text-align:center;
	}

		div#pied div#partenaires ul {
			margin:80px 0 15px 0;
			padding:0;
			list-style-type:none;
		}

			div#pied div#partenaires ul li {
				display:inline;
				margin:0 5px 0 5px;
			}

				div#pied div#partenaires ul li  a{
					text-decoration:underline;
				}

/* ---------------------------------------------------------------------- FIN PARTENAIRES ---------------------------------------------------------------------- */