#ccontenubookAfficheVenteGaucheOptions{
	 color:rgb(0, 0, 128);

}
contenDivertEnonce2	
}

*{
    margin:0;
	padding:0;
	box-sizing:border-box;
}
body p{
    margin: 0;
}
body a{
     text-decoration:none;
	 color:black;
}
body{
		 width:100%;
	
	 font-family: sans-serif;
}
	#generale_teste 
	{
	 }	 
	#manu_teste 
	{
		 height:700px;
		 width:30%;
		 position:fixed;
		 left:0px;
		 top:0px;
		 border:solid 1px red;
	 }	 
	#manu_testImage 
	{
		 height:500px;
		 width:100%;
	 }	 
	#manu_testImage img 
	{
		 height:100%;
		 width:100%;
	 }	 
	#manu_teste2 
	{
		 display:none;
	 }	 
	#manuTranche 
	{
		 height:60px;
		 border:solid 1px silver;
		 background-color:white;
		 box-shadow:4px 0px 7px black;
		 position:relative;
	 }	 
	#manuPub10 
	{
		 height:250px;
		 width:95%;
		 margin:15px auto;
		 border:solid 1px silver;
	 }	 
	#manuPub10 img
	{
		 height:100%;
		 width:100%;
	 }	 
	#manuTrancheActive 
	{
		 height:60px;
		 border:solid 1px silver;
	     background-color:rgb(244, 246, 247);
		 box-shadow:4px 0px 7px black;
		 position:relative;
	 }	 
	#manuTrancheImage 
	{
		 height:60%;
		 width:13%;
		 margin-top:10px;
		 margin-left:2%;
		 float:left;
		 font-size:30px;
		 color:gray;
	 }	 
	#manuTrancheImageActive 
	{
		 height:60%;
		 width:13%;
		 margin-top:10px;
		 margin-left:2%;
		 float:left;
		 font-size:30px;
		 color:navy;
		 text-shadow:2px 2px 2px gray;
	 }	 
	#manuTrancheNom 
	{
		 height:60%;
		 width:70%;
		 margin-top:10px;
		 float:left;
		 text-align:center;
		 padding-top:5px;
		 overflow:hidden;
		 font-size:15px;
		 color:navy;
	 }	 
	#manuTrancheNum 
	{
		 height:60%;
		 width:10%;
		 margin-top:10px;
		 border:solid 1px silver;
		 float:left;
		 border-radius:50%;
	 }	 
	#manuTrancheNum img
	{
		 height:100%;
		 width:100%;
		 border-radius:50%;
	 }	 
	 #content_teste 
	{
		 width:70%;
		 border:solid 1px silver;
		 position:absolute;
		 right:0px;
		 top:0px;
	     background-color:rgb(244, 246, 247);
	 }	 
	 #nomSite10 
	{
		 font-size:20px;
		 margin:20px;
		 font-weight:bold;
		 width:50%;
		 color:#000080;
		 font-family: 'Roboto Condensed', sans-serif;
}
	 #logooSite 
	{
		 position:absolute;
		 right:15px;
		 top:15px;
		 font-size:30px;
	 }	 
	 #logooSite img 
	{
		 height:100%;
		 width:100%;
	 }	 
	 #aLaUne 
	{
		 height:300px;
		 width:80%;
		 margin:auto;
		 border:solid 1px silver;
	 }	 
	 #aLaUne img 
	{
		 height:100%;
		 width:100%;
	 }	 
	 #navbar 
	{
		 width:100%;
		 height:20px;
		 margin:auto;
	 }	 
	 .trancheMenu 
	{
		 width:23%;
		 float:left;
		 margin:5px auto;
		 font-size:14px;
		 color:navy;
		 text-align:center;
		 text-decoration:none;
		 font-weight:bold;
	 }	 
	 .trancheMenu a 
	{
		 color:gray;
		 font-weight:normal;
	 }	 
	 #contenuContente 
	{
		 width:90%;
		 margin:auto;
	 }	 
	 .tracheContente 
	{
		 height:240px;
		 width:22%;
		 margin:1%;
		 border-radius:3px;
		 float:left;
		 border:solid 1px silver;
		 position:relative;
	 }	 
	 .tracheContente img
	{
		 height:100%;
		 width:100%;
		 border-radius:3px;
	 }	 
	 .tracheContenteNom 
	{
		 position:absolute;
		 bottom:5px;
		 right:5px;
	 }	

	 


/* _________________________________________________________________________ancienMenu_______________________________________________________________________ */ 

#contenuGeneral{
	 width:1000px;
	 min-height:100%;
	 margin:auto;
	 background-color:rgb(244, 246, 247);
	 border-left:solid 10px;
	 border-right:solid 10px;
	 padding-bottom:100px;
}
#enteteGeneral{
	 background-color:white;
	 
	 padding-bottom:5px;
	 margin-bottom:20px;
	 box-shadow:0px 5px 10px  black;
}
#entete{
	 display: flex;
	 padding:1px;
	 height:50px;
	 position:relative;
	 background:linear-gradient(90deg,black,green,black );
}
#enteteProfile{
	 float:left;
	 display:inline-block;
	 float:left;
	 width:60px;
	 height:47px;
	 border-radius:5px;
	 border:solid 1px #1C2833;;
}
#enteteProfile img{
	 width:100%;
	 height:100%;
	 border-radius:5px;
}
#enteteInfo{
	 display:inline-block;
	 width:860px;
	 height:47;
}
#nomSite{
	 padding-top:5px;
	 height:25px;
	 line-height:23px;
	 color:yellow;
	 text-shadow:2px 2px 2px black;
	 font-size:23px;
	 font-family: 'Roboto Condensed', sans-serif;
	 text-align:center;
}
#nomUtilisateur{
	 text-align:center;	
	 color:white;
     position:relative;
	 bottom:1px;
	 font-size:15px;
	 text-transform:capitalize;
	 line-height:14px;
	 font-family:cursive;
}
#nomUtilisateur a{
	 color:white;
}
#enteteLOgo{
	 position:absolute;
	 right:1px;
	 top:1px;
	 width:60px;
	 height:47px;
	 border:solid 1px black;
	 border-radius:5px;
}
#enteteLOgo:hover{
	 border:solid 1px rgb(204, 209, 209);
}
#enteteLOgo img{
	 width:100%;
	 height:100%;
}
#tester {
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
#menuGeneral {
	 padding:10px;
	 padding-top:15px;
}
.menuUnite1,.menuUnite2,.menuUnite3,.menuUnite4,.menuUnite5,.menuUnite6,
.menuUnite11,.menuUnite22,.menuUnite33,.menuUnite44,.menuUnite55,.menuUnite66 {
	display:inline-block;
	flex:auto;
	width:5%;
	height:30px;
	border:solid 1px white;
	padding:2px;
	margin-left:9%;
}
.menuUnite1 img,.menuUnite2 img,.menuUnite3 img,.menuUnite4 img,.menuUnite5 img,.menuUnite6 img,
.menuUnite11 img,.menuUnite22 img,.menuUnite33 img,.menuUnite44 img,.menuUnite55 img,.menuUnite66 img {
 	 width:100%;
	 height:100%;
}
.menuUnite1:hover,.menuUnite2:hover,.menuUnite3:hover,.menuUnite4:hover,.menuUnite5:hover,.menuUnite6:hover {
	border:solid 1px black;
}
#sousMenu {
	 margin-top:5px;
	 padding-bottom:3px;
	 margin-bottom:20px;
	 background:linear-gradient(90deg,white,black,black,black,white);
}
#contenuSousMenu {
	 width:90%;
	 margin:auto;
	 height:15px;
	 font-weight:bold;
}
.sousMenuUnit {
	 width:24%;
	 font-size:15px;
	 color:blue;
	 text-align:center;
	 display:inline-block;
}
.sousMenuUnit a{
	 color:white;
}

#contentEplikMenu {
	border-left:solid 5px red;
	margin-bottom:25px;
	margin-top:20px;
	
	}
#eplikMenuu {
	 font-size:50px;
	 line-height:40px;
	 color:navy;
 	 font-family: 'Faster One';
	 text-shadow:3px 3px 3px silver;
	 font-weight:bold;
	 margin-left:3px;
	}
	
#eplikSousMenu {
	 font-size:15px;
	 position:relative;
	 left:5px;
}
#eplikSousMenu a {
	color:blue;
}
.diapoHome {
	 width:98%;
	 height:440px;
	 margin:30px auto;
     position: relative;
     overflow: hidden;
}
.elementHome {
	 width:100%;
	 height:400px;
	 border:solid 1px silver;
}
.elementHome img {
	 width:100%;
	 height:100%;
}
.elementHomeProfile  {
	 width:150px;
	 height:170px;
	 position:absolute;
	 right:70px;
	 bottom:0px;
	 border:solid 3px silver;
}
.elementHomeProfile img {
	 width:100%;
	 height:100%;
}
.elementHomeInfos  {
	 height:40px;
	 position:absolute;
	 right:230px;
	 bottom:0px;
	 font-size:30px;
     overflow: hidden;
	 font-weight:bold;
}
.elementHomeInfosModif  {
	 height:40px;
	 position:absolute;
	 padding-top:5px;
	 right:5px;
	 bottom:0px;
	 font-size:30px;
}
.elementHomeInfosModif a {
	 color:blue;
}


.diapoArt {
	 width:98%;
	 height:400px;
	 margin:15px auto;
	 border:solid 1px silver;
     position: relative;
     overflow: hidden;
}
.elementsArt{
    display: flex;
    transition: 1s linear;
    height: 100%;
}

.elementArt{
    flex: 1 0 80%;
    position: relative;
	border-right: solid 2px white;
    width: 100%;
    height: 100%;
}

.elementArt > img{
    width: 100%;
    height: 100%;
}

.element_protectArt{
    width: 100%;
    height: 100%;
}

.element_protectArt img{
    width: 100%;
    height: 100%;
}




.diapo {
	 width:98%;
	 height:400px;
	 margin:15px auto;
	 border:solid 1px silver;
     position: relative;
     overflow: hidden;
}
#nav-droite, #nav-gauche{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 3em;
	display:none;
}

#nav-droite{
    right: 20px;
}
#nav-gauche{
    left: 20px;
}

.elements{
    display: flex;
    transition: 1s linear;
    height: 100%;
}

.element{
    flex: 1 0 100%;
    position: relative;
	border-right: solid 2px white;
    width: 100%;
    height: 100%;
}

.element > img{
    width: 100%;
    height: 100%;
}

.element_protect{
    width: 100%;
    height: 100%;
}

.element_protect img{
    width: 100%;
    height: 100%;
}




.elementTitre{
	padding:2%;
    width: 96%;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:2;
}

.box1{
	 position:relative;
	 width:100%;
	 background:transparent;
	 border-left:solid 2px #E67E22;
	 border-right:solid 2px #E67E22;
	 border-bottom-left-radius:10px;
	 border-top-right-radius:10px;
}
.box1::before{
	 content:'';
	 position:absolute;
	 height:100%;
	 width:100%;
	 background:rgba(0,0,0,.4);
	 border-bottom-left-radius:10px;
	 border-top-right-radius:10px;
	 z-index:-1;
}
.box1_titre{
	 color:#EBF5FB;
	 padding:5px;
	 font-size:25px;
	 width:100%;
}
.box1_type{
	 color:#D35400;
	 padding:10px;
	 font-size:17px;
	 line-height:0px;
	 width:100%;
	 position:relative;
	 top:10px;
	 text-transform:capitalize;
}

.caption{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: rgba(255,255,255,0.4);
    padding: 30px;
}

/* _________________________________________________________________________gnakryfe2_______________________________________________________________________ */ 

#contenuCorpsGnakry{
	 display:inline-block;
}
.contenuGnakry{
	 font-family:tahoma;
	 width:30%;
	 display:inline-block;
	 height:235px;
	 background-color:none;
	 margin-left:2%;
	 margin-bottom:12px;
	 overflow:hidden;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 border:solid 1px silver;
	 background-color:white;
	 border-radius:3px;
}
.imageGnakry{
	 height:140px;
	 overflow:hidden;
	 border-bottom:solid 2px silver;
}
.imageGnakry img{
	 width:100%;
	 min-height:100%;
}
.ribrikGnakry{
	 font-size:14px;
	 color:navy;
	 padding:2px;
	 float:left;
	 margin-right:2px;
	 font-weight:bold;
	 margin-bottom:0px;
	 text-transform:capitalize;
}
.infositeGnakry{
	 height:15px;
	 font-size:12px;
	 margin-top:4px;
	 float:left;
	 border-left:solid 3px black;
	 font-family:cursive;
	 text-transform:capitalize;
	 line-height:15px;
	 padding-left:2px;
	 color:silver;
}
.descGnakry{
	 font-size:13px;
	 line-height:15px;
	 height:50px;
     width:96%;
	 display:block;
	 margin:auto;
	 overflow:hidden;
	 color:gray;
}
.linesPieds{
	 width:100%;
	 height:1px;
	 background:linear-gradient(90deg,white,black,black,white);
}
.piedGnakryDate{
	 font-size:11px;
	 margin-top:5px;
	 width:90%;
	 color:silver;
	 text-align:right;
}
.piedGnakry{
	 font-size:12px;
	 height:14px;
	 width:48%;
	 padding-top:2px;
	 float:left;
	 display:inline-block;
	 color:silver;
	 text-align:center;
}

/* _________________________________________________________________________gnakryfe_______________________________________________________________________ */ 

#contenCorpsGnakryfe{
}
.contenuPub{
	 width:80%;
	 height:160px;
	 display:block;
	 margin:10px auto;
	 border: solid 5px silver;
	 background-color:white;
	 border-radius:5px;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.imagePub{
	 width:40%;
	 height:100%;
	 float:left;
	 display:inline-block;
	 bottom:1px;
	 border-right:solid 2px;
}
.imagePub img{
	 width:100%;
	 height:100%;
}
.infoPub{
	 width:58%;
	 margin-left:1%;
	 height:100%;
	 display:inline-block;
	 position:relative;
}
.pubDate{
	 height:20px;
	 text-align:right;
	 color:silver;
	 font-size:13px;
	 margin-top:20px;
}
.pubNomSite{
	 text-align:center;
	 color:white;
	 font-size:15px;
	 padding:1px;
	 font-weight:bold;
	 margin-bottom:7px;
	 background:linear-gradient(90deg,white,black,black,white);
}
.pubTitre{
	 font-size:18px;
}
.pubEnoncer{
	 font-size:13px;
	 padding-bottom:20px;
}
.pubReaction{
	 height:20px;
	 position:absolute;
	 bottom:0px;
	 padding-top:3px;
}
.pubReaction1,.pubReaction2,.pubReaction3 {
	 height:15px;
	 margin-left:15px;
	 display:inline-block;
	 color:rgba(66, 73, 73 );
	 font-size:12px;
}
.imagePubReaction  {
	 width:15px;
	 height:15px;
	 display:inline-block;
}
.imagePubReaction img {
	 width:100%;
	 height:100%;
}

/* _________________________________________________________________________divertissement2_______________________________________________________________________ */ 

#piedGnakry{
}
.contenuDivertissement2{
	 width:600px;
	 position:relative;
	 margin:10px auto;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 border:solid 2px silver;
	 background-color:white;
	 padding:5px;
	 padding-bottom:20px;
}
.contenDivertUtilisateur2{
	 height:60px;
}
.contenDivertUtilisateurImage{
	 width:40px;
	 height:40px;
	 float:left;
	 display:inline-block;
	 border-radius:50%;
	 border:solid 1px silver;
	 margin-right:5px;
}
.contenDivertUtilisateurImage img{
	 width:100%;
	 height:100%;
	 border-radius:50%;
}
.contenEnoncer2{
	 width:80%;
	 padding:5px;
	 margin:auto;
	 height:240px;
	 position:relative;
	 padding:10px;
	 color:gray;
	 border:solid 1px silver;
	 background-color:white;
}
.contenDivertType{
	 font-size:14px;
	 color:navy;
	 text-transform:capitalize;
}
.contenDivertEnonce2{
	 font-size:30px;
	 font-family: 'Metal Mania';
	 padding:5px;
	 height:185px;
	 overflow:hidden;
}
.contenDivertImageType{
	 width:70px;
	 height:70px;
	 border-bottom-left-radius:50%;
	 border-top-right-radius:50%;
	 border:solid 1px silver;
	 position:absolute;
	 bottom:5px;
	 right:5px;
     background-color:white;
}
.contenDivertImageType img{
	 width:100%;
	 height:100%;
	 border-bottom-left-radius:50%;
	 border-top-right-radius:50%;
}
.contenDivertUtilisateur_reaction{
	 width:70%;
	 position:absolute;
	 bottom:7px;
}
.contenDivertUtilisateur{
	 width:95%;
	 height:35px;
	 position:absolute;
	 top:3px;
	 left:3px;
	 z-index:5;
}
.contenDivertUtilisateurInfo{
	 width:80%;
	 height:35px;
	 float:left;
	 display:inline-block;
	 padding-top:5px;
}
.contenDivertNom{
	 width:100%;
	 height:20px;
	 font-size:18px;
	 font-weight:bold;
}
.contenDivertDate{
	 width:100%;
	 height:15px;
	 font-size:11px;
	 color:silver;
	 line-height:8px;
}
.linePieds{
	 width:100%;
	 height:1px;
	 background:linear-gradient(90deg,white,black,black,white);
}
.piedGnakry{
	 font-size:12px;
	 height:14px;
	 width:33%;
	 padding-top:2px;
	 float:left;
	 display:inline-block;
	 color:silver;
	 text-align:center;
}
.contenuReactionGna{
	 width:100%;
	 margin-top:5px;
	 display:inline-block;
}
.focussDivertissement{
	color:black;
	font-size:12px;
	 color:black;
	 text-shadow: 2px 2px 2px silver;
}


/* _________________________________________________________________________Emploi_______________________________________________________________________ */ 

.likeEmploi1 {
	 
}
#contenuCorpsEmploi {
	display:inline-block;
	 
}


.moullaentrepriseContente {
	 width:27%;
	 height:330px;
	 padding:2%;
	 margin:1%;
	 position:relative;
	 float:left;
	 border:solid 1px silver;
	 background-color:white;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 overflow:hidden;
}
.moullaentrepriseContenteInfoNom 
{
	 height:21px;
	 font-size:20px;
	 margin-top:25px;
	 margin-bottom:5px;
	 text-align:center;
	 color:navy;
	 font-weight:bold;
	 overflow:hidden;
}
.moullaentrepriseContenteInfoDesc 
{
	 font-size:13px;
	 height:82px;
	 text-align:center;
	 color:gray;
	 padding:5px;
	 overflow:hidden;
}
.moullaentrepriseContenteImageLogo {
	 width:60px;
	 height:60px;
	 border:solid 3px white;
	 position:absolute;
	 bottom:95px;
	 left:40%;
	 border-radius:50%;
	 z-index:2;
}
.moullaentrepriseContenteImageLogo img {
	 width:100%;
	 height:100%;
	 border-radius:50%;
}
.moullaentrepriseContenteImageCouverture {
	 width:90%;
	 height:120px;
	 border:solid 1px silver;
	 position:absolute;
	 bottom:3%;
	 left:5%;
}
.moullaentrepriseContenteImageCouverture img {
	 width:100%;
	 height:100%;
}








.contenuEmploi {
	 width:46%;
	 height:430px;
	 padding:3px;
	 margin:1%;
	 position:relative;
	 float:left;
	 border:solid 2px silver;
	 background-color:white;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	overflow:hidden;
}
.imageEmploi {
	 width:45px;
	 height:35px;
	 display:inline-block;
	 border:solid 1px silver;
}
.imageEmploi img {
	 width:100%;
	 height:100%;
}
.infoEmploi {
	 width:80%;
	 height:35px;
	 display:inline-block;
}
.sigleEmploi {
	 height:25px;
	 font-size:25px;
}
.definitionEmploi {
	 height:12px;
	 font-size:13px;
	 position:relative;
	 bottom:4px;
	 color:silver;
}
.nomEmploi {
	 height:17px;
	 font-size:15px;
	 color:white;
	 text-align:center;
	 padding-bottom:2px;
	 font-weight:bold;
	 background:linear-gradient(90deg,white,black,black,white);
}
.enoncerEmploi {
	 width:90%;
	 margin: 10px auto;
	 font-size:25px;
	 color:#566573;
}
.likeAddEmploi {
	 width:60%;
	 float:left;
	 height:15px;
	 display:inline-block;
	 color:silver;
	 font-size:12px;
}
.imageReactionEmploi {
	 width:15px;
	 height:15px;
	 display:inline-block;
}
.imageReactionEmploi img {
	 width:100%;
	 height:100%;
}

#contenuCorpsDivertissement{
	 width:90%;
	 margin-left:5%;
	 display:inline-block;
}







.contentRahul{
	 width:43%;
	 height:350px;
	 display:inline-block;
	 float:left;
	 position:relative;
	 background-color:white;
	 margin:3%;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 overflow:hidden;
}
.rahulInfos{
	 display:inline-block;
	 width:100%;
	 margin-bottom:10px;
}
.rahulInfosImage{
	 width:60px;
	 height:60px;
	 display:inline-block;
	 float:left;
	 margin:2%;
	 border-radius:50%;
}
.rahulInfosImage img{
	 width:100%;
	 height:100%;
	 border-radius:50%;
	 border:solid 1px silver;
}
.rahulInfosInfos{
	
	 height:50px;
	 display:inline-block;
	 float:left;
	 position:relative;
	 top:20px;
	 line-height:20px;
}
.rahulInfosInfosSigle{
     text-transform:uppercase;
	 font-size:22px;
	 color:navy;
	 font-weight:bold;
	 font-family:sans-serif;
}
.rahulInfosInfosNom{
	text-transform:capitalize;
	 font-size:12px;
	 line-height:15px;
	 margin-left:2px;
	 color:gray;
}
.piedSilver{
	 height:1px;
	 width:100%;
	 background-color:white;
	 background:linear-gradient(90deg,white,black,white);
}
.rahulDesc{
	 padding:8%;
	 text-align:center;
}
.rahulDescEmploi{
	text-transform:capitalize;
	color:navy;
	font-size:17px;
	font-weight:bold;
	padding:5px;
}
.rahulDescEmploiDesc{
	color:gray;
	font-size:13px;
	line-height:17px;
}
.reactionEmploi {
	 width:90%;
	 height:30px;
	 position:absolute;
	 bottom:10px;
	 margin-left:5%;
}
.likeEmploi1 {
	 width:44%;
	 height:100%;
	 display:inline-block;
	 font-size:10px;
	 color:silver;
	 padding-top:7px;
}
.likeEmploi3 {
	 width:54%;
	 height:100%;
	 display:inline-block;
	 font-size:10px;
	 text-align:right;
	 padding-top:7px;
	 color:silver;
}






















