* {
	margin: 0; padding: 0;
	font-family: arial;
}

body{
	font-size: 12px;
/*	background-color: white; */
/*	background-color: #eff4fb; */
/*	background-color: #9dcd04; */
	text-align: center;
}

.page{
	width: 930px;
	margin: 0 auto 0 auto;
	text-align: left;
}

a{
	text-decoration: none;
	color: black;
}

a:hover{
	background-color: #D2D9EF;
}

span.mp3{
	margin: 0; padding: 0;
	color: #00508C;
	font-weight: bold;
	text-align: left;
}

span.mp3 span.new{
	color: #00508C;
}

.mp3 {
	margin-top: 5px;
	width: 350px;
	padding-left: 7px;
	text-align: left;
}

.mp3 span.mp3{
	margin-top: 3px;
	text-align: left;
	color: #94ADCE;
	clear: none;
	float: right;
	width: 230px;
}

#page_header a:hover, dt a:hover{
	background-color: transparent;
}

.det_fam_liste a:hover{
	background-color: #94ADCE;
}

#bulle {
	position: absolute; 
	visibility: hidden;
	z-index: 800;
	background-color: #FFFFA1;
	width: auto;
	min-width: 60px;
	height: auto;
	padding: 4px; 
	text-align: left;
	border: none;
}

/****** header ******/

/*** page_header = page header ***/
#page_header{
	height: 54px;
	background: no-repeat top left;
	background-image: url(/img/banniere5.gif);
	margin: 0 0 10px 0;
	position: relative;
	padding: 0;
}
#page_header .arbo {
	font-size: 13px;
	top: 30px;
	left: 325px;
	position: absolute;
}

#page_header .arbo a{
	font-size: 13px;
	text-decoration: none;
	color: #00508C;
	font-weight: normal;
}
/***** H1 *******/

#page_header h1, #page_header h1 a #page_header .h1, #page_header .h1 a{
	color: white;
	font-size: 13px;
	font-weight: bold;
}
#page_header h1, #page_header .h1{
	position: absolute;
	top: 0;
	left: 0;
}
#page_header h1 a, #page_header .h1 a{
	position: absolute;
	top: 0; left: 0;
	display: block;
	text-decoration: none;
	width: 130px;
	height: 54px;
}

#detail h1, #detail .h1{
	background-color: transparent;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 22px;
	color: #00508C;
	padding-left: 5px;
	clear: both;
}

/****** Footer ******/
#signature{
	background: no-repeat bottom ;

	background-image: url(/img/banniere6.gif);
	color: black;
	text-align: center;	
	font-size: 10px;
	font-weight: normal;
	margin: 50px 0 10px 0;
	padding: 10px 0 5px 0;
}

#detail #signature{
	background: no-repeat bottom left;

	background-image: url(/img/banniere7.gif);
}

#signature a{
	color: #00508C;
}

#detail #signature a{
	color: #00508C;
}

#signature a:hover{
	background: none;
}

#signature a{
	font-weight: bold;
}

#operateurs{
	text-align: center;	
	font-size: 10px;
	font-weight: normal;
	padding: 0px 0 10px 0;
}
#lst_footer{
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: #94ADCE;
	padding: 20px 0 10px 0;
}


#signature .arbo{
	color: black;
}

#signature .arbo a{
	color: #00508C;
	font-weight: bold;
}

#page_header .arbo{
	color: #00508C;
}

#page_header .arbo span.chevron{
	font-weight: bold;
	color: #FFFFFF;
}

/******** Profil ******/

#profil{
	position: absolute;
	top: 90px;
	left: 215px;
	color: white;
	font-size: 13px;
}

/************** liste des familles **********/
/* si changements, penser à faire de meme dans menu.html */

.ico {
	background-color: black;
}

#banner{
	height: 54px !important;
	height: 40px;
	width: 800px;
	float: right;
}

#banner_mid{	
/* si changement de largeur, penser à faire de meme dans menu.html */
	position: absolute;
	display: block;
	list-style-type: none;
	font-size: 10px;
	top: 3px;
	left: 118px;
	width: 800px;
	height: 18px;
}

#detail #banner_mid{
	left: 130px;
}

#banner_right{
	float: right;
	width: 0px;
}

#banner_mid a{
	text-transform: uppercase;
	font-size: 15px;
	color: white;
	font-weight: bold;
}

#banner_mid .select, #banner_mid .select_univ{
	float: left;
	margin-top: -10px;
	height: 18px;
	padding: 0;
	padding: 10px 12px 0 12px;
	border-right: 1px solid white;
}

#banner_mid .select_univ{
	float: right;
	padding: 10px 12px 0 12px;
}

#banner_mid #no_border {
	border: none;
	padding: 10px 0 0 12px;
}

#banner_mid .select_univ{
	float: right;
}

#detail #banner_mid .select{
	width: 92px;
	height: 26px;
	margin: 0 5px 0 0;
	padding: 0px;
	border: none;
}

#detail #banner_mid .select_univ{
	width: 92px;
	height: 26px;
	padding: 0px;
	margin: 0 5px 0 0;
	border: none;
}

#detail #banner_mid select {
	position: absolute;
	top: -1px;
	width: 90px;
	height: 13px;
}

select{
	font-size: 10px !important;
	font-size: 9px !important;
}

/*********** Formulaires du header ************/

