
* { 	
	margin: 0;
    padding: 0;
}

/* Commun */

img { border: none;}

a {
	text-decoration: none;
	color: #ffffff;
}

body {
	background: #000000 url("../img/bg-heliophoton.png") top center no-repeat;
	text-align: center;
	color: #ffffff;
}

#env { 
	width: 962px;
	padding: 0;
	margin:0 auto;
	text-align: left;
}

#entete {
	height: 165px;
	margin: 0;
	padding: 0;
}

#entete img {
	position: relative;
	top: 0;
	right: 0;	
}

#entete h1 {
	position: relative;
	top: -60px;
	left: 430px;
	text-indent: -9999px;
	background: transparent url("../img/installateur-energie-photovoltaique.png") no-repeat;
	width: 527px;
	height: 26px;
}

/* Liens d'accs rapide */

.aide {
	list-style-type: none;
	float: right;
	font-family: Arial;
	font-size: 0.9em;
}

.aide a {
	color: #000000;
}

.aide a:hover, .aide a:focus{ 
	color:#ffffff; 
}

/* anim flash */

#anim_flash {
	position: relative;
	right: 0;
	top: 0 !important;
	top: -35px; /* IE6 */
	margin: 0;
	padding: 0;
	height: 170px;
}

/* Navigation */

#nav {
	position: relative;
	top: 0 !important;
	top: -35px; /* IE6 */
	right: 0;
	background: transparent url('../img/bg-repeat-nav.png') repeat-x;
	height: 38px;
	width: 960px;
	font-family: Arial, "sans serif";
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: lighter;
	list-style-type: none;
}

#nav li {
	display: inline;
	height: 24px;
	float: left;
	padding-top: 14px;
	margin-left: 2px;		
}

#nav li a {
	color: #f2f2f2;
	text-decoration: none;
	display: block;
	padding-left: 10px;
}

#nav li.current_page_item, #nav li.current_page_parent, #nav li.current_page_ancestor {
	background: transparent url('../img/bg-nav-selected.png') no-repeat top left;
	width: 151px;
	margin-right: -20px;
}

#nav li.current_page_item.page-item-125 {
	background: transparent url('../img/bg-nav-contact-selected.png') no-repeat top left;
	width: 154px;
}

#nav li.current_page_item a {
	color: #f2f2f2;
	text-decoration: none;
	font-weight: bold;
}

/* CONTENT */

#content {
	position: relative;
  	width: 960px; 
	top: 0 !important;
	top: -35px; /* IE6 */  	 
}

.accueil {
	background: #0A6697 url("../img/bg-corps-accueil.jpg") no-repeat;
  	height: 647px;			
}

.actus, .corporate {
	background: transparent url("../img/bg-content.jpg") no-repeat;
	height: 816px;
}

.techno, .certification, .liens {
	background: transparent url("../img/bg-content-techno.jpg") no-repeat;
	height: 816px;		
}

.contact {
	background: transparent url("../img/bg-content-contact.jpg") no-repeat;
	height: 816px;	
}

.realisations {
	background: transparent url("../img/bg-content-realisations.jpg") no-repeat;
	height: 816px;		
}

#content.accueil #txt {
	width: 520px;
	padding-top: 65px;
	padding-left: 68px;
	color: #f2f2f2;
	font-family: Arial;
	font-size: 13px;
}

#txt p { margin-bottom: 8px; }

#txt .intro {
	font-family: Georgia;
	font-size: 17px;
	margin-bottom: 10px;
}

#content.actus #txt,  #content.corporate #txt, #content.contact #txt {
	padding-left: 60px;
	padding-top: 155px;	
}

#content.corporate #txt {
	padding-top: 110px;
	padding-left: 45px;
}

#content.techno #txt,  #content.certification #txt, #content.liens #txt {
	padding-top: 155px;
	padding-left: 45px;
}

#content.realisations #txt {
	padding-top: 13px;
	padding-left: 45px;
}

