/* <!CDATA[[ */


/* #D6D6D6 */

/***************************************************************
* STRUCTURE ELEMENTS - SECTION 0
*
* Reset
***************************************************************/

	DIV, UL, LI, FORM {
		margin: 0px;
		padding: 0px;
	}


/***************************************************************
* STRUCTURE ELEMENTS - SECTION 1
*
* Main divs
***************************************************************/

	* HTML BODY {
		text-align: center;
	}

	DIV#container {
		height: auto;
		width: 960px;
		overflow: hidden;
		margin: 0px auto;
	}

	* HTML BODY DIV#container {
		text-align: left;
	}

	DIV#content_container {
		height: auto;
		overflow: hidden;
		width: 960px;
		background: transparent url( 'img/icns/side_bg.gif' ) repeat-y right top;
		margin-top: 12px;
	}

/***************************************************************
* STRUCTURE ELEMENTS - SECTION 2
*
* Banner
***************************************************************/

	DIV#banner {
		width: 960px;
		height: 125px;
		clear: both;
		overflow: hidden;
		/*background: #888 url( 'img/beaux-arts.jpg' ) no-repeat;*/
	}

/***************************************************************
* STRUCTURE ELEMENTS - SECTION 3
*
* Header
***************************************************************/

	DIV#header {
		width: 960px;
		height: auto;
		clear: both;
		margin-top: 3px;
	}

	/**
	 * Header Top
	 */
	DIV#header_top {
		height: 20px;
		line-height: 20px;
		color: #444;
		background-color: #D6D6D6;
		font-weight: bold;
		font-size: 11px;
		margin-top: 0px;
		margin-bottom: 3px;
	}


	/**
	 * Title link
	 */
	#header_top DIV#title {
		width: 350px;
		float: left;
	}

	#header_top div#title div {
		float: left;
		display: inline;
		margin-right:12px
	}

	#header_top DIV#title A {
		color: #444444;
		margin-left: 5px;
		padding-right: 5px;
	}

	#header_top DIV#title A:hover,
	#header_top DIV#title A.act {
		color: #CC0000;
		background-color: inherit;
	}


	/**
	 * Peripherical Menu 1
	 */
	DIV#periph_menu1 {
		width: 340px;
		margin-left: 29px;
		float: left;
	}

	* HTML BODY DIV#periph_menu1 {
		margin-left: 23px;
	}

	DIV#periph_menu1 UL {
		height: auto;
		width: auto;
		overflow: hidden;
		float: right;
	}

	DIV#periph_menu1 UL LI {
		float: left;
		margin-left: 8px;
		list-style-type: none;
	}

	DIV#periph_menu1 UL LI A {
		padding-left: 6px;
		color: #444;
		text-decoration: none;
		border-left: 1px solid #444;
	}

	DIV#periph_menu1 UL LI.first A {
		border-left: 0px;
	}

	DIV#periph_menu1 UL LI A:visited {
		color: #444;
	}

	DIV#periph_menu1 UL LI A:hover {
		color: #CC0000;
		background-color: inherit;
	}

	/**
	 * Search box
	 */
	DIV#searchbox {
		width: 165px;
		margin-top: 2px;
		margin-right: 10px;
		float: right;
	}

	* HTML BODY DIV#searchbox {
		margin-right: 3px;
	}

	DIV#searchbox P {
		margin: 0px;
		padding: 0px;
	}

	DIV#searchbox INPUT.search_input {
		float: left;
		width: 111px;
		height: 12px;
		line-height: 12px;
		margin-left: 23px;
		border: 1px solid #999;
		font-size: 9px;
		text-align: center;
	}

	* HTML BODY DIV#searchbox INPUT.search_input {
		padding-top: 0px;
		height: 15px;
		line-height: 15px;
		width: 100px;
		margin-left: 20px;
		margin-right: 4px;
	}

	DIV#searchbox INPUT.search_submit {
		float: left;
		margin-left: 10px;
	}

	DIV#header_bottom {
		font-size: 10px;
		height: 18px;
		margin-top: 2px;
	}

	DIV#rootline {
		width: auto;
		margin-left: 190px;
		margin-top: 2px;
		height: auto;
		overflow: hidden;
		float: left;
	}

	* HTML BODY DIV#rootline {
		margin-left: 95px;
	}

	#rootline SPAN#youarehere {
		float: left;
		color: #666;
	}

	#rootline UL {
		width: auto;
		height: auto;
		overflow: hidden;
		float: left;
	}

	#rootline UL LI {
		float: left;
		margin-left: 7px;
		list-style-image: none;
	}

	/**
	 * Page Toola
	 */
	DIV#page_tools {
		height: auto;
		float: right;
		margin-right: 12px;
		margin-top: 0px;
	}

	* HTML BODY DIV#page_tools {
		margin-right: 10px;
	}

	/**
	 * Language Menu
	 */
	DIV#lang_menu {
		width: 100px;
		float: right;
		height: auto;
		margin-right: 82px;
		margin-top: 2px;
	}

	DIV#lang_menu UL {
		height: auto;
		overflow: hidden;
	}

	DIV#lang_menu UL LI {
		float: left;
		font-weight: bold;
		margin-left: 8px;
		list-style-type: none;
		padding-left: 4px;
		border-left: 1px solid #444;
	}

	DIV#lang_menu UL LI.first {
		border-left: 0px;
		padding-left: 0px;
	}

	DIV#lang_menu UL LI.disabled {
		font-weight: normal;
	}

	DIV#lang_menu UL LI A {
		color: #444;
		text-decoration: none;
	}

	DIV#lang_menu UL LI A:visited {
		color: #444;
	}

	DIV#lang_menu UL LI A:hover {
		color: #CC0000;
	}

	DIV#lang_menu UL LI.disabled {
		display:none;
	}


