/*************** Kiwii Development - ajouté par Marc (4/02/09) ***************/

html { margin: 0px; padding: 0px; overflow-x:hidden; }

body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font: 12px "Trebuchet MS", Optima, Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	background-color: #2C2C2C;
}	
h2, h3 { font-size: 1em; font-weight: bold; color: #036; }
p { line-height: 17px; }
strong { color: #000; }

a:link{ text-decoration: none; color: #006699; }
a:visited { text-decoration: none; color: #006699; }
a:hover { color: #000; text-decoration: underline; }
a:active { text-decoration: none; color: #006699; }

hr.clear { clear: both; visibility: hidden; margin: 0; }

a img { border: none; }

#enveloppe { margin: 0; padding: 10px 0 20px 10px; clear: both;  background: #E5E5E5 url(img/bg_body.jpg) repeat-y; }
#col1 { float: left; width: 150px; margin-right: 10px; }
#col2 { float: left; width: 531px; margin-bottom: 20px; }
#col3 { float: left; width: 250px; margin-left: 10px; }
#footer { clear: both; height: 100%; position: relative; background-color: #313131; background: #313131 url(img/bg_footer.png) top left repeat-x; padding: 15px 25px; }

#menu { width: 150px; height: 163px; background: transparent url(img/bg_menu.gif) left top no-repeat; padding-top: 15px; font-size: 14px; }
#menu ul.menu { list-style-type: none; margin: 0 5px; padding: 0; }
#menu ul.menu li { line-height: 21px; }
#menu ul.menu li.current { background-color: #FFCCFF;}
#menu ul.menu li.current a { color: #000 }
#menu ul.menu li.current a:hover { color: #000;  background-color: #FFCCFF; }
#menu ul.menu li a { color: white; text-decoration: none; display: block; width: 120px; padding-left: 20px; }
#menu ul.menu li a:hover {  background-color: #666;  color: white; }

#quick-access { margin-bottom: 10px; }
#quick-access h3 { margin: 25px 0 5px 0; padding: 0; font-size: 12px; color: #666; }
#quick-access ul.quick-access { margin: 0; padding: 0; }
#quick-access ul.quick-access li { background: transparent url(img/quick_access_puce.gif) left 3px no-repeat; font-size: 10.5px; line-height: 16px; list-style-type: none; padding-left: 15px; }
#quick-access ul.quick-access li a { color: #333; }
#quick-access ul.quick-access li a:hover { color: #006699; }

#dropdownlist { height: 30px; }
#dropdownlist select { width: 150px; margin: 10px 0 0 0; border: 1px solid #ccc;}

#search { height: 35px; }
#search input[type=text] { height: 14px; padding: 2px; width: 115px; margin: 0; vertical-align: middle; border: 1px solid #ccc; }
#search input[type=image] { height: 20px; vertical-align: middle; }

#search404 { margin-top: 15px; border-top: 1px solid #ccc; padding-top: 15px; }
#search404 input[type=text] { height: 14px; padding: 2px; width: 115px; margin: 0; vertical-align: middle; border: 1px solid #ccc; }
#search404 input[type=image] { height: 20px; vertical-align: middle; }


#photo { float: left; background: transparent url(img/chirurgien_dr_garnier.jpg) left top no-repeat; width: 150px; height: 35px; margin-top: 10px; padding-top: 140px; }
#photo p { text-align: center; }
/* Hacks IE7 et IE6 */
*:first-child+html #photo p { padding-top: 10px; font-size: 16px; }
* html #photo p { padding-top: 10px; font-size: 16px; }

#slogan { background: transparent url(img/slogan.gif) left top no-repeat; width: 150px; height: 124px; }

#links { float: left; width: 150px; }
#links ul { list-style-type: none; padding-left: 0; margin: 0; }
#links ul li { padding-left: 20px;margin-bottom: 5px; line-height: 16px; }
#links ul li#link_sitemap { background: transparent url(img/puce_sitemap.jpg) left top no-repeat; }
#links ul li#link_mentions-legales { background: transparent url(img/puce_mentions-legales.jpg) left top no-repeat; }
#links ul li#link_rss { background: transparent url(img/puce_rss.jpg) left top no-repeat; }
#links ul li a { color: #333; font-size: 12px; }
#links ul li a:hover { text-decoration: none; color: #999; }

#block1, block2 { margin-bottom: 20px; }
#block2 { margin-bottom: 20px; }
#block1top, #block2top  { background: transparent url(img/bg_block_content_top.gif) left top no-repeat; width: 531px; height: 15px; margin: 0; }
#block1top p, #block2top p { margin: 0; padding: 0;}
#block1content { background: #fff; width: 481px; padding: 0 25px 10px 25px; }
#block2content { background: #fff; width: 501px; padding: 0 15px; }

.art-content { font-size: 12px; line-height: 17px; }

#block1content ol.tree { margin: 0 0 15px 0; list-style-type: none; padding: 4px 0 0 0; }
#block1content ol.tree li { display: inline; color: #999; }
#block1content ol.tree li a { color: #999; }
ol.tree li:before { content: ' \00bb  '; }

#block2content {  }
#block2content a img { border: 0; }
#block1bottom, #block2bottom { background: transparent url(img/bg_block_content_bottom.gif) left top no-repeat; width: 531px; height: 14px; }
#block1content h1 { margin: 0; font-size: 24px;  }
#block1content h2 { color: #999; font-size: 22px; margin: 0; }
#block1content p { color: #444; margin: 15px 0 0 0; font-size: 13px;}
#block1content p.modified { margin: 0; }
#block1content p.score { text-align: right;  color: #ccc; }
#block1content p.score strong { color: #666; }
#gestes-chirurgicaux, #gestes-non-chirurgicaux, #chirurgie-homme { float: left; width: 160px; }
#gestes-chirurgicaux, #gestes-non-chirurgicaux { margin-right: 8px; }

#gestes-chirurgicaux ul { list-style-image: url(img/puce-ronde-vert.gif); padding-left: 20px; }
#gestes-non-chirurgicaux ul { list-style-image: url(img/puce-ronde-rouge.gif);  padding-left: 20px; }
#chirurgie-homme ul { list-style-image: url(img/puce-ronde-vert.gif);  padding-left: 20px; }
/* Hacks IE7 et IE6 */
*:first-child+html #block2content ul { padding: 0; margin: 15px 0 15px 20px; } 
* html #block2content ul { padding: 0; margin: 15px 0 15px 20px; }

#block2content ul li a { line-height: 18px; }
#gestes-non-chirurgicaux ul li a {  }
#chirurgie-homme ul li a { }

#block2 h2 { text-align: center; margin-top: 0px; }
.titre-vert { color: #3F8C83; }
.titre-rouge { color: #903; }
.titre-bleu { color: #069; }

#block2 ul.vert li a { color: #3F8C83; }
#block2 ul.rouge li a { color: #903; }
#block2 ul.bleu li a { color:  #069; }
#block2 ul li a:hover { text-decoration: underline; }

#block3 { }
#block3top { background: transparent url(img/col2_bas_bg_top.gif) left top no-repeat; width: 531px; height: 14px; }
#block3content { background-color: #FCEEFF; width: 481px; padding: 5px 25px; }
#block3content p { margin: 15px 0 0 0; }
#block3content a { color: #993366; }
#block3bottom { background: transparent url(img/col2_bas_bg_bottom.gif) left top no-repeat; width: 531px; height: 14px; }


#logo { margin-bottom: 20px; }
#logo p.LogoText { text-align: center; color: #666; margin: 0; font-size: 12px; }

#silhouette { width: 255px; }
#silhouette img { float : left; width: 255px; }
#silhouette a img { border: none; }


#footer #contact { width: 1000px; text-align: center; }
#footer #contact address { text-align: center; color: #fff; }
#footer #contact p { text-align: center; color: #fff; }
#footer #contact p a { color: #666; }

#chapo { margin-top: 20px; font-size: 14px; }
#chapo img { float: left; margin-right: 10px; width: 200px; }

h1.cat-title, h1.art-title { border-bottom: 1px solid #000; padding-bottom: 5px; line-height:  26px; }
#block1content h1.art-title { margin-bottom: 20px; font-size: 22px; }
#vertical_slide { font-size: 12px; line-height: 17px;}
#vertical_slide h2.art-title { margin-bottom: 10px; }

.more { margin-bottom: 0; text-decoration: underline;  }


#GGmap { width:310px; float: left; margin-right: 15px; }
#map { width: 310px; height: 300px; margin-top: 15px; border: 3px solid #ccc; overflow: hidden; }

#adresse { float: left; width: 150px; margin-top: 15px; height: 220px; padding-top: 60px; }
#adresse p { margin-top: 0; display: block; text-align: center; font-size: 14px; font-weight: bold;}
#infos { margin-top: 20px; }
#infos ul li { line-height: 18px; list-style-type: none; padding-left: 25px; }
#infos ul li#metro { background: transparent url(img/icon_metro.jpg) left top no-repeat; }
#infos ul li#pietons { background: transparent url(img/icon_pietons.jpg) left top no-repeat; }
#infos ul li#parking { background: transparent url(img/icon_parking.jpg) left top no-repeat; }

/* MOOTO0LS */
#vertical_slide { }
#main_content a.ensavoirplus { text-decoration: none;}
#main_content a.ensavoirplus:hover { border: 0;  text-decoration: none; }
#main_content a.ensavoirplus:hover img { border: 0;  text-decoration: none; }

#art-pages-list ol { padding: 10px 0; border: 1px solid #ccc; margin: 0; margin-bottom: 10px; color: #666;  }
#art-pages-list ol li { list-style-type: decimal; font-size: 1em; margin-left: 40px; font-weight: bold; line-height: 18px; }
#art-pages-list ol li.current a { text-decoration: none; color: #999; font-weight: lighter; }

.subCat { margin: 15px 0 0 0; width: 480px; }
.subCat ul { }
.subCat ul li { line-height: 18px; }

#sitemap { padding: 0; margin-bottom: 20px;  }
#sitemap h1 { font-weight: 200; text-align: center; margin-bottom: 20px; }
#sitemap h3 { font-size: 1.4em; border-bottom: 1px solid #ccc; padding: 4px 0; margin: 0;}
#sitemap h3 a { color: #333; }
#sitemap li.subcatlism a { color: #9D7C91; font-size: 120%; font-weight: bold; }
#sitemap li { font-size: 1em; color: #9D7C91; }
#sitemap li.nodeco { list-style-type: none; font-size: 12px; }
#sitemap li.nodeco a { color: #069; font-size: 12px; }
#sitemap li.nodeco li { color: #9D7C91; }
#sitemap li.nodeco li li { list-style-type: circle; color: #9D7C91; }
#sitemap li.subcatlism { list-style-type: circle; color: #9D7C91; margin-top: 15px;  }
#sitemap li.subcatlism p { padding: 10px 0 0 0; }
#sitemap p { color: #999; font-style: italic; }

#list_articles { margin-top: 25px; }
#list_articles p { margin-bottom: 20px; }
#list_articles h3 { font-size: 14px; margin: 5px 0; padding-left: 25px; }

#faq { margin-top: 20px; }
.faq-list ol li a { font-size: 12px; }

#block1content h2.art-page-title { font-size: 14px; color: #999; }

/* page search.php */

.nuage a { color: #999; font-size: 1em;}
.nuage a:hover { color: #333; }
p.nuage { text-align: center; }

.resource { padding-bottom: 5px; border-bottom: 1px dotted #ccc; margin-top: 10px; }
#block1content .resource h2 a { font-size: 18px; }