/* div principaux mise en page générale */



#mainTop
{
    background: url('../../img/Accueil/fonds/bg7.html') no-repeat;
    width: 100%;
    height: 500px;
}

#mainTop h2
{
    font-size: 180%;
}

#mainMiddle
{
    min-height: 468px;    
    /*padding: 50px 100px 100px 100px;*/
}

#mainMiddle .content a {
    font-family: 'verdana';
}

#mainMiddle .contentPDF a {
    font-family: 'verdana';
}

#mainMiddle div.block
{
	width: 239px;
    height: 468px;
	position: relative;
	z-index: 0;
    /*display: inline-block;*/
    float: left;
}
#mainMiddle div.block.three
{
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}
#mainMiddle div.block.three .content
{
    display: table;
}
#mainMiddle div.block.three .content div 
{
    clear: both;
    display: table-row;
}
#mainMiddle div.block.three .content IMG 
{
    margin-right: 10px;
    margin-top: 7px;
    display: table-cell;
    vertical-align: middle;

}
#mainMiddle div.block.three .content .text
{
    display: table-cell;
    vertical-align: middle;
}
#mainMiddle div.block.two
{
    border-left: 1px solid #E5E5E5;
}

#mainMiddle div.block.two h2 {
    padding-top: 10px;
}

#mainMiddle div.block.two .contenu
{
    padding-right: 16px; 
}
#mainMiddle div.block div.contenu
{
	margin: 0 0;
	padding: 40px 10px 0 16px;
	margin-bottom: 40px;
}
#mainMiddle div.block.four div.contenu {
	padding: 40px 0 0 18px;
}
#mainMiddle div.block.four div.contenu img.fill {
    padding-left: 7px;
}
#mainMiddle div.block.one ul.firstline, 
#mainMiddle div.block.one ul.otherline {
    display: inline;
}
#mainMiddle div.block.three div.contenu> h2
{
    padding-bottom:0px;    
}
#mainMiddle div.block div.contenu > h2
{
    color: #004682;
    /*width: 50%;*/
    padding: 10px 0 25px;
	min-height: 52px;
    /*position: relative;
    top: 10%;*/
    line-height: 110%;
	font-weight: normal;
}

#mainMiddle div.block div.contenu > h2 a
{
    color: #004682;
}

#mainMiddle div.block div.contenu div.content
{
	min-height: 105px;
	line-height: 158%;
}

#mainMiddle div.block div.contenu > div.bottom
{
    /*position: relative;
    top: 30%;*/
    height: 40px;
	width: 86%;
	margin-top: 40px;
	position: absolute;
	bottom: 100px;
}

#mainMiddle div.block div.contenu > div.bottom a {
    font-family: 'aller';
	padding: 10px 5px;
	width: 195px;
}

#mainMiddle div.block div.contenu div.content ul li
{
    display: inline;
    padding: 0px;    
}

#mainMiddle div.block.one div.contenu {
    padding-left: 14px;
}
#mainMiddle div.block.one div.contenu div.content ul {
    line-height: 130%;
}
#mainMiddle div.block.one div.contenu div.content ul li {
    display: inline-block;
    min-width: 27px;
}

#mainMiddle div.block.four div.contenu div.content ul {
    padding-left: 10px;
}
#mainMiddle div.block.four div.contenu div.content ul li{
    list-style: disc;
    display: list-item;
    margin-left: 5px;
}
#mainMiddle div.block div.contenu div.content table,
#mainMiddle div.block div.contenu div.content table tr,
#mainMiddle div.block div.contenu div.content table td
{
    border: none;
    padding-bottom: 15px;    
}
#mainMiddle div.block div.contenu div.content a
{
    color: #000000;
    text-decoration: underline;    
}
#mainMiddle div.block div.contenu div.content a:hover
{
    /*text-decoration: none;   */
    color: #005fb0;
}

#mainMiddle div.block div.contenu div.content.major > img{
    float: left;
    margin: 0 10px 4px 0;
}

