@media only screen and (orientation : landscape) and (min-width: 768px) and (max-width: 1024px)
{

	#employeu, .icons_employeur
	{
		display:none;
	}

	/*PAGE index*/
	.login
	{
		font-size:1.5em;
		width:100%;
	}
	/*login screen*/

	#login_create_account{
		position: relative;
		top: 115vw;
		left: 5vw;
		width: 90vw;
	}

	#login_create_account table{
		border-collapse: separate;
		background-color: slategrey;
		color: white;
		padding: 10px;
		width: 90vw;
		font-size: 1.5em;
	}


	#contenu
	{
		position: ABSOLUTE;
		top: 20%;
		top: 35vw;
		left: 5vw;
		width: 90vw;
		background-color: lightsteelblue;
		font-size:1.4em;

		padding :20px;

	}

	#contenu.cadre{
		font-size: 2em;
	}

	.bw
	{

		opacity: 0.75;
		font-size:1.5em;
	}
	.bw2
	{

		opacity: 0.75;
		font-size:2.5em;
	}

	.bwlog{

		font-size: 1.5em;
	}
	.filess
	{
		color:#1d3d76;
		background-color:white;
		text-decoration: underline;
	}


	/*langage toggle*/
	#lang
	{
		position: absolute;
		top: 0.3%;
		left:95%;
		top:12vw;
		right:4vw;
		color:white;
		z-index: 2;
		font-size:2em;
		text-decoration: underline;
	}
	/* restreint la largeur du input des services dans recherche   */
	.restraint
	{
		font-size:1.5em;
		width:40vw;
	}
	.restraint2
	{
		font-size:2.5em;
		width:60vw;
	}

	#rotation{
		background-color: #7a43b6;
		color: white;
	}

	#delete{
		background-color: darkred;
		color: white;
	}

	/* Module de recherche*/

	#recherchemob
	{
		position: ABSOLUTE;
		top: 20%;
		left: 0%;
		top: 58vw;
		z-index:1;
		background-size: cover;
		background-repeat:no-repeat;
		color:#ff8400;
		border: #1d3d76 solid 1px;
		box-shadow: 1px 1px 0.5px #888888;
		padding :10px;
		height:400PX;
		width:45%;
		height:52vw;
		font-size:18px;
		font-size:1.5em;
	}

	#recherche2,#rechercherep, #recherche0
	{
		display:none;
	}
	/*image de fond dans rechercher0*/

	#find
	{
		position: relative;
		left:-1.5vw;
		top:-1.5vw;
		width:50vw;

		height:10vw;
	}
	#monterecherche
	{
		position: absolute;
		top:6vw;
	}
	#montelog
	{
		position: absolute;
		top:6vw;
	}
	#secteur
	{
		top:5vw;
	}

	#secteur input
	{
		border: solid 1px black;
	}

	#connexion
	{
		position: relative;
		left:10%;
		left:0.5vw;
		width:200px;
		width:16vw;
		height:30px;
		height:2vw;
	}

	#connexion-en
	{
		width:120px;
		width:10vw;
		height:30px;
		height:2vw;
	}


	/*bouton s inscrire*/

	#signup
	{

		width:20vw;
		height:5vw;
	}

	/*conteneur entrepreneur*/
	#abonnement
	{
		position: ABSOLUTE;

		top: 100vw;
		left: 0vw;
		z-index:1;
		width:100vw;

	}

	/*2e image*/
	.mySlides2
	{
		position: ABSOLUTE;

		top: 90vw;
		width:100%;
		height:52vw;
		filter: brightness(85%);
	}
	/*texte entrepreneur*/
	#abo
	{

		width:100vw;
		height:40vw;
	}
	/*bouton demander code acces*/
	#butcode
	{
		width:230px;
		height:80px;
		width:36vw;
		height:10vw;

	}

	#footidx
	{
		background-color:lightsteelblue;
		position: absolute;
		top:170vw;
		left: 0%;
		width:100%;
		font-size:x-large;
		height:10vw;
	}
	/*pied de page page index*/
	#foot
	{
		background-color:lightsteelblue;
		position: absolute;
		top:180vw;
		left: 0%;
		width:100%;
		font-size:1.5em;
		z-index:10;
		height: 12vw;
	}
	/*conteneur publier*/
	#publiez
	{
		position: absolute;
		top: 28vw;
		left:0%;
		width:100vw;

		z-index:1;
	}

	/*bouton commencer maintenant*/
	#clef
	{
		width:230px;
		height:110px;
		width:36vw;
		height:16vw;
		text-align:right;
	}
	/*texte publiez*/
	#motpubliez
	{

		width:98vw;
	}
	/* slide 1 */
	.mySlides
	{
		position: absolute;
		top: 28VW;
		left:0%;
		width:100%;
		height:52vw;
		z-index:0;
		/*filter: brightness(75%);*/
	}

	/********************************************************************/
	/*Page inscription*/
	#code2
	{
		position: ABSOLUTE;
		top: 35vw;
		left: 10vw;
		color:#5a5eff;
		width:300px;
		width:80vw;
		max-height:60vw;
		overflow:auto;
		font-size:2em;
	}
	#code2 input[type='text'],#code2 input[type='submit']
	{
		width:70vw;
		max-height:8vw;
		font-size:1em;
	}


	/*new account*/

	#contenunew
	{
		position: ABSOLUTE;
		top: 15%;
		left: 28%;
		top: 15%;
		right: 2vw;
		color: white;
		background-size: cover;
		background-repeat:no-repeat;
		font-size:1.5em;
		width:500PX;
		height:400PX;
		width:34vw;
		height:34vw;
		box-shadow: 1px 1px 0.5px #888888;
		padding :10px;
	}

	/***********************************/
	/******************************/
	.phone_icon{

		height: 3vw;

		vertical-align: middle
	}
	#phonebottom
	{
		position: ABSOLUTE;
		top:42vw;
		font-size: 2em;
		width: 100%;
		text-align: center;
		background-color: grey;
		color: white;
		z-index:10;


	}
	#phonebottom2
	{
		position: ABSOLUTE;
		top:30vw;
		height: 4vw;
		font-size: 2em;
		width: 100%;
		text-align: center;
		background-color: green;
		color: white;
		z-index:10

	}
	/*Public Profile*/
	.orangebutton
	{
		position: ABSOLUTE;
		top:35vw;
		left: 0vw;
		width: 100vw;
		background-color:white;
		color:#1d3d76;
		font-size:2em;
		font-weight: bold;
		text-align:center;
		z-index:10;
	}

	.orangebuttonrep{
		display: none;
	}
	#shortname
	{
		position: ABSOLUTE;
		top:41vw;
		left: 0vw;
		width: 100vw;
		background-color:white;
		color:#1d3d76;
		font-size:1.4em;
		text-align:center;
		z-index:10;
	}


	.okgreen
	{
		/*color:green;*/
	}
	.okgreewidth
	{
		width:100%;
		/*	background-color: green;
            color:green;*/
	}
	#table3
	{
		position: absolute;
		top: 48vw;
		left: 2vw;
		width:40vw;
		border-collapse: separate;
		text-align: center;
		font-size:2em;

	}

	.galeriex
	{
		height:25vw;
		width: 28vw;
		background-color:white;
		border: thin solid black;
	}
	.table2
	{
		position: absolute;
		top: 34vw;
		left: 0vw;
		width:40vw;
		border-collapse: separate;
		text-align: center;
		font-size:2em;
	}
	.table2 input
	{
		font-size:1em;

	}

	#region
	{
		display:none;

	}
	/*photo profil public entrepreneur*/

	.galeriex0,.galeriex00
	{
		height:20vw;
		width: 23vw;
		background-color:#5a5eff;
		border: thin solid black;
	}
	/*profile public entrepreneur photo listing*/
	#galerie3, #galerie2
	{
		position: absolute;
		top: 134vw;
		left:2vw;
		width:96vw;
		font-size:1.5em;
	}

	#galerie2 input[type='file']
	{width:4vw;}

	#galerie3 table
	{
		position: absolute;
		left: 0vw;
	}
	.galerie
	{

		height:12vw;
		width: 11.5vw;
	}


	/*PROFILE PUBLIC SERVICE*/
	#contenu3
	{
		position: ABSOLUTE;
		width:20vw;
		top: 90vw;
		left: 2vw;
		width:37vw;
		/*height:7vw;*/
		font-size:1.2em;
		border: #1d3d76 thin solid;
	}
	#contenu3 select
	{
		width:37vw;
	}
	#texteserviceintro, #contenu3display
	{
		position: ABSOLUTE;
		top: 100vw;
		left: 2vw;
		width:44vw;
		height:33vw;
		overflow:auto;
		font-size:1.5em;
	}


	#textservintro2
	{
		position: ABSOLUTE;
		top: 79vw;
		left: 2vw;
		font-size:2em;
	}
	#serviceprofile2
	{
		position: ABSOLUTE;
		width:43vw;
		top: 85vw;
		left: 2vw;

		height:44vw;
		overflow:auto;
		font-size:1.5em;

	}
	#textservintro
	{
		position: ABSOLUTE;
		top: 80vw;
		left: 2vw;
		font-size:2em;
	}
	#serviceprofile
	{
		position: ABSOLUTE;
		width:43vw;
		top: 85vw;
		left: 2vw;

		height:42vw;
		overflow:auto;
		font-size:1.5em;
		border: #1d3d76 thin 1px;
	}
	#serviceprofile table,#serviceprofile2 table{
		width:43vw;
	}
	#largeurservice
	{
		width: 37vw;
		text-align: left;
		font-weight: bold;
	}

	.largeurservice2
	{
		width: 450px;
		width: 20vw;
		text-align: left;
		font-weight: normal;
		font-size: 1.5em;
	}

	#contenu3service
	{
		position: ABSOLUTE;

		top: 86vw;
		left: 2vw;
		font-size:1.8em;
	}
	#contenudescription h3
	{
		font-size:1.75em;
	}
	#texteserviceintro td
	{
		font-size:1em;

	}
	#listserv
	{
		font-size:1.5em;
	}

	#titreinfo  /*PROFILE PUBLIC INFO GENERAL DANS PUBLICPROFILEINFOINTRO.PHP*/
	{
		position: ABSOLUTE;
		top: 48vw;
		left: 47vw;
		font-size:2em;
	}
	/*PROFILE PUBLIC DESCRIPTION GENERAL*/
	#descriptionescoprofile
	{
		position: ABSOLUTE;
		top: 53.5vw;
		left: 47vw;

		font-size:1.5em;

	}
	#contenu2
	{
		position: ABSOLUTE;
		top: 34vw;
		left: 47vw;
		font-size:1.5em;
	}
	.neige td
	{
		font-size:1.5em;
	}
	.submaster
	{
		font-size:1.3em;
		max-width:45vw;
		color:white;
		background-color:#1d3d76;
	}
	#residentielintro, #residentiel2
	{
		position: ABSOLUTE;
		top: 76vw;
		left: 47vw;
		width:50vw;
		font-size:1.5em;
	}
	#residentielintrovrai
	{
		position: ABSOLUTE;
		top: 80vw;
		left: 47vw;
		width:50vw;
		font-size:1.5em;
	}
	#chatr
	{
		position: ABSOLUTE;
		top: 63.5%;
		left: 51%;
		top: 40vw;
		left: 51vw;
		z-index: 1;
		color:green;
		max-width:200px;
		max-width:20vw;
	}
	/*online entrepreneur notifification*/
	#online
	{
		position: ABSOLUTE;
		top: 99vw;
		left: 47vw;
		z-index: 1;
		color:green;
		max-width:50vw;
		font-size:1.4em;
	}
	/*online entrepreneur notifification*/
	#offline
	{
		position: ABSOLUTE;
		top: 104vw;
		left: 47vw;
		z-index: 1;
		color:black;
		max-width:50vw;
		font-size:1.4em;
	}
	/*PROFILE PUBLIC chat*/
	#chat
	{
		position: ABSOLUTE;
		top:97vw;
		left: 47vw;
		z-index: 1;
		font-size:1.4em;
	}
	#chatrep
	{
		position: absolute;
		top: 30vw;
		right:5vw;
		z-index:2;
		font-size:2em;
	}
	#favoris
	{
		position: ABSOLUTE;
		top: 90vw;
		left: 47vw;
		font-size:1em;
	}
	.borderx
	{
		/*background-color: white;
		border: #5a5eff thin solid;*/
		text-decoration: underline;
	}
	.sizeblack
	{
		font-size:1.5em;

	}

	/*chat icon*/
	.profileman3
	{
		height:5vw;
		width:5vw;
	}


	#serviceescoprofile
	{
		position: ABSOLUTE;
		top:118vw;
		left: 47vw;
		width:50vw;
		font-size:1.5em;
	}



	/*nom pour les listing des entrepreneur a partir de client*/
	.mod2
	{
		width: 135px;
		width: 15vw;
		font-size:1.5em;
		/*background-color:#ff8400;*/
		background-color:#efeef1;
		/*color:white;*/
		color:black;
	}
	.colvert
	{
		/*	background-color:#ff8400;*/
		background-color:#efeef1;
		color:green;
		width: 135px;
		width: 19.5vw;
		font-size:1.5em;
	}

	.borderorange
	{
		border: solid thin #ff8400;
	}

	.orange
	{
		color:#ff8400;

	}
	/* mettre l emphase sur les titres des interfaceinfo et publicprofileinfo  */
	.neige
	{
		/*color:#1d3d76;*/
		color:black;
		font-weight: bold;
		font-size:1.0em;
		width:10vw;
	}
	.infobiz
	{
		font-size:1.0em;
		width:32vw;
		overflow:auto;
		text-overflow: auto;
		white-space:pre;
	}

	.infobiz2
	{
		color:black;

	}
	.xonh
	{
		width:50vw;
	}

	/*image pour les listing des entrepreneur a partir de client*/
	#imageprod
	{
		height:15vw;
		width: 15vw;
		border: solid thin #111111;
		background-color:white;
	}

	/*******************/

	#contenu3mod input[type='text']
	{
		width: 15vw;;
	}


	#trouvez
	{
		position: absolute;
		top: 40vw;
		left:1vw;
		width:22.5vw;
		box-shadow: 1px 1px 0.5px #888888;
	}



	/*Album Viewwe*****************************************/
	#cadre
	{
		position: fixed;
		top: 50%;
		left: 50%;
		/* bring your own prefixes */
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 11;
	}
	#imgselected
	{

		height:55vw;
		width:90vw;
		outline: black solid 3000px;
		z-index: 11;
	}
	#nextpic
	{
		position: absolute;
		left:75vw;
		top:20vw;
		height:10vw;
		width:10vw;
		background:url(../icons/nextmo.png) no-repeat;
		background-size: cover;
		border:none;
	}
	#closepic
	{
		position: absolute;

		right:2.5vw;
		top:2vw;
		width:8vw;
		height:8vw;
		background:url(../icons/cancel.png) no-repeat;
		background-size: cover;
		border:none;
	}
	#previouspic
	{
		position: absolute;
		left:5vw;
		top:20vw;
		width:10vw;
		height:10vw;
		background:url(../icons/previousmo.png) no-repeat;
		background-size: cover;
		border:none;
	}
	/**********************************/



	/*structure**************************************/
	body
	{

		height:100%;
		margin:0px;
		padding:0px;
		/*  background-color:#efeef1;*/
		background-color:white;
	}
	#index
	{
		/*  background-color:#efeef1;*/
		background-color:white;
		z-index: 0;
	}
	#leftpane
	{
		position: absolute;
		top: 50px;
		top: 4vw;
		left:0%	;
		width:300px;
		width:23vw;
		background-color:#efeef1;
		/*background-color:#ffe1e1;*/
		z-index:0;
		display:none;
	}

	#rightpane
	{
		position: absolute;
		top: 50px;
		top: 4vw;
		right:0%	;
		width:300px;
		width:23vw;
		background-color:#efeef1;
		/*background-color:#ffe1e1;*/
		z-index:0;
		display:none;
	}

	#indexi{
		background-color:white;

	}

	#number{

		position: absolute;
		top: 16.5vw;
		left:3vw;
		z-index:10;
		font-weight: bold;

	}
	#entetemobile
	{
		position: absolute;
		top: 0%;
		left:0%;
		width:100vw;
		height:20vw;
		z-index:0;

	}
	#entete
	{
		display:none;
	}
	#logo
	{
		position: absolute;
		top: 2vw;
		left:0%;
		width:27.986vw;
		height:15vw;
		z-index:1;
	}

	/************************************/


	#accueil
	{
		position: ABSOLUTE;
		top: 10vw;
		left: 2.5vw;
		width:20vw;

		color: #5a5eff;
		font-size:1vw;

		max-height:30vw;
	}

	#code
	{
		position: ABSOLUTE;
		top: 12vw;
		left: 27vw;
		width:20vw;
		background-color:white;
		color: #5a5eff;
		font-size:1vw;

		max-height:30vw;

	}
	#back{
		position: ABSOLUTE;
		top: 21.35vw;
		left: 65vw;

	}
	.gras
	{
		font-weight:bold;

	}


	.img-accueil
	{
		width:150px;
		height: 100px;
		width:15vw;
		height: 10vw;

	}

	#socialmedia2
	{
		position: relative;
		top:0vw;
		right: 0%;

	}

	#socialmedia
	{
		position: ABSOLUTE;
		top: 100vw;
		right: 0%;

	}

	.petite
	{
		width:25px;
		height:25px;
		width:2.5vw;
		height:2.5vw;

	}
	#wp-submit
	{
		position: absolute;
		top: 15vw;
		left:75vw;
		z-index:2;
		font-size:1.5em;
	}

	#wp-submit2
	{
		position: absolute;
		top: 90vw;
		left:55vw;
		z-index:2;
		font-size:1.0em;
	}

	#wp-submit3
	{
		position: absolute;
		top: 164vw;
		left:50vw;
		z-index:2;
		font-size:1.5em;
	}
	/*menus*/
	#icons_employeur{
		/*  background-color:#efeef1;*/
		background-color:white;
		position: absolute;
		top: 21%;
		top: 23.0vw;
		left:0vw;
		color: black;
		font-size:1.5em;
		text-align:center;
		text-decoration:none;
		border-collapse:separate;
		z-index:10;
		border-spacing: 0px 0px;
		width:100vw;
	}
	#icons
	{
		/*  background-color:#efeef1;*/
		background-color:white;
		position: absolute;
		top: 21%;
		top: 18vw;
		left:0vw;
		color: black;
		font-size:1.5em;
		text-align:center;
		text-decoration:none;
		border-collapse:separate;
		z-index:10;
		border-spacing: 0px 0px;
		width:100vw;

	}
	#icons2,#icons3
	{
		/*  background-color:#efeef1;*/
		background-color:white;
		position: absolute;
		top: 21vw;
		left:0vw;
		color: #5a5eff;
		font-size:1.5em;
		text-align:center;
		text-decoration:none;
		border-collapse:separate;
		z-index:10;
		border-spacing: 0px 0px;
		width:100vw;
	}
	#iconsrep
	{
		/*  background-color:#efeef1;*/
		background-color:white;
		position: absolute;
		top: 19vw;
		left:0vw;
		color: #5a5eff;
		font-size:1.5em;
		text-align:center;
		text-decoration:none;
		border-collapse:separate;
		z-index:10;
		border-spacing: 0px 0px;
		width:100vw;
	}

	#profmod
	{
		display:none;
	}

	/*icone du menu*/
	.profileman
	{

		height:5vw;
		width: 5vw
	}
	.ht3
	{
		/*height:2.5vw;
        width: 3.125vw;	*/
		height:2.5vw;
		width: 3.125vw;
	}
	.ht, .cc
	{
		display:none;
	}
	.pross
	{
		height:25px;
		width: 31.25px	;

		height:2.5vw;
		width: 3.125vw;
	}
	.profilemanmes
	{
		height:8vw;
		width: 10vw;
		border:none;
	}
	#submes
	{
		width: 80px;
		width: 10vw;
		font-size:1em;
		background-color:#ff8400;
		color:white;
	}
	.underline
	{
		text-decoration:underline;
	}
	.underline2
	{
		text-decoration:underline;
		font-size:0.7em;
		color:black;
	}
	/*icone photo new chat user*/
	.profilemanchat
	{
		height:10vw;
		width:12vw;
		border: solid thin #5a5eff;
	}

	/*image the profil thumbnail*/
	.profileman2
	{
		height:4vw;
		width: 4vw;
		border: solid thin black;
		vertical-align: middle;

	}


	.profilemannew
	{
		height:2vw;
		width:2vw;
	}

	.greencheck
	{
		height:2vw;
		width:2vw;
	}
	.greeting
	{
		position: ABSOLUTE;
		top: 0.5%;
		left: 45%;
		top: 0.5vw;
		left: 30vw;
		background-color:#1d3d76;
		color:white;
		z-index:2;
		font-size:2em;
		display:none;
	}

	#horsligne
	{
		display:none;
	}

	.prof
	{
		height:20vw;
		width: 24vw;
	}

	.rouge
	{
		color:red;

	}


	.mod3
	{
		text-align:center;
		width: 125px;
	}

	.ali
	{
		position: ABSOLUTE;
		left: 12%;
		width: 300px;
	}

	/*lien supprimer mon compte  */
	#kill
	{
		position: ABSOLUTE;
		top: 135%;
		left: 65%;
		top: 75vw;
		left: 60vw;
		display:none;
	}

	.kill
	{
		border:1px solid #5a5eff;
	}

	/*icone photo de profil*/
	#greeting2
	{
		position: ABSOLUTE;
		top: 0.5vw;
		right:0vw;
		z-index:2;
		max-width:50vw;
		text-align:center;
	}
	#pseudo
	{
		font-size:2em;
		color:black;
	}

	.rotate_icon{
		width: 50px;
		height: 50px;
	}
	/*changer galerie photo entrepreneur 1-4*/
	#galerie
	{
		position: ABSOLUTE;
		top: 30vw;
		left: 28vw;
		width:40vw;
		max-height:50vw;
	}

	#galerie h3
	{
		font-size:1.8em;
	}
	/*changer galerie photo entrepreneur 5-8*/
	#galerie22
	{
		position: ABSOLUTE;
		top: 20vw;
		left: 60vw;
		max-width:30vw;
		max-height:50vw;
	}
	/*boutton soumettre de la galerie photo*/
	#gal22
	{
		position: ABSOLUTE;
		top: 50vw;
		left: 35vw;
	}

	.longue
	{
		width:27vw;

		border-collapse:collapse;
		font-size:1.0em;
	}


	#contenu7
	{
		display: none;
	}

	#conlog
	{
		width:85vw;
		background-color:#1d3d76;
		color:white;
		font-size:1.8em;
		padding:8px;
	}
	.noir
	{
		color:black;

	}
	.green
	{
		background-color:green;
		color:white;
	}
	.greenx
	{
		background-color:white;
		color:black;
		border: thin solid darkgrey;
	}
	.submit, #calsubmit, #calsubmit2
	{
		background-color:#1d3d76;
		color:white;
		font-size:2em;
	}

	.submit_list_m{
		background-color:#1d3d76;
		color:white;
		font-size:1em;

	}


	.calsubmit2
	{
		background-color:#1d3d76;
		color:white;
	}
	.backwhite
	{

		/*background-color:white;*/
		background-color:#1d3d76;
		color: white;
		text-align: center;
	}

	h2.backwhite{
		font-size: 2.5em;
	}
	#contenuinsc
	{
		position: ABSOLUTE;

		top: 35vw;
		left: 10vw;
		color: #5a5eff;
		font-size:2em;
		width:500px;
		width:80vw;
	}

	#contenuinsc input[type='text'],#contenuinsc input[type='submit'],#contenuinsc input[type='password']
	{
		width:80vw;
		max-height:8vw;
		font-size:1em;
		border: solid 1px #5a5eff;
	}


	#backtoprof
	{
		text-decoration:underline;
		font-size:1.5em;

	}


	/*page mdp oublie  */
	#contenuoublie, #courriel
	{
		position: ABSOLUTE;
		top: 35vw;
		left: 5vw;
		color: black;
		background-color: lightsteelblue;
		width:90vw;
		font-size:1.5em;
		padding: 20px;
	}
	/*#contenuoublie input[type='text']
    {
        border: solid 1px #5a5eff;
    }*/
	#contenuoublie input[type='submit']
	{
		font-size:1.4em;
		width:86vw;
	}
	#contenuoublie select
	{
		font-size:1.5em;
		width:100%;
	}
	#contenuoublie h2
	{
		font-size:2em;
		text-align:center;
	}
	#contenuoublie input[type='text']
	{
		max-height:8vw;
		font-size:1.5em;
		width:100%;
	}


	/*text libre interface entrepreneur*/
	#contenudescription
	{
		position: ABSOLUTE;
		top:95vw;
		left: 47vw;
		width:47vw;
		height:5vw;
	}
	/*modification user picture*/

	/*modification user picture*/
	#contenu2mod
	{
		position: relative;
		top: 30vw;
		left: 2vw;
		max-width: 90vw;
	}
	#contenu2mod h3
	{
		text-align:center;
		font-size:2.5em;
	}

	#contenu2 table{
		border-collapse: collapse;
		border-spacing: 0;
	}


	/*modification user picture*/
	#georeg
	{
		position: ABSOLUTE;
		top: 20vw;
		left: 50vw;
		font-size:1.5em;
	}
	#accountdelete
	{
		position: ABSOLUTE;
		top: 25%;
		left: 28%;
		top: 15vw;
		left: 28vw;
	}
	/*modification affichage de l adresse user*/

	/*modification user basic info*/

	#contenu3mod
	{
		position: relative;
		top: 34vw;
		left: 2vw;
		max-width: 90vw;
	}
	#contenu3modpute
	{
		position: ABSOLUTE;
		top: 40vw;
		left: 2vw;
	}
	#contenu3mod input[type='text'],#contenu3mod input[type='password'],
	#contenu3modpute input[type='text'],#contenu3modpute input[type='password']
	{
		font-size:1.5em;
		width:30vw;
	}

	#contenu3mod h3, #contenu3modpute h3
	{
		font-size:1.8em;
	}
	#contenu3mod select, .largeurmodif1, .unpointcinq, #contenu3modpute select
	{
		font-size:1.5em;
	}
	/*modification entrepreneur basic info*/

	#myquotes
	{
		border: thin solid black;
		border-collapse:separate;
	}

	#titrequote
	{
		background-color: #00236b;
		color:white;
		width:20vw;
	}




	#detailprojet
	{
		position: ABSOLUTE;

		top: 35vw;
		left: 10vw;

		width:80vw;
		text-align:left;
		font-size:2em;
		border: black thin solid;
		background-color: white;
		color:black;
		padding: 6px;
	}
	#detailprojet h2, .detailprojet_h3
	{
		border: black thin solid;
		background-color: #00236b;
		color: white;
		text-align: center;
	}
	#detailprojet input
	{
		font-size:1.5em;
	}

	.accent
	{
		color: black;
	}
	#lienentrepreneur
	{
		position: absolute;
		top: 123%;
		left: 24%;
		top: 71vw;
		left: 24vw;
		display:none;
	}
	#lienentrepreneurbiz
	{

		display: none;
	}
	#linkcontractor
	{
		width:400px;

	}
	#messoumissions
	{
		display:none;
	}
	#postalcodex {

		height:6vw;
		width:60vw;
	}

	#description, #description-en
	{

		height:10vw;
		width:45vw	;
		font-size:1em;
		overflow:auto;
		background-color: #efeef1;
	}

	#presentation, #presentation_en , .textAreaJobPost
	{
		height:95px;
		width:320px	;
		height:15vw;
		width:90vw	;
		overflow-x:hidden;
		/*
		background-color: white;
		color: black;
		*/
		font-size:2em;
		/*color:white;*/
	}

	.label_presentation{
		font-size: 1.6em;

	}

	#liste_emploi_entrepreneur{
		display: block;
		width: 92vw;
		overflow: scroll;
		overflow: auto;
		text-align: center;

	}
	#liste_projet{
		position: relative;
		top: 15vw;
		width: 93vw;
		left: -4vw;
		/*	overflow: scroll;
            overflow: auto;  */
		text-align: center;
	}

	.archives{
		font-size: small;
	}


	#liste_candidats{
		display: block;
		width: 90vw;
		overflow: scroll;
		overflow: auto;
		text-align: left;

	}

	#liste_emploi_entrepreneur table{
		width: 90vw;
	}

	#liste_emploi_candidat{
		display: block;

		overflow: scroll;
		overflow: auto;
		border: solid black thin;
		text-align: center;

	}
	.bordernone
	{
		border: none;
	}
	#messerv
	{
		position: ABSOLUTE;
		top: 20vw;
		left: 1vw;
	}
	#messervices
	{
		position: ABSOLUTE;
		top: 85vw;
		left: 2vw;
		width:96vw	;
		height:40vw;
	}
	#messervices h2
	{
		font-size:3vw;

	}
	#tmesservices
	{
		font-size:1em;

		width:94vw	;
		border-collapse:separate;
		border: 1px solid black;
	}
	#tmesservices tr,#tmesservices td
	{
		border: 1px solid black;

	}
	#tmesservices input[type='submit'], #tmesservices td
	{
		width:50vw	;
		font-size:1.5em;
	}

	#ajouterservice
	{
		width:36.7vw	;
		font-size:1.5em;
	}

	/*changer  service page entrepreneur*/
	#contenuesco2
	{
		position: ABSOLUTE;



		top: 30vw;
		left: 2vw;

		width:94vw;
		padding:10px;
		border: #1d3d76 solid 1px;
		/*background-color:white;*/
		box-shadow: 1px 1px 0.5px #888888;
		font-size:1.5em;
	}

	#residentiel
	{
		position: ABSOLUTE;
		top: 60vw;
		left: 2vw;
		width:94vw;
		font-size:1.5em;
		padding:10px;
		border: #1d3d76 solid 1px;
		/*background-color:white;*/
		box-shadow: 1px 1px 0.5px #888888;
	}
	#residentiel input[type='checkbox']
	{
		transform: scale(3);
	}

	#residentiel label
	{
		font-size:1.5em;
	}
	/* dimension des bouttons soumettre escogalerie escoprofil escodispo  */
	#sousou
	{
		width:37vw;

		background-color:#1d3d76;
		color:white;
		font-size:1.3em;
		text-align: left;
	}
	#bouttoncarre
	{
		width:40vw;
		height:4vw;
		background-color:#1d3d76;
		color:white;
		font-size:1.3em;
	}
	/*titre dans search today*/
	#titre
	{
		position: ABSOLUTE;
		top: 30vw;
		left:0vw;
		width:100vw;
		font-size:2.5em;
		text-align:center;
	}
	.td #small
	{
		display:none;
	}
	#critere
	{
		position: ABSOLUTE;
		top: 15vw;
		left:0vw;
		width:100vw;
		text-align:center;
		color:darkblue;
		background-color: white;
		border: darkblue 1px solid;
		font-size:0.8em;
		font-style:italic;
	}

	/*
    .collapse
    {
    border:1px solid #5a5eff;
    border-collapse:collapse;
    }*/

	.collapse2 {
		border-collapse:initial;
	}

	.jobseeker{
		width: 75vw;
		height: 45vw;
	}

	.eye{
		width: 2vw;
		height: 2vw;
	}


	#table_liste_candidat, #table_liste_emplois {
		border-collapse: separate;
		width: 100%;
	}
	
	#profil_candidat_table{
		border-spacing: 30px
	}

	#table_liste_emplois th, #table_liste_emplois td {
		/* max-width: 5vw; */
	}

	.large_medium{
		width: 7.5vw;
	}

	.visibilityHidden{
		visibility: hidden;
	}



	#table_liste_candidat td{
		border-collapse: separate;
		/*border: thin black solid;*/
	}

	.tdcinq{
		width: 0.5vw;
		font-size: 0.5em;
	}

	.tdsmall{
		width: 0.5vw;

	}

	.tdtrente{
		width: 40vw;
	}

	#table_tableau_de_bord{
		font-size: 2em;
	}

	/*table search et today*/
	.table{
		border-collapse: separate;
		border-spacing: 0 0em;
		position: absolute;
		top:59vw;
		left:2vw;
		max-width:96vw;
	}

 .client_board {
	  border-collapse: separate;
	  border-spacing: 0 0em;
	  position: absolute;
	  top:44vw;
	  left:10vw;
	  max-width:96vw;
  }

	.table td{
		border:none;
		text-align: left;
	}

	.table form{
		margin-top: -1em;
	}

	/*barre de navigation search et today*/
	#navi
	{
		font-size:1.5em;
		position: absolute;
		top:140vw;
		left:30vw;
	}
	/*interface entrepreneur photo profile et nom et picmanager*/
	/*.table2
    {

    position: absolute;
        top: 16%;
    left: 24%;
    top: 14vw;
    left: 24vw;
        width:200px;
    width:20vw;

    border-collapse: separate;
    text-align: center;
    }*/
	.td {
		text-align: left;
	}

	input#submes {
		border:none;
	}

	.anti {
		border-style: none;
	}

	/*dispo pute change*/
	#small2 {
		font-size:large;
		width: 150%;
		height:200%;
	}

	#small {
		font-size:1em;
	}

	#smallk {
		font-size:1em;
	}

	#big {
		font-weight:bold;
	}
	.grass {
		font-weight:bold;
	}

	.grand {
		font-size:1.5em;
	}

	.sauvegarde {
		color:blue;
	}

	.sr {
		font-size:small;
		color:red;
	}

	.black {
		color:black;
		font-size:1.0em;
	}


	.big {
		font-weight:bold;
		font-size: 1.5em;
	}

	.bold {
		font-weight:bold;
	}
	#dashboard{
		background-color: #7492be;
		font-weight: bold;
	}

	.link {
		text-decoration:underline;
		color:blue;
		font-size:0.7em;
		background-color:#e7e7db;
	}

	.link2 {
		text-decoration:underline;
		color:blue;
		font-size:1em;
		background-color:#e7e7db;
	}
	/*centrer en dessous de l annuaiare*/

	#messagesave2 {
		position: ABSOLUTE;
		top: 0vw;
		left: 30vw;
		width:45vw;
		color:white;
		background-color:#7492be;
		border: solid thin black;
		padding:3px;
		text-align:center;
		font-size:1.98em;
		z-index:30;
	}

	#erreur2 {
		position: ABSOLUTE;
		top: 0vw;
		left: 30vw;
		width:45vw;
		color:white;
		background-color: #c70707;
		border: solid thin black;
		padding:3px;
		text-align:center;
		font-size:1.98em;
		z-index:30;
	}
	#erreur3 {
		position: ABSOLUTE;
		top: 0vw;
		left: 30vw;
		width:45vw;
		color:black;
		background-color: greenyellow;
		border: solid thin black;
		padding:3px;
		text-align:center;
		font-size:1.98em;
		z-index:30;
	}

	#messageerreurx {
		position: ABSOLUTE;
		top: 20%;
		left: 1%;
		top: 20vw;
		left: 1vw;
		width:250px;
		width:20vw;
		max-height: 500px;
		max-height: 50vw;
		overflow:auto;
		display:none;
	}

	#messageerreurcontrat {
		position: ABSOLUTE;
		top: 47vw;
		left: 1vw;
		width:250px;
		width:20vw;
		max-height: 500px;
		max-height: 50vw;
		overflow:auto;
	}

	#messoumissionscontrat {
		position: ABSOLUTE;
		top: 40vw;
		left: 1vw;
		width:25vw;
		max-height: 500px;
		max-height: 50vw;
	}

	/*footer*/
	#tablefoot {
		color: #fbd3f1;
		width:100%;
		font-size:0.8em;
		/*background-color: black;*/
	}

	/*position du logout*/
	.logout{
		position: ABSOLUTE;
		right: 0vw;

		top:6vw;
		color: white;
		background-color:#1d3d76;
		z-index:2;
		font-size:1.5em;
	}

	/*position interface*/
	#interface {
		position: ABSOLUTE;
		top: 2%;
		right: 13%;
		top: 2vw;
		right: 13vw;
		background-color:#5a5eff;
		color: white;
	}

	#inter2{
		position: absolute;
		top:5vw;
		right:0vw;
		z-index:1;
		font-size:1.5em;
		color:white;
		padding: 2px;
		border: white solid 1px;
		background-color:#1d3d76;
		text-decoration: none;
	}

	.mauve {
		color: darkslateblue;
		font-style: italic;
	}

	.blue {
		color: blue;
		text-align:right;
	}

	.mesparoles {
		background-color:#cde3f6;
		color:black;
		max-width:30vw;
		border-radius: 25px;
		padding:10px;
		word-wrap: break-word;
		font-size:1.5em;
	}

	.interlocuteur {
		background-color:#ffffa2;
		color:black;
		width:30vw;
		margin-left: 33vw;
		border-radius: 25px;
		padding:10px;
		word-wrap: break-word;
		font-size:1.5em;
	}

	.date{

		font-weight:bold;
		text-decoration:underline;
		color:#00236b;
		font-size:1.2em;
	}

	#blue {
		color: blue;
	}

	/*footer*/
	#foot2{
		background-color:lightsteelblue;
		position: relative;
		top:160vw;
		left: 0%;
		width:100%;
		font-size:1.5em;
		z-index:10;
		height: 10vw;
	}

	#socialmedia3 {
		background-color:white;
		position: absolute;
		top: 110vw;
		right:0%;
	}
	.centre {
		text-align:center;
	}

	#fiche {
		display:none;
	}

	#newmessage_entrepreneur {
		position: ABSOLUTE;
		top: 95vw;
		left: 30vw;
		font-size: medium;
	}

	#newmessage_entrepreneur h6 {
		font-size:1em;
	}
	#big-div
	{
		width:65vw;
		height:20vw;
	}
	#newmessage_entrepreneurx {
		position: ABSOLUTE;
		top: 45vw;
		left: 30vw;
		font-size:1.5em;
		font-weight: bold;
	}


	#conversation {
		position: ABSOLUTE;
		top: 37vw;
		left: 30vw;
		font-size:1.2em;
	}

	#nbremsg {
		position: ABSOLUTE;
		text-decoration: underline;
		top: 17.5vw;
		right:26vw;
		font-size:1.5em;
		color:#c70707;
		z-index:11;
	}

	#nbreprj {
		position: ABSOLUTE;
		top: 22vw;
		left:46.5vw;
		font-size:1.5em;
		color:#c70707;
		z-index:11;
	}

	#newconvo {
		font-size:1.5em;
		font-weight: bold;
	}

	#newmessage, #newsoumission {
		position: ABSOLUTE;
		top: 35vw;
		left: 10vw;
		width:80vw;
		text-align:center;
		font-size:1.5em;
	}

	.subpro {
		position: ABSOLUTE;
		left: 0vw;
		width:80vw;
		text-align:center;
	}

	#joindrefichier,#form1 textarea {
		font-size:1em;
		text-align: left;
		/*color:#5a5eff;	*/
	}
	#form1 input {
		font-size:1em;
	}

	#fontnewconvo {
		font-size:2em;
	}

	#messagebox{
		width:100%;
		height:50vw;
		/*border: solid 1px #5a5eff;*/
	}

	#chatbox{
		width:100%;
		height:35vw;
		/*border: solid 1px #5a5eff;*/
	}

	#deletemessagebutton {
		position: ABSOLUTE;
		top: 87vw;
		left: 65vw;
	}

	#deletemessagebutton input {
		font-size:1.5em;
	}

	#bloquer {
		position: ABSOLUTE;
		top: 50%;
		left: 81%;
		top: 140vw;
		left: 78vw;
		font-size:12px;
	}


	.profilemanx {
		height:100px;
		width: 130px;
		height:10vw;
		width: 13vw;
	}

	.profilemany {
		height:50px;
		width: 50.5px;
	}

	#inboxx{
		position: ABSOLUTE;
		top: 45vw;
		left: 30vw;
		width:65vw;
		height:40vw;
		border: thin solid black;
		overflow:auto;
		font-size:12px;
		background-color: white;
	}

	#inboxxx {
		position: ABSOLUTE;
		top: 35%;
		left: 30%;
		top: 20vw;
		left: 30vw;
		width:520px;
		height:350px;
		width:42vw;
		height:25vw;
		border: thin solid #5a5eff;
		overflow:auto;
		font-size:12px;
	}

	#envmes{
		background-color:#5a5eff;
		color:white;
		font-size:1.5em;
	}

	#senderlist, #senderlist_entrepreneur
	{
		position: ABSOLUTE;
		top: 50vw;
		left: 4vw;
		height:100vw;
		width:22vw;
		/*	border-bottom: black thin solid;*/
		font-size:12px;
		overflow:auto;
		/*border: solid thin black;*/
	}


	.coeur {
		height:5vw;
		width:5vw;
	}

	#tablecredit {
		position: absolute;
		top:35%;
		top: 35vw;
		left:0.5%;
		left:1vw;
		z-index:2;
		background-color: white;
		width: 20%;
		width: 21vw;
		z-index: 10;
		font-size:1.5em;

	}

	#status {
		position: absolute;
		top:0vw;
		left:35vw;
		z-index:10;
		background-color: #7492be;
		max-width: 42vw;
		max-height: 18vw;
	}

	.display_none_m{
		display: none;
	}

	.display_none_all{
		display: none;
	}

	.statmo{
		display: none;
	}


	#status input[type='submit'] {
		text-align: left;
		width: 15vw;
	}

	.tablestatus {
		text-align: left;
		border-collapse: collapse;
		border-spacing: 0;
		max-width: 42vw;
	}

	.tablestatus th , .tablestatus td
	{
		max-width: 21vw;
	}


	.tablestatus a {
		position: relative;
		left: -17.5vw;
		/*display:none;*/
	}

	.tablestatusx, #notesaudossier {
		display: none;
	}

	#statusfeed {
		position: absolute;
		top: 82vw;
		width: 80vw;
		right:10vw;
		font-weight: bold;
		overflow:auto;
		display:none;
	}

	#statusfeed a {
		text-decoration: none;
	}

	#trueblue {
		color: #5a5eff;
	}
	.navyblue{
		color:navy;
	}
	.trueblack{
		color:black;
	}

	.longg {
		width:200px;
		/*border:1px solid #5a5eff;*/
		border-collapse:collapse;
	}


	#correspondant, #correspondant_entrepreneur {
		position: ABSOLUTE;

		top: 40vw;
		left: 4vw;
		font-size:1.5em;
	}

	.darkblue_text{
		color:darkblue;
	}

	#statuts {
		position: relative;
		top: 0vw;
		left: 0vw;
	}

	#recherche3 {
		position: ABSOLUTE;
		top: 25vw;
		left: 1vw;
		z-index:1;
		border: #1d3d76 solid 2px;
		border-radius: 25px;
	}


	#recherche1 {
		position: ABSOLUTE;
		top: 36vw;
		left: 28vw;
		z-index:1;
		color:black;
		background-color:#8ff994;
		border: #8ff994 solid 2px;
		width:25vw;
		box-shadow: 1px 1px 0.5px #888888;
	}

	p.centre {
		font-weight: bold;
		color:black;
	}

	.red, .trueblue{
		color:#5a5eff;
	}


	.red{
		color:#5a5eff;
	}

	.trueo {
		text-decoration: underline;
	}

	.truered {
		color:red;
	}

	.truered2 {
		color:darkred;
	}

	.truegreen{
		color: darkgreen;
	}

	.truegold{
		color: darkgoldenrod;
	}

	.italic {
		font-style: italic;
	}

	#italic {
		font-style: italic;
	}

	#colvert2 {
		font-style: italic;
		color:green;
	}

	#faqclient {
		position: ABSOLUTE;
		top: 20vw;
		left: 25vw;
		color:#5a5eff;
	}

	#faqtoggle {
		position: absolute;
		top: 28vw;
		right:1vw;
		background-color:#1d3d76;
		border: #1d3d76 solid 10px;
		/*border: #1d3d76 solid 2px;*/
		color:white;
		width:35vw;
		text-align:center;
		font-size:2em;
	}

	#termes{
		position: relative;
		top: 30vw;
		left: 5vw;
		color:black;
		/*overflow:auto;*/
		width:90vw;
		font-size:1.5em;
	}

	#termes td {
		color:#1d3d76;
		text-align: justify;
		text-justify: inter-word;
	}

	#termes h1 {
		font-size:2.5em;
		text-align:center;
	}

	#termes input[type='text']
	{
		max-height:8vw;
		font-size:1.5em;
		width:70vw;
	}

	#termes select {
		font-size:1.5em;
		width:70vw;
	}

	#termes textarea, #termes table {
		font-size:1.5em;
		color:#5a5eff;
		width:87vw;
	}

	#termes table{
		border-collapse: separate;
		border-spacing: 10px;
	}

	#termes input[type='submit'] {
		font-size:2em;
		width:87vw;
	}

	#copyright {
		position:absolute;
		font-size:1em;
		background-color:lightsteelblue;
		width:100%;
		font-weight: bold;
		color:black;
	}

	#tablefaq{
		border-collapse: separate;
		border-spacing: 10px 50px;
		color: #5a5eff;
	}

	.total {
		position: absolute;
		top:-5vw;
		font-size:1.7em;
		left: 5vw;
		width:90vw;
		text-align:center;
	}

	#modadd {
		position: relative;
		top: 38vw;
		left: 2vw;
		color:black;
		max-width: 90vw;
	}

	#modadd a,#modadd0 a{
		font-size:2em;
	}

	#modadd0 {
		position: ABSOLUTE;
		top: 85vw;
		left: 2vw;
		color:black;
	}

	.titremodif {
		font-size:1.8em;
	}

	#moddadd2 {
		position: ABSOLUTE;
		top: 50vw;
		left: 28vw;
		color:black;
		/*background-color: lightsteelblue;*/
		padding:20px;
	}

	#moddadd2 input[type='text'],#moddadd2 select{
		font-size:1.5em;
	}

	#moddadd2 h3 {
		font-size:2.5em;
	}

	#fontpub{
		border: thin solid black;
		padding: 2px;
		font-size:2em;
	}

	#projetuser {
		position: ABSOLUTE;
		top: 26vw;
		left: 35vw;
		max-width: 55vw;
		z-index:2;

		padding: 2px;
		text-align:center;
	}
	#projetuser button{
		position: relative;
		left:40vw;
		background-color:orangered;
		color: white;
		font-size: medium;
		border-radius: 25px;
		font-weight: bold;
		padding: 10px;
	}
	.small{
		font-size: 1em;
	}


	.medium
	{
		font-size:medium;
	}


	#projetuserpro {
		position: relative;
		top: -40vw;
		left: 2.5vw;
		z-index:2;
		width: 90vw;
		background-color:lightsteelblue;
		padding: 20px;
		text-align:left;
	}

	#projetuserpro2 {
		position: relative;
		top: 30vw;
		left: 2.5vw;
		z-index:2;
		width: 95vw;
		background-color:lightsteelblue;
		padding: 20px;
		text-align:left;
	}

	#termes form {
		background-color:lightsteelblue;
		padding: 10px;
		border: lightgray solid 1px;
	}

	#projetuserpro select, #projetuserpro input[type='submit'], #projetuserpro input[type='text'], #projetuserpro input[type='password'], #projetuserpro text {
		font-size: 2.5em ;
		width:90vw;
	}

	#projetuserpro label {
		font-size: 2em ;
	}

	#projetuserpro h3 {
		font-size:1.8em ;
	}

	/*     */
	#projetuserpro2 select, #projetuserpro2 input[type='submit'], #projetuserpro2 input[type='text'], #projetuserpro2 input[type='password'], #projetuserpro2 text {
		font-size: 2.5em ;
		width:90vw;
	}

	#projetuserpro2 label {
		font-size: 2em ;
	}

	#projetuserpro2 h3 {
		font-size:1.8em ;
	}

	/*   */

	#imgprojet{

		width:44vw;
		height:190px ;
	}

	.fullwidthp {
		width: 100%;
	}

	#mespost_candidats {
		position: relative;
		top:35%;
		left: 28%;
		top: 30vw;
		left: 28vw;
		z-index:2;
		max-width: 60%;
	}

	#mespost{
		position: ABSOLUTE;
		left:5vw;
		top:30vw;
		z-index:2;
		color: 	black ;
		font-size:2.5em;
		text-align:left;
	}

	#session_expire{
		position: ABSOLUTE;
		left:8vw;
		top:23vw;
		z-index:2;
		color: 	black ;
		font-size:2.5em;
		text-align:left;
	}

	#mespostx{
		position: ABSOLUTE;
		left:40%;
		top:40vw;
		z-index:2;
		color: 	black ;
		font-size:2.5em;
		text-align:left;
	}

    #mespost2{
        position: ABSOLUTE;
        left:5%;
        top:27vw;
        z-index:2;
        color: 	black ;
        font-size:2.5em;
        text-align:left;
    }

	#titrenewproj{
		background-color: #1d3d76;
		z-index:2;
		color: 	white ;
		font-size:2.5em;
		text-align: center;
	}

	#formentrepreneur {
		position: relative;
		top: 25vw;
		text-align: left;
		left:10vw;
		color:darkblue;
		background-color: white;
		border: darkblue 1px solid;;
		width: 70vw;
		padding: 40px;
	}

	#formentrepreneur2 {
		position: relative;
		top:32vw;
		left:2.5vw;
		z-index:3;
		padding: 40px;
		background-color: lightsteelblue;
		color: black;
		width:95vw;
		font-size:1.4em;
	}

	#formentrepreneur2 a {
		font-size: 0.8em;
	}

	#formentrepreneur2 h2 {
		text-align:center;
		font-size:2em;
		background-color: #1d3d76;
		color: white;
	}

	.largeinput {
		width:450px;
		width:60vw;
		font-size:1.5em;
	}

	#formentrepreneur2 select, #formentrepreneur2 input[type='submit'], #formentrepreneur2 input[type='text'], #formentrepreneur2 input[type='password'], #formentrepreneur2 text, #formentrepreneur2 span {
		font-size: 1.4em ;
		width:90vw;
	}


	#formentrepreneur2 label{
		font-size:1em;
	}

	#projetuser2
	{
		position: ABSOLUTE;
		top: 70vw;
		left:10vw;
		width:80vw;
		z-index:1;
		color: 	#5a5eff ;
		font-size:1.5em;
	}

	#projetuser2 select {
		width:80vw;
		font-size:1em;
	}

	#projetuser2 input[type='text'],#projetuser2 input[type='submit'],#projetuser2 input[type='password'] {
		width:80vw;
		max-height:8vw;
		font-size:1em;
		border: solid 1px #5a5eff;
	}

	#projetuser2 input[type='file']{
		width:80vw;
		font-size:0.7em;
	}

	.small td{
		vertical-align: baseline;
	}

	#code2 input{
		font-size:1em;
		border: solid 1px #5a5eff;
	}

	#middle {
		background-color:white;

	}


	/* PROJET DES CLIENTS VU PAR LE REPRÉSENTANT*/
	#projetuser-clientrep {
		position: relative;
		top:44vw;
		left:15vw;
		z-index:1;
		width: 60vw;
		/*background-color:#efeef1;*/
	}
	#projetuser-candidat{
		position: relative;
		top: 30vw;
		left:5vw;
		z-index:1;
		width:90vw;
	}

	#projetuser-clientx, #projetuser-jobs, #projetuser-client, #profil_candidat {
		position: relative;
		top: 30vw;
		left:5vw;
		z-index:1;
		width:90vw;
	}

	#projetuser-client table,#projetuser-clientx table{
		border-collapse: separate;
		border-spacing: 40px;
	}

	#projetuser-candidat table{
		border-collapse: separate;

	}


	#profil_candidat table{
		border-collapse: collapse;
		border-spacing: 40px;
	}

	.paddington{
		padding:10px;
	}

	.whiteback2 h4 {
		color: white;
		background-color: #7492be;
	}
	.whiteback2 {
		background-color:white;
		width:600px;
		width:15vw;
		margin:auto;
	}

	.whiteback {
		background-color:white;
		font-size:15.5px;
		width: 90vw;
		border: black solid thin;
		font-size:1.5em;
		padding: 8px;
	}

	.whiteback input[type='submit'] {
		font-size:1.5em;
	}
	.whiteback h4 {
		color: white;
		background-color: #7492be;
	}

	#reponseproj
	{
		display:none;
	}

	.white
	{

		color:white;
		text-outline: 2px 2px black;
	}

	#desc, #disponibilite
	{

		width:90vw;
		height:20vw;
	}

	.contratwidth{
		width:80vw;
	}
	#contrat
	{
		position: ABSOLUTE;
		top: 60vw;
		left: 10vw;
		width:80vw;

	}
	.submit.apply_button{
		position: relative;
		left:0px;
		top: 70vw;
		background-color: green;
		font-size:1.5em;
	}
	.green_background{
		background-color: green;
		color: white;
	}
	.yellow_green{
		background-color: darkgrey;
		padding: 0.5vw;
		border: black solid 1px;
		color: black;
		font-weight: bold;
	}

	.bleu{
		color: #052c65;
	}


	#contrat td
	{
		font-size:1.5em;
	}
	#block
	{
		position: ABSOLUTE;
		top: 100%;
		left:28%;
		top: 60vw;
		left:28vw;
		display:none;
	}



	.dejarepondu
	{
		background-color:blue;
		color:white;
		font-size:0.5em;
	}

	.reponse
	{
		background-color:#ccc110;
		color:white;

	}

	.redmod
	{
		color:white;
		background-color:#5a5eff;
	}

	.jaunemod
	{
		color:yellow;
		background-color:#5a5eff;
	}

	.backjaune
	{
		color:black;
		background-color:yellow;
		font-size: 1em;
	}

	/*empecher les linka*/
	a:LINK, a:VISITED
	{
		text-decoration:underline;
		/* color: #5a5eff;*/
		color:black;
	}

	.regular_link{

		text-decoration:underline;
		/* color: #5a5eff;*/
		color:blue;

	}

	img
	{
		border:0;
	}

	#descriptionsearch
	{
		position:absolute;
		top:35vw;
		left:15vw;
		background-color: lightsteelblue;
		padding: 40px;
	}
	#descriptionsearch h2
	{
		text-align:center;
		font-size:2.5em;
		background-color: #1d3d76;
		color: white;
	}


	input[type='text'], textarea, select, input[type='password']{

		border: lightgray solid thin;
	}


	#publogin2
	{
		position:absolute;
		top: 66vw;
		left:0vw;
		height:38vw;
		width:100vw;
	}

	#felicitation
	{
		width:70vw;
		height:50vw;
		z-index:2;
	}

	#joby{
		position: absolute;
		top: 38%;
		top: 10vw;
		right:1%;
		right:10vw;
		width:70px;
		height:70px;
		z-index: 3;
		display: none;
	}

	#joby:hover {
		position: absolute;
		top: 38%;
		top: 10vw;
		right:1%;
		right:10vw;
		width:70px;
		height:70px;
		z-index: 3;
		-webkit-filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6));
		-moz-filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6));
		-ms-filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6));
		-o-filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6));
		filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6));
	}

	.hover:hover{
		background-color: #00236b;
		color: white;
	}

	#publogin, #topbanner,#newpromo, #topright, #topleft,#topleft2,#topleft3, #bottomleft, #bottomright, bottomrightmessage , #bottomrightmessage,#bottombannersearchresult, .mySlidespub
	{
		display: none;
	}
	#topright2  /*    */
	{
		position: relative;

		top: 60vw;
		left:15vw;
		height:80vw;
		width:60vw;
		border: thin black solid;
	}
	#topright4  /*    */
	{
		position: relative;

		top: 210vw;
		left:15vw;
		height:80vw;
		width:60vw;
		border: thin black solid;
	}

	#covid19{
		position: absolute;
		top: 8%;
		top: 0vw;
		left:1%;
		left:30vw;
		width:20%;
		width:40vw;
		height:28%;
		height:20vw;
		z-index:2;
		display: none;

	}

	a:hover.nao{
		color:blue;

	}

	a.nao{
		font-size: 0.8em;
	}

	.sizemoyen{
		width: 30vw;
	}

	.sizepetit{
		width: 2vw;
	}
}