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


    #pseudo
		{
		font-size:1.2em;
		color:black;
		}

	#employenumber, #pseudowork{
		font-size:0.7em;
	}


	#employe
		{
		position: relative;
		top:940px;
		top:84vw;
		left:6%;
		z-index:10;
		}

	input[type="checkbox"]
		{
		outline:0;
		}

/*interface entrepreneur photo profile et nom et picmanager*/
	.tablework
		{
		position: relative;
		top: 35%;
		left: 24%;
		top: 10vw;
		left: 24vw;
		width:200px;
		width:20vw;
		border-collapse: separate;
		text-align: center;
		}
	.td
		{
		text-align: center
		}
	#galeriework
		{
		position: relative;
		top: 40%;
		left: 24%;
		width:500px;
		max-height:500px;
		top: 15vw;
		left: 24vw;
		width:40vw;
		max-height:50vw;
		}

	#statuswork
		{
		position: relative;
		top: 40%;
		left: 24%;
		width:500px;
		max-height:500px;
		top: 20vw;
		left: 24vw;
		width:40vw;
		max-height:50vw;
		}

	#transaction
		{
		position: relative;
		top: 30%;
		left: 28%;
		top:5vw;
		left: 24vw;
		width:53vw;
		z-index:1;
		}
	.conclusion
		{
		position: absolute;
		top: 30%;
		left: 82.5%;
		top:20vw;
		left: 80vw;
		width:16%;
		width:20vw;
		}

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

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

	.annule
		{
		position: absolute;
		top: 30%;
		left: 5%;
		top:20vw;
		left: 5vw;
		width:16%;
		width:20vw;
		}

	#ajoutservicework
		{
		position: relative;
		top: 50%;
		left: 24%;
		top: 20vw;
		left: 24vw;
		width:265px;
		width:20vw;
		padding:10px;
		border: black solid 1px;
		box-shadow: 1px 1px 0.5px #888888;
		font-size:0.8em;
		}

	.sr
		{
		font-size:small;
		color:red;
		}
.contour{
	border: black solid 1px;
}
	.contour_gris{

		width: 10vw;
	}
	.contour-red
		{
		background-color:red;
		color:white;
		}

	.contour-yellow
		{
		background-color:yellow;
		color:black;
		}
	.contour-green
		{
		outline:thin solid green;
		}

	.okgreen
		{
		/*color:green;*/
	/*	color: white;
		background-color: #5a5eff;*/

		}
	.okgreewidth
	{
		width:18vw;

	}
	.ch, .cc
		{
		display:none;
		}



/*PAGE index*/
	.login
		{
		width:250px;
		width:28vw;
        font-size: 18px;
        line-height: 1.5;
		}

	#login_create_account{
		position: absolute;
		top: 20vw;
		left: 2vw;
	}

	#login_create_account table{
		border-collapse: separate;
		background-color: slategrey;
		color: white;
		padding: 10px;
	}

.form-background{
	background-color: lightsteelblue;
}
/*login screen*/
	#contenu
		{
		position: absolute;
		top: 40%;
		left: 44%;
		left: 48vw;
		top: 15vw;
		font-size:1.5em;
		z-index:1;
		padding: 10px;
		background-color: lightsteelblue;
		}

	#descriptionsearch
	{
		position: absolute;
		top: 40%;
		left: 24%;
		left: 24vw;
		top: 15vw;
		font-size:1.5em;
		z-index:1;
		padding: 10px;
		background-color: lightsteelblue;
	}

	#contenu.cadre{
		left:25%;
		width:50%;
		color:white;
	}

	.bw
		{
		color:white;
		}
	.bwlog
		{
		color: darkblue;
        font-weight:bold;
        font-size: 18px;
        
        line-height: 1.5;
		}

	#footidx
		{
		background-color:lightsteelblue;
		position: absolute;
		top:155%;
		top:75vw;
		left: 0%;
		width:100%;
        
        font-size: 18px;
        line-height: 1.5;
		height:70px;
        height: 5vw;

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

		color:black;

	}
/*pied de page page index*/
	#foot
		{

		background-color:lightsteelblue;
		position: absolute;
		top:175%;
		top:103vw;
		left: 0vw;
		width:100%;
		box-sizing: border-box;
        font-size: 18px;
        line-height: 1.5;
		height:85px;
        height: 5vw;

		}
	/*footer*/
	#foot2
	{

		background-color:lightsteelblue;
		position: relative;
		top:125%;
		top:60vw;
		left: -0%;
		width:100%;
        
        font-size: 18px;
        line-height: 1.5;
		height:70px;
		height:5vw;
	}
/*langage toggle*/
	#lang
		{
		position: absolute;
		top: 0.3%;
		left:97%;
		top: 0vw;
		left:95vw;
		color:white;
		z-index: 2;
		text-decoration: underline;
		font-size: 0.7em;
		}

 /* restreint la largeur du input des services dans recherche   */
	.postalCode
	{
		width:120px;
		font-size:18px;

		height: 2vw ;
		width:14vw;
	}
	.restraint2
	{
		width:240px;
		font-size:18px;
		height: 2.5vw ;
		width:40vw;
	}

	.restraint
	{
		width:240px;
		font-size:0.9em;

		height: 2vw ;
		width:17.5vw;
	}

	.largeurmodif2{
		font-size:0.9em;
	}

    .restraintx
    {
        font-size:1em;
        width:240px;
        font-size:1vw;
        width:8.5vw;
    }
/* Module de recherche*/
	#recherchent
		{
		position: ABSOLUTE;
		top: 135px;
		left: 1%;
		top: 10vw;
		left: 1%;
		z-index:1;
		background-color: #5a5eff;
		background-size: cover;
		background-repeat:no-repeat;
		color:#ff8400;
		color:white;
		border: black solid 1px;
		box-shadow: 1px 1px 0.5px #888888;
		padding :10px;
		width:250PX;
		height:400PX;
		width:18vw;
		height:30vw;
		font-size:18px;
		font-size:1.5vw;
		}


	#rechercherep /* rechercher intro */ /* rechercher entrepreneur */  /* rechercher representant */
		{
		position: absolute;
		top: 8%;
		top: 4.5vw;
		left:22%;
		left:20vw;
		width:56.1%;
		width:52vw;
		height:18%;
		height:9vw;
		background-size: cover;
		background-repeat:no-repeat;
		z-index: 10;
        border:none;
		background-color: lightsteelblue;

		}

	#recherche0, #recherche2 /* rechercher intro */ /* rechercher entrepreneur */  /* rechercher representant */
	{
		position: absolute;
		top: 8%;
		top: 4.5vw;
		left:22%;
		left:0vw;
		width:56.1%;
		width:37vw;
		height:18%;
		height:9vw;
		background-size: cover;
		background-repeat:no-repeat;
		z-index: 10;
		border:none;
		background-color: lightsteelblue;

	}

   #chercheid{
       
       font-size: 18px;
       line-height: 1.5;

   }
	#recherchemob
		{
		display:none;
		}

/*image de fond dans rechercher0*/

	#find
		{
		position: relative;
		left:-1.5vw;
		width:250px;
		width:20vw;
		height:100px;
		height:10vw;
		}

	#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:150px;
		height:25px;
		width:10vw;
		height:2vw;
		}

/*conteneur entrepreneur*/
	#abonnement
		{
		position: ABSOLUTE;
		top: 115%;
		top: 52.5vw;
		z-index:1;
		left:22%;
		left:23vw;
		width:56.1%;
		width:54vw;
		}