.contenuDivertissement{
	 width:31%;
	 float:left;
	 display:inline-block;
	 height:300px;
	 background-color:white;
	 border-top-right-radius:23px;
	 border:solid 1px silver;
	 margin:1%;
	 padding:2px;
	 margin-bottom:7px;
	 position:relative;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}




#contenuPakistan{
	 width:33%;
	 height:330px;
	 float:left;
	 display:inline-block;
	 position:relative;
}
#pakistancontenu{
	 width:92%;
	 height:92%;
	 margin:5%;
	 background-color:white;
	 border:solid 1px silver;
	 position:relative;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
#pakistanImage{
	 width:70px;
	 height:70px;
	 border-radius:50%;
	 position:absolute;
	 top:1px;
	 left:1px;
	 z-index:2;
	 background-color:white;
	 border-left:solid 1px silver;
	 border-top:solid 1px silver;
	 
}
#pakistanImage img{
	 width:100%;
	 height:100%;
	 border-radius:50%;
	 border:solid 4px white;
}
#pakistanNom{
	text-transform:capitalize;
	 width:90%;
	 margin:auto;
	 margin-top:50px;
	 text-align:center;
	 font-size:20px;
	 font-weight:bold;
	 color:navy;
}
#pakistanPrenom{
	 text-transform:capitalize;
	 width:90%;
	 height:20px;
	 margin:auto;
	 margin-bottom:20px;
	 text-align:center;
	 font-size:20px;
	 font-weight:bold;
	 color:navy;
	 overflow:hidden;
}
#pakistanProfession{
	 text-transform:capitalize;
	 width:90%;
	 margin:auto;
	 text-align:center;
	 margin-bottom:3px;
	 text-align:center;
	 font-size:13px;
	 color:black;
	 overflow:hidden;
	 font-weight:bold;
}
#pakistanProfile{
	 width:90%;
	 margin:auto;
	 text-align:center;
	 font-size:12px;
	 line-height:17px;
	 color:gray;
	 overflow:hidden;
}
#pakistanDegre{
	 text-align:right;
	 position:absolute;
	 bottom:10px;
	 right:10px;
	 font-size:11px;
}









.imageDivertissement{
	 width:40px;
	 height:40px;
	 border-radius:50%;
	 position:absolute;
	 right:1px;
	 top:1px;
	 border:solid 3px silver;
}
.imageDivertissement img{
	 width:100%;
	 height:100%;
	 border-radius:50%;
}
.infosDivertissement{
	 width:77%;
	 height:40px;
	 padding-left:3px;
}
.nomDivertissement{
	 height:25px;
	 font-size:1px;
	 position:relative;
	 top:7px;
	 font-weight:bold;
}
.dateDivertissement{
	 height:15px;
	 font-size:10px;
	 color:silver;
}
.typeDivertissement{
	 text-align:center;
	 padding-bottom:2px;
	 font-size:13px;
	 color:white;
	 font-weight:bold;
	 background:linear-gradient(90deg,white,black,black,black,white);
}
.enocerDivertissement{
	 height:220px;
	 padding:10px;
	 font-size:17px;
	 overflow:hidden;
}

/* _________________________________________________________________________Entreprise_______________________________________________________________________ */ 

.contenuEntreprise {
	 height:130px;
	 width:80%;
	 padding:3px;
	 padding-top:45px;
	 border-top-right-radius:24px;
	 display:block;
	 margin:10px auto;
	 position:relative;
	 border:solid 2px silver;
	 background-color:white;
	 box-shadow: 0 3px 5px 0 black, 0 6px 5px 0 black;
}
.imageEntreprise {
	 width:35px;
	 height:35px;
	 border-radius:50%;
	 display:inline-block;
	 position:absolute;
	 top:4px;
	 right:4px;
	 border:solid 2px silver;
}
.imageEntreprise img {
	 width:100%;
	 height:100%;
	 border-radius:50%;
}
.infoEntreprise {
	 width:80%;
	 height:35px;
	 position:absolute;
	 top:4px;
	 right:45px;
	 display:inline-block;
}
.sigleEntreprise {
	 padding-top:6px;
	 height:23px;
	 font-size:18px;
	 font-weight:bold;
	 text-align:right;
}
.definitioninfoEntreprise {
	 height:12px;
	 font-size:13px;
	 position:relative;
	 bottom:7px;
	 color:silver;
	 text-align:right;
}
.ligneEntreprise {
	 height:2px;
	 background:linear-gradient(90deg,black,white);
}
.nomEntreprise {
	 font-size:20px;
	 font-weight:bold;
	 text-transform:capitalize;
	 color:blue;
}
.ennonceEntreprise {
	 font-size:18px;
	 padding:2px;
}

/* _________________________________________________________________________Home_______________________________________________________________________ */ 


#contenuHome {
	width:94%;
	margin-left:5%;
}
.contenuHome1 {
	width:29%;
	height:300px;
	margin:1%;
	padding-top:4px;
	background-color:white;
	border:solid 1px silver;
	display:inline-block;
	border-radius:10px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.contenuHome1 a {
	color:black;
}
.imagehome1 {
	 width:50px;
	 height:50px;
	 color:orange;
	 font-size:40px;
	 margin:10px auto;
}
.ttitreHome {
	 color:black;
	 font-size:20px;
	 text-align:center;
	 font-weight:bold;
}
.contenuEpliqueHome {
	 width:100%;
	 height:140px;
	 display: flex;
     justify-content: center;
     align-items: center;
}
.epliqueHome {
	 width:80%;
	 font-size:13px;
	 text-align:center;
}

.infoHome1 {
	 width:70%;
	 height:40px;
	 margin:10px auto;
	 border-radius:20%;
	 font-size:18px;
	 text-align:center;
	 padding-top:4px;
	 border:solid 2px orange;
	 color:black;
	 font-weight:bold;
}






/* _________________________________________________________________________ Ajout_publication _______________________________________________________________________ */ 

.imagehome{
}
.cotenuGeneral_pub{
	 width:1000px;
	 min-height:100%;
	 margin:auto;
	 background-color:white;
	 padding-bottom:100px;
	 background-color:#EFEFEF;
}
.entete_pubs{
	 height:25px;
	 background-color:#3D2B1F;
	 background-color:silver;
	 color:white;
}
.imagee_pubs{
	 height:300px;
	 width:100%;
	 display:block;
	 position:relative;
}
.imagee_pubs img{
	 width:100%;
	 height:100%;
}
.retoure_pubs{
	 font-size:30px;
	 color:white;
	 position:absolute;
	 top:15px;
	 left:15px;
	 border:0px;
	 cursor:pointer;
	 text-shadow:2px 2px 2px black;
	 background:none;
	 z-index:2;
}
.retoure_pubs_droite{
	 font-size:30px;
	 color:white;
	 position:absolute;
	 top:15px;
	 right:20px;
	 border:0px;
	 text-shadow:2px 2px 2px black;
	 background:none;
	 z-index:2;
}
.titre_pubs{
	 height:40px;
	 position:absolute;
	 bottom:10px;
	 right:10px;
	 
}
.titre_pubsInfoss{
	 float:left;
	 font-size:30px;
	 color:navy;
	 text-shadow:2px 2px 2px silver;
	 font-weight:bold;
}
.titre_pubsInfossImage{
	 height:40px;
	 width:40px;
	 float:left;
	 border:solid 1px silver;
	 border-radius:50%;
	 box-shadow:5px 5px 5px black;
}
.titre_pubsInfossImage img{
	 height:100%;
	 width:100%;
	 border-radius:50%;
}








#contenuSousMenuPub{
	 width:100%;
	 height:40px;
	 display:block;
}
.trancheMenuPub{
	 width:32%;
	 float:left;
	 color:blue;
}
.trancheMenuPub1{
	 width:32%;
	 float:left;
}
.trancheMenuPub1 a{
	 color:silver;
}


.cotenu_pubs{
	 padding:20px;
}
.titreExplik{
	 width:80%;
	 margin:10px auto;
	 font-size:25px;
	 text-align:center;
	 padding-bottom:30px;
	 font-weight:bold;
}
.focuss{
	color:orange;
}
.bando_tranche{
	 font-size:12px;
	 font-family:cursive;
	 background:linear-gradient(90deg,white,black,white);
	 color:white;
	 text-align:center;
	 margin-top:10px;
}
.champExplik{
	 font-size:12px;
	 color:silver;
	 margin-top:10px;
}
.celect select{
	 width:300px;
	 height:30px;
	 font-size:15px;
	 padding:3px;
}
.celectJour select{
	 width:29%;
	 height:30px;
	 font-size:15px;
	 float:left;
	 display:inline-block;
	 margin-bottom:10px;
	 padding:5px;
}
.celectJour2 select{
	 width:29%;
	 height:30px;
	 font-size:15px;
	 float:left;
	 display:inline-block;
	 margin-left:1%;
	 margin-bottom:10px;
	 padding:5px;
}
.celectMoi select{
	 width:39%;
	 height:30px;
	 font-size:15px;
	 float:left;
	 display:inline-block;
	 margin-left:1%;
	 margin-bottom:10px;
	 padding:5px;
}
.celectMoi select:focus{
	 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
	 border-color:blue;
}
.petiteSaisi input{
	 width:100%;
	 height:30px;
	 font-size:15px;
	 padding:5px;
	}
.petiteSaisi input:focus{
	 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
	 border-color:blue;
	}
.moyenneSaisi input{
	 width:60%;
	 height:30px;
	 font-size:15px;
	 float:left;
	 display:inline-block;
	 margin-bottom:10px;
	 padding:5px;
	}
.moyenneSaisi2 input{
	 width:37%;
	 height:30px;
	 font-size:15px;
	 float:left;
	 display:inline-block;
	 margin-left:2%;
	 margin-bottom:10px;
	 padding:5px;
	}
.grandeSaisi textarea{
	 width:100%;
	 height:200px;
	 font-size:15px;
	 padding:5px;
	}
.grandeSaisi2 textarea{
	 width:100%;
	 height:70px;
	 font-size:15px;
	 padding:5px;
	}
.boutonPub{
	 width:70%;
	 height:30px;
	 margin-top:15px;
	 margin:50px auto;
}
.boutonPub input{
	 width:100%;
	 height:30px;
	 font-size:15px;
	 background-color:blue;
	 border:solid 1px silver;
	 border-bottom:solid 2px black;
	 border-left:solid 2px black;
	 color:white;
	 border-radius:4px;
	 font-weight:bold;
	 padding:3px;
}
     #nombre_boulot
	{
	     width:100%;
		 height:200px;
		 margin-top:30px;
		 padding-left:3px;
	}
     #choix_boulot
	{
	     width:10%;
		 height:120px;
		 margin-top:20px;
		 margin-left:1.5%;
		 display:inline-block;
	}
     #choix_boulot img
	{
	     width:100%;
		 height:100%;
		 border-radius:30px;
		 border:solid 2px silver;
	}
     #choix_boulot img:hover
	{
		 border:solid 2px green;
	}
.trait_pubs{
	 width:40%;
	 height:2px;
	 margin:auto;
	 background-color:silver;
}
.pieds_pubs{
	 font-size:12px;
	 width:90%;
	 margin:auto;
	 font-family:cursive;
	 color:gray;
	 padding-bottom:5px;
	 padding-top:10px;
	 font-family:cursive;
	 text-align:center;
}
.pieds_modifier{
	height:45px;
	width:45px;
	font-size:30px;
	padding:7px;
	bottom:30px;
	right:30px;
	background-color:navy;
	color:white;
	position:absolute;
	border-radius:50%;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
}
.imageTipes{
	 width:50%;
	 height:350px;
	 border-bottom:solid 1px silver;
	 margin:auto;
}
.imageTipes img{
	 font-size:15px;
	 width:100%;
	 height:100%;
}
.cotenuAffiche_pubs{
	 width:50%;
	 font-size:17px;
	 padding-bottom:50px;
	 padding-top:20px;
	 margin:auto;
	 text-align:center;
}
.contenuboutonPub3{
	 width:100%;
	 height:50px;
	 margin-bottom:40px;
}
.contenuboutonLogo3{
	 width:100%;
	 margin-top:30px;
	 display:inline-block;
}
.boutonPub2{
	 width:40%;
	 float:left;
	 display:inline-block;
	 font-size:15px;
	 background-color:navy;
	 border-bottom:solid 2px silver;
	 border-left:solid 2px silver;
	 color:white;
	 border-radius:4px;
	 font-weight:bold;
	 padding:5px;
	 margin:4%;
	 text-align:center;
}
.boutonPubRouge2{
	 width:40%;
	 float:left;
	 display:inline-block;
	 font-size:15px;
	 background-color:navy;
	 border-bottom:solid 2px silver;
	 border-left:solid 2px silver;
	 color:red;
	 border-radius:4px;
	 font-weight:bold;
	 padding:5px;
	 margin:4%;
	 text-align:center;
}
.boutonPub3{
	 width:28.5%;
	 float:left;
	 display:inline-block;
	 font-size:15px;
	 background-color:navy;
	 border-bottom:solid 2px silver;
	 border-left:solid 2px silver;
	 color:white;
	 border-radius:4px;
	 font-weight:bold;
	 padding:5px;
	 margin-left:2%;
	 text-align:center;
}
.boutonPubRouge3{
	 width:28.5%;
	 float:left;
	 display:inline-block;
	 font-size:15px;
	 background-color:navy;
	 border-bottom:solid 2px silver;
	 border-left:solid 2px silver;
	 color:red;
	 border-radius:4px;
	 font-weight:bold;
	 padding:5px;
	 margin-left:2%;
	 text-align:center;
}
.boutonPub4{
	 width:21%;
	 float:left;
	 display:inline-block;
	 font-size:15px;
	 background-color:blue;
	 border-bottom:solid 2px black;
	 border-left:solid 2px black;
	 color:white;
	 border-radius:4px;
	 font-weight:bold;
	 padding:5px;
	 margin-left:2%;
	 text-align:center;
}
.contenupiedBas{
	 width:100%;
	position:absolute;
	bottom:0px;
}
.conteneChoix_ajtPub{
	 width:100%;
	 display:inline-block;
}
.titreChoix_ajtPub{
	 width:100%;
	 height:30px;
	 background-color:silver;
	 font-size:20px;
	 font-family:tahoma;
	 text-align:center;
	 color:white;
	 margin-bottom:20px;
	 box-shadow:0px 2px 5px black;
}
.uniteChoix_ajtPub{
	 width:29%;
	 height:350px;
	 background-color:white;
	 position:relative;
	 float:left;
	 border:solid 1px silver;
	 display:inline-block;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 margin:2%;
}
.iconeChoix{
     position: absolute;
	 top:50px;
	 left:50px;
	 z-index:10;
	 width:100px;
	 height:150px;
}
.iconeChoix img{
	 width:100%;
	 height:100%;
}
.titreUniteChoix_ajtPub{ 
     position: absolute;
	 bottom:5px;
	 right:5px;
	 font-size:17px;
	 color:navy;
	 font-family:tahoma;
	 z-index:10;
}
.guideImages{
	position:absolute;
	top:10px;
	 right:10px;
	 width:40px;
	 height:0px;
}
.guideImages img{
	 width:100%;
	 height::100%;
}
 .mantoInfos 
{
	 width:70%;
	 padding:10%;
	 margin:30px auto;
	 border-radius:10px;
	 border:solid 1px silver;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
 }
 .imagehome11 
{
	 margin:20px auto;
	 width:100px;
	 height::100px;
	 color:navy;
	 font-size:90px;
	 text-shadow:5px 5px 5px silver;
 }
.plaqueGuide {
	 margin:30px auto;
	 color:gray;
	 text-align:center;
}
.detailPlaque {
	 width:90%;
	 margin-bottom:20px;
	 font-size:20px;
	 padding:5px;
	 color:white;
	 font-weight:bold;
	 text-align:center;
	 background:linear-gradient(90deg,white,black,white);
}
.infolaque {
	 width:90%;
	 margin-bottom:40px;
	 font-size:16px;
	 text-align:center;
}
.bout_ajt{ 
	 width:60%;
	 padding:5px;
	 border-radius:3px;
	 text-align:center;
	 font-size:20px;
	 color:white;
	 font-weight:bold;
	 background-color:blue;
	 margin:10px auto;
	 border-left:solid 2px black;
	 border-bottom:solid 2px black;
}
.bando{ 
     margin-top:10px;
	 margin-bottom:20px;
	 padding:2px;
	 text-align:center;
	 font-size:13px;
	 color:white;
	 background:linear-gradient(90deg,white,black,white);
}
.bandot{ 
     margin-top:10px;
	 margin-bottom:20px;
	 text-align:center;
	 font-size:17px;
	 font-weight:bold;
}
.bandouzProfile{
	 width:300px;
	 height:400px;
	 margin-bottom:50px;
	 margin:auto;
	 position:relative;
}
 .bandouzProfile img
	{
	 width:100%;
	 height:100%;
	 border:solid 1px silver;
	 border-radius:50%;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	}