/***************************************************************
* STRUCTURE ELEMENTS - SECTION 4
*
* Menu level 1
***************************************************************/

	DIV#menu_level1 {
		width: 160px;
		height: auto;
		float: left;
		background-color: inherit;
	}

	/* Level 1 */
	#menu_level1 UL.level1 {
		width: 150px;
		border-top: 1px solid #CCC;
		margin-bottom: 40px;
	}
	#menu_level1 UL.level1 LI {
		width: 150px;
		border-bottom: 1px solid #CCC;
		/*line-height: 30px;*/
		list-style-type: none;
		list-style-image: none;
	}

	HTML > BODY #menu_level1 UL.level1 LI.act {
		border-bottom: 0px;
	}

	HTML > BODY #menu_level1 UL.level1 LI.cur {
		border-bottom: 1px solid #CCC;
	}

	HTML > BODY #menu_level1 UL.level1 UL.level2 LI.cur {
		border-bottom: 0px solid #CCC;
	}

	#menu_level1 UL.level1 LI A {
		/*height: 30px;*/
		color: #666;
		font-weight: normal;
		text-decoration: none;
		display: block;
		width: 100%;
		margin-top: 3px;
		margin-bottom: 3px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#menu_level1 UL.level1 LI A:hover {
		color: #CC0000;
		background-color: #EAEAEA;
	}
	#menu_level1 UL.level1 LI.act A,
	#menu_level1 UL.level1 LI.act A:hover {
		color: #CC0000 !important;
		background-color: inherit;
	}


	/* Level 2 */
	#menu_level1 UL.level1 UL.level2 {
		clear: both;
		margin-top: 5px;
		border-top: 0px;
	}

	HTML > BODY #menu_level1 UL.level1 UL.level2 {
		border-bottom: 1px solid #CCC;
	}

	#menu_level1 UL.level1 UL.level2 LI {
		width: 120px;
		line-height: 110%;
		list-style-image: none;
		background: #FFF url( 'img/icns/separateur.gif' ) no-repeat left 5px;
		border: none;
		margin-left: 0px;
		margin-bottom: 3px;
		margin-top: 5px;
		padding: 0px 0px 0px 15px;
	}

	* HTML BODY #menu_level1 UL.level1 UL.level2 LI {
		width: 125px;
	}

	#menu_level1 UL.level1 UL.level2 LI A {
		height: auto;
		color: #666666;
		font-weight: normal;
		font-size: 11px;
		text-decoration: none;
		background-color: #FFFFFF;
		display: block;
		margin: 0px;
		padding: 0px;
		line-height: 110%;
	}
	UL.level2 LI A {
		color: #666666 !important;
	}
	#menu_level1 UL.level1 UL.level2 LI.act A {
		color: #CC0000 !important;
	}

	#menu_level1 UL.level1 UL.level2 LI A:hover {
		color: #CC0000;
		background-color: inherit;
	}

	/* Level 3 */
	#menu_level1 UL.level2 UL.level3 {
		width: 117px;
		clear: both;
		margin-top: 0px;
		border-top: 0px;
		margin-left: 15px;
	}

	* HTML BODY #menu_level1 UL.level2 UL.level3 {
		margin-left: 3px;
	}

	#menu_level1 UL.level2 UL.level3 LI {
		line-height: 15px;
		border-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		background-position: 0px 5px;
		margin-bottom: 3px;
		margin-top: 3px;
		height: auto;
		min-height: 15px;
		display: block;
	}

	#menu_level1 UL.level2 UL.level3 LI A {
		color: #666;
		font-weight: normal;
		font-size: 11px;
		text-decoration: none;
		height: auto;
		min-height: 15px;
		overflow: hidden;
		display: block;
	}

	#menu_level1 UL.level2 UL.level3 LI.act A {
		color: #CC0000 !important;
	}

	#menu_level1 UL.level2 UL.level3 LI A:hover {
		color: #CC0000;
		background-color: inherit;
	}

	/* Level 4 */
	#menu_level1 UL.level2 UL.level3 UL.level4 {
		width: 123px;
		clear: both;
		margin-top: 0px;
		margin-bottom: 0px;
		border-top: 0px;
		margin-left: 7px;
	}

	* HTML BODY #menu_level1 UL.level2 UL.level3 UL.level4 {
		width: 105px;
		margin-left: 0px;
	}

	#menu_level1 UL.level2 UL.level3 UL.level4 LI {
		width: 105px;
		border-bottom: 0px;
        margin-left: 8px;
		margin-top: 0px;
		margin-bottom: 0px;
		height: auto;
	}

	* HTML BODY #menu_level1 UL.level2 UL.level3 UL.level4 LI {
		width: 105px;
	}

	#menu_level1 UL.level2 UL.level3 UL.level4 LI A {
		color: #666;
		font-weight: normal;
		font-size: 10px;
		text-decoration: none;
		height: auto;
		display: block;
		margin-bottom: 3px;
		line-height: 12px;
	}

	#menu_level1 UL.level2 UL.level3 UL.level4 LI.act A {
		color: #CC0000 !important;
	}

	#menu_level1 UL.level2 UL.level3 UL.level4 LI A:hover {
		color: #CC0000;
		background-color: inherit;
	}

