/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Marianne, Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Marianne, Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../_images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(../_images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(../_images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(../_images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../_images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(../_images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(../_images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../_images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../_images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(../_images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../_images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(../_images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(../_images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../_images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(../_imagesui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(../_imagesui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; opacity: 0.8 !important;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0; display:none !important;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxWrapper,#colorbox{overflow: visible;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../_images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../_images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../_images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:-12px; right:-12px; display:block;z-index: 99999; background:url(../_images/fermer.png) no-repeat top center; width:27px; height:26px; text-indent:-9999px;}
        #cboxClose:hover{background-image:url(../_images/fermer_hover.png)}
        #cboxClose:active{background-image:url(../_images/fermer_active.png)}
#acceuil {
	text-align: justify;
	position: relative
}

#acceuil .imgFermer {
	margin-top: 10px;
	float: right;
	margin-right: 5px;
	background-image: url(../_images/fermer.png);
	background-repeat: no-repeat
}

#acceuil .imgFermer:.bf-page-rubrique .communiques #nbCommuniquesVH, .bf-page-rubrique .communiques #nbCommuniquesVH_fullscreenhover {
	background-image: url(../_images/fermer_hover.png)
}

#acceuil .imgFermer:active {
	background-image: url(../_images/fermer_active.png)
}

#acceuil #colonne1 {
	float: left;
	background-image: url(../_images/colonne1.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	width: 312px;
	height: 412px;
	padding: 1px 1px 1px 13px
}

#acceuil #colonne1 #fond img {
	width: 311px;
	height: 391px
}

#acceuil #colonne1 #block_superpose {
	background-image: url("../_images/block_superpose.png");
	color: #5a5b52;
	height: 102px;
	padding: 35px 25px 35px 25px;
	position: relative;
	top: -1px;
	width: 261px
}

#acceuil #colonne1 #block_superpose h2 {
	color: #096789;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 5px 0;
	background: 0
}

#acceuil #colonne1 #block_superpose p {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	margin: 0
}

#acceuil #colonne1 #block_superpose p i {
	display: block;
	margin: 0 0 10px 0
}

#acceuil #colonne1 #block_superpose ul {
	margin: 0 0 0 13px
}

#acceuil #colonne1 #block_superpose li {
	margin: 0;
	color: #dd3c02;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	list-style-image: url("../_images/puce_orange.png");
	padding: 5px 0 0
}

#acceuil #colonne1 #block_superpose li i {
	font-style: italic;
	font-weight: normal;
	color: #5a5b52
}

#acceuil #colonne1 #block_superpose a {
	text-decoration: none;
	color: #dd3c02
}

#acceuil #colonne1 #block_superpose a:hover {
	text-decoration: underline;
	color: #dd3c02
}

#acceuil #colonne2 {
	background-color: #fff;
	background-image: url("../_images/colonne2.png");
	background-repeat: no-repeat;
	float: left;
	height: 413px;
	margin: 1px 0 0 0;
	padding: 0 0 0 1px;
	width: 403px;
	position: relative
}

#acceuil #colonne2 #mapAccueil {
	width: 390px
}

#acceuil #colonne2 #mapAccueil img {
	width: 390px;
	height: 300px
}

#acceuil #colonne2 #mapAccueil:hover {
	cursor: pointer
}

#acceuil #colonne2 #infosTrafic {
	background-image: url("../_images/fond_brun.png");
	height: 81px;
	padding: 17px 14px 11px 14px;
	width: 362px;
	position: absolute;
	bottom: 14px;
	color: #fff;
	z-index: 999
}

#acceuil #colonne2 #infosTrafic h2 {
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	background: 0;
	margin: 10px 0 0 0
}

#acceuil #colonne2 #infosTrafic a {
	color: #fff;
	text-decoration: none;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	display: block;
	margin: 5px 0 0 115px
}

#acceuil #colonne2 #infosTrafic a:hover {
	text-decoration: underline
}

#acceuil #colonne2 #infosTrafic #heure {
	margin: 35px 0 0 0;
	font-size: 11px;
	width: 100%
}

#acceuil #colonne2 #infosTrafic #lieu {
	float: right
}

#acceuil .alerteCirculation, #acceuil .alerteMeteo {
	display: none
}

#acceuil #conteneur_carousel {
	height: 399px
}

#acceuil #colonne3 {
	float: left;
	width: 250px;
	height: 413px
}

#acceuil #colonne3 .alerte {
	height: 132px;
	overflow: hidden
}

#acceuil #colonne3 .alerte .chapeauAlerte {
	background-color: #ffc800;
	background-image: -moz-linear-gradient(top, #ffb100, #ffeb00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffb100),
		to(#ffeb00));
	background-image: -webkit-linear-gradient(top, #ffb100, #ffeb00);
	background-image: -o-linear-gradient(top, #ffb100, #ffeb00);
	background-image: linear-gradient(to bottom, #ffb100, #ffeb00);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffb100',
		endColorstr='#ffffeb00', GradientType=0);
	height: 30px;
	color: white;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
	text-align: right;
	padding: 10px 0 0 15px;
	margin: 0 0 5px 0
}

#acceuil #colonne3 .alerte .chapeauAlerte .pictoAlerte {
	float: left
}

#acceuil #colonne3 .alerte .chapeauAlerte div {
	text-align: right;
	padding: 0 10px 0 0
}

#acceuil #colonne3 .alerte .contenuAlerteAccueil {
	padding: 5px 10px 0 15px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5a5b52;
	line-height: 14px;
	text-align: left;
	letter-spacing: 0
}

#acceuil #colonne3 .alerte .contenuAlerteAccueil .ensavoirplus {
	color: #dd3c02;
	font-weight: bold
}

#black_popup {
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: .80;
	z-index: 9999
}

.span4:before,.span5:before,.span6:before,.span7:before,.span9:before,.span1-menuderoulant:before,.span6-menuderoulant:before,.span-menuHarmonisation:before
	{
	clear: both;
	height: 1px
}

.span1-menuderoulant {
	width: 190px;
	float: left
}

.span3-contextuel {
	width: 240px;
	float: left
}

.span4 {
	width: 455px;
	float: left
}

.span6 {
	width: 695px;
	float: left
}

.span6-menuderoulant {
	width: 505px;
	float: left
}
.span-menuHarmonisation {
	width: 100%;
	float: left
}
.span7 {
	width: 796px;
	float: left
}
.span5 {
	width: 796px;
	float: left
}
.span9 {
	width: 950px;
	float: left
}

.page404 .span9 #article {
	min-height: 350px
}

.titre-niveau-1 {
	text-align: left;
	clear: both;
	font-size: 21px;
	line-height: 17px;
	font-weight: bold;
	padding-top: 10px;
	padding: 20px;
	color: #838377;
	background: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}

.bf-page-article #article {
	min-height: 500px
}

.notes {
	border-top: 1px solid #9f9f92
}

.notes .label {
	font-weight: bold;
	margin-bottom: 5px
}

#article {
	position: relative;
	text-align: left;
	background-color: #f9f9f7;
	padding-left: 19px;
	padding-bottom: 20px;
	padding-right: 19px;
	padding-top: 21px
}

#article .spip_documents {
	width: auto;
	margin: 0
}

#article img,#article .spip_documents {
	max-width: 657px
}

#article li img,#article li .spip_documents {
	max-width: 581px
}

#article li li img,#article li li .spip_documents {
	max-width: 543px
}

#article .spip_documents_left {
	margin-right: 0
}

#article .spip_documents_left img {
	padding-right: 25px
}

#article .spip_documents_right {
	margin-left: 0
}

#article .spip_documents_right img {
	padding-left: 25px
}

#article .titre-niveau-2 {
	background-color: #096789;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding: 5px 5px 5px 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}

#article .titre-niveau-2 a {
	text-decoration: none;
	color: #fff
}

#article div object {
	min-width: 400px;
	min-height: 300px
}

#article .titre-niveau-3 {
	font-size: .9em;
	font-size: 14px;
	color: #096789;
	font-weight: bold;
	text-decoration: none;
	font-family: Marianne, Arial, Helvetica, sans-serif
}

#article .contenu {
	width: 100%;
	font-size: 1em
}

#article .sous-titre {
	color: black;
	margin-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}

#article .sous-titre a {
	text-decoration: none;
	color: black
}

#article .spip_documents_center {
	clear: both;
	display: block;
	width: 100%;
	text-align: center
}

.ombre-background-left {
	position: absolute;
	left: -15px;
	width: 15px;
	height: 100%
}

.ombre-background-right {
	position: absolute;
	right: -15px;
	width: 15px;
	height: 100%
}

#article .ombre-background-left,#article .ombre-background-right {
	top: 0
}

.bf-imprimer-bouton {
	float: right;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	background: url(../_images/print.png)
}

#bf-body-vh .bf-imprimer-bouton {
display:none;
}

#bf-body-travaux .bf-imprimer-bouton {
	display:none;
}

.bf-imprimer-bouton+div {
	clear: both
}

.rubrique-deroulant .container-full .page-article {
	width: 100%
}

.rubrique-deroulant .container-full .page-article .bloc-full-size {
	width: 762px
}

.rubrique-deroulant .container-full .page-article .bloc-full-size #article img,.rubrique-deroulant .container-full .page-article .bloc-full-size #article .spip_documents
	{
	max-width: 724px
}

.rubrique-deroulant .container-full .page-article .bloc-full-size #article li img,.rubrique-deroulant .container-full .page-article .bloc-full-size #article li .spip_documents
	{
	max-width: 648px
}

.rubrique-deroulant .container-full .page-article .bloc-full-size #article li li img,.rubrique-deroulant .container-full .page-article .bloc-full-size #article li li .spip_documents
	{
	max-width: 610px
}

.bf-imprimer-bouton:hover {
	float: right;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	background: url(../_images/print_hover.png)
}

.rubrique-default {
	text-align: left
}

.rubrique-default .article-liste {
	width: 940px
}

.rubrique-default .article-liste .contenu-article {
	width: 930px
}

.article-liste {
	border-bottom: solid #d8d8d8 1px;
	margin-left: 19px;
	margin-right: 19px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden
}

.article-liste .departements {
	float: left;
	padding-left: 20px;
	width: 80px
}

.article-liste .departements .bloc-departement {
	float: left;
	width: 26px;
	height: 27px;
	padding-top: 9px;
	padding-left: 10px;
	color: white;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #055773;
	background-image: -moz-linear-gradient(top, #024c65, #096789);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#024c65),
		to(#096789));
	background-image: -webkit-linear-gradient(top, #024c65, #096789);
	background-image: -o-linear-gradient(top, #024c65, #096789);
	background-image: linear-gradient(to bottom, #024c65, #096789);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff024c65',
		endColorstr='#ff096789', GradientType=0)
}

.article-liste .bf-imprimer-bouton {
	right: 6px;
	position: absolute
}

.article-liste .contenu-article {
	float: left;
	height: auto;
	margin-left: 10px;
	padding-right: 10px;
	overflow: hidden
}

.article-liste .contenu-article h3 {
	color: #096789;
	background: 0;
	font-weight: bold;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: 0
}

.article-liste .contenu-article iframe,.article-liste .contenu-article object
	{
	margin: 0 auto;
	display: block;
	max-width: 600px
}

.article-liste .contenu-article .texte {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #3e3e3e
}

.article-liste .contenu-article .open {
	height: auto;
	overflow: visible
}

.article-liste .contenu-article .close {
	max-height: 200px
}

.article-liste .contenu-article p {
	margin-left: 0
}

.article-liste .contenu-article li {
	margin-left: 20px;
	list-style-type: square;
	color: #096789
}

.article-liste .contenu-article .spip_documents {
	max-width: 875px
}

.article-liste .contenu-article .spip_documents img {
	max-width: 875px
}

.article-liste .contenu-article object {
	min-width: 400px;
	min-height: 150px
}

.article-liste .show-more {
	margin-top: 10px;
	margin-left: 10px;
	display: block;
	clear: both;
	position: relative;
	z-index: 100
}

#popupErreur {
	margin: 0 0 0 40px;
	color: red;
	width: auto;
	height: 40px;
	display: none
}

#autre-date {
	min-height: 500px;
	text-align: left
}

#autre-date .header-search {
	background-color: #e4e5e1;
	background-image: -moz-linear-gradient(top, #d2d4cd, #fff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d2d4cd),
		to(#fff));
	background-image: -webkit-linear-gradient(top, #d2d4cd, #fff);
	background-image: -o-linear-gradient(top, #d2d4cd, #fff);
	background-image: linear-gradient(to bottom, #d2d4cd, #fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2d4cd',
		endColorstr='#ffffffff', GradientType=0);
	padding-top: 22px;
	min-height: 78px;
	font-family: Marianne, Arial, Helvetica, sans-serif
}

#autre-date .header-search #champObligatoire {
	float: right;
	font-style: italic;
	margin-right: 40px;
	margin-top: -10px;
	margin-bottom: 10px
}

#autre-date .header-search h4 {
	margin-top: 0;
	font-size: 13px;
	color: #3e3e3e;
	margin-left: 36px;
	margin-bottom: 5px;
	font-weight: normal
}

#autre-date .header-search .stars {
	color: red
}

#autre-date .header-search .bloc-search {
	padding-left: 36px;
	padding-right: 30px;
	padding-bottom: 20px
}

#autre-date .header-search .bloc-search .localisation {
	width: 430px;
	float: left;
	border-right: solid 1px #9f9f92
}

#autre-date .header-search .bloc-search .localisation #sai-region {
	float: left;
	width: 170px;
	height: 29px;
	margin: 0 7px 0 0
}

#autre-date .header-search .bloc-search .localisation #sai-region:hover
	{
	cursor: pointer
}

#autre-date .header-search .bloc-search .localisation #sai-departement {
	text-align: center;
	float: left;
	width: 110px;
	height: 18px;
	margin: 0 7px 0 0;
	padding-right: 3px
}

#autre-date .header-search .bloc-search .localisation #sai-departement:hover
	{
	cursor: pointer
}

#autre-date .header-search .bloc-search .localisation .gris {
	color: #707070
}

#autre-date .header-search .bloc-search .date {
	float: left;
	width: 200px;
	height: 24px;
	font-size: 11px;
	padding-left: 50px
}

#autre-date .header-search .bloc-search .date .sai-date {
	float: left;
	width: 100px;
	margin: 0 7px 0 0;
	border: 2px inset #eae8e4
}

#autre-date .header-search .bloc-search .date .sai-date:hover {
	cursor: pointer
}

#autre-date .header-search .bloc-search .date .ui-datepicker-trigger {
	float: left;
	width: 24px;
	height: 24px;
	background-image: url("../_images/calendar_icon.png")
}

#autre-date .header-search .bloc-search .date .ui-datepicker-trigger:hover
	{
	background-image: url("../_images/calendar_icon_hover.png");
	cursor: pointer
}

#autre-date .header-search .bloc-search button:hover {
	cursor: pointer
}

#autre-date .header-search .bloc-search .submit {
	width: 160px;
	float: right;
	font-size: 11px
}

#autre-date .header-search .bloc-search .submit button {
	margin-right: 0;
	padding: 3px 23px;
	float: right
}

#autre-date .header-search .bloc-search label {
	float: left;
	font-weight: normal;
	font-size: 12px;
	margin-right: 7px;
	margin-top: 5px
}

#autre-date .bandeau-top {
	margin: 0;
	color: #fff;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #055773;
	background-image: -moz-linear-gradient(top, #024c65, #096789);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#024c65),
		to(#096789));
	background-image: -webkit-linear-gradient(top, #024c65, #096789);
	background-image: -o-linear-gradient(top, #024c65, #096789);
	background-image: linear-gradient(to bottom, #024c65, #096789);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff024c65',
		endColorstr='#ff096789', GradientType=0);
	font-size: 16px;
	padding: 5px 5px 5px 40px;
	min-height: 16px
}

#autre-date .bloc-region {
	padding-left: 25px;
	padding-right: 25px
}

#autre-date .bloc-region .libelle-region {
	float: left;
	display: block;
	font-weight: bold;
	padding: 5px 40px;
	margin-top: 7px;
	margin-left: -33px;
	font-size: 12px;
	position: relative;
	color: black;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3);
	background-color: #9f9f92;
	background-image: -moz-linear-gradient(left, #eae8e4, #9f9f92 90%);
	background-image: -webkit-gradient(linear, left center, right center, from(#eae8e4),
		color-stop(10%, #9f9f92));
	background-image: -webkit-linear-gradient(left, #eae8e4 10%, #9f9f92 90%);
	background-image: -o-linear-gradient(left, #eae8e4 10%, #9f9f92 90%);
	background-image: linear-gradient(to right, #eae8e4 10%, #9f9f92 90%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeae8e4',
		endColorstr='#ff9f9f92', GradientType=1)
}

#autre-date .bloc-region .article {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #eae8e4
}

#autre-date .bloc-region .article .contenu-article {
	float: left;
	display: block;
	width: 630px;
	margin-left: 10px
}

#autre-date .bloc-region .article .contenu-article h3,#autre-date .bloc-region .article .contenu-article p
	{
	margin-left: 0
}

#autre-date .bloc-region .article .contenu-article h3 {
	margin-top: 0
}

#autre-date .liste-departement {
	float: left;
	padding-left: 20px;
	width: 80px;
	min-height: 30px
}

#autre-date .liste-departement span {
	font-size: 14px;
	float: left;
	width: 25px;
	height: 26px;
	margin: 1px;
	padding-top: 9px;
	padding-left: 10px;
	color: white;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #055773;
	background-image: -moz-linear-gradient(top, #024c65, #096789);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#024c65),
		to(#096789));
	background-image: -webkit-linear-gradient(top, #024c65, #096789);
	background-image: -o-linear-gradient(top, #024c65, #096789);
	background-image: linear-gradient(to bottom, #024c65, #096789);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff024c65',
		endColorstr='#ff096789', GradientType=0)
}

#autre-date .statut {
	float: right
}

#autre-date .statut .bloc-statut {
	margin-bottom: 10px;
	width: 180px;
	height: auto;
	border: solid 1px #dadada
}

#autre-date .statut .bloc-statut h4 {
	color: #3e3e3e;
	font-weight: normal;
	font-size: 14px
}

#autre-date .statut .bloc-statut .titre,#autre-date .statut .bloc-statut .detail
	{
	width: 180px;
	height: 41px;
	display: block;
	background-color: #dcdcd9;
	background-image: -moz-linear-gradient(top, #e8e8e8, #c9cac2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8),
		to(#c9cac2));
	background-image: -webkit-linear-gradient(top, #e8e8e8, #c9cac2);
	background-image: -o-linear-gradient(top, #e8e8e8, #c9cac2);
	background-image: linear-gradient(to bottom, #e8e8e8, #c9cac2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8',
		endColorstr='#ffc9cac2', GradientType=0)
}

#autre-date .statut .bloc-statut .titre span,#autre-date .statut .bloc-statut .detail span
	{
	margin: 3px 7px 0 7px
}

#autre-date .statut .bloc-statut .detail {
	height: auto;
	background-color: #f2f1ef;
	background-image: -moz-linear-gradient(top, #eae8e4, #fff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eae8e4),
		to(#fff));
	background-image: -webkit-linear-gradient(top, #eae8e4, #fff);
	background-image: -o-linear-gradient(top, #eae8e4, #fff);
	background-image: linear-gradient(to bottom, #eae8e4, #fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeae8e4',
		endColorstr='#ffffffff', GradientType=0)
}

#autre-date .statut .bloc-statut .detail .line-detail {
	min-height: 33px
}

#autre-date .statut .bloc-statut .detail .line-detail img {
	max-height: 20px;
	max-width: 20px;
	margin-top: 4px
}

#autre-date .statut .bloc-statut .detail .line-detail .uniquement-jour {
	background-image: url('../_images/uniquement_jour.png')
}

#autre-date .statut .bloc-statut .detail .line-detail .uniquement-nuit {
	background-image: url('../_images/uniquement_nuit.png')
}

#autre-date .statut .bloc-statut .detail .line-detail .hors-wk-jours-feries
	{
	background-image: url('../_images/hors-we-jours-feries.png')
}

#autre-date .statut .bloc-statut .detail .line-detail .wk-jours-feries {
	background-image: url('../_images/we-jours-feries.png')
}

#autre-date .statut .bloc-statut .detail .line-detail .poids-lourds {
	background-image: url('../_images/truck.png')
}

#autre-date .statut .bloc-statut .detail .line-detail .uniquement-jour,#autre-date .statut .bloc-statut .detail .line-detail .poids-lourds,#autre-date .statut .bloc-statut .detail .line-detail .hors-wk-jours-feries,#autre-date .statut .bloc-statut .detail .line-detail .uniquement-nuit,#autre-date .statut .bloc-statut .detail .line-detail .wk-jours-feries
	{
	min-height: 22px;
	min-width: 22px;
	max-height: 23px;
	max-width: 23px;
	margin-top: 4px;
	display: block;
	float: left;
	margin: 5px;
	background-repeat: no-repeat
}

#autre-date .statut .bloc-statut img {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	max-height: 30px;
	max-width: 30px
}

#autre-date .statut .bloc-statut h4 {
	margin: 0;
	margin-top: 7px;
	float: left;
	font-weight: bold;
	font-size: 15px;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 70%;
	padding-left: 5px
}

#autre-date .statut .bloc-statut .accident {
	background-image: url('../_images/accident.png')
}

