/* CSS Document */

* {
margin:0;
padding:0;
font-size:12px;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

body {
background:url(images/bg_body.jpg) repeat-x;
background-color:#363636;
}

#global{
width:955px;
margin:0 auto;
background:url(images/bg_index.jpg) no-repeat;
}

#bandeau {
height:379px;
}

#menu {
padding-left:50px;
height:100px;
}

#logo {
margin-top:8px;
border:none;
float:left;
}

#logo2 {
padding:11px 0 0 373px;
}

#logo2 img {
border:none;
}

#menu ul {
float:left;
padding:0 0 0 50px;
}

#menu li {
display:inline;
}

#menu li a {
display:block;
float:left;
height:46px;
margin-top:14px;
}

#menu li a:hover {
height:62px;
margin-top:8px;
}

#bouton1 a {
background:url(images/bouton1.jpg) no-repeat;
width:92px;
}

#bouton1 a:hover {
background:url(images/bouton1b.jpg) no-repeat;
}

#bouton2 a {
background:url(images/bouton2.jpg) no-repeat;
width:136px;
}

#bouton2 a:hover {
background:url(images/bouton2b.jpg) no-repeat;
}

#bouton3 a {
background:url(images/bouton3.jpg) no-repeat;
width:148px;
}

#bouton3 a:hover {
background:url(images/bouton3b.jpg) no-repeat;
}

#bouton4 a {
background:url(images/bouton4.jpg) no-repeat;
width:95px;
}

#bouton4 a:hover {
background:url(images/bouton4b.jpg) no-repeat;
}

#contenu {
background-color:black;
width:875px;
margin-left:30px;
padding:10px;
}

#gauche {
float:left;
width:450px;
padding-right:20px;
}

#gauche ul {
padding-left:50px;
padding-top:10px;
}

#gauche ul li {
list-style-type:decimal;
}

#droite {
float:left;
padding-top:10px;
}

.clear {
clear:both;
}

h2 {
font-size:14px;
}

#pied {
text-align:center;
padding-top:5px;
line-height:18px;
padding-bottom:20px;
}

#pied a {
text-decoration:none;
}

#pied a:hover {
text-decoration:underline;
}


/* ######################################################### PAGE REALISATIONS ##################################################### */

#bloc1a {
float:left;
padding-left:10px;
}

#bloc1b {
}

#bloc1c {
float:left;
padding:2px 5px 5px 5px;
background:url(images/tranche.jpg) repeat-x;
}

.left {
float:left;
}

.marge_gauche {
margin-left:8px;
}

#bloc2 {
clear:both;
padding-top:10px;
padding-left:30px;
}

#bloc2a {
float:left;
width:360px;
padding:10px 10px 10px 10px;
background:url(images/tranche2.jpg) repeat-x;
}

#bloc3 {
clear:both;
padding-top:10px;
}

#bloc3a {
float:left;
padding-right:50px;
padding-left:90px;
}

#bloc3b {
background:url(images/tranche3.jpg) repeat-x;
padding:5px;
width:222px;
}

#bloc3b p {
color:#000000;
}

#bloc3c {
background:url(images/tranche3.jpg) repeat-x;
padding:5px;
width:222px;
margin-top:10px;
}

#bloc3c p {
color:#000000;
}

#bloc3d {
float:left;
background:url(images/tranche2.jpg) repeat-x;
width:394px;
padding:5px 10px 0 10px;
}

#bloc4 {
clear:both;
padding-left:120px;
padding-top:10px;
}

#bloc4 img {
margin-left:20px;
}

#bloc5 {
padding-top:20px;
}

#bloc5a {
float:left;
padding-top:15px;
padding-left:40px;
width:240px;
}

#bloc5b {
float:left;
width:222px;
text-align:center;
padding:25px 30px 0 30px;
}

#bloc5c {
float:left;
padding-top:15px;
width:271px;
}

#bloc6 {
clear:both;
padding-top:10px;
}

#bloc6a {
padding-left:100px;
padding-top:20px;
}

#bloc6b {
float:left;
padding-left:20px;
width:447px;
}

#bloc6c {
float:left;
width:181px;
}

#bloc6d {
float:left;
width:246px;
padding-left:20px;
}

#bloc7 {
clear:both;
padding-top:10px;
}

#bloc7a {
padding:10px 0 0 50px;
}

#bloc7b {
float:left;
padding-right:50px;
}

#bloc7c {
float:left;
}

#bloc7d {
padding-top:10px;
clear:both;
}

/* ########################################################### PAGE EVEN ############################################### */

#location {
background:url(images/tranche_jaune.gif) no-repeat 321px 10px;
width:300px;
padding-right:15px;
padding-left:10px;
float:left;
padding-top:10px;
}

h3 {
color:#fed45c;
font-size:18px;
padding-bottom:10px;
}

#location p {
color:#fed45c;
}

#location_droite {
float:left;
padding-left:20px;
padding-top:10px;
}

#contenu2 .titre_even {
color:#fd6e03;
}

.fiche {
background:url(images/bg_fiche.gif) no-repeat;
width:237px;
height:117px;
padding-left:25px;
padding-top:25px;
}

