/* ****************************************************************************************** */
/* SMARTPHONE MODERNE + TABLETTE PORTRAIT */
/* ****************************************************************************************** */
@media screen and (max-width:1150px){
	
	/* ************************************************** */
	/* HOMEPAGE */
	/* ************************************************** */    
        div#content{margin-top:0px !important;}
	div.inner{width:auto;}
        div#content #data{padding: 20px;}   
        
	.tabs-menu{display:none;}
	h2.accordion{display:block;}

	.button.favorite.not:hover,
	input[type=submit].favorite.not:hover,
	input[type=button].favorite.not:hover{background-image: url(../images/icons/star-full.svg);}

	#pageScrollTop{display:none !important;}

	/* ************************************************** */
	/* HOMEPAGE */
	/* ************************************************** */	
	body.cms-homepage #homepage.inner, 
	body.cms-homepage #homepage-presentation .inner, 
	body.cms-homepage #homepage-map .inner{width:auto;}
	
	#homepage-presentation .misc-presentation h2{padding:0 90px;}	
	#homepage-presentation .misc-presentation .text{padding:0 150px;}

	#homepage-presentation{background-size:50%;padding:0 20px;}
	#homepage-presentation .misc-presentation h2{padding:0;font-size:2.2em;}
	#homepage-presentation .misc-presentation .text{padding:0;}

	/* ************************************************** */
	
	#homepage-map{padding-top:0;}
	#homepage-map .site-map{display:block;}	

        /* ************************************************** */
        
	#homepage-landing .misc-presentation{padding:20px;}
	#homepage-landing .misc-presentation .inner{width:auto;margin-bottom:20px;}
	
	#homepage-landing .misc-presentation .inner figure img{max-width:100%;height:auto;}
	
	#homepage-landing .misc-presentation .inner .image{margin:0 auto 20px auto;max-width:initial;float:none !important;}
	#homepage-landing .misc-presentation .inner .infos{margin:0 auto 20px auto;max-width:initial;float:none !important;}
	
	#homepage-landing .misc-presentation .inner h2{text-align:center;}
	#homepage-landing .misc-presentation .inner .text{padding:0;width:auto;}
	#homepage-landing .misc-presentation .inner .more{text-align:center;}

	/* ************************************************** */
	/* HEADER */
	/* ************************************************** */
	header#header-main{height:initial;    position: static;top: 0;width: auto;}
        
	body.action-completion header#header-main{min-height:initial;}
	
	header#header-main .logo{text-align:left;margin-right:10px;margin-bottom:0;}
	
        header#header-main #baseline{padding:45px 0 10px 0;position:static;}
        
	header#header-main.scroll{position:static;top:0;width:auto;}
	div#content.scroll{margin-top:0;}	
	header#header-main.scroll #menu ul li a{text-align:center;padding:5px 0;}
	
	header#header-main div#member-overview{top:10px;right:0;width:auto;}
	header#header-main div#member-overview .empty{text-align:center;margin-top:-5px;}
	header#header-main div#member-overview figure.name{margin-left:10px;}
	
	header#header-main div#member-overview .icons a{padding:22px 5px 0 5px;}
	header#header-main div#member-overview .cta{display:none;}	
	
	/* ************************************************** */
		
	header#header-main .logo img{width:94px;}
	body#pro header#header-main .logo a{width:94px;height:30px;}
	
	header#header-main div#member-overview{margin-right:0;    width: auto;margin-top: -10px;}
	body.connected header#header-main div#member-overview{margin-right:0;}
        #member-overview .notices{width:300px;}	
	#member-overview .empty a{padding:8px 5px;}
	
	div#member-overview .icons a.feed, 
	div#member-overview .icons a.notification, 
	div#member-overview .icons a.message, 
	div#member-overview .icons a.parameter{margin-top: 3px;padding:0;width:50px;text-indent: -9000px;background-size: auto 22px;}

	div#member-overview .icons a span.nb {right: -3px;}
	
	#member-overview nav.menu-account{right:-4px;}
	#member-overview nav.menu-account::before {right:15px;}
	#member-overview nav.menu-account::after {right:12px;}

	#member-overview .empty a{font-size:inherit;}


	/* ************************************************** */
	/* MENU */
	/* ************************************************** */		
	/*
	#menu{float:none;clear:both;position:static;padding:12px 0 0 0;border-right:0;}
	body.connected #menu{border-right:0;}
	#menu ul li{width:14%;}
	#menu ul li span{font-size: 1.2em;position: absolute;top: 10px;left: 50%;}
	#menu ul li a{height:35px;background-size: auto 30px;background-position: 35% center;}	
	
	#menu{left:310px;}			
	#menu ul li a{padding:22px 5px 0 5px;}
	
	*/
	/* ************************************************** */
	/* FOOTER */
	/* ************************************************** */	
	footer#footer-main .inner{width:auto;}
	footer#footer-main .inset{display:block;text-align:center;margin:0 0 40px 0;float:none;}
	footer#footer-main .inset ul{list-style-type:none;}
	footer#footer-main .links{margin-bottom:0;}
	
	/* ************************************************** */
	/* FOOTER */
	/* ************************************************** */	
	footer#footer-main .inset{width:auto;}
	
	/* ************************************************** */
	/* PAGE */
	/* ************************************************** */	
	#page .block-left,
	#page .block-right{float:none;width:auto;}
	
	.tpl-image img,
	.tpl-text img{width:100%;height:auto;}

	.tpl-text iframe{width:100%;}
	
	/* ************************************************** */
	
	#page .tpl-t6 .tpl-t6-top-content,
	#page .tpl-t6 .tpl-t6-middle-content, 
	#page .tpl-t6 .tpl-t6-bottom-content{width:auto;border:none;}
	#page .tpl-t6 .block-right{margin-left:0;}
	#page .tpl-t6 .block-left{width:auto;}	
	
	/* ************************************************** */
	
	body#p-1443893622 #page header,
	body#p-1442238350 #page header,
	body#p-1397138662 #page > header{display:block;}	
	
	/* ************************************************** */
	
	body.T10 #page .t10-top .tpl-t10{padding:20px;margin-left: 10px;margin-right: 10px;}
	body.T10 #page .t10-top .tpl-t10 .tpl-text{width:auto;margin-bottom:20px;}
	
	body.T10 #page .t10-block figure img{width:100%;height:auto;}
	
	body.T10 #page .t10-block.IMAGE-LEFT .block-left{margin:0 auto 20px auto;}
	body.T10 #page .t10-block.IMAGE-RIGHT .block-right{margin:0 auto 20px auto;}
	
	body.T10 #page .t10-block.IMAGE-LEFT .block-right{margin:auto;max-width:initial;}
	body.T10 #page .t10-block.IMAGE-RIGHT .block-left{margin:auto;max-width:initial;}
	
	body.T10 #page .t10-block h2{text-align:center;}
	body.T10 #page .t10-block .tpl-text{padding:0 20px;width:auto;}
	body.T10 #page .t10-block .cta{text-align:center;}
	
	body.T10 #page .t10-block.VIDEO-ALONE .video{margin:0 20px;}
	body.T10 #page .t10-block.VIDEO-ALONE .video iframe{width:100%;}
	
	body.T10 #page .t10-bottom .tpl-t10 .tpl-text{width:auto;}
	
	/* ************************************************** */
	/* FORM */
	/* ************************************************** */	
	.component-resource-form .resources-form-form{width:auto;}
	.component-resource-form .resources-form-form .field label{float:none;width:auto;}
	
	.component-resource-form input[type=text], 
	.component-resource-form input[type=password], 
	.component-resource-form select, 
	.component-resource-form textarea{width:75%;}
	.component-resource-form .resources-form-form .field{text-align:center;}
	
	#form-bug .component-resource-form form{width:90%;}
	
	/* ************************************************** */
	/* NEWS */
	/* ************************************************** */
	#news .news-list{float:none;width:auto;}
	.news-list article figure{width:100%;}
	.news-list article figure img {width: 100%;height: auto;}
	.news-list article figure.news-image{height:auto;margin-top:0}
	
	#news .right-col{float:none;width:auto;}
	
	.news-community{clear:both;}
	.news-community h2{text-align:center;}
	
	#news .news-content-left{width:100%;}
	#news .description img{width:100%;height:auto;}

	#user .user-left{width:auto;}
	#user .right-col{float:none;width:auto;}		

	/* ************************************************** */
	/* DIRECTORY */
	/* ************************************************** */
	.directory-map{display:none; }
	.twiza-directory .customer{margin-top:20px;}

	/* ************************************************** */
	/* SITES */
	/* ************************************************** */
	#site .characteristics .col{float:none;width:auto;border-right:0;min-height:initial;margin:0 0 20px 0;}

	/* ************************************************** */
	/* MEMBER / PROFILE */
	/* ************************************************** */
	#member-profile{width:auto;}
	#member-profile .tabs-menu{display:none;}	
	
	#member-profile .intro{margin-right:20px;}
	
	#member-profile .details{margin-right:0;margin-left:0;}
	#member-profile .details .tab{display:block;}
	#member-profile .details .tab h2.accordion{display:block;}	
	
	#member-profile aside.col-right{float:none;text-align:center;margin:0 0 0 0;padding:20px;width:auto;}	
	
	#member-profile aside.profile-col-right{overflow:hidden;position:static;float:none;width:auto;margin-top:0;padding-top:0;}
	
	#member-profile aside.profile-col-right .contacts, 
	#member-profile aside.profile-col-right .statistics, 
	#member-profile aside.profile-col-right .address{
		margin-right:0;
	}
	
	#member-profile aside.profile-col-right .share{display:none;}
	
	#member-profile .col-right hgroup{display:block;}
	#member-profile .col-right h2.accordion{display:block;}
	
	#member-profile .customer-sites .site{padding:0 10px 10px 10px;}
	
	#member-profile .tab{border:0;padding:0;}
	
        #member .col-left .member-profile .p-top{         
            background-image: none !important;
            background-color: transparent !important;
            border-bottom: 0;          
        }
        #member .col-left .member-profile .p-top figure{top:10px;}
        #member .col-left .member-profile .p-details{padding-top: 20px;}
        #member .col-left .member-profile .p-details .link:nth-of-type(3){display:none;}
        #member .col-left .member-profile .p-details .link{padding:0 5px;display:inline-block;}
        #member .col-left .member-profile .p-stats{display:none;}
        
	/* ************************************************** */
	/* MEMBER / COMPLETION */
	/* ************************************************** */	
	#member-completion .step{width:auto;}
	#member-completion .step3 ul.categories li.level2{float:none;width:auto;}
	
	/* ************************************************** */
	/* MEMBER / TALK */
	/* ************************************************** */
	#member-talk .talk-home #talkers ul li .details{width:30%;}
	
	#member-talk .col-left{display:none;}
	#member-talk .col-left.talk-home{display:block;}
	
	#member-talk .col-right{margin-left:0;}
		
	/* ************************************************** */
	/* MEMBER / FEED */
	/* ************************************************** */			      
        #member #member-account-feed .col-right{float:none;width:auto;max-width:500px;margin:auto;}	
	#member #member-account-feed .col-left{float:none;margin:auto;display:none;}	
	#member #member-account-feed .col-third{margin-left:0;}
        
	/* ************************************************** */
	/* MEMBER / ACCOUNT */
	/* ************************************************** */	
	#member-account-photos .liste-image li figure{    height: 125px;}		
			
	/* ************************************************** */
	/* SITE */
	/* ************************************************** */		
	body.action-site #member-profile{width:auto;}
	
	#site .tabs-menu{display:none;}	
	
	#site .informations{margin-top:0;margin-right:0;margin-left:0;}
	#site .informations .tab{display:block;}
	#site .informations .tab h2.accordion{display:block;}	
	
	#member-profile .site-infos{width:auto;float:none;text-align:center;margin-bottom:0;}
	
	#site aside.col-right{float:none;text-align:center;margin:0;padding:20px;width:auto;}
		
	#site aside.col-right .statistics,
	#site aside.col-right .share,
	#site aside.col-right .distance{display:none;}	
		
	/* ************************************************** */
	/* SITE SEARCH */
	/* ************************************************** */		
	.site-map,
	.showMap{display:none;}		
		
	/* ************************************************** */
	/* CUSTOMER / SITE */
	/* ************************************************** */	
	#customer-account-site .step2 #maps{display:none;}		
	
	#customer-account-site .step2 .dates span{display:block;}
	#customer-account-site .step2 .dates label {display: inline-block;width: 95px;}
		
	/* **************************************************************************************************** */
	/* TWIZA-PARAMETER / TWIZA-CATEGORY */
	/* **************************************************************************************************** */
	#category header{display:block;}		
	#category header h1{text-align:center;}
		
	/* **************************************************************************************************** */
	/* PUBLICATIONS */
	/* **************************************************************************************************** */	
	#publication{width:auto;}
	
	.member-publication-listing .message .actions li.like-details{display:none;}	
	
	.member-publication-listing .message .media.link figure{height:auto!important;}
	.member-publication-listing .message .media.link figure img{margin-top:0!important;}
	
	.member-publication-media ul li{width:33%;margin: 0 0 5px 0;}
	.member-publication-media ul li .infos{display: none;}

	.member-publication-publish .form-buttons .go select{width:150px;}

	/* **************************************************************************************************** */
	/* VIEW */
	/* **************************************************************************************************** */	
	.l-content{float:none;margin:0 0 0 0;width:auto;}	
	.c-content{margin-left:0;margin-top:10px;padding-left:0;}
	
	.l-content .sh{display:block;}
        
	.twiza-map .filters{margin:0 0 20px 0;}
	.twiza-map .legend{border-top:1px solid #AAAAAA;}
	
	#twiza-view .nb{text-align:center;}
	
	#twiza-listing .explain{margin:0 0 20px 0;}
	#twiza-listing .sh-map{}
	#twiza-listing .map-area{}
	
	#twiza-listing .tabs-menu{display:block;}
	
	.site{overflow:hidden;}
	.site .name{margin-right:0;}
	.site .name a{font-size: 1.2em;}
	.site .distance{position:static;}
	.site .text{display:none;}	
	.site .more{display:none;}
	#member-profile .site .interactions,
	.site .interactions{top:initial;bottom:5px;}
	
	/* **************************************************************************************************** */
	/* MEMBER / PRO */
	/* **************************************************************************************************** */		
	#member-profile-pro header{height:215px;}
	#member-profile-pro header hgroup h1 p:nth-of-type(1){font-size:1.5em;word-break:break-word;}
	#member-profile-pro header hgroup h1 p:nth-of-type(2){font-size:0.9em;}
	#member-profile-pro header hgroup h1 p:nth-of-type(3){font-size:0.65em;}
	#member-profile-pro header .nextContact{display:none;}
	#member-profile-pro header .interactions{padding-top:10px;}
	#member-profile-pro header .stats{display:none;}
	#member-profile-pro .stats{display:block;}
	
        #member-profile-pro #pro-menu ul li{margin-right:0;}
        
	#member-profile-pro .propos .corporate{display:none;}
	#member-profile-pro .propos .baseline{display:none;}
	
	#member-profile-pro .propos .intro{width:640px;margin:auto;}
	#member-profile-pro .propos hgroup{width:450px;}
	#member-profile-pro .propos .intro figure{width:100px;}
	#member-profile-pro .propos .intro .bio{margin-left:130px;}
	
	#member-profile-pro .photos hgroup{width:450px;}
	#member-profile-pro .photos .member-publication-media{width:700px;margin:auto;}
	#member-profile-pro .photos .member-publication-media ul li{margin-bottom:5px;}
	#member-profile-pro .photos .member-publication-media .more{margin-top:35px;}
	
	#member-profile-pro .photos .member-photos{width:700px;margin:auto;}
	#member-profile-pro .photos .member-photos ul li{margin-bottom:5px;}
	#member-profile-pro .photos .member-photos .more{margin-top:35px;}	
	
	#member-profile-pro .avis hgroup{width:450px;}
	#member-profile-pro .twiza .pres{font-size:1.9em;}
	#member-profile-pro .twiza hgroup{width:450px;}
	
	#member-profile-pro .twiza .member-publication-listing{width:500px;}
	
	#member-profile-pro .contact-form .maps{width:45%;}
	#member-profile-pro .contact-form .infos{width:45%;}
	#member-profile-pro .contact-form .contact-details{margin-bottom:30px;width:640px;}
	#member-profile-pro .contact-form .component-resource-form input[type=text], 
	#member-profile-pro .contact-form .component-resource-form input[type=password], 
	#member-profile-pro .contact-form .component-resource-form select, 
	#member-profile-pro .contact-form .component-resource-form textarea{width:100%;}
	
	#member-profile-pro footer{padding-top:0px;margin:0 10px 0 10px;}
	
	/* **************************************************************************************************** */
	/* TWIZA / CATEGORY */
	/* **************************************************************************************************** */		
	#category .col-left{float:none;width:auto;padding:0;margin:0 0 20px 0;}
	#category .col-center{margin-left:0;margin-top:0;}
	
	.responsive-menu-category {
	    display: block;
	    text-align: center;
	    font-weight: bold;
	    cursor: pointer;
	    background: url(../images/icons/arrow_down.svg) 98% center no-repeat;
	    background-size: 25px;
	    border: 1px solid #AAAAAA;
	    text-align: left;
	    padding: 10px;
	}	
	
	.category-component-hierarchy > ul{display:none;}
	
	#category .tab{padding:0;border:0;}
	#category .accordion-content{border:1px solid #AAAAAA;}
	
	/* **************************************************************************************************** */
	/* TWIZA / DIRECTORY */
	/* **************************************************************************************************** */	
	#directory-account .step h1{width: auto;margin: 0 auto 20px auto;}
	#directory-account .inset-html p{font-size:1.6em;}
	#directory-account .inset-html img{width:100%;max-width: 100%;height:auto;}
	#directory-account .step .message{font-size:0.95em;}
	#directory-account .step .block{border-radius:6px;}
	
	#directory-account .step.address .contact .pres{font-size:1.25em;width:65%;}
	#directory-account .step.address .block-list .block:nth-of-type(1){width:550px;margin:0 auto 40px auto;float:none;}
	#directory-account .step.address .block-list .block:nth-of-type(2){width:550px;margin:0 auto 20px auto;float:none;}
	#directory-account .step.address .buttons{text-align:center;margin:0;}
	
	#directory-account .step.offer .inset-html img{width:auto;display:block;margin:0 auto 25px auto;max-width: 100%;height:auto;}
	#directory-account .step.offer .inset-html img:nth-of-type(3){margin-right:auto;}
	
	#directory-account .step.offer .block{width:auto;margin:0 auto 25px auto;}
	#directory-account .step.offer .block .inset-html{float:none;width:auto;}
	#directory-account .step.offer .block table{width:100%;float:none;margin-top:30px;border-top: 1px solid #E5E5E5;}
	#directory-account .step.offer .block table td:nth-of-type(2){padding: 10px 10px 10px 0;}
	#directory-account .step.offer .block table td:nth-of-type(1){border:0;}
	#directory-account .step.offer .block.validation{overflow:visible;margin-bottom: 150px;}
	#directory-account .step.offer .validation .buttons{margin-top:10px;text-align:center;}
	#directory-account .step.offer .validation .total{position:static;text-align:center;margin-top:15px;}
	
	#directory-account .step.offer .validation .sub-block{text-align:center;}
	#directory-account .step.offer .validation .sub-block:nth-of-type(1) label{display:block;margin:0 0 15px 0;}
	#directory-account .step.offer .validation .sub-block:nth-of-type(1) select{margin:0 0 15px 0;}
	#directory-account .certification{text-align:center;}
	
	#directory-account .step.payment .block{width:650px;margin:0 auto 25px auto;}	
	#directory-account .step.payment .block table td:nth-of-type(2){width:25px;}
	#directory-account .step.payment .block table tr.ttc{font-size: 1.45em;}
	#directory-account .step.payment .args li .title{font-size:1.75em;}
	#directory-account .step.payment .args li .text{font-size:0.9em;}
	#directory-account .step.payment .args li{background-size:auto 50px;padding-top:75px;}
	
	body#directory-confirmation #directory-account .step h1{width:auto;font-size: 2.8em;}
	body#directory-confirmation #directory-account .step h2{font-size: 1.85em;}
	body#directory-confirmation #directory-account .summary p, 
	body#directory-confirmation #directory-account .inset-html p{font-size: 1.4em;}



}