@charset "UTF-8";

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

/***************** Colors *********************/

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

/* web-service pour aider à nommer les couleurs :
 * http://chir.ag/projects/name-that-color/#6195ED
 * préfixer d'un 'c' minuscule, afin de ne pas confondre avec du vocabulaire sass/compass
 */

/*

Botticelli: #c3d9e4; //gris-turquoise 89%
DodgerBlue: #349df8;
Bleu:           #012a46;
Bleau clair:    #054d7d;

*/

.pictos-sprite,
.pictos-bouton-imprimer,
.pictos-bullet-arrow-greater,
.pictos-bullet-color,
.pictos-bullet-white,
.pictos-bus,
.pictos-car,
.pictos-courrier,
.pictos-extra,
.pictos-fleche,
.pictos-go-back-link,
.pictos-google-map,
.pictos-home,
.pictos-mappy,
.pictos-materiel-tv,
.pictos-menu,
.pictos-metro,
.pictos-multimedia-brochure,
.pictos-multimedia-localisation,
.pictos-multimedia-phototheque,
.pictos-multimedia-video,
.pictos-parking,
.pictos-print,
.pictos-puce-contact,
.pictos-puce-grise,
.pictos-puce-notabene,
.pictos-puce-presta,
.pictos-rer,
.pictos-target,
.pictos-tennisball,
.pictos-transport,
#header-menu li.go-home > a,
.acces-direct-title .pictos-target,
.bloc-multimedia .link-phototheque,
.bloc-multimedia .link-brochure,
.bloc-multimedia .link-plan-salons,
.bloc-multimedia .link-video,
.bloc-nos-atouts-line,
.page-contextual .go-back-link,
.page-contextual .send,
.page-contextual .print,
#page-produit .prestation-header .titre-prestation .titre-prestation-puce,
#page-produit .prestation-header .prestation-contextual .prestation-menu-link .prestation-pictos-menu,
#page-produit .prestation-header .prestation-contextual .prestation-menu-link:hover .prestation-pictos-menu,
#page-produit .prestation-header .prestation-contextual .prestation-extra-link .prestation-pictos-extra,
#page-produit .prestation-header .prestation-contextual .prestation-extra-link:hover .prestation-pictos-extra,
.notabene-produit,
#bloc-contacter .bloc-contacter-libelle,
#bloc-contacter .bloc-contacter-telephone {
	background: url('../images/pictos-sprite-1405085152.png') no-repeat;
}

.pictos-bouton-imprimer {
	background-position: 0 -3512px;
}

.pictos-bouton-imprimer:hover,
.pictos-bouton-imprimer.bouton-imprimer_hover,
.pictos-bouton-imprimer.bouton-imprimer-hover {
	background-position: 0 -2483px;
}

.pictos-bullet-arrow-greater {
	background-position: 0 -3309px;
}

.pictos-bullet-color {
	background-position: 0 -760px;
}

.pictos-bullet-white {
	background-position: 0 -3206px;
}

.pictos-bus {
	background-position: 0 -650px;
}

.pictos-car {
	background-position: 0 -1738px;
}

.pictos-courrier {
	background-position: 0 -2161px;
}

.pictos-courrier:hover,
.pictos-courrier.courrier_hover,
.pictos-courrier.courrier-hover {
	background-position: 0 -1302px;
}

.pictos-extra {
	background-position: 0 -3614px;
}

.pictos-extra:hover,
.pictos-extra.extra_hover,
.pictos-extra.extra-hover {
	background-position: 0 -548px;
}

.pictos-fleche {
	background-position: 0 -2892px;
}

.pictos-go-back-link {
	background-position: 0 -1196px;
}

.pictos-go-back-link:hover,
.pictos-go-back-link.go-back-link_hover,
.pictos-go-back-link.go-back-link-hover {
	background-position: 0 -976px;
}

.pictos-google-map {
	background-position: 0 0;
}

.pictos-home {
	background-position: 0 -3002px;
}

.pictos-home:hover,
.pictos-home.home_hover,
.pictos-home.home-hover {
	background-position: 0 -3104px;
}

.pictos-mappy {
	background-position: 0 -1082px;
}

.pictos-materiel-tv {
	background-position: 0 -3716px;
}

.pictos-menu {
	background-position: 0 -3410px;
}

.pictos-menu:hover,
.pictos-menu.menu_hover,
.pictos-menu.menu-hover {
	background-position: 0 -336px;
}

.pictos-metro {
	background-position: 0 -226px;
}

.pictos-multimedia-brochure {
	background-position: 0 -2585px;
}

.pictos-multimedia-localisation {
	background-position: 0 -868px;
}

.pictos-multimedia-phototheque {
	background-position: 0 -1947px;
}

.pictos-multimedia-video {
	background-position: 0 -4127px;
}

.pictos-parking {
	background-position: 0 -1522px;
}

.pictos-print {
	background-position: 0 -2055px;
}

.pictos-print:hover,
.pictos-print.print_hover,
.pictos-print.print-hover {
	background-position: 0 -1632px;
}

.pictos-puce-contact {
	background-position: 0 -1843px;
}

.pictos-puce-grise {
	background-position: 0 -2693px;
}

.pictos-puce-notabene {
	background-position: 0 -1408px;
}

.pictos-puce-presta {
	background-position: 0 -114px;
}

.pictos-rer {
	background-position: 0 -438px;
}

.pictos-target {
	background-position: 0 -2267px;
}

.pictos-tennisball {
	background-position: 0 -2792px;
}

.pictos-transport {
	background-position: 0 -2373px;
}

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

/****************** RESET *********************/

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

* {
	/* Ugly Reset */
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-family: Arial, sans-serif, Tahoma;
	font-size: 87%;
	color: black;
}

a {
	text-decoration: none;
	color: #012a46;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

img,
object,
textarea {
	max-width: 100%;
}

select {
	max-width: 98%;
}

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

/************** CLASSES GENERIQUES ************/

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

.hidden {
	display: none;
}

.pointer {
	cursor: pointer;
}

.bold {
	font-weight: bold;
}

.notabene {
	font-size: 0.9em;
	font-style: italic;
}

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

/***************** VIDEOS *********************/

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

/* @note: Responsive embed from --> http://webdesignerwall.com/tutorials/css-elastic-videos */

.video-wrapper {
	margin: 0 auto;
	width: 706px;
	max-width: 100%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

/***************** LIGHTBOX *******************/

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

#lightbox {
	height: 90%;
	padding: 22px 6px 6px 6px;
	background: #012a46;
}

#lightbox .content {
	padding: 5% 6px;
	font-size: .9em;
}

#lightbox p {
	margin: 0;
}

#cboxClose {
	color: #FFF !important;
	right: 14px;
	top: 2px;
}

#cboxClose:hover {
	/*color: #C75D24 !important;*/
	text-decoration: underline !important;
}

/* Lightbox Menu 
***************/

#menuLB {
	width: 95%;
	padding: 12px;
	border-top: 9px solid #c3d9e4;
	background: #FFF;
}

#menuLB .media {
	display: block;
	max-height: 192px;
	margin: 12px auto;
}

#menuLB .content {
	display: block;
	height: 325px;
	border: 1px solid #c3d9e4;
	overflow-y: auto;
}

#menuLB .content ul {
	margin: 4px 0;
	list-style: disc inside none;
}

#menuLB .menu-buttons {
	margin: 18px 0 0;
	text-align: right;
}

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

/**************** UI-Dialog *******************/

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

.ui-dialog {
	border: 4px solid #AAA;
}

.ui-dialog-titlebar {
	font-size: .8em;
}

.ui-dialog-content,
#ui-datepicker-div {
	font-size: .7em;
}

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

/***************** Datepicker *****************/

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

#ui-datepicker-div {
	min-width: 200px;
	max-width: 100%;
	padding: .5em;
}

.ui-datepicker-next {
	right: .5em;
	left: inherit;
}

.ui-datepicker-header {
	padding: 0 0 1em 0;
	text-align: center;
}

