.container {
	padding: 0px;
	width: 100%;
	margin:auto;

}
li, p, h1, h2, h3, h4, h5, h6, strong, span{
	min-height: 23px;
}

@media (min-width: 576px){
	.container {
    	width: 100%;
	}}

a {
	cursor: pointer;
}

.card {
	width: 100%;
	margin: 5%;
	border:0px;
	/*-webkit-box-shadow: 0 25px 50px 0px rgba(0,0,0,0.4);
	box-shadow: 0 25px 50px 0px rgba(0,0,0,0.4);*/
	border-radius: 15px;
	background-color: #f0f0f0;
}

.card-body {
	padding: 20px;
}


#section2 {
	background-color: #f0eff7;
    margin-top: -80px;
    padding-bottom: 50px;
    padding: 25% 3% 15% 3%;
}


h1{
	font-family: 'sf_ui_textbold';
	font-size: 2.6rem;
	color: #fff;
	margin: 0
}

h2{
	font-family: 'sf_ui_textmedium';
	font-size: 2.1rem;
	color: #66b5e5;
}

h3{
	font-family: 'sf_ui_textmedium';
	font-size: 1.4rem;
	color: #fff;
	margin:0;
}

p{
	font-family: 'sf_ui_textregular';
	font-size:1rem;
	margin-bottom: 0;
}


h4 {
	font-family: 'SofiaProSoftBold';
	font-size: 1.5rem;
	letter-spacing: 1px;
	margin-top: 35px ;
	margin-bottom: 0.4rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
}
.card h4{
	margin-top: 0;
}
.card ul{
	margin-bottom: 0;
}
h5{
	font-family: 'SofiaProSoftBold', sans-serif;
	font-size: 1.65rem;
	letter-spacing: 1px;
	margin-bottom: 0 ;
	margin-top: 30px ;
}
h5 a{
	color: #66b5e5;
	font-family: 'SofiaProSoftBold' !important;
}
h6{
	font-family: 'sofia_probold';
	font-size: 1.12rem;
}



h4 img {
	display: block;
	margin-top: 5px;
    margin-right: 10px;
	float: left;
}

p strong {
	font-family: 'sf_ui_textbold';
	font-style: normal;
	font-weight: normal;
}


p i {
	font-family: 'sf_ui_textbold';
	color: #ef7e31;
	text-decoration: underline;
	font-style: normal;
}

p img {
	display: block;
	margin-top: 7px;
    margin-right: 10px;
	float: left;
}

a, p a, .contenu-fiche p a, .contenu-fiche a{
	font-family: 'sf_ui_textbold'; 
}
a:not([href]):not([tabindex]){
	color: ;
}

a:hover, a:active{
	text-decoration: none !important;
}

span{
	font-family: 'sf_ui_textregular'
	font-size:1rem;
}

hr{
	border: 0.5px solid #66b5e5;
    margin-top: 50px;
    margin-bottom: 50px;
}
.infos-utiles hr{
	border: 0.5px solid #f07f32;
}
.sav hr{
	border: 0.5px solid #00ab95;
}

#section3 {
    margin-top: -100px;
}

#section3 .card {
	background-color: #ef7e31;
}

#section3 .card p {
	color: white;
}

#section3 .card button {
	border-radius: 50px;
    border: solid 2px white;
    background-color: transparent;
    height: 75px;
    width: 90%;
    margin: 0px auto;
    display: block;
    color: white;
    text-transform: uppercase;
    font-family: 'sf_ui_textheavy';
    font-size: 0.95rem;
}

#section3 button {
	border-radius: 50px;
	background-color: #ef7e31;
	height: 75px;
    width: 90%;
	margin: 125px auto;
	border:solid 2px #ef7e31;
	display: block;
	color: white;
	text-transform: uppercase;
	font-family: 'sf_ui_textheavy';	
    font-size: 0.95rem;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}


.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
	position: relative;
    min-width: 300px;
    max-width: 300px;
    background: #f0f8fc;
    color: #fff;
    transition: all 0.3s;
    -webkit-box-shadow: 10px 0px 25px -6px rgba(0,0,0,0.35);
	-moz-box-shadow: 10px 0px 25px -6px rgba(0,0,0,0.35);
	box-shadow: 10px 0px 25px -6px rgba(0,0,0,0.35);

	display: flex;
	flex-direction: column;
    overflow: hidden;
    height: 100vh;
    width: 100%;
    backface-visibility: hidden;
    will-change: overflow;

}
#sidebar-container{
	display: block;
	position: relative;
	overflow: auto;
    height: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
#sidebar-container ::-webkit-scrollbar {
    display: none;
}

#sidebar.active {
    margin-left: -300px;
    -webkit-box-shadow: 10px 0px 25px -6px rgba(0,0,0,0);
	-moz-box-shadow: 10px 0px 25px -6px rgba(0,0,0,0);
	box-shadow: 10px 0px 25px -6px rgba(0,0,0,0);
}

#sidebar .sidebar-header {
    padding: 20px;
    background-color: #ffff;
	background-repeat: no-repeat;
	background-position-x: 250px;
	background-position-y: 21px;
	background-size: 85px;
	height: 145px;
}
.sidebar-header img{
	width: 100%;
	height: auto;
	padding:30px;
}
#sidebar a,
.sidebar-header a{
	cursor: pointer;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content1 {
	position: relative;
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    margin-bottom: 0 !important;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 950px) {
    #sidebar {
        margin-left: -350px;
        min-width: 350px;
    	max-width: 350px;
    	-webkit-box-shadow: 10px 0px 25px -6px rgba(0,0,0,0);
		-moz-box-shadow: 10px 0px 25px -6px rgba(0,0,0,0);
		box-shadow: 10px 0px 25px -6px rgba(0,0,0,0);
    }
    #sidebar.active {
        margin-left: 0;
        -webkit-box-shadow: 10px 0px 25px -6px rgba(0,0,0,0.35);
		-moz-box-shadow: 10px 0px 25px -6px rgba(0,0,0,0.35);
		box-shadow: 10px 0px 25px -6px rgba(0,0,0,0.35);
    }
    #sidebarCollapse span {
        display: none;
    }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/


