/* @override http://www.clinique-mozart.fr/wp-content/themes/yoghourt/style.css */





Theme Name: Yoghourt



Theme URI: http://web-kreation.com/wp_yoghourt/



Description: A 2 columns layout.



Author: Jeremie Tisseau



Author URI: http://web-kreation.com/blog/







*/







/*







Yoghourt v1.0



Please, check often for new version at http://web-kreation.com/blog/?p=44 or at http://web-kreation.com/download.php



This theme was designed and built by Jeremie Tisseau,



whose blog you will find at http://web-kreation.com/blog/



Copyright 2005-2007 Web-kreation. Some rights reserved. Leave footer statement intact please.



This theme is released under Creative Commons Attribution 2.5 License







*/







html, body {border: 0; margin: 0; padding: 0;}







body {



font: 90%/1 "Trebuchet MS", Arial, sans-serif;



line-height: 140%;



background: white url(images/bg.gif) repeat-x;



width: 100%;



min-width: 970px;



}







/***** Common Formatting *****/







h1, h2, h3, h4, h5, h6 {



margin: 0;



padding: 0;



font-weight: normal;



}







h1 {



width: 90%;



clear: both;



margin-top: 0;



margin-bottom: 10px;



padding-bottom: 3px;



letter-spacing: -1px;



font: 2em Georgia, "Times New Roman", Times, serif;



color: rgb(158, 32, 106);



background-color: transparent;



border-bottom: 1px dotted #877065;



}







h1 a {color: #443833; text-decoration: none;}







h1 a:hover {



color: rgb(158, 32, 106);



text-decoration: none;



border: none;



}


#h2page {



padding: 7px 0 ;



font: bold 1.2em arial, helvetica, sans-serif;



color: black;



}




h2 {



padding: 15px 0 7px 0;



color: #443833;



background-color: transparent;



letter-spacing: -1px;



font: 1.4em bold arial, helvetica, sans-serif;



font-weight: bold;



}







h3 {



padding: 7px 0 ;



font: bold 1.2em arial, helvetica, sans-serif;



color: black;



}



h4 {



padding: 7px 0 ;



font: bold 1.2em arial, helvetica, sans-serif;



color: #9e206a;



}



p {margin: 0; padding: 0 0 18px 0;}







p.notfound{padding: 15px 0 100px;}







ul, ol {list-style: none; margin: 0; padding: 0 0 20px 40px;}







code {



display: block;



width: 80%;



background-color: #F5F4F3;



border: #E2DBD8 1px solid;



color: #666666;



padding: 3px 5px;



margin: 10px 0;



}







pre {



padding: 1em;



border: 1px dashed #2f6fab;



color: black;



background-color: #f9f9f9;



line-height: 1.1em;



}







small {font-size: 0.85em;}







img {border: none;}







sup {



position: relative;







bottom: 0.3em;







vertical-align: baseline;







}







sub {







position: relative;







bottom: -0.2em;







vertical-align: baseline;







}







acronym, abbr {







cursor: help;







letter-spacing: 1px;







border-bottom: 1px dashed;







}







hr {







display: block;







clear: both;







border-top: 1px dotted #E7E1DE;







border-bottom: 1px dotted white;







margin: 5px 20px 0;







}







/***** Links *****/







a {







text-decoration: none;







color: rgb(158, 32, 106);







border-bottom: 1px;







}







a:hover {text-decoration: none; color: #443833;}







a img {







border: none;/*remove border for linked images*/







}







/***** Tables *****/







table {border: 0; margin: 0 0 18px 0; padding: 0;}







table tr td {padding: 2px;}







/***** Global Classes *****/







.clear {clear: both;}







.alignleft {display: block; float: left;}







.alignright {display: block; float: right;}







.aligncenter {







display: block;







text-align: center;







margin: 0 auto;







}







.endOfSection {







clear: both;







width: 100%;







height: 0;







line-height: 0;







font-size: 0;







padding: 0;







margin: 0;







border: 0;







}







/***** Main Layout ****/







#container {







width: 100%;







height: 100%;







}







#wrapper {







width: 970px;







background: url(images/bg.png) repeat-y left bottom;







text-align: center;/* IE fix to center the page */







margin: 0 auto;/* center the page in Firefox */







}







/**** Sidebar ****/







#sidebar {







display: block;







float: left;







clear: left;







width: 290px;







text-align: left;







margin-top: -60px;







min-height:550px;







height:auto !important;







height:550px;







}







#sidebar p {







