/*****version téléphone portrait ****/
@media only screen and (max-width: 480px) {
	.footer-contact-accueil {
		display:none;
	}
	.reseaux_sociaux_tel {
		display:visible;
		margin-top:50px;
	}
	.nav__trigger-finger {
		top: 17px;
		right:-26px;
	}
	.nav_name {
		position:fixed;
  right: 0;
  top: 16px;
  color: hotpink;
  transform: rotate(-90deg);
	}
	.menu {
padding-left:0;
width:325px;
}
	
/**** ACCUEIL***/
.mini_menu{
left:0;
text-align:center;
width:80%;
}
.intro {
		display: block;
  width: 80%;
  margin-left: auto;
  margin-left: 10%;
  height:420px;
	}
	.txt_intro, .txt_intro p {
		font-size: 18px;
  letter-spacing: 5px;
	}
#vitrine {
	display: inline-block;
  width: 90%;
  margin-left: 5%;
}
#vitrine h2 {
	display: inline-block;
    margin-left: 8%;
    font-size: 40px;
    padding-bottom: 13px;
}
.portfolio {
	height: 1600px;
  grid-template-rows: repeat(15, 1fr);
  grid-template-columns: none;
}
.portfolio-item.medium,
.portfolio-item.large,
.portfolio-item.tall,
.portfolio-item.wide {
	grid-row: span 3;
  grid-column: span 3;
}

.portfolio-item.small {
	display :none;
}
.popup__content {
	width: 90svw;
}

/****LA COMPAGNIE***/


.resume_cie2 {
	width: 25%;
  display: inline-block;
  height: 650px;
  background-color: var(--full2);
  mix-blend-mode: multiply;
  vertical-align: top;
  position: relative;
  top: -30px;
  left: 3svh;
}
.resume_cie {
	width: 73%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -4svh;
  text-align: justify;
}
.draw22 {
	left:-12px;
}
.draw23 {
	left: 12px;
  top: 611px;
}

#cie_adolescence {
	margin-top:0;
	padding-top:0;
}
.adolescence_cie2 img {
	width: 100%;
    float: none;
    margin: 0;
    z-index: 1;
    position: relative;
}
.adolescence_cie {
	width: 100%;
  display: block;
  text-align: justify;
  padding-left: 5%;
  background-color: #00d27f;
  mix-blend-mode: multiply;
  padding-right: 5%;
  padding-top: 25px;
  padding-bottom: 15px;
  position: relative;
  z-index: 3;
  left:0;
  top:0;
}

.draw24 {
	top: 45px;
  left: -35px;
}

.draw25 {
	top: -45px;
  right: -35px;
}

.ecriture_cie2 {
	width: 46%;
  display: inline-block;
  height: 970px;
  background-color: var(--fd3);
  position: absolute;
  mix-blend-mode: multiply;
  left: 192px;
  top: 2510px;
}
.ecriture_cie2 img {
	left: 114px;
  top: 32px;
}
.ecriture_cie {
	width: 73%;
  display: inline-block;
  text-align: justify;
  position: relative;
  top: 50px;
  margin-left:0;
  left:15px;
}
#cie_itinerance{
	margin-top:130px;
}

.itinerance_cie {
	width: 90%;
  display: block;
  text-align: justify;
  background-color: white;
  padding: 30px;
  margin-left: auto;
  position: relative;
  left: 0;
  z-index: 2;
  top: 0;
  vertical-align: bottom;
  margin-right: auto;
}

.itinerance_cie2 img {
	width: 90%;
  display: block;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
  top: -204px;
  position: relative;
  z-index: 1;
}
.draw26,
.draw27 {
	left:20%;
}

#cie_experience {
	margin-top: -90px;
  padding-top: 0;
  text-align: center;
  position: relative;
  left: -7%;
}
.experience_cie {
width:75%;
}

.draw28 {
	left:-20px;
}
.draw29 {
	left: 265px;
  top: 379px;
}

.cap_cie {
	width:100%;
	left:0;
	top:-70px;
	padding-left:25px;
}
.cap_cie2 {
	width:100%;
}
.cap_cie2 img {
	width:100%;
}

.draw30 {
	top: 36px;
  left: -203px;
}
.draw31 {
	left: 13px;
  top: -108px;
}
.volet_titre {
		font-size:3rem;
		padding-right:30px;
		padding-top:20px;
		position:relative;
	}
.volet_sous-titre {
	padding-bottom:5px;
}
	
/*****RANDOM****/
.draw35 {
	width: 50px;
  height: 50px;
  position: relative;
  top: 273px;
  left: 83px;
}
#random_resume {
	margin-top:0;
}
.resume_random2 {
	display: inline-block;
  width: 177px;
  height: 313px;
  background-color: var(--fd1);
  position: absolute;
  left: 050%;
  top: 43px;
}
.resume_random p {
	text-align: center;
  font-weight: bold;
  width: 75%;
  z-index: 2;
  position: relative;
  margin-left: 10%;
  margin-top: 50px;
  margin-right: auto;
}

