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

li
{
	background : url(images/sprites/sprite_monitor_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 */
	/* ATTENTION : 2PX au dessus de sa position officielle : -350 */
	background-position: -600px -348px;
}

/* 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:1000px;
}
#central_max_block
{
	max-width:1260px;
/*
*/
}
/* 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: 650px;
	width: 100%;
}
#bg_mode_photo{
	background: rgba(0, 0, 0, 0) url("images/sprites/sprite_monitor_jpg_v3_part_1.jpg") no-repeat scroll 0 -330px;
}
#bg_mode_paint{
	background: rgba(0, 0, 0, 0) url("images/sprites/sprite_monitor_jpg_v3_part_2.jpg") no-repeat scroll 0 0px;
}
/* END xxxxxx BACKGROUND xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx HEADER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
header
{
	width: 575px;
}

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


/* BEG xxxxxx SECTION SECTION_TITLE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#section_galerie_title {
	width: 712px;
	margin-left: 150px;
}
/* ATTENTION : BACKGROUND doit rester AVEC et AU-DESSUS de background-position */
#gp_titre {
	background : url(images/sprites/sprite_monitor_jpg_v3_part_2.jpg) no-repeat;	
	background-position: 0px -650px;
}
#nm_titre {
	background : url(images/sprites/sprite_monitor_jpg_v3_part_2.jpg) no-repeat;	
	background-position: 0px -690px;
}
#pp_titre {
	background : url(images/sprites/sprite_monitor_jpg_v3_part_2.jpg) no-repeat;	
	background-position: 0px -730px;
}
/* END xxxxxx SECTION SECTION_TITLE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx SECTION SECTION_GALERIE_CONTENU xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#section_galerie_contenu {
	/* 3x255+3x10 de margin-right */
	width: 795px;
}
#mode_photo{
	background : url(images/sprites/galeries_v3_photo_monitor.jpg) no-repeat;
}
#mode_paint{
	background : url(images/sprites/galeries_v3_paint_monitor.jpg) no-repeat;
}

/* END xxxxxx SECTION SECTION_GALERIE_CONTENU xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx SECTION SECTION_SEP_BATON xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#section_sep_baton {
	width: 900px;
	height: 185px;
	background : url(images/sprites/sprite_monitor_png.png) no-repeat;
	background-position: 0px 0px;
}
/* END xxxxxx SECTION SECTION_SEP_BATON xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx SECTION SECTION_POLAROID xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#section_polaroid {
	width: 950px;
	height: 220px;
}
#section_polaroid > div {
	float: left;
	border-radius: 10px;
	margin-left: 15px;
	width: 167px;
	height: 200px;
}
#pola_imajou {
	margin-left: 160px !important;
	background : url(images/sprites/sprite_monitor_jpg_v3_part_1.jpg) no-repeat;	
	background-position: -167px 0px;
	-webkit-transform: rotate(+20deg);
	-moz-transform: rotate(+20deg);
	-o-transform: rotate(+20deg);
	transform: rotate(+20deg);
}
#pola_balave {
	background : url(images/sprites/sprite_monitor_jpg_v3_part_1.jpg) no-repeat;	
	background-position: 0px 0px;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
#pola_film_mndm2005 {
	margin-left: 40px !important;
	width: 320px !important;
	height: 184px !important;
}
/* END xxxxxx SECTION SECTION_POLAROID xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* BEG xxxxxx FOOTER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
footer {
/*	width: 720px;*/
}
/* ------------------------------- */
#footer_info nav ul {
	width: 465px;
}
/* ------------------------------- */
/* 
	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_monitor_png.png) no-repeat;	
	background-position: -200px -350px;
	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_monitor_png.png) no-repeat;
	/* -350-2(pour créer une marge en haut)=-348 */
	background-position: -550px -348px;
}
/* ------------------------------- */
#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 = footer_thanks_show.width-80 */
	width: 400px;
	background-color: #000000;
	padding: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: auto;
}
.footer_thanks_show {
	width: 480px;
	height: 150px;
/*	display: block; */
}
.footer_thanks_hide
{
	width: 480px;
	height: 0px;
/*	display: none; */
}
#footer_thanks_fermer {
	background : url(images/sprites/sprite_monitor_png.png) no-repeat;	
	/* -350-2(pour créer une marge en haut)=-348 */
	background-position: -550px -348px;
}
/* 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:145px;
	height:475px;
	background : url(images/sprites/sprite_monitor_png.png) no-repeat;	
	background-position: -10px -225px;
}
aside > #aside_bt_fermer {
	background : url(images/sprites/sprite_monitor_png.png) no-repeat;	
	background-position: -550px -390px;
	width: 32px;
	height: 32px;
}
#stack_2_aside_menu_mode img {
	width: 140px;
	height: 100px;
}
#stack_2  .aside_hide {
	/* Doit être -height */
	top: -475px;
}
aside > #bt_mobile
{
	width: 28px;
	height: 45px;
	background : url(images/sprites/sprite_monitor_png.png) no-repeat;	
	background-position: -400px -200px;
}
aside > #bt_tablet
{
	width: 75px;
	height: 51px;
	background : url(images/sprites/sprite_monitor_png.png) no-repeat;	
	background-position: -450px -200px;
}
#menu_mode_photo
{
	background : url(images/sprites/sprite_monitor_png.png) no-repeat;	
	background-position: -450px -450px;
}
#menu_mode_paint
{
	background : url(images/sprites/sprite_monitor_png.png) no-repeat;	
	background-position: -450px -550px;
}
/* END xxxxxx ASIDE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

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