/* @override http://www.les-alpages.fr/dotclear//themes/alpages_01.5/style.css */

/* ***** 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 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{
	background: url(img/wood_background.jpg) repeat center top ;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 0.8em;
	color: #321500;
	line-height: 1.3em;
	text-align:justify;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", 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;}

fieldset{
	border: none;
}

label{
	cursor: pointer;
}

.field label{
	display: block;
}

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

img {
	border:none;
	margin:0px;
	}

img a{
	border:none;
	margin:0px;
	}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	border:none;
	color: #c97800;
	text-decoration:none;
}

a:visited{
	color: #666964;
}

a:hover{
	color: #f59209;
	text-decoration:underline;
}

/* My Comment */



/* La page
-------------------------------------------------------- */
#page{}

#main{margin: 0 0 20px 0;}
 
/* L'entýte
-------------------------------------------------------- */
#top {
	background: url(img/alpages_header.png) top center no-repeat;
	}

#top a{
	text-indent: -5000px;
	height: 300px;
	margin:0;
	padding:0;
	display: block;
}

#alpages a{
display:block;
text-indent:-5000px;
height:175px;
width:100%;}

/* Le contenu
-------------------------------------------------------- */
#bienvenue{
	background:  url(img/alpages_bienvenue.png) top left no-repeat;

	text-align:right;
	line-height:1.3em;
	padding-top: 110px;
}

.submit, .preview {
	text-align:center;
	font-family:"Trebuchet MS", Verdana;
	text-transform:uppercase;
	font-weight:bold;
	font-style:normal;
	font-size:0.8em;
	color:#FFFFFF;
	background:#DB902F;
	width:100px;
	border:none;
	}
	
.submit:hover, .preview:hover {
	background:#993300;
	}

.post-title, .post h2{
	margin-top:3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	line-height:1.2em;
	margin-bottom: 0;
	color: #a44917;
}

.post-title a{
	font-size:1.0em;
	text-decoration: none;
	color: #a44917;
}

.post-title a:visited{
	color:#993300;
}

.post-info{
	margin-top: 0;
	color: #a4988f;
	padding-bottom: 1ex;
	font-size: 0.8em;
	font-weight: bold;
	/*border-bottom: 1px solid #FC0;*/
}

.post-info a{
	color: #E68A00;
	text-decoration: none;
}

.post-content{
	margin-top: 2em;
	line-height: 1.4em;
}

.post-content a{
	font-weight: bold;
}

.post-content h5{
      font-size:0.9em;
      line-height:1.2em;
}

.post-content h4{
      text-transform:uppercase;
      font-size:0.9em;
      line-height:1.2em;
}

.post-content select{
	line-height:1.2em;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
	font-size:0.9em;
}

.post-info-co{
	text-align: right;
}

#trackbacks {display:none;}

#trackbacks blockquote {
	border: 1px solid #EEE;
	margin: 1em 0;
	padding: 1ex 1em;
}

#comments-list {
	background:url(img/background_comment-list) repeat;
	padding: 10px;
	margin: 0 0 20px 0;
	}
	
#comments-add{
	background:url(img/background_comment-add) repeat;
	padding: 10px 20px 10px 10px;
	}

#comments-list h3, #comments-add h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	font-style:italic;
	font-weight:bold;
	padding:0 0 0 10px;
	color:#D07A06;
	}

#comment-form .field label {

	font-family:"Trebuchet MS",Arial, Sans-serif;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	color:#D07A06;
	}
	
.comment-info{
	color:#000;
	font-family:"Trebuchet MS",Arial, Sans-serif;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 0 10px;
	}

#comments-add .field input {
	color:#000;
	font-family:"Trebuchet MS",Arial, Sans-serif;
	font-size:0.8em;
	text-transform:uppercase;
	padding:0 0 0 5px;
	background: #FBF2E3;
	border:none;
}

#comments-add .field textarea{
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #FBF2E3;
	font-size:1em;
	border:none;
	padding: 5px;
	width:100%;
}

#comments-add .field input {
	width:300px;
	}

#comments-add fieldset label {
	color:#000;
	font-family:"Trebuchet MS",Arial, Sans-serif;
	font-size:0.8em;
	text-transform:uppercase;
	margin:0;
	}
	
.form-help {
	color:#000;
	font-size:0.8em;
	padding:0 0 0 10px;
	font-style:italic;
	margin:0;
}	


/* La barre de navigation
-------------------------------------------------------- */
#navconsole ul{
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
}
	
#navconsole img{
	margin:0;
}

#navconsole a img{
	border:none;
}

#navconsole a {
	font-weight:bold;
	font-style:normal;
	font-size:1.0em;
}

search {
	text-align: right;
}

#search fieldset{
	margin: 0;
	padding: 0;
	
}

#search p {
	margin: 0 0 3px 0;
	font-size:0.8em;
	padding: 0;
}

#q{
    width:120px;
	border: none;
	padding-left: 3px;
        border:#000 solid 1px;
	vertical-align: middle;
	color: #000;
}

#q_rech{

	border: none;
	vertical-align: middle;
	color: #FFFFFF;
}

.pagenav {
        font-size:0.8em;
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma;
	text-align:left;
        text-transform:uppercase;
}

p.pagenav a {
}

p.pagenav a:hover {
}

p.pagenav strong {
}

.arrowpagenav {
}

.me {
	border:1px solid #FFF;
}
	
/* Le pied de page
-------------------------------------------------------- */
#footer{
	text-align: center;
	font-family:"Trebuchet MS", Verdana;
	font-size:0.7em;
	font-weight:bold;
	text-transform:uppercase;
}

#page.simpleviewer{
	width: 880px;
	height: 100%;
	margin: 0 auto;
}

#top.simpleviewer{
	background: url(img/alpages_header_simpleviewer.png) no-repeat top center;
	}

#simpleviewer{
	height: 500px;
	width: 880px;
}

.simpleviewer object{
	height: 100%;
	}

/* 
Style général du menu 
*/
#alpagestitres {
    margin: 0;
    padding: 0;
	line-height:0;
}
#alpagestitres ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#alpagestitres ul li {
margin:0;
padding:0
}

/* 
Style global des liens 
*/
#alpagestitres ul li a#caseus,
#alpagestitres ul li a#mof {
    display: block;
    width: 350px;
	height:130px;
	margin:0;
	padding:0;
}

/* 
Style particulier pour le background des liens 
avec pour chacun : l'état inactif et actif 
*/

#alpagestitres ul li a#caseus {
    background: url(img/alpages2_titre_caseus_award.gif) 0 0 no-repeat;
	text-indent:-5000px;
}
#alpagestitres ul li a#caseus:hover {
    background: url(img/alpages2_titre_caseus_award_hover.gif) 0 0 no-repeat;
}

#alpagestitres ul li a#mof {
    background: url(img/alpages2_titre_mof.gif) 0 0 no-repeat;
	text-indent:-5000px;
}

#alpagestitres ul li a#mof:hover {
    background: url(img/alpages2_titre_mof_hover.gif) 0 0 no-repeat;
}

.pagenav{
	margin:0;
	padding:0}