.ui-datepicker-header select {
	position: static;
	font-size: 1.4em;
}

.ui-datepicker-header select.ui-datepicker-new-year,
.ui-datepicker-header select.ui-datepicker-new-month {
	width: auto;
}

.ui-datepicker-status {
	padding: .5em .5em 0 .5em;
	font-size: 1.2em;
}

table.ui-datepicker {
	text-align: center;
	width: 100%;
}

.ui-datepicker-days-cell a,
.ui-datepicker-unselectable {
	padding: .5em !important;
}

table.ui-datepicker td a {
	background: #DEDEDE;
	text-decoration: none;
}

.ui-datepicker-days-cell {
	text-align: center;
}

.ui-datepicker-date-full.ui-datepicker-in-futur {
	text-decoration: line-through;
	color: #C75D24;
}

.ui-datepicker-status {
	font-weight: bold;
	color: #595959;
}

.ui-datepicker-loading {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #FFF;
}

.ui-datepicker-loading div {
	display: table;
	height: 100%;
	width: 100%;
}

.ui-datepicker-loading span {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 95%;
	text-align: center;
}

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

/******************* Mask *********************/

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

.mask-msg span {
	border-color: #E11C6C;
	font-size: .9em;
}

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

/***************** BOUTONS ********************/

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

[type="submit"],
button,
.button,
.newsletter-page input[type="submit"] {
	display: inline-block;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	min-height: 23px;
	min-width: 84px;
	margin: 0;
	padding: 0 5px 0 5px;
	border: none;
	background-color: #012a46;
	text-align: center;
	font: bold 1em/23px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: white;
	cursor: pointer;
	-webkit-appearance: none;
}

[type="submit"]:hover,
button:hover,
.button:hover,
.newsletter-page input[type="submit"]:hover {
	background-color: #c1d3da;
	border: none;
	text-decoration: none;
	color: #012a46;
}

.know-more-button-container .know-more {
	display: inline-block;
	margin: 8px 0 0 0;
}

.know-more-button {
	padding: 0 40px;
}

.lightbox-close-button {
	padding: 0 20px;
}

.menu-link {
	padding: 0 12px;
	border-color: #E4E4E4;
}

.print-button {
	display: inline-block;
	position: relative;
	min-height: 14px;
	padding: 0 0 0 18px;
	background: url("/resources/images/buttons/print-button-bg.png") no-repeat scroll left bottom transparent;
	font: normal 12px Tahoma;
	color: #877E75;
}

.navigation-link {
	display: inline-block;
	min-height: 24px;
	padding-left: 32px;
	line-height: 24px;
	background: none no-repeat scroll left center transparent;
}

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

/******************** TITRES ******************/

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

h2,
.h2 {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 6px;
	border-left: 3px solid #012a46;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.4em;
	color: #012a46;
}

h3,
.h3,
.subtitle {
	text-transform: none;
	font-size: 1.2em;
	color: #012a46;
}

h4 {
	text-transform: uppercase;
	font-size: 1em;
}

.title-container {
	margin: 0 0 6px 0;
}

.title-container .subtitle {
	display: block;
	font-size: 0.875em;
	margin: 0 0 12px 0;
}

.title-container .subtitle.with-picto {
	min-height: 20px;
	background: none no-repeat scroll left center transparent;
}

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

/***************** CONTENU ********************/

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

.content {
	font-size: .925em;
}

.content p,
.content ul {
	margin: 0 0 12px 0;
}

.content blockquote,
.content .quote {
	font-size: 1.15em;
}

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

/****************** PICTOS ********************/

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

.picto-container,
.picto-image,
.picto-text {
	display: inline-block;
	vertical-align: middle;
}

.lte-ie8 .picto-container,
.lte-ie8 .picto-image {
	display: inline;
}

.lte-ie8 .picto-text {
	display: inline;
	position: relative;
	bottom: 2px;
}

.picto-container {
	margin: 0;
}

.picto-text {
	font-size: .77em;
	color: gray;
}

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

/****************** HEADER ********************/

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

#header {
	position: relative;
}

#header h1 {
	display: block;
	height: 110px;
	padding: 0 0 16px 0;
	background: white;
}

#header h1 a {
	display: inline-block;
}

.website-logo {
	display: block;
	margin: 14px 0 0 32px;
	max-width: none\9;
	/* IE 8 and below */
}

.header-phone {
	position: absolute;
    top: 50px;
    right: 28px;
    text-align: right;
	font-size: 12px;
	font-weight: bold;
}

.header-phone svg {
	width: 20px;
    height: 20px;
    stroke: #012A46;
    fill: #012A46;
    transform: rotate(11deg);
    vertical-align: middle;
}

.website-subtitle {
	display: block;
	position: absolute;
	top: 30px;
	left: 230px;
	border-left: 0;
	padding: 0;
	color: #000;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

/* Pave contextuel 
*****************/

.header-contextual {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.header-contextual-item {
	display: inline-block;
	position: relative;
	vertical-align: top;
	min-height: 24px;
	margin: 0 10px;
	padding: 5px 18px;
	border-radius: 0 0 6px 6px;
	text-align: center;
}

.header-contextual-item p {
	display: inline-block;
	vertical-align: middle;
}

.logout-button {
	display: block;
	height: 24px;
	width: 24px;
	background: url("/resources/images/header/logout.png") no-repeat scroll 0 0 transparent;
}

/* Menu de navigation 
********************/

#header-menu a {
	height: 100%;
	text-decoration: none;
}

#header-menu .nav {
    display: block;
	width: 100%;
	height: 23px;
	list-style: none outside none;
	border-bottom: 2px solid #012a46;
}

#header-menu li {
	display: inline-block;
	height: 100%;
	line-height: 50%;
	position: relative;
	border-left: solid 1px #FFF;
	vertical-align: middle;
	text-align: left;
}

#header-menu .header-menu-contact.mobile-only { display: none !important; }

#header-menu .nav > li {padding: 0 12px;}

#header-menu .nav > li > a {
	color: #012a46;
	text-transform: uppercase;
}

#header-menu .nav > li:hover {background-color: #012a46;}

#header-menu .nav > li:hover > a {color: #fff;}

#header-menu li.active {background: #012a46;}
#header-menu li.active > a {color: #fff;}

#header-menu .nav .submenu-link {
	background: #fff;
    color: #012a46;
    text-align: left;
}

#header-menu .nav .submenu-link:hover {
	background: #012a46;
	color: white;
}

#header-menu .submenu-li {
	height: auto;
}

#header-menu li a {
	display: block;
	vertical-align: middle;
	font: bold 0.875em/2em Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-decoration: none;
    text-align: left;
}

#header-menu .submenu-li a {
	padding: 6px 13px;
	font: bold 0.8em Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: normal;
	border: 1px solid #012a46;
	border-width: 1px 0 0 0;
}

#header-menu li .submenu {
	display: none;
	position: absolute;
	width: 100%;
	top: 23px;
	left: 0;
	z-index: 10;
	border: 1px solid #012a46;
}

#header-menu li:hover .submenu {
	display: block;
}

#header-menu li .submenu li {
	display: block;
	border: 0;
	overflow: hidden;
}

#header-menu li.go-home {
	border-left: 0;
	padding: 0;	
}

#header-menu li.go-home > a {
	width: 13px;
	height: 23px;
	padding: 0 14px;
	background-position: 13px -3098px;
}

#header-menu li.go-home > a:hover,
#header-menu li.go-home > a.home_hover,
#header-menu li.go-home > a.home-hover {
	background-position: 13px -2996px;
}

#header-menu .contact-link-container {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 0;
}

.menu-mobile-trigger {
	display: none;
}

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

/****************** LAYOUT ********************/

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

#page {
	position: relative;
	width: 970px;
	margin: 0 auto 40px;
}

#zone-container {
	padding: 12px;
	background: #FFF;
}

#main-zone {
	display: block;
	position: relative;
	margin: 12px 0 0 0;
}