/***************************************************************
* STRUCTURE ELEMENTS - SECTION 5
*
* Main content
***************************************************************/

	DIV#main_content {
		width: 540px;
		height: auto;
		float: left;
		margin-right: 29px;
		margin-left: 30px;
		font-size: 11px;
	}

	* HTML BODY DIV#main_content {
		width: 530px;
	}

	#main_content P.head {
		font-size: 12px;
	}

/***************************************************************
* STRUCTURE ELEMENTS - SECTION 6
*
* Sidebar
***************************************************************/

	DIV#sidebar {
		width: 200px;
		height: 100%;
		float: left;
		border-left: 0px solid #ccc;
		background-color: #F2F2F2;	/*#EAEAEA*/
		font-size: 10px;
		overflow: hidden;
	}

	* HTML BODY DIV#sidebar {
		margin-left: 10px;
	}

	#sidebar H2, #sidebar H3, #sidebar H4, #sidebar H5, #sidebar H6 {
		width: 195px;
		height: auto;
		font-size: 11px;
		line-height: 16px;
		color: #666666;
		background-color: #D6D6D6;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
		margin: 0px;
		margin-bottom: 11px;
	}

	* HTML BODY #sidebar H2, #sidebar H3, #sidebar H4, #sidebar H5, #sidebar H6 {
		width: 200px;
	}

	#sidebar DIV UL.sidebar_menu LI, #sidebar LI {
		padding-left: 0px;
		margin-left: 20px;
	}

	#sidebar UL {
		margin-bottom: 10px;
	}

	#sidebar DIV UL.sidebar_menu LI.spc {
		font-weight: bold;
		font-size: 11px;
		width: 100%;
		height: auto;
		line-height: 110%;
		color: #CC0000;
		background-color: #D6D6D6;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		margin-top: 10px;
		margin-left: 0px;
		list-style-type: none;
		list-style-image: none;
	}

	#sidebar DIV UL.sidebar_menu LI.spc_first {
		margin-top: 0px;
	}

	#sidebar DIV UL.sidebar_menu LI.spc DIV {
        margin-left: 5px;
    }

	#sidebar P {
		font-size: 11px;
		margin-left: 5px;
	}

	#sidebar DIV.red {
		color: #CC0000;
	}

