@charset "UTF-8";
/* CSS Document */

/* general */
.fleche {
	background:url(../images/flecheDBleue.svg) no-repeat center right;
	display:inline-block;
	padding-right:10px;
	margin-right:7px;
}
.fleche.verte { background-image:url(../images/flecheDVerte.svg); color:#9DB628; }
.fleche.orange { background-image:url(../images/flecheDOrange.svg); color:#DD6125; }
.fleche.rose { background-image:url(../images/flecheDRose.svg); color:#D6007B;}

#breadcumb {
	margin-top:-15px;
	margin-bottom:15px;
	font-size:0.8em;
}

.titre_souligne {
	font-size:2rem;
	color:#1E4C8C;
	padding:0px 0px 15px 0px;
	margin:0px 0px 20px 0px;
	border-bottom:1px solid #1E4C8C;
}

main {
	margin-bottom:20px;
}
.no_gras {
	font-weight:normal !important;
}
.zoom {
	display:inline-block;
	position:relative;
	overflow:hidden;
	text-align:center;
}
li > .zoom {
	width:100%;
	height:100%;
}
.zoom > img {
	height:100%;
}
.zoom:after {
	content:" ";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:-100%;
	background-color:rgba(0,0,0,0.8);
	background-image:url(../images/loupe.svg);
	background-size:1px 1px;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-transition:background-size .1s ease-in;  
    -moz-transition:background-size .1s ease-in;  
    -o-transition:background-size .1s ease-in;  
    transition:background-size .1s ease-in; 
}
.zoom:hover:after {
	top:0px;
	background-size:50px 50px;
}
section {
	position:relative;
}
.d404 {
	padding:5% 0px;
	text-align:center;
	font-size:5rem;
	color:#1E4C8C;
	font-style:italic;
	width:100%;
}
.d404 span {
	display:block;
	padding-top:25px;
	font-size:2rem;
}
a {
	text-align:left;
}
li {
	text-align:inherit;
}
.texte {
	text-align:justify;
}
/* header */
header {
	position:relative;
	background-size:cover;
	margin-bottom:25px;
}

header #logo {
	width:253px;
	height:261px;
	position:absolute;
	background:url(../images/fondLogo.png) no-repeat;
	z-index:10;
}
header #logo a {
	position:absolute;
	display:block;
	width:167px;
	height:139px;
	top:63px;
	left:28px;
}
header nav {
	position:relative;
	padding:5px 0px;
	background-color:rgba(30,76,140,0.9);
	margin-top:290px;
	display:table;
	width:100%;
	z-index:100;
}
header ul {
	list-style:none;
	float:right;
	margin:0px 5px;
	display:table-row; 
}
header ul li {
	display:inline-block;
	float:left;
	border-right:1px solid #FFF;
	margin:0px;
}
header ul li:last-child {
	border-right:none;
}
header ul li a {
	color:#FFF;
	display:inline-block;
	line-height:26px;
	vertical-align:middle;
	padding:0px 10px;
}
header ul > li:hover > a, header ul > li.current_page_item > a, header ul > li.current-menu-ancestor > a, header ul > li.current-menu-parent > a {
	background-color:#FFF;
	color:rgb(30,76,140);
	text-decoration:none;
}
header ul li ul {
	position:absolute;
	padding:5px 0px;
	margin:0px 0px;
	display:none;
}
header ul li ul li {
	float:left;
	clear:both;
	border:none;
	background-color:rgba(30,76,140,0.9);
	width:100%;
}
header ul li ul li:hover {
	background-color:#FFF;
}
header ul li:hover ul {
	display:block;
}
header #bandeHaut {
	position:relative;
	height:36px;
	padding:0px 22px;
	background-color:rgba(255,255,255,0.9);
}
header #bandeHaut ul li {
	border:none;
	color:#1E4C8C;
}
header #bandeHaut ul li a, header #bandeHaut ul li span {
	color:#1E4C8C;
	line-height:36px;
	font-style:italic;
}
header #bandeHaut ul li:hover a, header #bandeHaut ul li.current_page_item a, header #bandeHaut ul li.current-lang a {
	background-color:#1E4C8C;
	color:#FFF;
}
header #bandeHaut form {
	margin:0px;
	margin-left:15px;
	display:inline-block;
}
header #bandeHaut form input {
	height:17px;
	border:1ps solid #1E4C8C;
	border-radius:0;
	margin:0px;
	padding:0px;
}

