/*=================================================
	Reset
=================================================*/
html, body, div, span, p, a, article, aside, button, canvas, caption, figcaption, figure, footer, form, frame, frameset, iframe, img, input, label, legend, option, select, tr, td, th, h1, h2, h3, h4, h5, h6{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
ol, ul, li{
	box-sizing: border-box;
}
.clear{ clear: both; float: none !important;}
#first-time{ display: none; }
#sitename{ display: none; }
.sidebar-elig{ display: none; }
.hide{ display: none !important; }
.block-slider-options{ display: none !important; }
.offre-cadre-btn{ display: none !important; }

/* Generals */
	/* Colors */
		/* Clair1 */
		.extender:hover, .pager li:hover, .infos-min, #sidebar .block-views h2, #sidebar-min .block-views h2, 
		#sidebar .sidebar-elig a:hover, #sidebar-min .sidebar-elig a:hover, .field-name-field-tags a:hover,
		#block-views-page-tutoriels-block .views-field-title h2, .node-type-sat-fournisseur .field-label,
		.node-type-sat-fournisseur .field-name-field-details-des-offres .field-item > h3, .node-sat-offre .collapsible legend,
		#block-prix, .node-type-sat-conteneur #page-title, #filtres td.active, #block-views-page-offres-block .views-row .details,
		.link-fournisseur:hover, .block-aggregator .item-list > ul > li:hover, #block-views-home-tutoriels-block .views-field-title:hover,
		#block-views-recommendation-d-articles-block .views-field-title:hover, .node-type-sat-conteneur .head-type
		{ background: #73B543; }
		.pager.pager-load-more .button-wrap-plus
		{ background-color: #73B543 !important; }
		h3, .page-node-62 #cnt-wrapper #page-title, #filtres td, .head-type
		{ color: #73B543; }

		@media screen and (max-width: 768px){
			.node-type-sat-fournisseur .field-label
			{ background-color: transparent !important; color: #73B543; }

			#block-views-page-offres-block .prix
			{ /*background-color: #f19500;*/ }
		}

		/* Clair2 */
		.offre-cadre-couleur, #subcontent .block-views, #nav > table > tbody > tr > td.nav-min-td:hover,
		#block-elig .btn-elig, #filtres td:hover, #block-views-page-offres-block .views-row .details:hover,
		.link-fournisseur, .block-aggregator
		{ background: #4D7837; }
		.pager.pager-load-more .button-wrap-plus:hover
		{ background-color: #4D7837 !important; }
		h1, h2, #block-views-page-offres-block .views-row .inclus .ticket-ok
		{ color: #4D7837; }
		.field-name-field-services .field-item
		{ border-color: #4D7837; }

		@media screen and (max-width: 768px){
			.node-type-sat-offre .block-inclus .bi-ok
			{ background-color: transparent !important; color: #4D7837; }
		}

		/* Sombre */
		#header, #sidebar .block-views .views-row a:hover, #sidebar-min .block-views .views-row a:hover,
		#block-views-page-actualites-block .views-row:hover, #block-views-home-actualites-block .views-row:hover, #block-views-page-actualites-block .views-row:hover,
		#block-views-home-actualites-block .views-row:hover, .node-sat-offre .collapsed legend, .node-sat-offre .collapsed legend, .field-name-field-tags a,
		#footer, #header
		{ background: #313047; }
		.pager li, .pager .pager-current:hover, .pub-info-btn:hover
		{ background: #313047 !important; }
		#sidebar .block-views .views-row a, #sidebar-min .block-views .views-row a, .pub-info-btn
		{ color: #313047; }

		.pub-info-btn{
			{ border: solid #313047 1px; }
		}

		.sidebar-pub{
			background: #313047;
		}

	/* Basic */
	@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
	@font-face {
	    font-family: 'gravity-book';
	    src: url('/sites/all/themes/edn_satellite/font/Gravity-Book.ttf');
	}
	/* Bold */
	@font-face {
	    font-family: 'gravity-bold';
	    src: url('/sites/all/themes/edn_satellite/font/Gravity-Bold.ttf');
	}
	/* Italic */
	@font-face {
	    font-family: 'gravity-italic';
	    src: url('/sites/all/themes/edn_satellite/font/Gravity-Book-Italic.ttf');
	}
	/* Light */
	@font-face {
	    font-family: 'gravity-light';
	    src: url('/sites/all/themes/edn_satellite/font/Gravity-UltraLight.ttf');
	}
@media screen and (min-width: 768px){
	body{ background: url('/sites/all/themes/edn_satellite/images/background.png') 0 0 #5f5f5f; }
}
@media screen and (max-width: 768px){
	body{ background: #fff; }
}
h1, h2, h3, h4{
	font-family: 'gravity-book', Helvetica, Arial, sans-serif;
}

@media screen and (min-width: 768px){
	h1{
		margin: 6px 0;
	}
	h2{
		margin: 0;
	}
		.node-type-sat-tutoriel h2,
		.node-type-sat-article
		{
			margin: 32px 0 24px 0;
		}
	h3{
		margin: 4px 0;
	}
	h4{
		margin: 2px 0;
		color: #000;
	}
}
@media screen and (max-width: 768px){
	h1{
		margin: 6px 0;
		font-size: 24px !important;
	}
	h2{
		margin: 0;
		font-size: 20px !important;
	}
	h3{
		margin: 4px 0;
		font-size: 18px !important;
	}
	h4{
		margin: 2px 0;
		color: #000;
		font-size: 14px !important;
	}
}

div, span, a, td, p{
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.node p{
	margin: 0 0 10px 0;
	font-size: 15px;
}
.node ol, .node ul{
	margin: 10px 0 10px 40px;
}
a{}
img{ display: block; height: auto; }
.fl{ float: left; }
.fr{ float: right; }
.hide{ display: none; }
tbody{ border: none; }
.center{ text-align: center; }
#wrapper, #header, #content, #sidebar, #sidebar-min, #footer{
	position: relative;
	box-sizing: border-box;
}
.cat{
	font-size: 10px;
}
#cnt-wrapper > div{
	position: relative;
	display: block;
}
#content{
	background: #fff;
}
.page-dossiers #content, .page-fournisseurs #content, .page-offres #content{
	background: #d5d5d5;
}
.cnt-header-txt{
	font-weight: bold;
}
	.node-type-dossier-fournisseur .cnt-header-txt{
		font-weight: normal !important;
	}
.view-liste-dossiers-pratiques h2{
	margin: 0 !important;
	font-size: 18px;
}
.group-head p{ font-weight: bold; }
a,
.opt > div,
.pres-offre div,
.lire-suite,
.onglet,
.extender,
.slider,
.arrow-slider img,
#nav, #nav *, #logo,
#open-menu-button, #open-menu-button .bar,
.cnt-timeline-plus > div,
.views-row div,
#block-views-page-tutoriels-block .views-field-field-image,
#subcontent .block-views .views-row img,
#block-views-page-actualites-block .views-row a,
#block-views-home-actualites-block .views-row a,
#block-views-page-actualites-block .views-row .views-field-created,
#block-views-home-actualites-block .views-row .views-field-created,
.pub-info-txt
{
	transition: all 200ms;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
}
.button-wrap,
.block-slider .arrow > div,
.tinypic,
.node-type-sat-fournisseur .field-name-field-liste-tutoriels .field-item > div,
.collapsible legend,
.block-aggregator .item-list > ul > li,
#block-views-home-actualites-block .views-row
{
	transition: background-color 200ms;
	-webkit-transition: background-color 200ms;
	-moz-transition: background-color 200ms;
	-o-transition: background-color 200ms;
}

/*=================================================
	Block Principaux
=================================================*/
/*=============================
	Grand format
=============================*/
@media screen and (min-width: 768px){
	.mtop{
		margin-top: 129px;
	}
	#wrapper{
		width: 100%;
		max-width: 1050px;
		margin: 0 auto;
	}
	#header{
		position: fixed;
		top: 0; left: 0; right: 0;
		width: 100%;
		max-width: 1050px;
		margin: 0 auto;
		color: #fff;
		z-index: 800;
	}
	.infos-min{
		display: none;
	}
		/* Nav */
		#logo, #nav{
			float: left;
		}
		#logo{
			width: 35%; height: 107px;
			margin-left: 2%;
			padding: 10px 0;
		}
		#logo > a > img{
			height: 100%;
		}
		#nav{
			width: 63%;
			padding: 10px;
			font-size: 17px;
		}
		#nav > table{
			width: 100%;
			text-align: center;
		}
		#nav > table > tbody{
			border: none;
		}
		#nav > table > tbody > tr > td{
			margin: 0;
			width: 20%;
			text-align: center;
			vertical-align: top;
		}
		#nav > table > tbody > tr > td.nav-min-td{
			vertical-align: middle;
		}
		#nav > table > tbody > tr > td.nav-min-td > a{
			padding: 6px 0;
		}
		#nav > table > tbody > tr > td.nav-min-td > a > img{
			margin: 0 auto;
		}
		#nav > table > tbody > tr > td:hover img{
			/*background: #fff;*/
		}
		#nav > table > tbody > tr > td > a{
			display: block;
			color: #fff;
			text-decoration: none;
			line-height: 15px
		}
		#nav > table > tbody > tr > td > a > img{
			display: block;
			margin: 0 auto -3px auto;
			width: 60px; height: 60px;
		}
		/* Button */
		#open-menu-button{
			display: none;
		}
	#cnt-wrapper{
		float: left;
		width: 78%;
		margin: 0 1% 0 0;
	}
	#content{
		padding: 20px;
	}
		.wrapimg-wrapper{
			width: 100%;
			padding: 10px;
		}
		.wrapimg-wrapper > .wrapimg{
			display: block;
			margin: 0 auto;
		}
		.social-buttons .social-button {
			display: inline-block;
			float: left;
		}
	#sidebar{
		float: left;
		width: 21%;
	}
	#footer{
		width: 100%;
		margin-top: 10px;
		padding: 20px;
	}
	#copyright{
		width: 78%;
	}
}
/*=============================
	Petit format
=============================*/
@media screen and (max-width: 768px){
	.mtop{
		margin-top: 20px;
	}
	#wrapper{
		width: 100%;
	}
	#header{
		position: fixed;
		top: 0; left: 0; right: 0;
		width: 100%;
		max-width: 1050px;
		margin: 0 auto;
		color: #fff;
		z-index: 800;
	}
		/* Nav */
		#logo > a > img{
			height: 42px !important;
		}
		#nav{
			overflow: hidden;
			width: 100% !important; height: 0;
		}
		#nav br{
			display: none;
		}
		#nav.open{
			overflow: hidden;
			width: 100%; height: auto;
		}
		#nav > table{
			width: 100% !important;
			background: #eee;
		}
		#nav > table > tbody{
			border: none;
		}
		#nav > table > tbody > tr > td{
			display: block;
			padding: 6px 10px;
		}
		#nav > table > tbody > tr > td > a > img{
			display: inline-block;
			vertical-align: middle;
			width: 30px !important; height: 30px !important;
			/*background: #ccc;*/
		}
		#nav > table > tbody > tr > td > a > p{
			display: inline-block;
			vertical-align: middle;
		}
		#nav > table > tbody > tr > td:hover{
			background: #f6f6f6;
		}
		#nav > table > tbody > tr > td > a{
			text-decoration: none;
		}
		/* Button */
		#open-menu-button{
			display: block;
		}
	.infos-min{
		display: block;
		margin-top: 52px;
		padding: 6px 0;
		font-size: 16px;
		text-align: center;
	}
		.infos-min > div{
			width: 100%;
			max-width: 400px;
			margin: 0 auto;
		}
		.infos-min > div > p{
			float: left;
			display: block;
			width: 50%;
			padding: 4px 6px;
			color: #fff;
			font-weight: bold;
		}
		.infos-min > div > a{
			float: left;
			display: block;
			width: 50%;
			padding: 4px 10px;
			background: #fff;
			border-radius: 2px;
			color: #73B543;
			font-weight: bold;
		}
	#content{
		background: transparent !important;
	}
		.wrapimg-wrapper{}
	#sidebar{
		margin: 10px 0 0 0;
	}
		/* Pub */
		.sidebar-pub{
			display: none;
		}
		/* Eligibilité */
		.sidebar-elig{
			display: none;
		}
		/* Social */
		.sidebar-social{
			max-width: 400px;
			margin-left: auto;
			margin-right: auto;
		}
	#footer{
		margin: 10px 0 0 0;
	}
		#footer .block{
			width: 100%;
			max-width: 400px;
			margin: 0 auto;
			padding: 10px;
		}
		#footer ul{
			width: 50% !important;
		}
	#copyright{
		width: 100%;
	}
}

