/*
############ STRUCTURE GENERALE ###############
*/
* {
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#accueil #right_content a.internal-link {
	color:#336699;
	text-decoration:none;
}
#accueil #right_content a.internal-link:hover {
	color:#336699;
	text-decoration:underline;
}

/*
############ LOGO ###############
*/
#header h1 {
	background:url("../images/photowatt.gif") left top no-repeat;
	width: 214px;
	height: 78px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}
#header h1 a {
	display:block;
	height:78px;
	text-indent:-5000px;
	z-index:100;
}
/*
############ PHOTO BASELINE ###############
*/
#photo_baseline {
	width: 768px;
	height: 247px;
	background:#e2e2e2;	
/*	background:url("../images/photowatt_baseline.jpg") left top no-repeat;*/
}

/*
############ MENU LANGUES ###############
*/

#langues {
	position:absolute;
	left:929px;
	top:0px;
}


#langues ul li { 
	float:left;
	display:block;
	margin-top:2px;
	font-size:9px;
	list-style:none;
}

#langues ul li a { 
	position:relative;
	float:left;
	display:block;
	width:20px;
	height:12px;
	text-indent:-5000px;
}

#langues ul li.flag_en a { 
	background:url(../images/uk.gif) left top no-repeat;
}
#langues ul li.flag_fr a { 
	background:url(../images/fr.gif) left top no-repeat;
}
#langues ul li.flag_es a { 
	background:url(../images/sp.gif) left top no-repeat;
}
#langues ul li.flag_de a { 
	background:url(../images/de.gif) left top no-repeat;
}
/*
############ MENU ###############
*/

#container { 
	width: 990px; 
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
} 

/*
############ ENTETE ###############
*/
#header { 
	position:relative;
	background: #FFFFFF; 
	padding: 0px;
	height: 78px;
} 
#header h1 {
	margin: 0;
	padding: 10px 0;
}

/*
############ TITRE PAGES ###############
*/
#titre {
	width: 768px;
	height: 78px;
	background:#e2e2e2;
	border-top:1px solid #b6b6b6;
}

#titre h1 {
	font-weight:normal;
	margin-left: 60px;
	padding-top: 20px;
	font-size:24px;
	color:#7c7c7c;
	width:335px;
}

/*
############ COLONNE DROITE ###############
*/
#right {
	float: right;
	width: 210px;
	background: #FFFFFF;
	padding: 0px;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-right:1px solid #a9a9a9;
}
#right_content {
	width: 210px;
	padding: 0px;
	margin: 0px auto;
}

/*
############ MENU SECONDAIRE ###############
*/

#menu_secondaire {
	position:relative;
	width: 190px;
	padding: 0px;
	margin: 10px auto;
}

#menu_secondaire ul {
	position:relative;
	width:190px;
}

#menu_secondaire ul li { 
	position:relative;
	margin-top:4px;
	font-size:9px;
	list-style:none;
	font-weight:bold;
}

#menu_secondaire ul li a { 
	position:relative;
	font-size:11px;
	text-decoration:none;
	color:#666666;
	display:block;
	background:#e9e9e9;
	height:20px;
	letter-spacing:-1px;
	padding-left:5px;
	padding-top:5px;
}


#menu_secondaire ul li.act a { 
	position:relative;
	color:#ffffff;
	background:#1f7ca9;
}
#menu_secondaire ul li a:hover { 
	position:relative;
	color:#ffffff;
	background:#1f7ca9;	
}


#menu_secondaire ul ul li a { 
	position:relative;
	background-color:#FFFFFF !important;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	color:#666666 !important;
	display:block;
	height:20px;
	letter-spacing:0px;
	padding-left:5px;
	padding-top:5px;
	border-bottom:1px solid #e9e9e9;
}
#menu_secondaire ul ul li a:hover, #menu_secondaire ul ul li.act a { 
	color:#1f7ca9 !important;
}
#titre_menu_secondaire {

	margin-top: 10px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 5px;

	width:185px;
	height:35px;
	background:#7c7c7c;
	font-size:12px;
	padding-left:5px;
	padding-top:5px;
	font-weight:normal;
	color:#ffffff;
}

