/* = Html = */
	html, body {margin:0; padding:0;}
	html {background: #D6DCE0 url(/global/medias/repeatHtml.gif) repeat-y top center;}
	
/* png*/
	* html img,
	* html .png{
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "/global/medias/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
		);
	}
	
/* = Commun = */
	.break, .clear {clear:both;}
	.hidden {display: none}
	p {/*line-height: 150%;*/}

/*Arrondis*/
	.rounded {margin:0;position: relative;}
	.tl, .tr, .bl, .br {position: absolute; width: 20px; height: 20px;}
	.tl {background: transparent url(/global/medias/TopLeft.png) no-repeat 0 0;}
	.tr {background: transparent url(/global/medias/TopRight.png) no-repeat 0 0;}
	.bl {background: transparent url(/global/medias/BottomLeft.png) no-repeat 0 0;}
	.br {background: transparent url(/global/medias/BottomRight.png) no-repeat 0 0;}
	.tr, .br {right: 0;}
	.tl, .bl {left: 0;}
	.tl, .tr {top: 0;}
	.bl, .br {bottom: 0;}

/* = structure */
	#habillage { 
		position: relative;
		width: 900px; margin: 0 auto;
		padding: 0 30px 0 30px;
		}
	#headerContent, #mainContent,#footerContent {width: 900px; }
	#bandeauPage {clear: both;}

/* = headerContent */
	#headerContent, #headerContent .content {height: 75px;}
	#headerContent {padding: 5px 0 0 0;}
	#headerContent {background: #fff url(/global/medias/repeatHeader.gif) repeat-x top left;}
	#headerContent .content {background: transparent url(/global/medias/bandeau.gif) no-repeat top right;}
	a.returnHome {
		display: block; width: 500px; height: 60px;
		position: absolute; top:20px; right:50px;
		text-indent: -1000em;
		}
	
	/*#menuTop*/
	#menuTop {margin:0; padding:0;}
	#menuTop li {float: left; margin: 0 .5em 0 0;}
	#menuTop li a {
		padding: 0 0 0 20px;
		font-size: 85%; color:#8f9a9f; text-decoration: none;
		}
	#menuTop li.mt1 a {background: transparent url(/global/medias/mt1.gif) no-repeat 0 0;}
	#menuTop li.mt2 a {background: transparent url(/global/medias/mt2.gif) no-repeat 0 0;}
	#menuTop li.mt3 a {background: transparent url(/global/medias/mt3.gif) no-repeat 0 0;}
	#menuTop li.mt4 a {background: transparent url(/global/medias/mt4.gif) no-repeat 0 0;}
	
	#menuTop li a:hover {color:#FA180F;}

/* = mainContent */
	#mainContent {background-color:#fff;}
	#mainContent #left, #mainContent #right {float: left;}
	#mainContent #left {width: 180px;}
	#mainContent #right {width: 720px; /*overflow: hidden;*/}
	body#generique #mainContent #right #content {width: 700px; padding:10px;}	
	
	/* menu*/
	#menu {
		position: relative; z-index:1000;
		height: 25px; padding: 15px 0 0 0;
		background: transparent url(/global/medias/repeatMenu.gif) repeat-x 0 0;
		}
	#menu li {float: left; border-right: 1px #ccc solid; padding: 0 10px 0 0; }
	#menu li.last {border:0;}
	#menu li a {
		display: block; padding: 0 0 0 25px;
		font-size: 80%; color:#8f9a9f; 
		text-decoration: none; text-transform: uppercase;
		background: transparent url(/global/medias/flcMenu.gif) no-repeat 15px 1px;
		}
	#menu li.men1 a{width: 100px;}
	#menu li.men3 a, #menu li.men4 a {width: 130px;}
	#menu li.men2 a {width: 160px;}
	#menu li a.current,
	#menu li a:hover {color:#FA180F;}
	
	/* sous menu */
	#menu ul {
		padding: .5em 0 .5em 0;
		position: absolute; 
		background-color:#D5DBDE;
		}
	#menu ul li {	
		display: block;
		margin: 0 0 .3em 0;
		float: none!important;
		}
	#menu ul li a {color:#333;}