/*=================================================
	Détails
=================================================*/
/* #header */

	/* Open Menu Button */
	#open-menu-button{
		float: right;
		width: 36px; height: 30px;
		margin: 6px 20px;
		padding: 7px 6px;
		border: solid #fff 1px;
		cursor: pointer;
	}
	#open-menu-button:hover{
		background-color: #ccc;
		box-shadow: 0px 0px 3px #666 inset;
	}
	#open-menu-button:hover .bar{
		box-shadow: 0px 0px 3px #666;
	}
	#open-menu-button .bar{
		width: 100%; height: 2px;
		margin-bottom: 4px;
		background: #fff;
	}

/* #content */
	/* Img */
	#content .field-name-field-image img{
		width: 50px; height: 50px;
	}

/* #subcontent */
#subcontent{
	margin-top: 10px;
}


/* #sidebar */
.sidebar-block{
	width: 100%;
	margin-bottom: 10px;
}
#sidebar-min{
	margin-top: 20px;
}
#sidebar .block-views, #sidebar-min .block-views{
	margin-bottom: 10px;
}
	/* .sidebar-tel */
	.sidebar-tel{
		padding: 10px;
		background: #fff;
		text-align: center;
	}

	/* .sidebar-social */
	.sidebar-social a{
		float: left;
		width: 25%;
		padding: 0 8px 8px 8px;
	}
	.sidebar-social a img{
		display: block;
		width: 40px;
		margin: 0 auto;
		background: #ccc;
	}

	/* .sidebar-views */
	#sidebar .block-views, #sidebar-min .block-views{
		background: #fff;
	}
	#sidebar .block-views > .content h2, #sidebar-min .block-views > .content h2{
		margin: 0;
		padding: 0;
		background-color: transparent;
		font-size: 14px;
	}
	#sidebar .block-views h2, #sidebar-min .block-views h2{
		margin: 0;
		padding: 4px 6px;
		color: #fff;
		font-size: 26px;
	}
	#sidebar .block-views .views-row a, #sidebar-min .block-views .views-row a{
		display: block;
		padding: 6px 10px;
		text-decoration: none;
	}
	#sidebar .block-views .views-row a:hover, #sidebar-min .block-views .views-row a:hover{
		color: #fff;
	}
	/* .sidebar-elig */
	#sidebar .sidebar-elig a, #sidebar-min .sidebar-elig a{
		display: block;
		padding: 4px 0;
		background: #73B543;
		border-radius: 3px;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}

