/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 13px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.3);
	background-color: rgb(25,25,25);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20);
	}
}
#timer {
    margin: 20px;
    width: 80px;
}

.pietimer {
    position:relative;
    font-size: 200px;
    width:1em;
    height:1em;
    float: left;
}
.pietimer > .percent {
    position: absolute;
    top: 1.05em;
    left: 0;
    width: 3.33em;
    font-size: 0.3em;
    text-align:center;
    display: none;
}
.pietimer > .slice {
    position:absolute;
    width:1em;
    height:1em;
    clip:rect(0px,1em,1em,0.5em);
}
.pietimer > .slice.gt50 {
    clip:rect(auto, auto, auto, auto);
}
.pietimer > .slice > .pie {
    border: 0.2em solid #c0c0c0;
    position:absolute;
    width:0.6em; /* 1 - (2 * border width) */
    height:0.6em; /* 1 - (2 * border width) */
    clip:rect(0em,0.5em,1em,0em);
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
}
.pietimer > .slice > .pie.fill {
    -moz-transform:rotate(180deg) !important;
    -webkit-transform:rotate(180deg) !important;
    -o-transform:rotate(180deg) !important;
    transform:rotate(180deg) !important;
}
.pietimer.fill > .percent {
    display: none;
}
.pietimer.fill > .slice > .pie {
    border: transparent;
    background-color: #c0c0c0;
    width:1em;
    height:1em;
}

/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies {
	position: fixed;
	width: 90%;
	left: 0;
	top: 0;
	padding: 0.5em 5%;
	background: #565656;
	background: rgba(24,24,24,0.95);
	color: #fff;
	font-size: 14px;
	font-family: 'Ubuntu Condensed';
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	z-index: 99999;
	text-align: center;
	color: #fff;
}
.cc-cookies a, .cc-cookies a:hover {
	color: #fff;
	text-decoration: underline;
}
.cc-cookies a:hover {
	text-decoration: none;
}
.cc-overlay {
	height: 100%;
	padding-top: 25%;
}
.cc-cookies-error {
	float: left;
	width: 90%;
	text-align: center;
	margin: 1em 0 2em 0;
	background: #fff;
	padding: 2em 5%;
	border: 1px solid #ccc;
	font-size: 18px;
	color: #333;
}
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #7DAF3B;
	padding: 0.5em 0.75em;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
	background: #af3b3b;
	margin-left: 0.5em;
}
.cc-cookies a.cc-cookie-reset {
	background: #f15b00;
}
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
	background: #000;
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
}
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
	display: block;
	margin-top: 1em;
}
.cc-cookies.cc-discreet {
	width: auto;
	padding: 0.5em 1em;
	left: auto;
	top: auto;
}
.cc-cookies.cc-discreet a.cc-cookie-reset {
	background: none;
	text-shadow: none;
	padding: 0;
	text-decoration: underline;
}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
	text-decoration: none;
}
 @media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	display: block;
	margin: 1em 0;
}
}
 @media screen and (max-width: 480px) {
.cc-cookies {
	position: relative;
	float: left;
}
}

@charset "UTF-8";

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	margin: 0px;
	padding: 0px;
	outline: none;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	border-bottom: solid 1px #444;
	border-top: solid 1px #444;
    background-attachment:scroll;
	/*background-image:url(../images/style/barre-fond00bb.png);*/
	background-repeat:repeat-x;
	background-position:left -4px;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 2px;
	background-color: #FEFEFF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #A88;
	background-attachment:scroll;
	/*background-image:url(../images/style/barre-fond03b.png);*/
	background-repeat:repeat-x;
	background-position:left;
	text-shadow:rgba(0,0,0,.6) 0 -1px 0;
	color: #FFFFFF;
	outline: none;
	border-bottom: solid 1px #444;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	background-attachment:scroll;
	background-image:url(../images/fondButtonBlue.png);
	background-repeat:repeat-x;
	background-position:left;
	background-color: #999999;
	color: #222222;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #FFFFFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.

 */
.AccordionFocused  .AccordionPanelTab {
  background-attachment:scroll;
	background-image:url(../images/fondButtonG.png);
	background-repeat:repeat-x;
	background-position:left;
	background-color: #999999;
	color: #222222;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-attachment:scroll;
	background-image:url(../images/fondButtonR.png);
	background-repeat:repeat-x;
	background-position:left;
	background-color: #999999;
	color: #FFFFFF;
}

