body {
background-color:#A2C42F;
margin:0;
padding:0;
}

h1 {
font-family:arial,helvetica,sans-serif;
font-size:1.2em;
color:#FFFFFF;
text-align:left;
font-weight:bold;
line-height:100%;
margin:6px 6px 18px 6px;
padding:0;
}

h2 {
font-family:arial,helvetica,sans-serif;
font-size:0.85em;
color:#246231;
text-align:left;
font-weight:bold;
line-height:120%;
margin:15px 6px 0 6px;
padding:0;
}

h3 {
font-family:arial,helvetica,sans-serif;
font-size:0.8em;
color:#5D8F45;
text-align:left;
font-weight:bold;
line-height:120%;
margin:12px 6px 0 6px;
padding:0;
}


p {
font-family:arial,helvetica,sans-serif;
font-size:0.75em;
color:#202020;
text-align:justify;
line-height:120%;
margin:6px;
padding:0;
}

ul {
font-family:arial,helvetica,sans-serif;
font-size:0.75em;
font-weight:normal;
color:#202020;
text-align:left;
line-height:120%;
margin:18px 0;
padding:0;
}

li {
font-family:arial,helvetica,sans-serif;
margin-top:6px 6px 6px 0;
padding:0;
}

img {
border:none;
margin:0;
padding:0;
}

a:link {
color:#5D8F45;
text-decoration:underline;
}

a:visited {
color:#5D8F45;
text-decoration:underline;
}

a:hover {
color:#246231;
text-decoration:underline;
}

#container {
width:990px;
height:570px;
margin:auto;
padding:0;
text-align:left;
}

#headerNav {
position:absolute;
left:454px;
top:0;
margin:0;
padding:0;
list-style:none;
height:40px;
z-index:1;
}

#headerNav li {
float:left;
width:130px;
height:40px;
margin:0 0 0 3px;
padding:0;
}

#headerNav li a {
display:block;
width:130px;
height:40px;
background:url('images/navLink.gif') no-repeat;
color:#A7D16E;
text-align:center;
text-decoration:none; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:arial, helvetica, sans-serif; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}

#headerNav li a:hover {
display:block;
width:130px;
height:40px;
background:url('images/navHover.gif') no-repeat;
color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:arial, helvetica, sans-serif
}

#headerNav #current a {
display:block;
width:130px;
height:40px;
background:url('images/navCurrent.gif') no-repeat;
color:#FFFFFF;
cursor:default; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:arial, helvetica, sans-serif
}

#headerNav #currentSub a {
display:block;
width:130px;
height:40px;
background:url('images/navCurrent.gif') no-repeat;
color:#FFFFFF; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:arial, helvetica, sans-serif
}

#header {
position:relative;
left:0;
top:0;
width:100%;
height:160px;
margin:0;
padding:0;
text-align:left;
}

#banner {
position:absolute;
left:390px;
top:45px;
margin:0;
padding:0;
height:100px;
}

#page-content {
position:relative;
height:514px;
}

#page-content-former {
position:relative;
height:514px;
background: #FFFFFF url('images/page2bgd.jpg') no-repeat top left;
}

#page-content-accompagner {
position:relative;
height:514px;
background: #FFFFFF url('images/page3bgd.jpg') no-repeat bottom right;
}

#page-content-qualite {
position:relative;
height:514px;
background: #FFFFFF url('images/page4bgd.jpg') no-repeat bottom center;
}

#page-content-aboutUs {
position:relative;
height:514px;
background: #FFFFFF url('images/scenebgd.jpg') no-repeat bottom left;
}

#left-column {
float:left;
width:40%;
margin:0 0 0 50px;
padding:6px;
}

#right-column {
float:right;
text-align:right;
width:40%;
margin:0 50px 0 0;
padding:6px;
}

#full-width {
width:100%;
margin:0;
padding:0;
text-align:left;
clear:both;
}

#full-width ul {
margin:6px 0 0 20px;
padding:0;
}

#full-width li {
margin:3px 0;
padding:0;
}

#homeFooter p {
color:#000000;
text-align:center;
line-height:100%;
margin:0;
padding:0;
}

#homeFooter a:link, #footer a:link {
color:#006600;
text-decoration:none;
}

#homeFooter a:visited, #footer a:visited {
color:#555555;
text-decoration:none;
}

#homeFooter a:hover, #footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#footer p {
color:#000000;
text-align:center;
line-height:100%;
margin:9px 0 0 0;
padding:0;
}

.notes {
font-size:0.7em;
color:#555555;
margin:18px 6px 6px 6px;
padding:0;
}

.image-align-middle {
vertical-align:middle;
}

.leftInText {
float:left;
margin:6px 6px 6px 0;
}

.rightInText {
float:right;
margin:6px 0 6px 6px;
}

.circles {
margin:12px 6px;
padding:0;
}

.circlesColleft {
margin:280px 0 0 180px;
padding:0;
}

/* 3 column layout */

/* column container */
.colmask {
position:relative;			/* fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;					/* width of whole page */
overflow:hidden;			/* chops off any overhanging divs */
margin:0;
padding:6px;
}

/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;					/* width of page */
position:relative;
}

.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0;					/* padding on columns */
overflow:hidden;
}

/* 3 Column settings */
.threecol {
}

.threecol .colmid {
right:40%;					/* width of the right column */
}

.threecol .colleft {
right:38%;					/* width of the middle column */
}

.threecol .col1 {
width:30%;					/* width of center column content (column width minus padding on either side) */
left:102%;					/* 100% plus left padding of center column */
}

.threecol .col2 {
width:28%;					/* width of left column content (column width minus padding on either side) */
left:44%;					/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
width:32%;					/* width of right column content (column width minus padding on either side) */
left:80%;					/* (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}