/*

 Theme Name:   Strappress child

 Description:  Child theme of strappress

 Template:     strappress

 Version:      1.0.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  strappress-child

*/

@font-face {

    font-family: 'arquitectaw00-blackregular';

    src: url('fonts/arquitecta_w00_black-webfont.woff2') format('woff2'),

         url('fonts/arquitecta_w00_black-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'arquitectaw00-boldregular';

    src: url('fonts/arquitecta_w00_bold-webfont.woff2') format('woff2'),

         url('fonts/arquitecta_w00_bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'arquitectaw01-bkregular';

    src: url('fonts/arquitecta_w01_bk-webfont.woff2') format('woff2'),

         url('fonts/arquitecta_w01_bk-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'montserratbold';

    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),

         url('fonts/montserrat-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'montserratregular';

    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),

         url('fonts/montserrat-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'robotolight';

    src: url('fonts/roboto-light-webfont.woff2') format('woff2'),

         url('fonts/roboto-light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'robotoregular';

    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),

         url('fonts/roboto-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}





html body{

	padding-top: 150px;

	overflow-x: hidden;

}

html body.home, html body.home #menu_principal, html body.page:not(.home) #menu_principal{

    background: url('/wp-content/uploads/2018/01/background-marbre_Boursault-Hill-Catherine-cabinet-chirurgie-esthetique-plastique.jpg');

}

html body.page-template-template-full-width-no-title.home{

	/*padding-top: 210px;*/

	padding-top: 194px;
	
	/* padding-top: 310px; */

}

html body.page-template-template-full-width-no-title:not(.home),

html body.page-template-template-full-width-no-title-patient-cpam-hospi,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cabinet,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cli,

	html body.page-template-template-full-width-no-title-patient-cpam-cli-dermato,

	html body.page-template-template-full-width-no-title-patient-cpam-cabinet{

	padding-top: 179px;	

}

html body.page-template-template-full-width-no-title-patient{

	padding-top: 205px;

}	

h2{

	margin-top: 0;

}

/*--------------------------------------*/

/* ------- STYLE HEADER ------ */

/*--------------------------------------*/



#nav_coordonnees{

	background-color: #ffffff;

    padding: 7px 0;

    z-index: 99999;

}

#nav_coordonnees .texte-left{

	font-family: 'arquitectaw01-bkregular', sans-serif;

}

#coordonnees_droite a{

	font-family: 'arquitectaw00-boldregular', sans-serif;

}

#coordonnees_droite ul.access{

    list-style-type: none;

    display: inline-block;

    margin: 0;

    padding: 0;

}

.caret{

	margin-left: -2px;

    vertical-align: unset;

}

.dropdown-menu>.active>a{

	background-color: transparent;

    color: #715256 !important;

}

.dropdown-menu>.active>a:hover{

	background-color: transparent;

    color: #715256 !important;

    text-decoration: underline;

}

#coordonnees_droite ul.access a{

	font-family: 'arquitectaw00-blackregular', sans-serif;

	text-transform: uppercase;

}

#coordonnees_droite ul.access a img{

	vertical-align: top;

}

#coordonnees_droite ul.access > li > ul{

    left: auto !important;

    right: 0;

}

#nav_coordonnees > div > div:first-child{

	padding-left: 0;

}

#nav_coordonnees > div > div:last-child{

	text-align: right;

}

#nav_coordonnees > div > div:first-child > span, #nav_coordonnees h1{

	text-transform: uppercase;

	letter-spacing: 2px;

	font-size: 14px;

	line-height: 20px;

	margin: 0;

}

#nav_coordonnees span, #nav_coordonnees a, #nav_coordonnees h1{

	color: #715256 !important;

}

span.baton_separateur {

    padding: 0 5px;

}

html .wpml-ls-legacy-list-horizontal{

    padding: 0;

    display: inline-block;

    border: none;

}

html .wpml-ls-legacy-list-horizontal a span{

    vertical-align: unset;

}

html .wpml-ls-legacy-list-horizontal a{

	line-height: normal !important;

    padding: 0;

}

#logo img{

	margin-right: 15px;

}

.nav_principal{

	top: 34px !important;

	background-color: transparent;

    border: none;

    margin-bottom: 0;

    padding: 27px 0;

}

.nav_principal li > a

{

	color: #565656 !important;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-family: 'arquitectaw00-boldregular', sans-serif;

}

html .navbar-nav {

    padding-top: 25px;

    padding-left: 15px;

}

html .nav.navbar-nav > li:first-child > a{

	padding-left: 0;

}

html .nav.navbar-nav > li:last-child > a{

	padding-right: 0;

}

html .navbar-nav > li.active > a, html .nav > li > a:hover,  html .nav > li.open > a{

    background-color: transparent !important;

}