/*2e image*/
	.mySlides2
		{
		position: ABSOLUTE;
		top: 95%;
		top: 42.5vw;
		left:22%;
		left:23vw;
		width:56.1%;
		width:54vw;
		height:55%;
		height:26vw;
		filter: brightness(85%);
		}

/*texte entrepreneur*/
	#abo
		{
		height:205px;
		left:22%;
		left:23vw;
		width:100%;
		width:54vw;
		height:15vw;
		}

/*conteneur publier*/
	#publiez
		{
		position: absolute;
		top: 38%;
		top: 15vw;
		left:21.5%;
		left:10vw;
		width:56.1%;
		width:54vw;
		z-index:1;
		}

/*texte publiez*/
	#motpubliez
		{
		height:55%;
		height:20vw;
		width:100%;
		width:54vw;
		}
/* slide 1 */
	.mySlides
		{
		position: absolute;
		top: 38%;
		top: 15.5VW;
		top: 12VW;
		left:22%;
		left:23vw;
		left:0vw;
		width:56.1%;
		width:54vw;
		width:77vw;
		height:55%;
		height:26vw;
		height:50vw;
		z-index:0;
		}

/********************************************************************/
/*Page inscription*/
	#code2
		{
		position: ABSOLUTE;
		top: 30%;
		left: 28%;
		top: 20vw;
		left: 28vw;
		color:#5a5eff;
		width:50%;
		width:60vw;
		width:48vw;
		}


/*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;
		}


	#texteserviceintro, #serviceprofile2
	{
		position: ABSOLUTE;
		top: 85%;
		left: 29%;
		width:20%;
		height:48%;
		top: 42vw;
		left: 24vw;
		width:20vw;
		height:25vw;
		overflow:auto;
	}
	#textservintro
		 {
			 position: ABSOLUTE;
			 top: 77%;
			 left: 29%;
			 width:22%;
			 width:20vw;
			 max-height:300px;
			 top: 38vw;
			 left: 24vw;
			 height:18vw;
			 overflow:auto;
		 }

	#textservintro2
	{
		position: ABSOLUTE;
		top: 77%;
		left: 29%;
		width:22%;
		width:20vw;
		max-height:300px;
		top: 38vw;
		left: 24vw;
		height:18vw;
		overflow:auto;
	}
/*profile public photo listing*/
	#galerie3
		{
		position: absolute;
		top: 130%;
		left:29%;
		top: 68vw;
		left:24vw;

		}
	.galerie
	{
		height:50px;
		width: 78px;
		height:6.0vw;
		width: 5.1vw;
		background-color: #7bb7fa;
	}

	.rotate_icon{
		width: 20px;
		height: 20px;
	}


	#titreinfo  /*PROFILE PUBLIC INFO GENERAL DANS PUBLICPROFILEINFOINTRO.PHP*/
	{
		position: ABSOLUTE;
		top: 43.5%;
		left: 50%;
		top: 21vw;
		left: 45vw;

	}
	#descriptionescoprofile  /*PROFILE PUBLIC INFO GENERAL DANS PUBLICPROFILEINFOINTRO.PHP*/
		{
		position: ABSOLUTE;
		top: 53.5%;
		left: 50%;
		width:400px;
		top: 25vw;
		left: 45vw;
		max-width:30vw;
		}

	#serviceescoprofile  /* n/a */
	{
		position: ABSOLUTE;
		top:110%;
		left: 50%;
		width:20%;
		height:45px;
		top:56vw;
		left: 45vw;
		width:30vw;
		height:5vw;
	}

	#residentielintrovrai  /*SECTEUR D'ACTIVTÉ DANS PUBLICPROFILEINTROINFO.PHP et publicprofileinfo.php  */
		{
		position: ABSOLUTE;
		top: 77%;
		left: 50%;
		width:320px;
		top: 38vw;
		left: 45vw;
		width:30vw;
		}

	#residentielintro  /*SECTEUR D'ACTIVTÉ DANS PUBLICPROFILEINTROINFO.PHP et publicprofileinfo.php  */
	{
		position: ABSOLUTE;
		top: 77%;
		left: 50%;
		width: 320px;
		top: 38vw;
		left: 45vw;
		width: 30vw;
	}

	#lienentrepreneur
	{
		position: absolute;
		top: 149%;
		left: 29%;
		top: 80vw;
		left: 24vw;
	}

	.infobiz
		{
		font-size:1.0vw;
		}
	.infobiz2
	{
		color:black;
	}
	#chatr
		{
		position: ABSOLUTE;
		top: 63.5%;
		left: 51%;
		top: 42vw;
		left: 51vw;
		z-index: 1;
		color:green;
		max-width:200px;
		max-width:20vw;
		}

/*online entrepreneur notifification*/
	#online
		{
		position: ABSOLUTE;
		top: 103%;
		left: 51%;
		top: 51vw;
		left: 45vw;
		z-index: 1;
		color:green;
		max-width:200px;
		max-width:20vw;
		}

/*online entrepreneur notifification*/
	#offline
		{
		position: ABSOLUTE;
		top: 103%;
		left: 51%;
		top: 51vw;
		left: 45vw;
		z-index: 1;
		color:black;
		max-width:200px;
		max-width:20vw;
		}
/*PROFILE PUBLIC chat*/
	#chat
		{
		position: ABSOLUTE;
		top:98%;
		left: 51%;
		top:48vw;
		left: 45vw;
		z-index: 1;
		}

	#chatrep
		{
		position: absolute;
		top:25%;
		top: 13vw;
		right:5%;
		right:5vw;
		z-index:2;
		font-size: 1.2em;
		}

	#favoris
		{
		position: ABSOLUTE;
		top: 93%;
		left: 51%;
		top: 45vw;
		left: 45vw;
		font-size:1.4em;
		}

.light_gray{
	color:lightgray;
}

/*photo profil public entrepreneur*/
	.galeriex
		{
		height:200px;
		width: 250px;
		height:15vw;
		width: 20vw;
		background-color:white;
		border: thin solid lightgray;
		}

	/*chat icon*/
	.profileman3
		{
		height:25px;
		width:25px;
		height:1.5vw;
		width:1.5vw;
		}

/*nom pour les listing des entrepreneur a partir de client*/
	.mod2
		{
		width: 140px;
		width: 9.5vw;
		background-color:#efeef1;
		color:black;
		font-size:0.5em;
		}

	.colvert
		{
		background-color:#efeef1;
		color:green;
		width: 135px;
		width: 10vw;
		}

	.borderorange
		{
		border: solid thin #ff8400;

		}

	.orangebuttonrep
		{
		position: ABSOLUTE;
		top:18%;
		left: 24%;
		top:9vw;
		left: 24vw;
		width: 700px;
		width: 50vw;
		color:#1d3d76;
		}

	/*  PAGE PROFILS PUBLIQUES NOUVELLES  */

	.orangebutton
		{
		position: ABSOLUTE;
		top:32%;
		left:24%;
		top:14vw;
		left:23vw;
		width: 54%;
		width: 54vw;
		color:#1d3d76;
		text-align: center;
		font-weight: bold;
		font-size:1.5em;
		}

	#shortname
	{
		position: ABSOLUTE;
		top:36%;
		left:24%;
		top:17vw;
		left:23vw;
		width: 54%;
		width: 54vw;
		color:#1d3d76;
		text-align: center;
		font-size:1.7em;
		font-weight: lighter;
	}

	/*Public Profile image de logo*/

	#table3
		{
		position: absolute;
		top: 47%;
		left: 29%;
		width:200px;
		top: 21vw;
		left: 24vw;
		width:20vw;
		border-collapse: separate;
		text-align: center;
		}

	/* Nom de l'entreprise public profile */
	/* telephone */
	/*Public Profile image de logo*/
	/* Original
	.orangebutton
	{
		position: relative;
		top:32%;
		left:24%;
		top:5vw;
		left:23vw;
		width: 54%;
		width: 54vw;
		color:#1d3d76;
		text-align: center;
		font-weight: bold;
		font-size:2em;
	}
	#shortname
	{
		position: relative;
		top:5vw;
		left:43vw;
		width: 54%;
		width: 54vw;
		color:#1d3d76;
		text-align: center;
		font-size:1.7em;
	}



	#table3
	{
		position: relative;
		width:200px;
		top: 7vw;
		left: 40vw;
		width:20vw;
		border-collapse: separate;
		text-align: center;
	}

	*/
	/*PROFILE PUBLIC SERVICE*/

	#serviceprofile
	{
		position: ABSOLUTE;
		top: 85%;
		left: 29%;
		width:20%;
		height:48%;
		top: 42vw;
		left: 24vw;
		width:20vw;
		height:25vw;
		overflow:auto;
	}


	.orange
		{
		color:#ff8400;
		}

