body {
	font-family: Arial,Geneva,Verdana,Helvetica,sans-serif;
	font-size: 12px;
}

.spinner {
	background: url(../images/spinner.gif) 10px 10px no-repeat;
}

#connect_cliquez_ici {
	color:#817b74;
	font-weight:bold;
	cursor: pointer;
}

#conteneur{
	width:980px;
	overflow:hidden;
	position:absolute;
	left:50%;
	top:0;
	margin-left: -490px;
}

#entete {
	width:980px;
	height:240px;
	background: url(../images/entete.gif) no-repeat;
	margin:0pt;
	padding:0pt;
}

	#titrePage {
		height:111px;
		left:17px;
		margin:0pt;
		position:absolute;
		top:20pt;
		width:389px;
		/*background: url(../images/logo-leclerc.gif);*/
	}
	
	#titrePage img{
		left:0px;
		position:absolute;
		top:35px;
	}
	
	#titrePage img {
		border:none;
	}

	#titrePage span {
		display:none;
	}

	#titrePageSuez {
		background:transparent url(../images/logoSuez.gif) no-repeat scroll 0%;
		height:110px;
		left:220px;
		margin:0pt;
		position:absolute;
		top:35pt;
		width:305px;
	}

	#titrePageSuez span {
		display:none;
	}
	
	#menuHorizontal {
		left:30px;
		position:absolute;
		top:166px;
		width:40%;
	}
		
		#menuHorizontal ul{
			list-style: none;
		}
		
			#menuHorizontal ul a{
				text-decoration: none;
				color : White;
				font-size: 11px;
				font-weight: bold;
			}
			
			#menuHorizontal ul a:hover{
				text-decoration: underline;	
			}
				
				#menuHorizontal li{
					display:inline;
					margin-left:10px;
				}
				
				#menuHorizontal li #menu_inscrire{
					left:13px;
					position:absolute;
					top:32px;
				}
				
				#menuHorizontal li #menu_trajet{
					left:138px;
					position:absolute;
					top:32px;
				}
				
				#menuHorizontal li #menu_charte{
					position:absolute;
					right:34px;
					top:32px;
				}
				
				#menuHorizontal li #menu_calculateur{
					position:absolute;
					right:-124px;
					top:32px;
				}
				
				
			
	#form_connexion {
		position:absolute;
		right:0px;
		top:88px;
		width:400px;
	}
	
	#form_connexion p{
		margin : 0;
		padding: 0;
	}
	
	#form_connexion input, #form_connexion label {
		display:inline;
	}
	
	#form_connexion input {
		margin-right:5px;
		border:0 none;
		height:20px;
		color : #18b1e7;
		width:135px;
	}
	
		#validationMessage_connexion {
			left:117px;
			position:relative;
			top:64px;
		}
		
		#messageerreur {
			position:absolute;
			top:0px;
			right:126px;
		}
	
		#form_connexion #label_connexion {
			color:#ffffff;
			position:absolute;
			left:0px;
			top:-20px;
		}
		
		#form_connexion #zoneLogin_connexion {
			color:#ffffff;
			position:absolute;
			right:30px;
			top:25px;
		}
		
		#form_connexion #valider_connexion {
			position:absolute;
			top:1px;
			right:-27px;
			margin-right:5px;
			border:0 none;
			height:20px;
			color : #18b1e7;
			width:20px;
		}
		
		#form_connexion #btInfoPerdue_connexion {
			position:absolute;
			top:25px;
			right:0px;
		}

