/* Web Design Helios (used Quodis) */


/* BEGIN General Styles */
/* ----------------------------------------- */

html { height: 100% }

body {
	height: 100%;
	background-color: #004214;
	background: #FFF url(../img/layout/bodyBg.jpg) top center no-repeat;
}

div.cadre {
	background-color: #004214;
	width: 95px;
	height: 95px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	
	

}

.servicesdropped {
z-index: 1;
display:none;
text-align:left;
font-family:helvetica, arial, sans-serif;
position:relative;
background:#ffffff;
font-size:12px;
width:580px;
height:140px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #ffffff;
margin:10px 0 0 20px;
padding:10px 6px 10px 15px;
line-height:14px;
}

.servicesdropped p.textleft {
float:left;
font-size:12px;
width:200px;
margin:5px 20px 0 0;
padding:0 10px 5px 5px;
}

.servicesdropped ul.middle {
text-align:left;
float:left;
border-right:1px solid #333;
border-left:1px solid #333;
font-size:12px;
width:165px;
margin:0;
padding:0 5px 0 0;
}

.servicesdropped ul.right {
text-align:left;
float:left;
font-size:12px;
width:165px;
margin:0;
padding:0;
}

.servicesdropped ul.right li a,.servicesdropped ul.middle li a {
list-style-type:none;
display:block;
color:#888;
font-size:12px;
margin:0;
padding:5px 0 4px 20px;
}

.servicesdropped ul.middle li a:hover {
list-style-type:none;
color:#474747;
display:block;
font-size:12px;
margin:0;
padding:5px 0 4px 20px;
}

h3 {
font-size:12px;
font-family: arial black, verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#ffcc00;
font-weight:400;
text-transform:uppercase;
margin:0;
padding:4px 0 5px 15px;
}

p {
color:#000000;
line-height:14px;
padding:0 0 0px;
}

.image {
padding:0 0 3px 0;
}

.texte {
padding:0 0 2px 0;
}


.png {
padding:20px 0 0 0;
}

.modern_accordion {
	z-index:2;
    width : 800px;
    overflow : hidden;
    position: absolute;
}

.modern_accordion div {
    float : left;
} 

.modern_accordion .content {
    display : none;
    color : #000;
    background: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, Lucida;
    font-size: 10pt;
    padding: 5px 5px 2px 5px;
    width : 790px;
    margin-bottom: 2px;
}

.modern_accordion .title {
    background: #6a7809;
    margin : 0px 2px 2px 0px;
}

.modern_accordion .title_extended {
    background: #6a7809;
    margin : 0px 0px 2px 0px;
}

.modern_accordion .title a,
.modern_accordion .title_extended a {
    line-height: 1.2em;
    font-family: Helvetica Neue, Lucida Sans Unicode, Arial, Helvetica, Lucida;
    font-size: 10pt;
    text-decoration: none;
    outline: none;
    white-space: nowrap;
    padding : 4px 10px 4px 4px;
    color : #FFF;
    text-transform: uppercase;
    float: left;
}

.modern_accordion .active a, 
.modern_accordion .title a:hover {
    color : #ffcc00;
}




/* BEGIN Page Structure / Components */
/* ----------------------------------------- */

div#wrapper {
	margin: 0;
	height: 100%;
	width: 100%;
}


img#cloudL {
	position: fixed;
	top: 100px;
	left: 70%;
}

img#cloudM {
	position: fixed;
	top: 200px;
	left: 50%;
}

img#cloudS {
	position: fixed;
	top: 150px;
	left: 15%;
}


div#treesLWrapper,
div#treesRWrapper {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -490px;
	width: 980px;
}

div#treesLWrapper { }
div#treesRWrapper {  }

img#treeL1 {
	position: absolute;
	
	top: 300px;
	left: 130px;
}

img#treeL2 {
	position: absolute;
	
	top: 261px;
	left: 221px;
}

img#treeL3 {
	position: absolute;

	top: 359px;
	left: 225px;
}

img#treeR1 {
	position: absolute;

	top: 336px;
	right: 220px;
}

img#treeR2 {
	position: absolute;

	top: 260px;
	right: 104px;
}