/* mettre l emphase sur les titres des interfaceinfo et publicprofileinfo  */
	.neige
		{
	    /*color:#1d3d76;*/
		color:black;
		font-size:14px;
		font-size:1vw;
		font-weight: bold;
		}

/*image pour les listing des entrepreneur a partir de client*/
	#imageprod
		{
		width: 140px;
		height:125px;
		height:10vw;
		width: 9.5vw;
		border: solid thin #111111;
		}

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

	#contenu3mod input
		{
		width: 185px;
		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: 21;
		}

	#imgselected
		{
		height:583px;
		width:700px;
		height:50vw;
		width:50vw;
		outline: black solid 3000px;
		z-index: 21;
		}

	#nextpic
		{
		position: absolute;
		right:0%;
		top:50%;
		width:100px;
		height:100px;
		right:0vw;
		top:25vw;
		width:3.6vw;
		height:3.7vw;
		background:url(../icons/next.png) right no-repeat;
		border:none;
		}

	#closepic
		{
		position: absolute;
		right:0%;
		top:2%;
		width:100px;
		height:100px;
		right:0vw;
		top:2vw;
		width:3.6vw;
		height:3.7vw;
		background:url(../icons/cancel.png) no-repeat;
		border:none;
		}

	#previouspic
		{
		position: absolute;
		top:50%;
		left:0%;
		width:100px;
		height:100px;
		top:25vw;
		left:0vw;
		width:3.6vw;
		height:3.7vw;
		background:url(../icons/previous.png) no-repeat;
		border:none;
		}

	button
		{
		outline: none;
		}


/*structure**************************************/
	body
		{
		height:100%;
		width: 100%;
		background-color: whitesmoke;
		/*background-color: white;*/
		
		font-size: 18px;
		/*line-height: 1.5;*/
		}

	#index
		{
	background-color: white;
   		z-index: 0;
		}


	#leftpane
		{
		position: absolute;
		top: 7%;
		top: 4vw;
		left:0%	;
		width:22%;
		width:23vw;
	background-color:#efeef1;
		z-index:0;
        height: 10vw;
        display: none;
		}

	#rightpane
		{
		position: absolute;
		top: 7%;
		top: 4vw;
		right:0%;
        left:77vw;
		width:22%;
		width:21.95vw;
		background-color:#efeef1;
		z-index:0;
        height: 10vw;
        display: none;
		}

	#entete
		{
		position: absolute;
		top: 0%;
		left:0%;
		width:100%;
		height:7%;
		height:4vw;
		z-index:0;
		}

	#number
		{
		position: absolute;
		top: 3%;
		top: 2.4vw;
		left:56.3%;
		left:56.6vw;
		z-index:10;
        font-weight: bold;
		color: #1d3d76;


		}

	#entetemobile
		{
		display:none;
		}

	#logo
		{
		position: absolute;
		top: 0%;
		top: 0vw;
		left:2%;
		left:5vw;
		width:10%;
		width:8vw;
		height:7%;
		height:4vw;
		z-index:1;
		}

	#logo2
	{
		position: absolute;
		top: 0%;
		top: 0vw;
		left:2%;
		left:5vw;
		width:10%;
		width:8vw;
		height:7%;
		height:4vw;
		z-index:10;
	}

	#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;
		}
    .grass
    {
        font-weight:bold;
    }

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



	.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: 220px;
		top: 14vw;
		right:5%;
		right:2vw;
		z-index:2;
		font-size: 0.8em;
		}

	#wp-submit2
	{
		position: absolute;
		top: 220px;
		top: 24vw;
		right:5%;
		right:2vw;
		z-index:2;
		font-size: 0.8em;
	}
#wp-submit3
	{
		position: absolute;
		top: 220px;
		top: 24vw;
		right:5%;
		right:2vw;
		z-index:2;
		font-size: 0.8em;
	}
    /*Boutique*/
    #icone19{
    width: 20px;
    height: 20px;
    }
/*menus*/

	#icons_employeur{

		position: absolute;
		top: 10%;
		right:0%;
		top: 8vw;
		right:10vw;

		font-size:1.2em;
		text-align:center;
		text-decoration:none;
		border-collapse:separate;
		z-index:10;
		border-spacing: 30px 15px;
		max-width:100vw;
		z-index:1;
	}

	#icons
		{
		position: absolute;
		top: 10%;
		right:0%;
		top: 3.5vw;
		right:10vw;

		font-size:1.2em;
		text-align:center;
		text-decoration:none;
		border-collapse:separate;
		z-index:10;
		border-spacing: 30px 15px;
		max-width:100vw;
		z-index:1;
		}
	#iconsrep
	{
		position: absolute;
		top: 10%;
		right:0%;
		top: 4vw;
		right:0vw;

		font-size:0.7em;
		text-align:center;
		text-decoration:none;
		border-collapse:separate;
		z-index:10;
		border-spacing: 5px 5px;
		max-width:100vw;
		z-index:1;
	}

	#icons2, #icons3
		{
		position: absolute;
		top: 10%;
		right:0%;
		top: 5vw;
		right:10vw;

		font-size:1.2em;
		text-align:center;
		text-decoration:none;
		border-collapse:separate;
		z-index:10;
		border-spacing: 30px 15px;
		max-width:100vw;
		}
/*
 {
	display: none;
 }*/

	#icons4
		{
		position: absolute;
		top: 65px;
		right:80px;
		top: 5vw;
		left:77vw;

		font-size:0.7em;
		text-align:center;
		text-decoration:none;
		border-collapse:separate;
		z-index:10;
		border-spacing: 0px 0px;
		width:130px;
		width:10vw;
		}


	.apply_button{

		font-size: 2em;
	}
/*icone du menu*/
	#calsubmit
		{
		width:200px;
		height:30px;
		background-color:#1d3d76;
		color:white;
		}

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

/*icone du menu*/
	.profileman
		{
		height:35px;
		width: 45px;
		height:1vw;
		width: 1.5vw
		}

	.ht3
		{
		height:2.5vw;
		width: 3.125vw;
		}

	.pross
		{
		height:25px;
		width: 31.25px	;
		height:2.5vw;
		width: 3.125vw;
		}

	.profilemanmes
		{
		height:50px;
		width: 80px;
		height:4vw;
		width: 6vw;
		border:none;
		}

	#submes
		{
		width: 80px;
		width: 6vw;
		font-size:0.7em;
		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:25px;
		width:25px;
		height:2.5vw;
		width:2.5vw;
		border: solid thin black;
		}