/* #footer */

/*=================================================
	Hide Fields
=================================================*/
.front #block-system-main,
.field-name-field-type-connexion
{ display: none; }

/*=================================================
	Pages
=================================================*/
	.front #page-title{ display: none; }
	.block-views, .block-views .views-row{ position: relative; }
	.node-type-sat-conteneur #content {
		background: #ababab;
	}
	.node-type-sat-conteneur #page-title{
		margin: 0;
		padding: 6px 0 2px 10px;
		color: #fff;
	}
	.page-node-62 #page-title{ background: none; }
	.page-node-62 #content{ background: #fff; }
	.group-head .field-name-field-sat-presentation{ font-weight: bold; }

	/*=======================
		/(root)
	=======================*/
	@media screen and (min-width: 768px){
		.front #content{
			padding-bottom: 0;
		}
		/* Subcontent - Block Views */
		#subcontent .block-views{
			clear: both;
			padding: 10px 0;
		}
		#subcontent .block-views > h2{
			padding: 0 10px;
			color: #fff;
		}
		#subcontent .block-views .views-row{
			overflow: hidden;
			position: absolute;
			float: left;
			width: 25%; height: 160px;
			background: #fff;
			cursor: pointer;
		}
		#subcontent .block-views .views-row .views-field-title a{
			display: block;
			padding: 10px;
			font-size: 14px;
			color: #000;
			text-decoration: none
		}
		#subcontent .block-views .views-row .views-field-title:hover a{
			color: #fff;
		}
	}
	@media screen and (max-width: 768px){
		/* Block Top Tutoriels */
		#subcontent .block-views{
			clear: both;
			padding: 10px 0;
		}
		#subcontent .block-views > h2{
			padding: 0 10px;
			color: #000;
			font-weight: bold;
		}
		#subcontent .block-views .views-row{
			overflow: hidden;
			float: left;
			width: 25%; height: 160px;
			background: #fff;
			cursor: pointer;
		}
		#subcontent .block-views .views-row .views-field-title{
			background: transparent;
		}
		#subcontent .block-views .views-row .views-field-title a{
			display: block;
			padding: 6px 10px;
			background: #eee;
			font-size: 16px;
			color: #000;
			text-decoration: none;
		}
		#subcontent .block-views .views-row:hover a{
			color: #fff !important;
		}
		#subcontent .block-views .views-row .views-field-title a:hover{
			text-decoration: underline;
		}
	}

	/*=======================
		/breves
	=======================*/
		@media screen and (min-width: 768px){
			#block-views-page-actualites-block .views-row,
			#block-views-home-actualites-block .views-row{
				overflow: hidden;
				float: left;
				width: 49%;
				min-height: 200px;
				margin: 10px 0 0 0;
				padding: 10px;
				background: #ccc;
				cursor: pointer;
			}
			#block-views-page-actualites-block .views-row:hover a,
			#block-views-home-actualites-block .views-row:hover a,
			#block-views-page-actualites-block .views-row:hover .views-field-created,
			#block-views-home-actualites-block .views-row:hover .views-field-created,
			#block-views-page-actualites-block .views-row:hover .views-field-field-sat-presentation,
			#block-views-home-actualites-block .views-row:hover .views-field-field-sat-presentation
			{ color: #fff; }
			#block-views-page-actualites-block .views-row:nth-child(even),
			#block-views-home-actualites-block .views-row:nth-child(even){
				float: right;
			}
			#block-views-page-actualites-block .views-field-title,
			#block-views-home-actualites-block .views-field-title{
				position: relative;
				padding: 0;
				z-index: 10;
			}
			#block-views-page-actualites-block .views-field-title a,
			#block-views-home-actualites-block .views-field-title a{
				color: #000;
				text-decoration: none;
				font-size: 30px;
			}
			#block-views-page-actualites-block .views-field-created,
			#block-views-home-actualites-block .views-field-created{
				position: absolute;
				right: 12px; bottom: 9px;
				font-size: 20px;
				z-index: 7;
			}
			#block-views-page-actualites-block .views-field-field-image,
			#block-views-home-actualites-block .views-field-field-image{
				position: absolute;
				top: 0; right: 0; bottom: 0; left: 0;
				z-index: 5;
				opacity: 0.1;
			}
			#block-views-page-actualites-block .views-field-field-image img,
			#block-views-home-actualites-block .views-field-field-image img{
				width: 100%;
			}
		}
		@media screen and (max-width: 768px){
			#block-views-page-actualites-block .views-row,
			#block-views-home-actualites-block .views-row{
				overflow: hidden;
				width: 100%;
				min-height: 80px;
				margin: 0 0 20px 0;
				padding: 10px;
				background: #eee;
				cursor: pointer;
			}
			#block-views-page-actualites-block .views-row:hover a,
			#block-views-home-actualites-block .views-row:hover a,
			#block-views-page-actualites-block .views-row:hover .views-field-created,
			#block-views-home-actualites-block .views-row:hover .views-field-created{
				color: #fff;
			}
			#block-views-page-actualites-block .views-row:nth-child(even),
			#block-views-home-actualites-block .views-row:nth-child(even){
				float: right;
			}
			#block-views-page-actualites-block .views-field-title,
			#block-views-home-actualites-block .views-field-title{
				position: relative;
				padding: 0;
				z-index: 10;
			}
			#block-views-page-actualites-block .views-field-title a,
			#block-views-home-actualites-block .views-field-title a{
				color: #000;
				text-decoration: none;
				font-size: 20px;
			}
			#block-views-page-actualites-block .views-field-created,
			#block-views-home-actualites-block .views-field-created{
				position: absolute;
				right: 12px; bottom: 9px;
				color: #666;
				font-size: 15px;
				z-index: 7;
			}
			#block-views-page-actualites-block .views-field-field-image,
			#block-views-home-actualites-block .views-field-field-image{
				position: absolute;
				top: 0; right: 0; bottom: 0; left: 0;
				z-index: 5;
				opacity: 0.1;
			}
			#block-views-page-actualites-block .views-field-field-image img,
			#block-views-home-actualites-block .views-field-field-image img{
				display: none;
			}
		}

	/*=======================
		/tutoriels
	=======================*/
	@media screen and (min-width: 768px){
		#page-presentation{
			background: #fff;
			margin-bottom: 20px;
			padding: 10px;
		}
		#page-presentation p{
			margin: 0;
		}
		#block-views-page-tutoriels-block .views-row{
			overflow: hidden;
			float: left;
			width: 31.33%;
			height: 200px;
			margin: 0 1% 20px 1%;
			background-color: #000;
			cursor: pointer;
		}
		#block-views-page-tutoriels-block .views-field-title a{
			display: block;
			padding: 4px 10px;
			font-size: 20px;
			color: #fff;
			text-align: center;
			text-decoration: none;
		}
		#block-views-page-tutoriels-block .views-field-field-image{
			overflow: hidden;
			opacity: 1;
		}
		#block-views-page-tutoriels-block .views-row:hover .views-field-field-image{
			opacity: 0.8;
		}
		#block-views-page-tutoriels-block .views-field-field-image img{
			display: block;
			width: auto; height: 180px;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 768px){
		#page-presentation{
			background: #fff;
			margin-bottom: 20px;
			padding: 10px;
		}
		#page-presentation p{
			margin: 0;
		}
		#block-views-page-tutoriels-block .views-row{
			overflow: hidden;
			height: 100px;
			padding: 10px;
			background: #ccc;
			cursor: pointer;
		}
		#block-views-page-tutoriels-block .views-row a{
			color: #000;
			text-decoration: none;
		}
		#block-views-page-tutoriels-block .views-row:nth-child(even){
			background: #eee;
		}
		#block-views-page-tutoriels-block .views-field-title h2{
			background: transparent;
		}
		#block-views-page-tutoriels-block .views-field-field-image{
			position: absolute;
			top: 10px; right: 10px;
		}
		#block-views-page-tutoriels-block .views-field-field-image img{
			width: auto;
			max-height: 80px;
		}
	}

	/*=======================
		/fournisseur
	=======================*/
	.node-type-sat-fournisseur .node-sat-fournisseur .field-name-body{ display: none; }
	.node-type-sat-fournisseur .group-head p,
	.node-type-sat-fournisseur .group-head li{
		font-weight: normal;
	}
	.details-list > div > h3 > a{
		color: #fff;
		text-decoration: none;
	}


	@media screen and (min-width: 768px){
		/* Base */
		.node-type-sat-fournisseur #page-title{ display: none; }
		.node-type-sat-fournisseur .node-sat-fournisseur > .content > div{
			position: relative;
			margin-top: 36px;
			padding: 21px 10px 10px 10px;
			background-color: #eee;
		}
		.node-type-sat-fournisseur .field-label{
			position: absolute;
			top: -18px; left: 0; right: 0;
			max-width: 240px;
			margin: 0 auto;
			color: #fff;
			text-align: center;
		}
		.node-type-sat-fournisseur .field-label h2{
			padding: 6px 10px 4px 10px;
			color: #fff;
			font-size: 26px;
		}
		.node-type-sat-fournisseur .group-head{
			position: relative;
		}
		.node-type-sat-fournisseur .group-head .field-name-field-image img{
			max-width: 207px;
			max-height: 207px;
		}
		.node-type-sat-fournisseur .lire-suite{
			position: absolute;
			bottom: 0; right: 0;
			width: 67%;
			padding: 12px 0;
			background: #f6f6f6;
			cursor: pointer;
		}

		/* Top tutoriels */
		.node-type-sat-fournisseur .field-name-field-liste-tutoriels{
			position: relative;
			margin-top: 51px !important;
			margin-bottom: 3px !important;
			padding-bottom: 20px !important;
		}
		.node-type-sat-fournisseur .field-name-field-liste-tutoriels .field-item > div{
			overflow: hidden;
			float: left;
			width: 20%;
			height: 168px;
			padding: 10px;
			cursor: pointer;
		}
		.node-type-sat-fournisseur .field-name-field-liste-tutoriels .field-item > div:hover{
			background-color: #fff;
		}
		.node-type-sat-fournisseur .field-name-field-liste-tutoriels .field-item > div > img{
			display: block;
			width: auto; height: 100px;
			margin: 0 auto;
		}
		.node-type-sat-fournisseur .field-name-field-liste-tutoriels .field-item > div > a{
			display: block;
			width: 100%;
			padding: 4px;
			color: #000;
			text-align: center;
			text-decoration: none;
		}
		
		/* Détails des offres */
		.node-type-sat-fournisseur .field-name-field-details-des-offres{
			position: relative;
			padding-bottom: 30px !important;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list{
			position: relative;
			display: block;
			float: left;
			width: 49%;
			background-color: #fff;
			padding-bottom: 0px;
			margin: 10px 0 10px 0;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list:nth-child(odd){
			margin-right: 1%;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list:nth-child(even){
			margin-left: 1%;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list table{
			width: 100%;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list table img{
			display: block !important;
			margin: 0 auto !important;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .field-item{
			background-color: #fff;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .field-item > h3{
			display: block;
			margin: 0;
			padding: 6px 10px 4px 10px;
			color: #fff;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .field-item > p{
			margin: 0;
			padding: 10px 10px 20px 10px;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .field-item ul{
			display: block;
			padding-bottom: 10px;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .field-item img{
			float: right;
			height: 100px;
		}
		/* Links */
		.node-type-sat-fournisseur .field-name-body{ display: block; }
		.link-fournisseur{
			position: absolute;
			bottom: -13px; left: 0; right: 0;
			max-width: 160px;
			margin: 0 auto;
			padding: 4px 10px;
			border-radius: 2px;
			color: #fff;
			text-align: center;
			text-decoration: none;
		}
		.link-fournisseur:hover{
			color: #fff;
			text-decoration: none;
		}
	}
	@media screen and (max-width: 768px){
		/* Head */
		.node-type-sat-fournisseur .group-head{}
		.node-type-sat-fournisseur .group-head .field-name-field-image img{
			display: block;
			margin: 0 auto;
		}
		.node-type-sat-fournisseur .group-head h1{
			display: block;
			margin: 0 auto;
			text-align: center;
		}
		.node-type-sat-fournisseur .group-head .field-name-field-sat-presentation{
			padding: 20px;
		}
		.node-type-sat-fournisseur .group-head p{
			padding: 10px 0px;
		}
		.node-type-sat-fournisseur .group-head p:first-child{
			border-top: solid #666 1px;
		}
		/* Base */
		.node-type-sat-fournisseur #page-title{ display: none; }
		.node-type-sat-fournisseur .node-sat-fournisseur > .content > div{
			padding: 0 0px;
		}
		.node-type-sat-fournisseur .field-label{
			display: block;
			margin-top: 30px;
			padding: 10px;
			background-color: transparent;
			font-size: 22px !important;
		}
		.link-fournisseur{
			display: block;
			width: 100%;
			padding: 6px 0;
			text-align: center;
			color: #fff;
			text-decoration: none;
		}
		.link-fournisseur:hover{
			color: #fff;
			text-decoration: none;
		}

		/* Top tutoriels */
		.node-type-sat-fournisseur .field-name-field-liste-tutoriels{
			margin-top: 20px;
		}
		.node-type-sat-fournisseur .field-name-field-liste-tutoriels .field-item > div{
			float: left;
			width: 50%;
			background: #ccc;
		}
		.node-type-sat-fournisseur .field-name-field-liste-tutoriels img{
			display: inline-block;
			vertical-align: middle;
			width: 20%;
			padding: 10px;
		}
		.node-type-sat-fournisseur .field-name-field-liste-tutoriels .field-item > div > a{
			display: inline-block;
			vertical-align: middle;
			width: 80%;
			padding-left: 10px;
		}
		.field-name-field-liste-tutoriels .link-fournisseur{
			float: right;
			display: block;
			width: 50%;
			padding: 6px 0;
			text-align: center;
			color: #fff;
			text-decoration: none;
		}
		.field-name-field-liste-tutoriels .link-fournisseur:hover{
			color: #fff;
			text-decoration: none;
		}
		/* Détails */
		.node-type-sat-fournisseur .field-name-field-details-des-offres{}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list{ background: #ccc; }
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list:nth-child(even){ background: #eee; }
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list .link-fournisseur{ display: none; }
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list img{ display: none; }
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list .field-item{
			height: auto !important;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres h3{
			float: left;
			display: block;
			margin: 0 10px 10px 0;
			padding: 10px 10px;
			color: #fff;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres .details-list:nth-child(even) h3{
			float: right;
			margin: 0 0 10px 10px;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres p{
			margin: 0;
			padding: 10px;
		}
		.node-type-sat-fournisseur .field-name-field-details-des-offres ul{
			margin: 0 0 0 16px;
			padding: 10px;
			list-style-type: disc;
		}
	}

	/*=======================
		/offres
	=======================*/
	@media screen and (min-width: 768px){
		/* Filtres */
		#filtres{
			margin-top: -6px;
			margin-bottom: 10px;
			padding: 10px 0;
			background: #fff;
		}
		#filtres table{
			width: 100%;
			max-width: 400px;
			margin: 0 auto;
		}
		#filtres td{
			padding: 4px 10px;
			text-align: center;
			cursor: pointer;
			font-size: 20px;
		}
		#filtres td.active, #filtres td:hover{
			color: #fff;
		}
		/* Block Eligibilité */
		#block-elig{
			margin: 10px 0;
			padding: 10px;
			background: #fff;
		}
		#block-elig p{
			margin: 0;
		}
		#block-elig .btn-elig{
			float: right;
			margin-top: 6px;
			padding: 4px 10px;
			color: #fff;
			text-decoration: none;
		}
		/* Block Views */
		#block-views-page-offres-block{}
		#block-views-page-offres-block .views-row{
			margin-bottom: 10px;
			padding: 10px;
			background: #eee;
		}
		#block-views-page-offres-block .views-row > div{
			height: 80px;
		}
		#block-views-page-offres-block .views-row .views-field-title{
			float: left;
			width: 20%;
			text-align: center;
		}
		#block-views-page-offres-block .views-row .views-field-title h2{
			line-height: 20px;
		}
		#block-views-page-offres-block .views-row .views-field-title a{
			font-size: 18px;
			color: #000;
			text-decoration: none;
		}
		#block-views-page-offres-block .views-row .views-field-field-type-connexion{ display: none; }
		#block-views-page-offres-block .views-row .type-co{
			display: block;
			margin: 10px auto 0 auto;
			border-radius: 2px;
		}
		#block-views-page-offres-block .views-row .logo-fournisseur{
			float: left;
			width: 13%;
			padding: 15px 0;
		}
		#block-views-page-offres-block .views-row .logo-fournisseur img{
			display: block;
			width: 50px; height: 50px;
			margin: 0 auto;
		}
		#block-views-page-offres-block .views-row .views-field-field-sat-inclus{ display: none; }
		#block-views-page-offres-block .views-row .views-field-field-sat-prix{ display: none; }
		#block-views-page-offres-block .views-row .inclus{
			float: left;
			width: 40%;
			padding: 7px 0;
		}
		#block-views-page-offres-block .views-row .inclus > div{
			float: left;
			width: 33.33%;
		}
		#block-views-page-offres-block .views-row .inclus > div > img{
			display: block;
			margin: 0 auto;
		}
		#block-views-page-offres-block .views-row .inclus > div > p{
			display: block;
			text-align: center;
		}
		#block-views-page-offres-block .views-row .prix{
			float: left;
			width: 17%;
			padding: 18px 0;
			text-align: center;
		}
		#block-views-page-offres-block .views-row .prix span{
			font-size: 22px;
		}
		#block-views-page-offres-block .views-row .details{
			display: block;
			float: left;
			width: 10%;
			margin: 20px 0;
			padding: 10px 0;
			border-radius: 2px;
			color: #fff;
			text-align: center;
			text-decoration: none;
		}
		#block-views-page-offres-block .clear{ height: 0 !important; }
		.field-name-field-services .field-item{
			padding: 10px 0;
			border-bottom-style: solid;
			border-bottom-width: 1px;
		}
		.field-name-field-services .field-item:last-child{ border-bottom: none; }
	}
	@media screen and (max-width: 768px){
		/* Filtres */
		#filtres{
			margin-top: -6px;
			padding: 10px 0;
			background: #fff;
		}
		#filtres table{
			width: 100%;
			max-width: 400px;
			margin: 0 auto;
		}
		#filtres td{
			padding: 4px 10px;
			text-align: center;
			cursor: pointer;
			font-size: 20px;
		}
		#filtres td.active, #filtres td:hover{
			color: #fff;
		}
		/* Block Eligibilité */
		#block-elig{ display: none; }
		/* Block Views */
		#block-views-page-offres-block .views-row{
			margin-bottom: 10px;
			padding: 10px;
			background: #eee;
		}
		#block-views-page-offres-block .views-row .views-field-title{
			width: 100%;
			margin-bottom: 10px;
		}
		#block-views-page-offres-block .views-row .views-field-title a{
			font-size: 20px;
			color: #000;
			text-decoration: none;
		}
		#block-views-page-offres-block .views-row .views-field-field-type-connexion{ display: none; }
		#block-views-page-offres-block .views-row .field-content h2{ display: inline; }
		#block-views-page-offres-block .views-row .type-co{
			display: inline;
			margin: -4px 0 0 10px;
			border-radius: 2px;
		}
		#block-views-page-offres-block .views-row .logo-fournisseur{ display: none; }
		#block-views-page-offres-block .views-row .views-field-field-sat-inclus{ display: none; }
		#block-views-page-offres-block .views-row .views-field-field-sat-prix{ display: none; }
		#block-views-page-offres-block .views-row .inclus{
			float: left;
			width: 70%;
			padding: 7px 0;
		}
		#block-views-page-offres-block .views-row .inclus > div{
			float: left;
			width: 33.33%;
		}
		#block-views-page-offres-block .views-row .inclus > div > img{
			display: block;
			margin: 0 auto;
		}
		#block-views-page-offres-block .views-row .inclus > div > p{
			display: block;
			text-align: center;
		}
		#block-views-page-offres-block .views-row .prix{
			float: left;
			width: 30%;
			padding: 4px 0;
			text-align: center;
			font-size: 22px;
		}
		#block-views-page-offres-block .views-row .prix span{
			font-size: 32px;
		}
		#block-views-page-offres-block .views-row .details{ display: none; }
		#block-views-page-offres-block .clear{ height: 0 !important; }
		.field-name-field-services .field-item{
			padding: 10px 0;
			border-bottom-style: solid;
			border-bottom-width: 1px;
		}
		.field-name-field-services .field-item:last-child{ border-bottom: none; }
	}
	.node-type-sat-conteneur .head-type{
		display: block;
		width: 56px;
		margin: 6px auto 0 auto;
		padding: 2px 0;
		text-align: center;
		font-size: 14px;
		color: #fff;
		border-radius: 2px;
	}
	.page-offre-presentation{
		padding: 10px;
		background: #fff;
	}
	.page-offre-presentation p{
		margin: 0;
		padding-bottom: 10px;
		border-bottom: solid #eee 1px;
	}

	/*=======================
		/offre/*
	=======================*/
	.bi-ok span{
		display: none;
	}
	@media screen and (min-width: 768px){
		/* Présentation */
			.node-type-sat-offre #logo-fournisseur{
				display: block;
				margin: 0 auto;
			}
			.node-type-sat-offre #page-title{
				display: block;
				text-align: center;
			}
			/*.node-type-sat-offre #page-title > img{
				display: inline;
				margin: 0 0 0 10px;
				border-radius: 2px;
			}*/
			.node-type-sat-offre .field-name-field-sat-presentation{
				margin-top: 20px;
			}
		/* Base - Inclus/Prix */
		.group-inclus, .group-prix{ display: none; }
		/* Block Inclus/Prix */
		#blocks-inclus-prix{
			margin: 20px 0;
		}
		/* Inclus */
		.block-inclus{
			float: left;
			width: 70%;
			padding: 0 20px 0 0;
		}
		.bi-item{
			float: left;
			width: 25%;
		}
		.bi-item > img{
			display: block;
			width: 50px; height: 50px;
			margin: 0 auto;
		}
		.bi-item > p{
			display: block;
			margin-top: 6px;
			text-align: center;
			line-height: 18px;
		}
		/* Prix */
		#block-prix{
			float: right;
			width: 30%;
			margin: 17px 0;
			padding: 10px;
			color: #fff;
		}
		#prix{
			font-size: 24px;
		}
		#block-prix > div > span{
			font-weight: bold;
		}
		/* Fieldsets */
		.node-sat-offre .collapsed{
			height: auto !important;
		}
		.node-sat-offre .collapsible{
			margin-bottom: 20px;
			background: #eee;
		}
		.node-sat-offre .collapsible legend > img{
			float: left;
			width: 30px; height: 30px;
			margin: 4px 10px 4px 4px;
		}
		.node-sat-offre .collapsible legend > span{
			padding: 0 !important;
			background: none !important;
		}
		.node-sat-offre .collapsible legend > span > a{
			display: block;
			padding: 4px 10px;
			color: #fff;
			text-decoration: none;
		}
		.node-sat-offre .collapsible legend > span > .summary{
			display: none;
		}
		.node-sat-offre .collapsible > .fieldset-wrapper{
			padding: 10px;
		}
	}
	@media screen and (max-width: 768px){
		/* Head */
			.node-type-sat-offre #logo-fournisseur{
				display: block;
				margin: 0 auto;
			}
			.node-type-sat-offre #page-title{
				display: block;
				margin: 0 auto;
				text-align: center;
			}
			.node-type-sat-offre #page-title img{
				display: inline-block;
				vertical-align: middle;
				margin-left: 10px;
				border-radius: 2px;
			}
			.node-type-sat-offre .field-name-field-sat-presentation{
				padding: 20px;
			}
		.group-inclus, .group-prix{ display: none; }
		/* Inclus */
			.node-type-sat-offre .block-inclus{
				display: block;
				width: 100%; max-width: 450px;
				margin: 0 auto;
			}
			.node-type-sat-offre .block-inclus .bi-item{
				float: left;
				width: 25%;
			}
			.node-type-sat-offre .block-inclus .bi-item img{
				display: block;
				margin: 0 auto;
			}
			.node-type-sat-offre .block-inclus .bi-item p{
				display: block;
				text-align: center;
			}
		/* Prix */
			.node-type-sat-offre #block-prix{
				display: block;
				width: 100%; max-width: 230px;
				margin: 0 auto 20px auto;
				padding: 10px 20px;
				color: #fff;
			}
			.node-type-sat-offre #block-prix span{ font-weight: bold; }
		/* Fieldsets */
			.node-sat-offre .collapsed{
				height: auto !important;
			}
			.node-sat-offre .collapsible{
				margin-bottom: 20px;
				background: #eee;
			}
			.node-sat-offre .collapsible legend > img{
				float: left;
				width: 30px; height: 30px;
				margin: 4px 10px 4px 4px;
			}
			.node-sat-offre .collapsible legend > span{
				padding: 0 !important;
				background: none !important;
			}
			.node-sat-offre .collapsible legend > span > a{
				display: block;
				padding: 4px 10px;
				color: #fff;
				text-decoration: none;
			}
			.node-sat-offre .collapsible legend > span > .summary{
				display: none;
			}
			.node-sat-offre .collapsible > .fieldset-wrapper{
				padding: 10px;
			}
	}
	.node-type-sat-offre .head-type{
		float: right;
		margin: 6px 10px 0 0;
		padding: 2px 10px;
		font-size: 16px;
		background-color: #fff;
		border-radius: 2px;
	}

	/* ===========================
		/breve/* > /tutoriel/*
	=========================== */
	@media screen and (max-width: 768px){
		.node-type-sat-article #content,
		.node-type-sat-tutoriel #content,
		.node-type-sat-page #content
		{
			padding: 0 20px;
		}
		.node-type-sat-article .group-head,
		.node-type-sat-tutoriel .group-head,
		.node-type-sat-page .group-head
		{
			display: block;
			padding: 10px;
			background: #f6f6f6;
			font-weight: bold;
		}
		.node-type-sat-article .group-head img,
		.node-type-sat-tutoriel .group-head img,
		.node-type-sat-page .group-head img
		{
			display: block;
			max-width: 60%;
			margin: 0 auto;
		}
		.node-type-sat-article .field-name-body,
		.node-type-sat-tutoriel .field-name-body,
		.node-type-sat-page .field-name-body
		{
			display: block;
			margin: 20px 0;
		}
	}


