/* CSS Document */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#802E18;
	background: url(/images/fond_page.jpg) top left  repeat-x;
}

*  {
	margin:0;
	padding:0;
}

p, h2, h3 , h4 , h5  {
	display:block;
}

p {
	padding:5px;
	font-size: 12px;
}

ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}

a {
	text-decoration:none;
	color:#501A26;
}


a:hover {
	text-decoration:none;
	color:#EE3E0F;
	
}

.clear {
	clear:both;
}

.vert2 { color: #A6C947; }
.orange { color: #F58C00; }
.bouton a {
	color: #FFFFFF;
	padding: 4px 15px 4px 15px;
	background: #8E756E;
	border: 3px solid #A6C947;
	margin-left: 10px;
	text-decoration: none;
	font-style: normal;
	}

.bouton a:hover {
	color: #8E756E;
	background: #FFFFFF;
	text-decoration: none;
	}

#contact {
	text-align: left;
	width: 550px;
	margin: 10px auto;
	}

#contact form {
	margin: 0;
	padding: 10px;
	}

#contact p { margin: 5px 0; font-style: normal;}

#contact label {
	margin-top: 8px;
	width: 95px;
	display: block;
	float: left;
	font-weight: bold;
	}

.input {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	margin-top: 8px;
	width: 300px;
	border: 1px solid #F58C00;
	}
/************************/

#page{
	margin:0 auto;
	width:863px;
	
}


/******************************/
#header{
	float:left;
	height: 265px;
	width:863px;
	background: url(/images/header_acc.jpg) 0 0 ;
}

.logo{
	margin:35px 0 0 40px;
	
}


/******************************/

#menu{
	float:left;
	height: 31px;
	width:863px;
	background: url(/images/fond_menu.gif) 0 0  no-repeat;
}

#menu ul {
	float:right;
	
}

#menu li {
		display:inline;
		font-family: Tahoma , Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
}


#menu  a {
	color:#771F07;
	padding:5px 40px 0 18px ;
	display:block;
	float:left;
}


#menu  a:hover{
	color:#F18000;
	padding:5px 40px 0 18px ;
	display:block;
	float:left;
	background: url(/images/puce_menu.gif) 0 0  no-repeat;
}


#menu  .active{
	color:#F18000;
	padding:5px 40px 0 18px ;
	display:block;
	float:left;
	background: url(/images/puce_menu.gif) 0 0  no-repeat;
}

/******************************/
#main{
	float:left;
	width:863px;
	background: url(/images/ombre.gif) 0 0 repeat-y ;
	
}

#content{
	float:left;
	width:823px;
	background: url(/images/fond_content.jpg) 0 0 no-repeat ;
	padding:15px 20px 10px 20px;
}


#bloc_news{
	float:left;
	width:150px;
}

/***********************/
#news{
	width:136px;
	background-color:#829C28;
	padding: 10px 7px 10px 7px ;
	color:#FFF;
}


#news h3{
	font-size:18px;
	text-align:center;
	background:url(/images/news.gif) 0 5px no-repeat;
	padding-bottom:10px;
}

#news a{
	color:#425014;
	text-decoration:none;
}

#news a:hover{
	color:#fff;
}

#news .ssligne{
	text-decoration:none;
}

#news p{
padding:5px 10px 5px 10px;
	
}

#news img{
padding:0px 10px;
	
}


/**************/

#slogan{
	width:140px;
	background:url(/images/fond_traits.gif) 0 0 no-repeat ;
	padding:5px 7px 10px 7px;
	font-weight:bold;
	text-align:justify;
	margin-top:7px;
}

/****************/

#txt_histo{
	float:left;
	padding: 0px 0 0 40px;
	text-align:justify;
	width:410px;
	line-height: 14px;
}

#txt_histo h3{
	padding: 5px 0 5px 15px;
	background: url(/images/puce.gif) no-repeat 0 8px ;
	color:#829C28;
	font-size:16px;
}

#txt_histo h2{
	padding:40px 0 5px 0px;
	color:#F18000;
	font-size:18px;
	font-weight:bold;
	background: url(/images/picto.gif) no-repeat 200px 0px;
	height:20px;
}

.tof_left{
	float:left;
	margin:0 5px 0 0;
}

.tof_right{
	float:right;
	margin:0 0 0 20px;
}

/****************************/