.bandouzProdui{
	 width:350px;
	 height:450px;
	 margin-bottom:50px;
	 margin:auto;
	 position:relative;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
 .bandouzProdui img
	{
	 width:100%;
	 height:100%;
	 border:solid 1px silver;
	}
.bandouzLogo{
	 width:300px;
	 height:300px;
	 margin-bottom:50px;
	 margin:auto;
	 position:relative;
}
 .bandouzLogo img
	{
	 width:100%;
	 height:100%;
	 border:solid 1px silver;
	 border-radius:50%;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	}
.bandouz{
	 width:600px;
	 height:300px;
	 margin-bottom:50px;
	 margin:auto;
	 position:relative;
	 border:solid 1px silver;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
 .bandouz img
	{
		width:100%;
		height:100%;
	}
 #files
	{
		 width:50px;
		 height:50px;
		 font-size:25px;
		 padding:10px;
		 position:absolute;
		 right:20px;
		 bottom:20px;
		 color:navy;
		 border-radius:50%;
	     background-color:rgb(244, 246, 247);
		 border-bottom:solid 4px navy;
		 border-left:solid 4px navy;
		cursor:pointer;
	}
	
	
 .image_insert
	{
	 width:60%;
	 padding-top:3px;
	 margin:auto;
	 border-radius:5px;
	 border:solid 1px silver;
	}
 .image_insert img
	{
	 width:100%;
	 border-radius:5px;
	}
 .messageInsertion
	{
	 width:80%;
	 background-color:white;
	 margin: 50px auto;
	 font-size:15px;
	 color:navy;
	 text-align:center;
	}
 .bouton_insert
	{
	 width:400px;
	 height:30px;
	 background-color:white;
	 margin: 50px auto;
	 background-color:navy;
	 border-radius:5px;
	}
 .bouton_insert input
	{
	 width:100%;
	 height:100%;
	 font-weight:bold;
	 font-size:17px;
	 color:white;
	 background-color:navy;
	 cursor:pointer;
	 border-radius:5px;
	}
 .contenueLogo
	{
	 width:80%;
	 height:50px;
	 margin:20px auto;
	}
 .contenueLogoimage
	{
	 width:60px;
	 height:100%;
	 float:left;
	 display:inline-block;
	}
 .contenueLogoimage img
	{
	 width:100%;
	 height:100%;
	}
 .contenueLogoinfo
	{
	 float:left;
	 display:inline-block;
	}
 .contenueLogoSigle
	{
	 height:30px;
	 width:100%;
	 font-size:28px;
	 line-height:40px;
	 color:navy;
	 padding-left:3px;
	 font-weight:bold;
	}
 .venteAjtProduit
	{
	 width:90%;
	 border:solid 1px red;
	 display:block;
	 margin:auto;
	 padding-bottom:10px;
	}
 .contenueLogoNom
	{
	 height:15px;
	 width:100%;
	 font-size:14px;
	 line-height:12px;
	 padding:3px;
	 color:silver;
	}
 .ligneLogo
	{
	 height:2px;
	 width:60%;
	 margin:50px auto;
	 background:linear-gradient(90deg,black,white,black);
	}
 .contenueDescription
	{
	 width:80%;
	 font-size:17px;
	 margin:0px auto;
	 padding:5px;
	}
 .logoInfoScecondaire
	{
	 width:100%;
	 margin:10px auto;
	}
 .logoInfoScecondaireUnite
	{
	 width:33%;
	 float:left;
	 font-size:11px;
	 color:silver;
	 display:inline-block;
	 text-align:center;
	 font-family:cursive;
	}
 .unitecolors
	{
	 font-size:13px;
	 color:black;
	 text-shadow: 1px 1px 1px silver;
	}
	

     #curiculum
	{
	     width:98%;
		 margin-top:50px;
		 font-size:25px;
		 margin-bottom:30px;
		 text-align:center;
		 font-weight:bold;
		 color:navy;
	}
     #imags_cv
	{
	     width:20%;
		 height:150px;
		 display:inline-block;
		 border:solid 1px silver;
	}
     #imags_cv img
	{
	     width:100%;
		 height:100%;
	}
     #imags_cv_petit
	{
	     width:60%;
		 margin:auto;
		 margin-bottom:3px;
		 border:solid 1px silver;
		 display:none;
	}
     #imags_cv_petit img
	{
	     width:100%;
	}
     #titr_info
	{
	     width:78%;
		 font-size:15px;
		 display:inline-block;
	}
     #inf_cv
	{
	     width:23%;
		 margin-left:2px;
		 font-size:15px;
		 font-weight:bold;
		 display:inline-block;
	}
     #intermediaire_cv
	{
	     width:2%;
		 font-size:15px;
		 font-weight:bold;
		 display:inline-block;
	}
     #libb_cv
	{
	     width:70%;
		 font-size:15px;
		 display:inline-block;
	}
     #ex_proff
	{
	     width:98%;
		 margin:auto;
		 margin-top	:20px;
		 margin-bottom:3px;
		 text-align:center;
		 background:linear-gradient(90deg,white,black,black,white);
		 font-weight:bold;
		 font-size:15px;
		 color:white;
	}
     #Libb_ex_pro
	{
		 margin-bottom:10px;
	}
     #date_experience
	{
	     width:20%;
		 float:left;
		 font-size:14px;
		 font-weight:bold;
		 margin-left:3px;
	}
     #experienced
	{
	     width:78%;
		 display:inline-block;
		 padding-left:2px;
		 border-left:solid 1px silver;
	}
     #diverstissement
	{
	     width:98%;
		 margin-left:5px;
	}
     #titled_res
	{
		 margin-top:50px;
		 margin-bottom:20px;
		 text-align:center;
		 font-size:18px;
	}
.imageTipeVente{
	 width:350px;
	 border:solid 1px silver;
	 margin:auto;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.imageTipeVente img{
	 width:100%;
}
#sousImageTipeVente{
	 width:350px;
	 height:70px;
	 margin:30px auto;
}
.imageTipeVenteSous{
	 width:19%;
	 height:100%;
	 border:solid 1px silver;
	 margin:2%;
	 display:inline-block;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.imageTipeVenteSous img{
	 width:100%;
	 height:100%;
}





.contenuInfo_Bout {
	 width:auto;
	 padding-left:10px;
}
.info_Bout {
	 width:100%;
	 margin-bottom:px;
	 font-size:13px;
}
.focusEntreprise {
	 
	 font-size:13px;
	 color:rgb(0, 0, 128);
	 text-shadow:2px 2px 2px silver;
}
	
.descruption {
	 
	 width:90%;
	 border:solid 1px navy;
	 border-left:solid 3px navy;
	 border-bottom:solid 4px navy;
	 margin:30px auto;
	 font-size:15px;
	 padding:5%;
	 color:gray;
	 line-height:20px;
	 
}
.quiSommesNous {
	 width:90%;
	 color:navy;
	 font-size:25px;
	 font-weight:bold;
	 margin-bottom:10px;
}
.piedEntreprise {
	 padding:50px;
	 color:rgb(244, 246, 247);
	 background-color:navy;
}
.piedEntreprise a {
	 color:rgb(244, 246, 247);
}
.piedEntrepriseGauche {
	 width:50%;
	 display:inline-block;
}
.piedEntrepriseSigle {
	 width:100%;
	 font-size:40px;
	 font-weight:bold;
}
.piedEntrepriseNom {
	 width:100%;
	 font-size:18px;
	 margin-bottom:30px;
	 line-height:15px;
}
.piedEntrepriseAdresse {
	 font-size:13px;
	 border-bottom:solid 1px;
	 padding:15px;
	 padding-left:50px;
	 position:relative;
}
.piedEntrepriseMail {
	 font-size:13px;
	 padding:15px;
	 padding-left:50px;
	 position:relative;
	 font-style:italic;
}
.piedEntrepriseSigne2 {
	 width:40px;
	 height:40px;
	 position:absolute;
	 right:3px;
	 top:1px;
	 font-size:15px;
	 padding:15px;
}
.piedEntrepriseSigne {
	 width:40px;
	 height:40px;
	 position:absolute;
	 left:3px;
	 top:1px;
	 font-size:25px;
	 padding:5px;
}
.piedEntrepriseDroite {
	 width:40%;
	 display:inline-block;
	 float:right;
	 margin-left:5%;
	 margin-top:100px;
}
.piedEntrepriseMessageGnakrybook {
	 width:130px;
	 height:150px;
	 margin-left:5%;
	 background-color:white;
	 border-radius:50%;
	 margin: auto;
}
.piedEntrepriseMessageGnakrybook img{
	 width:100%;
	 height:100%;
	 border-radius:50%;
}
.piedEntrepriseAdministrateur {
	 width:100%;
	 font-size:25px;
	 font-weight:bold;
	 text-align:center;
	 margin-bottom:20px;
	
}
.piedEntrepriseAdministrateurNom {
	 width:100%;
	 font-size:15px;
	 text-align:center;
	 margin-top:15px;
}
.piedEntrepriseMotDeFin {
	 width:100%;
	 font-size:15px;
	 font-style:italic;
	 text-align:center;
	 margin-top:100px;
	
}

.contentboutonAjouthee {
	 width:100%;
	 margin-top:30px;
}
.boutonAjouthee {
	 width:80%;
	 height:30px;
	 background-color:rgb(244, 246, 247);
	 border:solid 1px navy;
	 padding:10px;
	 margin:auto;
	 display:block;
	 border-radius:30px;
	 position:relative;
}
.descBoutonAjouthee {
	 width:100%;
	 display:inline-block;
	 float:left;
	 font-size:15px;
	 font-weight:bold;
	 color:navy;
	 text-align:center;
}
.imageBoutonAjouthee {
	 width:30px;
	 height:30px;
	 position:absolute;
	 left:5px;
	 top:5px;
	 border-radius:50%;
}
.imageBoutonAjouthee img {
	 width:100%;
	 height:100%;
	 border-radius:50%;
}
.piedEntrepriseSigne3{
	 width:20px;
	 height:20px;
	 color:navy;
	 position:absolute;
	 right:15px;
	 top:15px;
}
	
	
/* _________________________________________________________________________infos_______________________________________________________________________ */ 

#ligneInfosModifi{ 
}
.cotenuGeneral_infos{
	 width:1000px;
	 margin:auto;
	 border:solid 2px black;
	 border-left:solid 10px;
	 border-right:solid 10px;
	 padding-bottom:100px;
	 background-color:rgb(244, 246, 247);
}
.contenuInfos{ 
	 width:80%;
	 min-height:100vh;
	 margin:20px auto;
	 border:solid 1px silver;
	 position:relative;
	 background-color:white;
	 padding-top :20px;
	 padding-bottom :150px;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
#contgene_retouraRonde{ 
	 width:40px;
	 height:40px;
	 margin-left:20px;
	 font-size:22px;
	 border-radius:50%;
	 border:solid 0.5px silver;
	 background-color:white;
}
.imageInfos{ 
	 width:250px;
	 height:300px;
	 margin:50px auto;
	 position:relative;
}
.imageInfos img{ 
	 width:100%;
	 height:100%;
	 border-radius:50%;
	 border:solid 1px silver;
}
.userInfos{ 
	 width:100%;
	 height:100%;
	 border-radius:50%;
	 border:solid 1px silver;
	 font-size:200px;
	 padding-top:40px;
	 padding-left:30px;
	 color:navy;
	 background-color:rgb(244, 246, 247);
}
.infosImageModifi{ 
	 position:absolute;
	 bottom:20px;
	 right:20px;
	 font-size:30px;
	 border-left:solid 2px black;
	 border-bottom:solid 2px black;
	 color:navy;
	 padding:10px;
	 border-radius:50%;
	 background-color:silver;
}


.infosInfosTitreCadre{ 
	 width:90%;
	 padding-top:25px;
	 margin:2px auto;
	 font-size:18px;
	 color:silver;
}

.infosInfosCadre{ 
	 width:90%;
	 background-color:white;
	 margin:5px auto;
	 padding:20px;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}



.infosInfosTitre{ 
	 width:80%;
	 margin:15px auto;
	 font-size:11px;
	 color:silver;
}
.infosInfos{ 
	 width:80%;
	 margin:15px auto;
}
.ligneInfos{ 
	 width:100%;
	 position:relative;
}
.ligneInfos3{ 
	 width:100%;
	 font-size:13px;
	 color:gray;
	 padding:7px;
}
.ligneInfosIcone{ 
	 font-size:15px;
	 text-shadow: 2px  2px  2px silver;
	 margin-right:5px;
	 color:black;
}
.ligneInfos2{ 
	 width:100%;
	 position:relative;
	 background-color:silver;
	 padding:5px;
	 border-radius:2px;
	 margin:1px;
}
.ligneInfosModifi{ 
	 position:absolute;
	 right:20px;
	 bottom:5px;
	 color:silver;
	 font-size:12px;
	 background-color:white;
	 padding:5px;
	 border-radius:50%;
	 border-left:solid 3px black;
}
.ligneInfosModifi a{ 
	 color:navy;
}
.imgeLigneInfos{ 
	 width:20px;
	 height:20px;
	 display:inline-block;
	 text-shadow:2px 2px 2px silver;
}
.imgeLigneInfos img{ 
	 width:100%;
	 height:100%;
}
.libeleLgneInfos2{ 
	 display:inline-block;
	 font-size:13px;
	 font-family:tahoma;
	 line-height:18px;
	 padding:10px;
	 color:red;
}
.libeleLgneInfos{ 
	 display:inline-block;
	 font-size:13px;
	 font-family:tahoma;
	 line-height:18px;
	 padding:10px;
	 position:relative;
}
.libeleLgneInfos a{ 
	 color:blue;
}
.libeleLgneInfos a:hover{ 
	 text-decoration:underline;
}
.voirCV{
	 width:90%;
	 font-size:13px;
	 margin-top:10px;
	 text-align:right;
	 color:blue;
}
.voirCV a{
	 color:blue;
}
.voirCV a:hover{
	 text-decoration:underline;
}
.libeleLgneInfos1{
	 display:inline-block;
	 font-family:tahoma;
	 font-size:13px;
	 line-height:20px;
	 color:gray;
}
/* _________________________________________________________________________vente_______________________________________________________________________ */ 

#contenuCorpsVentes{
}
#contenuCorpsVentes{
	 width:90%;
	 margin-top:10px;
	 margin-left:5%;
	 display:inline-block;
}


.tedyvente{
	 width:30.5%;
	 background-color:white;
	 margin:1%;
	 display:inline-block;
	 position:relative;
	 overflow:hidden;
	 border-radius:5px;
	 border:solid 1px silver;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.tedyventeImage{
	 width:100%;
	 background-color:silver;
	 overflow:hidden;
	 border-bottom:solid 1px silver;
}
.tedyventeImage img{
	 width:100%;
	 min-height:180px;
	 max-height:220px;
}
.tedyventeInfos{
	padding:5px;
	 width:100%;
	 height:50px;
}
.tedyMarque{
     text-transform:uppercase;
	 font-size:15px;
	 color:gray;
}
.tedyMarqueType{
     text-transform:lowercase;
	 font-size:15px;
	 color:silver;
}
.tedyPrix{
	 font-size:20px;
	 font-weight:bold;
	 color:navy;
	 line-height:30px;
}
.contenuVentes{
	 width:29%;
	 display:inline-block;
	 height:300px;
	 border:solid 1px silver;
	 background-color:white;
	 margin:1.5%;
	 position:relative;
	 overflow:hidden;
	 border-radius:5px;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.imageVente{
	 overflow:hidden;
	 width:100%;
	 height:100%;
}
.imageVente img{
	 width:100%;
	 height:100%;
	 border-top-left-radius:5px;
	 border-top-right-radius:5px;
}
.infoVente{
	 height:50px;
	 width:96%;
	 margin:auto;
	 font-size:17px;
	 position:absolute;
	 bottom:0px;
	 z-index:2;
	 color:#EBF5FB;
	 padding:2%;
}
.boxvente1{
	 position:relative;
	 width:100%;
	 height:100%;
	 background:transparent;
}
.boxvente1::before{
	 content:'';
	 position:absolute;
	 height:100%;
	 width:100%;
	 background:rgba(0,0,0,.4);
	 z-index:-1;
}
.prixVente{
	 height:20px;
	 font-size:25px;
	 color:blue;
	 line-height:19pk;
	 padding:2px;
	 text-transform:capitalize;
	 overflow:hidden;
	 padding-bottom:5px;
	 
}
.descVente{
	 font-size:12px;
	 padding:5px;
	 padding-top:0px;
	 color:#1C2833;
}
.boxMarque{
	 text-transform:upercase;
	 font-size:14px;
	 padding:2px;
	 
}
.boxPrix{
	 font-size:18px;
	 font-weight:bold;
}

/* _________________________________________________________________________requettes_______________________________________________________________________ */ 

	#contenuconnection{}
	
	#generale_requettes{
		 width:100%;
		 height:100%;
		 border:solid 1px silver;
	     background-color:rgb(244, 246, 247);
	}
	#retoure_requettes{
		 width:30px;
		 height:30px;
		 position:absolute;
		 top:10px;
		 left:10px;
	}
	#sotir_requettes{
		 width:30px;
		 height:30px;
		 position:absolute;
		 top:10px;
		 right:20px;
	}
	#generaleRequettesContent{
		 width:500px;
		 height:80%;
	     background:white;
		 margin:auto;
		 margin-top:50px;
		 margin-bottom:200px;
		 border-radius:10px;
		 position:relative;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	}
	#titreRequettes{
		 margin:10px auto;
		 text-align:center;
		 font-weight:bold;
		 font-size:20px;
		 padding-top:100px;
	}
	#descriptionRequettes{
		 width:70%;
		 padding:10px;
		 font-size:12px;
		 line-height:17px;
		 color:silver;
		 margin:auto;
		 text-align:center
	}
	#contenueRequettes{
		 width:90%;
		 padding:20px;
		 font-size:12px;
		 color:silver;
		 margin:auto;
	}
	#contenueRequettes{
		 width:70%;
		 margin:auto;
	}
	.petiteSaisi3 input
	{
	 width:100%;
	 height:40px;
	 border:solid 1px silver;
	 border-radius:15px;
	 color:gray;
	 padding:7px;
	 font-size:15px;
	 margin-bottom:10px;
	 
	}
	.petiteSaisi3 input:focus
	{
	 box-shadow: 5px 5px 5px silver;
	 border:solid 1px blue;
	}
	.petiteSaisi3 select
	{
	 width:100%;
	 background-color:rgb(244, 246, 247);
	 height:40px;
	 border:solid 1px silver;
	 border-radius:15px;
	 color:gray;
	 padding:7px;
	 font-size:15px;
	 margin-bottom:10px;
	 
	}
	.petiteSaisi3 select:focus
	{
	 box-shadow: 5px 5px 5px silver;
	 border:solid 1px blue;
	}
	.petiteSaisi3 textarea
	{
	 width:100%;
	 height:100px;
	 border:solid 1px silver;
	 color:gray;
	 padding:7px;
	 font-size:15px;
	 
	}
	.petiteSaisi3 textarea:focus
	{
	 box-shadow: 5px 5px 5px silver;
	 border:solid 1px blue;
	}
	#attacheRequettes{
	 width:90%;
	 margin:auto;
	 position:absolute;
     bottom:0px;	 
	}
	
	
	
	
