/* CSS Document */
	* { margin:0; padding:0; }
	body {
		background:#333333 url(../images/FondCovoitDouble.jpg) repeat-x left top;
		font-size:2pt;
	}
	input { font-size:8pt; }
	
	#page {
		position:relative;
		width:950px;
		margin:5px auto 0 auto;
	}
	/* -------------------------- STRUCTURE GROSSIERE ---- */
	#colEntete { height:24px; }
		#colEntete, #colEntete a { 
			font-size:7pt; font-weight:bold; color:#FFFFFF; 
			font-family:Arial, Helvetica, sans-serif;
		}
		#colEntete a { display:block; float:left; text-decoration:none; margin:3px 5px 0 0; }
		#colEntete img { border-width:0px; }
		#formNews, img.lienTop { float:left; margin-right:45px; }
		#formNews span { display:block; float:left; margin:3px 10px 0 10px; }
		#formNews input { margin-right:2px; }
		
	#colGauche {
		position:relative;
		float:left;
		width:0px;	/* A DISPARU */
		height:800px;
	}
	#colCentrale {
		position:relative;
		float:left;
		width:803px;
		height:800px;
	}
	#colDroite {
		position:relative;
		float:left;
		width:127px;
		height:800px;
		margin-left:10px;
	}
	
	/* -------------------------- PARTIE GAUCHE ---- */
	#colGauche_haut {
		position:relative;
		width:0px;	/* A DISPARU */
		height:165px;
		background:url(../images/logo.jpg) no-repeat left top;
	}
	#colGauche_bas {
		position:relative;
		width:0px;	/* A DISPARU */
		height:635px;
		background:url(../images/colGauche_bas.jpg) no-repeat left top;
	}
	/* -------------------------- PARTIE CENTRALE ---- */
	#ombreGauche {
		position:relative;
		float:left;
		width:15px;
		height:769px;
		background:url(../images2/ombreGauche.png) no-repeat left top;
	}
	#ombreDroite {
		position:relative;
		float:right;
		width:10px;
		height:769px;
		background:url(../images2/ombreDroite.png) no-repeat left top;
	}
	#centre {
		position:relative;
		float:left;
		width:778px;
		height:800px;
	}
	#bandeau {
		position:relative;
		width:100%;
		height:141px;
	}
		#bandeau_haut {
			position:relative;
			width:100%;
			height:7px;
			background:url(../images2/bandeauTop.png) no-repeat left top;
		}
		#bandeau_milieu {
			position:relative;
			width:100%;
			height:127px;
			background:#C0FF00 url(../images2/bandeauPresentation.jpg) no-repeat left top;
		}
		#bandeau_marge { height:33px; }
		#bandeau_bas {
			position:relative;
			width:100%;
			height:7px;
			background:#C0FF00 url(../images2/bandeauOmbre.jpg) no-repeat left bottom;
		}
	#contenu {
		position:relative;
		width:778px;
		height:616px;
		background-color:#E6E6E6;
		font-size:8pt; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	#pied {
		position:relative;
		width:100%;
		height:20px;
		font-size:8pt; 
		background:url(../images2/pied.png) no-repeat left top;
	}
	/* -------------------------- PARTIE DROITE ---- */
	#colDroite_haut {
		position:relative;
		width:127px;
		height:130px;
		margin-top:10px;
	}
	#colDroite_bas {
		position:relative;
		width:127px;
		height:635px;
	}
	
	/* ----------------------------- TOP DE PAGE ---- */
	#topPage p { text-align:right; font-size:9pt; padding:5px 10px 0 0; font-weight:bold; }
	#topPage a { text-decoration:none; color:#333333; }
	
	/* -------------------------- ENTETE ET PIED ---- */
	#entete, #menuDePied {
		position:relative;
		width:100%;
		height:auto;
	}
		#entete li, #menuDePied li { 
			float:right; 
			list-style-type:none; 
			margin-right:10px;
			border-right:1px solid black;
		}
		#entete li a, #menuDePied li a { 
			margin-right:10px; 
			text-decoration:none; 
			color:#333333; 
		}
		#entete li a { font-weight:bold; }
		#entete img { border-width:0px; }
		#entete li.langue { border-right-width:0px; margin-right:5px; }

	/* --------------------------- CONTENU GAUCHE ---- */
	#contenuGauche {
		position:relative;
		float:left;
		width:300px;
		padding-top:10px;
		padding-left:10px;
	}
	#contenuGauche a {
		text-decoration:none;
		color:#669900;
		font-weight:bold;
	}
	
	#zoneConnect p { padding-left:15px; padding-right:10px; }
	#zoneConnect p.deconnect { margin-bottom:5px; text-align:right; }
	#zoneConnect a {
		text-decoration:none;
		color:#669900;
		font-weight:bold;
	}
	#zoneRecherche img { float:left; border-width:0px; width:87px; }
	
	#zoneInfo { margin-top:30px; }
	#zoneInfo img { float:left; border-width:0px; width:87px; }
		
	.labelise { color:#669900 ; font-weight:bold; }
	#contenuGauche .labelise a { color:#666666; }
	/* ---------------------------- CONTENU DROIT ---- */
	#contenuDroit {
		position:relative;
		float:right;
		width:440px;
		height:510px;
		padding-top:3px;
		padding-right:5px;
	}
	/* ---------------------------- CONTENU BAS_PAGE ---- */
	#contenuBasPage {
		position:relative;
		clear:both;
		width:100%;
		height:75px;
		font-size:xx-small;
	}
		#contenuBasPage div.encart {
			float:left;
			position:relative;
			width:300px;
			height:90px;
			margin-right:0px;
			/*background-color:#FFEFEF;*/
		}
		#contenuBasPage h3 { font-size:8pt; }
	
	/* --------------------- CONTENU PUBLICITAIRE ---- */
	#pubGauche, 
		#pubBandeau, 
		#pubDroiteNord, 
		#pubDroiteSud, 
		#pubOuest, 
		#pubEst { border:0px solid #333333; }
	
	img.border { border:1px solid #333333; }
	
	#pubGauche, #pubGauche img {
		position:relative;
		width:298px;
		height:250px;
	}
	#pubBandeau, #pubBandeau img {
		position:relative;
		width:723px;
		height:90px;
		margin:0 auto;
	}
	#pubDroiteNord, #pubDroiteNord img {
		position:relative;
		width:120px;
		height:120px;
	}
	#pubDroiteSud, #pubDroiteSud img {
		position:relative;
		width:120px;
		height:600px;
	}
	#pubOuest, #pubOuest img, #pubEst, #pubEst img {	/* @see #contenuBasPage div.encart */
		float:left;
		position:relative;
		width:230px;
		height:60px;
		margin:22px 0 5px 5px;
	}
	#pubOuest img, #pubEst img { margin:0; }
	
	
	/* -------------------------------- LIGNE_BOX ---- */
	.ligneBox { width:100%; padding:5px 0 0px 0; }
	label.ligneBox_lbl { color:#669900; font-size:xx-small; font-weight:bold; float:none; margin-left:2px; }
	.ligneBox_col { float:left; margin-bottom:5px; }
	span.commentaire { margin-left:2px; color:#555555; }
	
	
	/* -------------------------- BALISE GENERALE ---- */
	h1 { color:#3E5200; font-size:12pt; }
	h2 { color:#3E5200; font-size:10pt; }
	h3.sousTitre { text-transform:uppercase; font-size:9pt; font-family:Arial, Helvetica, sans-serif; }
	p.presentation {
		font-size:small;
		font-weight:bold;
		color:#3E5200;
	}
	span.vert {
		font-size:xx-small;
		color:#669900;
	}
	a.lien { color:#000000; }
	img#logoAccueil { float:left; display:block; width:183px; }
	h1#titreAccueil { float:left; width:240px; font-size:10pt; margin-top:10px; }
	
	/* -------------------------- LISTE COVOITURAGE ---- */
	.cadreCovoiturage {
		position:relative;
		width:100%; 
		height:46px; 
		padding-top:0px; 
		background:url(../images/bande.gif) repeat-x bottom left; 
	}
		.cadreCovoiturage div { position:relative; float:left; height:100%; }
		.cadreCovoiturage span { font-size:xx-small; font-weight:bold; }
		.cc_info { width:170px; }
		.cc_icone { width:205px; }
			.cc_icone img { float:right; margin-left:3px; }
		.cc_relation { width:30px; }
			.cc_relation img { border-width:0px; margin-top:10px; margin-left:15px;  }
		span.auteur { color:#3F8A83; }
		span.mini { font-size:5pt; }
	
	#cadrePagination {
		position:relative;
		width:100%; 
		height:20px;
		padding-top:3px;
		font-size:xx-small;
	}
		#cadrePagination div { position:relative; float:left; z-index:10; }
		#cadrePagination a { color:#333333; }
	
	/* ------------------------------- FORMULAIRE ---- */
	#inscription input, 
	#formAddTrajet,
	#formRecherche input,
	#formValidation input
	 { margin-top:2px; margin-right:2px; font-size:8pt; }
	
	
	#formNews input { float:left; font-size:8pt; }
	#formValidation .ligneBox_col { margin-bottom:0px; }
	#inscription input.bouton, 
	#formValidation input.bouton,
	#formAddTrajet input.bouton
	 { float:right; }
	#inscription label {
		float:left;
		width:130px;
		padding-top:5px;
	}
	#inscription label.long { width:190px; }

	
	/* ----------------------------- ESPACE PRIVE ---- */
	#lienEspacePrive li {
		float:right; 
		list-style-type:none; 
		margin-right:10px;
		border-right:1px solid black;
		font-size:xx-small;
	}
	#lienEspacePrive li.last { margin-right:0px; border:0px; }
	#lienEspacePrive li a { 
		margin-right:10px; 
		text-decoration:none; 
		color:#669900; 
		font-weight:bold;
	}#lienEspacePrive li a:hover { color:#333333; }
	#lienEspacePrive img { border-width:0px; }
	
	/* ------------------- COMPTEUR DE CARACTERES ---- */
	/* ----- @see : js/charcount.js ----- */
	div.charcount-safe, div.charcount-limit {
		margin-top:10px;
		font-weight:bold;
	}
	div.charcount-limit { color:#FF0000; }
	div.charcount-safe { color:	#669900; }
	
	/* ------------------------------- MESSAGERIE ---- */
	#infoPlux input { margin:0 3px 0 8px; }
	#menuMessage { 
		border:1px solid #666666; 
		background-color:#FFFFFF; 
		text-align:right; 
		margin-bottom:20px; 
		font-size:x-small; 
	}
	#menuMessage a { 
		color:#669900; 
		text-decoration:none; 
		font-weight:bold; 
		border-right:1px solid #333333; 
		padding:0 5px; 
	}
	#menuMessage a:hover { color:#333333; }
	
	#listeMessage { position:relative; border:1px solid #333333; font-size:xx-small; }
	
	.listMsg_ligne div { float:left; position:relative; height:20px; padding-top:3px; }
	.tableEntete div { 
		font-weight:bold; 
		color:#CCCCCC; 
		background-color:#666666; 
		border-bottom:1px solid #333333;
		height:15px;
	}
	.lignePair div { background-color:#FFFFFF; }
	
	.listMsg_col_1 { width:20px; }
	.listMsg_col_2 { width:110px; }
	.listMsg_col_3 { width:228px; }
	.listMsg_col_4 { width:80px; }
	.listMsg_col_1 input { width:10px; margin-top:0px; margin-left:0px; }
	#listeMessage a { color:#333333; text-decoration:none; }
	#listeMessage a:hover { color:#333333; text-decoration:underline; }
	a.nonLu { font-weight:bold; }
	a.dejaLu { font-weight:normal; }
	
	#boutonSuppr { margin-top:5px; }
	
	/* affiche mail */
	#afficheMail { border:1px solid #888888; }
		#afficheMail span { margin-left:5px; }
	#mailMenu { margin-bottom:5px; background-color:#666666; }
		#mailMenu a, #mailMenu input.boutonMail { 
			display:block; 
			float:left; 
			width:75px; height:17px; 
			text-align:center; 
			margin-top:3px; margin-right:10px; 
			text-decoration:none; 
			font-weight:bold; 
			color:#CCCCCC; 
		}
	#mailMenu a:hover { text-decoration:underline; }
	#mailTitre span { font-weight:bold; }
	#mailDeQui { float:left; width:60%;}
		#mailDeQui label, #mailAQui label { display:block; float:left; width:25px; font-weight:bold; margin-left:5px; }
	#mailDate { float:right; width:40%; }
		#mailDate p { text-align:right; margin-right:5px; }
	#mailMsg { 
		border-top:1px solid #AAAAAA; 
		background-color:#FFFFFF; 
		height:250px; 
		margin-top:10px; 
	}
		#mailMsg p { margin:5px; }
	
	#afficheMail form #mailMenu { margin-top:0; height:20px; }
	#mailMenu input.boutonMail { 
		margin-top:0px;
		background-color:#666666;
		border-width:0px;
		cursor:pointer;
		font-size:small;
	}
	#mailMsg textarea { border-width:0px; }
	
	/* ----------------------------------- CLASSE ---- */
	div.bande {
		width:100%;
		height:30px;
		background:url(../images/bande.gif) repeat-x left 50%;
	}
	#contenuGauche .bande { height:15px; background-position:top; }
	
	.border { border:1px solid black; }	/* pour test */
	.noBorder { border-width:0px; }
	.noFloat { clear:both; }
	.italicBold {
		font-style:italic;
		font-weight:bold;
	}
	.information { background-color:#BBBBBB; font-weight:bold; color:#000000; }
	.clear { clear:both; font-size:5pt; }
	a.boldGreen {
		text-decoration:none;
		color:#669900;
		font-weight:bold;
	}
/* ----------- FIN ------------ */