/*
############ PHOTO ###############
*/
#photo {
	position:absolute;
	margin-left:520px;
	margin-top:122px;
	width:248px;
	height:330px;
	background:url(../images/c_.jpg) left top no-repeat;
	z-index:1px;
}

#strategy #photo { background:url(../images/c_strategy.jpg) left top no-repeat; }
#history #photo { background:url(../images/c_history.jpg) left top no-repeat; }
#management #photo { background:url(../images/c_management.jpg) left top no-repeat; }
#careers #photo { background:url(../images/c_careers.jpg) left top no-repeat; }
#events #photo { background:url(../images/c_events.jpg) left top no-repeat; }
#press #photo { background:url(../images/c_events.jpg) left top no-repeat; }
#locations #photo { background:url(../images/c_society.jpg) left top no-repeat; }
#contact_us #photo { background:url(../images/c_contact_us.jpg) left top no-repeat; }

#modules #photo { background:url(../images/c_modules.jpg) left top no-repeat; }
#cells #photo { background:url(../images/c_cells.jpg) left top no-repeat; }
#inverters #photo { background:url(../images/c_inverters.jpg) left top no-repeat; }
#systems #photo { background:url(../images/c_systems.jpg) left top no-repeat; }
#distributors #photo { background:url(../images/c_distributors.jpg) left top no-repeat; }
#certifications #photo { background:url(../images/c_certifications.jpg) left top no-repeat; }

#ongrid #photo { background:url(../images/c_ongrid.jpg) left top no-repeat; }
#commercial_industrial_buildings #photo { background:url(../images/c_commercial_industrial.jpg) left top no-repeat; }
#residential_buildings #photo { background:url(../images/c_residential.jpg) left top no-repeat; }
#power_generation #photo { background:url(../images/c_power_generation.jpg) left top no-repeat; }
#offgrid #photo { background:url(../images/c_offgrid.jpg) left top no-repeat; }
#consumer_markets #photo { background:url(../images/c_consumer.jpg) left top no-repeat; }
#rural_electrification #photo { background:url(../images/c_rural_electrification.jpg) left top no-repeat; }
#water_pumping #photo { background:url(../images/c_water_pumping.jpg) left top no-repeat; }
#industrial_telecommunications #photo { background:url(../images/c_industrial_telecommunications.jpg) left top no-repeat; }
#case_studies #photo { background:url(../images/c_case_studies.jpg) left top no-repeat; }

#wafer_technology #photo { background:url(../images/c_wafer_technology.jpg) left top no-repeat; }
#technology_overview #photo { background:url(../images/c_technology_overview.jpg) left top no-repeat; }

#how_pv_works #photo { background:url(../images/c_how_pv_works.jpg) left top no-repeat; }
#faq #photo { background:url(../images/c_faq.jpg) left top no-repeat; }
#glossary_of_terms #photo { background:url(../images/c_glossary_of_terms.jpg) left top no-repeat; }

#doc_society #photo { background:url(../images/c_society.jpg) left top no-repeat; }
#doc_products #photo { background:url(../images/c_doc.jpg) left top no-repeat; }
#doc_quality #photo { background:url(../images/c_quality.jpg) left top no-repeat; }
#doc_guarantee #photo { background:url(../images/c_locations.jpg) left top no-repeat; }

#solar_kits_other #photo { background:url(../images/c_solar_kits_other.jpg) left top no-repeat; }
#solar_kits_wattea #photo { background:url(../images/c_wattea.jpg) left top no-repeat; }

#disclaimer #photo { background:url(../images/c_disclaimer.jpg) left top no-repeat; }

#bas_photo {
	position:absolute;
	margin-left:520px;
	margin-top:460px;
	width:248px;
	height:10px;
	background:#e2e2e2;
}
#haut_photo {
	position:absolute;
	margin-left:520px;
	margin-top:122px;
	width:248px;
	height:34px;
	background:#ffffff;
	filter:alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;	
}

/*
############ CENTRE ###############
*/
#center {
	background:url(../images/fond_droit.gif) top left;
}

/*
############ CONTENU ###############
*/
#content { 
	margin: 0 250px 0 0;
	padding: 0px;
	margin-left: 60px;
	margin-top:20px;
	width:435px;
	margin-bottom:20px;	
	height:285px;
}

#content_produit { 
	margin: 0 250px 0 0;
	padding: 0px;
	margin-left: 60px;
	margin-top:20px;
	width:670px;
	margin-bottom:20px;	
	height:285px;
}

