/*
 * inclure les fichiers css pour le media screen
 * Generate : Thu Feb 23 03:43:46 CET 2012
 * ************************************************************************* */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
.yui3-g{letter-spacing:-0.31em;*letter-spacing:normal;word-spacing:-0.43em;}.yui3-u,.yui3-u-1,.yui3-u-1-2,.yui3-u-1-3,.yui3-u-2-3,.yui3-u-1-4,.yui3-u-3-4,.yui3-u-1-5,.yui3-u-2-5,.yui3-u-3-5,.yui3-u-4-5,.yui3-u-1-6,.yui3-u-5-6,.yui3-u-1-8,.yui3-u-3-8,.yui3-u-5-8,.yui3-u-7-8,.yui3-u-1-12,.yui3-u-5-12,.yui3-u-7-12,.yui3-u-11-12,.yui3-u-1-24,.yui3-u-5-24,.yui3-u-7-24,.yui3-u-11-24,.yui3-u-13-24,.yui3-u-17-24,.yui3-u-19-24,.yui3-u-23-24{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;}.yui3-u-1{display:block;}.yui3-u-1-2{width:50%;}.yui3-u-1-3{width:33.33333%;}.yui3-u-2-3{width:66.66666%;}.yui3-u-1-4{width:25%;}.yui3-u-3-4{width:75%;}.yui3-u-1-5{width:20%;}.yui3-u-2-5{width:40%;}.yui3-u-3-5{width:60%;}.yui3-u-4-5{width:80%;}.yui3-u-1-6{width:16.656%;}.yui3-u-5-6{width:83.33%;}.yui3-u-1-8{width:12.5%;}.yui3-u-3-8{width:37.5%;}.yui3-u-5-8{width:62.5%;}.yui3-u-7-8{width:87.5%;}.yui3-u-1-12{width:8.3333%;}.yui3-u-5-12{width:41.6666%;}.yui3-u-7-12{width:58.3333%;}.yui3-u-11-12{width:91.6666%;}.yui3-u-1-24{width:4.1666%;}.yui3-u-5-24{width:20.8333%;}.yui3-u-7-24{width:29.1666%;}.yui3-u-11-24{width:45.8333%;}.yui3-u-13-24{width:54.1666%;}.yui3-u-17-24{width:70.8333%;}.yui3-u-19-24{width:79.1666%;}.yui3-u-23-24{width:95.8333%;}/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
.yui3-cssbase h1{font-size:138.5%;}.yui3-cssbase h2{font-size:123.1%;}.yui3-cssbase h3{font-size:108%;}.yui3-cssbase h1,.yui3-cssbase h2,.yui3-cssbase h3{margin:1em 0;}.yui3-cssbase h1,.yui3-cssbase h2,.yui3-cssbase h3,.yui3-cssbase h4,.yui3-cssbase h5,.yui3-cssbase h6,.yui3-cssbase strong{font-weight:bold;}.yui3-cssbase abbr,.yui3-cssbase acronym{border-bottom:1px dotted #000;cursor:help;}.yui3-cssbase em{font-style:italic;}.yui3-cssbase blockquote,.yui3-cssbase ul,.yui3-cssbase ol,.yui3-cssbase dl{margin:1em;}.yui3-cssbase ol,.yui3-cssbase ul,.yui3-cssbase dl{margin-left:2em;}.yui3-cssbase ol li{list-style:decimal outside;}.yui3-cssbase ul li{list-style:disc outside;}.yui3-cssbase dl dd{margin-left:1em;}.yui3-cssbase th,.yui3-cssbase td{border:1px solid #000;padding:.5em;}.yui3-cssbase th{font-weight:bold;text-align:center;}.yui3-cssbase caption{margin-bottom:.5em;text-align:center;}.yui3-cssbase p,.yui3-cssbase fieldset,.yui3-cssbase table,.yui3-cssbase pre{margin-bottom:1em;}.yui3-cssbase input[type=text],.yui3-cssbase input[type=password],.yui3-cssbase textarea{width:12.25em;*width:11.9em;}/*
 * 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;
}#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	/*background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* ***************************************************************************
 * GLOBAL
 *************************************************************************** */
html {
	background-repeat: repeat-x;
	background-color: #E4E4E4;
	background-image: url(../img/background.png);
	background-position: left top;
}

/* ***************************************************************************
 * UTILS
 *************************************************************************** */
.breaker,.breaker2 {
	clear: both;
}

br.breaker,br.breaker2 {
	line-height: 1px;
	height: 1px;
}

.breaker2 {
	display: none;
}

.hide,.hidden {
	display: none !important;
}

/* ***************************************************************************
 * DOC
 *************************************************************************** */
#doc {
	width: 982px;
	margin: 0 auto;
	padding-top: 25px;
	position: relative;
}

#layoutPage,#layoutPageHome {
	position: relative;
}

#layoutPageHome {
	padding-bottom: 5px;
}

#mainContentContainer {
	width: 784px;
	background: #ffffff;
	min-height: 400px;
}/* ***************************************************************************
 * HEADER
 *************************************************************************** */
#header {
	position: relative;
	background: #e2001a;
	z-index: 20;
}

#header a.logo {
	text-decoration: none;
	display: block;
	padding: 8px 0 4px 15px;
	color: #ffffff;
	font-size: 138.5%;
	font-weight: bold;
	margin-right: 450px;
}

#header a.logo img {
	margin-right: 3px;
}

/* ***************************************************************************
 * HEADER : MYSELECTIONCONTAINER
 *************************************************************************** */
#mySelectionContainer {
	position: absolute;
	right: 0;
	top: 0;
}

#mySelectionContainer a.handle {
	line-height: 40px;
	color: #ffffff;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	display: block;
	padding: 0 10px 2px 18px;
	background: url(../img/header_selection_bg.png) left top no-repeat;
}

#mySelectionContainer.hover {
	width: 387px;
}

#mySelectionContainer.hover a.handle {
	background-image: url(../img/myselection_bg.png);
}

#mySelectionContainer #mySelection {
	display: none;
}

#mySelectionContainer.hover #mySelection {
	display: block;
}

#mySelection {
	z-index: 50;
	position: relative;
	padding: 10px 10px 15px 10px;
	background: url(../img/myselection_bg.png) left bottom no-repeat;
}

#mySelection a {
	color: #ffffff;
	font-weight: bold;
	font-size: 93%;
	display: block;
	text-align: right;
}

#mySelection a:hover {
	text-decoration: none;
}

/* ***************************************************************************
 * HEADER : FASTLINKS
 *************************************************************************** */
#fastlinks {
	position: absolute;
	width: 982px;
	top: 0;
	z-index: 100;
}

#fastlinks .h2 {
	display: none;
}

#fastlinks .links {
	float: right;
	font-weight: bold;
	border-right: 1px solid #70020d;
	font-size: 93%;
	line-height: 22px;
}

#fastlinks .links div {
	float: left;
	display: block;
}

#fastlinks .links a {
	float: right;
	color: #ffffff;
	text-decoration: none;
	border-left: 1px solid #70020d;
	padding: 0 10px 3px 10px;
}

#fastlinks .links a:hover {
	text-decoration: underline;
}

#fastlinks .languages {
	float: right;
	font-size: 85%;
	padding: 0 0 0 10px;
	color: #ffffff;
	line-height: 23px;
}

#fastlinks .languages a.handle {
	color: #ffffff;
	text-decoration: none;
	padding: 0 10px 0 10px;
	float: right;
	margin-left: 10px;
	border: 2px solid #000000;
	z-index: 150;
	position: relative;
	line-height: 19px;
	padding-bottom: 2px;
}

#fastlinks .languages a.handle:hover {
	text-decoration: underline;
}

#fastlinks .activate a.handle {
	border-color: #71000d;
	border-bottom-color: #ffffff;
	background: #ffffff;
	color:black;
}

/* ***************************************************************************
 * HEADER : LANGUAGES POPUP
 *************************************************************************** */
#languagesPopup {
	background: #ffffff;
	border: 2px solid #71000d;
	padding: 10px 5px 12px 5px;
	position: absolute;
	top: 23px;
	right: 0px;
	display: none;
	z-index: 100;
}

