/**
 * @version $Id: position.css 10387 2008-06-03 10:59:16Z pasamio $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

*
{
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* ################   Position ################  */

/* cadre global */
#all
{
	font-size: 0.8em;
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 3px 3px 3px;
	text-align: left;
}

#header
{
	margin: 0;
	position: relative;
	text-align: left;
	padding-top:5px;
}

/* contenu global, entre breadcrumb et footer */
#contentarea, #contentarea2
{
	border: solid 0 #000;
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 400px;
    /*background: #fff url(../images/ligne.png) repeat-y 0 0;*/ /* mg (20.10.14) : remplacé 50% horiz par 0, décalage lors d'écran édroit en mode desktop  */ 

    /*min-width:1000px;*/ /* pour éviter l'écrasement du menu gauche lorsqu'on réduit la largeur de la fenêtre */
}

/* contenu, sans colonne gauche */
#wrapper {

}

/* colonne gauche */
#left
{
	margin: 0;

    /*background: url(../images/degrade_long.png) no-repeat top center; */
	background:#e8e8e8;
	border-radius:10px;
}

/* ? */
#right
{
	color: #000;
	float:left;
	width: 28%;
	padding-top:10px

}

/* conteneur contenu */
#main
{
	background: #fff;
	margin: 10px 0 0 0;
	position: relative;
}


#main .main_left
{

}

/* bloc conseils de saison */
#main .blog-featured_accueil
{
    margin:0;
    padding:0 15px 10px 15px;
    min-height:248px;
}

/* bloc le saviez-vous */
#main #main_right
{
	padding:0 0 0 10px;
	border-top:2px solid #e8e8e8;
}

#main div.communiques
{
	max-width:46.8em; /* avant 600px; (MG, 13.05.2015) */
}

#main2
{
	background: #fff;
	width:64%;
	padding: 25px 20px 20px 20px;
	position: relative;
	min-height:520px;
	float:left;
}

/* conteneur de page (article, etc.) */
.item-page
{
	padding-bottom:15px;
}

#footer
{
	margin-top:10px;
	padding:5px 0 5px 5px;
	text-align:right;

}

/* ###################### generell ###################### */
.unsichtbar, .u2, .invisible, .unseen
{
	display: inline;
	height: 0px;
	left: -3000px;
	position: absolute;
	top: -2000px;
	width: 0px;
	z-index: 200;
}


/* utilisé à la fin de headder, menu related links par ex. */
.wrap
{
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}



/* ###############  main * ########################### */
/* position */

.blog { margin-left:10px;max-width:46.8em;/* avant 600px; (MG, 13.05.2015) */}

/* chaque bloc contenant un article dans une page blog */
.blog .items-leading > div
{
	color: #000;
	margin:0;
    max-width:46.8em;
	padding: 0 20px 5px 0;
	position: relative;
}

.leading_separator
{
	display:block;
	width:46.8em;/* avant 600px; (MG, 13.05.2015) */
    border: 0px none; 
    height: 2px; 
    color: #fcdfff;
    background-color: #fcdfff;

}

.article_separator
{
	border: solid 1px #333;
	display: none;
	margin: 0;
}



.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2 { width: 45%; }
.cols3 { width: 30%; }

.column1, .column2
{
	border: solid 0 #D4A7C5;
	margin: 0 5px 0 0;
	position: relative;
}

.column2 , .column1
{
	float: left;
	margin: 0;
}

.column1
{
	width:40%;
}

.column2
{
	float: right;
	margin: 0;
	width: 55%;
	background-color:#FDEFFF;
	padding-left:4px;
}

.article_row
{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.article_column
{
	border: solid 0 #ccc;
	padding: 10px 10px 10px 4px;
}

.row_separator2
{
	display: block;
	clear: both;
	margin: 0;
	border: solid 0;
}

#syndicate
{
	display:none;
} 

@media screen and (min-width: 640px)
{
	
	#main .main_left {
		float: left;
		height: 490px;
		width: 315px;
	}

	#main .blog-featured_accueil
	{
		position:relative;
		margin:0px 0 0 315px; 
		max-width:435px;
		min-height:248px;
	}

	#main .titre_blogaccueil
	{
		margin:0px 0 0 315px;
		padding:0 15px;
		position:relative;
		max-width:435px;
		height:2.4em;

	}


	#main #main_right {

		margin: 10px 0 0 315px;
		min-height: 190px;
		max-width: 452px;
	}
}

/**
 fusionné avec position.css dans style.combines.css (écran, projection)
 */
 
a:link, a:visited { color:#000; }
 
a:hover,a:active,a:focus {color:#FFF; }
 
input:focus { border:solid 2px; }

fieldset { border:0; }
 	
p {
	line-height:1.5em;
	margin: 0.7em 0 0.7em 0; 
	font-size: 1.05em;
}

hr
{
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	width:98%;
	border: none;
}

/* 
tableaux dans les articles
voir desktop.css et mobile.css pour styles spécifiques
*/
table.article {
    border:1px solid #ccc;
    border-collapse:collapse;
    width: 100%;
    table-layout: fixed;  /* pour que le "word-wrap" dans les td fonctionne bien */
    
}

table.article  caption {
    padding:0.4em;
}

table.article th {
 
    text-align: left;
    background:#fafafa;
    border: 1px solid #ccc;
	padding: 0.4em 0.5em;	
}

table.article tr.impair td {
    background:#eee;
}

table.article td {
    border: 1px solid #ccc;
    word-wrap: break-word;
	padding: 0.4em 0.5em;
}

table.article tfoot {
    background:#ffc;
}

table.zebre tr:nth-child(even) th, table.zebre tr:nth-child(even) td {background: #fdefff ; }
table.zebre tr:nth-child(odd) th, table.zebre tr:nth-child(odd) td {background: #fff;}

table.zebre.article thead th {

    background:#fafafa;

}

.hors_page
{
	height: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 1px;
}

ul.reset_list, ol.reset_list
{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.reset_list li, ol.reset_list li
{
	margin:0;
	padding:0;
}

/* Accueil, Conseils de saison : début article */
.blog-featured_accueil .debut_article p.premier {
	min-height:59px;
	margin:0 0 0.7em 0; 
}
 
ul li a.u2:focus, p a.u2:active {
	padding:0.5em;
	background-color:#000;
	color:#fff;
	display:inline;
	height:2.5em;
	left:0;
	margin-top:0;
	padding-left:15px;
	position:absolute;
	top:0;
	width:13.8em; }
 
p.counter {
	background:#EEE;
	color:#000;
	font-weight:bold;
	margin:10px 0;
	padding:5px; }
 
p.buttonheading { text-align:right;margin:0; }
 
p.buttonheading a:link,p.buttonheading a:visited { border:solid 2px #fff; }
 
.leading p.buttonheading a:link,.leading p.buttonheading a:visited { border:solid 2px #efdeea; }
 
p.buttonheading a:hover {
	background:none !important;
	color:#000 !important; }
 
p.buttonheading a:active,p.buttonheading a:focus {
	border:solid 2px;
	color:#000; }
 

 
/* ###########  header content #############  */
#header h1 {
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase; }
 
#logo {
	font-size:1em !important;
	font-weight:bold !important;
	position:relative;
	text-align:left;
	text-transform:none !important;
	z-index:10;
	margin-top:0.1em;
	width:240px; }
 
	#logo img { display:block; z-index:20; }
 
	#logo span {
		display:block;
		margin:0 0 2px 50px !important; }
 

 
/* header Top-nav */
#header #active_menu-nav {
	background:#000;
	color:#fff; }
 
#header ul {
	background:#fff;
	display:block;
	 }
 
	#header ul li {
		background:#fff;
		color:#000;
		display:inline;
		 }
 
		#header ul li a {
			background:#fff;
			color: #1569c7;
			text-decoration:none;
			padding:2px 0;
			line-height:1.5em;
			text-transform: uppercase;
			}
 
/* 		#header ul li a:hover,#header ul li a:active,#header ul li a:focus {
			background:#000;
			color:#fff;
			} */
 

 
/* ################# pratique ################ */
#pratique {
	background:#fff;
	color:#000;
	margin-top:5px;
	}
 
	#pratique ul.menu {
        list-style-type:disc;
        font-weight:700;
    }
 
		#pratique ul.menu li span.separator {
			background-color:#fff;
			background-repeat:no-repeat;
			background-position:80% 2px;
			background-image:url(../images/puce.gif); }
            

        

