/* 
	La Poste :
	Document CSS
	Module (Etape 1 a 4)
*/

	
	/* Selection d'images */
	#principal_cont #select_fichier {
		background:url(../img/bg_font.jpg) top left no-repeat;
		width:86.07em;
		height:9.27em;
	}
	#principal_cont #select_fichier img, #principal_cont #select_fichier a {
		float:left;
		margin-top:1em;
		margin-left:1em;
	}
	#principal_cont #select_fichier a#upload_pc {
		background:url('../img/etape_1/select_fichier_p.jpg') no-repeat;
		width:243px;
		height:71px;
		display:block;
		z-index:10;
		position:relative;
		outline:none;
		
		/* NOIUVEAU */
		margin-left:18em;
		display:inline;
	}
	#principal_cont #select_fichier a#upload_pc:hover {
		background:url('../img/etape_1/select_fichier_p_on.jpg') no-repeat;
		outline:none;
	}
	#principal_cont #upload_pc_form {
		width:288px;
		height:71px;
		background:#535353;
		margin-top:1em !important;
		position:absolute;
		display:none;
		z-index:5;
	}
	#principal_cont #upload_pc_form p {
		margin-top:3px;
		margin-left:13.5em;
	}
	#principal_cont #upload_pc_form #upload_pc_input {
		margin-top:0.5em;
		margin-left:-0.2em;
	}
	*:lang(fr) #principal_cont #upload_pc_form #upload_pc_input {
		margin-left:1.8em;
		margin-top:0.5em;
	}
	#principal_cont #upload_pc_form img.arroundi {
		position:absolute;
		margin-left:26.3em;
	}
	*:lang(fr) #principal_cont #upload_pc_form img.arroundi {
		margin-left:26.1em;
	}
	#principal_cont #upload_pc_form img.close_form {
		position:absolute;
		margin-left:25em;
		margin-top:0.5em;
	}
	
	#principal_cont #select_fichier a#upload_lib {
		background:url('../img/etape_1/select_fichier_l.jpg') no-repeat;
		width:279px;
		height:71px;
		display:block;
	}
	#principal_cont #select_fichier a#upload_lib:hover {
		background:url('../img/etape_1/select_fichier_l_on.jpg') no-repeat;
	}
	#principal_cont #select_fichier #valid_fichier {
		margin-left:1em;
		width:25em;
	}
	#principal_cont #select_fichier #valid_fichier input {
		margin-left:0.9em;
		margin-bottom:0.5em;
	}
	#principal_cont #select_fichier #ajouter_album {
		background:url('../img/etape_1/btn_enregistrer.jpg') no-repeat;
		width:247px;
		height:39px;
		margin:0;
	}
	#principal_cont #select_fichier #ajouter_album:hover {
		background:url('../img/etape_1/btn_enregistrer_on.jpg') no-repeat;
	}
	#principal_cont #select_fichier div {
		float:left;
		margin-left:1em;
		margin-top:1.2em;
	}
	#principal_cont #select_fichier div input {
		width:13.5em;
	}
	#principal_cont #select_fichier div span {
		color:#35363a;
		font-variant:small-caps;
		font-size:1.2em;
		font-weight:bold;
	}
	#principal_cont #select_fichier div span img {
		margin-bottom:0.3em;
		/* check ie6.css */
	}
	#principal_cont #select_fichier div img {
		margin:0;
	}
	
	/* Affichage des images */
	#principal_cont #zone_fichier {
		background:url("../img/etape_1/bg_module.jpg") no-repeat;
		width:86.07em;
		height:14em;
	}
	#principal_cont #zone_fichier .image_full, #principal_cont #zone_fichier .image_none {
		float:left;
		width:11.63em;
		height:11.54em;
		margin-top:1.2em
	}

	#principal_cont #zone_fichier .first_image {
		margin-left:19em;
		/* check ie6.css */
	}
	#principal_cont #zone_fichier .image_full img, #principal_cont #zone_fichier .image_none img {
		margin-top:0.9em;
		margin-left:0.9em
	}
	#principal_cont #zone_fichier .image_full {
		background:url("../img/etape_1/image_full.png") no-repeat;
	}
	#principal_cont #zone_fichier .image_none {
		background:url("../img/etape_1/image_none.png") no-repeat;
	}
	#principal_cont #zone_fichier .poubelle {
		position:absolute !important;
		display:block;
		margin-left:5em !important;
		margin-top:11.5em !important
	}
	#principal_cont #zone_fichier a#etape_suivante {
		margin-top:10.5em;
		margin-left:1.5em;
		position:absolute;
		background:url('../img/etape_1/suivant.png') no-repeat;
		width:184px;
		height:38px;
	}
	#principal_cont #zone_fichier a#etape_suivante:hover {
		background:url('../img/etape_1/suivant_on.gif');
	}
	
	
	
	/**
		 ETAPE 2 : MODULE AJAX 
										**/
										
	/* Panel 1 : Choisir la photo */
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-1 .choose_photo {
		background:url(../img/module/box/choose_photo.gif) no-repeat;
		width:12em;
		height:6.9em;
		margin-top:0.2em;
		margin-right:0.5em;
		margin-left:1em;
		/* check ie6.css */
		margin-bottom:0.3em;
		float:left;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-1 .choose_photo img {
		margin-top:0.8em;
		margin-left:0.9em;
		cursor:pointer;
	}
	
	/* panel 2 : Choisir le format */
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-2 .text-content img {
		margin-left:0.35em;
		margin-right:0.35em;
		cursor:pointer;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-2 .text-content img.first_timbre {
		margin-left:0.8em
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-2 .text-content img.timbre_sep {
		padding:0 !important;
	}
	
	/* panel 3 : Ajuster la photo */
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo {
		margin-left:0.45em;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a {
		cursor:pointer;
		width:93px;
		height:78px;
		display:block;
		float:left;
		margin:0.1em;
		outline:none !important;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a:hover {
		outline:none !important;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#enlarge {
		background:url(../img/module/box/ajuster_zoom_p_0.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#enlarge:hover {
		background:url(../img/module/box/ajuster_zoom_p_1.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#enlarge.inactif,
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#enlarge:hover.inactif {
		background:url(../img/module/box/ajuster_zoom_p_2.jpg) no-repeat;
		cursor:default;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#rotateRight {
		background:url(../img/module/box/ajuster_ro_ho_0.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#rotateRight:hover {
		background:url(../img/module/box/ajuster_ro_ho_1.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#flipHorizontal {
		background:url(../img/module/box/ajuster_sy_ho_0.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#flipHorizontal:hover {
		background:url(../img/module/box/ajuster_sy_ho_1.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#downsize {
		background:url(../img/module/box/ajuster_zoom_m_0.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#downsize:hover {
		background:url(../img/module/box/ajuster_zoom_m_1.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#downsize.inactif,
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#downsize:hover.inactif {
		background:url(../img/module/box/ajuster_zoom_m_2.jpg) no-repeat;
		cursor:default;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#rotateLeft {
		background:url(../img/module/box/ajuster_ro_an_0.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#rotateLeft:hover {
		background:url(../img/module/box/ajuster_ro_an_1.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#flipVertical {
		background:url(../img/module/box/ajuster_sy_ve_0.jpg) no-repeat;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-3 .ajuster_photo a#flipVertical:hover {
		background:url(../img/module/box/ajuster_sy_ve_1.jpg) no-repeat;
	}
	/* panel 4 : Ajouter des elements */
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 img#btn_select {
		display:block;
		position:absolute;
		margin-left:0.5em;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_icons {
    	margin-left:0.5em;
	    margin-top:3em;
    	position:absolute;
    	/* mise a jour pour la scrollbar */
    	width:215px;
    	height:130px;
    	overflow:auto;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_icons img {
		margin-left:0.3em;
		margin-top:0.4em;
		float:left;
		cursor:pointer;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors {
		background:url(../img/module/box/bg_color.jpg) no-repeat;
		position:absolute;
		width:5.4em;
		height:9.5em;
		margin-left:21em;
		/* check ie6.css */
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div {
		border:1px solid #c3c3c3;
		width:1.3em;
		height:1.3em;
		/* check ie6.css */
		float:left;
		margin-top:0.2em;
		margin-bottom:0.1em;
		cursor:pointer;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div:hover {
		border:1px solid #000;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div.l_color {
		margin-left:1.1em;
		/* check ie6.css */
		margin-right:0.1em;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div.r_color {
		margin-left:0.1em;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_0 {
		background:#e2001a;
		margin-top:0.45em;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_1 {
		background:#f29500;
		margin-top:0.45em;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_2 {
		background:#ffec00;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_3 {
		background:#98bf0c;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_4 {
		background:#009036;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_5 {
		background:#00b8e9;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_6 {
		background:#004a99;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_7 {
		background:#622181;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_8 {
		background:#fff;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #select_colors div#s_color_9 {
		background:#000;
	}
	#center_cont #acc2-ct #acc2-wrap #acc2-body #panel2-4 #btn_poubelle {
		position:absolute;
		display:block;
		margin-left:21em;
		margin-top:10em;
		cursor:pointer;
		/* check ie6.css */
	}
	
	/* Centre : table de travail */
	#center_cont #timbre_customize {
		/*width:33.18em;*/
		padding-bottom:0.8em;
		border-bottom:3px solid #f7fafd;
		height:4.09em;
		width:33.9em;
		float:left;
		margin-left:33em;
		/* check ie6.css */
		margin-top:-32.3em;
		/* check ie6.css */
	}
	#center_cont #timbre_customize #custom_tools div {
		float:left;
		margin-top:2.5em;
		margin-left:5.5em;
		color:#636466;
		font-size:1.1em;
		font-weight:bold;
		cursor:pointer;
	}
	#center_cont #timbre_customize #custom_tools div.cus_first_tool {
		margin-left:0
	}
	#center_cont #timbre_customize #custom_tools img {
		vertical-align:text-bottom;
	}
	
	/* Layer de timbres */
	
	#timbre_layer_left {
		float:left; 
		z-index:800; 
		position:absolute;
		visibility:hidden
	}
	#timbre_layer_top{
		margin-left:72px; 
		z-index: 500; 
		position: absolute;
		visibility:hidden
	}
	#timbre_layer_right {
		margin-top:-275px;
		margin-right:-5px;
		position:relative;
		z-index:500;
		float:right;
		visibility:hidden
	}
	#timbre_layer_bottom {
		margin-top:-59px;
		margin-right:-4px;
		position:relative;
		z-index: 500;
		float:right;
		visibility:hidden
	}
	*:lang(fr) #timbre_layer_right {
		margin-right:6px;
	}
	*:lang(fr) #timbre_layer_bottom {
		margin-right:75px;
	}
	
	/* Droite : Panneau d'aide */
	#center_cont #timbre_droite {
		width:13.9em;
		float:left;
		margin-left:69em;
		/* check ie6.css */
		margin-top:-30.5em;
		/* check ie6.css */
		color:#7c7b79;
	}
	#center_cont #timbre_droite #timbre_aide {
		height:24em;
		border-bottom:1px solid #dcdcdc;
	}
	#center_cont #timbre_droite #timbre_aide strong, #center_cont #deg_cont #preview_aide strong {
		font-weight:bold;
		font-size:1.1em;
	}
	#center_cont #timbre_droite #timbre_aide ul li, #center_cont #deg_cont #preview_aide ul li {
		margin-top:10px;
		list-style:none;
	}
	#center_cont #timbre_droite #timbre_aide ul li strong, #center_cont #deg_cont #preview_aide ul li strong {
		font-size:1em;
	}
	#center_cont #timbre_droite #timbre_validprev {
		margin-top:0.7em;
	}
	#center_cont #timbre_droite #timbre_validprev a, #center_cont #deg_cont #preview_aide a {
		color:#254d7a;
		background:url(../img/puce_panier.gif) 0 0.45em no-repeat;
		padding-left:0.6em;
	}
	#center_cont #timbre_droite #timbre_validprev button {
		margin-top:1em !important;
	}
	#center_cont #timbre_droite #timbre_validprev input, #valider_composition {
		height:auto !important;
		margin-top:0.5em;
		/* check ie6.css */
	}
	#valider_composition {
		margin-top:-6em;
		margin-left:68em;
		position:absolute;
	}
	*:lang(fr) #valider_composition {
		margin-left:56em;
	}
	.valider_composition2 {
	 	margin-top:-9em !important;
		/* check ie6.css */
	}
	*:lang(fr) #recommencer_composition {
		margin-top:21em;
	}
	/**
		 ETAPE 3 : PRE-VISUALISATION
										**/
	#center_cont #deg_cont {
		position:absolute;
		margin-left:2em;
	}
	#center_cont #deg_cont #timbre_preview_h  {
		margin-left:7em;
		/* check ie6.css */
		padding-top:2em;
		float:left;
	}
	#center_cont #deg_cont #timbre_preview_h #timbre_remplissage_h {
		position:absolute;
		margin-left:10.3em;
		margin-top:3.1em;
		width:30.55em;
		height:21.35em;
		/* check ie6.css */
	}
	*:lang(fr) #center_cont #deg_cont #timbre_preview_h #timbre_remplissage_h {
		margin-left:10.2em;
		width:30.18em;
		height:21.09em;
	}
	#center_cont #deg_cont #timbre_cadre_h {
		width:49.90em;
		height:29em;
		background:url('../img/etape_3/timbre_cadre_h.png') no-repeat;
	}
	#center_cont #deg_cont #timbre_preview_v  {
		margin-left:9em;
		/* check ie6.css */
		padding-top:1em;
		float:left;
	}
	#center_cont #deg_cont #timbre_preview_v #timbre_remplissage_v {
		position:absolute;
		margin-left:16.6em;
		margin-top:3.8em;
		width:17.1em;
		height:24.4em;
		/* check ie6.css */
	}
	*:lang(fr) #center_cont #deg_cont #timbre_preview_v #timbre_remplissage_v  {
		margin-left:16.4em;
		margin-top:3.7em;
		width:16.90em;
		height:24.18em;
	}
	#center_cont #deg_cont #timbre_cadre_v {
		width:48.54em;
		height:31.72em;
		background:url('../img/etape_3/timbre_cadre_v.png') no-repeat;
	}
	#center_cont #deg_cont #preview_aide {
		float:left;
		padding-top:2em;
		width:13.9em;
		float:left;
		margin-left:9.25em;
		color:#7c7b79;
	}
	#center_cont #deg_cont #preview_aide {
		height:auto;
	}
	#center_cont #deg_cont #preview_aide ul {
		border-bottom:1px solid #dcdcdc;
		padding-bottom:0.5em;
	}
	#center_cont #deg_cont #timbre_valider input {
		width:auto;
		height:auto;
	}
	#center_cont #deg_cont #preview_aide a {
		margin:1.2em;
		margin-left:0;
		display:block;
		padding-bottom:1.2em;
		border-bottom:1px solid #dcdcdc;
		width:13.4em;
	}
	#center_cont #deg_cont #preview_aide button {
		color:#5d5d5d;
		font-size:0.9em;
		margin-bottom:0.5em;
		margin-left:0 !important;
		padding-left:0 !important;
		text-align:left;
		cursor:pointer;
	}
	
	/**
		 ETAPE 3 : NOMMINATION
										**/
	/* Background degrade */
	
	#center_cont #bg_deg {
		margin-left:1em;
		width:84.09em;
		height:27em;
		position:absolute;
		margin-top:1em;
	}
	#center_cont #deg_cont #left_deg_cont {
		float:left;
	}
	#center_cont #deg_cont #left_deg_cont img {
		margin-top:23.5em;
		margin-left:1.5em
	}

	#center_cont #deg_cont #center_deg_cont span.input_rond input {
		height:1.1em !important;
	}
	#center_cont #deg_cont #center_deg_cont .nommination {
		margin-left:2em;
		color:#7b7b79;
	}
	#center_cont #deg_cont #center_deg_cont .nommination input {
		background:none !important;
		border:0 !important
	}
	#center_cont #deg_cont #center_deg_cont .nommination p {
		margin:0.65em;
		margin-left:0;
		margin-top:-0.6em;
	}
	#center_cont #deg_cont #center_deg_cont .nommination p.nomminationNON {
		margin-left:1em;
	}
	#center_cont #deg_cont .timbre_etape_3_nom a {
		color:#3c3c3c
	}
	/**
		 ETAPE 4 : CHOIX SUPPORT
										**/
	/* Background bleu */
	#center_cont #deg_cont #bleu_gauche {
		float:left;
		background:transparent url('../img/etape_4/bg_bleuz_07.png') top left repeat-y; /* -9px */
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/etape_4/bg_bleuz_07.png', sizingMethod='scale');
		margin-top:1em;
		margin-left:-1em;
		width:83.9em;
	}
	#center_cont #deg_cont #bleu_gauche div.tbd_deg {
		margin-top:-13.27em;
		padding-left:2em;
		width:83.90em;
		position:relative;
		z-index:50;
	}
	#center_cont #deg_cont #bleu_gauche img.tb_deg {
		width:83.90em;
		height:15.27em;
	}
	#center_cont #deg_cont #bleu_gauche img.tb_deg_btme4 {
		position:relative;
		margin-top:-160px;
		z-index:20;
	}
	* html body #center_cont #deg_cont #bleu_gauche img.tb_deg_btme4 {
		position:absolute;
	}
	*+ html body #center_cont #deg_cont #bleu_gauche img.tb_deg_btme4 {
		position:absolute;
	}
	#center_cont #deg_cont #bleu_gauche #cadre_principal {
		float:left;
		width:61.5em !important;
		/* check ie6.css */
	}
	#center_cont #deg_cont #infos_composotion {
		float:left;
		margin-left:4.5em;
	}
	#center_cont #deg_cont #infos_composotion .tp4_timbre {
		margin:0 !important;
		float:none;
		height:auto !important;
	}
	#center_cont #deg_cont #infos_composotion .tp4_timbre .hp_timbre_min_vert {
		margin-left:0 !important;
	}
	#center_cont #deg_cont #infos_composotion h5 {
		color:#fff;
		white-space:nowrap;
		font-size:1.2em;
		font-variant:small-caps;
		margin:0;
		margin-left:-0.5em;
		padding:0;
		padding-bottom:0.5em;
		position:relative;
	}
	#center_cont #deg_cont #infos_composotion ul {
		margin-left:1em;
		line-height:1.8em;
		padding-bottom:0.5em;
		border-bottom:1px solid #eaf2f9;
	}
	#center_cont #deg_cont #infos_composotion a {
		margin-top:0.5em;
		display:block;
	}
	#center_cont #deg_cont #infos_composotion input {
		width:auto;
		height:auto;
		margin-top:0.5em;
	}
	/* Formulaires */
	#form_etape_4 #valeur_timbre_poste p.tbd_deg {
		margin-left:0em;
		margin-right:2em;
		margin-top:1em;
		padding-bottom:2em;
		margin-bottom:0;
		float:left;
	}
	#form_etape_4 input {
		float:left;
		background:none;
		border:0;
	}
	#form_etape_4 label {
		color:#557496;
		margin-left:0.2em;
		font-size:1.1em
	}
	#form_etape_4 #valeur_timbre_poste label {
		font-weight:bold;
		float:left;
	}
	#form_etape_4 label span {
		color:#686868;
		font-weight:normal;
		padding-left:0.2em;
		font-size:0.9em;
	}
	#form_etape_4 div.feuille_timbre_1 {
		float:left;
		border-right:1px solid #dddddc;
		margin-top:1em;
	}
	#form_etape_4 div.feuille_timbre_2 {
		float:left;
		margin-left:0.7em;
		margin-top:1em;
	}
	#form_etape_4 div.feuille_timbre_2 label {
		position:absolute
	}
	#form_etape_4 div.feuille_timbre_2 img {
		margin-top:3em
	}
	*:lang(fr) #form_etape_4 div.feuille_timbre_2 img {
		margin-top:1.5em;
	}
	html* #form_etape_4 div.feuille_timbre_2 img {
		margin-top:0.8em !important;
		*margin-top:3em !important;
	}
	#form_etape_4 div.feuille_timbre_1 p, #form_etape_4 div.feuille_timbre_2 p {
		margin-right:1em;
		margin-top:0
	}
	#form_etape_4 div.feuille_timbre_1 textarea {
		height:80px;
		max-height:80px;
		max-width:180px;
		font-size:1.2em;
		background:#fff url('../img/etape_4/textarea.png') top left repeat-x;
		border:1px solid #d3d3d3;
		overflow:hidden
	}
	
	/* Layer Popin */
	#bleu_gauche #js_popin {
		display:none;
		position:absolute;
	}
	#bleu_gauche #popinLayer {
		/*display:none;*/
		background:url(../img/etape_4/layer/bg_deg_maq.png) no-repeat;
		width:724px;
		height:650px;
	}
	#bleu_gauche .bigPopinLayer {
		/*display:none;*/
		background:url(../img/etape_4/layer/bg_deg_maq_big.png) no-repeat !important;
		width:923px !important;
	}
	#bleu_gauche #popinLayerPosition {
		position:absolute;
		z-index:1500;
		margin:0;
	}
	#bleu_gauche #popinLayer h4 {
		width:60%;
		float:left;
		margin:1em;
		padding:0;
		color:#33587C;
		font-size:1.3em;
		position:relative;
	}
	#bleu_gauche #popinLayer button {
		margin-left:730px;
		margin-top:300px;
		position:absolute;
	}
	#bleu_gauche #popinLayer div#popinLayerXRetour {
		width:30%;
		float:right;
		text-align:right;
		margin-top:1em;
		margin-right:0.5em;
		color:#33587C;
		font-size:1.3em;
		font-weight:bold;
		text-transform:uppercase;
		position:relative;
	}
	#bleu_gauche #popinLayer div#popinLayerXRetour a {
		color:#33587C;
		text-decoration:none;
	}
	
	#bleu_gauche #popinLayer div#popinLayerCont1 {
		width:565px;
		background:#fff;
		margin-left:80px;
		border:1px solid #D6DEE8;
		margin-top:20px;
	}
	

	#bleu_gauche #popinLayer div#popinLayerCont1 div#pLeftCont {
		width:92%;
		float:left;
		padding-top:20px;
		padding-left:30px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont1 div#pCodeBarre {
		width:8%;
		float:right;
		text-align:center;
		padding-top:20px;
		display:inline;
	}

	#bleu_gauche #popinLayer div#popinLayerCont1 div#pLeftCont h5 {
		display:inline;
		margin:0;
		padding:0;
		margin-right:10px;
		color:#7D7D7D;
		font-size:2em;
		font-weight:normal;
	}
	
	
	#bleu_gauche #popinLayer div#popinLayerCont1 div#maquetteTimbre {
		background:url(../img/etape_4/layer/choix_support2_preview10-03.jpg) no-repeat;
		margin-left:15px;
		margin-top:20px;
		padding-bottom:30px;
		float:left;
		display:inline;
		width:495px;
	}
	

	
	#bleu_gauche #popinLayer div#popinLayerCont1 div#maquetteTimbre img {
		margin-left:10px;
		margin-right:1px;
		margin-top:10px;
	}
	
	#bleu_gauche #popinLayer div#popinLayerCont1 div#maquetteTimbre img.mT3 {
		margin-left:11px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont1 div.mTgotoLine {
		margin-top:3px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont1 div.mTgotoLine1 {
		margin-top:4px;
	}
	
	
	

	#bleu_gauche #popinLayer p {
		width:565px;
		margin-left:90px;
		font-size:0.9em;
		color:#fff;
	}
	
	#bleu_gauche #popinLayer div#popinLayerCont2 {
		width:565px;
		background:#fff;
		margin-left:80px;
		border:1px solid #D6DEE8;
		margin-top:20px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#pLeftCont {
		width:97%;
		float:left;
		display:inline;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#pCodeBarre {
		width:8%;
		float:right;
		text-align:center;
		padding-top:20px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#pLeftCont h5 {
		display:inline;
		margin:0;
		padding:0;
		margin-left:10px;
		color:#7D7D7D;
		font-size:1.9em;
		font-weight:normal;
		float:left;
		width:240px;
		margin-top:6px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#pLeftCont div#pTimbre {
		float:left;
		width:268px;
		height:202px;
		background:url('../img/etape_4/layer/maquette2_03.jpg') no-repeat;
		margin-left:25px;
		margin-top:15px;
		display:inline;
	}
	* html #bleu_gauche #popinLayer div#popinLayerCont2 div#pLeftCont table tr th {
		font-size:0.8em;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#pLeftCont table {
		width:300px;
		margin-left:20px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#pLeftCont table tr th {
		height:260px;
		vertical-align:middle;
		font-size:1.1em;
		font-weight:normal;
		font-style:normal;
		color:#7D7D7D;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#pLeftCont div#pTimbre img {
		margin-top:17px;
		margin-left:14px
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#maquetteTimbre {
		background:url(../img/etape_4/layer/maquette2_07.jpg) no-repeat;
		margin:40px 0 0 30px;
		height:256px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#maquetteTimbre img {
		margin-left:10px;
		margin-right:1px;
		margin-top:11px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#maquetteTimbre img.mT3 {
		margin-left:11px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div.mTgotoLine {
		margin-top:3px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 #codeBarre {
		margin-left:30px;
		margin-bottom:10px;
		margin-top:10px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#pLeftCont div#pTimbre2 {
		float:left;
		width:202px;
		height:269px;
		background:url('../img/etape_4/layer/timbre_03.gif') no-repeat;
		margin-left:31px;
		margin-top:11.6px;
		display:inline;
	}
	#bleu_gauche #popinLayer div#popinLayerCont2 div#pLeftCont div#pTimbre2 img {
		margin-top:13px;
		margin-left:16px
	}
	h5.bigWidth {
		width:300px !important;
	}
	
	
	#bleu_gauche #popinLayer div#popinLayerCont3 {
		width:658px;
		background:#fff;
		margin-left:33px;
		border:1px solid #D6DEE8;
		margin-top:20px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont3 div#pLeftCont {
		float:left;
		padding-top:20px;
		display:inline;
	}
	#bleu_gauche #popinLayer div#popinLayerCont3 div#pLeftCont div#pTimbre {
		float:left;
		width:268px;
		height:202px;
		background:url('../img/etape_4/layer/maquette2_03.jpg') no-repeat;
		margin-left:30px;
		margin-top:1px;
		display:inline;
	}
	#bleu_gauche #popinLayer div#popinLayerCont3 div#pLeftCont div#pTimbre img {
		margin-top:17px;
		margin-left:14px
	}
	* html #bleu_gauche #popinLayer div#popinLayerCont3 div#pLeftCont table tr th {
		font-size:0.8em;
	}
	#bleu_gauche #popinLayer div#popinLayerCont3 div#pLeftCont table tr th {
		height:286px;
		vertical-align:middle;
		font-size:1.1em;
		font-weight:normal;
		font-style:normal;
		color:#7D7D7D;
	}
	#bleu_gauche #popinLayer div#popinLayerCont3 div#pLeftCont table {	
		width:268px !important;
		margin:0 0 0 30px;
	}
	
	
	/*
		ANCIENNE MISE EN PAGE
	#bleu_gauche #popinLayer div#popinLayerCont3 div#maquetteTimbre {
		background:url(../img/etape_4/layer/maquette2_06.jpg) no-repeat;
		float:left;
		width:257px;
		height:510px;
		margin:0 0 0 20px;
		display:inline;
	}
	*/
	#bleu_gauche #popinLayer div#popinLayerCont3 div#maquetteTimbre {
		background:url(../img/etape_4/layer/maquette2_06.jpg) no-repeat;
		float:right;
		width:257px;
		height:510px;
		margin:0 30px 0 0px;
		display:inline;
	}
	#bleu_gauche #popinLayer div#popinLayerCont3 div#maquetteTimbre img {
		margin-left:11px;
		margin-right:1px;
		margin-top:10px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont3 div#maquetteTimbre img.mT3 {
		margin-left:11px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont3 div.mTgotoLine {
		margin-top:2px;
		margin-bottom:3px;
	}
	#bleu_gauche #popinLayer div#popinLayerCont3 #codeBarre {
		margin:328px 25px 10px 0;
		float:right;
	}
	h5.bigWidth {
		width:300px !important;
	}
	
	
