/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete 
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/*///////////////////////////////////////////////////////////////////////////////*/
/*Actualités*/

.front .pane-actualites { padding: 2% !important; }
.front .pane-actualites .views-row { width: 32%; float: left; margin: 0 !important; }
.front .pane-actualites .views-row.views-row-2 { margin: 0 2% !important; }

.region-tertiary-content .releverCompteur,
.region-tertiary-content .telemaintenance { float: left; width: 44%; }

.region-tertiary-content .releverCompteur a, .region-tertiary-content .telemaintenance a { margin: 20px 20px 0px 20px; }

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

	/*Menu*/

	#menu-bar { display: block; }

	#block-menu-menu-menu-principal-br { width: 100%; }

	#block-menu-menu-menu-principal-br > .menu { background: rgba(0,0,0,.55); padding: 0; height: 90px; text-align: center; position: relative; }

	#block-menu-menu-menu-principal-br a { text-decoration: none; border-radius: 0; }

	/*Niveau 1*/
	#block-menu-menu-menu-principal-br .menu li.menu-depth-1 { list-style: none; position: relative; margin: 10px 0; padding: 0; display: inline-block; *display: inline; zoom: 1; }

	#block-menu-menu-menu-principal-br .menu-depth-1 > a { background: none !important; color: #fff; line-height: 50px; height: 70px; padding: 10px 20px; position: relative; display: inline-block; *display: inline; zoom: 1; }

	#block-menu-menu-menu-principal-br .menu-depth-1 > a:after { content: ""; background: #fff; display: block; width: 2px; height: 14px; position: absolute; left: 0; margin-left: -1px; top: 50%; margin-top: -7px; }
	#block-menu-menu-menu-principal-br .menu-depth-1:first-child > a:after { display: none; }

	#block-menu-menu-menu-principal-br .menu-depth-1:hover > a { background: #fff !important; border-radius: 4px; color: #333; box-shadow: inset 0px -20px 100px -30px rgba(0,0,0,.4); }
	#block-menu-menu-menu-principal-br .menu-depth-1.expanded > a:hover { background: #fff; border-radius: 4px 4px 0 0; color: #333; }
	#block-menu-menu-menu-principal-br .menu-depth-1 > a.active-trail { box-shadow: 0 10px 0 #6e6e6e,0 16px 0 #c20012; }

	#block-menu-menu-menu-principal-br .menu-depth-1 > a:hover { box-shadow: inset 0px -20px 100px -30px rgba(0,0,0,.4); }

	/*Niveau 2*/
	#block-menu-menu-menu-principal-br .menu li.menu-depth-1 > ul { display: none; }
	#block-menu-menu-menu-principal-br .menu li.menu-depth-1:hover > ul {
		position: absolute;
		display: block;
		z-index: 90;
		left: 0; top: 66px;
		text-align: center;
		background: #fff;
		width: 230px;
		height: auto;
		border-radius: 0 4px 4px 4px;
		box-shadow: 0px 10px 20px 0px rgba(0,0,0,.4);
	}

	#block-menu-menu-menu-principal-br li.menu-depth-2 { text-align: left; margin: 0; position: relative; }
	#block-menu-menu-menu-principal-br li.menu-depth-2 > ul { display: none; }
	#block-menu-menu-menu-principal-br li.menu-depth-2:hover > ul { display: block; }

	#block-menu-menu-menu-principal-br li.menu-depth-2.first > a { border-radius: 0 4px 0 0; }
	#block-menu-menu-menu-principal-br li.menu-depth-2.last > a { border-radius: 0 0 4px 4px; }
	#block-menu-menu-menu-principal-br li.menu-depth-2.expanded > a { border-radius: 0; }
	#block-menu-menu-menu-principal-br li.menu-depth-2.last.expanded > a { border-radius: 0 0 0 4px; }
	#block-menu-menu-menu-principal-br li.menu-depth-2 > a {
		background: 0;
		line-height: 100%;
		color: #666;
		font-size: 13px;
		padding: 10px;
		border-bottom: 1px solid #ccc;
	}
	#block-menu-menu-menu-principal-br li.menu-depth-2.last > a { border: 0; }

	#block-menu-menu-menu-principal-br li.menu-depth-2 > a:hover { background: #eee; border-left: 3px solid #c20012; box-shadow: inset 0px -10px 30px 0px rgba(0,0,0,.1); }
	#block-menu-menu-menu-principal-br li.menu-depth-2.expanded > a { background: url("images/menu-depth-2.png") no-repeat right center; }
	#block-menu-menu-menu-principal-br li.menu-depth-2.expanded:hover > a { background: #eee url("images/menu-depth-2.png") no-repeat right center; }

	/*Niveau 3*/
	#block-menu-menu-menu-principal-br li.menu-depth-2 > ul { display: none; }
	#block-menu-menu-menu-principal-br li.menu-depth-2:hover > ul {
		position: absolute;
		display: block;
		left: 230px; top: 0;
		background: #eee;
		width: 200px;
		border-radius: 0 4px 4px 4px;
		box-shadow: 0px 10px 20px 0px rgba(0,0,0,.4);
	}
	#block-menu-menu-menu-principal-br li.menu-depth-3 > a { color: #666; font-size: 13px; background: 0; width: 100%; border-bottom: 1px solid #fff; padding: 10px; }
	#block-menu-menu-menu-principal-br li.menu-depth-3.last > a { border: 0; }
	#block-menu-menu-menu-principal-br li.menu-depth-3 > a:hover { border-left: 3px solid #c20012; }

	/******************************************************************/

	#menu-bar ul.menu { width: 100%; top: 0; }
	
}