/**
 * @file
 * styles.css
 * La feuille de style d'antiquite-en-france.com
 *
 */

/*
////////////
//////////// Les balises HTML standard
////////////
*/

body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
   
    font-size:100%;
    color:#17345D;
    font-family: Arial, Helvetica, sans-serif;
}

		/* La page contenue dans le body */
.main{
	background-color:#7BB2CE;
    background-image:url(/img/navigation/fond.gif);
    background-repeat:repeat-y;
    min-width:600px;
}

img{
    border:0px;
}

        /* Le titre le la page */
h1{
	position: relative;
	font-size:150%;
	padding-left:10px;
    background-image:url(/img/navigation/fond_h1.jpg);
    background-repeat:no-repeat;
    height:40px;
	color:#800000;
	margin-top:10px;
	margin-bottom:10px;
}

h2{
	color:#FFCC66;	
	font-size:130%;	
}

h2.ombre{
	position: relative;
	color:#897647;
}

h2.ombre span {
	position: absolute;
	top: -2px;
	left: -2px;
	color: #F7ECD3;
}

        /* Le style de la barre horizontale */
hr{
    width:50%;
    border:1px solid #996666;
}

p{
	text-align:justify;
}
/*
////////////
//////////// Les tableaux
////////////
*/

td{
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}


/*
////////////
//////////// Message d'information important
////////////
*/

.alert{
    text-align:center;
    color:#FF0000;
    font-size:120%;
}

/*
////////////
//////////// Les liens
////////////
*/

a{
    color:#EEEEEE;
    text-decoration:none;
}

a:hover{
    color:#FFFFCC; /* jaune très pale */
    text-decoration: underline;
}

/*
////////////
//////////// Les formulaires
////////////
*/

textarea{
    font-size:100%;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #666666 1px solid;
    border-bottom: #666666 1px solid;
}

select{
    font-size:100%;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
}

input {
    font-size:100%;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
}

/*
////////////
//////////// en tête de la page
////////////
*/

#header{
    padding:0px;
    margin:0px;
    background-color:#8C1408;
    height:90px;
    background-image:url(../img/navigation/bandeau.jpg);
    background-repeat:repeat-y;
}

#logo img{
  width:140px;
  height:80px;
  padding:0px;
  margin:0px;
  margin-left:7px;
}

#pub img{
    position:absolute;
    top:10px;
    right:15%;
    width:468px;
    height:60px;
    padding:0px;
    margin:0px;
}

#drapeaux{
	width:100%;
    background-repeat:repeat-x;
    background-color:#FFFFFF;
	text-align:right;
	right:0px;
	height:26px;
}

#drapeaux img{
	padding-top:2px;
    width:30px;
    height:22px;
}

#headerBottom {
	width:100%;
	background-image:url(/img/navigation/header_bottom.jpg);
	height:7px;
	font-size:1px; /* Sinon IE veut pas baisser la taille du div*/
}


/*
////////////
//////////// Formulaire de recherche et affichage des résultats
////////////
*/

#formRecherche{
	display:inline;
	font-size:90%;
	vertical-align:top;
}


.itemResultat{
	margin-left:40px;
	margin-top:20px;
}
.titreResultRecherche{
	font-size:120%;
}

.titreResultRecherche a{
	color:#800000;
}

.descrResultRecherche{
	font-style:italic;
}

/*
////////////
//////////// Barre de navigation
////////////
*/

/*
couleur des menus : CA1616 et 7E0505
couleur du texte : F2CCB3
*/

#navig{
    font-size:90%;
    float: left;
    width: 154px;
    margin: 10px 0px 60px 0px;
    padding: 0px;
}

#navig h1{
    font-size:90%;
    border-bottom:1px solid #000000;
    margin-right:15px;
    background:none;
    height:auto;
}

#navig a{
    color:#330000;
}

#navig a:hover{
    color:#990000;
}
#navig ul {
    list-style: square;
    margin: 0px;
    padding: 0px;
    padding-left:16px;
}
#navig li{
    margin:3px 0px 0px 0px;
}

#ssMenu{
	margin-left:5px;
    border-left:1px solid #000000;
    margin-bottom:6px;	
}

#reduireMenu{
	text-align:center;
}

#reduireMenu img{
	vertical-align:middle;	
}

#menu {
	padding:0px;
    margin-bottom:20px;
}

		/* Le mouseover du menu */		
