@charset "UTF-8";

/* CSS Document */

.space,.space-xs,.space-sm,.space-md,.space-lg {
	display:block;float:none;clear:both
	}

.space-xs {
	padding-top:5px
	}
.space-sm {
	padding-top:15px
	}
.space-md {
	padding-top:20px
	}
.space {
	padding-top:30px
	}
.space-lg {
	padding-top:50px
	}

.space-xl {
	padding-top:60px
	}
.space-xxl {
	padding-top:80px;
}

.margin-bottom-xs {
	margin-bottom: 10px;
}
.margin-bottom-md {
	margin-bottom: 40px;
}


.margin-left-15px {
    margin-left: 15px;
}

.marge-right-20 {
	margin-right: 20px;
}
.marge-right-30 {
	margin-right: 30px;
}

.pd-right-20 {
	padding-right: 20px;
}

.pd-right-50 {
	padding-right: 50px;
}
.pd-all-100 {
	padding: 100px;
}

.pd-all-3 {
	padding: 3px;
}

@media (max-width: 479px) {
	.pd-right-50.nopad-xs {
		padding-right: 15px;
	}
	.pd-all-100 {
	padding: 20px;
}
}



/*##########################*/
/* COLORS */
.text-primary {
    color: #afcb29;
}

.text-info {
	color: #222b3a;
}

.text-warning {
	color: #B21000;
}


.text-grey1 {
	color: #262626;
}
.text-grey2 {
	color: #656565;
}

.text-white {
	color: #FFFFFF;
}

.text-ime {
	color: #9a368c;
}
.text-sessad {
	color: #ef7204;
}


/*##########################*/
/* BG COLORS */

.bg-primary {
	background-color: #afcb29;
}

.bg-info {
	background-color: #222b3a;
}
.bg-grey1 {
	background-color: #f5f5f5;
}
.bg-grey2 {
	background-color: #656565;
}
.bg-scale {
	background-color: #000;
    background-color: rgba(0, 0, 0, .76);

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=76)';
}

.bg-ime {
	background-color: #9a368c;
}

.bg-colored {
	padding: 5px;
}
.bg-colored.color1 {
	background-color: #7f3d75;
	color: white;
}

.bg-colored.color2 {
	background-color: #914586;
	color: white;
}

.bg-colored.color3 {
	background-color: #a04c94;
	color: white;
}

.bg-colored.color4 {
	background-color: #af52a2;
	color: white;
}


/*##########################*/
/* IMG */

img.img-circle.bordered {
	border: 1px solid #afcb29;
	padding: 5px;
}

img.img-responsive.no-bloc-xs {
	display: inline-block;
}

.logo-structure {
	padding: 10px;
	max-width: 250px;
	height: auto;
}

.logo-partenaire {
	padding: 10px;
	max-width: 180px;
	height: auto;
}


/*.visuel {
	width: 47%;
	height: auto;
	float: right;
	margin-left: 10px;
}*/

/*##########################*/
/* LISTE PERSO */

@media only screen and (min-device-width : 768px){
	.divise-3 {
 	 -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    column-count: 3;
    column-gap: 30px;
	}
}



/* List page presentation */
ul.specialised {
	list-style: none;
	padding-left: 60px;
	margin-top: 40px;
}
@media (max-width: 479px) {
	ul.specialised {
		padding-left: 30px;
	}
}


ul.specialised li {
	margin-top: 20px;
}

ul.specialised li span.number {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 40px;
	line-height: 20px;
	color: #a2c301;
}

ul.specialised li span.lead {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 15px;
}



.list-perso ul {
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 20px;
    padding: 0;
	list-style-type: none;
}
.list-perso ul ul {
    margin-top: 5px;
}

.list-perso ul li {
	margin-bottom:5px;
}


.list-perso ul li:before, 
.list-second ul li:before,
.list-bulle ul li:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    
}

.list-perso ul li:before {
	content: "\f054";
    color: #afcb29;
	margin-right: 5px;
	margin-left: -20px;
}

.list-perso ul ul li:before {
    content: "-";
}


.list-second ul {
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 10px;
    padding: 0;
	list-style-type: none;
}
.list-second ul li {
	margin-right: 24px;
}
.list-second ul li:before {
	content: "\f105";
	margin-right:6px;
    color: #656565;
}


.list-bulle ul {
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 10px;
    padding: 0;
	list-style-type: none;
}
.list-bulle ul li {
	margin-bottom:15px;
}

.list-bulle ul li:before {
	content: "\f330";
	margin-right:6px;
}





.list-rgpd {
	font-size: 11px;
}

.list-rgpd ul li:before {
	content: "|";
	margin-right:6px;
	color: #ffffff;
}

.list-rgpd ul li:first-child:before {
	content: "";
	margin-left: -10px;
}

/*##########################*/
/* MEP PERSO PAGES INDEX */

/* pour slide accueil */
h2.title-sm.bg-grey2 {
	padding: 2px;
}

h2.title-sm.bg-info {
	padding: 2px;
}


/* Actualité */

#actualite .content-box img {
	max-height: 100px;
	width: auto;
}

/* INTERREG */

.logo-interreg {
	width: 300px;
	height: auto;
}

.logo-w200 {
	width: 200px;
	height: auto;
}
.logo-w180 {
	width: 180px;
	height: auto;
}
.logo-w150 {
	width: 150px;
	height: auto;
}

