/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	background: url(/images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
/* Set the last 0 to -200px to use that part of the external.gif image for different color*/
	background: url(/images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	background: url(/images/cms/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */html,body{
margin:0;
padding:0;
}

body{
font: 76% arial,sans-serif;
color: #fff;
background: #66553f url(/uploads/images/interface/bande_pied_site.png) top left repeat-y;
}

p{
margin:0px 10px 10px 10px;
}

a{
color: #e75221;
}

a img{
border:none;
}

h1, h2, h3 {
font-family:"Trebuchet MS",sans-serif;
}

div#container{
background: #514332 url(/uploads/images/interface/barre_bicolore_blanc_brun.gif) top left repeat-y;
}

div#header{
position:relative;
height:190px;
color:#e75221;
}

div#header h1{
margin-top:0;
margin-left:20px;
}

div#header h2{
display: block;
position:absolute;
top:130px;
left:0px;
width:440px;
text-align:right;
font:italic 18px "Trebuchet MS",sans-serif;
}

#header h1 a {
display: block;
height: 174px;
margin:0;
padding:0;
background: url(/uploads/images/interface/logo_positivenergies.png) no-repeat top left !important;
background: url(/uploads/images/interface/logo_positivenergies.gif) no-repeat top left;
text-indent: -999em;
text-decoration:none;
}

div#ariane{
position:absolute;
left:470px;
bottom:25px;
color:#fff;
}

div#wrapper{
position:relative;
float:right;
width:100%;
margin-left:-470px;
}

div#slogan{
display: block;
position:absolute;
top:-150px;
width:100%;
margin:0 auto;
text-align:center;
font:italic 22px "Trebuchet MS",sans-serif;
}

div#search{
display: block;
position:absolute;
top:-200px;
right:0px !important;
right:10px;
margin-right:0;
}

#search-input{
width:110px;
background: #a08563;
}

#search-button{
position:relative;
bottom:-11px;
}

div#content{
position:relative;
margin-left:490px;
margin-right:50px;
min-height:590px;
background:url(/uploads/images/interface/essai.png) top center no-repeat;
}

div#content p{
line-height:1.4;
}

div#content h3{
color:#ffaa06;
}

div#left{
position:relative;
float:left;
width:470px;
margin-top:18px;

}

div#encarts{
background:#3b3124;
width:216px;
height:475px;
float:left;
margin-left:20px !important;
margin-left:10px;
}

div#chiffre{
position:relative;
height:120px;
background: url(/uploads/images/interface/encart_planete_chiffres.png) top left no-repeat;
color:#ffaa06;
}

div#chiffre a{
position:relative;
top:20px;
color:#ffaa06;
cursor:pointer;
}

div#chiffre h3{
width:150px;
font-size:40px;
line-height:45px;
font-weight:800;
text-align:center;
text-decoration:none;
margin:0 0 0 2px;
padding:0;
}

div#chiffre p{
text-align:center;
width:150px;
font-size:12px;
font-weight:bold;
text-decoration:underline;
margin:0 0 0 4px;
}

div#quizz{
height:125px;
}

div#quizz input{
width:150px;
}

div#quizz .submitbtn{
width:30px;
}

div#menu{
position:relative;
width:214px;
margin-left:250px;
}

div#footer{
clear:both;
position:relative;
top:50px;
background: #66553f url(/uploads/images/interface/bande_pied_site.png) top left repeat-y;
font-size:0.9em;
}

div#footer_content{
position:relative;
margin-left:460px;
padding-top:10px;
background: #9a8d7c;
}

iframe {
border:none;
}

.saut {
clear: both;
}

div#CGGoogleMaps0{
color:#514332;
margin-left:165px;
}

div#coordonnees{
width:165px;
float:left;
}

#eleo{
position:absolute;
bottom:60px;
left:40px;
}

.stabilo_vert{
background:#c1cb0d;
color: #38240b;
}
.stabilo_orange{
background:#e75221;
color: #38240b;
}
.stabilo_jaune{
background:#ffaa06;
color: #38240b;
}

.image_gauche{
float:left;
margin: 0 10px 10px 0;
}

.image_droite{
float:right;
margin: 0 0 10px 10px;
}#menu {
padding: 0;
font-weight: bold;
color:#38240b;
font-family:"Trebuchet MS",sans-serif;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu ul ul {
margin-left: 3px;
}

