/* Surcharges par rapport au main.css */
#navbas {
	MARGIN-RIGHT: 20px;
}
#head 
{
	BACKGROUND-COLOR: #bacc16;
	background-image:url('../img/FR/Home/fondHaut.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	HEIGHT: 141px;
}
#head DIV.baseline {
	FONT-SIZE: 195%;
	float:left;
	margin-left:410px;
	margin-top:20px;
	color:#040c1b;
	font-weight:bold;
}
#head DIV.baseline span {
	color:#e4f166;
}

#head DIV.baseline DIV.legende 
{
	margin-top:5px;
	color:#ffffff;
	FONT-SIZE: 60%;
	text-transform:uppercase;
	font-weight:normal;
	height:20px;
}



/* Partie gauche / centrale */
#left {
	CLEAR: both;
	FLOAT: left;
	WIDTH: 680px;
	margin-top:10px;
}

/* Partie droite */
#right {
	FLOAT: left;
	PADDING: 0px;
	WIDTH: 280px;
}

/* Contenu */
#content {
	FLOAT: left;
	CLEAR: both;
}

#content #cLeft
{
	float:left;
	width:405px;
}

#content #cRight
{
	float:left;
	width:270px;
	margin-left:5px;
}

#content .top {
	HEIGHT: 24px;
}
#content .bottom {
	CLEAR: left;
	HEIGHT: 24px;
}

/* Carte dynamique */
#carte 
{
	margin-top:20px;
	TEXT-ALIGN: center;
}
#carte H2
{
	color:#005EA3;
	font-size:145%;
}

#carte SPAN {
	FONT-WEIGHT: bold;
	PADDING-LEFT: 10px;
}

#carte .flash
{
	float:left;
	margin-top:10px;
	margin-left:5px;
}


/* Formulaire RI */
#trajet {
	OVERFLOW: hidden;
	MARGIN-LEFT: 8px;
	background-image:url('../img/FR/Home/itiCentre.jpg');
	background-repeat:repeat-y;
	color:#FFFFFF;
}
#trajet H2 {
	FONT-SIZE: 150%;
	margin-top:30px;
	margin-left:10px;
}
#trajet H2 SPAN 
{
	color:#C4D332;
}

#trajet UL {
	FLOAT: right;
	FONT-SIZE: 92%;
	MARGIN: 4px 0px 0px 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#trajet LI {
	DISPLAY: inline;
}
#trajet FORM {
	CLEAR: both;
}
#trajet FIELDSET {
	BORDER: none;
	MARGIN: 0px;	
	PADDING: 3px;
	background-image:url('../img/FR/Home/itiHaut.jpg');
	background-repeat:no-repeat;
}
#trajet DIV.pointDep, #trajet DIV.pointArr, #trajet DIV.date {
	MARGIN-TOP: 5px;
	PADDING-TOP: 3px;
	PADDING-LEFT: 5px;
}
#trajet DIV.option {
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 10px;
}
#trajet LEGEND {
    DISPLAY: none;
}
#trajet LABEL, #trajet DIV.label {
	DISPLAY: block;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 5px;
    color:#C4D332;
}
#trajet DIV.date LEGEND {
	DISPLAY: block;
    FONT-WEIGHT: bold;
    color:#C4D332;
}
#trajet DIV.date LABEL
{
	margin:3px;
}
#trajet SPAN.label {
	FLOAT: left;
}
#trajet .help {

}
#trajet #helpDep, #trajet #helpArr {
	PADDING-LEFT: 5px;
	DISPLAY: none;
}
#helpText {
	PADDING-LEFT: 5px;
}
#trajet #pointDep, #trajet #pointArr {
	WIDTH: 200px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #2F64CC;
	FONT-SIZE: 100%;
}

/* AUTOCOMPLETION */
.ui-autocomplete-input { width:200px; border-color:#767F19; }



#trajet DIV.date LABEL {
	/*DISPLAY: block;
    FONT-WEIGHT: normal;
    MARGIN-BOTTOM: 0px;
	PADDING-LEFT: 5px;
	horaire*/
}
#trajet DIV.date FIELDSET {
	PADDING: 0px;
	padding-top:5px;
	BACKGROUND: none;
}
#trajet SELECT {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #2F64CC;
	MARGIN-LEFT: 5px;
	FONT-SIZE: 100%;
}

