/**
 * communaute/position.css 
 * position module "communaute"
 *
 *
 * @author EIIDM
 * @date 2009-03-31 
 * @media screen 
 * @site www.ina.fr
 */
 
/* module journal naissance 
 ********************************************************/

div.form-container-journal {
	height:auto;
	padding:0 16px 5px 16px;
}

div.form-container-journal label, div.form-container-journal span.label {
	display:block;
	float:left;
	padding-right:10px;
	position:relative;
}

div.form-container-journal form.position-form-journal { 
	padding-left:134px;
}

.ext-ie div.form-container-journal img.x-form-trigger.x-form-arrow-trigger {/*ext.js ie7*/
	margin-top:-1px;
}

/* position titre selectionnez une date journal naissance
 ------------------------------------------------------ */
div.form-container-journal h2.titre {
	margin:5px 20px 0 5px;
	float:left;
}

/* position p journal naissance
 ------------------------------------------------------ */
div.form-container-journal p {
	margin:5px 0 0 0;
}

div.form-container-journal div.controlset input {
	border:0;
	display:inline;
	float:none;
}

/* annulation de div.hab-qr img de playlist/habillage.css
 ------------------------------------------------------ */
div.form-container-journal div.hab-qr img {
	float:none;
	padding:0;
}


/* module profils
 ********************************************************/

/* tri liste
 ------------------------------------------------------ */
div.container-videos-liste h3.date_video_dujour {
	height:20px;
}

div.container-videos-liste li.liste h2.titre, div.container-videos-liste li.liste p {
	padding-left:65px;
}

div.container-videos-liste li.liste h2.titre {
	margin:10px 0 2px 0;
}

div.container-videos-liste li.liste p.playlists {
	padding:4px 0 10px 65px;
}

div.voir-bouton {
	padding:4px 48px 0 0;
}

/* tri mosaïque
 ------------------------------------------------------ */
div.container-videos h3.date_video_dujour {
	height:20px;
	margin-bottom:8px;
}

*+html div.container-videos h3.date_video_dujour {/*ie7*/
	height:20px;
}

div.container-videos li h2.titre, div.container-videos li p {
	padding-left:0;
}

div.container-videos li h2.titre {
	margin:0;
}

div.container-videos li p.playlists {
	padding-top:0;
}

div.container-videos ul.profils-mosaiq li {
	margin:10px 0 0 26px;
	height:auto;
	width:104px;
}

/* recherche par pseudo
 ------------------------------------------------------ */
div.bloc-recherche {
	padding:16px 16px 0 16px;
	width:512px;
}

div.bloc-recherche h2.titre {
	float:left;
	margin-right:6px;
}

*+html div.bloc-recherche h2.titre {
	margin:2px 6px 0 0;
}

div.bloc-recherche input,div.bloc-recherche select {
	height:20px;
	width:145px;
}

*+html div.bloc-recherche input {/*ie7*/
	height:16px;
	margin-right:10px;
	padding:2px;
	width:136px;
}

.ext-ie div.bloc-recherche .x-form-text {/*ext.js ie7*/
	height:16px;
	line-height:16px;
	margin-top:1px;
}

.ext-safari div.bloc-recherche .x-form-text {/*ext.js safari3*/
	margin-top:-5px;
}

.ext-ie div.bloc-recherche img.x-form-trigger.x-form-arrow-trigger {/*ext.js ie7*/
	margin-top:1px;
}

.ext-safari div.bloc-recherche img.x-form-trigger.x-form-arrow-trigger {/*ext.js safari3*/
	margin-top:-2px;
}

div.bloc-recherche div.hab-qr div {
	display:inline;
}

div.bloc-recherche .x-form-field-wrap .x-form-trigger {
	top:-3px;
}

div.bloc-recherche a.bt-ok-timeline {
	float:right;
	margin:-22px 3px 0 0;
	position:inherit;
}

*+html div.bloc-recherche a.bt-ok-timeline {/*ie7*/
	margin:1px 3px 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
div.bloc-recherche a.bt-ok-timeline {/*safari3*/
	margin:0 3px 0 0;
}
}


/* module goodies
 ********************************************************/

/* bouton jaime ecard
 ------------------------------------------------------ */
