/*
	2009 JPCW
	Service WebDesign
*/
/* ============================================================ */
/*   STYLES GENERIQUES													                */
/* ============================================================ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	vertical-align: baseline;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* tags html
-------------------------------------------------------*/

html, body {
	margin:0;
	padding:0;
	border:0 none;
}
body {
	background-color:#DDDDDD;
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#5A5A5A;
	text-align:center;	
	height:100%;
}
body.popup{
	background-color:#DDDDDD;
	padding:10px 10px 10px 10px;
	text-align:left;	
}
body.cgv{
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
	text-align:left;	
}
h1,h2,h3{
	clear:both;
}
h1{
	font-size:26px;
	color:#6F7082;
	font-weight:normal;
	padding:10px 0px 10px 0px;
	margin:0px;
	line-height:30px;
}
h1.financement{
	font-size:26px;
	color:#6F7082;
	font-weight:normal;
	padding:15px 0px 10px 0px;
	margin:0px;
	line-height:30px;
}
h1.medium{
	font-size:22px;
}
h1 a{
	color:#6F7082;
}

h2{
	font-size:18px;	
	color:#6F7180;
	font-weight:bold;
	padding:20px 0px 10px 0px;
	margin:0px;
}
h2.financement{
	font-size:18px;	
	color:#6F7180;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	margin:-30px -30px 10px 0px;
}

h2.little{
	font-size:14px;	
	color:#6F7180;
	font-weight:bold;
	padding:20px 0px 10px 0px;
	margin:0px;
}
h2 a{
	color:#6F7180;
	font-weight:bold;
	text-decoration:none;
}

h3{
	font-weight:bold;
	font-size:14px;
	color:#6D7081;
	padding:20px 0px 10px 0px;
	margin:0px;
}
h3 a{
	color:#6D7081;
}	
	
a{
	color:#2060A7;
	text-decoration:underline;
	font-weight:normal;
}
a:hover{
	color:#ACACB4;
}

p{
	clear:both;
	margin:0px;
	padding:0px;	
}
p.retrait{
	padding:0px 0px 0px 20px;
}
img{
	border:0 none;
}

.print{
	display:none;
}
.unprint{
}
#spacer_ombre{
	clear:both;
	background-image: url('https://www.pv-pro.fr//img/spacer_ombre.png');
	background-repeat:no-repeat;
	width:648px;
	height:14px;
	padding:0px 0px 0px 0px;
	margin:20px auto 0px auto;
}
.spacer_ombre{
	clear:both;
	background-image: url('https://www.pv-pro.fr//img/spacer_ombre.png');
	background-repeat:no-repeat;
	width:648px;
	height:14px;
	padding:0px 0px 0px 0px;
	margin:20px auto 0px auto;
}
.spacer{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:10px;
	font-size:0px;
}
.spacer_med{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:20px;
	font-size:0px;
}
.spacer_high{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:50px;
	font-size:0px;
}

