/* Styles pour les ordinateurs ------------------------------------------------------------------  */
@media (min-width: 1100px) {
	body {
		background-color : #105bb0 ;
		text-align: center;
		font-family: "Baskervville", serif;
		font-size: 18px;
		color: white;
		line-height: 1.55;
	}
	
	img {
		margin: 0; 
		border: none;
	}

	h2 {
		text-align: left;
		font-weight: bold;
		color: #b4ed77;
	}

	h2.center {
		text-align: center;
		font-weight: bold;
		color: #b4ed77;
	}


	h3 {
		text-align: left;
		font-weight: bold;
		color: #94ed35;
	}
	
	p {
		text-decoration : none ;
	}
	
	a {
		color: #94ed35;
	}

	table {
		text-align: left;
		border: 0px solid grey;
	}

	button {
		font-size: 22px; 
		font-weight: bold;
		padding: 10px 20px;
		background-color: #94ed35;
		color: black;
		border: none;
		cursor: pointer;
	}
	button:hover {
	  background-color: #b4ed77; 
	}
	select {
		display: inline;
		margin-left: 5px;
	}
	.container {
		border: none;
		margin: 0 auto;
		display: flex; 
		justify-content: center;
	}
	.div-center {
		border: none;
		margin: 0 auto;
		justify-content: center;
	}

	.baskervville-regular {
	  font-family: "Baskervville", serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.baskervville-regular-italic {
	  font-family: "Baskervville", serif;
	  font-weight: 400;
	  font-style: italic;
	}
	

	.container_form {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  
	}
	.div-center_form {
		margin-top : 20px;
		margin-left : 25%;
		margin-right : 25%;
		width : 600px;
		border : 10px outset #b4ed77;
		padding : 15px 10px 10px 10px ;
		text-align : center;
	}
	.div-decaler {
		margin-left : 10%;
		margin-right : 10%;
		word-wrap: break-word;
		border: none;
		border : 0px solid red;
	}
	
	.centrer_txt{
		text-align: center;
	}
	
	#ImgLogo {
		margin-top : 10px;
		height: 340px;
	}

	#message_fin {
		margin-left : 20px;
		margin-right : 20px;
		text-align: center; 
		border: none;
	}

	#texteACopier {
		border: none;
		/* text-align: left;  */
		text-align: justify;
		background-color: white;
		color: black;
		padding: 0px 25px 0px 25px ;
	}
	
	
	#input_proprietaire{
		display: none;
	}
	#input_representantproprietaire{
		display: none;
	}
	#input_locataires{
		display: none;
	}
	#input_autre{
		display: none;
	}
	
	
	#quest_nbrChambres {
		display: block;
	}

	#quest_surface {
		display: none;
	}	
	
	#quest_niveau {
		display: block;
	}


	#tres_petit_texte{
		font-size: 12px;
		color: black;
	}
	#regles_Confidentialite {
		width : 740px;
		background-color : #7b97b7;
		color : black;
		font-size: 12px;
		margin-top: 15px;
		padding : 15px 40px 10px 40px ;
		text-align : left;
		border : 2px solid #94ed35;
	}
	#ImgLogo_petit {
		margin-top : 10px;
		height: 240px;
	}
	
	#rubrique_cuisine {
		display: none;
	}
	#rubrique_sanitaires {
		display: none;
	}
	#rubrique_chambres {
		display: none;
	}


}


/* Styles pour les tablettes ------------------------------------------------------------------  */
@media (min-width: 768px) and (max-width: 1100px) {
	
	body {
		background-color : #105bb0 ;
		text-align: center;
		font-family: "Baskervville", serif;
		font-size: 18px;
		color: white;
		line-height: 1.55;
	}
	
	img {
		margin: 0; 
		border: none;
	}

	h2 {
		text-align: left;
		font-weight: bold;
		color: #b4ed77;
	}

	h2.center {
		text-align: center;
		font-weight: bold;
		color: #b4ed77;
	}


	h3 {
		text-align: left;
		font-weight: bold;
		color: #94ed35;
	}
	p {
		text-decoration : none ;
	}
	a {
		color: #94ed35;
	}

	table {
		text-align: left;
		border: 0px solid grey;
	}

	button {
		font-size: 22px; 
		font-weight: bold;
		padding: 10px 20px;
		background-color: #94ed35;
		color: black;
		border: none;
		cursor: pointer;
	}

	button:hover {
	  background-color: #b4ed77; 
	}

	select {
		display: inline;
		margin-left: 5px;
	}
	
	.container {
		border: none;
		margin: 0 auto;
		display: flex; 
		justify-content: center ;
	}
	.div-center {
		border: none;
		margin: 0 auto;
		justify-content: center;
	}

	.baskervville-regular {
	  font-family: "Baskervville", serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.baskervville-regular-italic {
	  font-family: "Baskervville", serif;
	  font-weight: 400;
	  font-style: italic;
	}
	

	.container_form {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  
	}
	.div-center_form {
		margin-top : 15px;
		margin-left : 5%;
		margin-right : 5%;
		border : 10px outset #b4ed77;
		padding : 3px 20px 5px 20px ;
		text-align : center;
	}
	.div-decaler {
		margin-left : 3%;
		margin-right : 3%;
		word-wrap: break-word;
		border: none;
		border : 0px solid red;
	}
	
	#ImgLogo {
		margin-top : 10px;
		width : 300px;
	}

	#message_fin {
		margin-left : 25px;
		margin-right : 25px;
		text-align: center; 
		border: none;
	}

	#texteACopier {
		border: none;
		text-align: left; 
		background-color: white;
		color: black;
		padding: 0px 25px 0px 50px ;
	}
	
	#input_proprietaire{
		display: none;
	}
	#input_representantproprietaire{
		display: none;
	}
	#input_locataires{
		display: none;
	}
	#input_autre{
		display: none;
	}
	
	
	#quest_nbrChambres {
		display: block;
	}	

	#quest_surface {
		display: none;
	}	
	
	#quest_niveau {
		display: block;
	}

	#tres_petit_texte{
		font-size: 12px;
		color: black;
	}
	#regles_Confidentialite {
		width : 440px;
		background-color : #7b97b7;
		color : black;
		font-size: 12px;
		margin-top: 15px;
		padding : 15px 40px 10px 40px ;
		text-align : left;
		border : 2px solid #94ed35;
	}
	#ImgLogo_petit {
		margin-top : 10px;
		height: 240px;
	}
	
	#rubrique_cuisine {
		display: none;
	}
	#rubrique_sanitaires {
		display: none;
	}
	#rubrique_chambres {
		display: none;
	}
}
	
