/* ================================================================================ */
/* = Site = */
	
	html {
		font-family: 'Arial';
		background: #D4EDFA url(/global/medias/bgHtml.gif) repeat-x 0 0
		}
	body {background: transparent url(/global/medias/bgBody.gif) repeat-x 0 0}

/* ================================================================================ */
/* = commun = */
	.break {clear:both}
	.hidden {display: none}
	#contenu a:visited {color: blue;}
	
/* ================================================================================ */
/* = Structure = */
	#page {
		position: relative;
		width: 960px;
		z-index: 1;
		margin: 0 auto;
		padding: 0 0 85px 0;
		background: transparent url(/global/medias/bgBottomPage.gif) no-repeat bottom;
		}
	#page, #header, 
	#central, #footer {width: 960px}
	
	#header {height: 210px}
	#footer {height: 80px}
	#central {padding: 0.5em 0 0.5em 0;}
	#colA, #colB, #colC {float: left}
	
/* ================================================================================ */
/* = Navigation Haute et Basse  = */
	
	/*= recherche */
	#rechercheMode {
		z-index:1000;
		position: absolute;
		width: 300px;
		top: 83px; left: 300px;
		}
	#rechercheMode p label,
	#rechercheMode p input {
		font-size: 85%;
		color:#666;
		}
	#rechercheMode p input {
		padding: 0.2em;
		background-color:#F4FAFE;
		border: 1px #666 solid;
		}
	#rechercheMode p input.ok {
		font-size:85%; color:#fff;
		border:0; cursor:pointer;
		background-color:#000;
		}

	/*= logos habillages */
	img.logoTop {
		position: absolute;
		display: block; margin:0;
		z-index: 1000;
		text-indent: -1000em;
		width: 862px; height: 82px; 
		top:22px; left: 6px;
		background: transparent url(/global/medias/logoTop.png) no-repeat 0 0;
		}
		
	div.logoBottom {
		position: absolute; right: 0;
		display: block;
		width: 240px; height: 65px;
		margin:0;
		z-index: 1000;
		/*text-indent: -1000em;*/
		}
	div.logoBottom a img {
		/*background: transparent url(/global/medias/logoBottom.gif) no-repeat 0 0;*/
		}
	
	/*= structure navigation ---------------------------------------- */
	.navSecondaire,
	.navPrincipale {
		float: left;
		clear: both;
		}
	#header .navSecondaire,
	#header .navPrincipale {
		border-bottom: 1px #6ab023 dotted;
		}
	#footer .navSecondaire,
	#footer .navPrincipale {
		border-top: 1px #6ab023 dotted;
		}

	/*= navigation principale ---------------------------------------- */
	#header .navPrincipale,
	#footer .navPrincipale {
		width: 948px;
		padding: 0 6px 0 6px;
		}
	#header .navPrincipale {
		margin: 104px 0 0 0
		}
	#footer .navPrincipale {
		background-color:#D2ECF9;
		}
	.navPrincipale li {float: left}
	.navPrincipale li a {
		text-indent: -1000em;
		display: block;
		width: 237px;
		height: 80px;
		background-position: 0 -79px!important;
		}
	.navPrincipale li a:hover {
		background-position: 0 0!important;
		}
	
	.navPrincipale li a.nvp01 {
		background: transparent url(/global/medias/nvp01.jpg) no-repeat 0 0;}
	.navPrincipale li a.nvp02 {
		background: transparent url(/global/medias/nvp02.jpg) no-repeat 0 0;}

	.navPrincipale li a.nvp031,
	.navPrincipale li a.nvp032 {background-position: 0 0!important}
	.navPrincipale li a.nvp031 {
		width:118px!important;
		background: transparent url(/global/medias/nvp031.jpg) no-repeat 0 0;}
	.navPrincipale li a.nvp032 {
		width:119px!important;
		background: transparent url(/global/medias/nvp032.jpg) no-repeat 0 0;}
	.navPrincipale li a.nvp031:hover {background-position: 0 -79px!important;}
	.navPrincipale li a.nvp032:hover {background-position: 0 -160px!important;}
	
	.navPrincipale li a.nvp04 {
		background: transparent url(/global/medias/nvp04.jpg) no-repeat 0 0;}
	.navPrincipale li a.nvp05 {
		background: transparent url(/global/medias/nvp05.jpg) no-repeat 0 0;}
	.navPrincipale li a.nvp06 {
		background: transparent url(/global/medias/nvp06.jpg) no-repeat 0 0;}
	.navPrincipale li a.nvp07 {
		background: transparent url(/global/medias/nvp07.jpg) no-repeat 0 0;}
	.navPrincipale li a.nvp08 {
		background: transparent url(/global/medias/nvp08.jpg) no-repeat 0 0;}
	
	/*= navigation secondaire ---------------------------------------- */
	.navSecondaire {
		width: 960px;
		padding: 0.2em 0 0.2em 0;
		}
	.navSecondaire li {float: left}
	.navSecondaire li a {
		display: block;
		width: 190px;
		text-decoration: none;
		text-align: center;
		font-size: 85%;
		color:#6ab023;
		border-right: 1px #6ab023 dotted;
		}
	.navSecondaire li a.last {border:0; display:none;}
	.navSecondaire li a:hover {
		color:#fff;
		background-color: #68B026;
		}
	
	/*= nav basse footer ---------------------------------------- */
	#navFooter {
		z-index: 1000;
		clear: both;
		position: absolute;
		padding: 0 0 0 0.5em;
		width: 70%;
		bottom:0;
		left:0;
		}
	#navFooter li {
		padding: 0 0.5em 0 0.5em;
		float: left;
		}
	#navFooter li a {
		text-decoration: none;
		font-size: 85%;
		color:#fff;
		}
			
