/* CSS Document 

---------------------------------------------------------------------
projet : Arual Web

sommaire:

	[ Reset Css ]
	[ Blocs posistionnement ]
	[ Liens ]
	[ Titres ]
	[ Navigation, listes ]
	[ Divers blocs]
	[ Styles divers ]
	
---------------------------------------------------------------------*/

/***** [ Reset css ] ************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
	
html .png {
    background-image: none ! important; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo.png,sizingMethod=crop);
    }
    	
body {
	background: #785c46 url(../images/styles/bg_body.png) top repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #846c59;
	}
a {
	color: #c1671f;
	}
	
/* [ Blocs posistionnement ] */
#info_bar{
	 position:fixed;
	 z-index:10;
	 top:0;
	 background: #efefef;
	 width:100%;
	 height:20px;
	 /*opacity: 0.7;*/
}

#admin_bar{
	 position:fixed;
	 z-index:10;
	 top:0;
	 background: url(../images/styles/bg_admin.png) repeat-x;
	 width:100%;
	 height:43px;
	 /*opacity: 0.7;*/
}

#admin {
	width: 100%;
    height: 18px;
    margin: 0 auto;
	}

#header {
	width: 100%;
	height: 183px;
	margin: 0 auto;
	background: url(../images/styles/bg_header.png) center top no-repeat;
	}
	
#container {
	position: absolute;
	width: 100%;
	top: 220px;
	left: 0;
	background: url(../images/styles/bg_container.png) center 83px no-repeat;
	height: auto !important;
	height: 620px;
	min-height: 620px;
	}
	
#content {
	margin: 0 auto;
	width: 698px;
	background: url(../images/styles/bg_content_top.png) left top no-repeat;
	padding-top: 37px;
	}
#content p a{
	color: #c1671f;
	}
#content #main_content {
	background: url(../images/styles/bg_content.png) left top repeat-y;
	padding: 0 17px 9px;
	}
	
#contenu {
	margin: 0 auto;
	height: auto !important;
	width: 100%;
	}
	
#footer {
	width: 698px;
	height: 44px;
	background: url(../images/styles/bg_footer.png) left top no-repeat;
	text-align: center;
	padding-top: 6px;
	margin: 0 auto;
	}

#col1 {
	width: 492px;
	float: left;
	}
	
	
/*** [ Liens ] ***/
a { text-decoration: none; color: inherit; }
a:hover, a:focus { text-decoration: underline; }
a.link3 {font-weight: bold; font-size: 11px; color: #474747; display: block; text-align: right; }
#sidebar a { color: #afdc36; }
/*#sidebar a { color: #fff; }*/

/*** [ Titres ] ***/
#header h1 a { 
	display: block;
	width: 496px;
	height: 183px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}
	#header h1 a span { position: relative; left: 500px; }
	#header h1 a:hover, #header h1 a:focus { text-decoration: none; }
h2 { 
	background: url(../images/styles/bg_h2.png) left top no-repeat;
	font-size: 16px;
	color: #5d3f2a;
	font-weight: normal;
	padding-left: 10px;
	margin-top: -21px;
	height: 22px;
	padding-top: 12px;
	position: relative;
	margin: -21px 0 25px 4px;
	}
th, h3 {       /* Modifié par Pezzos */
	color: #5b3e28;
	border-bottom: #b2a69d solid 1px;
	padding-bottom: 3px;
	margin-bottom: 23px;
	font-weight: normal;
	}

ul {       /* Modifié par Pezzos */
	list-style-image: url(../images/icon-check.gif);
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 15px;
	}
	
li {       /* Modifié par Pezzos */
	margin-bottom: 5px;
	}

#sidebar {
	float: right;
	background: url(../images/styles/bg_sidebar_top.png) left top no-repeat;
	width: 164px;
	margin-right: 2px;
	display: inline;
	margin-top: -17px;
	padding-top: 15px;
	color: #fff;
	}
	#sidebar #sidebar_content { 
		background: #5d3f2a url(../images/styles/bg_sidebar.png) left bottom no-repeat;
		padding: 0 6px 30px 7px;
		position: relative;
		}

	

/*** [ navigation, listes ] ***/
ul#nav {
	position: absolute;
	width: 880px;
	left: 50%;
	margin-left: -440px;
	top: 196px;
	text-align: center;
	}
	ul#nav li { display: inline; padding: 0 15px; }
		ul#nav li, ul#nav li a { color: #5a3c27; font-size: 14px;}
		
#footer ul li, #footer ul li a { display: inline; color:#5b3e28; }

/* logos */
ul#social {
margin-bottom:-3px;
margin-left:auto;
margin-top:5px;
text-align: center; /* position:absolute; bottom: 0; width: 164px; left: 0; */}
	ul#social li { display: inline; }
	
/* pagination */
#pagination { float: right; margin: 17px 20px 15px 0; display: inline;}
#pagination li {
	float: left;
	width: 22px; 
	height: 22px;
	line-height: 22px;
	margin-left: 6px;
	display: inline;
	background: url(../images/styles/bg_pagination.png) left top no-repeat;
	text-align: center;
	color: #fff;
	}
	#pagination li a { color: #5b3d27; display: block; height: 22px; }
	#pagination .title { width: auto; background: none;  color: #5b3d27; margin-right: 12px;}

