/* ========================================================================================
   === NEW FONT DEFINITION ================================================================
   ======================================================================================== */

/*

	@font-face {

		font-family :	'BandyRegular';

		src         :	url( 'bandy-webfont.eot'              );

		src         :	url( 'bandy-webfont.eot?#iefix'       ) format( 'embedded-opentype' ),
				url( 'bandy-webfont.woff'             ) format( 'woff'              ),
				url( 'bandy-webfont.ttf'              ) format( 'truetype'          ),
				url( 'bandy-webfont.svg#BandyRegular' ) format( 'svg'               );

		font-weight :	normal;

		font-style  :	normal;
	}


 */





/* ========================================================================================
	EXAMPLE OF CENTERING CONTENT
   ========================================================================================
	body { text-align: center; margin: 5em 0 0 0; vertical-align: middle }
	#content { width: 760px; text-align: left; margin: 0 auto }
   ======================================================================================== */





/* ========================================================================================
   === BASE TAGS RESET ====================================================================
   ======================================================================================== */

	body {
	/*	font-family    : BandyRegular, Tahoma, Geneva, Arial, Helvetica, sans-serif; 		*/
		font-family    : Tahoma, Geneva, Arial, Helvetica, sans-serif;

		background     : #dddddd;
	/*	background     : #aaaaaa;	*/
	/*	background     : #888888;	*/
	/*	background     : #444444;	*/

	/*	color          : #eeeeee;	*/
		color          : #000000;

	/*	vertical-align : middle; 	*/
		text-align     : center;

		margin-top     : 17px;
	}






/* ========================================================================================
   === BASE TAGS RESET ====================================================================
   ======================================================================================== */


	/*

		td {
			font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
			color: #000000
		}

		p {
			font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
			color: #000000;
			font-size: 13px;
		}

		h1 {    font-size: 26px; color: #000000; font-weight: bold; display: inline; }
		h2 {    font-size: 12px; color: #000000; font-weight: bold; }

	*/


	/*
		a       { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#666666; text-decoration: underline; }
		a:hover { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#000000; text-decoration: underline; }
		a.menu       { color: #FFFFFF; font-weight: normal; text-decoration: none;      font-size: 12px; }
		a.menu:hover { color: #FFFFFF; font-weight: normal; text-decoration: underline; font-size: 12px; }
	*/

	input {
		width: 200px;
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		font-weight: bold;
		background: #F5F5F5;
		border: 1px solid #bbb;
		padding: 3px;
	}

	select {
		width: 200px;
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		font-weight: bold;
		background: #F5F5F5;
		border: 1px solid #bbb;
		padding: 3px;
	}

	textarea {
		width: 200px;
		height: 50px;
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		font-weight: bold;
		background: #F5F5F5;
		border: 1px solid #bbb;
		padding: 3px;
	}

	fieldset {
		font-size:   12px;
		font-weight: normal;
	}

	/*
	.label {
		width: 500px;
	}

	*/







/* ========================================================================================
   === FORMS STYLES =======================================================================
   ======================================================================================== */

	.input-required {
		border: 1px solid #f00;
	}
	.input-radio {
		width: auto;
	}
	.input-submit {
		text-align: center;
		width: 150px;
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		font-weight: bold;
		background: #EAEAEA;
		border: 1px solid #bbb;
		padding: 0;
	}







/* ========================================================================================
   === MAIN MENU CLASSES ==================================================================
   ======================================================================================== */


	/* ============================================================ */
	/* ------------------------------------------------------------ */
	a.menu_buttons       { text-decoration: none; }
	a.menu_buttons:hover { text-decoration: none; }
	/* ------------------------------------------------------------ ,
	.menu_buttons:visited*/
	.menu_buttons {

		cursor          : pointer;

	/*	position        : relative;

		left            :  0px;
		top             :  -3px;	*/

		display         : inline-block;

	/*	font-family     : BandyRegular, Tahoma, Geneva, Arial, Helvetica, sans-serif; */
		font-size       : 16px;
		font-weight     : bold;
	/* 	font-style      : italic;
		text-transform  : uppercase; 		*/
		text-decoration : none;

		white-space     : nowrap;

		color           : #000000;
		background      : #dddddd;

 /**/

		border          : 2px solid #000000;
	/*	border          : 2px solid transparent; */

		margin-left           : 10px;
		margin-right          : 10px;

		padding-left          : 15px;
		padding-right         : 15px;

	/*	-moz-border-radius    : 5px;
		-webkit-border-radius : 5px;
		border-radius         : 5px;  */
	}
	/* ------------------------------------------------------------ */
	/* ------------------------------------------------------------
	.menu_buttons:active, */
	.menu_buttons:hover {
	/*	font-family     : BandyRegular, Tahoma, Geneva, Arial, Helvetica, sans-serif; */

	/* 	font-size       : 18px;		*/

		left            : 0px;
		top             : 0px;

	/* 	text-transform  : uppercase;	*/
		text-decoration : none;

		color           : #000000;
		background      : #ffffff;

	/*	border          : 2px solid #888888;	*/

	/*	background      : #efefef;	*/

	/*	-moz-border-radius    : 5px;
		-webkit-border-radius : 5px;
		border-radius         : 5px;

		-moz-box-shadow    : 0px 0px 5px 5px #ffffff;
		-webkit-box-shadow : 0px 0px 5px 5px #ffffff;
		box-shadow         : 0px 0px 5px 5px #ffffff;

		-moz-box-shadow    : 0px 0px 10px 10px #ffffff;
		-webkit-box-shadow : 0px 0px 10px 10px #ffffff;
		box-shadow         : 0px 0px 10px 10px #ffffff;  */
	}
	/* ------------------------------------------------------------ */
	/* ============================================================ */



	/* ============================================================ */
	/* ------------------------------------------------------------ */
	a.menu_buttonsB       { text-decoration: none; }
	a.menu_buttonsB:hover { text-decoration: none; }
	/* ------------------------------------------------------------ ,
	.menu_buttons:visited*/
	.menu_buttonsB {

		cursor          : pointer;

	/*	position        : relative;

		left            :  0px;
		top             :  -3px;	*/

		display         : inline-block;

	/*	font-family     : BandyRegular, Tahoma, Geneva, Arial, Helvetica, sans-serif; */
		font-size       : 16px;
		font-weight     : bold;
	/* 	font-style      : italic;
		text-transform  : uppercase; 		*/
		text-decoration : none;

		white-space     : nowrap;

		color           : #000000;
		background      : #cccccc;

 /**/

	/*	border          : 2px solid #000000;
		border          : 2px solid transparent; */

		margin-left           : 10px;
		margin-right          : 10px;

		padding-left          : 15px;
		padding-right         : 15px;

	/*	-moz-border-radius    : 5px;
		-webkit-border-radius : 5px;
		border-radius         : 5px;  */
	}
	/* ------------------------------------------------------------ */
	/* ------------------------------------------------------------
	.menu_buttons:active, */
	.menu_buttonsB:hover {
	/*	font-family     : BandyRegular, Tahoma, Geneva, Arial, Helvetica, sans-serif; */

	/* 	font-size       : 18px;		*/

		left            : 0px;
		top             : 0px;

	/* 	text-transform  : uppercase;	*/
		text-decoration : none;

		color           : #000000;
		background      : #ffffff;

	/*	border          : 2px solid #888888;	*/

	/*	background      : #efefef;	*/

	/*	-moz-border-radius    : 5px;
		-webkit-border-radius : 5px;
		border-radius         : 5px;

		-moz-box-shadow    : 0px 0px 5px 5px #ffffff;
		-webkit-box-shadow : 0px 0px 5px 5px #ffffff;
		box-shadow         : 0px 0px 5px 5px #ffffff;

		-moz-box-shadow    : 0px 0px 10px 10px #ffffff;
		-webkit-box-shadow : 0px 0px 10px 10px #ffffff;
		box-shadow         : 0px 0px 10px 10px #ffffff;  */
	}
	/* ------------------------------------------------------------ */
	/* ============================================================ */