#autre-date .statut .bloc-statut .etat-routes {
	background-image: url('../_images/condition_circulation.png')
}

#autre-date .statut .bloc-statut .travaux {
	background-image: url('../_images/travaux.png')
}

#autre-date .statut .bloc-statut .coupure {
	background-image: url('../_images/coupure.png')
}

#autre-date .statut .bloc-statut .equip-obligatoires {
	background-image: url('../_images/equip_obligatoires.png')
}

#autre-date .statut .bloc-statut .interdiction-pl {
	background-image: url('../_images/interdiction_pl.png')
}

#autre-date .statut .bloc-statut .meteo {
	background-image: url('../_images/meteo.png')
}

#autre-date .statut .bloc-statut .information {
	background-image: url('../_images/information.png')
}

#autre-date .statut .bloc-statut .incident {
	background-image: url('../_images/incident.png')
}

#autre-date .statut .bloc-statut .bouchons {
	background-image: url('../_images/bouchons.png')
}

#autre-date .statut .bloc-statut .bouchon {
	background-image: url('../_images/bouchons.png')
}

#autre-date .statut .bloc-statut .manifestation {
	background-image: url('../_images/manifestation.png')
}

#autre-date .statut .bloc-statut .restrictions-temporaires {
	background-image: url('../_images/restrictions_temporaires.png')
}

#autre-date .statut .bloc-statut .obstacle {
	background-image: url('../_images/obstacle.png')
}

#autre-date .statut .bloc-statut .pollution {
	background-image: url('../_images/pollution.png')
}

#autre-date .statut .bloc-statut .jour-colore {
	background-image: url('../_images/jour-colore.png')
}

#autre-date .statut .bloc-statut .enlevement {
	background-image: url('../_images/enlevement.png')
}

#autre-date .statut .bloc-statut .travaux,#autre-date .statut .bloc-statut .etat-routes,#autre-date .statut .bloc-statut .evenement,#autre-date .statut .bloc-statut .barriere-degel,#autre-date .statut .bloc-statut .accident,#autre-date .statut .bloc-statut .meteo,#autre-date .statut .bloc-statut .information,#autre-date .statut .bloc-statut .incident,#autre-date .statut .bloc-statut .bouchons,#autre-date .statut .bloc-statut .bouchon,#autre-date .statut .bloc-statut .manifestation,#autre-date .statut .bloc-statut .enlevement,#autre-date .statut .bloc-statut .restrictions-temporaires,#autre-date .statut .bloc-statut .obstacle,#autre-date .statut .bloc-statut .pollution,#autre-date .statut .bloc-statut .jour-colore,#autre-date .statut .bloc-statut .coupure,#autre-date .statut .bloc-statut .equip-obligatoires,#autre-date .statut .bloc-statut .interdiction-pl
	{
	height: 33px;
	width: 31px;
	display: block;
	float: left;
	margin-top: 2px;
	background-repeat: no-repeat;
	background-size: 100%
}

#autre-date .jaune,#autre-date .bleu {
	width: auto;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 0 5px 10px;
	margin-bottom: 10px
}

#autre-date .jaune {
	color: #3e3e3e;
	background-color: #ffd400;
	background-image: -moz-linear-gradient(top, #ffeb00, #ffb100);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffeb00),
		to(#ffb100));
	background-image: -webkit-linear-gradient(top, #ffeb00, #ffb100);
	background-image: -o-linear-gradient(top, #ffeb00, #ffb100);
	background-image: linear-gradient(to bottom, #ffeb00, #ffb100);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffeb00',
		endColorstr='#ffffb100', GradientType=0)
}

#autre-date .bleu {
	color: #fff;
	background-color: #1d7fa1;
	background-image: -moz-linear-gradient(top, #0f6f91, #3196ba);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0f6f91),
		to(#3196ba));
	background-image: -webkit-linear-gradient(top, #0f6f91, #3196ba);
	background-image: -o-linear-gradient(top, #0f6f91, #3196ba);
	background-image: linear-gradient(to bottom, #0f6f91, #3196ba);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0f6f91',
		endColorstr='#ff3196ba', GradientType=0)
}

#autre-date .pagination {
	float: right;
	margin-right: 15px
}

#autre-date .pagination a {
	color: #fff;
	margin: 0 5px 0 5px;
	font-size: 16px
}

#autre-date .pagination .actif {
	background: 0;
	color: #9f9f92
}

#autre-date .pagination .actif:hover {
	text-decoration: none;
	cursor: default
}

#autre-date .unElement {
	width: 600px;
	clear: both;
	float: right;
	position: relative;
	padding: 0 0 10px 20px
}

#autre-date .no-result {
	text-align: center;
	padding-top: 20px;
	width: 400px;
	margin: auto;
	clear: both;
	font-weight: bold
}

#autre-date .litte_arrow {
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 17px;
	border: 5px solid transparent;
	border-left-color: #096789
}

#autre-date .litte_arrow_actif {
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #096789
}

#autre-date .pieceJointe {
	margin-top: 5px;
	clear: both
}

#autre-date .pieceJointe a {
	display: inline;
	width: 100%
}

#Bt_right {	

	float: left;
	
	height: 121px;
	background-repeat : no-repeat;
	background-image: url(../_images/left.png);
	background-color : transparent;
	width : auto;
	
}


#Bt_right:hover {
	background-image: url(../_images/left-hover.png)
}

#Bt_right:active {
	background-image: url(../_images/left-active.png)
}


#Bt_left {	

	float: left;
	
	height: 121px;
	background-repeat : no-repeat;
	background-image: url(../_images/right.png);
	background-color : transparent;
	width : auto;
	
}

#Bt_left:hover {
	background-image: url(../_images/right-hover.png)
}

#Bt_left:active {
	background-image: url(../_images/right-active.png)
}



.meinButtons{
	
	width : 17px;
	margin-top : -1px;
}

.bandeau-h {
	/*width: 1336px;*/
	width: 1600px;
	height: 241px;
	padding: 0;
	margin-bottom: 0;
	background-color: #e7e7e4;
	background-image: -moz-linear-gradient(top, #e0e1dc, #f1f1ef);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e1dc),
		to(#f1f1ef));
	background-image: -webkit-linear-gradient(top, #e0e1dc, #f1f1ef);
	background-image: -o-linear-gradient(top, #e0e1dc, #f1f1ef);
	background-image: linear-gradient(to bottom, #e0e1dc, #f1f1ef);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e1dc',
		endColorstr='#fff1f1ef', GradientType=0);
	text-align: left;
	font-size: 12px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	
	position: absolute;
	top:0;
	left:0;
	display: flex;
    justify-items: center;
    align-items: center;
}

.bandeau-h .title,.bandeau-h h3 {
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #3e3e3e;
	margin: 15px 0 13px 0
}

.bandeau-h .bloc1 {
	height: 191px;
	width: 280px;
	margin: 0;
	padding: 13px 20px 13px 41px;
	float: left
}

.separator{
	height: 167px;
	width: 0;
	margin: 25px 0 25px 0;
	float: left;
	border-left: solid 1px #c6c7bf;
	border-right: solid 1px #f3f4f2
}

.bandeau-h .bloc2 {
	height: 191px;
	width: 252px;
	margin: 0;
	padding: 13px 20px 13px 20px;
	float: left
}

/**
New Bloc
**/
.bandeau-h .bloc4 {
	height: 191px;
	width: 252px;
	margin: 0;
	padding: 13px 20px 13px 41px;
	float: left
}

.bandeau-h .bloc1 .edito-image,.bandeau-h .bloc2 .edito-image,.bandeau-h .bloc4 .edito-image {
	display: block;
	margin: 0;
	text-align: center
}

.bandeau-h .bloc1 .edito-image img,.bandeau-h .bloc2 .edito-image img,.bandeau-h .bloc4 .edito-image img {
	max-width: 190px;
	max-height: 190px
}

.bandeau-h .separator {
	height: 167px;
	width: 0;
	margin: 25px 0 25px 0;
	float: left;
	border-left: solid 1px #c6c7bf;
	border-right: solid 1px #f3f4f2
}

.bandeau-h .bloc-large {
	height: 191px;
	width: 350px;
	padding: 13px 41px 13px 20px;
	margin: 0;
	float: left
}

.bandeau-h .bloc-large .edito-riche .img-part {
	width: 143px
}

.bandeau-h .bloc-large .edito-riche .img-part img {
	max-width: 143px;
	max-height: 143px
}

.bandeau-h .bloc-large .edito-riche .text-part {
	width: 197px
}

.bandeau-h .bloc-doubleimg {
	height: 190px;
	width: 390px;
	padding: 13px 26px 13px 0;
	margin: 0;
	float: left
}

.bandeau-h .bloc-doubleimg .edito-image {
	width: 190px;
	height: 190px;
	float: left
}

.bandeau-h .bloc-doubleimg .edito-image img {
	max-width: 190px;
	max-height: 190px;
	margin: auto
}

.bandeau-h .bloc-doubleimg .spacer {
	float: left;
	width: 10px;
	height: 190px
}

.bandeau-h .edito-riche,.bandeau-h .edito-simple {
	height: 161px
}

.bandeau-h .edito-riche .img-part {
	float: left;
	width: 85px
}

.bandeau-h .edito-riche .img-part img {
	max-width: 85px;
	max-height: 85px
}

.bandeau-h .edito-riche .text-part {
	float: left;
	width: 157px;
	padding-left: 10px
}

.contenu-ctx-vertical {
	width: 240px;
	float: right;
	margin-top: 25px
}

.contenu-ctx-vertical .edito {
	width: 240px;
	display: block;
	margin-bottom: 14px;
	text-align: left
}

.contenu-ctx-vertical .edito h3 {
	color: #3e3e3e;
	line-height: 18px;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px 0
}

.contenu-ctx-vertical .edito p {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3e3e
}

.contenu-ctx-vertical .edito-riche,.contenu-ctx-vertical .edito-simple,.contenu-ctx-vertical .edito-surtitre
	{
	background-color: #ecedeb;
	background-image: -moz-linear-gradient(top, #e0e1dd, #fff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e1dd),
		to(#fff));
	background-image: -webkit-linear-gradient(top, #e0e1dd, #fff);
	background-image: -o-linear-gradient(top, #e0e1dd, #fff);
	background-image: linear-gradient(to bottom, #e0e1dd, #fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e1dd',
		endColorstr='#ffffffff', GradientType=0);
	border: solid 1px #eeefea
}

.contenu-ctx-vertical .edito-riche,.contenu-ctx-vertical .edito-simple {
	padding: 18px 20px 18px 20px
}

.contenu-ctx-vertical .edito-riche img {
	max-width: 85px;
	max-height: 85px;
	float: left;
	margin: 0 10px 10px 0
}

.contenu-ctx-vertical .edito-image {
	padding: 26px;
	background-color: #e2e2e0;
	text-align: center
}

.contenu-ctx-vertical .edito-image a {
	margin: auto
}

.contenu-ctx-vertical .edito-image img {
	max-width: 190px;
	max-height: 190px;
	margin: auto
}

.contenu-ctx-vertical .edito-surtitre {
	padding-bottom: 18px
}

.contenu-ctx-vertical .edito-surtitre .spip_documents {
	margin: 0
}

.contenu-ctx-vertical .edito-surtitre img {
	max-width: 198px
}

.contenu-ctx-vertical .edito-surtitre h3 {
	color: white;
	font-weight: normal;
	font-size: 14px;
	line-height: 15px;
	background-color: #2487aa;
	background-image: -moz-linear-gradient(top, #3299bc, #0e6c8f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3299bc),
		to(#0e6c8f));
	background-image: -webkit-linear-gradient(top, #3299bc, #0e6c8f);
	background-image: -o-linear-gradient(top, #3299bc, #0e6c8f);
	background-image: linear-gradient(to bottom, #3299bc, #0e6c8f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3299bc',
		endColorstr='#ff0e6c8f', GradientType=0);
	padding: 13px 20px 13px 20px
}

.contenu-ctx-vertical .edito-surtitre .textBandeau {
	padding: 0 20px 0 20px
}

.contenu-ctx-vertical .edito-surtitre .show-more-vignette,.contenu-ctx-vertical .edito-surtitre .tipi-flow
	{
	padding: 0 20px 0 20px
}

.contenu-ctx-vertical .edito-surtitre ul {
	padding: 0 15px 0 15px
}

.contenu-ctx-vertical .edito-surtitre ul li {
	margin-bottom: 5px;
	margin-left: 13px;
	list-style-type: square;
	color: #096789
}

#colonne3 a.lien_vignette_carousel {
	position: absolute;
	width: 249px;
	height: 133px;
	top: 0;
	left: 0
}

.bf-accueil #conteneur_carousel .edito-riche {
	padding: 10px 10px 10px 15px;
	height: 112px
}

.bf-accueil #conteneur_carousel .edito-riche .info_actus p {
	width: auto;
	clear: both
}

.bf-accueil #conteneur_carousel .edito-riche .logo_actu {
	float: left
}

.bf-accueil #conteneur_carousel .edito-riche .logo_actu img {
	max-width: 40px;
	max-height: 40px;
	margin-right: 5px;
	display: inline-block
}

.bf-accueil #conteneur_carousel .edito-riche .logo_actu h2 {
	display: inline-block;
	max-width: 170px
}

#conteneur_carousel {
	height: 267px;
	overflow: hidden;
	position: relative
}

#conteneur_carousel p {
	margin-left: 10px
}

#conteneur_carousel .vignette_carousel {
	border-bottom: 1px solid #9f9f92
}

#conteneur_carousel a:hover {
	text-decoration: none
}

#conteneur_carousel .conseils {
	float: left;
	clear: both;
	padding: 23px 0 22px 10px;
	background-image: url(../_images/fond_conseil.png);
	height: 87px;
	text-align: left;
	top: 0
}

#conteneur_carousel .conseils .gauche {
	float: left;
	width: 111px;
	color: #ec4501;
	margin-right: 10px;
	font-size: 11px
}

#conteneur_carousel .conseils .gauche h2 {
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ec4501;
	padding: 0;
	margin-top: 0;
	margin-bottom: 5px;
	background: 0
}

#conteneur_carousel .conseils .gauche a {
	text-decoration: none;
	color: #ec4501;
	font-weight: normal;
	font-size: 11px
}

#conteneur_carousel .conseils .gauche a:hover {
	text-decoration: none
}

#conteneur_carousel .conseils .gauche p {
	margin: 0;
	color: #ec4501;
	font-size: 11px
}

#conteneur_carousel .conseils .gauche ul {
	margin-left: 0;
	list-style-image: url("../_images/puce_orange.png");
	padding: 0 0 0 11px;
	font-family: Marianne, Arial, Helvetica, sans-serif
}

#conteneur_carousel .conseils .gauche ul li {
	margin-left: 0;
	color: #ec4501;
	font-size: 11px
}

#conteneur_carousel .conseils .gauche img {
	max-width: 100px;
	max-height: 50px
}

#conteneur_carousel .conseils .gauche .conseils_txt h2,#conteneur_carousel .conseils .gauche .conseils_txt h3,#conteneur_carousel .conseils .gauche .conseils_txt h4,#conteneur_carousel .conseils .gauche .conseils_txt h5
	{
	margin: 0;
	padding: 0;
	font-size: 12px
}

#conteneur_carousel .conseils .photo_droite {
	float: left;
	margin-top: -22px
}

#conteneur_carousel .conseils .photo_droite span {
	background-image: url(../_images/plus.png);
	background-size: 100% 93%;
	height: 130px;
	width: 28px;
	display: block;
	position: absolute;
	margin-left: -13px
}

#conteneur_carousel .conseils .photo_droite img {
	border: 0;
	width: 118px;
	height: 130px;
	display: block
}

