@import url(/frontend/design/prestas/13825-www/v2016/styles.min.css);
@import url(/frontend/Files/13825/v2018-responsive/frontend/css/site-responsive.min.css);

#headermenu #hmenu li.exit {
    float:right;
}

#headermenu #hmenu li.mititle.old {
    display: none;
}


#all_comments {
background:#f9f9f9;
padding:30px 40px;
}

#New_Comments {
background:#eee;
padding:30px 40px;
}

#maincontainer.blogarticles.itemdetail .imgthumbnail {

padding:10px;
border:1px solid #eee;
float:none;
width:100%;
}



.btnmain span {
	line-height: 27px !important;
}

#maincontainer.useraccount.userdashboard .PBPTitle {
font-size: 17px !important;
}


#maincontainer.useraccount.userdashboard .sectiondataarea.custom a {
font-size: 13px !important;
}


#maincontainer.blogarticles .PBSTitle {
font-size:2.4em;
line-height:30px;
font-weight:200;
color:#aaa !important;
}

#maincontainer.blogarticles .PBPTitle {
font-size:1.4em;
line-height:20px;

}


#maincontainer.blogarticles .sectiondata .PBMainTxt {
font-size:1.3em;
display:inline-block;
margin: 0 0 10px 0;
color:#ab2919;
border-bottom:1px solid #ab2919;
font-weight:bold;
}

#maincontainer.blogarticles .PBCompTitle {
font-size:2em; 
line-height:30px;
}

#maincontainer.blogarticles .sectiontb {
padding:0;
  margin:0;
  text-align:center;

}

#maincontainer.blogarticles .sectiondata {
border:0px solid red;
border-bottom:1px solid #eee;
}

#maincontainer.blogarticles .PBDate {
color:#ab2919;
border-bottom:1px solid #ab2919;
}

#maincontainer.blogarticles.itemlist .blockshortcut {
border:none;
border-right:1px solid #eee;
text-align:center !important;
padding:10px 0;
  width:220px;
}

#maincontainer.blogarticles.itemlist #bodycolumn1 {
width:220px;
top:130px;

}
#maincontainer.blogarticles.itemlist #bodycolumn1 img {
width:200px;
}


#maincontainer.blogarticles.itemlist #bodycolumn2 {
width:860px;
margin-left:40px;

padding:0;

}

#maincontainer.blogarticles .sectiontbarea .PBPTitle {
display:none;
}

#maincontainer.blogarticles .sectiondata {
margin:0;
padding:0;
}

#maincontainer.blogarticles .sectiontbarea a#btnsearch.btnmain  {
position:absolute;
right:10px; top:17px;
}


#maincontainer.blogarticles .sectiontbarea a#btnretitems.btnmain  {
position:absolute;
left:25px; top:17px;
}

#maincontainer.blogarticles span.commentfooterlabel {
text-align:center;
padding: 10px;
display:inline-block;
border:1px solid #1b395e;
margin:14px 0;
background:#1b395e;
color:#fff;
}

#maincontainer.blogarticles .commentfootercat {
text-align:center;
padding: 10px;
display:inline-block;
border:1px solid #aaa;
margin:14px 10px;
background:#eee;
color:#1b395e;
}

#maincontainer.blogarticles .commentfootercat span.PBStatic a {
color:#bb2323 !important;
}

#maincontainer.blogarticles.itemlist #bodycolumn1 .newstagline {
color:#ab2919;
display:block;
font-family:open sans;
font-size:1.3em;
line-height:21px;
margin:0 0 10px 0;
padding:90px 10px 20px;
 background-image: url(/Files/13825/Img/11/letter.png);
    background-repeat: no-repeat;
    background-position:  center 20px;
}

#maincontainer.hotnews .PBItemImg a{
 border: none !important
}

#maincontainer.hotnews .PBItemImg a:hover{
 border: none !important;
 background: none !important;
}


.hotnews .viewtblsplitcol2 {
padding:30px 0;
}

.hotnews .viewtblsplitcol2 #blocknewsletter {
padding:10px 20px;
border:1px solid #ccc;
width:260px;

}

.hotnews .viewtblsplitcol2 #blocknewsletter {
background:#273c64;
padding:90px 20px 20px;
 background-image: url(/Files/13825/Img/11/letter.png);
    background-repeat: no-repeat;
    background-position:  center 20px;

}