/* ========================================================================================
   === BUTTONS CLASSES ====================================================================
   ======================================================================================== */



	/* ============================================================ */
	/* ------------------------------------------------------------ */
	.icon_mono_black_buttons {
		cursor      : pointer;
		border      : 2px solid #777777;

		-moz-border-radius    : 5px;
		-webkit-border-radius : 5px;
		border-radius         : 5px;

		-moz-box-shadow    : 3px 3px 3px #444444;
		-webkit-box-shadow : 3px 3px 3px #444444;
		box-shadow         : 3px 3px 3px #444444;

	}
	/* ------------------------------------------------------------ */
	.icon_mono_black_buttons:hover {
		border      : 2px solid #000000;

		-moz-box-shadow    : 5px 5px 5px #444444;
		-webkit-box-shadow : 5px 5px 5px #444444;
		box-shadow         : 5px 5px 5px #444444;
	}
	/* ============================================================ */















/* ========================================================================================
   === SHOWROOM STYLES ====================================================================
   ======================================================================================== */

	.popup-body {
		background: #e4e4e4;
	}
	.popup-titre {
		font-size: 20px;
		color: #000000;
		font-weight: bold;
		margin: 0;
	}
	.popup-detail1 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.popup-detail2 {
		font-size: 11px;
		font-weight: bold;
		/* height: 75px; */
		overflow: auto;
	}
	.popup-prix {
		font-size: 18px;
		color: #000000;
		font-weight: bold;
		display: inline;
	}
	.popup-sendto {
		font-size: 10px;
		color: #000000;
		font-weight: bold;
		display: none;
		position: absolute;
		z-index: 1;
		border: 1px solid #999999;
		padding: 10px;
		margin-top: 350px;
		margin-left: 240px;
		background: #F7F7F7;
	}
	.fond-voiture {
		background-image: url(../images/fond-voiture.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: middle;
	}
	.fond-voiture p {
		font-size: 14px;
		font-weight: bold;
		text-align: justify;
	}
	.txt10 {
		font-size: 10px;
	}

/*
	ul { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #000000;font-size: 13px; list-style-type: disc; line-height: 1;}
	ul.ul_simple { list-style-type: none;}
	ul.num { list-style-type: decimal;}

	li {
		font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 12px;
	}
*/

/* ========================================================================================
   === SLIDESHOW POPUP STYLES =============================================================
   ======================================================================================== */

	#slideshow {
		width: 400px;
		position: absolute;
		left: 50%;
		margin-left: -200px;
	}
	ul#portfolio {
		list-style-type: none;
	}
	ul#portfolio li img{
		border: 1px solid #999999;
		padding: 3px;
		background: #F7F7F7;
		margin-left: 50px;
	}

	#line tr:hover {
		background:#FFCC00;
	}


/* ========================================================================================
   === INDEX POPUP STYLES =================================================================
   ======================================================================================== */

	#pop {
		display: none;
		position: absolute;
		bottom: 5em;
		right: 10em;
		width: 20em;
		border: 3px double black;
		background: #f5f5dc;
		z-index: 500;
		cursor: pointer;
		font-size: 80%;
	}
	.popup {
		display: none;
		position: absolute;
		width: 500px;
		left: 50%;
		margin-left: -250px;
		top: 230px;
		border: 1px solid #000;
		padding: 10px;
		background: #F7F7F7;
		z-index: 500;
		cursor: pointer;
	}
	.popup-close {
		color: #333;
		text-align: center;
	}