/* -----------------------------------------------------------------------------
          Cascading Style Sheet ou feuille de style - Prociel by jrz 
----------------------------------------------------------------------------- */
* {
 margin: 0;
 padding: 0;
 font-family: "Trebuchet MS", helvetica, Univers, sans-serif;
 /*font-size: 14px;*/
}

a {
 text-decoration: none;
}

ul{
 margin-left: 20px;
}

img{
 border:none;
}

#container{
  position:relative;
  height:600px;
  width: 800px;
  margin: 50px auto auto auto;
  border: 1px solid #fff;
  overflow: hidden;
  z-index:0;
}

#mp3{ 
 float:left;
 width: 300px;
 height: 229px;
 margin: 115px 0 0 108px;
 background: #fff;
}

#flv{
 float:left;
 width: 300px;
 height: 229px;
 margin: 106px 0 0 151px;
 background: #fff;
}

#contact{
 width: 459px;
 height: 257px;
 margin: 205px auto auto 325px;
 background: #A0B1DD url(images/bulle-contact.jpg) no-repeat;
}

#menu{
 
 width: 750px;
 height: 145px;
 margin: 0px auto 0 auto;
 /*border: 1px solid #fff;*/
}

#menups{
 /*background: url(images/etiquettes-bouton-550.png) no-repeat;*/
 float: right;
 width: 564px;
 height: 106px;
 margin: 60px 10px auto auto;
 /*border: 1px solid #fff;*/
}

#footer{
 width: 800px;
 height: 15px;
 margin: 0 auto 0 auto;
 color: #fff;
}

#footer p{
 font-size:70%;
}

#footer a{
 color:#fff;
 font-size:100%;
}

#content-doublage{
 float:right;
 width:240px; 
 height:269px;
 margin-top: 120px;
 margin-right:10px;
 color:#fff; 
 overflow: auto;
}

#content-doublage p{
 margin:10px; 
 font-size:110%;
 line-height:130%;
 font-weight:100;
}

#content-doublage h3{
 margin:0 10px;
 font-weight:100;
 font-style:oblique;
}

#content-doublage ol{
 margin-left: 30px;
 margin-top: 30px;
 font-size: 80%;
}

#images{
 position:relative; 
 height:92px;
 width:100%;
 z-index:1;
 background:transparent;
}

#images img{ 
 border:none;
 float:left;
 height:92px;
}

#etiq{
 position:absolute;
 top:23px; 
 left:579px; 
 /*background: url(images/etiquette-doublage.png)no-repeat;*/ 
 width:182px; 
 height:186px;
 z-index:5;
}


.p1{
 background: url(images/page1-1.jpg) no-repeat;
}

.p2{
 background: url(images/page2-2.jpg) no-repeat;

}

.p3{
 background: url(images/page3-1.jpg) no-repeat;

}

.p4{
 background: url(images/page4-2.jpg) no-repeat;

}

.p5{
 background: url(images/page5-1.jpg) no-repeat;

}

.p6{
 background: url(images/page6-1.jpg) no-repeat;

}

.bg1{
 background-color: #007cc2;
}

.bg2{
 background-color: #ca5396;
}

.bg3{
 background-color: #7bc1ef;
}

.bg4{
 background-color: #d2d73f;
}

.bg5{
 background-color: #e4ac00;
}

.bg6{
 background-color: #9db1db;
}

.textbio{
 /*margin:180px 0 0 150px;*/
 float:left;
 width:230px; /*243px;*/
 height: 300px;
 background: transparent; /*#fff;*/
 overflow: auto;
 font-size:11px;
}

.textbio h2{
 font-size:14px;
}

.textbio ul{
 margin-left:20px;
}


.textbio p{
 margin-right:5px;
}

.textoff{
 float: right;
 margin: 215px 10px 0 0;
 height:262px;
 width: 289px;
 background: transparent;
 font-size: 12px;
 color:#154782;
 overflow: auto;
}

.textoff h2{
 font-size:18px;
}

.jrz{
 display: none;
}

.vide{
 clear:both;
 height:20px;
}