body {
	color: #272727;
	
/*	background-color: #1E2D85;*/
background-color:#FFFFFF;
	
	text-align: center;
	margin: 0;
	padding: 0;
}

body,
table,
input,
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.print,
a.send {
	visibility:hidden;
	text-decoration: none;
	padding: 2px 5px 2px 22px;
}

a.print:hover,
a.send:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
}

.spacer {
	display: inline;
	clear: both;
	height: 0;
	width: 0;
	border: 0;
	line-height: 0;
}

.spacer2 {
	clear: both;
}

form legend {
	display: none;
}

form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#page {
	width: 786px;
	text-align: left;
	margin: 0 auto 0 auto;
	position: relative;
}

#header {
/*	visibility:none; */
	display:none;
	
	background: #FFF url(../images/bandeau-haut.gif) no-repeat top left;
	padding: 23px 13px 0 13px;
	height: 74px; /* 97px - 23px */
}

#header h1 {
	background: url(../images/logo.gif) left top no-repeat;
	height: 61px;
	width: 228px;
	margin: 0 0 5px 5px;
}

#header h1 a {
	text-indent: -5000px;
	height: 61px;
	width: 228px;
	position: absolute;
	top: 23px;
	text-decoration: none;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header ul#outils {
	display:none;
	
	position: absolute;
	top: 73px;
	right: 15px;
}

#header ul#outils li {
	display: inline;
	background: url(../images/trait-outil.gif) no-repeat center left;
	padding: 2px 5px 2px 7px;
	color: #4C5DA5;
	font-size: 0.7em;
}

#header ul#outils li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #4C5DA5;
	letter-spacing: -1px;
	word-spacing: 1px;
}

#header ul#outils li a:hover {
	text-decoration: underline;
}

#header ul#outils form {
	margin: 0;
	padding: 10px 0 0 0 !important;
	padding: 0;
	display: inline;
	vertical-align: middle;
}

#header ul#outils form input.text {
	margin: 0;
	border: 1px solid #4C5DA5;
	font-size: 1em;
	width: 70px;
	padding: 1px;
}

#header ul#outils form input.submit {
	margin: 0;
	border: 1px solid #4C5DA5;
	background-color: #4C5DA5;
	color: #FFF;
	font-size: 1em;
	width: 20px;
}

#header ul#outils form fieldset {
	display: inline;
}

#header ul#outils form label {
	text-transform: uppercase;
}

#footer {
	display:none; 
	
	background: url(../images/ombre-bas.gif) no-repeat top left;
	padding: 15px 13px 5px 13px;
	text-align: center;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer ul li {
	display: inline;
	color: #FFF;
	font-size: 0.8em;
}

#footer ul li a {
	color: #FFF;
	text-decoration: underline;
	padding: 0 10px 0 10px;
}

#footer ul li a:hover {
	text-decoration: none;
}

#container {
	background: none;
	padding: 0 13px 0 13px;
}

#container #chemindefer {
	display: none;
}

#container #bgmenu {
    display:none;
	background: none;
}

#container ul#menu {
    margin:0;
    _margin-left:-10px; /*hack*/
    padding:0;
	list-style-type: none;
}


#container ul#menu li {
	width: 126px;
	height: 125px;
	margin-left:10px;
	margin-right:10px;
	padding:0;
	float: left;
	/*text-indent: -5000px;*/
	position: relative;
}

#container ul#menu li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 126px;
	height: 37px;
	text-decoration: none;
}

#container ul#menu li#autorite {
	
	background: #EEE url(../images/menu/autorite.gif) no-repeat bottom left;
}

.autorite #container ul#menu li#autorite {
	background: #EEE url(../images/menu/autorite.gif) no-repeat bottom right;
}

#container ul#menu li#transports {
	background: #EEE url(../images/menu/transports.gif) no-repeat bottom left;
}

.transports #container ul#menu li#transports {
	background: #EEE url(../images/menu/transports.gif) no-repeat bottom right;
}

#container ul#menu li#developpements {
	background: #EEE url(../images/menu/developpements.gif) no-repeat bottom left;
}

.developpements #container ul#menu li#developpements {
	background: #EEE url(../images/menu/developpements.gif) no-repeat bottom right;
}

