@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 1040px
-------------------------------------------------------------------*/

@media screen and (max-width: 2560px) {
        .nav-trigger { width: 30px; height: 20px;  margin: 20px 5% 20px 0; float:left; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
        .nav-trigger span { display: block; position: absolute; height: 2px; width: 100%; background: #005FA0; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
        .nav-trigger span:nth-child(1) { top: 0px; }
        .nav-trigger span:nth-child(2),.nav-trigger span:nth-child(3) { top:9px; }
        .nav-trigger span:nth-child(4) { top: 18px; }
        .nav-trigger.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; }
        .nav-trigger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
        .nav-trigger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
        .nav-trigger.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; }
        .nav {  float:none; position: absolute;     z-index: 118;     -webkit-box-shadow: 0px 10px 14px -9px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 10px 14px -9px rgba(0,0,0,0.25);
        box-shadow: 0px 10px 14px -9px rgba(0,0,0,0.25);}
        .nav-list-2 { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; position:relative; }
        .nav-el-1, .nav-el-2, .nav-el-1-link { width:100%; display:block; }
        .nav-el-1-link { padding-left:5% !important; padding-right:5% !important; }
        .nav-el-2-link { padding-left:7% !important; padding-right:7% !important; }
        .show { display:block; }
        .hide { display:none; } 
}

@media screen and (max-width: 1040px) {
	.wrapper { width:90%; }
	header .wrapper { width:100%; }
	.groupe { width: 100%; text-align: center;}
	input[type="text"] { width: auto; max-width: 210px;}
	.groupe form { float: none; margin: 0;}
	.groupe #showMyLocation { width: 100%;  margin: 0;}
}


/*-------------------------------------------------------------------
	Less than 880px
-------------------------------------------------------------------*/
@media screen and (max-width: 880px) {
	.why-choose li { width: 33.333%;}
}

/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    
    .background-inner {

    background-size: cover;

}
    
    .why-choose li { width: 50%;}
    .md-order-1 { order:1; }
	.md-order-2 { order:2; }
	.md-order-3 { order:3; }
	.md-order-4 { order:4; }
	.md-order-5 { order:5; }
	.md-grid-columns-1-11 { grid-template-columns:1fr 11fr; }
	.md-grid-columns-2-10 { grid-template-columns:2fr 10fr; }
	.md-grid-columns-3-9 { grid-template-columns:3fr 9fr; }
	.md-grid-columns-4-8 { grid-template-columns:4fr 8fr; }
	.md-grid-columns-5-7 { grid-template-columns:5fr 7fr; }
	.md-grid-columns-6-6 { grid-template-columns:6fr 6fr; }
	.md-grid-columns-7-5 { grid-template-columns:7fr 8fr; }
	.md-grid-columns-8-4 { grid-template-columns:8fr 4fr; }
	.md-grid-columns-9-3 { grid-template-columns:9fr 3fr; }
	.md-grid-columns-10-2 { grid-template-columns:10fr 2fr; }
	.md-grid-columns-11-1 { grid-template-columns:11fr 1fr; }
	.md-grid-columns-12 { grid-template-columns:12fr; }
	.md-grid-columns-equal-2 { grid-template-columns:6fr 6fr; }
	.md-grid-columns-equal-3 { grid-template-columns:4fr 4fr 4fr; }
	.md-grid-columns-equal-4 { grid-template-columns:3fr 3fr 3fr 3fr; }
	.md-grid-columns-equal-5 { grid-template-columns:2.4fr 2.4fr 2.4fr 2.4fr 2.4fr; }

}

