/* mobile */
@media screen and (max-width: 767px)
{
    #pieddepage { display: none; }
    #contact { display: none; }
    #reservation { display: none; }
	#logo { width:140px; float:none; position:absolute; top:50px; left:1%; z-index:5500; }
    #offres { float:none; position:fixed; top:80px; left:-6px; z-index:3000; }
    #facebook { float:none; position:fixed; bottom:-5px; left:0; z-index:30000; }
    #reserver { float:none; position:absolute; top:150px; z-index:3000; }
    #col-1200 { max-width: 100%; margin: auto; }
    #col-1000 { max-width: 100%; margin: auto; }
    #col-paypal { width:100%; float:left; background: #b8ebf6; margin-top:20px; margin-bottom: 20px; height: 250px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0); }
    #plage-g { float:left; width:45%; padding:2.5%; }
    #plage-d { float:left; width:50%; height:315px; background:url(images/bandeau-Geneve-plage.jpg); }
    #plage-e { float:left; width:50%; height:356px; background:url(images/echelle.jpg); }
    .bouton-plongeur { width:170px; height:114px; background:url(images/bouton-plongeur.png) }
    #prestation-g { float:left; width:45%; padding:2.5%; }
    #prestation-d { float:left; width:50%; background:url(images/prestation.jpg); height:332px; }
    #jump-g { float:left; width:45%; padding:2.5%; }
    #jump-d { float:left; width:50%; background:url(images/bandeau-body-jump-ipad.jpg); height:400px; }
    #aqua-g { float:left; width:45%; padding:2.5%; }
    #aqua-d { float:left; width:50%; background:url(images/carte-ipad.jpg); height:550px; }
    #reservation-cadre { margin:auto; width:90%; }
    #img { max-width: 100%; }
    #img100 { max-width: 100%; vertical-align: bottom; }
    #img80 { max-width: 90%; vertical-align: bottom; margin: 5%; }
    #img70 { max-width: 80%; vertical-align: bottom; margin: 10%; }
    #parallax { min-height: 600px; margin-top:0px; -webkit-box-shadow:inset 0px 9px 6px -4px rgba(0,0,0,0.2); -moz-box-shadow:inset 0px 9px 6px -4px rgba(0,0,0,0.2); box-shadow:inset 0px 9px 6px -4px rgba(0,0,0,0.2); }
}


/* tablette */

@media screen and (min-width: 768px) and (max-width: 1000px)
{
	#contenu { max-width:100%; margin:auto; margin-top:0px; margin-bottom:0px; }
	#logo { width:140px; float:none; position:absolute; top:50px; left:1%; z-index:5500; }
    #offres { float:none; position:fixed; top:80px; left:-6px; z-index:3000; }
    #facebook { float:none; position:fixed; bottom:-5px; left:0; z-index:30000; }
    #reserver { float:none; position:absolute; top:150px; z-index:3000; }
    #col-1200 { max-width: 100%; margin: auto; }
    #col-1000 { max-width: 100%; margin: auto; }
    #col-paypal { width:90%; float:left; background: #b8ebf6; margin:5%; height: 250px; }
    #plage-g { float:left; width:45%; padding:2.5%; }
    #plage-d { float:left; width:50%; height:315px; background:url(images/bandeau-Geneve-plage.jpg); }
    #plage-e { float:left; width:50%; height:356px; background:url(images/echelle.jpg); }
    .bouton-plongeur { width:170px; height:114px; background:url(images/bouton-plongeur.png) }
    #prestation-g { float:left; width:45%; padding:2.5%; }
    #prestation-d { float:left; width:50%; background:url(images/prestation.jpg); height:332px; }
    #jump-g { float:left; width:45%; padding:2.5%; }
    #jump-d { float:left; width:50%; background:url(images/bandeau-body-jump-ipad.jpg); height:400px; }
    #aqua-g { float:left; width:45%; padding:2.5%; }
    #aqua-d { float:left; width:50%; background:url(images/carte-ipad.jpg); height:550px; }
    #reservation-cadre { margin:auto; width:90%; }
    #img { max-width: 100%; }
    #img100 { max-width: 100%; vertical-align: bottom; }
    #img80 { max-width: 90%; vertical-align: bottom; margin: 5%; }
    #img70 { max-width: 80%; vertical-align: bottom; margin: 10%; }
    #parallax { min-height: 600px; margin-top:0px; -webkit-box-shadow:inset 0px 9px 6px -4px rgba(0,0,0,0.2); -moz-box-shadow:inset 0px 9px 6px -4px rgba(0,0,0,0.2); box-shadow:inset 0px 9px 6px -4px rgba(0,0,0,0.2); }
}

/* bureau */

@media screen and (min-width: 1001px)
{
	#contenu { max-width: 100%; margin: auto; margin-top: 0px; margin-bottom: 0px; }
	#logo { width: 140px; float: none; position: absolute; top: 50px; left: 3%; z-index: 5500; }
    #offres { float:none; position:fixed; top:80px; left:-6px; z-index:3000; }
    #facebook { float:none; position:fixed; top:6px; left:6px; z-index:30000; }
    #reserver { float:none; position:absolute; top:250px; z-index:3000; }
    #col-1200 { max-width: 1200px; margin: auto; }
    #col-1000 { max-width: 1000px; margin: auto; }
    #col-paypal { width:48%; float:left; background: #f5f5f5; margin: 1%; height: 250px; }
    #plage-g { float:left; width:280px; padding:20px; }
    #plage-d { float:left; width:680px; height:315px; background:url(images/bandeau-Geneve-plage.jpg); }
    .bouton-plongeur { width:170px; height:114px; background:url(images/bouton-plongeur.png) }
    #plage-e { float:left; width:680px; height:356px; background:url(images/echelle.jpg); }
    #prestation-g { float:left; width:460px; padding:20px; }
    #prestation-d { float:left; width:500px; background:url(images/prestation.jpg); height:332px; }
    #jump-g { float:left; width:460px; padding:20px; }
    #jump-d { float:left; width:500px; background:url(images/bandeau-body-jump.jpg); height:332px; }
    #aqua-g { float:left; width:460px; padding:20px; }
    #aqua-d { float:left; width:500px; background:url(images/carte.jpg); height:450px; }
    #reservation-cadre { margin:auto; max-width:1000px; }
    #img { max-width: 100%; vertical-align: bottom; }
    #img100 { max-width: 100%; vertical-align: bottom; }
    #img80 { max-width: 80%; vertical-align: bottom; margin: 10%; }
    #img70 { max-width: 70%; vertical-align: bottom; margin: 15%; }
    #parallax { min-height: 800px; margin-top: 0px; -webkit-box-shadow: inset 0px 9px 6px -4px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 9px 6px -4px rgba(0,0,0,0.2); box-shadow: inset 0px 9px 6px -4px rgba(0,0,0,0.2); }
}