#sidebar .sidebar-header h2{
	font-size: 1.25rem;
	font-family: 'sf_ui_textlight';
	color: #26303b;
	margin: 40px 0 0 0;	
}
#sidebar .sidebar-header h1{
	font-size: 2.52rem;
	font-family: 'sf_ui_textheavy';
	color: #26303b;
	text-transform: uppercase;
	height: auto;
	width: auto;
	padding: 0;
}
.home{
	display: flex;
	flex-direction: row;
}
#home-gauche{
	background-color: #26303b;
    width: 35%;
    height: 100vh;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 15px;
}
#home-gauche img{
	width: 60px;
}
#home-droite{
	position: relative;
	height: 100vh;
	width: 65%;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: flex-end;
}
#home-droite p{
	margin-top: 60px;
	max-width: 260px;
	font-size: 1.5rem;
	text-align: right;
	margin-right: 35px;
}
@media (max-height: 750px){
	#home-droite p{
	margin-top: 100px;
	}
}
.logo-ratp{
	width: 100px;
	margin:40px;
}
.STIF{
	position: absolute;
	width: 40%;
	max-width: 450px;
	bottom: 3%;
	left: -50px;

}
#bonhommehome{
	width: 250px;
}


.abs-home{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-content: center;
	z-index: 2;
}
.abs-home img{
	width: 55%;
	padding-bottom: 250px;
}

.padding20{
	padding:20px !important;
}

.boutonsommaire{
	background-color: #00ab95;
	color: #fff;
}

.whitebackground{
	background-color: #fff;
}
.bluebackground{
	background-color: #66b5e5;
	color: #fff;
}
.purplebackground{
	background-color: #732387;
	color: #fff;
}

.greenbackground{
	background-color: #00ab95;
	color: #fff;
}


.orangebackground{
	background-color: #f07f32;
	color: #fff;
}
.greybackground{
	background-color: #bfbfbf;
}


.info-bulle{
	width: 53px;
	position: absolute;
	right: 20px;
	top: 85px;
	z-index: 9999999999;
}
.sommaire-box{
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding:5%;
	border-radius: 7px;
	margin-bottom: 7px;
}
.fa-arrow-right{
	margin: 0 15px 0 5px;
	width: 28px;
	background-image: url('../img/menu-arrow-right.svg');
	background-repeat: no-repeat;
	display: block;
	/* z-index: 9; */
	height: 27px;
	background-repeat: no-repeat;
	background-position: center;
}
.sommaire-titre{
	width: 100%;
	border-left: dotted 1.5px #fff;
	font-size: 0.9rem !important;
	font-family: 'sf_ui_textmedium';
	color:#fff;
	line-height: 1rem;
	padding-left: 7% !important;
}
.sommaire-titre span{
	font-family: 'sf_ui_textbold';
}
#sidebar .components p{
	font-family: 'sf_ui_textbold';
	font-size:1.45rem !important;
	text-transform: uppercase;
	margin-bottom: 0.25rem;
}

.visited-menu{
	background-color: #fff;
	cursor: pointer;
}

#JOP li .sommaire-box .visited-menu,
#JOP li .sommaire-box:hover{
	background-color: #fff;
	cursor: pointer;
	text-decoration: none;
}

#JOP li .sommaire-box:active .sommaire-titre,
#JOP li .sommaire-box:hover .sommaire-titre,
#JOP li .sommaire-box .visited-menu .sommaire-titre,
#JOP .visited-menu .sommaire-titre{
	color: #732387 !important;
	border-left: dotted 1.5px #732387;
}
#JOP li .sommaire-box:active .fa-arrow-right,
#JOP li .sommaire-box:hover .fa-arrow-right,
#JOP li .sommaire-box .visited-menu .fa-arrow-right,
#JOP .visited-menu .fa-arrow-right{
	background-image: url('../img/menu-arrow-right-purple.svg');
}
#JOP li .sommaire-box:active{
	background-color: #eff7f6;
	cursor: pointer;
}
#JOP{
	background-color: #eff7f6;
	border-top: solid 1px #d9d9d9;
}


#NAVIGO li .sommaire-box:active .fa-arrow-right,
#NAVIGO li .sommaire-box:hover .fa-arrow-right,
.visited-menu .fa-arrow-right{
	background-image: url('../img/menu-arrow-right-blue.svg');
}
#NAVIGO li .sommaire-box:hover{
	background-color: #fff;
	cursor: pointer;
}
#NAVIGO li .sommaire-box:active .sommaire-titre,
#NAVIGO .visited-menu .sommaire-titre,
#NAVIGO li .sommaire-box:hover .sommaire-titre{
	color: #66b5e5 !important;
	border-left: dotted 1.5px #66b5e5;
}


#NAVIGO li .sommaire-box:active{
	background-color: #fff;
	cursor: pointer;
}

#NAVIGO li .sommaire-box .nouveau{
	background-image: url('../img/Nouveau.svg');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: -5px;
	width: 100px;
	height: 100%;
}
#NAVIGO li .sommaire-box:hover .nouveau,
#NAVIGO li .visited-menu .nouveau{
	background-image: url('../img/Nouveau-bleu.svg');
}



#SAV li .sommaire-box .visited-menu,
#SAV li .sommaire-box:hover{
	background-color: #fff;
	cursor: pointer;
	text-decoration: none;
}

#SAV li .sommaire-box:active .sommaire-titre,
#SAV li .sommaire-box:hover .sommaire-titre,
#SAV li .sommaire-box .visited-menu .sommaire-titre,
#SAV .visited-menu .sommaire-titre{
	color: #00ab95 !important;
	border-left: dotted 1.5px #00ab95;
}
#SAV li .sommaire-box:active .fa-arrow-right,
#SAV li .sommaire-box:hover .fa-arrow-right,
#SAV li .sommaire-box .visited-menu .fa-arrow-right,
#SAV .visited-menu .fa-arrow-right{
	background-image: url('../img/menu-arrow-right-green.svg');
}
#SAV li .sommaire-box:active{
	background-color: #eff7f6;
	cursor: pointer;
}
#SAV{
	background-color: #eff7f6;
	border-top: solid 1px #d9d9d9;
}



#INFOS li .sommaire-box .visited-menu,
#INFOS li .sommaire-box:hover{
	background-color: #fff;
	cursor: pointer;
	text-decoration: none;
}

#INFOS li .sommaire-box:hover .sommaire-titre,
#INFOS li .sommaire-box:active .sommaire-titre,
#INFOS .visited-menu .sommaire-titre,
#INFOS li .sommaire-box .visited-menu .sommaire-titre{
	color: #f07f32 !important;
	border-left: dotted 1.5px #f07f32;
}
#INFOS li .sommaire-box:hover .fa-arrow-right,
#INFOS li .sommaire-box .visited-menu .fa-arrow-right,
#INFOS .visited-menu .fa-arrow-right{
	background-image: url('../img/menu-arrow-right-orange.svg');
}

