/*
Theme Name: Massaguer & Simon Template
Template: twentythirteen
*/

/****** RESET ******/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:active,
a:hover {
	outline: 0;
}
a:hover {
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
b,
strong {
	font-weight: bold;
}
menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}
li > ul,
li > ol {
	margin: 0;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button,
input {
	line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
}
/************/
/****** GENERAL ******/
body  {
  margin: 0 auto;
  font-family: 'arconregular', sans-serif;
  font-size:15px;
	line-height: 17px;
  color:#102B3E;
  height: 100%;
  width: 100%;
	background: #f9f9f9;
  position: absolute !important;
}
.site {
	margin: 0 auto;
	width: 100%;
  height: 100%;
	/*padding: 0 10px;*/
}
.home-main {
	padding: 0;
	padding-top: 120px
}
.site-main {
  background:#F9F9F9;
	position: relative;
	width: 100%;
	/*margin: 0 -10px;*/
}
.center {margin: 0 auto;display: block;}
#primary {
}
.secondary-title {
	clear: both;
}
.entry-content {
  margin:0 auto;
}
.entry-header {
  margin:0 auto;
  max-width:1080px;
}
.entry-content h1 {
  margin:0 auto;
}
.entry-content p {
  margin:10px auto 30px;
	clear: both;
}
.entry-content ul {
	margin:0 auto;
	clear:both;
	padding:10px 0 0;
	list-style: none;
}
.entry-content li {
	text-align: justify;
	padding-bottom: 20px;
}
.img-center {
	display: block;
	margin: 0 auto;
}
img {
	max-width: 100%;
	height: auto;
}
/*** COULEURS ***/
.bg-w {background: #fff}
.bg-grey {background: #f9f9f9}
.bg-bleu {background:#102B3E}
.bleu {color:#102B3E}
.jaune {color:#102B3E}
/****** COL ******/
.row {
	clear: both;
	overflow: hidden;
}
.col-centered {
	float: none !important;
	margin: 0 auto;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float:left;
}
.col-1 {width: 8.33%}
.col-2 {width:16%;}
.col-3 {width:25%;}
.col-4 {width:33%;}
.col-5 {width:41%}
.col-6 {width:50%;}
.col-7 {width:58%}
.col-8 {width: 66%;}
.col-9 {width: 75%}
.col-10 {width:83.33%}
.col-11 {width:91%}
.col-100 {width:100%}
.col-12 {width:100%}
/****** HEIGHTS ******/
.height-1 {height:12.5%}
.height-2 {height:25%}
.height-3 {height:37.5%}
.height-4 {height:50%}
.height-5 {height:62.5%}
.height-6 {height: 75%}
.height-7 {height: 87.5%}
.height-8 {height:100%}
/****** MARGINs / PADDINGs ******/
.margin-1 {margin-left: 8.33%}
.margin-2 {margin-left: 16.66%}
.margin-3 {margin-left: 24.99%}
.margin-4 {margin-left: 33.32%}
.margin-5 {margin-left: 41.65%}
.margin-7 {margin-left: 58.31%}
.margin-m-1 {margin-top:-84px}

.margin-t-1 {margin-top: 42px}
.margin-t-2 {margin-top: 84px}
.margin-b-1 {margin-bottom: 42px}
.margin-b-2 {margin-bottom: 84px}
/*.margin-t-1 {margin-top: 84px}
.margin-t-2 {margin-top: 168px}
.margin-b-1 {margin-bottom: 84px}
.margin-b-2 {margin-bottom: 168px}*/
.padding-10 {padding:10px}
.padding-20 {padding:20px}
.padding-b {padding-bottom: 20px}
.padding-t {padding-top: 20px}
.padding-l {padding-left: 20px}
.padding-r {padding-right: 20px}
/*.padding-t-1 {padding-top: 84px}
.padding-t-2 {padding-top: 168px}*/
.padding-t-1 {padding-top: 42px}
.padding-t-2 {padding-top: 84px}
.float-r {float:right;}
/****** STYLES TEXTs ******/
.t-left {text-align: left}
.t-right {text-align: right}
.t-center {text-align: center}
@font-face {
    font-family: 'arconregular';
    src: url('fonts/arcon-regular-webfont.woff2') format('woff2'),
         url('fonts/arcon-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
p {
	margin: 0;
  clear: both;
	text-align: justify;
}
p.mini {font-size:12px;}
h1, h2, h3, h4, h5 {
  font-family: 'Bitter', serif;
	margin: 0 auto;
	line-height: 100%
}
.home h1 {font-family: 'arconregular',sans-serif;}
.ptsans {font-family: 'PT Sans',sans-serif;}
h1 {
  font-size:26px;
	font-weight: normal;
  padding:15px 0 30px 0;
  margin: 0;
	color: #102B3E;
}
h1.archive-title, .page-template-page-contact h1, .page-id-38 h1 {
	padding: 15px 0;
}
.page-id-38 #titre-home hr, .page-id-38 .secondary-title, .page-id-409 #titre-home hr, .page-id-409 .secondary-title {display: none;}
hr {
  background-color: #102B3E;
  border: none;
  float: left;
  width:80px;
  height: 1px;
  margin-bottom: 30px;
}
footer hr {
	background-color: #fff;
	margin: 0 0 20px;
}
h2 {
	font-weight: normal;
	font-size:22px;
	padding: 10px 0 20px;
}
h3 {
	font-size: 18px;
	font-weight: normal;
}
p a, ul a {
	color:#102B3E;
	text-decoration: none;
}

/*** BUTTON ***/
p.button {
	text-align: left;
	float: left;
	line-height: 38px;
	padding: 0 0 0 13px;
	border-radius: 25px;
	border:1px solid #102B3E;
	margin-top: 40px;
}
p.button:hover {
	background-color: #102B3E;
}
p.button a {
	background:  url('img/icon-plus.png') no-repeat 0 11px;
	padding:10px 15px 10px 27px;
	color:#102B3E;
	text-decoration: none;
}
p.button a:hover {
	background:  url('img/icon-plus-w.png') no-repeat 0 11px;
	color:#fff
}
@media all and (-webkit-min-device-pixel-ratio : 1.5),
 all and (-o-min-device-pixel-ratio: 3/2),
 all and (min--moz-device-pixel-ratio: 1.5),
 all and (min-device-pixel-ratio: 1.5) {
  p.button a {
    background-image: url('img/icon-plus@2x.png');
    background-size: 17px 17px;
  }
	p.button a:hover {
    background-image: url('img/icon-plus-w@2x.png');
    background-size: 17px 17px;
  }
}
/****** HEADER / NAV ******/
header {
	position: fixed;
	width: 100%;
	height: 84px;
	transition: top 0.3s ease-in-out;
	background: #fff;
	z-index: 999
	/*margin: 0 -10px;*/
}
header .col-3 img {
	padding:25px 0 0 25px
}
.menu-toggle {display: none;}
.navbar {margin: 0 auto;}
.mega-menu-wrap {width:100%;}
#mega-menu-wrap-primary{float:right;}
#mega-menu-wrap-primary {background: none;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #102b3e;
		height: 84px;
		line-height: 80px;
		padding: 0 20px;
}
.mega-menu-wrap li.mega-menu-item {position: static !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus, li.mega-current-menu-item a, li.mega-current-page-ancestor a.mega-menu-link {
	background: none !important;
	color:#102B3E !important;
	border-bottom:2px solid #102B3E !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link::after {content: none;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	margin-left: -80px;
	 position: absolute;
	 width: inherit;
	 background: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
	float: left !important;
	display: inline-block;
	background: #fff !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	background: #fff !important;
	color:#102B3E !important;
	font-weight: normal !important;
	height: 50px;
	line-height: 46px;
	padding: 0 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	background: #fff !important
}
li.mega-current-menu-item ul.mega-sub-menu li a {
	border-bottom: none !important
}
li.mega-current-menu-item ul.mega-sub-menu li a:active, li.mega-current-menu-item ul.mega-sub-menu li a:hover {
	border-bottom: 2px solid #102B3E !important;
}
.page-template-page-avocat #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {border-bottom: none !important}
.page-template-page-avocat #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {border-bottom: 2px solid #102B3E !important;}
nav ul {float:right;}
nav li a {
  font-family: 'arconregular', serif !important;
	color:#102B3E;
	text-decoration: none;
  font-size: 14px !important;
  text-align: center !important;
	border: 1px solid transparent !important;
}
nav li a:hover  {
  color:#102B3E !important;
  background: none !important;
  border-bottom:2px solid #102B3E !important;
}
/*** NOUVELLE NAV ***/
.small .container-nav2 {display: none;}
.small .main-nav {background: rgba(117,179,194,1);}
.small .main-nav ul.mega-sub-menu {background: rgba(117,179,194,1) !important;}
.small ul li.mega-menu-item a.mega-menu-link:focus {background: rgba(117,179,194,1) !important;}
.small .main-nav ul.mega-sub-menu li a:hover {text-decoration: none !important;border-bottom:none !important}
.small .main-nav ul.mega-sub-menu li a {border-bottom:none !important}
.main-nav ul.nav {
  list-style-type:none;
  background-color:#fff;
  -webkit-transition:padding .3s;
  -moz-transition:padding .3s;
  transition:padding .3s
}
header.small {height:40px}
header.small .nav-top img {width:130px;height: auto;padding:5px;margin: 4px}
header.small .main-nav {
	box-shadow:none;
	max-width: 100%;
}
header.small #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	height: 40px;
	line-height: 35px;
}
header.small ul.nav {padding-left:150px}
/*** NAV MOBILE ***/
.menu-menu-mobile-container {
	display:none;
	background: #102B3E;
	height: 100%;
	left:0;
	position: fixed;
	top:0;
	width: 100%;
}
.menu-menu-mobile-container ul {
	float: none;
	margin: 0;
	padding: 0;
	height: 100%;
}
.menu-menu-mobile-container ul li {
	width:100%;
	text-align: center;
	padding: 30px 0 0 0;
	height: 16.3%;
}
.menu-menu-mobile-container ul li.logo {
	text-align: center;
	padding:15px 0 0 0;
}
.menu-menu-mobile-container ul li a, .menu-menu-mobile-container ul li a:hover, .menu-menu-mobile-container ul li a:active {
	color:#fff !important;
	text-decoration: none;
}
.menu-toggle {
	align-items: center;
	background: none;
  backface-visibility: hidden;
	border: none;
  cursor: pointer;
  height: 25px;
  justify-content: center;
  position: fixed;
  right: 20px;
  top: 0;
  width: 30px;
	padding:0;
  z-index: 1;
	margin-top: 25px;
}
.menu-toggle > div {
	position:relative;
	width:30px;
	height: 1px;
	background: #102B3E;
	align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease 0s;
}
.menu-toggle > div::before,
.menu-toggle > div::after {
	background: inherit;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: -10px;
	transition: all 0.3s ease 0s;
	width: 30px;
	z-index: 1;
}
.menu-toggle > div::after {top:10px;}
.toggled-on .menu-toggle > div {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	background: #fff;
}
.toggled-on .menu-toggle > div::before,
.toggled-on .menu-toggle > div,
.toggled-on .menu-toggle > div::after {height: 2px;}
.toggled-on .menu-toggle > div::before,
.toggled-on .menu-toggle > div::after {
	top: 0;
	background: #fff;
  transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
/****** GMAP ******/
#gmap {
	height: 430px;
	width: 100%;
	position: relative;
}
.page-template-page-contact #gmap, .page-template-page-contact #map-canvas-contact {height:100%}
#map-canvas {
    height: 430px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
#map-block {
	position: absolute;
	width: 100%;
	height: 430px
}
.liste-map li#mail {background-image: url('img/icon-mail-y.png');}
.liste-map li#fax {background-image: url('img/icon-fax-y.png');}
.liste-map li#phone {background-image: url('img/icon-phone-y.png');}
@media all and (-webkit-min-device-pixel-ratio : 1.5),
 all and (-o-min-device-pixel-ratio: 3/2),
 all and (min--moz-device-pixel-ratio: 1.5),
 all and (min-device-pixel-ratio: 1.5) {
  .liste-map li#fax {
    background-image: url('img/icon-fax-y@2x.png');
    background-size: 18px 18px;
  }
	.liste-map li#mail {
    background-image: url('img/icon-mail-y@2x.png');
    background-size: 18px 12px;
  }
	.liste-map li#phone {
    background-image: url('img/icon-phone-y@2x.png');
    background-size: 18px 18px;
  }
}
/****** FOOTER ******/
.site-footer {
	color:#fff;
  background: #102B3E;
	clear: both;
	/*margin: 0 -10px;*/
}
.site-footer a {
	color:#fff;
	text-decoration: none;
}
.site-footer ul {
	list-style: none;
	padding: 0;
	margin: 25px 0;
}
.site-footer ul li {padding: 10px 0;font-size: 12px}
.site-footer ul li a {font-size: 12px}
.address-footer {
	padding: 35px 0;
}
ul.liste-footer, ul.liste-map {
	margin: 0;
	padding: 10px 0;
}
li#mail, li#fax, li#phone {
	list-style-type: none;
  background-repeat: no-repeat;
  background-position: left center;
  padding:5px 0 5px 30px
}
.liste-footer li#mail {background-image: url('img/footer-mail.png');}
.liste-footer li#fax {background-image: url('img/footer-fax.png');}
.liste-footer li#phone {background-image: url('img/footer-phone.png');}
@media all and (-webkit-min-device-pixel-ratio : 1.5),
 all and (-o-min-device-pixel-ratio: 3/2),
 all and (min--moz-device-pixel-ratio: 1.5),
 all and (min-device-pixel-ratio: 1.5) {
  .liste-footer li#fax {
    background-image: url('img/footer-fax@2x.png');
    background-size: 18px 18px;
  }
	.liste-footer li#mail {
    background-image: url('img/footer-mail@2x.png');
    background-size: 18px 12px;
  }
	.liste-footer li#phone {
    background-image: url('img/footer-phone@2x.png');
    background-size: 18px 18px;
  }
}
.footer2 {
	border-top: 1px solid #fff;
	margin:0 10px;
	padding:10px 0;
}
.menu-footer3-container {clear:both}
.menu-footer3-container ul li {float:left;padding-right:15px}
/**********************************/
/****** HOMEPAGE ******/
#h1-full-height {
  height:100%;
  width:100%;
  position: relative;
}
#titre-page {
	z-index: 10;
	background: #fff;
	align-self: center;
	-webkit-align-self: center; /* Safari 7.0+ */
}
#titre-home {
	z-index: 10;
	background: #fff;
	align-self: center;
	-webkit-align-self: center; /* Safari 7.0+ */
	position: absolute;
}
#mastertitle {
	z-index: 10;
	background: #fff;
	align-self: center;
	-webkit-align-self: center; /* Safari 7.0+ */
}
.row-flex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display:flex;
	/*align-items: center;
	-webkit-align-items: center; /* Safari 7.0+ */
}
#h1-full-height .entry-header {
  bottom:18%;
  position: absolute;
  width: auto;
}
.arrow-down {
	background: #f9f9f9;
	z-index: 10;
  bottom:0;
  width: 100%;
  position:absolute;
}
#bg-cabinet {height: 350px;width:100%;}
#avocats {position: relative}
#bg-avocats-1, #bg-avocats-2 {height: 500px}
#bg-avocats-2 {position: absolute;}
#avocats #titre-home {position: relative;bottom: 0;margin-top: -140px}
#bg-avocats {height:620px;width:58.31%;}
#bg-competences {height: 550px;width:41.65%;}
#bg-engagements {height:350px;width:100%;}
.home .secondary-title ul {margin:30px 0 0}
.home .secondary-title li {padding:10px 0;}
/****** PAGE CONTENU ******/
.page-int {padding-top:84px}
.page-template-default ul.post-meta {
	display: none;
}
.entry-content td {
	padding:10px 0
}
.entry-content td.picto {
	width:30px;
	vertical-align: top;
	width: 60px;
}
.entry-content h2 {padding-top: 70px}
.col-8 table {padding: 30px 0 60px}
.page-id-7 table ul {
	padding: 0 0 0 30px;
}
/****** AVOCATS ******/
.margin-r-2 {
	right:0;
	margin-right: 16.66%;
}
.margin-r-1 {
	right:0;
	margin-right: 8.33%;
}
.avocats .padding-20 {float:left;width: 100%}
.avocats p.button {margin-top: 0}
.post-11 h2, .post-13 h2 {
	text-align: right;
	line-height: 100%;
	padding:5px 20px 0 0;
}
.page-template-page-avocat #art hr {
	float: none;
	margin: 50px auto;
}
.page-template-page-avocat ul.button-avocats {
	clear:both;
	display: block;
	padding: 0;
	list-style: none;
}
.page-template-page-avocat ul.button-avocats li {
	float: left;
	width: 50%
}
.sharebutton {
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 60px
}
.page-template-page-avocat ul.button-avocats li a, .single .social-share a {padding:15px 0}
.page-template-page-avocat .entry-content .col-10, .page-id-15 .col-10 {width: 83.33%}
#losdosavocados {
}
#losdosavocados #titre-home {position: relative !important;}
.page-template-page-avocat .height-8 {
	height: 80%
}

