/* CSS Document - Voyage l'Elan - voyage-elan.be */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif, Swiss, SunSans-Regular;
	font-size:75%;
	background-color:#dddfde;
}

/* ---------------------- balises primaires ---------------------- */
.clear {
	clear:both;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
img {
	border:0;
}
th, td {
	vertical-align:top;
}
a:link, a:visited {
	color:#0053a0;
	text-decoration:underline;
}
a:hover {
	color:#ffcc00;
	text-decoration:underline;
}
ul {
	color:#666;
	margin-top:6px;
}
ul li {
	color:#666;
	text-align:left;
	list-style:none;
	list-style-image:url(../../images/cml/bulletDeco.gif);
	font-weight:normal;
	padding:2px 0 5px 0;
}
ul ul{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: none;
}
li {
}
ol {
	color:#666;
	margin-top:6px;
	font-size:100%;
}
ol li {
	list-style-type:decimal;
}
table {}
hr {
	border:1px solid #ddd;
	margin-top:10px;
	margin-bottom:5px;
}
p {
	color:#666;
	padding:0 2px 0 0;
}
h1 {
	font-size:180%;
	margin:10px 0 0 5px;
	padding:0;
	font-weight:normal;
	color:#0053a0;
}
h2 {
	font-size:170%;
	color:#666;
	margin:10px 10px 0 5px;
	font-weight:normal;
	letter-spacing:0.01em;
}
h3 {
	font-size:150%;
	color:#0053a0;
	margin:15px 0 15px 5px;
	padding:0;
	text-align:left;
}
h4 {
	font-size:130%;
	margin:5px 10px 5px 5px;
	padding:5px;
	text-align:left;
	color:#fff;
	background-color:#ffcc00;
}
h5 {
	color:#fff;
	font-size:120%;
	margin:5px 10px 5px 5px;
	padding:2px 3px 2px 5px;
	background-color:#0053a0;
}

/* ---------------------- blocs principaux ---------------------- */
#conteneur {	
	margin:0;
	padding:0;
	width:780px;
}
#choixLangues {
	float:left;
	font-size:90%;
	padding:5px 10px 0 10px;
	margin:0;
	border-right:1px dashed #fff;
	background-color:#05117c;
	height:22px;
}
#choixLangues a, #choixLangues a:visited, #choixLangues a:hover {
color:#FFFFFF;
}
#recherche {
	float:right;
	padding:0;
	margin:2px 5px 2px 0;
}
#entete {
	clear:both !important;
	width:775px;
	height:123px;
	margin:0;
	padding:0;
}
#menu {
	clear:both !important;
	margin:0;
	padding:2px 0 0 0;
	width:780px;
}
table#contenu {
	clear:both;
	width:780px;
	margin:0 0 0 0;
	padding:0;
	background-color:#fff;
	border-top:2px solid #dddfde;
}
#pied {
	width:780px;
	margin:0;
	padding:5px 0 0 0;
}

/* ---------------------- Contenu ---------------------- */
/* ----- Contenu de l'en-tête -----*/
a.lien_choixLangues, a.lien_choixLangues:visited {
	color:#666666;
	text-decoration:none;
}
a.lien_choixLangues:hover {
	color:#fff;
	text-decoration:underline;
}
span.choixLangues_select {
	color:#fff;
	font-weight:bold;
}
#recherche p {
	float:left;
	font-size:90%;
	color:#666666;
	padding:2px 5px 0 0;
	margin:0;
}
#recherche form {
	margin:0;
	padding:0;
}
#recherche input.rechercheTxt {
	font-size:90%;
	color:#666666;
	margin:1px 0 0 0;
	padding:2px 0 0 0;
	height:14px;
	width:15%;
}
#recherche input.boutonChercher {
	color:#666666;
	font-size:90%;
	>font-size:110%;
	font-weight:bold !important;
	cursor:pointer;
	border:1px solid #9b9b9b;
	background-color:#ffcc00;
	margin:1px 0 0 2px;
	padding:2px;
	>padding:1px 2px 2px 2px;
	height:20px;
}
#menuV2 {
	clear:both !important;
	margin:0;
	padding:2px 0 0 0;
	width:780px;
}
#menuV2 ul {
	margin:0;
	padding:0;
}
#menuV2 li   {
	float:left;
	color:#05117c;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	list-style-type:none;
	list-style-image:none;
	padding:3px 0 0 0;
	width:123px;
	margin:0 3px 0 3px;
	height:19px;
}
#menu li.menuContent  {
	margin:0 3px 0 3px;
	border-bottom:1px solid #DDDFDE;
}
a.lienMenu, a.lienMenu:visited {
	color:#05117c;
	text-decoration:none
}
a.lienMenu:hover {
	color:#ffcc00;
	text-decoration:none;
}

