body {font-family: Helvetica, sans-serif; font-size:small; background-position:left 0px;background-repeat:repeat-x;background-color:#FFFFFF; background-image:url(../fr/images/fond_degrade.jpg)}
html, body {height: 100%; }


#wrap {
	position:relative; /* needed for footer positioning*/
	width: 972px; margin: 0px auto 0px;	padding: 0px
	min-height:100%; /* real browsers */
 	
 	background: #ffffff url(../fr/images/fill_bleu.gif) repeat-y left 300px;
	
}



a {text-decoration: none;}

/* HEADER ---------------------------------------------------------- */
#header {display: block; height: 266px; background-repeat: no-repeat; background-position: 0px 0px; width: 960px; margin: 0px; padding: 0px;}
#header img {float: right; padding-top:0px; }

body#home_header #header {background: url(images/carpell_terrain_2.gif); }
body#clients_header #header {background-image: url(images/carpell_terrain_2.gif);}
body#compagnie_header #header {background-image: url(images/carpell_terrain_2.gif);}
body#piste_header #header {background-image:url(images/carpell_terrain_2.gif);}
body#hockeymenu_header #header {background-image:url(images/carpell_terrain_2.gif);}
body#footmenu_header #header {background-image:url(images/carpell_terrain_2.gif);}
body#produits_header #header {background-image:url(images/carpell_terrain_2.gif); }
body#actualites_header #header {background-image: url(images/carpell_terrain_2.gif); }
body#produitssurface_header #header {background-image: url(images/carpell_terrain_2.gif); }
body#golf_header #header {background: url(images/carpell_terrain_2.gif); }




/* NAVIGATION ----------------------------------------------------- */
#navigation {height: 42px; margin: 0px; padding: 0px; width: 960px; display: block; 
background: url(../fr/images/nav_bar.jpg) no-repeat;}
#navigation img {margin: 0px; padding: 0px;}


/* Main Body - Content Area ---------------------------------------------*/
div#main_body {padding:100px 30px 0 50px; width: 840px;} /* bottom padding for footer */
div#main_body #content {padding-bottom: 60px; padding-left: 5px;}
div#main_body .playground {background: url(../fr/images/playground_img.jpg) no-repeat 0px 300px;}

#subnav {
	color: #333333;
	padding: 60px 10px 0 25px;
	text-align: left;
}
#subnav a {color: #333333; text-decoration: none; }
#subnav a:hover {text-decoration:underline;}
#subnav span {margin-right: 8px;}
#subnav .active {
	font-weight: bold;
}
#menuPositioner {width:100%; position:relative; float:left; top: 0px; margin-bottom:-40px; }

#menuHolder {position:relative; float:left; left:50%;}

#menu, 
#menu ul {padding:0; margin:0; list-style:none; font: 13px arial, verdana, sans-serif; background:url(../fr/images_menu/trans.gif); position:relative; z-index:100;}
#menu {height:40px; float:left; padding:0; background:#4b4d3f; position:relative; right:50%;}
#menu ul {position:absolute; left:-9999px; top:-9999px;}

#menu table {border-collapse:collapse; margin:-1px; padding:0; width:0; height:0;}
#menu li {float:left;}

#menu li a {display:block; float:left; color:#ffffff; height:40px; padding:0 20px 0 0; line-height:38px; text-decoration:none; background:url(../fr/images_menu/button1a.gif) no-repeat right top;}
#menu li a.sub {background:url(../fr/images_menu/button3a.gif) no-repeat right top;}
#menu li a b {display:block; float:left; height:40px; background:url(../fr/images_menu/button1.gif) left top; padding:0 0 0 20px; cursor:pointer;}

#menu li:hover {position:relative; z-index:100;}
#menu a:hover {position:relative; z-index:100; color:#67ef15;}
#menu a.sub:hover {background:url(../fr/images_menu/button3.gif) no-repeat right top;}

#menu li:hover > a {color:#67ef15;}
#menu li:hover > a.sub {background:url(../fr/images_menu/button3.gif) no-repeat right top;}

#menu :hover ul {left:0; top:40px; z-index:300; width:130px; padding-top:4px; background:url(../fr/images_menu/trans.gif);}
#menu :hover ul li a {height:25px; width:120px; padding:0 0 0 10px; line-height:25px; background:#8a8a8a; color:#ffffff; border-bottom:1px solid #a3b6c4; font-size:11px;}
#menu :hover ul li a.fly {background:#dde1e5 url(../fr/fly.gif) no-repeat right center;}

#menu :hover ul li a:hover {color:#67ef15;}
#menu :hover ul li a:hover.fly {background:#8a8a8a url(../fr/images_menu/fly-over.gif) no-repeat right center;}
#menu :hover ul li:hover > a {color:#67ef15;}
#menu :hover ul li:hover > a.fly {background:#8a8a8a url(../fr/images_menu/fly-over.gif) no-repeat right center;}

#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px;}

#menu :hover ul :hover ul {left:117px; top:0; padding:0;}
#menu :hover ul :hover ul li a {background:#dce7ef; color:#000; border-bottom:1px solid #8a8a8a; font-size:13px;}
#menu :hover ul :hover ul li a:hover {color:#ffffff;}