.menuFond{
	position:relative;
	display:block;
    width:140px;
    height:25px;
    font-size:25px;
    margin:0px;
    padding:0px;
    margin-top:2px;
    margin-left:5px;
    background-repeat:no-repeat;
}

* html a:hover {visibility:visible}

.menuFond a:hover img{visibility:hidden}

.menuFond img{
    width:140px;
    height:25px;
    margin:0px;
    padding:0px;
    font-size:12px;
}

#triAbonnes{
    padding-bottom:10px;
}

#triAbonnes h1{
	color:#800000;
}

#triAbonnes ul{
    margin-left:12px;
    padding-left:20px;
    list-style-type:square
}

/*
////////////
//////////// Contenu de la page
////////////
*/

#contenu{
    padding:30px 10px 50px 180px;
    margin-bottom: 25px;
    margin-right:20px;
}

/*
////////////
//////////// Affichages des infos d'un département
////////////
*/

        /* La partie de la page contenant l'image du département et les différentes villes */
#departement{
    padding:0px 0px 0px 10px;
}
        /* L'image contenant le département */
#departement img{
    padding-right:10px;
    padding-left:10px;
}

/*
////////////
//////////// Affichage des infos de sélection
////////////
*/

#arboLocalite a{
    font-weight:bold;
    color:#003399;
}

#annuComplet a{
    margin-top:20px;
    color:#FFCC66;
    font-weight:bold;
}

#familleObjet a{
    font-weight:bold;
    color:#003399;
}

#restriction{
    margin-top:5px;
    margin-bottom:10px;
    color:#003399;
}

#restriction a{
	color:#CCFFFF;
}

.nbreRestriction{
    font-weight:bold;
    color:#000000;
}

.pagination{
    text-align:center;
}

.pagination a{
	color:#FFFFFF;
}

/*
////////////
//////////// Affichage de la carte d'annuaire
////////////
*/

.carteAnnuaire{
    margin-top:25px;
    background-color:#EEEEEE;
    background-image:url(/img/carte_annuaire.jpg);
    padding:8px 5px 8px 5px;
    border-top:2px solid #EEEEEE;
	border-left:2px solid #EEEEEE;
	border-bottom:2px solid #B3B3B3;
    border-right:2px solid #B3B3B3;
}

        /* Le nom de la boutique */
.nomBoutiqueAnnu{
    font-weight:bold;
    color:#990000;
    width:250px;
}
        /* Le nom d'une info de l'annuaire */
.nomInfoAnnu{
    padding-right:5px;
    color:#292E34;
    font-family:cursive;
}

/*
////////////
//////////// Affichage de la carte d'une boutique
////////////
*/

.carteBoutique{
    width:400px;
    background-color:#FFDD99;
    background-image:url(/img/carte_boutique.jpg);
    
    padding:20px 10px 5px 10px;
    margin-top:20px;
    margin-left: auto;
    margin-right: auto;
    
    border-top:2px solid #FFEBD6;
	border-left:2px solid #FFEBD6;
	border-bottom:2px solid #947152;
    border-right:2px solid #947152;
    
    font-size:90%;
}

        /* Le nom de la boutique */
.carteBoutique h2{
    text-align:center;
    color:#AA0000;
    font-size:140%;
	font-family:times;
}

        /* Les infos de la boutique */
.carteBoutique p{
    color:#000000;
    font-weight:bold;
    text-align:right;
    vertical-align:middle;
}

        /* La spécialité de la boutique */
.specBoutique{
    margin-bottom:10px;
	font-family:cursive;
	border: 1px solid #000000;
	color:#000000;
}

        /* Les liens vers les coordonnées de la boutique */
.coordBoutique{
    margin-top:10px;
    text-align:center;
}

.coordBoutique a{
    padding: 0 5px 0 5px;
    color:#660033;
}

        /* Le lien vers le plan d'accès de la boutique */
.planAcces a{
    color:#660033;
    font-size:90%;
}

        /* La couleur des liens lorsque l'on passe dessus */
.carteBoutique a:hover{
    color:#660033;
}

/*
////////////
//////////// Affichage du résumé d'un objet
////////////
*/

.objetResume{
    width:500px;
    font-size:90%;
    background-color:#EBBB94;
    background-image:url(/img/carte_objetresume.jpg);
    margin:10px auto 10px auto;
    
    border-top:2px solid #F6DCC7;
	border-left:2px solid #F6DCC7;
	border-bottom:2px solid #997D66;
    border-right:2px solid #997D66;
}

        /* Le nom de l'objet */