#random_intention{
	margin-left: 0;
  padding-top: 40px;
  text-align: center;
}
.draw1 {
	left:-163px;
}
.draw2 {
	left:190px;
}
.intention_random2{
	display: inline-block;
  width: 90%;
  position: relative;
  top: 0;
  left: 0;
}
.intention_random p {
	margin-top: 0;
  text-align: justify;
  margin-left: 0;
  margin-right: 0;
  background-color: white;
  padding: 20px;
    padding-left: 20px;
  padding-left: 20px;
}
.intention_random {
	width:90%;
}
#random_extraits p {
	width:100%;
}
.vic {
	display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.vic img {
	display:none;
}
.draw3 {
	position: absolute;
  width: 75px;
  height: 85px;
  top: 72px;
  left: -47px;
}
.nor{
	display: block;
  width: 90%;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
.draw4 {
	left: 60px;
  top: -50px;
}
.tous_les_carnets {
	left:-230px;
}
.mini_menu_v {
	left:52%;
}
#random_carnets p {
	width:100%;
}
#random_carnets h1 {
	padding-bottom:8px;
	padding-top:8px;
}
.draw5, .draw6 {
	left:-135px;
}

.carnets_random {
	padding-top:0;
}
.equipe_random2 {
	width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.equipe_random {
display: block;
  width: 90%;
  position: relative;
  left: 0;
  top: -50px;
  margin-left: auto;
  margin-right: auto;
}
.draw7, .draw8 {
	display:none;
}
.infos_tournee {
	position: relative;
  width: 90%;
  float: none;
  margin-top: 050px;
  padding: 20px;
  height: 400px;
  display: block;
  margin-left: auto;
}
.draw9,
.draw10 {
	left:-69px;
}
.infos_container {
	width:90%;
	margin-left:0;
}
.infos_pratiques {
	position: relative;
  width: 90%;
  float: none;
  margin-top: 170px;
  padding: 20px;
  margin-left: 55px;
}
.infos_pratiques .geo:nth-child(5){
	position: absolute;
  width: 44px;
  top: 200px;
  left: 351px;
}
.infos_pratiques .geo:nth-child(6) {
	display:none;
}
.infos_partenaires {
position: relative;
  width: 110%;
  float: none;
  top: -260px;
  padding: 20px;
  left: -13px;
}
.draw13 {
	left:-10px;
}
.draw13 polygon:nth-child(1){
display:none;
}
.draw13 polygon:nth-child(4){
display:none;
}

.draw14 {
	height: 180px;
  width: 580px;
  position: relative;
  top: -269px;
  z-index: 1;
  left: -135px;
}
.draw14 polygon:nth-child(1){
display:none;
}
.draw14 polygon:nth-child(3){
display:none;
}
.draw13b {
display: block;
    position: absolute;
    top: -86px;
    left: -137px;
    width: 650px;
    transform: scale(0.8);
}
.draw14b {
display: block;
    position: absolute;
    left: -40px;
    top: 265px;
    transform: scale(0.7);
}
/******TRAJECTOIRES****/
#traj_objectifs {
	padding-top:0;
}

.objectifs_trajectoires {
	margin-left: auto;
  float: none;
  position: relative;
  z-index: 3;
  margin-right: auto;
  text-align: justify;
  top:35px;
}

.objectifs_trajectoires p {
width: 75%;
    margin-left: 10%;
}

.objectifs_trajectoires2 {
	background-color: #ffec00;
  width: 100px;
  height: 720px;
  display: block;
  position: absolute;
  z-index: 2;
  left: 75%;
  top: 295px;
}
.objectifs_trajectoires2 img {
	display:none
}
.draw16 {
	top: 632px;
  left: 62px;
}

.intentions_trajectoires2 img {
	width: 90%;
  float: none;
  margin-left: auto;
  margin-top: 25px;
  margin-right: auto;
}
.intentions_trajectoires2 {
	display:block;
}
.draw18 {
	top: 60px;
  left: -13px;
}

.intentions_trajectoires {
	background-color: white;
  width: 90%;
  display: block;
  position: relative;
  z-index: 2;
  padding: 30px;
  text-align: justify;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}
.draw17 {
	display:none;
}
.draw19 {
	left:79px;
}
#traj_creation {
	margin-top:0;
}
.creation_trajectoires {
	width:90%;
	left:0;
}
.creation_trajectoires p {
	width:95%;
}
.creation_trajectoires2 {
	width:90%;
	top:0;
	left:0;
}
.draw20 {
	left:-62px;
}
.draw21 {
	right:-34px;
}
.A_Cult {
	display:block;
}
#A_Cult_Right {
	top:0;
	margin-top:90px;
}
#A_Cult_Right ul {
	left: -20px;
  position: relative;
}
#A_Cult_Right img {
	width:50%;
}

.myClass2 {
	width: 89%;
	transform: translateX(14px);
}
.draw32,
.draw33 {
	display:none;
}
#remove {
	top:755px;
	right:26px;
}