/* = home */
	
	/* scrollable */
	div.scrollable {   
	    position:relative; overflow:hidden;     
	    height: 335px; width: 178px;
		} 
	div.scrollable div.items {position:absolute;height:20000em;}
	
	div.scrollable div.items div {
		float:left; text-align:center;
		width:180px; height: 75px; padding: 3px 0 5px 0;
		border-bottom: 1px #ccc solid;
		background: transparent url(/global/medias/flcProd.gif) no-repeat 0 0;
		}
	div.scrollable div.items div.active {background-color: #F1F2F4;}
	div.scrollable div.items div h2 a {
		display: block;
		font-size: 85%; color:#8f9a9f; 
		text-decoration: none; text-transform: normal;
		}
	a.prev, a.next {display: block; width: 180px; text-indent: -1000em; cursor: pointer;}
	a.prev {height: 40px; background: transparent url(/global/medias/btScrollTop_sans.gif) no-repeat 0 0;}
	body#generique a.next {background: transparent url(/global/medias/btScrollDown_page.gif) no-repeat 0 0;}
	a.next {height: 25px; background: transparent url(/global/medias/btScrollDown.gif) no-repeat 0 0;}
	
/* = espace */
	#espace {
		width: 160px; padding: 2px 10px 25px 10px;
		background: #3F4D51 url(/global/medias/bottomEspace.gif) no-repeat bottom;
		}
	#espace h2 {
		width: 160px; height: 25px;
		text-indent: -1000em;
		background: transparent url(/global/medias/h2Espace.gif) no-repeat 0 0;
		}
	#espace ul{font-size:12px;}
	#espace ul li {margin: 0 0 .2em 0; height: 1%;}
	#espace ul li a {
		display: block; width: 140px; padding: 0 0 0 12px;
		fot-size: 80%; color:#fff; text-decoration: none;
		background: transparent url(/global/medias/flcOrange.gif) no-repeat -15px 2px;
		}
	#espace ul li a:hover {color:#FC7109;}
		
/* = moreInfo */	
	#moreInfo {
		height: 80px; overflow: hidden;
		background: transparent url(/global/medias/bgConcessionnaire.gif) no-repeat 0 0;
		}	
	#moreInfo a {
		display: block;
		height: 80px; width: 160px;
		}
	
/* search */
	.searchBox {padding: 0.5em 0 0 10px;}
	.searchBox label {
		padding: 0 0 0 15px;
		font-size: 93%; color:#8f9a9f;
		background: transparent url(/global/medias/flcProd.gif) no-repeat -1px 1px;
		}
	#reseau .searchBox p {width: 100%; background-image: none}
	#reseau .searchBox label, #reseau .searchBox input {float: left;}
	#reseau .searchBox label {font-size: 100%; }
	#reseau .searchBox input {border: 1px #ccc solid; font-size: 100%; padding: .2em;}

	.searchBox p {
		width: 160px; height: 20px;
		background: transparent url(/global/medias/bgSearch.gif) no-repeat 0 0;
		}
	.searchBox input, .searchBox button {float: left;}
	.searchBox input {
		width: 130px; height: 12px;
		margin: 3px 0 0 5px;
		font-size: 80%; color:#000;
		border: 1px #fff solid;
		}
	.searchBox button {
		border:0; text-indent: -1000em;
		display: block; width:20px; height: 20px;
		background: transparent url(/global/medias/buttonSearch.gif) no-repeat 0 0;
		}
	
/* = rubriques */
	#rubriques {
		width: 700px; padding: 7px 10px 10px 10px;
		background: transparent url(/global/medias/bgRubriquesHome.jpg) no-repeat 0 0;
		}
	#rubriques .rub {float: left; width: 170px; margin: 0 10px 0 0;}
	#rubriques #une {
		width: 315px; margin:0!important; padding: 30px 10px 10px 10px;
		background: transparent url(/global/medias/bgNewsHome.gif) no-repeat top left;
		}
	#rubriques #une img {float: left; margin: 0 10px 0 0;}
	#rubriques #une a.all {
		position:absolute; right: 55px;
		display: block; width: 150px;
		margin: -24px 0 0 0; 
		text-align: right; font-size: 85%; color:#8f9a9f;
		text-decoration: none;
		}
	#rubriques .rub a.more {color:#FA1830; font-weight: bold;}
	
