/*
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{
	margin-top: 25px;
	color:#484848;
}
.coordonnee .tdLabel {
	width: 215px;
    padding: 0px;
    margin: 0px;
    display: inline-block;
	background:#eee;
	color: #484848;
	padding-left: 12px;
	padding-top: 5px;
	height: 21.5px;
	margin-top: 1px;
}

.coordonnee #piece_jointe{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	margin-left: -45px;
	width: 101%;
}

.coordonnee input[type="text"]{
    width: 255px;
	border:1px solid #ddd;
	margin-left: -46px;
	margin-right:32px;
}

.coordonnee textarea {
	border: 1px solid #ccc;
	font-size: 12px;
	height: 70px;
	padding: 5px;
	width: 615px;
	margin-left: -46px;
}

.coordonnee select {
	color: #666;
	width: 260px;
	height: 23px;
	margin-left: -46px;
}

#position_btn{
	position: relative;
	left: 167%;
	margin-top:9%;
}

/************** Media queries ********************/
@media screen and (max-width : 940px) {
	#main_content_transparent_home {
	width: 100%;
	}
	
	#title_homepage p {
    width: 100%;
	}
	
	#contactForm {
    width: 100%;
    position: static;
	}
	
	#position_btn {
    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%;
	}

}