.spacer_form{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:25px;
	font-size:0px;
}
.aGauche{
	float:left;
}
.aDroite{
	float:right;
}
/* ============================================================ */
/*   LISTES																			                */
/* ============================================================ */
ul{	
	padding:0px;
	margin:0px;
}
li{
	padding:0px;
	margin:0px;
}
li.fleche{
	background-image: url('https://www.pv-pro.fr//img/li_fleche.png');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 30px;
	margin: 0px 0px 0px 10px;
	line-height:18px;
}
li.coche{
	background-image: url('https://www.pv-pro.fr//img/li_coche.png');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 30px;
	margin: 0px 0px 0px 0px;
}
li.coche_high{
	background-image: url('https://www.pv-pro.fr//img/li_coche.png');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 30px;
	margin: 0px 0px 0px 0px;
	font-size:14px;
}
li.fleche_verte{
	background-image: url('https://www.pv-pro.fr//img/li_fleche_accueil.png');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 6px;
	padding: 0px 0px 3px 20px;
	margin: 5px 0px 5px 10px;
	line-height:18px;
}
li.steps_1, li.steps_2, li.steps_3, li.steps_4, li.steps_5, li.steps_6, li.steps_7{	
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 0px;
	line-height:22px;
	padding: 0px 0px 3px 30px;
	margin: 11px 0px 11px 0px;
}
li.steps_1{	
	background-image: url('https://www.pv-pro.fr//img/li_steps_1.png');
}
li.steps_2{	
	background-image: url('https://www.pv-pro.fr//img/li_steps_2.png');
}
li.steps_3{	
	background-image: url('https://www.pv-pro.fr//img/li_steps_3.png');
}
li.steps_4{	
	background-image: url('https://www.pv-pro.fr//img/li_steps_4.png');
}
li.steps_5{	
	background-image: url('https://www.pv-pro.fr//img/li_steps_5.png');
}
li.steps_6{	
	background-image: url('https://www.pv-pro.fr//img/li_steps_6.png');
}
li.steps_7{	
	background-image: url('https://www.pv-pro.fr//img/li_steps_7.png');
}
li.tiret{
	background-image: url('https://www.pv-pro.fr//img/li_tiret_accueil.png');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 6px;
	padding: 0px 0px 1px 14px;
	margin: 0px 0px 0px -5px;
	line-height:18px;
	font-size:11px;
}
ul.references{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px 0px 0px 70px;
}
li.references{
	float:left;	
	width:160px;
	height:110px;
	margin:10px 5px 0px 5px;
	padding-left:5px;
	padding-right:5px;
	list-style-type:none;
	text-align:center;
}
ul.file_preview{
	list-style-type:none;
}
ul.file_preview li {
	clear:both;
	padding:10px 5px 0px 5px;
}
ul.file_preview li img{
	float:left;	
	margin:-10px 0px 0px 0px;
	border:none;
}
ul.file_preview li a{
	float:left;
	padding:20px 0px 0px 5px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
ul.file_preview li a:hover{
	color:#8FAA02;
}

/* ============================================================ */
/*   MESSAGES																		                */
/* ============================================================ */
#message{
	width:auto;
	border: #3366CC 1px solid;
	background-color:#829C00;
	padding:10px 30px 10px 30px;
	margin:20px 0px 20px 0px;
	color: #FFFFFF;
}
#message.erreur{
	width:auto;
	border: #3366CC 1px solid;
	background-color:#CC3300;
	padding:10px 30px 10px 30px;
	margin:20px 0px 20px 0px;
	color: #FFFFFF;
}
#message ul li, #message.erreur ul li{
	list-style:none;
}
#message p.titre, #message.erreur p.titre{
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
#message p.texte, #message.erreur p.texte{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}

/* ============================================================ */
/*   INFOBULLES																	                */
/* ============================================================ */
.infoBulle{
	position: absolute;
	z-index:10;
	visibility : hidden;
	width:200px;
	text-align:left;
	width:200px;
	padding: 10px;
	font-style: italic;
	font-size: 11px;
	border: 1px solid #D3D3D3;;
	background-color: #FFFFFF;
	color:#666666;
}
img.infobulle{
	float:left;
	margin:5px 0px 0px 5px;
}

