/* usefull */
.fl{ float:left; }
.fr{ float:right; }
.cb{ clear:both; }
/* end usefull */

/* global */
body {
	margin:0;
	padding: 0;
	background-color: #fff;
	text-align: justify;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
}

div, span, p, a, img, form, h1, h2, h3, h4, h5, h6, blockquote, hr, pre, button {
	border: 0;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	text-align:left;
}

input {
	padding: 0;
	margin: 0;
}

a {
	text-decoration:none;
	color:#06a0a8;
}

a:hover {
	text-decoration: underline;
}

.chapo {
	text-align:left;
}

.footer ul,
.menu_front ul,
.tab ul,
.top_right ul,
.meteo ul,
.footer li,
.menu_front li,
.tab li,
.top_right li,
.meteo li { 
	margin:0;
	padding:0;
	list-style:none; 
}
/* end global */

.page {
	clear:both;
	margin: 0 auto;
	width:955px;
	height:100%;
	background-image:url(../img/common/page_bkgd.gif);
	background-repeat:repeat-y;
	padding:0 24px
}

	/* header */
	.header {
		width:955px;
		height:228px;
		display:block;
		position:relative;
		overflow:hidden;
	}

		/* top right */
		.header .top_right {
			position:absolute;
			top:0;
			right:0!important;
			right:-1px;
			overflow:hidden;
			width:500px;
			height:30px;
			display:block;
			z-index:98;
		}

			.header .top_right .language {
				float:right;
				margin-top:5px;
				padding-right:5px;
			}
				.header .top_right .language ul {}
					.header .top_right .language ul li {
						float:left;
						margin-right:5px;
					}
						.header .top_right .language ul li a{
							width:28px;
							height:25px;
							line-height:25px;
							font-size:25px;
							display:block;
						}
						.header .top_right .language ul li a.active {
							background-image:url(../img/common/flag/flag_bkgd.gif);
							background-repeat:no-repeat;
						}

			.header .top_right .save {
				float:right;
				height:25px;
				line-height:25px;
				padding:0 15px;
				border-left:1px solid #cdece6;
				border-right:1px solid #cdece6;
			}

			.header .top_right .newsletter {
				float:right;
				margin:0 0 0 10px;
				height:25px;
				line-height:25px;
			}	
				.header .top_right .newsletter input.text {
					width:116px;
					height:14px;
					background-color:#cdebed;
					padding:2px;
					font-size:0.9em;
					margin:5px 0 0 5px;
					color:#0f9b9c;
					border:medium none;
				}
				.header .top_right .newsletter .button {
					margin:5px 0 0 2px;
					display:inline;
				}
		/* top right */

		/* tab */
		.tab {
			position:absolute;
			bottom:0px;
			left:0px;
			text-transform:uppercase;
			color:#fff;
			text-align:center;
			overflow:hidden;
			z-index:98;
		}
			.tab ul{
				height:32px;
				width:955px;
				position:relative;
				overflow:hidden;
			}
				.tab li {
					position:absolute;
					left:0;
					bottom:0;
					width:110px;
					height:32px;
					margin-right:1px;
				}
				.tab li.pro {
					width:80px;
				}
				.tab li.handicap {
					width:144px;
				}
				.tab li.active {
					background-image:none;
				}
					.tab li a {
						position:absolute;
						left:0;
						bottom:0;
						width:110px;
						height:28px;
						display:block;
						text-align:center;
						background-image:url(../img/common/tab_bkgd.gif);
						background-repeat:repeat-x;
						background-position:bottom;
						background-color:#00a0ba;
					}
					.tab li a img {
						margin-top:8px;
					}
					.tab li.pro a {
						width:80px;
						background-image:url(../img/common/tab_bkgd_pro.gif);
						background-color:#355962;
					}
					.tab li.handicap a {
						width:144px;
					}
					.tab li.active a{
						background-image:none;
						background-color:#94c02f;
						height:32px;
					}
		/* end tab */

	/* end header */

	.ariane_separator {
		width:955px;
		height:5px;
		line-height:5px;
		font-size:5px;
		display:block;
		background-color:#94c02f;
	}

	/* menu */
	.menu {
		margin:15px 0 0 10px;
		position:relative;
		background-image:url(../img/common/menu_bkgd_randonnees.gif);
		background-repeat:no-repeat;
		background-position:right 216px;
		width:205px;
		height:auto!important;
		height:500px;
		min-height:500px;
		float:left;
		display:inline;
	}
		.menu .menu_front {
			position:relative;
			z-index:98;
		}
		.menu .baseline {
			position:absolute;
			left:-15px;
			top:30px;
			z-index:0;
		}
		.menu .logo {
			margin-bottom:10px;
		}

		.menu h2 {
			margin:0 0 0 30px;
			height:22px;
			line-height:22px;
		}
		.menu ul {
			margin:0 0 25px 30px;
		}
			.menu ul a {
				padding-left:3px;
				color:#000;
				line-height:16px;
				display:block;
				width:172px;
			}
			.menu ul a.current {
				background-color:#94c02f;
				background-image:url(../img/common/arrow_right_white.gif);
				background-repeat:no-repeat;
				background-position:165px 6px;
				color:#ffffff;
			}
			.menu ul a:hover {
				background-color:#c9df97;
				text-decoration:none;
			}
	/* end menu */

	/* ariane */
	.ariane {
		background-image:url(../img/common/ariane_bkgd_randonnees.gif);
		background-repeat:no-repeat;
		float:left;
		background-color:#94c02f;
		height:24px;
		line-height:24px;
		width:730px;
		color:#fff;
		padding-left:10px
	}
		.ariane a {
			color:#fff;
		}
		/* search */
		.search {
			float:right;
			padding:0 5px;
		}
			.search label {
				float:left;
				margin-right:5px;
			}
			.search input.text {
				float:left;
				width:100px;
				height:17px;
				line-height:17px;
				border:0;
				margin-top:3px;
				margin-right:5px;
				font-size:11px;
				padding-left:2px;
			}
			.search input.image {
				margin-top:3px;
				float:left;
			}
		/* end search */
		
	/* end ariane */

	/* footer */
	.footer {
		margin-top:20px;
		clear:both;
		width: 955px;
		height:30px;
		display:block;
		font-size: 0.9em;
	}
		.footer .copyright {
			float: left;
			width: 205px;
			padding: 5px;
			height: 30px;
			line-height: 30px;
			text-align: right;
		}
		.footer .link {
			float: left;
			width: 520px;
			height: 30px;
			background-color: #E60000;
		}	
			.footer .link ul li {
				height:14px;
				line-height:14px;
				float:left;
				border-right:1px solid #f89a9a;
				margin:8px 0 8px 5px;
				padding:0 5px 0 0;
			}
				.footer .link ul li a {
					color:#fff;
				}
		.footer .top_page {
			float: left;
			height: 30px;
			line-height:30px;
			margin-left:10px;
			background-image:url(../img/common/arrow_top_blue.gif);
			background-position:right 10px;
			background-repeat:no-repeat;
			padding-right:10px;
		}
	/* end footer */

	.page_layout{
		position:relative;
		min-height:600px;
		float:left;
		padding-top:20px;
		width:740px;
		background-image:url(../img/common/page_layout_bkgd_randonnees.jpg);
		background-repeat:no-repeat;
	}
		.left_content {
			float:left;
			width:520px;
			display:block;
		}
	
		.right_content {
			float:left;
			width:220px;
			height:500px;
			display:block;
			background-repeat:no-repeat;
			padding-top:10px;
			position:relative;
		}

