﻿/* Page de présentation */

/* Cadre Note Avis */
div.cadreNoteAvis
{
	width:32px;
	height:20px;
	background-image:url(../images/general/bloc_note_sur_blanc.gif);
	background-repeat:no-repeat;
}
div.cadreNoteAvis span
{
	font-weight:bold;
	color:Red;
	padding-left:7px;
}

/* Fiche compte */
div.contentPresentationAvis
{
	width:990px;
}
div.blocCompte
{
	float:left;
	width:150px;
	position:relative;
	top:5px;
	margin-left:10px;
	_margin-left:0;
}
div.enteteCompte
{
	position:relative;
	width:100%;
	height:26px;
}
div.enteteCompte img
{
	float:left;
}
p.enteteCompteC
{
	float:left;
	width:130px;
	height:100%;
	background-image:url(../images/avis/presentation/1px_compte.gif);
}
p.enteteCompteC span
{
	position:relative;
	top:5px;
	font-weight:bold;
}
div.blocContenuCompte
{
	width:148px;
	background-image:url(../images/avis/presentation/bloc_identification_H.png);
	background-repeat:no-repeat;
	margin-top:2px;
	border-left:solid 1px Silver;
	border-right:solid 1px Silver;
}
div.blocContenuCompteHauteurConnecte
{
	height:300px;
}
div.blocContenuCompteHauteurMin
{
	height:250px;
}
div.contenuCompte
{
	padding-top:15px;
}
div.cadrePhoto
{	
	text-align:center;
	background-image:url(../images/avis/presentation/bloc_identification_photo.png);
	background-repeat:no-repeat;
	width:100px;
	height:120px;
	margin:0 auto;
}
img.photoMembre
{
	position:relative;
	top:12px;
}
div.messageBienvenue
{
	font-weight:bold;
	padding-left:20px;
}
div.messageConnexionCompte
{
	position:relative;
	left:15px;
	font-weight:bold;
}
div.separateurCompteActions
{
	text-align:center;
	padding-top:20px;
}
div.actionsCompte
{
	padding-top:10px;
}
div.actionsCompte
{
	width:auto;
}
div.actionCompte
{
	height:30px;
	margin-top:5px;
	
}
p.nomActionCompte
{
	width:100px;
	height:30px;
	white-space:nowrap;
	display:block;
	padding:5px 0 0 35px;
	*+margin:5px 0 0 35px;
	*+padding:0;
}
p.nomActionCompte a
{
	font-size:11px;
}
div.mesAvis p
{
}

div.mesAvis img
{
	float:left;
	padding-left:5px;
}

/* Bloc présentation avis */
div.blocAvisOxylane
{
	position:relative;
	margin-top:5px;
	margin-left:160px;
	width:830px;
	height:400px;
	_margin-left:0;
}
div.grandOngletListeAvis
{
	float:left;
	position:relative;
	left:10px;
	width:832px;
}
div.grandOngletAvis
{
	width:832px;
	margin-left:10px;
}

div.blocPresentationAvisGroupe
{
	height:210px;
	float:left;
/*	width:100%;*/
	
}
div.blocPresentationAvis
{
	background-image:url(../images/avis/presentation/bloc_fleche.png);
	background-repeat:no-repeat;
	width:270px;
	height:180px;
}
div.blocAvis1
{
	z-index:5;
	float:left;
}
div.blocAvis2
{
	z-index:4;
	float:left;
	margin-top:15px;
}
div.blocAvis3
{
	z-index:3;
	float:left;
	margin-top:30px;
}
p.textIntroBlocAvis
{
	text-align:center;
	width:220px;
	font-weight:bold;
	white-space:nowrap;
}
img.pictoBlocAvis
{
	float:left;
	padding-left:13px;
	padding-top:38px;
}
img.pictoBlocAvis1
{
}
p.textBlocAvis
{
	text-align:center;
	font-weight:bold;
	clear:both;
	margin-top:-11px;
	float:left;
	width:270px;
}
p.blocAvisTitreCourt
{
}
p.blocAvisTitreLong
{
}
span.textBlocAvisContenu
{
	display:block;
	margin-top:5px;
}
div.rechercheAvisOxylane
{
	margin-left:10px;
	float:left;
}
img.rechercheAvisOxylaneBord
{
	float:left;
}

