/* Old green color #E8F9BC remplacé par #dcdcdc */

body {
	background-color : #F3EDD5;
	/*background-color : f1f1f1;*/
	color : #181818;
	font-family : Arial, verdana, sans-serif;
	font-size : 13px;
	margin: 0;
	padding: 0;
}

table td {
	font-family : Arial, verdana, sans-serif;
	font-size : 13px;
}

a, table td a {
	color : #160F96;
	font-family : Arial, verdana, sans-serif;
	font-size : 13px;
	text-decoration: none;
}

a:hover, table td a:hover {
	color : #B22225;
}

h3 {
	font-family: arial ,verdana, sans-serif;
	font-size: 13px ;
	color:black;
	font-weight:bold;
	margin: 10px 0px;
}


h4 {
	font-family: arial ,verdana, sans-serif;
	font-size: 12px ;
	background-color:transparent;
	margin: 00px 0px;
	font-weight:normal;
	font-style:italic;
}

div.flush {
	clear: both;
	line-height: 0px;
}

div.clearleft {
	clear: left;
	line-height: 0px;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}

blockquote {
	margin: 5px 0px 5px 20px;
	padding: 0px;
}

span.strong {
	color: #0070C0;
}

span.membrelabo {
	color : #160F96;
}

/** Entete, changement de langue **/

#prelude {
	margin: 5px 0px;
	padding: 0px 5px;
	border-width: 0px;
	text-align: right;
	background: transparent;
	color : #181818;
	font-family : Arial, verdana, sans-serif;
	font-size : 11px;
}


#prelude  a {
	background: transparent;
	text-decoration: none;
	font-family : Arial, verdana, sans-serif;
	font-size : 11px;
	color : #181818;
}

#prelude  a:visited {
	background: transparent;
	text-decoration: none;
	font-family : Arial, verdana, sans-serif;
	font-size : 11px;
	color : #181818;
}

/** Haut de page (adresse du labo...) **/

#top {
	margin: 0 0;
	border-top: 1px solid #47453E;
	background: #EAEAEA;
  	background : #8f8d8d;
	/*border-bottom: 1px solid #47453E;*/
	/* background-image:url(/Images/bandeau-UMET.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size: cover;*/
}

/** Pour les grands écrans **/

#toplarge {
	/* background-position: left;
	background-image:url(/Images/bandeau-UMET.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size: cover; */
	background-image:url(/Images/bandeau-UMET-transp.png);
	background-repeat:no-repeat;
    background-size: cover;
	background-position:center center; 
}

#toplarge table {
	max-width: 1300px;
}

#toplarge table img {
	margin-left: 20px;
}

/** Pour les petits écrans (tablettes, ...)**/

#topsmall {
	background-position:left;
	width: 100%;
	/*height: 100%;*/
	background-image:url(/Images/bandeau-UMET.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size: cover;
}

/** Pour les petits écrans (téléphones, ...) **/
	
#topverysmall {
	background-position:left;
	width: 100%;
	height: 100px;
	background-image:url(/Images/bandeau-UMET.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

#topverysmall div {
	display: inline-block;
}

/** Paramètres généraux **/

#top a {
	text-decoration: none;
}

#top h2 {
	font-size: 20px;
	letter-spacing: 1px;
	margin: 5px;
	font-variant: small-caps;
	color : #181818;
	background: rgba(255,255,255,0.5);
	display:inline-block;
	padding: 5px 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#top h2 a {
	font-variant: small-caps;
	color : #181818;
}

#top h3 {
	font-size: 12px;
	letter-spacing: 1px;
	margin: 2px;
	color : #181818;
}

#top table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#top table td {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#top table td div.labo {
	margin-left: auto;
	margin-right: 10px;
	padding: 0;
}


/** Les tutelles et ce qui se trouve à droite de la page (sur les grands écrans) **/

#left {
	text-align: center;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
}

#presentation {
	text-align: left;
	font-style: italic;
	background: #FCFCFC;
	width: 160px;
	padding: 5px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #504848;
}

#tutelles {
	text-align: center;
	background: #FCFCFC;
	width: 160px;
	padding: 0px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #504848;
}

#tutelles img {
	margin: 10px 0px;
}

#cartoucheContacts {
	text-align: left;
	background: #FCFCFC;
	width: 160px;
	padding: 10px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #504848;
}

#cartoucheContacts h3, 
#cartoucheContactsMob h3 {
	font-size: 12px;
	letter-spacing: 1px;
	margin: 2px 0px;
	color : #181818;
}

#cartoucheContacts P, 
#cartoucheContactsMob P {
	font-size: 12px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color : #181818;
}

#cartoucheContacts P.bis, 
#cartoucheContactsMob P.bis {
	margin-top: 0px;
	margin-left: 10px;
}


/** Le menu **/

#menu {
    position: relative;
  width: 100%;
  background : #504848;
  z-index: 100;
  transition: position 2s;
  transition-timing-function: ease-in-out;
}

#menu ul {
  list-style: none;
  background : #504848;
  text-align: left;
  padding: 0;
  margin: 0;
}

#menu li {
  font-size: 1.2em;
  text-align: left;
  color: #fff;
  font-weight: bold;
}

#menu li span {
  padding-left: 5px;
  padding-right: 15px;
}

#menu a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #888;
  transition: .3s background-color;
}

#menu a:hover {
  color: #ebe773;
}

#menu a.active {
  color: #ebe773;
  cursor: default;
}

/* Sub Menus */
#menu li ul {
  background: #777;
  border: 1px solid #504848;
	border-top: none;
}

#menu li li {
  font-size: 1.em;
}

/** Bas de page **/

#bottom {
	margin: 5px 0 0 0;
	border-top: 1px #181818 solid;
	font-size: 10px;
	background: #EFEFEF;
	/* background-color : #F3EDD5;*/
}
#bottom table {
	width: 100%;
	table-layout: fixed;
	border: none;
}
#bottom table td {
	font-size: 10px;
	vertical-align: middle;
	border: none;
}

#bottom a {
	font-size: 10px;
}

/** Partie principale **/

#mainpage {
	margin: 20px 0px;
	padding: 0px;
	position: relative;
}

#mainpage div.logo {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px;
	display: block;
	text-align: center;
}

#mainpage div.logo a {
	font-size: 18px;
	letter-spacing: 3px;
	margin: 5px;
	color : #181818;
	font-weight: bold;
	text-decoration: none;
}

#mainpage h1 {
	font-size: 20px;
	text-align: right;
	color: #fff;
	font-weight: bold;
	background : #504848; 
	/* background : #504848; */
	padding: 10px 5px;
	margin: 0px 0px 5px 0px;
}

#mainpage h1.error404 {
	font-size: 20px;
	text-align: center;
	color: #504848;
	font-weight: bold;
	background : transparent;
	padding: 1px;
	margin: 10px 50px 50px 50px;
	border-color: #504848;
	border-style: solid;
	border-width: 1px 0px;
}

#mainpage h2 {
	/* text-align: right;
	font-size: 14px;
	font-weight: bold;
	background : #504848;
	color: #fff;
	padding: 1px;
	margin: 20px 0px 5px 0px;
	display: inline-block; */
	font-size: 14px;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #504848;
	background: #EFEFEF;
	padding: 5px 10px;
	margin: 15px 0px;
}

#mainpage h2.top {
	margin-top: 10px;
}

#mainpage h3 {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	padding: 1px;
	margin: 10px 0px;
}

#mainpage div.lien {
	background: #C5BFE3;
	text-align: center;
	margin: 0px 50px;
}


#mainpage table.tablelogos img {
	max-width: 90%;
	margin-bottom: 10px;
}

#mainpage table.tablelogos td {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}


/********* Les activités, sur les pages des équipes par exemple *****************/

span.activite {
	color: #0070C0;
	font-weight: bold;
}

span.activite a {
	color: #0070C0;
}

span.activite a:hover {
	color: #B22225;
}

/* Pas spécifique mais utilisé principalement là */

#mainpage ul li blockquote {
	padding: 0px;
	margin: 2px 0px 2px 20px;
}

#mainpage ul li blockquote P {
	padding: 0px;
	margin: 2px 0px;
}

#mainpage ul li blockquote ul {
	padding: 0px;
	margin: 0px 0px 0px 10px;
}

/********* Tableau pour la liste des thèses *****************/

#mainpage table.theses {
	margin: 20px 0px;
	border-top: #181818 solid 1px;
	border-bottom: #181818 solid 1px;
	border-collapse : collapse;
}

#mainpage table.theses td {
	padding: 0px 5px;
	text-align: left;
	vertical-align: middle;
	background: transparent;
	border-style: none;
}

#mainpage table.theses tr.label td {
	padding: 1px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	background: transparent;
	border-top: #181818 solid 1px;
	border-bottom: #181818 solid 1px;
}

#mainpage table.theses tr.titre  td {
	text-align: center;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	letter-spacing: 3px;
	font-variant:small-caps;
	font-size: 18px;
	border-top: none;
	background: transparent;
}

#mainpage table.theses tr.impair td {
	background: #EFF0E7;
}

/********* Un tableau de base avec bords *****************/

#mainpage table.border {
	margin-top: 10px;
	margin-bottom: 10px;
	border: #181818 solid 1px;
	border-collapse:collapse;
}

#mainpage table.border td {
	padding: 5px 5px;
	background: transparent;
	border: #767676 solid 1px;
}

#mainpage table.border td.middle {
	padding: 0px 2px;
	background: transparent;
	border: #767676 solid 1px;
	vertical-align: middle;
}


#mainpage table.border tr.label td {
	text-align: center;
	font-weight: bold;
}


/*********************** A droite dans la page principale ************/

#bandeaudroite {
	float: right;
	width: 250px;
	margin-right: 10px;
	/*border: 1px solid #504848;*/
}

#twitter {
  border-color: #504848;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 20px;
  overflow: hidden;
}

.twitter-timeline {
  border-color: #504848;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 20px;
}

/*********************** Pour les breves laissé pour l'instant mais, à priori, il n'y en a plus *************/

div.titrebreve a {
	font-weight: bold;
	display: block;
}

div.breve {
	margin: 20px 10px 15px 10px;
	padding: 0px;
	border: 1px dotted #000;
}

div.breve div.titre {
	font-weight: bold;
	margin: 5px 0px;
	padding: 0;
}

div.breve div.texte {
	margin: 0px 0px;
}

div.breve div.texte P {
	margin: 0px 0px 5px 0px;
	padding: 0;
}

/*********************** Pour les niouzes *************/

#nouvellesHome {
	margin: 0px;
	margin-left: 210px;
	margin-right: 275px;
	/*border: 1px solid #504848;*/
}

#nouvellesHome div.all {
	margin: 0px 0px 10px 0px;
	padding: 10px 20px;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	/* height: 400px; */
	background: #FCFCFC;
	border: 1px solid #504848;
	overflow: hidden;
	font-weight: bold;
	text-align: right;
}

div.nouvelle {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	/* height: 400px; */
	background: #FCFCFC;
	border: 1px solid #504848;
	overflow: hidden;
	padding-bottom: 0px;
}

div.nouvelle div.titre {
	background-color: #dcdcdc;
	background-image: url(/Images/umet-icon-16.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	padding-left: 35px;
}

div.nouvelle  div.texte img {
	margin: 0px 10px;
	float: left;
	border-width: 0px;
	padding-top: 0px;
}

div.nouvelle div.flush {
	height: 0px;
}

div.nouvelle div.texte {
	margin: 0px 10px 0px 10px;
	padding: 20px 10px;
	overflow: hidden;
}

div.nouvelle div.texte P {
	margin: 0px 0px 5px 0px;
	padding: 0;
}

div.nouvelle div.texte ul {
	margin: 5px 0px 5px 0px;
	padding: 0 0 0 0px;
	overflow: hidden;
}

div.nouvelle div.texte li {
	position: relative;
	margin: 0px 0px 0px 30px;
	padding: 0 0 0 0px;
}

div.nouvelle div.texte li ul {
	margin: 0px 0px;
	padding: 0 0 0 0px;
}

div.titrenouvelle {
	display: block;
	margin: 3px 10px 3px 10px;
	font-weight: bold;
}

/********* textes, sur une page principale *****************************/


#mainpage div.textesansmenu {
	margin: 0px 20px 10px 20px;
	padding: 0px 10px 20px 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	/* height: 400px; */
	background: #FCFCFC;
	border: 1px solid #504848;
}

#mainpage div.textesansmenu h1 {
	color : #181818;
	font-size: 20px;	
	font-weight: bold;
	text-align: right;
	margin: 0px -10px 20px -10px;
	padding: 10px;
	background-color: #dcdcdc;
	background-position-x: 10px;
	border-style: none;
	border-color: #504848;
	border-bottom-style: solid;
	border-width: 1px;
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; 
}

#mainpage div.textesansmenu div.nouvelle {
	margin: 15px 0px 10px 0px;
	border: none;
}

#mainpage div.textesansmenu div.nouvelle div.titre {
	background: none;
	background-image: url(/Images/umet-icon-16.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-position-x: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px;
	padding-left: 35px;
	border-style: none;
	border-width: 1px;
	border-color: #504848;
	border-bottom-style: solid;
}


#mainpage div.texteavecmenu {
	margin: 0px 280px 10px 10px;
	padding: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	/* height: 400px; */
	background: #FCFCFC;
	border: 1px solid #504848;
	padding-bottom: 0px;
}

#mainpage div.topequipe h1 {
	color : #181818;
	font-size: 20px;	
	font-weight: bold;
	text-align: center;
	margin: 20px 0px;
	padding: 10px;
	background-color: #dcdcdc;
	background-position-x: 10px;
	border-color: #504848;
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
}

#mainpage div.topequipe h2 {
	color : #181818;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: #dcdcdc;
	display: block;
}

#mainpage div.texteavecmenu P.logo {
		margin-top: 20px;
		text-align: center;
}

#mainpage div.texteavecmenu P.logo img {
		vertical-align: middle;
		margin: 10px 10px;
		border: none;
}

#mainpage #navequipe {
	margin: 10px 10px 10px 0px;
	padding: 0px;
	width: 260px;
	min-width: 20px;
	max-width: 300px;
	float: right;
}


#mainpage #navequipe div.langbox {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px;
	display: block;
	text-align: center;
}

#mainpage #navequipe #ssmenu {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	background: #FCFCFC;
	border: 1px solid #504848;
	padding-bottom: 10px;
	overflow: hidden;
}

#mainpage #navequipe h2 {
	color : #181818;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: #dcdcdc;
	display: block;
	margin: 0px;
	padding: 2px 10px;
	-moz-border-radius: 0px; 
	border-radius: 0px;
	border: none;
}

#mainpage #navequipe h2:first-child {
	padding-top: 7px;
	padding-bottom: 5px;
	text-align: center;
	border-bottom: 1px solid #504848;
}

#mainpage #navequipe #ssmenu ul {
        margin-left: 40px;
        padding: 0;
}

#mainpage #navequipe #ssmenu ul li ul {
        margin-left: 20px;
        padding: 0;
        list-style-type: circle;
}

#mainpage div.box {
	text-align: center;
	margin: 20px 100px;
	padding: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	/* height: 400px; */
	border: 1px solid #504848;
}


/**************** Seminaires et annonces ***********************************/



#annoncesflottantes {
    /*display:none;*/
    position: relative;
    margin: 0;
    padding: 0;
    /* border: 1px solid red; */
    height: 160px;
    z-index: 50;
}

#annoncesflottantes div.jpm2010 {
    display:none;
    position: absolute;
    margin: 0px;
    width: 240px;
    top: 0;
    left: 0;
}

#annoncesflottantes div.annonce {
    display:none;
    position: absolute;
    margin: 0px;
    width: 240px;
    top: 0;
    left: 0;
}


#annoncesflottantes div:first-child {
    display:block;
}


div.annonce {
	padding: 6px;
	text-align: center;
	height: 150px;
	background: #FCFCFC;
	border: 1px solid #504848;
	-moz-border-radius: 20px; 
	border-radius: 20px; 
	overflow: hidden;
}

div.annonce div.bloc {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

div.seminaire {
    width: 240px;
	padding: 6px;
	text-align: center;
	background: #FCFCFC;
	border: 1px solid #504848;
	-moz-border-radius: 20px; 
	border-radius: 20px; 
	overflow: hidden;
    margin: 0px;
    margin-top: 20px;
}

div.seminaire div.bloc {
	margin-top: 5px;
	margin-bottom: 10px;
}

div.seminaire hr {
	margin-left: 10px;
	margin-right: 10px;
}

div.seminaire  div.date {
}

div.seminaire  div.type {
	font-style: italic;
}

div.seminaire  div.lieu {
	font-size: 11px;
}

div.seminaire  div.nom {
	font-weight: bold;
}

div.seminaire  div.titre {
	font-weight: bold;
}

div.seminaire  div.tous {
	text-align: right;
	margin-top: 5px;
}

div.seminaire  div.tous a {
	font-style: italic;
}



div.jpm2010 {
	height: 150px;
	border: 1px solid #504848;
	text-align: center;
	padding: 6px;
	background: #FCFCFC;
	background-image:url(/Animation/fond-jpm-small.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	-moz-border-radius: 20px; 
	border-radius: 20px; 
	overflow: hidden;
}

div.jpm2010 a {
	color: #181818;
	font-variant: small-caps;
	letter-spacing: 1px;
}

div.jpm2010 a:hover {
	color : #B22225;
}

div.jpm2010 .bgtexte {
	background: #E3E2D4; /* For old browsers */
	background-color: rgba(255, 255, 255, 0.6); /* For new browsers */
	padding: 10px 2px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
	
div.seminairefull {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #C1C1C1;
}

div.seminairefull  div.type {
	font-weight: bold;
	font-style: italic;
}

div.seminairefull  div.date {
	font-weight: bold;
	color: #961618
}

div.seminairefull  div.nom {
	font-weight: bold;
}

div.seminairefull  div.titre {
	font-weight: bold;
	margin: 10px 0px;
}

div.seminairefull  div.texte P {
	margin: 5px 0px 5px 0px;
}

div.projet {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #C1C1C1;
}

div.projet P {
	margin: 3px 0px;
}

div.projet img {
	margin: 0px 5px;
	max-width: 350px;
	max-height: 250px;
}

#mainpage div.projet h2 {
	border: none;
	background: transparent;
	padding: 0px;
}

/********* Dernières publications ***********/

ul.publications {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}
ul.publications li {
	margin: 2px 0 5px 5px;
	padding: 0 0 0 2px;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
}
ul.publications li a {
	font-size: 11px;
}

ul.publications li span.journal {
	color: #0070C0;
	font-style: italic;
}

ul.publications li span.volume {
	font-weight: bold;
}

ul.publications li span.membrelabo {
	color : #160F96;
}


#dernieresPublications {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	background: #FCFCFC;
	border: 1px solid #504848;
	padding-bottom: 20px;
	overflow: hidden;
	width: 250px;
}

#dernieresPublications h2 {
	color : #181818;
	background-color: #dcdcdc;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
	padding-left: 15px;
	margin-bottom: 10px;
	display: block;
	-moz-border-radius: 0px; 
	border-radius: 0px;
	border-left: none;
	border-right: none;
	border-top: none;
}

#dernieresPublications ul.publications {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}
#dernieresPublications ul.publications li {
	margin: 2px 0 5px 5px;
	padding: 0 0 0 2px;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
}
#dernieresPublications ul.publications li a {
	font-size: 11px;
}

#dernieresPublications ul.publications li span.journal {
	color: #0070C0;
	font-style: italic;
}

#dernieresPublications ul.publications li span.volume {
	font-weight: bold;
}

#dernieresPublications ul.publications li span.membrelabo {
	color : #160F96;
}


/*** Dans les médias ****/


#dansLesMedias {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	background: #FCFCFC;
	border: 1px solid #504848;
	padding-bottom: 10px;
	overflow: hidden;
	width: 250px;
}
#dansLesMedias h2 {
	color : #181818;
	background-color: #dcdcdc;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
	padding-left: 15px;
	margin-bottom: 10px;
	display: block;
	-moz-border-radius: 0px; 
	border-radius: 0px;
	border-left: none;
	border-right: none;
	border-top: none;
}
#dansLesMedias ul {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}
#dansLesMedias ul li {
	margin: 2px 0 5px 5px;
	padding: 0 0 0 2px;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
}
#dansLesMedias ul li a {
	font-size: 11px;
}


/********* L'annuaire *****************/

div.linksannuaire {
	text-align: center;
	margin-top: 25px;
	font-weight: bold;
}

div.linksannuaire a {
	font-weight: bold;
}

table.annuaire {
	width: 100%;
	padding: 0;
	margin: 5px 0px 5px 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #C1C1C1;
	margin-top: 25px;
}

table.annuaire td {
	border-width: 0px;
	vertical-align: top;
}

table.annuaire td.middle {
	border-width: 0px;
	vertical-align: middle;
}

table.annuaire td div.theme {
	margin-top: 10px;
}

table.annuaire td a {
	font-weight: bold;
}

table.annuaire td a .nom{
	font-variant:small-caps;
}

table.annuaire tr.titre {
}

table.annuaire tr.titre td {
	background: #504848;
	color: #fff;
}

table.annuaire tr.pair td {
	background: transparent;
}

table.annuaire tr.pair:hover td {
	background: #FFFED1;
}

table.annuaire tr.impair td {
	background: #ECECEC;
}

table.annuaire tr.impair:hover td {
	background: #FFFED1;
}

/********* Trombi *****************/

#mainpage table.trombi {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 5px 0px 5px 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #C1C1C1;
	margin-top: 25px;
}

#mainpage table.trombi tr.titre td {
	font-weight: bold;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

#mainpage table.trombi td {
	border-width: 0px;
	vertical-align: middle;
	text-align: center;
  	display: table;
    width: 100%;
    table-layout: fixed;    /* For cells of equal size */
}

#mainpage table.trombi td div.one {
    display: table-cell;
	text-align: center;
	padding: 0;
	margin: 0;
	max-width: 25%;
}

#mainpage table.trombi td div.one img {
	width: 80px;
	max-width: 90%;
	border: none;
	display: inline-block;
	margin: 10px auto 5px auto;
	display:block;
}
#mainpage table.trombi td div.one a {
	font-weight: bold;
}


/********* liste des personnels pour chaque equipe *****************/

#mainpage div.listeEquipe div.status {
	margin: 0px 0px 5px 0px;
}

#mainpage div.listeEquipe div.status div.statusname {
	display: inline;
}

/***** Fiche individuelle ************************/


div.personne {
	margin: 5px 5px 0px 0px;
}

div.personne div.nom {
	font-weight: bold;
}

div.personne div.adressepersonne {
	font-variant: normal;
	text-align: left;
	margin: 0px 0px 0px 0px;
	letter-spacing: normal;
}

div.personne div.groupe {
}

div.personne div.theme {
	/** margin-top: 10px; **/
}

div.personne  div.other {
	margin-top: 10px;
}

div.dirthese {
	margin-bottom: 10px;
	margin-left: 0px;
}

ul.etudiants {
	margin: 5px 0px 5px 50px;
	padding: 0;
}

ul.etudiants li {
	margin: 0px 0px 2px 0px
}

/******** liste de publications ******************/

div.linkspublis { /* les liens vers les différentes années */
	text-align: center;
	margin-top: 25px;
	font-weight: bold;
}

div.linkspublis a {
	font-weight: bold;
}

div.pub-title {
	margin: 5px 5px;
	font-weight: bold;
}

ul.publications-perso { /* Utilisé pour les listes de publications des personnels */
	list-style-type: square;
}

ul.publications-perso li {
	font-weight: normal;
}

ul.publications-perso ol.publications li {
	font-weight: normal;
}

ol.publications { /* Liste de publication classique numérotée */
	margin: 5px 0px 5px 50px;
	padding: 0;
}

ul.publications-perso ol.publications { /* Liste de publication numérotée sur une page perso */
	margin: 5px 0px 5px 30px;
}

ol.publications li {
	margin: 0px 0px 2px 0px;
	font-size: 11px;
}

ol.publications li a {
	font-size: 11px;
}

ol.publications li span.journal {
	color: #0070C0;
	font-style: italic;
}

ol.publications li span.conf {
	color: #0070C0;
	font-style: italic;
}

ol.publications li span.volume {
	font-weight: bold;
}

ol.publications li span.membrelabo {
	color : #160F96;
}

ol.publications li span.type {
	font-style: italic;
}

ol.publications li span.orateur {
	text-decoration: underline;
}

ol.publications li span.orateur a {
	text-decoration: underline;
}

div.yearpubli {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

p.morepubs {
	margin-top: 5px;
	font-style: italic;
	margin-left: 20px;
}

#mainpage table.tableaupublis { /* Pour des bilans après le formulaire de recherche */
	margin: 20px 0px;
	border-top: #181818 solid 1px;
	border-bottom: #181818 solid 1px;
	border-collapse : collapse;
	margin-left: auto;
	margin-right: auto;
}

#mainpage table.tableaupublis td {
	padding: 0px 5px;
	text-align: left;
	vertical-align: middle;
	background: transparent;
	border-style: none;
}

#mainpage table.tableaupublis td.n {
	text-align: center;
}

#mainpage table.tableaupublis tr.label td {
	padding: 1px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	background: transparent;
	border-top: #181818 solid 1px;
	border-bottom: #181818 solid 1px;
}

#searchpubmob { /* lien vers formulaire de recherche de publications, pour les petits écrans */
		display: none;
}

#mainpage table.pubsearch { /* formulaire de recherche de publications */
	margin: 20px 0px;
	border-top: #181818 solid 1px;
	border-bottom: #181818 solid 1px;
	border-collapse : collapse;
	margin-left: auto;
	margin-right: auto;
}

#mainpage table.pubsearch td {
	padding: 5px 5px;
	text-align: left;
	vertical-align: middle;
	background: transparent;
	border-style: none;
}

/******** liste de brevets ******************/

div.brevet-title {
	margin: 5px 5px;
	font-weight: bold;
}

ul.brevet {
	margin: 5px 0px 5px 35px;
	padding: 0;
}

ul.brevet li {
	margin: 0px 0px 2px 0px;
	font-size: 11px;
}

ul.brevet li a {
	font-size: 11px;
}

/******** liste d'offres d'emploi ******************/

div.offresemploi ul {
	list-style-type: none;
	padding: 0px 40px 0px 40px;
}

div.offresemploi ul li {
        margin: 20px 0px 20px 0px;
	padding: 10px;
	background: #f6f6f6;
	border: 1px solid #aaa;
}


/********* Onglets, pour l'équipe Polymères, par exemple **************************************/


.onglet {
	overflow: hidden;
	margin-bottom: 10px;
}
.onglet ul.tabs {
	border-bottom:1px solid #504848;
	list-style-type:none !important;
	margin:0;
	padding-left: 2px !important;
	padding-bottom:37px;
}
.onglet ul.tabs li {
	background-color: #504848 !important;
	background-image: none !important;
	border:1px solid #504848 !important;
	border-top: 3px solid #504848 !important;
	float:left;
	height:32px;
	margin:2px 2px 0 !important;
	padding: 0px 2px !important;
	cursor:pointer;
	color: #FFFFFF !important;
}
.onglet ul.tabs li a {
	color: #000000 !important;
	text-decoration:none !important;
}
.onglet ul li:hover {
	background-color:#FCFCFC !important;
	color: #000000 !important;
}
.onglet ul.tabs li.tabbed {
	background-color:#FCFCFC !important;
	border-bottom:1px solid #FCFCFC !important;
	color: #181818 !important;
}
.on {
	display: block;
}
.off {
	display: none;
}

/********* Nouvelle version des onglets, plus dynamique **************************************/

#mainpage h3.theme {
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #504848;
	background: #EFEFEF;
	padding: 5px 10px;
	margin: 15px 0px;
}

img.largepolymere {
	width: 50%;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#mainpage div.theme {
	padding: 0px;
	margin: 0px;
}

#mainpage div.theme P {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 2%;
	margin-right: 2%;
	line-height: 1.3;
}

#mainpage div.theme div.illustrations {
	float: right;
	margin-left: 10px;
	width: 60%;
}

#mainpage div.theme div.illustrations div.illustration {
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	padding: 5px;
	background: #EFEFEF;
	font-weight: normal;
	margin-bottom: 10px;
}


#mainpage div.theme div.illustrations div.illustration P { /* On évite les légendes trop étroites */
	min-width: 30%;
}

#mainpage div.theme div.illustrations div.illustration ul,  #mainpage div.theme div.illustration ol{ /* On évite les listes trop étroites dans les légendes */
	overflow: hidden;
	min-width: 30%;
}

#mainpage div.theme div.illustrations img {
	max-width: 300px;
	max-height: 150px;
	margin: 0px;
}

#mainpage div.theme  div.illustrations  img.left {
	float: left;
	margin-right: 10px;
}

#mainpage div.theme  div.illustrations  img.right {
	float: right;
	margin-left: 10px;
}

#mainpage div.theme div.illustrationsfullwidth {
	display: block;
	margin-bottom: 10px;
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
}

#mainpage div.theme div.illustrationsfullwidth div.illustration {
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	padding: 5px;
	background: #EFEFEF;
	font-weight: normal;
	margin: 0px 5px;
	text-align: center;
	flex-basis: fit-content;
	max-width: 100%;
}

#mainpage div.theme div.illustrationsfullwidth img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 150px;
	margin-bottom: 10px;
	max-width: 100%;
}

#mainpage div.theme div.illustrationsfullwidth div.illustration P { /* On évite les légendes trop étroites */
	margin-top: 5px;
	margin-bottom: 5px;
}



/********* Page avec la liste des instruments, version 2018 ***********/

#mainpage div.listeinstruments h3 {
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #504848;
	background: #EFEFEF;
	padding: 5px 10px;
	margin: 0px 0px 15px 0px;
}

/* div.listeinstruments h3.open {
	padding: 5px 10px;
	margin: 15px 0px;
} */

div.instruments {
	margin: 0;
	padding: 0;
	margin-left: 50px;
	margin-right: 20px;
}

div.instrument {
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #504848;
	border: 1px solid #938989;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}

div.instrument img {
	float: right;
	max-width: 50%;
}

div.instrument h4 {
	font-family: arial ,verdana, sans-serif;
	font-size: 13px ;
	color:black;
	font-weight:bold;
	margin: 10px 0px;
}

/********* cartouche d'information pour les instruments ***********/

div.cartouche {
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	margin: 10px 5px 10px auto;
	padding: 5px;
	border: 1px solid #A1A1A1;
	background: #EAEFFF;
	width: 200px;
}

div.cartouche p {
	margin: 5px 0 0 0;
}

div.cartouche ul {
	margin: 0;
	margin-left: 20px;
	padding: 0;
	list-style-image:  url(/Images/arrow.gif);
}

div.cartouche li {
	margin: 0 0 0 0px;
}

div.cartoucheextra {
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px 10px;
	border: 1px solid #A1A1A1;
	background: #f4f4f4;
	display: inline-block;
}

div.cartoucheextra p {
	margin: 5px 0 5px 0;
}

div.cartoucheextra p.chapeau {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin: 10px 0 10px 0;
	line-height: 1.5;
	letter-spacing: 0.01em;
}


div.cartoucheextra h4 {
	margin: 5px 0 0 0;
	font-style: italic;
}

div.cartoucheextra ul {
	margin: 0;
	margin-left: 20px;
	padding: 0;
	list-style-image:  url(/Images/arrow.gif);
}

div.cartoucheextra li {
	margin: 0 0 0 0px;
}

/************************** Images pour les instruments ***************/


div.imgInstrument {
	text-align: center;
	margin: 0px auto 15px auto;
	border: 1px solid #A1A1A1;
	background: #F5F5F5;
	font-weight: bold;
	padding: 5px;
	display: inline-block;
}

div.imgInstrument div.legende {
	font-style: italic;
	font-weight: normal;
}

div.imgInstrumentArrayH {
	text-align: center;
	margin: 0px auto 15px auto;
	border: 1px solid #A1A1A1;
	background: #F5F5F5;
	font-weight: bold;
	padding: 5px;
	display: inline-block;
	display: table; 
}

div.imgInstrumentArrayH div.instrument {
	display: table-cell;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
	border-width: 0px;
}

div.imgInstrumentArrayH div.instrument img {
	object-fit: contain;
	max-width: 100%;
}

div.imgInstrumentArrayH div.legende {
	font-style: italic;
	font-weight: normal;
}


/********* Banques d'images *****************/

#mainpage table.imagebank {
	width: 100%;
	padding: 0;
	margin: 5px 0px 5px 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #C1C1C1;
	margin-top: 25px;
}

#mainpage table.imagebank tr td {
	border-top: 2px solid #B1B1B1;
	border-left: 2px solid #B1B1B1;
	border-right: 2px solid #B1B1B1;
	border-bottom: 2px solid #C2C2C2;
	background: #F5F5F5;
}

#mainpage table.imagebank tr.images td {
	vertical-align: middle;
	text-align: center;
}

#mainpage table.imagebank tr.legendes td {
	vertical-align: top;
	text-align: left;
}



/**** extras ****/

/***/

a.pinguin {
   float: right;
   width: 250px;
   height: 233px;
   text-decoration: none;
   background: url(/Images/pinguin.jpg) 0 0 no-repeat;
}

a.petitpinguin {
	float: none;
   width: 75px;
   height: 70px;
   text-decoration: none;
   background: url(/Images/petitpinguin.jpg) 0 0 no-repeat;
}

a.pinguinS {
   float: right;
   width: 250px;
   height: 233px;
   text-decoration: none;
   background: url(/Images/pinguinF.jpg) 0 0 no-repeat;
}

a.xray {
   float: right;
   width: 250px;
   height: 233px;
   text-decoration: none;
   background: url(/Images/pinguin.jpg) 0 0 no-repeat;
}
a.xray:hover {
   background: url(/Images/pingouinX.jpg) 0 0 no-repeat;
}

.bgtexte {
	background: #E3E2D4; /* For old browsers */
	background-color: rgba(255, 255, 255, 0.6); /* For new browsers */
	padding: 1px;
}

div.boxnews {
	border: 1px #000 solid;
	text-align: center;
	padding: 6px;
	margin: 5px;
	background-color: #E1E1E1;
	background-repeat:no-repeat;
	background-position:center center;
}

div.boxnews a {
	color: #181818;
	font-variant: small-caps;
	letter-spacing: 1px;
}

div.boxnews a:hover {
	color : #B22225;
}

/************************************************
 * featherlight styling
 */


.featherlight-content {
	max-width: 80%;
	padding: 5px;
}

iframe {
	margin: 0px;
}

iframe.featherlight-inner {
	max-width: 100%;
	margin: 5px;
	padding: 0px;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #504848;
	display: block;
	
}

#iframe.featherlight-inner #personne {
	margin: 10px;
}


/************************************************
 * Add a caption to images with featherlight (légendes des images intégrées)
 */

.inline { display: none }
.featherlight-content .caption {
	display: block;
	margin-right: 5%;
	padding: 5px;
    position: absolute;
    bottom: 0;
    font-size: larger;
    color: white;
	background: rgba(0,0,0,0.7);
}
.featherlight-content:hover .caption {
	display: none;
}


/*******************************************
   Pour les petits écrans, plus petit que 800 px de large
********************************************/

@media screen and (max-width: 800px) {
	#testmobile { display: none; }
	
	/* le haut de page */
	#top {
		border-bottom: 1px solid #47453E;
	}
	
	#top h2 {
		font-size: 15px;
		letter-spacing: 0.5px;
		padding: 2px;
		margin: 10px 2px;
	}
	
	#top table td div.labo {
		margin-left: auto;
		margin-right: 5px;
		padding: 0;
	}
	
	#toplarge {
		display: none;
	}
	
	#topsmall {
		display: none;
	}
	
	#topverysmall {
		display: flex;
	}
	
	#top div.nav {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 30px;
		background: #4e4e4e;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin-right: 10px;
	}
	
	#top div.nav a {
		float: right;
		color: #fff;
		text-decoration: none;
		padding: 0 10px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}

	#top div.nav a:hover  {
		color: #1c1c1c;
		background: #ccc;
	}
	
	/* le menu principal */

	#menu ul {
		display: none;
	}
	
	#menu li a {
		padding-top: 2px;
		padding-bottom: 2px;
	}

	/* On enlève les infos à gauche, on bascule le bandeau de droite en haut, etc */
	
	#left {
		display: none;
	}
	
	#nouvellesHome {
		margin: 0px 10px;
	}
	
	#presentationmob {
		width: auto;
		margin: 10px 10px 10px 10px;
		text-align: left;
		font-style: italic;
		background: #FCFCFC;
		padding: 5px 10px;
		-moz-border-radius: 5px; 
		border-radius: 5px; 
		border: 1px solid #504848;
	}
	
	#bandeaudroite div.logo {
		display: none;
	}
	
	#bandeaudroite {
		float: none;
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#annoncesflottantes {
		width: 250px;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#dernieresPublications {
		display: block;
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	#dansLesMedias {
		display: block;
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	#twitter {
		display: none;
	}
	
	#cartoucheContactsMob {
		text-align: left;
		background: #FCFCFC;
		padding: 10px 10px;
		margin: 0px 10px 10px 10px;
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border: 1px solid #504848;
	}
	
	#cartoucheContactsMob P.logo {
		margin-top: 20px;
		text-align: center;
	}
	
	#cartoucheContactsMob a.logo img {
		margin: 10px 10px;
		border: none;
		
	}
	
	#bottom td.logo {
		display: none;
	}
	
	div.nouvelle {
		-moz-border-radius: 10px; 
		border-radius: 10px; 
	}
	
	#nouvellesHome div.all {
		-moz-border-radius: 10px; 
		border-radius: 10px; 
	}
	
	/* On ajuste les marges, les espaces, etc */
	
	#mainpage div.textesansmenu {
		margin: 0px 10px 10px 10px;
		border-top-left-radius: 5px; 
		border-top-right-radius: 5px; 
	}
	
	#mainpage div.textesansmenu h1 {
		border-top-left-radius: 5px; 
		border-top-right-radius: 5px; 
		margin: 0px -10px 10px -10px;
		padding: 8px;
		font-size: 16px;
	}
	
	#mainpage div.texteavecmenu {
		margin: 0px 280px 10px 10px;
		margin-top: 5px;
		margin-right: 10px;
		-moz-border-radius: 5px; 
		border-radius: 5px; 
	}

	#mainpage div.topequipe h1 {
		-moz-border-radius: 5px; 
		border-radius: 5px; 
		font-size: 16px;
		padding: 8px;
	}
	
	#mainpage div.theme {
		display: flex;
		flex-direction: column;
	}
	
	
	#mainpage div.theme div.illustrations {
		align-self: flex-end;
		width: 100%;
	}
	
	#mainpage div.theme div.illustrations img {
		max-width: 100%;
	}
	
	#mainpage div.theme div.illustrationsfullwidth {
		flex-flow: column nowrap;
	}
	
	#mainpage div.theme div.illustrationsfullwidth div.illustration {
		margin-bottom: 10px;
	}

	
	ol.publications { /* Liste de publication classique numérotée */
		margin-left: 25px;
	}
	
	ul.publications-perso { /* Utilisé pour les listes de publications des personnels */
		margin-left: 15px;
		padding: 0px;
	}
	
	ul.publications-perso ol.publications { 
		margin-left: 20px;
		padding: 0px;
	}

	ul.etudiants {
		margin-left: 25px;
	}
	
	/* On cache le formulaire de recherche pour les publis, il est moche sur les petits écrans, on montre un lien vers une page spécifique */
	
	form[name="pubsearch"] {
		display: none;
	}
	
	#searchpubmob {
		display: block;
	}
	
	/* Pour les tous petits écrans, on étale les tableaux annuaire en vertical en affichant les éléments les uns au dessus des autres */
	
	table.annuaire td {
		display:block;
		width: 100%;
	}

		
	/* La navigation pour les sous-menus */
	
	#mainpage #navequipe {
		padding: 0px;
		float: none;
		margin: 0px auto 0px 0px;
		width: 100%;
		border-width: 0px;
	}

	#mainpage #navequipe div.langbox {
		display: none;
		margin: 0px;
	}

	#mainpage #navequipe #ssmenu {
		display: none;
    	background-color: fff;
		border-top-right-radius: 5px; 
		border-bottom-right-radius: 5px; 
		border-top-left-radius: 0px; 
		border-bottom-left-radius: 0px; 
		border: 1px solid #504848;
		border-left: none;
		position: relative;
    	z-index: 2;
	}
	
	#mainpage #navequipe #open {
		margin: 0px;
    	height: 25px;
    	display: inline-flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
    	background-color: fff;
		border-top-right-radius: 5px; 
		border-bottom-right-radius: 5px; 
		border: 1px solid #504848;
		border-left: none;
		padding-right: 5px;
	}
	
	#mainpage #navequipe #open a {
		font-style: italic;
	}
	
	#mainpage #navequipe #open img {
		margin: 0px 5px;
	}

	#mainpage div.box {
	}
	
	div.seminaire {
		width: auto;
		margin: 0px 0px 10px 0px;
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		margin-bottom: 10px;
	}

	#mainpage div.listeinstruments div.instrument {
        	-moz-border-radius: 2px;
        	border-radius: 2px;
        	padding: 5px;
        	margin: 0px 00px 5px 00px;
	}
	
	#mainpage div.listeinstruments div.instruments {
		margin-left: 20px;
		margin-right: 0px;
	}
	
	#mainpage div.listeinstruments h3 {
		padding: 5px;
		margin: 10px 0px;
	}
	
	div.projet img {
		max-width: 40%;
	}
	
	img.largepolymere {
		width: 80%;
		max-width: 80%;
	}

	.featherlight-content {
		max-width: 90%;
	}
}


/*******************************************
   Spécificité écrans intermédiaires, assez grand pour avoir espaces en parallèle
********************************************/


@media screen and (min-width: 500px) and (max-width: 800px)  {
	
	#bandeaudroite {
		margin-right: 15px;
		margin-left: 12px;
		width: 100%;
		text-align: right;
	}
	
	#annoncesflottantes {
		position: absolute;
    	right: 10px;
    	top: 0px;
		margin-bottom: 20px;
		margin-top: 00px;
	}
	
	div.seminaire {
		/* width: 240px;
		margin: 0px 0px 0px 0px;
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		position: absolute;
    	right: 5px;
    	top: 175px; */
		width: auto;
		margin-left: 0px;
		margin-right: 280px;
		margin-bottom: 10px;
	}
	
	#presentationmob {
		margin-right: 280px;
		margin-left: 0px;
		margin-top: 0px;
		float: left;
		-moz-border-radius: 10px; 
		border-radius: 10px; 
	}
	
	#dernieresPublications {
		width: auto;
		margin-left: 0px;
		margin-right: 280px;
		margin-bottom: 10px;
	}
	
	#dansLesMedias{
		width: auto;
		margin-left: 0px;
		margin-right: 280px;
		margin-bottom: 10px;
	}
	
	#toplarge {
		display: none;
	}
	
	#topsmall {
		display: block;
	}
	
	#topverysmall {
		display: none;
	}
	
	#top h2 {
		font-size: 18px;
		letter-spacing: 1px;
		padding: 5px 15px;
		margin: 20px 5px;
	}	
	
	#top h2 a {
		font-size: 18px;
		letter-spacing: 1px;
	}
	
	#bottom td.logo {
		display: table-cell;
	}
	
	#mainpage div.texteavecmenu {
		margin-right: 31.5%
	}
	
	#mainpage #navequipe {
		width: 29%;
		margin-right: 10px;
		height: auto;
		margin-top: 0px;
		padding-top: 0px;
		float: right;
	}
	
	#mainpage #navequipe #ssmenu {
		display: block;
		margin-top: 0px;
		height: auto;
		border: 1px solid #504848;
		-moz-border-radius: 5px; 
		border-radius: 5px; 
	}
	
	#mainpage #navequipe #open {
		display: none;
	}
		
	#mainpage #navequipe #close {
		display: none;
	}
	
	table.annuaire td {
		display:  table-cell;
		width: auto;
	}
	
	#mainpage div.textesansmenu {
		border-top-left-radius: 10px; 
		border-top-right-radius: 10px; 
	}
	
	#mainpage div.textesansmenu h1 {
		border-top-left-radius: 10px; 
		border-top-right-radius: 10px; 
		margin: 0px -10px 20px -10px;
		padding: 10px;
		font-size: 18px;
	}
	
	#mainpage div.theme div.illustrationsfullwidth {
		flex-flow: row nowrap;
	}
	
	#mainpage div.theme div.illustrationsfullwidth div.illustration {
		margin-bottom: 0px;
	}
}


/*******************************************
   Pour les écrans "classiques"
********************************************/