.hotnews .viewtblsplitcol2 #blocknewsletter .newstagline {
font-size:18px;
font-weight:600;
display:block;
margin:0 0 10px 0;
color:#fff;
text-align:center;
line-height:18px;

}
.hotnews .viewtblsplitcol2 #blocknewsletter label {
 color:#fff; 
}

.hotnews .viewtblsplitcol2 #blocknewsletter .newstagline #newsformEmail {
display:block;
width:100%;
margin:5px 0; 
}


input#newsformEmail  {
  display:block;
width:200px; margin:15px 0;
text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:30px;

}


#newsformBtn.blockbtn {
width:200px; margin:0px 0;
text-align:center; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:30px;
background-color:#a5453d !important;
color:#fff !important;
}


#newsformBtn.blockbtn:hover {
color:#a5453d !important;
background-color:#fff !important;
}


#maincontainer.hotnews #bodycolumn2.widecolumn2 {

}

.hotnews .viewtblsplitcol2 {
background:#f9f9f9; min-width:300px;
}

.hotnews .viewtblsplitcol2 img {
max-width:280px;
}

.hotnews .PBMainTxt {
color:#a5453d ;
}

.hotnews .PBDate {
color:#a5453d ;

}


.hotnews span.PBShortTxt a {
background-color:#a5453d ;
color:#a5453d   !important;
font-size:12px !important;
border:1px solid #a5453d !important;
}

.hotnews span.PBShortTxt a:hover {
color:#fff !important;
}

.hotnews span.PBShortTxt a {
background-color:transparent;
}

.hotnews .sectiondata   {
border:0; border-bottom:1px solid #ddd;
}

#maincontainer.hotnews .sectiondata  img {


border:1px solid #eee;

}


#maincontainer.hotnews .viewtblsplitcol1content {
display:block;
padding:0px;

}

#maincontainer.hotnews .sectiontb {    
padding:10px 0; 

}

#maincontainer.hotnews .sectiontb .PBPTitle {
display:block;
font-weight:200;
font-size:35px;
line-height:30px;
color:#999;
 
}

.PBCompTitle .PBPTitle {
font-size:20px;
font-weight:400;
color:#888;
}




#maincontainer.hotnews .sectiondata span.PBShortTxt a {

margin:0 auto;
font-weight:600; 
border:1px solid #a5453d !important;
background-color:#a5453d ;
color:#fff !important;
font-size:12px !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family:open sans; 
}

#maincontainer.hotnews .sectiondata span.PBShortTxt a:hover {

margin:0 auto;
font-weight:600; 
border:1px solid #a5453d !important;
background-color:#fff;
color:#a5453d  !important;
font-size:12px !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family:open sans; 
}


#maincontainer.hotnews .sectiontb .sectiontbarea .PBBtnStd {

margin:0 auto;
font-weight:600; 
border:1px solid #a5453d !important;
background-color:#a5453d ;
color:#fff;
height:30px; line-height:30px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family:open sans; text-transform:uppercase;
float:left;
}

#maincontainer.hotnews .sectiontb .sectiontbarea .PBBtnStd:hover {
display:block; max-width:200px;
margin:0 auto;
text-align:center !important; font-weight:600; 
border:1px solid #a5453d ;
background-color:#fff;
color:#a5453d;
height:30px; line-height:30px; font-size:;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#maincontainer.hotnews .sectiontb .sectiontbarea .PBBtnStd {
display:block; padding:0 5px;
font-weight:600; 
border:1px solid #a5453d !important;
background-color:#a5453d ;
color:#fff;
height:30px; line-height:30px; font-size:;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family:open sans; text-transform:uppercase; 
}

#maincontainer.hotnews .sectiontb .sectiontbarea .PBBtnStd:hover {

background-color:#fff;
color:#a5453d;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


#maincontainer.hotnews .itemtbl span.PBLongTxt a  {
font-size:12px !important;
text-decoration:none !important;
padding:0;
}

#maincontainer.hotnews .itemtbl span.PBLongTxt a:hover  {
color:#333 !important;
}

#maincontainer.hotnews .sectiondata  span.PBItemImg a  {
background:transparent !important;
display:block;
border:none !important;
}