#rch{
	position: absolute;
	top: 25px;
	left: 130px;
	color: white;
}

#rch .text{
	border: 1px solid #00508C;
	background-color: #FFFFFF;
	position: absolute;
	top: 2px;
	width: 148px;
	padding: 3px 0 0 5px;
	font-size: 13px;
}
#rch .submit{
	border: 1px solid #00508C;
	position: absolute;
	top: 3px;
	left: 165px;
	height: 15px;
	font-size: 13px;
}

/****************** Les blocs ************/
.home_bloc h2, .home_bloc_selected h2, .content h2, #detail .content h1{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	color: #00508C;
	padding-left: 5px;
	clear: both;
}

.home_bloc h2, .home_bloc_selected h2 {
	font-size: 18px;
}

.home_bloc select, .home_bloc_selected select{
	float: right;
	width: auto;
	height: 14px;
	font-size: 10px;
	font-weight: bold;
	color: #00508C;
}

.home_bloc h2 select{
	margin : -19px 0 0 0 ;
}

.home_bloc option, .home_bloc_selected option{
	color: black;
	text-transform: none;
}

option.choix, .home_bloc_selected option.choix {
	text-transform: uppercase;
	color: #00508C;
}

.topnew{
	color: #00508C;
}

.fam_link, .fam_link a{
	color: #00508C;
}

.home_bloc h2 a, .home_bloc_selected h2 a, .content h2 a, .content h1 a{
	display: block;
	color: #00508C;
}

.home_bloc h2 a:hover span, .home_bloc_selected h2 a:hover span {
	position: relative;
	color: #FFFFFF;
}

.home_bloc h2 span, .listes h2 span, .listes h1 span{
	color: #94adce;
}

.home_bloc h3, .home_bloc_selected h3{
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 5px;
	clear: both;
	color: #94adce;
}
.home_bloc h3 a, .home_bloc_selected h3 a{
	color: #94ADCE;
}

.home_bloc .ref_nb, .home_bloc_selected .ref_nb{
	font-size: 18px;
	color: #D2D9EF;
}

.home_bloc_selected .ref_nb{
	color: #FFFFFF;
}

#detail .ref_nb{
	font-size: 10px;
	color: #94ADCE;
	float: right;
	margin-top: -12px;
}
.home_bloc .fam_liste li, .home_bloc_selected .fam_liste li, .marq_liste li{
	position: relative;
}

#home_marque h2 {
	float: left;
	width: 100%;
}

#detail .chemin, #compatibilite .chemin, #detail .chemin_univ{
	float: right;
	font-size: 10px;
	text-transform: none;
	font-weight: normal;
	margin: 3px 5px 0 0;
}
#home_marque .chemin a{
	text-align: right;
}

#home_marque .chemin a.left {
	width: 50%;
	float: left;
	text-align: right;
	margin-top: 2px;
}
#home_marque .chemin a.right {
	width: 49%;
	float: right;
	margin-top: -9px;
}

#home_marque .chemin {
	width: 300px;
	margin: 0; padding: 0;
}
#home_marque h1{
	line-height: 12px !important;
	line-height: 0;
	margin: 0; padding: 0;
}

#home_marque h1 a{
	margin: 0; padding :0;
	line-height: 12px;
	height: 0;
}


#detail .chemin_univ {
	font-weight: bold;
}


.footer{
	position: relative;
	clear: both;
}

.footer#home_footer{
	top: 0 !important;
	top: -50px;
}

/*********** LISTES ************/
.page ul {
	float: left;
	list-style-type:none;
	margin: 0; padding: 0;
}
.page ul li{
	height: auto !important;
	padding: 1px 0 1px 0;
	height: 13px;
	line-height: 12px;
	font-size: 10px !important;
	font-size: 0;
}

.page ul li a{
	margin: 0; padding: 0;
	font-size: 10px;
}

.img_liste, .univ_liste, .imgtit_liste, .tit_liste, .appl_liste, .vdeo_liste {
/*	background-color: #FFFFFF;*/
}

/**************/
/* Bloc img, ou bloc img + tit, ou bloc d'image d'appli sur la home */

.img_liste dl, #detail .univ_liste dl, .imgtit_liste dl, .appl_liste dl, .vdeo_liste dl, #detail #suggestion .img_liste dl{
	position: relative;
	float: left;
	width: 67px;
	padding: 3px !important;
	padding: 3px 2px 3px 2px;
	font-size: 0;
	text-align: center;
}

#home_logos dd, #suggestion .img_liste dd {
	position: absolute;
	width: 4px;
	height: 62px;
	top: 3px;
	left: 2px;
	background-repeat:no-repeat;
	background: url(/img/masque_hm.png) !important;
	background: url(/img/masque_hm.gif);
}

#suggestion .img_liste dd {
	height: 64px;
	top: 8px;
}

.listes .img_liste dd{
	position: absolute;
	width: 9px;
	height: 77px;
	top: 4px;
	left: 3px;
	background-repeat:no-repeat;
	background: url(/img/masque_dt.png) !important;
	background: url(/img/masque_dt.gif);
}
.vdeo_liste dl{ /* correction pour la home */
	border: none;
	margin: 1px 0px 1px 0px;
}

.vdeo_liste dt{
	height: 45px !important;
	height: 45px;
}

.listes .vdeo_liste dt{
	height: 74px !important;
	height: 74px;
}

