/**********************/
/**      Common      **/
/**********************/

.fullHD .bg_desktop {
	display: none;
}

.fullHD .bg_fullHD {
	display: block;
}
.fullHD .block {
	width: 1920px;
	padding: 20px 100px;
}

.fullHD #frontContainer {
	width: 1920px;
}

.fullHD #backContainer {
	width: 1920px;
}
.fullHD #header h1 {
	padding-top: 150px;
}

.fullHD #header p {
	font-size: 20px;
	text-align: left;
}


/***** FOOTER *****/

.fullHD #footer .contact p {
  font-size: 31px;
  line-height: 40px;
  margin: 6px 0px;
}

.fullHD #footer .logo {
  width: 155px;
}

.fullHD #footer .text {
    width: 310px;
    margin-left: 65px;
}

.fullHD #footer .thumbnail {
  width: 280px;
  height: 280px;
}

.fullHD .thumbnail span {
  display: inline-flex;
  font-size: 18px;
  letter-spacing: 0.8px;
  line-height: 32px;
  margin-top:8px;
}

.fullHD .thumbnail svg {
	width: 120px;
	height: 120px;
}

.fullHD #footer .contact {
	margin-right: 15px;
	margin-left: 20px;
}

.fullHD #footer .layer {
	padding-top: 25px;
	padding-bottom: 25px;
}

.fullHD #footer .copyright p {
  font-size: 18px;
  line-height: 35px;
  margin: 6px;
}

/**********************/
/****** ACCUEIL *******/
/**********************/

.fullHD #pitchMobile {
	display: none;
}

/*** Lieu ***/
.fullHD #lieu .mapSite {
  width: 700px;
  height: 500px;
}


/*  values  */

.fullHD #values.block {
	display:block;
	padding: 30px 30px;
}

.fullHD .flip-card {
	height: 480px;
	width: 430px;
}

	/* Style the front side (fallback if image is missing) */

.fullHD .flip-card-front img {
	margin-bottom: 20px;
	width: 300px;
}

.fullHD .flip-card-front h3 {
	margin-top: 30px;
}

.fullHD .flip-card-back h5 {
	margin-top: 10px;
}

	/* Style the back side */

.fullHD .flip-card-back p {
	font-size: 18px;
}

.fullHD #valuesMobile {
	display: none;
}
/************************/
/*******  Modal  ********/
/************************/

.fullHD #modalContainer .modal-content p {
	margin-bottom: 4px;
	line-height: 34px;
}

.fullHD #modalContainer .modal-body {
	padding: 16px;
}

/*.fullHD #modalContainer .modal-dialog {
	width: 1000px;
}*/

.fullHD #modalContainer .modal-content {
	border-radius: 10px;
}

.fullHD #modalContainer .modal-content fieldset {
	border-radius: 10px;
	padding: 10px;
}

.fullHD #modalContainer .modal-content legend {
	padding: 0px 5px;
}

.fullHD .modal-title {
	margin-bottom: 0px;
}

.fullHD .checkboxAvailability {
	width: 128px;
}

.fullHD input.checkboxAvailability {
	width: 120px;
	height: 30px;
	margin: 4px;
}

.fullHD input.checkboxAvailability::before {
	border-radius: 10px;
	width: 120px;
	height: 32px;
}

.fullHD input[type="file"]::-webkit-file-upload-button {
	border-radius: 10px;
	padding: 10px 15px;
	font-size: 15px;
}
/*
.fullHD #metier {
	justify-content: space-between;
}

.fullHD #metier .imgContainer {
	height: 710px;
	position: relative;
}

.fullHD #metier .metierImage {
  width: 600px;
	position: absolute;
	top: -40px;
}

.fullHD #metier .textMetier {
	margin-inline: 100px;
}
*/


/******************************/
/**       Tarification       **/
/******************************/

#tarif.fullHD #header .headerContent {
	padding: 100px 130px 0px 130px;
}

#tarif.fullHD #header .headerContent img {
	height: 500px;
}

.fullHD .accordion p {
	margin: 2px 0px 6px 0px;
}

.fullHD .accordion-body p {
	padding: 6px 16px;
}

.fullHD .accordion-button:hover, 
.fullHD .accordion-button:not(.collapsed):hover {
	padding: 11px 16px;
	font-size: 20px;
}

.fullHD .accordion-button {
	padding: 12px 16px;
	border-radius: 0px;
	margin: 0px;
}

 /**********************/
/**       Blog       **/
/**********************/