.activate #languagesPopup {
	display: block;
}

#languagesPopup .yui3-g {
	width: 370px;
	position: relative;
}

#languagesPopup .h3 {
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
}

#languagesPopup .layout_col1 .content {
	border-right: 1px solid #c3c3c3;
}

#languagesPopup .content {
	padding: 0 10px 0 10px;
}

#languagesPopup select {
	width: 100%;
}

#languagesPopup li {
	line-height: 1.3em;
}

#languagesPopup li.active a {
	font-weight: bold;
}

#languagesPopup a,
#languagesPopup span {
	text-decoration: none;
	color: #474747;
	background: url(../img/puce_triangle_1.png) left center no-repeat;
	padding-left: 10px;
	text-transform: lowercase;
}

#languagesPopup a:hover {
	text-decoration: underline;
}

#languagesPopup .remember {
	position: absolute;
	bottom: -5px;
	left: 50%;
	padding-left: 10px;
	color: #000000;
	font-weight: bold;
}

#languagesPopup .remember input {
	vertical-align: middle;
}

/* ***************************************************************************
 * HEADER : MAIN NAVIGATION
 *************************************************************************** */
#mainNavigation {
	position: relative;
	height: 31px;
	background: #736a75;
	margin-bottom: 5px;
	border-top: 1px solid #000000;
	z-index: 12;
}

#mainNavigation .h2 {
	display: none;
}

#mainNavigation form {
	position: absolute;
	right: 0px;
	top: 5px;
	padding-left: 12px;
	background: url(../img/header_searchform_bg.png) left 2px no-repeat;
}

#mainNavigation form label input {
	width: 132px;
	border: none;
	background: transparent;
	font-size: 85%;
}

#mainNavigation form input.submit {
	opacity: 0;
	cursor: pointer;
}

#mainNavigation li {
	border-right: 1px solid #000000;
	float: left;
	width: 210px;
}

#mainNavigation li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
	font-size: 108%;
	padding: 7px 10px 7px 0;
	background: url(../img/mainNavigation_corner_bg.png) left bottom
		no-repeat;
}

#mainNavigation li.hover {
	background: url(../img/menu_hover_bg.png) left -2px no-repeat;
	border: none;
	width: 213px;
	margin: 0 -1px 0 -1px;
	z-index: 100;
	position: relative;
}

#mainNavigation li.hover a {
	background: none;
	padding-right: 12px;
}

#mainNavigation li ul {
	display: none;
	position: absolute;
	width: 212px;
}

#mainNavigation li.hover ul {
	display: block;
	background: #ffaa00;
	background: url(../img/menu_hover_bg.png) left bottom no-repeat;
	padding-bottom: 10px;
	margin-bottom: -10px;
}

#mainNavigation li li {
	float: none;
	width: auto;
}

#mainNavigation li li a {
	font-size: 93%;
	padding: 0 5px 0 5px;
}

#mainNavigation li li a:hover {
	text-decoration: underline;
}/* ***************************************************************************
 * FOOTER
 *************************************************************************** */
#footer {
	background: url(../img/footer_bg.png) left top repeat-x #5a575b;
	padding-bottom: 10px;
	line-height: 1.02em;
}

#footer .h2 {
	display: none;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
	font-size: 85%;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul.sitemap {
	float: left;
	padding-top: 3px;
}

#footer ul.sitemap a {
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 7px;
}

#footer ul.sitemap ul {
	margin-top: 13px;
}

#footer ul.sitemap ul a {
	text-transform: none;
	font-weight: normal;
}

#footer ul.sitemap li {
	float: left;
	width: 270px;
}

#footer ul.sitemap ul li {
	float: none;
	width: auto;
}

#footer ul.links {
	float: right;
	padding: 33px 0 0 0;
	width: 110px;
	margin-right: 60px;
}

#footer ul.links a {
	display: block;
}

#footer ul.links a.rss {
	padding: 4px 0 0 30px;
	background: url(../img/picto_rss.png) left 6px no-repeat;
}

#footer ul.links a.facebook {
	padding: 4px 0 0 30px;
	background: url(../img/picto_facebook.png) left 4px no-repeat;
	display: none;
}/* ***************************************************************************
 * EXTRA
 *************************************************************************** */
#extra {
	padding-bottom: 97px;
	border-right: 784px solid #ffffff;
	margin-right: -784px;
	width: 198px;
}

/* ***************************************************************************
 * EXTRA : SEARCH FILTER
 *************************************************************************** */
#searchFilters {
	height: 166px;
	background: url(../img/searchFilters_bg.png) left top no-repeat;
}

#searchFilters h2,#searchFilters label {
	margin: 0 15px 0 15px;
}

#searchFilters h2 {
	color: #ffffff;
	font-size: 182%;
	font-weight: bold;
	padding: 5px 37px 0 0;
	line-height: 1em;
}

#searchFilters h2 strong {
	font-size: 76%;
}

#searchFilters label span {
	display: none;
}

#searchFilters label {
	display: block;
	margin-top: 8px;
}

#searchFilters select {
	width: 100%;
}

/* ***************************************************************************
 * EXTRA : ADS
 *************************************************************************** */
#extra .ads {
	padding: 22px 0 22px 0;
	margin-left: 0px;
}

#extra .ads .h2 {
	display: none;
}

/* ***************************************************************************
 * EXTRA : concessionnaire
 *************************************************************************** */
#concessionnaire {
	position: absolute;
	left: 0;
	bottom: 0;
	min-height: 97px;
	width: 198px;
	background: #000000;
	color: #ffffff;
}

#concessionnaire .vcard {
	padding: 10px;
}

#concessionnaire h2 {
	font-weight: bold;
	font-size: 93%;
	color: #e2001a;
}

#concessionnaire .org,#concessionnaire  .adr {
	font-size: 93%;
}

#concessionnaire a {
	font-size: 85%;
	color: #ffffff;
	background: url(../img/loupe.png) right top no-repeat;
	padding: 0 20px 4px 0;
}

#concessionnaire a:hover {
	text-decoration: none;
}/* ***************************************************************************
 * MAIN TITLE
 *************************************************************************** */
#mainTitle {
	height: 62px;
	background: url(../img/mainTitle_bg.jpg) right 62px #dad7de no-repeat;
}

#mainTitle.visuel1 {
	background-image: url(../img/mainTitle_bg.jpg);
	background-position: right 0;
	background-color: #dad7de;
	background-repeat:  no-repeat;
}

#mainTitle.visuel2 {
	background: url(../img/mainTitle_bg.jpg) right -62px #dad7de no-repeat;
}

#mainTitle.visuel3 {
	background: url(../img/mainTitle_bg.jpg) right -124px #dad7de no-repeat;
}

#mainTitle.visuelSearch {
	background: url(../img/mainTitle_bg.jpg) right -186px #dad7de no-repeat;
}

#mainTitle h1 {
	font-weight: bold;
	font-size: 265%;
	line-height: 1.7em;
	padding-left: 32px;
	float: left;
}

#mainTitle .other {
	float: left;
}

#mainTitle .other .container1 {
	margin: 22px 0 0 20px;
	background: url(../img/select_decorated.png) right top no-repeat;
	line-height: 20px;
	padding-right: 5px;
	position: absolute;
	z-index: 1;
}

#mainTitle .other .container2 {
	background: url(../img/select_decorated.png) left top no-repeat;
	color: #FFFFFF;
}

#mainTitle .other h2 {
	line-height: 20px;
	padding-left: 20px;
	font-size: 85%;
	font-weight: bold;
}

#mainTitle .other .otherDetails {
	display: none;
	padding: 5px 0 30px 0;
}

#mainTitle .hover .container1 {
	background-position: right -20px;
}

#mainTitle .hover .container2 {
	background-position: left -20px;
}

#mainTitle .hover .otherDetails {
	display: block !important;
	padding: 5px 0 30px 0;
}

#mainTitle .other a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	line-height: 1.2em;
}

#mainTitle .other a.current {
	color: #000000;
	text-decoration: none;
}