margin: 0 10px 0 0;



	padding-bottom: 10px;



}







.sb_logo p {







font-size: 90%;







}







.sb_logo img {



float: left;



padding: 5px;



margin: 0;



}







#sidebar ul {list-style: none; margin: 0; padding: 0;}







#sidebar li {



padding-left: 12px;



text-align: left;



width: 268px;



list-style: none;



}







#sidebar #sb_top {



width: 280px;



padding-left: 15px;



padding-bottom: 20px;



}







#sidebar #sb_top a {



display: block;



text-decoration: none;



}







#sidebar #sb_top a:hover {



text-decoration: none;



}







#sidebar ul ul {margin-bottom: 20px;}







#sidebar ul li h2, #sidebar h2 {



color: rgb(158, 32, 106);



padding-top: 10px;







padding-left: 0;







font: 1.3em Georgia, "Times New Roman", Times, serif;







}







#sidebar ul ul li {



width: 230px;



font-size: 85%;



}







/*links*/







#sidebar ul li a {color: rgb(158, 32, 106);}







#sidebar ul li a:hover {



text-decoration: underline;



}







#sidebar ul li img {







border: 1px solid #302723;







padding: 4px;







background-color: #443833;







Margin: 0;







margin-left: 15px;







}







#sidebar ul li img a {







border: none;/*remove border for linked images*/

}



#sidebar ul li img a:hover {border: none;}







#sidebar ul li img.noborder {

border: none;

padding: 0;

background-color: transparent;

Margin: 0;

margin-left: 10px;

}



#sidebar ul li.current a {

	font-weight: bold;

	color: black;

}



#sidebar ul ul li.current { padding: 0px 0pt 0 25px; background: transparent url('images/list-arrow-black.gif') no-repeat scroll 4px 1px; margin-left: 0; list-style: none; }







/**** Main Menu ****/







#sidebar .navlist {







margin: 0;







margin-left: 12px;







padding: 0;







list-style-type: none;







width: 268px;







font-size: 16px;







}







#sidebar .navlist ul li {







display: inline;







line-height: 0px;/* fix the unwanted gap between li elements in FF */







}







#sidebar .navlist ul li a {







display: block;







height: 30px;







line-height: 30px;







color: white;







padding: 2px 2px 2px 24px;







text-decoration: none;







border-top: 1px solid #705A52;







border-bottom: 1px solid #3E322D;







}







#sidebar .navlist a:hover {







color: #877065;







background-color: #443833;







border-bottom: 1px solid #3E322D;







}







#sidebar .navlist li a.noborder, #sidebar .navlist li a:hover.noborder {







border-bottom: none;







}







#sidebar .navlist .current_page_item a, #sidebar .navlist .current_page_item a:hover {







background: #443833 url(images/menu_arrow_active.jpg) no-repeat center left;







cursor: default;







color: #877065;







}







/*Copyright*/







#sidebar .copyright {







display: block;







margin: 60px auto 40px auto;







padding: 5px 7px;







width: 220px;







text-align: center;







background-color: #302723;







border: 1px solid black;







color: #877065;







}







#sidebar .copyright p {padding: 0;}







#sidebar .copyright a {color: #FFFF99;}







#sidebar .copyright a:hover {







color: #FFFF99;







border-bottom: 1px dotted #FFFF99;







}







/*feed*/







#sidebar .feed {







background: url(images/rss.jpg) no-repeat left top;







padding-left: 25px;







margin-left: 20px;







height: 20px;







line-height: 20px;







}







/**** Header ****/







#header {



height: 334px;



margin: 0px auto;



background: url(images/header.jpg) no-repeat right top;



}







#acces #header, #equipe-medicale #header, #liens #header, #blog #header, #contact #header {



background: url(images/header-2.jpg) no-repeat right top;



}







/** LOGO */







#logo {



height: 85px;



}







#logo h1 {



display: none;



}







#top {



display: block;



float: left;



clear: right;



width: 960px;



height: 40px;



padding-top: 15px;



color: white;



text-align: right;



}







#top a {color: white;}







#top a:hover {



border-bottom: 1px dotted white;



}







div.logo-link {



text-align: right;



margin-right: 50px;



font-size: 70%;



text-transform: uppercase;



}







/**** Content ****/







#content {







display: block;







float: left;







width: 640px;







text-align: left;







padding: 20px 0 0 30px;







background: url(images/bg-content.png) no-repeat;







margin-right: 0;







margin-bottom: 40px;







margin-left: 0;







}