#conteneur_carousel .autres_actus {
	display: block;
	float: left;
	width: 225px;
	height: 112px;
	background-color: #fff;
	background-image: -moz-linear-gradient(left, #e7e8e3, #fff);
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#e7e8e3),
		to(#fff));
	background-image: -webkit-linear-gradient(left, #e7e8e3, #fff);
	background-image: -o-linear-gradient(left, #e7e8e3, #fff);
	background-image: linear-gradient(to right, #e7e8e3, #fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e8e3',
		endColorstr='#ffffffff', GradientType=1);
	padding: 10px 10px 10px 15px;
	text-align: left;
	overflow: hidden;
	top: 0
}

#conteneur_carousel .autres_actus .info_actus {
	float: left
}

#conteneur_carousel .autres_actus .info_actus h2 {
	width: 175px;
	font-weight: bold;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5a5b52;
	margin: 0 0 5px 0;
	padding: 0;
	background: 0
}

#conteneur_carousel .autres_actus .info_actus p {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 175px;
	color: #5a5b52;
	line-height: 14px;
	margin: 0
}

#conteneur_carousel .autres_actus .info_actus p a {
	color: #dd3c02;
	text-decoration: none
}

#conteneur_carousel .autres_actus .info_actus p a:hover {
	text-decoration: none
}

#conteneur_carousel .edito-simple .info_actus h2 {
	width: 225px
}

#conteneur_carousel .edito-simple .info_actus p {
	width: 225px
}

#carrousel_nav {
	width: 250px;
	height: 17px
}

#carrousel_nav a.left {
	float: left;
	width: 125px;
	height: 17px;
	background-image: url(../_images/up.png)
}

#carrousel_nav a.left:hover {
	background-image: url(../_images/up-hover.png)
}

#carrousel_nav a.left:active {
	background-image: url(../_images/up-active.png)
}

#carrousel_nav a.right {
	float: left;
	width: 125px;
	height: 17px;
	background-image: url(../_images/down.png)
}

#carrousel_nav a.right:hover {
	background-image: url(../_images/down-hover.png)
}

#carrousel_nav a.right:active {
	background-image: url(../_images/down-active.png)
}

.formulaire-contact #article {
	min-height: 400px
}

.formulaire-contact .stars {
	color: #e84a0c;
	font-weight: bold
}

.formulaire-contact label {
	font-size: 12px
}

.formulaire-contact .fieldset {
	margin-bottom: 5px
}

.formulaire-contact .champ-obligatoire {
	margin-top: -14px;
	float: right
}

.formulaire-contact .champ-obligatoire .texte {
	font-style: italic
}

.formulaire-contact #user-mail {
	width: 254px;
	border: 2px inset #eae8e4
}

.formulaire-contact #objet {
	width: 254px;
	border: 2px inset #eae8e4
}

.formulaire-contact #submit-button {
	float: right
}

.formulaire-contact #message {
	width: 385px;
	min-height: 85px;
	border: 2px inset #eae8e4
}

.formulaire-contact #phraseInformativeText {
	font-size: 9px
}

.formulaire-contact #textCode {
	position: relative;
	top: -33px
}

.formulaire-contact #textSecurity {
	position: relative;
	top: -33px;
	left: 205px;
	width: 230px
}

.formulaire-contact #textCaptcha {
	position: relative;
	top: -35px;
	left: -1px;
	border: 2px inset #eae8e4
}

.formulaire-contact #phraseInformativeText {
	position: relative;
	top: -35px
}

.formulaire-contact #erreurMail {
	margin: 0;
	position: relative;
	left: 20px;
	display: none;
	color: red
}

.formulaire-contact #erreurCaptcha {
	margin: 0;
	position: relative;
	display: none;
	width: 465px;
	top: -87px;
	left: 178px;
	color: red
}

.formulaire-contact #erreurMessage {
	margin: 0;
	position: relative;
	display: none;
	left: 20px;
	color: red
}

.formulaire-contact #messageErreur {
	display: none;
	text-align: center;
	padding: 24px 0 0 0;
	margin: 0 0 20px 0;
	height: 40px;
	width: 653px;
	border: 2px solid red;
	color: red;
	background-color: #ffd0bd
}

.formulaire-contact #messageSucces {
	display: none;
	text-align: center;
	padding: 24px 0 0 0;
	margin: 0 0 20px 0;
	height: 40px;
	width: 100%;
	background-color: #d0e09d;
	color: green;
	border: 2px solid green
}

.formulaire-contact input[type=text],.formulaire-contact textarea {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	outline: 0;
	padding: 3px 0 3px 3px;
	margin: 5px 1px 3px 0;
	border: 1px solid #ddd
}

.formulaire-contact input[type=text]:focus,.formulaire-contact textarea:focus,.formulaire-contact #objet:focus,.formulaire-contact #user-mail:focus,.formulaire-contact #message:focus,.formulaire-contact #textCaptcha:focus
	{
	border: 2px inset #ee860b
}

.faq #article {
	min-height: 500px
}

.faq #article h3 {
	cursor: pointer;
	padding-right: 30px;
	position: relative
}

.faq #article h3 .close,.faq #article h3 .open {
	display: block;
	width: 0;
	height: 0;
	float: right;
	border: 8px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.faq #article h3 .accordion-arrow {
	position: absolute;
	right: 20px;
	top: 5px
}

.faq #article h3 .close {
	border-left-color: #fff;
	margin-right: -14px;
	margin-top: 1px
}

.faq #article h3 .open {
	border-top-color: #fff;
	margin-right: -10px;
	margin-top: 5px
}

.faq #article .titre-question {
	margin-bottom: 0
}

.faq #article .reponse-question {
	padding-top: 17px;
	position: relative
}

.faq #article .reponse-question .bf-imprimer-bouton {
	right: 0;
	top: 13px;
	position: absolute
}

.bf-page-faq .contenu-ctx-vertical {
	margin-top: 0
}

.module:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

* html .module {
	height: 1%;
	overflow: visible
}

*+html .module {
	min-height: 1%
}

.breadCrumb {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	padding: 5px;
	padding-left: 0;
	text-align: left;
	font-family: Marianne, Arial, Helvetica, sans-serif
}

.breadCrumb ul {
	margin: 0;
	padding: 0;
	display: block;
	margin-left: 0
}

.breadCrumb ul li {
	display: block;
	float: left;
	position: relative;
	color: #909090;
	line-height: 21px;
	font-weight: normal;
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	font-size: 14px;
	background: url(../_images/fil-ariane-chevron.png) no-repeat 100% 7px
}

.breadCrumb ul li div.chevronOverlay {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.breadCrumb ul li span {
	display: block
}

.breadCrumb ul li .no-link {
	cursor: default;
	color: #3e3e3e
}

.breadCrumb ul li .no-link:hover {
	color: #3e3e3e
}

.breadCrumb ul li a {
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 21px;
	text-decoration: none;
	color: #3e3e3e;
	font-weight: normal;
	float: left
}

.breadCrumb ul li a:hover {
	text-decoration: none;
	color: #dd3c02
}

.breadCrumb ul li.last {
	background: 0;
	margin-right: 0;
	padding-right: 0
}

.chevronOverlay {
	display: none;
	background: url(../_images/fil-ariane-chevron.png) no-repeat 100% 7px;
	width: 13px;
	height: 20px
}

.last a {
	color: #909090
}

body .footer {
	background-color: #9b9b8f;
	text-align: left;
	padding: 0 0 5px 0;
	position: relative;
	margin-top : 42px;
}

body .footer ul {
	margin-left: 0
}

body .footer ul li {
	margin-left: 0
}

body .footer .bf-ombre {
	display: block;
	margin: 0 auto;
	margin-left: -15px;
	width: 980px
}

body .footer .menus-footer {
	margin-top: 24px;
	padding-left: 32px
}

body .footer .menus-footer div {
	background-image: url("../_images/sep_footer.png");
	background-position: right center;
	background-repeat: repeat-y;
	background-size: auto 250px;
	color: #fff;
	float: left;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 14px;
	padding-right: 22px;
	margin-left: 0;
	width: 207px
}

body .footer .menus-footer div ul {
	background: 0;
	padding-left: 0;
	margin-left: 0;
	min-height: 0
}

body .footer .menus-footer div h3 {
	color: #000;
	font-size: 18px;
	margin-bottom: 20px;
	margin-left: 0;
	margin-top: 0;
	background: 0;
	font-weight: normal;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}

body .footer .menus-footer div li {
	margin-left: 0;
	margin-bottom: 8px
}

body .footer .menus-footer div li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}

body .footer .menus-footer div li a:hover {
	color: #fff;
	text-decoration: underline
}

body .footer .menus-footer #footer-info {
	background: 0
}

body .footer .menus-footer #sites_gouv {
	background-image: url("../_images/sep_footer.png");
	background-position: left center;
	background-repeat: repeat-y;
	background-size: auto 250px;
	margin-bottom: 0;
	margin-left: -2px;
	padding-left: 16px
}

body .footer .menus-footer #sites_gouv h3 {
	margin-bottom: 10px
}

body .footer .menus-footer #sites_gouv li {
	margin-left: 0;
	height: 35px;
	margin-bottom: 0;
	background: url("../_images/gouv.png") 0 0 no-repeat;
	padding-left: 45px;
	margin-left: 5px
}

body .footer .menus-footer #sites_gouv a {
	line-height: 11px;
	display: block;
	padding-top: 10px
}

body .footer .menus-footer #sites_gouv .gouvernement {
	background-position: 0 0
}

body .footer .menus-footer #sites_gouv .legifrance {
	background-position: 0 -35px
}

body .footer .menus-footer #sites_gouv .service-public {
	background-position: 0 -70px
}

body .footer .menus-footer #sites_gouv .france {
	background-position: 0 -105px
}

body .footer .menus-footer #sites_gouv .securite-routiere {
	background-position: 0 -140px
}

body .footer .menus-footer #sites_gouv .meteo-france {
	background-position: 0 -175px
}

body .footer .menus-footer #sites_gouv .developpement-durable {
	background-position: 0 -210px
}

.footer-container .footer-bottom {
	text-align: center
}

.footer-container .footer-bottom #copyright {
	margin-top: 29px
}

.footer-container .footer-bottom .lien-mobile {
	color: white;
	font-weight: normal;
	font-style: italic
}

.footer-container .footer-bottom .lien-mobile:hover {
	color: #dd3c02
}

.footer-container .footer-bottom #iregie {
	display: block;
	margin-top: 30px
}

.footer-container .logo-mariane {
	text-align: center;
	margin-top: 20px
}

.footer-container .logo-mariane img {
	max-width: 500px
}

.degrade #copyright {
	text-align: center;
	float: none;
	position: relative;
	bottom: -6px;
	left: 0
}

body {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	min-width: 1024px
}

h1 {
	text-align: left;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #dd3c02;
	margin-bottom: 20px
}

.container {
	width: 1024px;
	margin: 0 auto
}


#bandeauCarousel{
	
	position: relative;
	height: 240px;
	overflow: hidden;
	display: block;		
	
}

.flexContainer {

	width: 1024px;
	height : 200px;
	margin: 0 auto;
	display : flex;
	align-items : stretch;
}
/* .container .bandeau-h{
	
	position: relative;
	height: 200px;
	overflow: hidden;
	display: block;	
}
 */
.full {
	width: 980px;
	margin: 0 auto 20px
}

.container-full {
	width: 953px;
	padding: 0 30px 0 41px;
	margin: 0 auto 20px
}

.clear {
	clear: both
}

.paddingtop40 {
	padding-top: 35px
}

.infos {
	color: #5a5b52;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal
}

.left {
	float: left
}

.hided {
	margin-top: 115px;
	display: none
}

.jspVerticalBar {
	width: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	margin-right: 1px
}

.jspTrack {
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important
}

.jspDrag {
	border-radius: 8px !important
}

.expand {
	color: #505050;
	cursor: pointer;
	text-align: left;
	position: absolute;
	background-color: white;
	width: 402px;
	margin-left: 486px;
	-moz-box-shadow: 0 0 10px 0 #807d7d;
	-webkit-box-shadow: 0 0 10px 0 #807d7d;
	-o-box-shadow: 0 0 10px 0 #807d7d;
	box-shadow: 0 0 10px 0 #807d7d;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#807d7d,
		Direction=NaN, Strength=10);
	padding-bottom: 20px;
	cursor: default;
	z-index: 3
}

.expand h1 {
	display: block;
	clear: both;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding: 20px;
	color: #505050;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 0
}

.expand p {
	font-size: 11px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 20px 20px 3px 20px
}

.expand .fermer {
	background-image: url(../_images/croix.png);
	width: 21px;
	height: 21px;
	position: absolute;
	top: 16px;
	cursor: pointer;
	right: 9px
}

.expand .arrow_left {
	background-image: url(../_images/fleche_gauche.png);
	width: 19px;
	height: 33px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: -19px
}

.cachee {
	display: none !important
}

.hide-untrad {
	display: none
}

#block-listinfo-head {
	position: relative;
	float: right;
	margin-bottom: -50px;
	height: 50px
}

.bf-accueil #block-listinfo-head {
	position: relative;
	margin-bottom: 10px;
	margin-left: 700px;
	height: auto;
	width: 600px
}

#block-info-trad,#block-info-refresh {
	display: none;
	position: relative;
	width: 210px;
	height: 25px;
	float: right;
	background-color: #ffeb00;
	background-image: -moz-linear-gradient(left, #ffb100, #ffeb00);
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffb100),
		to(#ffeb00));
	background-image: -webkit-linear-gradient(left, #ffb100, #ffeb00);
	background-image: -o-linear-gradient(left, #ffb100, #ffeb00);
	background-image: linear-gradient(to right, #ffb100, #ffeb00);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffb100',
		endColorstr='#ffffeb00', GradientType=1);
	text-align: left
}

#block-info-trad .arrow,#block-info-refresh .arrow {
	position: absolute;
	left: -20px;
	top: 3px;
	width: 0;
	height: 0;
	border: solid 10px transparent;
	border-right-color: #ffb100;
	z-index: 10
}

#block-info-trad .logo-notrad,#block-info-refresh .logo-notrad {
	float: left;
	width: 25px;
	height: 25px
}

#block-info-trad .text,#block-info-refresh .text {
	padding-top: 4px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	float: left;
	/**width: 200px**/
}

.header {
	background: -webkit-radial-gradient(#ebebeb 0, #fff 80%);
	background: -moz-radial-gradient(top right, #ebebeb 0, #fff 80%);
	background: -ms-radial-gradient(top right, #ebebeb 0, #fff 80%);
	background: -o-radial-gradient(top right, #ebebeb 0, #fff 80%);
	background: radial-gradient(circle at top right, #ebebeb 0, #fff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffebebeb', GradientType=1);
	height: auto;
	text-align: justify;
	width: 100%
}

.header .nav {
	float: left;
	/*margin: 20px 0 0 -5px;*/
	margin: 0 0 0 -5px;
	/*width: 810px;*/
	width: 100%;
	text-align: center
}

.header .nav .header-menu {
	margin: 0 auto;
	text-align: center;
	position: relative;
	width: auto
}

.header .nav .header-menu .rubrique-racine {
	/*width: 150px;*/
	width: 25%;
	height: 52px;
	display: inline-block;
	margin-left: -3px
}

.header .nav .header-menu .rubrique-racine a {
	/*width: 150px;*/
	width: 100%;
	background-image: url("../_images/big_separator.png");
	background-position: top right;
	background-repeat: no-repeat;
	color: #dd3c02;
	display: block;
	float: left;
	font-weight: normal;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 18px 0;
	text-decoration: none
}

.header .nav .header-menu .rubrique-racine a:hover,.header .nav .header-menu .rubrique-racine a:active
	{
	color: #3e3e3e;
	font-weight: bold
}

.header .nav .header-menu .rubrique-racine .sous-menu {
	/*margin: 0;*/
	margin-left:33px;
	clear: both;
	top: 50px;
	width: 186px;
	display: none;
	position: absolute;
	z-index: 20000;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3);
	background-color: #f4f5f2;
	background-image: -moz-linear-gradient(top, #fefffc, #e6e7e3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefffc),
		to(#e6e7e3));
	background-image: -webkit-linear-gradient(top, #fefffc, #e6e7e3);
	background-image: -o-linear-gradient(top, #fefffc, #e6e7e3);
	background-image: linear-gradient(to bottom, #fefffc, #e6e7e3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefffc',
		endColorstr='#ffe6e7e3', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#fefffc, endColorstr=#e6e7e3), progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3)
}
#logo_rubrique {
	float: left;
	vertical-align: middle;
	margin-left: 21px;
	margin-top: -12px;
}
.header .nav .header-menu .rubrique-racine .sous-menu li {
	margin-left: 0;
	padding: 8px 18px 0 18px;
	clear: both;
	width: 150px
}

.header .nav .header-menu .rubrique-racine .sous-menu li a {
	font-weight: normal;
	background: 0;
	padding: 0;
	color: #434343;
	text-align: left;
	font-size: 14px;
	margin: 0 0 10px 0
}

.header .nav .header-menu .rubrique-racine .sous-menu li a:hover,.header .nav .header-menu .rubrique-racine .sous-menu li a:active
	{
	color: #dd3c02
}

.header .nav .header-menu .rubrique-racine .sous-menu .actif {
	background: #fff
}

.header .nav .header-menu .rubrique-racine .sous-menu .actif a {
	font-weight: bold;
	color: #dd3c02
}

.header .nav .header-menu .rubrique-racine .sous-menu .arrow-menu {
	pointer-events: none;
	display: block;
	width: 0;
	height: 0;
	float: left;
	margin: -40px 0 0 35px;
	border: 16px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #fff;
	border-left-color: transparent
}

.header .nav .header-menu .actif {
	background: 0
}

.header .nav .header-menu .actif a {
	background-image: url("../_images/current_section.png");
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
	color: #3e3e3e
}

.header .nav .header-menu .rubrique-racine:hover .sous-menu,.header .nav .header-menu .sous-menu:hover .sous-menu,.header .nav .header-menu .rubrique-racine:focus .sous-menu,.header .nav .header-menu .sous-menu:focus .sous-menu
	{
	display: block
}

#logomilieu {
	/*! width: 413px; */
	width:33%;
	/*! height: 140px; */
	height: 128px;
	/*! height: 48px; */
	/*! float: left; */
	/*margin: 17px 0 0 0*/
	margin: 0 0 0 0
}
#logomilieu #logo_bison_fute {
	/*position: absolute;*/
	z-index: 10;
	text-align: center;
}

#logomilieu #logo_bison_fute img {
	max-width: 213px;
	max-height: 128px
}

#logo {
	width: 33%;
	/*height: 140px;*/
	/*height: 128px;*/
	height: 128px;
	float: left;
	/*margin: 17px 0 0 0*/
	margin: 0 0 0 0
}

#logo #logo_mariane {
	position: absolute;
	z-index: 100
}

#logo #logo_mariane img {
	max-width: 84px;
	max-height: 56px
}

#logo #logo_bison_fute {
	position: absolute;
	z-index: 10
}

#logo #logo_bison_fute img {
	max-width: 213px;
	max-height: 128px
}

