body{
margin:0;
font-family:"Tahoma", sans-serif;
font-size:14px;
color:#FFFFFF;
background:url(../cssImg/bg_body.jpg) center top repeat-x;
}
a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
h1{
color:#FFFFFF;
font-size:22px;
margin:0;
}
img{
border:0;
}
img.border{
padding:20px;
background:#FFFFFF;
background:url(../cssImg/box_image.gif) center no-repeat;
}
img.float{
float:left;
}
p{
margin:20px 0;
}
hr{
border:0;
border-bottom:1px #ff9d22 solid;
margin:20px 0;
width:200px;
}
form input{
padding:2px;
}
.form-item{
float:left;
margin:5px 0;
float:left;
}
.form-item label{
font-size:14px;
float:left;
width:100%;
text-transform:uppercase;
margin-right:10px;
line-height:20px;
font-weight:bold;
}
.button{
width:100px;
text-align:center;
line-height:30px;
background:#FF6600;
display:block;
float:left;
border:0;
color:#FFFFFF;
}
.button:hover{
background-color:#FF0000;
cursor:pointer;
}


/*layout*/
#wrapper{
width:1002px;
margin:auto;
}
#main{
float:left;
width:1000px;
}
#header{
width:1000px;
margin-left:0px;
height:416px;
float:left;
background:url(../cssImg/header-soldes.jpg) center top no-repeat;
}

#menu_main{
list-style:none;
margin:0;
margin-top:-40px;
padding:0 0 53px 5px;
}
#menu_styles{
margin:0;
}
#menu_main li, #menu_styles li{
position:relative;
float:left;
}
#menu_main li a, #menu_styles li a{
color:#fffc00;
font-size:30px;
width:auto;
margin:0;
margin-right:1px;
padding:10px 19px 7px 20px;
float:left;
position:relative;
background-color:#ff6100;
background-repeat:no-repeat;
background-position:center center;
}
#menu_main li a:hover, #menu_styles li a:hover{
background-color:#FF0000;
}

#menu_main li a#active, #menu_styles li a#active{
background-color:#FF0000;
}

#menu_styles li a{
/* padding:10px 50px;*/
padding:10px 48px;
float:left;
background-image:url(../cssImg/icon_arrow_next.gif);
background-position:center right;
}
#menu_main li a span{
visibility:hidden;
}
#menu_styles a.last{
background-image:none!important;
}
a#accueil{
background-image:url(../cssImg/btn_accueil.png);
}
a#styles{
background-image:url(../cssImg/btn_styles.png);
}
a#tarifs{
background-image:url(../cssImg/btn_tarifs.png);
}
a#procedure{
background-image:url(../cssImg/btn_procedure.png);
}
a#galerie{
background-image:url(../cssImg/btn_galerie.png);
}
a#commander{
background-image:url(../cssImg/btn_comander.png);
}
a#faq{
background-image:url(../cssImg/btn_faq.png);
}
#menu_main li span.left{
background:url(../cssImg/btn_menu_bg_left.gif) left top no-repeat;
width:100%;
height:100%;
display:none;
position:relative;
right:0;
top:0;
}
#menu_main li span.right{
background:url(../cssImg/btn_menu_bg_right.gif) left top no-repeat;
width:18px;
height:100%;
display:none;
position:absolute;
right:0;
top:0;
}

#middle{
float:left;
width:100%;
background:url(../cssImg/bg_main.jpg) center top repeat-y;
padding:40px 0 0 0;
}
#content, #content.sidebar{
width:920px;
padding:20px 40px 0;
float:left;
}
#content.sidebar{
width:660px;
border-right:1px #e58d1e dashed;
}
#sidebar{
float:left;
width:200px;
padding:0 0 0 10px;
background:none;
display:block;
}
#footer{
float:left;
width:100%;
padding:180px 0 20px;
background:#fff url(../cssImg/bg_footer.jpg) center top no-repeat;
}
#menu_bottom, #menu_bottom2{
width:800px;
float:left;
list-style:none;
margin:0 0 0 50px;
padding:0;
}
#menu_bottom li, #menu_bottom2 li,
#menu_bottom li a, #menu_bottom2 li a{
float:left;
color:#000000;
margin:0;
font-weight:normal;
}
#menu_bottom li a, #menu_bottom2 li a{
border-right:1px #000000 solid;
padding:0 10px;
}
a#last{
border:0!important;
}
.last{
border:0!important;
}
/*end layout*/

