/* 
--------------------------------------------------------------
	Id	: styles.css / CSS Document - Pages site
	
 *  Fichier creer le	: 04 avril 2008
 *  Auteur				: Guillaume Pette (c) 2008
 *  support            	: guillaume.pette@free.fr
 *
 *  Id					: styles.php 
 *	Version interne 	: 1.00.01
 *	Date version		: 04-04-2008
		
--------------------------------------------------------------
 */
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	background-image:url(images/bg_main.gif);
	background-repeat:repeat;
	margin-left:auto;
	margin-right:auto;	
}
body,td,th {
	font-family: "Univers", Arial, Helvetica, sans-serif;
	font-size:12px;	
}

/* Cadres */

/* Cadres de fond */
#header {
	width: 900px;
	height:20px;
	font-size:11px;
	color:#666666;
	margin-left:auto;
	margin-right:auto;
}
#conteneur {
	position:relative;
	width: 900px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto; 
	border-color:#999999;
	border-style: solid;
	border-width: 1px;	
}
#menu_haut {
	width: 900px;
	height:17px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	color:#FFFFFF;
}
#header_top {
	position:relative;
	width: 900px;
	height: 98px;
	text-align:left;
}
#header_bot {
	position:inherit;
	width: 900px;
	height: 28px;
	background-color: #99CC00;
	color:#FFFFFF;
	text-align:right;
	clear: both;
}
/* Structure accueil */
#accueil {
	float:left;
	height:620px;
	width: 720px;
	background-color:#FFFFFF;
	color:#666666;
	text-align:left;
	background-image:url(images/line_left.gif);	
	background-repeat:repeat-y;
	background-position:left;
}
/* Structure page */
#page {
	float:left;
	width: 520px;
	color:#666666;
	text-align:left;
	background-image:url(images/line_left.gif);	
	background-repeat:repeat-y;
	background-position:left;
}
#gauche {
	float:left;
	position:relative;
	width: 180px;
	text-align:left;	
}
#droite {
	float:right;
	position: relative;
	width: 200px;
	text-align:left;		
}
#blanc {
	position:relative;
	left:0px;
	top: 0px;
	height:5px;
	width:auto;
}
#recherche {
	float:left;
	position:relative;
	width: 900px;
	height:22px;
}
/* liens */
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
a.postlink:link	{
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-size: 11px;
	color : #669900; 
	font-weight: bold;	
}
a.postlink:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none; 
	font-size: 11px;
	color : #669900; 
	font-weight: bold;	
}
a.postlink:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size: 11px;
	color : #669900;
	font-weight: bold;
}
/* Lien menu principal gauche */
a.menu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
}
a.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
}
a.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#99CC00;
	font-weight: bold;
	text-align:left;
	height:25px;	
	background-image:url(images/pucem.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:15px;
	text-decoration:underline;	
}
a.menu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
}

/* Lien dans zone bouton_jaune */
a.jaune:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration:none;	
}
a.jaune:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration:none;	
}
a.jaune:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:none;	
}
a.jaune:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration:none;	
}

/* Menu haut au dessus du cadre */
a.menu_haut:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
}
a.menu_haut:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
}
a.menu_haut:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
	text-decoration:underline;	
}
a.menu_haut:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
}

/* liens dans texte */
a.liens_texte:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
}
a.liens_texte:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
}
a.liens_texte:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
	text-decoration:underline;	
}
a.liens_texte:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	height:25px;	
}

/* liens dans tableau orange */
a.liens_orange:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#996600;
	font-weight: bold;
	text-align:left;
	height:25px;	
}
a.liens_orange:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#996600;
	font-weight: bold;
	text-align:left;
	height:25px;	
}
a.liens_orange:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#996600;
	font-weight: bold;
	text-align:left;
	height:25px;
	text-decoration:underline;		
}
a.liens_orange:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#996600;
	font-weight:bold;
	text-align:left;
	height:25px;	
}

/* liens dans tableau famille */
a.liens_famille:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 14px;
	color:#333333;
	font-weight: normal;
	text-align:left;
	height:25px;	
}
a.liens_famille:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 14px;
	color:#333333;
	font-weight: normal;
	text-align:left;
	height:25px;	
}
a.liens_famille:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 14px;
	color:#333333;
	font-weight: normal;
	text-align:left;
	height:25px;		
}
a.liens_famille:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 14px;
	color:#333333;
	font-weight:normal;
	text-align:left;
	height:25px;	
}
/* Lien pour suiv et prec gauche */
a.suivprec:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#666666;
	font-weight: normal;
	text-align:left;	
}
a.suivprec:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#666666;
	font-weight: normal;
	text-align:left;	
}
a.suivprec:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#666666;
	font-weight: bold;
	text-align:left;	
}
a.suivprec:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#666666;
	font-weight: normal;
	text-align:left;
}
/* Textes */
.texte_noir_11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #000000;
	font-weight: bold;
}
.texte_noir_12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #000000;
	font-weight: normal;
}
.texte_gris_11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#666666;
	font-weight: normal;
}
.texte_blanc_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#99CC00;
	font-weight: normal;
	text-align:left;
	border-top: 1px;
	border-top-color:#999999;
	border-top-style:solid;
	height:25px;	
}
.note{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 10px;
	color:#666666;
	font-weight: normal;
}
.texte_orange{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:normal;
	font-variant: normal;
	text-transform:none;
	color:#993300;
}

