/* CSS Document */

body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#28070C;	
}


*  {
	margin: 0 ;
}



h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;
}


p {
	padding:3px 0 5px 0;	
}

ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}
a
{
	text-decoration:none;	
}


a:hover
{
	text-decoration:none;	
}

/******************************/
.bg_acc
{
	background:url(images/bg_body.jpg) repeat-x top #9D9B9D;	
}
.bg_nav
{
	background:url(images/bg_nav.jpg) repeat-x top #9D9B9D;	
}
#page_acc
{
	margin:0 auto;
	width:955px;		
	display:table;	
}

/******************************/
.lion
{
	position:absolute;
	left: 15px;
	top: 15px;
}
.atena
{
	position:absolute;
	right:5px;
	top: 93px;
}
#header
{
	float:left;
	height:251px;
	width:778px;
	padding:0 0 0 177px;
	background:url(images/header_acc.jpg) no-repeat top;
	position:relative;
}
.logo
{
	margin:15px 0 0 36px;			
}	
/************************menu************************************************/
#menu
{			
	padding:32px 0 0 21px;	
}
#menu li,#menu_nav li
{
	float:left;	
}
#menu li a,#menu_nav li a
{	
	display:block;	
	height:17px;
	padding-right:5px;
}
#accueil a
{
	 background:url(images/accueil.gif) no-repeat;
	 width:66px;
	 margin-top:1px;			 	
}
#accueil a:hover
{
	 background:url(images/accueil_hover.gif) no-repeat;	
}
#oeuvre a
{
	 background:url(images/oeuvre.gif) no-repeat;
	 width:135px;	
}
#oeuvre a:hover
{
	 background:url(images/oeuvre_hover.gif) no-repeat;
}
#savoir a
{
	 background:url(images/savoir.gif) no-repeat;
	 width:255px;	
}
#savoir a:hover
{
	 background:url(images/savoir_hover.gif) no-repeat;
}
#contact a
{
	 background:url(images/contact.gif) no-repeat;
	 width:98px;	 
}
#contact a:hover
{
	 background:url(images/contact_hover.gif) no-repeat;
}
#accueil .active
{
	 background:url(images/accueil_hover.gif) no-repeat;
}
.vide
{
	clear:left;
}
/*----------------------------------------------fin menu------------------------------*/
#content
{
	background:url(images/bg_content_acc.jpg) no-repeat top left;
	width:955px;/*955*/
	float:left;		
}
#content li
{
	background:url(images/puce_li.gif) no-repeat 0 5px;
	padding:0 0 0 14px;
	margin:0 0 0 10px;
	text-align: left;
	display: block;
	font-size: 11px;
}
#bloc1
{
	float:left;
	padding:0 0 0 189px;
	width:765px;
	text-align:justify;
}
#gauche
{
	float:left;
	width:307px;
	padding:0;	
}
#gauche img
{
	padding:13px 0 0 0px;	
}

#gauche a
{
	color:#28070C;
	font-weight:bold;	
}

#gauche a:hover
{
	color:#fff;	
}

#droite
{
	float:left;
	width:260px;
	padding:15px 0 0 24px;
}
#droite img
{
	padding:5px 5px 0 0;	
}
#droite p
{
	padding:0px 0 0 12px;
	background:url(images/puce_caree.gif) no-repeat left 3px;	
}
#rectangle
{
	width:307px;
	background:url(images/rectangle.jpg) no-repeat 0 5px;
	font-size:11px;
	height:38px;
	padding:7px 0 0 0;
}
#rectangle p
{
	float:left;
	width:102px;
	text-align:center;
	padding:0;
}
#bloc2
{
	float:left;
	width:955px;
	text-align:center;
	color:#7D6C6F;
	font-size:10px;	
	font-weight:bold;	
}
.haut
{
	width:0px;
	height:372px;
	float:left;
}
/****************************************************************************************************/
#header_nav
{
	float:left;
	height:204px;
	width:955px;	
	background:url(images/header_nav.jpg) no-repeat top;
	position:relative;
}
.sculpture
{
	position:absolute;
	right:16px;
	top:137px;
	
}
.logo_nav
{
	margin:12px 0 0 28px;			
}	
#menu_nav
{
	/*width:765px;*/		
	padding:26px 0 0 31px;		
}
#oeuvre .active
{
	background:url(images/oeuvre_hover.gif) no-repeat;
}

#content_nav
{
	float:left;
	width:927px;/*955*/	
	background:url(images/bg_content_nav.jpg) no-repeat top;
	padding:0 0 0 28px;
}
#content_nav h3
{
	color:#333333;
	font-size:13px;
	padding:5px 0;
	text-decoration:underline;
}