#content.actus #txt h1, #content.corporate #txt h1, #content.techno #txt h1,
 #content.certification #txt h1, #content.liens #txt h1, #content.realisations #txt h1 {
	font-family: Georgia;
	font-size: 45px;
	margin-bottom: 20px;
	font-weight: lighter;	
}

#content.liens #txt h1 {
	margin-bottom: 90px;
}

#content.corporate #txt h1, #content.techno #txt h1, #content.corporate #txt ul,
#content.certification #txt h1, #content.certification #txt ul, #content.liens #txt ul {
	margin-left: -28px;
}

#content.contact #txt h1 {
	margin-left: -50px;
	font-size: 3em;
	font-weight: lighter;	
}

#content.realisations #txt h1 {
	margin-left: -30px;
	font-size: 3em;
	font-weight: lighter;	
}

#content.actus #txt h2,  #content.corporate #txt h2 {
	font-family: Arial;
	font-size: 13px;
}

#content.corporate #txt h2 {
	font-family: Georgia;
	font-size: 17px;
	font-weight: lighter;
	margin-top: 40px;
	margin-bottom: 20px;
}

#content.certification #txt h3 {
	font-family: Arial;
	font-weight: lighter;
	font-size: 0.9em;
	background: transparent url("../img/bg-content-certification-h3.png") no-repeat;
	height: 30px;
	margin-top: 90px;
	margin-left: -32px;
	padding-top: 5px;
	padding-left: 40px;
}

#content.liens #txt h3 {
	margin-top: 30px;	
}

/* Liste ˆ puce certification et liens */

#content.certification #txt ul#ressources {
	margin-left: 40px;
	list-style-type: none;
	font-family: Arial;
	font-weight: lighter;
}

#content.liens #txt ul {
	list-style-type: none;
}

#content.liens #txt ul li {
	font-family: Arial;
	font-weight: lighter;
	font-size: 0.9em;
	background: transparent url("../img/bg-content-certification-h3.png") no-repeat;
	height: 30px;
	padding-top: 5px;
	padding-left: 40px;
	margin-bottom: 35px;	
}

#content.liens #txt ul li ul {
	margin-bottom: 30px;
	margin-left: 40px;
}

#content.liens #txt ul li ul li {
	background: none;
	padding-left: 0;
	margin-bottom: -18px;
	list-style-image: url('../img/puce-li.png');
}

#content.liens #txt ul li li.current_page_item {
	color: #2bbdf6;
}

#content.actus #txt,  #content.corporate #txt p, #content.contact #txt p {
	width: 600px;
	font-family: Arial;
	font-size: 12px;
}

#content.actus #txt p {
	color: #92d0f0;
}

#content.actus #txt div.actu {
	padding-bottom: 40px;
}

#content.corporate #txt p {
	width: 450px;
	color: #f2f2f2;
	padding-bottom: 15px;
}

#content.actus #txt a {
	font-family: Arial;
	color: #e85412;	
	font-size: 12px;
}

#content.search_results #txt a {
	color: #ffffff;
	font-size: 13px;
}

#content.actus #txt span.date {
	font-family: Arial;
	color: #e85412;
	font-size: 12px; 
}

/* Sous nav corporate & certification */

#content.corporate #txt ul, #content.certification #txt ul#nav-certif {
	list-style-type: none;
}

#content.corporate #txt li, #content.certification #txt ul#nav-certif li {
	float: left;
	display: inline;
	margin-right: 16px;
}

#content.corporate #txt li a, #content.certification #txt ul#nav-certif li a {
	font-family: Arial;
	font-weight: 100;
	padding-top: 8px;
	padding-right: 14px;
}

#content.corporate #txt li.current_page_item a, #content.certification #txt ul#nav-certif li.current_page_item a {
	color: #2bbdf6;
	background: transparent url("../img/puce.gif") top right no-repeat;	
}

/* Sous nav techno  */

#content.techno ul {
	margin-top: 100px;
	font-family: Arial;
	font-weight: lighter;
	width: 300px;
	list-style-type: disc;
}

#content.techno ul ul {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	list-style-image: url('../img/puce-li.png');
}

#content.techno ul ul li a {
	font-size: 14px;
}