#content, #content_produit {
	font-size:11px;
}

#content .csc-caption, #content_produit .csc-caption {
	font-style:italic;
}

#content img, #content_produit img {
	padding-top:0px;
	padding-bottom:5px;
}
#content p, #content_produit p {
	padding-bottom:20px;
}
#content h1, #content_produit h1 {
	padding-bottom:10px;
}
#content a, #content_produit a {
	color:#336699;
	font-weight:normal;
	text-decoration:none;
}
#content a:hover, #content_produit a:hover {
	color:#336699;
	text-decoration:underline;
}
#content ul, #content_produit ul {
	list-style-position:inside;
	list-style-type:circle;
	margin-bottom:10px;	
}

html>body div#content, html>body div#content_produit { 
	height:auto;
	min-height:285px;
}	

#accueil #content { 
	width:635px;
	margin-bottom:20px;
	min-height:0;
}	

/*
############ RACOURCIS ENTETE ###############
*/
#raccourcis {
	position:absolute;
	left:795px;
	top:10px;
	height:10px;
}
#raccourcis ul {
	position:relative;
	margin-top:25px;
	float:left;
	text-transform:uppercase;
}

#raccourcis ul li { 
	float:left;
	margin-top:2px;
	font-size:11px;
	list-style:none;
	letter-spacing:-1px;
}

#raccourcis ul li a { 
	font-size:11px;
	text-decoration:none;
	color:#8c8c8c;
}
#raccourcis ul li a:hover { 
	font-size:11px;
	text-decoration:underline;	
	color:#8c8c8c;
}

/*
############ PIED DE PAGE ###############
*/
#footer { 
	padding: 0 10px 0 20px;
	background:#FFFFFF;
	height:38px;
	background:url(../images/fond_pied.gif) bottom left;
	color:#4e4e4e;
	position:relative;
} 
#footer .copyright {
	position:relative;
	margin-top:20px;
	font-size:9px;
	height:20px;
	float:left;
}
#footer ul {
	position:relative;
	margin-top:18px;
	float:left;
}

#footer ul li { 
	float:left;
	margin-top:2px;
	font-size:8px;
	list-style:none;
}

#footer ul li a { 
	font-size:9px;
	text-decoration:none;
	color:#336699;
}
#footer ul li a:hover { 
	font-size:9px;
	text-decoration:underline;	
	color:#336699;
}

	
/*
############ MENU ###############
*/
#header #menu {
	position:absolute;
	top:30px;
	left:247px;
	height:38px;
	width:820px;
	z-index:1000;
}

#header #menu dl.menu-level1 dt a {
	position:relative;
	float:left;
	text-decoration:none;
	text-align:left;
	color:#888888;
	font-weight:bold;
	font-size:8px;
	display:block;
	height:38px;
}
#header #menu dl.menu-level1 dt a:hover,
#header #menu dl.menu-level1 dt.hover a,
#header #menu dl.menu-level1 dd li a:hover,
#header #menu dl.menu-level1 dd ul li a:hover {
	color:#555555;
	background-color:#e2e2e2;
}

#header #menu dl.menu-level1 dd {
	position:absolute;
	top:38px;
	display:none;
}



*html #header #menu dl.menu-level1 dd li ul li {
	margin-left:0px;
}
#header #menu dl.menu-level1 dd li a {
	color:#555555;
}
#header #menu dl.menu-level1 dd li,
#header #menu dl.menu-level1 dd ul li {
	list-style-type:none;
}
#header #menu dl.menu-level1 dd li a,
#header #menu dl.menu-level1 dd ul li a {
	display:block;
	width:220px;
	padding:2px;
	font-size:11px;
	text-decoration:none;
	border-top:1px solid #555555;
	background-color:#ffffff;
	list-style-type:none;
	height:20px;
}

#header #menu dl.menu-level1 dd li.sub ul {
	visibility:hidden;
}	

