/**
 * position.css
 * positionnement general visio
 *
 *
 * @author EIIDM
 * @date 2008-11-25
 * @media screen
 * @site http://www.ina.fr/
 */ 
 
/**
* Table des matieres
*
* General
* - container-global
*
* Header
* - header-menu-sites
* - header-publicite
* - - logo ina
* - - bandeau publicite 728x90
* - header-monina
* - menu premier niveau
* - menu second niveau
*
* Corps (colonne gauche + colonne droite)
*
* Colonne gauche
* - container panel haut-bas
* - container toutes les videos du jour - sous-chaine - dossier - affichage mosaique
* - container toutes les videos du jour - sous-chaine - affichage en liste
* - bouton gris extensible
* - - bouton gris extensible dans le panelhaut
* - - bouton gris extensible dans le textpanelvideo avec margin
* - bouton bleu extensible
* - - bouton bleu extensible dans le textpanelvideo avec margin
* - bouton voir
* - menu trier par - affichage liste et mosaique
* - pictos multiliste et mosaique
* - container infos (corner quart de rond)
* - - taille et margin differentes dans ce container
* - pagination (video du jour et sous-chaine)
* - slide images (dossiers - playlists)
* - affichage liste (dossiers - playlists)
* - module a decouvrir
* - - module a decouvrir : menu
* - - module a decouvrir : contenu
* - module en ce moment
* 
* Colonne droite
* - modules type liste
* - - modules type liste : bouton
* - - modules type liste videos similaires : bouton
* - - modules type liste mon parcours : bouton
* - - modules type liste : liste
* - tooltip
* - module recherche simple
* - module recherche : mes affinages 
* - module recherche : affinages disponibles
* - module recherche : tags
* - widget timeline (ex. recherche)
* - module publicite 300x250
* - module programmation radio tele
* - module graph (naviguer en images)
*
* Footer
* - footer principal
* - footer sites ina -> voir module statique
*
* Popup extjs
*/

 
/* General
 ********************************************************/

div.nofloat {
	clear:both;
}

/* container-global
 ------------------------------------------------------ */
div.container-global {
	margin:0 auto;
	padding-top:1px;
	width:907px;
}


/* Header
 ********************************************************/

div.header {
	height:auto;
	margin:10px 0 20px 0;
}

/* header-menu-sites
 ------------------------------------------------------ */
div.header-sites {
	height:24px;
	margin-top:5px;
	width:907px;
}

.header-sites ul {
	float:right;
}

.header-sites li {
	display:inline;
	padding-left:8px;
}

.header-sites li a {
	padding-left:12px;
	padding-right:10px;
}

.header-sites li a.lang-en {
	padding-left:24px;
}

/* header-publicite
 ------------------------------------------------------ */
div.header-publicite {
	height:94px;
	width:907px;
}

/* logo ina */
a.logo-ina {
	float:left;
	height:58px;
	margin-top:34px;
	width:164px;
}

/* bandeau publicite 728x90 */
div.publicite {
	float:right;
	height:90px;
	width:728px;
}

a.lien-skinny {
	display:none;
	visibility:hidden;
}

/* header-monina
 ------------------------------------------------------ */
div.header-monina {
	height:20px;
}

div.navigation-monina {
	float:right;
	height:20px;
	margin-right:10px;
	width:400px;
}

div.navigation-boutique {
	float:right;
	height:20px;
	margin-right:15px;
	width:406px;
}

a.bt-boutique {
	float:left;
	height:17px;
	padding-top:3px;
	width:143px;
}

a.bt-blog {
	float:left;
	height:17px;
	padding:3px 10px 0 0;
	width:144px;
}

div.navigation-boutique div.articles-panier a{
	float:left;
	height:17px;
	padding-top:3px;
	padding-right:20px;
	width:76px;
}

div.navigation-monina .oval-bouton {
	display:block;
	float:right;
	height:20px;
	padding-left:11px;
}

div.navigation-monina .container-ob {
	overflow:hidden;
	width:100%;
}

div.articles-panier {
	float:left;
	height:17px;
	padding-left:10px;
	width:auto;
}

div.articles-panier a{

}

div.navigation-monina span,div.navigation-monina .oval-bouton span {
	display:block;
	padding:3px 11px 1px 0;

}

/* menu premier niveau base
 ------------------------------------------------------ */
div.header-nav {
	margin:8px 0 10px;
}

div.header-nav .panelbas {
	clear:both;
	height:10px;
	width:907px;
}

div.header-nav .nav-premier-niveau ul {
	float:left;
	height:29px;
	position:relative;
	width:912px;
}

div.header-nav .nav-premier-niveau ul li {
	display:block;
	float:left;
	height:29px;
}

div.header-nav .nav-premier-niveau ul li a {
	display:block;
	float:left;
	height:29px;
	padding:0 30px;
	text-align:center;
}