@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	border-bottom: solid 1px #444;
	border-top: solid 1px #444;
    background-color: #EEE;
    /*background-attachment:scroll;
	background-image:url(../images/style/barre-fond00b48.png);
	background-repeat:repeat-x;
	background-position:left -4px;*/
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	/*-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	/*background-attachment:scroll;
	background-image:url(../images/style/barre-fond00b48.png);
	background-repeat:repeat-x;
	background-size: 100%;
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);*/
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	float: left;
	padding: 4px 32px;
	margin: 0px 0px 0px 0px;
	background-attachment:scroll;
	/*background-image:url(../images/style/barre-fond03b48.png);
	background-repeat:repeat-x;
	background-position:left;*/
	background-color: #FFF;
	color: #222;
	text-shadow:rgba(255,255,255,.2) 0 1px 0;
	border-right: solid 1px #444;
	/*top: 1px;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	background-color: #DDD;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #555555;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;*/
	list-style: none;
	
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:18px;
	/*-moz-box-shadow: inset 0px 0px 3px rgba(255,255,255,0.6);
	-webkit-box-shadow: inset 0px 0px 3px rgba(255,255,255,0.6);
	box-shadow: inset 0px 0px 3px rgba(255,255,255,0.6);*/
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
    background-color: #AAA;
	/*background-attachment:scroll;
	background-image:url(../images/style/barre-fond04b48.png);
	background-repeat:repeat-x;
	background-position:left;*/
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	/*background-color: #EEE;
	border-bottom: 1px solid #EEE;*/
	background-color: #666;
	/*background-attachment:scroll;
	background-image:url(../images/style/barre-fond03-48.png);
	background-repeat:repeat-x;
	background-position:left;*/
	text-shadow:rgba(0,0,0,.6) 0 -1px 0;
	color: #FFFFFF;
	outline: none;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
	outline: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear:both;
	/*border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;*/
	border-top: solid 1px #444;
	background-color: #EEE;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 22em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #444;
	border-right: solid 1px #444;
	border-left: solid 1px #888;
	border-bottom: solid 1px #888;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	outline: none;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	border-bottom: solid 1px #444;
	border-top: solid 1px #444;
    /*background-attachment:scroll;
	background-image:url(../images/style/barre-fond00bb.png);
	background-repeat:repeat-x;
	background-position:left -4px;*/
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	position: relative;
	padding: 4px 10px;
	margin: 0px 0px 0px 0px;
	/*background-attachment:scroll;
	background-image:url(../images/style/barre-fond00bb.png);
	background-repeat:repeat-x;
	background-position:left;*/
	background-color: #666;
	color: #FFF;
	text-shadow:rgba(0,0,0,.2) 0 1px 0;
	outline: none;
	/*top: 1px;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	background-color: #DDD;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #555555;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;*/
	list-style: none;
	
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 2px;
	background-color: #FFF;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
	outline: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #666;
	/*background-attachment:scroll;
	background-image:url(../images/style/barre-fond03b.png);
	background-repeat:repeat-x;
	background-position:left;*/
	text-shadow:rgba(0,0,0,.6) 0 -1px 0;
	color: #FFFFFF;
	outline: none;
	border-bottom: solid 1px #444;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	/*background-attachment:scroll;
	background-image:url(../images/style/barre-fond04b.png);
	background-repeat:repeat-x;
	background-position:left;*/
	outline: none;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	/*background-color: #3399FF;*/
}

@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

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

 LAYOUT INFORMATION: describes box model, positioning, z-order

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

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 10em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 10.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 10.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #EEE;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #888;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #888;
	color: #FFF;
}

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

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

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

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

@charset "UTF-8";

/* SpryValidationCheckbox.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the messages
 * (required message, minSelections message and maxSelections message)
 * which prevent them from being displayed by default.
 */
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .checkboxRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
}

@charset "UTF-8";

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}

@charset "UTF-8";

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}


@charset "UTF-8";
/* SpryValidationConfirm.css - version 0.1 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.confirmRequiredMsg, 
.confirmInvalidMsg, 
.confirmValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .confirmRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.confirmValidState input, input.confirmValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.confirmFocusState input, input.confirmFocusState {
	background-color: #FFFFCC;
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-condensed-regular - latin */
@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-condensed-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'),
       url('fonts/ubuntu-condensed-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-condensed-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-condensed-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-condensed-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-condensed-v8-latin-regular.svg#UbuntuCondensed') format('svg'); /* Legacy iOS */
}

/* ubuntu-mono-regular - latin */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-mono-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'),
       url('fonts/ubuntu-mono-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-mono-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-mono-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-mono-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-mono-v7-latin-regular.svg#UbuntuMono') format('svg'); /* Legacy iOS */
}

//NOT FOUND : fonts/merriweather.css
@charset "utf-8";
/* CSS Document */

/* use: font-family: 'Roboto Slab', serif; */



/** {
    box-sizing: border-box;
}*/
.my_row{
    display:inline-block;
}

.my_row::after {
    content: "";
    clear: both;
    display: table;
	box-sizing: border-box;
}

.my_cell {
	float: left;
	box-sizing: border-box;
}

.my_cell_64px {
	float: left;
	box-sizing: border-box;
	width: 76px;
	padding-right:12px;
	padding-bottom:64px;
}

.my_cell_flush {
	float: left;
	box-sizing: border-box;
	width: calc(100% - 84px);
	padding-top:18px;
	padding-right:18px;
}