/*image the profil thumbnail*/
	.profileman2
		{
		height:38px;
		width: 45px;
		height:1.6vw;
		width:1.75vw;
		vertical-align: middle;
		float:left;
		}


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

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

	.greeting
		{
		position: ABSOLUTE;
		top: 10%;
		left: 1%;
		top: 10vw;
		left: 1vw;
		width:19.5vw;
		background-color:#1d3d76;
		color:white;
		z-index:10;
		text-align:center;
		}

	#horsligne
		{
		display:none;
		}

	.prof
		{
		height:100px;
		width: 120px;
		height:10vw;
		width: 12vw;
		}

	.rouge
		{
		color:red;
		}

	.backrouge
		{
		background-color:red;
		color:white;
		}

	.backjaune
	{
		background-color:greenyellow;
		color:black;
	}

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

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

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

	.kill
		{
		border:1px solid black;
		}

/*icone photo de profil*/
	#greeting2
		{
		position: ABSOLUTE;
		top: 0%;
		top: 0vw;
		left: 71%;
		left: 70vw;
		z-index:2;
		max-width:250px;
		max-width:20vw;
		}


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

/*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:200px;
		width:15vw;

height: 1.5em;
        padding:5px;
        border:1px solid black;
font-size: 0.9em;
		}

	.unpointcinq{
		color: darkslateblue;
	}

	#contenu7
		{
		display: none;
		}

	#conlog
		{
		/*width:100%;*/

		background-color:#1d3d76;
		color:white;
		border-radius: 7px;
		}

	.noir
		{
		color:black;
		}
.couleur
{
color: #00236b;

}

	.redbackground
	{
		background-color:darkred;
		color:white;
	}
	.green
		{
		background-color:green;
		color:white;
		}
	.greenx
	{
		background-color:white;
		color:black;
		border: thin darkgrey ridge;
	}

	.down{
		position: relative;
		top: 0px;
	}
	.submaster
	{

		color:white;
		background-color:#1d3d76;
	}

.fullpercentwidth{
	width: 100%;
	}


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

	}

	.buttonOthers{
		font-size:1em;
	}
		{
		background-color:#1d3d76;
		color:white;
	border: grey 1px solid;
		}

	.submitdisabled
	{
		background-color:darkred;
		color:white;

	}

	.sousou{
		font-size: 1.3em;
	}

	.backwhite
	{

	background-color: white;
	}
	#contenuinsc
		{
		position: relative;
		top: 25%;
		left: 28%;
		top: 20vw;
		left: 28vw;
		color: #5a5eff;
		font-size:1.5em;
		width:500px;
		width:50vw;
		}


	#contenuinsc input[type="text"],#contenuinsc input[type="password"]
		{
		width:120%;
		width:40vw;
		height:2vw;
        padding:5px;
        border:2px solid black;
        -webkit-border-radius: 5px;
        border-radius: 5px;
		}

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

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

/*page mdp oublie  */
	#contenuoublie, #courriel
		{
		background-color: lightsteelblue;
		position: ABSOLUTE;
		top: 40%;
		left: 28%;
		top: 15vw;
		left: 28vw;
		color: black;
		padding:10px;
		}

/********************************INTERFACEINFO.PHP***********************************************************************/
	#galerie2    /*gallerie photo interfaceinfo.php*/
		{
		position: absolute;
		top: 128%;
		left:24%;
		top: 80vw;
		left:24vw;
		width:450px;
		}

#galerie2 table {
	width: 45vw;
}

.filestyle{
	display: none;
}

	#contenu2   /*information general sur l'entreprise interfaceinfo.php*/
		{
		position: ABSOLUTE;
		top: 35%;
		left: 47%;
		top: 23vw;
		left: 47vw;
		width:400px;
		height: 100px;
		width:32vw;
		height: 10vw;
		}

	#idRegion{
		position: relative;

		left: -5vw;

	}

	#residentiel2  /*secteur d'activité dans Interfaceinfo.php*/
		{
		position: ABSOLUTE;
		top: 64%;
		left: 47%;
		top: 44vw;
		left: 47vw;
		width:320px;
		height: 80px;
		width:30vw;
		height: 8vw;
		}

	#residentiel2 label{
		font-size: 0.9em;
	}

	#contenu3   /* selectionner les services interfaceinfo.php*/
		{
		position: ABSOLUTE;
		top: 80%;
		left: 24%;
		top: 56vw;
		left: 24vw;
		width:300px;
		width:23vw;
		font-size:1vw;
		height:40px;
		height:4vw;
		}

	#contenu3display  /*afficher la liste de SERVICE  interfaceinfo.php*/
		{
		position: ABSOLUTE;
		top: 90%;
		left: 24%;
		top: 60vw;
		left: 24vw;
		width:300px;
		width:22vw;
		font-size:1vw;
		height:38%;
		height:18vw;
		overflow:auto;
		/*background-color: #efeef1;
		border: black solid 1px;*/

		}

	#largeurservice
		{
		width: 250px;
		width: 20vw;
		text-align: left;
		font-weight: normal;
		font-size: 0.7em;
		}

	.largeurservice
	{
		width: 250px;
		width: 20vw;
		text-align: left;
		font-weight: normal;
		font-size: 1em;
	}
	.largeurservice2
	{
		width: 450px;
		width: 20vw;
		text-align: left;
		font-weight: normal;
		font-size: 1em;
	}
.large
{
	max-width: 20%;
	max-width: 15vw ;
	max-height: 12px;
}
	#contenu3service  /*interfaceinfo.php SERVICE title*/
		{
		position: ABSOLUTE;
		top: 72%;
		left: 24%;
		top: 53vw;
		left: 24vw;
		}



	#contenudescription  /*A propose de l'entreprise interfaceinfo.php*/
		{
		position: ABSOLUTE;
		top:78%;
		left: 47%;
		top:53vw;
		left: 47vw;
		height:50px;
		max-width:35vw;
		height:5vw;
		}

	#contenu2mod  	/*modification image client modificationuser.php*/
		{
		position: relative;
		top: 35%;
		left: 28%;
		top: 20vw;
		left: 24vw;
		width:600px;
		max-width: 45vw;
		}

	#accountdelete    /* désactiver compte client modificationuser.php  */
		{
		position: ABSOLUTE;
		top: 25%;
		left: 28%;
		top: 15vw;
		left: 28vw;
		}

	#contenu3mod   /*modification user basic info modificationuser.php*/
		{
		position: relative;
		top: 90%;
		left: 28%;
		top: 20vw;
		left: 24vw;
		max-width: 45vw;
		}

/***********************************fin modificationuser.php********************************/

	#contenu3modpute  /*modification entrepreneur basic info  modification.php*/
		{
		position: ABSOLUTE;
		top: 40%;
		left: 28%;
		top: 25vw;
		left: 28vw;
		height:400px;
		height:40vw;
		}

	#myquotes
		{
		border: thin solid black;
		color: black;
		background-color: darkgrey;
		}

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

	#detailprojet
		{
		position: ABSOLUTE;
		top: 20%;
		left: 28%;
		top: 20vw;
		left: 28vw;
		width:60vw;
		border: black thin solid;
		background-color: white;
		color:black;
		padding: 6px;
		text-align:left;

		}

	#detailprojet h2, .detailprojet_h3
		{
		border: black thin solid;
		background-color: #00236b;
		color: white;
		text-align: center;
		}

	.accent
		{
		color: black;
		}


	#lienentrepreneurbiz
		{
		position: absolute;
		top: 155%;
		left: 24%;
		top: 80vw;
		left: 24vw;
		}

	#linkcontractor
		{
		position: absolute;
		top: 40%;
		width:400px;
		background-color:white;
		}

	#description, #description-en
		{
		height:95px;
		width:320px	;
		height:7.5vw;
		width:30vw	;
		overflow-x:hidden;
		background-color: white;
		color: black;
		font-size:0.9em;
		/*color:white;*/
		}

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

	.label_presentation{


	}