#right-zone,
#left-zone,
#center-zone {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#left-zone {
	width: 224px;
}

#center-zone {
	width: 706px;
	margin: 0 0 0 12px;
	background: #FFF;
}

#right-zone {
	width: 221px;
}

#top-zone,
#left-zone .zone-bloc-li,
#right-zone .zone-bloc-li {
	position: relative;
}

/* RPGD specific theme bannière cookies */
.rgpd-banner {
    background: white;
    border-top-color: #012a46;
    color: #012a46;
}

.rgpd-banner-button-confirm:hover,
.rgpd-banner-button-confirm:focus,
.rgpd-banner-button-confirm:active  {
    background-color: rgba(1, 42, 70, 0.2);
    color: #012a46;
    border: 1px solid;
    border-color: #012a46;
}

/* Home 
*******/

.home #main-zone {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.home #top-zone {
	vertical-align: top;
	margin: 0;
	margin: 14px 0 8px 1px;
}

.home #right-zone {
	margin: 8px 0 0 11px;
}

.home #right-zone li {
	margin: 0 0 8px;
}

#left-zone ul,
#center-zone ul,
#right-zone ul {
	list-style: none;
}

#left-zone .zone-bloc-li,
#right-zone .zone-bloc-li {
	position: relative;
	margin: 0 0 1em 0;
}

#left-zone .zone-bloc-li.last-child {
	margin-bottom: 0;
}

#left-zone img {
	width: 100%;
}

#right-zone img,
#left-zone object,
#right-zone object {
	width: 100%;
}

/*@bugfix: http://www.alsacreations.com/astuce/lire/52-espaces-sous-les-images.html */

object,
.zone-bloc-li img {
	display: block;
}

object > img {
	width: 100%;
}

p.image-container > img {
	width: 100%;
}

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

/****************** Flags *********************/

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

.flag {
	display: block;
	width: 23px;
	height: 23px;
	border-radius: 23px;
	background: url("/resources/images/header/flags/sprite-flags.png") no-repeat scroll 0 0 transparent;
	text-decoration: none;
}

.flag.lng-1 {
	background-position: 0 0;
}

.flag.lng-2 {
	background-position: 0 -23px;
}

.flag:hover {
	-webkit-box-shadow: 0 0 2px 2px #C75D24;
	box-shadow: 0 0 2px 2px #C75D24;
}

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

/****************** Old Browser ***************/

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

/* Message IE... */

.old-browser-message-wrapper {
	padding: 8px;
	background: #FF0000;
}

.old-browser-message-wrapper p {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #FFF;
}

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

/****************** FOOTER ********************/

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

#footer {
	position: relative;
}

.footer-sodexo-bg {
	position: absolute;
	height: 31px;
	width: 67px;
	bottom: 8px;
	right: 8px;
	background: url("/resources/images/footer/sodexo-prestige.png") no-repeat scroll right bottom transparent;
}

#footer-static-nav {
	display: block;
	padding: 11px 0;
	background: #FFF;
	text-align: center;
	border-bottom: 2px solid #012a46;
}

#footer-static-nav .item {
	display: inline-block;
	padding: 0 8px;
	border-right: solid 1px #012a46;
	text-transform: uppercase;
	font: bold 0.675em Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: 1px;
}

#footer-static-nav .item a {
	color: #012a46;
}

#footer-static-nav .item.last-child {
	border-right: 0;
}

#footer-adress {
	position: relative;
	padding: 10px 0;
	margin: 4px 0 6px;
	text-align: center;
}

#footer-adress .adress {
	font: bold 0.79em Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #012a46;
}

/* Footer nav 
************/

.acces-direct {
	padding: 8px 0;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFADBDC4', endColorstr='#FF455860');
	/* http://ie.microsoft.com/TESTDRIVE/Graphics/SVGGradientBackgroundMaker/Default.html */
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYTZhZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhNzQ3ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fa6af), color-stop(100%, #5a747e));
	background-image: -webkit-linear-gradient(top, #8fa6af 0%, #5a747e 100%);
	background-image: -moz-linear-gradient(top, #8fa6af 0%, #5a747e 100%);
	background-image: -o-linear-gradient(top, #8fa6af 0%, #5a747e 100%);
	background-image: linear-gradient(top, #8fa6af 0%, #5a747e 100%);
	color: white;
}

.acces-direct-title {
	padding-left: 12px;
}

.acces-direct-title .pictos-target {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-position: 0 -2267px;
	background-position: 0 -2267px;
}

.acces-direct-title h2 {
	padding: 0;
	border: 0;
	text-align: center;
	text-transform: none;
	color: white;
	font: bold 1em Tahoma;
	vertical-align: top;
}

.title-part {
	display: inline-block;
	vertical-align: middle;
}

.bg-title {
	height: 1px;
	width: 432px;
	background: url("/resources/images/footer/pixel-white.png") repeat-x scroll center center transparent;
}

[lang="en"] .bg-title {
	width: 430px;
}

.text-title {
	padding: 0 8px;
	color: #FFF;
}


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

/************* Blocs composites ***************/

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

.bloc-composite {
	position: relative;
	min-height: 110px;
	
	border-bottom: 1px solid #012a46;
}

.bloc-composite .with-link {
	padding-bottom: 12px;
	margin: 12px 0;
}

.bloc-composite .contenu,
.bloc-composite .title-container,
.bloc-composite .know-more-button-container {
	width: 73%;
	margin: 0 0 0 27%;
	vertical-align: top;
}

.bloc-composite .title-container {
	margin-bottom: 1em;
}

.bloc-composite .title-container a {
	font: 1.2em Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc-composite .image-container {
	position: absolute;
	top: 4px;
	width: 25%;
	margin: 0;
}

.bloc-composite .contenu {
	margin-bottom: 1em;
}

.bloc-composite .contenu-long {
	margin-bottom: 1em;
}

.bloc-composite .link-container {
	position: absolute;
	right: 0;
	bottom: 1em;
	text-align: right;
}

.bloc-composite .link-container a {
	padding: 3px 5px;
	background-color: #012a46;
	color: #fff;
}

.bloc-composite .link-container a:hover {
	background-color: #c3d9e4;
	text-decoration: none;
	color: #012a46;
}

.bloc-composite.last-child {
	border: none;
	margin: 0;
}

.bloc-composite.bloc-no-image {
	border: none;
}

.bloc-composite.bloc-no-image .contenu,
.bloc-composite.bloc-no-image .link-container,
.bloc-composite.bloc-no-image .title-container,
.bloc-composite.bloc-no-image .contenu {
	display: block;
	width: 100%;
	margin: 0;
}

.bloc-composite.bloc-no-image .title-container {
	margin-bottom: 1em;
	font: 1.2em Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc-composite .without-link .title-container .title {
	font-size: 1.175em;
	padding: 0 0 0 6px;
	border-left: 3px solid #012a46;
}

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

/************** Blocs special * ***************/

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

.bloc-special {
	padding: 12px;
	border-radius: 3px;
	font-size: .84em;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc-special h3 {
	margin: 0 0 12px 0;
	font: bold 1.2em Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	color: #012a46;
}

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

/*************** Bloc contacter ***************/

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

#bloc-contacter a {
	display: block;
	margin: 0.2em 0;
	border: 1px solid #349df8;
	background: #ffffff;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.31, #ffffff), color-stop(1, #9c9c9c) );
	background-image: -o-linear-gradient(right bottom, #ffffff 31%, #9c9c9c 100%);
	background-image: -moz-linear-gradient(right bottom, #ffffff 31%, #9c9c9c 100%);
	background-image: -webkit-linear-gradient(right bottom, #ffffff 31%, #9c9c9c 100%);
	background-image: -ms-linear-gradient(right bottom, #ffffff 31%, #9c9c9c 100%);
	background-image: linear-gradient(to right bottom, #ffffff 31%, #9c9c9c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9c9c9c', GradientType=0 ); /* IE6-8 */
	color: #125573;
	font: normal 1.0em/1em Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#bloc-contacter a span {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-left: 14px;
	padding-right: 14px;
}

#bloc-contacter .bloc-contacter-title {
	padding: 4px 14px 2px 14px;
}

#bloc-contacter .bloc-contacter-title-puce {   	
   	display: block;
   	width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 9px;
	left: -9px;
	/* encodage fichier en base64 '../images/pictos/bloc-contacter-puce.png' */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF5JREFUeNoAUACv/wGxx9EKBwbm7vHJ2N++0dkE5e3wBgQE2uXpv9La5+LgBMLT2+/09sva4fvq4/3x6wS5y9P98u397uj88esA/PsE/O3m/Ozm/fHr/vj2AQUFAgwAz2Q6XVRWgIsAAAAASUVORK5CYII=);
}

#bloc-contacter .bloc-contacter-telephone,
#bloc-contacter .bloc-contacter-libelle {
	padding: 4px 14px 4px 14px;
}

#bloc-contacter .bloc-contacter-telephone {
	background-position: 191px -3914px;
}

#bloc-contacter .bloc-contacter-libelle {
	display: none;
	background-position: 196px -4018px;
}

#bloc-contacter a:hover {
	text-decoration: none;
	background: #ffffff;
	filter: none;
}

#bloc-contacter a:hover > .bloc-contacter-title {
	color: #ffffff;
	background: #96c6da; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YzZkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OWE2YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #96c6da 0%, #79a6ba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c6da), color-stop(100%,#79a6ba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #96c6da 0%,#79a6ba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #96c6da 0%,#79a6ba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #96c6da 0%,#79a6ba 100%); /* IE10+ */
	background: linear-gradient(to bottom, #96c6da 0%,#79a6ba 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c6da', endColorstr='#79a6ba',GradientType=0 ); /* IE6-8 */
}

#bloc-contacter a:hover .bloc-contacter-title-puce {
	/* encodage fichier en base64 '../images/pictos/bloc-contacter-puce_hover.png' */
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEBJREFUeNpMx6sNwFAIAMDS1LL/NASFwvEZAk+CpFXNO3ewu9fhPpOZzx9mdneYmYhQ1S/dDUQkImZWVYj4CjAAo3chMUzqcI4AAAAASUVORK5CYII=);
}

#bloc-contacter a:hover > .bloc-contacter-telephone {
	display:none;
}

#bloc-contacter a:hover > .bloc-contacter-libelle {
	display: block;
}


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