/*-------------------------------------------------------------------
	Less than 595px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 595px) {
    .background-inner {
    background: none;

}
    
    .grid { grid-template-columns:100%; }
	.sm-order-1 { order:1; }
	.sm-order-2 { order:2; }
	.sm-order-3 { order:3; }
	.sm-order-4 { order:4; }
	.sm-order-5 { order:5; }
	.sm-grid-columns-1-11 { grid-template-columns:1fr 11fr; }
	.sm-grid-columns-2-10 { grid-template-columns:2fr 10fr; }
	.sm-grid-columns-3-9 { grid-template-columns:3fr 9fr; }
	.sm-grid-columns-4-8 { grid-template-columns:4fr 8fr; }
	.sm-grid-columns-5-7 { grid-template-columns:5fr 7fr; }
	.sm-grid-columns-6-6 { grid-template-columns:6fr 6fr; }
	.sm-grid-columns-7-5 { grid-template-columns:7fr 8fr; }
	.sm-grid-columns-8-4 { grid-template-columns:8fr 4fr; }
	.sm-grid-columns-9-3 { grid-template-columns:9fr 3fr; }
	.sm-grid-columns-10-2 { grid-template-columns:10fr 2fr; }
	.sm-grid-columns-11-1 { grid-template-columns:11fr 1fr; }
	.sm-grid-columns-12 { grid-template-columns:12fr; }
	.sm-grid-columns-equal-2 { grid-template-columns:6fr 6fr; }
	.sm-grid-columns-equal-3 { grid-template-columns:4fr 4fr 4fr; }
	.sm-grid-columns-equal-4 { grid-template-columns:3fr 3fr 3fr 3fr; }
	.sm-grid-columns-equal-5 { grid-template-columns:2.4fr 2.4fr 2.4fr 2.4fr 2.4fr; }
    
	.l-grid > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.show { display:block; }
	.groupe form input[type='submit'] { float: right; }
	.hide { display:none; }
	.why-choose { padding: 3em 0 2em 0;}
	.why-choose li { width: 100%; text-align: left;}
	.icon-btn { width: 80px; height: 80px; float: left; margin: 0; position: relative; margin: 0 1.5em 0 0;text-align: center; top: -15px; }
	.icon-btn .icon { background-size: contain; width: 60px; height: 60px; top:10px; }
    .v-spacer-big { padding: 30px 0 0 0; }
    
    .search-picture {  width: 100%; float:none; }
    
	/* Navigation */
    .nav { width:100%; position: relative; margin-left: 0; }
/*	.nav { width:100%; float:none; }
	.nav-list-2 { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; position:relative; }
	.nav-el-1, .nav-el-2, .nav-el-1-link { width:100%; display:block; }
	.nav-el-1-link { padding-left:5% !important; padding-right:5% !important; }
	.nav-el-2-link { padding-left:7% !important; padding-right:7% !important; }*/
	.has-2-tb-padding { padding: 2em 0; }
	h1 { font-size: 25px;}
	.slider-title { font-size: 30px; line-height: 33px; padding-top: 8px;}
	.punch-text { font-size: 50px;}
	.slider-content { padding: 40px 20px 0 20px; background-size: contain; background-position: center bottom;}
	.slider-picture { background-size: cover;background-position: bottom right -320px;}
	.color-0 .gradient { background:none; }
	.color-0 .slider {  }
	.slider .wrapper { width: 100%;}
	.nav-lang, .vs { display: none;}
	.versus-title { left: 50%;}
	.versus { margin-bottom: 1em; }
	.versus li { height: auto !important; }
	.has-right-border { border: none; }
	.versus-title-mobile { display: block; }
	.liste-ortho-container { width: 100%; float: none; }
	#carte { height: 400px !important; }
	.liste-ortho-container .liste-orthos { height: auto; max-height: 400px !important;}
    .nav-trigger { width: 30px; height: 20px; margin:5% 5% 5%  5%; }
	/* Navigation trigger */
    /*	.nav-trigger { width: 30px; height: 20px; margin:5% 5% 5% 0; float:right; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	.nav-trigger span { display: block; position: absolute; height: 1px; width: 100%; background: #005FA0; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.nav-trigger span:nth-child(1) { top: 0px; }
	.nav-trigger span:nth-child(2),.nav-trigger span:nth-child(3) { top:9px; }
	.nav-trigger span:nth-child(4) { top: 18px; }
	.nav-trigger.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; }
	.nav-trigger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.nav-trigger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.nav-trigger.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; }*/
}


/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	
}