:root{
    --headerHeight: 62px;
}

.tinyhidden1{ position:absolute; width:2%; top:8%; left:76%; display:block; z-index:100;  }
.tinyhidden2{ position:absolute; width:9%; top:8%; left:84%; display:block; z-index:100;  }

html, body {
    font-family: 'helvetica';
    font-size: 4.1vw;
    margin: 0; padding: 0; width: 100%; height: 100%;  
}
/* header login */
#header_login{ position: relative; display: block; width:100%; margin: 0 auto; padding: 0px;}
#header_login #header{ width: 100%;}
#header_login #logoLG{ position:absolute; left:3%; top:5%; width:8%; }
#header_login img{ width: 100%; }
#logintitle{ width: 100%; text-align: center; margin-top: 3%; font-size:2.1vh; }
#contain_forgotpass { width: 100%; text-align: center; margin-top: 10%; }
#contain_forgotpass a { text-decoration: none;	font-size: 1.8vw; }
#contain_forgotpass a:hover{ color:blue; } 
	
#dialog_forgotpass{ width:80%; height:70%; margin:auto; background:#F0F0F0; border:4px solid #d3bdbd; border-style: inset;  }
#fermedialog{ display:block; margin-left:94%; } 
#fermedialog:hover{ cursor:pointer; } 
	
#contain_forgotemail{ width:100%; text-align:center; margin-top:4%; padding:0%; }
#contain_forgotemail a{ text-decoration:none; font-size:1.8vw; }
#contain_forgotemail a:hover{ color:blue; } 	


/* header */
#header_section{ position: relative; display: block; width:100%; margin: 0px; padding: 0px;  aspect-ratio: 6 / 1; overflow: hidden; }
    #headerPN{ position:absolute; left:60%; top:-0.5%; width:auto; margin:1%; padding:1%; z-index:13; font-size:1.8vw; font-weight:bold; background:#fefefe; opacity:0.4;  }
	#avatar{ position:absolute; width:17%; left:0%; top:0%; z-index: 11; }
        #headerAvatar{ width:90%; margin-left:2%; padding:4%;   }
    
    #header{ position:absolute; left:0%; top:0%; width:100%; z-index: 10; }
        #headerHeader{ width:100%;  }
    
    #logo{ position: absolute; width:17%; right:0%; top:0%; z-index: 12; }
        #headerLogo{ width: 90%; margin-right:2%; padding:4%; }        

/* Menu */

nav #burger{ display: block; width: 25%; }
nav #burger div{ display: block; width:30%; height:4px; padding: 0px; margin:3px; background-color: black; }
#menu { display: none; padding:1%; margin:0%; border: 1px solid black; border-radius: 4%; width:96%; text-align: left; }
#menu li { display: block; list-style-type: none; font-size: 1.5vh; margin:0.3%; padding:0.7%; width:auto; }
#menu li a {  text-align: center; text-decoration: none;    }


/* inscription (register) user */
#registeruser{ margin-top:0%; font-size: 2.0vh; }
#registeruser{ width:100%; text-align:right; text-decoration:none;    }	
#registeruser{ display: flex; flex-direction: column; /* empile verticalement */ }

/* ordre : plus petit d’abord */
#sliderR_droite { order: 0; }
#sliderR_gauche { order: 1; } 
#sliderR_milieu { order: 2; }
#sliderR_gauche{ width:100%; border: 0px; text-align: center;padding: 0.1%; }
     #compte_avatar{ width: 40%!important; }     
     #compte_presentation{ width: 99%; margin:0.1%; padding: 0.1%; text-align: left;  font-size: 1.2vw !important;}
        #compte_presentation .text{ height: auto!important; }        

#sliderR_milieu{ width:100%; text-align: left; padding: 0.1%; margin:2%; }

