/* CSS Document */

/************************************
Styles pour la partie liste produits
************************************/

#produit{
	float:left;
	padding:0 0 0 0;
	margin:0;
	width:782px;
}
#produit #titre{
	clear:both;
	float:left;
	padding:0;
	margin:0;
	float:left;
	width:782px;
}
#produit #titre .left{
	clear:both;
	float:left;
	background:url(../data/images/onglet_l.gif) no-repeat left top;
	width:11px;
	height:26px;
}
#produit #titre .center{
	float:left;
	background:url(../data/images/onglet_c.gif) repeat-x left top;
	height:21px;
	width:760px;
	padding:5px 0 0 0;
	margin:0;
}
#produit #titre .center h1{
	color:#FFFFFF;
	font-size:14px;
	padding:0;
	margin:0;
}
#produit #titre .right{
	float:left;
	background:url(../data/images/onglet_r.gif) no-repeat left top;
	width:11px;
	height:26px;
}
#produit #prod{
	clear:both;
	float:left;
	padding:0;
	margin:0;
	width:760px;
	background-color:#f2f2f2;
	border-left:1px #e1e0df solid;
	border-right:1px #e1e0df solid;
	padding:10px;
}

#produit #prod .haut{
	clear:both;
	float:left;
	width:760px;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}
#produit #prod .haut .hg{
	float:left;
	background:url(../data/images/hg.gif) no-repeat top left;
	width:9px;
	height:9px;
}
#produit #prod .haut .hd{
	float:right;
	background:url(../data/images/hd.gif) no-repeat top right;
	width:9px;
	height:9px;
}
#produit #prod .bas{
	clear:both;
	float:left;
	width:760px;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}
#produit #prod .bas .bg{
	float:left;
	background:url(../data/images/bg.gif) no-repeat bottom left;
	width:9px;
	height:9px;
}
#produit #prod .bas .bd{
	float:right;
	background:url(../data/images/bd.gif) no-repeat bottom right;
	width:9px;
	height:9px;
}
#produit #prod .fond-blanc{
	clear:both;
	float:left;
	width:760px;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}

#produit #prod .img{
	clear:both;
	float:left;
	width:118px;
	height:173px;
	padding:0;
	margin-left:5px;
}
#produit #prod .presentation{
	float:left;
	padding:0 15px 0 15px;
	width:285px;
}
#produit #prod .presentation h1{
	padding:0 0 6px 0;
	margin:0;
	font-size:15px;
	font-weight:bold;
	color:#5d5d5d;
}
#produit #prod .presentation h2{
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:bold;
	color:#737270;
}

#produit #prod .presentation h3{
	padding:15px 0 0 0;
	margin:0;
	font-size:11px;
	font-weight:normal;
}	
#produit #prod .presentation h4{
	padding:0;
	margin:0;
	font-size:11px;
	font-weight:normal;
}
#produit #prod .infos{
	float:left;
	padding:0 0px 0 0px;
	margin:0;
	margin-left:-20px;
	width:170px;
	text-align:center;
}
#produit #prod .infos .ref{
	clear:both;
	float:left;
	padding:0;
	margin:0;
	width:122px;
	font-weight:bold;
	text-align:center;
}
#produit #prod .infos .etat{
	clear:both;
	float:left;
	padding:0;
	padding-left:28px;
	margin:0 0 0 0px;
	text-align:left;
}
#produit #prod .illus{
	float:left;
	width:160px;
	height:160px;
	margin:0;
	padding:0;
}
#produit #prod .prix{
	clear:both;
	float:left;
	/*padding:0 0 5px 0;*/
	padding:0 0 5px 180px;
	margin:0;
	font-size:10px;
	/*width:760px;*/
	width:580px;
}

#produit #prod .remise{
	margin:10px 0 0 40px;
}

#produit #prod .prix a{
	text-decoration:none;
	color:#FFFFFF;
}

#produit #prod .prix .acheter{
	clear:both;
	float:left;
	background:url(../data/images/produit_acheter.gif) no-repeat top left;
	width:180px;
	height:31px;
	cursor:pointer;
	text-align:center;
	padding:0 0 0 10px;
	margin:0 60px 0 0;
	/*margin:0 0 0 180px;*/
	line-height:14px;
}
#produit #prod .prix .promo{
	float:left;
	background:url(../data/images/trainee.jpg) no-repeat top left;
	width:160px;
	height:35px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	padding:2px 0 0 0px;
	margin-right:-160px;
	position:relative;
	left:-240px;
	top:-38px;
	/*margin:0 0 0 180px;*/
	line-height:14px;
}

#produit #prod .prix .rentabiliweb{
	float:left;
	background:url(../data/images/produit_rentabiliweb.gif) no-repeat top left;
	width:180px;
	height:31px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	padding:2px 0 0 0px;
	margin-right:20px;
	position:relative;
	/*left:-240px;*/
	/*top:-38px;*/
	/*margin:0 0 0 180px;*/
	line-height:14px;
}

