/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background: #3D2405 url(images/body_bg.jpg) repeat-x;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

#page{
	width: 980px;
	margin: 0px auto;
	padding: 0 0 20px 0;
	background-color:#FFFFFF;
	min-height:700px;
}

#headercontainer{
	padding:0;
	margin:0;
}
#logo{
	background-image:url(images/logo.jpg);
	width:650px;
	height:60px;
	float:left;
	padding:0;
	margin:0;
}
#logo h1{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 32px 0 10px 175px;
	text-decoration:none;
	color:#333333;
}


#banner{
	background-image:url(images/banner.jpg);
	width:650px;
	height:120px;
	float:left;
	padding:0;
	margin:0;
}

#slide{
 	background-image:url(images/slide.jpg);
	width:330px;
	height:180px;
	float:right;
	padding:0;
	margin:0;
}

#menusup{
	background-image:url(images/menu_h_bg.jpg);
	background-repeat:repeat-x;
	height:25px;
}


/* Menu Gauche */

#leftside {
	float: left;
	width: 180px;
	border:0px solid #333333;
	padding-left:10px;
    margin-right: 10px;
}

#leftside ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


#leftside li {
	margin-bottom: 20px;
}

#leftside li ul {
}

#leftside li li {
	margin: 0;
	padding: 5px 0;
}

#leftside li li a {
	padding-left: 50px;
	background: url(images/arrow.gif) no-repeat 20px center;
	color:#CB4A1F;
}

#leftside h2 {
	margin:25px 0 5px 0 ;
	padding-left:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background: url(images/menu_h1_bg.gif) no-repeat left center;
	height:30px;
	line-height:30px;
}

#leftside a {
	padding-left: 20px;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#leftside a:hover {
	text-decoration: underline;
	padding-left: 50px;
	background: url(images/arrow_active.gif) no-repeat 20px center;
	color:#75512E;
}

#leftside a:active {
	text-align:right;
	padding-right: 25px;
	background: url(images/arrow_active.gif) no-repeat right center;
	color:#75512E;
}

#leftside ul  li .lienActif{
    text-align:center;
    padding-right: 50px;
    background: url(images/arrow_active.gif) no-repeat 125px center;    
    border-bottom: 1px dashed #333;
    border-top : 1px dashed #333;
    color:#000000;
}

#content {
	padding:15px 5px 40px 1px;
	float: left;
	width: 770px;
	/*border:1px solid #666666;*/
	min-height:400px;
}

#content h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#BF5D38;
}
#content h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#3d2405;
}
#content h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3d2405;
}

#content .annonce{
	float:left;
	width:185px;
	height:235px;
}



#footer {
	/*
	width: 778px;
	margin: 0 auto;
	*/
	padding-top: 10px;
	color: #FFFFFF;
	height:80px;
	background-color:#333333;
}

#footer a {
	color: #FFFFFF;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 240px;
	padding-left: 29px;
}

#footer li.first {
	padding-left: 0;
}

#footer li ul {
	margin: 0;
}

#footer li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 5px 0;
	/*background: url(images/img10.gif) repeat-x left bottom;*/
}

#footer li li a {
	padding-left: 21px;
	/*background: url(images/img09.gif) no-repeat 6px 50%;*/
}

#footer h2 {
	margin-top: 0;
	padding-left: 20px;
	/*background: url(images/img08.gif) no-repeat left center;*/
	color: #FFFFFF;
}

#legal {
	clear: both;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	color: #FFFFFF;
}

#legal a {
	color: #FFFFFF;
}

#tags {
    padding-top:2px;
    color: #FFFFFF;
    background-color:#000;
    font-size: 10px;
}
#tags a {
    color: #FFFFFF;
}


#list_images{
    border:1px solid #CCC;
    margin-bottom: 15px;
    padding: 10px;
    text-align:center;
    height: auto;
    
}
.jconceptfloat{
    float:left;
    width: 32%;
    border: 1px solid #CCC;
    margin-right: 5px;
    min-height: 220px;
}
#only_image{
    width: 980px;
    margin: 0px auto;
    padding: 20px 0 20px 0;
    background-color:#FFFFFF;
    min-height:1000px;
}
.noLink{
    text-decoration: none;
    background-color: #FFF;
    color:#3d2405;   
}

.annoncesThumbsContainer{
    float:left;
    margin:0;
    padding:0;
    width:160px;
    height:160px;
    border:0px solid #333;
}

.annoncesThumbs{
    border:1px solid #CCC;
    padding:3px;
    background-color: #FFF;
    margin:10px;
}
.infovisible{ 
position: relative;
top:-80px;
left:40px;
left:15px;
font-size: 16px;
/*background-image:url(bg-menu-on.gif);
background-repeat:repeat-x;            */
background-color:#3D2405;
text-align:center;
color: white;
padding:5px;
width:100px;
height:30px;
}

form.css{
    padding:0;
    margin:0;
}

form.css fieldset {
  padding: 0.7em;
  margin:0;
  color:#333;
  background-color:#FFF;
  }
form.css label {
  display: inline;
  float: left;
  width: 200px;
  padding:4px; 
}
form.css input {
    font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
    color:#333;
    background-color:#EFEFEF;    
    border:1px solid #CCC;
    width:250px;
    height:15px;
    padding-bottom:2px;    
}

form.css select {
    font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
    color:#333;
    background-color:#EFEFEF;    
    border:1px solid #CCC;
}

form.css textarea {
    font: bold 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
    color:#333;
    background-color:#EFEFEF;    
    border:1px solid #CCC;
    width:250px;
    height:150px;    
}

form.css input.bt {
    font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
    color:#333;
    background-color:#AAA;    
    border:1px solid #333;
    width:120px;
    height:20px;    
}

.form_div_error{
    width:200px;
    background-color:#FF0000;
    color:#FFFFFF;
    font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;    
}

#big_image{
    border:2px solid #AAA; 
    padding:10px; 
    background-color:#FFF;
}