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

/* NL ***/
body{
	font-family: 'Open Sans',sans-serif;
	
}
.ariane {
display:none;
}
a, a:visited, a:active{
	
}
.container img{
	max-width:100%;
	height:auto;
}
p{
	text-align:justify;
}

h1{
	font-size:2.3rem;
        color:#20848c!important;
	
	
}
h1 span:first-letter{
	text-transform:uppercase;
}
h1 span{
display:inline-block;
min-width:20px;
}
.box{
	background:#f3f1f2;
	padding:10px;
}
.scrollbleu{
padding:20px;
background:#0999d5;
color:white;	
}
.scrollbleu h2 span{
border-color:white;	
}
.scrollbleu h2, .scrollrose h2, .scrollgris h2 {
	border-top-width:5px;
	border:none !important;
	background:url('http://www.univ-lille3.fr/visuels/2013/h3accueil.gif') bottom left no-repeat;
	padding-bottom:15px;
}
.scrollbleu .modal-content{
	background:#0999d5;
}
.scrollbleu h2{
	margin-left:25%;
	display:inline-block;
	margin-bottom:30px;
	min-width:250px;
	border-top-color:white;
	border-top-style:solid;
}
.scrollgris{
padding:20px;
background:#f3f1f2;
}
.scrollgris .modal-content{
background:#f3f1f2;	
}
.scrollgris h2 span{
}
.scrollgris h2{
	margin-left:25%;
	display:inline-block;
	padding-bottom:15px;
	margin-bottom:30px;
	border-top-color:#1a171b;
	border-top-style:solid;
	min-width:250px;
	background:url('http://www.univ-lille3.fr/visuels/2014/h2slide-udl.png') bottom left no-repeat;
}
.scrollrose{
padding:20px;
background:#AE2573;
color:white;


}
.scrollrose .modal-content{
	background:#AE2573;
}
.scrollrose h2 span{
}
.scrollrose h2{
	margin-left:25%;
	display:inline-block;
	margin-bottom:30px;
	border-top-color:white;
	border-top-style:solid;
	min-width:250px;
	
}
.scrollrose a, .scrollrose a:hover{
	color:#6cb9ee;
}

.scrollmauve{
padding:20px;
background:#a56b9e;
color:white;


}

.scrollmauve h2 span{
}
.scrollmauve h2{
	margin-left:25%;
	display:inline-block;
	padding-top:8px;
	margin-bottom:30px;
	border-top:3px solid white;
	min-width:250px;
}
.modal{
	
}



/* rajout raphael */
a.iconheader {
    border: 2px solid #CAD1D8;
    border-radius: 50%;
    display: inline-block;
    font-size: 17px;
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
    line-height: 1.5;
    color: #CAD1D8;
    text-align: center;
}
a, a:hover, a:focus {
    color: #20848c;
}

.fa {color:#20848c!important}
#fa {color:#20848c!important}
.social-icons {
	max-width: 100%;
	margin: 15px 5px 0px;
	padding: 0px;
}
.logo {
	margin-top:5px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	
}
.title {
	 font-family: 'Open Sans Condensed',Helvetica,Arial,sans-serif;
	font-size:2.8rem;
	margin-bottom:10px;
	margin-top:5px;
	
	
	
}
.stitle {
	font-family: 'Open Sans Condensed',Helvetica,Arial,sans-serif;
	font-size:1.8rem;
	margin-bottom:0px;
	margin-top:3px;
	padding-top:0px;
	
}
.date {
	font-family: 'Open Sans Condensed',Helvetica,Arial,sans-serif;
	font-size:16px;
	color:#20848c;
       font-weight:bold;

	
}
/***** NL **/
.typeevent {
	color:white;
	background:#0999d5;
	padding:5px;
	text-align:center;
	min-height:85px;
	
	
}
.faLille3{
	color:#20848c;
}
.htag a{
	color:#20848c;

}


p.typeevent {
color:white;
background:#0999d5;
background:#20848c;
height:80px;
line-height:80px;
text-align:center; /* centrage horizontal */ }

.typeevent span{
width:100%; /* largeur de la zone de texte */
padding:5px; /* aération interne de la zone de texte */
vertical-align:middle;
display:inline-block;
line-height:1.2; /* on rétablit le line-height */
text-align:center; /* ... et l'alignement du texte */ }
/**/
.navbar-lille3{
	border:none;
	background:none;
	box-shadow:none;
	margin-bottom:5px;
	font-family: 'Open Sans Condensed',Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:500;
	color:black;
	
}
.navbar-default .navbar-nav > li > a {
	color:#1a171b ;
}

footer {
    background: none repeat scroll 0% 0% #2D2828;
    padding: 30px 0px;
    color: #FFF;
    border-top: 5px solid #20848c;
    margin-top:35px;
}
footer a {
color: #FFFFFF;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
.list-inline {
    padding-left: 0px;
    list-style: none outside none;
    margin-left: -5px;
}
ul, ol {
    margin-top: 0px;
    margin-bottom: 10px;
}
*, *:before, *:after {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}



.bandeau {
	/* background-color:#000000; */
	background-color:#B8AB9B;
	align-content:center;
}
.bandeau img{
	margin:0 auto;
}



/* -------------------------- */
/* style des menus déroulants */
/* -------------------- */
#static-nav {
	margin:0;
	position: absolute;
	padding:0;
	height: 15px; /* hauteur de la barre de navigation */
	font-size:14px;
	font-weight:bold;
}
#static-nav li {
	list-style:none;
	float:left;
	margin-left:5px;
}
#static-nav li a:link, 
#static-nav li a:visited {
	display:block;
	margin:0;
}
#static-nav li a:hover {
}

