
/*  
Theme Name: lemediascope 2009
Theme URI: http://lemediascope.fr/
Description: Theme du site LeMediascope.fr, refait from scratch.
Version: 1.0
Author: Alexis Villebrun
Author URI: http://www.bslfd.net/

todo

*/

.bgbody {
 width: 100%;
 background: url(images/fond2.png) repeat-x #abb1c8;
 padding: 0px;
 margin: 0px;
 color: #000000;
 font-family: "Lucida Grande", Verdana, Geneva, Arial,Helvetica,sans-serif;
 font-size: 10pt;
}
.container {
 position: absolute;
 width: 1057px;
 left: 50%;
 margin-left: -500px;
 min-height: 800px;
 _height: 800px;
}
.top {
 position: relative;
 top: 0px;
 margin: 0;
 padding: 0;
 height: 200px!important;
 width: 100%;
 background: transparent url("images/onglet_01.png") no-repeat;
 background-position: bottom left;
}
.logo {
 position: relative;
 top: 5px;
 height: 135px;
 width: 417px;
 background: transparent url("images/logo_mediascope3.png") no-repeat;
 background-position: bottom left;
}
.search {
 position: absolute;
 bottom: 20px;
 right: 20px;
 width: 320px;
 height: 30px;
}
.searchfield {
 position: relative;
 float: left;
 border: solid 1px gray;
 margin: 5px;
 width: 180px;
 height: 15px;
 padding: 1px;
}
.box img {
 margin: 5px;
 border: none;
}
.pub {
 width: 500px;
 height: 130px;
 position: absolute;
 right: 120px;
 top: 10px;
 /*background: url("images/bandeau.gif") no-repeat;*/
}
.main {
 position: relative;
 min-height: 400px;
 width: 100%;
 background: url(images/onglet_milieu.png) repeat-y;
}
* html .clearfix {
 height: 1%; /* IE5-6 */
}
.clearfix {
 display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
 display: block;  
}
.clearfix:after { /* FF, O, etc. */
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.box {
 position: relative;
 float: left;
}
a, a:hover, a:visited, a:active {
 font-weight: bold;
 font-size: 1em;
 color: #222222;
}
.box a {
 font-weight: bold;
 font-size: 1em;
 color: #222222;
 text-decoration: none;
}
.box p {
 margin: 10px;
 text-align: justify;
}
.box p a {
 color: red;
 font-size: small;
 font-weight: 100;
}
a {
 font-weight: bold;
 font-size: 1em;
 color: #222222;
}
.box small {
 margin: 10px;
 color: #777777;
}
.box h2 {
 margin: 0;
 padding: 0px;
 background-position: center top;
}
.box h2 img {
 margin: 0;
}
.box h3 {
 margin: 5px 10px;
 font-weight: bold;
 font-size: 1.1em;
 color: #222222;
}
.box1 {
 width: 383px;
 background: white url("images/bas_01b.png") no-repeat;
 background-position: center bottom;
 margin: 0px 7px 10px 15px;
}
.box1 h2 {
 background: transparent url("images/Haut_01b.png") no-repeat;
}
.box2 {
 width: 249px;
 background: white url("images/bas_02b.png") no-repeat;
 background-position: center bottom;
 margin: 0px 7px;
}
.box2 h2 {
 background: transparent url("images/Haut_02b.png") no-repeat;
}
.column3 {
 float: left;
 position: relative;
 margin: 0px 0px 10px 7px;
 padding: 0;
 width: 347px;
}
.login {
 position: relative;
 top: 0;
 width:349px;
 height: 94px;
 font-size: small;
 background: transparent url("images/bloc_connexion.png") no-repeat;
 background-position: top left;
 margin-bottom: 7px;
 padding: 0px 10px;
 border: solid 1px transparent;
}
.login h2 {
 text-align: center;
 font-size: smaller;
 font-weight: bolder;
 height: 10px;
 padding: 0px;
 margin: 10px 0 0px -10px;
 text-decoration: underline;
}
.login p {
 padding: 0px;
 margin: 10px 0 0 0;
 padding-left: 5px;
}
.login form {
 margin: 0px;
 margin-top: 5px;
 padding: 0px;
}
.login input[type=text],input[type=password] {
 width: 130px;
 height: 15px;
 padding: 1px;
 margin: 0px;
 margin-right: 10px;
}
.login input[type=submit] {
 background-color: #ea2710;
 border: none;
 color: white;
 height: 18px;
 width: 25px;
 margin: 1px 0px;
 text-decoration: underline;
}
.box3 {
 width: 347px;
 background: white url("images/bas_03b.png") no-repeat;
 background-position: center bottom;
 margin: 0px 0px 14px 0px;
}
.box3 h2 {
 background: transparent url("images/Haut_03b.png") no-repeat;
}
.box4 {
 width: 1010px;
 background: white url("images/bas_04b.png") no-repeat;
 background-position: center bottom;
 margin: 0px 7px 10px 15px;
 padding: 0px 0px 40px 0px;
}
.box4 h2 {
 background: transparent url("images/Haut_04b.png") no-repeat;
 background-position: center top;
 padding: 0px;
}
.box4 form {
 margin-left: 30px;
}
.box4_1 {
 width: 800px;
 margin-left: 10px;
 float: left;
}
.box4_2 {
 width: 170px;
 float: right;
 margin-right: 10px;
 margin-top: 20px;
}
.archive img, .archive p a img, .archive p img {
 float: left;
 height: 100px;
 max-height: 100px;
 margin-right: 5px;
 margin-bottom: 5px;
 width: auto;
}

.cat6 {
 float: left;
 width: 180px;
 height: 380px;
 border: solid 1px red;
 margin: 3px;
 background-color: #dddddd;
}
.archive-content-cat6 {
 height: 380px;
 overflow-y: hidden;
}
.cat6 img {
 float: none!important;
 display: block!important;
 margin-left: auto!important;
 margin-right: auto!important;
}
.archives-more {
 visibility: hidden;
 height: 0px;
}
.more-cat6 {
 position: relative;
 height: 15px;
 width: 100%;
 visibility: visible;
 background-color: red;
 text-align: center;
 bottom: 15px!important;
}
.more-cat6 a,.more-cat6 a:hover,.more-cat6 a:visited,.more-cat6 a:active {
 color: white;
}
.scrollable {
 width: 990px;
 margin: 5px;
 padding: 0;
 position: relative;
 float: left;
}
.tiny {
 height: 25px!important;
 padding: 0px;
 width: 1010px;
 margin: 0 0 10px 15px;
 background: url(images/box_defile.png) no-repeat
}
#marquee {
 display: inline;
 float: left;
 width: 990px;
 margin: 5px;
 overflow-x: hidden;
 color: red;
 height: 16px;
 font-size: small;
 font-weight: bold; 
}
h2.right {
 text-align: right;
}
h2.nobg {
 position: absolute;
 top: 0px;
 right: 0px;
 background: none;
}
.bright {
 position: absolute;
 right: -5px;
 bottom: -5px;
}
.bleft {
 position: absolute;
 left: -5px;
 bottom: -5px
}
table {
 width: 90%;
 border-spacing: 0;
 border-collapse: collapse;
 text-align: center;
 margin-bottom: 5px;
}
.row1 {
 background-color: #c09799;
 border: solid 3px white;
}
.row2 {
 background-color: #ecdfdf;
 border: solid 3px white;
}
.legal {
 position: relative;
 clear: both;
 color: white;
 text-align: center;
 width: 1040px;
 bottom: 0px;
}
.legal a {
 text-decoration: none;
 color: white;
 font-weight: 100;
}
.footer {
 position: relative;
 margin: 0;
 padding: 0;
 height: 22px;
 width: 1043;
 background: transparent url("images/onglet_bas.png") no-repeat;
 background-position: left bottom;
}