#sliderR_droite{ width:100%; text-align: left; padding:0.1%; }
     #form_user #titreform { position: relative; width: 95%; text-align: center;  margin-top:0%; } 
	 #form_user #amountText { position: relative; width: 98%; text-align: left; margin:0%; padding:1%; } 	
	 #form_user #amountText pre{ font-family:helvetica; } 	 
     #form_user label{ display:block; width:95%; padding: 0%; margin-top:2%; }                     
     #form_user input[type="text"] { position: relative; width: 95%; font-size:2.2vh; } 
     #form_user input[type="password"] { position: relative; width: 95%; font-size: 2.2vh; } 
	 #form_user input[type="submit"] { position: relative; width: auto; text-align: center; margin-top: 7%; padding: 3%; } 
	 
	 /*Profile affiliate */
	 #form_aff{
		width: 93%; margin-left:1%; padding:1%; vertical-align: top; background-color: beige;
        border: 2px solid gray; border-radius: 2rem; box-shadow: 0 0 25px rgba(0,0,0,0.8);
        font-size: 2.5vw; color: rgb(52, 73, 94);		 
	 }
     #form_aff #titreform { position: relative; width: 95%; text-align: center;  margin-top:0%; }       
     #form_aff label{ display:block; width:95%; padding: 0%; margin-top:0.3%; text-align:left; }                     
     #form_aff input[type="text"] { position: relative; width: 95%; font-size:2.2vh; } 
     #form_aff input[type="submit"] { position: relative; width: auto; text-align: center; margin-top: 7%; padding: 3%; } 	 
	 

/* signup pour les admin*/
#header_sectionSI{ position: relative; width: 100%; height: 9vh; }
#logoSI{ position: absolute; left:2%; top:10%; width: 8%; z-index:10; }
    #logoSI img{ width: 100%!important; }
#headerSI{ position: relative; top:0%; left:0%; width: 100%; text-align: center; }
    #headerSI img{ width: 100%!important; }
     
#signup_title{ width:100%; font-size: 3.5vh; text-align: center; }
#signup_free{  display:block; width:100%; text-align: center; }
    #signup_free img{ width:40%;  }
#signupG{  display:block; width: 100%; margin:0.1%; padding:0.1%; } 
    #signupG #textcontent{ width:100%!important; margin:0.1%;  font-size: 4.0vw;}
    #signupG .signuptextcontent{ width:100%!important; }
    #signupG .signuptextcontentT{ color: rgb(52, 73, 94); margin:0.1%; }


#signupD{  display:block; width: 95%; margin-top:5%; padding:1%;  
            border: 2px solid gray; border-radius: 2rem; box-shadow: 0 0 25px rgba(0,0,0,0.8);
            font-size: 6.0vw; color: rgb(52, 73, 94);
        }
        
    #signupD label{ display:block; width:95%; padding: 1%; }                     
    #signupD input[type="text"] { position: relative; width: 95%; margin-top:0.3%; font-size: 3vh; } 
    #signupD input[type="submit"] { position: relative; width: 40%; margin-top:5%; font-size: 3vh;
                                    border: 2px solid gray; border-radius: 2rem; box-shadow: 0 0 15px rgba(0,0,0,0.8);
                                    text-align: center;        
                                  }                   

/* Login */
#plateau{ width: 100%; margin:auto; padding:auto; text-align: center; border-spacing: 0px; }
#plateau #contain_login{ display: table; margin: 0 auto; width:80%; text-align: center; }
#plateau #contain_login form{ width:100%; text-align: left; font-size: 3.5vw; }
#plateau #contain_login form label{ display:block; width:95%; padding: 0%; margin-top:3%; }                     
#plateau #contain_login form input[type="text"] { position: relative; width: 95%; margin-top:0%; } 
#plateau #contain_login form input[type="password"] { position: relative; width: 95%; margin-top:0%; } 
/* #plateau #contain_login form #community{ text-transform: lowercase; } */
#plateau #contain_login form #email{ text-transform: lowercase; }


#plateau #contain_login form #submit{ text-align: center; }
#plateau #contain_login form input[type="submit"] { position: relative; width: auto; text-align: center; margin-top: 7%; padding: 5%; } 

