/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #5f2826;
		}
		
#conteneur {	position: relative;
		margin-left: auto; margin-right: auto;
		width: 978px ;	display: block;
		text-align: left ; border: 2px solid #ffaf00 ;}		

		
/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/


div#fr h1#header, div#en h1#header
		{
			height: 100px ;
			margin: 0 ;
			text-indent: -5000px ;		
		}
div#fr h1#header  { background: url(../images/statique/interface/BANNIERE.gif) no-repeat left top ;	}
div#en h1#header {	background: url(../images/statique/interface/HEADER.gif) no-repeat left top ; }


/* ------------------------------------*/
/* ---------->>>  MENU   <<<-----------*/
/* ------------------------------------*/

ul#menu
{
	height: 70px ;
	margin: 0 ;
	padding: 5px 5px 0 0 ;
	list-style-type: none ;
}

ul#menu li
	{
		float: right ;
		text-align: center ;
	}

ul#menu li a
{
	width: 57px ;	height: 57px ;
	display: block ;
	color: #000 ;
	text-indent: -5000px ;	
	text-decoration: none ;
}

ul#menu a#menu1 {	background: url(../images/statique/interface/HOME.gif) no-repeat ;}
ul#menu a#menu2 {	background: url(../images/statique/interface/PAINTINGS.gif) no-repeat ;}
ul#menu a#menu3 {	background: url(../images/statique/interface/TOTEMS.gif) no-repeat ;}
ul#menu a#menu4 {	background: url(../images/statique/interface/MOTIFS.gif) no-repeat ;}
ul#menu a#menu5 {	background: url(../images/statique/interface/PHOTOS.gif) no-repeat ;}
ul#menu a#menu6 {	background: url(../images/statique/interface/BIO.gif) no-repeat ;}
ul#menu a#menu7 {	background: url(../images/statique/interface/CONTACT.gif) no-repeat ;}
ul#menu a#menu8 {	background: url(../images/statique/interface/SEARCH.gif) no-repeat ;}
ul#menu a#menu9 {	background: url('../images/statique/interface/BACK.gif') no-repeat ;}
ul#menu a#menu10 { background: url('../images/statique/interface/LIENS.gif') no-repeat ;}
div#en ul#menu a#menu11 { background: url('../images/statique/interface/FRANCAIS.gif') no-repeat ;}
div#fr ul#menu a#menu11 { background: url('../images/statique/interface/ENGLISH.gif') no-repeat ;}

ul#menu li a:active { border: 2px solid #ffaf00 ;}
		

/* ------------------------------------*/
/* ---------->>> CONTENU <<<-----------*/
/* ------------------------------------*/

#contenu
		{	position: relative;
			padding: 0 25px 0 25px ;
			border: 1px solid #ffaf00 ;
			margin: 0 25px ;
		}

#contenu h2
		{
			line-height: 1.5em ;
			font-size: 1.4em ;
			color: #ffaf00 ;
			border-bottom: 1px solid #ffaf00 ;
		}
#contenu h3
		{
			line-height: 1.1em ;
			font-size: 1em ;
			color: #ffaf00 ;
		}
#contenu h4
		{
			line-height: 1.3em ;
			font-size: 1.2em ;
			color: #ffaf00 ;
		}
				
#contenu p
		{
			text-align: justify ;
			line-height: 1.2em ;
		}
		
#contenu a, a:hover
		{
			color: #ffaf00 ;
		}
	

.spacer
		{
			clear: both;
		}
		

/* ------------------------------------*/
/* ---------->>> CONTACT <<<-----------*/
/* ------------------------------------*/

		
fieldset { border:0;margin:0;padding:0; }
label { display:block;font-family: monotype corsiva; color: #ffaf00 ;line-height: 1.7em ;  }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#D6AF92 ;padding:3px;margin:1px 0;border:1px solid #ffaf00 ; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }


/* ---------->>> HOME <<<-----------*/

#news 	{
			text-align: left ;
			margin-left: 400px;
			margin-right: 50px;
		}
#dewslider 	{
			text-align: right ;
			float:left;
			width: 350px;
		}

/* ---------->>> SEARCH <<<-----------*/
		
#search h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			color: #ffaf00 ;
			border-bottom: 1px solid #ffaf00 ;
		}
		
		
#search p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}
				
/* ---------->>> CATEGORIES <<<-----------*/
		
.vignette
		{
			text-align: center ;
			color: #ffaf00 ;
			width: 275px ;
			height: 300px ;
			display: block;
			float: left;
		}
.vignette a
		{
			text-decoration: none ;
		}
.vignette img
		{
			text-decoration: none ;
			border: none;
		}


bleu#cadre { background: #000064;	}
marron#cadre	{ background: #5f2826;}
vert#cadre { background: #182b00;}
gris#cadre { background: #49494f;	}

#cadre p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
			color: #ffaf00;
		}

/* ------------------------------------*/
/* ---------->>> Totems <<<-----------*/
/* ------------------------------------*/
		
#totems_commentaires
		{
			margin-top: 300px;
			margin-left: 160px;
			position: absolute;
		}

#totems_detail1
		{
			color: #ffaf00 ;
			margin-top: 20px;
			margin-left: 50px;
  			position: absolute;
		}
		
		
#totems_detail2
		{
			color: #ffaf00 ;
			margin-top: 20px;
			margin-left: 210px;
			position: absolute;
		}
		
#totems_detail3
		{
			color: #ffaf00 ;
			margin-top: 20px;
			margin-left: 360px;
			position: absolute;
		}
		
#totems_oeuvre
		{
			color: #ffaf00 ;
			margin-top: 20px;
			margin-right: 20px;
			float: right;

		}
		
#totems_oeuvre2
		{
			color: #ffaf00 ;
			margin-top: 20px;
			margin-right: 50px;
			float: right;
		}

/* ------------------------------------*/
/* ---------->>> Peintures <<<-----------*/
/* ------------------------------------*/

#paintings_OeuvreLeft
		{
			float: left;
			width:37%;
			text-align: center;
		}
#paintings_OeuvreRight
		{
			float: right;
			width: 60%;
			text-align:center;
		}

#paintings_commentaires
		{
		}

#paintings_detail1
		{
			color: #ffaf00 ;
			margin-bottom:25px;

		}
		
		
#paintings_detail2
		{
			color: #ffaf00 ;
			margin-bottom:25px;
		}
		
#paintings_detail3
		{
			color: #ffaf00 ;
			margin-bottom:25px;
			display: none;
		}
		
#paintings_oeuvre
		{
			color: #ffaf00 ;
 
		}
		
#paintings_oeuvre2
		{
			color: #ffaf00 ;
			display: none;
		}
/* ---------->>> LIENS <<<-----------*/

#liens{background: #49494f;}
#BG
		{
			background: url('../images/statique/liens/BG_liens.jpg') no-repeat ;
			width: 1000px;
			height: 600px;
			display: block;
		}

.link_art
		{
			text-align: center ;
			width: 350px;
			float: left;
		}
.link_art2
		{
			text-align: center ;
			width: 350px;
			float: right;
		}
.link_art img a
		{
			text-decoration: none ;
			border: none;
		}
.link_art2 img a
		{
			text-decoration: none ;
			border: none;
		}

/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/

div#fr h5#footer
		{
			height: 75px ;
			margin: 0 ;
			background: url(../images/statique/interface/PIED.gif) no-repeat left bottom ;
		}
div#en h5#footer
		{
			height: 75px ;
			margin: 0 ;
			background: url(../images/statique/interface/FOOTER.gif) no-repeat left bottom ;
		}