#maincontainer.hotnews .sectiondata  span.PBItemImg a:hover  {
background:transparent !important;
border:none !important;
}

#headermenu #hmenu li   {
font-size:13px !important;
padding:0 !important;
font-family:open sans;
}


#headermenu #hmenu li.mitext a   {
font-size:13px !important;
font-family:open sans;

} 

#headermenu #hmenu .submenu li a { font-size:11px !important;}


#footercontainer .blog table {
max-width:700px;
}

#footercontainer .blog input {
height:35px; width:100%;
border:1px solid #a53f33;
}


#footercontainer .blog input.PB {
color:#a53f33;
font-weight:600;
font-family:open sans;
}


.sectiondataarea a.PBLink font, .sectiondataarea a.PBLink li  {
    text-decoration: underline !important;
    color: #8aafdd !important;
   font-size: 14px !important;
}

a.PBLink.callorange font, a.PBLink.callblue font {
	text-decoration:none !important;
}



.subheader-menu li a {
background-image:none !important;
}

.headeruser li {
background-image:none !important;
}

.c-subheader-menu__inner ul li, #maincontainer.homepage #expDiaporama .tagListElements {
background-image : none !important;
padding-left: 0 !important;
}


#footermenu {
	background-color:#1b395e;
}

/** IE **/
* html .ngdialog-theme-oxatis.ngdialog .ngdialog-content {
    margin: inherit !important;
}

/** Rajout SA **/

#btnviewcart{
	display: block !important;
    background: transparent !important;
    float: right;
    margin-right: 20px;
}


/*Video*/

.Oxvideo {
   width: 100%;
    height: 570px;
    overflow: hidden;
    display: block;
  position:relative;
  text-align:center;
}

.Oxvideo video { 
  display:block;
    width: 100%;
    height: auto;
   background: url('https://www.oxatis.com/Newsletter/Images/Design/Video/Extrait-video-IntroSite_20.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
   transform: translateX(0) translateY(-25%);
}
.Oxvideo .fallbackFormobile {
  display:none;
}
.Oxvideo .stopfade { 
   opacity: .5;
}

.ctaOxvideo {
    position: absolute;
     top: 27%;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    width: 70%;
  z-index:3;
}
.ctaOxvideo #OxvideoForm {
   margin: 3% auto;
    width: 45%;
}
.filterOxvideo {
    width: 100%;
    height: 100%;
    background: rgba(27, 56, 94, 0.7);
    display: block;
    z-index: 2;
    position: absolute;
}
.ctaOxvideo h1 {
       font-size: 5em;
    color: #fff;
    font-weight: 500;
    line-height: 1.2em;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.dontwrap {
      display:inline-block;
}
.ctaOxvideo h2 {
  font-size: 2em;
    color: #fff;
    font-weight: 500;
    line-height: 1.5em;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.ctaOxvideo .c-popup-form__input {
  text-align:left;
  padding-left:3%;
}

.Oxgrey {
	background:#f8f8f8;
}
.Oxwhite {
	background:#fff;
}

@media screen and (max-width: 1440px) { 
.Oxvideo video { 
   transform: translateX(0) translateY(0%);
}
}

@media screen and (max-width: 1280px) { 
  .ctaOxvideo #OxvideoForm {
    width: auto;
}
}
@media screen and (max-width: 1084px) { 
  .Oxvideo {
    height:auto;
  }
  .ctaOxvideo h1 {
    font-size:4em;
  }
  .ctaOxvideo h2 {
    font-size:1.5em;
  }
}

@media screen and (max-width: 800px) {
 .Oxvideo  #bgvid { 
   display: none; 
}
  .Oxvideo .fallbackFormobile {
      display:block;
        width: 100%;
        height: 100%;
       background: url('https://www.oxatis.com/Newsletter/Images/Design/Video/fallbackOxvideo.jpg') no-repeat;
       background-size: cover;
    z-index: 1;
        position: absolute;
  }
    .Oxvideo {
       height:530px;
  }
    .ctaOxvideo h1 {
        font-size:3em;
  }
  .ctaOxvideo h2 {
       font-size:1.3em;
  }
  .Oxvideo .ctaOxvideo {
    width:80%;
    top:15%;
  }
  .ctaOxvideo #OxvideoForm {
        margin:10% auto;
  }

}

