/**
 * playlist/position.css
 * position module "playlist"
 *
 *
 * @author EIIDM
 * @date 2009-01-15
 * @media screen
 * @site www.ina.fr
 */


/* Corps "playlist"
 ********************************************************/

div.container-videos-playlist {
	float:left;
	height:auto;
	padding:8px 16px 0;
	width:512px;
}

div.container-videos-playlist h3 {
	padding:5px 0 1px 35px;
}

div.container-element-playlist {
	height:97px;
	margin:0 0 5px;
	width:512px;
}

div.container-element-playlist li {
	float:left;
	height:auto;
	margin:0;
	padding:7px 20px;
	width:478px;
}

div.container-element-playlist h2.titre {
	margin:0;
	padding:0;
}

h2.titre {
	margin:0;
	padding:0;
}

div.container_bt_infos {
	display:block;
	float:right;
	width:18px;
}

div.container-element-playlist li img,div.container-element-playlist img {
	float:left;
	margin-right:10px;
	padding:1px;
}

div.dossier_element_titre_contenu h2 {
	padding-top:10px;
	clear:both;
}
div.dossier_element_contenu_inactif div.container-global-qr {
	margin-top:-5px;
}

div.hab-qr p {
	padding:6px 0 0 74px;
}

div.hab-qr p.titre {
	padding:0 0 0 74px;
}
div.container-videos-playlist div.container_bt div.bt-gris-extensible a span{
	padding: 3px 6px 4px 0px;
}
div.container-videos-playlist div.container_bt div.bt-gris-extensible a.bt-oval{
	width:70px;
}
div.container-videos-playlist div.container_bt div.bt-gris-extensible{
	margin-left:2px;
	margin-right:2px;
}
div.container-videos-playlist p.avertissement{
	color:#FE6300;
}
/* boutons specifiques playlist
 ------------------------------------------------------ */
div.container_bt div.bt-gris-extensible, div.container_bt2 div.bt-gris-extensible {
	float:left;
	margin:5px;
}

div.dossier_element_contenu_inactif div.bt-gris-extensible, div.bt-gris-extensible.autoplay {
	float:right;
}

div.bt-gris-extensible.autoplay {
	float:right;
	margin-top:-4px;
	margin-left:10px;
}

/* class pour les boutons taille fixe
 ------------------------------------------------------ */
div.container_bt {
	margin:0 auto;
	width:480px;
}

div.container_bt2 {
	margin:0 auto;
	width:105px;
}

div.container_bt3 {
	height:40px;
	padding-top:10px;
}

div.container_bt div.bt-gris-extensible a.bt-oval, div.container_bt2 div.bt-gris-extensible a.bt-oval {
	width:80px;
}

div.container_bt div.bt-gris-extensible a.bt-oval span, div.container_bt2 div.bt-gris-extensible a.bt-oval span {
	padding:3px 11px 4px 5px;
	text-align:center;
}

/* fleche haut et bas playlist
 ------------------------------------------------------ */
a.bt_fleche_doublebas {
	display:block;
	float:right;
	height:17px;
	margin:0;
	width:18px;
}

a.bt_fleche_simplebas {
	display:block;
	float:right;
	height:17px;
	margin:6px 0 3px;
	width:18px;
}

div.container-element-playlist div.container-numero-supprimer {
	float:left;
	padding-right:10px;
}

div.container-element-playlist div.container-numero-supprimer label {
	display:inline;
	float:none;
	padding-left:5px;
}

a.bt_fleche_doublehaut,a.bt_fleche_simplehaut {
	display:block;
	float:right;
	height:17px;
	margin:0 0 3px;
	width:18px;
}

/* formulaire
 ------------------------------------------------------ */
div.container-videos-playlist .sep {
	padding:5px 0;
}

div.container-videos-playlist .champs-obligatoires {
	float:none;
	padding: 0 0 10px 400px;
	clear:both;

}
div.container-videos-playlist label,div.container-videos-playlist span.label {
	display:block;
	float:left;
	padding-right:10px;
	position:relative;
	text-align:right;
	width:180px;
}