#produit #prod .prix .telecharger{
	float:left;
	background:url(../data/images/produit_telecharger.gif) no-repeat top left;
	width:120px;
	height:31px;
	cursor:pointer;
	text-align:center;
	padding:0 0 0 10px;
	margin:0;
	/*margin:0 0 0 60px;*/
	line-height:14px;
}



#produit #prod .prix .ttc{
	display:block;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
#produit #prod .prix .txt{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
}
#produit #prod .prix .promo .txt{
	font-weight:bold;
}

#produit #prod .prix .iphone{
	clear:both;
	float:left;
	display:block;
	background:url(../data/images/appstore.jpg) no-repeat left bottom;
	width:200px;
	height:86px;
	cursor:pointer;
	text-align:center;
	padding:0 0 0 10px;
	margin:0px 60px 0 0;
	/*margin:0 0 0 180px;*/
	line-height:14px;
}
#produit #prod .prix .iphone .ttc{
	display:block;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	position:relative;
	top:0px;
	color:#000000;
}

#produit #prod .prevenirparmail{
	font-weight:bold;
	color:#737270;
	margin-bottom:8px;
}

#produit #sep-produits{
	clear:both;
	float:left;
	background:url(../data/images/liste_sep_hor.gif) center top no-repeat;
	height:2px;
	width:770px;
	text-align:center;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
}

#produit #fiche{
	clear:both;
	float:left;
	width:760px;
	background-color:#f2f2f2;
	border-left:1px #e1e0df solid;
	border-right:1px #e1e0df solid;
	margin:0;
	padding:0 10px 10px 10px;
}
#produit #fiche .menu{
	clear:both;
	float:left;
	width:200px;
}
#produit #fiche ul{
	list-style:none;
	list-style-type:none;
	list-style-position:inside;
	padding:0;
	margin:0;
	clear:both;
}

#produit #fiche li{
	list-style:none;
	list-style-type:none;
	list-style-position:inside;
	padding:0;
	margin:0;
}

#produit #fiche .menu li{	
	width:199px;
	height:25px;
	display:block;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	margin-bottom:3px;
}

#produit #fiche .menu a{
	background:url(../data/images/produit_onglet.gif) no-repeat top left;
	width:164px;
	height:20px;
	text-decoration:none;
	margin:0;
	padding:5px 0 0 35px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
}
#produit #fiche .menu a:hover{
	background:url(../data/images/produit_onglet_on.gif) no-repeat top left;
}
#produit #fiche .menu .onglet-avis{
	background:url(../data/images/produit_onglet_avis.gif) no-repeat top left;
	text-decoration:none;
	margin:0;
	margin-top:10px;
	padding:5px 0 0 35px;
	color:#FFFFFF;
	font-weight:bold;
}
#produit #fiche .menu .onglet-avis:hover{
	background:url(../data/images/produit_onglet_on.gif) no-repeat top left;
	text-decoration:none;
}
#produit #fiche .texte{
	float:left;
	width:540px;
	margin:0;
	padding:0 5px 5px 5px;
}

#produit #fiche .haut{
	clear:both;
	float:left;
	width:550px;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}
#produit #fiche .haut .hg{
	float:left;
	background:url(../data/images/hg.gif) no-repeat top left;
	width:9px;
	height:9px;
}
#produit #fiche .haut .hd{
	float:right;
	background:url(../data/images/hd.gif) no-repeat top right;
	width:9px;
	height:9px;
}
#produit #fiche .bas{
	clear:both;
	float:left;
	width:550px;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}
#produit #fiche .bas .bg{
	float:left;
	background:url(../data/images/bg.gif) no-repeat bottom left;
	width:9px;
	height:9px;
}
#produit #fiche .bas .bd{
	float:right;
	background:url(../data/images/bd.gif) no-repeat bottom right;
	width:9px;
	height:9px;
}
#produit #fiche .fond-blanc{
	clear:both;
	float:left;
	width:550px;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
}
#produit #fiche #fiche_descriptif{
	display: block;
	margin: 10px;
}

#produit #fiche_descriptif li{
	list-style-type:disc;
	/*list-style-image:url(../data/images/puce_descriptif.jpg);*/
	list-style-position:inside;
	margin:0;
	padding:0;
	
	/*list-style-type:none;*/
}


#produit #fiche #fiche_descriptif h1, #produit #fiche #fiche_descriptif h2, #produit #fiche #fiche_descriptif h3{
	margin:0;
}
#produit #fiche #fiche_descriptif h2{
	color:red;
	font-weight:bold;
}