/* _________________________________________________________________________connection_______________________________________________________________________ */ 


	#contenuconnection
	{
		width:100%;
		min-height:100%;
		background:silver;
		padding:10px;
		border:solid;
	}
	#masque_res
	{
		display:none;
	}
	.box
	{
		 width:700px;
		 min-height:100%;
		 background:white;
		 text-align:center;
		 margin:auto;
		 border:solid 1px silver;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
		position:relative;
	}
	#retoureConnection
	{
		 width:40px;
		 height:40px;
		 margin-left:10px;
		 text-align:center;
		 color:blue;
		 font-size:50px;
		 float:left;
		 display:inline-block;
		 font-weight:bold;
	}
	#changePage
	{
		 position:absolute;
		 padding:5px 30px;
		 top:20px;
		 right:20px;
		 font-size:17px;
		 border-radius:30%;
		 border:solid 2px orange;
	}
	#changePage a
	{
		 color:navy;
		 font-weight:bold;
	}
	#explkPageProfile
	{
		 margin:auto;
		 margin-top:50px;
		 display:inline-block;
		 border:solid 1px silver;
		 font-size:100px;
		 padding:30px;
		 border-radius:50%;
	     background-color:rgb(244, 246, 247);
	}
	#explkPage
	{
		 padding-top:10px;
		 text-align:center;
		 color:black;
		 font-size:20px;
		 margin-bottom:30px;
		 font-family:cursive;
	}
	.box input[type="text"],.box input[type="password"]
	{
		 border:0;
		 background:none;
		 display:block;
		 margin:20px auto;
		 text-align:center;
		 border:2px solid blue;
		 padding:14px 10px;
		 width:250px;
		 outline:none;
		 border-radius:24px;
		 transition:0.25s;
	}
	.box input[type="text"]:focus,.box input[type="password"]:focus
	{
		 width:350px;
		 border-color:green;
	}
	.box input[type="submit"]
	{
		 background:navy;
		 padding:7px 50px;
		 font-size:17px;
		 border-radius:10px;
		 display:block;
		 margin:30px auto;
		 text-align:center;
		 outline:none;
		 color:white;
		 border-bottom:solid 3px silver;
		 border-left:solid 2px silver;
		 transition:0.25s;
		 cursor:pointer; 
		 font-weight:bold;
	}
	.box input[type="submit"]:hover
	{
		 border-bottom:solid 3px green;
		 border-left:solid 2px green;
	}
	#guide_conex
	{
		 text-align:center;
		 color:white;
		 font-size:13px;
		 margin:20px;
		 padding:3px;
		 margin:30px;
		 color:silver;
		 font-family:cursive;
	}
	#guide_conexRouge
	{
		 text-align:center;
		 color:white;
		 font-size:13px;
		 margin:20px;
		 padding:3px;
		 margin:30px;
		 color:red;
		 font-family:cursive;
	}
	#nomSitePied
	{
		 position:absolute;
		 bottom:5px;
		 left:5px;
		 text-align:left;
	}
	#logoSitez
	{
		 position:absolute;
		 bottom:5px;
		 right:5px;
	}

	 /* _________________________________________________________________________afficheNews_______________________________________________________________________ */ 
     #info_logo{
	}
	 #afficherContenu 
	{
		 width:70%;
		 min-height:700px;
		 position:absolute;
		 left:0px;
		 top:0px;
		 padding:0px;
		 border:solid 1px red;
	 }	 
	 #afficheContenucote 
	{
		 width:30%;
		 height:700px;
		 position:fixed;
		 right:0px;
		 top:0px;
		 border-left:solid 1px silver;
	 }
	.cotenuPubs{
		padding-top:20px;
		 width:50%;
		 min-height:100%;
		 margin:auto;
		 position:relative;
		 top:10px;
		 padding-bottom:100px;
		 padding-top:30px;
		 background-color:white;
		 border-radius: 50px;
		 padding:20px;
		 border:solid;
		 background:red;
	}
	.products-container{
		 width:100%;
	}
	.cotenuPrime{
		 width:880px;
		 min-height:100%;
		 position:relative;
		 margin:auto;
		 padding-bottom:100px;
		 background-color:white;
		 border-radius: 50px;
		 padding:20px;
	     box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	}
	.cotenuPubs2{
		 width:90%;
		 min-height:100%;
		 margin:auto;
		 position:relative;
		 top:10px;
		 background-color:white;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	}
	 
	 }
     #sac_ret
	{
		 margin-bottom:20px;
		 background-color:silver;
	 }
     #contgene_retoura
	{
	     width:5%;
		 font-size:18px;
		 font-weight:bold;
		 border:none;
		 color:black;
		 margin-bottom:3px;
		 margin-top:3px;
		 margin-left:1%;
		 border-radius:2px;
		 text-align:center;
		 text-decoration:none;
		 display:inline-block;
		 background-color:silver;
		 border-bottom:solid 1px black;
		 border-right:solid 1px black;
		 border-top:solid 1px white;
		 border-left:solid 1px white;
	 }
     #contgene_retoura:hover;
	{
		color:blue;
	 }
     #afficherType10
	{
		 height:50px;
		 text-align:center;
		 font-size:20px;
		 margin-top:30px;
		 color:navy;
	 }
     #contgene_nom
	{
	     width:85%;
		 font-size:20px;
		 color:navy;
		 margin-bottom:3px;
		 margin:30px;
		 border-radius:2px;
		 text-align:center;
		 text-decoration:none;
		 display:inline-block;
		 font-weight:bold;
	 }
	#contgeneral_seul
	{
		 margin:auto;
		 background-color:white;
	 }
     #contgeneral_sal
	{
	     width:90%;
		 margin:auto;
		 padding-top:30px;
		 background-color:white;
		 padding-bottom:50px;
	 }
	#manto_rido2
	{ 
	     width:100%;
		 height:30px;
		 margin:auto;
		 padding:2px;
		 border-bottom:solid 1px silver;
		 background-color:white;
		 position:relative;
	}
	#infosDates
	{ 
	     width:100%;
		 padding-right:100px;
		 text-align:right;
		 font-size:12px;
		 color:silver;
		 margin-bottom:50px;
	}
     #infosSites
	{
	     width:95%;
		 height:15px;
		 padding:0px;
		 margin:2px;
		 font-size:12px;
		 color:silver;
		 text-align:right;
	 }	 
     .focussinfosSite
	{
		 color:blue;
	 }	 
     #sacs_seul
	{
	     width:90%;
		 margin: 10px auto;
		 font-size:25px;
		 line-height:30px;
		 font-weight:bold;
	 }	 
     #image_seul
	{
	     width:60%;
		 margin: 5px auto;
		 font-size:25px;
		 font-weight:bold;
	 }	 
     #image_seul img
	{
	     width:100%;
	 }	 
     #titre_st
	{
	     width:90%;
		 margin:5px auto;
		 font-size:18px;
		 font-weight:bold;
		 line-height:17px;
	 }	 
     #enoncer
	{
	     width:90%;
		 margin:auto;
		 font-size:14px;
		 color:gray;
		 line-height:22px;
		 padding-bottom:15px;
	 }	 
     #enoncez
	{
	     width:90%;
		 margin:auto;
		 font-size:15px;
		 text-align:center;
		 padding-bottom:15px;
	 }	 
     #enoncer_soustitre
	{
	     width:90%;
		 margin:auto;
		 font-size:13px;
		 font-style:italic;
		 color:gray;
		 line-height:17px;
		 padding-bottom:15px;
	 }	 
     .descPartie
	{
		 font-size:30px;
		 text-align:center;
		 margin-top:100px;
		 margin-bottom:10px;
		 font-family:'Freehand';
		 color:navy;
		 text-shadow:2px 2px 2px silver;
	 }	 
     .content_similaireAleatoire
	{
	     width:80%;
		 min-height:400px;
		 margin:15px auto;
	 }	 
     .similaireAleatoire
	{
	     width:30%;
		 height:180px;
		 margin:1%;
		 border:solid 1px silver;
		 float:left;
		 display:inline-block;
		 border-radius:5px;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 }	
     .reactions_utilisateurs
	{
	     width:80%;
		 margin:auto;
		 min-height:100px;
		 padding-bottom:20px;
	 }	 
     .reactions_contenue
	{
	     width:80%;
		 margin:auto;
		 position:relative;
		 display:block;
		 padding-bottom:7px;

	 }	
     .reacteur_infos
	{
	     width:88%;
		 min-height:40px;
		 display:inline-block;
		 position:relative;
		 border:solid 1px silver;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 }	 
     .reacteur_image
	{
	     width:40px;
		 height:40px;
		 display:block;
		 border:solid 1px silver;
		 border-radius:50%;
		 display:inline-block;
		 position:absolute;
		 right:2px;
		 bottom:7px;
	 }	 
     .reacteur_image img
	{
	     width:100%;
		 height:100%;
		 border-radius:50%;
	 }	 
     .reacteur_infos_nom
	{
	     width:90%;
		 font-size:15px;
		 padding-left:10px;
		 padding-top:5px;
	 }	 
     .reacteur_infos_date
	{
	     width:95%;
		 font-size:10px;
		 color:silver;
		 padding-left:10px;
		 position:absolute;
		 bottom:3px;
		 right:10px;
	 }	 
     .reacteur_infos_reacction
	{
	     width:90%;
		 font-size:13px;
		 padding-left:10px;
		 padding-bottom:20px;
		 color:gray;
	 }	 
     .imageSimilaireAleatoire
	{
		 height:100px;
		 overflow:hidden;
		 border-top-right-radius:5px;
		 border-top-left-radius:5px;
		 border-bottom:solid 2px silver;
	 }	 
     .imageSimilaireAleatoire img
	{
	     width:100%;
		 min-height:100%;
	 }	 
     .rerenceSimilaireAleatoire
	{
		 position:relative;
	     width:100%;
		 min-height:100%;
	 }	 
     .titreSimilaireAleatoire
	{
		 height:55px;
		 overflow:hidden;
		 font-size:13px;
		 color:gray;
		 padding:3px;
		 line-height:17px;
	 }	 
     .infoLinesPieds
	{
		 font-size:9px;
		 color:silver;
		 text-align:center;
		 padding-top:2px;
		 font-family:cursive;
		 overflow:hidden;
	 }	
     #reactn_seul
	{
	     width:60%;
		 height:140px;
		 margin:auto;
		 position:relative;
	 }
     .formulaire textarea
	{
	     width:100%;
		 height:100px;
		 border:Solid 2px silver;
	 }	
     .formulaire input
	{
	     width:35%;
		 height:30px;
		 color:white;
		 font-weight:bold;
		 text-align:center;
		 display:inline-block;
		 background-color:blue;
		 position:absolute;
		 bottom:0px;
		 right:0px;
		 border:Solid 3px silver;
	 }	
     #sac_proprio
	{
	     width:800px;
		 height:23px;
		 padding-top:2px;
		 margin:auto;
		 background-color:black;
		 border-top:solid 1px green;
	 }
     #contgene_ret3
	{
	     width:31.5%;
		 height:18px;
		 font-size:15px;
		 font-weight:bold;
		 border:solid 1px black;
		 color:black;
		 text-align:center;
		 margin:2px;
		 display:inline-block;
		 background:linear-gradient(90deg,black,silver,silver,silver,black);
	 }
     #contgene_ret3 a
	{
		 text-decoration:none;
	 }
     #pied_pfinal
	{
		 margin: 15px auto;
		 font-size:13px;
		 padding-bottom:10px;
	 }	 
     #image_pied_pfinal
	{
		 margin-left:20%;
		 padding-bottom:10px;
		 float:left;
		 display:inline-block;
	 }	 
     #image_pied_pfinal img
	{
		width:15px;
		height:15px;
	 }	 

	
	/* _________________________________________________________________________AfficheDivertissement_______________________________________________________________________ */ 
	#manto_ridoVente
	{ 
	}
	#manto_rido
	{ 
	     width:90%;
		 height:45px;
		 margin:50px auto;
		 border-bottom:solid 1px navy;
		 border-left:solid 1px silver;
		 background-color:white;
		 border-radius:50px;
		 box-shadow:1px 1px 1px black;
		 position:relative;
	}
     #image_utiliz_rido
	{ 
	     width:45px;
		 height:98%;
		 float:left;
		 border-radius:25px;
	}
     #image_utiliz_rido img
	{ 
	     width:100%;
		 height:100%;
		 float:left;
		 border-radius:25px;
	}
     #infos__rido
	{ 
	     width:83%;
         float:left;
		 margin-top:7px;
 	}
     #infos_nom_rido
	{ 
	     width:100%;
		 height:35%;
		 text-align:center;
		 font-size:17px;
		 margin-top:8px;
 	}
     #infos_mail_rido
	{ 
	     width:100%;
		 height:30%;
		 text-align:center;
		 font-size:13px;
		 color:gray;
		 position:relative;
		 bottom:5px;
 	}
     #reactionlike_seuler
	{
		 position:absolute;
		 right:15px;
		 bottom:10px;
		 font-size:25px;
		 color:gray;
		 border-radius:25px;
	 }	 
     #reactionlike_seule
	{
		 position:absolute;
		 right:15px;
		 bottom:10px;
		 font-size:25px;
		 color:navy;
		 border-radius:25px;
	 }	 
     #enoncer2
	{
	     width:80%;
		 display:block;
		 margin:10px auto;
		 font-size:18px;
		 color:gray;
		 line-height:25px;
		 text-align:center;
	 }	 
  .content_similaireAleatoire2
	{
	     width:95%;
		 margin:auto;
		 min-height:500px;
		 display:block;
	 }	 
     .similaireAleatoire2
	{
	     width:30%;
		 height:230px;
		 margin:1%;
		 border:solid 1px silver;
		 float:left;
		 display:inline-block;
		 border-radius:5px;
		 position:relative;
		 padding-top:35px;
		 overflow: hidden;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 }	
     .imageSimilaireAleatoire2
	{
	     width:30px;
		 height:27px;
		 position:absolute;
		 right:2px;
		 top:2px;
		 border:solid 1px silver;
		 border-radius:50%;
	 }	 
     .imageSimilaireAleatoire2 img
	{
	     width:100%;
		 height:100%;
		 border-radius:50%;
	 }	 
     .imageSimilaireAleatoire22
	{
	     width:20px;
		 height:20px;
		 position:absolute;
		 left:2px;
		 bottom:2px;
		 border:solid 1px silver;
		 border-radius:50%;
	 }	 
     .imageSimilaireAleatoire22 img
	{
	     width:100%;
		 height:100%;
		 border-radius:50%;
	 }	
     .typrSimilaireAleatoire2
	{
	     width:80%;
		 margin:auto;
		 font-size:12px;
		 color:blue;
	 }	 
     .titreSimilaireAleatoire2
	{
	     width:90%;
		 height:150px;
		 margin:auto;
		 font-size:17px;
		 color:gray;
		 
	 }	 
     .nomSimilaireAleatoire2
	{
	     width:80%;
		 margin:7px auto;
		 font-size:12px;
		 color:silver;
		 text-align:right;
	 }	 
     .reactions_contenue
	{
	     width:80%;
		 margin:auto;
		 position:relative;
		 display:block;
		 padding-bottom:7px;
	 }		
	 
	 
	
     #wolofContenuAfficheDivertissement
	{
	     width:95%;
		 margin:auto;
		 margin-top:30px;
		 position:relative;
		 background-color:silver;
		 padding:0.5%;
	 }		
     #wolofAfficheDivertissementLike
	{
	     width:60px;
		 height:60px;
		 border-radius:50%;
		 position:relative;
	     background-color:rgb(244, 246, 247);
		 position:absolute;
		 top:5px;
		 right:2px;
		 border-bottom:solid 1px black;
		 border-left:solid 5px black;
		 font-size:50px;
		 padding:15px;
		 color:red;
		 cursor:pointer;
		 text-shadow:2px 2px 2px silver;
	 }		
     #wolofAfficheDivertissementLiker
	{
	     width:60px;
		 height:60px;
		 border-radius:50%;
		 position:relative;
	     background-color:rgb(244, 246, 247);
		 position:absolute;
		 top:5px;
		 right:2px;
		 border:solid 0px black;
		 font-size:50px;
		 padding:13px;
		 color:red;
	 }		
     #wolofAfficheDivertissementContnuDesc
	{
		 margin:auto;
		 background-color:white;
		 margin-top:30px;
		 padding:3%;
		 padding-bottom:100px;
		 position;relative;
	 }		
     #wolofAfficheDivertissementinfos
	{
		 border:solid 1px white;
		 height:40px;
	 }		
     #wolofAfficheDivertissementinfosImage
	{
		 width:40px;
		 height:40px;
		 border:solid 1px silver;
		 color:black;
		 border-radius:50%;
		 display:inline-block;
		 float:left;
		margin-right:5px;
	 }		
     #wolofAfficheDivertissementinfosImage img
	{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	 }		
     #wolofAfficheDivertissementinfosNom
	{
		font-size:16px;
		margin-top:5px;
	 }		
     #wolofAfficheDivertissementinfosDate
	{
		font-size:11px;
		color:silver;
	 }		
     #wolofAfficheDivertissementDesc
	{
		 width:90%;
		 font-size:20px;
		 margin:11 auto;
	 }		
     #wolofAfficheDivertissementType
	{
		 width:100px;
		 height:100px;
		 position:absolute;
		 right:5px;
		 bottom:5px;
	 }		
     #wolofAfficheDivertissementType img
	{
		 width:100%;
		 height:100%;
	 }		
	
	/* _________________________________________________________________________Modification_______________________________________________________________________ */ 

     #bando
	{
		 font-size:18px;
		 font-weight:bold;
		 text-align:center;
		 color:white;
		 margin-bottom:30px;
		 background:linear-gradient(90deg,white,black,white);
	 }	 
     #imageModif
	{
		 width:80%;
		 margin:10px auto;
		 border:solid 1px silver;
		 position:relative;
	 }	 
     #imageModif img
	{
		 width:100%;
	 }	 
     .lign_moduf_imageCouv
	{
		 width:99%;
		 height:400px;
		 margin-bottom:30px;
		 position:relative;
		 border: solid 1px silver;
	 }	 
     .lign_moduf_imageCouv img
	{
		 width:100%;
		 height:100%;
		 position:absolute;
		 top:0px;
		 border: solid 1px silver;
	 }	
     .moImageCouv
	{
		 width:50px;
		 height:50px;
		 font-size:25px;
		 padding:10px;
		 position:absolute;
		 right:10px;
		 bottom:10px;
		 color:navy;
		 border-radius:50%;
	     background-color:rgb(244, 246, 247);
		 border-bottom:solid 4px navy;
		 border-left:solid 4px navy;
	 }	 	 
     .lign_moduf_image
	{
		 width:200px;
		 height:200px;
		 margin:20px;
		 position:relative;
		 z-index:3;
	 }	 

     .lign_moduf_image img
	{
		width:90%;
		height:90%;
		border-radius:50%;
		border: solid 1px silver;
	    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
	 }	 
     .moImage
	{
		 width:50px;
		 height:50px;
		 font-size:25px;
		 padding:10px;
		 position:absolute;
		 right:20px;
		 bottom:30px;
		 color:navy;
		 border-radius:50%;
	     background-color:rgb(244, 246, 247);
		 border-bottom:solid 4px navy;
		 border-left:solid 4px navy;
	 }	 	 
     .moImage img
	{
		 width:100%;
		 height:100%;
	 }	 	 
     #contentLign_moduf 
	{
		 width:100%;
		 font-size:15px;
		 height:40px;
		 color:gray;
		 padding-top:5px;
		 position:relative;
		 border-bottom:solid 1px silver;
	 }	
     #contentLign_moduf:hover
	{
		 border-bottom:solid 2px blue;
	 }	 
     .focussModif 
	{
		font-weight:bold;
		color:black;
	 }	 
     #lign_moduf 
	{
		 margin-top:5px;
		 width:100%;
	 }	 
     #lign_moduf_gros
	{
		 padding-top:8px;
		 width:100%;
		 font-size:11px;
		 color:silver;
		 border-bottom:solid 1px silver;
	 }	 
     #ligne-modif-description
	{
		 width:100%;
		 position:relative;
		 font-weight:bold;
		 border-bottom:solid 1px silver;
		 margin-top:50px;
	 }	 
     #lign_modufImage 
	{
		 width:4%;
		 height:23px;
		 position:absolute;
		 right:0px;
		 top:10px;
		 background-color:white;
	 }	 
     #lign_modufImage img 
	{
		 width:100%;
		 height:100%;
	 }	 
     #caseModif 
	{
		 width:100%;
		 height:25px;
		 padding:5px;
		 background-color:silver;
		 display:inline-block;
		 border:solid 1px red;
	 }	 
     #caseModifGros 
	{
		 width:100%;
		 padding:5px;
		 background-color:silver;
		 border:solid 1px red;
	 }	 
     #modificationdirect 
	{
		 width:100%;
		 color:red;
		 font-size:12px;
		 margin-bottom:10px;
	 }	 
     #nom_entre_modifer 
	{
		 display:inline-block;
		 float:left;
		 height:25px;
		 color:red;
		 font-weight:bold;
		 padding-top:2px;
	 }	 
     #nom_input_modifer 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:50%;
		 margin-left:10px;
	 }	 
     #nom_input_modifer input 
	{
		 width:100%;
		 height:100%;
		 color:silver;
		 font-size:12px;
	 }	 
     #nom_input_modifer select 
	{
		 width:100%;
		 height:100%;
	 }	 
     #datejour_modif 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:15%;
		 margin-left:10px;
	 }	 
     #datejour_modif select 
	{
		 width:100%;
		 height:100%;
	 }	 
     #datemois_modif 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:30%;
		 margin-left:3px;
	 }	 
     #datemois_modif select 
	{
		 width:100%;
		 height:100%;
	 }	 
     #dateanne_modif 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:15%;
		 margin-left:3px;
	 }	 
     #dateanne_modif select 
	{
		 width:100%;
		 height:100%;
	 }	 
	 
     #mere_nom_modifer 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:30%;
		 margin-left:10px;
	 }	 
     #mere_nom_modifer input 
	{
		 width:100%;
		 height:100%;
	 }	 
	 
     #mere_prenom_modifer 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:40%;
		 margin-left:10px;
	 }	 
     #mere_prenom_modifer input 
	{
		 width:100%;
		 height:100%;
	 }	 
     #select_decroption_modif 
	{
		 margin:auto;
		 width:80%;
		 height:150px;
	 }	 
     #select_decroption_modif textarea
	{
		 width:100%;
		 height:100%;
		 font-size:14px;
	 }	 
	 
     #grd_poste_modifer 
	{
		 margin:auto;
		 width:80%;
		 height:30px;
		 margin-top:5px;
	 }	 
     #grd_poste_modifer input
	{
		 width:100%;
		 height:100%;
		 background-color:blue;
		 font-size:17px;
		 color:white;
		 font-weight:bold;
	 }	 
	 
     #bouto_entre_modifer 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 margin-left:10px;
	 }	 
     #bouto_entre_modifer input 
	{
		 width:100%;
		 height:100%;
		 background-color:blue;
		 color:white;
		 font-weight:bold;
	 }	 
     #bando_tranchette 
	{
		margin-top:20px;
		color:silver;
		font-size:11px;
	 }	 
     #bando_tranchette 
	{
		margin-top:20px;
		color:silver;
		font-size:11px;
	 }	 
     #decroption_modifCorp 
	{
		 font-size:20px;
		 font-weight:bold;
	 }	 
     #decroption_modif2 
	{
		 font-size:15px;
		 line-height:18px;
		 margin-top:10px;
		 width:100%;
		 color:gray;
	 }	 
     #lign_moduf-interval 
	{
		 width:100%;
		height:50px;
	 }	 

	 /* _________________________________________________________________________afficheEntreprise_______________________________________________________________________ */ 
     #info_logo_entre 
	{
		 position:relative;
		 margin-bottom:10px;
	 }	


     #moullaentrepriseContenteAfiche 
	{
		 width:100%;
		 height:560px;
		 position:relative;
	 }	
     #moullaentrepriseImageCouverture 
	{
		 width:100%;
		 height:300px;
		 border:solid 1px silver;
	 }	
     #moullaentrepriseImageCouverture img  
	{
		 width:100%;
		 height:100%;
	 }	
     #moullaentrepriseImagelogo 
	{
		 width:300px;
		 height:300px;
		 position:absolute;
		 top:100px;
		 right:20px;
		 border-radius:50%;
		 border-bottom:solid 1px silver;
		 z-index:9;
	 }	
     #moullaentrepriseImagelogo img  
	{
		 width:100%;
		 height:100%;
		 border-radius:50%;
		 border:solid 5px white;
	 }	
     #moullaentrepriseContenteInfoSigle  
	{
		font-size:40px;
		color:navy;
		margin-left:20px;
		margin-top:20px;
		font-weight:bold;
		text-transform:uppercase;
	 }	
     #moullaentrepriseContenteInfoNom  
	{
		font-size:15px;
		color:gray;
		margin-left:23px;
		margin-bottom:30px;
		position:relative;
		bottom:7px;
		text-transform:capitalize;
	 }	
     #moullaentrepriseContenteInfoSlogan  
	{
		font-size:15px;
		color:black;
		font-family:cursive;
		margin-top:10px;
		margin-left:123px;
	 }	
     #moullaentrepriseContenteInfoDesc  
	{
		font-size:15px;
		line-height:20px;
		color:gray;
		margin:30px;
	 }	
     #moullaentrepriseContenteInfoPied  
	{
		 color:silver;
		 margin-left:120px;
		 
	 }	
	 

     .infoPiedGauche  
	{
		 display:inline-block;
		 font-size:11px;
	 }	
     .infoPiedGauche a 
	{
		 color:blue;
	 }	
     .infoPiedGauchecolor  
	{
		 color:black;
		 margin-left:5px;
		 text-shadow:1px 1px 1px gray;
	 }	
     .infoPiedGauchecolor2  
	{
		 color:navy;
		 font-size:8px;
		 margin-left:5px;
		 position:relative;
		 font-weight:bold;
	 }	
     .infoPiedGaucheAffiche  
	{
		  color:gray;
	 }	
	 
     #tof_logo 
	{
		 width:70px;
		 height:70px;
		 border:solid 2px silver;
		 position:absolute;
		 right:10px;
		 top:60px;
		 border-radius:50%;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 }	 
     #tof_logo img 
	{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	 }	
     #logo_tip 
	{
		 padding-top:5px;
		 font-size:30px;
		 font-weight:bold;
	 }	 
     #info_logo_tip 
	{
		 position:relative;
		 bottom:5px;
		 left:3px;
		 margin-bottom:5px;
		 font-size:11px;
		 color:silver;
	 }	 
     #info_logo 
	{
		margin:20px;
		
	 }	 
     #infoTete 
	{
	 }	 
     #infoTete img
	{
		 width:45px;
		 height:45px;
		 border:solid 1px silver;
		 border-radius:50px;
		 float:left;
		 margin:2px;
	 }	 
     #info_sup3  
	{
		 position:relative;
		 left:14px;
		 bottom:5px;
		 color:black;
	 }	 
     #info_sup3 a  
	{
		 color:blue;
	 }	 
     #info_sup3 img 
	{
		 width:15px;
		 height:15px;
	 }	 
     .content_similaireAleatoireAE
	{
		 width:600px;
		 height:400px;
		 padding-top:20px;
		 margin:auto;
	 }	 
     .contentEntrepriz
	{
		 width:140px;
		 height:140px;
		 margin-top:15px;
		 margin-left:5%;
		 display:inline-block;
	 }	 
     .contentEntrepriz_image
	{
		 width:80%;
		 height:110px;
		 margin:auto;
		 border-radius:50%;
		 border:solid 1px silver;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 }	 
     .contentEntrepriz_image img
	{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	 }	 
     .contentEntrepriz_non
	{
		 height:17px;
		 margin-top:10px;
		 text-align:center;
		 font-size:15px;
		 color:gray;
	 }	 

	/* _________________________________________________________________________AfficheEmploi_______________________________________________________________________ */ 
     #content_similaire_emploi 
	{
	 }	
	 
     #harounecontente 
	{
		width:100%;
		margin-top:50px;
	 }	
     #harouneImage 
	{
		width:150px;
		height:150px;
		border-radius:50%;
		margin:auto;
		border:solid 1px silver;
	 }	
     #harouneImage img
	{
		width:100%;
		height:100%;
		border-radius:50%;
	 }	
     #harouneSigle 
	{
		margin-top:10px;
		width:100%;
		font-size:30px;
		color:navy;
		font-weight:bold;
		text-align:center;
		 text-transform:uppercase;
	 }	
     #harouneNom 
	{
		width:100%;
		font-size:12px;
		color:gray;
		text-align:center;
		line-height:10px;
		 text-transform:capitalize;
	 }	
	.linesPieds1{
		 width:80%;
		 height:1px;
		 margin:30px auto;
		 background:linear-gradient(90deg,white,black,black,white);
	}
     #harouneNomEmploi
	{
		width:100%;
		font-size:20px;
		text-align:center;
		padding:5px;
		padding-bottom:15px;
		color:navy;
		font-weight:bold;
	 }	
     #harouneNomEmploiDesc
	{
		 width:70%;
		 margin:auto;
		 color:gray;
		 font-size:14px;
		 line-height:20px;
	 }	
     #harouneNomEmploiTitre
	{
		 width:70%;
		 margin:auto;
		 font-size:11px;
		 line-height:15px;
		 padding-top:20px;
		 font-weight:bold;
	 }	










	 
     #titre_pi 
	{
		 width:80%;
		 height:40px;
	 }	 
     #titre_pi img
	{
		 width:100%;
		 height:100%;
	 }	 
     #content_similaire_aleatoire 
	{
		 width:650px;
		 margin:auto;
	 }	 
     .content_similaire_emploi
	{
		 width:27%;
		 height:230px;
		 padding:10px;
		 position:relative;
		 display:inline-table;
		 overflow:hidden;
		 margin:1%;
		 border:solid 1px silver;
		 border-radius:5px;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 }	 
     .content_similaire_emploi2
	{
		 width:27%;
		 height:250px;
		 padding:10px;
		 position:relative;
		 display:inline-table;
		 overflow:hidden;
		 margin:1%;
		 border:solid 1px silver;
		 border-radius:5px;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 }
     .content_similaire_emploi2Image
	{
		 width:100%;
		 height:100px;
		 border:solid 1px silver;
	 }
     .content_similaire_emploi2Image img
	{
		 width:100%;
		 height:100%;
	 }
     .content_similaire_emploi2Desc
	{
		 width:100%;
		 font-size:13px;
		 color:gray;
	 }
     .strongEpace
	{
		 font-size:14px;
		font-weight:bold;
		color:gray;
		margin-top:10px;
		margin-bottom:5px;
		
	 }
	 
     .content_similaire_emploi_poste
	{
		 height:16px;
		 font-size:14px;
		 font-weight:bold;
		 margin-top:5px;
		 margin-bottom:3px;
		 margin-bottom:5px;
	 }	 
     .content_similaire_emploi_desc
	{
		 font-size:14px;
		 margin-top:10px;
		 line-height:18px;
		 color:gray;
	 }	 
     .content_similaire_entrepris
	{
		 position:absolute;
		 bottom:3px;
		 left:3px;
		 
	 }	 
     .entrepris_image
	{
		 width:25px;
		 height:25px;
		 
		 border:solid 1px silver;
		 border-radius:50%;
		 float:left;
	 }	 
     .entrepris_image img
	{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	 }	 
     .entrepris_nom
	{
		 font-size:15px;
		 color:navy;
		 display:inline-block;
		 margin-top:10px;
		 margin-left:5px;
		 text-transform:uppercase;
		 font-weight:bold;
		 position:relative;
		 bottom:3px;
		 
	}	
     .titre_pize
	{
		 font-size:11px;
		 color:silver;
		 margin-left:10px;
		 margin-top:15px;
		 border-bottom: solid 1px silver;
	}	 



	/* _________________________________________________________________________Modification_______________________________________________________________________ */ 


     #decroption 
	{
		 margin-left:10px;
		 width:95%;
		 margin:auto;
		 font-size:17px;
		 color:#566573;
	 }	 
     #titre_piz 
	{
		 width:80%;
		 height:50px;
		 margin-top:20px;
		 margin-left:5px;
	 }	 
     #titre_piz img 
	{
		 width:100%;
		 height:100%;
	 }	 
     #posteRechercher 
	{
		 width:98%;
		 background:linear-gradient(90deg,white,black,white);
		 padding:2px;
		 color:white;
		 font-size:16px;
		 font-weight:bold;
		 margin-top:15px;
		 text-align:center;
		 text-transform:capitalize;
	 }	 
     #detailleEntreprise 
	{
		 position:relative;
		 bottom:9px;
		 font-size:17px;
	 }	 
     #imageProd 
	{
		 width:50%;
		 border:solid 1px silver;
		 margin: 30px auto;
	 }	 
     #imageProd img
	{
		 width:100%;
	 }	 



	/* _________________________________________________________________________Bureau_______________________________________________________________________ */ 


	 #element_protect 
	{
	 }	 
	.conteneChoix_bureau {
		width:95%;
		margin:auto;
		margin-top:50px;
		margin-bottom:50px;
	}
	.contenuHome {
		width:90%;
		height:60px;
		background-color:white;
		border:solid 1px silver;
		display:block;
		position:relative;
		margin: 10px auto;
		box-shadow: 3px  3px  3px  silver;
		border-radius:31px;
	}
	.contenuHome:hover {
		border:solid 1px green;
	}
	.contenuHome a {
		color:black;
	}
	.numberhome {
		 width:12%;
		 height:100%;
		 display:block;
		 border:solid 1px red;
		 border-radius:30px;
		float:left;
		display:inline-block;
	}
	.numberhome img {
		 width:100%;
		 height:100%;
		 border-radius:30px;
	}
	.infoHome {
		width:72%;
		height:100%;
		display:inline-block;
	}
	.nomHome {
		height:50%;
		font-size:18px;
		line-height:40px;
		text-align:center;
	}
	.enoncerHome {
		font-size:13px;
		text-align:center;
		color:silver;
	}
	.imagehomePub {
		width:70px;
		height:100%;
		border-left:solid 1px silver;
		position:absolute;
		right:0px;
		top:0px;
		font-size:30px;
		color:#000080;
		border-radius:70px;
		text-align:center;
		padding-top:10px;
		text-shadow: 2px  2px  2px silver;
	}
	.imagehome {
		width:15%;
		height:100%;
		border-left:solid 2px silver;
		position:absolute;
		right:0px;
		top:0px;
		border-radius:30px;
	}
	.imagehome img {
		width:100%;
		height:100%;
		 border-radius:30px;
	}
	.contenuCorpsHome2 {
		width:80%;
		min-height:70%;
		background-color:white;
		border:solid 2px silver;
		display:block;
		position:relative;
		margin: 10px auto;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	}
	.choixune {
		width:80%;
		height:170px;
		background-color:white;
		border:solid 1px silver;
		margin: 10px auto;
		border-radius:5px;
		padding:2px;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	}
	.choixuneImage {
		width:60%;
		height:167px;
		border:solid 1px silver;
		float:left;
		display:block;
		border-radius:5px;
	}
	.choixuneImage img {
		 width:100%;
		 height:100%;
		 border-radius:5px;
	}
	.choixunetableau {
		width:35%;
		height:167px;
		float:left;
		display:block;
		margin-left:2%;
	}
	.choixunetableauNom {
		width:100%;
		height:80px;
		border:solid 1px silver;
		font-size:25px;
		text-align:center;
		padding-top:40px;
		margin-bottom:5px;
	}
	.choixunetableauboutton {
		width:45%;
		height:30px;
		border:solid 1px silver;
		border-bottom:solid 2px black;
		border-left:solid 2px black;
		text-align:center;
		margin:3px;
		background-color:blue;
		float:left;
		display:block;
		border-radius:5px;
		color:white;
		font-weight:bold;
	}
	.choixuneValide {
		width:80%;
		height:200px;
		background-color:white;
		border:solid 1px silver;
		margin: 10px auto;
		border-radius:5px;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	}	
	.choixuneImageValide {
		width:100%;
		height:100%;
		float:left;
		display:block;
		border-radius:5px;
		position:relative;
	}
	.choixuneImageValide img {
		 width:100%;
		 height:100%;
		 border-radius:5px;
	}
	.choixunetableauValideTitre {
		position:absolute;
		bottom:5px;
		left:5px;
		padding:5px;
		font-size:17px;
	}
	.choixunetableauValide {
		position:absolute;
		bottom:5px;
		right:5px;
		border:solid silver;
		padding:5px;
		border-radius:2px;
		background-color:blue;
	}
	.choixutilValide {
		 width:70%;
		 height:50px;
		 margin:5px auto;
		 border-radius:3px;
		 border:solid 1px silver;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
	}
	.choixContentUtil {
		 width:100%;
		 height:100%;
		 position:relative;
	}
	.choixContentUtil_photo {
		 width:60px;
		 height:100%;
		 display:inline-block;
		 float:left;
	}
	.choixContentUtil_photo img {
		 width:100%;
		 height:100%;
		 border-radius:3px;
	}
	.choixContentUtil_ifos {
		 width:70%;
		 height:100%;
		 display:inline-block;
		 float:left;
		 margin-left:4px;
	}
	.choixContentUtil_ifosPrim {
		font-size:17px;
		margin-top:5px;
	}
	.choixContentUtil_ifosSecond {
		font-size:13px;
		color:silver;
	}
	.choixContentUtil_ifosTers {
		 width:40px;
		 height:40px;
		 position:absolute;
		 top:5px;
		 right:5px;
		 border:solid 1px silver;
		 border-radius:50%;
	}
	.choixContentUtil_ifosTers img{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	}
	.cotenuGeneral_pubValid{
		 width:100%;
		 height:100vh;
		border:solid 1px silver;
		background-color:white;
	}
	.cotenuValid{
		 width:50%;
		 height:70%;
		 margin: 5% auto;
		 position:relative;
		 border:solid 1px silver;
		 border-radius:5px;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	}
	.cotenuValidPhoto{
		 width:200px;
		 height:250px;
		 border:solid 1px silver;
		 margin: 20px auto;
		 border-radius:50%;
	}
	.cotenuValidPhoto img{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	}
	.cotenuValidetail{
		 width:70%;
		 margin:auto;
		 text-align:center;
	}
	.cotenuValidetail_rajoutImage{
		 width:70%;
		 font-size:15px;
		 margin:200px auto;
		 text-align:center;
	}
	.cotenuBoutonValidEmploi{
		 width:350px;
		 height:50px;
		 position:absolute;
		 bottom:25px;
		 right:20px;
	}
	.BoutonValidEmploi{
		 width:100px;
		 height:30px;
		 border:solid 1px silver;
		 display:inline-block;
		 float:left;
		 border-bottom:solid 2px black;
		 border-left: solid 2px black;
		 background-color:blue;
		 border-radius:5px;
		 margin-left:60px;
		 font-weight:bold;
		 text-align:center;
		 color:white;
		 line-height:30px;
	}
	.contenteChoixEditer{
		 width:80%;
		 display:inline-block;
		 margin:auto;
		 margin-left:10%;
	}
	.contenteChoixEditer2{
		 width:80%;
		 display:inline-block;
		 margin:auto;
		 margin-left:10%;
		 background-color:silver;
	}
	.choixEditer{
		 width:28%;
		 height:250px;
		 display:inline-block;
		 float:left;
		 margin-left:4%;
		 margin-bottom:5px;
		 position:relative;
	}
	.choixEditer a{
		 background-color:white;
	}
	.choixEditerInfos{
		 width:90%;
		 height:200px;
		 margin-top:40px;
		 border:solid 1px silver;
		 margin-left:9%;
		 border-radius:2px;
		 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
	}
	.choixEditerInfosImage{
		 width:100%;
		 height:50%;
		 border-bottom:solid 1px silver;
		 position:relative;
		 object-fit: cover;
		 float: left;
		 shape-outside: margin-box;
		 margin: 0 20px 5px 0;
	}
	.choixEditerInfosImage img{
		 width:100%;
		 height:100%;
	}
	.choixEditerInfosType{
		 font-weight:bold;
		 font-size:17px;
		 position:absolute;
		 bottom:2px;
		 right:7px;
		 color:navy;
		 text-shadow:2px 2px 2px white;
	}
	.choixEditerInfosTitre{
		 width:90%;
		 padding:3px;
		 font-weight:bold;
		 font-size:15px;
		 margin:auto;
	}
	.choixEditerInfoslibelle{
		 width:90%;
		 height:35%;
		 padding:3px;
		 font-size:12px;
		 margin:auto;
	}
	.choixEditerInfoslibelle2{
		 width:90%;
		 padding:3px;
		 font-size:12px;
		 color:gray;
		 margin:auto;
	}
	.choixEditerInfoslibelle{
		 width:90%;
		 height:30%;
		 font-size:12px;
		 border-bottom:solid 1px silver;
		 margin:auto;
		 overflow: hidden;
	}
	.choixEditerInfosNom{
		 width:60%;
		 height:10%;
		 font-size:12px;
		 display:inline-block;
		 float:left;
		 margin-top:2%;
		 margin-left:5%;
		 color:silver;
		 overflow: hidden;
	}
	.choixEditerInfosdDate{
		 width:30%;
		 height:10%;
		 font-size:12px;
		 display:inline-block;
		 float:left;
		 margin-top:2%;
		 text-align:right;
		 color:silver;
		 overflow: hidden;
	}
	.choixEditerInfosprofil{
		 width:50px;
		 height:50px;
		 border:solid 1px silver;
		 position:absolute;
		 top:20px;
		 left:10px;
		 border-radius:50%;
	}
	.choixEditerInfosprofil img{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	}
		.choixConsultarticleInfosdVue{
		 width:25%;
		 height:10%;
		 font-size:10px;
		 display:inline-block;
		 float:left;
		 margin-top:2%;
		 margin-left:2%;
		 color:silver;
		 overflow: hidden;
		 margin-top:5px
	}
		.choixConsultarticleInfosdVue2{
		 width:80%;
		 height:10%;
		 font-size:13px;
		 margin-top:2%;
		 margin-left:2%;
		 color:orange;
		 overflow: hidden;
		 margin-top:5px;
		 text-align:right;
	}
	.choixConsultarticleInfosdReaction{
		 width:45%;
		 height:10%;
		 font-size:10px;
		 display:inline-block;
		 float:left;
		 text-align:center;
		 margin-top:2%;
		 color:silver;
		 overflow: hidden;
		 margin-top:5px
	}
	.choixConsultarticleInfosdDate{
		 width:24%;
		 height:10%;
		 font-size:10px;
		 display:inline-block;
		 float:left;
		 margin-top:2%;
		 text-align:right;
		 color:silver;
		 overflow: hidden;
		 margin-top:5px
	}
	
	
	/* _________________________________________________________________________afficheProduit_______________________________________________________________________ */ 

     #grandContenubookAfficheVente 
	{
		 width:90%;
		 display:inline-block;
		 margin-left:5%;
	 }	
     #bookAfficheVente 
	{
		 width:90%;
		 height:450px;
		 margin:50px auto;
		 position:relative;
	 }	
     #bookAfficheVenteGauche 
	{
		 width:38%;
		 height:91%;
	     background-color:white;
		 position:absolute;
		 padding:10px;
		 top:2%;
		 left:2%;
		 border:solid 1px silver;
	     background-color:rgb(244, 246, 247);
	 }	
     #contenubookAfficheVenteGauche 
	{
		 width:100%;
		 height:100%;
		 
		 border:solid 1px silver;
	 }	
	 
     #bookAfficheVenteGaucheImage
	{
		 width:100%;
		 height:85%;
		 border-radius:3px;
	 }	
     #bookAfficheVenteGaucheImage img
	{
		 width:100%;
		 height:100%;
		 border-radius:3px;
	 }	
     #ccontenubookAfficheVenteGaucheOptions 
	{
		 width:100%;
		 height:13%;
		 margin:3%;
	 }	
     #ccontenubookAfficheVenteGaucheOptions img 
	{
		 width:18%;
		 height:90%;
		 display:inline-block;
		 margin-left:3%;
		 border:solid 1px silver;
	 }	
     #bookAfficheVenteDroite 
	{
		 width:54%;
		 float:right;
		 height:96%;
		 position:absolute;
		 top:2%;
		 right:2%;
		 border:solid 1px silver;
	 }	
     #bookAfficheVenteDroiteBoutik 
	{
		 width:95%;
		 padding:5px;
		 height:60px;
	 }	
     #bookAfficheVenteDroiteBoutikLogo 
	{
		 width:40px;
		 height:40px;
		 margin:3px;
		 border-radius:50%;
		 float:left;
		 
	 }	
     #bookAfficheVenteDroiteBoutikLogo img 
	{
		 width:100%;
		 height:100%;
		 border-radius:50%;
		 
	 }	
     #bookAfficheVenteDroiteBoutikInfos 
	{
		 float:left;
		 position:relative;
		 top:10px;
	 }	
     #bookAfficheVenteDroiteBoutikInfosNom 
	{
		 height:15px;
		 font-size:13px;
		 font-weight:bold;
		 color:black;
	 }	
     #bookAfficheVenteDroiteBoutikInfosllocation 
	{
		 height:15px;
		 font-size:10px;
		 color:silver;
	 }	
     #bookAfficheVenteDroiteBoutikInfosContenu 
	{
		 width:80%;
		 margin:15px auto;
		 padding:1%;
		 border:solid 1px silver;
	 }	
     #bookAfficheVenteDroiteBoutiMarque 
	{
		 width:80%;
		 border-bottom:solid 1px silver;
		 margin:auto;
		 text-align:center;
		 font-size:13px;
		 color:black;
	 }	
     #bookAfficheVenteDroiteBoutikinfosProduit 
	{
		 width:100%;
		 margin:auto;
		 text-align:center;
		 padding-top:3px;
		 font-weight:bold;
		 font-size:20px;
		 text-transform:capitalize;
		 color:navy;
	 }	
     .focussColorPrise 
	{
		 color:Orange;
	 }	
     #bookAfficheVenteDroiteBoutikinfosProduitDesc 
	{
		 width:90%;
		 height:200px;
		 padding-top:20px;
		 font-size:13px;
		 line-height:17px;
		 color:silver;
		 display:block;
		 text-align:center;
		 margin:auto;
		 overflow:hidden;
	 }	
     #bookAfficheVentPied 
	{
		 width:100%;
		 margin-top:10px;
		 position:relative;
	 }	
     #bookAfficheVenteDroiteBoutikinfosProduitBouton 
	{
		 width:200px;
		 font-size:15px;
		 background:navy;
		 text-align:center;
		 color: white;
		 padding:5px;
		 font-weight:bold;
		 border-radius:10px;
		 border-left:solid	2px silver;
		 border-bottom:solid 2px silver;
	 }	
     #bookAfficheVenteDroiteBoutikinfosProduitTelephone 
	{
		 position:absolute;
		 bottom:1%;
		 right:1%;
		 font-size:13px;
	 }	


     #contenuAleatoirevente 
	{
		 width:650px;
		 margin:20px auto;
		
	 }	
     .contenuAleatoireventeUnite 
	{
		 width:22%;
		 height:210px;
		 margin:1%;
		 display:inline-block;
	 }	
     .contenuAleatoireventeUniteimage 
	{
		 width:100%;
		 height:85%;
		 border:solid 1px silver;
		 border-top-left-radius:50%;
		 border-bottom-right-radius:50%;
		 position:relative;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
	 }	
     .contenuAleatoireventeUniteimage img 
	{ 
		 width:100%;
		 height:100%;
		 border-top-left-radius:50%;
		 border-bottom-right-radius:50%;
	 }	
     .contenuAleatoireventeUniteimageprise 
	{
		 width:60%;
		 height:25%;
		 border:solid 1px white;
		 border-top-right-radius:50%;
		 position:absolute;
		 bottom:0px;
		 z-index:2;
	 }	
	.boxvente11{
		 position:relative;
		 width:100%;
		 height:100%;
		 background:transparent;
		 
	}
	
	.boxvente11::before{
		 content:'';
		 position:absolute;
		 height:100%;
		 width:100%;
		 background:rgba(0,0,0,.4);
		 z-index:-1;
		 border-top-right-radius:50%;
	}
	.boxMarqueFoulous{
		 font-size:17px;
	     color:rgb(244, 246, 247);
		 padding:2px;
		 font-weight:bold;
	}
	.boxPrixFoulous{
		 font-size:15px;
	     color:rgb(244, 246, 247);
	}
	
     .contenuAleatoireventeUniteinfos 
	{
		 width:100%;
		 text-align:center;
		 color:black;
		 font-size:15px;
	 	 font-weight:bold;
		 padding-top:5%;
		 color:gray;
	 }








































