.bordernone
{
	border: none;
}
	#messerv
		{
		position: ABSOLUTE;
		top: 20%;
		left:1%;
		top: 20vw;
		left: 1vw;
		}

	#messervices
		{
		position: ABSOLUTE;
		top: 32%;
		left:1%;
		top: 24vw;
		left: 1vw;
		width:285px	;
		width:21vw	;
		font-size:0.8vw;
		}

	#tmesservices
		{
		font-size:1.2em;
		width:285px	;
		width:21vw	;
		border-collapse:separate;
		border: 1px solid black;
		}

	#tmesservices tr
		{
		border: 1px solid black;
		}

	#ajouterservice
		{
		width:250px	;
		width:22vw	;
		border: thin solid black;
		}

/*changer  service page entrepreneur*/
	#contenuesco2
		{
		position: ABSOLUTE;
		top: 30%;
		left: 28%;
		top: 20vw;
		left: 28vw;
		width:265px;
		width:20vw;
		padding:10px;
		border: black solid 1px;
		box-shadow: 1px 1px 0.5px #888888;
		font-size:0.8em;
		}

	#residentiel
		{
		position: ABSOLUTE;
		top: 60%;
		left: 28%;
		top: 40vw;
		left: 28vw;
		width:265px;
		font-size:0.8em;
		width:20vw;
		padding:10px;
		border: #1d3d76 solid 1px;
		box-shadow: 1px 1px 0.5px #888888;
		}

/*titre dans search today*/
	#titre
		{
		position: ABSOLUTE;
		top: 28%;
		left: 25.5%;
		top: 15vw;
		left: 24.5vw;
		width:480px;
		width:48vw;
		}

	#critere
		{
		position: ABSOLUTE;
		top: 30%;
		left: 72%;
		top: 0vw;
		left: 30vw;
		color:darkblue;
		font-size:0.4em;
		font-style:italic;
		width:100%;

		padding:4px;
		}

	.collapse
		{
		border:1px solid black;
		border-collapse:collapse;
		}

	.collapse2
		{
		border-collapse:initial;
		}
	.colspace{

		border-collapse:separate;
		border-spacing:0 15px;
	}

	#projetuser_client_container {
		position: relative;
		top: 200px;
		background-color: lightblue;

	}

	#tableprojet
	{
		width: 100%;

	}
	.jobseeker{
		width: 100%;
		height: 75%;
	}

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

	#table_liste_candidat, #table_liste_emplois
	{
		border-collapse: separate;
		width: 70vw;

	}


	.large_medium{
		width: 5vw;
	}

	.visibilityHidden{
		visibility: hidden;
	}



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

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

	#tsbleprojet
	{
		width: 100%;

	}
	#tableprojet tr{
		border: black solid 2px;
	}

	#tableprojet td{
		width: 25vw;
		border: black solid 2px;

	}
	.tableprojet
		{
		border-collapse: separate;
		border-spacing:1em;
		}

	#table_tableau_de_bord{
		font-size: 0.9em;
	}
/*table search et today*/
	.table, .client_board
		{
		border-collapse: separate;
		border-spacing:0 2em;
		position: absolute;
		top:32%;
		left:27%;
		top:20vw;
		left:20vw;
		width: max-content;
		max-width: 54%;
		max-width:51vw;

		}

	.table span{
		color: darkblue;


	}

	.table td{
		border:none;
		text-align: center;
		width: 140px;
		width: 9.5vw;
		background-color: whitesmoke;
	}

#form_intro{
	margin-top: -1em;
}

		/*barre de navigation search et today*/
	#navi
		{
		position: relative;
		top:155%;
		left:30%;
		top:75vw;
		left:30vw;
		width: 40vw;
		}
/*interface entrepreneur photo profile et nom et picmanager*/
	.table2
		{
		position: absolute;
		top: 37%;
		left: 24%;
		top: 23vw;
		left: 24vw;
		width:200px;
		width:22vw;
		border-collapse: separate;
		text-align: center;
		}

	#prdmg
		{
		text-align: center;
		}

	input#submes
	    {
		border:none;
	    }

	.anti
        {
        border-style: none;
        }


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


    #small
        {
        font-size:0.6em;
        }

    #smallk
        {
        font-size:1em
        }

    #big
        {
        font-weight:bold;
        }
    .sauvegarde
        {
        color:blue;
        }

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

	.trueblack{
		color:black;
	}

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

	.lessbig{

		font-weight:bold;
		font-size: 1.2em;
	}

    .bold
    {
        font-weight:bold;
    }
.sizeblack
{
	font-size:0.7em;

}
    .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:7%;
		left:22%;
		left:20vw;
		width:56.25%;
		width:52vw;
		top: 4.0vw;
		max-height:15%;
		max-height:15vw;
        color:white;
        background-color:#7492be;
        text-align:center;
        font-size:1.2em;
        z-index: 20;
        }

    #erreur2
        {
        position: absolute;
        top:7.0%;
        left:22%;
        left:20vw;
        width:56.25%;
        width:52vw;
        top: 4.0vw;
        max-height:15%;
        max-height:5vw;
        color:white;
        background-color: #c70707;
        z-index: 20;
        text-align:center;
        font-size:0.8em;

	}
	#erreur3
	{
		position: absolute;
		top:7.0%;
		left:22%;
		left:20vw;
		width:56.25%;
		width:52vw;
		top: 4.0vw;
		max-height:15%;
		max-height:5vw;
		color:black;
		background-color: greenyellow;;
		z-index: 20;
		text-align:center;
		font-size:0.8em;

	}
	.phone_icon{

		height: 1.6vw;
	}


	#phonebottom
	{
		position: ABSOLUTE;
		top:7%;
		left:22%;
		left:23vw;
		width:56.25%;
		width:54vw;
		top: 4.0vw;
		height:5%;
		height:2vw;
		color:white;
		background-color: grey;
		z-index: 9;
		text-align:center;
		font-size:1.2em;
	}

	#phonebottom2
	{
display: none;

	}
    #messoumissions
        {
        position: ABSOLUTE;
        top: 40%;
        left: 1%;
        top: 23vw;
        left: 1vw;
        width:250px;
        width:20vw;
        max-height: 500px;
        max-height: 50vw;
        }

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

.noirbold
{
	color:black;
	font-weight: bold;

}


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

/*footer*/
    #tablefoot
        {
        width:100%;
        
        font-size: 18px;
        line-height: 1.5;
        }

	.verticaltop{
		vertical-align: top;
	}

/*photo de profil interface entrepreneur*/
    .galeriex0
        {
        height:150px;
        width: 250px;
        height:15vw;
        width: 20vw;
        background-color:#1d3d76;
        border: thin solid lightgray;
        }


	/*photo de profil candidate*/
	.galeriex00
	{
		height:150px;
		width: 250px;
		height:20vw;
		width: 15vw;
		background-color:#1d3d76;
		border: thin solid lightgray;
	}

