/* ***** 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
 */

/* Ce fichier dfinit le style visuel pour les diffrents lments du blog.
 * Dans l'ordre, vous trouverez les rgles qui dfinissent l'apparence pour:
 * - les lments HTML en gnral
 * - la page
 * - l'entte
 * - le prlude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est dfini dans le fichier layout.css
 * Pour mettre la barre de navigation  gauche, dcommentez l'appel  
 * layout-gauche.css
 */

/* @import "layout-gauche.css"; */
 
/* Les lments HTML en gnral
-------------------------------------------------------- */
body {
	windows:5;
	orphans:5;
	size:landscape;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: transparent;
	color: #000000;
	margin: 0;
	text-align:left;
	padding:0;
	font-size:11pt;
	}

.titre_post {
	font-size: 14pt;
	}
	
h1{font-size: 14pt;}
h2{font-size: 13ptm;}
h3{font-size: 12pt;}
h4{font-size: 11pt;
line-height:1.2em;}
h5{font-size: 10pt;}
h6{font-size: 9pt;}

a {
	text-decoration:underline;
	}
.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */

/* le contenant*/
#fond {
	position:relative;
	left:0px;
	top:0px;
	padding:1px;
	overflow:visible;
	}
/*les boites*/
#menu_vertical {
	display:none;
	float:left;
	margin:215px 0 0 15px;
	width:190px;
	text-align:left;
	line-height:16px;
	padding: 0;
	}
#menu_vertical, a {
	display:none;
	text-decoration:none;
	margin:215px 0 0 15px;
	padding: 0;
	}
	
dl, dt {
	font-size:0.9em;
	margin:8px;
	padding:0px;
	}
ul, li {
	font-size:0.9em;
	margin-left:10px;
	padding:0px;
	list-style-image :url(img/puce.jpg);
	border:0;
	}
dd { 	
	background:none;
	margin: 0;
	padding: 0;
	}

dl#menu1 dt{background-image:url(img/grdt_groupe.jpg);}
dl#menu2 dt{background-image:url(img/grdt_lagel.jpg);}
dl#menu3 dt{background-image:url(img/grdt_gsf.jpg);}
dl#menu4 dt{background-image:url(img/grdt_gelpoisson.jpg);}
dl#menu5 dt{background-image:url(img/grdt_collagene.jpg);}
dl#menu6 dt{background-image:url(img/grdt_mixes.jpg);}
dl#menu7 dt{background-image:url(img/grdt_groupe.jpg);}


#contenu {
	float:left;
	margin-left:10px;
	margin-top:20px; 
	width:490px;
	padding:5px;
	text-align:justify;
	}

#rubrique {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:230px;
	text-align:justify;
	}
#rubrique a{
	text-decoration:underline;
}
#rubrique li {
	list-style-image : url(img/puce_rbrq.jpg);
	}


#titre {
	margin-left:10px;
	margin-top:10px; 
	padding:0px;
	}	
#boite_logo {
	display:none;
	position:absolute; 
	left:23px; 
	top:10px; 
	width:150px; 
	height:150px; 
	z-index:25;	
	}
#search {
	display:none;
	position:absolute;
	left:740px;
	top:125px;
	width:200px;
	padding:0px;
	overflow:visible;
	border:0;
	z-index:5;
	}	



/* L'entte
-------------------------------------------------------- */
#top{
	display:none;
	height: 120px;
	/*padding-top: 20px;*/
	background: #FFF url(img/img/top.png) no-repeat left top;
}

#top h1{
	height: 80px;
	line-height: 80px;
	margin: 0 0 0 40px;
	padding-top: 20px;
}

#top h1 a{
	text-decoration: none;
}

/* Le contenu
-------------------------------------------------------- */
.search-title{
	font-size:12pt;
	}

.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 a{
	color: #0077d4;
	background: transparent;
	text-decoration:underline;
}


.post-content{
	text-align: justify;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}
.petit {
	font-style:italic;
	font-size:0.85em;
	line-height:16px;
	}
.petit a{
	text-decoration:underline;
	}
.orga{
	font-size:8pt;
	font-style:italic;
	}
.orgagras {
	font-size:8pt;
	font-weight: bold;
	}
.orgatitre {
	color: #800000;
	font-size:0.7em;
	font-weight: bold;
	}


/* Le pied de page
-------------------------------------------------------- */
#footer, #footer a{
	position:relative;
	margin: 30px 0 0 0;
	padding: 0;
	clear:both;
	color: #666;
	font-size:10pt;
}