@media screen and (max-width: 991px) 
{

contenuContente{
	
	
}

	.cotenuPrime{
		 width:100%;
		 min-height:100%;
		 padding-bottom:100px;
		 border-radius: 0px;
		 padding:5px;
	     box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	}



	#manu_teste 
	{
		 display:none;
	 }	 
	#manu_teste2
	{
		 height:50px;
		 width:100%;
		 position:fixed;
		 bottom:0px;
		 z-index:9;
		 display:flex;
		 justify-content: space-between;
		 align-items: center;
	     background-color:rgb(244, 246, 247);
	 }	 
	#manu_coverteste2
	{
		 height:100%;
		 width:90%;
		 margin:auto;
		 display:flex;
		 justify-content: space-between;
		 align-items: center;
	 }	 
	.trancheMenu
	{
		 font-size:13px;
		 color:#000080;
	 }	 
	.manuTranche1
	{
		 font-size:25px;
		 color:navy;
	 }	 
	.manuTranche2
	{
		 font-size:25px;
		 color:gray;
	 }	 
	 
	 
	 #content_teste 
	{
		 width:100%;
		 position:static;
		 padding-bottom:100px;
	 }	 
	 #aLaUne 
	{
		 height:200px;
		 width:90%;
	 }	 


#contenuGeneral{
	 width:100%;
	 border-left:solid 0px;
	 border-right:solid 0px;
}
#enteteGeneral{
	 margin-bottom:15px;
}
#entete{
	 height:50px;
	 position:relative;
	 background:linear-gradient(90deg,black,green,black );
}
#enteteProfile{
}
#enteteProfile:hover{
}
#enteteProfile img{
}
#enteteInfo{
	 display:inline-block;
	 width:670px;
	 height:47;
}
#nomSite{
	 font-size:20px;
}
#nomUtilisateur{
     position:relative;
	 bottom:3px;
	 font-size:14px;
}
#enteteLOgo{
}
#enteteLOgo:hover{
}
#enteteLOgo img{
}
#menuGeneral {
	 padding:10px;
	 padding-top:15px;
	 background:linear-gradient(180deg,black,white,white,white,white,white,white,white,white,white,white);
}
.menuUnite1,.menuUnite2,.menuUnite3,.menuUnite4,.menuUnite5,.menuUnite6,
.menuUnite11,.menuUnite22,.menuUnite33,.menuUnite44,.menuUnite55,.menuUnite66 {
	height:27px;
}
.menuUnite1 img,.menuUnite2 img,.menuUnite3 img,.menuUnite4 img,.menuUnite5 img,.menuUnite6 img,
.menuUnite11 img,.menuUnite22 img,.menuUnite33 img,.menuUnite44 img,.menuUnite55 img,.menuUnite66 img {
	
}
.menuUnite1:hover,.menuUnite2:hover,.menuUnite3:hover,.menuUnite4:hover,.menuUnite5:hover,.menuUnite6:hover {
}
#sousMenu {
}
#contenuSousMenu {
	 height:13px;
	 padding-bottom:2px;
}
.sousMenuUnit {
	 font-size:13px;
}
.sousMenuUnit a{
}

