html{
/*
Moz */
	height:100%;
}
/* Main Layout
------------------------------ */
body{
background:#222222;
margin:0px;
text-align:center;
font:normal 12px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
color:#777777;
}
#logo_header{
display:block;
position:relative;
width:900px;
height:89px;
margin:0 auto;
background:#222222 url(http://www.exploration-photo.com/image/logo_header2.png) 0 0px no-repeat;
}
#logo_header h1{
display:block;
font:17px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
color:#339fc6;
position:absolute;
top:60px;
left:290px;
padding:0;
margin:0;
}
#link_home{
display:block;
width:100%;
height:55px;
}
#link_home span{
display:none;
}
#link_home span{
display:none;
}
.main{
text-align:left;
margin:0px auto;
width:900px !important;
width:900px;
background:url(http://www.exploration-photo.com/image/menu2.png);
padding:0px 0px 0px;
}
.menu{
float:left;
width:275px;
padding:40px 0px 0px 0px;
}
.menu_style_1{
width:250px;
font:16px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
text-align:left;
line-height:2.5;
padding:0px 0px 0px 20px;
}
.menu_style_2{
width:250px;
font:14px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
text-align:left;
line-height:1.8;
padding:40px 0px 0px 40px;
}
.menu_style_3{
width:250px;
font:14px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
text-align:left;
line-height:1.8;
padding:0px 0px 0px 40px;
}
.menu_info{
width:250px;
text-align:justify;
font:11px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
color:#CCCCCC;
padding:10px 0px 10px 40px;
border-top: solid 0px #3399cc;
border-right: solid 0px #999;
border-left: solid 0px #CCC;
border-bottom: solid 0px #3399cc;
margin:30px 0px 0px 0px;
}
.rightbody{
float:right;
width:625px;
background:#222222;
}
#prochaines_dates{
display:block;
float:left;
text-align:justify;
font:12px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
width:315px;
height:145px;
padding:0px 0px 0px 15px;
margin:15px 0px 15px 0px;
}
.twitter{
float:right;
width:260px;
margin:15px 15px 15px 0px;
}
#prochainstages{
width:250px;
text-align:justify;
font:11px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
color:#CCCCCC;
padding:10px 0px 10px 40px;
border-top: solid 1px #3399cc;
border-right: solid 0px #999;
border-left: solid 0px #CCC;
border-bottom: solid 1px #3399cc;
margin:80px 0px 0px 0px;
}
#prochainsvoyages{
width:320px;
text-align:justify;
padding:10px 0px 10px 30px;
margin:40px 0px 0px 120px;
background-color:#E2E2E2;
}
#backgroundtitle{
float:right;
width:610px;
height:50px;
background-color:#888888;
}
#title{
position:absolute;
text-align:left;
width:599px;
height:35px;
font:24px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
letter-spacing:0px;
color:#FFFFFF;
left: 10px;
top: 389px;
}
#titlestage{
position:absolute;
text-align:left;
width:599px;
height:35px;
font:24px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
letter-spacing:0px;
color:#FFFFFF;
left: 10px;
top: 538px
}
.image{
float:right;
position:relative;
width:610px;
}
.content_accueil{
float:right;
position:relative;
background-color:#FFFFFF;
width:610px;
padding:0px 0px 0px 0px;

}
.content{
float:right;
position:relative;
background-color:#FFFFFF;
width:590px;
padding:0px 10px 20px 10px;

}
.intro{
width:590px;
text-align:justify;
padding:10px 0px 10px 0px;
margin-bottom:10px;
}
.logoform{
text-align:left;
background-color:#222222;
width:590px;
}
.form{
text-align:left;
background-color:#FFFFFF;
width:590px;
}
.theme{
text-align:justify;
width:570px;
background-color:#e2e2e2;
padding:10px 0px 10px 20px;
margin:20px 0px 20px 0px;
}
.niveau{
float:right;
width:590px;
text-align:left;
margin:10px auto;
}
.stage{
width:590px;
text-align:justify;
}
.qui{
float:right;
width:590px;
margin:10px auto;
}
.calendrier{
float:right;
width:590px;
text-align:justify;
}
.inscription{
width:590px;
text-align:justify;
}
#brochure{
position:absolute;
width:135px;
height:45px;
left: 434px;
top: 283px;
}
/* Font Styles
------------------------------ */
.h1{
font:15px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
color:#555555;
font-weight: bold;
}
.h2{
font:13px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
color:#3ec480;
}
.h3{
font:24px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
color:#3ec480;
}
.h4{
font:13px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
color:#666666;
font-weight: bold;
}
/* Link Styles
------------------------------ */
a:link, a:active, a:visited{
text-decoration:none;
color:#3399cc;
}
a:hover, a:focus{
text-decoration:none;
color:#CCCCCC;
}
a.menu_style_1{
text-decoration:none;
color:#FFFFFF;
}
a:hover.menu_style_1{
text-decoration:none;
color:#3399cc;
}

/* Footer Styles
------------------------------ */
.menufooter{
float:right;
width:590px;
padding:20px 0px 20px 0px
}
.footer{
float:right;
width:900px;
text-align:right;
background-color:#222222;
font:11px Helvetica;
color:#666666;
padding:15px 0px 10px 0px
}
.copyright{
float:left;
width:900px;
text-align:left;
background-color:#222222;
font:11px Helvetica;
color:#666666;
padding:0px 0px 10px 0px
}

.boitefooter{
float:Left;
width:215px;
height:160px;
text-align:left;
background-color:#111111;
font:11px Helvetica;
color:#CCCCCC;
line-height:1.9;
padding:10px 0px 10px 10px
}
.footer2{
float:right;
width:900px;
background-color:#222222;
font:12px Helvetica;
color:#666666;
padding:0px 0px 20px 0px
}
.partenaires{
float:right;
width:900px;
background-color:#222222;
font:80%/150% Helvetica;
color:#555555;
padding:0px 0px 20px 0px
}