/* Cas part : Bloc d'image d'appli dans un détail */

#detail .appl_liste dl{
	width: 105px;
	height: 134px;
	padding: 3px 3px 3px 4px;

}

.listes .vdeo_liste dl{
	width: 101px;
	height: 74px;
	padding: 3px 2px 3px 10px !important;
}

/* Cas part : bloc de tit+img */
/**************/
/* titre dans une liste */
#detail .listes .img_liste dl{
	width: 83px;
	height: 83px;
}
/*
#detail .univ_liste {
	margin-left: 10px;
}
*/

#detail .univ_liste dl{
	position: relative;
	width: 83px;
	height: 83px;
	padding: 5px 5px 5px 5px;
}

/**************/
/* Image de listes d'images, de tit+listes, d'image d'appl (sur la home) */

.imgtit_liste dl {
	height: 110px;
	margin-bottom: -31px;
}
.img_liste a:hover {
	background-color: transparent;
}
.img_liste a {
	background-color: transparent;
}

/* cas part : Image d'appli sur la home */
.home_bloc .img_liste dt, .home_bloc_selected .img_liste dt, .imgtit_liste dt, sugg_liste dt{
	position: relative;
	background: url(/img/ombre_logo_hm.png) !important;
	background: url(/img/ombre_logo_hm.gif);
}
.home_bloc .img_liste #hm_dt, .home_bloc_selected .img_liste #hm_dt, .imgtit_liste #hm_dt, sugg_liste #hm_dt{
	background: url(/img/ombre_logo_hm2.png) !important;
	background: url(/img/ombre_logo_hm2.gif);
}

.appl_liste dt{
	position: relative;
	background: url(/img/ombre_jeux_hm.png) !important;
	background: url(/img/ombre_jeux_hm.gif);
}
.appl_liste #hm_dt{
	background: url(/img/ombre_jeux_hm2.png) !important;
	background: url(/img/ombre_jeux_hm2.gif);
}

.vdeo_liste dt {
	position: relative;
	background-repeat:no-repeat;
	background: url(/img/ombre_vdeo_hm.png) !important;
	background: url(/img/ombre_vdeo_hm.gif);
}
.vdeo_liste #hm_dt {
	background: url(/img/ombre_vdeo_hm2.png) !important;
	background: url(/img/ombre_vdeo_hm2.gif);
}

.listes .vdeo_liste dt{
	position: relative;
	background: url(/img/ombre_vdeo_dt.png) !important;
	background: url(/img/ombre_vdeo_dt.gif);
}
.listes .vdeo_liste #hm_dt{
	background: url(/img/ombre_vdeo_dt2.png) !important;
	background: url(/img/ombre_vdeo_dt2.gif);
}

.listes .img_liste dt, .univ_liste dt {
	position: relative;
	height: 84px;
	background: url(/img/ombre_logo_dt.png) !important;
	background: url(/img/ombre_logo_dt.gif);
}

.listes .img_liste #hm_dt, .univ_liste #hm_dt {
	background: url(/img/ombre_logo_dt2.png) !important;
	background: url(/img/ombre_logo_dt2.gif);
}

#detail .appl_liste dt {
	height: 135px;
	position: relative;
	background: url(/img/ombre_jeux_dt.png) !important;
	background: url(/img/ombre_jeux_dt.gif);
}

#detail .appl_liste #hm_dt {
	background: url(/img/ombre_jeux_dt2.png) !important;
	background: url(/img/ombre_jeux_dt2.gif);
}

#apercu .logo_big {
	width: 134px;
	height: 134px;
	margin: auto;
}
#apercu .video_big {
	width: 164px;
	height: 118px;
	margin: auto;
}

#apercu .logo_big dt {
	position: relative;
	background: url(/img/ombre_logo_tlc.png) !important;
	background: url(/img/ombre_logo_tlc.gif);
}
#apercu .logo_big #hm_dt {
	background: url(/img/ombre_logo_tlc.png) !important;
	background: url(/img/ombre_logo_tlc.gif);
}

#apercu .video_big dt {
	position: relative;
	background: url(/img/ombre_vdeo_tlc.png) !important;
	background: url(/img/ombre_vdeo_tlc.gif);
}
#apercu .video_big #hm_dt {
	background: url(/img/ombre_vdeo_tlc2.png) !important;
	background: url(/img/ombre_vdeo_tlc2.gif);
}

#apercu .logo_big img{
	position: relative;
	width: 128px;
	height: 128px;
	border: none;
	margin: 0px 3px 4px -3px;
}

#apercu #video_big{
	position: relative;
	width: 128px;
	height: 96px;
	border: none;
	margin: 8px 3px 11px -3px;
}

.img_liste img, .imgtit_liste img, .univ_liste img, #detail #suggestion .img_liste img {
	position: relative;
	width: 62px;
	height: 62px;
	border: none;
	margin: 0px 6px 4px 0px;
}

.vdeo_liste img{
	position: relative;
	width: 54px;
	height: 38px;
	border: none;
	margin: 1px 1px 4px -4px !important;
	margin: 1px 1px 4px -4px;
}


.appl_liste img{
	position: relative;
	width: 62px;
	height: 80px;
	border: none;
	margin: 0px 2px 3px -3px;
}
.appl_liste img, .sugg_liste img{
	width: 62px;
	height: 80px;
}

