/* $Id: reseaux.css,v 1.22 2012/01/03 21:59:18 excellent Exp $ */

body.reseaux #main #header {background-image:url(../images/main-reseaux-header.jpg);}


body.reseaux #main #content {width:955px;height:417px;background:no-repeat url(../images/main-pave-reseaux.jpg);overflow:hidden;}

body.reseaux #main #content h1 {height:40px;margin:0;padding:12px 0 0 40px;font-family:"Arial Black",arial,helvetica sans-serif;font-size:22px;font-weight:normal;color:#ffffff;text-align:left;background-repeat:no-repeat;}

body.reseaux #main #content > h1 {height:28px;}

body.reseaux #main #content h1 {background-image:url(../images/main-titre-reseaux.jpg);}

body.reseaux #main #content div.reseau {float:left;margin:10px 0 10px 0;width:220px;height:250px;border-style:solid;border-width:30px 20px;background:#FCE5E5;}

body.reseaux #main #content > div.reseau {width:180px;}

body.reseaux #main #content div.reseau h2 {margin:0;padding:20px 0;text-align:center;font-family:"Arial Black",arial,helvetica sans-serif;font-size:22px;font-weight:normal;line-height:110%;}

body.reseaux #main #content div.reseau ul {margin:0px 0 0 15px;padding:0 10px 0 15px;height:130px;line-height:100%;font-size:11px;font-weight:bold;}

body.reseaux #main #content div.reseau ul li {margin:0;padding:5px 0;}

body.reseaux #main #content div.reseau a {display:block;width:150px;margin:0 0 0 20px;padding:10px 15px 10px 40px;font-size:10px;font-weight:bold;text-decoration:none;text-align:left;background-repeat:no-repeat;line-height:100%;}

body.reseaux #main #content div.reseau a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='styles/images/main-arrow-reseaux.png',sizingMethod='crop');}

body.reseaux #main #content div.reseau > a {width:100px;background-image:url(../images/main-arrow-reseaux.png);}

body.reseaux #main #content div.reseau a:hover {text-decoration:underline;}

body.reseaux #main #content div#paris {border-color:#E60004;color:#E60004;margin-left:68px;margin-right:0;}

body.reseaux #main #content > div#paris {margin-left:68px;margin-right:0;}

body.reseaux #main #content div#idf {border-color:#E60004;color:#E60004;margin-left:68px;margin-right:0;}

body.reseaux #main #content > div#idf {margin-left:68px;margin-right:0;}

body.reseaux #main #content div#regions {border-color:#08337B;color:#08337B;margin-left:68px;margin-right:0;}

body.reseaux #main #content > div#regions {margin-left:68px;margin-right:0;}

body.reseaux #main #content div#paris a {color:#E60004;}

body.reseaux #main #content div#idf a {color:#E60004;}

body.reseaux #main #content div#regions a {color:#08337B;}

body.reseaux #main #content div.plaquette {clear:both;text-align:center;font-size:12px;color:black;font-weight:bold;margin:0 20px 0 0}

body.reseaux #main #content div.plaquette a {text-align:center;font-size:18px;text-decoration:none;color:black;}

body.reseaux #main #content div.plaquette a:hover {text-decoration:underline;}


body.reseau #main #content {width:auto;height:auto;background:none;}

body.paris #main #content .colored{color:#E60004;}

body.regions #main #content .colored{color:#0085BC;}

body.reseau #main #content div.column-left {float:left;width:194px;}


body.paris #main #content div.column-left #supports .body .side {height:240px;}

body.regions #main #content div.column-left #supports .body .side {height:230px;}

body.reseau #main #content div.column-left #supports .body .side .content h3 {margin:0 10px 0 10px;padding:0 0 5px 0;text-align:center;font-family:"Arial Black",arial,helvetica sans-serif;font-size:18px;font-weight:normal;border-style:dashed;border-width:0 0 2px 0;}

body.paris #main #content div.column-left #supports .body .side .content h3 {color:#E60004;border-color:#E60004;}

body.regions #main #content div.column-left #supports .body .side .content h3 {color:#0085BC;border-color:#0085BC;}

body.reseau #main #content div.column-left #supports .body .side .content {text-align:left;padding:0px 5px;}

body.reseau #main #content div.column-left #supports .body .side .content p {margin:0;padding:5px 0;font-weight:bold;}

body.reseau #main #content div.column-left #supports .body .side .content ul {margin:0 0 0 10px;padding:0 0 0 10px;line-height:110%;}

