body{
	background-image: url(../image/bg.jpg);
	background-repeat: repeat-x;
	background-color: #2e2e2e;
	font-family:Arial;
	font-size:12px;
}

.login{
	/*position:relative;
	right:410px;*/
	font-size:12px;
	height:20px;
	padding:5px 0px;
	text-align:right;
	background-color: #2e2e2e;
	width: 840px;
	margin: 0 auto;
}

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; font-size: 12px; background-color: #FFC; border: 1px solid #000; padding: 10px; line-height: 1.2; } 

#id_img_logo{
	border:none;
}

#header_bottom_right a {
	background: #3bc5f3;
	padding: 11px;
	line-height: 37px;
	color: white;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-left:10px;
	font-size:12px;
	text-decoration: none;
}

#header_bottom_right a.active {
	border-bottom: 2px solid #3bc5f3;
}

#header_gauche ul li span{
	line-height:30px;
}
#id_annonce_classe{
	padding:0px;
	margin-bottom:20px;
	font-size:14px;
	
}
#query{
	border-color:#b5e1f5;
	border-width:5px;
	border-style: solid;
	width:400px;
	height: 29px;
	margin:0px;
	font-size:20px;
	color:#30bbe6;
}

#header_content {
	width: 830px;
	margin: 0 auto;
	text-align: left;
}

#id_recherche_avancer{	
	text-align:right;
	margin:0px;
	margin-right:60px;
	font-size:14px;
}
.boutonrechercher{
	color:#FFFFFF;
	width:40px;
	height:40px;
	background-color:#30bbe6;
	cursor: pointer;
}

.button{
	color:#FFFFFF;
	background-color:#30bbe6;
	cursor: pointer;
	padding: 2px;
}

#id_bouton_repondre{
	background-image:url(../image/bouton_repondre.png);
	width:85px;
	height:40px;
	cursor:pointer;
}

.bande_bleu_header{
	height:20px;
	background-image:url(../image/bleu_ligne.jpg);	
}

.bande_bleu_footer{
	height:20px;
	background-image:url(../image/bleu_ligne.jpg);	
	margin:none;
}

.textbleu{
	color:#30bbe6;
}

.bleu_petit{
	font-size:12px;
	color:#2ccaf1;
	margin-right:10px;
}

.contenucentrer{
	padding-left:10px;
	float:none;
	width:980px;
	margin-left: auto;
  	margin-right: auto;
	background-color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	text-align:center;
}

#id_nbcaractere{
	font-size:36px;
}

#id_image_user_repondre{
	top:10px;
	border: 1px solid #000;
	float:left;
	margin-bottom:10px;
	max-height:100px;
	max-width:100px;
}
#id_image_annonce_repondre{
	padding-bottom:20px;
}
#id_annonce{
	color:#2e2e2e;
}

.add {
	 margin-bottom: 20px; 
	 padding-bottom: 8px; 
	 width: 565px;
}

.annonce{
	text-align: left;
	margin-left:70px;
	padding-left:25px;
	padding-right:-55px;
	padding-top:10px;
	margin-bottom:15px;
	width:281px;
	height:84px;
	background-image:url(../image/bulle_offre.png);
}

.annonce_bleu_repondre{
	text-align: left;
	padding:10px 25px;
	font-size:18px;
	width:450px;
	height:137px;
	background-image:url(../image/bulle_offre_grande.png);
}

.annonce_jaune_repondre{
	font-size:18px;
	text-align: left;
	padding:10px 25px;
	width:450px;
	height:137px;
	background-image:url(../image/bulle_veux_grande.png);
}
.lien_bulle{
	padding-right:15px;
}

#side_bar{
	float: right;
	width: 245px;
	margin-right: 5px;
}

.connexion_side_bar_btn {
	text-decoration: none;
}

.connexion_side_bar_btn div {
	background-image:url(../image/connection_btn.png);
	width: 150px;
	height: 26px;
	padding-top: 8px;
	text-align: center;
	color:#666666;
	font-size: 18px;
}

