@import url("slick.css");
/* CSS Document */
a:link, a:visited, a:hover, a:active{outline:none;}
/*---- CONTAINER ----*/
.containerNewGamme{
    margin: 0 auto;
    width: 903px;
}

/*---- BLOCK ACTUS ----*/
#blockActu .col_left{
	width:100%;
}
#blockActu .col_left{
	display: inline-block;
    margin-top: 50px;
    width: 100%;
}
#blockActu .col_left .content li{clear:none !important;}
#blockActu .col_left .content li .news_big{
	margin:0 15px 0 0;
	width:286px;
}
#blockActu .col_left .content li .news_big div{padding:0 0 0 105px;}

.grilleActus {margin-left: 0 !important; margin-bottom: 0 !important;  clear: both; 	background-color:inherit !important;}

/*---- MASTERPAGE ----*/
#masterpage{
	padding: 0 15px;
}
/*---- THREE COLS ----*/
#Column.ThreeCol{
	background:transparent url(../img/sep_3col.gif) left top repeat-y;
}
#Column.ThreeCol > div{
	margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    width: 265px;
}
#Column.ThreeCol > div:first-Child,
#Column.ThreeCol > div.firstLi{
	padding:0;
	margin:0;
}
#Column.ThreeCol .mainImg .contactBtn{
	position:static;
	float:right;
	margin:50px 0 40px;
}
#Column.ThreeCol .mainImg .contactBtn img{width:auto;}
#Column.ThreeCol .mainImg a img{width:265px;}
#Column.ThreeCol .title2{
	font-size:40px;
	min-height: 130px;
	line-height:40px;
}
#Column.ThreeCol .desc{
	clear:both;
	padding:0 15px 0 0;
}
/*---- FOUR COLS ----*/
#Column.FourCol{
	background:transparent url(../img/sep_4col.gif) left top repeat-y;
}
#Column.FourCol > div{
	margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    width: 196px;
}
#Column.FourCol > div:first-Child{
	padding:0;
	margin:0;
}
#Column.FourCol .mainImg .contactBtn{
	position:static;
	float:right;
	margin:50px 0 40px;
}
#Column.FourCol .mainImg a img{max-width:196px;}
#Column.FourCol .title2{
	font-size:30px;
	line-height:30px;
	min-height:85px;
}
#Column.FourCol .imgProfil img{max-width:196px;}
#Column.FourCol .desc{
	clear:both;
	padding:0;
}

#Column.multiple .btn{
	background-image: url("../img/contactBtn_bg.jpg");
	background-color: #e2001a;
	background-position: right center;
	background-repeat: no-repeat;
    color: white;
    display: inline-block;
    font: 13px/43px Arial,Verdana,Sans-serif;
    margin: 15px 0 50px;
    padding-right: 16px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 126px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
/*#Column.multiple .btn:hover {
	background-color: black;
}*/
#Column.multiple .btn img {
	vertical-align: middle;
}
#Column.multiple .btn.left{
	background-image: url("../img/contactBtn_bg_left.jpg");
    padding: 0 0 0 8px;
    background-position: left center;
    margin-right: 10px;
}
#Column.multiple .title2 {
	font-size: 28px;
    line-height: 35px;
    min-height: 100px;
}

/*---- TWO COLS ----*/
#Column{
	background:transparent url(../img/sep_2col.gif) center top repeat-y;
	float:left;
	margin:0 0 16px 0;
}
#Column > div{
	width:414px;
	float:left;
}
#Column .imgProfil{
	position:relative;
	display:inline-block;
	padding:10px 0 0 0;
}
#Column > div:first-Child{padding:0 27px 0 0;}
#Column .mainImg{position:relative;margin:0 0 6px 0;}
#Column .mainImg a{display:inline-block;}
#Column .mainImg .contactBtn{
	position:absolute;
	right:0;
	bottom:55px;
	z-index:2;
	background: #e2001a url(../img/contactBtn_bg.jpg) right center no-repeat;
	color:white;
	text-transform:uppercase;
	padding:0 25px 0 0;
	font:normal normal 13px/13px Arial, Verdana, Sans-serif;
}
#Column .mainImg .contactBtn > *{
	display:inline-block;
	vertical-align:middle;
}
.infoBtn{	
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:2;	
	background:#e2001a url(../img/infoBtn_arrow.png) right center no-repeat;
	text-transform:uppercase;
	padding: 0 35px 0 14px;
	font: normal bold 20px/34px Arial, Verdana, sans-serif;
	color:white;	
}
#Column .mainImg .contactBtn:hover, #Column .infoBtn:hover{background-color: black;}
#Column .mainImg .contactBtn:hover{background-image:url(../img/contactBtn_bg_rollover.jpg);}
#Column .desc{
	padding:0 212px 8px 0;
	color:#868b8d;
}

/*---- PAGES GAMME ----*/
#gamme > .padding{padding-bottom:15px;}
#gamme .desc p{
	line-height:normal;
	padding-top:0;
	margin-bottom:0;
}
#gamme .desc p:first-child{padding-top:0 !important;}

/*---- TITLES ----*/
.title1{
	color:#6D7172;
	font:normal 21px/22px Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	margin:0 0 25px 0;
}
.title2 {
	color:#000;
	font:normal 500 35px/35px Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	min-height:80px;
	margin:0 0 20px 0;
}
.title2 > span, .title1 > span{display:block;}
.title2 .HighSleeperCab, .title1 .HighSleeperCab{
	font:normal normal 12px/12px Arial, Verdana, Sans-serif;
}
.title2 > span:first-Child, .title1 > span:first-Child{
	padding:0 0 3px 0;
	margin:0 0 10px 0;
	background:transparent url(../img/title1_bg.jpg) left bottom no-repeat;
}
.title1.margin{
	margin-left:172px;
	float:left;
}
.title1.margin > span:first-Child {padding-bottom:10px;}
.title3{
	color:black;
	font:normal bold 54px/60px Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	margin:0 0 20px 0;
}
.title4{
	color:black;
	font:normal 42px/42px Arial, Verdana, Sans-serif;
	font-weight:500;
	text-transform:uppercase;
	margin:0 0 35px 0;
}
.title4 span {
	display: block;
}
.title5{
	font:normal bold 40px/40px Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	margin:0 0 28px 0;
}


.title6{
	color:#000;
	font:normal 38px/42px Arial, Verdana, Sans-serif;
	font-weight:500;
	text-transform:uppercase;
	margin:0 0 35px 0;
	/*word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	o-hyphens: auto;
	hyphens: auto;*/
}

.title7{
	color:#6c7072;
	font:normal 22px/22px Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	margin:0 0 25px 0;
}

.title8 {
color: #898a8c;
font: normal bold 49px/49px Arial, Verdana, Sans-serif;
text-transform: uppercase;
min-height: 80px;
margin: 0 0 20px 0;
}
/*---- WYSIWYG ----*/
/* suppression paragraphes vides */
.wysiwyg p:empty{display:none;}
/* suppression double BR */
/*.wysiwyg br + br{display:none;}*/
/* suppression BR en début de contenu */
/*.wysiwyg > p > br:first-child, .wysiwyg li > br:first-child{display:none;}*/

/*---- SHOWROOM ----*/
.backToProduct{
	color:black;
	text-transform:uppercase;
	background:transparent url(../img/back_arrow.png) left center no-repeat;
	padding:0 0 0 15px;
	display:inline-block;
	font-size:9px;
	vertical-align:top;
}
.backToProduct:hover{
	color:#e2001a;
	background-image:url(../img/back_arrow_rollover.png);
}
#showroom{
	min-height:400px;
	background: transparent url(../img/ajax-loader_showroom2.gif) center center no-repeat;
}
#showroom ul {
	margin:0 23px 16px;
}
#showroom ul > li{float:left;margin:0 0 1px 1px;position:relative;}
/*#showroom ul > li.firstChild{margin:0 0 0 25px;}*/
#showroom ul > li. #zoom{margin:0 !important;}
#showroom.sep li {
	border-bottom: 2px solid black;
    border-left: 2px solid black;
	margin: 0;
}
#showroom.sep li.firstChild {
	border-left: 0;
}
#showroom ul > li a {float:left;display:block;}
#showroom ul > li .rollover, #showroom .picto, #showroom ul > li .playBtn{
	position:absolute;
	top:0;
	display:inline-block;	
}
#showroom ul > li .rollover, #showroom ul > li .playBtn{
	z-index:2;	
	width:100%;
	height:100%;
	left:0;
}
#showroom ul > li .rollover{
	background-color:#e2001a;
	opacity:0;
	filter : alpha(opacity=0);
	transition: opacity 0.5s linear;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
}
#showroom ul > li .legend{
	font-size:12px;
	color:white;
	background:transparent url(../img/background_zoom.png) repeat left top;
	bottom:0px;
	left:0px;
	padding:0 10px;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	display:inline-block;
	position:absolute;
	z-index:1;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#showroom ul > li .legend span{
	line-height:normal;
	vertical-align:middle;
	display:inline-block;
}
#showroom ul > li:hover .rollover{
	display:block;
	opacity:0.4;
	filter : alpha(opacity=40);
}
#showroom ul > li .playBtn{
	background:transparent url(../img/showroom_picto_play.png) center center no-repeat;	
}
#showroom .picto{
	z-index:2;
	right:0;
	width:38px;
	height:38px;	
}
#showroom .video .picto{
	background:transparent url(../img/showroom_picto_video.jpg) left top;
}
#showroom .video360 .picto{
	background:transparent url(../img/showroom_picto_video360.jpg) left top;
}
#showroom .spheron .picto{
	background:transparent url(../img/showroom_picto_video360.jpg) left top;
}
#showroom .image .picto{
	background:transparent url(../img/showroom_picto_image.jpg) left top;
}
#showroom .wallpaper .picto{
	background:transparent url(../img/showroom_picto_wallpaper.jpg) left top;
}
#showroom .screensaver .picto{
	background:transparent url(../img/showroom_picto_screensaver.jpg) left top;
}
#showroom ul.list li{margin-right:10px;}