.block_droite-logo {
	float: right;
	width:33%;
}

#block_droite {
	margin: 14px 28px 0 0;
	/*width:100%;*/
}

#langages {
	/*float: left;*/
	/*display: inline-block;*/
	list-style-type: none;
	/*margin: 2px 0 0 0;*/
	margin: 5px 0 0 0;
	vertical-align: middle;
	text-align: right;
	/*width: 440px*/
}

#langages li {
	/*margin: 0 10px 0 0;*/
	margin: 0 3px 0 0;
	display: inline-block
}

#langages li a {
	/*border-right: 1px solid #b5b5b5;*/
	color: #b5b5b5;
	display: block;
	float: right;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 15px;
	/*padding: 1px 7px 0 0;*/
	text-decoration: none;
	background-color: transparent
}

#langages li a:hover,#langages li a.actif {
	color: #737373;
	border-color: #737373
}

#langages li a:first-letter {
	text-transform: capitalize
}

#recherche {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	float: right
}

#recherche input {
	border: 1px solid #b0b0b0;
	border-radius: 8px 8px 8px 8px;
	color: #737373;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*height: 14px;*/
	height: 20px;
	/*margin: 0 0 0 12px;*/
	margin: 0 0 0 7px;
	padding: 2px 10px;
	/*width: 300px;*/
	width: 200px;
	box-sizing: content-box
}

#recherche input:focus {
	-moz-box-shadow: 0 0 1px 1px #ee860b;
	-webkit-box-shadow: 0 0 1px 1px #ee860b;
	box-shadow: 0 0 1px 1px #ee860b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3);
	border: 1px solid #dd3c02
}

#recherche textarea:focus,#recherche input:focus {
	outline: 0
}

#search-button {
	position: absolute;
	display: block;
	right: 5px;
	/*top: 2px;*/
	top: 5px;
	min-width: 18px;
	min-height: 18px;
	max-width: 20px;
	max-height: 20px;
	z-index: 100;
	background-repeat: no-repeat;
	background-image: url("../_images/loupe.png")
}

#search-button:hover {
	cursor: pointer;
	background-image: url("../_images/loupe_hover.png")
}

#green_number {
	float: right;
	margin-top: 7px;
	max-width: 250px;
	max-height: 38px
}

.rubrique-onglet #article .bf-menu-institutionel-niveau4 a {
	font-weight: normal;
	background: 0;
	padding: 0;
	color: #434343;
	text-align: left;
	font-size: 15px;
	margin: 0 0 10px 0
}

.rubrique-onglet #article .bf-menu-institutionel-niveau4 a:hover,.rubrique-onglet #article .bf-menu-institutionel-niveau4 a:active
	{
	color: #dd3c02;
	background-color: transparent
}

.rubrique-onglet #article .bf-menu-institutionel-niveau4 .actif {
	font-weight: bold;
	color: #dd3c02
}

.rubrique-onglet #article .spip_documents img {
	max-width: 637px
}

.bf-page-rubrique .container-full #rubrique-onglet .ombre-background-left
	{
	height: 90%;
	margin-top: 25px
}

.bf-page-rubrique .container-full #rubrique-onglet .ombre-background-right
	{
	height: 84%;
	margin-top: 64px
}

.bf-page-rubrique .container-full #onglets ul .onglet {
	padding: 0 20px 10px 20px;
	margin-right: -3px;
	line-height: 14px;
	text-align: center;
	vertical-align: bottom;
}

.bf-page-rubrique .container-full #onglets ul .onglet a {
	height: 20px;
	position: relative
}

.bf-page-rubrique .container-full #onglets ul .onglet.sousonglet a {
	height: 20px;
	position: relative;
	font-size: 13px;
	font-style: italic;
}

.bf-page-rubrique .container-full #onglets ul .onglet.sousonglet {
	height: 25px;
	line-height: 10px;
}
.bf-page-rubrique .container-full #onglets ul .onglet.sousonglet.actif {
	height: 30px;
	line-height: 4px;
}

.bf-page-rubrique .container-full #onglets ul .onglet.sousonglet.actif a {
	font-size: 16px;
}

#carte {
	width: 512px;
	height: 512px;
	position: relative !important;
	z-index: 0
}

#OpenLayers.Map_20_OpenLayers_ViewPort {
	z-index: 0
}

#map {
	width: 100%;
	height: 100%
}

#commande {
	position: relative;
	padding-top: 8px;
	margin-top: -512px
}

#commande img {
	float: right;
	cursor: pointer
}

#commande .extend-map {
	display: none
}

#commande .reduce-map {
	display: block
}

.bf-page-rubrique .legende {
	/*position: absolute;*/
	position:relative;
	/*bottom: 0;*/
	/*top:0;*/
	top:-53px;
	right: 0;
	float: right
}

.bf-page-rubrique .legende .VH {
	background-image: url("../_images/fond_legende_vh.png");
	color: white;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 19px;
	padding-top: 21px;
	width: 202px;
	z-index: 100;
	cursor: pointer;
	position: relative; 
	margin-bottom: 0
}

.boutonLegendeVH {
	top:-555px !important;
}

.bf-page-rubrique .legende p {
	background-image: url("../_images/fond_legende.png");
	color: white;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 19px;
	padding-top: 21px;
	width: 201px;
	z-index: 100;
	cursor: pointer;
	position: relative;
	margin-bottom: 0
}

.bf-page-rubrique .legende br {
	clear: both
}

.bf-page-rubrique .legende .block_legende .contenu {
	text-align: left;
	font-weight: normal;
	line-height: 15px;
	margin-top: 2px;
	padding:0px 0px 0px 3px
	
}

.bf-page-rubrique .legende .block_legende .contenu div {
	clear: both
}

.bf-page-rubrique .legende .block_legende .contenu img {
	max-width: 18px;
	max-height: 55px; /* 55px au lieu de 18px pour icones 3 flocons verticaux */
	padding-right: 0;
	/*margin-top:-4px;*/
	margin-top:-7px;
}

span.ligneSelectionnee {
	opacity:1 !important;
}

span.ligneSelectionnee span{
	opacity:1 !important;
}

.bf-page-rubrique .legendeFullScreen {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2000;
	float: right
}

.bf-page-rubrique .legendeFullScreen .VH {
	background-image: url("../_images/fond_legende_vh.png");
	color: white;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 19px;
	padding-top: 21px;
	width: 200px;
	z-index: 100;
	cursor: pointer;
	position: relative;
	margin-bottom: 0
}

.bf-page-rubrique .legendeFullScreen p {
	background-image: url("../_images/fond_legende.png");
	color: white;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 19px;
	padding-top: 21px;
	width: 200px;
	z-index: 100;
	cursor: pointer;
	position: relative;
	margin-bottom: 0
}

.bf-page-rubrique .legendeFullScreen br {
	clear: both
}

.bf-page-rubrique .legendeFullScreen .block_legende .contenu {
	text-align: left;
	font-weight: normal;
	line-height: 15px;
	margin-top: 2px;
	padding: 0px 0px 0px 3px
}

.bf-page-rubrique .legendeFullScreen .block_legende .contenu div {
	clear: both
}

.bf-page-rubrique .legendeFullScreen .block_legende .contenu img {
	max-width: 18px;
	max-height: 55px; /* 55px au lieu de 18px pour icones 3 flocons verticaux */
	padding-right: 0;
	margin-top:-7px;
}

.legende_content {
	bottom: 0;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*position: absolute;*/
	right: 0;
	width: 202px;
	background-color: white;
	text-align: left;
	color: #434343;
	z-index: 12;
	margin-bottom: 27px;
	max-height: 310px;
	overflow-y: auto;
	border-radius: 20px;
	margin-right: 20px;
	display:none;
}

.legende_content label {
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold
}

.legende_content .block_legende {
	clear: both;
	background-color: #f8f9f7;
	background-image: -moz-linear-gradient(top, #eeefea, #fff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefea),
		to(#fff));
	background-image: -webkit-linear-gradient(top, #eeefea, #fff);
	background-image: -o-linear-gradient(top, #eeefea, #fff);
	background-image: linear-gradient(to bottom, #eeefea, #fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeefea',
		endColorstr='#ffffffff', GradientType=0);
	padding: 5px;
	padding-bottom: 5px
}

.legende_content .block_legende .ui-icon.ui-icon-arrowthick-2-n-s{
	cursor: pointer;
	cursor: hand;
	float: right
}

.legende_content .block_legende .etat span {
	padding-top: 0;
	height: 5px;
	margin-top: 0;
	margin-bottom: 0
}

.legende_content .block_legende .etat span img,.legende_content .block_legende .vh span img{
	max-width: 18px;
	max-height: 6px;
	padding-right: 0;
	padding-bottom: 3px
}

.legende_content .block_legende .event span {
	padding-top: 3px;
	/*height: 5px;*/
	margin-top: 0;
	margin-bottom: 0;
	width:100%;
}

.legende_content .block_legende .event,.legende_content .block_legende .accesAuxCartes,.legende_content .block_legende .accesAuxCartesVH{
	position:relative
}

.legende_content .block_legende .eventInput,.legende_content .block_legende .accesInput, .legende_content .block_legende .infraInput {
	margin-top:5px;
	position:absolute;
	left:0px;
	vertical-align:middle;
	display:none;
}
 
.eventLigne {
	height:20px;
	display:none;
}

.legende_content .block_legende .accesAuxCartes, .legende_content .block_legende .infrastructure{
	position:relative
}

.legende_content .block_legende .eventCamerasTrafic, .legende_content .block_legende .eventCamerasVH{
	position:relative;
	padding-top: 5px;
}

.legende_content .block_legende .camerasInput {
	margin-top:5px;
	position:absolute;
	left:0px;
	vertical-align:middle;
	display:none;
}

.legende_content .block_legende .accesAuxCartes span {
	/*margin-top:4px*/
	margin-top:9px;
	height:30px;
}

.legende_content .block_legende .accesAuxCartesVH span {
	margin-top:5px;
}

.legende_content .block_legende .eventCamerasTrafic span, .legende_content .block_legende .eventCamerasVH span {
	margin-top:3px;
}

.legende_content .block_legende span {
	/*padding-left: 10px;*/
	margin-top: 0px;
	display: block;
	min-width: 10px;
	min-height: 6px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: 4px 3px;
	/*float: left;*/
	/*margin-left: 12px*/
	cursor:pointer;
	opacity:0.5;
}


.bf-page-rubrique .communiques {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	    z-index: 2000;
}

.bf-page-rubrique .communiques .titreCommunique {
	background-image: url("../_images/fond_communiques.png");
	color: white;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-top: 21px;
	width: 500px;
	z-index: 100;
	cursor: pointer;
	position: relative;
	margin-bottom: 0
}

.bf-page-rubrique .communiques .titreCommuniqueVH {
	background-image: url("../_images/fond_communiquesVH.png");
	color: white;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-top: 21px;
	width: 500px;
	z-index: 100;
	cursor: pointer;
	position: relative;
	margin-bottom: 0
}

.alerte-title-text{
	overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
	white-space: nowrap;
	height:100%;
	width:95%;
	text-align:center;
	margin-left:4px;
}

.bf-page-rubrique .communiques #nbCommuniquesVH,
.bf-page-rubrique .communiques #nbCommuniquesVH_fullscreen {
	position: relative;
	float: right;
	background-image: url("../_images/rondVH.png");
	background-repeat: no-repeat;
	text-align: center;
	left: 7px;
	top: -11px;
	width: 21px;
	height: 20px;
	line-height: 20px
}

.bf-page-rubrique .communiques #nbCommuniques {
	position: relative;
	float: right;
	background-image: url("../_images/rond.png");
	background-repeat: no-repeat;
	text-align: center;
	left: 7px;
	top: -11px;
	width: 21px;
	height: 20px;
	line-height: 20px
}

.bf-page-rubrique .communiques br {
	clear: both
}

.bf-page-rubrique .communiques .block_communique {
	text-align: left;
	font-weight: normal;
	line-height: 18px;
	margin-top: 5px;
	padding: 3px 10px 3px 10px
}

.communiques_content .block_communique {
	clear: both;
	background-color: white;
	padding: 5px;
	padding-bottom: 15px
}

.communiques_content {
	display: none;
	bottom: 0;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	right: 0;
	width: 500px;
	height: 495px;
	background-color: white;
	text-align: left;
	color: #434343;
	/* 	z-index: 1; */
	padding-bottom: 20px
}

.communiques_content label {
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold
}

#carte .alerte {
	background-color: #e3e4dd;
	border-bottom: 1px solid #afafaf;
	color: #505050;
	cursor: pointer;
	height: 23px;
	padding: 7px 7px 10px 22px;
	text-align: left
}

#carte .alerte .jaune {
	background-image: url("../_images/degrade_orange.png");
	background-repeat: no-repeat
}

#carte .alerte .bleue {
	background-image: url("../_images/degrade_bleu.png");
	background-repeat: no-repeat
}

#carte div.alerte:hover {
	background-color: #b9b9b7
}

#carte div.infos:hover {
	background-color: #e3e4dd
}

#carte .alerte span,#carte .infos span {
	background-image: url("../_images/puce_orange.png");
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 10px;
	margin-top: -16px;
	padding-right: 10px;
	width: 4px
}

#carte .alerte h4,#carte .infos h4 {
	font-size: 12px;
	font-weight: bold
}

#carte .alerte p,#carte .infos p {
	font-size: 11px
}

#carte .region_info_fullscreen .ombre,
#carte .region_info .ombre {

}

#carte .infos {
	border-bottom: 1px solid #afafaf;
	color: #505050;
	cursor: pointer;
	height: 23px;
	padding: 7px 7px 10px 22px;
	text-align: left;
	position: relative
}

#carte .infos .icones {
	position: absolute;
	right: 40px;
	top: 14px
}

#popupmap-plein-ecran {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 10000;
	background-color: #787870;
	background-image: -moz-linear-gradient(top, #9f9f92, #3e3e3e);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9f9f92),
		to(#3e3e3e));
	background-image: -webkit-linear-gradient(top, #9f9f92, #3e3e3e);
	background-image: -o-linear-gradient(top, #9f9f92, #3e3e3e);
	background-image: linear-gradient(to bottom, #9f9f92, #3e3e3e);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9f9f92',
		endColorstr='#ff3e3e3e', GradientType=0)
}

#popupmap-plein-ecran .map-container {
	width: 1024px;
	height: 720px;
	margin: 100px auto;
	position: relative;
	text-align: center
}

#popupmap-plein-ecran .mapcontent {
	width: 1024px;
	height: 720px;
	background-color: #fff;
	position: relative
}

#close-fullmap {
	position: relative;
	top: -13px;
	right: -13px;
	width: 26px;
	height: 26px;
	float: right;
	background-repeat: no-repeat;
	background-image: url("../_images/fermer.png");
	outline: 0;
	z-index: 1
}

#close-fullmap:hover {
	background-image: url("../_images/fermer_hover.png");
	cursor: pointer
}

#close-fullmap:active {
	background-image: url("../_images/fermer_active.png")
}

#article .plansite {
	width: 100%
}

#article .plansite ul {
	padding-left: 13px;
	margin-left: 0;
	padding-bottom: 0;
	margin-bottom: 0
}

#article .plansite ul li {
	list-style-type: none
}

#article .plansite h2 {
	margin: 15px 0 10px 0;
	padding-left: 20px
}

#article .plansite h2 a {
	font-size: 13px;
	font-weight: bold;
	color: #fff
}

#article .plansite h2 a:hover {
	color: #fff
}

#article .plansite h2:first-child {
	margin: 0 0 10px 0
}

#article .plansite .colonne-gauche {
	float: left
}

#article .plansite a:hover,#article .plansite a:active {
	color: #dd3c02
}

#article .plansite .colonne-droite {
	float: right
}

#article .plansite #spacer {
	clear: both;
	height: 1px
}

#article .plansite .colonne-droite,#article .plansite .colonne-gauche {
	width: 49%;
	display: block
}

#article .plansite .colonne-droite a,#article .plansite .colonne-gauche a
	{
	color: black;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none
}

#article .plansite .colonne-droite a:hover,#article .plansite .colonne-gauche a:hover,#article .plansite .colonne-droite a:active,#article .plansite .colonne-gauche a:active
	{
	color: #dd3c02
}

#article .plansite .colonne-droite li,#article .plansite .colonne-gauche li
	{
	margin-bottom: 5px
}

#article .plansite .colonne-droite h3,#article .plansite .colonne-gauche h3
	{
	background-color: #838377;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding: 5px 5px 5px 20px;
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 10px;
	font-family: Marianne, Arial, Helvetica, sans-serif
}

.page-recherche #autre-date .bloc-search {
	text-align: left
}

.page-recherche #autre-date .bloc-search .header-search {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	min-height: 30px
}

.page-recherche .article-liste {
	width: auto;
	margin-right: 19px
}

.page-recherche #search-input {
	margin-left: 20px;
	margin-right: 20px;
	width: 300px;
	border: 2px inset #eae8e4
}

.page-recherche #rubrique-onglet-trafic .ombre-background-right {
	height: 100%;
	margin-top: 0;
	width: 15px
}

.page-recherche input[type=text],.page-recherche textarea {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	outline: 0;
	padding: 3px 15px 3px 15px;
	border: 1px solid #ddd
}

.page-recherche input[type=text]:focus,.page-recherche textarea:focus,.page-recherche #search-input:focus
	{
	border: 2px inset #ee860b
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,.footer,.header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

br {
	margin-bottom: 5px
}

strong,b {
	font-weight: bold
}

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

body {
	line-height: 1
}

blockquote,q {
	quotes: none
}

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

table {
	border-collapse: collapse;
	border-spacing: 0
}

i {
	font-style: italic
}

.bf-page-rubrique #rubrique {
	position: relative;
	text-align: left;
	background-color: #f9f9f7;
	margin: 0 0 10px 0
}

.bf-page-rubrique #rubrique .conteneur {
	padding: 0 0 21px 0
}

.bf-page-rubrique #rubrique .titre-niveau-2 {
	background-color: #096789;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding: 5px 5px 5px 13px;
	margin: 10px 0;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}

.bf-page-rubrique #rubrique .titre-niveau-2 a {
	text-decoration: none;
	color: #fff
}