/*** [ Divers blocs] ***/
/* articles */
.post {
	background: url(../images/styles/bg_post.png) left top repeat-y;
	position: relative;
	margin-bottom: 4px;
	}
	.post .top {
		background: url(../images/styles/bg_post_top.png) left top no-repeat;
		height: 8px;
		font-size: 1px;
		}
	.post .content {
		padding: 7px 16px 7px 16px;
		}
	.post {font-size:12px;}
	.post .bottom {
		background: url(../images/styles/bg_post_bottom.png) left top no-repeat;
		height: 8px;
		font-size: 1px;
		}
	.post .date { position: absolute; top: 49px; right: 16px; font-size:9px; color:#5b3e28;}
	.post .content h3 {font-size:13px;margin-top:12px;margin-bottom:10px; color:#411e05;}	
	.post .content h3 img{ margin-right: 10px;}
	.post .content p {margin-top:15px;margin-bottom:19px;}	
	.post .delete{ position: absolute; top: 7px; right: 5px;}
.block1 {	
	position: relative;
	margin-bottom: 12px;
	text-align:center;
	}
	.block1 .top {
		background: url(../images/styles/bg_block1_top.png) left top no-repeat;
		height: 6px;
		font-size: 1px;
		}
	.block1 .title {
		font-size:12px;
		color:#afdc36;
		font-weight:bold;
		font-variant: small-caps;
		background: url(../images/styles/bg_block1.png) left top repeat-y;
		text-align: center;
		}
	.block1 .content {
		padding: 12px 5px;
		background: url(../images/styles/bg_block1.png) left top repeat-y;
		text-align: center;
		}
	.block1 .content a{
		text-decoration:none;
		color:#afdc36;
		}
	.block1 .content p{/* modifie par Pezzos*/
		margin-bottom: 7px;
		}
	.block1 .bottom {
		background: url(../images/styles/bg_block1_bottom.png) left bottom no-repeat;
		height: 6px;
		font-size: 1px;
		}
	.block1 p { margin-bottom: 0; }
	/*.block1 img { padding: -17px -9px; }*/
	.block1 img { /* modifie par Pezzos*/
		width: 130px;
		height: 132px;
		margin:0;
		}
	.contenu { text-align:center; }

					
/*** [ Styles divers ] ***/
.clear { clear: both; font-size: 0px; height:0; }
p { margin-bottom: 1em; }
.separator {
	height: 2px;
	background: url(../images/styles/bg_separator.png) center top no-repeat;
	font-size: 1px;
	margin-bottom: 4px;
	}
.showcase { margin: 0 0 10px 3px; }
.separator hr { display: none; }


/* effet galerie hover */


#pageWrap {
		
		/*margin-left:25px;*/
		margin-left:75px;
		margin-top:165px;/* modifie par Pezzos*/
		z-index: 5;
	}
	#psdPage {
		margin-right:30px;
		float: left;
		cursor: pointer;
		display:inline;
		text-align:center;
	}
	#netPage {
		margin-right: 20px;
		float: left;
		cursor: pointer;
	}	
	#audioPage {
		float: left;
		cursor: pointer;
	}
	#bubbleWrap {
		left:50px;
		margin-left:auto;
		margin-top:40px;
		position:relative;
		top:-150px;
		z-index:10;
	}
	#description_pop{
		width:350px;
		height:145px;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
	}
	.bubble {
		position: absolute;
		width:391px;
		height:156px;
		color:#FFF;
		font-size:14px;
		font-family:Verdana, Geneva, sans-serif;
		background-image:url(../images/styles/blog_hover.png);
	}
	.clear {
		clear: both;
	}

/* Sliders */
	#slider ul, #slider li{
		margin:0;
		padding:0;
		margin-bottom:15px;
		list-style:none;
		}
	#slider{
		margin-top:1em;
		
		}
	#slider p{
		margin-top:-2px;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:440px;
		overflow:hidden; 
		height:500px;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:51px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		padding:0;
		height:28px;
		float: right; 
		margin: 0px 20px 15px 10px; 
		display: inline;	
		}
	ol#controls li{
		float:left;
		width: 22px; 
		height: 22px;
		line-height:22px;
		margin-left: 6px;
		display: inline;
		background: url(../images/styles/bg_pagination.png) left top no-repeat;
		text-align: center;
		color: #fff;
		color: #5b3d27;
		}
	ol#controls li a{
		color: #5b3d27; 
		display: block; 
		height: 22px;
		}
	ol#controls li.current a{
		 width: auto; 
		 background: none;  
		 color: #5b3d27; 
		 }
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
		outline:none;
		}
		
/* News slider */
	#news_slider ul, #news_slider li{
		margin:0;
		padding:0;
		margin-bottom:15px;
		list-style:none;
		}
	#news_slider{
		margin-top:1em;
		}
	#news_slider p{
		margin-top:-2px;
		}
	#news_slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:130px;
		height:100px;
		overflow:hidden; 
		}
	
	#news_slider_title{
	    height:20px;
	    }
	    
	#news_slider_date{
	    height:10px;
	    }
	    
	#news_slider_content{
	    height:20px;
	    }	
		
/* Showroom slider */
	#showroom_slider ul, #news_slider li{
		margin:0;
		padding:0;
		margin-bottom:15px;
		list-style:none;
		}
	#showroom_slider{
		margin-top:1em;
		}
	#showroom_slider p{
		margin-top:-2px;
		}
	#showroom_slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:140px;
		height:180px;
		overflow:hidden; 
		}	
/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    border:1px solid #C6D880;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    border:1px solid #fbc2c4;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}