/* ***** BEGIN LICENSE BLOCK *****

 * This file is part of DotClear.

 * Copyright (c) 2004 Maurice Svay and contributors. All rights

 * reserved.

 *

 * DotClear is free software; you can redistribute it and/or modify

 * it under the terms of the GNU General Public License as published by

 * the Free Software Foundation; either version 2 of the License, or

 * (at your option) any later version.

 * 

 * DotClear is distributed in the hope that it will be useful,

 * but WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

 * GNU General Public License for more details.

 * 

 * You should have received a copy of the GNU General Public License

 * along with DotClear; if not, write to the Free Software

 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

 *

 * ***** END LICENSE BLOCK *****

 *

 * Contributor(s):

 *  Maurice Svay

 */

 

 /* Modification / éVOLUTION pERSONNALISATION vULGARIS-MEDICAL

 * Franck BRET - nematis.com

 *

 * Luc ALBERT - nematis.com - 02/03/2007

 */

 



/* Ce fichier définit le style visuel pour les différents éléments du blog.

 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:

 * - les éléments HTML en général

 * - la page

 * - l'entête

 * - le prélude

 * - le contenu

 * - la barre de navigation

 * - le pied de page

 *

 * L'agengement des blocs est défini dans le fichier layout.css

 * Pour mettre la barre de navigation à gauche, décommentez l'appel à 

 * layout-gauche.css

 */



@import "layout.css";

/* @import "layout-gauche.css"; */

 

/* Les éléments HTML en général

-------------------------------------------------------- */

body{

	color:#000;

	background-color:#fff;

	font-size: 80%;

	line-height: 1.6em;

	font-family: Arial,Verdana,Helvetica,sans-serif;

	/*border-top: 10px solid #000;*/

}



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

	font-family: Arial,Verdana,Helvetica,sans-serif;

}



h1{font-size: 1.5em;}

h2{font-size: 1.4em;}

h3{font-size: 1.3em;}

h4{font-size: 1.2em;}

h5{font-size: 1.1em;}

h6{font-size: 1em;}



pre, code{

	font-size: 1.2em;

}



pre{

	width: 100%;

	overflow: auto;

	border: 1px solid #CCC;

}



fieldset{

	border: none;

}



label{

	cursor: pointer;

	cursor: hand;

}



.field label{

	display: block;

}



input,textarea{

	border: 1px solid #999;

}



textarea{

	width: 100%;

	font-size: 1em;

	font-family: Arial,Verdana,Helvetica,sans-serif;

}



a{

	color:#fd5555;

	text-decoration:none;

}



a:visited{

	text-decoration:underline;

}



a:hover{

	text-decoration:underline;

}



a img

{

	border:none;	

}



.left{

	float: left;

	margin-right: 1em;

}



.right{

	float: right;

	margin-left: 1em;

}



/* Le conteneur global : #page + colonne pub droite

-------------------------------------------------------- */

#container{

	width:1000px;

	margin:auto;

	text-align:left;

}

/* La page

-------------------------------------------------------- */

#page{

	background: #fff url(img/page.png) repeat-y center top;

	color: inherit;

	margin-top:-10px;

}

 

/* L'entête

-------------------------------------------------------- */

#top{

	height: 120px;

	/*padding-top: 20px;*/

	background: #FFF url(img/top.png) no-repeat left top;

}



#top h1{

	height: 80px;

	line-height: 80px;

	margin: 0 0 0 40px;

	padding-top: 20px;

	color: #FFFFFF;

	width:383px;

	float:left;

	display:inline;

}



#top h1 a{

	text-decoration: none;

	color: #FFFFFF;

	/* Modif L.A. */

	display:block;

	width:383px;

	height:107px;

	margin-left:-30px;

	margin-top:-8px;

}

#top h1 span{

position:absolute;

margin-top:-2000px;

}



/* Le prélude

-------------------------------------------------------- */ 

#prelude{

	background: transparent;

	color: #DFDFDF;

	text-align: center;

}



#prelude a{

	color: #DFDFDF;

	background: transparent;

}



#prelude a:hover{

	color: #666;

	background: transparent;

}



/* Le contenu

-------------------------------------------------------- */

.day-date{

	padding-left: 20px;

	/*margin-left: -25px;*/

	color: #888;

	background: transparent url(img/day-date.png) no-repeat left center;

	font-style: italic;

}



.post-title{

	color: #fd5555;

	background: transparent;

	margin-bottom: 0;

}