div.header-nav .nav-premier-niveau ul li.on {
	padding:0 30px;
}

div.header-nav .nav-premier-niveau ul li a.arrgauche {
	width:57px;
}

div.header-nav .nav-premier-niveau ul li a.focus {
	width:45px;
}

div.header-nav .nav-premier-niveau ul li a.playlist {
	width:63px;
}

div.header-nav .nav-premier-niveau ul li a.jeux {
	width:146px;
}

div.header-nav .nav-premier-niveau ul li a.special {
	width:170px;
}

div.header-nav .nav-premier-niveau ul li.arrdroit {
	text-align:center;
	width:116px;
}

div.header-nav .nav-premier-niveau li.separation {
	height:29px;
	width:2px;
}

/* menu premier niveau ardisson
 ------------------------------------------------------ */

div.header-nav .nav-premier-niveau ul li a.ard {
	display:block;
	float:left;
	height:29px;
	padding:0 18px;
	text-align:center;
} 

div.header-nav .nav-premier-niveau ul li a.arrgauche.ard {
	width:58px;
}

div.header-nav .nav-premier-niveau ul li a.focus.ard {
	width:46px;
}

div.header-nav .nav-premier-niveau ul li a.playlist.ard {
	width:63px;
}

div.header-nav .nav-premier-niveau ul li a.jeux.ard {
	width:146px;
}

div.header-nav .nav-premier-niveau ul li a.special.ard,
div.header-nav .nav-premier-niveau ul li a.ardisson.ard,
div.header-nav .nav-premier-niveau ul li a.cannes.ard,
div.header-nav .nav-premier-niveau ul li a.afp.ard,
div.header-nav .nav-premier-niveau ul li a.tf1.ard,
div.header-nav .nav-premier-niveau ul li a.roland-garros.ard,
div.header-nav .nav-premier-niveau ul li a.tour-de-france.ard,
div.header-nav .nav-premier-niveau ul li a.h-du-mans.ard,
div.header-nav .nav-premier-niveau ul li a.bouton1.ard,
div.header-nav .nav-premier-niveau ul li a.bouton2.ard {
	width:125px;
}


div.header-nav .nav-premier-niveau ul li a.bouton2 {
	width:101px;
}

/* menu second niveau
 ------------------------------------------------------ */
div.header-nav .nav-second-niveau {
	float:left;
	height:22px;
	overflow:hidden;
	width:907px;
}

div.header-nav .nav-second-niveau .sn {
	display:inline;
	float:left;
	height:14px;
	padding-left:7px;
	padding-top:8px;
	position:relative;
	width:900px;
}

*+html div.header-nav .nav-second-niveau .sn {/*ie7*/
	padding-left:6px;
	width:901px;
}

div.header-nav .nav-second-niveau .sn li {
	display:inline;
}

div.header-nav .nav-second-niveau .sn li a {
	display:inline;
	padding:0 3px;
}

/* Corps (colonne gauche + colonne droite)
 ********************************************************/

div.corps {
	margin-top:0;
}


/* Colonne gauche
 ********************************************************/

div.corps-colgauche {
	float:left;
	height:auto;
	width:544px;
}

/* container panel haut - bas
 ------------------------------------------------------ */
div.container-panel-hb {
	float:left;
	height:auto;
	margin-bottom:15px;
	width:544px;
}

div.container-panel-hb .milieu {
	float:left;
	height:auto;
	width:544px;
}

div.txt-panel-hb {
	height:96px;
	width:544px;
}

div.container-panel-hb .panelhaut,
div.container-panel-hb .panelhaut-notice,
div.container-panel-hb .panelhaut-dossier {
	height:27px;
	padding:7px 16px 0;
	position:relative;
	width:512px;
}

div.jaime-chaine{
	position:absolute;
	left:208px;
	top:8px;
	width:90px;
}

div.jaime-ardisson{
	position:absolute;
	left:440px;
	top:8px;
	width:100px;
}

div.jaime-chaine-evenementielle{
	position:absolute;
	left:440px;
	top:8px;
	width:100px;
}

div.jaime-pub{
	position:absolute;
	left:220px;
	top:8px;
	width:100px;
}

div.jaime-dossiers{
	position:absolute;
	left:270px;
	top:8px;
	width:100px;
}

div.jaime-dossier-tous{
	position:absolute;
	left:440px;
	top:8px;
	width:100px;
}

div.jaime-communaute{
	position:absolute;
	left:470px;
	top:8px;
	width:100px;
}

div.container-panel-hb .panelhaut h1 {
	display:inline;
	float:left;
	padding:2px 0 0;
	/*overflow:hidden;
	width:280px;
	background:pink;
	height:18px;*/
}