#mainMiddle div.block div.contenu div.content.major > p
{
    margin: 0;
    padding: 0;
    text-align: justify;
}

.fill
{
    padding-top:10px; 
}
/*--------------------------------------------------------------------------------------*/
/* Zone Membre*/
.memberarea
{
    background-color:#f1eeec;
    padding: 5px 0 5px 15px;
    width:173px;
    margin:15px 0px 10px 30px;
}

.memberarea h2
{
    font-size: 115%;
    font-weight:bold;
}

.memberarea h2 a
{
    color:#005fb0;
}

/*Recherche*/
.home_search
{
    width: 187px;
    background-color: #F1EEEC;
    margin:15px 0px 10px 30px;
}

.home_search INPUT.btnRecherche
{
    margin-top:5px;
    border:1px solid grey;
    border-radius: 8px;  
}

/*Horaires*/
.home_horaires
{
    background-color:#f1eeec;
    
    width:187px;
    margin:15px 0px 10px 30px;
}

.home_horaires h2
{
    font-size: 115%;
    font-weight:bold;
    color: #ffffff;
    padding-top:8px;
    padding-left: 5px;
}

.home_horaires h2 a
{
    color:#005fb0;
}
.home_horaires .top
{
    background:url('../../img/Accueil/FondHoraires.html');
    background-position:left top;
    background-repeat:no-repeat;
    width:187px;
    height: 76px;
}

/*Actualites*/
.home_actu
{
    background-color:#f1eeec;
    width:187px;
    margin:15px 0px 10px 30px;
}

.home_actu h2
{
    font-size: 115%;
    font-weight:bold;
    color: #ffffff;
    padding-left: 5px;
    padding-top:3px;
}

.home_actu h2 a
{
    color:#005fb0;
}
.home_actu .top
{
    background:url('../../img/Accueil/TopPerturbs.html');
    background-position:left top;
    background-repeat:no-repeat;
    width:187px;
    height: 30px;
}
.home_actu .titreactu,
.home_actu .actupuce P
{
    margin-left:45px;
}

.home_actu .bottom HR,
.home_pert .bottom HR
{
    background-color:#005fb0;
    color:#005fb0;
    height:1px;
}
.home_actu .contenu .sep,
.home_pert .contenu .sep
{
    display:none;
}
.home_actu .contenu UL,
.home_pert .contenu UL
{
    padding: 0px 5px;
}

/*Perturbations*/
.home_pert
{
    background-color:#f1eeec;
    width:187px;
    margin:15px 0px 10px 30px;
}

.home_pert h2
{
    font-size: 115%;
    font-weight:bold;
    color: #ffffff;
    padding-top:3px;
    padding-left: 5px;
}

.home_pert h2 a
{
    color:#005fb0;
}
.home_pert .top
{
    background:url('../../img/Accueil/TopPerturbs.html');
    background-position:left top;
    background-repeat:no-repeat;
    width:187px;
    height: 30px;
}
.home_pert .contenu,
.home_actu .contenu
{
    padding-left: 0px;
}


/* Trajets*/

#content_ri
{
    margin:-110px auto 30px auto;
    background:url('../../img/Accueil/FondRI.html');
    background-repeat:no-repeat;
    background-position:top left;
    width:522px;
    height:269px;
    
}

.block_form
{
     height: 440px;
     margin: 29px 30px 0 0;
     width: 310px;
}

.horaires
{
    background: #FFFFFF url('../../img/Accueil/coin2.png') no-repeat top right;
}

/* Home Bloc : nouvel encart*/
.container_encart {
    width:1000px;
}

.home_encart {
    background: #004682;
    color: white;
    margin-left: 0px;
    margin-right: 20px;
    text-align: center;
    
}

.home_encart a :hover{
    
    text-decoration:underline;
}

.home_encart .navTripTitleWhite :hover{
    text-decoration:none;
}

