body{
	font-family: Poppins, Arial, sans-serif;
}


a{
	color: #ee306e;
}

strong{
	color:#ee306e
}

h1,h2,h3, h1 strong, h2 strong, h3 strong{
	color:#4a4fa1;
}

img {
	width: 100%;
	max-width: 100%;
}

.image.mode-background{
	height: 100%
}

.main-container{
	display: flex;
    flex-direction: column;
    min-height: 100vh;
}

section, footer{
	padding:6vh 0;
}

.btn-primary {
	display:block;
    padding: 1rem 2rem;
    background-color: #E72466;
    border-radius: 2px;
    text-decoration: none;
    color: white;
    transition: background-color .2s ease-in-out;
}
	.btn-primary:hover, .btn-primary:focus{
		background-color: #ef4f85;
	}

.home section#main, .les-parcours section#main, .page-template-page-parcours-simple section#main, .les-ateliers section#main, .les-formations section#main, .les-partenaires section#main {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

main {
	background: url(../img/pink-curly.svg), url(../img/bg-curlies.svg);
	background-repeat: no-repeat, repeat;
    background-position: bottom,top;
    background-color: #4A4FA1;
    background-size: 101% auto, 100vh;
}
.main-container.le-parcours-accompagnateur main {
    background-color: #E72466;
}

.main-container.le-parcours-jeune main {
    background-color: #fdd32f;
}

section#main{
	min-height: 60vh;
}
	section#main.with-sidebar{
		position: relative;
	}
		section#main.with-sidebar:before{
			content: "";
			display: block;
			position: absolute;
			top:0;
			right:0;
			height:100%;
			width:50%;
			z-index: -1;
		}

	section#main h1{
		margin-top: 1rem;
	    line-height: .7;
	    margin-bottom: 2rem;
	}
	section#main > .container{
		padding:0 2rem;
	}

	section#main .row{
		margin:0;
	}
	section#main .image{
		padding: 0;
	}
	.les-parcours section#main .content, .le-parcours-jeune section#main .content, .le-parcours-accompagnateur section#main .content, .les-partenaires section#main .content {
		background:white;
		padding: 0 6vw 10vh;
	}
	.page .les-parcours section#main .content, .page .les-partenaires section#main .content {
		background:#4a4fa1;
	}

	/* listes */
	.main-parcours ul, #maplist ul {
		list-style: none;
	}
	
	.main-parcours ul li, #maplist ul button {
		margin-bottom: 0.5rem;
		position: relative;
	}
	
	.main-parcours ul li:before, #maplist ul button:before {
		content: '>';
		position: absolute;
		left: -2rem;
		top: 50%;
		transform: translateY(-50%);
	}

section#nav-notice {
    background: #ee2f6e;
    text-align: center;
    padding: 1rem 0;
    color: white;
    margin-bottom: 2rem;
}
	section#nav-notice strong{
		color:white;
	}

.container{
	margin:0 auto;
	padding:0 1rem;
}

.top-column, .bottom-column {
	flex-direction: column;
}

#page{
	background: white;
	padding:2rem;
	border-radius: 2rem;
}

#sidebar .inner-sidebar{
	background: white;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 1rem 1rem 0 0;
	box-shadow: 0 -10px 10px rgba(0,0,0,.2);
}
	.single-parcours #sidebar{
		order:2;
	}

#sidebar .inner-sidebar,#content{
	padding-top:1rem;
	padding-bottom:1rem;
}

#content{
	background:white;
	border-left: 2px dotted #eee;
	padding-left:1rem;
	padding-right:1rem;
	box-shadow: 0 10px 10px rgba(0,0,0,.2);
	border-radius: 0 0 1rem 1rem;
	margin-bottom:10rem;
}
	.single-parcours #content{
		border-radius:1rem;
	}

p:last-child{
	margin-bottom:0;
}
p:first-child:last-child{
	margin-top:0;
	margin-bottom:0;
}

#invitations{
	border-bottom:1px solid;
	margin-bottom:4rem;
}