.post-title a{

	color: #44ad98;

	background: transparent;

	text-decoration: none;

}



.post-info{

	margin-top: 0;

	color: #44ad98;

	background: transparent;

	padding-bottom: 1ex;

	/*border-bottom: 1px solid #FC0;*/

}



.post-info a{

	color: #44ad98;

	background: transparent;

	text-decoration: none;

}



.post-content{

	text-align: center;

	color:#333;

}



.post-content blockquote{

	font-family: Georgia, serif;

	font-style: italic;

}



.post-info-co{

	text-align: right;

}



#trackbacks blockquote, #comments blockquote{

	border: 1px solid #EEE;

	margin: 1em 0;

	padding: 1ex 1em;

	color:#ff0000;

	background-color:#ffeeee;

}



/* PUBS GOOGLE */

#pub_horiz

{

	overflow:hidden;

}

/* La barre de navigation

-------------------------------------------------------- */

#sidebar div{

	border-bottom: 1px solid #afe3d8;

	color: inherit;

}

#sidebar div._gam{padding-left:20px;padding-right:0}



#sidebar div ul{

	margin: 0;

	padding: 0;

	/*list-style: none;*/

	/*color:#fd5555; /* rouge */

	padding-left:19px;

	/*background-color:#fedddd; /* rouge clair */

}

#sidebar div ul li{

	/*padding-left:19px;*/

	/*background-image:url(images/puce_rouge.gif);

	background-position:10px 9px;*/

	list-style-image:url(img/puce_rouge.gif);

	background-repeat:no-repeat;

}



#sidebar h2, #sidebar h3{

	color: #44ad98;

	margin: 0 0 1ex 0;

}



#sidebar h3{

	font-size: 1em;

	margin: 0;

}



#sidebar div#search{

	background: transparent;

	color: inherit;

	line-height: 2.3em;

}



#search fieldset, #search p{

	margin: 0;

	padding: 0;

}



#q{

	padding-left: 18px;

	background: #fff url(img/q.png) no-repeat 4px 4px;

}



#sidebar div#calendar{

	/*border-top: 1px solid #F0F0F0;*/

}



#sidebar div#calendar table{

	font-size: 0.8em;

	text-align: center;

	margin: 0 auto;

	border-collapse: collapse;

}



#sidebar div#calendar table caption{

	margin: 0 auto;

}



#sidebar div#calendar table th{

	color: #44ad98;

	background: transparent;

}



#sidebar div#calendar table td{

	width: 14%;

	line-height: 2em;

	border: 1px solid #EEE;

}



#sidebar div#calendar table td a{

	display: block;

	background: #fedddd;

	color: #44ad98;

	font-weight: bold;

	text-decoration: none;

}



#sidebar div#calendar table td a:hover{

	background: #fedddd;

	color: #fd5555;

}



#sidebar #syndicate li{

	list-style-image:none;

	list-style-type:none;

}

/* Tags cloud

------------------------------------------ */

#nuageMotsCles{line-height:normal;}



#tagcloud ul {

	margin:0;

	/*padding:0 1em;*/

	display:block;

}





#tagcloud li {

	display:inline;

	/*margin: 0 .1em;*/

	padding: 0;

	background-image: none;

}



#tagcloud li.level-1 { font-size: 0.7em; }

#tagcloud li.level-2 { font-size: 0.8em; }

#tagcloud li.level-3 { font-size: 0.9em; }

#tagcloud li.level-4 { font-size: 1em; }

#tagcloud li.level-5 { font-size: 1.1em; }

 

#tags {

	text-align: right;

}

/* formulaire 

-------------------------------------------------------- */

#comment-form{

	/*background-color:#c0e9e0;*/

	background-color:#C3EBE3;	/*couleur de la bordure de #page */

	border:1px solid #ccc;

	margin-bottom:12px;

}

/* Le pied de page

-------------------------------------------------------- */

#footer{

	margin:0 11px 0 10px;

	padding: 1em;

	border-top: 1px solid #ccc;

	border-bottom:1px solid #C3EBE3;

	background: #EEE;

	color: #44ad98;

}



#footer a{

	color: #44ad98;

}



#footer a img{

	border:none;

	vertical-align:middle;

}



.clr{

	clear:both;

	height:0%;

	font-size:0%;

}



/* admanger */

._gam{text-align:center;}

._gam-theme-top{float:left;display:inline;width:200px;height:90px;margin-left:140px;margin-top:20px;}