#color_noir {
	background-color : #000000;
}

#color_blanc {
	background-color : #FFFFFF;
}

#color_rouge {          
	background-color : #ED1B2F;
}

#color_jaune {          
	background-color : #FFDE17;
}

#color_bleuclair {          
	background-color : #00AEE6;
}

#color_bleufonce {          
	background-color : #00529C;
}

#color_orange {          
	background-color : #F7941D;
}

#color_vert {          
	background-color : #009E59;
}

#color_violet {          
	background-color : #7F3F98;
}

#color_rose {          
	background-color : #F391BC;
}



/* Popin Layer 4, feuillet de 30 en paysage */
#bleu_gauche #popinLayer div#popinLayerCont4 {
	height:600px;
	width:790px;
	background:#fff;
	margin-left:60px;
	border:1px solid #D6DEE8;
	margin-top:11px;
}

#bleu_gauche #popinLayer div#popinLayerCont4 div#pCodeBarre {
	float:left;
	padding-top:10px;
	display:inline;
	margin-left:17px;
}

#bleu_gauche #popinLayer div#popinLayerCont4 div#maquetteTimbre {
	background:url(../img/etape_4/layer/choix_support2_preview10-03-vert.jpg) no-repeat;
	margin-left:15px;
	margin-top:10px;
	padding-bottom:30px;
	float:left;
	display:inline;
	width:758px;
}

