/* Base */

* { margin: 0; padding: 0;}
body { background-color: #fff; color: #000; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5 { font-family: Arial,Helvetica,Verdana,sans-serif; font-weight: bold;}
a { color: #06c;}
a img { border:none;}
a:hover { text-decoration: none; color: #333;}
a.news,li.news { background: url(../navigation/news.gif) 0 0 no-repeat; padding-left: 16px;}
a.mail,li.mail { background: url(../navigation/email_go.gif) left no-repeat; padding-left: 19px;}
a.web,li.web { background: url(../navigation/icon_world.gif) 0 6px no-repeat; padding-left: 17px;}
a.fichier,li.fichier { background: url(../navigation/icon_attachment.gif) 0 6px no-repeat; padding-left: 17px;}
a.page,li.page { background: url(../navigation/page.gif) 0 6px no-repeat; padding-left: 17px;}
a.faq,li.faq { background: url(../navigation/page_faq.gif) 0 6px no-repeat; padding-left: 17px;}
a.date,li.date { background: url(../navigation/date.gif) 0 0 no-repeat; padding-left: 16px;}
a.eservice { background: url(../navigation/fleche_services.gif) 0 3px no-repeat; padding-left: 16px;}
a.video { background: url(../navigation/video.gif) 0 0 no-repeat; padding-left: 16px;}
a.videodownload { background: url(../navigation/videodownload.gif) 0 0 no-repeat; padding-left: 16px;}
h4 { clear: both; font-size: 16px; line-height: 21px; color: #f00; border-bottom: 1px solid #ccc; padding: 16px 0 16px 0; margin-bottom: 24px;}
h5 a { font:normal 10px/16px Verdana,Arial,Helvetica,sans-serif; margin-left:8px; background:url(../navigation/bullet_up.gif) no-repeat; padding-left:10px;}
h5 a:hover { background-image:url(../navigation/bullet_up_f2.gif);}
h5 span { color:#000; font:normal 10px/13px Verdana,Arial,Helvetica,sans-serif;}
input { border:1px solid #999; padding:2px 3px; font:11px Verdana,Arial,Helvetica,sans-serif;}
input.submit { padding:1px 3px;}

/* Top */

#top { width: 780px; margin: 0 auto; height: 46px;}
#top h1, #top h2 { float: left;}
#top h1 a { background:#fff url(../navigation/fgtb.gif) 3px 0 no-repeat; text-indent: -9999px; color: #fff; text-align: center; display: block; height: 45px; width: 145px;}
#top h2 { font-size: 17px; line-height: 25px; padding: 10px 0 0 10px;}
#top ul { float: right; list-style-type: none; padding: 15px 15px 0 0; height: 31px; background: url(../navigation/back_subnav.gif) right bottom no-repeat;}
#top ul li { display: inline; float: left; font-size: 10px; line-height: 15px; background: url(../navigation/bullet_red.gif) left no-repeat; padding: 0 5px 0 9px;}
#top ul li.premier { background-image: none;}
#top ul li a { text-decoration: none; color: #333;}
#top ul li a:hover { text-decoration: underline; color: #06c;}

/* Navigation */

#navigation_wrapper { background: #f00 url(../navigation/back_navigation.gif) center top repeat-y; border-bottom: 10px solid #000; float: left; width: 100%;}
#navigation { width: 780px; margin: 0 auto; text-align: left; color: #fff; position:relative;}
#navigation ul { float: left; list-style-type: none; width: 173px; padding: 17px 12px 11px 10px;}
#navigation ul li { font: bold 10px/13px Verdana,Helvetica,Arial,sans-serif; margin-bottom: 4px;}
#navigation ul li a { text-decoration: none; color: #fff;}
#navigation ul li a:hover, #navigation ul li a.actif { color: #000;}
#navigation ul.extra { position: absolute; left: 585px; float: none;}
#navigation ul.extra ul { padding: 4px 0 0 0; float: none;}

/* Content */

#content { clear: both; width: 780px; margin: 0 auto; text-align: left; background-repeat: no-repeat; background-position: 195px 0;}

/* Menu gauche */

#menugauche { float: left; width: 175px; padding: 51px 10px 0 10px; background: url(../navigation/back_menugauche.gif) 10px 0 no-repeat;}
body.home #menugauche { width: 185px; padding-right: 0;}
#menugauche h3 { font-size: 16px; line-height: 20px; color: #000;}
#menugauche ul { margin-top : 18px; list-style-type: none;}
#menugauche ul li { font-size: 11px; line-height: 15px; margin-bottom: 10px;}
#menugauche ul ul { border-left: 1px dotted #666; padding: 0 0 0 16px;}
#menugauche ul ul li { font-size: 10px; line-height: 15px; margin: 8px 0 0 0;}
#menugauche ul li a.menu { text-decoration: none; color: #333;}
#menugauche ul li a.menu:hover { text-decoration: underline; color: #06c;}
#menugauche ul li a.actif { font-weight: bold; text-decoration: none; color: #000;}

#menugauche ul#raccourcis { margin-top:16px;}
#menugauche ul#raccourcis li { margin:0 10px 5px 0;}
#menugauche ul#raccourcis li a { display:block; width:168px; padding:5px 0 7px 7px; background-color:#f00; color:#fff; text-decoration:none;}
#menugauche ul#raccourcis li a:hover { background-color:#000;;}

#menugauche #adresse { width:175px; color:#666; font-size:10px; line-height:17px; margin-top:29px; padding-top:24px; border-top:1px solid #ccc;}

/* Chemin de fer */

ul#chemin { float:left; width:565px; list-style-type:none; padding:90px 10px 0 10px; background:url(../navigation/back_chemin.gif) 0 68px no-repeat;}
ul#chemin.vide { padding: 65px 10px 0 10px;}
ul#chemin li { font-size: 10px; line-height:15px; background:url(../navigation/bullet_chemin.gif) left no-repeat; display:inline; float:left; color:#333; padding:0 6px 0 11px;}
ul#chemin li.premier { padding-left:0; background-image: none;}
ul#chemin li.actif { font-weight: bold;}

/* Texte */

#texte { float:left; width:380px; padding:0 10px 10px 10px; line-height:15px;}
body.home #texte { width:390px; padding-left:10px;}
#texte.seul { margin-left:195px;}
#texte.faq { width:565px;}
#texte p { text-align:justify; margin-bottom:15px;}
body.home #texte p { text-align:left;}
#texte h3 { padding-bottom: 15px; clear:both; font-size:13px;}
#texte img { margin:5px 10px 15px 0;}
#texte img.l { float:left; margin:4px 15px 4px 0;}
#texte img.r { float:right; margin:4px 0 4px 15px;}
#texte ul,#texte ol { margin:15px 0 15px 25px;}
#texte ul li,#texte ol li { padding-bottom:2px;}

#home_colonne1 { float:left; width:180px; margin-right:20px;}
#home_colonne2 { float:left; width:180px;}
#home_colonne1 a img,#home_colonne2 a img { float:left; border:1px solid #ccc; padding:5px; margin:4px 10px 5px 0; background-color:#fff;}
#home_colonne1 h4 { margin-right: -20px;}
#texte h5 { font: bold 13px/16px Arial,Helvetica,Verdana,sans-serif; color: #06c; margin: 5px 0 16px 0; clear:both;}
#home_colonne1 div,#home_colonne2 div { border-top:1px solid #ccc; overflow:hidden; padding-top:10px; clear:left;}
#home_colonne1 div.premier,#home_colonne2 div.premier { border-top:none; padding-top:0;}
body.home #texte h5 { margin-bottom:0;}
body.home #texte a { display:block; margin-top:8px; color:#666; clear:both;}
body.home #texte h5 a { display:inline; background:none; margin:0; padding:0; text-decoration:none; font:bold 13px/16px Arial,Helvetica,Verdana,sans-serif; color:#06c;}
body.home #texte h5 a:hover { text-decoration:underline; color:#000;}
body.home #texte a.news,body.home #texte a.date{ background-position:0 1px;}

/* Actu */

p.intro { color:#444;}
h3 span { font:normal 10px Verdana,sans-serif;}
a.liennext { float:right; margin-bottom:25px; padding-right:14px; background:url(../navigation/arrow_r.gif) right 3px no-repeat;}
a.lienprev { float:left; margin-bottom:25px; padding-left:14px; background:url(../navigation/arrow_l.gif) left 3px no-repeat;}

/* FAQ */

#faqarticles, #faqcategories { background-color:#f5f5f5; padding:15px; border-bottom:1px solid #ccc;}
#faqarticles span, #faqcategories span { font-weight:bold;}
#faqarticles ul, #faqcategories ul { list-style-type:none; margin:10px 0 0 0;}
#faqarticles ul li, #faqcategories ul li { padding-left: 20px; margin-top:2px;}
#faqcategories ul li { background: url(../admin/includes/images/folder.gif) 0 3px no-repeat;}
#faqarticles ul li { background: url(../navigation/page_faq.gif) 2px 2px no-repeat;}
#faqtexte { margin-top:20px;}
#faqtexte h3 { color:#f00;}


/* Telechargements */

body.telechargements #texte h3 { padding-bottom:0;}
#texte ul.telechargements { list-style-type: none; padding: 0 0 10px 0; margin-left:0; margin-top:0;}
#texte ul.telechargements li { padding-top: 4px; padding-bottom:0;}

/* Liens */

body.pageliens #texte h3 { padding-bottom:0;}

/* Logos */

body.logos #texte p { clear:both; border-top:1px solid #ccc; padding-top:15px; margin-top: 15px; overflow:hidden; width:100%;}
body.logos #texte img { float: left; margin:4px 15px 4px 0;}

/* Plan */

#texte ul.plan { list-style-type:none; margin:0; padding:0;}
#texte ul.plan li { padding:1px 0 0 0; margin:0; font-weight:bold;}
#texte ul.plan li ul { padding:5px 0 0 30px;}
#texte ul.plan li ul li { font-weight:normal;}

/* Bureau */

body.eservices #texte { width:565px;}
#mapDiv { width:563px; height:460px; margin:15px 0; border:1px solid #ccc;}

/* Sidebar */

#sidebar { float: right; width: 165px; padding-right: 10px; margin-top: 53px; font-size: 10px; line-height: 14px;}
#sidebar .infos, #sidebar img { border: 1px solid #ccc; margin-bottom: 14px;}
#sidebar .infos { padding: 10px; width:143px; overflow:hidden;}
#sidebar .infos div { margin-top:10px;}
#sidebar h5 { font-size: 14px; line-height: 16px; margin-bottom: 10px; color: #f00;}
#sidebar ul { list-style-type: none; margin-top:-5px;}
#sidebar ul li { padding-top:5px;}

/* Footer */

body.eservices #footer { width:565px;}
#footer { width: 380px; font-size:10px; clear:both; margin-left:205px; padding-top:15px; height:35px; border-top:1px solid #ccc;}
#footer.faq { width:565px;}
#footer #outils { float:left;}
#footer #update { float:right; font-size:9px; line-height:12px; color:#666; text-align:right;}
#footer a { text-decoration:none;}
#footer #outils a { padding-right:8px;}
#footer a:hover { text-decoration:underline;}
a.foottop { background:url(../navigation/arrow_up.gif) top left no-repeat; padding-left:15px;}
a.footprint { background:url(../navigation/printer.gif) top left no-repeat; padding-left:16px;}