div.container-videos-playlist div.input-texte input,div.container-videos-playlist textarea {
	width:250px;
}

div.container-videos-playlist div.controlset .check, div#thematiqueDiv div.x-form-field-wrap {
	float:left;
	margin:0 0 10px;
	width:300px;
}

div.container-videos-playlist div.controlset label.bouton-radio {
	display:inline;
	float:none;
	text-align:left;
	vertical-align:top;
}

a.bt_supprimer-gris {
	display:block;
	height:15px;
	margin:20px 0 3px;
	width:16px;
}

/* affichage mosaique
 ------------------------------------------------------ */
.container-videos img {
	float:left;
	margin-bottom:5px;
	margin-top:5px;
	padding:1px;
}

/* css specifique slide accueil - surchage
 ------------------------------------------------------ */

div.container-slide.mes-playlists {
	padding-top:0px;
	height:136px;
	margin:0px 0 5px 0;
}

div.container-videos-playlist h2.titre {
	margin:0px 0px 10px 0px;
	padding:0 20px 5px 0;
	border-bottom:1px solid #E9E7E4;
}

/* popup
 ------------------------------------------------------ */

div.playlister.player-message {
	left:16px;
	padding:0px 0 0 20px;
	position:absolute;
	top:38px;
	z-index:1500;
}

div.form-intitule {
	padding:10px 0 5px 0;
}

div.form-intitule div.x-form-field-wrap {
	float:left;
	width:250px !important;
}

div.form-intitule div.x-form-field-wrap input {
	width:225px !important;
}

div.x-combo-list-inner {
	overflow-x:hidden !important;
}

div.playlister.player-message div.bt-gris-extensible {
	padding:25px 0 0 110px;
} 

div.playlister.player-message div.bt-gris-extensible.bt-voir{
	float:left;
	margin-left:15px;
	padding:0;
}

div.playlister.player-message div.bt-gris-extensible.bt-poursuivre{
	float:left;
	margin-left:9px;
	padding:0;
}

div.playlister.player-message div.form-intitule p {
	float:left;
	line-height:20px;
}

div.playlister.player-message h1 {
	padding-bottom:10px;
}

/* player - messages
 ********************************************************/

div.player-position {
	position:relative;
}

div.player-message {
	left:0px;
	padding:0px 0px 0 20px;
	position:absolute;
	top:0;
	z-index:1500;
	height:450px;
}

/**+html div.player-message {ie7
	left:16px;
	top:16px;
}*/

div.player-message div.form-intitule {
	margin:24px 20px 0 0;
}

div.player-message div.x-form-field-wrap,div.player-message div.form-intitule,div.player-message input.form-submit,div.player-message div.form-infos,div.exporter div.habillage {
	float:left;
}

/*div.player-message div.form-infos {
	margin:24px 20px 0 0;
}
*/
div.player-message p.form-intitule {
	margin:5px 0;
	float:left;
	width:320px;
}

div.player-message div.notices-interdites {
	margin:5px 0 0 0;
	float:left;
	width:300px;
	padding:10px 10px 5px 10px;
	background-color:#FFE0CC;
	color:#FE6300;
}
div.player-message div.notices-interdites div.bt-gris-extensible{
	padding:5px 0 0 95px;
}
div.player-message div.notices-interdites div.bt-gris-extensible a:hover{
	text-decoration:none;
}
div.player-message div.taille-et-code{

}
div.player-message div.taille-player{
	margin-top:10px;
	float:left;
}
div.player-message div.code-export{
	margin-top:10px;
	float:left;
	
}
h2.playlist{
	float:left;
}
div.dossier_element_titre_inactif{
	clear:both;
}
/* bouton jaime sur playlist
 ------------------------------------------------------ */
div.jaime-playlist{
	display:block;
	height:auto;
	width:512px;
	clear:both;
	padding:3px 0 12px;
	padding:3px 0 0\9;/*hack ie*/
}