#contact{
	color : rgb(210,210,210);
	font-size : 16px;
}

#contact article{

}
#mainNav .contact img{
	width : 120px;
}

#contact .bckgnd{
	background-color : rgba(0,0,0,0.8);
	color : rgb(210,210,210);
	width : 500px;
	display : inline-block;
	padding : 10px;
}

#contact .intro img{
	margin-top : 20px;
	max-width: 200px;
	padding-bottom: 40px;
	border-bottom : 1px solid rgb(210,210,210);
}
#contact .text{

	display : inline-block;
	text-align : left;
}
#contact .text h4{ 
	margin: 0px;
}
#contact .coord{
	
	width : 420px;
}
#contact .coord .right{
	width : 300px;
	display : inline-block;
	vertical-align : top;
	text-align : left;
}
#contact .coord .left{
	width : 100px;
	display : inline-block;
	vertical-align : top;
	text-align : right;
	margin-right : 5px;
}
 #mail{
}
#tel{
}
#message{

}

#contact .coord .logos{
	text-align : center;
	margin : 0 auto;
	margin-top : 20px; margin-bottom : 10px;

}
#contact .coord .logos img{
	width : 30px;
	transition : width 0.2s linear;
}

#contact .coord .logos a{
	display : inline-block;
	width : 40px;
	height : 50px;
	vertical-align : top;
	line-height : 50px;
}
#contact .coord .logos a:hover img{
	width : 40px;
}

#contact .form{
	color : rgb(210,210,210);
	width : 600px;
	display : inline-block;
	vertical-align : top;
	text-align : left;

}
#contact .form h3{
	display : inline-block;
	width : 665px;
	border : none;
	padding : 10px;
	margin-bottom : 5px;
}
#contact .form input{
	font-family : inherit;
	border : none;
	height : 30px; width : 40%;
	padding : 10px; padding-top : 5px; padding-bottom : 5px;
	margin-bottom : 5px;
	font-size : 15px;

}
#contact .form #objet{
}
#contact .form textarea{
	min-width : 100%;
	min-height : 300px;
	font-family : inherit;
	border : none;
	margin-bottom : 5px;
	padding : 10px;
	font-size : 15px;
}
#contact .form #envoyer{
	transition : background-color 0.4s ease-out;
	cursor : pointer;

}
#contact .form .erreur{
font-size : 15px;
	text-align : right;
	margin-top : 10px;
	height : 10px;
}

#contact #envoyer:active{
	outline:none;
	border: 0px solid blue;
	-moz-outline-style: none;
	outline:0;
}
#contact #envoyer:hover{
	background-color : rgba(210,210,210,0.5);
}

#sended{
	background-color : rgba(0,0,0,0.8);
	padding : 20px;
	
	width : 920px;
	margin : 0 auto;
	margin-bottom : 20px;
}
@media only screen and (max-width : 1600px){
	#contact{
		margin-left : 70px;
	}
	#contact .bckgnd{
		width : 920px;
		margin-bottom : 20px;
		margin-top :30px;
	}
	#contact .intro{
		vertical-align : top;
		display : inline-block;
		width : 400px;

	}
	#contact .coord{
		display : inline-block;
		width : 450px;
		border : none;
		vertical-align : top;
		margin-top : 10px;
		padding : 0px;
		border-left : 1px solid rgb(230,230,230);

	}
	#contact .coord .right{
		width : 280px;
	}
	#contact .coord .left{
		margin-left : 50px;
	}
	#contact .form{
		display : block;
		width : 940px;
		position : relative;
		height : 370px;
		margin-bottom : 50px;

	}
	#contact .form div{

	}
	#contact .form input{
		display : block;
		width : 100%;
		margin : 0px;
		margin-bottom : 5px;
	}
	#contact .form .inputs{
		display : inline-block;
		width : 300px;
		vertical-align : top;
		margin-top : 0px;

	}
	#contact .form #message{
		min-width : 575px;
		width : 575px;
		display : inline-block;
		margin : 0px;
		margin-left : 40px;
		vertical-align : top;
	}
	#contact #envoyer{
		width : 595px;
		position : absolute;
		right : 0px;
		margin-top : 20px;

	}
	#contact #erreur{
		width : 300px;
	}

}

@media only screen and (max-width : 1200px){
    #contact article{
        width : 75%;
        height : auto;
        margin-top: 0px;
        padding-top : 20px;
       margin-bottom : 30px;
       font-size : 11px;
    }
    #contact .content{
        width : auto;
        margin : 0px;
        padding : 0px;
        display: block;
        position : inherit;
        margin : 20px;
        margin-bottom : 50px;
    }
    #contact{
		margin-left : 0px;
    }
    #contact .coord{
        width : auto;
    }
    #contact .bckgnd{
        width : auto;
        margin-top : 20px;
    }
    #contact .bckgnd .text{
        display : block;
        border-left : none;
        width : auto;
        
    }
    #contact .bckgnd .text .left:first-child{
        /* display: inline-block;
        text-align: right;
        margin : 0px; */
    }


    #contact .bckgnd .text .left{
       width : 70px;
    }
    #contact .bckgnd .text .right{

        width : 100px;
    }
    #contact .form{
        width : auto;
        text-align: center;
        height: auto;
    }
    #contact .form .inputs{
        width : auto;
        margin : 0px;
    }
    #contact .form .inputs div{
        width : auto;
    }
    #contact .form #message{
        display : block;
        width : 100%;
        min-width: 0px;
        margin : 0px;
    }
    #contact .form #envoyer{
        width : 100%;
        
        margin : 0px;
        margin-top : 10px;
    }
   
}