html .navbar-nav > li.active > a, html .navbar-nav > li > a:hover{

    color: #715256 !important;

}



/*--------------------------------------*/

/* ------- STYLE CONTENT ------ */

/*--------------------------------------*/



/*-----------------------*/

/* ---- HOME --- */

/*-------------------------*/

.ligne_block > div {

    min-height: 300px;

}

#ligne-block-lien-1 > div > div, #ligne-block-lien-2 > div > div {

    padding-top: 0 !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

}

.text-intro-home p{

	font-family: 'robotolight', sans-serif;

	color: #715256;

    font-size: 12px;

    text-align: center;

}

/*#ligne-block-lien-1 > div:first-child p{

    font-family: 'robotolight', sans-serif;

}*/

#ligne-block-lien-1 > div:nth-child(2) > div{

    background-position: bottom center !important;

}

#ligne-block-lien-1 > div:last-child > div{

    background-position: bottom center !important;

}

#ligne-block-lien-2 > div:first-child > div {

    background-position: bottom left !important;

}

#ligne-block-lien-2 > div:nth-child(2) > div {

    background-position: bottom center !important;

}

#ligne-block-lien-2 > div:last-child > div {

    /*background-position: bottom right !important;*/

    background-position: right center !important;

}



/*.ligne_block > div:first-child p {

    color: #715256;

    font-size: 12px;

    line-height: 20px;

    padding: 20px 15px 0 15px;

}*/

.ligne_block > div:first-child a {

    background-color: #00000021;

}

.ligne_block .wpb_text_column h2 {

    font-family: 'arquitectaw00-blackregular', sans-serif;

}

.ligne_block .wpb_text_column h2 a {

    position: absolute;

    width: 100%;

    height: 100%;

    padding-top: 20px;

    padding: 20px 15px 0 15px;

    text-transform: uppercase;

    font-size: 18px;

    color: #fff;

    letter-spacing: 2px;

}

.ligne_block .wpb_text_column h2 a:hover {

    text-decoration: none;

}

/*-----------------------*/

/* ---- AUTRES PAGE --- */

/*-------------------------*/

body:not(.home) article p,

body:not(.home) article span,

body:not(.home) article a,

body:not(.home) article .text-img div

{

	font-family: 'montserratregular', sans-serif;

	/*font-weight: bold;*/

}

body:not(.home) article .text-img div{

	color: #565656 !important;

}

body:not(.home) h1,body:not(.home) h2{

	font-family: 'arquitectaw00-blackregular', sans-serif;

}

html .titre-img {

	margin-bottom: 60px;

}

.titre-img img{

	float: left;

	margin-right: 15px;

}

.titre-img h1{

	padding-top: 11px;

}

.ligne-page > div:nth-child(1) .wpb_single_image {

	margin-bottom: 0;

}

.ligne-page .colonne-gauche-img > div{

    background-position: left top !important;

    background-size: inherit !important;

    min-height: 650px;

}

body.page-id-109 .ligne-page .colonne-gauche-img > div,body.page-id-100 .ligne-page .colonne-gauche-img > div{

    background-position: left bottom !important;

    background-size: inherit !important;

    min-height: 650px;

}

.ligne-page > div:nth-child(1){

    margin-right: 50px;

}



.ligne-page > div:nth-child(2) h1, .ligne-page > div:nth-child(2) h2, body.page-template-template-full-width-no-title-patient .ligne-page > h1{

    color: #715256 !important;

    letter-spacing: 2px;

    text-transform: uppercase;

    line-height: 43px;

    margin-top: 0;

}

body.page-template-template-full-width-no-title-patient .ligne-page{

	margin: 200px 0;

}

.ligne-page > div:nth-child(2) {

    padding-top: 40px;

}

.ligne-page > div:nth-child(2) p{

    color: #565656 !important;

}

html .ligne-page .violet, html .ligne-page .violet p, html .ligne-page .violet a,

html .violet, html .violet p, html .violet a{

	color: #715256 !important;

}

html .violet.bold p, html .violet.bold p > a{

	font-family: 'montserratbold', sans-serif !important;

}

.size-16 p{
	font-size: 16px !important;
}
.section-link a{

	color: #565656 !important;

}

html .ligne-page .gris, html .ligne-page .gris p{

	color: #565656 !important;

	text-transform: initial !important;

	letter-spacing: normal !important;

}

html .ligne-page .gris a{

	color: #565656 !important;

	text-decoration: underline;

}

.vc_tta-panel-heading{

	background-color: transparent !important;

    border: none !important;

}

.vc_tta-panel-title a,

.vc_tta-panel-body{

    padding-left: 70px !important;

}

.vc_tta-panel-title i{

    margin-left: 15px !important;

    right: inherit !important;

    color: #715256 !important;

}