/***veirfier si utilisé**/
	
	#mod-custom147 {
		text-align:left;
	}
	
	.row{
		--bs-gutter-x: 1rem;
	}
	#cie-1D h1 {
		left:-20px;
	}
	
	.sous-titre {
		font-size:48px;
	}
	
	#cie-1G {
		width:130%;
		right:-43%;
		height:1000px;
	}
	
	#cie-1D {
		left: -14%;
		padding-top: 170px;
	}
	
	#cie-2G {
	width:100%;
	position:relative;
	margin-top:100px;
	}
	
	#cie-2D{
		position: relative;
		left: -165px;
		width: 262%;
	}
	#sp-slide1g{
		width:40%;
	}
	#sp-slide1d{
		width:60%;
	}
	#sp-slide2g{
		width:70%;
		top:130px;
	}
	#sp-slide2d{
		width:30%;
		
	}
	
	#mod-custom139, #mod-custom140 {
		display:none;
	}
	#mod-custom152{
		display:none;
	}
	#cie-3D {
		left:10%;
		top:-60px;
		width:80%;
	}
	#cie-3D h1 {
		font-size:48px;
	}
	#cie-3G {
	height:350px
	}
	.button_dossier {
		background-color: #FE246B;
		border-radius: 10px;
		width: auto;
		text-align: center;
		margin-left: 2%;
		margin-right: auto;
		font-family: poppins;
		font-size: 16px;
		color: white;
		height: auto;
		padding-top: 9px;
		display: inline-block;
		padding-bottom: 9px;
		padding-right: 2%;
		padding-left: 2%;
	}
	.carnets_span1{
		width: 96%;
		margin-left: 2%;
		float: left;
		display: block;
		padding-bottom: 20px;
	}
	.carnets_rsx span {
  display: inline-block;
  width: 40px;
	}
	
	#carnet3 .carnets_rsx span,
    #carnet2 .carnets_rsx span,
    #carnet1 .carnets_rsx span	{
		  margin-left :15px;
  margin-right:15px;
	}
	

/*garder cette dernière parenthèse qui clot la @media*/
}

/****pour les écrans plus étroits**/
@media only screen and (max-width: 447px) {
		.nav__trigger-finger {
		top: 17px;
	}
	.nav_name {
		position: fixed;
  right: 0;
  top: 16px;
  color: hotpink;
  transform: rotate(-90deg);
	}
	
.mini_menu{
width:380px;
}
.menu {
padding-left:0;
width:325px;
}	

.draw22 {
left:-31px;
}	
.resume_cie2 {
	height:700px;
}
.draw23 {
left:34px;
}
.ecriture_cie2 {
	top: 2589px;
	height: 1055px;
}
.ecriture_cie2 img {
	left:97px;
}

.draw29 {
	left: 238px;
    top: 451px;
}
.draw30 {
	left: -184px;
}

/*****RANDOM****/
.draw1 {
	left:-131px;
}
.draw2{
	left:163px;
}
.draw35 {
	width: 50px;
  height: 50px;
  position: relative;
  top: 273px;
  left: 83px;
}
#random_resume {
	margin-top:0;
}
.resume_random2 {
	display: inline-block;
  width: 177px;
  height: 313px;
  background-color: var(--fd1);
  position: absolute;
  left: 050%;
  top: 43px;
}
.resume_random p {
	text-align: center;
  font-weight: bold;
  width: 85%;
  z-index: 2;
  position: relative;
  margin-left: auto;
  margin-top: 50px;
  margin-right: auto;
}
#random_extraits p {
	width:100%;
}
.vic {
	display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.vic img {
	display:none;
}
.draw3 {
	position: absolute;
  width: 75px;
  height: 85px;
  top: 72px;
  left: -47px;
}
.nor{
	display: block;
  width: 90%;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
.draw4 {
	left: 60px;
  top: -50px;
}
.carnets_random {
	left:13px;
	width:57%;
}
.mini_menu_v {
	left:50%;
}
.tous_les_carnets {
	width:395px;
}
#random_carnets p {
	font-size:15px;
}
.equipe_random2 {
	width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.equipe_random {
display: block;
  width: 90%;
  position: relative;
  left: 0;
  top: -50px;
  margin-left: auto;
  margin-right: auto;
}
.draw7, .draw8 {
	display:none;
}
.draw9,
.draw10,
.draw11,
.draw12 {
	left:-90px;
}
.infos_pratiques ul {
	padding-left:0;
}
.infos_pratiques .geo:nth-child(3){
	left:-67px;
}
.draw13 {
	left:-45px;
}
.draw14 {
	left:-188px;
}
.draw14b {
	top:300px;
}
.draw13b {
	left:-215px;
}
/*****TRAJECTOIRES****/
.objectifs_trajectoires2 {
	left:69%;
	height:790px;
}

.draw16 {
	top:703px;
}

.draw19 {
	left:43px;
}
#A_Cult_Right ul{
	left:-86px;
}
.myClass2 {
    width: 80%;
    transform: translateX(57px);
  }
  #remove {
	  top:850px;
	  right:17px;
  }





	/*garder cette dernière parenthèse qui clot la @media*/
}