/* cas part : image d'appli dans un détail */
#detail .appl_liste img{
	width: 99px;
	height: 128px;
}

.listes .img_liste img, #detail .univ_liste img{
	width: 77px;
	height: 77px;
	margin: 0px 2px 4px -3px;

}

/* cas part : img "normale" sélectionnée */
/*
.img_liste .selected img, .imgtit_liste .selected img{
	border: 2px solid #00508C;
	height: 58px;
	width: 58px;
}

 cas part : image d'appl selectionnée
#detail .appl_liste .selected img{
	border: 2px solid #00508C;
	width: 75px;
	height: 98px;
}
*/
/**************/

.tit_liste {
	font-size: 11px;
	line-height: 14px;
	padding-left: 3px;
}
.listes .tit_liste a {
	font-size: 11px;
}

li a{
	display: block;
}

.liste_vide{
	font-size: 10px;
	margin: 5px 0 10px 0;
	padding-left: 3px;
}

#detail .tit_liste li {
	padding-left: 16px;
}

#detail .tit_liste li.poly {
	background-image: url(/img/puce_grise.png) !important;
	background-image: url(/img/puce_grise.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

#detail .tit_liste li.pcm {
	background-image: url(/img/puce.png) !important;
	background-image: url(/img/puce.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.listes .vdeo_liste img{
	position: relative;
	width: 77px;
	height: 58px;
	border: none;
	margin: 5px 2px 8px -4px !important;
}

.fam_liste, .det_fam_liste, .marq_liste{
	font-size: 10px;
	padding-bottom: 2px;
	padding-left: 3px;
	color: black;
}

.bloc_fams {
	background: no-repeat top left;
	background-image: url(/img/fond_fam.jpg);
	padding-bottom: 5px;	
}

#plan .det_fam_liste {
	background-color: #D2D9EF;
	font-size: 10px;
	margin: 0 0 2px 50px;
	color: black;
}
.fam_liste{
	padding-bottom:0;
	padding-left:0;
	background-color: transparent;
}

/************************* Positionnement des blocs ***************************/
/*	Formule de la largeur des blocs
	y = 2x + 2a + b
	y -> largeur gros bloc
	x -> largeur petit bloc
	a -> largeur bordure
	b -> espace entre deux bloc */	
a.top_univ {
	text-decoration: none;
	color: #00508C;
}

.fam_liste li, .fam_liste li, #plan .det_fam_liste li{
	display: inline;
}

#plan .det_fam_liste li a{
	text-decoration: none;
}

.home_bloc .fam_liste a:hover, .home_bloc_selected .fam_liste a:hover, #plan .det_fam_liste li a:hover, .tousles a:hover{
	text-decoration: none;
	position: relative;
}

.home_bloc, .home_bloc_selected{
	margin: 6px;
	float: left;
	clear: none;
	width: 140px;
	padding: 0;
	margin: 0;
}

.home_bloc .img_liste, .home_bloc .imgtit_liste, .home_bloc .appl_liste, , .home_bloc .vdeo_liste{
	float: left;
}

.home_bloc_selected .img_liste, .home_bloc_selected .imgtit_liste, .home_bloc_selected .appl_liste{
	float: left;
}

.home_bloc, .home_bloc_selected{
	background: no-repeat top left;
	background-image: url(/img/fond_bloc.jpg);
}

.home_bloc_selected h2,.home_bloc_selected .fam_liste {
	background-color: #D2D9EF;
}

.home_bloc_selected#home_sons .fam_liste, .home_bloc_selected#home_brui .fam_liste {
	background-color: transparent;
}

.home_bloc_selected .plusdinfos a span{
	color: #FFFFFF;
}

#home_sons, #home_brui {
	position: relative;
	width: 138px;
	margin: 0 0 0 12px;
	padding: 0;
}

#home_brui {
	margin: 0 0 0 3px;
}

#home_sons option, #home_brui option{
	letter-spacing: 0;
}

#home_jeux{
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	width: 292px !important;
	width: 284px;
}

#home_logos{
	position: relative;
	float: right;
	top: 0px;
	left: 0px;
	width: 512px !important;
	width: 518px;
	margin: 10px 12px 0 12px;
}

#home_persos{
	position: relative;
	left:  0px;
	width: 220px;
	margin: 0 0 0 12px;
}

#home_vdeo{
	position: relative;
	float: left;
	width: 292px !important;
	width: 284px;
	margin: 16px 0 0 0;
}

#home_them{
	position: relative;
	float: left;
	width: 512px !important;
	width: 518px;
	margin: 7px 0 0 12px;
}

#home_univ {
	position: relative;
	float: right;
	margin: 0;
	padding: 0 0 0 2px;
	width: 100px;
}
#home_univ .img_liste#tvcine {
	margin-top: 2px;
	width: 50px;
	float: left;
}
#home_univ .img_liste#univ {

	margin-top: 2px;
	width: 50px;
	float: right;
}
#home_univ .img_liste#tvcine dl, #home_univ .img_liste#univ dl{
	width: 46px;
	height: 46px;
	padding: 4px 4px 4px 0 !important; 
	margin: 0px;
}

#home_univ .img_liste#univ dl {
	padding: 4px 0 4px 4px !important; 
}

#home_univ .img_liste dt{
	padding: 0; margin: 0;
}

#home_univ .img_liste img{
	padding: 0; 
	margin: 0;
	width: 46px;
	height: 46px;
}