.diapoHome {
	 width:98%;
	 height:400px;
	 margin:10px auto;
}
.elementHome {
	 height:370px;
}
.elementHomeProfile  {
	 width:130px;
	 height:150px;
	 position:absolute;
	 right:50px;
	 bottom:0px;
}
.elementHomeInfos  {
	 height:30px;
	 position:absolute;
	 right:185px;
	 font-size:25px;
}
.elementHomeInfosModif  {
	 height:30px;
	 font-size:20px;
}

.diapo {
	 height:350px;
}


/* _________________________________________________________________________gnakryfe2_______________________________________________________________________ */ 

#elementHomeInfosModif{
	 display:inline-block;
}
.contenuGnakry{
	 width:30%;
	 display:inline-block;
	 height:210px;
	 background-color:none;
	 margin-left:2%;
	 margin-bottom:12px;
	 overflow:hidden;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 border:solid 1px silver;
	 background-color:white;
}
.imageGnakry{
	 height:110px;
	 overflow:hidden;
	 border-bottom:solid 2px silver;
}
.imageGnakry img{
	 width:100%;
	 min-height:100%;
}
.infositeGnakry{
	 height:15px;
	 font-size:12px;
	 margin-top:4px;
	 display:inline-block;
	 float:left;
	 border-left:solid 3px black;
	 font-family:cursive;
	 text-transform:capitalize;
	 line-height:15px;
	 padding-left:2px;
	 color:silver;
}
.descGnakry{
	 font-size:11px;
	 font-family:tahoma;
}
.linesPieds{
	 width:100%;
	 height:1px;
	 background:linear-gradient(90deg,white,black,black,white);
}
.piedGnakry{
	 font-size:12px;
	 height:14px;
	 width:32%;
	 padding-top:2px;
	 float:left;
	 display:inline-block;
	 text-align:center;
}

/* _________________________________________________________________________divertissement_______________________________________________________________________ */ 

#contenuCorpsDivertissement{
	 width:100%;
	 margin-left:0%;
}
.contenuDivertissement{
	
	 width:31%;
	 height:280px;
}
.imageDivertissement{
	z-index:3;
}
.infosDivertissement{
	 width:90%;
	 height:40px;
	 font-size:15
	 padding-left:3px;
}
.nomDivertissement{
	 font-size:15px;
	 position:relative;
	 top:8px;
	 font-weight:bold;
}
.dateDivertissement{
	 height:15px;
	 font-size:10px;
	 color:silver;
}
.enocerDivertissement{
	 padding:10px;
	 font-size:17px;
	 height:202px;
}
.reactionDivertissement{
	 width:90%;
	 height:20px;
	 position:absolute;
	 bottom:0px;
	 padding-top:3px;
	 margin-left:5%;
	 border-top:solid 1px silver;
}
.reactionLike,.reactionVue,.reactionCommente{
	 height:15px;
	 display:inline-block;
	 font-size:17px;
}
.reactionLike{
	 margin-left:5%;
}
.reactionCommente{
	 margin-left:15%;
}
.reactionVue{
	 margin-left:15%;
}
.reactionImage{
	 height:15px;
	 display:inline-block;
	 width:15px;
}
.reactionImage img{
	 height:100%;
	 width:100%;
}

/* _________________________________________________________________________Emploi_______________________________________________________________________ */ 

.contenuCorpsEmploi {
	 
}
.contenuEmploi {
	 height:400px;
	 width:47%;
}
.infoEmploi {
	 overflow:hidden;
	 width:75%;
	
}
.nomEmploi {
	 height:17px;
}
.enoncerEmploi {
	 font-size:23px;
}

/* _________________________________________________________________________Entreprise_______________________________________________________________________ */ 

.contenuEntreprise {
	 height:120px;
	 width:90%;
}
.nomEntreprise {
	 font-size:18px;
}
.ennonceEntreprise {
	 font-size:16px;
	 padding:0px;
}



/* _________________________________________________________________________Publication_______________________________________________________________________ */ 

.cotenuGeneral_pub{
	 width:100%;
	 min-height:100%;
}
.cotenuPubs{
	 width:94%;
}
.cotenuPubs2{
	 width:94%;
}
.uniteChoix_ajtPub{
	 width:29%;
	 height:230px;
	 margin:1.5%;
}

/* _________________________________________________________________________AfficheNews_______________________________________________________________________ */ 
     #reactionlike_seuler
	{
	 }
	 #afficherContenu 
	{
		 width:100%;
		 min-height:700px;
	 }	 
	 #afficheContenucote 
	{
		 display:none;
	 }	 
     #sac_ret
	{
	     width:100%;
	 }
	#contgeneral_seul
	{
	     width:100%;
		 padding:0px;
	 }
	#contgeneral_sal
	{
		 padding:0px;
		 padding-top:30px;
	 }
	#sac_proprio
	{
	     width:100%;
	 }
	 /* _________________________________________________________________________afficheEntreprise_______________________________________________________________________ */ 
     #info_logo_entre 
	{
		 position:relative;
		 margin-bottom:10px;
	 }	 
     #tof_logo 
	{
		 width:70px;
		 height:70px;
		 border:solid 2px silver;
		 position:absolute;
		 right:10px;
		 border-radius:50%;
	 }	 
     #tof_logo img 
	{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	 }	 
     #info_logo 
	{
	 }	 
     #info_sup3  
	{
		 position:relative;
		 bottom:5px;
	 }	 
     #info_sup3 a  
	{
		 color:blue;
	 }	 
     #info_sup3 img 
	{
		 width:15px;
		 height:15px;
	 }	 
     .contentEntrepriz_image
	{
		 width:80%;
		 height:100px;
		 margin:auto;
		 border-radius:50%;
		 border:solid 1px silver;
	 }	 
     .contentEntrepriz_image img
	{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	 }	 
     .contentEntrepriz_non
	{
		 height:17px;
		 margin-top:5px;
		 text-align:center;
		 font-size:15px;
	 }	 
	 
	/* _________________________________________________________________________AfficheEmploi_______________________________________________________________________ */ 
     #content_similaire_aleatoire 
	{
		 width:600px;
		 
	 }	 
     .content_similaire_emploi_poste
	{
		 height:14px;
		 font-size:15px;
	 }	 
     .content_similaire_emploi_desc
	{
		 font-size:13px;
		 line-height:17px;
		 margin-top:10px;
	 }	 
     .content_similaire_entrepris
	{
		 bottom:2px;
		 left:2px;
		 
	 }	 
     .entrepris_image
	{
		 width:22px;
		 height:22px;
	 }	 
     .entrepris_nom
	{
		 font-size:13px;
		 color:blue;
		 display:inline-block;
		 margin-top:8px;
		 margin-left:3px;
		 
	}	 

	/* _________________________________________________________________________connection_______________________________________________________________________ */ 
	 
	.box
	{
		 width:90%;
	}
	 
	/* _________________________________________________________________________infos_______________________________________________________________________ */ 
	 
	.cotenuGeneral_infos
	{
		 width:100%;
		 border:0px;
		 position:absolute;
		 top:0px;
	}
	
	/* _________________________________________________________________________home_______________________________________________________________________ */ 


     #contenuAleatoirevente 
	{
		 width:600px;
		 margin:20px auto;
		
	 }	

	/* _________________________________________________________________________home_______________________________________________________________________ */ 
	
#contenuCorpsHome1 {
	width:94%;
	margin-left:5%;
}
.contenuHome1 {
	width:30%;
	height:300px;
	margin:1%;
	padding-top:3px;
}
.imagehome1 {
	 width:40px;
	 height:40px;
	 font-size:35px;
	 margin:15px auto;
}
.contenuEpliqueHome {
	 height:135px;
}
.epliqueHome {
	 font-size:13px;
}
.infoHome1 {
	 width:70%;
	 height:30px;
	 margin:30px auto;
	 border-radius:20%;
	 font-size:15px;
}




	 
}














































@media screen and (max-width: 700px) 
{
	.wolofAfficheDivertissementContnuDesc{
	}
	
	.contenuDivertissement2{
	 width:90%;
	 font-size:18px;
	}
	.contenuEmploi{
	 width:100%;
	 height:250px;
	 margin:7px auto;
	}
	.contenuEmploi{
	 font-size:15px;
	}
	
.diapoHome {
	 height:300px;
	 margin:10px auto;
}
.elementHome {
	 height:270px;
}
.elementHomeProfile  {
	 width:120px;
	 height:140px;
}
.elementHomeInfos  {
	 height:25px;
	 font-size:20px;
}
.elementHomeInfosModif  {
	 height:30px;
	 font-size:20px;
}
.trancheMenuPub1 {
	 font-size:12px;
}
.trancheMenuPub {
	 font-size:12px;
}

	/* _________________________________________________________________________emploi/entreprise_______________________________________________________________________ */ 


.moullaentrepriseContente {
	 width:29%;
	 height:280px;
	 padding:0.5%;
}
.moullaentrepriseContenteInfoNom 
{
	 width:95%;
	 margin:2%;
	 font-size:16px;
	 height:18px;
	 margin-top:30px;
	 margin-bottom:2px;
}
.moullaentrepriseContenteInfoDesc 
{
	 font-size:11px;
	 height:96px;
	 text-align:center;
	 padding:5px;
	 margin:2px;
}
.moullaentrepriseContenteImageLogo {
	 width:50px;
	 height:50px;
	 border:solid 3px white;
	 bottom:60px;
	 left:35%;
}
.moullaentrepriseContenteImageCouverture {
	 width:90%;
	 height:80px;
	 bottom:3%;
	 left:5%;
}


	
	 /* _________________________________________________________________________afficheEntreprise_______________________________________________________________________ */ 
     #info_logo_entre 
	{
	 }	


     #moullaentrepriseContenteAfiche 
	{
		 height:430px;
	 }	
     #moullaentrepriseImageCouverture 
	{
		 height:220px;
	 }	
     #moullaentrepriseContenteInfoSigle  
	{
		font-size:30px;
	 }	
     #moullaentrepriseContenteInfoNom  
	{
		font-size:14px;
		margin-bottom:20px;
		bottom:7px;
	 }	
     #moullaentrepriseContenteInfoSlogan 
	{
		 margin-left:103px;
		 
	 }	
     #moullaentrepriseImagelogo 
	{
		 width:200px;
		 height:200px;
		 top:80px;
		 right:20px;
	 }	
     #moullaentrepriseContenteInfoPied  
	{
		 color:silver;
		 margin-left:100px;
		 
	 }	
	
	/* _________________________________________________________________________home_______________________________________________________________________ */ 
	
	#contenuCorpsHome1 {
		width:94%;
		margin-left:5%;
	}
	.contenuHome1 {
		width:45%;
		height:300px;
		margin:1%;
		padding-top:3px;
		
	}
	.imagehome1 {
		 width:40px;
		 height:40px;
		 font-size:35px;
		 margin:15px auto;
	}
	.contenuEpliqueHome {
		 height:135px;
	}
	.epliqueHome {
		 width:80%;
	}
	.infoHome1 {
		 width:70%;
		 height:30px;
		 margin:30px auto;
		 border-radius:20%;
		 font-size:15px;
	}
		

		.contenuHome {
			width:100%;
		}
	.infosInfosTitreCadre{ 
		 padding-top:20px;
		 font-size:15px;
	}
	#contgeneral_sal{ 
		 width:100%;
	}
	.content_similaireAleatoire2{ 
		 width:90%;
	}
	#decroption{ 
		 width:90%;
		 margin:auto;
	}
	.titreSimilaireAleatoire2{ 
		 font-size:15px;
	}
	.contenuDivertissement{ 
		 width:43%;
		 margin:3%;
	}
	
	
#contenuPakistan{
	 width:49%;
}
	
	
	.contenuVentes {
		 width:30.5%;
		 height:220px;
		 margin:1%;
	}
	#content_similaire_aleatoire {
		 width:90%;
	}
	.content_similaire_emploi {
		 width:42%;
	}
	
     #harouneImage 
	{
		width:100px;
		height:100px;
		border-radius:50%;
		margin:auto;
		border:solid 1px silver;
	 }	
     #harouneSigle 
	{
		font-size:25px;
		 width:90%;
		 margin:auto;
	 }	
     #harouneNom 
	{
		font-size:11px;
	 }	
     #harouneNomEmploi
	{
		font-size:18px;
	 }	
     #harouneNomEmploiDesc
	{
		 width:85%;
	 }	
     #harouneNomEmploiTitre
	{
		 width:85%;
		 margin:auto;
		 font-size:11px;
		 line-height:15px;
		 padding-top:20px;
	 }	
	
	
	
	
	.imagee_pubs {
	}
	
	
     #grandContenubookAfficheVente 
	{
		 width:98%;
		 display:inline-block;
		 margin-left:1%;
	 }	
     #bookAfficheVente 
	{
		 width:99%;
		 height:700px;
		 margin:50px auto;
		 border:solid 0px navy;
		 border-bottom:solid 0px navy;
		 border-left:solid 0px navy;
	 }	
     #bookAfficheVenteGauche 
	{
		 width:98%;
		 height:60%;
		 padding:0px;
		 top:0%;
		 left:1%;
		 background-color:white;
		 border:solid 0px silver;
	 }	
     #regulateurImage 
	{
		 width:300px;
		 height:96%;
		 margin: 5px auto;
	 }	
     #contenubookAfficheVenteGauche 
	{
		 width:100%;
		 height:100%;
	 }	
	 
     #bookAfficheVenteGaucheImage
	{
		 width:100%;
		 height:83%;
		 border-radius:3px;
		 border:solid 1px silver;
	 }	
     #ccontenubookAfficheVenteGaucheOptions 
	{
		 width:100%;
		 height:15%;
		 margin-top:2%;
	 }	
     #ccontenubookAfficheVenteGaucheOptions img 
	{
		 width:21%;
		 height:100%;
		 margin-left:1%;
	 }	
     #bookAfficheVenteDroite 
	{
		 width:98%;
		 height:38%;
		 top:61%;
		 right:1%;
		 border:solid 1px silver;
	 }	
     #bookAfficheVenteDroiteBoutik 
	{
		 width:95%;
		 padding:5px;
		 height:40px;
	 }	
     #bookAfficheVenteDroiteBoutikLogo 
	{
		 margin:3px;
	 }	
     #bookAfficheVenteDroiteBoutikInfos 
	{
		 top:10px;
	 }	
     #bookAfficheVenteDroiteBoutikInfosNom 
	{
		 height:15px;
		 font-size:13px;
	 }	
     #bookAfficheVenteDroiteBoutikInfosllocation 
	{
		 height:15px;
		 font-size:10px;
	 }	
     #bookAfficheVenteDroiteBoutikInfosContenu 
	{
		 width:80%;
		 margin:15px auto;
		 padding:1%;
	 }	
     #bookAfficheVenteDroiteBoutiMarque 
	{
		 font-size:12px;
	 }	
     #bookAfficheVenteDroiteBoutikinfosProduit 
	{
		 width:100%;
		 font-size:16px;
		 margin:auto;
		 padding-top:1px;
	 }	
     .focussColorPrise 
	{
		 color:Orange;
	 }	
     #bookAfficheVenteDroiteBoutikinfosProduitDesc 
	{
		 width:90%;
		 height:88px;
		 padding-top:10px;
		 font-size:11px;
		 line-height:17px;
		 color:silver;
		 display:block;
	 }	
     #bookAfficheVentPied 
	{
		 width:100%;
		 margin-top:5px;
	 }	
     #bookAfficheVenteDroiteBoutikinfosProduitBouton 
	{
		 width:150px;
		 font-size:13px;
	 }	
     #bookAfficheVenteDroiteBoutikinfosProduitTelephone 
	{
		 bottom:1%;
		 right:1%;
		 font-size:12px;
	 }	








     #contenuAleatoirevente 
	{
		 width:98%;
		 margin:15px auto;
		
	 }	
     .contenuAleatoireventeUnite 
	{
		 width:29%;
		 height:210px;
		 margin:1%;
		 display:inline-block;
	 }	
     .contenuAleatoireventeUniteimage 
	{
		 width:100%;
		 height:85%;
		 border:solid 1px silver;
		 border-top-left-radius:50%;
		 border-bottom-right-radius:50%;
		 position:relative;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
	 }	
     .contenuAleatoireventeUniteimage img 
	{ 
		 width:100%;
		 height:100%;
		 border-top-left-radius:50%;
		 border-bottom-right-radius:50%;
	 }	
     .contenuAleatoireventeUniteimageprise 
	{
		 width:60%;
		 height:25%;
		 border:solid 1px white;
		 border-top-right-radius:50%;
		 position:absolute;
		 bottom:0px;
		 z-index:2;
	 }	
	.boxvente11{
		 position:relative;
		 width:100%;
		 height:100%;
		 background:transparent;
		 
	}
	
	.boxvente11::before{
		 content:'';
		 position:absolute;
		 height:100%;
		 width:100%;
		 background:rgba(0,0,0,.4);
		 z-index:-1;
		 border-top-right-radius:50%;
	}
	.boxMarqueFoulous{
		 font-size:17px;
	     color:rgb(244, 246, 247);
		 padding:2px;
		 font-weight:bold;
	}
	.boxPrixFoulous{
		 font-size:15px;
	     color:rgb(244, 246, 247);
	}
	
     .contenuAleatoireventeUniteinfos 
	{
		 width:100%;
		 text-align:center;
		 color:black;
		 font-size:15px;
	 	 font-weight:bold;
		 padding-top:5%;
		 color:gray;
	 }
     .bandouz 
	{
		 width:430px;
		 height:250px;
	 }
	 
	 
.contentRahul{
	 width:47%;
	 height:320px;
	 margin:1.5%;
}
.rahulInfos{
	 margin-bottom:10px;
}
.rahulInfosImage{
	 width:50px;
	 height:50px;
}
.rahulInfosInfos{
	 height:50px;
	 top:15px;
	 line-height:20px;
}
.rahulInfosInfosSigle{
	font-size:20px;
}
.rahulInfosInfosNom{
	 font-size:11px;
	 line-height:13px;
	 margin-left:3px;
}
.piedSilver{
	 width:90%;
	 margin:auto;
}
.rahulDescEmploi{
	font-size:15px;
}
.rahulDescEmploiDesc{
	font-size:12px;
	line-height:16px;
}
.reactionEmploi {
	 width:92%;
	 bottom:5px;
	 margin-left:4%;
}
.likeEmploi1 {
	 width:44%;
}
.likeEmploi3 {
	 width:53%;
}
	 
	 
	 

.quiSommesNous {
	 width:90%;
	 color:navy;
	 font-size:25px;
	 font-weight:bold;
	 margin-bottom:10px;
}
.piedEntreprise {
	 padding:40px;
}
.piedEntrepriseGauche {
	 width:100%;
}
.piedEntrepriseSigle {
	 font-size:30px;
}
.piedEntrepriseSigne {
	 width:40px;
	 height:40px;
	 position:absolute;
	 left:3px;
	 top:1px;
	 font-size:25px;
	 padding:5px;
}
.piedEntrepriseDroite {
	 width:100%;
	 display:block;
	 float:none;
	 margin-left:0%;
	 margin-top:50px;
}
.piedEntrepriseMessageGnakrybook {
	 width:130px;
	 height:150px;
	 margin-left:5%;
	 background-color:white;
	 border-radius:50%;
	 margin: auto;
}
.piedEntrepriseMessageGnakrybook img{
	 width:100%;
	 height:100%;
	 border-radius:50%;
}
.piedEntrepriseAdministrateur {
	 width:100%;
	 font-size:25px;
	 font-weight:bold;
	 text-align:center;
	 margin-bottom:20px;
	
}
.piedEntrepriseAdministrateurNom {
	 width:100%;
	 font-size:15px;
	 text-align:center;
	 margin-top:15px;
}
.piedEntrepriseMotDeFin {
	 width:100%;
	 font-size:15px;
	 font-style:italic;
	 text-align:center;
	 margin-top:100px;
	
}





.tedyvente{
	 width:47%;
}
.ribrikGnakry{
	 font-size:12px;
	
}
.descGnakry{
	 height:45px;
	
}
     #contentLign_moduf 
	{
		 width:95%;
		 margin:auto;
		 height:30px;
	 }	 
     #decroption_modif2 
	{
		 width:95%;
		 margin:auto;
	 }	 















}







































































@media screen and (max-width: 500px) 
{


contentboutonAjouthee{
}



#generale_teste{
	border:solid 0px silver;
}
#content_teste{
	width:100%;
}
#enteteGeneral{
	 margin-bottom:15px;
}
#entete{
	 height:40px;
	 position:relative;
}
#enteteProfile{
	 width:50px;
	 height:40px;
	 border-radius:3px;
}
#enteteProfile:hover{
}
#enteteProfile img{
}
#enteteInfo{
	 display:inline-block;
	 width:70%;
	 height:40;
}
#nomSite{
	 font-size:18px;
}
#nomUtilisateur{
     position:relative;
	 bottom:3px;
	 font-size:13px;
}
#enteteLOgo{
	 width:50px;
	 height:38px;
}
#enteteLOgo:hover{
}
#enteteLOgo img{
}
#menuGeneral {
	 padding:0px;
	 padding-top:13px;
	 background:linear-gradient(180deg,black,white,white,white,white,white,white,white,white,white,white);
}
.menuUnite1,.menuUnite2,.menuUnite3,.menuUnite4,.menuUnite5,.menuUnite6,
.menuUnite11,.menuUnite22,.menuUnite33,.menuUnite44,.menuUnite55,.menuUnite66 {
	height:25px;
	flex:auto;
	width:7%;
	margin-left:6%;
}
#menuGeneral {
	ppadd-bottom:5px;
}
#sousMenu {
	height:11px;
	background:black;
	padding:1px;
	
}
#contenuSousMenu {
	 width:100%;
	 height:100%;
	 line-height:7px;
	 
}
.sousMenuUnit {
	 font-size:9px;
	 width:23%;
}
.sousMenuUnit a{
}

#contentEplikMenu {
	 border-left:solid 5px red;
	 margin-bottom:10px;
	 margin-top:30px;
	 padding-left:2px;
	 margin-left:5px;
	
	}
#eplikMenuu {
	 font-size:40px;
	 line-height:30px;
	}
	
