@media only screen and (min-width: 1100px) {
	/* ajoute un background au body pour le style pc */
	body {
		text-align: center;
		background-image: url("/resources/images/laptop_background.jpg");
		background-size: 100%;
		background-repeat: repeat-y;
	}
	body.connected {
		background-image: url("/resources/images/laptop_main_background_v2.jpg");
	}
	body
	/* style pc pour les pages de connexions */
	.login,
	.forgot-pwd,
	.reset-pwd {
		position: absolute;
		top: 20%;
		left: calc(50% - 250px);
		width: 420px;
		padding: 40px 40px 100px 40px;
		text-align: left;
		box-shadow: 0 0 6.2px 0 rgba(0, 0, 0, 0.25);
		background-color: #FFF;
		border-radius: 50px;
		transform: translate(-50%, -50%);
	}
	.login .logo-container #logo,
	.forgot-pwd .logo-container #logo,
	.reset-pwd .logo-container #logo {
		
	}
	.login #connexion_txt,
	.forgot-pwd #connexion_txt,
	.reset-pwd #connexion_txt{
		font-size: 2.0rem;
		margin: 10% 0 5% 0;
	}
	.login .input-container input,
	.forgot-pwd .input-container input,
	.reset-pwd .input-container input{
		border-radius: 50px;
	}
	.login .button,
	.forgot-pwd .button,
	.reset-pwd .button {
		margin: 10% auto 0;
	}
	.login .link,
	.forgot-pwd .link,
	.reset-pwd .link{
		margin: 10% 0 0 0;
		font-size: 1.0rem;
	}
	.login .notice.red,
	.forgot-pwd .notice.red,
	.reset-pwd .notice.red {
		
	}
	
	/* style pc du header */
	.header{
		display: grid;
		grid-template-columns: 0.5fr 900px 0.5fr;
		width: 100%;
		height: 100px;
		padding: 0;
		box-shadow: 0 4px 15.3px 0 rgba(0, 0, 0, 0.15);
		align-items: center;
		justify-items: center;
	}
	.header.mini {
		padding: 0 15px;
		/* height: 80px; */
	}
	.header.mini .logo-container #logo {
		width: 150px;
		transform: translateX(-50%);
	}
	.header .logo-container{
		margin: 10px 0 0;
	}
	.header.mini .logo-container {
		position: absolute;
		width: 150px;
		left: calc(50% - 75px);
		transform: translateX(50%);
		transition: all 0.3s;
	}
	.header .logout-button.link {
		top: 50%;
		right: 70px;
	}
	.header .logout-button.link svg {
		transform: scale(1.5);
	}
	.header .buttons-container {
		display: grid;
		grid-column-gap: 10px;
		align-items: center;
		justify-items: center;
		margin: 0;
	}
	.header .select-button {
		position: relative;
		width: 250px;
		height: 60px;
		padding: 0;
	}
	.header .select-button .icon {
		display: inline-block;
		position: absolute;
		left: 25px;
		top: 50%;
		width: 30px;
		transform: translateY(-50%);
	}
	.header .select-button span {
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 140px;
		padding: 0;
		margin: 0;
		font-size: 1.2rem;
		line-height: 1.2em;
		font-weight: 500;
		transform: translate(-50%, -50%);
	}
	.header .logout-button {
		position: absolute;
		top: 20px;
		right: 1%;
	}

	/* style pc des txt-box */
	
	.txt-box {
		width: 100%;
	}
	.txt-box.regular{
		width: calc(100% - 40px);
	}
	.txt-box.tips {
		width: calc(100% - 60px);
		line-height: 1.5em;
	}
	.modules-content .module-content .step .page .padding-10-80 {
		padding: 30px 10px 20px 10px;
	}
	.txt-box.svg-left{
		width: calc(100% - 60px);
	}
	.txt-box.lvl .content {
		width: calc(100% - 10px);
	}
	.txt-box.title-svg-button {
		width: calc(100% - 60px);
	}
	
	.button {
		display: block;
		margin: 20px auto 20px;
	}
	
	.txt-box.ai-result {
		width: calc(100% - 42px);
	}
	.txt-box.ai-result-txt {
		width: calc(100% - 22px);
		text-align: left;
	}
	.txt-box.ai-result-txt .response table {
		
	}
	.txt-box.ai-result-txt .response table tr {
		
	}
	.txt-box.ai-result-txt .response table tr td {
		padding: 8px 10px;
		font-size: 0.85rem;
		line-height: 1.2rem;
	}
	/* fonction d'animation pour les popup */
	
	@keyframes gelatine_popup {
		from, to { transform: translate(-50%, -50%) scale(1, 1); }
		25% { transform: translate(-50%, -50%) scale(0.95, 1.05); }
		50% { transform: translate(-50%, -50%) scale(1.05, 0.95); }
		75% { transform: translate(-50%, -50%) scale(0.925, 1.25); }
	}
	@keyframes appearFromBack {
		from { 
			opacity: 0;
			transform: translate(-50%, -50%) scale(0.5, 0.5)
		}
		to { 
			opacity: 1;
			transform: translate(-50%, -50%) scale(1, 1)
		}
	}
	@keyframes disappearToBack {
		from { 
			opacity: 1;
			transform: translate(-50%, -50%) scale(1, 1)
		}
		to { 
			opacity: 0;
			transform: translate(-50%, -50%) scale(0.5, 0.5)
		}
	}

	/* style pc des popup */
	
	.popup {
		position: fixed;
		z-index: 500;
		width: 100%;
		height: 100%;
	}
	.popup .background {
		opacity: 0.7;
	}
	.popup.history .background {
		opacity: 0.9;
	}
	.popup .content {
		position: fixed;
		top: 50%;
		left: 50%;
		width: calc(900px - 90px);
		padding: 58px 0 101px 0;
		height: auto;
		border-radius: 20px;
		transform: translate(-50%, -50%);
		animation: appearFromBack 0.5s;
	}
	.popup .content .body {
		display: inline-block;
		text-align: center;
	}
	.popup.closing .content {
		opacity: 0;
		animation: disappearToBack 0.5s;
	}
	.popup.waiting {
		
	}
	.popup.waiting .content {
		width: 600px;
		height: 220px;
		padding: 20px 0 90px;
	}
	.popup.cv {
		margin: 0;
		height: 100vh;
	}
	.popup.cv .content {
		margin: 0;
		height: 80%;
	}
	.popup.alert .content {
		padding: 0;
		width: 50%;
		height: 20%;
	}
	.popup.confirm .content{
		height: 20%;
	}
	.popup.history .content{
		display: inline-block;
		width: 1100px;
		padding: 40px 0px 40px;
	}
	.popup.history .content .body {
		width: calc(100% - 200px);
		padding: 0px 100px;
	}
	.popup.history .content .txt-box table {
		
	}
	.popup.history .content .txt-box table tr {
		
	}
	.popup.history .content .txt-box table tr td {
		padding: 8px 10px;
		font-size: 0.85rem;
		line-height: 1.2rem;
	}
		
	/* style pc des beneficiaires */
	
	.beneficiary.page.laptop {
		width: 900px;
		min-height: calc(100vh - 160px);
		margin: 100px 0 0 0;
		padding: 30px 100px 30px;
	}
	.page.beneficiary .results.visible {
		max-height: initial;
	}
	
	/* style pc des pages contenu dans ai-modules */
	
	.page.laptop {
		display: inline-block;
		position: relative;
		width: 1100px;
		min-height: calc(100vh - 180px);
		padding: 0 0 0 0;
		box-shadow: 7px 7px 15.5px 22px rgba(0, 0, 0, 0.25);
		text-align: left;
		background-color: #FFF;
	}
	.ai-modules.page {
		
	}

	/* Credits */

	.credits {
		max-width: 500px;
		margin: 130px auto 0;
	}
	.credits.visible {
		
	}
	.credits h2 {
		
	}
	.credits .list {
		
	}
	.credits .list span {
		
	}
	.credits .list .total span {
		
	}
	.credits .list .remaining span {
		
	}
	.credits .list .used span {
		
	}

	/* Liste des modules dans la partie ai-modules */

	.modules-list.visible {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 40px;
		margin: 40px 0 0 0;
		padding: 0 70px 0;
		background-color: #FFF;
	}
	.modules-list .module-item {
		height: 100px;
		margin: 0 0 0 0;
	}
	.modules-list .module-item:nth-child(odd) {
		grid-column: 1 / 2;
	}
	.modules-list .module-item:nth-child(even) {
		grid-column: 2 / 2;
	}
	.modules-list .module-item h2 {
		width: calc(70% - 10px);
		padding: 20px 0 0 20px;
		font-size: 1.2rem;
		font-weight: 500;
	}    
	.modules-list .module-item h3 {
		width: calc(70% - 24px);
		padding-left: 20px;
		font-size: 1.1rem;
	}
	.modules-list .module-item svg {
		width: 40px;
		height: auto;
	}
	.modules-content .module-content {
	}
	.modules-content .module-content .step.visible {
		width: calc(1100px - 360px);
		padding: 50px 180px 50px 180px;
		background-color: #FFF;
	}
	.modules-content .module-content .step .page-top {
		position: relative;
		height: 450px;
	}
	.modules-content .module-content .step .page-top .module-img{
		height: 450px;
	}
	.modules-content .module-content .step .page {
		display: inline-block;
		background-color: #FFF;
		width: 100%;
		margin: 30px 0 0 0;
		padding: 0 0 0 0;
	}
	.modules-content .module-content .step .top-page {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.modules-content .module-content .step.module-intro-step.visible {
		width: 1100px;
		margin-top: 65px;
		padding: 0;
		background: #fff;
	}
	.modules-content .module-content .step.module-intro-step .page.module-intro-page {
		display: grid;
		width: auto;
		margin: 0;
		padding: 30px 28px 44px;
	}
	.module-intro-hero {
		grid-template-columns: 450px 1fr;
		min-height: 420px;
		padding: 60px 0 0 36px;
	}
	.module-intro-title {
		font-size: 3.35rem;
	}
	.module-intro-gradient-line {
		width: 430px;
		margin: 24px 0 24px;
	}
	.module-intro-4 .module-intro-gradient-line {
		width: 370px;
	}
	.module-intro-hero p {
		max-width: 430px;
		font-size: 1.05rem;
		line-height: 1.55;
	}
	.module-intro-hero-visual {
		left: auto;
		right: 0;
		width: 580px;
		margin-right: 20px;
		transform: none;
	}
	.module-intro-4 .module-intro-hero {
		grid-template-columns: 420px 1fr;
		min-height: 360px;
		padding-top: 52px;
	}
	.module-intro-4 .module-intro-title-cv {
		max-width: 360px;
		font-size: 4.2rem;
	}
	.module-intro-4 .module-intro-hero p {
		max-width: 350px;
	}
	.module-intro-4 .module-intro-hero-visual {
		width: 600px;
		height: 360px;
		margin-right: 0;
	}
	.module-intro-8 .module-intro-hero {
		grid-template-columns: 450px 1fr;
		min-height: 390px;
		padding-top: 54px;
	}
	.module-intro-8 .module-intro-title {
		font-size: 3.55rem;
	}
	.module-intro-8 .module-intro-hero-visual {
		width: 590px;
		height: 390px;
		margin-right: 0;
	}
	.module-intro-9 .module-intro-hero {
		grid-template-columns: 450px 1fr;
		min-height: 390px;
		padding-top: 54px;
	}
	.module-intro-9 .module-intro-title {
		font-size: 3.55rem;
	}
	.module-intro-9 .module-intro-hero-visual {
		width: 590px;
		height: 390px;
		margin-right: 0;
	}
	.module-intro-9 .module-intro-objectives-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.module-intro-6 .module-intro-hero {
		grid-template-columns: 470px 1fr;
		min-height: 390px;
		padding-top: 54px;
	}
	.module-intro-6 .module-intro-title {
		font-size: 3.55rem;
	}
	.module-intro-6 .module-intro-hero-visual {
		width: 590px;
		height: 390px;
		margin-right: 0;
	}
	.module-intro-6 .module-intro-objectives-grid {
		grid-template-columns: repeat(4, 1fr);
	}
	.module-intro-6 .module-intro-objective {
		padding: 0 20px;
	}
	.module-intro-2 .module-intro-hero {
		grid-template-columns: 450px 1fr;
		min-height: 390px;
		padding-top: 54px;
	}
	.module-intro-2 .module-intro-title {
		font-size: 3.55rem;
	}
	.module-intro-2 .module-intro-hero-visual {
		width: 590px;
		height: 390px;
		margin-right: 0;
	}
	.module-intro-2 .module-intro-objectives-grid.module-intro-motivation-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.module-intro-2 .module-intro-source-note {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.module-intro-1 .module-intro-hero {
		grid-template-columns: 450px 1fr;
		min-height: 390px;
		padding-top: 54px;
	}
	.module-intro-1 .module-intro-title {
		font-size: 3.55rem;
	}
	.module-intro-1 .module-intro-hero-visual {
		width: 590px;
		height: 390px;
		margin-right: 0;
	}
	.module-intro-1 .module-intro-preparatory-choices {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.module-intro-1 .module-intro-choice {
		min-height: 0;
		padding-top: 34px;
	}
	.module-intro-1 .module-intro-choice h2 {
		min-height: 0;
	}
	.module-intro-7 .module-intro-hero {
		grid-template-columns: 450px 1fr;
		min-height: 390px;
		padding-top: 54px;
	}
	.module-intro-7 .module-intro-title {
		font-size: 3.55rem;
	}
	.module-intro-7 .module-intro-hero-visual {
		width: 590px;
		height: 390px;
		margin-right: 0;
	}
	.module-intro-3 .module-intro-hero {
		grid-template-columns: 450px 1fr;
		min-height: 390px;
		padding-top: 54px;
	}
	.module-intro-3 .module-intro-title {
		font-size: 3.55rem;
	}
	.module-intro-3 .module-intro-hero-visual {
		width: 590px;
		height: 390px;
		margin-right: 0;
	}
	.module-intro-objectives {
		margin-top: 20px;
		padding: 62px 0px 30px;
	}
	.module-intro-objectives > h3 {
		width: 500px;
		font-size: 1.3rem;
	}
	.module-intro-objectives-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 0;
	}
	.module-intro-objective {
		padding: 0 30px;
	}
	.module-intro-objective + .module-intro-objective {
		border-left: 2px solid var(--intro-border);
	}
	.module-intro-objective img,
	.module-intro-choice > img {
		width: 126px;
		height: 126px;
	}
	.module-intro-icon-placeholder {
		width: 126px;
		height: 126px;
	}
	.module-intro-objective p,
	.module-intro-choice p {
		font-size: 0.9rem;
	}
	.module-intro-preparation {
		gap: 22px;
	}
	.module-intro-preparation > h3 {
		grid-template-columns: auto auto auto;
		justify-content: center;
		font-size: 1.55rem;
		text-align: center;
	}
	.module-intro-preparation > h3 > img {
		width: 55px;
		height: 55px;
	}
	.module-intro-preparation > h3 > img.module-intro-preparation-search {
		padding: 0;
	}
	.module-intro-preparation > h3 > img:last-child {
		width: 44px;
		height: auto;
	}
	.module-intro-choices {
		grid-template-columns: repeat(3, 1fr);
		gap: 18px;
	}
	.module-intro-choice {
		align-content: start;
		min-height: 450px;
		padding: 40px 16px 24px;
	}
	.module-intro-choice h2 {
		min-height: 65px;
		font-size: 1.05rem;
	}
	.module-intro .button {
		display: grid;
		width: 100%;
		max-width: 270px;
		margin: 8px auto 0;
	}
	.module-intro-benefits {
		min-height: 140px;
		padding-left: 18px;
	}
	.module-intro-play {
		gap: 34px;
	}
	.module-intro-play > h3 {
		font-size: 1.55rem;
	}
	.module-intro-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px;
	}
	.module-intro-6 .module-intro-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.module-intro-step-card {
		padding: 40px 42px 30px;
	}
	.module-intro-step-card li {
		font-size: 0.9rem;
	}
	.module-intro-7 .module-intro-step-card {
		padding-left: 28px;
		padding-right: 28px;
	}
	.module-intro-7 .module-intro-step-heading {
		grid-template-columns: minmax(0, 35%) minmax(0, 1fr);
		gap: 22px;
		align-items: center;
	}
	.module-intro-7 .module-intro-step-heading .module-intro-step-visual img {
		width: 100%;
		height: auto;
	}
	.module-intro-step-text-icon {
		width: 74px;
		height: 74px;
		margin: 0 0 8px;
	}
	.module-intro-6 .module-intro-step-icon {
		width: 126px;
		height: 126px;
	}
	.module-intro-7 .module-intro-step-heading h4 {
		font-size: 1.15rem;
	}
	.module-intro-3 .module-intro-step-card {
		padding-left: 30px;
		padding-right: 30px;
	}
	.module-intro-3 .module-intro-step-visual img {
		width: 126px;
		height: 126px;
	}
	.module-intro-9 .module-intro-step-visual img {
		width: 126px;
		height: 126px;
	}
	.module-intro-3 .module-intro-step-card h4 {
		font-size: 1.1rem;
	}
	.module-intro-3 .module-intro-step-card .button {
		max-width: 320px;
	}
	.module-intro-privacy {
		grid-template-columns: 120px 1fr 250px;
		min-height: 100px;
		padding: 10px 0px 0 40px;
		overflow: visible;
	}
	.module-intro-privacy-icon {
		width: 82px;
		height: 82px;
	}
	.module-intro-privacy-person {
		right: 34px;
		width: 270px;
		max-height: none;
	}
	.module-intro-privacy-copy p {
		font-size: 0.9rem;
		line-height: 1.25;
	}
	.module-intro-privacy-copy p:first-child {
		font-size: 1.2rem;
	}
	/* styles des choix de metiers pc */
	.target-job.choice-menu-list {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
		gap: 15px;
	}
	.target-job.choice-menu-list .centered .button{
		width: auto;
	}
	.target-job.choice-list.visible .job-results {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		background-color: #FFF;
		gap: 30px;
	}
	.target-job.choice-list.visible .job-results .result {
		
	}

	/* Liste experiences pour le module preparatoire */

	.modules-content .module-1 {
		
	}
	.modules-content .module-1 .experiences {
		
	}
	.modules-content .module-1 .experiences .experiences-list {
		
	}
	.modules-content .module-1 .experiences .experiences-list .row {
		grid-template-columns: 1fr 1fr 120px;
	}
	.modules-content .module-1 .experiences .experiences-list .row.title {
		
	}
	.modules-content .module-1 .experiences .experiences-list .row:not(.title) {
		
	}
	.modules-content .module-1 .experiences .experiences-list .row .cell {
		font-size: 0.85rem;
		line-height: 1.1rem;
	}
	.modules-content .module-1 .experiences .experiences-list .row.title .cell {
		
	}
	.modules-content .module-1 .experiences .notices {
		
	}
	.modules-content .module-1 .experiences .notices p {
		
	}
	.modules-content .module-1 .experiences .notices p.no-experience {
		
	}

	/* Div page des modules */

	/*/////////////////////////////////////////////////
	----------------- Page ressources -----------------
	/////////////////////////////////////////////////*/

	.page.resource {
		width: 990px;
		min-height: calc(100vh - 280px);
		margin-top: 100px;
		padding: 40px 55px 0;
	}
	.page.resource .magazines-home {
		margin-bottom: 45px;
	}
	.page.resource .magazines-list {
		grid-template-columns: repeat(3, 240px);
		gap: 0 80px;
		justify-content: center;
		margin: 0 0 45px;
	}
	.page.resource .magazine-detail-header {
		grid-template-columns: 1fr auto;
		gap: 25px;
	}
	.page.resource .magazine-detail-header h1 {
		margin: 0;
	}
	.page.resource .magazine-back {
		justify-self: end;
	}
	.page.resource .magazine-issues-list {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}
	.page.resource .magazine-issue-placeholder {
		min-height: 430px;
	}
	.page.resource .magazine-viewer iframe {
		min-height: 760px;
	}
	.page.resource .bookmarks-list,
	.page.resource .main-list,
	.page.resource .modules-list {
		grid-template-columns: repeat(2, 0.5fr);
		grid-gap: 30px 50px;
		margin: 20px 0 0px;
		padding: 0 0 0;
	}
	.page.resource .main-list .item,
	.page.resource .modules-list .item {
		padding: 10px 40px;
	}
	.page.resource .main-list .item h2 {
		
	}
	.page.resource .main-list .item h3 {
		
	}
	.page.resource .modules-list {
		padding: 0 0 5px;
	}
	.page.resource .module-content .practical-sheet .video .video-embed iframe {
		min-height: 500px;
	}
	
	/*style pc de l'historique */

	.history {
		margin: 100px 0 -100px 0;
	}
	.history .print-button {
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
		cursor: pointer;
	}
	.history h1 {
		margin: 50px 0 40px;
	}
	.history .link.visible {
		
	}
	.history .conversations-list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 40px;
		margin: 65px 0 20px 0;
		text-align: center;
	}
	.history .conversations-list .notice{
		position: absolute;
		left: 50%;
		margin: 0 0 20px 0;
		transform: translateX(-50%);
	}
	.history .conversations-list .analyze-container {
		margin: 0;
	}
	.history .conversations-list .analyze-container h2 {
		font-size: 1.0rem;
		padding: 0 100px 0 0;
	}
	.history .conversations-list .analyze-container p {
		font-size: 0.9rem;
		line-height: 1.5em;
	}
	.history .conversations-list .analyze-container p.target-job {
		
	}
	.history .conversations-list .analyze-container svg.glass{
		top: 50%;
		right: 80px;
		width: 25px;
		height: 25px;
	}
	.history .conversations-list .analyze-container svg.transfer{
		top: 50%;
		right: 30px;
		width: 22px;
		height: 22px;
	}

	/* Footer */

	.footer {
		position: relative;
		width: 1100px;
		margin: 0px auto 0;
		padding: 50px 0 20px;
	}
	.login .footer,
	.forgot-pwd .footer,
	.reset-pwd .footer {
		width: auto;
		margin: 20px 0 -50px;
	}
	.reset-pwd .footer {
		
	}
	.footer p {
		
	}
	.login .footer p,
	.forgot-pwd .footer p,
	.reset-pwd .footer p {
		
	}

}