/* Elements de la zone de recherche */
p.infoAvisSitesPartenaires
{
	font-weight:bold;
	z-index:10;
}
p.infoAvisSitesPartenaires span
{
	font-size:14px;
}
p.textAvisOu
{
	font-weight:bold;
	z-index:10;
}
p.textAvisOu span
{
	font-size:16px;
}
div.rechercheAvisOxylaneC
{
	float:left;
	width:780px;
	height:160px;
	background-image:url(../images/avis/presentation/coin_avis_1px.gif);
	background-repeat:repeat-x;
	text-align:center;
}
div.blocBarreRecherche
{
	background-image:url(../images/avis/presentation/bloc_recherche.png);
	background-repeat:no-repeat;
	width:595px;
	height:65px;
	margin:0 auto;
}
div.barreRechercheAvis
{
}
input.barreRecherche
{
	float:left;
	margin-left:47px;
	margin-right:10px;
	margin-top:16px;
	height:22px;
	z-index:30;
	font-size:16px;
}
input.btnRecherche
{
	float:left;
	width:90px;
	height:26px;
	z-index:30;
	font-size:15px;
	font-weight:bold;
	background-image:url(../images/avis/recherche/btn_rouge_1px.png);
	color:White;
	border: 0px solid #FFFFFF;
	margin-top:16px;
}
img.bordBtnRecherche
{
	float:left;
	z-index:30;
	margin-top:16px;
}
div.exempleRecherche
{
	padding-top:23px;
}
.blocResultatRecherche .blocListeProduits .titreImageRecherche
{
	width:60%;
	float:left;
}
.blocResultatRecherche .blocListeProduits .avisProduitRecherche
{
	width:40%;
	float:left;
}
.blocResultatRecherche .blocListeProduits .imageRecherche
{
	width:22%;
	float:left;
}
.blocResultatRecherche .blocListeProduits .logoInfoRecherche
{
	width:78%;
	float:left;
}
.blocResultatRecherche .blocListeProduits a.titreProduitListe
{
	padding:10px 0 0 10px;
	display:block;
}
.blocResultatRecherche .blocListeProduits .infosAvisRecherche .blocNote span
{
	float:left;
	width:25%;
}