#trajet DIV.submit {

	TEXT-ALIGN: center;
}
#trajet DIV.submit INPUT.submit1 {
	
    MARGIN: 0px 35px 0px 0px;
    PADDING: 0px;
    padding-right:12px;
    FLOAT:right;
    background-color:Transparent;
	border:none;
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
	background-image:url('../img/puceEnvoie1.gif');
	background-repeat:no-repeat;
	background-position:right;
    cursor:pointer;
}
#trajet .accessPoint{
	PADDING-TOP: 12px;
	PADDING-BOTTOM: 6px;
	background-image:url('../img/pictoAccess.gif');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:28px;
}

#trajet .accessPoint INPUT {
	float:left;
}

#trajet DIV.button
{
	margin:0;
	padding:0;
	background-image:url('../img/FR/Home/itiBas.jpg');
	background-repeat:no-repeat;
	height:48px;
}

#trajet .avancedSearch
{
	padding-bottom:15px;
	padding-left:12px;
}



#trajet A
{
	color:#FFFFFF;
	text-decoration:none;
}
#trajet A.ui-state-default
{
	color:#BACC16;
}

#trajet DIV.divDate img.ui-datepicker-trigger {
	vertical-align: bottom;
}

#trajet A:hover
{
	text-decoration:underline;
}

/* Formulaire horaire*/
#horaire {
	OVERFLOW: hidden;
	MARGIN-LEFT: 8px;
	width:255px;
}
#horaire H2 {
	FONT-SIZE: 145%;
	background-image:url('../img/FR/Home/horairesFondHaut.jpg');
	background-repeat:no-repeat;
	padding-top:8px;
	padding-left:10px;
	color:#153a62;

}
#horaire UL {
	FLOAT: right;
	FONT-SIZE: 92%;
	MARGIN: 4px 0px 0px 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#horaire LI {
	DISPLAY: inline;
}
#horaire FORM {
	CLEAR: both;
}
#horaire FIELDSET {
	BORDER: none;
	MARGIN: 0px;	
	padding-bottom:10px;
	PADDING: 3px;
	background-image:url('../img/FR/Home/horairesFondCentre.jpg');
	background-repeat:repeat-y;
}

#horaire LEGEND {
    DISPLAY: none;
}
#horaire LABEL {
	DISPLAY: block;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px;
}

#horaire INPUT
{
	MARGIN-LEFT: 10px;
}

#horaire SELECT {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #666666;
	MARGIN-LEFT: 10px;
	FONT-SIZE: 100%;
}

#horaire DIV.button
{
	margin:0;
	padding:0;
	background-image:url('../img/FR/Home/horairesFondBas.jpg');
	background-repeat:no-repeat;
	height:35px;
}

#horaire DIV.submit {
	TEXT-ALIGN: center;
	PADDING-TOP: 4px;
}
#horaire DIV.submit INPUT.submit1 {
	
    MARGIN: 0px 10px 0px 10px;
    PADDING: 0px;
    padding-right:12px;
    FLOAT:right;
	background-color:Transparent;
	border:none;
	color:#040c1b;
	font-size:100%;
	font-weight:bold;
	background-image:url('../img/FR/Home/puceEnvoie2.gif');
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
}

#horaire DIV.avancedSearch A {
	color:#040c1b;
	MARGIN-LEFT: 13px;
}

#horaire div.divDate img.ui-datepicker-trigger {
	vertical-align: bottom;
}

/* Liens vers les partenaires */
#partenaires {
	FLOAT: left;
	MARGIN-TOP: 5px;
	MARGIN-LEFT: 10px;
	width:647px;
}
#partenaires H2 {
	FONT-SIZE: 145%;
	padding-top:10px;
	COLOR: #040c1b;
	PADDING-LEFT: 20px;
	background-image:url('../img/FR/Home/partHaut.jpg');
	background-repeat:no-repeat;
}

#partenaires DIV {
	FLOAT: left;
	background-image:url('../img/FR/Home/partCentre.jpg');
	background-repeat:repeat-y;
	width:646px;
}

#partenaires UL {
	FLOAT: left;
	MARGIN: 0px;
	padding-top:10px;
	PADDING-LEFT: 20px;
	PADDING-RIGHT: 5px;
	COLOR: #2F64CC;
	width:180px;
}

#partenaires UL LI
{
	padding-bottom:8px;
	list-style:none;
}

#partenaires DIV.bas
{
	clear:both;
	background-image:url('../img/FR/Home/partBas.jpg');
	background-repeat:no-repeat;
	height:17px;
}

#partenaires A 
{
	color:#040c1b;
	text-decoration:none;
	display:block;
	width:150px;
	background-image:url('../img/FR/Home/puceEnvoie4.gif');
	background-repeat:no-repeat;
	padding-left:10px;
}