/* ============================================================ */
/*   NAVBARHEADER																			          */
/* ============================================================ */
#navbarHeader{
	float:right;
	background-image: url('https://www.pv-pro.fr//img/fond_navbarHeader_l.png');
	background-repeat:no-repeat;
	width:300px;
	height:41px;
	margin:10px 30px 0px 0px;
	padding:0px;
	text-align:right;
}
#navbarHeader ul{
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#navbarHeader li{
	float:left;
	height:24px;
	padding:7px 20px 0px 0px;	
	list-style-type:none;
}
#navbarHeader li.pictoCompte, #navbarHeader li.pictoContact{
	margin:0px 5px 0px -20px;	
}
#navbarHeader li a{
	color:#575761;
	font-weight:normal;
	text-decoration:none;
}
#navbarHeader li a:hover{
	color:#C1C1C1;
}
#navbarHeader li.on a{
	color:#575761;
	font-weight:bold;
	text-decoration:none;
}
/* ============================================================ */
/*   NAVBAR																			                */
/* ============================================================ */
/*
#navBar{	
	width:960px;
	height:33px;	
	height:47px;	
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-image: url('https://www.pv-pro.fr//img/fond_navbar.png');
	background-position:left top;
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}
#navBar ul{
	margin:0px 10px 0px 17px;
	margin:0 0 0 17px;
	padding:0;
}
#navBar li{
	float:left;
	height:39px;
	margin:0px 0px 0px 0px;	
	list-style-type:none;
}
#navBar li.bt_f{
	background-image: url('https://www.pv-pro.fr//img/fond_navbar_f.png');
	background-position:left top;
	background-repeat: repeat-x;
	padding:8px 10px 0px 10px;
}
#navBar li.bt_start{
	background-image: url('https://www.pv-pro.fr//img/fond_navbar_c.png');
	background-position:left top;
	background-repeat: repeat-x;
	padding:10px 20px 0px 8px;
	height:39px;
	}
#navBar li.bt_c, #navBar li.bt_end{
	background-image: url('https://www.pv-pro.fr//img/fond_navbar_c.png');
	background-position:left top;
	background-repeat: repeat-x;
	border-left:1px solid #6F6F80;
	padding:10px 10px 0px 10px;
	height:37px;
}
#navBar li.bt_c a, #navBar li.bt_end a{
	height:29px;
}
#navBar li.bt_f{
	border-left:1px solid #5F5F6A;
}
#navBar li.bt_c{
	border-left:1px solid #6F6F80;
}
#navBar li.on{
	background-color:#F1F1F1;
	padding:8px 10px 0px 10px;
}
#navBar li.bt_start_on, #navBar li.bt_c_on,#navBar li.bt_end_on{
	background-color:#F1F1F1;
	padding:10px 10px 0px 10px;
	height:39px;
}

#navBar li a, #navBar li.on a{
	text-decoration:none;
	color:#F9F9F9;
	font-size:13px;
	font-family:Myriad, Arial, sans-serif;
	font-weight:normal;
	display:block;
	height:31px;
}
#navBar li.oneline a{
	line-height:29px;
}
#navBar li.bt_start a, #navBar li.bt_start_on a,#navBar li.bt_c a,#navBar li.bt_end a, #navBar li.bt_c_on a,#navBar li.bt_end_on a{
	text-decoration:none;
	color:#F9F9F9;
	font-size:11px;
	font-family:Myriad, Arial, sans-serif;
	font-weight:normal;
}
#navBar li.on a{
	color:#585C75;
}
#navBar li.bt_start_on a, #navBar li.bt_c_on a,#navBar li.bt_end_on a{
	color:#585C75;
}
#navBar li:hover{
	background-color:#F1F1F1;
}
#navBar li.bt_start:hover ,#navBar li.bt_f:hover, #navBar li.bt_c:hover, #navBar li.bt_start:hover, #navBar li.bt_end:hover{
	background-image:none;
	background-color:#F1F1F1;
}
#navBar li:hover a{
	color:#585C75;
}
#navBar .menu_gris a{
	width:100px;
}

#navBar .menu_gris ul a{
	width:auto;
}


#navBar li ul{
	position: absolute;
	left: -999em;
}
#navBar li:hover ul {	
	left:auto;
	margin:8px 0px 0px -16px;
	padding:11px 0px 1px 0px;
	background-image: url('https://www.pv-pro.fr//img/fondLayerTop.png');
	background-repeat: repeat-x;
	background-color:#F1F1F1;
	color:#FFFFFF;
}
#navBar li.bt_c:hover ul,#navBar li.bt_end:hover ul {	
	left:auto;
	margin:8px 0px 0px -15px;
	padding:11px 0px 1px 0px;
}
#navBar li:hover ul li{
	clear:both;
	list-style-type:none;
	width:230px;
	height:20px;
	text-align:left;	
	padding:3px 0px 3px 5px;
	margin:1px 0px 0px 0px;
	background-color:#F1F1F1;
	border:1px solid #D2D2D4;
}
#navBar li:hover ul li a{
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	color:#585C75;
}
#navBar li:hover ul li a:hover{
	color:#C2D046;
}
*/
.undisplay{
	display:none;
}
/* ============================================================ */
/*   TEXTES																			                */
/* ============================================================ */
.enseigne{
	color:#2060A7;
	font-weight:bold;
}
.info{
	font-size:10px;
	font-style:italic;	
}
.legende{
	text-align:left;
	font-size:10px;
	font-style:italic;
	line-height:12px;
}
#legende-financement{
	text-align:center;
	font-size:10px;
	font-style:italic;
	line-height:12px;
}
.stitre{
	font-size:11px;
	font-weight:normal;	
}
.important{
	color:#343957;
	font-weight:bold;
}
.important_red{
	color:red;
	font-weight:bold;
}
.notes{
	font-size:11px;
	font-style:italic;
}
strong{
	font-size:12px;
	font-weight:bold;	
}



/* ============================================================ */
/*   LOGO (ajouté le 02/02/2011) 													                */
/* ============================================================ */
.logo{
	display:block;
	width:218px;
	height:109px;
	float:left;
	text-decoration:none;
}
.logo span.texte{
	display:block;
	color:#7d8485;
	text-align:justify;
	position:relative;
	top:-30px;
	font-size:12px;
	text-decoration:none;
	font-family:Tahoma;
	left:28px;
}
.logo span.ligne1{
	display:block;
}
.logo span.ligne2{
	display:block;
	letter-spacing:6px;
}

