@charset "UTF-8";
* {margin: 0; padding: 0; border: 0 none;}
body { height:100%; background-image:url('../images/background.jpg'); background-position:bottom; background-attachment:scroll; background-repeat:no-repeat; background-color:#e5eef5; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

h1 { display:none; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }

/* CONTENEUR */
#conteneur { width:950px; margin:0 auto; }
/* ------------------------------------------------------------------------------------------ */

/* TOTAL */
#total { float:left; width:950px; }
/* ------------------------------------------------------------------------------------------ */

/* HEADER */
#header { float:left; width:950px; height:220px; background:url(../images/header.jpg) 0 0 no-repeat ; }
	/* FLASH */
	#flash { float:left; width:649px; height:187px; padding-left:301px; }
	/* FIL D'ARIANE */
	#filariane { float:left; width:900px; margin:10px 50px 0 0; color:#12539c; text-align:right; font-size:11px; }
	#filariane a { color:#12539c; text-decoration:none; }
/* ------------------------------------------------------------------------------------------ */

/* MENU */
#menu { float:left; width:950px; height:30px; background:url('../images/back-menu.gif') no-repeat top center; margin-bottom:0; margin-top:9px; border:none; font-size:12px; }
dt, dd, ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu dl {
float: left;
margin:0;
padding:0;
}
#lien1 {
background: url('../images/puce-menu1.gif') no-repeat 10px 10px;
width: 82px;
height: 23px;
display: block;
text-align: center;
text-decoration: none;
color: #00499e;
margin:0;
cursor:pointer;
padding-top:8px;
padding-left:5px;
margin-left:55px;
}

#lien2 {
background: url('../images/puce-menu2.gif') no-repeat 10px 10px;
width: 149px;
height: 23px;
display: block;
text-align: center;
text-decoration: none;
color: #00499e;
margin:0;
cursor:pointer;
padding-top:8px;
padding-left:5px;
}
#lien3 {
background: url('../images/puce-menu3.gif') no-repeat 12px 10px;
width: 139px;
height: 23px;
display: block;
text-align: center;
text-decoration: none;
color: #00499e;
margin:0;
cursor:pointer;
padding-top:8px;
padding-left:5px;
}
#lien4 {
background: url('../images/puce-menu4.gif') no-repeat 12px 12px;
width: 131px;
height: 23px;
display: block;
text-align: center;
text-decoration: none;
color: #00499e;
margin:0;
cursor:pointer;
padding-top:8px;
padding-left:6px;
}
#lien5 {
background: url('../images/puce-menu5.gif') no-repeat 12px 11px;
width: 87px;
height: 23px;
display: block;
text-align: center;
text-decoration: none;
color: #00499e;
margin:0;
cursor:pointer;
padding-top:8px;
padding-left:5px;
}
#lien6 {
background: url('../images/puce-menu6.gif') no-repeat 12px 12px;
width: 136px;
height: 23px;
display: block;
text-align: center;
text-decoration: none;
color: #00499e;
margin:0;
cursor:pointer;
padding-top:8px;
padding-left:5px;
}
#lien7 {
background: url('../images/puce-menu7.gif') no-repeat 12px 12px;
width: 71px;
height: 23px;
display: block;
text-align: center;
text-decoration: none;
color: #00499e;
margin:0;
cursor:pointer;
padding-top:8px;
padding-left:5px;
}
#menu li {
display: inline;
margin:0;
padding:0;
}
#menu a {
text-decoration: none;
color: #000;
cursor:pointer;
}
#smenu1 {
position: absolute;

width: 930px;
background-color:#62bac8;
height:21px;
padding-top:8px;
text-align:left;
padding-left:20px;
font-size:11px;
}
#smenu1 ul li {
background:url('../images/sep_bleu1.gif') no-repeat 0 3px;
padding-left:15px;
}
#smenu1 ul .first{
background:none;
}
#smenu1 a {
text-decoration:none;
color:#fff;
margin-right:10px;
}
#smenu1 a:hover {
text-decoration:underline;
color:#fff;
font-weight:bold;
}
#smenu2 {
position: absolute;

