body { padding: 0; margin: 0; background: #000;font-family: Arial; font-size: 12px;  }
img { border: 0; }
.clear {	clear: both; }
h1 { font-size: 18px; color: #9c1433; font-weight: bold;text-transform: uppercase; margin-top: 5px; }
h2 { margin: 0 0 5px 0; height: 14px; font-size: 14px; color: #000; font-weight: bold; text-transform: uppercase; padding-left: 16px; background: url(/images/structure/puce_h2.gif) no-repeat left 2px;}
#wrapper { width: 1005px; margin: 0 auto; margin-bottom: 25px; padding: 0 132px 0 132px; background: #000000 url(/images/structure/bg.gif) no-repeat left top; }
#border {border: 1px solid #FFFFFF;}
#container {padding:0; margin:0; border:0; width:100%;}
#left { background: #FFFFFF; padding: 5px; vertical-align: top;}
#right { width: 301px;background: #CCCCCC url(/images/structure/bg_right.gif) repeat-y left top; padding: 0 0 0 5px; vertical-align: top; }
* {outline: none;}
.bdx { color: #b0042b }
dl, dt, dd, ul, li {margin: 0;padding: 0;}
a.block50 { display: block; width: 50%;float:left; }
.center { text-align: center; }
.round10 { padding: 10px; background: #F3F3F3;  }


blockquote.travaux { background: url(/images/buddy_travaux.gif) no-repeat left top; padding: 40px 0 0 240px; font-size: 13px; height: 286px; }
blockquote.travaux  h3{ font-size: 15px; font-weight: bold; color: #d7560b;  }

/* ========================= HEADER ==========================*/
#header {height:139px; background: url(/images/structure/bg_header.gif) repeat-x; margin:0;}
#header img { display: inline; float: left;}
#header div.pub { width: 728px; height: 90px; float: right;margin: 25px 5px 20px 0 }

#breadcrumb { font-size: 11px; margin-top: -10px; margin-bottom: 15px; border-bottom: 1px solid #CCC; padding-bottom: 2px; }

/* ========================= MENU ==========================*/
#menu {height: 36px; background: url(/images/structure/bg_menu.gif) repeat-x;z-index:400;width: 100%;position: relative;margin-top:0px;}
#menu a {text-decoration: none;}
#mainMenu {position: absolute;z-index: 1;top: 0;left: 0;height: 36px; list-style : none;}
#mainMenu li {float: left;width: 119px;position: relative; z-index: 1;text-align: center;}
/* style the links for the top level */
#mainMenu a {width: 119px; height: 28px; display: block;background: url(/images/structure/onglet.gif) left top no-repeat;color: #fff;padding-top: 8px;font-weight:bold;font-size:14px;}
#mainMenu a:hover, #mainMenu a.selected {width: 119px; height: 28px; display: block;background: url(/images/structure/onglet_hover.gif) left top no-repeat;color: #fff;padding-top: 8px}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainMenu ul {visibility:hidden;position:absolute;height:0;top:36px;left:0; width:237px; z-index: 50; list-style: none;}
#mainMenu li li {text-align: left;width: 147px;list-style: none;}
#mainMenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
#mainMenu ul li a{background: url(/images/structure/submenu.gif) left bottom no-repeat;width: 202px; height: 23px; display: block;padding-left: 35px;padding-top: 10px;font-size:12px;font-weight:normal;}
#mainMenu ul li a:hover {background: url(/images/structure/submenu.gif) left top no-repeat;width: 202px; height: 23px; display: block;padding-top: 10px;}
/* style the top level hover */
#mainMenu a:hover, #mainMenu  ul a:hover{width: 119px; height: 28px; display: block;background: url(/images/structure/onglet_hover.gif) left top no-repeat;color: #fff;padding-top: 8px;}
/* style the top level hover for ie6 */
* html #mainMenu a:hover, #mainMenu  ul a:hover{width: 119px; height: 28px; display: block;background: url(/images/structure/onglet_hover.gif) left top no-repeat;color: #fff;padding-top: 8px;overflow: visible}
#mainMenu :hover > a, #mainMenu  ul :hover > a {width: 119px; height: 28px; display: block;background: url(/images/structure/onglet_hover.gif) left top no-repeat;color: #fff;padding-top: 8px;}
/* make the second level visible when hover on first level list OR link */
#mainMenu  li:hover ul,#mainMenu  a:hover ul{visibility:visible;list-style: none; }

/* ========================= FOOTER ==========================*/
#footer_bar {height:20px; clear:both; color: #FFFFFF; font-size: 10px; padding: 3px 0 0 10px;}
#footer {background: url(/images/structure/bg_footer.gif) no-repeat;}
#footer table { margin: 5px 0 5px 0; }
#footer td {color: #DDDDDD;padding: 0 5px 5px 10px;width: 25%; font-size: 11px;vertical-align: top;  }
#footer td.separator {background: url(/images/structure/footer_sep.gif) no-repeat right top;}
#footer td h3 { font-size: 16px; color: #ffb108; margin: 3px 0 3px 30px;}
#footer td a { color: #DDDDDD; text-decoration: none;}
#footer td li a { color: #DDDDDD; text-decoration: none; margin-left: 40px;}
#footer td li a:HOVER, #footer td a:HOVER {text-decoration: underline; }
#footer td ul { margin-left: 10px; list-style: none;}

/* ========================= COLONNE DROITE ======================= */
#right div { margin: 0; }
#right h3{ margin: 0 0 10px 5px; color: #FFFFFF; font-size: 14px; font-weight: bold; }
#right h3 b, #right h3 b a{ margin-top: 0; color: #ffb108; text-decoration: none; }
.grey1 { background: #5b5f66; }
.grey2 { background: #323538;}
.grey1, .grey2 { padding: 5px 0 10px 0; color: #EEEEEE;}
.grey1 a , .grey2 a { color: #FFFFFF; text-decoration: underline; }

/* ========================= PAGE ACCUEIL ====================*/
#homeLeft { width: 280px; float: left; margin-right: 3px;  }
#homeRight { width: 402px; float: left;  }

/* ========================= Carousel bas ======================*/
#bottom_top { height: 43px; background: url(/images/bottom_top.gif) no-repeat; }
#carousel { height: 125px; background: url(/images/bg_carousel.gif) repeat-x; border-top: 2px solid #878787 }
#carousel ul { list-style: none; margin-top: 20px; }
#carousel ul li { list-style: none; display: inline; float: left; text-align: center; width: 100px; background: url(/images/bg_marque.gif) no-repeat; margin: 0 6px 0 6px; color: #c90000; }
#carousel ul li a { color: #c90000; text-decoration: none; }
#carousel ul li img { display: block; margin: 0 auto; }

/* ========================= MiniSearch ==========================*/
#miniSearch {width: 278px; margin-bottom: 10px;}
#miniSearch fieldset{border:0;margin:0;padding:0;}
#miniSearch ul {margin: 0;list-style: none;}
#miniSearch li {width: 139px;display: inline;	float: left;height: 32px;text-align: center}
#miniSearch li.acheter {	background: url(/images/structure/onglet_acheter.gif);}
#miniSearch li.vendre {background: url(/images/structure/onglet_vendre.gif);}
#miniSearch li a {color: #FFFFFF;font-weight: bold;font-size: 14px;display:block;width: 139px;	height: 24px;text-decoration: none;	padding-top: 8px;}
#miniSearch div {width: 278px;height: 243px;clear:both;}
#miniSearch div#panel_acheter {background: url(/images/structure/bg_acheter.gif) no-repeat top;}
#miniSearch div#panel_vendre {background: url(/images/structure/bg_vendre.gif) no-repeat top;display: none;color: #FFFFFF; text-align: center; padding: 10px; width: 258px; height: 223px;font-size:12px;}
#miniSearch div#panel_vendre a { color: #FFFFFF; text-decoration: none;  }
#miniSearch div#panel_vendre a.linkBtn { display: block; width: 149px; height: 27px; background: url(/images/structure/boutonMiniSearch.gif); font-size: 14px; font-weight: bold; text-align: center; padding-top: 12px; margin: 0 auto; color: #333333; text-decoration: none;  }
#miniSearch form { margin-left: 40px; line-height: 19px;}
#miniSearch label { font-weight:bold;color: #FFFFFF; font-size: 12px; }
#miniSearch select { width: 180px; color: #000000; }
#miniSearch span.advanced { display: block; text-align: right; margin-right: 10px;}
#miniSearch span.advanced a { color: #FFFFFF; font-size: 11px;}
#miniSearch input { background: url(/images/structure/boutonMiniSearch.gif); width: 149px; height: 39px; border:0; margin: 10px 0 0 20px; font-size: 14px; font-weight: bold; font-family: Arial; color: #333333; cursor:pointer}
#ajax-loader {display: none;}

/* ========================= MaxiSearch ==========================*/
#maxiSearch {width: 345px; margin: 0; float: left;}
#maxiSearch ul {margin: 0;list-style: none;}
#maxiSearch li {width: 139px;display: inline;	float: left;height: 24px;text-align: center;background: url(/images/structure/onglet_acheter.gif);color: #FFFFFF;font-weight: bold;font-size: 14px; padding-top: 8px;}
#maxiSearch div {width: 345px;height: 458px;clear:both;}
#maxiSearch div#panel_acheter {background: url(/images/structure/bg_recherche_avancee.gif) no-repeat top; color: #FFFFFF; font-size: 12px;}
#maxiSearch form { margin: 10px 0 0 10px; line-height: 18px;}
#maxiSearch label { font-weight:bold;color: #FFFFFF; font-size: 12px; width: 120px; display: inline; float: left;}
#maxiSearch select { width: 180px; color: #000000; }
#maxiSearch input.btn { background: url(/images/structure/boutonMiniSearch.gif); width: 149px; height: 39px; border:0; margin: 10px 0 0 20px; font-size: 14px; font-weight: bold; font-family: Arial; color: #333333; cursor:pointer}
#ajax-loader {display: none;}

/* ========================= BrandSearch ==========================*/
#brandSearch { width: 345px; float: left; margin-right: 20px;}
#brandSearch form { background: url(/images/bg_moteur_marque.png) no-repeat left top; height: 321px; margin: 0 0 0 0; padding: 10px 10px 0 10px; line-height: 18px;}
#brandSearch label { font-weight:bold;color: #FFFFFF; font-size: 12px; width: 120px; display: inline; float: left;}
#brandSearch select { width: 180px; color: #000000; }
#brandSearch input.btn { background: url(/images/structure/boutonMiniSearch.gif); width: 149px; height: 39px; border:0; margin: 10px 0 0 20px; font-size: 14px; font-weight: bold; font-family: Arial; color: #333333; cursor:pointer}

/* ========================= MaxiSearch ==========================*/
.brandMore { display: block; padding: 3px; text-align: center; color: #FFF; background: #c20531; font-size: 12px; font-weight: bold; }
#brandHistory { background: #f0f0f0; padding: 5px; font-size: 11px; margin-bottom: 2px; }
#brandComments div { background: #f0f0f0; font-size: 10px; margin-bottom: 2px; padding: 2px 5px;}
#brandComments span { font-size: 14px; font-weight: bold; display: block; }
#brandComments span a { color: #333; margin-left: 5px; text-decoration: none; }


/* ========================= Top recherches ==========================*/
#topSearch { width: 258px; height: 135px; padding: 10px; background: url(/images/structure/bg_top_recherches.gif) no-repeat right top; }
#topSearch h2 { font-size: 14px; color: #FFFFFF; font-weight: bold; margin-top: 0; background: none; padding:0; }
#topSearch ul { margin: 0; list-style: none; clear: both;}
#topSearch li {font-size: 11px; display: inline; float: left; margin-right: 8px; height: 20px;}
#topSearch li a{color: #333333;}
#topSearch li.marque a { text-align: right; color:#FFFFFF; font-weight: bold; text-decoration: none;}

/* ========================= Dernières annonces ========================*/
.lastAnnonces { width: 100%; background: #FFFFFF; }
.lastAnnonces div.annonce { width: 122px; float: left; height: 104px;text-align: center;font-size: 11px; padding: 4px 6px 2px 6px; background: url(/images/cadre_annonce.gif) no-repeat; margin-bottom: 4px; }
.lastAnnonces div.annonce img { width: 86px; }
.lastAnnonces div.annonce a { color: #000; text-decoration: none; }


/* ========================= Sélection annonces ========================*/
.selectionAnnonces { width: 340px; background: #FFFFFF; float: left; }
.selectionAnnonces div.annonce_gd { width: 158px; float: left; height: 135px;text-align: center;font-size: 11px; padding: 2px 6px 2px 6px; background: url(/images/cadre_annonce_gd.gif) no-repeat; margin-bottom: 4px; }
.selectionAnnonces div.annonce_gd img { width: 120px; }
.selectionAnnonces div.annonce_gd a { color: #000; text-decoration: none; }

/* ========================= Listing Annonces LISA ========================*/
.legend { padding: 0; margin: 0;}
.legend td { font-size: 11px;}
.legend td.ico { width: 40px; text-align: left; vertical-align: middle;}
.legend td.ico img { display: inline;}
.legend td.def { width: 160px; text-align: left; vertical-align: middle;}

.lisaTable { width: 100%; margin: 0 auto; padding: 0; margin: 0;border-collapse: collapse; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }
.lisaHead  {background: url(/images/structure/bg_th.gif); height: 30px; }

.lisaFoot {background: url(/images/structure/bg_footer_table.gif); height: 30px; color: #FFFFFF; font-size: 12px;  padding-left: 5px;}
.lisaFoot a{font-size: 14px; height: 20px;  width: 20px; margin-left: 6px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.lisaFoot a.current{background: #9c1433; }

.lisaHead th { font-size: 12px; color: #FFFFFF;  }
.lisaHead th a { font-size: 12px; color: #FFFFFF; }

.asc, .desc { display: block; height: 19px; padding: 4px 0 0 0; text-align: center; width: 100%; }
.asc { background: url(/images/bg_ASC.gif) no-repeat left top; }
.desc { background: url(/images/bg_DESC.gif) no-repeat left top; }

.row0, .row1  { border: 1px solid #DDDDDD; height: 45px;}
.row0 { background: #FFFFFF;}
.row1 { background: #FAFAFA; }
.rowOver { background: #fff4f4; }
.row0  td, .row1 td { border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; vertical-align: top; font-size: 12px; }
.lisaTdPhoto { width: 80px; font-size: 11px; color: #CCCCCC; vertical-align: middle;}
.lisaTdPhoto img { width: 80px; height: 60px; }
.lisaTdMain { text-transform: uppercase; padding: 4px 3px 4px 4px; }
.lisaTdMain a{ font-size: 12px; color: #222222; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #333333;}
.lisaTdMain a:HOVER { color: #9c1433; }
.lisaTable td.motor { background: #F3F3F3; text-align: center;}
.lisaTable td.km {text-align: center; }
.lisaTable td.annee {background: #F3F3F3;text-align: center; }
.lisaTable td.dep {text-align: center; }
.lisaTable td.prix { background: #F3F3F3;text-align: center; color: #9c1433; font-weight: bold;}
.lisaTable .links a { color: #777; font-size: 10px; margin-right: 5px; margin-top: 10px; text-transform: none; text-decoration: underline; border: 0; font-weight: normal; }
.lisaTable .links a.remove { color: #9c1433; background: none; }
.lisaTable .links  { color: #777; font-size: 10px; display: block; margin-top: 5px; height: 12px; }


.btnSelection { margin-top: 6px; display: block;}
.btnSelection a { text-decoration: none; border: 0;} 

.allModeles ul { list-style: none; margin: 0; padding: 0; }
.allModeles ul li { display: inline; width: 50%; float: left; }
.allModeles ul li a { color: #000; font-size: 11px; text-decoration: none; }
.allModeles ul li a:HOVER { color: #B0042B; text-decoration: underline; }

/*============================ Détails d'une annonce =============================*/
#detAnn_header {font-size: 14px;background:#F3F3F3; padding: 2px}
#detAnn_header img{float: left; margin-right: 10px;}
#detAnn_header .titre { font-size: 16px; font-weight: bold; text-transform: uppercase; }
#detAnn_header .prix { font-size: 16px; font-weight: bold; color: #9f0326  }
#detAnn_header .pro{ float: right; width: 125px; height: 53px; display: block; }
#detAnn_header .pro img{ display: inline; float: none; margin-right: 2px;}

#detAnn_menu { list-style: none; margin:0;}
#detAnn_menu li{ float: left; width: 132px; height: 27px; margin-right:2px;}
#detAnn_menu a { text-decoration: none; font-weight: bold; display: block; width: 132px; height: 22px; color: #FFFFFF; font-size: 12px; padding-top: 5px; text-align:center; background: url(/images/structure/onglet_annonce.gif) no-repeat left top; }
#detAnn_menu a.current{background-image: url(/images/structure/onglet_annonce_on.gif);}
#detAnn_panel { padding: 5px; border:2px solid #2882e6; font-size: 12px; }
#detAnn_panel table{ width:100%; }
#detAnn_panel table td{ vertical-align: top; }
#detAnn_panel td#photos { width: 280px; font-size: 12px; height: 600px; }
#detAnn_panel div#photos { width: 280px; font-size: 12px; height: 600px; float: right; }
#detAnn_panel .miniatures {margin: 0 6px 0 6px;}
#detAnn_panel h3 { font-weight: bold; font-size: 16px; color: #2e86e7; margin-bottom: 10px; }
#detAnn_data { padding: 2px; width: 390px;}
#detAnn_data td { font-size: 11px; }
#liste_options { margin: 0; list-style: none; }
#liste_options li { display: inline; width: 175px; float: left; font-size: 12px; background:url(/images/coche.gif) no-repeat left 3px; padding-left: 15px; }

#formEcrire fieldset {margin: 0 auto; background: #FFFFFF; border: none;line-height: 13px; }
#formEcrire fieldset .droite {float: right; width: 250px;padding: 5px;}
#formEcrire fieldset .gauche {float: left; width: 370px;border-right: 1px dashed #1793ce; }
#formEcrire label { width: 120px; float: left; font-weight: bold; }
span#compteur { float: right;font-size: 11px; display: block; width: 170px;}


#coordonnees {width: 220px; height: 220px; background: transparent url(/images/buddy_coord.gif) no-repeat; padding: 120px 0 0 80px; }
#btnsContact { width: 280px; font-size: 12px;  float: right; }
#btnsContact img { margin: 3px;}


.captcha { background: #fef1ab; padding: 3px; height: 62px; width: 350px; }
.captcha input { font-size: 16px; background:#FFFFFF; color: #000000; font-weight:bold; border: 1px solid #000000;  }
#captcha { float:left; border: 1px solid #000000;margin-right: 10px;}


/*============================ Résultats supplémentaires =============================*/
.noResult { height: 160px; padding: 20px 20px 20px 180px; background: #000000 url(/images/buddy_search.gif) no-repeat left top; color: #FFFFFF; font-size:12px; }
.noResult span { font-size: 18px; font-weight: bold; }
.noResult a { color: #187de2;}

.moreResults ul.marques { margin: 0 0 5px 10px; list-style: square;}
.moreResults ul.marques li { display: inline; width: 25%; float: left; list-style: square}
.moreResults ul.marques li a{color: #000; font-size: 11px; text-decoration: none;}
.moreResults ul.marques li a:hover{color: #b0042b}

/*============================ Historique annonces consultées =============================*/
.history div.annonce { font-size: 11px;  display: block; margin-bottom: 3px; background: #4a4d53; border: 1px solid #AAAAAA; color: #EEEEEE; }
.history div.annonce a { color: #FFFFFF; font-weight: bold; }
.history div.annonce img.photo { float: left; width: 80px; margin-right: 5px; }

/*============================ Selection d'annonces =============================*/
#selection div.annonce { font-size: 11px; margin-bottom: 3px; background: #4a4d53; border: 1px solid #AAAAAA; color: #EEEEEE;}
#selection div.annonce a { color: #FFFFFF; font-weight: bold; }
#selection div.annonce img.photo { float: left; width: 80px; margin-right: 5px; }

/*============================ Comparateur d'annonces =============================*/
#compare { border: 2px dashed #000;}
#compare tr.cpheader td.liste { width: 120px; font-size: 10px;}
#compare tr.cpheader td{ font-size: 11px; text-align: center;}
#compare tr.cpheader td span { color: #9c1433; font-size: 12px; font-weight: bold;}
#compare tr.cpheader td a { text-decoration: none; border: 0; color: #000;}
#compare tr.cpheader td img.photo{ display: block; border: 2px solid #666666;}
#compare td.liste { color: #9c1433; font-weight: bold; text-align: right;}
#compare td { padding: 2px 5px 2px 5px; background: #EEEEEE;}
#compare tr.grey td { background: #D6D6D6;}
#compare tr.cpheader td.rowspan {font-size: 12px; font-weight: bold; color:#b90000;}

/*============================ Liste des marques dans la galerie photo =============================*/
.listeMarques { list-style: none; margin-left: 20px; }
.listeMarques li { width: 50%; float: left; list-style: none; }
.listeMarques li a:HOVER { color: #ffb108; }

/*============================ Moteur de droite =============================*/
#rightSearch {}
#rightSearch fieldset {border: 0; padding: 0; line-height: 8px; font-size: 11px; color: #EEEEEE;}
#rightSearch fieldset label { display: inline; float: left; width: 100px; font-size: 11px;}
#rightSearch fieldset input { font-size: 11px;}
#rightSearch fieldset select { font-size: 11px;}


/*============================ Recherche par marque =============================*/
div.miniMarque { width: 20%; height: 120px; float: left; text-align: center; }
div.miniMarque img { border: 0; text-decoration: none; display: block; margin: 0 auto;  }
div.miniMarque a { font-size: 13px; font-weight: bold; color: #9c1433;  }
table.maxiMarque { width: 100%; padding: 0; border: 0; margin-bottom: 10px;}
table.maxiMarque td { vertical-align: top;}
table.maxiMarque td h2 {background: none; padding: 0; font-size: 16px; margin-bottom: 10px;}
table.maxiMarque td h2 a{color: #000000; text-decoration: none;}
table.maxiMarque td span a{color: #b0042b; text-decoration: none; font-weight: bold;}
table.maxiMarque td span a:HOVER{text-decoration: underline;}

/*============================ Animtion JS =============================*/
#animJs { width: 400px; height: 290px; background: url(/images/bg_animjs.gif) no-repeat 20px top; overflow: hidden; position: relative; }

#animJs .imageElement {position: relative; width: 275px; height: 170px; overflow: hidden; margin: 8px auto 0 auto; left: 20px; }
#animJs .imageElement img { width: 255px; border: 1px solid #666; }
#animJs .visible { display: block; }
#animJs .detailsJs { height: 32px; width: 257px; position: absolute; bottom: 0; z-index: 15; background: transparent url(./images/bloc_liens_transparent.png); text-align: center; color: #FFF; font-size: 11px; }
#animJs .detailsJs h3, #animJs .detailsJs h3 a { font-size: 12px; text-align: center; color: #ffc807; font-weight: bold; margin: 0; text-decoration: none; }
#animJs .detailsJs span { color: #ac032a; font-weight: bold;  }

#animJs #caroussel { height: 80px; width: 100%; position: absolute; left: 45px; top: 195px; }
#animJs #thumbs  { background: #FFFFFF; width: 283px;  float: left; height: 64px; position: relative; overflow: hidden; border: 1px solid #FFF; }
#animJs #thumbs img { display: inline; margin: 0 2px 10px 2px; }
#animJs #thumbs img.filter{  filter : alpha(opacity=70);-moz-opacity : 0.7;opacity : 0.7; }
#animJs #thumbs1 { height: 80px; position: absolute; }
#animJs #btnLeft { display: block; float: left; width: 19px; height: 56px; background: url(/images/btn_jsLeft.gif) no-repeat left bottom; margin-top: 4px; margin-right: 3px; }
#animJs #btnRight { display: block; float: left; width: 19px; height: 56px; background: url(/images/btn_jsRight.gif) no-repeat left bottom; margin-top: 4px; margin-left: 3px; }
#animJs #btnLeft:HOVER, #animJs #btnRight:HOVER { background-position: left top; }


/*============================== Galerie ==============================*/
#galerie .tipContent { display: none; }
#galerie a img { width: 150px; float: left; margin: 10px; }

/* ============================ BArre de navigation ========================*/
#navBar { height: 29px; background: url(/images/nav_bg.gif) repeat-x; display: block; width: auto;}
#navBar span { height: 27px; padding: 2px 0 2px 0; float: left; display: block; margin: 0; }
#navBar span.left { width: 5px; height: 27px; background: url(/images/nav_left.gif) no-repeat; padding: 0;}
#navBar span.right {float: right; width: 5px; height: 27px; background: url(/images/nav_right.gif) no-repeat; padding: 0;}
#navBar span a { height: 22px; padding: 3px 10px 0 10px; color: #ffb108; font-weight: bold; font-size: 12px; display: block; float: left; border-right: 1px solid #AAA; text-decoration: none; }
#navBar span a:HOVER { background: url(/images/nav_hover.gif) repeat-x; }
#navBar span a.current { background: url(/images/nav_hover.gif) repeat-x; color: #FFF; }
#navBar span.recap { padding-top: 6px; color: #FFF; }

/*============================== Formulaire contact ==============================*/
#contact fieldset { border: 0; padding-left: 5px; }
#contact fieldset h3 { font-weight: bold; font-size: 16px; color: #2e86e7; margin-bottom: 10px; }
#contact label { width: 120px; float: left; display: inline; }


/*============================== Pages RSS ==============================*/
#subscribeRss { height: 95px; width: 520px; padding: 100px 10px 5px 150px; background: url(/images/structure/bloc_flux_RSS.jpg) no-repeat left top; }
#subscribeRss h2 { color: #80000a; font-size: 16px; font-weight: bold; background: none; text-transform: none; margin: 0 0 5px 0; padding: 0; }
a.linkRss { display: block; color: #FFF; height: 15px; background: url(/images/rss.gif) no-repeat left top; padding-left: 19px; margin: 10px 0 0 0;}
a.linkRss33{ display: block; height: 15px; width: 30%; float: left; background: url(/images/rss.gif) no-repeat left top; padding-left: 19px; margin-bottom: 3px; color: #000; text-decoration: none;}
a.linkRss33:HOVER{ text-decoration: underline;}

#rssPerso {width: 686px; height: 40px; padding-top: 80px; background: url(/images/structure/bloc_flux_RSS_perso.jpg) no-repeat left top;}
#rssPerso  a { display: block; width: 198px; height: 28px; background: url(/images/structure/btn_RSS_perso.gif) no-repeat; color: #FFF; margin: 0 auto; font-weight: bold; text-align: center; text-decoration: none; padding-top: 6px; }


/*============================== Flux Perso ==============================*/
#leftCriteria {width: 295px; border: 1px solid #888; height: 250px; overflow: auto; float: left; margin-right: 25px; padding: 15px; background: #EEE; }
#rightCriteria {width: 295px; border: 1px solid #888; height: 250px; overflow: auto; float: left; padding: 15px; background: #EEE;}
#rightCriteria span, #leftCriteria span {font-weight: bold; font-size: 14px;}
#linkRss a.run  { display: block; height: 32px; width: 400px; margin: 0 auto; background: url(/images/run.gif) no-repeat left top; font-size: 20px; padding-left: 40px; font-weight: bold; color: #18b905 }

.criteria { background: #DDD; border: 1px solid #CCC; padding: 7px 3px 3px 27px; background-position: 5px 6px; background-repeat: no-repeat; height: 18px; margin-bottom: 5px; }
.add { background-image: url(/images/add.gif); }
.expend { background-image: url(/images/add.gif); }
.remove { background-image: url(/images/remove.gif); }
.highlight { background-color: #D2D2D2; cursor: pointer; }
span.titre { font-size: 12px; font-weight: bold; }
span.cancel { display: block; width: 60px; background: url(/images/cancel.gif) no-repeat left top; padding-left: 20px; font-size: 12px; font-weight: bold; float: right; }

/* =========================== Videos ====================================*/
ul#vid_ul { margin-left: 10px; list-style-type: square; }
ul#vid_ul li a { color: #333; }
ul#vid_ul li a:HOVER { color: #b0042b; }