/*  recherche avancée */
#pratique #mod-finder-searchform
{	
	text-align:left;
	padding:0;
}

#pratique .smartsearch_field .search-query
{
	font-size:1em;
	background: #bed7eb none repeat scroll 0 0; /* #e8e8e8 */
	width:250px;
	height:16px;
	vertical-align:top;
	margin:0 !important;
	padding:5px; 
	border:none;
}

/**#header .smartsearch_field .search-query:focus { border:solid 2px #000; } */
 
 
#header .smartsearch_field .finder
{

    border:0;
    margin:0 0 0 2px;
	vertical-align:top;
    padding:0;
    cursor:pointer;
    height:25px;
    width:25px;   
    text-align:center;
	background:none;
} 
 
#pratique .smartsearch_field br { display:none; }
    
 
#header form fieldset {
	border:0 solid #000;
	display:inline;
	float:left;
	padding:19px;
	text-align:left;
	width:6em; }

#header form label {
	color:#000;
	position:absolute;
	left:-3000px;
	top:-200px;
	width:auto; }

/* menu sélection de langue */	
.mod-languages ul
{
	list-style: none;
	padding: 0;
	margin-top: 0;
	font-weight: normal;
}

	#header .mod-languages ul li
	{
		background-image: none;
		line-height: 1.5em;
		padding: 0;
		color:#444;
		margin: 0 0 0 3px;
		white-space: nowrap;
		border: none;
		font-size: 1em;
		
	}
	
	#header .mod-languages ul li:first-of-type
	{
		border-right: 2px solid #000;
		padding-right:3px;
	}

	#header .mod-languages ul li a
	{
		display:block;
	   line-height: 1.5em;
		padding: 5px 8px;
		font-weight: bold;
	}


	#header .mod-languages ul li.lang-active a
	{
		background:yellow;
		color:#000;
		border-radius:20px;
	} 

	#header .mod-languages ul li a
	{
		color:#1569c7;
	}

	#header .mod-languages ul li.lang-active a
	{
		color:#000;
	}
 
 
/* ################# breadcrumbs ################ */
#breadcrumbs {
	
	padding:15px 0 0 0;
	text-align:left;
	color:#000;
	}
 
	#breadcrumbs p {
		padding:0;
		margin:2px 0;
		line-height:0;
		display:inline; }
 
* html #breadcrumbs { height:5px; }
 
    #breadcrumbs a { text-decoration:none; }
 
    #breadcrumbs .breadcrumbs {
   
    	margin:4px 0 0 0;
    	padding:0px; 
		 /* overflow: hidden; empêcher d'afficher une 2e ligne en cas de long breadcrumb */
		text-align: left; /* pour écraser text-align:right de #header ul */
    	}
 
	#breadcrumbs .breadcrumbs a:link, #breadcrumbs .breadcrumbs a:visited {
		background-color:yellow;
		padding:4px 5px;
		border-radius:8px;
		color:#000;
		}
 
	#breadcrumbs .breadcrumbs a:hover,#breadcrumbs .breadcrumbs a:active,#breadcrumbs .breadcrumbs a:focus {
		background-color:yellow;
		color:#000;
		text-decoration:none; }
 
	#breadcrumbs .breadcrumbs li {
		padding:0;}
		
	#breadcrumbs .breadcrumbs li span {
		font-weight: bold;
	}

	#header #breadcrumbs a {
text-transform: none;	
		}	
 
/*** Menu pieces de la maision ***/
#breadcrumbs ul.menu {
	display:block;
	float:right;
	margin:4px 0 0 0;
	padding:0; }
 
	#breadcrumbs ul.menu li {
		padding:0 0 0 1px;
		background-color:#fff; 
		background-repeat:no-repeat;
		background-position:50% 2px;
		width:15px; /*display:block;*/
		background-image:url(../images/puce.gif);
		}
		
		#breadcrumbs ul.menu li .separator
		{
			display: inline-block;
			width: 15px;
		}
		
		#breadcrumbs ul.menu li a {
			margin:0;
			padding:0;
			color:#444; 
			}

        #breadcrumbs ul.menu li.active a{ font-weight:bold;color:#000; }

        #breadcrumbs ul.menu a:hover,#breadcrumbs ul.menu a:active,#breadcrumbs ul.menu a:focus {
        	background-color:#1569c7;
        	color:#fff;
        	text-decoration:none; }
 
#breadcrumbs ul.menu_pm {
	display:inline;
	margin:0;
	width:400px; }
 
	#breadcrumbs ul.menu_pm li {
		display:inline;
		border:1px solid yellow; }
 
ul.menu_pm span { display:inline; }
 
/* ################ colonne gauche ######################## */
#left form {
	color:#000;
	font-size:0.9em;
	padding:20px 10px; }
 