/* menu li block */
#menu li {
   list-style: none;
   margin: 0;
   display: block;
   text-transform: uppercase;
}

#menu ul ul li {
   border: none;
   background-image: none;
   text-transform: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu li a { height: 1%; } 
* html #menu li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu a {
   text-decoration:none;
   display: block; /* IE has problems with this, fixed above */
   padding: 3px; 
   color: #38240b; /* link color for all levels */
   min-height:1em; /* Fixes IE7 whitespace bug */ 
   font-size: 130%;
}

/* next level links, more padding and smaller font */
div#menu ul ul a {
   font-size: 110%;
   padding: 3px;
}

div#menu ul ul ul a {
font-size: 100%;
padding: 3px;
font-style:italic;
}

/* hover state for all links */
div#menu a:hover {
   color: #e75221;
}

div#menu a.activeparent:hover {
   color: #e75221;
}

/* 
active parent, that is the first-level parent 
of the current page 
*/
div#menu li a.activeparent {
   background: #514332; 
   color: #fff;
}

div#menu ul ul li a.activeparent {
   background: #514332; 
   color:#fff;
}

/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu ul h3 {
   background-color: #514332;
   display: block; 
   padding: 3px;
   color: #fff;
   font-size: 130%;
   margin: 0; /* as <h3> normally has some margin by default */
   height: 1%; /* IE6 fix */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu ul ul h3 {
font-size: 110%;
padding: 3px;
color: #e75221;
background:none;
}

div#menu ul ul ul h3 {
font-size: 100%;
padding: 3px;
font-style:italic;
background:none;
}

/* section header */
div#menu li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 3px;
   /*background-color: #fff;*/
   line-height: 1em;
   margin: 0;
   text-align:center;
}


/* separator */
div#menu li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu li.separator hr {
   display: none; /* this is for accessibility */
}#s3slider {
   width: 216px; /* important to be same as image width */
   height: 230px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider ul, #s3slider li{
padding:0;
margin:0;
}

#s3sliderContent {
   width: 216px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 216px;
   background-color: transparent;
   color: #fff;
   display: none; /* important */
   top: 0;
}

.clear {
   clear: both;
}.contactform {
padding: 10px;
}

.contactform fieldset {
border: none;
padding: 0;
background-color: transparent;
}

.contactform label {
font-weight: bold;
}

.contactform div {
padding: 0.1em 0;
width: 100%;
}

.contactform div label {
display: block;
}

.contactform div.required {
color: #ffaa06;
}

.contactform fieldset input {
width: 50%;
}

textarea {
width: 80%;
}

.contactform input, select {
margin-bottom: 1em;
}

.submit {
text-align: center;
margin-top: 1em;
}

.fbsubmit {
}div#news {
/* margin for the entire div surrounding the news items */
	margin: 2em 0 1em 1em;
/* border set here */
	border: 1px solid #909799;
/* sets it off from surroundings */
	background: #f5f5f5;
}
div#news h2 {
	line-height: 2em;
/* you can set your own image here */
	background: url(uploads/ngrey/darknav.png) repeat-x left center;
	color: #f5f5f5;
	border: none
}
.NewsSummary {
/* padding for the news article summary */
	padding: 0.5em 0.5em 1em;
/* margin to the bottom of the news article summary */
	margin: 0 0.5em 1em 0.5em;
	border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
/* smaller than default text size */
	font-size: 90%;
/* bold to set it off from text */
	font-weight: bold;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
}
.NewsSummaryCategory {
/* italic to set it off from text */
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
/* italic to set it off from text */
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
	line-height: 140%;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: bold;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailCategory {
/* italic to set it off from text */
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}
/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
}#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #1d1812; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #c1cb0d; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #c1cb0d; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/uploads/lytebox_v3.22/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(/uploads/lytebox_v3.22/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/uploads/lytebox_v3.22/images/prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(/uploads/lytebox_v3.22/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/uploads/lytebox_v3.22/images/next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(/uploads/lytebox_v3.22/images/close_grey.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(/uploads/lytebox_v3.22/images/play_grey.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(/uploads/lytebox_v3.22/images/pause_grey.png) no-repeat; }