.diapo {
	 height:250px;
}

.diapoHome {
	 width:100%;
	 height:245px;
	 margin:10px auto;
     position: relative;
     overflow: hidden;
}
.elementHome {
	 width:100%;
	 height:220px;
	 border:solid 1px silver;
}
.elementHome img {
	 width:100%;
	 height:100%;
}
.elementHomeProfile  {
	 width:75px;
	 height:90px;
	 right:40px;
	 bottom:0px;
	 border:solid 2px silver;
}
.elementHomeInfos  {
	 height:17px;
	 right:132px;
	 font-size:14px;
}
.elementHomeInfosModif  {
	 height:20px;
	 right:3px;
	 font-size:16px;
}
.manu_coverteste2 {
}
.manuTranche1  {
	 font-size:20px;
}
.manuTranche2  {
	 font-size:20px;
}
.trancheMenu  {
	 font-size:12px;
}
#contenuContente  {
	 width:98%;
}
.box1_titre{
	 padding:10px;
	 font-size:15px;
}
.box1_type{
	 padding:10px;
	 font-size:13px;
}




/* _________________________________________________________________________gnakryfe2_______________________________________________________________________ */ 

#ribrikGnakry{
}
.contenuGnakry{
	 width:47%;
	 margin-left:1.5%;
	 height:190px;
}
.imageGnakry{
	 height:100px;
	 height:95px;
	 overflow:hidden;
	 border-bottom:solid 2px silver;
}
.imageGnakry img{
	 width:100%;
	 min-height:100%;
}
.infositeGnakry{
	 width:95%;
	 height:12px;
	 font-size:10px;
	 position:relative;
	 bottom:4px;
	 margin-top:0px;
	 display:inline-block;
	 float:left;
	 border-left:solid 0px black;
	 font-family:cursive;
	 text-transform:capitalize;
	 padding-left:2px;
	 color:silver;
}
.descGnakry{
	 height:45px;
	 font-size:11px;
	 line-height:15px;
	 font-family:tahoma;
	 padding:3px;
	 padding-top:2px;
	 overflow:hidden;
	 margin-left:3px;
}
.linesPieds{
	 width:100%;
	 height:1px;
	 background:linear-gradient(90deg,white,black,black,white);
}
.piedGnakryDate{
	 font-size:10px;
}


/* _________________________________________________________________________divertissement2_______________________________________________________________________ */ 
#contenDivertType{
}
.contenuDivertissement2{
	 width:95%;
	 padding-bottom:10px;
}
.contenDivertUtilisateur2{
	 height:50px;
	 overflow:hidden;
}
.contenEnoncer2{
	 height:185px;
}
.contenDivertType{
	 font-size:12px;
}
.contenDivertEnonce2{
	 font-size:18px;
	 padding:3px;
	 height:140px;
}
.contenDivertImageType{
	 width:50px;
	 height:50px;
	 bottom:3px;
	 right:3px;
	 box-shadow:1px 1px 1px black;

}
.contenDivertImageType img{
	 width:100%;
	 height:100%;
}
.contenDivertUtilisateur_reaction{
	 width:70%;
	 position:absolute;
	 bottom:3px;
}
.contenDivertUtilisateur{
	 width:95%;
	 height:35px;
	 position:absolute;
	 top:3px;
	 left:3px;
	 z-index:5;
}
.contenDivertUtilisateurInfo{
	 width:80%;
	 height:30px;
	 float:left;
	 display:inline-block;
	 padding-top:5px;
}
.contenDivertNom{
	 width:100%;
	 height:15px;
	 font-size:15px;
}
.contenDivertDate{
	 width:100%;
	 height:12px;
	 font-size:11px;
	 color:silver;
	 line-height:8px;
	 position:relative;
	 top:5px;
}
.linePieds{
	 width:100%;
	 height:1px;
	 background:linear-gradient(90deg,white,black,black,white);
}
.piedGnakry{
	 font-size:12px;
	 height:14px;
	 width:33%;
	 padding-top:2px;
	 float:left;
	 display:inline-block;
	 color:silver;
	 text-align:center;
}
.contenuReactionGna{
	 width:100%;
	 margin-top:5px;
	 display:inline-block;
}


/* _________________________________________________________________________Emploi_______________________________________________________________________ */ 

.contenuCorpsEmploi {
	 
}
.contenuEmploi {
	 height:200px;
	 border:solid 1px silver;
	 width:98%;
	 margin:7px auto;
	 padding:2px;
}
.imageEmploi {
	 width:40px;
	 height:30px;
}
.infoEmploi {
	 height:30px;
}
.sigleEmploi {
	 height:22px;
	 font-size:22px;
	 position:relative;
	 bottom:3px;
}
.definitionEmploi {
	 height:12px;
	 font-size:11px;
	 bottom:7px;
}
.nomEmploi {
	 height:15px;
	 font-size:13px;
}
.enoncerEmploi {
	 font-size:15px;
	 height:105px;
	 padding:3px;
	 overflow:hidden;
}
.reactionEmploi {
	 width:94%;
	 height:25px;
	 bottom:0px;
}
#contenuCorpsDivertissement{
	 width:100%;
	 margin-left:0%;
	 display:inline-block;
}




.contentRahul{
	 width:90%;
	 height:350px;
	 display:inline-block;
	 float:left;
	 position:relative;
	 background-color:white;
	 margin-left:5%;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 overflow:hidden;
}
.rahulInfos{
	 display:inline-block;
	 width:100%;
	 margin-bottom:10px;
}
.rahulInfosImage{
	 width:50px;
	 height:50px;
	 display:inline-block;
	 float:left;
	 margin:2%;
	 border-radius:50%;
}
.rahulInfosImage img{
	 width:100%;
	 height:100%;
	 border-radius:50%;
	 border:solid 1px silver;
}
.rahulInfosInfos{
	 height:50px;
	 display:inline-block;
	 float:left;
	 position:relative;
	 top:15px;
	 line-height:20px;
}
.rahulInfosInfosSigle{
	font-size:20px;
	color:navy;
	font-weight:bold;
	 font-family:sans-serif;
}
.rahulInfosInfosNom{
	 font-size:11px;
	 line-height:14px;
	 margin-left:2px;
	 color:gray;
}
.piedSilver{
	 height:1px;
	 width:100%;
	 background-color:white;
	 background:linear-gradient(90deg,white,black,white);
}
.rahulDesc{
	 padding:8%;
	 text-align:center;
}
.rahulDescEmploi{
	color:navy;
	font-size:15px;
	font-weight:bold;
	padding:5px;
}
.rahulDescEmploiDesc{
	color:gray;
	font-size:13px;
	line-height:17px;
}
.reactionEmploi {
	 width:90%;
	 height:30px;
	 position:absolute;
	 bottom:10px;
	 margin-left:5%;
}
.likeEmploi1 {
	 width:44%;
	 height:100%;
	 display:inline-block;
	 font-size:10px;
	 color:silver;
	 padding-top:7px;
}
.likeEmploi3 {
	 width:54%;
	 height:100%;
	 display:inline-block;
	 font-size:10px;
	 text-align:right;
	 padding-top:7px;
	 color:silver;
}





.contenuDivertissement{
	 width:46%;
	 margin:2%;
	 height:250px;
	 border-top-right-radius:18px;
	 margin-bottom:5px;
}




#contenuPakistan{
	 width:49%;
	 height:270px;
	 float:left;
	 display:inline-block;
	 position:relative;
}
#pakistancontenu{
	 width:92%;
	 height:92%;
	 margin:6%;
	 background-color:white;
	 border:solid 1px silver;
	 position:relative;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
#pakistanImage{
	 width:60px;
	 height:60px;
	 border-radius:50%;
	 position:absolute;
	 top:1px;
	 left:1px;
	 z-index:2;
	 background-color:white;
	 border-left:solid 1px silver;
	 border-top:solid 1px silver;
	 
}
#pakistanNom{
	 width:90%;
	 margin-top:50px;
	 font-size:15px;
}
#pakistanPrenom{
	 width:92%;
	 height:15px;
	 margin-bottom:20px;
	 font-size:15px;
}
#pakistanProfession{
	 margin-bottom:2px;
	 font-size:12px;
}
#pakistanProfile{
	 font-size:11px;
	 line-height:14px;
}
#pakistanDegre{
	 bottom:10px;
	 right:10px;
	 font-size:10px;
}





.imageDivertissement{
	 width:30px;
	 height:30px;
	 top:1px;
	 border:solid 2px silver;
}
.infosDivertissement{
	 width:80%;
	 height:32px;
	 padding-left:3px;
}
.nomDivertissement{
	 height:17px;
	 font-size:14px;
	 position:relative;
	 top:4px;
}
.dateDivertissement{
	 height:15px;
	 font-size:10px;
	 line-height:15px;
	 color:silver;
}
.typeDivertissement{
	 height:14px;
	 bottom:2px;
	 font-size:11px;
	 color:white;
}
.enocerDivertissement{
	 padding:5px;
	 height:173px;
	 font-size:14px;
	 
}
/* _________________________________________________________________________Entreprise_______________________________________________________________________ */ 

.contenuEntreprise {
	 height:150px;
	 width:90%;
	 padding:3px;
	 padding-top:45px;
	 border-top-right-radius:24px;
	 display:block;
	 margin:10px auto;
	 position:relative;
	 border:solid 2px silver;
	 background-color:white;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.imageEntreprise {
	 top:2px;
	 right:2px;
}
.infoEntreprise {
	 top:1px;
	 width:80%;
	 height:32px;
	 right:44px;
}
.sigleEntreprise {
	 line-height:17px;
	 position:relative;
	 top:5px;
	 height:23px;
	 font-size:16px;
}
.definitioninfoEntreprise {
	 height:10px;
	 font-size:11px;
	 bottom:4px;
}
.ligneEntreprise {
	 position:relative;
	 bottom:3px;
	 height:2px;
	 background:linear-gradient(90deg,black,white);
}
.nomEntreprise {
	 font-size:18px;
}
.ennonceEntreprise {
	 font-size:16px;
}
.imageReactionEmploi {
	 height:13px;
}
/* _________________________________________________________________________Home_______________________________________________________________________ */ 


#contenuCorpsHome1 {
	width:100%;
	margin-left:0%;
}
.contenuHome1 {
	width:46%;
	height:250px;
	margin:1%;
}
.imagehome1 {
	 width:25px;
	 height:25px;
	 font-size:30px;
	 margin:15px auto;
}

	.contenuEpliqueHome {
		 height:145px;
		 
	}
	.epliqueHome {
		 width:80%;
		 font-size:11px;
	}
.infoHome1 {
	 width:90%;
	 font-size:13px;
	 font-weight:bold;
	 margin:5px auto;
}






.imagehomePub {
}
.contenuHome {
	width:95%;
	height:45px;
	background-color:white;
	border:solid 1px silver;
	margin: 7px auto;
	border-radius:31px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.contenuHome a {
	color:black;
}
.numberhome {
	 width:11%;
	 height:100%;
	 border:solid 1px silver;
	 border-radius:32px;
}
.numberhome img {
	 width:100%;
	 height:100%;
	 border-radius:32px;
}
.infoHome {
	width:72%;
	height:100%;
	display:inline-block;
}
.nomHome {
	height:50%;
	font-size:15px;
	line-height:30px;
	text-align:center;
}
.enoncerHome {
	font-size:11px;
	text-align:center;
	color:silver;
	padding-top:5px;
	position:relative;
	bottom:4px;
}
.imagehome {
	width:15%;
	height:100%;
	border-left:solid 2px silver;
	position:absolute;
	right:0px;
	top:0px;
	border-radius:30px;
}
.imagehome img {
	width:100%;
	height:100%;
	 border-radius:30px;
}
.contenuCorpsHome2 {
	width:80%;
	min-height:70%;
	background-color:white;
	border:solid 2px silver;
	display:block;
	position:relative;
	margin: 10px auto;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}

.imagehomePub {
	width:50px;
	font-size:20
}
	

/* _________________________________________________________________________Publication_______________________________________________________________________ */ 

.imagee_pubs{
}
.cotenuGeneral_pub{
	 width:100%;
	 min-height:100%;
	 border:solid 0px;
}
.cotenuPubs{
	 width:98%;
	 margin-top:0px;
}
.cotenuPubs2{
	 width:98%;
	 margin-top:0px;
}
.entete_pubs{
	 height:25px;
	 background-color:#3D2B1F;
	 background-color:silver;
	 color:white;
}
.imagee_pubs{
	 height:230px;
	 width:100%;
}
.titre_pubsInfoss{
	 padding:5px;
	 font-size:22px;
}
.titre_pubsInfossImage{
	 width:35px;
	 height:35px;
}
.retoure_pubs{
	 width:25px;
	 height:25px;
	 font-size:20px;
	 top:5px;
	 left:5px;
}
.retoure_pubs_droite{
	 width:25px;
	 height:25px;
	 font-size:20px;
	 top:5px;
	 right:5px;
}
.titre_pubs{
	 font-size:25px;
}
.cotenu_pubs{
	 padding:10px;
}
.titreExplik{
	 font-family: "Monument extended";
	 font-size:20px;
	 padding-bottom:10px;
}
.uniteChoix_ajtPub{
	 width:45%;
	 height:200px;
}
.uniteChoix_ajtPub img{
	 width:100%;
	 height:100%;
}
.titreUniteChoix_ajtPub{ 
     position: absolute;
	 bottom:5px;
	 right:5px;
	 font-size:15px;
	 color:blue;
	 font-family:tahoma;
	 z-index:10;
}
.guideImages{
	 width:10%;
	 height:50px;
	 margin-left:85%;
}
.guideImages img{
	 width:100%;
	 height::100%;
}
.mantoInfos {
	 width:90%;
}
.imagehome11 {
	 width:70px;
	 height:70px;
	 font-size:50px;
}
.plaqueGuide {
	 font-size:15px;
	 margin:20px auto;
}
.bout_ajt{ 
	 width:80%;
	 height:30px;
	 border-radius:5px;
	 text-align:center;
	 font-size:20px;
	 color:white;
	 font-weight:bold;
	 background-color:blue;
	 margin:10px auto;
}
.celect select{
	 width:90%;
	 height:25px;
	 font-size:15px;
}
     #nombre_boulot
	{
	     width:100%;
		 height:150px;
		 margin-top:20px;
		 padding-left:0px;
	}
     #choix_boulot
	{
	     width:9%;
		 height:80px;
		 margin-top:20px;
		 margin-left:1.5%;
	}
     #choix_boulot img
	{
		 border:solid 1px silver;
	}
     #curiculum
	{
		 margin-top:40px;
	     width:98%;
		 font-size:22px;
		 margin-bottom:15px;
	}
     #imags_cv
	{
		 display:none;
	}
     #imags_cv_petit
	{
	     width:200px;
		 height:220px;
		 margin-bottom:20px;
		 display:block;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
		 border-radius:50%;
	}
     #imags_cv_petit img
	{
	     width:100%;
		 height:100%;
		 border-radius:50%;
	}


     #titr_info
	{
	     width:100%;
	}
     #inf_cv
	{
	     width:25%;
		 font-size:13px;
	}
     #intermediaire_cv
	{
		 font-size:13px;
	}
     #libb_cv
	{
	     width:68%;
		 font-size:13px;
	}
     #ex_proff
	{
	     width:98%;
		 margin:auto;
		 margin-top	:25px;
		 margin-bottom:10px;
		 text-align:center;
		 font-weight:bold;
		 font-size:13px;
	}
     #Libb_ex_pro
	{
		 margin-bottom:20px;
	}
     #date_experience
	{
	     width:30%;
		 font-size:13px;
		 margin-left:3px;
	}
     #experienced
	{
	     width:63%;
		 font-size:13px;
		 display:inline-block;
		 padding-left:2px;
		 border-left:solid 1px silver;
	}
     #diverstissement
	{
	     width:98%;
		 margin-left:5px;
		 font-size:13px;
	}
     #titled_res
	{
		text-align:center;
		 font-size:18px;
		 font-family:tahoma;
		 margin:20px;
	}
.contenuboutonLogo3{
	 width:98%;
	 height:40px;
	 margin:40px auto;
}

.boutonPub3{
	 width:28.5%;
	 font-size:13px;
	 padding:3px;
	 margin-left:2%;
}
.boutonPub4{
	 width:22%;
	 font-size:13px;
	 padding:3px;
}
/* _________________________________________________________________________infos_______________________________________________________________________ */ 

#contenueLogoNom{ 
}
.cotenuGeneral_infos{
	 width:100%;
	 margin:auto;
	 border:0;
	 padding-bottom:100px;
}
.contenuInfos{ 
	 width:95%;
	 min-height:100vh;
	 margin:20px auto;
	 border:solid 1px silver;
	 padding-top :10px;
	 padding-bottom :130px;
}
#contgene_retouraRonde{ 
     margin-left:10px;
}
.imageInfos{ 
	 width:220px;
	 height:250px;
	 margin:40px auto;
}
.imageInfos img{ 
	 width:100%;
	 height:100%;
}

