/* MAIN ------------------------------------------------------------*/
/* PROGRAMMER PAR PATRICK CLAVEAU */
/* ECKINOX MÉDIA */

/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
body { background-color: #6ac2f9; background: url(img/back.jpg) center;} 
/* =Typography-----------------------------------------------------------------------------*/

.texteBleu{color: #0090e2;}

/* =Headings-----------------------------------------------------------------------------*/
/* =Link-----------------------------------------------------------------------------*/
a{color: #aa5007;}
a:hover{color: #0090e2; text-decoration: none;}
/* =MainMenu-----------------------------------------------------------------------------*/
/* =Frame-----------------------------------------------------------------------------*/

#back
{
	float: center;
	width: 860px;
	height: 2500px;
	position: absolute;
	left: 50%;
	margin-left: -430px;
	margin-top: -7px;
	padding: 0px 0px 0px 0px;
	background: url(img/cadre.png) no-repeat left top;
}


.a24
{  border: 0px solid black;

   width:170px;
   height:170px;

   position: absolute;
   left: 50%;
   top: 20px;

   margin-left : -430px;
   background-color: #690000;
   background: url(img/vide.png) no-repeat left top;

   z-index:3;
}

.radiox

{  border: 0px solid black;

   width: 90px;
   height: 90px;

   position: absolute;
   left: 50%;
   top: 35px;

   margin-left : 0px;
   
   background: url(img/vide.png) no-repeat left top;

   z-index:3;
}
.sweett

{  border: 0px solid black;

   width: 90px;
   height: 90px;

   position: absolute;
   left: 50%;
   top: 35px;

   margin-left : 110px;
   
   background: url(img/vide.png) no-repeat left top;

   z-index:3;
}

.intro /* Balise pour le <div> de mise en situation */
{
   border: 0px solid black;

   width: 680px;
   height: 100px;

   position: absolute;
   left: 50%;
   top: 255px;

   margin-left : -350px;
   
   padding: 5px 10px 10px 10px;
   
   color: #000000;
   font-family: Trebuchet MS;
   font-size: 18px;
   text-align: justify;
   text-indent: 0px;
   font-weight: 0;

   z-index:2;
}

.faq
{
   border: 0px solid black;

   width: 200px;
   height: 20px;

   position: absolute;
   left: 50%;
   top: 400px;

   margin-left : 175px;
   
   padding: 10px 10px 10px 10px;
   
   color: #000000;
   font-family: Trebuchet MS;
   font-size: 18px;
   text-align: justify;
   text-indent: 0px;
   font-weight: 0;

   z-index:2;
}

.quote1
{  border: 0px solid black;

   width: 600px;
   height: 40px;

   position: absolute;
   left: 50%;
   top: 435px;

   margin-left : -230px;
   
   background: url(img/quote1.png) no-repeat left top;

   z-index:2;
}




.video
{  border: 0px solid black;

   width: 360px;
   height: 222px;

   position: absolute;
   left: 50%;
   top: 480px;

   margin-left : -330px;


   z-index:2;
}

.bunker
{  border: 1px solid black;

   width: 360px;
   height: 222px;

   position: absolute;
   left: 50%;
   top: 702px;

   margin-left : -330px;
   


   z-index:2;
}

.horaire1
{
   border: 0px solid black;

   width: 280px;
   height: 400px;

   position: absolute;
   left: 50%;
   top: 480px;

   margin-left : 40px;
   
   padding: 10px 10px 10px 10px;
   
   color: #000000;
   font-family: Trebuchet MS;
   font-size: 18px;
   text-align: justify;
   text-indent: 0px;
   font-weight: 0;

   z-index:2;
}

.horaire2
{
   border: 0px solid black;

   width: 280px;
   height: 400px;

   position: absolute;
   left: 50%;
   top: 480px;

   margin-left : 90px;
   
   padding: 10px 10px 10px 10px;
   
   color: #000000;
   font-family: Trebuchet MS;
   font-size: 18px;
   text-align: justify;
   text-indent: 0px;
   font-weight: 0;

   z-index:2;
}


.quote2
{  border: 0px solid black;

   width: 600px;
   height: 40px;

   position: absolute;
   left: 50%;
   top: 940px;

   margin-left : -450px;
   
   background: url(img/quote2.png) no-repeat left top;

   z-index:2;
}


.vente
{
   border: 0px solid black;

   width: 280px;
   height: 400px;

   position: absolute;
   left: 50%;
   top: 1000px;

   margin-left : -340px;
   
   padding: 15px 10px 10px 0px;
   
   color: #000000;
   font-family: Trebuchet MS;
   font-size: 18px;
   text-align: 0;
   text-indent: 0px;
   font-weight: 0;

   z-index:2;
}

.zombie
{  border: 1px solid black;

   width: 360px;
   height: 222px;

   position: absolute;
   left: 50%;
   top: 1000px;

   margin-left : -30px;
   
   background: url(img/zombie.jpg) no-repeat left top;

   z-index:2;
}


.prix
{  border: 0px solid black;

   width: 720px;
   height: 270px;

   position: absolute;
   left: 50%;
   top: 1230px;

   margin-left : -360px;
   
   color: #000000;
   font-family: Trebuchet MS;
   font-size: 18px;
   text-align: justify;
   text-indent: 0px;
   font-weight: 0;
   
   padding: 25px 15px 15px 55px;
   
   background: url(img/prix.png) no-repeat left top;

   z-index:2;
}



.map
{  border: 1px solid black;

   width: 600px;
   height: 386px;

   position: absolute;
   left: 50%;
   top: 1510px;

   margin-left : -300px;
   
   background: url(img/map.jpg) no-repeat left top;

   z-index:2;
}

.quote3
{  border: 0px solid black;

   width: 720px;
   height: 40px;

   position: absolute;
   left: 50%;
   top: 1910px;

   margin-left : -355px;
   
   background: url(img/quote3.png) no-repeat left top;

   z-index:2;
}


.image1
{  border: 1px solid black;

   width: 360px;
   height: 222px;

   position: absolute;
   left: 50%;
   top: 1960px;
   
   background: url(img/image1.jpg) no-repeat left top;

   margin-left : -330px;
   
   z-index:2;
}

.image2
{  border: 1px solid black;

   width: 360px;
   height: 222px;

   position: absolute;
   left: 50%;
   top: 2182px;
   
   background: url(img/image2.jpg) no-repeat left top;

   margin-left : -330px;


   z-index:2;
}


.infos
{
   border: 0px solid black;

   width: 280px;
   height: 400px;

   position: absolute;
   left: 50%;
   top: 1960px;

   margin-left : 40px;
   
   padding: 0px 10px 10px 10px;
   
   color: #000000;
   font-family: Georgia;
   font-size: 16px;
   text-align: justify;
   text-indent: 0px;
   font-weight: ;

   z-index:2;
}



.pied
{  border: 0px solid black;

   width: 600px;
   height: 50px;

   position: absolute;
   left: 50%;
   top: 2435px;

   margin-left : -300px;
   
   color: #000000;
   font-family: Georgia;
   font-size: 14px;
   text-align: center;
   text-indent: 0px;
   font-weight: 0;

   z-index:2;
}