.connexion_side_bar_btn:hover div {
	background-image:url(../image/connection_btn_over.png);
}

.side_bar{
	font-size:16px;
	color:#ffffff;
}
.side_bar_menu{
	padding:5px 0px;
	font-size:14px;
	padding-left:20px; 
	font-size:13px;
	text-decoration: none;
}
.side_bar_menu a{
	text-decoration: none;
}
.side_bar_menu:hover{
	background-color:#999999;
	cursor: pointer;
}
.side_bar_menu:hover a{
	color: white;
}
.side_bar_lien{
color:#30bbe6;
font-size:14px;
}

.footer{
	height:55px;
	width:840px;
	margin-left:auto;
	margin-right:auto;
	margin-top: -55px;
	position: relative;
	clear:both;
	background-color:#FFFFFF;
}

#main {
	padding-bottom: 55px;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#id_logo_lab{
	padding-top:3px;
	margin-left:20px;
	float:left;
}

ul#id_bas_page{
	font-size:12px;
	width:840px;
	height: 35px ;
	margin-left: auto;
  	margin-right: auto;
	list-style-type: none;
}

ul#id_bas_page li{
	margin-right:10px;
	padding-top:10px;
	float: right ;
	text-align: center ;
}
ul#id_bas_page li a{
	color:#30bbe6;
}

/* CSS Document */

/*header*/


.header{
	background-image:url(../image/accueil_bg_haut.jpg);
	padding-top:20px;
	height: 134px;
}

.header_index{
	background-image:url(../image/accueil_bg_haut.jpg);
	padding-top:20px;
	height: 185px;
}

#id_img_logo{
border:none;
}

#id_recherche_avancer{	
	text-align:right;
	margin:0px;
	margin-right:60px;
	font-size:14px;

}

.text_aligne_right{
	margin-bottom:0px;
	text-align:left;
}

.text_aligne_left{
	margin:5px 0px 0px 0px;
	text-align:left;
}
#id_annonce_classe{
	padding:0px;
	margin-bottom:20px;
	font-size:14px;

}

#id_img_logo{

	height: auto;
	width: auto;
}

.bulle_annonce{
	cursor: pointer;
	color:#FFFFFF;
	height:69px;
	width:299px;
	background:url(../image/bulle_annonce.png) 100% 100%;
	font-size:24px;
}

#id_comment_ca_fonctionne{
font-size:14px;
}
#id_simple_gratuit{
font-size:20px;
margin-bottom:10px;
}



.boutonrechercher{
	color:#FFFFFF;
	width:40px;
	height:40px;
	background-color:#30bbe6;
}

.textbleu{
color:#30bbe6;
}

.bande_bleu{
	height:20px;
	background-image:url(../image/bleu_ligne.jpg);	
	margin:none;
}

.categories_table td {
	text-align: center;
	padding: 15px 30px;
}

.categories_table td a {
	text-decoration: none;
	font-size: 14px;
}

.fav_button {
	background-image:url(../image/fav_button.png);
	width: 65px;
	height: 13px;
	padding-top: 2px;
	padding-left: 8px;
	cursor: pointer;
	margin-top: 8px;
}

.fav_button:hover {
	background-image:url(../image/fav_button_over.png);
}

.full_white {
	width: 830px;
	height: 100%;
	background: white;
}

.contenu ol {
	list-style: decimal;	
	padding-left: 20px;
}

.contenu ol li {
	padding-left: 20px;
	margin-bottom: 10px;
}

ul#id_bas_page{
font-size:12px;
	width:840x;
	height: 35px ;
	margin-left: auto;
  	margin-right: auto;
	padding: 0 ;
	list-style-type: none ;
}

ul#id_bas_page li{
	
	margin-right:10px;
	float: right ;
	text-align: center ;
}

ul#id_bas_page li a{
color:#30bbe6;
}