/* ============================================================ */
/*   HEADER 2 (ajouté le 02/02/2011) 													                */
/* ============================================================ */
#slogan{
	position:absolute;
	font-size:25px;
	color:#797979;
	margin-left:300px;
	margin-top:48px;
	width:485px;
	text-align:left;
	font-style:italic;
}
*+html #slogan{
	margin-left:-150px;
}
	
/* ============================================================ */
/*   LAST ACTUALITES							                */
/* ============================================================ */
#last_actualites .actualite{					
	margin-bottom:10px;
}
	#last_actualites .actualite a{					
		text-decoration:none;
		color:black;
	}
	#last_actualites .actualite a:hover{					
		text-decoration:underline;
	}
	#last_actualites .actualite .titre{
		color: #5A5A5A;
	}
		#last_actualites .actualite .titre a{
			color: #5A5A5A;
		}
		#last_actualites .actualite .titre .fleche{
			color:#92d050;
		}
	#last_actualites .actualite p{
		color: black;
		margin:0;
	}
/* ============================================================ */
/*   SELECTION OFFRE							                */
/* ============================================================ */
#selection_offres{					
	height:70px;
	overflow:hidden;
	position:relative;
}
#selection_offres_box{
	position:absolute;
}
#selection_offres .offre{			
	height:40px;
}
	#selection_offres .offre a{					
		text-decoration:none;
		color:black;
	}
	#selection_offres .offre a:hover{					
		text-decoration:underline;
	}
	#selection_offres .offre .titre{
		color: #5A5A5A;
	}
		#selection_offres .offre .titre a{
			color: #5A5A5A;
		}
		#selection_offres .offre .titre .fleche{
			color:#92d050;
		}
	#selection_offres .offre p{
		color: black;
		margin:0;
	}
	#selection_offres .offre small{
		color: gray;
		margin:0;
	}
    
/* ============================================================ */
/*   QUI SOMMES NOUS							                */
/* ============================================================ */

#banniere {
    background: none repeat scroll 0 0 white;
    border: 1px solid #E9E6E6;
    border-radius: 5px 5px 5px 5px;
    height: 142px;
    margin-bottom: 30px;
    width:960px;
    margin: 0 0 0 20px;
}

#banniere .texte {
    margin: 25px 0 0 430px;
    width: 430px;
    text-align: left;
}

#banniere .titre {
    color: #69686D;
    font-size: 28px;
    margin: 0 0 17px 0;
}

#banniere .soustitre {
    color: #69686D;
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 17px 0;
}

/* ============================================================ */
/*   DRAPEAUX							                */
/* ============================================================ */
#flagBar
{
	position: absolute;
	left: 50%;
	margin: 50px 0 0 400px;
	width: 150px;
	height: 30px;
	overflow: hidden;
}

#flagBar a
{
	margin: 4px 2px;;
	text-indent: -999px;
	background-position: center bottom;
}

#flagBar a.active,
#flagBar a:hover
{
	background-position: center top;
}

.ukFlag
{
	float: left;
	background: url(https://www.pv-pro.fr//img/sprite-ukFlag.png) no-repeat;
	display:block;
	width: 24px;
	height: 24px;
}

.frFlag
{
	float: left;
	background: url(https://www.pv-pro.fr//img/sprite-frFlag.png) no-repeat;
	display:block;
	width: 24px;
	height: 24px;
}

/* ============================================================ */
/*   UK TRANSLATION 							                */
/* ============================================================ */

.bt_uk {
    width:145px;
}

#boxset
{
	display:block;
    border: 1px solid #E9E6E6;
    border-radius: 5px;
    height: 380px;
    margin: 10px 0 20px 20px;
    width: 960px;
}

#boxwrapper
{
	display:block;
	overflow: hidden;
    height: 360px;
    margin: 10px;
}
#boxwrapper .box1, 
#boxwrapper .box2
{
	display: block;
	float: left;
	margin: 0 5px 0 0;
}
#boxwrapper .box2
{
	margin: 0 0 0 5px;
}
.box1 a b, .box2 a b{
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
}
.box1 a p, .box2 a p{
	padding: 270px 0 0 0;
}

#boxwrapper .box1 a,
#boxwrapper .box2 a
{
    color: #FFFFFF;
	display:block;
	background: url('https://www.pv-pro.fr//photovoltaic-France-investment-distributor-reseller/img/bg-boxes.png') no-repeat;
    height: 360px;
    width: 465px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
}
#boxwrapper .box1 a
{
	background-position: left top;
}
#boxwrapper .box2 a
{
	background-position: right top;
}
#boxwrapper .box1 a:hover
{
	background-position: left bottom;
}
#boxwrapper .box2 a:hover
{
	background-position: right bottom;
}

/* ============================================================ */
/*   EVOLUTIONS v2.00							                */
/* ============================================================ */

#slogan{
}

#navBar {
	margin-left:7px;
}