#bleu_gauche #popinLayer div#popinLayerCont4 div#maquetteTimbre img {
	margin-left:10px;
	margin-top:10px;
}

#bleu_gauche #popinLayer div#popinLayerCont4 div#maquetteTimbre img.Img-2,
#bleu_gauche #popinLayer div#popinLayerCont4 div#maquetteTimbre img.Img-4,
#bleu_gauche #popinLayer div#popinLayerCont4 div#maquetteTimbre img.Img-6 {
	margin-left:13px;
}

#bleu_gauche #popinLayer div#popinLayerCont4 div#maquetteTimbre img.Img-3,
#bleu_gauche #popinLayer div#popinLayerCont4 div#maquetteTimbre img.Img-5 {
	margin-left:12px;
}

#bleu_gauche #popinLayer div#popinLayerCont4 div.mTgotoLine {
	margin-top:2px;
}

#bleu_gauche #popinLayer div#popinLayerCont4 div.mTgotoLine1 {
	margin-top:3px;
}

.button-popinLayerCont4 {
	margin:560px 0 0 625px !important;
}



/*	=Nouvelles mises en page des feuillets de timbres
-------------------------------------------------------------------------------------- */

/*	=Style commun à 10 et 30 timbres paysage
-------------------------------------------------------------------------------------- */


