@import "/css/menu.css";

h1 {
	margin:0px;
	padding:0px;
	color: #5e280c;
	font-size:11px;
	font-weight:200;
	
}

html {
	height:100%;
	background:url(/images/accueil/bg.gif) center top;
	overflow:scroll;
}

body {
	margin:auto;
	width:961px;
	height:100%;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

    #global {
        padding:0 0 0 4px;
    }
	
#content {
	float:left;
	width:952px;
	height:342px;
}

#content {
	float:left;
	width:954px;
	font-family:Tahoma, Verdana;
	font-size:11px;
}
	#left {
		float:left;
		width:677px;
	}
		#text {
			float:left;
			width:497px;
			height:279px;               /*******  AJUSTER LA HAUTEUR DE #SEARCH AUTANT QUE #TEXT ********/
			padding-left:120px;
			padding-right:60px;
			padding-top:20px;
			background:url(/images/accueil/flash.jpg) no-repeat;
			line-height:15px;
			color:#454545;
		}
		
		#flash {
			float:left;
			width:677px;
			height:244px;
		}
		#bt {
			float:left;
			width:677px;
			height:63px;
			margin-top:2px;
			border-top:2px solid #52C9F5;
			background:url(/images/accueil/bg-left.jpg) no-repeat;
		
		}
			#bt a{
				float:right;
				width:166px;
				height:48px;
				background:url(/images/accueil/bt.jpg) no-repeat;
				padding-left:45px;
				padding-right:12px;
				padding-top:15px;
				text-decoration:none;
				color:#666666;
				border-left:2px solid #ffffff;
			}
			#bt a:hover{
				background:url(/images/accueil/bt-roll.jpg) no-repeat;
			}
			#bt a b{
				color:#000000;
				font-size:12px;
			}
			
		#boxes{
			float:left;
			width:281px;
			padding-left:52px;
			padding-right:21px;
			padding-top:28px;
		}
		#boxes a{
			float:left;
			width:281px;
			height:127px;
			margin-bottom:19px;
			font-size:11px;
			text-decoration:none;
			color:#666666;
			border:1px solid #CCCCCC;
		}
		#boxes a b{
			float:left;
			display:block;
			padding-top:10px;
			color:#ffffff;
			height:99px;
			font-size:17px;
			padding-right:78px;
		}
		#boxes a div{
			float:left;
		}
		#boxes a i{
			float:left;
			width:80px;
			display:block;
			font-style:normal;
			padding:10px;
		}
		#boxes #anim {
			float:left;
			display:block;
		}
		#boxes a#partenariat{
			width:273px;
			height:119px;
			padding-left:8px;
			padding-top:8px;
			background:url(/images/accueil/bt-partner.jpg) no-repeat;
		}
		#boxes a:hover#partenariat{
			background:url(/images/accueil/bt-partner-roll.jpg) no-repeat;
		}
		#boxes a#gratuit{
			background:url(/images/accueil/bt-gratuit.jpg) no-repeat;
		}
		#boxes a:hover#gratuit{
			background:url(/images/accueil/bt-gratuit-roll.jpg) no-repeat;
		}
		#boxes a#gratuit b{
			padding-right:98px;
		}
		
		.know_about {
			
		}
		.know_about_hidden {
			display:none;
		}
			.know_about .title,
			.know_about_hidden .title {
				float:left;
				width:237px;
				margin-top:28px;
				padding-left:35px;
				height:18px;
				padding-top:5px;
				color:#000000;
				font-weight:bold;
				background:url(/images/accueil/bg-title.jpg) no-repeat;
				border-bottom:1px solid #cccccc;
			}
			.know_about .cat,
			.know_about_hidden .cat {
				float:left;
				width:170px;
				height:28px;
				padding-left:10px;
				padding-top:10px;
				color:#666666;
				font-weight:bold;
			}
			.know_about .nav,
			.know_about_hidden .nav {
				float:left;
				width:90px;
				height:38px;
			}
				.know_about .nav a{
					display:block;
					float:left;
					width:13px;
					height:38px;
					background:url(/images/accueil/plus.jpg) no-repeat bottom;
				}
				.know_about .nav a:hover{
					background:url(/images/accueil/plus-roll.jpg) no-repeat bottom;
				}
				.know_about .nav a.minus{
					background:url(/images/accueil/minus.jpg) no-repeat bottom;
				}
				.know_about .nav a.minus:hover{
					background:url(/images/accueil/minus-roll.jpg) no-repeat bottom;
				}
			.know_about .nav div{
				float:left;
				width:50px;
				height:29px;
				padding-top:8px;
				text-align:center;
				margin-left:6px;
				margin-right:6px;
				border-left:1px solid #cccccc;
				border-right:1px solid #cccccc;
				border-bottom:1px solid #cccccc;
			}
			
			.know_about .texte a{
				float:left;
				width:252px;
				padding-left:10px;
				padding-bottom:10px;
				text-decoration:none;
				color:#666666;
			}
			.know_about .texte b{
				display:block;
				float:left;
				width:237px;
				padding-bottom:10px;
				padding-top:10px;
				color:#0099CC;
			}
			
			.know_about .texte a i{
				display:block;
				clear:both;
				padding-top:6px;
				padding-bottom:6px;
				text-decoration:underline;
				font-style:normal;
				background:url(/images/accueil/plus.jpg) no-repeat 97px 7px;
			}
			.know_about .texte a:hover i{
				color:#1b98c6;
				background:url(/images/accueil/plus-roll.jpg) no-repeat 97px 7px;
			}
		
		
			
	#right {
		float:left;
		width:276px;
	}
	
		#search {
			float:left;
			width:258px;
			height:25px;
			background:url(/images/accueil/search.jpg) no-repeat;
			padding-left:18px;
			padding-top:20px;
		}
			form {
				margin:0;
			}
			#search input{
				width:141px;
				height:14px;
				margin-left:15px;
				border:0px none;
				font-size:10px;
				line-height:10px;
			}
			#search input#search_button {
				float:right;
				width:23px;
				height:23px;
				border:0px;
				margin-right:8px;
				margin-top:-3px;
			}
		#cms{
			display:block;
			float:left;
			text-align:center;
			width:276px;
			height:119px;
			padding-top:139px;
			background:url(/images/accueil/bt-cms.gif) bottom no-repeat;
			font-size:18px;
			font-weight:bold;
			color:#ffffff;
			text-decoration:none;
			line-height:20px;
		}
		#cms-flash{
			float:left;
			padding-top:2px;
		}
		
		a#bt-right {
			float:right;
			width:187px;
			height:51px;
			background:url(/images/accueil/bt-right.jpg) top no-repeat;
			padding-left:48px;
			padding-right:40px;
			padding-top:15px;
			text-decoration:none;
			color:#666666;
		}
		a:hover#bt-right {
			background:url(/images/accueil/bt-right-roll.jpg) top no-repeat;
		}
			a#bt-right b{
				font-size:12px;
				text-transform:uppercase;
				color:#000000;
			}
		
		#testimonials {
			height:380px;
			width:270px;
			text-align:center;
			clear:right;
			color:#000000;
			text-align:center;
			padding-top:22px;
			font-size:12px;
			background:url(/images/accueil/nos-clients-top.jpg) no-repeat top;
		}
		.testimonials {
			display:none;
			float:left;
			text-align:center;
			color:#000000;
			font-size:12px;
			text-decoration:none;
		}
			.testimonials img {
				margin-top:15px;
				margin-bottom:15px;
				clear:both;
				float:none;
				border:0;
			}
			a.testimonials .desc {
            	display:block;
				float:left;
				width:200px;
				text-align:left;
				line-height:12px;
				font-size:11px;
				padding-bottom:15px;
				padding-left:41px;
				padding-right:30px;
				color:#666666;
				background:url(/images/accueil/nos-clients-bottom.jpg) no-repeat bottom;
			}
			a.testimonials .desc img{
				margin-top:0px;
				margin-bottom:0px;
			}
			a:hover.testimonials .desc {
				color:#0099CC;
			}
			.testimonials .desc .u {
				display:block;
				clear:both;
				float:right;
				padding-top:10px;
				text-decoration:none;
			}
	

#clear {
	clear:both;
}

#geothermal a{
	display:none;
}