/* Pour l'impression on chope la feuille specifique. */
/* Pour les autres pages on chope les feuilles persos (une par page ?). */
/* Le reste est pour l'écran */
@media screen {
  /* Le bloc de page est centré sur l'écran */
  body {
    margin: 1%;
    padding: 0;
    background: #99ccff;
    background: -moz-linear-gradient(top, #99ccff, white);
    /* pour Firefox */
    background: -o-linear-gradient(top, #99ccff, white);
    /* pour Opera */
    background: -webkit-gradient(linear, left top, left bottom, from(#99ccff), to(white));
    /* pour webkit */
  
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#99ccff', endColorstr='white');
    /* pour IE */
  
    height: 100%;
    background-repeat: no-repeat;
    color: #58585a;
    font-family: Verdana,Arial, Helvetica, sans-serif;
  }
  
  h2 {
  	font-family: "Verdana","Trebuchet MS", "Calibri", "Tahoma", "Geneva", sans-serif;
        font-size: 40px;
  }

h3 {
  	font-family: "Verdana","Trebuchet MS", "Calibri", "Tahoma", "Geneva", sans-serif;
        font-size: 22px;
}

h4 {
  	font-family: "Verdana","Trebuchet MS", "Calibri", "Tahoma", "Geneva", sans-serif;
        font-size: 18px;
}
  
  .page {
    margin: 0 auto;
    border: 1px solid #4fb6e1;
    border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 5px 5px 5px #969696;
    -moz-box-shadow: 5px 5px 5px #969696;
    -webkit-box-shadow: 5px 5px 5px #969696;
    padding: 0;
    width: 1200px;
    background: white;
  }
  /* On n'affiche pas les liens en relation avec les recommandations WCAG */
  #jump, h1 {
    display: none;
  }
  /* Pour être identifiable les liens (normaux, actifs, ou déjà visités) ont
       toujours le même rendu . */
  a:link, a:visited, a:active {
    color: #8B8BFF;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }  /* L'entete est sur toute la largeur */
  #entete {
    position: relative;
    /* Pour pouvoir positionner les enfants en absolu */
  
    margin: 0;
    padding: 0;
	background: url(/digitalAssets/0/421_europe.png);
	background-repeat: no-repeat;
	background-position: top right;
  }
  
  /* Le logo */
  #logo-lifl img {
    display: block;
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 0px;
    // padding-left: 9.6%;
    height: 110px;
  }
  #logo-lifl:hover {
    background: transparent;
  }
  #logo-lifl img {
    border: 0;
  }
  /* Les changements de langue */
  #langues {
    position: absolute;
    right: 20%;
    top: 0;
    margin: 0;
    padding: .5em;
  }
  #langues li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 .25em;
  }
  #langues a:hover {
    background: transparent;
  }
  #langues a {
    display: inline-block;
    height: 24px;
    width: 24px;
  }
  #langues img {
    border: 0;
  }
  /* L'identification */
  #username {
    float: left;
    margin: 0;
    visibility: hidden;
    width: 15%;
    text-align: center;
    font-weight: bold;
  }
  body.logged-in #username {
    visibility: visible;
  }
  /* Le fil d'ariane */
  #ariane {
    list-style: none inside;
    display: inline-block;
    margin: 0;
    padding: 0;
    visibility: hidden;
  }
  #ariane li {
    display: inline;
    font-size: small;
  }
  #ariane li:before {
    content: '/ ';
  }
  #ariane li:after {
    content: ' ';
  }
  /* Le moteur de recherche */
  #chercher {
    display: block;
    position: absolute;
    bottom: 1em;
    right: 300px;
    font-size: small;
  }
  #chercher p {
    display: inline;
    margin: 0;
  }
  /* Le menu de navigation */
  #navigation {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 20%;
    vertical-align: top;
    background-color: white;
    font-family: 'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica,Arial, sans-serif;
    font-size: 14px;
  }
  
  /* DEBUT INSERTION OLIVIER */
	
	#menu { 
    	width: 100%;
    	padding: 0 0 0 0;
    	margin: 0 0 0 0;
    	background-color: #FFF;
    	color: #333;
   	}
   	
   	#rubrique_Presentation #menu,
   	#rubrique_Presentation #menu>div>span>li>ul,
   	#rubrique_Presentation #menu>li>ul,
   	#rubrique_Presentation ul#utiles {background-color:#E3EBA2;}
   	#rubrique_Presentation #menu li.visite>a {color:#b1c800;}
   	#rubrique_Presentation #contenu #titre-rubrique {color:#b1c800;}
   	
   	#rubrique_Recherche #menu,
   	#rubrique_Recherche #menu>div>span>li>ul,
   	#rubrique_Recherche #menu>li>ul,
   	#rubrique_Recherche ul#utiles {background-color:#A2E2EE;}
   	#rubrique_Recherche #menu li.visite>a {color:#00afcf;}
   	#rubrique_Recherche #contenu #titre-rubrique {color:#00afcf;}
   	
   	#rubrique_FormationDoctorale #menu,
   	#rubrique_FormationDoctorale #menu>div>span>li>ul,
   	#rubrique_FormationDoctorale #menu>li>ul,
   	#rubrique_FormationDoctorale ul#utiles {background-color:#FAD6BC;}
   	#rubrique_FormationDoctorale #menu li.visite>a {color:#eb6a0a;}
   	#rubrique_FormationDoctorale #contenu #titre-rubrique {color:#eb6a0a;}
   	
   	#rubrique_Publications #menu,
   	#rubrique_Publications #menu>div>span>li>ul,
   	#rubrique_Publications #menu>li>ul,
   	#rubrique_Publications ul#utiles {background-color:#B9DFC6;}
   	#rubrique_Publications #menu li.visite>a {color:#008a2e;}
   	#rubrique_Publications #contenu #titre-rubrique {color:#008a2e;}
   	
   	#rubrique_Actualites #menu,
   	#rubrique_Actualites #menu>div>span>li>ul,
   	#rubrique_Actualites #menu>li>ul,
   	#rubrique_Actualites ul#utiles {background-color:#FCDFA2;}
   	#rubrique_Actualites #menu li.visite>a {color:#f6a800;}
   	#rubrique_Actualites #contenu #titre-rubrique {color:#f6a800;}

   	#rubrique_Recrutement #menu,
   	#rubrique_Recrutement #menu>div>span>li>ul,
   	#rubrique_Recrutement #menu>li>ul,
   	#rubrique_Recrutement ul#utiles {background-color:#ffdddd;}
   	#rubrique_Recrutement #menu li.visite>a {color:#ff0000;}
   	#rubrique_Recrutement #contenu #titre-rubrique {color:#ff0000;}

   
	#menu {
		padding-left: 0px;
		margin-left: 0px;
		list-style-type: none;
		background-color:#99ccff;
	}
	
	#menu>div>span>li,
    #menu>li {
    	border-left: 24px solid #4f4c4c;
    	margin-bottom: 4px;
    	// height: 26px;
    	/* HACK pour IE */
    	voice-family: "\"}\"";
    	voice-family: inherit;
    	// height: 24px;
    }

	#menu>div>span>li>ul>li>ul>li>a:before,
    #menu>li>ul>li>ul>li>a:before {content:"> ";} 
    #menu li.visite>a {font-weight:bold;}
       
	#menu>div>span>li>a,
    #menu>li>a {
    	display: block;
    	line-height: 24px;
		vertical-align: 3px;
    	padding-left: 10px;
    	color: white;
    	text-decoration: none;
    	margin-left: 2px;
    	background-color: #4f4c4c;
    	border-left: 24px solid red;
    }
    
   	#menu>div>span>li a#accueil, 
   	#menu>li a#accueil {
   		border-left: none;
   		background-image: url(/digitalAssets/0/420_home.png);
   		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-left: 36px;	
   	}
   	
    #menu>div>span>li a#Presentation,
    #menu>li a#Presentation { border-color: #b1c800; }
    #menu>div>span>li a#recherche,
    #menu>li a#recherche { border-color: #00afcf; }
    #menu>div>span>li a#FormationDoctorale,
    #menu>li a#FormationDoctorale { border-color: #eb6a0a; }
    #menu>div>span>li a#Publications,
    #menu>li a#Publications { border-color: #008a2e; }
    #menu>div>span>li a#Actualites,
    #menu>li a#Actualites { border-color: #f6a800; }
    #menu>div>span>li a#Recrutement,
    #menu>li a#Recrutement { border-color: #ff0000; }
 
 
    /* Affichage du contenu de chaque rubrique */
    #menu>div>span>li>ul,
    #menu>li>ul {
    	padding-top:10px;
    	padding-bottom:10px;
    	position:relative;
    	left: -23px;
    	width: 90%;
    	background-color:#99ccff;
    }
    
    #menu>div>span>li>ul li,
    #menu>li>ul li {
    	list-style-type :none;
    }
 
 	/* Définition de l'apparence des entrées dans une rubrique */
    #menu>div>span>li>ul>li a,
    #menu>li>ul>li a {
    	position: relative;
    	display: block;
    	width: 100%;
    	line-height: 20px;
		vertical-align: 3px;
    	left: -15px;
    	padding-left: 5px;
    	
    	color: black;
    	font-size: 12px;
    	text-decoration: none;
    	
    	background-color: none;
    }
    #menu>div>span>li>ul>li>a {
    	left: 23px;
    }
    #menu>div>span>li>ul>li>ul>li>a {
    	left: 70px;
    }
    
    #menu>div>span>li>ul>li a:hover,
    #menu>li>ul>li a:hover {
         text-decoration: underline;
    }

    /* Modification de l'aspect des entrées de second niveau dans une rubrique */
    //#menu>li>ul>li>ul li {
    //	list-style-type: square; 
    //}
  
  #navigation li.noeud > ul {
    display: none;
  }
  #navigation li.visible > ul {
    display: block;
  }

  /* La feuille ou le noeud correspond à la page courante */
  #navigation li.courante a {
    font-weight: bold;
  }
  
  /* La mécanique du (dé)pliage est géré par javascript qui joue
       (ajout/retrait de la classe 'visible') avec les classes des noeuds
       de l'arbre (LI qui possède la classe 'noeud') à chaque évènement
       onclick. */


  /* #navigation li.noeud {
    list-style-image: url(/infoglueDeliverWorking/digitalAssets/0/367_noeud-plie.png);
  } 
  #navigation li.visible {
    list-style-image: url(/infoglueDeliverWorking/digitalAssets/0/368_noeud-deplie.png);
  }

  } */
  
  /* Définition des rubriques dans le menu de navigation */


	#divutiles {
		border-left: 24px solid #00afcf;
		width: auto;
	}

	#divintranet {
		border-left: 24px solid #4f4c4c;
		width: auto;
	}

    #texteutiles {
    	border-left: 24px solid #58585a;
    	background-color: #00afcf;
    }
    	
    #texteintranet {
    	border-left: 24px solid #990033;
    	background-color: #4f4c4c;
    }
    
    #navigation p {
    	line-height: 24px;
		vertical-align: 3px;
    	padding-left: 10px;
    	margin-bottom: 0;
    	margin-left: 2px;
    	color: white;
    	text-decoration: none;
    } 
    #navigation p a {
    	color:white;
    }

  /* Les outils pratiques */
  #navigation span.lifl,
  #navigation>span {
    display: none;
  }
  
  ul#utiles {
    display: block;
    background-color: #bee3ea;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    width: auto;
  }
  
  #navigation>div>span>ul#utiles,
  #navigation>ul#utiles {list-style-position: inside; padding-left: 26px; }

  li.go-contact {list-style-image: url(/digitalAssets/0/418_contact.png);}
  li.go-acces {list-style-image: url(/digitalAssets/0/417_annuaire.png);}
 li.go-sitemap {list-style-image: url(/digitalAssets/0/419_contact.png);}
 li.go-calendrier {list-style-image: url(/digitalAssets/0/424_calendar.png);}
 li.go-rss {list-style-image: url(/digitalAssets/0/425_rss.png);}

  ul#utiles a:hover {background: transparent;}
  
  ul#utiles a {
    display: inline-block;
        vertical-align: 10px;
    font-size: 12px;
    color: black;
    text-decoration: none
    margin: 5px;
    height: 24px;
  }


  /* Le contenu effectif de la page. */
  .boites {
    margin: 1em;
    border: thin solid #4fb6e1;
    border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 5px 5px 5px #969696;
    -moz-box-shadow: 5px 5px 5px #969696;
    -webkit-box-shadow: 5px 5px 5px #969696;
    padding: .5em;
    color: #4fb6e1;
    text-align: center;
  }
  .boites h3 {
    margin: -0.5em;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 5px 5px 5px #969696;
    -moz-box-shadow: 5px 5px 5px #969696;
    -webkit-box-shadow: 5px 5px 5px #969696;
    padding: 0;
    background: #99ccff;
    color: white;
  }
  
  /* GESTION DE LA PARTIE AGENDA */
  #agenda {
    display: table-cell;
    width: 20%;
    background-color: #58585a;
    padding: 0 1%;
    background-image: url(/digitalAssets/0/427_carteeurope.png);
    background-position: right bottom;
    background-repeat: no-repeat;
  }
  
  #agenda h3 {
  	color: #FFF;
  	font-size: 23px;
  	margin-top: 5px;
  	margin-bottom: 20px;
  }
  
  #agenda ul {
  	list-style-type: none;
  	padding: 0;	
  }
  
  #agenda li {
  	line-height: 14px;
  	margin-bottom: 2px;
        color: white;
  }
    
  .date-agenda {
  	margin-top: 0px;
  	margin-bottom: 5px;
  	color: #8dd9f8;
  	font-size: 14px;
  }
  
  #agenda p.titre-agenda {
        font-size: 12px;
  	margin-top: 0px;
  	margin-bottom: 10px;	
  }

  #agenda p.description-agenda {
        font-size: 12px;
  	margin-top: 0px;
  	margin-bottom: 10px;	
  }
  
  #agenda p.titre-agenda a:link {
  	color: #FFF;
  	font-size: 12px;
  }

  #agenda p.titre-agenda a:visited {
  	color: #FFF;
  	font-size: 12px;
  }

  #agenda-soutenances {
  	color: #FFF;
        font-weight: normal;
  	background-color: #8dd9f8;
  	padding: 5px;
  	margin-right: 0px;
  	font-size: 12px;
  }
	 
  
  
  /* GESTION DU CONTENU */
  #contenu {
    display: table-cell;
    margin: 0;
    padding: 0 0;
    vertical-align: top;
    /* La page d'accueil */
  }
  
  #contenu dl { font-size: 14px; }

  #contenu h2,
  #contenu h3,
  #contenu h4,
  #contenu h5,
  #contenu p { 
  	padding-left: 10px; 
  	padding-right: 10px; 
  }
  
  #contenu img {
    display: block;
    margin: 1em auto;
  }

  #contenu li p img {
    display: inline;
    margin: 0;
  }
 
  #contenu li {
  	list-style-position: inside;
        font-size: 14px;
  }
  
  #contenu li a{
  	font-size: 14px;
  }

  #contenu #image-rubrique {
  	width: 720px;
  	margin: 0px 0px;
    //padding: 0;
  }
 
  #contenu #titre-rubrique {
  	color: #66CCFF;
  	margin: 10px 0 0 0;
  }
  
  #contenu #description-rubrique {
  	color: #8585A;
  	margin: 0 0 0 0;
  }
  
  #contenu p {
  	font-size: 14px;
  	text-align: justify;
  }
  
  #contenu #flash {
    margin: 2em 5em;
    border: thin solid #4fb6e1;
    border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 5px 5px 5px #969696;
    -moz-box-shadow: 5px 5px 5px #969696;
    -webkit-box-shadow: 5px 5px 5px #969696;
    padding: .5em;
    color: #4fb6e1;
    text-align: center;
  }
  
  #contenu #flash h3 {
    margin: -0.5em;
    border: none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 5px 5px 5px #969696;
    -moz-box-shadow: 5px 5px 5px #969696;
    -webkit-box-shadow: 5px 5px 5px #969696;
    padding: 0;
    background: #99ccff;
    color: white;
  }
  /* Le pied de page */
  #ours {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 66%;
  }
  /* Les institutions partenaires */
  #partenaires {
    display: block;
    margin: 0;
    padding: .5em 0;
    width: 100%;
  }
  #partenaires li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #partenaires a:hover {
    background: transparent;
  }
  #partenaires a {
    display: inline-block;
    height: 40px;
    width: 120px;
  }
  #partenaires img {
    border: 0;
  }
  /* Les copyrights et compagnie */
  #ours p {
    margin: 0;
    padding: .25em;
    color: black;
    font-style: italic;
    font-size: 10px;
  }
  /* Quelques classes en vrac utilisables par javascript par exemple */
  .eteint {
    display: none;
  }
  .cache {
    visibility: hidden;
  }
  
  .infobulle {
  	width:600px;
  	font-style:italic; 
  	position: absolute; 
  	border: 0.5px solid Black; 
  	border-spacing:1px;
  	margin:5px; 
  	padding:2px; 
  	background-color: #FFFFCC;
  }
  