div#popinLayerCont5,
div#popinLayerCont6 {
 	width:811px;
 	height:596px;
 	margin:21px 0 0 55px;
 	position:relative;
}

div#popinLayerCont5 img.layer-5-bg,
div#popinLayerCont6 img.layer-6-bg {
 	position:absolute;
 	z-index:20;
}
 
button.button-popinLayerCont5 {
 	margin:630px 0pt 0pt 657px !important;
}
 
 
/*	=10 Timbres en paysage
-------------------------------------------------------------------------------------- */
 
div#popinLayerCont5 table {
 	margin:0 0 0 27px;
 	width:352px;
 	height:286px;
}

div#popinLayerCont5 table tr td  {
	position:relative;
 	z-index:40;
 	color:#7D7D7D;
	font-style:normal;
	font-weight:normal;
	width:352px;
	vertical-align:middle;
}

div#popinLayerCont5 table tr td p {
	background:#fff;
	width:auto !important;
	margin:0 !important;
	font-size:14px !important;
	padding:10px;
	border:1px solid #eaeaea;
	color:#000 !important;
	position:relative;
	z-index:40;
	#position:static; /*	:TRICKY: IE position relative bug */
}

div#popinLayerCont5 img.layer-5-big {
	z-index:40;
	position:relative;
	margin:26px 0 0 47px;
}