/* Begin Comments*/
.alt,.alt2 {
 position: relative;
 margin: 20px;
 padding: 0px;
}
.alt {
 background-color: #ccc;
 border-top: 1px solid #888;
 border-bottom: 1px solid #888;
}
.alt2 {
 background-color: #eee;
 border-top: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
}
.commentlist {
 padding: 0;
 text-align: justify;
 width: 640px;
}
.commentlist li {
 margin: 15px;
 padding: 5px;
 list-style: none;
 font-weight: bold;
}
.commentlist p {
 margin: 0 10px;
 font-weight: normal;
 text-transform: none;
 width: 955px;
 
}
#commentform p {
 margin: 5px 0;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.nocomments {
 text-align: center;
 margin: 0;
 padding: 0;
}
.commentmetadata {
 margin: 0;
 display: block;
 font-weight: normal;
 text-align: right;
 float: right;
}
#commentform {
 text-align: left;
}
.commentlist cite, .commentlist cite a {
 font-weight: bold;
 font-style: normal;
}
.commentlist em {
 padding-left: 5px;
}
.commentlist small {
 position: absolute;
 right: 0px;
 top: 0px;
}
#commentform input {
 width: 170px;
 padding: 1px;
 margin: 5px 5px 1px 15px;
}
#commentform textarea {
 width: 975px;
 padding: 1px;
 margin-left: 15px;
}
#commentform #submit {
 margin: 0 15px 15px;
 float: right;
}
.links {
 font-size: inherit;
 font-weight: normal;
 text-decoration: none;
 text-align: left;
 border-bottom: dotted 1px gray;
 margin: 10px;
 width: 93%;
 overflow-x: hidden;
}
.links a,.links a:hover,.links a:visited,.links a:active {
 font-size: 9pt;
 font-weight: normal;
 text-decoration: none;
}
.row3 {
 background-color: #FFFFFF;
 border-bottom: dotted 1px gray;
}
.row4 {
 background-color: #FFFFFF;
 border-bottom: dotted 1px gray;
}
.links2 {
 font-size: inherit;
 font-weight: normal;
 text-decoration: none;
 text-align: left;
 border-bottom: dotted 1px red;
 margin: 10px;
 width: 90%;
}
.links2 a,.links2 a:hover,.links2 a:visited,.links2 a:active {
 font-size: 9pt;
 font-weight: normal;
 text-decoration: none;
}
.row12 {
 background-color: #FFFFFF;
 border-bottom: dotted 1px red;
}
.row13 {
 background-color: #FFFFFF;
 border-bottom: dotted 1px red;
}