/* ----- Contenu du bloc contenu -----*/
/* accueil special */
/* nouveau hot */
table#conterneur_blocsIntro {
	width:100%;
	margin:0;
	padding:0;
}
table#conterneur_blocsIntro td {
	width:50%;
	margin:0;
	padding:0;
}
#blocsIntro {
	width:370px;
	height:210px;
	margin:15px 0 0 8px;
	padding:5px 5px 5px 5px !important;
	background-image:url(fondBlocEntrees.gif);
	background-repeat:no-repeat;
}
#blocsIntro h1 {
	text-transform:uppercase;
	color:#000;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	padding:0;
	margin:0;
}
#blocsIntro p {
	padding:2px 0 2px 0;
	margin:5px 2px 5px 2px;
}
#blocsIntro a, #blocsIntro a:visited {
	color:#666;
	border:1px solid #b5b7b6;
	background-image:url(../../images/cml/entrees-fondBouton.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	padding:2px 5px 1px 5px;
	margin:15px 0 0 5px;	
	font-size:90%;
}
#blocsIntro a:hover {
	color:#666;
	text-decoration:underline;
}
/* fin nouveau*/
/* ancien a supprimer */
td#zoneAHP {
	margin:0;
	padding:0;
	vertical-align:top;
}
table#contenuSpecial {
	clear:left;
	width:780px;
	margin:15px 0 0 0;
	padding:0;
	background-color:#dddfde;
}
table#blocEntree {
	margin:0 auto 0 auto;
	width:678px;
}
table#blocEntree p {
	margin:0;
	padding:10px 0 0 0 !important;
}
table#blocEntree td.zoneBlanche{
	background-color:#FFF;
}
#blocsEntrees {
	margin:10px auto 10px auto;
	width:678px;
	text-align:center;
}
#blocsEntrees img {
	text-align:center;
	margin:0 25px 0 25px;
}
.shuttle {
	font-size:90% !important;
}
table.hpAcces {
	width:600px;
	margin:5px auto 5px auto;
}
table.hpAcces td {
}
#pavePub {
	margin:0 0 0 0;
}
#idExtranet {
	width:207px;
	height:120px;
	background-color:#fff;
	margin:12px 0 0 160px;
	padding:10px;
}
#idExtranet h1 {
	font-size:110%;
	margin:0;
	padding:0;
	color:#05117c !important;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
}
#idExtranet a, #idExtranet a:visited {
	color:#666;
	border:1px solid #b5b7b6;
	background-image:url(../../images/cml/entrees-fondBouton.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	padding:2px 5px 1px 5px;
	margin:15px 0 0 5px;	
	font-size:90%;
}
#idExtranet a:hover {
	color:#666;
	text-decoration:underline;
}
/* */

td#zoneA {
	margin:0;
	padding:0;
	vertical-align:top;
}
td#zoneA p {
	color:#666;
	padding:2px 1px 2px 5px;
}
#zoneA form {
	margin:3px;
	padding:0;
}
#zoneA table {
	margin:10px 0 5px 5px !important;
	padding:0;
	width:98%;
	color:#666;
}
#zoneA table th {
	margin:0;
	padding:4px;
	color:#fff;
	background-color:#0053a0;
}
#zoneA table p {
	margin:0;
	padding:4px;
}
#zoneA table td.celluleBordGauche {
	margin:0;
	padding:0;
	border-left:1px solid #0053a0;
	border-bottom:1px solid #0053a0;
	border-right:1px solid #0053a0;
}
#zoneA table td.celluleBordDroite {
	margin:0;
	padding:0;
	border-bottom:1px solid #0053a0;
	border-right:1px solid #0053a0;
}
#zoneA table td.droite {
	margin:0;
	padding:2px;
	border:1px solid #0053a0;
}
.chapeau {
	width:60%;
	margin:15px;
	padding:4px;
	border:1px dotted #ffcc00;
}
#structure {
	width:100%;
	margin:0;
	padding:0;
	border-bottom:1px solid #dddfde;
}
#structure p {
	color:#9fa09f;
	font-size:90%;
	padding:2px 0 2px 6px;
	margin:0;
}
a.lienStructure, a.lienStructure:visited {
	color:#9fa09f;
	text-decoration:underline;
}
a.lienStructure:hover {
	color:#05117c;
	text-decoration:underline;
}
p.texteEvidence { /* a mettre dans atoms*/
	color:#0053a0 !important;
	font-weight:bold;
	font-size:110%;
	margin:0 0 15px 0;
	>margin:0;
}
.margeGauche {
	margin:5px 0 0 100px;
}

