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:260px;

}

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;

}
.form-item table{
	clear: both;
	
	float: left;
}
.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;

}

.clear_both{clear:both;overflow:hidden;height:1px;}



/*layout*/

#wrapper{

width:1020px;

margin:auto;

}

#main{

float:left;

width:1012px;

}

#header{

width:1200px;

margin-left:-94px;

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.gif);

}

a#styles{

background-image:url(../cssImg/btn_styles.gif);

}

a#tarifs{

background-image:url(../cssImg/btn_tarifs.gif);

}

a#procedure{

background-image:url(../cssImg/btn_procedure.gif);

}

a#galerie{

background-image:url(../cssImg/btn_galerie.gif);

}

a#commander{

background-image:url(../cssImg/btn_comander.gif);

}

a#faq{

background-image:url(../cssImg/btn_faq.gif);

}

#menu_main li span.left{

background:url(../cssImg/btn_menu_bg_left.gif) left top no-repeat;

width:100%;

height:100%;

display:none;

position:absolute;

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) left 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:240px;

padding:0 0 0 20px;

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:240px;

text-align:center;

padding:20px 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:16px;

}

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;*/

position: relative;

left: 90px;

}
form .cont-r{

width:330px;

float:left;

overflow:hidden;

/*margin-left:90px;*/

position: relative;

left: 180px;

}

.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, .dyptique{

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;

}



.dyptique{

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, .dyptique:hover,

.square.active, .rectangle.active, .panorama.active, .dyptique.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;

position: relative;

left: 90px;
/*margin-left:90px;*/

width:700px;

overflow: hidden;


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;

position: relative;

left: 90px;
/*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-top:30px;
padding-bottom: 30px;
padding-left: 7px;
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;

width: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;

}

#paybox input{

margin:30px;

float:none;

}

.order5{

padding:20px;

width:auto;

margin:30px 0;

}

#pay1, #pay2, #pay3, #pay4, #redirect{


margin-top: 80px;
margin-right: 40px;
margin-bottom: 80px;
margin-left: 40px;
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);

}

#pay4{
background:url(../cssImg/payment4.jpg); 
}

#redirect{

background:url(../cssImg/payment_redirect.jpg);

float:none;

}

#paypal, #cheque, #virement, #paybox{

float:left;

margin-left:20px;

}
.ct-form{
	float: left;
	width: 700px;
	margin: 0 auto;
}