body a.PBLink.callorange font.PBMainTxt {
	    background: rgb(255, 87, 89) !important;
    border: 1px solid rgb(255, 87, 89) !important;
}

body a.PBLink.callorange font.PBMainTxt:hover {
background:#fff !important;
color: rgb(255, 87, 89) !important;
border:1px solid rgb(255, 87, 89) !important;
}

body a.PBLink.callorange--alt font.PBMainTxt {
    background: #fff !important;
    color: rgb(255, 87, 89) !important;
    border: 1px solid rgb(255, 87, 89) !important;
    border-radius: 4px;
    font-weight: 600 !important;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
}

body a.PBLink.callorange--alt font.PBMainTxt:hover {
	background: rgb(255, 87, 89) !important;
   	border: 1px solid rgb(255, 87, 89) !important;
	color: #fff !important;
	border-radius: 4px;
    font-weight: 600 !important;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
}

#hmenu>.mititle.is-active>.menu {
    color: rgb(255, 87, 89) !important;
}
#bodyarea .btnSend.callorange {
	background-color: rgb(255, 87, 89) !important;
	border-color: rgb(255, 87, 89) !important;
}

#bodyarea .btnSend.callorange:hover {
        background: #fff !important;
    color: rgb(255, 87, 89) !important;
	border-color: rgb(255, 87, 89) !important;
}
body .c-popup-form__cta {
	background-color: rgb(255, 87, 89) !important;
}

.c-button--alt, .c-button-container--alt a {
    color: rgb(255, 87, 89) !important;
}

.c-button--alt:hover, .c-button-container--alt a:hover {
    background: rgb(255, 87, 89) !important;
    color: #fff!important;
    border-color: rgb(255, 87, 89) !important;
}

.c-button--secondary, .c-button-container--secondary a, .c-button-container a:nth-child(2), .c-button-container p:nth-child(2) a {
    background: rgb(255, 87, 89) !important;
    color: #fff!important;
    border-color: rgb(255, 87, 89) !important;
}

.c-button--secondary:hover, .c-button-container--secondary a:hover, .c-button-container a:nth-child(2):hover, .c-button-container p:nth-child(2) a:hover {
    background: #fff !important;
    color: rgb(255, 87, 89) !important;
	border-color: rgb(255, 87, 89) !important;
}
	
.ox-hr {
    border: medium none;
    background-color: #CCC;
}


/* Clean pop up Hubspot */

button.leadinModal-close,
button.leadin-button {
	color: transparent !important; 
    border: none !important; 
    background: transparent !important; 
}

.leadin-form-wrapper input {
	border: #999  !important;
}
.leadin-form-wrapper input:hover {
	border: #777 !important;
}

/* Surcharge bt footer */

.footer-social-container a.PBLink.callorange font.PBMainTxt {
	background: #427ABE !important;
	border-color: #427ABE !important;
	
}
.footer-social-container a.PBLink.callorange font.PBMainTxt:hover {
	background: #fff !important;
	color: #427ABE !important;
	border-color: #427ABE !important;
}


/* Surcharge pop up etre contacté */

div #WBInfocontainer {
	padding:0;
}

#WbCloseButton .closeButtonAction span {
	    position: absolute !important;
    right: 15px;
    top: 15px;
    height: 25px !important;
    width: 25px !important;
    background: url(http://www.oxatis.co.uk/Files/40142/Img/23/error.png) no-repeat scroll 0 0 transparent !important;
	left: auto !important;
	    padding: 0 !important;
}

#WBInfoZone #WBMainArea {
	width:100% !important;
}
.callBackForm,
.callBackForm tbody,
.callBackForm tr,
.callBackForm td {
	padding:0 !important;
		margin:0 !important;
	border-collapse:collapse;
}

.callBackForm {
	text-align:center;
}
.callBackForm input {
	width:250px !important;
	margin-top:5px;
}
.callBackForm .PBMainTxt {
	display:inline-block;
	width:250px;
}
.callBackForm .btnForm  .btnForm {
	    background: #ff5759;
    color: #fff !important;
    padding: 10px 20px;
    width: 250px;
    display: block;
    text-decoration: none !important;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
}
.callBackForm .btnForm  .btnForm:hover {
	background:#1b395e;
}