/*content elements*/
.box_sidebar{
width:200px;
text-align:center;
padding:10px 0;
border-bottom:1px #e58d1e dashed;
}
#sidebar .blue{
background:url(../cssImg/bg_sidebar_box_blue.jpg) no-repeat;
}
.box_content{
width:320px;
height:180px;
padding:20px;
background:url(../cssImg/box_content.gif) no-repeat;
font-size:18px;
float:right;
}
a.commander{
display:block;
float:left;
width:150px;
height:60px;
background:url(../cssImg/commander_btn.jpg) no-repeat;
}
a.commander_small{
margin:0;
display:block;
float:left;
color:#FFFFFF;
width:90px;
text-align:center;
line-height:18px;
background:url(../cssImg/commander_btn_small.jpg) no-repeat;
}
a.commander_small:hover{
color:#333333;
}
.box{
float:left;
width:100%;
position:relative;
}
.clearbox{
width:100%;
float:left;
}
.styles img{
float:left;
margin-right:30px;
}
.styles p{
text-align:right;
}
.box a{
float:right;
}

.halfwidth{
width:45%;
float:left;
}
table.prices{
background:#FFFFFF;
background:url(../cssImg/box_table_top.gif) no-repeat;
width:389px;
margin-bottom:50px;
}
table.prices th{
line-height:32px;
}
table.prices th, table.prices td{
width:200px;
text-align:right;
color:#FF6600;
margin:0;
padding:2px 20px 2px 0;
}
table.prices tr.bottom{
display:block;
width:400px;
height:50px;
background:url(../cssImg/box_table_bottom.jpg) no-repeat;
position:absolute;
left:15px;
}
table.envoi{
background:url(../cssImg/box_table3.gif) no-repeat;
}
table.prices.table{
background:url(../cssImg/box_table1.gif) no-repeat;
}

.box .table_mirror{
height:50px;
background:url(../cssImg/table_mirror.jpg) repeat-x;
margin-right:20px;
}
.box .image_mirror{
padding-bottom:40px;
position:relative;
width:200px;
}
.box .image_mirror span{
display:block;
float:left;
background:url(../cssImg/table_mirror.jpg) left bottom repeat-x;
width:100%;
height:40px;
position:absolute;
bottom:0;
left:15px;
}
#popmoi_big{
float:left;
width:100%;
height:150px;
background:url(../cssImg/h1_popmoi_big.jpg) center top no-repeat;
}
#menu_styles{
float:left;
width:100%;
padding:0;
}
#menu_styles li, #menu_styles li a{
float:left;
display:block;
}
#menu_styles li a{
font-size:16px;
color:#FFFFFF;
}
.navi{
line-height:100px;
float:left;
width:100%;
margin:50px 0;
}
.navi .button{
float:right;
}
form#order{
width:920px;
float:left;
padding:0;
margin:0;
}
form#order3, form#order4{
width:400px;
margin:auto;
}
form#order3 input, form#order4 input{
width:400px;
}
form#order4 .form-item{
width:400px;
}
form#order3 select, form#order3 textarea,
form#order4 select, form#order4 textarea{
width:404px;
}
form#order4 input, form#order4 select, form#order4 textarea{
border:0;
background:#FFCC33;
}
form .cont{
width:330px;
float:left;
overflow:hidden;
margin-left:90px;
}
.box{
float:left;
padding:15px;
margin:5px 0;
overflow:hidden;
}
.box select{
width:150px;
}

.box#format, .box#face{
height:190px;
background:url(../cssImg/box3_bg.gif) left top no-repeat;
}
.box#format label{
width:170px;
padding-top:15px;
display:block;
}
.square, .rectangle, .panorama{
display:block;
float:left;
width:45px;
height:45px;
background:url(../cssImg/icon_square.gif) left top no-repeat;
border:0;
cursor:pointer;
}
.rectangle{
width:65px;
background:url(../cssImg/icon_rectangle.gif) left top no-repeat;
}
.panorama{
width:85px;
background:url(../cssImg/icon_panorama.gif) left top no-repeat;
}
.square:hover, .rectangle:hover, .panorama:hover,
.square.active, .rectangle.active, .panorama.active{
background-position:left bottom;
}
.box#dimension, .box#livraison{
height:150px;
background:url(../cssImg/box4_bg.gif) left top no-repeat;
}
.box#livraison .form-item{
margin:0;
}
.box#livraison input.radio{
margin-left:30px;
}
.box#chargement{
height:420px;
background:url(../cssImg/box5_bg.gif) left top no-repeat;
}
.box#chargement label{
text-transform:none;
width:220px;
}
.box#chargement input{
width:255px;
}
.box#chargement select{
width:40px;
}

