/* BEG xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BEG xxxxxxxxxxxxxxxxxxxxxx ELEMENTS GENERAUX xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BEG xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

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: -280px -285px;
}

/* END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* END xxxxxxxxxxxxxxxxxxxxxx ELEMENTS GENERAUX xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



/* BEG xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BEG xxxxxxxxxxxxxxxxxxxxxx GESTION DES BLOCKS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BEG xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BEG xxxxxx ORGANISATION GENERALE DE LA PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#central_min_block
{
	min-width:315px;
}
#central_max_block
{
	max-width:316px;
}
/* END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* END xxxxxxxxxxxxxxxxxxxxxx GESTION DES BLOCKS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BEG xxxxxxxxxxxxxxxxxxxxxx STACK 1 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BEG xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* BEG xxxxxx BACKGROUND xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#bg > img {
	height: 160px;
	width: 315px;
}
#bg_mode_photo{
	background: rgba(0, 0, 0, 0) url("images/sprites/sprite_mobile_jpg_v3.jpg") no-repeat scroll 0 -190px;
}
#bg_mode_paint{
	background: rgba(0, 0, 0, 0) url("images/sprites/sprite_mobile_jpg_v3.jpg") no-repeat scroll -0px -470px;
}
/* END xxxxxx BACKGROUND xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* BEG xxxxxx HEADER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
header
{
	margin-top: 130px !important;
}

header .bgtitle
{
	background: rgba(0, 0, 0, 0) url("images/sprites/sprite_mobile_jpg_v3.jpg") no-repeat scroll 0 -150px;
	height: 31px;
}
/* END xxxxxx HEADER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx SECTION SECTION_TITLE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#section_galerie_title {
	width: 300px;
	height: 35px;
}
/* ATTENTION : BACKGROUND doit rester AVEC et AU-DESSUS de background-position */
#gp_titre {
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: 0px -350px;
}
#nm_titre {
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: 0px -390px;
}
#pp_titre {
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: 0px -430px;
}
/* END xxxxxx SECTION SECTION_TITLE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx SECTION SECTION_GALERIE_CONTENU xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#section_galerie_contenu {
	/* 1x255+0x10 de margin-right */
	width: 255px;
}

#mode_photo{
	background : url(images/sprites/galeries_v3_photo_mobile.jpg) no-repeat;
}
#mode_paint{
	background : url(images/sprites/galeries_v3_paint_mobile.jpg) no-repeat;
}

/* END xxxxxx SECTION SECTION_GALERIE_CONTENU xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx SECTION SECTION_SEP_BATON xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#section_sep_baton {
	width: 310px;
	height: 64px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;
	background-position: 0px 0px;
	margin-top :10px;
	margin-bottom:  10px;
}
/* END xxxxxx SECTION SECTION_SEP_BATON xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx SECTION SECTION_POLAROID xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#section_polaroid {
	
/*	Pas de Width permet de center l'ensemble des trois diapos affichées
	width: 560px; */
	height: 120px;
}
#section_polaroid > div {
	float: left;
	border-radius: 10px;
	margin-left: 3px;
	width: 100px;
	height: 120px;
}
#pola_imajou {
/*	margin-left: 160px !important;*/
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: -100px 0px;
}
#pola_balave {
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: 0px 0px;
}
#pola_mndm2005 {
	background : url(images/sprites/sprite_mobile_jpg_v3.jpg) no-repeat;	
	background-position: -200px 0px;
}
/* END xxxxxx SECTION SECTION_POLAROID xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx FOOTER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#footer_info nav ul {
	width: 200px;
}
/* ------------------------------- */
/* 
	W : 30 + 135 + 30 = 195
	H : 30 +168 +52 + 30 = 280
	T : 850-280 = 570;
	L : (720-195)/2 = 525/2=262
*/
#footer_contact {
	margin: auto;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -80px -70px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
}
.footer_contact_show {
	width: 195px;
	height: 280px;
}
.footer_contact_hide {
	width: 195px;
	height: 0px;
}
#footer_contact_fermer {
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -280px -166px;
}
/* ------------------------------- */
#footer_thanks {
	margin: auto;
	background-color: white;
	opacity: 0.5; filter:alpha(opacity=50);	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
}
#footer_thanks_texte {
	width: 260px;
	background-color: #000000;
	padding: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: auto;
}
.footer_thanks_show {
	width: 300px;
	height: 180px;
}
.footer_thanks_hide
{
	width: 300px;
	height: 0px;
/*	display: none; */
}
#footer_thanks_fermer {
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -280px -166px;}
/* END xxxxxx FOOTER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* END xxxxxxxxxxxxxxxxxxxxxx STACK 1 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BEG xxxxxxxxxxxxxxxxxxxxxx STACK 2 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BEG xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* BEG xxxxxx ASIDE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#stack_2 > aside {
	width:62px;
	height:214px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -5px -82px;
}
aside > #aside_bt_fermer {
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -280px -134px;
	width: 32px;
	height: 32px;
}
#stack_2_aside_menu_mode img {
	width: 45px;
	height: 30px;
}

#stack_2  .aside_hide {
	/* Doit être -height */
	top: -214px;
}
aside > #bt_tablet
{
	width: 47px;
	height: 32px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -280px -198px;
}
aside > #bt_monitor
{
	width: 49px;
	height: 32px;
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -280px -230px;
}

#menu_mode_photo
{
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -280px -102px;
}
#menu_mode_paint
{
	background : url(images/sprites/sprite_mobile_png.png) no-repeat;	
	background-position: -280px -70px;
}

/* END xxxxxx ASIDE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* END xxxxxxxxxxxxxxxxxxxxxx STACK 2 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */