/*!
* CSS Unil desktop and responsive Less for lettres theme
* 02.06.2016
*/

@media screen and (max-width: 50em) {
	/*!
* CSS Unil Responsive Less
* 13.01.2017
*/
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		line-height: 130%
	}
	a:link, a:visited {
		color: #000
	}
	div, img, table, th, td {
		max-width: 100%!important
	}
	img {
		height: auto!important
	}
	.hidden, hr, #accessibility, #savoir, #menuunita, #navfacs>li>ul, #nav>li>ul, #v14share_top, #v14colleft, #contpg #v14boxsearch, #contpg #v14follow {
		display: none
	}
	#v14lang, #v14unilinks, #v14faclinks {
		font-size: 90%
	}
	#v14lang {
		text-align: right;
		margin: 1.3em 0 .5em 0
	}
	#v14unilinks, #v14faclinks {
		display: inline
	}
	#v14faclinks>ul {
		list-style: none;
		padding-left: 0;
		display: inline
	}
	#v14faclinks ul li {
		list-style: none;
		display: inline
	}
	#brand img {
		margin-top: .5em
	}
	#header {
		background-color: #05a69d;
		padding: .5em;
		margin-bottom: .5em;
		font-weight: bold
	}
	#header a:link, #header a:visited {
		color: #fff;
		text-decoration: none;
		line-height: 130%
	}
	#emeta a:link, #emeta a:visited {
		font-size: 125%
	}
	.emetteurint a:link, .emetteurint a:visited {
		font-weight: normal
	}
	#path {
		margin-bottom: .5em
	}
	.ulmenu, .ulmenu_client {
		padding: 0;
		margin: 0
	}
	.ulmenu>li, .ulmenu_client>li {
		margin: 0;
		background-color: #c4c4c4; /*#c6c5c0;*/
		border-bottom: 1px solid #999
	}
	.ulmenu li a, .ulmenu_client li a {
		text-decoration: none;
		padding-left: 10px;
		line-height: 200%
	}
	.ulmenu>li {
		background-color: #c4c4c4; /*#c6c5c0;*/
	}
	.ulmenu_client>li {
		background-color: #05a69d
	}
	.limenu_client>span>a, .limenu_client>span>strong>a {
		color: #fff
	}
	.ulsubmenu, .ulsubmenu_client {
		background-color: #f0f0f0;
		border-top: 1px solid #999
	}

	#v14homeleft {
		padding-top: 1.5em
	}

	#v14follow {
		margin-top: 2px
	}
	#v14followicons>div {
		display: inline
	}
	#v14contcenter h2, #v14contright h2 {
		font-size: 120%
	}
	#v14contcenter h3, #v14contright h3 {
		font-size: 130%!important;
		color: #05a69d
	}
	#v14contcenter h3.collapsible {
		font-size: 100%!important
	}
	#v14contcenter span.anchor {
		line-height: 160%
	}
	#v14contcenter li, #v14contright li {
		margin-bottom: .5em
	}
	#v14contcenter td>img {
		border: 1px solid #999!important;
		min-width: 50px!important
	}
	.textecouleur {
		color: #05a69d
	}
	.table_first_title, .table_third_title {
		background-color: #05a69d;
		color: #fff
	}
	.table_second_title {
		border: 1px solid #05a69d
	}
	th, td {
		padding: .2em
	}
	.bottom_dashed {
		border-bottom: 2px dotted #999;
		text-align: right
	}
	.bottom_dashed a {
		text-decoration: none;
		color: #999;
		font-size: 90%
	}
	.go_top {
		color: #999
	}
	#footer, #v14linksbottom {
		background-color: #dedede;
		padding: 5px
	}
	#footer {
		border-top: 1px solid #999;
		margin-top: 10px
	}
	#v14linksbottom, #postaddress {
		font-size: 90%
	}
	#v14linksbottom a {
		text-decoration: none;
		text-align: left
	}
	#postaddress {
		padding: .5em
	}
	#v14swissu {
		text-align: right;
		padding: .5em
	}

	#mobinav {
		background-color: #ccc;
		z-index: 15000;
		position: fixed;
		margin: 0;
		padding: .3em;
		border: 1px solid #666;
		font-size: 105%
	}
	#mobinav a {
		text-decoration: none
	}
}

@media(max-width:568px) and (orientation:landscape) {
	html {
		-webkit-text-size-adjust: 100%
	}
}

