img, div, span { behavior: url(/extension/tictacphoto/design/tictacphoto/stylesheets/iepngfix.htc) }
/* CSS Document */
/* --------------------------------------------------------------------------------------------- Middle */
/* ------------------------------------------------------------------------- Main */
/* ----------------------------------------------------- Titres */
	h1 {font-size:2.1em}
/* ----------------------------------------------------- Left */
	#middle #main #left {width:575px}
	#middle #main #left #arrondi_bleuC_bottom {padding-bottom:20px}
/* --------------------------------- Onglets */
	#middle #main #left #degrade_bleuC #onglets {
		font-size:1.1em;
		padding:0 0 0 7px
	}
	#middle #main #left #degrade_bleuC #onglets li {
		float:left;
		margin:0 2px 0 0
	}
	#middle #main #left #degrade_bleuC #onglets li a {
		float:left;
		color:#000;
		background-image:url(../../images/structure/background/onglet_a.gif);
		background-repeat:no-repeat
	}
	#middle #main #left #degrade_bleuC #onglets li a span {
		display:block;
		float:left;
		background-image:url(../../images/structure/background/onglet_span.gif);
		background-repeat:no-repeat;
		background-position:right top;
		padding:5px 15px 5px 15px;
		cursor:pointer
	}
	#middle #main #left #degrade_bleuC #onglets li a:hover, #middle #main #left #degrade_bleuC #onglets li a.on {
		background-position:left bottom;
		text-decoration:none
	}
	#middle #main #left #degrade_bleuC #onglets li a:hover span, #middle #main #left #degrade_bleuC #onglets li a.on span {
		background-position:right bottom;
		padding:5px 15px 4px 15px
	}
	#middle #main #left #degrade_bleuC #onglets li a.on span {
		font-weight:bold;
		cursor:text
	}
/* --------------------------------- Produits */
	#middle #main #left #degrade_bleuC #produits {
		position:relative;
		float:left;
		width:549px;
		height:280px;
		background:url(../../images/structure/background/produits.gif);
		padding:0 5px 0 0
	}
/* ----------------------- Vignettes */
	#middle #main #left #degrade_bleuC #produits #vignettes {
		float:right;
		width:132px;
		padding:1px 0 0 0
	}
	#middle #main #left #degrade_bleuC #produits #vignettes li.vide {
		position:relative;
		width:132px;
		height:67px;
		background-color:#c7c7cb
	}
	#middle #main #left #degrade_bleuC #produits #vignettes li.vide span {
		position:absolute;
		bottom:0;
		right:0;
		display:block;
		width:7px;
		height:7px;
		background:url(../../images/structure/background/coin_vide.gif);
		font-size:0em
	}
	* html #middle #main #left #degrade_bleuC #produits #vignettes li.vide span {bottom:-1px}
	#middle #main #left #degrade_bleuC #produits #vignettes li a {
		position:relative;
		display:block;
		width:124px;
		height:61px;
		border:1px solid #a4a4a4;
		background:#e5e5e5;
		padding:2px 3px;
		margin:0 0 1px 0
	}
	#middle #main #left #degrade_bleuC #produits #vignettes li a img {vertical-align:middle}
	#middle #main #left #degrade_bleuC #produits #vignettes li a:hover, #middle #main #left #degrade_bleuC #produits #vignettes li.ui-tabs-selected a {
		border-color:#fff;
		background:#fff
	}
	#middle #main #left #degrade_bleuC #produits #vignettes li.ui-tabs-selected a {cursor:text}
	#middle #main #left #degrade_bleuC #produits #vignettes li.ui-tabs-selected a span {display:none}
/* ------------- Coins arrondis */
	#middle #main #left #degrade_bleuC #produits #vignettes li a span {
		position:absolute;
		right:-1px;
		display:block;
		width:7px;
		height:7px;
		font-size:0
	}
	#middle #main #left #degrade_bleuC #produits #vignettes li a span.first {
		top:-1px;
		background:url(../../images/structure/background/coin_haut.gif)
	}
	#middle #main #left #degrade_bleuC #produits #vignettes li a span.last {
		bottom:-1px;
		background:url(../../images/structure/background/coin_bas.gif)
	}
	* html #middle #main #left #degrade_bleuC #produits #vignettes li a span.last {bottom:-2px}
	#middle #main #left #degrade_bleuC #produits #vignettes li a:hover span {
		display:none;
		background:none
	}