/* -- page d'acceuil -- */
table#contenu_acceuil {
	width:100%;
	margin:0;
	padding:0;
}
table#contenu_acceuil td.accueilGauche {
	background-image:url(../../images/cml/accueil_mapItalie.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:80%;
}
table#contenu_acceuil td.accueilGauche p {
	margin:40px 0 0 220px;
}
table#contenu_acceuil td.accueilDroit {
	font-size:80%;
	width:20%;
	padding:0 0 0 20px;
}

/* -- Horaires -- */
table#horaires_depart {
	padding:0;
	margin:0;
}
table#horaires_depart td {
	padding:5px;
	margin:0;
	border-bottom:1px dotted #ddd;
}
table#horaires_depart tr.DepartCouleur {
	background-color:#fff9e0;
}

/* -- Tarifs -- */
table#tarifs {
	width:90%;
	margin:20px auto 0 auto !important;
	padding:0;
}
table#tarifs td {
	border-bottom:1px solid #7fa9cf;
	padding:15px 5px 15px 5px;
	margin:0;
}
table#tarifs td.noBorder {
	border-bottom:none;
	padding:5px 0 5px 0;
	margin:0;
}
p.nombre_passagers,.note {
	color:#0053a0 !important;
	text-align:right !important;
}
.note {
	font-size:80%;
}
table#tarifs td .menu_deroulant {
	padding:0 0 0 2px;
	color:#666;
	margin:0;
	width:210px;
}
table#tarifs td .menu_deroulant_petit {
	padding:0 0 0 2px;
	color:#666;
	margin:0;
	width:50px;
}

/* -- Extranet -- */
table#login {
	font-size:90%;
	width:55%;
	margin:20px auto 10px auto !important;
}
table#login h1 {
	font-size:110%;
	color:#fff;
	font-weight:bold;
	padding:0;
	margin:0 0 15px 0;
}
table#login input.rechercheTxt {
	float:left;
	font-size:90%;
	color:#666666;
	margin:1px 0 0 0;
	padding:2px 0 0 0;
	height:14px;
	width:180px;
}
table#login input.boutonLogin {
	color:#fff;
	font-size:110%;
	cursor:pointer;
	border:1px solid #9b9b9b;
	background-color:#0053a0;
	margin:1px 0 0 100px !important;
	height:20px;
}
table#login td.fondJaune {
	background-color:#ffcc00;
}
.misEvidence {
	font-weight:bold;
	color:#0053a0 !important;
}
.calculette {
	background-image:url(../images/calculette.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 0 18px;
}
input.boutonCalculette {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 1px 14px;
	margin:0 0 5px 0;
	background-color:#ffcc00;
	cursor:pointer;
	>cursor:hand;
	border:none;
	background-image:url(../../images/cml/calculette.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#recapitulatif {
	border:1px solid #ffcc00;
	width:80%;
	margin:0 auto 0 auto;
	color:#666;
	padding:10px;
	font-weight:bold;
}

/* -- Formulaire de contact -- */
table#contact {
	margin:10px 0 0 0 !important;
	clear:both;
	width:90%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
table#contact td {
	padding:4px;
	border-bottom:1px solid #ddd;
}
input.boutonEnvoyer {
	color:#fff;
	font-size:90%;
	font-weight:bold;
	cursor:pointer;
	border:1px solid #9b9b9b;
	background-color:#5a9ada;
	margin:1px auto 0 auto;
	height:20px;
}
input.button, input.bouton {
	float:right;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 1px 4px;
	margin:0 0 5px 0;
	background-color:#5a9ada;
	cursor:pointer;
	>cursor:hand;
	border:none;
}
.msg, .erreur, .fields {
	color:#ff9905 !important;
	font-size:90%;
}
/* -- plan du site -- */
#planSite {
	clear:both;
	margin:0 0 0 20px;
	width:90%;
	padding:0;
}
#blocPlanSite {
	background-color:#dddfde;
	float:left;
	width:170px;
	height:120px;
	border:5px solid #fff;
}
#planSite p {
	margin:0 0 0 10px;
	padding:2px 2px 3px 10px;
	border-left:1px solid #ffcc00;
}
#planSite h1 {
	margin:0;
	padding:10px 2px 10px 2px;
}
a.lienPlanSite, a.lienPlanSite:visited {
	color:#ff9905;
	text-decoration:none;
}
a.lienPlanSite:hover {
	color:#ff9905;
	text-decoration:underline;
}