#produit #fiche #fiche_config, #produit #fiche #fiche_screenshots, #produit #fiche #fiche_videos, #produit #fiche #fiche_presse, #produit #fiche #fiche_support, #produit #fiche #fiche_partenaires, #produit #fiche #fiche_sitesdedies, #produit #fiche #fiche_concours, #fiche_envoiami, #fiche_packs{
	display:none;
	margin: 10px;
}
#fiche_presse .titre{
	display:block;
	font-weight:bold;
}	

#produit #bas{
	clear:both;
	float:left;
	width:780px;
}
#produit #bas .fin{
	clear:both;
	float:left;
	background:url(../data/images/liste_bas.gif);
	width:782px;
	height:15px;
}
#produit #bas .ombre{
	clear:both;
	float:left;
	background:url(../data/images/liste_ombre.gif);
	width:782px;
	height:10px;
	padding:0;
	margin:0;
}
#produit #aime-titre{
	clear:both;
	float:left;
	padding:5px 0 0 0;
	margin:0;
	float:left;
	width:782px;
}
#produit #aime-titre .left{
	clear:both;
	float:left;
	background:url(../data/images/onglet_lr.gif) no-repeat left top;
	width:29px;
	height:26px;
}
#produit #aime-titre .center{
	float:left;
	background:url(../data/images/onglet_cr.gif) repeat-x left top;
	height:21px;
	width:739px;
	padding:5px 0 0 5px;
	margin:0;
}
#produit #aime-titre .center h5{
	color:#FFFFFF;
	font-size:14px;
	padding:0;
	margin:0;
}
#produit #aime-titre .right{
	float:left;
	background:url(../data/images/onglet_rr.gif) no-repeat left top;
	width:9px;
	height:26px;
}
#produit #aime-prod{
	clear:both;
	float:left;
	padding:0;
	margin:0;
	width:760px;
	background-color:#fdedec;
	border-left:1px #e1e0df solid;
	border-right:1px #e1e0df solid;
	padding:10px;
}
#produit #aime-prod h3{
	color:#5d5d5d;
	padding:0;
	margin:0;
	height:55px;
	font-size:11px;
}
#produit #aime-prod .prod1{
	clear:both;
	float:left;
	width:152px;
	text-align:center;
}
#produit #aime-prod .prod{
	float:left;
	width:152px;
	text-align:center;
	background:url(../data/images/sep_ver_r.gif) no-repeat center left;
}
#produit #aime-bas{
	clear:both;
	float:left;
	width:780px;
}
#produit #aime-bas .fin{
	clear:both;
	float:left;
	background:url(../data/images/bas_rouge.gif);
	width:782px;
	height:15px;
}
#produit #aime-bas .ombre{
	clear:both;
	float:left;
	background:url(../data/images/liste_ombre.gif);
	width:782px;
	height:10px;
	padding:0;
	margin:0;
}

.date_sortie{
	clear:both;
	float:left;
	padding:0px 0 0 0;
	margin-left:0px;
	margin-top:5px;
	width:170px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#f39600;
}
#fiche_screenshots{
	padding-left:0px;
}

/*SCREENSHOTS*/
.capture2{
	/*background-color:black;*/
	width:165px;
	height:124px;
	border:1px solid black;
	margin:0;
	padding:0;
	margin-left:12px;
	margin-top:10px;
	margin-right:12px;
	float:left;
}

.capture{
	/*background-color:black;*/
	width:165px;
	height:124px;
	border:1px solid black;
	margin:0;
	padding:0;
	/*margin-bottom:5px;*/
	margin-top:10px;
	float:left;
}

.capture .image, .capture2 .image{
	width:165px;
	height:124px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.capture .image *, .capture2 .image *{
	margin:0;
	padding:0;
	vertical-align:middle;
}
/*POUR IE*/
.capture  .image span, .capture2  .image span{
    display: inline-block;
	margin:0;
	padding:0;
	height:0;
	width:0;
    height: 100%;
}

/*PARTENAIRES*/

#fiche_partenaires  .partenaire{
    clear:both;
}

#fiche_partenaires  .partenaire div.img{
	/*background-color:black;*/
	width:120px;
	height:90px;
	border:1px solid black;
	margin-right:7px;
	margin-bottom:5px;
	margin-top:5px;
	float:left;
	background-color:white;
}

#fiche_partenaires  .partenaire div.img .image{
	width:120px;
	height:90px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
#fiche_partenaires  .partenaire div.img .image *{
	vertical-align:middle;
}
/*POUR IE*/
#fiche_partenaires  .partenaire div.img  .image span {
    display: inline-block;
    height: 100%;
}

/* VIDEOS */
#fiche_videos{
	text-align:center;
}

#fiche_videos .video {
   
    margin-bottom: 20px;
}


#produit .mention_telechargement{
	font-weight:bold;
}
#produit #fiche #fiche_support a{
	font-weight:bold;
	color:blue;
}