# ACTUALITES
	 #actualites {
		display: table;
		width: 100%;
	}

        #actualites a:hover {
                text-decoration: none
        }

	#ligneactualites {
		display: table-row;
		width: 100%;
	}
	.colonneactualites {
		display: table-cell;
		width: 50%;
	}
	
	.actualite {
		margin: 10px;
		background-color: #58585a;
                height: 170px;
		min-height: 150px;
	}
	.actualite .clear {
		clear: both;
		height: 0;
		overflow: hidden;
	}
	.actualite h2 {
                font-weight: normal;
		color: white;
		font-size: 30px;
		margin-top: 0px;
		margin-bottom: 10px;	
	}
	
	.actualite h2.orange {
		color: #f6a800;
	}
	.actualite h2.bleu {	
		color: #82c8bc;
	}
	
	.actualite h2.vert {
		color: #c8d200;
	}
	
	.actualite h2.jaune {
		color: #ffee20;
	}
	.actualite p {
		color: white;
    font-size: 14px;

	}
	
	#contenu .actualite img {
		float: right;
		padding-top: 10px;
		padding-right: 5px;
		padding-left: 30px;
		padding-bottom: 10px;
		margin: 0px;
		border: none;
	}	

  .avalider {
  	color:red;
  	position:fixed;
  	font-size:x-large;
  	top:0;
  	left:0;
  	text-decoration: blink;
  }

  /* GESTION DES ENTREES DANS LE MENU */
/* styles utilisés dans l'affichage des résultats */
.ellipsis{
     font-weight:  bold;
}

.url{
     color:  #92C40A;
}


  
}
/*
   Conventions de codage 
 
   Les propriétés sont spécifiées en partant de l'extérieur des boîtes et en
   allant vers l'intérieur.

   Quand c'est possible on spécifie une propriété générique plutôt que
   plusieurs propriétés spécifiques (genre border, plutôt que border-width,
   border-style et border-color). La lecture du fichier CSS par le
   navigateur est plus rapide.

   S'il y a plusieurs sélecteurs pour un même ensemble de propriétés, on ne
   qu'un sélecteur par ligne.

 */
/* Local Variables: */
/* mode: folding */
/* tab-width: 2 */
/* End: */