#home_univ .content .img_liste {
	float: left;
}

#home_marque{
	width: 920px;
	margin:0;
	padding: 5px;
}

#home_anim select{
	width: 110px;
}

#home_sons plusdinfos, #home_brui plusdinfos{
	margin: 0;
	padding: 0;
}

#home_sons select, #home_brui select{
	margin-top: 0 !important;
	margin-top: -6px;
	width: 138px;
}

#home_jeux select, #home_vdeo select{
	margin-right: 7px;
	width: 150px;
}

#home_logos select{
	margin-right: 10px;
	width: 187px;
}

#home_them select{
	width: 138px;
	letter-spacing: -0.2px;
}

#home_univ select{
	margin-top: 8px !important;
	margin-top: 2px;
	width: 102px;
	position: relative;
}

/******* Divers ******/

.gras {
	text-decoration: none;
}

.spacer{
	height: 0px;
	font-size: 0px;
	clear: both;
}

/********************************* DETAIL *************************************/

.listes ul{
	list-style-type:none;
	float: left;
}
.listes{
	width: 570px;
	background-color: white;
	float: left;
	border-width: 0 1px 1px 1px;
}

.listes#listes_univ{
	width: 930px;
}

.listes h2, .listes h1{
	position: relative;
	border-width: 1px 0 0 0;
}

.listes h3, #detail #suggestion h3{
	background-color: transparent;
	font-size: 16px;
	padding-left: 5px;
	clear: both;
	text-decoration: none;
	color: #94ADCE;
}

#detail .bloc_fams h3, #detail .nav h3 {
	float: left;
	width: 425px;
}
.listes h3 a{
	color: #00508C;
}

.listes h3 strong{
}

.listes h3 strong.type{
	color: #94ADCE;
	text-transform: uppercase;
}

.listes h3 strong.sstype{
	color: #00508C;
	text-transform: uppercase;
}

.listes h3 strong.sssstype{
	color: #00508C;
}

.pipe {
	color: #00508C;
}

.listes .appl_liste {
	margin-left: 6px;
	clear: left;
}

.listes .img_liste dl, .listes .imgtit_liste dl{
	margin: 1px;
	padding: 4px 5px 4px 5px !important;
	padding: 4px 4px 8px 4px;
}

.listes .appl_liste  dl{
	padding: 5px 6px 5px 6px;
}

.listes .non_compat dt img{
	filter:alpha(opacity:50);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

#telechargez.non_compat{
	filter:alpha(opacity:70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    background-color: #dadada;
	color: gray;
}

.selection, .nav, .news, .nav .tri{
	color: #00508C;
}

.nav .spacer{
	height: 3px;
	position : relative !important;
	position : absolute;
	clear: both;
}

.nav .sep{
	background-color: transparent;
	margin : 0; padding : 0;	
}

.nav .sep hr{
	color: #FFFFFF;
	height: 0px;
}

.selection a, .nav a{
	text-decoration: none;
	color: black;
}

.selection .select_tit, .nav .select_tit{
	position: absolute;
	padding: 0;
	margin-left: 3px;
	float: left;
	width: 12%;
	font-weight: bold;
}
.selection .liste_sfam, .nav .liste_sfam{
	font-size: 10px;
	margin: 1px 0 0 0; 
	padding: 0;
	float: right;
	text-align: left;
	width: 500px;
}
.liste_sfam a{
	position: relative;
}
.liste_sfam a:hover{
	background-color: #D2D9EF;
	color: #00508C;
}
.focus{
	color: black;
	background-color: #FFECB2;
	font-weight: normal;
}
.pagination{
	font-size: 12px;
	clear: both;
	color: #00508C;
	background-color: white;
	padding-right: 15px;
}
h3 .titre {
	float: left;
	width: 425px;

}
.listes .nav h3 .chemin {
	float: right;
	text-align: right;
	height: 13px;
	margin: 0; padding: 0;
	width: 135px;
	
}

.pagination_courte{
	height: 14px;
	float: right;
	width : 140px;
	color: #00508C;
	margin: 0px 0px 0 0;
	padding: 2px 0 0 0;
	font-size: 11px;
	font-weight: bold;
}
.pagination_courte a{
	color: #00508C;
	font-weight: bold;
	font-size: 11px;
}

.pagination_courte a:hover{
	color: #00508C;
}

.pagination_courte .prev{
	margin: 0;padding:0;
	width: 55%;
	float: left;

	text-align: left;
}

.pagination_courte .next{
	margin: 0;padding: 0;
	width: 45%;
	float: right;
	text-align: right;
}
.listes .pagination .prev{ 
	display: inline; 
	text-align: left;
}
.listes .pagination .current{ 
	display: inline; 
	text-align: center;
}
.listes .pagination .next{ 
	display: inline; 
	text-align: right;
}
.prev a, .next a, .current a{ 
	color: #00508C; 
}
.listes .pagination{
	text-align: right;
}
#apercu .pagination { 
	padding: 0;
	text-align: right;
	background-color: white;
	border: 1px solid #dadada;
	margin: 5px 5px 0 5px;
	padding: 3px;
}
#apercu .pagination .prev{ 
	width: 80px;
	text-align: left;
	display: inline;
}
#apercu .pagination .current{ 
	width: 159px;
	text-align: center;
	display: inline;
}
#apercu .pagination .next{ 
	width: 65px;
	text-align: right;
	display: inline;
}

