body {
   background:url(../img/body_back.jpg) #fff repeat-x;
   font: 11px/1.5 Verdana,Geneva,sans-serif;
   color: #333;    
}
div.container_16 {
   background:#fff;
}
a {
   text-decoration:none;
   border-bottom:1px dashed #bbb;
   color:#007cb8;
}

a:hover{
   border-color:#fff;
}

#promo a, #promo a:hover {
	border:none;
}

.branding{
   background:url(../img/banner.jpg) no-repeat right top;
   height:118px;
   display:block;
   text-indent:-9999px;       
   margin:0 0 0 0.8em;
   padding:0;
}

#sub_nav a#logo{
   width:219px;
   height:93px;
   display:block;
   overflow:hidden;      
   padding:1em 0 0 0 ;
   margin:0;
   border:none;
   text-indent:-9999px;
   background:url(../img/logo_heliosolaire_tiny.png) no-repeat center bottom;
}

#sub_nav{
   border-right: 1px solid #bbb;
   margin-bottom:5px;
}

#main_navigation li {
   margin:0;
   list-style:none;
   list-style-position:inside;
   line-height:25px;
   margin-right:5px;       
   height:auto !important;
   height:25px;
}

#main_navigation li a {
   padding-left:1.7em;
   background:url(../img/list.png) no-repeat left 7px;
   line-height:25px;
   border-bottom: 1px solid #bbb;       
   display:block;
   color:#000;
   text-decoration:none;
}

#main_navigation li li a {
   padding-left:3em;
   background:url(../img/list.png) no-repeat 1.2em 7px;
}

#main_navigation li.hasChild > a {
   background:url(../img/list_has_child.png) no-repeat left center;
}

#main_navigation li ul {
   margin:0;
}

#main_navigation a.selected {
   color:#f5a523;
   font-weight:bold;
}

div.slug {
   border-bottom:1px solid #bbb;
   float:left;
   padding:.75em 0;
   font-size:105%;
   color:#bbb;
}
.slug a {
   font-weight:bold;
}
.slug a, .slug p {
   display:inline;
   color:#bbb;
}

#i18n_links{
   float:right;
   padding:0.75em 0;
}

#i18n_links a {
   color:#bbb;
   font-weight:bold;
   margin-left:.5em;
   font-size:105%;
}

#i18n_links a:hover {
   text-decoration:none;
}

/* buttons */

div#promo_buttons {
	height:97px;
	width:225px;
	position :absolute;
	top:40px;
	right:0px;
}

#promo_buttons a, #promo_buttons span {
	width:75px;
	height:71px;
	display:block;
	overflow:hidden;      
	border:none;
	text-indent:-9999px;
	float:left;
}

a#button_devis {
	background:url(../img/devis_button_small.jpg) no-repeat center;
}

span#logo_qualite {
	background:url(../img/qualite_button_small.jpg) no-repeat center;
}

span#logo_garantie {
	background:url(../img/garantie_decennale.jpg) no-repeat center;
}

span#nous_contacter_icon {
	width:100px;
	height:26px;
	background:url(../img/contact.jpg) no-repeat center;
}

p#nous_contacter {
	height:26px;
	line-height:26px;
	margin-left:1em;
	display:inline;
	font-weight:bold;
}

/* vCard */
.biz_info {
	border-top:1px solid #BBBBBB;
	clear:both;
	padding-top:5px;
	margin-top:5px;
	text-align:center;
}

.biz_info .vcard div {
	display:inline;
	margin-right:2em;
}

.vcard hr.separator{
	clear:both;
	visibility:hidden;
	margin:0;
}


.biz_info .vcard {
   line-height:2em;
}

.biz_info .vcard .org {
   font-weight:bold;
   font-size:140%;
   color:#F5A523;
}

.biz_info .vcard .email {
   color:#333;
   border:none;
}

.biz_info .vcard .email span {
   font-weight:bold;
}

.biz_info .vcard .tel span,.biz_info  .vcard .fax span {
   font-weight:bold;
}

#formulaires .vcard {
	text-align:center;
}

/* vCard end */
.section_content h1 {
   background:url(../img/puce_h1.gif) no-repeat;
   padding-left:2em;
   width:445px;
}

h1#titre_une {
   background:#fff;
   padding-left:0;
}

.section_content li {
   list-style:none;
   background:url(../img/list_info.png) no-repeat left 2px;
   padding-left: 2em;
}

div.section_content {
   padding-top:2em;
   clear:both;
   }

ul.galery_list li {
   list-style:none;
   width:300px;
   float:left;
   background:#fff;
   padding-left:0;
   margin-top:2em;
}

ul.galery_list li a {
   border:none;
}

ul.galery_list li a img{
   border:3px solid white;
   float:left;
}

ul.galery_list li a:hover img{
   border:3px solid #bbb;
}
ul.galery_list li p  {
   padding-left:120px;
   margin-top:10px;
}

ul.galery_list li p a {
   border:none;
}


ul.document_list li {
	line-height:30px;
	background:url(../img/list_info.png) no-repeat left 9px;
}

