html,body {
	margin: 0;
	padding: 0;
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	margin: 0;
	padding: 0;
}
div{
	margin:0px;
	padding:0px;
}
li {
	font-size: 10px;
	line-height: 19px;
	margin: 0;
	padding: 0;
}
a {
	color: #505050;
	text-decoration: none;
}
a:link,a:active,a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
#middle {
	position:relative;
	z-index:200;
	height:580px;
	overflow: hidden;
	background-image: url(images/border_16c_large.gif);
	/* ADDED FOLLOWING TO HAVE STATIC MENU */
	left:2%;
}
#menu{
	z-index:100;
	height: 580px; 
	width: 164px;
	position:relative;
	left:0px;
	top:0px;
}
#picture{
	margin:1px 0px 0px;
	z-index:50;
	position:relative;
	background-color: #C83200;
}
/* ANCIEN LANGUETTE EN BAS
#nouvelles{
	z-index:60;
	position:relative;
	height:54px;
	width:519px;
	left:0px;
	bottom:573px;
	background-image:url(/images/nouvelles_top.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}*/
#nouvelles{
	z-index:60;
	position:relative;
	height:91px;
	left:0px;
	width:519px;
	bottom:91px;
	background-image:url(images/nouvelles.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#blue{
	margin:1px 0px 0px;
	z-index:70;
	height:573px;
	width:1000px;
	position:absolute;
	background-color: #C83200;
	visibility:hidden;
/*	background-image: url(images/clock.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
}
#border{
	z-index:70;
	background-repeat:repeat-x;
	height:580px;
	position:absolute;
	left:230px;
	top:0px;
}
#rightborder{
	width:35px;
	height:580px;
	 background-image:url(images/rightborder_16c_large.gif); 
	background-position:right top;
	background-repeat:no-repeat;
	margin:0px 0px 0px -35px;
	right:-1px;
	top:0px;
	visibility: visible;
	position:absolute;
	z-index:150;
}
#bottomtext{
	font-size: 10px;
	color: #888888;
	height: 10px;
	top:50%;
	text-align:left;
	position: absolute;
	margin-top:290px;
	margin-left:44px;
}
.menu_bkg {
	background-color: #FFFFFF;
	background-image: url(images/menu_bkg.gif); 
	background-repeat: repeat-y;
	background-position: left top;
}
.sqmid {
	height: 21px;
	width: 6px;
}
.titre {
	margin: 12px 0px 0px 18px;
	padding: 0px;
}
.list {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	text-transform: uppercase;
	color: #505050;
	letter-spacing: 1pt;
	list-style-type: none;
}
#description {
	margin: 10px 24px 8px 26px;
	padding: 0px;
	width: 114px;
	height: 60px;
	overflow: hidden;
	font-size: 9px;
	color: #8F8F8F;
	text-align: left;
	letter-spacing: 1pt;
/*	text-indent: -1pt;*/
}
.list_fleche {
	margin-left: 20px;
	position: absolute;
	z-index: 200;
	visibility: hidden;
}
.list_fleche_on {
	margin-left: 20px;
	position: absolute;
	z-index: 200;
	visibility: visible;
}
#information{
	width:620px;
	height:550px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	position:absolute;
	}

/* ------- INFO ------ */

.info {
	font-size: 10px;
	color: #505050;
	margin-bottom:5px;
	margin-left: 10px;
	line-height:15px;
}
.info-titre {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #505050;
	margin-bottom: 3px;
	padding-top: 8px;
	letter-spacing: 1pt;
	line-height:20px;
}
.info_left, .info_right {
	position:absolute;
	padding-top:5px;
	height:550px;
	top:0px;
}
.info_left{
	width:460px;
}
.info_right{
	width:160px;
	margin-left:20px;
	padding-left:20px;
	border-left:1px solid #505050;
	left:460px;
}
.info_right .info {
	font-size: 12px;
}
form {
	font-size:12px;
	padding:0px 10px 10px 10px;
	margin:10px 0px 0px 0px;
}
#zone-client{
	width:248px;
	height:385px;
	margin: 60px;
	line-height:16px;
	position:absolute;
}
/* NOUVELLES */
#nouvelles p {
	position:absolute;
	bottom:12px;
	left:10px;
	font-size: 11px;
	letter-spacing:0.1em;
	color: #505050;
	margin-bottom:5px;
	margin-left: 10px;
	text-align:left;
}

