body{
text-align:center;
}

img {
    border:none;
  }

.cadre_avec_page{
width:810px;
margin-top:10px;
margin-bottom:20px;
padding-top:10px;
}

/*------------------GESTION DU MENU---------------------*/
ul#menu {

margin:0;
padding:0;
}

ul#menu li {
	display:block;
	float:left;
	margin:4;
	width:64px;
}

#menu a {
	display:block;
	height:40px;
	background:url('../menu.png') 0 0 no-repeat;
}

ul#menu span {
	display:none;
}

ul#menu li#menu_camion a	{background-position:-66px 0;}
ul#menu li#menu_velo a		{background-position:-132px 0;}
ul#menu li#menu_moto a		{background-position:-199px 0;}
ul#menu li#menu_bateau a	{background-position:-264px 0;}
ul#menu li#menu_audio a		{background-position:-330px 0;}
ul#menu li#menu_animaux	a	{background-position:-397px 0;}
ul#menu li#menu_puericulture	a	{background-position:-464px 0;}
ul#menu li#menu_outil	a	{background-position:-532px 0;}
ul#menu li#menu_meuble	a	{background-position:0 -46px;}
ul#menu li#menu_info	a	{background-position:-66px -46px;}
ul#menu li#menu_lave	a	{background-position:-132px -46px;}
ul#menu li#menu_vet	a	{background-position:-199px -46px;}
ul#menu li#menu_sport	a	{background-position:-264px -46px;}
ul#menu li#menu_telephone a	{background-position:-330px -46px;}
ul#menu li#menu_divers	a	{background-position:-397px -46px;}
ul#menu li#menu_maison	a	{background-position:-464px -46px;}
ul#menu li#menu_travail	a	{background-position:-532px -46px;}


ul#menu li#menu_voiture a:hover		{background-position:0 -90px;}
ul#menu li#menu_camion a:hover		{background-position:-66px -90px;}
ul#menu li#menu_velo a:hover		{background-position:-132px -90px;}
ul#menu li#menu_moto a:hover		{background-position:-199px -90px;}
ul#menu li#menu_bateau a:hover		{background-position:-264px -90px;}
ul#menu li#menu_audio a:hover		{background-position:-330px -90px;}
ul#menu li#menu_animaux a:hover		{background-position:-397px -90px;}
ul#menu li#menu_puericulture a:hover	{background-position:-464px -90px;}
ul#menu li#menu_outil a:hover	{background-position:-532px -90px;}
ul#menu li#menu_meuble a:hover		{background-position:0 -136px;}
ul#menu li#menu_info a:hover		{background-position:-66px -136px;}
ul#menu li#menu_lave a:hover		{background-position:-132px -136px;}
ul#menu li#menu_vet a:hover		{background-position:-199px -136px;}
ul#menu li#menu_sport a:hover		{background-position:-264px -136px;}
ul#menu li#menu_telephone a:hover	{background-position:-330px -136px;}
ul#menu li#menu_divers a:hover		{background-position:-397px -136px;}
ul#menu li#menu_maison a:hover		{background-position:-464px -136px;}
ul#menu li#menu_travail a:hover		{background-position:-532px -136px;}

table#position_tableau {
margin-top:20px;
border:0;
}

/*----------ANNONCE DETAIL-----------*/
.annonce_detail{
width:800px;
margin:10px;
padding:5px;
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 12px;
}

.annonce_detail div{
float:left;
margin:5px;
}


/*-----------GESTION PAGE QUI TOURNE-----------*/
.zone_page{
height:22px;
color : #FF953F;
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 12px;
margin-bottom:20px;
}

ul.page {
    list-style-type: none ;
    float:right;
    margin-right:2px;
  }


ul.page li {
    float:left;
    width:30px;
    border:1px solid #cccccc;
    background: url('../textures/fond_page.gif');
    margin:1px;
  }


ul.page li a {
    display: block ;
    text-decoration: none ;
    color:#000000;
  }


ul.page li a:hover {
    color: red;
  }
/*---------------GESTION DU FORMULAIRE------------------*/

.recherche_reference{
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 12px;
text-align:center;
height:65px;
background-color:#f0f3f6;
border:1px solid #cccccc;
padding-top:4px;
color:#d03b39;
}

.recherche_reference input{
width:70px;
border:1px solid #cccccc;
text-align:center;
margin-top:5px;
}

.annonceur{
border:1px solid #cccccc;
background-color:#f0f3f6;
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 12px;
text-align:center;
color:#d03b39;
}

.annonceur div{
margin-top:4px;
margin-bottom:4px;
}


.caracteres{
text-align:center;
padding-top:28px;
background-image : url('../textures/500.png');
background-repeat : no-repeat;
width:147px;
height:59px;
float:right;
margin-top:6px;
font-weight : bold;
font-size : 16px;
}
.caracteres input{
font-weight : bold;
font-size : 18px;
border:none;
text-align:center;
color:#D10000;
}

.proposition{
width:312px;
padding:4px;
margin-top:6px;
background-color:#F0F0F0;
color:#979797;
}