div#popinLayerCont5 div {
	position:absolute;
	z-index:40;
	top:64px;
	left:0;
}

div#popinLayerCont5 div div {
	top:0;
	left:493px;
	width:260px;
	margin:0 0 34px 0;
	position:relative;
	overflow:auto;
}

div#popinLayerCont5 div div img {
	float:left;
	margin:0 32px 0 0;
}


/*	=30 Timbres en paysage
-------------------------------------------------------------------------------------- */

div#popinLayerCont6 div {
	position:absolute;
	z-index:40;
	top:64px;
	left:0;
}

div#popinLayerCont6 div div {
	top:0;
	left:35px;
	width:780px;
	margin:0 0 34px 0;
	position:relative;
	overflow:auto;
}

div#popinLayerCont6 div div.style-mB-35px {
	margin:0 0 35px 0;
}

div#popinLayerCont6 div div img {
	float:left;
	margin:0 32px 0 0;
}

div#popinLayerCont6 div div img.style-mR-33px {
	margin:0 33px 0 0;
}

/*	=Styles commun à 10 et 30 timbres portrait
-------------------------------------------------------------------------------------- */

div#popinLayerCont7 {
 	width:593px;
 	margin:21px 0 0 55px;
 	position:relative;
 	min-height:809px;
 	height:auto !important;
 	height:809px;}