#INFOS li .sommaire-box:active{
	background-color: #fef3ec;
	cursor: pointer;
}
#INFOS li .sommaire-box:active .fa-arrow-right{
	background-image: url('../img/menu-arrow-right-orange.svg');
}



#SAV .info-bulle{
	top: 965px;
}

#INFOS{
	background-color: #fef3ec;
	border-top: solid 1px #d9d9d9;
}
#INFOS .info-bulle{
	top: 1305px;
}
#JOP .info-bulle{
	top:-7px;
}
#NAVIGO{
		border-top: solid 1px #d9d9d9;
}

.helpicon{
	width: 25%;
	padding-right: 5%;
}
#help li .sommaire-box:hover{
	background-color: #e6e6e6;
	cursor: pointer;
	text-decoration: none;
}
#help li .sommaire-box:hover .sommaire-titre{
	color: #a6a6a6 !important;
	border-left: dotted 1.5px #a6a6a6;
}
#help li .sommaire-box:active{
	background-color: #fef3ec;
	cursor: pointer;
}
#help li .sommaire-box:active .sommaire-titre{
	color: #a6a6a6 !important;
	border-left: dotted 1.5px #a6a6a6;
}


.wordside{
	margin-top: -40px;
	color: #000;
	padding: 20px;
	font-size: 10pt;
	text-align: center;
}
.btn-primary{
	background-color: #66b5e5;
	border:none;
	padding: 10px;
}
.btn-primary:hover{
	color: #66b5e5;
	background-color: #fff;
}
.btn-primary:focus{
	outline: none;

}
.wordside a{
	font-size: 12px;
	color: #fff;
}
.wordside a:hover{
	color: ;
	transition: all 0.5s;
}
.MAOGANI{
	position: relative;
	padding: 65px;
	margin: 40px 0;
}

.menuicon{
	width: 25px;
}
#home-index{
	position: relative;
}
#home-index button{
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
	z-index: 999;
	height: 50px;
	margin:45px 0 0 20px;
	border-radius: 40px;
	border: solid 2px #fff;
}

#home-index button:hover{
	background-color: rgb(255, 255, 255, 0.5);
}
#home-index button:active{
	background-color: #fff;
}
.content-home{
	height: 100%;
	width: 100%;
	background-image: url('../img/home-navigo.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-clip: border-box;
}
.container{
	display: flex;
    overflow: hidden;
    height: 100vh;
    /*margin-top: -100px;
    padding-top: 100px;*/
    position: relative;
    max-width: 100%;
    backface-visibility: hidden;
    will-change: overflow;
}
.fiche{
	overflow: auto;
    height: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
#title-fiche{
	position: fixed;
    width: 100%;
    transition: all 0.3s;
    margin-bottom: 0 !important;
}
.title-fiche{
	position: absolute;
	height: 145px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 100px;
	z-index: 9;
}
.sous-titre-cat{
	position: fixed;
	top: 145px;
	height: 50px;
	width: 200%;
	z-index: 10;
	background-color: #f0f8fc;
	overflow-x: scroll;
	margin-left: -350px;
    padding-left: 350px;
}

.sous-titre-cat::-webkit-scrollbar { 
                display: none;
                }

#sidebar{
	z-index: 15;
}

.sous-titre-cat ul{
	margin-bottom: 0;
	height: 100%;
	width: 200%;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	list-style: none;	
}
.sous-titre-cat ul li{
	padding: 2px 15px 4px 15px;
	margin: 0px 5px 0px 0px;
	border: 2px solid #66b5e5;
	border-radius: 50px;
	white-space: nowrap;
	background-color: white;
}
.sous-titre-cat ul li a{
	color: #66b5e5;
	text-transform: uppercase;
    font-size: 12px;
	width: 100%;
	height: 100%;
}
.sous-titre-cat ul li:hover a{
	color: #fff;
	transition: all 0.4s;
}
.sous-titre-cat ul li:hover{
	background-color: #66b5e5;
	transition: all 0.4s;
}

.anchor a{
	position: absolute;
	left:0;
	top: -200px;
}
.anchor{
	position: relative;
}


.contenu-fiche{
	padding: 20px 75px 0 100px;
	margin-top: 145px;
}

.contenu-fiche h2{
	margin-top: 60px;
}
.contenu-fiche ul{
	padding-top:0;
}
.h2-nouveau{
	position: relative;
}
.h2-nouveau img{
	position: absolute;
	width:170px;
	left: -40px;
	top: -50px;
}

.navigo ul li:before,
.jop24 ul li:before,
.sav ul li:before,
.infos-utiles ul li:before{
	content: "";
    display: block;
    background: url("../img/arrow-right.svg") no-repeat;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 3px 6px 0 0;
}
.sav ul li:before{
	background: url("../img/arrow-right-green.svg") no-repeat;
}
.infos-utiles ul li:before{
	background: url("../img/arrow-right-orange.svg") no-repeat;
}
.jop24 ul li:before{
	background: url("../img/arrow-right-purple.svg") no-repeat;
}
.jop24 .purplebackground ul li:before{
	background: url("../img/arrow-right-white.svg") no-repeat;

}
/*.separator-background{
	background-color: #f0f0f0;
	height: 250%;
	width: 200%;
	margin-left: -100px;
	padding-left: 100px;
	margin-top: 100px;
	margin-top: -50px;
	padding-top: 20px;
	position: relative;
	z-index: -9;
}*/
/*.long:before{
	padding-bottom: 50px !important;	
}
.lab .long:before{
	padding-bottom: 170px !important;	
}*/
 
.inside-list{
	padding:0 !important;
}
/*.inside-list li{
	padding-left: 30px;
}*/
.inside-list li:before{
	display: none !important;
}

.contenu-fiche ul li{
	list-style: none;
	margin-top:6px;
	font-size: 1rem;
}
.contenu-fiche ul{
	padding:10px 0 0 0;
}

.contenu-fiche ul li br{
	margin-left: 20px;
}
.contenu-fiche ul li blockquote{
	margin-left: 0px;
}

.navigo a:hover{
	color: #469bff;
	transition: all 0.3s;
}

.navigo a {
	color: #469bff;
}

.sav a:hover{
	color: #00d294;
	transition: all 0.3s;
}
.infos-utiles a:hover{
	color: #ef6e14;
	transition: all 0.3s;
}