#WBInfocontainer input.PB {
	border: 1px solid #aaa !important;
}

.returnMsgInPage .PBShortTxt {
	color:#333;
}
#free-rideV2 .call-blue font {
	background:#ff5759 !important;
	color:#fff !important;
	text-align:center;
	text-decoration:none !important;
	padding: 8px 20px;
	height: auto;
	line-height: auto;
}
#free-rideV2 .call-blue .PBLink {
	text-align:center;
}


/* Clean Hubspot */
@media screen and (max-width: 780px) {
.HubspotContainer {
    text-align:center;	
}
}

/* Oxatis Success Story 2019 */

.successStoriesArticle .tilde {
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 7px rgba(0,0,0,0.05);
    border: 1px solid #f2f2f2;
    padding: 20px;
}
.successStoriesArticle .tilde--large {
   padding: 35px;
}
.successStoriesArticle .tilde--small{
   padding: 0px;
}

.successStoriesArticle .CaseHeaderBackground {
     background-size: cover;
    min-height: 390px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: 0 bottom;
    position:relative;
}

.successStoriesArticle .CaseVideo {
  position:absolute;
  bottom:-30px;
  right:10%;
}

.successStoriesArticle .CaseVideo .ox-html {
}

.successStoriesArticle .CaseVideo iframe {
   width:500px;
height:281px;
}

.successStoriesArticle .CaseContentContainer .ox-column {
        align-self: flex-start;
}
.successStoriesArticle .CaseDetailContainer {
       background : #f8f8f8;
    }
.successStoriesArticle .CaseContentContainer .contentMain ul,
.successStoriesArticle .CaseContentContainer .contentMain li {
     list-style:none;
     position:relative;
     line-height:40px;
}
.successStoriesArticle .CaseContentContainer .contentMain li:before {
position:absolute;
top:10px;
left: -30px;
    content:''; 
     background:url('/files/13825/Img/17/check-blue-tarifs.png') no-repeat scroll 0 0 transparent;
     width:20px;
     height:20px;
      display:block;
}
.successStoriesArticle .CaseDetailContainer .ox-text {
       padding: 40px 50px;
}

.successStoriesArticle .CaseConclusion {
    background-color : #427ABE;
color:#fff;
padding:40px;
}
@media screen and (max-width:1820px) {
.successStoriesArticle .CaseHeaderBackground {
min-height:300px;
}
}

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

.successStoriesArticle .CaseContentContainer  {
    flex-direction: column-reverse;
}
.successStoriesArticle .CaseDetailContainer  {
    margin-bottom:25px;
}

.successStoriesArticle .tilde {
margin-bottom:15px;
}

.successStoriesArticle .CaseHeaderBackground {
       height: auto;
    min-height: 250px;
}

.successStoriesArticle .CaseVideo {
  position:absolute;
  bottom:30px;
  right:auto;
width:100%;
}
.successStoriesArticle .CaseVideo .ox-html {
   text-align:center;
}
.successStoriesArticle .CaseVideo iframe {
   width:300px;
height:169px;
}

}




/* Encart actualités  */
	
	
.encartActu .ox-column .ox-div {
  background: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
transition: all ease-in 200ms;
} 
.encartActu .ox-column .ox-div:hover {
    box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.2);
transition: all ease-in 300ms;
    transform: translateY(-2px);
}

.encartActu .ox-column .ox-div .ox-text {
    padding: 10px 40px 15px 20px;
    height: 60px;
    align-items: center;
    display: flex;
    text-align: center;
}
.encartActu .ox-column .ox-div .ox-img {
    border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 780px) {
.encartActu .col-xs-3 {
    margin-bottom:25px;
}
.encartActu .ox-columns {
display:block;
}
}


/* Generique CTA Level1 */

.CTACorail a span {
     background-color: #ff5759 !important;
    border-radius: 5px;
    padding: 5px 30px;
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 600;
    display:inline-block;
    text-align: center;
    border:none;
    height:auto;
font-size:13px;
transition: all 100ms ease-in;
} 
.CTACorail a span:hover {
    border:none !important;
transition: all 100ms ease-in;
}


/* fix old references clients */

.oxfeaturedsites #category-area {
	display:none;
}