.nomObjetResume{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
    color:#000000;
}

        /* La description de l'objet */
.objetDescription a{
    text-decoration:none;
    color:#000000;
}
.objetDescription a:hover{
    color:#000000;
}

        /* Le nom de la boutique possédant l'objet*/
.objetResumeNomBoutique{    
}

        /* Le lien permettant d'avoir plus de détails sur l'objet */
.savoirPlus{
    text-align:right;
}

.savoirPlus a{
	font-weight:bold;
	color:#FEE7D4;
	margin-right:5px;
	padding-bottom:10px;
}

/*
////////////
//////////// Affichage de la fiche d'un objet
////////////
*/

.objetFiche{
    background-color:#EBBB94;
    background-image:url(/img/carte_objet.jpg);
    margin-left:auto;
    margin-right:auto;
    
    border-top:2px solid #F6DCC7;
	border-left:2px solid #F6DCC7;
	border-bottom:2px solid #997D66;
    border-right:2px solid #997D66;
    color:#000000;
}

.nomObjet{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
    color:#000000;
}


        /* La photo */
#photoObjet{
    width:400px;
    height:400px;
    text-align:center;
    padding:10px 0px 0px 10px;
}

        /* le commentaire de la photo */
#commentaireCourant{
    font-style:italic;
}

        /* Description de l'objet */
#descriptionObjet{
    padding:0px 10px 0px 10px;
}

        /* Le nom de l'objet */
.nomInfoObjet{
    font-family:cursive;
    color:#FEEFE3;
}

        /* Les informations de l'objet */
#objetDonnees{
    margin:0px 10px 0px 10px;
    color:#844410;
}

        /* La zone d'affichage des vignettes */
#photosVignettes{
    text-align:left;
    padding:0px 10px 20px 10px;
    width:100%;
}

#photosVignettes img{
    vertical-align:top;
}
    /* Affichage d'une vignette */
.photoVignette{
    width:120px;
    height:120px;
}

/*
////////////
//////////// Page d'accueil du coin des pros
////////////
*/

        /* Un argument publicitaire */
.itemPromo{
    margin:10px 0px 30px 0px;
    font-size:14px;
}
        /* Le nom de l'argument publicitaire */
.nomItemPromo{
	color:#292E34;
	font-size:120%;
    font-weight:bold;
}

        /* L'explication de l'argument publicitaire */
.descriptionItemPromo{

}
        /* Le lien vers une page de pub */
.lienItemPromo{
    display:block;
    margin-right:30px;
    text-align:right;
}
        /* Le message indiquant le tarif */
#tarif{
    font-size:120%;
    font-weight:bold;
    text-align:center;
}

#tarif a{
    color:#CC0000;
}

        /* Le message proposant d'emettre une requete */
#requete{
    text-align:center;
}

        /* Le login / mdp de la barre de menu */
#loginPro{
    font-size:90%;
}

        /* L'adresse d'antiquité en france */
#adressePro{
    text-align:center;
}

/*
////////////
//////////// Gestion des objets
////////////
*/

#headerObjetPro a{
	color:#FFCC66;
	font-weight:bold;
}

/*
////////////
//////////// Les news
////////////
*/

.news{
    width:376px;
    margin:15px auto 15px auto;
    background-color:#FFDDAA;
}

        /* Le titre de la news */
.titreNews{
    text-align:center;
    color:#551111;
    font-size:120%;
}
        /* Le contenu de la news */
.contenuNews{
    margin:5px 0px 8px 0px; 
    padding:0px 5px 0px 5px;
}

        /* Le nom d'une info de news */
.nomInfoNews{
    font-weight:bold;
    font-size:90%;
}

.dateNews{
    font-size:75%;
    font-weight:bold;
    text-align:right;
    margin: 5px 0px 5px 0px;
    color:#FFFFCC;
}

/*
////////////
//////////// Calendrier antiquaire du mois
////////////
*/

        /* Le tableau contenant le calendrier */
.calendrier{
    
}

.annee{
    color:#993344;
    font-weight:bold;
    padding-right:20px;
}

        /* Le mois et l'image disponible / non disponible */
.mois{
    text-align:center;
    width:50px;
    padding:0px 5px 15px 5px;
}

/*
////////////
//////////// Statistiques
////////////
*/

.affStats {
	color:#000000;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.affStats th{
	background-color:#800000;
	margin-left:10px;
	margin-right:10px;
	color:#FFFFFF;
}