#mainTitle .other a:hover {
	text-decoration: underline;
}/* ***************************************************************************
 * BREADCRUMBS
 *************************************************************************** */
#breadcrumbs {
	color: #6e727b;
	font-size: 77%;
	margin: 5px 20px 5px 20px;
}

#breadcrumbs ul.default_pagePath {
	float: left;
}
#breadcrumbs li {
	display: inline;
}

#breadcrumbs a {
	background: url(../img/puce_chevron.png) right 4px no-repeat;
	color: #6e727b;
	text-decoration: none;
	padding-right: 10px;
	margin-right: 3px;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}
#breadcrumbs_prod {
	color: #6e727b;
	font-size: 77%;
	margin: 10px 5px 5px 20px;
}

#breadcrumbs_prod.product {
	color: #6e727b;
	font-size: 77%;
	margin: 50px 5px 5px 20px;
}

#breadcrumbs_prod ul.default_pagePath {
	float: left;
}
#breadcrumbs_prod li {
	display: inline;
}

#breadcrumbs_prod a {
	background: url(../img/puce_chevron.png) right 4px no-repeat;
	color: #6e727b;
	text-decoration: none;
	padding-right: 10px;
	margin-right: 3px;
}
#breadcrumbs_prod a.last {
	background:none;
	color: #6e727b;
	text-decoration: none;
	padding-right: 10px;
	margin-right: 3px;
}

#breadcrumbs_prod a:hover {
	text-decoration: underline;
}/* ***************************************************************************
 * MAIN CONTENT
 *************************************************************************** */
#mainContent {
	margin: 0 0 5px 0;
	padding-bottom: 10px;
}

/* ***************************************************************************
 * RH
 *************************************************************************** */
.zoneRh {
	padding-right: 7px;
}

.zoneRh h2 {
	font-size: 182%;
	font-weight: bold;
	color: #3c5066;
	margin-bottom: 10px;
}


.zoneRh form input {
	border: none;
	background: transparent;
}

.zoneRh form label.taperici {
	background: url(../img/rh_search_text.png) left top no-repeat;
	float: left;
	padding-left: 5px;
	margin-left: 10px;
}

.zoneRh form label.taperici span {
	background: url(../img/rh_search_text.png) right top no-repeat;
	float: left;
	height: 20px;
}

.zoneRh form label.taperici input {
	color: #586a7c;
	font-size: 85%;
	margin-top: 4px;
}

.zoneRh form label.select {
	margin-left: 14px;
	float: left;
	background: url(../img/rh_search_select.png) left top no-repeat;
	padding-left: 5px;
}

.zoneRh form label.select span {
	display: none;
}

.zoneRh form label.select select {
	width: 116px;
}

.zoneRh form label.select .selectContainer span {
	display: block;
}

.zoneRh form label.select span.select {
	position: absolute;
	margin: 0;
	background: url(../img/rh_search_select.png) right top no-repeat;
	color: #586a7c;
	font-size: 85%;
	height: 20px;
	font-size: 85%;
}

.zoneRh form label.select span.select span {
	padding: 4px 22px 0 0;
}

.zoneRh form div.submit {
	background: url(../img/rh_search_submit.png) right top no-repeat;
	padding-right: 30px;
	margin-left: 14px;
	float: left;
	margin-top: -3px;
}

.zoneRh form div.submit input {
	background: url(../img/rh_search_submit.png) left top no-repeat;
	float: left;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	font-size: 108%;
	height: 26px;
	padding-left: 10px;
}


/* ***************************************************************************
 * RH : CONTACT / CANDIDATURE
 *************************************************************************** */
/* general */
.zoneRh h4 {
	font-size: 138.5%;
	font-weight: bold;
	margin-top: -4px;
	margin-bottom: 4px;
}

.zoneRh .block1 {
	float: left;
	width: 54%;
	background: none;
}

.zoneRh .block2 {
	float: left;
	width: 45%;
}

.zoneRh .block-button {
	border-top: solid 8px #c1001f;
	padding-top: 14px;
	margin-top: 14px;
}

.zoneRh form .block-button div.submit {
	margin-right: -4px;
	float: right;
}

.zoneRh p {
	font-size: 93%;page_
}

/* specific */
.contact .zoneRh h3 {
	color: #445165;
	font-size: 182%;
	font-weight: bold;
	margin-bottom: 20px;
}

.contact .zoneRh form label.select,.contact .zoneRh form label.taperici {
	margin: 0 28px 10px 0;
}

.contact .zoneRh form label.select select,.contact .zoneRh form label.taperici input
	{
	width: 146px;
}

.contact .zoneRh form label.radio {
	color: #445165;
	font-size: 85%;
	padding: 16px 10px 10px 0;
	display: inline-block;
}

.contact .zoneRh form span.textarea {
	display: block;
	width: 337px;
	height: 140px;
	background: url(../img/rh_postulate_textarea.png) no-repeat top left;
}

.contact .zoneRh form span.in-textarea {
	background: url(../img/rh_postulate_textarea.png) no-repeat bottom left transparent;
	margin: 5px 0 0 0;
	width: 337px;
	height: 140px;
}

.contact .zoneRh form .taperici span.textarea {
	margin-left: -5px;
}

.contact .zoneRh form textarea {
	width: 333px;
	max-width: 333px;
	height: 135px;
	max-height: 135px;
	border: none;
	overflow-y: auto; 
	background: none;
	padding-left: 3px;
	color: #445165;
	font-size: 85%;
}

.contact .zoneRh form label.radio input {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 2px;
}

.contact .zoneRh .back {
	background: url(../img/back_icon.png) left center no-repeat;
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 35px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	float: right;
	margin: -10px 5px 50px 0;
}

.contact .zoneRh .back:hover {
	text-decoration: underline;
}

.contact .zoneRh .mandatory-note {
	color: #445165;
	font-size: 85%;
}
	/* decorated input file */
.contact .input-file {
	background: url("../img/btn_parcourir.png") no-repeat left top;
	width: 337px;
	height: 20px;
	display: block;
	position: relative;
	margin: 10px 0;
}

.contact .input-file .fb-value {
	position: absolute;
	right: 0;
	bottom: 3px;
	text-align: center;
	width: 77px;
}

.contact .input-file > .file {
	padding: 4px 0 0 4px;
	color: #445165;
	font-size: 85%;
}

.contact .input-file .default-text {
	display: none;
}

.contact .zoneRh form div.submit,
.contact .zoneRh form div.submit input {
	background-image: url(../img/rh_postulate_submit.png);
}

/* contact us */
#contactUs .zoneRh .mandatory-note {
	margin-top: 40px;	
}
#contactUs .zoneRh .block2{
	margin-top: 35px;
}

.contact .block1 {
	color: #ffffff;
	font-weight: bold;
	font-size: 96%;
	background: none;
	padding: 0 0 0 5px;
	border: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-radius: 0 0 0px 0px;
}

.contact .block1 ul {
    color: #000;
    font-size: 96%;
    font-weight: bold;
}/* ***************************************************************************
 * MAIN CONTENT : SEARCH RESULTS
 *************************************************************************** */
.searchResults {
	margin: 10px 20px 0 20px;
}

.searchResults h2 {
	font-size: 108%;
	font-weight: bold;
	color: #6e727b;
}

.searchResults h2 strong {
	color: #e2001a;
	font-weight: bold;
}

.searchResults ul.searchItems {
	background: url(../img/search_header_bg.png) left top repeat-x;
	margin-top: 10px;
	padding-top: 10px;
}

.searchResults li.searchItem {
	padding-top: 20px;
	font-size: 93%;
	color: #000000;
}

.searchResults li.searchItem a {
	text-decoration: none;
	color: #000000;
}

.searchResults li.searchItem a:hover {
	text-decoration: underline;
}

.searchResults li.searchItem h3 a {
	color: #e2001a;
	font-weight: bold;
	text-decoration: underline;
}

.searchResults li.searchItem h3 a:hover {
	text-decoration: none;
}

.searchResults li.searchItem a.download {
	display: block;
	padding: 3px 0 3px 20px;
	background: url(../img/picto_filetype.png) no-repeat;
	margin: 2px 0 0 10px;
}

