* {
   margin: 0;
   padding: 0;
   border: 0;
}

body {
  font-family: Arial;
  font-size: 12px;
}
h1 {
   font-size: 12px;
   font-weight: normal;
   text-align: center;
   border-bottom: 1px #ccc solid;
   color: #555;
}
h2 {
   font-size: 12px;
   font-weight: normal;
   border-bottom: 1px #000 solid;
   margin: 20px 0;
   text-transform: uppercase;
}
h3 {
   font-size: 13px;
   margin: 0 0 8px;
   padding-bottom: 3px;
   text-align: center;
   border-bottom: 1px #aaa solid;
}
h4 {
   font-size: 12px;
   font-weight: normal;
   padding: 40px 0;
   text-transform: uppercase;
}
/* -------------------------------------------------------------------------- */
/*                          STRUCTURE DU SITE                                 */
/* -------------------------------------------------------------------------- */

#header {
   width: 100%;
   height: 100px;
   background: url(../img/bg_header.jpg) bottom repeat-x;
}
#int_header {
   position: relative;
   margin: 0 auto;
   width: 1000px;
   height: auto;
}
#logo {
   float: left;
   height: 99px;
}
#animation {
   float: right;
   width: 476px;
   height: 99px;
}
#animation a {
   text-decoration: none;
   display: block;
   height: 99px;
   width: 476px;
}
.anim_violet { background: url(../img/animation_violet.jpg) }
.anim_rouge { background: url(../img/animation_rouge.jpg) }
.anim_bleu { background: url(../img/animation_bleu.jpg) }
.anim_vert { background: url(../img/animation_vert.jpg) }
#menu_1 {
   position: relative;
   width: 100%;
   height: auto;
   background: url(../img/bg_menu.jpg) repeat-x;
}
#presentation {
   position: absolute;
   left: 0px;
   top: 0px;
   height: 10px;
   width: 300px;
   z-index: 20;
}
#menu_2 {
   position: relative;
   margin: 0 auto;
   width: 100%;
   height: 75px;
   background: url(../img/bg_menu2.jpg) repeat-x;
}
#content {
   position: relative;
   margin: 0 auto;
   width: 1000px;
   height: auto;
   padding: 20px 0 40px;
}

#publicite {
   float: right;
   padding: 20px;
   height: 600px;
   width: 160px;
   background: url(../img/bg_pub.jpg);
}

#footer {
   position: relative;
   width: 100%;
   height: 50px;
   background: url(../img/bg_footer.jpg) repeat-x;
}

#bottom {
   position: relative;
   margin: 0 auto;
   width: 1000px;
   height: 50px;
   line-height: 50px;
   text-align: center;
}
#bottom a {
   color: #000;
   text-decoration: none;
}
#bottom a:hover {
   text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/*                                  ACCUEIL                                   */
/* -------------------------------------------------------------------------- */
#lien_reg {
   float: left;
   width: 200px;
   height: auto;
   line-height: 23px;
}
.lien_france:hover {
   text-decoration: underline;
   font-weight: bold;
}
#lien_reg a {
   color: #000;
   text-decoration: none;
   font-size: 13px;
}
#carte_violet {
   float: left;
   width: 560px;
   height: 590px;
   background: url(../france/0.gif) no-repeat;
}
#carte_rouge {
   float: left;
   width: 560px;
   height: 590px;
   background: url(../offre/france/0.gif) no-repeat;
}
#carte_bleu {
   float: left;
   width: 560px;
   height: 590px;
   background: url(../demande/france/0.gif) no-repeat;
}
#carte_vert {
   float: left;
   width: 560px;
   height: 590px;
   background: url(../don/france/0.gif) no-repeat;
}
#last_annonce {
   float: right;
   height: auto;
   width: 200px;
   background: url(../img/bg_last_an.jpg);
}
#top_last_annonce {
   height: 14px;
   width: 200px;
   background: url(../img/top_last_an.jpg) no-repeat top;
}
#cont_last_annonce {
   height: auto;
   width: 200px;
   background: url(../img/bg_last_an.jpg);
}
#bot_last_annonce {
   height: 14px;
   width: 200px;
   background: url(../img/bot_last_an.jpg) no-repeat bottom;
}
.last_annonce {
   position: relative;
   margin: 0 auto;
   padding: 3px;
   width: 160px;
   background: #fff;
   margin-bottom: 8px;
   text-align: center;
   overflow: hidden;
}
.last_annonce a {
   color: #000;
   text-decoration: none;
}
.last_annonce a:hover {
   text-decoration: underline;
}
#liste_categorie {
   float: left;
   width:760px;
   height: auto;
}

