@media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}
body {font-family:Roboto,Arial,sans-serif !important;font-size:11px;font-weight:400;text-decoration:none;}
body,input,select,textarea{font-family:'Open Sans';}
	/* Outer */
	.popup {
	    width:100%;
	    height:100%;
	    display:none;
	    position:fixed;
	    top:0px;
	    left:0px;
	    background:rgba(0,0,0,0.75);
	    z-index: 99999;
	}
	 
	/* Inner */
	.popup-inner {
	    max-width:700px;
	    width:90%;
	    padding:40px;
	    position:absolute;
	    top:50%;
	    left:50%;
	    -webkit-transform:translate(-50%, -50%);
	    transform:translate(-50%, -50%);
	    box-shadow:0px 2px 6px rgba(0,0,0,1);
	    border-radius:3px;
	    background:#fff;
	}
	 
	/* Close Button */
	.popup-close {
	    width:30px;
	    height:30px;
	    padding-top:4px;
	    display:inline-block;
	    position:absolute;
	    top:0px;
	    right:0px;
	    transition:ease 0.25s all;
	    -webkit-transform:translate(50%, -50%);
	    transform:translate(50%, -50%);
	    border-radius:1000px;
	    background:rgba(0,0,0,0.8);
	    font-family:Arial, Sans-Serif;
	    font-size:20px;
	    text-align:center;
	    line-height:100%;
	    color:#fff;
	}
	 
    #intro { background-color: #ddd; }
	.popup-close:hover {
	    -webkit-transform:translate(50%, -50%) rotate(180deg);
	    transform:translate(50%, -50%) rotate(180deg);
	    background:rgba(0,0,0,1);
	    text-decoration:none;
	}


	.box-infos  { background-color: #fff; padding: 2em;}
	.box-agenda { background: whitesmoke; text-align: center; padding-top: 1em; }
	.box-agenda h3 { color: #d00355; }
	.portfolio-item h3 { color: #d00355; margin: 0 0 1em 0;}
	.portfolio-container img { 
		height: 100%;
		max-height: 300px;
		width: 100%; 
	}
    #courts .portfolio-container img { 
        max-height: 16em;
    }
	.portfolio-container .portfolio-item {
		height: 292px;
		margin-bottom: 4em;
		position: relative;
	}

	.single-portfolio .image-container, .single-portfolio .video-container, .single-portfolio .gallery-container {margin-top: 0;}
	.box-agenda img { /*width:100px; height: 100px;*/ margin-top: 1em; border: 10px solid #fff; max-height: 132px; width:100%;}
	.box-agenda hr { margin: 2em 0.5em 1em 1em; width: 90%; float: none; }
	.feature-box { margin-bottom: 2em;}
	nav { border-bottom: 2px dotted #000;}
	.site-title { display: none;}
	.fond{ background-image: url(../img/fond.jpg); background-size: cover; background-repeat: no-repeat; background-position: 0 12px;}
	.logo img { position: absolute; top: 0; left: 0;width: 316px;}
	.get-started { position: absolute; bottom: 4em; right: 2em;}
	.portfolio .container { color: #FFF;}
	#logos-partenaires { position: absolute; top: 60px; left: 19px;}
	/*#logos-partenaires li { display: inline-block; }*/
	#logos-partenaires ul { margin: 0; padding:0;}
	#logos-partenaires li img { width: 60px; max-height:100px; vertical-align: baseline;}

	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px)  {
		/*.logo { 283px; }*/
	}

	@media only screen 
	and (min-device-width : 375px) 
	and (max-device-width : 667px) { 
		.logo {display:none;}
	}

	@media only screen and (max-width : 320px) {
	/* Styles pour cette Media Queries */
		.logo {display:none;}
		#intro { min-height: 400px;}
	        #logos-partenaires { display: none !important; }
		.fond {
			background-image: url(../img/fond.jpg);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: -60px 10px;
		}
	}

	#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
ul { list-style-type: none; }
body {
    line-height: 1;
    color: #555;
    font: 13px/24px "Open Sans", Helvetica, Arial, sans-serif;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    cursor: hand!important;
}
hr {
    background: #e1e1e1;
    margin: 40px 0 40px 0;
    height: 1px;
    border: 0;
    width: 100%;
    float: left;
}
hr.fancy-hr, hr.fancy-hr-alt {
    position: relative;
    float: left;
}
hr.fancy-hr:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 1px;
    background: #d00355;
    display: block;
}
hr.fancy-hr-alt:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 1px;
    background: #d00355;
    display: block;
}
a, a>* {
    color: #d00355;
    text-decoration: none;
    -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, padding .3s ease;
}
.desktop a:hover, .desktop a>*:hover {
    color: #363636;
    text-decoration: none;
}
a.logo {
    margin: 15px 0 0 20px;
    float: left;
}
nav#main-nav {
    border-bottom: 1px dotted #000;
}
nav#main-nav ul {
    float: right;
    margin-right: 10px;
}
nav#main-nav ul li {
    float: left;
    display: inline-block;
    line-height: 14px;
}
nav#main-nav ul li a {
    color: #333;
    text-transform: uppercase;
    padding: 20px 20px;
    display: inline-block;
}
nav#main-nav ul li a.active {
    color: #d00355;
}
.sub-menu-selection {
    position: absolute;
    margin: 2px 0 0 0;
    padding: 8px 0 0 20px;
    background-color: #fff;
}
nav#main-nav ul.sub-menu-selection li a  {
color: #333;
text-transform: uppercase;
padding: 6px 2px;
display: inline-block;
}