#content ul li {list-style: url(images/bullet.jpg);}







#content img {

border: 1px solid #D0C5BF;

padding: 4px;

background-color: #E7E1DE;

Margin: 15px 0;

float: none;

}





#content img.alignleft {

display: block;

float: left;

clear: none;

margin: 5px 10px 0 0;

}



#content img.alignright {

float: right;

margin: 5px 0 0 10px;

}







#content img.noborder {







border: none;







background-color: transparent;







padding: 0;







margin: 10px;







}







#content #intro {







background: #55453E url(images/intro.jpg) no-repeat center;







width: 100%;







height: 176px;







color: white;







}







#content .intro_t {







width: 90%;







margin-left: 40px;







color: white;







}







#content #intro h1 {

margin: 0;

color: white;

font-size: 36px;

border: none;







padding: 35px 0 0 0;







}







#content #intro h1 span {color: black; font-size: 24px;}







#content #intro h1 .editsection {







font-size: 12px;







margin-left: 15px;







color: white;







}







#content #intro h2 {







margin: 0;







padding: 0 0 15px 0;







color: black;







font-size: 18px;







}







#content #intro p {padding: 0;}







/*links*/







#content #intro a, #introduction a {color: #FFFF99;}







#content #intro a:hover, #introduction a:hover {







color: #FFFF99;







border-bottom: 1px dotted #FFFF99;







}







/* Navigation Next and Previous Post */







#content .navigation {







display: block;







clear: both;







margin: 0 20px;







margin-top: 10px;







padding: 3px 10px;







}







/* Navigation Next and Previous Page */







#content .browse{







display: block;







clear: both;







margin: 10px 20px 20px;







padding: 3px 10px;







text-align: center;







}







/* Calendar */







#content .calendar {







Float: left;







clear: left;







background: url(images/calendar.jpg) no-repeat left top;







width: 50px;







height: 55px;







margin-top: 20px;







}







#content .calendar .month {







display: block;







clear: both;







text-align: center;







font-size: 14px;







color: white;







font-weight: bold;







margin-bottom: 0;







}







#content .calendar .date {







display: block;







clear: left;







text-align: center;







font-size: 30px;







color: #393939;







font-weight: bold;







margin-bottom: 0;







line-height: 1px;







}







/* main content */







#content .post {







display: block;







float: left;







width: 550px;







margin: 0 0 40px;







padding: 0 15px;







}







#content .post .author {







font-size: 75%;







display: block;







height: 15px;







line-height: 15px;







clear: both;







margin-bottom: 15px;







background: url(images/author.jpg) no-repeat left top;







padding-left: 25px;







}







/* the links at the bottom of each posts */







#content .post .links {







display: block;







width: 95%;







height: 25px;







background-color: #FAFAFA;







border-top: #E2DBD8 1px dotted;







border-bottom: #E2DBD8 1px dotted;







color: #444444;







padding: 3px 10px;







line-height: 25px;







font-size: 85%;







}







#content .post .links a {







text-decoration: none;







color: #666666;







}







#content .post .links a:hover {







color: #666666;







border-bottom: dotted 1px #666666;







}







#content .post .links .comment {







display: block;







float: left;







background: url(images/comment.jpg) no-repeat left center;







padding-left: 20px;







margin-right: 45px;







}







#content .post .links .feed {







display: block;







float: left;







background: url(images/feed.jpg) no-repeat left center;







padding-left: 20px;







margin-right: 45px;







}







#content .post .links .cat {







display: block;







float: left;







background: url(images/categories.jpg) no-repeat left center;







padding-left: 20px;







}







/* Comments Template */







#comments-template{







display: block;







clear: both;







margin: 0px 25px;







}







#comments-template p{line-height: 24px;}







#comments-template p.nocomments{padding: 0 15px;}







#comments-template h2, #comments-template h3{







display: block;







clear: both;







margin-top: 35px;







margin-bottom: 10px;







padding-bottom: 3px;







letter-spacing: -1px;







font: 2em Georgia, "Times New Roman", Times, serif;







color: #443833;







font-size: 140%;







border-bottom: 1px dotted #877065;







}







h3 #comments, h3 #respond{padding: 0 0 0 15px;}







h3 #respond{padding: 30px 0 0 15px;}







#comments-template #commentlist {







display: block;







clear: both;







border: 1px solid #E2DBD8;







background: #F5F4F3 url(images/comment_bg.jpg) repeat-y left top;







margin: 15px 0;







padding: 0;







}







