@media only screen and (orientation : landscape) and (min-width: 768px) and (max-width: 1024px)
{
	body {
		background-color: whitesmoke;
		width: 100vw;

	}
	h1,h2,h3,ul,li,ol
	{
		color: #263284;

	}
	input[type="text"], select {
		position: relative;
		top: 0%;
		left: 100px;
		width: 250px;
		height: 25px;

	}

	haut {
		position: absolute;
		top: 0%;
		left: 0%;

	}



	#contact {

		color: #263284;
		width: 55vw;
	}

	#contact textarea{
		font-size: 1.5em;
		color: #263284;
		width:100%;
	}

	#contact input, #contact td, #message{
		height: 56px;
		width: 300px;
		font-size: 1.5em;
	}

	.errormsg4 {
		position: absolute;
		top: 15vw;
		left: 25vw;
		width: 50vw;
		background-color: #bb0000;
		color: white;
		border: thin solid black;
		text-align:center;
	}

	.confirmm2 {
		position: absolute;
		top: 25vw;
		left: 25vw;
		width: 50vw;
		background-color: blue;
		color: white;
		outline: thin solid blue;
		text-align:center;
	}

	#entete {
		position: relative;
		top: 0%;
		left: 0%;
		width: 100vw;
		height: 15vw;

	}

	#entete2 {
		position: relative;
		top: 0%;
		left: 0%;
		width: 100vw;
		height: 7vw;

	}
	#titre {
		position: absolute;
		top: 17vw;
		left: 5%;
		color: WHITE;
		font-size: 1.5em;
	}

	#pied {
		position: absolute;
		top: 20%;
		left: 5%;
		color: WHITE;
		font-size: 1.5em;
	}

	#titre2 {
		font-size: 1em;
		position: absolute;
		top: 17vw;
		left: 5vw;
		color: white;
	}
	.ptitre {
		position: relative;
		top: 2vw;
		text-align: center;
		color: #263284;
		text-decoration: underline;
	}

	.page_desc{
		position: relative;
		top: 2vw;
		left: 10%;
		width: 80%;
		text-align: justify;
		color: #263284;
		font-size: 2em;

	}
	.underline{

		text-decoration: underline;
	}

	.bold{

		font-weight: bold;
	}
	.menu{
		padding:6px;
	}
	#resul {
		position: absolute;
		top: 25%;
		left: 5%;
		color: #a97777;
	}

	#imageprod {

		height: 135px;
		width: 135px;
		border: thin solid black;
	}

	.bord {
		border: 1px solid #263284;

	}

	#sus {

		background-color: #263284;
		width: 135px;
		font-size: 1.2em;
		text-align: center;
	}

	#menu
	{
		position: absolute;
		top: 17vw;
		left: 45vw;
		height: 7vw;
		color: black;
		width: 55%;
	}
	#chix2 {
		position: relative;
		top: 15%;
		top: 50vw;
		width: 500px;
		height:250px;
		width: 50vw;
		height: 20vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#chix
	{
		position: relative;
		top: 15vw;
		width: 950px;
		height:500px;
		width: 50vw;
		height: 50vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#imgpr {
		position: relative;
		width: 950px;
		height:500px;
		width: 100vw;
		height: 50vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
		filter: brightness(50%);

	}

	#main
	{
		color: white;
		position:absolute;
		left:10%;
		width: 80%;
		top:38vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
		font-size: 2em;
		z-index:10;
		border: 1px white solid;
		text-align:center;
		background-color: black;
		opacity: 0.5;
	}

	#fb{
		position:absolute;
		right:4%;
		top:3vw;
		width: 3.5vw;
	}

	.imageserv{


		width: 20vw;
		height:15vw;

	}

	#renobec {
		height: 35vw;
		width: 50vw;
	}

	#renobecmobile {
		height: 45vw;
		width: 22vw;
	}

	/*footer*/
	#foot {
		z-index: 0;
		color: white;
		background-color: #263284;
		position: relative;
		bottom: -100vw;
		left: 0%;
		max-height: 10%;
		max-height: 10vw;
		font-size: 1em;
		border-top: 1px solid #263284;
	}

	#tablefoot {

		z-index: 1;
		color: white;
		width: 80%;
		font-size: small;
		margin: auto;
		color: #263284;
	}

	#tablemenu {

		position: absolute;
		width: 100%;
		top: 10%;
		font-size:1.2em;
	}


	.table {
		position: relative;
		top: 0%;
		left: 0%;
		border-collapse: separate;
		border-spacing: 1em 1em;
		color: WHItE;
		width: 100%;
		font-size: 1.2em;
	}
	#renseignement
	{
		padding-bottom: 100px;
	}
	.tablesoumi
	{
		width: 100%;
		text-align: left;
		border-collapse: collapse;
		background-color: lightgrey;
		border: thin white solid;
		font-size: 1.5em;

	}

	.tablesoumi th
	{
		width: 60%;
		text-align: left;
	}
	.tablesoumi textarea{
		width: 95%;
		height: 200px;

	}
	.tablesoumi input[type='text'], .tablesoumi select, .tablesoumi input[type='checkbox']  {
		left:0vw;
		width: 95%;
		height: 48px;


	}
	.forthequeen{
		border:solid thin white;
	}

	.fortheking
	{

		border:solid thin lightgrey;
		border-left:solid thin white;
		border-right:solid thin white;
	}

	.forthejack{
		border-top:solid thin white;
	}
	.forthespade{
		border-bottom:solid thin white;
	}

	.forthespadex{
		height:40vw;
	}
	#soumettre
	{
		background-color: #263284;
		color: white;
		font-size:2em;

	}

	.ttd, .ttd0 h6{

		font-size: 1.0em;
	}

	.ttd0 a
	{
		text-decoration:none;
	}
	#face {
		position: absolute;
		bottom: 0%;
		left: 85%;
		width: 5%;
		text-decoration: none;
	}

	#serv {
		color: #263284;
		width: 100%;
		font-size: 1.5em;
		border-collapse: separate;
		border: none;
	}

	#twitter {
		position: absolute;
		bottom: 0%;
		left: 92%;
		height: 75%;
		width: 5%;
	}

	#termes2 {
		position: relative;
		top: 10%;
		min-height: 150vw;
		color: #263284;
		max-width: 90%;
		margin: auto;

		font-size: 1.5em;
	}

	#table_apropos{
		font-size:1.5em;

	}


	#table_tarif{
		font-size:1.0em;
		max-width: 90vw;

		border-collapse: separate;
		border-spacing: 5px 5px;
		border: black dashed 1px;
	}
	.tarif_head{
		width: 40vw;
		max-width: 50vw;
	}

	#table_tarif td{
		border: black dashed 1px;
	}

	#termes2 label{
		font-size:1.2em;
	}

	#termes {
		position: relative;
		top: 20vw;
		left: -10%;
		min-height: 150vw;
		color: #263284;
		max-width: 40%;
		margin: auto;

	}



	#termes0 {
		position: relative;
		top: 10%;
		left: 0%;
		font-size: 1em;
		max-width: 90%;
		margin: auto;
		color: #263284;

	}
	#rceform {

		height: 30vw;
		width: 50vw;

	}
	#soumifac
	{
		border: solid black 1px;
		height: 30vw;
		width: 50vw;
	}

	.centre {
		text-align: center;
	}
	.bordure_gauche{
		position: relative;
		left: 2vw;
		max-width: 96vw;
		font-size: 1.5em;
	}

	a.pied:link, a.pied:visited, a.nav:link, a.nav:visited {
		color: white;
	}

	a.menu:link, a.menu:visited {
		color: white;
		text-decoration: underline;

	}

	#navi {
		color: #a97777;
	}

	.ali {
		border: 1px solid #263284;
	}


	.noir
	{
		color: black;

	}


}