.searchResults li.searchItem a.download_pdf {
	background-position: left top;
}

.searchResults li.searchItem a.download_ppt {
	background-position: left -53px;
}

.searchResults li.searchItem a.download_jpg {
	background-position: left -107px;
}

.searchResults li.searchItem a.download_xls {
	background-position: left -161px;
}

.searchResults li.searchItem a.download_doc {
	background-position: left -215px;
}

.searchResults .pager {
	padding-top: 20px;
	float: right;
}

.searchResults .pager .pagerItem {
	float: left;
	font-size: 85%;
	margin: 0 3px 0 3px;
}

.searchResults .pager a.pagerItem {
	color: #e2001a;
}

.searchResults .pager a.pagerItem:hover {
	text-decoration: none;
}

.searchResults .pager span.pagerItem {
	color: #000000;
}

.searchResults .pager a.pagerPrev,.searchResults .pager a.pagerNext {
	width: 10px;
	height: 12px;
	background: #aaff00;
	background: url(../img/prev_next.png) no-repeat;
}

.searchResults .pager a.pagerPrev span,.searchResults .pager a.pagerNext span
	{
	display: none;
}

.searchResults .pager a.pagerPrev {
	background-position: left top;
}

.searchResults .pager a.pagerNext {
	background-position: right top;
}/* ***************************************************************************
 * MAIN CONTENT : RTE
 *************************************************************************** */
.yui3-g .yui3-cssbase {
	margin: 10px 20px 0 20px;
}

.yui3-cssbase h1,.yui3-cssbase h2,.yui3-cssbase h3 {
	margin-top: 0;
}

.yui3-cssbase p {
	font-size: 93%;
}/* ***************************************************************************
 * MAIN CONTENT : ACTUS
 *************************************************************************** */
#actusContent {
	width: 595px;
}/* ***************************************************************************
 * MAIN CONTENT : SECONDARY NAV
 *************************************************************************** */
.secondaryNav {
	background: url(../img/actusMenu_corner_bg.png) left bottom no-repeat
		#e2001a;
	width: 189px;
	padding: 5px 0 10px 0;
	font-size: 85%;
}

.secondaryNav li {
	background: url(../img/puce_2.png) 5px 7px no-repeat;
}

.secondaryNav li.active {
	background: url(../img/puce_2_active.png) 5px 6px no-repeat;
}

.secondaryNav a {
	color: #ffffff;
	text-decoration: none;
	background: url(../img/separator_bg.png) left bottom repeat-x;
	display: block;
	padding: 3px 10px 5px 0;
	margin: 0 0 0 15px;
}

.secondaryNav a:hover {
	text-decoration: underline;
}

.secondaryNav a.active {
	color: #000000;
	background: none;
}

.secondaryNav li li {
	background: url(../img/puce_2.png) 20px 7px no-repeat;
	display: none;
}

.secondaryNav li.active li {
	display: block;
}

.secondaryNav li li a {
	background: none;
	margin-left: 30px;
}

.secondaryNav li ul {
	background: #71000d;
}/* ***************************************************************************
 * MAIN CONTENT : CATALOG
 *************************************************************************** */
ul#yui3-g li {
    letter-spacing: 0;
    word-spacing: 0;
}

.catalog {
	height: 190px;
	background: url(../img/catalog_bg.png) left bottom repeat-x;
	position: relative;
	overflow: hidden;
}

.catalogClosed {
	height: 51px !important;
}

.catalog .container {
	position: absolute;
	bottom: 18px;
	left: 10px;
}

.catalog h2 {
	display: none;
}

.catalog .yui3-u {
	
}

.catalog ul {
	white-space: nowrap;
	height: 170px;
}

.catalog .itemsup {
	min-width: 120px;
	height: 150px;
	position: relative;
	margin: 10px;
	cursor: pointer;
}

.catalog .item {
	min-width: 120px;
	font-size: 77%;
	text-align: center;
	margin-bottom: 5px;
	position: absolute;
	height: 135px;
	bottom: 3px;
}

.catalog .item img {
	max-width: 100px;
}

.catalog .item a {
	width: 120px;
	color: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	text-decoration: none;
}

.catalog .item span {
	display: block;
}

.catalog .catalogEntries {
	width: 760px;
	margin: 0 auto;
}

/* ***************************************************************************
 * MAIN CONTENT : CATALOG - SCROLL PANE
 *************************************************************************** */
.catalog .jspHorizontalBar {
	background: url(../img/scrollPane_bg.png) left top repeat-x;
}

.catalog .jspTrack {
	background: none;
}

.catalog .jspArrowLeft,.catalog .jspArrowLeft.jspDisabled {
	background: url(../img/scrollPane_arrowLeft.png) left top no-repeat;
}

.catalog .jspArrowRight,.catalog .jspArrowRight.jspDisabled {
	background: url(../img/scrollPane_arrowRight.png) right top no-repeat;
}

.catalog .jspDrag {
	background: url(../img/scrollPane_handle.png) left top no-repeat;
}

.catalog .jspDragRight {
	width: 6px;
	height: 100%;
	float: right;
	background: url(../img/scrollPane_handle.png) right top no-repeat;
}

/* ***************************************************************************
 * MAIN CONTENT : CATALOG - ANCHOR
 *************************************************************************** */
#catalogAnchor {
	height: 50px;
	line-height: 55px;
	background: #ff0000;
}

/* ***************************************************************************
 * MAIN CONTENT : CATALOG - FLOATED
 *************************************************************************** */
.catalogFloated {
	position: absolute;
	width: 784px;
	top: 62px;
	bottom: 0;
}

#catalogHandle {
	display: block;
	width: 49px;
	height: 15px;
	background: url(../img/catalog_handle.png) left top no-repeat;
	position: absolute;
	left: 350px;
	bottom: 0px;
}

.catalogClosed #catalogHandle {
	background-position: right top;
}

#catalogHandle span {
	display: none;
}/* ***************************************************************************
 * MAIN CONTENT : GAMME
 *************************************************************************** */
#gammeContent1 {
	width: 565px;
	margin:0 10px 0 15px;

}

.modifButton {
	float: left;
	width: 15px;
	height: 15px;
	background:url("/gwt/resources/images/actions/action.gif") no-repeat scroll  center transparent;
	margin-right:5px;
	margin-top:2px;
	z-index: 10;
	position: relative;
}

#gammeContent1 .yui3-cssbase {
	margin: 0;
}

#gammeContent1 .pdf {
	background: url(../img/picto_pdf.png) left top no-repeat;
	line-height: 24px;
	display: block;
	padding: 20px 0 0 45px;
	font-size: 85%;
	font-weight: bold;
	color: #e2001a;
}

#buttonModification {
	margin-right: 5px;
}

.block1 {
	color: #ffffff;
	font-weight: bold;
	font-size: 138.5%;
	background: #3f3a40;
	padding: 0 0 5px 0;
	border: 5px solid #3f3a40;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-radius: 0 0 10px 10px;
}

.gammeDataZone {
	width: 190px;
	padding: 5px 0 10px;
}

div.leftGamme {
	float: right;
}/* ***************************************************************************
 * MAIN CONTENT : CONCESSIONNAIRE MAP
 *************************************************************************** */
#concessionnaireMap {
	width: 500px;
	margin: 0 19px 0 20px;
}

#concessionnaireMap h2 {
	font-size: 138.5%;
	font-weight: bold;
	color: #736a75;
}

#concessionnaireMap .block {
	background: #736a75;
	border: 5px solid #736a75;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 5px;
}

#concessionnaireMap form {
	background: url(../img/concessionnaire_form.png) right 1px no-repeat;
	position: relative;
	padding-bottom: 2px;
	font-size: 93%;
	width: 340px;
}

#concessionnaireMap label {
	display: block;
	margin-top: 4px;
	float: left;
}

#concessionnaireMap label + br + label {
	margin-top: 7px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#concessionnaireMap label + br + label { 
		margin-top: 4px;
	}
}

#concessionnaireMap label span {
	float: left;
	width: 130px;
	text-align: right;
	margin-right: 10px;
}