.fullHD #carouselPopularBlogs {
	height: 570px;
	margin-top: 0px;
}

.fullHD .carousel-item {
	height: 570px;
}

.fullHD .carouselTextDiv {
	padding-top: 190px;
}

.fullHD .carouselTextDiv p {
	font-size: 21px;
	margin-left: 500px;
	margin-top: 50px;
	margin-bottom: 40px;
	width: 920px;
}

.fullHD .carouselTextDiv h3 {
	font-size: 30px;
}

.fullHD .page {
	padding: 0px 130px;
}

.fullHD .blogCard {
	border-radius: 10px;
	margin: 15px 48px;
	padding-bottom: 20px;
	width: 633px;
}
  
.fullHD .blogCard img{
	width: 631px;
	height: 252px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-bottom: 30px;
}

.fullHD .blogCard p{
	margin: 20px;
	font-size: 18px;
}


/**********************/
/***** Blog Post ******/
/**********************/

.fullHD .blogHeader {
	height: 570px;
}

.fullHD .blogPost {
	padding-left: 120px;
	padding-right: 120px;
}

.fullHD .blogPost h1 {
	font-size: 38px;
	margin-top: 25px;
	margin-bottom: 28px;
}
  
.fullHD .blogPost h2 {
	margin-top: 24px;
	margin-bottom: 16px;
}

.fullHD .blogPost p {
	font-size: 21px;
	margin-bottom: 12px;
}

.fullHD .blogPostQuestion {
	margin-top: 23px;
	font-size: 21px;
}

.fullHD .relatedArticle {
	padding: 0px 130px;
}


/****** PROFIL ************/
#profil.fullHD  .aboutSection div {
	width: 800px;
}

#profil.fullHD #valuesMobile {
	display: none;
}

/****** PRESTATIONS **********/
.fullHD .prestations .diplome {
	width: 720px;
	margin-top: -173px;
	margin-right: 65px;
}

/**********************/
/**** Visio *******/
/**********************/

.fullHD #mute-btn-card, 
.fullHD #toggle-camera-btn {
    width: 50px; 
    height: 50px; 
    margin: 0 10px; 
}

.fullHD #name-form {
    width: 490px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.fullHD #localVideoContainer {
	width: 470px;
	height: 260px;
	margin-bottom: 14px;
}

.fullHD.room #name-form h1 {
	font-size: 1.4em;
	margin-bottom: 20px;
}

.fullHD.room #name-form .dropdown-menu {
	width: 470px;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(-15px, 64px);	
	border-radius: 15px;
	border: 1px solid #ccc;
}

.fullHD.room .dropdown-item{
	width: 405px;
	margin: 0px;
}

.fullHD.room .dropdown-toggle::after {
	vertical-align: 2px;
}


.fullHD.room .mute-icon{
width: 15px;
height: 15px;
}


.fullHD #name-form input,
.fullHD #name-form select,
.fullHD #name-form label,
.fullHD #name-form button:not(.mute-btn):not(.camera-btn):not(#join-btn):not(.dropdown-item) {
	width: 470px;
	margin-bottom: 11px;
	padding: 9px;
	font-size: 19px;
	background-color: white;
	overflow: hidden;
	line-height: 32px;
	height: 50px;
}

.fullHD #name-form #join-btn{
	width: 360px;
    margin-bottom: 15px;
    padding: 9px;

}

.fullHD #name-form button:not(.mute-btn):not(.camera-btn):not(#join-btn) svg{
	width: 20px;
	height: 20px;
	margin-right: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
	vertical-align: middle;
	float: left;

}

.fullHD #name-form button:not(.mute-btn):not(.camera-btn):not(.join-btn) span{
	font-size: 0.9em;
}

/* .fullHD #name-form button:not(.mute-btn):not(.camera-btn):not(.join-btn) {
	display: flex;
	align-items: center;
	justify-content: flex-start;
} */

.fullHD #name-form .join-btn {
	width: 360px;
	margin-bottom: 15px;
	padding: 10px;
	font-size: 1em;
}

.fullHD.room .audio-icon{
	width: 20px;  
	height: 20px;  
	margin-right: 3px;  
	margin-top: 4px;  
	margin-bottom: 4px; 
	margin-left: 4px;  
	vertical-align: middle;  
	float: left;
}

.fullHD.room  #local-controls {
	gap: 20px;
	margin-bottom: 15px;
}

.fullHD.room .control-btn {
	width: 50px; 
	height: 50px;
	margin: 0 10px; 
}

