/*propriétés universelles*/
	* {
		margin: 0;
		padding: 0;
	}
	
/*propriétés du body*/
	body{
		behavior: url("csshover3.htc");
		background: #000 url('../images/bg_body.jpg') no-repeat top center ;
		min-width: 977px;
		color: #fff;
	}

/*propriétés des liens*/
	a{
		color: #fff;
		text-decoration: underline;
	}
	#content a{
		text-decoration: none;
	}
	
	a:hover{
	}
	a:visited{
		text-decoration: none;
	}
	
	#gallerie #content li a, #occasions #content li a, #accessoire #content li a {
		display: block;
		width: 230px;
	}
	
	#flashcontent a{
		text-decoration: underline;
	}
	
/*propriétés des images*/
	img{
		border: none;
	}
	
/*generalBg*/
	#generalBg{
		margin: auto;
	}
/*hyperGeneral*/
	#hyperGeneral{
		font-family: Arial, Verdana, sans-serif;
		position: relative;
		width: 977px;
		margin: auto;
	}
	
/*general*/
	#general{
		font-size: 14px;
		width: 977px;
		float: left;
	}
	
/*Logo*/
	#header{
		padding: 20px 0 0 0;
	}
	h1{
		position: relative;
		margin-bottom: 30px;
		height: 195px;
		width: 308px;
	}
	h2{
		font-family: Impact, Arial, Verdana, sans-serif;
		font-size: 25px;
		font-weight: normal;
		margin-bottom: 15px;
		opacity: 0.6;
		filter: alpha(opacity = 50);
	}
	#downTitle{
		margin-left: -20px;
		margin-top: 10px;
	}
	#contactTop{
		font-size: 14px;
		position: absolute;
		top: 125px;
		right: 25px;
	}
	#contactTop a{
		color: #fff;
		text-decoration: underline;
	}
	.espaceInfoTop{
		width: 10px;
	}
	.linkInfoTop{
	}
	
/*---------------- PAGE MENU ----------------*/	
		
	/*menu*/
		#menu{
			position: relative;
			z-index: 75;
		}
	
	/*menu footer*/
		#menuFooter{
			position: relative;
			z-index: 75;			
			height: 37px;
			width: 977px;
			background: url('../images/menu_footer.png');
		}
	
	/*listes*/	
		#menu{
			position: relative;
		}
		#menu ul{
			height: 49px;
		}
		#menu li{
			cursor: pointer;
			position: relative;
			top: 14px;
			left: 19px;
			display: block;
			float: left;
			margin-left: -18px;
		}
		#menu li:hover{
			top: 8px;
		}
	
	/*onglets relatifs aux pages*/
		#menu img{
			position: absolute;
			z-index: 100;
		}
		#index #menu img{
			left: 1px;
			top: 14px;
		}
		#gallerie #menu img{
			left: 106px;
			top: 14px;
		}
		#occasions #menu img{
			left: 264px;
			top: 14px;
		}
		#accessoires #menu img{
			left: 390px;
			top: 14px;
		}
		#partenaires #menu img{
			left: 524px;
			top: 14px;
		}
		#contact #menu img{
			left: 662px;
			top: 14px;
		}
		#index #menuAccueil, #gallerie #menuGallerie, #occasions #menuOccasions, #accessoires #menuAccessoires, #partenaires #menuPartenaires, #contact #menuContact {
			visibility: hidden;
		}		
	/*onglets*/
		
		#menuAccueil{
			z-index: 50;
			height: 49px;
			width: 123px;
			background: url('../fr/images_fr/menu_accueil.png');
		}

		#menuGallerie{
			z-index: 45;
			height: 49px;
			width: 176px;
			background: url('../fr/images_fr/menu_photos.png');
		}

		#menuOccasions{
			z-index: 40;
			height: 49px;
			width: 144px;
			background: url('../fr/images_fr/menu_occasions.png');
		}

		#menuAccessoires{
			z-index: 35;
			height: 49px;
			width: 152px;
			background: url('../fr/images_fr/menu_accessoires.png');
		}

		#menuPartenaires{
			z-index: 30;
			height: 49px;
			width: 156px;
			background: url('../fr/images_fr/menu_partenaires.png');
		}

		#menuContact{
			z-index: 25;
			height: 49px;
			width: 132px;
			background: url('../fr/images_fr/menu_contact.png');
		}
		
		#menuPartager{
			z-index: 22;
			height: 46px;
			width: 144px;
			background: url('../fr/images_fr/menu_partager.png');
			left: 50px !important;
			margin-top: 10px;
		}
	
	/*lien des menus*/
		.menuLink{
			display: block;
			position: inherit;
			width: inherit;
			height: inherit;
		}
/*-------------- FIN PAGE MENU --------------*/				