#menu_cat_left {
   float: left;
   width: 250px;
   margin-right: 5px;
   display: inline;
}
#menu_cat_middle {
   float: left;
   width: 250px;
   margin-right: 5px;
   display: inline;
}
#menu_cat_right {
   float: left;
   width: 250px;
   display: inline;
}
#liste_categorie .div_categorie {
   padding-bottom: 5px;
   border: 1px #ccc solid;
   width: 245px;
   margin-top: 5px;
   background: #eee;
   line-height: 19px;
}
#liste_categorie .div_categorie p {
   padding: 5px;
   background: #ccc;
}
#liste_categorie .div_categorie a {
   margin-left: 3px;
   font-size: 12px;
   text-decoration: none;
   color: #333;
}
#liste_categorie .div_categorie a:hover {
   text-decoration: underline;
}
#liste_categorie .div_categorie p a {
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}
#liste_categorie .div_categorie p a:hover {
   text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/*                                  MENU 1                                    */
/* -------------------------------------------------------------------------- */
#menu_1 ul {
  position: relative;
  margin:0 auto;
  height: 40px;
  width: 1000px;
  list-style: none;
}
#menu_1 ul li {
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
#menu_1 ul .separation {
   background: url(../img/separe.jpg);
   width: 2px;
}
#menu_1 ul li a {
  padding: 0 10px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
#menu_1 ul li a:hover {
  color: #fff;
}

/* -------------------------------------------------------------------------- */
/*                                  MENU 2                                    */
/* -------------------------------------------------------------------------- */
#menu_2 div {
   position: relative;
   margin: 0 auto;
   width: 1000px;
   height: 73px;
}
#menu_2 div a {
   float: left;
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   text-align: center;
}
#menu_2 div a:hover {
   text-decoration: underline;
}

#li_generale {
   height: 40px;
   line-height: 40px;
   width: 195px;
   background: url(../img/li_generale.jpg) top;
}
#li_offre {
   height: 40px;
   line-height: 40px;
   width: 155px;
   background: url(../img/li_offre.jpg) top;
}
#li_demande {
   height: 40px;
   line-height: 40px;
   width: 155px;
   background: url(../img/li_demande.jpg) top;
   
}
#li_don {
   height: 40px;
   line-height: 40px;
   width: 155px;
   background: url(../img/li_don.jpg) top;
}
#li_generale_curr {
   height: 23px;
   padding-top: 50px;
   width: 195px;
   background: url(../img/li_generale_curr.jpg) top;
}
#li_offre_curr {
   height: 23px;
   padding-top: 50px;
   width: 155px;
   background: url(../img/li_offre_curr.jpg) top;
}
#li_demande_curr {
   height: 23px;
   padding-top: 50px;
   width: 155px;
   background: url(../img/li_demande_curr.jpg) top;
   
}
#li_don_curr {
   height: 23px;
   padding-top: 50px;
   width: 155px;
   background: url(../img/li_don_curr.jpg) top;
}

/* -------------------------------------------------------------------------- */
/*                              PLAN DE SITE                                  */
/* -------------------------------------------------------------------------- */

#plan_site {
   float: left;
   width: 790px;
   height: auto;
   padding-top: 20px;
}
#plan_site .div_categorie {
   padding-bottom: 5px;
   border: 1px #ccc solid;
   width: 245px;
   margin-top: 5px;
   background: #eee;
   line-height: 19px;
}
#plan_site .div_categorie p {
   padding: 5px;
   background: #ccc;
}
#plan_site a {
   margin-left: 3px;
   font-size: 12px;
   text-decoration: none;
   color: #333;
}
#plan_site a:hover {
   text-decoration: underline;
}
#plan_site .div_categorie p a {
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}
#plan_site .div_categorie p a:hover {
   text-decoration: underline;
}
/* -------------------------------------------------------------------------- */
/*                                  PUBLIER                                   */
/* -------------------------------------------------------------------------- */
#publier {
   float: left;
   width: 790px;
   height: auto;
   padding-top: 20px;
}
#publier .intitule {
   font-weight: bold;
}
#publier .section {
   height: 30px;
   background: #eee;
}
#publier .section td {
   font-size: 14px;
   font-weight: bold;
   border-bottom: 1px #aaa solid;
   border-top: 1px #aaa solid;
   padding-left: 10px;
}
#publier .etoile {
   font-weight: bold;
   color: #b602d1;
}
#publier .erreur {
   height: 25px;
   background: #ff7070;
   font-weight: bold;
   text-align: center;
}
#publier .err_envoie {
   text-align: center;
   font-weight: bold;
   color: red;
}

