/*
/*  M O B I L E    F I R S T
/*
/**********************
 * STYLES GENERIQUES *
 *********************/

/*****************
    PAGE CONTACT
******************
*/
.container-contact div#contact {

	display: inline-block;
	padding: 2rem;
	border: 0.5rem solid rgb(255,219,0);
	border-radius: 0.5rem;
}

div#contact a {

	color : blue;
}

div#contact a:hover {

	background-color : blue;
	color : white;
}


header {

	text-align : center;
	background-color: silver;
	padding : 2rem;
}

div#contact p {

	margin: 2rem 0;
}

/*****************
    FORMULAIRE 
******************/

section#formulaire {

	width : 90%;
	border: 0.5rem solid rgb(255,219,0);
	margin: 2rem auto;
	padding: 1rem;
}


/**********************************/
/* F O R M A T    D E S K T O P   */
/**********************************/

 @media only screen and (min-width: 1025px ) {


	/*****************
	    FORMULAIRE 
	******************/

	section#formulaire {

		width : 50%;
	}

 }