#showroom ul > li .text {
	text-transform: uppercase;
	position: absolute;
	left: 0;
	bottom: 0;
	color: white;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	font: normal normal 18px/18px Helvetica, Arial, Verdana, Sans-serif;
}
#showroom ul > li .text:before {
	content: '';
	width: 21px;
	height: 17px;
	display: block;
	background-image: url(../img/icon-link.png);
	margin-bottom: 7px;
}

.showroom-sorter {
	float: right;
	font: normal bold 10px/normal Helvetica, Arial, Verdana, Sans-serif;
	color: black;
	text-transform: uppercase;
	margin-bottom: 10px;
	height: 20px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.showroom-sorter ul {
	position: absolute;
	top: 0;
	right: -190px;
}

.showroom-sorter ul > li a {
	display: inline-block;
	vertical-align: middle;
}
.showroom-sorter ul > li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.showroom-sorter ul > li:before {
	color: grey;
    content: "|";
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.showroom-sorter ul > li:first-child:before {
	display: none;
}
.showroom-sorter ul > li.current a {
	color: #e2001a;
}
.showroom-sorter ul > li .image .icon {
	background: transparent url(../img/sort-image.png) no-repeat center top;
}
.showroom-sorter ul > li .video .icon {
	background: transparent url(../img/sort-video.png) no-repeat center top;
}
.showroom-sorter ul > li .spheron .icon {
	background: transparent url(../img/sort-360.png) no-repeat center top;
}
.showroom-sorter ul > li .icon {
	width: 22px;
	height: 20px;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.showroom-sorter ul > li.current .icon {
	background-position: center bottom;
}

#zoom{
	width:100%;
	height:auto;
	display:none;
	background-color: #242424 !important;
	/* margin:0 0 1px 0 !important;
	position:relative;
	left: -23px;
    padding-right: 46px !important; */
}
#zoom .closeBtn{
    background:#242424;
    right:12px;
    top:12px;
    position:absolute;
    z-index:1;
    display:none;
    cursor:pointer;
    width:19px;
    height:19px;
    background: transparent url(../img/showroom_closeBtn.png) left top no-repeat;
}
#zoom .wrapper {
	/* margin:15px 73px;
    width:809px; */
	float:left;
	position:relative;
	min-height:500px;
	background: transparent url(../img/ajax-loader_showroom.gif) center center no-repeat;
	padding:40px;
}
#zoom .wrapper .text {
	font: normal normal 12px/normal Arial, Verdana, sans-serif;
	color:white;
	/*width:781px;*/
	padding:15px 15px 15px 50px;
	background: transparent url(../img/background_zoom.png) left top repeat;
	display:none;
	position: relative;
}
#zoom .wrapper .picto {
	display: none;
}
#zoom .wrapper .text::before {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	left:15px;
}
#zoom .wrapper .text > * {
	display:inline-block;
	vertical-align:middle;
}

#zoom .wrapper > img:first-child {
	width: 100%;
	display: block;
	height: auto;
}

#zoom .wrapper iframe{
	margin:0 0 10px 0;
	width: 100%;
}
#zoom .wrapper .text strong{text-transform:uppercase;}
#zoom .wrapper .text > *:first-Child{width:70%;}
#zoom .wrapper .text .share{width:30%;}
#zoom .share {
	float: right;
	display: flex !important;
	justify-content: flex-end;
}
#zoom .share > *{
	display:inline-block;
	margin:0 0 0 10px;
}
/*---- PRODUCT ----*/
#product{position:relative;}
/* models */
#product .models{
	padding:0 0 43px 0;
	background:url(../img/products_models.png) no-repeat center bottom;
	overflow: hidden;
}
#product .models > li{
	float:left;
	width:100%;
	position:relative;
}

/* cols */
#product .col, #tabs .col, .slider .col{
	float:left;
	margin:0 0 0 15px;
}
.slider .slider{padding:0;margin:0 !important;}
#product .col_705px, #tabs .col_705px, .slider .col_705px{width:705px;}
#product .col_497px, #tabs .col_497px, .slider .col_497px{width:497px;}
#product .col_430px, #tabs .col_430px, .slider .col_430px{width:430px;}
#product .col_215px, #tabs .col_215px, .slider .col_215px{width:215px;}
#product .col_393px, #tabs .col_393px, .slider .col_393px{width:393px;}
#product .col_281px, #tabs .col_281px, .slider .col_281px{width:281px;}
#product .col_155px, #tabs .col_155px, #desc .col_155px{width:155px;}
.slider .col_173px{width:173px;}
#product .col:first-child, #product .title + .col, #tabs .col:first-child, #tabs .title + .col, .slider .col:first-child, .slider .title + .col{margin-left:0;}
/* view */
#product .models .view{
	width:320px;
	padding-top:50px;
	padding-left:73px;
}
#product .models .view > img{
	display:block;
	margin:0 auto;
}
/* desc */
#product .models .desc{
	width:424px;
	padding-right:73px;
}
#product .models .desc > .wysiwyg{padding-right:77px;}
#product .models .desc .title2{
	min-height:0;
	margin-bottom:0;
}
#product .models .desc .new_title_2 ,
#product .models .desc p {
	margin-bottom: 0 !important;
	line-height: normal !important;
}
#product .models .desc .title8 {
	min-height: 0px !important;
}
/* tools */
#product .models .tools{
	position:absolute;
	left:0;top:110px;
	width:43px;
	height:100%;
	color:#ffffff;
	white-space:nowrap;
	text-transform:uppercase;
	font:normal bold 13px/33px Arial, Verdana, Sans-serif;
}
#product .models .tools > ul > li{
	padding:7px 0 8px 0;
}
#product .models .tools > ul > li > a{
	height:33px;
	display:block;
	position:relative;
	background:#ffffff;
	-webkit-transition:background 0.2s ease-in-out;
	-moz-transition:background 0.2s ease-in-out;
	-ms-transition:background 0.2s ease-in-out;
	-o-transition:background 0.2s ease-in-out;
	transition:background 0.2s ease-in-out;
}
#product .models .tools > ul > li > a > .icon > img{
	display:block;
	position:relative;
	top:0;
	-webkit-transition:top 0.2s ease-in-out;
	-moz-transition:top 0.2s ease-in-out;
	-ms-transition:top 0.2s ease-in-out;
	-o-transition:top 0.2s ease-in-out;
	transition:top 0.2s ease-in-out;
}
#product .models .tools > ul > li > a > .icon {
	display:block;
	width:43px;
	height:33px;
	overflow:hidden;
	position: relative;
	z-index: 2;
}
#product .models .tools > ul > li > a.hover > .icon {
	background-color: #e00a0c;
}

#product .models .tools > ul > li > a > .text{
	display:block;
	position:absolute;
	z-index: 1;
	left:43px;top:0;
	opacity:0;
	height:33px;
	padding:0 15px 0 7px;
	overflow:hidden;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-ms-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}
#product .models .tools > ul > li > a:hover,
#product .models .tools > ul > li > a.hover {background:#e00a0c;}
#product .models .tools > ul > li > a:hover > .icon > img,
#product .models .tools > ul > li > a.hover > .icon > img{top:-33px;}
#product .models .tools > ul > li > a:hover > .text,
#product .models .tools > ul > li > a.hover > .text{
	opacity:1;
	background:#e00a0c;
}
/* pager */
#product > .pager > li{display:none;}
#product > .pager > li.prev, #product > .pager > li.next{
	display:block;
	position:absolute;
	top:40px;
	width:50px;
	height:50px;
	cursor:pointer;
	background:url(../img/product_pager.png) no-repeat left top;
}
#product > .pager > li.off{cursor:default;}
#product > .pager > li.prev{left:25px;}
#product > .pager > li.next{right:25px;}
#product > .pager > li.prev:hover{background-position:0 -50px;}
#product > .pager > li.prev{background-position:0 0;}
#product > .pager > li.next:hover{background-position:-50px -50px;}
#product > .pager > li.next{background-position:-50px 0;}

#product > .pager > li.prev.off,
#product > .pager > li.next.off {
	display: none;
}

/*---- LIMITED EDITION ----*/
#limitedEdition{
	position: absolute;
	right: 28px;
	bottom: 60px;
	width: 125px;
	border-left: 1px solid #666b6e;
	padding-left: 10px;
	text-align: center;
	height: 410px;
	display: flex;
	align-items: center;
}
#limitedEdition h3 {
	font-size: 12px;
	margin: 0 auto !important;
}
#limitedEdition > .catTitle{
	position:static;
	display:inline-block;
}
#limitedEdition > .window, #limitedEdition > .window > .carousel{
	height:auto !important;
}
#limitedEdition > .carousel {
	/* overflow: hidden; */
	/* height: 200px; */
}
#limitedEdition > .carousel > li{
	display:none;
	width:125px;
}
#limitedEdition .carousel .slick-slide {
	display: flex;
	min-height: 220px;
}
#limitedEdition .carousel .slick-slide img {
	margin: 0 auto;
}
#limitedEdition .carousel .slick-slide .wysiwyg {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#limitedEdition .carousel .slick-slide .wysiwyg p {
	margin-bottom: 0;
}
#limitedEdition > .carousel > li:first-child{display:block;}
#limitedEdition .carousel > li > a{
	width:110px;
	display:block;
	margin:0 0 0 15px;
}
#limitedEdition .carousel .slick-next,
#limitedEdition .carousel .slick-prev {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: url(../img/product_pager.png) no-repeat left top;
	left: 50%;
	z-index: 10;
	background-position: 0 -50px;
}
#limitedEdition .carousel .slick-next {
	transform: translate(-50%, 0) rotate(-90deg);
	bottom: -50px;
	top: auto;
}
#limitedEdition .carousel .slick-prev {
	transform: translate(-50%, 0) rotate(90deg);
	top: -50px;
}
#limitedEdition .carousel .slick-next:hover,
#limitedEdition .carousel .slick-prev:hover {
	background-position: 0 -50px;
}
#limitedEdition > .pager{
	margin:0 0 0 15px;
	width:110px;
}
#limitedEdition > .pager > li{margin:0 0 0 5px;}
#limitedEdition > .pager > li:first-child{margin-left:0;}
#limitedEdition > .pager > li:hover{border-bottom-color:#000000;}