table tr td{
	padding: 10px;
	border: solid 0.75px #fff;
	width: 20% !important;
}
table{
	margin-top: 30px;
}

.tr-head{
	background-color: #66b5e5;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.tr-head-purple{
	background-color: #732387;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.tr-content{
	background-color: #b2dbf1;
}
.tr-content-inter{
	background-color: rgba(102,181,229,.5);
}

.tr-content2{
	background-color: #f6f6f6;
}
.jop24 .tr-content{
	background-color: rgba(115, 35, 135, .2);;
}
.tplein{
	background-color: rgba(102,181,229,.8);
}
.tgratuit{
	background-color: rgba(102,181,229,.2);
}

.infos-utiles .tr-head{
	background-color: #f07f32;
	color: #fff;
	text-transform: uppercase;
}
.infos-utiles .tr-content{
	background-color: #fff;
}
.infos-utiles .tr-content-inter{
	background-color: #fde1ce;
}
.inside-bloc-2,
.inside-bloc{
	padding:30px;
	margin-top: 40px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 10px 35px -19px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 10px 35px -19px rgba(0,0,0,0.7);
	box-shadow: 0px 10px 35px -19px rgba(0,0,0,0.7);
}
.deux-bloc .bloc-2{
	width: 50%;
}
.inside-bloc h4{

	margin-top:0 !important;
	padding-top: 0;
}
/*.inside-bloc h4:before{
	background: url("../img/arrow-right-white.svg") no-repeat;
}*/
.inside-bloc p{
	color: #fff;
	margin-bottom: 0;
}
.inside-bloc-2 p{
	color: #66b5e5;
}
/*.inside-bloc ul{
	padding-top:0 !important;
}*/
.bluebackground ul li:before,
.orangebackground ul li:before,
.greenbackground ul li:before{
	background: url("../img/arrow-right-white.svg") no-repeat;
}
.bluebackground .inside-bloc-2 ul li:before{
	background: url("../img/arrow-right.svg") no-repeat;
}
.bluebackground a{
	color: #fff;
}
.image-texte{
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
}

.image-texte-easy{
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
}

.image-texte p{
	padding-left: 25px;
}
.image-texte span{
	font-size: 2rem;
	padding: 0 16px;
	margin-right: -35px;
	margin-top: -10px;
}
.image-texte img{
	-ms-align-self: flex-start;
	align-self: flex-start;
	margin-right: 10px;
}

.image-texte-easy img{
	-ms-align-self: flex-start;
	align-self: flex-start;
	margin-right: 10px;
}