.logo-h100 {
	height: 100px;
	width: auto;
}
.logo-h90 {
	height: 90px;
	width: auto;
}
.logo-h80 {
	height: 80px;
	width: auto;
}
.logo-h70 {
	height: 70px;
	width: auto;
}

/*##########################*/
/* MEP PERSO PAGES DE PRESENTATION */

.clear {
	clear: both;
}

.img-50 {
	width: 50%;
	height: auto;
}

address {
    font-size: 18px;
	margin-left: 10px;
	margin-top: 20px;
}

address ul.list-unstyled li {
	margin-top: 10px;
}
address ul.list-unstyled li a {
	font-weight: 700;
}

img.logoadress {
	width: 200px;
	height: auto;
}
address span.telephone {
	font-weight: 700;
}

.legal h3.legal-page {
	margin-top: 30px;
	color: #afcb29;
}

.legal h4 {
	margin-left: 10px;
	font-weight: 700;
}

/* ######################################*/
/* STRUCTURES  */

#structure img.logo {
	max-width: 350px;
}

#structure .blocborder {
	border-left: 8px solid;
}


#structure a.pdf {
	color: #000000;
}


/* ######################################*/
/* RECRUTEMENT  */

.recrutement a.fichier {
	color: #000000;
}

.recrutement a.fichier:hover,
.recrutement a.fichier:focus {
	color: #afcb29;
}



/* ######################################*/
/* ACTUALITES  */

/* Recent Post Styles Starts */

	.recent-post-block li.row + li.row {
		margin-top: 15px;
	}
		.recent-post-block-img {
			margin-top: 5px;
		}
	.recent-post-block-title {
			margin-top: 2px;
			margin-bottom: 5px;
			color: #262626;
		}
	.recent-post-block-title span {
		background-color: #D1D1D1;
		padding-left: 4px;
		padding-right: 4px;
	}
	a.recent-post-block-title:hover {
		color: #afcb29;
	}
	


		.recent-post-block-meta {
			margin-bottom: 10px;
		}
			.recent-post-block-meta .fa {
				margin-right: 5px;
			}
		.recent-post-block-meta, 
		.recent-post-block-meta a {
			color: #7f7f7f;		
		}

/* Blog Page Styles Starts */

	.blog-post {
		padding-top: 7px;
		padding-bottom: 20px;
		border-bottom: 1px solid #b3b3b3;
	}
	.blog-post + .blog-post {
		margin-top: 40px;
	}
	.blog-post .post-info {
		margin-top: 5px;
		margin-bottom: 20px;
	}
    .blog-post .post-info li + li {
        margin-left: 15px;
    }
    .blog-post .post-info li, 
    .blog-post .post-info li a {
        color: #7f7f7f;
    }
    .blog-post .post-info li .fa {
        margin-right: 5px;
    }
  .blog-post .blog-title {
      margin-bottom: 15px;
      margin-top: 0px;
      text-transform: uppercase;
      font-weight: 700;
  }

.blog-post .blog-intro {
    
}
.blog-post-content {
	margin-top: 10px;
	margin-bottom: 15px;
}
    .blog-post.single .blog-post-content p {
        margin-bottom: 20px;
    }
    .blog-post-content blockquote {
        padding: 0 20px;
        color: #1c1c1c;
        font-size: 14px;
        border-color: #1c1c1c;
        font-style: italic;
    }
    .blog-post .more-link {
        margin-top: 15px;
  }
    .blog-post .more-link .fa {
        margin-left: 5px;
    }

/* Blog Image */
.blog-post .blog-media img {
    max-height: 360px;
    width: auto;
}
.blog-post .blog-media-second img {
    max-height: 200px;
    width: auto;
}


/* ######################################*/

/* MEDIA QUERIES */

/* grand media */
@media (min-width: 1200px) {
	
}

/*iPads (portrait and landscape)*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}


@media only screen and (max-width:767px) {
	


}


/*iPhone */
@media (max-width: 479px) {
	
	.img-center-xs {
		margin-left: auto;
		margin-right: auto;
	}	
	
	.text-left-xs   { text-align: left;   }
	.text-center-xs { text-align: center; }
	.text-right-xs  { text-align: right;  }		
	
	.pull-left-xs  { float: left;  }
	.pull-right-xs { 
		left: auto;
		right: 0;
	}
	.text-justify.nojustif-xs {
		text-align: left;
	}


}


/*==================================================*/


/* Section Contact Form Error-Success  & Inscription Form
   ================================================== */

.required {
    color: #fe5555;
}

#success,
#error,
#inscriptionsuccess,
#inscriptionerror {
    display: none;
}

#contact-map {
	height:450px;
	width:100%
	}

/*==================================================*/
/* FOOTER */

.footer .logo-footer img {
    width: 180px;
    height: auto;
}

.footer img.logo_afaq {
	height: 50px;
	width: auto;
	margin-top: 20px;
}
.footer img.logo_ap {
	height: 50px;
	width: auto;
	margin-top: 0px;
}


.logo-sociaux {
    height: 40px;
}


.copyright {
	font-size: 10px;
}

.cyber_sign {
	font-size: 10px;
    margin: 0px;
}
.cyber_sign img  {
	height: 15px;
}

.cyber_sign {
	/*text-align: right;*/
}