/*position du logout*/
    .logout
        {
        position: ABSOLUTE;
        top: 3%;
        right: 0.9%;
        top:2vw;
        right: 0.5vw;
        color: white;
		background-color:#1d3d76;
        z-index:2;
		font-size:0.5em;
        }

/*position interface*/

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

    #inter2
        {
        position: ABSOLUTE;
        top: 0.3%;
        right: 6%;
        top: 0.5vw;
        right: 6vw;
        z-index:1;
        color:white;
        padding: 2px;
        border: white solid 1px;
		background-color:#1d3d76;
		text-decoration: none;
/*
		position: ABSOLUTE;
		top: 3%;
		right: 0.9%;
		top: 2vw;
		right: 0.5vw;
		color: white;
		background-color:#1d3d76;
		z-index:2;*/
        }

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


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

    .mesparoles
        {
        background-color:#cde3f6;
        color:black;
        max-width:250px;
        max-width:20vw;
        border-radius: 25px;
        padding:10px;
        word-wrap: break-word;
        }

    .interlocuteur
        {
        background-color:#ffffa2;
        color:black;
        max-width:300px;
        max-width:20vw;
        margin-left: 250px;
        margin-left: 20vw;
        border-radius: 25px;
        padding:10px;
        word-wrap: break-word;
        }

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

    #blue
        {
        color: blue;
        }



    #socialmedia3
        {
        background-color:white;
        position: absolute;
        top: 110vw;
        right:0%;
        }

    .centre
        {
        text-align:center;
        }

    #fiche
        {
        position: ABSOLUTE;
        top: 35%;
        right: 0%;
        top: 23vw;
        right: 3vw;
        width:250px;
        width:25vw;
		font-size: 0.9em;
        }

    #newmessage_entrepreneur
        {
        position: ABSOLUTE;
        top: 110%;
        left: 30%;
        top: 70vw;
        left: 24vw;
        font-size:1em;
        }



/**************************************************messagemanager.php , messagemanager0.php, messagemanagerrep.php*************/


    #newmessage_entrepreneurx   /* Votre centre de messagerie  pour tout les messagemanager.php , messagemanager0.php, messagemanagerrep.php */
        {
        position: ABSOLUTE;
        top: 45%;
        left: 30%;
        top: 25vw;
        left: 25vw;
		max-width: 60vw;

        }


    #conversation
        {
        position: ABSOLUTE;
        top: 32%;
        left: 30%;
        top: 18vw;
        left: 24vw;
        font-size:1em;
        }

    #nbremsg /* info bulle nombre de message*/
        {
        position: ABSOLUTE;
		text-decoration: underline;
        top: 18.5%;
        left:2.2%;
        top: 4vw;
        left:45vw;
        font-size:normal;
        color:#c70707;
        z-index:2;
        }

    #nbreprj  /* info bulle nombre de projets*/
        {
        position: ABSOLUTE;
        top: 18.5%;
        right:13.9%;
        top: 8.7vw;
        right:14.4vw;
        font-size:normal;
        color:#c70707;
        z-index:5;
        }

    #newmessage /* info bulle nombre de message*/
        {
        position: ABSOLUTE;
        top: 35%;
        left: 36%;
        top: 17vw;
        left: 36vw;
        font-size:large;
        }
	#newsoumissionX /* info bulle nombre de message*/
	{
		position: relative;
		top: 50vw;
		left: 36%;
		top: 17vw;
		left: 36vw;
		font-size:large;
	}

    #deletemessagebutton  /* boutton effacer conversation   */
        {
        position: ABSOLUTE;
        top: 105%;
        left: 54%;
        top: 69vw;
        left: 54vw;
        font-size:1em;
        }


    #bloquer   /* bloquer un client par entrepreneur   */
        {
        position: ABSOLUTE;
        top: 50%;
        left: 81%;
        top: 46vw;
        left: 71vw;
        font-size:12px;
        }


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

    .profilemany
        {
        height:50px;
        width: 50.5px;
        }
	#big-div
	{
		width:520px;
		height:100px;
		width:42vw;
		height:10vw;
	}
    #inboxx
        {
        position: ABSOLUTE;
        top: 45%;
        left: 30%;
        top: 23vw;
        left: 24vw;
        width:520px;
        width:42vw;
       height:45vw;
        border: thin solid black;
        overflow:auto;
        font-size:1em;
		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 black;
        overflow:auto;
        font-size:normal;
        }

    #envmes
        {
        background-color:#5a5eff;
        color:white;
        }

    #senderlist
        {
        position: ABSOLUTE;
        top:45%;
        left: 3%;
        top: 36vw;
        left: 4vw;
        height:600px;
        width:250px;
        height:60vw;
        width:15vw;
        font-size:1em;
        overflow:auto;
        }

	#senderlist_entrepreneur
	{
		position: ABSOLUTE;
		top:45%;
		left: 3%;
		top: 46vw;
		left: 4vw;
		height:600px;
		width:250px;
		height:60vw;
		width:15vw;
		font-size:1em;
		overflow:auto;
	}

    .coeur
        {
        height:22px;
        width:22px;
        height:1.2vw;
        width:1.2vw;
        }
	#tablecredit
	{
		position: absolute;
		top:35%;
		top: 15vw;
		left:0.5%;
		left:1vw;
		z-index:2;
		background-color: white;
		width: 20%;
		width: 21vw;
		z-index: 10;
        
        font-size: 18px;
        line-height: 1.5;

	}

	.tablestatusy
	{
		font-size:0.8em;
		text-align: left;
		background-color: darkgrey;
		width: 100%;
		width: 23vw;
	}
	.tablestatusx
	{
		font-size:0.8em;
		text-align: left;
		background-color: lightsteelblue;
		width: 100%;
		width: 19.5vw;
	}
	.tablestatus th, .tablestatusx th{
text-align: left;
		width: 65%;
	}



	.tablestatus input[type='text']
	{
		font-size:0.8em;
		text-align: left;
	}
	.switch_container{
		position: absolute;
		left:41vw;
		top:7.0vw;
		width: 200px;
	font-size: small;

	}
	.switch
	{
		background-color: #c3325f;
		color:white;
		/*border: 2px solid white;*/
	}

	.bouttoncarre
	{
		position: relative;
		left: 0.0vw;
		top:0px;
		/*background-color:#5a5eff;*/
		background-color:#1d3d76;
		color:white;
		font-size:0.5em;
	}

	#notesaudossier
	{
		position: absolute;
		top:134%;
		top: 35vw;

		right:0.5vw;
		z-index:2;
		background-color: #babbbc;
		width: 20%;
		width: 22vw;

		/*border: 2px navy solid;*/

	}
.notes{
	position: relative;
	left:2vw;
	height: 90px;
	width:18vw;
	height: 10vw;
	overflow: auto;
	border: solid black 1px;

}

	.notes2{
		position: relative;
		left:2vw;
		width:100%;
		height:60px;
		width:18vw;
		height:5vw;


	}

	#submit_notes{
		position: relative;
		left: 4vw;
		width:14vw;

	}


    #status
        {
        position: absolute;
        top:38%;
        top:14vw;
        left:1%;
        left:0.1vw;
        z-index:20;
       background-color: lightsteelblue;
		border: 1px solid #00236b;
        width: 20%;
        width: 20vw;

		        }
	.display_none_m{

	}

	.display_none_all{
		display: none;
	}

	.tablestatus
	{
		font-size:small;
		text-align: left;
		color:black;
		border-collapse: separate;
		border-spacing: 10px;
	}

	.font-size-reg{
		font-size: 1em;
	}

    #status input[type='submit']
        {
        text-align: left;
       /* width: 120px;
        width: 9vw;*/
        font-size:0.8em;

        padding:5px 15px;
        background:#ccc;
		border: solid 1px grey;
        cursor:pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

	.darkblue_text{
		color:darkblue;
	}

    #statuts
        {
		font-size:16px;
        text-align:center;
		background-color: yellow;
        }

    #statusfeed   /* pas utilisé   */
        {
        position: ABSOLUTE;
        top: 20vw;
        right: 2%;
        width:265PX;
        height:110%;
        height:60vw;
        width:18vw;
        font-size:0.8em;
        font-size:1.0vw;
        overflow:auto;
		font-weight: bold;
		z-index: 10;
        }

	#statusfeed a {
		text-decoration: none;
	}

    #trueblue {
        color: #5a5eff;
        }

	.navyblue{
		color:navy;
	}
