body {
font-family:  Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 5px;
}

.vcard{
	display:none;
}

#erreur {
	padding:10px;
	color:red;
	font-weight:bold;
}

.faq h5{
	font-size:13px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:5px;
}

.faq #reponse {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
	text-align:justify;
}

.faq #question_reponse {
	padding-bottom:25px;
	clear:both;
}

.faq h3{
	font-size:24px;
	padding-bottom:0px;
	margin:5px;
	text-align:center;
}

.faq h4{
	font-size:14px;
	padding-bottom:0px;
	margin-bottom:5px;
	margin-top:5px;
}

#description_site a{
	color:white;
	text-decoration:none;
}

a{
	text-decoration:none;
	color:blue;
}

a:hover{
	text-decoration:underline;
}

img{
	border:black 0px none;
}

#conteneur {
position: relative;
width: 950px;
margin: 0 auto; 
}

#header {
height: 100px;
}

#logo_site{
position:absolute;
background-image:url(../images/site/fond_banniere1.png);
background-repeat:no-repeat;
left:0px;
width:465px;
height:100px;
padding-top:0px;
}

#logo_site a:hover{
	color:yellow;
	text-decoration:underline;
}

#messagerie {
	width:100%;
	padding-right:10px;
}

#messagerie  #non_lu{
	font-weight:bold;
}

#messagerie  a{
	color:black
}

#messagerie  #lu{
	font-weight:none;
}

#messagerie  #non_lu:hover{
	text-decoration:underline;
	cursor:hand;
}
#messagerie  #lu:hover{
	text-decoration:underline;
	cursor:hand;
}

#messagerie #entete{
	font-weight:bold;
	background-color:rgb(200,200,200);
}

#logo_site #image{
float:left;
padding-left:10px;
padding-top:27px;
}

#logo_site #texte{
padding-left:45px;
}

#logo_site h1{
color:yellow;
font-family:'Arial';
font-size:31px;
font-weight:bold;
margin-bottom:0px;
}

#sous_titre{
padding-top:0px;
padding-right:5px;
text-align:right;
}

#sous_titre h2{
margin-top:0px;
padding-right:5px;
color:yellow;
font-size:12px;
}

#description_site{
position:relative;
background-image:url(../images/site/fond_banniere1.png);
background-repeat:no-repeat;
width:465px;
left:480px;
height:100px;
color:white;
font-size:16px;
font-weight:bold;
padding:7px;
}

#description_site a:hover{
	color:white;
	text-decoration:underline;
}

#description_annonce p{
	margin:0px;
}

#titre_annonce h2{
	font-size:24px;
	text-align:center;
}

#description_site h2{
	font-size:11px;
	text-align:center;
	margin:0px;
}
#description_site h3{
	font-size:11px;
	padding-bottom:0px;
	text-align:center;
	margin:0px;
}

#description_site span{
	text-align:center;
	width:50%;
}

#photo{
width:100px;
padding-left:12px;
padding-top:12px;
float:left;
height:85px;
text-align:center;
}

#grande_photo{
clear:both;
padding-left:12px;
padding-top:12px;
}

#description_photo{
text-align:center;
font-weight:bold;
}

#sous_header{
height:100px;
padding-top:10px;
}

#annonces_aleatoires{
position: relative;
float:left;
height:100px;
width:740px;
}

#annonce{
position: relative;
float:left;
margin-right:8px;
margin-left:8px;
border:2px blue solid;
height:96px;
width:127px;
background-color:blue;
}

.annonce_aleatoire{
position: relative;
float:left;
margin-right:8px;
margin-left:8px;
border:2px blue solid;
height:96px;
width:127px;
}

#faq{
left:10px;
padding-top:10px;
position: relative;
float:left;
width:200px;
height:100px;
background-image:url(../images/site/fond_faq.png);
background-repeat:no-repeat;
text-align:center;
}

#faq_texte{
font-weight:bold;
font-size:21px;
}

#faq_texte a{
color:yellow;
text-decoration:none;
}
#faq_texte a:hover{
color:red;
}

#centre{
background-repeat:repeat-y;
width:740px;
margin-top:10px;
padding-bottom:10px;
}

.deposer #centre {
background-image:url(../images/site/fond_centre_bleu.png);
}

.consulter #centre {
background-image:url(../images/site/fond_centre_orange.png);
}

.alerter #centre{
background-image:url(../images/site/fond_centre_jaune.png);
}

.faq #centre{
background-image:url(../images/site/fond_centre_gris.png);
}

#navigation{
position: relative;
clear : both;
background-repeat:no-repeat;
height: 83px;
}

.deposer #navigation{
background-image:url(../images/site/onglets_bleu.png);
}

.consulter #navigation{
background-image:url(../images/site/onglets_orange.png);
}

.alerter #navigation{
background-image:url(../images/site/onglets_jaune.png);
}

.faq #navigation{
background-image:url(../images/site/onglets_gris.png);
}

#onglet, #onglet_spe{
text-align:center;
float:left;
width:246px;
height:83px;
}

#onglet a, #onglet_spe a{
font-size:16px;
font-weight:900;
text-decoration:none;
}

#onglet a{
color:black;
}

#onglet_spe a{
color:white;
}

#onglet a:hover,#onglet_spe a:hover{
color:red;
}

#contenu_centre{
margin-left:10px;
margin-top:10px;
}

#contenu_centre label{
font-weight:bold;
}

.alerter#contenu_centre h3,.deposer#contenu_centre h3,.consulter#contenu_centre h3{
font-weight:bold;
font-size:14px;
padding-right:10px;
}

#menu_passer_annonce{
width:710px;
height:25px;
padding-top:10px;
padding-left:10px;
background-color:rgb(150,150,150);
color:yellow;
font-weight:bold;
font-size:14px;
}

