/* CSS Document */
*{ margin: 0; padding: 0;}
body { 	font-family: Arial; 
		}

html { 
  margin:0;
  padding:0;
  background: url(../img/Background.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}div.global {width: 1000px; margin: 10px auto; background-color: #339966; border-radius: 200px; height: 1300px}
header#asso {position: relative; height: 90px; padding: 15px; text-align: center; color: white; font-weight: bold}
#asso img {position: absolute; top: 20px; left: 190px; width: 150px; border-radius: 10px;}
#asso h1 {font-size: 3em ; position: center; }
#asso h2 {font-size: 1.2em}
#barremenu {margin: 40px 0 -70px 40px; padding-left: 40px}
ul#menu { font-weight: bold; height: 70px; font-size:1.5em; width: 900px }
ul#menu li { list-style-type: none; float: left; text-align: center; padding: 0 30px }
ul#menu li a {display: line; line-height: 30px; padding: 0px 15px; text-decoration: none; }
#menu a:hover {background-color: #006633; color: white; border-radius: 5px;}
#menu a{color: white; }
ul#menu li.a {font-style: italic; color: green;}
form {position: absolute; top: 0px; right: 0px;}
article.page { min-height: 850px; padding: 50px 0 0 0; background-color: lightblue; width :120 px ; margin-top: 40px; }
p.logo {margin-top: 50px; text-align: center;}
.retour {clear: both; height: 0;}
.page  { background-color: green;}
.gardaland p {font-size: 0.8em; color : #2080FF ; text-align: justify; margin-right: 180px }
article.page h1 {text-align : center; font-family: Arial; font-size: 1.5em; color: #0066FF ; text-decoration:underline}
.titre {text-align: center; margin: -0.5em 0em}

.gardaland {position: relative; border: solid #40A0FF 4px; padding: 1.5em  1.5em; margin: 0px 5px ; background-color : #B0F0FF ;  border-radius: 15px }
.img1 {margin-left: 20px ; border-radius: 5px ; position: absolute ; height : 125px ; width : 175px }
.titre1 {margin-bottom: 10px ; border-radius: 5px}

.mirabilandia {position: relative; border: solid #40A0FF 4px; padding: 1.5em  1.5em 1em 1.5em; margin: 35px 5px ; background-color : #B0F0FF ; border-radius: 15px}
.mirabilandia p {font-size: 0.8em; color : #2080FF ; text-align: justify; margin-right: 180px }
.img2 {margin-left: 20px; margin-bottom : 20px ; border-radius: 5px; height: 110px  ; width :173px}
.titre2 {margin-right : 20px ; border-radius: 5px}

.minitalia{position: relative; border: solid #40A0FF 4px; padding: 0.8em  1.5em; margin: 0px 5px ; background-color : #B0F0FF ; border-radius: 15px}
.minitalia p {font-size: 0.8em; color : #2080FF ; text-align: justify; margin-right: 180px }
.img3 {margin-left: 20px ; border-radius: 5px ; }
.titre3 {margin-bottom: 5px ; border-radius: 5px ; margin-right: 20px}





article.page.zoom1 p {
text-align:right;
}
.zoom1 img {
width:175px;
height:125px;
margin-right: 5px;
position: absolute;
bottom: 30px;
right: 10px;

}
.zoom1 img:hover {
width:500px;
height:357px;
position: absolute;
}
///////////////////////////////////////////////////////////////////////////////
article.page.zoom2 p {
text-align:right;
}
.zoom2 img {
width:173px;
height:110px;
margin-right: 5px;
position: absolute;
bottom: 20px;
right: 10px;

}
.zoom2 img:hover {
width:500px;
height:357px;
position: absolute;
}

//////////////////////////////////////////////////////////////////////////////


article.page.zoom3 p {
text-align:right;
}
.zoom3 img {
width:173px;
height:110px;
margin-right: 5px;
position: absolute;
bottom: 50px;
right: 10px;

}
.zoom3 img:hover {
width:500px;
height:357px;
position: absolute;
}
/* CSS Document */