/* Accueil */
.encartsAccueil {
	overflow:auto;
	margin-bottom:25px;
}
.encartsAccueil > div {
	height:100%;
	margin-bottom:25px;
}
.encartsAccueil div h4, .encartsAccueil div h1{
	font-size:1.4em;
	background-color:#1E4C8C;
	line-height:42px;
	vertical-align:middle;
	padding:0px 11px;
	color:#FFF;
	margin:0px;
	position:relative;
}
.encartsAccueil div h4 > div {
	height:10px;
	position:absolute;
	right:5px;
	top:16px;
}
.encartsAccueil div h4 > div > span {
	width:10px;
	height:10px;
	display:inline-block;
	margin-right:5px;
	background-color:rgba(255,255,255,0.5);
	float:left;
	border-radius:50%;
	cursor:pointer;
}
.encartsAccueil div h4 > div > span.current, .encartsAccueil div h4 > div > span:hover {
	background-color:rgba(255,255,255,1.00);
}

.encartsAccueil div h1{ margin-bottom:10px }
.encartsAccueil div.actualites h4{ background-color:#9DB628; }
.encartsAccueil div.diffusion h4{ background-color:#D6007B; }
.encartsAccueil div.formation h4{ background-color:#DD6125; }
.encartsAccueil div article {
	display:none;
	height:270px;
}
.encartsAccueil div article:first-of-type {
	display:block;
}
.encartsAccueil div article > h3, .encartsAccueil div article > h3 a{
	font-size:1em;
	font-style:normal;
	line-height:normal;
	margin:0px 0px 5px 0px;
	font-weight:bold;
}
.encartsAccueil div article > h3 {
	padding-top:15px;
}
.encartsAccueil div article > a + h3 {
	padding-top:0px;
}
.encartsAccueil div article img{
	width:100%;
	margin-bottom:5px;
}
.encartsAccueil div article .date {
	display:block;
	font-size:0.8em;
	font-style:italic;
	margin-bottom:5px;
}
.encartsAccueil div article > p {
	text-align:justify;
}
.encartsAccueil div article  p {
	margin:0px;
}
.encartsAccueil div.actualites a, .encartsAccueil div.actualites h3, .encartsAccueil div.actualites .date{ 	color:#9DB628; }
.encartsAccueil div.diffusion a, .encartsAccueil div.diffusion h3, .encartsAccueil div.diffusion .date{ color:#D6007B; }
.encartsAccueil div.formation a, .encartsAccueil div.formation h3, .encartsAccueil div.formation .date{ color:#DD6125; }
.encartsAccueil div hr {
	margin:10px 0px 5px 0px;
}
.encartsAccueil div.actualites hr { border-color:#9DB628; }
.encartsAccueil div.diffusion hr { border-color:#D6007B; }
.encartsAccueil div.formation hr { border-color:#DD6125; }

.encartsAccueil div article {
	position:relative;
}

.encartsAccueil div p a {
	position:absolute;
	bottom:0px;
}



/* footer */
footer {
	background-color:#4D4D4D;
}
footer > div > h5 {
	margin:20px;
	color:#FFF;
}
footer > div > p, footer > div > ul {
	margin:0px 20px 20px 20px;
	color:#FFF;
}
footer > div > ul {
	list-style:none;
}
footer > div > ul > li {
	margin-bottom:0px;
}
footer > div > ul > li > a {
	color:#FFF;
}
footer > div > ul > li > a:hover {
	color:#FFF;
}
footer #cadreParts {
	margin:20px;
	padding:20px;
	background-color:#FFF;
	overflow:auto;
}
footer #cadreParts a {
	display:block;
	float:left;
	margin:1px 0px;
	width:105px;
	height:105px;
	line-height:105px;
	vertical-align:middle;
	text-align:center;
}
footer #cadreParts a img {
	vertical-align:middle;
	display:inline-block;
	max-width:100%;
	max-height:100%;
}
footer #cadreParts a:nth-child(odd) {
	margin-right:5px;
	clear:left;
}
footer #cadreParts a:nth-child(even) {
	margin-left:5px;
	clear:right;
}
footer a {
	color:#969696 !important;
}
/* étudiants */
#listeEtudiants .titre_annee {
	color:#1E4C8C;
	font-size:3rem;
	padding:0px 0px 15px 0px;
	margin:0px 0px 20px 0px;
	border-bottom:1px solid #1E4C8C;
}
#listeEtudiants section{
	margin-bottom:35px;
}
#listeEtudiants .etudiant {
	position:relative;
}
#listeEtudiants .etudiant a.img {
	display:block;
	position:relative;
}
#listeEtudiants .etudiant img.wp-post-image {
	width:100%;
	height:175px;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	transition:all ease 0.2s;
}
#listeEtudiants .etudiant:hover img.wp-post-image {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
#listeEtudiants .etudiant img.flag {
	display:block;
	position:absolute;
	bottom:3px;
	left:0px;
}
#listeEtudiants .etudiant a.nom {
	display:block;
	text-align:center;
	height:50px;
}
#listeEtudiants .etudiant a.nom:hover {
	text-decoration:none;
}
#listeEtudiants nav {
	min-height:100px;
}
#listeEtudiants nav ul {
	list-style:none;
}
#listeEtudiants nav ul li {
	margin:0px;
	padding:0px;
}
#listeEtudiants nav ul li a {
	padding:10px 20px;
	display:block;
	font-size:1.6rem;
}
#listeEtudiants nav ul li:hover a, #listeEtudiants nav ul li.current a, #listeEtudiants nav ul li a.actif {
	background-color:#1E4C8C;
	color:#FFF;
	text-decoration:none;
	
}
#ficheEtudiant {
	padding:20px;
}
#ficheEtudiant .image {
	width: 17%;
	float: left;
}
#ficheEtudiant .image img {
	width:100%;
}
#ficheEtudiant .infos {
	width: 80.5%;
	margin-left: 1.5%;
	float: left;
	color:#000;
}
#ficheEtudiant .infos h1 {
	font-size:2rem;
	color:#1E4C8C;
	padding:0px 0px 12px 0px;
	margin:0px 0px 20px 0px;
	border-bottom:1px solid #1E4C8C;
}
#ficheEtudiant .infos .titre_annee {
	font-size:2rem;
	margin:0px 0px 0px 0px;
	font-style:normal;
}
#ficheEtudiant .infos span {
	display:block;
}
#ficheEtudiant .infos span.date {
	text-transform:capitalize;
}
#ficheEtudiant .infos span.resume {
	margin:12px 0px;
	color:#1E4C8C;
}