.bf-page-rubrique #rubrique .bandeau-top {
	margin: 0;
	color: #fff;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #055773;
	background-image: -moz-linear-gradient(top, #024c65, #096789);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#024c65),
		to(#096789));
	background-image: -webkit-linear-gradient(top, #024c65, #096789);
	background-image: -o-linear-gradient(top, #024c65, #096789);
	background-image: linear-gradient(to bottom, #024c65, #096789);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff024c65',
		endColorstr='#ff096789', GradientType=0);
	font-size: 16px;
	padding: 5px 5px 5px 40px
}

.bf-page-rubrique #rubrique .titre-niveau-3 {
	font-size: .9em;
	font-size: 14px;
	color: #096789;
	font-weight: bold;
	text-decoration: none;
	font-family: Marianne, Arial, Helvetica, sans-serif
}

.bf-page-rubrique #rubrique .contenu {
	width: 100%;
	font-size: 1em
}

.bf-page-rubrique #rubrique .sous-titre {
	color: black;
	font-weight: bold;
	text-decoration: none;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}

.bf-page-rubrique #rubrique .sous-titre a {
	text-decoration: none;
	color: #000
}

.span1-menuderoulant {
	margin: 0 0 20px 0;
	z-index: 100
}

.span6-menuderoulant {
	min-height: 750px;
	z-index: 10;
	background-color: #f9f9f7;
	position: relative
}
.span-menuHarmonisation {
	min-height: 750px;
	z-index: 10;
	background-color: #f9f9f7;
	position: relative
}

/**
*vh: taille article france
*/
#bf-body-vh .span6-menuderoulant {
	min-height: 100px;
}
/**
*vh: taille article france
*/
#bf-body-vh .span-menuHarmonisation {
	min-height: 600px;
}
/**
*vh: taille carte france
*/
#bf-body-vh .bloc-trafic {
	height: 530px;
}

#bf-body-travaux .span6-menuderoulant {
	min-height: 100px;
}
/**
*vh: taille article france
*/
#bf-body-travaux .span-menuHarmonisation {
	min-height: 600px;
}
/**
*vh: taille carte france
*/
#bf-body-travaux .bloc-trafic {
	height: 530px;
}

.span6-menuderoulant p {
	font-family: Marianne, Arial, Helvetica, sans-serif
}
.span-menuHarmonisation p {
	font-family: Marianne, Arial, Helvetica, sans-serif
}
.rubrique-deroulant .span7 {
	width: 695px;
	float: left;
	margin-top: 25px
}
.rubrique-deroulant .span5 {
	width: 695px;
	float: left;
}
.rubrique-deroulant .titre-niveau-1 {
	padding-bottom: 0
}

.rubrique-deroulant #rubrique {
	margin: 0
}

.rubrique-deroulant #rubrique iframe,.rubrique-deroulant #rubrique object
	{
	max-width: 467px
}

.rubrique-deroulant .container-full {
	margin: 0 auto 0
}

.span8-menuderoulant {
	min-height: 750px;
	z-index: 10;
	background-color: #f9f9f7;
	width: 760px;
	float: left;
	position: relative
}

.span8-menuderoulant .article-liste {
	width: auto;
	margin-right: 20px
}

.ombre-fiche-left {
	position: absolute;
	left: 0;
	width: 18px;
	height: 100%
}

.span3-contextuel {
	margin: 0 0 0 15px
}

.rubrique-deroulant #article {
	background-color: transparent;
	padding-bottom: 10px
}

.rubrique-deroulant #rubrique {
	background-color: #efeee9
}

.rubrique-deroulant #rubrique .contenu-article img {
	max-width: 470px
}

.menu-deroulant {
	display: block;
	background-color: #e9eae7;
	height: 100%;
	margin: 0
}

.menu-deroulant li {
	margin: 0;
	position: relative
}

.menu-deroulant li img {
	float: right;
	margin: 14px 3px 0 0
}

.menu-deroulant a {
	text-decoration: none;
	color: black;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	display: block;
	position: relative
}

.menu-deroulant .menu-rubrique {
	background-color: #fbfbfb;
	background-image: -moz-linear-gradient(top, #fff, #f6f6f4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#f6f6f4));
	background-image: -webkit-linear-gradient(top, #fff, #f6f6f4);
	background-image: -o-linear-gradient(top, #fff, #f6f6f4);
	background-image: linear-gradient(to bottom, #fff, #f6f6f4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#fff6f6f4', GradientType=0);
	color: #dd3c02;
	font-size: 14px;
	font-family: Marianne, "Trebuchet MS";
	font-weight: bold;
	padding: 14px 19px 14px 14px
}

.menu-deroulant .close,.menu-deroulant .open {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 44%;
	border: 5px solid #dd3c02;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.menu-deroulant .close {
	border-left-color: #dd3c02;
	right: 3px
}

.menu-deroulant .open {
	border-top-color: #dd3c02;
	right: 5px;
	top: 45%
}

.menu-deroulant .arrow {
	display: none;
	z-index: 15
}

.menu-deroulant .actif {
	color: #3e3e3e;
	background-color: #abab9f;
	background-image: -moz-linear-gradient(left, #eaeae4, #abab9f);
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#eaeae4),
		to(#abab9f));
	background-image: -webkit-linear-gradient(left, #eaeae4, #abab9f);
	background-image: -o-linear-gradient(left, #eaeae4, #abab9f);
	background-image: linear-gradient(to right, #eaeae4, #abab9f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaeae4',
		endColorstr='#ffabab9f', GradientType=1);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3)
}

.menu-deroulant .actif .arrow {
	display: block;
	width: 0;
	height: 0;
	top: 20%;
	right: -30px;
	position: absolute;
	border: 15px solid #abab9f;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent
}

.menu-deroulant .actif .close {
	border-left-color: #3e3e3e;
	border-top-color: transparent
}

.menu-deroulant .actif .open {
	border-left-color: transparent;
	border-top-color: #3e3e3e
}

.menu-deroulant .little-arrow-down,.menu-deroulant .little-arrow-right {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	margin: -10px 0 0 155px;
	border: 5px solid #dd3c02;
	border-top-color: #dd3c02;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.menu-deroulant .little-arrow-right {
	margin: -15px 0 0 158px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #dd3c02
}

.menu-deroulant .arrow {
	display: none
}

.menu-deroulant .sous-menu {
	color: #3e3e3e;
	background-color: #e9eae7;
	font-size: 12px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	padding: 0 0 0 16px;
	margin: 5px 10px 10px 5px;
	display: block
}

.menu-deroulant .sous-menu a {
	font-weight: normal
}

.menu-deroulant .sous-menu a:hover,.menu-deroulant .sous-menu .menu-sous-rubrique:hover
	{
	color: #dd3c02
}

.menu-deroulant .sous-menu .actif {
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3)
}

.menu-deroulant .sous-menu .actif a {
	font-weight: bold;
	background: 0;
	background-color: #e9eae7
}

.menu-deroulant .sous-menu .actif ul {
	background-color: #e9eae7
}

.menu-deroulant .sous-menu .actif ul li {
	background-color: #e9eae7
}

.menu-deroulant .sous-menu .actif ul li a {
	font-weight: normal;
	background: 0
}

.menu-deroulant .sous-menu .actif ul .actif {
	background: 0;
	background-color: #e9eae7
}

.menu-deroulant .sous-menu .actif ul .actif a {
	font-weight: bold;
	background: 0
}

.menu-deroulant .sous-menu a {
	line-height: 20px;
	margin: 0 0 10px 0
}

.menu-deroulant .sous-menu .menu-sous-rubrique .close {
	margin: 3px 0 0 0
}

.menu-deroulant .sous-menu .menu-sous-rubrique .open {
	margin: 5px 4px 0 0
}

.menu-deroulant .sous-menu ul {
	padding: 0 0 0 10px
}

.menu-deroulant .toggleSubMenu .scroll {
	max-height: 350px;
	overflow-y: auto;
	background-color: #e0e1dd;
	-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3)
}

.menu-deroulant .toggleSubMenu .scroll a {
	background-color: #e0e1dd
}

h1 {
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 25px;
	line-height: 27px;
	color: #096789;
	background-color: #f9f9f7;
	display: block;
	width: 100%;
	margin: 0 0 15px 0
}

h1 span {
	font-size: 24px;
	color: #3e3e3e
}

h2 {
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 17px;
	color: #fff;
	padding: 5px 10px 5px 10px;
	background-color: #096789;
	display: block;
	margin: 20px 0 15px 0
}

h3 {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	color: #096789;
	margin: 15px 0 5px 0;
	background: 0;
	display: block
}

h4 {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	color: grey;
	background-color: transparent;
	background: 0;
	margin: 15px 0 5px 0;
	display: block
}

p {
	margin-bottom: 10px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	font-size: 12px;
	color: #3e3e3e
}

body {
	margin-left: 0;
	margin-bottom: 0;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	font-size: 12px;
	color: #3e3e3e;
	background-color: #fff
}

ul,ol {
	margin-left: 19px;
	list-style: none
}

ul li,ol li {
	margin-left: 19px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	font-size: 12px;
	color: #3e3e3e
}

#article ul {
	list-style-type: square;
	margin-bottom: 10px
}

#article ul ul {
	list-style-type: circle
}

#article ul ol {
	list-style-type: decimal
}

#article ol {
	list-style-type: decimal
}

#article ol ul {
	list-style-type: circle
}

#article ol ol {
	list-style-type: decimal
}

#article li {
	color: #096789
}

#article blockquote.spip {
	margin: 2em 0;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px dotted #aaa
}

#article blockquote.spip_poesie {
	margin: 2em 0;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #aaa
}

#article blockquote.spip_poesie div {
	text-indent: -3em;
	margin-left: 3em
}

#article .spip_code,#article .spip_cadre {
	font-family: Marianne, Courier, "Courier New", monospace;
	color: #036
}

#article .spip_cadre {
	width: 99%;
	background-color: #f4f8f8;
	border: 1px inset;
	font-size: inherit
}

#article div.spip_code,#article .spip_cadre {
	margin-bottom: 1em
}

#article .spip_surligne {
	background: #FF6
}

#article table.spip {
	font-size: 1em;
	border: 1px solid #6c96c6;
	border-collapse: collapse;
	margin-bottom: 1em
}

#article table.spip tr.row_first {
	background-color: #eee
}

#article table.spip td {
	padding: 1px 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #6c96c6
}

#article table.spip th {
	padding: 1px 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #6c96c6
}

#article hr {
	clear: both
}

#article h3 {
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 17px;
	color: #fff;
	padding: 5px 10px 5px 10px;
	background-color: #096789;
	display: block;
	margin: 20px 0 15px 0
}

#article h4 {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	color: #096789;
	margin: 15px 0 5px 0;
	background: 0;
	display: block
}

#article h5 {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	color: grey;
	background-color: transparent;
	background: 0;
	margin: 15px 0 5px 0;
	display: block
}

#article img,#article .spip_logos {
	margin: 0;
	padding: 0;
	border: 0
}

#article .spip_documents {
	text-align: center;
	line-height: normal
}

#article .spip_documents p {
	margin: .10em;
	padding: 0
}

#article .spip_documents_center {
	display: block;
	clear: both;
	width: 100%;
	margin: 1em auto
}

#article .spip_documents_left {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px
}

#article .spip_documents_right {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px
}

#article .spip_doc_titre {
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	font-size: .90em
}

#article .spip_doc_descriptif {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: .90em
}

.puce {
	color: #096789;
	font-weight: bold
}

a,.spip_mail {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #dd3c02;
	text-decoration: none
}

a:hover,.spip_mail:hover {
	cursor: pointer;
	text-decoration: underline
}

a:active,.spip_mail:active {
	color: #ee860b
}

button,.button {
	padding: 3px 23px;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	border: 0;
	font-weight: normal;
	background-color: #c13501;
	background-image: -moz-linear-gradient(top, #dd3c02, #982b00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd3c02),
		to(#982b00));
	background-image: -webkit-linear-gradient(top, #dd3c02, #982b00);
	background-image: -o-linear-gradient(top, #dd3c02, #982b00);
	background-image: linear-gradient(to bottom, #dd3c02, #982b00);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd3c02',
		endColorstr='#ff982b00', GradientType=0)
}

button:hover,.button:hover {
	background-color: #b43201;
	background-image: -moz-linear-gradient(top, #982b00, #dd3c02);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#982b00),
		to(#dd3c02));
	background-image: -webkit-linear-gradient(top, #982b00, #dd3c02);
	background-image: -o-linear-gradient(top, #982b00, #dd3c02);
	background-image: linear-gradient(to bottom, #982b00, #dd3c02);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff982b00',
		endColorstr='#ffdd3c02', GradientType=0);
	text-decoration: none;
	color: #fff;
	cursor: pointer
}

button:active,.button:active {
	background-color: #cccbc3;
	background-image: -moz-linear-gradient(top, #eae8e4, #9f9f92);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eae8e4),
		to(#9f9f92));
	background-image: -webkit-linear-gradient(top, #eae8e4, #9f9f92);
	background-image: -o-linear-gradient(top, #eae8e4, #9f9f92);
	background-image: linear-gradient(to bottom, #eae8e4, #9f9f92);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeae8e4',
		endColorstr='#ff9f9f92', GradientType=0);
	color: #fff
}

input[type=text],textarea,select {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	outline: 0;
	padding: 3px 0 3px 3px;
	margin: 5px 1px 3px 0;
	border: 2px inset #eae8e4
}

input[type=text]:focus,textarea:focus,#objet:focus,#user-mail:focus,#message:focus,#textCaptcha:focus,select:focus
	{
	border: 2px inset #ee860b
}

.spip_documents {
	margin: 10px;
	width: auto !important;
	height: auto !important;
	display: inline-block
}

.spip_documents img {
	width: auto !important;
	height: auto !important
}

.spip_documents_left img {
	padding-right: 25px
}

em {
	font-style: italic
}

#rubrique-onglet,#rubrique-onglet-trafic {
	position: relative;
	width: 695px;
	float: left
}

#rubrique-onglet .ombre-background-left,#rubrique-onglet-trafic .ombre-background-left
	{
	height: 100%;
	width: 15px
}

#rubrique-onglet .ombre-background-right,#rubrique-onglet-trafic .ombre-background-right
	{
	height: 100%;
	margin-top: 40px;
	width: 15px
}

.imgFermer {
	margin-top: 10px;
	float: right;
	margin-right: 5px;
	background-image: url(../_images/fermer.png);
	background-repeat: no-repeat
}

.imgFermer:hover {
	background-image: url(../_images/fermer_hover.png)
}

.imgFermer:active {
	background-image: url(../_images/fermer_active.png)
}

#rubrique-onglet-trafic {
	width: 980px
}

#rubrique-onglet-trafic .service{
	background: #d2d4cd;
    background: -moz-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d4cd), color-stop(10%, #f9f9f7));
    background: -webkit-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
    background: -o-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
    background: -ms-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
    background: linear-gradient(to bottom, #d2d4cd 0, #f9f9f7 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2d4cd', endColorstr='#fff9f9f7', GradientType=0);
}


.full #onglets ul .onglet {
	padding: 0 26px 10px 26px;
	margin-right: -3px;
	line-height: 14px;
	text-align: center;
	vertical-align: bottom
}

.full #onglets ul .onglet a {
	height: 20px;
	position: relative
}

.rubrique-base {
	min-height: 700px
}

#liste_lien_utile {
	margin-top: 5px;
	float: left
}

#liste_lien_utile a {
	padding: 0 10px 0 10px
}

.bf-page-rubrique ul {
	margin-left: 0
}

.bf-page-rubrique ul li {
	margin-left: 0
}

.bf-page-rubrique .contenu-article ul {
	margin-left: 19px
}

.bf-page-rubrique #onglets {
	width: 100%;
	padding-bottom: 0
}

.bf-page-rubrique #onglets ul {
	margin: 0;
	text-align: left
}

.bf-page-rubrique #onglets ul li {
	position: relative;
	width: auto;
	display: inline-block;
	max-width: 200px;
	height: 31px;
	text-align: center;
	background-color: #fbfbfa;
	background-image: -moz-linear-gradient(left, #f1f2f0, #fbfbfa);
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f1f2f0),
		to(#fbfbfa));
	background-image: -webkit-linear-gradient(left, #f1f2f0, #fbfbfa);
	background-image: -o-linear-gradient(left, #f1f2f0, #fbfbfa);
	background-image: linear-gradient(to right, #f1f2f0, #fbfbfa);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f2f0',
		endColorstr='#fffbfbfa', GradientType=1)
}

.bf-page-rubrique #onglets ul li a {
	color: #686868;
	font-weight: normal;
	padding-top: 12px;
	text-decoration: none;
	z-index: 1;
	background-repeat: no-repeat;
	display: block;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center
}

.bf-page-rubrique #onglets ul li .ombre-onglet {
	margin-right: -9px;
	z-index: 10;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 9px
}

.bf-page-rubrique #onglets ul li .ombre-onglet-gauche {
	margin-left: -9px;
	z-index: 100;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 9px
}

.bf-page-rubrique #onglets ul li:hover {
	background-color: #d2d4cd;
	background-image: -moz-linear-gradient(top, #d2d4cd, #d2d4cd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d2d4cd),
		to(#d2d4cd));
	background-image: -webkit-linear-gradient(top, #d2d4cd, #d2d4cd);
	background-image: -o-linear-gradient(top, #d2d4cd, #d2d4cd);
	background-image: linear-gradient(to bottom, #d2d4cd, #d2d4cd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2d4cd',
		endColorstr='#ffd2d4cd', GradientType=0);
	color: #3e3e3e
}

.bf-page-rubrique #onglets ul li.actif {
	z-index: 11;
	max-width: 220px;
	height: 40px;
	background-color: #d2d4cd;
	background-image: -moz-linear-gradient(top, #d2d4cd, #d2d4cd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d2d4cd),
		to(#d2d4cd));
	background-image: -webkit-linear-gradient(top, #d2d4cd, #d2d4cd);
	background-image: -o-linear-gradient(top, #d2d4cd, #d2d4cd);
	background-image: linear-gradient(to bottom, #d2d4cd, #d2d4cd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2d4cd',
		endColorstr='#ffd2d4cd', GradientType=0)
}

.bf-page-rubrique #onglets ul li.actif a {
	font-size: 18px;
	font-weight: normal;
	padding-top: 18px;
	color: #3e3e3e
}
.bf-page-rubrique #onglets ul .onglet .sous-menu {
	margin: 0;
	clear: both;
	top: 40px;
	width: 186px;
	display: none;
	position: absolute;
	z-index: 20000;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3);
	background-color: #f4f5f2;
	background-image: -moz-linear-gradient(top, #fefffc, #e6e7e3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefffc),
		to(#e6e7e3));
	background-image: -webkit-linear-gradient(top, #fefffc, #e6e7e3);
	background-image: -o-linear-gradient(top, #fefffc, #e6e7e3);
	background-image: linear-gradient(to bottom, #fefffc, #e6e7e3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefffc',
		endColorstr='#ffe6e7e3', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#fefffc, endColorstr=#e6e7e3), progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3)
}
.bf-page-rubrique #onglets ul .actif .sous-menu {
	margin: 0;
	clear: both;
	top: 50px;
	width: 186px;
	display: none;
	position: absolute;
	z-index: 20000;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3);
	background-color: #f4f5f2;
	background-image: -moz-linear-gradient(top, #fefffc, #e6e7e3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefffc),
		to(#e6e7e3));
	background-image: -webkit-linear-gradient(top, #fefffc, #e6e7e3);
	background-image: -o-linear-gradient(top, #fefffc, #e6e7e3);
	background-image: linear-gradient(to bottom, #fefffc, #e6e7e3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefffc',
		endColorstr='#ffe6e7e3', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#fefffc, endColorstr=#e6e7e3), progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3)
}

.bf-page-rubrique #onglets ul .sous-menu li{
margin-left: 0;
	padding: 8px 18px 3px 18px;
	clear: both;
	width: 155px;
	height: auto;
}
.bf-page-rubrique #onglets ul .sous-menu li a{
font-weight: normal;
	background: 0;
	padding: 0;
	color: #434343;
	text-align: left;
	font-size: 15px;
	margin: 0 0 10px 0;
	height: auto;
}

.bf-page-rubrique #onglets ul .sous-menu li a:hover,.bf-page-rubrique #onglets ul .sous-menu li a:active
{
	color: #dd3c02

}
.bf-page-rubrique #onglets ul .sous-menu .actif {
	background: #fff
}
.bf-page-rubrique #onglets ul .sous-menu .actif a {
	font-weight: bold;
	color: #dd3c02
}
.bf-page-rubrique #onglets ul .sous-menu .arrow-menu{
pointer-events: none;
	display: block;
	width: 0;
	height: 0;
	float: left;
	margin: -40px 0 0 35px;
	border: 16px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #fff;
	border-left-color: transparent
}
.bf-page-rubrique #onglets .actif {
	background: 0
}

.bf-page-rubrique #onglets .actif a {
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
	color: #3e3e3e
}


.bf-page-rubrique #onglets .actif:hover .sous-menu,.bf-page-rubrique #onglets .actif .sous-menu:hover .sous-menu,.bf-page-rubrique .sous-menu:focus .sous-menu

	{
	display: block
}
.bf-page-rubrique #onglets .onglet:hover .sous-menu,.bf-page-rubrique #onglets .onglet .sous-menu:hover .sous-menu,.bf-page-rubrique .sous-menu:focus .sous-menu

	{
	display: block
}
.bf-page-rubrique #bloc-left {
	background-color: #eeefea;
	float: left;
	margin: 0;
	width: 468px;
	height: 512px;
	z-index: 1000
}

.bf-page-rubrique #bloc-right {
	float: right;
	margin: 0;
	width: 512px;
	height: 512px /*position: relative*/
}

.bf-page-rubrique #bloc-right .anchor {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg)
}

.bf-page-rubrique .ombre-center {
	position: absolute;
	left: -12px;
	height: 512px;
	width: 12px;
	left: 0;
	top: 0;
	pointer-events: none
}

.bf-page-rubrique .large .ombre-center {
	display: none
}

.bf-page-rubrique .bloc-trafic {
	margin: 0;
	padding: 0
}

.bf-page-rubrique .bloc-trafic br {
	margin-bottom: 0
}

.bf-page-rubrique .bloc-trafic .large #carte {
	width: 980px;
	margin-left: -468px
}

.bf-page-rubrique .bloc-trafic #commande {
	height: 0
}

.bf-page-rubrique .bloc-trafic #commande span,.bf-page-rubrique .bloc-trafic #commande a
	{
	margin: 0 5px 0 0;
	/*float: right;
	height: 24px;
	width: 23px*/
	height: 30px;
	width: 26px;
	position:absolute;
	left:-460px;
	top:70px;
}


/* vh: bouton fullMap pour france */ 
.bf-page-rubrique  #bf-rubrique-vh.bf-menu-vh .bloc-trafic #commande a
{
	margin: 10px 5px 0 0;
	
}

.bf-page-rubrique .bloc-trafic #commande .close-map {
	display: none;
	background-image: url('../_images/fermer.png')
}

/*fermer vh*/
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .close-map,
#bf-body-vh #cboxClose
 {
	background-image: url('../_images/fermer_vh.png')
}

/*fermer travaux*/
.bf-page-rubrique #bf-rubrique-travaux .bloc-trafic #commande .close-map,
#bf-body-travaux #cboxClose
 {
	background-image: url('../_images/fermer.png')
}

.bf-page-rubrique .bloc-trafic #commande .close-map:hover {
	cursor: pointer
}