/* ----------------------- Zoom produit */
	#middle #main #left #degrade_bleuC #produits div.ui-tabs-hide {display:none}
	#middle #main #left #degrade_bleuC #produits div.ui-tabs-panel {
		position:absolute;
		top:10px;
		left:12px;
		float:left;
		width:393px;
		text-align:center;
		font-size:1.6em;
		font-style:italic;
		color:#000;
		overflow:hidden
	}
	#middle #main #left #degrade_bleuC #produits div.ui-tabs-panel img {
		vertical-align:middle;
		margin:0 0 5px 0
	}
/* ----------------------------------------------------- Right */
	#middle #main #right {
		width:281px;
		padding:0 0 0 30px
	}
	#middle #main #right div.arrondi_gris div.arrondi_blanc h2 {
		text-align:center;
		margin-bottom:15px
	}
	#middle #main #right div.arrondi_gris div.arrondi_blanc ul {
		font-size:1.2em;
		font-weight:bold;
		margin:0 0 20px 0
	}
	#middle #main #right div.arrondi_gris div.arrondi_blanc ul li {
		background:url(../../images/elements/rond_gris.gif) no-repeat 0 6px;
		padding:0 0 0 14px;
		margin:0 0 8px 0
	}
	#middle #main #right div.arrondi_gris div.arrondi_blanc ul li span {
		font-size:.8em;
		font-weight:normal;
		color:#666
	}
	#middle #main #right div.arrondi_gris a.bouton {
		margin-top:15px;
		margin-bottom:10px
	}
/* ----------------------------------------------------- Modèles et options */
	#middle #main #type_box h2, #middle #main #modeles h2, #middle #main #formats h2, #middle #main #options h2 {
		color:#444;
		padding-left:34px;
		background-repeat:no-repeat;
		background-position:left top;
		padding-top:2px;
		padding-bottom:3px;
		margin-bottom:20px
	}
	#middle #main .bloc {position:relative}
	#middle #main #type_box span.inactif, #middle #main #modeles span.inactif, #middle #main #formats span.inactif {
		position:absolute;
		top:0;
		left:0;
		background:url(../../images/structure/background/inactif.png);
		margin:0;
		font-size:0em;
		cursor:pointer
	}
	
	* html #middle #main #modeles span.inactif, * html #middle #main #formats span.inactif {
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/tictacphoto/design/tictacphoto/images/structure/background/inactif.png',sizingMethod='scale');
		background-image:none*/
	}
	
	#middle #main #type_box span.actif, #middle #main #modeles span.actif, #middle #main #formats span.actif {
		position:absolute;
		top:0;
		left:0;
		background:url(../../images/structure/background/actif.png);
		margin:0;
		font-size:0em;
		cursor:pointer
	}
	
	* html #middle #main #modeles span.actif, * html #middle #main #formats span.actif {
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/tictacphoto/design/tictacphoto/images/structure/background/inactif.png',sizingMethod='scale');
		background-image:none*/
	}
	
	#middle #main #type_box span.indispo, #middle #main #modeles span.indispo, #middle #main #formats span.indispo {
		position:absolute;
		top:0;
		left:0;
		background:url(../../images/structure/background/indispo.png);
		margin:0;
		font-size:1em;
		cursor:pointer;
		color:red;
		font-weight:bold;
		padding-top:20px;
		text-align:center;
		font-style:italic;
	}
	
	* html #middle #main #modeles span.indispo, * html #middle #main #formats span.indispo {
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/tictacphoto/design/tictacphoto/images/structure/background/indispo.png',sizingMethod='scale');
		background-image:none*/
	}
	
	#middle #main #formats #inactif_1 {
		line-height:7em;
	}
	#middle #main #formats #inactif_2 {
		line-height:7em;
	}
