/* GLOBAL STYLES */


body{
font-family: Verdana, sans-serif;
font-size:11px;
color:black;
background-color:white;
margin: 9px 0 40px 0;
}

table {border-collapse: collapse;}
td{
vertical-align:top;
text-align:left;
padding:0;	
}

form{margin: 0px;}
img{border:0;}

select{
font-size: 11px;
font-weight: normal;
}

p{
margin:0;
line-height:17px;
}

h1{
font-size:18px;
font-weight: bold;
color: #6d6e71;
}

a{
font-style: normal;
font-weight: normal;		
color: #4d4f4e;
text-decoration: none;
text-transform: none;
}
a:hover{
font-style: normal;
font-weight: normal;
color: #fa931c;
text-decoration:none;
text-transform:none;
}


/*BLOCK STYLES*/

/*top logos*/

table.top{
width:700px;
text-align:center;
margin:10px auto 20px auto;
}

div.top_line{
height:4px;
width:100%;
background-color:#ff9012;
}

/*popup*/
div.progress {
   z-index:250;
   background-color: #ffffff;
   position: absolute;
   top: 500px;
   left: 300px;
   visibility: hidden;
   display: none;
   border-top: 1px solid #dcdcdc;
   border-left: 1px solid #dcdcdc;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
}

/*boxes*/

div.box1{
height:241px;
width:683px;
font-family: Arial, Sans-serif;
background-image:url(../img/petits/bg1.jpg);
margin:30px auto 20px auto;
font-family: Arial, Sans-serif;
}
div.box1 p.box1radio{
margin:25px auto 0 35px;
font-weight:bold;
}
p.box1radio input{
position:relative;
top:4px;
}
table.box1input{
font-weight:bold;
margin:20px auto 0 33px;
}
table.box1input td{
padding:2px;
}
table.box1input input, table.box1input select{
border:1px #7f9db9 solid;
width:200px;
}

/*box 2*/

div.box2{
height:482px;
width:683px;
font-family: Arial, Sans-serif;
background-image:url(../img/petits/bg2.jpg);
margin:30px auto 20px auto;
font-family: Arial, Sans-serif;
}
input.box2upload{
border:1px #7f9db9 solid;
width:200px;
position:relative;
top:8px;
left:35px;
}
input.box2upload{
border:1px #7f9db9 solid;
width:200px;
position:relative;
top:8px;
left:35px;
}
table.box2thumbs
{
margin:10px auto 0 auto;
}
table.box2thumbs td
{
width:100px;
padding:2px 10px;
text-align:center;
}

/*box 3*/

div.box3{
height:180px;
width:686px;
font-family: Arial, Sans-serif;
background-image:url(../img/petits/bg3.jpg);
margin:30px auto 20px auto;
font-family: Arial, Sans-serif;
}
div.box3 textarea{
margin:10px auto 0 38px;
height:90px;
width:610px;
border:1px #7f9db9 solid;
}

/*box 4*/

div.box4{
height:239px;
width:683px;
font-family: Arial, Sans-serif;
background-image:url(../img/petits/bg4.jpg);
margin:30px auto 20px auto;
font-family: Arial, Sans-serif;
}
div.box4line{
height:2px;
width:661px;
background-color:#dddddd;
margin:25px auto 0 18px;
}
table.box4check{
margin:25px auto 0 35px;
}
table.box4check input{
position:relative;
top:-4px;
}

/*styles shared by all the boxes*/

p.boxtop{
position:relative;
top:-3px;
font-size:18px;
color:#0863a6;
margin-left:50px;
}
p.boxtop a{
font-weight:bold;
color:#0863a6;
}
p.boxtext{
margin:18px auto 0 35px;
font-weight:bold;
}

/*bottom*/

p.payment{
text-align:center;
}
p.payment img{
position:relative;
top:6px;
}

table.bottom{
width:650px;
text-align:center;
margin:10px auto 20px auto;
}

/*box with orange errors*/
div.error_box{
width:623px;
margin:0 auto;
position:relative;
top:20px;
text-align:center;
}
div.error_box span{
display:block;
margin:20px auto 40px auto;
font-size:13px;
font-weight:bold;
}


/*conditions*/
div.conditions{
width:680px;
margin:10px auto;
}

