/*
Theme Name:		alto Child
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Author:     	Art2com sarl
Template:    	alto
*/

@import url("../alto/style.css"); 
@import url("./fonts/stylesheet.css"); 

body {color:#7f7f82 !important; font-family:"klavika_basic_regularregular"!important; letter-spacing:0.1px; font-size:15px!important;}
*,
*:focus,
*:active,
a:active,
a:focus,
a:active,
a:focus,
input:focus,
input:active {-moz-outline-style:none!important; outline:none!important; outline:0!important;}
a {text-decoration :none!important;}
h1 {font-size:15px!important; margin-top:0px!important; font-family:"klavika_basic_regularregular"!important;}
h1#subtitle {margin-left:36px; background-repeat:no-repeat; height:50px; line-height:2em; padding-left:97px; margin-bottom:26px!important;}
h2 {font-size:15px!important; margin-top:0px!important; font-family:"klavika_basic_regularregular"!important;}
h3 {font-family:"klavika_basic_regularregular"!important; font-size: 15px !important;color:#7f7f82!important;}
.content-section h2 {text-transform: uppercase!important;}
.entry-content h1 {color:#8d9c42!important;}
body.page-template-template-section-page:not(.page-id-29) .image-section img:hover {opacity:1;}
body:not(.page-id-29) .image-section img {opacity:1;}
body.page-template-template-section-page:not(.page-id-29) .image-section img {opacity:0.7; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} 
body.page .entry-content {margin-left: 36px; margin-right: 36px;}
body.home .entry-content {margin-left:0px!important; margin-right:0px!important;}
h1#p404 {color:#8d9c42!important;}
header {top:0!important; position:fixed; z-index:1000; background-color:white!important; width:100%;}
header .container {background-color:white!important;}
.navbar-default {background-color:transparent!important; border-color:transparent!important; float:right;}
#masthead {clear: left; height: auto !important;}
div.site-branding {text-align:center; margin-top:30px;}
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > li > a:hover,
a {background-color:transparent!important;}
.nav-screen.navbar-nav > li > a {padding-bottom:10px!important; padding-top:10px!important;}
.nav-screen.navbar-nav > li:not(.menu-item-has-children) > a {color:#7b7979;}
.dropdown-menu > li > a {padding:5px 9px!important; float:right!important; text-align:right; width:100%; color:white!important;}
.nav > li > a {padding:5px 9px!important;}
ul#main-menu {font-family:"klavika_basic_regularregular"!important;}
.site-navigation-inner {height:0px;}
ul.dropdown-menu {border-radius:0px!important; background-color:rgba(180, 216, 151, 0.7)!important; padding:0px!important; border:none!important; box-shadow:none!important; left:-109px!important; min-width:180px;}
li.menu-item-has-children a {color:#8d9c42;}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {background-color:#b4d897!important; color:white!important;}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {background-color:#b4d897!important; background-image:none!important;}
a.button span {background-color:rgba(180, 216, 151, 0.7); color:white; padding:8px 18px; float:right; margin-top:12px;font-family:"klavika_basic_regularregular"!important;}
a.button.droite span:after {content: "▶"; font-size: 10px;position:relative;top:-2px;right:-2px;}
a.button.gauche span:before {content: "◀"; font-size: 10px;position:relative;top:-2px;left:-2px;}
a.button span:hover, a.button:hover, a.button:active, a.button span:active  {background-color:rgba(128, 168, 23, 1)!important;}
.bloc-service {background:none repeat scroll center center rgba(0, 0, 0, 0); width:20%; float:left; text-align:center; height:300px; margin-top:100px;}
.bloc-service h2 {color:#fff!important; margin-top:26px!important; height:34px; padding:0 26px;}
.bloc-service a {display:block; margin-top:200px; text-decoration:none;}
.bloc-service a span {background-color:rgba(255, 255, 255, 1); padding:8px 18px;font-family:"klavika_basic_regularregular"!important;}
.bloc-service a span:after {content: "▶"; font-size: 11px;position:relative;top:-2px;right:-3px;}
.bloc-service a span:hover {background-color:#7F7F82;color:#FFFFFF;}
#service-mediation a {color:#bdbcbc;}
#service-securite-et-sante a {color:#b4d897;}
#service-architecture a {color:#d3d2d2;}
#service-expertise a {color:#b4d897;}
#service-project-management a {color:#dedddd;}
div.row-section,
div.row-post {padding-right:36px; padding-left:36px; border-top:1px dashed #7f7f82; padding-top:26px; padding-bottom:26px; float:left;}
div.content-section,
div.description-section {float:right; padding:0px;}
body:not(.page-id-29 ) div.row-section-intro {/*float:right;*/ width:75%;}
div.image-section.col-sm-12 {padding:0px 52px 0px 0px;}
div.image-section {float:left;}
div.bxslider {float:left;}
ul.bxslider {padding:0px!important;}
#map-canvas {height:600px;}
img.attachment-post-thumbnail.wp-post-image {width:100%; height:auto;}
.row-post,
.row-section {width:100%;}
.contact {width:100%; text-align:center;}
.bx-prev,
.bx-next {opacity:0;}
.image-section img, .image-section li {width:100%; min-height:1px!important;}
.main-color {color: #7f7f82!important;}
.row-section .row-container {clear:right;}
@media (min-width:768px) {
	.navbar-collapse {padding-right:0px!important; padding-left:0px!important; margin-top:86px!important;}
	div.collapse.navbar-collapse.navbar-responsive-collapse {padding:0!important; }
	.main-content .main-content-inner {margin-top:200px;}
	header .container {padding-bottom:0px!important;}
}
@media screen and (max-width:767px) {
	.menu-responsive-middle {display:none;}
	.nav-screen {display:block;}
	.navbar-toggle {z-index:1000;}
	button.navbar-toggle  {position:fixed; top:0; right:0; margin-top:30px;}
	.dropdown-menu > li > a {padding-left:15px!important; background-color:rgba(180, 216, 151, 0.7)!important; text-align:left;}
	.dropdown-menu > li > a:hover {background-color:rgba(180, 216, 151, 1)!important;}
	#main-menu {background-color:white; width:calc(100% - 26px) !important; z-index:1000!important; position:absolute; padding:0px!important;}
	#main-menu li a {width:100%!important; float:left; z-index:1000!important;}
	#main-menu > li > a:hover {background-color:rgba(215, 215, 215, 0.8)!important;}
	div.image-section.col-sm-12 {padding:0px; width:100%;}
	.content-section {margin-top:26px;}
	.main-content .main-content-inner {margin-top:110px;}
	#masthead .container {padding-bottom: 0px!important;}
	.navbar-nav {margin-bottom:0px!important;}
	div.bloc-service {width:100%; float:left; background:none no-repeat scroll center center rgba(0, 0, 0, 0);}
	div.content-section, div.description-section, div.row-section-intro {width: 100%!important;}
	div.row-section-intro {padding-left:0px;}
	/* test */
	.image-section.col-sm-12.col-md-4.none {display:none!important;}
	div.image-section.col-sm-12.col-md-4.none  + div.content-section, div.image-section.col-sm-12.col-md-4.none  +  div.description-section {float: left!important;}
	div.image-section.col-sm-12.col-md-4.none  + .page-template-template-section-page-php .row-section .content-section.none.col-sm-12 {padding: 0 0 0 0px !important;}
	/* end test */
}
@media screen and (min-width:768px) and (max-width:991px) {
/* test */
.image-section.col-sm-12.col-md-4.none {display:none!important;}
div.image-section.col-sm-12.col-md-4.none  + div.content-section, div.image-section.col-sm-12.col-md-4.none  +  div.description-section {float: left!important;}
div.image-section.col-sm-12.col-md-4.none  + .page-template-template-section-page-php .row-section .content-section.none.col-sm-12 {padding: 0 0 0 0px !important;}
/* end test */

	.menu-responsive-middle {display:block; width:100%; text-align:center; margin-top:150px;}
	.nav-screen {display:none;}
	ul.navbar-responsive-nav {padding:0px;}
	ul.navbar-responsive-nav > li {list-style-type:none; display:inline-block;}
	ul.navbar-responsive-nav > li:not(.menu-item-has-children) > a {color:#7b7979;}
	ul.navbar-responsive-nav > li > a {padding:10px 9px!important; text-decoration:none;}
	.content-section {margin-top:26px;}
	div.image-section.col-sm-12 {padding:0px; width:100%;}
	.dropdown-menu {margin:10px 0 0!important;}
	div.content-section, div.description-section, div.row-section-intro {width: 100%!important;}
	div.row-section-intro {padding-left:0px;}
	.bloc-service h2 {padding-left: 22px!important; padding-right: 22px!important;}	
}
@media screen and (min-width:992px) {
	.row-container a.button span {clear:left; margin-top:-36px!important;}/*ici pour le -33*/
	.menu-responsive-middle {display:none;}
	.nav-screen {display:block;}
	ul.nav.nav-screen.navbar-nav {float:right;}
	.page-template-template-section-page-php .row-section .image-section.col-sm-12 {padding:0!important;}
	.page-template-template-section-page-php .row-section .content-section.col-sm-12 {padding: 0px 0px 0px 52px!important;}
	.page-template-template-section-page-php:not(.page-id-29 ) .row-section-intro.col-sm-12 {padding-left: 52px!important;}
	.row-section .row-container, body:not(.page-id-29) .row-container, h1#subtitle {width:907px!important; margin-left:auto!important; margin-right:auto!important;}
	.entry-content {margin-left:0px!important; margin-right:0px!important;}
	/*body:not(.page-id-29) div.row-section-intro {padding-left:52px;}*/
}
body:not(.page-id-54) .main-content .container {width:100%!important; padding-left:0px!important; padding-right:0px!important;}	
.row-section .row-container, h1#subtitle {max-width:1170px!important;}
.row-section-intro .entry-content {padding-top:26px!important; padding-bottom:16px!important;}
body.page-id-29 .image-section img {width:300px!important;}
body.page-id-29 .entry-content {margin-left:0px!important;margin-right: 0px!important;}
body.page-id-29 .entry-content .row-section:first-child, body.page-id-29 .entry-content .row-section:nth-child(2) {border:1px dashed transparent!important;}
body.page-id-29 .entry-content .row-section:nth-child(2) .row-container {padding-top:26px!important; border-top: 1px dashed #bdbcbc!important;}
body.page-id-29 .entry-content .row-section:first-child {padding-bottom:0px!important;}
body.page-id-29 .row-section-intro .entry-content {padding-top: 0 !important;}
img.no-picture {width: 200px!important; height:200px!important;}
body.page-id-29 .row-intro > .row-container, body.page-id-29 .row-section-intro {width: 100%!important; max-width:100%!important;}
@media screen and (min-width:768px) and (max-width: 1024px) {
	body.home .bloc-service {margin-top: 80px!important;}
	body.home .main-content .main-content-inner {margin-top: 180px!important;}
	body:not(.home.page-id-54) .col-sm-4.col-last,body:not(.home.page-id-54) div.col-sm-4 + div.col-sm-4 + div.col-sm-4 {padding-right:12px!important;}
	body.home.page-id-54 div.col-sm-4.col-last,body.home.page-id-54 div.col-sm-4 + div.col-sm-4 + div.col-sm-4 {padding-right:5px!important;}
}
@media screen and (max-width:767px) {
	div.col-sm-4.col-last, div.col-sm-4 + div.col-sm-4 + div.col-sm-4 {padding-right:5px!important;}
	#main-menu {background-color:white; width:100% !important; z-index:1000!important; padding:0px!important;position:inherit!important;}
	.navbar-nav {margin-left: 0px!important; margin-right: 0px!important;}
}

@media screen and (min-width:1025px) {
	div.col-sm-4.col-last, div.col-sm-4 + div.col-sm-4 + div.col-sm-4 {padding-right:5px!important;}
}

@media screen and (min-width:1200px) {
	.row-section .row-container, body:not(.page-id-29) .row-container, h1#subtitle {width:1115px!important; margin-left:auto!important; margin-right:auto!important;}
}

.collapse.navbar-collapse.navbar-responsive-collapse {margin-right: -2px;}


ul:not(#main-menu):not(.dropdown-menu):not(#main-menu-responsive):not(.bxslider):not(#wp-admin-bar-root-default):not(.ab-top-menu) {
    margin: 0;
    padding: 0 1em;
    list-style: none;
    margin-bottom:10px;
}
ul:not(#main-menu):not(.dropdown-menu):not(#main-menu-responsive):not(.bxslider):not(#wp-admin-bar-root-default):not(.ab-top-menu) li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.87em;
    position: relative;
}
ul:not(#main-menu):not(.dropdown-menu):not(#main-menu-responsive):not(#wp-admin-bar-root-default):not(.ab-top-menu) li { 
	line-height:1.0em!important;
}
body.error404 h1#p404 {padding: 0px 36px 10px 36px!important;}

body.error404 .row-section {padding-top:16px!important;}

.bx-wrapper .bx-viewport {box-shadow: 0 0 0 transparent!important;}

/*.row-container + .row-container {float: right!important; height:100%!important;}*/

.image-section, .content-section {min-height: 1px;}

ul.bxslider {margin-bottom :0px!important; padding:0px!important;}


.button.gauche {

-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
     -o-animation: fadein 0.5s; /* Opera < 12.1 */
        animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0; }
}

.row-container + .row-section {
    border-top: 0px dashed #7f7f82!important;
    /*padding: 6px 36px 26px 36px!important;*/
}

#credits{width:250px;font-size:10px;margin:25px auto;}
#credits a{color:#7f7f82 !important;}