html, body {
}
body {
    margin: 0;
    padding: 0;
    font-family: Verdana,Arial,Tahoma,sans-serif;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 10px;
    color: #040404;
    background-color: #fffefe;
    text-align: left;
}
img {
    border-style: none;
}
/****************************************************************/
#master_page {	margin: 0px auto 20px auto;	width: 800px; }
form {margin:0;}
div {margin:0;}
table { font-size:11px; } 
a {text-decoration:none;}
#mainContainer {width:780px; text-align:left; margin:auto; position:relative;}
#contenu {width: 780px; text-align: left; margin: auto; position: relative;} /*height: 350px */
#headerContainer { padding-left: 15px;   position:relative; height:105px; z-index:999;}
#headerContainer #headerBkgrd {background-color:#000000;height:86px; position:absolute; left:0; top:0; width:780px;}
#headerContainer #logoMdc {position:absolute; left:661px; top:22px;}
#headerContainer #contact {padding-left: 20px;   color:#FFFFFF;    padding-right: 5px;      padding-bottom: 5px;    padding-top: 5px;}
#headerContainer #aide {  padding-bottom: 5px;    padding-top: 35px;}

.panAide{ background-color:black; color:white; z-index:99999; position: absolute; top: 0px; Width:300px; Height:0px; overflow: visible; }
.panAide div {padding:5px;color: #cccccc;}
.panAide div p {margin-top:2px; margin-bottom:3px; font-style:inherit; color: #ffffff;}
.panAide div h1 {    margin-top: 5px;   margin-bottom: 3px;    font-size: 12px;    font-weight: bold;    display: inline;    }
.panAide div h2 {margin-top:3px; color: #ffffff; margin-bottom:2px; font-size:11px; font-weight:bold;  display: inline;font-variant: small-caps; }
.panAide div h3 { margin-top:3px; margin-bottom:2px; font-size:11px; font-weight:bold; display: inline;  }

.panAide div b {margin-top: 5px;   margin-bottom: 3px;    font-size: 12px;    font-weight: bold;    display: inline;    }
.panAide div a {color:#ffffff; text-decoration:none;  }
.panAide div a:hover {color:#ffffff; text-decoration:underline; }
.panAide div ul {margin-top:2px; margin-bottom:3px; list-style-position: outside;    list-style-type: square;}


#headerContainer #titrePage {position:absolute; left:259px; top:42px; }
#headerContainer #menuContainer { position:absolute; left:20px; top:90px; width:760px;}
#tracerContainer {height:40px; padding-left:20px; padding-right:20px;}
#tracerBody {    padding-top: 25px;   color: #868686; }
a.tracer { color: #868686; font-weight: bold;}
/*Liens fonctionnalités */
a.linkFonc {color: #868686;}
.texteCentrer { text-align: center; }
.texteReponse { padding-right: 110px; font-weight: normal; padding-bottom: 100px; margin: 30px 30px 100px 50px; vertical-align: middle; text-align: center }
.toolTip {    border-right: #CCCCCC solid;    border-top: #CCCCCC  solid;    border-left: #CCCCCC solid;    border-bottom: #CCCCCC solid;    font-size: 11px;    z-index: 104;    width: 180px;    color: black;    font-family: Arial;    position: absolute;    background-color: #ffffff;    text-align: left;    display: block;    left: -10px;    top: -10px;    clear: none;    float: left;    overflow: visible;    padding-right: 4px;    padding-left: 4px;    padding-bottom: 5px;    margin-right: 10px;    padding-top: 2px;    border-width: 1px;    border-style: solid;}
.message {    color: #df0014;    text-align: center;}
.evidence {    color: #00667C;    font-size: 10pt;    letter-spacing: 0px; font-weight:bold;}
.b {font-weight:bold}
.i{    font-style: italic;}
.discret {color:#a9a9a9;}
.blink {text-decoration:blink;}
.pagerContainer { text-align:right; vertical-align:middle; }
.pagerContainer a {margin: 5px 2px 5px 2px; padding-bottom:5px;}
.pagerLink {    color: #5A5A5A;    text-decoration: underline;    font-weight: bold;    vertical-align: middle;    }
.pagerCurrentLabel {  color: #00667C; font-weight:bold; margin: 5px 2px 5px 2px; padding-bottom:5px; }
.alignCenter { text-align:center; }

a.link {text-decoration:none; font-weight:bold; color:#00667C;}
a.link:hover {text-decoration:underline; font-weight:bold; color:#000000;}
a.linkB {text-decoration:underline; font-weight:bold; color:#000000;}
a.linkB:hover {  font-weight:bold; color:#00667C;} /*background-color:#ececec;*/
a.linkTooltip {    text-decoration: none;    font-weight: bold;    color: #00667C;    border-bottom: 1px dotted #00667C;    cursor: text;}
a.linkTooltip:hover {text-decoration:none; font-weight:bold; color:#00667C; border-bottom:0px dotted #00667C;}

a.linkVoyageP {color:Black; text-decoration:underline; font-weight:bold;}
a.linkVoyageP:hover {text-decoration:overline;}

.PanelStyleTooltip  {background-color: #FFFFFF; border: 1px solid #C0C0C0; width: 280px; padding:6px; text-align:justify;}

a.Form:hover {text-decoration:none; padding-left: 10px;    padding-right: 10px;}
a.Form {  color:#000000; text-decoration:underline; padding-left: 10px;    padding-right: 10px;}
a.FormVisible:hover {text-decoration:none; padding-left: 10px;    padding-right: 10px;}
a.FormVisible {  color:#df0014; text-decoration:underline; padding-left: 10px;    padding-right: 10px;}

#editoContainer {background-image:url(../img/interface/fond_biblio.jpg); background-position:top right; background-repeat:no-repeat; background-color:#CCD498; height:145px; padding-left:20px;}
#edito {padding-top:30px;}
#edito p {margin:15px 220px 10px 0px;}
#edito form .editoSelectBox {font-family:arial; font-size:10px;}
.editoExerg1 {font-weight:bold;}

.biblioRow {clear:both;}
.biblioVisuel {width:190px; text-align:right; float:left;}
.biblioText {float:left; margin-left:22px; width:567px;}
.biblioText h1 {background-image:url(../img/interface/p_flecheBiblioTitre.gif); background-repeat:no-repeat; background-position:0px 3px; font-size:11px; font-weight:bold; color:#00667C; padding-left:21px; margin:0;}
.biblioText p {margin:0px 65px 8px 0px; }
.biblioText h2 {font-weight:bold; font-size:10px; margin:10px 0px 0px 0px; padding:0;}
a.biblioLink1 {background-image:url(../img/interface/p_flecheBiblioLien.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; font-weight:bold; color:#00667C; padding-left:18px; margin:0; }
a.biblioLink1:hover, a.tracer:hover, a.mdcLinkType1:hover {text-decoration:underline;}

.vSpacer10 {clear:both; height:10px; font-size:1px;}
.vSpacer20 {clear:both; height:20px; font-size:1px;}
.vSpacer30 {clear:both; height:30px; font-size:1px;}
.vSpacer40 {clear:both; height:40px; font-size:1px;}
.vSpacer5 {clear:both; height:5px; font-size:1px;}

/***************************************************************************************/



#Page	
{
    position:relative;
	left: 50%;
	top: 0px;
	margin-left: -400px; /* Cette valeur doit être la moitié négative de la valeur du width (compatible IE6)*/
	width:800px;
 }
 

@media print {


     #Page	
{
    position:absolute;
    top:0px;
    left:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:700px;
 }
     }
#Header {
   
    color: #fffefe;
    z-index:999;
}
#Header a {
    font-size: 12px;
    color: #fffefe;
	text-decoration: none;
}
#Header a:hover {
	text-decoration: underline;
}
#HeaderTop
{
 background-color: #000000;
 height :94px; 
}
#Header #HeaderTop .left {
	width: 597px;
}
#Telephone {
    margin: 0;
    padding: 2px 0 0 15px;
}
#Telephone img {
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
}
#Telephone strong {
    font-size: 13px;
}
#Logo {
    position: absolute;
	margin: 0 0 0 15px;
	top: 30px;
}
#HeaderTop .right {
	position: absolute;
	top: 0;
	margin-left: 597px;
}
@media print
{    
#NewletterBox {visibility:hidden;}
}
#NewletterBox {
	margin:0px 0 0 0;
	padding: 0 0 6px 0;

}


#NewletterBox h1 
{
    color:#fffefe;
	margin: 0;
	padding: 7px 7px 7px 0;
    font-weight: bold;
    font-size: 12px;
}
.Email 
{
    font-family: Verdana,Arial,Tahoma,sans-serif;
	width: 148px;

	font-size: 10px;
}
#HeaderBottom
{
    height :35px;
    padding: 7px 0 0 0;}


#CheminFerContainer
{
    height:40px;
}
#CheminFerBody  
{
    font-family: Verdana,Arial,Tahoma,sans-serif;
    font-size:9px;
    font-weight: bold;
    
    color: #868686;
    margin-top:10px;
    margin-left:20px;
    }
#CheminFerBody .tracer  
{
    font-family:Verdana,sans-sherif;
    font-size:9px;
    font-weight: bold;
    color: #868686; 
    
}
#CheminFerBody  a.tracer   
{    
    font-family:Verdana,sans-sherif;
    font-size:9px;
    color: #868686;
    font-weight: bold;
}

#Header .right p {
	margin: 0;
	padding: 4px 0 0 0;
}
#Header .right form .submit {
	position: relative;
	top: 4px;
	left: 2px;
}
#Login a {
	background-image: url(../img/interface/Accueil/puceFlecheNoire.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
	padding: 0 28px 0 0;
}
@media print
{    
#HeaderBottom {visibility:hidden;}
}
#TopMenu {
    width: 800px;
    margin: 0;
    padding: 0 0 0 112px;
    background-color: #fffefe;
	clear: both;
}
#TopMenu li {
    display: block;
    float: left;
    height: 50px;
    width: 100px;
    margin: 8px 0 0 0;
    padding: 0 0 0 7px;
    list-style-type: none;
    text-align: center;
	background-image: url(../img/interface/Accueil/puceRouge.gif);
	background-position: left 13px;
	background-repeat: no-repeat;
}
#TopMenu li.first {
	padding-left: 0;
	background-image: none;
}
#TopMenu #MenuBillet {
    width: 124px;
}
#TopMenu #MenuPromos {
	width: 85px;
	padding-top: 0.7em;
}
#TopMenu #MenuRendezVous {
	width: 145px;
}
#TopMenu li a {
    color: #000000;
	font-weight: bold;
}
#TopMenu #MenuPromos a {
	color: #d55c19;
}
#TopMenu li a:hover {
	text-decoration: none;
}

@media print
{    
#BottomMenu {visibility:hidden;}
}
/*Bas de page*/
#BottomMenu2 
{
    display:block;
    position:relative;
	background-color: #020000;
	color: #ffffff;
	font-size: 9px;

}
#BottomMenu {
	background-color: #020000;
	color: #ffffff;
	font-size: 9px;
	margin: 16px 0;
	padding: 7px 5px;
}
#BottomMenu p {
	margin: 0;
	padding: 4px 0;
}
#BottomMenu a {
	color: #ffffff;
	text-decoration: none;
}
#BottomMenu a:hover {
	text-decoration: underline;
}
@media print
{    
#Footer {visibility:hidden;}
}
#Footer {
	font-size: 9px;
	color: #040404;
}
#Footer h1 {
	font-size: 9px;
	font-weight: bold;
	margin: 0;
	padding: 10px 6px 5px 6px;
}
#Footer p {
	margin: 0;
	padding: 2px 6px;
}
#Footer a {
	color: #040404;
	text-decoration: none;
}
#Footer a:hover {
	text-decoration: underline;
}
@media print
{    
#Mentions {visibility:hidden;}
}
#Mentions {
	margin: 16px;
	font-size: 9px;
	color: #3e3e3f;
}
#Mentions p {
	margin: 0 0 0 -9px;
	padding:  2px 0 0 0;
}

#Mentions a {
	color: #040404;
	text-decoration: none;
}
#Mentions a:hover {
	text-decoration: underline;
}

dfn {
	font-style: normal;
    cursor: help;
}
.exp {
	font-size: medium;
    vertical-align: top;
}
.end {
	clear: both;
}