#content #photo_content {
   position: relative;
   margin: 0 auto;
   width: 470px;
   height: auto;
}
#content #photo_content .div_img {
   float: left;
   width: 104px;
   height: auto;
   margin: 4px;
   display: inline;
}
#content #photo_content .span_photo {
   padding: 2px;
}
#content #photo_content .lien_photo {
   text-align: center;
   color: red;
   font-weight: bold;
   cursor: pointer;
}
/* -------------------------------------------------------------------------- */
/*                                RECHERCHE                                   */
/* -------------------------------------------------------------------------- */
#recherche {
   position: relative;
   height: 100px;
   width: 998px;
   background: #eee;
   border: 1px #ccc solid;
   margin-bottom: 20px;
}
#top_recherche {
   padding: 5px;
}
.parametres {
   float: left;
   padding: 5px;
}
.recherche_mot {
   width: 300px;
   height: 18px;
   border: 1px #999 solid;
   margin-right: 5px;
}
.inp_little {
   width: 100px;
   height: 18px;
   border: 1px #999 solid;
}
.sel_little {
   width: 100px;
   height: 20px;
   border: 1px #999 solid;
}
#quoi {
   float: left;
   width: 520px;
   padding-left: 70px;
   height: 100px;
   background: url(../img/quoi.jpg) left no-repeat;
}
#situation {
   float: left;
   padding: 5px 10px 0 70px;
   height: 95px;
   border-left: 1px #ccc solid;
   background: url(../img/ou.jpg) left no-repeat;
}
#valide_recherche {
   float: right;
   padding: 70px 10px 0;
   height: 30px;
   border-left: 1px #ccc solid;
   background: url(../img/valider.jpg) top no-repeat;
}
#top_annonces {
   width: 785px;
   height: 50px;
   padding-bottom: 20px;
   text-align: center;
   padding-left: 5px;
}
#top_annonces .type {
   float: left;
   height: 50px;
   line-height: 50px;
   width: 160px;
   color: #000;
}
#top_annonces .tri {
   float: right;
   width: 100px;
   height: 50px;
   line-height: 50px;
}
#top_annonces a {
   color: #000;
   text-decoration: none;
}
#top_annonces a:hover {
   text-decoration: underline;
}


#annonces .toutes { background: url(../img/top_annonces_ttes.jpg); }
#annonces .professionnel { background: url(../img/top_annonces_pro.jpg); }
#annonces .particulier { background: url(../img/top_annonces_part.jpg); }
#annonces {
   float: left;
   width: 790px;
   text-align: center;
   background: url(../img/bg_annonces.jpg);
}
#bot_annonces {
   width: 790px;
   height: 20px;
   background: url(../img/bot_annonces.jpg); 
}
.annonce {
   margin: 0 10px 4px auto;
   height: 104px;
   width: 760px;
   background: #fff;
   /*background: url(../img/bg_annonce.jpg);*/
}
.onglet_offre {
   float: left;
   height: 104px;
   width: 29px;
   background: url(../img/ann_offre.jpg);
}
.onglet_demande {
   float: left;
   height: 104px;
   width: 29px;
   background: url(../img/ann_demande.jpg);
}
.onglet_don {
   float: left;
   height: 104px;
   width: 29px;
   background: url(../img/ann_don.jpg);
}
.photo_an {
   float: left;
   width: 100px;
   height: 100px;
   padding: 2px 0;
}
.photo_an a { display: block;} 
.descrip_ann {
   float: left;
   height: 100px;
   width: 300px;
   padding: 4px 5px 0;
   text-align: left;
   overflow: hidden;
}
.descrip_ann a {
   font-size: 13px;
   font-weight: bold;
   color: #000;
   text-decoration: none;
}
.descrip_ann a:hover {
   text-decoration: underline;
}
.detail_ann {
   float: left;
   height: 90px;
   width: 210px;
   padding: 12px 5px 2px 5px;
   text-align: left;
   line-height: 22px;
   font-size: 11px;
}
.detail_ann a {
   font-weight: bold;
   color: #000;
   text-decoration: none;
}
.detail_ann a:hover {
   text-decoration: underline;
}
.prix_ann {
   float: left;
   height: 100px;
   width: 100px;
   padding: 2px 0px;
   text-align: center;
   font-weight: bold;
}

