/* ATTENTION : 

	Dimension du site : dimension de l'image de fond :
		Width : 320
*/
body
{
/*	font: normal 1em "Times New Roman", Verdana, Arial, Helvetica, sans-serif; */
}

#main
{
	background-color: #000000;
	width: 320px;
	margin:auto;
}
#main_absolute
{
	position: absolute;
}

.mobile_invisible
{
	display:none;
	visibility: hidden;
}

li
{
	background : url(images/sprites/sprite_mobile_png.png) no-repeat 15px 19px;
	/* ATTENTION : comme on n'a pas de background-size, la boussole doit avoit suffisamment de vide sur la droite pour prendre en compte les libellés de la balise li */
	background-position: 0px -390px;
}

/* DEB ====== HEADER ===================================================================== */
header
{
	position: absolute;
}
header > nav
{

	position: absolute;
	top:130px;
	left:15px;

	width:290px;
	height:110px;
}

#header-title
{
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: 0px -200px;

	position: absolute;
	top: 10px;
	left: 160px;

	width: 150px;
	height: 31px;

/*	opacity: 0.9; filter:alpha(opacity=90);*/	
	/* -------------- C S S 3 -------------- */
		border-radius: 10px;	
}
#header-bg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 168px;
}
/* FIN ====== HEADER ===================================================================== */


/* DEB ====== FOOTER ===================================================================== */
footer
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
}
#footer_footer
{
	position: absolute;
	top: 930px;
	left: 0px;
}
#footer_info
{
	position: absolute;
	top: 730px;
	left: 0px;	
}
#footer_info > p
{	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.8em;
	text-align: center;
}
#footer_info > nav ul
{
	padding-top: 10px;
	padding-bottom: 5px;
	width:220px;
	margin: auto;
}
#footer_info > nav ul li
{
	display: inline;
}
/* 
	W : 30 + 135 + 135 = 195
	H : 30 +168 +52 + 30 = 280
	T : 850-280 = 570;
	L : (720-195)/2 = 525/2=262
*/
#footer_contact
{
	overflow: hidden;
	position: absolute;
	left: 65px;
/*	background : url(images/bt/me_contacter.png) no-repeat; */
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -80px -70px;
	/* -------------- C S S 3 -------------- */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/* -------------- C S S 3 -------------- */
	-moz-transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
	-webkit-transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
	transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
}
.footer_contact_show
{
	width: 195px;
	height: 240px;
	top : 490px;
}
.footer_contact_hide
{
	width: 195px;
	height: 0px;
	top : 730px;
}
#footer_contact_fermer
{
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -320px -285px;
}
#footer_thanks
{
	overflow: hidden;
	position: absolute;
	left: 20px;
	/* -------------- C S S 3 -------------- */
	-moz-transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
	-webkit-transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
	transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
}
#footer_thanks_bg
{
	position: absolute;
	width: 280px;
	left: 0px;
	top: 0px;
	height: 280px;
	background-color: white;
	opacity: 0.5; filter:alpha(opacity=50);	
	/* -------------- C S S 3 -------------- */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#footer_thanks_texte
{
	position: absolute;
	width: 220px;
	left: 20px;
	top: 20px;
	height: 240px;
/*
	width: 240px;
	left: 10px;
	top: 10px;
	height: 250px;
*/
	background-color: #000000;
	padding: 10px;
	/* -------------- C S S 3 -------------- */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.footer_thanks_show
{
	width: 280px;
	height: 280px;
	top : 450px;
}
.footer_thanks_hide
{
	width: 280px;
	height: 0px;
	top : 730px;
}
#footer_thanks_fermer
{
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -320px -285px;
}
/* FIN ====== FOOTER ===================================================================== */

/* DEB ====== ASIDE ====================================================================== */
aside
{
	position: absolute;
	left: 0px;
	top: 300px;
	width: 35px;
	height: 220px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -32px -70px;
	
}
aside > a
{
	position:absolute;
	display: block;
}
aside > #bt_info
{
	top: 50px;
	left: 60px;
	width:64px;
	height:64px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;
	background-position: -300px -200px;
}

aside > #bt_peinture
{
	top: 150px;
	left: 2px;
	width:30px;
	height: 30px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -397px -170px;
}
aside > #bt_photo
{
	top: 155px;
	left: 2px;
	width:30px;
	height: 18px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -397px -245px;
}

aside > #bt_mobile
{
	top: 120px;
	left: 60px;
	width: 28px;
	height: 45px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -400px -200px;
}
aside > #bt_tablet
{
	top: 170px;
	left: 30px;
	width: 75px;
	height: 51px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -450px -200px;
}
aside > #bt_monitor
{
	top: 230px;
	left: 20px;
	width: 118px;
	height: 77px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -550px -200px;
}
#aside_info_nav
{
	position: absolute;
	top: 50px;
	left:128px;
	background : url(images/bt/info_nav.png) no-repeat;	
		/* -------------- C S S 3 -------------- */
	-moz-transition: width 0.3s ease-in-out;
	-webkit-transition: width 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out;
	-ms-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
	/* -------------- C S S 3 -------------- */
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}
.aside_info_nav_show
{
	width: 500px;
	height: 64px;
}
.aside_info_nav_hide
{
	width: 0px;
	height: 64px;
}
/* FIN ====== ASIDE ====================================================================== */


/* DEB ====== SECTION ===================================================================== */
section
{
	position: absolute;
	top: 250px;
	left: 0px;
}

#galerie_contenu
{
	position: absolute;
	top: 47px;
	left: 40px;
	width: 255px;
	height: 210px;
}
/* -------------------------------------------- */
#section-title > div
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 315px;
	height: 32px;
}
#gp_titre
{
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: -135px -722px;
}
#nm_titre
{
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: -135px -754px;
}
#pp_titre
{
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: -135px -786px;
}
#la_titre
{
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: -135px -818px;
}
/* -------------------------------------------- */
.bt_prev{
/*
	background: url(images/bt/prev_dyn_mobile.gif) no-repeat;
	width: 40px;
	height: 30px;
	top:185px;
	left:0px;
*/
	top:165px;
	left:0px;
}
/* -------------------------------------------- */
#bg_baton_sep
{
	position: absolute;
	top: 260px;
	left: 5px;
	width: 310px;
	height: 64px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;
	background-position: 0px 0px;
}
/* -------------------------------------------- */
#polaroid
{
	position: absolute;
	top: 340px;
	left:0px;
	width: 309px;
	height: 125px;
}
#polaroid > div
{
	float: left;
	border-radius: 10px;
	width: 100px;
	height: 120px;
	margin-right: 2px;
}
#pola_imajou
{
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: -100px 0px;
		/* -------------- C S S 3 -------------- */
/*
	-webkit-transform: rotate(+2deg);
	-moz-transform: rotate(+2deg);
	-o-transform: rotate(+2deg);
	transform: rotate(+2deg);
*/
}
#pola_balave
{
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: 0px 0px;
		/* -------------- C S S 3 -------------- */
/*
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
*/
}
#pola_mndm2005
{
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: -200px 0px;
}
#pola_mndm2005 > div
{
	position: absolute;
	top: 51px;
	left: 25px;
}
/* FIN ====== SECTION ===================================================================== */