/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#072561 url(images/bg_main_tail.gif) repeat-x top center;
	text-align:center;
}

img {vertical-align:top;}
.plus {padding-left: 8px;}
a img {border:0;}
img#at{vertical-align:middle;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#63695f;
	}

input, select { vertical-align:middle; font-weight:normal;}

a, .col2 h5 a {color:#072561;outline:none;text-decoration:none;}
a:hover{text-decoration:none;color:#3f6ba2;}
.ext {background: url(images/ext.gif) no-repeat right center;padding-right:14px;}
.col2 h5 a:hover {text-decoration: underline; color: #072561} 
.row1 a {color: #63695f;}
.row1 a:hover {color: #000;}
.row2 a {color:#fff; font-weight:bold;}
.row2 a:hover {text-decoration: underline;}

p {padding-bottom:17px;}

h1 {
	font-size:63px;
	color:#fbfbfb;
	text-transform:uppercase;
	padding-left:69px;
	line-height:1.2em;
}
h2 {
	font-size:50px;
	color:#dfeccf;
	font-weight:bold;
	padding-left:132px;
	letter-spacing:normal;
	margin-top:-10px;
	line-height:1.2em;
}
h3 {
	font-size:14pt;
	color:#202020;
	line-height:1.2em;
	font-style:italic;
	font-weight:400;
	padding:2px 0 15px;
	}
	
h4 {
	font-size:16px;
	color:#4F8CCD;
	line-height:1.2em;
	font-style:italic;
	font-weight:400;
	padding:20px 0 4px 0px;
	margin-top:-3px;
	}
.h4 {padding:0 0 4px 0;}
#page3 h4 {padding-left: 0;}

h5, .black{font-size:12px; color:#000; font-weight:bold;}
.suivre {letter-spacing: 1px; line-height: 2em;}
.undrln {text-decoration: underline;}
.itlc {font-style: italic;}
/* ============================= main layout ====================== */
#page1 {
background:#072561 url(images/bg_main_tail.gif) repeat-x top center;}
.bg_bottom {background:url(images/bg_bottom.jpg) repeat-x bottom center;}
.imgindent {margin:0 30px 0 0; float:left;}

/* ============================= header ====================== */
#header {background:url(images/menu_bg.jpg) no-repeat top center;padding:9px;}
.bg_top {background:url(images/header_img.jpg) no-repeat center 129px;}
.bg_top_ang {background:url(images/header_img_en.jpg) no-repeat center 129px;}
.bg_top_de {background:url(images/header_img_de.jpg) no-repeat center 129px;}
.menu {}
.menu li{
	display:inline;
	text-transform:uppercase;
	}
.menu li a, .langs {
	font-weight:700;
	color:#f7f6f6;
	font-size:17px;
	text-decoration:none;
	margin:0 12px;
	line-height:1.2em;
	}
.menu li a#news {color: #B21423} 
.bg_top_de	.menu li a, .langs {
	font-size:15px;
	margin:0 11px;
	}
.menu li a:hover {color:#c8d4f3;}
.menu .active,.menu .active:hover {color:#C8D4F3; cursor:default;}
.langs {margin:11px 0;}
.slogan {
	padding:60px 62px 0;
	/*text-transform:uppercase; */
}

#page1 .slogan {
	padding:160px 0 0 410px;
}
#page1 .bg_top_de .slogan {
	padding:180px 0 0 440px;
}

#page3 .slogan {
	padding:54px 0 0 490px;
}
#page3 .bg_top_ang .slogan {
	padding:54px 0 0 514px;
}
#page3 .bg_top_de .slogan {
	padding:54px 0 0 514px;
}
.slogan p {margin-top:-7px; padding:0;}
.slogan span {text-transform:uppercase; font-weight:bold;}
.slogan a{	
	font-size:18px;
	font-weight:500;
	font-style: italic;
	color: #ebf1ff;	}
.slogan a:hover{
	color: #fff;
	}
/* ============================= content ====================== */
#content {background:#CFE5FD;}

#content ul, #content ul a {
	color:#000;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;
}
#page3 ul {font-weight: normal; color: #63695f;}

#content ul.blue a, a.blue {color: #3e6ba1;font-weight: normal;}
#content ul.blue a:hover{text-decoration: underline;}
#content .row1 .col1 ul li{background:url(images/marker.gif) no-repeat left 5px; padding-left:15px;}
#content .row1 .col2 .highslide-gallery ul li{
	background: none;
	background: #EDEDED;
	padding-left:0;
}
#content .row2 .col1 ul li{background:url(images/marker_white.gif) no-repeat left 5px; padding-left:15px;}
#content ul.ul_padding li {padding:0 0 17px;}
#content ul a:hover {text-decoration:underline;}
#content ul.cols {width:425px; margin-right:25px; float:left;}
/*white row, banner*/
.banner {
	background:#fff url(images/light_line_bg.gif) repeat-y 324px top;
	border-bottom:1px solid #CDE4FD;
	color:#939393;
}
.banner p {padding:0;}
.banner .wrapper {background: url(images/light_line_bg.gif) repeat-y 649px top;}
.banner .col1 {background:url(images/ultratrail_logo.jpg) no-repeat 30px 13px;}
.banner .col2 {background:url(images/formulaire.jpg) no-repeat 25px 11px;}
.banner .col3 {background:url(images/ssi_logo.jpg) no-repeat 24px 9px;}
.banner h3 {
	font-size:25px;
	color:#04133D;
	line-height:1.25em;
	padding:0 0 0 60px;
	text-transform:uppercase;
	}
.bg_top_de .banner h3 {
	font-size:18px;
	padding:0 0 10px 60px;
	}
h3 span {font-size:33px;}
.banner .btn {
	background:url(images/btn_center_b.jpg) repeat-x top center;
	font-style:italic;
	font-weight:bold;	
	float:right;
	margin-top:-9px;
	font-size:14px;
}
.banner .btn span {
	background:url(images/btn_left_b.jpg) no-repeat left top;
	padding-left:9px;}
.banner .btn span span {
	background:url(images/btn_right_b.jpg) no-repeat right top;
	padding:5px 25px 5px 0;	
}
.banner .btn span span span {background:none; padding:0;}

.banner .btn:hover {background:url(images/btn_center_b.jpg) repeat-x bottom center;}
.banner .btn:hover span {background:url(images/btn_left_b.jpg) no-repeat left bottom;}
.banner .btn:hover span span {background:url(images/btn_right_b.jpg) no-repeat right bottom;}
.banner .btn:hover span span span {background:none;}

.banner a:hover {
	background: #072561;
}
/*light blue row, row1*/
.row1 {background:#CDE4FD;}
	
#page1 .row1 {
	border-top:1px solid #fff;
	background:#CDE4FD url(images/line_bg.gif) repeat-y 324px top;}
#page1 .row1 .wrapper {background: url(images/line_bg.gif) repeat-y 649px top;}
#page1 .bg_top {background: url(images/header_Olivier_Geissler_fr.jpg) no-repeat center 129px;}
#page1 .bg_top_ang {background: url(images/header_Olivier_Geissler_en.jpg) no-repeat center 129px;}
#page1 .bg_top_de {background: url(images/header_Olivier_Geissler_de.jpg) no-repeat center 129px;}

#page3 .row1 {background:#CDE4FD url(images/line_bg.gif) repeat-y 324px top; padding:20px 30px 0;}

.block1 {margin-bottom:27px;}
.block2 {border-top:1px solid #CFE5FD;padding-top:20px;}
.blocks {padding:5px 0 20px;}

.last {margin:0;}
.row2 {
	padding:0 35px 17px 30px;
	background: #CFE5FD url(images/content_bg_bottom.jpg) no-repeat bottom center;
	/*border-top:1px solid #3d6aa1;*/
	}
#page1 .row2 img {float: left; padding-right: 16px; margin-top: -8px;}
.fright {text-align:right;}
.comment {margin-top:-7px;}

.phone span {display:inline-block; width:80px;}
.phone a {color:#000;}

/* ============================= footer ====================== */
#footer a {margin:0 15px; color:#c6efa9;}
#footer a:hover {color:#c8d4f3;}
#footer {
	padding:8px 10px 0 12px;
	color:#71767e;
	font-size: 12px;
	}
#footer span {float:left;}
#footer .credits {float:right;font-size: 90%;}

/* ============================= forms ============================= */
#ContactForm label {height:30px; display:block;}
	
div#book{
		/*width:802px;*/
		background:#fff;
		padding:24px; margin:0 auto;padding-bottom:0;
		border: 1px #b7c9f9 solid;/*border-left: 3px solid #993333;*/
}
/*html>body div#book{width:750px;}*/

/*div#book h3 {text-align:center;}*/

td, th {border:1px solid #b2b2b2;height:auto;font-size:11px;}
th{font-weight:normal;background-color:#f3f3f3;text-align:right;color:#072561;padding-right:4px;}
table#tbl input, input#kms_achetes , input#prix_libre{padding-left:2px;width:96%;border:1px solid #072156;background-color:#fff;text-align:left;font-weight:normal;}
input {
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	border:none;
	background-color:#f3f3f3;
	margin:5px;color:#072561;
	font-size:13px;}
input#kms_achetes, input#prix_libre{width:42px;text-align:right;font-weight:bold;padding-right:2px;margin-top:0;}
input#ssi{text-align:center;
		background-color:#072561;
		width:86px;
		color:#fff;
		font-weight:bold;
		padding:8px;
		border-left:1px solid #ccc;
		border-top:1px solid #ccc;
		border-bottom:1px solid #072561;
		border-right:1px solid #072561;
		cursor:pointer;
		margin:0 auto 20px auto;}
div#iss{text-align:right;}		

input.prix{margin:12px 6px 18px 32px;background:none;}
input#prix1{margin-left:0;}
#merci {background:#B01523;margin:12px 0;border:1px solid #b7c9f9;padding:4px;color:#fff;font-weight:700;letter-spacing: 1px}
#req {font-size: 80%;}
.small {font-size: 95%;}