#header #menu dl.menu-level1 dd li.sub a {
	background:url(../images/fleche_ssmenu.gif) no-repeat right 4px #ffffff;
}
#header #menu dl.menu-level1 dd li.sub a:hover {
	background:url(../images/fleche_ssmenuH.gif) no-repeat right 4px #e2e2e2;
}
#header #menu dl.menu-level1 dd li.sub ul li a,
#header #menu dl.menu-level1 dd li.sub ul li a:hover {
	background-image:none;
}
#header #menu dl.menu-level1 dd li ul {
	display:none;
	position:absolute;
	left:170px;
	margin-top:-25px;
}
#header #menu dl.menu-level1 dd {
	padding-left:0px;
}

/*
############ RECHERCHE ###############
*/
.fields_recherche {
	width:120px;
	height:18px;
	border:1px solid #d9d8d8;
}

.fields_ok {
	width:23px;
	height:18px;
	background:#868686;
	color:#FFFFFF;
	border:1px solid #868686;
	margin-left:3px;
	font-size:9px;
	font-weight:bold;
	padding-left:2px;
}

#search{
	top:15px;
	left:590px;
	width:180px;
	text-align:right;
	position:absolute;
}

/*
############ TABLEAUX CONTENU ###############
*/

#distributors #content .contenttable td p {
	padding:0;
	margin:0;
}
#distributors #content table.contenttable, #locations #content table.contenttable {
	padding:0;
	margin:0;
	height:10px !important;
	
}
#distributors #content td, #locations #content td {
	height:10px;
	padding:0;
	padding-bottom:5px;
	vertical-align:top;
}

/*
############ SITE MAP ###############
*/

.tx-dropdownsitemap-pi1 .expAll {
	border:1px solid #d5d5d5 !important;
	background:#f1f1f1 !important;
}

/*
############ PRINT ###############
*/
#print {
	position:relative;
	width: 119px;
	height: 28px;
	padding-left:400px;
	padding-top:120px;
}



/*
############ COINTACT FORM ###############
*/
#contact_us input {
	border:1px solid #d9d8d8;
}

#contact_us .csc-form-labelcell {
	width:175px;
}
#contact_us textarea {
	width:200px;
}

/*
############ EMPLOIS ###############
*/

.tx-dmmjobcontrol-pi1 H3 {
	font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
}
.tx-dmmjobcontrol-pi1 P {
	margin:0 !important;
	padding:0 !important;
}
.tx-dmmjobcontrol-pi1 DIV {
	margin-bottom:20px !important;
}	
.dmmjobcontrol_list_table {
	 width:400px;
	 margin:5px !important; 
}
.dmmjobcontrol_list_table th {
	color:#535353;
	padding:5px !important; 
}
.dmmjobcontrol_list_table td {
 	padding:5px !important;
	text-align:left !important; 
}
.dmmjobcontrol_list_table_titre {
	 border:0;
	 width:400px;
	 margin:5px !important; 
	 text-align:center;
}
.dmmjobcontrol_list_table_titre td {
	font-size:14px;
	font-weight:bold;
	padding-left:190px;
}
.dmmjobcontrol_apply_table TABLE {
	width:400px;
}
.dmmjobcontrol_apply_table TD {
	height:20px;
}
.dmmjobcontrol_input, .dmmjobcontrol_textarea, .dmmjobcontrol_fileinput {
	border:1px solid #a8a8a8;
}
.dmmjobcontrol_input {
	width:250px;
}
.dmmjobcontrol_fileinput {
	width:250px;
}
.dmmjobcontrol_textarea {
	width:250px;
	height:110px;
}
#dmmjobcontrol_apply_form {
	border:1px solid #a8a8a8;
	padding:5px;
	margin-bottom:30px;
}	
.dmmjobcontrol_apply_header {
	font-size:12px;
	color:#8aac4b;
	font-weight:bold;
	height:20px;
}
.dmmjobcontrol_apply_td1 {
	width:190px;
}

#annonces {
	position:relative;
	width:190px;
	padding:10px;
}

#annonces div.logo {
	position:relative;
	width:188px;
	height:26px;
	background:url(../images/cstb.gif) top left no-repeat;
	
}

#annonces a {
	color:#666666;
	text-decoration:none;
}
#annonces a:hover {
	color:#336699;
	text-decoration:underline;
}	
#annonces div.lien {
	padding-top:7px;
}

div.anim #content {
	margin:0;
}

#voeux {
	position:absolute;
	left:120px !important;
	top:53px !important;
	width:800px;
	height:540px;
	z-index:8000;
}