#left .moduletable { margin:0 0 10px 0; }

#left .titrearticle .titrearticle { 
	font-size:1.3em;
	color:#fff;
	background:#aaa;
	margin:0 0 .2em;
	padding: 7px 5px 7px 10px;
	border-radius:10px;
}

	#left .titrearticle .titrearticle h2 { 
		margin:0;
		font-size:1.3em;
	}

#left .titrearticle h2.niveau3 a {
	padding-right:20px;
	color:#fff;
   }
   
#left .titrearticle h2.niveau3.chauffage a {
	padding-right:0px;
   }
	

  
 
	#left .moduletable_boutonmaison li.parent a { 
	
	    font-size:1.1em;
       
        color:#000 ;
    }
    
	#left .moduletable_boutonmaison li.parent a img, #left .moduletable_menumedias li a img { 
		margin-right:10px !important;
    }
	
	#left .moduletable_boutonmaison li.parent a img { 
		margin-left:3px !important;
    }

    #left .moduletable_boutonmaison li a:hover,#left .moduletable_boutonmaison li a:active,#left .moduletable_boutonmaison li a:focus { 
        background:#2d8bc9; color:#fff;/*url(../images/ee_maison.png) no-repeat scroll 65px 80%*/
     }

     #left .moduletable #bouton_imprimer  {
margin:15px 0 25px 10px;
	}

    #left .moduletable #bouton_imprimer a {
    	padding-left:23px;
    	background:url(../images/ee_oeil.png) 2px 50% no-repeat; 
    	text-decoration:none;
    	}
        
    #left .moduletable #bouton_imprimer a:hover,#left .moduletable #bouton_imprimer a:active,#left .moduletable #bouton_imprimer a:focus { color:#1569c7;}

 
#left h3, #right h3 {
	font-size:1.2em;
	margin:0;
	padding:5px 5px 7px 10px;
	border:solid 0; 
	background:#2d8bc9;
	color:#fff;

    }
 
#left ul {
	list-style:none;
	/* background:#e8e8e8; */
	margin:0 0 0px 15px; }
 
	#left ul li {
		font-weight:bold;
		margin:3px 0;
		 
		}
 
		#left .parent { /*padding-top:10px;*/ }
 
		#left ul li a {
			display:block;
			padding:1px 1px 1px 0px;
			text-decoration:none; 
           }
 
			#left ul li a
			{
				color:#000;
				font-weight:normal; 
			}
 
			#left ul li a:hover { color:#fff;background:#2d8bc9;} /* #left ul li a:active, */

			#left .accordeonck ul li a { margin:0.4em 0 } 
			/*#left .accordeonck ul li a:active { color:#000 !important;}  bug firefox qui laisse le libellé blance après avoir ôté la souris */

			
/* .moduletable_menu { padding:0px 0 0px 0; }
 
.moduletable_menu td { padding:0px 0 10px 0; }
  */

.moduletable_menuarticle 
{
	margin:0;
}

/* 1er niveau seulement, pas dans les niv. inférieurs (par ex. ceux de rénov. et chauffage) */
#left .moduletable>ul.menu>li.active a, #left .moduletable_menuarticle>ul.menu>li.active a
{
    background: none repeat scroll 0 0 #2d8bc9;
    color: #fff;
    padding: 3px 0 3px 6px; 
	 border-radius: 3px 0 0 3px;
}
    
/* en homepage, cacher boutons "menu principal" et "hauptmenü" */
#left ul li.item-46, #left ul li.item-2372 { display:none; }

/* bouton Charte des jardins FR et DE */
#left li.item-215, #left li.item-2223 {

	height:105px;
	padding-top:10px; 
    }
 
	#left li.item-215 a, #left li.item-2223 a {
		/*background:url(../images/chartedesjardins_logo.jpg) 0 0px no-repeat;*/
		height:95px;
		font-size:1.2em;
		color:#000;
      
		 }
         
 	#left li.item-215 a span, #left li.item-2223 a span {
 		display:block;
		margin-top:5px;
	
		 }
         
	#left li.item-215 a:hover, #left li.item-215 a:active, #left  li.item-215 a:focus, #left li.item-2223 a:hover, #left li.item-2223 a:active, #left  li.item-2223 a:focus {
        /*background:url(../images/chartedesjardins_logo.jpg) 0 0px no-repeat;*/
		background:none;
	}	
    
	#left li.item-215 a:hover span, #left li.item-215 a:active span, #left  li.item-215 a:focus span, #left li.item-2223 a:hover span, #left li.item-2223 a:active span, #left  li.item-2223 a:focus span	{
        background-color:#000;
	}	

 
    #left ul#menumedias li a 
	{
    	font-size:1.1em;

    	}

/* marge pour séparateurs */
#left ul.menu li.item-577, #left ul.menu li.item-292, #left ul.menu li.item-307,
#left ul.menu li.item-2567, #left ul.menu li.item-2568, #left ul.menu li.item-2569, #left ul.menu li.item-670, #left ul.menu li.item-2656 
{ margin:12px 0 3px 0; }
 
/* cacher la maison DE > schuler ecke > energie quizz */
/*#left ul.menu li.item-1795
{
display:none;
}    
*/

#left ul.menu li.item-3, .item-805, .item-100, .item-101, .item-545
{
	list-style-type:none;
}

#left ul.menu li a img, #left div.moduletable ul.menu li span.rl_separator span img
{
	margin:0 2px -2px 0;
}

#left ul.menu li.item-1277 a img
{
	margin-top:-4px;
}


/* pouvoir donner des marges aux séparateurs */
#left ul.menu li span
{    
/* display:inline-block;  */  
/* margin:0px 0 0px 7px; */
/*display:block; jusqu'au 18.12.2013 */
}

/* #left ul.menu li .separator
{       
margin:10px 0 1px -7px;



}
 */

#left .moduletable.menus-principaux ul li span.separator {
	display:block;list-style-type:none;
	font-size:1.1em;
	margin:3px 0 0px -5px; } /* avant   dans le champ titre des separators : 15px 0 4px -5px; */

#left .moduletable ul li span.rl_separator {
	display:block;
	font-size:1em;
	margin:15px 0 3px -5px; } /* avant   dans le champ titre des separators : 15px 0 4px -5px; */    

    
#left .moduletable_menuprincipal ul.menu li span.separator, #left ul.la-maison li span.separator
{
	display: inline-block;
	margin:8px 0 0px -5px;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	font-size: 1.2em;
}

/*boutons de formulaire d'adhésion à la charte des jardins */
#left ul li.item-941, #left ul li.item-942
 { display:none; }
     