/***************************************************************
* STRUCTURE ELEMENTS - SECTION 8
*
* Footer
***************************************************************/

	DIV#footer {
		width: 960px;
		height: auto;
		overflow: hidden;
		margin-left: 0px;
		margin-top: 5px;
		clear: both;
		text-align: center;
		font-size: 9px;
		color: #666;
	}

	DIV#footer A {
		color: #666;
	}

	DIV#footer A:hover {
		color: #C00;
	}

	DIV#footer DIV.first {
		margin-top: 30px;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
	}

	DIV#footer DIV.left {
		width: 930px;
		float: left;
	}

	DIV#footer DIV.right {
		width: 30px;
		float: right;
	}

	DIV#footer DIV.left P.gray_back {
		display: none;
	}

	DIV#footer DIV.left P.bodytext {
		height: 20px;
		width: 734px;
		line-height: 20px;
		font-size: 11px;
		background-color: #D6D6D6;
		margin-bottom: 0px;
		margin-top: 12px;
		text-align: left;
		padding-left: 196px;
	}

	DIV#footer DIV.left span#service P.bodytext {
		font-size: 10px;
	}

	* HTML BODY DIV#footer DIV.left P.bodytext {
	    width: 830px;
		margin-top: 0px;
	}

/***************************************************************
* STRUCTURE ELEMENTS - SECTION 7
*
* Peripherical menu 2
***************************************************************/

	DIV#footer UL {
		width: 550px;
		height: auto;
		overflow: hidden;
		float: left;
		margin-left: 190px;
		margin-top: 11px;
	}

	* HTML BODY DIV#footer UL {
		margin-left: 88px;
	}

	DIV#footer UL LI {
		float: left;
		margin-right: 5px;
		padding-left: 5px;
		border-left: 1px solid #888;
		list-style-image: none;

	}

	DIV#footer UL LI.first {
		border-left: 0px;
	}

	DIV#footer SPAN#service {
		float: right;
		margin-right: 10px;
		display: block;
		height: auto;
		overflow: hidden;
		width: 110px;
		text-align: right;
	}

	* HTML BODY DIV#footer SPAN#service {
		width: 120px;
		margin-right: 5px;
	}

	* HTML BODY DIV#footer SPAN#service A {
	    width: 120px;
	    text-align: right;
	}

	* HTML BODY DIV#footer SPAN#service A:hover {
	    background-color: #FFF;
	}

	DIV#footer SPAN#service P.bodytext {
	    display: inline;
	    margin: 0px;
	    padding: 0px;
	    background-color: #FFF;
	    color: inherit;
	    line-height: normal;
	}

	* HTML BODY DIV#footer SPAN#service P.bodytext {

	}

/***************************************************************
* LINKS
*
* EXTERNAL AND INTERNAL ICONS
***************************************************************/