/* old global css compatibility */

.cr_block .arrow {
	background-image: url(../img/common/arrow_blue.gif);
	padding-left:13px;
}

.mgt3 {
	margin-top: 3px;
}

.mgt5 {
	margin-top: 5px;
}

.mgt10 {
	margin-top: 10px;
}

.mgb3 {
	margin-bottom: 3px;
}

.mgb5 {
	margin-bottom: 5px;
}

.mgb10 {
	margin-bottom: 10px;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #E00000;
	margin-bottom: 5px;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
}

h2 * {
	font-weight: normal;
}

.image {
	font-size: 0;
	line-height: 0;
}

.spacer {
	clear: both;
	line-height: 0;
	font-size: 0;
}

.header_print {
	display: none;
}

.justif {
	text-align: justify;
}

.inputfield {
	font-size: 0.9em !important;
	font-size: 1em;
	height: 14px;
	padding: 2px;
	width: 150px;
	border: 1px solid #cccccc;
}

.rm_search {
	float: right;
	margin-top: 6px;
	background-image: url(../img/common/red_search_bkgd.gif);
	background-repeat: no-repeat;
}

.rms_title {
	float: left;
	height: 17px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 7px;
	color: #FACCCC;
}

.rms_input {
	float: left;
	height: 17px;
}