@media screen and (min-width: 50.07em) {
	/*!
* CSS Unil Desktop Less
* 07.12.2016
 */
	html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
		background: 0;
		border: 0;
		clear: both;
		display: block;
		float: none;
		font-size: 0;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0
	}
	#mobinav, #v14share_top {
		display: none
	}
	.bodywrapper #emeta a:link, .bodywrapper #emeta a:visited {
		color: #fff;
		text-decoration: none
	}
	.bodywrapper .limenu_client a:link, .bodywrapper .limenu_client a:visited {
		color: #fff;
		text-decoration: none
	}
	.bodywrapper .right a:link, .bodywrapper .right a:visited {
		color: #05a69d
	}
	.bodywrapper a:link, .bodywrapper a:visited {
		color: #000
	}
	.bodywrapper #navfacs, .bodywrapper #navfacs ul {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 215px;
		background-color: transparent
	}
	.bodywrapper #nav, .bodywrapper #nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 215px;
		background-color: transparent
	}
	body, body select {
		background-color: #fff;
		padding: 0;
		margin: 0;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000
	}
	.bodywrapper .limenu a:link, .bodywrapper .limenu a:visited {
		color: #000;
		text-decoration: none
	}
	body#homepg #v14colcenter {
		float: left;
		width: 589px;
		height: 230px;
		margin-left: 2px;
		overflow: hidden
	}
	body#homepg #v14colleft {
		float: left;
		width: 190px;
		height: 230px;
		overflow: hidden
	}

	.bodywrapper #v14free {
		margin-bottom: 16px;
		text-align: left;
		overflow-x: hidden
	}
	.bodywrapper .retour a:link, .bodywrapper .retour a:visited {
		color: #999;
		text-decoration: none
	}
	.bodywrapper #footer a:link, .bodywrapper #footer a:visited {
		text-decoration: none
	}

	.bodywrapper #swissu {
		position: absolute;
		bottom: 0;
		right: 0
	}
	.bodywrapper .mem_det1 {
		padding-top: 5px;
		padding-left: 2px;
		padding-bottom: 5px;
		font-size: 10px
	}

	.bodywrapper .admin_menu {
		vertical-align: middle
	}
	.bodywrapper img {
		border: 0
	}

	.bodywrapper #vd {
		position: absolute;
		bottom: 0;
		left: 0
	}
	.bodywrapper .caption {
		font-family: Verdana, Arial Unicode MS, Arial, Helvetica, sans-serif;
		color: #000;
		font-size: 9px
	}
	.bodywrapper .go_top {
		color: #999;
		font-weight: bold;
		font-size: 1.0em
	}
	.bodywrapper #v14homeleft {
		width: 190px;
		float: left
	}
	.bodywrapper #v14share_top {
		height: 24px;
		text-align: right
	}

	.bodywrapper .ulmenu {
		margin: 0;
		padding: 0;
		list-style-type: none
	}

	.bodywrapper .ulmenu_client {
		margin: 0;
		padding: 0;
		list-style-type: none;
		background-color: #05a69d
	}
	.bodywrapper td {
		vertical-align: top;
		text-align: left
	}

	.bodywrapper #lang {
		position: absolute;
		top: 0;
		left: 372px
	}
	.bodywrapper h3 {
		font-size: 12px;
		color: #05a69d
	}

	.bodywrapper #emeta {
		width: 730px;
		font-size: 17px;
		font-weight: bold
	}
	.bodywrapper #inpict-copyright {
		background-color: #fff;
		bottom: 36px;
		color: #ccc;
		font-size: 9px;
		height: 14px;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		text-align: right;
		width: 361px;
		overflow: hidden
	}
	.bodywrapper .path {
		color: #9a9a9a;
		text-decoration: none
	}
	.bodywrapper .path a {
		color: #9a9a9a;
		text-decoration: none
	}
	.bodywrapper #footer {
		border-top: 1px solid #999;
		background-color: #dedede;
		position: relative;
		height: 75px
	}
	.bodywrapper #footer img {
		vertical-align: top
	}

	.bodywrapper .anchor {
		color: #999
	}
	.bodywrapper .anchor a {
		color: #999;
		text-decoration: none
	}
	.bodywrapper .go_top1 {
		color: #999;
		font-size: 1.1em;
		font-weight: bold
	}
	.bodywrapper #faclinks {
		position: absolute;
		top: 2px;
		right: -20px;
		z-index: 10000
	}
	.bodywrapper .float_ {
		clear: both;
		visibility: hidden
	}
	.bodywrapper #pict {
		position: absolute;
		top: 0;
		left: 0;
		width: 363px;
		height: 292px;
		background-color: #fff
	}

	.bodywrapper #homeleft {
		width: 361px;
		float: left;
		margin-top: 278px;
		margin-right: 11px;
		overflow: hidden
	}
	.bodywrapper #contleft_1col {
		padding: 0 5px 10px 5px
	}

	.bodywrapper #v14follow {
		background-color: #dedede;
		margin-top: 2px;
		height: 34px;
		overflow: hidden
	}

	.bodywrapper .retour {
		color: #999;
		text-align: right
	}

	.bodywrapper #v14share_bottom {
		height: 30px;
		text-align: right;
		clear: both
	}
	.bodywrapper #cont {
		margin: 0;
		width: 100%
	}
	.bodywrapper .emetteurint {
		font-size: 17px;
		font-weight: normal;
		color: #fff
	}
	.bodywrapper #header {
		position: relative;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 30px;
		background-color: #05a69d;
		z-index: 50
	}
	.bodywrapper .tabnav {
		padding: 3px 0;
		margin-left: 0;
		border-bottom: 1px solid #999
	}
	.bodywrapper .tabnav li {
		list-style: none;
		margin: 0;
		display: inline
	}
	.bodywrapper .tabnav li a {
		padding: 3px .5em;
		margin-left: 8px;
		border: 1px solid #999;
		border-bottom: 0;
		background: #ececec;
		text-decoration: none
	}
	.bodywrapper .tabnav li a:hover {
		color: #000;
		background: #ccc;
		border-color: #000
	}
	.bodywrapper .tabnav li a#tabcurrent {
		background: #fff;
		border-bottom: 1px solid #fff;
		font-weight: bold
	}
	.bodywrapper #v14contcenter {
		margin: 0 0 0 8px;
		overflow: hidden
	}
	.bodywrapper #savoir {
		position: absolute;
		top: 45px;
		right: 0
	}
	.bodywrapper #savoir a {
		text-decoration: none
	}
	.bodywrapper #navfacs li:hover ul {
		left: auto
	}
	.bodywrapper #navfacs a {
		display: block;
		padding-right: 30px;
		font-weight: normal;
		text-decoration: none;
		font-size: 12px;
		color: #000
	}
	.bodywrapper #navfacs li {
		float: left;
		font-size: 11px
	}
	.bodywrapper #navfacs li ul {
		position: absolute;
		width: 445px;
		left: -9000px;
		background-color: #05a69d
	}
	.bodywrapper #navfacs li ul li {
		width: 408px
	}
	.bodywrapper #navfacs li ul li a {
		width: 408px;
		padding-left: 7px;
		text-align: left;
		line-height: 20px;
		border-bottom: 1px solid #028079;
		font-weight: normal;
		font-size: 11px;
		color: #fff
	}
	.bodywrapper #navfacs li ul li a:hover {
		background-color: #028079
	}
	.bodywrapper #nav li:hover ul {
		left: auto
	}
	.bodywrapper #nav a {
		display: block;
		padding-right: 30px;
		font-weight: normal;
		text-decoration: none;
		font-size: 12px;
		color: #000
	}
	.bodywrapper #nav li {
		float: left;
		font-size: 11px
	}
	.bodywrapper #nav li ul {
		position: absolute;
		width: 445px;
		left: -9000px;
		background-color: #05a69d
	}
	.bodywrapper #nav li ul li {
		width: 408px
	}
	.bodywrapper #nav li ul li a {
		width: 408px;
		padding-left: 7px;
		text-align: left;
		line-height: 20px;
		border-bottom: 1px solid #05a69d;
		font-weight: normal;
		font-size: 11px;
		color: #fff
	}
	.bodywrapper #nav li ul li a:hover {
		background-color: #05a69d
	}

	.bodywrapper .lienslisteg {
		width: 80px;
		margin: 0;
		padding: 0;
		float: left;
		font-size: 9px
	}
	.bodywrapper #homecenterleft_port {
		width: 232px;
		float: left;
		overflow: hidden;
		border-left: 1px dotted #666
	}
	.bodywrapper #contleftcont_port {
		width: 605px;
		margin-bottom: 5px
	}

	.bodywrapper #homecenter_port {
		width: 611px;
		float: left;
		overflow: hidden
	}
	.bodywrapper #contleftcont_1col {
		margin-bottom: 10px
	}
	.bodywrapper #path3 {
		position: absolute;
		width: 177px;
		top: 1px;
		right: 0
	}
	.bodywrapper .lienon {
		font-weight: bold
	}

	.bodywrapper #linksbottom {
		position: absolute;
		height: 16px;
		width: 580px;
		background-color: #c4c4c4; /*#c6c5c0;*/
		bottom: 0;
		left: 200px;
		text-align: center
	}
	.bodywrapper #v14faclinks {
		position: absolute;
		top: 45px;
		right: 95px;
		z-index: 10000
	}
	.bodywrapper #v14faclinks li a {
		color: #008ccc;
		text-decoration: none;
		font-size: 12px;
		font-weight: normal
	}
	.bodywrapper #main {
		background-color: #fff;
		position: relative;
		width: 980px
	}
	.bodywrapper .lienslistem {
		width: 40px;
		margin: 0;
		padding: 0;
		float: left;
		font-size: 9px
	}

	.bodywrapper .auteur {
		padding-top: 5px;
		padding-bottom: 5px;
		border-top: 1px dotted #666;
		border-bottom: 1px dotted #666;
		font-size: 10px
	}

	.bodywrapper #ad li:hover ul {
		left: -170px
	}
	.bodywrapper #ad li:sfhover1 ul {
		left: -170px
	}
	.bodywrapper #ad a {
		display: block;
		padding-right: 25px;
		text-decoration: none;
		font-size: 12px;
		color: #fff
	}
	.bodywrapper #ad li {
		float: right;
		font-size: 11px
	}
	.bodywrapper #ad li ul {
		position: absolute;
		width: 360px;
		left: -9000px;
		background-color: #05a69d
	}
	.bodywrapper #ad li ul li {
		width: 360px
	}
	.bodywrapper #ad li ul li a {
		width: 328px;
		padding-left: 7px;
		text-align: left;
		line-height: 20px;
		border-bottom: 1px solid #028079;
		font-weight: normal;
		font-size: 11px;
		color: #fff
	}
	.bodywrapper #ad li ul li a:hover {
		background-color: #028079
	}

	.bodywrapper #wrapper {
		width: 779px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0
	}

	.bodywrapper .mem_det {
		padding-top: 5px;
		padding-left: 2px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #666;
		font-size: 10px
	}
	.bodywrapper #logobottom {
		position: absolute;
		top: 0;
		left: 0
	}
	.bodywrapper .menu15 {
		margin-left: 15px
	}

	.bodywrapper .feed li {
		padding-bottom: 4px
	}

	.bodywrapper #brand {
		position: relative;
		height: 85px;
		z-index: 100
	}
	#brand img {
		margin-top: 1.0em
	}

	.bodywrapper #share {
		position: relative;
		height: 30px;
		text-align: right
	}
	.bodywrapper li {
		text-align: left
	}


	.bodywrapper .fondvert {
		background-color: #c4c4c4; /*#c6c5c0;*/
		text-align: center;
		vertical-align: middle;
		font-size: 10px;
		font-weight: bold
	}

	.bodywrapper div {
		padding: 0;
		margin: 0
	}

	.bodywrapper .margin {
		padding-left: 10px;
		padding-top: 10px
	}

	.bodywrapper #inpict {
		width: 361px;
		height: 256px;
		overflow: hidden;
		background-color: #cfcfcf
	}
	.bodywrapper #inpict img {
		vertical-align: top
	}
	.bodywrapper .hidden {
		position: absolute;
		left: -9000px;
		top: 0
	}
	.bodywrapper #homecenter {
		width: 232px;
		margin-top: 3px;
		float: left;
		overflow: hidden
	}
	.bodywrapper .limenu_client {
		display: block;
		line-height: 20px;
		border-bottom: 1px solid #028079;
		color: #fff;
		text-indent: -10px
	}
	.bodywrapper #unilinks {
		position: absolute;
		top: 45px;
		left: 190px;
		font-size: 13px
	}
	.bodywrapper #unilinks a {
		text-decoration: none;
		font-weight: bold;
		padding: 0 10px
	}
	.bodywrapper #postaddress {
		width: 800px;
		position: relative;
		margin: 7px auto;
		text-align: center;
		color: #aaa
	}

	.bodywrapper #myunil {
		position: absolute;
		top: 0;
		right: 10px
	}

	.bodywrapper #v14swissu {
		position: absolute;
		bottom: 0;
		right: 0
	}
	.bodywrapper #path {
		position: relative;
		padding: 2px;
		height: auto;
		background-color: #fff
	}

	.bodywrapper .liens {
		text-decoration: none
	}
	.bodywrapper #navprinc {
		width: 190px
	}
	.bodywrapper #v14lang {
		width: 980px;
		margin: 5px auto 0 auto;
		text-align: right
	}
	.bodywrapper .limenu {
		display: block;
		line-height: 20px;
		border-bottom: 1px solid #999;
		background-color: #c4c4c4; /*#c6c5c0;*/
		text-indent: -10px
	}
	.bodywrapper #v14homeclear {
		height: 21px;
		clear: both
	}
	.bodywrapper #navprinccont {
		width: 190px;
		margin-bottom: 10px
	}
	.bodywrapper #contleftcont_2col {
		width: 778px;
		margin-bottom: 10px
	}
	.bodywrapper #v14linksbottom {
		line-height: 19px;
		text-align: center;
		background-color: #dedede
	}
	.bodywrapper #v14linksbottom a {
		padding: 0 20px 0 2px
	}
	.bodywrapper #navinst {
		width: 190px
	}
	.bodywrapper .date_publication {
		padding-top: 5px;
		padding-left: 2px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #666
	}
	.bodywrapper .lienns {
		text-decoration: none
	}
	.bodywrapper #welcome {
		height: 41px;
		width: 361px;
		padding: 0;
		margin: 0;
		overflow: hidden
	}

	.bodywrapper .barre_coul_liste_port {
		height: 1px;
		background-color: #028079
	}
	.bodywrapper .titre_liensliste {
		margin-bottom: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: bold;
		border-top: 1px solid #05a69d;
		border-bottom: 1px dotted #666
	}
	.bodywrapper #v14homecenterleft {
		width: 361px;
		margin-left: 2px;
		float: left
	}
	.bodywrapper .copyright1 {
		padding-bottom: 2px;
		font-size: 10px
	}
	.bodywrapper #navguid {
		width: 190px
	}
	.bodywrapper .liensliste {
		position: relative;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 10px;
		padding: 0
	}
	.bodywrapper #v14unilinks {
		position: absolute;
		top: 45px;
		left: 255px;
		font-size: 12px
	}
	.bodywrapper #v14unilinks a {
		color: #008ccc;
		text-decoration: none;
		padding: 0 15px 0 2px
	}
	.bodywrapper .td1 {
		width: 207px
	}

	.bodywrapper #contleftcont {
		width: 570px
	}

	.bodywrapper .barre_coul {
		height: 1px;
		background-color: #028079
	}
	.bodywrapper .rsscontent li {
		clear: both
	}
	.bodywrapper .rsscontent li img {
		margin: 5px
	}

	.bodywrapper .nospace {
		padding: 0;
		margin: 0;
		line-height: 1px
	}
	.bodywrapper .content {
		margin-bottom: 30px
	}

	.bodywrapper .formulaire_feedback {
		font-weight: bold;
		background-color: #bbb
	}
	.bodywrapper .emetteurint a:link, .bodywrapper .emetteurint a:visited {
		text-decoration: none
	}
	.bodywrapper #navfacs li:hover ul, .bodywrapper #navfacs li.sfhover ul {
		left: -235px
	}
	.bodywrapper #nav li:hover ul, .bodywrapper #nav li.sfhover ul {
		left: -235px
	}
	body#contpg #contleft, body#contpg #contleftcont {
		width: 565px
	}
	.bodywrapper #ad, .bodywrapper #ad ul {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 196px;
		background-color: transparent
	}
	.bodywrapper #v14share_top a, .bodywrapper #v14share_bottom a {
		text-decoration: none;
		color: #999;
		font-size: 9px
	}
	body#contpg #v14colcenter {
		width: 589px;
		float: left;
		margin-left: 0px;
		border-top: 1px solid #05a69d;
		overflow: hidden;
		padding-top: 8px
	}
	body#contpg #v14colleft {
		width: 190px;
		float: left
	}
	body#contpg #contleft {
		padding: 0 0 0 5px
	}
}