/* DDLS */
#listeEtudiants .ddls {
	position:relative;
	margin-bottom:15px;
}
#listeEtudiants .ddls > a:hover {
	text-decoration:none;
	font-style:normal;
}
#listeEtudiants .ddls a.img {
	display:block;
	position:relative;
}
#listeEtudiants .ddls img.wp-post-image {
}
#listeEtudiants .ddls .titre_ddls {
	padding:14px;
	color:#FFF;
	font-size:1.6rem;
	margin:0px;
	font-weight:normal;
	background-color:#1E4C8C;
	vertical-align: middle;
}
#listeEtudiants .ddls .titre_ddls span {
	font-size:1.4rem;
	font-style:normal;
	display:block;
	font-weight:bold;
}
#listeEtudiants .ddls .txt {
	font-style:italic;
	color:#1E4C8C;
}
#listeEtudiants .ddls .txt a {
	color:inherit;
	font-style:normal;
	text-decoration:underline;
}
#listeEtudiants .ddls .txt {
	margin-bottom:1rem;
}
#listeEtudiants .cadre_img {
	border:2px solid #1E4C8C;
	text-align:center;
	height: 234px;
	line-height:234px;
	overflow:hidden;
	text-align:center;
}
#listeEtudiants .cadre_img img {
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
}
area:hover {
	filter: invert(100%)
}

/* equipes */

.titre_logo {
	overflow:auto;
	margin-bottom:15px;
}
.titre_logo img {
	float:left;
	margin-right:15px;
}
.titre_logo span {
	display:block;
	clear:right;
	font-size:2rem;
	color:#1E4C8C;
	font-style:italic;
}
.titre_logo h1 {
	font-size:3rem;
	color:#1E4C8C;
	font-style:italic;
}
.encart{
	margin-bottom:20px;
	overflow:auto;
}
.encart .titre {
	display:block;
	font-size:2rem;
	background-color:#1E4C8C;
	color:#FFF;
	font-style:italic;
	padding:11px;
	margin-bottom:9px;		
}
.encart .nom {
	display:block;
	font-weight:bold;
	text-align:left;
}

