/* ----------- DÈfinitions gÈnÈriques ----------- */
* {padding:0px;margin:0px}

BODY {
	margin:0px;
	padding:0px;
	text-align: center;
	
	/* background-image: url(images/accueil/fondEntete.gif);
	background-position: 0px 135px;
	background-repeat: repeat-x; */
	/* width: 1100px; */
		
}

IMG {border:0px;}

/* ----------- EntÍte & Menu ----------- */
/* ----------- Bandeau bleu et gris ----------- */
/* ----------- Le tableau contenant l'entÍte pour obtenir le 100% en largeur ----------- */
#pageContainer {
	width:100%;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	margin-top: 5px;
	height: 700px;
}
	
#pageContainer TD {
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}
	
#pageContainerblocCentre {
	width: 768px;
	vertical-align: top;
	/*border: 1px solid #000;*/
}
	
#pageContainerblocDroit{
	background-image: url(images/accueil/fondDroit.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
	
#pageContainerblocGauche {
	/*border: 1px solid #000;*/
	background-image: url(images/accueil/fondGauche.gif);
	background-position: 0px 79px;
	background-repeat: repeat-x;
}

/* ----------- Logo & Menu ----------- */
#navigation {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
	width: 768px;
	height: 122px;
}

#logo {
	float: left;
	border: 0px solid #000;
}

#menu {
	float: right;
	width: 602px;
	height: 54px;
	padding-top: 64px;
	background-image: url(images/accueil/fondMenu.gif);
	background-position: top right;
	background-repeat: no-repeat;
	border: 0px solid #000;
}

#menu IMG {
	float:left;
	margin-top:1px;
	border: 0px solid #000;
}
	
#menu DIV.separation {
	color: #999999;
	font-size: 11px;
	float:left;
	height:11px;
}
	
#menu DIV.padding {
	width:45px;
	height: 11px;
	font-size:1px;
	float:left;
	border: 0px solid #000;
}
	
#titre {
	clear: both;
	float:none;
	margin-left: 37px;
}
	
/* Pour caler le titre en hauteur */
.separateurTitre {
	float:none;
	clear:both;
	width:100px;
	height: 14px;
	margin:0px;
	padding:0px;
	font-size: 1px;
	border: 0px solid #000;
}
	
	/* Bloc central */
#blocCentral {
	float: left;
	width: 604px;
	height: 381px;
	/*border: 1px solid #000;*/
}
	
/* Animation Flash */
#animation {
	margin: 0px;
	padding: 0px;
	width:604px;
	height:228px; 
}
	
#animationEmbed {
	margin: 0px;
	padding: 0px;
	width:604px;
	height:228px; 
}
	
/** Formulaires **/
#formulaires {
	width: 604px;
	height: 153px;
	background-image: url(images/accueil/fondGrisBas.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:0px;
	margin:0px;
	}
	
#formulaireHorairesTheoriques {
	background-image: url(images/accueil/fondFormulaireHorairesTheoriques.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 280px;
	height: 165px;
	margin-left:0px;
	padding-top: 35px;
	/*padding-left:40px;*/
	float: left;
	/*border: 1px solid #000;*/
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #596C80;
}
	
#formulaireHorairesTheoriques SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #596C80;
	background-color: #FFE5EF;
	margin: 0px;
	padding: 0px;
}

#ligne {
	width: 170px;
}
	
#action {
	width: 90px;
}

#formulaireHorairesTheoriques INPUT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF3366;
	width: 80px;
	margin-left: 9px;
}

#formHorairesTheoriques {
	margin-left: 50px;
}
	
#formHorairesTheoriques .separateur {
	width: 20px;
	height: 4px;
	font-size: 1px;
}

.separateurBlocs {
	width: 35px;
	height: 137px;
	float:left;
	font-size:1px;
}
	
#blocsDroite {
	float: left;
	margin:0px;
	padding:0px;
	border: 0px solid #000;
	width: 272px;
}


#formulaire4prochainsBus {
	background-image: url(images/accueil/fond4ProchainsBus.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 247px;
	height: 77px;
	margin:0px;
	padding:0px;
	float: left;
	/*border: 1px solid #000;*/
}
	
#formulaire4prochainsBus DIV.texteBlocsDroite, #formulaireRechercheItineraires DIV.texteBlocsDroite {
	width: 145px;
	height: 35px;
	float: left;
	border: 0px solid #000;
	margin-top: 42px;
}

	
.margeGaucheBlocsDroite {
	float:left;
	height: 35px;
	width: 92px;
	font-size: 1px;
	border: 0px solid #000;
}
				