#content.techno ul ul li.current_page_item a {
	color: #2bbdf6; 
}

/* Onglets page rŽalisations */

.realisations #txt ul {
	list-style-type: none;
	margin-left: -25px;
	margin-top: -8px;
}

.realisations #txt li {
	float: left;
	display: inline;
	font-family: Arial;
	font-weight: lighter;
	font-size: 0.9em;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 15px;
}

.realisations #txt li.current_page_item, .realisations #txt li.current_page_parent {
	background: transparent url('../img/onglet-realisations.png') no-repeat;
	width: 187px;
	height: 27px;
}

.realisations #txt li.current_page_item a, .realisations #txt li.current_page_parent a {
	background: transparent url("../img/puce.gif") top right no-repeat;
	padding-top: 16px;
	padding-right: 18px;
}

/* Galerie rŽalisations */

.realisations #txt div#galerie {
	margin-top: 10px;
	margin-left: -18px;
}

.realisations #txt div#galerie a {
	display: block;
	height: 90px;
	width: 345px;
	font-family: Arial;
	color: #92d0f0;
	font-size: 12px;
}

.realisations #txt div#galerie a span {
	padding-top: 10px;
}

.realisations #txt div#galerie a.current_page_item {
	color: #ffffff;	
}

.realisations #txt div#galerie a.current_page_item img {
	background: transparent url("../img/puce.gif") top right no-repeat;
	padding-right: 15px;
}

.realisations #txt div#galerie a img {
	width: 142px;
	height: 94px;
	margin-right: 9px;
	float: left;
	vertical-align: middle;
}

.realisations #colright h2 {
	font-family: Arial;
	font-size: 0.9em;
	color: #e85311;
}

.realisations #colright strong {
	color: #0facea;
}

/* Navigation galerie rŽalisations */

.wp-pagenavi {
	font-family: Arial;
	font-size: 12px;
	font-weight: lighter;
	margin-top: 10px;
	margin-left: 200px;
	height: 15px;
	width: 140px;
}

.wp-pagenavi a {
	padding-right: 3px;
	padding-left: 3px;
}

.wp-pagenavi .current {
	font-weight: bolder;
	color: #2bbdf6;
}

/* Colonne droite */

#colright p a {
	color: #92d0f0;
}

#content.actus #colright {
	position: absolute;
	left: 713px;
	top: 180px;
	background: url('../img/bg-colright-actus.png') no-repeat;
	width: 251px;
	height: 639px;
	z-index: 1;
	padding-top: 40px;
	padding-left: 40px;
}

#content.actus #colright img {
	padding-bottom: 40px;
}

#content.corporate #colright {
	position: absolute;
	left: 541px;
	top: 182px;
	background: transparent url('../img/bg-colright-corporate.jpg') no-repeat;
	width: 417px;
	height: 638px;
	z-index: 1;
	padding-top: 40px;
	padding-left: 40px;	
}

#content.techno #colright {
	position: absolute;
	left: 396px;
	top: 180px;
	background: transparent url('../img/bg-colright-techno.jpg') no-repeat;
	width: 565px;
	height: 640px;
	z-index: 1;
	padding-top: 30px;
	padding-left: 40px;	
}

#content.certification #colright {
	position: absolute;
	left: 399px;
	top: 180px;
	background: transparent url('../img/bg-colright-certification.jpg') no-repeat;
	width: 562px;
	height: 640px;
	z-index: 1;
	padding-top: 130px;
	padding-left: 40px;	
}

#content.liens #colright {
	position: absolute;
	left: 544px;
	top: 181px;
	background: transparent url('../img/bg-colright-liens.jpg') no-repeat;
	width: 418px;
	height: 639px;
	z-index: 1;
	padding-top: 30px;
	padding-left: 40px;	
}

#content.contact #colright {
	position: absolute;
	left: 342px;
	top: 182px;
	background: transparent url('../img/bg-colright-contact.jpg') no-repeat;
	width: 619px;
	height: 638px;
	z-index: 1;
	padding-top: 30px;
	padding-left: 40px;	
}