.encart > img {
	margin-bottom:5px;
}
.encart p {
	margin:0px;
}
section > .contenu h1, section > .contenu h2, section > .contenu h3, section.contenu h1, section.contenu h2, section.contenu h3 {
	font-size:2.4rem;
	color:#1E4C8C;
	padding-bottom:10px;
	border-bottom:1px solid #1E4C8C;
}
section > .contenu ul; section.contenu ul {
	margin-left:20px;
	list-style:outside;
}
section > .contenu ul li, section.contenu ul li {
	list-style-image:url(../images/dotblue.svg);
}
.carousel {
	margin-bottom:20px;
}
.jcarousel {
    position: relative;
    overflow: hidden;
}
.jcarousel ul {
	width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    float: left;
	margin-right:14px;
	border-radius:50%;
	overflow:hidden;
	width:220px;
	height:220px;
	border:2px solid #1E4C8C;
}
.jcarousel-control {
	position:absolute;
	top:38%;
	display:none;
	width:26px;
	height:52px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	opacity:0.4;
}
.jcarousel-control:hover {
	opacity:1;
}
.jcarousel-control-prev {
	left: -50px;
	background: url(../images/flecheGGBleue.svg);
}
.jcarousel-control-next {
	right: -50px;
	background: url(../images/flecheGDBleue.svg);
}

/*.jcarousel ul li a img {
	min-height:220px;
}*/

#publications .ZoneTitreResultat {
	display:none;
}
#publications dt {
	display:none;
}
#publications dd {
	margin:0px;
}

/*REcherche */
#recherche article {
	margin-bottom:20px;
}
#recherche article h2{
	margin-bottom:2px;
	font-size:1.6rem;
}
#recherche article p{
	margin-bottom:2px;
}

/* contact */
#map {
	height:310px;
}
#contact section {
	margin-bottom:30px;
}

.formulaire input, .formulaire textarea {
	width:210px;
	margin-left:3%;
	float:left;
	height:30px;
	padding:2px 2%;
	border-radius:0px;
	border:1px solid #CCCCCC;
	margin-bottom:0px;
}
.formulaire textarea {
	height:168px;
}
.formulaire label {
	width:80px;
	float:left;
	font-weight:normal;
	color:#CCC;
}
.formulaire p {
	height:30px;
	line-height:30px;
	vertical-align:middle;
	margin-bottom:15px;
}
.oblige input, .oblige textarea, .oblige label {
	border-color:#1E4C8C;
	color:#1E4C8C;
}
.formulaire input[type=submit] {
	height:30px;
	margin-left:22%;
	background-color:#1E4C8C;
	color:#FFF;
	border:none;
	line-height:30px;
	vertical-align:middle;
	border-radius:0px;
	width:auto;
	padding:0px 12px;
	text-transform:none;
	font-size:1.4rem;
	font-weight:normal;
}

/* Partenaires */
.partenaire {
	margin-bottom:15px;
}
.cadre_img_part {
	border:2px solid #1E4C8C;
	text-align:center;
	height: 141px;
	vertical-align:middle;
	line-height:141px;
	position:relative;
	display:block;
	cursor:pointer;
}
.cadre_img_part img {
	max-height:95%;
	max-width:95%;
	vertical-align:middle;
}
.cadre_img_part:hover {
	background-color:rgba(0,0,0,0.05);
}

/* Actualités */
.actualite {
	margin-bottom:25px;
	position:relative;
	display:table;
}
.date {
	color:#1E4C8C;
	font-size:1.4rem;
	font-style:italic;
}
.actualite h2 {
	color:#1E4C8C;
	font-size:1.6rem;
	margin-bottom:10px;
	font-style:italic;
	font-weight:bold;
}
.actualite p {
	margin-bottom: 1rem; 
}
.actualite .image {
	padding-right:20px;
	display:table-cell;
	vertical-align:top;
	text-align: center;
	width: 220px;
	height: 220px;
}

#sliderTete {
	width:100%;
	height:100%;
	position:absolute;
	z-index:0px;
	overflow:hidden;
}
#sliderTete img {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	display:none;
}
#sliderTete img:first-child {
	opacity:1;
	display:block;
}

@media (max-width: 790px){
	header #bandeHaut ul li {
		display:block;
		float:right;
		clear:both;
	}
}