/* ################## Main Menue ################## */
/* sous menu (uniquement dans rénovation et chauffage, en accordéon) */
#left ul li ul {
	/*
	list-style:disc;
	margin:0px 0 5px 20px;*/ }
 
	#left ul li ul li { margin:1px 0 1px 0; }
 
		/*#left ul li ul li a:hover, #left ul li ul li a:active, #left ul li ul li a:focus { color:#fff;background:#000; }*/
 
		#left ul li ul li ul {
			border:solid 0 #E0C1E0;
			padding:10px 0 10px 5px; }

	#left ul li.isactive a:link {
		background:#2d8bc9;
		color:#fff;
		padding:3px 0 3px 6px; }

	#left ul li ul li a span.separator
	{
		font-weight:bold;
	}

	#left ul li.active ul li ul li a:link, #left ul li.active ul li ul li a:visited {
		background:#fff;
		border-bottom:solid 1px #E0C1E0;
		color:#000;
		font-weight:normal;
		margin:0 0 0 10px; }
		

	 
	#left ul li.active ul li.active a:link, #left ul li.active ul li.active a:visited {
		background: none repeat scroll 0 0 #2d8bc9;
		color: #FFFFFF;
		padding: 3px 0 3px 6px;
	 border-radius: 3px ;
		}
	 
	#left ul li.active ul li.active ul li a:link,#left ul li.active ul li.active ul li a:visited {
		background:url(../images/arrow.gif) #fff no-repeat top left;
		color:#000;
		font-weight:normal;
		margin:0 0 0 15px;
		padding:3px 0 3px 15px; }
	 
	#left ul li.active ul li.active ul li.active span.active_link {
		background:url(../images/arrow.gif) #fff no-repeat top left;
		color:#000;
		font-weight:bold;
		margin:0 0 0 15px;
		padding:3px 0 3px 15px; }
	 
	#left form a:hover,#left form a:active,#left form a:focus { color:#fff; }

.accordeonck .active a span
{
	font-weight:bold;
	background:none;
	color:#000;
}

.accordeonck a:hover span
{
	background:#2d8bc9;
	color:#fff;
}

/* espacer verticalement 4 éléments parents du menu chauffage */
#menu-rc li.accordeonck.level1
{
	margin: 10px 0;
}

/* ###############  main * ########################### */

/* position */

/* Conseils de saison : separateur entre articles */
.blog-featured_accueil .items-leading .item-separator {

	border: 0;
	height:1px;
	margin:0 auto 0 auto;
	width:100%;
}

#main .items-leading h2.contentheading, #main2 .items-leading h2 {

	color:#726262;
	font-size:1.2em;
	width:600px;
	margin-left:0;
	}
 
#main .leading .readon, #main2 .leading .readon {
 	background:url(../images/pfeil.gif) center right no-repeat;
	bottom:0;
	display:block !important;
	margin-top:40px !important;
    text-align:right;
	text-decoration:none;
	padding:2px 20px 0 2px; }
 
#main .leading .small, #main .leading .modifydate,#main2 .leading .small, #main2 .leading .modifydate {
	background:#EFDEEA;
	color:#1569c7; }
 
.article_column h2 {
	color:#000 !important;
	font-size:1.2em !important;
	font-weight:bold !important;
	padding:0; }
 
.article_row .column1 h2,.article_row .column2 h2 {
	border-bottom:solid 1px #D4A7C5;
	color:#000;
	margin:0 0 10px;
	padding:5px 5px 5px 0; }
 
.article_row p.iteminfo {
	background:#fff;
	line-height:1em;
	margin:0 -10px 5px;
	padding:10px; }
 
#main h3,#main2 h3 { margin:20px 0 10px;line-height:1.2em; }
 
 
#main .blog .items-more ol, #main2 .blog .items-more ol {
/* 	background:#eee;
	border:solid 1px #ccc;
	color:#000; */
	line-height:1.3em;
/* 	list-style-type:none; */
	margin:0;
	padding:10px 10px 10px 40px; }
 
#main .blog .items-more, #main2 .blog .items-more { padding-top:10px; } 
 
#main .blog .items-more h3, #main2 .blog .items-more h3 {
	background:#fff;
	color:#000;
	font-size:1.1em;
	
	margin:0; }
 
#main .blog .items-more li a,#main2 .blog .items-more li a {
	display:inline;
	margin:0;
	padding:0; }
 
#main .blog .items-more li,#main2 .blog .items-more li { padding:2px; }
 
#main .blog .items-more ol li a,#main2 .blog .items-more ol li a {
/* 	background:url(../images/pfeil.gif) no-repeat; */
	font-weight:bold;
	/* padding:2px 0 4px 30px; */ }
 
#main .blog .items-more ol li a:hover,#main2 .blog .items-more ol li a:hover {
	/* background:url(../images/pfeil.gif) #939 no-repeat !important;
	color:#fff; */
	font-weight:bold;
	/* padding:2px 0 2px 30px;  */}
 
#main .blog .items-more ol li a:active,#main2 .blog .items-more ol li a:active,#main .blog .items-more ol li a:focus,#main2 .blog .items-more ol li a:focus {
/* 	background:url(../images/pfeil.gif) #939 no-repeat !important;
	color:#fff; */
	font-weight:bold;
	/* padding:2px 0 2px 30px; */ }
 
#main a.readon,#main2 a.readon {
/* 	background:url(../images/pfeil.gif) no-repeat;
	font-weight:bold; */
	padding:2px 20px 0 2px;
	display:inline-block; }
 
#main a.readon:hover, #main2 a.readon:hover,#main a.readon:active,#main2 a.readon:active,#main a.readon:focus,#main2 a.readon:focus {
	/* background:url(../images/pfeil.gif) #000 no-repeat;
	color:#fff;
	
	text-decoration:none;  */padding:2px 20px 0 2px;}
 
 
/* main generell  */
#main a:link,#main2 a:link { color:#1569c7;text-decoration:none; }

#main a:visited, #main2 a:visited { color:#1569c7;text-decoration:none; } /* vert pastel : #66CC00; */
 
#main a:hover,#main2 a:hover,#main a:active,#main2 a:active,#main a:focus,#main2 a:focus {
/*	background:#906;*/
/*	color:#fff; */
color:#1569c7;

text-decoration:underline;
	}

#main h1 a:link, #main h1 a:visited {
/*	background:#906;*/
/*	color:#fff; */
color:#777;
background:none;
text-decoration:none;

	} 

#main h2 a:link, #main h2 a:visited {
/*	background:#906;*/
/*	color:#fff; */
color:#777;
background:none;
text-decoration:none;
	}  
 
