/****** 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  { font: 8pt Tahoma, sans-serif; background-color: #fff; text-align: center; margin: 0; padding: 0 }

hr{border:1px solid #B9B9B9;border-top-width:2px;height:0px}


/* Liens
******************************************/
a:link{color:#000; background:transparent;}
a:visited{color:#000; background:transparent;}
a:hover{color:#000; 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: 11px; line-height: 20px; margin: 1em 0 }
h3   { font-size: 11px; line-height: 20px; margin: 0.8em 0 }
h4   { font-weight: normal; font-size: 11px; line-height: 20px }

/* Tableau
******************************************/
table   { font-size: 11px; line-height: 18px }
textarea { width:100%; }

/* Entete
******************************************/
#top{
	height: 150px;
	width: 100%;
	font-size: 1em;

}

#top h1  { font-size: 1em; background: white url(../img/bandeau.jpg); margin: 0 auto; position: relative; width: 899px; height: 150px }

#top h1 a{
	color: #CC3300;
	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;
	background: #FFF;
	width: 937px;
       	margin-left:auto;
	margin-right: auto;
        background-image:url(../img/fond.jpg);
}

#main	{
	height:100%;
	background-color:#fff;
	margin-left:19px;
	margin-right:19px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}


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

#welcome_msg    { color: #777; font-size: 11px; background-color: transparent; text-align: right; margin: 0 0 0 280px; border: solid gray; position: absolute; top: 155px; left: 50%; width: 160px }

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

#welcome_msg a:hover { color: #c71717; background-color: transparent }

/* menu
******************************************/
#menu   { color: #64634b; font-weight: 700; font-size: 11px; line-height: 15px; background: white url(../img/menu_background.gif) repeat-x; text-align: center; vertical-align: text-bottom; margin: 0 auto; width: 899px; height: 18px }


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


#menu li a  { color: #64634b; text-decoration: none; width: 0px }

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

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


/* Colonne
******************************************/
#sidebar	{
	float:left;
	width: 160px;
	margin-top:5px;
	padding-bottom:10px;
	text-align:left;
	clear:both;
}

#sidebar h2 { color: #64634b; background: url(../img/puce.gif) no-repeat; margin-top: 3px; margin-bottom: 0px; padding-left: 25px; border-top: #ccc; border-right: #ccc; border-bottom: 1px solid #ccc; border-left: #ccc }

#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	   {
         background-color: #f2f3f4;
         text-align: left; 
         margin-right: 0px; 
         margin-bottom: 10px; 
         margin-left: 0px; 
         padding-right: 10px; 
         padding-bottom: 10px; 
         padding-left: 10px; 
         border: solid 1px #b9b9b9; 
         width: 155px
          }


.bloc a    { color: #64634b; text-decoration: none }


.bloc a:hover   { color: #c71717; background-repeat: repeat-y; border-top: none; border-right: none; border-bottom: 1pt dashed #c71717; border-left: none }

.bloc2	{
	background-color:#F2F3F4;
	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-color:#B9B9B9;
}



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


.bloc2 a:hover  { color: #c71717; background-repeat: repeat-y; border-top: none; border-right: none; border-bottom: 1pt dashed #c71717; border-left: none }

/* Contenu
******************************************/
#content    { color: #555; text-align: left; float: right; margin-top: 5px; margin-bottom: 5px; padding: 0px; width: 680px }

#content h2 { background-repeat: no-repeat; margin-top: 10px; margin-bottom: 0px }

#footer	{
	border-top: 1px solid;
	border-bottom: 1px solid;
	text-align: center;
	font-family: arial;
	font-size: 11px;
	background-color: #D6F1FE;
	margin-left: 19px;
	margin-right:18px;
	padding-top: 10px;
	padding-bottom:1 0px;
	clear:both;
}
#content form input, #content form textarea{
	border: 1px solid #999;
	-moz-border-radius: 4px;
}

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

#content ul  { padding-left: 40pt }

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


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

.edito  { background-color: #f8f6f7; text-align: left; margin-top: 10px; margin-bottom: 5px; padding: 10px; border: dashed 1px gray; left: 20px }

.edito2  { background-color: #f8f6f7; text-align: left;  border: dashed 1px gray; width:80% }

.edito a:hover { color: #c71717 }


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

.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  { font-size: 11px; background-image: url(../img/h2.png); padding-left: 20px }
.table a  { color: #c71717 }

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

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

.news-title a { color: #c71717 }

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

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

.news-info  { color: #979797; font-size: 8pt }

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

.quote  { padding: 1px; border: dashed 1px #b9b9b9 }
.bloca { width: 100% }