/* = Gestion des GAMMES */
	body.page_gamme .wisi h1 {font-size: 200%; padding: 0 0 0 10px;}

	#liste_Gamme {margin: .5em 0 0 0;}
	.detail_gamme {
		float: left; width: 170px;
		margin: 0 5px 10px 0;
		}
	#liste_Gamme.impair .detail_gamme {
		float: left; width: 225px;
		margin: 0 5px 10px 0;
		}
	#liste_Gamme.pair .detail_gamme {
		float: left; width: 345px;
		margin: 0 5px 10px 0;
		}

	.detail_gamme .tit_prod h2 {
		display: block; width: 160px; 
		cursor: pointer;
		padding: 3px 0 2px 10px; margin:0;
		font-size:93%; color:#505f64; 
		text-transform: uppercase; font-weight: bold;
		background: transparent url(/global/medias/h2_tit_prod.gif) repeat-x 0 0;
		}
	#liste_Gamme.impair .tit_prod h2 {width: 215px;}
	#liste_Gamme.pair .tit_prod h2{width: 335px;}
	.detail_gamme .tit_prod h2 a {
		color:#505f64; font-weight: bold;text-decoration: none;
		}
	
	.detail_gamme .top, 
	.detail_gamme .bottom {}
	.detail_gamme .top {
		text-align: center;
		border: 1px #fff solid;
		}
	.detail_gamme .top img {margin: 0}
	.detail_gamme p { font-size: 85%; padding: 0 0 .5em 0}
	
	/* Apllications */
	.detail_gamme .bottom {background-color:#FB7C1D}
	.detail_gamme .applications {padding: 0;}
	.detail_gamme .applications h2 {
		cursor: pointer;
		width:160px;
		margin:0; padding: 5px 0 5px 10px;
		/*text-indent:-1000em;*/
		font-size:93%; color:#FFf;
		}
	#liste_Gamme.impair .detail_gamme .applications h2{width:215px;}
	#liste_Gamme.pair .detail_gamme .applications h2{width:335px;}
	.detail_gamme .applications h2,
	.detail_gamme .applications h2.plus {background:transparent url(/global/medias/h2_appli.gif) no-repeat top right}
	.detail_gamme .applications h2.moins {
		background: transparent url(/global/medias/h2_appli_less.gif) no-repeat top right
		}
	.detail_gamme .applications .content {padding: 10px;}
	.detail_gamme .applications p {color:#fff;}
	.detail_gamme .applications ul {margin:0;}
	.detail_gamme .applications li {
		font-size: 93%;
		list-style-type: disc; list-style-position: inside; 
		color:#fff; margin: 0 0 5px 0;
		}
	.detail_gamme .applications li a {font-size: 85%; color:#fff!important;}
	
/* = Gestion des PRODUITS */
	#fiche_produit .left, #fiche_produit .right {float: left}
	#fiche_produit .left {width:310px; margin: 0 10px 0 0}
	#fiche_produit .right {width:350px}
	
	#fiche_produit .left .fiche h3 {color:#505F64; font-size:100%; font-weight: bold;}
	#fiche_produit .left .fiche p {}
	
	#fiche_produit .left .concept {width: 310px;}
	#fiche_produit .left .concept h2 {
		width: 310px; height: 25px;
		text-indent: -1000em;
		background: transparent url('../medias/h2Concept.gif') no-repeat 0 0
		}
	#fiche_produit .left a.pdf {
		display: block;
		color:#505F64; font-size: 93%;
		text-decoration: none; font-weight: bold;
		padding: 0 0 3px 22px; margin: 5px 0 0 0;
		background: transparent url(/global/medias/acrobat.gif) no-repeat 0 0;
		}		
	
	#fiche_produit .left .concept .content {
		padding: 0 0 70px 0;
		background: transparent url(/global/medias/bottomConcept.gif) no-repeat bottom;
		}
	#fiche_produit .left .concept ul {}
	#fiche_produit .left .concept ul li {
		padding: 0 0 0 15px;
		margin: 0 0 5px 0; color:#505F64; font-size:93%;
		background: transparent url(/global/medias/chevronSimple.gif) no-repeat 0 2px;
		}
	#fiche_produit .left .concept ul li a {color:#FC7109; padding: 0 .2em 0 0;}
	
	#fiche_produit .right .visuel_produit {
		padding: 0 0 10px 0;
		background: transparent url(/global/medias/bottomVisuelProd.gif) no-repeat bottom;
		}
	
	/*visuel_produit*/
	.visuel_produit .nav li {
		float: left;
		margin: 0 5px 0 0;
		display: block; width: 90px; height: 90px;
		list-style-position:outside: none!important;
		}
	.visuel_produit .nav li a,
	.visuel_produit .nav li a img {padding:0!important;}
	
	#fiche_produit .right .zoom {}
	#fiche_produit .right .nav {padding: 10px 0 0 10px;}
	#fiche_produit .right .nav img {float: left; margin: 0 10px 0 0;}
	
	/* fiche_produit - liste */
	#fiche_produit .fiche ul {}
	#fiche_produit .fiche ul li {
		font-size: 85%;
		padding: 0 0 3px 15px;
		background: transparent url(/global/medias/chevronSimple.gif) no-repeat -3px 4px;
		}
	#fiche_produit .fiche ul li a {
		
		}
	
	/*caracteristiques*/
	#caracteristiques {margin: 1em 0 0 0; width: 680px;}
	#caracteristiques h2 {
		width: 680px; height: 23px;
		margin:0; text-indent: -1000em;
		background: transparent url(/global/medias/h2_carac.gif) no-repeat 0 0;
		}
	#caracteristiques h3 {
		display: block; width: 655px; cursor: pointer;
		padding: 3px 0 2px 25px; margin:0;
		font-size:93%; color:#505f64; text-transform: normal;
		border-bottom: 1px #505f64 solid;
		background: transparent url(/global/medias/h3_carac.gif) no-repeat 0 0;
		}
	#caracteristiques h3.moins { 
		cursor: pointer; color:#fff;
		background-position: 0 -22px;
		border-bottom: 1px #CD4F0B solid;
		}
	
	#caracteristiques h4 {border-top: 1px #666 dotted; color:#000; padding: 3px 0 0 0;}
	#caracteristiques .extended {
		border-bottom: 3px #FF8600 solid;
		overflow:hidden;
		padding: 0 0 35px 0;
	}
	#caracteristiques .extended  table th {text-align: center;}
	#caracteristiques a.more {
		display: block; padding: 0 0 0 12px; margin: .5em 0 0 0;
		text-align: left; font-size: 93%; color:#FC7109;
		background: transparent url(/global/medias/flcRed.gif) no-repeat 0 2px;
		}

