@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background:url(../images/main_bg_image.jpg) no-repeat;
	background-color:white;
	background-position: center;
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #ffffff;
}
#main_div{
	width:966px;
	margin:0 auto;
	background-color:white;
	z-index:-10;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

a:hover{
	cursor:pointer;
}
a{
	cursor:default;
}
h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.4em;
	margin:0;
	overflow:hidden;
	padding:0;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
/*-	line-height: 180%;*/
}

ul, ol {
}

a {
	text-decoration: none;
	color: #20b0e6;
}

a:hover {
}

li {
	margin-left:-40px;
	/*list-style-image:url(../images/list_circle_arrow.png);
	margin-left:-20px;*/
	margin-bottom:5px;
	list-style:none;
	padding-left:24px;
	background-position:-20px -50px;
	background:url(../images/list_circle_arrow.png) no-repeat;
}
/* Header */

#header {
	height: 121px;
	margin: 0 auto;
	background:url(../images/header_block_bg.jpg) no-repeat;
}

/* Main content */

#main_content {
	margin: 0 auto;
	background-color:white;
	border-right:1px solid #c7cab8;
	border-left:1px solid #c7cab8;
	height:348px;
	width:100%;
	border-top:3px solid #fd8200;
	position:relative;
}
#main_content_gouttieres {
	margin: 0 auto;
	background-color:white;

	height:1450px;
	width:100%;
	border-top:3px solid #fd8200;
	position:relative;
}
#main_content_gouttieres p {
	font-size:10pt;
}
#main_content_gouttieres ul {
	margin-top:15px;
}
#banner_gouttieres{
	background:url(../images/banniere_gouttieres.jpg) no-repeat;
	height:108px;
	width:785px;
	margin:0 auto;
	margin-top:34px;
	margin-bottom:34px;	
}
#banner_gouttieres:hover{
	cursor:pointer;	
}
#top_box{
	background:url(../images/bg_sprite_elements.png) no-repeat;
	background-position:-245px -28px;
	width:239px;
	margin-left:100px;
	height:28px;
	text-align:center;
	color:white;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
	line-height:10pt;
}
#menu_and_car{
	width:352px;
	margin-left:100px;
	float:left;
}
#menu_elements{
	height:135px;
	color:black;
	font-size:13pt;
}
#menu_elements{
	height:135px;
	color:black;
	font-size:13pt;
}
#menu_elements a{
	color:#03aad4;
	text-decoration:underline;
	font-size:9pt;
	;margin-left:13px;
}
#realisations{
	width:200px;
	height:58px;
	margin-top:20px;
	z-index:0;
	position:relative;
	cursor:default;
}
#realisations:hover{
	cursor:POINTER;
}
#realisations_bout{
	width:69px;
	height:59px;
	background:url(../images/bg_sprite_elements.png) no-repeat;
	background-position:-138px -4px;
	float:left;
}
#contact{
	width:200px;
	height:71px;
	margin-top:18px;
	position:relative;
	cursor:defautl;
}
#contact:hover{
	cursor:POINTER;
}
#contact_box{
	display:none;
	z-index:50;
	overflow:hidden;
	margin:0;
	padding:0;
	background-color:white;
	border:1px solid;
	position:absolute;
	top:36%;
	left:35%;
	width:268px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	height:223px;
	padding:10px 20px; 10px 20px;
}
#contact_box_header{
	width:100%;
	height:20px;
}
#contact_box_content{
	width:100%;
	font-size:10pt;
	margin-top:48px;
	margin-bottom:40px;
}
#contact_box a {
	color:#03aad4;
	text-decoration:underline;
}
#contact_box h2 {
	margin-top:24px;
	color:#787777;
	font-size:12pt;
}
#close_button {
	background:url(../images/bg_sprite_elements.png) no-repeat;
	background-position:-214px -16px;
	width:19px;
	height:19px;
	cursor:default;
}
#close_link{
	width:100%;
	text-align:center;
}
#close_button:hover {
	cursor:POINTER;
}
#contact_box h1{
	color:#fcb908;
	font-size:15pt;
	overflow:hidden;
}
#home_bout{
	float:left;
	width:71px;
	height:61px;
	z-index:0;
	background:url(../images/bg_sprite_elements.png) no-repeat;
	background-position:-214px -86px;
	margin-top:18px;
}
#contact_bout{
	float:left;
	width:56px;
	height:64px;
	z-index:0;
	background:url(../images/bg_sprite_elements.png) no-repeat;
	background-position:-143px -78px;
}
#caracteristics{
	height:110px;
	margin-top:23px;
	z-index:0;
}
#caracteristics li{
	color:#46c1df;
	z-index:0;
}