#parcours-suivis{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
	#parcours-suivis .parcours{
		display:flex;
		flex-direction: column;
		flex:1 0 100%;
		box-shadow: 0 0 10px rgba(0,0,0,.1);
		margin:0 0 2rem;
		border-radius:8px;
		transform: translateY(0);
		transition: all .6s ease-in-out;

	}
		#parcours-suivis .parcours:hover, #parcours-suivis .parcours:focus-within{
			transform: translateY(-10px);
			box-shadow: 0 0 20px rgba(0,0,0,.1);
		}
		#parcours-suivis .parcours .content{
			flex:1;
			padding:2rem;
			background: white;
			border-radius:0 0 8px 8px;
		}
		#parcours-suivis .parcours header{
			padding: 2rem;
		    background: #4a4fa1;
		    color: white;
		    border-radius:8px 8px 0 0 ;
		}
			#parcours-suivis .parcours header h2{
				margin-bottom:.5rem;
				color:white;
			}
			#parcours-suivis .parcours header .code{
				margin-top: 0;
				font-style: italic;
				color:rgba(255,255,255,.6);
			}
			#parcours-suivis .parcours header h3{
				margin:0
			}

#partenaires > div {
	padding: 0 6vw;
}

/*
.parcours{
	box-shadow: 0 0 10px rgba(0,0,0,.1);
    margin-bottom: 4rem;
    border-radius: 4px;
}
	.parcours header{
		background: #1d252f;
    	color: white;
    	border-radius: 4px 4px 0 0;
	}
		.parcours header h2, .parcours header h3, .parcours header a{
			padding:1rem;
			margin:0;
		}
		.parcours header a{
		    height: 100%;
		    width: 100%;
			background: #133d71;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    color: #b6d6ff;
		    text-decoration: none;
		    text-transform: uppercase;
		    font-weight: bold;
		    letter-spacing: .1rem;		    
		    border-radius: 0 4px 0 0;
		}
	.parcours .stepline{
		padding: 0 1rem;
	    top: 1rem;
	    position: relative;
	}
*/

/*
.stepline ul.steps{
	display: flex;
	padding: 0;
	margin:0;
}
	.stepline ul.steps li.step{
		flex:2;
		list-style-type: none;
	}	
		.stepline ul.steps li.step.atelier,
		.stepline ul.steps li.step.attestation{
			flex:1;
		}
		.stepline ul.steps li.step h4{
			font-size: .8rem;
		    white-space: nowrap;
		    text-transform: uppercase;
		    font-weight: normal;
		    color: #888;
		    margin-bottom: 0;
		}
		.stepline ul.steps li.step ul{
			display: flex;
			padding:0;
			margin:0;
		}
			.stepline ul.steps li.step ul li{
				list-style-type: none;
				color:transparent;
				text-indent: -9999px;
				flex:1;
				background:#f5f5f5;
				border-right:1px solid #ddd;
				overflow: hidden;
				height:2rem;
				transition: all .3s ease-in-out
			}
				.stepline ul.steps li.step ul li.accessible{
					border-right:1px solid #1cb3a5;
				}
				.stepline ul.steps li.step ul li.valide{
					border-right:1px solid #7aad03;
				}
				.stepline ul.steps li.step ul li:last-child{
					border-right-width:4px
				}	
				.stepline ul.steps li.step ul li:hover{
					flex:1.5;
				}	
				.stepline ul.steps li.step:last-child ul li:last-child{
					border-right-width:0;
				}	

				.stepline ul.steps li.step ul li a{
					display: block;
					height:100%;
					text-indent: -9999px;
					color:transparent;
					background:none;
					transition: all .3s ease-in-out
				}

				.stepline ul.steps li.step ul li.accessible a{
					background:#20ccbc;					
				}
				.stepline ul.steps li.step ul li.valide a{
					background:#99cc20;					
				}	
				.stepline ul.steps li.step ul li.accessible a:hover,.stepline ul.steps li.step ul li.accessible a:focus{
					background:#17bbac;
				}
				.stepline ul.steps li.step ul li.valide a:hover,.stepline ul.steps li.step ul li.valide a:focus{
					background:#8cbf13;
				}				

				.stepline ul.steps li.step:first-child ul li:first-child a{
					border-radius: 4px 0 0 4px;
				}
				.stepline ul.steps li.step:last-child ul li:last-child a{
					border-radius: 0 4px 4px 0;
				}
*/