/************** Bloc multimedia ***************/

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

.bloc-multimedia {
	padding: 10px 12px;
	text-transform: uppercase;
	border: 1px solid #012a46;
}

.bloc-multimedia a {
	display: inline-block;
	min-height: 19px;
	margin: 2px 0;
	padding: 2px 0 0 30px;
	background: none no-repeat scroll center left transparent;
	color: #012a46;
}

.bloc-multimedia a:hover {
	color: #3a5662;
}

.bloc-multimedia .link-phototheque {
	background-position: 0 -1947px;
}

.bloc-multimedia .link-brochure {
	background-position: 0 -2585px;
}

.bloc-multimedia .link-plan-salons {
	background-position: 0 -868px;
}

.bloc-multimedia .link-video {
	background-position: 0 -4127px;
}

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

/************* Bloc nos atouts ****************/

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

.bloc-nos-atouts {
	border: 1px solid #012a46;
}

.bloc-nos-atouts-line {
	margin: 8px 0;
	padding: 0 0 0 12px;
	background: none;
}

.bloc-nos-atouts-line:before {
    content: "+";
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 6px 0 0;
}

.bloc-nos-atouts-line.last-child {
	margin-bottom: 0;
}

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

/*************** Bloc de devis ****************/

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

.bloc-devis {
	padding: 0;
	background: #C75D24;
}

.bloc-devis a {
	display: block;
	padding: 12px;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 1.2em Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #FFF;
}

.bloc-devis a:hover {
	background: #DBCDAC;
	color: #C75D24;
}

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

/************** FIL D'ARIANNE *****************/

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

.breadcrumbs {
	margin: 0 0 8px 0;
	font-size: 11.4px;
	color: #012a46;
}

.breadcrumbs li {
	display: inline;
}

.breadcrumbs li:first-child:before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	padding: 1px 3px;
	border-radius: 0;
	background-color: #012a46;
	font-size: .675em;
	font-family: Lucida Sans Unicode, Arial Unicode MS, Arial;
	color: #FFF;
	content: "\25B6";
}

.breadcrumbs li a {
	color: #012a46;
}

.breadcrumbs li:after {
	content: ">";
}

.breadcrumbs li:last-child:after,
.breadcrumbs li.last-child:after {
	content: "";
}

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

/************* PAVE CONTEXTUEL ****************/

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

.page-contextual {
	margin: 0 0 12px;
	padding: 2px 0;
	border-top: 1px solid #012a46;
	border-bottom: 1px solid #012a46;
	text-align: right;
}

.page-contextual .item {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.875em;
}

.page-contextual .item.first-child {
	position: relative;
	float: left;
	top: 2px;
}

.page-contextual .font-size-button {
	font: bold 1.14em Arial;
}

.page-contextual .font-size-button.reduce {
	font-size: 0.925em;
}

.page-contextual .page-contextual-button-item {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	bottom: 2px;
	height: 11px;
	width: 16px;
}

.page-contextual .page-contextual-button-item:hover {
	background-position: left bottom;
}

.page-contextual .go-back-link {
	display: inline-block;
	height: 15px;
	padding-left: 22px;
	background-position: 0 -1196px;
}

.page-contextual .go-back-link:hover,
.page-contextual .go-back-link.go-back-link_hover,
.page-contextual .go-back-link.go-back-link-hover {
	background-position: 0 -976px;
}

.page-contextual .send {
	background-position: 0 -2161px;
}

.page-contextual .send:hover,
.page-contextual .send.courrier_hover,
.page-contextual .send.courrier-hover {
	background-position: 0 -1302px;
}

.page-contextual .print {
	background-position: 0 -2055px;
}

.page-contextual .print:hover,
.page-contextual .print.print_hover,
.page-contextual .print.print-hover {
	background-position: 0 -1632px;
}

.page-contextual a {
	color: #012a46;
}

.page-contextual a:hover {
	color: #012a46;
}

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

/******* Font Increase/Reduce Management ******/

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

.font-x #center-zone {
	font-size: 1.1em;
}

.font-xx #center-zone {
	font-size: 1.2em;
}

.font-xxx #center-zone {
	font-size: 1.3em;
}

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

/****************** Carousel ******************/

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

#carousel .carousel-item,
#carousel img {
	display: block;
	width: 100%;
}

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

/*************** PAGES PRODUITS ***************/

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

#page-produit .encadre-prestation {
	margin: 12px 0;
	min-height: auto;
	border: 1px solid #012a46;
	border-radius: 4px;
}

#page-produit .encadre-prestation:last-child,
#page-produit .encadre-prestation.last-child {
	margin-bottom: 0;
}

#page-produit .prestation-header {
	position: relative;
	margin: 5px;
	text-align: right;
}

#page-produit .prestation-header .titre-prestation {
	display: inline-block;
	float: left;
	width: 50%;
	margin: 0 0 1em;
	padding: 4px;
	border: 1px solid transparent;
	border-top: none;
	text-transform: inherit;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #012a46;
	z-index: 50;
}

#page-produit .prestation-header .titre-prestation .titre-prestation-puce,
#page-produit .prestation-header .titre-prestation .titre-prestation-text {
	display: inline-block;
	vertical-align: middle;
}

#page-produit .prestation-header .titre-prestation .titre-prestation-text {
	width: 90%;
}

#page-produit .prestation-header .titre-prestation .titre-prestation-text font {
	display: inline-block;
	margin: 0 .15em;
	font-size: 0.825em;
}

#page-produit .prestation-header .titre-prestation .titre-prestation-text :first-child {
	display: block;
}

#page-produit .prestation-header .titre-prestation .titre-prestation-puce {
	width: 22px;
	height: 22px;
	background-position: 0 -114px;
}