#results_advantages{
	float:right;
	margin-right:100px;
	width:410px;
	z-index:0;
}

#before_after{
	width:409px;
	height:134px;
	background:url(../images/bg_sprite_elements.png) no-repeat;
	background-position:-133px -165px;
	z-index:0;
}
#advantages{
	font-size:17pt;
	z-index:0;
	margin-top:14px;
}

#advantages li{
	list-style:none;
	background-position:-20px -50px;
	background:url(../images/list_circle_arrow.png) no-repeat;
}

/* Viddeo block */

#video_block {
	background:url(../images/video_block_gratient.gif) repeat-x;
	height:370px;
	width:100%;
	color:white;
	overflow:hidden;
}

#video_block_gouttieres {
	background:#ff8201;
	height:360px;
	width:100%;
	color:white;
	overflow:hidden;
}

#video_content{
	width:357px;
	float:left;
	margin-left:100px;
	height:320px;
	margin-top:12px;
	margin-bottom:31px;
	font-size:20pt;
}

#video_content_gouttieres{
	width:90%;
	margin:0 auto;
	margin-top:30px;
	/*
	margin-left:100px;
	margin-top:12px;
	margin-bottom:31px;
	*/
	font-size:20pt;
}
#video_block_gouttieres ul li{
	list-style:disc;
	font-size:11pt;
	background:none;
	margin-left: -20px;
	margin-top:5px;

}

#video_title{
	font-size:18pt;
	margin-top:9px;
	margin-bottom:10px;
}
#video_player{
	width:362px;
	background-color:black;
	height:262px;
}

#video_explains{
	float:right;
	width:400px;
	margin-right:100px;
	height:370px;
	margin-top:22px;
	margin-bottom:31px;
	font-size:19pt;
	margin-top:55px;
}
#explain_numbers{
	margin-left:50px;
	background:url(../images/bg_sprite_elements.png) no-repeat;
	background-position:-37px -18px;
	width:48px;
	margin-top:22px;
	height:262px;
	margin-right:24px;
}
#explan_element{

	border-top:2px solid #fea200;
	text-align:left;
}

#explan_element_first{
	min-height:46px;
	text-align:left;
	margin-top:19px;
	line-height:19pt;

}

#explan_element p{
	width:100%;
	margin-top:15px;
	margin-bottom:19px;
	line-height:19pt;
}

#text_explains{
	background-color:#2b2b2b;
	height:auto;
	width:100%;
	color:white;
	overflow:hidden;
	border-top:3px solid #6c6e6d;
}
#text_content {
	margin:26px 100px 26px 100px;
}
#text_explains_gouttieres{
	background-color:#2b2b2b;
	height:auto;
	width:100%;
	color:white;
	overflow:hidden;
	border-top:3px solid #6c6e6d;
}
#text_content_gouttieres {
	width:90%;
	margin:0 auto;
}

#text_content_gouttieres p{
	line-height:12pt;
	margin-top:5px;
	margin-bottom:20px;
}
#text_content_gouttieres h2{
	margin-bottom:15px;
}

/* Menu */

#menu {
	width: 966px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	width: 155px;
	height: 33px;
	padding-top: 16px;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: none;
}

a.link_sidebar:link{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0266a5;
}
a.link_sidebar:visited{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0266a5;
}
a.link_sidebar:hover{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0266a5;
}
a.link_sidebar:active{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0266a5;
}
#menu_elements h1 {
	font-size:13pt;
}

#menu a:hover, #menu .current_page_item a {
	background: #659CEF url(images/img03.jpg) repeat-x left bottom;
	text-decoration: none;
}

#menu .current_page_item a {
	background: #FBFBFC url(images/img02.jpg) repeat-x left bottom;
	padding-left: 0;
	color: #30476A;
}

#main_menu {
	font-family:Arial, Helvetica, sans-serif;
	height:277px;
	line-height:20pt;
	width:100%;
	text-align:right;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
}


/* Footer */

#footer {
	height: 62px;
	margin: 0 auto;
	padding: 0px 0 0px 0;
	background: #1d1d1d;
	border-bottom:1px solid #aaaaaa;
	border-top: 4px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 10px;
	text-align: center;
	color: #464646;
}

#footer a {
	color: #ffffff;
}