/*
Theme Name: Jacky Decerle
Theme URI: http://www.decerle.com/
Description: decerle.com template 
Version: 1.0
Author: Jeremy Desvaux
Author URI: http://jdmweb.com/
Tags: 
*/

body{
	background: #FDEDBA;
	margin:0;
	padding:0;
	color: #552e1e;
	font-family: Century Gothic, sans-serif;
	font-size:14px;
}

    /* headings */		
		
			h1, h2, h3, h4, h5, h6{
				font-weight:normal;
				margin:1em 0;
				line-height:100%;
				color:#552e1e;
				}
      h1,h2{font-size:24px;}	        
			h3{font-size:18px;}
      h4{font-size:15px;}
							
			h2#comments{margin-top:1.5em;}		
			
			#side h3{font-size:16px;margin-top:1.5em;}
			#owners h2{margin-bottom:.25em;}
			#owners h3{font-size:16px;margin-bottom:.5em;}
			.blog h3{margin-bottom:0;}
			.col4 h3{margin:.5em 0;}
			
			#main h1{margin-top:.5em;}
			
    /* // headings */
    /* clearfix */

			.cols:after, .col li:after, .comments li:after, .fixed:after{
				content:"."; 
				display:block; 
				height:0; 
				clear:both; 
				visibility:hidden;
				}
			.cols, .col li, .comments li, .fixed{
				display:block;
				}
			/*  \*/
			.cols, .col li, .comments li, .fixed{
				min-height:1%;
				}
			* html .cols, * html .col li, * html .comments li, * html .fixed{
				height:1%;
				}

    /* // clearfix */
	
		/* HTML tags */
		
			a{
			text-decoration:none;
			color:#552e1e;
			outline: none;
			}
			a:hover{
			color: #552e1e;
			text-decoration: underline;				
			}			
			p, blockquote, form{
				margin:1em 0;
				}
			blockquote{}
			img{border:none;}			
			hr{display:none;}			
			li{display:list-item;}	
			
			table{
				margin:1em 0;
				width:100%;
				border-collapse:collapse;
				}
			th, td{	
				padding:5px;
				border-bottom:1px solid #d3ecf4;
				font-size:12px;
				}	
			th{	
				text-align:left;
				vertical-align:top;
				background:#d3ecf4;
				}
				
	
	/* // HTML tags */	
	
	/* common */
	
		.left, .imgleft, .alignleft{
			float:left;
			margin-right:10px;
			}
		.right, .imgright, .alignright{
			float:right;
			margin-left:10px;
			}
		.center{
			text-align: center;
			margin: 0 auto;
		}
		.aligncenter{text-align:center;}
		.clear{clear:both;margin-top:0;padding-top:1em;}
		.top{margin-top:0;}
		.lefthalf{
			float: left;
			width: 33%;
		}
		.righthalf{
			float: left;
			width: 33%;
		}
		.centerhalf{
			float: left;
			width: 33%;
			text-align: center;
			padding-top: 4px;
		}
		
	/* // common */		
	
	/* Input */	
	
	.regrow {
		margin-bottom: 10px;
		overflow: auto;
	}
	
	.button{
		border: 2px outset #77390B;
		background: #552e1e;
		color: #FDEDBA;
		padding: 5px;
		float: right;
	}
	.button:active{
		border: 2px inset #77390B;
	}
	.text {
		width: 98%;
		border: 1px solid #77390B;
		padding: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		font-family: Century Gothic, sans-serif;
		color: #552e1e;
	}
	.legend{
		text-align: center;
		font-size: 0.85em;
	}
	
	/* // Input */	
	
	/* Structure */
	
	#outterwrap{
		width: 900px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	#contentwrap{
		border: 3px solid #77390b;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 25px;
	}	
	#langwrap {
		position: absolute;
		top: 175px;
		right: -32px;
		background: #552e1e;
		padding: 6px 6px 2px 4px;
		 -moz-border-radius-topright: 5px;
		 -webkit-border-top-right-radius: 5px;
		 -moz-border-radius-bottomright: 5px;
		 -webkit-border-bottom-right-radius: 5px;			
	}
	#langwrap ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#langwrap ul li{	
		margin: 0;
		padding: 0;
		list-style-type: none;	
	}
	
	/* // Structure */
	
/* header */

	#headerwrap{
		text-align: center;
		position: relative;
	}

	#logo{
		background:url(images/logo_bg.png) no-repeat 0 0;
		z-index:100;
		margin:50px auto 25px;
		padding:0;
		overflow:hidden;
		text-indent:-8000px;	
		width: 283px;
		}
	#logo a{
		display:block;
		height:78px;
		}	
		
	#navwrap{
		background: #552e1e;
		width: 700px;
		margin: 0 auto;
		 -moz-border-radius-topleft: 15px;
		 -webkit-border-top-left-radius: 15px;
		 -moz-border-radius-topright: 15px;
		 -webkit-border-top-right-radius: 15px;		
		 overflow: auto;
		 text-align: center;
	}