/****** CONTACT ******/
article#post-17 .entry-content p {margin: 12px 0;}
article#post-17 .entry-content img {margin:-5px 5px 5px 0}
/****** ARTICLES ******/
.wp-caption {padding:30px 0}
.wp-caption p {text-align: center;}
.wp-caption img {margin: 0 auto;display: block;}
.date-meta, .social-share {padding-right: 15px}
.date-meta hr {float:right;margin-top: 20px}
.social-share ul {padding: 0;margin: 0;width: 100%;list-style: none;}
.social-share li {clear:both;float:right;margin:7px 0}
.date-meta h3 {
	text-align: right;
	line-height: 110%;
}
.category .social-share {display: none;}
.category h2, .single-post h2 {padding: 0 0 10px 0}
p.author {padding-bottom: 20px}
.category a.more-link {display: none}
.readmore {padding-top: 20px}
.category .post a {font-weight: bold;}
.category article {padding-bottom: 50px}
.single-post .readmore {display: none;}
.single article .col-10, .category article .col-10 {padding-left:15px}
.single-post .post figure {display: block;margin: 0 auto;padding: 40px 0}
.single-post .post figcaption {text-align: center;padding-top: 5px}
.single ul.post-meta {
	list-style: none;
	margin: 40px 0 0;
	padding:20px 10px;
}
.category ul.post-meta {display: none;}
.single ul.post-meta li {
background: #fff;
	padding: 13px;
}
.single ul.post-meta li .link-doc {
	background: url('img/icon_fiscalite.png') no-repeat;
	padding: 5px 0 5px 30px;
	display: block;
	float: left;
	margin: -3px 0 0;
}
.single ul.post-meta li .link-url {
	background: url('img/icon_url.png') no-repeat;
	padding: 5px 0 5px 30px;
	display: block;
	float: left;
	margin: -3px 0 0;
}
@media all and (-webkit-min-device-pixel-ratio : 1.5),
 all and (-o-min-device-pixel-ratio: 3/2),
 all and (min--moz-device-pixel-ratio: 1.5),
 all and (min-device-pixel-ratio: 1.5) {
  .single ul.post-meta li .link-doc {
    background-image: url('img/icon_fiscalite@2x.png');
    background-size: 30px 30px;
  }
	.single ul.post-meta li .link-url {
    background-image: url('img/icon_url@2x.png');
    background-size: 30px 30px;
  }
}
/******* MEDIA QUERIES ******/
@media (min-width:1080px) {
	#art .col-10 {width: 66%}
	.espaces .right {float:right;}
	.espaces .left {float:left;}
	.reverse-left {float:right}
	.reverse-right {float:left}
}
@media (max-width:1079px) {
	#primary {padding:0 30px;}
	h1.entry-title-home {padding: 10px 20px 10px 30px;}
	.footer-central {padding:40px}
	.site-info {text-align: center;clear: both;}
	.container-text {padding:30px 20px 60px}
}
@media (max-width:940px) {
	header {position: absolute}
	.nav-top {position:relative}
	.navbar {position:fixed}
	header .col-3 {width: 100%}
	.small .main-nav {background: none;}
	.mega-menu-wrap li.mega-menu-item {width: 100% !important;}
	ul.mega-sub-menu {display: none !important;}
	#mega-menu-wrap-primary .mega-menu-toggle::after {content: "";}
	.toggled-on .menu-menu-mobile-container {display: block}
	.container-nav2, .mega-menu-wrap {display: none !important;}
	.menu-toggle {display: block;}
	.logo img.menu-image-title-hide {width: 70% !important;}
	.site-footer {width:auto;}
	#primary {padding:0 10px;}
 	h1.entry-title-home {padding: 10px 0 10px 10px;}
	.page-id-15 .col-10 {width:100% !important}
	/*.col-2 {width:19%}*/
	#h1-full-height .col-5, #competences .col-5 {width:50%}
	.page-template-page-avocat section article .col-3 {width: 100%}
	.post-11 h2, .post-13 h2 {text-align: left;padding-bottom: 10px}
	.post-11 .col-9, .post-13 .col-9 {width: 100% !important}
	footer .col-10 {width: 100%;padding: 0 20px;}
	footer .col-3, footer .col-2, footer .col-5 {width: 33%}
	ul.button-avocats {width: 33%;margin:0 auto}
}
@media (max-width:720px) {
	.col-2 {width:32%;}
	#h1-full-height .col-5, .home-main .col-5, .home-main .col-4, #page #titre-home, #map-block > div {
		width:90% !important;
		margin-left: 5%;
		margin-right: 5%
	}
	.home-main {padding: 120px 0 0}
	.home .home-main {padding: 42px 0 0}
	#h1-full-height .col-10, #page .height-5 .col-10, #page .height-6 .col-10 {width: 100%;margin:0;}
	.page-template-page-avocat #page .height-5 .col-10 {position: relative !important}
	#h1-full-height { clear: both;display: block;height: auto;overflow: hidden;padding-top: 84px;position: relative;width: 100%;}
	#mastertitle {position: relative;margin-top: -80px}
	#titre-int {display: block;overflow: hidden;}
	.row-flex {display: inherit;}
	.arrow-down {display: none}
	.margin-t-2 {margin-top:130px}
	.home .margin-t-2 {margin-top: 0;padding-top: 42px}
	#titre-home {position: relative;z-index: 100;margin-top: -80px !important}
	#bg-home {height: 240px;position: relative !important;z-index: 1;}
	#competences {width: 100%;display: block;}
	#bg-cabinet {height: 240px;position: relative;z-index: 1;}
	#bg-avocats {height:240px;width: 100%;margin: 0;position: relative;z-index: 1;}
	#bg-avocats-2 {display: none;}
	#bg-avocats-1 {
		background: url('img/thomas-simon-aurelien-massaguer-avocats.jpg') no-repeat scroll center top / cover !important;
		margin-left: 0 !important;
		margin-right:0 !important;
		width: 100% !important;
		height: 400px !important
	}
	#bg-competences {height: 240px;width: 100%;margin: 0;position: relative;z-index: 1;}
	#bg-engagements {height:240px;}
	.page-int {display: block;overflow: hidden;height: auto !important}
	.page-template-page-avocat #bg-home {height: 290px}
	#avocats .margin-t-1, #engagements .margin-t-2 {margin-top: -84px}
	.margin-b-2 {margin-bottom: 84px;}
	.col-4 {width: 100%}
	.category section .col-10, .single section .col-10 {width: 90%}
	.category section .col-10 article .col-2, article .col-2 {width: 100%}
	.date-meta h3 {text-align: left;}
	.date-meta hr {float: left;margin-bottom: 15px}
	.single article .col-10, .category article .col-10, .page-template-page-avocat article .col-10 {padding-left: 0;width:100%}
	h1.archive-title, .page-template-page-contact h1, .page-id-38 h1 {text-align: center;}
	.social-share {clear: both;float: left;}
	.social-share li {display: inline-block;clear:none;float: left;}
	.social-share li img {width: 40px;height: auto;}
	.mobile-t-left {text-align:left}
	#losdosavocados {padding-top: 84px}
	#map-block > div {margin-top:15px}
}
@media (max-width:560px) {
	header {margin-right: 0}
	.padding-20 {padding:15px}
	p, table, li {font-size: 13px}
	.padding-b {padding-bottom: 10px}
	p.button {margin-top:20px}
	.entry-content p {margin: 10px auto 15px}
	h1 {
		font-size:18px;
		padding:10px 0;
	}
	h2 {
		font-size:16px;
		padding:10px 0
	}
	.page-template-page-contact .col-10 {width: 100%}
	#page #main .padding-t-1 {padding-top: 42px;}
	#art .col-100 .col-10 {width:90%}
	#page .margin-b-2 {margin-bottom: 34px;}
	.col-8, .col-6 {width:100%}
	.col-8 table {padding:0 0 20px}
	hr {margin-bottom: 20px}
	.home .secondary-title ul {margin:15px 0 0}
	.home .secondary-title li {padding: 5px 0;}
	.col-6 {width: 100%;}
	.aurelien {padding-top: 125px}
	footer .col-10 {width: 100%;padding: 0 10px;}
	footer .col-3, footer .col-2, footer .col-5 {width: 100%}
	.site-footer ul {margin: 0}
	.site-footer ul#menu-footer1 {margin-top: 15px}
	.footer2 p.t-right, .footer2 p.t-left {text-align: center;}
	.footer2 p.padding-r-1 {padding: 5px 0 0}
	.page-id-7 table ul {padding: 0 0 0 15px}
	.entry-content table li {padding-bottom: 10px}
	#tab-comp {width: 100% !important}
	ul.button-avocats {width: 50%;}
	#gmap {height:280px}
	#map-canvas {height: 280px}
}
@media (max-width:720px) and (min-width:560px) {
	#bg-avocats {
		background: rgba(0, 0, 0, 0) url("http://localhost:8888/massaguer-simon/wp-content/uploads/2017/07/avocats-2.jpg") no-repeat scroll center -75px / cover !important;
	}
}
@media (min-width:1300px) {
	#bg-avocats-1 {
		background-position: right top !important;
		background-size: contain !important;
	}
	#bg-avocats-2 {
			background-position: left top !important;
			background-size: contain !important;
	}
}
@media (min-width:1300px) and (min-height:900px){
	#bg-avocats-1, #bg-avocats-2 {
		height: 650px
	}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
}
