/*
Theme Name: Yangon Festival
Author: La Confiserie
*/


/* COLORS
-------------------------------------------------------------- */
/* 
Jaune : #F5C53D; 
Vert : #84BF74; 
Bleu : #75CCDB; 
Rouge : #E8554E;
*/


/* GLOBAL
-------------------------------------------------------------- */

body {
	background: #EFEDE7;
	width: 100%;
}

p, ul, ol, table {
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 0.9em;
	line-height: 20px;
	margin: 10px 0px;
}

ul li{
	margin: 0;
	margin-left: 30px;
	margin-bottom: 5px;
	list-style-type: square;
}

ul li p {
	font-size: 12px;
	margin-top: 5px;
}

ol li{
	margin: 0;
	margin-bottom: 5px;
	margin-left: 30px;
}

a {
	text-decoration: none;
	color:#84BF74;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover {
	color:#E8554E;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type="submit"] {
	background: #75CCDB;
	color: #fff;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	border: none;
	text-shadow:none;
	margin-top: 0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
input[type="submit"]:hover {
	background: #84BF74;
	color: #fff;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	border: none;
	text-shadow:none;
}

/* STRUCTURE + HEADER
-------------------------------------------------------------- */
#global-header {
	width: 100%;
	position: fixed;
	top:0;
	z-index: 4000;
}

#wrapper {
	position: relative;
	z-index: 3000;
	top: 133px;
}

.border-site {
	width: 100%;
	height: 3px;
	background: url('images/border.jpg') left center repeat-x;
}
.bg-top-site {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 40px;
	background: #333;
	background-color:#303030;
	background-image:-moz-linear-gradient(top,#303030,#1b1b1b); 
	background-image:-o-linear-gradient(top,#303030,#1b1b1b); 
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#303030),color-stop(1,#1b1b1b)); 
	background-image:-webkit-linear-gradient(#303030,#1b1b1b); 
	background-image:linear-gradient(#303030,#1b1b1b);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#303030',EndColorStr='#1b1b1b');
}

#header {
	position: relative;
	width: 100%;
	height: 90px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.logo {
	margin: 0;
position:relative;
top:-3px;
}

.logo img {
	padding-top: 0px;
}


/* NAVIGATION
-------------------------------------------------------------- */

/* Menu Haut 
------------------- */
.menu-menu-annexe-container ul li{
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
}

.menu-menu-annexe-container ul li a {
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 13px;
	padding-right: 20px;
	display: block;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.menu-menu-annexe-container ul li a:hover {
	color: #F5C53D;
}

.fb {
	display: block;
	float: right;
	margin-top: 10px;
	width: 20px;
	height: 20px;
	background: url('images/facebook.png') top center no-repeat;
	text-indent: -9999px;
}
.fb:hover {
	background: url('images/facebook.png') bottom center no-repeat;
}

/* Menu Principal
------------------- */

#access {
}

#access ul {
	float: right;
}

#access .menu-menu-container ul li{
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
}
#access a {
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #F5C53D;
	font-size: 12px;
	display: block;
	margin-top: 22px;
	padding: 13px 15px 27px 15px;
	margin-left: 1px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#access .menu-2 a{background: #84BF74;}
#access .menu-3 a{background: #75CCDB;}
#access .menu-4 a{background: #E8554E;}
#access .menu-5 a{background: #96744D;}
#access .menu-6 a{background: #E8554C;}
#access .menu-7 a{background: #68554A;}
#access .menu-8 a{background: #38754B;}
#access .menu-contest a {background: #e67e22;}

#access li:hover > a {
	color: #333;
	background: #E7E7e7;
	padding-top: 20px;
}

#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #333;
	background: #EFEDE7;
	padding-top: 20px;
}


/* HOME
-------------------------------------------------------------- */

