@charset "utf-8";
/* CSS Document */ 

html {
}


body {
	height:100%;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0;
	text-align:center;
	font-family:Arial;
	background-image:url(../images/design/arriere-plan.jpg);
	background-repeat:repeat-x;
	background-color:#eaeef1;
}
/* On définit les marges */
/* On met le padding a 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

.mypopin-1 {
	color:#000000;
	padding:10px;
	text-align:justify;
	text-indent:5px;
	background:#FFF;
	border-radius:1em;
	-moz-border-radius:1em;
}
.mypopin-1 .popin-content {
	padding:10px;
}
.mypopin-1 .popin-content p {
	padding:0;
	margin:0 0 1em;
}

div.clear-both {
	clear:both;
	margin:0;
	padding:0;
}


div#header-default {
	width:984px;
	height:92px;
	margin:0 auto;
	text-align:right;
	background-image:url(../images/design/header.jpg);
	cursor:pointer;
	padding-top:104px;
}

div#header-4jours {
	width:984px;
	height:92px;
	margin:0 auto;
	text-align:right;
	background-image:url(../images/design/header-4jours.jpg);
	cursor:pointer;
	padding-top:104px;
}

div#header-circuitduport {
	width:984px;
	height:92px;
	margin:0 auto;
	text-align:right;
	background-image:url(../images/design/header-circuitduport.jpg);
	cursor:pointer;
	padding-top:104px;
}



div#pre-footer {
	margin:0;
	padding:0;
	height:30px;
	clear:both;
}
div#footer {
	width:945px;
	margin:0 auto 0 auto;
	padding:10px;
	border:solid 1px #dfdfdf;
	background-color:#FFFFFF;
	clear:both;
}
div#footer img#logos {
	float:left;
}
div#footer p#menu-footer {
	margin:0;
	padding:10px 10px 10px 0;
	font-size:11px;
	text-align:right;
	color: #000000;
}
p#menu-footer a:link {
	color:#000000;
	text-decoration:none;
}
p#menu-footer a:visited {
	color:#000000;
	text-decoration:none;
}
p#menu-footer a:hover {
	color:#000000;
	text-decoration:underline;
}
div#footer p#credits-footer {
	margin:0;
	padding:0 10px 10px 0;
	font-size:11px;
	text-align:right;
	color: #999999;
}

p#credits-footer a:link {
	color:#999999;
	text-decoration:underline;
	font-weight:bold;
}
p#credits-footer a:visited {
	color:#999999;
	text-decoration:underline;
	font-weight:bold;
}
p#credits-footer a:hover {
	color:#999999;
	text-decoration:none;
	font-weight:bold;
}

/* DEBUT BARRE DE NAVIGATION */
/* ---------------------------------------------------------------------------------------------------------*/
div#navigation-top {
	width:967px;
	height:50px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/design/nav-ombre.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
div#navigation-ombre {
	width:967px;
	margin:0 auto;
	padding:0;
}

div#navigation-top img {
	border:none;
}
div#navigation-top ul{
	margin:0;
	padding:0;
}
div#navigation-top li {
	margin:0;
	padding:0 1px 0 0;
	display:inline;
	list-style:none;
	float:left;
}
div#navigation-top div.sm-nav {
	position:absolute;
	margin:0;
	padding:0;
	visibility:hidden;
}
div.sm-nav p {
	margin:0;
	padding:0;
}
/* ---------------------------------------------------------------------------------------------------------*/
/* FIN BARRE DE NAVIGATION */




div#conteneur {
	width:967px;
	margin:0 auto 30px auto;
}

p.ombre-small {
	margin:10px 0 20px 0;
	padding:0;
	height:20px;
	background-image:url(../images/design/ombre-small.png);
	background-repeat:no-repeat;
	background-position:center top;
}

p.lien-tous {
	margin:10px 0 0 0;
	padding:0;
	font-size:13px;
}
p.lien-tous a:link {
	color:#000000;
	text-decoration:underline;
}
p.lien-tous a:visited {
	color:#000000;
	text-decoration:underline;
}
p.lien-tous a:hover {
	color:#000000;
	text-decoration:none;
}
p.lien-tous img {
	vertical-align:middle;
	margin-right:5px;
}