#main h1 a:hover,#main2 h1 a:hover,#main h1 a:active,#main1 h2 a:active,#main h1 a:focus,#main2 h1 a:focus {
/*	background:#906;*/
/*	color:#fff; */
color:#1569c7;
background:none;
text-decoration:none;
	}  
 
#main h2 a:hover,#main2 h2 a:hover,#main h2 a:active,#main2 h2 a:active,#main h2 a:focus,#main2 h2 a:focus {
/*	background:#906;*/
/*	color:#fff; */
color:#1569c7;
background:none;
text-decoration:none;
	} 
 
#main h1, #main2 h1 {
	color:#777;
	font-size:2em;
	font-weight:normal;
	margin:0 0 0px 0; 
	font-variant: small-caps;
	}
    
#main h1.componentheading_communiques,#main2 h1.componentheading_communiques {
margin:0 0 15px 10px;
font-size:1.6em;
 }
    
 
#main h1 a:hover,#main2 h1 a:hover,#main h1 a:active,#main2 h1 a:active,#main h1 a:focus,#main2 h1 a:focus, #main h2 a:hover,#main2 h2 a:hover,#main h2 a:active,#main2 h2 a:active,#main h2 a:focus,#main2 h2 a:focus {
color:#777;
text-decoration:none;
	} 
    
#main h2, #main2 h2 {
	color:#333;
	/* font-size:1.2em; */
	margin-top:0;
	line-height:1.3em; }

#main items-leading h2.contentheading, #main2 h2.contentheading {
/* display:none; */ margin:10px 0 0 10px;color:#726262;width:600px;} /*articles non affichés sur le site, mais dans la version imprimable */
 	
/* Conseils de saison : titre articles */
#main .blog-featured_accueil .items-leading h2, #main2 .blog-featured_accueil .items-leading h2 {
 padding-top:10px;} 
 		
	
#main ul li,#main2 ul li, #main ol li, #main2 ol li {
	padding:0;
	line-height:1.4em;
	margin:0; }
 
#main2 ul {
	list-style-position:outside;

	padding:0 0 0 10px;
	margin:0; }
 
#main ul,#main ol {
	/* list-style-position:inside; */
	margin:10px 0 10px 20px;
	padding:0 0 0 10px; }

#main div ul li {
    margin-bottom: 5px;
    margin-top: 5px;
}	
 
.small {
	border:solid 0;
	color:#932467;
	font-size:0.85em;
	margin:0 0 20px; }
 
.contentdescription {
	padding:10px 0;
	overflow:hidden; }
 
.image_left {
	float:left;
	border:solid 0 #ccc;
	margin:0 10px 10px 0; }
 
.image_right {
	float:right;
	border:solid 1px #ccc;
	margin:0 0 10px 10px; }
 
.wrap_image { clear:left; }
 
.create {
	color:#646464;
	display:block;
	font-size:0.85em; }
 
.createdby {
	color:#932467;
	display:block;
	font-size:0.85em;
	padding:0 0 0 2px; }
 
.modifydate {
	color:#932467;
	display:block;
	font-size:0.85em;
	padding:0; }
	
.modified {
	color:#646464;
	display:block;
	font-size:0.85em;
	padding:0; }
 
 
span.content_rating,.leading span.content_rating {
	margin:10px 0 0;
	display:block; }
 
 
/* ############# pagination ###################### */
#main2 .pagination,#main .pagination {
/*	border-top:solid 1px #CCC; */
	margin:10px 0 0;
	padding:10px 0; }
 
#main ul.pagination {
	list-style-type:none;
	margin:25px 0 0px 0;
	padding:0 0 25px 0;
	 }
 
	#main ul.pagination li {
		display:inline;
		padding:0 3px 0 3px;
		text-align:left;
        margin-left:1px;
        margin-right:1px;
        }
 
		#main ul.pagination li a { padding:2px 10px; border:1px solid #1569c7; }
		#main ul.pagination li a:hover, #main ul.pagination li a:active, #main ul.pagination li a:focus { text-decoration:none;border:1px solid #1569c7;background:#1569c7;color:#fff;}
  

/*  ####################   Formulaires   #####################  */
form.limit { }
 
