/* 
Theme Name:     Default Very Light
Theme URI:      http://www.communication-visuelle.ch
Description:    C/V - Communication Visuelle - developpement theme - with Mine de rien sarl - www.minederien.com
Author:         C/V - Communication Visuelle - Mickael Houdebert / Mine de rien sarl
Author URI:     http://www.communication-visuelle.ch
Version:        2.0.0
License:		no Licencing possibility
License URI:	http://www.communication-visuelle.ch
Tags:			Customizable theme
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
	
	/* Global from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; line-height:normal;}
	q:before,q:after{ content:''; font-family:Georgia, "Times New Roman", Times, serif}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	a{ color:#0072bc; cursor:pointer; text-decoration:none;}
		a:visited{ color:#8e599f;}
		a:hover{ text-decoration:underline;}
	
	/* Segon from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
	q:before,q:after{ content:'';}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	
	/* Balises block */
	.post-content h1{ }
	.post-content h2{ }
	.post-content h3{ }
	.post-content h4{ }
	.post-content h5{ }
	.post-content h6{ }
	.post-content p{ }
	.post-content ul{ }
	.post-content ol{ }
	.post-content blockquote{ }
	.post-content pre{ }
	.post-content address{ }
	.post-content address{ }
	
	/* Balises inline */
	.post-content strong{ }
	.post-content em{ }
	.post-content acronym{ }
	.post-content code{ }
	.post-content del{ }
	.post-content ins{ }
	
	/* Classes des images */
	.alignleft{ display:inline; float:left;}
	.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
	.alignright{ display:inline; float:right;}
	.size-auto{ }
	.size-medium{ }
	.size-large{ }
	.size-full{ }
	.wp-caption{ } /* Légende de l'image */
	.wp-caption img{ }
	.gallery{ }
	.gallery .gallery-item{ }
	
	
	/* Global Content 
	-------------------------------------------------------------- */
	img, object, embed, video {
	  max-width: 100%;
	  height: auto;
	}
	.strong, strong{ 
		font-family: FrutigerLTPro-Black;
		font-weight: normal;
		font-style: normal; line-height:1em;
	}
	a, a:visited, a:active, a:focus{ color:#000;}
	
	body{ 
		background-color:#f5f5f5;
		color:#3d3d3d;
		font-family: FrutigerLTPro-Light;
		font-weight: normal;
		font-style: normal;
	}

	.Wrapper{ 
		width:auto; overflow:hidden; max-width:1400px; padding:0 10px;
		font-family: FrutigerLTPro-Light; 
		font-weight: normal; font-style: normal; 
		letter-spacing:0.07em; line-height:1.4em; font-size:1.2em;
	}
		.Wrapper.AlignLeft{ float:left;}
		.Wrapper.AlignCenter{ margin:0 auto;}
		.Wrapper.AlignRight{ float:right;}
	
	
		@media screen and (max-width: 1444px) {
			.Wrapper{ width:90%; padding:0 5%;}
		}
	
	
		.grey{ color:#999;}
	
	
		/* Titles */
		h1, h2, h3, h4, h5, h6{
			font-family: FrutigerLTPro-Black;
			font-weight: normal;
			font-style: normal; line-height:1em;
		}
		
		h1, h2{ font-size:25px; }
		h3{}
		h4{}
		h5{}
		h6{}
	

h1.post-title{ margin-bottom: 15px;}

		.page-template-layoutsExpoActuelle-php h2,
		.page-template-ExpoAvenir h2,
		.single-artistes  h2.post-title,
		.single h2,
		.page-template-EvActuel h2{}
		
		.PageContent h2{ margin-left:29%;}
	
		.post-content{ float:left; clear:both; width: 100%;}
	
		/* Header 
		-------------------------------------------------------------- */
		
		
		#Logo{ z-index:9999; width:100%; text-align:left; }
		#Header{
			/*background-color:yellow;*/ width:100%; float:left;
		}
		
		.LogoContainer{ width:15%; /*background-color:pink;*/ float:left;}
			
			.SiteInfos{ width:100%; text-align:left;}
				.SiteInfos h1{  font-size:1.2em;}
				.SiteInfos a{ color:#000;}
				.SiteInfos a:hover{ text-decoration:none;}
				 
				.Baseline{ margin-top:10px; margin-bottom:25px;}
		
		.Slider{ 
			background-color:pink; display:block; height:35px; width:100%;
			min-height:170px;
		}
		
		#lang_sel_list{ 
			text-transform:uppercase;
			font-family: FrutigerLTPro-Black;
			font-weight: normal;
			font-style: normal;
		}


		@media (max-width: 1300px){
			.LogoContainer{ width: 100%;}
		}



.page-template-ExposPasses .category-section.en-cours{ display: none;}

		/* Footer 
		-------------------------------------------------------------- */
		#Footer{ width:100%; clear:both;}
		
			#SiteMap{ width:100%; background-color:#eee; display:none;}
				#SiteMap h2{}
				#SiteMap ul{}
					#SiteMap ul li{ display:table-cell;}
					#SiteMap ul li a{ padding:0px 10px;}
		
			/* Contacts
			-------------------------------------------------------------- */
			#Contacts{ width:100%; text-align:left;}
			
				#Address{  }
					.adress_1{}
					.adress_2{}
					.adress_3{}
					
				#Tel{}
					.tel{}
					.tel_2{}
					
				.Email{}
				.WebSite{}
				.Haraire{}
				
				.Description4{ margin-top:40px;}
				
				.Description4, .adress_2, .WebSite, .Haraire.first{ margin-bottom:15px;}
				
		
		/* Social
		-------------------------------------------------------------- */
		.Social{ width:100%; margin-top:25px; }
			.Social div{ display:inline-block;}
		
		
		
		/* Content 
		-------------------------------------------------------------- */
		
		.GlobalPage{ /*clear:both;* / margin-top:65px;*/ }
		.PageContent{ display:inline-block; width:100%; padding-top:60px;}
			.error404 .PageContent{ margin-left:100px;}
			
			.GlobalPage.left { width:75%; float:left;}
			.GlobalPage.right { width:75%; float:right;}
			.GlobalPage.full { width:100%;}
			
			@media (max-width: 1300px){
				.GlobalPage.right{ width: 100%;}
			}
		/* News */
		/********/
		.NewsContainer{ /*background-color:pink;*/ clear:both; height:115px;}
			.News{ width:48%; /*background-color:yellow;*/ margin-bottom:20px;}
				.News h3{ margin-bottom:15px;}
				.News a{ color:#3d3d3d;}
				
			.News.left{ float:left;}
			.News.right{ float:right;}
		
		/********/
		
		
		/**/
		.category-section{ width:30%; display:inline-block; vertical-align:text-top; min-height: 200px; margin-bottom:25px; padding: 0 1%;}
		/*.category-section.a-venir, .category-section.actuelle, .category-section.passee{ display:none;}*/
		.category-section.hide{ display: none;}

		.page-template-default .post-content{ column-count: 2;       /* 2 colonnes */
		  column-gap: 2rem;      /* espace entre colonnes */
		  hyphens: auto;         /* césure automatique des mots longs */
		  overflow-wrap: anywhere;}

		/* Empiler en 1 colonne sur mobile */
		@media (max-width: 900px){
		  .page-template-default .post-content{ column-count: 1; }
		}

		/* Éviter que certains blocs soient coupés entre colonnes */
		.page-template-default .post-content h2,
		.page-template-default .post-content p{
		  break-inside: avoid;
		}
		/* L’élément doit être block et "span" toutes les colonnes */
		.page-template-default .post-content .span-all{
		  column-span: all;         /* ⬅️ clé : pleine largeur */
		  display: block;
		  margin: 1.5rem 0;
		  break-inside: avoid;      /* évite les coupures */
		}

		.page-template-default .post-content .span-all img{
		  width: 100%;
		  height: auto;
		  display: block;
		}

		/* Fallback Firefox (pas de support de column-span) :
		   on force une ligne/colonne à part */
		@supports not (column-span: all){
		.page-template-default .post-content .span-all{
			break-before: column;
			break-after: column;
		  }
		}

		
		.page-template-ExposPasses .category-section.a-venir, 
		.page-template-ExposPasses .category-section.actuelle,
		.page-template-ExposPasses .category-section.non-classe,
		.page-template-EvPasses .category-section.a-venir, 
		.page-template-EvPasses .category-section.actuelle,
		.page-template-EvPasses .category-section.non-classe{ display:none;}
		
		/*
		.page-template-EvPasses .category-section.2014,
		.page-template-EvPasses .category-section.2013{ display:none; color:red;}
		*/
		
		.span12{
			font-family: FrutigerLTPro-Black;
			font-weight: normal;
			font-style: normal; line-height:1em;
			font-size:20px; margin-bottom:20px;
		}
		.inner-content span a, .inner-content span a:active, .inner-content span a:visited{ color:#999;}
		.inner-content span a:hover{ color:#000; text-decoration:none;}
		
		
		
		.HomePageTitle{ 
			font-size:16px; clear:both;
			font-family: FrutigerLTPro-Black;
			font-weight: normal;
			font-style: normal; width:578px; line-height:1.1em; margin:20px 0px 10px 0px;
		}
		
		.HomeImage{ margin-top:15px;}
		.HomeImage img{ width: 100%; height: auto;}
		.Group{ width:100%; clear:both;}
		.Group.home{ width:100%; margin-top:10px;} 
		
		.Paragraph{ width:48%;}
		.Paragraph.left{ float:left; /*background-color:yellow;*/}
		.Paragraph.right{ float:right; /*background-color:pink;*/}
		
		
		
		
		
		/* Sidebar
		-------------------------------------------------------------- */
		#HeaderSidebar, #FooterSidebar{ width:100%; display:block; clear:both; }
			#HeaderSidebar div, #FooterSidebar div{ display:inline-table; margin:0 auto;}
		
		
		#SideBar, #SideBar2{ /*clear:left;*/ }
		#SideBar { margin-top: 96px;}
		
		
			.side{ clear:both;}
		
			#SideBar.left, #SideBar2.left{ width:20%; float:left; clear:left;}
			#SideBar.right, #SideBar2.right{ width:20%; float:right; background-color:#aaa; padding:5px; clear:right;}
			#SideBar.none, #SideBar2.none{}
			
			
			#SideBar2 .side{ margin-top:25px;}
			

			@media (max-width: 1300px){
				#SideBar.left{ width: 100%;}
			}



		/* Tiny Menu after logo
        -------------------------------------------------------------- */


        .MobileMenu{ float: right;  display:none; }
            ul.RowMenu{ float:right; padding-top:10px; margin-right:5%;}

            .MobileMenu .RowMenu li{ list-style-type:none;}

            .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobile.png);}
            .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down,
            .MobileMenu .RowMenu li a.up{ width:35px; height:32px; display:inline-block;}

            .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down:hover,
            .MobileMenu .RowMenu li a.up:hover{ text-decoration:none; cursor:pointer;}

            .HideButtun{ display:none;}


            /*******/

            #MobileMenuContainer{  position: relative;
				font-weight: 700;
                display:none;  top: 0; right: 0;  z-index:1000;
                background-position:bottom;  width:100%; padding: 0 0%; /*position: absolute; top: 0; left: 10%;*/
				 padding-bottom:25px; padding-top:25px;
				
				 background-color: #fafafa;
				box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.3) inset;
				-webkit-box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.3) inset;
				-moz-box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.3) inset;
				background-color:#f5f5f5;
				
            }
			.content.nav { 
			  position: relative;
			  z-index: 1;
			}
			.shadow {
			  position: absolute;
			  left: 0;
			  right: 0;
			  top: -10px;
			  bottom: -10px;
			  box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.3), 
				inset 0px -10px 10px -10px rgba(0, 0, 0, 0.3),
				inset 10px 0px 10px -10px rgba(0, 0, 0, 0.3),
				inset -10px 0px 10px -10px rgba(0, 0, 0, 0.3);
			  z-index: 0;
			}

 				#MobileMenuContainer .menu-primary-menu-container{width: 100%; display: inline-block; float: none; margin: 0; }


				#MobileMenuContainer .menu{ /*padding-top:15px;*/ display: inline-block; float: none; width: 100%;}

                .MenuMobileLabel{ text-transform:uppercase; letter-spacing:0.1em;}

                #MobileMenuContainer ul{ margin:0; padding-left: 5%;}
                #MobileMenuContainer ul li{ 
                    float:none; width:100%; font-size:18px; line-height:1.8em; font-weight: bold;
                    text-align:left; text-transform:uppercase; list-style-type:none; 
					/*border-bottom: 1px solid #777;*/
                }

                #MobileMenuContainer ul li{ padding:7px 0px; background-repeat:no-repeat; background-position:center bottom; border-bottom: 0px solid #C3A572; }


                #MobileMenuContainer ul li a{ color:#000; font-weight:400; /*display:none; */ text-decoration:none; font-weight:bold; width: 100%; position: relative;} 
                #MobileMenuContainer ul li a:hover,
                #MobileMenuContainer ul li.current_page_item a{ text-decoration:none;  color:#000; text-decoration: underline; display: inline-block;} 


                #MobileMenuContainer ul li ul{  }
                #MobileMenuContainer ul li a,
                #MobileMenuContainer ul li.page-item,
                #MobileMenuContainer ul li.page-item ul{ /*display:none;*/}

                #MobileMenuContainer ul li ul li ul li.current_page_item a{ text-decoration:underline;}

                #Header #MobileMenuContainer ul li.page_item{ }
                #Header #MobileMenuContainer ul li.current_page_ancestor{ display:block}
                #Header #MobileMenuContainer ul li.current_page_ancestor ul li{ display:block}

                #MobileMenuContainer ul li.current_page_parent ul.children li a,
                #MobileMenuContainer ul li.current_page_parent,
                #MobileMenuContainer ul li.current_page_parent ul{ display:block;}


                #MobileMenuContainer ul li ul li ul{ 

                    background-color: #f0f0f0;
                    box-shadow: 
                        inset 0px 11px 8px -10px #D7D7D7,
                        inset 0px -11px 8px -10px #D7D7D7; 
                }

				#MobileMenuContainer .menu ul{ border:0!important; margin-bottom: 10px;}
				#MobileMenuContainer .menu ul li{}
				#MobileMenuContainer .menu ul ul li{ font-size:0.8em; border:0;}


				@media
				screen and (-webkit-min-device-pixel-ratio: 1.5),
				screen and (-moz-min-device-pixel-ratio: 1.5),
				screen and (min-device-pixel-ratio: 1.5) {
					.MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobilex2.png);background-size:cover;}
					.MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}

					.MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}
				}

				.MobileMenu{ display:none;z-index: 9999999; position: absolute; right: 5%; top:15px;}
				@media screen and (max-width: 1300px) {
					#access{ display:none;}
					.MobileMenu{ display:block;}
				}


				/* Nav icon mobile */ 

				/* Icon 1 */

				#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
				  width: /*45px*/30px;
				  height: 35px;
					margin-top: 38px;
				  position: relative;
				 float: right;
				  -webkit-transform: rotate(0deg);
				  -moz-transform: rotate(0deg);
				  -o-transform: rotate(0deg);
				  transform: rotate(0deg);
				  -webkit-transition: .5s ease-in-out;
				  -moz-transition: .5s ease-in-out;
				  -o-transition: .5s ease-in-out;
				  transition: .5s ease-in-out;
				  z-index: 999999;
					cursor: pointer; 
				}

				#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
				  display: block;
				  position: absolute;
				  height: 3px;
				  width: 100%;
				  background: #000;
				  border-radius: 0px;
				  opacity: 1;
				  left: 0;
				  -webkit-transform: rotate(0deg);
				  -moz-transform: rotate(0deg);
				  -o-transform: rotate(0deg);
				  transform: rotate(0deg);
				  -webkit-transition: .25s ease-in-out;
				  -moz-transition: .25s ease-in-out;
				  -o-transition: .25s ease-in-out;
				  transition: .25s ease-in-out;
				}

				#Head.Invert #nav-icon3 span{background:#000;}
				#nav-icon3:hover span  {/*background-color:#000!important;*/}


				/* Icon 3 */

				#nav-icon3 span:nth-child(1) {
				  top: 0px;
				}

				#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
				  top: 10px;
				}

				#nav-icon3 span:nth-child(4) {
				  top: 20px;
				}

				#nav-icon3.open span:nth-child(1) {
				  top: 10px;
				  width: 0%;
				  left: 50%;
				}

				#nav-icon3.open span:nth-child(2) {
				  -webkit-transform: rotate(45deg);
				  -moz-transform: rotate(45deg);
				  -o-transform: rotate(45deg);
				  transform: rotate(45deg);
				}

				#nav-icon3.open span:nth-child(3) {
				  -webkit-transform: rotate(-45deg);
				  -moz-transform: rotate(-45deg);
				  -o-transform: rotate(-45deg);
				  transform: rotate(-45deg);
				}

				#nav-icon3.open span:nth-child(4) {
				  top: 10px;
				  width: 0%;
				  left: 50%;
				}








		
		/* =Widgets
		-------------------------------------------------------------- */
		
		.widget-area .widget ul ul {
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		.widget_rss li {
			margin: 12px 0;
			margin: 0.857142857rem 0;
		}
		.widget_recent_entries .post-date,
		.widget_rss .rss-date {
			color: #aaa;
			font-size: 11px;
			font-size: 0.785714286rem;
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		#wp-calendar {
			margin: 0;
			width: 100%;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
			color: #686868;
		}
		#wp-calendar th,
		#wp-calendar td,
		#wp-calendar caption {
			text-align: left;
		}
		#wp-calendar #next {
			padding-right: 24px;
			padding-right: 1.714285714rem;
			text-align: right;
		}
		.widget_search label {
			display: block;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
		}
		.widget_twitter li {
			list-style-type: none;
		}
		.widget_twitter .timesince {
			display: block;
			text-align: right;
		}
		
		
		
		
			
			
		
		
		/* Primary Menu
		-------------------------------------------------------------- */
		#access { 
			margin: 0 auto;  float:right; position:relative;  margin-top:30px; /*background-color:#ccc;*/
			text-transform:uppercase; margin-top:113px; margin-left:110px; width: 75%; 
		}
		#access.Sidebar{ width:100%;}
		
		#access .menu-header, div.menu {
			width: 100%;
		}
		#access .menu-header ul, div.menu ul {
			list-style: none outside none;
			margin: 0; display:inline-block; width:100%;
		}
		
		#access .menu-header li, 
		div.menu li {
			float: left; position: relative;
		}
		
		#access .menu-header li.AlignRight,
		div.menu li.AlignRight{ float:right;}
		
		#access .menu ul.AlignCenter{ text-align:center;}
		#access .menu ul.AlignCenter li{ float:none; display:inline-table;}
		
		#access .menu-header li.AlignLeft, 
		div.menu li.AlignLeft{ float:left;}
		
		#access ul li.page-item-25{ display:none;}
		
		
		/* Justify The menu 
		-------------------------------------------------------------- */
		/* http://www.xoogu.com/files/2013/07/justified-menu-of-mu-mu.html */
		
		#access .menu.JustifyMenu {/*display: table; position: relative; table-layout: auto; width: 100%;*/}
		#access .menu ul.AlignJustify{ 
			/*text-align:justify;
			display: table;
    		table-layout: fixed;*/
			display: table;
    		table-layout: fixed;
			position:relative;
		}
		#access .menu ul.AlignJustify li{
			text-align:center;
			display: table-cell;
			position:relative;
		}
		
		#access .menu ul.AlignJustify li ul{
			height: auto;
			position: relative;
			top: 100%;
			z-index: 1; 
			/*display: none;*/
		}
		/*#access .menu ul.AlignJustify li:hover ul { display:block;}*/
		
		
		#access .menu ul.AlignJustify li ul li{
			/*display: block;*/
			display: block;
			text-align:center;
		}
		
		#access .menu-header li, 
		div.menu .AlignJustify li {display: table-cell; float:none;}
		
		/* End of Justify Menu 
		-------------------------------------------------------------- */
		
		
		/* Primary Menu 
		-------------------------------------------------------------- */
		#access a {
			color: #AAAAAA; display: block; line-height: 30px; font-size:1.3em;
			padding: 0 10px; text-decoration: none;
		}
		#access ul ul { 
			display: none; float: left; left: 0; position: absolute;
			top: 30px; z-index: 99; min-width:600px;
		}
		#access ul li.current_page_ancestor ul{ display:block; margin-top:1px; }
		
		#access ul li.current_page_ancestor > #access .menu-header ul, div.menu ul{border-bottom:1px solid #999999;}
		#access ul li.current_page_ancestor > #access .menu-header ul, div.menu ul ul{ border-bottom:none;}

		
		#access ul ul li { float:left;}
		#access ul ul ul {left: 100%;top: 0;}
		#access ul ul a {height: auto;line-height: 1em;padding: 10px;}
		
		#access li:hover > a, 
		#access ul ul *:hover > a {
			color: #000;
		}
		
		#access ul li:hover > ul {/*display: block;*/ z-index: 999999; background-color:#f5f5f5; width:450px; margin-top:1px; }
		
		#access ul li.current_page_item > a, 
		#access ul li.current_page_ancestor > a, 
		#access ul li.current-menu-ancestor > a, 
		#access ul li.current-menu-item > a, 
		#access ul li.current-menu-parent > a {
			color: #000;
		}
		
		* html #access ul li.current_page_item a, 
		* html #access ul li.current_page_ancestor a, 
		* html #access ul li.current-menu-ancestor a, 
		* html #access ul li.current-menu-item a, 
		* html #access ul li.current-menu-parent a, 
		* html #access ul li a:hover {
			color: #AAAAAA;
		}
		
		
		
		/* Color select Menu ancestor */
		.single-artistes #access .page-item-18 a{ color:#000;}
		
		
		/* Vertical Menu 
		-------------------------------------------------------------- */
		#access .menu ul.Vertical{}
		#access .menu ul.Vertical li{ display:inline-block; width:100%;}
		#access .menu ul.Vertical li ul.children{ position:relative; display:block; top:0; }
			#access .menu ul.Vertical li ul.children li a{padding-left:15px;}
		
		
		#access ul.Vertical li:hover > ul,
		#access .menu ul.Vertical li.current_page_parent ul,
		#access .menu ul.Vertical li.current_page_ancestor ul{ display:block;}
		
		/* */
		
			
		
		
		/* Search Form
		-------------------------------------------------------------- */	
			#form input#submit, #form input#s{} 
			
			#form input#submit{
				border:0; cursor:pointer; text-indent:-9000px;
				background-image:url(images/Search.png); background-repeat:no-repeat;
				width:18px; height:18px;  background-color:transparent;
				position:absolute;
			}
			#form input#s{
				background-color:transparent; border:none;
				border-bottom:1px solid #ccc; padding-left:30px; height:20px; 
			}
			