/*content*/
	#content{
		position: relative;
		background: url('../images/bg_content.png') repeat-y;
		width: 850px;
		padding: 30px 55px 0px 75px;
		float: left;
	}
	
/*---------------- PAGE ACCUEIL ----------------*/		

	#intro{
		width: 250px;
		float: left;
		padding: 0 15px 15px 15px;
		margin-right: 40px;
	}
	#flashcontent{
		width: 508px;
		height: 331px;
		float: left;
	}
	
/*-------------- FIN PAGE ACCUEIL ---------------*/	

/*---------------- PAGE GALLERIE ----------------*/
	#gallerie #colGauche {
		float: left;
	}
	#gallerie #colDroite {
		float: left;
	}
	#gallerie #colGauche ul {
		border: 1px solid #666;
		padding: 15px 0 15px 0;
		width: 270px;
		height: 348px;
		overflow: auto;
		-moz-border-radius: 5px;
	}
	#gallerie #colGauche li {
		padding: 3px 40px 3px 20px;
		list-style: none;
		font-weight: bold;
	}
	#gallerie #colGauche li:hover {
		background: url('../images/bg_carbon_2.jpg');
		color: #fff;
		cursor: pointer;
	}
/*-------------- FIN PAGE GALLERIE --------------*/

/*---------------- PAGE OCCASIONS ----------------*/
	#occasions #colGauche {
		float: left;
		margin-right: 20px;
	}
	#occasions #colDroite {
		float: left;
		width: 545px;
		padding: 0 0 25px 0;
		border: 1px solid #666;
		-moz-border-radius: 5px;
	}
	#occasions #colGauche ul {
		border: 1px solid #666;
		padding: 15px 0 15px 0;
		width: 270px;
		height: 348px;
		overflow: auto;
		-moz-border-radius: 5px;
	}
	#occasions #colGauche li {
		padding: 3px 40px 3px 20px;
		list-style: none;
		font-weight: bold;
	}
	#occasions #colGauche li:hover, .occasionsHover {
		background: url('../images/bg_carbon_2.jpg');
		cursor: pointer;
	}
	#occasions #colGaucheInt{
		float: left;
		width: 100px;
		margin: 58px 0 0 20px;
	}
	
	#occasions #colDroiteInt{
		float: left;
		width: 250px;
		margin: 25px 0 0 20px;
	}
	#occasions #colDroiteInt p{
		margin-bottom: 25px;
	}
	
	.occasionSmallImgLeft {
		margin: 7px 8px 0 0;
	}
	
	.occasionSmallImgRight {
		margin: 7px 0 0 0;
	}
	
	#occasions #content table {
		margin-top : 15px;
		border-collapse: collapse;
	}
	
	#occasions #content #colDroiteInt td {
		padding: 5px 0px 5px 10px;
		border: 1px solid #444;
		min-width: 182px;
	}
	
	#occasions  #content #colDroiteInt tr td:first-child  {
		font-weight: bold;
		color: #ddd;
	} 
	
	#occasions #colDroiteInt h3 {
		margin: 0 0 5px -120px; 
	}
	
	#infoComp {
		border: 1px solid #444;
		margin: 10px 0 0 -2px;
		padding: 5px 10px 10px 10px;
		width: 365px;
		-moz-border-radius: 5px;
	}
	
	#infoComp p{
		margin: 10px !important;
	}
	
	
	#infoCompP {
		font-weight: bold;
		text-decoration: underline;
	}
	
/*-------------- FIN PAGE OCCASIONS --------------*/

/*---------------- PAGE ACCESSOIRES ----------------*/
	#accessoires #colGauche {
		float: left;
		margin-right: 20px;
	}
	#accessoires #colDroite {
		float: left;
		width: 545px;
		padding: 0 0 25px 0;
		border: 1px solid #666;
		-moz-border-radius: 5px;
	}
	#accessoires #colGauche ul {
		border: 1px solid #666;
		padding: 15px 0 15px 0;
		width: 270px;
		height: 270px;
		overflow: auto;
		-moz-border-radius: 5px;
	}
	#accessoires #colGauche li {
		padding: 3px 40px 3px 20px;
		list-style: none;
		font-weight: bold;
	}
	#accessoires #colGauche li:hover, .accessoiresHover {
		background: url('../images/bg_carbon_2.jpg');
		cursor: pointer;
	}
	
	#accessoires #colGaucheInt{
		float: left;
		width: 180px;
		margin: 25px 0 0 20px;
	}
	
	#accessoires #colGaucheInt img{
		margin-bottom: 5px;
	}
	
	#accessoires #colDroiteInt{
		float: left;
		width: 300px;
		margin: 25px 0 0 20px;
	}
	
	#accessoires #colDroiteInt p{
		margin-top: 15px;
		margin-bottom: 25px;
	}
	
	#accessoires #colDroite a {
		text-decoration: underline;
	}
	