/*=================================================
	Block spéciaux
=================================================*/
	/*=============
		Extender 
	=============*/
	.extender{
		position: absolute;
		bottom: -14px; right: 0; left: 0;
		width: 28px; height: 28px;
		margin: 0 auto;
		padding: 4px;
		background: #73B543;
		border-radius: 50px;
		z-index: 20;
		cursor: pointer;
	}
	.extender > img{
		width: 100%;
	}

	/*=============
		Pager
	=============*/
	.pager{
		clear: both !important;
	}
	.pager li{
		display: inline-block !important;
		vertical-align: top !important;
		margin: 10px 0 0 0 !important;
		padding: 6px 10px !important;
		color: #fff !important;
	}
	.pager li a{
		margin: 0 !important;
		padding: 0  !important;
		background: none !important;
		border: none !important;
		border-radius: 0 !important;
		color: #fff;
	}
	.pager .pager-next, .pager .pager-last, .pager .pager-previous, .pager .pager-first{
		display: none !important;
	}
	.pager.pager-load-more{
		margin: 0 !important;
	}
	.pager.pager-load-more > li{
		display: block !important;
	}
	@media screen and (min-width: 768px){ .pager.pager-load-more > li{ margin: 10px auto 10px auto !important; } }
	@media screen and (max-width: 768px){ .pager.pager-load-more > li{ margin: 0 auto 30px auto !important; } }

	.pager.pager-load-more .button-wrap-plus{
		display: block !important;
		width: 30px; height: 30px;
		padding: 4px !important;
		border-radius: 50px
	}
	.pager.pager-load-more .button-wrap-plus > a{
		display: block;
		width: 22px; height: 22px;
		background-image: url('/sites/all/themes/edn_satellite/images/pictos/plus-min.png') !important;
		background-repeat: no-repeat !important;
	}
	.pager.pager-load-more > li > a{
		display: block;
	}
	.pager-load-more-empty{
		display: none;
	}
	.pager.pager-load-more .ajax-progress{
		display: none;
	}

	/*=============
		Cadres 
	=============*/
	.offre-cadre-couleur{
		position: relative;
		float: right;
		width: 100%;
		max-width: 200px;
		margin: 0 0 10px 10px;
		padding: 4px 10px;
		color: #fff;
	}
	.offre-cadre-couleur > p{
		margin: 0;
	}
	.offre-cadre-couleur span{
		font-weight: bold;
	}

	/*=============
		Buttons 
	=============*/
	.button-wrap{
		overflow: hidden;
		position: relative;
		width: 30px; height: 30px;
		background-image: url('/sites/all/themes/edn_satellite/images/pictos/sprite-pictos.png');
		background-repeat: no-repeat;
		background-color: transparent;
		background-size: 120px;
		cursor: pointer;
	}
		/* Left */
		.button-wrap-left{ background-position: 0 0; }
		.button-wrap-left:hover{ background-position: 0 -30px; }
		.button-wrap-left:active{ background-position: 0 -60px; }
		/* Right */
		.button-wrap-right{ background-position: -30px 0; }
		.button-wrap-right:hover{ background-position: -30px -30px; }
		.button-wrap-right:active{ background-position: -30px -60px; }
		/* Plus */
		.button-wrap-plus{ background-position: -76px 0; }
		.button-wrap-plus:hover{ background-position: -76px -38px; }
		/* Moins */
		.button-wrap-moins{ background-position: -114px 0; }
		.button-wrap-moins:hover{ background-position: -114px -38px; }

		#block-block-23 {
			margin-top: 5px;
		}
		#block-block-23 .content div a img{
			display: inline-block !important;
		}
		/*=============
		Infobulles 
	=============*/
	.pub-info-btn{
		position: absolute;
		top: 2px; right: 2px;
		width: 17px; height: 17px;
		background: #fff;
		border-radius: 50px;
		font-size: 12px;
		text-align: center;
		z-index: 20;
		cursor: pointer;
	}
	.pub-info-btn:hover{
		border-color: #fff;
		color: #fff;
	}
	.pub-info-txt{
		overflow: hidden;
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 100%;
		background: #fff;
		color: #000;
		font-size: 12px;
		z-index: 16;
	}

	/*=============
		Head 
	=============*/
	.group-head > legend{ display: none; }
	.node-sat-fournisseur .group-head{ overflow: hidden; }
	@media screen and (min-width: 768px){
		.group-head{
			background: #f6f6f6;
			margin: 0 0 20px 0;
			padding: 10px;
		}
		.group-head h1{
			float: right;
			display: block;
			width: 70%;
			padding-left: 17px;
		}
		.group-head .field-name-field-image{
			float: left;
			width: 30%;
		}
		.group-head .field-name-field-image img{
			width: 100% !important;
			height: auto !important;
			padding: 10px;
			background: #fff;
		}
		.group-head .field-name-field-sat-presentation{
			float: right;
			width: 70%;
			padding-left: 20px;
		}
	}
	@media screen and (max-width: 768px){}

	/*=============
		Tags 
	=============*/
	.field-name-field-tags{
		clear: both;
		margin-top: 30px;
	}
	.field-name-field-tags .field-item, .field-name-field-tags .field-item{
		display: inline;
		margin-right: 4px;
	}
	.field-name-field-tags a{
		padding: 4px 10px;
		color: #fff;
		text-decoration: none;
	}

	/*=============
		Footer 
	=============*/
	#footer .content ul{
		float: left;
		width: 25%;
	}
	#footer .content ul li{
		list-style-type: none;
	}
	@media (max-width: 768px){
		#footer .content ul li{
			line-height: 1.9em;
		}
	}
	#footer .content ul li a{
		color: #fff;
	}

	/*=============
		Copyright 
	=============*/
	#copyright{
		margin: 10px 0;
		padding: 4px 0;
		color: #ccc;
		text-align: center;
		font-size: 9px;
		font-style: italic;
	}

	/*=============
		Pub 
	=============*/
	.sidebar-pub{
		overflow: hidden;
		position: relative;
		padding: 10px;
		border: solid #313047 1px;
		border-radius: 3px;
		color: #fff;
	}
	.sidebar-pub p{
		position: relative;
		font-size: 13px;
		line-height: 1.4em;
		z-index: 10;
	}
	.sidebar-pub .image{
		position: absolute;
		right: 0; bottom: 0;
		z-index: 3;
	}
	.sidebar-pub-normal > .image > img{
		width: 80px;
	}
	.sidebar-pub-min > .image > img{
		width: 56px;
	}
	.sidebar-pub .sidebar-pub-link{
		position: relative;
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;
		background: #73B543;
		border-bottom: solid #4D7837 3px;
		border-radius: 10px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		z-index: 10;

		transition: all 400ms;
		-webkit-transition: all 400ms;
		-moz-transition: all 400ms;
		-o-transition: all 400ms;
		-ms-transition: all 400ms;
	}
	.sidebar-pub-normal .sidebar-pub-link{
		width: 120px;
	}
	.sidebar-pub-min .sidebar-pub-link{
		width: 146px;
	}
	.sidebar-pub .sidebar-pub-link:hover{
		box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	}
	.sidebar-pub .blue{
		color: #9fa9c1;
	}
	.sidebar-pub .bold{
		font-weight: bold;
	}
	.sidebar-pub .big{
		font-size: 17px;
	}

	/*=============
		Infobulles 
	=============*/
	.pub-info-btn{
		position: absolute;
		top: 2px; right: 2px;
		width: 15px; height: 15px;
		background: #fff;
		border-radius: 3px;
		font-size: 12px;
		text-align: center;
		z-index: 20;
		cursor: pointer;
	}
	.pub-info-btn:hover{
		border-color: #fff;
		color: #fff;
	}
	.pub-info-txt{
		overflow: hidden;
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 100%;
		background: #fff;
		color: #000;
		font-size: 12px;
		z-index: 16;
	}

	/*=============
		Slider 
	=============*/
	.arrow{
		float: left;
		width: 10%;
		padding: 25px 0;
	}
	.arrow .button-wrap{
		margin: 0 auto;
	}

	/*=============
		Slider 
	=============*/
	.block-slider{
		clear: both;
		position: relative;
		width: 100%;
		margin: 10px 0;
		padding: 10px;
		background: #5f5f5f;
	}
	.block-slider h3{
		margin: 4px 0 14px 0;
		color: #fff;
	}
		.block-slider .views-row h3{
			margin: 4px 0 4px 0;
			color: #000;
			font-size: 16px;
		}
	.block-slider > .content{
		display: block !important;
		overflow: hidden;
		float: left;
		position: relative;
		height: 90px;
	}
	.block-slider > .block-slider-right-el{
		display: block;
		position: relative;
		float: right;
		width: 14%; height: 90px;
		padding: 25px 10px;
		background: #fff;
		text-align: center;
		color: #000;
	}
		/* Arrows */
		.block-slider .arrow{
			float: left;
			position: relative;
			width: 10%; height: 90px;
			cursor: pointer;
		}
		.block-slider .arrow > div{
			margin: 30px auto;
			border-radius: 50px;
		}
		/* Basic */
		.block-slider > .content > .views-row{
			position: absolute;
			top: 0;
			width: 21%; height: 90px;
			margin: 0 2%;
			background: #fff;
		}
		.block-slider-options > .content > .views-row{
			width: 21%;
		}
		.block-slider-dossiers > .content > .views-row{
			width: 29.33%;
		}
		.block-slider > .content .views-field-title{
			padding: 10px;
			text-align: center;
			font-size: 18px;
		}
		.block-slider > .content .prix{
			text-align: center;
		}
		.block-slider > .content .views-field-field-dossier-presentation{
			display: none;
			overflow: hidden;
			position: absolute;
			top: 100%; right: 10px; bottom: 0; left: 10px;
			padding: 10px;
			background: #ccc;
			cursor: pointer;
		}
		/* Tooltip */
		#tooltip-slider{
			position: absolute;
			padding: 10px;
			background: #fff;
			border: solid #333 1px;
			z-index: 800;
		}

	/*=============
		Slider Aggregator
	=============*/
	@media screen and (min-width: 768px){
		#subcontent .block-views,
		.block-aggregator{
			margin-top: 10px;
			padding: 0 0 10px 0;
		}
		#subcontent .block-views > h2,
		.block-aggregator > h2{
			padding: 10px;
			color: #fff;
		}
		#subcontent .block-views img,
		.block-aggregator > img{
			width: 100%;
		}
		.block-aggregator .more-link{ display: none; }
		#subcontent .block-views .content,
		.block-aggregator .item-list{
			overflow: hidden;
			position: relative;
			float: left;
			width: 80%; height: 100px;
		}
		#subcontent .block-views .view-content,
		.block-aggregator .item-list > ul{
			width: 100%;
		}
		#subcontent .block-viewsk .views-row,
		.block-aggregator .item-list > ul > li{
			position: absolute;
			top: 0;
			height: 100px;
			margin: 0;
			background-color: #fff;
			list-style: none;
			cursor: pointer;
		}
		.block-aggregator .item-list > ul > li:hover a{
			color: #fff;
		}
		.block-aggregator .item-list > ul > li > a{
			color: #000;
			text-decoration: none;
		}
		#subcontent .block-views .views-row img{
			opacity: 0.5;
		}
		#subcontent .block-views .views-row:hover img{
			opacity: 1;
		}
	}
	@media screen and (max-width: 768px){
		/* Hide "Actualités des FAI" */
		#block-aggregator-feed-1{ display: none; }

		#subcontent .block-views,
		.block-aggregator{
			background: #eee;
		}
		#subcontent .block-views > h2,
		.block-aggregator > h2{
			padding: 10px;
			color: #cf2000;
		}
		#subcontent .block-views img,
		.block-aggregator > img{
			display: none;
		}
		.block-aggregator .more-link{ display: none; }
		#subcontent .block-views .view-content,
		.block-aggregator .item-list > ul{
			width: 100%;
		}
		#subcontent .block-views .views-row,
		.block-aggregator .item-list > ul > li{
			display: block;
			left: 0 !important;
			width: 100% !important;
			height: auto;
			margin: 0;
			background-color: #fff;
			list-style: none;
			cursor: pointer;
		}
		.block-aggregator .item-list > ul > li:hover a{
			color: #fff;
		}
		.block-aggregator .item-list > ul > li > a{
			color: #000;
			text-decoration: none;
		}
		#subcontent .block-views .views-row img{
			opacity: 0.5;
		}
		#subcontent .block-views .views-row:hover img{
			opacity: 1;
		}
	}

	/*=============
		Tabs 
	=============*/
		.tabs > ul{
			border: none;
		}
		.tabs > ul > li > a{
			padding: 4px 10px;
			background: #333;
			border-left: solid #333 1px !important;
			border-top: solid #333 1px !important;
			border-right: solid #333 1px !important;
			border-bottom: none !important;
			color: #fff;
		}
		.tabs > ul > li > a:hover{
			background: #444;
		}
		.tabs > ul > li.active > a{
			background: #333;
		}
		.tabs > ul > li.active > a:hover{
			background: #444;
		}

	/*=============
		Breadcrumb 
	=============*/
		@media screen and (min-width: 768px){
			.easy-breadcrumb{
				display: block;
				margin: 0 0 20px 0;
			}
		}
		@media screen and (max-width: 768px){
			.easy-breadcrumb{
				display: none;
			}
		}