#plateau #liens{ display:block; margin:1%; padding:0%;font-size:1.8vh; }
#plateau #liens .liens{ display:block; margin:0%; padding:1%; }
/* home */ 
#typeconnect{ position: absolute; left:10%; top:0%; font-size: 5vh; color: red; z-index: 10; }       
#slider_gauche{ display: block; width:94%; text-align: center;}
    #compte_avatar{ width: 40%; }
    #compte_presentation{ width: 99%; margin:1%; padding: 1%; text-align: left; }
#slider_droite{ display:block; width:94%; min-height:260px; margin:1%; margin-top:7%; padding: 0%; }

/* KNOWLEDGE */
.result_knowledge{ position:relative; }
.contain_media{ width:100%; }
.KNW_topic{ margin-left:2%;  }

.KNW{ width:99%; margin-left:1%; }
.KNW:hover{	cursor: pointer;	}

.KNWB , .KNWD { position:absolute; left:100%; top:0%; }
.KNWB::before { content: "\25BC"; 		}
.KNWB:hover{	cursor: pointer;	}
.KNWD::before {	content: "\25B6"; 		}
.KNWD:hover{	cursor: pointer;	}


/* LES posts */

#lblprivate{ position:revert; display:block; margin-left:1%; padding:0%; }
#privatecontain{ width:98%; min-height:2vh; margin:1%; padding:1%; overflow:auto; font-size: 1.9vw; background: #afafaf; z-index: 10; }

#postview{ }
#modifAnPost{ width: 100%; margin: 0%; padding: 0%; }
#fetch_post { position:relative; width:61%; }

#form_post{ width: 96%; margin:0%; padding:2%;}
#fermedialogMAP{ position:absolute; display:block; top:1%; left:94%; z-index:1; } 
#fermedialogMAP:hover{ cursor:pointer; } 	

#media_tool{ display:inline-block; width:95%; margin-left:-1%; padding:1%; }
#media_tool #mediaWidth{ width:75%; }
#media_tool #tool_width{ display:inline-block; width:25%; vertical-align:top; }
#media_tool #media_width{ display:inline-block; width:50%; }
#media_tool .align_icon{ display:inline-block; width:15%; margin-left:6%; }
#media_tool .align_icon img{ width:40%; }	
	
#support_media{ position:relative; width:100%; border:1px solid #cacaca; }
#align_media{ position:relative; width:100%; padding:1%; border:1px solid black; }
#align_media img, #align_media video, #align_media audio {  width:100%;  }	

.cmtBt{ position: relative; display: inline-block; width: 25%; }
.cmtBt img{ width:75%; }

#modifAnPost #fermedialog{ display:block; margin-left:87%; margin-top:1%; } 
#modifAnPost #fermedialog:hover{ cursor:pointer; } 

#form_post{ width: 94%; margin:0%; padding:0%;}
/*
#newPost{ display:block; width:15%; }
#newPost img{ width:100%; }
*/
.datepost{ font-size:1.6vh; margin-left:9%; }

.unpost{ position: relative;}

.support_avatar{ display:inline-block; }
.support_avatar img{ width:50px; height:50px; border-radius: 50%; background-color: gray; }

.text_contain{display:inline-block; width:80%; margin-left:2%; margin:0%; padding:1%; position:relative;	}