#page-produit .prestation-header .prix-prestation {
	width: 50%;
	margin: 0;
	padding: 0 0 0 10px;
	border: 1px solid #012a46;
	color: #012a46;
	text-align: left;
	font: bold 0.825em Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#page-produit .prestation-header .prestation-contextual {
	display: inline-block;
	border: 1px solid #012a46;
	background-color: #fff;
	font: bold 0.79em/8px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #75797D;
}

#page-produit .prestation-header .prestation-contextual .prestation-booking {
	display: table;
	width: 146px;
	margin: 0 0 4px 0;
}

#page-produit .prestation-header .prestation-contextual .prestation-booking .prestation-booking-price {
	padding-left: 4px;
	text-align: left;
	font-size: 1.2em;
}

#page-produit .prestation-header .prestation-contextual .prestation-options {
	display: table;
	width: 146px;
	padding: 0;
	margin: 0;
	background: white;
}

#page-produit .prestation-header .prestation-contextual .prestation-booking-part,
#page-produit .prestation-header .prestation-contextual .prestation-options-part {
	display: table-cell;
	text-align: center;
	height: 16px;
	line-height: 20px;
}

#page-produit .prestation-header .prestation-contextual .prestation-booking-part a,
#page-produit .prestation-header .prestation-contextual .prestation-options-part a {
	display: inline-block;
	width: 100%;
	color: #FFF;
	text-transform: uppercase;
}

#page-produit .prestation-header .prestation-contextual .prestation-booking-part a:hover,
#page-produit .prestation-header .prestation-contextual .prestation-options-part a:hover {
	text-decoration: none;
	color: #012a46;
}

#page-produit .prestation-header .prestation-contextual .prestation-options-part {
	background-color: #012a46;
}

#page-produit .prestation-header .prestation-contextual .prestation-options-part:hover {
	background-color: #c3d9e4;
}

#page-produit .prestation-header .prestation-contextual .prestation-booking-part a {
	background-color: #012a46;
}

#page-produit .prestation-header .prestation-contextual .prestation-booking-part a:hover {
	background-color: #c3d9e4;
	color: #012a46;
}

#page-produit .prestation-header .prestation-contextual .prestation-pictos {
	display: inline-block;
	height: 15px;
	width: 12px;
	padding-right: 3px;
	vertical-align: top;
}

#page-produit .prestation-header .prestation-contextual .prestation-menu-link .prestation-pictos-menu {
	background-position: 0 -3410px;
	background-position: 0 -3407px;
}

#page-produit .prestation-header .prestation-contextual .prestation-menu-link .prestation-pictos-menu:hover,
#page-produit .prestation-header .prestation-contextual .prestation-menu-link .prestation-pictos-menu.menu_hover,
#page-produit .prestation-header .prestation-contextual .prestation-menu-link .prestation-pictos-menu.menu-hover {
	background-position: 0 -336px;
}

#page-produit .prestation-header .prestation-contextual .prestation-menu-link:hover .prestation-pictos-menu {
	background-position: 0 -336px;
	background-position: 0 -333px;
}

#page-produit .prestation-header .prestation-contextual .prestation-extra-link {
	border-left: 1px solid #fff;
}

#page-produit .prestation-header .prestation-contextual .prestation-extra-link .prestation-pictos-extra {
	background-position: 0 -3614px;
	background-position: 0 -3611px;
}

#page-produit .prestation-header .prestation-contextual .prestation-extra-link .prestation-pictos-extra:hover,
#page-produit .prestation-header .prestation-contextual .prestation-extra-link .prestation-pictos-extra.extra_hover,
#page-produit .prestation-header .prestation-contextual .prestation-extra-link .prestation-pictos-extra.extra-hover {
	background-position: 0 -548px;
}

#page-produit .prestation-header .prestation-contextual .prestation-extra-link:hover .prestation-pictos-extra {
	background-position: 0 -548px;
	background-position: 0 -545px;
}

#page-produit .prestation-header .prestation-contextual .prestation-booking-link {
	padding: 4px 4px 0;
}

#page-produit .content {
	margin: 6px 0 6px 7px;
}

#page-produit .prestation-content {
	padding: 0 8px 8px 8px;
}

.prestation-description,
.prestation-image-container {
	display: inline-block;
	vertical-align: top;
}

.prestation-description {
	width: 380px;
	padding-right: 6px;
	font: normal 0.85em/1.3em Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: black;
}

.prestation-description > a {
	color: #273a42;
	text-decoration: underline;
}

.prestation-image-container img {
	display: block;
}

.notabene-produit {
	margin-top: 12px;
	padding: 8px 8px 8px 24px;
	border: 1px solid #012a46;
	border-radius: 0;
	font: 0.7em Verdana;
	color: #012a46;
	background-position: 0 -1408px;
}

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

/**************** PAGES EDITOS ****************/

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

.edito .multi-column {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.edito .column {
	display: table-cell;
	vertical-align: top;
}

.edito .image-column {
	padding-left: 12px;
	vertical-align: top;
	text-align: right;
}

.edito .content {
	padding: 14px 20px 26px 14px;
}

.edito .content > p:last-child {
	margin-bottom: 0;
}

.edito #center-zone .content ul {
	list-style: disc inside none;
}

/* Partenaires 
*************/

.partners-container {
	margin: 0;
	text-align: center;
}

.partner {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	margin: 24px;
}

/* Plan des salons
 ****************/
.plan-salons-img.tablet-visible,
.plan-salons-img.mobile-visible { 
    display: none;
}

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

/**************** FORMULAIRES *****************/

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

.full-page-form {
	position: relative;
	padding: 8px 4px;
	border: none;
	background-color: none;
	color: #012a46;
}

.full-page-form .table {
	display: table;
	width: 100%;
}

.full-page-form .form-part {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 16px;
}

.full-page-form .form-part:first-of-type {
	margin-right: 34px;
}

.full-page-form h3 {
	display: inline-block;
	padding: 3px 0;
	font-weight: bold;
	color: #012a46;
}

.full-page-form .subtitle {
	display: block;
	float: none;
	padding: 2px 0;
	margin: 0 0 8px 0;
	font-weight: bold;
	font-size: 1.05em;
	text-transform: uppercase;
	text-align: left;
}

.full-page-form p {
	position: relative;
	margin: 8px 0;
	text-align: right;
}

.full-page-form .form-part p:first-child,
.full-page-form .form-part p.first-child {
	margin-top: 0;
}

.full-page-form .form-part p:last-child,
.full-page-form .form-part p.last-child {
	margin-bottom: 0;
}

.full-page-form label {
	float: left;
	font: bold 0.925em Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 3px 0 0 0;
}

.full-page-form label.error {
	display: block;
	float: none;
	width: 100%;
	padding: 4px 0;
	text-align: right;
	font: bold .9em Arial;
	font-style: italic;
	color: red;
}

.full-page-form input[type="text"],
.full-page-form select,
.full-page-form textarea {
	width: 180px;
	padding: 2px 4px;
	border: 1px solid #474747;
	-wekit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.full-page-form select {
	min-width: 184px;
	padding-right: 0;
}

.full-page-form textarea {
	width: 100%;
	box-sizing: border-box;
	margin-top: 3px;
}

.full-page-form #input-sujet {
	width: 80%;
}

.full-page-form [type="checkbox"] {
	cursor: pointer;
}

.full-page-form .ui-datepicker-trigger {
	margin: 0 4px;
	cursor: pointer;
}

.full-page-form label.label-captcha {
	float: none;
	display: block;
	width: auto;
	font-weight: bold;
}

.full-page-form .required-help {
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-style: italic;
}

/* Page de confirmation 
**********************/

.full-page-form-confirm {
	min-height: 218px;
}

.full-page-form-confirm .content p:last-child {
	margin: 12px 0 0 0;
}

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

/*********** Formulaire de devis **************/

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

#devis .materiel-audio,
#devis .date-flexible {
	text-align: left;
}