/*---- TABS ----*/
/* tabs */
#tabs > .tabs{
	z-index:5;
	position:relative;
	height:46px;
	margin:-6px 0 0 0;
	padding:6px 0px 13px 0px;
	background:url(../img/tabs.png) no-repeat center top;
}
#tabs > .tabs > ul{
	display:table;
	width:100%;
	color:#6c7072;
	border-spacing:1px;
	border-collapse:collapse;
	text-align:center;
	text-transform:uppercase;
	font:normal bold 13px/normal Arial, Verdana, Sans-serif;
}
#tabs > .tabs > ul > li{
	display:table-cell;
	width:20%;
	white-space:nowrap;
	border-left:1px solid #ffffff;
}
#tabs > .tabs > ul > li:first-child{border-left:none;}
#tabs > .tabs > ul > li > a{
	height:16px;
	display:block;
	padding:13px 5px 11px 5px;
	position:relative;
	border-bottom:6px solid #e2001a;
	background:#ffffff;
}
#tabs > .tabs > ul > li > a:hover, #tabs > .tabs > ul > li.current > a{color:#e2001a;}
#tabs > .tabs > ul > li.current > a:before{
	content:"";
	position:absolute;
	width:13px;
	height:7px;
	left:-7px;
	bottom:-13px;
	margin:0 0 0 50%;
	background:url(../img/arrow1_bottom_red.gif) no-repeat left top;
}
/* contact */
#tabs > .tabs > ul > li.contact{
	width:15%;
	border-left:none;
}
#tabs > .tabs > ul > li.contact > a{
	padding-left:42px;
	color:#ffffff;
	text-align:left;
	background:#e2001a url(../img/contactBtn_picto_2015.png) no-repeat left center;
}
#tabs > .tabs > ul > li.contact > a:hover{
	background-color:#000000;
	border-bottom-color:#000000;
}
#tabs > .tabs > ul > li.contact > a:before{
	content:"";
	position:absolute;
	right:-8px;top:0;
	width:8px;
	height:46px;
	background:url(../img/tabs_tabs_contact.png) no-repeat 0 0;
}
#tabs > .tabs > ul > li.contact > a:hover:before{background-position:0 -46px;}
/* tab */
#tabs .tab{
	clear:both;
	padding:60px 0 0 0;
}
#tabs .tab > .padder{padding:0 40px;margin:0 0 25px 0;}
/* title */
#tabs .tab .title{
	padding:0 345px 40px 0;
	text-transform:uppercase;
	font:normal normal 28px/28px Arial, Verdana, Sans-serif;
}
/* arguments */
#tabs .tab .args{padding-bottom:40px;}
#tabs .tab .args > .wysiwyg:first-child .sub_title{display:block;}
/* ctx content */
#tabs .tab .ctxContent{color:#868b8d;}
#tabs .tab .ctxContent.wysiwyg p{text-align: left !important;}
#tabs .tab .ctxContent img{max-width:100%;}
/* sliders */
#tabs .tab .sliders{padding-bottom:45px;}
#tabs .tab .sliders > ul{
	display:table;
	width:100%;
	color:#6c7072;
	border-spacing:0;
	border-collapse:collapse;
	text-transform:uppercase;
	font:normal bold 18px/normal Arial, Verdana, Sans-serif;
}
#tabs .tab .sliders > ul > li{
	display:table-cell;
	border:none;
	padding:0 0 30px 15px !important;
	vertical-align:bottom;
	/*float:left;*/
}
#tabs .tab .sliders > ul > li:first-child{padding-left:0 !important;}
#tabs .tab .sliders > ul > li > a{
	display:block;
	-webkit-transition:color 0.2s ease-in-out;
	-moz-transition:color 0.2s ease-in-out;
	-ms-transition:color 0.2s ease-in-out;
	-o-transition:color 0.2s ease-in-out;
	transition:color 0.2s ease-in-out;
}
#tabs .tab .sliders > ul > li > a > .name{padding:0 0 12px 0;}
#tabs .tab .sliders > ul > li > a > .picture{
	display:block;
	position:relative;
}
#tabs .tab .sliders > ul > li > a > .picture > img{
	display:block;
	width:100%;
	height:auto;
}
#tabs .tab .sliders > ul > li > a > .picture > .overlay{
	display:block;
	position:absolute;
	left:0;top:0;
	width:100%;
	height:100%;
	background-color:rgba(226, 0, 26, 0);
	-webkit-transition:background-color 0.2s ease-in-out;
	-moz-transition:background-color 0.2s ease-in-out;
	-ms-transition:background-color 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out;
}
#tabs .tab .sliders > ul > li > a > .picture > .icon{
	display:block;
	position:absolute;
	right:0;bottom:0;
	width:38px;
	height:38px;
	background:#e2001a url(../img/tabs_tab_slider.png) no-repeat center center;
}
#tabs .tab .sliders > ul > li.loading > a > .picture > .icon{background-image:url(../img/slider_ajax-loader.gif);}
#tabs .tab .sliders > ul > li.active > a, #tabs .tab .sliders > ul > li > a:hover{color:#e2001a;}
#tabs .tab .sliders > ul > li.loading > a > .picture > .overlay, #tabs .tab .sliders > ul > li > a:hover > .picture > .overlay{background-color:rgba(226, 0, 26, 0.4);}
/*---- SCHEMATIC ----*/
.schematic{
	display:block;
	position:relative;
}
/* picture */
.schematic > .picture{
	display:block;
	margin:auto;
}
/* loader */
.schematic > .loader{
	position:absolute;
	left:0;top:0;
	width:100%;
	height:100%;
	background:#ffffff url(../img/schematix_loader.gif) no-repeat center center;
}
/* spot */
.schematic > .spot{
	z-index:1;
	position:absolute;
	width:24px;
	height:25px;
	cursor:pointer;
	margin:-11px 0 0 -11px;
	background:url(../img/schematic_spot.png) no-repeat left top;
}
.schematic > .spot > .content{
	position:absolute;
	left:19px;top:50%;
	width:156px;
	height:156px;
	color:#ffffff;
	white-space:nowrap;
	overflow:hidden;
	padding:1px 0 0 0;
	font:normal normal 11px/normal Arial, Verdana, Sans-serif;
	/*background:#353535 url(../img/schematic_spot_content.png) no-repeat left center;*/
	background:#353535;
}
.schematic .spot.video {
	background-image: url(../img/schematic_spot-video.png);
	width: 72px;
}
.schematic > .spot.video > .content .youtube ,
.schematic > .spot.video > .content  .text {
	display: inline-block;
	vertical-align: middle;
}
.schematic > .spot.video > .content .youtube {
	position: relative;
}

.schematic > .spot.video > .content .youtube:hover:before {
	opacity: 0.5;
}
.schematic > .spot.video > .content .youtube:before {
	content:'';
	background-image: url(../img/btn-play-video.png);
	width: 66px;
	height: 66px;
	position: absolute;
	z-index: 1;
	left : 50%;
	top: 50%;
	margin-top: -33px;
	margin-left: -33px;
}
.schematic > .spot.video > .content .youtube img {
	display: block;
}
.schematic > .spot.video > .content  {
	width: 315px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */  
	.schematic > .spot > .content{padding-top:0;}
}
.schematic > .spot > .content > .text{
	width: 110px;
	padding:0 20px;
	white-space:normal;
}
.schematic > .spot > .content > .text > *{margin:9px 0 0 0;}
.schematic > .spot > .content > .text > *:first-child{margin-top:0;}
.schematic > .spot.active{z-index:2;background-position:0 -50px;}
.schematic > .spot:hover{background-position:0 -25px;}
.schematic > .spot.active:hover{background-position:0 -50px;}
.tab .legend {
	clear: both;
	margin-top: 10px;
	float: right;
	font-size: 11px;
}
/*---- SLIDER ----*/
.slider{
	color:#6c7072;
	padding:40px;
	position:relative;
	background-color:#242424;
	background-repeat:no-repeat;
	background-position:center center;
	font:normal normal 12px/normal Arial, Verdana, Sans-serif;
	clear:both;
}
.slider.loading{
	height:447px;
	background-image:url(../img/slider_loader.gif);
}
.slider p{
	line-height: normal !important;
}
.slider p.legend {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	padding: 5px 10px;
	color: #000;
	background: #fff;
}
#tabs .slider{margin:0 0 40px 0;}
.slider .wysiwyg{color:#6c7072;}
.slider .desc{
	color:#9ba1a3;
	padding-top: 20px;
}
.slider .desc .new_title_2{color:#9ba1a3;}
.slider .desc .new_exergue{
	font-size:15px;
	margin-top:20px;
	margin-bottom:0;
}
.slider .desc .new_exergue:before{margin-bottom:10px;}
.slider > .window{height:auto !important;width:2000px;}
.slider .carousel{
	width:684px;
	height:447px;
	overflow:hidden;
}
.slider .carousel > li{
	display:block;
	width:100%;
	height:447px;
	background: none repeat scroll 0 0 #242424;/*background:#ffffff;*/
	position: relative;
}
.slider .carousel > li > img{
	display:block;
	margin:0 auto;
}
.slider .carousel > li .btn-video {
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: #e2001a url(../img/btn-video.png) no-repeat top center;
	border: 1px solid #e2001a;
	display: block;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.slider .carousel > li .btn-video:hover {
	background-color: white;
	background-position: bottom center;
}
/* close */
.slider.loading > *{display:none;}
.slider > .close{
	display:block;
	cursor:pointer;
	position:absolute;
	right:12px;
	top:12px;
	height:19px;
	width:19px;
	background:url(../img/slider_close.gif) no-repeat left top;
}
.slider > .close:hover{background-position:left -19px;}

/*---- PAGER GENERIC ----*/
.pager.generic{margin:5px 0 0 0;}
.pager.generic > li{
	display:inline-block;
	width:30px;
	height:10px;
	cursor:pointer;
	margin:0 10px 0 0;
	border-bottom:6px solid #aaa4a4;
	position:relative;
}
.pager.generic > li:hover{border-bottom-color:#ffffff;}
.pager.generic > li.current{
	cursor:default;
	border-bottom-color:#e2001a !important;
}
.pager.generic > li.current:before{
	content:"";
	width:7px;
	height:4px;
	position:absolute;
	left:-4px;bottom:4px;
	margin:0 0 0 50%;
	background:url(../img/slider_pager_current.gif) no-repeat left top;
}
.pager.generic > li.prev, .pager.generic > li.next{display:none;}
.pager.generic > li > .num{display:none;}

/*---- ACCESSORIES ----*/
#accessories{
	display:inline-block;
	padding:0;
	position:relative;
	margin:0 25px 17px 25px;
	background:black;
	width:905px;
}
#accessories > img{
	display:block;
	float:right;
}
#accessories > .overlay{
	display:block;
	position:absolute;
	left:0;top:0;
	width:100%;
	height:100%;
	padding:34px 12px 12px 12px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#accessories > .overlay > .wysiwyg{
	color:#ffffff;
	position:relative;
	left:-3px;
	width:295px;
}
#accessories > .overlay > .wysiwyg .new_title_2{
	font-size:13px;
	color:#ffffff;
}
/*a#accessories:hover > .overlay > .wysiwyg, a#accessories:hover > .overlay > .wysiwyg .new_title_2{color:#000000;}*/

