/*****************************************
 
CSS Vous Les Femmes

creation : 12 mars 2007
modification : 13 mars 2007

**************************************************/
body {
	background: white url(/content/series/vous-les-femmes/skins/bg_body.jpg) repeat-x top;
	text-align: center;
	margin: 0;
	padding: 0 0 20px 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: white;
	scrollbar-base-color:#d2ab7b;
}


#global {
	margin : 0 auto;
	width : 1004px;
	text-align : left;
}

* {margin:0;padding:0;}
img {border:0}
ul{list-style:none}

a {color:#FFFFFF;text-decoration:none}
a:hover {text-decoration:underline}

.floatLeft {float:left}
.floatRight {float:right}
.clearBoth {clear:both;height:0;overflow:hidden}

.verticalAlignTop {vertical-align:top}
.verticalAlignMiddle {vertical-align:middle}
.marginTop {margin-top:10px}
.marginRight {margin-right:10px}
.marginBottom {margin-bottom:10px}
.marginLeft {margin-left:10px}
.textAlignRight {text-align : right}
.textAlignCenter {text-align : center}

/************************************/
/* HEADER
/************************************/
#header {
	position:relative;
	height:186px;
	background : transparent url(/content/series/vous-les-femmes/skins/bg-header.png) repeat-x;
}

#header h1 {display:none}

#logoChaine {
	position:absolute;
	top:5px;
	left:28px;
}

#logoSerie {
	position:absolute;
	bottom:0px;
	left:10px;
}
#pubHeader {
	position:absolute;
	top:5px;
	left:266px;
}

#navTop {
	margin:0 0 10px 0;
	height:27px;
}

#navTop li {
	float:left;
	margin:0 7px 0 0;
}

/************************************/
/* MAIN
/************************************/

#content {
	float:left;
	width:1004px;
	margin-bottom:6px;
}

#contentLeft {
	float:left;
	width:671px;
}

#contentRight {
	float:left;
	width:327px;
	margin-left:6px;
}


/************************************/
/* BLOCS COMMUNS
/************************************/


#sondage {
	height:168px;
	background : black url(/content/series/vous-les-femmes/skins/bg-sondage.png) no-repeat top right;
	margin-bottom:6px;
}

#sondage h2{
	padding:8px 0 0 25px;
}

#sondage iframe{
	width : 230px;
	height : 120px;
	padding:10px 0 0 0;
}

#pubCarre {
	position:relative;
	height:276px;
	background : white;
	margin-bottom:6px;
}

#pubCarreContent {
	position:absolute;
	top:15px;
	left:15px;
}

#forum {
	background : #c90f81;
	font-size:11px;
	padding-bottom:1px;
	height:220px;
}

#forum h2 {
	padding:9px 0 0 25px;
}

#forum div {
	padding:10px 8px 8px 25px;
	color: white;
}
#forum p {margin-bottom:5px}

#forum li{
	margin-bottom:2px;
	padding:2px 0;
}

#forum li a{color: white}

#push {
	margin-bottom:6px;
}

/************************************/
/* LIENS UTILES (INCLUDES)
/************************************/
#liensUtiles {
	clear:both;
	position:relative;
	height:40px;
	background : black;
	margin-bottom:6px;
}

#liensUtiles h2{
	position:absolute;
	top:10px;
	left:20px;
}

#liensUtiles p{
	position:absolute;
	top:12px;
	left:170px;
	font-size:11px;
	color:white;
}

#liensUtiles p a{
	color:white;
}

/************************************/
/* FOOTER (INCLUDES)
/************************************/
#footer {
	clear:both;
	height:35px;
	background : #d6d6d6;
	padding-top:5px
}

#footer p{
	
	font-size:11px;
	color:black;
	text-align:center;

}
#footer a{
	color:black;
}



/************************************/
/* PAGE HOME
/************************************/


#pageHome #contentLeft {
	padding : 9px 18px 60px 18px;
	width:635px;
	background : black url(/content/series/vous-les-femmes/skins/bg-col-left-home.png) no-repeat 100% 10%;
}

#pageHome #resume h2{
	margin-left:20px;
}

#pageHome #resume object {
	float : left;
	width:317px;
	margin-top:5px
}

#pageHome #resume div {
	float : left;
	width:215px;
	margin-left:10px;
}

#pageHome #resume h3{
 	font-size:16px;
 	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}

#pageHome #resume h3 strong{
	 font-size:20px;
}

#pageHome  #resume p {
 	/*text-align:justify;*/
	width:150px;
}

#pageHome  #resume a {
	color:white;
}

#pageHome #date {
	font-weight:bold;
	color:#ee44f0;
	margin:10px 20px;
}

#pageHome #actrices h3{
	margin-bottom:5px;
}

#pageHome .actrice {
	width:630px;
	height:112px;
	background:black;
	margin-bottom:20px;
	opacity : 0.9;
	filter:alpha(opacity=90);
	-moz-opacity:.90
}

#pageHome .actrice div{
	float:left;
	margin-left:10px;
	width:288px;
	margin-top:5px;
}

#pageHome .actrice a {
	color:#f24806;
	text-decoration:underline;
	font-weight:bold;
}

#pageHome #citation {
	background:#333;
	padding:6px;
	opacity : 0.9;
	filter:alpha(opacity=90);
	-moz-opacity:.90
}


/************************************/
/* PAGE PERSONNAGES
/************************************/
#pagePersonnages #contentLeft {
	padding : 9px 18px;
	width:635px;
	background : black url(/content/series/vous-les-femmes/skins/bg-actrices.png) no-repeat 100% 10%;
}

#pagePersonnages #contentRight {
	margin-top:0;
}

#pagePersonnages #contentLeft h2{
	margin:0 0 20px 0;
}

