@charset "utf-8";
/* CSS Document */

body
{
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
}

a img
{
border:0;
}

A:link
{
color:#999999;
text-decoration:none;
}

A:visited
{
color:#999999;
text-decoration:none;
}

A:active
{
color:#999999;
text-decoration:none;
}

A:hover
{
color:#333333;
font-weight:bold;
text-decoration:none;
}



#page
{
margin-left:auto;
margin-right:auto;
width:1024px;
height:600px;
background-image:url(home_01.jpg);
background-repeat:no-repeat;
}

#page_wiki
{
margin-left:auto;
margin-right:auto;
width:1080px;
height:666px;
}


#page_anim
{
margin-left:auto;
margin-right:auto;
width:1024px;
height:600px;
position:absolute;
}

#page_ferme_anim
{
margin-top:600px;
margin-left:990px;
width:auto;
height:12px;
font-size:11px;
position:absolute;
}

#google_map{
margin-left:640px;
margin-top:186px;
width:60px;
height:160px;
position:absolute;
}
#facebook{
margin-left:30px;
margin-top:176px;
width:110px;
height:200px;
position:absolute;
}
#twitter{
margin-left:380px;
margin-top:226px;
width:50px;
height:90px;
position:absolute;
}
#youtube{
margin-left:190px;
margin-top:196px;
width:80px;
height:140px;
position:absolute;
}
#nuls{
margin-left:445px;
margin-top:236px;
width:40px;
height:75px;
position:absolute;
}
#flickr{
margin-left:300px;
margin-top:216px;
width:60px;
height:110px;
position:absolute;
}
#wikipedia{
margin-left:730px;
margin-top:166px;
width:100px;
height:210px;
position:absolute;
}
#crea{
margin-left:586px;
margin-top:210px;
width:34px;
height:120px;
position:absolute;
}
#comin{
margin-left:500px;
margin-top:240px;
width:36px;
height:70px;
position:absolute;
}
#babyfoot{
margin-left:546px;
margin-top:240px;
width:24px;
height:70px;
position:absolute;
}
#contact{
margin-left:870px;
margin-top:156px;
width:130px;
height:230px;
position:absolute;
}



/* Style pour l'espace administrateur */
a img
{
border:0;
}

#page_admin
{
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	width:1024px;
	height:auto;
	background-color:#cccccc;
	border: 1px solid #999999;
	color:94a09c;
	font-family:Arial, Helvetica, sans-serif;
}

h1
{
color:#19171a;
padding-top:10px;
padding-left:40px;
padding-bottom:5px;
padding-right:40px;
margin:0px;
}

h3
{
padding:5px;
margin:0px;
color:#19171a;
}

.cadre_admin
{
	border: 1px dotted #19171a;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	padding:15px;
	margin-top:15px;
	background-color:#E9E9E9;
}

/*Style pour la page mobile */
body.mobile
{
background-color:#FFFFFF;
}
#page_mobile
{
position:absolute;
left: 50%;
top: 50%;
width:240px;
height:278px;
margin-top: -139px; /* moitié de la hauteur */
margin-left: -120px; /* moitié de la largeur */
background-image:url(mobile-bg.png);
background-repeat:no-repeat;
}

#mobile1
{
margin-left:0px;
margin-top:0px;
width:60px;
height:84px;
position:absolute;
}

#mobile2
{
margin-left:90px;
margin-top:0px;
width:60px;
height:84px;
position:absolute;
}

#mobile3
{
margin-left:180px;
margin-top:0px;
width:60px;
height:84px;
position:absolute;
}

#mobile4
{
margin-left:0px;
margin-top:190px;
width:60px;
height:84px;
position:absolute;
}

#mobile5
{
margin-left:90px;
margin-top:190px;
width:60px;
height:84px;
position:absolute;
}

#mobile6
{
margin-left:180px;
margin-top:190px;
width:60px;
height:84px;
position:absolute;
}


.infobulle{
position: absolute;   
visibility : hidden;
border: 1px solid Black;
padding: 10px;
font-family: Verdana, Arial;
font-size: 10px;
background-color: #FFFFFF;
opacity : 0.8 ;
-moz-opacity : 0.8 ;
-khtml-opacity : 0.8 ;
filter : alpha(opacity=80) ;
      }