/*navigation menu */
#nav {
margin:0;
padding:0;
z-index:1;
width: 90%;
margin: 0 auto;
text-align: center;
}
#nav, #nav ul {
line-height:20px;
list-style-type:none;
}
#nav a, #nav a:hover {
display:block;
text-decoration:none;
}
#nav li {
float:left;
list-style-type:none;
}
#nav a, #nav a:visited {
color:#FDEDBA;
display:block;
padding:5px 12px;
background: #552e1e;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
text-decoration:underline;
}
#nav li ul {
height:auto;
left:-999em;
line-height:20px;
padding:0;
position:absolute;
width:137px;
border-top: 3px solid #77390b;
 -moz-border-radius-bottomleft: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;	
}
#nav li li {
background:transparent none repeat scroll 0 0;
width:135px;
}
#nav li li a, #nav li li a:visited {
background:#552e1e;
color:#FDEDBA;
font-size:0.9em;
font-weight:normal;
text-align: left;
padding-left: 15px;
}
#nav li li a:hover, #nav li li a:active {
	text-decoration: none;
	background: #633421;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;
}
#nav li li:last-child a{
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-right-radius: 10px;
}

/* // header */

/* Mesage Board */

#msgboard{
	background: #552e1e;
	width: 700px;
	margin: 0 auto;
	 -moz-border-radius: 15px;
	 -webkit-border-radius: 15px;
	 overflow: auto;
	 text-align: center;
	 padding: 10px;
	 color: #FDEDBA;
}

/* // Mesage Board */

/* // footer */

	#footerwrap{
		background: #552e1e;
		width: 700px;
		margin: 0 auto;
		 -moz-border-radius-bottomleft: 15px;
		 -webkit-border-bottom-left-radius: 15px;
		 -moz-border-radius-bottomright: 15px;
		 -webkit-border-bottom-right-radius: 15px;		
		 font-size: 0.9em;
		 overflow: auto;
		 color: #FDEDBA;
	}
	
	#footerwrap a { color: #FDEDBA; }
	#footmentionleft {
		margin: 4px 18px 6px;
	}
	#footmentionright {
		margin: 4px 18px 6px;
		text-align: right;
	}	

/* // footer */

/* Tableaux */
#templatewrap{
	width: 700px;
	margin: 0 auto;
	overflow: auto;
}

#introwrap{
	overflow: auto;
}
#jackythumb{
	float: left;
	width: 64px;
	height: 74px;
	margin-right: 20px;
	background: #fff url('images/jacky.jpg') center center no-repeat;
	padding: 3px;
	border: 1px solid #ccc;
}
#quoteleft{
	float: left;
	height: 18px;
	width: 19px;
	margin-right: 15px;
	background: #ffedbc url('images/quoteleft.gif') center center no-repeat;
}
#quotetxt{
	float: left;
	width: 530px;
	margin-right: 15px;
}
#quoteright{
	float: left;
	height: 18px;
	width: 19px;
	background: #ffedbc url('images/quoteright.gif') center center no-repeat;
}

#tableauxwrap{
	overflow: auto;
}
.paintingwrap{
	width: 110px;
	height: 110px;
	float: left;
	margin-right: 35px;
	margin-bottom: 35px;
}
.first{ margin-left: 0; }
.last{ margin-right: 0; }

.paintingwrap img{
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
}
.paintingdesc{
	display: none;
}
.separator, .separatorwidth{
	width: 550px;
	margin: 0 auto;
}
.separator{
	margin: 45px auto;
	border-top: 1px solid #8a4529;
	border-bottom: 1px solid #fff;
}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	text-align: center;
}
.srcpic{
	width: 320px;
	height: 320px;
	background: #444;
	display: table-cell;
	vertical-align: middle;
}
#screenshot img{
	margin-bottom: 5px;
}
#screenshot span{
	display: block;
	margin: 5px 8px;
}
div.scrdesc{
	text-align: left;
	color: #fff;
}
div.scrdesc h3{
	color: #fff;
	margin:5px 0 5px 15px;
}
div.scrdesc ul{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 15px;
}
div.scrdesc ul li{
	list-style-type: none;
}

/* // Tableaux */

/* Detail Peinture */

#tabpic{
	float: left;
	width: 410px;
	text-align: center;
}
	#tabpic img{
		border: 3px solid #552e1e;
	}
#tabinfo{
	float: right;
	width: 250px;	
}
	#tabinfo h1{
		margin-top: 0;
	}
	#tabinfo ul{
		margin: 0;
		padding: 0;
		margin-left: 15px;
		list-style: square;
	}

/* //Detail Peinture */

/* Contact */

#contactwrap{
	
}

.labelwrap{
	float: left;
	width: 110px;
	margin-right: 15px;
	font-size: 1.2em;
}
.inputwrap{
	float: left;
	width: 420px;
	/*border: 1px solid #f00;*/
}

/* //Contact */

/* Partnaires */
.partenaire{
	text-align: center;
}
/* // Partnaires */