#main-nav #responsive-nav {
    display: none;
    float: right;
    width: 50px;
    height: 50px;
    background: #333;
    text-align: center;
    line-height: 50px;
}
.desktop #main-nav #responsive-nav:hover i {
    color: #fff;
}
#main-nav .responsive-nav {
    margin-bottom: 20px;
    padding: 10px;
}
#edito .bx-viewport { max-height: 210px; }
section {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 50;
    overflow: auto;
    background: #f2f2f2;
    -webkit-overflow-scrolling: touch;
}
section .container {
    padding-top: 150px;
}
section>.container {
    padding-bottom: 80px;
}
.intro {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background.jpg',  sizingMethod='scale')";
    text-align: center;
    padding-top: -50px;
}
.mobile .intro {
    background-attachment: scroll;
}
.intro h1 {
    font-size: 60px;
    color: #111;
    margin-bottom: 0;
    line-height: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 700;
}
.intro h1 span {
    color: #d00355;
}
.intro h2 {
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
.get-started {
    position: fixed;
    /*margin: 50px auto 0 auto;*/
    display: block;
    text-align: center;
    width: 130px;
    padding: 10px 5px;
    background-color: #d00355;
    color: #fff;
    bottom: 0.5em;
    right: 1.5em;
}
.get-started i {
    color: #111;
    margin-left: 10px;
}
.date-festival {
    background-color: #000;
    color: #fff;
    padding: 10px;  
    width: 20%
}
.desktop .get-started:hover {
    color: #fff;
    background: #111;
}
.desktop .get-started:hover i {
    color: #d00355;
}
.features .feature-box .box-content {
    background: white;
    padding: 30px;
    text-align: center;
}
.features .feature-box .box-content .feature-icon {
    font-size: 50px;
    color: #d00355;
    margin-bottom: 10px;
    display: inline-block;
}
.features .feature-box .box-content h4 {
    margin-bottom: 10px;
    color: #111;
}
.features .feature-box .box-content p {
    color: #555;
}
.features-list .feature-box .feature-icon {
    float: left;
    margin-top: 15px;
}
.features-list .feature-box .feature-icon i {
    font-size: 20px;
    color: #111;
}
.features-list .feature-box .feature-text {
    padding-left: 40px;
}
.features-list .feature-box .feature-text h3 {
    margin-bottom: -7px;
    color: #d00355;
}
.accordion-toggle {
    background: #ebebeb;
}
.accordion-toggle i {
    color: #111;
    padding-right: 10px;
}
.accordion-body {
    background: #fff;
}
.portfolio-filter {
    margin-top: 10px;
    margin-bottom: 15px;
}
.portfolio-filter li {
    float: left;
    margin-right: 20px;
}
.portfolio-filter li a.selected {
    color: #333;
}
.portfolio-container .portfolio-item {
    margin-bottom: 4em;
    position: relative;
    /*height: 196px;*/
}
.portfolio-container .portfolio-item img {
    border: 10px solid #fff;
}


.portfolio-container .portfolio-item center {
    margin-top: 1em; 
}

.portfolio-container .portfolio-item img, .fancybox img {
    display: block;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.portfolio-container .portfolio-item i, .fancybox i {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: 40px;
    margin-left: -15px;
    margin-top: -15px;
    color: #333;
}
.fancybox i {
    color: #fff;
}
.desktop .portfolio-container .portfolio-item:hover img, .desktop .fancybox:hover img {
    -ms-filter: "alpha(opacity=30)";
    filter: alpha(opacity=30);
    opacity: .3;
}
.desktop .portfolio-container .portfolio-item:hover i, .desktop .fancybox:hover i {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-portfolio {
    position: absolute;
    top: 0;
    display: none;
    margin-top: 0;
    background: #333;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}
.single-portfolio .container {
    padding-bottom: 100px;
}
.single-portfolio .portfolio-close {
    position: absolute;
    right: 20px;
    top: 65px;
    font-size: 50px;
    color: #444;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
.desktop .single-portfolio .portfolio-close:hover i {
    color: #666!important;
}
.single-portfolio h2 {
    color: #f2f2f2;
}
.single-portfolio p {
    color: #999;
}
.single-portfolio .image-container, .single-portfolio .video-container, .single-portfolio .gallery-container {
    position: relative;
    display: block;
    margin-top: 0px;
    width: 100%;
    height: auto;
}
.single-portfolio .gallery-container {
    min-height: 300px;
}
.single-portfolio .video-container .fullwidth-video {
    width: 100%;
    min-height: 300px;
}

#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: none;
}
#map img {
    max-width: none;
}
.contact-info {
    background: #fff;
    padding: 40px;
    position: relative;
    z-index: 100;
    margin-bottom: 30px;
}
.social {
    padding: 40px;
    background: #fff;
    z-index: 100;
    position: relative;
}
.social .fancy-hr {
    margin-top: 10px;
    margin-bottom: 20px;
}
.social ul {
    display: inline-block;
}
.social ul li {
    float: left;
    margin-right: 10px;
}
form.contact-form {
    background: #fff;
    padding: 40px;
    position: relative;
    z-index: 50;
}
form.contact-form textarea {
    height: 140px!important;
}
.form-error {
    background: #fcdcdc!important;
}
.blog {
    width: 100%;
    height: auto;
}
.post {
    position: relative;
    margin-bottom: 60px;
}
.post hr {
    margin: 10px 0 20px 0;
}
.post .post-title {
    margin-bottom: 10px;
}
.post .post-title h2 {
    margin-bottom: 0;
}
.post .post-title h2 a {
    color: #111;
}
.desktop .post .post-title h2 a:hover {
    color: #d00355;
}
.post .post-meta {
    margin-bottom: 20px;
}
.post .post-meta .post-meta-date, .post .post-meta .post-meta-category, .post .post-meta .post-meta-tags, .post .post-meta .post-meta-comments {
    margin-right: 30px;
    display: inline-block;
    font-style: italic;
}
.post .post-meta i {
    margin-right: 10px;
    color: #cbcbcb;
}
.post .post-media {
    margin-bottom: 20px;
}
blockquote{
    border-left: 1px solid #d00355;
    font-size: 14px;
    font-style: italic;
    padding: 15px 20px 15px 20px;
    color: #111;
    background: #ebebeb;
    margin-bottom: 10px;
    quotes: "«" "»";
}
blockquote::before {
    content: open-quote;
}
blockquote::after {
    content: close-quote;
}
.pager a {
    border: none!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background: #ebebeb!important;
}
.desktop .pager a:hover {
    background: #d00355;
}
.pager .disabled a {
    background: transparent!important;
}
.desktop .pager .disabled a:hover {
    background: transparent!important;
}
.pager .previous {
    float: left;
}
.pager .next {
    float: right;
}
.pagination {
    clear: both;
    position: relative;
}
.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 4px 2px 0;
    padding: 4px 12px;
    width: auto;
    color: #666;
    background: #c2c2c2;
}
.desktop .pagination span:hover, .desktop .pagination a:hover {
    background: #333;
}
.pagination .page-info {
    background: 0;
    font-style: italic;
    padding-left: 0;
}
.desktop .pagination .page-info:hover {
    background: 0;
}
.pagination .current {
    background: #d00355;
    color: #fff;
}
.desktop .pagination .current:hover {
    background: #d00355;
}
.widget {
    margin-bottom: 50px;
}
.widget h3 {
    padding-bottom: 6px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e1e1e1;
}
.widget_search #s {
    background: #e1e1e1!important;
}
.desktop .widget_search #s:hover {
    background: #d7d7d7!important;
}
.widget_search input[type=submit] {
    display: none;
}
.widget_categories ul {
    color: #a1a1a1;
}
.widget_categories ul li, .widget_archive ul li {
    position: relative;
    padding-left: 10px;
}
.widget_categories ul li:before, .widget_archive ul li:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.widget_categories a, .widget_archive a {
    margin-right: 10px;
}
.tagcloud a {
    background: #e1e1e1;
    padding: 6px 10px;
    display: inline-block;
    color: #959595;
    cursor: pointer;
    margin: 0 3px 3px 0;
    float: left;
}
.desktop .tagcloud a:hover {
    color: #fff;
    background: #d00355;
}
#comments-title span {
    color: #111;
}
.commentlist {
    list-style: none;
}
.commentlist .fn {
    font-style: italic;
}
.commentlist .commentmetadata {
    margin-bottom: 10px;
}
.commentlist .commentmetadata a {
    font-style: italic;
    color: #999;
    font-size: 11px;
}
.commentlist .reply a {
    background: #fff;
    text-shadow: none!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    color: #c2c2c2!important;
    padding: 4px 8px;
    font-weight: normal;
}
.desktop .commentlist .reply a:hover {
    background: #d00355;
    color: #fff!important;
}
.commentlist .bypostauthor>.comment-body>.comment-author img {
    border-left: 2px solid #d00355;
}
.comment-notes {
    margin-bottom: 20px;
}
.form-horizontal .controls {
    margin-left: 0;
    float: left;
}
.form-horizontal .comment-form-comment .controls {
    width: 100%}