.white-bloc img,
.blue-important img,
.image-texte .important-img{
	width: 70px;
}
.blue-important{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.blue-important div{
	margin-left:20px
}
.white-bloc,
.white-bloc p,
.white-bloc h4{
	color: #66b5e5;
}
.infos-utiles .white-bloc img{
	width: 75%;
}
.infos-utiles .white-bloc p{
	color: #000;
}
.btn-bar{
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.btn-bar-end button,
.btn-bar-end button a,
.inside-bloc button a,
.inside-bloc button{
	color: #fff;
	font-family: 'sf_ui_textheavy';
	font-size: 1rem;
	text-transform: uppercase;
}
.inside-bloc button{
	border: solid 2px #fff;
	border-radius: 25px;
	background-color: initial;
	border-radius: 100px;
	padding: 15px 0;
	width:345px;
	flex-grow: 1;
	margin: 10px;
}
.bluebackground button:hover{
	color: #66b5e5 !important;
}

.btn-bar-end button,
.btn-bar-end button a,
.inside-bloc button a,
.btn-bar-end button a{
	width: 100%;
	height: 100%;
}
.inside-bloc button:hover {
	background-color: #fff;
	cursor: pointer;
	transition: all 0.5s;
}

.inside-bloc button:hover a {
	color: #66b5e5;
	transition: all 0.5s;
}
.sav .inside-bloc button:hover a{
	color: #00ab95;
}

.inside-bloc button a:active,
.inside-bloc button:active{
	background-color: #d9edf9;
}

.white-bloc{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	-webkit-box-shadow: 0px 10px 35px -19px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 10px 35px -19px rgba(0,0,0,0.7);
	box-shadow: 0px 10px 35px -19px rgba(0,0,0,0.7);
}
.white-bloc ul, .white-bloc p{
	padding-left: 25px;
}
.blocshadow{
	-webkit-box-shadow: 0px 10px 35px -19px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 10px 35px -19px rgba(0,0,0,0.7);
	box-shadow: 0px 10px 35px -19px rgba(0,0,0,0.7);
}
.bloc-image{
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	height: 80px;
	margin-top: -35px;
	margin-bottom: -40px;
}
li div{
	overflow: hidden;
}
.bloc-image img{
	width: 20%;
	height: auto;
	margin: 10px;
}
.sav .bloc-image{
	margin-top: 15px;
	margin-bottom: 0;
	justify-content: flex-start;
	height: 100%;
}
.btn-bar-end{
	width: 565px;
	margin-top: 150px;
	margin-bottom:50px;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: flex-start;
	align-items: space-between;
}
.btn-bar-end button{
	border:0;
	background-color: #66b5e5;
	border-radius: 100px;
	padding: 11px 30px;
	flex-grow: 1;
	margin: 10px;
	cursor: pointer;
	color: #fff;
}
.jop24 .btn-bar-end button{
	background-color: #732387;
}
.jop24 .btn-bar-end button:hover a{
	color: #732387;
}
.jop24 .btn-bar-end button:hover{
	border: solid 1px #732387;
}
.sav .btn-bar-end button{
	background-color: #00ab95;
}
.sav .btn-bar-end button:hover a{
	color: #00ab95;
}
.sav .btn-bar-end button:hover{
	border: solid 1px #00ab95;
}
.infos-utiles .btn-bar-end button{
	background-color: #f07f32;
}
.infos-utiles .btn-bar-end button:hover a{
	color: #f07f32;
}
.infos-utiles .btn-bar-end button:hover{
	border: solid 1px #f07f32;
}
.btn-bar-end button:hover a{
	color: #66b5e5;
	transition: all 0.5s;
}
.btn-bar-end button:hover{
	border: solid 1px #66b5e5;
	background-color: initial;
	border-radius: 100px;
	transition: all 0.5s;
}

.img-sav{
	width: 100%;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.img-sav p{
	margin-bottom: 5px;
/*	max-width: 70%;*/
}
.img-sav li{
	min-width: 300px;
}

.img-sav img{
	border-radius: 10px;
	max-width: 250px;
	height: auto;
	margin:10px;
}

.justify-center{
	align-items: center;
}

.deux-bloc{
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
}
.deux-bloc .bloc-1{
	max-width: 70%;
}
.deux-bloc .bloc-2{
	max-width: 30%;
	height: 100%;
}
.deux-bloc .bloc-2 p{
	text-align: center;
	padding-top: 15px;
}

.lab .inside-bloc,
.gratuite{
	background-color: #d9ecf8;
}

.lab .inside-bloc .white-bloc{
	justify-content: center;
	margin: -20px -20px 20px;
}
.lab .white-bloc{
	justify-content: center;
	margin-top: 40px;
}

.gratuite .white-bloc{
	justify-content: center;
    margin: -20px;
}
.white-bloc{
	border-radius: 15px;
	background-color: #fff;
}
.in-white-bloc{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
}
.in-white-bloc img{
	padding:15px;
}
.in-white-bloc p{

	padding-left: 0;
	padding-right: 15%;
}
.tickets{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.tickets p{
	color: #66b5e5;
	margin-left: 15px;
}
.tickets-carte{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.tickets-carte p{
	color: #66b5e5;
}
.tickets-carte img{
	width: 254px;
	margin-bottom: 20px;
}
.gratuite .tickets{
	margin-top: 40px;
}
.gratuite .tickets div{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding:15px;
}
.gratuite .tickets div img{
	width: 164px;
}


.btn-info.focus, .btn-info:focus {
    box-shadow:none;
}

.purplefont{
	color: #732387;
}

.bluefont{
	color: #66b5e5;
}
.greenfont{
	color: #00ab95;
}

.orangefont{
	color: #f07f32;
}
.whitefont{
	color: #fff !important;
}
a .whitefont:hover{
	opacity: 0.5;
	transition: all 0.4s;
}

.important-blanc{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.important-blanc img{
	padding-right: 20px;
}
.solidarite{
	display: flex;
	flex-direction: row;
	margin: 20px 0 20px 0;
}
.solidarite a{
	background-color: #66b5e5;
	padding:10px 20px;
	border-radius: 7px;
	color: #fff;
	margin-right: 20px;
}
.solidarite a:hover{
	background-color: #fff;
	border: solid 1px #66b5e5;
	color: #66b5e5;
}
.lignes-bar{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	height: auto;
}
.lignes-bar img{
	height: 23px;
	margin: 10px 5px 0;
	width: auto;
}

.station{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	overflow-x: hidden;
	margin: 10px 0;
}
.station .lignes-bar img{
	margin:0 4px;
}
.station .lignes-bar{
	position: absolute;
    right: 18px;
    background-color: #f0f0f0;
}
.station p{
	white-space: nowrap;
}
.station p:after{
	
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
}
.numeros-list{
	display: flex;
	flex-direction: row;
	width: 100%;
}
.in-numeros{
	width: 50%;
}
.numeros-list ul li{
	padding:5%;
	margin: 10px ;
	border-radius: 10px;
}

.grey{
	background-color: #f0f0f0;
}
.cas-urgence{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
}
.numero-urgence{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	width: 175px;
	padding:10px;
	margin: 10px;
	background-color: #f07f32;
	color: #fff;
	border-radius: 10px;
}
.numero-urgence img{
	width: 25px;
    height: 100%;
}
.numero-urgence span{
	font-family: 'sf_ui_textbold';
	font-size: 2.5rem;
}
.numero-urgence p{
	align-self: flex-end;
	margin-bottom: 10px;
	padding-left: 5px;
}




.blue-bordered{
	border: solid 2px #66b5e5;
}
.radius{
	border-radius: 15px;
}


.userguide{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-around;
}
.userguide div{
	width: 45%;
	margin:2%;
	padding: 2%;
	background-color: #f0f0f0;
	border-radius: 10px;
	text-align: center;
}
.userguide h6{
	font-family: 'sf_ui_textmedium'
	font-size:22px;
}
.modal-content{
	border-radius: 10px;
}
.modal-header h1{
	font-size: 1.5rem;
	margin:0;
}
#comptoirclub-modal .modal-header .close,
#agencescommerciales-modal .modal-header .close,
#agencescommerciales-modal .modal-header,
#comptoirclub-modal .modal-header{
	/*background-color: #66b5e5;*/
	color: #fff;
}
.close img{
	width: 20px;
	height: auto;
}

.close {
	opacity: 1;
}



.modal-header .close{
	line-height: 0;
    padding: 0 25px 10px 10px;
    float: none;
}
.modal-header{
	display: flex;
	align-items: center;
	padding-left: 35px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.modal-header h5{
	margin: 8px 0;
}

@media (min-width: 576px){
	.modal-dialog{
		max-width: 80%;
	}
}
#agencescommerciales-modal .modal-body,
#comptoirclub-modal .modal-body{
	padding: 0 30px 35px;
}

.modal-header .close{
	font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
    /* padding-right: 10px; */
    /* margin-right: 30px; */
    text-shadow: 0 1px 0 #fff;
}
.modal-header .close:hover{
	color: #f0f0f0;
}

#search-button{
	padding: 20px;
}
#search-button a img{
	width: 35px;
	height: auto;
}
#search-button .sommaire-titre{
	color: #d6d6d6;
	padding-left: 0 !important;
}
.tipue_search_button .loupe-icon,
#search-button .loupe-icon{
	content: '';
	background-image: url(../img/loupe.svg);
	width: 25px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	transform: none;
}
#search-button:hover .tipue_search_icon,
#search-button:hover .sommaire-titre{
	color: #a5a5a5;
	transition: all 0.3s;
}
.tipue_search_icon{
	margin: 0;
}
#search-button:hover .loupe-icon{
	background-image: url(../img/loupe-dark.svg);
	transition: all 0.3s;
}
#search-button .visited-menu .loupe-icon{
	background-image: url(../img/loupe-dark.svg);
	transition: all 0.3s;
}

#search-button  .visited-menu .tipue_search_icon,
#search-button  .visited-menu .sommaire-titre{
	color: #a5a5a5;
}