.footer_encart {
    background-color: white;
    color: #004682;
    height:40px;
    text-align: center;
    line-height:40px;
    font-size: 140%;
    text-decoration: none;
    
}



.encart {
    background: #b6d8e4 no-repeat top right;
	margin-right: 20px;
	/*margin-left: 320px;*/
}

.encart .logo{
	margin-top: 50px;
	width: 180px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.encart .ligne{
    margin-top: 20px;
	width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.encart .content1{
    text-align: center;
	color: #EB5F0E;
	font-weight: bold;
    font-size: 180%;
	margin-top: 70px;
}

.encart .content2{
    text-align: center;
	color: #313854;
	font-weight: bold;
    font-size: 140%;
	margin-top: 30px;
}

.encart .content3{
	color: #EB5F0E;
	/*margin-left: 10px;*/
	font-weight: bold;
}

div.encart div.footer {
	background-color: #FFFFFF;
	height: 40px;
}

.encart .footer {
    text-align: center;
}

div.encart div.footer a {
    color: #313854;
    font-size: 140%;
	font-weight: bold;
    /*text-decoration: none;*/
    font-family: 'Verdana';
}

div.encart div.footer a span {
    font-weight: bold;
}

.encart .footer a:hover span,
.encart .footer a:focus span,
.encart .footer a:active span {
    text-decoration: underline;
}

.encart .footer-link {
    display: inline-block !important;
    height: 40px;
    width: 49%;
    color: white;
    font-size: 140%;  
}

.encart .footer-link span {
    position: relative;
    /*bottom: 5px;*/
}

/* Home Bloc : RI */

.ri {
    background: #b6d8e4 url('../../img/Accueil/coin1_blanc.png') no-repeat top right;
	margin-right: 20px;
	/*margin-left: 320px;*/
}

.ri .footer-link {
    display: inline-block !important;
    height: 40px;
    width: 49%;
    color: white;
    font-size: 140%;  
}

.ri .footer-link:first-child {
    border-right: solid 1px #005fb0;
}

.ri .footer-link img {
    position: relative;
    top: 4px;
    margin-left: 5px;
}

.ri .footer-link:last-child img {
    top: 5px;
}

.ri .footer-link span {
    position: relative;
    bottom: 5px;
}

.ri .footer a {
    text-decoration: none;
}

.ri .footer a:hover span,
.ri .footer a:focus span,
.ri .footer a:active span {
    text-decoration: underline;
}

/* Home Bloc : Mon espace */

.mon-espace {
    background: #FFFFFF url('../../img/Accueil/coin3.png') no-repeat top right;
}

.mon-espace h2 {
    margin-bottom: 36px;
}

.mon-espace li {
    border-top: solid 1px #DDD;
    margin-left: -17px;
    margin-right: -17px;
    padding: 0;
}

.mon-espace li a {
    display: block;
    height: 63px;
    padding-top: 27px;
    font-family: Verdana, 'aller';
    color: #000;
    text-decoration: none;
}
.mon-espace li a.item2 {
    height: 73px;
    padding-top: 17px;
}

.mon-espace li a:hover,
.mon-espace li a:focus,
.mon-espace li a:active {
    background-color: #F5F5F5;
}

.mon-espace-item {
    display: inline-block;
    width: 195px;
    vertical-align: middle;
    font-size: 120%;
}

.mon-espace img {
    vertical-align: middle;
}

.mon-espace-icon {
    display: inline-block;
    width: 80px;
    text-align: center;
}

.mon-espace .footer {
    text-align: center;
}

.mon-espace .footer a {
    color: #FFF;
    font-size: 140%;
    text-decoration: none;
}

.mon-espace .footer a:hover span,
.mon-espace .footer a:focus span,
.mon-espace .footer a:active span {
    text-decoration: underline;
}



/* End Home Bloc : Mon espace */



.block_form div.content
{
    padding: 17px;
    height: 366px;
	position: relative;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
}

.block_form div.footer
{
    background-color: #004494;
    height: 40px;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
}

.block_form div.footer a, .block_form div.footer_encart a {
	display: block;
    font-family: 'aller_lt';
}

.block_form div.content .navTripTitle
{
    padding-bottom: 10px;    
}

#mainTop .block_form div.content .navTripTitle h2 
{
    font-size: 167%;
    font-weight: bold;
	line-height: 100%;
    color: #000000;
}

#mainTop .block_form div.content .navTripTitle h2 span
{
    color: #004682;
    font-size: 159%;
	line-height: normal;
	display: block;
    font-weight: normal;
}

#mainTop .block_form div.content .navTripTitleWhite h2 
{
    font-size: 167%;
    font-weight: bold;
	line-height: 100%;
    color: #ffffff;
}






.block_form .footer a > span
{
    padding: 0;
    font-weight: lighter;
	height: 40px;
	line-height:40px;
}

.block_form .footer a > span > img, .block_form .footer a > span > span
{
    float: left;
    display: inline-block;  
    height: 100%;
}
.block_form .footer a > span > span
{
	width: 230px;
    color: #FFFFFF;
    font-size: 160%;/*15pt*/
}
.block_form .footer a:hover > span > span
{
    text-decoration: underline;
}
.block_form .footer a > span > img{
    padding-top: 4px;
    padding-right: 5px;
	margin-left: 10px;
	height: 30px;
	width: 30px;
}

#navTripForm, #horaires_arretForm
{
    padding:10px 0 0 0;
}

#content_ri .depart
{
    background:url('../../img/Accueil/BulleDepart.html');
    background-repeat:no-repeat;
    background-position:top left; 
    width:41px;
    height:41px;
    padding:15px 0 0px 50px;
    font-size:145%;
    font-weight:bold;
    color:Black;
}

#content_ri .arrivee
{
    background:url('../../img/Accueil/BulleArrivee.html');
    background-repeat:no-repeat;
    background-position:top left; 
    width:41px;
    height:41px;
    padding:15px 0 0px 50px;
    font-size:145%;
    font-weight:bold;
    color:Black;
}

#navTripForm .depart_arrivee_block input,
#horaires_arretForm .depart_arrivee_block input
{
    /*margin: 0 0 0 35px;
    width: 240px;*/
    width: 80%;
	padding: 4px 5px 6px 5px;
    height: 20px;
    line-height: 20px;
    font-weight:normal;
    color: #4d4d4d;
    font-size: 105%;/*13pt*/
}

.tripSubmit > a
{
    font-family: 'verdana';
	position: absolute;
	bottom: 15px;
}

.tripSubmit > input,
.hourSubmit > input
{
    border-left: none;
    border-top: none;
    border-right: none;
	position: absolute;
    border-radius: 0;
    -webkit-appearance: none;
} 

.tripSubmit > input {
	right: 15px;
	bottom: 15px;
}

.tripSubmit > input.link {
    color: #000000;
    font-family: verdana;
    font-size: 100%;
    background-color:#b6d8e4;
    left: 10px;
    border: 0;
    font-weight: normal;
    bottom: 8px;
    text-align: left;
}

#navTripForm .tripSubmit > input {
    width: auto;
	*width: 118px;
	height: 38px;
}

.next_departures_block
{
    padding-bottom: 41px;
}
.next_departures_block > label, .services_block > label
{
    font-family: 'aller';
    font-size: 110%;
    color: #000000;
    font-size: 125%;
}
.next_departures_block > input, .services_block > input
{
    width: 95%;
    color: #4d4d4d;
    font-size: 105%;
	padding: 4px 5px 6px 5px;
    height: 20px;
    line-height: 20px;
}

.services_block input[type="radio"] {
    margin-left: 0;
    margin-right: 0;
}

.services_block > input {
	margin-top: 8px;
}

.services_block > div > label {
	margin-right: 10px;
}

#navTripForm .depart_arrivee
{
    float: left;
    width: 90%;
}

#navTripForm .depart_arrivee > div {
    padding-top: 2px;
	margin-bottom: 5px;
}