body.reseau #main #content div.column-left #supports .body .side .content ul li {margin:0;padding:0;line-height:normal;text-align:left;} 

body.reseau #main #content div.column-left #supports .body .side .content a {display:block;margin:5px 0 0 20px;padding:6px 0 6px 28px;background-repeat:no-repeat;font-size:12px;font-weight:bold;text-decoration:none;}

body.paris #main #content div.column-left #supports .body .side .content a {color:#E60004;background-image:url(../images/main-puce-reseaux-left-paris.png);}

body.regions #main #content div.column-left #supports .body .side .content a {color:#0085BC;background-image:url(../images/main-puce-reseaux-left-regions.png);}

body.reseau #main #content div.column-left #supports .body .side .content a:hover {text-decoration:underline;}


body.reseau #main #content div.column-left div.tarifs {width:194px;background-repeat:no-repeat;color:#FFFFFF;}

body.paris #main #content div.column-left div.tarifs {height:450px;background-image:url(../images/main-pave-reseaux-tarifs-paris.jpg);}

body.paris #main #content div.column-left div.tarifs-small {height:250px;background-image:url(../images/main-pave-reseaux-tarifs-paris-small.jpg);}

body.regions #main #content div.column-left div.tarifs {height:147px;background-image:url(../images/main-pave-reseaux-tarifs-regions.jpg);line-height:100%;}

body.reseau #main #content div.column-left div.tarifs h3 {margin:0 20px 10px 20px;padding:10px 0;text-align:center;font-family:"Arial Black",arial,helvetica sans-serif;font-size:18px;font-weight:normal;border:dashed #FFFFFF;border-width:0 0 2px 0;}

body.reseau #main #content div.column-left div.tarifs p {margin:0;padding:0 10px;text-align:center;font-weight:bold;}

body.paris #main #content div.column-left div.tarifs p {text-align:left;}

body.paris #main #content div.column-left div.tarifs p.note {text-align:center;line-height:normal;}

body.reseau #main #content div.column-left div.tarifs .prix {font-family:"Arial Black",arial,helvetica sans-serif;font-size:12px;font-weight:normal;}

body.reseau #main #content div.column-left div.tarifs ul {margin:0 10px 5px 15px;padding:0 0 0 15px;text-align:left;font-weight:bold;}

body.reseau #main #content div.column-left div.tarifs ul li {margin:5px 0 0 0;}

body.reseau #main #content div.column-left div.tarifs a {display:block;margin:10px 20px 0 25px;width:149px;padding:0 20px 0 25px;background-repeat:no-repeat;font-size:11px;font-weight:bold;color:#FFFFFF;text-decoration:none;line-height:normal;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='styles/images/main-puce-reseaux-tarif.png',sizingMethod='crop');}

body.reseau #main #content div.column-left div.tarifs > a {width:104px;background-image:url(../images/main-puce-reseaux-tarif.png);}

body.reseau #main #content div.column-left div.tarifs a:hover {text-decoration:underline;}


body.reseau #main #content div.column-left div.carte {width:194px;height:50px;background-repeat:no-repeat;color:#FFFFFF;text-align:center;}

body.regions #main #content div.column-left div.carte {background-image:url(../images/main-pave-reseaux-carte-regions.jpg);line-height:100%;}

body.reseau #main #content div.column-left div.carte a {display:block;padding:15px 0 5px 0;font-family:"Arial Black",arial,helvetica sans-serif;font-size:16px;font-weight:normal;color:#FFFFFF;text-decoration:none;}

body.reseau #main #content div.column-left div.carte a:hover {text-decoration:underline;}


body.reseau #main #content div.column-left .calendrier .body .side .content {padding:0;text-align:center;line-height:150%;}

body.reseau #main #content div.column-left .calendrier .body .side .content a {font-family:"Arial Black",arial,helvetica sans-serif;font-size:16px;font-weight:normal;text-decoration:none;}

body.paris #main #content div.column-left .calendrier .body .side .content a {color:#E60004;}

body.regions #main #content div.column-left .calendrier .body .side .content a {color:#0085BC;}

body.reseau #main #content div.column-left .calendrier .body .side .content a:hover {text-decoration:underline;}


body.regions #main #content div.column-left #criteres .body .side {height:144px;}

body.reseau #main #content div.column-left #criteres .body .side .content {padding:0 5px;text-align:center;}

body.paris #main #content div.column-left #criteres .body .side .content {color:#E60004;font-weight:bold;}

body.regions #main #content div.column-left #criteres .body .side .content {color:#0085BC;}