/* ================================================================================ */
/* = Home = */
	body#home #central {
		margin:0;
		width: 948px;
		padding: 20px 0 20px 10px;
		background:none!important;
		}

	#visuelCentrale, 
	#une {
		float: left;
		padding: 0 0 0.5em 0;
		}
	#visuelCentrale {width: 700px}
	#visuelCentrale img {
		display: block;
		width: 700px;
		height: 217px;
		margin:0;
		}
	
	#une {
		width: 240px;
		padding: 0 0 1.8em 0;
		background: transparent url(/global/medias/bottomUne.gif) no-repeat left bottom;
		}
	#une h2 {
		width: 240px; height: 39px;
		text-indent: -100em;
		background: transparent url(/global/medias/h2Une.gif) no-repeat 0 0;
		}
	#uneContent {
		width: 218px;
		padding: 0 10px 0 10px;
		background: #F7FCFE url(/global/medias/bgRepeatUneHome.gif) repeat-x 0 0;
		}
	#uneContent h3 {
		margin:0;
		padding:0 0 0 0;
		font-size: 93%;
		font-weight: bold;
		color:#6AB023;
		}
	#uneContent img {
		display: block;
		margin:0 0 0.5em 0;
		padding:0;
		}
	#uneContent p {
		margin:0;
		font-size: 85%;
		}
	#une a.more {
		display: block;
		width: 228px;
		text-align: right;
		padding: 0 10px 0 0;
		font-size: 85%;
		color:#000;
		text-decoration: none;
		}

/* ================================================================================ */
/* = Pages de contenu = */
	#central {
		width: 918px;
		padding: 20px 0 20px 20px;
		margin: 10px 0 10px 10px;
		background: #eef8fd url(/global/medias/bgZoneCentralContenu.jpg) no-repeat 0 0;
		}
	#contenu {width: 910px;}
	#contenu h2 {
		color:#6ab023;
		font-size: 400%;
		padding: 0 0 0.3em 0;
		}
	#contenu img {margin: 1em 0 1em 0}
		
	body.gammeContent #contenu h2 {
		font-size: 200%!important;
		margin: 0 0 0.5em 0;
		border-bottom: 1px #6ab023 dotted;
		}
	#contenu h3 {
		color:#499cc6;
		font-size: 250%;
		border-bottom: 1px #6ab023 dotted;
		}
	#contenu h4 {
		color:#6ab023;
		padding: 0.5em 0 0.5em 0;
		font-size: 150%;
		}
	#contenu p {
		font-size: 93%;
		color:#363636;
		}
	
	body#generique #contenu p {
		padding: 0.2em 1em 0.2em 0;
		}
	body#generique #contenu ul {
		list-style: disc;
		padding: 0.5em 0 0 0;
		}
	body#generique #contenu ul li {
		font-size: 93%;
		color:#000;
		list-style: disc;
		list-style-position: inside;
		}
	body#generique #contenu li a {
		/*display: block;*/
		color:#000;
		font-size: 100%;
		text-decoration: none;
		}
	body#generique #contenu a.more {
		display: block;
		font-size: 93%;
		color:#6ab023;
		padding: 1em 0 0 0;
		}