.form-horizontal .controls input, .form-horizontal .controls textarea {
    background: #e1e1e1!important;
    width: 100%!important;
    margin-bottom: 0!important;
}
.desktop .form-horizontal .controls input:hover, .form-horizontal .controls input:focus, .desktop .form-horizontal .controls textarea:hover .form-horizontal .controls textarea:focus {
    background: #d7d7d7!important;
}
.form-horizontal .control-label {
    float: left;
    text-align: left;
    margin-left: 10px;
}
.required {
    color: #d00355;
}
.form-horizontal button {
    text-transform: none;
    width: auto;
    margin-top: 20px;
    font-style: normal;
    font-weight: normal;
    background: #d00355;
    color: #fff!important;
    cursor: pointer;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    border: none!important;
    padding: 6px 10px!important;
    -webkit-transition: background-color .3s ease, color .3s ease!important;
    -moz-transition: background-color .3s ease, color .3s ease!important;
    -ms-transition: background-color .3s ease, color .3s ease!important;
    -o-transition: background-color .3s ease, color .3s ease!important;
    transition: background-color .3s ease, color .3s ease!important;
}
.desktop .form-horizontal button:hover {
    background: #252525!important;
}
@media only screen and (min-width:979px) {
    ::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(180, 180, 180, 0.8);
    -webkit-box-shadow: none;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(180, 180, 180, 0.4);
}
}@media only screen and (min-width:768px) and (max-width:979px) {
    .portfolio-container .portfolio-item {
    height: 149px;
}
}@media only screen and (max-width:767px) {
    body {
    overflow: visible;
}
section {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 50;
    overflow: visible;
    background: #f2f2f2;
    float: left;
}
section .container {
    padding-top: 70px;
}
section>.container {
    padding-bottom: 40px;
}
.portfolio {
    overflow: hidden;
}
nav#main-nav {
    height: auto;
}
nav#main-nav>ul {
    display: none;
    background: #333;
    width: 100%;
    height: auto;
    margin-right: 0;
}
nav#main-nav>ul li {
    width: 100%;
    float: left;
    position: relative;
    border-top: 1px solid #3d3d3d;
}
nav#main-nav>ul li a {
    color: #fff;
    padding: 15px 20px;
    width: 100%}
