@media only screen and ( min-width: 315px ) {  

#triangle-top {  border-top:160px solid; }

}		
 

@media only screen and ( min-width: 320px ) {    

/* Pages Partenaires */  
#main ul.partenaires {margin-left:-2.5%} 
#main ul.partenaires li { width:46%; margin: 0 0 35px 2.5%}  

}
 

@media only screen and ( min-width: 405px ) {  

#triangle-top {  border-top:115px solid; }

}	
 

@media only screen and ( min-width: 480px ) {   

/* Agenda */
#main ul.eo-events { margin:0 0 0 -5.405405405405405%; }  
#main ul#eo-events-programmations { margin:0 0 0 -2.405405405405405%;} 
#main ul.eo-events li { float:left; margin-left:5.405405405405405%;width:44.5945945945946%}  /* 2 cols */ 
#main ul#eo-events-programmations li { margin-left:2.405405405405405%; width:47.5945945945946% }  

/* Pages Partenaires */  
#main ul.partenaires li { width:30%; } 

/* Page Collection */
#main ul.collection{ margin:0 0 0 -2.777777777777778%; }  
	#main ul.collection li , ul.collection li { float:left; margin-left:2.777777777777778%; width:47.2%; } 
	
#main .title ul.collection{ margin:20px 0 0 -30px; }  
	#main .title ul.collection li , ul.collection li { float:left; margin-left:30px; width:calc(25% - 30px)}  

}
 

@media only screen and ( min-width: 640px ) {  

#top { text-align: right} 

body { font-size:17px; }  

.singular-event .entry-intro { font-size: 18px; line-height: 23px; }

/* Page Artistes */
.archive-artiste #content>ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; 
-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}

.singular-projet #main ul.collection { margin: 0 0 35px -30px; padding:0 120px 0 0; } 
.singular-projet #main ul.collection li{ margin-left:30px; }  

}
 

@media only screen and ( min-width: 680px ) {  

#triangle-top {  border-top: 85px solid; }

}
 
@media only screen and ( max-width: 767px ) {   
	
.hide-for-small { display: none!important }

}
 

@media only screen and ( min-width: 768px ) {   
	
.hide-for-large { display: none!important }
	
/* Wraps */
#header > .wrap,
#main > .wrap,
#main article .wrap,
header.title + .wrap,
#widget-front-une> .wrap,
#widget-front-zooms> .wrap,
#widget-front-artistes> .wrap,
#widget-projets > .wrap ,
header.title>.wrap,
#main .title .wrap,
.archive-page-content-header .wrap { padding-left: 95px; padding-right: 95px; max-width: 1240px;  }  
#top > .wrap,
#footer > .wrap{ padding-left: 25px; padding-right:25px; }  
	
.sidebar-col-2 .widget,  .sidebar-col-3 .widget { width: 47.5%; }
.ltr .sidebar-col-2 .widget,  .ltr .sidebar-col-3 .widget { float: left; margin-right: 5%; }
.rtl .sidebar-col-2 .widget,  .rtl .sidebar-col-3 .widget { float: right; margin-left: 5%; }
.sidebar-col-2 .widget:nth-child( 2n ),  .sidebar-col-3 .widget:nth-child( 2n ) { margin-right: 0; margin-left: 0; }
.sidebar-col-2 .widget:nth-child( 2n + 1 ),  .sidebar-col-3 .widget:nth-child( 2n + 1 ) { clear: both; } 

#header { margin-top:-35px } 

#branding { float: left; margin-left:-45px }

#menu-main-menu { width:calc(100% - 195px); float: right; text-align:right; margin: 70px 0 55px 0; display:block}
	#menu-main-menu li {display: inline-block; }
	#menu-main-menu>ul>li {  margin-bottom:10px; margin-left:0} 
	#menu-main-menu>ul>li a { margin-left:2px; }
		#menu-main-menu ul ul {position : absolute; z-index:2000;margin:0; top: 30px; text-align: right; right:-15px; padding:15px; min-width:195px; height: auto;opacity: 0; visibility: hidden; }
		#menu-main-menu li:hover > ul,  #menu-main-menu li:focus > ul, #menu-main-menu li.focus > ul { opacity: 1; visibility: visible; max-height:1000px; padding-bottom:10px;  }

		#menu-main-menu li.current-menu-ancestor > ul,
		#menu-main-menu li.current-menu-parent > ul,
		#menu-main-menu li.current-menu-item > ul { visibility: hidden; }
		
				
			#menu-main-menu li.current-menu-ancestor:hover > ul,
			#menu-main-menu li.current-menu-parent:hover > ul ,
			#menu-main-menu li.current-menu-item:hover > ul,
			#menu-main-menu li.current-menu-ancestor:focus > ul,
			#menu-main-menu li.current-menu-parentfocus > ul,
			#menu-main-menu li.current-menu-item:focus > ul,
			#menu-main-menu li.current-menu-ancestor.focus > ul,
			#menu-main-menu li.current-menu-parent.focus > ul
			#menu-main-menu li.current-menu-item.focus > ul { visibility: visible; }

#menu-main-menu li a::after { content: '\f431'; display: inline-block; margin: -2px 0 0; font: normal 14px/1 'Genericons'; vertical-align: middle; -webkit-font-smoothing: antialiased;  padding-left:3px; }
#menu-main-menu li a:only-child::after { content: ''; }
#menu-main-menu li li > a::after { position: absolute; vertical-align: middle; margin: 3px 0 0; right: 5px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } 

/* Pages Infos */ 
.page-template-informations #content { -webkit-columns: 2; -moz-columns: 2; columns: 2; 
-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
	.page-template-informations #content .entry {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

/* Pages Partenaires */  
#main ul.partenaires li { width:21.9%; } 

.archive-artiste #content>ul { -webkit-columns: 3; -moz-columns: 3; columns: 3; }
.singular-projet #main ul.collection li .entry-hover .buttonspan.alt3 { display: inline-block; margin-bottom:10px;}
.cycle-slideshow.collection .entry-hover .buttonspan>span,
.widget-front-artistes .entry-hover .buttonspan>span{ display: inline-block!important; margin-left:5px }

}