.tete_formulaire{
margin:0 0 20px 0;
width:654px;
background-image : url('../textures/arrondi_bord_gris_haut.gif');
background-repeat : no-repeat;
padding:10px 0 0 0;
}

.cadre_formulaire{
background-image : url('../textures/arrondi_bord_gris_bas.gif');
background-position:bottom left ;
background-repeat :no-repeat;
padding-bottom:20px;
}


ul.formulaire {
    list-style-type : none;
    padding:0;
    margin:0;
  }

ul.formulaire li {
    padding:4px;
    margin:0;
  }

ul.formulaire input {
    width:320px;
    border:1px solid #cccccc;
    text-align:left;
  }

ul.formulaire textarea {
    width:320px;
    height:250px;
    border:1px solid #cccccc;
    text-align:left;
  }

.type_formulaire {
    float : left;
    font-weight : bold;
    text-align : right;
    width : 230px;
  }

h1.titre_formulaire {
    width:100%;
    text-align:center;
    color : #FF953F;
    font-family : Verdana,Geneva,Arial,Helveticaf;
    font-size : 16px;
    margin:0 0 10px 0 ;
    padding:0;
  }

.vignette {
background-image : url('../textures/fond_vignette.gif');
background-repeat : no-repeat;
float : left;
height : 148px;
width : 117px;
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 12px;
text-align:center;
margin-right:13px;
margin-bottom:5px;
padding-top:5px;
}

.vignette img{
width:105px;
height:105px;
margin-top:6px;
border:1px solid #DCDCDC;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-120px; left:50px; width:13em;
    border:1px solid black;
    background-color:white; color:#000;
    text-align: left;
padding:5px;
}

.offre_recherche{
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 16px;
margin-top:-22px;
margin-left:10px;
}
/*--------AFFICHAGE DE L'ANNONCE ET DES INFOS PERSO---------------*/
.contact_annonceur{
border:1px solid #cccccc;
margin-bottom:10px;
margin-top:20px;
padding:30px;
font-weight:bold;
background-color:#f0f3f6;
}

.contact_annonceur input,textarea{
border:1px solid #cccccc;
width:446px;
margin-top:10px;
margin-bottom:10px;
}

.contact_annonceur textarea{
height:140px;
}


.zone_filtre{
margin-bottom:15px;
border:1px solid #cccccc;
background-color:#f0f3f6;
height:70px;
color:#d03b39;
}

.zone_filtre div{
float:left;
margin:12px;
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 12px;
font-weight:bold;

}

.zone_filtre select{
margin-top:5px;
}


h3{
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 16px;
font-weight:bold;
text-align:left;
}

.pas_valide{
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 20px;
border:2px solid red;
padding:5px;
text-align:center;
color:red;
margin-top:-10px;
margin-bottom:30px;
background-color:#FFE0E0;
}

.image_type_style{
margin-bottom:-1px;
margin-right:5px;
width: 26px ;
height: 14px ;
}


.sans_photo{
border:1px solid #cccccc;
width:88px;
height:99px;
}

.avec_photo{
cursor:pointer;
border:1px solid #cccccc;
}

.zone_photo{
width:90px;
height:110px;
margin:10px;
}

.zone_information{
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 12px;
text-align : justify;
width:510px;
margin-left:120px;
margin-top:-122px;
}

.zone_information ul{
list-style-type: square;
}

.zone_information ul li{
margin:5px;
}

.zone_information span{
color: #D61DFF;
}


.partie_basse_annonce{
margin-bottom:5px;
text-align:right;
height:45px;
background-image : url('../textures/partie_basse_annonce.gif');
background-position : bottom right;
background-repeat : no-repeat;
}

.info_societe{
text-align:right;
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 18px;
color:#A5A5A5 ;
}

/*--------GESTION DES POLICES-------*/
.titre_annonce{

color : black;
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 20px;
text-align : left;
margin-bottom:20px;
border-bottom:1px solid #cccccc;
}

.titre_annonce:first-letter{
font-size : 30px;
color: #FFA200;

}



h2{
    color : #000000;
    font-family : Verdana,Geneva,Arial,Helveticaf;
    font-size : 18px;
width:100%;
text-align:left;
border-bottom:2px solid #D61DFF;

}

.police_texte {
    color : #000000;
    font-family : Verdana,Geneva,Arial,Helveticaf;
    font-size : 12px;
    text-align : justify;
  }

.police_titre {
    color : #1984FF;
    font-family : Verdana,Geneva,Arial,Helveticaf;
    font-size : 20px;
    text-align : justify;
  }
.police_texte_rouge {
    color : #ff0000;
    font-family : Verdana,Geneva,Arial,Helveticaf;
    font-size : 12px;
  }

.liste_mention li {
    margin-bottom:10px;
    list-style-type : decimal;
  }

a.lien:link {
    color: #000000;
    font-weight: small ;
    text-decoration: none;
  }


a.lien:visited {
    color: #000000;
    font-weight: small ;
    text-decoration: none;
  }


a.lien:hover {
    color: #FF0000;
    font-weight: small ;
    text-decoration:none;
  }