div#popinLayerCont7 img.layer-7-bg {
 	position:absolute;
 	z-index:20;
}

div#popinLayerCont7 div div img.style-mR-35px,
div#popinLayerCont8 div div img.style-mR-35px {
	margin:0 35px 0 0;
}

div#popinLayerCont8 div div.style-mB-34px {
	margin:0 0 34px 0;
}

div#popinLayerCont8 div div.style-mB-35px {
	margin:0 0 35px 0;
}

/*	=10 timbres en portrait
-------------------------------------------------------------------------------------- */

div#popinLayerCont7 table {
 	width:252px;
 	height:352px;
 	position:absolute;
 	top:0;
 	left:320px;
 	margin:25px 0 0 0;
 	z-index:40;
}

div#popinLayerCont7 table tr td  {
	position:relative;
 	z-index:40;
 	color:#7D7D7D;
	font-style:normal;
	font-weight:normal;
	width:352px;
	vertical-align:middle;
}

div#popinLayerCont7 table tr td p {
	background:#fff;
	width:auto !important;
	margin:0 !important;
	font-size:14px !important;
	padding:10px;
	border:1px solid #eaeaea;
	color:#000 !important;
	position:relative;
	z-index:50;
	#position:static; /*	:TRICKY: IE position relative bug */
}

div#popinLayerCont7 img.layer-7-big {
	z-index:40;
	position:relative;
	margin:47px 0 0 67px;
}

div#popinLayerCont7 div {
	position:absolute;
	z-index:40;
	top:493px;
	left:34px;
}

div#popinLayerCont7 div div {
	top:0;
	left:35px;
	width:510px;
	margin:0 0 33px 0;
	position:relative;
	overflow:auto;
}

div#popinLayerCont7 div div img {
	float:left;
	margin:0 34px 0 0;
}

/*	=30 timbres en portrait
-------------------------------------------------------------------------------------- */

div#popinLayerCont8 {
 	width:593px;
 	margin:21px 0 0 55px;
 	position:relative;
 	min-height:809px;
 	height:auto !important;
 	height:809px; 	
}

div#popinLayerCont8 div {
	position:absolute;
	z-index:40;
	top:35px;
	left:34px;
}

div#popinLayerCont8 div div {
	top:0;
	left:35px;
	width:510px;
	margin:0 0 33px 0;
	position:relative;
	overflow:auto;
}

div#popinLayerCont8 div div img {
	float:left;
	margin:0 34px 0 0;
}

div#popinLayerCont8 img.layer-8-bg {
 	position:absolute;
 	z-index:20;
}