/* --- redefinition of classic styles -------------------------- */
html
{
	height		: 100%;
	margin		: 0px;
	padding		: 0px;
}		

body
{
	background			: url('images/bgPrincipal.jpg') repeat-y center;
	background-color	: #cfcfce;
	font				: 13px "Lucida Grande", Verdana, Sans-Serif;
	height				: 100%;
	margin				: 0px;
	padding				: 0px;
}

img
{
	border		: 0px;
}

/* --- global styles ------------------------*/
.moitie
{
	width		: 50%;
}

.orange
{
	color		: #ff9813;
}

.bleu
{
	color		: #0083a8;
}

/* --- form styles -------------------------- */
form
{
	padding 	: 0px;
	margin 		: 0px;
}

input[type=text]
{
	border 		: 1px solid #999999;
	height 		: 13px;
	font-size	: 12px;
	font-weight	: bold;
	margin-bottom 	: 1px;
	background	: #FFFCF1;
}

textarea
{
	border 		: 1px solid #999999;
	font-weight	: bold;
	margin-bottom : 1px;
	background	: #FFFCF1;
}

input[type=password]
{
	border 		: 1px solid #999999;
	height 		: 13px;
	font-size	: 12px;
	font-weight	: bold;
	margin-bottom 	: 1px;
	background	: #FFFCF1;
}

input[type=submit]
{
	border 		: 1px solid #999999;
	font-size	: 12px;
	padding		: 1px;
	font-weight	: bold;
	background	: #FFFCF1;
	margin-right : 5px;
	margin-bottom : 1px;
}

/* --- titles styles -------------------------- */

h1
{
	font			: 20px "Verdana", Geneva, Arial, sans-serif;
	color			: #929292;
	/*margin-left	: 30px;*/
	text-align		: center;
}

h1.accueil
{
	margin-top	:10px;
	margin-bottom	:0;
	padding		:0;
}

h2
{
	font-family : verdana;
	font-size	: 14px;
	height		: 18px;
	background-repeat: repeat-x;
	color 		: black;
	text-align 	: center;
	border		: 1px solid gray/*#8B8B8B*/;
	margin-bottom : 0px;
}

h3
{
	font-size	: 16px;
	font-weight : bold;
	color		: #333;
	margin-left : 150px;
}

h4
{
	font-size	: 13px;
	font-weight : bold;
	color		: #888;
	background-color : #eee;
	padding : 0;
	margin-top : 0px;
	margin-bottom : 0px;	
	
}

h5
{
	font-size	: 13px;
	font-weight : bold;
	color		: #888;
	background-color	: #eee;
	margin-bottom	: 5px;
	margin-top		: 40px;	
	
}

h6
{
	font-size	: 13px;
	font-weight : bold;
	color		: #222;
	padding 	: 0px;
	margin-top	: 10px;
	margin-left : 20px;
	margin-bottom : 0px;	
	
}
/* --- links style -------------------------- */

a:Hover
{
	color		: #000000;
}

a.menuPrincipal
{
	color		: black;
	text-decoration	: none;
}

a.blanc
{
	color		: white;
}

a.blanc:Hover
{
	color		: black;
}

a.menuPrincipal:Hover
{
	color				: #444;
	text-decoration		: underline;
}

/* --- Home Styles -------------------------------*/
.tdimages {
  display	: block;
  border	: 0px;
  margin	: 0px;
  padding	: 0px;
}

td#topleft_home
{
	border		: 0px;
	padding		: 0px;
	width		: 280px;
	height		: 119px;
}

td#topright_home
{
	border		: 0px;
	padding		: 0px;
	width		: 280px;
	height		: 119px;
}

td#bottomleft_home
{
	border		: 0px;
	padding		: 0px;
	width		: 280px;
	height		: 175px;
}

td#bottomright_home
{
	border		: 0px;
	padding		: 0px;
	width		: 280px;
	height		: 175px;
} 


/* <div> styles */

div#noscript
{
	text-align			: center;
	background-color	: red;
	color				: black;
	text-decoration		: none;
	border-bottom		: 1px solid black;
}

div#noscript:Hover
{
	background-color	: black;
	color				: white;
}

a#noscriptlink
{
	text-decoration		: none;
	color				: black;
}

a#noscriptlink:Hover
{
	text-decoration		: none;
	color				: white;
}

* html #global
{
	height: 100%;
}
	
div#global
{
	position		: relative;
	background		: #fff;
	padding-left	: 5px;
	padding-right	: 5px;
	width 			: 990px;
	margin			: 0px auto 0px auto;
	min-height		: 100%;
	border-right	: 1px solid black;
	border-left		: 1px solid black;
}

div#menuRecherche
{
	text-align	: center;
	width 		: 42%;
	margin		: auto;
}

table#recherche
{
	border		: 1px solid black;
	padding		: 10px;
}

div#menuRecherche label
{
	clear		: left;
	display		: list;
	margin-left : 4px;
}