/* Left Side ------------------------------------------------------------ */
#main_body #left {width: 290px; float: left; margin: 0 90px 160px 0; display: block;}


/* Left Side_actualites ------------------------------------------------------------ */
#main_body #left_2 {width: 335px; float: left; margin: 0 15px 0px 0; display: block;}

/* Right Side - content side styles ------------------------------------------------------*/
#main_body #right {width: 280px; float: left; display: block; padding: 0 0 20px 15px; margin-bottom: 60px; }
html>body #right { /* IE ignores this block as it doesn't understand the selector */
	height: auto; /* Reset the height for browsers other than IE */
}

#right a, .backtotop a {color: #fd7410; text-decoration: none;}
#right a:hover, .backtotop a {text-decoration: underline;}

/* Right Side_2 - content side styles ------------------------------------------------------*/
#main_body #right_2 {width: 455px; float: left; display: block; padding: 0 0 0px 0px; margin-bottom: 60px; }
html>body #right_2 { /* IE ignores this block as it doesn't understand the selector */
	height: auto; /* Reset the height for browsers other than IE */
}

#right_2 a, .backtotop a {color: #fd7410; text-decoration: none;}
#right_2 a:hover, .backtotop a {text-decoration: underline;}

#clear {display: block; clear: both;}

/* extreme_Right Side - content side styles ------------------------------------------------------*/
#main_body #extreme_right {width: 10px; float: right; display: block; padding: 0 0 10px 105px; margin-bottom: 60px; }
html>body #extreme_right { /* IE ignores this block as it doesn't understand the selector */
	height: auto; /* Reset the height for browsers other than IE */
}

#extreme_right a, .backtotop a {color: #fd7410; text-decoration: none;}
#extreme_right a:hover, .backtotop a {text-decoration: underline;}

#clear {display: block; clear: both;}

/*-- NEWS - ACTUALITES - HOME PAGE--------------------------------------*/
#news {display: block;}	
.label a {text-decoration: none; color: #1B548F; display: block; margin: 0px; padding:3px; background: url(../fr/images/fill_texte.jpg); background-repeat: repeat-y; }
.label a:hover {color: #FFFFFF; background: #666666;}
.label span {color: #000000; margin:2px; }

#news {display: block;}	
.label_2 a {text-decoration: none; color: #d81818; display: block; margin: 0px; padding:3px; background: url(../fr/images/fill_texte.jpg); background-repeat: repeat-y; }
.label_2 a:hover {color: #d81818; background: #666666;}
.label_2 span {color: #d81818; margin:2px; }


#news ul.items {
	line-height: 1.4em;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	display: block;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;

}
#news ul.items li {background: url(../fr/images/fill_texte_corps_2.jpg); background-repeat: repeat-y; margin: 5px 0 3px 0; padding: 2px 0 2px 5px; color: #cd0e0e666666; background-position: 4px 1px;}
#news ul.items li a {text-decoration: none; color: #FD7410; }
#news ul.items li a:hover {text-decoration: underline;}


.moreproducts {background: url(images/accueil_graphic_surfaces.jpg) no-repeat right; display: block; height: 30px; padding: 109px 0 0 330px; }




/* SHARED - yellow button, ... --------------------------------------*/
#yellowbutton {background-image: url(../fr/images/yellow%20button.jpg); background-repeat: no-repeat; background-position: right 2px; display: block; height: 30px; color: #FD7410; font-size: 11px; font-family: Helvetica, sans-serif; text-align: right; position: relative; padding-top: 6px;}
#yellowbutton span {padding-right: 30px;}
#yellowbutton a {text-decoration: none; color:#FD7410;}
#yellowbutton a:hover {text-decoration: underline; color: #333333;}

p.backtotop {
	size: 11px;
	display: block;
	margin-bottom: 5px;
	border-bottom: 1px dashed #CCCCCC;
	margin-top: 7px;
	padding: 0 0 10px 0;
	margin: 10px 0 10px 0;
}


/* Lists -------------------------------------------------------- */
ul.advantages li {margin: 5px 0; list-style: url(images/accueil_news_arrow.jpg); }


/* FOOTER ---------------------------------------------------------- */
div#footer {background-image: url(../fr/images/footer_grass.jpg); background-repeat: no-repeat; height: 43px; width: 972px; position: absolute; bottom:0; /* stick to bottom */ visibility: visible; }
div#footer a {color: #ffffff; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}
div#footer p {text-indent: 20px; margin-top: 30px;}




/* Type styles ------------------------------------------------------*/
#content, #header, #main_body, #news, #subnav {font-family: Helvetica, sans-serif; font-size:12px;}
#news {font-size:12px;}
#footer {font-family: Arial; font-size:11px; color: #FFFFFF;}
.title {font-size: 18px; color: #FD7410;}
.title_actualites {
	font-size: 18px;
	color:#1B548F;
	width: 290px;
	padding-left: 0px;
}
.title2 {font-size: 22px; color: #FD7410;}
.title2_actualites {
	font-size: 22px;
	color:#1B548F;
	width: 290px;
	padding-left: 0px;
}
.subtitle {font-size: 12px; font-weight: bold;}
h1 {font-size: 13px; text-transform:uppercase; font-weight:bold; text-align:center;}
.bold {font-weight: bold;}
.italic {font-style:italic;}