#menu {
	z-index:999;
	background:#fff url(https://www.pv-pro.fr//img/bg_menu.png) repeat-x top left;
	border:solid 1px #a3a3ab;
	width:962px;
	height:36px;
	padding:0;
	margin:0 0 10px 20px;
}

#menu ul {
	margin:0;
	padding:0 0 0 10;
	list-style-type:none;
	text-align:center;
	z-index:999;
}
#menu ul li {
	float:left;
	margin:auto;
	/*padding:8px 0 9px 0;*/
	/*background-color:#fff;*/
	background:url();
	border:0;
	padding-top:5px;
	margin-top:0;
	font-size:12px;
	font-weight:bold;
	color:#37394c;
}
#menu ul ul li {
	float:none;
	margin:auto;
	background-color:#fff;
	text-align:left;
	width:200px;
}

#menu ul li:hover a, #menu ul li a:hover {
	border-bottom:solid 2px #8ea102;
}
#menu ul li a {
	display:block;
	/*padding:8px 0 9px 0;*/
	/*margin:0 12px 0 12px;*/
	color:#37394c;
	text-decoration:none;
	font-weight:bold;
	/*text-shadow: 2px 2px 4px #999;*/
	
	/*padding:0;*/
	/*margin:0;*/
	
	padding:8px 12px 8px 12px;
	position:relative;
}

#menu ul li:hover ul, #menu ul li a:hover ul {
	position:absolute;
	display:block;
	/*padding-top:17px;*/
	padding:0;
}

#menu ul ul ul {
	left:200px;
	margin-top:-30px;
}

#menu ul li ul li ul li {margin-top:-6px;}

#menu ul li:hover ul li, #menu ul li a:hover ul li {
	background-color:#ecebec;
	/*filter:alpha(opacity=85);*/ 
	/*-moz-opacity:0.85;*/ 
	/*opacity: 0.85;*/
}
#menu ul li:hover ul li a, #menu ul li a:hover ul li a {
	/*position:relative;*/
	color:#37394c;
	border:0;
	font-weight:normal;
	text-shadow: 0px 0px 4px #fff;
}
#menu ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover {
	color:#8ea102;
	/*padding:0;*/
	/*margin:0;*/
}
#menu ul li ul, #menu ul li ul li ul, #menu ul li:hover ul li ul, #menu ul li a:hover ul li ul {
	display:none;
}
#menu ul li:hover ul li:hover ul, #menu ul li a:hover ul li a:hover ul {
	position:absolute;
	display:block;
	border:0;
	/*padding:0;*/
	/*margin:0;*/
}
#menu ul li ul li:hover ul, #menu ul li ul li a:hover ul {
	position:absolute;
	display:block;
	border:0;
	padding:0;
	margin:0;
}
#menu li:hover ul li:hover ul li, #menu li a:hover ul li a:hover ul li {
	/*float:none;*/
	background-color:#ecebec;
	border:0;
	/*filter:alpha(opacity=85); */
	/*-moz-opacity:0.85; */
	/*opacity: 0.85;*/
	text-align:left;
	/*padding:0;*/
	/*margin:0;*/
}
#menu li ul li:hover ul li, #menu li ul li a:hover ul li {
	/*float:none;*/
	background-color:#ecebec;
	border:0;
	/*filter:alpha(opacity=85); */
	/*-moz-opacity:0.85; */
	/*opacity: 0.85;*/
	text-align:left;
	/*padding:0;*/
	/*margin:0;*/
}
#menu li:hover ul li:hover ul li a, #menu li a:hover ul li a:hover ul li a {
	/*position:relative;*/
}
#menu li:hover ul li:hover ul li.avt, #menu li a:hover ul li a:hover ul li.avt {
	/*margin-left:-175px;*/
}
#menu li:hover ul li:hover ul li.der, #menu li a:hover ul li a:hover ul li.der {
	/*margin-left:-168px;*/
}
#menu li:hover ul li:hover ul li a, #menu li a:hover ul li a:hover ul li a, #menu li:hover ul li:hover ul li:hover a, #menu li a:hover ul li a:hover ul li a:hover a {
	color:#37394c;
	border:0;
}
#menu li:hover ul li:hover ul li:hover a:hover, #menu li a:hover ul li a:hover ul li a:hover {
	color:#8ea102;
}


/**************
* blog
***************/
.post{
	border-bottom: 1px solid #E9E6E6;
	margin-bottom:20px;
}