/* Just some styles to set the page layout. */
* {margin:0;padding:0;font-family:Arial, Verdana, sans-serif;}
body {padding:20px 0;line-height:20px;font-size:12px;color:#000;}
h1 {font-size:18px;margin:10px 0;line-height:1;}
h2 {font-size:14px;margin:10px 0;line-height:1;}
p {font-size:12px;margin:10px 0;}
li{margin-left:10px}
small {font-size:11px;margin:10px 0;color:#333;}
a {font-size:12px;text-decoration:none;color:#9D426B;}
p span {color:#00f;}
#container {width:960px;margin:0 auto;padding-bottom:40px;}
#examples {margin-top:60px;}
pre {font-family:"Courier New", Courier, monospace;font-size:11px;margin:20px 0 100px 0;border:1px dashed #ddd;padding:10px;background:#f6f6f6;}
pre.html {margin:10px 0;}
.clear {clear:both;}
ul#accordeon {margin:0;padding:0;}
#accordeon {background-color:rgba(0,0,0,0.5);bottom:0;height:400px;left:0;position:absolute;width:100%;z-index:10;}
#accordeon .accordeon-closed {width:100px;}
#accordeon .accordeon-closed strong {padding:10px 0 0;text-align: left;}
#accordeon strong {color:#fff;display:block;margin-bottom:5px;padding:10px 10px 0;text-shadow:none;}
#accordeon p {color:#fff;display:block;font-size:14px;padding:0 10px;text-shadow:none;}
#accordeon .accordeon-open strong {color:#fff;font-size:20px;}
#accordeon .accordeon-closed strong {font-size:18px;margin-bottom:5px;}
#accordeon .accordeon-closed p {display:none;}
#accordeon li {position:relative;}
#accordeon div.accordeon-bg {background:#000;top:300px;height:102px;width:650px;left:0;position:absolute;z-index:10;opacity:.5;}
#accordeon div.accordeon-info {top:300px;height:72px;left:0;position:absolute;width:65px;z-index:15;padding:15px;}
#accordeon div.accordeon-info strong {font-size:15px;color:#fff;margin-bottom:5px;}
#accordeon div.accordeon-info p {display:none;font-size:12px;line-height:14px;color:#fff;margin:0 !important;}
#accordeon li.accordeon-open div.accordeon-info {width:620px;}
#accordeon li.accordeon-open div.accordeon-info strong {font-size:22px;}
#accordeon li.accordeon-open div.accordeon-info p {display:block;}
.icon-collab{background: url("../img/users.png") top center no-repeat;height:50px;margin-top:15px;margin-bottom: 9px;}
.vjs-play-progress, .vjs-volume-level { background-color: #cf7192 }
.vjs-control-bar { font-size: 114% }
.portfolio .work p {padding: 0 5px;}
.about-us-text img {padding-top:30px;}
.page-title p{padding-top: 5px;}
#accordeon_min{display:none;}
.portfolio .work h4 {word-wrap: break-word;}
.atelier{text-align:left;}
.atelier img{padding-left:15px;}
.atelier-head{font-style: italic; line-height: 20px; padding: 0 25px;}
.atelier-head p, .atelier-head a{font-size: 14px;}
.testimonial-list a{font-size:14px;}

.rezo1, .rezo2, .rezo3 { float:left;padding-left: 3%;}

@media (min-width: 980px) and (max-width: 1199px) {
.span3{height:300px;}
#accordeon {height:321px;left:0;width:100%;}
#accordeon .accordeon-closed {width:80px;}
#accordeon .accordeon-closed strong {padding:0;}
#accordeon strong {padding:0;}
#accordeon p {font-size:13px;padding:0 10px;}
#accordeon .accordeon-open strong {font-size:18px;}
#accordeon .accordeon-closed strong {font-size:16px;}
#accordeon div.accordeon-bg {top:241px;height:82px;width:522px;}
#accordeon div.accordeon-info {top:241px;height:58px;width:65px;}
#accordeon div.accordeon-info strong {font-size:13px;}
#accordeon div.accordeon-info p {font-size:10px;line-height:12px;}
#accordeon li.accordeon-open div.accordeon-info {width:498px;}
#accordeon li.accordeon-open div.accordeon-info strong {font-size:20px;}
}
@media (min-width: 768px) and (max-width: 979px) {
#accordeon {height:247px;left:0;width:100%;}
#accordeon .accordeon-closed strong {padding:0;}
#accordeon strong {padding:0;}
#accordeon p {font-size:12px;padding:0 10px;}
#accordeon .accordeon-closed strong {font-size:12px;}
#accordeon div.accordeon-bg {top:186px;height:63px;width:402px;}
#accordeon div.accordeon-info {top:186px;height:45px;width:65px;}
#accordeon div.accordeon-info strong {font-size:10px;line-height:12px;}
#accordeon div.accordeon-info p {font-size:10px;line-height:12px;}
#accordeon li.accordeon-open div.accordeon-info {width:384px;}
#accordeon li.accordeon-open div.accordeon-info strong {font-size:16px;line-height:14px;}
}
@media (max-width: 767px) {
#accordeon{display:none !important;}
#accordeon_min{display:block;}
}