html,body{
	height:100%;
}
body{
	font-family:"Trebuchet MS";
	font-size:12px;
	background:#FFFFFF url(../images/background.png) fixed repeat-x bottom left;
	color:#646464;
	
	min-height:100%;
	min-width:990px;
}
a{
	text-decoration:none
}
a img{
	cursor:pointer;
}
input.input{
	margin:0;
	padding:2px 10px;
	width:160px;
	height:18px;
	background:#FFFFFF url(../images/input.png) no-repeat center center;
	border:none
}
small{
	font-size:50%;
}
.neoen{
	color:#113d70;
	font-weight:bold;
}

a:hover .neoen{
	color:#EE820F;
}

#neoen{
	position:relative;
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	background: url(../images/background-content.png) repeat-y top center;
	_background: url(../images/background-content.gif) repeat-y top center
}
#page{
	margin:0 auto;
	width:990px;
	z-index:50
}
#header{
	padding:5px;
	height:120px;
	/* background:#FFFFFF url(../images/background-content-top.png) no-repeat top center */
}
#logo{
	float:left;
	margin:35px 0 0 20px
}
#topmenu{
	float:right;
	margin:50px 10px 0 0
}
#topmenu li{
	float:left;
	padding:5px 5px 5px 20px;
	background:url(../images/separator.png) no-repeat 6px 2px
}
#topmenu li.first{
	padding:5px;
	background:none
}
#topmenu li a{
	font-size:17px;
	font-weight:bold;
	color:#113d70
}
#topmenu li a:hover,
#topmenu li.active a{
	color:#EE820F
}
#content{
	padding:5px 0 55px 0
}
#menu{
	margin:0 0 30px 0
}
#menu li a{
	padding:35px 0 0 110px;
	width:112px;
	height:50px;
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#113d70;
	text-transform:uppercase
}
#menu li a:hover,
#menu li:hover a,
#menu li.active a{ color:#EE820F; }
#menu li.biomasse a{ background: url(../images/menu/biomasse.png) no-repeat bottom left; }
#menu li.eolien a{ background: url(../images/menu/eolien.png) no-repeat bottom left; }
#menu li.marine a{ background: url(../images/menu/marine.png) no-repeat bottom left; padding:25px 0 0 110px; height:60px; }
#menu li.solaire a{ background: url(../images/menu/solaire.png) no-repeat bottom left; }
#menu li.biomasse.active a,
#menu li.biomasse a:hover{ background: url(../images/menu/biomasse_on.png) no-repeat bottom left; }
#menu li.eolien.active a,
#menu li.eolien a:hover{ background: url(../images/menu/eolien_on.png) no-repeat bottom left; }
#menu li.marine.active a,
#menu li.marine a:hover{ background: url(../images/menu/marine_on.png) no-repeat bottom left; }
#menu li.solaire.active a,
#menu li.solaire a:hover{ background: url(../images/menu/solaire_on.png) no-repeat bottom left; }
#sousmenu{
	position:relative;
	margin:0 9px 10px 9px;
	padding:10px;
	background:url(../images/background-menu2.png) no-repeat center bottom;
}
#sousmenu img.maskbr{
	position:absolute;
	bottom:0;
	right:0;
}
#sousmenu img.maskbl{
	position:absolute;
	bottom:0;
	left:0;
}
#sousmenu li.first a{
	border:none
}
#sousmenu a{
	width:185px;
	line-height:17px;
	font-size:14px;
	padding:4px 0;
	color:#434343;
	border-top:1px dotted #434343;
	display:block
}
#sousmenu a:hover,
#sousmenu li.active a{
	color:#EE820F
}
#content .box{
	margin:0 9px;
	padding:0 0 10px 0
}
#content .box{ width:203px }
#content .box.wide{ width:227px }
#content .box.centre{ margin:10px 5px; width:535px }
#content .box .header{
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	color:#FFFFFF
}
#content .box .header{ background: url(../images/box-header.png) no-repeat center bottom }
#content .box.wide .header{ background: url(../images/box-header-wide.png) no-repeat center bottom }
#content .box.centre .header{ line-height:32px; background: url(../images/box-header-center.png) no-repeat center bottom }
#content .box.tall .header{ padding:6px 0 7px 0; line-height:15px; background: url(../images/box-header-tall.png) no-repeat center bottom }
#content .box  .texte {
	padding:0 1px 5px 1px
}
#content .box  .texte p{
	position:relative;
	padding:0 5px
}
#content .box  .texte li{
	padding:5px 5px 0 20px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#646464;	
	background:url(../images/puce-orange.gif) no-repeat 10px 9px;
	position:relative;
}
#content .box  .texte li.link{
	text-align:right;
	padding:0 10px 0 0;
	background:none;
}
#content .box  .texte li a{
	font-weight:bold;
	/* color:#113d70 */
	color:#EE820F;
}
#content .box  .texte li a:hover{
	/* color:#EE820F */
	color:#113d70;
}
#content .box  .texte{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#113d70
}