form.login {
	background:#1569c7;
	color:#000;
	font-size:0.9em;
	margin:5px 0 20px;
	padding:10px 10px 20px 15px;
	text-align:left; }
 
	form.login .inputbox:focus { border:solid 2px #000; }
 
	form.login p {
		clear:both;
		border:solid 0 #000;
		font-size:1em; }
 
	form.login .button {
		/*background:url(../images/pfeil.gif) #C39 no-repeat;
		clear:left;
		color:#fff;
		display:block;
		font-weight:bold;
		margin:0 0 10px !important;
		padding:0 0 0 30px !important;
		cursor:pointer;
		border:solid 0;*/ }
 
	form.login fieldset {
		border:solid 0 #000;
		margin:0;
		padding:0;
		text-align:left; }
 
	form.login input {
		background:#fff;
		border:solid 2px #C39;
		color:#000;
		padding:2px 2px 0;
		width:90%; }
 
		form.login input.checkbox {
			background:none;
			border:solid 0 #000;
			float:left;
			margin:11px 0 0;
			padding:5px;
			width:20px; }
 
	form.login label {
		color:#000;
		display:block;
		font-weight:bold;
		margin:5px 0 0;
		padding:2px 2px 0; }
 
		form.login label.remember {
			float:left;
			margin:5px 0 20px;
			padding:5px 0 0;
			width:11em; }
 
	form.login p { color:#000; }
 
		form.login p a { color:#000; }
 
			form.login p a:hover,form.login p a:active,form.login p a:focus {
				color:#000;
				text-decoration:none; }
 
form.lost_password .button, .login_form .button {
	padding:5px 15px;
	cursor:pointer;
float:right;
 }
 
/* ########################## search ############################ */
.searchintro {
	font-weight:normal;
	margin:0 0 20px; }
 
	.searchintro img { display:inline; border:0px }
 
.display {
	margin:20px 0 0;
	text-align:right; }
 
.filter { margin:10px 0 0; }
 
.inputbox:focus { border:solid 2px #000; }
 
.highlight { font-weight:bold; }
 
fieldset.word,fieldset.only { border:solid 1px #ccc; }
 
.only {
	border:solid 0;
	margin:10px 0 0 10px;
	padding:5px 10px;
	line-height:1.3em; }
 
.word {
	background:#fff;
	padding:10px 10px 10px 0;
	border:solid 0 !important; }
 
	.word input {
		background:#fff;
		border:solid 2px #999;
		color:#000;
		font-weight:bold;
		margin:0 0 0 10px;
		padding:2px; }
 
.phrases {
	color:#000;
	margin:10px 10px 10px 0;
	padding:10px;
	width:60%;
	border:solid 1px #ccc;
	 }
 
	/*Selects*/
.phrase .inputbox {
		background:#fff;
		color:#000;
		display:block;
		height:1.8em;
		margin-top:10px;
		 }
 
		.phrase .inputbox option {
			background:#FDEFFF;
			border-bottom:solid 1px #906;
			padding:2px; }
 
			.phrase .inputbox option a:hover {
				background:#C00;
				border-color:#CFD0D6;
				color:#fff; }
 
.search_result legend {
	border-bottom:solid 0 #000;
	background:#fff; }

 

 

/* Error Message contact form */
p.error {
	color:red;
	background:#F2E3ED;
	border-top:3px solid red;
	border-bottom:3px solid red;
	padding:10px; }
 
body.contentpane {
	background:#fff;
	width:auto;
	margin:10px;
	line-height:1.4em;
	text-align:left; }
 
.tool-tip { font-size:0.8em; }
 
.tool-title { font-weight:bold; }
 
/* form validation */
.invalid { border-color:red !important; }
 
label.invalid { color:red; }
 
/* editor */
.contentpaneopen_edit { float: left; left:-8px;
position:relative;
top:-10px; }
 
	.contentpaneopen_edit img { border:0 }
 
form.editor legend {
	font-size:1.2em;
	font-weight:bold;
	padding:2px; }
 
form.editor fieldset {
	border:solid 1px #ccc;
	padding:20px;
	margin:10px 0; }
 
form.editor .publishing label {
	float:left;
	width:14em;
	font-weight:bold; }
 
form.editor .publishing div { margin:5px 0; }
 
form.editor .publishing .radio label {
	float:none;
	width:14em; }
 
	form.editor .publishing .radio label span {
		float:left;
		width:14em; }
 
form.editor fieldset.metadata label {
	float:none !important;
	display:block;
	font-weight:bold; }
 
.save {
	text-align:right;
	padding:10px 0; }
 
/* user */
form.user { margin:10px 0; }
 
	form.user label {
		width:40%;
		float:left; }
 
/* article index */
table.contenttoc {
	border:solid 1px #ccc;
	padding:10px;
	margin:10px; }
 
.pagenavcounter { font-weight:bold; }
 

 
/* EE */ 
#blasons { 
	position:relative;
	right:0;
/* border:1px solid blue;  */ font-variant: small-caps;  }

 
#footer a {/*  color:#fff;  */}
#footer a, #footer a:hover, #footer a:focus, #footer a:active, #footer a:visited {
color:#555;
text-decoration:none;
}

#footer a img {

vertical-align: middle;
}
 
.bulle { position: absolute; }

.bulle_relative { position:relative;z-index:100; }

.imprimer { display:none; }
 
.pas_imprimer {display:block;}

.visible { visibility:visible;}
.pas_visible {visibility:hidden;}

.figure { position:absolute; }
 
.bulle h3, #intro h3 {
font-size:1.1em;

}

/* davantage espacer verticalement les bulles lorsque elles sont empilées */
/* div.bulle_relative.imprimer:not(:last-child),
div.bulle.imprimer:not(:last-child)
{
	margin-bottom:30px;
} */

/*transfere dans template.css .cadre0 {
	position: relative;
	width:100%;
	z-index: 0; } */


p.suivre {
	display:block; 
	padding-left:20px;
	font-style:italic;
	background: url(../images/ee_main.png) 0 0 no-repeat; }
	
p.suivre_ext {
	display:block; 
	padding-left:20px;
	font-style:italic;
	background: url(../images/ee_terre.png) 0 0 no-repeat; }
	
p.instruction, p.instruction_prealable  {
	display:block; 
	padding-left:20px;
	font-style:italic;
	background: url(../images/ee_lux.gif) 0 0 no-repeat; }
	
/* affichée dans tous les modes (interactif et standard) */
p.instruction_fixe, p.instruction_fixe_prealable  {
	display:block; 
	padding-left:20px;
	font-style:italic;
	background: url(../images/ee_lux.gif) 0 0 no-repeat; }

.lien_pdf
{padding-left:20px; 
	background: url(../images/ee_pdf_info.png) 0 0 no-repeat;
} 

 
.puce
{
	display:none;
	position:absolute;width: 19px; height: 19px;z-index: 8;
	background: url(../images/puce_rouge.gif) 0 0 no-repeat; 
}

.definition h3
{
	color:#000;

}

#main a.suivre_ext:link, #main a.suivre_ext:visited, #main a.suivre_ext:hover, #main a.suivre_ext:active, #main a.suivre_ext:focus {
 
	padding-left:20px;
	background: url(../images/ee_terre.png) 0 0 no-repeat;
    }

img.alignee {vertical-align: middle;} /*avant 'top'*/

.lien_ondblclick
{
	border:1px solid red;
}

#main h1.componentheading_accueil, #main2 h1.componentheading_accueil
{
	margin-left:315px;
	background:#fdefff;
	font-size:1.4em;
	width:425px;
	padding:0 15px;
}



#main_right h1
{
	margin:0;
}

#main_right #articles
{
	width:100%;
}

#main_right h1 a:hover, #main_right h1 a:active, #main_right h1 a:focus
{
	text-decoration:none;
}

.blog-featured_accueil h1 a:hover, .blog-featured_accueil h1 a:active, .blog_accueil h1 a:focus
{
	text-decoration:none;
}

.leading_accueil h2
{
	margin:0;
	font-size:1.2em;
	padding-top:5px;
}

p.readmore
{
/* width:20%;
margin:0 0 0 150px; */

text-align:right;
/* float:right;
background:yellow;  */
}

.menu .search_field {
	width:120px;
	border:4px solid aqua;
}

#mod_search_searchword
{
	margin:0;
	border:4px solid blue;
}
/*
a.lirelasuite
{
	background: url(../images/pfeil.gif) 100% 50% no-repeat; 
	padding-right:15px;
}


 .blog-featured_accueil .items-leading .readmore
{
	background: url(../images/pfeil.gif) 100% 50% no-repeat; 
	padding-right:15px;
	padding-left:5px;
} */

.article-info
{
	margin-left:10px;
}

#main h1.communiques
{
	margin:0 0 15px 10px;
}



#liens_utiles
{
	max-width: 43em;
	min-width: 80px;
}

#login-form
{
	position:absolute;
	margin:0;
	width:30px;
}

#header form#login-form p
{
	margin:0;
}

#header form#login-form .button
{
	margin:0;
	width:100px;
} 

#main ul, #main ol {

    padding: 0;
}

	/*padding:20px 0;*/




/* Fabrik form */
/*
#charte_inscriptions___valeur_contractuelle
{
	margin-top:10px;
	margin-bottom:10px;
}


#form_2 .fabrikActions
{
	position:relative;
	border:none;
	margin:0;
}

.fabrikActions .btn-primary
{
	position:absolute;
	width:110px;
	right:0;
	margin:0px 15px 15px 0;
}

#main ul li.fabrikElementContainer, #main2 ul li.fabrikElementContainer {
	line-height:1.4em;
	margin:10px;
	padding:0;
}


#main ul li.fabrikElementContainer .fabrikElement {
	margin-left:5px;
	text-align:left;
}

#main ul li.fabrikElementContainer .fabrikElement .fabrikSubElementContainer {
	
}

#main ul li.fabrikElementContainer .fabrikLabel {
	width:130px;
}

#form_2
{
	background:none;
	border:none;
}

#form_2 fieldset, #form_2 .fabrikGroup
{
	border:2px solid #FDEFFF;
	margin:5px 0;
}

.fabrikLabel .fabrikTip
{
	float:right;
}


#main ul, #main ol {

    padding: 0 0 0 0;
}
*/


table#chartedesjardins_resultats {
width:100%;
margin-top:20px;
border:1px solid #e8e8e8;
border-radius: 3px;
}

