/*-----------------------------------------------------------------------------------------------------
		Projet : noparking.net
		Website : http://noparking.et
		Auteur : No Parking

		Copyright (C) 2011


		Sommaire :  General
					Header:
						Navigation

					Contenu:
						Homepage
						Pages
						Blog
						Sidebar

					Footer

-------------------------------------------------------------------------------------------------------*/


/* General
-------------------------------------------------------------------------------------------------------*/

article, aside, details,
figcaption, figure, footer,
header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	display: inline;
	zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

.clear {
	line-height: 0;

	clear: left;height: 0;
}

.clearfix:before,
.clearfix:after {
	display: table;

	content: '';
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 20px 0;
}

dfn {
	font-style: italic;
}

hr {
	display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc;
}

ins {
	text-decoration: none; color: #000;
	background: #ff9;
}

mark {
	font-weight: bold;
	font-style: italic;

	color: #000;
	background: #ff0;
}

pre, code,
kbd, samp {
	font-family: monospace, monospace;
	font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: '';
	content: none;
}

small {
	font-size: 85%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;

	position: relative;

	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

ul, ol {
	list-style: none;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,
nav ol {
	margin: 0;
	padding: 0;

	list-style: none;
	list-style-image: none;
}

a {
	text-decoration: none;

	color: #f8be18;
}

a:visited {
	color: #999;
}

a:hover {
	color: #feda75;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

img {
	vertical-align: middle;

	-ms-interpolation-mode: bicubic;
	border: 0;
}

::-moz-selection {
	color: #fff;
	background: #f8be18;
	text-shadow: none;
}

::selection {
	color: #fff;
	background: #f8be18;
	text-shadow: none;
}

* {
	margin: 0;padding: 0;
}

html {
	font-size: 100%;

	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4em;

	margin: 0;

	color: #d6d6d6;
	background: #272727;
}

body.page-blog,
body.node-type-blog,
body.page-taxonomy {
	background: #222;
}

h1, h2, h3, h4 {
	color: #fff;
}

h1 {
	font-size: 2.5em;
	font-weight: normal;
}

h2 {
	font-size: 1.2em;
}


/* Header
-------------------------------------------------------------------------------------------------------*/
.header {
	height: 65px;

	border-top: 4px solid #f8be18;
	background: #1b1b1b;
}

.header-content {
	width: 960px;
	margin: 0 auto;
}

.header h1 {
	float: left;

	margin: 18px 0 0 0;
}

.header h1 a {
	display: block;

	width: 71px;
	height: 30px;
}

/* ========================
	Navigation
======================== */
.mobile-nav-on,
.mobile-nav-off {
	display: none;
}


.navigation {
	font-size: .9em;

	float: right;

	margin-top: 14px;
}

/* First lvl */
.navigation ul {
	float: right;
}

.navigation ul li {
	position: relative;
	z-index: 999;

	float: left;

	list-style: none;
}

.navigation ul li.menu-mlid-187 a {
	padding-top: 11px;
}

.navigation ul li.expended {
	list-style: none;
}

.navigation ul li a {
	display: block;

	padding: 10px;

	color: #d6d6d6;
}

.navigation ul li a:hover,
.navigation ul li a.active {
	color: #f8be18;
}

a.active,
li.active-trail {
	font-weight: bold;
}

/* Second lvl */
.navigation ul li ul {
	position: absolute;
	z-index: 99;
	top: 44px;
	left: 0;

	display: none;

	background: #1b1b1b;
}

.navigation ul li:hover ul {
	display: block;
}

.navigation ul li ul li {
	display: block;

	width: 100%;
	min-width: 120px;
	margin: 0;
	padding: 0;

	border-bottom: 1px dotted #343434;
}

.navigation ul li ul li.last {
	border: none;
}

.navigation ul li ul li a {
	font-size: .9em;

	display: block;

	white-space: nowrap;

	color: #d6d6d6;
}



/* Contenu
-------------------------------------------------------------------------------------------------------*/
.main {
	position: relative;
	z-index: 9;
}

.content {
	position: relative;

	width: 960px;
	min-height: 350px;
	margin: 40px auto 0 auto;
}

.front .content {
	margin-top: 60px;
}

/* ==== Admin Tabs ==== */

div.tabs {
	position: relative;
	top: 0;
	left: 0;

	display: block;

	width: auto;
	margin: 0 0 40px 0;
}

.tabs ul.primary,
.tabs ul.secondary {
	font-size: .9em;

	margin: 0;
	padding: 0;

	border: none;
	border-bottom: 1px solid #333;
}

.tabs ul.primary li,
.tabs ul.secondary li {
	display: inline-block;

	margin: 0;
	margin-right: 10px;
	padding: 0;

	border: none;
}

.tabs ul.primary li a {
	display: block;

	margin: 0;
	padding: 10px;

	text-align: center;

	color: #fff;
	border: none;
	background: #222;
}

.tabs ul.secondary li a {
	display: block;

	margin: 0;
	margin: 10px;
	padding: 4px 10px;

	color: #efefef;
	border: none;
	background: none;
}

.tabs ul.primary li a:hover,
.tabs ul.primary li.active a {
	color: #f8be18;
	background: #333;
}

.tabs ul.secondary li a:hover,
.tabs ul.secondary li.active a {
	color: #f8be18;
}

/* ========================
	Homepage
======================== */

h1.homepage-title {
	/*font-family: 'CabinSketchBold', Helvetica, Arial, sans-serif;*/
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1em;

	width: 224px;
	height: 32px;
	margin-bottom: 20px;

	text-indent: -9999px;

	color: #676767;
}

.realisations h1.homepage-title {
	background: url('../images/titre-realisations.png') no-repeat left top;
}

.recrutement h1.homepage-title {
	background: url('../images/titre-recrutement.png') no-repeat left top;
}

.actualites h1.homepage-title {
	background: url('../images/titre-actualites.png') no-repeat left top;
}

section.realisations,
section.recrutement,
section.actualites {
	position: relative;

	width: 960px;
	margin: 0 auto;
}

section.realisations,
section.recrutement,
section.actualites {
	margin-bottom: 60px;
}

section.realisations {
	margin-top: 40px;
}

section.recrutement h1.homepage-title {
	position: relative;

	width: 960px;
	margin: 0 auto 20px auto;
}

section.recrutement .section-content {
	background: #222;
}


/* ==== Réalistations ==== */
.bloc-realisation {
	float: left;

	width: 300px;
	margin: 0 30px 0 0;
	padding-bottom: 10px;
	/*background:url("../images/border-title.gif") repeat-x left bottom;*/
}

.bloc-realisation.last {
	margin-right: 0;
}

.bloc-realisation a.picture {
	display: block;

	margin-bottom: 20px;
}

.bloc-realisation a.picture img {
	-webkit-transition: opacity .4s ease 0s;
	   -moz-transition: opacity .4s ease 0s;
			transition: opacity .4s ease 0s;

	border: 5px solid #1b1b1b;
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: 'alpha(opacity=100)';
}

.bloc-realisation a.picture:hover img {
	-webkit-transition: opacity .4s ease 0s;
	   -moz-transition: opacity .4s ease 0s;
			transition: opacity .4s ease 0s;

	opacity: .6;
	-moz-opacity: .6;
	-ms-filter: 'alpha(opacity=60)';
}

.bloc-realisation h2 {
	font-size: 1.4em;
	font-weight: normal;

	display: block;

	margin-bottom: 10px;

	color: #fff;
}

.bloc-realisation p {
	font-size: .9em;

	min-height: 90px;

	color: #d6d6d6;
}

/* ==== Recrutement ==== */

.bloc-recrutement-rejoindre,
.bloc-recrutement-offres,
.bloc-recrutement-postuler {
	float: left;
}

/* Nous rejoindre */
.bloc-recrutement-rejoindre {
	width: 330px;
	height: 260px;

	background: url('../images/bg-recrutement-rejoindre-noparking.jpg') no-repeat top left;
}

.bloc-recrutement-rejoindre p {
	text-indent: -9999px;
}

/* Offres */
.bloc-recrutement-offres {
	width: 330px;
	height: 260px;

	background: url('../images/bg-recrutement-offres.jpg') no-repeat top left;
}

.bloc-recrutement-offres h2 {
	font-weight: normal;

	margin: 26px 50px 6px 26px;
	padding-bottom: 10px;

	color: #fff;
	background: url(../images/border-title.gif) repeat-x left bottom;
}

.bloc-recrutement-offres ul {
	margin: 0 50px 0 26px;
}

.bloc-recrutement-offres ul li {
	margin: 0;
	padding: 0;
}

.bloc-recrutement-offres ul li a {
	font-size: .9em;

	display: block;

	padding: 8px 0;

	color: #fff;
	border-bottom: 1px dotted #393939;
}

.bloc-recrutement-offres ul li a:hover {
	color: #feda75;
}

.bloc-recrutement-offres .view-footer {
	margin: 10px 50px 0 26px;

	text-align: right;
}

.bloc-recrutement-offres .view-footer a {
	font-size: .9em;
}


/* Postuler */
.bloc-recrutement-postuler {
	width: 300px;
	height: 260px;

	background: url('../images/bg-recrutement-postuler.jpg') no-repeat top left;
}

.bloc-recrutement-postuler span {
	display: block;

	width: 37px;
	height: 40px;
	margin: 20px auto 10px auto;

	background: url('../images/icon-bubble.png') no-repeat top left;
}

.bloc-recrutement-postuler p {
	margin: 26px 10px;

	text-align: center;

	color: #d6d6d6;
}

.bloc-recrutement-postuler a {
	font-size: 1.2em;
	font-weight: bold;

	display: block;

	margin: 10px 40px;
	padding: 14px 10px;

	text-align: center;

	color: #393939;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
	background: #fff;
}

.bloc-recrutement-postuler a:hover,
.bloc-recrutement-postuler a:active {
	background: #feda75;
	text-decoration: none;
}

.bloc-recrutement-postuler a:active {
	position: relative;
	top: 1px;
}


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

/* On parle de nous */
.bloc-actualites {
	float: left;

	width: 300px;
	margin: 0 30px 0 0;
	padding-bottom: 10px;
	/*background:url("../images/border-title.gif") repeat-x left bottom;*/
}

.bloc-actualites h2 {
	font-weight: normal;

	margin-bottom: 16px;
	padding-bottom: 10px;

	color: #fff;
	background: url(../images/border-title.gif) repeat-x left bottom;
}

.bloc-actualites a.picture {
	display: block;

	margin-bottom: 16px;
}

.bloc-actualites a.picture img {
	-webkit-transition: opacity .4s ease 0s;
	   -moz-transition: opacity .4s ease 0s;
			transition: opacity .4s ease 0s;

	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: 'alpha(opacity=100)';
}

.bloc-actualites a.picture:hover img {
	-webkit-transition: opacity .4s ease 0s;
	   -moz-transition: opacity .4s ease 0s;
			transition: opacity .4s ease 0s;

	opacity: .6;
	-moz-opacity: .6;
	-ms-filter: 'alpha(opacity=60)';
}

.bloc-actualites img {
	border: 5px solid #1b1b1b;
}

.bloc-actualites p {
	font-size: .9em;

	min-height: 90px;

	color: #d6d6d6;
}


/* Dernier Post */
.bloc-derniers-billets {
	float: left;

	width: 300px;
	margin: 0 30px 0 0;
	padding-bottom: 10px;
}

.bloc-derniers-billets h2 {
	font-weight: normal;

	margin-bottom: 16px;
	padding-bottom: 10px;

	color: #fff;
	background: url(../images/border-title.gif) repeat-x left bottom;
}

.bloc-derniers-billets ul,
.bloc-derniers-billets ul li {
	margin: 0;
}

.bloc-derniers-billets ul li {
	font-size: .9em;

	margin-bottom: 10px;
	padding-bottom: 10px;

	border-bottom: 1px dotted #525252;
}

.bloc-derniers-billets .home-post-date {
	font-size: .8em;
	line-height: 1em;

	display: inline-block;

	padding: 3px 4px 1px 4px;

	color: #666;
	background: #1b1b1b;
}

.bloc-derniers-billets .home-post-title {
	font-size: 1em;

	margin-bottom: 6px;
}

.bloc-derniers-billets .home-post-title a {
	color: #fff;
}

.bloc-derniers-billets .home-post-title a:hover {
	color: #feda75;
}

.bloc-derniers-billets .home-post-content {
	font-size: .9em;
	line-height: 1.4em;
}


/* Social */
.bloc-social {
	float: left;

	width: 300px;
	margin: 0 0 0 0;
	padding-bottom: 10px;
	/*background:url("../images/border-title.gif") repeat-x left bottom;*/
}

.bloc-social h2 {
	font-weight: normal;

	margin-bottom: 16px;
	padding-bottom: 10px;

	color: #fff;
	background: url(../images/border-title.gif) repeat-x left bottom;
}

.bloc-social ul li {
	height: 90px;
	margin: 0 0 15px 0;

	background: #222;
}

.bloc-social ul li:last-child {
	margin: 0;
}

.bloc-social ul li a {
	display: block;
	float: left;

	width: 90px;
	height: 90px;

	text-indent: -9999px;

	background: url(../images/sprite.png) #1b1b1b no-repeat 0 0;
}

.bloc-social ul li a.google {
	background-position: -180px 0;
}

.bloc-social ul li a.twitter {
	background-position: 0 0;
}

.bloc-social ul li a.linkedin {
	background-position: -90px 0;
}

.bloc-social ul li a.google:hover {
	background: url(../images/sprite.png) #d84937 no-repeat -180px 0;
}

.bloc-social ul li a.twitter:hover {
	background: url(../images/sprite.png) #00aeff no-repeat 0 0;
}

.bloc-social ul li a.linkedin:hover {
	background: url(../images/sprite.png) #0080b2 no-repeat -90px 0;
}

.bloc-social ul li p {
	font-size: .9em;
	line-height: 1.2em;

	float: left;

	width: 178px;
	margin: 16px 16px 0 16px;

	color: #d6d6d6;
}



/* ========================
	Pages
======================== */
.page-content {
	position: relative;

	float: left;

	width: 630px;
	padding: 0;
}

.no-sidebars .page-content {
	width: auto;
}

.page-title {
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1em;

	margin-bottom: 20px;
	padding: 10px 0;
}

.page-title a {
	color: #fff;
}


/* Style de base du contenu  */
.page-content h2 {
	font-size: 1.4em;
	font-weight: normal;

	margin-bottom: 20px;
}

.page-content h3 {
	font-size: 1.2em;
	font-weight: normal;

	margin-bottom: 6px;
}

.page-content h4 {
	font-size: 1em;

	margin-bottom: 6px;
}

.page-content img {
	margin-bottom: 20px;

	border: 5px solid #1b1b1b;
}

.node-type-simplenews .page-content img {
	margin-bottom: 0;

	border: none;
}

.page-content p {
	margin-bottom: 14px;
}

.page-content em {
	font-size: .8em;
}

.page-content ul,
.page-content ol {
	margin: 20px 0 20px 30px;

	list-style-type: circle;
}

.page-content ul li,
.page-content ol li {
	margin-bottom: 10px;
}

.page-content blockquote {
	font-style: italic;

	padding: 20px;

	background: #2d2d2d;
}

.page-content blockquote p {
	margin: 0;
}

.page-content blockquote:before {
	content: '«';
}

.page-content blockquote:after {
	content: '»';
}

.book-navigation {
	display: none;
}

.page-content .field-type-taxonomy-term-reference label {
	font-size: .8em;

	margin-top: 40px;
	padding: 6px 0;

	color: #666;
	background: url(../images/border-title.gif) repeat-x left top;
}

.page-content .field-type-taxonomy-term-reference label:after {
	content: ' :';
}

.page-content .field-type-taxonomy-term-reference .field-item {
	display: inline-block;

	margin: 0 4px 4px 0;
}

.page-content .field-type-taxonomy-term-reference .field-item a {
	font-size: .8em;

	display: inline-block;

	padding: 2px 6px;

	text-align: center;

	color: #666;
	background: #222;
}

.page-content .field-type-taxonomy-term-reference .field-item a:hover {
	color: #fff;
	background: #f8be18;
}


/* ==== Taxonomy ==== */

.term-listing-heading {
	display: none;
}



/* ==== Profiles ==== */
.profile {
	margin-top: 16px;

	color: #fff;
}

.profile dl {
	font-size: .9em;

	margin-left: 10px;

	color: #ccc;
}


/* ==== 404 ==== */
.page-404 {
	font-size: 1.2em;

	margin: 80px 0;
	padding-top: 220px;

	text-align: center;

	color: #fff;
	background: url(../images/noparking-404.png) no-repeat center top;
}

.page-404 a {
	font-size: .8em;

	display: block;

	margin-top: 20px;

	color: #ccc;
}


/* ==== Formulaires ==== */

div.success,
div.error {
	width: 880px;
	margin: 40px auto 0 auto;
	padding: 25px 25px 20px 55px;

	text-align: left;
}

div.error {
	background: url(../images/alert-error.png) no-repeat 15px center #ffe6e9;
}

div.error h2 {
	color: #f9452e;
	margin: 0 0 5px 0;
	font-size: 1em;
	line-height: 1.4em;
}

div.error li:last-child h2 {
	margin: 0;
}

div.success {
	background: url(../images/alert-success.png) no-repeat 15px center #e3f3e3;
}

div.success h2 {
	color: #44af47;
	margin: 0 0 5px 0;
	font-size: 1em;
	line-height: 1.4em;
}

div.success li:last-child h2 {
	margin: 0;
}


.form-item {
	margin: 0 0 15px 0;
}

.form-item br {
	display: none;
}

.form-item label {
	font-weight: bold;

	display: block;

	margin-bottom: 8px;

	color: #d6d6d6;
}

.form-item .description {
	font-size: .8em;
	font-style: italic;

	margin-top: 6px;

	color: #999;
}

.form-item label .form-required {
	color: #f8be18;
}

.form-item input,
.form-item textarea {
	font: 1em/1em Helvetica, Arial, sans-serif;

	box-sizing: border-box;
	width: 630px;
	padding: 10px;

	color: #1b1b1b;
	border: 1px solid #fff;
	background: #fff;
}

.form-item textarea {
	font: 1em/1em Helvetica, Arial, sans-serif;

	box-sizing: border-box;
	width: 630px;
	height: 87px;
	padding: 10px;

	color: #1b1b1b;
	border: 1px solid #fff;
	background: #fff;
}

.form-item input:focus,
.form-item textarea:focus {
	border: 1px solid #f8be18;
	outline: none;
}

.form-item input[type='file']{
	width: 360px;
}

.form-item input[type='submit'] {
	font-weight: bold;

	width: 250px;

	color: #f8be18;
}

.form-item input[type='file'],
.form-item input[type='submit'] {
	float: left;

	height: 22px;

	padding: 0;
	border: 0;
}

.form-item .form-managed-file {
	padding: 10px;
	background: #fff;
}

.form-item input[type='file']:focus,
.form-item input[type='submit']:focus {
	border: none;
	outline: none;
}

.form-item .form-managed-file:after {
	display: table;
	clear: both;

	content: '';
}

.form-actions input[type='submit'] {
	font-size: 1.2em;
	font-weight: bold;

	display: block;

	margin: 30px 0 0 0;
	padding: 15px 35px;

	cursor: pointer;
	text-align: center;

	color: #393939;
	border: 0;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
	background: #fff;
}

.form-actions input[type='submit']:hover,
.form-actions input[type='submit']:focus {
	text-decoration: none;

	outline: none;
	background: #feda75;
}

form input[type='submit'].form-submit:hover,
form input[type='submit'].form-submit:active {
	cursor: pointer;

	background: #fdc832;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
	border: 1px solid #fcd4d4;
	background: #fcd4d4;
}

.webform-confirmation-msg {
	font-size: 1.2em;

	margin-top: 40px;
	padding-top: 120px;

	text-align: center;

	color: #fff;
	background: url(../images/webform-confirmation.png) no-repeat center top;
}

.webform-confirmation-msg a {
	font-size: .8em;

	display: block;

	margin-top: 20px;

	color: #ccc;
}

#block-system-main .links {
	display: none;
}


/* ========================
	Blog
======================== */
.post-content {
	position: relative;

	float: left;
	overflow: hidden;

	width: 630px;
	padding: 40px 0 0 0;

	background: #272727;
}

.blog-header {
	display: block;

	width: 593px;
	height: 103px;

	text-indent: -9999px;

	background: url(../images/blog-header.png) no-repeat left top;
}

.blog-logo {
	display: block;

	margin: 20px 0;
	padding-bottom: 20px;

	background: url(../images/border-title.gif) repeat-x left bottom;
}

.blog-intro {
	margin: 20px 0 50px 0;
	padding-bottom: 20px;

	color: #fff;
	background: url(../images/border-title.gif) repeat-x left bottom;
}

.blog-post,
.page-taxonomy .node-content {
	margin: 0 20px 60px 20px;
	padding-bottom: 10px;

	background: url(../images/border-post.gif) repeat-x left bottom;
}


/* Contenu */

.blog-post p {
	margin-bottom: 10px;
}

.blog-post ul,
.blog-post ol {
	margin: 20px 0 20px 30px;

	list-style-type: circle;
}

.blog-post blockquote {
	font-style: italic;

	padding: 20px;

	background: #2d2d2d;
}

.blog-post blockquote p {
	margin: 0;
}

.blog-post blockquote p:before {
	content: '«';
}

.blog-post blockquote p:after {
	content: '»';
}

.blog-post img {
	max-width: 580px;

	border: 5px solid #1b1b1b;
}

.post-title,
.page-taxonomy .node-content .page-title {
	font-size: 1.8em;
	line-height: 1em;

	margin: 0 0 8px -20px;
	padding: 0 0 0 10px;

	border-left: 10px solid #1b1b1b;
}

.post-title a {
	color: #fff;
}

.blog-post p.post-author {
	font-size: .8em;

	margin-bottom: 30px;
}

.field-name-body {
	margin-bottom: 40px;
}

/* Taxonomy */

.page-taxonomy .post-content {
	padding-top: 20px;
}

.page-taxonomy .page-title {
	font-size: 1.2em;
	line-height: 1em;

	margin: 0 20px 40px 20px;

	border-bottom: 1px dotted #555;
	border-left: none;
}

.blog-post .field-type-taxonomy-term-reference label,
.page-taxonomy .node-content .field-type-taxonomy-term-reference label {
	display: none;
}

.blog-post .field-type-taxonomy-term-reference .field-item,
.page-taxonomy .node-content .field-type-taxonomy-term-reference .field-item {
	display: inline-block;
}

.blog-post .field-type-taxonomy-term-reference a,
.page-taxonomy .node-content .field-type-taxonomy-term-reference a {
	font-size: .8em;

	display: inline-block;

	margin-bottom: 4px;
	padding: 2px 6px;

	text-align: center;

	color: #666;
	background: #222;
}

.blog-post .field-type-taxonomy-term-reference a:hover,
.page-taxonomy .node-content .field-type-taxonomy-term-reference a:hover {
	color: #fff;
	background: #f8be18;
}


/* ==== Pager ==== */
.pager {
	margin: 20px;

	text-align: center;
}

.pager:before,
.pager:after {
	display: table;

	content: '';
}

.pager:after {
	clear: both;
}

.pager {
	zoom: 1;
}

.pager li {
	float: left;

	margin: 0 10px 10px 0;

	list-style: none;
}

.pager li a {
	line-height: 2em;

	display: block;

	height: 30px;
	padding: 0 10px;

	text-align: center;

	color: #333;
	background: #d6d6d6;
}

.pager li a:hover {
	color: #fff;
	background: #f8be18;
}

.pager li.current {
	line-height: 2em;

	display: block;

	height: 30px;
	padding: 0 10px;

	text-align: center;

	color: #fff;
	background: #f8be18;
}


/* ==== Simple News ==== */
.node-type-simplenews .region-content .field-name-body {
	padding: 40px;

	background: #fff;
}

.node-type-simplenews .region-content .field-name-body table {
	margin: 0 auto;
}


/* ==== System ==== */
.sticky-enabled {
	width: 100%;

	color: #333;
}

.sticky-enabled tr td {
	padding: 4px;
}



/* ========================
	Sidebar
======================== */

.sidebar {
	float: right;

	width: 300px;
}

.sidebar .block {
	clear: both;
}

.sidebar-bloc {
	margin-bottom: 50px;
}

.sidebar-bloc h2 {
	font-weight: normal;

	margin-bottom: 16px;
	padding-bottom: 10px;

	color: #fff;
	background: url(../images/border-title.gif) repeat-x left bottom;
}

.sidebar-bloc p {
	font-size: .8em;

	color: #d6d6d6;
}


/* ==== Recherche ====*/
.block-search:before,
.block-search:after {
	display: table;

	content: '';
}

.block-search:after {
	clear: both;
}

.block-search {
	zoom: 1;
}

.block-search {
	margin-bottom: 50px;
}

.block-search .form-item,
.block-search .form-actions {
	float: left;

	margin: 0;
}

.block-search .form-item {
	width: 240px;
}

.block-search input {
	width: 240px;
	height: 40px;
	padding: 0 10px;

	color: #b6b6b6;
	border: 1px solid #393939;
	background: #393939;
}

.block-search input:focus {
	border: 1px solid #fff;
	background: #fff;
}

.block-search .form-actions,
.block-search input.form-submit[type='submit'] {
	width: 60px;
}

.block-search input.form-submit[type='submit'] {
	font-size: 1em;

	height: 40px;
	padding: 0;
}

/* resultat */
.page-search form .container-inline label:after {
	content: ' :';
}

.page-search form input {
	width: auto;
	height: 40px;
	padding: 0 10px;

	color: #b6b6b6;
	border: 1px solid #393939;
	background: #393939;
}

.page-search form input.form-submit[type='submit'] {
	line-height: 1em;

	margin-top: 10px;
	padding: 0 10px;
}

.page-search .container-inline {
	margin-bottom: 20px;
}

.page-search .search-results {
	margin: 0;
}

.page-search .search-result {
	padding: 10px;

	list-style: none;

	background: #222;
}


/* ==== Social Link ==== */
.sidebar-social ul li {
	float: left;

	width: 90px;
	height: 90px;
	margin: 0 15px 15px 0;
}

.sidebar-social ul li:last-child {
	margin: 0;
}

.sidebar-social ul li a {
	display: block;

	width: 90px;
	height: 90px;

	text-indent: -9999px;

	background: url(../images/sprite.png) #222 no-repeat 0 0;
}

.page-blog .sidebar-social ul li a,
.node-type-blog .sidebar-social ul li a,
.page-taxonomy .sidebar-social ul li a {
	background: url(../images/sprite.png) #272727 no-repeat 0 0;
}

.sidebar-social ul li a.twitter {
	background-position: 0 0;
}

.sidebar-social ul li a.google {
	background-position: -180px 0;
}

.sidebar-social ul li a.linkedin {
	background-position: -90px 0;
}

.sidebar-social ul li a.twitter:hover {
	background: url(../images/sprite.png) #00aeff no-repeat 0 0;
}

.sidebar-social ul li a.google:hover {
	background: url(../images/sprite.png) #d84937 no-repeat -180px 0;
}

.sidebar-social ul li a.linkedin:hover {
	background: url(../images/sprite.png) #0080b2 no-repeat -90px 0;
}

/* ==== Contact ==== */
.sidebar-contact a.picture {
	display: block;
	float: left;

	width: 140px;
}

.sidebar-contact adress {
	font-size: .8em;
	line-height: 1.2em;

	display: block;
	float: left;

	width: 140px;
	height: 120px;
	padding: 10px;

	background: #222;
}

.sidebar-contact adress strong {
	color: #fff;
}


/* ==== Opentime ==== */
.sidebar-opentime {
	padding: 20px;

	text-align: center;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	background: #222;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .4);
	   -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .4);
			box-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

.node-type-blog .sidebar-opentime,
.page-blog .sidebar-opentime,
.page-taxonomy .sidebar-opentime {
	background: #1b1b1b;
}

.sidebar-opentime h2 {
	width: 163px;
	height: 140px;
	margin: 10px auto 20px auto;

	text-indent: -9999px;

	background: url(../images/logo-opentime.png) no-repeat center top;
}

.sidebar-opentime h3 {
	font-size: 1em;

	margin-bottom: 20px;
}

.sidebar-opentime a {
	text-align: center;
}


/* ==== Button Action ==== */
.btn-action {
	font-size: 1.2em;
	font-weight: bold;

	display: block;

	padding: 18px 0 14px 0;

	text-align: left;
	text-decoration: none;
	text-transform: uppercase;

	color: #664100;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
	background: #ecb310;
	background-image: -moz-linear-gradient(top,
	#fdc832,
	#ecb310);
	background-image: -webkit-gradient(linear,left top,left bottom,
	color-stop(0, 		#fdc832),
	color-stop(1, 		#ecb310));
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), 0 1px 0 #c59100, 0 2px 0 #c59100;
	   -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), 0 1px 0 #c59100, 0 2px 0 #c59100;
			box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), 0 1px 0 #c59100, 0 2px 0 #c59100;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .4);

	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr=\'#fdc832\', EndColorStr=\'#ecb310\')';
}

.btn-action span {
	font-size: .7em;
	font-weight: normal;

	display: block;

	text-decoration: none;
	text-transform: lowercase;
}

.btn-action:hover {
	text-decoration: none;

	color: #664100;
	background: #fdc832;
	background-image: -moz-linear-gradient(top,
	#ecb310,
	#fdc832);
	background-image: -webkit-gradient(linear,left top,left bottom,
	color-stop(0, 		#ecb310),
	color-stop(1, 		#fdc832));

	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr=\'#ecb310\', EndColorStr=\'#fdc832\')';
}

.btn-action:active {
	position: relative;
	top: 2px;

	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}


/* ==== Submenu Navigation ====*/
.sidebar-navigation {
	float: left;
	overflow: hidden;

	width: 300px;
	margin-right: 30px;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	background: #222;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .4);
	   -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .4);
			box-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

.sidebar-navigation ul.menu li,
.sidebar-navigation ul.menu li.leaf {
	margin: 0;
	padding: 0;

	list-style: none;
}

.sidebar-navigation ul.menu li:first-child a {
	border: none;
}

.sidebar-navigation ul.menu li a {
	display: block;

	padding: 10px 16px;

	color: #d6d6d6;
	border-top: 1px dotted #343434;
}

.sidebar-navigation ul.menu li a:hover,
.sidebar-navigation ul.menu li a.active-trail {
	color: #f8be18;
	background: url(../images/puce-menu.png) #1b1b1b no-repeat right center;
}

/* Second lvl	*/
.sidebar-navigation ul.menu li ul li {
	list-style-type: circle;
}

.sidebar-navigation ul.menu li ul li:first-child a,
.sidebar-navigation ul.menu li:first-child ul li a {
	border-top: 1px dotted #343434;
}

.sidebar-navigation ul.menu li ul li a {
	padding-left: 30px;

	color: #999;
}



/* Footer
-------------------------------------------------------------------------------------------------------*/

.footer {
	margin-top: 80px;

	background: #1b1b1b;
}

.footer-content {
	width: 960px;
	margin: 0 auto;
	padding: 16px 0;
}

.footer .footer-content p {
	font-size: .8em;

	float: left;

	margin-top: 6px;

	color: #999;
}

.footer .footer-content ul {
	float: right;
}

.footer .footer-content ul li {
	font-size: .8em;

	display: inline-block;

	color: #999;
}

.footer .footer-content ul li a {
	display: block;

	width: 30px;
	height: 30px;

	text-indent: -9999px;
}

.footer .footer-content ul li a.google {
	background: url(../images/icon-google.png) #333 no-repeat center center;
}

.footer .footer-content ul li a.twitter {
	background: url(../images/icon-twitter.png) #333 no-repeat center center;
}

.footer .footer-content ul li a.linkedin {
	background: url(../images/icon-linkedin.png) #333 no-repeat center center;
}

.footer .footer-content ul li a.google:hover {
	background: url(../images/icon-google.png) #d84937 no-repeat center center;
}

.footer .footer-content ul li a.twitter:hover {
	background: url(../images/icon-twitter.png) #00aeff no-repeat center center;
}

.footer .footer-content ul li a.linkedin:hover {
	background: url(../images/icon-linkedin.png) #0080b2 no-repeat center center;
}