#container ul#menu li#documentations {
	background: #EEE url(../images/menu/documentations.gif) no-repeat bottom left;
}

.documentations #container ul#menu li#documentations {
	background: #EEE url(../images/menu/documentations.gif) no-repeat bottom right;
}

#container ul#menu li#voyager {
	background: #EEE url(../images/menu/voyager.gif) no-repeat bottom left;
}

.voyager #container ul#menu li#voyager {
	background: #EEE url(../images/menu/voyager.gif) no-repeat bottom right;
}

#container #ssmenu {
	height:1%; /* Debug IE */
}

#container #ssmenu ul {
	margin: 0;
	padding:0px 10px;
	list-style-type: none;
    /*margin-left: auto;
    margin-right: auto;*/
    /*text-align: left;*/
}

#container #ssmenu ul li {
	float: left;
	padding: 0px 6px 0px 6px;
	height:23px;
	line-height:23px;
	margin:0;
    /*display: inline;*/
}

#container #ssmenu ul li.on a {
	font-weight: bold;
	color: #FFF !important;
}

#container #ssmenu ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.8em;
}

#container #ssmenu ul li a:hover {
	text-decoration: underline;
}

#container #contenu {
	height: 1%; /* Debug IE */
	clear:both;
	background: none;
}

#container #contenu #colonneGauche {
/*visibility: hidden;*/
display:none;

	float: left;
	width: 171px;
}

#container #contenu #colonneLarge {
	
	float: left;
	
/*	width: 587px;*/
}


#container #contenu #colonneMilieu {
	float: left;
/*	width: 416px; */
}

#container #contenu #colonneDroite {
	float: left;
	width: 171px;
	border-left: 1px solid #203088;
}

#container #contenu #colonneDroite dd {
	border-bottom: 1px solid #203088;
}

#container #contenu #colonneDroite dd.fond {
	background-color: #E2E4F9;
	text-align: center;
	padding: 5px 0 5px 0;
}

#container #contenu #colonneGauche ul {
	

	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* début sur la home uniquement */
.home #container #ssmenu {
	background-color: #B8C0F1;
}

.home #container #contenu #colonneGauche dl dt {
	text-transform: uppercase;
	color: #FFF;
	padding: 10px 6px 10px 6px;
	font-weight: bold;
	font-size: 0.9em;
}

.home #container #contenu #colonneGauche dl ul li {
	text-transform: none;
	padding: inherit;
	background: none;
	font-weight: normal;
}

.home #container #contenu #colonneGauche dl ul li a {
	color: #000;
	text-decoration: underline;
	display: inline;
	padding: 0;
    font-weight: bold;
}
.home #container #contenu #colonneGauche dl ul li a.transports {
    color: #770576;
}
.home #container #contenu #colonneGauche dl ul li a.autorite {
    color: #2875C3;
}
.home #container #contenu #colonneGauche dl ul li a.developpements {
    color: #499A0D;
}
.home #container #contenu #colonneGauche dl ul li a.documentations {
    color: #C46900;
}
.home #container #contenu #colonneGauche dl ul li a.voyager {
    color: #891309;
}

.home #container #contenu #colonneGauche dl ul li a:hover {
	text-decoration: none;
}

.home #container #contenu #colonneGauche dl ul li {
	margin-bottom: 10px;
}
/* fin sur la home uniquement */

#container #contenu #colonneGauche ul li {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	margin: 0;
}

#container #contenu #colonneGauche ul li ul {
	background-color: #FFF;
}

.autorite #container #contenu #colonneGauche ul li ul li,
.transports #container #contenu #colonneGauche ul li ul li,
.developpements #container #contenu #colonneGauche ul li ul li,
.documentations #container #contenu #colonneGauche ul li ul li,
.voyager #container #contenu #colonneGauche ul li ul li {
	background: none;
	border-bottom: none;
}

.autorite #container #contenu #colonneGauche ul li ul li.on a,
.transports #container #contenu #colonneGauche ul li ul li.on a,
.developpements #container #contenu #colonneGauche ul li ul li.on a,
.documentations #container #contenu #colonneGauche ul li ul li.on a,
.voyager #container #contenu #colonneGauche ul li ul li.on a {
	font-weight: bold;
}