.bt-rss {
	float:left;
	height:15px;
	margin:2px 0 0 6px;
	width:14px;
}

div.container-panel-hb .panelbas {
	float:left;
	height:12px;
	position:relative;
	width:544px;
}

div.container-panel-hb div.txtpanelvideo {
	float:left;
	height:auto;
	padding:16px 16px 0;
	width:512px;
}

div.container-panel-hb div.txtsynoptique {
	display:block;
	height:auto;
	padding:0 16px 12px;
	width:512px;
	clear:both;
}
div.container-panel-hb div.txtpanelvideo h1 {
	display:inline;
}

div.txtpanelvideo p,div.txtsynoptique p {
	margin-top:5px;
}

span.titre {
	margin-bottom:3px;
}


/* container toutes les videos du jour - sous-chaine - dossier - affichage mosaique
 ---------------------------------------------------------------------------------- */
div.container-videos, div.container-videos-liste {
	float:left;
	height:auto;
	width:544px;
	position:relative;
}

div.jaime-sous-chaine{
	float:left;
	padding:10px 0 0 10px;
	height:24px;
}

div.jaime-ardisson-emission{
	float:left;
	padding:10px 0 0 10px;
	height:24px;
}
div.jaime-playlists{
	position:absolute;
	left:440px;
	top:8px;
	width:100px;
}

div.container-videos li {
	float:left;
	height:auto;
	margin:10px 11px 30px 23px;
	width:145px;
	display:block;
	overflow:hidden;
}

h3.date_video_dujour {
	margin-bottom:4px;
}

div.container-videos li.mosaique {
	height:280px;
}

*+html div.container-videos li {/*ie7*/
	height:210px;
}

.container-videos img {
	padding:1px;
}

div.container-autres-video {
	height:auto;
	padding:0 16px 10px 16px;
	width:512px;
}

p.resume_mozaique {
	overflow:hidden;
	height:30px;
}

/* container toutes les videos du jour - sous-chaine - affichage en liste
 ------------------------------------------------------------------------ */
div.container-videos-liste .liste {
	float:left;
	margin:10px 0 0 23px;
	width:498px;
}

div.container-videos-liste.liste {
	padding-bottom:10px;
}

.container-videos-liste img {
	float:left;
	margin-right:10px;
	padding:1px;
}

div.container-videos-liste h3.date_video_dujour {
	float:left;
	margin-bottom:5px;
	width:498px;
}

/* bouton gris extensible
 ------------------------------------------------------ */
div.bt-gris-extensible {
	overflow:hidden;
	position:relative;
}

div.bt-gris-extensible a.bt-oval {
	display:block;
	float:left;
	height:23px;
	padding-left:6px;
}

div.bt-gris-extensible a.bt-oval span {
	display:block;
	padding:3px 15px 4px 9px;
}

/* bouton gris extensible dans le panelhaut */
div.container-panel-hb .panelhaut .bt-gris-extensible {
	float:right;
}

/* bouton gris extensible dans le textpanelvideo avec margin */
div.container-panel-hb .txtpanelvideo div.bt-gris-extensible {
	float:right;
	margin:12px 0 0 15px;
}

/* bouton bleu extensible
 ------------------------------------------------------ */
div.bt-bleu-extensible {
	overflow:hidden;
	position:relative;
}

div.bt-bleu-extensible a.bt-oval {
	display:block;
	float:left;
	height:23px;
	padding-left:6px;
}

div.bt-bleu-extensible a.bt-oval span {
	display:block;
	padding:3px 15px 4px 9px;
}

/* bouton bleu extensible dans le textpanelvideo avec margin */
div.container-panel-hb .txtpanelvideo div.bt-bleu-extensible {
	float:right;
	margin:12px 0 0 15px;
}

/* bouton voir
 ------------------------------------------------------ */
a.bt-voir,a.bt-jouer {
	clip:rect(auto 48px 18px auto);
	clip:rect(auto, 48px, 18px, auto);
	height:18px;
	padding-left:48px;
	position:absolute;
	width:48px;
}

div.voir-bouton {
	float:right;
	padding:8px 48px 0 0;
}

/* bouton entretiens et collection
 ------------------------------------------------------ */
a.bt-voir,a.bt-jouer {
	clip:rect(auto 48px 18px auto);
	clip:rect(auto, 48px, 18px, auto);
	height:18px;
	padding-left:48px;
	position:absolute;
	width:48px;
}
a.bt-entretiens,a.bt-collection{
	clip:rect(auto 84px 18px auto);
	clip:rect(auto, 84px, 18px, auto);
	height:18px;
	padding-left:84px;
	position:absolute;
	width:84px;
}

div.voir-bouton {
	float:right;
	padding:8px 48px 0 0;
}
div.voir-bouton.entretiens{
	float:right;
	padding:8px 84px 0 0;
}
div.voir-bouton.collection{
	float:right;
	padding:8px 94px 0 0;
}