#content .box  .texte .rejoindre p{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#646464
}
#content .box  .texte .floatright{
	margin:0;
}
#content .box  .texte .telephone, #content .box  .texte .ecrire{
	margin:auto;
	padding:5px 0 0 0;
	text-align:right;
	width:195px
}
#content .box  .texte .ecrire img{
	margin:0 25px 0 0;
	vertical-align:middle
}
#content .box  .texte .compteur a{
	font-size:12px;
	/* color:#113d70 */color:#EE820F
}
#content .box  .texte .compteur a:hover{
	/* color:#EE820F */color:#113d70
}
#content .box  .texte .compteur .montant{
	padding:10px 5px 5px 5px;
	font-weight:normal;
	line-height:31px;
	text-align:right;
	color:#434343;
	background:url(../images/compteur.png) no-repeat right 11px
}
#content .box  .texte .compteur .montant span{
	margin:0 15px;
	padding:0 0 0 5px;
	text-indent:2px;
	font-size:22px;
	letter-spacing:6px;
	background:url(../images/compteur-chiffres.png) repeat-x 2px center
}
#content .box  .texte .potentiel img.floatleft{
	margin:0 5px 0 0
}
#content .box  .texte .potentiel{
	padding:5px 2px;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
}
#content .box  .texte .potentiel:hover p{
	color:#EE820F
}
#content .box  .texte .potentiel p{
	margin:10px 0 15px 0;
	padding:0;
	font-size:12px;
	text-align:left;
}
#content .box  .texte .potentiel table{
	margin:auto
}
#content .box  .texte .potentiel td{
	padding:2px 0
}
#content .box  .texte .potentiel td.submit{
	text-align:center
}
#content .box  .texte .potentiel label{
	font-weight:bold;
	color:#646464
}
#content .box .realisations{
	cursor:pointer;
}
#content .box .realisations:hover a{
	color:#EE820F
}
#content .box  .offres{
	padding:0 0 0 1px;
	width:532px;
	min-height:235px
}
#content .box  .offres ul{
	margin:0;
	padding:0;
}
#content .box  .offres li{
	padding:0;
	float:left;
	text-align:center;
	background:none;
	cursor:pointer
}
#content .box  .offres li img{
	display:block
}
#content .box  .offres li .legend{
	padding:0 0 5px 0;
	color:#113d70;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
#content .box  .offres .solaire li .legend{
	width:150px;
	margin:0 0 0 10px
}
#content .box  .offres .biomasse li .legend{
	width:250px;
	margin:0 0 0 15px
}
#content .box  .offres li .legend h4{
	font-size:14px;
	font-weight:bold
}
#content .box  .offres li:hover a{
	color:#EE820F
}
#content .box  .texte{ background: url(../images/box-content.png) no-repeat center bottom }
#content .box.wide  .texte{ background: url(../images/box-content-wide.png) no-repeat center bottom }
#content .box.centre  .texte{ background: url(../images/box-content-center.png) no-repeat center bottom }
#content .box  .diaporama{
	position:relative;
	width:225px;
	height:185px;
	overflow:hidden
}
#content .box  .diaporama li{
	position:absolute
}
#content .box  .diaporama  .mask{
	position:absolute;
	bottom:0;
	_bottom:-1px;
	left:0
}
#content .box  .diaporama_controls{
	position:absolute;
	top:0px;
	left:0px;
	padding:5px;
	height:20px;
	width:215px;
	background:#FFFFFF;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
	overflow:hidden
}
#content .box  .diaporama_controls  .prev,
#content .box  .diaporama_controls  .next,
#content .box  .diaporama_controls  .pause,
#content .box  .diaporama_controls  .play{
	font-weight:normal;
	width:18px;
	height:18px;
	text-indent:-9999px;
	display:inline-block;
	margin:0 3px
}
#content .box  .diaporama_controls .title{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#113d70
}
#content .box  .diaporama_controls .title a{ color:#113d70 }
#content .box  .diaporama_controls .title a:hover{ color:#EE820F }
#content .box  .diaporama_controls .prev{ float:left; background:url(../images/fleches_diapo.png) no-repeat top right }
#content .box  .diaporama_controls .next{ float:right; background:url(../images/fleches_diapo.png) no-repeat top left }
#content .box  .diaporama_controls .pause, #content .box  .diaporama_controls .play{ display:none }
#content .content{
	font-size:13px;
	padding:10px 0 0 0;
}
#content .content .scroll{
	width:535px;
	height:575px
}
body#erreur404 #content .content{
	width:950px;
}
#content .content .jScrollPaneContainer{
	width:535px !important;
	height:575px !important
}
body#erreur404 #content .content .jScrollPaneContainer{
	width:950px !important;
}
#content .content .jScrollPaneContainer .scroll{
	width:515px !important;
	height:auto !important;
}
body#erreur404 #content .content .jScrollPaneContainer .scroll{
	width:930px !important;
}
#content .content .text{
	padding:0 0 0 10px
}
#content .content p{
	margin:10px 0 0 0;
	text-align:justify
}
#content .content table p{
	text-align:inherit;
}
#content .content ul{
	margin:10px 0 0 0
}
#content .more div.cadreleft, #content .preview div.cadreleft,
#content .more div.cadreright, #content .preview div.cadreright,
#content .more span.cadreleft, #content .preview span.cadreleft,
#content .more span.cadreright, #content .preview span.cadreright,
#content .more img.cadreleft, #content .preview img.cadreleft,
#content .more img.cadreright, #content .preview img.cadreright{
	padding:0;
}


