/* 
	
	
Bleu clair : #719eca		rgba(113, 158, 202, 1)
Bleu foncé:  #17344b		rgba(23, 52, 75, 1)


*/


.multi-item-carousel{
  .carousel-inner{
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    > .item{
      // use your favourite prefixer here
      transition: 1000ms ease-in-out all;
      backface-visibility: visible;
      transform: none!important;
     
    }
  }
  .carousel-control{
    &.left, &.right{
      background-image: none;
    }
  }
}



.carousel-control.right, .carousel-control.left{
	color:#17344b !important;
	font-size: 2em !important;
} 

.carousel-control.left{
	 text-align: left !important;
	 padding-top:40px !important;


 }
.carousel-control.right{
	 text-align: right !important;
	  padding-top:40px !important;
 }



/*---- header -----*/

header {
	height: 260px;	
}


header #langue {
	height: 30px;
	background: #fff;
}

header #infos {
	padding-bottom: 20px;
	height: 120px;
	background: #fff;
}

#logos {
	position: relative;
}

#logo1 {
	height: 100px;
	background: no-repeat;
}

#logo2 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 38px;
	background: no-repeat;
	text-align: right;
}

#logo2 img {
	text-align: right;
}

.logged-in header .navbar-default {
	top: 0;
}

header .navbar-default {
	background: #d9e3ec;
}

header .navbar-default .navbar-nav li a {
	font-weight: normal;
	text-transform: none;
	font-size: 16px;
	line-height: 24px;
}

.navbar-nav > li > a {
	padding-top: 13px;
	padding-bottom: 13px;
}

.navbar {
    border-radius: 0;
}

header #fil-ariane {
	background: #719ECA;
}

@media (max-width:767px){
	header #fil-ariane {
	display: none !important;
	}
	body{
	margin-top: 250px !important;
	}
	body.home{
	margin-top: inherit !important;
	}
	
	.titre{
		padding-left:-15px !important;
		padding-right:-15px !important;
		width:100%;
		text-align: center;
	}
	.carousel-control.right, .carousel-control.left{
		display: block !important;
	}
}

/*---- header : page d'accueil -----*/

.slide-caption-details{
	background-color: transparent !important;
	width: 100% !important;
}

.slide-caption-details h2{
	background:#719eca;
	border-bottom:0px;
	padding:10px 20px;
	letter-spacing: inherit;
	font-style: italic;
	font-size: 3em;
	display: inline-block;
	margin-bottom:10px;
	font-weight: 500;
}

.slide-caption-details .summary p span{
	color:#719eca;
	background-color: rgba(255,255, 255, 0.8);
	line-height: 1.5em;
	margin-bottom:5px;
	font-size: 1.8em;
	padding-left: 20px;
	padding-right: 20px;

}
@media(max-width:991px){
	.news_accueil{
		position:inherit !important;
		background-color: rgba(113, 158, 202, 0.2) !important;
	}
	.slide-caption-details .summary p span{
		font-size: 1.5em;
	}
}

@media(max-width:757px){
	.titre h4{
		font-size: 0.8em;
	}
	.slide-caption-details .summary p span{
		font-size: 1.1em;
	}
	.slide-caption-details h2{
		font-size:2em;
	}
}




/* ------ Evenements page d'accueil -------*/
h1{
	font-weight: 500;
	margin-bottom: 30px;
	font-style: italic;
}

h1.titre_page{
	font-size: 2em;
}

h2.titre_accueil{
	font-style: italic;
	text-align: center;
	font-weight: 500;
	margin-bottom: 30px;
}

h4.titre_even{
	text-transform: inherit;
	border:0px;
	color:#ffffff;
	letter-spacing: inherit;
	font-weight: 500;
	margin-bottom:10px;
}

.bloc_even{
	background: #719eca;
	border:1px solid #719eca;
	color:#ffffff !important;
	padding:10px 10px;
}

.img_even{
	border:1px solid #719eca;
	text-align: center;
	background:#ffffff;
	padding:15px;
	min-height: 14em;
	line-height: 14em;	
}

.date_heure_even{
	font-style: italic;
}

/*----- breadcrumb ------*/

div#breadcrumbs{
	margin:1.5em 0px;
	color:#ffffff !important;
	font-size: 1em;
	font-style: italic;
	font-weight: 200;
	text-align: right;
}

@media (max-width:767px){
	div#breadcrumbs{
		margin-top:0.5em;
	}
	.fil-titre{
		padding-bottom:5px !important;
	}
}

div#breadcrumbs a{
	color: #ffffff;
}
div#breadcrumbs a:hover{
	color: rgba(255, 255, 255, 0.7);
}

.fil-titre{
	font-size: 1.5em;
	font-style: italic;
	font-weight: 200;
	color:#ffffff !important;
	line-height: 3em;
	padding-left: 0px;
}



/*----- page-section -------*/
	
section.text_accueil{
	padding-top:70px;		
	}

@media (max-width:757px){
section.text_accueil{
	padding-top:0px;		
	}
	}
	
	
.navbar-default .navbar-toggle{
	z-index: 100000;
}	

/*----- Offres d'emploi ------*/

a.annonce {
	display: block;
	margin-bottom: 7px;
	padding: 12px;
	border: 2px solid #719ECA;
	color: #719ECA;
	font-weight: 400;
	width: 100%;
}