.fullHD.room .mute-btn,
.fullHD .camera-btn {
	width: 50px;
	height: 50px; 
	margin: 0 10px; 
}

.fullHD.room .mute-btn svg,
.fullHD.room .camera-btn svg {
	width: 24px; 
	height: 24px; 
}

.fullHD.room #visio-interface {
	width: 1835px;
	margin: 2vh 35px 2vh 50px;
    }

.fullHD.room .video-container.small {
	height: 162px;
    margin-top: 5px;
    opacity: 0.9;
}

.fullHD.room .video-container {
	width: 1835px;
	height: calc(100% - 108px);
	min-height: 150px;
    }

.fullHD.room .roomName {
	margin-top: 50px;
    }

.fullHD.room .chat-controls button {
	margin-right: 10px;
	padding: 5px 10px;
	border-radius: 25px;
	font-size: 0.9em;
	width: 45px;
	height: 40px;
}

.chatHeader h3 {
	font-size: 30px;
}

.fullHD.room .controls {
	bottom: 0;
	left: 0;
	width: 1835px;
	height: 61px;
	padding: 10px;
	z-index: 10;
}

.fullHD.room .controls button {
	margin-right: 10px;
	padding: 5px 10px;
	border-radius: 15px;
	font-size: 0.9em;
	width: 45px;
	height: 40px;
}

.fullHD.room .peer-video video {
	width: 100%;
}

.fullHD.room .peer-video .name-banner {
	padding: 5px 10px;
	/* font-size: 1.1em; */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}


.fullHD.room #name-form {
	margin-bottom: 20px;
    }

.fullHD.room #name-form input {
	padding: 10px;
	font-size: 1em;
	border-radius: 5px;
	margin-right: 10px;
}

.fullHD.room .chatToggleBtn.open {
	right: 310px; 
}

.fullHD.room #chatBox {
      width: 350px;
}

.fullHD.room .chatHeader {
    height: 45px;  
	padding: 5px;
      font-size: 1.2em;
}

.fullHD.room .chatBoxMessages {
	padding: 10px;      
}

.fullHD.room .chatInputContainer {
	height: 61px;
	padding: 1px;
}

.fullHD.room .chatInput {
	padding: 10px;
	border-radius: 5px;
	font-size: 1em;
	margin-right: 5px;
	margin-left: 5px;
}

.fullHD.room .chatSendBtn {
	padding: 10px 15px;
}

.fullHD.room .chatBoxMessage {
	margin-bottom: 10px;
	max-width: 280px;
	padding: 10px;
	border-radius: 15px;
	font-size: 0.9em;
	line-height: 1.4;
}

.fullHD.room .chatBoxMessage.sent {
	margin-left: 85px;
}

.fullHD.room .chatBoxMessage.received {
	margin-right: 85px;
}

.fullHD.room .bubble-received-svg svg{
	bottom:calc(1 * 3px);
	left:calc(6 * -2.2px);
	height:calc(6 * 10px);
	width:calc(6 * 15px);
}

.fullHD.room #send-chat-btn svg {
	width: 23px;
	height: 24px;
}

.fullHD.room .bubble-send-svg svg{
	bottom:calc(6 * -0.45px);
	right:calc(6 * -2.2px);
	height:calc(6 * 10px);
	width:calc(6 * 15px);
}

.fullHD.room .chat-username {
	margin-bottom: 5px;
}

.fullHD.room .main-video-container {
	width: 1835px;
	max-height: calc(90% - 200px);
	min-height: 250px;
	margin: 0 auto 20px auto;
	border-radius: 10px;
}


.fullHD.room .video-container .peer-video {
	max-width: 100%;
	max-height: 100%;
	border: 1px solid #272748;
	border-radius: 15px;
}


.fullHD.room .main-video-container .name-banner {
	padding: 5px 10px;
	font-size: 1.1em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.fullHD.room .error-card {
	border-radius: 10px;
	padding: 20px;
	width: 500px;
}

.fullHD.room .error-card h1 {
	text-align: center;
	color: #333;
}

.fullHD.room .error-card p {
	text-align: justify;
	font-size: 1em;
	color: #666;
	margin-bottom: 20px;
}

.fullHD.room .error-card button {
	border-radius: 5px;
	padding: 10px 20px;
	font-size: 1em;
}

.fullHD.room #visio-interface h1 {
	text-align: center; 
	margin-bottom :auto ;
	line-height :45px ;
}