#formulaireRechercheItineraires DIV {
	margin-top: 42px;
}
	
#formulaire4prochainsBus DIV A, #formulaireRechercheItineraires DIV A {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #999999; 
	font-weight: bold; 
	text-decoration: underline;
}
	
#formulaireRechercheItineraires {
	background-image: url(images/accueil/fondRechercheItineraires.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 246px;
	height: 81px;
	margin:0px;
	padding:0px;
	margin-top:18px;
	float: left;
}
	
	
/*
	Barre au dessus de la colonne de pub
	pour fini celle du flash
*/
#end_BarreH_Flash{
	background-image: url(images/accueil/barre_haut.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 8px;
	width: 164px;
	margin-top: 1.4px;
	vertical-align: top;
	float: left;
}
	
#sndColonnePubs {
	margin:0px;
	padding:0px;
	float: left;
	clear: none;
	width: 164px;
	height: 390px;
	/*height: 389px;*/
	background-image: url(images/accueil/contourPresentation.gif);
	background-position: top right;
	background-repeat: repeat-y;
	margin-top: 2px;
	
}

#publicites {
		
	background-image: url(images/accueil/fondHautPublicite.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	
	float: left;
	width: 164px;
	height: 100px;
	/*padding-top: 27px;*/
	/*border: 1px solid #000;*/
}

#paddingPublicites {
	width:164px;
	height: 27px;
	float: none;
	/*border: 1px solid #000;*/
}

#link_site{
	/*background-image: url(images/accueil/contourPresentation.gif);
	background-position: top right;
	background-repeat: repeat-y;
	width: 164px;
	height: 225px;
	
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;*/
	/* float: left;*/
	/* margin-top: 20px; */
}

#presentation a, #texteAllActu a, #div_wap a, #div_pr a{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #2080ff;
	font-weight: bold;
	font-size: 12px;
}

#presentation_2{
	vertical-align: bottom;
	width: 200px;
	text-align: left;
}

#textePresentation {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #666666;
	padding-left: 4px;
	padding-right: 6px;
	margin-top: 4px;
}
	
#textePresentationSlogan {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666;
	font-weight: bold; 
	margin-top: 10px;
	padding-left: 4px;
	padding-right: 6px;
}


#guillemetsOuvrants {
	margin-left: 3px;
	margin-top: 14px;
}
	
#guillemetsFermants {
	float: right;
	margin-right: 4px;
}
	
#bas {
	width: 100%;
	height: 60px;
	background-image: url(images/accueil/fondBas.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding:0px;
	margin:0px;
	float: none;
	clear: both;
	
	padding-top: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
	/*
	#bas A, #bas A:link, #bas A:hover, #bas A:visited, #bas A:active {
		text-decoration: underline;
		font-size: 9px;
		color: #999999;
	}
	*/	
/*
	20/04/2009 - FG - STGA -
	-	
*/
	
div#div_header {
	/* margin-left: 30px;	*/
	width: 1024px;
}
	

div#div_footer {
	margin-top: 20px;
  	clear: both;
  	width: 1024px;
}

div#div_menugauche{
	float: left;
	text-align: left;
	width: 270px;
	
}

div#div_menudroite{
	float: right;
	width:200px;
	
}

div#div_actu {
	float: left;
	width: 550px;
	/* margin-top: 10px; */
	text-align: left;
	background-image: url('sedeplacer/images/fondpoindegrade.gif');
	background-position: bottom right;
	background-repeat: repeat-y;
	/* text-align: center; */
}

div#div_menugauche{
	margin-top: 10px;
}

div#div_menudroite{
	margin-top: -20px;
}

div#div_h_theo, div#div_h_reel, div#div_iti{
	padding-left: 10px;
}
	
div#div_toutes_les_actus, div#div_wap, div#div_pr{
	padding-right: 50px;
	width: 246px;
	height: 70px;	
}

div#div_wap{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #2080ff;
	font-weight: bold;
	font-size: 12px;
}

div#div_pr{
	margin-top: -10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #2080ff;
	font-weight: bold;
	font-size: 12px;
}



div#div_page  {
	position : relative;
	width : 1024px;
	margin : 0 auto;
	/* background : transparent url(images/accueil/fondEntete.gif) repeat-x top center; 
	background-position: 0px 130px; */
	/* background : transparent url(img/background.png) repeat-y top center;  */
} 