a.annonce:hover {
	background-color: #719ECA;
	color: #FFF;
}


/*----- Documents ------*/

.bloc-documents {
	margin-bottom: 24px;
}

.bloc-documents:last-child {
	margin-bottom: 0;
}

.titre-categorie {
	font-weight: bold;
	margin-bottom: 12px;
}


/*----- Liens Partenaires ------*/

.bloc-partenaires {
	padding: 20px 0;
	border-bottom: 1px solid #719ECA;
}

.bloc-partenaires:last-child {
	border-bottom: 0px solid #719ECA;
}

.bloc-partenaires a {
	color: #719ECA;
	font-weight: 400;
}

.bloc-partenaires a:hover {
	color: #17344b;
}

.bloc-partenaires .titre {
	margin-bottom: 12px;
	font-weight: bold;
}

#logo-7 {
	width: 60%;
}

#logo-9 {
	width: 80%;
}

#logo-12 {
	width: 35%;
}

/*----- Liens PDF ------*/

a[href$=".pdf"], a[href$=".docx"], a[href$=".doc"], a[href$=".xls"], a[href$=".xlsx"] , a[href$=".png"], a[href$=".jpg"], a[href$=".jpeg"], .btn:hover {
	background-color: #ffffff;
	padding: 10px;
	color: #719eca !important;
	border: 2px solid #719eca;
	display: inline-block;
	margin-bottom:3px;
	font-weight: 400;
	text-decoration: none !important;
}
a[href$=".pdf"]:before, a[href$=".docx"]:before, a[href$=".doc"]:before, a[href$=".xls"]:before, a[href$=".xlsx"]:before, a[href$=".png"]:before, a[href$=".jpg"]:before, a[href$=".jpeg"]:before{
	font-family: FontAwesome;
	content:"\f15c";
	font-weight: 100;
	margin-right:5px;
}

a[href$=".pdf"]:hover, a[href$=".docx"]:hover, a[href$=".doc"]:hover, a[href$=".xls"]:hover, a[href$=".xlsx"]:hover, a[href$=".png"]:hover, a[href$=".jpg"]:hover, .btn, a[href$=".jpeg"]:hover{
	color: #ffffff !important;
	background-color: #719eca;
}

 a[href$=".pdf"]:before img{
	content:"";
}

.btn{
	margin-bottom: 5px !important;
	padding: 5px 10px !important;
	border: 2px solid #719eca;
}

.bloc_actu{
	padding-bottom:50px;
	border-bottom: 2px solid #719eca;
	margin-bottom:50px;
}

.titre_actu{
	display: inline-block;
}
.date_publication{
	float:right;
	display: inline-block;
	font-size: 0.8em;
}

@media (max-width:767px){
	.date_publication{
	width:100%;
	}
}

.page-template-page-actualite .post-list a, .page-template-page-actualite .post-list a:visited {
	color:#719eca;
	text-decoration: underline;
}
.page-template-page-actualite .post-list a:hover{
	color:#719eca;
	text-decoration: none;
}




.card-body a,  .card-body a:visited {
	color:#17344b;
	text-decoration: underline;
}
 .card-body a:hover{
	color:#17344b;
	text-decoration: none;
}

/*----- Contact ------*/

input, textarea {
	padding: 12px 12px;
	border: 1px solid #719ECA;
	width: 100%;
	color: #719ECA;
	font-size: 1em;
}

::placeholder,
-webkit-input-placeholder,
-ms-input-placeholder { 
	color: #719ECA;
	font-size: 1em;
	font-weight: bold;
}

input[type="submit"]{
	padding: 12px 0;
	border: 1px solid #719ECA;
	background: #FFF;
	color: #719ECA;
	font-size: 1em;
	width: 100%;
}

input[type="submit"]:hover {
	padding: 12px 0;
	background:#719ECA;
	color: #FFF;
}



/*---- Institutions -----*/

.bleu {
    color: #a8b7d0;
}
.violet {
    color: #cfacbd;
}
.orange {
    color: #dbaf9e;
}
.beige {
    color: #e9d9b4;
}
.vert {
    color: #a3bca7;
}

.inst_desc span{
	font-weight: 400;
}

li.categories ul{
	padding-left: 0px; 
	margin-left: 0px;
	margin-bottom:25px;
}
li.categories ul li{
	list-style: none;
	display: inline-block; 
}

li.categories ul li a{
	color:#719ECA;
	padding:5px 10px;
	border:1px solid #719ECA;
}

li.categories ul li:hover a{
	color:#ffffff;
	background:#719ECA;
	padding:5px 10px;
	border:1px solid #719ECA;
}

body.page-template-page-institution h3, body.page-template-page-institution h3 a{

	font-weight: bold;
	font-size: 1.1em;
}

.inst_logo img{
	vertical-align: middle;
	margin-top:auto;
	margin-bottom:auto;
}
.inst_titre, .inst_logo {
	text-align: center;
}
.inst_titre{
	margin:20px 0px;
}

.les_institutions:after {
  content: "";
  display: table;
  clear: both;
}
.inst_bloc{
	 float: left;
  width: 50%;
  min-height:400px;
}
.inst_bloc a{
	color:#17344b;
}
.inst_bloc a:hover{
	text-decoration: underline;
}


.date_archive{
	color:inherit;
	font-weight: lighter;
	float: right;
}