@font-face {
    font-family: 'helvetica_condensed';
    src: url('fonts/helvetica-condensed-webfont.woff2') format('woff2'),
    url('fonts/helvetica-condensed-webfont.woff') format('woff'),
    url('fonts/helvetica-condensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_condensedbold';
    src: url('fonts/helvetica-condensed-bold-webfont.woff2') format('woff2'),
    url('fonts/helvetica-condensed-bold-webfont.woff') format('woff'),
    url('fonts/helvetica-condensed-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


.maincontainer.minisite {position: initial;}
.miniSite{}
.miniSite h1.miniSiteTitle {display: block; float: left; margin: 15px 0}
.miniSite h2.sectionTitle {clear: both; display: table; padding: 2px 5px; color: white; text-shadow: 1px 1px 5px black}
.miniSite .items{height:215px;width: 315px;display: inline-block;margin: 0 3px 3px 0;float:left;background-repeat: no-repeat;background-size: cover; position: relative}
.miniSite .items:first-child{clear: both}
.miniSite .items > a.item{height:215px;width: 315px;display: block;position: relative; transition: 0.2s}
.miniSite .items:hover > a.item {background: none!important;}
.miniSite .items > a.item.red, .miniSite h2.sectionTitle.red {background: rgba(255, 0, 0, 0.5)}
.miniSite .items > a.item.green, .miniSite h2.sectionTitle.green {background: rgba(0, 128, 0, 0.5)}
.miniSite .items > a.item.orange, .miniSite h2.sectionTitle.orange {background: rgba(255,165,0,0.5)}
.miniSite .items > a.item.blue, .miniSite h2.sectionTitle.blue {background: rgba(0,119,255,0.5)}
.miniSite .items > a.item.purple, .miniSite h2.sectionTitle.purple {background: rgba(204,0,255,0.5)}
.miniSite .items > a.item.cyan, .miniSite h2.sectionTitle.cyan {background: rgba(0,255,255,0.5)}
.miniSite .items > a.item.yellow, .miniSite h2.sectionTitle.yellow {background: rgba(204,204,0,0.5)}
.miniSite .items > a.item.violet, .miniSite h2.sectionTitle.violet {background: rgba(238,130,238,0.5)}
.miniSite .items > a.item.black, .miniSite h2.sectionTitle.black {background: rgba(0,0,0,0.5)}
.miniSite .items > a.item.gray, .miniSite h2.sectionTitle.gray {background: rgba(211,211,211,0.5)}
.miniSite .items > a.item:hover{background: none}
.miniSite .text {position: absolute; bottom: 0;width: 94%;text-align: left;padding:10px}
.miniSite .text p {color: #ffffff;font-size: 18px;text-shadow: 2px 2px black;}
.miniSite .text p a.category {display: block; position: relative; z-index: 2}
.miniSite .text p.title{font-size: 20px}
.miniSite a.returnToMinisite {display: block; margin: 10px 0; color: #27679E; float: left}
.miniSite .socialShare {float: right; margin: 15px}
.miniSite .socialShare a.language {float: left; margin: 0 10px}
.miniSite .socialShare a.language img {height: 26px}
.miniSite .socialShare .channel {float: left; font-size: 25px; margin: 0 10px}

.miniSite .firstArticle {clear: both; float: left}
.miniSite .firstArticle h2.title {font-size: 30px; display: table; padding: 2px 10px 2px 1px}
.miniSite .firstArticle p {margin: 10px 0}
.miniSite .firstArticle a.item {display: block; margin: 10px 0; color: #27679E}

/* Jeune Espoir Culturel CSS */
.miniSiteGeneration{}
.miniSiteGeneration h1.miniSiteTitle {display: block; float: left; margin: 15px 0}
.miniSiteGeneration h2.sectionTitle {clear: both; display: table; padding: 2px 5px; color: white; text-shadow: 1px 1px 5px black}
.miniSiteGeneration .items{height:215px;width: 315px;display: inline-block;margin: 0 3px 3px 0;float:left;background-repeat: no-repeat;background-size: cover; position: relative}
.miniSiteGeneration .items:first-child{clear: both}
.miniSiteGeneration .items > a.item{height:215px;width: 315px;display: block;position: relative; transition: 0.2s}
.miniSiteGeneration .items:hover > a.item {background: none!important;}
.miniSiteGeneration .items > a.item.red, .miniSiteGeneration h2.sectionTitle.red {background: rgba(255, 0, 0, 0.5)}
.miniSiteGeneration .items > a.item.green, .miniSiteGeneration h2.sectionTitle.green {background: rgba(0, 128, 0, 0.5)}
.miniSiteGeneration .items > a.item.orange, .miniSiteGeneration h2.sectionTitle.orange {background: rgba(255,165,0,0.5)}
.miniSiteGeneration .items > a.item.blue, .miniSiteGeneration h2.sectionTitle.blue {background: rgba(0,119,255,0.5)}
.miniSiteGeneration .items > a.item.purple, .miniSiteGeneration h2.sectionTitle.purple {background: rgba(204,0,255,0.5)}
.miniSiteGeneration .items > a.item.cyan, .miniSiteGeneration h2.sectionTitle.cyan {background: rgba(0,255,255,0.5)}
.miniSiteGeneration .items > a.item.yellow, .miniSiteGeneration h2.sectionTitle.yellow {background: rgba(204,204,0,0.5)}
.miniSiteGeneration .items > a.item.violet, .miniSiteGeneration h2.sectionTitle.violet {background: rgba(238,130,238,0.5)}
.miniSiteGeneration .items > a.item.black, .miniSiteGeneration h2.sectionTitle.black {background: rgba(0,0,0,0.5)}
.miniSiteGeneration .items > a.item.gray, .miniSiteGeneration h2.sectionTitle.gray {background: rgba(211,211,211,0.5)}
.miniSiteGeneration .items > a.item:hover {background: none}
.miniSiteGeneration .items a.pdfLink {height: 215px; width: 315px; display: block}
.miniSiteGeneration .text {position: absolute; bottom: 0;width: 94%;text-align: left;padding:10px}
.miniSiteGeneration .text.articleTitle {background: rgba(127,124,124,0.8)}
.miniSiteGeneration .text p {color: #ffffff;font-size: 18px;text-shadow: 2px 2px black;}
.miniSiteGeneration .text p a.category {display: block; position: relative; z-index: 2}
.miniSiteGeneration .text p.title{font-size: 20px}
.miniSiteGeneration a.returnToMinisite {display: block; margin: 10px 0; color: #27679E; float: left}
.miniSiteGeneration .socialShare {float: right; margin: 15px}
.miniSiteGeneration .socialShare .channel {float: left; font-size: 25px; margin: 0 10px}

.miniSiteGeneration .firstArticle {clear: both; float: left}
.miniSiteGeneration .firstArticle h2.title {font-size: 30px; display: table; padding: 2px 10px 2px 1px}
.miniSiteGeneration .firstArticle p {margin: 10px 0}
.miniSiteGeneration .firstArticle a.item {display: block; margin: 10px 0; color: #27679E}


section.rightbox:after {clear: both; display: block; content: ''}

.overlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0, 0.8);margin: 0 auto; z-index: 2}
.articleContent{position:absolute; z-index: 9999999999; top:0; right:10%; left:10%; background: #ffffff; box-shadow: 0 0 33px 0 rgba(0,0,0,0.75); width: 950px; margin: 15px auto;padding:10px}
.articleContent .loading{background:url('../images/loading.gif')no-repeat center center;width:100px;height:100px;margin: auto}
.articleContent a.close{position: absolute;top:10px;right:10px;width: 20px;height: 20px;display: block;background: url('../images/close.png')no-repeat center center}
.articleContent .articleHead{padding:15px}
.articleContent .articleHead h1{font-size: 24px; margin: 0 0 12px 0}
.articleContent .articleHead h2{color: #bc0d14; text-transform: uppercase; font-size: 17px; margin: 0 0 10px 0}
.articleContent .articleHead h3{font-size: 22px}
.articleContent .photosGallery figure {color: #999999; font-size: 12px}
.articleContent .photosGallery.multiple {height: 550px}
.articleContent .photosGallery.multiple .carousel {height: 550px}
.articleContent .summary {font-size: 18px; color: #000; margin: 10px 0 10px 0}
.articleContent .summary .tag {text-transform: uppercase; font-size: 12px; font-weight: bold; color: #aa0000}
.articleContent .attributes {float: left; margin: 0 0 10px 0; font-size: 13px; font-style: italic; font-weight: bold; color: #001e3e}
.articleContent .date {float: right; margin: 0 0 10px 0; font-size: 13px; color: #aaaaaa}
.articleContent .toolbox {clear: both; border-top: 1px solid #e9e9e6; border-bottom: 1px solid #e9e9e6; height: 35px; margin: 10px 0}
.articleContent .toolbox ul li.sharethis {padding: 2px 0 0 0}
.articleContent .toolbox a.monOLJ {display: block; color: white; text-align: center; border: 1px solid #8f0001; border-radius: 4px; font-size: 11px; padding: 3px 6px 3px 27px; font-weight: bold; background: #bc0d14}
.articleContent .toolbox a.abonnez {display: block; color: black; text-align: center; border: 1px solid black; border-radius: 4px; font-size: 11px; padding: 3px 2px; font-weight: bold; background: #f7d245}
.articleContent .floatingToolbox {float: right; width: 50px; margin: 10px}
.articleContent .floatingToolbox.fixed {position: fixed; margin-left: 890px; top: 10px}
.articleContent .floatingToolbox ul a.plus {background-position: 0 -74px}
.articleContent .floatingToolbox ul a.minus {background-position: 0 -126px}
.articleContent .floatingToolbox ul a.print {background-position: 0 -179px}
.articleContent .floatingToolbox ul a {display: block; width: 50px; height: 54px; background: url(../images/articleicons.jpg)}
.articleContent .floatingToolbox > div {margin: 10px 0}
.articleContent a {color: #bc0d14}
.articleContent .text {font-size: 14px; width: 850px; line-height: 1.5em}
.articleContent .text p {margin: 0 0 10px 0}
.articleContent img{width: 100%;display: block}
.articleContent:after{display: block;content: " ";clear: both}

.articleContent .purchaseNotice { text-align: center }
.articleContent .purchaseNotice img { width: 540px; margin: auto }

.villageGoogleMaps {clear: both; height:600px; width: 100%; margin:20px auto}

.minisitePoll {clear: both; margin: 20px 0 0 0}
.minisitePoll::after {clear: both; display: block; content: ''}
.minisitePoll .oljVoting, .minisitePoll .oljLogin {display: none; float: none;}
.minisitePoll .left {width: 315px; float: left; background: #f1f1f1}
.minisitePoll .left .question {background: black; color: white; padding: 7px}
.minisitePoll .left form {padding: 5px 10px; line-height: 30px}
.minisitePoll .left form .buttons {text-align: right; position: relative; height: 50px}
.minisitePoll .left form .buttons .votesNo {color: #888888; font-size: 13px; position: absolute; bottom: 0}
.minisitePoll .left form .buttons a.button.vote {background: #db1548; color: white; border-radius: 0; padding: 3px 20px; float: right}
.minisitePoll form .loading {display: none}
.minisitePoll .left form .barContainer {background: #CCCCCC; text-align: right; width: 100%; position: relative; height: 30px}
.minisitePoll .left form .barContainer .bar {background: #da121f; height: 30px; display: block;position: absolute}
.minisitePoll .left form .barContainer .percentage {position: relative; z-index: 1; margin: 0 5px 0 0}
.minisitePoll .right img {height: 380px; margin: 20px 0 0 0}

.minisitePoll .oljRegistration {width: 600px; float: left}
.minisitePoll .oljRegistration .loginForm {border: none; padding: 20px 10px}
.minisitePoll .oljRegistration .loginForm input[type=submit] {float: left}
.minisitePoll .socialRegistration {float: right; width: 280px}
.minisitePoll .socialRegistration .socials {background: #f1f1f1; padding: 10px; margin: 20px 0 0 0}
.minisitePoll h2.poutVotez {font-size: 1.45em; background: #db1548; text-align: center; color: white; margin: 20px 0; padding: 6px 0}
.minisitePoll.villagePoll h2.poutVotez {background: #db1548}
.minisitePoll.generationPoll .generationVoteTitle {background: url(../images/generationVoteTitle.png) no-repeat center center; background-size: contain; width: 960px; height: 90px; margin: 30px 0;}
.minisitePoll.generationPoll form .choiceSelect li, .choiceResult li {display: inline-block}
.minisitePoll.generationPoll form .choiceSelect li {position: relative}
.minisitePoll.generationPoll form .choiceSelect li .selected {display: none; position: absolute; z-index: 1; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.7); color: red; font-size: 30px; text-align: center; padding: 5px 0}
.minisitePoll.generationPoll form .choiceSelect li.active .selected {display: block}
.minisitePoll.generationPoll form p.voteSelected {display: none; margin: 20px 0; font-size: 20px;}
.minisitePoll.generationPoll form .buttons a.vote {background: #db1548; padding: 10px 20px; font-size: 18px; border-radius: 0}
.minisitePoll .pollRegisterLink {clear: both}
.minisitePoll .pollRegisterLink p {display: inline; float: left; margin: 13px 20px 0 0}
.minisitePoll .pollRegisterLink a {float: left}
.minisitePoll p.resultPercentage {text-align: center; margin: 10px 0; font-size: 20px;}


.fbLogin {background: #3b5998; border: 1px solid #3b5998; display: block; color: white; padding: 10px; width: 240px; margin: 0 auto 10px auto; border-radius: 5px}
.fbLogin i {padding: 0 5px 0 0; border-right: 1px solid white; font-size: 18px}
.gmailLogin {background: #d34836; color: white; padding: 10px; margin: auto; display: block; width: 240px; border-radius: 5px}
.gmailLogin i {padding: 0 5px 0 0; border-right: 1px solid white}
.oljLogin {width: 230px; margin: 20px auto 15px auto; display: block; background: white; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #CCCCCC}
.oljLogin img {width: 50px; margin: 0 5px 0 0}
.oljLogin span {position: relative; bottom: 4px}

.hovereffect {height: 100%; overflow: hidden; position: relative; text-align: center; cursor: pointer;}
.hovereffect .overlay-box {position: absolute; overflow: hidden; width: 80%; height: 80%; left: 10%; top: 10%; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1)}
.hovereffect:hover .overlay-box {opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1); transform: scale(1)}
.hovereffect img {display: block; position: relative; transition: all 0.35s;}
.hovereffect:hover img, .hovereffect:hover div.img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(0.6); -webkit-filter: brightness(0.6);
}
.hovereffect h2 {text-transform: uppercase; text-align: center; position: relative; font-size: 17px; background-color: transparent; color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0);
    transition: opacity 0.35s, transform 0.35s; transform: translate3d(0,-100%,0);}
.hovereffect a, .hovereffect p {color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); transition: opacity 0.35s, transform 0.35s; transform: translate3d(0,100%,0);}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {opacity: 1; filter: alpha(opacity=100); transform: translate3d(0,0,0);}


 /*usa minisite*/

.maincontainer.minisite.usa {font-family: helvetica_condensed}
.maincontainer.minisite.usa .socialShare {width: 40px;text-align: center;position: fixed;right: 0; top: 50%; margin: -95px 0 0 0}
.maincontainer.minisite.usa .socialShare .channel{float: none;margin: 0;color:white;font-size: 22px;padding:5px 0}
.maincontainer.minisite.usa .socialShare .facebook {background-color:#507BBE}
.maincontainer.minisite.usa .socialShare .facebook .fbShares {display: none; font-size:18px;padding: 0 10px;border-top: 1px solid white;}
.maincontainer.minisite.usa .socialShare .twitter{background-color:#64CCEF}
.maincontainer.minisite.usa .socialShare .envelope{background-color:#F16260}
.maincontainer.minisite.usa .socialShare .print{background-color:#DDDCDB}
.maincontainer.minisite.usa .socialShare .donate{background-color:#FAC85D}
.usa_article_head .navigate,.usa_about .navigate{position: absolute;top:20px;}
.maincontainer.minisite.usa .head{background-image: url('/interface/french/images/map.png');background-repeat: no-repeat;background-position: center right;background-size:contain;border-bottom: 1px solid #ece7e7; padding: 26px 0;}
.maincontainer.minisite.usa .head .navigate, .maincontainer.minisite.usa .head .navigate ul,.usa_article_head .navigate,.usa_article_head .navigate ul,.usa_about .navigate,.usa_about .navigate ul, .usa_map .navigate ul{display: inline-block}
.usa_article_head .navigate,.usa_article_head .navigate ,.usa_about .navigate,.usa_about .navigate, .usa_map .navigate {font-family: helvetica_condensed}
.maincontainer.minisite.usa .head .navigate ul li,.usa_article_head .navigate ul li,.usa_about .navigate ul li, .usa_map .navigate ul li {text-transform: uppercase;display: inline-block; background-color: #ed2024;color: white;font-size: 14px}
.maincontainer.minisite.usa .head .navigate ul li a,.usa_article_head .navigate ul li a,.usa_about .navigate ul li a, .usa_map .navigate ul li a {padding: 5px 15px;display: inline-block}
.maincontainer.minisite.usa .head .navigate ul li.active,.maincontainer.minisite.usa .head .navigate ul li:hover,.usa_article_head .navigate ul li:hover,.usa_about .navigate ul li:hover,.usa_about .navigate ul li.active, .usa_map .navigate ul li:hover,.usa_map .navigate ul li.active {background-color: #3d86c7;}
.maincontainer.minisite.usa .head .navigate .languages ,.usa_article_head .navigate .languages,.usa_about .navigate .languages, .usa_map .navigate .languages {float: right}
.maincontainer.minisite.usa .head .navigate .languages a,.usa_article_head .navigate .languages a,.usa_about .navigate .languages a, .usa_map .navigate .languages a {background-repeat: no-repeat;background-size: contain;width: 30px;height: 27px;display: inline-block;margin: 0 0 0 10px}
.maincontainer.minisite.usa .head .navigate .languages .english,.usa_article_head .navigate .languages .english,.usa_about .languages .english, .usa_map .languages .english {background-image: url('/interface/french/images/eng.png')}
.maincontainer.minisite.usa .head .navigate .languages .french,.usa_article_head .navigate .languages .french,.usa_about .navigate .languages .french, .usa_map .languages .french {background-image: url('/interface/french/images/frFlag.png')}
.maincontainer.minisite.usa .head h1{font-size: 50px;width: 30%;margin: 20px 0 5px 0;line-height: 48px;text-transform: uppercase;font-family: helvetica_condensedbold}
.maincontainer.minisite.usa .head h1 .blue{color: #3d86c7;}
.maincontainer.minisite.usa .head .subtitle{font-size: 12px;font-weight: bold}
.maincontainer.minisite.usa .articles{margin:  0 0 40px 0}

.maincontainer.minisite.usa .articles .title{    font-size: 20px;text-transform: uppercase;color: #3d86c7;padding: 50px 0 10px 0;border-bottom: 1px solid #ece7e7;font-weight: bold}
.maincontainer.minisite.usa .articles .main_article{display: inline-block;margin: 20px 0}
.maincontainer.minisite.usa .articles .main_article .image{width: 635px;float:left;background-repeat: no-repeat;background-size: cover;background-position: center center;height: 195px;margin: 0 10px 0 0;}
.maincontainer.minisite.usa .articles .main_article .description{width: 306px;float: left}
.maincontainer.minisite.usa .articles .main_article .description .article_title{font-weight: bold;text-transform: uppercase;    font-size: 18px;margin: 0 0 5px 0;}
.maincontainer.minisite.usa .articles .main_article .description .article_desc{font-size: 15px; color: #707070;}
.maincontainer.minisite.usa .articles .articles_list .item{position:relative;width: 300px;height: 195px;;text-align:center;margin:0 15px 40px 0 ;display: inline-block;background-size: cover;background-repeat: no-repeat;}
.maincontainer.minisite.usa .articles .articles_list .item .title{position: absolute;border-bottom: none;bottom: 10px; width: 90%;background: rgba(0,0,0,0.7);color: white; padding: 2.5%; left: 2.5%;    font-size: 16px;}
.maincontainer.minisite.usa .articles .articles_list .item .date {color: #736d6d; position: absolute; bottom: -30px;left: 0;right: 0;}
.usa_article_head,.usa_about{background-size: cover;width: 100%;height: 300px;background-repeat: no-repeat;background-position: center center;position:relative;margin: 30px 0 10px 0}
.maincontainer.minisite.usa .article_content{text-align: center}
.maincontainer.minisite.usa .article_content h1::before {content: '';background-color:#9F9F9F;width:100%;z-index:-1;height: 1px;position: absolute;top: 15px;left: 1px;}
.maincontainer.minisite.usa .about .title::before{content: '';background-color:#9F9F9F;width:100%;z-index:-1;height: 1px;position: absolute;top: 15px;left: 0}
.maincontainer.minisite.usa .about .title span {background: white; padding: 0 20px}
.maincontainer.minisite.usa .article_content h1{text-transform: uppercase;padding:0 15px;display:inline-block;background-color: white}
.maincontainer.minisite.usa .article_content p.article_date {font-size: 16px; color: #707070; text-align: center; margin: 0 0 30px 0; width: 100%}
.maincontainer.minisite.usa .article_content p{width: 80%;margin:15px auto;text-align: left}
.maincontainer.minisite.usa .article_content .text,.maincontainer.minisite.usa .about{font-size: 16px;color:#707070}
.maincontainer.minisite.usa .article_content .text {border-bottom: 1px solid #CCCCCC; margin: 0 0 30px 0}
.maincontainer.minisite.usa .about{margin: 50px auto;width: 80%}
.maincontainer.minisite.usa .article_content .text .summary,.maincontainer.minisite.usa .article_content .interview .details{font-weight: bold}
.maincontainer.minisite.usa .article_content .text .summary{font-size:20px}
.maincontainer.minisite.usa .article_content .text .gallery .photo{display: inline-block;;position: relative;background-size: cover;width: 100%; background-repeat: no-repeat;background-position: center center;height: 400px; z-index: -1}
.maincontainer.minisite.usa .article_content .text .gallery .counter{position: absolute;top:20px;width:60px;background:#808f9c;color:white;font-size:20px;height:27px;text-align: center;margin: 0;right: 25px}
.maincontainer.minisite.usa .article_content .text .gallery .description{position: absolute;bottom: 20px;background-color: rgba(0,0,0,0.5);width: 42%;color: white;padding: 5px; text-align: center;}
.maincontainer.minisite.usa .article_content .text .gallery .arrow{position: absolute; top: 50%; width: 50px; height: 50px;background-image: url(/interface/french/images/arrow_right.png);background-size: contain;right: 25px;}
.usa_about figure{display: inline-block;position: absolute;right: 0;top: 180px;}
.maincontainer.minisite.usa .socialShare .donate .donateHover{display:none;font-size: 16px;background: #fac85d;color: white;font-weight: bold;position: absolute;bottom: 0;left: -160px;height: 37px;padding: 0 5px; width: 150px; line-height: 35px}
.maincontainer.minisite.usa .socialShare .donate:hover .donateHover{display: block}
.usa_about figure img {padding: 5px;background: white;box-shadow: 2px 2px 2px #c1bebe}
.maincontainer.minisite.usa .about .title{text-align: center;margin: auto; position: relative}
.maincontainer.minisite.usa .about p{margin: 10px 0}
.usa_map {width: 100%; height: 650px; margin: 30px 0 0 0; position: relative}

.maincontainer .minisite.usa .article_images {position: fixed;background:#fff; top: 0; left: 0;  bottom: 0;  right: 0; z-index: 10;    padding: 30px 60px;display: none;}
.maincontainer .minisite.usa .article_images.active{display: block}
.photos_usa.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {width: 70%;float: left}
.photos_usa.owl-carousel .owl-stage-outer .owl-stage .owl-item .item .info {width: 20%;float: left;margin: 0 0 0 2%}
.photos_usa.owl-carousel .owl-stage-outer .owl-stage .owl-item .item .info p{margin: 5px 0}
.photos_usa.owl-carousel .owl-stage-outer .owl-stage .owl-item .item .info .title,.photos_usa.owl-carousel .owl-stage-outer .owl-stage .owl-item .item .info .count{font-weight: bold;font-size: 22px}
.photos_usa.owl-carousel .owl-controls .owl-nav .owl-next{position:fixed;bottom:50%;right:5%;width: 50px;height: 50px; background-image: url(/interface/french/images/arrow_right.png);background-size: contain;}
.photos_usa.owl-carousel .owl-controls .owl-nav .owl-prev{position:fixed;bottom:50%;right:8%;width: 50px;height: 50px; background-image: url(/interface/french/images/arrow_left.png);background-size: contain;}
.photos_usa.owl-carousel .close_slider {position: absolute;right: 50px;width: 25px;height:25px;border: 2px solid #808f9c; border-radius: 50%;text-align: center;color: #808f9c;font-size: 20px;}

a.goVote {display: block; background: #db1548; clear: both; width: 100px; text-align: center; padding: 10px; color: white}
a.goVote.isSection {margin: 0 0 20px 0}

blockquote {display: inline-block!important;}

.minisite .galleria-container {min-height: 400px; width: 636px!important; margin: auto}
.minisite .galleria-stage {width: 636px!important; margin: auto}
iframe .instagram-media, iframe.instagram-media-rendered {display: inline-block!important;}

@media only screen and (max-width : 600px){
    .miniSite{width:100%}
    .miniSite h1.miniSiteTitle {font-size: 20px; margin: 10px 5px}
    .miniSite .items{height:215px; width: 100%; display: block; margin: 1px 0; background-size: cover}
    .miniSite .items > a.item{width: auto}
    .miniSite .firstArticle {margin: 0 10px}
    .miniSite .firstArticle h2.title {font-size: 18px}
    .miniSite .socialShare {float: left; margin: 0 0 10px 0}
    .articleContent {right: 0; left: 0; width: auto; padding: 10px 0}
    .miniSite h2.sectionTitle {margin: 10px 0; display: block; font-size: 20px}
    .miniSite a.returnToMinisite {margin: 10px}
    .miniSiteGeneration .items {height: 250px; width: 100%; background-position: center center}
    .articleContent .articleHead h2 {height: auto; padding: 10px 0 10px 10px; background: #ECECEC; text-align: left; font-size: 17px; text-transform: uppercase; color: #444446; box-shadow: 1px 0 1px 0 #C1C0C0}
    .articleContent .articleHead h1 {font-family: Georgia; font-size: 20px; text-align: left; color: #000000; background: none; border: none; box-shadow: none; text-transform: none; padding: 0; margin: 10px}
    .articleContent .articleHead {padding: 20px 0}
    .articleContent .date {width: 93%; padding: 10px 10px 0 10px; color: black; margin: 0; font-size: 16px; float: none}
    .articleContent .caption {font-size: 13px; color: #454545; font-style: italic; background-color: rgba(238, 238, 238, 0.47); line-height: 1.5!important; margin: 0; padding: 10px 15px; width: auto}
    .articleContent .keyword {color: #FF0000; padding: 0; text-transform: uppercase; font-size: 14px; margin: 10px 0 0 0}
    .articleContent .summary {font-size: 18px; color: #000; margin: 10px}
    .articleContent .author {padding: 0; font-size: 11px; margin: 10px}
    .articleContent .share .fb a, .articleContent .share .tw a, .articleContent .share .wh a, .articleContent .share .email a {color: white}
    .articleContent .edit a.link {color: black}
    .articleContent .text {padding: 0; margin: 10px; text-align: left; color: #444446; width: auto}
    .articleContent .links,.article_content .links {margin: 10px 0; width: 100%}
    .articleContent .links .bottomLink,.article_content .links .bottomLink {width: 49.6%; height: 35px; display: block; float: left; background: #F3D543; border-right: 1px solid #444446; padding: 10px 0; text-align: center; font-size: 14px; color: black}
    .articleContent .links .bottomLink:last-child,.article_content .links .bottomLink:last-child {border-right: none}
    .articleContent img {width: 90%; padding: 0 5%}
    .minisitePoll {width: 100%}
    .minisitePoll .left {width: 100%}
    .minisitePoll .right {width: 100%}
    .minisitePoll form .loading {display: none; margin: 10px}
    .minisitePoll .oljRegistration {width: auto; margin: 20px 0 0 0}
    .minisitePoll .oljRegistration > h3 {margin: 0 0 0 25px}
    .minisitePoll .oljRegistration .account {margin: 0 15px; padding: 0 10px 10px 10px}
    .minisitePoll .oljRegistration .loginForm {padding: 0 10px 20px 10px}
    .minisitePoll a.validate {float: left!important; font-size: 12px; margin: 10px!important; width: 110px!important;}
    .minisitePoll .socialRegistration {width: auto; float: none}
    .minisitePoll .socialRegistration > h3 {margin: 0 0 0 25px}
    .villageGoogleMaps {height: 600px; width: 85%; float: left}
    .articleContent .text iframe {width: 100%!important; max-width: 100%}
    .articleContent .text p.googleMap iframe {width: 75%!important; max-width: 75%}
    .maincontainer.minisite.usa .head .navigate, .usa_about .navigate, .usa_article_head .navigate, .usa_map .navigate {width: 100%}
    .usa_about .navigate, .usa_map .navigate {top:-40px}
    .maincontainer.minisite.usa .head .navigate ul,.usa_about .navigate ul,.usa_article_head .navigate ul, .usa_map .navigate ul {width: 89%;display: block; float: left;}
    .maincontainer.minisite.usa .head .navigate ul li,.usa_about .navigate ul li,.usa_article_head .navigate ul li, .usa_map .navigate ul li {width: 32%;text-align: center}
    .maincontainer.minisite.usa .head .navigate .langauges,.usa_about .navigate .languages, .usa_article_head .navigate .languages, .maincontainer.minisite.usa .head .navigate .languages, .usa_map .navigate .languages {width: 10%}
    .maincontainer.minisite.usa .head .head_map{background-image: url(/interface/french/images/map.png);background-repeat: no-repeat;background-position: center center;background-size: contain;width: 100%;height: 150px;margin:10px 0 0 0 }
    .maincontainer.minisite.usa .head{border-bottom: none;background-image: none;text-align: center}
    .maincontainer.minisite.usa .head h1 {width: 80%; margin: 20px auto 5px auto}
    .maincontainer.minisite.usa .articles .title{padding: 0 0 10px 0;width: 90%;margin: auto;text-align: center}
    .maincontainer.minisite.usa .articles .articles_list .item img,.maincontainer.minisite.usa .map img,.maincontainer.minisite.usa .articles .main_article .image,.maincontainer.minisite.usa .articles .main_article .image img {width: 100%}
    .maincontainer.minisite.usa .articles .main_article .image{float: none}
    .maincontainer.minisite.usa .articles .main_article .description {width: 90%; display: block; margin: 10px auto 0 auto;float: none;}
    .maincontainer.minisite.usa .articles .articles_list {width: 90%; margin: auto}
    .maincontainer.minisite.usa .socialShare{width: 100%;bottom:0;z-index: 100;top: auto}
    .maincontainer.minisite.usa .socialShare .channel{width: 20%;float: left}
    .maincontainer.minisite.usa .socialShare .facebook .fbShares{border-top: none; padding: 0 4px;font-size: 12px;}
    .maincontainer.minisite.usa .articles .articles_list .item .title{border-bottom: none}
    .maincontainer.minisite.usa .articles{margin: 0}
    .maincontainer.minisite.usa .articles .articles_list .item{margin: 20px 0;width: 100%;}
    .maincontainer.minisite.usa .articles .articles_list .item:last-child{margin: 10px 0 20px 0}
    .maincontainer.minisite.usa .head .navigate .languages .english,.usa_about .navigate .languages .english,.usa_article_head .navigate .languages .english, .usa_map .navigate .languages .english{margin: 0}
    .maincontainer.minisite.usa .articles .articles_list .item .title{font-size: 13px}
    .usa_about{height: 150px;margin: 66px 0 0 0}
    .usa_about figure{right:0;left:0;top: 100px;text-align: center}
    .maincontainer.minisite.usa .about{margin: 125px auto 0 auto;width: 90% }
    .maincontainer.minisite.usa .about .title::before{content: '';background-color:#9F9F9F;width:100%;z-index:-1;height: 1px;position: absolute;top: 15px;left: 1px;}
    .maincontainer.minisite.usa .about .title span{background: white; padding: 0 10px}
    .maincontainer.minisite.usa .article_content h1{font-size: 20px}
    .maincontainer.minisite.usa .article_content p{width: 90%}
    .maincontainer.minisite.usa .article_content .text .gallery .description{width: 96%}
    .maincontainer.minisite.usa .article_content .video img{width:90%}
    .maincontainer.minisite.usa .socialShare .whatsapp{background-color: #2BB34A;}
    .maincontainer.minisite.usa .head .subtitle{font-size: 12px}
    .maincontainer.minisite.usa .map{width:80%;margin:auto}
    .maincontainer.minisite.usa .article_images.active{overflow: auto;    padding: 30px 10px;}
    .maincontainer.minisite.usa .article_images.active .item  img{width: 100%}
    .maincontainer.minisite.usa .article_images.active .photos_usa .item  .info .title{font-weight: bold;text-transform:uppercase;margin: 0 auto 5px auto}
    .maincontainer.minisite.usa .article_images.active .photos_usa .item  .info .image_description{margin: 0 auto 5px auto}
    .maincontainer.minisite.usa .article_images.active .photos_usa .item {margin: 0 0 30px 0;padding:0 0 10px 0;border-bottom:1px solid #e8e1e1}
    .maincontainer.minisite.usa .article_images.active .photos_usa .close_slider{top: 0;position: fixed;right: 0;background: #808f9c;padding: 5px;width: 22px;height: 24px;text-align: center}
    .maincontainer.minisite.usa .articles .main_article  .article_title {font-weight: bold;text-transform: uppercase; font-size: 18px;margin: 0 auto 5px auto;text-align: center; padding: 0 10px}
    .maincontainer.minisite.usa .articles .main_article{margin: 20px 0; width: 100%}
    .maincontainer.minisite.usa .article_content .text {border-bottom: none; margin: 0}
    .maincontainer.minisite.usa .article_content .text iframe {width: 100%}
    .usa_map{height: 30px;margin: 26px 0 0 0}
    .usa_article_head .navigate{top:0}
    .usa_article_head{margin:10px 0 0 0}
    .maincontainer.minisite.usa .about .title {width: 80%}
    .maincontainer.minisite.usa .head .navigate .languages a, .usa_article_head .navigate .languages a, .usa_about .navigate .languages a, .usa_map .navigate .languages a{margin:0}

    .minisitePoll.generationPoll .generationVoteTitle {width: 100%; margin: 0}
    .minisitePoll.generationPoll form p.voteSelected {margin: 10px}
    .minisitePoll.generationPoll form p.votesNo {margin: 10px}
    .minisitePoll.generationPoll form .buttons a.vote {margin: 10px; color: white; height: 20px; display: block; width: 50px;}
    .minisitePoll.generationPoll .choiceResult div.img {height: 165px; width: 100%}
    .minisitePoll.generationPoll .choiceResult span {margin: 10px}
    .minisitePoll.generationPoll form .choiceSelect li {width: 100%}
    .minisitePoll.generationPoll form .choiceSelect li img {width: 100%; height: 165px}
    .minisitePoll.generationPoll form .choiceSelect li div.img {width: 100%; height: 165px}
    .minisitePoll.generationPoll form h2.artistName {text-align: center; margin: 20px 0 0 0}
    .minisitePoll.generationPoll form p.artistInfo {text-align: center; margin: 10px auto}

    footer {clear: both}
}