#devis .materiel-audio label,
#devis .date-flexible label {
	float: none;
}

#devis .date-evenement {
	text-align: left;
}

#devis #input-date {
	width: 70px;
}

#devis .devis-restaurant #input-date {
	width: 155px;
}

#devis .date-part {
	position: relative;
}

#devis .time-part {
	position: relative;
}

#devis .time-part input,
#devis .time-part label {
	display: inline-block;
	float: none;
}

#devis .time-part input {
	width: 20px;
}

#devis .date-evenement label.error {
    display: block;
    float: none;
    margin: 0 0 12px;
    padding: 0;
    text-align: left;
}

.full-page-form .newsletter {
	text-align: left;
}

.full-page-form .newsletter label {
	float: none;
}

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

/********** Formulaire newsletter *************/

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

.newsletter-page {
	font-size: 12px;
	font-family: Arial;
}

.newsletter-page h2 {
	font-family: Tahoma;
	font-size: 20px;
	font-weight: normal;
	color: #012a46;
  /*
   * Pour ajouter un bandeau image en dessous du titre sans modifier le common
   */
}

.newsletter-page [for='newsletter-partenaires'] {
	cursor: pointer;
}

.newsletter-page input[type="text"] {
	width: 200px;
}

.newsletter-page p {
	margin: 20px 0;
}

.newsletter-page .error-message {
	color: #F00;
}

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

/*************** Plan du site *****************/

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

#sitemap .cell {
	display: inline-block;
	vertical-align: top;
	width: 28%;
	padding: 0 0 0 20px;
	background: url("/resources/images/footer/bullet-sitemap.png") no-repeat scroll 0 0 transparent;
}

#sitemap .content li {
	margin: 4px 12px 4px 0;
	min-height: 18px;
	line-height: 20px;
	font-weight: bold;
}

#sitemap .content li,
#sitemap .content a {
	color: #3B3B3B;
	font-weight: bold;
}

#sitemap .content a:hover {
	color: #618ea1;
}

#sitemap .sublevel {
	margin: 0;
}

#sitemap .sublevel a {
	font-weight: normal;
}

#sitemap .sublevel a:before {
	content: '+ ';
}

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

/**************** Page 404 ********************/

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

#page-not-found {
	min-height: 240px;
}

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

/******* spécifique pour Etoile-Prestige ******/

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

.event-home #left-zone {
	margin-top: 14px;
}

.bloc-lien-image img {
	border: 1px solid transparent;
}

.bloc-lien-image img:hover {
	border: 1px solid #012a46;		
}

.map-container {
	font-weight: bold;
	color: black;
}

.map-container .map-image {
	display: inline-block;
	width: 48%;
	padding-right: 4%;
	vertical-align: top;
}

.map-container .map-content {
	display: inline-block;
	width: 47%;
	vertical-align: top;
}

.map-container .map-content img {
	padding: 0 0 1em 0;
}

.map-container .uppercase {
	text-transform: uppercase;
}

.map-container .pictos-bus,
.map-container .pictos-parking,
.map-container .pictos-metro,
.map-container .pictos-rer,
.map-container .pictos-fleche {
	line-height: 22px;
	padding-left: 24px;
	margin: 0 0 5px 0 !important;
}

.map-container .pictos-fleche {
	height: 1em;
	line-height: 1em;
}

.map-container a {
	color: #012a46;
}

#partenaires {
	padding: 10px 0;
	text-align: center;
}

#partenaires a {
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 3em;
	vertical-align: middle;
}

.page-contact-coordonnees {
	margin: 10px 0 0 0;
}

.content .page-contact-coordonnees p {
	margin: 0;
}

/*==================================================*/ 
/*=============== max-width: 980px =================*/
/*==================================================*/ 
@media screen and (max-width: 980px) {
	
	
	/**********************************************/

	/**************** UI-Dialog *******************/

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

	.ui-dialog {
		left: 0 !important;
		right: 0 !important;
		max-width: 476px;
		margin: 0 auto;
		border: 1px solid #AAA;
		-webkit-box-shadow: 0 0 6px 3px #595959;
		box-shadow: 0 0 6px 3px #595959;
	}

	.ui-dialog-titlebar-close {
		width: auto;
		margin: 0 8px 0 0;
		padding: 8px 0;
		top: 0;
		right: 0;
		left: 0;
		background-position: center right;
	}

	.ui-dialog-titlebar-close:hover {
		background-position: center right;
	}

	.ui-dialog-content {
		height: auto !important;
		width: auto !important;
	}

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

	/***************** Datepicker *****************/

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

	#ui-datepicker-div {
		left: 0 !important;
		right: 0 !important;
		min-width: 225px;
		margin: 0 auto !important;
		border: 1px solid #AAA;
		-webkit-box-shadow: 0 0 6px 3px #595959;
		box-shadow: 0 0 6px 3px #595959;
	}

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

	/***************** BOUTONS ********************/

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

	.button, .newsletter-page input[type="submit"], .submit-button, .button-cancel, .highlight-button {
		padding: 0 12px;
	}

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

	/****************** HEADER ********************/

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

	#header h1 {
		height: auto;
	}

	.website-logo {
		height: 100%;
		width: 82%;
		padding: 0;
		margin: 2% 0 0 2%;
	}

	.website-subtitle {
		display: none;
	}

	/* Navigation
	 *************/
	#header-menu .nav {
        display: table;
        table-layout: fixed;
	}
	
	#header-menu li {display: table-cell;}
	
	#header-menu .nav > li {
		padding: 0;
	}
	
    #header-menu .nav li a {text-align: center;}

	#header-menu li:hover {
		background: #F3EDC8;
	}

	#header-menu li a {
		padding: 4px 12px;
		font: bold 0.8em/1em Arial;
	}

	#header-menu li.go-home {
		display: none;
	}

	#header-menu .go-home + li {
		border-left: 0;
	}

	#header-menu li:hover .submenu {
		display: none;
	}

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

	/****************** LAYOUT ********************/

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

	#page {
		width: auto;
		margin: 0;
		padding: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#left-zone, #right-zone {
		display: none;
	}

	#center-zone, .edito #center-zone, .static-page #center-zone {
		display: block;
		width: auto;
		margin: 0;
	}

	/* Home
	 *******/

	#page.home #zone-container {
		text-align: center;
	}

	.home #top-zone {
		width: 100%;
		margin: 0;
	}
	
	.home #main-zone {
		display: none;
	}
	
	.home #right-zone {
		margin: auto;
	}

	/* Contenu
	 **********/

	.title-container {
		margin: 8px 0;
	}

	.content p, .content ul {
		margin: 8px 0;
	}

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

	/************** BLOC COMPOSITE ****************/

	/**********************************************/
	
	.bloc-composite .contenu {
    	margin-bottom: 2em;
	}


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

	/****************** FOOTER ********************/

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

	#footer-static-nav {
		padding: 8px 0;
	}

	#footer-adress {
		padding: 8px 0 12px;
	}

	#footer-adress .adress {
		margin: 0 0 4px 0;
	}

	.acces-direct-title {
		display: none;
	}

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

	/*************** PAGES PRODUITS ***************/

	/**********************************************/
	#page-produit .prestation-header .titre-prestation {
		margin: 0;
	}

	#page-produit .prestation-content {
		padding-bottom: 6px;
		margin: 10px 0;
	}

	.prestation-description {
		display: block;
		width: auto;
		padding-right: 0;
	}

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

	/**************** PAGES EDITOS ****************/

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

	.edito .column {
		display: block;
	}

	.edito .image-column {
		padding-left: 0;
		text-align: center;
	}

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

	/**************** FORMULAIRES *****************/

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

	.full-page-form {
		padding: 8px;
	}

	.full-page-form .table {
		display: block;
	}

	.full-page-form .form-part {
		display: inline-block;
		padding: 8px 0;
		width: 80%;
	}

	.full-page-form .form-part + .form-part {
		padding: 8px;
	}

	.full-page-form .subtitle {
		padding: 2px 0;
	}

	.full-page-form p {
		text-align: left;
	}

	.full-page-form label {
		float: none;
		display: inline-block;
		width: 20%;
		margin-right: 8px;
	}

	.full-page-form label.error {
		text-align: left;
		margin-right: 0;
		margin-left: 22%; /* largeur de label */
	}

	.full-page-form input[type="text"], 
	.full-page-form select, 
	.full-page-form textarea {
		display: inline-block;
		width: 50%;
	}
	
	.full-page-form textarea {
		width: 100%;
	}

	.full-page-form #input-sujet {
		width: 98%;
	}

	.full-page-form .required-help {
		position: static;
		margin: 0;
		text-align: left;
	}

	.full-page-form .newsletter label {
		width: 90%;
	}
	
	.full-page-form #erreur-captcha,
	.full-page-form .error[for="captcha-input"],
	.full-page-form .error[for="input-sujet"] {
		margin: 0;
	}
	
	/**********************************************/

	/*********** Formulaire de devis **************/

	/**********************************************/
	#devis .devis-restaurant #input-date {
		width: 50%;
	}

	#devis .date-part {
		margin: 4px 0;
		position: relative;
	}

	#devis .time-part {
		margin: 4px 0;
		position: relative;
	}

	#devis .time-part input {
		min-width: inherit;
	}

	#devis .subtitle {
		width: 90%;
	}

	#devis .date-evenement .subtitle {
		width: 100%;
	}

	#devis .date-evenement label {
		display: inline-block;
		width: auto;
	}
	
	#devis .date-flexible label {
		width: auto;
	}
}