table#chartedesjardins_resultats tr th {
text-align:left;
width:20%;
padding:5px;

}

/*
#form_2 fieldset > ul {
    padding: 30px 10px 20px;
}

#form_2 legend, #form_2 h3.legend 
{
	background:none;
	border:none;
}






#fb_el_jos_chartedesjardins___adresse2_text, #fb_el_jos_chartedesjardins___cp2_text, #fb_el_jos_chartedesjardins___localite2_text
{
background:none !important;
}

#fb_el_jos_chartedesjardins___commande_text, #fb_el_jos_chartedesjardins___langue_embleme_text
{
display:none;
}
*/




.connexion 
{
	width:60%;
	margin:0 auto;
}

.connexion fieldset
{
	background-color:#eaeaea;
	padding:10px;
}

.connexion label
{
	float:left;
	width:120px;

}

.connexion .control-group
{
	margin:5px 0;
}

/*img.alignee { vertical-align: bottom ; }*/


.moduletable_social
{
	margin-top:30px;
}

#left .moduletable_social .moduletable_menu ul.menu li
{
	margin:5px 0;
}


#left #custom-tweet-button2 a
{

    display: block;
	padding: 0px 5px;
	/*background: url('http://a4.twimg.com/images/favicon.ico') 1px center no-repeat;*/
/*	border: 1px solid #ccc;*/
}


#left #custom-tweet-button a
{

    display: block;
	padding: 2px 5px 2px 20px;
	background: url('http://a4.twimg.com/images/favicon.ico') 1px center no-repeat;
	/*border: 1px solid #ccc;*/
}

#left #custom-tweet-button a:hover, #left #custom-tweet-button a:active, #left #custom-tweet-button a:focus { color:#000 !important;background:none;}

#main ul#liste_news
{
list-style-type:none;
margin:0;
padding:0;
}

#main ul#liste_news li
{
margin:5px 0;
}

#main ul#liste_news li a
{
	font-size: 1.1em;
	font-weight:bold;
	text-decoration:none;

}

#main ul#liste_news li a:hover
{
	color:#fff;
	background:#1569c7;
	text-decoration:none;
} 

.image_gauche
{
	float:left;
	margin: 0 3px 0 0;
}

.image_droite
{
	float:right;
	margin: 0 0 0 3px;
}

.bulle .image_gauche
{
	margin: 0 8px 8px 0;
}

.bulle .image_droite
{
	margin: 0 0 8px 8px;
}


@media all and (max-width: 500px) {

	.bulle .image_gauche, .bulle_relative .image_gauche
	{
		float:none;
	}

	.bulle .image_droite, .bulle_relative .image_droite
	{
		float:none;
	}

}


/* bug Safari 5 */
/*
area {

outline:none;

}
*/


@media screen and (-webkit-min-device-pixel-ratio:0) {
	area {

	outline:none;

	}
}

/* page defintions */
h1.definitions
{
	margin-bottom:10px !important;
}

.contentdescription.definitions
{
	display:none;
}

.category tr.definitions td:first-child
{
	display:none;
}

.category .definitions td
{
    padding:5px 0;
}

/* Formulaire indice de consommation énergétique */
.formulaire fieldset 
{
	border:2px solid #e8e8e8;
	margin:20px 5px;
	padding:10px 5px;
}
.formulaire legend
{
	font-weight:bold;
 
}

.formulaire input
{
	padding:1px;
}
 
.formulaire input:focus
{
  border: 1px solid #000;
	background:#eaeaea;
}
  
.formulaire ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}
.formulaire ul li
{
  line-height: 1.4em;
    margin: 10px;
    padding: 0;
}

.formulaire input
{
	border:1px solid #aaa;	
	margin-left:3px;
	margin-right:3px;
}

.formulaire input.radio { border:none; } 

.formulaire #table_pieces tr td
{
	padding:2px 0;
}

/* 
switcher_on : mode interactif
switcher_off : mode standard
*/
.style_switcher 
{
	padding:0.45em;
}

.style_switcher a, .style_switcher a:hover
{
	color:#000;
	text-decoration:none;
	position:relative;
}

.switch
{
	position:relative;
	top:2px; /* pour aligner horiz. avec les libellés */
   background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/switch.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    /*float: left;*/
    height: 12px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-indent: -9999em;
    width: 23px;
}

span.switch.off {
    background-position: 0 -12px;

}

span.switch.on {

    background-position: 0 0;
}


.switcher_on.actif, .switcher_off.actif
{
	font-weight:bold;
}

.switcher_on, .switcher_off
{
    display: inline-block;
	width:4.5em;
}




/* Accueil, Le saviez vous */
#main #main_right h1, #main2 #main_right h1
{
	margin : 10px 0;
}
#main .newslist ul, #main2 .newslist ul
{
    margin: 0;
    padding: 0;
}

#main .newslist .newsitem, #main2 .newslist .newsitem
{
margin-bottom: 10px;
padding-bottom: 3px;
padding-left: 0;
padding-top: 3px;
}

#main .newslist .newstitle, #main2 .newslist .newstitle
{
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 4px;
}

#main .newslist .pagination
{
	clear:none;
	margin:0;
	padding:0;
}

#main .newslist .newshead .picture
{
	border:0;
}