.vc_tta-panel-title i::before{

    left: 1px !important;

    right: 1px !important;

    top: 1px !important;

    bottom: 1px !important;

    border-width: 0 1px 1px 0 !important;

}

html .petit-texte, html .petit-texte p{

	font-size: 10px;

}

.ligne-page-2 > div{

	padding-top: 20px !important;

}

.font_arquitecta_bold,

.font_arquitecta_bold p{

	letter-spacing: 2px;

	font-family: 'arquitectaw00-boldregular', sans-serif !important;

    font-size: 18px;

}

.effet-liste p, .effet-ss-liste p{

	padding-left: 15px;

    line-height: 20px !important;

    font-family: 'montserratregular', sans-serif !important;

    font-size: 14px !important;

}

.effet-ss-liste p{

	padding-left: 30px;

}

.text-img > div > p{

	float: left;

	margin-right: 15px;

}

.text-img > div > div{

	line-height: 24px;

}

.wpb_gallery_slides{

    overflow: hidden !important;

}

.wpb_gallery_slides ol.flex-control-nav{

    display: none !important;

}

.colonne-petit-texte > div{

	padding: 15px 55px !important;

	margin-left: 30px;

}

.petit-texte-mobile{

	display: none;

}

.row-petit-texte{

    position: fixed !important;

    z-index: 99;

    top: 50%;

    padding: 7px 7px !important;

    margin: 0 !important;

    max-width: 320px;

    width: 100% !important;

    background-color: #715256;

    right: 0 !important;

    left: inherit !important;

}

/*--------------------------------------*/

/* ------- STYLE FOOTER ------ */

/*--------------------------------------*/

#footer{

    margin-top: 30px;

    margin-bottom: 10px;

}

.copyright > p {

	color: #565656 !important;

	letter-spacing: 1px;

	text-transform: uppercase;

    font-size: 12px;

 	font-family: 'arquitectaw00-boldregular', sans-serif;

}

.powered , .powered > a{

	color: #a1a1a0 !important;

	letter-spacing: 1px !important;

	text-transform: uppercase !important;

    font-size: 12px !important;

    font-family: 'arquitectaw00-boldregular', sans-serif;

}

body.page-id-125 .wpb_gallery_slides img, body.page-id-125 .wpb_gallery_slides{

       max-width: 785px !important;

       width: 100% !important;

       height: auto !important;

}

body.page-id-125 .wpb_gallery_slides{

	margin-bottom: 0;

}

/*--------------------------------------*/

/* ------- MEDIA QUERY ------ */

/*--------------------------------------*/