/*-------------- FIN PAGE ACCESSOIRES --------------*/

/*---------------- PAGE CONTACT ----------------*/
	#cacheMap {
		position: absolute;
		top: 483px;
		left: 50px;
		width: 35px;
		height: 12px;
		background: url('../images/bg_content.png') 250px 1px;
		z-index: 500;
	}
	#contact #colGauche{
		float: left;
		width: 300px;
		margin-right: 10px;
		padding: 10px;
		-moz-border-radius: 5px; 
	}
	
	#colGauche ul {
		margin-bottom: 25px;
		padding: 10px;
		border: 1px solid #666;
		list-style: none;
		-moz-border-radius: 5px;
	}
	
	#contact #colDroite{
		float: left;
		width: 450px;
		padding: 10px; 
	}
	
	#mailCargraf {
		position: relative;
		top: 3px;
	}
	
/*-------------- FIN PAGE CONTACT --------------*/


/*footer*/
	#footer{
		background: url('../images/bg_footer.png');
		height: 66px;
		width: 977px;
		margin: 0 0 10px 0;
		float: left;
	}

/*---------------- PAGE PARTENAIRES ----------------*/
	#partenaires h2 {
		margin-bottom: 25px;
	}
	
	.partenaires {
		position: relative;
		float: left;
		margin: 0 31px 35px 0;
		height: 120px; /*default 150px*/
		width: 180px;
	}
	
	.partenaires p{
		position: absolute;
		bottom: 20px;
	}
	
/*-------------- FIN PAGE PARTENAIRES --------------*/

/*---------------- FORMULAIRE ----------------*/

	#contentFormulaire {
		font-size: 13px;
		clear: both;
	}

	fieldset{
		border: 1px solid #666;
		position: relative;
		padding: 25px 0 25px 0;
		-moz-border-radius: 5px; 
	}

	label {
		display: block;
		float: left;
		text-align: right;
		min-width: 75px;
		padding: 5px 10px 10px 5px;
	}

	input {
		border: none;
		font-size: 13px;
		width: 200px;
		background: url('../images/bg_carbon.png');
		height: 16px;
		display: block;
		float: left;
		color: #fff;
		margin-bottom: 10px;
		padding: 5px;
		-moz-border-radius: 3px;
	}

	textarea {
		border: none;
		background: url('../images/bg_carbon.png');
		color: #fff;
		left: 515px;
		width: 325px;
		font-size: 13px;
		padding: 5px 5px 0px 5px;
		-moz-border-radius: 3px;
	}

	input[type="submit"] {
		border: 1px solid #555;
		height: 30px;
		width: 100px;
		-moz-border-radius: 5px;
		cursor: pointer;
		margin: 20px 10px 0 90px;
		float: left;
	}
	
	input[type="submit"]:hover {
		background: url('../images/bg_carbon_2.jpg');
		border: 1px solid #666;
	}
	
	#antispamComp{
		margin-top: 10px;
		width: 100px;
	}
	
	#antispamCompLabel{
		margin-top: 10px;
	}
	
	fieldset div {
		margin: 23px 0 0 10px;
		font-size: 11px;
		float: left;
	}
	
	#antispamRand{
		position: absolute;
		visibility:hidden;
	}
	
	.erreur {
		border: 1px solid #f00;
	}

	#validationResult {
		border: 1px solid #555;
		width: 220px;
		-moz-border-radius: 5px;
		float: left;
		margin: 20px 0 0 0;
		padding: 8px 0 8px 0;
	}

	#validationResult li {
		height: 15px;
		clear: both;
		margin: 0 0 0 25px;
	}
	
	.partageLabel {
		width: 120px;
	}
	
	.partageInput {
		width: 200px;
	}
	
	#partageSubmit {
		margin-bottom: 25px;
		margin-left: 8px;
	}
	
	#partageForm{
		padding: 25px;
		font-family: Arial, Verdana, sans-serif;
		font-size: 13px;
	}
	
	#partageErreur{
		display: block;
		font-family: Arial, Verdana, sans-serif;
		font-size: 13px;
		width: 150px;
		height: 50px;
		padding: 25px;
	}
	
/*---------------- FIN FORMULAIRE ----------------*/

/*---------------- MAP ----------------*/
	#tinyMap{
		height: 205px;
	}
	
	#map {
		overflow: hidden;
	}

	#map, #map body {
		margin: 0;
		padding: 0;
		height: 100%;
	}

	#EmplacementDeMaCarte {
		width: 100%;
		height: 100%;
	}

/*-------------- FIN MAP --------------*/
	
	address {
		position: relative;
		font-style: normal;
		font-size: 12px;
		text-align: right;
		top: 25px;
		margin-right: 28px;
		color: #666;
	}
	
	.clearing {
		clear: both;
		line-height: 0;
	}