/* =================================
	Add Content - REMOVE THIS
================================= */
@media screen and (min-width: 768px){
	#addcontent{
		position: absolute;
		top: 0; right: 0;
		background: #fff;
		border-left: solid #fff 1px;
		border-bottom: solid #fff 1px;
		box-shadow: 3px -3px 6px #ccc inset;
	}
	#addcontent > a{
		padding: 4px 10px;
		display: block;
		text-decoration: none;
	}
	#addcontent > a:hover{
		background-color: rgba(0, 0, 0, 0.1);
	}
}
@media screen and (max-width: 768px){
	#addcontent{
		position: absolute;
		top: 0; right: 0; left: 0;
		margin: 0 auto;
		background: #fff;
		z-index: 999;
	}
	#addcontent > a{
		padding: 2px 10px;
		display: inline-block;
		text-decoration: none;
		font-size: 10px;
	}
	#addcontent > a:hover{
		background-color: #eee;
	}
}


/* ====
	Publicités
==== */
/* Generals */
.pub-wrap{margin: 20px 0;}
.clear{clear: both; display: block;}
.bold{font-weight: bold;}
.pub-txt-color{color: #d9430d;}

/* Pub 01 */
@media screen and (min-width: 768px){
	#pub_01{
		border: solid #aaa 1px;
	}
	#pub_01 .section{
		float: left;
		width: 50%; height: 112px;
		padding: 6px 10px;
	}
	#pub_01 .section-2{
		background: #eee;
	}
	#pub_01 p{
		font-size: 14px;
	}
	#pub_01 .numero{
		font-size: 18px;
	}
	#pub_01 .logos{
		text-align: center;
	}
	#pub_01 .logos .logo{
		display: inline-block;
		vertical-align: top;
	}
	#pub_01 .logos .logo > img{
		display: inline-block;
		height: 50px;
		margin: 0 10px;
	}
}
@media screen and (max-width: 768px){
	#pub_01{
		border: solid #aaa 1px;
	}
	#pub_01 .section{
		padding: 6px 10px;
	}
	#pub_01 .section-2{
		background: #eee;
	}
	#pub_01 p{
		display: block;
		float: none;
		width: 100%;
		font-size: 14px;
	}
	#pub_01 .numero{
		font-size: 18px;
	}
	#pub_01 .logos .logo{
		float: left;
		width: 25%;
	}
	#pub_01 .logos .logo > img{
		height: 50px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 360px){
	#pub_01 .logos .logo .logo-numericable{
		height: 20px !important;
	}
	#pub_01 .logo img{
		height: 40px !important;
	}
}
#pub_01{background: #fff;}
.logo-numericable{height: 30px !important;}
#pub_01 .logo-numericable{margin: 10px 0 0 0 !important;}
.pub-wrap p{margin: 0 0 4px 0 !important;}