/* ----------------------------------------------------- Modèles */
	#middle #main #modeles {
		float:left;
		width:347px
	}
	#middle #main #modeles h2 {background-image:url(../../images/structure/background/1.gif)}
	#middle #main #modeles ul li {
		float:left;
		width:100%;
		margin:0 0 10px 0
	}
	#middle #main #modeles ul li h3 {
		float:left;
		width:65px;
		text-align:right;
		font-size:1.4em;
		padding:0 12px 0 0
	}
	#middle #main #modeles #modeles_coffret ul li {
		margin:0;
		list-style:disc;
		}
	
	#middle #main #modeles ul li a {
		display:block;
		float:left;
		width:320px;
		color:#686868;
		border:1px solid #b2b2b2;
		background-image:url(../../images/structure/background/fleche.gif);
		background-repeat:no-repeat;
		background-position:right bottom;
		padding:10px 11px
	}
	#middle #main #modeles ul li a img {float:left}
	#middle #main #modeles ul li a .modele_label {
		font-style:normal;
		margin-left:123px
		}
	#middle #main #modeles ul li a span.modele_content {
		text-align:left;
		font-style:normal;
		margin-left:123px
		}
	
	#middle #main #modeles ul li a span {
		display:block;
		font-style:italic;
		margin:0 0 1px 95px
	}
	#middle #main #modeles ul li a span.prix {
		text-align:left;
		font-size:1.3em;
		font-style:normal;
		font-weight:bold;
		color:#000;
		margin-top:15px;
		margin-left:123px
	}
	#middle #main #modeles ul li a span.prix .barre {
		text-decoration:line-through;
	}
	#middle #main #modeles ul li a span.prix_promo {
		text-align:right;
		font-size:2em;
		font-style:normal;
		font-weight:bold;
		color:#CE0000;
		margin-top:15px;
		margin-right:77px
	}
	#middle #main #modeles ul li a span.prix .prix_small {
		font-size:0.7em;
		font-weight:normal;
	}
	#middle #main #modeles ul li a:hover {
		border-color:#7f7f7f;
		text-decoration:none
	}
	#middle #main #modeles ul li a.on {
		border-width:2px;
		border-color:#1b1b1b;
		padding:9px 10px;
		background:none;
		cursor:text
	}
	#middle #main #modeles label {
		display:block;
		font-size:1.4em;
		font-style:normal;
		color:#333;
		margin:5px 0 4px 0
	}
	#middle #main #modeles ul li a.on:hover {border-color:#1b1b1b}
	#middle #main #modeles #promo {
		position:absolute;
		display:block;
		top:90px;
		left:30px;
		width:80px;
		height:80px;
		background-image:url(../../images/structure/stick.png);
		font-family:Arial, Helvetica, sans-serif;
		font-size:2em;
		text-align:center;
		line-height:3.5em;
		font-weight:bold;
		color:#fff;
	}
/* ----------------------------------------------------- Type Box */
	#middle #main #type_box {
		float:left;
		width:347px
	}
	#middle #main #type_box h2 {background-image:url(../../images/structure/background/1.gif)}
	#middle #main #type_box ul li {
		float:left;
		width:100%;
		margin:0 0 10px 0
	}
	#middle #main #type_box ul li h3 {
		float:left;
		width:65px;
		text-align:right;
		font-size:1.4em;
		padding:0 12px 0 0
	}
	/*#middle #main #type_box #modeles_coffret ul li {
		margin:0;
		list-style:disc;
		}*/
	
	#middle #main #type_box ul li a {
		display:block;
		float:left;
		width:320px;
		color:#686868;
		border:1px solid #b2b2b2;
		background-image:url(../../images/structure/background/fleche.gif);
		background-repeat:no-repeat;
		background-position:right bottom;
		padding:10px 11px
	}
	#middle #main #type_box ul li a img {float:left}
	#middle #main #type_box ul li a .modele_label {
		font-style:normal;
		margin-left:93px
		}
	#middle #main #type_box ul li a span.modele_content {
		text-align:left;
		font-style:normal;
		margin-left:93px;
		padding-bottom:20px;
		}
	
	#middle #main #type_box ul li a span {
		display:block;
		font-style:italic;
		margin:0 0 1px 95px
	}
	#middle #main #type_box ul li a span.prix {
		text-align:left;
		font-size:1.3em;
		font-style:normal;
		font-weight:bold;
		color:#000;
		margin-top:15px;
		margin-left:123px
	}
	#middle #main #type_box ul li a span.prix .barre {
		text-decoration:line-through;
	}
	#middle #main #type_box ul li a span.prix_promo {
		text-align:right;
		font-size:2em;
		font-style:normal;
		font-weight:bold;
		color:#CE0000;
		margin-top:15px;
		margin-right:77px
	}
	#middle #main #type_box ul li a span.prix .prix_small {
		font-size:0.7em;
		font-weight:normal;
	}
	#middle #main #type_box ul li a:hover {
		border-color:#7f7f7f;
		text-decoration:none
	}
	#middle #main #type_box ul li a.on {
		border-width:2px;
		border-color:#1b1b1b;
		padding:9px 10px;
		background:none;
		cursor:text
	}
	#middle #main #type_box label {
		display:block;
		font-size:1.4em;
		font-style:normal;
		color:#333;
		margin:5px 0 4px 0
	}
	#middle #main #type_box ul li a.on:hover {border-color:#1b1b1b}
	#middle #main #type_box #promo {
		position:absolute;
		display:block;
		top:90px;
		left:30px;
		width:80px;
		height:80px;
		background-image:url(../../images/structure/stick.png);
		font-family:Arial, Helvetica, sans-serif;
		font-size:2em;
		text-align:center;
		line-height:3.5em;
		font-weight:bold;
		color:#fff;
	}
	#middle #main #type_box #modele_coffret ul li {
		float:none;
		margin:0
	}