@media screen and (max-width: 1300px) {
	#form input#s{width: 95%;}
	
}
			
			
		/* Breadcrump 
		-------------------------------------------------------------- */
		#BreadcrumbContainer{ width:100%; display:inline-block; background-color:pink;}
			#crumbs{}
			#crumbs span{display: inline-flex; margin-right:10px;}
			.CrumbDelimiter{}
			
		
	
	
		/* Comments 
		-------------------------------------------------------------- */
		.post-comments{ margin-top:20px;} 
		
		.comments-template{ /*border-top:2px solid pink;*/ margin:10px 0px;}
		.CommentsContainer{}
		
			#commentform{}
				p{ margin-bottom:10px;}
				p.CommentAutor{}
				p.CommentEmail{}
			
			/* h3 Title */
			#comments{} 
			/* h3 Title */
			#respond{}  
			.commentlist{}
				.commentlist li{}
			
					.commentmetadata{}
					.commentmetadata a{}
		
		
			.nocomments{}
	
			/* Form Errors 
			-------------------------------------------------------------- */
			input.error, textarea.error{
				/* border:1px solid red;*/ 
				background-color:#FFD1D6; 
				border:1px solid #ccc;
				padding:2px;
			}
			label.error{ color:red; display:none;}
	
	
		/* Artists
		-------------------------------------------------------------- */
	
		.PostHead{ height:70px;}
	
		.description{ 
			vertical-align:top;
			font-family: FrutigerLTPro-Black;
			font-style: normal;
			font-weight: normal;
			line-height: 1.4em; font-size:1.2em; margin-top:10px;
		}
	
		#ArtistList{ background-color:#fafafa; width:100%; padding-top:100px;}
			#ArtistList div{ border-bottom:1px solid #ccc; display:inline-table; margin-right:10px; width:200px;}
				#ArtistList li a{ text-transform:lowercase;} 
	
		.ArtistImage{ float:left; width:24%; margin-top:30px;}
			.ArtistImage img{
				/* CSS 3 - Drop Shadow */
				-moz-box-shadow: 3px 3px 6px #cccccc;
				-webkit-box-shadow: 3px 3px 6px #cccccc;
				box-shadow: 3px 3px 6px #cccccc;
			}
		
		
		.ArtistContent{ float:left; margin-left:5%; width:70%; margin-bottom:75px;}
			.ArtistContent .description{ font-style:italic; font-family:FrutigerLTPro-Light;}
			
			.TitreVernissage,
			.JourVernissage,
			.Heure{ float:left; margin-right:10px; margin-bottom:10px;}
			
			.ArtistBio{ text-align:justify; clear:both;}
			.WebsiteLink{}
			
			
		
			.ArtistExpo{}
				.ArtistExpoDate{width:100px; /*background-color:yellow;*/ float:left;}
				.ArtistExpoTitle{ float:left; width:100px;}
				.ArtistExpoPlace{float:left;}
				 
			#ArtistGallery{ display:block; clear:both; width:100%;}
				#ArtistGallery ul{ margin-top:10px;}
					#ArtistGallery ul li{ display:inline-block; margin-right:5px; margin-bottom:5px;}
		
						#ArtistGallery ul li a img{
							/* CSS 3 - Drop Shadow */
							-moz-box-shadow: 3px 3px 6px #cccccc;
							-webkit-box-shadow: 3px 3px 6px #cccccc;
							box-shadow: 3px 3px 6px #cccccc;
							
						}
						
						#ArtistGallery ul li a:hover{ 
							text-decoration:none;
						
							transition: opacity 0.35s ease-in-out 0s;
							/* Theoretically for IE 8 & 9 (more valid) */	
							/* ...but not required as filter works too */
							/* should come BEFORE filter */
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
							
							/* This works in IE 8 & 9 too */
							/* ... but also 5, 6, 7 */
							filter: alpha(opacity=50);
							
							/* Older than Firefox 0.9 */
							-moz-opacity:0.5;
							
							/* Safari 1.x (pre WebKit!) */
							-khtml-opacity: 0.5;
							
							/* Modern!
							/* Firefox 0.9+, Safari 2?, Chrome any?
							/* Opera 9+, IE 9+ */
							opacity: 0.5;

						}
	
	
	.single-artistes .description{ display:none;}

	@media screen and (max-width: 620px) {
		.ArtistContent, .ArtistImage{ width:100%;}
		.ArtistContent{ margin-left:0;}
		.ArtistImage{ margin-bottom: 5%;}
		.ArtistImage img{ width: 100%; height: auto;}
		
		.PostHead{ height: auto!important;}
		.PageContent h2{ margin-left:0;}
	}


	
		/* Slider 
		-------------------------------------------------------------- */
		#full-width-slider {
		  width: 100%;
		  color: #000;
		}
		.coloredBlock {
		  padding: 12px;
		  background: rgba(255,0,0,0.6);
		  color: #FFF;
		   width: 200px;
		   left: 20%;
		   top: 5%;
		}
		.infoBlock {
		  position: absolute;
		  top: 30px;
		  right: 30px;
		  left: auto;
		  max-width: 25%;
		  padding-bottom: 0;
		  background: #FFF;
		  background: rgba(255, 255, 255, 0.8);
		  overflow: hidden;
		  padding: 20px;
		}
		.infoBlockLeftBlack {
		  color: #FFF;
		  background: #000;
		  background: rgba(0,0,0,0.75);
		  left: 30px;
		  right: auto;
		}
		.infoBlock h4 {
		  font-size: 20px;
		  line-height: 1.2;
		  margin: 0;
		  padding-bottom: 3px;
		}
		.infoBlock p {
		  font-size: 14px;
		  margin: 4px 0 0;
		}
		.infoBlock a {
		  color: #FFF;
		  text-decoration: underline;
		}
		.photosBy {
		  position: absolute;
		  line-height: 24px;
		  font-size: 12px;
		  background: #FFF;
		  color: #000;
		  padding: 0px 10px;
		  position: absolute;
		  left: 12px;
		  bottom: 12px;
		  top: auto;
		  border-radius: 2px;
		  z-index: 25; 
		} 
		.photosBy a {
		  color: #000;
		}
		.fullWidth {
		  max-width: 1400px;
		  margin: 0 auto 24px;
		}
		
		@media screen and (min-width:960px) and (min-height:660px) {
		  .heroSlider .rsOverflow,
		  .royalSlider.heroSlider {
			  height: 250px !important;
		  }
		}
		
		@media screen and (min-width:960px) and (min-height:1000px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider {
				height: 250px !important;
			}
		}
		@media screen and (min-width: 0px) and (max-width: 800px) {
		  .royalSlider.heroSlider,
		  .royalSlider.heroSlider .rsOverflow {
			height: 250px !important;
		  }
		  .infoBlock {
			padding: 10px;
			height: auto;
			max-height: 100%;
			min-width: 40%;
			left: 5px;
			top: 5px;
			right: auto;
			font-size: 12px;
		  }
		  .infoBlock h3 {
			 font-size: 14px;
			 line-height: 17px; 
		  }
		}