.fiche .titre_fiche {
text-align:center;
font-size:12px;
padding-bottom:8px;
}

.fiche p {
font-size:11px;
color:#fed45c;
}

h4 {
font-size:14px;
}

#locationb {
float:left;
padding-top:20px;
}

#locationc {
padding-top:20px;
padding-left:10px;
float:left;
width:237px;
}

#locationd {
float:left;
width:76px;
padding-left:10px;
}

.margin_bas {
margin-bottom:5px;
}

#grimpe {
clear:both;
padding-top:20px;
}

#grimpe2 {
background:url(images/tranche_jaune.gif) no-repeat top right;
float:left;
padding-right:8px;
width:435px;
padding-left:8px;
}

#grimpe2a {
width:154px;
float:left;
padding-top:10px;
}

#grimpe2b {
padding-left:10px;
float:left;
padding-top:10px;
width:237px;
}

#grimpe3 {
padding-left:10px;
float:left;
width:395px;
}

#grimpe3a {
float:left;
width:237px;
padding-right:4px;
}

#aventure {
clear:both;
padding-right:10px;
padding-top:10px;
padding-left:10px;
}

#aventure_img {
width:170px;
float:left;
padding-left:10px;
}

#aventure_droite {
float:left;
width:237px;}

#voltige {
width:555px;
padding-left:10px;
background:url(images/tranche_even.jpg) repeat-x;
padding-top:10px;
padding-bottom:28px;
margin-top:30px;
float:left;
margin-right:10px;
}

#voltige2 {
float:left;
padding-left:10px;
width:237px;
}

#bloc_loc{
background:url(images/tranche_even.jpg) repeat-x;
background-color:#3b3b3b;
padding-bottom:10px;
}

#contenu2 {
background-color:#6e6e6e;
width:865px;
margin-left:30px;
padding:0 15px 10px 15px;
}

#ambiance {
background:url(images/tranche_even.jpg) repeat-x;
background-color:#3b3b3b;
float:left;
margin-top:30px;
width:280px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}

#gonflable {
background:url(images/tranche_even.jpg) repeat-x;
background-color:#3b3b3b;
margin-top:30px;
padding:10px;
}

#gonflable_g {
background:url(images/tranche_jaune.gif) no-repeat top right;
float:left;
padding-right:14px;
width:408px;
}

.gonflable_g1 {
float:left;
width:226px;
padding-right:10px;
height:150px;
}

#gonflable_g2 {
float:left;
}

.gonflable_g3 {
float:left;
padding-right:30px;
padding-left:10px;
}

#gonflable_d {
padding-left:10px;
padding-top:32px;
float:left;
}

#spectacle {
background:url(images/tranche_even.jpg) repeat-x;
background-color:#3b3b3b;
margin-top:30px;
padding:10px;
}

#loupg {
float:left;
}

.clear2{
	clear:both;
	height:1px;
}

.display{
	display:none;
}

#loupc {
float:left;
padding-left:8px;
padding-right:8px;
padding-top:12px;
}

#loupd {
float:left;
}

#loupbas {
float:left;
padding-bottom:20px;
}

#loupbas2 {
float:left;
width:42px;
padding-left:5px;
}

#loupbas2 img {
margin-bottom:5px;
}

#loupbas3 img {
margin-bottom:6px;
}

#loupbas3 {
float:left;
width:60px;
padding-left:5px;
}

#auto {
background:url(images/tranche_jaune2.gif) no-repeat top center;
padding-top:20px;
}

#autoa {
float:left;
width:530px;
}

#autob {
float:left;
width:48px;
padding-right:10px;
padding-left:10px;
}

#autob img {
margin-bottom:10px;
}

#autoc {
float:left;
}

#contenu2 .center_loc {
text-align:center;
color:#fed45c;
}

#location .center_loc strong {
color:#fed45c;
}

/* ##################################################### PAGE CONTACT ########################################## */

#contenu3 {
background:url(images/tranche_contact.jpg) repeat-x;
width:865px;
margin-left:30px;
padding:10px 15px 10px 15px;
}

#contact_g {
background:url(images/picto.gif) no-repeat 50px 70px;
width:400px;
height:260px;
padding-left:100px;
padding-top:10px;
float:left;
}

#contact_d {
float:left;
padding-top:10px;
}

/*------------------formulaire-------------*/

#form{
    padding:0;
    margin:0;
}

label{
    display:block;
    float:left;
    width:70px;
    font:;
}

#form .input{
    width:200px;
    height:15px;
    font:;
    border:solid 1px #000;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
	color:#000000;
}

#form textarea{
    width:200px;
    height:60px;
    font:;
    border:solid 1px #000;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
	color:#000000;
}

#bouton{
    display:block;
    width:90px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 70px;
	background-color:#000000;
    border:solid 1px #FFFFFF;
    font:;
    cursor:pointer;
	color:#FFFFFF;
}

#tt{
    text-align:center;
    margin-top:20px;
}

#tt a{
    font-size:9px;
    color:#FFFFFF;
	text-decoration:none;
}

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