/* ----------------------------------------------------- Options */
	#middle #main #options {
		float:left;
		width:457px;
	}
/*	#middle #main #options h2 {background-image:url(../../images/structure/background/2.gif)}*/
/* --------------------------------- Inactif */
	#middle #main #options div.bloc {
		float:left;
		width:457px;
		margin-bottom:18px
	}
	#middle #main #options div.bloc span.inactif {
		line-height:15em;
		text-align:center;
		font-size:1.8em;
		font-weight:bold;
		color:#fff
	}
	#middle #main #options div.bloc span.inactif span {
		background:url(../../images/structure/background/choisir_modele.gif) no-repeat 0 8px;
		padding:0 0 0 25px
	}
/* --------------------------------- Bloc bordure */
	#middle #main #options div.bordure {
		float:left;
		width:455px;
		border:1px solid #b2b2b2;
		margin:0 0 7px 0;
		position:relative;
	}
	
	* html #middle #main #options div.bordure {
		height:45px;
	}
	
	#middle #main #options div.bordure.last {margin:0}
	#middle #main #options div.bordure img.illustration {
		float:right;
		background:#e5e5e5;
		padding:3px;
		margin:0 0 0 10px
	}
	#middle #main #options div.bordure label {
		display:block;
		font-size:1.4em;
		font-style:normal;
		color:#333;
		margin:5px 0 4px 0
	}
	#middle #main #options div.bordure select option {padding:0 10px 0 0}
	#middle #main #options div.bordure input {
		float:left;
		width:13px;
		height:13px;
		margin:23px 16px 0 20px
	}
	#middle #main #options div.bordure p {
		line-height:1.2em;
		color:#808080;
		font-style:italic;
		margin:0 0 0 50px
	}
/* ------------- Nombre de pages */
	#middle #main #options div.bordure.nombre_page {
		width:409px;
		padding-left:46px
	}
/* ------------- Total */
	#middle #main #formats div.bordure.total {
		width:425px;
		padding:8px 14px 8px 16px;
		margin:7px 0 10px 0
	}
	#middle #main #formats div.bordure.total label {
		float:left;
		line-height:1.4em;
		margin:0 15px 0 0
	}
	#middle #main #formats div.bordure.total span.prix {
		float:right;
		font-size:1.5em;
		font-weight:bold;
		overflow:hidden
	}
	#middle #main #options div.bordure.total span.prix {
		float:right;
		font-size:1.5em;
		font-weight:bold;
		overflow:hidden
	}
	#middle #main #formats div.bordure.total span.prix span.par_album {
		font-size:.6em;
		font-weight:normal;
		font-style:italic;
		color:#b3b3b3
	}
/* --------------------------------- Bouton */
	#middle #main #options a.h53 span.middle  {width:384px}
	
	#step2 {
		background:url(../../images/structure/background/2.gif) no-repeat;
	}
	
	#step3  {
		background:url(../../images/structure/background/3.gif) no-repeat;
	}
	
	#middle #main #options .bloc div.on {
		width:453px;
		border-width:2px;
		border-color:#1b1b1b;
	}
	
	* html #middle #main #options .bloc div.on {
		height:66px;
	}
	
	
	
	
	
