@charset "iso-8859-2";
@import url('general.css');
/* CSS Document */
 
/* bloc ville */
.ville{ margin:0; padding:0; border:none; background:none; width:689px;}
.ville img{ margin:0; padding:0; border:none;}
.ville span.tetoVille{ clear:both; display:block; margin:0; padding:0; width:689px; height:45px; background:transparent url(../images/fond/hautListeActuIntro.jpg) top left no-repeat;}
.ville span.tetoVille h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; margin:0px; padding:0px; font-weight:normal; color:#fff; background:none; text-align:center; line-height:45px; font-weight:bold;}
.ville span.tetoVille h1 label{ margin:0; padding:0;background:none;}
.ville span.inVille{ clear:both; display:block; margin:0; padding:0; background:transparent url(../images/fond/inListeActuIntro.jpg) top left repeat-y; width:685px; height:auto; padding:5px 0 10px 4px;}
.ville span.inVille div.descInVille{ width:665px; margin:0; padding:0; margin:0 10px; border-bottom:1px dotted #CCCCCC; padding-bottom:15px;}
.ville span.inVille div.descInVille p.dateFicheActus{ margin:0; padding:0; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#A35C3D; margin-bottom:10px;}
.ville span.inVille div.descInVille p.descFicheActus{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; margin:0; padding:0; margin-bottom:20px;}
.ville span.inVille div.descInVille p.descFicheActus a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ff9900; text-decoration:none;}
.ville span.inVille div.descInVille p.descFicheActus a:hover{ text-decoration:underline;}
.ville span.inVille div.descInVille p.descFicheActus img{ float:left; margin:0 5px 5px 0}
.ville span.inVille div.ajoutComment{ width:665px; margin:0; padding:0; margin:0 10px; margin-top:15px}
.ajoutComment h1{ width:645px; margin:0; padding:0; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:20px; line-height:20px; text-transform:uppercase; color:#FFFFFF; padding-left:20px; background-color:#A35C3D; font-size:12px;}
*html form#form_commentaite{ margin-left:75px!important;}
*:first-child+html form#form_commentaite{ margin-left:75px!important;}
.ajoutComment fieldset{ margin:0; padding:0; background:none; border:none; width:465px; margin-left:75px; margin-top:15px;}
.ajoutComment fieldset label{ clear:both; display:block; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
.ajoutComment fieldset label input{ width:175px; height:15px; margin-right:10px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; font-weight:normal;}
.ajoutComment fieldset label textarea{ width:465px; height:100px;font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; font-weight:normal;}
.ajoutComment fieldset label.valider{ text-align:right; margin-top:15px}
.ajoutComment fieldset i{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; position:relative; top:-3px;}
.ajoutComment fieldset label input.annuler{ width:82px; height:28px; margin:0 10px; background:none; border:none; background:url(../images/boutton/annuler.jpg) left no-repeat; }
.ajoutComment fieldset label input.send{ width:82px; height:28px; margin:0 10px; background:none; border:none; background:url(../images/boutton/envoyer.jpg) left no-repeat; }
.ville span.inVille div.hautComment{ width:665px; margin:0; padding:0; margin:0 10px; margin-top:15px}
.hautComment div.titleCom{width:665px;background-color:#A35C3D;margin-bottom:5px;}
.titleCom h1{ margin:0; padding:0;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:20px; line-height:20px; text-transform:uppercase; color:#FFFFFF; padding-left:20px;  font-size:12px; float:left; width:auto;}
.titleCom span{ width:auto; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; line-height:20px;}
.titleCom span a{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; line-height:20px;}
.titleCom span a:hover{ text-decoration:underline}
.titleCom span.listeCom{ float:left}
.titleCom span.affCom{ float:right; margin-right:10px; font-weight:bold;}
.ville span.inVille div.blocNextACtu{width:665px; margin:0; padding:0; margin:0 10px; border-bottom:1px dotted #CCCCCC; margin-bottom:15px; height:35px;}
.previewActu{ margin:0; padding:0; height:35px; background:url(../images/picto/flecheGauche.gif) no-repeat center left; width:330px;}
.previewActu span{ margin:0; padding:0; display:inline-block; vertical-align:middle; padding-left:15px; width:300px;}
.previewActu span.onHauteur{ margin:0; padding:0; height:35px; width:1px;}
.previewActu span a{ font-size:12px; line-height:13px; margin:0; padding:0; color:#8A5C11; text-decoration:none;}
.previewActu span a:hover{ text-decoration:underline;}
.nextActu{ margin:0; padding:0; height:35px; background:url(../images/picto/flecheDroit.gif) no-repeat center right; width:330px; text-align:right;}
.nextActu span{ margin:0; padding:0; display:inline-block; vertical-align:middle; padding-right:15px; width:300px; text-align:right}
.nextActu span.onHauteur{ margin:0; padding:0; height:35px; width:1px;}
.nextActu span a{ font-size:12px; line-height:13px; margin:0; padding:0; color:#8A5C11; text-decoration:none;}
.nextActu span a:hover{ text-decoration:underline;}




/* commentaire actus */
.ville span.inVille div.ajoutComment div.commentaireActu{ width:665px; margin:0; padding:0; background:none; border:none; margin-bottom:5px}
.commentaireActu div.numComment{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; width:30px; margin-top:15px; font-weight:bold;}
.commentaireActu div.commentDesc{ margin:0; padding:0; width:500px; margin-right:80px; background-color:#F2F2F2;}
*html .commentaireActu div.commentDesc{margin-right:30px;}
.commentDesc span.titreComment{ display:block; margin:0; padding:; width:475px; margin:10px 0 10px 25px; height:25px; line-height:25px; background-color:#E9E9E9;}
.commentDesc span.titreComment p{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:11px; font-weight:normal;}
.commentDesc span.titreComment p strong.name{ margin:0; padding:0; margin:0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}
.commentDesc span.titreComment p i{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#3399CC; font-style:normal;}
.commentDesc span.titreComment p i a{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#3399CC; font-style:normal; text-decoration:underline;}
.commentDesc span.titreComment p i a:hover{ text-decoration:none;}
.commentDesc span.comment{ display:block; margin:0; padding:; width:475px; margin:0px 0 5px 25px; background:none; margin-bottom:10px}
.commentDesc span.comment p{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#333333;}
.commentDesc span.comment p a{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#ff9900; text-decoration:underline;}
.commentDesc span.comment p a:hover{ text-decoration:none;}


/* recherche rapide */
.rechercheRapide{ width:689px; margin:0; padding:0; background:transparent url(../images/fond/recherche.jpg) top left no-repeat; height:83px;}
.rechercheRapide div.titreFind{ margin:0; padding:0; margin-left:15px; width:160px; position:relative; top:13px;}
*html .rechercheRapide div.titreFind{top:16px; left:-15px;}
.rechercheRapide div.titreFind img{}
.rechercheRapide div.descFind{ width:475px; margin:0; padding:0; margin-right:15px; text-align:left}
*html .rechercheRapide div.descFind{ margin-right:0px;}
*:first-child+html .rechercheRapide div.descFind{ margin-right:0px;}
.descFind ul{ margin:0; padding:0; border:none; background:none; list-style:none; margin-top:25px;}
.descFind ul li{ margin:0; padding:0; float:left; list-style:none; margin-right:7px; margin-left:7px;}
*html .descFind ul li{margin-right:5px; margin-left:5px;}
*:first-child+html .descFind ul li{margin-right:5px; margin-left:5px;}
.descFind ul li p{ margin:0; padding:0;}
.descFind ul li p select{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; width:120px; margin:0; padding:0;}
.descFind ul li p.descSelect{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; margin-top:-2px;}
.descFind ul li p input.okRecherche{ width:54px; height:27px; margin:0; padding:0; border:none; background:transparent url(../images/boutton/okRecherche.jpg) left no-repeat; position:relative; top:-2px; cursor:pointer}
*html .descFind ul li p input.okRecherche{top:-3px;}
*:first-child+html .descFind ul li p input.okRecherche{top:-3px;}

/* bloc intermediaire */
.listeActus{ margin:0; padding:0; border:none; background:none; width:689px;}
.listeActus img{ margin:0; padding:0; border:none;}
.listeActus span.intListeActus{clear:both; display:block; margin:0; padding:0; width:685px;background:transparent url(../images/fond/interRubrique.jpg) top left repeat-y; padding:1px 3px 5px 3px;}
.intListeActus div.contInListeActus{ margin:0; padding:0; width:684px; background:none; padding-left:1px;}
*html .intListeActus div.contInListeActus{ padding-left:0px;}
.contInListeActus span.rubListe{ margin:0; padding:0; display:block; width:225px; margin:0 1px 0 1px; background:none; border:none; float:left;}
.contInListeActus span.rubListe div.tetoRubListe{ margin:0; padding:0; width:225px; background:none; border:none;}
.contInListeActus span.rubListe /*div.tetoRubListe*/ span.contTetoRubList{ display:block; margin:0; padding:0; border:none; height:30px; width:225px;}

.rubListe span.salon{ background-color:#858585;}
.rubListe span.escapades{ background-color:#937979;}
.rubListe span.conseils{ background-color:#A45E40;}

.rubListe h1{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; height:27px; line-height:27px; border-bottom:2px solid #fff; font-weight:normal; overflow:hidden;}
.rubListe h1 strong.titreTetoRubListe{ margin-left:5px; font-weight:normal;}
.rubListe h1 strong.titreTetoRubListe a{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; text-decoration:none;}

.salon h1 strong.titreTetoRubListe{ background:0px 2px url(../images/picto/grisGris.jpg) no-repeat; padding-left:20px; zoom:1;}
.escapades h1 strong.titreTetoRubListe{ background:0px 2px url(../images/picto/maronMaron.jpg) no-repeat; padding-left:20px; zoom:1;}
.conseils h1 strong.titreTetoRubListe{ background:0px 2px url(../images/picto/bordeauBordeau.jpg) no-repeat; padding-left:20px; zoom:1;}

*:first-child+html .salon h1 strong.titreTetoRubListe{ background:0px 7px url(../images/picto/grisGris.jpg) no-repeat;  zoom:1;}
*:first-child+html .escapades h1 strong.titreTetoRubListe{ background:0px 7px url(../images/picto/maronMaron.jpg) no-repeat; zoom:1;}
*:first-child+html .conseils h1 strong.titreTetoRubListe{ background:0px 7px url(../images/picto/bordeauBordeau.jpg) no-repeat; zoom:1;}

.rubListe span.listeRubListe{ display:block; margin:0; padding:0; width:221px ;padding-bottom:10px; border-bottom:1px dotted #CCCCCC ; margin:5px 2px 5px 2px;}
.listeRubListe div.imgListeRubList{ margin:0; padding:0; border:1px solid #CCCCCC; width:113px; height:84px; margin:0 5px 1px 0;}
.imgListeRubList div.contImgListRub{ margin:0; padding:0; width:105px; height:76px; overflow:hidden; margin:4px;}
.imgListeRubList div.contImgListRub img{ width:105px; margin:0; padding:0;}
.imgListeRubList div.contImgListRub a img{ width:105px; margin:0; padding:0; text-decoration:none;}
.listeRubListe strong.desListRub{ font-weight:normal; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
.listeRubListe strong.desListRub h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0; padding:0; margin:4px 0;}
.listeRubListe strong.desListRub h2 a:hover{ text-decoration:underline;}

.listeSalon strong.desListRub h2{ color:#666666;}
.listeSalon strong.desListRub h2 a{color:#666666; text-decoration:underline}
.listeSalon h2{ color:#666666;}
.listeSalon h2 a{color:#666666; text-decoration:underline}
.listeEscapades strong.desListRub h2{ color:#785757;}
.listeEscapades h2 a{color:#785757; text-decoration:underline}
.listeEscapades h2{ color:#785757;}
.listeEscapades strong.desListRub h2 a{color:#785757; text-decoration:underline}
.listeConseils strong.desListRub h2{ color:#8E3610;}
.listeConseils strong.desListRub h2 a{color:#8E3610; text-decoration:underline}
.listeConseils h2{ color:#8E3610;}
.listeConseils h2 a{color:#8E3610; text-decoration:underline}


.listeRubListe strong.desListRub h2 a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
.listeRubListe strong.desListRub p{ margin:0; padding:0;}
.listeRubListe strong.desListRub p a{ color:#FF9900; text-decoration:none; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.rubListe p.linkRubList{ text-align:right; margin:0; padding:0; margin-right:5px; margin-top:3px;}
.rubListe p.linkRubList a{ text-decoration:underline; color:#FF9900; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.rubListe p.linkRubList a:hover{ text-decoration:none;}

/* vote */
.ratingblock div div{ color:#A35C3D; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin-top:3px!important;}
*html .ratingblock div ul{ position:relative; top:-0px}
*html .ratingblock div div{ margin-top:10px!important; margin-bottom:-15px!important;}
.ratingblock p.voted span.thanks{ width:auto!important;*width:auto!important}