h1#chemin-de-fer {
	margin:10px 0 40px 0;
	padding:5px;
	border: dotted 1px #999999;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	background-color: #666666;
	color:#FFFFFF;
	font-style:italic;
}
h1#chemin-de-fer span {
	font-weight:bold;
}
h1#chemin-de-fer img  {
	vertical-align:middle;
	margin-right:5px;
}

div.paragraphe {
	margin:20px 0 0 0;
	padding:0 0 15px 0;
	text-align:left;
	background-color: #F9F9F9;
	border-bottom:solid 1px #999999;
	/*border-right:solid 1px #999999;*/
	font-size:12px;
}

div.paragraphe img.ornement-droite {
	float:right;
	margin:0 0 10px 10px;
}
div.paragraphe img.ornement-gauche {
	float:left;
	margin:0 10px 10px 0;
}

div.paragraphe p {
	margin:0;
	padding:10px 10px 0 10px;
} 

a.lien-defaut:link {
	color:#000000;
	text-decoration:underline;
}
a.lien-defaut:visited {
	color:#000000;
	text-decoration:none;
}
a.lien-defaut:hover {
	color:#000000;
	text-decoration:none;
}

 a.lien-rose:link {
	color:#e00176;
	text-decoration:none;
	font-size:14px;
}
 a.lien-rose:visited {
	color:#e00176;
	text-decoration:none;
	font-size:14px;
}
 a.lien-rose:hover {
	color:#e00176;
	text-decoration:underline;
	font-size:14px;
}



div.paragraphe img  {
	vertical-align:middle;
}

div.ombre-paragraphe {
	height:29px;
	background-image:url(../images/design/ombre-small.png);
	background-repeat:no-repeat;
	background-position:right;
	margin:0;
	padding:0;
}

div.paragraphe-gauche {
	float:left;
	width:476px;
	margin:0;
	padding:0;
}
div.ombre-paragraphe-gauche {
	float:left;
	width:476px;
	height:29px;
	background-image:url(../images/design/ombre-small.png);
	background-repeat:no-repeat;
	background-position:right;
	clear:left;
	margin:0;
	padding:0;
}

div.paragraphe-droite {
	float:right;
	width:476px;
	margin:0;
	padding:0;
}
div.ombre-paragraphe-droite {
	float:right;
	width:476px;
	height:29px;
	background-image:url(../images/design/ombre-small.png);
	background-repeat:no-repeat;
	background-position:right;
	clear:right;
	margin:0;
	padding:0;
}


div.paragraphe h2 {
	margin:0 0 10px 0;
	padding:5px 0 5px 5px;
	font-size:19px;
	border-bottom:solid 1px #000000;
	background-image:url(../images/design/degrade-h2.png);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#000000;
}
div.paragraphe h2 span {
	font-weight:normal;
	color:#000000;
}
div.paragraphe h2 img {
	vertical-align:middle;
}

p.alerte-pdf {
	font-size:10px;
	margin:0;
	padding:5px 10px 0 0;
	color:#999999;
}
p.alerte-pdf a:link {
	color:#999999;
	text-decoration:underline;
}p.alerte-pdf a:visited {
	color:#999999;
	text-decoration:underline;
}
p.alerte-pdf a:hover {
	color:#999999;
	text-decoration:none;
}


div#contenu-indisponible {
	margin:0;
	padding:10px;
	text-align:center;
	color:#000000;
	height:200px;
	border:dotted 1px #000000;
	/*background-image:url(../images/design/bg-bloc-contenu-indispo.png);*/
	background-color:#FFFFFF;
	font-size:13px;
}
div#contenu-indisponible a:link {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}
div#contenu-indisponible a:visited {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}
div#contenu-indisponible a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

div#contenu-telecharger {
	margin:0;
	padding:10px;
	text-align:center;
	color:#000000;
	height:200px;
	border:dotted 1px #000000;
	background-color:#FFFFFF;
	font-size:13px;
}

h3.titre-texte {
	font-size:16px;
	margin:0;
	padding:0;
	color:#000000;
}