@media screen and (min-width: 768px){

	body.home .ligne_block > div {

	    overflow: hidden;

	}
	.mb-15-desktop{
		margin-bottom: 35px !important;
	}

	body.home .ligne_block > div > div{

	    -webkit-transition: all .8s ease;

	    -o-transition: all .8s ease;

	    transition: all .8s ease;

	}

	body.home .ligne_block > div > div:hover{

	    -webkit-transform: scale(1.06);

	        -ms-transform: scale(1.06);

	            transform: scale(1.06);

	}

}

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

}

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

	html body{

		padding-top: 200px;

	}

	html body.home{

		padding-top: 270px !important;

	}

	html body.page-template-template-full-width-no-title{

		/*padding-top: 250px;*/

	}

	html body.page-template-template-full-width-no-title:not(.home),

	html body.page-template-template-full-width-no-title-patient-cpam-hospi,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cabinet,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cli,

	html body.page-template-template-full-width-no-title-patient-cpam-cli-dermato,

	html body.page-template-template-full-width-no-title-patient-cpam-cabinet{

	    padding-top: 259px !important;

	}

	.navbar-header{

		float: none;

		text-align: center;

	}

	#logo img {

		margin-right: 0; 

	}

	html .navbar-collapse{

		text-align: center;

	}

	html .navbar-nav {

	    padding-left: 0;

    	display: inline-block;

    	float: none;

	}

	.ligne-page .colonne-gauche-img > div{

	    background-position: center top !important;

	}

	body.page-id-109 .ligne-page .colonne-gauche-img > div{

	    background-position: left bottom !important;

	}

	.row-petit-texte{

		display: none !important;

	}

	.petit-texte-mobile{

		display: block;

	}

}

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

	.vc_tta-panel-title a, .vc_tta-panel-body {

	    padding-left: 0 !important;

	}

}

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

	html body{

		padding-top: 224px;

	}

	html body.home{

		padding-top: 300px !important;

	}

	html body.page-template-template-full-width-no-title{

		padding-top: 270px;

	}

	html body.page-template-template-full-width-no-title:not(.home),

	html body.page-template-template-full-width-no-title-patient-cpam-hospi,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cabinet,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cli,

	html body.page-template-template-full-width-no-title-patient-cpam-cli-dermato,

	html body.page-template-template-full-width-no-title-patient-cpam-cabinet{

	    padding-top: 300px !important;

	}

	#nav_coordonnees > div > div{

		text-align: center !important;

		padding-left: 0 15px;

	}

	.nav_principal {

    	top: 57px !important;

	}

	.nav_principal ul > li > a{

	    padding: 7px 15px;

	}

	.nav_principal ul > li:last-child > a{

	    padding: 7px 15px 7px 0;

	}

}

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

	html body{

		padding-top: 150px;

		-webkit-transition: .5s all ease;

		-o-transition: .5s all ease;

		transition: .5s all ease;

	}

	html body.home{

		padding-top: 192px !important;

	}

	html body.open_menu_mobile{

		padding-top: 358px;

		-webkit-transition: 0s all ease;

		-o-transition: 0s all ease;

		transition: 0s all ease;

	}

	html body.page-template-template-full-width-no-title{

		padding-top: 214px;

		-webkit-transition: .5s all ease;

		-o-transition: .5s all ease;

		transition: .5s all ease;

	}

	html body.page-template-template-full-width-no-title.open_menu_mobile{

		padding-top: 413px;

		-webkit-transition: 0s all ease;

		-o-transition: 0s all ease;

		transition: 0s all ease;

	}

	html body.page-template-template-full-width-no-title:not(.home),

	html body.page-template-template-full-width-no-title-patient-cpam-hospi,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cabinet,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cli,

	html body.page-template-template-full-width-no-title-patient-cpam-cli-dermato,

	html body.page-template-template-full-width-no-title-patient-cpam-cabinet{

	    padding-top: 228px !important;

	}

	#menu_principal{

	    top: 47px !important;

	}

	#nav_coordonnees{

	    z-index: 9999;	

	}

	html body.open_menu_mobile #menu_principal{

	    background-color: #fff;

	    padding-bottom: 0;

	}

	.navbar-collapse{

	    margin-top: 17px;

	}

	.nav.navbar-nav{

	    margin-top: 0;

    	padding-top: 0;

	}

	.nav_principal ul > li > a {

    	padding: 12px 15px;

	}

	.ligne-page > div:nth-child(1):not(.colonne-galerie) {

	    display: none !important;

	}

	.ligne-page > div:nth-child(2) {

	    padding: 0 15px;

	}

	body.page-id-125 .ligne-page{ /*Page galerie*/

	    display: table;

	    padding: 0 15px;

	}

	body.page-id-125 .ligne-page > div.colonne-galerie{

	    display: table-footer-group;

	}

	body.page-id-125 .ligne-page > div:nth-child(2){

	    margin-bottom: 50px;

	}

	body.page-id-125 .wpb_gallery_slides{

       /*max-height: 545px !important;*/

	}

	body.page-id-125 .wpb_gallery_slides img{

       height: 545px !important;

	}

	body.home #ligne-block-lien-1 > div:first-child{

		order: 2;

	}

	body.home #ligne-block-lien-1 > div:nth-child(2){

		order: 1;

	}

	body.home #ligne-block-lien-1 > div:last-child{

		order: 3;

	}

	body.home #ligne-block-lien-2 > div:first-child{

		order: 1;

	}

	body.home #ligne-block-lien-2 > div:nth-child(2){

		order: 2;

	}

	body.home #ligne-block-lien-2 > div:last-child{

		order: 3;

	}

}

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

	html body.home {

	    padding-top: 221px !important;

	}

	#menu_principal{

	    top: 76px !important;

	}

}

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

	html body.home {

	    padding-top: 261px !important;

	}

}

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

	.vc_tta-panel-title i {

	    right: 0 !important;

	}

}

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

	html body.page-template-template-full-width-no-title:not(.home),

	html body.page-template-template-full-width-no-title-patient-cpam-hospi,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cabinet,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cli,

	html body.page-template-template-full-width-no-title-patient-cpam-cli-dermato,

	html body.page-template-template-full-width-no-title-patient-cpam-cabinet{

	    padding-top: 279px !important;

	}

}

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

	#coordonnees_droite ul.access > li > ul{

		width: 100% !important;

	}

	.dropdown-menu>li>a{

		white-space: inherit;

	}

}

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

	#logo img{

		width: 100%;

	}

}

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

	html body.home {

	    padding-top: 296px !important;

	}

	html body.page-template-template-full-width-no-title:not(.home),

	html body.page-template-template-full-width-no-title-patient-cpam-hospi,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cabinet,

	html body.page-template-template-full-width-no-title-patient-hors-cpam-cli,

	html body.page-template-template-full-width-no-title-patient-cpam-cli-dermato,

	html body.page-template-template-full-width-no-title-patient-cpam-cabinet{

	    padding-top: 306px !important;

	}

	#menu_principal {

	    top: 107px !important;

	}

}