.recherche{
	background-color: #f0f0f0;
	height: 100%;
	width: 100%;
	margin-top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.recherche form{
	width: 85%;
}
.recherche h4{
	margin:0;
	padding: 0;
}
.toutsavoir{
	width: 50%;
	height: auto;
	margin-top: -200px;
}

.perso-recherche{
	position: absolute;
	bottom: 40px;
	right: 5px;
	width: 180px;
	height: auto;
}
@media (max-width: 750px){
	.perso-recherche{
		display: none;
	}
}
/*******************CHAMP DE RECHERCHE*******************/
.tipue_search_group{
	margin: 30px 20px;
	width: 100%;
}
#tipue_search_input{
	width: 85%;
}
#tipue_search_input{
	background-color: #fff;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
}
.tipue_search_button{
	background-color: #fff;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

#tipue_search_content {
	position: relative;
    max-width: 100%;
    margin: 0;
    max-height: 70%;
    overflow-y: scroll;
    /* padding-bottom: 10%; */
    background-color: #fff;
    border-radius: 10px;
    /*padding: 30px;*/
    box-shadow: 0 25px 50px 0px rgba(0,0,0,0.4); 
}

.tipue_search_result {
	padding: 30px;
}

.close-btn{
	content: '';
    position: fixed;
    right: 100px;
    width: 25px;
    height: 25px;
    background-image: url(../img/cross.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 35px;
}
.tipue_search_content_url a{
	color: #66b5e5;
	transition: all 0.5s;
}
.tipue_search_content_url a:hover{
	color: #d6d6d6;
	transition: all 0.5s;
}

.tipue_search_content_title a{
	font-family: 'sf_ui_textbold';
}
#tipue_search_error{
	padding: 20px;
}
#tipue_search_foot_boxes .current:before{
	display: none;
}

#tipue_search_foot{
	padding-left: 25px;
}
#tipue_search_foot_boxes li.current{
	background-color: #66b5e5;
	color: #fff;
}
/********************END CHAMP DE RECHERCHE*******************/


#search-card{
	position: absolute;
	z-index: 99999;
	height: 100vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(179, 179, 179, 0.75);
}
#search-card .card{
	width: 75%;
	height: 75%;
	background-color: #fff;	
}
.hide{
	display: none !important;
}

.passeperime{
	width: 50%;
	height: auto;
}
.card-deck{
	width: 100%;
	/*Réparations suite maj Bootstrap*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.cdeck-alone{
	width: 50%;
}
.card{
	position: relative;
	min-width: 0;
}
@media (min-width: 576px){
	.card-deck .card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px;
	}
}






.a-light_box{
	position: relative;
}
.userguide .loupe-modal{
	position: relative;
	bottom: 0;
	right: 0;
	box-shadow: none;
	margin: 0 10px 6px;
}
.loupe-modal{
	position: absolute;
	width: 40px;
	bottom: -165px;
    right: -18px;
    border-radius: 50px !important;
    -webkit-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0 10px 20px 0px rgba(0,0,0,0.2); 
}
.row{
	margin: 0;
}
.modal ul li:before{
	content: "";
    display: block;
    background: url("../img/arrow-right-orange.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 3px 6px 0 0;
    padding-bottom: 26px;
}
.modal ul li{
	list-style: none;
}
.modal ul{
	padding: 10px 0;
}
.click-collect{
		width: 35%;
}



.number{
	display: flex;
	flex-direction: row;
	    margin: 8px 0;
}
.number span{
	font-size: 2rem;
    padding: 0 0px 0 0;
    margin-right: 10px;
    margin-top: -11px;
    margin-bottom: -10px;
}
.number-2 span{
	margin-top:-2px;
}
.number-2{
	margin-top:5px;
}
.list-afternumber{
	margin-left:40px;
	/*margin-top: -25px;*/
	margin-top: 0;
	padding: 0 0 0 0 !important;
}


h4 sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 1.5;
    vertical-align: baseline;
}







@media (max-width: 1024px) {

	.btn-bar-end{
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: center;
	    align-items: center;
	}
	.btn-bar-end button{
		width:350px;
	}
	.long:before{
		padding-bottom: 80px !important;	
	}
	.infos-utiles .card-deck{
		width: 75%;
		margin-left: 0;
	}
	.card-deck{
		flex-direction: column;
	}

    .cdeck-alone{
    	width: 75%;
    }

    #agencescommerciales-modal .modal-content,
    #comptoirclub-modal .modal-content{
	width: 60%
	}
	#agencescommerciales-modal .modal-dialog-centered,
	#comptoirclub-modal .modal-dialog-centered{
		justify-content: center;
	}
	#comptoirclub-modal .cdeck-alone{
		width: 100%;
	}
    .deux-bloc{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.deux-bloc .bloc-1,
	.deux-bloc .bloc-2{
		max-width: 100%;
	}
	.deux-bloc .mr-3{
		margin-right: 0 !important;
	}
	.cal-clients .white-bloc img{
		width: 35px;
		padding: 5px;
		margin: 4px;
	}
	.cal-clients .white-bloc p{
		font-size: 0.9rem;
		line-height: 16px;
	}
	.cal-clients .white-bloc{
		flex-direction: row;
	}
	.numeros-list{
	flex-direction: column;
	}
	.in-numeros{
		width: 100%;
	}	
	.img-sav{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: space-around;
	}
	.img-sav li img{
		margin-bottom: 5px;
	}

	figcaption {
		margin-bottom: 20px;
	}


	.btn-bar{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: center;
	    align-items: center;
	}
	.bloc-image{
		margin-top: 15px;
		margin-bottom: 0;
		justify-content: flex-start;
		height: 110px;
	}
	h1{
    	font-size: 2rem;
    }
    h3{
    	font-size: 1.2rem;
    }
    .contenu-fiche{
    	padding: 35px;
    }
    table td{
    	font-size: 0.8rem;
    }
    .inside-list li{
    	padding-left:0;
    }
    .white-bloc{
    	flex-direction: row;
    }

	.white-bloc img, .image-texte .important-img {
		margin-right: 10px;
	}


    .white-bloc ul{
    	padding-left:0;
    }
    
    .image-texte img{
    	width: 50%;
    	height: auto;
    }

    .image-texte-easy img{
    	width: 100%;
    	height: auto;
    }

    .petite-image img{
    	width: 15%;
    }
    .image-texte p{
    	padding: 10px 0;
    }
    .image-texte span{
    	padding:16px 0 0 0;
    	margin-right: 10px
    }
    .bloc-image img{
    	width: 45%;
    	height: auto;
    }
    .bloc-image{
    	height: auto;
    }
    .inside-bloc button{
    	width: 100%;
    	padding: 12px;
    }
    .inside-bloc button a{
    	font-size: 0.8rem;
    }
    .tipue_search_group{
    	width: none;
    }
    .close-btn{
		right: 55px;
	}
	.perso-recherche{
		width: 150px;
	}
}
@media (min-width: 1024px) and (max-width: 1224px){
	.bloc-image {
		margin-top: 15px;
		margin-bottom: 0;
		justify-content: flex-start;
		height: 110px;
	}
}
@media (max-width: 768px){
	#agencescommerciales-modal .modal-content, 
	#comptoirclub-modal .modal-content{
		width: 95%;
	}
	#agencescommerciales-modal .modal-body, 
	#comptoirclub-modal .modal-body{
		padding: 0 35px 35px;
	}
}