.bf-page-rubrique .bloc-trafic #commande .full-map-VH {
	display: block;
	background-image: url('../_images/full_size_map_VH.png')
}

.bf-page-rubrique .bloc-trafic #commande .full-map {
	display: block;
	background-image: url('../_images/full_size_map.png')
}



.bf-page-rubrique .bloc-trafic .legende .ouvrir-legende {
	display: block;
	background-image: url('../_images/legendeTraficOff.png');
	width:30px;
	height:30px;
	float:right;
	padding-top:10px;
	padding-right:10px;
	margin-top:127px;
	margin-right:20px;
	/*position:absolute;*/
}

.bf-page-rubrique .bloc-trafic .legende .ouvrir-legendeVH {
	display: block;
	background-image: url('../_images/legendeVHOff.png');
	width:30px;
	height:30px;
	float:right;
	padding-top:10px;
	padding-right:10px;
	margin-top:127px;
	margin-right:20px;
	/*position:absolute;*/
}

.legendeFullScreen .ouvrir-legende {
	display: block;
	background-image: url('../_images/legendeTraficOff.png');
	width:30px;
	height:30px;
	float:right;
	padding-top:10px;
	padding-right:10px;
	margin-top:127px;
	margin-right:20px;
	/*position:absolute;*/
}

.legendeFullScreen .ouvrir-legendeVH {
	display: block;
	background-image: url('../_images/legendeVHOff.png');
	width:30px;
	height:30px;
	float:right;
	padding-top:10px;
	padding-right:10px;
	margin-top:127px;
	margin-right:20px;
	/*position:absolute;*/
}

.legendeetat {
	position:absolute;
	top:11%;
	right:172%
}

#clicklegendeFull{
	display:none;
}

#clicklegendeTrafic {
	height:57px;
	width:170px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border-radius:20px;
	position:absolute;
	right:395px;
	top:50px;
	background-color:transparent !important;
}
#clicklegendeTrafic span{
	margin:0px;
}

#clicklegendeTrafic img{
	width:170px !important;
	/*background-image:linear-gradient(to bottom, #eeefea, #fff);*/
}

#clicklegendeTraficFull {
	display:none;
	height:57px;
	width:170px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border-radius:20px;
	position:absolute;
	right:42vw;
	top:10px;
	background-color:transparent !important;
}
#clicklegendeTraficFull span{
	margin:0px;
}

#clicklegendeTraficFull img{
	width:170px !important;
	/*background-image:linear-gradient(to bottom, #eeefea, #fff);*/
}

.ouvrir-legende:hover {
	background-image:url('../_images/legendeTraficOn.png') !important
}
.ouvrir-legendeSeleted  {
	background-image:url('../_images/legendeTraficOn.png') !important
}

.ouvrir-legendeVH:hover {
	background-image:url('../_images/legendeVHOn.png') !important
}
.ouvrir-legendeVHSeleted  {
	background-image:url('../_images/legendeVHOn.png') !important
}

#clicklegendeCCH {
	height:57px;
	width:170px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border-radius:20px;
	position:absolute;
	right:395px;
	top:30px;
	background-color:transparent !important;
}
#clicklegendeCCH span{
	margin:0px;
}

#clicklegendeCCH img{
	width:170px !important;
	/*background-image:linear-gradient(to bottom, #eeefea, #fff);*/
}

.legendeCCHFull {
	right:42vw !important;
	top:10px !important;
	display:none;
}

.bf-page-rubrique .bloc-trafic #commande .extend-map {
	display: block;
	background-image: url('../_images/extend_map.png')
}

.bf-page-rubrique .bloc-trafic #commande .extend-map:hover {
	cursor: pointer
}

.bf-page-rubrique .bloc-trafic #commande .reduce-map {
	display: none;
	background-image: url('../_images/reduce_map.png')
}

.bf-page-rubrique .bloc-trafic #commande .reduce-map:hover {
	cursor: pointer
}

.bf-page-rubrique .bloc-trafic #commande .full-map-VH:hover {
	background-image: url('../_images/full_size_map_hover_VH.png')

}


.bf-page-rubrique .bloc-trafic #commande .full-map:hover {
	background-image: url('../_images/full_size_map_hover.png')
}

.bf-page-rubrique .bloc-trafic #commande .extend-map:hover {
	background-image: url('../_images/extend_map_hover.png')
}

.bf-page-rubrique .bloc-trafic #commande .reduce-map:hover {
	background-image: url('../_images/reduce_map_hover.png')
}

.bf-page-rubrique .bloc-trafic #menu {
	margin: 10px 10px 0 6px;
	padding: 0;
	list-style-type: none;
	text-align: left
}

.bf-page-rubrique .bloc-trafic #menu li {
	display: inline
}

.bf-page-rubrique .bloc-trafic #menu li a {
	color: #3e3e3e;
	margin-left: 5px;
	margin-right: 5px
}

.bf-page-rubrique .bloc-trafic #menu li a:hover {
	color: #dd3c02
}

.bf-page-rubrique .bloc-trafic .contenu {
	padding: 10px
}

.bf-page-rubrique .bloc-trafic #article {
	padding: 10px;
	padding-right: 10px;
	min-height: 600px;
	background-color: transparent
}

.bf-page-rubrique .bloc-trafic h1 {
	padding-top: 22px;
	padding-left: 10px;
	background-color: transparent
}

.bf-page-rubrique .bloc-trafic .contenu h1 {
	padding-top: 12px;
	padding-left: 0
}

.bf-page-rubrique .service {
	width: auto;
	height: auto;
	min-height: 500px;
	padding: 0 19px 33px 19px;
	background: #d2d4cd;
	background: -moz-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d4cd),
		color-stop(10%, #f9f9f7));
	background: -webkit-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: -o-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: -ms-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: linear-gradient(to bottom, #d2d4cd 0, #f9f9f7 10%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2d4cd',
		endColorstr='#fff9f9f7', GradientType=0)
}

.bf-page-rubrique .degrade {
	width: 100%;
	height: auto;
	min-height: 500px;
	background: #d2d4cd;
	background: -moz-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d4cd),
		color-stop(10%, #f9f9f7));
	background: -webkit-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: -o-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: -ms-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: linear-gradient(to bottom, #d2d4cd 0, #f9f9f7 10%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2d4cd',
		endColorstr='#fff9f9f7', GradientType=0)
}


.bf-page-rubrique .degrade #article {
	padding: 10px;
	padding-top:15px;
	padding-right: 10px;
	background-color: transparent;
}

.bf-page-rubrique .degrade #article h1{
	background-color: transparent;
}

.bf-page-rubrique .small {
	display: none
}

.bf-page-rubrique .couleur-jour {
	width: 100%;
	height: 60px;
	background-color: #eeefea;
	position: relative
}

.bf-page-rubrique .couleur-jour .titre {
	text-align: left;
	height: 47px;
	width: 170px;
	padding-top: 13px;
	padding-left: 30px;
	background-color: #e0e1dc;
	float: left;
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold
}

.bf-page-rubrique .couleur-jour .bloc-plus {
	position: relative;
	height: 60px;
	float: left;
	margin-right: 17px
}

.bf-page-rubrique .couleur-jour .bloc-plus .plus {
	cursor: pointer;
	position: absolute;
	background-image: url("../_images/plus2.png");
	float: left;
	height: 25px;
	width: 25px;
	margin-left: -12px;
	margin-top: 17px;
	margin-right: 20px;
	z-index: 1001
}

.bf-page-rubrique .couleur-jour .bloc-plus .plus:hover {
	background-image: url("../_images/plus2_hover.png")
}

.bf-page-rubrique .couleur-jour .bloc-plus .ombre-couleur {
	position: absolute;
	height: 60px;
	width: 12px;
	z-index: 80
}

.bf-page-rubrique .couleur-jour .depart,.bf-page-rubrique .couleur-jour .retour
	{
	float: left;
	height: 12px;
	width: 117px;
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	color: #3e3e3e
}

.bf-page-rubrique .couleur-jour .depart {
	border-right: solid 1px grey
}

.bf-page-rubrique .liens_utiles {
	clear: both;
	text-align: left;
	font-size: 14px;
	padding: 30px 0;
	color: #707070
}

.bf-page-rubrique .liens_utiles a {
	color: #dd3c02;
	text-decoration: none
}

.bf-page-rubrique .liens_utiles a:hover {
	text-decoration: underline
}

#couleur-jour-zone {
	text-align: left;
	position: absolute;
	width: 468px
}

#couleur-jour-zone .detail-color {
	position: relative;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3);
	width: 457px;
	top: 61px
}

#couleur-jour-zone .close-color {
	cursor: pointer;
	height: 26px;
	width: 26px;
	position: absolute;
	right: -14px;
	top: -11px;
	background-image: url("../_images/fermer.png")
}

#couleur-jour-zone .close-color:hover {
	background-image: url("../_images/fermer_hover.png")
}

#couleur-jour-zone .close-color:active {
	background-image: url("../_images/fermer_active.png")
}

#couleur-jour-zone .arrow {
	pointer-events: none;
	position: absolute;
	top: -39px;
	left: 180px;
	display: block;
	width: 0;
	height: 0;
	border: solid 20px transparent;
	border-bottom-color: #fbfbfa;
	z-index: 1000
}

#couleur-jour-zone .bloc-info {
	width: 425px;
	background-color: #fbfbfa;
	padding: 14px 15px 5px 15px;
	border: solid 1px #9f9f92
}

#couleur-jour-zone .bloc-info .url-calendrier {
	margin-top: 5px;
	display: inline-block
}

#couleur-jour-zone .bloc-info .type-calendrier {
	float: none;
	width: auto;
	display: inline-block
}

#couleur-jour-zone .bloc-info .zone {
	border-bottom: solid 1px #9f9f92;
	padding-top: 12px;
	padding-bottom: 12px
}

#couleur-jour-zone .bloc-info .zone span {
	width: auto;
	margin-right: 0;
	border: 0;
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px
}

#couleur-jour-zone .bloc-info .zone .icon-color {
	width: 19px;
	height: 19px;
	margin-top: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 5px
}

#couleur-jour-zone .bloc-info .zone .nom {
	width: 200px;
	height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	font-weight: bold;
	border-right: solid 1px #9f9f92
}

#couleur-jour-zone .bloc-info .zone .depart {
	margin-top: 0;
	height: 28px;
	width: 107px;
	float: left;
	border-right: solid 1px #9f9f92;
	padding: 0
}

#couleur-jour-zone .bloc-info .zone .retour {
	margin-top: 0;
	height: 28px;
	width: 107px;
	float: left;
	padding: 0
}

#couleur-jour-zone .bloc-legende {
	width: 425px;
	background-color: #eeefea;
	padding: 14px 10px 10px 20px;
	border: solid 1px #9f9f92
}

#couleur-jour-zone .bloc-legende h4 {
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: 0
}

#couleur-jour-zone .bloc-legende .legende-color {
	width: 212px;
	float: left
}

#couleur-jour-zone .bloc-legende .legende-color .spip_documents {
	margin: 0;
	margin-bottom: 7px;
	display: block;
	margin-right: 5px
}

#couleur-jour-zone .bloc-legende .legende-color .spip_documents img {
	max-height: 19px;
	max-width: 19px;
	margin-top: -2px;
	padding-right: 0
}

#couleur-jour-zone .bloc-legende .legende-color div {
	clear: both
}

.couleur-jour span,#couleur-jour-zone .bloc span {
	float: right;
	width: 19px;
	height: 18px;
	margin-right: 20px
}

span.vert {
	background-image: url("../_images/fleche_haut_verte.png");
	background-repeat: no-repeat
}

span.orange {
	background-image: url("../_images/fleche_haut_orange.png");
	background-repeat: no-repeat
}

span.rouge {
	background-image: url("../_images/fleche_haut_rouge.png");
	background-repeat: no-repeat
}

span.noir {
	background-image: url("../_images/fleche_haut_noir.png");
	background-repeat: no-repeat
}

span.vert-retour {
	background-image: url("../_images/fleche_bas_verte.png");
	background-repeat: no-repeat
}

span.orange-retour {
	background-image: url("../_images/fleche_bas_orange.png");
	background-repeat: no-repeat
}

span.rouge-retour {
	background-image: url("../_images/fleche_bas_rouge.png");
	background-repeat: no-repeat
}

span.noir-retour {
	background-image: url("../_images/fleche_bas_noir.png");
	background-repeat: no-repeat
}

span.mauvaissurtitrecolor,span.mauvaissurtitrecolor-retour {
	background-image: url("../_images/restrictions-temporaires.png");
	background-repeat: no-repeat;
	background-size: 23px auto
}

#region_info,
#region_info_fullscreen {

}

.no-color #info-carte {
	height: 482px
}

.no-color .popupDocument {
	top: -428px
}

#info-carte {
	height: 424px
}

.info-carte {
	max-height: 452px
}


#liste-info,
#liste-info_fullscreen {
	overflow-y: auto;
	height:418px;
	padding-bottom: 20px;
}

#liste-info_fullscreen .messageErreur,
#liste-info .messageErreur {
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
	font-weight: bold;
	margin-right: 20px
}
#liste-info_fullscreen .alerte:hover,#liste-info_fullscreen .alerte:active,#liste-info_fullscreen .actif,
#liste-info .alerte:hover,#liste-info .alerte:active,#liste-info .actif
	{
	background-color: #fafbfa
}
#liste-info_fullscreen span,
#liste-info span {
	/* 	height: 23px; */
	/*  	width: 23px; */
	display: block;
	/* 	float: right; */
	color: #5f5f5f;
	font-size: 10px;
	background-size: 100%;
	margin: 0;
}

#liste-info_fullscreen .uniquement-nuit,#liste-info_fullscreen  .uniquement-jour,#liste-info_fullscreen  .poids-lourds,#liste-info_fullscreen  .hors-wk-jours-feries,#liste-info_fullscreen  .wk-jours-feries,
#liste-info .uniquement-nuit,#liste-info  .uniquement-jour,#liste-info  .poids-lourds,#liste-info  .hors-wk-jours-feries,#liste-info  .wk-jours-feries
	{
	float: right;
	height: 23px;
	width: 23px
}

#liste-info_fullscreen #htmlContenuPopup span ,
#liste-info #htmlContenuPopup span {
	height: auto;
	width: auto;
	display: block;
	float: none;
	color: inherit;
	font-size: 100%;
	background-size: 100%;
	margin: 0
}