.contenu{
	padding-left:10px;
	float:none;
	width:830px;
	margin-left: auto;
  	margin-right: auto;
	font-family:Arial;
	font-size:12px;
	background-repeat: repeat-y;
	background-image: url(../image/contenu_fond.jpg);
}

.sous_class_annonce{
	line-height: 30px;
}
.contenu_annonce{
	font-family:Arial;
	font-size:18px;
	color:#666666;
}

.contenu_annonce td{
	padding:10px 0px 0px 20px;
}

#ticker-area {
	padding: 13px 0 0 13px;
	font-weight: bold; 
	font-size: 18px; 
	width: 320px;
	word-spacing: -1px;
}

.button_more {
	width: 525px;	
	height: 36px;
	background-image:url(../image/more_button.jpg);
	border: none;
	cursor: pointer;
	margin-left: 22px;
	color: #30bbe6;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
}

.button_more:hover {
	background-image:url(../image/more_button_over.jpg);
}

#id_image_annonce{
float:left;
width: 120px;
/*overflow-x: hidden;*/
height: 96px;
margin-left: 20px;
}

.annonce_grande{
text-align: left;
padding-left:25px;
padding-right: 10px;
padding-top:10px;
margin-bottom:15px;
width:315px;
height:96px;
background-image:url(../image/bulle_offre_2.png);
font-size: 15px;
float: left;
}

.cadre_categorie{
background-color:#f5f5f5;
margin-left:45px;
margin-right:30px;
padding-bottom:15px;
width:400px;
}
.cadre_categorie p{
text-align:left;

height:15px;
}
#categorie{
text-align:left;
margin-top:10px;
padding-top:20px;
}
#id_text_categorie{
width:50px;
}
#id_tous_annonce{
margin-top:-10px;
margin-bottom:10px;
margin-left:10px;
text-align:right;
}

#categorie ul{
	height:300px;
	margin: 0 ;
	margin-left:20px;
	padding: 0 ;
	list-style-type: none ;
}

#categorie ul li{
	
	margin-right:10px;
	float: left ;
}

#autre_categorie{
text-align:left;
float:none;
}

#autre_categorie ul{
	height: 35px ;
	margin: 0 ;
	margin-left:20px;
	padding: 0 ;
	list-style-type: none ;
}

#autre_categorie ul li{
	
	margin-right:10px;
	float: left ;
}

#autre_categorie ul li a{
color:#30bbe6;
}


#id_logo_lab{
	padding-top:3px;
	margin-left:20px;
	float:left;
}


/* Page annonce */

textarea {
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	overflow:auto;
	min-height:20px;
	font-family:Arial; 
	font-size:14px; 
	width:420px;
}

#link_tabs {
	width: 420px;	
}

#link_tabs div {
	width: 400px;	
	padding: 10px 5px;
}


#offre_veut_select_cell div {
	cursor: pointer;	
	padding: 5px;
	border: 1px solid #b0b0b0;
}

/* Page fonctionnement */
p.MsoNormal
  {mso-style-parent:"";
  margin-bottom:.0001pt;
  font-size:12.0pt;
  font-family:"Times New Roman";
  margin-left:0pt; margin-right:0pt; margin-top:0pt}
  
/* Page répondre*/

.annonce_bleu{
	text-align: left;
	margin-left:80px;
	padding-left:25px;
	padding-top:10px;
	margin-bottom:20px;
	width:308px;
	height:95px;
	background-image:url(../image/bulle_offre_2.png);
}
.annonce_jaune{
	text-align: left;
	margin-left:80px;
	padding-left:25px;
	padding-top:10px;
	margin-bottom:20px;
	width:308px;
	height:95px;
	background-image:url(../image/bulle_veux_2.png);
}

#id_annonce_repondre{
padding-bottom:20px;
}

.side_profil {
	padding: 0 10px;
}

.side_profil td {
	color: white;
	padding: 5px;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#wrap {
	width: 840px;
	margin: 0 auto;
	background-image: url(../image/contenu_fond.jpg);
}