@media (max-width: 600px) {
	.toolong{
	margin-top: 10px;
	}

	.menuicon{
		width: 23px;
	}
	#home-gauche{
		align-items: flex-start;
	}
	#home-gauche img{
		width: 32px;
	}
	#home-index button{
		margin: 45px 0 0 15px;
	}
	.title-fiche{
		position: fixed;
		padding-left: 85px;
		padding-right: 5px;
	}
	.title-fiche h1{
		font-size: 1.9rem;
	    margin-bottom: 5px;
	    margin-top: -5px;

	}
	.title-fiche h3{
		font-size: 1rem;
	}

	.image-texte{
    	flex-direction: column;
    }
    .image-texte p{
    	padding: 10px 0;
    }
    .image-schema{
    	width: 100%;
    }
    .SAV-comment{
    	bottom: 65px;
    }
    #home-droite p{
    	margin-top: 70%;
    }
    .logo-ratp{
    	width: 80px;
    	margin: 25px;
    }
    .abs-hom img{
    	padding-bottom: 380px;
    	width: 60%;
    }
    .STIF{
		display: none;
	}
	.gratuite .tickets{
		flex-direction: column;
	}
	.gratuite .tickets div{
		border-right: none !important;
	}
	.gratuite .white-bloc{
		padding: 15px;
	}
	.gratuite .white-bloc .in-white-bloc{
		flex-direction: column;
    	align-items: flex-start;
    	justify-content: flex-start;
	}
	.gratuite .white-bloc .in-white-bloc img{
		width: 45px;
		padding: 0 0 15px 0;
	}
	.list-afternumber img{
		max-width: 100%;
	}
	.important-blanc{
		flex-direction: column;
	}
	.solidarite{
		flex-direction: column;
	}
	.solidarite img{
		max-width: 100%;
		margin-top: 10px;
	}
	.btn-bar-end{
		width: 100%;
		flex-direction: column;
	}
	.btn-bar-end button{
		width: 100%;
	}
	.recherche h4{
		margin-top: 35px;
		font-size: 1.5rem;
	}
	.recherche img{
		width: 65%;
	}
	.recherche form{
		width: 100%;
	}
	#tipue_search_input{
		font: 13px/1 'sf_ui_textregular', sans-serif;
	}
	.tipue_search_group{
		margin: 30px 0;
	}
	#SAV .info-bulle {
    	top: 1144px;
	}
	#INFOS .info-bulle {
	    top: 1498px;
	}
	.white-bloc img, 
	.image-texte .important-img{
		width: 50px;
	}
	.white-bloc p{
		padding-left: 0;
	}
	
	.card{
		width: initial;
	}
	#agencescommerciales-modal .modal-body, 
	#comptoirclub-modal .modal-body{
		padding: 0 5px 35px;
	}
	.click-collect-cont .loupe-modal{
		bottom: -215px;
	}
	.click-collect{
		width: 100%;
	}
	.comptoirclub-container{
		padding: 15px;
	}
	.infos-utiles .row .card-deck{
		width: 100%;
	}
	#guideUser{
		width: 100%;
	}
	.modal-dialog-centered{
		min-height: 0;
	}
	#guideUser .modal-content{
		height: 100vh;
		overflow-y: scroll;
	}
	.userguide div{
		width: 100%;
	}
	.userguide h6{
		font-size: 1rem;
	}
	.userguide p{
		font-size: 0.9rem;
	}
	.white-space{
		white-space: pre-wrap !important;
	}
	.deux-bloc .bloc-2{
	width: 100%;
	}	
}

button:focus {
    outline: none;
}
#commentsouscrire .modal-body{
	height: 80vh;
	padding: 0;
	border-radius: 0.5rem;
}
#commentsouscrire .modal-body .carousel,
#commentsouscrire .modal-body .carousel .carousel-inner,
#commentsouscrire .modal-body .carousel .carousel-inner .carousel-item,
#commentsouscrire-junior .modal-body .carousel,
#commentsouscrire-junior .modal-body .carousel .carousel-inner,
#commentsouscrire-junior .modal-body .carousel .carousel-inner .carousel-item{
	height: 100%;
}
.step-block {
	position: absolute;
    border-radius: 5px;
    right: 0;
    width: 75%;
    margin: 10px auto;
    bottom: 10px;
    left: 0;
    z-index: 10;
    padding: 0;
    text-align: center;
    /* min-height: 35%; */
    /* overflow-y: scroll; */
}
.img-carousel{

    max-height: 70%;
    padding: 20px;
}
.img-carousel img{
	max-width: 100%;
    max-height: 100%;
}
.carousel-indicators li{
	background-color: rgb(102, 181, 228, 0.5);
}
.carousel-indicators .active{
	background-color: rgb(102, 181, 228, 1);
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: url(../img/arrow-right.svg);
    width: 40px;
    height: 40px;
    padding: 0 30px;
}
.carousel-control-prev-icon {
    transform: rotate(180deg);
}
.carousel-control-next, .carousel-control-prev{
	width: inherit;
}
.carousel-indicators{
	bottom: 0;
	margin-bottom: 10px;
}
.carousel-indicators li{
	min-height: 5px;
}
.carousel-inner .carousel-item{
	text-align: center;
}
.carousel-inner .carousel-item .img-fluid {
    max-width: 100%;
    height: 70%;
    padding: 35px 0;
}
.carousel-caption h5,
.carousel-caption .fix-flex-center h5{
	margin-bottom: 5px;
	margin-top: 0;
}
.carousel-caption .steps h5{
	margin-bottom: 5px;
    margin-top: 0;
    /* align-self: flex-start; */
    padding: 4px 10px 10px 10px;
    width: 100%;
    height: 30%;
    color: rgb(102, 181, 228, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
}
.carousel-caption p,
.carousel-caption .fix-flex-center p{
	color: #000;
	
    padding: 0 5%;
}
#commentsouscrire .carousel-caption ul li:before{
	content: "";
    display: none;
    background: url(../img/arrow-right-white.svg) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 3px 6px 0 0;
    padding-bottom: 0;
}
#commentsouscrire .carousel-caption ul li{
	margin-bottom: 10px;
	transition: all 0.2s;
}
#commentsouscrire .carousel-caption ul li:hover{
	cursor: pointer;
	text-decoration: underline;
}
.fix-flex-center{
	display: flex;
	width: 100%;
	height:100%;
	flex-direction: column;
}
.fix-flex-center p span{
	font-size: 1.3rem;
	line-height: 1.3rem;
    font-family: "padinmet";
}
.steps .fix-flex-center{
	padding-bottom: 20px;
}
.btn-souscrire{
    display: block;
    padding: 15px 25px;
	color: rgb(102, 181, 228, 1) !important;    
	border-radius: 55px;
    text-transform: uppercase;
    text-align: left;
	background-color: #fff;
	
}
@media (max-width: 1024px){
	.btn-souscrire{	
		font-size: 1rem;
		width: 100%;
	    padding: 12px;
	}
}
.firstslide h5{
	color: #66B5E3; 
	font-size: 36px;
}
.firstslide ul{
	margin-top: 15px;
}
.firstslide li{
	color: #66B5E3; 
}
.firstslide .btn-bar{
	flex-direction: column;
}
.firstslide a{
	transition: all 0.2s; 
	margin:5px;
	border: 2px solid #66B5E3; 
	border-radius: 50px; 
	height: 44px;
	width: 100%;     
	color: #66B5E3; 
	line-height: 38px; 
	text-transform: uppercase; 
	font-weight: bold;
}
.btn-nouveau{
	display: flex;
	flex-direction: row;
	background-color: #fff;
	align-items: center;
    border-radius: 6px;
}
.btn-nouveau:hover{
	cursor: pointer;
}

