/************************************* CODES DES FICHES *************************************/
/* BOTTINS DES AVATARS */
.ficheBottinAvatars { margin-left:45px; background-color: #F2F2F2; border: 1px solid #e8e8e8; box-shadow: inset 0 0 20px -1px rgba(232,232,232,1); padding: 8px; width: 500px; height:735px; display:block;}
.titreBottinAvatars { align-content:center; text-align:center; background-color: #daa8cc; font-size: 8px; padding: 14px; height:50px; text-transform: uppercase;}
.titreUn { text-align:center; color: #fff; font-family: chaennie8; font-size: 28px; position: relative; text-shadow: 2px 3px 0 #1A1A1A; text-transform: lowercase; z-index:1; margin-top:-8px;margin-left:15px;}
.titreDeux { margin-left:85px; margin-top:4px; text-align:center; background-color: black; color: #fff; font-family: montserrat; font-size: 7px; letter-spacing: 1.5px; opacity: .85; padding: 4px; position: relative; text-transform: uppercase; width: 300px;}
.infoBottinAvatars { background-color:#E8E8E8; border: solid 1px #F9F8F7; color: #000; display: inline-block; padding: 20px; text-decoration: none; font-size: 10px;letter-spacing: 0.2px; text-align: justify; width:457px; height:auto; margin-top:8px;}
.titreCat{ background-color: #F9F8F7; border: 4px double #E8E8E8; color: #000; display: inline-block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; margin-top:5px; padding: 5px; text-decoration: none; text-transform: uppercase; width:480px; height:10px;}
.BAcategorie { background-color: #F9F8F7; border-right: solid 1px #E8E8E8; border-left: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; color: #000; display: inline-block; padding: 5px; text-decoration: none; text-transform: uppercase; width:486px; height:200px; overflow-y:scroll;overflow-x:hidden;text-align:center;}
.avatarsBA { text-align:center; margin-top: 5px;margin-right: 30px; width: 110px; height:110px; padding: 5px; padding-bottom: 30px; display: inline-block;}
.imgBA { margin-left:23px; text-align:center; border-radius: 100%; width: 80px; height: 80px; object-fit: cover; filter:grayscale(20%); border: 1px solid #e5dfe5; padding: 2px;}
.avatarBAname { text-align:justify; background-color:#F5F3F1; padding:7px; border: double 1px #fff; color: #1E1E1E; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; width: 120px; height:30px;}
.avatarBAname i {font-size: 7px!important;font-weight: 700!important;letter-spacing: 1px!important;text-transform: uppercase!important;color: #1E1E1E!important;}
.nomBA { color:#BE82BF!important;} .nomBA a { text-decoration: none; color:#995F77!important;} #infoBA { font-family: montserrat; font-size: 9px; font-weight: 800; letter-spacing: -.5px; text-shadow: 0 1px 1px #fff; text-transform: uppercase; }
.statutBA { font-family: montserrat; font-size: 9px; font-weight: 800; letter-spacing: -.5px; text-shadow: 0 1px 1px #fff; text-transform: uppercase; margin-left:120px;} statut1, statut2, statut3 { margin-left:20px;}
/* FICHE DE PRESENTATIONS */
.fichePresentation { background-color: #F2F2F2; border: 1px solid #e8e8e8; box-shadow: inset 0 0 20px -1px rgba(232,232,232,1); padding: 5px; width: 380px; height:600px; display:block; margin:20px;}
.titleFiche { background-color: #B4CD9E; font-size: 8px; padding: 14px; height:50px; text-transform: uppercase;}
.imgTitle { border-radius: 100%; height: 60px; width: 60px; opacity: .9; object-fit: cover; filter: grayscale(80%);}
.iconTitle { position:relative; z-index:1; border: 1px solid #e5dfe5; border-radius: 100%; height: 60px; padding: 2px; width: 60px; margin-top:-38px; margin-left:50px; float:left;}
#name { font-family: "chaennie8"; color: white; font-size: 28px; position: relative; text-shadow: 2px 3px 0px #595959; margin-top:-55px; text-transform: lowercase; margin-right:-55px;}
#name2 { width: 250px; padding: 4px; background-color: #181818; color: white; font-family: 'montserrat'; text-transform: uppercase; letter-spacing: 1.5px; font-size: 7px; opacity: 0.85; position:relative; margin-top:30px; margin-left:40px;}
.sideBar { position: absolute; margin-top: 10px; letter-spacing: 0.5px; width: 170px; height: 360px; padding: 0px; background: #F9F8F7; border-right: solid 1px #E8E8E8; border-left: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8;}
.titleSideBar { margin-bottom:5px; background-color:#F9F8F7; border: 4px double #E8E8E8; color: #000000; display: inline-block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; padding: 4px; text-transform: uppercase; text-decoration: none; width: 155px;}
.descriptionSideBar { font-size: 10px; letter-spacing: 0.2px; text-align: justify; padding: 8px; overflow-y:scroll; height: 300px; color: #30342D;}
catSide { background-color: #CCDDBD; color: black; padding:2px; font-family: montserrat; font-size: 7px; font-weight: 800; letter-spacing: .2px; text-transform: uppercase;}
.imgFiche { display:block; background: #F9F8F7; border: 1px solid #E8E8E8; height: 78px; margin-left: 180px; margin-top: 10px; object-fit: cover; opacity: .7; padding: 5px; width: 187px; filter: grayscale(80%);}
.pouvoirDiv { display:block; position:relative; height:auto; width:196px; background-color:#E8E8E8; box-shadow: #595959; margin-top:10px; margin-left: 180px; text-align:left; border: solid 1px #F6F6F6;}
.pouvoir { display:inline-block; border: 5px double #E8E8E8; color:black;font-family: courier; font-size: 8px; letter-spacing: .2px; padding: 2px; text-transform: uppercase; width:79px; margin-left:3px;}
.jaugePouvoir { background-color: #CCDDBD; border-radius: 10px; box-shadow: 1px 0 0 gray; height: 3px; padding: 2px; position: relative;}
.anecdotes { position: absolute; overflow-y:scroll; background-color:#F9F8F7; border: solid 1px #E8E8E8; margin-top:10px; margin-left: 180px; width: 177px; height: 132px; padding: 9px; font-size: 10px; letter-spacing: 0.2px; text-align: justify; color: #30342D;}
.imgSideBar { position:relative; background-color: #fff; border: dashed 1px #DDDDDD; height: 44px; width: 44px; object-fit: cover; opacity: .9; padding: 4px; margin-top:108px; margin-left:1px; filter: grayscale(80%);}
.ligneCaractereAnecdotes { border-top: 1px solid #E8E8E8;}
.createur { margin-top:5px; background-color:#F9F8F7; border: 4px double #E8E8E8; color: #000000; display: inline-block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; padding: 10px; text-transform: uppercase; text-decoration: none; height:50px; width: 348px; overflow-y:scroll;}
/* FICHE TYPE */
.FicheType {background-color:#F2F2F2; border: 1px solid #e8e8e8; box-shadow: inset 0 0 20px -1px rgba(232,232,232,1); padding: 5px; width: 380px; height:3OOpx;display:block;margin:20px;}
.TitreType {background-color:#0091f9;height:50px;display:block;padding:5px;}
.TexteType {background-color:#F9F8F7;border: solid 1px #E8E8E8; color:black;padding:10px;font-family: montserrat;display:block;position:relative;margin:15px;text-align:justify;font-size:11px;}
.imgfiche{background: #ebe9e7;border: 1px solid #F2F2F2;height: 50px;object-fit: cover;margin-top:4px;opacity: 1;float:left;margin-right:4px;padding: 3px;width: 90px;}
.BlocListing { background-color: #F9F8F7; border-right: solid 1px #E8E8E8; border-left: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; color: #000; display: inline-block; padding: 5px; text-decoration: none; text-transform: none; height:200px; overflow-y:scroll;overflow-x:hidden;text-align:center;}
#soustitre { width: 250px; padding: 4px; background-color: #181818; color: white; font-family: 'montserrat'; text-transform: uppercase; letter-spacing: 1px; font-size: 7px; opacity: 0.85; position:relative; margin-top:-6px; margin-left:0px;z-index:1;}
#name3 { font-family: "chaennie8"; color: white; font-size: 28px; position: relative; text-shadow: 2px 3px 0px #595959;text-transform: lowercase;top:-7px;z-index:3;}
/* FICHE DE LIENS */
.ficheRelation { background-color: #F2F2F2; border: 1px solid #e8e8e8; box-shadow: inset 0 0 20px -1px rgba(232,232,232,1); padding: 8px; width: 368px; height: 590px; display:block; margin-left:110px;}
.titreFicheRelation { align-content:center; text-align:center; background-color: #0091f9; font-size: 8px; padding: 14px; height:40px; text-transform: uppercase;}
.titreUnFicheRelation { text-align:center; color: #fff; font-family: chaennie8; font-size: 28px; position: relative; text-shadow: 2px 3px 0 #595959; text-transform: lowercase; z-index:1; margin-top:-4px;}
.imgFicheRelation { margin-top:-20px; background: #F9F8F7; border: 4px double #E8E8E8; display: block; height: 260px; margin-left: 180px; object-fit: cover; opacity: .8; padding: 5px; width: 170px; display:block;}
.anecdoteFicheRelation { display:block; overflow-y:scroll; background: #F9F8F7; border-bottom: solid 1px #E8E8E8; border-left: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; height: 125px; letter-spacing: .5px; position: absolute; width: 170px; padding-bottom:6px;}
.titreAnecdoteFicheRelation { margin-top:10px; background-color: #DBDBDB; padding: 5px; width: 162px; border-radius: 5px 5px 0px 0px; color: #000; display: block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px;}
.descriAnecdoteFicheRelation { color: #30342D; font-size: 10px; letter-spacing: .2px; padding: 8px; text-align: justify; font-family:quicksand;}
.caractereFicheRelation { display:block; overflow-y:scroll; background: #F9F8F7; border-bottom: solid 1px #E8E8E8; border-left: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; height: 130px; letter-spacing: .5px; position: absolute; width: 170px; padding-bottom:6px;}
.titreCaractereFicheRelation { margin-top:-110px; background-color: #DBDBDB; padding: 5px; width: 162px; border-radius: 5px 5px 0px 0px; color: #000; display: block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px;}
.descriCaractereFicheRelation { color: #30342D; font-size: 10px; letter-spacing: .2px; padding: 8px; text-align: justify; font-family:quicksand;}
.tabFicheRelation { text-align:center; margin-left:180px; margin-top:100px; display:block; width: 170px;}
.tabFicheRelation a { text-decoration:none; color: #CFDE5B;}
.tabFRlink { margin-left:15px; background-color: #E8E8E8; border: solid 1px #F6F6F6; display:inline-block; padding: 5px; width: 25px; height:25px; border-radius: 5px; text-align: center; font-family: 'icony'; color: #8B556E; font-size: 20px; box-shadow: inset 0px 0px #7aa68d;}
.titreLiensRecherches { margin-top:10px; width: 352px; background-color: #F9F8F7; border: 4px double #E8E8E8; color: #000; display: inline-block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; margin-bottom: 5px; padding: 4px; text-decoration: none; text-transform: uppercase;}
.liensRecherches { background-color: #F9F8F7; border: solid 1px #E8E8E8; display: inline-block; height: 125px; overflow-y: scroll; padding: 10px; text-decoration: none; width: 346px;}
catSide2 { background-color: #E9E9E9; color: #000; font-family: montserrat; font-size: 7px; font-weight: 800; letter-spacing: .2px; padding: 4px; text-transform: uppercase;}
#descDivLiens { color: #30342D; font-size: 10px; letter-spacing: .2px; text-align: justify; font-family:quicksand;}
/* FICHE DES RELATIONS */
.divRelations { background-color: #F2F2F2; border: 1px solid #e8e8e8; box-shadow: inset 0 0 20px -1px rgba(232,232,232,1); padding: 8px; width: 368px; height: 490px; display:block; margin-left:115px;}
.titreDivRelations { align-content:center; text-align:center; background-color: #0091f9; font-size: 8px; padding: 14px; height:30px; text-transform: uppercase;}
.titreDeuxDivRelations { margin-left:0px; margin-top:6px; text-align:center; background-color: black; color: #fff; font-family: montserrat; font-size: 7px; letter-spacing: 1.5px; opacity: .85; padding: 4px; position: relative; text-transform: uppercase; width: auto;}
.liensRelations { margin-top:10px; background-color: #F9F8F7; border: solid 1px #E8E8E8; display: inline-block; height: 400px; overflow-y: scroll; padding: 10px; text-decoration: none; width: 346px;}
.mainDivLiensRelations { display:block; width:346px; margin-top:10px; border-bottom: 1px solid #E8E8E8;}
.divLiensRelations { width:325px; margin-left:20px;}.imgLiensRelations { float:left; margin-right:10px; display: inline-block; border: 1px solid #e5dfe5; border-radius: 100%; filter: grayscale(20%); height: 60px; object-fit: cover; padding: 2px; width: 60px;}
#descDivLiensRelations { height:55px; display:block; overflow-y:scroll; color: #30342D; font-size: 10px; letter-spacing: .2px; text-align: justify; font-family:quicksand;}
/* FICHE RECAPITULATIF DES RPS */
.recapRP { background-color: #F2F2F2; border: 1px solid #e8e8e8; box-shadow: inset 0 0 20px -1px rgba(232,232,232,1); padding: 8px; width: 450px; height:375px; display:block; margin-left:75px;}
.titreRecapRP { align-content:center; text-align:center; background-color: #0091f9; font-size: 8px; padding: 14px; height:50px; text-transform: uppercase;}
.titreUnRecapRP { text-align:center; color: #fff; font-family: chaennie8; font-size: 28px; position: relative; text-shadow: 2px 3px 0 #595959; text-transform: lowercase; z-index:1; margin-top:-4px;}
.titreDeuxRecapRP { margin-left:50px; margin-top:4px; text-align:center; background-color: black; color: #fff; font-family: montserrat; font-size: 7px; letter-spacing: 1.5px; opacity: .85; padding: 4px; position: relative; text-transform: uppercase; width: 300px;}
.titreRpEnCours { margin-top:10px; background-color: #DBDBDB; padding: 5px; width: 207px; border-radius: 5px 5px 0px 0px; color: #000; display: block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px;}
.rpEnCours { display:inline-block; overflow-y:scroll; background: #F9F8F7; border-bottom: solid 1px #E8E8E8; border-left: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; height: 135px; letter-spacing: .5px; position: absolute; width: 215px; padding-bottom:6px;}
.descriRpEnCours { overflow-y: scroll; color: #30342D; font-size: 10px; letter-spacing: .2px; padding: 8px; text-align: justify; font-family:quicksand;}
.titreListeRp { text-align:justify; margin-bottom:5px; border-bottom: 1px solid #E8E8E8; color: #000; font-family: montserrat; font-size: 7px; font-weight: 800; letter-spacing: .2px; padding: 4px; text-transform: uppercase;}
.titreListeRp a { text-decoration:none; color:#e3ad0a;}.titreRpFini { margin-left:223px; margin-top:-19px; background-color: #DBDBDB; padding: 5px; width: 217px; border-radius: 5px 5px 0px 0px; color: #000; display: block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px;}
.rpFini { margin-left:223px; display:inline-block; overflow-y:scroll; background: #F9F8F7; border-bottom: solid 1px #E8E8E8; border-left: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; height: 135px; letter-spacing: .5px; position: absolute; width: 225px; padding-bottom:6px;}
.descriRpFini { overflow-y: scroll; color: #30342D; font-size: 10px; letter-spacing: .2px; padding: 8px; text-align: justify; font-family:quicksand;}
.divImgRecapRP { margin-top:150px;}
.imgRecapRP { background: #F9F8F7; border: 4px double #E8E8E8; display: block; height: 100px; object-fit: cover; opacity: .8; padding: 5px; width: 130px; display: inline-block;}
/* FICHE DES RPS EN COURS */
.ficheRP { background-color: #F2F2F2; border: 1px solid #e8e8e8; box-shadow: inset 0 0 20px -1px rgba(232,232,232,1); padding: 8px; width: 400px; height:280px; display:block; margin-left:98px;}
.titreFicheRP { align-content:center; text-align:center; background-color: #0091f9; font-size: 8px; padding: 14px; height:30px; text-transform: uppercase;}
.titreDeuxFicheRP { margin-left:32px; margin-top:6px; text-align:center; background-color: black; color: #fff; font-family: montserrat; font-size: 7px; letter-spacing: 1.5px; opacity: .85; padding: 4px; position: relative; text-transform: uppercase; width: 300px;}
.liensFicheRP { margin-top:10px; background-color: #F9F8F7; border: solid 1px #E8E8E8; display: inline-block; height: 152px; overflow-y: scroll; padding: 10px; text-decoration: none; width: 378px;}
.titreListeRp { text-align:justify; margin-bottom:5px; border-bottom: 1px solid #E8E8E8; color: #000; font-family: montserrat; font-size: 7px; font-weight: 800; letter-spacing: .2px; padding: 4px; text-transform: uppercase;}
.titreListeRp a { text-decoration:none; color:#e3ad0a;}
.nombreReponseFicheRP { margin-top:10px; margin-left:135px; background-color: #E8E8E8; border: solid 1px #F6F6F6; color: #000000; display: inline-block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; padding: 5px; text-transform: uppercase; text-decoration: none; }
/* FICHE DES SCENARIOS */
.ficheScenario { background-color: #F2F2F2; border: 1px solid #e8e8e8; box-shadow: inset 0 0 20px -1px rgba(232,232,232,1); padding: 8px; width: 392px; height:799px; display:block; margin-left:106px;}
.titreFicheScenario { align-content:center; text-align:center; background-color: #0091f9; font-size: 8px; padding: 14px; height:50px; text-transform: uppercase;}
.titreUnFicheScenario { text-align:center; color: #fff; font-family: chaennie8; font-size: 28px; position: relative; text-shadow: 2px 3px 0 #595959; text-transform: lowercase; z-index:1; margin-top:-11px;}
.titreDeuxFicheScenario { margin-left:28px; margin-top:4px; text-align:center; background-color: black; color: #fff; font-family: montserrat; font-size: 7px; letter-spacing: 1.5px; opacity: .85; padding: 4px; position: relative; text-transform: uppercase; width: 300px;}
.imgRecap { margin-top:-28px; background: #F9F8F7; border: 1px solid #E8E8E8; display: inline-block; height: 260px; object-fit: cover; opacity: .8; padding: 5px; width: 180px;}
.titreAboutScenario { margin-top:10px; margin-left:200px; width: 173px; background-color: #F9F8F7; border: 4px double #E8E8E8; color: #000; display: inline-block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; padding: 5px; text-decoration: none; text-transform: uppercase;}
.anecdoteAboutScenario { margin-left:200px; display:block; overflow-y:scroll; background: #F9F8F7; border-bottom: solid 1px #E8E8E8; border-left: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; height: 300px; letter-spacing: .5px; position: absolute; width: 189px; padding-bottom:6px;}
.descriAnecdoteAboutScenario { color: #30342D; font-size: 10px; letter-spacing: .2px; padding: 8px; text-align: justify; font-family:quicksand;}
.divAbout { width:173px;} .titleDivAbout { background-color: #E9E9E9; color: #000; font-family: montserrat; font-size: 7px; font-weight: 800; letter-spacing: .2px; padding: 4px; text-transform: uppercase;}
.descrDivAbout { margin-bottom:10px;}
.mainDivStatutScenario { margin-top:10px; text-align:center; width:180px; height:42px;}
.groupeScenario { float:left; width:30px; height:30px; object-fit: cover; border-radius: 100%; opacity: .9; margin-left:18px; margin-top:-5px;}
.statutScenario { margin-top:-5px; margin-left:8px; background-color:#F8F7F6; border: 4px double #E8E8E8; color: #000000; display: inline-block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; padding: 5px; text-transform: uppercase; text-decoration: none;}
.titreCaractereFicheScenario { margin-top:-10px; background-color: #DBDBDB; padding: 5px; width: 180px; border-radius: 5px 5px 0px 0px; color: #000; display: block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px;}
.caractereFicheScenario { display:block; overflow-y:scroll; background: #F9F8F7; border-bottom: solid 1px #E8E8E8; border-left: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; height: 140px; letter-spacing: .5px; position: absolute; width: 188px; padding-bottom:6px;}
.descriCaractereFicheScenario { color: #30342D; font-size: 10px; letter-spacing: .2px; padding: 8px; text-align: justify; font-family:quicksand;}
.anecdoteFicheScenario { background-color: #F9F8F7; border: solid 1px #E8E8E8; color: #30342D; height: 117px; width: 170px; margin-left: 200px; margin-top: 10px; padding: 9px; overflow-y: scroll; position: absolute; font-size: 10px; letter-spacing: .2px; text-align: justify; font-family:quicksand;}
.titreRelationScenario { margin-top: 155px; width: 374px; background-color: #F9F8F7; border: 4px double #E8E8E8; color: #000; display: inline-block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; margin-bottom: 5px; padding: 4px; text-decoration: none; text-transform: uppercase;}
.relationScenario { background-color: #F9F8F7; border: solid 1px #E8E8E8; display: inline-block; height: 166px; overflow-y: scroll; padding: 10px; text-decoration: none; width: 368px;}
.imgRelationScenario { float:left; margin-top:-3px; background-color: #fff; border: dashed 1px #DDD; filter: grayscale(80%); height: 60px; margin-right:5px; object-fit: cover; opacity: .9; padding: 4px; position: relative; width: 60px;}#descDivRelation { height:51px; overflow-y: scroll; margin-top:5px; color: #30342D; font-size: 10px; letter-spacing: .2px; text-align: justify; font-family: quicksand;}.divRelation { height:90px; margin-top:4px;}
/* FICHE PRE-LIEN */
.ficheprelien {display:block;position:relative;width:392px;height:792px;background-color: #F2F2F2;border: 1px solid #e8e8e8; box-shadow: inset 0 0 20px -1px rgba(232,232,232,1);padding: 8px;}
.cadreprelien {text-align:center; background-color: #0091f9; font-size: 8px; padding: 14px; height:50px; text-transform: uppercase;}
.titreprelien {text-align:center; color: #fff; font-family: chaennie8; font-size: 28px; position: relative; text-shadow: 2px 3px 0 #595959; text-transform: lowercase; z-index:1; margin-top:-11px;}
.soustitreprelien {margin-top:4px; text-align:center; background-color: black; color: #fff; font-family: montserrat; font-size: 7px; letter-spacing: 1.5px; opacity: .85; padding: 4px; position: relative; text-transform: uppercase; width: 300px;}
.titrerecapdulien { margin-top:10px;width: 373px; background-color: #F9F8F7; border: 4px double #E8E8E8; color: #000; display: inline-block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; padding: 5px; text-decoration: none; text-transform: uppercase;float:left;}
.recapdulien {display:block;position:relative;top:-5px;color: #30342D; font-size: 10px; letter-spacing: .2px; padding: 8px;text-align:justify; font-family:quicksand;width:258px;height:150px;overflow:auto;}
.cadrerecapdulien {display:block;position:relative;background-color: white; color: #000;width:285px;height:180px;padding:7px;top:15px;border:1px double #E8E8E8;left:-1px;float:right;}
.iconprelien {display:inline-block;position:relative;width:70px;border:4px double #E8E8E8;margin-right:5px;top:5px;margin-top:10px;float:left;}
.caractereprelien {display: block; float: left; height: 20px; left: 15px; position: relative; top: 18px; width: 143px; background-color: #E8E8E8; border: solid 1px #F6F6F6;}
.titrerecap {display: block; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; padding-top: 5px; padding: 5px; text-decoration: none; text-transform: uppercase;}
.aproposavatar {margin-top:10px;width: 375px;height:9px; background-color: #F9F8F7; border: 4px double #E8E8E8;display:block;padding: 5px;float:right;position:relative;left:5px;}
.aproposavatar1 {color: #000; display:block;position:relative; font-family: montserrat; font-size: 7px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase;}
.cadrepouravatar {display:block;position:relative;width:390px;height:80px;background-color:white;float:right;border:1px double #E8E8E8;top:5px;left:4px;}
.propositionavatar {display:block;position:relative;width:379px;height:60px;overflow:auto;text-align:justify;font-family:quicksand;font-size:10px;color:#30342D;padding:5px;}
.lienprelien {display:block;position:relative;width:390px;height:110px;background-color:white;float:right;margin:5px;left:10px;border:1px solid #E8E8E8;}
.iconlienprelien {display:block;position:relative;width:80px;border:4px double #E8E8E8;float:right;margin:10px;}
.iconlienprelien1 {display:block;position:relative;width:80px;border:4px double #E8E8E8;float:left;margin:10px;}
.contenuautrelien {display:block;position:relative;width:270px;height:90px;overflow:auto;font-family:quicksand;float:left;text-align:justify;font-size:10px;color:#30342D;margin-top:7px;margin-left:10px;}