#produit #fiche_sitesdedies img{
	float:left;
	margin-right:10px;
}
#produit #fiche_sitesdedies a, #produit #sites_dedies a:hover, #produit #sites_dedies a:visited{
	color:black;
	border:none;
}
#produit #fiche_sitesdedies a .description{
	font-weight:normal;
}
#produit #fiche_sitesdedies .site{	
	clear:both;
	height:60px;
	margin-left: 10px;
	margin-bottom: 20px;
}

#produit #fiche_concours img{
	float:left;
	margin-right:10px;
}
#produit #fiche_concours a, #produit #fiche_concours a:hover, #produit #fiche_concours a:visited{
	color:black;
	border:none;
}
#produit #fiche_concours a .description{
	font-weight:normal;
}
#produit #fiche_concours .site{	
	clear:both;
	height:60px;
	margin-left: 10px;
	margin-bottom: 20px;
}


#fiche_partenaires  a, #fiche_partenaires  a:visited, #fiche_partenaires  a:hover{
	text-decoration:none;
}
#fiche_partenaires  a.softs, #fiche_partenaires  a.softs:visited, #fiche_partenaires  a.softs:hover{
	font-weight:bold;
}

#fiche_partenaires  h1{
	margin:0;
}
#fiche_partenaires  h2{
	font-weight:normal;
	margin-bottom:10px;
}
#fiche_partenaires .sep-partenaires{
	clear:both;
	float:left;
	background:url(../data/images/liste_sep_hor.gif) center top no-repeat;
	height:2px;
	width:530px;
	text-align:center;
	margin:10px 0 10px 0;
}

#fiche_communiquespresse  a, #fiche_communiquespresse  a:visited, #fiche_communiquespresse  a:hover{
	text-decoration:none;
}
#fiche_communiquespresse  a.softs, #fiche_communiquespresse  a.softs:visited, #fiche_communiquespresse  a.softs:hover{
	font-weight:bold;
}

#fiche_communiquespresse  h1{
	margin:0;
}
#fiche_communiquespresse  h2{
	font-weight:normal;
	margin-bottom:10px;
}
#fiche_communiquespresse .sep-partenaires{
	clear:both;
	float:left;
	background:url(../data/images/liste_sep_hor.gif) center top no-repeat;
	height:2px;
	width:530px;
	text-align:center;
	margin:10px 0 10px 0;
}

#fiche_communiquespresse .presentation{
  margin: 10px;
}

#identifiants{
  width: 375px;
}

#identifiants h2{
  /*float: left;*/
  clear: both;
  color: #F39600;
  height: 15px;
  width: 375px;
  padding-top: 10px;
}

#identifiants .titre{
  float: left;
  width: 150px;
  height: 30px;
  margin-top: 5px;
  font-weight: bold;
  clear: both;
}

#identifiants .ligne{
  /*float: left;*/
  width: 350px;
  height: 15px;
  margin-top: 5px;
  font-weight: bold;
  clear: both;
}


#identifiants .contenu{
  float: right;
  width: 200px;
  height: 30px;
  margin-top:5px;
  clear: right;
}

#identifiants .titretextarea{
  height: 90px;
  float: left;
  width: 150px;
  margin-top: 5px;
  font-weight: bold;
  clear: both;
}

#identifiants .textarea{
  float: right;
  width: 200px;
  height: 90px;
  margin-top:5px;
  clear: right;
}

#identifiants .bouton-l{
	background:url(../data/images/achat/bouton-l.gif) top left no-repeat;
	float:right;
	height:23px;
	width:11px;
	margin:0;
	padding:0;
}
#identifiants .bouton-c{
	background:url(../data/images/achat/bouton-c.gif) top left repeat-x;
	float:right;
	height:23px;
	padding:4px 0 0 0;
	margin:0;
}
#identifiants .bouton-c a{
	color:#FFFFFF;
	text-decoration:none;
}
#identifiants .bouton-r{
	background:url(../data/images/achat/bouton-r.gif) top right no-repeat;
	float:right;
	height:23px;
	width:11px;
	margin:0;
	padding:0;
}
#identifiants .bouton .bouton-l{
	background:url(../data/images/achat/bouton-l.gif) top left no-repeat;
	float:left;
	height:23px;
	width:11px;
	margin:0;
	padding:0;
}
#identifiants .bouton .bouton-c{
	background:url(../data/images/achat/bouton-c.gif) top left repeat-x;
	float:left;
	height:23px;
	padding:4px 0 0 0;
	margin:0;
}
#identifiants .bouton .bouton-r{
	background:url(../data/images/achat/bouton-r.gif) top right no-repeat;
	float:left;
	height:23px;
	width:11px;
	margin:0;
	padding:0;
}