#comments-template #commentlist .commentmetadata {







display: block;







float: left;







clear: left;







width: 118px;







background: url(images/comment_arrow.jpg) no-repeat right 20px;







padding: 5px 10px;







font-size: 11px;







}







#comments-template #commentlist .commenttext {







display: block;







float: left;







clear: right;







width: 420px;







padding: 5px 10px 5px 25px;







}







/* alternate comments */







#comments-template #commentlist.alt {







display: block;







clear: both;







border: 1px solid #E2DBD8;







background: #FAFAFA url(images/comment_bg_alt.jpg) repeat-y left top;







margin: 15px 0;







padding: 0;







}







#comments-template #commentlist.alt .commentmetadata {







display: block;







float: left;







clear: left;







width: 118px;







background: url(images/comment_arrow_alt.jpg) no-repeat right 20px;







padding: 5px 10px;







font-size: 11px;







}







#comments-template #commentlist.alt .commenttext {







display: block;







float: left;







clear: right;







width: 420px;







padding: 5px 10px 5px 25px;







}







/* End Comments Template */







/* wp-calendar */







#wp-calendar {







empty-cells: show;







font-size: 14px;







margin: 0;







width: 85%;







margin-left: 15px;







color: #302723;







}







#wp-calendar #next a {







padding-right: 10px;







text-align: right;







}







#wp-calendar #prev a {







padding-left: 10px;







text-align: left;







}







#wp-calendar a {







display: block;







text-decoration: none;







color: #FFFF99;







}







#wp-calendar a:hover {







background: #433732;







color: #FFFF99;







border-bottom: none;







}







#wp-calendar caption {







color: black;







font-size: 16px;







text-align: right;







margin-left: 15px;







}







#wp-calendar td {







color: black;







background: transparent;







font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;







letter-spacing: normal;







padding: 2px 0;







text-align: center;







}







#wp-calendar td.pad:hover {background: #433732;}







#wp-calendar td:hover, #wp-calendar #today {







background: #433732;







border: none;







color: #FFFF99;







border: none;







}







#wp-calendar th {







font-style: normal;







text-transform: capitalize;







}







/***** Footer *****/







#footer {







display: block;







float: left;







clear: both;







width: 100%;







height: 60px;







font-size: 75%;







color: silver;







}







#footer .contentfoot {

display: block;

height: 30px;

padding: 15px 0 5px;

}



#footer a {color: white;}



#footer a:hover {border-bottom: 1px dotted #866B62;}



#footer .backtotop {

background: url(images/backtotop.jpg) no-repeat left top;

float: right;

clear: right;

width: 30px;

height: 30px;

margin-right: 10px;

cursor: pointer;

}



div.none {

	display: none;

}



.errormsg {

display: block;

width: 90%;

color: #FFFFFF;

font-weight: bold;

background: #FF9D9D url(images/stop.gif) no-repeat 10px center;

padding: 3px 10px 3px 40px;

margin: 10px 0;

border-top: 2px solid #FF0000;

border-bottom: 2px solid #FF0000;

}









/*Search input*/



input.search {

background: url(images/search.jpg) no-repeat;

border: none;

width: 220px;

height: 25px;

padding-left: 35px;

padding-top: 5px;

color: black;



}







/* ================================================================ 







This copyright notice must be untouched at all times.







The original version of this stylesheet and the associated (x)html







is available at http://www.cssplay.co.uk/menus/drop_examples.html







Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.







This stylesheet and the assocaited (x)html may be modified in any 







way to fit your requirements.







=================================================================== */







/* commom style for all browsers */







div#menu.bg1 {



margin-top: 20px;



margin-left: 5px;

	padding-left: 50px;

}







.menu5 {



text-align:left;  position:relative; font-size:0.9em;height:2.5em; margin: 0; padding:0; list-style-type:none;



}







.menu5 ul {



padding:0; margin:0; list-style-type:none; /* for Firefox */



}







.menu5 li {



float:left; position:relative;



}







.menu5 li a, .menu5 li a:visited {



display:block; text-decoration:none; width:6em; color: white; float:left; padding-right:1em; height:3em; line-height:3em; 



}







* html .menu5 li a, .menu5 li a:visited {



width:8em; w\idth:6em; /* hack for IE5.5 */



}







.menu5 li ul {



visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;



}







.menu5 table {



margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */



}







/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */



.menu5 li:hover a,



.menu5 li a:hover {



text-decoration:underline; border:0;



}







.menu5 li:hover ul,