[class*="my_col-"] {
    float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-1 {
	width: 8.33%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-2 {
	width: 16.66%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-3 {
	width: 25%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-4 {
	width: 33.33%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-5 {
	width: 41.66%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-6 {
	width: 50%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-7 {
	width: 58.33%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-8 {
	width: 66.66%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-9 {
	width: 75%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-10 {
	width: 83.33%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-11 {
	width: 91.66%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}
.my_col-12 {
	width: 100%;
	float: left;
    padding: 15px;
	box-sizing: border-box;
}

.my_card_white {
	background: #FFF;
	color:#000;
	-moz-border-radius: 4px;
	border: 3px solid rgba(0,0,0,0);
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

.my_card_white_hover_evidence {
	background: #FFF;
}

.my_card_white_hover_evidence:hover{
	background: #FFF;
	border: 3px solid #0080FF;
}

.my_pointer {
	cursor: pointer;
}

html{
    background: #444; /* Old browsers */
	border:none;
	color:#fff;
	scroll-behavior: smooth;
}


body {
	font-family: "Ubuntu", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	/*height:100%;*/
}

p {
	margin-top: 0;
}

li {
	margin-bottom: 8px;
}

a:link {
	color: #0080FF;
}

a:visited {
	color: #0080FF;
}

a:active {
	color: #0080FF;
}

.lienFurtif{
	text-decoration: none;	
}

.bedeskTopTitleDIV{
	width:100%;
	padding:16px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:48px;
	color:#fff;
}

#be14Navbar {
	overflow: hidden;
	width:100%;
	padding: 0;
	margin: 0;
	background: #006790;
	color: #fff;
	border-top:1px solid rgba(0,0,0,0.125);
	border-bottom:1px solid #404040;
	/*opacity: 0;
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);*/
}

.be14Navbar_inner {
	border-top:1px solid rgba(255,255,255,0.125);
	/*border-bottom:1px solid rgba(255,255,255,0.065);*/
}

.be14Sticky {
	position: fixed;
	top: 0px;
	z-index: 10000;
	max-width: 1240px;
	margin: auto;
	width:100%;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}

.navLink {
	font-family: 'Ubuntu Condensed', sans-serif;
}

.navLink span {
	margin-left: 8px;
	font-size: 24px;
	text-decoration: none;
	display: inline-block;
	position: relative;
	top: -6px;
}

@media screen and (max-width: 1180px) {
	.navLink span {
		font-size: 18px;
		top: -8px;
	}
}

@media screen and (max-width: 870px) {
	.navLink span {
		display: none;
	}
}

.navLink a{
	color: white;
	text-decoration: none;
}

.navLink a:link,
.navLink a:visited,
.navLink a:active {
	color: white;
	text-decoration: none;
}


.be14TopDIV{
	width:100%;
	padding: 0;
	margin: 0;
	position:static;
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	border-bottom:1px solid #444;
}

.be14TopDIV-title-menu{
	width:100%;
	padding: 0;
	margin: 0;
	border: 0;
	background: #006790;
	color: #fff;
	border-top:1px solid rgba(255,255,255,0.125);
}

.be14TopDIV-pub{
	width:100%;
	padding: 0;
	margin: 0;
	border: 0;
	background: #db532d;
	color: #fff;
	border-bottom:1px solid rgba(0,0,0,0.075);
	transition: background-color 0.5s;
}

.be14TopDIV-pub:hover {
	background: #006010;
}

.be14TopDIV-pub img {
	width:100%;
	height:auto;
}

.be14BottomDIV{
	background-color: #006790;
	color: #FFF;
	border-top:1px solid rgba(255,255,255,.25);
	border-bottom:1px solid rgba(255,255,255,.25);
	font-size:14px;
	margin:0px;
	padding-left:40px;
	padding-right:40px;
	padding-top:12px;
	padding-bottom:16px;
	-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
}

.be14BottomDIV_inside{
	background-color:#333;
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	font-size:12px;
	margin:0px;
	padding:40px;
}

.be14_fb_workaround{
	display:none;
}

.be14_header_background,
.be14_header_barTD,
.be14_footer_barTD
{
	
	background: #006790; /* Old browsers */
	
	border:none;
}

.be14_header_barTD{
	border-bottom:1px solid #444;
}

.be14_content_inner_default,
.be14_content_inner_default_p12px{
	background: #fff;
	color: #000;
	margin:0px;
	padding:0px;
}

.be14_content_inner_default_p12px{
	margin:12px;
	padding:12px;
}



.be14_content_default,
.be14_contant_default2,
.be14_content_defaultTD{
	background: #fff;
	color: #000;
	border-bottom:1px solid #444;
	margin:0px;
	padding:0px;
}

.be14_content_default2 {
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.3);
}

.be14_content_defaultTD {
	background-image: url(images/style/ombre01.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
}

.be14_content_linen,
.be14_content_linen2,
.be14_content_linen2_certif_bg
{
	background-color: #333;
	overflow: auto;
	color: #FFF;
	/*border-bottom: 1px solid #444;*/
}

.be14_content_linen2,
.be14_content_linen2_certif_bg
{
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.6);
	background-color: #333;
}

.be14_content_linen2_certif_bg
{
	background-image:url(images/svg/bg/certified-260x320-white-alpha64.svg);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size:contain;
}

.mainTitleBarTD {
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	color:#aaa;
	background: rgb(58,71,82); /* Old browsers */
}

.mainTitleBarH1 {
	color:#FDFFFF;
	text-shadow:rgba(0,0,0,.3) 0 -1px 0;
	font-family:"Times New Roman", Times, serif;
	font-size:46px;
	margin:0px;
	padding:0px;
	font-weight:100;
}

.mainHeaderStyleH1 {
	margin:4px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:36px;
	font-weight:100;
	color:#FFF;
	text-shadow:rgba(0,0,0,.6) 0 -1px 0;
	text-indent:0;
	word-spacing:0 
}

.mainContentTD {
	border-top: 0px;
	/*border-bottom:1px solid #AAA;*/
	border-left: 1px solid #888;
	border-right: 1px solid #666;
	background-color: #FFF;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:8px;
	padding-top:0px;
}

.contentTD {
	border-top: 0px;
	border-bottom:1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-image: url(images/style/ombre01.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
	background-color: #FFFFFF;
	color:#000;
}

.contentTDsmall {
    font-size: 11px;
	border-top: 0px;
	border-bottom:1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-image: url(images/style/ombre01.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
	background-color: #FFFFFF;
}

.contentMenuTD {
	border-top: 0px;
	border-bottom:0px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

.contentHeaderTD {
    background-color: #EEE;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	color:#222;
	text-shadow:rgba(255,255,255,.3) 0 1px 0;
	background-position:center left;
	/*background-image:url(images/style/barre-fond00bb.png);*/
	background-repeat:repeat-x;
	background-size:contain;
}

.contentHeaderTD_blue {
    background-color: #EEF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	color:#222;
	text-shadow:rgba(255,255,255,.3) 0 1px 0;
	background-position:center left;
	/*background-image:url(images/style/barre-fond03bb.png);*/
	background-repeat:repeat-x;
	background-size:contain;
}

.contentHeaderTD14 {
    background-color: #EEE;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	color:#000;
	font-size:14px;
	text-shadow:rgba(255,255,255,.3) 0 1px 0;
	background-position:center left;
	/*background-image:url(images/style/barre-fond00bb.png);*/
	background-repeat:repeat-x;
	background-size:contain;
}

.contentTDtoolTips {
	background-color: #FFFFEE;
	border: 1px solid #E0E0D0;
	color: #333;
	margin: 4px;
	font-size: 14px;
}
.headerTDtoolTips {
	background-color: #E0E0D0;
	border: 1px solid #E0E0D0;
	color: #333;
	margin: 4px;
	font-size: 10px;
}
.headerTD {
	border-top: 0px;
	border-bottom: 1px solid #484848;
	border-left: 0px;
	border-right: 0px;
}
.headerStyle1 {
	margin:0;
	font-size: 18px;
	font-weight: bold;
	 color:#FFFFFF;
	 text-indent:0;
	 line-height:100%;
	 word-spacing:0 
}
.headerStyle2 {
	margin:0;
	font-size: 42px;
	text-transform: capitalize;
	font-weight: bold;
	 color:#FFFFFF;
	 text-indent:0;
	 line-height:100%;
	 word-spacing:0 
}
.headerStyle3 {
	margin:0;
	font-size: 18px;
	/*font-weight: bold;*/
	 color:#EEEEEE;
	 text-indent:0;
	 line-height:100%;
	 word-spacing:0 
}
.storeTitleStyle1 {
	margin:0;
	 text-indent:0;
	 /*line-height:110%;*/
	 word-spacing:0 
}
.storeTitleStyle2 {
	margin:0;
	color:#880000;
	text-indent:0;
	/*line-height:110%;*/
	 word-spacing:0
}

.storeTitleStyle3 {
	margin:0;
	color:#FF9933;
	text-indent:0;
	/*line-height:110%;*/
	 word-spacing:0;
	font-size: 18px;
	/*font-weight: bold;*/
}

.storeTitleStyle3_shadow {
	margin:0;
	color:#222;
	text-indent:0;
	/*line-height:110%;*/
	 word-spacing:0;
	font-size: 28px;
	/*font-weight: bold;*/
}

.store_prix_titre_rouge {
	color:#800;
	margin:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:8px;
	padding-bottom:4px;
}

.store_prix_28px,
.store_prix_28px_sup
{
	margin:0px;
	padding:0px;
	color:#222;
	text-indent:0;
	 word-spacing:0;
	font-size: 28px;
}

.store_prix_28px_sup
{
	position:relative;
	top:-10px;
	font-size:14px;
}

.store_prix_18px,
.store_prix_18px_sup,
.store_prix_18px_sub
{
	margin:0px;
	padding:0px;
	color:#222;
	text-indent:0;
	word-spacing:0;
	font-size: 18px;
}

.store_prix_18px
{
	padding-bottom:8px;
}

.store_prix_18px_sup
{
	position:relative;
	top:-6px;
	font-size:10px;
}

.store_prix_18px_sub
{
	font-size:10px;
}

.store_product_title_big
{
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 32px;
	text-decoration: none;
	color: #0080FF;
	text-shadow:rgba(0,0,0,.3) 0 1px 0;
}

.store_product_title
{
	font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 28px;
	text-decoration: none;
	color: #0080FF;
}

.store_sub_title
{
	font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 18px;
}

.storeCellBorder1{
	border-bottom: solid 1px #CCC;
	text-indent:-82px;
	padding-left:82px;
}
.storeCellBorder2{
	border-bottom: solid 1px #CCC;
}
.storeTitleText1{
    font-size: 18px;
	/*font-weight: bold;*/
}

.storeRemarkText1{
    color: #333;
}
.storeCellVPadding1{
	margin: 0px;
	padding: 6px;
}


.socialTitle {
	color:#880000;
	font-size: 22px;
	font-weight: bold;
}

.socialTitleBlue {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0080FF;
}

.socialTitle a{
	color:#880000;
	font-size: 22px;
	font-weight: bold;
	text-decoration:none;
}

.socialTitle a:link{
	color:#880000;
	font-size: 22px;
	font-weight: bold;
	text-decoration:none;
}

.socialTitle a:visited{
	color:#880000;
	font-size: 22px;
	font-weight: bold;
	text-decoration:none;
}

.socialTitle a:active{
	color:#880000;
	font-size: 22px;
	font-weight: bold;
	text-decoration:none;
}

.socialTitle a:hover{
	color: #0080FF;
	font-weight: bold;
	text-decoration:underline;
}

.SocialBox {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F8F8FF;
	border: 1px solid #D0D0FF;
	color: #0080FF;
	text-decoration: none;
}

h3 {
	margin-top: 0px;
	padding-top: 0px;
}
h4 {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.size14{
	font-size:14px;
}

.headerLink{
	color:#FFF;
	text-decoration: none;
}

.headerLink a:link {
	color:#FFF;
	text-decoration: none;
}
.headerLink a:visited {
	color:#FFF;
	text-decoration: none;
}
.headerLink a:active {
	color:#FFF;
	text-decoration: none;
}
.headerLink a:hover {
	color:#FFF;
	text-decoration: none;
}	

.headerLink_cell{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	background-color:transparent;
	border:none;
	margin:16px;
	padding-bottom: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	transition: background-color 0.5s;
}

.headerLink_cell:hover{
	background-color:rgba(0,0,0,.3);
}

.headerLink_over{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	background-color:rgba(0,0,0,.3);
	border:none;
	margin:16px;
	padding-bottom: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}

.headerLink_over a:link {
	color:#FFF;
	text-decoration: none;
}
.headerLink_over a:visited {
	color:#FFF;
	text-decoration: none;
}
.headerLink_over a:active {
	color:#FFF;
	text-decoration: none;
}
.headerLink_over a:hover {
	color:#FFF;
	text-decoration: none;
}	

.headerLink_out{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	background-color:transparent;
	border:none;
	margin:16px;
	padding-bottom: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}

.headerLink_out a:link {
	color:#FFF;
	text-decoration: none;
}
.headerLink_out a:visited {
	color:#FFF;
	text-decoration: none;
}
.headerLink_out a:active {
	color:#FFF;
	text-decoration: none;
}
.headerLink_out a:hover {
	color:#FFF;
	text-decoration: none;
}	
	

.ContentDefault {
	font-size: 12px;
	color: #333;
}

#livechat {
	padding: 8px;
	float: right;
	width: 300px;
	position: relative;
	height: auto;
}

#livechat2 {
	padding: 0px;
	width: 100%;
	position: relative;
	height: auto;
}

#livechat3 {
	padding:8px;
	width: 300px;
	/*position: relative;*/
	height: auto;
}

.be13box_outter {
	border: 1px solid #444;
	box-shadow: 0px 0px 5px #222;
	height:100%;
	padding:0px;
	margin:8px;
	overflow:hidden;
	float:left;
}

.be13box_inner {
	border: 1px solid rgba(255,255,255,.3);
	padding:8px;
	margin:0px;
	/*background-position:top left;
	background-repeat:no-repeat;
	background-image: url(images/model13/be13bgmask64x64.png);
	background-size:contain;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/model13/be13bgmask64x64.png',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/model13/be13bgmask64x64.png',sizingMethod='scale')";
	*/
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.be13icon a{
	text-decoration: none;
	color:#222;
	text-shadow:rgba(255,255,255,.3) 0 1px 0;
}

.be14icon,
.be14icon_over_dark {
	display: table-cell;
    vertical-align: middle
}

.be14icon a{
	text-decoration: none;
	color:#222;
	text-shadow:rgba(255,255,255,.3) 0 1px 0;
}

.be14icon_over_dark a{
	text-decoration: none;
	color:#222;
	text-shadow:rgba(255,255,255,.3) 0 1px 0;
}

.be14icon_over_dark{
	-moz-border-radius: 4px;
    border-radius: 4px;
	background: rgba(152, 209, 32,.3);
}

.blackShadow{
	text-shadow:rgba(0,0,0,.6) 0 -1px 0;
}

.box_dark_shadowed{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}

.be14_roundBox_brighter {
	border: 1px solid rgba(255,255,255,.6);
	background: rgba(0,0,0,.3);
	padding:8px;
	margin:0px;
	color:#fff;
	-moz-border-radius: 4px;
    border-radius: 4px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

.be14_dark_section
{
	width:100%;
	background: rgba(0,0,0,0.2);
	border-top: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
	margin-left:-32px;
	margin-bottom:24px;
	padding: 0 48px 0 32px;
	color:#fff;
}

.table_row{
	padding:0px;
	margin: 0px;
	display:table;
}

.table_cell{
	width:100%;
	background: #FFF;
	border: 1px solid rgba(255,255,255,.1);
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:4px;
	margin-right:4px;
	color:#000;
	-moz-border-radius: 2px;
    border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

.table_cell_dark
{
	width:100%;
	background: rgba(0,0,0,0.3);
	border: 1px solid rgba(255,255,255,.6);
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:4px;
	margin-right:4px;
	color:#fff;
	-moz-border-radius: 2px;
    border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

.inline_block,
.be14_icon_block_32x32,
.be14_block_dark,
.be14_block_grisclair,
.be14_block_jaune,
.be14_block_blanc
{
	display: inline-block;
	padding:0px;
	margin:4px;
	vertical-align:top;
	float:left;
}

.be14_icon_block_32x32
{
	width:32px;
	height:32px;
	background-image:url(images/style/grnd-32x32-white.png);
	background-position:center center;
	background-repeat:no-repeat;
	/*background: rgba(0,0,0,0.3);
	border: 1px solid rgba(255,255,255,.6);
	color:#fff;
	-moz-border-radius: 2px;
    border-radius: 2px;*/
}

.be14_block_dark
{
	background: rgba(0,0,0,0.3);
	border: 1px solid rgba(255,255,255,.6);
	margin:2px;
	margin-top:4px;
	color:#fff;
	-moz-border-radius: 2px;
    border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	float:left;
}

.be14_block_grisclair
{
	background: #eeeeee;
	border: 1px solid rgba(255,255,255,.6);
	margin:2px;
	margin-top:4px;
	color:#000;
	-moz-border-radius: 2px;
    border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	float:left;
}

.be14_block_jaune
{
	background: #e3c800;
	border: 1px solid rgba(255,255,255,.6);
	margin:2px;
	margin-top:4px;
	color:#000;
	-moz-border-radius: 2px;
    border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	float:left;
}


.be14_block_blanc
{
	background: #fff;
	border: 1px solid rgba(255,255,255,.6);
	margin:2px;
	margin-top:4px;
	color:#000;
	-moz-border-radius: 2px;
    border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	float:left;
}


.be14_ItemBox_01,
.be14_ItemBox_violet,
.be14_ItemBox_orange,
.be14_ItemBox_blue,
.be14_ItemBox_vert,
.be14_ItemBox_rouge,
.be14_ItemBox_gris,
.be14_ItemBox_brun,
.be14_ItemBox_grisbleu,
.be14_ItemBox_grisclair,
.be14_ItemBox_grisclair2
{
	background: #68217a;
	border: 1px solid rgba(255,255,255,.1);
	padding:0px;
	margin:1px;
	color:#fff;
	/*-moz-border-radius: 2px;
    border-radius: 2px;*/
}

.be14_ItemBox_01_over,
.be14_ItemBox_violet_over,
.be14_ItemBox_orange_over,
.be14_ItemBox_blue_over,
.be14_ItemBox_vert_over,
.be14_ItemBox_rouge_over,
.be14_ItemBox_gris_over,
.be14_ItemBox_brun_over,
.be14_ItemBox_grisbleu_over,
.be14_ItemBox_grisclair_over,
.be14_ItemBox_grisclair2_over
{
	background: #68217a;
	border: 2px solid rgba(255,255,255,.6);
	padding:0px;
	margin:0px;
	color:#fff;
	/*-moz-border-radius: 2px;
    border-radius: 2px;*/
}

.be14_ItemBox_01_over2,
.be14_ItemBox_violet_over2,
.be14_ItemBox_orange_over2,
.be14_ItemBox_blue_over2,
.be14_ItemBox_vert_over2,
.be14_ItemBox_rouge_over2,
.be14_ItemBox_gris_over2,
.be14_ItemBox_brun_over2,
.be14_ItemBox_grisbleu_over2,
.be14_ItemBox_grisclair_over2,
.be14_ItemBox_grisclair2_over2
{
	background: #68217a;
	border: 2px solid rgba(0,0,0,.6);
	padding:0px;
	margin:0px;
	color:#fff;
	/*-moz-border-radius: 2px;
    border-radius: 2px;*/
}

.be14_MenuBox_01,
.be14_MenuBox_violet,
.be14_MenuBox_mauve,
.be14_MenuBox_orange,
.be14_MenuBox_blue,
.be14_MenuBox_vert,
.be14_MenuBox_rouge,
.be14_MenuBox_gris,
.be14_MenuBox_brun,
.be14_MenuBox_grisbleu,
.be14_MenuBox_grisclair,
.be14_MenuBox_grisclair2
{
	background: #68217a;
	display: inline-block;
	float:left;
	border: 1px solid rgba(255,255,255,.1);
	padding:0px;
	margin:4px;
	color:#fff;
	-moz-border-radius: 2px;
    border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

.be14_MenuBox_01_over,
.be14_MenuBox_violet_over,
.be14_MenuBox_mauve_over,
.be14_MenuBox_orange_over,
.be14_MenuBox_blue_over,
.be14_MenuBox_vert_over,
.be14_MenuBox_rouge_over,
.be14_MenuBox_gris_over,
.be14_MenuBox_brun_over,
.be14_MenuBox_grisbleu_over,
.be14_MenuBox_grisclair_over,
.be14_MenuBox_grisclair2_over
{
	background: #68217a;
	display: inline-block;
	float:left;
	border: 2px solid rgba(255,255,255,.6);
	padding:0px;
	margin:3px;
	color:#fff;
	-moz-border-radius: 2px;
    border-radius: 2px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

.be14_MenuBox_violet,
.be14_MenuBox_violet_over,
.be14_ItemBox_violet,
.be14_ItemBox_violet_over,
.be14_ItemBox_violet_over2
{
	background: #68217a;
}

.be14_MenuBox_mauve,
.be14_MenuBox_mauve_over
{
	background: #800080;
}

.be14_MenuBox_orange,
.be14_MenuBox_orange_over,
.be14_ItemBox_orange,
.be14_ItemBox_orange_over,
.be14_ItemBox_orange_over2
{
	background: #db532d;
}

.be14_MenuBox_blue,
.be14_MenuBox_blue_over,
.be14_ItemBox_blue,
.be14_ItemBox_blue_over,
.be14_ItemBox_blue_over2
{
	background: #094ab1;
}

.be14_MenuBox_vert,
.be14_MenuBox_vert_over,
.be14_ItemBox_vert,
.be14_ItemBox_vert_over,
.be14_ItemBox_vert_over2
{
	background: #006010;
}

.be14_MenuBox_rouge,
.be14_MenuBox_rouge_over,
.be14_ItemBox_rouge,
.be14_ItemBox_rouge_over,
.be14_ItemBox_rouge_over2
{
	background: #a10606;
}

.be14_MenuBox_gris,
.be14_MenuBox_gris_over
.be14_ItemBox_gris,
.be14_ItemBox_gris_over
{
	background: #6b6b6b;
}

.be14_MenuBox_grisclair,
.be14_MenuBox_grisclair_over,
.be14_ItemBox_grisclair,
.be14_ItemBox_grisclair_over
{
	background: #eee;
	color: #000;
}

.be14_MenuBox_grisclair2,
.be14_MenuBox_grisclair2_over,
.be14_ItemBox_grisclair2,
.be14_ItemBox_grisclair2_over
{
	background: #ccc;
	color: #000;
}

.be14_MenuBox_brun,
.be14_MenuBox_brun_over,
.be14_ItemBox_brun,
.be14_ItemBox_brun_over,
.be14_ItemBox_brun_over2
{
	background: #a3620a;
}

.be14_MenuBox_grisbleu,
.be14_MenuBox_grisbleu_over,
.be14_ItemBox_grisbleu,
.be14_ItemBox_grisbleu_over,
.be14_ItemBox_grisbleu_over2
{
	background: #486887;
}

.be14_and_more {
	background-image:url(images/style/more-white-16-padding4.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-origin: padding-box;
	padding:4px;
}

.grnd_downloads {
	background-image:url(images/svg/bg/grnd-download-344x280.svg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:contain;
}


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

/* --- les box --- */

.be14_discover_box,
.be14_discover_box_shadow {
	width:100%;
	background: #FFF;
	color:#000;
	border-top: 1px solid #444;
	padding:0px;
	border-bottom: 1px solid #444;
	/*-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/
	/*-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/
	/*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/
	-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
	background-image:url(images/svg/bg/grnd-download-344x280.svg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:contain;
}

.be14_titleBox_grisBleuC,
.be14_titleBox_grisBleuC_shadow_up {
	border-bottom:1px solid #444;
	border-top:1px solid rgba(255,255,255,0.1);
	background-color:#e8ebf0;
	width:100%;
	height:104px;
	color: #000;
}

.be14_title_p18,
.be14_title_p24,
.be14_title_p36 {
	color:#222;
	text-shadow:rgba(255,255,255,.3) 0 1px 0;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:24px;
	margin-bottom:4px;
}

.be14_title_p36 {
	font-size:36px;
}

.be14_title_p18 {
	font-size:18px;
}

.be14_title_white_p16,
.be14_title_white_p24,
.be14_title_white_p36 {
	color:#FFF;
	text-shadow:rgba(0,0,0,.3) 0 -1px 0;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:16px;
	margin-bottom:4px;
}

.be14_title_white_p24 {
	font-size:24px;
}

.be14_title_white_p36 {
	font-size:36px;
}

.be14_titleBox_grisBleuGrad,
.be14_titleBox_grisBleuGrad_shadow_up {
	margin:0px;
	padding:8px;
	padding-left:50px;
	background: #b2b6ba;
	
	border-bottom:1px solid #444;
	border-top:1px solid rgba(255,255,255,0.3);
	
	color:#222;
	text-shadow:rgba(255,255,255,.3) 0 1px 0;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:36px;
	
	-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
}


.be14_titleBox_grisBleuC_shadow_up/*,
.be14_titleBox_grisBleuGrad_shadow_up*/
 {
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.be14icon,
.be14icon_over_dark {
	display: table-cell;
    vertical-align: middle
}

.be14_foldBox{
	border-bottom: 1px solid #444;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	overflow-y:hidden;
	overflow-x:hidden;
}

.be14_contentBox_white,
.be14_contentBox_grisBleuC
{
	/*height: 384px;*/
	color: #000;
	margin-bottom:-2px;
	padding-top:7px;
	padding-right:48px;
	padding-left:50px;
	padding-bottom:10px;
	border-top: 1px solid rgba(0,0,0,0.2);
	font-size:16px;
	-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.6);
}

.be14_contentBox_white {
	background-color:#FFF;
}

.be14_contentBox_grisBleuC {
	background-color:#e8ebf0;
}

/*.be14_discover_box_shadow{
	
}*/




/* --- les éléments cycle --- */

.cycle_slide01_96x96 { height: 96px; width: 96px; margin: auto; }
.cycle_slide01_96x96 img { padding: 0px; border: none; }

.cycle_fade01_32x32 { height: 32px; width: 32px; margin: auto; }
.cycle_fade01_32x32 img { padding: 0px; border: none; }

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

.tiptip{
}

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

.mySlider_222_wide{
	margin:0px;
	padding:0px;
	background-color:#222222;
	border-top:1px solid rgba(255,255,255,0.6);
	border-bottom:1px solid #333;
}

.my_pie_timer{
	width:20px;
	height:20px;
}

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

.boxTipTop{
	background-color: #333;
	-moz-border-radius: 8px;
    border-radius: 8px;
	padding:8px;
	position: relative;
	margin:10px;
}
.boxTipTop:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;

	border: 10px solid transparent;
	border-top-color: #333;

	top: 100%;
	left: 50%;
	margin-left: -10px;
}

.boxTipBottom{
	background-color: #333;
	-moz-border-radius: 8px;
    border-radius: 8px;
	padding:8px;
	position: relative;
	margin:10px;
}

.boxTipBottom:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;

	border: 10px solid transparent;
	border-bottom-color: #333;

	top: -20px;
	left: 50%;
	margin-left: -10px;
}

.boxTipNone_grisbleu{
	background-color: #e8ebf0;
	-moz-border-radius: 8px;
    border-radius: 8px;
	padding:8px;
	position: relative;
	margin:10px;
}


.boxTipBottom_grisbleu{
	background-color: #e8ebf0;
	-moz-border-radius: 8px;
    border-radius: 8px;
	padding:8px;
	position: relative;
	margin:10px;
}

.boxTipBottom_grisbleu:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;

	border: 10px solid transparent;
	border-bottom-color: #e8ebf0;

	top: -20px;
	left: 50%;
	margin-left: -10px;
}

.boxTipNone_lightYellow{
	background-color: #FFC;
	-moz-border-radius: 8px;
    border-radius: 8px;
	border: 1px solid #FC6;
	padding:8px;
	position: relative;
	margin:10px;
}


.contrat {
	background-color: #FFFFEE;
	border: 1px solid #E0E0D0;
	color: #333;
	margin: 4px;
	font-size: 13px;
}




@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="my_col-"] {
        width: 100%;
    }

}