@font-face {

	font-family: "F6";
	src: url(fonts/MarketingScript.eot);
	src: local("F6"), url(fonts/MarketingScript.ttf) format("truetype");
	
}


@media screen {

	html {font-size:80%;}
	#page {text-align:center;}
	a {outline:none;}
	h1,
	p {text-align:center;}
	p {font-family: "F6", Arial, sans-serif; font-size:1.6em; line-height:1.2em; margin:5px 0;}
	.speFont {font-family: "F6", Arial, sans-serif;}
	.big {font-size:4em; margin-bottom:10px;}
	fieldset {border:0; display:inline; position:relative;}
	legend span,
	label {font-family: "F6", Arial, sans-serif; font-size:2em; position:absolute; top:-5000px; left:-5000px; width:1px; height:1px;}
	#livraison label {position:static; width:auto; height:auto; display:block;}
	ul {display:inline;}
	li {display:inline; list-style-type:none; margin-right:50px;}
	.last {margin-right:0;}
	fieldset img {display:block; margin-bottom:20px;}
	select {display:block; width:103px; margin-top:5px; margin-left:72px; *margin-left:0;}
	.submit {margin-left:-10px;}
	.controls {padding:0; margin:0;}
	.controls a {position:absolute; width:35px; height:35px; background:url(nothing.png) no-repeat 0 0;}
	.goLeft {top:88px; left:14px;}
	.goRight {top:88px; right:24px;}
	.firstControl .goRight {right:20px; right:2px\9}
	.secondControl .goLeft {left:10px;}
	.secondControl .goRight {right:28px; right:18px\9}
	.thirdControl .goRight {margin-right:-18px\9}
	.thirdControl .showCtrlLayer {margin-right:-10px\9}
	.showCtrlLayer {top:130px; right:29px;}
	.last .goLeft {left:5px;}
	.last .goRight {right:34px;}
	.last .showCtrlLayer {right:39px;}
	.hidden {visibility:hidden;}
	.code {background:url(skin/input.png) no-repeat center top; height:125px;}
	.code input {background:transparent; border:0; height:65px; width:240px; padding-left:40px; text-indent:5px; margin-top:15px; margin-left:115px; font-size:3.5em; color:#ee8025; font-style:italic; font-family: "F6", Arial, sans-serif;}
	.sixandco input {color:#1378b9 !important;}
	.tshirt {background:url(skin/tshirt.png) no-repeat center 50px; min-height:707px; _height:707px; padding-top:230px;}
	.spaceTop {margin-top:50px;}
	.spaceTop span {display:block; line-height:40px;}
	.spaceTop img {vertical-align:middle;}
	.miniSpaceTop {margin-top:20px;}
	.miniSpaceTop img {border:0;}
	.bottom {font-family:Arial, sans-serif; margin-top:30px; font-size:1em; font-weight:bold;}
	.withThanks {margin-top:180px;}
	.floatL {float:left; width:50%;}
	.txtL {text-align:left;}
	.txtR {text-align:right;}
	.clear {clear:both;}
	#livraison {width:380px; _width:390px; margin:0 auto;}
	#livraison label {text-align:left; padding-left:5px; line-height:1em; padding-top:8px;}
	#livraison input {border:1px solid black; height:35px; width:180px; margin:0 5px; font-size:2em; line-height:35px; color:#ee8025; font-style:italic; font-family: "F6", Arial, sans-serif}
	#livraison input#submit {border:0; height:53px; width:140px; margin-top:20px;}
	#livraison .full input {width:370px;}
	.error {color:red; font-family:Arial, sans-serif; font-size:1em;}
	#perso {width:400px; margin:0 auto;}
	.code {float:left;}
	.errorCode {margin-left:400px; position:relative; top:15px; color:red; width:400px;}
	.errorCode p {text-align:left !important; font-family:Arial, sans-serif !important; font-size:1em;}

	/* Positionnement et initialisation du layer */
	#layer {position:absolute; z-index:10000; top:0; left:0; visibility:hidden; cursor:pointer;}

	/* Affichage du layer */
	.showLayer {visibility:visible !important;}

	/* Mise en page du page du voile se superposant au contenu de la page */
	#layer .bkgLayer {background:black; position:absolute; top:0; left:0;}

	/* Mise en page de la zone de contenu du layer */ 
	#layer .bkgContentLayer {position:fixed; _position:absolute;}
	#layer .contentLayer {}

	/* Mise en page du bouton de fermeture du layer */
	#layer #hideCtrlLayer {position:absolute; top:5px; right:160px; overflow:hidden; width:40px; height:40px; text-indent:-3000px; background:url(nothing.png) no-repeat 0 0;}
	
}