body.reseau #main #content div.column-left #criteres .body .side .content h3 {margin:0 5px;padding:0 0 5px 0;text-align:center;font-family:"Arial Black",arial,helvetica sans-serif;font-size:18px;font-weight:normal;border-style:dashed;border-width:0 0 2px 0;}

body.paris #main #content div.column-left #criteres .body .side .content h3 {color:#E60004;border-color:#E60004;}

body.regions #main #content div.column-left #criteres .body .side .content h3 {color:#0085BC;border-color:#0085BC;}

body.reseau #main #content div.column-left #criteres .body .side .content a {display:block;padding:6px 0 6px 24px;background-repeat:no-repeat;font-size:12px;font-weight:bold;text-decoration:none;}

body.paris #main #content div.column-left #criteres .body .side .content a {color:#E60004;background-image:url(../images/main-puce-reseaux-left-paris.png);}

body.regions #main #content div.column-left #criteres .body .side .content a {color:#0085BC;background-image:url(../images/main-puce-reseaux-left-regions.png);}

body.reseau #main #content div.column-left #criteres .body .side .content a:hover {text-decoration:underline;}


body.reseau #main #content div.column-right {float:left;width:746px;}

body.reseau #main #content div.column-right #main-pave {float:left;width:535px;}

body.paris #main #content div.column-right #main-pave .header {width:535px;background-image:url(../images/box-header-reseaux-left-paris.png);}

body.paris-mega #main #content div.column-right #main-pave .header {background-image:url(../images/box-header-reseaux-left-paris-mega.png);}

body.idf #main #content div.column-right #main-pave .header {background-image:url(../images/box-header-reseaux-left-idf.png);}

body.regions #main #content div.column-right #main-pave .header {background-image:url(../images/box-header-reseaux-left-regions.png);}

body.reseau #main #content div.column-right #main-pave .header div.title {float:left;display:block;background:transparent;}

body.reseau #main #content div.column-right #main-pave .header div.title {margin:0;padding:5px 0 0 15px;line-height:100%;font-family:"Arial Black",arial,helvetica sans-serif;font-size:22px;font-weight:normal;color:#ffffff;text-align:left;}

body.paris #main #content div.column-right #main-pave .header div.title {width:500px;}

body.reseau #main #content div.column-right #main-pave .header div.title span {display:block;padding:0 0 0 20px;font-size:14px;}

body.reseau #main #content div.column-right #main-pave .header .right {height:55px;}

body.paris #main #content div.column-right #main-pave .header .right {background-image:url(../images/box-header-reseaux-right-paris.png);}

body.regions #main #content div.column-right #main-pave .header .right {background-image:url(../images/box-header-reseaux-right-regions.png);}

body.reseau #main #content div.column-right #main-pave .body .side {height:auto;}

body.paris #main #content div.column-right #main-pave .body .side {height:500px;}

body.regions #main #content div.column-right #main-pave .body .side {height:500px;}

body.reseau #main #content div.column-right #main-pave .body .side .content {padding:0 10px;}

body.paris #main #content div.column-right #main-pave .body .side .content .char-gras {color:#E60004;}

body.regions #main #content div.column-right #main-pave .body .side .content .char-gras {color:#0085BC;}

body.reseau #main #content div.column-right #main-pave .body .side .content h3 {margin:0;padding:5px 0;text-align:left;font-size:11px;font-weight:bold;}

body.paris #main #content div.column-right #main-pave .body .side .content h3 {color:#E60004;padding:15px 0;}

body.regions #main #content div.column-right #main-pave .body .side .content h3 {color:#0085BC;}

body.reseau #main #content div.column-right #main-pave .body .side .content h3.tarifs {font-family:"Arial Black",arial,helvetica sans-serif;font-size:22px;font-weight:normal;}

body.reseau #main #content div.column-right #main-pave .body .side .content h3.carte {padding:0 0 3px 0;margin:0;font-family:"Arial Black",arial,helvetica sans-serif;font-size:16px;font-weight:normal;text-align:center;}

body.reseau #main #content div.column-right #main-pave .body .side .content h3.calendrier {padding:0;margin:0;font-family:"Arial Black",arial,helvetica sans-serif;font-size:16px;font-weight:normal;text-align:center;}

body.reseau #main #content div.column-right #main-pave .body .side .content p {margin:0;padding:0 0 10px 0;line-height:normal;}

body.reseau #main #content div.column-right #main-pave .body .side .content p.serre {line-height:normal;}

