/****** INFOS LICENCE ******
 Copyright (C) 2005 Luc Vauvillier and contributors.
 All rights reserved.

 Ce fichier fais partie du pack Poo-lite V1.0
 Mise à jour du fichier : 2/03/2005

 This program 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.

 This program 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 this program; if not, write to the Free Software
 Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.

 ****** INFOS LICENCE ******/


/* Général
******************************************/
* { padding: 0; margin: 0; border: 0px none; }

body{
        background-image:url(../img/fond.jpg);
        background-attachment: fixed;
	width: 937px;
       	margin-left:auto;
	margin-right: auto;
	text-align: center; font-style:normal;
	font-variant:normal;
	font-weight:normal;
        font-size: 0.8em;
        font-family:Tahoma, sans-serif;
        color:#31597B;
}




/* Liens
******************************************/
a:link{color:#31597B; background:transparent;}
a:visited{color:#31597B; background:transparent;}
a:hover{color:#31597B; background:transparent;}
a img {border:none; text-decoration: none;}

/* Titres
******************************************/
h1, h2, h3, h4, h5{font-family: "Trebuchet MS", sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a{text-decoration: none;}
h2{font-size: 1.2em; margin: 1em 0;}
h3{font-size: 1em; margin: 0.8em 0;}
h4{font-size: 1em; font-weight: normal}

/* Tableau
******************************************/
table { font-size: 1em; }
textarea { width:100%; }

/* Entete
******************************************/
#top{
<h2>'.$titre.'</h2>
	height: 150px;
	width: 100%;
	font-size: 1em;

}

#top h1{
	font-size: 1em;
	background:  url('../images/logo.gif');
	width: 900px;
	height: 150px;
	margin: 0 auto;
	position: relative;
       	margin-left:19;

}

#top h1 a{
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	line-height: 93px;
        display: block;
	position: absolute;
	width: 300px;
	height: 150px;
	left: 0px;
	top: 0px;
}

/* Page
******************************************/
#page{
	text-align: left;
	width: 937px;
       	margin-left:auto;
	margin-right: auto;

}

#main	{

	height:100%;
	margin-left:19px;
	margin-right:19px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}


#date {
	font-size: 10px;
        color: #FFFFFF;
	background: transparent;
	text-align: center;
	margin: 0;
	position: absolute;
	top: 12px;
	left: 50%;
	margin-left: 300px;
}

#welcome_msg {
	font-size: 10px;
        color:#FFFFFF ;
	background: transparent;
	text-align: center;
	margin: 0;
	position: absolute;
	top: -1px;
	right: 50%;
	margin-right:290px;
}

#welcome_msg a{
	color: #FFFFFF;
	background: transparent;
	text-decoration:none;
}

#welcome_msg a:hover{
	color: #FFFFFF;
	background: transparent;
}

/* menu
******************************************/
#menu{
        font-size: 1em;
	background:  url('../img/menu_background.gif');
	background-repeat: repeat-x;
	width: 899px;
	height: 41px;
	margin: 0 auto;
        text-align: center;
        color: #FFFFFF;
        font-weight:700;
       	margin-left:19;
}


#menu li {
	display: block;
	float: left;
	height: 20px;
	width: auto;
	margin-left: 8px;
}


#menu li a {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url("../img/fleche.gif");
	background-repeat: no-repeat;
	padding-left: 15px;
}

#menu li a:visited {
	border:0 none;
}

#menu li a:hover {
	text-decoration: underline;
        color: #ffffff;
}


/* Colonne
******************************************/
#sidebar{
        background-image: url("../images/backdot.jpg");
        background-attachment: fixed;
	float:left;
	width: 180px;
	margin-top:5px;
	padding-bottom:10px;
	text-align:left;
	clear:both;
 	border-style:solid;
	border-width:1px;
	border-width-style:1px;
	border-color:#B9b9b9;
	border-top-style:groove;      /* seulement en haut */
	border-bottom-style:ridge;   /* seulement en bas */
	border-left-style:groove;     /* seulement à gauche */
	border-right-style:ridge;    /* seulement à droite */
}

#sidebar h2{
	margin-top:3px;
	margin-bottom:0px;
        padding-left: 25px;
       	background-image: url("../img/puce.gif");
        background-repeat: no-repeat;
        color: #ffffff;
        border-bottom: 2px solid;
        border-color: #484848;
}