#corps {
	width:980px;
	height:526px;
	background: url(../images/fond-corps.gif);
}


	#corps_gauche {
		float:left;
		width:600px;
		height:400px;
	}
	
		#zoneRecherche p{
			margin:0;
			padding:0;
			margin-top:10px;
		}
	
		#zoneRecherche {
			color:#4E4E4E;
			height:170px;
			left:25px;
			padding:5px;
			position:absolute;
			z-index: 10;
			top:280px;
			width:560px;
		}
		
			#zoneRecherche #titre_zoneRecherche {
				color:#FFFFFF;
				display:inline;
				font-size:13px;
				font-weight: bold;
				left:4px;
				position:absolute;
				top:-14px;
			}
			
			#zoneRecherche .label {
				margin-bottom :5px;
				display:block;
			}

			#zoneRecherche .choixPays {
				left:3px;
				position:relative;
				top:1px;
			}
		
			#zoneRecherche .champTexte {
				background-color:#ccd85f;
				border : 1px solid #ffffff;
				height:20px;
				color : #ffffff;
				width:233px;
			}
			
			#zoneRecherche .listeDeroulanteBis{
				background-color:#ccd85f;
				border : 1px solid #ffffff;
				color : #ffffff;
				height:20px;
				width:236px;
			}
			
			#zoneRecherche .criteres{
				display:block;
				border : 1px solid #ffffff;
				background: url(../images/bt-recherche.gif);
				color : #ffffff;
				width:233px;
				height:20px;
				margin-top:4px;
				padding-left:5px;
				padding-top:2px;
				cursor: pointer;
			}
			
			.submit {
				position: absolute;
				top: 163px;
				left: 220px;
			}
			
			#zoneRecherche #submit{
				background:transparent url(../images/bt-submit.gif) repeat scroll 0%;
				border: none;
				color:#004757;
				cursor:pointer;	
				display:block;
				height:33px;
				width:92px;
			}
		
			#zoneRecherche #zoneRecherche_gauche {
				float: left;
				height:170px;
				width:280px;
			}
			
			#afficheCalendrier img {
				position: relative;
				top: 2px;
				border: none;
			}
	
			#zoneRecherche #zoneRecherche_droite {
				float: right;
				height:170px;
				width:280px;
			}
	
		#conteneurZoneOffres {
			background:transparent url(../images/listing_trajets.gif) no-repeat scroll 0% 50%;
			height:202px;
			left:7px;
			position:absolute;
			z-index:1;
			top:494px;
			width:551px;
		}
		
			#conteneurZoneOffres #titre_ZoneOffres{
				color:#4E4E4E;
				font-size:14px;
				left:22px;
				position:absolute;
				top:11px;
			}
			
			#conteneurNombreOffre {
				position: absolute;
				right: 21px;
				color: #666609;
				top: 0;
				display:none;
			}		
			
			#zoneOffres {
				position: relative;
				top: 25px;
				height: 120px;
				margin:0 20px;
			}
			
			#conteneurListeOffres{
				overflow: auto;
				height:140px;
			}
			
			#listeOffres {
				padding: 0;
				margin: 0;
				list-style: none;
				color: #808080;
			}

			#listeOffres tr {
				cursor: pointer;
			}
			
			#listeOffres tr.d {
				height: 15px;
			}
			
			#paginationListeOffres {
				left:34px;
				margin:0pt auto;
				position:absolute;
				text-align:center;
				top:135px;
			}
			
				#lienSuivant {
					color:white;
					text-decoration : none;
				}
				
				#lienPrecedent {
					color:white;
					text-decoration : none;
				}
				
				#paginationListeOffres #lienSuivant img {
					border:0pt none;
					left:42px;
					position:absolute;
					top:1px;
				}
				
				#paginationListeOffres #lienPrecedent img {
					border:0pt none;
					left:-25px;
					position:absolute;
					top:1px;
				}
			
	
	#corps_droite {
		float:right;
		width:380px;
		height:400px;
	}
	
		#conteneurZoneCarte {
			background:transparent url(../images/carte.gif) no-repeat scroll 0% 50%;
			height:448px;
			left:560px;
			position:absolute;
			top:248px;
			width:412px;
		}
		
		#conteneurZoneCarte #titre_carte{
			color:#605749;
			font-size:13px;
			left:26px;
			position:absolute;
			top:23px;
		}
		
		#conteneurZoneCarte .comment_carte{
			color:#FFFFFF;
			font-size:11px;
			left:232px;
			position:absolute;
			top:24px;
		}
		
		#conteneurZoneCarte .comment_carte a{
			color:#FFFFFF;
			text-decoration: none;
		}
		
		#conteneurZoneCarte .comment_carte a:hover{
			color:#FFFFFF;
			text-decoration: underline;
		}
		
		
		#zoneCarte {
			height:375px;
			left:20px;
			margin:0pt;
			position:relative;
			top:35px;
			width:375px;
		}