#container #contenu #colonneGauche ul li ul li {
	text-transform: none;
	padding: 0;
	font-weight: normal;
	background: none;
}

#container #contenu #colonneGauche ul li a {
	color: #FFF;
	text-decoration: none;
	padding: 10px 6px 10px 6px;
	display: block;
}

#container #contenu #colonneGauche ul li ul li a {
	color: #FFF;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
	display: block;
	height: 1%; /* Debug IE */
}

#container #contenu #colonneGauche ul li a:hover {
	text-decoration: underline;
}

#container #contenu #colonneDroite dl dt {
	text-transform: uppercase;
	color: #28378C;
	padding: 10px 6px 10px 6px;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 1px solid #203088;
}

#container #contenu #colonneDroite dl dt.le-stiff {
	text-indent: -5000px;
	background: #FFF url(../images/header-stif.gif) no-repeat top left;
}

#container #contenu #colonneGauche dl dd,
#container #contenu #colonneDroite dl dd {
	padding: 7px;
	font-size: 0.85em;
}

#container #contenu #colonneDroite dl dd {
	color: #28378C;
}

#container #contenu h2 {
	text-transform: uppercase;
	font-size: 1em;
	padding: 9px 6px 10px 6px;
}

#container #contenu h3 {
	font-size: 1em;
	padding: 2px 0 2px 5px;
}

#container #contenu #colonneMilieu #bandeau {
	height: 98px;
	width: 416px;
}

#container #contenu #colonneLarge #bandeau {
	display:none;
	
	height: 98px;
	width: 588px;
}

#container #contenu #bandeau div {
	display:none; 
	
	padding-top: 71px !important;
	padding-top: 67px;
}
#container #contenu #bandeau span {
	display: block;
	background-color: #FFF;
}

#container #contenu #bandeau .ombre {
	background-color: #000;
	height: 3px;
	font-size: 3px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#container #contenu #bandeau .degr1 {
	height: 13px;
	font-size: 13px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#container #contenu #bandeau .degr2 {
	height: 8px;
	font-size: 8px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#container #contenu #bandeau .degr3 {
	height: 6px;
	font-size: 6px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#container #contenu .texte {
	padding: 10px;
	font-size: 0.9em;
}

/* Début dégradé des couleurs */
.home a {
	color: #1E2C84;
}

.home #container #contenu #colonneGauche {
	border-right: 1px solid #203088;
}

.home #container #contenu #colonneLarge {
	
	
	border-left: 1px solid #203088;
}

.home #container #contenu {
	border-top: 1px solid #203088;
	background: none;
}

.home #container #contenu #colonneGauche dl dt,
.home #container #contenu #colonneGauche ul li {
	background: #1F2E86 url(../images/fond-degrade-bleufonce.gif) repeat-x top left;
}

.home #container #contenu h2 {
	color: #1E2C84;
	background: url(../images/fond-degrade-clair-bleufonce.gif) repeat-x bottom left;
}
.home #container #contenu h3 {
	color: #1E2C84;
	background: url(../images/intertitre-bleu-fonce.gif) no-repeat center left;
}

.autorite a {
	color: #2875C3;
}

.autorite a.print {
	background: url(../images/icone-imprimer-bleu.gif) no-repeat top left;
}

.autorite a.send {
	background: url(../images/icone-envoyer-bleu.gif) no-repeat top left;
}

#ssmenu {
	display:none;
	/*visibility:hidden;*/
    /*text-align: center;*/
}

#ssmenu .autorite {
/*visibility:hidden;*/

   background:url(../images/menu/fond-trait-autorite.gif) #C1E0FF no-repeat top left;

}

#ssmenu .autorite ul li {
	background: url(../images/trait-bleu.gif) no-repeat bottom left;
}

#ssmenu .autorite ul li.on {
	background: url(../images/fond-sousmenu-bleu.gif) repeat-x bottom left;
}

#ssmenu .autorite ul li a {
	color: #2875C3;
}

.autorite #container #contenu #colonneGauche {
	border-right: 1px solid #2875C3;
}

.autorite #container #contenu {
		
	border-top: 1px solid #2875C3;
background: none;
}