/* menu trier par - affichage liste et mosaique
 ------------------------------------------------------ */
div.menu-trier-par {
	height:27px;
	margin:10px 12px 0;
	width:520px;
	float:left;
}

div.menu-trier-par img {
	float:none;
	margin-bottom:1px;
}

div.container-videos div.menu-trier-par li {
	height:27px;
	margin:0;
	width:400px;
}

/* pictos multiliste et mosaique
 ------------------------------------------------------ */
a.picto-multiliste,a.picto-mosaique {
	float:right;
	height:27px;
	margin:2px 5px 0 0;
	width:27px;
}

div.menu-trier-par a.picto-multiliste,div.menu-trier-par a.picto-mosaique {
	padding:0;
}

.picto-multiliste, .picto-mosaique {
	margin:0;
}

/* container infos (corner quart de rond)
 ------------------------------------------------------ */
div.container-global-qr {
	height:auto;
	padding:10px 0;
	width:auto;
}

div.container-qr {
	min-height:30px;
	padding:0 0 0 11px;
}

div.container-qr .haut {
	margin:0;
	padding:5px 0 .5em;
}

div.container-qr p,div.container-qr div.hab-qr {
	margin:0 0 0 -11px;
	padding:0 11px;
}

div.container-qr .bas {
	margin:0 0 0 -11px;
	padding-left:11px;
}

div.container-qr .bas .plus {
	display:block;
	height:10px;
	padding:0 10px 5px 0;
	text-align:right;
}

/* taille et margin differentes dans ce container */
div.container-panel-hb .txtpanelvideo div.container-qr {
	float:right;
	margin:0;
	width:auto;
}

div.container-qr.extensible.gauche, div.container-qr.extensible.droite {
	width:auto;
}

/* pagination (video du jour et sous-chaine)
 ------------------------------------------------------ */
.pagination {
	clear:both;
	height:auto;
	padding:10px 15px 0 0;
	text-align:right;
	width:529px;
}

.pagination img {
	vertical-align:middle;
}

.pagination li {
	display:inline;
	margin:0;
	padding:5px 0;
}

.fleche_gauche {
	margin-right:5px;
}

.fleche_droite {
	margin-left:5px;
}

div.container-videos-liste li {
	float:left;
	height:auto;
}

/* slide images (dossiers - playlists)
 ------------------------------------------------------ */
div.container-slide {
	float:left;
	height:106px;
	padding-top:12px;
	width:512px;
}

div.container-slide .slide-images {
	float:left;
	list-style:none;
	list-style:none;
}

div.container-slide .cache {
	overflow:hidden;
	float:left;
	position:relative;
	height:82px;
	width:452px;
}

div.container-slide .slide-images img {
	border:0;
	height:78px;
	vertical-align:top;
	width:105px;
}

div.container-slide .slide-images li {
	display:inline;
	float:left;
	margin:0 2px;
	padding:1px;
}

div.container-slide .slide-images li:hover,div.container-slide .slide-images li.on {
	display:inline;
	float:left;
	margin:0 2px;
	padding:1px;
	position:relative;
}

div.container-slide a.bt-slide-gauche, div.container-slide a.bt-slide-gauche.end {
	float:left;
	height:82px;
	margin-right:4px;
	width:24px;
}

div.container-slide a.bt-slide-droit, div.container-slide a.bt-slide-droit.end {
	float:right;
	height:82px;
	width:24px;
}

/* affichage liste (dossiers - playlists)
 ------------------------------------------------------ */
div.container-videos-liste li.liste p,div.container-videos-liste li.liste h2 {
	padding-left:151px;
}

div.container-videos-liste li.liste p.resume_liste {
	padding-left:0;
}

/* module a decouvrir
 ------------------------------------------------------ */
 div.decouvrir {
 	float:left;
	height:272px;
	padding:10px 0 0 10px;
	width:534px;
	z-index:1;
	margin-bottom:15px;
}

/* module a decouvrir : menu */
div.decouvrir_element_menu{
	height:65px; /* Base old 70px */
	position:relative;
	width:145px;
	z-index:10;
}

div.decouvrir_element_menu_inactif {
	height:65px; /* Base old 70px */
	position:relative;
	width:145px;
	z-index:6;
}

div.decouvrir_element_menu_over {
	height:65px; /* Base old 70px */
	position:relative;
	width:145px;
	z-index:7;
}

div.decouvrir_element_menu_actif_coin {
	height:65px; /* Base old 70px */
	position:absolute;
	visibility:hidden;
	width:9px;
	z-index:8;
}

div.decouvrir_element_menu_actif {
	height:65px; /* Base old 70px */
	position:absolute;
	left:9px;
	visibility:hidden;
	width:174px;
	z-index:8;
}