/* Styles pour les téléphones ------------------------------------------------------------------  */
@media (max-width: 768px) {
	body {
		background-color : #105bb0 ;
		text-align: center;
		font-family: "Baskervville", serif;
		font-size: 18px;
		color: white;
		line-height: 1.55;
	}
	
	img {
		margin: 0; 
		border: none;
	}

	h2 {
		text-align: left;
		font-weight: bold;
		color: #b4ed77;
	}

	h2.center {
		text-align: center;
		font-weight: bold;
		color: #b4ed77;
	}


	h3 {
		text-align: left;
		font-weight: bold;
		color: #94ed35;
	}
	
	p {
		text-decoration : none ;
	}
	
	a {
		color: #94ed35;
	}

	table {
		text-align: left;
		border: 0px solid grey;
	}

	button {
		font-size: 22px; 
		font-weight: bold;
		padding: 10px 20px;
		background-color: #94ed35;
		color: black;
		border: none;
		cursor: pointer;
	}
	button:hover {
	  background-color: #b4ed77; 
	}

	select {
		display: inline;
		margin-left: 5px;
	}
	
	
	.container {
		border: none;
		margin: 0 auto;
		display: flex; 
		justify-content: center;
	}
	
	.div-center {
		border: none;
		margin: 0 auto;
	}
	
	.baskervville-regular {
	  font-family: "Baskervville", serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.baskervville-regular-italic {
	  font-family: "Baskervville", serif;
	  font-weight: 400;
	  font-style: italic;
	}

	.container_form {
	  width : 100%;
	  /* display: flex; */
	  /* justify-content: center; */
	  /* align-items: center; */
	  
	}
	
	.div-center_form {
		margin-top : 10px;
		margin-left : 3%;
		margin-right : 3%;
		border : 10px outset #b4ed77;
		padding : 3px 7px 5px 7px ;
		text-align : center;
	}
	
	.div-decaler {
		margin-left : 3%;
		margin-right : 3%;
		word-wrap: break-word;
		border : 0px solid red;
	}
		

	#ImgLogo {
		margin-top : 10px;
		width : 150px;
	}
	

	#message_fin {
		margin-left : 10px;
		margin-right : 10px;
		text-align: center; 
		border: none;
	}

	#texteACopier {
		border: none;
		text-align: left; 
		background-color: white;
		color: black;
		padding: 0px 25px 0px 25px ;
	}
	
	
	#input_proprietaire{
		display: none;
	}
	#input_representantproprietaire{
		display: none;
	}
	#input_locataires{
		display: none;
	}
	#input_autre{
		display: none;
	}
	
	
	#quest_nbrChambres {
		display: block;
	}	

	#quest_surface {
		display: none;
	}	
	
	#quest_niveau {
		display: block;
	}

	#tres_petit_texte{
		font-size: 12px;
		color: black;
	}
	#regles_Confidentialite {
		width : 80%;
		background-color : #7b97b7;
		color : black;
		font-size: 12px;
		margin-top: 15px;
		padding : 15px 40px 10px 40px ;
		text-align : left;
		border : 2px solid #94ed35;
	}
	#ImgLogo_petit {
		margin-top : 10px;
		height: 240px;
	}
	
	#rubrique_cuisine {
		display: none;
	}
	#rubrique_sanitaires {
		display: none;
	}
	#rubrique_chambres {
		display: none;
	}
	
	
}