/* --- T I R A G E S --- */
#tirages {
	width:720px;
	height:573px;
	margin: 0;
	position:absolute;
	background-color:#FFFFFF;
}
#tirages table#diapos {
	width:640px;
	/*height:470px;*/
	margin:0;
	padding:0;
}
.diapo {
	vertical-align:		middle;
	text-align:			center;
	height:				140px;
	width:				140px;
	padding:			10px;
	margin:				0;
	background-image:	url(/images/Diapo.jpg);
	background-position:10px 10px;
	background-repeat:	no-repeat;
}
.diapo a {
	/*height:				140px;
	width:				140px;
	vertical-align:		middle;
	text-align:			center;*/
}
.diapo img {
	margin:10px;
	border-bottom:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-top:1px solid #797979;
	border-left:1px solid #797979;
}
#galerie_bottomtext {
	clear:both;
}
/* FORMULAIRE ACHAT */
#achat_formulaire_table {
	margin:10px;
	color:#505050;
}
#achat_formulaire {
	width:200px;
	vertical-align:top;
	text-align:center;
}
#achat_formulaire p {
	margin-top:10px;
}
#achat_image {
	width:400px;
}
#achat_image img {
	height:382px;
}
#achat_formulaire table td.left {
	text-align:left;
}
#achat_formulaire table td.right {
	text-align:right;
	padding-right:10px;
}

/* temporaire */

ul.onglet {
	list-style-type:none;
	margin-left:-30px;	
}

.onglet li {
	text-align:center;	
	float:left;
	line-height:40px;
}

.onglet li a {
	display:block;
	width:40px;
	height:40px;
	border:1px solid #ccc;
	margin-left:5px;
}

/* Test avec les onglets de 60px sur la parge protfolio2_large */
ul.bigonglet {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:15px!important;
	margin-left:20px;
}

.bigonglet li {
	text-align:center;	
	float:left;
	line-height:60px;
}

.bigonglet li a {
	display:block;
	width:60px;
	height:60px;
	border:1px solid #ccc;
	margin:2.5px;
}



.bigonglet li a:hover {
	border:1px solid #C83200;
	/*background: url('/vignettes/thumb-22.jpg');*/
	color: #fff;
	font-weight: bold;
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.bigonglet li#preview1 a:hover {
	background: url('/vignettes/thumb-22.jpg');
}

.bigonglet li#preview2 a:hover {
	background: url('/vignettes/thumb-19.jpg');
}

.bigonglet li#preview3 a:hover {
	background: url('/vignettes/thumb-13.jpg');
}
.bigonglet li#preview1 a.this, .bigonglet li#preview1 a:hover.this,
.bigonglet li#preview2 a.this, .bigonglet li#preview2 a:hover.this,
.bigonglet li#preview3 a.this, .bigonglet li#preview3 a:hover.this,
.bigonglet a.this, .bigonglet a:hover.this {
	border-color:#C83200;
	background-image: none;
	background-color:#C83200;
	color:#fff;
	font-weight:bold;
	opacity: 1;
	-moz-opacity: 1;
}
/* Fin de test */


.onglet li a:hover {
	border:1px solid #C83200;
	color:#000000;
}

.onglet a.this, .onglet a:hover.this 
{
	border-color:#C83200;
	background-color:#C83200;
	color:#fff;
	font-weight:bold;
}

/* Les icones pour afficher les photos */

.block_icons {
	clear:both;
	position:absolute;
	left:40px !important;
	left:0px;
}

ul.icons {
	padding-left:3000px;
	margin-top:0;
	padding:0;
	list-style-type:none;
	position:relative;
	margin-left:-30px;
}

.icons li {
	float:left;
	text-align:center;
}

.icons li a {
	display:block;

	width:35px !important;
	width:40px;
	height:35px !important;
	height:40px;
	margin-left:5px;
	margin-bottom:5px;
	background-color:#666666;
	border:2px solid #fff;
	line-height:35px;
}



.icons li a:hover {
	background-color:#666666;
	border:2px solid #C83200;
}

/* Test gros icones */


ul.bigicons {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:10px!important;


}

.bigicons li {
	float:left;
	text-align:center;
}


.bigicons li a, .bigicons li a:visited {
	display:block;
	width:60px !important;
	width:64px;
	height:60px !important;
	height:64px;
	margin:2.5px;
	border:2px solid #414141;
}

.bigicons li a:hover {
	background-color:#666666;
	border:2px solid #C83200;
}

.bigicons a img {
	border: none;
}
/* Fin gros icones */


li.empty {
	background-color:#FFF7EF;
	display:block;
	width:60px !important;
	width:65px;
	height:60px !important;
	height:65px;
	margin:2.5px;
	border:2px solid #fff;
}

.clear {
	clear:both;
}