/*---- CAT TITLE ----*/
.catTitle{
	position:absolute;
	left:0;top:0;
	text-transform:uppercase;
	font:normal normal 9px/31px Arial, Verdana, Sans-serif;
	color:#ffffff;
}
.catTitle  span{
	padding:0 12px;
	background-color:#000000;
	display:inline-block;
	vertical-align:middle;	
	min-height:35px;
}
.catTitle  span.infos{
	background-image:url(../img/arrow_info.gif);
	background-repeat:no-repeat;
	background-position: center center;
	padding:0;
	width:34px;
	margin:0 0 0 1px;
}


/*---- BLOC SERVICE ---*/
.services{
	display:inline-block;
	background-color:#f5f7f6;
	margin:0 25px 50px;
	width:905px;
}
.services ul{
	padding:33px 0 0 0;
	float:left;
}
.services ul li{
	float:left;
	border-left:1px solid #c4c6c5;
	margin:0 15px 40px 0;
	padding:0 0 0 15px;
	color:#6c7072;
	font:normal bold 13px/normal Arial, Verdana, Sans-serif;
	text-transform:uppercase;
}
.services ul li a{	
	width:98px;
	min-height:112px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:bottom left;
}
.services > .catTitle{
	position:static;
	display:inline-block;
}
.services > .catTitle a{display:inline-block;}
.services > .catTitle a > *{vertical-align:top;line-height:30px;}

.services > .catTitle > a{display:inline-block;}
#accessories:hover .catTitle span, #accessoires .catTitle:hover span{background-color: #E7000C;}
.services ul li a.start_drive{background-image:url(../img/icon_services/start_drive_service.png);}
.services ul li a.expandys{background-image:url(../img/icon_services/expandys_services.png);}
.services ul li a.rt_finance_assurance{background-image:url(../img/icon_services/rt_finance_assurance_services.png);}
.services ul li a.reseau{background-image:url(../img/icon_services/reseau_services.png);}
.services ul li a.btn_24-7{background-image:url(../img/icon_services/btn_24-7_services.png);}
.services ul li a.rt_24-7{background-image:url(../img/icon_services/rt_24-7_services.png);}
.services ul li a.approved_parts{background-image:url(../img/icon_services/approved_parts_services.png);}
.services ul li a.optifuel_programme{background-image:url(../img/icon_services/optifuel_programme_services.png);}
.services ul li a.optifuel_handover{background-image:url(../img/icon_services/optifuel_handover_services.png);}
.services ul li a.optifleet{background-image:url(../img/icon_services/optifleet_services.png);}
.services ul li a.optifuel_training{background-image:url(../img/icon_services/optifuel_training_services.png);}
.services ul li a.optifuel_infomax{background-image:url(../img/icon_services/optifuel_infomax_services.png);}
.services ul li a.fast_pro{background-image:url(../img/icon_services/fast_pro_services.png);}
.services ul li a.accessoires{background-image:url(../img/icon_services/accessoires_services.png);}
.services ul li a.accessoires:hover, #services .list ul li a.accessoires:hover{background-image:url(../img/icon_services/accessoires_rollover.png);}
.services ul li a.fast_pro:hover, #services .list ul li a.fast_pro:hover{background-image:url(../img/icon_services/fast_pro_rollover.png);}
.services ul li a.start_drive:hover, #services .list ul li a.start_drive:hover{background-image:url(../img/icon_services/start_drive_rollover.png);}
.services ul li a.expandys:hover, #services .list ul li a.expandys:hover{background-image:url(../img/icon_services/expandys_rollover.png);}
.services ul li a.rt_finance_assurance:hover, #services .list ul li a.rt_finance_assurance:hover{background-image:url(../img/icon_services/rt_finance_assurance_rollover.png);}
.services ul li a.reseau:hover, #services .list ul li a.reseau:hover{background-image:url(../img/icon_services/reseau_rollover.png);}
.services ul li a.btn_24-7:hover, #services .list ul li a.btn_24-7:hover{background-image:url(../img/icon_services/btn_24-7_rollover.png);}
.services ul li a.rt_24-7:hover, #services .list ul li a.rt_24-7:hover{background-image:url(../img/icon_services/rt_24-7_rollover.png);}
.services ul li a.approved_parts:hover, #services .list ul li a.approved_parts:hover{background-image:url(../img/icon_services/approved_parts_rollover.png);}
.services ul li a.optifuel_programme:hover, #services .list ul li a.optifuel_programme:hover{background-image:url(../img/icon_services/optifuel_programme_rollover.png);}
.services ul li a.optifuel_handover:hover, #services .list ul li a.optifuel_handover:hover{background-image:url(../img/icon_services/optifuel_handover_rollover.png);}
.services ul li a.optifleet:hover, #services .list ul li a.optifleet:hover{background-image:url(../img/icon_services/optifleet_rollover.png);}
.services ul li a.optifuel_training:hover, #services .list ul li a.optifuel_training:hover{background-image:url(../img/icon_services/optifuel_training_rollover.png);}
.services ul li a.optifuel_infomax:hover, #services .list ul li a.optifuel_infomax:hover{background-image:url(../img/icon_services/optifuel_infomax_rollover.png);}
.services ul li a:hover{color:#e2001a;}
.services ul li:first-Child{border:0;}

#services .list ul li a.fast_pro{background-image:url(../img/icon_services/fast_pro_services.png);}
#services .list ul li a.start_drive{background-image:url(../img/icon_services/start_drive_services.png);}
#services .list ul li a.expandys{background-image:url(../img/icon_services/expandys_services.png);}
#services .list ul li a.rt_finance_assurance{background-image:url(../img/icon_services/rt_finance_assurance_services.png);}
#services .list ul li a.reseau{background-image:url(../img/icon_services/reseau_services.png);}
#services .list ul li a.btn_24-7{background-image:url(../img/icon_services/btn_24-7_services.png);}
#services .list ul li a.rt_24-7{background-image:url(../img/icon_services/rt_24-7_services.png);}
#services .list ul li a.approved_parts{background-image:url(../img/icon_services/approved_parts_services.png);}
#services .list ul li a.optifuel_programme{background-image:url(../img/icon_services/optifuel_programme_services.png);}
#services .list ul li a.optifuel_handover{background-image:url(../img/icon_services/optifuel_handover_services.png);}
#services .list ul li a.optifleet{background-image:url(../img/icon_services/optifleet_services.png);}
#services .list ul li a.optifuel_training{background-image:url(../img/icon_services/optifuel_training_services.png);}
#services .list ul li a.optifuel_infomax{background-image:url(../img/icon_services/optifuel_infomax_services.png);}



/*---- BLOC ACCESSOIRES ---*/
#accessoires{
	display:inline-block;
	background-color:white;
	margin:25px 25px 15px 25px;
	width:905px;
	border-top:6px solid #8c9293;
	position:relative;
}
#accessoires.ajax{
	border:0;
	margin-top:0;
	min-height:300px;
}
#accessoires.ajax > ul.carousel1 li{
	min-height:232px;
}
#accessoires.ajax.loader{
	background:transparent url(../img/loader.gif) center center no-repeat;
}
#accessoires .window{
	height:auto !important;
	width:900px !important;
}
#accessoires > .catTitle{
	position:static;
	display:inline-block;
}
#accessoires > .catTitle a{display:inline-block;}
#accessoires > .catTitle a > *{vertical-align:top;}
#accessoires ul.carousel1{padding:30px 0 0 0;}
#accessoires ul.carousel1 li{
	width:225px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 15px 0 0;
	min-height:207px;
	border-left:1px solid #898a8c;
	float:left;
	position:relative;
	margin:0 0 31px;
}
#accessoires ul.carousel1 li span{
	display:inline-block;
	padding:0 0 14px 13px;
	font:normal normal 12px/normal Arial, Verdana, Sans-serif;
	color:#9ba1a3;
}
#accessoires ul.carousel1 li .titre{
	
	text-transform:uppercase;
	color:black;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
}


#accessoires ul.carousel1 li .accroche{
	margin-top:-10px;
}
#accessoires ul.carousel1 li img{float:left;}
#accessoires ul.carousel1 li a .new{
	background:#E5E5E5;
	color:red;
	width:100%;
	text-transform:uppercase;
	font:normal bold 11px/22px Arial, Verdana, Sans-serif;
	padding:0 12px;
	position:absolute;
	z-index:1;
	left:0;bottom:0;
	text-align:right;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#accessoires ul.carousel1 li a .promo{
	background:#e2001a;
	color:white;
	width:100%;
	text-transform:uppercase;
	font:normal bold 11px/22px Arial, Verdana, Sans-serif;
	padding:0 12px;
	position:absolute;
	z-index:1;
	left:0;bottom:0;
	text-align:right;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#accessoires > .pager > li{display:none;}
