/* ***** 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 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	color: #0077d4;
	text-align:left;
	scrollbar-face-color: #0077d4;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #fff;
	padding:0;
	margin:0;
	}

.titre_post {
	font-size: 1.5em;
	line-height:1.5em;
	margin-top:0px;
	padding-top:0px;
	}
.aligner{
	line-height:1.5em;
	margin-top:0px;
	padding-top:0px;
	}
.orange {color: #FF8040}
.bleu {color: #0080FF}
.rose {color: #FF0080}
.vert {color: #008000}
.rouge {color: #FF0000}
	
h1{font-size: 1.4em;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;
line-height:1.2em;}
h5{font-size: 1em;}
h6{font-size: 0.9em;}

fieldset{
	border: none;
}

label{
	cursor: pointer;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a {
	color: #0077d4;
	text-decoration:underline;
	}
a:hover {
	color: #0077d4;
	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:20px;
	width:980px;
	height:593px;
	padding:0;
	margin:0;
	overflow:visible;
	}
/*les boites*/
#menu_vertical {
	position:absolute;
	top:215px;
	left:15px;
	width:190px;
	text-align:left;
	line-height:16px;
	padding: 0;
	}
#menu_vertical, a {
	text-decoration:none;
	padding: 0;
	}
	
dl, dt {
	line-height:20px;
	font-size:0.9em;
	margin:8px 0 8px 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:url(img/grdt_groupe.jpg) repeat-y;}  
dl#menu2 dt{background:url(img/grdt_lagel.jpg) repeat-y;}
dl#menu3 dt{background:url(img/grdt_gsf.jpg) repeat-y;}
dl#menu4 dt{background:url(img/grdt_gelpoisson.jpg) repeat-y;}
dl#menu5 dt{background:url(img/grdt_collagene.jpg) repeat-y;}
dl#menu6 dt{background:url(img/grdt_mixes.jpg) repeat-y;}
dl#menu7 dt{background:url(img/grdt_groupe.jpg) repeat-y;}


#contenu {
	position:absolute;	
	top:215px;
	left:235px;
	width:480px;
	padding:0;
	text-align:justify;
	font-size:0.95em;
	line-height:1.5;
	z-index:5;
	}
#contenu a, #contenu a:visited{
	color: #bfe18d;
	text-decoration:none;
	font-weight:bold;
	}
	

#contenu a:hover{
	text-decoration:none;
	background-color:#bfe18d;
	color: #0077d4;
}

#rubrique {
	position:absolute;
	top:230px;
	left:730px;
/*	float:right;
	margin: 230px 0 0 0;*/
	width:229px;
	border:0;
	font-size:0.9em;
	color:#585858;
	z-index:5;
	text-align: justify;
	padding:0;
	}
#rubrique-top {
	float:right;
	background: url(rubrique/images/rubrique_01.gif) no-repeat;
	width:229px;
	height:30px;
	padding:0;
	margin:0;
	}
#rubrique-content {
	float:right;
	background: url(rubrique/images/rubrique_02.gif) repeat-y;
	padding:0 9px 0 15px;
	width:205px;
	margin:0px;
	}
#rubrique-bottom {
	float:right;
	background: url(rubrique/images/rubrique_03.gif) no-repeat;
	width:229px;
	height:25px;
	padding:0;
	margin:0;
	}

#rubrique a{
	text-decoration:underline;
}
#rubrique li {
	list-style-image : url(img/puce_rbrq.jpg);
	}


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



/* L'entte
-------------------------------------------------------- */
#top{
	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;
	color: #FFFFFF;
}

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

/* Le contenu
-------------------------------------------------------- */
.search-title{
	font-size:1.2em;
	}

.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:0.7em;
	font-style:italic;
	}
.orgagras {
	font-size:0.7em;
	font-weight: bold;
	}
.orgatitre {
	color: #800000;
	font-size:0.7em;
	font-weight: bold;
	}


/* Le pied de page
-------------------------------------------------------- */
.footer, a.footer, a.footer:hover, a.footer:visited{
	margin:30px 0 0 18px;
	padding: 0;
	clear:both;
	color: #666;
	font-size:0.8em;
}