nav#main-nav ul li a.active {
    color: #fff;
}
#main-nav #responsive-nav {
    display: block;
}
#intro {
    padding-top: 0;
}
#intro .container {
    padding-top: 50px;
}
.features .feature-box .box-content {
    margin-bottom: 30px;
}
.features-list {
    margin-bottom: 30px;
}
.single-portfolio .image-container, .single-portfolio .video-container, .single-portfolio .gallery-container {
    margin-bottom: 30px;
}
.single-portfolio .gallery-container {
    min-height: 200px;
}
.contact-form, .contact-info {
    margin-bottom: 20px;
}
.pagination {
    float: left;
    margin-bottom: 20px;
}
.form-horizontal .controls input {
    margin-right: 10px!important;
}
.form-horizontal .control-label {
    margin-left: 0;
}
}@media only screen and (min-width:480px) and (max-width:767px) {
    .container {
    width: 460px;
}
.portfolio-container .portfolio-item {
    height: 300px;
}
}@media only screen and (max-width:479px) {
    .container {
    width: 300px;
}
.portfolio-container .portfolio-item {
    height: 196px;
}
}textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #f2f2f2;
}
.content ul li i {
    float: left;
    font-size: 14px;
    margin-top: 5px!important;
    color: #333;
    padding-right: 15px;
}
.progress .bar.empty {
    color: #838181;
}
.desktop .progress:hover .bar.empty {
    color: #fff;
}
#main-nav.nothome {
    left: 0!important;
}
.row.features {
    margin-top: 20px;
}
.row.features.first {
    margin-top: 0;
}
#google-map {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%}
.desktop #google-map {
    position: fixed!important;
}
.contacts {
    background: #f2f2f2;
}
#google-map img {
    max-width: none;
}
.section {
    overflow-x: hidden;
}
.pagination .active {
    background: #d00355;
    color: #FFF;
}
.more-container {
    overflow: hidden;
}
.inner-spacer-left {
    margin-left: 20px;
}
.inner-spacer-left-lrg {
    margin-left: 50px;
}
.inner-spacer-right {
    margin-right: 20px;
}
.inner-spacer-right-lrg {
    margin-right: 50px;
}
@media(min-width:768px) and (max-width:979px) {
    .inner-spacer-left {
    margin-left: 12px;
}
.inner-spacer-left-lrg {
    margin-left: 36px;
}
.inner-spacer-right {
    margin-right: 12px;
}
.inner-spacer-right-lrg {
    margin-right: 36px;
}
}@media(max-width:767px) {
    .inner-spacer-left, .inner-spacer-left-lrg, .inner-spacer-right, .inner-spacer-right-lrg {
    margin-left: 0;
    margin-right: 0;
}
}.mobile .form-submit button {
    margin-bottom: 40px;
}
.desktop body {
    overflow-y: auto;
}
.alignright {
    float: right;
    clear: right;
    margin-left: 20px;
    margin-bottom: 10px;
}
.alignleft {
    float: left;
    clear: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('../../styles/fancybox/fancybox.png');
}
#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: 0;
    display: none;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}