/*
	.external-link-new-window {
		background-image: url( img/icns/linkExt3States.png );
	}
*/
	/* normal */
	a[href^="https://"] {
		background: transparent url(img/icns/linkExtNormal.gif) no-repeat scroll 100% 4px;
		padding-right: 20px;
	}

	/* hover */
	a[href^="https:"]:hover {
		background: transparent url(img/icns/linkExtHover.gif) no-repeat scroll 100% 4px;
		padding-right: 20px;
	}


	/* Self domain */
	a[href^="https://musees.vd.ch"],
	a[href^="https://musees.vd.ch"]:hover,
	a[href^="https://www.vd.ch"],
	a[href^="https://vd.ch"],
	a[href^="https://www.vd.ch"]:hover,
	a[href^="https://vd.ch"]:hover {
		background-image: none;
		padding-right: 0;
	}




/***************************************************************
* TEMPLATE CONTENT ELEMENTS
*
* FCE
***************************************************************/

	DIV.two_cols_div, DIV.three_cols_div {
		height: auto;
		overflow: hidden;
		clear: both;
	}

	DIV.two_cols_div H2 {
		color: #666;
		font-size: 12px;
		font-weight: bold;
		background-color: #EAEAEA;
		margin-top: 0px;
		height: 25px;
		line-height: 25px;
		padding-left: 5px;
	}

	DIV.two_cols_div DIV.news-latest-item H3 {
		color: inherit;
		height: auto;
		line-height: normal;
		padding-left: 0px;
		background-color: #F3F3F3;
		font-weight: normal;
	}

	DIV.two_cols_div_60_40 DIV.col1_div {
		float: left;
		width: 60%;
	}

	DIV.two_cols_div_60_40 DIV.col2_div {
		float: left;
		width: 38%;
		margin-left: 10px;
	}

	DIV.two_cols_div_50_50 DIV.col1_div {
		float: left;
		width: 49%;
	}

	DIV.two_cols_div_50_50 DIV.col2_div {
		float: left;
		width: 49%;
		margin-left: 10px;
	}

	DIV.two_cols_div_40_60 DIV.col1_div {
		float: left;
		width: 38%;
	}

	DIV.two_cols_div_40_60 DIV.col2_div {
		float: left;
		width: 60%;
		margin-left: 10px;
	}

	DIV.three_cols_div DIV.col1_div {
		float: left;
		width: 30%;
	}

	DIV.three_cols_div DIV.col2_div {
		float: left;
		width: 30%;
		margin-left: 10px;
	}

	DIV.three_cols_div DIV.col3_div {
		float: left;
		width: 30%;
		margin-left: 10px;
	}

	DIV.fce_greybox {
		height: auto;
		overflow: auto;
		background-color: #EEE;
		margin-top: 0px;
		margin-bottom: 15px;
	}

	DIV.fce_greybox DIV.fce_greybox_content {
		margin: 10px;
		height: auto;
		overflow: auto;
		border: solid #EEEEEE 1px;
	}

	DIV.fce_greybox DIV.fce_greybox_content H3 {
		background-color: #EEE;
	}


	/* Content Element */
	DIV#main_content UL LI {
		margin-left: 15px;
		margin-bottom: 5px;
	}

	H2.csc-firstHeader {
        margin-bottom: 15px;
	}

	/* Smooth Gallery */
	.jdGallery .slideInfoZone {
		height: 70px;
	}
	.jdGallery .slideInfoZone H2 {
	    font-size: 13px;
	    font-weight: normal;
	    color: #FFF;
	}
	.jdGallery .slideInfoZone P {
	    font-size: 10px;
	    color: #FFF;
	}

	/**
	 * Hide things
	 *
	 * The “clip pattern” will hide the content visually, yet provide the content
	 * to screen readers.
	 */
	.visually-hidden { /*https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html*/
	   position: absolute !important;
	   clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	   clip: rect(1px, 1px, 1px, 1px);
	   padding:0 !important;
	   border:0 !important;
	   height: 1px !important;
	   width: 1px !important;
	   overflow: hidden;
	}

	/**
	 * Responsive image
	 *
	 * 1. Set a maximum relative to the parent
	 * 2. Scale the height according to the width, otherwise you get stretching
	 */
	.img-responsive {
		display: block;
		max-width: 100%; /* [1] */
		height: auto; /* [2]*/
	}

/* ]]> */