#pagePersonnages #contentLeftLeft {
	width:303px;
	float:left;
}

#pagePersonnages #contentLeftLeft #btInterview {
	margin-top:5px;
}

#pagePersonnages  #contentLeftRight {
	width:275px;
	float:left;
	margin-left:20px;
}

#pagePersonnages  #contentLeftRight h3{
	margin-bottom:10px;
}

#pagePersonnages  #contentLeftRight p {
	width:230px;
}

#pagePersonnages  #contentLeftRight #sesPhotos {
	margin-top:10px;
}

#pagePersonnages  #contentLeftRight #btCliquezIci{
	margin-top:5px;
}


#pagePersonnages  #autreActrice {
	background:black;
	margin-bottom:6px;
	height:168px;
	position:relative;
}

#pagePersonnages  #autreActrice #btVoirBio{
	position:absolute;
	top:141px;
	left:0;
	
}

#pagePersonnages #pubCarre {
	background:black;
}

/************************************/
/* PAGE VIDEOS
/************************************/


#pageVideos #contentLeft {
	padding : 9px 0 0 18px;
	width:653px;
	background : white;
	color:black;
}

#pageVideos #contentLeft a{color:black}

#pageVideos #contentRight {
	
}

#pageVideos #playerContent {
	margin:10px 0 0 0;
	background:green;
}

#pageVideos #player {
	float:left;
}

#pageVideos #extraits  {
	float:right;
	width : 300px;
	margin-left:10px;
	padding:10px;
	background:#f056f2;
}

#pageVideos #extraits h2{
	font-size:20px;
	color:white;
	font-weight:normal;
}

#pageVideos #extraits h2 strong{
	font-weight:bold;
	text-transform:uppercase;
}

#pageVideos #extraits h2 img{
	vertical-align:middle;
	margin-right:10px;
	margin-bottom:10px;
}

#pageVideos #extraits .extrait img {
	float:left;
	margin:0 10px 10px 0;
}

#pageVideos #autresEpisodes {
	margin:10px 0 10px 0;
	width:627px;
	padding-bottom:10px;
}

#pageVideos #autresEpisodes h2 {
	margin:0 0 10px 0;
}

#pageVideos #autresEpisodes .episodes {
	float:left;
	width:120px;
	margin-right:5px;
	display:inline;
	font-size:11px;
}

#pageVideos #autresEpisodes .episodes a{
	color:black;
}

#pageVideos #autresEpisodes .episodes a:hover{
	text-decoration:none;
}

#pageVideos #autresEpisodes .episodes img {
	margin-bottom:5px;
	width:95px;
	height:66px;
	border:1px solid black;
	opacity : 0.7;
	filter:alpha(opacity=70);
	-moz-opacity:.70
}

#pageVideos #autresEpisodes .episodes a:hover img {
	opacity : 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	border:1px solid #f056f2;
}

#pageVideos #tousLesEpisodes {
	margin: 30px 0 0 0;
	padding-bottom:10px;
}

#pageVideos #tousLesEpisodes h2 {
	margin:0 0 5px 0;
}

#pageVideos #tousLesEpisodes select{
	font-size:12px;
	margin:10px 0 0 0;
	border:1px solid black;
	width:327px;
}

#pageVideos #tousLesEpisodes option{
	padding:2px;
}


/************************************/
/* PAGE PHOTOS
/************************************/

#pagePhotos #contentLeft {
	padding : 9px 18px 0 18px;
	width:634px;
	background : black;
}

#pagePhotos #contentRight {
	margin-top:0;
}

#pagePhotos #visionneuseContent {
	position:relative;
	width:514px;
	height:480px;
	margin: 10px auto 10px auto;
}

#pagePhotos #visionneuse {
	position:absolute;
	top:10px;
	left:12px;
}

#pagePhotos p#numerotation{
	position:absolute;
	top:455px;
	left:207px;
	width:100px;
	text-align:center;
	color:white;
}

#pagePhotos #btPrecedente {
	position:absolute;
	top:450px;
	left:30px;
}

#pagePhotos #btSuivante {
	position:absolute;
	top:450px;
	right:30px;
}

#pagePhotos #pubCarre {
	background:black;
}

#pagePhotos #tousLesEpisodes,
#pagePhotos #selectPersonnages {
	margin-bottom:10px;
}

#pagePhotos #tousLesEpisodes select,
#pagePhotos #selectPersonnages select {
	font-size:14px;
	margin:10px 0 0 0;
	border:1px solid black;
	width:328px;
}

#pagePhotos #tousLesEpisodes option,
#pagePhotos #selectPersonnages option {
	padding:2px;
}

/************************************/
/* PAGE PRESSE
/************************************/


#pagePresse #contentLeft {
	padding : 9px 2px 60px 2px;
	width:667px;
	background : white url(/content/series/vous-les-femmes/skins/bg-revue-presse.jpg) no-repeat;
	color:black;
}

#pagePresse #contentLeft h2 {
	font-size:18px;
	margin:0px 0 190px 18px;
}

#pagePresse #ancres {
	background:#51bdef;
	color:white;
}

#pagePresse #ancres li {
	list-style-type:disc;
}

#pagePresse #ancres li a{
	font-size:18px;
	font-weight:bold;
	color:white;
}

#pagePresse #ancres #listeGauche {
	float:left;
	margin-left:60px;
	width:250px;
}

#pagePresse #ancres #listeDroite {
	float:right;
	margin-right:60px;
	width:250px;
}




#pagePresse .lienForum {
	background:#60c1ee;
	color:black;
	padding:2px 15px;
	font-weight:bold;
	text-align:right;
}

#pagePresse .lienForum:hover {color:white;text-decoration:none}

#pagePresse #contentLeft h4 {
	font-size:18px;
	margin-top:10px;
}