body {
font-family: Tahoma, sans-serif;
padding:0;
margin:0;
background:repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAJ0lEQVQI12O0a/rvb8yw8SwDi78xQ5EXAwMDA8vGswwMDAwbzzIAAISUCANcC2TEAAAAAElFTkSuQmCC);
background-size: 100% 100%;
color:black;
overflow-y:scroll;
}
h1{text-shadow:0 0 3px white}
h1, h2 {
margin: 0 12pt 6pt 0;
padding:0;
}
.slide{
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}
a{text-decoration:none}
a:hover{text-decoration:underline}
#logo{
position:fixed;
top:-1px;left:-1px;
width:250px;height:114px;
background:#FFF center no-repeat url(data:image/png;base64,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);
border:black 1px solid;
box-shadow:1px 1px 2px black;
}
#header {
position:fixed;
padding-left: 190px;
border-bottom:black 1px solid;
box-shadow:0 2px 2px black;
background:white;
font-size: 120%;
right: 0;
top: 0;
left:0;
text-align: center;
}
#header div {
border: 1px solid #33C;
border-radius: 8px;
display: inline-block;
padding: 0 8px;
text-align: center;
margin: 1ex;
box-shadow: 1px 1px 1px black;
background: #bbb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAJElEQVQI1wXBAQ0AMAzDsFwahKr8SZVEUNx+29qq1zYJcCqgfqzyC4M4z3BYAAAAAElFTkSuQmCC);
background-size: 100% 100%;
}
#header a {
display: inline-block;
padding: 2pt 12pt;
min-width: 5em;
color:#33C;
}
#header a~a{border-left: 1px solid black;}
#header a.sel {
background: #33C;
color: #CCF;
}
#header b {
  background:#FF0;
  border-radius:8px;
  font-size:60%;
  padding:1pt 4pt;
  color:#000;
}
#tout {
margin: 90px 1em 1em 13em;
width:auto;
display: block;
text-align:center;
}
#tout > *{vertical-align:top;}
.boite, .forfait {
display:inline-block;
border:#33C thin solid;
border-radius:6pt;
box-shadow:10px 10px 10px #33B;
margin: 6pt 12pt;
min-width: 15em;
max-width: 48em;
padding:0;
overflow:hidden;
background:white;
text-align:left;
}
.in{width:40em}
.boite > div, .forfait > div {
padding: 1ex 1em;
}
.boite h3, .forfait h2 {
background: #CCF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAIAAACUgoPjAAAAEklEQVQI12M8f+E/AwODgT4DABXCAv8c7ySwAAAAAElFTkSuQmCC);
background-size: 100% 100%;
padding: 0 1ex 0 2ex;
margin: 0;
color: #33C;
border-bottom: 1px #33C solid;
}
.slide{
position:absolute;left:704px;top:0;
}
#gauche {
border: solid black 1px;
box-shadow: 1px 1px 2px #33B;
padding:1ex;
position:absolute;
top:148px;
left:-2px;
width:193px;
background: #bbb center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAIUlEQVQI1wXBAREAMBDCsDH/Xns1AJ88oC2Qtkm2fXWbeluVFzV30slyAAAAAElFTkSuQmCC);
background-size: 100% 100%;
}
#gauche a{display:block;font-weight:bold;color:#0055E7;border-bottom:1px solid grey}
#gauche a.sel{color:black}
hr{clear:both}
#tout > hr{box-shadow:1px 1px 1px black}
.forfait {
border-color: black;
margin-bottom: 2em;
min-width:40em;
min-height:14em;
}
.forfait h2 {
background: black;
color:#CCF;
}
big{font-size:150%}
.pre{white-space:pre-line}
.pre *{vertical-align:middle}
.forfait h2, .prix, .vitesse {
font-weight: bold;
font-style: italic;
}
.prix {
padding: 1ex;
color: red;
font-size: x-large;
text-shadow: 1px 1px 0px black;
text-align: center;
float: right;
}
.vitesse {
color: green;
font-size: large;
}
.canaux {
border-collapse: collapse;
display:inline-block;
margin-right:3em;
}
.canaux td {
border-bottom: 1px grey solid;
padding: 0 6pt;
}
.canaux td:first-child {
text-align: right;
}
.canaux b {
font-weight:500;
text-shadow:0 0 1px blue;
}
caption{font-weight:700}
.in table, .tarif{margin: 1em}
.in table *, .tarif *{padding:0 1ex}
.tarif td{text-align:right}
.tarif td:first-child{text-align:left}
form td:first-child{
text-align:right;
padding:0 4pt;
}
#mdir{
margin:9em 0 0 2em;
border:2px groove grey;
text-align:left;
width:95%;
}
#mdir tbody{
background:#DDD;
}
#mdir th{
background:#CAC;
}
#mdir tr:nth-child(odd){
background:#CCD;
}
#mhead{
border:3px double black;
background:#DCC;
width: 90%;
border-radius:7px;
background:linear-gradient(165deg,#DCC 40%,#FFF,#CBB);
}
#mhead th{text-align:right}
#mhead td{padding-left:1em}