.autorite #container #contenu #colonneGauche ul li {
	background: #3598FF url(../images/fond-degrade-bleu.gif) repeat-x top left;
	border-bottom: 1px solid #2875C3;
}

.autorite #container #contenu #colonneGauche ul li ul li a {
	color: #2875C3;
}

.autorite #container #contenu #colonneGauche ul li ul li.on {
	background: #C3E0FF url(../images/fleche-bleu.gif) no-repeat center right;
}

.autorite #container #contenu h2 {
	color: #2875C3;
	background: url(../images/fond-degrade-clair-bleu.gif) repeat-x bottom left;
}

.autorite #container #contenu h3 {
	color: #2875C3;
	background: url(../images/intertitre-bleu.gif) no-repeat center left;
}

.autorite #container .texte {
	border-bottom: 1px solid #2875C3;
}

.documentations a {
	color: #C46900;
}

.documentations a.print {
	background: url(../images/icone-imprimer-orange.gif) no-repeat top left;
}

.documentations a.send {
	background: url(../images/icone-envoyer-orange.gif) no-repeat top left;
}

#ssmenu .documentations {
    background:url(../images/menu/fond-trait-doc.gif) #FDDAB4 no-repeat top left;
}

#ssmenu .documentations ul li {
	background: url(../images/trait-orange.gif) no-repeat bottom left;
}

#ssmenu .documentations ul li.on {
	background: url(../images/fond-degrade-orange.gif) repeat-x bottom left;
}

#ssmenu .documentations ul li a {
	color: #C46900;
}

.documentations #container #contenu #colonneGauche {
	border-right: 1px solid #C46900;
}

.documentations #container #contenu {
	border-top: 1px solid #C46900;
	background: none;
}

.documentations #container #contenu #colonneGauche ul li {
	background: #F98401 url(../images/fond-degrade-orange.gif) repeat-x top left;
	border-bottom: 1px solid #C46900;
}

.documentations #container #contenu #colonneGauche ul li ul li a {
	color: #C46900;
}

.documentations #container #contenu #colonneGauche ul li ul li.on {
	background: #FDDAB4 url(../images/fleche-orange.gif) no-repeat center right;
}

.documentations #container #contenu h2 {
	color: #C46900;
	background: url(../images/fond-degrade-clair-orange.gif) repeat-x bottom left;
}

.documentations #container #contenu h3 {
	color: #C46900;
	background: url(../images/intertitre-orange.gif) no-repeat center left;
}

.documentations #container .texte {
	border-bottom: 1px solid #C46900;
}

.developpements a {
	color: #499A0D;
}

.developpements a.print {
	background: url(../images/icone-imprimer-vert.gif) no-repeat top left;
}

.developpements a.send {
	background: url(../images/icone-envoyer-vert.gif) no-repeat top left;
}

#ssmenu .developpements  {
    background:url(../images/menu/fond-trait-devel.gif) #C3EBAC no-repeat top left;
}

#ssmenu .developpements ul li {
	background: url(../images/trait-vert.gif) no-repeat bottom left;
}

#ssmenu .developpements ul li.on {
	background: url(../images/fond-degrade-vert.gif) repeat-x bottom left;
}

#ssmenu .developpements ul li a {
	color: #499A0D;
}

.developpements #container #contenu #colonneGauche {
	border-right: 1px solid #499A0D;
}

.developpements #container #contenu {
	border-top: 1px solid #499A0D;
	background: none;
}

.developpements #container #contenu #colonneGauche ul li {
	background: #5FBF18 url(../images/fond-degrade-vert.gif) repeat-x top left;
	border-bottom: 1px solid #499A0D;
}

.developpements #container #contenu #colonneGauche ul li ul li a {
	color: #499A0D;
}

.developpements #container #contenu #colonneGauche ul li ul li.on {
	background: #C3EBAC url(../images/fleche-vert.gif) no-repeat center right;
}

.developpements #container #contenu #colonneGauche ul li ul li a {
	color: #499A0D;
}

.developpements #container #contenu #colonneGauche ul li ul li.on {
	background: #C3EBAC url(../images/fleche-vert.gif) no-repeat center right;
}

.developpements #container #contenu h2 {
	color: #499A0F;
	background: url(../images/fond-degrade-clair-vert.gif) repeat-x bottom left;
}