div.decouvrir_element_menu_contenu {
	height:65px; /* Base old 70px */
	position:absolute;
	width:145px;
	z-index:9;
}

/* module a decouvrir : contenu */
div.decouvrir_element_contenu {
	float:left; 
	height:260px; /* Base old 280px */
	margin-left:125px; /* Base old 145px */
	position:absolute;
	visibility:hidden;
	width:399px;
	z-index:2;
}

div.decouvrir_element_contenu_contenu{
	position:inherit;
	z-index:3;
}

div.decouvrir_element_contenu_bandeau {
	height:80px;
	left:0;
	position:absolute;
	top:170px; /* Base old 190px */
	visibility:hidden;
	width:399px; 
	z-index:4;
}

div.decouvrir_element_contenu h1 {
	cursor:default;
	padding: 15px 0 0 50px;
	z-index:5;
}

div.decouvrir_element_menu_contenu h2 { 
	cursor:default;
	font-size:100%;
	height:20px;
	left:0;
	margin: 0;
	padding: 8px 0 0 13px;
	position:relative;
	top:0;
	width:132px;
	z-index:10;
}

div.decouvrir_element_menu_contenu h3 { 
	cursor:default;
	font-size:100%;
	height:40px;
	left:0;
	margin: 0;
	padding: 0 10px 0 13px;
	position:relative;
	top:0;
	width:122px;
	z-index:11;
}

/* module en ce moment
 ------------------------------------------------------ */
div.container-encemoment {
	float:left;
	height:116px;
	margin-bottom:15px;
	width:544px;
}
div.container-encemoment div.contenu{
	padding:0 0 0 13px;
}

div.container-encemoment .cache {
	float:left;
	margin:13px 4px 0 0;
	overflow:hidden;
	position:relative;
}

div.container-encemoment .bt-gauche {
	float:left;
	height:33px;
	margin-right:10px;
	margin-top:40px;
	width:24px;
}

div.container-encemoment .bt-droit {
	position:absolute;
	margin-left:492px;
	height:33px;
	margin-top:40px;
	width:24px;
}

*+html div.container-encemoment .bt-droit {/*ie7*/
	position:absolute;
	margin-left:0px;
	height:33px;
	margin-top:46px;
	width:24px;
}


div.container-encemoment .images {
	float:left;
	position:relative;
}

div.container-encemoment .images img {
	height:78px;
	width:144px;
}

div.container-encemoment .images li {
	display:inline;
	float:left;
	margin-right:8px;
}
div.container-encemoment li a{
	height:95px;
}

div.container-encemoment .images h3 {
	text-align:center;
	width:144px;
	margin-top:3px;
}

/* Colonne droite
 ********************************************************/

div.corps-coldroite {
	float:right;
	height:auto;
	width:346px;
}

/* modules type liste
 ------------------------------------------------------ */
.inside {
	margin-top:13px;
}

div.modtypliste {
	margin-bottom:15px;
	overflow:hidden;
	width:346px;
}

div.modtypliste .panel-haut {
	height:34px;
	width:346px;
}

div.modtypliste .panel-haut .bt-multiimgs {
	float:right;
	height:25px;
	margin:4px 0 0;
	width:26px;
}

div.modtypliste .panel-haut .bt-multiliste {
	float:right;
	height:19px;
	margin:7px 10px 0 0;
	width:21px;
}

div.modtypliste .panel-haut .bt-fleche-video {
	float:left;
	height:23px;
	margin:5px 0 0 10px;
	width:24px;
}

div.modtypliste .panel-haut .video-box {
	float:right;
	margin:5px 18px 0 0;
}

div.modtypliste .panel-haut .video-box #typeLesPlusNotice_video {
	width:109px;
}

.ext-ie div.modtypliste .x-form-text {/*ext.js ie7*/
	margin-top:0;
}

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

div.modtypliste .panel-haut .titrepanel {
	float:left;
	height:20px;
	padding:9px 0 0 10px;
}

div.modtypliste .panel-haut .titrepanel.unik {
	height:20px;
	padding:9px 0 0 4px;
}

div.modtypliste .panel-milieu {
	float:left;
	height:auto;
	width:344px;
}

div.modtypliste .panel-bas {
	float:left;
	height:11px;
	width:346px;
}

div.bt-monter-imgs {
	float:left;
	height:24px;
	margin:10px 5px 3px;
	width:332px;
}

div.bt-descendre-imgs {
	float:left;
	height:24px;
	margin:2px 5px 0;
	width:332px;
}

div.modtypliste-contenu {
	float:left;
	height:255px;
	position:relative;
	width:336px;
}

div.modtypliste-imgs {
	float:left;
	height:auto;
	overflow:hidden;
	padding-left:5px;
	position:absolute;
	width:336px;
}