/* le réseau et la recherche concessionnaires */
	#reseau {}
	#reseau .right img {margin: -35px 0 0 0;}
	#reseau .left, #reseau .right {float: left;}
	#reseau .left {width: 330px; padding: 0 10px 1em 0;}
	#reseau .right {width: 360px; padding: 0 0 1em 0; text-align:right;}

	#reseau h2 {
		font-size: 125%; text-transform: none; 
		font-weight: bold;
		}
	#reseau h3 {
		font-size: 108%; color:#a0aaaf; 
		margin: 1em 0 0 0; padding: 0 0 .5em 0;
		}
		
	#reseau .left ul {}
	#reseau .left ul li {
		margin: 3px 0 6px 0;
		padding: 0 0 2px 0;
		list-style-type: disc;
		list-style-position: inside;
		}
	#reseau .left ul li.tel,
	#reseau .left ul li.fax {
		padding: 0 0 0 25px;
		color:#333;
		list-style-type: none!important;
		}
	#reseau .left ul li.tel {
		background: transparent url(/global/medias/tel.gif) no-repeat 0 0;}
	#reseau .left ul li.fax {
		background: transparent url(/global/medias/fax.gif) no-repeat 0 0;}


	#reseau #mode_result {}
	#reseau #mode_result h2 {
		font-size: 108%; color:#ff8600; 
		padding: 0 0 .5em 0; 
		border-bottom: 1px #ff8600 solid;
		}
	#reseau #mode_result .result {padding: .5em 0 0 0;}
	#reseau #mode_result .result h3 {
		font-size: 108%; color:#ff8600; font-weight: bold;
		padding: 0 0 .5em 0; margin: 0 0 0 0;
		border-bottom: 8px #ff8600 solid;
		}
	
	a.laisser {
		border-top: 3px #ff8600 solid;
		text-indent: -1000em;
		display: block; width: 700px; height: 20px;
		background: transparent url(/global/medias/btLaisser.gif) no-repeat top center;
		}
		
	#form_reseau {
		width: 680px; padding: 10px;
		background-color:#FF8600;
		}
	#form_reseau .left,
	#form_reseau .right {float: left; width: 49%;}
	#form_reseau h2 {color:#fff!important; text-transform: uppercase;}
	#form_reseau label {
		color:#fff; font-size: 85%;
		background: transparent url(/global/medias/flcWhite.gif) no-repeat -3px 0!important;
		}
	#form_reseau textarea {width: 300px; height:  100px;}
		