div.jaime-ecard{
	display:block;
	height:auto;
	width:512px;
	clear:both;
	padding:5px 0 6px 0;
	padding:5px 0 0 0\9;/*hack ie*/
}
/* bouton jaime fonds
 ------------------------------------------------------ */
div.jaime-fonds{
	display:block;
	height:auto;
	width:512px;
	clear:both;
	padding:5px 0 6px 0;
	padding:5px 0 0 0\9;/*hack ie*/
}
/* container
 ------------------------------------------------------ */
div.container-panel-hb div.panelhaut-goodies {
	height:55px;
	padding:0;
	position:relative;
	width:544px;
}

div.container-goodies {
	height:auto;
	padding:0 16px 5px 16px;
}

div.container-goodies h2 {
	margin:6px 0;
}

div.container-goodies h2.titre {
	float:left;
	padding:0 20px 0 0;
}

div.container-goodies label {
	display:block;
	float:left;
	position:relative;
}

.ext-ie div.container-goodies img.x-form-trigger.x-form-arrow-trigger {/*ext.js ie7*/
	margin-top:-1px;
}


/* onglets 
 ------------------------------------------------------ */
div.panelhaut-goodies a.onglet-extensible h2 {
	display:block;
	height:25px;
	line-height:25px;
	padding:0 6px 0 0;
	width:auto;
}

div.container-panel-hb div.panelhaut-goodies h1 {
	display:inline;
	float:left;
	padding:9px 0 0 16px;
}

div.panelhaut-goodies ul {
	height:25px;
	padding:30px 0 0 7px;
	width:537px;
}

*+html div.panelhaut-goodies ul {/*ie7*/
	padding:3px 0 0 7px;
}

div.panelhaut-goodies li {
	display:block;
	float:left;
	height:23px;
	width:auto;
}

div.panelhaut-goodies a.onglet-extensible {
	float:left;
	height:25px;
	padding-left:6px;
}

/* visuels
 ------------------------------------------------------ */
div.container-goodies div.visu-goodies {
	padding:10px 0 0 33px;
}

div.container-goodies div.visu-goodies img {
	padding:1px;
}

div.container-goodies div.visu-goodies img:hover {
	padding:0;
}

/* popup goodies
 ------------------------------------------------------ */
div.visuel-wp, div.visuel-ec {
	padding:0 0 0 10px;
}

div.x-window-body iframe {
	border:0 none;
}


div.visuel-wp img, div.visuel-ec img {
	padding:1px;
}

/* popup goodies : wallpaper */
div.visuel-wp img {
	margin:6px 0 12px 0;
}

/* popup goodies : ecard */
div.visuel-ec h1 {
	margin-bottom:6px;
}

div.visuel-ec img {
	float:left;
}

div.visuel-ec div.form-container  {
	padding-left:365px;
}

div.form-container .sep {
	padding:10px 0 0 0;
}

div.form-container div.input-texte input, div.form-container textarea {
	width:255px;
}

/* Jeux
 ****************************************************** */

div.contenu-statique-jeu {
	float:left;
	height:auto;
	padding:16px 0 0 0;
	width:544px;
}

div.contenu-statique-jeu img {
	padding:1px;
}

div.contenu-statique-jeu li {
	float:left;
	height:auto;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:8px;
	padding-top:4px;
	width:520px;
}

div.contenu-statique-jeu li h1 {
	display:inline;
}

div.contenu-statique-jeu li img {
	float:left;
	margin-right:10px;
	padding:1px;
}

div.contenu-statique-jeu li h2,div.contenu-statique-jeu li p {
	margin-top:10px;
}

div.contenu-statique-jeu li.span {
	display:block;
	height:242px;
}

/* bouton jaime sur jeux
 ------------------------------------------------------ */
div.jaime-jeux{
	display:block;
	height:auto;
	width:510px;
	clear:both;
	padding:0 0 0 0;
}

/* bouton jaime sur journal de votre naissance
 ------------------------------------------------------ */
div.jaime-journal-naissance {
	background-color:#ffffff;
	display:block;
	height:auto;
	width:528px;
	clear:both;
	padding:5px 0 5px 16px;
	padding:5px 0 0 16px\9;
}