/* -------------------------------------------------------------------------- */
/*                            DETAIL ANNONCE                                  */
/* -------------------------------------------------------------------------- */
#annonce {
   float: left;
   width: 780px;
   height: auto;
}
#big_photo {
   float: left;
   width: 400px;
   height: 400px;
   padding: 15px;
   border: 1px #999 solid;
   display: inline;
}
#mini_photo {
   float: left;
   margin-left: 20px;
   width: 215px;
   height: auto;
   display: inline;
}
.miniature {
   border: 1px #999 solid;
   width: 102px;
   height: 101px;
   padding-top: 1px;
   margin-bottom: 5px;
   text-align: center;
}
#mini_photo_ie img {
   padding: 2px;
   border: 1px #999 solid;
   margin-bottom: 2px;
}
#date_annonce {
   padding-bottom: 5px;
}
#date_annonce a {
   color: #1e42f7;
   text-decoration: none;
   font-weight: bold;
}
#date_annonce a:hover {
   text-decoration: underline;
}
#lien_ou {
   padding: 5px 0 5px;
   color: #1e42f7;
   margin: 10px 0;
   border-bottom: 1px #ccc solid;
}
#lien_ou a {
   color: #1e42f7;
   text-decoration: none;
   font-size: 11px;
}
#lien_ou a:hover {
   text-decoration: underline;
}
#parametres {
   float: left;
   width: 450px;
   margin-top: 20px;
   overflow: hidden;
}
#parametres tr {
   height: 25px;
   overflow: hidden;
}
#parametres tr td {
   overflow: hidden;
}
#parametres .param {
   font-weight: bold;
}
.top_contact {
   width: 320px;
   height: 15px;
   background: url(../img/top_contact.jpg);
}
.contact_user {
   width: 320px;
   height: auto;
   background: url(../img/bg_contact.jpg) repeat-y;
   margin-top: 20px;
}
.contact_user table tr td {
   padding: 3px 5px;
}
.bot_contact {
   width: 320px;
   height: 15px;
   background: url(../img/bot_contact.jpg);
}
#fraude {
   margin-top: 15px;
   text-align: center;
   color: red;
   line-height: 25px;
}
#fraude a {
   text-decoration: none;
   color: red;
   font-weight: bold;
}
/* -------------------------------------------------------------------------- */
/*                               MESSAGE.PHP                                  */
/* -------------------------------------------------------------------------- */
#message {
   float: left;
   width: 760px;
   padding-top: 150px;
   text-align: center;
}
#message a {
   color: #000;
}

/* -------------------------------------------------------------------------- */
/*                               MESSAGE.PHP                                  */
/* -------------------------------------------------------------------------- */
#contact_net {
   width: 100%;
   font-weight: bold;
   margin-top: 50px;
}
/* -------------------------------------------------------------------------- */
/*                          MES ANNONCES.PHP                                  */
/* -------------------------------------------------------------------------- */
#recupe_annonce {
   margin: 25px 0;
}

/* -------------------------------------------------------------------------- */
/*                         FOIRE AUX QUESTIONS                                */
/* -------------------------------------------------------------------------- */
#faq {
   float: left;
   width: 790px;
   height: auto;
   padding-top: 20px;
}
#faq hr {
   border:1px dotted #021acc;
   margin: 20px 0 10px;
}
#question a {
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   color: #021acc;
   line-height: 23px;
}
#question a:hover {
   text-decoration: underline;
}
#reponse_faq {
   margin-top: 20px;
}
#reponse_faq p {
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   color: #021acc;
   line-height: 23px;
}

/* -------------------------------------------------------------------------- */
/*                             PAGINATIONS                                    */
/* -------------------------------------------------------------------------- */
#pagination {
   text-align: center;
   padding: 15px;
   font-size: 13px;
   height: 40px;
}
.lien_left {
   float: left;
   height: 37px;
   width: 10px;
   background: url(../img/lien_left.jpg) no-repeat top;
}
.lien_center {
   float: left;
   height: 31px;
   padding-top: 6px;
   background: url(../img/lien_center.jpg) repeat-x top;
   color: #fff;
}
.lien_right {
   float: left;
   height: 37px;
   width: 10px;
   background: url(../img/lien_rigth.jpg) no-repeat top;
}
#pagination .n_select {
	color: #fff;
	text-decoration: none;
}
#pagination .n_select:hover {
   text-decoration: underline;
}
#pagination .selectionne {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

/* -------------------------------------------------------------------------- */
/*                          CLASSES GENERALES                                 */
/* -------------------------------------------------------------------------- */
.left {
   float: left;
}
.right {
   float: right;
}
.center {
   position: relative;
   margin: 0 auto;
}
.clear {
   clear: both;
}
.s10 {
   font-size: 10px;
}
.s11 {
   font-size: 11px;
}
.input {
   width: 180px;
   height: 20px;
   border: 1px #999 solid;
}
.inp_titre {
   width: 300px;
   height: 20px;
   border: 1px #999 solid;
}
.area {
   width: 300px;
   height: 150px;
   border: 1px #999 solid;
   font-family: Arial;
   font-size: 12px;
}
.select {
   width: 180px;
   height: 20px;
   border: 1px #999 solid;
}
.submit {
   width: 120px;
   height: 25px;
   color: #000;
   background: url(../img/submit.png) transparent;
   cursor: pointer;
}
.opt_cat {
   font-weight: bold;
   background: #ccc;
   color: #333;
}
.opt_ss_cat {
   padding-left: 6px;
}