.developpements #container #contenu h3 {
	color: #499A0F;
	background: url(../images/intertitre-vert.gif) no-repeat center left;
}

.developpements #container .texte {
	border-bottom: 1px solid #499A0D;
}

.transports a {
	color: #770576;
}

.transports a.print {
	background: url(../images/icone-imprimer-violet.gif) no-repeat top left;
}

.transports a.send {
	background: url(../images/icone-envoyer-violet.gif) no-repeat top left;
}

#ssmenu .transports {
	background:url(../images/menu/fond-trait-transports.gif) #E8B6E7 no-repeat top left;
}

#ssmenu .transports ul li {
	background: url(../images/trait-violet.gif) no-repeat bottom left;
}

#ssmenu .transports ul li.on {
	background: url(../images/fond-degrade-violet.gif) repeat-x bottom left;
}

#ssmenu .transports ul li a {
	color: #770576;
}

#container #contenu h3 
{
	padding-left:10px;
	padding-top:10px;
}

.transports #container #contenu #colonneGauche {
	border-right: 1px solid #770576;
}

.transports #container #contenu {
	border-top: 1px solid #770576;
	background: none;
}

.transports #container #contenu #colonneGauche ul li {
	background: #B20DB1 url(../images/fond-degrade-violet.gif) repeat-x top left;
	border-bottom: 1px solid #770576;
}

.transports #container #contenu #colonneGauche ul li ul li a {
	color: #770576;
}

.transports #container #contenu #colonneGauche ul li ul li.on {
	background: #E8B6E7 url(../images/fleche-violet.gif) no-repeat center right;
}

.transports #container #contenu h2 {
	color: #770576;
	background: url(../images/fond-degrade-clair-violet.gif) repeat-x bottom left;
}

.transports #container #contenu h3 {
	color: #770576;
	background: url(../images/intertitre-violet.gif) no-repeat center left;

}

.transports #container .texte {
	border-bottom: 1px solid #770576;
}

.voyager a {
	color: #891309;
}

.voyager a.print {
	background: url(../images/icone-imprimer-rouge.gif) no-repeat top left;
}

.voyager a.send {
	background: url(../images/icone-envoyer-rouge.gif) no-repeat top left;
}

#ssmenu .voyager {
    background:url(../images/menu/fond-trait-voyager.gif) #FBB6AF no-repeat top left;
}

#ssmenu .voyager ul li {
	background: url(../images/trait-rouge.gif) no-repeat bottom left;
}

#ssmenu .voyager ul li.on {
	background: url(../images/fond-degrade-rouge.gif) repeat-x bottom left;
}

#ssmenu .voyager ul li a {
	color: #891309;
}

.voyager #container #contenu #colonneGauche {
	border-right: 1px solid #891309;
}

.voyager #container #contenu {
	border-top: 1px solid #891309;
	background: none;
}

.voyager #container #contenu #colonneGauche ul li {
	background: #DE1909 url(../images/fond-degrade-rouge.gif) repeat-x top left;
	border-bottom: 1px solid #891309;
}

.voyager #container #contenu #colonneGauche ul li ul li a {
	color: #891309;
}

.voyager #container #contenu #colonneGauche ul li ul li.on {
	background: #FBB6AF url(../images/fleche-rouge.gif) no-repeat center right;
}

.voyager #container #contenu h2 {
	color: #891309;
	background: url(../images/fond-degrade-clair-rouge.gif) repeat-x bottom left;
}

.voyager #container #contenu h3 {
	color: #891309;
	background: url(../images/intertitre-rouge.gif) no-repeat center left;
}

.voyager #container .texte {
	border-bottom: 1px solid #891309;
}
/* Fin dégradé des couleurs */

#faq_container
{
	width:340px;
	margin-left:10px;
}

#faq_container ul
{
	line-height:22px;
}

#aide_info_container
{
	float:right;
	width: 200px;
	margin-right:10px;
	
}

#aide_info_container div
{
	border:1px solid #1E2C84;
	padding:3px;
	
}



#aide_info_container div ul
{
	list-style-type:circle;
	margin:0;
	line-height:22px;
	
}

#article_container
{
	padding:10px;text-align:justify;
}