/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 mars 2014, 10:30:34
    Author     : jeremy.b
*/
#main_content_transparent_home  ul{
	padding:0px;
	margin-right: 57px;
}

#contactForm{
	width: 58%;
	margin:0 auto;
}

#coordonnee_etape1{
	margin-top: 25px;
	color:#484848;
}
#coordonnee_etape1 .tdLabel {
	width: 170px;
    padding: 0px;
    margin: 0px;
    display: inline-block;
	background:#eee;
	color: #484848;
	padding-left: 12px;
	padding-top: 5px;
	height: 21.5px;
	margin-top: 1px;
}

#coordonnee_etape1 #piece_jointe{
	margin-top: 20px;
	margin-bottom: 20px;
	border:1px solid #cccccc;
}

#main_content  input {
    width: 200px;
}

#coordonnee_etape1 input {
	width: 255px;
	border: 1px solid #ddd;
	margin-right: 32px;
	margin-left: -35px;
}

#coordonnee_etape1 textarea {
	border: 1px solid #ddd;
	font-size: 12px;
	height: 70px;
	padding: 5px;
	width: 586px;
	margin-left: -49px;
}

#coordonnee_etape1 select {
	color: #666;
	width: 260px;
	border-color: #ccc-moz-use-text-color;
	margin-left: -35px;
	height: 23px;
}


#bloc_etape1{
	width: 93%;
	margin-bottom: 10px;
	margin-top: 40px;
	height: 461px;
}

#bloc_etape2{
	width: 93%;
	margin-bottom: 10px;
	margin-top: -71px;
}

#coordonnee_etape2 {
	margin-top:25px;
}

#coordonnee_etape2 .tdInput,
#coordonnee_etape2 .tdLabelTop{
	padding:5px;
}

#coordonnee_etape2 .tdLabelTop, #coordonnee_etape2 .tdLabelFile  {
	color:#484848;
	width: 293px;
}

.img_bloc{
	width: 72px;
	float: left;
	background-color: white;
	padding: 8px;
	margin-top: -23px;
}

hr{
  width: 87%;
  height: 2px;
  background-color: #DB4B4B;
  border: none;
  margin-left: 0;
}

/************** Media queries ********************/
@media screen and (max-width : 940px) {
	#main_content_transparent_home {
	width: 100%;
	}
	
	#contactForm {
    width: 100%;
    position: static;
	}
}

@media only screen and (min-width : 941px) and (max-width : 1360px) {
	#contactForm {
	width:98%;
	}
}

@media only screen and (min-width : 1361px) and (max-width : 1700px) {
	#contactForm {
	width:70%;
	}

}