#content_nav .haut
{
	width:0;
	float:left;
	height:491px;
}
#bloc1_nav
{
	float:left;
	width:185px;
	padding:19px 0 0 0;			
}
.marbe
{
	margin-bottom:28px;
}
.puce
{
	padding:11px 0 11px 0;
	margin-left:86px;
	border:none;
}
#bloc2_nav
{
	float:left;
	width:531px;/*550*/
	padding:19px 0 0 19px;	
}
#bloc2_nav p
{	
	text-align:justify;
	background:url(images/puce_li.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
}
#bloc2_nav p.oeuvres
{	
	text-align:justify;
	background:url(images/puce_li.gif) no-repeat 0 5px;
	padding:0px 0 0 15px;
	margin:0 0 10px 10px;
}
.singe
{
	float:right;
	margin:2px 3px 0 0;
} 
#bloc2_nav li
{
	background:url(images/puce_li.gif) no-repeat 0 5px;
	padding:0 0 0 14px;
	margin:0 0 0 10px;
}

#diaporama
{
	width:504px;/*528*/
	cursor:pointer;
	float: left;	
	background:url(images/bg_diaporam.jpg) no-repeat top left;
	padding:0 12px;
	margin:3px 0 0 0;
}
#diaporama1
{
	width:256px;
	float:right;
	padding:7px 0 0 0;			
}
	#diaporama1 img
{
	border:2px solid #280707;	
}
	
#diaporama2
{
	width:218px;
	float:left;
	padding:17px 0 0 0;
}
#diaporama2 img
{
	border:1px solid #280707;
	margin:0 7px 7px 0;	
}

#diaporama1 .tof1 {
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#280707;
	height:20px;
	padding:8px 0 0 0;
	margin:10px 0 10px 0;
	width:256px;
}
#diaporama1 .none {
	display:none;	
}
/*************************************Contact*************************************************************/
#savoir .active
{
	 background:url(images/savoir_hover.gif) no-repeat;
}
.caree
{
	border:1px solid #280707;
}
.savoir1
{
	border:1px solid #280707;
	margin-bottom:28px;	
}
/*************************************Contact*************************************************************/
#bloc_mention
{
	float:left;
	width:704px;	
	padding:20px 45px 0 20px;
}
.fonce
{
	/*color:#EA8614;*/
	font-size:14px;
	font-weight:bold;
}
#mentions .active
{
	color:#DDDED9;	
}
/*************************************Contact*************************************************************/
#contact .active
{
	 background:url(images/contact_hover.gif) no-repeat;
}
#bloc_contact
{
	width:684px;
	background:url(images/map.gif) no-repeat left  bottom;
	float:left;		
}
#map
{
	height:468px;
	width:0px;
	float:left;	
}
#coordone
{	
	background:url(images/adresse.jpg) no-repeat top left;
	padding:0 0 0 26px;
	width:334px;/*350*/
	float:right;
	font-size:11px;	
}
#coordone .dessin
{
	float:right;
	padding:0 1px 0 0;	
}
#coordone .coord
{	
	padding:19px 0 0 0;	
}

#coordone .adresse
{
	background: url(images/lettre.gif) no-repeat left top;
	display:block;
	padding:5px 0 0 42px;
	margin:13px 0 0px 11px;
	font-size: 12px;
}
#coordone .fixe
{
	background:url(images/mobile.gif) no-repeat left top;
	display:block;
	padding:5px 0 5px 42px;
	margin:10px 0 0px 11px;
	font-size: 12px;
}
#coordone .email
{
	background:url(images/aro.gif) no-repeat left top;
	display:block;
	padding:5px 0 0 42px;	
	margin:10px 0 0px 11px;
}
#coordone  object
{
	position:static;
}
#coordone  p
{
	padding:0;
}
#coordone em
{
	font-weight:bold;
	font-style:normal;
}
.plan
{
	padding:19px 0 0 3px;
}
/****************************************************************************************************/
#footer,#footer_nav{
	float:left;
	width:955px;	
	background: url(images/bg_footer.jpg) no-repeat #9D9B9D;
	text-align:center;	
	font-size:10px;	
	color:#333333;
}
#footer_nav{	
	background: url(images/bg_footer_nav.jpg) no-repeat #9D9B9D;
}
#footer_nav p{
	padding:0;
	margin:0;	

}
#navigation{	
	padding:12px 0 0 0;
}
#navigation li {
	display:inline;	
}

#navigation a{
	padding:0 3px 0 3px;	
	color:#333333;
}
#navigation a:hover{
	color:#DDDED9;		
}
.size {
	color:#280707;
	font-weight:bold;	
}
#toptech {
	
}
#toptech a{
	color:#FFF;
	font-size:9px;
	
}
#toptech a:hover{
	color:#CCCCCC;	
}
object {
	position:relative;
	top:5px;
	left:0px;
}