div#contents
{
	text-align 	: center;
	padding		: 0;
	margin		: 0px;
}

div#listes
{
	text-align 	: center;
	width 		: 760px;
	margin 		: auto;
}

div#piedDePage
{
	background	: url('images/ppage.jpg') repeat-x;
	border		: 1px solid black/*#8B8B8B*/;
	border-bottom	: 0px;
	height		: 20px;
	width		: 550px;
	font-size	: 11px;
	position	: relative;
	margin		: -21px auto 0px auto;
	overflow	: hidden;
}

div#backhome
{
	border-bottom	: 0px;
	height		: 20px;
	width		: 550px;
	font-size	: 12px;
	position	: relative;
	margin		: -55px auto 0px auto;
	overflow	: visible;
}

div#piedDePage a
{
	color		: black;
}

div#piedDePage a:Hover
{
	color		: white;
}

div#videPied
{
	height		: 55px;
	width		: 100px;
	margin		: 0 auto 0 auto;
}

table#tabPiedDePage
{
	width		: 550px;
	height		: 20px;
}

/* <table> styles */

td, tr, table
{
	padding		: 0px;
	margin		: 0px;
	border-spacing 	: 0px;
	border-width	: 0px;
}

table#entete
{
	width 		: 100%;
}

td#logo
{
	width 		: 50%;
}

td#identification
{
	font-size 	: 12px;
	text-align	: right;
	vertical-align : middle;
	width 		: 50%;
	padding		: 10px;
}

table#menus
{
	width		: 100%;
}

tr#surMenuPrincipal
{
	background-image	: url('images/bgsurmenu.jpg');
	background-repeat	: repeat-x;
	background-color	: #3aa1ee;
	color				: white;
	font-size			: 13px;
	font-weight			: bold;
	height				: 15px;
	text-align			: center;
	margin-bottom		: 30px;
	border				: 1px solid black;
}

td#date
{
	text-align		: left;
	padding-left	: 5px;
	width			: 20%;
	border			: none;
	border-top		: 1px solid black;
	border-left		: 1px solid black;
}

td#stats
{
	text-align 		: right;
	padding-right	: 5px;
	width 			: 80%;
	border			: none;
	border-top		: 1px solid black;
	border-right	: 1px solid black;
}

td#menuPrincipal
{
	background-image	: url('images/bgmenu.jpg');
	background-repeat	: repeat-x;
	background-color	: #babab9;
	font-size			: 14px;
	font-weight			: bold;
	height				: 25px;
	text-align			: center;
	margin-bottom		: 30px;
	border				: 1px solid black;
}

table#tableauListes
{
	margin 		: auto;
	width 		: 100%;
	margin-bottom : 20px; 
}

table#tableauListes td
{
	width 		: 50%;
	text-align 	: left;
}


/* --- special class styles -------------------------- */

/* paragraph used into <form> */
p.form
{
	padding 	: 0px;
	margin 		: 0px;	
}

.error
{
	color		: red;
}

.ok
{
	color		: green;
}

.smallerror
{
	color		: red;
	font-size	: 10px;
	font-weight	: bold;
}

.center
{
	margin		: auto;
}

.innercenter
{
	text-align	: center;
}

p.footer1 /* bas des offres */
{
	background-color : #efefef;
	margin-top : 5px;
}

/* --- inscription -------------------------- */
div#formInscription
{
	width		: 100%;
	text-align : center;
}

table#tableauFormInscription
{
	margin-top	: 10px;
	margin-left : auto;
	margin-right: auto;
	margin-bottom : 30px;
	text-align : left;
	width		: 600px;
}

table#tableauFormInscription input[type=text]
{
	background 	: #efefef;
	color		: orange;
	border-top	: 0px;
	border-left : 0px;
	border-right: 0px;
	width		: 200px;
	border-bottom : 1px dotted #444;
	margin-left	: 20px;
}

select
{
	border : 1px solid #666;
	margin-top : 3px;	
}

table#tableauFormInscription input[type=password]
{
	background 	: #efefef;
	color		: orange;
	border-top	: 0px;
	border-left : 0px;
	border-right: 0px;
	width		: 200px;
	border-bottom : 1px dotted #444;
	margin-left	: 20px;
}

table#tableauFormInscription input[type=checkbox]
{
	border		: 1px solid #999;
	padding		: 10px;
	border		: 0px;
	width 		: 15px;
}

div#error
{
	text-align	: center; 
}

/* --- identification -------------------------- */

#loginRedirect
{
	margin	: auto;
	margin-top	: 100px;
	text-align	: center;
}

/* --- tableaux des espaces --------------------- */

#espace
{
	width : 70%;
}

#espace td
{
	padding: 10px;
}

.hidden
{
	display		:none;
}

.infobulle
{
	color		: #000000;
	position	: absolute; 
	visibility 	: hidden;
	border		: 1px solid #000000;
	padding		: 10px;
	font-family	: Trebuchet MS;
	font-size	: 8pt;
	background-color: #FFFFFF;
}