.affStats td{
	text-align:center;
	width:50px;
}

td.affStatsTitre {
	background-color:#003399;
	color:#CCCCFF;
	padding:5px 3px 5px 3px;
	font-weight:normal;
}

.affStatsLight {
	background-color:#EEEEEE;	
}

.affStatsDark{
	background-color:#AAAAAA;
}

/*
////////////
//////////// Boîtes des offres proposées
////////////
*/

.tableOffre{
	display:inline;
	margin:10px 5px 10px 5px;
}

.barreTitreOffre{
	text-align:right;
}

.titreResumOffre{
	color:#FFFFFF;
	background-color:#800000;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;
}

.resumOffre{
	border:1px solid #800000;
	background-color:#FFFFFF;
}


.imageOffre{
	padding-left:10px;
}

.prixOffre{
	font-weight:bold;
	color:#CC0000;
	margin-top:5px;
	list-style:none;
}

.infosOffre{
	text-align:right;
	color:#AA4444;
	font-size:90%;
}
.infosOffre a{
	color:#AA4444;
}

/*
////////////
//////////// Les offres
////////////
*/

	/* Le sous titre */
.titreOffre{
	color:#FFFFFF;
	background-color:#800000;
	margin-top:10px;
}

.titreOffre h2 a{
	color:#FFFFCC;
	display:inline;
	padding-left:4px;
}

.titreOffre a{
	color:#FFFFFF;
	font-size:90%;
	padding-right:10px;
}

.contactOffre{
 	text-align:right;
}

/*
////////////
//////////// Services proposés par l'entreprise
////////////
*/

.services{
	width:80%;
	background-color:#F8BF8C;
	background-image:url(/img/offres/fond.jpg);
	padding:10px 20px 10px 20px;
	margin-left:auto;
	margin-right:auto;
	border-top:2px solid #FFEBD6;
	border-left:2px solid #FFEBD6;
	border-bottom:2px solid #947152;
    border-right:2px solid #947152;
}

.services li{
	margin-top:5px;	
	margin-bottom:5px;
}

.publicite{
	width:80%;
	background-color:#F8BF8C;
	background-image:url(/img/offres/fond.jpg);
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	border-top:2px solid #FFEBD6;
	border-left:2px solid #FFEBD6;
	border-bottom:2px solid #947152;
    border-right:2px solid #947152;
}

.ciblage{
	width:80%;
	background-color:#F8BF8C;
	background-image:url(/img/offres/fond.jpg);
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	border-top:2px solid #FFEBD6;
	border-left:2px solid #FFEBD6;
	border-bottom:2px solid #947152;
    border-right:2px solid #947152;
}
/*
////////////
//////////// Pied de page
////////////
*/

#footerTop{
	clear: both;
	width:100%;
	height:9px;
	font-size:1px; /* Sinon IE veut pas baisser la taille du div*/
	margin:0px;
	padding:0px;
	background-image:url(../img/navigation/footer_top.jpg);
    background-repeat:repeat-x;
    background-color:#FFFFFF;
}

#footerTop img {
	margin:0px;
	padding:0px;
	height:9px;
}

#footer{
	clear: both;
	width:100%;
	height:50px;
	padding: 30px 0px 0px 0px;
	background-image:url(../img/navigation/footer.jpg);
	background-repeat:repeat-x;
	font-size: 75%;
	color:#EEEEEE;
}


        /* Les infos sur la société */
#infosLegales{
    text-align:center;
}

#infosLegales a{
    color:#00FFDD;
}

#infosLegales a:hover{
    color:#CCFFFF;
}

        /* L'ensemble des liens présents */
#liensFooter{
    text-align:center;
}

#liensFooter a{
    color:#FFDDDD;
}

#liensFooter a:hover{
    color:#FFFFFF;
}

        /* La liste des sites en différentes langues */
#languesFooter{
    text-align:center;
    margin-top:5px;
}

#languesFooter a{
    padding: 0 4px 0 4px;
    color:#CCCCCC;
}

#languesFooter a:hover{
    color:#FFFF66;
}



/**
 *  Pour les post-it
 */
/* affiche une aide à droite */
.postit {
    font-size:75%;
    float:right;
    border:1px solid #aaaaaa;
    width: 35%;
    background: #EEEEEE;
    padding: 10px;
    margin-left: 10px;
    margin-right: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: justify;

        border-radius: 10px;
        -moz-border-radius: 10px;
}