#accessoires > .pager > li.prev, #accessoires > .pager > li.next{
	display:block;	
	width:34px;
	height:34px;
	cursor:pointer;
	background-image:url(../img/pager_sliderAccessoire.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	z-index:1;
	float:left;
	position:relative;
}
#accessoires > .pager {
	position:absolute;
	top:0;
	right:0;
}
#accessoires > .pager > li.prev{background-position:left top;}
#accessoires > .pager > li.prev:after{
	background:#b9bcbd;
	content:'';
	position:absolute;
	top:10px;
	right:0;
	height:13px;
	width:1px;
	z-index:1;
}
#accessoires > .pager > li.prev, #accessoires > .pager > li.prev.off:hover{background-position:left bottom;}
#accessoires > .pager > li.next, #accessoires > .pager > li.next.off:hover{background-position:right bottom;}
#accessoires > .pager > li.prev:hover{background-position:left top;}
#accessoires > .pager > li.next:hover{background-position:right top;}


/*---- PAGE RESEAU ----*/
#reseau > ul > li{
	float: left;
    margin: 0 0 15px 10px;
}
#reseau > ul > li.first{margin-left:0;}
#reseau  .content{
	top:0;
	text-transform:none;
}
.accroche{
	font-size:18px;
	padding-bottom:10px !important;
	font-weight:bold;
}
#reseau  .content .title{
	font-size:40px;
	padding-bottom:20px;
	text-transform:uppercase;
	line-height:40px;
}
#reseau  .content .infoBtn{
	margin-top:40px;
	position:relative;
	left:-300px;
	display:inline-block;
}

#reseau .text{
	background:transparent url(../img/borderText.jpg) left top no-repeat;
	padding:18px 0 30px 0;
	margin-left: 15px;
	line-height:18px;
}

/*---- PAGE LISTE DES BOITES CONTEXTUELLES ----*/
#list_ctxboxes #ctxbox > li{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding-bottom: 0;
}
.ctx_web #list_ctxboxes #ctxbox > li{
	width: 170px;
	margin: 0 26px 54px;
}
#list_ctxboxes #ctxbox > li > div{
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 20px;
}
#list_ctxboxes #ctxbox > li a{
	display: inline-block;
	height: inherit;
}
#list_ctxboxes #ctxbox > li .bottom{
	position: absolute;
	bottom: 0;
	left: 0;
}

/*---- PAGE OCCASION----*/

#container_form
{
	float:left;
	width : 100%;
	background : url(../img/background_form.jpg) repeat-x left bottom white;
	margin : 0 0 0 0;
}
.classicForm{
	float:left;
	font-size:12px;
	padding : 88px 12px 0;
	overflow : auto;
	background : url(../img/formulaire-contact.jpg) no-repeat left top transparent;
}
.classicForm label {
cursor: pointer;
display: block;
}

#desc.occas .title_occas{
	color: #898A8C;
    display: block;
    font:21px/21px Arial,Sans-serif;
    text-decoration: none;
    text-transform: uppercase;
	padding-bottom:20px;
}
#desc.occas .title_occas_2{
	color: #898A8C;
    display: block;
    font:20px/20px Arial,Sans-serif;
    text-decoration: none;
    text-transform: uppercase;
	padding-bottom:20px;
}
#desc.occas {margin-bottom:35px;float:left;}
#desc.occas .col_485px{width:475px;}

#desc.occas .col_485px.zone1{margin-left:13px;width: 455px;min-height:250px;}
#desc.occas .col_485px.zone2{margin-left:24px;}
#desc.occas .col_485px.zone3{margin-left:24px;margin-top:15px;}

#desc.occas .col_433px  img{
	max-width:100%;
}
#desc.occas .col_321px{width:321px;}
#desc.occas .col_496px{width:496px;}
#desc.occas .col{margin:0 0px 0 0;}
#desc.occas .new_exergue{font-size:15px;line-height:normal;padding-left:10px;}
#desc.occas .new{
	color:#6c7072;
	font-size:22px;
	line-height:24px;
	text-transform:uppercase;
	padding-bottom:5px;
}
#desc.occas.new span{
	padding-right:16px;
	display:inline-block;
	vertical-align:middle;
	padding:0 16px;
	font-size:12px;
	color:white;
	margin-right:6px;
	background-color:#e2001a;
}
#desc.occas .col_vignette{
	width:220px;
	padding-top:0;
	padding-bottom:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:25px;
	min-height:250px;
}
#desc.occas .col_vignette img {
	width: 100%;
	height: auto;
}

#desc.occas .col_220px{
	width:220px;
	padding-top:0;
	padding-bottom:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	min-height:1200px;
	
}

#desc.occas .col_582px{
width:582px;
padding-left:15px;
}
#desc.occas .col_680px{
width:680px;
padding-left:15px;
}
#desc.occas .nav{
	text-transform:uppercase;	
	font:normal normal 11px/normal Arial, Verdana, Sans-serif;
}
#desc.occas .nav { padding-top:0px;padding-bottom:20px;}
#desc.occas .nav > li{padding:0 0 12px 0;}
#desc.occas .nav > li > a{
	color:#6c7072;
	display:inline-block;
	-webkit-transition:color 0.4s ease-in-out;
	-moz-transition:color 0.4s ease-in-out;
	-ms-transition:color 0.4s ease-in-out;
	-o-transition:color 0.4s ease-in-out;
	transition:color 0.4s ease-in-out;
}
#desc.occas .nav > li > ul{
	display:none;
	margin:15px 0;
	padding-left:15px;
	border-left:1px solid #c4c6c5;	
	font-size:9px;
}
#desc.occas .nav > li > ul > li{margin-top:8px;}
#desc.occas .nav > li > ul > li:first-Child{margin:0;}
#desc.occas .nav.arrow > li > a{	
	padding:0 0 0 18px;
	background:transparent url(../img/arrowBlackNav.gif) no-repeat left 3px;
}
#desc.occas .nav.arrow > li > a:hover{background-image:url(../img/arrowBlackNavHover.gif);}
#desc.occas .nav li a:hover, #desc .nav li a.current{color:#e2001a;}
.piece_rechange .new_exergue{
	margin:0 0 18px 22px !important;
}
/*-----Fin Occasion ------*/



/*---- PAGE ACCESSOIRES ----*/
#desc{margin-bottom:35px;float:left;}
#desc .col_393px{width:393px;margin-right: 13px;}
#desc .col_393px  img{
	width:100%;
	height: auto;
}
#desc .col_321px{width:321px;}
#desc .col_496px{width:496px;}
#desc .col{margin:0 20px 0 0;}
#desc .new_exergue{font-size:15px;line-height:normal;padding-left:10px;}
#desc .new{
	color:#6c7072;
	font-size:22px;
	line-height:24px;
	text-transform:uppercase;
	padding-bottom:5px;
}
#desc .new span{
	padding-right:16px;
	display:inline-block;
	vertical-align:middle;
	padding:0 16px;
	font-size:12px;
	color:white;
	margin-right:6px;
	background-color:#e2001a;
}
#desc .col_220px{
	width:220px;
	padding:0 25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#desc .col_582px{
width:582px;
padding-left:15px;
}
#desc .col_355px{
	width: 355px;
}
#desc .col_160px{
	width: 160px;
}
#desc .wysiwyg .col_160px .col {
	margin: 0;
	float: none;
	width: auto;
}

#desc .wysiwyg .sidebar-images  {
	clear: both;
	padding: 20px 0px 0 10px;
}

#desc .wysiwyg .sidebar-images img {
	display: block;
	margin-bottom: 0;
	max-width: 100%;
	height: auto;
}

#desc .col_680px{
width:680px;
padding-left:15px;
}

#desc .nav{
	text-transform:uppercase;	
	font:normal normal 11px/normal Arial, Verdana, Sans-serif;
	
}




.nav > li > a:hover{
	
}


.nav > li.plus > a{
	
	background:transparent url(../img/plus.png) no-repeat left 1px;
	
}


.nav > li.plus > a:hover{
	background:transparent url(../img/plus_hover.png) no-repeat left  1px;
}




.piece_rechange .new_exergue{
	margin:0 0 18px 22px !important;
}





#desc .nav {padding-top:20px; padding-bottom:20px;}
/*#desc .nav:first-child {padding-top:0;}*/
#desc .nav > li{padding:0 0 12px 0;}
#desc .nav > li > a{
	color:#6c7072;
	display:inline-block;
	-webkit-transition:color 0.4s ease-in-out;
	-moz-transition:color 0.4s ease-in-out;
	-ms-transition:color 0.4s ease-in-out;
	-o-transition:color 0.4s ease-in-out;
	transition:color 0.4s ease-in-out;
	padding-left:15px;
}
#desc .nav > li > ul{
	display:none;
	margin:15px 0;
	padding-left:15px;
	border-left:1px solid #c4c6c5;	
	font-size:9px;
	margin-left:15px;
}
#desc .nav > li > ul > li{margin-top:8px;}
#desc .nav > li > ul > li:first-Child{margin:0;}

#desc .nav > li > ul > li > ul{
	padding-left:15px;
	border-left:1px solid #c4c6c5;	
	font-size:9px;
}
#desc .nav > li > ul > li > ul > li{margin-top:8px;}

#desc .nav > li > ul > li > ul > li > ul{
	padding-left:15px;
	border-left:1px solid #c4c6c5;	
	font-size:9px;
}
#desc .nav > li > ul > li > ul > li > ul > li {margin-top:8px;}

#desc .nav.arrow > li > a{	
	padding:0 0 0 18px;
	background:transparent url(../img/arrowBlackNav.gif) no-repeat left 3px;
}
#desc .nav.arrow > li > a:hover{background-image:url(../img/arrowBlackNavHover.gif);}

#desc .nav li a:hover, #desc .nav li a.current{color:#e2001a;}