.pub_left {
 position: relative;
 left: 70px;
}
.main_vid {
 position: relative;
 width: 330px;
 height: auto;
 margin: 5px;
 padding: 0px;
 text-align:center;
}
.tiny_vid {
 position: relative;
 float: left;
 width: 100px;
 height: auto;
 margin: 3px;
 padding: 0px;
}
.tiny_vid img {
 width: 100px;
}
.main_vid br {
 clear: both;
}
.box12 {
 width: 642px!important;
 background: white url("images/bas_12.png") no-repeat;
 background-position: left bottom;
 margin: 0px 20px 10px 15px;
 overflow-x: hidden;
}
.box12 h2 {
 background: transparent url("images/Haut_12.png") no-repeat;
 background-position: center top;
 padding: 0px;
} 
p img {
padding: 0;
max-width: 93%;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

column-views {
width: 20px;
}

.wp-polls {
width: 340px;
}

.wp-polls-archive {
width: 1000px;
}

.flowplayer {
margin: 20px;
}

.wp-polls {
 width: 95%!important;
}
.sondage p {
 width: 95%!important;
}
.sondage p a {
 color: red;
 font-size: small;
 font-weight: 100;
}
.sondage input {
	font-size: 10pt;
	background-color: red!important;
	color: white;
}
img.multi {
 float: left;
}