html,body{height:100%;}
body{
	font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #878787;
	position: relative;
	min-width: 960px;
	-webkit-text-size-adjust: none;
	
}
#cadre_promo {
	padding: 5px;
	border: thin solid #1D97D4; /*#FBB01E*/
	width: 200px;
}
#recherche{
	background-color: #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	padding-right: 10px;
	padding-left: 10px;
}
.prix_article{
	font-size: 14px;
	font-weight: bold;
	color: #1D97D4; /* #f9b500 */
}

.dates{
	font-size: 14px;
	font-weight: bold;
	color: #f9b500 
}
#map {
	border: thin solid #999;
	position: relative;
	height: 350px;
	width: 425px;
}
#etiquette{
	height: 1px;
	width: 190px;
	overflow: visible;
	position: absolute;
	left: -30px;
	top: -65px;
	z-index: 3000;
	cursor:  pointer;
}
#menu_top{
	position: relative;
	height: 51px;
	width: 100%;
	background-image: url(../navig/fond_bande_blanche.png);
	background-repeat: repeat;
	z-index: 1250;
}
#menu_top_gris{
	position: relative;
	height: 60px;
	width: 100%;
	background-image: url(../navig/fond_bande_noire.png);
	background-repeat: repeat;
	z-index: 1250;
}
#benevoles{
	position: absolute;
	top: 10px;
	right: 40px;
	z-index: 9000;
	height: 40px;
	width: 90px;
}
#benevoles img{
	height: 40px;
	width: 90px;
}
#kerzers{
	position: absolute;
	top: 0px;
	right: 150px;
	z-index: 9000;
	height: 345px;
	width: 126px;
}
#kerzers img{
	height: 345px;
	width: 126px;
}
/*********************************header*************************************/
#logol2{
	height: 80px;
}
/*********************************poles*************************************/
#poles {
	position: relative;
	height: 77px;
	width: 616px;
	left: 0px;
	top: 30px;
}

#poles #coureurs {
	position: absolute;
	height: 77px;
	width: 154px;
	left: 0px;
	top: 0px;
}

#poles #spectateurs {
	position: absolute;
	height: 77px;
	width: 154px;
	left: 149px;
	top: 0px;
}

#poles #curieux {
	position: absolute;
	height: 77px;
	width: 154px;
	left: 298px;
	top: 0px;
}

#poles #infos {
	position: absolute;
	height: 77px;
	width: 154px;
	left: 448px;
	top: 0px;
}
#barre_off {
	position: relative;
	top: -2px;
	height: 4px;
	width: 144px;
	left: 5px;
}
#barre_on {
	position: relative;
	top: -2px;
	height: 4px;
	width: 144px;
	left: 5px;
}



/*********************************poles*************************************/
header{
	width: 100%;
	background-repeat: repeat;
	background-position: center top;
	height: 407px;
}
#headerfond{
	width: 100%;
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	height: 264px;
	overflow: hidden;
}
#headerfond_galerie{
	width: 100%;
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	height: 204px;
	overflow: hidden;
}
#imgfondentete{
	width: 100%;
	position: absolute;
	left: auto;
	right: auto;
}
#centerimage{
	position: relative;
	width: 960px;
	left: auto;
	right: auto;
	margin-right: auto;
	margin-left: auto;
}
#menupole {
	position: relative;
	height: 103px;
	float: right;
	z-index: 8000;
}
#logo_o2 {
	position: absolute;
	overflow: hidden;
	top: -44px;
	z-index: 1200;
	left: 20px;
}
#logo_construction {
	position: absolute;
	overflow: hidden;
	top: 5px;
	z-index: 100;
	left: 20px;
}
#logo_index {
	position: absolute;
	overflow: hidden;
	top: 5px;
	z-index: 100;
	left: 20px;
}
#logo_page {
	position: absolute;
	overflow: hidden;
	top: 5px;
	z-index: 100;
	left: 20px;
}
#logobande {
	display: none;
}
#titre_portail {
	height: 50px;
	width: 950px;
	left: auto;
	right: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	font-family: "formatabold";
	font-size: 48px;
	color: #fff;
	padding-top: 30px;
	padding-left: 10px;
}
#construction {
	position: absolute;
	overflow: hidden;
	top: -25px;
	z-index: 100;
	left: 310px;
	height: 163px;
	width: 457px;
}
#construction img {
	width: 100%;
}

.header-light{
}
	#page1 .header-light{padding-bottom:0;}
.header-pannel{
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 0px;
}
	.header-pannel a{text-decoration:none; color: #fff;}
		.header-pannel a:hover{text-decoration:underline;}
	.header-pannel span{color:#fff;}
	.header-pannel #user-links{
	margin-right: 20px;
	margin-top: 3px;
	position: relative;
	left: 920;
	top: 40px;
	width: 50px;
}

.header-pannel #contact-phone{
		float:right;
		padding-right:10px;
		padding-left:18px;
		background:url(../images/phone.png) 0 3px no-repeat;
		text-transform:uppercase;
	}
