@media only screen and (min-width: 0px) and (max-width: 10000px) {
	body {
		background-color: whitesmoke;
		max-width: 100%;

	}

	h1,h2,h3,ul,li,ol,h4,h5,h6
	{
		color: #263284;

	}

	#main
	{
	color: white;

		position:absolute;
left:20%;
		width: 60%;
		top:45%;
		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;
	}
	#main2
	{
		color: white;

		position:absolute;
		left:20%;
		width: 60%;
		top:45%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		font-size: 2em;
		z-index:10;
		border: 1px white solid;
		text-align:center;
		background-color: black;
	}
	#fb{
		position:absolute;
		right:4%;
		top:3vw;
		width: 2vw;
	}

	#contact input, #contact select {
		position: relative;
		top: 0%;
		left: 100px;
		width: 100%;
		height: 25px;
	}

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

	}

	#contact {
		font-size: 1em;
		color: #263284;
	}

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

	.confirmm2 {
		position: absolute;
		top: 30%;
		top: 13vw;
		left: 40%;
		text-align:center;
		background-color: blue;
		color: white;
		outline: thin solid blue;
	}

	#entete {
		position: relative;
		top: 0%;
		left: 0%;
		width:100%;
        border:none;
	        }

	#entete2 {
		position: relative;
		top: 0%;
		left: 0%;
		width:100%;
        border:none;

	}

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



	#titre2 {
		font-size: 1.2em;
		position: absolute;
		top: 17%;
		left: 5%;
		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: 1.5em;
	}

	.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: 20%;
		right: 0%;
		height: 7%;
		width: 40%;
		color: black;
	}
	#chix2 {
		position: relative;
		top: 15%;
		top: 20vw;
		width: 500px;
		height:250px;
		width: 50vw;
		height: 25vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#chix {
		position: relative;
		top: 0%;
		top: 0vw;

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

	#PUB {
		position: absolute;

		width:35vw;
		left: 32.5vw;

	}

	.border_none{
		border:none;
	}

	#renobec {
		height: 250px;
		width:325px;
		height: 15vw;
		width: 25vw;
        border:1px black solid;

	}
	#rceform {
		height: 600px;
		width:850px;
		height: 17vw;
		width: 25vw;

	}
	#soumifac
	{
		border: solid black 1px;
	}

	#renobecmobile {
		height: 300px;
		width:200px;
		height: 20vw;
		width: 12vw;
border: 1px black solid;

	}

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

	#tablefoot1 {
		position: relative;
		top: 40%;
		z-index: 1;
		color: white;
		width: 80%;
		font-size: small;
		margin: auto;
		color: #263284;
	}

	#tablemenu {
		width: 100%;
		position: relative;
		top: 8%;
	}

	.table {
		position: relative;
		top: 0%;
		left: -5%;
		border-collapse: separate;
		border-spacing: 1em 1em;

	}
#renseignement
{
    padding-bottom: 100px;
}
	.tablesoumi
	{
		width: 100%;
		text-align: left;
        border-collapse: collapse;
        background-color: lightgrey;
        border: thin white solid;

	}

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

    }
    .tablesoumi input[type='text']{
        width: 95%;


    }
    .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:100px;
    }
  #soumettre
  {
  background-color: #263284;
      color: white;
      font-size:1.2em;

  }

.ttd{

    font-size: 1.2em;
}

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

    .imageserv{

        width: 400px;
        height: 300px;
        width: 15vw;
        height:10vw;
border:none;
    }

	.imageserv2{

		width: 400px;
		height: 300px;
		width: 15vw;
		height:10vw;
		border:none;
		text-align: center;
	}
	#serv{
		color: #263284;
		width: 100%;
		font-size: 1.2em;
		border-collapse: separate;
		border-spacing: 20px 20px;
		border: none;
		text-align: center;
	}
	#serv h6{

		text-align: center;
	}
	/*#serv tr, #serv td{

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

	#termes2 {
		position: relative;
		bottom: -15%;
		color: #263284;
		max-width: 80%;
		margin: auto;

		font-size: 1.2em;
	}

	#termes2 table{
		color: #263284;
	}

	#termes {
		position: relative;
		bottom: -15%;
		color: #263284;
		max-width: 40%;
		margin: auto;
	}

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

		font-size: 1.2em;
	}

	.centre {
		text-align: center;
	}

	.bordure_gauche{
		position: relative;
		left: 2vw;
		max-width: 96vw;
	}

	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;
	}
    /*empecher les linka*/
    /*a:LINK, a:VISITED
    {
        color: white;
        text-decoration:none;

    }*/

    .black
    {
        color: #263284;
        text-decoration: underline;

    }

	.noir
	{
		color: black;

	}
}
/*}*/