/********* Zone de Suggestion ********/
#detail #suggestion{
	width: 350px;
	float: right;
	background-color: #FFF4D1;
	border: 1px solid #dadada;
	border-bottom: 0;
	border-top: 0;
	clear: right;
}
#detail #suggestion h2{
	background-color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #00508C;
	margin: 0 5px 0 5px;
	padding: 5px 0 0 5px;
	clear: both;
	text-align: center;
	border: 1px solid #dadada;
	border-bottom: 0;
}

#detail #suggestion h2 span{
	display: block;
	font-size: 12px;
}

#detail #suggestion h3 a{
	color: #94ADCE;
}

#detail #suggestion h3 span{
	color: #00508C;
}

#detail #suggestion .listes{
	width: 335px;
	background-color: white;
	text-align: left;
	border: none;
}

#detail #suggestion .content{
	margin: 0 5px 0 5px;
	border: 1px solid #dadada;
	border-top: 0;
	border-bottom: 0;
	padding: 4px;
	text-align: left;
}

.sugg_liste{
	margin: 0 5px 0 5px;
	border: 1px solid #dadada;
	padding: 4px;
}

#detail #suggestion .content{
	text-align: center;
}

#detail #suggestion .content img{
	border: 1px solid black;
}

#detail #suggestion .content a{
	margin: 0; padding: 0;
}

#detail #suggestion .iplus{
	position: relative;
	margin: 0 5px 5px 5px;
	background-color: #FFFFFF;
	border-top: 0;
	text-align: center;
	padding-bottom: 3px;
	border: 1px solid #dadada;
	border-top: none;
}

#detail #suggestion span.informations {
	color: #00508C;
	display : block;
	padding : 0 10px 0 10px;
	text-align : left;
}

#detail #suggestion .iplus .img_liste, #detail #suggestion .iplus .vdeo_liste {
	margin-left: 22px;
}

/**** problème de position relative ****/
#detail #suggestion .iplus2{
	margin: 0 5px 5px 5px;
	background-color: #FFFFFF;
	border-top: 0;
	text-align: center;
	padding-bottom: 3px;
	border: 1px solid #dadada;
	border-top: none;
}

#detail #suggestion h4{
	font-size: 15px;
	text-transform: uppercase;
	margin: auto;
	text-align: center;
}

#detail #suggestion .appl_liste img, #detail #suggestion .img_liste img{
	width: 62px;
	height: 62px;
	border: 1px solid black;
	margin : 5px 0px -3px 0px;  
}

#detail #suggestion .appl_liste img{
	height: 80px;
}
#detail #suggestion h3 {
	text-align: center;
	margin-bottom: 0px;
	border-top: none;
}
#detail #suggestion .appl_liste, #detail #suggestion .img_liste{
	margin-bottom: 3px;
}
#detail #suggestion .tit_liste ul{
	padding-bottom : 3px;
	width: 100%;
}
#detail #suggestion .tit_liste li a{
	background-image: none;
	text-align : left;
}


/********* Zone de téléchargement / infos ********/

#telechargement{
	width: 350px;
	float: right;
	background-color: #FFF4D1;
	border: 1px solid #dadada;
	border-top: 0;
	clear: right;
	border-bottom:0;
}
#telechargement h2{
	background-color: #FFF4D1;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #00508C;
	padding-left: 5px;
	padding-top: 5px;
	clear: both;
	text-align: center;
	border: 1px solid #dadada;
	border-bottom: 0;
	margin-left: 5px;
	margin-right: 5px;
}
#telechargement h2 span{
	display: block;
	font-size: 12px;
}
#telechargement .content, #telechargement .content_itunes {
	margin: 0 5px 0 5px;
	border: 1px solid #dadada;
	padding: 4px;
	text-align: center;
	margin-bottom: 5px;
	padding-top: 1px;
}

#compat_content{
	position: relative;
	border: 1px solid #00913b;
	background-color: #d1e8d7;
	font-size: 15px;
}

#telechargement .content_itunes{
	position: relative;
	border: 1px solid #14aeed;
	background-color: #e8f5fc;
	font-size: 15px;
}

#telechargement #compat_content .paiement{
	font-size: 12px;
	font-family: arial;
}

#conseil{
	display: block;
	color: #00913b;
	font-size: 16px;
	margin-top: 5px;
}

#telechargement .conseil_itunes{
	color: #14aeed;
}

#telechargement #personnalisez{
	font-size: 13px;
}
#telechargement #personnalisez strong{
	font-size: 15px;
}

#telechargement .iplus{
	margin: 0 5px 5px 5px;
	border: 1px solid #dadada;
	border-top: 0;
	text-align: center;
	padding-bottom: 10px;
}

#telechargement h4{
	font-size: 15px;
	text-transform: uppercase;
}
#telechargement .content p, #telechargement .content_itunes p{
	margin: 5px 0 5px 20px;
	text-align: left;
}
#telechargement .content a, #telechargement .content_itunes a{
	position: relative;
}
#telechargement #img_intplus{
	width: 250px;
	margin: 10px 0 10px 0;
}
#telechargement #marques_liste, #telechargement #modeles_liste{
	float: left;
	margin-top: 4px;
	font-size: 12px;
	width: 115px;
	height: 19px;
	font-weight: bold;
	margin-left: 4px;
}