.truck {
	background-image: url(../_images/truck.png);
	background-repeat: no-repeat
}

.uniquement-jour {
	background-image: url(../_images/uniquement_jour.png);
	background-repeat: no-repeat
}

.uniquement-nuit {
	background-image: url(../_images/uniquement_nuit.png);
	background-repeat: no-repeat
}

.hors-wk-jours-feries {
	background-image: url(../_images/hors-we-jours-feries.png);
	background-repeat: no-repeat
}

.wk-jours-feries {
	background-image: url(../_images/we-jours-feries.png);
	background-repeat: no-repeat
}

.alerte {
	background-color: #f4f5f0;
	border-bottom: 1px solid #afafaf;
	color: #3e3e3e;
	cursor: pointer;
	height: 40px;
	padding: 0;
	text-align: left;
	font-family: Marianne, Arial, Helvetica, sans-serif
}

.alerte .bleue,.alerte .jaune {
	background-color: #e3e4dd;
	width: 15px;
	margin-right: 7px;
	height: 100%;
	float: left
}

.alerte .bleue {
	background-color: #1d7fa1;
	background-image: -moz-linear-gradient(top, #0f6f91, #3196ba);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0f6f91),
		to(#3196ba));
	background-image: -webkit-linear-gradient(top, #0f6f91, #3196ba);
	background-image: -o-linear-gradient(top, #0f6f91, #3196ba);
	background-image: linear-gradient(to bottom, #0f6f91, #3196ba);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0f6f91',
		endColorstr='#ff3196ba', GradientType=0)
}

.alerte .jaune {
	background-color: #ffd400;
	background-image: -moz-linear-gradient(top, #ffeb00, #ffb100);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffeb00),
		to(#ffb100));
	background-image: -webkit-linear-gradient(top, #ffeb00, #ffb100);
	background-image: -o-linear-gradient(top, #ffeb00, #ffb100);
	background-image: linear-gradient(to bottom, #ffeb00, #ffb100);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffeb00',
		endColorstr='#ffffb100', GradientType=0)
}

.alerte .titreAlerte {
	font-weight: bold;
	font-size: 12px
}

.alerte .contenuAlerteTrafic {
	padding-top: 7px;
	padding-left: 17px;
	font-size: 11px;
	line-height: 14px;
	height: 40px
}

.alerte .contenuAlerteTrafic .objet {
	width: 400px
}

.alerte img {
	float: right;
	margin: 0 5px 0 0
}

.alerte .arrow {
	width: 5px;
	height: 10px;
	padding-top: 8px;
	padding-right: 10px;
	margin-left: 10px
}

.alerte .arromDown {
	width: 10px;
	height: 8px;
	padding-top: 8px;
	padding-right: 10px;
	margin-left: 10px
}

.alerteColor {
	background-color: #e3e4dd
}

div.alerteColor:last-child {
	background-color: #fafbfa;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
		Direction=145, Strength=3)
}

.alerte:hover,.alerte:active,.actif {
	background-color: #fafbfa
}


#liste-info_fullscreen .alerte .bleue,#liste-info_fullscreen .alerte .jaune,
#liste-info .alerte .bleue,#liste-info .alerte .jaune {
	height: 47px;
}

#liste-info_fullscreen .alerte,
#liste-info .alerte {
	background-color: #e3e4dd;
	height: auto;
	padding-bottom : 3px;
}
#liste-info_fullscreen .alerte .contenuAlerteTrafic .objet,
#liste-info .alerte .contenuAlerteTrafic .objet {
	width: auto;
}


#liste-info_fullscreen .alerte .iconeCommunique,
#liste-info .alerte .iconeCommunique {
	height: 35px;
	width: 40px;
	float: left;
	margin-top: 5px;
	margin-left: 5px
}

#liste-info_fullscreen .alerte .flash,
#liste-info .alerte .flash {
	background-image: url(../_images/flash.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .condition-circulation,
#liste-info .alerte .condition-circulation {
	background-image: url(../_images/condition_circulation.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .prevision-circulation,
#liste-info .alerte .prevision-circulation {
	background-image: url(../_images/prevision_circulation.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .week-end-colore,
#liste-info .alerte .week-end-colore {
	background-image: url(../_images/week-end-colore.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .alerte-meteo,
#liste-info .alerte .alerte-meteo {
	background-image: url(../_images/alerte-meteo.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .meteo,
#liste-info .alerte .meteo {
	background-image: url(../_images/meteo.png);
	background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .barriere-degel,
#liste-info .alerte .barriere-degel {
	background-image: url(../_images/barriere-degel.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .reglementation-generale,
#liste-info .alerte .reglementation-generale {
	background-image: url(../_images/reglementation-generale.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .restrictions-temporaires,
#liste-info .alerte .restrictions-temporaires {
	background-image: url(../_images/restrictions-temporaires.png);
	background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .interdiction,
#liste-info .alerte .interdiction {
	background-image: url(../_images/interdiction.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .manifestation,
#liste-info .alerte .manifestation {
	background-image: url(../_images/manifestation.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .information,
#liste-info .alerte .information {
	background-image: url(../_images/information.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .evenement,
#liste-info .alerte .evenement {
	background-image: url(../_images/evenement.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .derogation,
#liste-info .alerte .derogation {
	background-image: url(../_images/derogation.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .obstacle,
#liste-info .alerte .obstacle {
	background-image: url(../_images/obstacle.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .incident,
#liste-info .alerte .incident {
	background-image: url(../_images/incident.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .travaux,
#liste-info .alerte .travaux {
	background-image: url(../_images/travaux.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .coupure,
#liste-info .alerte .coupure {
	background-image: url(../_images/coupure.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .equip-obligatoires,
#liste-info .alerte .equip-obligatoires {
	background-image: url(../_images/equip_obligatoires.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .interdiction-pl,
#liste-info .alerte .interdiction-pl {
	background-image: url(../_images/interdiction_pl.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .bouchon,
#liste-info .alerte .bouchon {
	background-image: url(../_images/bouchons.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .bouchons,
#liste-info .alerte .bouchons {
	background-image: url(../_images/bouchons.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .accident ,
#liste-info .alerte .accident {
	background-image: url(../_images/accident.png);
	background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .etat-routes,
#liste-info .alerte .etat-routes {
	background-image: url(../_images/etat-routes.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .pollution 
#liste-info .alerte .pollution {
	background-image: url(../_images/pollution.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .jour-colore,
#liste-info .alerte .jour-colore {
	background-image: url(../_images/jour-colore.png);
	background-repeat: no-repeat
}

#liste-info_fullscreen .alerte .enlevement ,
#liste-info .alerte .enlevement {
	background-image: url(../_images/enlevement.png);
	background-repeat: no-repeat
}

.popupDocument {
	background-color: #f8f9f7;
	background-image: -moz-linear-gradient(top, #fff, #eeefea);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#eeefea));
	background-image: -webkit-linear-gradient(top, #fff, #eeefea);
	background-image: -o-linear-gradient(top, #fff, #eeefea);
	background-image: linear-gradient(to bottom, #fff, #eeefea);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffeeefea', GradientType=0);
	width: auto;
	border: solid 1px #dbdbdb;
	position: relative;
	/*top: -488px;
	left: 468px;*/
	z-index: 10000;
	text-align: left;
	z-index: 1
}

#liste-info .marge-bas {
	height: 20px;
	background-color : white;
}

.popupDocument h3 {
	margin: 0
}

.popupDocument ul {
	list-style-type: square
}

.popupDocument li {
	list-style-type: square
}

.popupDocument .fichierJoint {
	background-image: url(../_images/piece-jointe.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 23px;
	height: 23px;
	vertical-align: middle;
	margin: 0 10px 0 0
}

.popupDocument .listeAttributs {
	height: 25px;
	text-align: right;
	padding: 4px 4px 4px 0
}

.popupDocument .listeAttributs span {
	display: inline-block;
	height: 100%;
	width: 25px;
	background-size: 20px
}

.popupDocument .bandeau {
	background-color: white;
	display: block;
	height: 27px;
	width: 25px
}

.popupDocument .bandeau span {
	width: 27px;
	height: 30px;
	display: block;
	float: left;
	margin: 7px 0 0 20px;
	background-size: 27px
}

.popupDocument .bandeau .imgFermer {
	position: absolute;
	right: 10px;
	top: 2px;
	margin: 0;
	float: right
}

.popupDocument .bandeau .flash {
	background-image: url(../_images/flash.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .condition-circulation {
	background-image: url(../_images/condition_circulation.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .prevision-circulation {
	background-image: url(../_images/prevision_circulation.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .week-end-colore {
	background-image: url(../_images/week-end-colore.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .alerte-meteo {
	background-image: url(../_images/alerte-meteo.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .meteo {
	background-image: url(../_images/meteo.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .barriere-degel {
	background-image: url(../_images/barriere-degel.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .reglementation-generale {
	background-image: url(../_images/reglementation-generale.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .restrictions-temporaires {
	background-image: url(../_images/restrictions-temporaires.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .interdiction {
	background-image: url(../_images/interdiction.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .manifestation {
	background-image: url(../_images/manifestation.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .information {
	background-image: url(../_images/information.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .evenement {
	background-image: url(../_images/evenement.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .derogation {
	background-image: url(../_images/derogation.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .obstacle {
	background-image: url(../_images/obstacle.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .incident {
	background-image: url(../_images/incident.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .travaux {
	background-image: url(../_images/travaux.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .coupure {
	background-image: url(../_images/coupure.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .equip-obligatoires {
	background-image: url(../_images/equip_obligatoires.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .interdiction-pl {
	background-image: url(../_images/interdiction_pl.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .bouchon {
	background-image: url(../_images/bouchons.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .bouchons {
	background-image: url(../_images/bouchons.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .accident {
	background-image: url(../_images/accident.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .etat-routes {
	background-image: url(../_images/etat-routes.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .pollution {
	background-image: url(../_images/pollution.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .jour-colore {
	background-image: url(../_images/jour-colore.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .enlevement {
	background-image: url(../_images/enlevement.png);
	background-repeat: no-repeat
}

.popupDocument .bandeau .imgPrint {
	margin-top: 10px;
	float: right;
	margin-right: 11px
}

.popupDocument .bandeau h2 {
	margin: 13px 0 0 9px;
	float: left;
	padding: 0;
	background: 0;
	background-color: #e0e1dc;
	text-align: left;
	color: #3e3e3e;
	width: 340px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold
}

.popupDocument .contenuPopup {
	/*height: 346px;*/
	margin: 0 0 10px 0;
	padding: 10px 20px 0 20px;
	overflow-y: auto;
	display: block
}

.popupDocument .contenuPopup .listePJ .elementPJ {
	clear: both;
	color: #3e3e3e;
	display: block
}

.popupDocument .contenuPopup .listePJ .elementPJ a {
	color: #dd3c02;
	display: inline-block;
	margin: 0 5px 0 30px;
	width: 400px
}

.popupDocument .contenuPopup h3 {
	margin-left: 0
}

.popupDocument .contenuPopup p {
	padding-top: 10px;
	margin-left: 0
}

.popupDocument .contenuPopup img {
	max-width: 389px
}

.popupDocument .contenuPopup ul {
	margin-left: 19px
}

#popup {
	width: 458px;
	position: relative;
	top: -488px;
	left: 490px;
	z-index: 10000;
	text-align: left
}

#popup h3 {
	margin: 0
}

#popup #divPopup {
	border: solid 1px #dbdbdb
}

#popup .bandeau {
	background-color: #e0e1dc;
	display: block;
	height: 50px;
	width: 458px
}

#popup .bandeau .imgEvenement {
	float: left;
	width: 30px;
	margin-top: 10px;
	margin-left: 26px
}

#popup .bandeau span {
	width: 27px;
	height: 26px;
	margin: 10px 0 0 10px;
	background-size: 100%
}

#popup .bandeau .imgFermer {
	position: absolute;
	right: 10px;
	top: 10px;
	margin: 0
}

#popup .bandeau .imgPrint {
	margin-top: 10px;
	float: right;
	margin-right: 11px
}

#popup .bandeau h2 {
	margin: 13px 0 0 9px;
	float: left;
	padding: 0;
	background: 0;
	background-color: #e0e1dc;
	text-align: left;
	color: black;
	width: 354px;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold
}

#popup .listeAttributs {
	height: 23px;
	text-align: right;
	padding: 8px 4px 0 0
}

#popup .listeAttributs span {
	display: inline-block;
	height: 100%;
	width: 30px
}

#popup .contenuPopup {
	height: 374px;
	width: 406px;
	padding: 15px 26px 20px 26px;
	background-color: #f8f9f7;
	background-image: -moz-linear-gradient(top, #fff, #eeefea);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#eeefea));
	background-image: -webkit-linear-gradient(top, #fff, #eeefea);
	background-image: -o-linear-gradient(top, #fff, #eeefea);
	background-image: linear-gradient(to bottom, #fff, #eeefea);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffeeefea', GradientType=0);
	overflow-y: auto;
	display: block
}

#popup .contenuPopup .fichierJoint {
	background-image: url(../_images/piece-jointe.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 23px;
	height: 23px;
	vertical-align: middle;
	margin: 0 10px 0 0
}

#popup .contenuPopup .listePJ .elementPJ {
	clear: both;
	color: #3e3e3e;
	display: block
}

#popup .contenuPopup .listePJ .elementPJ a {
	color: #dd3c02;
	display: inline-block;
	margin: 0 5px 0 30px;
	max-width: 290px
}

#popup .contenuPopup h3 {
	margin-left: 0
}

#popup .contenuPopup p {
	padding-top: 10px;
	margin-left: 0
}

#popup .contenuPopup img {
	max-width: 389px
}

@
-moz-document url-prefix (){ # popinTrafic {
	overflow: scroll
}

}
#popinTrafic {
	background-color: #fcfdfc;
	position: relative;
	width: 300px;
	height: 100%;
	overflow-y: scroll;
	background-color: #f7f6f4;
	background-image: -moz-linear-gradient(top, #fff, #eae8e4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#eae8e4));
	background-image: -webkit-linear-gradient(top, #fff, #eae8e4);
	background-image: -o-linear-gradient(top, #fff, #eae8e4);
	background-image: linear-gradient(to bottom, #fff, #eae8e4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffeae8e4', GradientType=0)
}

#popinTrafic h3 {
	margin: 0
}

#popinTrafic .close,#popinTrafic .open {
	display: block;
	width: 0;
	height: 0;
	float: left;
	border: 5px solid #9f9f92;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	margin: -13px 3px 0 0
}

#popinTrafic .close {
	border-left-color: #9f9f92
}

#popinTrafic .open {
	border-top-color: #9f9f92
}

#popinTrafic .contenuEntetePopin:hover {
	cursor: pointer
}

#popinTrafic .commentaire {
	text-align: left;
	margin: 10px 15px
}

#popinTrafic .important {
	text-align: left;
	margin: 10px 15px;
	color: #024c65;
	font-weight: bold
}

#popinTrafic .contenuEntetePopin {
	border-top: 1px solid #eae8e4;
	height: 52px;
	overflow: hidden;
	background-color: #f7f6f4;
	background-image: -moz-linear-gradient(top, #fff, #eae8e4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#eae8e4));
	background-image: -webkit-linear-gradient(top, #fff, #eae8e4);
	background-image: -o-linear-gradient(top, #fff, #eae8e4);
	background-image: linear-gradient(to bottom, #fff, #eae8e4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffeae8e4', GradientType=0);
	padding: 0;
	position: relative
}

#popinTrafic .contenuEntetePopin .conteneurFleche {
	display: inline-block;
	vertical-align: middle;
	width: 27px
}

#popinTrafic .contenuEntetePopin .flecheGeneralePopin {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0 0 9px
}

#popinTrafic .contenuEntetePopin .fichierJoint {
	width: 20px;
	height: 20px;
	float: right;
	z-index: 2000;
	background-image: url(../_images/piece-jointe.png);
	background-repeat: no-repeat
}

#popinTrafic .contenuEntetePopin .fichierJoint:hover {
	background-image: url(../_images/piece-jointe-hover.png)
}

#popinTrafic .contenuEntetePopin .titreAttributs {
	display: inline-block;
	vertical-align: middle;
	margin: 1px 0 -5px 5px;
	max-width: 190px
}

#popinTrafic .contenuEntetePopin .titreAttributsSimple {
	vertical-align: middle;
	width: auto;
	text-align: left;
	margin: 14px 0 0 10px
}

#popinTrafic .contenuEntetePopin .titreAttributsSimple .titre {
	overflow: hidden;
	max-height: 30px
}

#popinTrafic .contenuEntetePopin .divPicto {
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #9f9f92;
	border-right: 1px solid #9f9f92;
	min-height: 40px;
	width: 40px;
	padding: 10px 0 0 0
}

#popinTrafic .contenuEntetePopin .divPicto img {
	margin: -4px 0 0 0
}

#popinTrafic .contenuEntetePopin .divPictoLienVH {
	display: inline-block;
	vertical-align: middle;
	border-right: 1px solid #9f9f92;
	min-height: 40px;
	width: 40px;
	padding: 10px 0 0 0
}

#popinTrafic .contenuEntetePopin .divPictoLienVH img {
	margin: -4px 0 0 0
}

#popinTrafic .contenuEntetePopin .close,#popinTrafic .contenuEntetePopin .open
	{
	border: 8px solid #dd3c02;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	float: none;
	width: 0
}

#popinTrafic .contenuEntetePopin .close {
	border-left-color: #dd3c02;
	margin: -3px 0 0 5px
}

#popinTrafic .contenuEntetePopin .open {
	border-top-color: #dd3c02;
	margin: 10px 4px 0 0
}

#popinTrafic .contenuEntetePopin span {
	width: 27px;
	height: 30px;
	display: block;
	float: left;
	margin: 0 0 0 5px;
	background-size: 100%
}

#popinTrafic .contenuEntetePopin .flash {
	background-image: url(../_images/flash.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .condition-circulation {
	background-image: url(../_images/condition_circulation.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .prevision-circulation {
	background-image: url(../_images/prevision_circulation.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .week-end-colore {
	background-image: url(../_images/week-end-colore.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .alerte-meteo {
	background-image: url(../_images/alerte-meteo.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .meteo {
	background-image: url(../_images/meteo.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .obstacle {
	background-image: url(../_images/obstacle.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .barriere-degel {
	background-image: url(../_images/barriere-degel.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .reglementation-generale {
	background-image: url(../_images/reglementation-generale.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .restrictions-temporaires {
	background-image: url(../_images/restrictions-temporaires.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .interdiction {
	background-image: url(../_images/interdiction.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .manifestation {
	background-image: url(../_images/manifestation.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .information {
	background-image: url(../_images/manifestation.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .incident {
	background-image: url(../_images/incident.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .evenement {
	background-image: url(../_images/evenement.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .derogation {
	background-image: url(../_images/derogation.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .travaux {
	background-image: url(../_images/travaux.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .coupure {
	background-image: url(../_images/coupure.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .equip-obligatoires {
	background-image: url(../_images/equip_obligatoires.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .interdiction-pl {
	background-image: url(../_images/interdiction_pl.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .accident {
	background-image: url(../_images/accident.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .bouchon {
	background-image: url(../_images/bouchons.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .bouchons {
	background-image: url(../_images/bouchons.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .etat-routes {
	background-image: url(../_images/etat-route.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .pollution {
	background-image: url(../_images/pollution.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .jour-colore {
	background-image: url(../_images/jour-colore.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .enlevement {
	background-image: url(../_images/enlevement.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .camera {
	background-image: url(../_images/camera1.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .cameraKO {
	background-image: url(../_images/cameraKO.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .contenuEntetePopin .lienVH {
	background-image: url(../_images/lienVH.png);
	background-repeat: no-repeat;
	margin-top: 3px;
}

#popinTrafic .titre {
	font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #197191;
	max-width: 200px;
	text-align: left;
	margin: 0;
	overflow: hidden;
	max-height: 30px
}

#popinTrafic .imgFermer {
	margin-left: 279px
}

#popinTrafic .attributs {
	display: inline-block;
	float: left;
	padding-top: 4px
}

#popinTrafic .attributs .truck {
	background-image: url(../_images/truck.png);
	background-repeat: no-repeat
}

#popinTrafic .attributs .uniquement-jour {
	background-image: url(../_images/uniquement_jour.png);
	background-repeat: no-repeat
}

#popinTrafic .attributs .uniquement-nuit {
	background-image: url(../_images/uniquement_nuit.png);
	background-repeat: no-repeat
}

#popinTrafic .attributs .hors-wk-jours-feries {
	background-image: url(../_images/hors-we-jours-feries.png);
	background-repeat: no-repeat
}

#popinTrafic .attributs .wk-jours-feries {
	background-image: url(../_images/we-jours-feries.png);
	background-repeat: no-repeat
}

#popinTrafic .attributs span {
	display: block;
	float: left;
	color: #5f5f5f;
	font-size: 10px;
	background-size: 100%;
	margin: 0 0 5px 0;
	width: 15px;
	height: 15px
}

#popinTrafic .attributs img {
	display: block;
	width: 15px;
	height: 15px;
	padding-left: 10px;
	margin: -3px 0 5px 0
}

#popinTrafic .unElement {
	clear: both;
	color: #5f5f5f;
	min-height: 20px;
	border-top: 1px solid #eae8e4;
	padding: 15px 0 10px 10px;
	text-align: left;
	width: auto
}

#popinTrafic .unElement .open {
	margin: 6px 8px 0 -4px
}

#popinTrafic .unElement .close {
	margin: 3px 4px 0 0
}

#popinTrafic .unElement .titreElement:hover {
	cursor: pointer
}

#popinTrafic .unElement .titreElement {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #096789;
	background-color: transparent;
	background: 0;
	display: block
}

#popinTrafic .unElement .unContenu {
	margin: 10px 16px
}

#popinTrafic .unElement .unContenuSimple {
	margin: 10px 0
}

#popinTrafic .unElement .little-arrow-down {
	border-top-color: #3e3e3e
}

#popinTrafic .unElement .little-arrow-right {
	border-left-color: #3e3e3e
}

#popinTrafic .unElement .little-arrow-right .open {
	margin: 7px 5px 0 -5px
}

#popinTrafic .unElement .little-arrow-right .open {
	margin: 7px 8px 0 -5px
}

#popinTrafic .popup-simple-carto {
	height: auto;
	padding: 5px 5px 20px 5px
}

#popinTrafic .popup-simple-carto .titreAttributsSimple {
	margin-top: 5px
}

#popinTrafic .popup-simple-carto .attributs {
	height: 0
}


#popinTrafic .contenuPopupCamera .unContenuCamera .logoCameraAgregat{
	position:relative;
	width:71px;
	height:41px;
	bottom:22px;
}

#popinTrafic .contenuPopupCamera .unContenuCamera .sourceCameraAgregat{
	position:relative;
	width:187px;
	bottom:42px;
	right:-78px;
	text-align:right;
	font-size:12px
}

.lienVHURL {
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: blue;
	text-decoration: none
}

.lienVHURL:hover {
	cursor: pointer;
	text-decoration: none;
}

.lienVHURL:active {
	color: #ee860b
}

/*style specifique traficolor et vh*/

/*commande prese en haut 97 sur 100hv*/
#bf-rubrique-traficolor #commande,
#bf-rubrique-vh #commande  
{
	position: relative;
	padding-top: 0px;
	margin-top: -99vh;
}


/*vh:cas petite carte*/
#bf-body-vh #commande  
{
	position: absolute;
	padding-top: 0px;
	margin-top: 0px;
	right:0px;
	top:0px;
	width:100%;
}

/*vh: page zoomhiver.html (plein écran)*/
#boutonCloseEtLegendeVH #commande  
{
	position: absolute;
	padding-top: 0px;
	margin-top: 0px;
	right:0px;
	top:0px;
	width:100%;
}

#boutonCloseEtLegendeVH #commande a {
	margin: 0 5px 0 0;
	position: absolute;
	height: 25px;
	width: 20px;
	top: -15vh;
	right: 10px !important;
	left: unset !important;
}

#boutonCloseEtLegendeVH {
	height: 500px;
	width: 0;
	top: 17vh;
	position: absolute;
	right: 0;
}

#boutonCloseEtLegendeVH .legende {
	position: initial;
	float: right;
}

#boutonCloseEtLegendeVH .legende .ouvrir-legendeVH {
	display: block;
	background-image: url('../_images/legendeVHOff.png');
	width:30px;
	height:30px;
	float:right;
	padding-top:10px;
	padding-right:10px;
	margin-top:0;
	margin-right:20px;
	/*position:absolute;*/
}

#boutonCloseEtLegendeVH #clicklegendeCCH {
	height:57px;
	width:170px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border-radius:20px;
	position:absolute;
	right:48vw;
	top:-15vh;
	background-color:transparent !important;
}


/*travaux*/
#bf-body-travaux #commande  
{
	position: absolute;
	padding-top: 0px;
	margin-top: 0px;
	right:0px;
	top:0px;
	width:100%;
}


/*traficolor:  bouton close-map*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #commande .close-map ,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .close-map
{
	display: Block;
	padding-right: 4px !important;
	margin-top: 1px !important;
}
/*vh:pas de close quand il y a un menu */
.bf-page-rubrique #bf-rubrique-vh.bf-menu-vh .bloc-trafic #commande .close-map
{
	display: none;
}


/*traficolor: pas de bouton full-map*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #commande .full-map,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .full-map-VH
{
	display: none;
}

/*vh: bouton full map quand il y a un menu vh*/
.bf-page-rubrique #bf-rubrique-vh.bf-menu-vh .bloc-trafic #commande .full-map-VH
{
	display: Block;
	left:8px !important;
}


/*traficolor: pas de bouton extend*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #commande .extend-map,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .extend-map
{
	display: none
}




/*traficolor: pas de bouton reduce*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #commande .reduce-map,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .reduce-map
{
	display: none
}

#bf-rubrique-traficolor  #carte ,
#bf-rubrique-vh  #carte 
{
	width: 100%;
	height: 100vh;
	position: relative !important;
	z-index: 0
}

/*traficolor: bloc gauche taille 0*/
.bf-page-rubrique #bf-rubrique-traficolor #bloc-left ,
.bf-page-rubrique #bf-rubrique-vh #bloc-left 
{
	float: right;
	margin: 0;
	width: 0px;
	/*height: 512px;*/
	height: 100%;
	position: relative
}

/*traficolor: bloc droit taille 100vh: pleine hauteur, 100% pleine largeur*/
.bf-page-rubrique #bf-rubrique-traficolor #bloc-right ,
.bf-page-rubrique #bf-rubrique-vh #bloc-right 
{
	float: left;
	margin: 0;
	/*	width: 980px;
	height: 512px;*/
	width: 100%;
	height: 100vh;
	position: relative
}

/*traficolor:carte taille 980*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #carte ,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #carte {
	/*	width: 980px; huh*/
	width: 100%;
	margin-left: 0px
}

/*traficolor:bouton retour avec logo bison futé*/
#bf-rubrique-traficolor .btn-retour a ,#bf-rubrique-trafic-onglet .btn-retour a
{
	width: 85px;
	height: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url('../_images/bf_petit_logo.png');
	background-repeat: no-repeat z-index: 100;
}

/*vh:bouton retour avec logo bison futé hiver*/
#bf-rubrique-vh .btn-retour a 
{
	width: 85px;
	height: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url('../_images/bf_petit_logo_hiver.png');
	background-repeat: no-repeat z-index: 100;
}

#bf-rubrique-traficolor div .btn-retour ,
#bf-rubrique-vh div .btn-retour ,
#bf-rubrique-trafic-onglet div .btn-retour

{
	position: static;
	float: left;
}

#bf-rubrique-traficolor .div-btn-retour-horodate-traficolor, 
#bf-rubrique-vh .div-btn-retour-horodate-traficolor ,#bf-rubrique-trafic-onglet .div-btn-retour-horodate-traficolor
{
	width: 85px;
	height: 82px;
	float: left;
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: inherit;
	z-index: 100;
}
#bf-rubrique-vh .div-btn-retour-horodate-traficolor .communiques {
	position: absolute;
	bottom: 0;
	left: 86px;
	float: left
}

/*traficolor:Horodate publication du traficolor*/
#bf-rubrique-traficolor .horodate-traficolor ,#bf-rubrique-trafic-onglet .horodate-traficolor
{ #
	width: 150px; #
	height: 15px; #
	float: left; #
	left: 100px;
	position: static; #
	bottom: 0px; #
	left: 0px;
	background: #DD3C02;
	background: linear-gradient(to top, #a33708 0%, #DD3C02 100%); #
	position: absolute; #
	color: black;
	color: #FFF;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#bf-rubrique-vh .horodate-vh
{ #
	width: 150px; #
	height: 15px; #
	float: left; #
	left: 100px;
	position: static; #
	bottom: 0px; #
	left: 0px;
	background: #DD3C02;
	background: linear-gradient(to top, #0032ff 0%, #00c4ff 100%); #
	position: absolute; #
	color: black;
	color: #FFF;
	font-family: Marianne, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



/* Classes CSS de l'onglet previsions */
#dateCourante {
	height: 15px;
	font-weight: bold;
	font-size: 1.4em;
	width: 710px;
	padding-left: 20px;
	padding-top: 5px;
	text-align: center;
}

#cartes-previsions {
	width: 100%;
	height: 250px;
}

.titlePrevisions {
	font-size: 13px;
	font-weight: bold;
	color: #3e3e3e;
	padding-left: 20px;
	margin: 5px 0 5px 0;
}

#cartes {
	width: 400px;
}

#carteDepart {
	margin-right: 10px;
	width: 200px;
}

#carteDepartViaduc {
	margin-right: 10px;
	width: 150px;
}

#carteRetour {
	margin-left: 10px;
}

#marge-avant {
	width: 100px;
}

#marge-apres {
	width: 100px;
}

#jour-suivant {
	width: 30px;
	top: 25px;
	vertical-align: middle;
}

#jour-precedent {
	width: 30px;
	top: 25px;
	vertical-align: middle;
}

.suivant-actif button {
	background-image: url(../_images/puce_orange_mobile.png);
	filter: none;
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	top: 25px;
	border: 0;
	display: block;
	background-color: white
}

.precedent-actif button {
	background-image: url(../_images/puce_orange_mobile_gauche.png);
	filter: none;
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	top: 25px;
	border: 0;
	display: block;
	background-color: white
}

.suivant-actif button:hover,.precedent-actif button:hover {
	cursor: pointer;
	outline-width: 2px;
	outline-color: #c5c5c5;
}

.suivant-actif button:focus,#jour-precedent button:focus {
	cursor: pointer;
	outline-width: 0px;
}

.suivant-inactif button {
	background-image: url(../_images/puce_orange_mobile_inactive.png);
	filter: none;
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	top: 25px;
	border: 0;
	display: block;
	background-color: white
}

.precedent-inactif button {
	background-image: url(../_images/puce_orange_mobile_gauche_inactive.png);
	filter: none;
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	top: 25px;
	border: 0;
	display: block;
	background-color: white
}

#Legende {
	background-image: url(../_images/legendePrevisions.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 250px;
}

#calendrierbf{
	min-height: 30px;
	padding-top: 30px;
	padding-left: 40px;
}

#nextWeekendsLegend th {
	width: 35px;
	height: 35px;
	margin-right: 10px;
    font-weight: bold;
}

#prochainsjours{
	width: 100%;
	padding-left: 40px;
	padding-right: 50px;
	padding-bottom: 50px;
}

.titlePrevisions{
	font-size: 13px;
	font-weight: bold;
	color: #3e3e3e;
	padding-left:20px;
}

.prochainsJours {
	border-collapse: separate;
    border-spacing: 5px 5px;
    margin-right: 5px;
    float: left;
    height: auto;
}

.nextWeekendsLegend th {
    vertical-align: middle;
    font-size: 1.1em;
    height: 45px;
    /*border: 1px solid black;*/
}

.prochainsJours td,
.prochainsJours th {
    /*width: 35px;*/
    width: 35px;
    height: 35px;
	cursor: pointer;
    /*border: 1px solid black;*/
}

#contenuprochainsjours {
	width: 82%;
	float: left;
	margin-left: 10px;
	overflow-x: scroll;
}


.eventRed a {
    background-color: red !important;
    background-image :none !important;
    color: #ffffff !important;
}

.eventGreen a {
    background-color: green	 !important;
    background-image :none !important;
    color: #ffffff !important;
}

.eventOrange a {
    background-color: orange	 !important;
    background-image :none !important;
    color: #ffffff !important;
}

.eventBlack a {
    background-color: #000000	 !important;
    background-image :none !important;
    color: #ffffff !important;
}

#sliderBox {
  position: relative;
  width:100%;
  height: 200px;
  overflow: hidden;
  display: block;
}
#slideMov {
  position: absolute;
  top:0;
  left:0;
  white-space: nowrap;
}
#acceuil #colonne1 #fond table tr #departs{
	margin-right: 140px;
}
#acceuil #colonne1 #fond table tr #retours{
	margin-left: -120px;
}
/*IE compatibilité svg */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#acceuil #colonne1 #fond table tr td #carteRetour #map-retour #map-retour-svg {
    width: 100%;
    height: 150%;  
	margin-left: -80px;
}
#acceuil #colonne1 #fond table tr #couleurs{
	margin-left: -50px;
}
#acceuil #colonne1 #fond table tr #departs{
	margin-right: 230px;
}
#acceuil #colonne1 #fond table tr #retours{
	margin-left: -290px;
}
}

.posisitionEvent{
	margin-left:-9px !important;
}

#cartes-restrictions{
	background: #d2d4cd;
	background: -moz-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d4cd),
		color-stop(10%, #f9f9f7));
	background: -webkit-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: -o-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: -ms-linear-gradient(top, #d2d4cd 0, #f9f9f7 10%);
	background: linear-gradient(to bottom, #d2d4cd 0, #f9f9f7 10%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2d4cd',
		endColorstr='#fff9f9f7', GradientType=0)
}

.restirctions_hivernales_text {
	padding:15px;
	text-align: left;
	
}

.restirctions_hivernales_text h1 {
	background-color: rgba(0,0,0,0);
}

.heyo:hover {
	fill: #CC2929 !important;
	transition: 0.3s;
}

.zd-sud{
	fill:gray;
}

.zd-sud-est{
	fill:#0032cb;
}

.zd-ouest {
	fill:#cbedff;
}

.zd-haut-de-france{
	fill:#dee863;
}

.zd-idf{
	fill:#32cdfe;
}

.zd-est {
	fill:#36a0c4;
}

.zd-sud-ouest{
	fill:#3499ff;
}

.zd-enabled {
	cursor: pointer;
	stroke:#fff;
	transition: 0.3s;
}

.titre-zd {
	pointer-events: none;
	position: absolute;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	background: white;
	padding: 10px 15px;
	z-index: 5;
	width : 30%;
	margin: 0 auto;
	color: #21669e;
	border-radius: 5px;
	box-shadow: 0 0 0 1px #eee;
	transform :translateX(-50%);
	display: none;
}

.titre-zd:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}
.active {
	display: inline-block !important;
}

.infinite-carrousel {
	background: #333;
	color: #fff;
	font-size: 22pt;
	text-align: center;
	font-family: Marianne, 'Teko';
	letter-spacing: 0.15em;
}
  .wrap {
	position: relative;
	height: 191px;
	width: 600px;
	margin: 0 auto;
	box-shadow:7px 7px 5px 0px rgba(0, 0, 0, 0.25);
  }
  
  .window {
	overflow: hidden;
	position: relative;
	//background: #222;
  }
  
  .carousel {
	width: 10000px;
	position: relative;
	//top: 0; left: -450px;
  }
  
  .slide {
	height: 191px;
	width: 252px;
	cursor: pointer;
	float: left;
	position: relative;
	float: left;
	transform: translate(-252px);
	display: flex;
	flex-direction: column;
	justify-content: center;
  }
  

  
  #prev, #next {
	cursor: pointer;
	position: absolute;
	//bottom: -40px;
	font-size: 14pt;
  }
  
  #prev { left: 0 }
  #next { right: 0 }
  
  .transition_carrousel {
	transition: .7s;
  }

  .animate{
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.slick-slide {
	border-left: solid 1px #c6c7bf;
	border-right: solid 1px #f3f4f2
}@font-face {
  font-family: 'Marianne';
  font-style: normal;
  font-weight: normal;
  src: url("../_fonts/marianne/Marianne-Regular.otf");
}

@font-face {
  font-family: 'Marianne';
  font-style: normal;
  font-weight: bold;
  src: url("../_fonts/marianne/Marianne-Bold.otf");
}

@font-face {
  font-family: 'Marianne';
  src: url("../_fonts/marianne/Marianne-Thin.otf");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Marianne';
  src: url("../_fonts/marianne/Marianne-Light.otf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Marianne';
  src: url("../_fonts/marianne/Marianne-Regular.otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Marianne';
  src: url("../_fonts/marianne/Marianne-Medium.otf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Marianne';
  src: url("../_fonts/marianne/Marianne-Bold.otf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Marianne';
  src: url("../_fonts/marianne/Marianne-ExtraBold.otf");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Marianne';
  src: url("../_fonts/marianne/Marianne-ExtraBold.otf");
  font-weight: 900;
  font-style: normal;
}