ul.document_list li img {
	margin-bottom:-5px;
	padding:0 3px;
}

#main_content {
   margin-bottom:5px;
}

div#main_info {
   background:url(../img/back_picto.png) no-repeat left center;
   height:361px;
   position:relative;
   letter-spacing:0.1em;
   margin-bottom:7em;
}




h1 {
   font:150%/1.2 Verdana,Geneva,sans-serif;
   letter-spacing:.15em;
   margin-bottom:2.5em;
}

h2 {
   font:145%/1.2 Verdana,Geneva,sans-serif;
   letter-spacing:.15em;
   margin-bottom:1.5em;
}

h3 {
   font:130%/1.2 Verdana,Geneva,sans-serif;
   letter-spacing:.15em;
   margin-bottom:1.5em;
}

h4 {
   font:120%/1.2 Verdana,Geneva,sans-serif;
   letter-spacing:.15em;
   margin-bottom:1.5em;
}

#main_info h2 {
   color:#f5a523;
   font:150%/1.2 Verdana,Geneva,sans-serif;
      text-indent:.75em;
   position:relative;
   top:10px;
   left:140px;
}

#main_info ul li {
   font:110%/1.5 Verdana,Geneva,sans-serif;
   position:absolute;
   list-style:url(../img/list_info.png);
   padding-left:.75em;
   background:#fff;
}

#main_info ul li strong {
   font-size:125%;
   font-weight:bold;    }

#main_info ul li a {
   border:none;
   color:#333;
}

#one {
   top:90px;
   left:90px;
}

#two {
   top:158px;
   left:79px;
}

#three {
   top:228px;
   left:95px;
}

#four {
   top:290px;
   left:123px;
}

#one a span, #two a span, #three a span {
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	top:-22px;
	left:-105px;
}

ul#extra_info li {
   width:135px;
   padding-right:10px !important;
   padding-right:2px;
   padding-left:0;
   float:left;
   list-style:url(../img/list_info.png);
   line-height:1.6em;
   background:#fff;
  
}

ul#extra_info li h3 {
   font-size:110%;
   font-weight:bold;
}


#info{
   border-top:1px solid #bbb;       
   clear:both;
   padding-top:5px;
}

.error label{
   font-weight:bold;
}

.error input {
   border:2px solid red;
}

.error-message {
   font-weight:bold;
   color:red;
   margin:-2em 0 2em 200px;
}

#info li {
   float:left;
   list-style:none;
   margin:0 20px 0 0 !important;
   margin:0 18px 0 0;
}


#info a {
   border:none;
}

div.qualifications {
   border-right: 1px solid #bbb;       
   height:120px;
}

div.partners {
   height:120px;
}

div.partners p {
	font-weight:bold;
	font-size:130%;
}
div.references {
   border-left: 1px solid #bbb;
   height:120px;    }

div.references p {
   width:195px;
}

div.references p, div.references ul {
   float:right;
}

div.remarque {
   width: 280px;
   border : 5px solid #d3deed;
   padding : 10px;
   background : #3399cb;
   margin : 3em 0 3em 26%;
   font-size : 120%;
   line-height : 110%;
   text-align : center;
}

div.remarque strong {
   padding-bottom: 1em;
}

strong.slogan {
   font-size : 120%;
   padding: 2em 0;
}

.center_title{
   text-align:center;
}
form#UserAddForm label,.contact label{
   float:left;
   margin-left:200px;
   margin-right:2em;
}
form#UserAddForm input, .contact input, .contact textarea {
   clear:left;
   width:300px;
   margin-left:200px;
   margin-bottom:2em;
}

form#UserAddForm .submit input, .contact .submit input {
   width:100px;
   margin-left:300px;
}
/* NO JS USERS GALERIES */

.no_js_princ_image{
	text-align:center;
}

.galery_paging {
	float:left;
	width:50px;
	height:100px;
	line-height:100px;
	margin-top:30px;
	font-size:1.5em;	
	text-align:center;
}
.galery_paging a{
	border:none;	
}

.no_js_galery_list {
	margin-top:30px;	
	width:600px;
	float:left;
}
.no_js_galery_list li{
	list-style:none;
	background:#fff;
	float:left;
	width:100px;
	padding:0 10px;
	margin:0;
}

.no_js_galery_list li a{
	border:none;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}


/* MODIFICATION 22/01/2011 */
div.container_16 {
   position:relative;
}

#news_main_title {
	position:absolute;
	top:-2em;
}
#news_elt{
	position:absolute;
	right:-220px;
	top:250px;
	padding:10px;
}
#news_frame {
	width:200px;
	height:300px;
	overflow:hidden;
	
}
#news_container{
	position:relative;
}
#news_container li {
	list-style:none;
	float:none;
}

.read_more {
	text-align:right;
}
ul.news_list {
	margin-top: 65px;
}
.news_list .read_more {
	margin-right:2em;
}

#rss_icon {
	float:right;
	margin-right:23px;
	margin-top:20px;
}
#rss_icon a, #rss_con a:hover {
	border:none;
}