#menu_passer_annonce a{
text-decoration:none;
color:white;
font-weight:bold;
}

#menu_passer_annonce a:hover{
text-decoration:underline;
}

#menu_passer_annonce #info_menu_select a{
color:red;
}

#menu_passer_annonce #info_menu, #info_menu_select{
float:left;
width:220px;
}

#form_passer_annonce{
	float:left;
	width:350px;
	border: 2px solid black;
	background-color:rgb(200,200,200);
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}

#valider_passer_annonce{
	width:695px;
	border: 2px solid black;

	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
}

.deposer #valider_passer_annonce{
	background-color:rgb(200,210,250);
}

.deposer #form_passer_annonce{
	background-color:rgb(200,210,250);
}

.consulter #form_passer_annonce{
	background-color:rgb(250,240,150);
}

.consulter #valider_passer_annonce{
	background-color:rgb(250,240,150);
}

.consulter #form_recherche_localisation{
	background-color:rgb(250,240,150);
}
.consulter #form_recherche_annonce{
	background-color:rgb(250,240,150);
}
.alerter #form_passer_annonce{
	background-color:rgb(255,255,160);
}

.alerter #valider_passer_annonce{
	background-color:rgb(255,255,160);
}

#form_recherche_localisation{
float:left;
	width:200px;
	border: 2px solid black;
	background-color:rgb(200,200,200);
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}

#form_recherche_annonce{
float:left;
	width:500px;
	border: 2px solid black;
	background-color:rgb(200,200,200);
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}

#form_description_annonce{
clear:left;
color:black;
	text-align:center;
font-weight:bold;
background-color:rgb(200,200,200);
border: 2px solid black;
	width:714px;
	margin-top:10px;
}

#form_description_annonce #texte_caracteres{
position:absolute;
left:182px;
margin-top:10px;
}

#form_description_annonce textarea{
width:714px;
}

#recherche{
background-color:rgb(200,200,200);
width:98%;

}

#entete_recherche{
background-color:rgb(220,220,220);
}

.ligne_champ{
height:20px;
padding:5px;
clear:both;
}

.input_form, .select_form{
padding-right:5px;
width: 150px;
float:right;
}

.label_form{
float:left;
width: 190px;
}

.label_annonce{
float:right;
font-weight:normal;
}

div.div_cache{
position:absolute;
        width:250px;
        background-color:white;
        border:1px solid #888;
        margin:0px;
        padding:0px; 
		height:100px;
		overflow: auto;
}
ul.ul_cache  {
        list-style-type: none;
        margin:0px;
        padding:0px;
        text-align: left;
} 

ul.ul_cache li.selected { background-color: #ffb; cursor: pointer;font-weight:bold; } 
li.li_cache {
        list-style-type: none;
        display:block;
		font-size:12px;
        margin:0;
        padding:2px;
} 

#droite {
position: absolute;
float:right;
right:0px;
width: 200px;
margin-top:10px;
}

#login{
background-image:url(../images/site/fond_login.png);
background-repeat:no-repeat;
width: 200px;
height: 75px;
color:blue;
}

#login td{
font-size:11px;
font-weight:bold;
}

#login input{
font-size:11px;
font-weight:bold;
color:red;
}

.deposer #pub ul li a{
background: #FFFFFF url(../images/site/fond_menu_droit_deposer.png) repeat-y scroll right top;
border-bottom: 2px solid #fcdb00;
}

.consulter #pub ul li a{
background: #FFFFFF url(../images/site/fond_menu_droit_consulter.png) repeat-y scroll right top;
border-bottom: 2px solid #602be7;
}

.alerter #pub ul li a{
background: #FFFFFF url(../images/site/fond_menu_droit_alerter.png) repeat-y scroll right top;
border-bottom: 2px solid #8ea1fe;
}

.faq #pub ul li a{
background: #FFFFFF url(../images/site/fond_menu_droit_consulter.png) repeat-y scroll right top;
border-bottom: 2px solid #602be7;
}

#pub ul li a{
margin-top:10px;
padding-left:5px;
display:block;
line-height:20px;
}

#nuage_haut {
padding-top:10px;
background: url(../images/site/haut_nuage.png) left bottom no-repeat;
line-height:4px;
}

#nuage_entier {
padding-top:10px;
margin:0px;
}

#nuage_bas {
background: url(../images/site/bas_nuage.png) left top no-repeat;
line-height:4px;
}

#nuage{
text-align:center;
background: #FFFFFF url(../images/site/milieu_nuage.png) repeat-y scroll left top;
}

#nuage a:hover{
	color:red;
}

#pied {
padding-top:10px;
height:30px;
width:740px;
clear:both;
text-align:center;
}

#nuage1{
	font-size:16px;
	font-weight:bold;
}

#nuage2{
	font-size:14px;
	font-weight:bold;
}

#nuage3{
	font-size:14px;
}
#nuage4{
	font-size:12px;
}
#nuage5{
	font-size:10px;
}

.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit{
margin-bottom: 0px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: none;
font-weight:bold;
padding: 0 28px 0 0;
}
.menudroit a:hover {
text-decoration: none;
color:red;
}
.rss li{
 list-style: none;
  padding-left: 41px;
  padding-bottom: 2px;
  background: 0px 0px url(../images/site/pic_rss.gif) no-repeat;
}

.rss ul{
  padding-left: 10px;

}

.rss h4{
	margin-bottom:0px;
}

.rss h5{
}

.rss #liste_site{
	text-align:center;
}

.rss #liste_site img{
	padding-right:5px;
}

.rss p{
	text-align:justify;
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
}