.menu5 li a:hover ul {



visibility:visible; height:auto; width:15em; background:#fff; border:1px solid #ddd; left:0; top:2.5em; overflow:visible;



}







.menu5 li:hover ul li a,



.menu5 li a:hover ul li a {



display:block; font-weight: normal; background:transparent; text-decoration:none; height:auto; padding: 0.3em; width:14em;



color: purple;



line-height: 1.2em;



}







* html .menu5 li a:hover ul li a {



width:16em; w\idth:15em; /* hack for IE5.5 */



}







.menu5 li:hover ul li a.drop,



.menu5 li a:hover ul li a.drop {



font-weight:bold;



}







.menu5 li:hover ul li ul,



.menu5 li a:hover ul li a ul {



visibility:hidden; position:absolute; top:0; left:15.5em; height:0; overflow:hidden;



}







.menu5 li:hover ul li a:hover,



.menu5 li a:hover ul li a:hover {



text-decoration:underline;



}







.menu5 li:hover ul li:hover ul,



.menu5 li a:hover ul li a:hover ul {



visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:15.5em;



} 







.menu5 li:hover ul li:hover ul.left,



.menu5 li a:hover ul li a:hover ul.left {



left:-15.3em;



}







.menu5 li:hover ul li:hover ul li a,



.menu5 li a:hover ul li a:hover ul li a {



display:block; height:auto;



}







.menu5 li:hover ul li:hover ul li:hover a,



.menu5 li a:hover ul li a:hover ul li a:hover {



text-decoration:underline;



}







#menu ul.menu5 li.home {



width:4.5em;



}







#menu ul.menu5 li.medecine {



width:10.5em;



}







#menu ul.menu5 li.anti-age {



width:9.5em;



}







#acces .menu5 li a, #acces .menu5 li a:visited, #equipe-medicale .menu5 li a, #equipe-medicale .menu5 li a:visited, #liens .menu5 li a, #liens .menu5 li a:visited, #blog .menu5 li a, #blog .menu5 li a:visited, #contact .menu5 li a, #contact .menu5 li a:visited  {

color: #7c1953; 

}







/*mise en forme*/







#content ul.list, #content ul.checklist, ul.arrow { list-style-type: none; list-style-image: none; list-style-position: outside;



	padding-left: 10px;



}







#content ul.list li, #sidebar ul ul li { background: transparent url('images/carre-violet.gif') no-repeat scroll 8px 9px; padding-left: 20px; line-height: 180%; list-style: none; }







#content ul.checklist li { padding: 0pt 0pt 5px 30px; background: transparent url('images/checklist.gif') no-repeat scroll 3px 1px; margin-left: 10px; list-style: none; }







#content ul.arrow li { padding: 0px 0pt 5px 30px; background: transparent url('images/list-arrow.gif') no-repeat scroll 4px 1px; margin-left: 0; list-style: none; }







.dropcap { padding: 4px 8px 0pt 0pt; float: left; display: block; color: rgb(158, 32, 106); font-family: Georgia,Times,serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 50px; line-height: 40px; font-size-adjust: none; font-stretch: normal; }







blockquote { margin: 10px 0px; padding: 10px 35px; background: transparent url('images/blockquote_start.png') no-repeat; text-align: justify;



	font: italic 110% "Times New Roman", Times, serif;



}







h3.legend-title { padding: 0pt 3px 0; float: left; display: block; background-color: rgb(255, 255, 255); font-weight: normal; position: absolute; top: -12px; left: 7px;



	margin-right: 0pt;



	margin-top: 0pt;



	margin-left: 0pt;



	font-style: normal;



	color: rgb(158, 32, 106);



}







blockquote.legend { border: 1px solid rgb(158, 32, 106); margin: 20px 0pt; padding: 10pt 10px 0pt; background-color: rgb(255, 255, 255); position: relative;



	background-image: none;



	font: normal 90% "Trebuchet MS", Arial, sans-serif;



}



/* slideshow */







#slide-images{

    position:relative;

    display:block;

    margin:0px;

    padding:0px;

    width:400px;

    height:300px;

    overflow:hidden;

}



#content #slide-images li{

    position:absolute;

    display:block;

    list-style-type:none;

    margin:0px;

    padding:0px;

    background-color:#FFFFFF;

}



#content #slide-images li img{

    display:block;

    background-color:#FFFFFF;

	border-style: none;

}



/* image link */



.imageOver{

	background:url(images/zoom.gif) no-repeat 50% 50%;	

	filter:alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;	

}