#sidebar form input, #sidebar form textarea{
	border: 1px solid #999;
	-moz-border-radius: 4px;
}
#sidebar form input:focus, #sidebar form textarea:focus{
	border-color: #F17F29;
}


/* Bloc
******************************************/
.bloc	{
        width: 165px;
	text-align:left;
	padding-left:10px;
        padding-right:10px;
        padding-bottom:10px;
        margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
        border-style:solid;
        color:#31597B;

}



.bloc a {
        color:#31597B;
        text-decoration:none;
        padding-left: 8px;
}


.bloc a:hover{
        font-weight: bold ;
        background-image: url("../img/fond_over.gif");
        background:transparent;
        background-repeat: repeat-y;
        border-color: #484848;
        border-bottom: 0px solid;

}

.bloc2	{
        width: 96%;
	background-image: url("../images/backdot.jpg");
	background-attachment: fixed;
	text-align:left;
	padding-left:10px;
        padding-right:10px;
        padding-bottom:10px;
        margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
        border-style:solid;
	border-width:1px;
	border-width-style:1px;
	border-color:#B9B9B9;
	border-top-style:groove;      /* seulement en haut */
	border-bottom-style:ridge;   /* seulement en bas */
	border-left-style:groove;     /* seulement à gauche */
	border-right-style:ridge;    /* seulement à droite */
	color: #31597B;
}



.bloc2 a {
        color:#31597B;
        text-decoration:none;
}


.bloc2 a:hover {
        font-weight: bold ;
        background-repeat: repeat-y;
        border-color: #B9B9B9;
        border-bottom: 1px solid;
	
}

/* Contenu
******************************************/
#content {

	float:right;
	width: 695px;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	color : #31597B;

}

#content h2{
        color:#31597B;
	margin-top:3px;
	margin-bottom:0px;
        background-repeat: no-repeat;

}

#footer	{
	border-top: 0px solid ;
	border-bottom: 1px solid;
	text-align: center;
	font-family: arial;
	font-size: 11px;
	background-image: url("../img/fond_over.gif");
	width: 340px;
	height: 65px;
	margin-left: 323px;
	margin-right:10px;
	padding-top: 10px;
	padding-bottom:1 0px;
	clear:both;
	color:#ffffff;
}

#content form input, #content form textarea{
	border: 1px solid #ffffff;
	-moz-border-radius: 4px;
}

#content form input:focus, #content form textarea:focus{
	border-color: #F17F29;
}

#content ul{
	padding-left:40px;
}

#content li{
	list-style-image: url(../img/li.png);
}


/* Elements divers du skin
******************************************/

.edito {
        width: 96%;
	background-image: url("../images/backdot.jpg");
	background-attachment: fixed;
	text-align:left;
	margin-top:0px;
	margin-bottom:5px;
	border-style:dashed;
	border-width:1px;
	border-color:#A0A0A0;
        padding:10px;
	border-width-style:1px;
	border-top-style:groove;      /* seulement en haut */
	border-bottom-style:ridge;   /* seulement en bas */
	border-left-style:groove;     /* seulement à gauche */
	border-right-style:ridge;    /* seulement à droite */
        color: #FFFFFF;
}

.edito a:hover{
	color: #000000;
}


.titre_right{
	margin-top:3px;
	margin-bottom:0px;
        padding-left: 25px;
        background-repeat: no-repeat;
        color: #000000;
        text-align:right;
}

.table {

	background-color:#FaFaFa;
	text-align:left;
	margin-top:0px;
	margin-bottom:5px;
	border-style:dashed;
	border-width:1px;
	border-color:#A0A0A0;
        padding:10px;

}

.table h2 {
        background-image: url("../img/h2.png");
        padding-left: 20px;
        font-size: 1.1em;
}
.table a {
        color: #000000;
}

.news {
	border-bottom: 1px solid #A0A0A0;
	padding: 10px;
}

.news-title {
	font-size: 1.2em;
	margin: 1em 0;
}

.news-title a{
	color: #CE3008;
}

.news-title a:hover{
	color: #999999;
}

.news-content a:hover{
	text-decoration:underline;
        color: #999999;
}

.news-info {
	font-size: 0.7em;
	color: #979797;
}

.left{
	float: left;
	margin: 0 1em 1em 1em;
}

.quote {
	border: 1px dashed #b9b9b9;
	padding: 5px;

}

.marquee {
         width:150px;
}
textarea {
         width:500px;
         height: 200px;
}