/****************************
*     CSS site Mini TUB     *
*      V.1  juin 2009       *
*                           *
****************************/

/* =====================================================
===============)>  Generalites  <(======================
======================================================*/
body
{
	background:#fff;
	margin:0;
	padding:0;
	font-size:9pt;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}
.clearBoth {clear:both;}
#global
{
	width:982px;
	position:relative;
	margin:0 auto 0 auto;
}

/* =====================================================
==================)>  ENTETES  <(=======================
======================================================*/
#head
{
	height:129px;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
}
#head h1
{
	margin:0;
	padding:0;
	background:url(../pict/BG-H1.gif) no-repeat;
	width:382px;
	height:129px;
}
#head h1 span {display:none;}

/* === variantes fonds entete ===*/
.head1 { background:url(../pict/Bg-head1.jpg) right no-repeat;}
.head2 { background:url(../pict/Bg-head2.jpg) right no-repeat;}
.head3 { background:url(../pict/Bg-head3.jpg) right no-repeat;}
.head4 { background:url(../pict/Bg-head4.jpg) right no-repeat;}
.head5 { background:url(../pict/Bg-head5.jpg) right no-repeat;}


/* =====================================================
==================)>  CONTENEUR  <(=====================
======================================================*/
#content
{
	background-color:#DFE9F8;
	height:1%;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
#content2
{
	background:#DFE9F8 url(../pict/phare.jpg) bottom left no-repeat;
	height:1%;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
.colMenu
{
	float:left;
	width:190px;
}
.colContent
{
	float:left;
	width:790px;
	background:#fff;
	min-height:520px;
}
.colContent h2
{
	color:#E20010;
	margin:15px 0 10px 50px;
	/*font-size:18pt;*/
	font-size:26pt;
}
.colContent h3
{
	color:#E20010;
	margin:15px 0 10px 50px;
	font-size:13pt;
}


/* =====================================================
==================)>  NAVIGATION  <(====================
======================================================*/
.nav
{
	color:#fff;
	list-style:none;
	width:149px;
	padding:0;
	margin:35px 0 0 20px;
	font-family:Helvetica, Verdana, Arial sans-serif;
}
.nav li {margin:0 0 15px 0;}

.nav li a
{
	color:#fff;
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
}
.nav li a span {display:none;}

.menu
{
	display:block;
	height:22px;
	width:149px;
	padding:3px 0 0 0;
	background:url(../pict/menu-btn.gif) left no-repeat;
}
.menu:hover, .menu-actif
{
	background:url(../pict/menu-btn.gif) right no-repeat;
	display:block;
	width:149px;
	height:22px;
	padding:3px 0 0 0;
}
.abo
{
	display:block;
	height:150px;
	width:149px;
	background:url(../pict/abo-btn.jpg) left no-repeat;
}
.abo:hover, .ado-actif
{
	display:block;
	height:150px;
	width:149px;
	background:url(../pict/abo-btn.jpg) right no-repeat;
}
.nav li .contact
{
	background:url(../pict/bg-contact.gif) no-repeat;
	width:52px;
	height:37px;
	display:block;
	padding:15px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	color:#5273bb;
	text-decoration:underline;
}
.nav li .contact:hover {text-decoration:none;}

/* =====================================================
================)>  SCHEMA LIGNE  <(====================
======================================================*/
.imgLigne p, .imgLigne p img
{
	margin:0;
	padding:0;
}

/* =====================================================
================)>  HORAIRE - ABO  <(===================
======================================================*/
.titres
{
	margin:15px 0 0 0;
	color:#379DD6;
}
.titres span{color:#153F93;}
.titres a {color:#379DD6;}
.titres a:hover {text-decoration:none;}

.horaires {background:#C7E7F4;}

.colContent .horaires h2
{
	color:#E20010;
	margin:0px 0 0px 50px;
	padding:20px 0 0 0;
	font-size:18pt;
}
.colContent .horaires h2 span
{
	font-weight:normal;
	font-size:10pt;
}
.colContent .horaires a
{
	color:#000;
	margin:0px 0 5px 50px;
}
.colContent .horaires a:hover
{
	text-decoration:none;
}
	
/*###### le tableau des horaires ######*/
.horaires table
{
	width:790px;
	border-left: 1px solid #22C5E6;
}
.horaires table td, .horaires table th
{
	padding:3px 0 3px 0;
	font-size:8pt;
	border-right: 1px solid #22C5E6;
	color:#333;
}
.horaires table th
{
	color:#fff;
	font-weight:bold;
	font-size:8pt;
	background:#00ABD9;
}
.celLarge {width:40px;}

.horaires table .txtBlanc {color:#fff;}

.horaires table .station {padding-left:5px;}

.horaires table  .txt7
{
	font-size:7pt;
	width:40px;
}

/* =====================================================
=================)>  MODE EMPLOI  <(====================
======================================================*/
.modemploi
{
	padding:0 20px 25px 50px;
	width:720px;
}
.modemploi h2 {margin-left:0;}

.modemploi h3
{
	margin-left:0;
	font-size:12pt;
}
.modemploi .margeTitre /* supprime la marge du bas pour le premier titre h3*/
{
	margin-bottom:0;
}
.modemploi .titreBleu /* pour passer un titre h3 en bleu*/
{
	margin-bottom:0;
	color:#153F93;
}
.modemploi p
{
	margin:5px 0 5px 0;
	padding-top:0;
}
.rouge {color:#E20010;} /* couleur texte */ 
.bleuFonce {color:#153F93;} /* couleur texte */ 
.bleuClair {color:#379DD6;} /* couleur texte */ 

.modemploi ul /* liste generique a puce */
{
	padding:0;
	margin:0 0 20px 100px;
	color:#153F93;
}
.modemploi .listeNum /* liste numeros */
{
	margin:0 0 20px 110px;
	list-style:none;
	text-indent:-25px;
}
/* --- conteneur tableau amendes + texte ---*/
.amendes {padding:0 0 0 90px;}

.amendes table
{
	color:#153F93;
	font-weight:bold;
	border:1px solid #00ABD9;
}
.amendes table td, .amendes table th
{
	padding:5px;
	border:1px solid #00ABD9;
}
.amendes table  .th7 {font-size:7pt;}


/* =====================================================
================)>  ESPACES TUB  <(=====================
======================================================*/
.bivert
{
	background:#fff url(../pict/BG-bivert.gif) top left repeat-y;
}
#trouveTUB
{
	width:598px;
	margin:0 0 0 192px;
}
#trouveTUB h3
{
	color:#E20010;
	margin:0 0 0 10px;
	font-size:9pt;
}
#trouveTUB table
{
	width:498px;
	color:#153F93;
	margin:10px 0 20px 100px;
}
#trouveTUB table a
{
	color:#379DD6;
}
#trouveTUB table a:hover
{
	text-decoration:none;
}
#trouveTUB table p
{
	margin:0 0 5px 0;
	text-indent:-7px;
}

/* =====================================================
================)>  VIVRE A BERCK  <(===================
======================================================*/
.bibleu
{
	background:#fff url(../pict/BG-bibleu.gif) top left repeat-y;
}
.bibleu h2
{
	color:#fff;
	margin-left:70px;
	width:100%;
}
.bibleu h2 span
{
	color:#144196;
}
/* ==== les sous colonnes ===*/
/*--- gauche ---*/
.sousCol
{
	float:left;
	width:117px;
	padding:0 5px 0 70px;
	color:#FFF;
}
.sousCol ul
{
	list-style:none;
	margin:0;
	padding:0;
	line-height:1.5em;
}
.sousCol p
{
	margin-top:0;
}
.sousCol a
{
	color:#FFF;
}
.sousCol a:hover
{
	text-decoration:none;
}
/*--- droite ---*/
.sousCol2
{
	float:left;
	width:560px;
	padding:0 10px 0 28px;
}
.sousCol2 table
{
	margin:0 0 20px 0;
	width:560px;
}
.sousCol2 table td
{
	padding:0 8px 0 8px;s
}
.sousCol2 table h3
{
	margin:0;
	padding:0;
	font-size:12pt;
}
.sousCol2 table p
{
	margin-top:0;
	padding:0;
}

/* =====================================================
================)>  PIEDS DE PAGE  <(===================
======================================================*/
#footer
{
	padding:10px 0 20px 0;
	color:#666;
	text-align:right;
}
#footer p
{
	margin:0;
	padding:0;
}
#footer a {color:#666;}
#footer a:hover {text-decoration:none;}