.corps{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	background: transparent url(../images/commun/fond-gris.jpg) no-repeat top center;
}
.corps .page{
	position:relative;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 625px;
}
.corps .page .accroche,
.corps .page .invite{
	margin: 0 auto 40px auto;
	width: 80%;
	padding:5px;
}
.corps .page .accroche .titre,
.corps .page .invite .titre{
	font-family:'Lucida Sans Italic';
	font-weight:normal;
	font-size:22.5px;
	display:inline-block;
	line-height:35px;
	font-weight:bold;
	color:#76B12A;
	margin:5px 0 15px 0;
}
@media screen and (max-width: 320px){
	.corps .page .accroche .titre{
		font-size:20.5px !important;
	}
}
@media screen and (max-width: 270px){
	.corps .page .accroche .titre span{
		display:none !important;
	}	
}
.corps .page .accroche .titre2{
	display:none;
}
.corps .page .accroche .photo img {
	width:90px;
	height:95px;
	float:left;
	margin:0 20px 5px 0;
}
.corps .page .accroche .texte,
.corps .page .invite .texte{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:24px;
	text-align:justify;
	color:#474747;
}
.corps .page .accroche .texte .short{
	display:none;
}
.corps .page .accroche .like{
	overflow:hidden;
	width:120px;
	height:26px;
	float:right;
	margin:20px 10px 0 0;
}
.corps .page .accroche .like iframe{
	border: medium none;
	overflow: hidden;
	width: 100px;
	height: 21px;
	-ms-filter: hue-rotate(-7deg) saturate(70%);
	-webkit-filter: hue-rotate(-7deg) saturate(70%);
	-moz-filter: hue-rotate(-7deg) saturate(70%);
	filter: hue-rotate(-7deg) saturate(70%);
}
.corps .page .accroche .safe_like{
	display:inline-block;
	vertical-align:bottom;
	padding:0;
	margin:0;
	width:74px;
	height:22px;
	cursor:pointer;
	cursor:hand;	
}
.corps .page .accroche .safe_data{
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0 0 0 10px;
	width:24px !important;
	height:24px !important;
	cursor:pointer;
	cursor:hand;
	background:url("../images/commun/safe_like_afocal.svg");
	background-repeat:no-repeat;
	background-position: 0 0;
	-o-background-size:24px 24px;
	-moz-background-size:24px 24px;
	-webkit-background-size:24px 24px;
	background-size:24px 24px;
}
.corps .page .banderole{
	width:100%;
	height:195px;
	min-height:195px;
	background: url("../images/bafa-bafd/banderole-min-bafa-bafd.jpg");
	background-position: 50% 0;
    background-repeat: no-repeat;
    -o-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
	background-size: auto 100%;
}
@media screen and (min-width: 501px){
	.corps .page .banderole{
		height:219px !important;
		min-height:219px !important;
		background: url("../images/bafa-bafd/banderole-bafa-bafd.jpg") !important;
		background-position: 50% 0 !important;
	}
}
.corps .page .filicpjeps,
.corps .page .filibpjeps{
	background:url("../images/cpjeps-bpjeps/18-ans.svg");
}
.corps .page .filigrane  {
	margin:15px 0 15px 0;
	width:100%;
	height:187px;
	min-height:187px;
	background-repeat:no-repeat;
	background-position: 50% 0;
	-o-background-size:200px 187px;
	-moz-background-size:200px 187px;
	-webkit-background-size:200px 187px;
	background-size:200px 187px;
}
@media screen and (min-width: 620px){
	.corps .page .duoinvfil  {
		display: block;
		width:80%;
		height:210px;
		margin:0 auto 20px auto;
	}
	.corps .page .filigrane  {
		float:right;
		width:200px;
		height:187px;
		min-height:187px;		
		margin:-10px 0 0 50px;
		height:187px;
		min-height:187px;
		background-repeat:no-repeat;
		background-position: 50% 0;
		-o-background-size:200px 187px;
		-moz-background-size:200px 187px;
		-webkit-background-size:200px 187px;
		background-size:200px 187px;
	}
	.corps .page .invite{
		width:auto;
		margin:15px 0 0 0;
	}	
}
.corps .page .cursus{
	margin: 0 auto;
	width: 90%;
	padding:5px;
}
.corps .page .cursus table{
	margin-bottom:20px;
}
.corps .page .cursus .etape{
	vertical-align:top;
}
.corps .page .cursus .chiffre,
.corps .page .cursus .titre{
	font-family:'Lucida Sans Italic';
	display:inline-block;
	font-weight:bold;
}
.corps .page .cursus .chiffre{
	display:inline-block;
	float:left;
	font-size:40px;
	line-height:40px;
	margin-right:10px;
	color:#4486BE;
}
.corps .page .cursus .titre{
	display:inline-block;
	float:left;
	margin-top:10px;
	font-size:21.5px;
	line-height:21px;
	color:#5790BB;
}
.corps .page .cursus  .tab{
	padding-left:25px;
}
.corps .page .cursus .lien,
.corps .page .cursus .lien2,
.corps .page .cursus .texte{
	font-family: 'Open Sans', sans-serif;
}
.corps .page .cursus a{
	color:#85BBD4;
}
.corps .page .cursus .lien{
	display:inline-block;
	float:left;
	margin-top:15px;
	margin-left:15px;
	font-size:13.5px;
	line-height:13.5px;
	font-weight:bold;
}
.corps .page .cursus .lien2{
	display:inline-block;
	float:right;
	font-family:'Lucida Sans Italic';
	font-size:15.5px;
	line-height:35px;
	margin-right:10px;
	font-weight:bold;
}
.corps .page .cursus .texte{
	display:inline-block;
	padding-top:5px;
	font-size:14px;
	line-height:22px;
	text-align:justify;
	color:#474747;
}
.corps .page .cursus .fleche a,
.corps .page .cursus .fleche2 a{
	display:block;
	float:right;
	margin:0 0 0 30px;
	width:58px;
	height:58px;
	background:url("../images/commun/fleche.svg");
	background-repeat:no-repeat;
	background-position: 0 0;
	-o-background-size:auto 100%;
	-moz-background-size:auto 100%;
	-webkit-background-size:auto 100%;
	background-size:100% auto;	
}
.corps .page .cursus .fleche3 a{
	display:block;
	float:right;
	width:35px;
	height:35px;
	background:url("../images/commun/fleche.svg");
	background-repeat:no-repeat;
	background-position: 0 0;
	-o-background-size:auto 100%;
	-moz-background-size:auto 100%;
	-webkit-background-size:auto 100%;
	background-size:100% auto;	
}
@media screen and (max-width: 279px){
	.corps .page .cursus .min{
		font-size:20.5px;
		line-height:20.5px;
	}
}
@media screen and (min-width: 280px) and (max-width: 359px){
	.corps .page .cursus {
		width:85% !important;
	}
}
@media screen and (max-width: 359px){
	.corps .page .cursus .etape{
		display:none !important;
	}
}
@media screen  and (min-width: 360px) and (max-width: 540px){
	.corps .page .cursus {
		padding-right:20px !important;
	}
}
@media screen and (max-width: 540px){
	.corps .page .cursus .lien,
	.corps .page .cursus .fleche2{
		display:none !important;
	}
}
@media screen and (min-width: 541px){
	.corps .page .cursus .bouton2{
		display:none !important;
	}
}
@media screen and (max-width: 660px){
	.corps .page .cursus .bouton{
		display:none !important;
	}
}
@media screen and (min-width: 661px){
	.corps .page .cursus .fleche2{
		display:none !important;
	}
}
.corps .page .bsg{ /* biais supérieur gris */
	width:100%;
	height:80px;
	min-height:80px;
	margin:0;
	background: url("../images/commun/biais-sup-gris.jpg");
	background-position: 0 0;
    background-repeat: no-repeat;
    -o-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.corps .page #extens{
	display:none;
}
.corps .page .illustre{
	display:none;
}
.corps .page #illustre2{
	display:none;
}
.corps .page .biv{ /* biais inférieur vert */
	width:100%;
	height:80px;
	min-height:80px;
	background: none;
}
.corps .page .m-biv{ /* biais inférieur gris */
	width:100%;
	height:80px;
	min-height:80px;
	background: url("../images/commun/biais-inf-gris.jpg");
	background-position: 0 0;
    background-repeat: no-repeat;
    -o-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.corps .page .valide{
	padding-top:20px;
	width:100%;
	height:auto;
	background-color:#F3F3F3;
}
.corps .page .valide .texte{
	margin: 0 auto;
	width:190px;
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height:19px;
	color:#474747;
}
.corps .page .valide .image{
	display:block;	
	margin: 20px auto 0 auto;
	width:177px;
	height:51px;
	min-height:51px;
	background: url("../images/bafa-bafd/logo-jeunes-gouv.png");
	background-position: 0 0;
    background-repeat: no-repeat;
    -o-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
	background-size: auto 100%;	
}
@media screen and (min-width: 490px){
	.corps .page .duoval{
		width:400px;
		height:60px;
		margin:0 auto;
	}
	.corps .page .valide .texte{
		float:left;
		margin:0;
	}
	.corps .page .valide .image{
		float:right;
		margin:0;
	}	
}
.corps .page .motive{
	width:80%;
	margin:0 auto;
	/*border:1px solid orange;*/
}
@media screen and (min-width: 1024px){
	.corps .page .motive{
		width:420px;
		background-color:#fff;
		padding:0 30px 0 0;
		-webkit-box-shadow:5px -3px 7px -7px rgba(0,0,0,.1);
		-moz-box-shadow:5px -3px 7px -7px rgba(0,0,0,.1);
		box-shadow:5px -3px 7px -7px rgba(0,0,0,.1);	
	}
}
@media screen and (min-width: 1280px){
	.corps .page .motive{
		width:509px;	
	}
}
.corps .page .motive .titre{
	display:none;	
}
.corps .page .motive .raisons{
	float:left;
}
@media screen and (max-width: 460px){
	.corps .page .motive .raisons{
		display:none;
	}
}
.corps .page .motive .decalo{
	display:block;
	width:100%;
}
@media screen and (max-width: 460px){
	.corps .page .motive .decalo{
		height:150px;
	}
	.corps .page .motive .decalo::before{
		content:"";
		display:block;
		position:relative;
		margin:0 auto;
		width:215px;
		height:133px;
		min-height:133px;
		background: url("../images/commun/raisons.png");
		background-position: 0 0;
		background-repeat: no-repeat;
		-o-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;			
	}	
}
@media screen and (min-width: 1024px){
	.corps .page .motive .decalo{
		margin-top:-10px;
	}
}
.corps .page .motive .chiffre{
	display:none;
}
.corps .page .motive .texte,
.corps .page .motive #texte2{
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	line-height:23px;
	text-align:justify;
	color:#474747;
}
.corps .page .motive #texte2{
	display:none;
}
.corps .page .motive #texte2 .habille{
	display:none;
}
.corps .page .motive  .jeps{
	/*top:625px !important;*/
}
@media screen and (min-width: 1024px){
	.corps .page .motive #texte2{
		width:959px;
		padding:0 0 20px 0;
		background-color:#fff;
		-webkit-box-shadow:0 5px 7px -7px rgba(0,0,0,.1);
		-moz-box-shadow:0 5px 7px -7px rgba(0,0,0,.1);
		box-shadow:0 5px 7px -7px rgba(0,0,0,.1);		
	}
	.corps .page .motive .jeps{
		/*top:570px !important;*/
	}	
}
@media screen and (min-width: 1280px){
	.corps .page .motive #texte2{
		width:1140px;		
	}
	.corps .page .motive #texte2 .habille{
		display:block;
		width:630px;
		margin-bottom:60px;
		float:right;
	}
	.corps .page .motive .jeps{
		/*top:455px !important;		*/
	}		
}
.corps .page .motive #plus{
	display:none;
}
.corps .page .motive #plus2{
	display:block;
	margin-top:20px;
}
.corps .page .motive #plus a,
.corps .page .motive #plus2 a{
	float:right;
	/*border:1px solid red;*/
}
@media screen and (min-width: 1024px){
	.corps .page .motive #plus2 a{
		margin-bottom:30px;
	}
}
.corps .page .motive #suite2,
.corps .page .motive #suite2b{
	display:none;
}
.corps .page .motive .texte a{
	color:#575757;
	font-weight:bold;
}
.corps .page .motive .rx{
	margin:-3px 10px 0 0;
	float:left;
	width:26px;
	height:26px;
	min-height:26px;
	background: url("../images/commun/r1.png");
	background-position: 0 0;
    background-repeat: no-repeat;
    -o-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
	background-size: auto 100%;	
}
@media screen and (max-width: 460px){
	.corps .page .motive .rx{
		background: url("../images/commun/r7.png");
	}
}
.corps .page .motive .remonte{
	text-align:center;
}
.corps .page .temoigne{
	width:80%;
	height:auto;
	margin:20px auto;
}
.corps .page .temoigne .zone{
	margin-bottom:50px;
}
.corps .page .temoigne #t2,
.corps .page .temoigne #t3,
.corps .page .temoigne #t4{	
	display:none;
}
.corps .page .temoigne .titre{
	display:block;
	font-family:'Lucida Sans Italic';
	font-weight:bold;
	font-size:29.5px;
	line-height:35px;
	color:#91C146;
	margin-bottom:35px;
}
.corps .page .temoigne .navig{
	width:206px;
	margin:0 auto 20px auto;
}
.corps .page .temoigne .navig2{
	display:none;
}
.corps .page .temoigne .carous-lt{
	display:inline-block;
	float:left;
	margin:10px 20px 0 0;
}
.corps .page .temoigne .carous-rt{
	display:inline-block;
	float:right;
	margin:10px 0 0 20px;
}
.corps .page .temoigne .carous-rt2{
	display:inline-block;
	margin:10px 0 0 0;
}
@media screen and (min-width: 401px){
	.corps .page .temoigne .navig{
		width:306px;
	}
	.corps .page .temoigne .carous-lt{
		margin:10px 70px 0 0;
	}
	.corps .page .temoigne .carous-rt{
		margin:10px 0 0 70px;
	}
}
.corps .page .temoigne .photo{
	display:inline-block;
	position:relative;
	background-image:url('portrait-square-08.jpg');
	box-sizing:content-box;
	width:90px;
	height:90px;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover
}
.corps .page .temoigne .photo:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
	-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
	box-shadow:inset 0 0 3px rgba(0,0,0,.3);
	content:"";
}
.corps .page .temoigne .photo,
.corps .page .temoigne .photo:before {
	-webkit-border-radius:90px;
	-moz-border-radius:90px;
	border-radius:90px
}
.corps .page .temoigne .texte{
	display:block;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	line-height:23px;
	text-align:justify;
	font-style:italic;
	color:#808080;	
}
@media screen and (min-width: 720px){
	.corps .page .temoigne .zone{
		display: table;
		width:100%;
		height:auto;
		min-height:0;
	}
	.corps .page .temoigne .navig{
		display:table-cell;
		width:168px;
		margin:0;
		vertical-align:top;
	}
	.corps .page .temoigne .carous-lt{
		margin:10px 40px 0 0;
	}	
	.corps .page .temoigne .carous-rt{
		display:none;
	}
	.corps .page .temoigne .navig2{
		display:table-cell;
		width:58px;
		vertical-align:top;
		text-align:right;
	}
	.corps .page .temoigne .texte{
		display: table-cell;
		width:auto;
		vertical-align:top;
		margin:0;
		padding:0 20px;
	}	
}
.corps .page .goodies{
	width:188px;
	height:210px;
	min-height:210px;
	margin:30px auto;
	padding:0;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size:14.5px;
	line-height:35px;
}
.corps .page .goodies span{
	display:block;
	float:right;
	margin:5px 0 0 0;
	width:145px;
	font-size:12.5px;
	line-height:19px;
}
.corps .page .goodies img{
	width:25px;
	height:25px;
	margin:0 12px 0 5px;
}
.corps .page .goodies a{
	color:#474747;
	display:inline-block;
}
.corps .page .goodies .rssmarge{
	margin-top:10px;
}
@media screen and (min-width: 320px) and (max-width: 559px){
	.corps .page .goodies{
		width:225px;
		font-size:17px;
		line-height:45px;		
	}
	.corps .page .goodies span{
		width:175px;
		font-size:14px;
	}
}
@media screen and (min-width: 560px){
	.corps .page .goodies{
		width:460px;
		height:130px !important;
		min-height:130px !important;
		max-width:500px;
		font-size:17px;
		line-height:50px;
	}
	.corps .page .goodies span{
		width:155px;
		font-size:14px;
	}
	.corps .page .goodies .gauche{
		width:240px;
	}
	.corps .page .goodies .droit{
		width:210px;
	}	
}
.corps .page .chute a{
	display:block;
	margin:0 auto;
	width:224px;
	height:47px;
	background:url("../images/commun/chute.svg");
	background-repeat:no-repeat;
	background-position: 0 0;
	-o-background-size:auto 100%;
	-moz-background-size:auto 100%;
	-webkit-background-size:auto 100%;
	background-size:100% auto;	
}
.corps .page .bsn{ /* biais supérieur noir */
	width:100%;
	height:125px;
	min-height:125px;
	margin:0;
	background: url("../images/commun/biais-sup-noir.png");
	background-position: 0 0;
    background-repeat: no-repeat;
    -o-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
	background-size: auto 100%;
}
/* césure - à vérifier dans les différents browsers */
.nocut {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
.modal.bb-alternate-modal .modal-content {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.modal.bb-alternate-modal .modal-footer{
	border-top: 0 none;
}
.modal.bb-alternate-modal .modal-footer button{
	color: white;
	background:black;
	border-color:white;
}
.modal.bb-alternate-modal .modal-header{
	display:none;
}
.modal.bb-alternate-modal .modal-body button{
	color: white;
	text-shadow:none;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}
/*
.modal-open .modal {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
*/

.modal {
  text-align: center;
  padding: 0!important;
  z-index: 9999 !important;  
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal300{
	max-width: 300px !important;
}
/* BOUTONS */

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
	font-style: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}
.aidemsg,
.aidemsg_nonum{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:15.5px;
	line-height:21px;
	text-align:center;
}
.aidemsg a{
	color:white;
	display:block;
	width:150px;
	margin:20px auto 0 auto;
	font-size:22px !important;
	padding-bottom:10px;
	border-bottom:dashed 1px #fff;
}
.aidemsg_nonum a{
	color:white;
	display:inline;
	border-bottom:dashed 1px #fff;
}