#content .more p.cadreleft, #content .preview p.cadreleft,
#content .more p.cadreright, #content .preview p.cadreright{
	*margin-top:15px;
}
#content .more .cadreleft, #content .preview .cadreleft{
	float:left;
	margin:5px 15px 3px 0;
	padding:20px;
	background:#dceaf2;
	color:#113d70;
	text-align:center;
	font-size:16px;
	line-height:20px;
	font-style:italic;
	font-weight:bold
}
#content .more .cadreright, #content .preview .cadreright{
	float:right;
	margin:5px 0 3px 15px;
	padding:20px;
	background:#dceaf2;
	color:#113d70;
	text-align:center;
	font-size:16px;
	line-height:20px;
	font-style:italic;
	font-weight:bold
}

#home #content .content a,
#content .more a,
#content .preview a{
	text-decoration:underline;
}
#home #content .content a:hover,
#content .more a:hover,
#content .preview a:hover{
	text-decoration:none;
}
#content .more .cadreleft li,#content .more .cadreright li,
#content .preview .cadreleft li,#content .preview .cadreright li{
	list-style-type:none;
	list-style-image:none;
	background:none;
	padding:0;
}
#content .more ul, #content .preview ul{
	margin:10px 0 0 0;
}
#content .more li, #content .preview li{
	padding:0 0 0 25px;
	background: url(../images/puce.gif) no-repeat 13px 5px;
}
#content .more{
	margin:5px 0 0 0
}
#content .show{
	text-align:right;
	margin:0;
	padding:2px 0 5px 0;
	font-size:10px;
	font-weight:bold;
}
#content .content .show a{
	position:relative;
	color:#113d70
}
#content .content a{
	color:#113d70
}
#content .content a:hover{
	color:#EE8018
}
#home #content .content{ margin:0 25px; width:470px }
#infos #content .content{ margin:0; width:755px }
#content .content{ margin:0; width:540px }
#content .intro{
	position:relative;
	padding:15px 0;
	margin:0 0 10px 0;
	_margin:0
}
#content .intro .top{
	position:absolute;
	top:0;
	left:0;
	width:540px;
	height:20px;
	z-index:5;
	background:url(../images/background-intro-top.gif) no-repeat top center
}
#content .intro .separator{
	height:30px;
	background:url(../images/background-intro-separator.gif) no-repeat center center
}
#content .intro .bottom{
	position:absolute;
	bottom:0;
	left:0;
	width:540px;
	height:20px;
	z-index:5;
	background:url(../images/background-intro-bottom.gif) no-repeat top center
}
#content .intro h2{
	margin:5px 0;
	font-size:16px;
	font-weight:bold;
	color:#EE8018
}
#content .intro table{
	width:100%;
	background:url(../images/background-intro-border.gif) repeat-y top center;
	cursor:pointer;
}
#content .intro table:hover a{
	color:#EE8018
}
#content .intro  td{
	padding:0 10px;
	width:50%;
	vertical-align:middle;
}
#content .intro .texte p{
	font-size:12px;
	line-height:15px
}
#content .intro  .left p{ text-align:left }
#content .intro  .right p{ text-align:right }
#content .intro .texte{
	bottom:0px;
	right:12px;
}
#content .content h1{
	margin:0 0 10px 0;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	color:#113d70
}
#content .content .scroll{
	overflow:auto;
}
#content .content .scroll h1{
	font-size:14px;
}
#content .content h2{
	margin:15px 0 -5px 0;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#EE820F
}
#content .content h2.even{
	color:#EE820F
}
#content .content h2.odd{
	color:#FFAE58
}
#content .content h3{
	margin:0 0 5px 15px;
	font-size:13px;
	font-weight:normal;
	line-height:15px;
	color:#EE820F
}
#home #content .content h1{
	margin:0 0 8px 0;
	font-size:22px;
	font-weight:normal;
	line-height:1.5em;
	color:#EE820F
}
#content .content .floatright{
	margin:0
}
#content .floatright{
	margin:14px 0 0 0
}
#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	/* background: url(../images/background-content.png) repeat-y top center;
	_background: url(../images/background-content.gif) repeat-y top center; */
	z-index:50
}
#footer ul{
	margin:0 auto;
	padding:10px 0;
	width:990px;
	height:30px;
	/* background:#FFFFFF url(../images/background-content-bottom.png) repeat-x center bottom; */
	text-align:center
}
#footer li{
	display:inline;
	padding:0 0 0 20px;
	background:url(../images/separator.gif) no-repeat 10px 5px
}
#footer li.first{
	padding:0;
	background:none
}
#footer li a{
	font-size:11px;
	color:#025377
}
#footer li a:hover, #footer li a.active{
	color:#EE820F
}
#bottom{
	/* position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	background:#FFFFFF url(../images/background-bottom.png) repeat-x center bottom;
	z-index:10 */
	display:none;
}
#contact_form td{
	padding:5px 15px 5px 0;
}
#contact_form input, #contact_form select, #contact_form textarea{
	width:100%;
	padding:2px 0
}
#contact_form .normal{
	width:auto
}
#contact_form  #error{
	text-align:center;
}
#contact_form  #error .error{
	color:#EE820F;
	font-weight:bold;
	font-size:14px;
}
#contact_form .legend{
	font-style:italic;
	font-size:10px;
	text-align:justify;
}
#contact_form  li{
	padding:0 0 0 25px;
	background: url(../images/puce.gif) no-repeat 10px 5px;
	font-size:14px;
	font-weight:bold;
	margin:0 0 25px 0;
}
#contact_form  li .adresse{
	font-size:13px;
	font-weight:normal
}
#contact_form li table{
	font-size:13px;
	font-weight:normal;
}
#contact_form li table td{
	vertical-align:top;
}
#contact_form  li img{
	vertical-align:top;
}
/* ===== ===== ===== Banniere ===== ===== ===== */
#content .banniere{
	position:relative;
	padding:10px;
	overflow:hidden;
	width:745px;
	height:355px;
	background:url(../images/background-banniere.png) no-repeat center center;
	text-align:center;
}
#content .banniere .pagination{
	position:absolute;
	bottom:20px;
	right:20px;
}
#content .banniere .pagination li{
	float:left;
	margin:0;
	font-size:12px;
	width:18px;
	text-align:center
}
#content .banniere .pagination a{
	color:#113d70
}
#content .banniere .pagination a:hover, #content .banniere .pagination li:hover a{
	color:#EE820F
}
#content .banniere .pagination img{
	vertical-align:middle;
	display:block
}
#content .banniere .pagination li.active{
	padding:2px 0 0 0;
	line-height:22px;
	background:url(../images/banniere/background-num_on.png) no-repeat top center
}
#content .banniere .pagination li.num{
	padding:2px 0 0 0;
	line-height:22px;
	background:url(../images/banniere/background-num.png) no-repeat top center
}
#animate{
	height:355px;
	width:745px;
	display:block;
	position:relative;
	overflow:hidden;
	text-align:left;
}
/* ===== ===== ===== Coins arrondis des images ===== ===== ===== */
.masque{
	position:relative;
	margin:0 0 5px 0;
	overflow:hidden;
}
.masque .tl{
	position:absolute;
	top:0;
	left:0;
	width:15px;
	height:15px;
	background:url(../images/masque-tl.png) no-repeat top left;
}
.masque .tr{
	position:absolute;
	top:0;
	right:0;
	width:15px;
	height:15px;
	background:url(../images/masque-tr.png) no-repeat top right;
}
.masque .bl{
	position:absolute;
	bottom:0;
	_bottom:1px;
	left:0;
	width:15px;
	height:15px;
	background:url(../images/masque-bl.png) no-repeat bottom left;
}
.masque .br{
	position:absolute;
	bottom:0;
	_bottom:1px;
	right:0;
	width:15px;
	height:15px;
	background:url(../images/masque-br.png) no-repeat bottom right;
}

/* ===== ===== ===== Scrollbar ===== ===== ===== */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #D9D9D9;
}
.jScrollPaneDrag {
	position: absolute;
	background: #113d70;
	cursor: pointer;
	overflow: hidden;
	height:150px !important;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 0px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height:0px;
}

/**/
.nyroModalClose{
	float:right;
	height:20px;
	overflow:hidden;
	text-indent:-500px;
	width:73px;
	background:url(../images/close.png) no-repeat center top;
}