div.bt-voir_plus_vues {
	float:left;
	height:22px;
	margin-left:76px;
	margin-right:76px;
	margin-top:15px;
	width:194px;
}

div.modtypliste-imgs-grille {
	height:255px;
}

div.modtypliste-imgs-liste {
	height:293px;
}

div.modtypliste-imgs li {
	float:left;
	height:80px;
	margin:0 3px 3px 0;
	padding:1px 0 0 1px;
	width:106px;
}

div.modtypliste-imgs li.der {
	margin:0 0 3px;
}

/* modules type liste : bouton */
div.modtypliste .bt-gris-extensible {
	margin-top:4px;
}

div.modtypliste div.bt-gris-extensible a.bt-oval {
	float:none;
}


/* modules type liste : liste */
div.modtypliste-imgs .liste li {
	margin-bottom:10px;
	padding-bottom:10px;
	width:332px;
}

div.modtypliste-imgs .liste li.der {
	margin-bottom:inherit;
}

div.modtypliste-imgs .liste li img {
	float:left;
}

/* module type liste : blog */
div.panel-milieu ul.liste-blog {
	padding:10px 0 0 6px;
}

div.panel-milieu ul.liste-blog li {
	height:80px;
	margin-bottom:10px;
	padding-bottom:10px;
	width:332px;
}

div.panel-milieu ul.liste-blog li img {
	float:left;
	margin-right:4px;
}

/* tooltip
 ------------------------------------------------------ */
li.tt:hover {
	height:79px;
	padding:0;
	width:105px;
}

/* module recherche simple
 ------------------------------------------------------ */
div.container-recherche {
	height:30px;
	width:346px;
	margin-bottom:15px;
}

div.container-recherche .x-form-field-wrap {
	float:left;
}

div.container-recherche .x-form-field-wrap .x-form-trigger {
	border:0;
	height:30px;
	position:absolute;
	top:0;
	width:30px;
}

div.container-recherche .ext-safari .x-form-field-wrap .x-form-trigger{/* ajustement du trigger dans safari */
    height:30px; 
}

div.container-recherche .x-form-text.x-form-field {
	height:22px;
	padding-top:3px;
	padding-bottom:3px;
	padding-bottom:1px\9;/*hack ie*/
}

div.container-recherche select {
	float:left;
	height:30px;
	width:88px;
}

.ext-ie div.container-recherche .x-form-text.x-form-field {
	height:23px; /* ie quirks boite windows*/
	margin-top:1px;
	padding-top:4px;
}

.ext-ie div.container-recherche .x-form-text.x-form-field {/*hack ie8*/
	margin-top /*\**/: 0\9;
}

div.container-recherche input.champRecherche {
	float:left;
	height:23px;
	padding:3px 12px 4px 35px;
	width:167px;
}

*+html div.container-recherche input.champRecherche {/*ie7*/
	padding:7px 12px 0 0px;
	width:171px;
	margin-left:35px;
}

div.container-recherche a.bt-ok-recherche {
	float:left;
	height:30px;
	width:43px;
}

/* module recherche : mes affinages 
 ------------------------------------------------------ */
div.modtypliste ul.bg-gris {
	height:auto;
	padding:5px 12px 0 12px;
}

div.modtypliste ul li.contenu-mesaffinages{
	padding:0 0 12px 0px;
}

img.bt-supp {
	float:right;
	height:14px;
	width:14px;
}

/* module recherche : affinages disponibles 
 ------------------------------------------------------ */
div.modtypliste ul.contenu-affinage-dispo {
	padding:5px 12px 0 12px;
}

div.modtypliste ul.contenu-affinage-dispo a {
	/*padding-left:20px;*/
}

div.modtypliste ul li.contenu-affinage-dispo-fleche{
	padding:0 0 10px 0;
}

img.bt-ajout { 
	float:right;
	height:14px;
	width:14px;
}

div.centrage-bt-criteres {
	height:22px;
	margin:0 auto;
	width:99px; 
}

div.centrage-bt-criteres a.bt-toggle,div.centrage-bt-criteres a.bt-toggle.on {
	float:left;
	height:22px;
	width:99px;
}

div.dates input {
	margin-top:2px;
}

*+html div.dates input {/*ie7*/
	margin-top:1px;
}



div.modtypliste ul.contenu-affinage-dispo ul li ul li a {
	padding-left:30px;
}

div.modtypliste ul.bg-gris li li {
	padding-left:17px;
}

/* module recherche : tags 
 ------------------------------------------------------ */
ul.bloc_tag {
	padding:10px;
}

ul.bloc_tag li{
	display:inline;
}

/* widget timeline (ex. recherche)
 ------------------------------------------------------ */ 
.timeline {
	height:50px;
	position:relative;
}

.timeline .bar {
	position:absolute;
	bottom:0;
	left:0;
}