/*==================================================*/ 
/*=============== max-width: 640px =================*/
/*==================================================*/ 
@media screen and (max-width: 640px) {
		
	
	/**********************************************/
	
	/*************** PAGES PRODUITS ***************/
	
	/**********************************************/
	
	#page-produit .prestation-header .titre-prestation, 
	#page-produit .prestation-header .prix-prestation, 
	#page-produit .prestation-header .prestation-contextual {
		display: block;
		width: 100%;
		position: inherit;
	}
	
	#page-produit .prestation-header .titre-prestation .prestation-options-part, 
	#page-produit .prestation-header .prix-prestation .prestation-options-part, 
	#page-produit .prestation-header .prestation-contextual .prestation-options-part {
		display: block;
	}
	
	#page-produit .prestation-header .titre-prestation .prestation-booking, 
	#page-produit .prestation-header .prix-prestation .prestation-booking, 
	#page-produit .prestation-header .prestation-contextual .prestation-booking {
		margin: 0;
		padding: 0 6px 6px;
		box-sizing: border-box;
		width: 100%;
	}
	
	#page-produit .prestation-header .titre-prestation .prestation-booking p, 
	#page-produit .prestation-header .prix-prestation .prestation-booking p, 
	#page-produit .prestation-header .prestation-contextual .prestation-booking p {
		margin: 0 0 0.5em;
	}
	
	#page-produit .prestation-header .titre-prestation .prestation-options, 
	#page-produit .prestation-header .prix-prestation .prestation-options, 
	#page-produit .prestation-header .prestation-contextual .prestation-options {
		display: none;
	}
	
	#page-produit .prestation-header .prix-prestation {
		margin: 0 0 1em;
	}
	
	#page-produit .prestation-header .prestation-booking-part, 
	#page-produit .prestation-header .prestation-options-part {
		height: 20px !important;
	}
	
	#page-produit .prestation-header .prestation-booking-part a, 
	#page-produit .prestation-header .prestation-options-part a {
		display: block;
		padding: 5px 0;
		height: 20px;
		line-height: 16px;
	}
	
	#page-produit .prestation-image-container {
		display: block;
	}
	
	#page-produit .prestation-image-container img {
		margin: 0 auto;
	}
	
	.map-container .map-image,
	.map-container .map-content {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.map-container .map-image img {
		display: block;
		margin: 0 0 12px;
	}
	
	.plan-salons-img.desktop-only {display: none;}
	.plan-salons-img.tablet-visible,
    .plan-salons-img.mobile-visible { 
        display: block;
    }
}