#partenaires A:hover
{
	background-color:#FFFFFF;
	background-image:url(../img/FR/Home/puceEnvoie3.gif);
	background-repeat:no-repeat;
}

/* Espace adhérent */
#monespace {
	PADDING: 0;
	BACKGROUND-IMAGE: url("../img/FR/home/monEsp.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top right;
	width:277px;
	height:130px;
}
#monespace DIV
{
	padding-top:22px;
	padding-left:18px;
	padding-right:15px;
}
#monespace DIV#adherent
{
	padding:0px;
}
#monespace H2, #monespace .h2 
{
	FONT-SIZE: 150%;
	COLOR: #122449;
	PADDING-LEFT: 40px;
	FONT-WEIGHT: bold;
	background-image:url('../img/FR/Home/pictoMonEspace.gif');
	background-repeat:no-repeat;
	line-height:100%;
	height:32px;
}


#monespace H2 SPAN, #monespace .h2 SPAN
{
	color:#005ea3;
}

#monespace div.h2 div
{
	vertical-align:middle;
	padding-top: 5px;
}
#monespace div.h2
{
	padding: 0 0 0 40px;
}

#monespace P {
	MARGIN: 3px 2px 0px 5px;
}
#monespace UL {
	MARGIN: 0px;
	PADDING: 4px 0px 0px 30px;
	COLOR: #2F64CC;
}
#monespace UL.disconnect
{
	margin-top:5px;
}
#monespace LI {
	PADDING: 0px;
	MARGIN: 0px;
	list-style:none;
	margin-top:3px;
}
#monespace LI.top {
	display:inline;
	margin-right:15px;
	margin-top:0px;
}

#monespace LI A
{
	background-image:url('../img/FR/Home/puceMonEsp.gif');
	background-repeat:no-repeat;
	padding-left:10px;
	text-decoration:none;
	color:#122449;
}


/* Perturbations */
#perturbations {
	PADDING: 10px 5px 0px 0px;
	margin-left:15px;
}
#perturbations H2 {
	FONT-SIZE: 145%;
	COLOR: #005ea3;
}
#perturbations UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#perturbations LI {
	PADDING: 5px 0px;
	MARGIN: 0px;
	margin-top: 0.4em;
}
#perturbations p {
	margin-top: 0.8em;
}
#perturbations .all
{
	clear:both;
	MARGIN-TOP: 5px;
}
#perturbations .all A 
{
	background-image:url('../img/FR/Home/puceEnvoie5.gif');
	background-position:right;
	background-repeat:no-repeat;
	padding-right:12px;
	color:#005ea3;
}
#perturbations LI.pert1 {
	BACKGROUND-IMAGE: url("../img/picto/pictoInfo.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 2px;
	PADDING-LEFT: 25px;
}
#perturbations LI.pert2 {
	BACKGROUND-IMAGE: url("../img/picto/pictoAttention.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 2px;
	PADDING-LEFT: 25px;
}

/* Actualités */
#actualites {
	PADDING: 10px 5px 0px 0px;
	margin-left:15px;
}
#actualites H2 {
	FONT-SIZE: 145%;
	COLOR: #005ea3;
}
#actualites UL {
	COLOR: #005ea3;
	padding-left:15px;
}
#actualites LI 
{
	margin-top: 0.4em;
	PADDING: 5px 0px;
	list-style-image:url('../img/puceRonde.gif');
}
#actualites LI.annonce {
	COLOR: #0C3174;
	LIST-STYLE: none;
}
#actualites LI.annonce IMG {
	MARGIN-BOTTOM: 2px;
	margin-right:5px;
}
#actualites p {
	margin-top: 0.8em;
}
#actualites .all
{
	clear:both;
	MARGIN-TOP: 5px;
}
#actualites .all A 
{
	background-image:url('../img/FR/Home/puceEnvoie5.gif');
	background-position:right;
	background-repeat:no-repeat;
	padding-right:12px;
	color:#005ea3;
}

/* Partenariat */
.partenariat {
	margin:5px 0px;
}

/* publicités */
#publicites 
{
	margin-left:15px;
	PADDING: 10px 5px 0px 0px;
}
#publicites H2 {
	FONT-SIZE: 145%;
	COLOR: #005ea3;
}


/* Avertissement navigateur obsolete */
.obsolete 
{
	background-color:#FFFFFF;
	margin:5px;
	padding:10px;
	font-size:195%;
}

/* Mobile */
#global .mobile
{
	background-color:#FFFFFF;
	font-size: 250%;
	text-align: center;
	padding:20px;
	margin:10px;
}
#global .mobile a
{
	font-size: 120%;
}