dl.search-results
 {
	list-style-position:inside;
	margin:20px 0;
	padding:0; }

dl.search-results dt.result-title {
	border-bottom:solid 0 #CCC;
	font-weight:bold;
	color:#099;
	display:inline;
	margin:10px 0 0 10px;
	padding:0 0 0 5px;
	}

dl.search-results dd.result-category
{
	margin: 5px 0 0 0;
	padding:5px;
	background:#FBF7FA;
}
	
dl.search-results dd.result-text
{
	border-bottom:solid 1px #EFDEEA;
	margin: 0 0 15px 0;
	padding:5px;
	background:#FBF7FA;
}	

#searchForm .counter, #searchForm .form-limit
{
	display:none;
}


/* pages blog : conseils de saison, newsletter... */
.blog h1
{
	margin: 0 0 15px 10px;
}

.blog .item-separator
{
	background-color: #e8e8e8;
    border: 0 none;
    color: #e8e8e8;
    display: block;
    height: 2px;
    max-width: 600px;
}


.blog.newsletter_chartedesjardins .item-separator {

	border: 0;
	background-color:#e8e8e8;
	color:#e8e8e8;
	height:2px;
	margin:40px auto 20px auto;
	width:100%;
}


.blog .items-leading .readmore
{
/*    background: url("../images/pfeil.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
 */    bottom: 0;
    display: block !important;
    margin-top: 40px !important;
    padding: 2px 0 0 2px;
    text-align: right;
    text-decoration: none;
}

/* le saviez-vous (date) */
.communiques .article-info-term
{
	display:none;
}

#main .communiques h2, #main2 .communiques h2
{
    color: #726262;
    margin: 10px 0 0 0;
    max-width: 600px;
}

#main .communiques .article-info
{
	margin:10px 0;
	line-height: 1.4em;
}

/* adaptation de la mise en page prévue pour newsletter au site */
#main .newsletter_chartedesjardins table, #main .newsletter_chartedesjardins div
{
	font-family:verdana;
	font-size:12px;
	line-height:1.4em;
}


#main .newsletter_chartedesjardins h1 
{
	margin-bottom:0;
	margin-top:0;
	font-family:Verdana, Geneva, Kalimati, sans-serif;
	font-size:17px;
	color:#666666;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}

#main .newsletter_chartedesjardins h2
{
	font-size:15px;
	color:#999999!important;
	padding-bottom:5px;
}

#main .newsletter_chartedesjardins h3
{
	font-size:13px;
	color:#000000;
	border-bottom:2px solid #e8e8e8;
	padding-bottom:5px;
	margin-bottom:10px;
}

#main .newsletter_chartedesjardins p
{
	line-height:1.4em;
	font-size:12px;
	color:#333333;
}

#main .newsletter_chartedesjardins img
{
	border:0;
}

#main hr.leading_separator /* remplace .leading_separator dans position.css */
{
	margin:10px 0 30px 0;
	height:3px;
	background-color:#e8e8e8;
	
}

#main hr.leading_separator.conseils_de_saison /* separation "nette" ci-dessus pas appliquée pour la 1re page des Conseils */
{
	background-color: #e8e8e8;
    border: 0 none;
    color: #e8e8e8;
    display: block;
    height: 2px;
    width: 600px;
	
}




#left .inscription_newsletter h3
{
	background:none;
	color:#000;
	font-size:1em;
	margin-top:15px;
	padding-bottom:0;
}

#left .inscription_newsletter form
{
	padding:0 0 10px 10px;
}

	#left .inscription_newsletter form input.inputbox
	{
		color:#555;
		padding:2px;
	}

	#left .inscription_newsletter form .acysubbuttons 
	{
		padding: 0 15px;
		text-align:right;
	}
	#left .inscription_newsletter form .acysubbuttons .subbutton 
	{
		padding: 0 3px;
	}



#main .page hr
{
	background-color: #bbb;
    border: 0 none;
    color: #bbb;
    display: block;
    height: 1px;
    /*width: 600px;*/
}


/* afficher dernière modif dans le saviez-vous (page blog et article indiv.) */
#main .leading .iteminfo .modifydate, #main .articleinfo .modifydate
{
	display:block;
    color: #646464;
    font-size: 0.85em;
	background:none;
}

/* corrige navigateurs ne grisant pas le fond des éléments de form (Chrome ?) */
.readonly
{
	background: #ddd;
	
}

#left .moduletable.rd
{
	border-top:#aaa 1px solid;
	margin: 0 5px 0 5px;
}

.texte_gauche
{
	float:left;
}

.clear
{
	clear:both;
}

#left .style_switcher_relatif
{
	text-align:center;
	padding:5px;
}

#left .style_switcher_relatif a
{
	color:#000;
	text-decoration:none;
	position:relative;
}

img.adaptable
{
    height: auto;
    max-width: 100%;
}

#raccourci_navigation, #raccourci_contenu, .hors_champ {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.animation
{
	border: 2px solid #e0e0e0;
	border-radius: 3px;
}

.animation_preambule
{
	background: #e8e8e8;
	padding: 5px;
}

.animation_contenu
{
	position: relative;
	padding: 5px; 
}

/* bug dans safari ios, texte de certaines bulles trop grand */
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

/* li a */ 
.tweeter
{
	display:inline-block;
   background-color: #eee;
    background-image: linear-gradient(#fff, #dedede);
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    height: 18px;
    max-width: 98%;
    overflow: hidden;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
  

#tableau_arbustes th, #tableau_arbustes td {
	min-height:3em;

}

#tableau_arbustes th
{
		width: 80px;
}	



table.article.tableau-conso-electricite caption
{
	text-align: left;
	margin: 5px 0 5px 0;
}

table.article.tableau-conso-electricite td,
table.article.tableau-conso-electricite th
{
	text-align: center;
	vertical-align: middle;
}

table.article.tableau-conso-electricite .col1
{
	width: 140px;
	text-align:right;
}

.item-2881,
.item-2882
{
	display:none;
}

/* float:none en mobile */
.cadre_droite
{
	float:right;
}

.osmap-sitemap .level_0
{
	float: left;
	margin-top:0;
	width:30%;
}


#main .item-page ul.actions, .item-page_accueil ul.actions, .item-page ul.actions
{
	position:absolute;
	top:0;
	right:0;
	background:#e8e8e8;
	list-style:none;
	padding:0em 0.4em;
	border-radius:2px;
}

.qtip-bootstrap .qtip-content{
    font-size: 12px;
	line-height: 1.4em;
}

.item-3141, .item-3091, .item-3166,  .item-3164,  .item-3093,  .item-3168
{
	display:none;
}