.desktop
{
	display:none;
}

#logo
{
 /* 160 */
max-width:100%;
float:left;

}

#logo.logo_fr
{
	width:200px; 
}
	
#logo.logo_de
{
	width:140px; 
}

#logo.logo_fr > a > img
{
	width:200px; /* 160, 200 */
	height:42px; /* 33, 42 */
	max-width:100%
}

#logo.logo_de > a > img
{
	width:140px;
	height:40px;
	max-width:100%
}

#pratique
{
	float:right;
	max-width:165px;
}

/*
#mod-search-searchword
{
	display:none;
}
*/

/* image s'étend jusqu'à sa vrai taille mais pas plus et se réduit avec le viewport*/
#wrapper img {
	max-width: 100%;
	height: auto;
}


#pratique
{
    position: relative;
	margin-top: 25px;
}

/* lien Contact et Kontakt */
#header ul li.item-52, #header ul li.item-2377
{
	margin-right:11px;
	position:relative;
	top:-2px;
}


.search_field, #pratique #mod-finder-searchform
{
	display:none;
	margin-right:4px;
}


/* séparateur, sitemap fr et de */
#header ul li.item-630, #header ul li.item-50, #header ul li.item-2574, #header ul li.item-2370
{
	display:none;
}

/* fr et de */
#header ul li.item-2815 a, #header ul li.item-2816 a
{
	background:none;
}

#header ul li.item-2815 a img,
#header ul li.item-2816 a img
{
	width:18px;
	height:18px;
}

#header .search_field .button, #header .smartsearch_field .button {
    margin: 0px 4px 0px 2px;
    height: 20px;
    width: 25px;

}

/* #header .search_field form, #header .smartsearch_field 
{
	text-align:right;
} */


#header ul li
{
	font-size:0.95em;
}

#pratique ul.menu 
{
	float:right;
	width:auto;
	margin-right:2px;
}


.search_field, .smartsearch_field
{
	/*float:left;*/
	/*width:100px;*/
	margin:3px 0;

}

#pratique:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   height: 0;
}


#mod-finder-searchform {
    background: #bed7eb none repeat scroll 0 0;
    border: 0 solid #bed7eb;
    border-radius: 10px;

    margin-left: 6px;
    margin-right: 6px;
    max-width: 240px;
    padding: 2px 30px;
}

.search_field .inputbox, .smartsearch_field .search-query
{
	width:200px;
	height:19px;
	background:#bed7eb none repeat scroll 0 0;
    border: none;
    font-size: 1em;
    margin: 0 !important;
    padding: 5px;
    vertical-align: top;	
	
}

ul.autocompleter-choices li {

	padding:0.4em 1.5em 0.4em 0.2em;

}

.langues_desktop
{
	display:none;
}


.langues_mobile
{
	display:block;
	float:left;
    position: absolute;
    right: 2px;
    top: -28px;
}

.relatedlinks_desktop
{
	display:none;
}

.relatedlinks_mobile
{
	display:block;
}

#header .mod-languages.langues_mobile ul li
{
	float:left;
}


	
#header .mod-languages ul li a
{
	font-size:1em;
}

#breadcrumbs {
    padding: 6px 0 6px 0;
	  clear: both;
	  /*margin-top:40px;*/
}


#breadcrumbs .breadcrumbs {
    line-height: 1.8em;
}

#contentarea, #contentarea2
{
	background:none;
}

#left
{
	
}

#left ul li a {
    padding: 5px 1px 5px 0;
}


#main .main_left
{
	margin-bottom:20px;
}

#main ul.relatedlinks_mobile {
 list-style: none outside none;
 margin:0;
 padding:1em 0.4em;
 background: none repeat scroll 0 0 #e8e8e8;
 border-radius: 5px;
  clear: both;
}

#main ul.relatedlinks_mobile li {
    font-size: 1em;
    font-weight: bold;
    margin: 3px 0;
}

#main ul.relatedlinks_mobile li a:link, ul.relatedlinks_mobile li a:visited {
    /*color: #000;*/
    font-weight: normal;
}


#main ul.relatedlinks_mobile > li.active a {

    background: none repeat scroll 0 0 #2d8bc9;
    color: #fff;
    padding: 3px 0 3px 6px;

}

#main ul.relatedlinks_mobile li a {
    display: block;
    padding: 1px 1px 1px 0;
    text-decoration: none;
}

.item-page {
padding:0 3px 15px 3px
}

#intro
{
	margin:0 !important; /* forcer ces bulles à passer sous leur animation, voir Chauffage au bois*/
}


#blasons
{
	margin-top:0.3em;
}

#blasons em {

    vertical-align: top;
}

/* spécifique */

.image_adaptable
{
	width:100%;
}

#main ul.pagination li
{
    display: inline-block;
}


#breadcrumbs ul#pieces-maison
{
	display:none;
}

#left .titrearticle h2
{
	float:left;
}

#left .titrearticle .titrearticle h2 {
    margin: 0;
    width: 85%; /* ok pour écran largeur min. */
}

#left_menu
{
	display:none;
}

.btn_menu_drop
{
	float:right;
	margin-right: 5px;
}

/* form. Charte */
.controls
{
	margin-left:0;
}


#main div.fabrikElementContainer .fabrikLabel 
{
	float:none;
	display:block;
	padding-left:10px; /* espace pour afficher l'étoile*/
}

#j32_chartedesjardins___remarques
{
	max-width:250px;
}

.fb_el_j32_chartedesjardins___nom label, .fb_el_j32_chartedesjardins___prenom label, .fb_el_j32_chartedesjardins___adresse label, .fb_el_j32_chartedesjardins___localite label, .fb_el_j32_chartedesjardins___cp label, .fb_el_j32_chartedesjardins___lu > label {
    background: url("../../../../../../images/stories/required.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
}

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }

/** tableaux **/
/*  bascule les colonnes vert. de tête en col. horiz et coulisse le reste */
.flip-scroll { display: block; position: relative; width: 100%; }
.flip-scroll thead { display: block; float: left; }
.flip-scroll thead tr { display: block; }
.flip-scroll th { display: block; }
.flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: scroll; white-space: nowrap; }
.flip-scroll tbody tr { display: inline-block; vertical-align: top; }
.flip-scroll td { display: block; min-height: 1.25em; }
/* .flip-scroll td br, .flip-scroll th br  {display:none;} */


/* Force table to not be like tables anymore */
.no-more-tables table, 
.no-more-tables thead,
.no-more-tables tbody,
.no-more-tables th,
.no-more-tables td,
.no-more-tables tr {
display: block;
}
 
/* Hide table headers (but not display: none;, for accessibility) */
.no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
.no-more-tables tr { border: 1px solid #ccc; }
 
.no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
 
.no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;

}
 
/*
Label the data
*/
.no-more-tables td:before { content: attr(data-title); }



#form_indice td input.radio {
    width: 10px;
}


#form_indice td input 
{
	max-width:150px;

}

/* redondant : conseils, lsv */
.communiques h1
{
	display:none;
}

.mobile_display_none
{
	display:none;
}
	
.mobile_float_none_900
{
	float:none !important;
}

table.article.tableau-conso-electricite .col1
{
	width: 100px;

}

.instruction-scroll
{
	color: #555;
    font-size: 20px;
    margin: 6px 6px 0 0;
    text-align: right;
}

/* trop petit à la lecture sinon (signalé par mobil check Google */
.mini
{
	font-size: 0.95em;
}

.cadre_droite
{
	float:none;
}