/* -------------------- */
/* style des sous menus */
/* -------------------- */
#static-nav li ul {
	position:absolute;
	visibility:hidden;
	margin:0;
	padding:0;
	}

#static-nav li ul li {
	display:inline;
	float:none;
	margin: 0;
	padding: 0;
	
}

#static-nav li ul li a:link, 
#static-nav li ul li a:visited {
	width:auto;
	padding: 2px 10px 2px 5px;
	background-color: #ffffff; /* couleur de fond des sous menus */

}

#static-navli ul li a:hover {

}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) { 

.logo{
	margin-left:0;
	margin-right:0;
}

 }
#langs ul li 			{ display:inline; list-style-type: none;}
#langs a 			{ margin: 0 10px 0 0; text-decoration: none }
#langs a:hover		{ color: #db2020; }
#langs a img			{ padding: 2px 2px 2px 2px; border: 1px solid #cecece; width: 25px }
#langs a img.active	{ padding: 2px 2px 2px 2px; border: 1px solid red; }
#langs a.active 		{ padding: 2px 2px 2px 2px; border: 1px solid red; color: red }

/*bandeau CNIL */
div#bandeaucnil {
    background-color: #20848c;
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 3px;
    padding-left: 10px;
    left: 0px;
    min-height:30px;
    width: 100%;
    overflow: hidden;
    z-index: 10;
    color: #FFFFFF;
    font-size: 12px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

div#bandeaucnil a {
color: #FFFFFF;
text-decoration: underline;
}
#bandeaucnil .fermer2 {
    cursor: pointer;
    font-size: 1.3rem;
    background: white;
    color: #000;
    padding: 0.15rem 0.4rem;
    border-radius: 50%;
    display: inline-block;
    margin-top:2px;
}

/* -------------------------- */
/* style des menus déroulants */
/* -------------------- */
#static-nav {
	margin:0;
	padding:0;
	height: 15px; /* hauteur de la barre de navigation */
	
}
#static-nav li {
	list-style:none;
	float:left;
	width:105px;
        text-align:center;
}
#static-nav li a:link, 
#static-nav li a:visited {
	display:block;
	margin:0;

}
#static-nav li a:hover, .hoveractive, .hoveractive > a {
    background-color: #20848c;
    width: 105px;
    color: #ffffff !important;
    text-align:center;
}

/* -------------------- */
/* style des sous menus */
/* -------------------- */
#static-nav li ul {
	position:absolute;
	visibility:hidden;
	margin:0;
	padding:0;
	z-index: 9999;
         text-align:left;

}
#static-nav li ul li {
	display:inline;
	float:none;
	margin: 0;
	padding: 0;
        text-align:left;
	
}

#static-nav li ul li a:link, 
#static-nav li ul li a:visited 
{
	width:105px;
	padding: 2px 10px 2px 5px;
	background-color: #20848c; /* couleur de fond des sous menus */
        color:#ffffff;
        text-align:left;
}