#content.realisations #colright {
	position: absolute;
	left: 414px;
	top: 43px;
	background: transparent url('../img/bg-colright-realisations.jpg') no-repeat;
	width: 554px;
	height: 770px;
	z-index: 1;
	padding-top: 30px;
	padding-left: 40px;	
}

#content.techno #colright h2, #content.certification #colright h2, #content.liens #colright h2, #content.realisations #colright h1 {
	color: #2bbdf6;
	font-weight: lighter;
	margin-bottom: 20px;
	font-size: 2em; 
}

#content.certification #colright h2 {
	font-size: 1.3em;
	color: #ffffff;
}

#content.liens #colright h2 {
	font-size: 1.1em;
	font-family: Arial;
}

#content.contact #colright h2 {
	font-size: 0.9em;
	font-family: Arial;
	font-weight: lighter;
	color: #ffffff;
	margin-bottom: 10px;
}

#content.techno #colright p, #content.certification #colright p, #content.realisations #colright p {
	width: 500px;
	font-family: Arial;
	font-weight: lighter;
	font-size: 12px;
	color: #f2f2f2;
	margin-bottom: 10px;
	text-align: justify;
}

#content.liens #colright p {
	width: 380px;
	font-family: Arial;
	font-weight: lighter;
	font-size: 12px;
	color: #f2f2f2;
	margin-bottom: 10px;
	text-align: justify;	 
}

#content.contact #colright p {
	font-family: Arial;
	font-weight: lighter;
	font-size: 12px;
	color: #f2f2f2;
	margin-bottom: 10px;
	text-align: justify;
}

/* PIED DE PAGE */

#footer {
	
	position: absolute;
	top: 1017px !important;
	top: 1015px;
  	height:207px;
	width: 885px;
	background-color: #1A1A1A;
	
	margin: 0;
	
	padding-left: 75px;
	padding-top: 15px;
	
	font-family: Arial;
	font-size: 0.8em;
	z-index: 0;
}

#footer li {
	list-style-type: none;
}

#footer a {
	color: #b2b2b2;
}

#footer strong {
	color: #737373;
	font-variant: small-caps;
}

#footer span {
	position: absolute;
	top: 198px;
	right: 40px;
}

/*  */

.clear {
	clear: both;
}

.centrer {
	text-align: center;
}

/* Formulaire de contact */

.contact form {
	margin-top: 10px;
	font-family: Arial;
	font-size: 12px;
}

.contact label {
	cursor: pointer;
}

.contact input {
	width: 506px;
	height: 22px;
	margin-top: 4px;
	border: none;
	border-top: 1px solid #eff0f0;
	font-size: 13px;
}

.contact input:focus, .contact textarea:focus {
	border: 2px solid #2bbdf6; 
}

.contact textarea {
	width: 506px;
	height: 186px;
}

.contact #submit {
	background-image: url("../img/submit.png");
	width: 105px;
	height: 31px;
	border: none;
	margin-right: 450px;
	cursor: pointer;
}

.contact #tel, .contact #courriel, .contact #fax {
	width: 158px;
}

.contact #p_tel {
}

.contact #p_email {	
	margin-left: 173px;
	margin-top: -52px;
}

.contact #p_fax {
	margin-left: 346px;
	margin-top: -52px;
}

#content.contact #colright p.errormsg {
	color: #e85311;
}

/* Recherche */

#search {
	position: relative;
	top: -60px;
	left: 620px;
	background: transparent url("../img/bg-recherche.png") bottom right no-repeat;
	height: 30px;
	width: 342px;
}

#searchform fieldset {
	border: none;
}

#searchform legend {
	font-family: Lucida, Arial;
	color: #6e6d6e;
}

#searchform label {
	font-family: Lucida, Arial;
	color: #6e6d6e;
	font-size: 11px;
	width: 100px;
}

#searchform label#label_submit {
	display: none;
}

#s {
	border: none;
	background-color: #ebeced;
	font-size: 12px;
	height: 19px;
	width: 160px;
	margin-left: 40px;
	margin-top: 10px;
}

#submit {
	margin-left: -4px;
	vertical-align: bottom;
}