#navTripForm .depart_arrivee label
{
    font-family: 'aller';
    width: 22px;
    display: inline-block;
	padding: 7px 2px 7px 0;
	text-align: right;
    color: #000000;
    font-size: 130%;/*15pt*/
}

#navTripForm .depart_arrivee_switch
{
    float: left;
    width: 10%;
    height:26px;
    vertical-align: middle;
}

#navTripForm .depart_arrivee_switch > img
{
    padding: 46% 0;    
}

#navTripForm .datetime_block, #navTripForm .extraChoices
{
    padding: 0 0 0 25px;    
	margin-top: 15px;
}

#navTripForm .extraChoices {
	margin-top: 5px;
}

#navTripForm .extraChoices input[type="checkbox"] {
    vertical-align: middle;
}

#navTripForm input#laDate {
    border: 1px solid #ddd;
    font-family: verdana;
}

#horaires_arretForm .services_block div {
    padding-top: 3px;
}

#horaires_arretForm .services_block input[type="radio"] {
    margin-top: 0;
    vertical-align: middle;
}

#horaires_arretForm .hourSubmit {
    height: 40px;
    width: 86%;
    margin-top: 40px;
    position: absolute;
    bottom: 100px;
}

#horaires_arretForm .hourSubmit input[type="submit"] {
    height: 42px;
    width: 206px;
    background-color: #004494;
    border-bottom: 3px solid #002B7D;    
}