width: 910px;
height:21px;
background-color:#00499b;
padding-top:8px;
text-align:left;
padding-left:40px;
font-size:11px;
}
#smenu2 ul li{
background:url('../images/sep_bleu2.gif') no-repeat 0 3px;
padding-left:15px;
}
#smenu2 ul .first{
background:none;
}
#smenu2 a {
text-decoration:none;
color:#fff;
margin-right:10px;
}
#smenu2 a:hover {
text-decoration:underline;
color:#fff;
font-weight:bold;
}
#smenu3 {
position: absolute;

width: 810px;
height:21px;
background-color:#97bf0c;
padding-top:8px;
text-align:left;
padding-left:140px;
font-size:11px;
}
#smenu3 ul li{
background:url('../images/sep_vert.gif') no-repeat 0 3px;
padding-left:15px;
}
#smenu3 ul .first{
background:none;
}
#smenu3 a {
text-decoration:none;
color:#fff;
margin-right:10px;
}
#smenu3 a:hover {
text-decoration:underline;
color:#fff;
font-weight:bold;
}
#smenu4 {
position: absolute;

width: 600px;
height:21px;
background-color:#e42f2c;
padding-top:8px;
text-align:left;
padding-left:350px;
font-size:11px;
}
#smenu4 ul li{
background:url('../images/sep_rouge.gif') no-repeat 0 3px;
padding-left:15px;
}
#smenu4 ul .first{
background:none;
}
#smenu4 a {
text-decoration:none;
color:#fff;
margin-right:10px;
}
#smenu4 a:hover {
text-decoration:underline;
color:#fff;
font-weight:bold;
}
#smenu5 {
position: absolute;
left: auto;
width: 930px;
height:21px;
background-color:#f18e00;
padding-top:8px;
text-align:left;
padding-left:20px;
font-size:11px;
}
#smenu5 ul li{
background:url('../images/sep_orange.gif') no-repeat 0 3px;
padding-left:15px;
}
#smenu5 ul .first{
background:none;
}
#smenu5 a {
text-decoration:none;
color:#fff;
margin-right:10px;
}
#smenu5 a:hover {
text-decoration:underline;
color:#fff;
font-weight:bold;
}
#smenu6 {
position: absolute;
left: auto;
width: 930px;
height:21px;
background-color:#5996cb;
padding-top:8px;
text-align:left;
padding-left:20px;
font-size:11px;
}
#smenu6 ul li{
background:url('../images/sep_bleu3.gif') no-repeat 0 3px;
padding-left:15px;
}
#smenu6 ul .first{
background:none;
}
#smenu6 a {
text-decoration:none;
color:#fff;
margin-right:10px;
}

#smenu6 a:hover {
text-decoration:underline;
color:#fff;
font-weight:bold;
}
#smenu7 {
position: absolute;
left: auto;
width: 930px;
height:21px;
background-color:#8a8a8c;
padding-top:8px;
text-align:left;
padding-left:20px;
font-size:11px;
}
#smenu7 ul li{
background:url('../images/sep_gris.gif') no-repeat 0 3px;
padding-left:15px;
}
#smenu7 ul .first{
background:none;
}
#smenu7 a {
text-decoration:none;
color:#fff;
margin-right:10px;
}
#smenu7 a:hover {
text-decoration:underline;
color:#fff;
font-weight:bold;
}
/* ------------------------------------------------------------------------------------------ */

/* INTER */
#inter { float:left; width:870px; background-color:#fff; padding:40px; background-image:url('../images/back-inter.gif'); background-repeat:no-repeat; background-position:0 0;  }
body.bodyinter #inter { width:882px; padding:34px; }
body.bodyinter h2 { float:left;  width:547px; height:20px; padding:3px 0 0 15px; }
body.bodyinter h3 { float:left;  width:624px; mini-height:30px; padding:3px 0 0 15px; margin-left:15px; margin-top:15px; }

