/**
 * The files in /assets are unmodified.
 * This file contains 
 *    - resets, in an attempt to ensure sliders display properly in all themes
 *    - modifications to the default sliders CSS
 */

 /* general resets */
.metaslider {
    position: relative;
	width:100% !important; overflow:hidden; margin:0 auto; max-width:1920px !important;
}
.metaslider-92{max-width:280px !important} 

.metaslider-37 .caption {
   height:100%; padding-top:5% !important; padding-left:5% !important; padding-right:5% !important; width:60% !important; float:left;  background: rgb(255,255,255,0.7);
    opacity: 1;
}

.metaslider img {
    height: auto;
    padding: 0;
}

.metaslider li:before,
.metaslider li:after {
    content: "" !important;
}

.metaslider .caption-wrap {
	/*background:url(../../../../themes/twentyfourteen/images/white-bg.png) no-repeat;*/
    display: block;
	position: absolute;
    top: 0px;
    z-index: 2;
    width:1120px !important;
    margin-left:-560px !important;
    left:50% !important;
	background:none !important;
	opacity:1 !important;
}

.metaslider .caption-wrap h2{font:28px/35px "opensans",Helvetica,Arial,sans-serif;  color:#191919; padding:0; margin:0; margin-top:30px; margin-bottom:10px; text-transform:uppercase; text-align: left; font-weight: bold}
.metaslider .caption-wrap h2 span{color:#0066a6}
.metaslider .caption-wrap p{font:15px/20px "opensans",Helvetica,Arial,sans-serif;  color:#191919; padding:0px; font-weight:bold; }
.metaslider .caption-wrap a.savoir{margin-top:35px; width:120px; border-radius:15px; height:40px; background-color:#0066a6; font:15px/40px "opensans",Helvetica,Arial,sans-serif;  color:#fff; font-weight:bold; text-align:center; display:block; text-decoration: none}
.metaslider-92 .caption-wrap a.savoir{display:none}
.metaslider .caption-wrap .caption img {
    width: auto;
}

/** quick resets **/
#widgets .metaslider ul, 
#widgets .metaslider ol,
#content .metaslider unmodifiedl,
.metaslider .flexslider ul,
.metaslider .flexslider .slides li,
.metaslider .flexslider .slides ul,
.metaslider .flexslider .slides ol,
.metaslider .flexslider .flex-direction-nav,
.metaslider .flexslider .flex-direction-nav li
 {
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    margin: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
    list-style: none;
    padding: 0;
}
.metaslider-92 img {
	/*display:none !important;*/
}

/*.metaslider-92 li{min-height:200px}
*/.metaslider-92 .caption-wrap {
      /* background: white;
    opacity: 0.7;*/
	position: absolute;
	top:0;
	left:0 !important;
	margin: 0 !important;
    display: block;
    width: 280px !important;
	height:auto;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	color:#999999 !important;
	word-wrap: break-word;
}
.metaslider-92 .caption {
    padding: 0 !important;
}

.metaslider-92 .flexslider .slides li{padding-bottom:20px !important; border-bottom:solid 1px #cdcdcd !important}

@media screen and (min-width: 1600px) {
	/*.metaslider-37{width:1600px !important; }*/
}

@media screen and (max-width: 1024px){
	.metaslider-37 .caption{padding-top:20px !important}
	.metaslider-37 .caption-wrap {margin-left:0 !important; width:100% !important; left:0 !important}
	.metaslider-37 .caption h2{margin-top:0 !important; line-height:45px !important}
}

@media screen and (max-width: 768px){
	.metaslider-37 .caption-wrap p{font-size:12px; line-height:15px; }
	.metaslider-37 .caption-wrap {margin-left:0 !important; width:100% !important; left:0 !important}
	.metaslider-37 .caption{padding:0 1% !important; height:268px; margin-left:0; width:50% !important}
	.metaslider-37 .caption h2{font: 15px/20px "opensans",Helvetica,Arial,sans-serif !important; margin-top:10px}
	.metaslider .slides img{min-height:200px}
	
}
@media screen and (max-width: 400px){
	.metaslider-37 .caption-wrap p{font-size:12px; line-height:15px; }
	.metaslider-37 .caption-wrap {margin-left:0 !important; width:100% !important; left:0 !important}
	.flexslider .slides li {height:210px !important}
	.metaslider-37 .caption{padding:0 5% !important; height:210px; margin-left:0; width:90% !important}
	.metaslider-37 .caption h2{font: 15px/20px "opensans",Helvetica,Arial,sans-serif !important; margin-top:10px}
	.metaslider .slides img{min-height:210px}
	
}