body.reseau #main #content div.column-right #main-pave .body .side .content p.carte {padding:0;margin:0;font-size:14px;font-weight:bold;text-align:center;color:#0085BC;}

body.reseau #main #content div.column-right #main-pave .body .side .content p.note {padding:0 0 2px 0;font-size:10px;font-weight:bold;font-style:italic;text-align:center;line-height:normal;}

body.reseau #main #content div.column-right #main-pave .body .side .content a.retour {display:block;clear:both;}

body.reseau #main #content div.column-right #main-pave .body .side .content object {display:block;text-align:center;margin:0 auto;}

body.reseau #main #content div.column-right #main-pave .body .side .content table.tarifs {line-height:normal;margin:5px auto;padding:0;border-collapse:collapse;border:none;}

body.reseau #main #content div.column-right #main-pave .body .side .content table.tarifs caption {margin:5px auto;padding:0 0 10px 0;font-weight:bold;color:#0085BC;text-align:center;}

body.reseau #main #content div.column-right #main-pave .body .side .content table.tarifs thead tr th {padding:0 5px;vertical-align:center;font-weight:normal;text-align:center;color:#FFFFFF;background:#0085BC;border:solid 1px #FFFFFF;}

body.reseau #main #content div.column-right #main-pave .body .side .content table.tarifs tbody tr td {padding:0 5px;border:solid 1px #0085BC;text-align:right;}

body.reseau #main #content div.column-right #main-pave .body .side .content table.tarifs tbody tr td.prix {text-align:right;}

body.reseau #main #content div.column-right #main-pave .body .side .content table.tarifs tbody tr td a {text-decoration:none;}

body.reseau #main #content div.column-right #main-pave .body .side .content table.tarifs tbody tr td a:hover {text-decoration:underline;}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month {float:left;padding:1px 7px 5px 3px;width:167px;height:116px;background-repeat:no-repeat;}

body.paris #main #content div.column-right #main-pave .body .side .content div.month {background-image:url("../images/main-table-reseaux-calendrier-paris.jpg");}

body.regions #main #content div.column-right #main-pave .body .side .content div.month {background-image:url("../images/main-table-reseaux-calendrier-regions.jpg");}

body.reseau #main #content div.column-right #main-pave .body .side .content div > div.month {width:157px;height:110px;}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table {line-height:100%;padding:0;margin:0;border-collapse:collapse;width:157px;background:transparent;}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table thead tr th {padding:3px 5px;font-family:"Arial Black",arial,helvetica sans-serif;font-size:12px;font-weight:normal;text-align:center;color:#FFFFFF;}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table thead tr th span {font-size:10px;font-style:italic;}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table tbody tr td {padding:0 5px;text-align:center;font-size:9px;font-weight:bold;color:#000000;}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table tbody tr td.on {background:repeat-y center center url("../images/main-table-reseaux-calendrier-on.png");}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table tbody tr td.onbis {background:repeat-y center center url("../images/main-table-reseaux-calendrier-onbis.png");}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table tbody tr td.onv {background:no-repeat center center url("../images/main-table-reseaux-calendrier-onv.png");}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table tbody tr td.onbisv {background:no-repeat center center url("../images/main-table-reseaux-calendrier-onbisv.png");}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table tbody tr td.start {background:no-repeat center center url("../images/main-table-reseaux-calendrier-start.png");}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table tbody tr td.startbis {background:no-repeat center center url("../images/main-table-reseaux-calendrier-startbis.png");}

body.reseau #main #content div.column-right #main-pave .body .side .content div.month table tbody tr td.end {border-bottom:solid 1px black;}

body.reseau #main #content div.column-right #main-pave .body .side .content .calendar-footer span.note {display:block;width:380px;float:right;text-align:right;font-size:10px;}

body.reseau #main #content div.column-right #main-pave .body .side .content .calendar-footer a.retour {display:block;width:100px;float:left;}

body #main #content div.column-right #main-pave .body .side .content #frame-home p {padding:10px 0 0 0;}

body #main #content div.column-right #main-pave .body .side .content #frame-home ul {padding-top:0;padding-right:10px;}

body #main #content div.column-right #main-pave .body .side .content #frame-home h3 {margin:0;padding:10px 0 10px 0;font-size:12px;}

body #main #content div.column-right #main-pave .body .side .content #frame-home ul li ul li {padding-bottom:10px;}

body #main #content div.column-right #main-pave .body .side .content #frame-home a {font-weight:normal;}

