/*  Theme Name: Yoga themeAuthor: Peyo/* Typographies et couleurs */body {	font-size: 62.5%; /* Resets 1em to 10px */	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	background-color: #000;	color: #333;	text-align: center;	}#page {	background-color: none;	text-align: left;	}#header, #footer{	background-color: none;	}#content {	font-size: 1.2em;	}.widecolumn .entry p {	font-size: 1.05em;	}.narrowcolumn .entry, .widecolumn .entry {	line-height: 1.4em;	}.widecolumn {	line-height: 1.6em;	}.narrowcolumn .postmetadata {	text-align: center;	}.titrePage /* Page titles */{  font-family: 'Trebuchet MS', Verdana, sans-serif;  font-weight:600;  font-size:20px;  border: 0px solid #000000;  display:block;  padding: 0 0 0px 20px;  padding-top: 5px;}small {	font-family: Arial, Helvetica, Sans-Serif;	font-size: 0.9em;	line-height: 1.5em;	}h1, h2, h3 {	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;	font-weight: bold;	}h1 {	font-size: 4em;	text-align: right;	color: #febe72;}h2.pagetitle {       font-family: 'Trebuchet MS'; 	       font-size: 1.4em;        }h3 {        font-family: 'Trebuchet MS';	        font-size: 1.5em;	}h4 {    font-family: 'Trebuchet MS';	    font-size: 1.3em;	color: #febe72;        }h5 {    font-family: 'Trebuchet MS';	    font-size: 1.3em;	color: #febe72;        }h1, h1 a, h1 a:visited, .description, .postmetadata {	text-decoration: none;	color: #febe72;	}h2, h2 a, h2 a:visited, h4, h4 a, h4 a:visited {	color: #febe72;	}h3, h3 a, h3 a:visited {        color: #735b42;        }small, small a, small a:visited {        color: #febe72;        }small a:hover {        color: #735b42;	}h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h4 a:visited, h4, h4 a, h4 a:hover, h4 a:visited, .titrePage, .titrePage a, .titrePage a:hover, .titrePage a:visited, h2 a:hover, h2 a:visited, #wp-calendar caption, cite {	text-decoration: none;	}.entry p a:visited {	color: #9d8362;	}.post, .post a, .post a:visited {	color: #fdab4a;	}.post a:hover {	color: #735b42;	}cite, cite a:visited {        color: #9d8362        }cite a:hover {        color: #a17e58;	}code {	font: 1.1em 'Trebuchet MS';	}acronym, abbr, span.caps{	font-size: 0.9em;	letter-spacing: .07em;	}a, h2 a:hover, h3 a:hover{	color: #a17e58;	text-decoration: none;	}h4 a:hover{	color: #a17e58;	text-decoration: none;	}.titrePage a:hover{	color: #febe72;	text-decoration: none;	}a:hover {	color: #624c35;	text-decoration: none;	}/* Fin typographie et couleurs *//* Structure */body {	margin: 0;	padding: 0; 	}#page {	margin: 20px auto;	padding: 0;	width: 800px;	border: 0px;	}#header {	padding: 0;	margin: 0 auto;	height: 360px;	width: 800px;	}#headerimg {	margin: 0;	height: 359px;	width: 800px;		background: url("images/header.jpg") no-repeat bottom center;	}#menu {    padding: 10px 0 10px 0;	margin: 150px 0 0 65px;	width: 500px;	}.narrowcolumn {	padding: 10px 0 10px 0;	margin: 5px 0 0 45px;	width: 700px;	}.widecolumn {	padding: 10px 0 10px 0;	margin: 5px 0 0 45px;	width: 700px;	}.post {	margin: 0 0 10px;	text-align: justify;	color: #9d8362;        }.widecolumn .post {	margin: 0;	}.narrowcolumn .postmetadata {	padding-top: 5px;	}.widecolumn .postmetadata {	margin: 30px 0;	}#footer {	padding: 0;	margin: 0 auto;	width: 800px;	height: 108px;	clear: both;	}#footer p {	margin: 0;	padding: 0;	text-align: center;	}/* Fin Structure *//* Entites */h1 {	padding-top: 10px;	margin-right: 50px;	}.description {margin-top: 10px;margin-right: 50px;	text-align: right;	}h2 {	margin: 30px 0 0;	}h2.pagetitle {	margin-top: 30px;	text-align: left;}h3 {	padding: 0;	margin: 30px 0 0;	}/* End Entites *//* D�but Images */p img {	padding: 0;	max-width: 100%;	}/*	L'utilisation */img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}.alignright {	float: right;	}.alignleft {	float: left	}/* Fin Images *//* D�but listesPuces stylis�es, incompatible IENe fonctionne pas sous Internet Explorer qui affichera des puces standard par d�faut. */html>body .entry ul {	margin-left: 0px;	padding: 0 0 0 30px;	list-style: none;	padding-left: 10px;	text-indent: -10px;	} html>body .entry li {	margin: 7px 0 8px 10px;	}.entry ul li:before {	content: "\00BB \0020";	}.entry ol {	padding: 0 0 0 35px;	margin: 0;	}.entry ol li {	margin: 0;	padding: 0;	}.postmetadata ul, .postmetadata li {	display: inline;	list-style-type: none;	list-style-image: none;	}/* Fin listes */.center {	text-align: center;	}a img {	border: none;	}.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 60px;	}/* Fin differentes balises et classes *//*-------------------------------------- Lightbox --------------------------------------------*/#lightbox {background-color:#fff; padding:10px; border:2px solid #666;}#lightboxDetails {font-size:0.8em; padding-top:0.4em; text-align:left;}	#lightboxCaption {float:left;}#keyboardMsg {float:right;}#closeButton {bottom:10px; right:10px; width:16px; height:16px;}#lightbox img {border:none; clear:both;} #overlay img {border:none;}#overlay {background-image:none;}* html #overlay{background-color: #fff;back\ground-color: transparent;background-image: url(blank.html);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.html", sizingMethod="scale");}
/* Dropdown Button */
.dropbtn {
    background-color: #735b42;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight:bold;
    color: #febe72;
    font-size: 0.45em;
    border:medium;
    cursor: pointer;
	
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	text-align: left;
	
}




/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
   	position: absolute;
    background-color: transparent;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	font-size: 0.35em;
	
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #febe72;
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #735b42}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #735b42;
}
Try it Yourself »