.piece_rechange .new_exergue{
	margin:0 0 18px 22px !important;
}
#pieceRechangeList{
	background-color:#f5f7f6;
	display:inline-block;
	margin-top:30px;
}
#pieceRechangeList > li{
	float:left;
	position: relative;
	width:170px;
	height:164px;
	overflow: hidden;
}
#pieceRechangeList > li > a{	
	display:inline-block;
	padding:18px 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font:normal bold 12px/16px Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	color:#000000;	
	-webkit-transition:background 0.4s ease-in-out;
	-moz-transition:background 0.4s ease-in-out;
	-ms-transition:background 0.4s ease-in-out;
	-o-transition:background 0.4s ease-in-out;
	transition:background 0.4s ease-in-out;
}
#pieceRechangeList > li > a:hover{
	color:white;
	background-color:black;
}
#pieceRechangeList > li > a:hover > span{
	background-image:url(../img/arrowListHover.png);
	border-color:transparent;
}
.pieceRechangeList--picture {
	width: 100%;
	display: block;
	height: auto;
}
.pieceRechangeList--picture + a {
	position: absolute;
	z-index: 1;
	height: 100% !important;
	top: 0;
	left: 0;
	color:white !important;
}
.pieceRechangeList--picture + a > span{
	background-image:url(../img/arrowListHover.png) !important;
}

#pieceRechangeList > li:first-child span,
#pieceRechangeList > li.first span{border:0;}
#pieceRechangeList > li > a > span{	
	background:transparent url(../img/arrowList.png) 92% bottom no-repeat;
	display:inline-block;
	height:100%;
	width:100%;
	padding:0 8px 0 16px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-left:1px solid #c4c6c5;
}

.addthisServices {
	padding:25px;
}

#onglet{	
	background:transparent url(../img/ongletBG.jpg) center bottom no-repeat;
	padding-bottom:50px;
}
#onglet .menu{
	border-bottom:6px solid #e2001a;	
	text-transform:uppercase;
	font-size: 0;
	text-align:center;
}
#onglet .menu  ul > li{display:inline;}
#onglet .menu ul > li > a{	
	padding:0 17px;
	font:normal bold 9px/34px Arial, Verdana, Sans-serif;	
	color:black;
	background-color:#e5e5e5;
	display:inline-block;
}
#onglet .menu ul > li > a.current{
	background-color:#e2001a;
	color:white;
}
#onglet .onglets{
	padding-top:21px;
	display:none;
	width:100%;
	overflow:hidden;
}
#onglet .onglets ul > li{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:35px;
	height:120px;
}
#onglet .onglets ul > li > a{
	color:#6c7072;
	font-size:11px;
}
#onglet .onglets ul > li > a .img{
	display:inline-block;
	margin:0 3px;
}
#onglet .onglets  ul > li > a .img img{margin:0 0 5px 0;}
#onglet .onglets  ul > li > a .title{
	padding-bottom:24px;
	display:inline-block;
	text-transform:uppercase;
}
#onglet .onglets  ul > li > a .title strong{font-size:20px;}
#onglet .onglets ul > li > a:hover, #onglet .onglets ul > li > a.current{
	-webkit-transition:color 0.4s ease-in-out;
	-moz-transition:color 0.4s ease-in-out;
	-ms-transition:color 0.4s ease-in-out;
	-o-transition:color 0.4s ease-in-out;
	transition:color 0.4s ease-in-out;
	color:#e2001a;
}
#onglet .onglets ul > li > a:hover .title, #onglet .onglets ul > li > a.current .title{
	background: transparent url(../img/arrowOnglet.jpg) center bottom no-repeat;
}

.col_674px{width:674px;}
#download{	
	text-transform:uppercase;
	float:right;
	border-left:1px solid #6f6f6f;
	width:150px;
	position:relative;
	margin-left:30px;
}
#download p{
	background:black;
	padding: 10px 14px;
	color:white;
	font:bold normal 9px/34px Arial, Verdana, Sans-serif;
	line-height:14px;
	
}
#download a{
	margin:15px 15px 0;
	display:inline-block;
	font:normal bold 12px/normal Arial, Verdana, Sans-serif;
}
#download a img{
	padding-top:5px;
}

/*---- PAGE SERVICE ---*/
#services .list{
	overflow:hidden;
	background-color:#f5f7f6;
	margin-top:16px;
	padding:25px 0 0 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#services .list .titre{
	color:#6c7072;
	text-transform:uppercase;
	padding-bottom:17px;
	font-size:22px;
}
#services .list ul li.firstchild{
	padding:0;
	border:0;
}
#services .list ul li{
	float:left;
	border-left:1px solid #c4c6c5;
	margin:0 15px 40px 0;
	padding:0 0 0 15px;
	color:#000000;
	font:normal bold 14px/normal Arial, Verdana, Sans-serif;
	text-transform:uppercase;
}
#services .list ul a{	
	width:180px;
	min-height:160px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:bottom left;
}
#services .list ul li a:hover > p{color:#e2001a;}
#services .list .text{
	text-transform:none;
	color:#9ba1a3 !important;
	font-size:12px;
	font-weight:normal;
}
#services .list ul  li p:first-Child{padding:0;}
#services .list ul  li p{padding-top:10px;}

#serviceSlider{
	background:transparent url(../img/backgroundSliderServices.jpg) center top no-repeat;
	overflow:hidden;
}
#serviceSlider .window{height:355px !important;}
#serviceSlider ul > li{
	line-height:355px;
	width:903px;
	position:relative;
	overflow:hidden;
}
#serviceSlider ul > li > a{	
	width:100%;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px 15px 15px 50px;
	display:inline-block;
}
#serviceSlider ul > li .text{
	width:455px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:15px;
	left:-490px;
	opacity:0;
	position:relative;
}
#serviceSlider ul > li > a > img{display:none;}

#serviceSlider ul > li > a > *{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}
#serviceSlider ul > li .text .title{
	font:normal bold 40px/40px Arial, Verdana, Sans-serif  !important;
	color:#6c7072 !important;
	padding-bottom:25px;
	text-transform:uppercase;
}
#serviceSlider ul > li .text p{
	font:normal normal 13px/16px Arial, Verdana, Sans-serif;
	color:#9ba1a3;	
	padding-bottom:5px;
}
#serviceSlider ul > li .text p strong{
	font-size:18px;
	font-weight:bold;
	color:#6c7072 !important;
}
#serviceSlider .pager > li{display:none;}
#serviceSlider .pager > li.prev, #serviceSlider .pager > li.next{
	display:block;
	position:absolute;
	top:50%;
	margin-top:-15px;
	z-index:1;
	background-repeat:no-repeat;
	background-position:left top;
	background-color:transparent;
	width:21px;
	height:29px;
	cursor:pointer;
}
#serviceSlider ul > li > a > img.img{
	position:absolute;
	z-index:1;
	top:23px;
	right:-12px;
}
#serviceSlider .pager > li.prev{
	left:40px;
	background-image:url(../img/arrowSliderPrev.png);
}
#serviceSlider .pager > li.next{
	right:40px;
	background-image:url(../img/arrowSliderNext.png);
}
#serviceSlider .pager > li.prev:hover{
	background-image:url(../img/arrowSliderPrev_rollover.png);
}
#serviceSlider .pager > li.next:hover{
	background-image:url(../img/arrowSliderNext_rollover.png);
}

/*---- NEWS -----*/

#desc.actu .col_220px{padding-right:0;}

#desc.actu .col_220px > img,
#desc.actu .col_220px > a {
	display: block;
	width:100%;
	height:auto;
	margin-bottom:144px;
}
#desc.actu .col_220px > a {
	margin-bottom: 50px;
}
#desc.actu .col_220px > a img {
	width:100%;height:auto;
}
#desc.actu .col{margin-right:18px;}
#desc.actu .col #ctxbox li {
	margin-bottom: 20px;
}

.info-date {
color:#000;
font-size:11px;
font-weight:bold;
margin-bottom:3px;
margin-top:-2px;
}

.new_exergue_droit{
    float: right;	
    padding:5px 0 20px 20px !important;
}
.new_exergue_gauche{
	float: left;
	padding:5px 20px 20px 0 !important;
}
.new_exergue_droit, .new_exergue_gauche {
    width: 110px;
	font-size: 15px;
    line-height: normal;
	 color: #E2001A;
    font: 15px Arial,Verdana,Sans-serif;
    text-transform: uppercase;
}
.new_exergue_droit:before, .new_exergue_gauche:before {
    background: none repeat scroll 0 0 #E2001A;
    content: "";
    display: block;
    height: 3px;
    margin: 0 50% 5px 0;
}

.canupdate{
 font-size: 12px;
 position: relative;
 background: #88CC00;
 color: #ffffff !important;
}
.canupdate:hover{
 background:#ffffff !important;
 color:#88CC00 !important;
}
/*---- BOITES CONTEXTUELLES ISSUES DES PREMIERS GABARITS ----*/


/*---- PAGE STAFF ----*/
#backgroundList{
	padding-right:0;
	width:929px;
}
#backgroundList #list ul{margin-top:0;}
#backgroundList #list ul.bgColor{
	background:url(../img/backgroundList.gif) right top repeat;
	width:470px;
	padding-top:10px;
	box-sizing: border-box;
}

/*#list ul{margin-top:35px;}*/
#list {
	display: flex;
}

#list ul > li{
	background-color:#d9dadb;
	text-transform:uppercase;
	margin:0 0 15px 15px;
	position:relative;
	float:left;
	overflow:hidden;	
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


#list ul > li > a{display:inline-block;}
#list ul > li.size188{
	width:188px;
	height:188px;		
	line-height:188px;
}

#list ul > li.size188.firstChild{
	display:none
}




.titre-service{
	color:#898a8c;
	font:normal 22px/22px Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	margin:0 0 5px 15px;
	clear:both;
}
#list ul.trombi {margin-left:-15px;}