#bloc_carte{
	float:left;
	padding: 10px 0 0 35px;
	text-align:center;
	width:100px;
}

#bloc_carte img{
	border:1px solid #829C28;
	margin-top:10px;
}

.vert{
	color:#768D24;
	font-size:22px;
	letter-spacing:4px;
	font-weight:bold;
	text-transform: uppercase;
}

.rouge{
	color:#EE3E0E;
	font-size:18px;
	font-weight:bold;
	white-space:nowrap;
}

.autre_region{
	text-align:left;
	color:#768D24;
	font-weight:bold;
	padding-top:10px;
	clear: both;
	width: 150px;
}

.autre_region span{
	color:#EE3E0E;
}

/******************************/

#footer{
	float:left;
	width:863px;
	background: url(/images/fond_footer.gif) 0 0  no-repeat;
	text-align:center;
	color:#fff;
	font-size:10px;	
}

#footer ul {
	padding-top:8px;
	color:#501A26;
}

#footer li {
	display:inline;
}

#footer li a{
	font-size:10px;
	padding:0 3px 0 3px;
}

#toptech {
	padding-top:10px;
}

#toptech a{
	color:#939393;
	font-size:9px;
}

/*+++++++++++++++++++++ solaire_photovoltaique +++++++++++++++++++*/

#header_nav{
	float:left;
	height: 265px;
	width:863px;
	background: url(/images/header_nav.jpg) 0 0 ;
}

#content_nav{
	float:left;
	width:823px;
	background: url(/images/fond_content_nav.jpg) 0 0 no-repeat ;
	padding:20px 20px 10px 20px;
}

#content_nav h3{
	background:url(/images/triangle_or.gif) no-repeat 0 5px ;
	padding:0 0 0 15px;
	color:#F18000;
	font-size:18px;
	border-bottom:2px solid #A2C231;
	border-right:2px solid #A2C231;
	margin:10px 0 15px 0;
}

#content_nav .notrait{
border:none;
}

#content_nav  li{
	background: url(/images/puce_bleu.gif) no-repeat 0 8px;
	padding:2px 0 2px 10px;
	font-size: 12px;
}

/********************/
#bloc_gauche {
	float: left;
	width: 400px;
}

#bloc_gauche  p{
	font-weight:bold;
	text-align:center;
}

.niv{
	width: 400px;
}

.photo{
	width:184px;
	float:left;
	height:185px;
}

.photo2{
	width:184px;
	float:right;
	height:185px;
}

/********************/
#bloc_droit {
	float: right;
	width: 390px;
	background:url(/images/trait.gif) 0 20px no-repeat;
	padding:0 0 12px 10px;
}

/*+++++++++++++++++++++ contact +++++++++++++++++++*/

#header_ctc{
	float:left;
	height: 265px;
	width:863px;
	background: url(/images/header_ctc.jpg) 0 0 ;
}

#bloc_encadre{
	float:left;
	width:240px;
}

#bloc_encadre img{
margin-top:15px;
}

/**************************/

#bloc_coordonnes{
	float:left;
	width:290px;
	text-align:center;
	padding-top:30px;
}

#bloc_coordonnes span{
	float:left;
	display:block;
	text-align:center;
	padding:0 20px 15px 20px;
	font-weight:bold;
	color:#F18000;
	font-size:14px;
}

#bloc_simulateur{
	float:left;
	width:290px;
	text-align:center;
	border-left:2px solid #9EBD30;
	padding: 0 0 40px 0;
}

#simulation{
	background: url(/images/bout_simulateur.gif) 50% 0 no-repeat;
	padding:13px 0 22px 0;
	color:#F18000;
	font-weight:bold;
	font-size:14px;
}

#simulation a{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

#simulation a:hover{
	color:#455214;
}


/*********************/

#actualites{
	width:500px;
	float:left;
	padding:0 50px 0 10px;
}

#actualites img{
	float:right;
	padding:0 0 0 5px;
}

#actualites p.date{
	font-weight:bold;
	background:url(/images/test.jpg) no-repeat 5px 7px;
	padding-left:17px;
	padding-bottom:0px;
}

.fixe{
	width:1px;
	float:left;
	height:300px;
}


.fixe2{
	width:1px;
	float:left;
	height:210px;
}

#liste{
	width:230px;
	float:left;
	padding:20px 10px 20px 10px;
	background:url(/images/test2.gif) no-repeat;
}