/* ================================================================================ */
/* = La GAMME = */

	#menuSNAV,#modeles,.type {float: left}
	#menuSNAV {
		width: 150px;
		margin: 0 26px 0 0;
		padding: 40px 0 0 0;
		height: 170px;
		background: transparent url(/global/medias/bgMenuGamme.gif) no-repeat 0 0;
		}
	#menuSNAV li {
		display: block;
		list-style-position: outside!important;
		margin: 0 0 0 2px;
		}
	#menuSNAV li a {
		display: block;
		width: 135px;
		font-size: 85%;
		text-decoration: none;
		margin:0;
		padding: 2px 5px 2px 5px;
		color:#6AB023!important;
		background: transparent url(/global/medias/bgLiMenGamme.gif) repeat-x 0 0;
		}
	#menuSNAV li a:hover {
		color:#fff!important;
		background-position: 0 -35px;
		}

	#menuSNAV li a.currentNav {
		color:#fff!important;
		background-position: 0 -35px;
		}

		
	/*= type ---------------------------------------- */
	#modeles {
		padding: 0 0 0.5em 0;
		border-bottom: 1px #6CB128 dotted;
		}
	#modeles .type {
		width: 170px;
		padding: 0 8px 1em 0;
		}
	#modeles .type a.resa,
	#modeles .type img {display: block;}
	#modeles .type img {margin:0!important}
	#modeles .type a.resa {
		padding: 0.2em 0 0 0;
		text-decoration: none;
		font-size: 85%;
		color:#56A41B;
		}
	#modeles .type a.resa:hover {
		text-decoration: underline;
		}

/* ================================================================================ */
/* = SAV = */
	#colLeft, 
	#colRight {float: left}
	
	
	/*= left ---------------------------------------- */
	#colLeft {
		width: 255px; 
		padding:0;
		margin: 0 10px 0 0;
		}
	#colLeft img {
		clear: both;
		display: block;
		margin:0; padding:0;
		}
	#colLeft #menuSNAV {
		width:255px;height: 260px;
		margin: 0; 
		padding: 0.5em 0 0 0!important;
		background: transparent url(/global/medias/bgNavSAV.gif) no-repeat 0 0;
		}
	#colLeft li.titMen {
		display: block;
		text-align: right;
		padding: 0.5em;
		font-size: 130%!important;
		color:#6AB023!important;
		}
	#colLeft #menuSNAV {padding:0;margin:0}
	#colLeft #menuSNAV li {list-style: none!important}
	#colLeft #menuSNAV li a {
		width: 240px;
		text-decoration: none;
		padding: 2px 5px 5px 5px;
		}
	#colLeft #menuSNAV li a:hover {
		color:#fff;
		background-position: 0 -35px;
		}

	#colLeft #menuSNAV li a.currentNav {
		color:#fff;
		background-position: 0 -35px;
		}

	/*= right ---------------------------------------- */
	#colRight {width: 645px;}

/* ================================================================================ */
/* = SAGA et les Sports = */
	img.bandeau {
		border-top: 1px #6ab023 dotted;
		border-bottom: 1px #6ab023 dotted;
		}
	
	a.autresSports {
		display: block;
		width: 200px; height: 45px;
		clear: both;
		text-indent: -100em;
		background: transparent url(/global/medias/linkAutresSports.gif) no-repeat 0 0;
		}
	#gammeSports {
		margin: 2em 0 0 55px;
		}
	#gammeSports a {
		display: block;
		float: left;
		margin: 0 45px 1em 0;
		width: 135px; height: 90px;
		}
	#gammeSports a.sport01 {background: transparent url(/global/medias/displineVoile.gif) no-repeat 0 0;}
	#gammeSports a.sport02 {background: transparent url(/global/medias/displineGolf.gif) no-repeat 0 0;}
	#gammeSports a.sport03 {background: transparent url(/global/medias/displineCheval.gif) no-repeat 0 0;}
	#gammeSports a.sport04 {background: transparent url(/global/medias/displineBasket.gif) no-repeat 0 0;}
	#gammeSports a.sport05 {background: transparent url(/global/medias/displineFoot.gif) no-repeat 0 0;}
	#gammeSports a.sport06 {background: transparent url(/global/medias/displineFormule1.gif) no-repeat 0 0;}
	
	#gammeSports a:hover {background-position: 0 -90px;}
	
	/*= trier ---------------------------------------- */
	#blocLinks {
		display: block;
		clear: both;
		width: 225px; 
		height: 100px;
		margin: 1em 0 0 0;
		padding: 2em 15px 0.2em 15px;
		background: transparent url(/global/medias/blockAutres.gif) no-repeat 0 0;
		}
	#blocLinks a {
		display: block;
		font-size: 85%;
		color: #499CC6;
		margin: 0 0 0.5em 0;
		text-decoration: underline;
		}
	a.more {
		display: block;
		color:#7F7E83;
		padding: 1em 0 0 0;
		font-size: 85%;
		text-decoration: underline;
		}
	#sponsors {
		clear: both;
		}
	#sponsors a img {
		display: block;
		border: 1px #363636 solid;
		}