#list ul.trombi  > li {
background-color: transparent; 
text-transform: uppercase;
margin: 0 0 40px 15px;
position: relative;
float: left;
overflow: hidden;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;


}
#list ul > li.size214{
	width:214px;
	height:214px;		
	line-height:214px;	
}
#list ul > li > ul > li.size214{
	width:214px;
	height:214px;		
	line-height:214px;	
	font-weight:bold;
}
#list ul > li.size214_big{
	width:214px;
	height:324px;		
	line-height:328px;	
	font-weight:bold;
}
#list ul > li.size444{
	width:444px;
	height:214px;		
	line-height:214px;	
	font-weight:bold;
}
#list ul > li > ul > li.size444{
	width:444px;
	height:214px;		
	line-height:214px;	
	font-weight:bold;
}
#list ul > li.size444_big{
	font-weight:500;
	width:444px;
	height:444px;		
	line-height:444px;
}
#list ul > li > a > .picture-tag {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	line-height: 20px;
	margin: 10px;
	padding: 0 6px;
	background: #000;
	font-size: 11px;
}
#list ul > li.size444_big .padder{background-position:left bottom  !important;}
#list ul > li.size444_big .padder p{font-size:2.333em !important;}
#list ul > li.lightGrey{background-color:#f5f7f6;}
#list ul > li.lightGrey  p{color:#4a4343 !important;}
#list ul > li> ul > li.lightGrey{background-color:#f5f7f6;}
#list ul > li> ul > li.lightGrey  p{color:#4a4343 !important;}
#list ul > li.size444 .padder p{font-size:1.375em  !important;}
#list ul > li > ul > li.size444 .padder p{font-size:1.375em  !important;}
#list ul > li.darkGrey{background-color:#202727;}
#list ul > li.darkGrey .padder p{color:white;}
#list ul > li.mediumGrey{background-color:#d9dadb;}
#list ul > li.darkGrey .padder > a > *{color:white;}
#list ul > li.firstChild{
	margin-left:0;
	clear:both;
}
#list ul{
	float:left;
	padding-left:15px;
}
#list ul:first-Child{padding-left:0;}
#list ul > li.share{
	border-style:solid;
	border-width:6px 0 0 0;
	background-repeat:no-repeat;
	background-position:right 17px;
}
#list ul > li.share p{text-transform:none;}
#list ul > li  p.date{
	padding:0;
	text-transform:uppercase;
	color:#9ba1a3 !important;
	padding-bottom:10px;
}
#list ul > li.lightGrey  p.date{
	color:#4A4343 !important;
}
#list ul > li p.lieu{
	font:normal bold 9px/normal Arial, Verdana, Sans-serif;
	position:absolute;
	top:15px;
	left:15px;
	z-index:1;
	color:#9ba1a3;
}
#list ul > li.share.twitter{
	background-image:url(../img/icons/icon_twitter.png);
	border-color:#33c5fa;
}
#list ul > li.share.facebook{
	background-image:url(../img/icons/icon_facebook.png);
	border-color:#2e68b6;
}
#list ul > li.news{
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	font-size:1.375em;
}
#list ul > li .padder{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px;
	position:absolute;
	left:0;
	width:100%;
	line-height:normal;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	o-hyphens: auto;
	hyphens: auto;
}
#list ul > li .padder p {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	o-hyphens: auto;
	hyphens: auto;
}

#list ul > li > .padder > .center {
    color: #4A4343;
    display: inline-block;
    font-size: 1.375em;
    line-height: normal;
    text-align: left;
    vertical-align: middle;
}
#list ul > li .padder.top{top:0;}
#list ul > li .padder.bottom{
	bottom:0;
	padding-top:80px;
}
#list ul > li .padder.middle{
	vertical-align:middle;
	display:inline-block;
	position:static;
	text-transform:uppercase;
}


#list.jobs > ul > li .padder.middle{
	vertical-align:middle;
	display:inline-block;
	position:static;
	text-transform:none;
}

#list.jobs > ul > li:last-child {
	background-color: #e2001a;
}

#list.jobs > ul > li:last-child p {
	text-transform: uppercase;
	font-size: 13px;
	line-height: normal;
	color: white !important;
}

#list ul > li img + .padder.bottom{	
	background:transparent url(../img/staffBG.png) left top repeat-x;
}

#list ul.trombi > li img + .padder.bottom{	
	background:transparent url(../img/staffBG.png) left top repeat-x;
}


#list ul > li img + .padder.bottom  p{color:white !important;}
#list ul > li .padder.bottom  p{color:white !important;}
#list ul > li .padder.bottom p, #list ul > li .padder time{	
	font-size:12px;
	line-height:normal;
	padding-top:3px;
	cursor:pointer;
}
#list ul > li .padder.bottom p.function{display:none;}
#list ul > li .padder > .links{padding-top:5px;}
#list ul > li .padder > .links > li{
	float:left;
	margin:0 1px 1px 0;
}
#list ul > li .padder > .links > li > a{display:block;font-size:0;}
#list ul > li .padder > .links > li > a:hover{opacity:0.7;}

#list ul > li > a > .rollover{
    background: url(../img/push_rollover.png) no-repeat left top;
    height:328px;	
    width:100%;
    left:-549px;	
    top:0;
    position: absolute;
    z-index:1;
	padding:15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:white;	
}
#list ul > li.size444 > a > .rollover{
    background-image:url(../img/push_rollover_444.png);
    height: 214px;
    width: 444px;
    left: -444px;
}
#list ul > li.size444 > a > .rollover p {
	font-size: 24px;
}
#list ul > li.size214 > a > .rollover{
    background-image:url(../img/push_rollover_small.png);
    height:214px;
    width:433px;
    left:-433px;
}
#list ul > li.size214 > a > .rollover p{	
	width: 50%;
}
/*---- PAGE STAFF ----*/
/*#list ul{margin-top:35px;}*/
#list ul > li{
	background-color:#d9dadb;
	text-transform:uppercase;
	font-weight:500;
	line-height:3;
	margin:0 0 15px 15px;
	position:relative;
	float:left;
	overflow:hidden;	
	cursor:pointer;	
}

#list ul > li.size188 >.padder top{	
	padding-top:100px;
}

#list ul > li.size188 >.padder > .center{
	color:#4a4343;
	font-size:1.375em;
	line-height:7em;
	display:inline-block;
	vertical-align:middle;	
	text-align:left;:
}

#list ul > li.size188 > .rollover{
    background: url(../img/push_rollover_small_gray.png) no-repeat left top;
    height:328px;	
    width:549px;
    left:-549px;	
    top:0;
    position: absolute;
    z-index:1;
	padding:15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:white;
	padding-top:83px;
	line-height:1.5;
}

/*a[href^="mailto:"] { 
  color: red;
}*/

#list ul > li.size188{
	width:188px;
	height:188px;		
	line-height:156px;
}
#list ul > li.size188{
	width:188px;
	height:188px;		
	line-height:156px;
}
#list ul > li.size214{
	width:214px;
	height:214px;		
	line-height:182px;
}
#list ul > li.size444{
	width:444px;
	height:214px;		
	line-height:182px;
}
#list ul > li.size444_big{
	width:444px;
	height:444px;		
	line-height:412px;
}
#list ul > li.size444_big > .padder{background-position:left bottom  !important;}
#list ul > li.size444_big  > .padder > p{font-size:2.333em !important;}
#list ul > li.lightGrey{background-color:#D9DADC;}
#list ul > li.lightGrey  > .padder > *{color:black !important;}
#list ul > li.darkGrey{background-color:#202727;}
#list ul > li.darkGrey > .padder > *{color:white !important;}
#list ul > li.firstChild{
	margin-left:0;
	clear:both;
	/*cursor:default;*/
}
#list ul > li > .padder{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px;
	position:absolute;
	left:0;
	width:inherit;
}
#list ul > li > .padder > .center{	
	color:#4a4343;
	font-size:1.375em;
	line-height:normal;
	display:inline-block;
	vertical-align:middle;	
	text-align:left;
}
#list ul > li > .padder.top{top:0;}
#list ul > li > .padder.bottom{
	bottom:0;
	line-height:normal;
	padding-top:80px;
	
}


#list ul > li > img + .padder.bottom{	
	background:transparent url(../img/staffBG-full.png) left top repeat-x;
}



#list ul > li > img + .padder.bottom  p{color:white !important;}
#list ul > li > .padder.bottom p, #list ul > li > .padder time{	
	font-size:12px;
	line-height:normal;
	padding-top:3px;
	cursor:pointer;
}
#list ul > li > .padder.bottom div.function{display:none;}

#list ul > li p.optimum {
	position: absolute;
	z-index: 1;
	left: 16px;
	top: 10px;
	width: 198px;
}
#list ul > li p.optimum span {
	display: inline-block;
    font-size: 22px;
    line-height: normal;
    vertical-align: middle;
}

/*---- BLOCK LINK PLAQUE ----*/

#list .list-right {
	padding-left: 10px;
}

#list ul.link-plaque .size146 a:hover {
	color: #e2001a;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

#list ul.link-plaque .size146 a img {
	width: 100%;
	height: auto;
}
#list ul > li.size146 {
	width: 146px;
	height: 214px;
}

/*---- PAGE STAFF ----*/

/*---- BOX CODE POSTAL----*/

.size291x138{	
	padding:15px;
	width:291px;
	height:138px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.size291x138_in_list {
width: 291px;
height: 138px;
}
.size291x138_in_list > a > h2 {
color: #ffffff;
}
#zipCode{background:#e2001a url(../img/arrowWhite.png) 95% 85% no-repeat;}
.ctxBox .titre{
	font-size:12px;
	font-weight:bold;
	color:white;	
	margin-bottom:19px !important;
}
.ctxBox .titre span{font-size:28px;}
.ctxBox input{	
	background-color:white;
	border:0;
	height:25px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.ctxBox input[type="text"],.ctxBox input[type="password"]{
	color:#807b7b;	
	text-indent:10px;
}
.ctxBox input[type="submit"]{
	cursor:pointer;
	color:#e2001a;
	width:30px;
}
.ctxBox p{margin-bottom:8px;}
#zipCode .ctxBox input[type="submit"]{border-left:1px solid #dedee0;}
#zipCode .ctxBox input[type="text"]{
	position:relative;
	right:-3px;
}
#infotechConnection{background:#000000 url(../img/infotechUserBg.jpg) left top no-repeat;}
#infotechConnection .ctxBox input[type="text"], #infotechConnection .ctxBox input[type="password"]{
	background-color:black;
	width:215px;
}
.form  {
    display: block;
}
.form  fieldset {
    padding: 10px 0;
	border:0;
}
.form  p{
    padding: 0 0 24px;
	font:normal normal 14px/14px Arial,Verdana, Sans-serif;
	position:relative;
}
.form  p  strong{color:black;}
.form  label, .form  .label {
    -moz-box-sizing: border-box;
    color: #6c7072;
	font:normal normal 14px/20px Arial,Verdana, Sans-serif;
    display: inline-block;   
    padding:0 0 5px;
    vertical-align: bottom;
}
.form  label {
    cursor: pointer;
}