#news { float:left; width:420px; margin-right:17px; background-color:#f0f6fb; }
.h2news { float:left; width:420px; height:20px; background:url('../images/back-bienvenue.gif') no-repeat 0 0; color:#35a6b8; margin-bottom:10px;	 }
.h4news { float:left; width:373px; background:url('../images/picto-h4news.gif') no-repeat 17px 5px; color:#35a6b8; padding:2px 15px 0 32px; }
#news p, .pnews { float:left; width:373px; color:#00499e; padding:10px 15px 0 32px; font-size:11px;  }
#content #news p.pnews2, 
body.generique #content p.pnews2 { float:left; width:373px; color:#00499e; padding:10px 15px 0 32px; font-size:11px; background:none;  }
#news p.ensavoirplus { float:left; width:395px; height:14px; background:url('../images/picto-ensavoirplus.gif') no-repeat 30px 0; margin:10px 0 0 0; padding:3px 25px 0 0; text-align:right; }
.ensavoirplus a { color:#fff; font-size:9px; text-decoration:none; }
.plus { color:#78bdc7; }
#news p.devis { float:left; width:205px; padding:0; }
#news p.horaires { float:right; width:205px; padding:0; }
.boutons-index { float:left; width:420px; background-color:#FFFFFF; margin-top:30px; padding-top:10px; }
.photo-actu { float:left; margin-right:10px; }

#bienvenue { float:left; width:253px; margin-right:17px; }
.h3bienvenue { float:left; width:248px; height:27px; background:url('../images/back-news.gif') no-repeat 0 0; color:#004a9b; padding:3px 0 0 5px; margin-bottom:10px; }

#bienvenue p { float:left; width:216px; color:#00499e; padding:0 15px 0 22px; font-size:11px; }

#totemindex { float:right; width:163px; }

.liens { color:#35a6b8; text-decoration:none; }
a:hover.liens { text-decoration:underline; }

/* TOTEM */
#totem { float:left; width:192px; margin-right:36px; background-color:#eaf2fa;  }
.rubrique { float:left; width:187px; height:26px; color:#004a9b; font-size:14px; font-weight:bold; padding:5px 0 0 5px; background:url('../images/back-rubrique.gif') no-repeat 0 0; }
.devistotem { float:left; width:187px; margin:10px 0 10px 0; }
.horairestotem { float:left; width:187px; margin:10px 0 0 0; }
#totem ul { float:left; width:170px; margin:17px 0 0 17px; list-style:none; }
#totem ul li { background:url('../images/puce-generique.gif') no-repeat 0 2px; padding:0 0 0 15px; margin:0 0 20px 0; }
#totem ul li a { color:#00499e; text-decoration:none; }
#totem ul li a:hover, body.loc #totem ul li a:hover, body.lignesreg #totem ul li a:hover, body.keolisgroup #totem ul li a:hover, body.securit #totem ul li a:hover, body.acces #totem ul li a:hover { text-decoration:underline; }

body.loc #totem ul li { background:url('../images/puce-location.gif') no-repeat 0 2px; }

body.lignesreg #totem ul li { background:url('../images/puce-ligne.gif') no-repeat 0 2px; }

body.keolisgroup #totem ul li { background:url('../images/puce-keolis.gif') no-repeat 0 2px; }

body.securit #totem ul li { background:url('../images/puce-securite.gif') no-repeat 0 2px; }

body.acces #totem ul li { background:url('../images/puce-contact.gif') no-repeat 0 2px; }

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

#content { float:right; width:654px; }

.location { float:left; width:624px; list-style:none; margin-left:30px; }
.location li { background:url('../images/puce-location.gif') no-repeat 0 2px; padding:0 0 0 15px; margin:0 0 10px 0; }
.location li a, .lignes li a, .keolis li a { color:#00499e; text-decoration:none; }
.location li a:hover, .lignes li a:hover, .keolis li a:hover { text-decoration:underline; }

.lignes { float:left; width:624px; list-style:none; margin-left:30px; }
.lignes li { background:url('../images/puce-ligne.gif') no-repeat 0 2px; padding:0 0 0 15px; margin:0 0 10px 0; }

.keolis { float:left; width:624px; list-style:none; margin-left:30px; }
.keolis li { background:url('../images/puce-keolis.gif') no-repeat 0 2px; padding:0 0 0 15px; margin:0 0 10px 0; }

#print { float:left; width:84px; height:17px; background:url('../images/back-print.gif') no-repeat 0 0; padding:6px 0 0 8px; margin-bottom:20px; }
#print a { color:#fff; font-size:10px; }

#top { }

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

/* FOOTER */
#footer { float:left; width:950px; height:92px; background:url('../images/back-footer.jpg') no-repeat 0 0; text-align:center; }
#footer  ul { margin:70px 0px 0px 150px; }
#footer  ul li { float:left; background:url('../images/puce-footer.gif') no-repeat 0px 3px; display:block; margin:0 10px 0 10px; padding:0 0 0 10px; }
#footer  ul li.first { background:none; }
#footer  ul li a { font-size:10px; color:#3372b6; text-decoration:none; }
#footer  ul li a:hover { color:#48b0ad; text-decoration:underline; }
/* ------------------------------------------------------------------------------------------ */

body.generique #content p, body.loc #content p, body.lignesreg #content p, body.keolisgroup #content p, body.securit #content p, body.acces #content p { float:left; width:590px; padding:15px 14px 0 50px; background:url('../images/back-p.gif') no-repeat right top; color:#00499e; }

body.sansimagep #content p { background:none; }

body.generique h2 { color:#00499e; background:url('../images/back-h2generique.gif') no-repeat 0 0; }
body.generique h3 { color:#00499e; background:url('../images/puce-generique.gif') no-repeat 0 8px; }

body.generique .h3home { color:#35a6b8; background:url('../images/puce-h3generique.gif') no-repeat 0 8px; }
body.generique .h3home a { color:#35a6b8; text-decoration:none; }
body.generique .h3home a:hover, body.generique .h3securite a:hover, body.generique .h3contact a:hover { text-decoration:underline; }
body.generique .h3location { color:#004a9b; background:url('../images/puce-location.gif') no-repeat 0 8px; margin-bottom:10px; }
body.generique .h3ligne { color:#97bf0d; background:url('../images/puce-ligne.gif') no-repeat 0 8px; margin-bottom:10px; }
body.generique .h3keolis { color:#e42f2c; background:url('../images/puce-keolis.gif') no-repeat 0 8px; margin-bottom:10px; }
body.generique .h3securite { color:#f18e00; background:url('../images/puce-securite.gif') no-repeat 0 8px; }
body.generique .h3securite a { color:#f18e00; text-decoration:none; }
body.generique .h3contact { color:#5493c9; background:url('../images/puce-contact.gif') no-repeat 0 8px; }
body.generique .h3contact a { color:#5493c9; text-decoration:none; }
body.generique .h3liens { color:#868688; background:url('../images/puce-generique.gif') no-repeat 0 8px; }
body.generique .h3liens a { color:#868688; text-decoration:none; }

body.loc h2 { color:#00499e; background:url('../images/back-h2location.gif') no-repeat 0 0; }
body.loc h3 { color:#00499e; background:url('../images/puce-location.gif') no-repeat 0 8px; }

body.lignesreg h2 { color:#97bf0d; background:url('../images/back-h2lignes.gif') no-repeat 0 0; }
body.lignesreg h3 { color:#97bf0d; background:url('../images/puce-ligne.gif') no-repeat 0 8px; }
body.lignesreg #content p.bus { background:url('../images/picto-bus.jpg') no-repeat 0 0; padding:5px 14px 0 70px; width:540px; margin-left:30px; height:35px; }

body.keolisgroup h2 { color:#e42f2c; background:url('../images/back-h2keolis.gif') no-repeat 0 0; }
body.keolisgroup h3 { color:#e42f2c; background:url('../images/puce-keolis.gif') no-repeat 0 8px; }

body.securit h2 { color:#f18e00; background:url('../images/back-h2securite.gif') no-repeat 0 0; }
body.securit h3 { color:#f18e00; background:url('../images/puce-securite.gif') no-repeat 0 8px; }

body.acces h2 { color:#5493c9; background:url('../images/back-h2contact.gif') no-repeat 0 0; }
body.acces h3 { color:#5493c9; background:url('../images/puce-contact.gif') no-repeat 0 8px; }

/* FORMULAIRE */
label { float:left; display:inline; width:200px; text-align:right; }
input, select, textarea { border:1px solid #afc7e1; margin:0 0 10px 10px; }
body.loc #content p.penvoyer { background:none; text-align:center; }
/* ------------------------------------------------------------------------------------------ */