/* Blocs dernières réponses et derniers avis */
div.blocDerniersC
{
	width:370px;
	height:100%;
	background-image:url(../images/avis/presentation/bloc_gris_1px.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-top:35px;
	margin-left:18px;
	padding-bottom:20px;
	position:relative;
}
div.blocDerniersC div.blocDerniersC1
{
	float:left;
	width:25%;
	_margin:0;
}
div.blocDerniersC div.blocDerniersC2
{
	float:left;
	width:74%;
	_margin:0;
}
.blocListeBord.blocDerniersBordG,.blocListeBord.blocDerniersBordD
{
	bottom:1px;
	*+bottom:0;
	bottom/*\**/:0px\9;
}
img.blocDerniersBordG
{
	left:-16px;
}
img.blocDerniersBordD
{
	right:-16px;
}
div.blocDernier
{
	border-style:solid;
	border-width:1px;
	border-color:Silver;
	width:390px;
	height:145px;
	margin-top:-1px;
	margin-left:-11px;
	z-index:10;
	position:relative;
}
div.blocOrange
{
	background-color:#FFF5E4;
}
div.blocBlanc
{
	background-color:#FFFFFF;
}
img.cadrePhoto
{
}
img.photoProduit
{
	width:74px;
	height:72px;
	border:0px;
	left:10px;
	position:absolute;
}
img.logoMarque
{
	float:left;
}
p.noteEtoile
{
	width:80px;
	float:left;
	margin:15px 0 0 80px;
}
img.etoile
{
	margin-left:-2px;
}
div.blocNoteAvis
{
	float:left;
	margin:15px 0 0 20px;
}
img.guillemetsDernierD
{
}

/* Elements spécifiques aux réponses de marque */
div.blocDernieresReponses
{
	float:left;
	width:405px;
	margin-top:5px;
	margin-left:171px;
	_margin-left:0;
}
div.blocDerniereReponse
{
	border-style:solid;
	border-width:1px;
	border-color:Silver;
	width:410px;
	height:125px;
	background-color:#FFF5E4;
	margin-top:-1px;
	margin-left:-11px;
	z-index:10;
}
p.infosDerniereReponse
{
	width:295px;
	line-height:1.4em;
	clear:both;
}

/* Elements spécifiques aux avis */
div.blocDerniersAvis
{
	position:relative;
	width:400px;
	margin-top:5px;
	margin-left:585px;
	_margin-left:0;
}
p.infosDernierAvis
{
	width:285px;
	line-height:1.8em;
	clear:both;

}

/* Fin page de présentation */

/* Elements de la liste des produits / avis */
a.titreProduitListe
{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
img.cadrePhotoProduit
{
	position:relative;
	top:25px;
}
div.blocPhotoRecherche
{
	float:left;
}
div.blocPhotoProduitListe
{
	position:relative;
	left:10px;
	bottom:55px;
	width:75px;
	height:75px;
	text-align:center;
	display:inline;
}
img.photoProduitListe
{
	width:75px;
	height:75px;
}

div.blocLogoPartenaireListe
{
	width:150px;
	height:auto;
}

/* Page Mes Avis */
div.blocListesMesAvis
{
	position:relative;
	margin-top:5px;
	margin-left:160px;
	width:815px;
	_margin:0;
}

div.blocListeAvis
{
	width:825px;
	margin-left:2px;
}
div.blocListeAvisC
{
	float:left;
	position:relative;
	width:805px;
	left:17px;
	background-image:url(../images/avis/presentation/bloc_gris_1px.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:25px;
}
img.blocListeAvisBordG
{
	left:-12px;
}
img.blocListeAvisBordD
{
	right:-12px;
}
div.enteteListe
{
	float:left;
	margin-left:20px;
	width:800px;
	height:50px;
}
div.enteteListe p
{
	text-align:center;
}
div.listeTri
{
	position:absolute;
	right:20px;
}
span.textNbAvisTrouves
{
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	*+margin-top:20px;
	display:block;
}

.blocListesMesAvis .blocListeAvis .photoMesAvis
{
	float:left;
	width:12%;
	height:110px;
}
.blocListesMesAvis .blocListeAvis .infosMesAvis
{
	float:left;
	margin-top:27px;
}

/* Elements de la liste */
div.ligneAvis
{
	float:left;
	width:100%;
	height:250px;
	border-style:solid;
	border-color:Silver;
	border-width:1px;
	margin-top:-1px;
}
div.ligneAvisBas
{
	height:250px;
}
div.blocInfosGeneralesAvis
{
	width:200px;
	height:60px;
}
span.titreMonAvis
{
	position:relative;
	bottom:20px;
	left:35px;
}
span.dateDepot
{
	position:relative;
	bottom:15px;
}
div.blocPointsAvis
{
	width:200px;
	height:90px;
	float:left;
	margin-top:45px;
}
div.blocPointsAvis p
{
	width:100%;
	height:30px;
	margin-bottom:10px;
}
div.blocPointsAvis img
{
	margin-right:10px;
}
div.blocPointsAvis div
{
	position:relative;
	left:25px;
	bottom:18px;
	width:160px;
}
div.blocCommentaireAvis
{
	width:735px;
	/*height:40px;*/
	clear:both;
	padding-left:5px;
}
img.guillemetDCommentaire
{
	position:relative;
	left:750px;
}
div.actionAvis
{
	position:relative;
	left:550px;
	width:230px;
	height:100px;
	background-color:White;
	*+left:50px;
}
div.actionAvis div.textActionAvis
{
	position:relative;
	*+top:15px;
	bottom:123px;
	left:15px;
	width:200px;
	height:45px;
}
div.pActionAvis
{
	margin-left:auto;
	margin-right:auto;
	width:149px;
	height:44px;
	background-repeat:no-repeat;
	border:none;
	text-align:center;
}

span.textLienActionAvis
{
	position:relative;
	*+top:14px;
	bottom:75px;
	font-weight:bold;
}

div.pagerListeAvisBas
{
}

/* Contour du bloc de l'action sur l'avis */
div.actionAvisLigneV
{
	width:210px;
}
div.actionAvisLigneH
{
	height:80px;
}

/* Page Mes Reponses Privées */
div.blocListesMesReponsesPrivees
{
	margin-top:5px;
	margin-left:160px;
	width:815px;
	_margin:0;
}

div.blocListeReponsesPrivees
{
	position:relative;
	width:840px;
}
div.blocListeReponsesC
{
	float:left;
	position:relative;
	width:818px;
	left:17px;
	background-image:url(../images/avis/presentation/bloc_gris_1px.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:25px;
}
img.blocListeReponsesBordG
{
	position:absolute;
	bottom:0px;
	left:8px;
	z-index:-1;
}
img.blocListeReponsesBordD
{
	position:absolute;
	bottom:0px;
	right:5px;
	z-index:-1;
}
div.ongletReponsePrivee
{
	margin-left:8px;
	width:818px;
}
div.enteteListeReponse
{
	margin-left:17px;
	width:818px;
	height:200px;
	background-image:url(../../Charte/images/accueil/compte_Oxylane_1px_orange.gif);
	background-position:bottom;
}
div.textEnteteListeReponse
{
	position:relative;
	top:50px;
	margin-left:75px;
}
span.textNbReponsesTrouvees
{
	right:125px;
	font-size:15px;
	font-weight:bold;
}
p.textQuestionMail
{
	position:relative;
	top:15px;
}
p.textQuestionMail span
{
	position:relative;
	bottom:12px;
	font-size:15px;
	font-weight:bold;
}
p.radioBoutonsMail
{
	position:relative;
	top:30px;
	margin-left:50px;
}
p.radioBoutonsMail input
{
	margin-left:60px;
}
p.radioBoutonsMail span
{
	font-size:15px;
	font-weight:bold;
}

/* Elements de la liste */
div.ligneReponse
{
	float:left;
	width:100%;
	height:180px;
	border-style:solid;
	border-color:Silver;
	border-width:1px;
	margin-top:-1px;
}
div.ligneReponseBas
{
	height:210px;
}
a.lienLectureAvis
{
	display:block;
	margin-top:-23px;
	padding-left:5px;
}
div.blocLogoPartenaireListeReponse
{
	width:150px;
}
div.blocInfosGeneralesReponse
{
	width:400px;
	height:60px;
}
span.titreReponsePrivee
{
	clear:both;
	display:block;
}
div.actionReponse
{
	position:relative;
	left:585px;
	*+left:50px;
	width:220px;
	height:100px;
	background-color:White;
}
div.pagerListeReponseBas
{
	clear:both;
}
.blocListeReponsesPrivees .photoReponsePrivee
{
	float:left;
	width:14%;
}
.blocListeReponsesPrivees .infosReponsePrivee
{
	float:left;
	margin-top:10px;
}

/* Contour du bloc de l'action sur l'avis */
div.actionAvisLigneV
{
	width:210px;
}
div.actionAvisLigneH
{
	height:80px;
}

/* Lighboxes lecture et rédaction réponse privée */
div.degradeLightBox
{
	background-image:url(../../Charte/images/avis/degrade_1px.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
div.infosLectureReponsePrivee
{
	margin-left:5px;
	margin-right:15px;
	height:115px;
	padding-top:40px;
}
img.flecheInfoReponsePrivee
{
	margin-right:5px;
	float:left;
}
span.intituleInfo
{
	font-size:16px;
	font-weight:bold;
	margin-right:5px;
	padding-top:2px;
}
p.infoReponsePrivee
{
	margin-left:30px;
	width:280px;
	height:40px;
	float:left;
}
p.infoReponsePrivee span
{
	display:block;
	float:left;
}
p.infoReponsePrivee img.iLogoPartenaire
{
	margin-left:5px;
}
p.infoReponsePrivee #lAuteurReponse,p.infoReponsePrivee #lDateReponse,p.infoReponsePrivee #lTitreReponse
{
	padding-top:5px;
}
p.infoDateReponse
{
	width:200px;
}
div.contenuLectureReponsePrivee
{
	margin-top:5px;
	margin-left:5px;
	margin-right:16px;
	height:165px;
	border-color:Silver;
	border-width:1px;
	border-style:solid;
	padding:10px;
}
div.contenuLectureReponsePrivee img
{
	padding-bottom:15px;
}
div.contenuLectureReponsePrivee img.guillemetsD
{
	padding-top:0px;
}
img.guillemetsD
{
	margin-left:98%;
}
div.actionsLectureReponsePrivee
{
	margin-left:5px;
	margin-right:15px;
	padding-left:270px;
}
a.boutonLightBox
{
	cursor:pointer;
	text-decoration:none;
}
div.blocBouton
{
	float:right;
	background-image:url(../images/general/pagination/1px_pagination.png);
	height:32px;
	width:80px;
	text-align:center;
}
img.bordBouton
{
	float:right;
	border:none;
}
img.bordBoutonG
{
	margin-left:20px;
}
div.blocBouton span
{
	color:White;
	font-weight:bold;
	display:block;
	padding-top:8px;
}
p.titreReponsePrivee
{
	margin-left:30px;
	width:500px;
	height:40px;
}
input.champTitreReponse
{
	border-style:solid;
	border-color:Silver;
	border-width:1px;
	margin-top:5px;
}
span.intituleContenuReponse
{
	margin-left:5px;
}
textarea.contenuRedactionReponsePrivee
{
	margin-top:5px;
	margin-left:5px;
	margin-right:16px;
	height:167px;
	border-color:Silver;
	border-width:1px;
	border-style:solid;
}
div.contenuRedactionReponsePrivee textarea
{
	border:none;
}

/* Lightbox lecture avis */
div.blocLectureAvis
{
	margin-left:10px;
	margin-right:15px;
}
div.blocInfosProduitAvis
{
	margin-top:25px;
}
div.infosProduitAvis
{
	margin-left:20px;
	height:130px;
}
div.blocPhotoProduitLightBox
{
	position:relative;
	width:75px;
	height:75px;
	text-align:center;
	display:inline;
	bottom:83px;
	left:10px;
}
div.infosProduitLightBox
{
	width:450px;
	height:75px;
	*+width:400px;
}
div.infosProduitAvis .imageLectureAvis
{
	float:left;
	width:20%;
	height:85px;
}
div.blocLogoPartenaireLightBox
{
	width:150px;
	height:30px;
}
div.infosLectureAvis
{
	float:left;
	}
div.blocDateDepotLightBox
{
}
div.blocInfosAvisLightBox
{
	margin-top:5px;
	padding:5px;
	height:300px;
	border-style:solid;
	border-width:1px;
	border-color:Silver;
}
div.blocPointsAvisLightBox
{
	margin-top:20px;
	margin-left:30px;
	margin-bottom:30px;
}
div.pointsAvisLightBox
{
	width:250px;
	height:30px;
}
div.pointsNegatifsAvisLightBox
{
	position:relative;
	left:250px;
	bottom:30px;
}
div.pointsAvisLightBox span
{
	padding-left:10px;
}
div.textContenuAvisLightBox
{
	width:500px;
}