input.rms_input {
	height: 13px;
	width: 114px;
	color: #F9CDCC;
	background-color: #F37F80;
}

.rms_btn {
	float: left;
	height: 17px;
	margin-left: 3px;
}

.pl_tools {
	float: left;
	clear: both;
	font-size: 0;
	margin-bottom: 13px;
	width: 500px;
}

.pl_tools span {
	float: left;
	margin-left: 1px;
	padding-left: 5px;
	padding-right: 7px;
	padding-bottom: 0 !important;
	padding-bottom: 2px;
}

.t_bdr_out {
	background-image: url(../img/common/page_tools_bdr_out.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.t_bdr_over {
	background-image: url(../img/common/page_tools_bdr_over.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.t_nobdr_out {
	background-image: none;
}

.t_nobdr_over {
	background-image: url(../img/common/page_tools_bdr_over.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.pl_col_right {
	float: left;
	padding-left:2px;
	width: 218px;
	overflow: hidden;
}

.pl_col_right .avoiraussi_link a,
.pl_col_right .texte a {
	display: block;
	margin-top: 5px;
	background-image: url(../img/common/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 13px;
}

.cr_block {
	float: left;
	padding-bottom: 20px;
	padding-left: 9px;
	width: 209px;
	border-bottom: 1px solid #cdebec;
}

.cr_next_block {
	padding-top: 9px;
}

.cr_end_block {
	padding-top: 9px;
	border:none;
}

.cr_title {
	background-image: url(../img/common/col_right_bkgd.jpg);
	background-repeat: no-repeat;
	padding: 15px 0 6px 9px;
	background-color: #e4e5e5;
}

.i_text {
	margin-top: 5px;
}

.i_text a {
	background-image: url(../img/common/interactive_link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 15px;
}

.avoiraussi_link {
	width: 200px;
	display: block;
	overflow: hidden;
}

.imageleft {
	float: left;
	padding-right: 22px;
	padding-bottom: 10px;
	text-align: right;
}

.imageright {
	float: right;
	padding-left: 22px;
	padding-bottom: 10px;
	text-align: right;
}

.imagecenter {
	clear:both;
	text-align:center;}
	.imagecenter img{
		float:none;}

.imageleft a, .imageright a, .imagecenter a
{
	display:block;
}

.viewimage {
	font-size: 10px;
	background-image: url(../img/common/arrow_viewimage.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 13px;
}

.viewimage:hover {
	text-decoration: underline;
}

select {
	font-size: 0.9em !important;
	font-size: 1em;
	border: 1px solid #ccc;
	height: 17px !important;
	height: 14px;
	padding: 0 !important;
	padding: 2px;
	width: 200px;
	color: #000;
	background-color: #fff;
}

.paragraph table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.paragraph table th {
	background-color: #079ca0;
	color: #fff;
	padding: 4px 5px;
	border-left: 1px solid #fff;
}
.paragraph table thead td {
	background-color: #079ca0;
	color: #fff;
	padding: 4px 5px;
	border-left: 1px solid #fff;
}

.paragraph table td {
	background-color: #e4e5e5;
	color: #000;
	padding: 3px 5px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #b6b6b6;
}

.paragraph table th.first, .paragraph table td.first {
	border-left: none;
}

.paragraph table td.first {
	font-weight: bold;
	background-color: #cdcdcd;
}

.paragraph table img {
	display:block;
}

.paragraph table th.nobgd, .paragraph table td.nobgd {
	background: none;
}

#intro {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index:99;
	border:0px solid #000000;
}

#opage table {
	font-size:1em;
}

/* popup */
.col_right {
	float:left;
}


/* table lacs webcams */
.paragraph .table-lacs{
border: 0;
padding:0;
margin:0;
border-collapse: collapse;
}

.paragraph .table-lacs td{
border: 0;
padding:0;
margin:0;
background-color: transparent;
}

.paragraph .table-lacs tr{
border: 0;
padding:0;
margin:0;
background-color: transparent;
}