.infosInfosTitre{ 
	 width:95%;
	 margin:15px auto;
	 font-size:11px;
	 color:silver;
}
.userInfos{ 
	 font-size:170px;
	 padding-top:40px;
	 padding-left:35px;
	 color:navy;
	 background-color:rgb(244, 246, 247);
}
.infosInfos{ 
	 width:90%;
}
.ligneInfos{ 
	 width:100%;
}
.imgeLigneInfos{ 
	 width:20px;
	 height:20px;
	 display:inline-block;
}
.imgeLigneInfos img{ 
	 width:100%;
	 height:100%;
}
.libeleLgneInfos{ 
	 font-size:13px;
	 line-height:18px;
	 padding:10px;
}



	 /* _________________________________________________________________________afficheNews_______________________________________________________________________ */ 

     #infoLinesPieds
	{
	 }
     #sac_ret
	{
	     width:100%;
		 margin:0px;
	 }
     #contgene_retoura
	{
	     width:10%;
		 font-size:17px;
		 color:black;
		 margin-left:3%;
		 border-radius:2px;
	 }
     #contgene_nom
	{
	     width:67%;
	 }
     #contgene_retoura:hover
	{
		 border:solid 1px blue;
	 }
     #contgeneral_sal
	{
	     width:100%;
		 border:solid 1px red;
		 padding:0%;
		 border:0px;
	 }
	#manto_rido2
	{ 
	     width:95%;
		 height:30px;
		 margin:auto;
		 padding:0px;
	}
	#infossite
	{ 
		 padding-top:15px;
		 padding-left:5px;
		 font-size:13px;
		 color:blue;
	}
	#infosDates
	{ 
	     width:95%;
		 height:12px;
		 text-align:right;
		 font-size:10px;
		 color:silver;
		 margin-bottom:35px;
	}
	#manto_ridoVente
	{ 
	     width:96%;
		 height:45px;
		 margin-top:40px;
		 margin-left:1%;
		 padding:2px;
		 border-bottom:solid 1px silver;
		 border-left:solid 1px silver;
		 background-color:white;
		 border-top-left-radius:50px;
		 border-bottom-left-radius:50px;
		 position:relative;
	}
     #infosSites
	{
		 font-size:10px;
	 }	 
     #sacs_seul
	{
	     width:90%;
		 font-size:20px;
	 }	 
     #image_seul
	{
	     width:90%;
	 }	 
     #image_seul2
	{
	     width:90%;
	 }	 
     #enoncer
	{
	     width:90%;
	 }	 
     .descPartie
	{
		 font-size:20px;
		 text-align:center;
		 margin-top:30px;
		 margin-bottom:5px;
		 font-family:cursive;
		 text-shadow:2px 2px 2px silver;
	 }	 
     .content_similaireAleatoire
	{
	     width:90%;
		 min-height:570px;
		 margin:12px auto;
	 }	 
     .similaireAleatoire
	{
	     width:47%;
		 height:180px;
		 margin:1%;
		 border:solid 1px silver;
		 float:left;
		 display:inline-block;
		 border-radius:5px;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 }	
     .reactions_utilisateurs
	{
	     width:100%;
		 margin-left:0%;
		 min-height:100px;
	 }	 
     #infox_seuleur
	{
	     width:95%;
		 margin:auto;
	 }	
     .reactions_contenue
	{
	     width:100%;
		 margin:auto;
		 position:relative;
		 display:block;
		 padding-bottom:7px;
	}	
     .reacteur_infos
	{
	     width:85%;
		 min-height:40px;
		 display:inline-block;
		 border:solid 1px silver;
		 border-radius:5px;
	 }	 
     .reacteur_image
	{
	     width:11%;
		 height:37px;
		 display:block;
		 border:solid 1px silver;
		 border-radius:50%;
		 display:inline-block;
		 position:absolute;
		 right:2px;
		 bottom:7px;
	 }	 
     .reacteur_image img
	{
	     width:100%;
		 height:100%;
		 border-radius:50%;
	 }	 
     .reacteur_infos_nom
	{
	     width:90%;
		 font-size:14px;
		 font-weight:bold;
		 padding-left:10px;
		 padding-top:5px;
		 margin-bottom:1px;
	 }	 
     .reacteur_infos_reacction
	{
	     width:90%;
		 font-size:13px;
		 padding-left:10px;
		 padding-bottom:10px;
	 }	
     .reacteur_infos_date
	{
	     width:95%;
		 font-size:10px;
		 color:silver;
		 text-align:right;
	 }	 
     .imageSimilaireAleatoire
	{
		 height:100px;
		 overflow:hidden;
		 border-top-right-radius:5px;
		 border-top-left-radius:5px;
		 border-bottom:solid 2px silver;
	 }	 
     .imageSimilaireAleatoire img
	{
	     width:100%;
		 min-height:100%;
	 }	 
     .rerenceSimilaireAleatoire
	{
		 position:relative;
	     width:100%;
		 min-height:100%;
	 }	 
     .titreSimilaireAleatoire
	{
		 height:52px;
		 overflow:hidden;
		 font-size:12px;
		 padding:3px;
	 }	 
     .infoLinesPieds
	{
		 font-size:9px;
		 color:silver;
		 text-align:center;
		 padding-top:2px;
		 font-family:cursive;
		 overflow:hidden;
	 }	
     #reactn_seul
	{
	     width:90%;
		 height:140px;
		 margin:auto;
		 position:relative;
	 }
     .formulaire textarea
	{
	     width:100%;
		 height:100px;
		 border:Solid 2px silver;
	 }	
     .formulaire input
	{
	     width:50%;
		 height:30px;
		 position:absolute;
		 bottom:0px;
		 right:0px;
		 border:Solid 3px silver;
	 }	
     #sac_proprio
	{
	     width:100%;
	 }
     #contgene_ret3
	{
	     width:31%;
		 font-size:13px;
		 font-weight:bold;
		 border:solid 1px black;
		 color:black;
		 text-align:center;
		 margin:0.3%;
		 display:inline-block;
		 background:linear-gradient(90deg,black,silver,silver,silver,black);
	 }
     #contgene_ret3 a
	{
		 text-decoration:none;
	 }
     #pied_pfinal
	{
		 margin: 15px auto;
		 font-size:13px;
		 padding-bottom:10px;
	 }	 
     #image_pied_pfinal
	{
		 margin-left:20%;
		 padding-bottom:10px;
		 float:left;
		 display:inline-block;
	 }	 
     #image_pied_pfinal img
	{
		width:15px;
		height:15px;
	 }	 
	/* _________________________________________________________________________AfficheDivertissement_______________________________________________________________________ */ 
	#manto_rido
	{ 
	     width:90%;
		 height:38px;
		 margin-top:40px;
	}
     #image_utiliz_rido
	{ 
	     width:35px;
		 height:35px;
		 float:left;
		 border-radius:50%;
		 border-right:solid 1px silver;
	}
     #image_utiliz_rido img
	{ 
		 border-radius:50%px;
	}
     #infos__rido
	{ 
	     width:75%;
		 margin-top:12px;
 	}
     #infos_nom_rido
	{ 
		 font-size:13px;
		 margin-top:0px;
 	}
     #infos_mail_rido
	{ 
		 font-size:10px;
		 margin-top:1px;
 	}
     #reactionlike_seuler
	{
	     width:40px;
		 height:35px;
		 border-radius:50%;
	 }	 
     #reactionlike_seule
	{
	     width:40px;
		 height:35px;
		 border-radius:50%;
	 }	 
     #reactionlike_seule img
	{
	     width:100%;
		 height:100%;
		 border-radius:25px;
	 }	 
  .content_similaireAleatoire2
	{
	     width:100%;
		 min-height:450px;
		 margin:15px auto;
	 }	 
     .similaireAleatoire2
	{
	     width:45%;
		 height:180px;
		 margin:2%;
		 border:solid 1px silver;
		 float:left;
		 display:inline-block;
		 border-radius:5px;
		 position:relative;
		 padding-top:25px;
		 overflow: hidden;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	 }	
     .imageSimilaireAleatoire2
	{
	     width:27px;
		 height:25px;
		 position:absolute;
		 right:1px;
		 top:1px;
	 }	 
     .imageSimilaireAleatoire22
	{
	     width:18px;
		 height:18px;
		 left:1px;
		 bottom:1px;
	 }	 
     .typrSimilaireAleatoire2
	{
	     width:90%;
		 font-size:11px;
	 }	 
     .titreSimilaireAleatoire2
	{
	     width:90%;
		 font-size:14px;
		 
	 }	 
     .nomSimilaireAleatoire2
	{
	     width:50%;
		 margin:7px auto;
		 font-size:11px;
		 color:silver;
		 position:absolute;
		 bottom:0px;
		 right:1px;
		 text-align:right;
	 }	 
	 
     #wolofContenuAfficheDivertissement
	{
	     width:95%;
		 margin-top:40px;
		 padding:1%;
	 }		
     #wolofAfficheDivertissementLike
	{
	     width:50px;
		 height:50px;
		 top:5px;
		 right:2px;
		 font-size:45px;
		 padding:12px;
	 }		
     #wolofAfficheDivertissementLiker
	{
	     width:50px;
		 height:50px;
		 top:5px;
		 right:3px;
		 border:solid 1px black;
		 font-size:30px;
		 padding:7px;
	 }		
     #wolofAfficheDivertissementinfos
	{
		 border:solid 1px white;
		 height:40px;
	 }		
     #wolofAfficheDivertissementinfosNom
	{
		font-size:16px;
		margin-top:5px;
	 }		
	
	 /* _________________________________________________________________________afficheEntreprise_______________________________________________________________________ */ 
     #info_logo_entre 
	{
		 position:relative;
		 margin-bottom:10px;
	 }	 
     #tof_logo 
	{
		 width:55px;
		 height:55px;
		 right:5px;
		 top:50px;
	 }	 
     #info_logo 
	{
		margin:5px;
		padding-top:25px;
	 }	
     #logo_tip 
	{
		 font-size:25px;
		 margin-left:7px;
	 }	 
     #info_logo_tip 
	{
		 bottom:6px;
		 font-size:11px;
		 margin-left:7px;
	 }	 
     #infoTete 
	{
		margin:3px;
	 }	 
     #infoTete img
	{
		 width:40px;
		 height:40px;
		 border:solid 1px silver;
	 }	 
     #info_sup3  
	{
		 position:relative;
		 bottom:5px;
		 font-size:13px;
		 margin-left:2px;
		 margin-bottom:2px;
	 }	 
     #info_sup3 a  
	{
		 color:blue;
	 }	 
     #info_sup3 img 
	{
		 width:15px;
		 height:15px;
	 }	 
     .content_similaireAleatoireAE
	{
		 width:270px;
		 height:350px;
		 padding-top:10px;
		 margin:auto;
	 }	 
     .contentEntrepriz
	{
		 width:28%;
		 height:110px;
		 margin-top:15px;
		 margin-left:3%;
		 display:inline-block;
	 }	 
     .contentEntrepriz_image
	{
		 width:90%;
		 height:80px;
		 margin:auto;
		 border-radius:50%;
		 border:solid 1px silver;
	 }	 
     .contentEntrepriz_image img
	{
		 width:100%;
		 height:100%;
		 border-radius:50%;
	 }	 
     .contentEntrepriz_non
	{
		 height:17px;
		 margin-top:5px;
		 text-align:center;
		 font-size:13px;
	 }	 
	/* _________________________________________________________________________AjoutPublication_______________________________________________________________________ */ 
     #content_similaire_aleatoire 
	{
	 }	 
	 
     .plaqueGuide
	{
		 width:85%;
		 padding:10px;
	 }	
     .detailPlaque
	{
		margin-top:30px;
		font-size:15px;
	 }	
     .bout_ajt
	{
		 width:90%;
		font-size:15px;
	 }	
.petiteSaisi input{
	 height:27px;
	 font-size:15px;
	}
.champExplik{
		font-size:11px;
	}
.imageTipes{
	 width:200px;
	 height:200px;
	}
.cotenuAffiche_pubs{
	 width:90%;
	}
     #titled_res
	{
		 margin-top:50px;
		 margin-bottom:20px;
		 text-align:center;
		 font-size:15px;
		 color:navy;
	}
.imageTipeVente{
	 width:85%;
	 border:solid 1px silver;
	 margin:auto;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
	 
	/* _________________________________________________________________________AfficheEmploi_______________________________________________________________________ */ 
     #content_similaire_aleatoire 
	{
	 }	 
     #content_similaire_aleatoire 
	{
		width:100%;
	 }	 
     .content_similaire_emploi 
	{
		width:40%;
		padding:3%;
		margin:0.5%;
		
	 }	 
     .content_similaire_emploi_poste
	{
		 font-size:14px;
		 text-transform:upercase;
	 }	
	 
	 /* _________________________________________________________________________afficheEntreprise_______________________________________________________________________ */ 
     #info_logo_entre 
	{
	 }	
	 
	 
     #moullaentrepriseContenteAfiche 
	{
		 height:400px;
	 }	
     #moullaentrepriseImageCouverture 
	{
		 height:220px;
	 }	
     #moullaentrepriseContenteInfoSigle  
	{
		font-size:27px;
	 }	
     #moullaentrepriseContenteInfoNom  
	{
		font-size:13px;
		margin-bottom:15px;
		bottom:5px;
	 }	
     #moullaentrepriseContenteInfoSlogan 
	{
		 margin-left:55px;
		 margin-top:7px;
		 font-size:12px;
	 }	
	 
     #moullaentrepriseImagelogo 
	{
		 width:120px;
		 height:120px;
		 top:140px;
		 right:20px;
		 margin-top:5px;
	 }	
     #moullaentrepriseContenteInfoPied  
	{
		 color:silver;
		 margin-left:50px;
		 
	 }	

	 
	
	/* _________________________________________________________________________Modification_______________________________________________________________________ */ 
   
   #bando
	{
		 font-size:14px;
		 margin-top:10px;
	 }	 
     #imageModif
	{
		 width:80%;
		 margin:10px auto;
		 border:solid 1px silver;
		 position:relative;
	 }	 
     #imageModif img
	{
		 width:100%;
	 }	 
     .lign_moduf_imageCouv
	{
		 width:99%;
		 height:250px;
	 }	 
     .moImageCouv
	{
		 width:45px;
		 height:45px;
		 font-size:22px;
		 padding:10px;
		 position:absolute;
	 }	 	 
     .lign_moduf_image
	{
		 width:110px;
		 height:110px;
		 margin:10px;
	 }	 

     .moImage
	{
		 width:45px;
		 height:45px;
		 font-size:22px;
		 padding:10px;
		 right:5px;
		 bottom:10px;
	 }	 	 
     #contentLign_moduf 
	{
		 width:95%;
		 margin:auto;
		 height:30px;
	 }	 
     #lign_moduf
	{
		 font-size:13px;
	 }	 
     #lign_moduf:hover
	{
		 border-bottom:solid 1px blue;
	 }	 
     #lign_moduf_gros
	{
		 padding-top:8px;
		 width:100%;
		 font-size:11px;
		 color:silver;
		 border-bottom:solid 1px silver;
	 }	 
     #lign_modufImage 
	{
		 width:7%;
		 height:20px;
		 position:absolute;
		 right:0px;
		 top:10px;
		 background-color:white;
	 }	 
     #lign_modufImage img 
	{
		 width:100%;
		 height:100%;
	 }	 
     #caseModif 
	{
		 width:98%;
	 }	 
     #caseModifGros 
	{
		 width:100%;
		 padding:5px;
		 background-color:silver;
	 }	 
     #modificationdirect 
	{
		 width:100%;
		 color:red;
		 font-size:12px;
		 margin-bottom:10px;
	 }	 
     #nom_entre_modifer 
	{
		 display:inline-block;
		 font-size:13px;
		 float:left;
		 height:25px;
		 color:red;
		 font-weight:bold;
		 padding-top:2px;
	 }	 
     #nom_input_modifer 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:50%;
		 margin-left:6px;
	 }	 
     #nom_input_modifer input 
	{
		 width:100%;
		 height:100%;
		 color:silver;
		 font-size:12px;
	 }	 
     #nom_input_modifer select 
	{
		 width:100%;
		 height:100%;
	 }	 
     #datejour_modif 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:15%;
		 margin-left:3px;
	 }	 
     #datejour_modif select 
	{
		 width:100%;
		 height:100%;
		 font-size:12px;
	 }	 
     #datemois_modif 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:20%;
		 margin-left:3px;
	 }	 
     #datemois_modif select 
	{
		 width:100%;
		 height:100%;
		 font-size:12px;
	 }	 
     #dateanne_modif 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:15%;
		 margin-left:3px;
	 }	 
     #dateanne_modif select 
	{
		 width:100%;
		 height:100%;
		 font-size:12px;
	 }	 
	 
     #mere_nom_modifer 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:25%;
		 margin-left:3px;
	 }	 
     #mere_nom_modifer input 
	{
		 width:100%;
		 height:100%;
		 color:silver;
		 font-size:12px;
	 }	 
	 
     #mere_prenom_modifer 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 width:35%;
		 margin-left:5px;
	 }	 
     #mere_prenom_modifer input 
	{
		 width:100%;
		 height:100%;
		 color:silver;
		 font-size:12px;
	 }	 
     #select_decroption_modif 
	{
		 margin:auto;
		 width:80%;
		 height:150px;
	 }	 
     #select_decroption_modif textarea
	{
		 width:100%;
		 height:100%;
		 font-size:14px;
		 color:silver;
		 font-size:12px;
	 }	 
	 
     #grd_poste_modifer 
	{
		 margin:auto;
		 width:80%;
		 height:30px;
		 margin-top:5px;
	 }	 
     #grd_poste_modifer input
	{
		 width:100%;
		 height:100%;
		 background-color:blue;
		 font-size:17px;
		 color:white;
		 font-weight:bold;
		 color:silver;
		 font-size:12px;
	 }	 
	 
     #bouto_entre_modifer 
	{
		 display:inline-block;
		 float:left;
		 height:22px;
		 margin-left:10px;
	 }	 
     #bouto_entre_modifer input 
	{
		 width:100%;
		 height:100%;
		 font-size:12px;
		 background-color:blue;
		 color:white;
		 font-weight:bold;
	 }	 
     #bando_tranchette 
	{
		margin-top:20px;
		color:silver;
		font-size:11px;
	 }	 
     #bando_tranchette 
	{
		margin-top:20px;
		color:silver;
		font-size:11px;
	 }	 
     #decroption_modifCorp 
	{
		 font-size:20px;
		 font-weight:bold;
	 }	 

/* _________________________________________________________________________connection_______________________________________________________________________ */ 


	#contenuconnection
	{
		padding:0px;
	}
	.box
	{
		 width:100%;
	}
	#retoureConnection
	{
		 font-size:40px;
	}
	#changePage
	{
		top:10px;
		right:10px;
		font-size:13px;
		padding:5px 10px;
	}
	#explkPageProfile
	{
		 font-size:70px;
		 padding:20px;
	}
	#explkPage
	{
	}
	.box input[type="text"],.box input[type="password"]
	{
		 border:0;
		 background:none;
		 display:block;
		 margin:15px auto;
		 text-align:center;
		 border:1.5px solid blue;
		 padding:2px 10px;
		 font-size:12px;
		 width:220px;
		 height:35px;
		 outline:none;
		 border-radius:20px;
		 transition:0.25s;
	}
	.box input[type="text"]:focus,.box input[type="password"]:focus
	{
		 width:300px;
		 border-color:green;
	}
	.box input[type="submit"]
	{
		 font-size:13px;
		 
	}
	.box input[type="submit"]:focus
	{
		 background:green;
	}
	.box input[type="submit"]:hover
	{
	 	 background:green;
	}
	#guide_conex
	{
		 font-size:11px;
		 margin:5px;
	}
	#guide_conexRouge
	{
		 font-size:11px;
		 color:red;
	}
/* _________________________________________________________________________vente_______________________________________________________________________ */ 

#contenuCorpsVentes{
}
#contenuCorpsVentes{
	 width:94%;
	 margin-top:10px;
	 margin-left:3%;
	 display:inline-block;
}
.grandContenubookAfficheVente{
	 width:98%;
	 margin-left:1%;
}
.contenuVentes{
	 width:40%;
	 float:left;
	 display:inline-block;
	 height:180px;
	 background-color:white;
	 margin:4%;
	 margin-bottom:15px;
	 position:relative;
	 overflow:hidden;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.imageVente{
	 overflow:hidden;
	 width:100%;
	 height:100%;
	 border-radius:5px;
}
.imageVente img{
	 width:100%;
	 height:100%;
	 border-top-left-radius:5px;
	 border-top-right-radius:5px;
}
.infoVente{
	 height:50px;
	 font-size:17px;
	 position:absolute;
	 bottom:0px;
	 z-index:2;
	 color:#EBF5FB;
	 border-radius:5px;
}
.boxvente1{
	 position:relative;
	 width:100%;
	 height:100%;
	 background:transparent;
	 border-radius:5px;
}
.boxvente1::before{
	 content:'';
	 position:absolute;
	 height:100%;
	 width:100%;
	 background:rgba(0,0,0,.4);
	 z-index:-1;
}
.boxMarque{
	 font-size:12px;
	 padding:2px;
	 
}
.boxPrix{
	 font-size:15px;
	 font-weight:bold;
}
.prixVente{
	 height:20px;
	 font-size:22px;
	 color:blue;
	 line-height:19pk;
	 padding:2px;
	 text-transform:capitalize;
	 overflow:hidden;
	 padding-bottom:5px;
	 
}
.descVente{
	 font-size:12px;
	 padding:5px;
	 padding-top:0px;
	 color:#1C2833;
}

/* _________________________________________________________________________afficheProduit_______________________________________________________________________ */ 
     #bookAfficheVente 
	{
		 width:98%;
	 }	
     #regulateurImage 
	{
		 width:280px;
		 height:96%;
		 margin: 5px auto;
	 }	
	 
	 






/* _________________________________________________________________________insertion_______________________________________________________________________ */ 
     .bandouz 
	{
		 width:300px;
		 height:180px;
	 }
.bandouzProdui{
	 width:240px;
	 height:300px;
}
#sousImageTipeVente{
	 width:240px;
	 height:45px;
	 margin:20px auto;
}
.imageTipeVenteSous{
	 width:20.5%;
	 height:100%;
	 border:solid 1px silver;
	 margin:1%;
	 display:inline-block;
	 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
}
.imageTipeVenteSous img{
	 width:100%;
	 height:100%;
}
.bandouzLogo{
	 width:200px;
	 height:200px;
}
.bandouzProfile{
	 width:250px;
	 height:300px;
}



 #files
	{
	}
 .image_insert
	{
	 width:85%;
	 margin:auto;
	 border-radius:5px;
	 border:solid 1px silver;
	}
 .image_insert img
	{
	 width:100%;
	 border-radius:5px;
	}
 .bouton_insert
	{
		width:250px;
	}
   #content_similaire_aleatoire
	{
	 width:100%;
	}
   .content_similaire_emploi
	{
	 overflow:hidden;
	}
   #retoure_requettes
	{
	 right:2px;
	 top:2px;
	}
   #sotir_requettes
	{
	 right:2px;
	 top:2px;
	}
   .uniteProduit
	{
		width:45%;
		margin:2%;
	}
     #posteRechercher 
	{
		 width:100%;
		 background:linear-gradient(90deg,white,black,white);
		 padding:2px;
		 color:white;
		 font-size:13px;
		 font-weight:bold;
		 margin-top:15px;
		 text-align:center;
		 text-transform:capitalize;
	 }	 
	 
	/* _________________________________________________________________________emploi/entreprise_______________________________________________________________________ */ 


.moullaentrepriseContente {
	 width:46%;
	 height:250px;
	 padding:0.5%;
}
.moullaentrepriseContenteInfoNom 
{
	 width:95%;
	 height:15px;
	 font-size:14px;
	 margin:3px;
	 margin-top:30px;
	 margin-bottom:2px;
}
.moullaentrepriseContenteInfoDesc 
{
	 font-size:10px;
	 height:64x;
	 text-align:center;
	 margin:2px;
	 padding:5px;
	 
}
.moullaentrepriseContenteImageLogo {
	 width:50px;
	 height:50px;
	 border:solid 3px white;
	 bottom:60px;
	 left:35%;
}
.moullaentrepriseContenteImageCouverture {
	 width:90%;
	 height:80px;
	 bottom:3%;
	 left:5%;
}
	
/* _________________________________________________________________________requettes_______________________________________________________________________ */ 

	#contenuconnection{}
	
	#retoure_requettes{
		 width:30px;
		 height:30px;
		 position:absolute;
		 top:10px;
		 left:10px;
	}
	#sotir_requettes{
		 width:30px;
		 height:30px;
		 position:absolute;
		 top:10px;
		 right:20px;
	}
	#generaleRequettesContent{
		 width:90%;
		 height:80%;
	     background:white;
		 margin-top:50px;
		 
		 border-radius:10px;
		 position:relative;
		 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
	}
	#titreRequettes{
		 margin:10px auto;
		 text-align:center;
		 font-weight:bold;
		 font-size:17px;
		 padding-top:70px;
	}
	#descriptionRequettes{
		 width:95%;
		 padding:10px;
		 font-size:12px;
		 color:silver;
		 margin:auto;
		 text-align:center
	}
	#contenueRequettes{
		 width:90%;
		 padding:20px;
		 font-size:12px;
		 color:silver;
		 margin:auto;
	}
	#contenueRequettes{
		 width:70%;
		 margin:auto;
	}
	#attacheRequettes{
	 width:90%;
	 margin:auto;
	 position:absolute;
     bottom:0px;	 
	}
	#beetwin{
	 height:20px;
	 width:90%;
	 border:solid 1px silver;
	}
	
	
.contentboutonAjouthee {

	 width:100%;
	 margin-top:30px;
}
.boutonAjouthee {
	 width:90%;
	 height:20px;
	 padding:8px;
	 border-radius:20px;
}
.descBoutonAjouthee {
	 font-size:11px;
}
.imageBoutonAjouthee {
	 width:25px;
	 height:25px;
	 left:5px;
	 top:5px;
}
.imageBoutonAjouthee img {
	 width:100%;
	 height:100%;
}
.piedEntrepriseSigne3{
	 width:20px;
	 height:20px;
	 color:navy;
	 position:absolute;
	 right:10px;
	 top:10px;
	 font-size:11px;
}
	
	
	
	
	
.tedyvente{
	 width:46%;
	 margin:1%;
}
.tedyventeImage img{
	 min-height:150px;
	 max-height:210px;
}
.tedyventeInfos{
	padding:5px;
	 width:100%;
	 height:40px;
}
.tedyMarque{
     text-transform:capitalize;
	 font-size:12px;
	 color:gray;
}
.tedyPrix{
	 font-size:17px;
}
.tedyMarqueType{
     text-transform:lowercase;
	 font-size:13px;
	 color:silver;
}
#contentEplikMenu {
	 border-left:solid 5px red;
	 margin-bottom:20px;
	 margin-top:30px;
	 padding-left:2px;
	 margin-left:5px;
	
	}
#eplikMenuu {
	 font-size:30px;
	 position:relative;
	 bottom:5px;
	}
	
#eplikSousMenu {
	 font-size:13px;
	 position:relative;
	 top:0px;
	 line-height:10px;
	 left:5px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	





}















@media screen and (max-width: 310px) 
{
.enocerDivertissement{
	 font-size:12px;
}


}