/* Specific styles added */
.txt6, .txt7{ font-size: 18px; font-family: 'Rambla', sans-serif;color: rgb(51, 61, 141)}
.txt8 { font-size: 3.3em; }
.ftColor1 { color: #fff; }
.ftColor2 { color: #3dc6f2; }
html.lp-landing {background:none;background-color:#edece9;}
.globalVideoWrapper.ecardDelivery { position: relative; top: auto; left: auto; width: auto; max-width: 960px; margin: 20px auto 0 auto; }
.globalVideoWrapper.popinPrev { height: auto; background: none;font-family: 'Rambla', sans-serif; }
.ecardDelivery .globalVideoWrapper.popinPrev { top: 18%; width: 100%; height: auto; }
.popinPrev .content { min-height: 30%; margin-top: 100px; /*background-color: #ebebeb;*/ }
.ecardDelivery  .popinPrev .content { min-height: 210px; margin: 0 20% 0; }

.mobile .globalVideoWrapper.ecardDelivery { width: 320px; margin-top: 0; }
.mobile .ecardDelivery .globalVideoWrapper.popinPrev { top: 0; height: 180px;/* background-color: #eaeae8;*/ }
.mobile .ecardDelivery .popinPrev .content { min-height: initial; margin: 5% 5% 0; font-size: .7em; background-color: transparent !important;/*background-color: #eaeae8;*/ }
.mobile .mejs-container .mejs-controls { display: none !important; }

.desktop .mobileOnly,
.tablet .mobileOnly { display: none; }

.logo {
    display: inline-block;
    padding-top: 0px;
    float: none;
}
.title1{
	float: none;
	display: inline-block;
	margin: 35px 0 0 25px;
}
.list2{
	text-align: center;
	margin-top: 55px;
}
.step .list2 li{
	display: inline-block;
	float: none;
}
.mejs-overlay-button{
	z-index: 999;
}
.wrapper > .header{
	height: 114px;
}
.header .content{
	text-align: center;
}


@media screen and (orientation: portrait) {
	.tablet .globalVideoWrapper.ecardDelivery { width: 720px; }
	.tablet .socialSharing { left: 90px; }
}
.txt1 a {
     color: #737373;
     text-decoration:none;
}   

@media only screen and (max-width: 480px) {

	.txt6, .txt7{ font-size: 10px; line-height: 10px;font-family: 'Rambla', sans-serif;}
}











/* TYPOS */

@font-face {
    font-family: 'sansa_prosemibold';
    src: url('fonts/sansapro-semibold-webfont.eot');
    src: url('fonts/sansapro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sansapro-semibold-webfont.woff2') format('woff2'),
         url('fonts/sansapro-semibold-webfont.woff') format('woff'),
         url('fonts/sansapro-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
   }


html, body { /*background:#edece9; margin:0;*/ }

.container { width:900px; margin:0 auto; }

.header { position: relative; z-index:1; }
.header h1 { margin:19px 0 40px; }
.header .header-voeux img { max-width:100%; }

.content { position:relative; z-index:0; margin-top:-3px; }
.content .bloc-blanc { position: relative; background:#FFFFFF; min-height:450px; padding:115px 0 45px 0; margin-bottom:32px; box-shadow: 0px -1px 20px -3px #5b5b5b; -webkit-box-shadow: 0px -1px 20px -3px #5b5b5b; -moz-box-shadow: 0px -1px 20px -3px #5b5b5b; -o-box-shadow: 0px -1px 20px -3px #5b5b5b; }
.content .videoPlayer { width:600px; height:340px; margin:0 auto; border:1px solid #E6E6E6; }
.content .zone-red { background:url('../img/bande-red.jpg') no-repeat #d5001c top center; text-align:center; position: absolute; z-index: 1; width:100%; height:29px; top:35px; }
.content .zone-red:after { content:''; width:900px; height:28px; margin:0 auto; display:block; position:relative; z-index:2; background:url('../img/ombre-bande-red.png') no-repeat; top:29px; }

.footer { padding:137px 150px 0 150px; }
.footer ul li { display: inline-block; }
.footer ul li:last-of-type { float:right; }
.footer a { color:#283897; text-decoration:none; font-size:14px; font-family: 'sansa_prosemibold', arial, sans-serif; }


.visible-xs { display:none; }


@media only screen and (max-width: 920px) {
	.container { width:95%; margin:0 auto; }
	.content .bloc-blanc { width:100%; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; }
	.content .zone-red { background:#d5001c; }
	.content .zone-red:after { width:95%; background-size:contain; }
	.footer { padding:137px 15% 0 15%; }
}


@media only screen and (max-width: 768px) {
	.content .videoPlayer { width:95%; height:auto; }
	.footer { padding:137px 3% 0 3%; }
	.content .bloc-blanc { min-height:inherit; margin-bottom:20px; }
}


@media only screen and (max-width: 480px) {
	.header h1 { text-align: center; margin: 10px 0 20px; }
	.container { width:100%; }
	.content .zone-red { top:25px; }
	.content .zone-red:after { width:100%; background-size: contain; background-repeat: no-repeat; height:20px; }
	.content .bloc-blanc { padding:80px 0 20px 0; }
	.hidden-xs { display:none; }
	.visible-xs { display:block; }
	.footer { padding:30px 3% 0 3%; }
	.footer ul li { display:block; text-align: center; margin-bottom:5px; }
	.footer ul li:last-of-type { float:none; margin-bottom:0px; }
}