/* ----------------------------------------------------- Formats */
	#middle #main #formats {
		float:left;
		width:457px;
		padding:0 8px 0 74px
	}
/*	#middle #main #options h2 {background-image:url(../../images/structure/background/2.gif)}*/
/* --------------------------------- Inactif */
	#middle #main #formats div.bloc {
		float:left;
		width:457px;
		margin-bottom:18px
	}
	#middle #main #formats div.bloc span.inactif {
		line-height:7em;
		text-align:center;
		font-size:1.8em;
		font-weight:bold;
		color:#fff
	}
	#middle #main #formats div.bloc span.inactif span {
		background:url(../../images/structure/background/choisir_modele.gif) no-repeat 0 8px;
		padding:0 0 0 25px;
	}
/* --------------------------------- Bloc bordure */
	#middle #main #formats div.bordure {
		float:left;
		width:455px;
		border:1px solid #b2b2b2;
		margin:0 0 7px 0;
		position:relative;
	}
	
	* html #middle #main #formats div.bordure {
		height:45px;
	}
	
	#middle #main #formats div.bordure.last {margin:0}
	#middle #main #formats div.bordure img.illustration {
		float:right;
		background:#e5e5e5;
		padding:3px;
		margin:0 0 0 10px
	}
	#middle #main #formats div.bordure label {
		display:block;
		font-size:1.4em;
		font-style:normal;
		color:#333;
		margin:22px 0 0 0
	}
	#middle #main #formats div.bordure label.prix {
		font-size:1.4em;
		font-style:normal;
		color:#333;
	}
	#middle #main #formats div.bordure select option { padding:3px 10px 0 0}
	#middle #main #formats div.bordure input {
		float:left;
		width:13px;
		height:13px;
		margin:23px 16px 0 20px
	}
	#middle #main #formats div.bordure p {
		line-height:1.2em;
		color:#808080;
		font-style:italic;
		margin:0 0 0 50px
	}
	#middle #main #formats span.prix {
		text-align:right;
		font-size:1.3em;
		font-style:normal;
		font-weight:bold;
		color:#000;
		margin-right:7px
	}
	#middle #main #formats span.prix .prix_small {
		font-size:0.7em;
		font-weight:normal;
	}
/* ------------- Nombre de pages */
	#middle #main #formats div.bordure.nombre_page {
		width:409px;
		padding-left:46px
	}
/* ------------- Total */
	/*#middle #main #formats div.bordure.total {
		width:425px;
		padding:8px 14px 8px 16px;
		margin:7px 0 10px 0
	}
	#middle #main #formats div.bordure.total label {
		float:left;
		line-height:1.4em;
		margin:0 15px 0 0
	}
	#middle #main #formats div.bordure.total span.prix {
		float:right;
		font-size:1.5em;
		font-weight:bold;
		overflow:hidden
	}
	#middle #main #formats div.bordure.total span.prix span.par_album {
		font-size:.6em;
		font-weight:normal;
		font-style:italic;
		color:#b3b3b3
	}*/
/* --------------------------------- Bouton */
	#middle #main #formats a.h53 span.middle  {width:384px}
	
	#step2 {
		background:url(../../images/structure/background/2.gif) no-repeat;
	}
	
	#step3  {
		background:url(../../images/structure/background/3.gif) no-repeat;
	}
	
	#middle #main #formats .bloc div.on {
		width:453px;
		border-width:2px;
		border-color:#1b1b1b;
	}
	
	* html #middle #main #formats .bloc div.on {
		height:66px;
	}
	
	#megatext p {
		padding:7px 0 7px 0;
		}
	#megatext ol {
		padding:7px 0 7px 15px;
		}	
	#megatext ol li {
		list-style:decimal;
		padding:0 0 0 5px;
		margin:0 0 0 15px;
		}	
	#megatext ul {
		padding:7px 0 7px 15px;
		}	
	#megatext ul li{
		list-style:disc;
		padding:0 0 0 5px;
		margin:0 0 0 15px;
		}