.form .errors > *{color:#db533d;}
.form .errors input{border:1px solid #db533d !important;}
.form  input[type="text"], .form  input[type="password"], .form  input[type="tel"], .form  input[type="email"], .form  input[type="date"], .form  input[type="number"], .form  input[type="url"], .form  select, .form  textarea {
    -moz-box-sizing: border-box;
    border:0;
    border-radius:0;
    display: inline-block;
	color: #6c7072;
    text-align: left;
    vertical-align: bottom;
    width:100%;
	background-color:#f0f2f1;
	height:41px;
    padding:0 10px;
	font:normal normal 14px/41px Arial,Verdana, Sans-serif;
}
.form  input[type="text"]:focus, .form  input[type="password"]:focus, .form  input[type="tel"]:focus, .form  input[type="email"]:focus, .form  input[type="date"]:focus, .form  input[type="number"]:focus, .form  input[type="url"]:focus, .form  select:focus, .form  textarea:focus {
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
}
.form  select{
	line-height:normal;
	padding: 10px;
}
.form  input[type="submit"], .form  input[type="button"], .form  button , .form  #send_form {
   background: url(../img/infoBtn_arrow.png) no-repeat right center #E2001A;
    color:#FFFFFF;
    font: normal bold 20px/34px Arial,Verdana,sans-serif;
    padding:0 35px 0 14px;
    text-transform: uppercase;
	border:0;
}
.form  input[type="checkbox"] + label, .form  input[type="checkbox"] + .label, .form  input[type="radio"] + label, .form  input[type="radio"] + .label {
    vertical-align: middle;
	padding-left:5px;
}
.form  *:-moz-placeholder {
    color: #6c7072;
}
.form  .required {
    display: inline-block;
    padding: 0 0 0 5px;
}
.form  .col {
    float: left;
    margin: 0;
    padding: 0 0 10px;
    width: 100%;
}
.form  .col-1 {
    clear: left;
    width: 100%;
}
.form  .col-2 {
    clear: left;
    width: 48%;
}
.form  .col-2 + .col-2 {
    clear: none;
    margin-left: 4%;
}
.form  .col-1-2 {
    clear: left;
    width: 30%;
}
.form  .col-1-2 + .col-1-2 {
    clear: none;
    margin-left: 5%;
    width: 65%;
}
.form  .col-2-1 {
    clear: left;
    width: 65%;
}
.form  .col-2-1 + .col-2-1 {
    clear: none;
    margin-left: 5%;
    width: 30%;
}
.form  .col-1-3 {
    clear: left;
    width: 22%;
}
.form  .col-1-3 + .col-1-3 {
    clear: none;
    margin-left: 4%;
    width: 74%;
}
.form  .col-3-1 {
    clear: left;
    width: 74%;
}
.form  .col-3-1 + .col-3-1 {
    clear: none;
    margin-left: 4%;
    width: 22%;
}
.form  .col-3 {
    clear: left;
    width: 30%;
}
.form  .col-3 + .col-3, .form  .col-3 + .col-3 + .col-3 {
    clear: none;
    margin-left: 5%;
}
.form  .col-1-1-2 {
    clear: left;
    width: 22%;
}
.form  .col-1-1-2 + .col-1-1-2, .form  .col-1-1-2 + .col-1-1-2 + .col-1-1-2 {
    clear: none;
    margin-left: 4%;
}
.form  .col-1-1-2 + .col-1-1-2 + .col-1-1-2 {
    width: 48%;
}
.form  .col-1-2-1 {
    clear: left;
    width: 22%;
}
.form  .col-1-2-1 + .col-1-2-1, .form  .col-1-2-1 + .col-1-2-1 + .col-1-2-1 {
    clear: none;
    margin-left: 4%;
}
.form  .col-1-2-1 + .col-1-2-1 {
    width: 48%;
}
.form  .col-1-2-1 + .col-1-2-1 + .col-1-2-1 {
    width: 22%;
}
.form  .col-2-1-1 {
    clear: left;
    width: 48%;
}
.form  .col-2-1-1 + .col-2-1-1, .form  .col-2-1-1 + .col-2-1-1 + .col-2-1-1 {
    clear: none;
    margin-left: 4%;
    width: 22%;
}
.form  .col-4 {
    clear: left;
    width: 22%;
}
.form  .col-4 + .col-4, .form  .col-4 + .col-4 + .col-4, .form  .col-4 + .col-4 + .col-4 + .col-4 {
    clear: none;
    margin-left: 4%;
}
.feedback{
	z-index:42;
	position:absolute;
	z-index:1;
	color:#ffffff !important;
	background:#db533d;
	padding:10px !important;
	margin:0 0 10px 0;
	-moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);
	font:normal normal 11px/normal Verdana, Arial, Sans-serif;
	top:0;
	left:25%;
	display:none;
}
.feedback:before{
	content:'';
	position:absolute;
	left:10px;
	bottom:-14px;
	z-index:2;
	width:14px;
	height:14px;
	background:url(../img/error_msg.gif) no-repeat left top;
}

/*-----------  STYLES CONDITIONNELS   -----------*/
/*-----------  CSS for no-opacity  -----------*/
html.no-opacity #product .models .tools > ul > li > a > .text{display:none;}
html.no-opacity #product .models .tools > ul > li > a:hover > .text{display:block;}
/*-----------  CSS for no-rgba  -----------*/
html.no-rgba #tabs .tab .sliders > ul > li > a > .picture > .overlay{
	filter:alpha(opacity=0);
	background:#000000;
}
html.no-rgba #tabs .tab .sliders > ul > li.loading > a > .picture > .overlay, html.no-rgba #tabs .tab .sliders > ul > li > a:hover > .picture > .overlay{filter:alpha(opacity=50);}

#blockDigital ul li img { max-width:286px; }

.list_logo ul {
	list-style: none;
}
.list_logo ul > li {
	display: inline-block;
	vertical-align: top;
}
.list_logo ul > li p strong {
	text-transform: uppercase;
}
.list_logo ul > li  img{
	cursor: pointer;
}

/*----------- PN100 -----------*/

.search-filter {
	background: #f0f0f1 url(../img/filet.gif) repeat-y 50% top;
}

.search-filter .col-2{
	float: left;
	width: 50%;
}

.search-filter .title {
	color: white;
	text-transform: uppercase;
	font: normal bold 12px/normal Arial, Verdana, Sans-serif;
	background-color: #e10318;
	line-height: 45px;
	text-align: center;
	position: relative;
}
.search-filter .title img {
	margin-right: 10px;
}

.search-filter .title img,
.search-filter .title span {
	vertical-align: middle;
	display: inline-block;
}

.search-filter .title:after {
	content:'';
	background: transparent url(../img/arrow-title-red.png) no-repeat center top;
	display: block;
	width: 13px;
	height: 7px;
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: -7px;
	margin-left: -6px;
}

.search-filter .list-checkbox {
	padding-top: 45px;
	margin-bottom: 25px;
	display: block;
}

.search-filter .list-checkbox > li {
	padding-left: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #868b8d;
	font: normal normal 12px/normal Arial, Verdana, Sans-serif;
	float: left;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.search-filter .list-checkbox > li input {
	margin-right: 5%;
	width: 10%;
	float: left;
}
.search-filter .list-checkbox > li label {
	width: 84%;
	float: left;
	min-height: 28px;
}

.filet-special {
	background-color: #444446;
	height: 1px;
	border: 0;
	position: relative;
	margin: 40px 0;
}

.filet-special:after {
	content: '';
	background: transparent url(../img/arrow-filet.png) no-repeat center top;
	width: 13px;
	height: 8px;
	position: absolute;
	z-index: 1;
	margin-left: -6px;
	left: 50%;
	top: 0;
}

.link-contact-us {
	background: #e2001a url("../img/infoBtn_arrow.png") no-repeat scroll right center;
    color: white;
    font: normal bold 14px/normal Arial,Verdana,sans-serif;
    padding: 10px 45px 10px 20px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 45px;
}

.link-contact-us:hover {
	background-color: black;
}

.table {
	margin-bottom: 50px;
	border-spacing : 0;
	border-collapse : collapse;
}

.table tr td {
	height: 80px;
	font: normal bold 11px/normal Arial,Verdana,sans-serif;
	box-sizing: border-box;
	-web-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.table tr td {
	height: 80px;
	font: normal bold 11px/normal Arial,Verdana,sans-serif;
	box-sizing: border-box;
	-web-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.table tr td:first-child {
	font-size: 12px;
	font-weight: normal;
	padding: 0 8px;
}

.table .price {
	color: white;
	font: normal bold 15px/normal Arial,Verdana,sans-serif;
	background-color: #3d3d3d;
	text-align: center;
}

.table .link {
	color: #e10318;
	background: transparent url(../img/arrow-link-red.png) no-repeat center right;
	padding-right: 30px;
	line-height: 30px;
}

.table .link:hover {
	color: black;
	background-image: url(../img/arrow-link-black.png);
}

.table tr th {
	text-transform: uppercase;
	color: #6c7072;
	font: normal bold 12px/normal Arial,Verdana,sans-serif;
	text-align: left;
	height: 40px;
	vertical-align: top;
}
.table tr th,
.table tr td {
	border-bottom: 1px solid #cdcdcd;
}

.search-filter .title:after {
	display: none;
}

.search-filter .title.expanded {
	background-color: black;
}