#concessionnaireMap .selectContainer {
	float: left;
}

#concessionnaireMap span.select {
	display: block;
	position: absolute;
	margin: 0;
}

#concessionnaireMap span.select span {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	margin-right: 12px;
	width: auto;
	float: none;
}

#concessionnaireMap label select,#concessionnaireMap label input {
	width: 140px;
	border: none;
}
#concessionnaireMap label select {
	width: 160px;
	border: none;
}

#concessionnaireMap label input {
	background: transparent;
}

#concessionnaireMap input.submit {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	cursor: pointer;
}

#gmap {
	background: transparent;
}

#gmapContainer {
	height: 397px;
}

/* ***************************************************************************
 * MAIN CONTENT : INFO WINDOWS IN GOOGLE MAPS
 *************************************************************************** */
#gmapContainer .gmapVcard h3 {
	color: #E2001A;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1em;
}
#gmapContainer .gmapVcard p {
	color: #736A75;
	font-size: 93%;
	line-height: 1.2em;
}
#gmapContainer .gmapVcard p.phone {
	margin-top: 2px;
}
#gmapContainer .gmapVcard a {
	font-size: 93%;
	display: block;
	color: #000000;
	margin-top: 2px;
}

/* ***************************************************************************
 * MAIN CONTENT : CONCESSIONNAIRE CHOICE
 *************************************************************************** */
#concessionnaireChoice {
	width: 245px;
}

#concessionnaireChoice h2 {
	font-weight: bold;
	font-size: 93%;
	color: #e2001a;
	background: none;
	padding-left: 0;
}

#concessionnaireChoice h2.searching {
	background: url(../img/ajax-loader.gif) no-repeat left center;
	padding-left: 18px;
	margin-top: 90px;
}

#concessionnaireChoice h2 strong {
	font-weight: bold;
	color: #000000;
}

#concessionnaireChoice .container {
	overflow-y: scroll;
	margin-top: 25px;
	height: 500px;
}

#concessionnaireChoice .container2 {
	margin-top: 5px;
	background: url(../img/dot.png) 7px top repeat-y;
	padding: 0 15px 0 20px;
}

#concessionnaireChoice .container em {
	background: url(../img/dot.png) left top repeat-x;
	left: -13px;
	position: relative;
	padding-left: 13px;
}

#concessionnaireChoice .container em span {
	background: #ffffff;
	position: relative;
	top: -8px;
	color: #e2001a;
	font-size: 85%;
}

#concessionnaireChoice .vcard h3 {
	background: url(../img/concessionnaire_choice_bg.png) left top repeat-x #b20015;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 93%;
	padding: 3px 20px 3px 10px;
	border-bottom: 1px solid #ffffff;
}

#concessionnaireChoice .vcard {
	background: #736a75;
	margin-bottom: 10px;
	position: relative;
}

#concessionnaireChoice .vcard input {
	position: absolute;
	top: 5px;
	left: -19px;
}

#concessionnaireChoice .vcard strong {
	font-weight: bold;
}

#concessionnaireChoice .vcard .details {
	color: #ffffff;
	padding: 5px 10px 10px 10px;
}

#concessionnaireChoice .vcard .market {
	color: #ffffff;
	padding: 10px 10px 10px 10px;
	background: url(../img/concessionnaire_choice_details_bg.png) left top;
}

#concessionnaireChoice .vcard .market li {
	list-style: square;
	margin-left: 40px;
}

#concessionnaireChoice .vcard .moreActions {
	padding: 0 10px 10px 10px;
}

#concessionnaireChoice .vcard .moreActions a {
	color: #ffffff;
	background: url(../img/concessionnaire_choice_link_bg.png) left top
		no-repeat;
	display: block;
	width: 154px;
	line-height: 19px;
	margin: 10px auto 0 auto;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 93%;
}

/* ***************************************************************************
 * MAIN CONTENT : CONCESSIONNAIRE CHOICE HIDE AND SEEK
 *************************************************************************** */
#concessionnaireChoice .has h3 span {
	width: 14px;
	height: 14px;
	cursor: pointer;
	background: url(../img/concessionnaire_choice_handle_bg.png) left top
		no-repeat;
	position: absolute;
	right: 4px;
	top: 4px;
}

#concessionnaireChoice .has h3 span span {
	display: none;
}

#concessionnaireChoice .has h3.hasMore span.hasHandleMore,#concessionnaireChoice .has h3.hasLess span.hasHandleLess
	{
	display: none;
}

#concessionnaireChoice .has h3.hasLess span {
	background-position: left bottom;
}

div.hasLess {
	display: none;
}

div.hasMore {
	display: block;
}
/* ***************************************************************************
 * MAIN CONTENT
 *************************************************************************** */
#productList,#productTabs .tabsPanels,#productTabs ul.tabs li {
	border-right: 1px solid #ffffff;
}

#productList,#productTabs .tabsPanels,#productTabs ul.tabs {
	border-left: 1px solid #ffffff;
}

/* ***************************************************************************
 * MAIN CONTENT : PRODUIT
 *************************************************************************** */
#produitContent1 {
	width: 450px;
	margin: 0 14px 0 20px;
}

.temoignage {
	padding-left: 20px;
	text-decoration: none;
	background: url(../img/picto_filetype.png) 0px 0px no-repeat;
}

#productTemoignages li {
	margin: 5px;
}

#productTemoignages span {
	margin-top: 5px;
}

.media_img {
	width: 40px !important;
	height: 40px !important;
	border: 0;
}

#produitContent2 {
	width: 281px;
	margin-right: 10px;
}

#produitAccessoires div.slider {
	margin: 0 10px 0 0;
}

#produitServices div.slider {
	margin: 0 0 0 10px;
}

#produit h2 {
	color: #6e727b;
	font-weight: bold;
	font-size: 108%;
}

#produit .yui3-g .yui3-cssbase {
	margin: 0;
}

#produit .yui3-g .yui3-cssbase h2 {
	margin: 0;
}

/* ***************************************************************************
 * MAIN CONTENT : PRODUIT - SLIDER
 *************************************************************************** */
.slider {
	background: url(../img/slider_bg.png) left top no-repeat;
	height: 89px;
	position: relative;
}

.slider h2 {
	padding: 10px 0 0 13px;
}

.appercu {
	text-align: center;
}

.appercu img {
	max-width: 278px;
	max-height: 200px;
}

.slider .scrollable {
	position: relative;
	overflow: hidden;
	width: 215px;
	height: 60px;
	border: none;
}

.slider .items div {
	float: left;
	width: 215px;
	padding: 2px 8px 4px;
	/*
		a single item. must be floated in horizontal scrolling.
		typically, this element is the one that *you* will style
		the most.
	*/
}

.slider a.browse {
	position: absolute;
	top: 45px;
	z-index: 10;
	background: url(../img/slider_handle.png) left top no-repeat;
	height: 21px;
	margin: 0;
	width: 7px;
}

.slider a.left {
	left: 2px;
}

.slider a.right {
	right: 2px;
	background-position: right top;
}

.slider .items ul {
	margin: 5px 15px 0 15px;
}

.slider .items a {
	color: #e2001a;
	font-weight: bold;
	font-size: 85%;
}

.slider .items a:hover {
	text-decoration: none;
}

.slider  .scrollable .items img {
	border: none;
	background: none;
	width: auto;
	height: auto;
	margin: 0 0 0 2px;
	padding: 0;
}

/* ***************************************************************************
 * MAIN CONTENT : PRODUIT - TITLE
 *************************************************************************** */
#produitTitle h1 {
	font-weight: bold;
	font-size: 138.5%;
	color: #e2001a;
	line-height: 1.4em;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin: 0 0 15px 0;
	background: url(../img/separator2_bg.png) left bottom repeat-x;
}

#produitTitle h1 strong {
	font-weight: bold;
	font-size: 190%;
	display: block;
	color: #000000;
}

/* ***************************************************************************
 * MAIN CONTENT : PRODUIT - INFOS TECH
 *************************************************************************** */
.infosTechTitle {
	margin: 20px 0 10px 0;
}

