body{font-family:Arial; font-size:12px; text-align:center; background:url('/images/motif_1.gif')}
#outer{text-align:center;}
#main{text-align:left; margin:0px auto 0px auto; width:800px; background-color:#fff;}
#header{background-color:#efefef; height:86px; text-align:center; background:url('/images/header.gif') no-repeat;}
#header h1{margin:0; padding:0; font-size:24px; color:#1b4582; font-family:'Times New Roman'}
.spacer{clear:both; height:1px;}
#fil{padding:5px 10px 5px 10px; font-size:10px; font-weight:bold;}
#fil span{color:#0000ff;}
.bgBlueTitle{background-color:#3e6aab; color:#fff; font-weight:bold; padding:5px;}
#footer{margin:0px auto 0px auto; width:800px; background: url("/images/motif_2.gif"); text-align:left;}
#liensFooter, #liensFooter a{color:#fff; font-weight:bold;}


#menu{margin:0px auto 0px auto;list-style-type:none;padding:0px;padding-top:37px;width:640px;}
#menu li{float:left;margin:0px;padding:0px;width:160px;}
#menu a{font-weight:bold; background-image:url('/images/fond-menu.gif');background-position:left center;background-repeat:no-repeat;color:#206ba4;display:block;font-size:10px;margin:0pt 0px;padding:5px;text-align:center;text-decoration:none;}
#menu a:hover{font-weight:bold; background-image:url('/images/fond-menu2.gif');background-position:left center;background-repeat:no-repeat;color:#206ba4;display:block;font-size:10px;margin:0pt 0px;padding:5px;text-align:center;text-decoration:none;}

/*general*/
#innerMainContent{margin:0px auto 0px auto; width:777px; padding-bottom:10px;}
#innerMainContentHeader{background: url("/images/header_cadre.gif") no-repeat 0 0; width:777px; height:17px;}
#innerMainContentFooter{background: url("/images/footer_cadre.gif") no-repeat 0 0; width:777px; height:17px;}
#innerMainContentBody{ background: url("/images/center_cadre.gif") repeat-y; width:777px; }

/*accueil*/
#tdLeft{width:210px; background:url('/images/fd_cornerleft.gif') repeat-x;}
/*#tdLeftDiv{background:url('/images/fd_cornerleft.gif') repeat-x;}*/
#tdLeftDiv{padding:5px;}
#formRech{text-align:left; width:573px; margin:0px auto 0px auto;}
#formRechHeader{text-align:left; height:11px; width:573px; background: url("/images/accueil/head-cadre.gif") no-repeat;}
#formRechFooter{text-align:left; height:15px; width:573px; background: url("/images/accueil/foot-cadre.gif") no-repeat;}
#formRechContent{padding:0px 20px 20px 20px; background: url("/images/accueil/center_cadre.gif") repeat-y;}
#tbRechForm{width:100%; margin-top:10px;}
#tbRechForm td{vertical-align:top;}
.leftDivTitle{margin-bottom:10px; font-weight:bold; border-bottom:1px solid #000;}
.listLiensAccueil{margin:0; padding-left:20px; list-style-type:square;}
.listLiensAccueil li{padding:2px 0px 2px 0px;}
.listLiensAccueil a{text-decoration:none;}

.formRechTitle{padding-bottom:5px; font-weight:bold; font-size:12px; color:#3e6aab;}
.formRechItem{float:left; width:48%;}
#formRechSsTitle1{color:#ffffff; font-size:11px; font-weight:bold; padding:3px 5px 5px 15px; width:190px; background: url("/images/accueil/fond_recherche1.gif") no-repeat;}
#formRechSsTitle2{background-color:#efefef; font-weight:bold; font-size:11px; padding:3px 5px 5px 15px; width:190px; background: url("/images/accueil/fond_recherche2.gif") no-repeat;}
.formRechDescr{font-style:italic; height:30px; font-size:11px;}
#blocTopTen{float:left; width:250px; height:250px; text-align:left; margin-left:10px; padding-left:10px; background:url('/images/fd_cornertop10.gif') repeat-x;}
.carrePub{float:left;}
.divResLong{height:400px; overflow-y:auto;}

.listeCcTable{width:100%; margin:10px auto 0px auto;}
.listeCcTable td{padding:5px; color:#3e6aab;}
.listeCcTable td a{color:#3e6aab; text-decoration:none;}
.listeCcTable .pair{background-color:#dde7f9;}
.listeCcTable .impair{background-color:#fff;}

/*minitel*/
#minTxtIntro{}
.minTitleConsultation{}
.minTbCapture{margin:0 auto; width:410px;margin-top:30px;font-size:12px;}
	
/*consultation*/
#content{padding-left:10px; vertical-align:top;}
	
#treeDataContainer{overflow:auto; background-color:#fff; width:230px; height:600px; float:left; border:2px solid #ccc;}
#treeData{font-size:12px; text-align:left;}
#convData{margin-bottom:30px; padding-bottom:15px; text-align:center; font-weight:bold; border-bottom:1px solid;}

.articleData{ border-bottom:1px solid #eee; padding-bottom:10px;}
.articleHeader{text-align:center; padding-bottom:20px;}
.articleTitle{color:#0000ff;}
.articleNature{font-style:italic;}
.articleEtat{font-style:italic;}
.sectionTitle{font-weight:bold; padding-bottom:10px; text-align:center;}
.ccListeRubriques{margin:0px auto 0px auto;list-style-type:none;padding:0px;}
.ccListeRubriques li{display:inline;margin:0px;padding:10px;width:100px;}

/*paiements*/
#ccPreview{width:350px; padding:10px; padding-right:30px;}
#divPaiements{width:320px;margin:0px auto 0px auto; }
.blocPaiement{width:313px;}
#blocWha{width:312px; height:86px;}
#blocTicket{}
#blocCb{width:312px; height:84px; background: url("/images/online/cb.gif") no-repeat 0 0;}
#diviframecb{width:650px; margin:0px auto 0px auto;}
#iframecb{text-align:center; height:650px; width:100%;}
.tdOnlineTitle{height:20px; background-color:#3e6aab; color:#fff; padding:5px; margin:0px; font-weight:bold;}
#tbPaie{margin:20px 10px 10px 10px; padding:10px 5px 10px 5px; border-collapse:collapse;}
#tbPaie td{vertical-align:top;}

.minitelTxtIntro{font-weight:bold; padding-bottom:20px;}


#links_mention{margin: 0 25px;}
#links_mention a{width: 192px; height: 27px; display: block; float: left; text-decoration: none;}
#links_mention #onglet1{background: url("/images/ml1.gif") no-repeat; margin-right: 4px;}
#links_mention #onglet1:hover, #links_mention #onglet1.active{background: url("/images/ml1.gif") 0 -27px no-repeat;}
#links_mention #onglet2{background: url("/images/ml2.gif") no-repeat; margin-right: 4px;}
#links_mention #onglet2:hover, #links_mention #onglet2.active{background: url("/images/ml2.gif") 0 -27px no-repeat;}
#links_mention #onglet3{background: url("/images/ml3.gif") no-repeat;}
#links_mention #onglet3:hover, #links_mention #onglet3.active{background: url("/images/ml3.gif") 0 -27px no-repeat;}

#mentions{text-align: left; padding-left: 25px; padding-right: 25px; padding-top: 5px; margin-left: 25px; margin-right: 25px; margin-top: 0; clear: left; color: #525a5f;}
#mentions h2, #mentions p{margin: 15px 0;}
#mentions a{color: #1f5289;}
#mentions a:hover{color: #112f4e;}
