.tablet .wrapper { width: 98%; max-width: 811px; }
.tablet #branding .wrapper, .tablet header .wrapper { width: 100%; }
.tablet .front .content, .tablet .avantages .wrapper, .tablet .postscript .wrapper, .tablet .link .wrapper { width: 98%; }


.tablet .userbar3 { font-size: 23px; }
.tablet .userbar3 ul { margin: 0 auto; padding: 1px 0 1px; text-align: center; }
.tablet .userbar3 .logo { background-size: contain; width: 143px; bottom: 12px; left: 23px; }


.abc.tablet .content .col-left { width: 100%; }
.abc.tablet .content .col-border { width: 100%; }
.abc.tablet .content .col-right { width: 100%; text-align: center; }
.abc.tablet .content .col-right .level1, .abc.tablet .content .col-right .level2 { display: inline-block; padding-top: 0; vertical-align: top; width: 48%; text-align: center; margin: 15px 0; }
.abc.tablet .content .col-right .level1 a, .abc.tablet .content .col-right .level2 a { margin: 0 auto; }
.abc.tablet .col-border { background-image: url(../img/abc/border-mobile.png); background-repeat: no-repeat; background-position: top center; background-size: contain; min-height: 5px; width: 100%; } 


.abc.tablet .col-left .block-2 .row2, .abc.tablet .col-left .row2 { margin-bottom: 0; width: 100%; }
.abc.tablet .col-left .pastille, .abc.tablet .col-left .pastille { border-radius: 7px; padding: 15px; }
.abc.tablet .col-left .pastille br, .abc.tablet .col-left .pastille br { float: left; }
.abc.tablet #tabs-a .block-3 .pastille { padding: 15px; }
.abc.tablet .col-left .block-3 .row2, .abc.tablet .col-left .block-6 .row2, .abc.tablet #tabs-a .block-5 .row2 { margin: 0; }
.abc.tablet #tabs-a .block-3 { margin: 30px 0 0 0; }
.abc.tablet #tabs-a .block-3 .row1 { padding: 17px 0 0 0; }
.abc.tablet .col-left .row1 { display: block; }

.abc.tablet .col-left #tabs-c a h3 { width: 90%; }

.abc.tablet .col-left #tabs-c .block-10 a { color: white; text-decoration: none; background: #f18700; border-radius: 7px; position: relative; }
.abc.tablet .col-left #tabs-c .block-10 a:hover, .abc.tablet .col-left #tabs-c .block-10 a:hover .pastille { background: #0097d0; }
.abc.tablet #tabs-c .block-10 .pastille { width: 83%; padding: 15px 10px; text-align: left; }
.abc.tablet #tabs-c .block-10 .pastille img { position: absolute; top: 7px; right: 10px; }

.abc.tablet .col-left .block-9 a { font-family: 'maridavidregular'; letter-spacing: 0.03em; font-size: 22px; }

.mathias.tablet .content .col-left { width: 100%; }
.mathias.tablet .content .col-border { width: 100%; }
.mathias.tablet .content .col-right { width: 100%; text-align: center; }
.mathias.tablet .col-border { background-image: url(../img/abc/border-mobile.png); background-repeat: no-repeat; background-position: top center; background-size: contain; min-height: 5px; width: 100%; } 
.mathias.tablet .content .col-right .level0, .mathias.tablet .content .col-right .level1, .mathias.tablet .content .col-right .level2 { display: inline-block; padding-top: 0; vertical-align: top; width: 33%; text-align: center; margin: 15px 0; }
.mathias.tablet .col-right .level0 { border: 0; }





.etc.tablet .userbar3 .logo { bottom: -5px; }



.tablet header.original { visibility: visible !important;  }
.tablet .cloned, .tablet header.cloned.original { visibility: hidden !important; display: none !important; }

.tablet.mathias h2 { margin-top: 0px; }


.front.tablet #branding, .front.tablet #branding .slogan, .front.tablet #branding .branding-bg { height: 384px; }
.front.tablet #branding .slogan-img { left: 66px; width: 85%; top:0; }
.front.tablet #branding .slogan-content { padding-left: 30px; padding-top: 54px; }
.front.tablet #branding .slogan { left: -43px; }
.front.tablet #branding .slogan p { font-size: 34px; margin-left: 160px; }
.front.tablet #branding .slogan p:last-child { padding-top: 42px; }
.front.tablet #branding .panneau { background: url(../img/branding/panneau-tablet.png) center top repeat-x; height: 347px; width: 142px; bottom: 0px; }


.habitation.tablet #branding .slogan-img { max-width: 98%; left: 0; }
.habitation.tablet #branding .branding-bg { background: url("../img/branding/habitation.jpg") repeat-x scroll center -26px rgba(0, 0, 0, 0); }
.habitation.tablet #branding { height: 370px; }
.habitation.tablet #branding .slogan-img { top: 108px; }
.habitation.tablet #branding .slogan-content { padding-left: 30px; }
.habitation.tablet .slogan-patch { position: absolute; top: 130px; right: 156px; }


.habitation.tablet #branding .slogan-img img { max-width: 100%;; }