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;
}
.divAlert
{
    position: relative;
    font-size: 13px;
    color: Red;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-color: Red;
    border-style: solid;
    text-align: center;
}
/****************************************************************/
#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: #F2AB01;
    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: #F2AB01;
    font-weight: bold;
    margin: 5px 2px 5px 2px;
    padding-bottom: 5px;
}
.alignCenter
{
    text-align: center;
}

a.link
{
    text-decoration: none;
    font-weight: bold;
    color: #F2AB01;
}
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: #F2AB01;
}
/*background-color:#ececec;*/
a.linkTooltip
{
    text-decoration: none;
    font-weight: bold;
    color: #F2AB01;
    border-bottom: 1px dotted #F2AB01;
    cursor: text;
}
a.linkTooltip:hover
{
    text-decoration: none;
    font-weight: bold;
    color: #F2AB01;
    border-bottom: 0px dotted #F2AB01;
}

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: #F2AB01;
    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: #F2AB01;
    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;
}

#MainHeader
{
    color: #fffefe;
}
#MainHeader a
{
    font-size: 12px;
    color: #fffefe;
    text-decoration: none;
}
#MainHeader a:hover
{
    text-decoration: underline;
}


/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

#urlsite
{
    margin: 0;
    padding: 20px 0 0 130px;
    font-size: 13px;
    font-family: Century Gothic,Verdana,Arial,Tahoma,sans-serif;
    color: #F2AB01; /********************************************** A MODIFIER SELON LE SITE */
}
.quiComptent
{
    position: relative;
    top: 85px;
    width: 275px;
    color: Black;
    float: none;
    font-family: Century Gothic;
    font-size: 19px;
    font-weight: bold;
} 
#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 30px;
    top: 15px;
}
#VoyagesQuiComptent
{
    position: absolute;
    margin: 0 0 0 130px;
    top: 90px;
}
#NewletterBox
{
    margin: 20px 0px 0px 0px;
}

.Email
{
    font-family: Arial,Verdana,Tahoma,sans-serif;
    width: 148px;
    font-size: 11px;
    color: #A3A3A3;
}

#NewletterBox h2
{
    color: #000000;
    margin: 0;
    padding: 0px 7px 7px 0;
    /*font-weight: bold;*/
    font-size: 14px;
    font-family: Century Gothic,Verdana,Arial,Tahoma,sans-serif;
}
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

#CheminFerBody
{
    font-family: Verdana,Arial,Tahoma,sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #868686;
    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;
}

#MainHeader .right p
{
    margin: 0;
    padding: 4px 0 0 0;
}
#MainHeader .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;
}
#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;
}
/*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;
}
#Footer
{
    font-size: 9px;
    color: #040404;
}
#Footer table
{
    font-size: 9px;
}
#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;
}
#Mentions
{
    margin: 16px;
    font-size: 9px;
    color: #3e3e3f;
    text-align: justify;
}
#Mentions table
{
    font-size: 9px;
}
#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;
    position: relative;
    float: left;
}
.end
{
    clear: both;
}

/*************************************************************************************/
#ContenuPage
{
	position: relative;
	background-color: White;
	margin-left: 5px;
	margin-right: 5px;
}
.LaPage
{
    position: relative;
    top: 0px;
    margin: 0 auto;
	background-color: white;
}
#MainHeader
{
    background-color: White;
}
#MainHeader a
{
    font-size: 12px;
    color: #fffefe;
    text-decoration: none;
}
.HeaderTop
{
    /***position: relative;
    float: left;
    width: 800px;*/
    height: 155px;
}
#MainHeader .HeaderTop .left
{
    width: 570px;
}
#CheminFerContainer
{
    height: 19px;
    margin-top: 3px;
}
.urlsite
{
    position: absolute;
    top: 2px;
    font-size: 17px;
    font-family: Century Gothic;
    color: #F2AB01
}
#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;
    top: 10px;
}
.VoyagesQuiComptent
{
    position: absolute;
    top: 90px;
	width: 380px;
	height: 30px;
}
.HeaderTop .right
{
    position: absolute;
    top: 0;
	right: 20px;
    /*margin-left: 597px;
    margin-left: 570px;*/
}

.Email
{
    font-family: Arial,Verdana,Tahoma,sans-serif;
    width: 148px;
    font-size: 11px;
    color: #A3A3A3;
}
#HeaderBottom
{
    height: 30px; 
	background-color: #26140B;
}
#HeaderBottom a
{
	color: white;
}
#HeaderBottom a:hover
{
    text-decoration: none;
}

#BottomMenu
{
	position: relative;
	top: 16px;
    background-color: #26140B;
    color: #ffffff;
    font-size: 9px;
	margin-bottom: 16px;	
    padding: 7px 5px;
}
#BottomMenu p
{
    margin: 0;
    padding: 4px 0;
}
#BottomMenu a
{
    color: #ffffff;
    text-decoration: none;
}
#BottomMenu a:hover
{
    text-decoration: underline;
}
#Footer
{
    font-size: 9px;
    color: #040404;
	text-align: justify;
}
#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;
}
/**************/
.libNews
{
    position: relative;
    top: -3px;
    left: 150px;
    font-size: 15px;
    color: Black;
    width: 200px;
    font-family: Century Gothic;
}
.tbNews
{
    position: relative;
    top: 5px;
    float: right;
    right: 80px;
    width: 137px;
    height: 19px;
    border-left: 3px solid #C8C8C8;
    border-top: 3px solid #C8C8C8;
    border-bottom: 3px solid #C8C8C8;
    padding: 3px;
    color: #C8C8C8;
}
.btNews
{   
    position: relative;
    float: right;
    top: 5px;
    left: 131px;
    width: 65px;
    height: 31px;
    color: White;
    background-color: #646464;
    border-left: 0px;
    border-top: 3px solid #C8C8C8;
    border-bottom: 3px solid #C8C8C8;
    border-right:  3px solid #C8C8C8;
}
.btNews:hover { cursor: pointer; }
.RegExMail
{
    position: absolute;
    float: right;
    right: 25px;
    top: 75px;
    width: 202px;
    font-size: 12px;
}
.tel
{
    position: relative;
    float: right;
    top: 49px;
    left: 150px;
    font-size: 19px;
    font-weight: bold;
    color: Black;
    font-family: Century Gothic;
}
.colorMdx a
{   
    color: #F2AB01;
    font-weight: bold;
}
#divAvis, #divAvis div
{
	position: relative;
	float: left;
}