#bandeimage {
	height: 150px;
}
#bandeimage_galerie {
	height: 10px;
}
#staffbox {
	position: absolute;
	top: 10px;
	left: 719px;
	width: 200px;
	text-align: right;
	color: #f9b500;
}
#staffbox_page {
	position: absolute;
	top: 10px;
	left: 719px;
	width: 200px;
	text-align: right;
	color: #f9b500;
}
#trentebox {
	position: relative;
	left: 30px;
	top: 60px;
	height: 75px;
	width: 154px;
}
#staffbox_page .text_orange,
#staffbox .text_orange {
	color: #f9b500;
}
h1{float:left; padding-top:22px;}
	h1 a{
		display:block;
		width:198px;
		height:36px;
		overflow:hidden;
		font-size:0;
		line-height:0;
		text-indent:-100%;
		text-decoration:none;
		background:url(../images/logo.png) 0 0 no-repeat;
	}
		h1 a:hover{text-decoration:none;}

/********************************* Content **********************************/

.grid_12_home .slogan {
	font-weight: bold;
	color: #f9b500;
}

.grid_12_home #spacer_home {
	height: 22px;
	width: 100%;
	background-image: url(../navig/separateur.jpg);
	margin-top: 30px;
	margin-bottom: 20px;
}
.grid_12_home #spacer_catalogue {
	height: 22px;
	width: 100%;
	background-image: url(../navig/separateur.jpg);
	margin-top: 10px;
	margin-bottom: 20px;
}
#content{
	width: 100%;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#content_news{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: url(../navig/fond_news.jpg);
	background-repeat: repeat-x;
	height: 400px;
}
.texte_infohome{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
.texte_infonews{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
#barre_info_haut{
	height: 10px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
}
.bt_info_home{
	margin-top: 6px;
}
#barre_info_bas{
	height: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.galerie{
	padding-top: 20px;
	padding-bottom: 10px;
	width: 100%;
}
	#page1 #content{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
	#page2 #content{padding:64px 0 103px;}

/* ---------- Titles ---------*/
h2{font:300 54px/65px 'Ubuntu', sans-serif; color:#2d2d2d; letter-spacing:-3px;}
h3{
	color: #2d2d2d;
	/*text-transform: lowercase;*/
	letter-spacing: 0.05em;
	border-bottom: 1px solid #cacccf;
	padding-bottom: 8px;
	font-family: 'formatabold';
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
}
h4{
	color: #666666;
	/*text-transform: lowercase;*/
	letter-spacing: 0.05em;
	padding-bottom: 8px;
	font-family: formatabold;
	font-size: 20px;
	line-height: 32px;
	font-weight: lighter;
}
h4 .gris{
	color: #666666;
}
h4 .orange{
	color: #1D97D4;/*#f9b500;*/
}
a.link_blue{
	text-decoration: underline;
	color: #09F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
a.link_blue:hover{
	text-decoration: underline;
	color: #f9b500;
}
h6{
	color: #f9b500;
	font-family: "exomediumitalic";
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
}
	h6 a{text-decoration:none; color:inherit;}
		h6 a:hover{text-decoration:none; color:#2d2d2d;}

/*---------- Columns --------*/
.col-2-1{float:left; width:192px; margin-right:22px;}
.galerie{float:left; width:144px; margin-right:15px;}
/*----------- Boxes ----------*/
.box{
	background-color: #d8d7d7;
}
	.box .indents{padding:19px 20px 20px;}
	.box .indents1{padding:10px;}
/*----------- Other -----------*/
blockquote{width:100%;}
	.quote-content{
		background:url(../images/quote-tail.gif) center top repeat-x #d1dbe2;
		border:1px solid #e1e0e0;
		border-radius:10px;
		-webkit-border-radius:10px;
		min-height:145px;
	}
	.quote-bg{background:url(../images/quote.png) 18px 22px no-repeat; padding:26px 30px 30px 30px; text-indent:20px;}
	.quote-caption{
		text-align:right;
		font:15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#5a97db;
		background:url(../images/quote-bottom.gif) 65px top no-repeat;
		margin-top:-1px;
		padding-top:19px;
		position:relative;
	}
time.date1{
	display:block;
	font:10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#b1b1b1;
}
/*---------- Links ----------*/
a{
	color: #999999;
	outline: none;
	cursor: pointer;
	text-decoration: underline;
}
	a:hover{text-decoration: none;}
a[href^="tel:"]{color: inherit; text-decoration:none;}
.link{
	display:inline-block;
	font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	text-decoration:none;
	padding-left:14px;
	background:url(../images/link-marker.gif) 0 7px no-repeat;
}
	.link:hover{
		text-decoration:none;
		color:#5a97db;
		background-position:0 -61px;
	}
.button{
	display:inline-block;
	cursor:pointer;
	font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:6px 9px;
	background:#5a97db;
}
	.button:hover{text-decoration:none; color:#2d2d2d; background-color:#ddd;}
/*----- Images -----*/
.img-indent{float:left; margin-right:20px;}

/*---------- Lists -----------*/
.last-item{margin-right:0 !important; margin-bottom:0 !important;} 
.list-1 li{
	font:15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5a97db;
	padding-left:17px;
	background:url(../images/marker-1.gif) 0 8px no-repeat;
	margin-bottom:8px;
}
	.list-1 a{text-decoration:none; color:inherit;}
		.list-1 a:hover{text-decoration:underline; color:#929292;}
.list-2 li{
	overflow:hidden;
	padding-bottom:15px;
	border-bottom:1px solid #dddddf;
	margin-bottom:20px;
}
	.list-2 li.last-item{padding-bottom:0; border-bottom:none;}
	.list-2 .num{
		float:left;
		margin-right:19px;
		width:51px;
		height:67px;
		overflow:hidden;
		font:bold 36px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
		text-align:center;
		background:url(../images/num-block.png) center top no-repeat;
	}
	.list-2 h6{word-spacing:-1px;}
.list-3 li{
	font:300 28px/34px 'Ubuntu', sans-serif;
	color:#2d2d2d;
	letter-spacing:-1px;
	margin-bottom:4px;
}
	.list-3 a{
		display:block;
		color:inherit;
		text-decoration:none;
		padding:10px 18px 12px;
		background:#d8d7d7;
	}
		.list-3 a:hover{
			text-decoration:none;
			color:#fff;
			background-color:#5a97db;
		}
/*---------- Borders ---------*/
.border-bottom{border-bottom:1px solid #c4c9cf;}
/*---------- Indents ---------*/
p{margin-bottom:18px}
	.p0{margin-bottom:0;}		.p0-1{margin-bottom:3px;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}	.p3-1{margin-bottom:18px;}
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:8px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{
	margin-bottom: 30px;
	margin-top: 20px;
}
.p8-1new{
	margin-bottom: 10px;
	margin-top: 10px;
}
.p8-1_center{
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
	.p9{
	margin-bottom: 45px;
	margin-top: 20px;
}	.p9-1{margin-bottom:47px;}
	.p13{margin-bottom:65px;}
.indent-right4{padding-right:20px;}
.indent-right0{padding-right:0px;}
.indent-left4{padding-left:20px;}
.indent-bottom4{padding-bottom:20px;}
.indent-bottom4-1{padding-bottom:22px;}
.indent-bottom6-1{padding-bottom:32px;}
.indent-bottom7{padding-bottom:35px;}
.indent-bottom12-1{
	padding-bottom: 20px;
	top: 10px;
}
.indent-bottom13-1{padding-bottom:20px;} //68px
/*----------- Map ------------*/

#map iframe{width:100%; height:317px;}
#map dl{width:100%; position:relative; overflow:hidden;}
#map dt{font:15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5a97db; margin-bottom:9px;}
#map dl span {float:left; width:78px;}
/************************************** Footer *************************************/
footer{
	width: 100%;
	/*color: #878787;*/
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: url(../navig/fond_pied.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#footer_top{
	/*background-color: #dddddd;*/
	height: 130px;
	width: 100%;
}
#footer_bottom{
	background-color: #181A24;
	height: 52px;
	width: 100%;
}

.footer-text{
	float: left;
	padding-top: 5px;
	padding-right: 30px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	letter-spacing: 0.05em;
}
.footer-titre {
	padding-top: 16px;
	padding-bottom: 6px;
	padding-left: 0px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	letter-spacing: 0.1em;
	text-transform: capitalize;	/*border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #B5B5B5;*/
}

.footer-text a{color:inherit; text-decoration:none;}

.footer-text-home{
	float: left;
	padding-top: 15px;
	padding-left: 10px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	letter-spacing: 0.05em;
}
.footer-link-home{
	float: right;
	padding-top: 15px;
	text-align: right;
	padding-right: 10px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
		letter-spacing: 0.05em;

	}

.footer-link-home a,
.footer-text-home a{
	text-decoration: none;
	color: #999;
}

.footer-link-home a:hover,
.footer-text-home a:hover{
	text-decoration: underline;
	color: #999;
}

.footer-text a:hover{
	text-decoration: underline;
	color: #CCC;
}
.footer-link{
	float: right;
	padding-top: 15px;
	text-align: right;
	padding-right: 10px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	letter-spacing: 0.05em;
	}
.footer-link a{color:inherit; text-decoration:none;}
.footer-link a:hover{
	text-decoration: underline;
	color: #FFF;
}

/*=================================================================================*/