#telechargement #modeles_liste{
	font-size: 10px;
	height: auto;
}


#telechargement #lien_popup{
	display: block;
	float: left;
	width: 163px;
	height: 32px;
	padding-top: 10px;
	color: white;
	margin-top: 4px;
	font-size: 20px;
	letter-spacing: 2.2px;
}

#lien_popup img{
	width: 163px;
	height: 42px;
	border: 0;
	position: absolute;
	top:0; left: 0;
	background-repeat: no-repeat;
}

#lien_popup.lien_compat img{
	background-image: url(/img/01.gif);
}
#lien_popup.lien_compat{
	background-color: #00913b;
}

#lien_popup.lien_compat:hover img{
	background-image: url(/img/02.gif);
}
#lien_popup.lien_compat:hover{
	text-decoration: none;
}
#lien_popup.lien_noncompat img{
	background-image: url(/img/03.gif);
}
#lien_popup.lien_noncompat{
	background-color: #dadada;
}

#lien_popup.lien_compat_itunes img{
	background-image: url(/img/01_itunes.gif);
}
#lien_popup.lien_compat_itunes{
	background-color: #00913b;
}

#lien_popup.lien_compat_itunes:hover img{
	background-image: url(/img/02_itunes.gif);
}
#lien_popup.lien_compat_itunes:hover{
	text-decoration: none;
}
#lien_popup.lien_noncompat_itunes img{
	background-image: url(/img/03_itunes.gif);
}
#lien_popup.lien_noncompat_itunes{
	background-color: #dadada;
}


#txt_perso{
	width: 130px;
}

#telechargement #msg_compat{
	color: black;
}
.lettrine{
	font-size: 20px;
	font-weight: bold;
	margin-right: 5px;
}

/********* Zone d'apercu / Guide **********/

#apercu, #guide{
	width: 350px;
	float: right;
	background-color: #FFF4D1;
	border: 1px solid #dadada;
	border-width: 1px 1px 0 1px;
	border-bottom-width: 0;
	padding-bottom: 10px;
	text-align: center;
}
#apercu_fin{
	float: right;
	width: 350px;
	border-top: 1px solid #dadada;
	line-height: 0;
	clear: right;
}
#apercu h2, #apercu h1{
	background-color: #FFF4D1;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #00508C;
	padding-left: 5px;
	clear: both;
	margin-top: 5px;
	text-align: center;
}
#apercu embed{
	height: 45px;
	width: 100%;
	margin: 0 0 10px 0;
}
#apercu .liens_versions a{
	padding-left: 12px;
	background-image: url(/img/puce.png) !important;
	background-image: url(/img/puce.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}
#apercu .icones{
	clear: both;
}
.img_small{
	width: 58px;
	height: 62px;
	float: left;
	margin : 5px 0 5px 5px;
	border: 4px solid #FFF4D1;
}

.img_small#selected{
	border: 4px solid #00508C;
}

#apercu .img_small:hover{
cursor: pointer;
}
#apercu .dsc{
	padding-left: 5px;
	font-size: 12px;
	text-align : left;
}
#apercu .add_on{
	color: #999999;
}
#apercu .img_big{
	float: left;
	margin : 5px;
	border: 1px solid black;
}

#guide{
	color: #00913b;
	background-color: white;
	border: none;
	padding-bottom: 10px;
	text-align: left;
}
#guide h2{
	color: #00913b;
	margin:0; padding:0 0 10px 0;
	font-size: 13px;
}

#guide p{
	font-size: 12px;
	margin-bottom: 10px;
}
#guide h3{
	font-size: 12px;
	margin: 0; padding: 0;
}


/******* Divers ********/

.petit{
	display: block;
	font-size: 10px;
	line-height: 12px;
}

span.droite{
	text-align: right;
}


.tousles{
	position: relative;
	margin: 0; padding: 0;
	text-align: right;
}

.tousles a{
	position: relative;
	color: black;
	margin: 0; padding: 0;
}

dl.vide{
visibility: hidden;
}
dl.vide dt{
width: 64px;
height: 64px;
border: 1px solid white;
margin:0;
padding:0;
}
#sav a{
text-decoration: underline;
}

#compatibilite a{
text-decoration: none;
}

#compatibilite h3{
	display: inline;
	font-weight: normal;
	font-size: 13px;

}

/* Look h1 home_marque */
#detail #home_marque h1 a,#detail #home_marque h1{
	font-size: 12px;
	color: black;
	text-transform: none;
	padding: 0; margin: 0;
	font-weight: normal;

}

#sav h2, #compatibilite h2, #plan h2{
	margin-top: 10px;
}

h4.mobile{
	margin-top: 10px;
	text-align: center;
	font-size: 10px;
}

/*********** Popup **********/

#popup{
	margin: 0; padding: 0;
	font-family: arial;
	font-size: 13px;
}

#popup {	
	width: 680px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#popup a{
	color: black;
}

#popup #page_header{
	display: none;
}
#popup h1{
	background-color: #FFFFFF;
	color: white;
	font-size: 20px;
	position: relative;
	text-transform: uppercase;
	padding: 10px 10px 15px 200px;
	background-image: url(/img/banniere5.gif);
	/* cette image peut etre modifiee par le cgi */
	background-repeat: no-repeat;
	width: auto;
	height: 45px;
}