/*==================================================*/ 
/*=============== max-width: 500px =================*/
/*==================================================*/ 
@media screen and (max-width: 500px) {
	
	/**********************************************/

	/**************** UI-Dialog *******************/

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

	.ui-dialog {
		left: 12px !important;
		right: 12px !important;
		max-width: inherit;
	}

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

	/***************** Datepicker *****************/

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

	#ui-datepicker-div {
		width: 90% !important;
		min-width: inherit;
	}

	.ui-datepicker-header {
		padding: 0 0 .5em 0;
	}

	.ui-datepicker-days-cell a, .ui-datepicker-unselectable {
		padding: .5em !important;
	}

	.ui-datepicker-status {
		padding: .3em .3em 0 .3em;
		font-size: 1.3em;
	}

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

	/****************** HEADER ********************/

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

	#header h1 {
		max-width: 100%;
		padding: 0;
	}

	.website-logo {
		width: 65%;
	}

	.header-contextual {
		right: 4px;
	}

	.header-contextual-item {
		margin: 0 0 0 4px;
		padding: 4px 8px;
	}

	.header-phone {
		right: 10px;
		top: 35px;
		font-size: 12px;
	}

	/* Menu de navigation -> http://blog.goetter.fr/post/35270489019/creer-un-menu-de-navigation-mobile*/

	.menu-mobile-trigger {
		display: block;
		background: #012a46;
		font-size: 0.95em;
	}

	#header-menu {
		height: auto;
	}

	#header-menu .menu-mobile-trigger .nav-open, 
	#header-menu .menu-mobile-trigger .nav-close {
		padding: 4px;
		border: 2px solid #FFF;
		color: #FFF;
	}

	#header-menu .nav {
		display: block;
		width: auto;
		height: auto;
		border: none;
		background-color: #054d7d;
	}

	#header-menu li {
		background: #054d7d;
		display: block;
		border: 0;
		padding: 0;
		background-image: none;
		text-align: left;
	}
	
	#header-menu .nav li a {
        text-align: left;
    }

	#header-menu .go-home + li, 
	#header-menu .contact-link-container {
		display: block;
		border: 0;
		padding: 0;
		background-image: none;
	}

	#header-menu a {
		display: block;
		margin: 0;
		padding: 4px 4px 4px 12px;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-align: left;
	}
	#header-menu .nav > li > a {color: #fff;}

	#header-menu a.active {
		display: block;
		margin: 0;
		padding: 4px 4px 4px 12px;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-align: left;
		color: #FFF;
	}

	#header-menu .nav a:hover {
		color: #FFF;
	}

	#header-menu .header-menu-contact.desktop-only { display: none !important; }
	#header-menu .header-menu-contact.mobile-only { display: inherit !important; }

	#header-menu .header-menu-contact {
		text-align: center ;
		margin: 20px 0 35px 0;
	}

	#header-menu .header-menu-contact a {
		display: initial;
		position:relative;
		top: 5px;
		border: 1px solid #054d7d;
		font-size: 16px;
		padding: 10px;
		color: #012A46 !important;
		background-color: #FFF
	}

	#header-menu .header-menu-contact:hover {
		background-color: initial !important;
	}

	#header-menu .header-menu-contact a:hover {
		background-color: #c1d3da !important;
		color: #012a46;
	}

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

	/****************** LAYOUT ********************/

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

	.title-container {
		padding: 0;
	}

	h2, .h2 {
		font-size: 1.4em;
	}

	#zone-container {
		padding: 8px;
	}

	#body:target #header-menu .nav {
		border: 2px solid #FFF;
		border-top: 0;
	}

	#body:not(:target)
	#header-menu .nav {
		max-height: 0;
		overflow: hidden;
	}

	#body:not(:target)
	#header-menu .nav-open {
		display: block;
	}

	#body:target #header-menu .nav-close {
		display: block;
	}

	#body:not(:target)
	#header-menu .nav-close, #body:target #header-menu .nav-open {
		display: none;
	}
	
	.home #main-zone {
	    margin: 0;
	}

	/* Contenu
	 **********/

	.content {
		padding: 0;
	}

	.content p, .content ul {
		margin: 0 0 8px;
	}
	
	/**********************************************/

	/****************** FOOTER ********************/

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

	#footer-static-nav {
		display: none;
	}
	
	.footer-phone.mobile-only {
		display: none;
	}
	/**********************************************/

	/************* PAVE CONTEXTUEL ****************/

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

	.page-contextual {
		margin-bottom: 0;
	}
	
	/**********************************************/

	/*************** PAGES RUBRIQUES ***************/

	/**********************************************/
	
	#rubrique .bloc-composite {
		border: none;
		padding: 0;
	}
	
	#rubrique .bloc-composite .data-container.with-link{
		padding: 0;
		border: 1px solid #012a46;
		border-radius: 5px;
	} 
	
	#rubrique .title-container {
		box-sizing: border-box;
		width: 100%;
		padding: 6px;
		margin: 0;
		background-color: #012a46;
	}
	
	#rubrique .data-container.without-link .title-container {
		background: none;
	}
	
	#rubrique .title-container .title a {
		display: block;
		font-size: 1em;
		color: #fff;
	}
	
	#rubrique .title-container .title a:after {
	    content: "▶";
	    position: absolute;
	    right: 12px;
	    top: 6px;
	    font-size: 0.825em;
	}
	
	#rubrique .image-container {
		display: none;
	}
	
	#rubrique .contenu {
		box-sizing: border-box;
		margin: 0;
		padding: 0.5em;
		width: 100%;
	}
	
	#rubrique .link-container {
		display: none;
	}
	
	
	/**********************************************/

	/*************** PAGES PRODUITS ***************/

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

	#page-produit .prestation-header {
		margin: 0;
		text-align: left;
	}

	#page-produit .prestation-header .titre-prestation {
		display: block;
		box-sizing: border-box;
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #012a46;
		color: #fff;
	}

	#page-produit .titre-prestation:before {
		content: "";
	}

	#page-produit .titre-prestation-puce {
		display: none !important;
	}

	#page-produit .prestation-header .prestation-contextual {
		display: block;
		margin: 0;
		border: none;
	}
	
	#page-produit .prestation-header .titre-prestation .prestation-booking, 
	#page-produit .prestation-header .prix-prestation .prestation-booking, 
	#page-produit .prestation-header .prestation-contextual .prestation-booking {
		padding: 6px;
	}
	
	#page-produit .prestation-header .prestation-contextual .prestation-booking-link {
		padding: 0;
		margin: 0 0 5px 0;
	}
	
	#page-produit .prestation-header .prestation-contextual .prestation-booking-part a {
		height: auto;
		background-color: #012a46;
	}

	#page-produit .prestation-booking, 
	#page-produit .prestation-options {
		width: 100%;
	}

	#page-produit .prestation-description {
		width: auto;
	}

	#page-produit .prestation-image-container {
		display: none;
	}

	#page-produit .prestation-options-part + .prestation-options-part {
		border-left: 0;
	}

	#page-produit .prestation-options-part {
		display: none !important;
	}

	#page-produit .prestation-options-part.prestation-booking-part {
		display: block !important;
	}


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

	/**************** PAGES EDITOS ****************/

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

	.edito .multi-column, .edito .column {
		display: block;
	}

	/* Partenaires
	 *************/

	.partners-container {
		display: inline-block;
		margin: 0;
	}

	.partner {
		margin: 4px;
	}

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

	/**************** FORMULAIRES *****************/

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

	.full-page-form .form-part {
		display: block;
		width: auto;
	}

	.full-page-form .form-part + .form-part {
		padding: 0;
	}

	.full-page-form p {
		text-align: left;
	}

	.full-page-form label {
		float: none;
		display: block;
		width: 100%;
	}

	.full-page-form label.error {
		text-align: left;
		margin: 0;
	}

	.full-page-form input[type="text"] {
		width: 80%;
	}

	.full-page-form textarea {
		width: 90%;
	}
	
	.full-page-form #input-sujet {
		width: 87%;
	}

	.full-page-form select {
		min-width: inherit;
		width: 81%;
	}

	.full-page-form .required-help {
		margin: 8px 0 0 0;
	}

	.full-page-form .hidden {
		display: none;
	}

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

	/*********** Formulaire de devis **************/

	/**********************************************/
	#devis .devis-restaurant #input-date {
		width: 80%;
	}

	
	#devis .date-evenement label.error {
		position: static;
	}

	#devis .materiel-audio label, #devis .date-flexible label {
		display: inline;
	}

	.full-page-form .newsletter label {
		display: inline;
	}
	
	#devis .time-part {
		display: block;
	}

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

	/******* spécifique pour Etoile-Prestige ******/

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

	#partenaires {
		padding: 10px 0;
		text-align: center;
	}

	#partenaires a {
		display: block;
		margin: 1em 0;
	}
	
	.home #right-zone {
	    width: 65%;
	}
	
	#bloc-contacter a {
		font-size: 0.925em;
	}
	
	#bloc-contacter .bloc-contacter-telephone {
	    background-position: 160px -3914px;
	}
	
	#bloc-contacter .bloc-contacter-libelle {
	    background-position: 165px -4018px;
	}
}

/*==================================================*/ 
/*=============== max-width: 350px =================*/
/*==================================================*/ 
@media screen and (max-width: 350px) {
	.website-logo {
		width: 50%;
	}

	.header-phone {
		right: 10px;
		top: 28px;
		font-size: 11px;
	}
}


/*==================================================*/ 
/*============ media queries Print =================*/
/*==================================================*/ 
@media print {
  
  	@page  { 
	    size: auto;   /* auto is the initial value */ 
	
	    /* this affects the margin in the printer settings */ 
	    margin: 20mm;  
	} 
	
	
	  
	/*General
	 *********/

	#header, #footer, #left-zone, #right-zone, .breadcrumbs, .page-contextual, .bloc-composite .link-container, .know-more-button-container, .prestation-image-container {
		display: none;
	}

	h1, h2, h3, h4, h5, h6, .title, .subtitle
	p, a, ul, li, div, span {
		color: #000 !important;
	}

	#page-produit .prestation-booking-link, #page-produit .prestation-options {
		display: none;
	}

	.menu-buttons, .navigation-link {
		display: none;
	}

	#page, #center-zone {
		margin: 0;
		padding: 0;
		-webkit-box-shadow: 0 0 0 #000;
		box-shadow: 0 0 0 #000;
		width: auto;
		border: none;
	}

	#main-zone {
		padding: 0;
	}

	.title-container h2 {
		border-left: 0;
	}

	h2, .h2 {
		padding-left: 0;
		border-left: 0;
	}

	.bloc-composite .data-container {
		width: auto;
	}

	.bloc-composite .data-container.without-link {
		width: auto;
	}

	.contenu-long {
		display: block !important;
	}

	#page-produit .prestation-booking-price {
		text-align: right;
	}

	.edito .multi-column, .edito .column {
		display: block;
		padding: 0;
		text-align: left;
	}

	#sitemap .cell {
		padding: 0;
	}

	#lightbox {
		height: auto;
	}

	#menuLB {
		padding: 12px 0;
	}

	#menuLB .content {
		height: auto;
	}

	#imprimer {
		display: none;
	}

	.image-container {
		boder: none !important;
	}

	#bloc-contacter div {
		border: 1px solid #000 !important;
	}

	#bloc-contacter p {
		color: #000 !important;
	}

	.bloc-composite-pdf {
		border: none !important;
	}

	.bloc-composite-pdf a {
		margin: 4em 1em !important;
		padding: 0 !important;
		color: #000 !important;
		border: 1px solid #000 !important;
	}

	.bloc-composite-pdf a img {
		display: none !important;
	}
	
	#top-zone {
		display: none;
	}
	
	#page-produit .prestation .encadre-prestation {
		page-break-after: always;
	}
}