@media only screen and ( min-width: 1024px ) { 
	
#sidebar-right { width: 31.66666666666667%; max-width: 100%; margin-left:5% }

.layout-2c-l #content, .layout-2c-r #content,
.singular-post #content,
.singular-event #content,
.singular-projet #content,
.search #content{ width: 63.33333333333333%; } 

.layout-2c-l #content,  .layout-2c-r #sidebar-right,
.singular-post #content, 
.singular-event #content,
.singular-projet #content,
.search #content{ float: left; }
.layout-2c-r #content,  .layout-2c-l #sidebar-right,
.singular-post #sidebar-right,
.singular-event #sidebar-right,
.archive-event #sidebar-right,
.taxonomy-event-tag #sidebar-right,
.singular-projet #sidebar-right,
.search #sidebar-right  { float: right; } 

/* Colonnes */
.col-2, .col-3,.col-4,.col-5,.col-6 { float:left; margin-bottom:0}
.col-2.last, .col-3.last,.col-4.last,.col-5.last,.col-6.last { margin-right:0}

.col-2 { width:48.5%; margin-right:3%} 

.col-4 {width: 31.66666666666667%; margin-right:5%} 

.col-5 { width:18.47619047619048%; margin-right:1.904761904761905%} 

.col-6 { width: 63.33333333333333%; margin-right:5%} 

.singular-event header.title .col-2,
.singular-projet header.title .col-2 { float: right; margin-left:3%; margin-right:0}
.singular-event header.title .col-2.last,
.singular-projet header.title .col-2.last { margin-left:0}

#widget-front-zooms .col-2 { width:47%; margin-right:6%}
#widget-front-zooms .col-2.last { margin-right:0}  

.front-une-color{ position:absolute; left:0; width:50%; height:100% }

/* Agenda */  
#main ul.eo-events li { width:27.92792792792793% }  /* 3 cols */  
#main ul#eo-events-programmations li {width:30.92792792792793%  }  

/* Pages Billetteries */ 
.page-template-informations .gutter,
.page-template-2cols .gutter{ display:block; background-color:#FFF; width:2.5%; height:calc(100% + 75px); position:absolute; top: -35px; left: 48.5%; bottom:-40px}
.page-template-informations .col-2>.padding,
.page-template-2cols .col-2>.padding{ padding-right:60px}
.page-template-informations .col-2.last>.padding,
.page-template-2cols .col-2.last>.padding{ padding-right:0; padding-left:60px}

/* Pages Partenaires */  
#main ul.partenaires li { width:13.5%; }  

/* Page Artistes */
.archive-artiste #content>ul { -webkit-columns: 4; -moz-columns: 4; columns: 4; }

/* Page Collection */ 
#main ul.collection li , ul.collection li { width:30.55555555555556%; } 
#main .title ul.collection li , ul.collection li {width:calc(25% - 30px)}  

.wp-caption .wp-caption-text { padding: 4px 35px 6px 35px; left:-30px; }
.wp-caption .wp-caption-text:before{ border-width: 0 0 25px 30px; }	
	   
}  


@media only screen and ( min-width: 1235px ) { 

#menu-main-menu { margin: 110px 0 55px 0; }
#menu-main-menu ul ul { text-align:left; right:auto; left:-15px }
	   
}  


@media only screen and ( min-width: 1280px ) {  

#triangle-top { border-left: 2950px solid transparent; }  

#triangle-footer { border-right: 2950px solid transparent; }
	   
}