.timeline .selecteur {
	bottom:5px;
	left:0;
	position:absolute;
}

a.bt-ok-timeline {
	position:absolute;
	width:30px;
	height:23px;
}

.dates {
	/*text-align:center;*/
	margin-top: 5px;
	padding-left:76px;
}

/* module publicite 300x250
 ------------------------------------------------------ */
div.container-pubcarre {
	height:279px;
	margin-bottom:15px;
	padding:3px 0 0 24px;
	width:322px;
}

div.container-imgs-pubcarre {
	height:250px;
	width:300px;
}

/* module likebox facebook
 ------------------------------------------------------ */
div.container-likebox {
	width:323px;
	height:268px;
	padding:13px 0 0 23px;
	margin-bottom: 15px;
}
/* module suivre
 ------------------------------------------------------ */
div.container-suivre {
	width:346px;
	height:34px;
	margin-bottom: 15px;
	position:relative;
}
div.container-suivre a.facebook{
	position:absolute;
	right:111px;
	top:4px;
}
div.container-suivre a.twitter{
	position:absolute;
	right:67px;
	top:4px;
}
div.container-suivre a.rss{
	position:absolute;
	right:23px;
	top:4px;
}
/* module programmation radio tele
 ------------------------------------------------------ */
div.container-programmation {
	height:175px;
	margin-bottom:15px;
	width:346px;
}

div.container-programmation .box {
	float:left;
	text-align: center;
	width:173px;
}

div.container-programmation .box img {
	position:relative;
	top:50px;
}

div.container-programmation p {
	left:10px;
	padding-left:10px;
	position:relative;
	text-align:left;
	top:55px;
	width:150px;
}

/* module graph (naviguer en images)
 ------------------------------------------------------ */
div.mod-graph {
	height:40px;
	margin-bottom:15px;
	padding-top:136px;
	width:346px;
}

div.mod-graph div.container-recherche {
	height:30px;
	margin-left:10px;
	width:336px;
}

div.mod-graph div.container-recherche input.champRecherche {
	float:left;
	height:23px;
	padding:4px 12px 3px 35px;
	width:147px;
}

*+html div.mod-graph div.container-recherche input.champRecherche {
	padding:7px 12px 0 0px;
	margin-left:35px;
	width:150px;
}


/* Footer
 ********************************************************/
 
div.footer {
	height:94px;
	margin:0 0 15px 0;
}

/* footer principal
 ------------------------------------------------------ */
div.container-footer-principal {
	float:left;
	height:96px;
	padding:0 10px;
	width:524px;
}

.pan-titre {
	float:left;
	height:16px;
	padding-top:2px;
	width:100%;
	position:relative;
}
.pan-titre .un {
	position:absolute;
	top:3px;
	left:0px;
}

.pan-titre .deux {
	position:absolute;
	top:3px;
	left:209px;
}

.pan-titre .trois {
	position:absolute;
	top:3px;
	left:280px;
}

.pan-un {
	float:left;
	height:64px;
	margin-top:5px;
	width:198px;
	position:relative;
}
.pan-un label.search{
	display:block;
	height:23px;
	width:150px;

}
.pan-un input.search{
	color:#858585;
	border:none;
	height:20px;
	padding-top:3px;
	width:145px;
	padding-left:5px;
}
.pan-un a.bt-ok-timeline {
	position:absolute;
	left:155px;
	top:0px;
}

.pan-un p {
	margin-top:4px;
}

.pan-deux {
	float:left;
	height:64px;
	margin-top:5px;
	width:70px;
}

.pan-deux ul,.pan-trois ul,.pan-quatre ul {
	margin:0 0 0 10px;
	padding:0;
}

.pan-trois {
	float:left;
	height:66px;
	margin-top:5px;
	width:180px;
}

.pan-quatre {
	float:left;
	height:66px;
	margin-top:5px;
	width:70px;
}


/* Popup extjs
 ********************************************************/

div.xst {
	display:none;
}

div.x-window-tl div.x-window-header {
	padding:9px 0 0;
}

.ext-el-mask {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:20000;
}

div.x-window-tl {
	padding-left:11px;
	position:relative;
	z-index:1;
}

div.x-window-tc {
	overflow:hidden;
}

div.x-window-ml,div.x-window-mr,div.x-window-mc,div.x-window-bc {
	border:0;
	padding:0;
}

div.x-window-bl {
	padding-left:11px;
}

div.x-panel-nofooter div.x-panel-bc,div.x-panel-nofooter div.x-window-bc {
	height:12px;
}

div.x-window-tr,div.x-window-br {
	padding-right:11px;
}

/* popup extjs
 ********************************************************/
 
div.popup {
	margin:10px 10px 10px;
}

div.popup div.titre {
	margin:0 0 20px;
	text-align:center;
}