body.paris #main #content div.column-right #main-pave .body .side .content a.link {display:block;margin:5px 0 0 0;text-align:left;line-height:35px;height:35px;font-style:italic;padding:0px 0 0 45px;background-repeat:no-repeat;color:#08337B;font-weight:bold;text-decoration:none;}

body.paris #main #content div.column-right #main-pave .body .side .content a.link {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='styles/images/main-puce-reseaux-right-paris.png',sizingMethod='crop');}

body.paris #main #content div.column-right #main-pave .body .side .content div > a.link {background-image:url(../images/main-puce-reseaux-right-paris.png);}

body.paris #main #content div.column-right #main-pave .body .side .content a.link:hover {text-decoration:underline;}

body.paris #main #content div.column-right #main-pave .body .side .content #frame-criteres {font-weight:bold;color:#E60004;}

body.paris #main #content div.column-right #main-pave .body .side .content #frame-criteres ol {}

body.paris #main #content div.column-right #main-pave .body .side .content #frame-criteres ol li {margin:0;padding:8px 0;}

body.paris #main #content div.column-right #main-pave .body .side .content #frame-criteres ol li span {font-weight:normal;color:#08337B;}

body.regions #main #content div.column-right #main-pave .body .side .content a.link {display:block;margin:5px 0 0 0;text-align:left;line-height:35px;height:35px;padding:0px 0 0 45px;background-repeat:no-repeat;color:#08337B;font-weight:bold;text-decoration:none;}

body.regions #main #content div.column-right #main-pave .body .side .content a.link {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='styles/images/main-puce-reseaux-right-regions.png',sizingMethod='crop');}

body.regions #main #content div.column-right #main-pave .body .side .content div > a.link {background-image:url(../images/main-puce-reseaux-right-regions.png);}

body.regions #main #content div.column-right #main-pave .body .side .content a.link:hover {text-decoration:underline;}


body.reseau #main #content div.column-right div.affichage {float:left;width:207px;height:307px;background-repeat:no-repeat;}

body.paris #main #content div.column-right div.affichage {background-image:url(../images/main-pave-reseaux-affichage-paris.jpg);}

body.regions #main #content div.column-right div.affichage {background-image:url(../images/main-pave-reseaux-affichage-regions.jpg);}

body.paris #main #content div.column-right div.affichage img {margin:8px 0 0 24px;width:157px;height:235px;overflow:hidden;}

body.regions #main #content div.column-right div.affichage img {margin:45px 0 0 28px;width:147px;height:221px;overflow:hidden;}


body.reseau #main #content div.column-right div.documents {float:left;width:207px;height:236px;background-repeat:no-repeat;color:#FFFFFF;}

body.paris #main #content div.column-right div.documents {height:237px;background-image:url(../images/main-pave-reseaux-documents-paris.jpg);}

body.regions #main #content div.column-right div.documents {height:263px;background-image:url(../images/main-pave-reseaux-documents-regions.jpg);}

body.reseau #main #content div.column-right div.documents h3 {margin:0 20px 10px 20px;padding:10px 0;text-align:center;font-family:"Arial Black",arial,helvetica sans-serif;font-size:18px;font-weight:normal;border:dashed #FFFFFF;border-width:0 0 2px 0;}

body.reseau #main #content div.column-right div.documents ul {margin:0;padding:10px 0 0 10px;list-style:none;}

body.paris #main #content div.column-right div.documents ul {padding-top:10px;}

body.reseau #main #content div.column-right div.documents ul li a {display:block;height:50px;padding:5px 0 0 45px;background-repeat:no-repeat;color:#FFFFFF;font-weight:bold;text-decoration:none;}

body.reseau #main #content div.column-right div.documents ul li > a {height:45px;}

body.reseau #main #content div.column-right div.documents ul li a:hover {text-decoration:underline;}

body.paris #main #content div.column-right div.documents ul li a {height:55px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='styles/images/main-puce-reseaux-right-paris.png',sizingMethod='crop');}

body.paris #main #content div.column-right div.documents ul li > a {height:50px;background-image:url(../images/main-puce-reseaux-right-paris.png);}

body.regions #main #content div.column-right div.documents ul li a {height:55px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='styles/images/main-puce-reseaux-right-regions.png',sizingMethod='crop');}

body.regions #main #content div.column-right div.documents ul li > a {height:50px;background-image:url(../images/main-puce-reseaux-right-regions.png);}


body.reseau #main #content div.column-right div.bottom {clear:both;padding:10px 0 0 5px;text-align:center;}

body.paris #main #content div.column-right div.bottom {clear:both;padding:20px 0 0 5px;}