.box#support{
height:180px;
border-bottom:1px #FF6600 solid;
width:700px;
margin-left:90px;
background:url(../cssImg/box1_bg.gif) no-repeat;
}
.box#support .form-item{
width:220px;
margin:0 0 0 80px;
}
.box#support label{
font-size:20px;
font-weight:bold;
line-height:50px;
}
.format1, .format2{
display:block;
width:200px;
margin:5px 0;
cursor:pointer;
padding:100px 0 0 0;
float:left;
background:url(../cssImg/order_format1.jpg) left top no-repeat;
}
.format2{
background:url(../cssImg/order_format2.jpg) left top no-repeat;
}
.format1:hover, .format2:hover, #support .active, #support .active{
background-position:left -178px;
}
.box#face .form-item, .box#livraison .form-item{
width:90px;
}
.box#montant{
border-top:1px #FF6600 solid;
height:200px;
width:700px;
margin-left:90px;
background:url(../cssImg/box1_bg.gif) no-repeat;
}
.box#montant .form-item{
margin:5px 0;
}
.box#montant label{
float:left;
width:230px;
}
.box#montant input{
width:200px;
}
.box .arrow{
display:block;
width:80px;
height:40px;
background:url(../cssImg/icon_arrow.gif) center center no-repeat;
position:absolute;
bottom:-5px;
left:115px;
}
#support .arrow{
left:200px;
}
.arrow.returned{
background:url(../cssImg/icon_arrow_returned.gif) center center no-repeat;
left:270px;
bottom:70px;
}
.summary{
border:0;
background:none!important;
color:#FFFFFF;
font-size:20px;
font-weight:bold;
float:left;
width:440px;
}
form#contact{
float:left;
}
form#contact .form-item{
width:auto;
}
form#contact input, form#contact textarea{
width:280px;
}
form#contact textarea{
width:612px;
float:left;
}
form#contact .button{
padding:0 15px;
width:auto;
margin-right:1px;
}
form#home{
float:left;
background:url(../cssImg/box_form_home.gif) center center no-repeat;
padding:30px;
height:196px;
}
form#home input{
width:220px;
}
form#home textarea{
width:224px;
}
form#home .button{
width:226px;
margin:1px;
height:30px;
}
form#home label{
font-size:12px;
line-height:12px;
}
#phone, #colours{
padding-left:50px;
background:url(../cssImg/contact_icon_phone.png) left center no-repeat;
line-height:50px;
}
#colours{
background:url(../cssImg/contact_icon_colours.png) left center no-repeat;
}

.liens p{
float:left;
width:100%;
border-bottom:1px #ff6100 solid;
}
.liens a{
display:block;
widht:auto;
}
.liens img{
float:right;
}
.desc{
float:left;
margin:10px 30px;
}
.desc span{
width:100%;
display:block;
}
.rounded{
padding:10px;
background:url(../cssImg/box_image.gif) no-repeat!important;
color:#333333;
margin:10px 0 0 0;
width:190px;
height:190px;
}
.rounded a{
color:#333333;
}
.faq .rounded{
width:920px;
height:auto;
background:url(../cssImg/box_top.gif) no-repeat!important;
position:relative;
}
.faq .rounded span{
background:url(../cssImg/box_bottom.gif) no-repeat;
position:absolute;
bottom:-10px;
left:0;
display:block;
width:100%;
margin:0;
height:30px;
}

/*end content elements*/

.progressBar{
	font-size: 0;
	width: 0%;
	height: 3px;
	background-color: blue;
	margin-top: 2px;
}

.fileInfo {
	margin: 3px;
	padding: 5px;
	border: solid 1px #E6E6E6;
	background-color: #E76D21;	
}
.error {
	border: solid 1px #D20202;
	background-color: #E76D21;
}

.current {
	border: solid 1px #D1EAD0;
	background-color: #E76D21;
}

.uploaded {
	border: solid 1px #BCDAED;
	background-color: #E76D21;
}

#paypal input{
margin:30px;
float:none;
}
.order5{
padding:20px;
width:auto;
margin:30px 0;
}
#pay1, #pay2, #pay3, #redirect{
margin:80px;
float:left;
background:url(../cssImg/payment1.jpg);
width:131px;
height:62px;
text-indent:5000px;
overflow:hidden;
}
#pay2{
background:url(../cssImg/payment2.jpg);
}
#pay3{
background:url(../cssImg/payment3.jpg);
}
#redirect{
background:url(../cssImg/payment_redirect.jpg);
float:none;
}
#paypal, #cheque, #virement{
float:left;
margin-left:40px;
}