#blocstat {
    font-size:11px;

}
    .longg
        {
        width:300px;
        border:1px solid black;
        border-collapse:collapse;
        
        font-size: 18px;
        line-height: 1.5;
        }

    .small
        {
        font-size:small;
        }

	.xsmall
	{
		font-size: x-small;
	}

	.medium
	{
		font-size:medium;
	}

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

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

	}

	#liste_emploi_candidat{
		display: block;

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

	}

    #correspondant   /* barre des correspondants liste  */
        {
        position: ABSOLUTE;
        top: 35%;
        left: 3%;
        top: 32vw;
        left: 4vw;
		font-weight: bold;
        }
	#correspondant_entrepreneur   /* barre des correspondants liste  */
	{
		position: ABSOLUTE;
		top: 35%;
		left: 3%;
		top: 42vw;
		left: 4vw;
		font-weight: bold;
	}

    #recherche3
        {
        position: ABSOLUTE;
        top: 25vw;
        left: 1vw;
        z-index:1;
        border: black 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:#5a5eff;*/
		color:black;
        }

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

    .truered
        {
        color:red;
        }
    .truered2
    {
        color: #c70707;
    }

	.truegreen{
		color: darkgreen;
	}

	.truegold{
		color: darkgoldenrod;
	}

    .gras
        {
        font-size: 1.2em;
        }

    .trueo
        {
        text-decoration: underline;
        }
.borderx
{
    text-decoration: underline;
}

	.trueborderx
	{
		border: solid 1px grey;
	}
    .italic
        {
        font-style: italic;
        }

    #italic
	    {
		font-style: italic;
	    }

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

    #faqclient
        {
        position: ABSOLUTE;
        top: 15%;
        left: 24%;
        top: 10vw;
        left: 25vw;
        color:#5a5eff;
        }

    #faqtoggle
        {
        position: absolute;
        top: 36%;
        left: 60%;
        top: 15vw;
        left: 60vw;
        background-color:#1d3d76;
        border: #1d3d76 solid 10px;
        color:white;
        width:10%;
        width:10vw;
        text-align:center;
		border-radius: 25px;
        }

    #termes {
        position: relative;
        top: 25%;
        left: 24%;
        top: 12vw;
        left: 25vw;
        color:black;
        width:50%;
        width:50vw;
        }

    #termes table{
        border-collapse: separate;
        border-spacing: 15px;
        font-size: 18px;
        line-height: 1.5;

    }

	 #termes textarea
	{
		width:73%;
		 width:40vw;
	}
	#termes select, #termes input[type='text']
	{
		width:200%;
		width:35.5vw;
	}

    #termes2
        {
        position: relative;
        top: 10%;
        left: 24%;
        top: 12vw;
        left: 25vw;
        /*color:#5a5eff;*/
        width:700px;
        width:42vw;
        }

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

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

    .total
        {
        position: absolute;
        top:10%;
        top:2vw;
        left: 1.5%;
        left: 1.5vw;

        }

    #modadd0
        {
        position: ABSOLUTE;
        top: 83%;
        left: 28%;
        top: 50vw;
        left: 28vw;
        color:black;
        width:600px;
        width:47vw;
        }

    #modadd
        {
        position: relative;
        top: 135%;
        left: 28%;
        top: 20vw;
        left: 24vw;
		max-width: 20vw;
        color:black;
        }

    #moddadd2
        {
        position: ABSOLUTE;
        top: 35%;
        left: 28%;
        top: 18vw;
        left: 28vw;
        color: black;
		/*background-color: lightsteelblue;*/
		padding:10px;
        }

    #imgprojet
        {

         width: 50%;
         width: 20vw;
		background-color: lightsteelblue;
        }
	#fontpub{
		border: thin solid black;
		border-radius: 4px;
		padding: 2px;
		font-size: 1em;

	}
    #projetuser
        {
        position: ABSOLUTE;
        top: 40%;
        left: 54%;
        top: 25vw;
        left: 2vw;
        z-index:2;
        padding: 2px;
       /* box-shadow: 1px 1px 0.5px #888888;*/
        font-size:1.2em;
        }

	#projetuser button{
		background-color:orangered;
		color: white;
		font-size: small;
		border-radius: 25px;
		padding: 10px;
	}
    #projetuserpro, #projetuserpro2
    {
        position: relative;
        top: 45%;
        left: 28%;
        top: 14vw;
        left: 30vw;
        z-index:2;
        padding: 20px ;
        width:40vw;
		text-align: left;
        font-size: 18px;
        line-height: 1.5;
        background-color: lightsteelblue;
		color:black;
    }

	#termes form
	{
		background-color:lightsteelblue;
		padding: 10px;
		border: black solid 2px;

	}

    #projetuserpro input[type='text'],   #projetuserpro input[type='password']{
		width:100%;
     width:30vw;
        
        font-size: 18px;
        line-height: 1.5;

    }

	#projetuserpro2 input[type='text'],   #projetuserpro2 input[type='password'],  #projetuserpro2 select{
		width:100%;
		width:30vw;
        
        font-size: 18px;
        line-height: 1.5;

	}

	#projetuserpro2 input[type='submit']{
		background-color:#1d3d76;
		color:white;
	}