#popup h1 .tit{
	position: relative;
	vertical-align: top;
	font-size: 14px;
	color: white;
	margin: 0px 0px 0px 0px;
}

#popup .tlc{
	position: relative;
	vertical-align: top;
	float: right;
	border: 1px solid black;
	margin: -70px 5px 10px 0;
}

#popup .puce {
	float: left;
	margin: 0 10px 0 5px;
	font-size: 16px;
}

#popup h2{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #00508C;
	text-align: left;
	margin-bottom: 10px;
}


#popup .cadre{
	margin: 15px 5px 15px 5px;
	border: 1px solid #dadada;
	padding : 5px;
	padding-left: 0
}
#popup .cadre p{
	text-align: center;
}
#popup #form .text, #form select{
	margin-left: 30px;
	border: 1px solid black;
	background-color: #dadada;
}
#popup #form .text{
	width: 100px;
}
#popup #form .submit{
	margin-left: 30px;
	border: 1px solid black;
}
#popup #confirmation h2{
	margin-bottom: 0;
}
#popup #paiement{
	padding-left: 0;
}
#popup #paiement p#internet, #popup #paiement p#paypal, #popup #paiement p#sms, #popup #paiement p#telephone{
	border: 1px solid black;
	height: 170px;
}
#popup #paiement .moyen{
	width: 156px;
	float: left;
	margin-left: 5px;
	display: block;
}
<!--
#popup #paiement #grand_wait{
	width: 300px;
	float: left;
	margin-left: 22px;
}
#popup #paiement p#wait{
	border: 1px solid black;
	height: 140px;
	width: 298px;
}
-->
#popup #paiement #grand_wait{
	width: 300px;
	margin-left: 22px !important;
	margin-left: 27px;
	float: none;
}
#popup #paiement p#wait{
	border: 1px solid black;
	height: 140px;
	width: 620px ;
}

#popup #paiement #grand_wait p#wait a{
	margin-top: 20px;
	position: relative;
}

#popup #paiement #telephone{
	margin-left: 17px;
}
#popup #paiement p#internet, #popup #paiement p#paypal, #paiement a, #infos_consos p, #infos_consos a {
	font-size: 10px;
	line-height: 10px;
}
#popup #paiement .moyen p#sms .sms_small {
	font-size: 10px;
	color: #00508C;
	font-weight: bold;
}
#popup #paiement .moyen p#sms .sms_small span {
	line-height: 10px;
	display: block;
	margin: 0; padding: 0;
}
#popup #paiement p#internet .mode, #popup #paiement p#paypal .mode{
	font-size: 13px;
	line-height: 13px;
}
#popup #infos_consos p{
	margin-left: 20px;
}
#popup .mode, #popup .numero, #popup .ref, #popup .prix{
	display: block;
}
#popup .mode, #popup .numero{
	text-transform: uppercase;
	color: #00508C;
	font-weight: bold;
}
#popup #infos_consos{
	display: none;
}
#popup #infos_consos p{
	text-align: left;
	margin-bottom: 10px;
}
#popup #infos_consos h3{
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 12px;
	color: #00508C;
}
#popup #infos_consos h3 .puce {
	margin-right: 13px;
	font-size: 14px;
	text-transform: none;
	margin-top: -2px;
}
#popup #infos_consos .fort{
	font-weight: bold;
	color: #00508C;
	font-size: 10px;
}
#popup .mode, #popup .numero, .ref{
	margin: 5px 0 5px 0;
}
#popup .ref{
	font-weight: bold;
}
#popup .prix{
	font-size: 10px;
	text-align: center;
}
#popup #smsplus{
	text-align: right;
	margin-left: 5px;
	margin-right: 5px;
}
#popup #smsplus a{
	text-decoration: none;
}
#popup #fermer{
	text-align: left;
	float: left;
	text-decoration: underline;
}
#popup .numero {
	font-size: 16px;
}
#popup .erreur{
	font-size: 15px;
	font-weight: bold;
}
#detail .marq_liste li a{
	text-decoration: none;
	font-size: 11px;
}
#home_marque .marq_top a{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #00508C;
	padding-left: 0px;
	clear: both;
}
#home_marque ul a{
	display: block;
}
#detail .det_fam_liste ul {
	float: left;
	list-style-type:none;
	margin: 0; padding: 0;
}
#detail .det_fam_liste ul li{
	margin: 0; padding: 0;
	height: auto !important;
	height: 10px;
	line-height: 10px;
	font-size: 0;
}

#detail .det_fam_liste ul li a{
	margin: 0; padding: 0;
	font-size: 10px;
}


/*********** TESTS **********/
/*
#detail .appl_liste dl img:hover{
	filter:alpha(opacity:40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

#detail .appl_liste dl {
	width: 99px;
	height: 128px;
	margin: 0; padding: 0;
}
#detail .appl_liste dt {
	width: 99;
	height: 128;
	margin: 0; padding: 0;
}
#detail .appl_liste dl img {
	width: 99;
	height: 128;
	margin: 0; padding: 0;
}
*/
/* Hack invisible à Safari. DOIT RESTER TOUT EN BAS DE LA FEUILLE !! */
#rch .text{
	height: 17px;#
}
#rch .submit{
	height: 20px;
}
#banner_mid{
	margin-top: 2px;
}
#banner_right{
	margin-top: 2px;
}