.infosTechTitle h2 {
	color: #e2001a;
	font-weight: bold;
	font-size: 108%;
	float: left;
}

.infosTechTitle a.download {
	float: left;
	margin-left: 10px;
	background: url(../img/picto_pdf2.png) left top no-repeat;
	padding-left: 18px;
}

.infosTechTitle a.changeUnit {
	float: right;
}

.infosTechTitle a {
	color: #e2001a;
	font-size: 85%;
	padding-top: 3px;
	text-decoration: none;
}

.infosTechTitle a:hover {
	text-decoration: underline;
}

#produitInfosTech1 .infosTech {
	margin: 0 10px 0 0;
}

#produitInfosTech2 .infosTech {
	margin: 0 0 0 10px;
}

.infosTech {
	padding-bottom: 20px;
}

.infosTech strong {
	font-weight: bold;
	font-size: 85%;
}

.infosTech strong,.infosTech em,.infosTech span {
	background: #ffffff;
}

.infosTech em,.infosTech span {
	font-size: 77%;
}

.infosTech div {
	clear: both;
}

.infosTech strong,.infosTech em {
	float: left;
}

.infosTech .highlight {
	background: url(../img/separator_bg.png) left 0.8em repeat-x;
}

.infosTech .highlight em,.infosTech .highlight span {
	padding-top: 1px;
}

.infosTech  span {
	float: left;
}

.infosTech .highlight span {
	float: right;
}



.plus {
	letter-spacing: 0em;
    word-spacing: 0em;
}
.plus strong {
	font-weight: bold;
	font-size: 85%;
}

.plus strong,.plus em,.plus span {
	background: #ffffff;
}

.plus em,.plus span {
	font-size: 77%;
}

.plus div {
	clear: both;
}

.plus strong,.plus em {
	float: left;
}


.plus  span {
	float: left;
}


/* ***************************************************************************
 * MAIN CONTENT : PRODUIT - PRODUCT LIST
 *************************************************************************** */
#productList {
	margin-bottom: 10px;
	background: url(../img/product_links_bg.png) left bottom no-repeat
		#e2001a;
	padding: 0 0 5px 0;
}

#productList strong {
	font-weight: bold
}

#productList a {
	color: #ffffff;
	text-decoration: none;
	font-size: 85%;
	display: block;
	background: url(../img/separator_bg.png) left bottom repeat-x;
	padding: 15px 0 17px 0;
}

#productList a:hover {
	text-decoration: underline;
}

#productList li {
	padding: 0 5px 0 45px;
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

#productList li.doc {
	background-image: url(../img/picto_doc2.png);
}

#productList li.phone {
	background-image: url(../img/picto_phone.png);
}

#productList li.cart {
	background-image: url(../img/picto_cart.png);
}

/* ***************************************************************************
 * MAIN CONTENT : PRODUIT - PRODUCT TABS
 *************************************************************************** */
#productTabs {
	margin-bottom: 10px;
}

#productTabs .tabsPanels {
	background: #000000;
	color: #ffffff;
	clear: both;
	padding-top: 5px;
}

#productTabs .tabsPanels  .tabsPanel {
	padding: 0px 0 10px 0;
	display: none;
}

#productTabs .tabsPanels .active {
	display: block !important;
}

#productTabs .tabsPanels a {
	margin: 0 10px 0 10px;
	color: #ffffff;
}

#productTabs .tabsPanels a:hover {
	text-decoration: none;
}

#productTabs ul.tabs li {
	float: left;
}

#productTabs ul.tabs li a {
	width: 92px;
	display: block;
	background: url(../img/product_tabs_corner2_bg.png) right top no-repeat
		#736a75;
	line-height: 30px;
	text-decoration: none;
	color: #ffffff;
}

#productTabs ul.tabs li a span {
	display: block;
	padding: 0 5px 0 5px;
}

#productTabs ul.tabs li.active a,#productTabs ul.tabs li a:hover {
	background: url(../img/product_tabs_corner1_bg.png) right top no-repeat
		#000000;
}

#productTemoignages {
	padding-top: 10px;
}

#productPdf {
	padding-top: 10px;
}

/**
* Style des onglets produits
*/
.onglets .slider a.browse {
	top: 15px;
	height: 21px;
}

.onglets .scallable {
	background-color: red;
}

.onglets .slider {
	background: none;
	height: 40px;
	position: relative;
}

.onglets .slider .scrollable {
	position: relative;
	overflow: hidden;
	width: 215px;
	height: 40px;
	border: none;
	margin-left: 35px;
	margin-top: 5px;
}

.onglets .pdf {
	display: block;
	background: url(../img/picto_doc.png) left 2px no-repeat;
	padding: 0 0 10px 20px;
}

/* ***************************************************************************
 * ADMIN CONTENT : PRODUIT
 *************************************************************************** */
.product_tech {
	border: 1px solid red;
	margin: 5px;
	width: 750px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	padding-bottom: 35px;
}

#formSubmit {
	padding-bottom: 35px;
}

.services {
	border: 1px solid #C0C0C0;
	margin-bottom: 0px;
}

.medias {
	border: 1px solid #C0C0C0;
	margin-bottom: 0px;
}

.temoignages {
	border: 1px solid #C0C0C0;
	margin-bottom: 0px;
}

.pdfs {
	border: 1px solid #C0C0C0;
	margin-bottom: 0px;
}

#main {
	border: 1px solid red;
	margin: 5px;
	width: 750px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	padding-bottom: 45px;
}

.product_tech thead .titre {
	font-weight: bold;
	margin-left: 10px;
	font-size: 1.1em;
	color: black;
	border-bottom: 2px solid red;
	margin-bottom:5px;
}
.product_tech div.titre {
	font-weight: bold;
	font-size: 1.1em;
	color: black;
	margin-bottom: 5px;
	border-bottom: 2px solid red;
	width : 100%;
}

.product_tech thead {
	border-bottom: 2px solid red;
	margin-bottom: 5px;	
	margin-right: 5px;
}
.pmz thead {
	border-bottom: 1px solid black;
}

.pmz table{
    border : 1px solid black;
    width:100%;
}

.pmz td {
	margin-left: 5px;
}
.pmz td.center {
	text-align: center;
}
.pmz td.zone {
	font-weight: bold;
	color: black;
	margin-left: 5px;
	margin-right: 5px;
}


.pmz th {
	font-weight: bold;
	color: black;
	margin-left: 5px;
	margin-right: 5px;
}

.pmz tr.impair {
	background-color: #DDDDDD;
}

.product_tech td {
	margin-left: 5px;
}

.admin_titre {
	margin-left: 15px;
	font-weight: bold;
	font-size: 1.5em;
}

.listMedia {
	width: 750px;
	overflow: auto;
}

.listServices {
	width: 750px;
	position: relative;
}

.admin_media {
	padding: 10px;
	display: table-cell;
}

.admin_media2 {
	border: 1px solid black;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.admin_service {
	border: 1px solid black;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-width: 110px;
	margin: 5px;
}

.del {
	float: right;
	background-image: url("/gwt/resources/css/../images/actions/delete.png");
	background-repeat: no-repeat;
	background-position: right top;
	width: 17px;
	height: 15px;
	margin-left: 5px;
}

.modif {
	float: right;
	background-image: url("/gwt/resources/css/../images/actions/action.gif");
	background-repeat: no-repeat;
	background-position: right top;
	width: 17px;
	height: 15px;
	margin-left: 5px;
}

.admin_table_general {
	width: 750px;
}

.submit_button {
	margin-top: 10px;
	font-size: 1.1em;
	color: black;
	float: right;
	margin-bottom: 30px;
}

.return_button {
	margin-top: 10px;
	font-size: 1.1em;
	color: black;
	float: right;
	margin-bottom: 30px;
}

.admin_media .pmc {
	margin-top: 5px;
	padding: 2px;
	border-top: 1px soid black;
}

.select_edit {
	width: 350px;
}

#videoPopin {
	display: none;
}