#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: 0;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0 solid #fff;
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('../../styles/fancybox/fancybox.png') -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none;
}
#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 0;
    vertical-align: top;
}
#fancybox-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: 0;
    background: transparent url('../../styles/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}
#fancybox-left {
    left: 0;
}
#fancybox-right {
    right: 0;
}
#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}
#fancybox-left-ico {
    background-image: url('../../styles/fancybox/fancybox.png');
    background-position: -40px -30px;
}
#fancybox-right-ico {
    background-image: url('../../styles/fancybox/fancybox.png');
    background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;
}
#fancybox-left:hover span {
    left: 20px;
}
#fancybox-right:hover span {
    left: auto;
    right: 20px;
}
.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}
#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('../../styles/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('../../styles/fancybox/fancybox.png');
    background-position: -40px -162px;
}
#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('../../styles/fancybox/fancybox-y.png');
    background-position: -20px 0;
}
#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('../../styles/fancybox/fancybox.png');
    background-position: -40px -182px;
}
#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('../../styles/fancybox/fancybox-x.png');
    background-position: 0 -20px;
}
#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('../../styles/fancybox/fancybox.png');
    background-position: -40px -142px;
}
#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('../../styles/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('../../styles/fancybox/fancybox.png');
    background-position: -40px -122px;
}
#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}
.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}
.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}
.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('../../styles/fancybox/fancy_title_over.png');
    display: block;
}
.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}
#fancybox-title-float-wrap {
    border: 0;
    border-collapse: collapse;
    width: auto;
}
#fancybox-title-float-wrap td {
    border: 0;
    white-space: nowrap;
}
#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('../../styles/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('../../styles/fancybox/fancybox-x.png') 0 -40px;
}
#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('../../styles/fancybox/fancybox.png') -55px -90px no-repeat;
}
.fancybox-ie6 #fancybox-close {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_close.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_over.png', sizingMethod='scale');
    zoom: 1;
}
.fancybox-ie6 #fancybox-title-float-left {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
    height: expression(this.parentNode.clientHeight+"px");
}
#fancybox-loading.fancybox-ie6 {
    position: absolute;
    margin-top: 0;
    top: expression((-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');
}
#fancybox-loading.fancybox-ie6 div {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_loading.png', sizingMethod='scale');
}
.fancybox-ie .fancybox-bg {
    background: transparent!important;
}
.fancybox-ie #fancybox-bg-n {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale');
}