/**
 * Framework CSS
 */

body	{margin: 0px;}
img 	{border: 0px;}
form	{margin: 0px;}
strong{font-weight: bold;}
p			{margin: 0 0 10px 0;}

.center			{text-align: center;}
.strong			{font-weight: bold;}
.italic         {font-style: italic;}
.conteneur	{overflow: auto; height: 1%;}


/**
 * General
 */
body	{background: url(../images/bg.png) #f3f3f3 repeat-x top left; font: normal 11px arial, sans-serif; color:#000;}

#general{width: 980px; margin:auto; background: #fff;} 
#header	{height: 97px; background: url(../images/logo.jpg) transparent no-repeat top left; position: relative;}
#logo		{position; absolute; top: 0px; left: 0px; vertical-align: bottom;}
#conteneur{background: url(../images/logo_bottom.jpg) transparent no-repeat top left;}
.error{background: url(../images/error.png) #b7191f no-repeat top left; min-height:30px; height:auto !important; height:30px; padding: 20px 10px 10px 100px; color: #fff; font-weight: bold;}


/**
 * Menu général
 */
ul#menu	{margin: 0px; padding: 0px; position: absolute; right: 4px; bottom: 6px;}
ul#menu li	{list-style-type: none; float: left;}
ul#menu li a{display: block; height: 32px; text-indent: -9999px;}

ul#menu li a.accueil{width: 87px; background-position: 0px -32px;}
ul#menu li a.accueil:hover{background-position: 0px 0px;}

ul#menu li a.annoncesrec{width: 163px; background-position: -87px -32px;}
ul#menu li a.annoncesrec:hover{background-position: -87px 0px;}

ul#menu li a.annoncesfav{width: 180px; background-position: -250px -32px;}
ul#menu li a.annoncesfav:hover{background-position: -250px 0px;}

ul#menu li a.recherche{width: 150px; background-position: -430px -32px;}
ul#menu li a.recherche:hover{background-position: -430px 0px;}

ul#menu li a.mailalert{width: 132px; background-position: -580px -32px;}
ul#menu li a.mailalert:hover{background-position: -580px 0px;}

/**
 * Choix langues
 */
ul#langues	{margin: 0px; padding: 0px; position: absolute; left: 410px; top: 6px;}
ul#langues li	{list-style-type: none; float: left; border-right: 1px solid #fff; color: #ffa5a8; padding: 2px 10px;}
ul#langues li.end{border-right: none;}
ul#langues li a{color: #fff; text-decoration: none;}
ul#langues li a:hover{text-decoration: underline;}

/**
 * Menu utilisateur
 */
ul#user	{margin: 0px; padding: 0px; position: absolute; left: 550px; top: 6px;}
ul#user li	{list-style-type: none; float: left; border-right: 1px solid #fff; padding: 2px 22px;}
ul#user li.end{border-right: none;}
ul#user li a{color: #fff; text-decoration: none;}
ul#user li a:hover{text-decoration: underline;}

ul#user li a#inscription{padding-left: 20px; background: url(../images/inscription.png) transparent no-repeat 0px 3px;}
ul#user li a#identifier{padding-left: 20px; background: url(../images/identifier.png) transparent no-repeat 0px 3px;}
ul#user li a#ajoutannonce{padding-left: 20px; background: url(../images/ajoutannonce.png) transparent no-repeat 0px 3px;}

ul#userloggued	{margin: 0px; padding: 0px; position: absolute; left: 540px; top: 6px;}
ul#userloggued li	{list-style-type: none; float: left;}
ul#userloggued li#userloggued_welcome{border-right: 1px solid #959595; padding: 0px 15px 2px 20px; width: 230px; color: #fff;background: url(../images/inscription.png) transparent no-repeat 0px 2px;}
ul#userloggued li#userloggued_welcome a{color: #fff; text-decoration: underline;}
ul#userloggued li#userloggued_welcome a:hover{text-decoration: none;}
ul#userloggued li#userloggued_welcome div{text-align: right;}
ul#userloggued li#userloggued_welcome div a{color: #999; text-decoration: none;}
ul#userloggued li#userloggued_welcome div a:hover{text-decoration: underline;}
ul#userloggued li#userloggued_welcome div span{color: #999; padding: 0 5px;}
ul#userloggued li#userloggued_gestion{padding: 0px 0px 2px 15px;}

a#ajoutannonce, a#gererannonce{display: block; padding: 1px 18px; color: #fff; text-decoration: none;}
a#ajoutannonce:hover, a#gererannonce:hover{text-decoration: underline;}
a#ajoutannonce{background: url(../images/addannonce.png) transparent no-repeat 0px 2px;}
a#gererannonce{background: url(../images/gestion.png) transparent no-repeat 0px 2px;}

/**
 * Colonne de gauche
 */
#leftcol{float: left; width: 165px; padding: 70px 23px 20px 23px; position: relative; min-height:623px;  height:auto !important; height:623px;}

ul.menu_vertical{list-style-type: none; width: 165px; padding: 0 0 21px 0; margin: 0 0 20px 0; background: url(../images/bg_menu_gauche.png) transparent no-repeat bottom left;}
ul.menu_vertical li{border-top: 1px solid #fff;}
ul.menu_vertical li a{display:block; overflow: visible; min-height:15px;  height:auto !important; height:15px; background: url(../images/bg_menu_gauche.png) transparent no-repeat 0px -52px; padding: 4px 5px 4px 30px; color: #333; font-weight: bold; text-decoration: none;}
ul.menu_vertical li a.top{background: url(../images/bg_menu_gauche.png) transparent no-repeat 0px 0px;}
ul.menu_vertical li a:hover{text-decoration: underline;}

ul#infosite{list-style-type: none; width: 165px; padding: 0 0 21px 0; margin: 0; position: absolute; left: 20px; top: 553px;}
ul#infosite li{font-size: 9px; color: #898989; padding-top: 3px; background: url(../images/arrow_infosite.png) transparent no-repeat 0px 7px;}
ul#infosite li a{display:block; border-bottom: 1px dashed #ccc; height: 15px; color: #666; padding: 0 0 3px 0; margin-left: 10px; text-decoration: none; font-size: 11px;}
ul#infosite li a:hover{color: #898989;}
ul#infosite li.copyright{ background: none; padding-left: 10px;}
ul#infosite li.copyright a{display: inline; border: none; font-size: 9px; color: #898989; margin: 0; padding: 0;}


/**
 * Colonne de droite
 */
/*#rightcol{float:right; padding: 25px 20px 20px 3px; width: 746px; min-height:623px; height:auto !important; height:623px;}*/
#rightcol{float:left; padding: 25px 20px 20px 3px; width: 746px;}
h1{font: normal 24px arial, sans-serif; color: #989797; background: url(../images/fleche_h1.png) transparent no-repeat 0px 7px; padding-left: 25px; margin: 0 0 5px 0;}
h1 span{color: #c81e24;}

h2{font: bold 14px arial, sans-serif; color: #c81e24; background: url(../images/fleche_h2.png) transparent no-repeat 0px 14px; padding: 10px 0 0 20px; margin: 0 0 25px 0; border-top: 1px solid #e8e8e8;}
h3{font: bold 13px arial, sans-serif; color: #c81e24;padding: 10px 0 0 15px; margin: 0 0 15px 0; border-bottom: 1px solid #e8e8e8;}

#rightcol a{color: #0098d7; text-decoration: underline;}
#rightcol a:hover{text-decoration: none;}

/**
 * Formulaires
 */
form p{position: relative; padding-bottom: 2px; margin-bottom: 12px;}
form p span{font-weight: bold;}
form p input,form p select, form p textarea{position: absolute; left: 120px; border: 1px solid #333; padding: 2px; background: #f0f0f0; font: 13px normal arial, sans-serif}
form p input:focus,form p select:focus{background: #d0d0d0;}
form p input.submit{font-weight: bold; background: #d0d0d0;}

/**
 * Div Pub
 */
#ads{
	text-align: center;
	margin-bottom: 15px;
}

/**
 * Boîtes de dialogue
 */

#dialog{display: none;}

.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	background: #ffffff;
	color: #222222;
	border: 4px solid #d3d3d3;
	position: relative;
}
.ui-dialog-content {
	border: 1px solid #d3d3d3;
	background: #ffffff;
	color: #222222;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	background: url(../images/dialog_resize.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #555555;
	background: #e6e6e6 url(../images/dialog_titlebar.png) 0 50% repeat-x;
	border-bottom: 1px solid #d3d3d3;
	font-size: 1.1em;
	font-weight: normal;
	position: relative;
	height: 18px;
}
.ui-dialog-title {

}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(../images/dialog_close_1.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(../images/dialog_close_2.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(../images/dialog_close_3.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: #ffffff;
	color: #222222;
	/*padding: 1.5em 1.7em;	*/
	padding: 10px;	
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #d3d3d3;
	background: ;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #555555;
	background: #e6e6e6 url(../images/dialog_button1.png) 0 50% repeat-x;
	font-size: 1.1em;
	border: 1px solid #d3d3d3;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
	font-weight: bold;
}
.ui-dialog-buttonpane button:hover {
	color: #212121;
	background: #dadada url(../images/dialog_button2.png) 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
	color: #222222;
	background: #ffffff url(../images/dialog_button3.png) 0 50% repeat-x;
	border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, #ui-datepicker-div, .ui-datepicker-inline {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	background: #ffffff;
	font-size: 1.1em;
	border: 4px solid #d3d3d3;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
#ui-datepicker-div, .ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #ffffff;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e6e6e6 url(../images/datepicker_bg_prev_next.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #dadada url(../images/datepicker_bg_prev_next_hover.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(../images/datepicker_arrow_left_hover.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(../images/datepicker_arrow_right_hover.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(../images/datepicker_arrow_left_active.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(../images/datepicker_arrow_right_active.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 7em;
left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6 url(../images/datepicker_bg_prev_next.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(../images/datepicker_bg_prev_next_hover.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #dddddd;
	color: #222222;
	background: #ffffff url(../images/datepicker_bg_prev_next_active.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
	/*border-bottom: 1px solid #d3d3d3;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}







/* Ajout CSS pour pages informationnelles */
#rightcol p.annonce-automobile a:link{
text-decoration: none;
color: #000000;
}
#rightcol p.annonce-automobile a:visited{
text-decoration: none;
color: #000000;
}
#rightcol p.annonce-automobile a:hover{
text-decoration: none;
color: #000000;
}
#rightcol p.annonce-automobile a:active{
text-decoration: none;
color: #000000;
}
#rightcol p.annonce-auto a:link{
text-decoration: none;
color: #000000;
}
#rightcol p.annonce-auto a:visited{
text-decoration: none;
color: #000000;
}
#rightcol p.annonce-auto a:hover{
text-decoration: none;
color: #000000;
}
#rightcol p.annonce-auto a:active{
text-decoration: none;
color: #000000;
}