.myselectorTem {
	float: right;
	margin-top: 325px;
	margin-left: 180px;
	position: absolute;
	z-index: 10000;
}
.myselector {
	bottom: 4px;
	right: 18px;
	position: absolute;
	z-index: 10000;
}

.myflash {
	position: absolute;
	z-index: 0;
}/* ***************************************************************************
 * MAIN CONTENT : HOME CATALOG
 *************************************************************************** */
#homeCatalog {
	margin-bottom: 5px;
	padding: 0 0 0 9px;
	position: relative;
}

#homeCatalog ul.yui3-g {
	overflow: hidden;
	height: 246px;
}

#homeCatalog h2 {
	display: none;
}

#homeCatalog li.yui3-u,#homeCatalog li.yui3-u h3 {
	width: 135px;
	height: 246px;
	position: relative;
}

#homeCatalog li.yui3-u {
	background-repeat: no-repeat;
	margin: 0 2px 0 1px;
	background-position: -90px top;
	overflow: hidden;
	cursor: pointer;
}

#homeCatalog ul.focus li.yui3-u,#homeCatalog ul.focus li.yui3-u h3 {
	width: 85px;
}

#homeCatalog ul.focus li.focus {
	background-position: left top;
	height: 246px;
	width: 435px;
}

#homeCatalog ul.focus li.focus h3 {
	height: auto;
	width: auto;
	text-align: right;
	margin: 20px 10px 5px 10px;
	background: url(../img/puce_3.png) right 2px no-repeat;
	padding: 0px 35px 5px 0;
}

#homeCatalog ul.focus li h3 {
	background: url(../img/home_catalog_bg.png) left top repeat-x;
}

#homeCatalog li.yui3-u .visual {
	position: absolute;
	right: 5px;
	bottom: 10px;
}

/* ***************************************************************************
 * MAIN CONTENT : HOME CATALOG - H3 A
 *************************************************************************** */
#homeCatalog li.yui3-u h3 a {
	color: #000000;
	text-decoration: none;
	font-size: 197%;
	font-weight: bold;
	white-space: nowrap;
	display: block;
	width: 240px;
	margin-top: 100px;
	position: absolute;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid : DXImageTransform.Microsoft.BasicImage ( rotation = 3 );
}

#homeCatalog ul.focus li.yui3-u h3 a {
	width: 140px;
	margin-top: 150px;
}

#homeCatalog li.yui3-u h3 a:hover {
	text-decoration: underline;
}

#homeCatalog ul.focus li.focus h3 a {
	color: #e2001a;
	width: auto;
	margin-top: 0;
	position: static;
	-moz-transform: none;
	-webkit-transform: none;
}

/* ***************************************************************************
 * MAIN CONTENT : HOME CATALOG - DETAILS
 *************************************************************************** */
#homeCatalog .details {
	display: none;
	margin: 0 10px 0 185px;
	text-align: right;
}

#homeCatalog .details li {
	color: #e2001a;
	font-weight: bold;
	font-size: 116%;
	text-decoration: none;
}

#homeCatalog  li.focus .details {
	display: block;
}

/* ***************************************************************************
 * MAIN CONTENT : HOME CATALOG - HANDLE
 *************************************************************************** */
#homeCatalog .handle {
	position: absolute;
	top: 0;
	width: 5px;
	height: 246px;
	background: url(../img/home_catalog_handle.png) no-repeat;
	width: 12px;
}

#homeCatalog .handleNext {
	right: -7px;
	background-position: right top;
}

#homeCatalog .handlePrev {
	left: -6px;
	background-position: left top;
}

#homeCatalog .handleNextActive {
	background-position: right bottom;
}

#homeCatalog .handlePrevActive {
	background-position: left bottom;
}

/* ***************************************************************************
 * MAIN CONTENT : HOME CONTAINER
 *************************************************************************** */
.homeContainer {
	height: 152px;
}

/* ***************************************************************************
 * MAIN CONTENT : HOME ACTUS
 *************************************************************************** */
#homeActus {
	background-color: #403d42;
	width: 616px;
	height: 162px;
	position: relative;
}

#homeActus .homeContainer {
	margin: 0 10px;
}

#homeActus h2 a {
	color: #ffffff;
	font-weight: bold;
	width: 65px;
	font-size: 93%;
	background: url(../img/home_news_title_bg.png) left bottom no-repeat;
	padding-bottom: 18px;
	float: left;
	text-decoration: none;
}

#homeActus h2 a:hover {
	text-decoration: underline;
}

#homeActus #newsContainer {
	margin-left: 92px;
	margin-top: 10px;
}

#homeActus ul {
	width: 464px;
	height: 142px;
	overflow: hidden;
}

#homeActus ul li {
	background: url("../img/home_news_bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 142px;
    margin-right: 22px;
    position: relative;
    text-align: center;
    width: 231px;
}

#homeActus ul li img {
	padding: 10px 0 5px 0;
	display: block;
	margin: auto;
	max-width: 211px;
	max-height:90px;
}

#homeActus h3,#homeActus h3 a {
	color: #ffffff;
	font-size: 93%;
	text-decoration: none;
	font-weight: bold;
}

#homeActus h3 {
	left: 10px;
    padding: 10px 0 0;
    position: absolute;
    top: 95px;
    width: 210px;
}

#homeActus h3 span {
	font-size: 77%;
}

#homeActus h3 a:hover {
	text-decoration: underline;
}

#homeActus ul li p {
	color: #FFFFFF;
	font-size: 85%;
}

#homeActus a.handle {
	width: 18px;
	height: 55px;
	position: absolute;
	top: 43px;
}

#homeActus a.handlePrev {
	background: url(../img/home_news_scroll_left.png);
	left: 83px;
}

#homeActus a.handleNext {
	background: url(../img/home_news_scroll_right.png);
	right: 12px;
}

#homeActus .containerWrap {
	position: absolute;
	left: 0pt;
	bottom: 0pt;
	width: 100px;
}

/* ***************************************************************************
 * MAIN CONTENT : HOME FIND
 *************************************************************************** */
#homeFind {
	border: 5px solid #403d42;
	margin: 0 5px 0 5px;
}

#homeFind .homeContainer {
	width: 171px;
}

#homeFind h2 {
	color: #ffffff;
	font-size: 123.1%;
	font-weight: bold;
	text-align: center;
	padding: 40px 0 8px 0;
}

#homeFind h2 strong {
	font-weight: bold;
	display: block;
	font-size: 150%;
}

#homeFind .homeContainer {
	background: url(../img/home_find_bg.png) left top no-repeat;
}

#homeFind form {
	margin-left: 10px;
	font-size: 85%;
}

#homeFind label.taperici {
	float: left;
	margin: 12px 7px 0 6px;
}

#homeFind label.taperici input {
	border: none;
	background: transparent;
	width: 110px;
}

#homeFind input.submit {
	opacity: 0;
	cursor: pointer;
	margin-top: 12px;
}

#homeFind span {
	display: none;
}

#homeFind label.jselect {
	display: block;
}

#homeFind span.select,#homeFind span.select span {
	display: block;
}

#homeFind select {
	width: 150px;
}

#homeFind span.select span {
	padding: 4px 0 4px 7px;
	margin-right: 20px;
}

#homeFind span.select {
	position: absolute;
}

/* ***************************************************************************
 * MAIN CONTENT : HOME NEWSLETTER
 *************************************************************************** */
#homeNewsletter {
	border: 5px solid #403d42;
}

#homeNewsletter .homeContainer {
	width: 165px;
	background: url(../img/home_newsletter_bg.png) left top no-repeat;
}

#homeNewsletter h2 {
	color: #ffffff;
	font-weight: bold;
	font-size: 138.5%;
	text-align: center;
	padding: 25px 20px 60px 20px;
}

#homeNewsletter label.taperici {
	float: left;
	margin-left: 5px;
}

#homeNewsletter label.taperici input {
	border: none;
	background: transparent;
	width: 127px;
	font-size: 85%;
}

#homeNewsletter input.submit {
	opacity: 0;
	cursor: pointer;
}


.h2{
	font-size: 100%;
    font-weight: normal;
}
.h3{
	font-size: 100%;
    font-weight: normal;
}/* ***************************************************************************
 * MAIN CONTENT : POPIN
 *************************************************************************** */
