# ------------------------------------------------------------------------------------------------------------- # MIPWORLD 2010 Tutorial - Content Style Sheet - # ------------------------------------------------------------------------------------------------------------- # Feuille de style generale # ------------------------------------------------------------------------------------------------------------- 
/* Definition et param?trage des selecteurs ID */

.Title {
padding: 10px;
}
.content {
float: left;
width: 960px;
margin: 0 0 12px 0;
padding: 10px;
}
#header {
margin: 0;
padding: 0;
width: 730px
}
#header img {
margin: 0;
padding: 0;
}
#ExtendedFooter {
background: #FFF url(http://www.mipworld.com/RM/RM_Mip/New_Design/Framework_images/ExtendedFooterBG.png) repeat-x scroll 0 0;
height: 30px;
padding:0;
}
#footer {
background: #FFF url(http://www.mipworld.com/RM/RM_MIDEMTest/Framework_images/FooterBG2.png) no-repeat scroll 0 bottom;
border:0 none;
height:39px;
}
#footer img {
float:left;
padding:1px 0 0 20px;
}

/* Parametrage des balises HTML */
html {
background:#AA91AF url(http://www.mipworld.com/RM/RM_Mip/New_Design/Framework_images/MIPWorld_BG.jpg) no-repeat scroll center 0;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
}
body {
margin: 20px 0 20px;
padding: 0;
border: 0px
}
table.MIPTV_Tutorial {
background:transparent url(../images/header/HeaderBG.png) no-repeat scroll 0 0;
margin-top: 25px;
}
div, td {
font: normal 13px Arial, Verdana, Helvetica, sans-serif;
text-align: justify
}
h1 {
border-bottom:1px dotted #B8B8B9;
font: normal 24px Georgia,Times,serif;
margin:0;
padding:15px 0 10px;
text-align:left;
width:100%;
}
h2 {
border-bottom:1px dotted #B8B8B9;
font: normal 22px Georgia,Times,serif;
margin:0;
padding:15px 0 10px;
text-align:left;
width:100%;
}
h3 {
border-bottom:1px dotted #B8B8B9;
font: normal 20px Georgia,Times,serif;
margin:0;
padding:15px 0 10px;
text-align:left;
width:100%;
}
strong {
/*color: #663366;*/
color: #000;
font-weight:bold
}
ul {
margin: 5px 0 0 20px;
padding: 0 0 0 0;
list-style: none;
clear: both
}
ol {
list-style-type: decimal;
/*clear: left;*/
margin: 6px 0 0;
}
ol li {
margin: 10px 0;
}
ul li {
background:transparent url(http://www.mipworld.com/RM/RM_Mip/Images/FooterLi.gif) no-repeat scroll 0 12px;
list-style-position:outside;
list-style-type:none;
padding: 5px 0 5px 15px;
}
p {
margin: 0 0 12px 0
}
/* Definition et param?trage des blocs content */
.bloc {
font-size: 13px;
clear: both;
margin: 8 0 8 0;
/*background-color: #FFFFFF*/
}
.bloc_intro {
clear: both;
width: 720px;
margin: 0 0 0 0
}
.bloc_intro img {
float: left;
margin: 0 14px 0 0;
border: 1px solid #006ab2
}
.Picture {
margin: 0;
border: 1px solid #b7b8ba;
padding: 10px;
}
.p {
float: left;
margin: 0;
}
/* .bloc_intro object, .bloc_intro embed 
{ float: left; margin: 0 14px 0 0; border: 1px solid #110216} */

/* Mise en forme tableau avec lignes de couleurs diff?rentes */
.bloc table {
border: 1px solid #006ab2
}
.bloc table tr.color1 {
color: #000000;
text-align: justify;
background-color: #e5f0f7
}
.bloc table tr.color2 {
color: #000000;
text-align: justify;
background-color: #ffffff
}
.bloc table tr td {
margin: 5px;
padding: 5px;
vertical-align: middle;
font-weight: normal;
color: #006ab2
}
.bloc table tr.color1 td, #content .bloc table tr.color2 td {
border-bottom: 1px solid #006ab2
}
.bloc table tr td li {
list-style-type: none;
background-image:url('http://www.miptv.com/li.gif');
background-repeat: no-repeat;
background-position:3px 5px;
padding: 0 0 0 13px;
margin: 0;
font-weight: normal;
color: #000000
}
/* Definition et param?trage des selecteurs CLASS */
.left {
float: left;
margin: 0 12px 0 0;
padding: 0 0 0 0
}
.right {
/*float: left;*/
margin: 0 15px 0 0;
padding: 0 0 0 0
}
.spacer {
clear: both
}
.uppercase {
text-transform: uppercase
}
.legend {
margin: 5px 0 0 0;
text-align: center
}
td.justify {
text-align: justify;
vertical-align: top
}
.border {
color: #000000; 
margin: 12px 0 0;
}
.Tips {
background-color: #EFEFEF;
border: 1px solid #b8b8b9;
margin: 10px 0 0;
padding: 10px;
clear: left;
}
.border_h2_warning {
color: #000000;
text-align: justify;
padding: 5px;
border: 1px solid #006ab2;
background-color: #e5f0f7;
vertical-align: top;
clear: both;
margin: 6px 0 0 0
}
.border_contacts {
color: #000000;
text-align: justify;
padding: 5px;
border: 1px solid #006ab2;
background-color: #e5f0f7;
vertical-align: top;
margin: -6px 0 0 0;
clear: both
}
.border_left {
border-left: 6px solid #006ab2;
padding: 0 0 0 6px;
margin: 8px 0 0 0;
text-align: left;
}
/* Definition et param?trage de la Boite */
.btn_2 {
background-color: #b00032;
border-right: 1px solid #b00032;
border-left: 1px solid #b00032;
border-top: 1px solid #d7d4d8;
border-bottom: 1px solid #d7d4d8;
vertical-align: middle;
text-align: left;
color: #ffffff;
font-size: 13px;

text-decoration: none;
font-weight: bold;
display: block;
background-image:url('../images/misc/chevron_over.gif');
background-repeat: no-repeat;
background-position:8px 4px;
padding: 3px 3px 4px 30px;
margin: 0 0 0 0;
}
/* Param?trage pour la rubrique Prepare your show - Manual & Transport*/
/*.switchcontent {
clear: both;
padding: 15px;
background-color:#fcfdfe;
}
.switchcontent_transport {
clear: both;
margin: 0 0 0 0;
margin-top: 1px;
background-color: #fdfdff;
padding: 8 8 8 8
}*/
/* Mise en forme liens hypertextes de base */
a, a:visited, a:link {
color: #0099FF;
text-decoration: underline
}
a:hover, a:active {
color: #0099FF;

text-decoration: none
}
a.strong {
font-weight: bold;
}
/* Mise en forme liens hypertextes de base */
#li_nav ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
clear: both
}
#li_nav li {
background-image:none;
background-repeat: no-repeat;
padding: 0px 0 0 5px;
margin: 0px 0 4px 0
}
/* Mise en forme liens du Bouton pour la page Manual: Application Form*/
a.btn:visited, a.btn:link, a.btn:active {
background-color: ;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
vertical-align: middle;
text-align: left;
color:#006ab2;
font: bold 15px Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: none;
display: block;
background: #e5f0f7 url('../images/misc/chevron.gif') no-repeat 15px 6px;
padding: 3px 3px 4px 35px;
margin: -1px 0 0 0;
}
a.btn:hover {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
vertical-align: middle;
text-align: left;
color: #ffffff;
font: bold 15px Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: none;
display: block;
background: #006ab2 url('../images/misc/chevron_over.gif') no-repeat 15px 6px;
padding: 3px 3px 4px 35px;
margin: -1px 0 0 0;
}
a.nav, a.nav:visited, a.nav:link {
color: #FFFFFF;

text-decoration: underline;
margin-left: 5px
}
a.nav:hover, a.nav:active {
color: #FFFFFF;

text-decoration: none;
margin-left: 5px
}
#li_nav ul li strong {
font-weight: bold;
}
/* Liens hypertextes Readmore */
a.readmore {
background-image:url('http://www.mipim.com/images/100517/misc/right.gif');
background-repeat: no-repeat;
background-position: 0 4px;
font-weight: normal;
padding: 0 0 0 10px;
margin: 0 0 0 0
}
/* Liens hypertextes More */
a.more {
background-image: url('http://www.mipim.com/images/100517/misc/more.gif');
background-repeat: no-repeat;
background-position: 0 2px;
font-weight: normal;
padding: 0 0 0 15px;
margin: 0 0 0 0
}
/* Liens hypertextes Top of the page */
a.top {
background-image:url('http://www.mipim.com/images/100517/misc/top.gif');
background-repeat: no-repeat;
background-position: 0 4px;
font-weight: bold;
padding: 0 0 0 10px;
float: right;
clear: both;
vertical-align: text-bottom;
margin: 18px 0 6px 0px
}