#previewNP{ max-width: 20%; max-height: 10%;}
    #postview{ display: inline-block; width:100%; min-height: 40vh; margin:1%; padding: 0%; vertical-align: top; }
	#postview #posttool{ position:relative; width:100%; }
	#postview #postsearch{ position:relative; width:88%; height:32px;}
	#postview .postloupe{ position:relative; width:7%; background:red; vertical-align:middle; }
	#postview .postloupe:hover{ cursor:pointer; box-shadow: 3px 3px 9px 3px #000000; }
	#postview #postsearchresult{ position:relative; width:96%; margin:1%; padding:1%; background:yellow; z-index:10; }	
	.epingleOn{  background: url("/image/img/icons/pin_1.gif"); }
	.epingleOff{  background: url("//image/img/icons/pin_2.gif"); }
	
	#postview .linksearch{ display:block; width:98%; overflow:hidden; height:2.5vh; font-size:2vh; margin-top:1%; padding:0%; }
	#postview .linksearch:hover{ cursor:pointer; box-shadow: 1px 1px 3px 1px orange; }
	
	#postview #epingletool{ position:relative; width:99%; margin-top:2%; background-repeat:no-repeat; }
	#etatepingle{ position:relative; display:inline-block; width:24px; height:24px; left:1%; padding:1%;  }
	#postepingle{ font-size:1.4vh; margin-left:2%; }
	#postview #epingleresult{ position:relative; width:96%; height:30vh; margin:0%; padding:1%; overflow:scroll; border:1px solid #cacaca; background:#fdfdfd; z-index:10; }	
	.epingler{ position:absolute; width:32px; height:32px; left:90%; top:-5%; background-repeat: no-repeat;   }
	.epingleon{ background: url("/image/img/icons/pin_up.png");   }
	.epingleoff{ background: url("/image/img/icons/pin_down.png"); }
	.epingleon:hover, .epingleoff:hover{ cursor:pointer;  }						


	
		.posthtm{  background:#E8F8FF; padding:0%; margin-top:13%; }
		/*
		.posthtm:before { content: "";	width: 0px;  height: 0px;position: absolute; left: -0px; top: 6%;
			border-left: 10px solid transparent; border-right: 10px solid #E8F8FF; border-top: 10px solid #E8F8FF; border-bottom: 10px solid transparent;
		}
        */
		.media_contain{display:inline-block; width:10%; vertical-align:top; }
		.text_contain{display:inline-block; width:80%; margin-left:2%; margin:0%; padding:1%; position:relative;	}		
		
		#postview .unpost{ position:relative; width: 93%; margin:1%; padding: 1%; border: 2px solid #cacaca; border-radius: 1vw;}
        #postview textarea{ width: 80%; margin:1%; padding: 1%; border: 0px;}
        .mediaimage{ width:10%;}
    .audioimg{ width: 100%; }
    .videoimg{ width: 100%; }
        .videoimg video{ width:50%; }
    .pdf { width: 100%; }
        .pdf img { width: 100%; }
    .image{ width: 100%; }
        .image img{ width: 50%; }
.postTool{ width: 96%; margin: 1%; padding: 1%; border: 1px solid #fafafa; }
    .toolBt{ width: 10%; margin: 1%; vertical-align: bottom; }
	.postTool a { text-decoration:none; }
/* LES COMMENTAIRES*/
.containcomment{ margin-left: 10%; width: 90%; background-color: #F8F2E6;}
.datecomment{ display:block;font-size:0.9vw; }
.lblcomment{ display:inline-block; width:85%; margin:1%;  }
.imgcomment{ width:100%; vertical-align: middle; }
.nombrecomment{ display:inline-block; margin-left:8%; padding:0%; vertical-align:top; text-decoration:none; }

/* les LIKES */
.likepost {	display: inline-table; width: 80%; position: relative; margin-left: 1%; background: repeating-linear-gradient( 45deg, #fceabb, #fceabb 20px, #f2ede8 20px, #e1d9d0 40px ); }
.contain_postlikes{	display: flex; Width:20%; margin:1%; align-items: center;      /* vertical */  }
.finger, .nombrelikes{ width:15%; margin-left:2%; text-decoration:none; }
.finger img{ width:100%; }

.imgW{ width: 40px;	height: 40px; border-radius: 50%; margin-left:1%; vertical-align:middle; background-color: gray; }/* whoami */
.NP{ margin-left:2%;} /* Nom Prenom */



/*LES BOUTONS*/
.btnew{ display:block; width:100%; margin:1px; padding:1%; color:blue; font-size:2.5vh;  }
.btnew:hover{ cursor:pointer; color:magenta;  }
.bouton{  margin:1%; padding:1%; font-size:1.5vh;  }

/* PROFILE */
.topicUSR{ font-size:4.1vw; }
#form_header{ width:100%; }
#previewHDR{ max-width: 84%; }
#previewLG{ max-width: 20%; margin:1%; }
#previewAVTU{ max-width: 20%; margin:1%; }
#previewAVT{ max-width: 20%; margin=1%; }


main{ min-height:80vh; }
#maininvite{ margin-left:3%; }
#mainevents{ margin-left:3%; }
#plateau{ width: 100%; border-spacing: 0px; display: block;  }
#gauche{ width: 100%; border-spacing: 0px; display: inline-block; vertical-align: top;  }
	.totries{ display:block; font-size:2.5vh;  color:blue;  margin:1px; padding:1%; text-decoration:none; }
	.totries:hover{ cursor:pointer; color:magenta;  }	
	#form_knowledge #tries{ font-size:2.5vh;  text-decoration:none; }
	
    #imgprofilpage{ width:0%; }
	#form_users{ width:98%; margin:0%; }
	#titreuser{ font-size:2.5vh; font-weight:bold; text-align:left;}
	
	
	#plateau #users{ width:98%; text-align: left; font-size: 2.2vh; }  
	#plateau #users .userval{ display:inline-block; width: 100%; font-size:2vw; }                            
    #plateau #users .datasval{ display:inline-block; width:15%; margin:1%; }
	#plateau #users .datasval_nom{ display:inline-block; width:25%; margin:0.2%; }
	#plateau #users .datasval_prenom{ display:inline-block; width:25%; margin:0.2%; }	
	#plateau #users .datasval_email{ display:inline-block; width:35%; margin:0.2%; }
	#plateau #users .datasval_date{ display:inline-block; width:12%; margin:0.2%; }
	#plateau #users .datasval_cds{ display:inline-block; width:5%; margin:0.2%; }
	#plateau #users .datasval_long{ display:inline-block; width:30%; margin:0.2%; }

    #plateau .usersbt{ display:block; width:90%; text-align: right; }
	.usersavatar{ display:block; width:12%; margin-left:2%; vertical-align: middle; } 
	.selectNoir{ display: inline-block; background: black; border-radius: 50%; height: 2vh; width: 2vh;  margin-left: 10%;  }
	.selectVert{ display: inline-block; background: green; border-radius: 50%; height: 2vh; width: 2vh;  margin-left: 10%; }	

#droite{ width: 98%; border-spacing: 0px; display: inline-block; vertical-align: top; text-align: center;  }
    #droite article{ width:13%; margin:0.2%; padding:0.1%; display:inline-block; text-align:center;  }
	.profileImg{ width:100%; }
	.profileImg:hover{ border-radius: 21%; box-shadow: 0 0 15px rgba(0,0,0,0.8); }			
    /* form coordonnées */
    #form_account{ width: 94%; margin-left:1%; padding:1%; vertical-align: top; background-color: beige;
                border: 2px solid gray; border-radius: 2rem; box-shadow: 0 0 25px rgba(0,0,0,0.8);
                font-size: 2.5vw; color: rgb(52, 73, 94);
            } 
		#form_account #account_title{ text-align:left; }					
        #form_account label{ display:block; width:95%; padding: 0%; text-align:left; }                     
        #form_account input[type="text"] { position: relative; width: 90%; margin-top:0%; } 

        #form_account ul{ display: inline-block; width: 95%; list-style: none; padding-left: 0; } 
        #form_account ul li{ display:inline-block; width:auto; border: 1px solid gray; } 


        #form_account input[type="submit"] { position: relative; width: 40%; height: 10vh; margin-top:3%; font-size: 2.2vw;
                                        border: 2px solid gray; border-radius: 2rem; box-shadow: 0 0 15px rgba(0,0,0,0.8);
                                        text-align: center;        
                                      }                 
	
		/* Les boutons de copy */
		/* Les boutons reprise de common */
		#support_bt{ position:relative; display:block; width:100%; text-align:left;  }
		#contain_lnk{ position:relative; display:inline-block; margin:1%; padding: 0%; width: 100%;  }
		.contain_lnkcopy, .contain_lnknocopy{ position:relative; display:inline-table; margin:1%; padding:1%; width:40%; border:1px solid #cfcfcf; border-spacing:4vw; vertical-align:text-top; }
		
		#contain_lnk{ display:block; Width:98%; min-height:10vh; margin-left:3%; }
		#contain_lnk a.bt, #contain_lnk a.copy{ display:block; width:100%; padding:0%; margin:0%; text-align:center; text-decoration:none;  } 
		#contain_lnk .copy{ text-align:center!important;  } 
		#contain_lnk .copy img{ width:50%; padding:0%; margin:0%;  } 	
		
		.btmarge{ display:block; height:50px; }

		.copy{ position:relative; display:grid; place-content:center; width:98%; aspect-ratio: 1 / 1; margin:0%; padding:0%; border-radius: 20%; font-size:15px; font-weight:bold; font-stretch: extra-condensed; text-decoration:none; }
		.copy:hover{ cursor: pointer; box-shadow: 3px 4px 5px gray; }
		.copy:after { content: ""; position: absolute; width: 32px; height: 32px; top: 100%; right: 0px; background: url("/image/boutons/hand_32_30.png"); border-radius: 100%; }
		.copy img{ width: 70%; transform: translate(0%, 10%);  }		
		
	
	/* formulaire information dans profile */                               
    #form_informations{ width: 93%; margin-left:1%; padding:1%; vertical-align: top; background-color: beige;
        border: 2px solid gray; border-radius: 2rem; box-shadow: 0 0 25px rgba(0,0,0,0.8);
        font-size: 2.5vw; color: rgb(52, 73, 94);
    }            
    #form_informations label{ display:block; width:95%; padding: 0%; text-align:left; }                     
    #form_informations input[type="text"] { position: relative; width: 95%; height: 5vh; margin-top:0%; } 
    #form_informations input[type="submit"] { position: relative; width: 40%; height: 10vh; margin-top:3%; font-size: 2.2vw;
                                    border: 2px solid gray; border-radius: 2rem; box-shadow: 0 0 15px rgba(0,0,0,0.8);
                                    text-align: center;        
                                }
	/* FOOTER */							
	#showfooter{ width:15%; }
		#showfooter img{ width:100%; }
		#ifr{ border:0; }

		.marge10{ padding-top:2%; margin-left:10%; }
		.marge11{ margin-left:-5.1%; }
	.toifr{ display:block; color:black; }	
	
	#footer{ width:80%; height:90%; overflow: hidden;  }								
	footer{ margin-top:6%; margin-left:0%; font-size:1.4vh; }
	#footerCMN{ display:block; margin-left:1%; font-size:2.5vh; }
	#linksF{ display:block; width:86%; margin-left:-9%; }
		#linksF li{ list-style-type: none; margin:2%; }

	
	
	
	.media_pdf:hover{ cursor:pointer; }							

/* HOME TEXT */
#modifHT{ width: 80%; margin: 1%; }
#topicHT{ width:60%; margin:1%; padding:1%; }
.topic{ width:80%!important; font-size:2.5vh!important; font-weight:bold!important; text-decoration: none; margin:1%; padding:auto; text-align:left;   }
#contain_typeHT{ position:relative; display: flex; width:100%; align-items: center;     /* Centre verticalement */ }
#contain_typeHT #type_fermeHT{ position:absolute; left:60%; top:5%; width:40%; z-index:100; }
#contain_typeHT img{ width:12%; }
#contain_exemplemedia{ position:relative; width:100%; text-align:center; }
#contain_exemplemedia img{ width:15%; margin:1%; padding:1%; }
	
#contain_IVAHT{ position:relative; width:90%; border:1px solid #c9c9c9; }
#contain_mediaHT{ position:relative; width:100%; }
#contain_mediaHT #align_mediaHT{ position:relative; width:100%; border:1px solid #cacaca; }
#contain_mediaHT #align_mediaHT img, #contain_mediaHT #align_mediaHT video, #contain_mediaHT #align_mediaHT audio{  width:100%;  }

#media_toolHT {display: flex; justify-content: center; /* Centre horizontalement */ align-items: center;     /* Centre verticalement */ width:100%; }
#media_toolHT #tool_width{ Width:30%; }
#media_toolHT .align_icon{ display: inline-block; width:7%; margin:7%; }
#media_toolHT .align_icon img{ width:100%; }
	
/* KNOWLEDGE */
#modifKNW{ width: 80%; margin: 1%;   }
#modifKNW #topic{ width:60%; margin:1%; padding:1%; }
.topic{ width:80%!important; font-size:2.5vh!important; font-weight:bold!important; text-decoration: none; margin:1%; padding:auto; text-align:left;   }
#contain_typeKNW{ position:relative; display: flex; width:100%; align-items: center; }
#contain_typeKNW #type_ferme{ position:absolute; left:60%; top:5%; width:40%; }
#contain_typeKNW img{ width:12%; }
	
#contain_IVA{ position:relative; width:100%;}
#modifKNW #contain_media{ position:relative; width:100%; }
#modifKNW #contain_media #align_media{ position:relative; width:100%; border:1px solid #cacaca; }
#modifKNW #contain_media #align_media img, #modifKNW #contain_media #align_media video, #modifKNW #contain_media #align_media audio{  width:100%;  }
	
#modifKNW #media_tool{ display: flex; justify-content: center; align-items: center; width:100%; }
#modifKNW #media_tool #tool_width{ display:inline-block; width:35%; vertical-align:top; }
#modifKNW #media_tool .align_icon{ display:inline-block; width:7%; margin-left:7%; }
#modifKNW #media_tool .align_icon img{ width:100%; }		

/* USER RECEPTION(register) */
#modifUSR{ width: 80%; margin: 1%;   }
#modifUSR #topic{ width:60%; margin:1%; padding:1%; }
.topic{ width:80%!important; font-size:2.5vh!important; font-weight:bold!important; text-decoration: none; margin:1%; padding:auto; text-align:left;   }

#modifUSR{ width: 80%; margin: 1%;   }
#modifUSR #topicUSR{ width:60%; margin:1%; padding:1%; }
#contain_typeUSR{  position:relative; display: flex; width:100%; align-items: center; }
#contain_typeUSR #type_ferme{ position:absolute; left:60%; top:5%; width:40%; }
#contain_typeUSR img{ width:12%; }

#contain_mediaUSR{ position:relative; width:100%; }
#contain_mediaUSR #align_mediaUSR{ position:relative; border:1px solid #cacaca; }
#contain_mediaUSR #align_mediaUSR img, #contain_mediaUSR #align_mediaUSR video, #contain_mediaUSR #align_mediaUSR audio{  width:100%;  }

#media_toolUSR{ display: flex; justify-content: center; align-items: center; width:100%; }
#media_toolUSR #tool_width{ display:inline-block; width:35%; vertical-align:top; }
#media_toolUSR .align_icon{ display:inline-block; width:7%; margin-left:7%; }
#media_toolUSR .align_icon img{ width:100%; }		

.result_hometext{ margin:1%; padding:1%; border:0px solid #cacaca; text-align:left; }


.imagesize{ display:block; text-align:center; font-size:1.9vw; }
.noimage{ font-size:1.9vw; margin-left:1%; }
.hautdepage{ position:absolute; left:76%; top:0%; font-size:1.6vh; text-decoration:none;}