.sliderWrapper {
	margin: 0 auto;
	margin-top: 0px;
	width: 940px;
	height: 400px;
	overflow: hidden;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.bloc-une {
	margin-top: 15px;
}
.bloc-une .one-third.column {
	padding-bottom: 10px;
height:345px;
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.bloc-une .image-actu {
	margin: 0;
	padding: 0;
}

.bloc-une .titre-actu {
	font-size:18px;
	line-height:22px;
padding:7px 0;
	text-align: center;
	color: #75CCDB;
}
.bloc-une .texte-actu {
	padding: 0 20px;
	text-align: center;
}

.presentation .sixteen.columns{
	margin-top: 15px;
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}

.texte-presentation {
		padding: 10px 20px;
}

.presentation h3 {
	font-size:18px;
	color: #75CCDB;
}

.footer-home {
margin-top:10px;
	background: #84BF74;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}

.footer-home-content {
	padding:10px 20px;
}
.footer-home-content p, .footer-home-content p strong{
	color:#fff;
}
.partenaire {
	margin-top:15px;
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.partenaire p{
	padding-left:10px;
	margin:0;
	margin-top:7px;
}

/* PAGE
-------------------------------------------------------------- */
.page {
	margin-top: 20px;
}
.page h1 {
	font-size: 18px;
}
.page h2 {
	font-size: 18px;
	color: #75CCDB; 
}
.bloc-page {
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.content-page {
	padding: 10px 20px;
}
.titre-page {
	color: #fff;
	background: #F5C53D;
	margin-bottom: 0;
	padding: 0 20px;
	display: inline-block;*display: inline;zoom:1;
	line-height: 40px;
}
.titre-21 {
	background: #75CCDB; 
}
.titre-23 {
	background: #E8554E;
}

/* EXHIBITIONS
-------------------------------------------------------------- */
.exhibitions ul li{
	margin-bottom: 10px;
	height: 200px;
	overflow: hidden;
	list-style-type: none;
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}

.exhibitions .description {
	padding: 10px 20px 10px 10px;
}
.exhibitions .description h2{
	margin-bottom: 0;
	font-size: 20px;
}
.exhibitions .description h2 span{
	font-family: 'Merriweather', Georgia, Times, serif;
	font-size: 14px;
	font-style: italic;
	color:#F5C53D; 
}

/* PHOTOS ESSAYS
-------------------------------------------------------------- */

.photo-essays ul.sixteen.columns {
	margin-top: 0;
}
.photo-essays ul li{
	margin: 0;
	list-style-type: none;
	margin-bottom: 15px;
}

.photo-essays ul li a{
	display: block;
	height: 250px;
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.photo-essays ul li a:hover{
	background: #f7F7F7;
	-moz-box-shadow: 1px 1px 20px -5px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -5px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -5px #9b9b9b;
	box-shadow: 1px 1px 20px -5px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.photo-essays .description {
	text-align: center;
	padding: 10px 10px 0 10px;
}
.photo-essays .description h2{
	margin: 0;
	line-height: 24px;
}
.photo-essays .description p{
	font-family: 'Merriweather', Georgia, Times, serif;
	font-size: 14px;
	font-style: italic;
	color:#aaa;
}
.photo-essays .presentation-photo-stories {
	margin-bottom:15px;
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}

/* EVENTS
-------------------------------------------------------------- */

.events .jour {
	background: #F5C53D;
	color: #fff;
	display: inline-block;*display: inline;zoom:1;
	width: 920px;
	margin-left: 10px;
	padding-left: 20px;
}
.events ul {
	margin-top: 0;
	margin-bottom: 20px;
}
.events ul li {
	margin: 0;
	list-style-type: none;
}

.titre-events {
	position: relative;
	display: block;
	cursor: pointer;
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
	overflow: hidden;
	margin-bottom: 10px;
	width: 940px;
	height: 100px;
	margin-left: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.titre-events:hover {
	background: #E8554E;
}
.titre-events:hover > h2 {
	color:#fff;
}
.titre-events:hover > h2 span{
	color:#000;
}
.titre-events-none {
	position: relative;
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
	overflow: hidden;
	margin-bottom: 10px;
	width: 940px;
	height: 100px;
	overflow: hidden;
	margin-left: 10px;
}
.presentation-events {
	background: #fff;
	margin-right: 10px;
	float: right;
	width: 700px;
	margin-bottom: 10px;
	padding: 10px 20px;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.image-events {
	background: #ccc;
	width: 200px;
	height: 100px;
	float: left;
	margin-right: 20px;
}
.titre-events h2, .titre-events-none h2, .presentation-events h2 {
	line-height: 26px;
	padding-top: 22px;
}
.titre-events h2 span,.titre-events-none h2 span, .presentation-events h2 span{
	font-family: 'Merriweather', Georgia, Times, serif;
	font-size: 14px;
	font-style: italic;
	color:#aaa;
}
.open, .close {
	position: absolute;
	right:0px;
	top:30px;
	margin: 0;
}

/* SINGLE
-------------------------------------------------------------- */
.single {
	margin-top: 20px;
	overflow: hidden;
}
.single .two-thirds.column {
	background: #fff;
	min-height: 110px;
	width: 580px;
	padding: 20px;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.single .two-thirds.column h3{
	font-size: 24px;
	color:#75CCDB;
}
.single .one-third.column {
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.single .one-third.column p {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 150px;
	overflow: hidden;
}

/* FOOTER
-------------------------------------------------------------- */

p.credit {
	margin-bottom: 15px;
	text-align: right;
	font-size: 11px;
}

p.credit a{
	color: #666;
}
p.credit a:hover{
	color: #E8554E;
}

/* CONTACT
-------------------------------------------------------------- */

form {
	margin-top: 20px;
}

.wpcf7-text, textarea, .wpcf7-captchar,
.wpcf7 input[type=text] {
  padding: 5px 5px 5px 10px;
  margin-top: 5px;
  width:565px;
  border:0;
  background-color:#eee;
  font-family:Helvetica, Arial, sans-serif;
}

textarea {
height:150px;
font-size:11px; 
}

.wpcf7 h4 {
font-family:'Open Sans', Helvetica, Arial, sans-serif;
font-size:12px;
text-transform: uppercase;
color: #E8554E;
font-weight: 700;
line-height: 14px;
}

form h4 span {
	text-transform: none;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}


/* CONTEST
-------------------------------------------------------------- */

.agree .gfield_required {display: none;}

.liste-contest {
	margin: 0;
	list-style-type: none;
}
.liste-contest li {
	margin-left: 20px;
	margin-bottom: 20px;
	list-style-type: none;
	float: left;
}
.liste-contest li a {
	display: block;
	width: 210px;
	height: 160px;
	background: #F1F1F1;
}
.liste-contest li a:hover {
	background: #E9E9E9;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
}
.liste-contest li a h4 {
	color: #75CCDB;
	padding: 5px 15px;
	font-size: 16px;
	line-height: 20px;
}
.liste-contest li a:hover > h4 {
	color:#75CCDB;
}
.image-contest {
	margin: 0;
	text-align: center;
}

.bouton-post-contest a {
	display: block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	background: #75CCDB;
	padding: 15px;
	font-size: 18px;
	margin: 20px 0;
}
.bouton-post-contest a:hover{
	background: #84BF74;
}
.single-contest {
	background: #fff;
	-moz-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-webkit-box-shadow: 1px 1px 20px -10px #9b9b9b;
	-o-box-shadow: 1px 1px 20px -10px #9b9b9b;
	box-shadow: 1px 1px 20px -10px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=20);
	position: relative;
}
.padding {
	padding: 20px;
}
.single-contest h3 {
	font-size: 20px;
	color: #84BF74;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.single-contest h4 {
	font-size: 14px;
	margin-bottom: 10px;
}
.fb-contest {
	position: absolute;
	top:80px;
	right: 20px;
	z-index: 9999;
	overflow: hidden;
}
.back-contest {
	display: block;
	text-align: center;
	color: #75CCDB;
	font-size: 13px;
	position: absolute;
	top:30px;
	right: 0px;
	width: 200px;
}