/* -- Resultat de la recherche -- */
.terme {
	font-size:110%;
	color:#272b72 !important;
	margin:10px 10px 0 10px;
	letter-spacing:0.01em;
	font-weight:bold;
}
table#listeResultats {
	clear:both;
	border:1px solid #dddfde;
	margin:10px 0 0 5px;
	padding:0;
	width:90%;
}
table#listeResultats th {
	background-color:#dddfde !important;
	padding:4px;
	color:#666;
	text-align:left !important;
}
table#listeResultats td {
	margin:0;
	padding:4px;
	border-bottom:1px solid #dddfde;
}
a.bouton, a.bouton:visited {
	color:#666;
	font-weight:bold;
	text-decoration:none;
	padding:1px 4px 1px 4px;
	margin:0 0 5px 0;
	background-color:#ffcc00;
}
a.bouton:hover {
	color:#fff;
	text-decoration:none;
}

/* colonne de gauche */
td#zoneB {
	width:165px;
	margin:0;
	padding:15px 0 20px 5px;
}
td#zoneB a, td#zoneB a:visited {
	color:#fff;
	text-decoration:underline
}
td#zoneB a:hover {
	color:#666;
	text-decoration:underline
}
td#zoneB #blocsAgences_zoneB {
	margin:0;
	background-image:url(../../images/cml/zoneB_accesAgences.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:42px;
	padding:55px 0 0 75px;
	width:83px;
}
td#zoneB #blocsPromos_zoneB {
	width:158px;
	margin:30px 0 0 0;
}
#contenu_promos {
	background-color:#666;
	margin:0;
	color:#fff;
	padding:10px 5px 5px 20px;
}
a.lienSavoirPlus, a.lienSavoirPlus:visited {
	text-align:right !important;
	padding:0 0 0 35px !important;
	font-size:80%;
	color:#fff;
	text-decoration:underline
}
a.lienSavoirPlus:hover {
	color:#ffcc00 !important;
	text-decoration:underline
}

/* ----- Contenu du pied -----*/
#pied a:link, #pied a:visited {
	color:#666;
	text-decoration:underline;
}
#pied a:hover {
	color:#0053a0;
	text-decoration:underline;
}
#pied p {
	color:#666;
	font-size:90%;
	text-align:center;
	margin:0;
	padding:2px 0 5px 0;
}
p.signature {
	color:#939493 !important;
	text-align:right !important;
	padding:10px 0 0 0 !important;
}
a.lienSignature, a.lienSignature:visited {
	color:#939493;
	text-decoration:underline
}
a.lienSignature:hover {
	color:#ff9905;
	text-decoration:underline
}

/* ---------- IMAGES ---------- */
.imgAlignRight {
	padding:0 5px 12px 0;
	margin:0 0 0 12px;
	float:right;
	clear:right;
	background-image:url(fond_image.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.imgAlignLeft {
	padding:0 0 12px 5px;
	margin:0px 15px 0 0;
	float:left;
	clear:left;
	background-image:url(fond_image.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
img.imgALaLigne {
	display: block;
	clear: both;
}
.imgLeft {
        clear:both;
        text-align:left;
        display:block;
        margin:10px 0 10px 0;
        padding:4px 0 4px 0;
}
.imgCenter {
        clear:both;
        text-align:center;
        display:block;
        margin:10px 0 10px 0;
        padding:4px 0 4px 0;
}
.imgRight {
        clear:both;
        text-align:right;
        display:block;
        margin:10px 0 10px 0;
        padding:4px 0 4px 0;
}