#corps2 {
	left:50%;
	margin-left:-450px;
	position:relative;
	top:0px;
	width:900px;
	margin-top:20px;
	margin-bottom:20px;
}

	#corps2_conteneur_haut {
		height:33px;
		background: url(../images/corps2_conteneur_haut.gif) no-repeat;
		margin:0px;
	}
	
		#corps2_conteneur_haut h2{
			color:#5bbcda;
			font-size:13px;
			position:relative;
			left:25px;
			top:12px;
			margin:0px;
		}	

	#corps2_conteneur_centre {
		background: url(../images/corps2_conteneur_centre.gif) repeat-y;
		padding-left:25px;
		padding-right:25px;
	}
	
	#corps2_conteneur_bas {
		height:33px;
		background: url(../images/corps2_conteneur_bas.gif) no-repeat;
	}

#pied {
	width:980px;
	height:136px;
	background: url("../images/pied.gif") no-repeat;
}

	#copyright_roulezmalin {
		padding-top:118px;
		width:970px;
		text-align:right;
	}
		
		#copyright_roulezmalin a{
			color:#FFFFFF;
			text-decoration:none;
		}

#loader {
	height: 20px;
	width: 65px;
	position:absolute;
	z-index: 200000;
	top:50%;
	left:50%;
	margin-top: -10px;
	margin-left: -32px;
}

#assombrissement_blanc {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	cursor: pointer;
}

/*
Default style for the nogray calendar
the default class prefix is ng-

made by Wesam Saif
http://www.nogray.com
support@nogray.com

*/

/* Pour calendrier */

/* table list */
.table_list {border-collapse:collapse;
	border:solid #cccccc 1px;
	width:100%;}

.table_list td {padding:5px;
	border:solid #efefef 1px;}

.table_list th {background:#75b2d1;
	padding:5px;
	color:#ffffff;}

.table_list tr.odd {background:#e1eff5;}


/* calendar styles */
#calendrier {
	border:solid #605749 1px;
	background:#ffffff;
	padding-bottom:5px;
	padding-top:5px;}

#calendrier {width:210px;}
#calendrier .ng-cal-header-table {width:200px;}



#inter_cal .ng-cal-header-table, #inter_cal2 .ng-cal-header-table {width:95%;}


/* the main header table */
.ng-cal-header-table {
	margin:5px;
	border-collapse:collapse;
	background:#efefef;
	border:solid #cccccc 1px;}
	
/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {width:20px;
	height:20px;
	color:#336699;
	border:solid #cccccc 1px;
	text-align:center;}

/* the calendar header table cell (the area where the month and year is displayed) */
.ng-cal-header-td {text-align:center;
	font-weight:bold;
	padding:3px;}
	
/* the main month table */
.ng-cal {/*border:solid #5fd7d6 1px;*/
/*	border-collapse:collapse;
*/	margin:5px;/*
	margin-top:0px;
	background-color: #d9d9d9;*/
}
	
.ng-cal * {font-size:8pt;}
.ng-cal td {padding:3px;
	/*border:solid #4a974c 1px;*/}

/* the days name table cells */
.ng-cal .ng-days-name-td {background:#605749;
	border:solid #605749 1px; color: white;}
	
/* the month name table cell */
.ng-month-name-th {background:#CCD85F;
	font-weight:bold;
	padding:3px;
	color:#ffffff;
	text-align:center;}
	
/* weekends, days off, dates off (holidayes) */
.ng-weekend, .ng-dayOff, .ng-dateOff {color:#999999;}

/* out of range days (previous or next month) */
.ng-outOfRange {color:#999999;
	background:#efefef;
	text-decoration:line-through;}

/* the style for the table cell when the mouse is over it */
.ng-mouse-over {font-weight:bold;
	background:#faedd6;}
	
/* selected day */
.ng-selected-day {background:#CCD85F;
		font-weight:bold;}
		
/* the close and clear buttons in the bottom of the calendar */
.ng-close-link, .ng-clear-link  {padding:3px;
	text-align:center;
	color:#666666;
	text-decoration:none;
	font-size:8pt;
	background:#efefef;
	border:solid #cccccc 1px;
	float:right;
	margin-right:5px;}
	
	
	
		#contenu {
		width: 600px;
		margin-left:200px;
	}


		#colonne_gauche {
			float: left;
			width: 320px;
		}

		#colonne_droite {
			float: left;
			width: 320px;
			margin-left:60px;
		}
		
.fondRose{
background-color:#cd008a;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:25px;
}		

.fondVert{
background-color:#605749;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:25px;
}

.fondVertClair{
background-color:#baaea5;
color:#FFFFFF;
font-size:11px;
height:25px;
}

.fondVertClairPlus{
background-color:#baaea5;
color:#FFFFFF;
font-size:11px;
height:25px;
}