/* Pub 02 */
@media screen and (min-width: 768px){
	#pub_02{
		border: solid #aaa 1px;
	}
	#pub_02 > div{
		position: relative;
		float: left;
		width: 25%;
		padding: 10px;
		background: #fff;
	}
	#pub_02 > div:after{
		content: "";
		position: absolute;
		top: 30%; right: 0;
		width: 1px; height: 40%;
		background: #d9430d;
	}
	#pub_02 > div.pub-last-block:after{
		display: none !important;
	}
	#pub_02 > div:last-child{
		border: none !important;
	}
	#pub_02 img, #pub_02 p, #pub_02 a{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	#pub_02 img{
		height: 50px;
	}
	#pub_02 p{
		margin: 6px 0;
		font-size: 20px;
	}
	#pub_02 .min-txt{
		font-size: 14px;
	}
	#pub_02 a{
		width: 70%;
		background: #f15a24;
		color: #fff;
		text-decoration: none;
		border-bottom: solid #d9430d  3px;
		border-radius: 5px;
	}
	.pub-sep{display: none;}
}
@media screen and (max-width: 768px){
	#pub_02{
		border: solid #aaa 1px;
	}
	#pub_02 > div{
		position: relative;
		float: left;
		width: 50%;
		padding: 10px;
		background: #fff;
	}
	#pub_02 img, #pub_02 p, #pub_02 a{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	#pub_02 img{
		float: none;
		height: 50px;
	}
	#pub_02 p{
		float: none;
		display: block;
		width: 100%;
		margin: 6px 0;
		font-size: 20px;
	}
	#pub_02 .min-txt{
		font-size: 14px;
	}
	#pub_02 a{
		float: none;
		width: 80%;
		background: #f15a24;
		color: #fff;
		text-decoration: none;
		border-bottom: solid #d9430d  3px;
		border-radius: 5px;
	}
	.pub-sep{
		clear: both;
		display: block;
		width: 80%; height: 1px;
		margin: 0 auto;
		background: #ccc;
	}
}
#pub_02{
	background: #fff;
}
.pub-plus-infos{
	display: block !important;
	width: 100% !important;
	margin-top: 8px !important;
	background: transparent !important;
	color: #d9430d !important;
	text-decoration: none !important;
	border-bottom: none !important;
	border-radius: 0px !important;
}
#pub_02 .logo-numericable{margin: 10px auto !important;}

#setmep .call-center-open, #setmep .call-center-close,
.call-center-open, .call-center-close{
	display: none;
}

/* Divers Fix */
.node fieldset.group-head{clear :both;}