@media all and (min-width: 800px)  {
	#menu {
		display: block;
		position: relative;
		z-index: 100;
	}
	
	#menu ul {
		display: inline;
		
	}
	#menu li {
		min-width: 100px;
		border-bottom: none;
		height: 30px;
		line-height: 30px;
		font-size: 1.em;
		display: inline-block;
		margin-right: -4px;
	}

	#menu ul:first-child li {
	}

	#menu li span {
		display: inline-block;
		height: 25px;
		line-height: 25px;
		border-right: solid #fff 1px;
	}
	#menu a {
		border-bottom: none;
	}
	#menu ul li {
		text-align: left;
		line-height: 30px;
		height: 30px;
	}
	#menu > ul > li > a {
		padding-left: 0;
	}
	/* Sub Menus */
	#menu li ul {
		position: absolute;
		display: none;
		/*width: inherit; */
		min-width: 150px;
                /* -webkit-transition: display 5s;  Safari */
                /* transition: display 5s; */
	}
	#menu li:hover ul {
		display: block;
	}
	.menuhover:hover ul { /* same as above, used to force it back when coming back from small screens */
		display: block;
	}
	
	#menu li ul li {
		display: block;
		min-width: 150px;
	}
	
	#toplarge {
		display: block;
		width: 100%;
		/*height: 100%;*/
	}

	#top h2 {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	#topsmall {
		display: none;
	}

	#topverysmall {
		display: none;
	}
	
	#presentationmob {
		display: none;
	}
	
	#cartoucheContactsMob {
		display: none;
	}
	
	#mainpage {
		margin: 20px 5px;
	}
	
	#mainpage #navequipe #close {
    	display: none;
	}
	
	#mainpage #navequipe #open {
    	display: none;
	}
	
	div.nouvelle {
		margin-bottom: 15px;
	}

}

/*******************************************
   Pour les très grands écrans
********************************************/


@media screen and (min-width: 1200px)  {
	#menu {
		/*margin-left: auto;
		margin-right: auto;
		width: 1400px;*/
		border-left: 1px solid #47453E;
		border-right: 1px solid #47453E;
		text-align: center;
	}
	
	#menu span.first {
		border-left: solid #fff 1px;
	}

	#menu li span {
		text-align: center;
		padding-left: 15px;
	}
	
	#mainpage {
		margin-left: auto;
		margin-right: auto;
		width: 1200px;		
	}
	
	#toplarge {
		/*width: 1400px;	
		height: 100%;	
		margin-left: auto;
		margin-right: auto;
		border-left: 1px solid #47453E;
		border-right: 1px solid #47453E;*/
		border-bottom: 1px solid #47453E;
	}

	#toplarge table {
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;

	}
}
	

/*******************************************
   Pour imprimer, on prend le modèle des écrans intermédiaires
********************************************/

@media print  {
	
		
	#top {
		border-bottom: 1px solid #47453E;
		-moz-border-radius: 5px; 
		border-radius: 5px; 
		/* height: 400px; */
		background: #FCFCFC;
		border: 1px solid #504848;
	}
	
	#top h2 {
		font-size: 16px;
		letter-spacing: 1px;
	}
	
	#toplarge {
		display: none;
	}
	
	#topsmall {
		display: inline;
	}
	
	#top h2 {
		font-size: 20px;
		letter-spacing: 1px;
		padding: 5px 15px;
		margin: 20px 5px;
	}	
	
	#top h2 a {
		font-size: 20px;
		letter-spacing: 1px;
	}
	
	#topverysmall {
		display: none;
	}
	
	#top div.nav a {
		float: right;
		color: #fff;
		background: #4e4e4e;
		text-decoration: none;
		padding: 0 10px;
		font-size: 12px;
		font-weight: bold;
		line-height: 22px;
		height: 22px;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	#top div.nav a:hover ,
	#top div.nav a:focus  {
		color: #1c1c1c;
		background: #ccc;
	}

	#menu {
		display: none;
	}
	
	/*#menu ul {
		display: none;
	}
	
	#menu li a {
		padding-top: 2px;
		padding-bottom: 2px;
	}*/

	
	#left {
		display: none;
	}
	
	#nouvellesHome {
		margin: 0px;
	}
	
	#bandeaudroite {
		margin-left: auto;
		margin-right: auto;
	}
	
	#bandeaudroite div.logo {
		display: none;
	}
	
	#bandeaudroite {
		float: none;
		width: 250px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#presentationmob {
		width: auto;
		margin: 10px 0px;
		text-align: left;
		font-style: italic;
		background: #FCFCFC;
		padding: 5px 10px;
		-moz-border-radius: 5px; 
		border-radius: 5px; 
		border: 1px solid #504848;
	}
	
	#annoncesflottantes {
		margin-bottom: 20px;
	}
	
	#dernieresPublications {
		display: none;
	}
	
	#twitter {
		display: none;
	}
	
	#cartoucheContactsMob {
		text-align: left;
		background: #FCFCFC;
		padding: 10px 10px;
		margin-bottom: 10px;
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border: 1px solid #504848;
	}
	
	#cartoucheContactsMob P.logo {
		margin-top: 20px;
		text-align: center;
	}
	
	#cartoucheContactsMob a.logo img {
		margin: 10px 10px;
		border: none;
		
	}
	
	div.nouvelle {
		-moz-border-radius: 10px; 
		border-radius: 10px; 
	}
	
	#nouvellesHome div.all {
		-moz-border-radius: 10px; 
		border-radius: 10px; 
	}

	#bandeaudroite {
		margin-right: 15px;
		margin-left: 0px;
		width: 100%;
		text-align: right;
	}
	
	#annoncesflottantes {
		width: 250px;
		position: absolute;
    	right: 10px;
    	top: 0px;
		margin-bottom: 20px;
		margin-top: 00px;
	}

	#presentationmob {
		margin-right: 280px;
		margin-left: 0px;
		margin-top: 0px;
		float: left;
		-moz-border-radius: 10px; 
		border-radius: 10px; 
	}
	
	#dernieresPublications {
		display: block;
		width: auto;
		margin-left: 0px;
		margin-right: 280px;
		margin-bottom: 10px;
	}
	
	#mainpage #navequipe {
		width: 180px;
		padding-top: 0px;
		padding-right: 0px;
		margin-top: 0px;
		margin-right: 0px;
	}
	
	#mainpage div.textesansmenu {
		margin-right: 00px;
		margin-left: 0px;
		border: none;
		padding: 0px;
	}
	
	#mainpage div.texteavecmenu {
		margin-right: 200px;
		margin-left: 0px;
		border: none;
		padding: 0px;
	}
	
	#mainpage div.texteavecmenu h1 {
		margin-top: 0px;
	}
	
	#navequipe  #open {
		display: none;
	}
	
	#navequipe  #close {
		display: none;
	}
	
	#mainpage #navequipe  div.langbox {
		display: none;
	}
	
	#mainpage #navequipe  #ssmenu {
		margin-top: 0px;
	}
	
	#mainpage #navequipe  #ssmenu ul {
		margin-left: 15px;
	}
	
	#mainpage #navequipe  #ssmenu ul ul {
		margin-left: 10px;
	}
	
	#mainpage div.theme div.illustration {
		-moz-border-radius: 5px; 
		border-radius: 5px; 
		border: 1px solid #504848;
	}
	
	#mainpage div.theme div.illustration img {
		max-width: 100%;
	}
}