.btn-nouveau img{
	width: 150px;
	height: auto;
}
@media (max-width: 700px){
	.toobigcarouimg{
		max-height: 50% !important;
	}
	.btn-nouveau{
		flex-direction: column;
		align-items: flex-start;
	}
	
}
@media (max-width: 1024px){
	.modal-content{
		z-index: 9999999999 !important;
	}
	.d-none{
		display: block !important;
	}
	.carousel-caption .steps h5{
		font-size: 1.35rem;
	}
	.carousel-caption p{
		font-size: 0.8rem;
	}
	.fix-flex-center p span{
		font-size: 1.25rem;
	}
	.firstslide h5{
		color: #66B5E3; 
		font-size: 26px;
	}
	.firstslide ul{
		margin-top: 10px;
		margin-bottom: 0;
	}
	
	.firstslide a{
		font-size: 12px;
    	width: 100%;
    	height: 100%;
    	padding: 7px 12px;
    	line-height: 20px;
	}
}

figcaption {
	min-width: 70%;
    font-family: 'sf_ui_textregular';
    text-decoration: none;
    color: black;
    font-size: 1rem;
    margin: 0px;
    margin-bottom: 20px;
}

.accordion .card .card-header h2 .btn{
	white-space: normal;
	text-align: left;
}
.accordion .card .card-header h2 .btn-link:hover{
	color: #5fa8d3;
	text-decoration: none;
}

.accordion .card .card-header h2 .btn-link:focus{
	color: #5fa8d3;
	text-decoration: none;
}

.accordion .card .card-header h2 .btn-link:hover h4{
	color: #5fa8d3;
	transition: ease-out 0.35s;
}


.jop24 .accordion .card .card-header h2 .btn-link:hover{
	color: rgba(115,35,135,.7);
	text-decoration: none;
}

.jop24 .accordion .card .card-header h2 .btn-link:focus{
	color: rgba(115,35,135,.7);
	text-decoration: none;
}

.jop24 .accordion .card .card-header h2 .btn-link:hover h4{
	color: rgba(115,35,135,.7);
	transition: ease-out 0.35s;
}

.accordion .card{
	margin: 3% 0;
}
.accordion .card .card-body{
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.nouveau-bloc{
	background-color: #D1E9FA;
	color: #66B5E5;
	padding: 3% 3% 6% 3%;
	font-weight: bold;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	margin-bottom: -10px;
	font-size: 0.8rem;
}
.visited-nouveau{
	background-color: #66B5E5 !important;
	color: #fff !important;
}
.sommaire-box:hover ~ .nouveau-bloc{
	background-color: #66B5E5 !important;
	color: #fff !important;
}

.accordion .card .card-header:first-child {
    border-radius: 15px;
}
.accordion .card .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: none;
}

#carouseljunior .carousel-inner .active{
	height: 80vh !important;
}

.firstslide ul li:before{
		display: none;
	}

.btn-sig-malin{
	width: 100%;
	border-radius: 100px;
	border: none;
	padding: 5px 20px;
}
.btn-sig-malin:hover{
	cursor: pointer;
	background-color: #fff;
	border: solid 1px #f07f32;
	color: #f07f32;
	transition: ease-in all 0.3s;
}
.sig-malin-container .card{
	height: 235px;
	width: 280px;
	padding: 10px 40px;
	background-color: #fff;
	-webkit-box-shadow: 0px 7px 26px 6px rgba(240,127,50,0.35); 
	box-shadow: 0px 7px 26px 6px rgba(240,127,50,0.35);
}
.sig-malin-container .card-body{
	text-align: center;
	display: flex;
	flex-direction: column;
	/* align-content: space-between; */
	justify-content: space-between;
	align-items:center;
}
.sig-malin-container .card-body p{
	padding: 15px 0;
}
.easypage .FAQ-text li:before{
	content: "";
    display: block;
    background: url("../img/question.svg") no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    margin: 3px 6px 0 0;
}

.process-multi-apple{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
}
.capture-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;

	padding-bottom: 2%;
	max-width: 200px;
}
.capture-container p{
	margin-top:10px;
}
.process-multi-apple .capture-container img{
	width:180px;
	height: auto;
}
.je-gere-mes-cartes{
	margin-top:20px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.je-gere-mes-cartes .capture-container {
	margin-right: 30px;
}
.je-gere-mes-cartes .capture-container img{
	width: 180px;
	height: auto;
	border-radius: 10px;
	box-shadow:0px 10px 35px -19px rgba(0,0,0,0.7);
}
#liste-appli li:before{
	margin-top: 30px;
}
#liste-appli img{
	border: solid #fff 1px;
border-radius: 18px;
}