#closeDomWindow {
	background: url(../img/redcross.png) left top no-repeat;
	width: 33px;
	height: 33px;
	position: absolute;
	z-index: 10001;
	cursor: pointer;
	display: none;
}
#closeDomWindow2 {
	background: url(../img/redcross.png) left top no-repeat;
	width: 33px;
	height: 33px;
	position: absolute;
	z-index: 10001;
	cursor: pointer;
	float : right;
	right:0px;
}
#feedbackContent{
	color: white;
}

.domWindowContentContainer {
	display: none;
}
.domWindowContentContainer2 {
	background: #000000;
}

#DOMWindow {
	background: #000000;
	color: #ffffff;
}

#DOMWindow #errorContainer, #DOMWindow #sucessContainer{
	display: none;
	margin-left: 20px;
	color: #E2001A;
	font-weight: bold;
}

#DOMWindow #messagesContainer{
	float:left;
	margin:5px;
	top:100px;
	clear: both;
	width:300px;
	
}

.domWindowContent form {
	clear: both;
}

.domWindowContent #feedback {
	display: none;
	clear: both;
	padding: 40px 20px;
}
.domWindowContent #feedback a {
	color: #ffffff;
	display: inline-block;
	margin-top: 30px;
}

.domWindowContent h2 {
	font-size: 190%;
	color: #e2001a;
	margin-top: 10px;
	padding: 5px 40px 5px 40px;
	margin-left: 15px;
	float: left;
	background: url(../img/bubble.png) left top no-repeat;
}

.domWindowContent .submit {
	margin: 15px 40px 0 0;
	padding: 0 0 15px 0;
}

.domWindowContent .submit input {
	text-transform: uppercase;
	background: transparent;
	font-size: 85%;
	color: #ffffff;
	cursor: pointer;
	border: none;
	padding-top: 2px;
}

.domWindowContent .submit span {
	background: url(../img/button_popin.png) left top no-repeat;
	float: right;
	width: 94px;
	text-align: center;
}

.domWindowContent .highlight {
	background-color: #111012;
}

.domWindowContent .highlight .highlight {
	background: url(../img/rayures.png) left top;
	padding: 5px 0 10px 0;
	margin: 5px 0 5px 0;
}

.domWindowContent  input,.domWindowContent  select,.domWindowContent  textarea
	{
	border: none;
}

.domWindowContent label {
	font-size: 93%;
}

.domWindowContent label.full {
	display: block;
	margin-top: 7px;
	clear: both;
}

.domWindowContent label span {
	color: #ffffff;
	float: left;
	text-align: right;
	margin-right: 5px;
}

.domWindowContent textarea {
	height: 100px;
}

.domWindowContent strong.required {
	color: #e2001a;
}

.domWindowContent div.radio {
	margin-top: 7px;
	margin-bottom: 17px;
}

.domWindowContent div.radio label span {
	float: none;
}

.domWindowContent div.radio label input {
	vertical-align: middle;
}

.domWindowContent .msg {
	color: #ffffff;
	font-size: 93%;
	text-align: right;
	padding: 10px 40px 10px 40px;
}

.domWindowContent div.radio .msg {
	float: left;
	padding: 0;
}

.domWindowContent div.radio input {
	margin-left: 5px;
}

/* ***************************************************************************
 * MAIN CONTENT : POPIN : HOME NEWSLETTER
 *************************************************************************** */
#newsletterFormStep2Container h2 {
	padding-left: 50px;
	background: url(../img/bubble.png) left top no-repeat;
}
#newsletterFormStep2Container .divh2 {
	background: url(../img/bubble.png) left top no-repeat;
	color: #E2001A;
    float: left;
    font-size: 190%;
    margin-left: 15px;
    margin-top: 10px;
    padding: 5px 40px;
	padding-left: 50px;
}

#newsletterFormStep2Container label.full input,#newsletterFormStep2Container label.full select
	{
	width: 180px;
}

#newsletterFormStep2Container label.full span {
	width: 175px;
}

#newsletterFormStep2Container div.radio {
	padding-left: 175px;
}

/* ***************************************************************************
 * MAIN CONTENT : POPIN : PRODUCT
 *************************************************************************** */
#documentationFormStep2Container h2 {
	padding-left: 45px;
	background: url(../img/document.png) left top no-repeat;
}

#documentationFormStep2Container label.full input,#documentationFormStep2Container label.full select,#documentationFormStep2Container label.full textarea
	{
	width: 185px;
}

#documentationFormStep2Container label.full span {
	width: 297px;
}

#documentationFormStep2Container div.radio {
	padding-left: 290px;
}

#documentationFormStep2Container div.radio .msg {
	margin-left: -290px;
	width: 290px;
	position: relative;
}

.domWindowContent label.special {
	width: 230px;
	float: left;
	position: relative;
	top: -25px;
	padding-left: 20px;
	margin-left: 20px;
	font-size: 77%;
}

.domWindowContent label.special input {
	position: absolute;
	left: 0;
}

.domWindowContent label.special span {
	float: none;
}

#documentationFormStep2Container .yui3-u-1-2 label.full span {
	width: 85px;
}

#documentationFormStep2Container .yui3-u-1-2 label.full input {
	width: 130px;
}

#documentationFormStep2Container .yourConcession {
	margin-left: 20px;
	color: #ffffff;
	font-size: 92%;
}

#documentationFormStep2Container .yourConcession strong {
	color: #e2001a;
}
#documentationFormStep2Container #contactYourConcession {
	min-height: 75px;
}

#documentationFormStep2Container .newConcession .searchConcession {
	color: #ffffff;
	background: url(../img/loupe.png) right top no-repeat;
	padding: 3px 25px 3px 0;
	font-size: 75%;
	line-height: 20px;
}

#documentationFormStep2Container #map {
	width: 460px;
	height: 200px;
	margin: 0 auto;
	clear: both;
	padding: 0;
	display: none;
	margin-top: 20px;
	color: #000000;
}

form#searchNewConcession {
	position: absolute;
	top: 290px;
	left: 325px;
}

form#searchNewConcession input.submit {
	opacity: 0;
	cursor: pointer;
}

form#searchNewConcession div.submit {
	background: url(../img/button_ok.png) left top no-repeat;
	margin: 0 !important;
	padding: 0 !important;
}

form#searchNewConcession input.submit {
	margin: 0 !important;
	padding: 0 !important;
}

form#searchNewConcession label {
	display: block;
	margin-bottom: 5px;
}

form#searchNewConcession label span {
	display: none;
}

/* Messages d'erreurs dans les popins */
.domWindowContent .displayError span {
	width: 85%;
}

#DOMWindow img{
	max-width:800px;
	max-height: 600px;
}/* ***************************************************************************
 * RTE
 *************************************************************************** */
.highlight1,.highlight1 a {
	color: #71000d;
	font-weight: bold;
}

.highlight2,.highlight2 a {
	color: #000000;
	font-weight: bold;
}

.yui3-cssbase h2 {
	color: #6e727b;
	font-size: 182%;
	margin-bottom: 10px;
}

.yui3-cssbase a {
	text-decoration: none;
}

.yui3-cssbase a:hover {
	text-decoration: underline;
}

.yui3-cssbase ul {
	margin-left: 1em;
}

.yui3-cssbase th,
.yui3-cssbase td {
	border: 0 none;
	padding: 0 1em 0 0;
}
#overlay{background:#000;position:absolute;top:0;left:0;z-index:10000;width:100%}.prettyPopin{display:none;overflow:hidden;position:absolute;z-index:11000;top:50%;left:50%;}.prettyPopin a#b_close{display:none;position:absolute;z-index:2;top:10px;right:13px;width:41px;height:9px;text-indent:-10000px;}.prettyPopin .prettyContent{position:relative;width:100%;height:100%;font-size:1.2em;}.prettyPopin .prettyContent .prettyContent-container{display:none;padding:20px 60px 15px 60px}.prettyPopin .prettyContent .loader{position:absolute;top:50%;left:50%;margin:-14px 0 0 -14px}