/*
Theme Name : Lewisdavid
Theme URI : http://www.lewisdavid.fr/
Description : Thème du site internet de David Lewis par Simon-Pierre HENNEQUIN.
Version : 1.0
Author : Simon-Pierre HENNEQUIN
Author URI : http://www.mediatemprano.com/
Tags : artiste, peintre, contemporain, bleu, magenta, violet, rose, orange, carré
*/
* {margin:0;padding:0;}
body {margin:0;padding:0;color:#595959;font:13px/16px 'Arial', Georgia, 'Times New Roman', Times, serif;background:#364351;}
#wrapper{position:relative;width:800px;margin:0 auto 0 auto;}
header, nav, footer, figure, section, aside {display:block;}

/*----------------------- header -----------------------*/
header {width:100%;height:144px;background:url('_img/bg-header.jpg') top no-repeat;}
header h1 {float:left;margin:20px 0 0 150px;text-indent:-9999px;}
header .active{opacity :0.4;filter :alpha(opacity=40); }
header.en {width:100%;height:144px;background:url('_img/bg-header-en.jpg') top no-repeat;}
header nav {float:right;margin:15px 10px 0 0;}
header nav ul {margin:0;}
header nav ul li {height:11px;margin-right:10px;line-height:11px;display:inline;list-style-type:none;}
header nav ul li a {height:11px;line-height:11px;color:#768da4;font-size:11px;text-decoration:none;}
header nav li a:hover {text-decoration:underline;}
header nav img {border:0;}
header nav .qtrans_language_chooser {list-style-type:none;}
header nav .qtrans_language_chooser li {float:left;}
	
/*----------------------- menu contenu -----------------------*/
#content {width:100%;overflow:hidden;clear:both;}
		
/*----------------------- menu gauche -----------------------*/
#content nav {float:left;width:250px;background:#485b6e;}
#content nav ul {width:200px;margin:10px auto 20px auto;}
#content nav ul li {display:block;width:200px;height:25px;line-height:25px;list-style-type:none;border-bottom:1px dotted #bfc8d2;}
#content nav ul li a {display:block;width:186px;padding-left:15px;color:#b6c1cc;text-decoration:none;}
#content nav ul li a:hover, #content nav ul li.current_page_item a, #content nav ul li.current-menu-item a, #content nav ul li.current_page_parent a {color:#ea4c71;text-decoration:none;}
#content nav img {margin:0;padding:0;}
	
/*----------------------- contenu droite -----------------------*/
#content .hentry {float:right;width:510px;padding:20px 20px 30px 20px;background:#fff;}
/*#right h2 {color:#d93154;font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px dotted #808891;}*/
#content a {color:#77a4ce;text-decoration:none;font-weight:bold;}
#content a:hover {text-decoration:underline;}
#content p {margin-bottom:15px;}
/* #8f8f8f */
#content h2 {color:#d93154;margin-bottom:15px;padding:0 0 20px 0;font-size:26px;line-height:18px;font-weight:bold;border-bottom:1px dotted #808891;}
#content .entry h3 {color:#91a9c3;font-size:20px;margin:0 0 20px 0;}
#content .date {color:#a9a9a9;font-style:italic;margin-bottom:20px;}
#content #breadcrumbs {margin:0 0 20px 0;color:#717171;font-size:11px;}
#content .entry {margin-bottom:25px;}
#content .actu {clear:both;overflow:hidden;margin:0 0 25px 0;padding:20px 20px 20px 35px;background:#f2f2f2;border-left:14px solid #cbcbcb;border-bottom:2px solid #d4d4d4;}
#content .actu h3 {font-size:20px;margin:0 0 5px 0;}
#content .actu img.attachment-post-thumbnail {float:left;margin:0 25px 0 0;padding:8px;border:2px solid #b6c1cc;}
#content .more a {padding:5px 5px 5px 5px;color:#fff;font-weight:normal;background:#e03559;}
#content ul {margin-left:30px;}
		
/*----------------------- accordion -----------------------*/
div#test-accordion{}
div.accordion {position:relative; /* required for bounding */width:490px;}
div.accordion-toggle{position:relative;/* required for effect */z-index:10;/* required for effect */background:#3f3c38;background-image:url('_img/off.jpg');background-repeat:repeat-x;background-position:bottom;color:#fff; cursor:pointer;margin-bottom:1px;padding:9px 14px 6px 14px;border-top:1px solid #5d5852;}
div.accordion-toggle:hover, div.accordion-toggle-active{background-image:url(_img/on.jpg);background-color:#d12b51;border-top:1px solid #a06b55;}
div.accordion-content{overflow:hidden;/* required for effect */padding:9px 24px 6px 24px;background:#bdc4cb;}
		
/*----------------------- footer -----------------------*/	
footer {padding:0 0 100px 0;}
footer p {float:right;font-size:11px;text-align:right;color:#6f8aa5;margin:20px 0 0px 0;}
footer a {color:#6f8aa5;text-decoration:none;border-bottom:1px dotted #6f8aa5;}
footer a:hover {color:#cfdae4;text-decoration:none;border-bottom:1px solid #cfdae4;}