body {margin:0; padding:0; height:100%; font-family: helvetica,sans-serif; font-size:small; color:#282828; background: url(../images/tile_background.jpg) repeat left top; }
html, body {height: 100%; }


#wrap {
	position:relative; /* needed for footer positioning*/
	width:780px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	background: #FFFFFF url(../images/left_red_bar.jpg) repeat-y left 300px;
}

a {text-decoration: none;}

/* HEADER ---------------------------------------------------------- */
#header {display: none;}

/* NAVIGATION ----------------------------------------------------- */
#navigation { display: none; } 

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

#subnav {color: #1B548F; padding: 10px 0 0 25px;}
#subnav a {color: #1B548F; text-decoration: none; }
#subnav a:hover {text-decoration:underline;}
#subnav span {margin-right: 8px;}
#subnav .active {text-decoration: underline;}

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

/* Right Side - content side styles ------------------------------------------------------*/
#main_body #right {width: 404px; float: right; 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 {color: #FD7410; text-decoration: none;}
#right a:hover {text-decoration: underline;}
#clear {display: block; clear: both;}

/*-- NEWS - ACTUALITES - HOME PAGE--------------------------------------*/
#news {display: block;}	
#news h1 {color: #1B548F; margin-left: 0px; border-bottom: 1px dotted #CCCCCC; display: block; font-size: 11px; font-weight: normal; }
.label a {text-decoration: none; color: #1B548F; display: block; margin: 0px; padding:5px; }
.label a:hover {color: #FFFFFF; background: #666666; }
.label span {color: #81AAD4; margin:2px; }


#news ul.items {line-height: 1.4em; list-style: none; margin: 0 0 15px 0; padding: 0 0 0 0; border-bottom: 1px dotted #CCCCCC; display: block; border-top: 1px dotted #CCCCCC; }
#news ul.items li {background-image: url(../images/news_icon.jpg); background-repeat: no-repeat; margin: 5px 0 3px 0; padding: 4px 0 4px 45px; color: #666666; background-position: 3px 0px;}
#news ul.items li a {text-decoration: none; color: #FD7410; }
#news ul.items li a:hover {color: #FD7410; text-decoration: underline;}


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


/* SHARED - yellow button, ... --------------------------------------*/
#yellowbutton {background-image: url(../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;}

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


/* FOOTER ---------------------------------------------------------- */
div#footer {background-image: url(../images/footer_grass.jpg); background-repeat: no-repeat; height: 43px; width: 790px; 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: 25px;}




/* Type styles ------------------------------------------------------*/
#content, #header, #main_body, #news, #subnav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#news {font-size:11px;}
#footer {font-family: Arial; font-size:11px; color: #FFFFFF;}
.title {font-size: 18px; color: #FD7410;}
.title_actualites {	font-size: 20px; color:#000000; display: block; height: 45px; margin-top: 10px; width: 290px; }
.subtitle {font-size: 13px; font-weight: bold;}
.bold {font-weight: bold;}
.italic {font-style:italic;}