@media only screen and (orientation : portrait)
{
	
	#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: 86vw;
	left: 2vw;
	width:37vw;
	/*height:7vw;*/
	font-size:1.2em;
	border: #1d3d76 thin solid;
	}	
#contenu3 select
{
	width:37vw;
}
#texteserviceintro, #contenu3display
	{
	position: ABSOLUTE;
	top: 96vw;
	left: 2vw;
	width:44vw;
	height:36vw;
	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: 82vw;
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: 101vw;
	left: 47vw;
	z-index: 1;
	color:green;
	max-width:50vw;
	font-size:1.4em;
	}
/*online entrepreneur notifification*/
#offline
	{
	position: ABSOLUTE;
	top: 106vw;
	left: 47vw;
	z-index: 1;
	color:black;
	max-width:50vw;
	font-size:1.4em;
	}
/*PROFILE PUBLIC chat*/
#chat
	{
	position: ABSOLUTE;
	top:99vw;
	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: 92vw;
	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:0.9em;
	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:80vw;
width:100vw;		
outline: black solid 3000px;
z-index: 11;
}
#nextpic
{
position: absolute;
left:85vw;
top:40vw;
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:40vw;
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:50px;
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*/
	.largeurmodif1{
		width: 50vw;
	}
#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;
		left: -4vw;
		width: 93vw;

		/*	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_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-collapse: separate;
		border-spacing: 40px
	}

	#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;
	/*width: max-content;*/
	max-width:96vw;
}
	.client_board
	{
		border-collapse: separate;
		border-spacing: 0 0em;
		position: absolute;
		top:44vw;
		left:10vw;
		/*width: max-content;*/
		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:10;
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:normal;
}
#newmessage_entrepreneur h6
{
font-size:1em;	
}
#big-div
{
width:65vw;	
height:20vw;	
}
#newmessage_entrepreneurx
{
	position: ABSOLUTE;
	top: 50vw;
	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:normal;
}


.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:normal;
    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:normal;
}
#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:normal; 
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;
	}
.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%;
}

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

	#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;
}
	#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  /*titre  newproject.php */
{
	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 h2
	{
		text-align:center;
		font-size:2em;
		background-color: #1d3d76;
		color: white;
	}

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

	.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-clientx, #projetuser-jobs, #projetuser-client, #profil_candidat
	{
		position: relative;
		top: 30vw;
		left:5vw;
		z-index:1;
		width:90vw;
	}

	#projetuser-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: 60vw;
		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;
	}

}