#navTripForm .datetime_block .selectDate label, #navTripForm .datetime_block .selectHours .label
{
    font-family: 'aller';
    font-size: 130%;
    display: block;    
}

#navTripForm .datetime_block .selectDate img
{
     vertical-align: text-bottom;   
}

#navTripForm .datetime_block .selectDate
{
    float: left;
    width: 50%;
}

#navTripForm .datetime_block .selectHours
{
    float: right;
    width: 45%;
}

#navTripForm .datetime_block .selectDate input
{
    width: 62%;  
	padding: 7px 5px;  
}

#navTripForm .datetime_block .selectHours .selectTypeDate,
#navTripForm .datetime_block .selectHours .selectTypeDate select
{
    width: 100%;
	height: 32px;
	margin-bottom: 3px;
}

#navTripForm .datetime_block .selectHours .selectTypeDate select {
	padding: 5px;
}

#navTripForm .datetime_block .selectHours .selectHour
{
    display: block;
    float:left;
    width: 50%;
}
#navTripForm .datetime_block .selectHours .selectMinute
{
    display: block;
    float:left;
    width: 48%;
}

#navTripForm .datetime_block .selectHours .selectHour {
	margin-right: 2px;
}

#navTripForm .datetime_block .selectHours .selectHour select,
#navTripForm .datetime_block .selectHours .selectMinute select
{
    width: 100%;    
	padding: 7px 4px;
}

#navTripForm .datetime_block .selectHours .selectMinute select
{
    margin-left: 1%;    
}

/* diaporama*/
#content_event
{
    margin:auto auto 30px auto;

    width:522px;
    height:269px;
    
}

/*RI*/
.depart_arrivee_block .reverse a {
    background: url("../../img/default/Picto/TrajetRetour.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 24px;
    width: 24px;
    padding-top: 50px;
    cursor: pointer;
}
.depart_arrivee_block .reverse a:hover {
    background: url("../../img/default/Picto/TrajetRetour_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);  
}


DIV.waiting {
    float: right;
    margin: 15px 0 0 0;
    display: none;
    background-color: #FFFFFF !important;
    border: 1px solid #d9d9d9 !important;
    color: #005fb0 !important;
    padding: 8px;
	cursor: default !important;
	font-family: 'aller';
    font-weight: bold;
    font-size: 125%;
    text-align: center;
    text-transform: uppercase;
}
DIV.waiting img {
    margin-right: 5px;
}

#HourWaiting {
    margin-top: 65px;
}

.colorJourney{
    color:#004682;
}