#titrenewproj
  {
    /*position: relative;
	top:26%;
    top: 17vw;
	left:28%;
	left:28vw;
	width:40%;
	*/
    z-index:2;
    color: white ;
	background-color: #1d3d76;
	text-align: center;
  }

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



    #mespost, #mespostx, #mespost2
        {
        position: ABSOLUTE;
        top:35%;
        left: 28%;
        top: 18vw;
        left: 28vw;
        z-index:2;
        /*color: black ; */
        max-width: 40%;
        }

	#mespost_candidats
	{
		position: relative;
		top:35%;
		left: 28%;
		top: 18vw;
		left: 28vw;
		z-index:2;
		/*color: black ; */
		max-width: 40%;
	}

	#messoumissionscontrat
	    {
		position: ABSOLUTE;
		top:35%;
		left: 1%;
		top: 17vw;
		left: 1vw;
		width:250px;
		width:20vw;
		max-height: 500px;
		max-height: 50vw;
	    }

    #formentrepreneur
    {
        position: relative;
        top:25%;
        left: 28%;
        top: 10vw;
        left: 28vw;
        z-index:2;
		color:darkblue;
		background-color: white;
		border: darkblue 1px solid;
        
        font-size: 18px;
        line-height: 1.5;
        max-width: 40%;
        padding: 30px;
    }

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

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


    #formentrepreneur2
    {
        position: relative;
        top:32%;
        left:28%;
        top: 15vw;
        left:28vw;
        z-index:3;
        max-width: 40%;
        padding: 30px;
        
        font-size: 18px;
        line-height: 1.5;
		background-color: lightsteelblue;
		color: black;
    }

	#formentrepreneur2 input[type='submit']{
		background-color:#1d3d76;
		color:white;

	}

    #projetuser2
        {
        position: ABSOLUTE;
        top: 70%;
        left: 28%;
        top: 40vw;
        left: 28vw;
        max-height:600px;
        height:100vw;
        width:600px;
        width:40vw;
        overflow:auto;
        z-index:1;
        color: 	#1d3d76 ;
        }

	.textaligncenter
	{

		text-align: center;

	}

	.large_text{
		font-size:large;
	}

    .largeinput
        {
        width:450px;
        width:30vw;

        }

    #middle, .backwhite
        {
        /*background-color:white;*/
		background-color:#1d3d76;
		color: white;
		text-align: center;
        }

	/* PROJET DES CLIENTS VU PAR LE REPRÉSENTANT*/
    #projetuser-client, #projetuser-clientx, #projetuser-clientrep, #projetuser-jobs, #profil_candidat, #projetuser-candidat
        {
        position: relative;
        top: 35%;
        left: 22%;
        top: 18vw;
        left: 23vw;
		width:56%;
        width:52vw;
        z-index:1;

        }

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

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

	}
	.paddington{
			padding:10px;
	}

	.whiteback h4
        {
        color: white;
		background-color: #7492be;
	    }

	.whiteback2 h4
	    {
		color: white;
		background-color: #c70707;
	    }

    .whiteback
        {
        background-color:white;
        width:750px;
        width:65.5vw;
        border: black solid 2px;
        margin: auto;
        
        font-size: 18px;
 vertical-align: top;
		padding: 8px;
        }

	.whiteback2
	    {

		width:200px;
		width:20vw;
		margin:auto;
		font-size:0.8em;
		background-color:lightgray;
		border: solid black 1px;
		vertical-align: top;
	    }

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

	.whitebackground{
		color: white;
	}

    #desc, #disponibilite
        {
        width:100%;
        height:100px;
        width:30vw;
        height:10vw;


        }
	.contratwidth{
		width:40vw;
	}
    #contrat
        {
        position: relative;
		top: 40%;
        top: 19vw;
		left:25vw;
		width:50vw;

	}

	.submit.apply_button{
		position: relative;
		left:25vw;
		top: 20vw;
		background-color: green;
	}

	.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
        {
        display:none;

        }

    .dejarepondu
        {
        background-color:blue;
        color:white;
        }

    .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: 0.7em;
        }

/*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
        }


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

		border: lightgray solid thin;
		border-radius: 4px;
	}




    #publogin  /* pub/publogin.png  pub/publoginen.png   pub sur page d'accueil a gauche expliquant Renobec  */    /* pub/code.jpg   */
        {
        position: absolute;
        position: absolute;
        top: 80%;
        top: 45vw;
        right:1%;
        left:78vw;
        width:20%;
        width:20vw;
        height:380px;
        height:30vw;
		z-index: 10;
        }

    #publogin2  /* 2e pub page accueil central */
        {
        position: absolute;
        top: 565px;
        top: 42vw;
        left:22.3%;
        left:23vw;
        width:748px;
        width:52.8vw;
        height:250px;
        height:20vw;
        }

    #topbanner  /* pub/pubacc.png pub/pubaccne.png  */
        {
        position: absolute;
        top: 14%;
        top: 6vw;
        left:22.3%;
        left:23vw;
        width:748px;
        width:52.8vw;
        height:18.5%;
        height:9vw;
        }
#newpromo
{
	position: absolute;
	top:29%;
	top: 15vw;
	left:25%;
	left:24.5vw;
	width:51%;
	height:21%;
	width:51vw;
	height:12vw;
	z-index:10;

}

#joby{
	position: absolute;
	top: 38%;
	top: 5vw;
	right:1%;
	right:2vw;
	width:40px;
	height:40px;
	color: lightsteelblue;
}

	#joby:hover {
		position: absolute;
		background-color: grey;
		top: 38%;
		top: 5vw;
		right:1%;
		right:2vw;
		width:40px;
		height:40px;
border: white solid 0.5px;
		padding: 2px;
	}

	.hover:hover, .charger:hover{
		background-color: #00236b;
		color: white;
	}
	.charger2:hover{
		color: yellow;
	}

    #topright, #topright2, #topright4, .mySlidespub
        {
        position: absolute;
        top: 38%;
        top: 20vw;
        right:1%;
        left:78vw;
        width:20%;
        height:55%;
		width:20vw;
		height:26vw;
        z-index:2;
		border: thin black solid;
        }
	#topleft
		 {
			 position: absolute;
			 top: 38%;
			 top: 15.5vw;
			 left:1%;
			 left:2vw;
			 width:20%;
			/* height:55%;*/
			 width:20vw;
			/* height:26vw;*/
			 z-index:2;
			/* border: thin black solid;*/
		 }
	#topleft2
	{
		position: absolute;
		top: 38%;
		top: 15.5vw;
		left:1%;
		left:2vw;
		width:20%;
		height:25%;
		width:20vw;
		height:12vw;
		z-index:2;
		border: thin black solid;
	}
    #topleft3
    {
        position: absolute;
        top: 38%;
        top: 25.5vw;
        left:1%;
        left:20vw;
        width:20%;
        /* height:55%;*/
        width:20vw;
        /* height:26vw;*/
        z-index:2;
        border: thin black solid;
    }
	#bottomleft
	{
		position: absolute;
		top: 95%;
		top: 42.5vw;
		left:1%;
		left:2vw;
		width:20%;
		height:55%;
		width:20vw;
		height:26vw;
		z-index:2;
		border: thin black solid;

	}
	#felicitation
{


	width:45%;
	height:12%;
	width:20vw;
	height:15vw;
	z-index:2;
}
    #bottomright  /* pub/bottomright.jpg   */   /* pub/bottomrightprofile.jpg   */   /* pub/bottomrightnew.jpg   */   /* pub/bottomrightsearchresult.jpg   */
      /* pub/ bottomrightsearch.jpg   */
        {
        position: absolute;
        top: 87%;
        top: 45vw;
        left:82%;
        width:16%;
        height:40%;
        z-index:2;
        }

    #bottomrightmessage   /* pub/bottomrightmessage.jpg   */
        {
        position: absolute;
        top: 90%;
        top: 45vw;
        left:79%;
        left:78vw;
        width:18%;
        width:20vw;
        height:45%;
        height:30vw;
        z-index:2;
        }


    #bottombannersearchresult /* pub/bottombannersearchresult.jpg   */  /* pub/bottombanner.jpg   */   /* pub/bottombannernew.jpg   */
    /* pub/bottombanner.jpg   */   /* pub/bottombannersearch.jpg   */
        {
        position: absolute;
        top: 125%;
        top: 72vw;
        left:29%;
        width:45%;
        height:12%;
        }

#covid19{
	position: absolute;
	top: 8%;
	top: 4.5vw;
	left:1%;
	left:2vw;
	width:20%;
	width:20vw;
	height:28%;
	height:10vw;
	z-index:2;
display: none;
}

.cadre{
	color:darkblue;
	background-color: white;
	border: darkblue 1px solid;
    
    font-size: 18px;
    line-height: 1.5;
}
  .cadre2{
    
    font-size: 18px;
    line-height: 1.5;
    }

a:hover.nao{
	color:blue;

}

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

.sizemoyen{
	width: 30vw;
}

.sizepetit{
	width: 2vw;
}


}