/* ****************************************************************************************** */
/* PREMIERE GENERATION */
/* ****************************************************************************************** */
@media screen and (max-width:480px){

	/* ************************************************** */
	/* HOMEPAGE */
	/* ************************************************** */		
	#homepage-presentation {background-size: 40%;background-position: bottom center;}	
	#homepage-presentation .misc-presentation h2{font-size:2em;}

	/* ************************************************** */
	/* FORM */
	/* ************************************************** */	
	.component-resource-form input[type=text], 
	.component-resource-form input[type=password], 
	.component-resource-form select, 
	.component-resource-form textarea{width:100%;}
	
	/* ************************************************** */
	/* NEWS */
	/* ************************************************** */
	.news-theme-listing{float:none;width:auto;}
	.news-archives{float:none;width:auto;}

	/* ************************************************** */
	/* FAQ */
	/* ************************************************** */
	.customer-faq-categories ul li{margin:0 0 10px 0;width:auto;}
	.responsive-menu-faq{
		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;
	}		
	
	nav.faq-categories ul{width:auto;display:none;border: 1px solid #AAAAAA;border-bottom:0;border-top:0;}
	nav.faq-categories ul ul{display:block;border-left:0;border-right:0;}
	nav.faq-categories ul li{float:none;display:block;width:auto;height:auto;margin:0 !important;line-height:initial;}
	nav.faq-categories ul li a{text-align:center;padding:5px 0;display:block;}

	/* ************************************************** */
	/* DIRECTORY */
	/* ************************************************** */
	.twiza-directory .customers .customer figure{}
	.twiza-directory .customers .customer .pro-details{margin-left:0;}
	
	.pro h2{margin-left:0;font-size:1.5em;}
	
	.pro figure {
	    float: none;
	    margin: 0 auto 10px auto;
	}
	
	/* ************************************************** */
	/* SEARCH */
	/* ************************************************** */        
        #search .search-component-form .autocomplete{max-width:90%;width:90%;}
        #search .search-component-form .field input[type=text]{width:90%;max-width:90%;}
        
	/* ************************************************** */
	/* SEARCH COMPLEX */
	/* ************************************************** */
	.animation-search-complex form{text-align:center;}
	
	.animation-search-complex .find-first{display:block;text-align:center;margin:0 0 5px 0;}
		
	.animation-search-complex .WHAT,
	.animation-search-complex .WHERE,
	.animation-search-complex .WHEN,
	.animation-search-complex .submit{}		
		
	.animation-search-complex .submit{margin:0;padding:10px 0 0 0;}		

	/* ************************************************** */
	/* SITE / LISTING */
	/* ************************************************** */	
	.site .name{margin-left:0;}
	.site .text{margin-bottom:20px;}
	.site figure{float:none;margin:0 0 5px 0;width:auto;}
	.site .informations{margin-left:0;padding: 0 0 15px 0;}
	
	#map .site figure{display:none;}
		
	/* ************************************************** */
	/* PROS */
	/* ************************************************** */        
        #twiza-listing .pro figure{float: none;margin: 0 auto 20px auto;}
	
	.pros .pro  h2{text-align:center;margin:0 0 10px 0;}
	.pros .pro .infos h3{text-align:center;}
        .pros .pro .town{text-align:center;}
        .pros .pro .pro-details{margin-left:0;}
	.pros .pro .more{display:none;}
	
        .pros .pro .infos .refs{text-align:center;}
        .pros .pro .coords{display:block;}
        .pros .pro .mail, 
        .pros .pro .cellphone, 
        .pros .pro .website{display:block;border-left:0;border-top:1px solid #404040;text-align:center;}
        .pros .pro div:nth-of-type(1){border-top:0;}
        
	/* ************************************************** */
	/* SITE AND PROFILE */
	/* ************************************************** */	
	#member-profile .site-infos{text-align:center;margin: 10px 10px 10px 10px;}
	#member-profile .interactions a{min-width:40px;margin-left:0;}
	
	#member-profile header figure.carousel{}
	#member-profile header figure.carousel img{margin-top:0;}
	#member-profile header{padding-top:10px;}
	#member-profile header figure.member-identity{float: none;width: 140px;margin: auto;}
	#member-profile header figure.member-identity .box{width:140px !important;height:140px !important;}
	#member-profile header figure.member-identity img{width:100%;height:auto;}
	#member-profile .infos{padding-top: 30px;position: relative;left: initial;text-align: center;}
	
	/*#member-profile .interactions .switch{float:none;text-align:center;}*/
	#member-profile .interactions .favorite{text-indent:-100000px;width:40px;padding:0;}

	/* ************************************************** */
	/* MEMBER */
	/* ************************************************** */
	#member-login-choice{width:90%;}
	
	#member .col-right{width:auto;float:none;margin-left:0;}
	
	#member #member-account-feed .col-left{width:auto;}
	#member #member-account-feed .col-right{margin-left:0;width: auto;}

	.responsive-menu-account{
		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;
	}		
	
	#account-menu-global ul{width:auto;display:none;border: 1px solid #AAAAAA;border-bottom:0;border-top:0;}
	#account-menu-global ul ul{display:block;border-left:0;border-right:0;}
	#account-menu-global ul li{float:none;border-bottom:1px solid #AAAAAA;display:block;}
	#account-menu-global ul li a{text-align:center;padding:5px 0;}
	
	#account-menu-global ul ul li{border-bottom:0;}
		
	#member .col-left #account-menu-global ul li ul{padding-top:0;border-top:1px solid #AAAAAA;border-bottom:0;}	
	#member .col-left #account-menu-global ul li{margin:0;}
	
	#account-menu-global ul lu li:nth-last-of-type{border-bottom:0;}

	#customer-password input[type=text]{width:90%;}
	
	#customer-account-completion .step{width:auto;}

	#member .col-left{float: none;width: auto;margin: 0;}

	/* ************************************************** */
	/* CUSTOMER / NOTIFICATIONS */
	/* ************************************************** */
	#member-profile .col-right .notice .message{margin:0 60px 0 0;}
		
	/* ************************************************** */
	/* CUSTOMER / TALK */
	/* ************************************************** */	
	#member-talk .talk-home #talkers ul li .details .details-last{display:none;}
	#member-talk .talk-home #talkers ul li .date{width:100px;float:none;}
	#member-talk .talk-home #talkers ul li .action{position: absolute;top: 5px;right: 0;}
	#member-talk #talkers ul li .action a{min-width:initial;}
	#member-talk .talk-home #talkers ul li .details{width:40%;}
	
	#member-talk .messages{padding:0;}
	#member-talk .message{background:#EEEEEE;border:1px solid #EEEEEE;}
	#member-talk .message figure{display:none;}
	#member-talk .message p{margin:0;padding: 5px 5px 5px 5px;clear:both;background:none;}
	#member-talk .message::before{display:none;}
	#member-talk .message time{margin:6px 0 0 6px;}
	
	#member-talk .message.me time{margin:6px 6px 0 0;}
	#member-talk .message.me{background:none;}
	
	#member-profile .participation-content .infos{padding-top:15px;text-align:left;color:inherit;}
	
	/* ************************************************** */
	/* CUSTOMER / SITE */
	/* ************************************************** */	
	#customer-account-site table tr{display:block;overflow:hidden;padding:5px;}
	#customer-account-site table th,
	#customer-account-site table td{display:block;text-align:center;}
	
	#customer-account-site table tr:last-of-type{border:0;}
	
	#customer-account-site table tr:nth-of-type(1){display:none;}
	
	#customer-account-site table tr td:nth-of-type(1){font-size:1.2em;float:none;font-weight:bold;}
	#customer-account-site table tr td:nth-of-type(2){text-align:center;}
	#customer-account-site table tr td:nth-of-type(3){text-align:center;}
	#customer-account-site table tr td:nth-of-type(4){display:none}
	#customer-account-site table tr td:nth-of-type(5){text-align:center;}

	#customer-account-site .step .message{display:none;}
	#customer-account-site .form-information{display:none;}
	#customer-account-site .step2 #maps{display:none;}
	#customer-account-site .step3 .liste-image li{float:none;width:auto;}
	#customer-account-site .step3 .liste-image li .mini .legend input{width:95%;}

	/* ************************************************** */
	/* CUSTOMER / ASK */
	/* ************************************************** */	
	#customer-account-ask table tr{display:block;overflow:hidden;padding:5px;border-bottom:1px solid #CCCCCC;position:relative;}
	#customer-account-ask table tr:last-of-type{border:0;}
	#customer-account-ask table th,
	#customer-account-ask table td{display:block;text-align:center;border:0;}
	
	#customer-account-ask table tr:nth-of-type(1){display:none;}
	
	#customer-account-ask table tr td:nth-of-type(1){font-size:1.2em;float:none;font-weight:bold;margin-right:55px;}
	#customer-account-ask table tr td:nth-of-type(1) figure{display:none;}
	
	#customer-account-ask table tr td:nth-of-type(2){text-align:center;position: absolute;right: 0;}
	#customer-account-ask table tr td:nth-of-type(3){text-align:left;}
	#customer-account-ask table tr td:nth-of-type(4){text-align:center;position: absolute;top: 8px;right: 0;}	
	
	/*#customer-account-ask table tr td:nth-of-type(5){display:none;}*/
	
	#customer-account-ask table td.member{text-align:left;}
	#customer-account-ask table td.action{text-align:center;}
	
	/* ************************************************** */
	/* CUSTOMER / PARTICIPATE */
	/* ************************************************** */	
	#customer-account-participate table tr{display:block;overflow:hidden;padding:5px;border-bottom:1px solid #CCCCCC;position:relative;}
	#customer-account-participate table tr:last-of-type{border:0;}
	#customer-account-participate table th,
	#customer-account-participate table td{display:block;text-align:center;border:0;}
	
	#customer-account-participate table tr:nth-of-type(1){display:none;}
	
	#customer-account-participate table tr td:nth-of-type(1){font-size:1.2em;float:none;font-weight:bold;margin-right:55px;}
	#customer-account-participate table tr td:nth-of-type(1) figure{display:none;}
	#customer-account-participate table tr td:nth-of-type(1) p{display:inline;}
	
	#customer-account-participate table tr td:nth-of-type(2){text-align:center;position: absolute;right: 0;}
	#customer-account-participate table tr td:nth-of-type(3){text-align:left;}
	#customer-account-participate table tr td:nth-of-type(4){text-align:center;position: absolute;top: 8px;right: 0;}	
	/*#customer-account-participate table tr td:nth-of-type(5){display:none;}*/
	
	#customer-account-participate table tr td.name{text-align:left;}
	
	/* ************************************************** */
	/* CUSTOMER / PROFESSIONALS */
	/* ************************************************** */	
	#customer-account-ask-professional-connection table tr{display:block;overflow:hidden;padding:5px;border-bottom:1px solid #CCCCCC;position:relative;}
	#customer-account-ask-professional-connection table tr:last-of-type{border:0;}
	#customer-account-ask-professional-connection table th,
	#customer-account-ask-professional-connection table td{display:block;text-align:center;border:0;}
	
	#customer-account-ask-professional-connection table tr:nth-of-type(1){display:none;}
	
	#customer-account-ask-professional-connection table tr td:nth-of-type(1){font-size:1.2em;float:none;font-weight:bold;text-align:center;}
	#customer-account-ask-professional-connection table tr td:nth-of-type(1) figure{display:none;}
	
	#customer-account-ask-professional-connection table tr td:nth-of-type(2){margin:0;display:none;}
	#customer-account-ask-professional-connection table tr td:nth-of-type(3){text-align:center;}
	#customer-account-ask-professional-connection table tr td:nth-of-type(4){text-align:center;}	
	
	#customer-account-ask-professional-connection table td.member{text-align:left;}
	#customer-account-ask-professional-connection table td.action{text-align:center;}	
	
	/* ************************************************** */
	/* CUSTOMER / INTEREST-ACTIVITES */
	/* ************************************************** */		
	#customer-account-interest ul.categories li.level2{float:none;width:auto;}
	#customer-account-category ul.categories li.level2{float:none;width:auto;}		
			
	/* ************************************************** */
	/* RATING */
	/* ************************************************** */	
	.member-rating-listing .rating{margin:0 5px 25px 5px;}
	.member-rating-listing .info{float:none;width:auto;}	
	.member-rating-listing .info .image{display:none;}
	.member-rating-listing .name{font-weight: bold;margin: 0 0 5px 0;text-align: left;}
	.member-rating-listing .comment{margin-left:0;}
	
	.member-rating-form .field.who label[for=id]{display:block !important;}
	.member-rating-form .field.myDates .s{display:block;width:auto;}
	.member-rating-form .date-pick-rating{width:110px;font-size:1em;}
	
	
	/* ************************************************** */
	/* CUSTOMER / CREATE SITE */
	/* ************************************************** */
	#customer-account-site .step-breadcrumb{display:none;}	
	
	/* ************************************************** */
	/* MEMBER / PROFILE */
	/* ************************************************** */		
	#member-profile aside.profile-col-right .contacts, 
	#member-profile aside.profile-col-right .statistics, 
	#member-profile aside.profile-col-right .share, 
	#member-profile aside.profile-col-right .address{
		margin-right:0;
		float:none;
		width:auto;
		min-height:initial;
	}
	
	#member-profile header .member-identity{float:none;width:160px;margin:auto;}
	
	/* ************************************************** */
	/* PUBLICATION */
	/* ************************************************** */	
	.member-publication-media ul li{margin-bottom: 2px;}

	.member-publication-listing .message .author .info{margin-right:45px;}

	/* ************************************************** */
	/* MEMBER / PRO */
	/* ************************************************** */	
	#member-profile-pro header{height:auto;/*height:260px;*/}
	
	#member-profile-pro header #manage{top:5px;right:5px;}
	
	#member-profile-pro .propos hgroup{width:290px;}
	#member-profile-pro .propos h2{font-size:1.6em;}
	#member-profile-pro .propos .intro{padding: 20px 10px;width:400px;    border-radius: 20px;}
	#member-profile-pro .propos .intro figure{width:95px;margin: 0 auto 30px auto;float:none;}
	#member-profile-pro .propos .intro figure img{border-radius:20px;}
	#member-profile-pro .propos .intro .bio{margin:0 0 0 0;font-size:0.8em;max-height:95px;}
	#member-profile-pro .propos .intro .sign{font-size:0.9em;position:static;padding-top:20px;}
	
	#member-profile-pro .photos hgroup{width:290px;}
	#member-profile-pro .photos h2{font-size:1.6em;}
	#member-profile-pro .photos .member-publication-media{width:auto;}
	#member-profile-pro .photos .member-publication-media ul li{margin-bottom:3px;width:33%;}
	#member-profile-pro .photos .manage{position: static;}

	#member-profile-pro .photos .member-photos{width:auto;}
	#member-profile-pro .photos .member-photos ul li{margin-bottom:3px;width:33%;}
	
	#member-profile-pro .formations hgroup{width:290px;}
	#member-profile-pro .formations h2{font-size:1.6em;}
	#member-profile-pro .formations .manage{position: static;}

	#member-profile-pro .photos .member-formations{width:auto;}
	#member-profile-pro .photos .member-formations ul li{margin-bottom:3px;width:33%;}
		
	
	#member-profile-pro .avis hgroup{width:290px;}
	#member-profile-pro .avis h2{font-size:1.6em;}	
	#member-profile-pro .avis .member-rating-listing{width:325px;}
	#member-profile-pro .avis .message{margin-bottom:20px;}
	#member-profile-pro .avis .member-rating-listing .put{position:static;}
	#member-profile-pro .avis .member-rating-listing .rating .comment-site{display:none;}
	
	#member-profile-pro .avis .rating-login{position:static;text-align:center;margin:0 0 20px 0;}
	
	#member-profile-pro .twiza .pres{font-size:1.6em;}
	#member-profile-pro .twiza hgroup{width:290px;}
	#member-profile-pro .twiza h2{font-size:1.6em;}	
	#member-profile-pro .twiza .site-listing{width:325px;}
	#member-profile-pro .twiza .site .text{display:block;}
	
	#member-profile-pro .twiza .member-publication-listing{width:325px;}
	
	#member-profile-pro .contact-form hgroup{width:290px;}
	#member-profile-pro .contact-form h2{font-size:1.6em;}		
	#member-profile-pro .contact-form .maps{display:none;}
	#member-profile-pro .contact-form .contact-area{padding: 10px 10px 0 10px;}	
	#member-profile-pro .contact-form .contact-details{width:auto;margin:0 20px 30px 20px;}
	#member-profile-pro .contact-form .infos{    text-align: center;width: auto;float: none;}
	#member-profile-pro .contact-form .contact-area{width:auto;margin:0 20px 20px 20px;}
	
	#member-profile-pro .contact-form .contact-area .bulle .text{margin-left:100px;font-size: 1.1em;}
	#member-profile-pro .contact-form .contact-area .bulle {margin: 0 0px 20px 0px;}

	/* **************************************************************************************************** */
	/* TWIZA / CATEGORY */
	/* **************************************************************************************************** */	
	#category figure.illustration{height:auto;}
	
	#category .col-center .partner figure{margin:0 auto 15px auto;float:none;width:auto;}

	/* **************************************************************************************************** */
	/* TWIZA / DIRECTORY */
	/* **************************************************************************************************** */	
	#directory-account .step{padding:0 10px 20px 10px;}

	#directory-account .step h1{font-size: 1.9em;border-radius:0;}
	#directory-account .step.address .contact figure{width:85px;margin: 0 0 0 15px;padding:5px 0 0 0;}
	#directory-account .step.address .contact .pres{width:auto;margin-right:15px;font-size: 0.95em;margin-left:115px;}
	#directory-account .step.address .contact .pres.block{margin-bottom:5px;}
	
	#directory-account .step.address .block-list .block:nth-of-type(1){width:auto;margin:0 15px 25px 15px;}
	#directory-account .step.address .block-list .block:nth-of-type(2){width:auto;margin:0 15px 25px 15px;}
	#directory-account .step.address .block h2{font-size:1.85em;}
	#directory-account .step.address .status-value:nth-of-type(3){position:static;}
	#directory-account .step.address .status-value:nth-of-type(3) select{padding:10px 20px;width:100%;}
	
	#directory-account .step.offer .block{width:auto;margin:0 0 25px 0;}
	#directory-account .step.offer .block h2{font-size:1.85em;}
	#directory-account .inset-html p,
	#directory-account .inset-html ul{font-size:1.1em;}
	#directory-account .step.offer .validation .message{font-size:1.2em;}
	#directory-account .step.offer .validation .buttons{text-align:center;}
	
	#directory-account .step.payment .block{width:auto;margin:0 15px 25px 15px;}
	#directory-account .step.payment .block table td:nth-of-type(1){font-size:1.25em;width:72%;padding:0 0 5px 0;}
	#directory-account .step.payment .block table tr.ttc{font-size:1.35em;}
	#directory-account .step.payment .args li{display:block;width:auto;margin: 0 0 30px 0;padding-top: 60px;}
	#directory-account .step.payment .block.iban h2{font-size:1.85em;}
	#directory-account .step.payment .block table td:nth-of-type(2){font-size: 1.5em;}
	#directory-account .step.payment .args li{background-size:auto 45px;padding-top: 50px;}
	
	body#directory-confirmation #directory-account .step{padding:0 20px 20px 20px;}
	body#directory-confirmation #directory-account .step h1{font-size: 1.85em;}
	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;margin:0 0 20px 0;}
	body#directory-confirmation #directory-account .buttons .button{font-size:1.6em;}
		
	/* **************************************************************************************************** */
	/* FEED / PUBLISH */
	/* **************************************************************************************************** */			
	.member-publication-publish.pres .member-identity{float:none;}
		
	.member-feed .member-publication-publish.pres .title,
	.member-feed .member-publication-publish.pres .message{margin-left:10px;}	
	
	.member-feed .member-publication-publish.pres .title{text-align:center;}
	
	.member-feed .member-publication-publish.pres .form-buttons{padding:0;}
	.member-feed .member-publication-publish.pres .go{width:100%;}
	.member-feed .member-publication-publish.pres .label{margin:0;padding:10px;text-align:center;}
	
	.member-feed .member-publication-publish.pres .message ul{justify-content: center;flex-direction: column;align-items: center;}
	
}