/* Titres */
.titre1{
	font-family: "Univers", Arial, Helvetica, sans-serif;
	font-size : 18px;
	color:#99CC00;
	font-weight: bold;
	margin-left:15px;
}
.titre2{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 14px;
	color:#FF6600;
	font-weight: bold;
	margin-left:15px;
}
.titre3{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 14px;
	color:#FFFF33;
	font-weight: bold;
	margin-left:15px;
}
.titre4{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#FF6600;
	font-weight: normal;
}
.titre5{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 16px;
	color:#CC0000;
	font-weight: bold;
}
.titre_prd{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	color:#666699;
	font-weight: bold;
}

/* Tableaux */
.tableau_cadre{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#666666;
	border-color:#999999;
	border-style: solid;
	border-width: 1px;
	background-color:#FFFFFF;
	background-image:url(images/background.gif);	
	background-repeat:repeat-y;
	background-position:right;	
}
.tableau_rouge{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	background-image:url(images/fruits.jpg);	
	background-repeat:no-repeat;
	background-position:right;		
}
.tableau_search{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:22px;
	color:#FFFFFF;
	background-color:#99CC00; 
}
.bordure_haute{
	background-color:#FFFFFF;
	background-image:url(images/line_top.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.tableau_banner{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	height:98px;
	background-image:url(images/banner.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.tableau_background{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
}
.tableau_news{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FF6600;
}
.tableau_user{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#99CC00;	
}
.tableau_login{
	background-color:#FFFF99;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;	
	border-bottom-color:#FFCC33;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#FFCC33;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#FFCC33;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#FFCC33;
	border-right-style:solid;
	border-right-width:1px;	
}
.tableau_familles{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform:none;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #698BB6;
}
.tableau_devis{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;	
	border-bottom-color:#669900;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#669900;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#669900;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#669900;
	border-right-style:solid;
	border-right-width:1px;	
}
/* Fond de cellules (Mouse over) */
.texte_fondbleuf_10 {
	font-size : 14px;
	color:#FFFFFF;
	background-color:#FF6600; /* 336699 */
	font-weight:normal;
}
.texte_fondbleuc_10 {
	font-size : 14px;
	color:#333333;
	background-color:#FF9933; /* 99CCFF */
	font-weight:normal;
}
.texte_fondbleuo_10 {
	font-size : 14px;
	color:#333333;
	background-color:#FFCC99;
	font-weight:normal;
}

/* Boutons */
.bouton_vert {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color:#669933;
	border:none;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
}
.bouton_jaune {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color:#FF9933;
	border:none;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
}
.bouton_search {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color:#669933;
	border:none;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
}
.bouton_gris {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color:#666666;
	background-color:#CCCCCC;
	border:none;
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
}
/* Ligne a gauche et droite */
.ligne_droite{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#666666;
	font-weight:normal;
	background-image:url(images/line_right.gif);	
	background-repeat:repeat-y;
	background-position:right;
}
.ligne_gauche{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#666666;
	font-weight:normal;
	background-image:url(images/line_left.gif);	
	background-repeat:repeat-y;
	background-position:left;
}

/* Texte defilant index */ 
.texte_blanc_index{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:normal;
	font-variant: normal;
	text-transform:none;
	color:#FFFFFF;
}

/* 
----------------------------
Styles fixes
----------------------------
*/
h1 {
	font-size: 18px;
	color: #CC3300;
	font-weight:normal;
}
h2 {
	font-size: 16px;
	color: #99CC00;
	font-weight:bold;
}
h3 {
	font-size: 16px;
	color:#99CC00;
	font-weight:bold;
}
h4 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight:bold;
}
h5 {
	font-size: 11px;
	color: #666666;
	font-weight:normal;
}
h6 {
	font-size: 10px;
	color:#FF9900;
	font-weight:normal;
}
h1,h2,h5,h6 {
	font-family: "Univers", Arial, Helvetica, sans-serif;
	margin-left:15px;
}
h3,h4 {
	font-family: "Univers", Arial, Helvetica, sans-serif;
	margin-left:5px;
}
p {
	font-size: 12px;
	color: #666666;
	margin-left:15px;
	margin-right:15px;	
}

/*
----------------------------
Zones de saisie
----------------------------
*/
.saisie_10 {
	font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#000066;
	font-weight:normal;
	border-bottom-color:#00CC33;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#00CC33;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#00CC33;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#00CC33;
	border-right-style:solid;
	border-right-width:1px;
}
.saisie_12 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#333333;
	font-weight:normal;
	border-bottom-color:#99FF00;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#99FF00;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#99FF00;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#99FF00;
	border-right-style:solid;
	border-right-width:1px;
}
.erreur{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color:#CC3300;
}
.erreur_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#CC3300;
}

.suite{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#99CC00;
}
.infomsg{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color:#99CC00;
}
.compteur{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color:#666666;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#FFFFFF;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#FFFFFF;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#FFFFFF;
	border-right-style:solid;
	border-right-width:1px;	
}
.requis{
	color: #993300;
	font-weight: bold;
}