div.popup div.titre p,div.popup div.titre h1 {
	display:inline;
}

div.popup div.contenu label {
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-align:right;
	width:120px;
}

div.popup div.contenu p {
	margin-bottom:10px;
	text-align:center;
}

div.popup div.contenu p.msg-erreur {
	height:15px;
	margin:10px 0;
}

div.popup div.contenu input {
	width:200px;
}

div.popup div.contenu a.password {
	margin:0 0 0 130px;
}

div.popup div.popup-oublie div.bt-gris-extensible {
	margin:0;
	padding:0 0 0 160px;
}

div.popup div.popup-connecter div.bt-gris-extensible {
	margin:0;
	padding:20px 0 0 160px;
}

div.popup div.popup-oublie-instructions div.bt-gris-extensible {
	margin:0;
	padding:20px 0 0 130px;
}

div.container_bt div.bt-gris-extensible {
	float:left;
	margin:50px 21px;
}

div.popup div.popup-produit-panier div.bt-gris-extensible {
	float:left;
	margin:40px 0 0 21px;
}

div.popup div.tplPanierAddSingle, div.popup div.tplPanierAddMulti {
	text-align:center;margin-top:20px;
}
/* En direct de la boutique
 ********************************************************/
div.container-panel-hb div.boutique {
	padding-right:0;
	width:528px;
}
div.panelhaut ul.boutique {
	height:27px;
	padding-right:8px;
	padding-left:0;
	width:312px;
	float:right;
}
div.panelhaut ul.boutique li {
	display:block;
	float:left;
	height:27px;
	width:78px;
}
div.panelhaut ul.boutique li a {
	font:bold 13px/30px Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	display:block;
	width:78px;
	background-image:url("../../../../images/visio/commun/onglet_off.png");
	background-repeat:no-repeat;
	color:#89c9da;
}
div.panelhaut ul.boutique li a:hover {
	background-image:url("../../../../images/visio/commun/onglet_on.png");
	background-repeat:no-repeat;
	cursor:pointer;
	color:#0091b7;
	text-decoration:none;
}
div.panelhaut ul.boutique li a.on {
	background-image:url("../../../../images/visio/commun/onglet_on.png");
	background-repeat:no-repeat;
	cursor:pointer;
	color:#0091b7;
	text-decoration:none;
}
div.panelhaut ul.boutique li.on {
	background-image:url("../../../../images/visio/commun/onglet_on.png");
	background-position:50% bottom;
	background-repeat:no-repeat;
	color:#0091b7;
	font:13px/30px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
div.container-boutique{
	width:544px;
	background-color:#FFF;
	padding:15px 0 0 0;
	float:left;
}
div.container-boutique ul li{
	float:left;
	width:181px;
	text-align:center;
}
div.container-boutique ul li a{
	display:block;
	width:141px;
	height:106px;
	padding:2px;
	background-image:url("../../../../images/visio/commun/bg_boutique.png");
	background-position:0px 0px;
	margin-left:18px;
	margin-left:0\9;/*hack ie*/
}
div.container-boutique ul li a:hover{
	background-position:0px 110px;
}
div.container-boutique ul li a img{
	width:141px;
	height:106px;
}
div.container-boutique ul li h2{
	width:169px;
	text-align:center;
	color:#038CB0;
	margin-left:5px;
	margin-left:0\9;/*hack ie*/
	margin-top:3px;
	height:28px;
	overflow:hidden;
}
div.container-boutique div.bt-gris-extensible{
	padding-top:10px;
	padding-left:165px;
	background-color:#FFF;
	float:left;
	width:379px;
}
/* derniers articles blognote
 ********************************************************/
div.container-panel-hb div.blognote {
	padding-right:0;
	width:528px;
}
div.container-blognote{
	width:544px;
	background-color:#FFF;
	padding:15px 0 0 0;
	float:left;
}
div.container-blognote ul li{
	float:left;
	width:181px;
	text-align:center;
}
div.container-blognote ul li a{
	display:block;
	width:141px;
	height:106px;
	padding:2px;
	background-image:url("../../../../images/visio/commun/bg_boutique.png");
	background-position:0px 0px;
	margin-left:18px;
	margin-left:0\9;/*hack ie*/
}
div.container-blognote ul li a:hover{
	background-position:0px 110px;
}
div.container-blognote ul li a img{
	width:141px;
	height:106px;
}
div.container-blognote ul li h2{
	width:169px;
	text-align:center;
	color:#038CB0;
	margin-left:5px;
	margin-left:0\9;/*hack ie*/
	margin-top:3px;
	height:28px;
	overflow:hidden;
}
div.container-blognote div.bt-gris-extensible{
	padding-top:10px;
	padding-left:204px;
	background-color:#FFF;
	float:left;
	width:340px;
}