/* gestions des tables de contenu */
	.wisi table {
		width:100%;
		border-collapse: collapse;
		margin: 0 0 1em 0;
		}
	.wisi table tr {background-color: #F1F2F2;}
	.wisi table tr.pair {background-color: #fff;}
	.wisi table th, .wisi table td {padding: .3em .5em .3em .5em;}
	.wisi table th {
		font-size: 93%; color:#fff; 
		background-color:#FF8600!important;
		}
	.wisi table td {font-size: 85%; color:#505f64;}
		
/* = wisi = */
	.wisi h1, .wisi h2, .wisi h3, 
	.wisi h4, .wisi h5, .wisi h6,
	.wisi p {}
	
	.wisi h1, .wisi h2, .wisi h3, .wisi h4, .wisi h5, .wisi h6 {margin: 0 0 .3em 0;}
	
	.wisi h1 {font-size: 110%; color:#FC7109; font-weight: bold;}
	.wisi h2 {font-size:200%; color:#505f64; text-transform: normal;}
	.wisi h3 {font-size: 100%;}
	.wisi h4 {font-size: 93%} 

	.wisi p, .wisi li {font-size: 85%; color:#505f64;}
	.wisi li {}
	.wisi li a {font-size: 130%;}
	.wisi p {
		color:#666; padding: 0 0 .5em 0;
		}
 	.wisi p img {margin: 0 1em 1em 0;}
	.wisi ul {}
	.wisi ul li a {font-size: 85%;}

	.wisi a.more {
		display: block;
		font-size: 85%; color: red;
		padding: 0.5em 0 0 0;
		text-align: right;
		text-decoration: none;
		}
	.wisi p a.more {font-size: 100%;}

/* = footerContent */
	#footerContent {
		padding: 1em 0 1em 0;
		background: transparent url(/global/medias/repeatFooter.gif) repeat-x 0 0
		}
	#footerContent .content {
		margin: 0 0 0 10px; 
		padding: 10px;
		width: 858px; 
		border: 1px #DDE0E2 solid;
		background-color:#fff;
		}
	#footerContent .rubrique {
		float: left; width: 160px;
		margin: 0 5px 0 0 !important;
		padding:0 !important;
		} 
	#footerContent h2 {color:#FA180F; font-size: 100%; font-weight: bold;}
	#footerContent ul {margin:0 !important; padding:0 !important;}
	#footerContent li {margin: 0; padding:0 !important; line-height:1.3em;}
	#footerContent ul li a {
		padding: 0 0 0 10px;
		font-size: 85%; color:#8f9a9f; text-decoration: none;
		background: transparent url(/global/medias/chevronRed.gif) no-repeat 0 4px;
		}
	
	#footerContent  li a:hover {color:#FA180F;}

/* = signature */
#signature  {
	margin: 20px 0 0 0;
	padding: 0;
	}
	#signature p {
		text-align: right;
		font-size: 85%; color:#8f9a9f; 
		margin: 0;
		padding: 0 1em 0 0;
		}
	#signature p a {color:#fa180f;}