/* ================================================================================ */
/* = Sage détente = */
	
	body.sagaDetenteContent h2 {color:#3F89B9!important}
	body.sagaDetenteContent h3 {color:#58A419!important}
	body.sagaDetenteContent h4 {color:#3F89B9!important}

	body.sagaDetenteContent a.more {
		display: block;
		color:#5EA824;
		text-decoration: underline;
		}
		
/* ================================================================================ */
/* = Nos concession = */
	a.retourPage {
		display: block;
		width: 900px;
		text-decoration: underline;
		text-align: right;
		margin: 1em 0 0 0;
		padding: 0.4em 0 0 0;
		font-size: 85%;
		color:#6CB128;
		/*border-top: 1px #6CB128 solid;*/
		}

/* ================================================================================ */
/* = Nous contacter = */

	img.situConcessions {
		position:absolute;
		right: 12px; top: 215px;
		}

	.NousContacter {
		width: 900px;
		clear:both;
		}		
	.contact {
		clear: both;
		border-bottom: 1px #6ab023 dotted;
		}
	.imgAgence,
	.infoAgence {float: left;}
	
	.imgAgence img {
		display: block;
		margin: 0 1em 0 0;
		}
	.infoAgence {
		width: 54%;
		padding: 0 0 1em 0;
		margin: 0 0 0 1em;
		}
	.infoAgence h4 {
		padding: 0.5em 0 0 0!important;
		border-bottom: 1px #6ab023 dotted;
		}
	.infoAgence h5 {
		font-size: 93%;
		color:#6AB023;
		}
	.infoAgence p {
		color:#6AB023;
		font-weight: bold;
		}
	.infoAgence p span {
		font-size: 85%;
		color:#000;
		}
	.infoAgence address {
		font-size: 85%;
		padding: 0.5em 0 0.5em 0;
		}
	.infoAgence address a {
		font-weight: bold;
		color:#000;
		}
	.infoAgence a.linkPlan {
		display: block;
		text-indent: -100em;
		width: 90px; height: 40px;
		background: transparent url(/global/medias/btPlan.gif) no-repeat 0 0;
		}
		
	a.linkTop {
		display: block;
		width:99%;
		color:#6AB023;
		font-size: 85%;
		text-decoration: none;
		text-align: right;
		padding: 0 0 0.3em 0;
		}
		
/* ================================================================================ */
/* = Pages intro types de véhicules = */
	#menuVehicules li {	
		float: left;
		position: relative;
		padding: 0 1.5em 0 1.5em;
		list-style: none!important;
		}
	#menuVehicules li a {
		display: block;
		text-indent: -1000em;
		width: 262px; 
		height: 148px;
		}
	#menuVehicules li a.vlc01 {
		background: transparent url(/global/medias/vhclOccase01.jpg) no-repeat 0 0;
		}
	#menuVehicules li a.vlc02 {
		background: transparent url(/global/medias/vhclOccase02.jpg) no-repeat 0 0;
		}
	#menuVehicules li a.vlc03 {
		background: transparent url(/global/medias/vhclOccase03.jpg) no-repeat 0 0;
		}
	#menuVehicules li a:hover {background-position: 0 -148px;}

/* ================================================================================ */
/* = Formulaires affichage ou non de certains champ = */
	.invisible {
		display: none;
	}