@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700|Ubuntu:400,300,500);
body, div, dl, dt, dd, ul, ol, li, h1, h2, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin : 0; padding : 0; }
a { text-decoration : none; }
a:hover { text-decoration : underline; }
:hover { outline : 0; }
:focus { outline : 0; }
table { border-collapse : separate; border-spacing : 0; }
fieldset, img { border : 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style : inherit; font-weight : inherit; }
del, ins { text-decoration : none; }
li { list-style : none; }
caption, th { text-align : left; }
h1, h2, h3, h4, h5, h6 { font-weight : normal; }
q:before, q:after { content : ''; }
abbr, acronym { border : 0; font-variant : normal; }
sup { vertical-align : baseline; }
sub { vertical-align : baseline; }
legend { color : #000; }
input, button, textarea, select, optgroup, option { font-family : inherit; font-size : inherit; font-style : inherit; font-weight : inherit; }
input, button, textarea, select { font-size : 100%; }
.clear { clear : both; display : block; overflow : hidden; visibility : hidden; width : 0; height : 0; line-height : 0; font-size : 0; }
.clearfix:after { clear : both; content : ' '; display : block; font-size : 0; line-height : 0; visibility : hidden; width : 0; height : 0; }
.clearfix { display : inline-block; }
* html .clearfix { height : 1%; }
.blink { text-decoration : blink; color : #C03; font-size : 10px; }
body#iframe { background-color : #FFF; }
strong { font-weight : bold; }
a { text-decoration : none; cursor : pointer; }
a:hover { text-decoration : underline; }
a.orange { color : #E26500 !important; }
.left { float : left; }
.right { float : right; }
.last { margin-right : 0 !important; }
.align_center { text-align : center !important; }
.align_right { text-align : right !important; }
.align_left { text-align : left !important; }
.columns .col { float : left; }
.hidden { display : none; }
.blue { color : #449CCF; }
body {  color : #594F4B; font-size : 12px; font-family : Tahoma, Helvetica, calibri, Geneva, Verdana; }
a, span { transition : all 0.6s; }
a:hover, span:hover { transition : all 0.6s; }
h2 { font-size : 20px; color : #D96C00; margin : 6px 0; }
h3 { font-size : 17px; color : #449CCF;  padding-left : 10px; margin : 6px 0; }
#top-header { background-color : #F6F6F6; padding : 3px 0 8px; text-shadow : 0 1px 0 #FFFFFF; z-index : 1000; height : 16px; border-bottom : 1px solid #CCC; font-family : calibri, Tahoma, Helvetica, Geneva, Verdana; }
#top-header .content-th { height : 16px; display : block; margin-left : auto; margin-right : auto; width : 1000px; z-index : 1; padding : 3px 0 0; }
.content-th h1 { font-size : 11px; display : inline; float : left; }
#top-header .connexion { font-size : 11px; color : #8DAFC4; }
#top-header .connexion a { text-decoration : none; }
#top-header .connexion ul.tophead { list-style : none outside none; }
#top-header .connexion ul.tophead li { float : left; position : relative; }
#top-header .connexion ul.tophead li .boxhover { position : absolute; z-index : 10; border : #A5C7DD solid 2px; background-color : #FFF; display : none; right : 0; top : 15px; border-top : 4px solid #A5C7DD; border-radius : 4px; padding : 10px; font-size : 12px; }
#top-header .connexion ul.tophead li .boxhover label { display : block; color : #444; margin : 5px 0; font-family : Tahoma, calibri, arial; }
#top-header .connexion ul.tophead li .boxhover input.submit { color : #FFF; width : auto; height : auto; border : none !important; font-weight : bold; border-radius : 3px; }
#top-header .connexion ul.tophead li .boxhover input.submit:hover { background : #09C; }
#top-header .connexion ul.tophead li .boxhover a.oublie { color : #CCC; font-size : 11px; text-decoration : underline; }
#top-header .connexion ul.tophead li .boxhover input { display : block; margin : 5px 0 10px; padding : 5px; width : 208px; border : #999 solid 1px; }
#top-header .connexion ul.tophead li.connecthover:hover .boxhover { display : block; }
#top-header .connexion .bt { color : #FFF; border : #999; background-color : #8DAFC4; border-radius : 3px; padding : 3px 5px; text-shadow : none; margin : 0 7px; }
#top-header .connexion .bt:hover { background-color : #A5C7DD; }
#top-header .connexion ul.tophead li.connecthover:hover .bt { background-color : #A5C7DD; }
.annonces { height : 16px; padding : 0 16px 16px 0;  margin : 0 10px; float : left; }
#page-content { margin : 0 auto; width : 1000px; overflow : hidden; }
#header { height : 126px; overflow : hidden; }
#header .logo { height : 126px; width : 207px; float : left; }
#header .logo a {  display : block; height : 126px; width : 207px; }
#header .logo a span { display : none; }
#header .banniere { width : 728px; height : 90px; float : right; text-align : right; vertical-align : middle; position : relative; top : 13%; }
#header .banniere img { vertical-align : middle; }
#content {  overflow : hidden; }

#search #search-box { float : left; }
#search .search-box1 { margin : 0; }
#search .search-box1 input, #search .search-box1 .dropdown { margin-right : 4px; }
.searchForm .filtre label { display : block; }
.searchForm .filtre { float : left; }
input.search { height : 28px; position : relative; vertical-align : bottom; }
.dropdown { display : inline-block; position : relative; overflow : hidden; height : 28px; width : 150px; background : #FFF; border : solid 1px; border-color : #FFFFFF #F7F7F7 #F5F5F5; border-radius : 3px; background-image : linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06)); box-shadow : 0 1px 1px rgba(0, 0, 0, 0.08); vertical-align : bottom; }
.dropdown:before, .dropdown:after { content : ''; position : absolute; z-index : 2; top : 9px; right : 5px; width : 0; height : 0; border : dashed 4px; border-color : #888 transparent; }
.dropdown:before { border-bottom-style : solid; border-top : none; }
.dropdown:after { margin-top : 7px; border-top-style : solid; border-bottom : none; }
.dropdown-select { position : relative; width : 130%; margin : 0; padding : 6px 8px 6px 4px; height : 28px; line-height : 14px; font-size : 12px; color : #62717A; text-shadow : 0 1px #FFFFFF; background : #F2F2F2; background : rgba(0, 0, 0, 0) !important; border : 0; border-radius : 0; }
.dropdown-select:focus { z-index : 3; width : 100%; color : #394349; outline : 2px solid #49AFF2; outline-offset : -2px; }
.dropdown-select > option { margin : 3px; padding : 6px 8px; text-shadow : none; background : #F2F2F2; border-radius : 3px; cursor : pointer; }
.lt-ie9 .dropdown { z-index : 1; }
.lt-ie9 .dropdown-select { z-index : -1; }
.lt-ie9 .dropdown-select:focus { z-index : 3; }
.search-box1 input.recherche { vertical-align : bottom; position : relative; height : 30px; line-height : 28px; margin : 0; padding : 0 14px 4px; font-size : 13px; font-weight : bold; color : #597490; text-decoration : none; text-shadow : 0 1px rgba(255, 255, 255, 0.8); background : #D8E6F4; background-clip : padding-box; border : solid 1px; border-color : #B2BCC8 #ACB6C0 #97ABBA; border-radius : 3px; background-image : linear-gradient(to bottom, #f1f6ff, #d3dde7 70%, #bfcddc); box-shadow : 0 1px #FFFFFF inset, 0 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 1px 1px rgba(0, 0, 0, 0.06); }

#search .search-text { font-size : 17px; color : #5D7C8E; float : left; text-shadow : 0 1px 0 #FFFFFF; padding : 10px 0 0; }
#search .search-text .number { border : #CCC solid 1px; background-color : #FFF; border-radius : 3px; padding : 0 2px; margin-right : 3px; }


#search .btn-publier a:hover { background-position : 0 -72px; width : 242px; height : 72px; display : block; }
.btn-publier .publier { display : none; }

#left-content { float : left; padding-left : 20px; margin-right : 20px; overflow : hidden; margin-top : 15px; font-size : 13px; }
#left-content p { line-height : 28px; margin : 3px 0; }
#left-content .col-annonces { width : 233px; float : left; overflow : hidden; margin-bottom : 15px; font-family : helvetica, arial, calibri; }
.col-annonces h4 { margin : 8px 0 1px; }
.col-annonces h4 a { color : #449CCF; font-size : 16px; display : block; font-weight : bold; }
.col-annonces h4 .nbr-annonces { font-size : 11px; color : #666; }

.col-annonces .auto { background-position : 0 0; }
.col-annonces .moto { background-position : 0 -30px; }
.col-annonces .immobilier { background-position : 0 -60px; }
.col-annonces .informatique { background-position : 0 -90px; }
.col-annonces .gsm { background-position : 0 -120px; }
.col-annonces .cours { background-position : 0 -150px; }
.col-annonces .colocation { background-position : 0 -180px; }
.col-annonces .emploi { background-position : 0 -210px; }
.col-annonces .services { background-position : 0 -240px; }
.col-annonces .image-son { background-position : 0 -270px; }
.col-annonces .electromenager { background-position : 0 -300px; }
.col-annonces .mode-vetements { background-position : 0 -330px; }
.col-annonces .artisanat-deco { background-position : 0 -360px; }
.col-annonces .bonnes-affaires { background-position : 0 -390px; }
.col-annonces .text-cat { font-size : 12px; margin-bottom : 15px; }
.col-annonces .text-cat a { color : #8E8E8E; font-style : italic; display : block; font-size : 13px; padding-left : 7px; }
#annonces1 { float : left; width : 410px; margin-right : 10px; }
#map-annonces { float : left; width : 286px; height : 530px; background : url("../cart-tunisie.png") center top no-repeat transparent; }
ul.villes-annonces { padding-left : 25px; margin : 15px 0; line-height : 25px; width : 100px; float : left; font-size : 13px; background : url("../sep-v-tunisie.png") right top repeat-y transparent; font-family : Tahoma, calibri; }
ul.villes-annonces a { color : #594F4B; text-decoration : none; }
ul.villes-annonces a:hover { text-decoration : underline; color : #E5489C; }